@media (max-width: 600px){



html {
	font-size: 1em; /* Browserstandard: 16px */
	scroll-behavior: smooth;

}


img:hover{cursor: auto;}


#main-index h3{
display:none;

}




	
	#index{
	display: none; 
	}
	
	
	#index-mobile{
	display: block; 
	
	}
	
#main{
width:100%;
margin:0 auto;


}


.wrapper{
width:100%;
margin:0 auto;
}

.wrapper-headline{
width:100%;
margin:0 auto;	
}

.img-index img{
display:none;
}


	
.address-01 h6{
display:none;
}
	
	
	
	

	
	
	
/*Header*/	


	header{
	color:white;
	height: 100px;
	background-color:white;
	opacity: 0.94;
	z-index: 99;
	top:0;
	display:block;

	}
	
	

	
	header .wrapper {
	width:100%;
	padding:20px 2%;



	
	}
	


	
/*sprache*/		
	
#language{
display:block;

float:right;
	top:0%;
	right:0;
width:40px;
height:100px;
z-index: 1;
padding:10px 10px 10px 7px;


}	




.white-space-intro{
height:100px;

}


	/*Navigation*/		
	

nav {
display:none;

}



	
	/*Content Mobile Version*/
	
	
.main-mobile{
display:block;
width:100%;
padding: 10px 0% 0px 0%;
background-color:black;



}


	
.main-mobile-intro{
display:block;
width:100%;
height:600px;
padding: 140px 2% 0 2%;

}
	
	
	
	
	.main-mobile-intro p{
	font-weight:700;
	color:white;
	}


.content-mobile{
display:block;
width:100%;
padding: 2%;
background:white;


}
	
	
		/*Content Roter Kasten  Mobile Version*/
.content-mobile-red{
display:block;
width:100%;
padding: 2%;
background:red;


}
	

	.content-mobile-red h2{
		color: white;
	}	
	
	.content-mobile-red h4{
		color: white;
	}	

	.content-mobile-red h4 a{
		color: white;
	}	
	
	/*Footer*/		
	
footer {

    background: black;
    position: relative;
    bottom: 0;
    width: 100%;
	height:100px;
    padding: 0 10%;
    margin-top: -0%;
}


.datenschutz h6{
display:inline-block;
float:right;

}


	







		/*nach oben button*/	


#myBtn{
display:none;
position:fixed;
bottom:0%;
right:0%;
background-color: transparent;
opacity: 0.9;
border:none;
 outline: none;
color:red;
transition:1s;



}



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

}



		/*close button*/	

#close{
	position:absolute;
	top:112px;
left:1%;
	padding: 0 25px 25px 0;
	cursor: pointer;
	z-index: 1;
	color:white;
	
	}
	
#close:hover{
color:#B9BBC1;
}



/*typo allgemein*/




h1 {
font-weight: 700;
font-size:1.5em;
line-height:1.375em;
padding:2% 0% 4% 0%;


}





/*h2 Headlines Einleitungstexte. Größe wie h1*/
h2 {
font-weight: 700;
font-size: 1.5em;
line-height:1.375em;
padding:0 0 4% 0;
}

/*h3 HL index und Projekte/Mouseover*/
h3 {
	font-weight: 300;
	font-size:1.5em;
	line-height:1.375em;
	padding:0 0 0 0;

	
	}


h3 a:hover{
color:white;
z-index: 1; 

}
	
	
	/*h4 zwischenheadlines + Projekttitel*/
h4 {
font-weight: 700;
font-style: normal;
font-size:1.1em;
line-height:1.5em;
padding: 4px 0 0px 0;
	}
	
	
/*h5 Bildunterschriften*/
h5 {
font-weight: 300;
font-size:0.75em;
line-height: 1.25em;
color: black;
padding: 1%;
	}

	
	/*h6 Footer negativ*/
h6 {
font-weight: 700;
font-size:0.9em;
line-height: 1.75em;
color: white;
	}
		
		
h6 a{color:white;
text-decoration:underline;}


	
	
	/*p Fließtexte*/
p {
font-weight: 300;
font-size:1em;
line-height:1.6em;
color:black;


	}
	
strong{
font-weight:normal;
}


em{
font-style:italic;
letter-spacing:1;
}


i{
font-style:italic;
}
	
	
p a:hover{
color:red;
text-decoration:none;
font-weight: 700;

}	

	
	/*p Links allgemein*/	
	
a {
color:black;
text-decoration:underline;	
line-height:30px;
line-height:1.876em;
line-height:187.6%;
}
	
	
	

	/*Zitate*/

blockquote{
display:none;
}









/*Texte: einspaltig*/	
.content-text{
display:block;
width:100%;
height:100%;
float:left;
overflow:auto;
padding: 1% 1% 340px 0%;


}




/*texte projekte*/	
.projekte .content-text{
width:100%;
padding: 1% 0 1% 1%;
}


.projekt-intro{
width:100%;
display:inline-block;
}

.projekt-images{
width:100%;
float:right;



}	





	/*Content-Grid*/	


/*Texte: einspaltig*/	
.content-text{
display:block;
width:100%;
float:none;
overflow:auto;
padding: 1% 1% 1%px 0%;


}







/*einspaltig Verteilerseiten*/	
.img-overview-01 a{
  cursor: auto;
color:white;
width:100%;
float:none;
background: url("../images/V_K_Natur.jpg") no-repeat; 
background-size: cover;
margin-left: 2%;
margin-bottom: 2%;
height:350px;
filter: none;


}






.img-overview-02 a{
  cursor: auto;
color:white;
width:100%;
float:left;
background: url("../images/V_K_Stadt.jpg") no-repeat; 
background-size: cover;
margin-left: 2%;
margin-bottom: 2%;
height:350px;
filter: none;

}



.img-overview-03 a{
  cursor: auto;
color:white;
width:100%;
float:left;
background: url("../images/V_K_Mensch.jpg") no-repeat; 
background-size: cover;
margin-left: 2%;
margin-bottom: 2%;
height:350px;
filter: none;


}



.img-overview-04 a{
  cursor: auto;
width:100%;
float:left;
background: url("../images/V_K_Ausstellung.jpg") no-repeat; 
background-size: cover;
margin-left: 2%;
margin-bottom: 2%;
height:400px;
filter: none;

}






}