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

.lato {font-family:lato, arial}
.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 !important;
}

/* --------------- 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.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: 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: 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: 1250px) {
	.hide_1250{
	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:3;
}
.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;
}
body.v2 {
	font-size: 16px;
	font-family: 'Lato', sans-serif, Arial;
	font-weight: 400;
}
b{font-weight:700;}


a {text-decoration: underline; cursor:pointer; color:#004fd1;}
a.nostyle {text-decoration: none; cursor:pointer; color:inherit;}
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;
	}
}
	
.hl2{
	font-size:45px;
	font-family: 'lato', Arial;
	color:#3c3c3c;
	line-height:1.2em;
	font-weight:400;
}
@media only all and (max-width: 750px) {
	hl2{
		font-size:38px;
	}
}

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


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

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:1.2em;
	position:relative;
}
	
h3.black span.green{
	font-size:40px;
	font-family: 'lato', Arial;
	font-weight:bold;
	color:#379d00;
	line-height:1.4em;
}
	
h3.black img{
	position:absolute;
	left:-41px;
	top:13px;
}
	
h5{
	font-size:40px;
	font-family: 'lato', Arial;
	font-weight:900;
	color:#477e24;
	line-height:1.2em;
}

.hl4{
    color: #06325a;
    font-size: 31px;
    font-family: 'lato', arial;
}
.hl4 b{
    font-weight:900;
}
@media only all and (max-width: 800px) {
	.hl4{
		font-size: 20px;
	}
}




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

.hl3 b{
font-weight:900;
}

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




	
/* End Typography
--------------------------------------------------------------------------------------------------*/


/*-- MAIN CONTENT START--*/

.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_850px{display:none;}	
@media only all and (max-width: 850px) {.show_850px{display:block !important;}}
.show_800px{display:none;}	
@media only all and (max-width: 800px) {.show_800px{display:block !important;}}
.show_900px{display:none;}	
@media only all and (max-width: 900px) {.show_900px{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;}}
@media only all and (max-width: 400px) {.hide_400px{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 #313131;
}

.header2 .content img{
	margin:0 26px;
}

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

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

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


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

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








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



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


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

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

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

.packshot_outer{
	position:relative;
	text-align:center;
	text-align:center;
}
.packshot_outer.v2{
	position:relative;
	text-align:left;
	margin:0 0 0 19px;
}
@media only all and (max-width: 950px) {
	.packshot_outer{
		margin:0 0 0 0;
	}
	.packshot_outer{
	text-align:center;
	}
}


.packshot_div{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:335px;
}
@media only all and (max-width: 880px) {
	.packshot_div{
		width:300px;
	}
}
@media only all and (max-width: 500px) {
	.packshot_div{
		width:366px;
	}
}

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


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


.packshot_bottom{
	/*width: 100%;*/
	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: -2px;
}

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


.packshot_bottom_right_text{
	padding:15px 0 0 85px;
	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/icon_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;
	}
}

p.yellow_bg{
	background:#ffe85e;
	font-size:28px;
	padding:7px 25px;
	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;
	}
}

.sub_headline2{
	font-size:21px;
	font-family:'lato', Arial;
	line-height:1.3em;
}
@media only all and (max-width: 750px) {
	.sub_headline2{
		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 -10px 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:960px;
}
@media only all and (max-width: 950px) {
	.overflow_table{
		overflow:auto;
	}
}

table.functions{
	width:950px;
	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:8px 5px;
	border-bottom:2px solid #b5b5b5;
	position:relative;
	font-size:14px;
}

table.functions tr td .green_icon{
	vertical-align:top;
	margin-left:-4px;
}

table.functions tr td.packshot_bg{
	background:url(../imgs/table_packshot_bg.png) repeat-x bottom center;
	text-align:center;
}

table.functions tr td .toggle,
table.functions tr td .show_more{
	position:absolute;
	cursor:pointer;
	top:14px;
	right:6px;
	text-decoration: underline;
	cursor: pointer;
	color: #0000ff;
}
table.functions tr.content_toggle:nth-child(odd) td{
	background:#f0f0f0;
	background-clip:padding-box;
}


table.functions tr td .toggle_ico{
	vertical-align:bottom;
	margin-left:4px;
}

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


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

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

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


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;
	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: #fed823;
	padding: 10px 10px;
	box-sizing: border-box;
	color: #000;
	text-align: center;
	font-size: 14px;
	font-family: "lato", arial;
	font-weight: 600;
}


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



