* {
	margin: 0;
	padding: 0;
    }

html {
    background-color: #FFF;
    -webkit-font-smoothing: antialiased;
    }

body {
	background: #FFF; 
	font-family: 'Barlow Condensed', sans-serif;
    color: black;
	letter-spacing: 0.5em;
    text-decoration: none;
    }	
    
.wrapper {
	height: 100%;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
    }    
	    
a:link { 
	text-decoration: none; 
	color: black; 
	}
	
a:visited {
	text-decoration: none; 
	color: black; 
	}
	
a:hover { 
	text-decoration: none; 
	color: black; 
	opacity: 1;
	}
	
a:active { 
	text-decoration: none; 
	color: black; 
	}



/*   C O O K I E   */

.cookieConsentContainer {
	z-index: 10000;
	width: 480px;
	min-height: 20px;
	box-sizing: border-box;
	padding: 30px 30px 30px 30px;
	background: white;
	overflow: hidden;
	position: fixed;
    bottom: 37px;
	right: 5vw;
	display: none;
	border: 1px solid black; 
	}

.cookieConsentContainer .cookieTitle a {
	color: black;
	font-size: 18px; 
	font-weight: 300;
	line-height: auto;
	display: block;
	}

.cookieConsentContainer .cookieDesc p {
	margin: 0;
	padding: 0;
	color: black;
	font-size: 14px;
	font-weight: 400;
	display: block;
	margin-top: 10px;
	} 

.cookieConsentContainer .cookieDesc a {
	color: black;
	text-decoration: none;
	}

.cookieConsentContainer .cookieDesc a:hover {
	color: grey;
	text-decoration: none;
	}

.cookieConsentContainer .cookieButton a {
	display: inline-block;
	color: white;
	font-size: 14px;
	font-weight: 500;
	margin-top: 14px;
	background: #000000;
	box-sizing: border-box; 
	padding: 15px 24px;
	text-align: center;
	transition: background 0.3s;
	}

.cookieConsentContainer .cookieButton a:hover { 
	cursor: pointer;
	background: lightgrey;
	}


    
/*   L O G O S   */	

.logo-top {
    position: fixed;
	text-align: justify;
	width: auto;
    height: auto;
    margin-left: 5vw;
    margin-top: 35px; 
    z-index: 5000;
    }
    
.logo-top img {
	width: 20vw;
	max-width: 320px;
	min-width: 160px;
	height: auto;
    }    
    
.logo-top a:hover { 
	opacity: 0.5;
	}
	    
.logo-bottom {  
	position: fixed; 
	bottom: 35px;
	margin-left: 5vw;
	text-align: justify;
	width: auto;
	height: auto;
	text-align: left;
	z-index: 2000; 
	}
	
.logo-bottom img {  
	width: 20vw;
	max-width: 320px;
	min-width: 160px;
	height: auto;
	}
	
.logo-bottom a:hover { 
	opacity: 0.5;
	}        
	
	
	
/*   N A V I G A T I O N  */    
    
.navigation {   
	position: fixed;	
	width: 15px;
	height: auto;
	top: 35px;
	right: 5.5vw;
	overflow-x: visible;
	overflow-y: visible; 
	background: none;
	z-index: 1000;    
    }		
    
.navigation p  {
	font-size: 18px; 
	font-weight: 300;
	word-spacing: 10px;
	writing-mode: vertical-lr;
    }	
    
.navigation a:hover { 
	opacity: 0.5;
	}

.imprint {    
	visibility: visible; 
	position: fixed;
	width: auto; 
	height: auto;
	right: 5vw;
	bottom: 35px;
	z-index: 1000;
	}
	
.imprint p { 	
	font-size: 14px;
	line-height: auto;
	font-weight: 400;
	}
	
.imprint a:link { 	
	padding-left: 20px;
	}	
	
.imprint a:hover { 
	opacity: 0.5;
	}
		
.imprint-phone {    
	visibility: hidden; 
	}

.imprint-phone a:hover { 
	opacity: 0.5;
	}
	
	
	
/*   I N D E X   */

.content {
    width: 1920px;
	height: auto; 
	position: relative; 
	float: left; 
	margin-left: -960px;
	left: 50%;
	margin-top: calc(50vh - 320px);
	margin-bottom: calc(50vh - 340px);
    z-index: 20;
    background: none; 
    }
    
