body { 	font-family: Helvetica;
		font-weight: lighter;
		text-decoration: none;
}



header {
	background-color: #fff;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 999;

}



h1 {	font-family: Helvetica;
		font-weight: lighter;
		color: rgb(102, 102, 102);
}

h2 { 	font-family: Helvetica;
		font-weight: lighter;
		color: #d93e15;
}



section {	font-family: Helvetica;
			font-weight: lighter;
			color: rgb(77, 77, 77);
}


section h1 { padding-right: 5%; }
section h2 { padding-right: 5%; }

section p { padding-right: 5%; }

section img { padding-right: 0; }






.orange { 	color: #d93e15; }

.big-orange {	color: #d93e15; }





.position::before {
	display: block;
	content: "";
	visibility: hidden;
}



#container-grey {
	background-color: rgb(247,247,247);
	padding-top: 0px;
}

#ds { padding-bottom: 60px; }


.small { font-size: 12pt; }

.icon { margin-right: 12px; }






/* mobile Version */
.small-email { 	margin-top: 10px; 
				margin-right: 25px;
				float: right;
}

.small-telefon {	margin-top: 10px; 
					margin-right: 10px;
					float: right;
}

.small-logo {	margin: 0;
				margin-left: 80px;
				margin-top: -23px;
				float: left;
				
}

.small-arrow { 	margin-right: 20px;
				margin-top: 40px;
				float: right;
				margin-bottom: 10px;
}
	
	
.small-bullet-point {	margin: 2px;
						margin-top: 0px; }


.small-welcome { margin-top: 2%; }		


.small-quote { margin-bottom: 15px; }


.small-picture {	border-radius: 3%;
					margin-top: 20px;
}



/* SMALL */
@media (max-width: 730px) {
		
		body { 	padding-top: 100px; }

		
		.big-email { display: none; }
		.big-telefon { display: none; }
		.big-logo { display: none; }
		.big-welcome { display: none; }
		.big-arrow { display: none; }
		.big-bullet-point { display: none; }
		.big-quote { display: none; }
		.big-picture { display: none; }

		
		h1 { 	font-size: 32pt;
				margin-bottom: 15px; 
		}
		h2 { 	font-size: 20pt; 
				line-height: 35px;
				margin-bottom: 10px;
		}
		.orange { font-size: 30pt; }
		.big-orange { 	font-size: 16pt; 
						line-height: 18px;
		}
		
		section { 	font-size: 14pt;
					line-height: 24pt;
					
					margin-top: 50px; 
					margin-bottom: 150px;
					
					padding-right: 25px;
					padding-left: 25px;
		}
		
		
		#menuToggle {	display: block;
  						position: relative;
  						top: 40px;
  						left: 25px;
  						bottom: 0px;
  
  						z-index: -1;
  
  						-webkit-user-select: none;
  						user-select: none;
		}

		#menu { border-top: 120px solid #fff; 
				padding-top: 50px;
				width: 100%;
				height: calc(100% + 10%)!important;
 		}

		a { text-decoration: none;
 			color: rgb(77, 77, 77);
  			font-size: 14pt;
			line-height: 18pt;
		}
		
		
		
		.position::before {	height: 140px;
							margin-top: -140px;
		}
	
	
		.impressum-datenschutz { 	margin-left: 25px;
									margin-bottom: 40px;
									margin-top: 40px;
									float: left; 
		}
		
		.impressum-datenschutz a { 	font-size: 10pt; }



		.blockquote { 	padding-top: 60px;	}
		
		.point { 	margin-right: 7px; 
					margin-left: 7px;
   		 			vertical-align: middle;
   		 			margin-bottom: 4px;
		}

						
}






/* MEDIUM */
@media (min-width: 731px) and (max-width: 991px){

		body { 	padding-top: 200px; }
		
		
		.small-telefon { display: none; }
		.small-email { display: none; }
		.small-logo { display: none; }
		.small-welcome { display: none; }
		.small-arrow { display: none; }
		.small-bullet-point { display: none; }
		.small-quote { display: none; }
		.small-picture { display: none; }


		
		h1 { 	font-size: 45pt; 
				margin-bottom: 15px;
		}
		h2 { 	font-size: 25pt; 
				margin-bottom: 18px;
		}
		.orange { font-size: 50pt; }
		.big-orange { font-size: 20pt; }
		
		section { 	font-size: 14pt;
					line-height: 24pt;
					
					margin-top: 80px; 
					margin-bottom: 250px;
					
					padding-right: 50px;
					padding-left: 50px;
		}	
		
		
		#menuToggle {	display: block;
  						position: relative;
  						top: 100px;
  						left: 50px;
  						bottom: 0;
  
  						z-index: -1;
  
  						-webkit-user-select: none;
  						user-select: none;
		}
		
		#menu { border-top: 120px solid #fff; 
				padding-top: 50px;
				width: 100%;
				height: calc(100% + 10%)!important;
 		}
		
		a { text-decoration: none;
 			color: rgb(77, 77, 77);
  			font-size: 14pt;
			line-height: 18pt;
		}
		
		


		.position::before {	height: 220px;
							margin-top: -220px;
							
		}
		
							
		.impressum-datenschutz { 	margin: 35px;
									margin-left: 50px;
									margin-top: 60px;
									float: left; 
		}
		
		.impressum-datenschutz a { 	font-size: 12pt; }




		.blockquote { 	margin-left: 240px; 
						margin-right: 5%;
						padding-top: 160px;
		}

		
		.point { 	margin-right: 7px; 
					margin-left: 7px;
   		 			vertical-align: middle;
   		 			margin-bottom: 8px;
		}

		
		
}