.blue_border_box{
	width:854px;
	margin:auto;
	border:1px solid #033b70;
	background:#f2f2f2;
	max-width:100%;
	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{
	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;
	font-size:15px;
	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;
		margin:0 4px;
	}
}


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

.logo_box_selector.active::after{
	content: '';
	display: inline-block;
	position: absolute;
	left:50%;
	width: 1px;
	bottom: -50px;
	height: 100px;
	border-left: 1px solid #033b70;
}
.logo_box_selector.active::after{
	content: '';
	display: inline-block;
	position: absolute;
	left:50%;
	width: 1px;
	bottom: -50px;
	height: 100px;
	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;
	}
}



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

.marktfuehrer{
	position:absolute;
	right:0;
	top:221px;
}
@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:#379d00;
	font-weight:600;
}

.konditionen{
	width:371px;
	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;
}



.btn {
    background: #fff;
    border-radius: 6px;
    border: 1px solid #fee342;
    padding: 1px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.btn-inner.wider {
    padding: 2px 67px 6px 42px;
    font-family: lato,sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 27px;
    text-shadow: 0px 1px 1px #fff;
}

.btn-inner {
    background: #fee323;
    background: -moz-linear-gradient(top, #fee323 0%, #fecd23 100%);
    background: -webkit-linear-gradient(top, #fee323 0%,#fecd23 100%);
    background: linear-gradient(to bottom, #fee323 0%,#fecd23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee323', endColorstr='#fecd23',GradientType=0 );
    border-radius: 6px;
    padding: 10px 55px 12px 25px;
    font-family: Lato, Arial;
    font-size: 18px;
    font-weight: bold;
}

button .btn-arrow {
    top: 7px;
}
.btn-arrow {
    position: absolute;
    top: 5px;
    right: 7px;
}

.btn-pointer {
    position: absolute;
    bottom: -7px;
    right: 5px;
}

.banner{
	background:url(../imgs/top_banner.jpg) no-repeat;
	width:100%;
	background-position:top center;
	position:relative;
	min-height:387px;
}

.banner .banner_text{
	position:absolute;
	top:30px;
	right:10px;
}

.banner .banner_text.v2{
	right:150px;
}

@media (max-width: 800px) {
	.banner_text.v2 {
		right:20px !important;
	}
}

.banner .banner_text h1{
	color:#3c3c3c;
	font-size:43px;
	line-height:1.3em;
	font-weight:600;
}

.banner .banner_text.v2  h1{
	font-size:41px;
}

.banner .banner_text ul li{
	background-image: url(../imgs/green_check2.png);
   background-position: 0 7px;
	background-repeat: no-repeat;
	padding-left: 32px;
	font-size:20px;
	line-height:1.4em;
	font-family:'Lato', 'Arial';
}


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


.grey_list{
	background:#f9f9f9;
	display:inline-block;
	max-width:100%;
	width:472px;
	text-align:left;
	min-width:280px;
	margin-bottom:30px;
	position:relative;
	vertical-align:top;
	min-height:440px;
}
.grey_list.eur{
	min-height:365px;
}

.badge_gobd{
	position: absolute;
	top: -37px;
	right: -70px;
}
@media only all and (max-width: 1110px) {
	.badge_gobd{
		position: absolute;
		top: -50px;
		right: 0px;
	}
}

.grey_list .headline{
	background:#ebebeb;
	padding:9px 22px;
}


.grey_list .headline h1{
	color:#06325a;
	font-size:30px;
	font-family:'lato', arial;
}


.grey_list .list{
	background:#f9f9f9;
	padding:9px 22px;
}

.grey_list .list ul {
	list-style-type:square;
}

.grey_list .list ul  li{
	margin:7px 0 0 18px;
}

.grey_list .list ul  li span{
	color:#3b3b3b;
}

.inline_headline{
	display: inline-block;
	vertical-align: 3px;
	margin-left: 38px;
	line-height: 1.2em;
}


.logos_top div{
	margin:0 15px 20px;
}


.arrow_down{
	position:absolute;
	bottom:-56px;
	left:-50px;
}






.bg_grey_swap:nth-child(even){
background:#f1f1f1;
}
.bg_grey_swap:nth-child(odd){

}

@media only all and (max-width: 1000px) {
.bg_grey_swap .content{text-align:center;}
}

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

.gallerie1{
margin-left:37px;
}

@media only all and (max-width: 900px) {
	.gallerie1{
	margin-top:20px;
	}
}


.tooltip-style{
padding:6px 10px;
max-width:400px;
background:#f1f1f1;
box-sizing:border-box;
border-radius:0px;
border:3px solid #fff;
box-shadow: 0px 0px 1px #4d73a0;
}



.tbl_versionfinder td {
border-right:1px solid #fff;
padding:20px;
box-sizing:border-box;
vertical-align:top;
vertical-align:middle;
}
.tbl_versionfinder tr td:nth-child(1) {
width:180px;
vertical-align:top;
}
.tbl_versionfinder tr td:nth-child(2) {
width:210px;
}
.tbl_versionfinder tr td:nth-child(3) {
width:220px;
}
.tbl_versionfinder tr:nth-child(odd) td {
background:#e9e9e9;
}
.tbl_versionfinder tr:nth-child(even) td {
background:#f8f7f7;
}


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





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






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


.tab_line {
border-bottom:1px solid #aaaaaa;
}
.tab {
cursor:pointer;
background:#f8f7f7;
display:inline-block;
border:1px solid #aaaaaa;
text-align:left;
box-sizing:border-box;
padding:15px 24px;
box-shadow:2px -1px 5px #bdbdbd inset;
margin-bottom:-1px;
vertical-align:bottom;
}
.tab .hl5{
color:#898989;
}
.tab:first-child {
margin-right:-6px;
}
.tab.active {
box-shadow:none;
background:#fff;
padding:18px 24px;
border-bottom:0px;
}
.tab.active .hl5{
color:#06325a;
}

@media only all and (max-width: 800px) {
	.tab {
	padding:6px 10px;
	}
	.tab.active {
	padding:10px 10px;
	}
}


.color-darkblue{color:#033b70;}

.bluebordertop{border-top: 10px solid #313131;}





.overflow_table2{
position:relative;
}

.overflow_table2-inner{
overflow-x: scroll;
overflow-y: visible;
margin-left: 110px;
}

.overflow_table2-inner::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}


.overflow_table2 table{
table-layout: fixed; 
width: 100%;
border-collapse: separate;
border-spacing: 0px 0px;
}



.overflow_table2 td{
box-sizing:border-box;
text-align:center;
position:relative;
padding:5px;
vertical-align:middle;
width:140px;
height:140px;

/*border-right: 2px solid #b5b5b5;*/
border-bottom: 2px solid #b5b5b5;
}

.overflow_table2 tr:nth-child(1) td{
height:170px;
}

.overflow_table2 td.fix {
  position: absolute;
  margin-left: -110px;
  width: 100px;
    z-index: 2;
}


.overflow_table2 td:nth-child(1){
width:110px;
}

.overflow_table2 td:nth-child(even){
background:#f5f5f5;
}

.overflow_table2 p.caption{
text-align:left;
position:relative;
background:rgba(100,180,57,0.8);
box-sizing:border-box;
width:95%;
color:#fff;
padding:3px;
font-weight:bold;
top:10px;
padding-left:5px;
margin-top:-50px;
margin-bottom:30px;
}

.textbox_schrift {
font-size: 16px;
/*font-weight: bold;*/
}

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

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

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

.textbox_schrift.zeiger {
	position:relative;
}

.relative.inlineblock.financial_office {
	width:410px;
}

.textbox_schrift.zeiger.financial_office {
	font-size:13px;
}

.bubble_packshot.packshot_btn_placing.financial_office {
	padding:3px 16px;
}

.abstand_siegel {
	display:none;
}

@media all and (max-width: 965px) {
    .abstand_siegel{display:block;}
}

.banner_text.rabatt {
	top:18px;
}

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

.kurze_zeit {
	position:absolute;
	top:-49px; 
	left:-26px;
}


@media (max-width: 900px) {
	.kurze_zeit{
		top:-32px;
		left:107px;
	}
}

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

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

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




input.input-long_amp {
	background-color:rgb(235,235,235);
	border:rgb(49,49,49) 1px solid;
	border-radius:4px;
	padding:14px 0 14px 14px;
	width:100%;
	box-sizing:border-box;
}

.amp_selectbox {
	background-color:rgb(235,235,235);
	border:rgb(49,49,49) 1px solid;
	border-radius:4px;
	padding:14px 0 14px 14px;
	width:100%;
	position:relative;
	box-sizing:border-box;
}

.label_radio.amp  {
	padding:0;
	background:none;
	font-size:14px;
	margin-left:0px;
}

.label_radio.amp span {
	border-radius:100%;
	border:1px solid grey;
	width:30px;
	height:30px;
	content:"";
	display:inline-block;
	cursor:pointer;
	vertical-align:middle;
}


.label_radio.amp.r_on span {
	border:1px solid rgb(9,80,36);
}

.label_radio.amp.r_on  span::before {
	border-radius:100%;
	width:18px;
	height:18px;
	background-color:rgb(9,80,36);
	content:"";
	display:inline-block;
	cursor:pointer;
	margin-top:6px;
	margin-left:6px;
}

.cross_icon {
	height: 22px; 
	width:26px; 
	position:absolute;
	right:12px;
	margin-top:13px;
}

.amp_selectbox_parent {
	position:relative;
	background-color:rgb(235,235,235);
	z-index:2;
	width:304px;
}

.new_order.central_order.amp {
	max-width:320px;
	margin:auto;
}



.test {
	background: #095023;
}

.banner.version_b {
	background:url(../imgs/buchhalter_lp_header.jpg) no-repeat;
	min-height:484px;
	background-position:center;
}

@media (max-width: 1120px) {
	.banner.version_b {
		background-position:-260px 0px;
	}
}

@media (max-width: 950px) {
	.banner.version_b {
		background-position:-420px 0px;
	}
}

@media (max-width: 700px) {
	.banner.version_b {
		background-position:-765px 0px;
	}
}

.buha_huge {
	font-size:75px !important;
	line-height:1.2em !important;
	color:#000 !important;
}

@media (max-width: 950px) {
	.buha_huge {
		font-size:65px !important;
	}
}

.buha_sub_hl {
	color:#000;
	font-size:22px;
	font-weight:normal;
	line-height:1.2em;
}

@media (max-width: 950px) {
	.buha_sub_hl {
		font-size:20px;
	}
}

.banner .banner_text.buha{
	position:absolute;
	top:0px;
	right:10px;
	background:rgba(255,255,255,0.4);
	padding:37px 20px;
}

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

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

.rabattsiegel_spaeter {
	display:none;
}
@media (max-width: 1250px) {
	.rabattsiegel_spaeter {
		display:inline-block;
	}
}
@media (max-width: 800px) {
	.rabattsiegel_spaeter {
		display:none;
	}
}

.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;
	text-align:center;
	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;
}

.rabattsiegel_header {
	margin-top:50px;
}
@media (max-width: 800px) {
	.rabattsiegel_header {
		display:none;
	}
}

/* text-shadow:2px 6px 81px #fff*/

.pfeil_gif {
	position:absolute;
	top:9px;
	left:-156px;
}

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

.anker {
	margin-top:-60px;
	position:absolute;
}

.logo_box_selector.bubble:after {
	display:none;
}

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

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

.greyscale_siegel {
	 vertical-align:middle;
	 padding:0px 0px 0px 0px;
}

ul.dark.green_check li{
	background-image:url(../imgs/darkgreen_check.png);
	background-position:0px 1px;
}
.dark.green_check  ul.simple li{
	background-image:none;
}

.styled-radio input[type='radio'] + label {
	background:url(../imgs/darkgreen_checkbox.png) center center no-repeat;
}

.styled-radio input[type='radio']:checked + label {
	background:url(../imgs/darkgreen_checkbox_checked.png) center center no-repeat;
}

.styled-checkbox.darkgreen input[type='radio'] + label {
	background:#fff no-repeat center center;
}
.styled-checkbox.darkgreen input[type='radio']:checked + label {
	background-image:url(../imgs/darkgreen_check_big.png);
	background-color:#fff;
	background-repeat:no-repeat;
}

table.functions.darkgreen{
	border-collapse:collapse;
	border-spacing:0px;
}
.functions.darkgreen tr td:first-child{
	padding-left:15px;
}
.functions.darkgreen td{
	border: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(34,151,65) !important;
	border-radius:8px;
	color:#fff !important;
	font-size:18px !important;
}

.banner .banner_text ul.darkgreen li {
	background-image:url(../imgs/darkgreen_check_middle.png);
}

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

.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;
}
@media (max-width: 550px) {
	.siegel_pfeil.active::after {
		display:none;
	}
}

#logo_1_siegel::after {
	right:-0px;
}
#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:63px;
}
@media (max-width: 950px) {
	#logo_5_siegel::after {
		right:38px;
	}
}
#logo_6_siegel::after {
	right:30px;
}


