@charset "UTF-8";





/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/montserrat-v29-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v29-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v29-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v29-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v29-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/montserrat-v29-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/montserrat-v29-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}






body, html {
	background-color: #ffffff;
}
body {
	font-family: "Montserrat";
    font-weight: 300;
    font-style: normal;
	 margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
	font-size: 80%;
	color: #646363;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1 {
	
	margin-bottom: 0px;
	margin-top:0px;
	font-size: 400%;
	line-height: 150%;
	font-weight: 600;
	letter-spacing: 4px;
    color: #ffffff;
       
        display:inline;
       
        


       
        
        
}
@media (max-width:1800px) {
	h1 {
	    font-size: 300%;
    }
}
@media (max-width:1200px) {
	h1 {
	    font-size: 3vw;
    }
}

@media (max-width:500px) {
	h1 {
	    font-size: 5vw;
    }
}

h2 {
    color:#333;
    
}



img {
    border:none;
}
/*img {width: 100%; height: auto; }*/

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

a:link {
	color:#646363;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}
a:visited {
	text-decoration: none;
	color:#646363;
}
a:hover {
	text-decoration: none;
	color:#646363;
	transition: 0.3s;

}
a:active {
	text-decoration: none;
	color:#646363;
	
}


a {outline : none;}
a img {outline : none;}
img {border : 0;}
a:active, a:focus { 
 outline: none; 
}


table, tbody, tr, td, th {
  text-align:left;
    vertical-align: top;
 
}


/*////// START //////////////////////////////////////*/
#start00 {
	width: 100%;
	height:100vh;
	
	background-position: center bottom;
  	background-repeat: no-repeat;
  	background-size: cover;
      
	
}

#start01a {
	width: 100%;
	height:100vh;
	
	background-position: center top;
  	background-repeat: no-repeat;
  	background-size: cover;
    position: relative;
    border-top:1px solid #d84040;
    user-select: none;
      
	
}
#start01text {
    position: absolute;
    bottom:20vh;
    right:0px;
    width:  70vw;
     z-index: 100;
     background-color: #d84040;
     color: #ffffff;
     padding: 10px;
     font-size: 200%;
     font-weight: 500;
     user-select: none;


}
@media (max-width: 800px) {
  #start01text {
        font-size: 120%;
  }      
}

#logocirclediv {
    z-index: 100;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
    width: 35%;
    height: auto;   
}
@media (max-width: 800px) {
  #logocirclediv {
        width: 50%; 
  }      
}
@media (max-width: 500px) {
  #logocirclediv {
    width: 80%; 
  }  
}


.circle {
    width: 100%;
    height: auto; 
    
}











#logobox {
    position: absolute;
    z-index: 100;
   top:10vh;
    text-align: center;
    
    width: 100%;
}

.logo00 { 
    display: table;
    width: 40%;
    margin: 0px auto;
    
    padding: 0vh;
    

}  
.logo00-row {display: table-row;}
.logo00-cell {display: table-cell; vertical-align:top;}

.logo00-cell:nth-child(1) { }
.logo00-cell:nth-child(2) {}




@media (max-width: 800px) {
#logobox {
    
    
  }  
  
  .logo00 { 
   
    width: 70%;
   
    

}  
}







.logo {
    width: 100%;
    height: auto; 
}
.logo2 {
    width: 100%;
    height: auto; 
}
.logo3 {
    width: 100%;
    height: auto; 
}
.logo4 {
    width: 100%;
    height: auto; 
}

.header_start00 {
    position: absolute;
    z-index: 100;
    bottom: 0px;
    width: 100%;
}
.header_start01 {
    margin:0px auto;
    width: 70%;
    display: flex;
    justify-content: center;
    align-content: center;
}
.itemheader {
    align-items: center;
    width: 100%;
    margin: 10px;
    text-align: center;
    font-size: 3vw;
    font-weight: 700;
    letter-spacing: 3px;
    color:#bcbcbc;

} 
.itemheader:nth-child(1) {
    text-align: left;
}
.itemheader:nth-child(2) {
  
}
.itemheader:nth-child(3) {
    text-align: right;
}







/*////// START //////////////////////////////////////*/
.content00 {
	width: 100%;
    margin:0px auto;
	/*min-height:100vh;
    background-color: #fff;
     -webkit-box-shadow: 0 8px 6px -6px #716545;
	   -moz-box-shadow: 0 8px 6px -6px #716545;
	        box-shadow: 0 8px 6px -6px #716545;*/
    margin-bottom: 00px;
    padding-bottom: 0px;
    padding-top: 0px;   
}

.content00l {
	width: 100%;
    margin:0px auto;
	/*min-height:100vh;
    background-color: #fff;
     -webkit-box-shadow: 0 8px 6px -6px #716545;
	   -moz-box-shadow: 0 8px 6px -6px #716545;
	        box-shadow: 0 8px 6px -6px #716545;*/
    margin-bottom: 5vh;
    padding-bottom:0px;
    padding-top: 0px;   
}




