/* CSS Document */

body{
	background-image: url("/shop/images/clients/esp/background.png");
	background-size: cover;
	background-position: right top;
	background-repeat: no-repeat;
}

.clear{clear: both;}
.t10p{height: 10px;}
.t20p{height: 20px;}
.t30p{height: 30px;}




/* BOF MAINNAV: */
.mainnav{
	margin: 0 auto;
	padding: 5px 0 0 0;
	list-style: none outside none;
	text-align: center;
	display: block;
	max-width: 460px;
}

.mainnav li{
	margin:0 15px 0 0;
	padding:0;
	display: inline-block;
	list-style: none outside none;
}
.mainnav li::before{
	content: "";
	background: transparent none;
	border:0px none;
	box-sizing: border-box;
	display: inline-block;
	width: 10px;
	height: 8px;
	transition: all .1s ease;
	background-image: url(/shop/images/clients/esp/icons_b/ERGO_Icon_black_Pfeil_rechts.svg);
	background-color: transparent;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.mainnav li a{font-size: 12px;}
.mainnav li.active a{font-weight: bold;}



/* BOF iconnav PINFO: */

ul.iconnav{
	position: relative;
	margin: -50px auto 40px auto;
	padding: 0;
	list-style: none outside none;
	text-align: center;
	display: block;
	max-width: 980px;
}
.iconnav li{
	margin:0;
	display: inline-block;
	box-sizing: border-box;
	width: 12%;
	padding: 0 1%;
	list-style: none outside none;
	text-align: center;
	vertical-align: top;
	
}
.iconnav li a{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	
}
.iconnav li .esp_icon{}

.iconnav li a:hover{ color: #999;}
.iconnav li a:hover .esp_icon{opacity: .6;}
/* EOF iconnav PINFO */




/* BOF HEADER: */
#header{
	height:70px;
	background-color: rgba(255,255,255,0.66);
	color: #262626;
	position:fixed;
	top:0px;
	left:0;
	right:0;
	margin:auto;
	z-index:999;
	width:100%;
	
	transition: all .4s linear 0s;
	border-bottom: 1px solid #999;
	
	background-size: cover;
	background-position: right top;
	background-repeat: no-repeat;
}
.codeinput #header{
	background-color: rgba(255,255,255,0.8);
	border-bottom: 1px solid #eee;
}
.index #header{	
	height:260px;
	overflow: hidden;
	background-image: url(/shop/images/clients/esp/background.png);
}



#logo{
	display: block;
	position:absolute;

	box-sizing: border-box;
	
	margin: 0;
	width: 30%;
	height: 70px;
	min-width: 120px;
	max-width: 200px;
	text-indent: -99999px;
    background-image: url(../images/clients/esp/slider/logo.svg);
    background-position: left top;
    background-size: contain;
    background-repeat: no-repeat;
	transition: all .1s linear 0s;
}
#logo img{display: none;}

#wrapper{
	box-sizing: border-box;
	padding-top: 70px;
}

.other #wrapper,
.codeinput #wrapper{padding-top: 110px;}

#wrapper.fullsize .fullheight{
	text-align: center;
	
	line-height: calc(100vh - 290px);
}



/* BOF SlidingDivs */
.slidingDiv{
	position:absolute;
	top:25px;
	right: 20px;
	display:none;
	overflow:hidden;
}



.show_hide{
	display:none;
}

.slidingDiv a{
	display:block;
	color:#333;
	font-size:13px;
}

#languages{
	float: right;
	width: 120px;
	overflow:hidden;
	cursor:pointer;
	vertical-align: bottom;
}

#languages .lang_active{
	display:block;
	float:right;
	padding:10px 15px 30px 0;
	min-width: 79px;
	
	font-size: 14px;
	text-align: right;
}
#languages .lang_select{
	display:block;
	float:right;
	padding:4px 2px 0 15px;
	color:#841719;
}
#languages .lang_active:hover, 
#languages.active .lang_active{
	color: #8e0038;	
}




