/* /angebote/ im Schreibtisch-Stil – der Wegweiser (Umbau 24.09.2026, fünf Runden; Entscheidungen in AUFGABE-ANGEBOTE-23-09-2026.md).
   Die Seite lädt zuerst gz-seite.css (Auftakt, Tisch .zw, heller Grund .co, Fragen .fq, Kontakt .kt), dann bank-seite.css
   (Randlos-Auftakt .bk-a--b, .bk-ab, .bk-belege), dann diese Datei. Achtung: Änderungen dort wirken auch hier.
   Klassen .ao-*: Auftakt .ao-a, Angebote .ao-an, Vergleich .ao-vg, Fragen .ao-fq, Kontakt .ao-kt. */

/* ───────────── ao-css ───────────── */
/* ══ /angebote/, Runde 1 (24.09.2026): Auftakt ═══════════════════════════════════════ */

/* alle: Überschrift ohne Trennung, Anna-Link in der Quellenzeile */
.ao-a .gz-h1 span{-webkit-hyphens:manual;hyphens:manual}
.ao-a .gz-intro{max-width:34em;text-wrap:balance}
.ao-anna{font-weight:650;color:#174a78;text-decoration:underline;text-decoration-color:rgba(23,74,120,.35);text-underline-offset:3px;white-space:nowrap}
.ao-anna:hover{text-decoration-color:currentColor}

/* A + B: Schale und Stein liegen rechts unten (x 66–100 %, y 55–90 %), links ruhige Wand */
.ao-a--a .gz-bild img{object-position:100% 62%}
@media (min-width:981px){
  .ao-a--a .bk-b__text{max-width:min(660px,52%)}
  .ao-a--a .gz-h1{font-size:clamp(44px,4.3vw,64px)}
  .ao-a--a .gz-h1 span{white-space:nowrap}
}
@media (max-width:980px){
  .ao-a--a .gz-bild img{object-position:100% 70%}
}
@media (max-width:639.98px){
  .ao-a--a .gz-bild{height:78vw}
  .ao-a--a .gz-bild img{object-position:92% 78%}
  .ao-a--a .gz-h1{font-size:clamp(34px,10.2vw,46px)}
  .ao-a--a .gz-a__inner{margin-top:-6px}
}

/* B: Wegweiser-Zettel an der Wand über der Schale */

/* C: Kopf und Bühne; Schale rechts auf der Bühne, Zettel links auf der Wand */
.ao-schritte__liste{list-style:none;margin:0;padding:0}
.ao-schritte__liste li{display:grid;grid-template-columns:34px 1fr;gap:2px 12px;padding:11px 0;border-top:1px solid rgba(60,45,25,.1)}
.ao-schritte__liste li:first-child{border-top:0}
.ao-schritte__liste b{font-size:15.5px;font-weight:650;color:#161513}
.ao-schritte__liste small{grid-column:2;font-size:14px;line-height:1.4;color:rgba(25,27,29,.7)}
.ao-kreis{grid-row:1 / span 2;display:grid;place-items:center;width:30px;height:30px;border:1.8px solid #1f5a96;border-radius:50% 46% 52% 48%;
  font-family:"Bradley Hand","Segoe Print",cursive;font-weight:700;font-size:17px;color:#1f5a96;rotate:-4deg}

/* D: Mac wie A, bis 980 px die Schritte aus C */
.ao-nur-klein{display:none}
@media (max-width:980px){
  .ao-nur-gross{display:none}
  .ao-nur-klein{display:block}
  .ao-schritte-klein{max-width:640px;margin-top:34px;padding-top:20px;border-top:1px solid rgba(25,27,29,.12)}
  .ao-schritte-klein__kopf{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 6px;font-size:15px;font-weight:650;color:#191b1d}
  .ao-schritte-klein__kopf i{font-style:normal;font-weight:400;font-size:14px;color:rgba(25,27,29,.6)}
  .ao-a--d .bk-belege{margin-top:28px}
}
@media (max-width:639.98px){ .ao-schritte-klein{margin-top:28px} }

/* ───────────── ao-angebote-css ───────────── */
/* ══ /angebote/, Runde 2 (24.09.2026): Angebote (#angebote), Tisch wie „Zwei Wege“ ══════════════════════ */
.ao-an{scroll-margin-top:32px}
@media (min-width:981px){ .ao-an .zw__head{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)} .ao-an .zw__h2 span{white-space:nowrap} }
@media (max-width:980px){ .ao-an{scroll-margin-top:20px} }

/* Karte (Blatt) */
.ao-karte{--r:-.8deg;position:relative;display:flex;flex-direction:column;height:100%;padding:clamp(22px,2.2vw,30px) clamp(22px,2.2vw,28px) 20px;
  transform:rotate(var(--r));transition:transform .9s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}
.ao-spalte:nth-child(2) .ao-karte{--r:.7deg}
.ao-spalte:nth-child(3) .ao-karte{--r:-.4deg}
.ao-karte__name{margin:0;font:800 clamp(21px,1.75vw,25px)/1.15 'Plus Jakarta Sans',-apple-system,sans-serif;letter-spacing:-.025em;color:#191b1d;text-wrap:balance}
.ao-karte__text{margin:12px 0 0;font-size:15.5px;line-height:1.55;color:var(--zw-text);text-wrap:pretty}
.ao-karte__fuss{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:22px}
.ao-preis{margin:0;font:800 clamp(28px,2.3vw,34px)/1 'Plus Jakarta Sans',-apple-system,sans-serif;letter-spacing:-.03em;color:#161513;white-space:nowrap}
.ao-karte__link,.ao-avgs__link{align-self:flex-start;font-weight:650;font-size:15px;color:#174a78;text-decoration:underline;text-decoration-color:rgba(23,74,120,.35);text-underline-offset:4px}
.ao-karte__link::after{content:"";position:absolute;inset:0}  /* ganze Karte klickbar */
.ao-karte__link:hover,.ao-avgs__link:hover{text-decoration-color:currentColor}
.ao-karte:focus-within{outline:2px solid rgba(23,74,120,.35);outline-offset:4px}
@media (hover:hover) and (pointer:fine){
  .ao-karte:hover{transform:translateY(-6px) rotate(calc(var(--r) * .4));
    box-shadow:0 0 0 1px rgba(60,45,25,.05),-1px 1px 1px rgba(60,45,25,.06),-6px 12px 18px -8px rgba(60,45,25,.16),-30px 56px 70px -30px rgba(60,45,25,.5)}
}
.ao-frage{margin:0 0 12px 6px;font-size:19px;line-height:1.15;transform:rotate(-2deg);transform-origin:left}

/* AVGS-Zettel: hellblau getönt mit Klebestreifen (wie „Oder passt eher das?“ auf der Businessplan-Seite) */
.ao-avgs{position:relative;padding:22px 24px 20px;border-radius:3px;transform:rotate(.7deg);
  background:linear-gradient(158deg,#f4f8fc 0%,#eaf1f8 60%,#e2ebf4 100%);
  box-shadow:0 0 0 1px rgba(23,74,120,.08),-1px 1px 1px rgba(23,74,120,.07),-4px 7px 12px -5px rgba(23,50,80,.16),-22px 38px 52px -26px rgba(23,50,80,.36)}
.ao-avgs::before{content:"";position:absolute;left:50%;top:-10px;width:86px;height:22px;translate:-50% 0;rotate:-3deg;
  background:rgba(250,246,236,.85);box-shadow:0 1px 2px rgba(60,45,25,.14)}
.ao-avgs__frage{margin:0 0 6px;font-size:18px;line-height:1.15}
.ao-avgs__name{margin:0 0 8px;padding-bottom:9px;border-bottom:1px solid rgba(23,74,120,.35);font:800 19px/1.2 'Plus Jakarta Sans',-apple-system,sans-serif;color:#174a78}
.ao-avgs__text{margin:0;font-size:15px;line-height:1.5;color:rgba(25,27,29,.78);text-wrap:pretty}
.ao-avgs__traeger{margin:8px 0 12px;font-size:13.5px;line-height:1.45;color:rgba(25,27,29,.62)}
.ao-avgs__link{display:inline-block}

.ao-hinweis{margin:0;max-width:34em;font-size:15px;line-height:1.55;color:rgba(25,27,29,.7);text-wrap:pretty}
.ao-check{margin:14px 0 0;font-size:15px;line-height:1.55;color:rgba(25,27,29,.7)}
.ao-check a{font-weight:650;color:#174a78;text-decoration:underline;text-decoration-color:rgba(23,74,120,.35);text-underline-offset:4px}
.ao-check a:hover{text-decoration-color:currentColor}

/* A: drei Spalten, darunter Zettel links, Hinweis rechts */
.ao-reihe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px clamp(24px,2.6vw,40px);align-items:stretch}
.ao-spalte{display:flex;flex-direction:column;min-width:0}
.ao-spalte > .ao-karte{flex:1}
.ao-unten{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:40px clamp(40px,5vw,80px);align-items:center;margin-top:clamp(56px,5vw,72px)}
.ao-unten__rechts{padding-top:18px}

/* B: vier Spalten, der blaue Zettel als vierter Weg */

/* C: ein Angebotsblatt mit drei Zeilen, AVGS-Zettel klebt unten rechts am Rand */

/* Tablet und Handy */
@media (max-width:980px){
  .ao-reihe{grid-template-columns:1fr;gap:34px;max-width:620px}
  .ao-unten{grid-template-columns:1fr;max-width:620px;gap:28px}
  .ao-unten__rechts{padding-top:0}
  .ao-karte__fuss{flex-direction:row;align-items:baseline;justify-content:space-between;flex-wrap:wrap}
}
@media (max-width:639.98px){
  .ao-karte{padding:22px 20px 18px}
  .ao-frage{font-size:18px}
  .ao-avgs{padding:20px 18px 18px}
}

/* ───────────── ao-vergleich-css ───────────── */
/* ══ /angebote/, Runde 3 (24.09.2026): Vergleich (#vergleich), heller Grund wie „Coaching“ ═══════════════ */
.ao-vg{scroll-margin-top:32px;padding-bottom:clamp(150px,12vw,190px)}
@media (max-width:980px){ .ao-vg{scroll-margin-top:20px} }
/* unten weich in den Tisch der Fragen (Smoothstep, 190 px) */
.ao-vg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:190px;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(239,232,220,0) 0,rgba(239,232,220,.043) 24px,rgba(239,232,220,.156) 48px,rgba(239,232,220,.316) 71px,rgba(239,232,220,.5) 95px,rgba(239,232,220,.684) 119px,rgba(239,232,220,.844) 142px,rgba(239,232,220,.957) 166px,#efe8dc 190px)}
@media (min-width:981px){ .ao-vg .co__head{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)} .ao-vg .co__h2 span{white-space:nowrap} }
.ao-unsichtbar{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.co-papier{background:linear-gradient(158deg,#fff 0%,#fefdfb 55%,#f8f5f0 100%);border-radius:3px;box-shadow:0 0 0 1px rgba(60,45,25,.05),-1px 1px 1px rgba(60,45,25,.07),-4px 7px 12px -5px rgba(60,45,25,.16),-22px 38px 52px -26px rgba(60,45,25,.46)}

/* Tabelle (A und B) */
.ao-tab-bahn{overflow-x:auto;scrollbar-width:none}
.ao-tab-bahn::-webkit-scrollbar{display:none}
.ao-tab{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15.5px;line-height:1.5;color:var(--co-text)}
.ao-tab thead th{padding:4px 22px 16px;text-align:left;vertical-align:bottom}
.ao-tab thead th a{display:block;font:800 clamp(20px,1.7vw,24px)/1.15 'Plus Jakarta Sans',-apple-system,sans-serif;letter-spacing:-.025em;color:#191b1d;text-decoration:none}
.ao-tab thead th a:hover{color:#174a78;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.ao-tab thead th small{display:block;margin-top:6px;font-size:14px;font-weight:650;color:#174a78}
.ao-tab__ecke{width:19%}
.ao-tab tbody th{padding:18px 22px 18px 0;text-align:left;vertical-align:top;font-size:14px;font-weight:700;color:#191b1d}
.ao-tab td{padding:18px 22px;vertical-align:top;text-wrap:pretty}
.ao-tab tbody tr{border-top:1px solid rgba(60,45,25,.11)}
.ao-tab tbody tr:first-child{border-top:1px solid rgba(23,74,120,.3)}
.ao-tab td b{color:#191b1d;font-weight:650}
.ao-tab td small{display:block;margin-top:2px;font-size:14px;color:rgba(25,27,29,.6)}
.ao-dauer{font-weight:700;color:#191b1d}
.ao-tab td a,.ao-vgb dd a{font-weight:650;color:#174a78;text-decoration:underline;text-decoration-color:rgba(23,74,120,.35);text-underline-offset:3px}
.ao-tab td a:hover,.ao-vgb dd a:hover{text-decoration-color:currentColor}
.ao-tab tbody tr:last-child td,.ao-tab tbody tr:last-child th{padding-bottom:6px}

/* A: auf einem Blatt */
.ao-vg__blatt{padding:clamp(24px,2.4vw,34px) clamp(24px,2.8vw,40px) clamp(22px,2.2vw,30px);transform:rotate(-.35deg)}
.ao-vg__blattkopf{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 22px;padding-bottom:12px;border-bottom:1px solid rgba(60,45,25,.1)}
.ao-vg__blattkopf span{font:800 21px/1 'Plus Jakarta Sans',-apple-system,sans-serif;letter-spacing:-.03em;color:#161513}
.ao-vg__blattkopf small{margin-left:10px;font:500 14px/1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:0;color:rgba(25,27,29,.6)}
.ao-vg__blattkopf i{font-size:13px;font-weight:600;color:#174a78}
.ao-vg--a .ao-tab thead th{padding-top:0}

/* B: offen, Zeilennamen als Randnotiz */

/* C: drei Blätter mit gleichen Zeilenhöhen */
.ao-vgb-bahn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto repeat(5,auto);gap:0 clamp(22px,2.4vw,36px)}
.ao-vgb{display:grid;grid-row:span 6;grid-template-rows:subgrid;padding:clamp(22px,2.2vw,30px) clamp(22px,2.2vw,28px) 18px;transform:rotate(-.6deg)}
.ao-vgb:nth-child(2){transform:rotate(.5deg)}
.ao-vgb:nth-child(3){transform:rotate(-.3deg)}
.ao-vgb__kopf{margin:0 0 4px;padding-bottom:12px;border-bottom:1px solid rgba(23,74,120,.3)}
.ao-vgb__kopf a{display:block;font:800 clamp(21px,1.8vw,25px)/1.15 'Plus Jakarta Sans',-apple-system,sans-serif;letter-spacing:-.025em;color:#191b1d;text-decoration:none}
.ao-vgb__kopf a:hover{color:#174a78}
.ao-vgb__kopf small{display:block;margin-top:6px;font-size:14px;font-weight:650;color:#174a78}
.ao-vgb__liste{display:contents;margin:0}
.ao-vgb__zeile{padding:14px 0;border-top:1px solid rgba(60,45,25,.1)}
.ao-vgb__zeile:first-child{border-top:0}
.ao-vgb dt{margin-bottom:4px;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:#174a78}
.ao-vgb dd{margin:0;font-size:15px;line-height:1.5;color:var(--co-text);text-wrap:pretty}
.ao-vgb dd b{color:#191b1d;font-weight:650}
.ao-vgb dd small{display:block;margin-top:2px;font-size:14px;color:rgba(25,27,29,.6)}

/* Steuerung der Wischbahn (nur sichtbar, wenn die Bahn überläuft) */
.ao-vg__steuerung{margin-top:22px}
.ao-vg__steuerung[hidden]{display:none!important}
.ao-vg--wisch .ao-vg__steuerung{display:flex}

/* Handy und schmales Tablet: Wischbahn */
@media (max-width:860px){
  .ao-tab{--lab:96px;--sp:min(66vw,300px);width:calc(var(--lab) + 3 * var(--sp));max-width:none;table-layout:fixed}
  .ao-tab__ecke,.ao-tab tbody th{position:sticky;left:0;z-index:2;width:var(--lab);padding-right:12px;background:var(--ao-grund,#fbf9f5)}
  .ao-vg--a .ao-tab__ecke,.ao-vg--a .ao-tab tbody th{--ao-grund:#fefdfb}
  .ao-tab thead th{width:var(--sp)}
  .ao-tab-bahn{scroll-snap-type:x mandatory;scroll-padding-left:96px;overscroll-behavior-x:contain}
  .ao-tab thead th{scroll-snap-align:start}
  .ao-tab td,.ao-tab thead th{padding-left:14px;padding-right:14px}
  .ao-tab tbody th{font-size:13px}
  .ao-vgb-bahn{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;
    margin:0 -20px;padding:10px 20px 40px;scroll-padding-left:20px}
  .ao-vgb-bahn::-webkit-scrollbar{display:none}
  .ao-vgb{flex:0 0 min(80vw,340px);display:block;scroll-snap-align:start}
  .ao-vgb__liste{display:block}
}
/* D: Mac Vergleichsblatt, bis 860 px drei Blätter */
.ao-vg-klein{display:none!important}
@media (max-width:860px){ .ao-vg-gross{display:none!important} .ao-vg--d .ao-vg-klein{display:flex!important} }

@media (max-width:639.98px){
  .ao-vg{padding-bottom:150px}
  .ao-vg__blatt{padding:20px 14px 16px;transform:rotate(-.25deg)}
  .ao-vg__blattkopf{flex-wrap:wrap}
  .ao-vg__blattkopf small{display:block;margin:6px 0 0}
  .ao-tab{font-size:15px}
  .ao-tab{--lab:84px;--sp:calc(100vw - 160px)}
  .ao-vg--a .ao-tab{--sp:calc(100vw - 180px)}
  .ao-tab-bahn{scroll-padding-left:84px}
}

/* ───────────── ao-fragen-css ───────────── */
/* ══ /angebote/, Runde 4 (24.09.2026): Fragen (#fragen), Tisch ══════════════════════════════════════════ */
.ao-fq{scroll-margin-top:32px;padding-top:clamp(40px,3.4vw,52px)}  /* der Vergleich läuft schon in den Tisch aus */
@media (max-width:980px){ .ao-fq{scroll-margin-top:20px} }

/* A: Blatt links, Visitenkarte rechts */
.ao-fq__raster{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:start}
.ao-fq--a .fq-blatt{transform:rotate(.2deg)}
.ao-karte-alex{position:sticky;top:110px;margin-top:28px;padding:22px 24px 20px;transform:rotate(-1.4deg);
  box-shadow:0 0 0 1px rgba(60,45,25,.06),-1px 2px 3px rgba(60,45,25,.12),-12px 22px 30px -16px rgba(60,45,25,.42)}
.ao-karte-alex__kopf{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(23,74,120,.3)}
.ao-karte-alex__kopf img{width:58px;height:58px;border-radius:50%;object-fit:cover;flex:none;filter:grayscale(.1)}
.ao-karte-alex__kopf p{margin:0;line-height:1.25}
.ao-karte-alex__kopf b{display:block;font:800 19px/1.2 'Plus Jakarta Sans',-apple-system,sans-serif;letter-spacing:-.02em;color:var(--fq-ink)}
.ao-karte-alex__kopf span{font-size:14px;color:var(--fq-leise)}
.ao-karte-alex__notiz{margin:16px 0 10px;font-size:20px;line-height:1.2;transform:rotate(-1.5deg);transform-origin:left}
.ao-karte-alex__zeile{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--fq-text);overflow-wrap:anywhere}
@media (max-width:980px){
  .ao-fq__raster{grid-template-columns:minmax(0,1fr)}
  .ao-karte-alex{position:relative;top:auto;max-width:420px;margin:8px auto 0}
}
@media (max-width:639.98px){ .ao-karte-alex{transform:rotate(-1deg);margin:12px 6px 0} }
@media (prefers-reduced-motion:no-preference){
  html.fx-js .fq .ao-karte-alex{transition:opacity .7s ease .25s,translate .9s cubic-bezier(.2,.8,.2,1) .25s}
  html.fx-js .fq:not(.fq-in) .ao-karte-alex{opacity:0;translate:0 22px}
}

/* B: ein Blatt, mittig */

/* C: alles offen, zwei Spalten */
@media (prefers-reduced-motion:no-preference){
  html.fx-js .fq .fq-auf{transition:opacity .7s ease calc(var(--i,0) * .08s),translate .9s cubic-bezier(.2,.8,.2,1) calc(var(--i,0) * .08s)}
  html.fx-js .fq:not(.fq-in) .fq-auf{opacity:0;translate:0 20px}
}

/* ───────────── ao-kontakt-css ───────────── */
/* ══ /angebote/, Runde 5 (24.09.2026): Kontakt (#kontakt, Tisch ohne Foto); Fragen ohne Karte ══════════ */
/* Fragen: nur das Blatt, links an der Kante wie alle Abschnitte (Kopf bleibt im üblichen Raster) */
.ao-fq--ohne .ao-fq__raster{grid-template-columns:minmax(0,1fr);max-width:820px}
.ao-fq--ohne .fq-fuss{max-width:820px;margin-left:0;text-align:center}
.ao-fq--ohne{padding-bottom:0}
/* Sprungmarken frei unter der Kopfzeile (Fragen und Vergleich haben oben wenig Polster) */
.ao-fq{scroll-margin-top:56px}
@media (max-width:980px){ .ao-fq{scroll-margin-top:44px} .ao-vg{scroll-margin-top:36px} }
/* Kontakt folgt direkt auf die Fragen, beide auf dem Tisch */
.ao-kt{scroll-margin-top:32px;padding-top:clamp(110px,9vw,140px)}
@media (max-width:980px){ .ao-kt{scroll-margin-top:20px} }
.ao-kt .kt-brief__kopf small{font-size:14px}

/* Visitenkarte (kommt aus Runde 4 hierher) */
.ao-karte-alex{padding:22px 24px 20px;transform:rotate(-1.4deg);
  box-shadow:0 0 0 1px rgba(60,45,25,.06),-1px 2px 3px rgba(60,45,25,.12),-12px 22px 30px -16px rgba(60,45,25,.42)}
.ao-karte-alex__kopf{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(23,74,120,.3)}
.ao-karte-alex__kopf img{width:58px;height:58px;border-radius:50%;object-fit:cover;flex:none}
.ao-karte-alex__kopf p{margin:0;line-height:1.25}
.ao-karte-alex__kopf b{display:block;font:800 19px/1.2 'Plus Jakarta Sans',-apple-system,sans-serif;letter-spacing:-.02em;color:var(--kt-ink)}
.ao-karte-alex__kopf span{font-size:14px;color:var(--kt-leise)}
.ao-karte-alex__notiz{margin:16px 0 10px;font-size:20px;line-height:1.2;transform:rotate(-1.5deg);transform-origin:left}
.ao-karte-alex__zeile{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--kt-text);overflow-wrap:anywhere}

/* A: Brief links, Karte rechts */
.ao-kt__raster{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(36px,4.4vw,72px);align-items:start}
.ao-kt--a .ao-karte-alex{max-width:400px;margin-top:clamp(36px,4vw,64px)}

/* B: Brief mittig, Karte oben rechts angeheftet */

/* C: links Karte + Zusagen als Liste, rechts der Brief */

@media (max-width:980px){
  .ao-kt__raster{grid-template-columns:minmax(0,1fr)}
  .ao-kt--a .ao-karte-alex{margin:8px auto 0;max-width:420px;width:100%}
}
@media (max-width:639.98px){
  .ao-kt{padding-top:110px}
  .ao-karte-alex{transform:rotate(-1deg)}
  .ao-kt--a .ao-karte-alex{margin:12px 6px 0;width:auto}
}
@media (prefers-reduced-motion:no-preference){
  html.fx-js .kt .ao-karte-alex.kt-auf{transition-delay:.2s}
}

/* Sentinel für den CSS-Failsafe im Kopf (muss am Ende stehen) */
:root{--css-ok-angebote-seite:1}