.lb-box {
	padding: 80px; /* ! */
	display: flex;
    justify-content: center; 
	align-items: center;
	position: relative;
	float: left;
	width: 480px;
	height: 480px;
	background: none;
	}
	
.lb-box a:link .lb-box-img {
	visibility: visible; 
	}
 		
.lb-box a:hover .lb-box-img {
 	visibility: hidden;
	}		

.lb-box-img {
	position: absolute;
	display: flex;
    justify-content: center; 
	align-items: center;
	height: 320px;
	width: 320px;
	z-index: 100;
	opacity: 1.0;
	background: none;
	}
	
.lb-box-img img.horizontal {
	width: 320px;
	height: auto; 
	}
	
.lb-box-img  img.vertical {
	width: auto;
	height: 320px; 
	}
	
.content a:hover .lb-box-img  {
	opacity: 0.5;
	}	
		
.lb-box-txt img {
	position: absolute;
	float: none;
	padding: 80px; 
	top: 0px;
	left: 0px;
	height: 480px;
	width: 480px;
	z-index: 1000;
	visibility: hidden; 
	background: none; 
	}

.content a:hover .lb-box-txt img {
	color: black;
	visibility: visible;
	}
	
	

/*   I N F O  */  

.info {
	position: absolute; 
	float: left; 
    width: 480px;
    height: auto; 
	left: 50%;
	margin-left: -240px;
	top: calc(50vh - 70px);
	padding-bottom: calc(50vh - 70px);
    z-index: 20;
    }

.info img {
	position: relative; 
	width: 480px;
	height: 480px;
	left: 50%;
	top: -170px; 
	margin-left: -240px;
	background: none; 
    }

.info .spacer-small {
	position: relative; 
	height: 30px;	
	}
	
.info .spacer-normal {
	position: relative; 
	height: 90px;
	}

.info h1 {
 	text-align: justify;
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
	width: 480px;
	letter-spacing: 0.5em;
	padding-bottom: 28px;
	}

.info h2 {
 	text-align: justify;
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
	width: 480px;
	letter-spacing: 0.05em;
	}

.info h3 {    
 	text-align: justify;
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
	width: 480px;
	letter-spacing: 0.05em;
 	}	



/*   C O N T A C T  */  

.contact {
	position: absolute; 
	float: left; 
    width: 100vw;
    height: auto; 
	margin-left: 0px;
	top: calc(50vh - 70px);
	padding-bottom: 0px;
    z-index: 20;
    }

.contact img {
	position: relative; 
	width: 480px;
	height: 480px;
	left: 50%;
	top: -170px; 
	margin-left: -240px;
	background: none; 
    }



/*   P R O J E C T   P A G E   */

.object {
	position: relative; 
    height: auto; 
	width: 960px;
	height: auto;
	left: 50%;
	margin-left: -480px;
    z-index: 200;
    }
    
.object-info-title {
	position: absolute;
	top: calc(50vh - 240px);
	width: 480px;
	left: 240px;
	height: auto; 
	float: none;
	align-items: center;
	z-index: 250;
	background: none;
	}	

.object-info-title img {
	width: 480px;
	height: 480px;
	background: none; 
    }

.images {
	position: relative; 	
	top: 50vh;
	margin-bottom: 50vh; 
    z-index: 10;
    text-align: center; 
    }	
   
.object img.large {
	width: 960px;
	height: auto;
    }	
    
.object img.medium {
	width: 720px;
	height: auto;
    }	
    
.object img.small {
	width: 480px;
	height: auto;
    }	
    
.object .divider {
	float: none; 
	height: 12.5vw;
	max-height: 125px;
    }	
    
.object-info-txt {
	position: relative;
	top: -75px;
	padding-bottom: calc(50vh - 145px);
	width: 480px;
	height: auto; 
	left: 240px;
	clear: left; 
	background: none;
	z-index: 50;
    }

.object-info-txt h2 {
 	text-align: justify;
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
	width: 480px;
	letter-spacing: 0.05em;
	}



/*   P R I V A C Y  */  
    
.privacy-content {
	width: 1920px;
	height: auto; 
	padding-bottom: 270px;
	-webkit-column-count: 3; 
	-moz-column-count: 3; 
	column-count: 3;
	background: none; 
    }

.content h1 {
 	text-align: justify;
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
	width: 480px;	
	margin-top: 250px;
	margin-left: 80px;
	letter-spacing: 0.5em;
	padding-bottom: 28px;
	}

