.slider{position:relative;height:auto;display:block;margin:0 auto;background:linear-gradient(0deg,#2a2a2a 10%,#3f4045 90%);max-width:100%}.slider-wrapper{max-width:1200px; height: auto; margin:0 auto}.slider h2{font-size:1.5rem;line-height:44px;font-weight:300}@media (max-width:720px){.slider{position:relative;display:block;margin:0 auto;max-width:100%;height:auto}}.slider__item,.slider__items{position:relative;height:auto;width:100%}.slider__item{display:none;transition:transform .6s ease;height:auto;backface-visibility:hidden}.slider__item_active,.slider__item_next,.slider__item_prev{display:block}.slider__item_next,.slider__item_prev{position:absolute;top:0}.slider__item_next.slider__item_left,.slider__item_prev.slider__item_right{transform:translateX(0)}.slider__item_next,.slider__item_right.slider__item_active{transform:translateX(100%)}.slider__item_left.slider__item_active,.slider__item_prev{transform:translateX(-100%)}.slider__control{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:8%;color:#fff;text-align:center;opacity:.5}.slider__control:focus,.slider__control:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.slider__control_prev{left:0}.slider__control_next{right:0}.slider__control::before{content:"";display:inline-block;width:20px;height:20px;background:no-repeat center center;background-size:100% 100%}.slider__control_prev::before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.slider__control_next::before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.slider__indicators{position:absolute;right:0;bottom:10px;padding-bottom:50px;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.btn:hover,.slider__indicator{background-color:rgba(255,255,255,.5)}.slider__indicator{position:relative;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;border-radius:6px}.slider__indicator::after,.slider__indicator::before{position:absolute;left:0;display:inline-block;width:100%;height:10px;content:""}.slider__indicator::before{top:-10px}.slider__indicator::after{bottom:-10px}.slider__indicator_active{background-color:#fff}.slider__item_img img{display:inline-block;max-width:160px;box-shadow:0 0 10px 0 rgba(0,0,0,.4);border-radius:5px;height:auto}.slider__item{min-height:450px;overflow:hidden}.slider__item_inner{position:absolute;left:8%;right:8%;height:auto;top:36px;bottom:36px;overflow:hidden;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.slider__item_testimonial{flex:1 0 0;display:flex;flex-direction:column;text-align:center}.slider__item_name{font-size:1.2}.slider__item_name,.slider__item_post{margin-bottom:8px;color:rgba(255,255,255,.8)}.slider__item_text,.slider__item_text p{margin-bottom:8px}.slider__item_post,.slider__item_text,.slider__item_text p{font-size:1rem;text-align:left}.slider__item_text,.slider__item_text p{color:rgba(255,255,255,.5)}@media (max-width:576px){.slider__item_post,.slider__item_text,.slider__item_text p{font-size:1rem;display:none}.slider__item_img{flex:0 0 120px;width:120px;height:auto}}@media (min-width:576px){.slider__item{height:auto}.slider__item_inner{flex-direction:row}.slider__item_testimonial{margin-left:15px}.slider__item_img{flex:0 0 180px;width:180px;height:150px}.slider__item_testimonial{text-align:left}.slider__item_post,.slider__item_text{display:block}}
.slider__item_action{margin-bottom:0}
.display-left{position:absolute;top:50%;left:2%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.display-right{position:absolute;top:50%;right:2%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.slide-logo-content{margin-left:auto;margin-right:auto;max-width:980px;max-height:550px;}
.i2 p img {height:auto;max-height:450px;min-height:450px}
@media (max-width:530px){.i2 p img, .slide-logo-content {height:auto;max-height:350px;min-height:350px}}
@media (max-width:992px) and (min-width:530px){.i2 p img, .slide-logo-content {height:auto;max-height:650px;min-height:650px}}
.slide-logo-display-container{position:relative}
.slide-logo-light-grey,.slide-logo-hover-light-grey:hover,.slide-logo-light-gray,.slide-logo-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.slide-logo-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.slide-logo-button:hover{color:#000!important;background-color:#e5a168!important}
.slide-logo-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 
.slide-logo-button:disabled{cursor:not-allowed;opacity:0.3}
.slide-logo-button:first-child{background-color:#ccc;color:#000}

body.is-homepage .hero-slider-shell{
position:relative;
max-width:100%;
max-height:none;
margin:0 auto;
padding:14px;
border-radius:28px;
overflow:hidden;
background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
border:1px solid rgba(255,255,255,.12);
box-shadow:0 26px 48px rgba(0,0,0,.22);
backdrop-filter:blur(4px)
}
body.is-homepage .hero-slider-shell .mySlides{
display:none;
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
background:#2b241f;
border-radius:22px;
overflow:hidden
}
body.is-homepage .hero-slider-shell .mySlides:first-of-type{display:block}
body.is-homepage .hero-slider-shell .mySlides > *{
margin:0!important
}
body.is-homepage .hero-slider-shell .mySlides p{
margin:0!important;
height:100%
}
body.is-homepage .hero-slider-shell .mySlides img{
display:block;
width:100%!important;
max-width:100%!important;
height:clamp(320px,38vw,520px)!important;
min-height:0!important;
max-height:none!important;
margin:0!important;
border:0!important;
border-radius:22px;
object-fit:cover;
box-shadow:0 16px 32px rgba(0,0,0,.22);
background:#2b241f
}
body.is-homepage .hero-slider-badge{
position:absolute;
z-index:3;
top:28px;
left:28px;
display:inline-flex;
align-items:center;
gap:8px;
padding:9px 14px;
border-radius:999px;
background:rgba(24,17,12,.72);
border:1px solid rgba(255,255,255,.14);
color:#fff;
font-size:.78rem;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
box-shadow:0 8px 18px rgba(0,0,0,.2)
}
body.is-homepage .slide-logo-button{
z-index:3;
width:48px;
height:48px;
padding:0;
display:inline-flex!important;
align-items:center;
justify-content:center;
border-radius:50%;
border:1px solid rgba(255,255,255,.16);
background:rgba(24,17,12,.7)!important;
color:#fff!important;
font-size:28px;
line-height:1;
box-shadow:0 10px 22px rgba(0,0,0,.25);
transition:transform .22s ease,background-color .22s ease,border-color .22s ease
}
body.is-homepage .slide-logo-button:hover{
transform:translateY(-2px);
background:#b65b22!important;
border-color:rgba(255,255,255,.24)
}
body.is-homepage .display-left{left:28px}
body.is-homepage .display-right{right:28px}
body.is-homepage .slide-logo-light-grey,
body.is-homepage .slide-logo-light-gray{color:#fff!important;background:rgba(24,17,12,.7)!important}
@media (max-width:992px){
body.is-homepage .hero-slider-shell{
padding:12px;
border-radius:24px
}
body.is-homepage .hero-slider-shell .mySlides{
border-radius:18px
}
body.is-homepage .hero-slider-shell .mySlides img{
height:clamp(280px,52vw,430px)!important;
border-radius:18px
}
body.is-homepage .hero-slider-badge{
top:22px;
left:22px
}
body.is-homepage .slide-logo-button{
width:44px;
height:44px;
font-size:24px
}
body.is-homepage .display-left{left:22px}
body.is-homepage .display-right{right:22px}
}
@media (max-width:600px){
body.is-homepage .hero-slider-shell{
position:relative;
padding:8px;
border-radius:18px;
margin-top:0;
width:100%;
max-width:100%
}
body.is-homepage .hero-slider-shell .mySlides{
position:relative;
width:100%!important;
height:auto!important;
min-height:240px;
border-radius:14px;
aspect-ratio:1/1
}
body.is-homepage .hero-slider-shell .mySlides > *{
width:100%!important;
height:100%!important
}
body.is-homepage .hero-slider-shell .mySlides p{
display:block;
width:100%!important;
height:100%!important
}
body.is-homepage .hero-slider-shell .mySlides img{
width:100%!important;
min-width:100%!important;
height:100%!important;
min-height:240px;
border-radius:14px;
object-fit:cover;
object-position:center center
}
body.is-homepage .hero-slider-badge{
top:18px;
left:18px;
padding:6px 10px;
font-size:.64rem;
letter-spacing:.06em
}
body.is-homepage .slide-logo-button{
top:50%;
bottom:auto;
transform:translateY(-50%);
width:34px;
height:34px;
font-size:17px;
border-width:1px;
box-shadow:0 6px 14px rgba(0,0,0,.22)
}
body.is-homepage .slide-logo-button:hover{
transform:translateY(-50%)
}
body.is-homepage .display-left{left:12px}
body.is-homepage .display-right{right:12px}
}

#slider.slider {
  padding: 34px 18px 44px;
  overflow: visible;
}

#slider .slider-wrapper {
  position: relative;
  max-width: 1200px;
  padding: 0 0 18px;
}

#slider .box-header.white {
  margin: 0 0 26px;
  position: relative;
  z-index: 3;
  font-size: clamp(1.55rem, 3vw, 2.6rem);
  line-height: 1.18;
  letter-spacing: .02em;
  text-align: center;
}

#slider .slider__items {
  min-height: 520px;
}

#slider .slider__item {
  min-height: 520px;
}

#slider .slider__item_inner {
  position: relative;
  inset: auto;
  min-height: 440px;
  padding: 28px 86px 86px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(63,64,69,.98), rgba(32,32,35,.98));
  box-shadow: 0 20px 42px rgba(0,0,0,.24);
  overflow: hidden;
}

