/* Titel bleibt echter Text und passt sich der verfuegbaren Breite an. */
.hero.responsive-hero{min-height:0;background:#080c12;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}
.hero-visual{position:relative;isolation:isolate;width:100%;max-width:1779px;margin:0 auto;aspect-ratio:1779/884;background-image:radial-gradient(ellipse 75% 42% at 50% 82%,rgba(3,11,25,.68),rgba(3,11,25,.38) 55%,rgba(3,11,25,0) 100%),url('fahrzeuge-ohne-mannschaft.png');background-position:center;background-repeat:no-repeat;background-size:cover}
.hero .responsive-title{position:absolute;left:5%;right:5%;bottom:8%;width:auto;max-width:none;margin:0;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.1;letter-spacing:normal;text-transform:uppercase;color:#f3f6fa}
.responsive-title>span{display:block;filter:drop-shadow(0 2px 2px #020814) drop-shadow(0 4px 9px #020814cc)}
.responsive-title .title-prefix{font-size:clamp(22px,3.04vw,54px);font-weight:750;letter-spacing:.13em;line-height:1.35;margin-bottom:.08em}
.responsive-title .title-place{font-size:clamp(64px,10.68vw,190px);font-weight:850;letter-spacing:.055em;line-height:1.08}
@supports ((background-clip:text) or (-webkit-background-clip:text)){.responsive-title>span{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(237,244,251,.91) 52%,rgba(229,239,247,.97));-webkit-background-clip:text;background-clip:text;color:transparent}}
.hero.responsive-hero .hero-details{display:block;padding:20px 24px 8px;background:#080c12;text-align:center}
.hero.responsive-hero .hero-details p{margin:0;max-width:none;font-size:clamp(17px,1.65vw,23px);line-height:1.6;color:#f4f6f9}
.hero.responsive-hero .hero-year{display:inline-block;margin-top:3px;font-size:clamp(13px,1.1vw,16px);letter-spacing:.1em;color:#dce4ee}
.hero.responsive-hero .hero-actions{text-align:center;background:#080c12;padding:4px 20px 22px}
@media(max-width:760px){
.hero-visual{aspect-ratio:auto;min-height:460px;min-height:clamp(420px,72svh,640px);display:grid;align-items:center;padding:54px 20px;background-image:linear-gradient(180deg,rgba(3,11,25,.22),rgba(3,11,25,.58) 50%,rgba(3,11,25,.66) 100%),url('fahrzeuge-ohne-mannschaft.png');background-position:50% 50%}
.hero .responsive-title{position:relative;inset:auto;width:100%;max-width:600px;margin:0 auto;text-align:center}
.responsive-title .title-prefix{font-size:clamp(26px,7vw,42px);line-height:1.22;letter-spacing:.035em;margin-bottom:.35em}
.responsive-title .title-place{font-size:clamp(46px,16vw,88px);line-height:1.05;letter-spacing:.025em}
.hero.responsive-hero .hero-details{padding:18px 18px 6px}.hero.responsive-hero .hero-details p{font-size:17px}.hero.responsive-hero .hero-year{font-size:14px}
}
@media(max-height:500px) and (min-width:761px) and (max-width:1000px){.hero-visual{aspect-ratio:auto;min-height:340px}.hero .responsive-title{bottom:12%}}