.index2#logo_5_siegel::after {
	-webkit-transform: scaleX(-1);
    transform: scaleX(-1);
	right:73px;
}


.round_border{
	border-radius: 8px;
	border: 1px solid rgb(203,203,203);
}

.marktfuehrer2 {
	position:absolute;
	right:90px;
	top:190px;
}



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

.Button_text_rechts {
	position:absolute;
	top:20px;
	right:0px;
}
@media (max-width: 650px) {
	.Button_text_rechts {
		display:none;
	}
}



.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;
	margin-top: 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;
	margin-top: 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 {
	
}

.pulsing_btn {
	animation-name:stretch;
	animation-duration:0.9s;
	animation-timing-function:ease-out;
	animation-direction:alternate;
	animation-iteration-count:infinite;
	animation-fill-mode:none;
	animation-play-state:running;
}

@keyframes stretch {	
	0{
		transform: scale(1);		
	}
	100% {
		transform: scale(0.96);
	}
}

.bubble_text {
	position:absolute;
	text-align:center;
	font-size:16px;
	top:54px;
	right:29px;
}

.yellow {
	background-color:rgb(255,234,0);
	padding:1px 5px 2px 5px;
}

.drei_spalten {
	text-align:center;
}

.drei_spalten .spalte {
	background-image:url(../imgs/drei_spalten_bg.png);
	display:inline-block;
	background-repeat:no-repeat;
	padding:8px 0px 0px 32px;
	width:276px;
	position:relative;
	vertical-align:top;
	min-height:347px;
}

