/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('fonts/open-sans-v28-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v28-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v28-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('fonts/open-sans-v28-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v28-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* news-cycle-regular - latin */
@font-face {
  font-family: 'News Cycle';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/news-cycle-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/news-cycle-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* news-cycle-700 - latin */
@font-face {
  font-family: 'News Cycle';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/news-cycle-v20-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/news-cycle-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


html{
	scroll-behavior: smooth;
}
		html *{
			padding: 0;
			margin: 0;
		}
		* {
			box-sizing: border-box;
		}
		body{
			font-family: 'Open Sans', sans-serif;
  			font-style: normal;
  			font-weight: 300;
			font-size: 1.2em;
			overflow: visible;
			color: #29303e;
		}
		.background{
			width: 100%;
			height: 100%;
		}
		img.hintergrund{
			object-fit: cover;
			width: 100%;
			height: 100%;
			object-position: center;
			position: fixed;
		}
		.pfeil{
		position: absolute;
			width: 60px;
			height: auto;
		}
		header{
			position: fixed;
			top:0;
			width: 100%;
			background-color: rgba(41, 48, 62, 0.8);
			padding: 36px 0 0 0;
			border-bottom: 1px solid #fff;
			z-index: 300;
		}
		header a{
			color: #fff;
			text-decoration: none;
		}
		.innermenu{
			max-width: 1200px;
			margin: 0 auto;
			width: 90%;
		}
		.gero{
			font-weight: 800;
			font-size: 225%;
		}
		.geruestbau{
			font-size: 223%;
		}
		.gmbh{
			font-size: 170%;
			margin-left: 4px;
		}
		nav ul{
			margin-top: 25px;
			list-style: none;
		}
		nav ul li{
			margin-left: 24px;
		}
		.startheadline{
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			position: absolute;
			top:0;
		}
		.startheadline h1{
			font-weight: 300;
			color: #fff;
			text-align: center;
			font-size: 300%;
		}
		.overlay{
			width: 100%;
			position: absolute;
			top:100%;
		}
		.content{
			width: 100%;
			height: auto;	
		}
		section{
			width: 100%;
			margin: 0 auto;
			width: 100%;
			height: auto;	
			background-color: rgba(255, 255, 255, 0.8);
		}
		section p, section ul{
			font-size: 110%;
			margin: 36px 0;
			font-weight: 400;
			line-height: 150%;
		}
		section{
			list-style: inside;
		}
		.textblock{
			width: 90%;
			max-width: 1200px;
			margin: 0 auto;
			padding: 180px 0 60px 0;
		}
		.ref-textblock{
			width: 90%;
			max-width: 1200px;
			margin: 180px auto 60px;
			padding: 36px;
			background-color: rgba(255, 255, 255, 0.7);
			position: relative;
			z-index: 200;
			min-height: calc(100% - 286px);
		}
	.ref-textblock a{
		text-decoration: none;
		color:#29303e;
		border-bottom: 1px dashed #29303e;
	}
	.ref-textblock a:hover{
		border-bottom: 1px solid #29303e;
	}
		.pfeil{
			position: absolute;
			left:calc(50% - 30px);
			bottom:0;
		}
		h2{
			font-weight: 800;
		}
h3{
	font-weight: 400;
font-size: 140%;
}
		.hamburger, .cross{
			color: #fff;
			font-size: 150%;
		}
		.nowrap{
			white-space: nowrap;
		}
		footer{
			width: 100%;
			background-color: rgba(41, 48, 62, 0.8);
			padding: 12px;
			border-top: 1px solid #fff;
			font-size: 80%;
			text-align: center;
			position: relative;
		}
		footer a{
			color: #fff;
			text-decoration: none;
			margin: 0 24px;
		}
.bild-im-text{
	width: 50%;
}
		@media all and (max-width: 1200px){
		nav ul li{
			margin-top: 24px;
			font-size: 120%;
		}
		@media all and (max-width: 1000px){
			.startheadline{
				font-size: 60%;
			}
.bild-im-text{
	width: 60%;
}
		}
			@media all and (max-width:780px){				
		.ref-textblock{
			padding: 12px;
		}
.bild-im-text{
	width: 70%;
}
			}
		@media all and (max-width: 550px){
			.gero{
				font-size: 200%;
			}
			.geruestbau{
				font-size: 150%;
			}
			.gmbh{
				font-size: 120%;
			}
			.nav-toggle{
				top:45px;
			}
			section p, section ul{
				font-size: 100%;
			}
			h2{
				font-size: 120%;
			}
.bild-im-text{
	width: 80%;
}
		}
		@media all and (max-width: 400px){
			.gero{
				font-size: 150%;
			}
			.geruestbau{
				font-size: 120%;
			}
			.gmbh{
				font-size: 100%;
			}
			.nav-toggle{
				top:30px;
			}
			h3{
				font-size: 110%;
			}
.bild-im-text{
	width: 90%;
}
		}