/* V31 — restore the "Warum gerade jetzt" presentation from V21 only */
.why.section-brown{
  min-height:850px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:stretch!important;
  padding:0!important;
  overflow:hidden!important;
  background:#4a2717!important;
}
.why .why-copy{
  position:relative!important;
  top:auto!important;
  align-self:center!important;
  padding:160px 0 140px var(--mx)!important;
  max-width:none!important;
  z-index:3!important;
}
.why .why-copy .display,
.why #whyTitleDisplay{
  max-width:20ch!important;
  white-space:normal!important;
  font-size:clamp(58px,6.4vw,112px)!important;
  line-height:.95!important;
  letter-spacing:-.065em!important;
  color:#f7eee5!important;
}
.why .why-copy .lead{
  max-width:690px!important;
  color:#d6c3b6!important;
  margin:38px 0!important;
  font-size:clamp(18px,1.55vw,27px)!important;
  line-height:1.45!important;
}
.why-tabs{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:0!important;
}
.why-tab{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:999px!important;
  padding:10px 14px!important;
  background:transparent!important;
  color:#f7eee5!important;
  font-size:11px!important;
  line-height:1!important;
  cursor:pointer!important;
  transition:background .2s ease,color .2s ease,border-color .2s ease!important;
}
.why-tab.active{
  background:#f7eee5!important;
  color:#4a2717!important;
  border-color:#f7eee5!important;
}
.why .rennweg-stage{
  position:relative!important;
  min-height:100%!important;
  margin-left:35px!important;
  border-radius:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:linear-gradient(180deg,#6d3c28 0%,#44261a 58%,#2b1913 100%)!important;
}
.why .rennweg-stage::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 68% 18%,rgba(255,221,196,.13),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.04),transparent 44%)!important;
  z-index:0!important;
}
.why .rennweg-stage::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(0,0,0,.08) 100%)!important;
  z-index:0!important;
}
.why .why-illustrations{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
}
.why .why-visual{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .4s ease,visibility .4s ease!important;
}
.why .why-visual.active{
  opacity:1!important;
  visibility:visible!important;
}
.why .why-image-shell{
  display:block!important;
  position:absolute!important;
  right:5.5%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:min(74%,620px)!important;
  aspect-ratio:1/1!important;
  border-radius:26px!important;
  overflow:visible!important;
  background:radial-gradient(circle at 50% 46%,rgba(255,246,236,.08),rgba(255,246,236,.025) 48%,transparent 72%)!important;
  border:none!important;
  box-shadow:none!important;
}
.why .why-image-shell::before{
  content:none!important;
}
.why .why-image-art{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:4%!important;
  filter:brightness(0) saturate(100%) invert(91%) sepia(22%) saturate(336%) hue-rotate(331deg) brightness(108%) contrast(95%) drop-shadow(0 12px 32px rgba(0,0,0,.22))!important;
  opacity:.98!important;
}
.why .brand-shell{width:min(72%,590px)!important;right:7%!important;}
.why .digital-shell{width:min(74%,610px)!important;right:6%!important;}
.why .content-shell{width:min(71%,560px)!important;right:8%!important;}
.why .retail-shell{width:min(72%,585px)!important;right:7%!important;}
.why .why-visual-label{
  display:block!important;
  position:absolute!important;
  left:34px!important;
  bottom:28px!important;
  z-index:3!important;
  color:rgba(247,238,229,.8)!important;
  font-size:10px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
@media(max-width:1100px){
  .why.section-brown{grid-template-columns:1fr!important;min-height:auto!important;}
  .why .why-copy{padding:130px var(--mx) 55px!important;}
  .why .rennweg-stage{min-height:620px!important;margin-left:0!important;}
  .why .why-image-shell,
  .why .brand-shell,.why .digital-shell,.why .content-shell,.why .retail-shell{right:4%!important;width:min(78%,520px)!important;border-radius:22px!important;}
}
@media(max-width:700px){
  .why .why-copy{padding-top:105px!important;}
  .why .why-copy .display,.why #whyTitleDisplay{max-width:none!important;}
  .why .rennweg-stage{min-height:480px!important;border-radius:24px!important;}
  .why .why-illustrations{position:absolute!important;inset:0!important;}
  .why .why-image-shell,
  .why .brand-shell,.why .digital-shell,.why .content-shell,.why .retail-shell{
    left:8%!important;right:8%!important;top:auto!important;bottom:54px!important;width:auto!important;aspect-ratio:1/1!important;transform:none!important;border-radius:20px!important;
  }
  .why .why-visual-label{left:20px!important;bottom:18px!important;font-size:10px!important;}
}