/*
 Theme Name:     studio gid | Metzgerei Becker
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Metzgerei Becker zum Engel - created by studio gid
 Author:         studio gid
 Author URI:     https://studio-gid.com
 Template:       Divi
 Version:        1.0.2
*/

:root {
  --font-family-body: "davis-sans",sans-serif;
  --font-family-headings: "Handel Gothic", sans-serif;
  --font-color-body: #10172F;
  --font-color-light: #F2FCFF;
  --font-color-headings: #10172F;
  --font-color-menu: #10172F;
  --font-color-mobile-menu: #F2FCFF;
  --font-color-a: #10172F;
  --font-size-body: clamp(19px, 2.1vw, 22px);
  --font-size-h1: clamp(50px, 5vw, 88px);
  --font-size-h2: clamp(25px, 2.5vw, 35px);
  --font-size-h3: clamp(22px, 2.3vw, 25px);
  --font-size-h4: clamp(19px, 2.1vw, 22px);
  --font-size-h5: clamp(17px, 1.8vw, 19px);
  --font-size-menu: clamp(14px, 1.3vw, 19px);
  --clipping-height: 30vw;
  --clipping-height-mobile: 30vw;
  --bg-body: #F2FCFF;
  --bg-menu: #10172F;
  --bg-highlight: #FED400;
  --bg-highlight2: #00a8b9;
}
html{
  overflow-x: hidden !important;
}
body {
  background: var(--bg-body);
  overflow-x: hidden !important;
}
body, p, a, li, ul, td {
font-family: var(--font-family-body);
color: var(--font-color-body);
font-size: var(--font-size-body);
font-weight: 300;
line-height: inherit;
hyphens: manual;
}
h1{
  font-family: var(--font-family-headings);
  text-transform: lowercase;
  color: var(--font-color-headings);
}

h2, h3, h4, h5, h6, .et_pb_button{
font-family: var(--font-family-body);
color: var(--font-color-headings) !important;
line-height: normal;
text-transform: uppercase;
}
h1{
  font-size: var(--font-size-h1);
  font-weight: 700;
  line-height: 1em;
}
h2{
  font-size: var(--font-size-h2) !important;
  font-weight: 700;
}
h3{
  font-size: var(--font-size-h3);
  font-weight: 500;
}
h4{
  font-size: var(--font-size-h4);
  font-weight: 500;
}
a {
color: var(--font-color-a);
cursor: pointer;
}
a:hover, .current-menu-item a{
cursor: pointer;
}
li{
list-style-type:square;
}
strong {
font-weight: 500;
}
.color-light *{
color: var(--font-color-light) !important;  
}
.et_pb_button:hover{
  text-decoration: none;
  transform-origin: center;
  transition: 200ms ease-in-out;
}
.fullwidth_row{
  width: 95% !important;
  max-width: 1920px !important;
}
@media only screen and (max-width: 767px){
  .fullwidth_row{
    width: 90% !important;
    padding: 5px 0;
  }
  .et_pb_row{
    width: 90% !important;
  }
}


/* START ENTRY*/

.clip-top_sec {
  clip-path: polygon(0px var(--clipping-height), 100% 0px, 100% 100%, 0% 100%);
  padding: calc(.5 * var(--clipping-height)) 0 0 0 !important;
  margin-top: calc(-1 * var(--clipping-height));
}

.start-entry_row {
  display: flex;
  padding-bottom: 0;
  align-items: stretch;
  padding-bottom: 0 !important;
}
.start-entry_row .et_pb_column_1 {
  display: flex;
  margin: 0;
    margin-top: 0px;
  align-items: end;
  width: 65%;
  margin-top: -10%;
  z-index: -1;
}
.start-entry_row .et_pb_column_2 {
  width: 35%;
  padding-bottom: 35px;
}
.start-entry-title h1 {
  width: fit-content;
  margin-left: auto;
  font-size: clamp(50px, 6vw, 95px);
}
.start-entry-title .title {
  font-size: 1.5em;
  white-space: nowrap;
}
.start-entry-title .pre-title {
  margin-left: -25%;
}
.start-entry-text {
  font-size: clamp(21px, 2vw, 24px);
}
.zum-engel img {
  max-width: clamp(150px, 25%, 250px);
  margin-left: auto;
  float: right;
  margin-top: -5%;
  padding: 0 !important;
  opacity: 0.9;
  margin-right: -7% !important;
}
.start-entry-text_mod{
  background: #1ca2b966;
  padding: 25px;
  max-width: 470px;
}

@media only screen and (max-width: 767px){
  .clip-top_sec {
    clip-path: polygon(0px var(--clipping-height-mobile), 100% 0px, 100% 100%, 0% 100%);
    padding: calc(1 * var(--clipping-height-mobile)) 0 0 0 !important;
    margin-top: calc(-1 * var(--clipping-height-mobile));
  }
  .start-entry_row {
    flex-direction: column-reverse;
  }
  .start-entry_row .et_pb_column_1, .start-entry_row .et_pb_column_2 {
    width: 100%;
  }
  .start-entry_row .et_pb_column_1 {
    margin-top: 0;
  }
  .start-entry-title h1 {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(50px, 6vw, 95px);
    text-align: center;
  }
  .zum-engel img {
    margin-top: -10%;
    margin-right: 7% !important;
  }
  .start-entry-text{
    font-size: clamp(19px, 3vw, 30px);
  }
  .start-entry-text_mod{
    max-width: 100%;
  }
  .entry-img img {
    transform: scale(1.5);
    transform-origin: bottom;
    margin-top: 25%;
  } 
}
@media only screen and (min-width: 980px){
  .entry-heading h1 {
    width: 150%;
    transform: translateX(-30%);
  }
 }

@media only screen and (min-width: 1500px){
  .clip-top_sec {
    clip-path: polygon(0px var(--clipping-height-mobile), 100% 0px, 100% 100%, 0% 100%);
    /*padding: 0 !important;*/
    margin-top: calc(-.8 * var(--clipping-height-mobile));
  }
  .quali-entry_sec.clip-top_sec.clip-bottom_sec {
    padding: calc(1 * var(--clipping-height)) 0 !important;
  }
}

