/*
 * VK 01.11.2023
 * 
 */

  /* Structure */

  html {
  scroll-behavior: smooth;
  }

  body { 
    background-color: #f9f9f9;
    background-color: honeydew;
    background-color: white;
  }
  
  #main-wrapper{
    background-color: #f9f9f9;
    background-color: white;

  }

  /* Elements */

  .card-header{
    background-color: white;
  }

  .nivoSlider{

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }

  /* .nivo-caption{
    background-color:#cc2127 !important;
    margin-bottom: 30%;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 40%;
    align-items: center;
  } */

  .product-wrapper{
    background-color: var(--white);
  }

  /* Navigation*/
  

  .box-categories .dropdown .collapse, .box-linkgroup .dropdown .collapse {
    background-color: #f9f9f9;
  }
  
  .nav-item .nav-link:hover{
    background-color: white;
  }

  /* Productlists */
  .sub-categories {
    border: 1px solid rgb(216, 216, 216);
    padding: 6%;
    background-color: white;
  }
  
  .modal-backdrop {
    background-color: white;
  }
  
  .submenu-headline-image { margin: 0 auto; }
  
  .list-gallery {
    display: flex;
    flex-direction: column;
    .second-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    img.second {
      opacity: 0;
    }
  }
  
  #product-list .product-wrapper:not(:last-child) {
    margin-bottom: 5%;
  }


  /* Products */

  .breadcrumb-wrapper{
    border-top: 1px solid transparent;
  }

  .breadcrumb-container{
    padding-top: 8px;
    background-color: transparent;
    border: 1px solid transparent;
  }
  
  .productbox-inner{
    background-color: white;
  }

  .js-slider-item{
    min-width: 100% !important;

  }

  .js-slider-item:first-child{
    margin-left: 0px !important;
    
  }

  .fa-sup{ color: white; }
  .badge-primary{ color: white; }

  .productbox-title {
    
    text-align: center;
    padding: .4rem;
    min-height: 4rem;
  }

  .productbox, 
  .productbox-column,
  .productbox-show-variation{
    background-color: transparent;
  }


  .item-slider-desc {
    line-height:1.5em;
    min-height:3em;

  }
  .price_wrapper {

    padding-bottom: 1rem;
    color: var(--secondary);
    font-weight: bold;
    /* min-height: 3rem; */
    background-color: transparent; /* lime */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .4rem;

  }

  .productbox-price{
    font-size: 1rem;
    font-weight: bolder;
  }
  
  .price-note{
    
    flex: 0 0 100%; /* flex-grow, flex-shrink, flex-basis */
    text-align: center;
  }

  .swatches-text.active{
    background-color: white;
    background-color: lightgray;
    background-color: #e7a989;    
    background-color: honeydew;
    /* color: white; */
    

    border: 1px solid gray;
    
  }

  .ws5_ozg_warenkorb_button {
    height: 50px !important;
    font-weight: bold !important;
  }
  
  
  .productlist-page-nav {
    justify-content: space-between;
    justify-self: auto;
  }
  
  .btn-primary { color: white; }
  
  /* Footer */
  
  #footer{
    background-color: #f9f9f9;
    background-color: white;
    padding-top: 0;
  }


  .newsletter-footer {
    padding: calc(5% + 2rem);
    background: url("https://sauna24.de/media/image/storage/opc/Design/Newsletter/wellness_wellnessartikel_header_bild_44.jpg") top center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  #footer-boxes { 
      max-width: 103.125rem;
      margin: 0 auto;
  }

.bg-facebook { background-color: #3b5998; }
.bg-twitter { background-color: #55acee; }
.bg-instagram { background-color: #3f729b; }
.bg-youtube { background-color: #e52d27; }
.bg-pinterest { background-color: #cc2127; }

.fab { color: white; }

.footer-social-media { margin-top: 0.5rem !important;}


/* Viewports */


@media (max-width: 991px){
  
  .js-slider-item{
    min-width: 100% !important;
  }
  
  h1{
    font-size: large;
  }
  
}

@media (min-width: 992px){
  
  header .navbar-nav>.nav-item>.nav-link {
    position: relative;
    padding: 0.8rem; 
  }

  header .navbar-brand img {
    height: 100px;
}

}

@media (min-width: 1600px){

  header .navbar-nav {
    justify-content: center;
  }

    header .navbar-nav>.nav-item>.nav-link {
      position: relative;
      padding: 1.1rem; 
  }
  

}