#h_langbox{
	width:80px;
	right:30px;
	top: 30px;
	background-color: #fff;
}
.home #h_langbox,
.pinfo #h_langbox,
.einfo #h_langbox,
.order #h_langbox{
	background-color: transparent;
}




#h_langbox ul{
	margin:0;
	padding:0;
}
#h_langbox li{
	display:block;
    margin:0;
    padding: 0;
    list-style-type: none;
}

#h_langbox a{
	display: block;
	color: #000;
	margin:0;
	padding:0px 5px 0px 25px;
	background-image: url(/shop/images/clients/esp/flags.png);
	background-color: transparent;
	background-position:left center;
	background-repeat:no-repeat;
}

#h_langbox a:hover{
	color: #8e0038;
}

	#header.long #h_langbox{top: 35px;}
	#header.long #h_langbox li{padding: 10px 0 0 0;}

	.mobile #header.long #h_langbox{top: 20px;}

#h_langbox a.german{	background-position: 5px -8px;}
#h_langbox a.english{	background-position: 5px -39px;}
#h_langbox a.dutch{		background-position: 0 -62px;}
#h_langbox a.french{	background-position: 0 -93px;}
#h_langbox a.italian{	background-position: 0 -124px;}







#languages i.arrow,
.faqs .trigger i.arrow{
    /*
	border: solid #ccc;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
	vertical-align:middle;
	margin:-6px 0 0 8px;
	*/
	
	box-sizing: border-box;
	display: inline-block;

	width: 16px;
	height: 16px;
	margin: 0px 0 2px 10px;
	
	transition: all .1s ease;
	line-height: 5;
	vertical-align: bottom;
    
    position: relative;

	background-image: url(/shop/images/clients/esp/ERGO_Icon_black_Pfeil_runter.svg);
	background-color: transparent;
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size: 100% auto;
}
.faqs .trigger i.arrow{ position: absolute; right: 0; top: 10px;;}

#languages.active i.arrow,
.faqs .trigger.trigger_active i.arrow{
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}