@media only screen and (min-width: 1101px) and (max-width: 1600px){
  .entry-img img {
    transform: scale(1.3);
    transform-origin: bottom;
    margin-top: 5%;
  }
 }
 @media only screen and (min-width: 767px) and (max-width: 1100px){
  .entry-img img {
    transform: scale(1.5);
    transform-origin: bottom;
    margin-top: 5%;
  }
 }

.clip-bottom_row {
  margin-bottom: calc(-1 * var(--clipping-height)) !important;
}
.skew-button_row .et_pb_column{
display: flex;
justify-content: center;
align-content: center;
align-items: center;
gap: 30px;
}

.skew-button_row a{
  font-size: var(--font-size-h4) !important;
}
.skew-button_row .et_pb_module:hover {
  box-shadow: 10px 10px 1px #333;
}

.skew-button_row .et_pb_button_module_wrapper, .skew-button-container {
  transform: skew(-20deg);
  background: var(--bg-highlight);
  box-shadow: 5px 5px 5px #666;
  width: fit-content;
  min-width: 215px;
  margin: 0 !important;
  cursor: pointer !important;
  transition: all .3s;
}
.skew-button-container:hover{
  min-width: 290px;
  transition: all .3s;
  box-shadow: 10px 10px 1px #333;
}
.fleisch-to-go_row .et_pb_button_module_wrapper {
  transform: skew(-20deg);
  background: var(--bg-highlight);
  width: 40%;
  min-width: 275px;
  margin-left: auto;
  margin-top: -50px;
  box-shadow: 5px 5px 5px #666;
  max-width: 100%;
  transition: all .3s;
}
.fleisch-to-go_row .et_pb_button_module_wrapper:hover, .circle-skew-button-row:hover{
  box-shadow: 10px 10px 1px #333 !important;
  transition: all .3s;
}
.fleisch-to-go_row .et_pb_button_module_wrapper:active, .skew-button_row .et_pb_button_module_wrapper:active{
  box-shadow: 2px 2px 3px #333;
}
.skew-button {
  transform: skew(20deg);
  font-size: var(--font-size-h4) !important;
  background: transparent !important;
  color: var(--font-color-body) !important;
  cursor: pointer !important;
}

@media only screen and (max-width: 767px){
  .skew-button_row .et_pb_column{
    flex-wrap: wrap;
    margin-top: 35px;
    }
    .skew-button_row .et_pb_button_module_wrapper, .skew-button-container {
      min-width: 80%;
    }   
    .skew-button_row a{
      font-size: var(--font-size-h3) !important;
    }
}

/*Filialen*/
.filialen_sec .address{
  font-size: var(--font-size-h3);
}
.filialen_sec .tag, .filialen_sec .telefon, .filialen_sec .fax{
  font-weight: 700;
}
.filialen_sec .icon{
  padding-left: 55px;
}

.filialen-kontakt td:first-of-type {
  width: 150px;
}

.telefon::before {
  content: url(svg/icon_phone.svg);
  width: 30px;
  position: absolute;
  left: 10px;
}
.fax::before {
  content: url(svg/icon_fax.svg);
  width: 30px;
  position: absolute;
  left: 10px;
}
.filialen_sec .address a{
  font-size: var(--font-size-h3);
}
.filialen_sec .address a:hover{
 cursor: pointer !important;
}
.filialen_sec .tag {
  width: 150px;
}
.address::before {
  content: url(svg/icon_location.svg);
  width: 30px;
  position: absolute;
  left: 10px;
}

.filialen_sec tr td{
  padding: 5px 0;
}

.oeffnungszeiten tr{
border-bottom: 1px solid #2ab7cf;
}


/*Footer*/
.footer_row .et_pb_column {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  font-size: var(--font-size-h5);
  text-transform: uppercase;
}
.footer_row .et_clickable:hover {
  cursor: pointer;
  text-decoration: underline;
}
@media only screen and (max-width: 767px){
  .footer_row .et_pb_column{
    flex-wrap: wrap;
}
.footer_row .et_pb_column .et_pb_module {
  width: 100%;
  text-align: center;
}}

/* PARTYSERVICE*/
/*Circle*/
.circle_sec {
  clip-path: circle(500px at 50% 50%);
  height: 1000px;
  position: absolute;
  z-index: 2;
  top: clamp(-150px, -10vw, -200px);
  left: 0;
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 !important;
  padding: 0 !important;
}
.circle-title_row {
  width: 580px;
  margin: -70px auto 0 auto;
}
.circle-title_row h1{
  font-size: 79px;
}
.circle-steps_row{
  width: 850px;
margin: 0 auto;
order: 2;
display: flex;
}
.partyservice-number {
  text-align: center;
  font-size: 4em !important;
  font-weight: 500;
}
.partyservice-title {
  text-align: center;
}
.circle-skew-button-row {
  order: 3;
  margin: 35px auto 0 auto;
  transform: skew(-20deg);
  background: var(--bg-body);
  min-width: 275px;
  box-shadow: 5px 5px 5px #666;
  max-width: 100%;
  width: 450px;
  padding: 0 !important;
}
.middle-number::before {
  width: 1px;
  height: 198px;
  background: var(--bg-body);
  position: absolute;
  left: -20px;
  content: '';
  top: 125px;
}
.middle-number::after {
  width: 1px;
  height: 198px;
  background: var(--bg-body);
  position: absolute;
  right: -20px;
  content: '';
  top: 125px;
}
.circle-bg_sec{
min-height: calc(800px + 10vh);
}
@media only screen and (max-width:1400px) and (min-width:767px){
  .circle_sec {
    clip-path: circle(400px at 50% 50%);
    height: 800px;
    top: -70px;
    padding: 0 !important;}
    .circle-title_row h1 {
      font-size: 55px;
    }
    .circle-steps_row {
      width: 700px;
      display: flex;
      gap: 5px;
      padding: 0 !important;
    }
    .circle-steps_row .et_pb_column {
      margin-right: 5.5%;
    }
    .circle-steps_row p {
      font-size: 20px;
    }
    .circle-title_row {
      width: 580px;
      margin: 0 auto 0 auto;
      padding: 0 !important;
    }
    .circle-skew-button-row {
      order: 3;
      margin: 20px auto 0 auto;
      transform: skew(-20deg);
      background: var(--bg-body);
      min-width: 275px;
      box-shadow: 5px 5px 5px #666;
      max-width: 100%;
      width: 325px;
      padding: 0 !important;
    }
}
@media only screen and (max-width:767px){
  .circle_sec{
    clip-path: initial;
    justify-content: space-evenly;
    height: auto;
    top: 0;
    position: initial;
    margin: 50px 0 0 !important;
    padding: 50px 0 !important;
  }
   .circle-bg_sec, .middle-number::before, .middle-number::after, .circle-skew-button-row {
    display: none;
  }
  .circle-title_row h1 {
    font-size: var(--font-size-h1);
  }
  .circle-title_row {
    width: 90%;
    margin:0;
  }
  .circle-steps_row {
    width: 90%;
    flex-wrap: wrap;
  }
}
.elektro-info {
  background: #fed400;
  padding: clamp(15px, 3vw, 35px);
  border-radius: 15px;
  text-align: center;
  max-width: 720px;
  margin: auto;
    margin-bottom: auto;
}


