/* Styling allgemein */
.shop-default{
    background: #F7F2EB !important ;
}
.s-product-name {
    font-size: large;
    font-weight: bold;
}

.s-main-column .s-item-container .card-body {
    border-radius: 16px;
}

.card,
.cart-header {
    border-radius: 16px;
}

.s-product-price,
.price-tag {
    color: #C6A13D !important;
}
footer {
    background: black;
    margin-bottom: -5px;
}

/* Ausblenden von E-Preisen und zusaetzlichem */
.s-product-price .text-right .price-tag {
    color: #fff !important;
}

.s-product-price .text-right .small {
    color: #fff !important;
}

.s-unit-price {
    display: none;
}

.s-filter-footer {
    display: none;
}

footer:after {
    background: transparent;
}

/* Card Abrundungen rechts+links */
.card-footer {
    border-radius: 0 0 16px 16px !important;
    align-items: center;
    justify-items: center;
    width: 100%;
}

.card-header {
    border-radius: 16px 16px 0 0 !important;
}

/* Bilder abrunden */
.embed-responsive .embed-responsive-item {
    border-radius: 16px !important;
}
/*Warenkorb*/
.checkout-process>.step .step-mark.step-active:after{
    background:#B8960C ;

}
/*Buttons*/
.btn-primary{
    border-radius: 9999px !important;
    background: #B8960C;
    border-color: #C6A13D !important;
    padding: 7.998px 15.996px !important;
    justify-content: center;
    align-items: center;
    gap: 7.998px !important;
}
/* NAvbar */
@media (min-width: 768px) {
    header.navbar{
    height: 73px !important;
    margin: 16px 16px 0 16px !important;
    top: 16px !important;
    padding: 16px 24px !important;
    border-radius: 16px !important;
    background:#EDE5D5 !important;
    border-bottom: none;
}

.s-header .input-group-sm>.form-control{
    border-radius: 9999px 0 0 9999px !important;
    border: 0 solid rgba(255, 255, 255, 0.50) !important;
    background: rgba(255, 255, 255, 0.50) !important;
    padding: 8px 40px 8px 16px !important;
    display: flex;
    width: 192px !important;
    height: 41px !important;
    z-index: 0;
    box-shadow: none;
}
.s-header .input-group.input-group-sm{
    border-radius: 9999px !important;
    border: 0 solid rgba(255, 255, 255, 0.50) !important;
    background: rgba(255, 255, 255, 0.50) !important;
    z-index: 0 !important;
}
.s-header .input-group-sm>.input-group-append>.btn{
    background: rgba(255, 255, 255, 0.50) !important;
    color:#8A7D65;
    border: 0 solid rgba(255, 255, 255, 0.50) !important;
    background: none;
    border-radius: 0 9999px 9999px 0 !important;
}
.header input{
    box-shadow: inset 0 0 0 0 none;
}
.s-header .badge{
    border-radius: 9999px;
    background: #FFF;
    padding: 1.992px 7.998px 1.988px 7.998px;
}
.s-header .badge{
    color:#B8960C;
}
.nav-link.active span{
    color:#3D3520;
}
.nav-link span{
    color:#3D3520;
}
.s-header span{
    /*color:#3D3520;*/
    color: #fff;
}
}
/* Navbar Buttons*/
.navbar-nav> .btn-primary:hover{
    box-shadow: none !important;
    background: #B8960C !important;
    border: 2px solid transparent !important;
    color: #fff !important;
}
/* Alert */
.alert-info{
    border-radius: 16px !important;
    border: 0 solid #E8DFC9 !important;
    background: #EDE5D5 !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}
/* Auswahl Leiste*/
.d-sm-block  .py-2 {
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 30px 0 rgba(61, 53, 32, 0.04) !important;
    padding: 16px !important;
}
.d-sm-block .font-italic{
    font-style: normal !important;
}
/* Produkt-Box wrapper */
.s-main-column{
    max-width: 80% ;
}
/* Produkt box */
.card-body{
    padding: 20px;
    
}/*
@media (min-width: 1200px) {
    .col-xl-3 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}
*/
.s-main-column .s-item-container .s-product-cart-controls{
    margin: 2px !important;
}
/* Wrapper Buttons, Anzahl*/
.d-flex>.input-group{
    width: auto !important;
    min-width: 141px !important;
}
/* Anzahl Button Leiste */
.d-flex>.input-group {
    background:#EDE5D5 !important;
    border-radius: 8px !important;
    padding: 4px !important;
    align-items: center;
}
.input-group>.input-group-append>.btn:focus{
    background: #fff !important;
    border-radius: 0 8px 0 8px !important;
    color: #000 !important;
    box-shadow: none !important;
    border: #B8960C 2px solid !important;
}
.input-group>.input-group-append>.btn:hover{
    background: #fff !important;
    border-radius: 0 8px 0 8px !important;
    padding: 4.998px 12.996px !important;
    border: #B8960C 2px solid !important;
}
.input-group>.input-group-append>.btn{
    border-radius: 0 8px 8px 0 !important;
    background: #EDE5D5 !important;
    color: #000 !important;
    border: 2px solid transparent !important;
    padding: 4.998px 12.996px !important;
    justify-self: end !important;
    
}
.d-block.d-xl-none .form-row > .col > form.form-inline.search-form > div.input-group.w-100{
    border-radius: 8px !important;
}
.input-group-prepend>.btn-primary:focus{
    background: #fff !important;
    border-radius: 8px !important;
    color: #000 !important;
    box-shadow: none !important;
    border: #B8960C 2px solid !important;
}
.input-group-prepend>.btn-primary:hover{
    background: #fff !important;
    border-radius: 8px !important;
    padding: 4.998px 12.996px !important;
    border: #B8960C 2px solid !important;
}
.input-group-prepend>.btn-primary{
    border-radius: 8px !important;
    background: #EDE5D5 !important;
    border-radius: 8px !important;
    color: #000 !important;
    border: 2px solid transparent !important;
    padding: 4.998px 12.996px !important;
}
/* feld in der mitte */
.input-group>.form-control{
    background:#EDE5D5 !important;
    border: none;
    width: auto !important;
}
/* Warenkorb */
.add-cart-item-button-wrapper>.btn-primary{
    border-radius: 8px !important;
    border: 2px solid transparent !important;
    padding: 8px 11.992px !important;
    color: #fff !important;
    height: 42.98px !important;
}
.add-cart-item-button-wrapper>.btn-primary:hover{
    background: #FFF !important;
    border: #B8960C 2px solid !important;
    color: #B8960C !important;
}
.add-cart-item-button-wrapper>.btn-primary:active{
    box-shadow: none !important;
    background: #FFF !important;
    border: #B8960C 2px solid !important;
    color: #B8960C !important;
}
.add-cart-item-button-wrapper>.btn-primary:focus{
    box-shadow: none !important;
    background: #B8960C !important;
    border: 2px solid transparent !important;
    color: #fff !important;
}
/* Beriche für responsiv*/
@media (max-width: 575.98px) {
  html,
  body {

    max-width: 100vw !important;
  }

  * {
    box-sizing: border-box !important;
  }

  .wrapper,
  .content-container,
  .container-fluid,
  .row,
  .s-content,
  .s-main-column,
  .s-panel-body {
    max-width: 100% !important;
  }
  /*.row.s-content{
    flex-wrap: wrap !important;
  }*/
  .s-filter-column {
    display: block;
  }

  .s-main-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .items.s-panel-body,
  .s-panel-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .items.s-panel-body > .col-6,
  .items.s-panel-body > .item,
  .items.s-panel-body > .s-item-container,
  .s-item-container {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 12px !important;
  }

  .s-item-container .card {
    width: 100% !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .s-item-container .card-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding: 14px !important;
  }

  .s-item-container img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
  }

  .s-product-name,
  .card-title {
    font-size: 1.1rem !important;
    line-height: 1.25 !important;
    word-break: break-word !important;
    margin-bottom: 0 !important;
  }

  .navbar.s-header,
  .s-header,
  .navbar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    
  }

  .navbar-brand {
    margin-right: 0 !important;
    max-width: 140px !important;
    flex: 0 0 auto !important;
  }

  .navbar-brand img,
  .navbar-brand svg {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  .navbar-toggler {
    margin-left: auto !important;
    padding: 6px 10px !important;
    flex: 0 0 auto !important;
  }

  img,
  svg,
  video,
  canvas,
  iframe {
    max-width: 100% !important;
    height: auto !important;
  }
    .navbar-toggler,
  .navbar-toggler.ml-4 {
    margin-left: 0 !important;
  }
}
body{
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.wrapper{
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding:0 !important;
}
  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.content-container,
.container-fluid{
    padding: 0 0 16px 0 !important;
    
}
    .navbar.s-header, .s-header, .navbar{
        max-width: 100% !important;
    }

  .input-group{
    flex-wrap: nowrap !important;
}
.row{
    flex-wrap: nowrap ;
}
.nav-item .nav-link span{
    color: #3D3520;
}
.card-body .col-sm-6 .btn.btn-primary{
  display: flex;
  justify-content: center !important;    
  align-items: center !important;
  text-align: center !important;        
  line-height: 1.2 !important;       
  width: 100% !important;
  max-width: 100% !important;
}
.card-body > .row.justify-content-center > .col-sm-6{
    max-width: 90% !important;
    width: 80% !important;
    display: flex;
  justify-content: center !important;    
  align-items: center !important;
  text-align: center !important;
}
.card.mb-3.mb-sm-4.mb-md-5 > .card-body > .row.justify-content-center{
    min-width: 100% !important;
}
.justify-content-end{
    flex-wrap: wrap !important;
}
a.btn.btn-sm.text-nowrap.mr-1.btn-warning{
    padding: .375rem .75rem;
    justify-self: center !important;
    align-self: center !important;
}
header .s-header-actions > ul.navbar-nav.ml-lg-auto > li.nav-item{
    display: flex;
    justify-items: center;
    align-items: center;
}
.card-body .col-sm-6 .btn.btn-primary{
    margin-bottom: 1rem;
}
div.card.s-address-card > div.card-footer > div.td.actions{
    width: 100% !important;
}
.pr-md-1.text-right 
> span.input-group.input-group-sm.w-100 
> input.form-control.form-control-sm.ml-1.text-left {
  
  width: 100% !important;
  flex: 1 1 auto !important;
  min-height: 34.98px !important; /* wichtig bei flex */
}
@media (min-width:0px) and (max-width:479px){
    .row{
        flex-wrap: wrap;
    }
    .row.s-content 
> .col-sm-5.col-md-4.col-lg-3.col-xl-3.s-filter-column{
    display: block;
}
}
@media (min-width:480px) and (max-width:768px){
    .row{
        flex-wrap: wrap;
    }
}
@media (min-width:769px) and (max-width:991px){
    .row{
        flex-wrap: wrap;
    }
    /*.s-content{
        flex-wrap: wrap;
    }*/
}

.form-control, .form-control:focus{
    background: #EDE5D5 !important;
}
html, body, .wrapper, .content-container {
  overflow-x: hidden;
}
.wrapper {
  overflow-x: clip;
}
header.navbar.navbar-expand-md.navbar-light.s-header 
a.navbar-brand.mb-0.h1.d-none.d-lg-inline-flex.logo-wide.s-header-logo 
> img {
  width: 180px !important;
  max-height: none !important;
}
@media (max-width: 1416px) {
    .d-xl-inline {
        display: none !important;
    }
        .d-sm-inline {
        display: none !important;
    }
}
@media (max-width: 991px) {
 div.wrapper 
> header.navbar.navbar-expand-md.navbar-light.s-header 
> a.navbar-brand.mb-0.h1.d-none.d-md-inline-flex.d-lg-none.logo-small.s-header-logo 
> img {
  width: 120px !important;
  max-width: none !important;
  max-height: none !important;
}
}
@media (min-width: 576px) and (max-width: 767px ) {
div.wrapper 
> header.navbar.navbar-expand-md.navbar-light.s-header 
> a.navbar-brand.mb-0.h1.d-inline-flex.d-md-none.logo-small.s-header-logo 
> img{
    max-width: none !important;
    width: 120px !important;
    max-height: none !important;
}
}
.checkout-later-time-field select {
  display: block !important;
  width: 100% !important;
  height: calc(1.5em + .75rem + 2px) !important;
  padding: .375rem .75rem !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #495057 !important;
  background-color: #fff !important;
  background-clip: padding-box !important;
  border: 1px solid #ced4da !important;
  border-radius: .25rem !important;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
  margin-bottom: 16px !important;
}

.checkout-later-time-field select:focus {
  background: #EDE5D5 !important;
}