/* EDIT EXISTING */
.product-variant-characteristics { display: none; }
.js-magnifier-container { max-height: 500px; }
.product-price-info { font-size: 25px; }
.product-box.box-image .product-image,.product-box .product-image { max-height: 250px }
.footer-bottom { display: none; }
/* NEW */
.w-product-box { margin-left: 100px; margin-right: 100px; }
.w-p50-box { margin-left: 100px; margin-right: 100px; }
.product-badges .badge { font-weight: 800; font-size: 18px; line-height: 30px; height: 30px; }
.product-box .product-price-info .product-price { font-size: 18px; font-weight: 800; }
.is-lo-full-width .cms-page .cms-section .boxed{max-width:100%} .product-video{margin-bottom:1.5rem;max-width:100%} .container,.cms-section .boxed{max-width:100%}
.fs-20 { font-size: 20px }
.brandslider .swiper-slide img { max-height: 100px; width: auto; height: auto; } 
.mw-500 { max-width: 500px; }
.all-in-box { padding: 0px 100px 0px 100px; }
.flex-field-box { background-color: rgba(62,111,125,0.4); }
.w-kat-brands img { max-width: 125px; }




.account-register { margin: 50px; padding: 50px; background-color: rgba(252, 79, 0,0.0); font-weight: 700; }
.account-content { margin: 50px; padding: 50px; background-color: rgba(252, 79, 0,0.0); font-weight: 700; }
.checkout { margin: 50px; padding: 50px; background-color: rgba(252, 79, 0,0.0); font-weight: 700; }
.checkout-aside-container { padding: 30px; font-weight: 700; }

/* Custom CSS mit Bootstrap 5 Breakpoints */

/* Extra Small Devices (Portrait Phones, Less than 576px) */
@media (max-width: 575.98px) {
  .w-product-box { margin-left: 50px; margin-right: 50px; }
  .w-p50-box { margin-left: 50px; margin-right: 50px; }
  .all-in-box { padding: 0px 30px 0px 30px; }
  
.account-register { margin: 5px; padding: 5px; background-color: rgba(252, 79, 0,0.0); font-weight: 700; }
.account-content { margin: 5px; padding: 5px; background-color: rgba(252, 79, 0,0.0); font-weight: 700; }
.checkout { margin: 5px; padding: 5px; background-color: rgba(252, 79, 0,0.0); font-weight: 700; }
.checkout-aside-container { padding: 5px; font-weight: 700; }  
}

/* Small Devices (Landscape Phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .w-product-box { margin-left: 50px; margin-right: 50px; }
  .w-p50-box { margin-left: 50px; margin-right: 50px; }
    .all-in-box { padding: 0px 50px 0px 50px; }
.account-register { margin: 5px; padding: 5px; background-color: rgba(252, 79, 0,0.0); font-weight: 700; }
.account-content { margin: 5px; padding: 5px; background-color: rgba(252, 79, 0,0.0); font-weight: 700; }
.checkout { margin: 5px; padding: 5px; background-color: rgba(252, 79, 0,0.0); font-weight: 700; }
.checkout-aside-container { padding: 5px; font-weight: 700; } 	
}

/* Medium Devices (Tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .w-product-box { margin-left: 50px; margin-right: 50px; }
  .w-p50-box { margin-left: 50px; margin-right: 50px; }
    .all-in-box { padding: 0px 100px 0px 100px; }
.account-register { margin: 15px; padding: 15px; background-color: rgba(252, 79, 0,0.0); font-weight: 700; }
.account-content { margin: 15px; padding: 15px; background-color: rgba(252, 79, 0,0.0); font-weight: 700; }
.checkout { margin: 15px; padding: 15px; background-color: rgba(252, 79, 0,0.0); font-weight: 700; }
.checkout-aside-container { padding: 20px; font-weight: 700; } 	
	
	
}

/* Large Devices (Desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .custom-lg {
    /* Ihre CSS-Anpassungen für lg-Bildschirme hier */
    background-color: #ced4da;
  }
}

/* Extra Large Devices (Large Desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .custom-xl {
    /* Ihre CSS-Anpassungen für xl-Bildschirme hier */
    background-color: #adb5bd;
  }
}

/* Extra Extra Large Devices (Very Large Desktops, 1400px and up) */
@media (min-width: 1400px) {
  .custom-xxl {
    /* Ihre CSS-Anpassungen für xxl-Bildschirme hier */
    background-color: #6c757d;
  }
}


a.wh-none, a.wh-none:hover,a.wh-none:focus,a.wh-none:active { text-decoration: none; color: inherit; display: block; }
a.white, a.white:hover,a.white:focus,a.white:active { text-decoration: none; display: block; color: white; font-size: 20px; font-weight: bold; }
.w-contact-box div { width: 250px; background-color: #fc4f00; color: white; font-weight: bold; text-align: center }
.w-link-like { cursor: pointer; }
a.w-cover-div, a.w-cover-div:hover,a.w-cover-div:focus,a.w-cover-div:active { font-size: 20px!important; font-weight: bold!important; display: block; width: 100%; height: 100%; text-decoration: none!important; color: white!important; }

/* TEXT SIMPLE */
.fw-20 { font-size: 20px; }



/* CORE INSTALL */
        body {
            background: url('/custom/img/fashion_bg_1.jpg') no-repeat center top;
            background-size: contain; /* oder 'cover', je nach gewünschtem Effekt */
        }

.js-label-floating {background-color: rgba(0, 0, 0,0.1); margin: 5px;}	
.js-header-sticky .nav-header { display: none; }  
.js-header-sticky .header-logo-col { display: none; }
.js-header-sticky .justify-content-end.animate__animated.animate__pulse { display: none; }