/* PARTYSERVICE*/
/*Circle
.circle_sec {
  clip-path: circle(500px at 50% 50%);
  height: 100vh;
  position: absolute;
  z-index: 2;
  top: clamp(-150px, -10vw, -200px);
  left: 0;
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 !important;
  padding: 0 !important;
}
.circle-title_row {
  width: 580px;
  margin: -70px auto 0 auto;
}
.circle-title_row h1{
  font-size: 79px;
}
.circle-steps_row{
  width: 850px;
margin: 0 auto;
order: 2;
display: flex;
}
.partyservice-number {
  text-align: center;
  font-size: 4em !important;
  font-weight: 500;
}
.partyservice-title {
  text-align: center;
}
.circle-skew-button-row {
  order: 3;
  margin: 35px auto 0 auto;
  transform: skew(-20deg);
  background: var(--bg-body);
  min-width: 275px;
  box-shadow: 5px 5px 5px #666;
  max-width: 100%;
  width: 450px;
  padding: 0 !important;
}
.middle-number::before {
  width: 1px;
  height: 198px;
  background: var(--bg-body);
  position: absolute;
  left: -20px;
  content: '';
  top: 125px;
}
.middle-number::after {
  width: 1px;
  height: 198px;
  background: var(--bg-body);
  position: absolute;
  right: -20px;
  content: '';
  top: 125px;
}

@media only screen and (max-width:767px){
  .circle_sec{
    clip-path: initial;
    justify-content: space-evenly;
    height: auto;
    top: 0;
    position: initial;
    margin: 50px 0 0 !important;
    padding: 50px 0 !important;
  }
   .circle-bg_sec, .middle-number::before, .middle-number::after, .circle-skew-button-row {
    display: none;
  }
  .circle-title_row h1 {
    font-size: var(--font-size-h1);
  }
  .circle-title_row {
    width: 90%;
    margin:0;
  }
  .circle-steps_row {
    width: 90%;
    flex-wrap: wrap;
  }
}*/


/*Accordion*/
.accordion .ff-el-input--content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
}

.accordion .ff-el-input--label {
  cursor: pointer;
  position: relative;
}

.accordion .ff-el-input--label::after {
  content: '▼';
  position: absolute;
  right: -30px;
  top: 0;
  transition: transform 0.4s;
}

.accordion.expanded .ff-el-input--label::after {
  transform: rotate(180deg);
}

.accordion.expanded .ff-el-input--content {
  max-height: 1000px; /* Eine großzügige Höhe, um den Inhalt abzudecken. Sie können diesen Wert anpassen. */
}

/*Formular*/
.fluentform .ff-el-form-control {
  border: solid var(--font-color-body)!important;
  border-width: 0 0 1px 0 !important;
  border-radius: 0 !important;
  color: var(--font-color-body)!important;
  font-size: var(--font-size-body)!important;
}
.fluentform .ff-el-input--label label {
  font-weight: 400 !important;
}
.partyservice-box {
  padding: 55px;
  background: white;
  box-shadow: 10px 10px 10px #ccc;
  border-radius: 20px;
  margin: 25px 0;
}
.fluentform .ff-el-form-check-label .ff-el-form-check-input {
  transform: scale(1.5);
  margin-right: 15px;
}
@media only screen and (min-width: 767px){
.skew-button-container.ff_submit_btn_wrapper {
  margin-left: calc(50% - 105px) !important;
  margin-top: 55px !important;
}
.skew-button-container.ff_submit_btn_wrapper:hover {
  min-width: 215px;
  box-shadow: 10px 10px 1px #333;
}}
@media only screen and (max-width: 767px){
  .skew-button-container.ff_submit_btn_wrapper {
    min-width: 280px;
    margin: auto !important;
  }
  .skew-button-container.ff_submit_btn_wrapper:hover {
    box-shadow: 10px 10px 1px #333;
  }
  .partyservice-box {
    padding: 35px;}
  }
  /*Accordion*/
.accordion .ff-el-input--content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
}
.accordion .ff-el-input--label {
  cursor: pointer;
  position: relative;
}
.accordion .ff-el-input--label::after {
  content: url(svg/icon-dropdown-down.svg);
  position: absolute;
  right: 0px;
  top: 10px;
  transition: transform 0.4s;
  transform: scale(.8);
}
.accordion.expanded .ff-el-input--label::after {
  transform: rotate(180deg);
}
.accordion.expanded .ff-el-input--content {
  max-height: 10000px; /* Eine großzügige Höhe, um den Inhalt abzudecken. Sie können diesen Wert anpassen. */
}
.ff-el-group.accordion {
  border-bottom: 1px solid var(--font-color-body);
}
.ff-el-group.accordion .ff-el-input--label.asterisk-right :hover {
  cursor: pointer !important;
}
.dropdown-box .ff-el-input--label {
  width: 100%;
  padding: 15px 0 0 0;
}
.dropdown-box .ff-el-input--label label {
  font-size: var(--font-size-h3) !important;
  text-transform: uppercase;
}
.fluentform .ff-btn:not(.ff_btn_no_style){
  border: none !important;
}
.fluentform .ff-el-input--label label {
  font-size: var(--font-size-body) !important;
}
.accordion .ff-el-form-check.ff-el-form-check- {
  padding: 10px 20px;
}
.accordion .ff-el-input--content {
  margin-bottom: 30px;
}
.inhaltsstoffe{
  font-size: smaller;
}



