@media (min-width: 426px) and (max-width: 1023px){




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

}



.h1-alt{
font-size:15px;
font-size:0.938em;
font-size:93.8%;
line-height:17px;
line-height:1.153em;
line-height:115.3%;

}



h3{
	font-family: 'Noto Sans', helvetica, sans-serif;
	font-weight:700;
	font-size: 14px;
	font-size: 0.875rem;
	font-size: 87.5%;
	line-height:18px;
	line-height:1.125rem;
	line-height:112.5%;
	text-transform:lowercase;
	}


p{
	font-family: 'Noto Sans', helvetica, sans-serif;
	font-weight:700;
	font-size: 14px;
	font-size: 0.875rem;
	font-size: 87.5%;
	line-height:18px;
	line-height:1.125rem;
	line-height:112.5%;
	text-transform:lowercase;
	}

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

header{
	width:100%;
	height:7%;
	background:white;
	margin:0 2% 0 25px;;
	padding:14px 0 0 0px;
	z-index: 1!important

	}



#menu{
	position:fixed;
	top:10px;
	right:2%;
	cursor: pointer;
	color:black;
	z-index: 1;
	}
	
		
#menu .material-icons{
font-size: 46px;
font-size: 2.96em;
}


#close{
right:2%;

}
/* section * * * * * * * * */

section{
	width:100%;
	background:white;
	margin:0 auto;
	margin-top:30px;
	}



	
	.wort{
	width:150px;
	height:90px;
	padding:0px 0 0px 0px;
	margin: 0 2% 0 2%;
	background-color:white;
	display:inline-block;
	overflow:hidden;
	}
	
	
.wort h2{
	font-size:2.8rem;
	font-size:280%;
	
	text-align: center;
	padding:0px;


	}
	
	
	
	
.bilder{
	background:none;
	width:75%;
	float: right;
	text-align:right;
	position:absolute;
	top:00px;
	right:0%;
	
}


#legende{
	width:230px;
	height:auto;
	background:none;
	display:inline;
	position:fixed;
	top: 14px;
	left:2%;
	z-index: 1;

}


#legende-plus{
display:none;
	width:230px;
	height:auto;
	background:none;
	position:fixed;
	top: 165px;
	left:2%;
	z-index: 1;
}




#legende-plus-oben{
display:none;
	width:230px;
	height:auto;
	background:none;
	position:fixed;
	top: 125px;
	left:2%;	
	z-index: 1;
}


#legende-plus-fuenf{
display:none;
	width:230px;
	height:auto;
	background:none;
	position:fixed;
	top: 125px;
	left:2%;	
	z-index: 1;
}

#legende-plus-sechs{
display:none;
	width:230px;
	height:auto;
	background:none;
	position:fixed;
	top: 145px;
	left:2%;	
	z-index: 1;
}


/* seite portrait* * * * * * * * */

#legende-portrait{
background:white;
opacity:0.9;
width:45%;
padding:2% 2% 2% 25px;
margin: 0 0 0 0px;
}

#legende-portrait p{
	font-family: 'Noto Sans', helvetica, sans-serif;
	font-weight:700;
	font-size: 14px;
	line-height:18px;
	text-transform:lowercase;
		}



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