html, body {
	font-family: Lato;
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #fff;
	color: #404040;
   /*** prevent ios landscape to zoom ***/ 
	-webkit-text-size-adjust: 100%;
		
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v16-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* set transitions to none first to prevent transitions on page load on ios */
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

#wrapper { 
	/* see https://github.com/philipwalton/blog/blob/master/articles/normalizing-cross-browser-flexbox-bugs.md */
	display: flex;
	flex-direction: column;  
  	height: 100vh;
	width: 100%;
}

#content {
	flex: 1 0 auto;
	width:100%;
	
}

#main {
	font-size: 1.15rem;
	clear: both;
	padding: 0 1em;
	margin-top: 75px;
}

h1 {
	font-size: 2em;
	padding: 1em 0;
}

h2 {
	font-size: 1.4em;
}

/* remove borders from links and images, especially in IE */
a, img {
   border:none;
   outline:none;
   text-decoration: none;
   color: #1a1a1a;
}

a:hover {
	color: #e60000;
}

ul li {
	list-style-type: none;
}

.shadow {
	position: fixed;
	background: #000;
	opacity: 0.4;
	z-index: 10;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#topline,
footer {
  	flex-shrink: 0;
}



#topline {
  	width:100%;
  	height:75px;
  	top:0;
  	background:#fff;
  	position:fixed;
  	z-index:999;
  	transition: top 0.2s linear;
  	transition: height .3s linear;
  	border-bottom: 3px solid rgb(255, 232, 24);
  	opacity: .9;
}

#topline:hover {
	opacity: 1;
}


#topline.small {
	height: 60px;
}

#logo {
	width: 60px;
   height: 52px;
   position: absolute;
   left: 0.9em;
   top: 0.7em;
   z-index: 9999;
}

#logo img {
   width: 120px;
   height: auto;
   transition: width 0.3s;
}

#logo.small img {
   width: 90px;
   height: auto;
}


.neos-nodetypes-image figure {
	width: 100%;	
}
	
figure {
	margin-left: 0;
} 

footer {
   margin-top: 4rem;
   width: 100%;
   border-top: 3px solid rgb(255, 232, 24);
}

footer a {
	padding-right: 2em;
}

footer .col-333 {
	float: right;
}

footer p {
	padding-left: 2em;
   padding-bottom: 0.85em;
   padding-top: 0.85em;
   font-size: 18px;
}

footer .col-331 {
	width: 100%;
	float: left;
}

#copyright {
	display: table;
	margin: 12px auto;
	color: #595959;
	font-size: 0.8em;
	width: 70vw;
	text-align: center;
	padding-top: 3em;
}

#menu {
	display: none;
}

.neos-nodetypes-text ul li::before, .neos-nodetypes-html-html ul li::before {
   content: "";
   position: absolute;
   border-right: 3px solid #262626;
   border-bottom: 3px solid #262626;
   width: 7px;
   height: 7px;
   transform: rotate(-45deg);
   margin-top: 0.46em;
   margin-left: -22px;
   border-color: rgb(255, 232, 24);
}

.neos-nodetypes-image img {
	width: 100%;	
}

#mapsbox {
	height: 50vh;
	width: 60vh;
	max-width: 100%;
}

#top {
	/*margin-top: 75px;*/
	font-size: 14px;
	
}

.teaserbox {
	position: absolute;
	bottom: 15%;	
	/*color: #e60000;*/
	font-size: 1.15em;
	width: 150px;
	padding: 1em;
	background: rgba(255,255,255,0.85);
}

