.mehr{color:var(--blau);text-decoration:underline;text-underline-offset:3px}.ao-wordmark{display:inline-flex;flex-direction:column;align-items:center;color:#16181d;line-height:1;font-family:Georgia,serif;flex:none}.ao-wordmark b{font-size:22px;letter-spacing:.18em;font-weight:400}.ao-wordmark small{font-family:Geist,system-ui,sans-serif;font-size:12px;letter-spacing:.12em;margin-top:4px}.ao-logo{display:flex;align-items:center;gap:12px;width:max-content}.ao-logo>img{width:58px!important;height:58px;object-fit:contain}.legal-links{display:flex;gap:16px;flex-wrap:wrap;padding:18px 0 28px;font-size:13px;position:relative;z-index:2}.legal-links a,.legal-links button{min-height:32px;display:inline-flex;align-items:center;text-decoration:underline}.legal-links button{padding:0;background:none;border:0;font:inherit;color:inherit;cursor:pointer}.recht{max-width:850px}.recht section{margin-top:28px}.recht section h2{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:0 0 12px}.recht section p{margin-top:12px;overflow-wrap:anywhere}.recht a{text-decoration:underline}.recht .notice{padding:18px;background:var(--blau-hell);border-radius:16px}.kontakt-wege{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.termin-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.kalender{min-height:700px;display:grid;place-items:start center;background:#f5f7fb;border:1px solid var(--linie);border-radius:20px;overflow:hidden}.kalender>div{max-width:390px;padding:28px;text-align:center}.kalender p{margin:14px 0}.kalender iframe{display:block;width:100%;height:780px;border:0;background:white}.termin-erfolg{padding:24px;background:#e5f4ea;border-radius:18px;margin-bottom:22px}.termin-erfolg[hidden]{display:none}.bio-links{max-width:500px;text-align:center;margin:0 auto}.bio-links ul{display:grid;gap:14px;margin:28px 0}.bio-links .knopf{display:flex;width:100%;height:auto;min-height:50px;padding:12px 24px;white-space:normal}.icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentColor;flex-shrink:0}.skip{position:fixed;top:8px;left:8px;z-index:1000;padding:12px;background:#fff;transform:translateY(-180%)}.skip:focus{transform:none}@media(max-width:860px){.termin-grid{grid-template-columns:1fr}.kontakt-wege .knopf{white-space:normal;height:auto;min-height:48px}.ao-wordmark b{font-size:20px}}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url('/geist.woff2') format('woff2')}.ph,.ph-bold,.ph-fill{font-style:normal;line-height:1;display:inline-flex;align-items:center;justify-content:center}.ph>svg,.ph-bold>svg,.ph-fill>svg{display:block;width:1em;height:1em;fill:currentColor}picture{display:contents}.bewegung-ruhig .buehne{height:auto;max-height:none;min-height:0}.bewegung-ruhig .felder{position:relative;display:grid;gap:16px;padding:16px}.bewegung-ruhig .feld{position:relative!important;inset:auto!important;visibility:visible!important;opacity:1!important;transform:none!important;min-height:420px}.bewegung-ruhig .fa{height:600px}.bewegung-ruhig .fa-in{width:100%;transform:none!important}.bewegung-ruhig .vorhang{display:none}.bewegung-ruhig [data-handy-platz]{height:auto!important}.bewegung-ruhig .reise,.bewegung-ruhig .k-stapel{position:relative!important;height:auto!important}.bewegung-ruhig .k-karte{position:relative!important;visibility:visible!important;transform:none!important;opacity:1!important;margin-top:16px}.bewegung-ruhig .k-text>*{opacity:1!important;transform:none!important}.bewegung-ruhig .r-kopf{position:relative;opacity:1!important}.bewegung-ruhig .k-dim{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(min-width:861px){.buehne .fa{left:clamp(16px,2.4vw,32px);top:4px;width:calc(100% - 2*clamp(16px,2.4vw,32px));height:calc(100% - 4px - clamp(16px,2.4vw,32px))}}

.bewegung-ruhig .reise{overflow:visible!important;padding:28px 16px}.bewegung-ruhig .k-stapel{inset:auto!important}.bewegung-ruhig .k-karte{inset:auto!important;min-height:440px}.bewegung-ruhig .k-geraet{min-height:300px}.bewegung-ruhig .r-kopf{inset:auto!important}.bewegung-ruhig .k-text .r-beispiel{display:block!important}
/* Reserve browser chrome plus its 16:10 screen before the demo payload arrives. */
.l-demo{aspect-ratio:16/10;padding-top:33px;box-sizing:content-box}.l-demo:has(>.d-browser){aspect-ratio:auto;padding-top:0;box-sizing:border-box}
/* Lighthouse contrast findings from the actual template baseline. */
.schild{color:#1858bd}.schild em{color:#355782}.sprung a span{color:#626b78}.sprung a.an,.sprung a.an span{color:#1858bd}.draht .link,.r-gruppe{color:#1858bd}
/* T1: /termin knapp halten, damit der Kalender über der Falz steht. */
.termin-kopf{padding:clamp(20px,4vh,40px) 0 clamp(16px,2.5vh,24px)}.termin-kopf h1{margin-top:0;font-size:clamp(34px,4.2vw,56px)}.termin-kopf .lead{margin-top:12px}
/* T2 Handy: Menü aus den vorhandenen Kopflinks und Tap-Ziele ab 44 px; über 900 px unverändert */
.menue-knopf{display:none}
@media (max-width:900px){
.menue-knopf{order:3;display:inline-grid;place-content:center;gap:4px;flex:none;width:44px;height:44px;margin-right:-6px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.7);color:var(--tinte);cursor:pointer}
.menue-knopf span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.menue-offen .menue-knopf span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menue-offen .menue-knopf span:nth-child(2){opacity:0}
.menue-offen .menue-knopf span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
header.kopf.menue-offen nav{display:flex;flex-direction:column;position:absolute;top:64px;left:16px;right:16px;gap:2px;padding:8px;border-radius:20px;background:#fff;box-shadow:0 20px 40px -20px rgba(22,24,29,.35)}
header.kopf.menue-offen nav a{display:flex;align-items:center;min-height:48px;padding:0 16px;font-size:16px}
.kopf .marke{padding-block:7px;margin-block:-7px}
.kopf .knopf.klein{position:relative}.kopf .knopf.klein::after{content:"";position:absolute;inset:-3px 0}
.sprung a{padding-block:11px}
.link,.mehr{padding-block:11px;margin-block:-11px}
.fuss nav{gap:0}.fuss-raster a:not(.ao-logo){padding-block:12px}
.fuss-recht a,.fuss-recht button,.legal-links a,.legal-links button{display:inline-flex;align-items:center;min-height:44px}
}
@media (min-width:861px){.menue-knopf[data-bis="860"]{display:none}}
/* T2: mit Menüknopf und Kopf-Knopf passt die Wortmarke bis 420 px nicht in den Kopf (Überlauf 372 px bei 360); dort nur der Löwe */
@media (max-width:460px){.kopf-unterseite{gap:12px}.kopf-unterseite .marke .ao-wordmark{display:none}.kopf-unterseite .marke{padding-inline:7px;margin-inline:-7px}}
@media (prefers-reduced-motion:reduce){.menue-knopf span{transition:none}}
/* Ladezustand für den Calendly-Rahmen auf /termin, Hinweis und Rahmen in derselben Rasterzelle */
.kalender>div{min-width:0;width:100%;max-width:min(390px,100%)}
.kalender .knopf{max-width:100%;min-width:0;white-space:normal;height:auto;min-height:50px;padding:12px 18px}
.kalender>.kalender-laedt,.kalender>iframe{grid-area:1/1}
.kalender-laedt{padding:28px;animation:kalender-laedt 1.2s ease-in-out infinite alternate}
.kalender iframe{transition:opacity .3s}.kalender iframe[data-laedt]{opacity:0}
@keyframes kalender-laedt{to{opacity:.4}}
@media (prefers-reduced-motion:reduce){.kalender-laedt{animation:none}.kalender iframe{transition:none}}
/* Die Wahl steht vor dem Hauptinhalt im normalen Fluss und kann ihn nicht verdecken. */
.consent-banner{position:relative;z-index:3;width:100%;margin:0;padding:8px clamp(12px,4vw,48px);background:#fff;color:#16181d;border-bottom:1px solid #d5dbe6;font:15px/1.25 Geist,system-ui,sans-serif}.consent-banner[hidden]{display:none}.consent-banner a{text-decoration:underline}.consent-banner h2{margin:0;font-size:18px;line-height:1.2}.consent-banner p{margin:4px 0;font-size:15px;line-height:1.25}.consent-banner>div{display:flex;gap:8px;margin-top:4px}.consent-banner button{flex:1;border:1px solid #1858bd;border-radius:12px;background:#1858bd;color:#fff;cursor:pointer;padding:8px 4px;font:600 15px/1.15 Geist,system-ui,sans-serif;min-height:44px}@media(max-width:414px){.consent-banner{max-height:none;overflow:visible;padding:8px 12px}.consent-banner h2{font-size:16px}}
/* Attrappen: vollständiger Bildschirm ohne Innenüberlauf. */
body .d-browser .d-screen{aspect-ratio:640/403!important}
/* P2: Zahlenwechsel ohne Schnittmaske; vollständig lesbare Meldung statt halbtransparentem Text. */
body .d-wechsel{display:inline-grid;height:auto;overflow:visible;vertical-align:baseline}
body .d-wechsel>span{grid-area:1/1;height:auto;transform:none!important;display:none}
body .d-wechsel:not([data-ansicht])>span:first-child,body .d-wechsel[data-ansicht="alt"]>span:first-child,body .d-wechsel[data-ansicht="neu"]>span:last-child{display:block}
body .d-meldung{visibility:hidden}
body .d-meldung[data-lesbar="true"]{visibility:visible;opacity:1!important}

/* P2: Geschlossene FAQ-Antworten besitzen keine sichtbaren Textrechtecke. */
.frage:not([open])>.antwort{display:none}
body .dl-eintrag{transform:none!important;visibility:hidden}
body .dl-eintrag[data-lesbar="true"]{visibility:visible}
.ausserdem>h2+p{margin-top:12px}

.consent-banner>p>a{display:inline-flex;align-items:center;min-height:24px}
@media(max-width:414px){.consent-banner h2{display:inline;margin-right:4px}.consent-banner h2+p{display:inline}.consent-banner>div{margin-top:8px}.termin-kopf{padding:12px 0}.termin-kopf+.tafel{padding-top:16px}}
@media(max-width:414px){.weg-vier span,.s-nr span{font-size:15px}}
/* Bei DPR 2 bleibt das 800-px-Original ohne Hochskalierung scharf. */
@media(min-resolution:1.5dppx){
  .ueber-foto{max-width:320px}
  .portraet{margin:0;width:100%;max-width:400px;min-height:0;max-height:400px;aspect-ratio:1;align-self:center;justify-self:center}
  .portraet img{transform:none!important}
}
@media(max-width:414px){
  body .fuss,body .fuss p{font-size:15px}
  main p a,main li a,.kalender>div>a{display:inline-block;min-height:24px;line-height:24px}
}
/* Gemini P2 KANN 1: Knopf-Elemente ohne Browserrahmen (Kalender laden). */
button.knopf{border:0;cursor:pointer}
main a[href="/potenzial-check"]{color:var(--blau);text-decoration:underline}
.l-text h3{overflow-wrap:break-word}#shopping .l-text h3{-webkit-hyphens:auto;hyphens:auto}