.drei_spalten .hl3 {
	font-weight:normal;
	font-size:23px;
	line-height:30px;
	text-align:left;
}

ul.bulletpoints {
	padding-left:22px;
}
ul.bulletpoints li {
	padding:4px 0px;
	list-style-type:disc;
	font-size:16px;
	text-align:left;
}

.icon_drei_spalten {
	position:absolute;
	right:49px;
	top:26px;
}

.bubble_funktionen {
	background-image:url(../imgs/sprechblase.png);
	background-repeat:no-repeat;
	position:relative;
	height:155px;
	width:300px;
	margin:35px 0px -43px -27px;
	text-align:left;
}

.grey_bg {
	background-color:rgba(229,229,229,0.26);
}

.blue_border {
	border-top:6px solid rgb(3,59,112);
}

.hl2.blue {
	color:rgb(3,59,112);
}

.packshot_textblock {
display:inline-block;
position:absolute;
background:rgba(255,255,255,0.96);
text-align:left;
z-index:2;
font-size: 15px;
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;
	}
}

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

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

.packshot_textblock1 {
top:92px;bottom:auto;
left:0px;right:auto;
}
@media (max-width: 1000px) {
	.packshot_textblock1 {
	top:115px;
	}
}

.packshot_textblock2 {
top:auto;bottom:228px;
left:0px;right:auto;
}

