@charset "utf-8";

html, html * 
	{box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: 'Quicksand', sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}


body{
	background: white;
	font-size: 1vw;
	font-family: quicksand;}


img{width: 100%; 
	max-width: 100%; 
	height: auto; 
	vertical-align: middle;
	-webkit-transform:translate3d(0,0,0); 
	transform: translate3d(0,0,0);}

a, a:visited{color:inherit;}

.ld-logo{
	position: relative;
	display: block;
	float: left;
	width: 15em;
	padding-left:5em;
}

header {
	z-index:1000; 
	width: 100%;
	top: 0px;
	padding: -.5em;
	position:fixed;
background: #fff;}





nav{
	position: relative; 
	float: right; 
	z-index: 400; 
	top:0; 
	left:0; 
	display: block !important; 
	width: 80%; 
	padding: 1.5em 1em 0 0; 
	opacitiy: .95; 
	background: none;}


nav ul {list-style-type: none; margin:0; text-align: right;}
nav ul li{ display: inline-block; margin-bottom: 0; margin-left: 1.5em;}
nav ul li a{
	font-size: 1.1em; 
	padding-bottom: .5em; 
	text-decoration: none; 
	letter-spacing: .15em; 
	text-transform: uppercase; 
	color:#92a8d1;}
nav ul li a:hover{color:#e6bcc1;}
nav ul li a:visited{color: #92a8d1}
.box1{
	position: relative;
	height: 40vw;
	
background: rgba(230,188,193,1);
background: -moz-linear-gradient(45deg, rgba(230,188,193,1) 0%, rgba(146,168,209,0.5) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(230,188,193,1)), color-stop(100%, rgba(146,168,209,0.5)));
background: -webkit-linear-gradient(45deg, rgba(230,188,193,1) 0%, rgba(146,168,209,0.5) 100%);
background: -o-linear-gradient(45deg, rgba(230,188,193,1) 0%, rgba(146,168,209,0.5) 100%);
background: -ms-linear-gradient(45deg, rgba(230,188,193,1) 0%, rgba(146,168,209,0.5) 100%);
background: linear-gradient(45deg, rgba(230,188,193,1) 0%, rgba(146,168,209,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6bcc1', endColorstr='#92a8d1', GradientType=1 );}

.box1-content{
	color: #92A8D1;
	position: absolute;
	padding-top: 2em;
	top: 20;
	bottom: 0;
	width: 100%;
	text-align: center;}

h1 {color: #FFFFFF;
	text-transform:uppercase;
	font-size: 8.5em;
	letter-spacing: 0.11em;
	margin-bottom: 1.5%;
	text-shadow: 0px 0px 10px rgba(0, 0, 0,.05);
	margin-left: .7em;}


h2 {font-weight: 100;
	font-size: 2em;
	line-height: 2.2;
	margin-bottom: -.35em;
	padding-top: 13%;
	letter-spacing: .3em;
	text-transform: uppercase;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, .2);}

h3 {font-size: 1.5em;
	font-weight: 100;
	line-height: 2.75;
	letter-spacing: .35em;
	text-transform: uppercase;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, .2);}

h4{ color: #92a8d1;
	font-size: 1.3em;
	font-weight: 100;
	line-height: 2.75;
	text-transform: uppercase;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, .2);}


.box2 p{
	position: relative;
	background: #fff;
	font-family:quicksand;
	color:#92A8D1;
	padding: 4em 6em;
	text-align: center;
	text-transform:uppercase;
	font-size: 2em;
	line-height: 1.8em;
	letter-spacing: 0.325em;
}


.box2-content{
	padding: 12em 6em 12em 6em;}

 
.kontakt {
	position: relative;
	width: 100%; 
	overflow: hidden;} 


.kontakte {display: flex;}
.kontakte .kontakt-stilelement{
	padding: 16% 0 8% 23.5%;
	background-color:#E6bcc1; 
	width: 50%;
    float:left}

.kontakt-stilelement img {position: relative; z-index:100;padding-right: 20px;}

.kontakt-description{
	background: #92a8d1;
	width: 50%;
	padding: 11.25em 13em 16em;
	float: right;
	}


.kontakt-title{
	color: #fff;
	font-size: 3em;
	font-weight: 100;
	padding: 2em 0 0 0;
	letter-spacing: -.02em;
	text-transform: uppercase;
	line-height: 1.5;
	max-width: 9em;
	margin-bottom: .5em;
	text-align: center;}    

.kontakt-text{
	font-size: 1.5em;
	line-height: 1.9;
	opacity: .8;
	max-width: 25em;
	text-align: center; color: #FFFFFF; text-decoration: none;}
.kontakt-description p{padding-bottom: 10px;}

.FL {
	position: relative;
	padding-top: 100px;
	font-size: 1em;
	line-height: 1.9;
	opacity: .8;
	max-width: 82%;
	padding-left: 5%;
	padding-right: 10%;}



.FL h3{color: #92A8D1;}



.FL p{padding-bottom: 20px ;
	position: relative;
	background: #fff;
	color:#92A8D1;
	
	font-size: 1.2em;
	line-height: 1.5em;}

footer{display: block;width:100%; text-align: center;font-size: 0.8em;color: #FFFFFF; height: 50px;background: #EFAFBF; padding-top: 15px;} 
 
@media only screen and (min-width:800px){
	mobilnav{display:none;}
	nav{float:left;}
	aside{float:right; width:35%;}
	aside li {width:100%;}
	footer{display:block;}
	
	
	
	
	
	}