/* EMPTY FLYOUT
      ********************************************/

.summentable { margin-top: 10px; }

  #empty-cart {
    overflow: hidden;
    padding: 20px;
}
.stoebern {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 1.2em;
    line-height: 0.9em;
    background: ##000;
    font-family: 'Jost';
    color: #FFF;
    padding: 24px 28px 24px 28px;
    text-transform: uppercase;
    margin-top: 30px;
}
.stoebern:hover {
  background: #000; color: #FFF;
}

#empty-cart p small {
display: none;
}

       /* FLYOUT
       ********************************************/

#mindestbestellwert { margin-bottom: 12px; color: #000; font-weight: 500; display: block; }
.infoicon { color: #000; display: block; }
.infoicon::before {
  display: inline-block;
 width: 11px; height: 11px;
 background: url('../../images/info.svg') no-repeat;
 background-size: 11px;
 content: "";
 margin-right: 6px;
}

       .cart--cart-offcanvas__close button {
         width: 25px; height: 25px;
        background: url('../../images/icons/close-icon.svg') no-repeat;
        background-size: 25px 25px;
        content: "";
        border: none;
        transition: all 0.2s;
       }

       .cart--cart-offcanvas__close button:hover {
         cursor: pointer;
         transform:rotate(10deg);
         transform: scale(0.9);
       }

       .cart-offcanvas--right { max-width: 100%; width: 550px; }

       .cart-block--offcanvas-contents__inner .colorbutton {  display: block; width: 100%; }

       .cart-block--offcanvas-contents__inner { padding: 20px; }
       .cart--cart-offcanvas__close { position: absolute; right: 10px; top: 10px; }
       .cart-block--offcanvas-contents__inner td { vertical-align:middle; border-bottom: 1px solid #f4f4f4; padding: 8px 0px; }
       .cart-block--offcanvas-contents__inner td p { display: inline-block; width: auto; }
        .cart-block--offcanvas-contents__inner td p.menutitle { width: 100%; display: block; margin: 20px 0px 10px 0px; }
       .cart-block--offcanvas-cart-table__price { text-align: right; font-size: 0.7em; width: 18px; padding: 0px; }
       .cart-block--offcanvas-contents__inner h2 { margin-bottom: 20px; font-size: 1.3em;  text-transform: uppercase; }
       .cart-block--auswahl, .cart-block--toppings { font-size: 1em; margin-bottom: 0px; color: #718A82; line-height: 1.2em; }
       .cart-block--offcanvas-cart-table__title .menutitle { font-size: 0.9em; font-weight: 600; margin-bottom: 6px; text-transform: uppercase; }
       .cart-block--offcanvas-cart-table__remove { display: inline-block; margin-left: 10px;  margin-top: -4px; }
       .cart-block--offcanvas-cart-table__remove button { border: none; background: transparent url('../../images/icons/garbage.svg') no-repeat top right; background-size: 15px 20px; width: 15px; height: 25px; }
       .cart-block--offcanvas-cart-table__remove button:hover { cursor: pointer; }
       .cart-block--offcanvas-contents__inner  input[type="number"] { width: 20px; padding-bottom: 4px; font-size: 0.8em; display: inline-block; text-align: left; border: none; border-bottom: 2px solid #000; }
       .cart-block--image { width: 140px; padding-right: 25px!important; }
       .cart-block--offcanvas-cart-table__title { padding-right: 25px!important; }
       .price-zwischensumme, .price-versand, .price-total { text-align: right; }
       tr.summenrow td { font-size: 0.7em; }

       .cart-offcanvas { overflow-y: scroll; height: 100vh; }


.warenkorb-wrapper { display:inline-block; padding-left: 0px; margin-left: 0px; }
.cart--cart-block { transition: all 0.3s;  }
.cart--cart-block a { }
.cart-block--link__expand { display: flex; align-items: center; }

.cart-block--summary__icon, .mainmenuflex .btn-meinkonto {
  position: relative;
  display: inline-block;
  background: #FFF url('../../images/icons/navi/shoppingbag.svg') no-repeat;
  background-position: center;
  background-size: 34px 34px;
  width: 34px; height: 34px; margin-top: 0px; margin-left: 0px;
  transition: all 0.3s;
}

.mainmenuflex .btn-meinkonto {
    background: url('../../images/icons/navi/usermenu.svg') no-repeat;
    background-size: 34px 34px;
    margin-top: 8px; margin-right: 10px;
}

.mainmenuflex .btn-meinkonto:hover{
  cursor: pointer;
}

        .cart-block--summary__count {
          background: #000;
            display: inline-block;
            width: 20px; height: 20px;
            padding: 2px 5px 2px 5px;
                position: relative;
                text-align: center;
                margin-left: 3px;
                margin-top: 2px;
                color: #FFF;
                border-radius: 360px;
                font-size: 0.6em;
                line-height:18px;
                font-weight: 500;
        }

        .cart-block--contents {
                z-index: 10000;
                background: #f8f6f3;
                width: 480px;
        }

        .cart-block--contents .views-field-total-price__number {
                border: none;
        }

        .cart-block--contents__links {
                background: ##000;
                color: #FFF;
                text-align: center;
                padding: 8px 6px;
                transition: all 0.3s;
        }
        .cart-block--contents__links a { display: block;}

        .cart-block--contents__links:hover {
                background: #4f3a33;
        }
        .cart-block--contents__links a:hover {
                color: #FFF!important;
        }

@media only screen and (min-width: 0px) and (max-width: 1440px) {
    .cart-block--summary__icon, .mainmenuflex .btn-meinkonto { margin-top: 0px; }
    .cart-block--summary__icon:hover { margin-top: 0px; }
    .cart-block--summary__count {
      margin-left: -13px;
      margin-top: 22px;
  }
  .cart--cart-block {
    height: 50px;
}
}

@media only screen and (min-width: 0px) and (max-width: 1440px) {
        .cart-block--summary__icon img, .cart-block--summary__icon, .mainmenuflex .btn-meinkonto {
            display: inline-block;
            width: 28px;
            height: 28px;
            margin: 0px 6px 0px 12px;
            background-size: 28px 28px;
        }

        .cart-block--summary__count { margin-top: -18px; margin-left: 30px; }

        .cart--cart-block, .warenkorb-wrapper {
            height: 28px;
            width: 34px;
        }
    }

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

    .cart-block--summary__count {
      margin-left: -11px;
      margin-top: 14px;
      padding: 0px 6px;
    }


     .cart-block--summary__icon {
        margin: 0px 0px 0px 6px;
      }
      .mainmenuflex .btn-meinkonto {
         margin: 0px 8px 0px 0px;
       }

  }

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


    .cart-block--summary__count {

      font-size: 0.55em;
    }

    .warenkorb-wrapper {
    margin-right: 30px;
}



  }