#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.webp'); background-repeat:no-repeat; background-position:0px 5px; padding-left: 25px;line-height:20px;margin-top:18px;}

.haken5{background-image:url('../imgs/haken.2.webp'); 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;
}

.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.webp) 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.webp) 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.webp) 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.webp) 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:5px;
border-radius:1px;
background:rgb(242,242,242);
padding:15px;
line-height:20px;
font-size:14px;
}

.tooltip-style_small {
display:inline-block;
max-width:320px;
z-index:900;
border:1px solid black;
border-radius:5px;
border-radius:1px;
background:rgb(242,242,242);
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.webp) 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: 675px) {
	.hide_675{
	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_550px{display:none;}	
@media only all and (max-width: 550px) {.show_550px{display:block !important;}}
.show_600px{display:none;}	
@media only all and (max-width: 600px) {.show_600px{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_700px{display:block !important;}}
.show_800px{display:none;}	
@media only all and (max-width: 850px) {.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: 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: 850px) {.hide_850px{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: 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 24px;
}

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

.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:335px;
	}
}

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

ul.green_check li {
    background-image: url(../imgs/green_check.webp);
    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.webp);
    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.webp);
    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:10px 1px 10px 4px;
	border-bottom:2px solid #b5b5b5;
	position:relative;
	vertical-align:top;
	font-size:14px;
	display:table-cell;
	vertical-align:middle;
}
table.functions tr td .green_icon{
	vertical-align:middle;
}


table.functions tr td .toggle,
table.functions tr td .show_more{
	float:right;
	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;
	position:relative;
	z-index:-1;
}


table.functions tr td .toggle_ico{
	vertical-align:bottom;
	margin-left:4px;
}
table.functions tr td p{
	display:inline-block;
	vertical-align:middle;
	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;
}

.testi_img .testi_big{
	
}

.testi_img .testi_small{
	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.webp) 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;
	cursor:pointer;
}

.logo_box div img{
	height:100%;
}

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

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


.logo_box_selector.active img{
	position: relative;
	z-index:2;
}


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

.marktfuehrer{
	position:absolute;
	right:0;
	top:218px;
}
@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.webp) 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.webp);
	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:99;
display:none;
}
.customlightbox{
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width:775px;
height:900px;
z-index:99;

max-height:90%;
overflow:auto;
}
.customlightbox_auto{
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width:auto;
height:900px;
z-index:99;
}
.customlightbox.v2{
height:auto;
padding-top: 25px;
padding-right: 70px;
}
.customlightbox .customlightbox-close{
position: absolute;
cursor:pointer;
z-index:200;
top:15px;
right:15px;
}

@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.webp) center center no-repeat;
}
.darkgreen .styled-radio input[type='radio']:checked + label {   
   background: url(../imgs/checkbox_darkgreen_checked.webp) 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.webp) center center no-repeat;
}
.yellow .styled-radio input[type='radio']:checked + label {   
   background: url(../imgs/checkbox_yellow_checked.webp) 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;
font-weight:normal;
}
@media (max-width: 900px) {
	.packshot_textblock {
	font-size: 16px;
	z-index:5;
	padding:5px;
	}
}

.packshot_textblock1 {
top:115px;bottom:auto;
left:0px;right:auto;
}
@media (max-width: 1000px) {
	.packshot_textblock1 {
	top:115px;
	}
}
.packshot_textblock2 {
top:auto;bottom:250px;
left:0px;right:auto;
}
.packshot_textblock22 {
top:auto;bottom:230px;
left:0px;right:auto;
}
.packshot_textblock3 {
top:auto;bottom:180px;
left:0px;right:auto;
}
.packshot_textblock4 {
top:auto;bottom:82px;
left:0px;right:auto;
}
@media (max-width: 1000px) {
	.packshot_textblock4 {
	bottom:94px;
	}
}
.packshot_textblock5 {
top:113px;bottom:auto;
left:auto;right:17px;
}
.packshot_textblock6 {
top:auto;
right:69px; bottom:235px;
}
@media (max-width: 1000px) {
	.packshot_textblock6 {
	right:0px;
	}
}