.packshot_textblock3 {
top:auto;bottom:112px;
left:0px;right:auto;
}
.packshot_textblock4 {
top:92px;bottom:auto;
left:auto;right:-17px;
}
@media (max-width: 1000px) {
	.packshot_textblock4 {
	right:0px;
	}
}
.packshot_textblock5 {
top:253px;bottom:auto;
left:auto;right:9px;
}
@media (max-width: 1000px) {
	.packshot_textblock5 {
	right:80px;
	}
}
.packshot_textblock6 {
top:auto;
right:2px; bottom:123px;
}
@media (max-width: 1000px) {
	.packshot_textblock6 {
	right:75px;
	}
}

.grey_bg .siegel div {
	margin-left:15px;
	margin-right:15px;
}
.grey_bg .siegel div:first-child {
	margin-left:0px;
}
.grey_bg .siegel div:last-child {
	margin-right:0px;
}
@media (max-width: 1000px) {
	.grey_bg .siegel div {
	margin-right:5px;
	margin-left:5px;
	}
}

.sub_headline2.black {
	font-size:22px;
	font-weight:normal;
}


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

.testi_quote.grey_version.v2 {
	width:460px;
}

.testi_quote.grey_version.v2:before {
	content:"";
	background-image:url(../imgs/quotation_mark.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color:rgb(242,242,242);
	border-radius:100%;
	height:60px;
	width:60px;
	position:absolute;
	bottom:-15px;
	left:-18px;
}
.testi_quote.grey_version.v2:after {
	content:"";
	background-image:url(../imgs/quotation_mark.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color:rgb(242,242,242);
	border-radius:100%;
	height:60px;
	width:60px;
	position:absolute;
	top:-15px;
	right:-18px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

@media (max-width: 1000px) {
	.testi_quote.grey_version.v2 {
		display:block;
	}
}

.grey_outer_content a.bx-prev {
	background-image:url(../imgs/blue_arrow_prev.png);
	background-repeat:no-repeat;
	height:48px;
	width:31px;
	color:transparent;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0px;
}
.grey_outer_content a.bx-next {
	background-image:url(../imgs/blue_arrow_next.png);
	background-repeat:no-repeat;
	height:48px;
	width:31px;
	color:transparent;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:0px;
}

.preview_testis {
	height:61px;
	opacity:0.6;
	cursor:pointer;
	border-radius:7px;
}
.preview_testis.active {
	opacity:1;
	border:5px solid rgb(151,168,196);
	box-sizing:border-box;
}

.grey_outer_content .bx-wrapper {
	max-width:100%;
}

#header_wide{
background:transparent;
width:100%;
border-bottom: none;
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: 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: 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: -98px;
	text-align: left;
}



.streichpreis_2 {
	font-size: 17px;
}

.rabatttext {
	font-size: 16px;
}

.siegel_rabatt {
	position:absolute;
	top:40px;
	right:-145px;
}

@media (max-width: 1300px) {
	.siegel_rabatt {
		left:0px;
		right:auto;
	}
}

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

.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.png);
	background-repeat:no-repeat;
	height:151px;
	width:124px;
	position:fixed;
	top:20%;
	transform:translateY(-50%);
	right:0px;
	z-index:10;
}
@media (max-width: 1000px) {
	.rabatt_rechts {
		top:auto;
		bottom:10%;
	}
}
.rabatt_rechts p{
	font-family:Lato, Arial;
	color:#fff;
	font-size:22px;
	position:absolute;
	top:25px;
	right:24px;
}



