/* Antenne Spremberg: freigestelltes Motiv, ohne Rahmen oder Bildkasten. */
.hero.hero-with-portrait{isolation:isolate;height:clamp(650px,86svh,800px);min-height:650px;background:#101312}
.hero-with-portrait .hero-art{filter:saturate(.58) brightness(.62);object-position:center 58%}
.hero-with-portrait::before{z-index:-2;background:linear-gradient(90deg,#101312e8 0%,#101312a8 40%,#10131230 76%),linear-gradient(0deg,#101312 0%,transparent 44%)}
.hero-with-portrait .hero-portrait{position:absolute;pointer-events:none;z-index:-1;bottom:0;right:max(0px,calc((100vw - 1300px)/2));width:clamp(360px,43vw,590px);height:calc(100% - 85px);display:flex;align-items:flex-end;justify-content:center;isolation:isolate}
.hero-with-portrait .hero-portrait::before{content:"";position:absolute;inset:15% -8% 5%;z-index:-1;background:radial-gradient(ellipse,#d4ec9b1c,transparent 67%);filter:blur(25px)}
.hero-with-portrait .hero-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(-20px 12px 30px #0005);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%)}
.hero-with-portrait .hero-content{position:relative;z-index:1;max-width:1256px;width:100%;margin:auto;padding:155px 28px 90px;pointer-events:none}
.hero-with-portrait .hero-content a{pointer-events:auto}
.hero-with-portrait h1{font-size:clamp(52px,6.2vw,84px);max-width:700px;line-height:1.04;text-shadow:0 2px 24px #10131255}
.hero-with-portrait .hero-description{max-width:50%;margin-left:0}
@media(min-width:1600px){.hero-with-portrait .hero-portrait{right:calc((100vw - 1350px)/2)}}
@media(max-width:900px) and (min-width:701px){.hero-with-portrait h1{font-size:58px;max-width:58%}.hero-with-portrait .hero-portrait{right:-55px;width:47vw;opacity:.95}.hero-with-portrait .hero-content{padding-top:175px}}
@media(max-width:700px){.hero.hero-with-portrait{height:860px;min-height:860px;max-height:none;display:block}.hero-with-portrait .hero-content{padding:190px 23px 0;margin:0}.hero-with-portrait h1{font-size:clamp(40px,9.5vw,60px);max-width:100%;margin:22px 0 16px}.hero-with-portrait .hero-description{max-width:100%;font-size:16px}.hero-with-portrait .hero-actions{margin-top:24px}.hero-with-portrait .hero-portrait{width:min(85vw,370px);height:430px;right:0;bottom:-14px;opacity:1}.hero-with-portrait .hero-portrait img{object-position:center bottom;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%)}.hero-with-portrait::before{background:linear-gradient(180deg,#10131299 0%,#101312aa 48%,#10131266 75%,#101312 100%)} }
@media(max-width:380px){.hero.hero-with-portrait{height:900px;min-height:900px}.hero-with-portrait .hero-content{padding-top:205px}.hero-with-portrait .hero-portrait{height:400px}}

/* Gruppenmotiv im Querformat: vollständig sichtbar statt seitlich beschnitten. */
.hero-with-portrait .hero-portrait{width:clamp(500px,57vw,820px);right:0;height:calc(100% - 120px)}
.hero-with-portrait .hero-portrait img{object-fit:contain;object-position:center bottom}
@media(min-width:1600px){.hero-with-portrait .hero-portrait{right:calc((100vw - 1500px)/2)}}
@media(min-width:701px) and (max-width:1000px){.hero-with-portrait .hero-portrait{width:60vw;right:-35px}.hero-with-portrait h1{font-size:clamp(44px,5.7vw,58px)}}
@media(max-width:700px){.hero-with-portrait .hero-portrait{width:100%;height:350px;right:0;bottom:10px}.hero-with-portrait .hero-portrait img{object-position:center bottom}}
@media(max-width:380px){.hero-with-portrait .hero-portrait{height:300px;bottom:25px}}
/* Verhindert Double-Tap-Zoom, ohne Scrollen zu unterbinden. */
html{touch-action:manipulation}
@media(max-width:700px){input,textarea,select{font-size:16px}}