/*Qualität*/
.quali-header_sec {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
}
.quali-entry_sec {
  margin-top: 35vh !important;
  padding-top: calc(.8 * var(--clipping-height)) !important;
}
.quali-entry_sec .et_pb_column {
  display: flex;
  flex-direction: column;
  justify-content: end;
  max-width: 280px;
  margin: 0 auto;
}
.quali-siegel_sec {
  position: absolute;
  width: 30%;
  max-width: 550px;
  min-width: 180px;
  right: 0;
  top: -10vw;
}
.ansprueche-text {
  padding: 40px 40px;
}
.ansprueche-text h1{
width: 75%;
margin-left: 10%;
}
.mfp-title {
  display: none;
}
.quali-entry-desc_mod {
  margin-bottom: 35px !important;
}
.no-margin{
  margin-bottom: 0 !important;
}
.quali-icon_mod {
  width: 10vw;
  max-width: 250px;
  min-width: 100px;
}
.quali-icon_mod img {
  max-width: 100px;
  max-height: 100px !important;
}
.quali-text_mod p {
  margin: 35px 0 0 55px;
}

@media only screen and (max-width:980px){
  .quali-entry_sec .et_pb_row{
    padding-bottom: 0;
    align-content: center;
    }
    .ansprueche-text {
      position: inherit;
      padding: 20px 20px;
    }
}
@media only screen and (max-width:767px){
  .quali-entry_sec {
    padding-top: calc(1.5 * var(--clipping-height)) !important;
  }
  .quali-siegel_sec{
    top: -22.5vw;
  }

  .ansprueche-text h1{
  width: 100%;
  margin-left: 0;
  font-size: 40px;
  }
  .quali-text_mod p {
    margin: 0;
  }
}

/* Bildtitel unter Gallerie anzeigen
.gallery-round_mod .et_pb_gallery_image a::after {
  content: attr(title);
  width: 100%;
  text-align: center;
  padding: 20px 12px 8px 0;
  position: absolute;
  left: 0;
  top: calc(100% - 60px);
  z-index: 2;
  font-size: 80%;
  line-height: 1em;
}
.gallery-round_mod .et_pb_gallery_image {
  padding-bottom: 70px;
}
.et-pb-controllers {
  bottom: 30px;}

.et-pb-arrow-next, .et-pb-arrow-prev {
  top: calc(50% - 30px);}
*/
.et-pb-arrow-next, .et-pb-arrow-prev {
  color: var(--font-color-body) !important;
  font-size: clamp( 36px, 4vw, 80px);
}
/*
.et-pb-arrow-next::before, .et-pb-arrow-prev::before {
  text-shadow: 0 0 10px #fff;
}*/
.et_pb_slider .et-pb-arrow-prev {
  left: 18px;
  opacity: 1;
}.et_pb_slider:hover .et-pb-arrow-prev {
  left: 10px;
  opacity: 1;
}
.et_pb_slider .et-pb-arrow-next {
  right: 18px;
  opacity: 1;
}
.et_pb_slider:hover .et-pb-arrow-next {
  right: 10px;
  opacity: 1;
}
.gallery-round_mod .et_pb_gallery_image img {
  clip-path: circle(50% at 50% 50%);
}


/*ÜBER UNS*/

.page-id-1916 #et-main-area {
  position: absolute;
  top: 0;
  left: 0 !important;
  right: 0;
}
.ueber-uns-circle_row {
  display: flex;
  justify-content: center;
}
.ueber-uns-circle_row .et_pb_column * {
  text-align: center;
  color: var(--font-color-light);
}
.ueber-uns-circle_row .et_pb_column {
  height: 275px;
  width: 275px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  clip-path: circle(50%);
}
.ueber-uns-circle_row h1 {
  font-size: 60px;
  margin-top: -35px;
}

.ueber-uns-circle_row p {
  width: 81%;
  margin: auto;
}
.fullwidth-gallery_mod .et_pb_gallery_image img {
  height: 60vh;
  width: 100%;
  object-fit: cover;
  max-height: 1000px;
  min-height: 800px;
}
.et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control {
  background-color: #fff;
}
.et_pb_bg_layout_light .et-pb-controllers a {
  background-color: rgba(255, 255, 255, 0.83);
}
.page-id-1911 .et-pb-controllers a {
  width: clamp(35px, 8vw, 90px);
}
.mfp-arrow-left .mfp-a, .mfp-arrow-left::after, .mfp-arrow-right .mfp-a, .mfp-arrow-right::after {
  color: var(--bg-highlight2);}

  /** Desktop **/
@media (min-width: 980px){
  .col-width .et_pb_gallery_item {
  width: 30% !important; 
  margin: 1% !important;
  clear: none !important;
  }
  .twocolumns {
    column-count: 2;
    column-gap: 50px;
  }
  }
  /** Small Tablet and Large Phone **/
  @media (max-width: 980px){
  .col-width .et_pb_gallery_item {
  width: 48% !important; 
  margin: 1% !important;
  clear: none !important;
  }
  }
  /** Phone **/
  @media (max-width: 479px){
  .col-width .et_pb_gallery_item {
  width: 100% !important; 
  margin: 1% !important;
  clear: none !important;
  }
  }
@media only screen and (max-width: 767px){
  .ueber-uns-entry_sec {
    margin-top: 0;
  } 
  .ueber-uns-circle_row {
    flex-wrap: wrap !important;
    flex-direction: column;
    align-content: center;
    gap: 20px;
  }
  .ueber-uns-circle_row .et_pb_column {
    height: 275px;
    width: 275px !important;
    margin: auto !important;
  }
}