#slider .slider__item_testimonial {
  justify-content: center;
}

#slider .slider__item_text,
#slider .slider__item_text p {
  color: rgba(255,255,255,.8);
}

#slider .slider__item_post {
  color: rgba(255,255,255,.92);
}

#slider .slider__control {
  top: 120px;
  bottom: 92px;
  width: 70px;
  opacity: .78;
}

#slider .slider__control_prev {
  left: 6px;
}

#slider .slider__control_next {
  right: 6px;
}

#slider .slider__indicators {
  position: absolute;
  bottom: 26px;
  margin: 0 10%;
  padding-bottom: 0;
}

#slider .slider__indicator {
  width: 24px;
  height: 4px;
}

@media (max-width: 860px) {
  #slider.slider {
    padding: 28px 12px 36px;
  }

  #slider .slider__items,
  #slider .slider__item {
    min-height: 0;
  }

  #slider .slider__item_inner {
    min-height: 0;
    padding: 22px 20px 74px;
    border-radius: 22px;
  }

  #slider .slider__control {
    top: auto;
    bottom: 84px;
    width: 50px;
  }
}

@media (max-width: 575px) {
  #slider .box-header.white {
    margin-bottom: 18px;
    font-size: clamp(1.28rem, 6vw, 1.7rem);
    line-height: 1.22;
  }

  #slider .slider__item_inner {
    padding: 18px 16px 66px;
  }

  #slider .slider__item_name h3 {
    font-size: 1.05rem;
    line-height: 1.4;
  }

  #slider .slider__item_action .btn,
  #slider .item_box button {
    width: 100%;
  }

  #slider .slider__control {
    bottom: 70px;
    width: 42px;
  }
}


