/* V40: Blumenbanner als echte Bilder statt CSS-Hintergründe */
.hero-slideshow{background:#fff!important}
.hero-slide{background:none!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.hero-slide>img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;object-fit:contain!important;object-position:center center!important;user-select:none;pointer-events:none}

/* Desktop: feste getrennte Zonen für Haupttext und Zitat */
@media(min-width:1201px){
 .hero-panel{width:min(590px,40%)!important;position:relative!important;z-index:8!important}
 .slide-quote{left:58%!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;width:clamp(285px,17vw,340px)!important;max-width:340px!important;box-sizing:border-box!important;padding:6px 12px 6px 24px!important;background:rgba(255,255,255,.80)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important;border-left:2px solid var(--blue)!important}
 .slide-quote-text{font-size:clamp(1.05rem,1.1vw,1.32rem)!important;line-height:1.4!important}
}
/* speziell Full HD / 1920×1080 */
@media(min-width:1600px) and (max-width:2100px) and (min-height:850px){
 .hero{height:clamp(620px,67vh,720px)!important}
 .hero-panel{width:550px!important}
 .hero-panel h1{font-size:clamp(4.35rem,4.3vw,5.15rem)!important;max-width:550px!important}
 .slide-quote{left:60%!important;width:300px!important;max-width:300px!important}
}
@media(min-width:2200px){.slide-quote{left:59%!important;width:360px!important;max-width:360px!important}}
/* Tablet/Mobil: Banner darf kontrolliert croppen */
@media(max-width:1200px){
 .hero-slide>img{width:auto!important;height:100%!important;min-width:100%!important;object-fit:cover!important;object-position:68% center!important}
}
@media(max-width:650px){.hero-slide>img{object-position:70% center!important}}