:root{
    /* Hier die Spalten fuer verschiedene Displaygroessen Einstellen:
     xl -> Desktop
     md ->Tablet
     sm -> Smartphone  (in etwa) */
    --columns-xl:25% 25% 25% 25%;
    --columns-md:33% 33% 33%;
    --columns-sm:50% 50%;

    --s-columns-xs: 2; --s-item-width-xs: calc((100vw * 12/12 - 30px - 27px) / 2);
    --s-columns-sm: 2; --s-item-width-sm: calc((100vw * 7/12 - 30px - 10px) / 1);
    --s-columns-md: 3; --s-item-width-md: calc((100vw * 8/12 - 30px - 21px) / 2);
    --s-columns-lg: 4; --s-item-width-lg: calc((100vw * 9/12 - 30px - 33px) / 3);
    --s-columns-xl: 4; --s-item-width-xl: calc((100vw * 9/12 * 9/12 - 30px - 30px) / 3);
  /* Hier die Hoehe des Headers fuer verschiedene Displaygroessen einstellen: 
  xl -> Desktop 
  md ->Tablet
  sm -> Smartphone  (in etwa) */
  --header-height-xl:70px;
  --header-height-md:70px;
  --header-height-sm:60px;
  
  
}

@media (min-width: 1200px){ 
    .s-main-column .s-panel-body{
    display: grid;
    grid-template-columns: var(--columns-xl);
    gap: 10px 10px;
  }
  .s-sidebar>div:first-of-type{
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--header-height-xl) + 1em);
  }
}

@media (min-width: 768px) and (max-width:1200px){
    .s-main-column .s-panel-body{
    display: grid;
    grid-template-columns: var(--columns-md);
    gap: 10px 10px;
  }
  .s-filter-column>div{
      position: -webkit-sticky;
      position: sticky;
      top: calc(var(--header-height-md) + 1em);
  }
  .s-filter-column>.navbar{
      position: -webkit-sticky;
      position: sticky;
      top: 8em;
  }
}

@media (max-width:768px){
    .s-main-column .s-panel-body{
    max-width: 100%;
    display: grid;
    grid-template-columns: var(--columns-sm);
    gap: 10px 10px;
  }
}

.s-main-column .s-panel-body [class*="col-"]{
  align-items: stretch;
  height:100%;
  max-height: 100%;
}
.s-item-container .card{
  height:100%;
}
.s-item-container .card-body{
  display: flex;
  flex-direction: column;
  flex-grow: stretch;
}
.shop .s-item-container .s-product-cart-controls{
  flex-grow: 4;
  align-items: flex-end;
  display: flex;
}
.shop .s-item-container .s-product-cart-controls .add-cart-item-form{
  flex:0 0 100%;
}

.s-content .s-main-column .s-panel-body .s-item-container .card {
    height: 100%;
  }

.s-content .s-main-column .s-panel-body .s-item-container .card .card-body {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}
  
.s-content {
    margin-left: 0;
    margin-right: 0;
}
  
.s-content {
    margin-left: 0;
    margin-right: 0;
}


.carousel-item .embed-responsive .embed-responsive-item,
.carousel-item .embed-responsive embed,
.carousel-item .embed-responsive iframe,
.carousel-item .embed-responsive object,
.carousel-item .embed-responsive video {
    background-size: cover !important;
}
  
.modal-body .card .card-body .carousel .carousel-inner .carousel-item .embed-responsiv {
    background-size: contain !important;
}
  
@media only screen and (max-width: 400px) {
    .s-product-cart-controls .add-cart-item-form .cart-item-quantity-wrapper .d-flex:first-of-type {
      flex-wrap: wrap;
    }
    .s-product-cart-controls .add-cart-item-form .cart-item-quantity-wrapper .input-group {
      flex-wrap: nowrap;
    }
    .s-product-cart-controls .add-cart-item-form .cart-item-quantity-wrapper .input-group .cart-item-quantity {
      max-width: unset;
    }
    .s-product-cart-controls .add-cart-item-form .cart-item-quantity-wrapper .s-add-cart-item {
      width: 100%;
    }
    .s-product-cart-controls .add-cart-item-form .cart-item-quantity-wrapper .s-add-cart-item .add-cart-item {
      width: 100%;
      margin-left: 0 !important;
      margin-top: 0.5rem;
    }
}

/*
Anpassen der Headergröße
*/
.s-header-logo{
    max-height:100%;
    height:100%;
} 

.s-header-logo img{
    padding-top:0.1em;
    padding-bottom:0.1em;
    max-height:100%;
} 


@media (min-width: 1200px){ 
  .s-header{
    height:var(--header-height-xl) !important;
  }
  .s-header-nav-item, .s-header .btn,.s-header .search-form [type="search"]{
    font-size: var(--navbar-scale-xl);
  }
}

@media (min-width: 768px) and (max-width:1200px){
  .s-header{
    height:var(--header-height-md) !important;
  }
  .s-header-nav-item, .s-header .btn,.s-header .search-form [type="search"]{
    font-size: var(--navbar-scale-md);
  }
}

@media (max-width:768px){
  .s-header{
    height:var(--header-height-sm) !important;
  }
  .s-header-nav-item, .s-header .btn,.s-header .search-form [type="search"]{
    font-size: var(--navbar-scale-sm);
  }
}

.s-item-total .price-tag, .s-product-price .price-tag{
    color:#98c10f !important;
}
.s-product-name , .s-product-name a{
    color:#333333;
}
.s-container-name , .s-container-name a{
    color:#333333;
}

.h5{
  color: #333333;
}

.modal-body,.modal-header,.modal-footer {
  background-color: #ffffff;
    text-align: center;
  color: #333333;
}

.alert.alert-info {
    color: #333333;
    box-shadow: 0 1px 4px 0 #0000000;
    background-color: #ffffff;
    border: 1px solid #0000000C;
}

a.action-agree.action-agree-data-processing {
color: #333333;
}

a {
    color: #333333;
}


.shop-info-heading{
  text-align: center;
}
.fa-info-circle{
  display:none;
}