.packshot_textblock62 {
top:auto;
right:8px; bottom:235px;
}
@media (max-width: 1000px) {
	.packshot_textblock62 {
	right:0px;
	}
}


.packshot_textblock72-2 {
top:auto;bottom:143px;
left:auto;right:-1px;
}


.packshot_textblock72 {
top:auto;bottom:143px;
left:auto;right:67px;
}



.packshot_textblock7 {
top:auto;bottom:143px;
left:auto;right:10px;
}

@media (max-width: 800px) {
	.packshot_textblock1,
	.packshot_textblock2,
	.packshot_textblock22,
	.packshot_textblock3,
	.packshot_textblock4{
	left:0px;
	}
	.packshot_textblock1::after,
	.packshot_textblock2::after,
	.packshot_textblock22::after,
	.packshot_textblock3::after,
	.packshot_textblock4::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_textblock5,
	.packshot_textblock6,
	.packshot_textblock62,
	.packshot_textblock72,
	.packshot_textblock72-2,
	.packshot_textblock7{
	right:0px;
	}
	.packshot_textblock5::after,
	.packshot_textblock6::after,
	.packshot_textblock62::after,
	.packshot_textblock72::after,
	.packshot_textblock72-2::after,
	.packshot_textblock7::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_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.webp);
	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:15px;
	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);
}

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

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

.hl1.small {
	font-size:34px;
}

.sub_hl {
	color:black;
	font-family:Lato, Arial;
	font-weight:normal;
	text-align:center;
	font-size:21px;
}

.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.webp);
	background-repeat:no-repeat;
	background-position:1px 8px;
	padding-left:16px;
}
.yellow_mark2 {
	background-image:url(../imgs/yellow_mark_small.webp);
	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 30px 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);
	border-radius:5px;
	width:100%;
}
.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.webp);
	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;
}

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

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

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

.beispiele_vorschau {
	position:absolute;
	bottom:-15px;
	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%;
}
.block_funktionen.v2{
	 padding-left:67px;
	 width:37%;
}

.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:45px 30px 45px 30px;
	 margin-left:20px;
}

.testi_quote.grey_version.broader_text {
	 padding:41px 12px 45px 25px;
}

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

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

.logo_box  div{
	margin:0 22px;
	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 tr td {
	border-radius:8px;
	min-width:145px;
}

.logo_box_table.smaller {
	width:507px;
}

.bubble_text_div {
	position:relative;
	z-index:3;
}

.bubble_inner_text {
	 display:inline-block;
	 vertical-align:middle;
	 padding:20px 30px 20px 0px;
	 position:relative;
	 z-index:3;
}

.siegel_pfeil {
	display:inline-block;
}

.siegel_pfeil::after {
	content:url(../imgs/bubble_pfeil.webp);
	height:30px;
	width:30px;
	position:absolute;
	display:none;
}
.siegel_pfeil.active::after {
	content:url(../imgs/bubble_pfeil.webp);
	height:30px;
	width:30px;
	position:absolute;
	display:block;
}
@media (max-width: 550px) {
	.siegel_pfeil.active::after {
		display:none;
	}
}
#logo_1_siegel::after {
	right:-3px;
}
#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:72px;
}
#logo_5_siegel::after {
	-webkit-transform: scaleX(-1);
    transform: scaleX(-1);
	right:96px;
}

.index2#logo_5_siegel::after {
	-webkit-transform: scaleX(1);
    transform: scaleX(1);
	right:142px;
	top:104px;
	content:url(../imgs/bubble_pfeil2.webp);
}

.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.webp');
	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;
}
@media (max-width: 900px) {
	.siegel_header img {
		margin-left:2px;
		margin-right:2px;
	}
}

.siegel_header.small img {
	margin-left:10px;
	margin-right:10px;
}
@media (max-width: 900px) {
	.siegel_header.small img {
		margin-left:2px;
		margin-right:2px;
	}
}

.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;
	top:140px;
	font-family:verdana;
	z-index:6;
}

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

.fixed_navi2.v2{
	top:320px;
}


