/* Bild/Text-Hero: bestehende Markenfarben werden vollständig übernommen. */
.hero.hero-single{display:block;position:relative;isolation:isolate;min-height:645px;max-width:none;width:100%;background:#f5f9fa;overflow:hidden}
.hero-single .hero-image{position:absolute;inset:0;z-index:-1;overflow:hidden}
.hero-single .hero-image>img{position:absolute;inset:0;width:auto;max-width:none;height:100%;left:auto;right:0;object-fit:contain;object-position:right center;transform:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%);mask-image:linear-gradient(90deg,transparent 0%,#000 34%)}
.hero-single .hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f5f9fa 0%,#f5f9fa 15%,rgba(245,249,250,.98) 25%,rgba(245,249,250,.89) 34%,rgba(245,249,250,.52) 44%,rgba(245,249,250,.08) 57%,transparent 68%);pointer-events:none}
.hero-single .hero-copy{position:relative;z-index:1;align-self:auto;width:min(790px,58vw);padding:63px 0 54px max(5.3vw,calc((100vw - 1440px)/2));}
.hero-single .eyebrow{margin-bottom:18px}
.hero-single h1{font-size:clamp(3.6rem,5.2vw,5.9rem);line-height:.99;letter-spacing:-.055em;white-space:nowrap}
.hero-single h1 em{color:var(--red)}
.hero-single p{max-width:530px;margin-top:22px;font-size:1.09rem;line-height:1.5;color:var(--ink)}
.hero-single .hero-buttons{margin-top:25px;gap:16px}
.hero-single .button{gap:23px}
.hero-single .button.outline{border:1px solid var(--ink);background:rgba(255,255,255,.42);color:var(--ink)}
.hero-single .button.outline:hover{background:white}
.hero-highlights{list-style:none;padding:0;margin:34px 0 0;display:flex;align-items:center;gap:clamp(12px,2.2vw,37px);max-width:665px}
.hero-highlights li{display:flex;align-items:center;gap:12px;min-width:0;color:var(--ink);font-size:.81rem;line-height:1.26}
.hero-highlights svg{width:35px;height:35px;flex:0 0 35px}
@media(max-width:1300px){
  .hero-single .hero-copy{width:min(700px,62vw);padding-left:5%}
  .hero-single h1{font-size:clamp(3.55rem,5.3vw,5rem)}
  .hero-single .hero-image>img{transform:none}
  .hero-single p{max-width:480px}
  .hero-highlights{gap:16px}
}
@media(max-width:1050px){
  .hero.hero-single{min-height:560px}
  .hero-single .hero-copy{width:63vw;padding-top:49px;padding-bottom:40px}
  .hero-single h1{font-size:clamp(3.25rem,5.2vw,4.1rem)}
  .hero-single p{font-size:.94rem;max-width:415px}
  .hero-single .hero-buttons{gap:10px}
  .hero-single .button{padding:13px 15px;font-size:.79rem;min-height:47px}
  .hero-highlights{margin-top:24px;gap:11px}
  .hero-highlights li{font-size:.72rem;gap:6px}
  .hero-highlights svg{width:27px;height:27px;flex-basis:27px}
}
@media(max-width:750px){
  .hero.hero-single{min-height:0;display:flex;flex-direction:column}
  .hero-single .hero-copy{width:100%;padding:37px 6% 28px}
  .hero-single h1{font-size:clamp(2.8rem,8.9vw,4.5rem);white-space:normal;line-height:1.02}
  .hero-single h1 br:nth-of-type(2){display:initial}
  .hero-single p{max-width:560px;font-size:.96rem;margin-top:19px}
  .hero-single .hero-buttons{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}
  .hero-single .hero-image{order:2;position:relative;height:clamp(310px,68vw,460px);min-height:0;inset:auto;width:100%;z-index:0}
  .hero-single .hero-image>img{left:0;right:auto;width:100%;height:100%;max-width:none;object-fit:cover;object-position:70% 50%;transform:none;-webkit-mask-image:none;mask-image:none}
  .hero-single .hero-image::after{background:linear-gradient(180deg,#f5f9fa 0%,rgba(245,249,250,.4) 8%,transparent 24%)}
  .hero-highlights{margin-top:22px;gap:14px;flex-wrap:wrap}
  .hero-highlights li{font-size:.72rem}
}
@media(max-width:420px){
  .hero-single h1{font-size:clamp(2.55rem,10.4vw,3.3rem)}
  .hero-single .hero-copy{padding-top:28px}
  .hero-single .button{min-height:46px;font-size:.78rem}
  .hero-highlights{justify-content:space-between}
  .hero-highlights li{gap:5px}
  .hero-highlights svg{width:24px;height:24px;flex-basis:24px}
  .hero-single .hero-image{height:305px}
}