/* ################################################### WIDTH 1850px ################################################### */
@media only screen and (max-width: 1850px) {

#content_wrapper{
width:98%;
}

.grid_start_content_top_text, .grid_produkte_top_text{
width:90%;
}

.grid_start_content_top_text br{
display: none;
}

}

/* ################################################### WIDTH 1700px ################################################### */
@media only screen and (max-width: 1700px) {
    
form.shop .formrow_adress_plz {
width:25% !important;
margin-right: 5%;
}

form.shop .formrow_adress_ort{
width:50% !important;
}

}

/* ################################################### WIDTH 1650px ################################################### */
@media only screen and (max-width: 1650px) {
    
.shop_area .formrow_wrapper:nth-child(3) {
width: 23%;
}

}

/* ################################################### WIDTH 1500px ################################################### */
@media only screen and (max-width: 1500px) {

.fs110{
font-size: 92px;
}

.fs60, .shop_auswahl .headline, .shop_auswahl .shop_auswahl_preis, .gesamt .gp, .angebot_wrapper .headline{
font-size: 50px;
}

.fs30, .accordion_headline, .shop_auswahl .shop_comm h2, #shop_steps, #nav_wrapper li a, #contentinhalt .headline{
font-size: 25px;    
}

.fs17, #footer_meta_nav li a, .accordion_text, .shop_auswahl .shop_comm p, .shop_auswahl .shop_liste, .auswahl, .gesamt .label, .gesamt .hints, .shop_area_hinweis, form.shop .formrow label, form.shop h4, form.shop .field .shopTextField, form.shop .field .shopTextFieldLarge, form.shop .field .shopSelectField, form.shop .field .help, form.shop .field .submitbtn4, form.shop .submitbtn4, form.shop .zustimmen, .bestellsummary_wrapper, .bestellsummary, .errormsg, #contact_form_content form input, #contact_form_content form textarea, #contentinhalt .text, #SpamschutzDiv, #antwort{
font-size: 16px;
}

#footer_partner div {
margin: 15px 0 0 14px;
}

.grid_start_angebot_bottom {
top: 155px;
}

}

/* ################################################### WIDTH 1400px ################################################### */
@media only screen and (max-width: 1400px) {
    
.grid_start_content_top_icon {
right: -10px;
top: -20px;
-moz-transform: scale(0.7) translateX(15px) translateY(-15px);
-webkit-transform: scale(0.7) translateX(15px) translateY(-15px);
-o-transform: scale(0.7) translateX(15px) translateY(-15px);
-ms-transform: scale(0.7) translateX(15px) translateY(-15px);
transform: scale(0.7) translateX(15px) translateY(-15px);
}

#grid_start_heizoelshop .grid_start_content_top_icon{
-moz-transform: scale(0.6) translateX(30px) translateY(-30px);
-webkit-transform: scale(0.6) translateX(30px) translateY(-30px);
-o-transform: scale(0.6) translateX(30px) translateY(-30px);
-ms-transform: scale(0.6) translateX(30px) translateY(-30px);
transform: scale(0.6) translateX(30px) translateY(-30px);
}

#grid_start_peletts_kohle .pt15:first-child, #grid_start_diesel_schmierstoffe .pt15:first-child{
padding-top: 0px;
}

}

/* ################################################### WIDTH 1350px ################################################### */
@media only screen and (max-width: 1350px) {
    
.shop_area .formrow_wrapper:nth-child(3) {
padding-left: 30px;
}

}

/* ################################################### WIDTH 1300px ################################################### */
@media only screen and (max-width: 1300px) {
    
form.shop .field .submitbtn, form.shop .submitbtn{
width: 180px;
}

#angebot_headline_text {
width: 60%;
}

}

/* ################################################### WIDTH 1200px ################################################### */
@media only screen and (max-width: 1200px) {

.fs110{
font-size: 73px;
}

.fs60, .shop_auswahl .headline, .shop_auswahl .shop_auswahl_preis, .gesamt .gp, .angebot_wrapper .headline{
font-size: 40px;
}

.fs30, .accordion_headline, .shop_auswahl .shop_comm h2, #shop_steps, #contentinhalt .headline{
font-size: 20px;    
}

