.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:7px;letter-spacing:.24em;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%}.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}}
.consent-banner{position:fixed;bottom:16px;left:16px;z-index:100;max-width:440px;width:calc(100% - 32px);padding:20px;border-radius:20px;background:#fff;color:#16181d;border:1px solid #d5dbe6;box-shadow:0 16px 50px #16233d24;font:14px/1.5 Geist,system-ui,sans-serif}.consent-banner[hidden]{display:none}.consent-banner h2{font-size:18px;margin:0 0 8px}.consent-banner p{margin:8px 0}.consent-banner a{text-decoration:underline}.consent-banner>div{display:flex;gap:10px;margin-top:14px}.consent-banner button{flex:1;border:1px solid #1858bd;border-radius:12px;background:#1858bd;color:#fff;padding:12px 8px;font:600 13px/1.3 Geist,system-ui,sans-serif;cursor:pointer;min-height:44px}
@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:420px){.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}}