.rabatt_siegel {
	background-image:url(../imgs/rabattsiegel_blank.png);
	background-repeat:no-repeat;
	height:151px;
	width:124px;
	position:absolute;
	top:70px;
	left:0px;
}

.rabatt_siegel p{
	font-family:Lato, Arial;
	color:#fff;
	font-size:22px;
	position:absolute;
	top:25px;
	right:24px;
}





.rabatt_rechts_countdown {	
	background-image:url(../imgs/rabattsiegel_blank_counter.png);
	background-repeat:no-repeat;
	width:129px;
	height:225px;
	
	position:fixed;
	top:161px;
	right:0px;
}


.rabatt_rechts_countdown p.p1{
	font-family:Lato, Arial;
	color:#fff;
	font-size:22px;
	width:100%;
	position:absolute;
	top:25px;
	right:0;
	text-align:center;
}

.rabatt_rechts_countdown p.p2{
    font-family: Lato, Arial;
    color: #000;
    text-shadow: 0px 1px 1px #fff;
    font-size: 13px;
    width: 100%;
    position: absolute;
    top: 142px;
    font-weight: 600;
    right: 0;
    text-align: center;
}

.rabatt_rechts_countdown p.p3{
	width: 100%;
    position: absolute;
    padding: 0 0 0 4px;
    top: 174px;
    box-sizing: border-box;
    right: 0;
    text-align: center;
}


.rabatt_rechts_countdown p.p3 span{
    font-family: Lato, Arial;
    color: #fff;
    font-size: 27px;
    margin: 0 1px;
    font-weight: bold;
}


.green_transparent_box {
	border: 2px dashed #18931d;
	border-radius: 5px;
	width: 301px;
	padding: 5px 10px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-around;
	margin-top:16px;
}

.green_transparent_box .left_text {
	font-size: 24px;
	color: #17931d;
	font-weight: bold;
	font-family: Lato;
	display: flex;
	align-items: center;
}

.green_transparent_box .right_text {
	font-size: 15px;
	color: #313131;
}

@media (max-width: 550px) {
	ul.banner_checks li:first-child {
		margin-left:50px;
	}	
}

.buha_sparschwein_outer {
	display:inline-block;
	position:relative;
}
@media (max-width: 850px) {
	.buha_sparschwein_outer {
		text-align:center;
	}
}

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

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

table.functions tr.button.vc td .tbl_btn {
	padding: 7px 10px;
}

table.functions tr.button.vc a {
	text-decoration: none;
}

.btn_download_buha {
	display:inline-block;
	background: rgb(255,175,0);
	background: linear-gradient(0deg, rgba(255,175,0,1) 0%, rgba(254,213,0,1) 100%);
	padding:13px 10px;
	height:45px;
	box-sizing:border-box;
	font-size:19px;
	color:#000;
	font-weight:900;
}

td .table_input {
	cursor:pointer;
	width:27px;
	height:27px;
	padding:5px 15px;
	background:url(../imgs/darkgreen_checkbox.png) center center no-repeat;
	margin:auto;
}

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

table.functions.v3 {
	color: #444444;
	border-collapse: separate;
}

table.functions.v3 tr {
	background: #ffffff;
}