.fs17, #footer_meta_nav li a, .accordion_text, .shop_auswahl .shop_comm p, .shop_auswahl .shop_liste, .auswahl, .gesamt .label, .gesamt .hints, .shop_area_hinweis, form.shop .formrow label, form.shop h4, form.shop .field .shopTextField, form.shop .field .shopTextFieldLarge, form.shop .field .shopSelectField, form.shop .field .help, form.shop .field .submitbtn4, form.shop .submitbtn4, form.shop .zustimmen, .bestellsummary_wrapper, .bestellsummary, .errormsg, #contact_form_content form input, #contact_form_content form textarea, #contentinhalt .text, #SpamschutzDiv, #antwort{
font-size: 15px;
}

#header_tel, #header_wa {
font-size: 20px;
margin-left: 30px;
}

.link_button_big, .link_button_small{
padding: 10px 0;
}

.link_button_big {
font-size: 16px;
margin-top: 50px;
width: 140px;
}

form.shop .field .submitbtn, form.shop .submitbtn{
font-size: 16px;
width: 140px;
padding: 6px 0;
}

#contact_form_content form input[type="submit"]{
width: 120px;
padding: 6px 0;
margin-top: 13px;
}

.link_button_small {
font-size: 13px;
margin-top: 25px;
width: 110px;
}

#countdown {
font-size: 30px;
}

.countdown_bg{
padding: 8px 8px 7px;
}

#countdown_image {
margin-top: 2px;
}

#shop_auswahl_wrapper {
height: 530px;
}

.shop_auswahl .link_button_big {
margin-top: 20px;
}

.auswahl li {
margin-bottom: 10px;
}

.gesamt {
margin-top: 30px;
}

.gesamt .gp {
margin-top: 20px;
}

.gesamt .hints {
margin-top: 10px;
}

.shop_steps {
padding: 20px 0 20px 30px;
}

#footer_partner div {
margin: 16px 0 0 14px;
}

}

/* ################################################### WIDTH 1196px ################################################### */
@media only screen and (max-width: 1196px) {

#zaehlerstand {
min-height: 344px;
}

}

/* ################################################### WIDTH 1100px ################################################### */
@media only screen and (max-width: 1100px) {
    
.pt50 {
padding-top: 30px;
}
    
.pt15 {
padding-top: 10px;
}
    
#content_wrapper {
width: 96%;
}

#header_tel, #header_wa{
margin-left: 20px;
}

#header_tel_img{
margin: -10px 0px 0px 0px;
}

#header_wa_img{
margin: -13px 0px 0px 0px;
}

#header_tel span:nth-child(2), #header_wa span:nth-child(2){
display:none;
}

#grid_start_wrapper, #grid_produkte_wrapper, #shop_auswahl_wrapper{
height: auto;
}
    
#grid_start_heizoelshop, #grid_start_angebot, #grid_start_prodtukte_wrapper, #grid_produkte_intro, #grid_produkte_accordion, #shop_auswahl_standard, #shop_auswahl_premium, #kontakt_map{
float: none;
width: 100%;
}

#grid_start_heizoelshop, #grid_start_angebot{
height: auto;
}

#grid_start_angebot{
margin: 20px 0px;
}

#grid_start_prodtukte_wrapper {
height: 200px;
}

.grid_start_content_bottom {
bottom: auto;
margin-top: 50px;
position: static;
}

#grid_produkte_accordion .grid_start_content_bottom {
margin-top: 0px;
}

#grid_start_peletts_kohle .grid_start_content_bottom, #grid_start_diesel_schmierstoffe .grid_start_content_bottom {
margin-top: 0px;
}

#grid_start_heizoelshop .grid_start_content_top_icon{
-moz-transform: scale(0.3) translateX(190px) translateY(-200px);
-webkit-transform: scale(0.3) translateX(190px) translateY(-200px);
-o-transform: scale(0.3) translateX(190px) translateY(-200px);
-ms-transform: scale(0.3) translateX(190px) translateY(-200px);
transform: scale(0.3) translateX(190px) translateY(-200px);
}

.grid_start_content_bottom_text {
width: 100%;
}

#start_tour_news_unternehmen_wrapper {
height: auto;
}

#start_tour_news_wrapper {
float: none;
height: 250px;
width: 100%;
margin-bottom: 20px;
}

#start_unternehmen {
float: none;
width: 100%;
}

#grid_produkte_accordion, #shop_auswahl_premium{
margin-top: 20px;
}

.accordion_width {
width: 100%;
}

#contentinhalt {
padding: 50px 50px 20px;
}

.shop_auswahl .shop_comm p {
padding-top: 20px;
}

.shop_auswahl .shop_liste {
margin-top: 20px;
}

.warenkorb{
float: none;
width: auto;
}

#overlay_wrapper_bg_img {
background-image: url(http://www.thiele-heizoel.de/2016/cms/upload/shop/thiele_ohg_heizoelshop_rp.png);
background-position: right bottom;
}

