/*CUSTOM STYLES*/
img{border:none;}
h1, h2, h3, h4, ul, p{margin:0;}
.clear{clear:both;}

.row{margin-bottom:20px;}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea
{
    padding: 0px 6px;
}


#mainheaderbox{padding:0;}
#header{padding-top:15px;padding-bottom:15px;}
#header .row{margin-bottom:0;}
#headerLogobox{float:left;display:inline-block;margin-right:40px;}
#headerCheckbox{float:left;display:inline-block;}
#headerChecklist{margin-top:8px;}
#headerChecklist li{float:left;display:inline-block;margin-right:25px;font-size:14px;color:#333;line-height:120%;padding-left:45px;min-height:35px;}
#headerChecklist #check1{background:url(../images/abtest/redpur-bio-infrarotheizung.jpg) no-repeat;}
#headerChecklist #check2{background:url(../images/abtest/redpur-german-flag-mob.png) no-repeat; background-size: auto 100%; background-position:left center; text-indent: -1100px; width: 90px;}
#headerChecklist #check3{background:url(../images/abtest/redpur-garantie72.png) no-repeat;}
#headerChecklist #check4{background:url(../images/abtest/redpur-persoenliche-beratung.png) no-repeat;margin-right:0;}
#mainvisbg{background:url(../images/abtest/redpur-teaser-infrarot-heizung.jpg) top center no-repeat;padding-top:200px;min-height:504px;}
#mainvisbg hr{margin:25px 40px 20px 0px;border:0;border-top:1px solid #f1f1f1;}
#maindescBox{padding-left:0;padding-right:10px;}
#teaserdescBox{background:#fff;margin-left:-30px;max-width:497px;}
#wavebg{background:url(../images/abtest/redpur-box-wave.png) no-repeat;width:497px;display:block;height:22px;position:relative;top:-22px;}
#wavebg2{background:url(../images/abtest/redpur-formular-headbg.png) no-repeat;width:478px;display:block;height:39px;position:relative;top:-39px; max-width: 100%;}
#mainheadline{font-size:30px;color:#c90000;line-height:120%;margin-bottom:20px;padding:0px 30px;margin-top:-15px;}
#mainheadline span{font-size: 20px; color: #333; line-height: 0.1em;}
#mainchecklist2,#mainchecklist{padding:0 10px 0 30px;}
#mainchecklist2 li,#mainchecklist li{background:url(../images/abtest/redpur-check2.png) 0 4px no-repeat;font-size:15px;color:#333;line-height:140%;padding-left:25px;margin-bottom:10px;}
#mainchecklist2{margin: 0 0 0 -30px;}

@media (max-width: 1001px){
    #mainchecklist2{margin: 0;}   
     #headerChecklist li
    {
        width: 45% !important;
    }
     #headerChecklist li#check2
    {
        width: 95px !important;
    } 
}
@media (max-width: 767px){
    #headerChecklist #check2{background:url(../images/abtest/redpur-german-flag-mob.png) no-repeat; width: 95px; background-size: 100% auto;  min-height: 46px;  }    
}
@media (max-width: 767px) and (orientation:portrait){
    #headerChecklist li
    {
        width: 96% !important;
    }
    #headerChecklist li#check2
    {
        width: 95px !important;
    }
}
#dutytxt{font-size:12px;color:#666;line-height:140%;padding-left:55px;}