table.functions.v3 tr.lightblue {
	background: #e9f0f6;
}

table.functions.v3 tr .green_icon_outerDiv {
	display: inline-block;
	width: 45px;
}

table.functions.v3 tr .green_icon_outerDiv img.green_icon {
	margin-left: 0px;
	vertical-align: baseline;
}

table.functions.v3 tr td {
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-left: 1px solid #d2dce4;
}

table.functions.v3 tr td.bordertopblue {
	border-top: 1px solid #d2dce4;
}

table.functions.v3 tr td.borderbottomblue {
	border-bottom: 1px solid #d2dce4;
}

table.functions.v3 tr td:last-child {
	border-right: 1px solid #d2dce4;
}

table.functions.v3 tr td p {
	margin: 0px;
}

table.functions.v3 tr.oneline td:first-child p {
	position: absolute;
	top: 13px;
	left: 63px;
}

table.functions.v3 tr td.oneline span.toggle {
	
}

table.functions.v3 tr td.active {
	border-left: 1px solid #7fbf8c !important;
	border-right: 1px solid #7fbf8c !important;
}

table.functions.v3 tr:first-child td {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top: 1px solid #d2dce4;
}

table.functions.v3 tr:first-child td.active {
	border-top: 1px solid #7fbf8c !important;
	border-collapse: separate;
}

table.functions.v3 tr:last-child td {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom: 1px solid #d2dce4;
}

table.functions.v3 tr:last-child td.active {
	border-bottom: 1px solid #7fbf8c !important;
}

table.functions.v3 tr.lightblue td.active {
	background: #e1efe2;
}

table.functions.v3 tr.content_toggle:nth-child(odd) td.active {
	background: #e1efe2;
}

table.functions.v3 tr td.packshot_bg {
	background: none;
}

table.functions.v3 tr td.nobottomline {
	border-bottom: none;
}

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

table.functions.v3 tr td.noleftline {
	border-left: none;
}

table.functions.v3 tr td.norightline {
	border-right: none;
}

table.functions.v3 .styled-radio input[type='radio'] + label {
	background: url(../imgs/checkbox_v3_unchecked.png) center center no-repeat;
}

table.functions.v3 .styled-radio input[type='radio']:checked + label {
	background: url(../imgs/checkbox_v3_checked.png) center center no-repeat;
}

table.functions.v3 tr.button td .tbl_btn {
	background: #fed823 !important;
	color: #07118d !important;
}

table.functions.v3 tr.button td .btn_testen_blue {
	
}

table.functions.v3 tr td .toggle_ico {
	margin-bottom: 3px;
}

table.functions.v3 tr.greylinetop td {
	border-top: 1px solid #f0f0f0;
}

table.functions.v3 tr.greylinebottom td {
	border-bottom: 1px solid #f0f0f0;
}

.custom_slider_buha .slide-content {
	background-color:rgb(233,240,246);
	border-radius:5px;
	width:430px;
	max-width:100%;
	position:relative;
	box-sizing:border-box;
	padding:20px;
	text-align:left;
}

.custom_slider_buha .slide-content p {

    white-space: normal;
}

.custom_slider_buha .customSlider-content {
	position:relative;
}

.custom_slider_buha .slide-next {
	position:absolute;
	top:15px;
	right:160px;
	cursor:pointer;
}

.custom_slider_buha .slide-prev {
	position:absolute;
	top:15px;
	left:160px;
	cursor:pointer;
}

.custom_slider_buha .slideZoom.slide {
	transform:scale(0.7);
	transition: all 0.5s;
	margin:0 -20px;
}

.custom_slider_buha .slideZoom.slide.active {
	transform:scale(1.0);
	z-index:10;
	margin:0px 15px;
}

.custom_slider_buha .slideZoom.slide.active:before {
	content:"";
	width:5px;
	height:50px;
	background-color:rgb(233,240,246);
	position:absolute;
	bottom:-47px;
	left:50%;
	transform:translateX(-50%);
}

.grayscale {
	filter:grayscale(1);
}

.custom_slider_buha.v2 .slide-content {
	display:flex;
	align-items:center;
	width:680px;
}

.custom_slider_buha.v2 .slide-prev {
	top:20px;
	left:65px;
}

.custom_slider_buha.v2 .slide-next {
	top:20px;
	right:65px;
}

.siegel_bottom .central_footer #footer .ssl_lock {
	bottom: 185px;
    left: -40px;
}

.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;
	line-height:1.4em;
}

.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;
	font-weight:400;
}

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


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

/*focus siegel*/
#logo_7_siegel::after {
	-webkit-transform: scaleX(-1);
	left: -28px;
}



