.tarif iframe{
width:100%;
height: auto;
}

#zaehlerstand{
min-height:443px;
}

.grid_start_content_top_text{
height: 100%;
}

.link_angebot{
bottom: 0px;
position: absolute;
}

.grid_start_angebot_bottom{
position: absolute;
top: 175px;
}

/* ____________________________________ Allgemein ____________________________________ */
*{
outline:none;
}

html, body{
width:100%;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-webkit-font-variant-ligatures: no-common-ligatures;
}

body{
background-color: #f0f0f0;
}

.center_helper{
height: 100%;
display: inline-block;
vertical-align: middle;
}

.center_content{
width: 98%;
height: auto;
display: inline-block;
vertical-align: middle;
}

.clearfix{
clear: both;
}

.link_button_big, .link_button_small{
display: inline-block;
padding: 15px 0px;
text-align: center;
font-family: 'billcorpm3-bold';
text-decoration: none;
-webkit-border-radius: 25px;
border-radius: 25px;
}

.link_button_big{
margin-top: 90px;
width:200px;
font-size: 18px;
}

.link_button_small{
margin-top: 40px;
width:150px;
font-size: 14px;
}

.link_button_white, .link_button_black, .link_button_red{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;    
}

.link_button_white{
background-color: #fff;
color:#ff2f00;
}

.link_button_white:hover{
background-color: #000;
color:#fff;
}

.link_button_black{
background-color: #000;
color:#fff;
}

.link_button_black:hover{
background-color: #fff;
color:#000;
}

.link_button_red{
background-color: #ff2f00;
color:#fff;
}

.link_button_red:hover{
background-color: #000;
}

/* ____________________________________ Navigation ____________________________________ */
nav{
position: fixed;
width:380px;
height: 100%;
top:0px;
left:-410px;
z-index: 1;
background: -moz-radial-gradient(center, ellipse cover,  #ff2f00 0%, #d02600 100%);
background: -webkit-radial-gradient(center, ellipse cover,  #ff2f00 0%,#d02600 100%); 
background: radial-gradient(ellipse at center,  #ff2f00 0%,#d02600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2f00', endColorstr='#d02600',GradientType=1 );
}

#nav_wrapper{
width: 70%;
height: 100%;
margin: 0px auto;
}

#nav_wrapper li{
margin-bottom: 20px;
}

#nav_wrapper li:last-child{
margin-bottom: 0px;
}

#nav_wrapper li a:before{
position: absolute;
content:'';
width:28px;
height:15px;
background-size: 100% auto;
left: 0px;
margin-top: 6px;
visibility: hidden;
opacity: 0;
background-image:url(/cms/upload/allgemein/thiele_ohg_navigation_arrow_hover.png);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#nav_wrapper li a{
font-family: 'HeimatStencil-SemiBold';
font-size: 30px;
color:#fff;
text-decoration: none;
}

#nav_wrapper li a:hover::before{
visibility: visible;
opacity: 1;
left: 26px;
}

#menu_close{
position: absolute;
top:25px;
right:25px;
display: none;
width:28px;
height:15px;
background-size: 100% auto;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
background-image:url(/cms/upload/allgemein/thiele_ohg_navigation_arrow_hover.png);
cursor: pointer;
}

#menu_kontakt a, #menu_kontakt a[href^="tel"]{
color: #fff;
text-decoration: none;
}

/* ____________________________________ Content ____________________________________ */
#content{
width:100%;
background-color: #f0f0f0;
padding-bottom:20px;
overflow: hidden;
}

#content_wrapper{
width:1800px;
margin: 0px auto;
}

/* ____________________________________ Header ____________________________________ */
header{
padding: 40px 0px 50px;
}

#header_wrapper{
background-image: url(/cms/upload/allgemein/thiele_ohg_stripes_header.png);
background-repeat: repeat-x;
}

#header_menu_tel_wrapper{
display: inline-block;
padding-right: 20px;
background-color: #f0f0f0;    
}

.header_float{
float: left;
}

