#header{border-right:1px solid #ccc;border-left:1px solid #ccc;width:867px; height: 34px;background:url(imgs/header.png) #fff bottom center;}

img{border:0;}
.input-long{width:283px;height:20px;line-height:20px;vertical-align:middle;border:0;padding:1px 5px;background:url('../imgs/input-long.gif') no-repeat bottom right;}
.input-medium{width:211px;height:20px;line-height:20px;vertical-align:middle;border:0;padding:1px 5px;background:url('../imgs/input-medium.gif') no-repeat bottom right;}
.input-short{width:47px;height:20px;padding:1px 5px;vertical-align:middle;line-height:20px;border:0;background:url('../imgs/input-short.gif') no-repeat bottom right;}
#uniform-sex, #uniform-land{margin-left:0;margin-top:0;}


.padding{margin-left:75px;margin-right:77px;}
.padding2{margin-left:100px;margin-right:77px;}

#content{border-left:1px solid #ccc; border-right:1px solid #ccc; width:867px; text-align:left; background:#fff;}
.gelb{background:#ffed00;text-decoration:underline}
.gelb2{background:#ffed00}
.blau{color:#0000ff}
.blau2{color:#0000ff; font-weight:bold; text-decoration:underline; font-size:15px; margin-bottom:4px;margin-top:0px;}
.gruen{color:#0e752a}
.gruen2{color:#0e752a; font-weight:bold;}
.gruen3{color:#457d14;}
.haken2{background-image:url('../imgs/haken_klein.png'); background-repeat:no-repeat; background-position:0px 4px; padding-left: 25px; font-size:12px; line-height:24px; color:#0e752a}
.haken{background-image:url('../imgs/haken_klein.png'); background-repeat:no-repeat; background-position:0px 1px; padding-left: 25px; font-size:12px; line-height:17px; margin-top:10px;}
.haken3{background-image:url('../imgs/haken.png'); background-repeat:no-repeat; background-position:0px 5px; padding-left: 25px;line-height:20px;margin-top:18px;}

.haken5{background-image:url('../imgs/haken.2.png'); background-repeat:no-repeat; background-position:0px -1px; padding-left: 25px; font-size:12px; line-height:17px; margin-top:10px;}

#fixed_div{position:fixed;z-index:-1;width:893px;text-align:right;margin-top:-150px}
.abstand{margin-top:20px}
.abstand2{margin-top:0px;margin-bottom:0px; line-height:19px}
.abstand3{margin-top:12px;margin-bottom:0px; line-height:19px}
.abstand4{padding-top:64px;}
.abstand5{margin-top:7px;margin-bottom:0px; line-height:19px}

#formular_bg{align: center; background:url('../imgs/formular_bg.png') repeat-x; width: 100%; height: 380px;}
#formular{height: 380px; width: 867px; border: 1px solid #ccc; border-top: none; border-bottom: none; background: url('../imgs/formular.png') no-repeat #f1f1f1;}
#formular2{height: 380px; width: 867px; border: 1px solid #ccc; border-top: none; border-bottom: none; background: url('../imgs/formular3.png') no-repeat #f1f1f1;}
#formular3{height: 380px; width: 867px; border: 1px solid #ccc; border-top: none; border-bottom: none; background: url('../imgs/formular4.png') no-repeat #f1f1f1;}
#formular4{height: 380px; width: 867px; border: 1px solid #ccc; border-top: none; border-bottom: none; background: url('../imgs/formular_bg_neu.png') no-repeat #f1f1f1;}

.left{float:right;margin-right:57px;}
.right{float:right;width:510px}
.right.v2{float:right;width:486px}
.right3{float:right;width:460px; padding-left:50px;}
#footer_bg{width:100%; border-top: 1px solid #ccc;}
#footer{width:867px;color:#a1a1a1;padding-top:15px;margin-bottom:15px;}
.fieldframe{
	margin:5px 0 0 0;
	padding:2px; 
	background-color:#ffffff;
	}
.fieldframe_error{ 
	margin:5px 0 0 0;
	padding:2px; 
	background-color:#ffcc00;
	}
	
.left2{
color:#000000;
width:175px;
float:left;
}
.right2{
width:310px;
float:left;
}
.feld{
border:1px solid #666666;
width:280px;
}
.text_rot {
	color:#CC0000;
	}
#orderform {
	color:#666666;
	}
#preview{
	position:absolute;
	border:0px solid #ccc;
	padding:0px;
	display:none;
	color: white;
}
.Stil2 {
	color: #000000;
	font-weight: bold;
	}
#gruen {color:#469251;
font-weight: bold;
}

#gruen2 {color:#469251;
font-weight: bold;
font-size: 16px;
}

#textmarker {background-color:#FFFF00;}
.textmarker {background-color:#FFFF00;}


.gruen{background:#006400;color:#fff;    padding: 1px 2px;}
.tipps{margin-bottom:0px;line-height:27px;margin-top:40px;}
.pmt0{margin-top:0px;}

/* the overlayed element */
.simple_overlay {

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:5000;

    /* styling */
    background-color:#FFF;
	padding: 25px;
    width:400px;
    min-height:400px;
    border:1px solid #666;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
	
	/*font attributes*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(overlay_close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* styling for elements inside overlay */
.details {
    position:absolute;
    top:15px;
    right:15px;
    font-size:11px;
    color:#fff;
    width:150px;
}			

.details h3 {
    color:#aba;
    font-size:15px;
    margin:0 0 -10px 0;
}

a.sl {
  text-decoration: none;
  color: #000;
}
a.sl:hover {
  text-decoration: underline;
}

.red{
color:#9d1c28;
}

/* --------------- NEW FORM -------------------------- */ 

.new_form#formular_bg {
background: url('../imgs/new_form_bg.png') repeat-x;
width: 100%;
height: 467px;
}

.new_form #formular4 { 

width: 867px;
border: none;
background: url('../imgs/new_form_title.png') no-repeat center 40px;
height: 465px;
}

.new_form .steps, .new_order .steps { 
font-size: 14px; 
color: #626262; 
text-shadow: 0px 1px 0px #ffffff; 

padding-top: 5px;
position: absolute;
right: 0px;
}

.new_form .input-long {
width: 333px;
height: 22px;
margin-bottom: 4px;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
border: 1px solid #095023;
border-radius: 5px;
padding: 8px;
background: url('../imgs/new_form_input_bg.png') #ffffff repeat-x top left;
box-shadow: inset 0px 0px 0px 1px #ffffff; 
} 

.new_form .input-long.error, .new_form .input-short.error, .new_form .input-medium.error { 
border: 1px solid #c1001a; 
color: #c1001a !important;
}

.new_form .input-medium {
width: 241px;
height: 22px;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
border: 1px solid #095023;
border-radius: 5px;
padding: 8px;
background: url('../imgs/new_form_input_bg.png') #ffffff repeat-x top left;
box-shadow: inset 0px 0px 0px 1px #ffffff; 
margin-top: 4px;
} 

.new_form .input-short {
width: 60px;
height: 22px;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
border: 1px solid #095023;
border-radius: 5px;
padding: 8px;
background: url('../imgs/new_form_input_bg.png') #ffffff repeat-x top left;
box-shadow: inset 0px 0px 0px 1px #ffffff; 
margin-top: 4px;
} 

.forgot_password { 
text-align: right; 
color: #535353;
float: right; 
margin-top: 10px;
}


.ssl_lock { 
background: url(../imgs/ssl_lock.png) no-repeat top left;
padding-left: 23px; 
position: absolute; 
bottom: 5px; 
float: left; 
text-align: left; 
font-size: 13px; 
color: #626262; 
text-shadow: 0px 1px 0px #ffffff; 
padding-top: 3px;
padding-bottom: 5px;
}

.ssl_lock.black { 
background: url(../imgs/schloss_schwarz.png) no-repeat top left;
color: #000; 
}

.new_footer #footer { 
width: 865px;
}

.new_footer #footer_bg { 
background: #095023; 
border: none;
height: 50px;
}

a, input, map, area {
    outline: none;
}

.new_footer .links a { 
color: #ffffff !important; 
background: url(../imgs/footer_sep.png) no-repeat top right; 
padding-right: 20px; 
margin-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
margin-top: -5px;
outline: none;
}

.new_footer span.sep { 
display: none;
}

.new_footer .links a.last_link { 
background: none; 
padding-right: 0px; 
margin-right: 0px;
}

.new_order .inner { 
width: 865px; 
margin: auto; 
position: relative;
}

.new_order #header2 { 
width: 100%; 
border: none; 
background: #095023; 
height: 55px; 
border-bottom: 1px solid #ffffff;
}

.new_order #header2 .logo { 
background: url(../imgs/new_order_logo.png) no-repeat top left; 
width: 118px; 
height: 16px; 
float: left;
top: 18px;
position: relative;
}

.new_order #header2 .direkt { 
background: url(../imgs/new_order_direkt.png) no-repeat top left; 
width: 229px; 
height: 42px; 
float: right;
top: 6px;
position: relative;
}

.new_order #content { 
background: url(../imgs/new_order_bg.png) repeat top left; 
width: 100%; 
border: none; 
}

.new_order h2 { 
color: #000000; 
font-weight: bold; 
font-size: 25px;
margin: 10px -300px 10px 0px;
}

.new_order h3 { 
color: #000000; 
font-weight: bold; 
font-size: 23px;
margin: 10px -300px 10px 0px;
}

.new_order p { 
font-size: 14px; 
line-height: 25px;
color:#000000;
}


.black { 
color: #000000 !important;
}

.new_kaufe_button { 
margin: 0px 0px 50px -38px;
outline: none;
border: none;
}

.login_button { 
margin: 25px 0px 10px -106px;
outline: none;
border: none;
}




.new_order2_side { 
margin-bottom: -230px;
}


.new_order3_side { 
float: left; 
margin: 59px 25px 300px 75px; 
}

.new_order .gruen { 
background: url(../imgs/new_tipp_bg.png) no-repeat top left;
color: #111111;
padding: 7px 10px;
}

.new_order .tipps { 
/*margin-top: 30px !important;*/
font-size: 15px !important; 
margin-bottom: 5px;
}


.label_radio { background: url(../imgs/radio.png) no-repeat; padding: 1px 14px 1px 25px; font-size: 14px; margin-left: -4px}
.label_radio { background-position: 0 0; }
.label_radio.r_on { background-position: 0 -18px; }
.label_radio input { position: absolute; left: -9999px; }

.alt_error_prompt .formError .formErrorContent {
	background: #c1011a;
	border: 1px solid #ddd;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 240px;
    font-size: 14px;
}


.central_order #header2 .logo a {
    background: url("../../imgs/kb_logo.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    height: 100%;
    text-indent: -9999px;
    width: 100%;
}


.btn_pcgo{
margin:50px 0 0 0;
}

.logos_box{
background:url(../imgs/logos_box_bg.png) no-repeat;
height:310px;
width:678px;
}

.logos_box .logo_overlay{
float:left;
height:120px;
margin-right:60px;
cursor:pointer;
}


.logos_txt {
padding:30px 0 0 0px;
}

.logos_txt p{
padding:0px 20px 0 30px;
font-size:18px;
line-height:24px;
}

.bottom_logos .selector{
position:absolute;
width:1px;
height:24px;
border-left:2px solid #c9c9c9;
z-index:1000;
left:20px;
}









 .fixed_navi {
    margin-top: 220px;
    position: fixed;
    right: 0;
    z-index: 6;
}
 .fixed_navi ul li{
    float:right;
	clear:right;
	background:none;
	margin-top:2px;
}
 .fixed_navi ul {
    list-style-type:none;
}
 .fixed_navi ul li p {
    background: #229741;
    clear: right;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 15px;
    padding: 3px 8px 3px;
	margin:0px;
}
 .fixed_navi ul li p a {
    color: #fff;
	text-decoration:none;
}
 .fixed_navi ul li p.active {
    background: #9d1c28;
    cursor: pointer;
	font-weight:bold;
}




#header_wide{
background:#dedede;
width:100%;
border-bottom: 4px solid #9d1c28;
height:70px;
position:fixed;
z-index:10;
top:0;
}
#header_wide .inner_wide{
width:867px;
height:70px;
margin:auto;
}
#header_wide ul.arrow_menu  {
padding-left: 30px;
text-align: left;
display: inline-block;
margin: 4px 0 0 0px;
list-style-type: none;
}
#header_wide ul.arrow_menu li {
float:left;
margin:0px;
padding:1px 15px 1px 10px;
background: url(../imgs/bg_li.png) no-repeat right center;
font-size:14px;
}
#header_wide ul.arrow_menu li a{
color:#000;

text-decoration:none;
}
#header_wide ul.arrow_menu li:last-child {
background:none;
}
#header_wide ul.arrow_menu li.active {
background: url(../imgs/bg_li_active.png) no-repeat right center #9d1c28;
}
#header_wide ul.arrow_menu li.active a{
color:#fff;
}
#header_wide ul.arrow_menu li.no_bg {
background: none;
}







