/*
Theme Name: BackaufTheme-Child
Theme URI: http://www.backauf.de/internetauftritt/
Description: Responsives HTML5 & CSS3 Theme mit SEO-Optimiertem HTML-Code
Version: 2.1 BETA
Author: Nico Gutmann & Jonathan Malessa
Author URI: http://www.backauf.de/internetauftritt/
Template: BackaufTheme
*/
/***********************************
*** YOUR CODE HERE
***********************************/
/**************************
*** CSS Werte
**************************/

div.hp_teaser a, div.hp_teaser a > img{max-width: 100%;}
.hp_teaser_text{padding: 0 10px;}
.hp_teaser_text h2,.hp_teaser_text h3,.hp_teaser_text h4,.hp_teaser_text h5,.hp_teaser_text h6{font-size: 20px;line-height: 1.2;margin-bottom: 5px;font-weight: 400;text-transform: uppercase;font-color:#000000;}
header{height: 41px;overflow: visible;z-index: 20}
header #logo{margin:0!important;position: absolute;z-index: 1;}
header nav a:hover,header nav a:focus{font-style: italic}
.sow-slider-images{position: relative;z-index: 1;}
nav ul li{line-height: 41px!important;}
nav ul li a:hover, .current-menu-item a{border: none!important;}
nav a{font-size:20px!important;text-transform: uppercase;font-style: italic;font-weight: lighter;}
.teaser_rechts_text h2,.teaser_rechts_text h3,.teaser_rechts_text h4,.teaser_rechts_text h5,.teaser_rechts_text h6,.teaser_rechts_text p{font-size: 15px;line-height: 20px;text-transform: uppercase;font-weight: 400;margin-bottom: 15px;}
.specials{border-bottom: 2px solid #5cac1b;margin-left: -15px;}
.specials > div{
  display: inline-block;
  width: 100%;
  min-height: 84px;
}
.specials > div > p:first-child{
  float: left;
}
.specials img.alignleft{margin-bottom: -4px!important;margin-top: 0!important;margin-right: 17px!important}
.specials_textcontainer{float: left;max-width: 575px;}
.specials_text{
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  padding-top: 10px;
  margin-bottom: 0!important;
  color: #000;
}
.border_top_specials{border-top:2px solid #5cac1b;}
.specials_infos{height:42px;padding: 7px 10px; margin-left: -15px;margin-top: -10px;}
.specials_infos p,.specials_infos a{color:#fff; font-weight: bold;}
.specials_top h1{color:#fff!important;background: #5cac1b;margin-bottom: 0!important;font-weight: bold; font-size: 26.4px!important;text-transform: uppercase;line-height: 28.8px!important;width:320px;padding: 15px;}
#pl-14 .panel-grid-cell .so-panel{margin-bottom: 0 !important;}
.teaser_rechts_text{
  padding:0 7px;
}
#pl-14 .panel-grid-cell .so-panel p,#pl-10 .panel-grid-cell .so-panel,#pl-147 .panel-grid-cell .so-panel{margin-bottom: 0px!important}
#pgc-10-1-2 .textwidget p,#pgc-14-1-2 .textwidget p,#pgc-147-1-2 .textwidget p{
  margin-bottom: 0.3em!important;
}
#pgc-10-1-2 img.alignright,#pgc-14-1-2 img.alignright,#pgc-147-1-2 img.alignright{
  margin: 0!important;
}
.green-sidebar{text-transform: uppercase; padding: 15px 20px; position: relative; margin-bottom:30px}
.green-sidebar h2{
  font-size: 26px;line-height: 29px; color:#fff;
  hyphens: auto;
}
.produkte-partner{background-color:#5CAC1B;padding-left:20px;padding-top: 10px;padding-bottom: 1px;}
.produkte-partner h2{color:#fff;}
#pgc-14-1-0, .teaser_rechts_text{
  hyphens: auto;
}
.green-sidebar h3,.green-sidebar h4,.green-sidebar h5,.green-sidebar h6{
  font-size: 20px;line-height:32px;border-bottom: 1px solid #fff;color:#fff;margin-bottom: 0.2em!important;
}
.green-sidebar p{
  font-size: 20px;line-height:32px; color:#fff;
}
.green-sidebar img.alignright{margin: 0!important;}
.produkte_infos{padding: 15px; max-width: 675px;}
.produkte_infos p{color:#fff; font-weight: bold;margin-bottom: 0!important;padding-right: 50px;}
.produkte_infos a{color:#fff;}
.produkte_infos .textwidget:after{
  content: "?";
  float: right;
  font-size: 7em;
  margin-top: -84px;
  margin-right: 0;
  transform: rotate(17deg);
  -o-transform: rotate(17deg);
  -ms-transform: rotate(17deg);
  -moz-transform: rotate(17deg);
  -webkit-transform: rotate(17deg);
  color: #fff;
  font-weight: bold;
}.produkte_infos2{padding: 15px; max-width: 675px;}
.produkte_infos2 p{color:#fff; font-weight: bold;margin-bottom: 0!important;padding-right: 50px;}
.produkte_infos2 a{color:#fff;}
.produkte_infos2 .textwidget:after{
  content: "?";
  float: right;
  font-size: 7em;
  margin-top: -28px;
  margin-right: 0;
  transform: rotate(17deg);
  -o-transform: rotate(17deg);
  -ms-transform: rotate(17deg);
  -moz-transform: rotate(17deg);
  -webkit-transform: rotate(17deg);
  color: #fff;
  font-weight: bold;
}

nav .menu-hauptmenue-container{margin-right: 7vw;}
#pgc-14-1-2{margin-right: -20px;}
#pg-8-0{
  margin-bottom:0!important;
}
#pg-8-1{
  margin-top: -1px;
}
#pg-12-1,#pg-14-1, #pg-14-2, #pg-10-1{
  margin-left: 0!important;
  margin-right: 0!important;
}
#pg-16-1{
  height: 0;
}
.oeffnung p{
  font-size:20px;
  line-height:42px;
  color:#fff;
  margin-bottom: 0!important
}
#kontakt h1{
  font-size: 26.4px!important;
  line-height: 28.8px!important;
  color:#fff;
  font-weight: bold;
  margin-bottom: 10px!important;
}
#kontakt h2,#kontakt h3,#kontakt h4{
  line-height: 27px!important;
  font-size: 20px!important;
  color:#fff;
  font-weight: 400;
  margin-bottom: 0!important;
}
#kontakt h5 a, #kontakt h6 a{
  font-size: 26.4px!important;
  color:#fff;
  font-weight: 400;
  margin-bottom: 0!important;
  line-height: 40px;
}
#kontakt h4,#kontakt h5, #kontakt h6{
  border-bottom: 1px solid #fff;
}
#kontakt h4{padding-bottom: 10px!important;margin-bottom: 0.5em!important;}
#kontakt h4 a{color: #fff;}
#kontakt{
  padding: 1%;
  width: 320px;
  position: absolute;
  margin-top: -380px;
  background-color: #5cac1b;
  }
  #panel-12-1-1-0 .green-sidebar{
    min-width: 200px;
  }