/***************************
************SHOP***********/
.archive .product-overview_row {
  max-width: 1400px !important;
}
.woocommerce .quantity input.qty {
  width: 75px;
}
.woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button.alt.disabled:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce button.button:disabled:hover, .woocommerce-page button.button:disabled:hover {
  border: 2px solid transparent;
}
.quantity span {
  display: none;
}
.product-name small, .product-name br {
  display: none;
}
.cart_item .product-quantity {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  gap: 5px;
}
.single_add_to_cart_button img {
  width: 30px;
}
.et_pb_shop_grid .single_add_to_cart_button.button.alt, .related.products .single_add_to_cart_button.button.alt{
  border: none !important;
  padding: 5px 20px !important;
  margin-left: auto !important;
  margin-top: 0 !important;
  display: flex !important;
}
.single_add_to_cart_button.button.alt:hover:after, .single_add_to_cart_button.button.alt:before, .woocommerce a.button.alt::after, .woocommerce-page a.button.alt::after, .woocommerce button.button.alt::after, .woocommerce-page button.button.alt::after, .woocommerce input.button.alt::after, .woocommerce-page input.button.alt::after, .woocommerce #respond input#submit.alt::after, .woocommerce-page #respond input#submit.alt::after, .woocommerce #content input.button.alt::after, .woocommerce-page #content input.button.alt::after, .woocommerce a.button::after, .woocommerce-page a.button::after, .woocommerce button.button:not(.button-confirm)::after, .woocommerce-page button.button:not(.button-confirm)::after, .woocommerce input.button::after, .woocommerce-page input.button::after, .woocommerce #respond input#submit::after, .woocommerce-page #respond input#submit::after, .woocommerce #content input.button::after, .woocommerce-page #content input.button::after, .woocommerce a.button::before, .woocommerce-page a.button::before, .woocommerce button.button::before, .woocommerce-page button.button::before, .woocommerce input.button::before, .woocommerce-page input.button::before, .woocommerce #respond input#submit::before, .woocommerce-page #respond input#submit::before, .woocommerce #content input.button::before, .woocommerce-page #content input.button::before {
  content:"" !important;
  animation: none !important;
  transition: none !important;
} 
.woocommerce div.product form.cart .button {
  vertical-align: middle;
  float: right;
}
.et_pb_shop_grid .cart, .related.products .cart {
  display: flex;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.product-unit{
  margin-left: -15px;
  font-size: smaller;
}
.input-text.qty.text {
  padding: 0 !important;
  text-align: left;
  font-size: var(--font-size-body) !important;
  color: var(--font-color-body) !important;
  background: transparent !important;
  border: solid #848484 !important;
  border-width: 0 0 1px 0 !important;
}
.woocommerce-order-details .wc-item-meta {
  display: none;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
  background: var(--bg-highlight2);
  border-radius: 15px;
}

.woocommerce-message .button{
  color: var(--font-color-body) !important;
  border: 1px solid transparent !important;
  border-radius: 15px !important;
}
.woocommerce-message .button:hover{
   border: 1px solid var(--font-color-body) !important;
  padding: 0.3em 1em 0.3em 1em !important; 
  border-radius: 15px;
}

.product .et_overlay::before {
  font-size: 2em;
  opacity: .9;
}

/*List style*/
.products.table-view {
  display: block;
}
.products.table-view .product {
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 !important;
  justify-content: space-between;
  flex-direction: row;
}

.products.table-view .product .product-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
.table-view .et_shop_image img {
  width: 100px !important;
  min-width: 100px !important;
}
.table-view .product{
  width: 100% !important;
}
.table-view .cart {
  width: auto !important;
  margin-bottom: 0 !important;
  display: flex;
  min-width: 190px !important;
}

@media only screen and (max-width: 980px) {
  .et_pb_shop ul.products.table-view.columns-1 li.product, .et_pb_shop ul.products.table-view.columns-2 li.product, .et_pb_shop ul.products.table-view.columns-3 li.product, .et_pb_shop ul.products.table-view.columns-4 li.product, .et_pb_shop ul.products.table-view.columns-5 li.product, .et_pb_shop ul.products.table-view.columns-6 li.product{
    width: 100% !important;
    }}

.table-view .price {
  position: absolute;
  bottom: 10px;
  right: 200px;
}
.table-view .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  display: flex;
  align-content: center;
  align-items: center;
  width: 100%;
}
.woocommerce .products.table-view .star-rating{
  min-width: 100px;
  margin-left: auto !important;
}
.table-view .et_shop_image img.woocommerce-placeholder {
  max-height: 100px;
}
.table-view .woocommerce-loop-product__title {
  width: auto;
  margin-left: 10px !important;
}
@media only screen and (max-width: 767px){
  .table-view .et_shop_image{
    display: none;
  }
  .table-view .cart {
      display: flex;
      word-wrap: normal;
      margin-bottom: auto !important;
      margin-top: 0 !important;
      min-width: 150px !important;
    }
    .table-view .price {
      position: absolute;
      bottom: 0;
      right: 0 !important;
    }
   .table-view.products .product {
      min-height: 70px;
    }
    .woocommerce .products.table-view .star-rating {
      margin-left: 10px !important;
    }
    .table-view.products .quantity input.qty {
      width: 50px;
      }
    .table-view .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
      flex-wrap: wrap;}
  }
.product-overview_row .et_pb_button_module_wrapper {
  width: fit-content;
  margin: 0 0 0 auto;
    margin-bottom: 0px;
}
.switch-view-button {
  background-color: #fff;
  border: 1px solid transparent;
  color: var(--font-color-body) !important;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 20px;
  box-shadow: 0 0 15px #00000021;
  border-radius: 15px;
}
.switch-view-button:hover {
  border: 1px solid var(--font-color-body) !important;
  box-shadow: 0 0 15px #00000021;
  background-color: #fff;
}
.woocommerce .columns-1 #switch-view {
  display: none;
}

/*Produktübersicht*/

.woocommerce-ordering {
  display: none !important;
}
.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media only screen and (min-width: 767px) and (max-width: 980px){
.woocommerce.columns-1 .products.columns-1 li.product {
  width: 31% !important;
  margin: 0 1% !important;
}}

@media only screen and (min-width: 980px){
  .products li {
    width: 31% !important;
  }  
}
@media only screen and (min-width: 1200px){
  .products li {
    width: 23% !important;
  }  
}
@media only screen and (min-width: 1400px){
  .products li {
    width: 18% !important;
  }  
}
@media only screen and (min-width: 980px) and (max-width: 1450px){
.shop-sidebar {
  min-width: 270px !important;
}
.product-overview_col{
  width: 63.8% !important;
}}

@media only screen and (max-width: 980px){
.product-overview_col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dgwt-wcas-search-wrapp {
  margin: 0 auto 0 0;
  max-width: 100% !important;
}
.product-overview_row .et_pb_button_module_wrapper {
  margin: 0;
}}