/* BIG */
.big-point { 	margin-right: 8px; 
				margin-left: 8px;
   		 		vertical-align: middle;
   		 		margin-bottom: 10px;
}

.big-email { 	margin-top: 60px; 
				margin-left: 20px;
				margin-right: 5%;
				float: right;
}

.big-telefon { 	margin-top: 60px; 
				margin-right: 20px;
				float: right;
}


.big-logo { margin: 0;
			margin-left: 120px;
			margin-top: -20px;
			float: left;
}



.big-arrow { 	margin-right: 5%; 
				margin-top: 55px;
				margin-left: 55px;
				float: right;
				padding-bottom: 40px;

}

.big-bullet-point {	margin: 10px;
					margin-top: 5px; 
}
					
.big-welcome { 	margin-top: 2%;	}		


.big-quote { margin-bottom: 30px; }


.big-picture {	border-radius: 3%;
				float: left; 
				margin-top: 30px;
}





/* BIG */
@media (min-width: 992px){

		body { 	padding-top: 220px; }
		
		
		.small-telefon { display: none; }
		.small-email { display: none; }
		.small-logo { display: none; }
		.small-welcome { display: none; }
		.small-arrow { display: none; }
		.small-bullet-point { display: none; }
		.small-quote { display: none; }
		.small-picture { display: none; }


		
		h1 { 	font-size: 50pt; 
				margin-bottom: 20px;
		}
		h2 { 	font-size: 25pt; 
				margin-bottom: 18px;
		}
		.orange { font-size: 60pt; }
		.big-orange { font-size: 25pt; }
		
		section { 	font-size: 16pt;
					line-height: 27pt;
					
					margin-top: 80px; 
					margin-bottom: 250px;
		}	
		
		
		
		#menuToggle {	display: block;
  						position: relative;
  						top: 100px;
  						left: 50px;
  						bottom: 0;
  
  						z-index: -1;
  
  						-webkit-user-select: none;
  						user-select: none;
		}
		
		#menu { padding-top: 200px; 
				width: 400px;
		}
				
		a { text-decoration: none;
 			color: rgb(77, 77, 77);
  			font-size: 14pt;
			line-height: 24pt;
		}
		
		


		.position::before {	height: 220px;
							margin-top: -220px;
							
		}
		
							
		.impressum-datenschutz { 	margin: 35px;
									margin-left: 50px;
									margin-top: 60px;
									float: left; 
		}
		
		.impressum-datenschutz a { 	font-size: 12pt; }




		.blockquote { 	margin-left: 240px; 
						margin-right: 5%;
						padding-top: 160px;
		}

		.point { 	margin-right: 7px; 
					margin-left: 7px;
   		 			vertical-align: middle;
   		 			margin-bottom: 10px;
		}
		
}




a:hover { 	text-decoration: none;
  			color: #d93e15;
}

a:target {	color: #d93e15;
			font-weight: bold;
}


.small-telefon, .small-email, .big-telefon, .big-email { 	text-decoration: none;
 															color: #000;
  															font-size: 12pt;
}

.impressum-datenschutz a { 	text-decoration: none;
 							color: #000;
}


.small-telefon:hover , .small-email:hover, .big-telefon:hover, .big-email:hover, .impressum-datenschutz a:hover { 	text-decoration: none;
 																													color: #d93e15;
}


 






/* Aussehen des Menüs */


#menuToggle input { display: block;
 					width: 40px;
  					height: 32px;
  					position: absolute;
 					top: -7px;
  					left: -5px;
  
  					cursor: pointer;
  
  					opacity: 0; /* verstecken */
  					z-index: 990; /* über menu platzieren */
  
  					-webkit-touch-callout: none;
}


#menu { position: fixed;
 		margin: -100px 0px 0px -50px;
  		padding-left: 50px;
  		padding-right: 50px;  
  		padding-bottom: 20px;
	
 		height:100%;
 		
  		background-color: #fff;
  
  		list-style-type: none;
		-webkit-font-smoothing: antialiased;
  
  		transform-origin: 0% 0%;
  		transform: translate(-100%, 0);
  
  		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  		 
  		overflow-y: auto;
  		
}






#menuToggle span {	display: block;
 					width: 33px;
 				 	height: 4px;
  					margin-bottom: 7px;
  					position: relative;
  
  					background: #d93e15;
  
  					z-index: 1;
  
  					transform-origin: left;
  
  					transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              					background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              					opacity 0.55s ease;
}


#menuToggle span:first-child { transform-origin: 0% 0%; }

#menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; }

/* Transform */
 
#menuToggle input:checked ~ span {	opacity: 1;
  									transform: rotate(45deg) translate(-2px, -1px);
 									background: #d93e15;
} 


/* Mitte verstecken */
#menuToggle input:checked ~ span:nth-last-child(3) { 	opacity: 0;
  														transform: rotate(0deg) scale(0.2, 0.2);
}


#menuToggle input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); }




 


#menu li { 	padding: 10px 0; }

/* bei Klick rein schieben*/
#menuToggle input:checked ~ ul { 	transform: none; }







/* Aufzählunszeichen */

ul.linklist li { 	list-style-type: square; 
					color: #d93e15;
}

ul.linklist li a {
    display: block;
    text-align: left;
}

ul.linklist li a:hover { color:#000; }

 
ul.linklist li a::before {
    height: 20px;
    width: 10px;
    padding: 0;
    vertical-align: middle;
    position: absolute;
    left: 2px;
}




/* Mehr anzeigen */

#content {
	display:none;
}
 

#showMore { color: #d93e15; 
			cursor: pointer;
}