/* Neuer Hero „Diese Chance ist für alle.“ (13.10.2026) */
body.ah .hv2{position:relative;overflow:hidden}
.hv2-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:24px}
.hv2-copy{position:relative;z-index:2;padding:24px 0}
.hv2-badge{display:inline-flex;align-items:center;gap:10px;margin:0;padding:7px 16px;border-radius:999px;font-family:var(--f-mono,ui-monospace,monospace);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#dbe6ff;border:1px solid rgba(94,231,255,.45);background:rgba(77,126,240,.12);box-shadow:0 0 22px rgba(94,231,255,.15)}
.hv2-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#5ee7ff;box-shadow:0 0 10px #5ee7ff}
body.ah .hv2 h1{margin:20px 0 0;max-width:none;white-space:normal;font-family:var(--f-sans,Inter,system-ui,sans-serif);font-weight:800;font-size:clamp(44px,6.2vw,84px);line-height:.98;letter-spacing:-.035em;color:#fff}
body.ah .hv2 h1 em{display:block;font-style:normal;background:linear-gradient(95deg,#4d8dff,#5ee7ff 60%,#9be8ff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 26px rgba(94,231,255,.28))}
body.ah .hv2 .hv2-lead{margin:22px 0 0 !important;color:#e8eefc;font-size:17.5px;line-height:1.55;max-width:560px}
body.ah .hv2 .hv2-hl{margin:10px 0 0 !important;color:#5ee7ff;font-weight:800;font-size:17.5px;line-height:1.5;max-width:560px;text-shadow:0 0 18px rgba(94,231,255,.25)}
body.ah .hv2 .hv2-sub{margin:14px 0 0 !important;color:#aeb9d6;font-size:15px;line-height:1.6;max-width:560px}
.hv2-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px}
body.ah .hv2 .hv2-info{margin:14px 0 0 !important;display:inline-block;padding:8px 14px;border-radius:12px;font-size:13.5px;color:#c3cce3;background:rgba(7,12,30,.6);border:1px solid rgba(255,255,255,.08)}
.hv2-img{position:relative;margin:0 -6% 0 -10%;align-self:stretch;display:flex;align-items:center}
.hv2-img img{display:block;width:100%;height:auto;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 82%,transparent 100%);-webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 82%,transparent 100%);mask-composite:intersect}
.hv2-chip{position:absolute;z-index:2;margin:0;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;font-size:13px;font-weight:600;color:#eef2fb;background:rgba(10,18,44,.72);border:1px solid rgba(94,231,255,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 36px -18px rgba(0,0,0,.9)}
.hv2-chip i{width:8px;height:8px;border-radius:50%;background:#5ee7ff;box-shadow:0 0 10px #5ee7ff}
.hv2-chip-b i{background:#eccb7f;box-shadow:0 0 10px #eccb7f}
.hv2-chip-a{left:22%;bottom:16%}
.hv2-chip-b{right:8%;top:14%}
/* Für-wen-Kopf (kurz) */
.fw3-head{text-align:center;max-width:760px;margin-inline:auto}
body.ah .fw3-head h2{font-size:clamp(32px,4.2vw,52px)}
body.ah .fw3-head .fw3-sub{margin:12px auto 0 !important;max-width:620px}
@media (max-width:900px){
 .hv2-grid{grid-template-columns:1fr;gap:0}
 .hv2-img{order:-1;margin:-8px -20px -70px;justify-content:center}
 .hv2-img img{max-width:560px;margin-inline:auto;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent 100%),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
 .hv2-copy{padding:0}
 .hv2-chip-a{left:16px;bottom:30%}.hv2-chip-b{right:16px;top:10%}
}
@media (max-width:760px){
 body.ah .hv2{padding-top:8px}
 .hv2-img{margin:-6px -20px -84px}
 .hv2-img img{width:100%;max-height:52vh;object-fit:cover;object-position:60% 30%}
 .hv2-badge{font-size:10.5px;padding:5px 12px;letter-spacing:.12em}
 body.ah .hv2 h1{font-size:clamp(38px,11.5vw,52px);margin-top:12px}
 body.ah .hv2 .hv2-lead{font-size:15px;margin-top:14px !important}
 body.ah .hv2 .hv2-hl{font-size:15px}
 body.ah .hv2 .hv2-sub{font-size:13.5px;line-height:1.5}
 .hv2-cta{margin-top:18px;gap:10px}
 .hv2-cta .ah-btn{width:100%;justify-content:center}
 body.ah .hv2 .hv2-info{font-size:12.5px}
 .hv2-chip{font-size:11.5px;padding:6px 10px}
}
/* Overrides gegen alte hv1-Mobilregeln + Logo sichtbar */
body.ah .hv2 h1 em{font-style:normal !important;background:linear-gradient(95deg,#4d8dff,#5ee7ff 60%,#9be8ff) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important}
body.ah .hv2 h1{order:initial;text-wrap:balance}
.hv2-img img{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 95%,transparent 100%)}
@media (min-width:901px){.hv2-img{transform:translateY(-6%)}}
@media (max-width:900px){
 .hv2-img{margin:-6px -20px 0}
 .hv2-img img{max-height:none;object-fit:initial;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent 100%),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent 100%),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
 .hv2-copy{margin-top:-28px}
}
@media (max-width:760px){
 body.ah .hv2 h1{font-size:clamp(38px,11.5vw,52px) !important;line-height:1 !important;letter-spacing:-.03em !important}
 .hv2-img img{max-width:100%}
}
@media (max-width:900px){.hv2-copy{margin-top:4px}.hv2-chip-a{bottom:38%}}
/* v2: Panorama als Hero-Hintergrund (Manuels finales Bild) */
body.ah .hv2{min-height:min(760px,92vh);display:flex;flex-direction:column;justify-content:center}
body.ah .hv2::after{display:none !important}
.hv2 .hv2-grid{display:block;position:static}
.hv2 .hv2-copy{position:relative;z-index:3;max-width:600px;padding:56px 0 72px}
.hv2 .hv2-img{position:absolute;inset:0;margin:0;z-index:0;display:block;transform:none}
.hv2 .hv2-img img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:70% 35%;-webkit-mask-image:none;mask-image:none}
.hv2 .hv2-img::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,12,32,.94) 0%,rgba(7,12,32,.8) 30%,rgba(7,12,32,.25) 55%,transparent 72%),linear-gradient(180deg,rgba(7,12,32,.55) 0%,transparent 18%,transparent 78%,#080f26 100%)}
.hv2 .hv2-chip{z-index:2}
.hv2 .hv2-chip-a{left:auto;right:30%;bottom:22%}
.hv2 .hv2-chip-b{right:5%;top:20%}
.hv2 .hv1-arc{z-index:2}
@media (max-width:900px){
 body.ah .hv2{min-height:0;display:block}
 .hv2 .hv2-img{position:relative;inset:auto;height:clamp(340px,62vw,480px);margin:-8px -20px 0;overflow:hidden}
 .hv2 .hv2-img{margin:0}
 .hv2 .hv2-img img{object-position:76% 100%}
 .hv2 .hv2-img::after{background:linear-gradient(180deg,rgba(7,12,32,.4) 0%,transparent 20%,transparent 70%,#0a1332 100%)}
 .hv2 .hv2-copy{max-width:none;padding:0 0 40px;margin-top:-34px}
 .hv2 .hv2-grid{position:relative}
 .hv2 .hv2-chip-a{right:auto;left:16px;bottom:auto;top:16%}.hv2 .hv2-chip-b{right:16px;top:6%}
}
@media (max-width:900px){
 .hv2 .hv2-grid{display:flex;flex-direction:column}
 .hv2 .hv2-img{order:-1;width:100vw;margin:0 0 0 calc(50% - 50vw) !important}
}
@media (min-width:901px){
 body.ah .hv2{min-height:0}
 .hv2 .hv2-copy{padding:48px 0 84px}
 .hv2 .hv2-img img{object-position:100% 100%}
 .hv2 .hv2-chip-a{right:36%;bottom:30%}
}
@media (max-width:900px){.hv2 .hv2-copy{margin-top:-6px}.hv2 .hv2-img img{object-position:78% 100%}}
body.ah .hv2{padding:0 !important}
@media (min-width:901px){.hv2 .hv2-copy{padding:110px 0 110px}}
/* Live-Feinschliff: Bild kleiner/rechts, Logo über der Linie, Text frei */
@media (min-width:901px){
 .hv2 .hv2-copy{max-width:540px;padding:84px 0 96px}
 .hv2 .hv2-img img{inset:auto 0 46px auto;width:auto;height:84%;min-height:520px;max-width:none;object-fit:cover;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 92%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 22%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 92%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 22%);mask-composite:intersect}
 .hv2 .hv2-img::after{background:linear-gradient(90deg,rgba(7,12,32,.96) 0%,rgba(7,12,32,.85) 32%,rgba(7,12,32,.2) 50%,transparent 62%)}
 .hv2 .hv2-chip-a{right:30%;bottom:34%}
}
@media (max-width:480px){body.ah .hv2 .hv2-sub{display:none}}
@media (min-width:901px){.hv2 .hv2-copy{max-width:490px}.hv2 .hv2-img img{height:80%}}
/* 18.10.2026 · Hero-Typo wie die Abschnitts-Überschriften (Manuel): gleiche Serif, Dicke, Verlauf;
   Unterzeilen wie die Abschnitts-Leads (.ah-head > p). Nur Typografie, Größen/Layout unverändert. */
body.ah .hv2 h1{font-family:var(--pm-serif) !important;font-weight:500;letter-spacing:-.015em !important;line-height:1.06 !important;color:var(--ink);font-optical-sizing:auto}
body.ah .hv2 h1 em{font-style:italic !important;font-weight:420;background:var(--pm-gold-text) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;filter:none}
body.ah .hv2 .hv2-lead, body.ah .hv2 .hv2-hl, body.ah .hv2 .hv2-sub{font-family:var(--f-sans);font-weight:400;color:var(--muted);text-shadow:none}