@media (max-width: 425px){






#overlay{
position:absolute;
 top: 14%;
 left: 2%;
 width:96%;
 height:70%;
  background: red;
  opacity:1;
  padding:15% 6% 4% 4%;
}

.overlay-text{
font-family: 'Noto Sans HK', 'helvetica', sans-serif;
font-weight:400;
font-size:16px;
font-size:1em;
font-size:100%;
line-height:18px;
line-height:1.25em;
line-height:125%;
color:white!important;
text-transform: lowercase;
letter-spacing:0.5px;
word-spacing:1px;
}


.overlay-text a{
color:white;
text-decoration:underline;

}



.closebtn a{
font-family: 'Noto Sans', 'helvetica', sans-serif;
  color: white;
  font-weight: 700;
  float: right;
font-size:22px;
font-size:1.375em;
font-size:137.5%;
  cursor: pointer;
  z-index: 0;
  position:absolute;
  right:15px;
  top:15px;
  
}


/* typografie* * * * * * * * */

 .h1-alt{
font-size:13px;
font-size:0.813em;
font-size:81.3%;
line-height:14px;
line-height:0.875em;
line-height:87.5%;

}



h4{
	font-family: 'Noto Sans', 'helvetica', sans-serif;
	font-weight:300;
font-size:15px;
font-size:0.938em;
font-size:93.8%;
line-height:18px;
line-height:1.25em;
line-height:125%;
	text-transform:lowercase;
	}



h2 a:hover{
color:#B9BBC1;
text-decoration: none;
letter-spacing: 20px;
}



h5{	
font-family: 'Noto Sans HK', 'helvetica', sans-serif;
font-weight:500;
letter-spacing:0.5px;
font-size:12px;
font-size:0.75em;
font-size:75%;
line-height:20px;
line-height:1.25em;
line-height:125%;
padding-top:7px;

}







/*             L A Y O U T  * * * * * * * * */


/* header* * * * * * * * */




#menu{
	position:absolute;

	}
	
#menu .material-icons{
font-size: 40px;
font-size: 2.5em;
font-size: 250%;
}


header{
width:96%;
margin:0 auto;
height:8%;
}

#header-mobile{
display:block;
padding:0 0 0 2%;
}

#header-screen{
display:none;
}



/* navigation* * * * * * * * */










/* section allgemein * * * * * * * * */




.top{
width:100%;
height:40px;
background:white;
position:fixed;
bottom:0;
right:0;
padding: 4px 0 0 4px;
margin:0 auto;
opacity: 1;
z-index: 1;
text-align:center;
}


.nachoben h6{
color:black;
padding:4px 0 0 0;
font-size:14px;
font-size:0.875em;
font-size:87.5%;

}	
	

/* section indexseite * * * * * * * * */

.wort{
	width:100%;
	height:130px;
	padding:0px 0 0px 0px;
	margin:0 auto;
	background-color:white;
	display:block;
	}
	
	
.wort h2{
	font-size: 105px;
	font-size: 6.563em;
	font-size:656.3%;
	letter-spacing:20px;
	text-align: center;

	}
	
/* section unterseiten * * * * * * * * */	
	
.bilder{
	background:none;
	width:100%;
	float: right;
	text-align:right;
	position:absolute;
	top:140px;
	right:2%;
	
}

#legende{        /* normale legende   * * * * * * * */	
	width:230px;
	height:auto;
	background:none;
	display:inline;
	position:absolute;
	top: 14px;
	left:5%;
	z-index: 1;

}


	
#legende-plus{    /* sieben zeilen legende   * * * * * * * */	
	display:none;
		width:100%;
		height:auto;
		background:white;
		position:absolute;
		top: 160px;
		left:0%;
		z-index: 1;
		padding:2% 12% 4% 5%;
		opacity:0.9;
	}

		
#legende-plus-oben{  /* vier zeilen legende beispiel T I E R * * * * * * * * */	
	display:none;
		width:100%;
		height:auto;
		background:white;
		position:absolute;
		top: 110px;
		left:0%;
		z-index: 1;
		padding:2% 12% 4% 5%;
		opacity:0.9;
	}

			
#legende-plus-fuenf{   /* fünf zeilen legende beispiel A R Z T * * * * * * * * */	
	display:none;
		width:100%;
		height:auto;
		background:white;
		position:absolute;
		top: 125px;
		left:0%;
		z-index: 1;
		padding:2% 12% 4% 5%;
		opacity:0.9;
	}

		
#legende-plus-sechs{   /* sechs zeilen legende beispiel  A R N O * * * * * * * * */	
	display:none;
		width:100%;
		height:auto;
		background:white;
		position:absolute;
		top: 145px;
		left:0%;
		z-index: 1;
		padding:2% 12% 4% 5%;
		opacity:0.9;
	}



/* section portraitseite * * * * * * * * */

#portrait{
height:100%;
margin:12% 0% 0% 0%;		


}
	



#legende-portrait{
	width:100%;
	display:block;
	position:relative;
	bottom:30%;
	padding:0 2% 0 2%;

	
	
	

}