form.shop .formrow_wrapper, .shop_area .formrow_wrapper {
margin-right: 20px;
width: 48%;
}

form.shop .formrow_wrapper:nth-child(2), .shop_area .formrow_wrapper:nth-child(2){
margin-right: 0px;    
}

form.shop .formrow_wrapper:nth-child(3), form.shop .formrow_buttons_wrapper{
padding-left: 0px;
}

form.shop .field .shopTextField, form.shop .field .shopTextFieldLarge, form.shop .field .shopSelectField{
padding: 0 2% 5px;
}

form.shop .field .shopTextField, form.shop .field .shopTextFieldLarge{
width: 96%;
}

form.shop .formrow_adress_wrapper {
margin-right: 0px;
width: 100%;
}

form.shop .formrow_adress_ort {
width: 62% !important;
}

.shop_area .formrow_wrapper:nth-child(3) {
width: 100%;
padding-left: 0px;
}

.zustimmen{
margin-top: 30px;
}

.summary_space{
margin-bottom: 30px;
}

#kontakt_map{
height: 500px;
}

.impressum_50_50{
width: 100%;    
}

.impressum_left, .impressum_right{
float: none;
}

.impressum_right{
margin-top: 20px;
}

#head_hide{
display: none;
}

.impressum_right .pt50{
padding-top: 0px;
}

.impressum_right.pt_fix .pt50{
padding-top: 30px;
}

.angebot_wrapper #contact_form_content {
margin-bottom: 30px;
}

#grid_produkte_peletts_kohle_bg_img {
background-image: none;
}

.link_angebot {
bottom: auto;
position: static;
margin-top:96px;
}

.grid_start_content_top {
height: auto;
}

.grid_start_angebot_bottom {
top: 136px;
}

#zaehlerstand {
min-height: 443px;
}

}

/* ################################################### WIDTH 1000px ################################################### */
@media only screen and (max-width: 1000px) {
    
.shop_steps {
padding: 15px 0 15px 20px;
}

#angebot_wrapper_bg_img{
background-size: cover;
}

}

/* ################################################### WIDTH 900px ################################################### */
@media only screen and (max-width: 900px) {
    
.fs110{
font-size: 55px;
}

.fs60, .shop_auswahl .headline, .shop_auswahl .shop_auswahl_preis, .gesamt .gp, .angebot_wrapper .headline{
font-size: 30px;
}

.fs17, #footer_meta_nav li a, .accordion_text, .shop_auswahl .shop_comm p, .shop_auswahl .shop_liste, .auswahl, .gesamt .label, .gesamt .hints, .shop_area_hinweis, form.shop .formrow label, form.shop h4, form.shop .field .shopTextField, form.shop .field .shopTextFieldLarge, form.shop .field .shopSelectField, form.shop .field .help, form.shop .field .submitbtn4, form.shop .submitbtn4, form.shop .zustimmen, .bestellsummary_wrapper, .bestellsummary, .errormsg, #contact_form_content form input, #contact_form_content form textarea, #contentinhalt .text, #SpamschutzDiv, #antwort{
font-size: 14px;
}

.grid_start_content, .shop_auswahl .headline, #overlay_wrapper_bg_img, #angebot_wrapper_bg_img{
padding: 30px;
}

.grid_start_content_top_icon {
right: 0px;
top: -10px;
}

#overlay_wrapper_bg_img {
background-size: auto 130%;
}

#contentinhalt {
padding: 75px 30px;
}

#contentinhalt {
  padding: 50px 30px 20px;
}

.shop_auswahl .shop_comm p {
padding-top: 15px;
}

.shop_auswahl .shop_liste {
margin-top: 15px;
}

.shop_auswahl .shop_liste li {
margin-bottom: 5px;
}

.warenkorb {
margin-top: 40px;
}

.auswahl li {
margin-bottom: 5px;
}

.gesamt {
margin-top: 20px;
}

.gesamt .gp {
margin-top: 10px;
}

#shop_steps {
font-size: 17px;
}

#angebot_headline_text {
padding-top: 40px;
}

#footer_copy {
display: none;
}

.grid_start_angebot_bottom {
top: 113px;
}

}