.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;
	padding:5px 15px 6px 15px;
	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;
}
.fixed_navi2 ul li.category.yellow{
	background: #fde01b; 
	border:1px solid #cccccc;
	padding:5px 7px 6px 8px;
}
.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;
	padding:5px 15px 6px 15px;
	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.zoom2 {
 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:80px;
}
img.zoom2: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: 7px 20px 8px 20px !important;
}
.bigcat.yellow.active {
    background: #fde01b !important;
}






.simple_tab_select {
	background:#f5f5f5;
	padding: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: -1px;
	cursor:pointer;
}

.simple_tab_select.active {
	background:#fff;
	padding:15px;
    position: relative;
	z-index:2;
    vertical-align: 5px;
}

.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.webp);
width: 200px;
height: 88px;
padding:1px;
}
.countdown_green.v2 {
	background: url(../imgs/Countdown_neu.webp);
	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 {
	
}

.bottom_nav {
	display:inline-block;
	position:fixed;
	right:0;
	top:550px;
	font-family:verdana;
	z-index:10;
}
.bottom_nav.v2 {
	top:730px;
}
.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.webp);
	background-repeat:no-repeat;
	height:70px;
	width:307px;
	top:-85px;
	left:-5px;
	text-align:left;
	color:rgb(17,66,132);
	font-size:15px;
	padding:12px 0px 0px 25px;
}

.bg_oben {
    background-image: url(../imgs/bg_center.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 423px;
    position: relative;
}


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

.header_white{
	background-color: #fff;
	box-shadow: 0px 4px 13px -2px rgba(218,216,211,1);
}

.wawi_sprechblase {
    position: absolute;
    right: 55px;
    top: 65px;
}
@media screen and (max-width: 700px) {
	.wawi_sprechblase {
		display: none;
	}
}


.siegel_bg_oben {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: -25px;
}
@media screen and (max-width: 975px) {
	.siegel_bg_oben {
		left: 25px;
	}
}

.siegel_bg_oben img {
    margin: 3px;
    height: 80px;
}

.header_blue_logo {
	float: left;
}

#navi_top {
	height: 0px !important;
}

.blue_bg_hl {
	font-family:Lato, Verdana;
	font-size:21px;
	color:white;
	text-align:center;
	width:543px;
	max-width:100%;
	background-color:rgb(9,59,112);
	margin:auto;
	padding:6px 0px 7px 0px;
	border-radius:3px;
}

.blue_bg_arrow {
	font-family:Lato, Verdana;
	background-image:url(../imgs/blue_bg_arrow.webp);
	background-repeat:no-repeat;
	width:204px;
	height:143px;
	display:inline-block;
	position:relative;
	padding:0px 0px 0px 0px;
	vertical-align:top;
	margin:0px -13px 0px -13px;
}

.blue_bg_arrow .hl {
	font-family:Lato, Verdana;
	color:white;
	font-size:19px;
	background-color:rgb(9,59,112);
	display:inline-block;
	padding:5px 7px 7px 7px;
	border-bottom-left-radius:14px;
	border-bottom-right-radius:14px;
	position:absolute;
	top:6px;
	left:50%;
	transform:translateX(-50%);
}

.blue_arrows_outer {
	width:577px;
	max-width:100%;
	margin:auto;
	display:inline-block;
}

.blue_bg_arrow p {
	padding:45px 0px 0px 61px;
	font-weight:normal;
}

.siegel_erfahrung {
	position:absolute;
	top:-60px;
	right:0px;
}
@media (max-width: 600px) {
	.siegel_erfahrung {		
		top:-45px;
	}
}

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

.lightgrey_bg {
	background-color:rgb(242,245,248);
}

.marker_bg {
	background-image:url(../imgs/textmarker_bg.webp);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 100%;
	padding:0px 10px 5px 5px;
	margin:0px -8px 0px -8px;
}

.three_steps {
	display:inline-block;
	position:relative;
	vertical-align:top;
}

.three_steps.middle {
	margin:0px -25px 0px -12px;
}

.white_step_hl {
	color:#fff;
	font-family:Lato, Arial;
	font-size:19px;
	position:absolute;
	top:6px;
	left:119px;
}

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

