@charset "utf-8";
/* CSS Document */




body{ margin:0 auto; font-family: 'Lato', sans-serif; font-weight: 300; color:#575756; font-size:1.1em; margin-bottom:0;
overflow-x: hidden
}

#transparent

{
	position:fixed;
	background-color:#FFF;
	display:none;
	top:0;
	width:80%;
	height:130px;
	
	
	}

#transparent ul{
	
	
  margin-left:0; padding-left:0;
  padding-top:50px;
  width:100%;
	
	}
#transparent ul li{
	
	
}
	
nav {
     float: left;    
     margin-left:10%;    
     color: #000;
	width: 100%;
	 
	 
	 }
	 
 /*
  @media only screen and (min-width : 1551px)  {
	 nav {
	 width:54%;
	 }
 }
 
 @media only screen and (min-width : 1161px) and (max-width : 1550px)  {
	 nav {
	 width:52%;	 
	 }
	 

 }
 
 */
 
 
.menue_rechts
{ padding-left: 3rem; }
.menue_normal
{ padding-top: 1.5rem; padding-right:2rem;}
 
ul {
     margin: 0;
     padding: 0;
	 padding-top:3rem;
}
 
li {
     float: left;
	display: flex;
	align-items: center;
     list-style: none;   padding: 0 ;    
   
	 font-size:1.2em;font-weight: 300; letter-spacing:0.1em;
     
}
li a{ text-decoration:none; color:#7097aa; display: inline-block; vertical-align: text-top;}


li a:visited { color:#575756; }
li a:hover   { color:#898b8c; }
 
 
#logo {display: inline-block; vertical-align: middle; float: right; width: 30%;}

#logo_rot {position:fixed; right:0; top:20px; z-index:100;
padding:0; 
 display:none;

}


aside{ 	position: fixed; float: left; top: 12rem;}

aside li{	margin: 0;	padding-left: 1rem; padding-top: 3rem;	clear: left;	list-style: none;}

aside i{	color: #7a97aa;}


figure { margin:0 10%; padding:0; clear:both; padding-top:3em}
figure h1 { padding-top:0;padding-right:3%; margin-top:6%; float:left;  width:75%; color:#7097aa; font-size:1.5em; font-weight:700; letter-spacing:0.075em; text-align:left; 
} 
figure img { width:100%; max-width:1530px; height:auto}

figure header {font-weight:700; letter-spacing:0.1em;  margin-bottom:0.5em;  }
figure header span {font-weight:700; letter-spacing:0.1em;  margin-bottom:0.5em;  }
figure header div { margin:0; padding:0}
figure a{padding: 0;}
figure a img { width:auto; height:auto; padding:0 auto; }

figure article {padding-top:0; margin-top:6%; margin-bottom:3em; }
figure article div {float:left; width:100%;  margin-bottom:1em}
figure article div div {float:left; width:75%; }

figure article div strong {
    
    font-weight: 400;
}

figure article span {font-weight:700;}

.refe {width:100%; }




gallerie {margin: 0 10%; width:100%; }

.container {padding-left: 10%; disply: flex; flex-wrap: wrap; float: left; width: 87%;}


img{border-color: #fff; border-style: double; width: 30%; float: left;}


footer{
	position: absolute;
	margin-top: 15rem;
	margin-bottom: 5rem;
	margin-left: 10%;
	width: 80%;
	height: 8rem;
	background-color: #7a97aa;
}

footer h1{
	padding-left: 2rem;
	padding-top: 0.5rem;
	float: left;
	color: #fff;
	text-decoration: none;
}

footer p{
	float: right;
	padding-right: 2rem;
	color: #fff;
}

footer a{
	text-decoration: none;
}



/* ----------------- Animation ---------------------- */


#flip, #flip_zu
{
margin:0; padding:0; 
}

#panel, #panel_2, #panel_3, #panel_5
{
width:100%;
padding:0;
display:none;

}

#panel2, #panel2_2, #panel2_3, #panel2_5
{
float:left;
padding:0;
display:none; 
padding-left:3%;
}





/* ----------------- BOX ---------------------- */
        .white_content {
            display: none;
            position: fixed;
            top: 92px;
            left: 30%;
            width: 40%;
			font-size:0.8em;
            
            background-color: white;
            z-index:1001;
            overflow: auto;
        }
#light a {color:#575756}



#cf {
  position:relative;
   width:100%; max-width:1530px; height:auto; 
  margin:0 ;
}

#cf img.top:hover  {
  opacity:0;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}