#edit-sendermail { display: none!important; }

.anzeigerrow { padding: 30px; padding-top: 70px; padding-bottom: 70px; }
.innerpopup .oeffnungszeiten { margin-top: 20px; display: none; }
.anzeigerrow .lieferzeiten { margin: 4px 0px; }
.anzeigerrow .marginbottom { margin-bottom: 25px; }
.lieferextras p { margin: 5px 0px; }

#multiplechoise-wrapper > div { position: relative; width: 100%; }
#multiplechoise-wrapper .changerow > div { display: block; text-align: center; padding: 15px 30px; }
#multiplechoise-wrapper .changerow > div:hover { cursor: pointer; text-decoration: underline; }
#multiplechoise-wrapper .changerow{ padding: 34px 0px; }

#mobile-menu, #lieferzeit-check { display: block; }

.mobileinfos { margin-bottom: 0px; align-items: stretch; justify-content: space-between; }
.meinmenu p, .btn-meinkonto div { position: absolute; display: block; top: 0px; left: 0px; top: 50%; transform: translateY(-50%); text-align: center;  border-radius: 0px; width: 100%; }
.mobileinfos > div { position: relative; padding: 35px 20px; display: inline-block; }

.mobilebottom p, .mobilebottom a { background: #FFF; width: calc(25% - 16px); padding: 15px; text-align: center; }

.mobile-popup .btn-zummenu::before {
  background: none;
  display: none;
}

.mobile-popup .lieferzeiten, .mobile-popup .btn-plz {
  padding: 8px 0px 8px 6px;
}

.mobile-popup p.btn-bestellen:hover, .mobile-popup .btn-zummenu:hover  { text-decoration: underline; cursor: pointer; }
.mobilebottom p:hover, .mobilebottom a:hover { cursor: pointer; text-decoration: underline; }

    .mobile-popup .lieferzeiten::before {
      margin-bottom: 4px;
    }

.pagepopup .innerpopup {
  padding: 50px 30px 30px 30px;
  overflow-y: scroll;
}

  .mobile-popup .btn-plz, .mobile-popup .btn-zeiten, .mobile-popup .lieferzeiten {
    display: block; margin: 0px 6px 0px 0px; font-size: 0.8em;
     text-transform: none;  }
     .mobile-popup .btn-plz, .btn-meinkonto span { font-size: 1.1em; line-height: 1.1em; }

     .mobile-popup .btn-plz::before, .mobile-popup .lieferzeiten::before {
       position: absolute; left: 0px; top: 4px; margin-left: 0px; }

       .mobile-popup .btn-plz, .mobile-popup .lieferzeiten {
         padding-left: 33px; position: relative; }


.mobile-popup .btn-zeiten { flex: 1; }
.mobilebottom p, .mobilebottom a, .mobileinfos .flexbox-container p { display: block; font-size: 1em; }
.mobileinfos .flexbox-container { display: flex!important; align-items: center; align-content:center; justify-content: center;  }
.mobile-popup .mobilebottom a, .mobile-popup .mobilebottom p, .mobile-popup .mobilebottom span, .btn-meinkonto span {
padding: 10px;
font-size: 0.9em;
width: 100%;
display: block;
text-align: center;
}
.mobile-popup .mobilebottom p {
padding: 15px 10px;
}
.mobile-popup .mobilebottom a {
  padding-top: 0px; padding-bottom: 0px;
}
 .mobile-popup .mobilebottom p, .btn-meinkonto {
   margin: 15px 6px 0px 6px;
 }

 .mobile-popup .mobilebottom p, .btn-meinkonto, .meinekueche, .meinmenu {
    border: 1px solid transparent;
}

 .mobile-popup .mobilebottom p:hover, .mobile-popup .btn-meinkonto:hover, .meinekueche:hover, .meinmenu:hover, .meineabholung:hover {
    cursor: pointer;
    border: 1px solid #000;
}

.mobile-popup .mobilebottom img {
    width: 60px;
    margin: 0px auto 0px auto;
}
 .mobile-popup .btn-meinkonto img {
   width: 40px;
   margin: 0px auto 0px auto;
 }
 .btn-meinkonto span { padding-bottom: 0px; padding-top: 15px; }

.mobile-popup .btn-plz:hover {
text-decoration: underline!important; cursor:pointer;
}


.btn-zummenu::before {
    width: 50px; height: 15px;
    background: url('../images/icons/arrow_toleft.svg') no-repeat;
    background-size: 50px 15px;
    content: "";
    display: none;
    position: relative;
    margin-right: 12px;
}

.btn-zummenu { display: none; }
.path-product .btn-zummenu { display: inline-block; }

.page-node-2 #mainmenu .btn-bestellen,
.path-product #mainmenu .btn-bestellen { display: none; }

#mainmenu .btn-zeiten, #mainmenu .btn-zeiten, .mainmenu .btn-zummenu {
  display: none;
}