/* BOF BUTTONS */
span.contentbutton {
    background-color:#8e0037;
	cursor: pointer;
    padding: 0;
	display:inline-block;
	margin:5px 0px 30px 0px;
	transition: all .2s ease;
	
	border: 2px solid #8e0037;
	border-radius: 100px;
	min-height: 48px;
	min-width: 11em;
	text-align: center;
	
	-webkit-box-shadow: 0 6px 6px -3px rgba(0,0,0,.2), 0 10px 14px 1px rgba(0,0,0,.14), 0 4px 18px 3px rgba(0,0,0,.12);
	box-shadow: 0 6px 6px -3px rgba(0,0,0,.2), 0 10px 14px 1px rgba(0,0,0,.14), 0 4px 18px 3px rgba(0,0,0,.12);
}
	.login_big a span.contentbutton {background-color:#333; border: 2px solid #333;}
	.login_big a span.contentbutton:hover {background-color:#8e0037; border: 2px solid #8e0037;}
	
	#login_small  span.contentbutton, 
	.gv_redeem span.contentbutton, 
	.mobile span.contentbutton{	min-height: 25px;}
	
	#login_small span.contentbutton span input, 
	#login_small span.contentbutton span b, 

	.gv_redeem span.contentbutton span input, 
	.gv_redeem span.contentbutton span b, 

	

.gv_redeem span.contentbutton{ margin-left: 20px;     -webkit-box-shadow: none; box-shadow: none;}

span.contentbutton:hover {
	border: 2px solid #333;
	background-color:#333;
	-webkit-box-shadow: 0 6px 6px -3px rgba(0,0,0,.2), 0 10px 14px 1px rgba(0,0,0,.14), 0 4px 18px 3px rgba(0,0,0,.12);
	box-shadow: 0 6px 6px -3px rgba(100,100,100,.05), 0 10px 14px 1px rgba(100,100,100,.05), 0 4px 18px 3px rgba(100,100,100,.05);
}

span.contentbutton span {
    padding: 0;
	display:inline-block;
}
span.contentbutton:hover span{

}

span.contentbutton span b {
    color: #fff;
	font-weight:normal;
    font-size: 16px;
    padding: 14px 22px;
	display:inline-block;
}
span.contentbutton:hover span b, span.contentbutton:hover span input {
    color: #fff;
}

span.contentbutton span input {
	background: transparent none;
	border:0px none;
    color: #fff;
	font-weight:normal;
    font-size: 16px;
    padding: 14px 22px;
	display:inline-block;
	cursor:pointer;
}
span.contentbutton span input:focus{
    outline: 0px none;
}
/* EOF BUTTONS */


.esp_icon{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.esp_icon.info{ background-image: url(/shop/images/clients/esp/icons_b/ERGO_Icon_black_Information1.svg);}
.esp_icon.quest{background-image: url(/shop/images/clients/esp/icons_b/ERGO_Icon_black_Fragezeichen1.svg);}
.esp_icon.cart{ background-image: url(/shop/images/clients/esp/icons_b/ERGO_Icon_black_Einkaufswagen.svg);}

.esp_icon.herz{	  background-image: url(/shop/images/clients/esp/icons_b/ERGO_Icon_black_Herz3.svg);}
.esp_icon.atmung{ background-image: url(/shop/images/clients/esp/icons_b/ERGO_Icon_black_Diagramm5.svg);}
.esp_icon.berge{  background-image: url(/shop/images/clients/esp/icons_b/ERGO_Icon_black_Berg_Wolke.svg);}
.esp_icon.schlaf{ background-image: url(/shop/images/clients/esp/icons_b/ERGO_Icon_black_Mond_Wolken.svg);}
.esp_icon.sonst{ background-image: url(/shop/images/clients/esp/icons_b/ERGO_Icon_black_Sprechblase.svg);}
.esp_icon.video{ background-image: url(/shop/images/clients/esp/icons_b/ERGO_Icon_black_Bildschirm.svg);}
.esp_icon.data{ background-image: url(/shop/images/clients/esp/icons_b/ERGO_Icon_black_Uhr1.svg);}

a.badge{
	display: inline-block;
	width: 100px;
	height: 30px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
a.badge.apple{ background-image: url(/shop/images/clients/esp/content/app-store-de.jpg);}
a.badge.google{ background-image: url(/shop/images/clients/esp/content/google-play-de.jpg);}
/*
/shop/images/clients/esp/content/app-store-de.jpg
/shop/images/clients/esp/content/google-play-de.jpg
*/
.esp_icon.hand{	background-image: url(/shop/images/clients/esp/icons_b/ERGO_Icon_black_Hand9.svg);}

#header .esp_icon{width: 55px; height: 55px;}
#header h2{font-size: 36px; line-height: 45px; margin-bottom: 30px;}

.entercode{
	display: inline-block;
	line-height: 1.2;
	padding: 20px;
	text-align: center;
	max-width: 350px;
}
	
	
#code{
	box-sizing: border-box;
	color: #000;
	font-family: "FSMe",Arial,Helvetica,sans-serif;
	text-align: center;
	font-size: 30px;
	width: 100%;
	margin-bottom: 10px;
}
#code::-webkit-input-placeholder {
    color: #eee;
}
.mobile #code{font-size: 15px; padding: 14px 5px;}	




.main{
	margin: 0 auto;
	max-width: 1000px;
}

.pageHeading, h1, h2, h3{
	margin: 0 0 10px 0;
	font-size: 18px;
	font-family: "FedraSerifAProBook",Arial,Helvetica,sans-serif;
	color: #333;
	padding: 0;
	text-align: center;
	font-weight: normal;
}

h1{	font-size: 28px;}
h3{	font-size: 20px;}


.entercode span.contentbutton{width: 98%; margin-right: 0;}


.content_inner p{
	font-size: 15px;
	line-height: 1.5;
	display: block;
	margin: 40px auto;
	max-width: 780px;
}

.home .content_inner p{
	max-width: 515px;
	text-align: center;
}

.col33, .col50, .col100{
	display: inline-block;
	box-sizing: border-box;
	width: 33%;
	text-align: center;
}
.col50{	width: 39%;}
.col100{	width: 99%;}

.col50:nth-child(odd){margin-left: 10%;}
.col50:nth-child(even){margin-right: 10%;}

.col33 p, 
.col50 p,
.col100 p{
	margin: 0 0 20px 0;
	max-width: none;
}



.content_inner p.note{font-size: 11px; margin: 0 auto;}
.content_inner p.privacy{font-size: 11px; font-style: italic;}


/* BOF SLIDER: */
.index.mobile #slider{margin-top: 130px;}
#slider .flex-viewport{
	border-bottom: 1px solid #999;
	background-color: #fff;
}

.mainborder{
    margin-left: auto;
    margin-right: auto;
	padding:0px;
    box-sizing: border-box;
	max-width:1920px;
	position:relative;
}
.classic .mainborder{ padding:0 15px;}
.tablet .mainborder{ padding:0 15px;}
.mobile .mainborder{ padding:0 15px;}

#shopdefaultslider .mainborder{ padding:0; display:block;}

#shopdefaultimage{
	margin:0 auto;
	max-width: 1920px;
}
#shopdefaultslider .headercat_image, 
#shopdefaultimage .headercat_image{
	background-position: 50% 180px;
	background-image:url(/shop/img_clientrs/slider/slider_01-1440x660.jpg);
	/*
	background-image:url(/shop/img_clientrs/slider/slider_02-1440x660.jpg);
	*/
	background-repeat: no-repeat;
	background-size:contain;
}
#shopdefaultslider .product_slide.slide01 .headercat_image{	background-image:url(/shop/images/clients/esp/slider/slider_01.jpg);}
#shopdefaultslider .product_slide.slide02 .headercat_image{	background-image:url(/shop/images/clients/esp/slider/slider_02.jpg);}
#shopdefaultslider .product_slide.slide03 .headercat_image{	background-image:url(/shop/images/clients/esp/slider/slider_03.jpg);}
#shopdefaultslider .product_slide.slide04 .headercat_image{	background-image:url(/shop/images/clients/esp/slider/slider_04.jpg);}
#shopdefaultslider .product_slide.slide05 .headercat_image{	background-image:url(/shop/images/clients/esp/slider/slider_05.jpg);}