/*
//////////////////
CSS Responsive
//////////////////
*/


.tooltip-style {
display:inline-block;
z-index:900;
}
.tooltip-style img{
max-width:100%;
}


.tooltip-style {
display:inline-block;
max-width:400px;
z-index:900;
border:1px solid black;
border-radius:1px;
background:#fff;
padding:15px;
line-height:20px;
font-size:14px;
}
.tooltip-style-border-top-right,
.tooltip-style-border-top-left {
display:inline-block;
z-index:900;
background:#e3dada;
padding:5px;
line-height:17px;
font-size:12px;
}
.tooltip-style-border-top-right:after {
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
    top: -20px;
    right: 13px;
    border-color: transparent #e3dada;
    border-width:20px 15px 10px 0px;
}
.tooltip-style-border-top-left:after{
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
    top: 13px;
    left: -15px;
    border-color: transparent #e3dada;
    border-width:0px 15px 15px 0px;
}



.ui-helper-hidden-accessible {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   padding: 0;
   position: absolute;
   width: 1px;
	top:0px;
}


#header_responsive{
	width:867px;
	max-width:100%;
	height:49px;
}

#header_responsive div.red_line{
	width:100%;
	height:14px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d10316+0,b60d17+50,b60d17+100 */
	background: #d10316; /* Old browsers */
	background: -moz-linear-gradient(top, #d10316 0%, #b60d17 50%, #b60d17 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d10316 0%,#b60d17 50%,#b60d17 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d10316 0%,#b60d17 50%,#b60d17 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d10316', endColorstr='#b60d17',GradientType=0 ); /* IE6-9 */
}

#header_responsive .header_logo{
	position:absolute;
	right:55px;
	top:24px;
}

.header_logos .middle_img{
	margin:0 50px;
}

@media (max-width: 690px) {
	.header_logos img{
		height:80px;
	}
	
	.header_logos .middle_img{
		margin:0 30px;
	}
}

@media (max-width: 500px) {
	.header_logos img{
		height:60px;
	}
	
	.header_logos .middle_img{
		margin:0 20px;
	}
}




#content_responsive{
	position:relative;
	z-index:5;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:left;
	background:#fff;
	margin-bottom:1px;
	max-width: 100%;
	min-width: 320px;
	width: 866px;
	margin: auto;
	margin-bottom:1px;
}

@media (max-width: 900px) {
	#content_responsive{
		border-left:none;
		border-right:none;
	}
}

.padding_responsive{
	margin:0 75px;
}

.padding_responsive2{
	margin:0 10px;
}

@media (max-width: 900px) {
	.padding_responsive{
		margin:0 45px;
	}
}

@media (max-width: 780px) {
	.padding_responsive{
		margin:0 25px;
	}
}

@media (max-width: 500px) {
	.padding_responsive{
		margin:0 10px;
	}
}


h1.responsive_blue_headline{
	text-align:center;
	color:#033b70;
	font-size:30px;
	line-height:40px;
	font-family: 'Istok Web', sans-serif;
}

h1.responsive_blue_headline .big{
	font-size:38px;
	text-decoration:underline;
}

h1.responsive_blue_headline .small{
	font-size:21px;
	font-weight:normal;
}

ul.haken_responsive{
	list-style: outside none none;
	padding-left: 0px;
}

ul.haken_responsive li{
	background-image: url("imgs/haken_klein.png");
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 25px;
	line-height: 21px;
	margin-top: 3px;
	font-size:12px;
	line-height:24px;
	color:#0e752a
}

.grey_box{
	width:396px;
	max-width:100%;
	float:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#eeeeee;
	border:1px solid #fff;
	-webkit-box-shadow: 0 0 2px 1px #ccc;
   -moz-box-shadow: 0 0 2px 1px #ccc;
   box-shadow: 0 0 2px 1px #ccc;
}

.grey_box_small{
box-sizing:border-box;
max-width:100%;
margin-top:20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#eeeeee;
border:1px solid #fff;
-webkit-box-shadow: 0 0 2px 1px #ccc;
-moz-box-shadow: 0 0 2px 1px #ccc;
box-shadow: 0 0 2px 1px #ccc;
position:relative;
}

.grey_box_small p{
margin-left:50px;
padding-top:0px;
line-height:20px;
}

/*
.green_check{
position:absolute;
top:10px;
left:15px;
}
*/


.right_packshot{
float:left;
margin-top:-7px;
margin-left:57px;
width:210px;
}

@media (max-width: 743px) {
	
	.grey_box{
	float:none;
	margin:auto;
	}
	
	.right_packshot{
	float:none;
	margin:auto;
	margin-top:30px;
	}
}

.first_img{
	margin-top:-14px;
	margin-right:28px!important;
}

.left_responsive{
	float:right;
	margin-right:57px;
}

.right_responsive{
	float:right;
	width:510px;
}




@media (max-width: 820px) {
	.left_responsive{
		float:none;
		text-align:center;
		margin-top:20px;
	}

	.right_responsive{
		float:none;
		text-align:center;
		margin:auto;
		max-width:100%;
	}
	
	.right_responsive .inner{
		text-align:left;
		display:inline-block;
	}
	
	.mouseover_responsive{
		width:90%;
	}
}

.requirements_outer{

}

.requirements_box{
	max-width:100%;
	width:520px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:url(imgs/requirements.png) center right no-repeat;
	background-color:#eeeeee;
	border:1px solid #fff;
	-webkit-box-shadow: 0 0 2px 1px #ccc;
   -moz-box-shadow: 0 0 2px 1px #ccc;
   box-shadow: 0 0 2px 1px #ccc;
}

@media (max-width: 700px) {
	.requirements_box{
		background:#eee;
	}
}


.requirements_box p{
	padding-top:0px;
	padding-left:13px;
	text-align:left;
}

@media (max-width: 770px) {
	.requirements_outer{
		text-align:center;
	}
	
	.requirements_box{
		margin:auto;
		max-width:100%;
	}
}


.logos_box_responsive{
	height:310px;
	width:678px;
	max-width:100%;
	position:relative;
}

.logos_box_responsive .logo_overlay{
	float:left;
	height:120px;
	margin-right:60px;
	cursor:pointer;
}

.logos_box_responsive .logos_txt{
	max-width:100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#eeeeee;
	border:1px solid #fff;
	-webkit-box-shadow: 0 0 2px 1px #ccc;
   -moz-box-shadow: 0 0 2px 1px #ccc;
   box-shadow: 0 0 2px 1px #ccc;
	padding-top:0px;
}


.bottom_logos {
	position:relative;
	display:inline-block;
}

.bottom_logos img{
	cursor:pointer;
}

.bottom_logos .middle_img{
	margin:0 50px;
}

@media (max-width: 740px) {
	.bottom_logos img{
		height:80px;
	}
	
	.bottom_logos .middle_img{
		margin:0 30px;
	}

}

@media (max-width: 550px) {
	.bottom_logos img{
		height:60px;
	}
	
	.bottom_logos .middle_img{
		margin:0 20px;
	}
}


.tuev_box{
	width:679px;
	max-width:100%;
	height: auto;
	box-sizing:border-box;
	border-radius: 5px;
	border: 1px solid #fff;
	box-shadow: 0 0 2px #000;
	font-size:12px;
	padding:0px 20px;
	background:#fbfbfb;
}

.tuev_logo{
	float:right;
	box-shadow: 0px 0px 5px #ccc;
}


@media (max-width: 700px) {
	.tuev_logo{
		float:none;
	}
}


.geschenkegrafik_responsive{
	display:none;
}

@media (max-width: 700px) {
	.geschenkegrafik_responsive{
		display:block;
	}
	
	.geschenkegrafik{
		display:none;
	}
}

.arial {
font-family:arial;
}

.edgar_bode{
	float:right;
	margin-top:0px;
	margin-right:69px;
	text-align:right;
}

.edgar_bode2{
	margin-top:20px;
	display:none;
}

@media (max-width: 700px) {
	.edgar_bode{
		margin-right:0px;
	}
}

@media (max-width: 600px) {
	.edgar_bode{
		display:none;
	}
	
	.edgar_bode2{
		display:block;
	}
}


#resp #formular_bg {
	max-width:100%;
}

#resp .central_form #formular4{
	max-width:100%;
	height:auto;
}

#resp .central_form .steps, .new_order .steps {
	margin:0;
	top:10px;
	right:20px;
	padding:0;
}

#resp #formular_bg.central_form{
	height:100%;
}

#resp .central_footer #footer {
	max-width:100%;
}

@media (max-width: 900px) {
	#resp .central_footer #footer {
		max-width:90%;
	}
}

#resp h2{
   font-family: "museo-sans",arial;
   font-size: 26px;
   color: #000;
   margin: 0px 0px 30px;
   line-height: 43px;
}

@media (max-width: 800px) {
	#resp h2{
		margin:0 10px 20px 10px;
	}
}

#resp h2 span{
   font-size: 34px;
}


@media (max-width: 700px) {
	#resp h2{
	   font-size: 22px;
		line-height: 37px;

	}
	
	#resp h2 span{
		font-size: 30px;
	}
}

.form_headline_height {
   display: none;
}

#formular4{
   background:none;
}


@media (max-width: 600px) {
	#resp .ssl_lock{
		display:none;
	}
	
	#resp .arrow_container{
		display:none;
	}
	
	#resp #input{
		margin-left:10px!important;
	}
	
	#resp .central_form .input-long{
		max-width:98%;
	}
}

@media (max-width: 400px) {
	#resp #input{
		margin-left:5px!important;
	}
}

#resp .form_field{
	max-width:98%;
}


@media (max-width: 500px) {
	#resp #footer_left_logo img{
		display:none;
	}
	
	#resp #footer .links{
		float:none!important;
		margin:auto!important;
	}
}







@media (max-width: 1200px) {
	.hide_1200{
	display:none !important;
	}
}

@media (max-width: 1100px) {
	.hide_1100{
	display:none !important;
	}
}

@media (max-width: 1000px) {
	.hide_1000{
	display:none !important;
	}
}

@media (max-width: 900px) {
	.hide_900{
	display:none !important;
	}
}

@media (max-width: 866px) {
	.hide_866{
	display:none !important;
	}
}


@media (max-width: 850px) {
	.hide_850{
	display:none !important;
	}
}

@media (max-width: 820px) {
	.hide_820{
	display:none !important;
	}
}

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

@media (max-width: 700px) {
	.hide_700{
	display:none !important;
	}
}

@media (max-width: 720px) {
	.hide_720{
	display:none !important;
	}
}

@media (max-width: 765px) {
	.hide_765{
	display:none !important;
	}
}

@media (max-width: 600px) {
	.hide_600{
	display:none !important;
	}
}
@media (max-width: 743px) {
	.hide_743{
	display:none !important;
	}
}
@media (max-width: 650px) {
	.hide_650{
	display:none !important;
	}
}

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

@media (max-width: 550px) {
	.hide_550{
	display:none !important;
	}
}

@media (max-width: 400px) {
	.hide_400{
	display:none !important;
	}
}


.ol_blue{
float:right;
font-family:arial;
font-size:47px;
letter-spacing:-5px;
color:#fff;
background:#033b70;
line-height:1em;
text-align:center;
width:48px;
margin-right:5px;
margin-top:2px;
padding-right:3px;
}

.function_hl {
font-family:arial;
color:#033b70;
font-weight:700;
font-size:20px;
line-height:1.3em;
margin:0px 0px 10px 0;
}

.function_hl .gelb{
color:#000;
padding:0px 2px;
text-decoration:none;
}



.header {
max-width:100%;
width:1228px;
background:#a70417;
border-bottom:10px solid #333333;
margin:auto;
position:relative;
z-index:2;
}
.content {
width: 867px;
margin:auto;
text-align: left;
}



.central_form h2 {
margin:0px;
font-family: arial;
font-size: 26px;
color: #000;
margin: 0px 0px 30px;
line-height: 43px;
}

.central_form h2 span {
    font-size: 34px;
}


#formular_bg {
    height: 100% !important;
	padding: 0 0 50px 0;
}



@charset "utf-8";


/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: -webkit-xxx-large;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* =Toolkit
--------------------------------------------------------------------------------------------------*/