.teaserbox h1 {
	color: #404040;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

.teaser-description {
	padding: 5px 0;
}

.teaser-linktext {
	font-size: 1em;
   border: none;
   text-decoration: none;
   font-family: Lato;
   cursor: pointer;
   transition: all .2s ease 0s;
   border: 2px solid #808080;
   background: transparent;
   padding: 5px 10px;
   margin: 7px 0;
   display: inline-block;
   color: #404040;
}

.teaser-linktext:hover {
	border-color: rgb(255, 232, 24);
	background: #fff;
}




.col-33 {
	max-width: 100%;
	width: 400px;
	float: left;
}

.col-halffirst img, .col-halfsecond img {
	width: 100%;
	margin-bottom: 10px;	
}

.sectorbox {
	width: 100%;
	height: 200px;
	cursor: pointer;
	margin: 0 0 40px;
	overflow-x: hidden;
	overflow-y: auto;
}

.sectorbox-slidein {
	display: none;
	background: rgba(255,255,255,0.85);
	min-height: 100%;
}

.sectorbox h3 {
	margin: 5px 0;
}

.sectorbox-description {
	padding: 15px 15px 5px 15px;
	font-size: 0.75em;
}

.sectorbox-linktext {
	padding: 15px;
}

.sectorbox-linktext a {
	border: 2px solid;
	padding: 4px 10px;
	transition: all .2s ease 0s;
	color: #404040;
}

.sectorbox-linktext a:hover {
	border-color: rgb(255, 232, 24);
	opacity: 1;
	background: #fff;
	color: #e60000;
}

.sectorbox-sector {
	text-align: center;
	background: rgba(255,255,255,0.85);
	position: absolute;
	bottom: 0;
	width: 100%;
}

.button a {
	display: inline-block;	
	transition: all .2s ease 0s;
   margin-top: 1.5em;
	padding: 8px 16px;
	border: 2px solid #808080;
	background: transparent;
	float: left;
   margin-right: 2em;
   color: #404040;
}

.button a:hover {
	border-color: rgb(255, 232, 24);
	color: #e60000;
}

.bgp-right {
	background-position: right center !important;
}

.bgp-left {
	background-position: left center !important;
}

.operationarea {
	clear: both;
}

a.anchor {
	display: block;
   position: relative;
   top: -100px;
   visibility: hidden;
}

.cookieinfo {
	border-top: 3px solid rgb(255, 232, 24);
}

.cookieinfo-close {
	border: 2px solid #808080;
}

.cookieinfo-close:hover {
	border-color: rgb(255, 232, 24);
	color: #e60000 !important;
}


/***** smartphone landscape *****/
@media only screen and (max-width: 48rem) and (orientation: landscape) {
	#top {
		margin-top: 5px;
	}
	.teaserbox {
		width: 250px;
		bottom: 15%;	
	}
	.col-33 {
		max-width: 48%;
		margin-right: 2%;
	}
	.neos-nodetypes-threecolumn {
		display: inline-block;	
	}
	.neos-nodetypes-threecolumn {
		display: inline-block;	
	}
	footer .col-331 {
   	width: 50%;
   }
   footer .neos-nodetypes-threecolumn {
		display:block;   
   }
	.neos-nodetypes-image figure {
		width: 100%;	
	}
}



/***** tablet *****/
@media only screen and (min-width: 48rem) and (max-width: 65rem) {
	h1 {
		padding: 2em 0 1.5em 0;	
	}
	#topline {
		height: 90px;	
	}
	#logo {
		width: 150px;
		height: 66px;  	
  	}
  	#logo img {
   	width: 150px;
   }
   #main {
		margin: 90px auto 0 auto;
		width: 500px;
	}
	.neos-nodetypes-image img {
		width: 80%;	
	}
	.col-33 {
		max-width: 48%;
		margin-right: 2%;
	}
	.sectorbox-description {
   	font-size: 0.715em;
	}
	.neos-nodetypes-threecolumn {
		display: inline-block;	
	}
	.sectorbox {
		height: 220px;
	}
	footer .col-331 {
   	width: 50%;
   }
   footer .neos-nodetypes-threecolumn {
		display:block;   
   }
	.teaserbox {
		bottom: 15%;	
		font-size: 1.5em;
		width: 200px;
		padding: 1.5em;
	}
}

/***** tablet landscape *****/
@media only screen and (min-width: 48rem) and (max-width: 65rem) and (orientation: landscape) {
	#main {
		width: 900px;	
	}
	.neos-nodetypes-image img {
		width: 80%;	
	}
	.col-33 {
		max-width: 31%;
    	margin-right: 2%;	
	}
}


/***** desktop *****/
@media only screen and (min-width: 65rem) {
	.teaserbox {
		bottom: 20%;
	}
	h1 {
		padding-top: 2em;	
	}	
	#topline {
  		height:90px;
  	}
  	#logo {
		width: 150px;
		height: 66px;  	
  	}
  	#logo img {
   	width: 150px;
   }
  	#menuicon {
		visibility: hidden;	
	}
	#menu {
		display: block;	
	}	
	#main {
		margin: 75px auto 0 auto;
		width: 1100px;
	}
	
	.neos-nodetypes-twocolumn {
		display: inline-block;	
	}
	.col-halffirst {
		width: 550px;
		float: left;
		
	}
	.col-halfsecond {
		width: 550px;
		float: left;
			
	}
	.col-halffirst img, .col-halfsecond img {
		width: 530px;	
	}
	
	.col-first {
		width: 500px;
   	float: left;
	}

	.col-second {
		width: 500px;
   	float: left;
		margin-left: 100px;
	}	
	
	footer .neos-nodetypes-threecolumn {
		display: block;	
	}
	footer p {
		padding-left: 5em;	
	}
	footer .col-331 {
		width: 33%;
	}
	.neos-nodetypes-threecolumn {
		display: inline-block;	
	}
	.col-33 {
		max-width: 30%;
		margin-right: 3.3%;
	}
	a.anchor {
	  	top: -130px;
   }
	.sectorbox {
		height: 230px;
	}
	.teaserbox {
		width: 250px;
	}
	.teaserbox h1 {
		font-size: 1.6em;
	}
	.sectorbox {
		float: left;
	}
}