#menu_button{
width:55px;
height:15px;
margin-top: 1px;
cursor: pointer;
background-repeat: no-repeat;
}

.menu_button_stroke{
width:100%;
height:2px;
background-color: #ff2f00;
}

.menu_button_stroke:nth-child(2){
margin: 4px 0px;
}

.rotate_down{
-moz-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
width:20px;
}

.rotate_up{
-moz-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-o-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
width:20px;
}

#menu_button_text, #header_tel, #header_wa{
font-family: 'billcorpm3-bold';
color: #ff2f00;
}

#menu_button_text{
font-size: 20px;
cursor: pointer;
}

#header_tel, #header_wa{
font-size: 25px;
line-height: 0.9;
}

#header_tel a[href^="tel"]{
color: #ff2f00;
text-decoration: none;
}

#menu_button_text{
margin-left: 15px;
}

#header_tel, #header_wa{
margin-left: 40px;
}

#header_tel_img{
width:29px;
height:29px;
margin:-10px 8px 0px 0px;
background: url(/cms/upload/allgemein/thiele_ohg_icon_telefone.png);
background: url(/cms/upload/allgemein/thiele_ohg_icon_telefone.svg), linear-gradient(transparent, transparent);
background-repeat: no-repeat;
}

#header_wa_img{
width:34px;
height:34px;
margin:-13px 8px 0px 0px;
background: url(/cms/upload/allgemein/thiele_ohg_icon_whatsapp.svg), linear-gradient(transparent, transparent);
background-repeat: no-repeat;
}

#logo{
width:302px;
height:36px;
float: right;
background: url(/cms/upload/allgemein/thiele_ohg_logo.png);
background: url(/cms/upload/allgemein/thiele_ohg_logo.svg), linear-gradient(transparent, transparent);
background-color: #f0f0f0;
background-repeat: no-repeat;
}

#logo a{
display: block;
width: 100%;
height: 100%;
}

/* ____________________________________ Grid Start ____________________________________ */
#grid_start_wrapper, #grid_produkte_wrapper{
height: calc(100vh - 142px);
}

#grid_start_heizoelshop{
width: 49.5%;
height: 100%;
float: left;
background: #ff2f00;
background: -moz-radial-gradient(center, ellipse cover,  #ff2f00 0%, #d02600 100%);
background: -webkit-radial-gradient(center, ellipse cover,  #ff2f00 0%,#d02600 100%); 
background: radial-gradient(ellipse at center,  #ff2f00 0%,#d02600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2f00', endColorstr='#d02600',GradientType=1 );
}

#grid_start_heizoelshop_bg_img{
background-image: url(/cms/upload/start/thiele_ohg_heizoelshop.png);
}

#grid_start_angebot_bg_img{
background-image: url(/cms/upload/start/thiele_ohg_angebot.png);
}

#grid_start_peletts_kohle_bg_img{
background-image: url(/cms/upload/start/thiele_ohg_peletts_kohle.png);
}

#grid_start_diesel_schmierstoffe_bg_img{
background-image: url(/cms/upload/start/thiele_ohg_diesel_schmierstoffe.png);
}

#grid_start_gas_bg_img{
background-image: url(/cms/upload/start/thiele_ohg_gas2.png);
}

.grid_start_bg_img{
width: 100%;
height: 100%;
background-position: right;
background-repeat: no-repeat;
background-size: cover;
}

.grid_start_content{
position: relative;
padding: 50px 40px;
height: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.grid_start_content_top{
width: 100%;
height:100%;
position: relative;
}

.grid_start_content_top_icon{
position: absolute;
top:0px;
right:0px;
}

.grid_start_content_bottom{
position: absolute;
bottom: 50px;
}

.grid_start_content_bottom_text{
width: 65%;
}

#grid_start_angebot{
float:right;
width:49.5%;
height:49%;
margin-bottom: 1%;
background: #55bdff; 
background: -moz-radial-gradient(center, ellipse cover,  #55bdff 0%, #479fd6 100%); 
background: -webkit-radial-gradient(center, ellipse cover,  #55bdff 0%,#479fd6 100%); 
background: radial-gradient(ellipse at center,  #55bdff 0%,#479fd6 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55bdff', endColorstr='#479fd6',GradientType=1 );
-webkit-animation-delay: 0.25s; 
animation-delay: 0.25s;    
}

#countdown_wrapper{
margin-top:10px;
}

#countdown_image{
float: left;
display: block;
margin-top: 4px;
}

#countdown{
margin-left: 10px;
font-family: 'HeimatStencil-SemiBold';
font-size: 35px;
color:#000;
float: left;
}