.three_steps .blue_text {
	color:rgb(9,59,112);
	font-family:Lato, Arial;
	font-weight:normal;
	font-size:17px;
	position:absolute;
	top:52px;
	left:57px;
	text-align:center;
}

.blue_header {
	background-image:url(../imgs/blue_header_bg.webp);
	background-repeat:no-repeat;
	padding:9px 0px 9px 0px;
}

.testsieger_wechseln {
	position:absolute;
	bottom:-65px;
	left:-25px;
}
@media only all and (max-width: 950px) {
	.testsieger_wechseln {
		display:none;
	}
}

.logo_box.v2 .index2#logo_5_siegel::after {
	content:url(../imgs/bubble_pfeil_rechts.webp);
	right:135px;
	transform:rotateY(10deg);
}

.logo_box.v2 div {
	margin:0 12px;
}

.funktionen_uebersicht {
	width:49%;
	max-width:100%;
	display:inline-block;
	position:relative;
}
@media only all and (max-width: 650px) {
	.funktionen_uebersicht {
		display:block;
		margin:auto;
		width:100%;
	}
}

.funktionen_uebersicht .block_funktionen.v2 {
	width:41%;
}
@media only all and (max-width: 650px) {
	.funktionen_uebersicht .block_funktionen.v2 {
		width:100%;
	}
}

.funktionen_uebersicht .ueberschriften {
	padding:10px 0px 10px 65px;
}

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

.Button_text_rechts {
	position: absolute;
	top: 21px;
	right: -110px;
	text-align: left;
}
@media only all and (max-width: 600px) {
	.Button_text_rechts {
		display:none;
	}
}

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

.rabatttext {
	font-size:16px;
}

.red_sale_banner {
	background-image:url('../imgs/red_bg_banner.webp');
	background-repeat:no-repeat;
	height:53px;
	width:100%;
	background-size:cover;
	position:fixed;
	z-index:50;
}

.red_sale_banner .small_white {
	color:#fff;
	display:inline-block;
	font-size:13px;
	vertical-align:17px;
	line-height:1.2em;
}

.red_sale_banner .big_white {
	font-family:Lato, Arial;
	color:#fff;
	display:inline-block;
	font-size:23px;
	vertical-align:45px;
	font-weight:normal;
}

.rabatt_rechts {
	background-image:url(../imgs/rabattsiegel_blank.webp);
	background-repeat:no-repeat;
	height:151px;
	width:124px;
	position:fixed;
	top:668px;
	transform:translateY(-50%);
	right:0px;
	z-index:5;
}
@media only all and (max-height: 700px) {
	.rabatt_rechts {
		display:none;
	}
}
.rabatt_rechts p{
	font-family:Lato, Arial;
	color:#fff;
	font-size:22px;
	position:absolute;
	top:25px;
	right:24px;
}

.div_img_central {
	display:inline-block;
}
@media only all and (max-width: 850px) {
	.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;
	}
}

.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: 350px;
		margin: auto;
		margin-top: 10px;
	}
}

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

.header.fa_indexb {
    max-width: 100%;
    width: 1228px;
    background: #a70417;
    border-bottom: 10px solid #333333;
    margin: auto;
    position: relative;
    z-index: 10;
}

.header.fa_indexb {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #dddcd8;
    background: url(../imgs/header_bg.webp) repeat-x;
}

.header.v2.fa_indexb {
    position: fixed;
}

.fa_indexb .content {
    width: 867px;
    margin: auto;
    text-align: left;
}

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

.fa_indexb .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.webp);
    background-repeat: no-repeat;
    padding-left: 3px;
    text-align: center;
    width: 227px;
}

.fa_indexb .countdown {
    float: left;
    position: relative;
    color: white;
    margin: 3px 0px 0px 0px;
    text-align: center;
    width: 56px;
}

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

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

.fa_indexb .text_fixed_nav {
    font-weight: bold;
    float: right;
    margin: 18px 5px 0px 0px;
}

.packshot_oben_sale {
	 margin-left:-70px;
}
@media only all and (max-width: 550px) {
	.packshot_oben_sale {
		margin-left:0px;
	}
}

