/* Gemeinsame Hero-Struktur für DE und EN. Bildwechsel wie die Navigation bei 810 px. */
.af-hero { position:relative; display:flex; align-items:flex-end; min-height:max(620px,100svh); overflow:hidden; background:transparent; }
.af-hero-backdrop { position:absolute; inset:0; overflow:hidden; -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%); }
.af-hero-media { position:absolute; inset:0; transform-origin:center; will-change:transform; }
.af-hero-media picture, .af-hero-media img, .af-hero-media canvas { position:absolute; inset:0; width:100%; height:100%; display:block; }
.af-hero-media img { object-fit:cover; object-position:center; }
.af-hero-media canvas { opacity:0; pointer-events:none; transition:opacity .3s ease; }
.af-hero-media canvas[data-af-on="1"] { opacity:1 !important; }
.af-hero-media img[data-af-hide="1"] { visibility:hidden !important; }
.af-hero-shade { position:absolute; inset:0; z-index:4; pointer-events:none; background:linear-gradient(to top,rgba(16,11,9,.92),rgba(16,11,9,.32) 38%,transparent 65%),linear-gradient(to bottom,rgba(16,11,9,.4),transparent 22%); }
.af-hero-content { position:relative; z-index:5; box-sizing:border-box; width:100%; display:flex; flex-direction:column; align-items:flex-start; text-align:left; padding:150px clamp(20px,5vw,64px) clamp(32px,5vh,56px); }
.af-hero-content h1 { max-width:100%; overflow-wrap:anywhere; }
.af-hero-subtitle { display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin-top:22px; max-width:66ch; }
.af-hero-subtitle:empty { display:none; }
.af-hero-subtitle p { margin:0; font-size:clamp(17px,2vw,20px); line-height:1.45; font-weight:600; }
.af-hero-subtitle p + p { font-size:15px; font-weight:400; color:rgba(246,238,229,.82); }
.af-hero-tags { margin-top:12px; font-family:var(--af-font); font-size:13px; font-weight:650; line-height:1.5; letter-spacing:.035em; color:rgba(246,238,229,.85); }
.af-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px 26px; margin-top:26px; }
@media (width < 810px) {
  .af-hero { min-height:100svh; }
  .af-hero-content { padding-top:130px; padding-bottom:32px; align-items:center; text-align:center; }
  .af-hero-content h1 { font-size:clamp(24px,7.1vw,62px) !important; line-height:1 !important; }
  .af-hero-subtitle { margin-top:16px; align-items:center; }
  .af-hero-subtitle p { font-size:16px; line-height:1.45; }
  .af-hero-subtitle p + p { font-size:14px; }
  .af-hero-actions { margin-top:22px; justify-content:center; }
  .af-hero-title-single-mobile span { display:inline !important; }
  .af-hero-title-single-mobile > span + span::before { content:' '; }
}
@media (orientation:portrait) and (810px <= width <= 1100px) {
  .af-hero-content { align-items:center; text-align:center; }
  .af-hero-subtitle { align-items:center; }
  .af-hero-actions { justify-content:center; }
}
@media (prefers-reduced-motion:reduce) { .af-hero-media { will-change:auto; } .af-hero-media canvas { transition:none; } }