.woocommerce-loop-product__title {
  font-size: var(--font-size-h4) !important;
  text-transform: none;
  word-break: break-word;
  hyphens: auto;
} 

li.product:not(.table-view) {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  align-items: start;
  word-wrap: anywhere;
  margin: 0 1% !important;
}
/*RESET CART*/
.products .cart *, .products .cart :hover {
  transition: 0s all !important;
  padding: 0 !important;
  background: none;
  word-wrap: break-word;
}
.cart {
  margin-top: auto !important;
  width: 100%;
}
.single_add_to_cart_button{
  margin: 0 10px 0 auto !important;
}
.single_add_to_cart_button {
  border: 0 !important;
}
.single_add_to_cart_button:hover {
  transform: rotate(-14deg);
  background: transparent !important;
  cursor: pointer !important;
}
.shop-search {
  position: absolute;
  width: 50%;
}
@media only screen and (max-width: 980px){
.shop-search {
  position: initial;
  width: 100% !important;
}}

/*Search Bar*/
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
  background: transparent !important;
    padding: 0 !important;
}
.dgwt-wcas-search-wrapp {
  margin: 0 auto 0 0;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
  border: 0px solid #ccc !important;
  border-radius: 15px !important;
  font-family: var(--font-family-body) !important;
  background-color: #fff !important;
  box-shadow: 0 0 15px #00000021 !important;;
}
.dgwt-wcas-open-pirx .dgwt-wcas-details-wrapp, .dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp {
  border-color: #fff;
  border-radius: 15px;
  box-shadow: 0 0 15px #00000021;
  margin-top: 5px;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
  left: 10px;
  top: 10px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--bg-highlight2);
  color: #fff;
}

/*Filter Modul*/
.bapf_sfilter ul li {
  padding: unset;
}

.et_pb_module.et_pb_br_filter_single.et_pb_br_filter_single_0, .berocket_single_filter_widget.berocket_single_filter_widget_1863 {
  background: #fff;
  padding: 35px;
  border-radius: 15px;
  box-shadow: 0 0 15px #00000021;
  margin-bottom: 35px;
}
.bapf_sfilter .bapf_sfa_taxonomy ul li, .bapf_sfilter .bapf_sfa_unall li {
  border-radius: 15px;
  padding: 5px 15px 5px 10px !important;
  border: 1px solid #ccc;
}
.bapf_sfa_unall li{
background: var(--bg-highlight2) !important;
color: white !important;
}

.fa-remove::before, .fa-close::before, .fa-times::before {
  content: "x";
  font-family: var(--font-family-body);
  margin-right: 8px;
  position: relative;
  bottom: 3px;
}
.bapf_sfilter {
  margin-bottom: 0px !important;
}
.bapf_sfa_taxonomy span {
  display: none;
}
.berocket_aapf_widget_selected_filter .bapf_sfa_unall {
  padding-bottom: 0;
}
.braapf_unselect {
  display: flex;
  hyphens: auto;
}
.bapf_sfilter.bapf_ckbox.bapf_radio_chck li {
  display: flex;
}
.bapf_sfilter.bapf_ckbox.bapf_radio_chck li input {
min-width: 15px;
}

#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
  padding: 0 0 23px 0 !important;
}



/*FILTER MODULE MOBILE*/
@media only screen and (min-width: 980px) {
  #filter-icon{
    display: none;
  }}

  @media only screen and (max-width: 980px) {
  /* Set initial style for .filter-selected and .filter-category elements */
.shop-sidebar{
  opacity: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  position: block !important;
  top: 0 !important;
  z-index: 10 !important;
  transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out !important; /* Add smooth transitions */
}

/* Style the visible state of .filter-selected and .filter-category elements */
.visible {
  opacity: 1 !important;
  max-height: 100vh !important; /* Adjust this value according to the actual height of your elements */
} 
}


/*Category Pages*/
.category-title {
  font-size: var(--font-size-h1);
  font-family: var(--font-family-headings) !important;
  text-transform: lowercase;
}




/*SINGLE PRODUCT*/
.star-rating span::before {
  color: var(--bg-highlight2) !important;
}

.product-desc_row, .breadcrumb-hinweis_row{
  background: #fff;
  padding: 35px !important;
  margin: 0 auto !important;
}
.product-desc_row .et_pb_wc_add_to_cart .quantity input.qty {
  border: solid var(--font-color-body) !important;
  border-width: 0 0 1px 0 !important;
}

.product-desc_row .price {
  color: var(--bg-highlight2) !important;
}

.single-product .product-desc_row button, #commentform .form-submit #submit{
  color: #fff !important;
  background: var(--bg-highlight2) !important;
  padding: 0.3em 1em 0.3em 1em !important;
  border-width: 0 !important;
  transition: 0s !important;
  border-radius: 15px !important;
}

.single-product .product-desc_row button:hover, #commentform .form-submit #submit:hover {
  box-shadow: 0 0 10px #ccc !important;
  padding: 0.3em 1em 0.3em 1em !important;
  border-width: 0 !important;
  transition: 0s !important;
}
#commentform #comment {
  background: white;
  border: 0.5px solid var(--font-color-body);
  border-radius: 15px;
  margin-bottom: 25px;
  color: var(--font-color-body);
font-size: var(--font-size-body);
}
#commentform input[type="email"], #commentform input[type="text"], #commentform input[type="url"], #commentform textarea {
  padding: 12px;
  color: var(--font-color-body);
  line-height: 1em;
  background-color: #fff;
  font-size: 18px;
  border-width: 1px;
  border-radius: 15px;
  border-color: var(--font-color-body);
}
.breadcrumb-hinweis_row{
border-radius: 15px 15px 0 0;
box-shadow: 0 0 15px #00000021;
}

