@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&display=swap');
														
/* RESET */
* 																{ margin:0; padding:0 }
h1,
h2,
h3,
h4,
h5,
h6 																{ font-weight:normal }
a:focus,
a:hover,
a:active,
input:focus 													{ outline:none }
a 																{ outline:none }
strong 															{ font-weight:bold }
a img 															{ border:none }


/* STYLES */
body 															{ margin:0 0 0 0; background:#ffffff ;  color: #fff; font-size:12px; line-height:16px; font-family: Arial, Helvetica, sans-serif; }

html 															{ -webkit-text-size-adjust: 100% }


#pageWrap														{ background:#81b091 ; /* Old browsers */
																background: -moz-radial-gradient(center, ellipse cover, #FF736B 1%, #FF736B 20%,#FF736B  100%); /* FF3.6-15 */
																background: -webkit-radial-gradient(center, ellipse cover, #FF736B 1%, #FF736B 20%,#FF736B  100%); /* Chrome10-25,Safari5.1-6 */
																background: -ms-radial-gradient(center, ellipse cover, #FF736B 1%, #FF736B 20%,#FF736B  100%); /* Chrome10-25,Safari5.1-6 */
																background: radial-gradient(ellipse at center, #FF736B 1%, #FF736B 20%,#FF736B  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
																filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FF736B , endColorstr=#FF736B , GradientType=1 ); /* IE6-9 fallback on horizontal gradient *//** margin:0 auto;**/margin:0 auto; /**background: url(../_img/bgOben.gif)**/ ; max-width: 980px; position:relative;  box-shadow:0 0 10px #000;}

/* Header */
#header 														{ height:auto;max-width: 980px; }
#headerLeft														{ width:100%; float:left; padding:3% 0% 0 0%; text-align: center; color: #fff; font-size:3.5rem; font-weight: bold; font-family: Helvetica; padding-bottom: 3rem; padding-top: 5rem}
#headerLeft p													{ color:#fff; font-size:16px; font-weight:bold; margin-left:6%; text-shadow:2px 2px 1px #000066 }
#headerRight													{ width:28%; float:right; padding:0 2% 0 0; text-align:right; z-index: 0; position: relative;}
#headerLeft img												    { max-width:100%;height:auto }
#headerRight img												{ max-width:100%;height:auto }

/* Allgemeines */
h1 																{ font-size: 23px; line-height:32px; font-weight:bold; color:#fff; margin:0 0 30px 0; }
h1 .orange 														{ font-size: 32px; line-height:40px; color:#fff; }
h2 																{ font-size: 18px; line-height:24px; font-weight:bold; color:#fff; margin:5px 0 0; }
p																{ margin:0 0 18px 0}
hr 																{ background-color:#006598; color:#006598; height:1px; border:none; margin-bottom:20px; }
.clearLeft 														{ clear:left }
.clearBoth														{ clear:both }
.clearBothHeight												{ clear:both; font-size:0; line-height:0; height:0 }
.schwarz 														{ color:#000 }
.auszeichnung 													{ color:#ed213a; font-weight:bold }
.auszeichnung2 													{ color:#FFFF00}
.textBigger														{ font-size:13px; line-height:17px; font-weight:bold; }
.zusatz															{ margin:25px 0 0 0; padding:0 3% 0 1%; font-size:12px; line-height:15px; }
.test															{ border-top:1px  solid #234b9e; border-bottom:1px  solid #234b9e;  padding:1% 3% 1% 50px; font-size:14px;}
.red_text														{ color:#ed213a;  margin:0 auto; padding-top: 1%; line-height: 30px;}
.black_text														{  margin:0 auto; line-height:20px;  }			
/* Inhalt links */
#left,
#leftfront 														{ max-width:980px;float:left;padding:20px 2%; }

#left a:link,	
#left a:visited 												{ color:#fff;text-decoration:none;transition:all 0.3s ease-in-out}
#left a:hover,
#left a:active 													{ color:#b40018;text-decoration:underline }



/* Artikel*/
.artikelText {color:#fff}
.artikel 														{ width: calc(100% / 3 - 64px);box-sizing: border-box;border-bottom:1px dotted #006598;margin: 20px 32px; }
.artikelBild 													{ position: relative;box-sizing: border-box; }
.artikelBild[data-values] 										{ cursor: pointer; }
.artikelBild img 												{ max-width:300px; width:100%; height:auto;}
.artikelBild[data-values]:hover img 							{ -webkit-box-shadow: 0 0 6px 4px rgba(237, 33, 58, 0.9); box-shadow: 0 0 6px 4px rgba(237, 33, 58, 0.9); -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.artikelTxt 													{ padding:0px 0px 20px 2px }
.artikelTxtBox 													{ height:60px;padding:0 10px 10px 0 }
.artikelTxtBox h2 												{ font-size:14px; line-height:17px; font-weight:bold; color:#fff; }
.artikelTxtBox p 												{ margin:0; line-height:14px }
.artikel table 													{  }
.artikel table tr td 											{ font-size:12px; line-height:15px; padding-bottom:8px; }
.artikel.borderBottomNone										{ border-bottom:none }
.artikel.last													{ height:45px; text-align:center; }
.artikel:nth-child(7),
.artikel:nth-child(7) .artikelTxtBox							{ height:auto; border:none; }

.wufooo															{ padding:0px 0px 0px 25px; width: 60%; }

/* Inhalt rechts */
#right 															{ width:22%; float:right; color:#000; /**background:#dfeaf6;**/ padding:0 2% 0 2%; text-align:center }
.renaultLogo													{ background:#FFF;width:255px; margin:0 -20px; padding-bottom:50px }
#right a:link,
#right a:visited 												{ color:#fff; text-decoration:none; margin-top:2px }
#right a:hover,
#right a:active 												{ text-decoration:underline }
#right h2 														{ font-size: 20px; line-height:24px; font-weight:bold; color:#fff }
#right .auszeichnung 											{ color:#fff; font-weight:bold; }
#right .wettbewerb												{ position:relative; }
#right .wettbewerb img 											{ max-width:100%; height:auto; vertical-align:bottom; margin:20px 0 40px 0; opacity:0.85;transition:all 0.2s ease-in-out }
#right .wettbewerb img:hover 									{ opacity:1 }
#right .gewinn 													{ font-size:13px; font-weight:bold }
#right p 														{ -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; }
.teinahme														{ font-size:11px; line-height:normal; }

.bestellung 													{ font-size:16px; line-height:18px; font-weight:bold; color:#ed213a; margin:10px 0 7px 0 }



/* Slideshow und Logos */
#slideshow 														{ position:relative; padding:4px 0; }
#slideshow div 													{ position:absolute; top:0; left:0;  z-index:8; opacity:0;  }
#slideshow div.active 											{ z-index:10; opacity:1.0; }
#slideshow div.last-active 										{ z-index:9; }
#slideshow div img 												{ width:100%; height:auto; display:block; border:0; }

#logos						 									{ position:absolute; top:520px; display:block; text-align:center; z-index:20; border-bottom:4px solid #e46100; }
#logos a img    												{ margin:35px auto; opacity:0.8; filter:alpha(opacity=80); }
#logos a img:hover 												{ opacity:1.0; filter:alpha(opacity=100); margin-bottom:1px; margin:34px 0 36px 0; }

/* contactForm */
#contactForm 													{ max-width:290px; margin:8px 0 0 0; padding:2%; border:1px solid #006598; background:#f7f7f7; line-height:normal; display:block; }
#contactForm table tr td 										{ padding:2px; }
#contactForm legend 											{ font-size:14px; color:#005195; font-weight:bold; padding:0 0 0 4px; margin-bottom:2px; }
#contactForm fieldset 											{ border:none; }
#contactForm form label											{ padding-left:2px; }
#contactForm form input 										{ width:170px; border:1px solid #00528f; padding:1px 4px 2px 4px; color:#000; font-size:12px; font-family: Arial, Helvetica, sans-serif;border-radius:0; -webkit-appearance:none }
#contactForm form textarea 										{ border-radius:0; -webkit-appearance:none }
#contactForm form .Mitteilung 									{ border:1px solid #8fb616; padding:4px; margin:0 0 5px 0; color:#000; width:281px; height:60px; font-size:12px; font-family: Arial, Helvetica, sans-serif; }
#contactForm .radio 											{ width:17px; margin:1px 0 0 0; -webkit-appearance:radio; border-radius:50% }
#contactForm .checkbox 											{ width:17px; margin:0; -webkit-appearance:checkbox; border-radius:50% }
#contactForm input.FeldError,
#contactForm textarea.FeldError 								{ border:1px solid #990000; background-color:#FCF8FA; }
.buttonDiv 														{ width:226px; float:left; text-align:right; margin:200px 0 0 0; }
#contactForm form input.form_but,
form input.form_but,
.laenderwahl 													{ margin:5px auto; width:100%; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; padding:7px 5px 6px 5px; cursor:pointer; background-color:#ed213a; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ed213a, endColorstr=#ed213a);background-image: -moz-linear-gradient(top, #ed213a, #ed213a); background-image: -webkit-gradient(linear, left top, left bottom, from(#ed213a), to(#ed213a)); border:none; border-radius:0;transition:all 0.3s ease-in-out}

#contactForm form input.form_but:hover,
form input.form_but:hover,
#contactForm form input.form_but:focus,
form input.form_but:focus,
.laenderwahl:hover,
.laenderwahl:focus												{ background-color:#000; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#000, endColorstr=#000);background-image: -moz-linear-gradient(top, #000, #000); background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)); border:none; border-radius:0 }

form input.aboBtn 												{ margin:5px auto; width:100px; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; padding:7px 5px 6px 5px; cursor:pointer;background-color:#000; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#000, endColorstr=#000);background-image: -moz-linear-gradient(top, #000, #000); background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)); border:none;border-radius:0;transition:all 0.3s ease-in-out}

form input.aboBtn:hover,
form input.aboBtn:focus 										{ background-color:#000; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#000, endColorstr=#000);background-image: -moz-linear-gradient(top, #000, #000); background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));color:#fff }

.buttons														{ padding:0 4%; text-align:center;}
.btnStart 														{ width:280px !important; margin:0 auto;}
#resetbutton													{}
#btnNeu															{ max-width:320px;}

#contactForm form .error-input,
#contactForm form .error-both .input,
#contactForm form .error-same .input 							{ background-color:#FFEFFC; border-color:#990000 }
#contactForm div.error-div 										{ margin:5px 0 9px 0; padding-left:4px; color:#990000; font-size:12px; font-weight: bold }
.thankYou														{ margin:5px 0 9px 0; font-size:12px }


/* Footer */
#footer 														{ margin:0;padding:3% 3% 6% 50px; /**border-top:1px solid #f2f3f7;**/ font-size:14px; line-height:19px; color:#fff }
#footerLeft														{ width:47%;float:left }
#footerRight													{ width:47%;float:right;text-align:right;position:relative }
#footer a:link,
#footer a:visited 												{ color:#fff;text-decoration:none }
#footer a:hover,
#footer a:active 												{ text-decoration:underline }

div.addthis_toolbox.addthis_default_style.addthis_32x32_style 	{ position:absolute;right:0 }

#scrollTop														{ float:right; width:50px; height:50px; border-radius:25px; background-color:#ed213a; background-image: url(../_img/toTop_1.png); background-position:center center; background-repeat:no-repeat; background-size:52px 52px; cursor:pointer;transition:all 0.3s ease-in-out}
#scrollTop:hover												{ background-color:#000 }



@media screen and (max-width: 980px) {

#pageWrap														{ width:auto; box-shadow:none}

#header 														{ height:auto; margin-bottom:-20px }
#headerLeft														{ width:96%; padding:4% 2% 4% 2%; text-align:center; overflow:hidden;  line-height: 3.5rem;}
#headerLeft img													{ max-width:100%; height:auto; margin-left:0; margin-top:0 }
#headerLeft p													{ font-size:14px; }

h1,
h1 .orange 														{ font-size: 17px; line-height:23px; margin:0 0 10px 0; }
.zusatz															{ margin:0; }

#headerRight													{ display:none }

#left															{ max-width:94%; float:none; margin:0 3% ;padding:20px 0 0 0; text-align:center }

#contactForm 													{ margin:8px auto 0 auto }
#contactForm table tr td 										{ text-align:left }
#contactForm .radio 											{ margin:0; }

#button															{ margin-top:0 }

.buttons														{ padding:0 4%; text-align:center; }

#right 															{ display:none }

.artikel 														{ max-width:460px; width:100%;height: unset; float:none;  margin:5px auto 0 auto; text-align:center; }
.artikel:nth-child(4)											{ margin-bottom:15px }
.artikelBild 													{ display:block; height:auto; }
.artikelBild img 												{ max-width:70%; height:auto;position: relative; top: unset;left: unset;transform: none; }
.artikelTxt 													{ padding:0 0 0 0;  }
.artikelTxt h2 													{ font-size:13px; line-height:17px; color: #fff}
.artikelTxtBox p												{ font-size:12px; line-height:15px; }
.artikelTxtBox 													{ height:auto ;padding:0; }
.artikel table 													{ width:280px;margin:10px auto 0 auto; box-shadow:0 0 0 #999; border-collapse:collapse }
.artikel table td:first-child 									{ width:30px; background:#b40018; vertical-align:middle; padding:6px 2px; text-align:center; border:1px solid #fff }
.artikel table td:last-child 									{ padding:3px 3px 3px 10px; text-align:left; background:#e9f1fb; border:1px solid #fff; line-height:13px; }
.artikel.last													{ padding-top:20px; margin-bottom:30px; height:auto }

#footer 														{ padding:6% 3% 6% 3%; border-top:1px solid #e1e7ef; }
#footerLeft														{ width:100%;text-align:center }
#footerRight													{ width:100%;text-align:center; position:relative }
#footerRightr img 												{ position:absolute; right:0;top:15px}

.btnStart 														{ width:280px !important; margin:0 auto }

div.addthis_toolbox.addthis_default_style.addthis_32x32_style 	{ position:static;margin:0 auto;width:110px }

#scrollTop														{ float:none;margin:0 auto }
}

@media screen and (max-width: 640px)
{
	.wufooo
	{
		padding: 0 5%;
		width: 90%;
	}
}
.magazine
{
	width: 200px;
	height: 260px;
	position: relative;
	background-color: #ffffff;
}
.price_block
{
	display: none;
	width: 110px;
	height: 110px;
	position: absolute;
	bottom: -20px;
	right: -20px;
	background-color: #d41434;
	border-radius: 55px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #ffffff;
	line-height: normal;
	letter-spacing: 1px;
	text-align: center;
	padding: 12px 5px;
	box-sizing: border-box;
}
.price_block strong
{
	display: block;
	font-size: 16px;
	font-weight: 900;
}

.promo
{
	float: left;
	position: relative;
	z-index: 0;
	margin: 0 0 0 80px;



}

.promotion_block
{
	width: 240px;
	height: 330px;
	position: relative;
	cursor: pointer;
	text-decoration: none;
	display: block;
}
.promotion_block::before
{
	width: 240px;
	height: 240px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #234b9e;
	border-radius: 50%;
	content: '';
	z-index: -1;
}
.promotion_block::after
{
	width: 240px;
	height: 120px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #234b9e;
	content: '';
	z-index: -1;
}
.promotion_block .content
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #234b9e;
	text-align: center;
	z-index: 0;
}
.promotion_block .content::before
{
	width: 220px;
	height: 220px;
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: #ffffff;
	border-radius: 50%;
	content: '';
	z-index: -1;
}
.promotion_block .content::after
{
	width: 220px;
	height: 100px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	background-color: #ffffff;
	content: '';
	z-index: -1;
}
.promotion_block .content img
{
	width: 130px;
	border-radius: 65px;
	margin-top: 20px;
}
.promotion_block .content h3
{
	display: inline-block;
	border: 5px solid #d41434;
	font-size: 16px;
	color: #d41434;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 5px 10px;
}
.promotion_block .content h3:hover
{
	background-color: #d41434;
	color: #ffffff;
	text-decoration: none;
}
.promotion_block .content span
{
	display: block;
	font-size: 12px;
	color: #d41434;
}
.promotion_block .content h2
{
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	line-height: 21px;
	margin-top: 25px;
	padding: 0 10px;
}

form.artikelForm
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.ot-sdk-show-settings!important{
	visibility: hidden;
}

.artikel a {
	/*background-color: #e30713;*/
	background-color: #e30713 !important;
	color: white !important;
	font-size: 1rem;
	padding: 10px 15px;
display: flex;

align-items: end;
justify-content: center;
margin-bottom: 5px;

}
.artikel a i {
	padding-left: 10px;
}

.artikel a:hover, .artikel a:focus, .artikel a:active{
	background-color:  white !important; 
	color: #e30713 !important;
	text-decoration:none!important

}