#pg-16-1{  margin-bottom: 0!important;}
footer{
  padding: 10px 0 0!important
}
footer p,footer a{font-size: 11px;color:#7b7b79}
@media (max-width:1120px) {
  /*nav .menu-hauptmenue-container{margin-right:50px!important;}*/
  .bcls_slider_kublun section div article:first-child{
    top:18% !important;
    max-width:40%;
  }
}
@media (max-width:1042px) {
  header #logo{
    float:none!important;
    left:4vw;
  }
  header{
    text-align: center!important;
  }
  header .middle #logo{
    margin: 0 auto 20px!important;
  }
  #mobilenav {
    font-style: italic;
    text-transform: uppercase;
  }
  header nav ul li{
    padding-right: 1.6vw;
  }
  header nav ul li:last-child{
    padding-right: 0;
  }
  .produkte_infos{margin-left: 0;}
  div#pgc-14-1-1.panel-grid-cell{padding:0;width: 0;}
  div#pgc-14-1-0{width: 73%;}
  .specials img.alignleft{
    margin-right: 7px!important;
  }
}
@media (max-width:1000px) {
  #pgc-8-1 .panel-row-style{height:84px;}
  .openstatus{display:inline-block;}
  .openstatus .optional{display: none;}
  #panel-8-1-0-0{text-align: center;}
  div#pgc-14-1-0.panel-grid-cell{padding-right: 0;}
  .bcls_slider_kublun section div article:first-child{
    left:3%;
    max-width: 57%;
  }
  .bcls_slider_kublun section div article:last-child{
    right: 3%;
    top:15%;
  }
}
@media (max-width:850px) {
  .bcls_slider_kublun section div article:first-child p, .bcls_slider_kublun section div article:first-child h2 {
    margin-bottom: 0;
  }
  .bcls_slider_kublun section div article:first-child h1{
    display: none;
  }
  .bcls_slider_kublun section div article:first-child{
    top:32% !important;
  }
}
@media(min-width:768px){
  #pg-10-1 .textwidget img,#pg-8-2 .textwidget img,#pgc-14-1-2 .textwidget img, #pg-16-2 .textwidget img{
    width: 100%;
    height: auto;
  }
}
@media (max-width:767px) {
  html{overflow-x: hidden}
  header{padding-bottom: 25px;}
  nav .menu-hauptmenue-container{margin-right:0!important;}
  header .middle #logo{position:relative;left:0;}
  .produkte_infos{width:97.4;max-width: 100%;margin-left: 0!important;}
  .green-sidebar{margin-top: 1.6vw;}
  .lSSlideOuter{display: none;}
  .green-sidebar{width: 93vw;padding: 2.5%;}
  .specials{
    height: auto;
    margin-left: 0;
  }
  .specials img.alignleft{
    margin: 2px 7px 2px 0!important;
  }

  #pg-16-0, #pg-10-0, #pg-12-0, #pg-14-0{display: none;}
  #pg-16-1{height: auto;margin-bottom: 2vw!important;}
  #pg-16-1 > div{width: 100%;}
  #kontakt{width: 94%;padding: 3%;position: relative;margin-top: 2vw;}
  #kontakt *{border: none!important;}
  #kontakt .adress{
    margin-right: 6vw;
  }
  #kontakt .hyperlinks{
    margin-top: -2px;
  }
  #kontakt .adress, #kontakt .hyperlinks{
    display: inline-block;
    vertical-align: top;
  }
}
@media (max-width:600px) {
  #kontakt *{border: none!important;}
  #kontakt h4,#kontakt h5,#kontakt h6{
    border-bottom: 1px solid #fff !important;
  }
  #kontakt .adress{
    margin-right: 0;
  }
  #kontakt .hyperlinks{
    margin-top: 0;
  }
  #kontakt .adress, #kontakt .hyperlinks{
    display: block;
    vertical-align: top;
  }
}
@media(max-width:500px){
  .produkte_infos .textwidget::after{
    margin-top: -50px;
  }
}
@media(min-width: 768px) and (max-width: 850px){
  #logo{
    top:2em!important;
  }
  #pgc-12-1-1{
    padding-left: 0!important;
  }
  #pgc-12-1-1 .green-sidebar{
    padding: 15px 14px;
  }
}