/* general purpose classes */
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.fl { float:left; }
.fr { float:right; }
.cb {clear:both;}
.nowrap{white-space:nowrap;}
.center {text-align:center !important}
.inlineblock{display:inline-block; vertical-align:top; text-align:left;}
.relative{position:relative;}
.absolute{position:absolute;z-index:2;}
.mark{background:#efe320;}
/* End Toolkit
--------------------------------------------------------------------------------------------------*/

/* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small
--------------------------------------------------------------------------------------------------*/
button {margin:0px; padding:0px; border:none;}
hr { display:block; height:1px; border:0; margin:0; padding:0;
	border-top:1px solid #cccccc; /* change border colour to suit your needs */
}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
body, button, input, select, textarea { font-family:"Gotham A","Gotham B",Arial; }
a {text-decoration: none;color:inherit}
a:hover {text-decoration: underline;}
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }
del { text-decoration: line-through; }
abbr[title] { border-bottom: 1px dotted; cursor:help; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 75%; }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
margin { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; outline: 0;}
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input, select { vertical-align:middle; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

/* End Normalization
--------------------------------------------------------------------------------------------------*/

/* =Typography
--------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body {
	font: 15px 'verdana', 'Arial';
	line-height:1.3em;
	font-weight:350;
	background:  #fff !important;
	color:#313131;
	margin:0 !important;
}
b{font-weight:700;}


a {text-decoration: underline; cursor:pointer; color:#0000ff;}
a:hover {text-decoration: underline;}
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }

	
h1{
	font-size:40px;
	font-family: 'lato', Arial;
	color:#033b70;
	line-height:1.2em;
	font-weight:400;
}
@media only all and (max-width: 750px) {
	h1{
		font-size:30px;
	}
}


h2{
	font-size:33px;
	font-family: 'lato', Arial;
	color:#033b70;
	line-height:1.2em;
	font-weight:400;
}
@media only all and (max-width: 750px) {
	h2{
		font-size:25px;
	}
}


.hl2{
	font-size:45px;
	font-family: 'lato', Arial;
	color:#033b70;
	line-height:1.2em;
	font-weight:400;
}
@media only all and (max-width: 750px) {
	.hl2{
		font-size:38px;
	}
}




h3{
	font-size:28px;
	font-family: 'lato', Arial;
	font-weight:bold;
	color:#fff;
	line-height:1.4em;
}

h3.black{
	font-size:21px;
	font-family: 'lato', Arial;
	font-weight:300;
	color:#313131;
	line-height:0.7em;
	position:relative;
}
	
h3.black span.green{
	font-size:40px;
	font-family: 'lato', Arial;
	font-weight:bold;
	color:#229741;
	line-height:1.4em;
}
	
h3.black img{
	position:absolute;
	left:-41px;
	top:13px;
}
	
h4{
	font-size:40px;
	font-family: 'lato', Arial;
	font-weight:900;
	color:#477e24;
	line-height:1.2em;
}
	
/* End Typography
--------------------------------------------------------------------------------------------------*/


/*-- MAIN CONTENT START--*/

.show_400px{display:none;}	
@media only all and (max-width: 400px) {.show_400px{display:block !important;}}
.show_530px{display:none;}	
@media only all and (max-width: 530px) {.show_530px{display:block !important;}}
.show_600px{display:none;}	
@media only all and (max-width: 600px) {.show_600px{display:block !important;}}
.show_620px{display:none;}	
@media only all and (max-width: 620px) {.show_620px{display:block !important;}}
.show_650px{display:none;}	
@media only all and (max-width: 650px) {.show_650px{display:block !important;}}
.show_700px{display:none;}	
@media only all and (max-width: 700px) {.show_700px{display:block !important;}}
.show_750px{display:none;}	
@media only all and (max-width: 750px) {.show_750px{display:block !important;}}
.show_800px{display:none;}	
@media only all and (max-width: 800px) {.show_800px{display:block !important;}}
.show_825px{display:none;}	
@media only all and (max-width: 825px) {.show_825px{display:block !important;}}
.show_850px{display:none;}	
@media only all and (max-width: 850px) {.show_850px{display:block !important;}}
.show_875px{display:none;}	
@media only all and (max-width: 875px) {.show_875px{display:block !important;}}
.show_900px{display:none;}	
@media only all and (max-width: 890px) {.show_890px{display:block !important;}}
.show_890px{display:none;}	
@media only all and (max-width: 900px) {.show_900px{display:block !important;}}
.show_1000px{display:none;}	
@media only all and (max-width: 1000px) {.show_1000px{display:block !important;}}
.show_1100px{display:none;}	
@media only all and (max-width: 1100px) {.show_1100px{display:block !important;}}
.show_1200px{display:none;}	
@media only all and (max-width: 1200px) {.show_1200px{display:block !important;}}
.show_1300px{display:none;}	
@media only all and (max-width: 1300px) {.show_1300px{display:block !important;}}

@media only all and (max-width: 1200px) {.hide_1200px{display:none !important;}}
@media only all and (max-width: 1150px) {.hide_1150px{display:none !important;}}
@media only all and (max-width: 1100px) {.hide_1100px{display:none !important;}}
@media only all and (max-width: 1050px) {.hide_1050px{display:none !important;}}
@media only all and (max-width: 1000px) {.hide_1000px{display:none !important;}}
@media only all and (max-width: 950px) {.hide_950px{display:none !important;}}
@media only all and (max-width: 900px) {.hide_900px{display:none !important;}}
@media only all and (max-width: 890px) {.hide_890px{display:none !important;}}
@media only all and (max-width: 850px) {.hide_850px{display:none !important;}}
@media only all and (max-width: 825px) {.hide_825px{display:none !important;}}
@media only all and (max-width: 800px) {.hide_800px{display:none !important;}}
@media only all and (max-width: 750px) {.hide_750px{display:none !important;}}
@media only all and (max-width: 700px) {.hide_700px{display:none !important;}}
@media only all and (max-width: 620px) {.hide_620px{display:none !important;}}
@media only all and (max-width: 600px) {.hide_600px{display:none !important;}}
@media only all and (max-width: 500px) {.hide_500px{display:none !important;}}


.boxshadow1{box-shadow:0px -1px 1px #ccc}
.grey{color:#898989;}
.mark{background:#ffe018;padding:0px 2px;}
.small{	font-size:11px;}
.small2{font-size:10px; color:#898989;}


.small_font{
	font-size:11px;
}

.header2{
	width:100%;
	box-sizing:border-box;
	padding:15px 5px;
	background:#e5e5e5;
	border-bottom:5px solid #033b70;
}


.header{
	width:100%;
	box-sizing:border-box;
	padding:15px 5px;
	background:#e5e5e5;
	border-bottom:5px solid #033b70;
}

.header .content img{
	margin:0 23px;
}

@media only all and (max-width: 950px) {
	.header .content img{
		height:65px;
		margin:0 15px;
	}
}

@media only all and (max-width: 700px) {
	.header .content img{
		height:55px;
	}
}

@media only all and (max-width: 620px) {
	.header .content img:last-child{
		margin:25px 15px 0;
	}
}


.header .content img:last-child{
	margin-right:0 !important;
}

.header .content img:first-child{
	margin-left:0 !important;
}

.logo_box  div{
	margin:0 24px;
	display:inline-block;
}


.logo_box  div:last-child{
	margin-right:0 !important;
}

.logo_box  div:first-child{
	margin-left:0 !important;
}

.content{
	width:890px;
	margin:auto;
	max-width:100%;
	box-sizing:border-box;
	padding:0px 5px;
	/*position:relative;*/
}

.packshot_outer{
	position:relative;
}
@media only all and (max-width: 850px) {
	.packshot_outer{
		text-align:center;
	}
}
@media only all and (max-width: 910px) {
	.packshot_outer.v2{
		text-align:center;
	}
}

.packshot_div{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:270px;
}
@media only all and (max-width: 880px) {
	.packshot_div{
		width:240px;
	}
}
@media only all and (max-width: 500px) {
	.packshot_div{
		width:200px;
	}
}
.packshot_div.v2{
	width:337px;
}

.packshot_div.v3{
	width:358px
}

.packshot_top{
	display:inline-block;
	vertical-align:top;
	width:100%;
}


.windows_icons{
	position:absolute;
	left: -31px;
	top: 10px;
}


.packshot_bottom{
	display:inline-block;
	vertical-align:top;
}

.packshot_bottom_price{
	width:150px;
	font-size:13px;
	position:absolute;
	left:30px;
	top: 386px;
	line-height:10px;
}

.packshot_price{
	font-size:13px;
	position:absolute;
	bottom: -35px;
	left: 4px;
}

.packshot_right_text{
	margin:15px 0 0 25px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}
@media only all and (max-width: 850px) {
	.packshot_right_text{
		margin-top:60px;
	}
}


.packshot_bottom_right_text{
	padding:15px 0 0 130px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	max-width:100%;
	box-sizing:border-box;
}
@media only all and (max-width: 800px) {
	.packshot_bottom_right_text{
		margin-top:50px;
	}
}
@media only all and (max-width: 600px) {
	.packshot_bottom_right_text{
		padding-left:40px;
	}
}

.packshot_bottom_right_text.v2{
	padding:15px 0 0 66px;
}

ul.green_check li {
    background-image: url(imgs/green_check.png);
    background-position: 0 4px;
    background-repeat: no-repeat;
    padding-left: 25px;
    margin-bottom: 18px;
	 line-height:1.3em;
}

ul.green_check2 {
   width:500px;
	max-width:100%;
	text-align:left;
}

ul.green_check2 li {
    background-image: url(imgs/green_check.png);
    background-position: 0 4px;
    background-repeat: no-repeat;
    padding-left: 25px;
    margin-bottom: 10px;
	 line-height:1.4em;
}
ul.green_check3 {
   width:500px;
	max-width:100%;
	text-align:left;
}

ul.green_check3 li {
    background-image: url(imgs/green_check.png);
    background-position: 0 4px;
    background-repeat: no-repeat;
    padding-left: 25px;
    margin-bottom: 30px;
	 line-height:1.4em;
}

.red_squares{
	position:absolute;
	right:0;
	top:0;
}
@media only all and (max-width: 850px) {
	.red_squares{
		position:relative;
		margin:10px 0 0 20px;
		display:inline-block;
	}
}

.red_squares2{
	position:absolute;
	right:0px;
	top: 219px;    
	width: 144px; 
}
@media only all and (max-width: 850px) {
	.red_squares2{
		position:static;
		margin: 0 -20px ;
		top:auto;
		right:auto;
	}
}

p.yellow_bg{
	background:#ffe85e;
	font-size:28px;
	padding:7px 15px;
	display:inline-block;
	font-family: 'lato', Arial;
}


.grey_outer_content{
	background:#f2f2f2;
	border-top:10px solid #033b70;
}

.white_outer_content{
	background:#fff;
	border-top:10px solid #033b70;
}

.sub_headline{
	font-size:21px;
	font-family:'lato', Arial;
	line-height:1.3em;
}
@media only all and (max-width: 750px) {
	.sub_headline{
		font-size:17px;
		font-family:'lato', Arial;
		line-height:1.3em;
	}
}


.white_box{
	width:890px;
	max-width:100%;
	padding:50px 30px 30px;
	box-sizing:border-box;
	background:#fff;
	-webkit-box-shadow: 0 0 3px 2px #e0e0e0;
	-moz-box-shadow: 0 0 3px 2px #e0e0e0;
	box-shadow: 0 0 3px 2px #e0e0e0;
	text-align:center;
}


.white_box img{
	
}
@media only all and (max-width: 900px) {
	.white_box img{
	
	}
}

.white_box .right_text{
	display:inline-block;
	vertical-align:top;
	margin-left:30px;
	text-align:left;
	max-widtH: 100%;
}
@media only all and (max-width: 850px) {
	.white_box .right_text{
		margin-left:0px;
	}
}



.button_div .logo{
	vertical-align:top;
}
@media only all and (max-width: 460px) {
	.button_div .logo{
		margin-bottom:20px;
	}
}


.button_div .button_gratis_testen{
	vertical-align:bottom;
	margin:0 15px;
}

.button_div .handwrite_klicken{
	vertical-align:top;
}
@media only all and (max-width: 600px) {
	.button_div .handwrite_klicken{
		display:none;
	}
}


.overflow_table{
	max-width:890px;
}
@media only all and (max-width: 880px) {
	.overflow_table{
		overflow:auto;
	}
}

table.functions{
	width:880px;
	border-collapse: separate;
	border-spacing: 10px 0px;
	box-sizing:border-box;
	color:#757179;
}


table.functions tr.no_border td{
	border:none;
}

table.functions tr.no_border_top td{
	border-top:none;
}

table.functions tr td{
	padding:12px 1px 12px 4px;
	border-bottom:2px solid #b5b5b5;
	position:relative;
	vertical-align:top;
	font-size:14px;
}
table.functions tr td .green_icon{
	vertical-align:top;
	position:absolute; left:15px; top:10px;
}


table.functions tr td .toggle,
table.functions tr td .show_more{
	position:absolute;
	right:10px;
	bottom:12px;
	cursor:pointer;
	text-decoration: none;
	cursor: pointer;
    text-decoration: underline;
    cursor: pointer;
    color: #0000ff;
}
table.functions tr.content_toggle:nth-child(odd) td{
	background:#f0f0f0;
}


table.functions tr td .toggle_ico{
	margin-left:4px;
}
table.functions tr td p{
	display:inline-block;
	vertical-align:0px;
	margin-left:6px;
}


table.functions tr td .show_more img{
	vertical-align:-3px;
}

table.functions tr td:first-child{
	width:370px;
	text-align:left;
}

table.functions tr td{
	text-align:center;
	width:120px;
}


table.functions tr:first-child td{
	vertical-align:bottom;
}


table.functions tr td{
	text-align:center;
	width:120px;
}


table.functions tr td span.small{
	font-size:13px;
}

table.functions tr td span.black{
	color:#313131;
}

table.functions tr.price td,
table.functions tr.price_small td{
	color:#313131;
	vertical-align:bottom;
	padding:0;
}

table.functions tr.price_small td:first-child,
table.functions tr.price td:first-child{
	text-align:right;
}

table.functions tr.price_small td{
	font-size:90%;
}

table.functions tr.price td{
	font-size:115%;
	font-weight:bold;
}

table.functions tr.button td .tbl_btn{
	background: #95ae14;
	padding: 10px 10px;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-family: "lato", arial;
	font-weight: 600;
}

.blue_border_box{
	width:890px;
	border:1px solid #033b70;
	background:#f2f2f2;
	max-width:100%;
	z-index:3;
	box-sizing:border-box;
	padding:24px 30px;
	position:relative;
}


.blue_border_box .text_left{
	display:inline-block;
}

.blue_border_box .logo_right{
	position:absolute;
	top:25px;
	right:25px;
}
@media only all and (max-width: 850px) {
	.blue_border_box .logo_right{
		width:240px;
	}
}
@media only all and (max-width: 750px) {
	.blue_border_box .logo_right{
		position:relative;
		top:auto;
		right:auto;
		margin-bottom:20px;
	}
}



.blue_border_box h1{
	font-size:35px;
	font-family: 'lato', Arial;
	color:#033b70;
	line-height:1.1em;
	font-weight:700;
}
@media only all and (max-width: 750px) {
	.blue_border_box h1{
		font-size:27px;
	}
}

.testi_img{
	display:inline-block;
	margin-left: 110px;
}

.testi_img .testi_big{
	
}

.testi_img .testi_small{
	width:93px;
	height:63px;
	cursor:pointer;
	opacity: 0.5;
}



.testi_img .small_images img{
	margin:0 12px 0 0;
}

.testi_img .small_images{
	text-align:center;
	overflow:hidden;
	width:312px;
	white-space:nowrap;
}

.testi_quote{
	position:relative;
	width:530px;
	min-height:208px;
	display:inline-block;
	max-width:100%;
	background:url(imgs/quote_bg.png) no-repeat;
	vertical-align:top;
	margin-left:27px;
	box-sizing:border-box;
	padding:21px 37px;
	text-align:left;
}
@media only all and (max-width: 900px) {
	.testi_quote{
		margin-left:0px;
	}
}
@media only all and (max-width: 550px) {
	.testi_quote{
		background:none;
		margin-top:20px;
		border:1px solid grey;
	}
}



.testi_quote .testi{
	line-height:1.4em;
	width:97%;
}

.quote_begin{
	position:absolute;
	top:-15px;
	left:0px;
}

.quote_end{
	position:absolute;
	bottom:-15px;
	right:0px;
}


.logo_box div{
	position:relative;
}


.logo_box div{
	cursor:pointer;
}

.logo_box div img{
	height:100%;
}

@media only all and (max-width: 950px) {
	.logo_box div{
		height:65px;
		margin: 0 15px;
	}
}

@media only all and (max-width: 700px) {
	.logo_box div{
		height:55px;
	}
}

@media only all and (max-width: 620px) {
	.logo_box div{
		margin-top:25px;
	}
}



.logo_box_selector.active img{
	position: relative;
	z-index:2;
}
.logo_box_selector.active::after{
	content: '';
	display: inline-block;
	position: absolute;
	z-index:1;
	left:50%;
	width: 1px;
	bottom: -50px;
	height: 55px;
	border-left: 1px solid #033b70;
}
@media only all and (max-width: 950px) {
	.logo_box_selector.active::after{
		bottom: -55px;
	}
}
@media only all and (max-width: 650px) {
	.logo_box_selector.active::after{
		height: 155px;
		bottom: -150px;
	}
}
.logo_box_selector.v2.active::after{
	border-left: none;
}


.tuev_bottom{
	position:absolute;
	right:0;
	top:-70px;
}

.marktfuehrer{
	position:absolute;
	right:0;
	top:220px;
}
@media only all and (max-width: 650px) {
	.marktfuehrer{
		position:relative;
		right:auto;
		margin:25px 0 0 25px;
		top:auto;
	}
}


.label_radio.r_on {
    background-position: 0px -18px;
}
.label_radio {
    background-position: 0px 0px;
    cursor: pointer;
}
.label_radio {
    background: transparent url(imgs/radio.png) no-repeat scroll 0px 0px;
    font-size: 13px;
    margin-left: -4px;
    padding: 1px 14px 1px 20px;
    height: 17px;
    display: inline-block;
}

.label_radio input {
    left: -9999px;
    position: absolute;
}

span.green{
	color:#229741;
	font-weight:600;
}

.konditionen{
	width:450px;
	max-width:100%;
}




.central_footer #footer{
	max-width:100%;
	box-sizing:border-box;
	padding:0 15px;
}

.central_form #formular4{
	max-width:100%;
	width:890px !important;
	position:relative;
}

.central_form .steps, .new_order .steps{
	position:absolute;
	top:0;
	right:10px;
}

.packshot_btn_placing{
	position:absolute;
	bottom:-8px;
	left:0;
}

.packshot_btn_placing2{
	position:absolute;
	top:50px;
	left:-20px;
}

.bubble_packshot{
	padding: 5px 21px;
	background: #f6dc51;
	display: inline-block;
	font-size: 20px;
	text-shadow: 0px 1px 1px #fff;
	border: 1px solid #fff;
	line-height: 1em;
	color: #262626;
	font-weight:600;
	border-radius:3px;
	box-shadow:0 1px 4px #ccc;
	font-family: "lato", arial;
	text-align:center;
}


.bubble_sale{
	padding: 22px 13px;
	background: #fed823;
	box-shadow:1px 1px 1px #fed722;
	border:2px solid #fff;
	border-radius: 100px;
	display: inline-block;
	font-size: 23px;	
	line-height: 1em;
	color: #000;
	font-weight:normal;
	font-family: "lato", arial;
	text-align:center;

}
.bubble_sale b{
	font-weight:900;
	font-size:30px;
}

.bubble_sale_placing{
position:absolute;
bottom:80px;
left:0px;
}

.relative_container {
position:relative; 
display:inline-block;
}



.star_savings {
    background: url(../imgs/stern.png);
	width:100px;
	height:100px;
    display: flex;
	align-items:center;
    font-size: 18px;
    line-height: 1em;
    color: #000;
    font-weight: normal;
    font-family: "lato", arial;
    text-align: center;
}

.star_savings p {
    text-align: center;
	width:100%;
}

.star_savings b{
    font-weight:900;
}


.star_placing{
	position:absolute;
	bottom:-5px;
	right:-10px;
}





	
.side-navi {
position:fixed;
top:300px;
padding:10px;
right:0px;
z-index:99;
border-right:1px solid #e0e0e0;
}

.side-navi a{
float:right;
font-size:15px;
clear:right;
padding:3px 8px 3px;
margin: 1px 0 1px 0;
color: #fff;
text-decoration:none;
background:#229741;
position:relative;
}

.side-navi a:hover{
text-decoration:underline;
}

.side-navi a.active{
font-weight:bold;
background:#9d1c28;
font-weight:bold;
}





.customlightbox-overlay{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
z-index:995;
}
.customlightbox{
/*position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -60%);
width:890px;
height:520px;
z-index:9999;*/
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 775px;
padding-bottom:20px;
z-index:999;
	
max-height:90%;
overflow:auto;
}
.customlightbox .customlightbox-close{
position: absolute;
cursor:pointer;
z-index:200;
top:5px;
right:5px;
}

@media only all and (max-height: 900px) {
	.customlightbox .customlightbox-close-text{
		display:none;
	}
}


.customtabs-container {
  position:relative;
}
.customtabs {
  height:55px;
}
.customtabs li {
  float: left;
  position:relative;
}
.customtabs a {
  padding:9px 10px 10px 40px;
  width:180px;
  height:55px;
  display:inline-block;
  
  font-family:lato;
  font-weight:600;
  color: #000;
  font-size:14px;
  
  border-left:1px solid #f0f0f0;
  position:relative;
  box-sizing:border-box;
  background: #f0f0f0;
  text-decoration: none;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}
.customtabs a:hover,
.customtabs a:hover::after,
.customtabs a:focus,
.customtabs a:focus::after {
  background: #fff;
}
.customtabs a:focus {
  outline: 0;
}
.customtabs a::after {
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -1em;  
  bottom: 0;
  width: 2em;
  background: #f0f0f0;
  box-shadow: 3px 3px 3px rgba(100,100,100,.4);
  transform: skew(25deg);
}
.customtabs .current a{
  border-left:1px solid #cacaca;
  background: #fff;  
  box-shadow: 3px -3px 3px rgba(100,100,100,.4);
  z-index: 3;
}
.customtabs .current a::after {
  background: #fff;  
  box-shadow: 3px -1px 3px rgba(100,100,100,.4);
  z-index: 3;
}
.customtabs-content {
  background: #f2f2f2;
  height: 525px;
  max-height:50%;
  position: relative;
  padding:1px;
  box-sizing:border-box;
  z-index: 2; 
  box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);

}
.customtabs-controls .customtabs-prev {
position:absolute;
top:50%;
left:5px;
z-index:100;
cursor:pointer;
}
.customtabs-controls .customtabs-next {
position:absolute;
top:50%;
right:5px;
z-index:100;
cursor:pointer;
}



.preview-scrollbox{
margin:auto;
margin-top:30px;
width:808px;
height:450px;
overflow-y:scroll;
background:#fff;
}

.no_underline {
text-decoration: none !important;
}

.Header-Selection {
display: inline-block;
white-space: nowrap;
margin-left: 10px;
}

.Header_Bild {
display: inline-block;
border-top: 1px #033d6d solid;
border-bottom: 1px #033d6d solid;
}

.Header_Text {
text-align: left;
max-width: 430px;
font-size: 12px;
border-top: 1px #033d6d solid;
border-bottom: 1px #033d6d solid;
border-right: 1px #033d6d solid;
background: #ffffff;
display: inline-block;
vertical-align: top;
min-height: 86px;
margin-left: -5px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
box-sizing: border-box;
white-space: normal;
}


@media (max-width: 700px) {
	.Header_Text {
	max-width: 300px;
	border-left: 1px #033d6d solid;
	margin-bottom: 5px;
	}
}

ul.green_check.inlineblock.no-margin li {
	margin-bottom:5px;
}

.green_check.inlineblock.no-margin {
	margin-bottom:10px;
}

.bubble_sale.rabatt::after {
	content:"Nur für kurze Zeit";
	display:block;
	height:23px;
	width:136px;
	background: #fed823;
	position:absolute;
	font-size:16px;
	left:-20px;
	top:72px;
	box-shadow:1px 1px 1px #fed722;
	font-family: "lato", arial;
	border:2px solid #fff;
}



.styled-radio {
	display:inline-block;
}

.styled-radio input[type='radio'] {
    opacity: 0;
    float: left;
    width: 18px;
}

.styled-radio input[type='radio'] + label{
  cursor:pointer;
  width:27px;
  height:27px;
  padding:5px 15px;
  display:block;
    background: url(../imgs/checkbox_big.jpg) center center no-repeat;
}
.styled-radio input[type='radio']:checked + label {   
    background: url(../imgs/checkbox_big_active.jpg) center center no-repeat;
}

table.functions tr td.active{
border-left:4px solid #95ae14 !important;
border-right:4px solid #95ae14 !important;
}
table.functions tr:first-child td.active{
border-top:3px solid #95ae14 !important;
}
table.functions tr:last-child td.active{
border-bottom:3px solid #95ae14 !important;
}

.darkgreen .styled-radio input[type='radio'] + label{
  cursor:pointer;
  width:27px;
  height:27px;
  padding:5px 15px;
  display:block;
  background: url(../imgs/checkbox_darkgreen.png) center center no-repeat;
}
.darkgreen .styled-radio input[type='radio']:checked + label {   
   background: url(../imgs/checkbox_darkgreen_checked.png) center center no-repeat;
}

.yellow .styled-radio input[type='radio'] + label{
  cursor:pointer;
  width:27px;
  height:27px;
  padding:5px 15px;
  display:block;
  background: url(../imgs/checkbox_yellow.png) center center no-repeat;
}
.yellow .styled-radio input[type='radio']:checked + label {   
   background: url(../imgs/checkbox_yellow_checked.png) center center no-repeat;
}

table.functions.darkgreen tr td.active{
border-left:4px solid rgb(15,88,52) !important;
border-right:4px solid rgb(15,88,52) !important;
}
table.functions.darkgreen tr:first-child td.active{
border-top:3px solid rgb(15,88,52) !important;
}
table.functions.darkgreen tr:last-child td.active{
border-bottom:3px solid rgb(15,88,52) !important;
}

table.functions.yellow tr td.active{
border-left:1px solid rgb(247,204,28) !important;
border-right:1px solid rgb(247,204,28) !important;
background-color:rgb(254,248,227);
}
table.functions.yellow tr:first-child td.active{
border-top:1px solid rgb(247,204,28) !important;
}
table.functions.yellow tr:last-child td.active{
border-bottom:1px solid rgb(247,204,28) !important;
}

.kurze_zeit {
	position:absolute;
	top:-55px; 
	left:-80px;
}


@media (max-width: 850px) {
	.kurze_zeit{
		top:-30px;
		left:50px;
	}
}

@media (max-width: 600px) {
	.kurze_zeit{
		top:-30px;
		left:20px;
	}
}

.ehem-packshot {
	margin-top:-25px;
}

@media (max-width: 850px) {
	.ehem-packshot{
		margin-top:0px;
		margin-bottom:-40px;
	}
}









	
.top-navi {
position:fixed;
background:#fff;
left:0px;
top:0px;
width:100%;
z-index:99;
border-bottom:1px solid #dddddd;
box-shadow: 0 0 1px #f3f3f3;
}

.top-navi .top-list {
float:right;
clear:right;
margin-top:20px;
}

.top-navi .top-list a{
float:left;
color:inherit;
text-decoration:none;
position:relative;
margin-left:20px;
}
.top-navi .top-list a:hover{
text-decoration:underline;
}

.top-navi .top-list a.active{
font-weight:bold;
}





.packshot_links {
	color:rgb(49,49,49);
	text-decoration:none;
}

.packshot_links:hover {
	text-decoration:underline;
}
/*
.packshot_textblock {
display:inline-block;
position:absolute;
background:rgba(255,255,255,0.96);
text-align:left;
z-index:2;
font-size: 17px;
font-family: 'lato', Arial;
line-height: 1.3em;
}
@media (max-width: 900px) {
	.packshot_textblock {
	font-size: 16px;
	z-index:5;
	padding:5px;
	}
}

.packshot_textblock1 {
top:115px;bottom:auto;
left:90px;right:auto;
}
@media (max-width: 1000px) {
	.packshot_textblock1 {
	top:115px;
	}
}
.packshot_textblock2 {
top:auto;bottom:211px;
left:54px;right:auto;
}
.packshot_textblock3 {
top:auto;bottom:60px;
left:40px;right:auto;
}
.packshot_textblock4 {
top:138px;bottom:auto;
left:auto;right:0;
}
@media (max-width: 1000px) {
	.packshot_textblock4 {
	top:87px;
	}
}
.packshot_textblock5 {
top:auto;bottom:199px;
left:auto;right:17px;
}
.packshot_textblock6 {
top:auto;
right:-25px; bottom:188px;
}
@media (max-width: 1000px) {
	.packshot_textblock6 {
	right:0px;
	bottom:180px;
	}
}
.packshot_textblock7 {
top:auto;bottom:44px;
left:auto;right:63px;
}

@media (max-width: 800px) {
	.packshot_textblock1,
	.packshot_textblock2,
	.packshot_textblock3{
	left:0px;
	}
	.packshot_textblock1::after,
	.packshot_textblock2::after,
	.packshot_textblock3::after{
	content:"";
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 10px;border-color: transparent transparent transparent rgba(255,255,255,0.96);
	right:-10px;
	top:46%;
	}
	.packshot_textblock4,
	.packshot_textblock5,
	.packshot_textblock6{
	right:0px;
	}
	.packshot_textblock4::after,
	.packshot_textblock5::after,
	.packshot_textblock6::after{
	content:"";
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 10px 7.5px 0;
	border-color: transparent rgba(255,255,255,0.96) transparent transparent;
	left:-10px;
	top:46%;
	}
	
	
	.packshot_textblock2{
	bottom:160px;
	}
	.packshot_textblock3{
	bottom:30px;
	}
	
}

.packshot_outer .line1{
position:absolute;
height:1px;
width:200px;
background:#000;
margin-top:12px;
margin-left:5px;
}
.packshot_outer .line2{
position:absolute;
height:1px;
width:200px;
background:#000;
margin-top:12px;
margin-left:-5px;
transform: translateX(-100%);
}

@media (max-width: 900px) {
	.packshot_outer .line1,
	.packshot_outer .line2{
	display:none;
	}
}
*/


.logos213 {
position:absolute;
top:-15px;
right:-288px;
}
@media (max-width: 950px) {
	.logos213 {
	position:static;
	display:block;
	margin:-30px 0 30px 20px;
	}
}



@media (max-width: 1000px) {
	.maxwidth_1000 {
	max-width:100%;
	}
}

.tuev_logo_oben {
	position:absolute;
	left:-220px;
	top:-25px;
}

@media (max-width: 880px) {
	.tuev_logo_oben {
	display:none;
	}
}

.red_under_button {
	color:#9d1c28;
	font-weight:bold;
	font-size:12px;
}

.cutom_submit {
	cursor:pointer !important;
}

.text_fixed_nav {
	font-weight:bold; 
	float:right;
	margin:18px 5px 0px 0px;
}
@media (max-width: 650px) {
	.text_fixed_nav {
		display:none;
	}
}

.countdown_fixed_nav {
	float:right;
	display:inline-block;
	font-size:25px;
	color:white;
	font-family:Lato, Verdana;
	vertical-align:top;
	background-image:url(../imgs/red_countdown.png);
	background-repeat:no-repeat;
	padding-left:3px;
	text-align:center;
	width:227px;
}

.countdown {
	float:left;
	position:relative;
	color:white;
	margin:3px 0px 0px 0px;
	width:56px;
}

.countdown_label {
	color:white;
	margin-top:18px;
	float:left;
	font-size:14px;
	line-height:1.1em;
	width:56px;
	font-family:Verdana, Arial;
	text-align:center;
}

.countdown_label.zwei {
	margin: 4px 0px 4px 0px
}

.header.v2 {
	position:fixed;
	width:100%;
	box-sizing:border-box;
	border-bottom: 1px solid #dddcd8;
	background:#f1f1f1;
	z-index:99;
	padding:0px;
}

.achtung_plus_box {
	max-width:400px; 
	border:4px solid #fff; 
	background:#fdf1aa; 
	box-shadow: 0px 0px 1px #cccccc;
	border-radius:1px;
	box-sizing:border-box; 
	margin: 0 0 20px -5px;
	padding:10px; 
	position:relative;
}

.green_i{
	vertical-align:-1px;
}

.content_lightbox {
	width:600px;
}


@media (max-width: 880px) {
	.hide_880px {
	display:none;
	}
}

.wm_bild {
	background-image:url(imgs/wm_banner.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:289px;
}

.transparent_bg {
	background-color:rgba(255,255,255,0.9);
	display:inline-block;
	height:289px;
	padding:23px 13px 0px 25px;
	position:relative;
	box-sizing:border-box;
}

.fussball {
	position:absolute;
	top:20px;
	right:-80px;
}

.mark2 {
	background:#fed823;
	padding:0px 2px;
}

table.functions.darkgreen{
	border-collapse:collapse;
	border-spacing:0px;
}
.functions.darkgreen tr td:first-child{
	padding-left:60px;
	padding-right:15px;
}
.functions.darkgreen td{
	border-left:1px solid rgb(197,197,197);
	border-bottom:1px solid rgb(197,197,197);
	border-top:1px solid rgb(197,197,197);
	vertical-align:middle;
}

.functions.darkgreen tr td:last-child {
	border-right:1px solid rgb(197,197,197);
}

table.functions.darkgreen {
	position:relative;
}
table.functions.darkgreen tr.price td {
	font-size:140%;
}
table.functions.darkgreen tr.price td.v2 {
	font-size:113%;
}
table.functions.darkgreen tr.price td.v2.border-left {
	border-left: 1px solid rgb(197,197,197);
}

.tbl_btn.green {
	background:rgb(15,88,52) !important;
	border-radius:8px;
	color:#fff !important;
	font-size:18px !important;
}

.tbl_btn.yellow {
	background:url(../imgs/table_btn.png) no-repeat !important;
	margin:auto;
	width:124px;
	height:45px;
	color:rgb(17,66,132) !important;
	font-weight:bold !important;
	font-size:17px !important;
}

.black.table {
	font-family:Lato, Verdana;
	font-size:21px;
}


.nounderline{text-decoration:none;}
.nounderline:hover{text-decoration:none;}


.grey_bg {
	background-color:rgb(242,242,242);
}

.hl1 {
	text-align:center;
	font-size:43px;
}

.sub_hl {
	color:black;
	font-family:Lato, Arial;
	font-weight:normal;
	text-align:center;
	font-size:20px;
	line-height:1.2em;
}

.services {
	background: #ffffff;
	padding: 30px 0px;
}

.services img {
	margin:0px 7px;
}

.hl2 {
	font-family:Lato, Arial;
	font-weight:normal;
	text-align:center;
	font-size:34px;
}
.hl2_sub {
	color:black;
	font-size:27px;
	text-align:left;
	text-decoration:none;
}

.small_sub_hl {
	color:black;
	font-weight:normal;
	text-align:center;
	font-size:20px;
}

.yellow_mark {
	background-image:url(../imgs/yellow_mark.png);
	background-repeat:no-repeat;
	background-position:1px 8px;
	padding-left:16px;
}
.yellow_mark2 {
	background-image:url(../imgs/yellow_mark_small.png);
	background-repeat:no-repeat;
	background-position:-2px -3px;
	padding-left:3px;
	padding-right:25px;
}

.yellow_mark3 {
	background: #ffea3d;
}

.green_text {
	color:rgb(17,98,58);
}

.weisse_absaetze {
	position: relative;
	background-color: white;
	border-radius: 5px;
	border: 1px solid rgb(229,229,229);
	padding: 30px 0px 25px 50px;
}

.text_outer {	
	width:470px;
	max-width:100%;
	float:right;
}

.text_outer.broad {	
	width:500px;
	max-width:100%;
}



	
.blue_hl_bg {
	display: inline-block;
	background-color: rgb(17,66,132);
	width: 100%;
	border-radius:0px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;	
}
.blue_hl_bg h4 {
	font-family:Lato, Arial;
	color:white;
	font-weight:normal;
	font-size:26px;
	padding:10px 0px 10px 27px;
}

ul.green_checks li {
	background-image:url(../imgs/darkgreen_check.png);
	background-repeat:no-repeat;
	padding:13px 0px 0px 23px;
	background-position:0px 16px;
}

ul.green_checks.table li {
	padding:7px 0px 0px 23px;
	background-position:0px 10px;
	width:350px;
	margin:auto;
}

.grey_box_automatisierung {
	position:relative;
	background-color:rgb(242,242,242);
	border:1px solid rgb(216,216,216);
	border-radius:5px;
	padding:10px 10px 10px 40px;
	font-size: 15px;
	box-sizing: border-box;
	width: 441px;
}

.zahnrad {
	position:absolute;
	top:10px;
	left:10px;
}

.siegel_rechts {
	position:absolute;
	right:-42px;
	top:7px;
}
@media (max-width: 1000px) {
	.siegel_rechts {
		right:0px;
	}
}

.lupe {
	position:absolute;
	left:0px;
	bottom:-2px;
}

.beispiele_vorschau {
	position:absolute;
	bottom:-5px;
	right:11px;
    font-size: 13px;
    text-decoration: underline;
}

.blue_box {
	background-color:rgb(226,233,242);
	border:1px solid rgb(229,229,229);
	border-radius:5px;
	padding:0px 15px;
}

.blue_box_inner {
	display:inline-block;
	background-color:#fff;
	border:1px solid rgb(229,229,229);
	border-radius:5px;
	overflow:hidden;
	box-sizing:border-box;
	padding:0px 15px 0px 20px;
	text-align:left;
}

ul.bulletpoints {
	padding-left:22px;
}
ul.bulletpoints li {
	list-style-type:disc;
	padding-left:0px;
}

.grey_bg.funktionen {
	border-radius:5px;
}

.block_funktionen {
	 display:inline-block; 
	 vertical-align:top;
	 padding-left:45px;
	 width:34%;
}

.ueberschriften {
	 background-color:rgb(235,235,235);
	 border-top-left-radius:5px;
	 border-top-right-radius:5px;
	 padding:10px 0px;
}

.block_funktionen ul.bulletpoints li {
	padding:2px 0px;
}

.grey_boxes {
	background-color:rgb(246,246,246);
	border-radius:5px;
	border:1px solid rgb(235,235,235);
	padding:15px 35px 15px 35px;
}

.link_style {
	color:#0000ff;
	text-decoration:underline;
	cursor:pointer;
}

.no_link {
	text-decoration:none;
	color:black;
}

.testi_quote.grey_version {
	 background-image:none;
	 background-color:rgb(235,235,235); 
	 border-radius:8px;
	 width:460px;
	 max-width:100%;
	 padding:35px 30px 45px 30px;
	 margin-left:20px;
}

.quotation_grey_outer {
	position:absolute;
	background-color:rgb(242,242,242);
	border-radius:100%;
	width:60px;
	height:60px;
	display:inline-block;
}
.quotation_grey_outer.one {
	 bottom:-15px;
	 left:-18px;
}
.quotation_grey_outer.two {
	 top:-15px;
	 right:-18px;
}
@media (max-width: 950px) {
	.quotation_grey_outer.two {
		right:-1px;
	}
}

.quotation_grey {
	 position:absolute;
	 top: 50%; 
	 left: 50%; 
	 transform: translate(-50%, -50%);
}


.logo_box  div{
	margin:0 16px;
	display:inline-block;
}


.logo_box  div:last-child{
	margin-right:0 !important;
}

.logo_box  div:first-child{
	margin-left:0 !important;
}

.logo_box_table {
	width:690px;
	max-width:100%;
	background-color:rgb(235,235,235);
	margin:auto;
	border-radius:8px;
}
@media (max-width: 690px) {
	.logo_box_table {
		width:auto;
	}
}
.logo_box_table.smaller {
	width:507px;
	max-width:100%;
}
@media (max-width: 507px) {
	.logo_box_table.smaller {
		width:auto;
	}
}

.logo_box_table tr td {
	border-radius:8px;
	min-width:145px;
}

.bubble_text_div {
	position:relative;
}

.bubble_inner_text {
	 display:inline-block;
	 vertical-align:middle;
	 padding:20px 30px 20px 0px;
}

.siegel_pfeil {
	display:inline-block;
}

.siegel_pfeil::after {
	content:url(imgs/bubble_pfeil.png);
	height:30px;
	width:30px;
	position:absolute;
	display:none;
}
.siegel_pfeil.active::after {
	content:url(imgs/bubble_pfeil.png);
	height:30px;
	width:30px;
	position:absolute;
	display:block;
}
#logo_1_siegel::after {
	right:8px;
}
#logo_2_siegel::after {
	right:30px;
}
#logo_3_siegel::after {
	-webkit-transform: scaleX(-1);
    transform: scaleX(-1);
	right:72px;
}
#logo_4_siegel::after {
	-webkit-transform: scaleX(-1);
    transform: scaleX(-1);
	right:116px;
}
#logo_5_siegel::after {
	-webkit-transform: scaleX(-1);
    transform: scaleX(-1);
	right:96px;
}