/* Codex 2026-07-26 finale Aktionskarten-Grid-Korrektur */
.bi-actions-wrap,
.scroll-container:has(#scrollContainer.bi-actions-grid) {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.bi-actions-wrap > .scroll-arrow,
.scroll-container:has(#scrollContainer.bi-actions-grid) > .scroll-arrow {
  display: none !important;
}

.bi-actions-wrap #scrollContainer,
.bi-actions-wrap #scrollContainer.horizontal-scroll-container,
.bi-actions-grid#scrollContainer.horizontal-scroll-container,
.scroll-container #scrollContainer.bi-actions-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 30px !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 28px auto 36px !important;
  padding: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.bi-actions-wrap #scrollContainer > .thema,
.bi-actions-wrap #scrollContainer > .thema.alignleft,
.scroll-container #scrollContainer.bi-actions-grid > .thema,
.scroll-container #scrollContainer.bi-actions-grid > .thema.alignleft {
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
}

.bi-actions-wrap #scrollContainer > .thema .thema-container,
.scroll-container #scrollContainer.bi-actions-grid > .thema .thema-container {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.bi-actions-wrap #scrollContainer > .thema .product-img,
.scroll-container #scrollContainer.bi-actions-grid > .thema .product-img {
  width: 100% !important;
  height: 230px !important;
  min-height: 230px !important;
  max-height: 230px !important;
  overflow: hidden !important;
}

.bi-actions-wrap #scrollContainer > .thema .product-img img,
.scroll-container #scrollContainer.bi-actions-grid > .thema .product-img img {
  display: block !important;
  width: 100% !important;
  height: 230px !important;
  min-height: 230px !important;
  max-height: 230px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.bi-actions-wrap #scrollContainer > .thema .product-price,
.scroll-container #scrollContainer.bi-actions-grid > .thema .product-price {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 180px !important;
  box-sizing: border-box !important;
}

.bi-actions-wrap #scrollContainer > .thema .details-btn,
.scroll-container #scrollContainer.bi-actions-grid > .thema .details-btn {
  align-self: center !important;
  margin-top: 12px !important;
  margin-bottom: 16px !important;
}