/* ################################################### WIDTH 850px ################################################### */
@media only screen and (max-width: 850px) {
    
.shop_area_hinweis {
float: none;
width: 100%;
height: auto;
}

form.shop, .formrow_all {
float: none;
margin-left: 0px;
width: 100%;
margin-top: 30px;
}

.no_mt{
margin-top: 0px !important;    
}

.errormsg {
margin:30px 0 0px 0px;
}

.angebot_wrapper #contact_form_content {
float: none;
margin-left: 0px;
margin-top: 30px;
width: 100%;
}

}

/* ################################################### HEIGHT 850px ################################################### */
@media only screen and (min-width: 1100px) and (max-height: 850px) {

#grid_start_wrapper, #grid_produkte_wrapper{
height: 860px;
}

}

/* ################################################### WIDTH 750px ################################################### */
@media only screen and (max-width: 750px) {
    
#content_wrapper {
width: 95%;
}

header {
padding: 40px 0 30px;
}
    
#grid_start_prodtukte_wrapper {
height: auto;
}
    
#grid_start_peletts_kohle, #grid_start_diesel_schmierstoffe{
float: none;
height: auto;
width: 100%;
}

#grid_start_peletts_kohle{
margin-bottom: 20px;
}

.link_button_big {
margin-top: 30px;
}

.link_button_big {
font-size: 13px;
margin-top: 25px;
width: 110px;
}

form.shop .field .submitbtn, form.shop .submitbtn, #contact_form_content form input[type="submit"]{
font-size: 13px;
width: 110px;    
}

#start_tour_news_wrapper {
height: auto;
}

#start_tour, #start_news {
width: 100%;
float:none;
}

#start_tour {
margin-bottom: 20px;
}

.shop_auswahl .link_button_big {
margin-top: 10px;
}

.shop_steps {
height: 65px;
padding: 15px 5px 0 20px;
}

footer {
margin-top: 40px;
}

}

/* ################################################### WIDTH 600px ################################################### */
@media only screen and (max-width: 600px) {
    
.fs110{
font-size: 45px;
}

.fs60, .shop_auswahl .headline, .shop_auswahl .shop_auswahl_preis, .gesamt .gp, .angebot_wrapper .headline{
font-size: 25px;
}

.fs17, #footer_meta_nav li a, .accordion_text, .shop_auswahl .shop_comm p, .shop_auswahl .shop_liste, .auswahl, .gesamt .label, .gesamt .hints, .shop_area_hinweis, form.shop .formrow label, form.shop h4, form.shop .field .shopTextField, form.shop .field .shopTextFieldLarge, form.shop .field .shopSelectField, form.shop .field .help, form.shop .field .submitbtn4, form.shop .submitbtn4, form.shop .zustimmen, .bestellsummary_wrapper, .bestellsummary, .errormsg, #contact_form_content form input, #contact_form_content form textarea, #contentinhalt .text, #SpamschutzDiv, #antwort{
font-size: 13px;
}

#content_wrapper {
width: 94%;
}

#header_wrapper {
background-image: url("../images/allgemein/thiele_ohg_stripes_header_rp.png");
}

#header_menu_tel_wrapper {
padding-right: 15px;
}

#header_tel{
margin-left: 15px;
}

#header_wa {
margin-left: 10px;
}

#header_tel_img, #header_wa_img{
background-size: 100% auto;
}

#header_tel_img{
width: 23px;
height: 23px;
margin: -4px 0px 0px 0px;
}

#header_wa_img{
width: 27px;
height: 27px;
margin: -6px 0px 0px 0px;
}

#menu_button {
width: 40px;
height: auto;
}

#logo {
width: 218px;
height:26px;
background-size: 100% auto;
}

.grid_start_content_bottom {
margin-top: 30px;
}

#countdown {
font-size: 25px;
}

.countdown_bg{
padding: 6px 6px 5px;
}

#countdown_image {
width:40px;
height:40px;
margin-top: 0px;
}

.countdown_bg{
margin: 0px 3px;
}

#shop_steps {
font-size: 15px;
}

.shop_steps {
height: 52px;
padding: 10px 5px 0 15px;
}

form.shop .formrow_wrapper, .shop_area .formrow_wrapper {
margin-right: 0px;
width: 100%;
float: none;
}

form.shop .formrow label {
margin-bottom: 5px;
}

form.shop .field, .summary_space{
margin-bottom: 15px;
}

form.shop .field .shopTextField, form.shop .field .shopTextFieldLarge, form.shop .field .shopSelectField{
padding: 0 0% 5px;
}

form.shop .field .shopTextField, form.shop .field .shopTextFieldLarge{
width: 100%;
}

form.shop .field .submitbtn, form.shop .submitbtn {
margin-top: 15px;
}

form.shop .field .shopSelectField {
background-size: auto 30%;
}