.privacy-content h2 {
 	text-align: justify;
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
	margin-left: 80px;
	margin-right: 80px;
	width: 480px;
	letter-spacing: 0.05em;
	background: none; 
	}





/* / / / / / / / / / / / / / / / / / / / / / / / / / / / */
/* / / / / / / / / / / / / / / / / / / / / / / / / / / / */
/* / / / / / / / / / / / / / / / / / / / / / / / / / / / */
@media only screen and (max-width: 2400px) { 



/*   I N D E X   */

.content {
    width: 1560px;
    height: auto;
	margin-left: -780px;
	margin-top: calc(50vh - 260px);
	margin-bottom: calc(50vh - 280px);
    }

.lb-box {
	padding: 20px; /* ! */
	}

.lb-box-txt img {
	padding: 20px; /* ! */
	}

.address {
	padding-top: 0px; 
    }



/*   P R I V A C Y  */  
    
.privacy-content {
	width: 1560px;
	padding-bottom: 210px;	
    }

.content h1 {
	margin-left: 20px;
	margin-top: 190px;
	}

.privacy-content h2 {
	margin-left: 20px;
	margin-right: 20px;
	width: 480px;
	}




}      





/* / / / / / / / / / / / / / / / / / / / / / / / / / / / */
/* / / / / / / / / / / / / / / / / / / / / / / / / / / / */
/* / / / / / / / / / / / / / / / / / / / / / / / / / / / */
@media only screen and (max-width: 1680px) { 



/*   C O O K I E   */

.cookieConsentContainer {
	width: 450px;
	}
	
.cookieConsentContainer .cookieTitle a {
	font-size: 16px; 
	}

.cookieConsentContainer .cookieDesc p {
	font-size: 12px;
	} 

.cookieConsentContainer .cookieButton a {
	font-size: 12px;
	}
	
	
	
/*   N A V I G A T I O N   a n d   I M P R I N T  */   

.navigation p {   
	font-size: 16px; 
    }	

.imprint p { 	
	font-size: 12px;
	}



/*   I N D E X   O V E R V I E W   */

.content {
    width: 1040px;
	margin-left: -520px;
	margin-bottom: calc(50vh - 280px);
    }



/*   P R I V A C Y  */  
    
.privacy-content {
	width: 1040px;
	-webkit-column-count: 2; 
	-moz-column-count: 2; 
	column-count: 2;
    }



}    





/* / / / / / / / / / / / / / / / / / / / / / / / / / / / */
/* / / / / / / / / / / / / / / / / / / / / / / / / / / / */
/* / / / / / / / / / / / / / / / / / / / / / / / / / / / */
@media only screen and (max-width: 1200px) { 



/*   C O O K I E   */

.cookieConsentContainer {
    bottom: 15px;
	right: 15px;
	}



/*   L O G O   */	

.logo-top {
    margin-left: 15px;
    margin-top: 15px; 
    }
	    
.logo-bottom {  
	bottom: 15px;
	margin-left: 15px;
	}



/*   N A V I G A T I O N   a n d   I M P R I N T  */    
    
.navigation {   
	top: 15px;
	right: 10px;
	width: 20px;
    }		
    
.navigation p {   
	font-size: 14px; 
	font-weight: 400;
	word-spacing: 5px;
	letter-spacing: 6px;
    }		
	
.imprint {   
	visibility: hidden;  
	}
	
.imprint-phone {   
	clear: left; 
	position: relative; 
	visibility: visible;  
	height: 15px;
	width: auto;
	padding-bottom: 16px;
	padding-right: 15px; 
	z-index: 1000; 
	}	
	
.imprint-phone p {   
	text-align: right; 
	font-size: 10px;
	font-weight: 400;
	line-height: 16px;
	word-spacing: 5px;
	letter-spacing: 0.3em;
	}	
		
		
		
/*   I N D E X   O V E R V I E W   */

.content {
    width: 520px;
	margin-left: -260px;
	margin-bottom: calc(50vh - 290px);
    }
	


/*   P R O J E C T   P A G E   */

.object {
	width: 720px;
	margin-left: -360px;
    }
    
.object-info-title {
	left: 120px; 
	}	
   
.object img.large {
	width: 720px;
    }	
    
.object img.medium {
	width: 480px;
    }	
    
.object img.small {
	width: 360px;
    }	
    
.object-info-txt {
	left: 120px;
    }
    


/*   P R I V A C Y  */  
    
.privacy-content {
	width: 480px;
	margin-bottom: 10px;
	-webkit-column-count: 1; 
	-moz-column-count: 1; 
	column-count: 1;
    }



}   