.countdown_bg{
color:#fff;
background-color: #000;
padding: 10px 10px 7px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: inline-block;
margin: 0px 5px;
}

#grid_start_angebot .grid_start_content_top_text div:nth-child(3){
margin-top:0px;
}

#grid_start_prodtukte_wrapper{
width:49.5%;
height:49%;
float: right;
}

#grid_start_peletts_kohle{
z-index:2;
float: left;
width:49%;
height: 100%;
background: #a7876d;
background: -moz-radial-gradient(center, ellipse cover,  #a7876d 0%, #937760 100%); 
background: -webkit-radial-gradient(center, ellipse cover,  #a7876d 0%,#937760 100%); 
background: radial-gradient(ellipse at center,  #a7876d 0%,#937760 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7876d', endColorstr='#937760',GradientType=1 );
-webkit-animation-delay: 0.5s; 
animation-delay: 0.5s; 
}

#grid_start_diesel_schmierstoffe{
float: right;
width:49%;
height: 100%;
background: #fba500; 
background: -moz-radial-gradient(center, ellipse cover,  #fba500 0%, #dc9100 100%);
background: -webkit-radial-gradient(center, ellipse cover,  #fba500 0%,#dc9100 100%);
background: radial-gradient(ellipse at center,  #fba500 0%,#dc9100 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fba500', endColorstr='#dc9100',GradientType=1 );
-webkit-animation-delay: 0.5s; 
animation-delay: 0.5s; 
}

/* ____________________________________ Tour News Unternehmen ____________________________________ */
#start_tour_news_unternehmen_wrapper{
width:100%;
margin-top: 20px;
height: 420px;
}

#start_tour_news_unternehmen_wrapper section{
background-color: #fff;
height: 100%;
}

#start_tour_news_wrapper{
float: left;
width:49.5%;
height: 100%;
}

#start_tour, #start_news{
width: 49%;
}

#start_tour{
float: left;
margin-right: 2%;
background-image: url(/cms/upload/start/thiele_ohg_oel_on_tour_bg.jpg);
background-position: right;
background-size: cover;
overflow:hidden;
}

#start_news{
float: right;
}

#start_unternehmen{
float: right;
width: 49.5%;
}

/* ____________________________________ Produkte ____________________________________ */
#grid_produkte_intro, #shop_auswahl_standard, #kontakt_map{
width: 49.5%;
height: 100%;
float: left;
}

#grid_produkte_intro{
background: #a7876d;
background: -moz-radial-gradient(center, ellipse cover,  #a7876d 0%, #937760 100%); 
background: -webkit-radial-gradient(center, ellipse cover,  #a7876d 0%,#937760 100%); 
background: radial-gradient(ellipse at center,  #a7876d 0%,#937760 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7876d', endColorstr='#937760',GradientType=1 );
}

#shop_auswahl_standard{
background: #fff;    
}

.grid_produkte_top_text{
width: 70%;
}

#grid_produkte_peletts_kohle_bg_img{
/*background-image: url(http://www.d-c-a.de/thiele/images/produkte/thiele_ohg_peletts_kohle.png);*/
background-position: center;
}

#grid_produkte_accordion, #shop_auswahl_premium{
-webkit-animation-delay: 0.25s; 
animation-delay: 0.25s; 
background: #fff;
float: right;
height: 100%;
width: 49.5%;    
}

.accordion_width{
width: calc(100% - 80px);
}

