/*
 Theme Name:     Divi Child Theme for Pebaro
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    for Pebaro
 Author:         co-de
 Author URI:     https://www.co-de.de
 Template:       Divi
 Version:        1.0.0
*/
/*
bg blue: #d4edfc = rgb(212, 237, 252)
color:#004f9f = rgb(0, 79, 159)
pfeil rechts türkis: #1aa6c5
hellblau: #eef8fe
logo:#005aab
bgfooter:#c5d877
icon-backgr:#eef8fe;
icon-over:#9fc5e5;
facebook blau: #3d5c99
pinterest rot: #cc2129
youtube red: #c2261a

*/
/*<style>@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');</style> light 300 regular 400 semi-bold 600 bold 700*/
@font-face {
    font-family: 'Source Sans Pro';
    src: url('/pbshop/source/public_html/fonts/SourceSansPro-Regular.eot');
    src: url('/pbshop/source/public_html/fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('/pbshop/source/public_html/fonts/SourceSansPro-Regular.woff2') format('woff2'),
         url('/pbshop/source/public_html/fonts/SourceSansPro-Regular.woff') format('woff'),
         url('/pbshop/source/public_html/fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/pbshop/source/public_html/fonts/SourceSansPro-SemiBold.eot');
    src: url('/pbshop/source/public_html/fonts/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('/pbshop/source/public_html/fonts/SourceSansPro-SemiBold.woff2') format('woff2'),
         url('/pbshop/source/public_html/fonts/SourceSansPro-SemiBold.woff') format('woff'),
         url('/pbshop/source/public_html/fonts/SourceSansPro-SemiBold.ttf') format('ttf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/pbshop/source/public_html/fonts/SourceSansPro-Light.eot');
    src: url('/pbshop/source/public_html/fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
         url('/pbshop/source/public_html/fonts/SourceSansPro-Light.woff2') format('woff2'),
         url('/pbshop/source/public_html/fonts/SourceSansPro-Light.woff') format('woff'),
         url('/pbshop/source/public_html/fonts/SourceSansPro-Light.ttf') format('ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/pbshop/source/public_html/fonts/SourceSansPro-Bold.eot');
    src: url('/pbshop/source/public_html/fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('/pbshop/source/public_html/fonts/SourceSansPro-Bold.woff2') format('woff2'),
         url('/pbshop/source/public_html/fonts/SourceSansPro-Bold.woff') format('woff'),
         url('/pbshop/source/public_html/fonts/SourceSansPro-Bold.ttf') format('ttf');
    font-weight: bold;
    font-style: normal;
}
/*
@font-face {
    font-family: 'Written in the Stars';
    src: url('/pbshop/source/public_html/fontsWrittenintheStars.eot');
    src: url('/pbshop/source/public_html/fontsWrittenintheStars.eot?#iefix') format('embedded-opentype'),
         url('/pbshop/source/public_html/fontsWrittenintheStars.woff2') format('woff2'),
         url('/pbshop/source/public_html/fontsWrittenintheStars.woff') format('woff'),
         url('/pbshop/source/public_html/fontsWrittenintheStars.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: 'Written in the Stars';
    src: url('/pbshop/source/public_html/fonts/WrittenInTheStars.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    line-height: 1.4em;
    /*
    letter-spacing: -.05em;
    font-size: 17px!important;
    */
}

html{font-size:16px;}
body { background-color: #d4edfc;}
body, a, h1, h2, h3, h4, h5, h6{ color:#004f9f;}

/* a {text-decoration:underline;} */
#main-content a {text-decoration:underline;}
#main-content .et_pb_blurb .et_pb_module_header a, #main-content .et_pb_blurb h4 a,
#main-content h1 a, #main-content h2 a, #main-content h3 a, #main-content h4 a,
#main-content a.mobile_nav,
#main-content a.pebarobutton {
  text-decoration:none;
}

a:hover{opacity:0.7;transition: all 0.2s ease-in-out;}

.plswitch li:not(:last-of-type){
  padding-right:4px;
  border-right:2px solid white;
}
.pl-langdiv{
  float: right;
}
h1 {
  font-size: 30px;
  font-weight: 600;
}
/* lang */
.lang-item {
    display: inline;
    list-style: none;
}
.home_banner{
  z-index: 1;
}
.home_banner img{
  min-height: 150px;
}
.home_banner_button{
  position:absolute!important;
  left: 50%;
  transform: translate(-50%, 0);
  top: 35%;
}
.home_banner .headtext{
  position:absolute;
  top:5%;
  text-align:center;
  width: 100%;
}
.home_banner .headtext h1{
  color: white;
  font-size: 4vw;
  font-weight: 500;
  text-shadow: 2px 2px 6px #666;
  padding-bottom:20px;
}
.home_banner .headtext .subtitle{
  color: #004f9f;
  font-size: 1.8vw;
  font-weight: 600;
}
@media (max-width:980px) {
  
}

@media (max-width:784px) {
  .home_banner > .et_pb_fullwidth_image{
    height: 28vw;
    overflow: hidden;
    min-height: 160px;
  }
  .home_banner > .et_pb_fullwidth_image img{
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
  }
  
  .home_banner .headtext h1{
    font-size: 32px;
    font-weight: 600;
    padding-bottom:10px;
  }
  .home_banner .headtext{
    top:9%;
  }
  .home_banner .headtext .subtitle{
    font-size: 16px;
    font-weight: 600;
  }
}
@media (max-width:600px) {
  .home_banner .headtext h1{
    font-size: 24px;
  }
  .home_banner .headtext .subtitle{
    font-weight: 400;
    font-size: 14px;
  }
  .home_banner_button .pebarobutton{
    font-size: 17px;
  }
}


.home_background1, .home_background2{
  display:none;
}
.home .home_background1, .home .home_background2{
  display:block;
  position:absolute;
  z-index:0;
  opacity:0.8;
  width: 50%;
}

.home .home_background1{top: 24vw;left:0;right:auto;}
.home .home_background2{top: 12rem;left:auto;right:0;}
@media all and (max-width: 1500px) {
  .home .home_background1{top: 24rem;}
}
@media all and (max-width: 980px) {
  .home .home_background1{top: 290px;}
}
/*@media all and (min-width: 981px) {.et_pb_section {padding: 4% 0!important;}}*/
.et_pb_section{
  padding-top:0!important;
  padding-bottom:0!important;
}

@media only screen and (min-width:1350px) {
  .home .et_pb_section_5{padding: 0 0 30px 0!important;}
}
footer .et_pb_fullwidth_code.et_pb_module {
    z-index: 2;
}
/******************************************************************************
** pebarobutton
******************************************************************************/
.pebarobutton{ 
background-color: #fff;
color:#004f9f; 

padding-top: 0.5em !important;
padding-bottom: 0.6em !important;

border-width: 0px !important;
border: 1px solid #ccc;
border-radius: 1px;
box-shadow: 0px 1px 4px 0px  rgba(0,0,0,0.3);
display: inline-block;
padding-right: 2em;
padding-left: 0.7em;
text-decoration: none!important;

background-repeat: no-repeat;
background-position: center;
background-size: cover;
font-size: 20px;
font-weight: 500;
line-height: 1em !important;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.pebarobutton:hover{ 
  background-color: rgba(255, 255, 255, 0.95)!important;
  opacity:.95!important;
}
.et_pb_button{
  padding-right: 1.5em;
  padding-left: 0.5em;
  padding-top:0.5em;
  padding-bottom:0.6em;
  line-height: 1em !important;
  box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
}
.et_pb_button:hover{
  opacity:0.8;
}
.et_pb_button:after, .pebarobutton:after{
  /* content: "9"; */
  font-family: "ETmodules" !important;
  color: #1aa6c5;
  margin-left: 0.3em;
  line-height: 1em;
  opacity: 1;
  content: '9';
  font-size: 20px;
  position: absolute;
  text-shadow: none;
  font-weight: 400;
  font-style: normal;
  font-variant: none;
  text-transform: none;
  transition: all 0.2s;
}
.pebarobutton.herbst{
  background-color: rgba(232, 114, 10, 1);/*#e8720a*/
  color:#ffffff;
}
.pebarobutton.herbst:hover{
  background-color: rgba(232, 114, 10, 0.95)!important;
  opacity:.95!important;
}
.pebarobutton.herbst:after{
  color: #ffffff;
}
.et_pb_text_2 h2.herbst{
  color: #7f2d00!important;/*rgba(127, 45, 0, 1)*/
}
.pebarobutton.neuheiten{
  margin-top:10px;
}

.pebarobutton.neuheiten,
.pebarobutton.winter{
  background-color: rgba(220,25,5, 1);/*#dc1905*/
  color:#ffffff;
}
.pebarobutton.neuheiten:hover,
.pebarobutton.winter:hover{
  background-color: rgba(220,25,5, 0.95)!important;
  opacity:.95!important;
}
.pebarobutton.neuheiten:after,
.pebarobutton.winter:after{
  color: #ffffff;
}
h2.header-neuheiten{
  color: #0050a0!important;/*rgba(127, 45, 0, 1)*/
  rotate: -3deg !important;
  font-size: 40px !important;
}
@media (max-width: 767px) {
  h2.header-neuheiten {
  }
}
.et_pb_text_2 h2.winter{
  color: #ffffff!important;/*rgba(127, 45, 0, 1)*/
}

h2.header-herbst{
    color: #fd6500 !important;
    rotate: -3deg !important;
    font-size: 46px !important;
}
h2.header-winter{
    color: #ffffff !important;
    rotate: -3deg !important;
    font-size: 46px !important;
}
/*****************************************************************************/
/*****************************************************************************/
.pebarobutton.herbst{
    margin-top: 15px;
    color:white;
    background: #fd6500;
}
.pebarobutton.herbst:after{
    color:white;
}

h5.header-schulanfang{
    color: #50b8f0 !important;
    rotate: -5deg !important;
    font-size: 24px !important;
}
h2.header-schulanfang{
    color: #ff6400 !important;
    rotate: -3deg !important;
    font-size: 46px !important;
}

.pebarobutton.schulanfang{
  margin-top: 15px;
}
/*****************************************************************************/
.section-divider{
  padding:0!important;
}
.section-divider div{
  padding:0!important;
}
/******************************************************************************
menu-icons:
shop suche anleitungen ideen ueberuns kataloge
******************************************************************************/
/*
header .et_pb_gutters3 .et_pb_column_3_4 .et_pb_module, header .et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_module {
    margin-bottom: 5px;
}
*/
header .oxidheader{
  float:left;
}
header a{
  color:unset;
}
header .et-menu .menu-item-has-children > a:first-child{
  padding-right:0;
}
header .et-menu > .menu-item > a,
header .et-menu > .menu-icons > a { width: 100%; padding-top: 55px; position:relative;text-align:center;}

header .et-menu > .menu-item > a:before,
header .et-menu > .menu-icons > a:before { 
  /* font-family: 'ETmodules'; */ 
  /* font-family: eleganticons; */
    position: absolute;
    display: block;
    content: "";
    left: 50%;
    transform: translate(-50%, 0) scale(.8);
    z-index: -1;
    
}
header .et-menu > .menu-item > a:after,
header .et-menu > .menu-icons > a:after { display:none;width:0;visibility:hidden;}

header .et-menu > .menu-item > a:before,
header .et-menu > .menu-icons > a:before { top: 0px; transition: all 0.4s ease-in-out;}
header .et-menu > .menu-icons.menu-icon-sortiment > a:before{content:url(/wp-content/uploads/2019/12/icon_sortiment.png);}
header .et-menu > .menu-item.menu-item-504 > a:before{content:url(/wp-content/uploads/2019/12/icon_sortiment.png);}
header .et-menu > .menu-icons.menu-icon-shop > a:before{content:url(/wp-content/uploads/2019/12/icon_shop.png);}
header .et-menu > .menu-icons.menu-icon-ideen > a:before{content:url(/wp-content/uploads/2019/12/icon_ideen.png);}
header .et-menu > .menu-icons.menu-icon-anleitungen > a:before{ content:url(/wp-content/uploads/2019/12/icon_anleitungen.png); }
header .et-menu > .menu-icons.menu-icon-kataloge > a:before{ content: url(/wp-content/uploads/2019/12/icon_kataloge.png); }
header .et-menu > .menu-icons.menu-icon-ueberuns > a:before{ content: url(/wp-content/uploads/2019/12/icon_ueberuns.png); }
header .et-menu > .menu-icons.menu-icon-sortiment > a:hover:before{content:url(/wp-content/uploads/2019/12/icon_sortiment_over.png);}
header .et-menu > .menu-item.menu-item-504 > a:hover:before{content:url(/wp-content/uploads/2019/12/icon_sortiment_over.png);}
header .et-menu > .menu-icons.menu-icon-shop > a:hover:before{content:url(/wp-content/uploads/2019/12/icon_shop_over.png);}
header .et-menu > .menu-icons.menu-icon-ideen > a:hover:before{content:url(/wp-content/uploads/2019/12/icon_ideen_over.png);}
header .et-menu > .menu-icons.menu-icon-anleitungen > a:hover:before{ content:url(/wp-content/uploads/2019/12/icon_anleitungen_over.png); }
header .et-menu > .menu-icons.menu-icon-kataloge > a:hover:before{ content: url(/wp-content/uploads/2019/12/icon_kataloge_over.png); }
header .et-menu > .menu-icons.menu-icon-ueberuns > a:hover:before{ content: url(/wp-content/uploads/2019/12/icon_ueberuns_over.png); }

@media (max-width: 980px){
  .headerlogo {
    width: auto;
    max-width: 14%;
    min-width: 80px;
  }
  .headerlogo,
  .pl-langdiv, .oxidheader{
    margin-bottom: 0!important;
  }
  .section-header > .et_pb_row:first-of-type{
    display: flex;
  }
  .section-header .menu-oxid{
    margin-top: 4%;
    margin-left: 10px;
  }
  .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar::before {
    color: #005aab !important;
   }
}

header .et-menu, header .et-menu a{
  background-color: transparent;
  color: #004f9f;
  font-size:1rem;
}

#menu-haupt-navigation li ul.sub-menu,
#menu-hauptnavigation-en li ul.sub-menu{
  background-color: white !important;
}

header .et-menu > li > ul.sub-menu {
    z-index: 9999;
    position: absolute;
    width: 700px;
    height: 320px;
    padding: 80px 0 0 0;
    text-align: left !important;
    border: none;
    background: #7bc5f7;
    box-shadow: none;
    background-color: white !important;
    box-shadow: 0px 3px 9px 0px #999;
    padding-right: 200px;
    border-top: 5px solid #ccc;
}
header .et-menu > li > ul.sub-menu:after {
  max-width:180px;
  position:absolute;
  top:0px;
  right:30px;
  
}
header .et-menu > li.menu-icon-shop > ul.sub-menu {
  height: 330px;
  left: -145px;
}
header .et-menu > li.menu-icon-ideen > ul.sub-menu {
  /* height: 390px; */
  height: 320px;
  padding-top:80px;
  left: -263px;
}
header .et-menu > li.menu-icon-anleitungen > ul.sub-menu {
  /* height: 485px; */
  height: 330px;
  left: -385px;/*-142px;*/
}

header .et-menu > li.menu-icon-anleitungen > ul.sub-menu {
    left: -405px;
    /* width: 800px; */
    width: 760px;
    padding-right: 170px;
}
header .et-menu > li.menu-icon-anleitungen > ul.sub-menu > li > a{
  width: 240px!important;
}

header .et-menu > li > ul.sub-menu.changeonhover:after {
  content: attr(data-content);
}
header .et-menu > li.menu-icon-ideen > ul.sub-menu:after {
  content: url('/wp-content/uploads/2019/12/pebaro_hangtag_rot.png');
  /* transform: scale(.7) translate(0px,-60px); */
  transform: scale(.6) translate(0px,-100px);
}
/*
Laubsägewerkzeuge: rot
Laubsägevorlagen: orange
Bastlerwerkzeuge: hellblau
Kreatives Hobby: petrol
Holzbausätze: gruen
Bastlersets: gelb
*/
header .et-menu > li.menu-icon-anleitungen > ul.sub-menu:after {
  content: url('/wp-content/uploads/2020/06/pebaro_hangtag_petrol_206x300.png');
  transform: scale(.8) translate(20px,0px);
  transition: all 0.4s;
  /*
  content: url('/wp-content/uploads/2019/12/pebaro_hangtag_blau.png');
  transform: scale(.75) translate(-10px,-30px);
  */
}
header .et-menu > li.menu-icon-anleitungen > ul.petrol.sub-menu:after {
  content: url('/wp-content/uploads/2020/06/pebaro_hangtag_petrol_206x300.png');
}
header .et-menu > li.menu-icon-anleitungen > ul.rot.sub-menu:after {
  content: url('/wp-content/uploads/2020/06/pebaro_hangtag_rot_206x300.png');
}
header .et-menu > li.menu-icon-anleitungen > ul.orange.sub-menu:after {
  content: url('/wp-content/uploads/2020/06/pebaro_hangtag_orange_206x300.png');
}
header .et-menu > li.menu-icon-anleitungen > ul.hellblau.sub-menu:after {
  content: url('/wp-content/uploads/2020/06/pebaro_hangtag_hellblau_206x300.png');
}
header .et-menu > li.menu-icon-anleitungen > ul.gruen.sub-menu:after {
  content: url('/wp-content/uploads/2020/06/pebaro_hangtag_gruen_206x300.png');
}
header .et-menu > li.menu-icon-anleitungen > ul.gelb.sub-menu:after {
  content: url('/wp-content/uploads/2020/06/pebaro_hangtag_gelb_206x300.png');
}


header .et-menu > li.menu-icon-shop > ul.sub-menu:after {
  content: url('/wp-content/uploads/2019/12/logob.png');
  transform: scale(.75) translate(0px,0px);
}

/*wichtig: 3. untermenu verstecken*/
header .et-menu > li ul.sub-menu li.menu-item-has-children>a:first-child:after {
  content:'';
}
header .et-menu > li ul.sub-menu li.menu-item-has-children ul.sub-menu {
  display:none!important;
  /*or display:static;*/
}
header .et-menu > li ul.sub-menu li.menu-item-has-children ul.sub-menu > li a{
/*   width:auto; */
}
/*wichtig: 3. untermenu verstecken*/

header .et_mobile_menu > li > ul.sub-menu > li:first-of-type { /*withicon remove*/
  display: none;
}

#top-menu li li a {
    width: 100%;
}
header .et-menu li ul.sub-menu li {
    margin: 0 20px 0 20px;
    padding: 4px 0;
    border-bottom:1px solid #000;
}
header .et-menu li ul.sub-menu li a{
  padding: 4px 8px 4px 0px;
  font-size:18px;
  font-weight:500;
}
header .et-menu li ul.sub-menu li a:hover{
  opacity: 1;
  background-color: rgba(0, 79, 159,.3);
}
header .et-menu li ul.sub-menu li a:before{
  font-family: "ETmodules" !important;
  content: '9 ';
  color: #1aa6c5;
}
header .et-menu ul.sub-menu li.withicon{
  position:absolute;
  border-bottom:0;
  top:10px;
}
header .et-menu ul.sub-menu li.withicon a{
  font-size: 30px;
  font-weight: 600;
}
header .et-menu ul.sub-menu li.withicon a:hover{
  background-color: unset;
}
header .et-menu ul.sub-menu li.withicon a:before{
  content: '';
  color: #fff;
  
}
header .et-menu ul.sub-menu li.withicon a:after{
  position: absolute;
  z-index: -1;
  top: -5px;
  transition: all 0.4s ease-in-out;
  transform: scale(.8);
  padding-left: 10px;
}

header .et-menu ul.sub-menu li.withicon.shop a:after{content:url(/wp-content/uploads/2019/12/icon_shop_over.png);}
header .et-menu ul.sub-menu li.withicon.ideen a:after{content:url(/wp-content/uploads/2019/12/icon_ideen_over.png);}
header .et-menu ul.sub-menu li.withicon.anleitungen a:after{content:url(/wp-content/uploads/2019/12/icon_anleitungen_over.png);}

header .et-menu > .menu-icon-ideen .sub-menu{
  
}
header .et-menu > .menu-icon-anleitungen .sub-menu{
  
}
header .et_mobile_menu, header .et_mobile_menu li, header .et_mobile_menu a{
  background-color: rgba(255,255,255,1);
  color: #004f9f;
  font-size:1rem;
}
header .et_mobile_menu li a:hover{
  opacity: 1;
  background-color: rgba(0, 79, 159,.3);
}

ul.et_mobile_menu {
    z-index: 9999;
    padding: 0!important;
    text-align: left !important;
    border: none;
    background: #7bc5f7;
    box-shadow: none;
    background-color: white !important;
    box-shadow: 0px 3px 9px 0px #999;
    border-top: 5px solid #ccc;
}

.et_mobile_menu{
    background: #ffffff;
    box-shadow: none;
    background-color: white !important;
}
.et_mobile_nav_menu .mobile_nav:hover{
  opacity: 1;
}
/******************************************************************************
menu-icons end
******************************************************************************/
#main-content{
  background-color: transparent;
}
#main-content .container:before {background: none;}
.et_pb_divider{
  height:5px!important;
}
.et_pb_main_blurb_image {
  margin-bottom: 10px;
}
/* remove the SIDEBAR */
#sidebar { display:none; }
@media (min-width: 981px){
  #left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
  }
}
/* end remove the SIDEBAR */
.slider_head{
  padding: 1rem 2rem;
}

#main-header{
  background-color: transparent;
  box-shadow: none;
}
.et_pb_slider.et_pb_slider_0{background-color: #fff;}

/*.et_pb_row*/
.section-semitransparent{
  z-index:1;
}
.div-semitransparent,
.section-semitransparent .et_pb_row {
  background: rgba(255, 255, 255,.6);
  padding-left:15px;
  padding-right:15px;
  padding-top:15px!important;
  padding-bottom:15px!important;
}
.bottommarginisnull{
  margin-bottom:0px!important;
}
.section-semitransparent .et_pb_row.nobottommargin{
  padding-bottom:0px!important;
}
.section-semitransparent .et_pb_row.notopmargin{
  padding-top:0px!important;
}
.section-semitransparent .et_pb_row.nomargin{
  padding-top:0px!important;
  padding-bottom:0px!important;
}
.section-semitransparent .et_pb_row.row-divider{
  background: transparent;
  padding-top:15px!important;
  padding-bottom:15px!important;
}

.section-semitransparent > .et_pb_row_1,
.section-semitransparent > .et_pb_row_2,
.section-semitransparent > .et_pb_row_3,
.section-semitransparent > .et_pb_row_4,
.section-semitransparent > .et_pb_row
{
  padding-left:30px;
  padding-right:30px;
}

.sliderrow,
.ideensection .et_pb_row {
  background: rgba(255, 255, 255,.6);
  /* opacity: 0.8; */
}
.ideensection.uebersicht .et_pb_row{
  margin-bottom: 30px!important;
}

.ideensection .et_pb_row{
  padding-left:15px;
  padding-right:15px;
  padding-top:0px!important;
  padding-bottom:0px!important;
}
.ideensection .et_pb_row:first-of-type{
}
.ideensection .et_pb_row:last-of-type{
  padding-bottom:20px!important;
}


.ideensogehts > .et_pb_row_2 .et_pb_module_header,
.ideensogehts > .et_pb_row_3 .et_pb_module_header,
.ideensogehts > .et_pb_row_4 .et_pb_module_header{
  font-weight: 600;
}
.ideensogehts > .et_pb_row_2 .et_pb_blurb_description p,
.ideensogehts > .et_pb_row_3 .et_pb_blurb_description p,
.ideensogehts > .et_pb_row_4 .et_pb_blurb_description p{
  font-weight: 400;
}

.ideenblurbhead .et_pb_text h4,
.ideenblurbhead .et_pb_blurb_content .et_pb_module_header{
  padding-bottom:10px;
  border-bottom:1px solid #666;
  margin-bottom:10px;
  font-size: 24px;
  font-weight: 600;
}
/*.ideenblurbhead*/
.ideenblurbhead {
  padding-top:15px!important;
  padding-bottom:15px!important;
}
.ideenblurbhead .et_pb_blurb_content{
  max-width:100%;
  display: table;
  width: 100%;
}
@media (max-width: 980px) {
  .ideenblurbhead .et_pb_blurb_content{
    display: block;
  }
}
.ideenblurbhead .et_pb_blurb_content .et_pb_main_blurb_image,
.ideenblurbhead .et_pb_blurb_content .et_pb_blurb_container{
  width:50%;
  padding-left:15px;
  padding-right:15px;
  position:relative;
}
.ideenblurbhead .et_pb_blurb_content .et_pb_main_blurb_image{
  text-align: center;
  padding-right:30px;
}
.ideenblurbhead .et_pb_blurb_content .et_pb_blurb_container{
  padding-left:30px;
}
.ideenblurbhead .et_pb_blurb_content .et_pb_main_blurb_image img{
box-shadow: 1px 6px 10px 5px rgba(1,1,1,.5);
}
.ideenblurbhead .et_pb_blurb_content .et_pb_blurb_description{
}
.ideenblurbhead .et_pb_blurb_content .et_pb_blurb_description img{
  position:absolute!important;
  top:31px;
  right:-20px;
  z-index:-1;
}

.ideenblurbhead .pebarobutton{
  position:absolute;
  bottom:0;
  right: 25px;
  margin-top: 30px;
}

@media (max-width: 980px){
  .ideenblurbhead .pebarobutton{
    position:relative;
    right: auto;
  }
  .ideenblurbhead .et_pb_main_blurb_image {
    display:block;
    margin: 0px auto;
  }
  .ideenblurbhead .et_pb_blurb_container {
    display:block;
    margin: 0px auto;
    margin-top:30px;
  }
  .ideenblurbhead .et_pb_blurb_content .et_pb_blurb_description img{
    width: 80px;
    right:0px;
  }
  .ideenblurbhead .et_pb_blurb_content .et_pb_main_blurb_image,
  .ideenblurbhead .et_pb_blurb_content .et_pb_blurb_container{
    width:95%;
  }
  
}
@media (max-width: 768px){
  .ideenblurbhead .et_pb_blurb_content .et_pb_blurb_container{
    padding-left:15px;
  }
  .ideenblurbhead .et_pb_blurb_content .et_pb_blurb_description img{display:none;}

  .ideenblurbhead .et_pb_blurb_content .et_pb_blurb_description p:last-of-type{
    text-align: center;
  }
  .ideenblurbhead .pebarobutton{
    right: auto;
    margin-top: 30px;
  }
}


.blurbschritt .et_pb_main_blurb_image,
.blurbschritt .et_pb_main_blurb_image,
.blurbschritt .et_pb_main_blurb_image img,
.blurbschritt .et_pb_main_blurb_image img{
  width:100%;
}
.blurbschritt .et_pb_main_blurb_image img,
.blurbschritt .et_pb_main_blurb_image img{
  border:10px solid white;
}

.et_pb_row.nopaddingtop{
  padding-top:0!important;
  margin-top:0!important;
}

.et_pb_row.nopaddingbottom{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
.section-neuheiten .et_pb_row_1{
  padding-top:30px;
  font-weight:600;
}
.section-neuheiten .et_pb_row_2{
  padding-top:10px;
}
.section-neuheiten .et_pb_row_2 .et_pb_column_1_4{
  margin-right: 2%;
  background-color: white;
}
.section-neuheiten .et_pb_row_2 .et_pb_column_1_4:first-of-type .et_pb_text_inner h2{
  font-size: 16px;
  font-weight: bold;
}
.section-neuheiten .et_pb_row_2 .et_pb_column_1_4:first-of-type .et_pb_text_inner h3{
  font-size: 21px;
}
.section-neuheiten .hp-panel-4row{
  padding: 15px 5px 5px 5px;
  text-align: center;
}
.section-neuheiten .et_pb_row_2 .et_pb_column_1_4 .et_pb_text_inner h2{
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
.section-neuheiten .et_pb_row_2 .et_pb_column_1_4 .et_pb_text_inner p+h2{
  margin-top:10px;
}

.section-hp-panels{
  padding-bottom: 0px !important;
}
@media (min-width: 981px){
  .section-neuheiten .et_pb_row_2 .et_pb_column_1_4{
    width: 23.5%;
    margin-right: 2%;
    background-color: white;
  }
}

@media (max-width: 980px) {
/*
  .section-neuheiten .et_pb_column > div{
    max-width: 334px;
    margin: 0px auto;
  }
*/
  .section-neuheiten .et_pb_column_1_4 > div{
    max-width: 334px;
    margin: 0px auto;
  }

  .section-panels .et_pb_column > div,
  .section-hp-panels .et_pb_column > div{
    max-width: 500px;
    margin: 0px auto;
  }
  
}
.sogehts h4 {
  border-bottom:1px solid #333;
  font-weight:600;
}
/******************************************************************************
** sortiment
******************************************************************************/
.sortiment-text,.sortiment-images{
margin:0px 15px 0 15px;
}
.sortiment-images{
  margin-bottom:30px;
}
.sortiment-text img{
  transition: all 0.4s ease-in-out;
  transform: scale(.8);
}
.sortiment-images img{
  width: 50%;
}
@media (max-width: 980px) {
  .sortiment-images img{
    width: auto;
    float:none;
    display:block;
    margin: 0px auto;
  }
}

.header_haendler,.header_search{float:left;}
.header_login{float:right;}
.header_search{max-width:300px;}
.header-navigation{clear: both;}
.header_login .et_pb_text_inner:after{
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.home_haendler_link{content:'';}
.home_login_link{}
.home_shop_link{}

@media (max-width: 980px) {
  .home_haendler_link, 
  .home_login_link,
  .home_shop_link,
  .home_suche_link {
    font-size: 0;
    padding-top: 15px;
  }
}

header a.icon_right{
  width: 100%; padding-right: 45px; position:relative;text-align:center;
}
header a.icon_right:before { 
    position: absolute;
    display: block;
    content: "";
    right:0;
    z-index: -1;
    top: -15px; 
    transition: all 0.4s ease-in-out;
    transform: scale(.5);
}
header a.icon_right.home_login_link:not(.home_logindealer_link):before{content:url(/wp-content/uploads/2019/12/icon_login.png);}
header a.icon_right.home_shop_link:before{content:url(/wp-content/uploads/2019/12/icon_warenkorb.png);}
/*header a.icon_right.home_haendler_link:before{content:url(/wp-content/uploads/2020/12/icon_haendler.png);}*/
header a.icon_right.home_logindealer_link:before{content:url(/wp-content/uploads/2021/11/icon_dealerlogin.png);}

header a.icon_right:hover{opacity:0.7;transition: all 0.4s ease-in-out;}

/*footer*/
footer{ 
background:url(/wp-content/uploads/2019/12/footer_hintergrund.png);
background-size:cover;
background-position:top;
padding-top: 200px !important;
margin-top: -130px;
padding-bottom: 30px;

}
.footer_heading .et_pb_widget{
  float:none!important;
}
.footer_heading .footer-head-mit-siggi{
/*background-color:#c5d877;*/
background-color:transparent;
width: 100%;
max-width: 800px;
margin:0px auto;
text-align:center;
}


.footer_heading{
}
.section-trenner{
  background-color: #c5d877;
}
.footer_menu{
  background-color: #c5d877!important;
  z-index:2;
}
.footer_heading .et_pb_code_inner {
  max-width:1080px;
  padding-left:20px;
  padding-right:20px;
}
.footer_heading .et_pb_code_inner {
}
.footer_heading .et_pb_code_inner:after{
    content: " ";
    display: inline-block;
    width: 160px;
    height: auto;
    background-image: url(/wp-content/uploads/2019/12/siggi_small.png);
    background-repeat: no-repeat;
    position: absolute;
    right: -200px;
    top: 0;
    width: 198px;
    height: 300px;
    background-size: contain;
    z-index: -1;
}
@media (max-width: 980px) {
  .footer_heading .et_pb_code_inner:after{
    display:none;
  }
}
@media (max-width: 768px) {
  .footer_heading .et_pb_code_inner,
  .footer_heading .et_pb_code_inner:after{
    display:none;
  }
  .footer_heading .et_pb_code_inner:after{
    display:none;
  }
}

.footer_heading .trennner{
  margin-left:2rem;
  margin-right:2rem;
}
@media (max-width: 780px) {
  .footer_heading .trennner{
    margin-left:0!important;
    margin-right:0!important;
  }
}

.footer_heading h1, .footer_heading h2, .footer_heading h3, .footer_heading h4 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.footer_heading h3 {
 font-weight:600;
 font-size: 24px;
}

.footer_menu .et_pb_column_0_tb_footer{width: 25%!important;}
.footer_menu .et_pb_column_1_tb_footer{width: 20%!important;}
.footer_menu .et_pb_column_2_tb_footer{width: 20%!important;}
.footer_menu .et_pb_column_3_tb_footer{width: 35%!important;}

@media (max-width: 980px) {
  .footer_menu .et_pb_column_0_tb_footer .et_pb_widget{width: 100%!important;}
}

@media (max-width: 768px) {
  .footer_menu .et_pb_column_1_4{
    padding-bottom:20px;
  }
  .footer_menu .et_pb_column_0_tb_footer,
  .footer_menu .et_pb_column_3_tb_footer{
    text-align: center;
  }
  .footer_menu .et_pb_column_1_tb_footer .et_pb_menu .et_pb_menu__wrap,
  .footer_menu .et_pb_column_2_tb_footer .et_pb_menu .et_pb_menu__wrap{
    justify-content: center;
  }
  .footer_menu .et_pb_column_1_tb_footer .et_pb_menu .et_pb_menu__wrap .et-menu li,
  .footer_menu .et_pb_column_2_tb_footer .et_pb_menu .et_pb_menu__wrap .et-menu li{
    margin:0px auto;
  }
  
  .footer_menu .et_pb_column_3_tb_footer .et-social-icons{
    float: none;
  }
  .footer_menu ul.menu {
    /*transform: translate(25%);*/
    padding-left:30%!important;
  }
  .footer_menu .et_pb_column.et-last-child ul.et-social-icons{
    padding:0!important;
  }
  .footer_menu .et_pb_column.et-last-child ul.et-social-icons li{
    margin-left: 0px!important;
  }
  
}

#footer-widgets .footer-widget li:before {
  display: none; 
} 
html #footer-widgets .footer-widget .et_pb_widget:not(.woocommerce) ul li {
  padding-left: 0px; 
}

footer .et-social-icon img{max-width:80px;margin-bottom:10px;}

footer .et-menu.nav { 
  flex-direction: column;
}

header .et_pb_menu__menu,
header .et_pb_menu__menu > nav.et-menu-nav,
header .et_pb_menu__menu > nav.et-menu-nav > .et-menu.nav {width:100%;}
header .et_pb_menu__menu > nav.et-menu-nav > .et-menu.nav {justify-content: space-between;}

header .et_pb_menu .et_pb_menu__menu > nav > ul > li > a, 
header .et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul > li > a,
footer ul.menu a,
footer ul.et-menu.nav a {
display: block;
position: relative;
color: unset!important;
text-decoration: none;
transition: all 0.4s ease-in-out;
}
footer ul.et-menu a,
footer ul.menu a{
  padding-bottom: 0px!important;
}
footer ul.et-menu > li,
footer ul.et-menu.nav > li { 
  margin-bottom:3px;
}

footer .et-menu.nav > li {font-size:1rem;}

footer .et_pb_social_media_follow li.et-social-instagram a.icon  {
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
footer .et_pb_social_media_follow li a.icon:hover{opacity:0.6;transition: all 0.4s ease-in-out;}

footer .myicons.et-social-icons{
  float:left;
  margin-top:15px;
}
@media (max-width: 768px) {
  footer .myicons.et-social-icons {
    float: none;
  }
}
footer .myicons.et-social-icons > li{
  margin-left: 0px!important;
  margin-right: 10px!important;
}
footer .myicons.et-social-icons li a.icon::before {
    display: block;
    position: relative;
    z-index: 10;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    border-radius: 16px 16px 16px 16px;
    box-sizing: content-box;
}
footer .myicons.et-social-icons a.icon{
width: 32px;
height: 32px;
padding: 0;
border-radius: 16px 16px 16px 16px;
}
footer .myicons.et-social-icons .et-social-facebook a.icon{
  background-color: #3b5998 !important;
}
footer .myicons.et-social-icons .et-social-twitter a.icon{
  background-color: #1DA1F2 !important;
}

footer .myicons.et-social-icons .et-social-pinterest a.icon{
  background-color: #cb2027 !important;
}
footer .myicons.et-social-icons .et-social-instagram a.icon{
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%) !important;
}
footer .myicons.et-social-icons .et-social-youtube a.icon{
  background-color: #a82400 !important;
}
footer .et_pb_widget_area_left{
  border-right: 0px none;
}
@media (max-width: 980px) {
  footer .et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
    align-items: stretch;
    flex: 0 1 auto;
    justify-content: flex-start;
  }
  footer .et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {
    display: none!important;
  }
  footer .et_pb_column.et_pb_column_1_4{
    width: 25%!important;
  }
}
@media (max-width: 768px) {
  footer .et_pb_column.et_pb_column_1_4{
    width: 100%!important;
  }
}

.et_pb_search{
  border:0;
  background: #eef8fe;
}
.et_pb_searchform input.et_pb_searchsubmit {
    background: transparent;
    color: transparent;
    border: none;
    width: 55px;
    z-index: 2;
}

.et_pb_searchform input.et_pb_s {
    /*padding-right: 55px !important;*/
    width: 240px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 12px !important;
    font-size: 16px;
}

.et_pb_searchform:before {
    content: '\55';
    position: absolute;
    font-family: 'ETModules';
    z-index: 1;
    right: 0;
    font-size: 20px;
    padding: 8px 20px;
}
/* */
.blurbwithbutton{
  /* 300x174; */
}
.blurbwithbutton img{
  width:100%;
  border: 10px solid white;
}
.blurbwithbutton p{
  padding-bottom:0!important;
}
.blurbwithbutton h3{
  position:absolute;
  top:25px;
  left:15px;
  font-family: 'Written in the Stars';
  font-size:24px;
}

.blurbwithbutton h4{
  position:absolute;
  top:60px;
  left:15px;
  font-size: 18px;
  font-weight:600;
}
.blurbwithbutton a.pebarobutton{
  position:absolute;
  bottom:30px;
  right:20px;
}

.blurbwithbutton.white-header h4{
  top:66px;
}

.blurbwithbutton.white-header h3{
  position:absolute;
  top:25px;
  left:15px;
  font-family: 'Source Sans Pro';
  font-size:24px;
  font-weight:500;
  width:80%;
  background-color:white;
  padding: 5px 8px;
}
.hp-panel img{
  width:100%;
  border: 10px solid white;
}

.hp-panel img:after{
  }
.home .blurbwithbutton .et_pb_text_inner p:first-of-type:after,
.hp-panel .et_pb_text_inner p:first-of-type:after{
display: block;
position: absolute;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0,#fff 100%);
margin-right: 60%;
height: 98%;
width: 49%;
content: '';
top: 0;
}

.hp-panel p{
  padding-bottom:0!important;
}
.hp-panel h3{
  position:absolute;
  top:25px;
  left:15px;
  font-family: 'Written in the Stars';
  font-size:24px;
}
.hp-panel h4{
  position:absolute;
  top:60px;
  left:15px;
  font-size: 18px;
  font-weight: 600;
}
.hp-panel a.pebarobutton{
  position:absolute;
  bottom:30px;
  right:20px;
}
.hp-panel img.neu_icon,
.neu_icon{
  position:absolute;
  right: 3%;
  top:3%;
  width:auto!important;
  border: 0px none;
}

.hp-panel-3row{
  background-color:#fff;
  padding: 15px 15px 5px 15px;
}
.hp-panel-3row h2{
  text-align: center;
}
.panel-katalog{
  background-color:#fff;
  padding:15px;
  min-height:300px;
}
.panel-katalog.red{border-bottom:10px solid #D81920;}
.panel-katalog.orange{border-bottom:10px solid #F5934C;}
.panel-katalog.lblue{border-bottom:10px solid #94CBE0;}
.panel-katalog.dblue{border-bottom:10px solid #0D4A95;}
.panel-katalog.blue{border-bottom:10px solid #01ABCC;}
.panel-katalog.green{border-bottom:10px solid #92D656;}
.panel-katalog.dgreen{border-bottom:10px solid #007c71;}
.panel-katalog.yellow{border-bottom:10px solid #FBCF30;}

.entry-content table,
.entry-content tr td{
  border:0px none;
}
@media (max-width: 980px) {
  .responsive-center .et_pb_text_inner{
    text-align:center;
  }
}

/*****************************************************************************/
.wpsisac-slick-carousal.design-6{margin-bottom: 0px!important;}
.wpsisac-slick-carousal.design-6 .slick-prev{left: -40px !important;}
.wpsisac-slick-carousal.design-6 .slick-next{right: -40px !important;}

/**HTML Tabelle - timelinetable**/
.timelinetable{border:0px none;}
.timelinetable tr td { width:120px;padding-left:0;padding-right:0; }
.timelinetable tr:first-of-type td{text-align:right;}
.timelinetable tr:nth-of-type(2) td{text-align:center;}
.timelinetable tr:nth-of-type(2) td img{margin-top: 10px; margin-bottom: 10px; width: 100%;}
.timelinetable tr:last-of-type td{text-align:left;}
.timelinetable tr td img{
  /*max-width:80%;*/
  box-shadow: 1px 1px 5px 3px  rgba(0,0,0,0.3);
  }
.timelinetable .timeline_years{
  margin-top: 10px; margin-bottom: 10px; width: 100%;max-width: 100%;box-shadow:none;
}
.timelinetable_resp{border:0px none;}
.timelinetable_resp tr td{vertical-align:top;padding:0;}
.timelinetable_resp tr td:first-of-type{text-align:right;}
.timelinetable_resp tr td:nth-of-type(2){text-align:center;padding-left:10px;padding-right:10px;min-width:90px;}
.timelinetable_resp tr td:nth-of-type(2) img{margin-left: 10px; margin-right: 10px;}
.timelinetable_resp tr td:last-of-type{text-align:left;padding-top: 83px;}
@media all and (max-width:544px) {
  .timelinetable_resp tr td:last-of-type{text-align:right}
}
.timelinetable_resp tr td:first-of-type a, 
.timelinetable_resp tr td:last-of-type a{
  display:block;
  height:183px;
  white-space: nowrap;
}
.timelinetable_resp tr td:first-of-type a:first-of-type{margin-top: -15px;}
.timelinetable_resp tr td:first-of-type a:before, 
.timelinetable_resp tr td:last-of-type a:before{
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.timelinetable_resp tr td:first-of-type img, 
.timelinetable_resp tr td:last-of-type img{
  box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.3);
  vertical-align: middle;
  /* margin-bottom:50px; */
}

.timelinetable_resp .timeline_years{
  margin-top: 10px; margin-bottom: 10px; box-shadow:none;
}
.historie-resp{ padding-left: 15px!important; padding-right: 15px!important; }
/*****************************************************************************/
/**HTML Tabelle - Responsive Table CSS**/
.responsivetable th {
 background: #f5f8fd;
}
@media all and (max-width:768px) {
  .responsivetable, .responsivetable thead, .responsivetable tbody, .responsivetable tr, .responsivetable th, .responsivetable td {
  display: block;
  }
  .responsivetable, .responsivetable td {
  text-align: center!important;
  }
.responsivetable td {
  max-width:360px;
  margin: 0px auto;
  }
}


.wpcf7 .form-group{
  display:block!important;
}

/* ul submenu mobile ***********************************************************************/
@media all and (max-width:979px) {
  
  header .et_mobile_menu li a{
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
  header .et_mobile_menu > li.menu-item-has-children > a{
background-color: transparent;
position: relative;
  }

  header .et_mobile_menu > li.menu-item-has-children > a:after{
font-family: 'ETmodules';
content: '\35';
font-weight: bold;
position: absolute;
font-size: 20px;
top: 13px;
right: 10px;
  }
  header .et_mobile_menu > li.menu-item-has-children > .icon-switch:after{
content: '\33';
  }
/*
  @keyframes fade-in {
    from { opacity: 0; }
    to {   opacity: 1; }
  }
  
  @keyframes fade-out {
    from { opacity: 1; }
    to {   opacity: 0; }
  }
*/
  header .et_mobile_menu > li.menu-item-has-children ul.sub-menu li{
    display: none;
    animation: fade-out 1s;
  }

  header .et_mobile_menu > li.menu-item-has-children ul.sub-menu li.reveal-items{
    display: block;
    animation: fade-in 1s;
  }

  header .et_mobile_menu li > a[aria-current="page"]{background-color:#E2EEFC}
}
/*
magnificpopup:
https://divihacks.com/how-to-create-a-popup-in-divi-without-a-plugin/
[class*="lightbox-trigger-"] {cursor:pointer;}
[class*="lightbox-content-"] {position:relative; z-index: unset !important;text-align:center;}
[class*="lightbox-content-"] .mfp-close {color:#e0e0e0 !important;}
[class*="lightbox-content-"] .mfp-close:active {top:0px !important;}
*/
/******************************************************************************
MWST FLYOUT
******************************************************************************/
  /* #mwst_flyout .close{content:&times;} */
  /* #mwst_flyout > *:last-child { padding-top: 7px; } */
/*
#mwst_flyout {
    position: fixed;
    transform: rotate(0deg);
    z-index: 999;
    bottom: 30px;
    left: 8vw;
    width:188px;
    height:188px;
    display: block;
    background: #005bac;
    border-radius: 94px;
    color: #fff;
    box-shadow: -8px 10px 25px 0px rgba(0,0,0,0.6);

    font-size: 25px;
    font-weight: bold;
    line-height: 29px;
}
#mwst_flyout .close{
  position:absolute;
  left:0;top:0;
  cursor:pointer;
  font-size: 35px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-shadow: 2px 2px 4px #666;
}
#mwst_flyout .big {
    font-size: 25px;
    font-weight: normal;
    line-height: 29px;
}
#mwst_flyout .small {
    font-size: 20px;
    font-weight: normal;
}
#mwst_flyout > *:first-child {
    padding-top: 32px;
}
#mwst_flyout > * {
    display: block;
    text-align: center;
}

@media (max-width: 1439px){
  #mwst_flyout {
    transform: rotate(0deg) scale(0.9);
  }
}
@media (max-width: 991px){
  #mwst_flyout {
    transform: rotate(0deg) scale(0.75);
  }
}
@media (max-width: 767px){
  #mwst_flyout {
    transform: rotate(0deg) scale(0.6);
  }
}
@media (max-width: 539px){
  #mwst_flyout {
    transform: rotate(0deg) scale(0.5);
    top: 75%;
    left: 0vw;
  }
}
#mwst_flyout {
    display: none;
}
*/