.content00a {
	width: 100%;
    margin:0px auto;
    /*background-color: #a19063;*/
    text-align: center;
    margin-top:0;
    margin-bottom: 1vh;
    background-color: #d84040;
    
   
    /*background-image: url('images/h1bgr.jpg');
    background-position: center center;
    background-repeat: repeat-x;*/
   
}

.content00um {
	width: 100%;
    margin:0px auto;
    /*background-color: #a19063;*/
    text-align: center;
    margin-top:0;
    margin-bottom: 0.5vh;
    background-color: #d84040;
    
   
    /*background-image: url('images/h1bgr.jpg');
    background-position: center center;
    background-repeat: repeat-x;*/
   
}




.content01 {
	width: 95%;
    margin:0px auto;
    /*background-color: #a19063;*/
    text-align: center;
    margin-top:0vh;  
    
}
.content01c {
	width: 95%;
    margin:0px auto;
    /*background-color: #a19063;*/
    text-align: center;
    margin-top:0vh;  
    margin-bottom: 10vh;
    
}

.content01um {
	width: 100%;
    margin:0px auto;
    /*background-color: #a19063;*/
    text-align: center;
    margin-top:0vh;  
    
}

/*////// menu //////////////////////////////////////*/

#button_menu00 {
	position: fixed;
	z-index: 130;
	right: 20px;
	top:2%;
	
	cursor: pointer;
	/*-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));*/
-webkit-filter: drop-shadow(0px 5px 5px #fff);
  filter: drop-shadow(0px 1px 10px #fff);

	transition: all .2s ease-in-out;

}
#button_menu00:hover {
	transform: scale(1.1);
}
@media (max-width: 45em) {
	#button_menu00 {
		right:5px;	
	}
	
}
.button_menu01 {
	width: 35px;	
}
#menu00 {
	position: fixed;
	width: 100%;
	height:100vh;
	z-index: 120;
	background: rgba(0,0,0,0.9);
	display: none;
	padding-top: 30px;
	font-size: 130%;
	line-height: 160%;
	font-weight: 600;
	top:0;
}
#menu01 {
	 width: 50%;
	margin: 0px auto;
	
	text-align: center;

}
@media (max-width: 40em) {
	#menu01 {
	padding-top: 110px;
	width: 100%;	
}
}
#button_menu02 {
	position: fixed;
	z-index: 130;
	right: 20px;
	top:2%;
	cursor: pointer;
	display:none;
}
#button_menu02:hover {
	transform: scale(1.1);
}
.button_menu02 {
	width: 30px;
}
@media (max-width: 40em) {
	#button_menu02 {
	right: 5px;
}
}


#button_menuX {
	position: fixed;
	z-index: 130;
	right: 20px;
	top:10%;
	
	cursor: pointer;
	/*-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));*/
	transition: all .2s ease-in-out;

}
#button_menuX:hover {
	transform: scale(1.1);
}
@media (max-width: 45em) {
	#button_menuX {
		right:5px;	
	}
	
}





.link01, .link02, .link03, .link04, .link05, .link06, .link07, .link08, .link09, .link10, .linkext {
	cursor: pointer;
	transition: all .4s ease-in-out;
	color:#fff;
}

.link01:link, .link02:link, .link03:link, .link04:link, .link05:link, .link06:link, .link07:link, .link08:link, .link09:link, .link10:link, .linkext:link {
	color:#fff;
}

.link01:hover, .link02:hover, .link03:hover, .link04:hover, .link05:hover, .link06:hover, .link07:hover, .link08:hover, .link09:hover, .link10:hover, .linkext:hover {
	transform: scale(1.05);
	opacity: 0.7;
	color:#fff;
}