.siegel_erfahrung_v2 {
	position:absolute;
	bottom: -3px;
	right: 36px;
}
@media only all and (max-width: 850px) {
	.siegel_erfahrung_v2 {
		display: none;
	}
}

.siegel_gobd {
	position:absolute;
	top: -54px;
	right: 15px;
}
@media only all and (max-width: 850px) {
	.siegel_gobd {
		display: none;
	}
}

.gobd_rechnungen {
	position:absolute; 
	right:-70px; 
	bottom:0px;
}

@media only all and (max-width: 1000px) {
	.gobd_rechnungen {
		display:none;
	}
}

td .table_input {
	background:url(../imgs/checkbox_yellow.webp) center center no-repeat;
	cursor:pointer;
	width:33px;
	height:31px;
	margin:auto;
}

.table_input.active_check, td.active .table_input {
	background:url(../imgs/checkbox_yellow_checked.webp) center center no-repeat;
}

.yellow_box.v2 {
	width:290px;
	height:63px;
	background-image:none;
	background: rgb(253,227,14);
	background: linear-gradient(180deg, rgba(253,227,14,1) 0%, rgba(254,202,14,1) 100%);
	box-sizing:border-box;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-family:Lato, Arial;
	font-size:21px;
	line-height:1em;
}

.yellow_box.v2 .download_arrow {
	position:absolute;
	top:15px;
	right:30px;
}

.yellow_box.v2 .smaller_font {
	font-size:15px;
	font-weight:600;
}

table.functions.black_fonts {
	color:#000;
}


.blue_tuev_banner {
	background-color:rgb(17,66,132);
}

.blue_tuev_banner .tuev_box_outer {
	background-color:#fff;
	width:140px;
	height:126px;
	border:5px solid rgb(211,220,229);
	border-radius:10px;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	justify-content:center;
}

.blue_tuev_banner p {
	color:#fff;
	padding:10px 0px;
}

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

.blue_tuev_banner .tuev_box_outer .bigger {
	font-size:50px;
	font-weight:800;
	margin-bottom:20px;
}

.blue_tuev_banner .flex {
	display:flex;
	align-items:center;
	justify-content:space-around;
	flex-wrap:wrap;
	padding:20px 0px;
}

.simple_slider_outer {
	width:250px;
	position:relative;
}

.simple_slider_outer .bx-prev {
	background-image:url(../imgs/prev_arrow.webp);
	width:19px;
	height:28px;
	text-indent:-9999px;
	position:absolute;
	top:50%;
	left:-18px;
	transform:translateY(-50%);
}

.simple_slider_outer .bx-next {
	background-image:url(../imgs/next_arrow.webp);
	width:19px;
	height:28px;
	text-indent:-9999px;
	position:absolute;
	top:50%;
	right:0px;
	transform:translateY(-50%);
}


.tv-spot-outer {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:20px;
	padding:55px 0;
}

.spot-choice {
	display:flex;
	flex-direction:column;
}

.spot-choice__image {
	position:relative;
	width:148px;
	cursor:pointer;
}

.spot-choice__image img {
	max-width:100%;
	opacity:0.7;
}

.tv-spot__videos {
	display:flex;
	flex-direction:column;
	gap:10px;
	cursor:pointer;
}

.tv-spot__icons {
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.tv-spot__hl {
	font-family:Lato, Arial;
	font-size:25px;
	color:#434343;
	line-height:1.2em;
	font-weight:600;
	margin-bottom:20px;
}

.tv-spot__thumbnail {
	position:absolute;
	top:-5px;
	z-index:1;
}

.tv-spot__embedded-video {
	width:459px;
	max-width:100%;
}

.spot-choice__play-icon {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:45%;
	opacity:1 !important;
}

.tv-spot__play-icon {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:1;
	opacity:2 !important;
}

.customlightbox-open img {
	max-height: 305px;
}
.rotated-text {
    position: absolute;
    width: 100%;
    bottom: -18px;
    left: 23px;
    font-size: 13px;
    transform: rotate(350deg) skewX(-14deg);
    transform-origin: left center;
}