.product-desc_row .single_add_to_cart_button:hover {
  transform: rotate(0deg) !important;
  cursor: pointer !important;
}
.single-product .cart {
  display: flex;
}
.commentlist * {
  list-style: none !important;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text {
  margin: 0 0 0 35px !important;
}

.comment-form-cookies-consent{
  display: none;
}
.et_pb_tab ul {
  padding: 0 35px;
}

.et-db #et-boc .et-l .et_pb_wc_tabs{
  border: none;
}
.et-db #et-boc .et-l ul.et_pb_tabs_controls {
  background-color: transparent;
}
.et-db #et-boc .et-l .et_pb_tabs_controls li  {
  border: 0;
}
.et-db #et-boc .et-l ul.et_pb_tabs_controls::after {
  border: 0;
}
.product-desc_row {
  box-shadow: 0 0 15px #00000021;
  border-radius: 15px;
}
.et_pb_all_tabs {
  border-radius: 15px;
  border: 0.5px solid var(--font-color-body) !important;
  padding: 30px;
}
.description_tab.et_pb_tab_active, .reviews_tab.et_pb_tab_active {
  border-radius: 15px 15px 0 0;
  border: solid var(--font-color-body) !important;
  border-width: 0.5px 0.5px 0 0.5px !important;
}

.description_tab.et_pb_tab_active a, .reviews_tab.et_pb_tab_active a {
  padding-bottom: 20px !important;
}
.et_pb_tabs_controls.clearfix {
  transform: translateY(12px);
  z-index: 1;
  position: relative;
}

.product-desc_row .anleitung {
  font-size: 18px !important;
}

.bewertungs_row ul {
  padding: 0 !important;
}

.et_shop_image .et_overlay::before{
  content: url(svg/info.svg);
  width: 50px;
height: 50px;
}
.et_shop_image :hover{
  cursor: pointer !important;
}

@media only screen and (max-width: 767px){
  .single-product .et_pb_row {
    width: 95% !important;
  }
  .single-product .cart {
    flex-wrap: wrap;
  }
  .single-product .et_pb_wc_rating .woocommerce-review-link {
    display: block;
}
.single-product .product-desc_row button, #commentform .form-submit #submit {
  width: 100%;
  margin-top: 15px !important;
}
.et_pb_all_tabs {
  padding: 0;
}
.description_tab:not(.et_pb_tab_active), .reviews_tab:not(.et_pb_tab_active) {
  background: #ffffff75;
  border: solid #333 !important;
  border-width: 0.5px 0.5px 0 0.5px !important;
  border-radius: 15px 15px 0 0;
  padding-bottom: 15px;
}}

/*WARENKORB & Kasse*/
.et_pb_title_container h1 {
  font-size: var(--font-size-h1);
  color: var(--font-color-headings);
}
.warenkorb_row, .warenkorb-summe_row, .checkout_row, .checkout-details_row {
  padding: 35px !important;
  border-radius: 15px;
  border: 0.5px solid var(--font-color-body);
  background: #fff;
}
.shop_table.cart * {
  color: var(--font-color-body);
}
.warenkorb_row  .product-thumbnail{
  display: none;
}
.warenkorb_row .button.wp-element-button {
  border-radius: 15px !important;
  color: #10172E !important;
  border-color: #10172E;
  padding: 0.3em 1em 0.3em 1em !important;
}

.woocommerce table.shop_table{
  border: 0;
}
.et_pb_wc_cart_products table.shop_table td, .et_pb_wc_cart_products table.shop_table th{
  border-top-color: var(--font-color-body) !important;
}
.woocommerce a.remove{
  color: var(--bg-highlight2) !important;
  line-height: .8 !important;
}
.product-subtotal {
  text-align: right;
}

.checkout_row .input-text, .select2-selection.select2-selection--single, #billing_date, #billing_time {
  background: #fff !important;
  border: solid var(--bg-highlight2) !important;
  border-width: 0 0 .5px .5px !important;
  border-radius: 0 0 0 15px !important;
  font-size: var(--font-size-body) !important;
  color: var(--font-color-body) !important;
  padding: 5px 20px !important;
  line-height: 1em !important;
}
#select2-billing_store-container {
  color: var(--font-color-body)!important;
}
.et_pb_wc_checkout_billing form .form-row {
  margin-bottom: 25px;
}
.payment_box.payment_method_cod {
  background: #fff !important;
  border: .5px solid var(--font-color-body);
  border-radius: 15px !important;
}
.wc_payment_method.payment_method_cod.et_pb_checked {
  list-style: none;
}

.woocommerce-order-received .checkout_row {
  display: none;
}

.woocommerce-order-received .checkout-title{
  display: none;
}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  font-size: var(--font-size-h2);
}

.woocommerce .woocommerce-customer-details address{
  border: 0;
}
.woocommerce-customer-details--phone {
  margin-top: 25px;
}
.woocommerce ul.order_details li {
  margin-bottom: 35px;
}
#order_comments {
  min-height: 115px;
}
#billing_date_field::after {
  content: 'Bitte bestellen Sie frühestens für den Folgetag. Bestellungen zur Abholung am selben Tag können evtl. nicht rechtzeitig bearbeitet werden. Abholungen nur zu den üblichen Öffnungszeiten.';
  position: relative;
  font-size: 18px;
  width: 100%;
  height: 100%;
}
.button.wc-backward {
  color: var(--font-color-body) !important;
  border-radius: 25px !important;
}
@media only screen and (max-width: 767px){
  .warenkorb_row, .warenkorb-summe_row, .checkout_row, .checkout-details_row, .checkout-details_row, .warenkorb_row, .warenkorb-summe_row, .checkout_row, .checkout-details_row  {
    width: 90% !important;
    padding: 15px !important;
  }
}

/********************
******* MENUE *********
*********************/