#shopdefaultslider li.product_slide{text-align: left; overflow: hidden;}



#shopdefaultslider .headercat_image{height:750px;}
/*
.desktop #shopdefaultslider .headercat_image{height:750px;}
.classic #shopdefaultslider .headercat_image{height:660px;}
.tablet #shopdefaultslider .headercat_image{height:310px;}

*/
.mobile #shopdefaultslider .headercat_image{
	height:450px;
	background-position: 50% 50px;
}




#slider.home .flexslider{}
#slider.home .flex-control-nav{position: relative; margin-top: 10px;}

#slider.home .flex-direction-nav a{ border-width: 0 4px 4px 0;}


/* Position der Arrows korrigieren */
.mobile #slider.home .flex-direction-nav a{ top:33%;}

.desktop #slider.home .flex-direction-nav .flex-prev{left: calc((100vw - 1440px) / 2);}
.desktop #slider.home .flexslider:hover .flex-direction-nav .flex-prev{left: calc((100vw - 1400px) / 2);}

.desktop #slider.home .flex-direction-nav .flex-next{right: calc((100vw - 1440px) / 2);}
.desktop #slider.home .flexslider:hover .flex-direction-nav .flex-next{right: calc((100vw - 1400px) / 2);}



.headercat_image{
	display: block;
	box-sizing: border-box;
	width:100%;
}