.accordion_headline{
font-family: 'HeimatStencil-SemiBold';
font-size: 30px;
color:#000;
padding: 9px 0px;
border-bottom:2px solid #000;
cursor: pointer;
}

.ui-accordion-header-active{
border-bottom: none;
}

.ui-accordion-content-active{
border-bottom:2px solid #000;
}

.accordion_text{
font-family: 'billcorpm3-book';
font-size: 17px;
line-height: 120%;
color:#000;
padding: 15px 0px 30px;
}

.accordion_text span{
font-family: 'billcorpm3-bold';    
}

.accordion_text a{
color:#000;   
}

/* ____________________________________ Shop ____________________________________ */
#shop_auswahl_wrapper{
height: 640px;
}

.shop_auswahl .headline, .shop_auswahl .shop_auswahl_preis, .angebot_wrapper .headline{
font-family: "HeimatStencil-SemiBold";
font-size: 60px;
}

.shop_auswahl .headline{
color: #fff;
padding:50px;
background: #ff2f00;
background: -moz-radial-gradient(center, ellipse cover,  #ff2f00 0%, #d02600 100%);
background: -webkit-radial-gradient(center, ellipse cover,  #ff2f00 0%,#d02600 100%); 
background: radial-gradient(ellipse at center,  #ff2f00 0%,#d02600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2f00', endColorstr='#d02600',GradientType=1 );
}

.shop_auswahl .shop_comm{
margin-top: 20px;    
}

.shop_auswahl .shop_comm td{
background-color: #fff;
padding: 50px;
}

.shop_auswahl .shop_comm td:nth-child(2){
padding:0px;    
}

.shop_auswahl .shop_comm h2{
color: #ff2f00;
font-family: "HeimatStencil-SemiBold";
font-size: 30px;  
}

.shop_auswahl .shop_comm p{
color: #ff2f00;
font-family: "billcorpm3-bold";
font-size: 17px;
line-height: 120%;
padding-top: 30px;
}

.shop_auswahl .shop_liste{
color: #ff2f00;
font-family: "billcorpm3-book";
font-size: 17px;
line-height: 120%;
margin-top: 30px;
padding-left: 15px;
}

.shop_auswahl .shop_liste li:before {
content: "+";
margin-left: -15px;
position: absolute;
}

.shop_auswahl .shop_liste li{
margin-bottom: 10px;
}

.shop_auswahl .shop_auswahl_preis{
color:#ff2f00;
padding: 0px 10px;
}

.shop_auswahl .link_button_big{
margin-top: 40px;
}

#overlay_wrapper{
background: #ff2f00;
background: -moz-radial-gradient(center, ellipse cover,  #ff2f00 0%, #d02600 100%);
background: -webkit-radial-gradient(center, ellipse cover,  #ff2f00 0%,#d02600 100%); 
background: radial-gradient(ellipse at center,  #ff2f00 0%,#d02600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2f00', endColorstr='#d02600',GradientType=1 );
}

#overlay_wrapper_bg_img{
background-image: url(/cms/upload/shop/thiele_ohg_heizoelshop.png);
background-repeat: no-repeat;
background-position: left bottom;
padding: 50px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.warenkorb{
color:#fff;
width:calc(25% - 40px);
float:right;
margin-top:60px;
}

.auswahl{
font-family: 'billcorpm3-book';
font-size: 17px;
}

.auswahl ul{
padding-left: 15px;
}

.auswahl li:before {
content: "+";
margin-left: -15px;
position: absolute;
}

.auswahl li{
margin-bottom: 15px;
}

.gesamt{
margin-top: 40px;
}

.gesamt .label, .gesamt .hints{
font-family: 'billcorpm3-bold';
font-size: 17px;
}

.gesamt .gp{
font-family: 'HeimatStencil-SemiBold';
font-size: 60px;
margin-top: 30px;
}

.gesamt .hints{
margin-top: 20px;
}

#shop_steps{
margin: 20px 0px;
font-family: 'HeimatStencil-SemiBold';
font-size: 30px;
}

.shop_steps{
background-color: #fff;
color:#ff2f00;
padding: 30px 0px 30px 50px;
width:calc(25% - 15px);
float:left;
margin-right: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#shop_steps_bestellen{
margin-right: 0px;    
}

.shop_step1 #shop_steps_auswahl, .shop_step2 #shop_steps_adresse, .shop_step3 #shop_steps_optionen, .shop_step4 #shop_steps_bestellen{
background-color: #ff2f00;
color:#fff;
}

#contentinhalt{
background-color: #fff;
padding: 100px 50px;
}

.shop_area_hinweis{
float: left;
width: calc(25% - 80px);
font-family: 'billcorpm3-book';
font-size: 17px;
color:#ff2f00;
height: 150px;
}

form.shop, .formrow_all{
float: left;
margin-left: 60px;
width: calc(75% - -20px);
}

.formrow_all form.shop{
width: auto;
float: none;
margin-left: 0px;
}

form.shop .formrow_wrapper, .shop_area .formrow_wrapper{
float: left;
width: 33.6%;
margin-right: 20px;
}

form.shop .formrow_adress_wrapper{
float: left; 
width: 68.8%;
margin-right: 20px;
}

form.shop .formrow_adress_wrapper .formrow{
width: calc(50% - 10px);
float: left;
}

form.shop .formrow_adress_wrapper .formrow:nth-child(2n+2) {
margin-right: 20px;
}

form.shop .formrow_adress_plz, form.shop .formrow_adress_ort{
float:left;
}

form.shop .formrow_adress_plz{
width:15% !important;
margin-right: 20px;
}

form.shop .formrow_adress_ort{
width:60% !important;
}

form.shop .formrow_wrapper:nth-child(3), .shop_area .formrow_wrapper:nth-child(3){
margin-right: 0px;
padding-left: 50px;
}

form.shop .formrow_wrapper:nth-child(3){
width: auto;
}

.shop_area .formrow_wrapper:nth-child(3){
width: 25%;
}

form.shop .formrow_buttons_wrapper{
padding-left: 50px;
float: left;
}

form.shop .formrow label, form.shop h4{
font-size: 17px;
color:#ff2f00;
display: block;
}

form.shop .formrow label a{
color:#ff2f00;
}

form.shop .formrow label{
font-family: 'billcorpm3-book';
margin-bottom: 10px;
}

form.shop h4{
font-family: 'billcorpm3-bold';
margin: 50px 0px 30px;
}

form.shop h4:first-child{
margin: 0px 0px 30px;    
}

form.shop .field{
margin-bottom: 30px;
position: relative;
}

form.shop .bezahlung .field{
margin-bottom: 0px;
}

form.shop .field .help {
background: #ff2f00;
background: -moz-radial-gradient(center, ellipse cover,  #ff2f00 0%, #d02600 100%);
background: -webkit-radial-gradient(center, ellipse cover,  #ff2f00 0%,#d02600 100%); 
background: radial-gradient(ellipse at center,  #ff2f00 0%,#d02600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2f00', endColorstr='#d02600',GradientType=1 );
color: #fff;
font-family: "billcorpm3-book";
font-size: 17px;
left: 0;
padding: 5%;
position: absolute;
top: 0px;
width: 90%;
z-index: 1;
visibility: hidden;
line-height: 120%;
}

form.shop .formrow_adress_wrapper .field .help span{
font-family: "billcorpm3-bold";   
}

form.shop .field .shopTextField, form.shop .field .shopTextFieldLarge{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
-webkit-border-radius: 0px;
border-radius: 0px;
border:none;
background-color: transparent;
border-bottom:1px solid #ff2f00;
font-family: 'billcorpm3-book';
font-size: 17px;
color:#ff2f00;
padding:0px 5% 5px;
width:90%;
}

form.shop .field .shopSelectField{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
-webkit-border-radius: 0px;
border-radius: 0px;
border-bottom:1px solid #ff2f00;
background-color: transparent;
font-family: 'billcorpm3-book';
font-size: 17px;
color:#ff2f00;
padding:0px 5% 5px;
width:100%;
background-image: url(/cms/upload/allgemein/thiele_ohg_shop_select_arrow.png);
background-repeat: no-repeat;
background-position: right 5% center;
}

form.shop .field .shopSelectField:-moz-focusring{
color: transparent;
text-shadow: 0 0 0 #ff2f00;
}

form.shop .field textarea{
resize:none;
height:100px;
}

form.shop .field .submitbtn, form.shop .submitbtn{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
padding: 10px 0px;
margin-bottom: 30px;
text-align: center;
font-family: 'billcorpm3-bold';
text-decoration: none;
-webkit-border-radius: 30px;
border-radius: 30px;
background-color: #ff2f00;
color:#fff;
width:200px;
font-size: 18px;
border:none;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}

form.shop .field .submitbtn:hover, form.shop .submitbtn:hover{
background-color: #000;
}

form.shop .field .submitbtn4, form.shop .submitbtn4{
border:none;
background-color: transparent;
font-family: 'billcorpm3-book';
font-size: 17px;
color:#ff2f00;
padding: 0px;
cursor: pointer;
}

form.shop .zustimmen{
color: #ff2f00;
font-family: "billcorpm3-book";
font-size: 17px;
padding-bottom: 30px;
}

.bestellsummary_wrapper, .bestellsummary{
color: #ff2f00;
font-family: "billcorpm3-book";
font-size: 17px;
line-height: 120%;
}

.bestellsummary{
width: 100%;
}

.bestellsummary th{
text-align: left;
font-family: "billcorpm3-bold";
border-bottom: 1px solid #ff2f00;
padding: 0px 0px 10px;
}

.bestellsummary td{
padding: 10px 0px;
}

.bestellsummary td.preis, .bestellsummary th.preis {
text-align: right;
}

.bestellsummary h4 .right {
float: right;
text-align: right;
}

.bestellsummary .bt{
border-top: 1px solid #ff2f00;    
}

.bestellsummary .bb td {
border-bottom: 3px double #ff2f00;
font-family: "billcorpm3-bold";
}

.bestellsummary h4{
font-family: "billcorpm3-bold";
margin-bottom: 10px;
}

.bestellsummary h4 span{
font-family: "billcorpm3-book";   
}

.summary_zahlungsart{
padding-top:20px;
}

.errormsg{
margin:0px 0px 30px 60px;
color:#000;
font-family: "billcorpm3-bold";
font-size: 17px;
line-height: 120%;
display: inline-block;
}

#contentinhalt .headline{
color: #ff2f00;
font-family: "HeimatStencil-SemiBold";
font-size: 30px;
padding-bottom:30px;
}

#contentinhalt .text{
font-family: "billcorpm3-book";
font-size: 17px;
line-height: 160%;
color: #000;
margin-bottom:0px !important;
}

#contentinhalt .text p{
border-bottom: 1px solid #000;
padding: 15px 2% 5px;
width:90%;
}

/* ____________________________________ Kontakt ____________________________________ */
#contact_form_content li{
width: 47.5%;
float: left;
display: inline-block;
}

#contact_form_content li:nth-child(2n+1) {
margin-right: 5%;
}