.menu_row{
  width: 100% !important;
  max-width: 1920px !important;
  padding: 0 2.5% !important;
  }
  .menu_col {
    display: flex;
    justify-content: space-between;
    align-content: baseline;
    align-items: normal;
  }
  .menu-logo_mod {
    margin: 0 10px !important;
    width: 25%;
  }
  .menu-logo_mod img{
    width: 100%;
    max-width: 400px;
    min-width: 170px;
    transition: all .5s;
  }
  .et_pb_menu .et_pb_menu__wrap{
    flex-wrap: nowrap;
  }
  .menu_mod {
    margin-left: auto;
  }
  /*Sticky Menu*/
  .menu_sec.et_pb_sticky{
    padding: 15px 0;
    box-shadow: 5px 5px 15px #33333345;
  }
  .et_pb_sticky .menu_col {
    align-items: center;
  }
  .et_pb_sticky .menu-logo_mod img {
    width: 10%;
    max-width: 100px;
    min-width: 10px;
    transition: all .5s;
  }
  .et_pb_sticky .menu_mod {
    margin: auto !important;
  }
  
  /*Links*/
    .et-menu a{
      font-family: var(--font-family-body);
      color: var(--font-color-menu);
      font-size: var(--font-size-menu);
      font-weight: 500;
      text-transform: uppercase;
    }
      .et-menu a::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        bottom: -5px;
        left: 0;
        background-color: var(--font-color-menu);
        visibility: hidden;
        transform: scaleX(0);
        transition: all 0.2s ease-in-out 0s;
        }
        
      .et-menu a:hover::before, .et-menu a:active::before, .current-menu-item a::before {
        visibility: visible;
        transform: scaleX(1);
        }
  
        .current-menu-item a::before{
          background-color: var(--bg-menu);
        }
  
      .sub-menu a::before, .sub-menu .current-menu-item a::before {
        visibility: hidden !important;
      }
      .et_mobile_menu li a:hover, .nav ul li a:hover, .et-menu a:hover {
      opacity:1 !important;}
  
      .et_pb_menu .et-menu > li {
        padding-left: 1.3vw;
        padding-right: 1.3vw;
      }
  
      .current-menu-item a, #menu-main a:hover{
        text-decoration: none !important;
        opacity: 1;
      }
      .et_pb_menu__menu > nav > ul > li > a{
        padding-bottom: 2px !important;
        margin-bottom: 15px;
      }
      .et-menu a, .et-menu a:hover, .menu-item a:hover {
        transition: 0s;
        opacity: 1 !important;
        background-color: inherit !important;
      }
      .menu-item {
        list-style: none;
      }
  
      .cart-icon {
        width: var(--font-size-h4);
        height: var(--font-size-h4);
        display: inline-block;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: -5px;
    }
    
      /*Mobile Menu*/
      #mobile_menu1 {
        background-color: var(--bg-menu) !important;
        margin-top: -60px;
        padding-top: 50px !important;
        z-index: -1;
      }
      .et_mobile_menu{
        border-top:none;
      }
      .et_mobile_menu li a {
        color: var(--font-color-mobile-menu);
        border-bottom: 1px solid var(--font-color-mobile-menu);
        padding: 20px 0px;
        margin: 0px 15px;
        font-size: var(--font-size-h4);
      }
    /*change Divi hamburger menu to X*/
      .mobile_nav.opened .mobile_menu_bar:before {
          content: '\4d';
      }
      .mobile_menu_bar:before {
          transition: all .4s ease;
          transform: rotate(0deg);
          display: block;
          content: url(svg/Icon_Menu.svg) !important;
          width: 35px;
      }
    /*rotate the Divi Menu icon on click*/
      .mobile_nav.opened .mobile_menu_bar::before {
          transition: all .4s ease;
          transform: rotate(180deg);
          transform-origin: center;
          display: block;
          content: url(svg/Icon_Menu_Close.svg) !important;
          width: 25px;
          filter: brightness(0) invert(1);
      }
  
    @media only screen and (min-width: 767px) and (max-width: 980px){
      .et_pb_menu .et-menu > li{
        padding: 0 1.2vw;
      }
    }
    @media only screen and (min-width: 981px){
      .et_pb_menu .et-menu > li{
        padding: 0 2vw;
      }
    }
    @media (min-width: 767px){
      .et_pb_menu .et_pb_menu__menu {
        display: block !important;
      }
      .et_mobile_nav_menu{
        display: none !important;
      }}
 

    @media only screen and (max-width: 766px) {
      .et_pb_fullwidth_menu .et_pb_menu__menu,  .et_pb_menu .et_pb_menu__menu{
        display: none !important;
      } 
      .et_pb_menu .et_mobile_nav_menu, .et_mobile_nav_menu{
        display: block !important;
        margin-top: -5px !important;
      }
      .menu_col {
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: baseline;
        align-items: normal;
      }
     .menu-logo_mod {
      transform: translateX(-10%);
      padding: 10px;
      } 
      .menu-logo_mod img {
        width: 100% !important;
        max-width: 300px;
        min-width: 100px;
        transition: all .5s;
      } 
      .menu_mod {
          width: 100vw !important;
          left: 0 !important;
      }
      .menu_mod .mobile_menu_bar {
          position: absolute;
          right: 15px;
          top: -50px;
          transform: translateX(0);
      }
      .cart-icon {
        filter: brightness(0) invert(1);
      }} 
 


  
  /********************
  ******* Borlabs******
  *********************/
    #BorlabsCookieBox ._brlbs-block-content._brlbs-bg-dark {
      background: rgba(0,0,0,0.1);
    }
    #BorlabsCookieBox ._brlbs-btn-accept-all {
      background: var(--bg-highlight);
      border-radius: 4px;
      color: var(--font-color-main);
    }
    ._brlbs-refuse, ._brlbs-manage {
      font-size: 18px !important;
    }
  
  
  /*DESKTOP ONLY*/
  @media only screen and (min-width: 981px) {
  .hide_on_desktop{
    display: none;
  }
  }
  
  /*TABLET ONLY*/
  @media only screen and (min-width:767px) and (max-width:981px){
    .hide_on_tablet{
      display: none;
    }
  }
  
  /*MOBILE ONLY*/
  @media only screen and (max-width: 767px) {
    .mobile-only {
      display: none;
  }
  }
  
   /* Collapsable Rows */
   a.closed:after {
    transition: all .4s ease;
    transform: rotate(0deg);
    width: 50px;
    content: url(svg/Icon_Open.svg) !important;
    right: 50%;
    top: 0;
    display: inline-block; }
    
   a.rv_button.opened:after, a.rv_button2.opened:after, a.rv_button3.opened:after, a.rv_button4.opened:after, a.rv_button5.opened:after   {
    transition: all .4s ease;
    transform: rotate(135deg);
    width: 50px;
    content: url(svg/Icon_Open.svg) !important;
    right: 0;
    top: 0;
    display: inline-block;}
  
  
  /*ET Builder*/
  .et-fb-tinymce-html-input {
    color: #666 !important;
  }
  
  

  .wapf-field-input input[type="checkbox"], .wapf-field-input input[type="radio"] {
    float: initial !important;
  }

  #product-overview .cart {
  visibility: hidden;
}