#descheadline{font-size:24px;color:#c90000;line-height:120%;margin-bottom:20px;}
#desctxt{font-size:16px;color:#333;line-height:140%;margin-bottom:20px;}
#formularBox{padding-right:0;}
#formularbg{background:#f1f1f1;margin-top:212px;margin-left:-5px;max-width:478px; min-height: 403px;}
.messageCon{
    margin: 72px 0 0 0;
}
#formularheadline {color: #333; font-size: 22px; line-height: 120%; margin-top: -25px; padding-left: 35px; }
#formularbg p{padding-left: 35px;  padding-right: 15px;}
#formularheadline span{font-size:30px;color:#c90000;font-weight:700;}
form{padding:0 35px;margin:20px 0;}
form label{float:left;width:75px;text-align:right;margin-right:10px;height:20px;line-height:20px;}
form select{width:80px;float:left;/*height:20px;*/ height:20px;margin-bottom:15px;}
form input[type=text]{width:115px;/*height:20px;*/ /*height:25px;*/border:1px solid #c9c9c9;float:left;margin-bottom:15px;}
#dutytxt2{float:right;font-size:11px;color:#999;line-height:140%;margin-right:10px;}
#formdesc{font-size:14px;color:#333;line-height:140%;margin-bottom:20px;margin-top:10px;}
#ctaBox{text-align:center; margin: 20px 0 0 0; }
#cta{
	width:300px;
	height:50px;
	display:inline-block;
	border:0;
	cursor:pointer;
	margin-bottom:10px;
	background:#6b0101;
    -o-background-size:100% 100%;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    /* Internet Explorer */
    *background:#6b0101;
    background:#6b0101\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFe60000, endColorstr=#FF6b0101);
    /* Recent browsers */
    background-image: -webkit-gradient(
        linear,
        left top, left bottom,
        from(#e60000),
        to(#6b0101)
    );
    background-image: -webkit-linear-gradient(
        top,
        #e60000,
        #6b0101
    );
    background-image: -moz-linear-gradient(
        top,
        #e60000,
        #6b0101
    );
    background-image: -o-linear-gradient(
        top,
        #e60000,
        #6b0101
    );
    background-image: linear-gradient(
        top,
        #e60000,
        #6b0101
    );
    background: -ms-linear-gradient(
		top, 
		#e60000, 
		#6b0101
	);
}
#cta span{background:url(../images/abtest/redpur-cta-arrow.png) right center no-repeat;font-size:16px;color:#fff;padding-right:20px;}
#cta:hover{
	background:#e60000;
    -o-background-size:100% 100%;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    /* Internet Explorer */
    *background:#e60000;
    background:#e60000\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF6b0101, endColorstr=#FFe60000);
    /* Recent browsers */
    background-image: -webkit-gradient(
        linear,
        left top, left bottom,
        from(#6b0101),
        to(#e60000)
    );
    background-image: -webkit-linear-gradient(
        top,
        #6b0101,
        #e60000
    );
    background-image: -moz-linear-gradient(
        top,
        #6b0101,
        #e60000
    );
    background-image: -o-linear-gradient(
        top,
        #6b0101,
        #e60000
    );
    background-image: linear-gradient(
        top,
        #6b0101,
        #e60000
    );
    background: -ms-linear-gradient(
		top, 
		#6b0101, 
		#e60000
	);
}
#safe{font-size:14px;color:#333;line-height:14px;display:inline-block;background:url(../images/abtest/redpur-safe-icon.png) no-repeat;padding-left:20px;margin-bottom:30px;}
#thxtxt{font-size:16px;color:#333;line-height:140%;padding-left:30px;margin-bottom:10px;padding-bottom:20px;padding-right:20px;}

.teaserbox1{border-top:1px solid #e6e6e6;margin-top:20px;}
.teaserbox2{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;margin-bottom:20px;}
.teasercontent1{padding-left:0;padding-right:30px;}
.teasercontent1 div{border-right:1px solid #e6e6e6;padding:30px 15px 30px 0;}
.teasercontent2{padding:30px 0 30px 25px;}
.teasercontent3{padding-left:0;padding-right:30px;}
.teasercontent3 div{border-right:1px solid #e6e6e6;padding:30px 15px 30px 0;}
.teasercontent4{padding:30px 0 30px 25px;}
.teasercontent1 h4, .teasercontent2 h4, .teasercontent3 h4, .teasercontent4 h4{font-size:24px;color:#a72e11;margin-bottom:15px;}
.teasercontent1 p, .teasercontent2 p, .teasercontent3 p, .teasercontent4 p{margin-top:10px;line-height:140%;font-size:16px;max-width:400px;}

.descbox{padding:0;}
.descbox p{text-align:center;line-height:140%;font-size:21px;}
.descbox p span{color:#a72e11;}

.impbox{padding:0;position:relative;margin-top:30px;margin-bottom:30px;}
.impbox hr{border-color:#e6e6e6;margin:0;}
.impbox p{position:absolute;top:-14px;right:0;background:#fff;padding-left:20px;}
.impbox p a{color:#a8a8a8;font-size:14px;margin-left:20px;}

/* Subsites */
.impressbox{margin-bottom:20px;margin-top:20px;padding:0;}
.impressbox h1{margin-bottom:15px;}
.impressbox h4, .impressbox h3{margin:15px 0;}
.impressbox dt, .impressbox dd{font-size:16px;display:block;}
.impressbox dt{font-weight:bold;}
.impressbox dd{margin-bottom:10px;}
.impressbox ul{margin-bottom:20px;}
.impressbox ul li{line-height:15px;}

/*IE FIXES*/
.row{width: 980px\9;}
.columns,.column{*margin-right: -30px;}

@media only screen and (max-width: 1000px) {
	.descbox, .impressbox{padding:0 15px;}
	.impbox{padding-right:15px;}
	.teasercontent2, .teasercontent4{padding:30px 15px;}
	.impbox p{right:15px;}
	.teasercontent1, .teasercontent3{padding:0 0 0 15px;}
	.teasercontent1 div, .teasercontent3 div{padding-right:15px;}

	/* AB-Test */
	#mainheaderbox{padding:0 15px;}
	#headerCheckbox{width:520px;}
	#headerChecklist li{margin-bottom:10px;}
	#teaserdescBox{margin-left:0;}
	#wavebg, #wavebg2{width:100%;}
	#mainheadline, #mainchecklist,#mainchecklist2{padding:0 15px;}
	#mainchecklist2 br.desktop,#mainchecklist br.desctop, #descheadline br{display:none;}
	.letterspacing{letter-spacing:0;}
	#dutytxt{padding-left:40px;}
	#formularheadline, form{padding:0 15px;}
	form input[type="text"]{width:85px;}
	#descheadline, #desctxt{padding:0 15px;}
	#thxtxt{padding-left:15px;}
}

@media only screen and (max-width: 767px) {
	/*MOBILE STYLES*/
	.teasercontent1, .teasercontent3{padding:0 15px;}
	.teasercontent1 div{border-right:none;padding:30px 0 0 0;}
	.teasercontent3 div{border-right:none;padding:0;}
	.teaserbox2{border-top:none;}

	/* AB-Test */
	#headerLogobox{margin-bottom:10px;float:none;margin-right:0;}
	#headerCheckbox{float:none;width:100%;}
	#mainvisbg{background:none;padding-top:20px;min-height:100%;}
	#mainvisbg hr{margin-left:0;margin-right:0;}
	#maindescBox{padding:0 15px;}
	#wavebg, #wavebg2{display:none;}
	
	#mainchecklist2,#mainheadline, #mainchecklist, #dutytxt, #descheadline, #desctxt{padding:0;}
	#formularBox{padding-right:15px;}
	#formularbg{margin-top:20px;max-width:100%;padding:20px;}
	#formularheadline{padding:0;margin-top:0;margin-bottom:20px;text-align:center;}
	form{padding:0;margin:0;}
	form label{float:none;width:100%;text-align:left;margin:0 0 5px 0;line-height:140%;height:100%;}
	form #labelanrede{float:left;margin-right:20px;line-height:20px;height:20px;width:45px;}
	form input[type="text"]{width:100%;float:none;}
	#formdesc{text-align:center;}
	#ctaBox{max-width:100%;}
	#dutytxt2{margin-right:0;}
	#safe{margin-bottom:0;}
	#thxtxt{padding-left:0;}
}

@media only screen and (max-width: 400px) {
	#formularBox{padding:0;}
	#cta{width:100%;}
}