
/* V46 – generated flower photography, quotes are separate HTML overlays */
.hero{
  position:relative!important;
  min-height:650px!important;
  height:clamp(650px,70vh,730px)!important;
  overflow:hidden!important;
  background:#fff!important;
}
.hero-slideshow,.hero-slide{position:absolute!important;inset:0!important}
.hero-slide{opacity:0!important;transition:opacity .8s ease!important;overflow:hidden!important;background:#fff!important}
.hero-slide.active{opacity:1!important}
.hero-slide>img{
  position:absolute!important;
  inset:0 0 0 auto!important;
  width:61%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  image-rendering:auto!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 10%,#000 30%,#000 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 10%,#000 30%,#000 100%)!important;
}
.hero-slide:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.995) 38%,rgba(255,255,255,.88) 47%,rgba(255,255,255,.18) 61%,transparent 75%);
}
.hero-shade{
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.995) 38%,rgba(255,255,255,.84) 48%,rgba(255,255,255,.08) 65%,transparent 77%)!important
}
.hero-overlay{z-index:5!important}
.hero-panel{width:520px!important;max-width:43vw!important;padding-top:42px!important}
.hero-panel h1{font-size:clamp(4.15rem,4.75vw,5.55rem)!important;line-height:.95!important;letter-spacing:-.035em!important;max-width:520px!important}
.hero-panel .lead{max-width:470px!important}

/* Quote card: separate from image, never baked into JPG */
.slide-quote{
  display:block!important;position:absolute!important;z-index:8!important;
  left:auto!important;right:clamp(48px,5vw,96px)!important;
  top:clamp(90px,12vh,132px)!important;bottom:auto!important;
  width:clamp(360px,24vw,455px)!important;max-width:455px!important;
  padding:27px 32px 25px!important;
  background:rgba(255,255,255,.93)!important;
  border:0!important;border-left:3px solid #00a0d2!important;border-radius:0!important;
  box-shadow:13px 13px 0 rgba(157,190,181,.30)!important;
  backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;
}
.slide-quote-title{margin:0 0 15px!important;color:#009bd0!important;font-size:.7rem!important;font-weight:700!important;letter-spacing:.18em!important;text-transform:uppercase!important}
.slide-quote-text{margin:0 0 18px!important;color:#637781!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(1.15rem,1.3vw,1.48rem)!important;font-style:italic!important;font-weight:400!important;line-height:1.42!important}
.slide-quote-author{color:#009bd0!important;font-size:.67rem!important;font-weight:700!important;letter-spacing:.17em!important;text-transform:uppercase!important}

@media(min-width:1600px) and (max-width:2100px) and (min-height:850px){
  .hero{height:650px!important}
  .hero-panel{width:500px!important}
  .hero-panel h1{font-size:5rem!important}
  .slide-quote{right:62px!important;top:94px!important;width:410px!important}
}
@media(max-width:1100px){
  .hero{height:690px!important}
  .hero-panel{max-width:54vw!important}
  .hero-panel h1{font-size:clamp(3.5rem,6.7vw,4.7rem)!important}
  .hero-slide>img{width:65%!important}
  .slide-quote{right:22px!important;top:108px!important;width:320px!important;padding:21px 23px!important}
}
@media(max-width:700px){
  .hero{height:auto!important;min-height:810px!important}
  .hero-panel{width:100%!important;max-width:none!important;padding:34px 0 365px!important}
  .hero-panel h1{font-size:clamp(3.05rem,13vw,4.05rem)!important;max-width:9ch!important}
  .hero-slide>img{
    top:47%!important;width:100%!important;height:53%!important;
    object-position:center!important;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 100%)!important;
    mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 100%)!important
  }
  .hero-slide:after,.hero-shade{background:linear-gradient(180deg,#fff 0%,#fff 47%,rgba(255,255,255,.70) 58%,rgba(255,255,255,.04) 78%)!important}
  .slide-quote{
    left:18px!important;right:18px!important;top:auto!important;bottom:66px!important;
    width:auto!important;max-width:none!important;padding:16px 19px!important;
    box-shadow:8px 8px 0 rgba(157,190,181,.30)!important
  }
  .slide-quote-title{margin-bottom:8px!important;font-size:.58rem!important}
  .slide-quote-text{font-size:1rem!important;margin-bottom:9px!important;line-height:1.35!important}
  .slide-quote-author{font-size:.57rem!important}
}

/* V49 – Themenüberschriften der Zitate größer */
.slide-quote-title{font-size:.9rem!important;line-height:1.25!important;}
@media(max-width:900px){.slide-quote-title{font-size:.78rem!important;}}
@media(max-width:560px){.slide-quote-title{font-size:.72rem!important;}}