.header_slider {
	position: relative;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0%);
    background: #f1f8ff;
}

.header_slider .container {
	max-width: 1100px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 50px;
}

.header_slider:after {
	content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding-bottom: 160px;
    background: inherit;
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

.header_slider .container .slider-container {
	display: flex;
	flex-wrap:wrap;
    margin-left: 40px;
    margin-top: 50px;
    position: relative;
    background-image: linear-gradient(to bottom, white, white, rgba(255, 255, 255, 0));
}

.header_slider .container .slider-container .premium-buch {
	position: absolute;
    left: -85px;
    bottom: -55px;
    z-index: 5;
}

.accent {
	color:#399c4e;
}

.header_slider .img-list {
    display: flex;
	align-items: center;
    justify-content: space-between;
}

.header_slider .header-description {
	margin-left: 35px;
	display: flex;
	flex-direction: column;
	width: 375px;
	padding:35px 0 25px 0;
}

.screenshot_slider_outer {
	width:578px;
	max-width:100%;
	position:relative;
	padding-bottom:22px;
}

.screenshot_slider_outer .bx-pager {
	position:absolute;
	bottom:-25px;
	left:50%;
	transform:translateX(-50%);
}

.screenshot_slider_outer .bx-pager .pager-link {
	width:19px;
	height:19px;
	background-color:#d2e0ee;
	border:2px solid white;
	border-radius:100%;
	display:inline-block;
	box-sizing:border-box;
	text-indent:-9999px;
	margin:0px 4px;
}

.screenshot_slider_outer .bx-pager .pager-link.pager-active {
	background-color:#1d66aa;
}

.slider_notice {
	position:absolute;
	top:-47px;
	left:-15px;
}


@media (max-width: 1050px) {
	.header_slider .container .slider-container {
		justify-content:center;
	}
	.custom_slider_buha.v2 {
		width:100%;
		overflow-x:scroll;
	}
}


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



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


.banner-testi {
	width:100%;
	background-image:url(../img/testi_banner1.jpg);
	background-repeat:no-repeat;
	background-position:center;
	min-height:500px;
}

.banner-testi.content-testi1 {
	background-image:url(../imgs/testi_banner1.jpg);
}

.banner-testi.content-testi2 {
	background-image:url(../imgs/testi_banner2.jpg);
}

.banner-testi.content-testi3 {
	background-image:url(../imgs/testi_banner3.jpg);
}

.banner-testi__text-block {
	width:340px;
	margin-right:15px;
}

.banner-testi__hl {
	font-family:Lato, Arial;
	font-size:43px;
	color:#3c3c3c;
	font-weight:600;
	margin-bottom:30px;
}

.banner-testi__subhl {
	font-family:Lato, Arial;
	font-size:25px;
	color:#3c3c3c;
	font-weight:600;
	margin-bottom:15px;
}

.white-span {
	background-color:#fff;
	line-height:1.6em;
	padding:0 5px;
}

.flex {
	display:flex;
}

.flex--ai-center {
	align-items:center;
}

.flex--jc-around {
	justify-content:space-around;
}

.flex--jc-end {
	justify-content:flex-end;
}

.flex--col {
	flex-direction:column;
}

.banner-testi__auswahl {
	width:155px;
	border-radius:5px;
}

.banner-testi__content {
	padding:75px 170px 33px 0;
}

.banner-testi__thumbnail-outer {
	width:624px;
	cursor:pointer;
}

.banner-testi_video-thumbnail {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
}

@media (max-width: 1850px) {
	.banner-testi__content {
		padding:75px 20px 60px 0;
	}
}
@media (max-width: 1600px) {
	.banner-testi {
		background-position:-210px center;
	}
	.banner-testi.content-testi3 {
		background-position:-285px center;
	}
}
@media (max-width: 1550px) {
	.banner-testi__content {
		padding:25px 20px 0 0;
	}
	.banner-testi__video-block {
		width:625px;
		flex-wrap:wrap;
	}
	.banner-testi__video-block .flex--col {
		flex-direction:inherit;
		gap:20px;
	}
}
@media (max-width: 1400px) {
	.banner-testi__video-block {
		width:35%;
	}
	.banner-testi__content {
		padding:65px 20px 0 0;
	}
}

.rot {
	color:#dd031b ;
}


.rotated-text{
    position: absolute;
    width: 100%;
    bottom: -16px;
    left: 53px;
    font-size: 13px;
    transform: rotate(350deg) skewX(-14deg);
    transform-origin: left center;
}