/* / / / / / / / / / / / / / / / / / / / / / / / / / / / */
/* / / / / / / / / / / / / / / / / / / / / / / / / / / / */
/* / / / / / / / / / / / / / / / / / / / / / / / / / / / */
@media only screen and (max-width: 720px) { 
    


/*   C O O K I E   */

.cookieConsentContainer {
	bottom: 25px;
	left: 25px;
	right: 25px;
	width: calc(100vw - 50px);
	}
	
.cookieConsentContainer .cookieTitle a {
	font-size: 14px; 
	}

.cookieConsentContainer .cookieDesc p {
	font-size: 10px;
	} 

.cookieConsentContainer .cookieButton a {
	font-size: 10px;
	}


  
/*   I N D E X   */  

.content {
    width: 320px;
	margin-left: -160px;
	margin-top: calc(50vh - 152px);
	margin-bottom: calc(50vh - 190px);
    }

.lb-box {
	width: 280px;
	height: 280px;
	}
	
.lb-box-img {
	height: 210px;
	width: 210px;
	}
	
.lb-box-img img.horizontal {
	width: 210px;
	}
	
.lb-box-img  img.vertical {
	height: 210px; 
	}

.lb-box-txt {
	height: 280px;
	width: 280px;
	}

.lb-box-txt img {
	height: 280px;
	width: 280px;
	visibility: hidden; 
	}

.content a:hover .lb-box-img  {
	opacity: 1;
	}	

.content a:hover .lb-box-txt img {
	visibility: hidden;
	}



/*   I N F O  */  

.info {
    width: 280px;
	left: 50%;
	margin-left: -140px;
	top: calc(50vh - 47px);
	padding-bottom: calc(50vh - 47px);   
    }
    
.info img {
	position: relative; 
	width: 280px;
	height: 280px;
	left: 0%;
	top: -80px; 
	margin-left: 0px;
    }   
    
.info .spacer-small {
	height: 30px;	
	}
	
.info .spacer-normal {
	height: 60px;
	}

.info h1 {
	font-size: 8px;
	line-height: 28px;
	font-weight: 400;
	width: 280px;
	padding-bottom: 20px;
	}

.info h2 {
	text-align: left; 
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
	width: 280px;
	letter-spacing: 0.05em;
	}

.info h3 {    
	text-align: left; 
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
	width: 280px;
	letter-spacing: 0.05em;
 	}	
	
	
	
/*   C O N T A C T  */  

.contact {
	position: absolute; 
	float: left; 
    width: 100vw;
    height: auto; 
	margin-left: 0px;
	top: calc(50vh - 140px);	
	padding-bottom: 0px;
    z-index: 20;
    }

.contact img {
	width: 280px;
	height: 280px;
	left: 50%;
	top: 0px; 
	margin-left: -140px;
	background: none; 
    }
	


/*   P R O J E C T   P A G E   */

.object {
	width: 100%;
	left: 0px;
	margin-left: 0px;
    }
    
.object-info-title {
	top: calc(50vh - 140px);
	left: calc(50vw - 140px);
	}	
	
.object-info-title img {
	width: 280px; 
	height: 280px; 
	}	   
   
.object img.large {
	width: 100%;
	height: auto;
    }	
    
.object img.medium {
	width: 75%;
	height: auto;
    }	
    
.object img.small {
	width: 50%;
	height: auto;
    }	
	
.object-info-txt {
	top: -55px;
	width: 280px;
	left: calc(50vw - 140px);
	padding-bottom: calc(50vh - 125px);
    }

.object-info-txt h2 {
 	text-align: left;
	font-size: 12px;
	line-height: 20px;
	width: 280px;
	}
 
 
 
 /*   P R I V A C Y  */  
    
.privacy-content {
	width: 280px;
	background: none; 
	margin-bottom: 0px;
    }
 
 .content h1 {
	font-size: 8px;
	line-height: 28px;
	width: 280px;	
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 105px;
	}

.privacy-content h2 {
 	text-align: left;
 	margin: 0px;
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
	width: 280px;
	}
 
 
}