@media (max-width: 800px) {
	#logo_6_siegel::after,
	#logo_5_siegel::after,
	#logo_4_siegel::after,
	#logo_3_siegel::after,
	#logo_2_siegel::after,
	#logo_1_siegel::after{
		display:none;
		
	}
}

.logo_box.smaller #logo_1_siegel.active::after {
	content:url(imgs/bubble_pfeil_rechts.png);
	right:-80px;
	-webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.logo_box.smaller #logo_2_siegel::after {
	right:30px;
}
.logo_box.smaller #logo_3_siegel::after {
	-webkit-transform: scaleX(-1);
    transform: scaleX(-1);
	right:72px;
}
.logo_box.smaller #logo_4_siegel.active::after {
	content:url(imgs/bubble_pfeil_rechts.png);
	-webkit-transform: none;
	transform:none;
	right:175px;
}
.logo_box.smaller #logo_5_siegel::after {
	-webkit-transform: none;
    transform: none;
	right:20px;
}

.logo_box.smaller #logo_6_siegel::after {
	-webkit-transform: scaleX(-1);
	right:40px;
}


@media (max-width: 800px) {
	.logo_box.smaller #logo_6_siegel::after,
	.logo_box.smaller #logo_5_siegel::after,
	.logo_box.smaller #logo_4_siegel::after,
	.logo_box.smaller #logo_3_siegel::after,
	.logo_box.smaller #logo_2_siegel::after,
	.logo_box.smaller #logo_1_siegel::after{
		display:none;
		
	}
}
	