@media (max-width: 1100px) {
  .bi-actions-wrap #scrollContainer,
  .bi-actions-wrap #scrollContainer.horizontal-scroll-container,
  .bi-actions-grid#scrollContainer.horizontal-scroll-container,
  .scroll-container #scrollContainer.bi-actions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 820px !important;
  }
}

@media (max-width: 680px) {
  .bi-actions-wrap,
  .scroll-container:has(#scrollContainer.bi-actions-grid) {
    padding: 0 14px !important;
  }
  .bi-actions-wrap #scrollContainer,
  .bi-actions-wrap #scrollContainer.horizontal-scroll-container,
  .bi-actions-grid#scrollContainer.horizontal-scroll-container,
  .scroll-container #scrollContainer.bi-actions-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 420px !important;
    margin-top: 22px !important;
  }
  .bi-actions-wrap #scrollContainer > .thema .product-img,
  .scroll-container #scrollContainer.bi-actions-grid > .thema .product-img,
  .bi-actions-wrap #scrollContainer > .thema .product-img img,
  .scroll-container #scrollContainer.bi-actions-grid > .thema .product-img img {
    height: 210px !important;
    min-height: 210px !important;
    max-height: 210px !important;
  }
}

/* Codex 2026-07-26 Produktseiten-Layout fuer Startseiten-Aktionen */
.product-tail-block--aktionen {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 28px auto 34px !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.product-tail-block--aktionen .bi-actions-product-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 30px !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
  align-items: stretch !important;
}

.product-tail-block--aktionen .bi-actions-product-grid > .thema,
.product-tail-block--aktionen .bi-actions-product-grid > .thema.alignleft {
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 0 !important;
}

.product-tail-block--aktionen .bi-actions-product-grid > .thema .thema-container {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.product-tail-block--aktionen .bi-actions-product-grid > .thema .product-img {
  width: 100% !important;
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
  overflow: hidden !important;
}

.product-tail-block--aktionen .bi-actions-product-grid > .thema .product-img img {
  display: block !important;
  width: 100% !important;
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.product-tail-block--aktionen .bi-actions-product-grid > .thema .product-price {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 176px !important;
  box-sizing: border-box !important;
}

.product-tail-block--aktionen .bi-actions-product-grid > .thema .item_box:not(.news-accessory-card) {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

@media (max-width: 1100px) {
  .product-tail-block--aktionen .bi-actions-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 820px !important;
  }
}

@media (max-width: 680px) {
  .product-tail-block--aktionen {
    padding: 0 14px !important;
  }
  .product-tail-block--aktionen .bi-actions-product-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 420px !important;
  }
  .product-tail-block--aktionen .bi-actions-product-grid > .thema .product-img,
  .product-tail-block--aktionen .bi-actions-product-grid > .thema .product-img img {
    height: 210px !important;
    min-height: 210px !important;
    max-height: 210px !important;
  }
}

/* Codex 2026-07-27 Finale Startseiten-Aktionskarten-Regel */
body.is-homepage section.product-tail-block--aktionen,
body section.product-tail-block--aktionen {
    display: block !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin: 30px auto 38px !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    clear: both !important;
}

body.is-homepage section.product-tail-block--aktionen > .bi-actions-product-grid,
body section.product-tail-block--aktionen > .bi-actions-product-grid,
body.is-homepage section.product-tail-block--aktionen > .container.bi-actions-product-grid,
body section.product-tail-block--aktionen > .container.bi-actions-product-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 30px !important;
    width: 100% !important;
    max-width: 1180px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    overflow: visible !important;
    white-space: normal !important;
    box-sizing: border-box !important;
    align-items: stretch !important;
    justify-items: stretch !important;
}

body.is-homepage section.product-tail-block--aktionen > .bi-actions-product-grid > .thema,
body section.product-tail-block--aktionen > .bi-actions-product-grid > .thema,
body.is-homepage section.product-tail-block--aktionen > .container.bi-actions-product-grid > .thema,
body section.product-tail-block--aktionen > .container.bi-actions-product-grid > .thema,
body.is-homepage section.product-tail-block--aktionen > .bi-actions-product-grid > .thema.alignleft,
body section.product-tail-block--aktionen > .bi-actions-product-grid > .thema.alignleft,
body.is-homepage section.product-tail-block--aktionen > .container.bi-actions-product-grid > .thema.alignleft,
body section.product-tail-block--aktionen > .container.bi-actions-product-grid > .thema.alignleft {
    float: none !important;
    clear: none !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    transform: none !important;
}