#mainmenu #btn-bestellen:hover{
 background: #000;
}


.oeffnungszeiten span { font-size: 0.8em; line-height: 1em; display: block; }
.oeffnungszeiten .checkplz span { padding: 0px; }

.bestellart { text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }
.bestellort { margin-bottom: 10px; }

.slick-dots {
  display: flex;
  justify-content: center;
  margin: 30px auto 20px auto;
  text-align: center;
 }


 .konto-popup  .slick-dots li {
  width: auto; display: inline-block; margin: 10px;
  }

  .konto-popup .slick-dots li button:hover{
   cursor: pointer;
   }


  .konto-popup  .slick-dots li.slick-active button {
   font-weight: 600;
   }

.dropbutton li {
  font-size: 1em;
}


.dropbutton-wrapper a, .adresswechsel-btn { margin: 10px; padding: 0px; display: inline-block; }
.adresswechsel-btn:hover { cursor: pointer; }

.js .dropbutton-multiple .dropbutton-widget {
  padding-right: 12px;
}

.dropbutton-arrow {
  display: none;
}

.maincontainer img {
  width: 40px; height: 40px; margin-right: 14px;
}

.inline .maincontainer {
  justify-content: center;
  padding: 50px 30px 0px 30px;
}

.inline .views-element-container { text-align: center;  }
.inline .icon, .check-symbol-home .icon { margin: 0px auto; display: inline-block; }
.inline div img, .check-symbol-home img{ display: inline-block; margin-right: 0px; }
.inline div span { display: inline-block; }
/* KONTO NAVIGATION
********************************************/


.konto-popup .usermenu { position: relative; width: calc(100% - 120px); text-align: center!important; overflow: hidden; padding: 20px 60px; margin: 42px auto 30px auto; max-width: 1200px; }
.konto-popup .views-group .usermenu a { text-decoration: none; }
.konto-popup .usermenu p { display: inline-block; }

.konto-popup a { font-size: 1em; line-height: 1.6em; display: block }
.konto-popup li { width: 100%; margin: 0px!important; }

.konto-popup .kontonavi { position: relative; margin: 80px auto; width: auto; display: inline-block;}

.konto-popup .views-group p { position: relative; display: block; margin: 10px 0px;  }

 .konto-popup .views-group .logins a:hover {
   padding: 20px 34px 20px 50px;
 }


#bestelldatumauswahl:hover {
  cursor: pointer;
}

#deliveryday {
  display: none;
}

#deliveryform .selectcontainer:hover {
  cursor: pointer;
}

.success b { width: calc(100% - 60px); padding: 40px 0px 10px 0px; font-weight: normal; font-size: 1.2em; line-height:1.2em; color: #000; font-family: "Inconsolata"; }
.currentimes { margin: 20px 0px 0px 0px; }
.currentimes a { color: #000; text-decoration: underline; }



@media screen and (max-width: 600px) {
  .konto-popup .views-group p {
    width: 100%; display: block; margin: 30px 0px; padding: 30px;
  }

  #deliveryform select {
    padding: 15px 10px 15px 10px;
    font-size: 0.8em;
    width: 160px;
  }
  #deliveryform .selectcontainer {
    width: 140px;
  }
}


  .inline {
    position: relative;
    display: inline-block;
    width: 100%;
   }

 /* GRENZE
 ********************************************/