@media only screen and (max-width: 280px){
	/*
	.mobile .headercat_image{display: none;}
	*/
}


.headercat_cta{
	display: block;
	position:absolute;
	bottom: 80px;
	left: 40px;
	box-sizing: border-box;	
}




/* EOF SLIDER */


/* BOF MESAAGES: */
.shadowbox{
	border:2px solid #8e0038;
	padding:15px;
	width:455px;
	margin-top:30px;
	margin-bottom:30px;
	/*position:absolute;*/
	position: fixed;
	background-color:#fff;
	top:140px;
	left:50%;
	margin-left:-250px;
	overflow:hidden;
	border-radius:8px;
	
  -moz-box-shadow:    5px 5px 5px 0px #ccc;
  -webkit-box-shadow: 5px 5px 5px 0px #ccc;
  box-shadow:         5px 5px 5px 0px #ccc;
}


.mobile .shadowbox{width:90%; margin: 0 auto; left: 2%; padding:5px;}

.shadowbox p, .shadowbox label{
	color:#222222;
	font-weight:normal;
	font-size:1.1em;
	line-height:1.5;
}

.close-error{
	padding:3px;

}
/* EOF MESSAGES */


/* BOF FAQs: */
.faqs{
	max-width: 780px;
	margin: 20px auto;
	font-size: 14px;
	line-height: 1.5;
}

.faqs_head{
	line-height: 18px;
	margin: 30px 0 10px 0;
	padding: 0;}
.faqs_head .esp_icon{
	width: 18px;
	height: 18px;
	vertical-align: sub;
	margin-right: 5px;
}

.trigger{
	border-top:1px solid #999;
	font-weight: 900;
	font-weight: bold;
	cursor:pointer;
	margin:0;
	padding:10px 20px 10px 0;
	position: relative;
}
.trigger_active {
	color:#8e0037;
}
.toggle_container {
	padding:5px 0;

}
.toggle_container p{ margin: 10px 0;}
.toggle_container ul{ margin: 10px 0; padding: 0;}

.faqs .box50.image{ width: 100%;}
.faqs .box50.image.black{ background-image: url(/shop/images/clients/esp/content/scanwatch_38_black.png);}
.faqs .box50.image.white{ background-image: url(/shop/images/clients/esp/content/scanwatch_38_white.png);}
/* EOF FAQs */


/* BOF PINFO: */
.infos{ vertical-align: top;}
.infos h3{margin-top: 60px;}
.box50{
	width: 49%;
	float:left;
	box-sizing: border-box;
	vertical-align: top;
	margin-top: 30px;
}

.box50.workout_03 p,
.box50.sleep_01 p,
.box50.sleep_02 p,
.box50.sleep_03 p{ margin-top:0px;}

.box50.image{
	padding-top: 25%;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 11px;
	color: #666;
	text-align: center;
	text-transform: uppercase;
}


.box50:nth-of-type(even){
	float: right;	
}

.box50.image.heart_01{ background-image: url(/shop/images/clients/esp/content/herz_01.png);}
.box50.image.breathe_01{ background-image: url(/shop/images/clients/esp/content/atmung_01.png);}
.box50.image.breathe_02{ background-image: url(/shop/images/clients/esp/content/atmung_02.png);}

.box50.image.workout_01{ background-image: url(/shop/images/clients/esp/content/workout_01.png);}
.box50.image.workout_02{ background-image: url(/shop/images/clients/esp/content/workout_02.png);}
.box50.image.workout_03{ background-image: url(/shop/images/clients/esp/content/workout_03.png); padding: 15% 20% 0 5%; background-position: right top; text-align: right;}