body section.product-tail-block--aktionen .thema-container {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body section.product-tail-block--aktionen .product-name,
body section.product-tail-block--aktionen .product-price,
body section.product-tail-block--aktionen .item_box:not(.news-accessory-card),
body section.product-tail-block--aktionen .my_catalog_add_item,
body section.product-tail-block--aktionen .details-btn {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body section.product-tail-block--aktionen .product-img {
    width: 100% !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body section.product-tail-block--aktionen .product-img img {
    display: block !important;
    width: 100% !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    object-fit: cover !important;
    object-position: center center !important;
}

body section.product-tail-block--aktionen .product-price {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 176px !important;
}

body section.product-tail-block--aktionen .product-tail-block,
body section.product-tail-block--aktionen .news-accessories,
body section.product-tail-block--aktionen .news-accessory-card,
body section.product-tail-block--aktionen .news-accessories__grid {
    display: none !important;
}

@media (max-width: 1100px) {
    body.is-homepage section.product-tail-block--aktionen > .bi-actions-product-grid,
    body section.product-tail-block--aktionen > .bi-actions-product-grid,
    body.is-homepage section.product-tail-block--aktionen > .container.bi-actions-product-grid,
    body section.product-tail-block--aktionen > .container.bi-actions-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        max-width: 820px !important;
    }
}

@media (max-width: 680px) {
    body.is-homepage section.product-tail-block--aktionen,
    body section.product-tail-block--aktionen {
        padding: 0 14px !important;
    }

    body.is-homepage section.product-tail-block--aktionen > .bi-actions-product-grid,
    body section.product-tail-block--aktionen > .bi-actions-product-grid,
    body.is-homepage section.product-tail-block--aktionen > .container.bi-actions-product-grid,
    body section.product-tail-block--aktionen > .container.bi-actions-product-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        max-width: 420px !important;
    }

    body section.product-tail-block--aktionen .product-img,
    body section.product-tail-block--aktionen .product-img img {
        height: 210px !important;
        min-height: 210px !important;
        max-height: 210px !important;
    }
}

/* Codex 2026-07-27 Aktionen alt und neu einheitlich */
body.is-homepage .scroll-container[aria-labelledby="aktionen-title"],
body .scroll-container[aria-labelledby="aktionen-title"] {
    display: block !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin: 30px auto 38px !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    clear: both !important;
}

body.is-homepage .scroll-container[aria-labelledby="aktionen-title"] > .scroll-arrow,
body .scroll-container[aria-labelledby="aktionen-title"] > .scroll-arrow {
    display: none !important;
}

body.is-homepage .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container,
body .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 30px !important;
    width: 100% !important;
    max-width: 1180px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    overflow: visible !important;
    overflow-x: visible !important;
    white-space: normal !important;
    box-sizing: border-box !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    scroll-snap-type: none !important;
}

body.is-homepage .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container > .thema,
body .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container > .thema,
body.is-homepage .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container > .thema.alignleft,
body .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container > .thema.alignleft {
    float: none !important;
    clear: none !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    transform: none !important;
    scroll-snap-align: none !important;
}

body .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container > .thema .thema-container {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container > .thema .product-name,
body .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container > .thema .product-price,
body .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container > .thema .item_box:not(.news-accessory-card),
body .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container > .thema .my_catalog_add_item,
body .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container > .thema .details-btn {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container > .thema .product-img {
    width: 100% !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container > .thema .product-img img {
    display: block !important;
    width: 100% !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    object-fit: cover !important;
    object-position: center center !important;
}

body .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container > .thema .product-price {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 176px !important;
}

body .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container > script {
    display: none !important;
}

@media (max-width: 1100px) {
    body.is-homepage .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container,
    body .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        max-width: 820px !important;
    }
}

@media (max-width: 680px) {
    body.is-homepage .scroll-container[aria-labelledby="aktionen-title"],
    body .scroll-container[aria-labelledby="aktionen-title"] {
        padding: 0 14px !important;
    }

    body.is-homepage .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container,
    body .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        max-width: 420px !important;
    }

    body .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container > .thema .product-img,
    body .scroll-container[aria-labelledby="aktionen-title"] > #scrollContainer.horizontal-scroll-container > .thema .product-img img {
        height: 210px !important;
        min-height: 210px !important;
        max-height: 210px !important;
    }
}
