@import "_xbase.less";

/* LESS ELEMENTS
.drop-shadow(0, 1px, 2px, 0.2);
.rounded(5px);
.border-radius(5px, 0, 0, 5px);
.opacity(0.8);
.box-shadow(0 1px 2px #999);
.columns(250px, 0, 50px, #EEE, solid, 1px);
.user-select(none); 

-webkit-filter: blur(15px);
-webkit-transition: -webkit-filter .50s; */

/* FONTS */
@font-face {
    font-family: 'motionvoice';
    src: url('fonts/motionvoice.woff2') format('woff2'),
        url('fonts/motionvoice.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@fontregular : 'motionvoice';

::selection { background: black; color:white;}
::-moz-selection { background: black; color:white;}
a, a:hover {text-decoration: none; color:black;}

/* INIT */
body {color:black; font-size:18px; line-height:150%; font-weight: 300; font-family: @fontregular, 'Sans-Serif'; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-y: scroll; 
	@media(max-width:700px){font-size:16px; line-height:150%;}
}
#noimg {background-image:none;}

body.scroll {overflow-y: scroll;}
body.noscroll {height: 100%; overflow: hidden;}

.page_height {position: fixed; left: -1px; top: 0px; bottom: 0px; width: 1px; font-size: 0px; line-height: 0px;}
.main_body {.opacity(0);}

.xspacer {height: 120px; font-size: 0px; line-height: 0px; overflow: hidden;
	@media(max-width:1400px){height: 100px;}
	@media(max-width:1030px){height: 80px;}
	@media(max-width:750px){height: 60px;}
}
.xspacer_half {height: 50px; font-size: 0px; line-height: 0px; overflow: hidden;
	@media(max-width:1030px){height: 40px;}
}

.sharp_ob {font-family: @fontregular !important;}

/* HEADER */
.ob_video_element {position: absolute; display: block; top:0px; left:0px; right:0px; bottom:0px; min-width: 100%; min-height: 100%; height : auto !important; height: 100%; width: 100%; background-size:cover; object-fit: cover;}

.logo_holder {width: 44%; line-height: 0px; font-size: 0px; margin: auto;
	@media(max-width:1800px){width: 45%; }
	@media(max-width:1600px){width: 49%; }
	@media(max-width:1400px){width: 52%; }
	@media(max-width:1200px){width: 60%; }
	@media(max-width:1000px){width: 67%; }
	@media(max-width:800px){width: 72%; }
	@media(max-width:700px){width: 80%; }
}
.logo_holder_inner {width: 100%;}
.logo_holder_inner.smaller {width: 80%; margin: auto;}

.btnpen_holder {top:55%;}
.btn_holder {padding:7px;
	@media(max-width:1000px){padding:5px;}
}
.btn {background: white; color:black; font-size:20px; line-height: 100%; padding:18px 24px 16px 24px; .rounded(50px);
	@media(max-width:1000px){font-size:18px; padding:16px 22px;}
	@media(max-width:800px){font-size:16px; padding:14px 20px;}
}
.btn:hover, .btn:active, .btn:focus {color:white; background:black;}
.btn.black {background: black; color:white;}
.btn.black:hover, .btn.black:active, .btn.black:focus {color:white; background:black;}

/* BODY */
.p_wrapper {margin:0% 6%;}
.p_body {max-width: 1300px; margin: auto;}
.p_spacer {font-size: 0px; line-height: 0px; padding-top:8%;
	@media(max-width:800px){padding-top:10%;}	
	@media(max-width:700px){padding-top:12%;}	
}
.p_spacer_home {font-size: 0px; line-height: 0px; padding-top:4%;}
.p_spacer_inner {font-size: 0px; line-height: 0px; padding-top:4%;}
.p_spacer_inner_small {font-size: 0px; line-height: 0px; padding-top:1.2%;}
.p_spacer.line {border-bottom: 1px solid #dddddd;}

.p_logo_holder {width: 450px;
	@media(max-width:1000px){ width: 400px; }
	@media(max-width:700px){ width: 350px; }
	@media(max-width:650px){ margin:20px 0px; }
}

.p_grid_outer {margin: -25px;}
.p_grid_item_holder {width: 33.33%;
	@media(max-width:1200px){ width: 50%; }
	@media(max-width:650px){ width: 100%; }
}
.p_grid_item {margin:20px; background-color: #f0f0f0; padding-top: 70%; font-size: 0px; line-height: 0px; height: 0px;}

.p_intro {padding-top: 32%;
	@media(max-width:1400px){ padding-top: 35%; }	
	@media(max-width:1000px){ padding-top: 45%; }	
	@media(max-width:800px){ padding-top: 50%; }	
	@media(max-width:700px){ padding-top: 60%; }	
}

.p_body_text {max-width: 750px; margin: auto;}
.p_intro_titel {font-size:40px; line-height:130%; padding-bottom:30px;
	@media(max-width:700px){ font-size:34px; line-height:130%; padding-bottom:24px; }
}

.item_logo {
	@media(max-width:1000px){ padding-bottom: 1%; }	
	@media(max-width:800px){ padding-bottom: 3%; }	
	@media(max-width:600px){ padding-bottom: 5%; }		
}

.p_text.small {font-size:12px; color:#444444; padding-top:4px;}

.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; overflow: hidden; 
  max-width: 100%; 
} 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
  position: absolute; 
  top: 0; left: 0; 
  width: 100%; 
  height: 100%; 
}

.tagline {top:0px; left:0px; right:0px; text-align: center; color: white; padding:30px; font-size:18px;
	@media(max-width:1000px){font-size:16px; padding:24px; }
}