.box50.image.sleep_01{ background-image: url(/shop/images/clients/esp/content/sleep_01.png); padding: 15% 5% 0 20%; background-position: left top; text-align: left;}
.box50.image.sleep_02{ background-image: url(/shop/images/clients/esp/content/sleep_02.png); padding: 15% 20% 0 5%; background-position: right top; text-align: right;}
.box50.image.sleep_03{ background-image: url(/shop/images/clients/esp/content/sleep_03.png); padding: 15% 5% 0 20%; background-position: left top; text-align: left;}

.box50.image.other_01{ background-image: url(/shop/images/clients/esp/content/other_01.png);}
.box50.image.other_02{ background-image: url(/shop/images/clients/esp/content/other_02.png);}
.box50.image.other_03{ background-image: url(/shop/images/clients/esp/content/other_03.jpg); padding-top: 48%; }






	/* VIDEOS: */
.video_wrapper{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.video_wrapper.yt{background-image: url(/shop/images/clients/esp/slider/slider_02.png);}
.video_wrapper .video_trigger {
    background-color: rgba(0,0,0,.4);
    transition: all .5s ease;
	height: 563px;
	text-align: center;
}
.video_wrapper .video_trigger:hover {    background-color: rgba(0,0,0,.2);}

.video_wrapper a {color: #cd2128;}
.video_wrapper a:hover {color: #0675b7;}
.video_wrapper p{color: #fff;; text-align: center; padding:20px;}

.video_wrapper .video_layer, .video_layer{display: none;}
.video_wrapper .video_layer iframe{border: 0px none transparent;}

/* Button */
.load_btn{
	cursor: pointer;
	display:inline-block;
	margin:10px auto 0 auto;
	height: 100px;
	width: 15%;
	
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
	opacity: 1;
	transition: all .5s ease;
	color:#fff;
	padding-top: 16%;
	text-align: center;
}

.yt .load_btn{background-image: url(/shop/images/clients/esp/content/YouTube_icon.png);background-position: center center;}
.video_trigger.image .load_btn{width: 40%; height: 150px;}
.load_btn:hover {
    color: #fff;
	opacity: 1;
}

.tablet .load_btn{ 	width: 17%;	background-position: center bottom;}
.mobile .load_btn{ 	width: 30%;	background-position: center bottom;}

/* EOF PINFO */


/* BOF FOOTER: */
#footer{
	text-align: center;
	line-height: 1.42;
	font-size: 14px;
	height: 170px;
}

#metanav_bottom{
	margin:0;
	padding:50px 0 40px 0;
	list-style: none outside none;
}
	.tablet #metanav_bottom{padding-top:20px;}
	.mobile #metanav_bottom{padding-top:10px;}

#metanav_bottom li::before{
	content: "";
	background: transparent none;
	border:0px none;
	box-sizing: border-box;
	display: inline-block;
	width: 14px;
	height: 10px;
	transition: all .1s ease;
	background-image: url(/shop/images/clients/esp/icons_b/ERGO_Icon_black_Pfeil_rechts.svg);
	background-color: transparent;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

#metanav_bottom li{
	margin:0;
	padding:0;
	display: inline-block;
	list-style: none outside none;
}
	.mobile #metanav_bottom li{
		display:block;
		text-align:left;
	}

#metanav_bottom a{
	color:#000;
	display:inline-block;
	padding:5px 14px 5px 2px;
}


#metanav_bottom a:hover, 
#metanav_bottom a.active{
	color:#8e0038;
}
#metanav_bottom li:hover::before{background-position: center center;}
/* EOF FOOTER */