.index2#logo_5_siegel::after {
	-webkit-transform: scaleX(-1);
    transform: scaleX(1);
	right:72px;
}

.bubble_text_div img {
	vertical-align:middle;
}

.stoppschild_text {
	position:absolute;
	top:102px;
	left:18px;
}

.stoppschild_text p {
	font-family:Lato,Arial;
	font-size:21px;
	font-weight:normal;
	line-height:1.1em;
}

.yellow_stopp {
	background-image:url('imgs/yellow_stopp.png');
	background-repeat:no-repeat;
	padding:0px 12px 0px 7px;
	font-size:30px;
	background-position:0px 3px;
	margin-left:-9px;
}

.siegel_header img {
	margin-left:17px;
	margin-right:17px;
}

.bubble_endlich {
	position:absolute;
	top:65px;
	left:0px;
}

.customlightbox {
	background-color:white;
	padding:50px 30px 0px 30px;
}

.vat {
	vertical-align:top;
}

.overlay_left {
	 vertical-align:top;
	 display:inline-block;
	 width:308px;
	 max-width:50%;
}

.overlay_right {
	vertical-align:top;
	float:right;
	display:inline-block;
	width:350px;
	max-width:50%;
}

.briefmarken_preis {
	position:relative;
	display:inline-block;
	margin:0px 5px;
}