#contact_form_content form input, #contact_form_content form textarea{
-moz-appearance: none;
border:none;
border-bottom: 1px solid #000;
/*background-color: transparent;*/
border-radius: 0;
color: #000;
font-family: "billcorpm3-book";
font-size: 17px;
padding: 15px 2% 5px;
width: 90%;
}

#contact_form_content li:first-child input, #contact_form_content li:nth-child(2) input{
padding: 0px 2% 5px;    
}

#contact_form_content form textarea{
height:150px;
resize: none;
}

#contact_form_content form input::-webkit-input-placeholder, #contact_form_content form textarea::-webkit-input-placeholder{
opacity:1;
}

#contact_form_content form input:-moz-placeholder, #contact_form_content form textarea:-moz-placeholder{
opacity:1;
}

#contact_form_content form input::-moz-placeholder, #contact_form_content form textarea::-moz-placeholder{
opacity:1;
}

#contact_form_content form input:-ms-input-placeholder, #contact_form_content form textarea:-ms-input-placeholder{
opacity:1;
}

#contact_form_content form img{
/*display: inline-block;*/
vertical-align: middle;
margin-top: -9px;
}

#contact_form_content #captcha_wrapper{
margin-top: 30px;
}

#contact_form_content .captcha{
height:28px !important; 
display: inline-block;
width:65px !important;
margin: 0px 0px 0px  20px !important;
}