.linkext a:link{ color:#fff;text-decoration:none;}
.linkext a:visited{color:#fff;text-decoration:none;}
.linkext a:hover{color:#fff;text-decoration:none;}
.linkext a:active{color:#fff;text-decoration:none;}

.linkext2 {  font-size: 80%;}
.linkext2 a:link{ color:#fff;text-decoration:none; }
.linkext2 a:visited{color:#fff;text-decoration:none;  }
.linkext2 a:hover{color:#fff;text-decoration:none;  }
.linkext2 a:active{color:#fff;text-decoration:none;  }


/*////// TEAM //////////////////////////////////////*/
.teamimg {
    width: 45vw;
    margin: 0px auto;
}

@media (max-width:800px) {
    .teamimg {
        width: 80vw;
        
    }
}
@media (max-width:600px) {
    .teamimg {
        width: 95vw;
        
    }
}

.teamtext {
    width: 45vw;
    margin: 0px auto;
    line-height: 150%;
    
}

@media (max-width:800px) {
    .teamtext {
        width: 70vw;
        
    }
}
@media (max-width:600px) {
    .teamtext {
        width: 95vw;
        
    }
}






.tableteam00 { 
      	margin:0px auto;
		width: 100%;
       
        color:#000;
        
       
}

.tableteam00-cell:nth-child(1) { line-height: 150%;}
.tableteam00-cell:nth-child(2) { line-height: 150%;}





@media (max-width:500px) {
    .ttdesk { 
             display: none;
         
    } 
}
@media (min-width:500px) {
    .ttmobil { 
             display: none;
         
    } 
}



@media (min-width:800px) {
  .tableteam00 { 
   		display: table;
       
  }  
.tableteam00-row {display: table-row;}
.tableteam00-cell {display: table-cell; vertical-align:top;}
    
    .tableteam00-cell:nth-child(1) { width: 50%; text-align:right; border-right:0px solid #fff;padding-right:10px; line-height: 150%;}
.tableteam00-cell:nth-child(2) {width: 50%; text-align: left; line-height: 150%; vertical-align: middle;}
    
    
    .teamhalf_l { width: 100%;padding-left: 0%;padding-bottom: 0px; text-align: right; }
.teamhalf_r {width: 80%;padding-bottom: 0px; vertical-align: middle; }
    
}

@media (max-width: 1200px) {
    .teamhalf_l { width: 100%;padding-left: 0%;}
.teamhalf_r {width: 80%; }
    
}
@media (max-width: 500px) {
.teamhalf_l { width: 100%;padding-bottom: 20px; padding-left: 0%;}
.teamhalf_r {width: 100%;padding-bottom: 20px; }
    
}





#teamhalf_lc { width: 50%;padding-left: 50%;padding-bottom: 20px; }
#teamhalf_rc {width: 50%;padding-bottom: 20px; }
    


@media (max-width: 1200px) {
    #teamhalf_lc { width: 80%;padding-left: 20%;}
    #teamhalf_rc {width: 80%; }
    
}
@media (max-width: 500px) {
    #teamhalf_lc { width: 100%;padding-bottom: 20px; padding-left: 0%;}
    #teamhalf_rc {width: 100%;padding-bottom: 20px; }
    
}

@media (min-width: 2000px) {
    #teamhalf_l c{ width: 30%;padding-left: 70%; }
    #teamhalf_rc {width: 30%; }
    
}

@media (max-width: 500px) {
    .contdesk {display: none;}

}
@media (min-width: 500px) {
    .contmob {display: none;}

}


















.tableteam00 h1{
    
    width: 100%;
   /* background-color: #928052;*/
    margin-bottom: 40px;
    text-shadow: 6px 6px 0px rgba(0,0,0,0.2);
   
}






/*////// GESTALTEN //////////////////////////////////////*/
.tablegest00 { 
    margin:0px auto;
  width: 80%;
  padding-top:20px;
  color:#1d1d1b;
 
}

.tablegest00-cell:nth-child(1) { line-height: 150%;}
.tablegest00-cell:nth-child(2) { line-height: 150%;}
.tablegest00-cell:nth-child(3) { line-height: 150%;}










@media (min-width:1000px) {
    .gestheadermobile {
        display: none;
    } 
    .tablegest00 { 
        display: table;
   }  
   



 
.tablegest00-row {display: table-row; }
.tablegest00-cell {display: table-cell;   text-align:center;line-height: 150%; }

/*.tablegest00-row:nth-child(odd) { background-color: blue; margin: 30px; }
.tablegest00-row:nth-child(even) .tablegest00-cell:nth-child(1) {margin-bottom: 100px; }*/




.tablegest00-cell:nth-child(1) { width: 33.3%;  border-right:0px solid #fff;padding-right:4vw; vertical-align: top;}
.tablegest00-cell:nth-child(2) {width: 33.3%; padding-left:2vw; padding-right:2vw; vertical-align: top;}
.tablegest00-cell:nth-child(3) {width: 33.3%; padding-left:4vw;  vertical-align: tope;}



}
.gesthalf_l { width: 50%;padding-left: 50%;padding-bottom: 20px; text-align: right;}
.gesthalf_r {width: 50%;padding-bottom: 20px; }



.gestheader {
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 130%;
    line-height: 200%;
    padding-bottom: 0vh;
    margin-bottom: 0vh;
   
    margin-top:5vh;
    
}





.tablegest00-row:nth-child(1) .gestheader { margin-top: 2vh; }
.tablegest00-row:nth-child(3) .gestheader { margin-top: 2vh; }
.tablegest00-row:nth-child(5) .gestheader { margin-top: 2vh; }
.tablegest00-row:nth-child(7) .gestheader { margin-top: 2vh; }
.tablegest00-row:nth-child(9) .gestheader { margin-top: 2vh; }



.gesttext { margin-bottom:8vh;}

.gestimg {
    weight:100%; text-align:center;
}






@media (max-width:1000px) {
    .gestheader {
       
    } 
    .gestimg {
        display: none;
    } 
}

@media (min-width:1001px) {
    
    .gestimgmobil {
        display: none;
    } 
}

.gestheadermobile {
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 130%;
    line-height: 200%;
    padding-bottom: 2vh;
    margin-bottom: 3vh;
    background-image: url(images/h1bgr.jpg);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: bottom;
} 

.tablegest00-cell:nth-child(1) .gestheadermobile { margin-top: 2vh; }
.tablegest00-cell:nth-child(2) .gestheadermobile { margin-top: 2vh; }
.tablegest00-cell:nth-child(3) .gestheadermobile { margin-top: 2vh; }







/*////// PROJECTS //////////////////////////////////////*/
#headerproj {
   z-index: 100;
    position: absolute;
    
  top:-50px;
 width: 100%;
    font-weight: 600;
    font-size: 80px;
    text-align: center;
    
    text-shadow: 6px 6px 0px rgba(0,0,0,0.2);
    
    
}
@media (min-width: 2000px) {
   #headerproj {  top:-110px; font-size: 160px;}
}
@media (max-width: 800px) {
   #headerproj {  top:-60px; font-size: 80px;}
}
@media (max-width: 600px) {
   #headerproj {  top:-25px; font-size: 40px; display: none;}
}


#headerproj2 {
   z-index: 100;
    position: absolute;
    
  top:-50px;
 width: 100%;
    font-weight: 600;
    font-size: 80px;
    text-align: center;
   
    text-shadow: 6px 6px 0px rgba(0,0,0,0.2);
    
    
}
@media (min-width: 600px) {
   #headerproj2 {  display: none;}
}
@media (max-width: 600px) {
   #headerproj2 {  top:-25px; font-size: 40px;}
}


#projectsdiv {
   
   position: relative; 
   /*border-top:1px solid #fff;*/
    
    
}

.tableproj00 { 
      	margin:0px auto;
		width: 100%;
   		display: table;
        
        padding-top:50px;
   
       
}
@media (min-width: 2000px) {
    .tableproj00 {  padding-top:100px;}
}



.tableproj00-row {display: table-row;}
.tableproj00-cell {display: table-cell; vertical-align:top;}

@media (max-width: 600px) {
    
    .tableproj00 { 
		width: 95%;  
        padding-top: 10px;
    }
    
    
   .tableproj00-row {display: none;}
.tableproj00-cell {display: none;}
    
}




.tableproj00-row:nth-child(1) .tableproj00-cell:nth-child(1) { width:  14%; background-image: url(images/hl.png);background-repeat: no-repeat; background-position: top right; background-size: auto calc(100% - 4px);
    
}
.tableproj00-row:nth-child(1) .tableproj00-cell:nth-child(2) {width: 1%;}
.tableproj00-row:nth-child(1) .tableproj00-cell:nth-child(3) {width: 16.75%;}
.tableproj00-row:nth-child(1) .tableproj00-cell:nth-child(4) {width: 1%;}
.tableproj00-row:nth-child(1) .tableproj00-cell:nth-child(5) {width: 16.75%;} 
.tableproj00-row:nth-child(1) .tableproj00-cell:nth-child(6) {width: 1%;}
.tableproj00-row:nth-child(1) .tableproj00-cell:nth-child(7) {width: 16.75;}
.tableproj00-row:nth-child(1) .tableproj00-cell:nth-child(8) {width: 1%;}
.tableproj00-row:nth-child(1) .tableproj00-cell:nth-child(9) {width: 16.75%;}
.tableproj00-row:nth-child(1) .tableproj00-cell:nth-child(10) {width: 15%;}


.tableproj00-row:nth-child(2) .tableproj00-cell:nth-child(1) { width:  14%; }
.tableproj00-row:nth-child(2) .tableproj00-cell:nth-child(2) { width:  1%;}
.tableproj00-row:nth-child(2) .tableproj00-cell:nth-child(3) {width: 16.75%;}
.tableproj00-row:nth-child(2) .tableproj00-cell:nth-child(4) {width: 1%;}
.tableproj00-row:nth-child(2) .tableproj00-cell:nth-child(5) {width: 16.75%;}
.tableproj00-row:nth-child(2) .tableproj00-cell:nth-child(6) {width: 1%;}
.tableproj00-row:nth-child(2) .tableproj00-cell:nth-child(7) {width: 16.75%;}
.tableproj00-row:nth-child(2) .tableproj00-cell:nth-child(8) {width: 1%;}
.tableproj00-row:nth-child(2) .tableproj00-cell:nth-child(9) {width: 16.75%;}
.tableproj00-row:nth-child(2) .tableproj00-cell:nth-child(10) {width: 15%;}




/* MOBIL   */



#hlheaderm {width: 95%; margin:0px auto; text-align: center; padding-top: 40px; color:#333; font-weight: 600;}

.tableproj00-rowm {display: table-row;}
.tableproj00-cellm {display: table-cell; vertical-align:top;}


@media (min-width: 600px) {
   .tableproj00-rowm {display: none;}
.tableproj00-cellm {display: none;}
    #hlheaderm { display: none;}
    
}

.tableproj00-rowm:nth-child(3) .tableproj00-cellm:nth-child(1) { width:  48%;   
}
.tableproj00-rowm:nth-child(3) .tableproj00-cellm:nth-child(2) {width: 4%; }
.tableproj00-rowm:nth-child(3) .tableproj00-cellm:nth-child(3) {width: 48%; }

.tableproj00-rowm:nth-child(4) .tableproj00-cellm:nth-child(1) { width:  48%;   
}
.tableproj00-rowm:nth-child(4) .tableproj00-cellm:nth-child(2) {width: 4%; }
.tableproj00-rowm:nth-child(4) .tableproj00-cellm:nth-child(3) {width: 48%; }










/*TEXTE HL*/




.projtext1 {
    width: 100%;
    text-align: center;
    margin-top:10px;
    color: #FFF;
    font-size: 120%;
    font-weight: 600;
    text-transform: uppercase; 
    letter-spacing: 2px;
}
@media (min-width: 1800px) {
   .projtext1 {
        font-size: 300%; 
    }
}
@media (max-width: 1200px) {
   .projtext1 {
        font-size: 1vw; 
    }
}
@media (max-width: 600px) {
   .projtext1 {
        font-size: 3vw; 
    }
}


.projtext2 {
    width: 100%;
    text-align: center;
    margin-top:5px;
    color: #fff;
    font-size: 80%;
   padding-bottom: 20px;
}
@media (min-width: 1800px) {
   .projtext2 {
        font-size: 170%; 
    }
}



/*PROJECTS NEW*/
.tbp {
    width: 70vw;
    margin: 0px auto;
    margin-top: 5vh;
}

.tbp-row {display: table-row; }

@media (max-width: 600px) {
            
    .tbp{width:90%;margin:5%; }
}
@media (min-width: 600px) {
            
    .tbp {display: table; }
    .tbp-cell {display: table-cell; vertical-align:top;}
}

.tbp-cell img {
    width: 100%;

   
}



.tbp-cell:nth-child(1) { width:  20%; }

.tbp-cell:nth-child(2) {width: 30%; text-align: right;border-bottom:1px solid #c6c7c8; padding-top: 2vh; padding-bottom: 2vh;}

.tbp-cell:nth-child(3) { width:  2%;   border-bottom:1px solid #c6c7c8;}

.tbp-cell:nth-child(4) {width: 48%; border-bottom:1px solid #c6c7c8; padding-top: 2vh; padding-bottom: 2vh;position: relative;}


@media (max-width: 1000px) {
    .tbp {
        
        width: 90vw;  
    }
    .tbp-cell:nth-child(1) { width:  0%; }

.tbp-cell:nth-child(2) {width: 50%; }


}
@media (max-width: 600px) {
    .tbp {
        
        width: 90vw;  
    }
    .tbp-cell:nth-child(1) { width:  0%; border-bottom:0px;}

.tbp-cell:nth-child(2) {width: 100%; border-bottom:0px;padding-bottom: 1vh;}

.tbp-cell:nth-child(3) {width: 0%; border-bottom:0px;}
.tbp-cell:nth-child(4) {width: 100%; padding-top: 0vh;}


}



 .tbp-cell h3 {
    
    margin:0px 0px 0px 0px;
    font-size: 130%;
    letter-spacing: 2px;
}
.tbp-cell h4 {
    
    margin:0px 0px 0px 0px;
    font-size: 130%;
    color:#9d9d9c;
    margin-bottom: 2vh;
    letter-spacing: 2px;
}
.tbp-text01 {
    padding-bottom:6vh;
}
.tbp-text02 {
    position: absolute;
  bottom: 0;padding-bottom:2vh;
  color:#9d9d9c;
  font-weight: 700;
  line-height: 150%;
}

/*HL TAB 2 */


.tableproj01 { 
      	margin:0px auto;
		width: 100%;
   		
      
        
        padding-bottom: 0px;
      
       
}

@media (max-width: 600px) {
            
    /*.tableproj01{display: none; }*/
}


.tableproj01header { 
    margin:0px auto;
  width: 100%;
  padding-top:30px;
  padding-bottom: 30px;
 
 text-align: center;
}




.tableproj01-row {display: table-row;}

@media (max-width: 600px) {
            
    .tableproj01{width:90%;margin:5%; }
}
@media (min-width: 600px) {
            
    .tableproj01 {display: table; }
    .tableproj01-cell {display: table-cell;}
}



.tableproj01-cell:nth-child(1) { width:  19.75%; }

.tableproj01-cell:nth-child(2) {width: 30%; padding-bottom:0.5%; }
.tableproj01-cell:nth-child(3) {width: 0.5%; }
.tableproj01-cell:nth-child(4) {width: 30%;padding-bottom:0.5%;}
.tableproj01-cell:nth-child(5) {width: 19.75%; }


@media (max-width: 600px) {
.tableproj01-cell:nth-child(1) { width:  100%; }

.tableproj01-cell:nth-child(2) {width: 100%;padding-bottom:5%;}
.tableproj01-cell:nth-child(3) {width: 100%;}
.tableproj01-cell:nth-child(4) {width: 100%;padding-bottom:5%;}
.tableproj01-cell:nth-child(5) {width: 100%;}
.tableproj01-cell:nth-child(6) {width: 100%;}
.tableproj01-cell:nth-child(7) {width: 100%;}
.tableproj01-cell:nth-child(8) {width: 100%;}
.tableproj01-cell:nth-child(9) {width: 100%;}
}




/*MOBIL*/
#projectsdivm {
  
    width: 100%;
    padding-top:10px;
    padding-bottom: 40px;
    
}
.tableproj01m { 
      	margin:0px auto;
		width: 95%;
   		display: table;
       
        
       
}
.tableproj01-rowm {display: table-row; }

@media (min-width: 600px) {
            
    #projectsdivm{display: none; }
}

.tableproj01-cellm {display: table-cell; vertical-align:top;}

.tableproj01-cellm:nth-child(1) { width:  48%; }

.tableproj01-cellm:nth-child(2) {width: 4%;}
.tableproj01-cellm:nth-child(3) {width: 48%;}
.tableproj01-cellm:nth-child(4) {width: 0%;}


.projtext0 {
position: absolute; bottom: 3px;padding-bottom:0vh;width:100%;margin:0;
background: rgba(255,102,102,0.8);
padding-bottom: 20px;

}


.projtext1a {
    
    width: 100%;
    text-align: center;
    margin-top:10px;
    color: #1d1d1b;
    font-size: 100%;
    font-weight: 600;
    text-transform: uppercase; 
    letter-spacing: 2px;
    color:#b9baa3;
    
}
@media (min-width: 1800px) {
   .projtext1a {
        font-size: 200%;
     
    }
}
@media (max-width: 1200px) {
   .projtext1a {
        font-size: 90%; 
    }
}
@media (max-width: 600px) {
   .projtext1a {
        font-size: 3vw; 
    }
}


.projtext2a {
    width: 100%;
    text-align: center;
    margin-top:5px;
    color: #666;
    font-size: 100%;
   
}
@media (min-width: 1800px) {
   .projtext2a {
        font-size: 150%; 
    }
}
@media (max-width: 800px) {
    .projtext2a {
         font-size: 110%; 
     }
 }



/*/////SWIPER*/

#content01bgal {
    
	margin-left:0%;
	margin-right:0%;
	
	min-height: 30vh;
	background-image: url("images/loading.gif");
	background-position: center center;
	background-repeat: no-repeat;
	
   padding-bottom: 80px;
    
    margin-bottom: 20px;
}

@media (min-width: 1800px) {

	#content01bgal {
	margin-left:0%;
	margin-right:0%;
}
}

@media (max-width: 45em) {
#content01bgal {
	margin-left:0px;
	margin-right:0px;
	padding-bottom: 20px;
	padding-top: 80px;
		min-height: 20vh;
		
	}

}



      .swiper-slide {
        text-align: center;
        

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		 
      }

     /* .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
		 
      }*/


.swipeheader {
	margin:0px auto;
    width: 80%;
    text-align: center;
    vertical-align: bottom;
	font-size: 2vw;
	line-height: 100%;
	font-weight: 600;
	letter-spacing: 2px;
    color:#ff6666;
    margin-top:3vh;
     text-transform: uppercase;    
}
.swipeheader2 {
	margin:0px auto;
    width: 80%;
    text-align: center;
    vertical-align: bottom;
	font-size: 1vw;
	line-height: 100%;
	font-weight: 600;
	letter-spacing: 2px;
    color: #646363;
    margin-top:10px;
     text-transform: uppercase;    
}
@media (max-width: 600px) {
    .swipeheader {
	width: auto;
   display: block;
    text-align: center;
    
	font-size: 8vw;
	line-height: 100%;
    margin-top: 15px;
        padding-right: 5px;
    
}
}
@media (max-width: 1000px) {
    .swipeheader2 {

        font-size: 2vw;   
    }
}
@media (max-width: 600px) {
    .swipeheader2 {

        font-size: 3vw;   
    }
}





.swm {
    margin:0px auto;
    width: 100%;

}
@media (min-width: 1400px) {
    .swm {
    display:none;
    }
}
.swma {
    margin:0px auto;
    width: 80%;

}









.galimgdiv {
	position: relative; width: 80%; 
    
   
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 40px;
}
.galimgdiv2 {
	position: relative; width: 100%; 
}

.galimg {
	width: 100%;
	
  
}



@media (max-width: 40em) {
	.galimg {
		width: 100%;
	}
	.galimgdiv {
	width: 100%; 
	}
}

.galimg_circle {
		position: absolute;
		z-index:1;
	    width: 100%;
		}

.galimglage {
	width: 100%;
	margin-bottom: 40px;
}



.galimg2 {
	width: 100%;
	
	margin-bottom: 40px;
}
@media (max-width: 40em) {
	.galimg2 {
		width: 100%;
	}
	
}

.fullscreenicon {
		position: absolute;
		z-index:2;
		top:15px;
		right:10px;
		cursor: pointer;
		}
.fullscreenicon_gal {
		position: absolute;
		z-index:2;
		top:15px;
		right:10px;
	cursor: pointer;
		}
.fullscreeniconbgr {
		position: absolute;
		z-index:2;
		top:15px;
		right:10px;
		background-color: #333;
		opacity: 0.5;
	width: 20px;
	height: 20px;
		}

.fullscreentext {
		position: absolute;
		z-index:2;
		bottom:10px;
		right:10px;
	width: 80%;
	text-align: right;
		}



 @media  (orientation:landscape) {
.fullscreenicon  {
		display: none;
		}
.fullscreenicon_gal  {
		display: none;
		}
.fullscreeniconbgr {
		display: none;
		}
}





.prodcont {
    margin:0px auto;
    width: 80%;
    
    margin-top: 3vh;
    margin-bottom: 3vh;

}
@media (max-width: 1000px) {
    .prodcont {
width:90%;
    }
}

.tableprd00 { 
      	margin:0px auto;
		width: 80%;
        color: #646363;
        margin-top: 2vh;
        text-align: center;
        
       
        
    
       
}
@media (min-width: 1000px) {
  .tableprd00 { 

		width: 80%;
   		display: table;
    
       }  
    
}
@media (min-width: 1400px) {
  .tableprd00 { 

		width: 80%;
   		display: table;
     
       }  
    
}


.tableprd00-cell { vertical-align:top;}
.tableprd00-cell:nth-child(1) { width: 100%;margin-bottom: 30px;border:0px solid #fff; text-align: left;
  vertical-align: top;}
.tableprd00-cell:nth-child(2) {width: 0%;}
.tableprd00-cell:nth-child(3) { width: 100%;margin-bottom: 30px;border:0px solid #fff; text-align: left;
  vertical-align: top; }

@media (min-width: 1000px) {
.tableprd00-row {display: table-row;}
.tableprd00-cell {display: table-cell; }

.tableprd00-cell:nth-child(1) { width: 49.7%; margin-bottom: 0px;border:0px solid #fff; text-align: right;
  }
.tableprd00-cell:nth-child(2) {width: 0.6%; border-right: 1px solid #666;}
.tableprd00-cell:nth-child(3) { width: 49.7%; margin-bottom: 0px;border:0px solid #fff; text-align: left;
  }
}

.tableprd00content {
    margin:0 20px 20px 20px;

}

.tableprd00content2 {
  
}



.tableprd02 { 
    margin:0px auto;
  width: 90%;
  color: #1d1d1b;
  margin-top: 0.5vh;
  
  
 
  

 
}
@media (min-width: 1000px) {
.tableprd02 { 

  width: 80%;
     display: table;

 }  

}
@media (min-width: 1400px) {
.tableprd02 { 

  width: 80%;
     display: table;

 }  

}


.tableprd02-cell { vertical-align:top;}
.tableprd02-cell:nth-child(1) { width: 100%;}
.tableprd02-cell:nth-child(2) {width: 0%;}
.tableprd02-cell:nth-child(3) {width: 100%;}
.tableprd02-cell:nth-child(4) {width: 0%;}
.tableprd02-cell:nth-child(5) {width: 100%;}


@media (min-width: 1000px) {
.tableprd02-row {display: table-row;}
.tableprd02-cell {display: table-cell; }

.tableprd02-cell:nth-child(1) { width: 32.9%; }
.tableprd02-cell:nth-child(2) {width: 0.6%; }
.tableprd02-cell:nth-child(3) {width: 32.9%; }
.tableprd02-cell:nth-child(4) {width: 0.6%; }
.tableprd02-cell:nth-child(5) { width: 32,9%; 
}
}


@media (max-width: 700px) {
.tableprd02-cell a{
    pointer-events: none;
  cursor: default;
  text-decoration: none;
}
}












.tempvor {
    margin:0px auto;
    width: 80%;
    margin-top:40px;
    margin-bottom:40px;
    text-align: center;
}



.tableprd01 { 
    margin:0px auto;
  width: 90%;
  margin-top: 50px;
  

 
}
@media (min-width: 1000px) {
.tableprd01 { 

  width: 80%;
     display: table;

 }  

}
@media (min-width: 1400px) {
.tableprd01 { 

  width: 60%;
     display: table;

 }  

}


.tableprd01-cell { vertical-align:top;}
.tableprd01-cell:nth-child(1) { width: 100%;margin-bottom: 30px;border:0px solid #fff; text-align: center;
vertical-align: middle;}
.tableprd01-cell:nth-child(2) {width: 0%;}
.tableprd01-cell:nth-child(3) { width: 100%;margin-bottom: 30px;border:0px solid #fff; text-align: center;
vertical-align: middle;}

@media (min-width: 1000px) {
.tableprd01-row {display: table-row;}
.tableprd01-cell {display: table-cell; }

.tableprd01-cell:nth-child(1) { width: 49.7%; margin-bottom: 0px;border:0px solid #fff; text-align: center;
vertical-align: middle;}
.tableprd01-cell:nth-child(2) {width: 0.6%;}
.tableprd01-cell:nth-child(3) { width: 49.7%; margin-bottom: 0px;border:0px solid #fff; text-align: center;}

}

.tableprd01content {
    margin:0px;

}

@media (max-width: 700px) {
    .tableprd01-cell a{
        pointer-events: none;
      cursor: default;
      text-decoration: none;
    }
    }


/*////// footer //////////////////////////////////////*/
#footer00 {
    width: 100%;
    text-align: center;
    margin-top:0px;
    margin-bottom: 10px;
    text-align: center;
    border-top:1px solid #999;
    padding-top: 10px;
    
}
#footer01 {
    width: 100%;
    text-align: center;
    margin-top:10px;
    text-align: center;
    font-size: 90%;
}

.tablefooter00 { 
      	margin:0px auto;
		width: 60%;
   		display: table;
           
       
        
       
}
.tablefooter00-row {display: table-row;}
.tablefooter00-cell {display: table-cell; vertical-align:top;}

.tablefooter00-cell:nth-child(1) { width: 50%; text-align:right; border-right:1px solid #646363;padding-right:10px; }
.tablefooter00-cell:nth-child(2) {width: 50%; text-align: left;padding-left:10px;  }



.tablefooter00 h1{
    padding-top: 80px;
}

.preview00header01 {
   
  
    bottom:-5px;
    visibility: hidden;
}


.videotext { width:100%; text-align:center;margin-bottom:40px;  margin-top:10px;font-size:150%; font-weight:bold;}
.videotext a:link{ color:#666;text-decoration:none; }
.videotext a:visited{color:#666;text-decoration:none;  }
.videotext a:hover{color:#666;text-decoration:none;  }
.videotext a:active{color:#666;text-decoration:none;  }


.kontaktimg {
    width: 30vw;
    margin: 0px auto;
    margin-top:5vh;
    
}

@media (max-width:800px) {
    .kontaktimg {
        width: 50vw;
        
    }
}
@media (max-width:600px) {
    .kontaktimg {
        width: 60vw;
        
    }
}
.kontakttext0 {
    margin-top: 10vh;
}

.kontakttext {
    width: 35vw;
    margin: 0px auto;
    line-height: 150%;
    margin-top: 5vh;
    margin-bottom:5vh;
    
    
}

@media (max-width:800px) {
    .kontakttext {
        width: 70vw;
        
    }
}
@media (max-width:600px) {
    .kontakttext {
        width: 95vw;
        
    }
}



/*/////SWIPER*/
.swiper00 {
    position: relative;
    
       
}
@media (max-width: 768px) {
    .swiper00 {
        
        
            display:none;
    }
  }

  .swiper02 {
    position: relative;
    margin-bottom:1vh;
    
       
}

.swiper {
    width: 80%;
    aspect-ratio: 48 / 17;
    
    margin-top: 10vh;
  }
  @media (max-width: 1024px) {
    .swiper {
        width: 90%;
      }
  }

  

  .swiper-slide {  
  }

  .swiper-slide img {
    display: block;
    width: auto;
    height: 100%;
    object-fit: contain;
    
  }

  .swiper-slide {
    width: 50%;
  
  }




  .contgalimg01 {
    line-height: 120%;
    margin-bottom:10px;
    text-align: right;
    font-size: 90%;
}
.contgalimg02 {
    line-height: 120%;
    margin-bottom:10px;
    text-align: right;
    font-size: 90%;

}

.contgalimg01 img {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
}
.contgalimg02 img {
    width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    .contgalimg01 {
        display: none;
    }
    .contgalimg02  {
        display: none;
    }
}
.contgalimgt {
    margin-right:2vw;
}

  /*/////SWIPER*/