.preisbox {
	font-family:Lato,Arial;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}

.video_start_letter, .video_image_letter {
	cursor:pointer;
}

.overlay_mehr_headline {
    color: black;
    font-family: Lato, Arial;
    font-weight: bold;
    font-size: 21px;
}

.img_header_div {
	display: inline-block;
	position: relative;
}

.i_icon_in_img {
	position: absolute;
	bottom: 2px;
	right: 2px;
}


.fixed_navi2{
	position:fixed;
	right:0;
	margin-top:140px;
	font-family:verdana;
	z-index:6;
}

@media screen and (max-height: 700px) {
	.fixed_navi2{
		margin-top:10px;
	}
}



.fixed_navi2 ul{
	text-align:left;
}
.fixed_navi2 ul li p{
	background: #2b6ec1; /* Old browsers */
	border:1px solid #fff;
	color:#dcdcdc;
	font-size:13px;
	padding:5px 8px 8px 8px;
	line-height:14px;
	cursor:pointer;
	margin-top:-1px;
	width:120px;
	float:right;
	clear:right;
}
.fixed_navi2 ul li p.active{
	font-weight:bold;
	text-decoration:underline;
}
.fixed_navi2 ul li.category{
	background: #114284; 
	font-size:14px;
	font-weight:normal;
	color:#fff;
	border:1px solid #fff;
	float:right;
	clear:right;
	text-align:center;
	min-width:120px;
	margin:3px 0 1px 0;
}
.fixed_navi2 ul li.category a{
	color:#fff;
	text-decoration:none;
	padding:5px 15px 6px 15px;
	display:block;
	min-width:120px;
}
.fixed_navi2 ul li.category.yellow{
	background: #fde01b; 
	border:1px solid #cccccc;
}
.fixed_navi2 ul li.category.yellow a{
	color:#114284;
	text-decoration:none;
	font-weight:bold;
	text-shadow: 0px 0px 0px #fff;
}
.fixed_navi2 ul li.category.active{
	background: #114284; 
	font-size:14px;
	font-weight:normal;
	color:#fff;
	border:1px solid #fff;
	float:right;
	clear:right;
	text-align:center;
	min-width:120px;
	margin:3px 0 1px 0;
}
.fixed_navi2 ul li.cat{
 display:none;
}

a.anker {
	text-decoration: none;
	cursor: default;
}

.overlay_mehr_div {
	margin-bottom: 10px;
}

.padding_left_table_plus_0 {
	padding-left: 57px !important;
}


.padding_left_table_plus_1 {
	padding-left: 55px !important;
}

.padding_left_table_plus_2 {
	padding-left: 50px !important;
}

.padding_left_table_plus_3 {
	padding-left: 52px !important;
}

.padding_left_table_plus_4 {
	padding-left: 53px !important;
}

.padding_left_table_plus_5 {
	padding-left: 50px !important;
}

.more2 {
	width: 535px;
	max-width:100%;
}

.no_link {
	color:black;
	text-decoration:none;
}

.blue_box_inner.v-mehr {
	width: 49.5%;
    padding: 0px 20px;
	padding-bottom: 20px;
	margin-top: -1px;
}

img.zoom {
 transition: transform 0.3s;
 -moz-transition: transform 0.3s;
 -webkit-transition: transform 0.3s;
 -o-transition: transform 0.3s;
 -ms-transition: transform 0.3s;
 height:85px;
}
img.zoom:hover {
 cursor: zoom-in; 
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(1.5, 1.5);
 -moz-transform: scale(1.5, 1.5);
 -webkit-transform: scale(1.5, 1.5);
 -o-transform: scale(1.5, 1.5);
 -ms-transform: scale(1.5, 1.5);
position:relative;
z-index:10;
}

.img_vorschau {
	max-width: 80%;
	max-height: 90%;
}

.customlightbox.vorschau {
	max-width: 95%;
	width: 800px;
	height: 700px;
	max-height: 95%;
	box-sizing: border-box;
    text-align: center !important;
}

.ecommerce_box {
	background: #e2e9f2;
	border: 1px solid #e5e5e5;
	padding:10px;
	width: 465px;
	margin: auto;
	padding-bottom: 5px;
    max-height: 800px;
    overflow: scroll;
}

.white_box_ecommerce {
	background: #ffffff;
	border: 1px solid #e5e5e5;
	margin-bottom: 7px;
	padding: 15px 10px 20px 10px;
	width: 200px;
	min-height: 160px;
}

.white_box_ecommerce .div_img {
	text-align: center;
	height: 110px;
}

.white_box_ecommerce .div_text {
	
}
.white_box_ecommerce .div_text .more {
	margin-top: 20px;
}

.arrow_green_down {
	margin-top: 2px;
	margin-bottom: -2px;
	margin-right: 10px;
}

.bigcat.active {
    font-weight: bold !important;
    padding: 3px 3px !important;
}
.bigcat.yellow.active {
    background: #fde01b !important;
}






.simple_tab_select{
	background: #ffffff;
	padding: 20px 10px;
	border-top: 1px solid rgb(229,229,229);
	border-left: 1px solid rgb(229,229,229);
	border-right: 1px solid rgb(229,229,229);
	display: inline-block;
	margin-right: 0px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	margin-bottom: -2px;
	margin-right:10px;
	cursor: pointer;
	min-width: 80px;	
	text-align:center;
	color:#797979;
	vertical-align:bottom;
	
	font-family: Lato, Arial;
	font-weight:bold;
	box-shadow: inset 0 0 6px #eaeaea;
}
.simple_tab_select.longer{
	min-width: 125px;	
}
.simple_tab_select.two-lines{
	padding: 10px 10px;
}  
	
	

.simple_tab_select.active {
	padding: 24px 35px;
	background: #fff;
	position: relative;
	z-index: 2;
	vertical-align: 5px;
	font-size:20px;
	color:#033b70;		
	line-height: 1.3em;
    box-shadow: 0px -2px 3px #e6e6e6;
}
.simple_tab_select.two-lines.active {
	padding: 14px 35px;
}

.simple_tab_select.active span{		
	background-image: url(../imgs/yellow_mark_small.png);
	background-size:100% 100%;
	padding: 2px 10px;
}

	
	

.simple_tabs_content{
	display:none;	
}
.simple_tabs_content.active{
	display:block;
	
}



.button_outer_div {
	display: inline-block;
	padding-top: 13px;
}



.countdown_green{
background: url(../imgs/countdown_background.png);
width: 200px;
height: 88px;
padding:1px;
}
.countdown_green.v2 {
	background: url(../imgs/Countdown_neu.png);
	background-repeat: no-repeat;
	width: 272px;
	height: 98px;
	position: relative;
}
.countdown_green .countdown_labels{
	text-align:center;
	margin:10px 0 0 0;
	width:100%;    
	font-size: 29px;
	line-height:1.3em;
	font-weight:bold;
	color:#fff;
	font-family: 'lato', Arial;
}

.countdown_green.v2 .p_Tage {
	position: absolute;
	top: 5px;
	left: 105px;
	font-size: 14px;
	color: #095023;
	margin-left: 0px;
}

.countdown_green .countdown_labels span {
	position: relative;
}

.countdown_green .countdown_labels span::after {
	content: "";
	background: #aaafb7;
	opacity: 0.6;
	height: 1px;
	width: 43px;
	position: absolute;
	top: 50%;
	left: -5px;
}

.countdown_green .countdown_labels span.counter_secs::after {
	left: -4px;
}

.countdown_green.v2 .text_rabatt {
	position: absolute;
	top: 27px;
	left: 6px;
	font-size: 19px;
	font-family: Lato;
	width: 80px;
	color: #000000;
	text-shadow: 0px 1px #ffffff;
	margin-left: 0px;
	line-height: 1.2em;
}

.countdown_green.v2 .text_rabatt .number {
	font-size: 35px;
	font-weight: 1000;
}

.countdown_green.v2 .text_rabatt .number .space {
	display: inline-block;
	width: 3px;
}