#contact_form_content form input[type="submit"] {
cursor: pointer;
float: right;
border: none;
text-align: center;
font-family: 'billcorpm3-bold';
text-decoration: none;
-webkit-border-radius: 25px;
border-radius: 25px;
margin-top: 6px;
width:150px;
padding:10px 0px;
font-size: 14px;
background-color: #000;
color:#fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#contact_form_content form input[type="submit"]:hover{
color: #000;
background-color: #fba500;
}

/* ____________________________________ Impressum ____________________________________ */
#impressum_wrapper{
width:100%;
}

.impressum_50_50{
background: #fff;
width: 49.5%;    
}

.impressum_left{
float: left;
}

.impressum_right{
float: right;
-webkit-animation-delay: 0.25s; 
animation-delay: 0.25s; 
}

.impressum_50_50 a{
color: #000;
}

/* ____________________________________ Angebot ____________________________________ */
.angebot_wrapper .headline_wrapper{
color: #000;
/*
background: #55bdff; 
background: -moz-radial-gradient(center, ellipse cover,  #55bdff 0%, #479fd6 100%); 
background: -webkit-radial-gradient(center, ellipse cover,  #55bdff 0%,#479fd6 100%); 
background: radial-gradient(ellipse at center,  #55bdff 0%,#479fd6 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55bdff', endColorstr='#479fd6',GradientType=1 );
*/
background: #b061b8; 
background: -moz-radial-gradient(center, ellipse cover, #b061b8 0%, #9c39a6 100%); 
background: -webkit-radial-gradient(center, ellipse cover, #b061b8 0%,#9c39a6 100%); 
background: radial-gradient(ellipse at center, #b061b8 0%,#9c39a6 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b061b8', endColorstr='#9c39a6',GradientType=1 ); 
}

#angebot_wrapper_bg_img{
/*background-image: url("/cms/upload/start/thiele_ohg_heizoelshop.png");*/
background-image: url("/cms/upload/start/thiele_ohg_angebot_2020.png");
background-position: right center;
background-repeat: no-repeat;
padding:50px;
}

.angebot_wrapper #contentinhalt{
margin-top: 20px;    
}

#angebot_headline_text{
width:40%;
padding-top: 60px;
}

.angebot_wrapper #contact_form_content{
float: left;
margin-left: 60px;
width: 55%;
}

.angebot_wrapper #contact_form_content form input[type="submit"]:hover{
background-color:#55bdff;
color: #fff;
}

/* ____________________________________ Footer ____________________________________ */
footer{
width:100%;
margin-top: 60px;
border-top:5px solid #ff2f00;
padding-top: 20px;
}

#footer_partner{
float: left;
height:55px;
}

#footer_partner img, #footer_partner div{
display: inline-block;
}

#footer_partner div{
margin: 0px 0px 0px 14px;
vertical-align:bottom;
}

#footer_meta_nav_copy_wrapper{
float:right;
padding-top:14px;
}

#footer_meta_nav, #footer_copy{
float: left;
}

#footer_meta_nav li{
display: inline-block;
margin-left: 30px;
}

#footer_meta_nav li:first-child{
margin-left: 0px;
}

#footer_meta_nav li a{
font-family: 'billcorpm3-bold';
font-size: 17px;
color:#ff2f00;
text-decoration: none;
}

#footer_copy{
margin-left: 50px;    
}

.articlelistHeadline{
font-family: "billcorpm3-bold";
}