/* CSS Document */

@media (max-width: 1200px){








html {
	font-size: 110%;
	font-size: 1em;/* Browserstandard: 16px */
	height: 100%;
	scroll-behavior: smooth;
}






.wrapper{
width: 100%;
margin: 0 auto;
overflow:hidden;
margin-bottom:1%;
margin-top:2%;
background:black;
padding-right:3%;
padding-left:3%;
}





.wrapper-neg{
width: 100%;
height:100%;
margin: 0 auto;
overflow:hidden;
margin-bottom:0%;
margin-top:-0%;
padding-left:3%;
padding-right:0%;
background: url("../images/Info_Rauch.jpg") no-repeat; 
background-position:bottom;
background-size:cover;



}


	
#main{
background: white;
width: 100%;
margin: 0 auto;
margin-top:100px;
}





#info-left{
z-index:10 !important ;
position:relative;
width:47%;
float:left;
margin-right: 3%;



}
	


#info-middle{
width:47%;
float:left;
margin-right: 3%;

}
	
	
	
#info-right{
width:47%;
float:right;
margin-right: 3%;

}


.info-quote{
z-index:0 !important;
position:fixed;
bottom:180px;
width:44%;
}

/*Texte: einspaltig*/	
.content-text{
width:100%;
float:left;
padding: 1.5%;
background-color:white;
margin-right: 1%;
margin-bottom:24px;


}

/*Texte: einspaltig / Roter Fond*/	
.content-text-rot{
width:100%;
float:left;
padding: 1.5%;
background-color:red;
margin-right: 1%;
margin-bottom:24px;
	border-radius:20px;


}


.content-text-rot h4{
	color:white;
	font-weight:400;
}
	
	
.content-text-rot h4 a{
	color:white;
}
	
		
.content-text-rot h4 a:hover{
	color:greenyellow;
}



.column-left{
background-color:none;
position:absolute;
margin-top:30%;
width:25%;
padding: 0 0 0 0;
}




.column-right{
background-color:none;
margin-top:8%;
margin-right: 7%;
float:right;
width:27%;
}




.background-imprint{
background: white;
color:black;
padding:2% 2% 2% 2%;
margin: 0 30% 20px 0;


}





blockquote a{
	font-family: niveau-grotesk, helvetica, sans-serif;
	font-weight: 300;
	font-style: italic;
	text-decoration:none;
	font-size:1.3em;
line-height:1.4em;
	color: #f2f2f2;
	padding: 20px 0px;
 opacity: 1;
  transition: 4s;
}

blockquote a:hover{
display:visible;
color: white;
opacity:1;

}




	
/*Header*/	
	header{
	height: 80px;
	background-color:none;
	width:100%;
	z-index: 99;
	position:absolute;
	top:0;
	display:block;
	
	

	}
	
	header h1 a {color: white;
	position: absolute;
	margin-left: 0%;
	margin-top: 0%;
	text-decoration: none;
	z-index: 1;}

	
	
	

nav {
background:black;
}


ul{
width:94%;
background:none;
margin: 0 auto;
position: absolute;
margin-right: 3%;
height:5%;
color:white;


}





		
		
	/*Navigation*/		
	
li {
	font-family: niveau-grotesk, helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.6em;
	line-height: 1.75em;
	color: white;
	display:inline;
	float: right;
	text-align: right;
	list-style: none;
	margin: 0% 0 0 3%;	
}	


	
li a{text-decoration: none;
color: white;
}	
	
	
li a:hover {
color:  #696969;
text-decoration:underline;
}	

.active{
color:red;
text-decoration: none;
}



	





	
	/*Footer*/		
	
footer{
height:100px;
background: black;
position:relative;
bottom: 0;
width:100%;
padding:0% 3%;
margin-top:0;
}

.address-01{
width: 32%;
display:inline-block;
margin:0 0% 0 0;
}

.datenschutz{
float: right;
padding: 0 0 3% 0;
}




		/*nach oben button*/	


#myBtn{
display:none;
position:fixed;
bottom:100px;
right:0%;
background-color: transparent;
border:none;
 outline: none;
color:red;


}


#myBtn:hover{
background-color: red;
color:white;

}








}