.countdown_green_v2_div_bottom {
	position:absolute;
	left: 0px;
}

.bottom_nav {
	display:inline-block;
	position:fixed;
	right:0;
	margin-bottom:100px;
	font-family:verdana;
	bottom:0px;
	z-index:10;
}
.bottom_nav {
	text-align:left;
}
.bottom_nav ul li {
	background:#114284;
	font-size:14px;
	font-weight:normal;
	color:#fff;
	padding:5px 15px 6px 15px;
	border: 1px solid #fff;
	float:right;
	clear:right;
	text-align:center;
	min-width:120px;
	margin:3px 0 1px 0;
}

.outer_icons {
	display:inline-block;
	width:36px;
	text-align:center;
	vertical-align:middle;
}

.yellow_box {
	position:absolute;
	background-image:url(../imgs/yellow_box.png);
	background-repeat:no-repeat;
	height:70px;
	width:307px;
	top:-193px;
	left:-5px;
	text-align:left;
	color:rgb(17,66,132);
	font-size:15px;
	padding:12px 0px 0px 25px;
}

.div_imgs_testis {
	text-align: center;
}

.div_imgs_testis img {
	border: 1px solid #b8b8b8;
	border-radius: 6px;
	margin: 0px 2px;
	vertical-align: middle;
	cursor:pointer;
}

.div_imgs_testis img.active {
	border: 5px solid #97a8c4;
	border-radius: 11px;
}

.text_marker_yellow {
	background: #fae862;
}



.bg_oben {
	background-image:url(imgs/header_mann.jpg);
	height:385px;
	background-position:center bottom;
}

.bg_oben.v2 {
	background-image:url(imgs/header_reifen_mann.jpg);
	height:399px;
}

.bg_oben.shopping {
	background-image:url(imgs/shopping_bg_oben.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:354px;
	background-color:transparent;
	position:relative;
}

.shopping_left_bg {
	background-color:rgb(250,250,250);
	width:50%;
	position:absolute;
	left:0px;
	height:354px;
}

.shopping_right_bg {
	background-color:rgb(246,246,246);
	width:50%;
	position:absolute;
	right:0px;
	height:354px;
}

.transparent_header {
	background-color:#fff;
	height:50px;
	position:relative;
	box-shadow:1px 2px 14px grey;
	z-index:5;
	width:100%;
}

.wawi_sprechblase {
	position:absolute;
	right:85px;
	top:15px;
}
.wawi_sprechblase2 {
	position:absolute;
	right: 71px;
	top:15px;
}
@media (max-width: 900px) {
	.wawi_sprechblase2,
	.wawi_sprechblase {
		right:0px;
	}
}
@media (max-width: 800px) {
	.wawi_sprechblase2,
	.wawi_sprechblase {
		top:145px;
	}
}

.lfo_sprechblase {
	position:absolute;
	right:-26px;
	top:143px;
}
@media (max-width: 900px) {
	.lfo_sprechblase {
		right:0px;
	}
}
@media (max-width: 800px) {
	.lfo_sprechblase {
		top:145px;
	}
}

.siegel_bg_oben {
	display:inline-block;
	position:absolute;
	bottom:0px;
}
@media (max-width: 850px) {
	.siegel_bg_oben {
		display:none;
	}
}
.siegel_bg_oben img {
	margin:3px;
}

.outer_icons {
	display:inline-block;
	width:36px;
	text-align:center;
	vertical-align:middle;
}

.img_produkt {
	max-width:100%;
}

.packshot_oben_outer {
    display: inline-block;
    z-index: 4;
    position: relative;
}

.packshot_oben_outer.v2 {
	padding-right: 50px;
}

.packshot_textblock {
display:inline-block;
position:absolute;
background:rgb(242,242,242);
text-align:left;
z-index:2;
font-size: 17px;
font-family: 'lato', Arial;
line-height: 1.3em;
font-weight:normal;
border-radius:4px;
border:1px solid rgb(230,230,230);
box-sizing:border-box;
/*height:59px;*/
width:230px;
padding:10px;
}
@media (max-width: 900px) {
	.packshot_textblock {
	font-size: 16px;
	z-index:5;
	padding:5px;
	}
}

/*packshot_textblock {
    display: inline-block;
    position: absolute;
    background: rgb(242,242,242);
    text-align: left;
    z-index: 2;
    font-size: 17px;
    font-family: 'lato', Arial;
    line-height: 1.3em;
    font-weight: normal;
    border-radius: 4px;
    border: 1px solid rgb(230,230,230);
    box-sizing: border-box;
    height: 59px;
    width: 230px;
}*/

.packshot_textblock.links {
	padding: 8px 0px 8px 22px;
}

.packshot_textblock.links.v2 {
	left: 58px;
}
@media only all and (max-width: 850px) {
	.packshot_textblock.links.v2 {
		left: auto;
	}
}

.packshot_textblock.rechts {
	padding:8px 0px 8px 30px;
}

.packshot_textblock.rechts.v2 {
	right: 50px;
}
@media only all and (max-width: 850px) {
	.packshot_textblock.rechts.v2 {
		right: -52px;
	}
}

.packshot_textblock1 {
	top:153px;
	left:6px;
	transform:translateX(-100%);
}
@media only all and (max-width: 850px) {
	.packshot_textblock1 {
		bottom:-160px;
		top:auto;
		left:auto;
	}
}
.packshot_textblock2 {
	top:240px;
	left:6px;
	transform:translateX(-100%);
}
@media only all and (max-width: 850px) {
	.packshot_textblock2 {
		bottom:-235px;
		top:auto;
		left:auto;
	}
}
.packshot_textblock3 {
	top:327px;
	left:6px;
	transform:translateX(-100%);
}
@media only all and (max-width: 850px) {
	.packshot_textblock3 {
		bottom:-310px;
		top:auto;
		left:auto;
	}
}
.packshot_textblock4 {
	top:153px;
	right:6px;
	transform:translateX(100%);
}
@media only all and (max-width: 850px) {
	.packshot_textblock4 {
		bottom:-160px;
		top:auto;
		right:-52px;
		transform:initial;
	}
}
.packshot_textblock5 {
	top:240px;
	right:6px;
	transform:translateX(100%);
}
@media only all and (max-width: 850px) {
	.packshot_textblock5 {
		bottom:-235px;
		top:auto;
		right:-52px;
		transform:initial;
	}
}
.packshot_textblock6 {
	top:327px;
	right:6px;
	transform:translateX(100%);
}
@media only all and (max-width: 850px) {
	.packshot_textblock6 {
		bottom:-310px;
		top:auto;
		right:-52px;
		transform:initial;
	}
}

.packshot_outer{
	position:relative;
}
@media only all and (max-width: 850px) {
	.packshot_outer{
		text-align:center;
	}
}

.packshot_outer .line1{
position:absolute;
height:1px;
width:200px;
background:#000;
margin-top:12px;
margin-left:5px;
}
.packshot_outer .line2{
position:absolute;
height:1px;
width:200px;
background:#000;
margin-top:12px;
margin-left:-5px;
transform: translateX(-100%);
}

@media (max-width: 900px) {
	.packshot_outer .line1,
	.packshot_outer .line2{
	display:none;
	}
}

.tbl_versionfinder td {
padding:20px;
box-sizing:border-box;
vertical-align:top;
vertical-align:middle;
background:#e9e9e9;
}
.tbl_versionfinder tr td:nth-child(1) {
width:240px;
vertical-align:top;
}
.tbl_versionfinder tr td:nth-child(2) {
width:240px;
}
.tbl_versionfinder tr td:nth-child(3) {
width:240px;
}
.tbl_versionfinder tr td.padding_left {
	padding-left: 100px;
}
.tbl_versionfinder tr td.first_row {
	padding-top: 32px;
}
.tbl_versionfinder td p{
vertical-align:midde;
}


@media only all and (max-width: 700px) {
	.tbl_versionfinder tr td{
	padding:5px;
	}
	.tbl_versionfinder tr td:nth-child(1){
	width:auto;
	padding:10px;
	}
}

.hl5{
font-family: "lato", arial;
font-weight:100;
color:#06325a;
font-size:25px;
line-height:1.2em;
}
.hl5 b{
font-weight:900;
}

@media only all and (max-width: 800px) {
	.hl5{
		font-size: 20px;
	}
}


.styled-checkbox {
	display:inline-block;
	margin-right:8px;
}

.styled-checkbox input[type='radio'] {
    opacity: 0;
    float: left;
    width: 18px;
}

.styled-checkbox input[type='radio'] + label{

  cursor:pointer;
  width:59px;
  height:59px;
  box-sizing:border-box;
  border:1px solid #626262;
  display:block;
  background:#ffffff no-repeat center center;
}
.styled-checkbox input[type='radio']:checked + label {   
    background-image: url(../imgs/check.png);
}

.styled-radio {
	display:inline-block;
}

.styled-radio input[type='radio'] {
    opacity: 0;
    float: left;
    width: 18px;
}

.styled-radio input[type='radio'] + label{
  cursor:pointer;
  width:27px;
  height:27px;
  padding:5px 15px;
  display:block;
    background: url(../imgs/checkbox_big.jpg) center center no-repeat;
}
.styled-radio input[type='radio']:checked + label {   
    background: url(../imgs/checkbox_big_active.jpg) center center no-repeat;
}

.table_img_green {
	position: absolute;
	top: 25px;
	left: 25px;
}
@media only all and (max-width: 700px) {
	.table_img_green {
		display: none;
	}
}

.bolder{font-weight:900;}

ul.simple li {
background-image: none;
margin:3px 0;
padding:0 0 0 12px;
}
ul.simple li::before {
content: "- ";
margin-left:-10px;
position:absolute;
}

.img_right {
	float:right;
	width:120px;
	margin-left:20px;
}

.lupe_small {
	float:right;
	margin-right:20px;
}

.more_tabs {
	color:rgb(0,79,209);
	position:absolute; right:3px;
	margin-top:-54px;
	cursor:pointer;
}

.siegel_grey_box {
	float:right;
	display:inline-block;
}
@media only all and (max-width: 825px) {
	.siegel_grey_box {
		float:none;
		display:block;
		width: 350px;
		margin: auto;
	}
}

.text_grey_box {
	display: inline-block;
}
@media only all and (max-width: 825px) {
	.text_grey_box {
		display:block;
		width: 376px;
		margin: auto;
		margin-top: 10px;
	}
}

#header_wide{
background:#dedede;
width:100%;
border-bottom: 4px solid #9d1c28;
height:70px;
position:fixed;
z-index:50;
}


 #header_wide.header_trans{
border:none;
height:43px;
background:rgba(255,255,255,0.9);
box-shadow:1px 2px 14px #808080c9;
}

 #header_wide.header_trans ul.arrow_menu li {
 background:none;
 padding:1px 15px;
 }

 #header_wide.header_trans ul.arrow_menu li.active {
 background:#9d1c28;
 }



#header_wide .inner_wide{
width:898px;
height:70px;
margin:auto;
}


.body-2016 #header_wide{
height:auto;
}

.body-2016 #header_wide .inner_wide{
width:898px;
max-width:98%;
min-width:320px;
height:auto;
margin:auto;
}


#header_wide ul.arrow_menu li {
float:left;
margin:0px;
padding:1px 15px 1px 10px;
background: url(../img/bg_li.png) no-repeat right center;
font-size:14px;
font-family:verdana;
line-height: 21px;
}
#header_wide ul.arrow_menu li a{
color:#000;
}
#header_wide ul.arrow_menu li:last-child {
background:none;
}
#header_wide ul.arrow_menu li.active {
background: url(../img/bg_li_active.png) no-repeat right center #9d1c28;
}
#header_wide ul.arrow_menu li.active a{
color:#fff;
}
#header_wide ul.arrow_menu li.no_bg {
background: none;
}

@media only all and (max-width: 1000px) {
	#header_wide {
		display:none !important;
	}
}

#header_wide ul.arrow_menu li.no_bg {
	background:none !important;
}

#header_wide ul.arrow_menu li.no_bg.active a {
	color:#000;
}

.lato {
	font-family:Lato, Arial;
	font-weight:normal;
}

.img_mark {
	background-image:url(../imgs/img_mark.png);
	background-repeat:no-repeat;
	padding:0px 15px 0px 4px;
	background-position:-1px 4px;
}

.packshot_text {
	display:inline-block;
	float:right;
	width:385px;
	max-width:100%;
}

@media only all and (max-width: 850px) {
	.packshot_text {
		float:none;
		text-align:left;
		display:block;
		margin:auto;
	}
}

.handfont_wechseln {
	position:absolute;
	top:-142px;
	left:-40px;
}
@media only all and (max-width: 1000px) {
	.handfont_wechseln {
		display:none;
	}
}

.countdown_green {
	background: url(../imgs/countdown_background.png);
    width: 200px;
    height: 88px;
    padding: 1px;
}

