@font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Regular.ttf');  }
@font-face { font-family: 'TitilliumSemiBold'; src: url('fonts/TitilliumWeb-SemiBold.ttf'); font-style: normal; }
@font-face { font-family: 'TitilliumBold'; src: url('fonts/TitilliumWeb-Bold.ttf'); font-weight: 700; font-style: normal; }


body { margin:0px; padding:0px; background-color:#000000; -webkit-text-size-adjust: 100%; }
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-weight:normal; }

.wrapper { max-width:1280px; margin:0px auto; }
.wrapper.header { max-width:1200px; padding:40px 40px; }
.wrapper.header.home { padding-bottom:20px; }
.wrapper.video { max-width:768px; }
.wrapper.content { max-width:1085px; padding:0px 40px 0px 155px;}
.wrapper.footer { text-align:center; }

.wrapper_countdown { max-width:560px; margin:0px auto; padding:100px 0px 0px 0px; text-align:center; }
.logo_countdown { padding:0px 0px 100px 0px; text-align:center; }
.countdown { font-family:TitilliumBold; font-size:120px; line-height:130px; color:#DB007A; }
.ctime { float:left; width:140px; text-align:center; }
.countdown_descr { font-family:TitilliumSemiBold; font-size:20px; color:#DB007A; }
.ctime_descr { float:left; width:140px; text-align:center; }
.countdown_txt { max-width:320px; margin:0px auto; padding-top:80px; font-family:TitilliumSemiBold, Arial, sans-serif; font-size:12px; text-align:center; color:#7f7f7f; }
.countdown_txt .lighter { font-size:14px; color:#afafaf; }
.copyright_countdown { padding:100px 0px 20px 0px; font-family:TitilliumBold; font-size:10px; color:#7f7f7f; }
.copyright_countdown a { color:#7f7f7f; }

.logo img { height:100px; }
.navi { padding-bottom:60px; }
.navi ul { margin:0px; padding:0px; list-style-type:none; }
.navi ul li { float:left; padding:0px 25px; font-family:TitilliumSemiBold, Arial, sans-serif; font-size:24px; text-transform:uppercase; }
.navi ul li.first { padding-left:0px; }
.navi ul li a { display:block; color:#fff; text-decoration:none; }
.navi ul li a:hover, .navi ul li.active a { color:#a0884f; text-decoration:none; }
.navi ul li.active a span { color:#db007a; }
.navi ul li a span { font-size:30px; color:#a0884f; }
.navi ul li a:hover span { color:#db007a; }

.footer { padding:0px 0px 10px 0px; font-family:Arial, sans-serif; font-size:11px; color:#afafaf; }
.footer a { color:#afafaf; }

.txt_wrapper { padding:20px 0px 100px 0px; font-family:Poppins, Arial, sans-serif; font-size:16px; line-height:22px; color:#fff; }
h1, .hl { max-width:800px; padding:0px 0px 20px 0px; font-family:TitilliumBold, Arial, sans-serif; font-size:46px; line-height:56px; text-transform:uppercase; color:#a0884f; }
h2, .shl { padding:0px 0px 20px 0px; font-family:TitilliumSemiBold, Arial, sans-serif; font-size:36px; line-height:44px; text-transform:uppercase; color:#a0884f; }
h3, .sshl { padding:20px 0px 15px 0px; font-family:TitilliumSemiBold, Arial, sans-serif; font-size:20px; line-height:24px; text-transform:uppercase; }
h4, .ssshl { padding:20px 0px 15px 0px; font-family:TitilliumSemiBold, Arial, sans-serif; font-size:18px; line-height:22px; text-transform:uppercase; }
.slider_teaser { position:absolute; margin:280px 0px 0px 0px; padding:10px 15px; font-family:TitilliumSemiBold, Arial, sans-serif; font-size:40px; text-transform:uppercase; color:#fff; background-color:#a0884f; }
.slider_teaser.zweizeilig { font-size:24px; }
.slider_teaser span { color:#db007a; }
.skipvideo { padding:20px 0px 60px 0px; font-family:TitilliumBold, Arial, sans-serif; font-size:18px; text-align:center; text-transform:uppercase; }
.skipvideo a { color:#fff; }
.pic { max-width:1200px; }
.pic img { width:100%; }
.download { max-width:800px; text-align:center; }
.download a { display:block; max-width:200px; margin:20px 0px 20px; padding:10px 20px; font-family:TitilliumBold, Arial, sans-serif; font-size:16px; text-transform:uppercase; color:#fff; background-color:#a0884f; cursor:pointer; }
.download a:hover { font-weight:bold; text-decoration:none; background-color:#db007a; }
.product_youtube { position:relative; height:600px; margin:60px 0px; text-align:center; }
.product_youtube .product_youtube_overlay { position:absolute; display:flex; width:94%; height:94%; padding:3%; font-size:14px; line-height:16px; color:#fff; background-color:#a0884f; align-items:center; justify-content:center; cursor:pointer; }
.product_youtube .product_youtube_overlay a { color:#fff; text-decoration:underline; }
.product_youtube .product_youtube_overlay .product_youtube_title { max-width:600px; margin:0px auto; padding:0px 0px 10px 0px; font-size:36px; line-height:36px; }
.product_youtube .product_youtube_overlay .product_youtube_second_title { max-width:600px; margin:0px auto; padding:0px 0px 10px 0px; font-size:28px; line-height:28px; }
.product_youtube .product_youtube_overlay .product_youtube_playbtn { padding:20px 0px 30px 0px; text-align:center; }
.product_youtube .product_youtube_overlay .product_youtube_playbtn img { width:30px; height:30px; }
.product_youtube .product_youtube_overlay .product_youtube_dsgvo { max-width:480px; margin:0px auto; }
.product_youtube iframe { width:100%; max-width:1000px; height:600px; margin:0px auto; }

iframe { width:100%; height:600px; }

ul { margin:0px; }
table { width:100%; max-width:800px; margin:0px; padding:0px; font-size:13px; line-height:20px; border:none; }
table td { padding:0px 0px 7px 0px; vertical-align:top; }
table td:first-child { width:160px; }
#contact { max-width:800px; margin:0px auto; text-align:center; }
form { width:300px; margin:20px auto 40px; }
form input { width:260px; margin:10px 0px 10px; padding:14px 20px; font-family:Poppins, Arial, sans-serif; font-size:15px; color:#404040; border-radius:5px; border:none; }
form input[type='submit'] { width:300px; color:#fff; font-family:TitilliumBold, Arial, sans-serif; font-size:16px; text-align:center; background-color:#a0884f;  cursor:pointer; }
form input[type='submit']:hover { font-weight:bold; background-color:#db007a; }
form textarea { width:260px; height:260px; margin:10px 0px 10px; padding:14px 20px; font-family:Arial, sans-serif; font-size:15px; color:#000; border-radius:5px; border:none; }

a { text-decoration:none; }
a:hover { text-decoration:underline; }

.clear { clear:both; }

/* >iPhone 4/5 Portrait <-> iPhone 6/7 Portrait */
@media (min-width: 320px) AND (max-width:374px) {

	.wrapper_countdown { max-width:320px; padding-top:50px; }
	.logo_countdown { padding-bottom:50px; }
	.logo_countdown img { max-width:250px; }
	.countdown { font-size:60px; line-height:60px; }
	.ctime, .ctime_descr { width:80px; }
	.countdown_descr { font-size:16px; }
	.copyright_countdown { padding-top:100px; padding-bottom:20px; }

	.wrapper.header { padding:10px 10px 20px 10px; }
	.wrapper.content { padding-left:0px; padding-right:0px; }
	.logo img { height:50px; }
	.navi ul li { width:50%; padding:0px 0px; font-size:16px; text-align:center; }
	.navi ul li a span { font-size:20px; }

	.txt_wrapper { width:94%; padding-left:3%; padding-right:3%; font-size:12px; line-height:16px; }
	.hl { font-size:26px; line-height:30px; }
	.product_youtube { height:300px; }
	.product_youtube iframe { height:200px; }
	iframe { height:200px; }

	#advantages { text-align:center; }
	#advantages ul { padding-left:0px; padding-right:0px; list-style-type:none; }
	#technical_specifiactions h1 { text-align:center; }
	#technical_specifiactions .download a { max-width:375px; }
	#technical_specifiactions td:first-child { width:120px; padding-right:15px; }

}



/* >iPhone 6/7 Portrait <-> iPhone 4 Landscape */
@media (min-width: 375px) AND (max-width:479px) {

	.wrapper_countdown { max-width:375px; padding-top:50px; }
	.logo_countdown { padding-bottom:100px; }
	.logo_countdown img { max-width:250px; }
	.countdown { font-size:70px; line-height:70px; }
	.ctime, .ctime_descr { width:93px; }
	.copyright_countdown { padding-top:100px; padding-bottom:20px; }

	.wrapper.header { padding:10px 10px 20px 10px; }
	.wrapper.content { padding-left:0px; padding-right:0px; }
	.logo img { height:50px; }
	.navi ul li { width:50%; padding:0px 0px; font-size:20px; text-align:center; }
	.navi ul li a span { font-size:26px; }

	.txt_wrapper { width:94%; padding:0px 3% 60px 3%; font-size:14px; line-height:18px; }
	.hl { font-size:26px; line-height:30px;  }
	.product_youtube { height:260px; }
	.product_youtube iframe { height:260px; }

	#advantages { text-align:center; }
	#advantages ul { padding-left:0px; padding-right:0px; list-style-type:none; }
	#technical_specifiactions h1 { text-align:center; }
	#technical_specifiactions .download a { max-width:375px; }
	#technical_specifiactions td:first-child { width:120px; padding-right:15px; }

}



/* >iPhone 4 Landscape <-> iPhone 5 Landscape */
@media (min-width: 480px) AND (max-width:567px) {

	.wrapper_countdown { max-width:480px; padding-top:10px; }
	.logo_countdown { padding-bottom:30px; }
	.logo_countdown img { max-width:250px; }
	.countdown { font-size:100px; line-height:100px; }
	.ctime, .ctime_descr { width:120px; }
	.copyright_countdown { padding-top:40px; padding-bottom:0px; }

	.wrapper.header { padding:10px; }
	.wrapper.content { padding-left:10px; padding-right:10px; }
	.logo img { height:50px; }
	.navi ul li { width:50%; padding:0px 0px; text-align:center; }

	.hl { font-size:32px; line-height:38px;  }
	.slider_teaser { margin-top:120px; font-size:18px; }
	.product_youtube { height:260px; }
	.product_youtube iframe { height:260px; }

}



/* >iPhone 5 Landscape <-> iPhone 6/7 Landscape */
@media (min-width: 568px) AND (max-width:666px) {

	.wrapper_countdown { padding-top:10px; }
	.logo_countdown { padding-bottom:20px; }
	.logo_countdown img { max-width:250px; }
	.copyright_countdown { padding-top:20px; padding-bottom:0px; }

	.wrapper.header { padding:20px; }
	.wrapper.content { padding-left:20px; padding-right:20px; }
	.logo img { height:50px; }
	.navi ul li { padding:0px 10px; font-size:13px; }
	.navi ul li a span { font-size:20px; }

	.hl { font-size:36px; line-height:44px;  }
	.slider_teaser { margin-top:140px; font-size:22px; }
	.product_youtube { height:300px; }
	.product_youtube iframe { height:300px; }

}



/* >iPhone 6/7 Landscape <-> iPad Portrait */
@media (min-width: 667px) AND (max-width:767px) {

	.wrapper_countdown { padding-top:20px; }
	.logo_countdown { padding-bottom:30px; }
	.logo_countdown img { max-width:320px; }
	.copyright_countdown { padding-top:20px; padding-bottom:0px; }

	.wrapper.header { padding:20px; }
	.wrapper.content { padding-left:20px; padding-right:20px; }
	.logo img { height:50px; }
	.navi ul li { padding:0px 15px; font-size:14px; }
	.navi ul li a span { font-size:22px; }

	.hl { font-size:42px; line-height:50px;  }
	.slider_teaser { margin-top:170px; font-size:24px; }
	.product_youtube { height:360px; }
	.product_youtube iframe { height:360px; }

}



/* >iPad Portrait <-> iPad Landscape */
@media (min-width: 768px) AND (max-width:1023px) {

	.wrapper.content { padding-left:40px; }
	.navi ul li { padding:0px 15px; font-size:16px; }
	.navi ul li a span { font-size:26px; }
	.slider_teaser { margin-top:190px; font-size:26px; }
	.product_youtube { height:380px; }
	.product_youtube iframe { height:380px; }

}


/* >iPad Landscape */
@media (min-width: 1024px) AND (max-width:1024px) {

	.wrapper.content { padding-left:40px; }
	.navi ul li { padding:0px 20px; font-size:22px; }
	.slider_teaser { margin-top:270px; font-size:30px; }
	.product_youtube { height:540px; }
	.product_youtube iframe { height:540px; }

}


/* >iPad Landscape <-> 1260 */
@media (min-width: 1025px) AND (max-width:1280px) {

	.navi ul li { padding:0px 15px; font-size:20px; }
	.slider_teaser { margin-top:250px; font-size:30px; }

}