.arrow .views-element-container {
    position: absolute;
    z-index: 10;
    left: calc(50% - 25px);
    width: 50px;
    height: auto;
    -webkit-animation: sdb04 2s infinite;
    animation: sdb04 2s infinite;
}


#block-topmenu a { padding-left: 2px;  }
#block-topmenu a::before { font-size: 1.1em; content: "·"; padding-right: 6px; }

 #block-views-block-user-menu-block-1 .usersubmenu { position: absolute; z-index: 1000; background-color: #FFF; margin-top: 1px; margin-left: -40px; width: 220px; display: none; }
 #block-views-block-user-menu-block-1 .usersubmenu a, #block-views-block-user-menu-block-1 .usersubmenu span { display: block; padding: 8px 16px; background: #f3f0ea; text-transform: uppercase;}
 #block-views-block-user-menu-block-1 .usersubmenu a { font-size: 0.9em; }
#block-views-block-user-menu-block-1 .usersubmenu span {  padding-top: 16px; padding-bottom: 16px; margin-bottom: 0px; background: #1f4f46; color: #FFF; }
#block-views-block-user-menu-block-1 .usersubmenu a:last-child { padding-bottom: 16px; }
#block-views-block-user-menu-block-1 .usersubmenu a:nth-child(2) { padding-top: 16px; }
 #block-views-block-user-menu-block-1 .usersubmenu a:hover { border: none; color: #4f3a33; }

 ::marker { display: none; }

.lieferchecker {
  text-decoration: underline;
  display: block;
  margin-top: 20px;
 }


 .background-header.close-btn { display: none; }
 .cart--cart-offcanvas__close button, .close-btn, .closedetail-btn, .terminclose-btn {
   width: 20px; height: 20px;
   background-size: 20px 20px;
   background-position: center;
   transition: all 0.3s;
   border: none!important;
  }
  .cart-block--offcanvas-cart-table__remove button {
    width: 14px; height: 14px;
    background-size: 14px 14px;
    background-position: center;
    transition: all 0.3s;
    border: none!important;
  }

 .close-btn, .closedetail-btn, .terminclose-btn {
   position: sticky;
   content: "";
   z-index: 100000000000000;
   width:max-content;
  margin-left: calc(100% - 40px);
  top: 0px;
   padding: 20px;
   display: none;
 }

 .abholungpopup .close-btn, #deliverychange-popup .close-btn, #deliverychange-popup .terminclose-btn {
   position: absolute;
 }


 .close-btn:hover, .terminclose-btn:hover, .cart--cart-offcanvas__close button:hover, .closedetail-btn:hover { transform: scale(1.1); cursor: pointer; }

 .produktansicht .rows { padding-top: 0px; }
 .popup-wrapper { position: fixed; z-index: 140; display: none;  background: rgba(51,51,51,0.96); width: 100%; height: 100%; top: 0px; left: 0px; }

.innerpopup {
  position: relative;
  height: auto;
  width: 1000px;
  max-width: calc(100vw - 20px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 80vh;
 }

 .usermenu { max-height: calc(80vh - 80px); }

#variantenpopup .innerpopup {
  max-height: calc(100vh - 20px);
  max-width: calc(100% - 20px);
  overflow-x: scroll;
}



   .search-popup-button {
     background: url('../images/icons/navi/standort.svg') no-repeat;
     background-size: 54px 54px;
   }

   p.plz {
     margin-bottom: 0px;
   }

  .plz-icon {
      position: relative;
      background: url('../images/icons/navi/plzcheck.svg') no-repeat;
      background-size: 38px 38px;
      width: 38px; height: 38px;
      margin-top: 12px;
  }

  .storeid, .storecity { display: none; }

  .paragraph--type--text-1row .menu-popup-button::before {
    content: ""; float: left; display: inline-block;
    background: url('../images/icons/navi/menu.svg') no-repeat;
    background-size: 32px 32px;
    width: 32px; height: 32px; margin-right: 9px;
  }
    .paragraph--type--text-1row .menu-popup-button span { line-height: 32px;}

  .header .konto-popup-button {
    margin-right: 70px;
  }

  .popup-btn {
    background: transparent; float: right; padding: 0px 15px; height: 90px; transition: all 0.2s;
    margin-top: 0px;
  }
  .popup-btn p {
      margin-bottom: 0px; padding-left: 7px;
      font-family: 'Inconsolata'; color: #000;
      letter-spacing: 0.05em; font-size: 0.8em;
  }
  .popup-btn:hover {
    background: #f4f4f4; cursor: pointer;
  }

  .search-popup-button, .plz-popup-button, .konto-popup-button {
 display: inline-block;
 padding: 10px 25px 10px 10px;
  }

