@charset "UTF-8";





/* oswald-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: 'Oswald';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/oswald-v53-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* oswald-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: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/oswald-v53-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* oswald-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: 'Oswald';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/oswald-v53-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }


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

h1 {
	
	margin-bottom: 0px;
	margin-top:0px;
	font-size: 400%;
	line-height: 120%;
	font-weight: 600;
	letter-spacing: 4px;
    	color: #000;
}
@media (max-width:1800px) {
	h1 {
	    font-size: 300%;
    }
}
@media (max-width:1200px) {
	h1 {
	    font-size: 3vw;
    }
}
@media (max-width:500px) {
	h1 {
	    font-size: 4vw;
    }
}
@media (max-width:500px) {
	h1 {
	    font-size: 8vw;
    }
}





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

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

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

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


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;
  	background-repeat: no-repeat;
  	background-size: cover;
	
}

#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 {
    width:  40%;
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color:#999;
    font-size: 1.2vw;
    letter-spacing: .2rem;
}




@media (max-width: 800px) {
#logobox {
    width: 75%;
     font-size: 1.8vw;
     
  }      
}







.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:#e3e3e3;

} 
.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: 10px;
    padding-bottom: 20px;
    
    padding-top: 40px;*/
    
    
    
    
}
.content00s {
	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: 10px;
    padding-bottom: 20px;
    
    padding-top: 40px;*/
    padding-top: 10vh;
    
    
    
    
}

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

.conttext {
    width: 30%;
    text-align: center;
    margin:0px auto;
   
    
    
}
@media (max-width: 1400px) {
    .conttext {
       width: 80%;
         
      }      
    }
@media (max-width: 800px) {
    .conttext {
       width: 100%;
         
      }      
    }
.contentelement {
    width: 30%;
    text-align: center;
    margin:0px auto;
    padding-top: 3vh;
    padding-bottom: 2vh;
}
.contentelement1 {
    width: 30%;
    text-align: center;
    margin:0px auto;
    padding-top: 3vh;
    padding-bottom: 3vh;
}
.contentelement img {
    height: 20vh;
    width: auto;
}
.contentelement1 img {
    height: 20vh;
    width: auto;
}

.contentelement2 {
    width: 30%;
    text-align: center;
    margin:0px auto;
    padding-top: 3vh;
    padding-bottom: 2vh;
    
}

.contentelement2 img {
    height: 13vh;
    width: auto;
}

.contentelement3 {
    width: 30%;
    text-align: center;
    margin:0px auto;
    padding-top: 0vh;
    padding-bottom: 3vh;
    
}

.contentelement3 img {
    height: 13vh;
    width: auto;
}

@media (max-width: 800px) {
    .contentelement3 {
       display: none;
         
      }      
    }


.but_video a:link{ color:#333;text-decoration:none; padding: 4px; border:1px solid #333}
.but_video a:visited{color:#333;text-decoration:none;  }
.but_video a:hover{color: #f8f9fa;;text-decoration:none; background-color: #333;  }
.but_video a:active{color:#333;text-decoration:none;  }


/*////// 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));
    */    
	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;
    line-height: 180%;

}
@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;
}
}





.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 //////////////////////////////////////*/
.tableteam00 { 
      	margin:0px auto;
		width: 100%;
        padding-top:0px;
        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:500px) {
  .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;padding-left:10px; line-height: 150%;}
    
    
    .teamhalf_l { width: 50%;padding-left: 50%;padding-bottom: 20px; text-align: right;}
.teamhalf_r {width: 50%; }
    
}

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

@media (min-width: 2000px) {
    .teamhalf_l { width: 30%;padding-left: 70%; }
.teamhalf_r {width: 30%; }
    
}



#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:#000;
 
}

.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:600px) {
.tablegest00 { 
     display: table;
 
}  
.tablegest00-row {display: table-row;}
.tablegest00-cell {display: table-cell; vertical-align:top; text-align:center;line-height: 150%;padding-bottom:30px;}

.tablegest00-cell:nth-child(1) { width: 33.3%;  border-right:0px solid #fff;padding-right:10px; }
.tablegest00-cell:nth-child(2) {width: 33.3%; padding-left:5px; padding-right:5px; }
.tablegest00-cell:nth-child(2) {width: 33.3%; padding-left:10px; }


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

}

.gestheader {
    font-weight: 600;
    margin-bottom: 15px;
}



/*////// 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%; 
    }
}



/*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:5vh;
  padding-bottom: 0;
 
 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; vertical-align:top;}
}



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

#hlanim {
    
    aspect-ratio: 1 / 1;
    display: flex;
  justify-content: right;
  align-items: center;
    width: 100%; 
   
    
        
}

#hlanimtext {transform: rotate(270deg);margin-right: -2vw;  }

@media (min-width: 1800px) {

    #hlanimtext {transform: rotate(270deg);margin-right: -1vw;  }

}

@media (min-width: 2400px) {

    #hlanimtext {transform: rotate(270deg);margin-right: -0.5vw;   }

}



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

.tableproj01-cell:nth-child(2) {width: 100%;}
.tableproj01-cell:nth-child(3) {width: 100%;}
.tableproj01-cell:nth-child(4) {width: 100%;}
.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%;
    
    
}

#projectsdivh{
    font-weight: 700;
    text-align: center;
    display: block;
    font-size: 150%;
    margin-bottom: 3vh;
}
.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%;}






.projtext1a {
    
    width: 100%;
    text-align: center;
    margin-top:10px;
    color: #000;
    font-size: 100%;
    font-weight: 600;
    text-transform: uppercase; 
    letter-spacing: 2px;
}
@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%;
   padding-bottom: 20px;
}
@media (min-width: 1800px) {
   .projtext2a {
        font-size: 150%; 
    }
}
@media (max-width: 800px) {
    .projtext2a {
         font-size: 110%; 
     }
 }



/*/////SWIPER*/
.swiper00 {
    position: relative;
    
       
}
@media (max-width: 768px) {
    .swiper00 {
        
        
            display:none;
    }
  }
.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%;
  
  }

 




/*/Swiper old*/

#content01bgal {
    
	margin-left:0%;
	margin-right:0%;
	
	min-height: 100vh;  
    
}

@media (min-width: 1800px) {

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

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

}

.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;
}
     


















.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: 60%;
    text-align: center;
    margin-top: 3vh;
    margin-bottom: 3vh;

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

.swipeheader {
    font-size:200%;
    font-weight: 700;
    line-height: 100%;
}

.swipeheader2 {
    font-size:100%;
    line-height: 300%;
}


.tableprd00 { 
      	margin:0px auto;
		width: 80%;
        color: #000;
        font-size: 100%;
        font-weight: normal;
              
}
@media (min-width: 1400px) {
  .tableprd00 { 

		width: 80%;
   		
     
       }  
    
}






.tableprd02 { 
    margin:0px auto;
  width: 90%;
  color: #000;
  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: 40px;
    text-align: center;
    
    padding-top: 0px;
    
}
#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 #fff;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;  }