/* BOF FORMULAR: */
/* Customize the label (the container) */
.moduleRow{
	display: block;
	max-width: 300px;
	
	position: relative;
	padding-left: 35px;
	padding-right: 100px;
	margin-bottom: 35px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.moduleRow input[type="checkbox"]{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.moduleRow label{
	cursor: pointer;
}

/* Create a custom checkbox */
.check .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ccc;
}

/* On mouse-over, add a grey background color */
.moduleRow:hover input ~ .checkmark{
  background-color: #999;
}

/* When the checkbox is checked, add a blue background */
.moduleRow input:checked ~ .checkmark {  background-color: #8e0038;}


/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.moduleRow input:checked ~ .checkmark:after{
  display: block;
}

/* Style the checkmark/indicator */
.check .moduleRow .checkmark:after{
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



.privacy .moduleRow label{width: 100%; text-align: left; padding-top: 0;}


.contactform{
	margin: 40px auto;
	max-width: 500px;
}
.order .contactform input[type="radio"]{height: 28px;}
.order .contactform label.gender{width:50px; text-align: left;}

.order .contactform label{width: 175px;}
.order .contactform .note{text-align: center;}

.order .privacy .moduleRow{width: 90%; margin: 0; padding-right: 0; max-width: none;}
.order .contactform .privacy label{max-width: 500px; width: 80%;}

.content_inner p.select_watch{ text-align-last: center; max-width: none;}

#image_select{
	margin: 0 auto 50px auto;
	font-size: 25px;
	padding: 10px 20px;
}
ul.thumbnails.image_picker_selector{
	display: block;
	box-sizing: border-box;
	
	text-align: center;
	margin: 0 auto;
}

#personalID::-webkit-input-placeholder {
    color: #ccc;
}
/* EOF FORMULAR */











/* BOF RESPONSIVE: */

@media only screen and (max-width: 800px){
	.box50 { width: 100%;}
	.box50:nth-of-type(odd),
	.box50:nth-of-type(even){ margin: 30px 0 10px 0; display: inline-block; float: none;}
	
	.mainnav li{margin-right: 3px;}
}

@media only screen and (max-width: 650px){
	.mainnav{
		position: absolute;
		top: 0px;
		left: 37%;
		
	}
	.mainnav li{
		display: block;
		clear: both;
		margin: 0;
		padding: 0;
		line-height: 1;
	}
	#header .esp_icon{ margin-top: 25px;}
	
	#image_select{
		font-size: 16px;
		padding: 10px 20px;
	}
	ul.thumbnails.image_picker_selector li {width: 49%;	}
}
@media only screen and (max-width: 420px){
	.mainnav{
		position: absolute;
		top: 70px;
		left: 0;
		right: 0;
	}
	.mainnav li{
		display: inline-block;
	}
	
	#header .esp_icon{ margin-top: 45px;}

	#h_langbox{top: 30px;}
	#h_langbox li{padding: 0;}
	
	
	.privacy .mainnav, 
	.impressum .mainnav, 
	.contact_us  .mainnav {top: 40px;}
		
	.privacy #logo, 
	.impressum #logo, 
	.contact_us  #logo {height: 50px;}
	
	#header h2 {font-size: 24px; line-height: 30px;}
	.home.index.english #header h2 {font-size: 19px; line-height: 26px;}

	.col33, .col50 { width: 100%;}
	.col50:nth-child(odd),
	.col50:nth-child(even){ margin: 0;}
	
	h1 {font-size: 22px;}
	h3 {font-size: 20px; font-weight: bold;}
	
	.iconnav li {width: 25%; margin-top:15px;}
	
	.order .contactform label {	width: 120px;}
	ul.thumbnails.image_picker_selector li {width: 99%;	}
}



@media only screen and (max-width: 360px){
	.mainnav > li:first-child{display:none;}

	
	#header h2 {font-size: 24px; line-height: 30px;}
	.home.index.english #header h2 {font-size: 19px; line-height: 26px;}
	
	h1 {font-size: 18px;}
	h3 {font-size: 18px; font-weight: bold;}

	.iconnav li {width: 35%; margin-top:15px;}
	.order .contactform label {	width: 100%;}
}


/* EOF RESPONSIVE */


.debug{border: 1px solid #D20EB3; font-size: 10px; padding: 5px 10px;}