*{
	margin:0;
	padding: 0;	
	font-family: mr-eaves-modern, sans-serif;
}


body{background: white}

header {
position: fixed;
z-index: 10;
top: 0;
left:0;
width: 90%;
margin: 0% 10%;
padding:  0;
}

.icon{ max-width: 12em;
	padding-top: 1em;
	
}

.iconsmall{height: 15px;

margin-right: 5px;}


div{margin: 0; padding: 0;}



.formalitaeten a {
font-family: mr-eaves-modern, sans-serif;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.2em;
color:rgba(83,71,65,1.00);
font-size: 12px;
text-decoration: none;
padding: 0;
margin: 0;


}
.datenschutz a:hover{color:black;}


nav {
	display: flex;
	justify-content: space-around;
	align-items: center;
	min-height: 8vh;
} 
.nav-links{
	display: flex;
	justify-content: space-around;
	width: 90%;	
	margin-right: 20%;
	
}

.whitebg
{width: 100%;
background-color: white;
z-index: 10;}

.burger{display: none}

.burger div{
	width: 25px;
	height: 3px;
	background-color:rgba(83,71,65,1.00);
	margin: 5px;
	transition: all 0.3s ease;
}

.mobile-break{display:none;}

nav ul li {
font-family: mr-eaves-modern, sans-serif;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.15em;
list-style-type: none;
margin: 0;
padding:  0;
white-space: nowrap;
}

nav ul li a {
color:rgba(83,71,65,1.00);
font-size: 16px;
text-decoration: none;
padding-right: 0em;
padding-left: 1em;
margin: 0;
float: right;
}

nav ul li a:hover {
 color: black;
 text-decoration: none;
transform: scale(1.1);
}

/*SCHRIFTEN*/

h2{
font-family: mr-eaves-modern, sans-serif;
font-weight: 300;
font-size: 1.7em;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 0.1em;
color:rgba(198,183,161,1.00);

}

p, .weiter{
z-index: 999;
justify-content: space-between;
font-family: mr-eaves-modern, sans-serif;
font-weight: 200;
font-size: 30px;
line-height: 25px;
color:rgba(83,71,65,1.00);
hyphens: auto;
margin:0;
	
}

#hier{font-size: 18px;}

li{justify-content: space-between;
font-family: mr-eaves-modern, sans-serif;
font-weight: 300;
font-size: 18px;
color:rgba(83,71,65,1.00);
line-height: 1.2em;
}


h1{
font-family: mr-eaves-modern, sans-serif;
font-weight: 300;
font-style: normal;
text-transform: uppercase;
font-size: 2.5em;
letter-spacing: 0.2em;
text-align: center;
top: 30%;
width:100%;
color: white;
z-index: 999;
display: block;
}


.img-gallery{
	width:80%;
	margin:100px auto 50px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-gap: 30px;
	object-fit: contain;
	
	
}

.img-gallery img {
	width: 100%;
	height:200px;
	object-fit: cover;
	cursor: pointer;
}

.img-gallery img:hover{
	transform: scale(0.98);
	border-radius: 20px;
	box-shadow: 0 32px 75px rgba(68, 77, 136, 0.2);
}


.full-img{
	
	width: 100%;
	height:100vh;
	background: rgba(0,0,0,0.97);
	position:fixed;
	top:0;
	left:0;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

.full-img img{
	width: 80%;

    /*  
    	width: 90%;
	max-width: 500px;
	 */
}


.full-img span{
	position: absolute;
	top: 5%;
	right: 5%;
	font-size: 30px;
	color: white;
	cursor: pointer;
}

@media (max-width: 767.98px){
body{overflow-x: hidden;}
	nav ul li {white-space:pre-wrap;}
	.nav-links{position: absolute;
	right: 0px;
	height: 50vh;
	top: 8vh;
	background-color: rgba(198,183,161,1.00);
	opacity: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 70%;
	transform: translateX(100%);
	transition: transform 0.5s ease-in;
	margin:0;
	padding:2em;
	}
	
	.nav-links li{opacity: 0;}
	.burger{display: block;
	cursor: pointer;
	
		padding-right: 0%;
	}
	
	
	.nav-active{
		transform: translateX(0%);
	}
	
	
	@keyframes navLinkFade{
		from{
			opacity: 0;
			transform: translateX(50px);
		}
		to{
			opacity:1;
			transform: translateX(0px);
		}
	}
	
	.toggle .line1{
		transform:rotate(-45deg) translate(-5px,6px);
		
	}
	
	.toggle .line2{
		opacity: 0;
	}
	
	.toggle .line3{
		transform:rotate(+45deg) translate(-5px,-6px);
	}

	nav{text-align: left; padding-top: 0.8em;}
	
	
	}