.countdown_green .countdown_labels {
    text-align: center;
    margin: 10px 0 0 0;
    width: 100%;
    font-size: 29px;
    line-height: 1.3em;
    font-weight: bold;
    color: #fff;
    font-family: 'lato', Arial;
}

.Button_text_rechts {
	position: absolute;
	top: 21px;
	right: -98px;
	text-align: left;
}

.button_div .button_gratis_testen.v2 {
    margin-bottom: -6px;
}

.streichpreis {
	font-family:Lato, Arial;
	font-size:17px;
}

.rabatttext {
	font-size:16px;
}

.div_img_central {
	display:inline-block;
}
@media only all and (max-width: 825px) {
	.div_img_central {
		width: 229px;
		margin: auto;
		display: block;
		margin-top: 20px;
	}
}

.div_img_central_2 {
	display:inline-block;
}
@media only all and (max-width: 900px) {
	.div_img_central_2 {
		width: 290px;
		margin: auto;
		display: block;
		margin-top: 20px;
	}
}

.div_img_central_3 {
	display:inline-block;
}
@media only all and (max-width: 850px) {
	.div_img_central_3 {
		width: 290px;
		margin: auto;
		display: block;
		margin-top: 20px;
	}
}

@media only all and (max-width: 825px) {
	.more2.grey_more {
		width: 376px;
		margin: auto;
	}
}

.smaller_tabs {
	width:100%;
	height:95px;
	position:relative;
	box-sizing:border-box;
	margin-bottom:0;
}

.smaller_tabs .inner {
	width:auto;
	white-space:nowrap;
	display:inline-block;
	padding:0px 35px;
}

.resp_prev {
	position:absolute;
	top:15px;
	left:0px;
	z-index:10;
	background-color:rgb(242,242,242);
	padding:0px 0px 15px 0px;
	cursor:pointer;
}

.resp_next {
	position:absolute;
	top:15px;
	right:-5px;
	z-index:11;
	background-color:rgb(242,242,242);
	padding:6px 6px 15px 0px;
	cursor:pointer;
}
.resp_next.mehr {
	background-color:transparent;
	padding:0px;
	top:0px;
	right:0px;
}


.smaller_tabs .simple_tab_select {
	
}	

@media (max-width: 900px) {
	.simple_tabs_content .text_outer.broad {
		margin:auto;
		float:none;
	}
	.smaller_tabs .simple_tab_select {
		margin-right:0px;
	}
	.simple_tab_select.active {
		padding:24px 7px;
	}
	.simple_tab_select.longer {
		min-width:auto;
	}
}

.tab_slides {
	display:none;
}
.tab_slides.active {
	display:block;
}


/* Start Custom Scrollbar */
.scrollable {
  position: relative;
}

.scrollable:focus {
  outline: 0;
}

.scrollable .viewport {
  position: relative;
  overflow: hidden;
}

.scrollable .viewport .overview {
  position: absolute;
}

.scrollable .scroll-bar {
  display: none;
}

.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 0;
  height: 100%;
}

.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%;
  margin-top:-20px;
  height:20px;
}

.scrollable .scroll-bar .thumb {
  position: absolute;
}

.scrollable .scroll-bar.vertical .thumb {
  width: 100%;
  min-height: 10px;
}

.scrollable .scroll-bar.horizontal .thumb {
  height: 100%;
  min-width: 10px;
  left: 0;
}

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*Default skin*/

.scrollable.default-skin {
  padding-right: 10px;
  padding-bottom: 6px;
}

.scrollable.default-skin .scroll-bar.vertical {
  width: 6px;
}

.scrollable.default-skin .scroll-bar.horizontal {
  height: 6px;
}

.scrollable.default-skin .scroll-bar .thumb {
  background-color: black;
  opacity: 0.4;
  border-radius: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.scrollable.default-skin .scroll-bar:hover .thumb {
  opacity: 0.6;
}

/*Gray skin*/

.scrollable.gray-skin {
  padding-right: 17px;
}

.scrollable.gray-skin .scroll-bar {
  border: 1px solid gray;
  background-color: #d3d3d3;
}

.scrollable.gray-skin .scroll-bar .thumb {
  background-color: gray;
}

.scrollable.gray-skin .scroll-bar:hover .thumb {
  background-color: black;
}

.scrollable.gray-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.gray-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}

/*Modern skin*/
.scrollable.modern-skin {
  padding-right: 17px;
}

.scrollable.modern-skin .scroll-bar {
  border: 1px solid gray;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: inset 0 0 5px #888;
  -webkit-box-shadow: inset 0 0 5px #888;
  box-shadow: inset 0 0 5px #888;
}

.scrollable.modern-skin .scroll-bar .thumb {
  background-color: #95aabf;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #536984;
}

.scrollable.modern-skin .scroll-bar.vertical .thumb {
  width: 8px;
  background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
  background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: linear-gradient(to right, #95aabf 0%, #547092 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";
}

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
  height: 8px;
  background-image: linear-gradient(#95aabf, #547092);
  background-image: -o-linear-gradient(#95aabf, #547092);
  background-image: -moz-linear-gradient(#95aabf, #547092);
  background-image: -webkit-linear-gradient(#95aabf, #547092);
  background-image: -ms-linear-gradient(#95aabf, #547092);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";
}

.scrollable.modern-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.modern-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}

.scroll-bar.horizontal {
	height:10px;
	background-color:#80808059;
	cursor:pointer;
	display:block !important;
	overflow:hidden;
}
.scroll-bar.horizontal .thumb {
	background-color:grey;
}
.smaller_tabs .viewport {
	width:auto;
}

.scrollable .scroll-bar.horizontal .thumb {
	z-index:4;
}

.scroll-bar.horizontal:before {
	content:"";
	height:0px;
	width:0px;
	border-right: 9px solid rgb(80,80,80);
	border-bottom: 9px solid transparent;
	border-top:9px solid transparent;
	position:absolute;
	z-index:3;
	left:2px;
}
.scroll-bar.horizontal:after {
	content:"";
	height:0px;
	width:0px;
	border-left: 9px solid rgb(80,80,80);
	border-bottom: 9px solid transparent;
	border-top:9px solid transparent;
	position:absolute;
	z-index:3;
	right:2px;
}



/* End Custom Scrollbar */


.big_bubble_header {
	background-image:url(imgs/big_bubble_header.png);
	background-repeat:no-repeat;
	width:380px;
	height:290px;
	box-sizing:border-box;
	position:absolute;
	top:14px;
	right:14px;
	padding:61px 0px 0px 65px;
}

.big_bubble_header .headline {
	color:#fff;
	font-size:28px;
	line-height:1.3em;
}

.big_bubble_header .smaller_headline {
	color:#fff;
	font-size:20px;
	line-height:1.3em;
}
@media (max-width: 800px) {
	.big_bubble_header {
		top:138px;
	}
}

body.shopping_body, body.shopping_body p {
	font-family:freight-sans-pro, Arial;
	font-variant:lining-nums;
	font-size:19px;
	font-weight:500;
}

body.shopping_body .testi_img .testi_big {
	max-width:290px;
}

.content_shopping {
	width:960px;
	max-width:100%;
	margin:auto;
	position:relative;
}

.shopping_packshot {
	display:inline-block;
	position:relative;
	margin:0px 9px;
}

.shopping_hl {
	text-align:center;
	color:rgb(2,40,85);
	font-size:46px;
	font-weight:600;
}

.shopping_hl .green_font {
	color:rgb(71,139,7);
}

.shopping_sub_hl {
	text-align:center;
	color:rgb(35,35,35);
	font-size:20px;
	font-weight:500;
}

.shopping_packshot .small_price {
	color:rgb(71,139,7);
	font-size:15px;
	font-weight:500;
	position:absolute;
	bottom:0px;
	right:0px;
}

.content_shopping .small_grey {
	color:rgb(162,162,162);
	font-size:14px;
}

.shopping_product {
	background-color:#fff;
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	padding:33px 33px;
	display:flex;
	justify-content:space-between;
	box-shadow:0 0 18px #d7d7d7;
}

.shopping_product .left_part {
	display:inline-block;
	padding:35px 30px 0px 0px;
	border-right:1px solid rgb(217,223,230);
}

.shopping_product .left_part .grey_price {
	font-size:14px;
	color:rgb(162,162,162);
	font-weight:500;
	line-height:1.2em;
	text-align:right;
	position:absolute;
	bottom:-16px;
	right:0px;
}

.shopping_product .headline {
	font-size:21px;
	color:rgb(2,40,85);
	font-weight:500;
	line-height:1.4em;
}

.shopping_product .headline .red_font {
	font-size:26px;
	color:rgb(129,11,11);
	font-weight:600;
}

.shopping_product .grey_box {
	border:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	float:none;
	border-radius:0px;
	background-color:rgb(235,235,235);
	width:auto;
	display:inline-block;
	padding:0px 0px;
	padding:11px 14px;
	margin-left:-15px;
}
.shopping_product .grey_box p {
	font-size:19px;
	color:rgb(2,40,85);
	font-weight:500;
	line-height:1.2em;
}

.shopping_product ul.shopping_list li {
	background-image:url(../imgs/shopping_check.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:30px;
	font-size:19px;
	font-weight:500;
	margin-bottom:20px;
	line-height:1.3em;
}

.shopping_product ul.shopping_list li b, .shopping_product .grey_box p b {
	font-weight:600;
}

.shopping_product .middle_part {
	width:435px;
}

.shopping_product .middle_part a {
	font-size:19px;
	color:rgb(0,109,238);
	font-weight:500;
}

.shopping_product .right_part {
	display:inline-block;
	text-align:center;
	padding:10px 0px 0px 30px;
	border-left:1px solid rgb(217,223,230);
}

.shopping_product .right_part img {
	position:relative;
	top:50%;
	transform:translateY(-50%);
}

.shopping_agb_links a {
	font-size:17px;
	color:rgb(85,85,85);
	font-weight:500;
	text-decoration:none;
	margin-right:20px;
}

.content_shopping .siegel_bg_oben {
	bottom:20px;
}

.shopping_sprechblase {
	position: absolute;
    right: 0px;
    top: 75px;
}

.grey_boxes.v2 {
	width: 854px;
    margin: auto;
    border: 1px solid #033b70;
    background: #f2f2f2;
    max-width: 100%;
    box-sizing: border-box;
    padding: 24px 30px;
    position: relative;
}

.grey_boxes.v2 .link_style {
	color:rgb(0,109,238);
}

.lxw_survey .padding_survey {
	padding:0px 50px;
}


.lxw_survey .radio_button {
	background: #ffffff;
    border: 1px solid #186ba6;
    border-radius: 100%;
    width: 23px;
    height: 23px;
    margin-top: 20px;
    display: inline-block;
    position: relative;
}

.lxw_survey .radio_button.active .iw-survey_radiobutton_img {
	display:block;
}

.lxw_survey .radio_button .iw-survey_radiobutton_img {
	display: none;
    position: absolute;
    top: 2px;
    left: 2px;
}

.lxw_survey .numberrating {
	max-width: 32px;
    display: inline-block;
    margin-right: 65px;
    text-align: center;	
}

.lxw_survey textarea {
	width: 785px;
    height: 185px;
    border: 1px solid #c8c8c8;
    background: #ffffff;
    padding: 12px 15px;
	font-size:16px;
}

.lxw_survey .grey_text {
	color:#666565;
	font-size:17px;
}

.lxw_survey .dark_blue {
	color: #186ba6;
    font-size: 26px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    line-height: 1.3em;
}

.lxw_survey .btn_Bewertung {
	width: 100%;
    height: 64px;
    background: url(imgs/btn_Bewertung.png);
    display: block;
    cursor: pointer;
}

.lxw_survey .btn_Bewertung_div {
	width: 378px;
    margin: auto;
    position: relative;
}

.lxw_survey .booleanrating {
	max-width: 62px;
    display: inline-block;
    margin-right: 170px;
    text-align: center;
}

.content_survey {
	width:930px;
	margin: auto;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0px 5px;
    position: relative;
}

.lxw_survey .relative .validation_div {
	color: #ffffff;
	background: #ee0101;
	padding: 10px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	position: absolute;
	top: 20px;
	left: 0px;
	display: none;
}

.bg_oben.shopping.v2 {
	background-image:url(../imgs/shopping_bg_open2.jpg);
}

.tuev_banner {
	padding:20px 0px;
	
}

.tuev_banner .flex {
	display:flex;
	align-items:center;
	justify-content:space-around;
	flex-wrap:wrap;
}

.tuev_banner p {
	color:#fff;
}

.tuev_banner .tuev_box {
	width:141px;
	height:126px;
	border:5px solid rgb(211,220,229);
	box-sizing:border-box;
	display:flex;
	align-items:center;
	justify-content:center;
}

.tuev_banner .tuev_box p {
	font-family:Lato, Arial;
	font-size:27px;
	color:rgb(17,66,132);
	text-align:center;
	line-height:1.3em;
}

.tuev_banner .tuev_box p .big_tuev_text {
	font-size:50px;
	font-weight:800;
}