.konto-popup-button { padding: 10px 10px 10px 10px; }

.plz-popup-button:hover, .search-popup-button:hover { cursor: pointer; }


.plz-popup .check-symbol { margin: 14px 0px 0px 25px; }

.check-symbol-home { height: calc(100% - 20px); padding: 10px 35px; }
.check-symbol-home .views-element-container .icon, .check-symbol-home .views-element-container { height: 100%; }


#plz-front-wrapper { position: relative; width: 100%; }

.innerpadding input {
   margin: 0px;
   padding: 12px 0px 12px 0px;
   font-size: 1.8em;
   display: inline-block;
   background: none!important;
   border-top: none!important;
   border-left: none!important;
   border-right: none!important;
  }

  #plz-front-wrapper .check-symbol {
       margin-left: -70px;
    }

.konto-popup .usermenu { display: none; }
.user-logged-in .konto-popup .usermenu { display: block; }


.plz-popup .search-popup-button {
  display: none;
  display: inline-block;
  padding: 0px;
}

.plz-popup .lieferuhrzeit-smart {
  background: url('../images/icons/navi/standort.svg') no-repeat;
    background-size: auto;
background-size: 54px 54px;
height: 70px;
}

.background-header.close-btn.btn-bottom { top: 0px; right: 0px; height: auto; float: none; display: block; }
.background-header.close-btn.btn-bottom:hover {
    margin-left: 0px;
    transform: none;
}

.plz-popup-wrapper a.orderbtn {
  position: relative;
   display: block; transition: all 0.1s;
   width: 100%; font-size: 0.8em; background: #1f4f46; padding: 30px 15px;
   margin: 0px 0px; letter-spacing: 0.07em;
   text-align: center; font-family: "Inconsolata"; text-transform: uppercase; color: #FFF;
  }