form.shop .formrow_adress_wrapper .formrow {
float: none;
width: 100%;
}

form.shop .formrow_adress_wrapper .formrow:nth-child(2n+2) {
margin-right: 0px;
}

form.shop .formrow_adress_ort {
width: 70% !important;
}

form.shop h4 {
margin: 30px 0 15px;
}

form.shop h4:first-child {
margin: 0 0 15px;
}

form.shop .field .submitbtn, form.shop .submitbtn {
margin-bottom: 15px;
}

.shop_area .formrow_wrapper:nth-child(2){
margin-top: 30px;
}

#contact_form_content li{
width: 100%;
float: none;
}

#contact_form_content li:nth-child(2n+1) {
margin-right: 0%;
}

#contact_form_content form input, #contact_form_content form textarea {
padding: 15px 0% 5px;
width: 100%;
}

#contact_form_content li:first-child input{
padding: 0 0% 5px;
}

#contact_form_content li:nth-child(2) input {
padding: 15px 0% 5px;
}

#contact_form_content form textarea {
height: 100px;
}

#footer_partner div {
margin: 17px 0 0 14px;
}

.link_angebot {
margin-top: 77px;
}

.grid_start_angebot_bottom {
top: 106px;
}

}

/* ################################################### HEIGHT 600px ################################################### */
@media only screen and (max-height: 600px) {

#menu_kontakt{
display: none;
}

#kontakt_map {
height: 460px;
}

}

/* ################################################### WIDTH 596px ################################################### */
@media only screen and (max-width: 596px) {

#zaehlerstand {
min-height: 344px;
}

}

/* ################################################### WIDTH 550px ################################################### */
@media only screen and (max-width: 550px) {

header {
padding: 25px 0px;
}
    
#menu_button_text {
margin-left: 10px;
}

#angebot_wrapper_bg_img {
background-image: none;
}

#angebot_headline_text {
width: 100%;
}

}

/* ################################################### WIDTH 500px ################################################### */
@media only screen and (max-width: 500px) {

nav{
width:100%;
left:-100%;
}

#menu_button_text{
display:none;
}

#menu_close{
display: block;
}

#nav_wrapper li a:before{
display: none;
}

#overlay_wrapper_bg_img {
background-size: auto 100%;
}
    
#footer_partner {
float: none;
}

#footer_meta_nav_copy_wrapper {
float: none;
padding-top: 20px;
}

}

/* ################################################### HEIGHT 500px ################################################### */
@media only screen and (max-height: 500px) {

#nav_wrapper li {
margin-bottom: 10px;
}

}

/* ################################################### WIDTH 450px ################################################### */
@media only screen and (max-width: 450px) {
    
#menu_button_text {
display: none;
}
    
#shop_steps {
display: none;
}

#contentinhalt{
margin-top: 20px;
}

#contact_form_content .captcha {
width: calc(100% - 160px) !important;
}

#contact_form_content form input[type="submit"] {
margin-top: 30px;
float: none;
width: 100%;
}

.grid_start_angebot_bottom {
top: 120px;
}

#countdown_image {
display:none;
}

#countdown {
margin-left: 0px;
}

}

/* ################################################### WIDTH 400px ################################################### */
@media only screen and (max-width: 400px) {

#header_wrapper {
background-size: auto 10px;
}

#logo {
width: 181px;
height: 22px;
}

#content_wrapper {
width: 93%;
}

#menu_close {
right: 22px;
top: 22px;
}
    
.grid_start_content, .shop_auswahl .headline, #overlay_wrapper_bg_img, #angebot_wrapper_bg_img{
padding: 20px;
}

.grid_start_content_top_icon {
top: 0px;
}

#contentinhalt {
padding: 30px 20px 15px;
}

#overlay_wrapper_bg_img {
background-image: none;
}

#kontakt_map {
height: 360px;
}

#angebot_headline_text {
padding-top: 20px;
}

.angebot_wrapper #contact_form_content {
margin-bottom: 15px;
}

}

/* ################################################### HEIGHT 400px ################################################### */
@media only screen and (max-height: 400px) {
    
#kontakt_map {
height: 230px;
}

}


/* ################################################### WIDTH 420px ################################################### */
@media only screen and (max-width: 420px) {

.grid_start_angebot_bottom {
  top: 130px;
}

}

/* ################################################### WIDTH 350px ################################################### */
@media only screen and (max-width: 350px) {

#header_wrapper {
background-size: auto 9px;
}

#logo {
width: 164px;
height: 20px;
}

}