#legende-portrait p{
font-family: 'Noto Sans', 'Helvetica', sans-serif;
font-weight:700;
font-size:14px;
font-size:0.875em;
font-size:87.5%;
line-height:18px;
line-height:1.25em;
line-height:125%;
text-transform:lowercase;
	}


	
	
	
/* section seite kontakt * * * * * * * * */


#kontakt{
background:none;
margin:12% 0% 0 2%;
}


	
/* section seite impressum datenschutz * * * * * * * * */

#impressum-datenschutz{
margin:12% 0% 0 2%;
width:96%;
}



/* Seite Veröffentlichungen * * * * * * * * */



#publikationen{
padding:3% 0 0 2%;
}



#texte{
padding:3% 0 0 2%;
}


hr{
background:black;
height:5px;
border: none;
position:absolute;
left:2%;
right:2%;
}



.alles-oeffnen{
margin:18px 0 0 0;
display:none;
float:left;
}

.alles-schliessen{
margin:18px 0 0 0;
display:none;
float:left;


}

.manuskript{
float:left;
text-align:left;
width: 96%;
padding:20px 2% 0 0;
}



	/*//fortführende texte*/
#text-01{	
display:none;
}


.btn-weiterlesen{
color:red;
font-family: 'Ubuntu Mono', monospace;
font-size:13px;
font-size:0.813em;
font-size:81.3%;
padding:5px 40px 5px 0;
display:block;

}


.btn-schliessen{
color:red;
font-family: 'Ubuntu Mono', monospace;
font-size:13px;
font-size:0.813em;
font-size:81.3%;
display:block;
padding:5px 40px 5px 0;

}


	/*//fortführender text 02  bitte folgenden abschnitt kopieren und weiter nummerieren*/




.btn-weiterlesen-text-02{
color:red;
font-family: 'Ubuntu Mono', monospace;
font-size:13px;
font-size:0.813em;
font-size:81.3%;
padding:5px 40px 5px 0;
display:block;

}



.btn-schliessen-text-02{
color:red;
font-family: 'Ubuntu Mono', monospace;
font-size:13px;
font-size:0.813em;
font-size:81.3%;
display:block;
padding:5px 40px 5px 0;

}





.btn-weiterlesen-text-03{
color:red;
font-family: 'Ubuntu Mono', monospace;
font-size:13px;
font-size:0.813em;
font-size:81.3%;
padding:5px 40px 5px 0;
display:block;

}



.btn-schliessen-text-03{
color:red;
font-family: 'Ubuntu Mono', monospace;
font-size:13px;
font-size:0.813em;
font-size:81.3%;
display:block;
padding:5px 40px 5px 0;

}



.btn-weiterlesen-text-04{
color:red;
font-family: 'Ubuntu Mono', monospace;
font-size:13px;
font-size:0.813em;
font-size:81.3%;
padding:5px 40px 5px 0;
display:block;

}



.btn-schliessen-text-04{
color:red;
font-family: 'Ubuntu Mono', monospace;
font-size:13px;
font-size:0.813em;
font-size:81.3%;
display:block;
padding:5px 40px 5px 0;

}




.btn-weiterlesen-text-05{
color:red;
font-family: 'Ubuntu Mono', monospace;
font-size:13px;
font-size:0.813em;
font-size:81.3%;
padding:5px 40px 5px 0;
display:block;

}



.btn-schliessen-text-05{
color:red;
font-family: 'Ubuntu Mono', monospace;
font-size:13px;
font-size:0.813em;
font-size:81.3%;
display:block;
padding:5px 40px 5px 0;

}



.btn-weiterlesen-text-06{
color:red;
font-family: 'Ubuntu Mono', monospace;
font-size:13px;
font-size:0.813em;
font-size:81.3%;
padding:5px 40px 5px 0;
display:block;

}



.btn-schliessen-text-06{
color:red;
font-family: 'Ubuntu Mono', monospace;
font-size:13px;
font-size:0.813em;
font-size:81.3%;
display:block;
padding:5px 40px 5px 0;

}



.btn-weiterlesen-text-07{
color:red;
font-family: 'Ubuntu Mono', monospace;
font-size:13px;
font-size:0.813em;
font-size:81.3%;
padding:5px 40px 5px 0;
display:block;

}



.btn-schliessen-text-07{
color:red;
font-family: 'Ubuntu Mono', monospace;
font-size:13px;
font-size:0.813em;
font-size:81.3%;
display:block;
padding:5px 40px 5px 0;

}

	
.btn-weiterlesen-text-08{
color:red;
font-family: 'Ubuntu Mono', monospace;
font-size:13px;
font-size:0.813em;
font-size:81.3%;
padding:5px 40px 5px 0;
display:block;

}



.btn-schliessen-text-08{
color:red;
font-family: 'Ubuntu Mono', monospace;
font-size:13px;
font-size:0.813em;
font-size:81.3%;
display:block;
padding:5px 40px 5px 0;

}
	
/* footer * * * * * * * * */
	
}