.plz-popup-wrapper a.orderbtn:hover {
color: #FFF; background: #000; }


.plz-popup-wrapper a:hover span {
  color: #000;
}


.checkplz span { display: block; font-size: 1.4em; line-height: 1.2em; margin-bottom: 20px; }
.menuinfo { text-align: center; color: #828282; font-size: 0.9em; }
.currentimes { width: 100%; display: block; }
.innerpadding { padding: 70px 40px 50px 40px; }
.oeffnungszeiten .deliveryday { font-weight: bold; }
.anzeigerrow { display: none; }


 #drupal-modal { text-align: center; }
 #drupal-modal a {
margin: 20px 0px; width: 100%; display: block; text-align: center; text-transform: uppercase; }
  #drupal-modal img { width: 110px; margin: 0px auto;  }
  #drupal-modal a.link-absolute, #drupal-modal a.colorbox { margin: 0px 0px; }
  #drupal-modal .product-name { margin: 10px 0px 0px 0px; font-size: 1.1em; }
    #drupal-modal p { margin-bottom: 5px; }

  #block-views-block-user-menu-block-1 .usermenu:hover .usersubmenu { display: block!important; }
  #block-views-block-user-menu-block-1 .usersubmenu:hover { display: block!important; }
  .usermenu { position: relative; }

 .usermenubutton:hover .usermenu { display: block; }

 .cart-empty-page { padding-top: 330px; text-align:center; padding-bottom: 20vh; font-size: 1.3em;}

         .backtohome {
          width: 100px; height: 25px;
         background: url('../images/icons/arrow_toleft.svg') no-repeat;
         background-size: 100px 25px;
         content: "";
         display: block;
         position: relative;
         margin-right: 6px;
         margin-top: 30px;
       }


.text-column a:hover { background: #FFF; }

.header-space { position: relative; width: 100%; height: 250px; overflow: hidden; }


/* Haupt NAVIGATION
********************************************/

#block-topmenu li { float: left; margin-right: 5px; }

.main-menus-links ul.sf-menu a.sf-depth-1, .left-menu a {
  padding: 22px 38px 12px 0px;
  font-size: 0.85em; letter-spacing: 0.01em;
 }
 .left-menu a {
   font-size: 1em; padding: 29px 0px 8px 0px;
 }

 .main-menus-links ul.sf-menu li:last-child a.sf-depth-1{
         padding-right: 0px;
 }


.main-menus-links ul.sf-menu .sf-sub-indicator::after{ content: ""; }

/* Untermenu Parent-Link */
/* Untermenu auf z-index */
#map .leaflet-pane, #map .leaflet-bottom{ z-index: 0; }
ul.sf-menu ul{ z-index: 500!important; }
.main-menus-links ul.sf-menu a.is-active, .main-menus-links ul.sf-menu .active-trail a.sf-depth-1 {
   }
   .main-menus-links a, .main-menus-links ul.sf-menu a.sf-depth-1 { transition: all 0.3s; }

.main-menus-links .sf-depth-2 a:hover { background: #ededed; }
.main-menus-links .sf-depth-2 a { font-size: 0.9em; background: #FFF; padding: 12px 16px; }


 /* Footer Menu */
.footer-infos a.is-active{ text-decoration: none; }

/* Mobile Navigation */
.mobile-header ul.konto-popup{ margin-top: 140px; }
.mobile-header .sf-hidden{
  display: block;
  position: relative !important;
  height: auto !important; width: auto !important;
 }
.mobile-header .sf-sub-indicator{ display: none; }


/** MOBIL
***************************************************/


 @media only screen and (min-width: 0px) and (max-width: 1440px) {


.cart-block--offcanvas-cart-table__remove button {
  width: 11px;
  height: 11px;
  background-size: 11px 11px;
}

   .konto-icon, .menu-icon, .plz-icon, .cart-block--summary__icon { width: 32px; height: 32px; background-size: 32px; margin-top: 16px; }

   #mainmenu span{ font-size: 0.75em; }

   .mobile-popup .btn-zeiten, .mobile-popup .lieferzeiten {
     font-size: 0.7em;
  }

}



 @media only screen and (min-width: 0px) and (max-width: 1024px) {


   .btn-bestellen, .btn-zummenu {
    letter-spacing: 0.05em;
    padding: 10px 30px;
}


   .checkplz {
     font-size: 0.85em;
   }
   .checkplz span {
   font-size: 1.3em;
   line-height: 1.1em;
   margin-bottom: 10px;
   }


   #block-help-2  { display: none!important; }


.success b {
    font-size: 0.8em;
}

.mitfahrnavi .views-group { font-size: 0.8em; }


  .produktansicht .rows {
    padding-top: 0px;
}

   .header-space { height: 180px; }

   .plz-area .lieferuhrzeit-smart { display: none; }
   .konto-popup-button p, .search-popup-button p, .plz-area .plz { display: none; }

  }


  @media only screen and (min-width: 0px) and (max-width: 800px) {

    .konto-popup .usermenu {
      width: calc(100% - 40px);
      padding: 20px 20px;
    }

    .background-header.close-btn {
      right: 10px;
    }

    .anzeigerrow {
      margin-right: 0px;
      border-right: 0px;
    }

.innerpadding {
  padding: 60px 30px 10px 30px;
}

  .mainmenuflex .lieferzeiten { display: none!important; }

.mobilebottom.flexbox-container {
  display: flex!important;
}
    .meinmenu p, .btn-meinkonto div {
    position: relative;
    transform: none;
    top: 0px;
}

    .mobileinfos {
    align-items: flex-start;
    }
    .mobile-popup .btn-plz, .btn-meinkonto span {
    font-size: 0.9em;
    }
    .mobile-popup .meinmenu, .mobile-popup .meinekueche, .mobile-popup .btn-meinkonto {
     position: relative; width: 100%; margin: 8px 0px; overflow: hidden; display: block; min-height: 0px;
    }

    .mobile-popup .meinekueche, .mobile-popup .btn-meinkonto {
    padding: 20px 20px;
    }
    .mobile-popup .btn-bestellen, .mobile-popup .btn-zummenu  {
    padding: 30px 20px;
    }



    .mobile-popup .mobilebottom p {
        margin: 0px 4px 0px 4px;
    }

     #user-login-form::before {
      display: none;
     }

     #konto-popup-wrapper .neukunde {
    display: none;
}

#konto-popup-wrapper #block-userlogin ul li:nth-child(1) {
    display: block;
    height: auto;
}


    .checkplz {
      font-size: 0.8em;
    }
    .checkplz span {
    font-size: 1.2em;
    line-height: 1.1em;
    margin-bottom: 10px;
    }


    .plz-popup-wrapper strong {margin-bottom: 20px; display: block; }


     #block-views-block-user-menu-block-1 { margin-right: 0px; }
    .path-product .header-space { height: 90px; }
    .plz-input {
       padding: 15px 30px 0px 0px;
       font-size: 1.8em;
       width: 140px;
        }


             .konto-popup-button p, .search-popup-button p, .plz-area .plz {
                 display: none;
             }

        .popup-btn {
          height: 72px; width: 60px; padding: 15px 5px 15px 5px;
        }


        .header .konto-popup-button {
          margin-right: 72px;
          }

        .konto-popup-button p, .search-popup-button p, .plz-area .plz { font-size: 0.6em; }

        .anzeigerrow {
          padding-bottom: 50px;
        }
        #multiplechoise-wrapper .changerow > div { text-align: left; }

}


@media only screen and (min-width: 0px) and (max-width: 768px) {

  .innerpadding input {
    font-size: 1.5em;
  }

  .innerpopup {
  position: relative;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 80vh;
}



}


@media only screen and (min-width: 0px) and (max-width: 480px) {

  .user-logged-in .konto-popup .usermenu {
    overflow-y: auto;
    margin: 20px auto 20px auto;
  }

  .konto-popup .usermenu {
    width: calc(100% - 40px);
    padding: 10px 5px 10px 5px;
    max-width: calc(100% - 10px);
  }

  .plz-popup .check-symbol {
    margin: 12px 0px 14px 0px;
  }

  .mobilebottom.flexbox-container {
    display: block!important;
  }
  .mobilebottom.flexbox-container img {
    display: none!important;
  }

  .mobile-popup .mobilebottom p {
    margin: 4px 0px 4px 0px;
}
.mobile-popup .btn-bestellen, .mobile-popup .btn-zummenu {
    font-size: 0.8em;
    line-height: 1em;
}
.mobile-popup .btn-plz, .btn-meinkonto span {
    font-size: 0.8em;
}
.mobile-popup .lieferzeiten {
font-size: 0.7em; }

.mobile-popup .btn-meinkonto img {
    width: 30px;
}
.btn-meinkonto span {
    padding-top: 8px;
}

.mobile-popup .meinmenu, .mobile-popup .meinekueche, .mobile-popup .btn-meinkonto {
    margin: 4px 0px;
}

.mainmenuflex .btn-plz { display: none; }

  .popup-btn {
      height: 60px;
      width: 60px;
      padding: 10px 10px 10px 10px;
  }

  .header .konto-popup-button {
      margin-right: 60px;
  }


}

 @media only screen and (min-width: 0px) and (max-width: 380px) {

   .plz-icon, .menu-icon, .konto-icon {
    width: 32px;
    height: 36px;
    background-size: 32px 32px;
    padding: 0px;
  }
.popup-btn {
    height: 60px;
    width: 45px;
    padding: 10px 5px 10px 5px;
}

   .main-menus-links.column {
    width: calc(100% - 150px);
}

  .konto-popup-button p, .search-popup-button p, .plz-area .plz { font-size: 0.5em; }

}