/* AZRA-Bühne: Startseiten-Hero „Vom Anliegen zur Lösung“.
   Nur transform und opacity werden animiert. Alle Bühnenelemente sind absolut
   in einer Komposition mit festem Seitenverhältnis platziert, damit nichts springt. */
.hf-family.hf-azra-buehne{--azb-red:#df0014;--azb-hot:#ff3a4b;--azb-cream:#f7f5f0;--azb-muted:#c4c7cc;--azb-card:#121619;--azb-line:rgba(255,255,255,.11)}
.hf-family.hf-azra-buehne.hf-hero .hf-hero-stage > .hf-scene-background{background-image:none;opacity:1;background:radial-gradient(60% 70% at 78% 52%,rgba(120,8,22,.34),transparent 70%),linear-gradient(115deg,#0b1012 34%,#141117 100%)}
.hf-family.hf-azra-buehne.hf-hero .hf-hero-stage::after{display:none}

/* ===== Gemeinsame Ausrichtung aller Heroes (Marcos Vorgabe 08.11.2026) =====
   Kein Springen beim Seitenwechsel: gleiche Breite wie Kopfbereich und Inhalt (.wrap),
   Text beginnt auf jeder Seite an derselben Stelle, Heroes sind gleich hoch. Inhalte bleiben unverändert. */
.hf-family.hf-hero .hf-wrap{width:min(1200px,calc(100% - 64px));max-width:none;margin-inline:auto}
@media (max-width:700px){.hf-family.hf-hero .hf-wrap{width:calc(100% - 40px)}}
@media (max-width:460px){.hf-family.hf-hero .hf-wrap{width:calc(100% - 36px)}}
@media (min-width:1101px){
  .hf-family.hf-hero.hf-direction-three:not(.hf-home-revision) .hf-hero-stage{height:var(--hf-line-h,780px)}
  .hf-family.hf-hero.hf-direction-three:not(.hf-home-revision) .hf-hero-copy{top:var(--hf-line-top,110px);transform:none}
  /* Startseiten-Überschrift wächst nur bis zur Containerbreite mit, sonst bricht sie auf großen Bildschirmen dreizeilig um. */
  .hf-family.hf-direction-three.hf-hero-home.hf-home-revision .hf-hero-copy h1{font-size:clamp(44px,3.9vw,56px)}
  .hf-family.hf-direction-three.hf-hero-home.hf-home-revision .hf-hero-inner{align-items:start;min-height:var(--hf-line-h,780px);padding-block:var(--hf-line-top,110px) 32px;box-sizing:border-box}
}

@media (max-width:1100px){
  /* Gestapelte Ansicht: die Startseite hat keine Brotkrumen, ihr Text beginnt trotzdem auf Höhe der Unterseiten. */
  .hf-family.hf-direction-three.hf-hero-home.hf-home-revision .hf-hero-inner{align-items:start;padding-top:156px}
}
@media (max-width:600px){.hf-family.hf-direction-three.hf-hero-home.hf-home-revision .hf-hero-inner{padding-top:127px}}

/* Bildbereich */
/* Bildbereich beginnt rechts neben der Textspalte und reicht bis an den Fensterrand. */
.hf-family.hf-azra-buehne.hf-hero.hf-direction-three .hf-hero-stage > .hf-hero-inner{position:relative}
.hf-family.hf-azra-buehne.hf-hero.hf-direction-three .hf-hero-inner > .hf-visual.azb{position:absolute;display:block;inset:0 0 0 46%;grid-area:auto;justify-self:stretch;align-self:stretch;width:auto;height:100%;max-width:none;margin:0;padding:0;z-index:1;pointer-events:none;overflow:visible}
.azb-comp{position:absolute;right:0;bottom:0;width:min(100%,780px);aspect-ratio:1/1;font-size:16px;--fig-r:0%;--fig-t:3%;--fig-h:86%;--ar:1;--ax:.129;--ay:.213}
.azb-comp *,.azb-comp *::before,.azb-comp *::after{box-sizing:border-box}
.hf-family .azb-comp svg{display:block;width:100%;height:100%;stroke:none;stroke-width:1;flex:none;overflow:visible}

/* Hintergrundlicht und Bodenschein */
.azb-ground{position:absolute;left:51%;top:84.5%;width:46%;height:9%;border-radius:50%;background:radial-gradient(closest-side,rgba(223,0,20,.34),rgba(223,0,20,.1) 55%,transparent);pointer-events:none}
.azb-glow{position:absolute;left:38%;top:6%;width:70%;height:84%;border-radius:50%;background:radial-gradient(closest-side,rgba(223,0,20,.26),rgba(223,0,20,.08) 55%,transparent 100%)}
.azb-ring{position:absolute;left:38%;top:2%;width:62%;aspect-ratio:1/1;pointer-events:none}
.azb-ring-spin,.azb-orbit{position:absolute;inset:0;will-change:transform}
.azb-ring svg{display:block;width:100%;height:100%;overflow:visible}
.azb-comp .azb-ring circle{fill:none;vector-effect:non-scaling-stroke}
.azb-comp .azb-ring-dash{stroke:rgba(255,58,75,.5);stroke-width:1;stroke-dasharray:2 7}
.azb-comp .azb-ring-line{stroke:rgba(247,245,240,.14);stroke-width:1}
.azb-comp .azb-ring-arc{stroke:var(--azb-hot);stroke-width:2.5;stroke-dasharray:18 82;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,40,60,.7))}
.azb-orbit i{position:absolute;left:50%;top:7%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:radial-gradient(circle,#fff4ec 0 22%,var(--azb-hot) 40%,rgba(223,0,20,0) 72%);box-shadow:0 0 14px 4px rgba(255,40,60,.45)}
.azb-orbit-two{inset:-1%}
.azb-orbit-two i{top:0;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;opacity:.75}

/* AZRA */
.azb-figure{position:absolute;right:var(--fig-r);top:var(--fig-t);height:var(--fig-h);aspect-ratio:1/2;display:block}
.azb-figure img{display:block;width:100%;height:100%;object-fit:contain}
.azb-scan{position:absolute;right:var(--fig-r);top:var(--fig-t);height:var(--fig-h);aspect-ratio:1/2;overflow:hidden;opacity:0;mix-blend-mode:screen;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.azb-scan.is-ready{opacity:.9}
/* Das Band sitzt mittig in einem doppelt hohen Element, damit es den Bildbereich nie verlässt. */
.azb-scan i{position:absolute;left:0;right:0;top:-100%;height:200%;background:linear-gradient(180deg,transparent 46.5%,rgba(255,120,120,.12) 48.6%,rgba(255,214,204,.42) 50%,rgba(255,120,120,.12) 51.4%,transparent 53.5%);opacity:0}
.azb-palm{position:absolute;left:calc(100% - var(--fig-r) - var(--fig-h) * .5 * var(--ar) * (1 - var(--ax)));top:calc(var(--fig-t) + var(--fig-h) * var(--ay));width:5.5%;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,236,226,.95) 0 10%,rgba(255,58,75,.55) 32%,transparent 70%);opacity:.75}
.azb-flare{position:absolute;left:calc(100% - var(--fig-r) - var(--fig-h) * .5 * var(--ar) * (1 - var(--ax)));top:calc(var(--fig-t) + var(--fig-h) * var(--ay));width:16%;aspect-ratio:1/1;margin:-8% 0 0 -8%;border-radius:50%;background:radial-gradient(circle,rgba(255,240,232,.9) 0 6%,rgba(255,58,75,.45) 26%,transparent 66%);opacity:0}

/* Verbindungen (Geometrie per Skript) */
.azb-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.azb-comp .azb-thread-draw{fill:none;stroke:#fff;stroke-width:10;stroke-linecap:round}
.js .azb-comp:not(.is-live) .azb-thread{opacity:0}
.azb-thread{fill:none;stroke:rgba(255,90,104,.6);stroke-width:1.4;stroke-dasharray:2 6;stroke-linecap:round}
.azb-funke{position:absolute;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:radial-gradient(circle,#fff8f2 0 30%,#ff6a76 55%,rgba(255,40,60,0) 75%);box-shadow:0 0 10px 3px rgba(255,60,75,.45);opacity:0;pointer-events:none}
.azb-card-glow{position:absolute;inset:0;z-index:2;border-radius:inherit;border:1px solid rgba(255,160,168,.9);box-shadow:inset 0 0 26px rgba(255,58,75,.32);opacity:0;pointer-events:none}
.azb-pulse{position:absolute;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle,#fff6f0 0 24%,var(--azb-hot) 44%,transparent 72%);box-shadow:0 0 16px 6px rgba(255,40,60,.4);opacity:0}

/* Szenen */
.azb-scenes{position:absolute;inset:0}
.azb-scene{position:absolute;inset:0;visibility:hidden;opacity:0}
.azb-scene.is-active{visibility:visible;opacity:1}
.azb-ask{position:absolute;left:4%;top:7%;width:43%;margin:0;padding:.85em 1em .95em 3.3em;min-height:6.1em;background:rgba(20,24,28,.88);border:1px solid var(--azb-line);border-radius:14px 14px 14px 4px;box-shadow:0 18px 40px rgba(0,0,0,.35);color:var(--azb-cream)}
.azb-ask-icon{position:absolute;left:.85em;top:.9em;width:1.8em;height:1.8em;border-radius:50%;background:#2b3036;display:grid;place-items:center}
.azb-comp .azb-ask-icon svg{width:1.15em;height:1.15em;fill:none;stroke:var(--azb-muted);stroke-width:1.7;stroke-linecap:round}
.azb-ask-label{display:block;font-size:.69em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ff5a68;margin-bottom:.35em}
.azb-ask-text{display:block;font-size:1.06em;line-height:1.42;font-weight:450}
.azb-ask-text .azb-ch{opacity:0}
.azb-ask-text .azb-ch.is-on{opacity:1}
/* Schreibmarke folgt dem zuletzt getippten Zeichen, ohne den Textfluss zu verschieben */
.azb-ch.is-caret{position:relative}
.azb-ch.is-caret::after{content:"";position:absolute;right:-4px;top:.1em;width:2px;height:1.1em;background:var(--azb-hot)}

.azb-card{position:absolute;left:4%;top:29%;width:46%;aspect-ratio:1.5/1;padding:4.2% 4.4%;font-size:.86em;background:var(--azb-card);border:1px solid rgba(255,90,104,.28);border-radius:12px;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 24px 60px rgba(0,0,0,.45),0 0 44px rgba(223,0,20,.16);overflow:hidden;transform-origin:100% 0}
.azb-card::before{content:"";position:absolute;left:0;top:0;width:34%;height:2px;background:var(--azb-red)}
.azb-answer{position:absolute;left:4%;top:64.5%;width:47%;margin:0;padding:.85em 1em .9em 3.2em;background:rgba(20,24,28,.9);border-left:3px solid var(--azb-red);border-radius:4px 12px 12px 4px;color:var(--azb-cream)}
.azb-check{position:absolute;left:.9em;top:.95em;width:1.6em;height:1.6em;border-radius:50%;background:var(--azb-red);display:grid;place-items:center}
.azb-comp .azb-check svg{width:1em;height:1em;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.azb-answer-label{display:block;font-size:.69em;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#ff5a68;margin-bottom:.35em}
.azb-answer-text{display:block;font-size:1em;line-height:1.42;font-weight:600}
/* Bildunterschrift mittig unter AZRA */
.azb-name{position:absolute;left:calc(100% - var(--fig-r) - var(--fig-h) * .25 * var(--ar));bottom:3.2%;transform:translateX(-50%);margin:0;text-align:center;white-space:nowrap;line-height:1.3}
.azb-name b{display:block;font-size:.8em;font-weight:750;letter-spacing:.32em;margin-right:-.32em;color:#ff4553}
.azb-name span{display:block;font-size:.74em;font-weight:400;color:var(--azb-muted);margin-top:.1em}

/* Bausteine der Lösungskarten */
.azb-card .azb-l{display:block;height:.42em;border-radius:3px;background:rgba(247,245,240,.22);margin-top:.5em;width:78%}
.azb-card .azb-l-xl{height:.8em;width:92%;background:rgba(247,245,240,.85);margin-top:0}
.azb-card .azb-l-lg{height:.8em;width:64%;background:rgba(247,245,240,.85);margin-top:.35em}
.azb-card .azb-l-sm{width:52%}
.azb-browser{display:flex;align-items:center;gap:.35em;margin:-.3em 0 .9em}
.azb-browser i{width:.45em;height:.45em;border-radius:50%;background:#4a4f56}
.azb-browser i:first-child{background:var(--azb-red)}
.azb-browser span{flex:1;height:.85em;margin-left:.5em;border-radius:1em;background:rgba(255,255,255,.07)}
.azb-web{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:start}
.azb-btn{display:inline-block;margin-top:.95em;padding:.42em .8em;border-radius:4px;background:var(--azb-red);color:#fff;font-size:.62em;font-weight:700;white-space:nowrap}
.azb-web-img{aspect-ratio:1.25/1;border-radius:6px;overflow:hidden;background:#24282e}
.azb-web-img svg{display:block;width:100%;height:100%}
.azb-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;margin-top:7%}
.azb-tiles span{height:2.1em;border-radius:5px;background:rgba(255,255,255,.07);border-top:2px solid rgba(255,90,104,.55)}

.azb-card-auto{display:grid;grid-template-columns:1fr .5fr 1.55fr;align-items:center;gap:3%}
.azb-doc{position:relative;aspect-ratio:.74/1;padding:14% 12%;border-radius:5px;background:#f2efe9}
.azb-doc b{display:block;height:.55em;width:60%;background:var(--azb-red);border-radius:2px}
.azb-doc span{display:block;height:.32em;margin-top:.55em;background:#b9b6b0;border-radius:2px}
.azb-doc .azb-l-sm{width:55%}
.azb-doc strong{position:absolute;right:12%;bottom:9%;font-size:1.25em;line-height:1;color:#2b2f34;font-weight:700}
.azb-flow{display:flex;align-items:center;justify-content:center}
.azb-comp .azb-flow svg{width:100%;max-width:3.4em;height:auto;fill:none;stroke:var(--azb-hot);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.azb-rows{display:grid;gap:.55em}
.azb-row{display:grid;grid-template-columns:1fr 2.4fr auto;align-items:center;gap:.55em;padding:.55em .6em;border-radius:6px;background:rgba(255,255,255,.06)}
.azb-row b{height:.42em;border-radius:2px;background:rgba(247,245,240,.75)}
.azb-row span{height:.42em;border-radius:2px;background:rgba(247,245,240,.22)}
.azb-row em{width:1.15em;height:1.15em;border-radius:50%;background:#1e7a46;display:grid;place-items:center}
.azb-comp .azb-row em svg{width:.8em;height:.8em;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

.azb-card-app{display:grid;grid-template-columns:.95fr 1fr;gap:7%;align-items:center}
.azb-phone{aspect-ratio:.56/1;max-height:100%;margin:-.8em 0;padding:9% 8%;border-radius:1em;border:2px solid #3a3f46;background:#14181c;display:flex;flex-direction:column;gap:.45em}
.azb-phone-top{height:.55em;width:46%;margin:0 auto .3em;border-radius:1em;background:#2c3137}
.azb-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.45em;padding:.4em .45em;border-radius:5px;background:rgba(255,255,255,.06)}
.azb-item i{width:.9em;height:.9em;border-radius:3px;border:2px solid var(--azb-hot)}
.azb-item span{height:.36em;border-radius:2px;background:rgba(247,245,240,.4)}
.azb-item b{width:1.5em;height:.8em;border-radius:1em;background:var(--azb-red);position:relative}
.azb-item b::after{content:"";position:absolute;right:.12em;top:.12em;width:.56em;height:.56em;border-radius:50%;background:#fff}
.azb-phone-nav{margin-top:auto;display:flex;justify-content:space-around}
.azb-phone-nav i{width:.5em;height:.5em;border-radius:50%;background:#4a4f56}
.azb-phone-nav i:first-child{background:var(--azb-red)}
.azb-app-side{display:grid;gap:.6em}
.azb-stat{padding:.55em .65em;border-radius:6px;background:rgba(255,255,255,.06)}
.azb-stat b{display:block;height:.75em;width:46%;border-radius:2px;background:rgba(247,245,240,.85)}
.azb-stat span{display:block;height:.36em;width:80%;margin-top:.45em;border-radius:2px;background:rgba(247,245,240,.22)}
.azb-spark{height:2.6em;padding:.4em .5em;border-radius:6px;background:rgba(255,255,255,.04)}
.azb-spark svg{display:block;width:100%;height:100%;overflow:visible}

.azb-card-learn{display:flex;flex-direction:column;justify-content:space-between}
.azb-ucs{display:grid;gap:.55em}
.azb-uc{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.7em;row-gap:.4em;align-items:center;padding:.55em .7em;border-radius:6px;background:rgba(255,255,255,.06)}
.azb-uc b{grid-row:span 2;font-size:.9em;font-weight:700;color:#ff5a68}
.azb-uc span{height:.42em;width:72%;border-radius:2px;background:rgba(247,245,240,.6)}
.azb-uc i{height:.32em;border-radius:1em;background:linear-gradient(90deg,var(--azb-red) calc(var(--v) * 100%),rgba(255,255,255,.1) 0)}
.azb-uc:first-child{border:1px solid rgba(255,90,104,.4)}
.azb-team{display:flex;align-items:center;margin-top:.6em}
.azb-team i{width:1.5em;height:1.5em;margin-right:-.45em;border-radius:50%;border:2px solid #14181c;background:#565c64}
.azb-team i:nth-child(2){background:#7a7f86}.azb-team i:nth-child(3){background:#9c5157}.azb-team i:nth-child(4){background:#3d4248}
.azb-team span{flex:1;height:.42em;margin-left:1.2em;border-radius:2px;background:rgba(247,245,240,.22)}

.azb-card-brand{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:center}
.azb-comp .azb-mark svg{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 18px rgba(223,0,20,.35))}
.azb-type{font-size:2.3em;line-height:1;font-weight:650;color:var(--azb-cream);letter-spacing:-.03em}
.azb-swatches{display:flex;gap:.4em;margin:.7em 0 .3em}
.azb-swatches i{width:1.45em;height:1.45em;border-radius:5px;background:var(--azb-red)}
.azb-swatches i:nth-child(2){background:#1a1e23;border:1px solid #444a51}.azb-swatches i:nth-child(3){background:#f1f1ef}.azb-swatches i:nth-child(4){background:#8d9096}

.azb-card-content{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:center}
.azb-article{padding:.5em;border-radius:6px;background:rgba(255,255,255,.06)}
.azb-article-img{aspect-ratio:1.6/1;margin-bottom:.6em;border-radius:4px;background:linear-gradient(135deg,#3b2328,#232a31 70%);position:relative}
.azb-article-img::after{content:"";position:absolute;left:12%;bottom:16%;width:28%;height:3px;background:var(--azb-red)}
.azb-article .azb-l-lg{margin-top:0}
.azb-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:.3em;margin-bottom:.7em}
.azb-cal span{aspect-ratio:1/1;border-radius:4px;background:rgba(255,255,255,.07)}
.azb-cal span.is-on{background:var(--azb-red);box-shadow:0 0 10px rgba(223,0,20,.5)}

/* Szene 1 baut sich beim Laden auf: bis das Skript übernimmt, sind Anliegen, Karte und Ergebnis verborgen.
   Läuft kein Skript, erscheinen sie nach 3,5 s von selbst. */
.js .azb-comp:not(.is-live) .azb-scene.is-active .azb-ask,.js .azb-comp:not(.is-live) .azb-scene.is-active .azb-card,.js .azb-comp:not(.is-live) .azb-scene.is-active .azb-answer{opacity:0;animation:azb-fallback .4s ease 3.5s forwards}
@keyframes azb-fallback{to{opacity:1}}
.azb-comp.is-live .azb-scene{transition:none}

/* Mittlere Desktopbreiten */
@media (max-width:1350px) and (min-width:981px){.azb-comp{font-size:14px}}
@media (max-width:1100px) and (min-width:981px){
  .azb-comp{font-size:12px}
  .azb-ask,.azb-answer{width:46%}
  .azb-card{width:48%}
}

/* Unterseiten stapeln Text und Bild bereits ab 1100 px: Bühne folgt im Inhaltsfluss */
@media (max-width:1100px) and (min-width:981px){
  .hf-family.hf-azra-buehne.hf-hero.hf-direction-three:not(.hf-home-revision) .hf-hero-inner > .hf-visual.azb{position:relative;inset:auto;width:100%;height:auto;max-width:none;margin:34px 0 0;order:9}
  .hf-family.hf-azra-buehne:not(.hf-home-revision) .azb-comp{position:relative;right:auto;bottom:auto;width:100%;max-width:700px;margin:0 auto;font-size:14px}
}
/* Tablet: gleiche Komposition wie am Desktop, im Inhaltsfluss nach den Handlungsaufforderungen */
@media (max-width:980px){
  .hf-family.hf-azra-buehne.hf-hero.hf-direction-three .hf-hero-inner > .hf-visual.azb{position:relative;inset:auto;width:100%;height:auto;max-width:none;margin:34px 0 0;z-index:1;order:9}
  .hf-family.hf-azra-buehne.hf-hero-home.hf-home-revision .hf-hero-inner > .hf-visual.azb{grid-row:6;grid-column:1}
  .hf-family.hf-azra-buehne.hf-hero-home .hf-hero-copy .hf-thought{grid-row:7}
  .azb-comp{position:relative;right:auto;bottom:auto;width:100%;max-width:700px;margin:0 auto;font-size:clamp(12px,1.9vw,15px)}
}
/* Smartphone: Hochformat, AZRA rechts, Anliegen und Lösung links davor */
@media (max-width:600px){
  .hf-family.hf-azra-buehne.hf-hero.hf-direction-three .hf-hero-inner > .hf-visual.azb{margin-top:30px}
  .azb-comp{aspect-ratio:5/6;font-size:clamp(11px,3.3vw,15px);--fig-r:-1%;--fig-t:5%;--fig-h:81%;--ar:1.2}
  .azb-glow{left:30%;top:4%;width:80%;height:80%}
  .azb-ground{left:44%;top:81.5%;width:58%;height:9%}
  .azb-ring{left:33%;top:3%;width:78%}
  .azb-name{bottom:3%}
  .azb-comp .azb-thread{stroke:rgba(255,110,122,.8);stroke-width:1.6}
  .azb-ask{left:0;top:0;width:54%;min-height:0;padding-left:3em}
  .azb-card{left:0;top:26%;width:58%;font-size:.78em;border-radius:10px}
  .azb-answer{left:0;top:auto;bottom:10%;width:68%}
  .azb-answer-label{letter-spacing:.06em}
  .azb-card-legal,.azb-card-privacy,.azb-card-map{gap:0;padding-top:3%;padding-bottom:3%}
  .azb-card-privacy,.azb-card-map{aspect-ratio:1.2/1}
  .azb-mrow{padding:.22em .3em}
  .azb-kv{padding:.32em .2em}
  .azb-prow{padding:.32em .5em}
}


/* ===== Hero-Linie: weitere Kartenarten ===== */
.azb-pose-denkt .azb-palm{width:4%}
.azb-card .azb-l{flex:none}
/* Leistungen: sechs Bereiche */
.azb-tilegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em;height:100%}
.azb-tile{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5em;padding:.7em .8em;border-radius:7px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)}
.azb-comp .azb-tile svg{width:1.5em;height:1.5em;fill:none;stroke:var(--azb-muted);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.azb-tile span{font-size:.82em;font-weight:600;color:var(--azb-muted)}
.azb-tile.is-on{background:rgba(223,0,20,.16);border-color:rgba(255,90,104,.65);box-shadow:0 0 22px rgba(223,0,20,.3)}
.azb-comp .azb-tile.is-on svg{stroke:#ff5a68}
.azb-tile.is-on span{color:var(--azb-cream)}
/* Marke: Gestaltungsregeln und Anwendungen */
.azb-card-guide{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:.7em 8%}
.azb-scale b{display:block;font-size:2.4em;line-height:1;font-weight:650;color:var(--azb-cream);letter-spacing:-.03em;margin-bottom:.15em}
.azb-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:.35em;align-self:center}
.azb-palette i{aspect-ratio:1/1.4;border-radius:5px;background:var(--azb-red)}
.azb-palette i:nth-child(2){background:#1a1e23;border:1px solid #444a51}.azb-palette i:nth-child(3){background:#f1f1ef}.azb-palette i:nth-child(4){background:#8d9096}.azb-palette i:nth-child(5){background:#ff8a94}
.azb-grid8{grid-column:1/-1;display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:.35em}
.azb-grid8 span{height:1.6em;border-radius:4px;border:1px dashed rgba(255,90,104,.5)}
.azb-card-apply{position:relative}
.azb-bcard{position:absolute;left:4%;top:12%;width:46%;aspect-ratio:1.7/1;padding:.7em;border-radius:6px;background:#f2efe9;transform:rotate(-6deg);box-shadow:0 10px 24px rgba(0,0,0,.4)}
.azb-bcard i{display:block;width:1.3em;height:1.3em;border-radius:50%;background:var(--azb-red);margin-bottom:.5em}
.azb-bcard .azb-l{background:#b9b6b0}
.azb-bcard .azb-l-lg{background:#2b2f34;height:.55em}
.azb-mini-web{position:absolute;left:36%;top:6%;width:52%;padding:.5em .6em;border-radius:6px;background:#14181c;border:1px solid #3a3f46;box-shadow:0 10px 24px rgba(0,0,0,.45)}
.azb-mini-web .azb-browser{margin:0 0 .5em}
.azb-mini-web .azb-btn{display:block;width:3.4em;height:1em;margin-top:.6em;padding:0}
.azb-mini-phone{position:absolute;right:3%;bottom:4%;width:22%;aspect-ratio:.55/1;padding:.6em .45em;border-radius:.8em;border:2px solid #3a3f46;background:#14181c;box-shadow:0 10px 24px rgba(0,0,0,.45)}
.azb-mini-phone i{display:block;height:1.6em;border-radius:4px;background:linear-gradient(135deg,#3b2328,#232a31);margin-bottom:.3em}
/* Webseiten: Suche und Webanwendung */
.azb-card-search{display:flex;flex-direction:column;gap:.55em}
.azb-searchbar{display:flex;align-items:center;gap:.5em;padding:.5em .7em;border-radius:2em;background:rgba(255,255,255,.08)}
.azb-comp .azb-searchbar svg{width:1.1em;height:1.1em;fill:none;stroke:var(--azb-muted);stroke-width:2;stroke-linecap:round}
.azb-searchbar span{flex:1;height:.45em;border-radius:2px;background:rgba(247,245,240,.35);max-width:55%}
.azb-result{padding:.45em .6em;border-radius:6px;border:1px solid transparent}
.azb-result b{display:block;height:.55em;width:62%;border-radius:2px;background:rgba(160,180,255,.55)}
.azb-result .azb-l{margin-top:.4em}
.azb-result.is-on{border-color:rgba(255,90,104,.55);background:rgba(223,0,20,.1)}
.azb-result.is-on b{background:#ff7a84}
.azb-dash{display:grid;grid-template-columns:auto 1fr;gap:.6em;height:100%}
.azb-side{display:flex;flex-direction:column;gap:.5em;padding:.5em .4em;border-radius:6px;background:rgba(255,255,255,.05)}
.azb-side i{width:1.1em;height:1.1em;border-radius:4px;background:#3a3f46}
.azb-side i:first-child{background:var(--azb-red)}
.azb-main{display:flex;flex-direction:column;gap:.4em;min-width:0}
.azb-kpis{display:grid;grid-template-columns:1fr 1fr;gap:.45em;margin-bottom:.15em}
.azb-kpi{padding:.45em .55em;border-radius:6px;background:rgba(255,255,255,.06)}
.azb-kpi b{display:block;height:.8em;width:48%;border-radius:2px;background:rgba(247,245,240,.85)}
.azb-kpi span{display:block;height:.36em;width:75%;margin-top:.4em;border-radius:2px;background:rgba(247,245,240,.22)}
.azb-trow{display:grid;grid-template-columns:1.4fr 1fr auto;align-items:center;gap:.5em;padding:.38em .5em;border-radius:5px;background:rgba(255,255,255,.04)}
.azb-trow span{height:.38em;border-radius:2px;background:rgba(247,245,240,.4)}
.azb-trow span+span{background:rgba(247,245,240,.18)}
.azb-trow i{width:2.2em;height:.75em;border-radius:1em;background:rgba(255,255,255,.12)}
.azb-trow i.is-on{background:var(--azb-red)}
/* Apps: Fenster und Verbindungen */
.azb-card-desk{padding:3.4% 3.4%}
.azb-window{height:100%;display:flex;flex-direction:column;border-radius:7px;border:1px solid #3a3f46;background:#14181c;overflow:hidden}
.azb-titlebar{display:flex;align-items:center;gap:.4em;padding:.4em .6em;background:#20252a}
.azb-titlebar span{flex:1;height:.4em;max-width:30%;border-radius:2px;background:rgba(247,245,240,.35)}
.azb-titlebar i{width:.7em;height:.7em;border-radius:2px;background:#3a3f46;margin-left:.3em}
.azb-window .azb-dash{padding:.5em;flex:1}
.azb-toolbar{display:flex;gap:.35em;align-items:center;margin-bottom:.15em}
.azb-toolbar i{width:1.4em;height:1em;border-radius:3px;background:rgba(255,255,255,.1)}
.azb-toolbar i:first-child{background:var(--azb-red)}
.azb-toolbar span{flex:1;height:1em;border-radius:3px;background:rgba(255,255,255,.05)}
.azb-nodes{position:relative;height:100%}
.azb-wires{position:absolute;inset:0;width:100%;height:100%}
.azb-node{position:absolute;display:flex;align-items:center;gap:.4em;width:24%;padding:.45em .5em;border-radius:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);transform:translateY(-50%)}
.azb-node i{width:.9em;height:.9em;border-radius:3px;background:#4a4f56;flex:none}
.azb-node span{flex:1;height:.38em;border-radius:2px;background:rgba(247,245,240,.4)}
.azb-node-a{left:0;top:21%}.azb-node-b{left:0;top:50%}.azb-node-c{left:0;top:79%}
.azb-node-d{right:0;top:27%}.azb-node-e{right:0;top:73%}
.azb-node-core{left:38%;top:50%;width:24%;justify-content:center;background:rgba(223,0,20,.2);border-color:rgba(255,90,104,.7);box-shadow:0 0 24px rgba(223,0,20,.35)}
.azb-node-core i{background:var(--azb-red);border-radius:50%}
/* KI: Posteingang und Wissen */
.azb-card-inbox{display:flex;flex-direction:column;gap:.45em;justify-content:center}
.azb-mail{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:.6em;row-gap:.3em;align-items:center;padding:.45em .6em;border-radius:6px;background:rgba(255,255,255,.05)}
.azb-mail i{grid-row:span 2;width:1.5em;height:1.5em;border-radius:50%;background:#3a3f46}
.azb-mail .azb-l{margin:0}
.azb-mail .azb-l-lg{height:.45em;width:60%;background:rgba(247,245,240,.7)}
.azb-mail .azb-l:not(.azb-l-lg){width:85%}
.azb-tag{grid-row:span 2;width:3.4em;height:1.1em;border-radius:1em}
.azb-tag-r{background:rgba(223,0,20,.75)}.azb-tag-g{background:rgba(30,122,70,.85)}.azb-tag-b{background:rgba(80,110,200,.75)}
.azb-card-flow{display:grid;grid-template-columns:1fr auto 1.3fr;align-items:center;gap:6%}
.azb-docs{display:grid;gap:.35em}
.azb-docs .azb-doc{aspect-ratio:auto;padding:.45em .5em}
.azb-docs .azb-doc span{margin-top:.35em}
.azb-core{display:grid;place-items:center;width:3.6em;height:3.6em;border-radius:50%;background:radial-gradient(circle,rgba(223,0,20,.55),rgba(223,0,20,.18) 70%);border:1px solid rgba(255,90,104,.8);box-shadow:0 0 26px rgba(223,0,20,.5);position:relative}
.azb-comp .azb-core svg{width:1.3em;height:1.3em;fill:#fff;stroke:none}
.azb-core span{position:absolute;bottom:-1.5em;font-size:.72em;font-weight:700;letter-spacing:.12em;color:var(--azb-cream)}
.azb-answerbox{padding:.6em .7em;border-radius:7px;background:rgba(255,255,255,.07);border-left:3px solid var(--azb-red)}
.azb-answerbox .azb-l:first-child{margin-top:0}
/* Beratung: Erprobung und Schulung */
.azb-board{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em;height:100%}
.azb-col{display:flex;flex-direction:column;gap:.45em;padding:.5em;border-radius:6px;background:rgba(255,255,255,.04)}
.azb-col b{font-size:.72em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--azb-muted)}
.azb-col span{height:2em;border-radius:5px;background:rgba(255,255,255,.08)}
.azb-col span.is-on{background:rgba(223,0,20,.22);border:1px solid rgba(255,90,104,.65);box-shadow:0 0 16px rgba(223,0,20,.3)}
.azb-card-agenda{display:flex;flex-direction:column;justify-content:center;gap:.45em}
.azb-mod{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7em;padding:.5em .7em;border-radius:6px;background:rgba(255,255,255,.05)}
.azb-mod b{font-size:.85em;color:#ff5a68}
.azb-mod span{font-size:.82em;font-weight:600;color:var(--azb-cream)}
.azb-mod em{width:1.15em;height:1.15em;border-radius:50%;background:#1e7a46;display:grid;place-items:center}
.azb-comp .azb-mod em svg{width:.8em;height:.8em;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
/* Content: Text und Bilder */
.azb-textdoc{height:100%;padding:.7em .9em;border-radius:6px;background:#f2efe9}
.azb-textdoc .azb-type{display:block;font-size:1.6em;color:#1a1e23;margin-bottom:.15em}
.azb-textdoc .azb-l{background:#b9b6b0}
.azb-textdoc .azb-l-xl{background:#2b2f34;height:.6em}
.azb-textdoc .azb-mark-line{background:linear-gradient(90deg,rgba(223,0,20,.35),rgba(223,0,20,.35));height:.6em;box-shadow:inset 0 -2px 0 var(--azb-red)}
.azb-gallery{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:.45em;height:100%}
.azb-gallery i{border-radius:6px;background:linear-gradient(135deg,#3b2328,#232a31 70%)}
.azb-gallery .azb-g0{grid-row:span 2;background:radial-gradient(circle at 70% 30%,rgba(255,90,104,.55),transparent 45%),linear-gradient(160deg,#2e3439,#16191c)}
.azb-gallery .azb-g1{background:linear-gradient(135deg,#565c64,#2b3036)}
.azb-gallery .azb-g2{background:linear-gradient(135deg,#7a3a40,#2b2226)}
.azb-gallery .azb-g3{display:none}
/* Angebot: Einstieg und Ansprechpartner */
.azb-card-steps{display:flex;flex-direction:column;justify-content:center;gap:1em}
.azb-price{align-self:flex-start;padding:.3em .8em;border-radius:2em;background:var(--azb-red);color:#fff;font-weight:750;font-size:1.7em;letter-spacing:-.02em;box-shadow:0 8px 24px rgba(223,0,20,.35)}
.azb-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em}
.azb-step{display:flex;flex-direction:column;align-items:flex-start;gap:.45em;padding:.7em .7em;border-radius:6px;background:rgba(255,255,255,.06)}
.azb-step b{display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:#2b3036;color:var(--azb-cream);font-size:.8em}
.azb-step:last-child b{background:var(--azb-red)}
.azb-step span{font-size:.9em;font-weight:650;color:var(--azb-cream)}
.azb-progress{height:.4em;border-radius:1em;background:rgba(255,255,255,.08);overflow:hidden}
.azb-progress i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#8a0a12,var(--azb-red),#ff5a68)}
.azb-card-person{display:flex;flex-direction:column;justify-content:center;gap:.55em}
.azb-person{display:flex;align-items:center;gap:.9em;padding:.2em 0 .4em}
.azb-person img{width:3.6em;height:3.6em;border-radius:50%;object-fit:cover;border:2px solid var(--azb-red)}
.azb-person b{display:block;font-size:1.1em;color:var(--azb-cream)}
.azb-person span{display:block;font-size:.8em;color:var(--azb-muted);margin-top:.2em}
.azb-contact{display:flex;align-items:center;gap:.6em;padding:.45em .6em;border-radius:6px;background:rgba(255,255,255,.05)}
.azb-contact i{width:1em;height:1em;border-radius:50%;border:2px solid #ff5a68}
.azb-contact .azb-l{margin:0}
/* Agentur: Erfahrung und Standort */
.azb-card-years{display:flex;flex-direction:column;justify-content:center;gap:1em}
.azb-big{font-size:3.6em;line-height:.9;font-weight:750;letter-spacing:-.05em;color:var(--azb-cream)}
.azb-big em{font-style:normal;color:var(--azb-red)}
.azb-big span{display:block;font-size:.22em;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--azb-muted);margin-top:.5em}
.azb-line{position:relative;display:flex;justify-content:space-between;align-items:center;height:1em}
.azb-line::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.15),var(--azb-red))}
.azb-line i{position:relative;width:.7em;height:.7em;border-radius:50%;background:#3a3f46;border:2px solid #14181c}
.azb-line i:last-child{background:var(--azb-red);box-shadow:0 0 12px rgba(223,0,20,.8)}
.azb-map{position:relative;height:100%;border-radius:7px;background:rgba(255,255,255,.03);overflow:hidden}
.azb-map svg{position:absolute;inset:0;width:100%;height:100%}
.azb-pin{position:absolute;left:55%;top:48%;width:1.3em;height:1.3em;margin:-1.3em 0 0 -.65em;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--azb-red);box-shadow:0 0 18px rgba(223,0,20,.7)}
.azb-pulse-ring{position:absolute;left:55%;top:48%;width:3.6em;height:1.2em;margin:-.6em 0 0 -1.8em;border-radius:50%;border:1px solid rgba(255,90,104,.6)}
.azb-city{position:absolute;left:55%;top:58%;transform:translateX(-50%);font-size:.85em;font-weight:700;letter-spacing:.08em;color:var(--azb-cream)}
/* Arbeiten und Journal: echte Bilder */
.azb-card-shot{padding:3.2% 3.2%}
.azb-card-shot .azb-browser{margin:0 0 .5em}
.azb-shot{position:relative;border-radius:5px;overflow:hidden;background:#20252a;aspect-ratio:16/10}
.azb-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.azb-card-article{padding:3.2%;display:flex;flex-direction:column;gap:.5em}
.azb-shot-photo{flex:1;aspect-ratio:auto}
.azb-shot-photo img{object-position:center}
.azb-readline{display:flex;align-items:center;justify-content:space-between;gap:1em}
.azb-readline .azb-l{margin:0;width:45%}
.azb-readline em{font-style:normal;font-size:.78em;font-weight:700;color:#ff5a68;white-space:nowrap}
/* Rechtliches und Sitemap: ruhige Listen */
.azb-card-legal,.azb-card-privacy,.azb-card-map{display:flex;flex-direction:column;justify-content:center;gap:.35em}
.azb-kv{display:flex;justify-content:space-between;gap:1em;padding:.5em .2em;border-bottom:1px solid rgba(255,255,255,.08);font-size:.86em}
.azb-kv span{color:var(--azb-muted)}
.azb-kv b{color:var(--azb-cream);font-weight:600;text-align:right}
.azb-prow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8em;padding:.55em .7em;border-radius:6px;border:1px solid transparent}
.azb-prow b{font-size:.8em;color:var(--azb-muted)}
.azb-prow strong{display:block;font-size:.88em;color:var(--azb-cream)}
.azb-prow span{display:block;font-size:.72em;color:var(--azb-muted);margin-top:.15em}
.azb-prow i{width:1.1em;height:2px;background:rgba(255,255,255,.2)}
.azb-prow.is-on{background:rgba(223,0,20,.12);border-color:rgba(255,90,104,.55)}
.azb-prow.is-on b{color:#ff5a68}
.azb-prow.is-on i{background:var(--azb-red)}
.azb-mrow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8em;padding:.42em .3em;border-bottom:1px solid rgba(255,255,255,.08)}
.azb-mrow b{font-size:.72em;color:#ff5a68}
.azb-mrow span{font-size:.92em;font-weight:600;color:var(--azb-cream)}
.azb-mrow i{font-style:normal;color:#ff5a68}

/* ===== Arbeiten: AZRA zeigt auf eine Projektgalerie (eigener Stil, gleiche Komposition) ===== */
.azb-v-projekte{--azp-ease:cubic-bezier(.2,.8,.2,1)}
/* Große Projektnummer als Wasserzeichen hinter der Galerie */
.azp-nums{position:absolute;left:-1%;top:-1%;width:60%;height:24%;pointer-events:none}
.azp-nums span{position:absolute;left:0;top:0;font-family:Lexend,Arial,sans-serif;font-size:8.6em;font-weight:700;line-height:1;letter-spacing:-.03em;color:rgba(255,70,88,.11);opacity:0;transform:translateY(14px)}
.azp-nums span.is-on{opacity:1;transform:none}
/* Galerie: drei Projekte als gestaffelte Bildschirme */
.azp-deck{position:absolute;left:2%;top:21%;width:49%;height:0}
.azp-card{position:absolute;left:0;top:0;width:100%;margin:0;display:flex;flex-direction:column;border-radius:12px;background:var(--azb-card);border:1px solid rgba(255,255,255,.12);overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.5);transform-origin:50% 100%;will-change:transform,opacity}
.azp-card::after{content:"";position:absolute;inset:0;background:#0b1013;opacity:0;pointer-events:none}
.azp-bar{flex:none;display:flex;align-items:center;gap:.35em;height:1.6em;padding:0 .7em;border-bottom:1px solid rgba(255,255,255,.08)}
.azp-bar i{width:.42em;height:.42em;border-radius:50%;background:rgba(255,255,255,.22)}
.azp-bar i:first-child{background:var(--azb-red)}
.azp-bar span{flex:1;height:.42em;margin-left:.6em;border-radius:99px;background:rgba(255,255,255,.08)}
.azp-shot{position:relative;flex:none;aspect-ratio:16/10;overflow:hidden;background:#0b1013}
.azp-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.azp-sheen{position:absolute;top:0;bottom:0;left:-40%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,220,214,.16) 45%,rgba(255,255,255,.28) 50%,rgba(255,220,214,.16) 55%,transparent);opacity:0;pointer-events:none}
.azp-edge{position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,160,168,.9);box-shadow:inset 0 0 30px rgba(255,58,75,.3),0 0 26px rgba(223,0,20,.35);opacity:0;pointer-events:none}
.azp-pos-0{z-index:3;transform:none;opacity:1}
.azp-pos-1{z-index:2;transform:translate(5%,-30%) scale(.9);opacity:.8}
.azp-pos-1::after{opacity:.38}
.azp-pos-2{z-index:1;transform:translate(9%,-56%) scale(.8);opacity:.55}
.azp-pos-2::after{opacity:.55}
.azp-pos-3{z-index:0;transform:translate(13%,-70%) scale(.72);opacity:0}
.azp-pos-out{z-index:4;transform:translate(-16%,6%) scale(1.04) rotate(-3deg);opacity:0}
.azb-comp.is-live .azp-card{transition:transform .95s var(--azp-ease),opacity .75s ease}
.azb-comp.is-live .azp-card::after{transition:opacity .75s ease}
.azb-comp.is-live .azp-card.azp-no-t,.azb-comp.is-live .azp-card.azp-no-t::after{transition:none}
/* Projektangaben unter der Galerie */
.azp-info{position:absolute;left:2%;top:61%;width:49%;height:22%}
.azp-meta{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;gap:.3em;visibility:hidden}
.azp-meta.is-on{visibility:visible}
.azp-count{font-size:.72em;font-weight:750;letter-spacing:.2em;text-transform:uppercase;color:#ff4553}
.azp-title{font-family:Lexend,Arial,sans-serif;font-size:1.55em;font-weight:650;line-height:1.15;color:var(--azb-cream);letter-spacing:-.01em}
.azp-kind{font-size:.82em;font-weight:600;color:var(--azb-cream);opacity:.75}
.azp-text{font-size:.9em;line-height:1.45;color:var(--azb-muted);margin-top:.15em}
/* Fortschritt je Projekt */
.azp-steps{position:absolute;left:2%;top:85.5%;width:30%;display:flex;gap:.5em}
.azp-steps i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.14);overflow:hidden}
.azp-steps b{display:block;height:100%;background:var(--azb-hot);transform:scaleX(0);transform-origin:0 50%}
.azp-steps i.is-done b{transform:scaleX(1)}
/* Lichtpunkt landet am Projekt */
.azp-flare{position:absolute;left:0;top:0;width:12%;aspect-ratio:1/1;margin:-6% 0 0 -6%;border-radius:50%;background:radial-gradient(circle,rgba(255,240,232,.95) 0 8%,rgba(255,70,88,.6) 26%,rgba(223,0,20,0) 70%);opacity:0;pointer-events:none}
.azb-v-projekte .azp-tip{width:4.4%}
/* Vor dem Start des Ablaufs bleibt die Galerie verborgen, ohne Skript erscheint sie nach kurzer Zeit. */
.js .azb-v-projekte:not(.is-live) :is(.azp-deck,.azp-info,.azp-steps,.azp-nums){opacity:0;animation:azb-fallback .4s ease 3.5s forwards}
@media (max-width:600px){
  .azp-nums{width:56%}
  .azp-nums span{font-size:5.6em}
  .azp-deck{left:0;top:15%;width:52%}
  .azp-info{left:0;top:51%;width:54%;font-size:.86em}
  .azp-steps{left:0;top:84%;width:34%}
}

/* Lichtschein, der über das Hintergrundwort (ZUKUNFT, ARBEITEN …) fährt. Wird per Skript als Kopie des Wortes angelegt. */
.azb-sweep{position:absolute;overflow:hidden;pointer-events:none}
.azb-sweep-win{position:absolute;top:0;bottom:0;left:0;width:26%;overflow:hidden;-webkit-mask-image:radial-gradient(closest-side,#000 25%,transparent);mask-image:radial-gradient(closest-side,#000 25%,transparent);transform:translateX(-100%);will-change:transform}
.azb-sweep-win svg{position:absolute;top:0;left:0;height:100%;overflow:visible;will-change:transform}
.azb-sweep-win text{font-family:Lexend,sans-serif;font-weight:800;fill:#fff;stroke:none}

/* Hintergrundwort der Startseite (ZUKUNFT) in derselben Größe und Stärke wie auf den Unterseiten */
.hf-family.hf-direction-three.hf-hero-home.hf-home-revision .hf-back-word{height:clamp(130px,15vw,235px);max-height:none;opacity:.1;bottom:-10px;z-index:0}
@media (max-width:600px){.hf-family.hf-direction-three.hf-hero-home.hf-home-revision .hf-back-word{height:20vw;max-height:none;opacity:.1}}