/* BSSD — shared design system. Buildless, local assets, responsive by default. */
:root {
  --tinte:#173c3e; --tinte-2:#21494a; --stahl:#a7c0b8; --stahl-hell:#dce7e0;
  --papier:#f7f7f0; --weiss:#fff; --text:#193b3d; --text-leise:#566562; --linie:#d8dfd7;
  --blau:#285f58; --glut:#a9482c; --signal:#76602b; --justiz:#698e87; --lime:#dbeaa5;
  --akzent:var(--blau); --akzent-tief:#204d47;
  --f-display:"Arial", "Helvetica Neue", sans-serif; --f-serif:Georgia, "Times New Roman", serif;
  --f-text:"Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --breite:1240px; --rand:clamp(22px,5vw,72px); --radius:12px;
}
body[data-saeule="sport"] { --akzent:var(--glut); --akzent-tief:#863b27; }
body[data-saeule="schulungen"] { --akzent:var(--signal); --akzent-tief:#58481e; }
body[data-saeule="aat"] { --akzent:#456c65; --akzent-tief:#33564f; }
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:110px; -webkit-text-size-adjust:100%; }
body { margin:0; color:var(--text); background:var(--papier); font:400 1rem/1.7 var(--f-text); }
img,svg { display:block; max-width:100%; }
img { height:auto; }
a { color:inherit; text-underline-offset:4px; }
button,input,select,textarea { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
p { margin:0 0 1.2em; }
h1,h2,h3,h4 { margin:0; font-family:var(--f-display); line-height:1.1; letter-spacing:-.045em; overflow-wrap:break-word; }
h1 { hyphens:none; }
:focus-visible { outline:3px solid #ab6029; outline-offset:5px; }
[hidden] { display:none !important; }
.container { width:min(100% - 2 * var(--rand),var(--breite)); margin-inline:auto; }
.skip-link { position:fixed; left:12px; top:-100px; z-index:100; padding:12px 22px; background:var(--lime); color:var(--tinte); }
.skip-link:focus { top:12px; }
.kicker,.eyebrow { font:600 .73rem/1.5 var(--f-text); text-transform:uppercase; letter-spacing:.14em; margin-bottom:22px; color:var(--akzent); }
.titel { font-size:clamp(2.2rem,4vw,3.6rem); font-weight:600; line-height:1.12; }
.titel--klein { font-size:clamp(1.9rem,3vw,2.75rem); }
.lead { font-size:clamp(1.06rem,1.6vw,1.2rem); line-height:1.7; color:var(--text-leise); max-width:60ch; }
.leise { color:var(--text-leise); }
.serif { font-family:var(--f-serif); font-weight:400; font-style:italic; letter-spacing:-.055em; }
.kopf { position:sticky; top:0; z-index:50; background:rgba(247,247,240,.97); border-bottom:1px solid var(--linie); backdrop-filter:blur(14px); }
.kopf__inner { display:flex; align-items:center; justify-content:space-between; gap:28px; min-height:92px; }
.marke { display:inline-flex; align-items:center; gap:11px; text-decoration:none; flex-shrink:0; }
.marke__wort { font:800 1.9rem/1 var(--f-display); letter-spacing:-.08em; }
.marke__zusatz { color:var(--text-leise); font-size:.61rem; letter-spacing:.02em; line-height:1.4; max-width:116px; padding-left:14px; border-left:1px solid var(--linie); }
.marke-icon { display:flex; align-items:flex-end; gap:3px; height:27px; }
.marke-icon i { width:7px; height:20px; border-radius:8px 8px 0 0; background:var(--tinte); }
.marke-icon i:nth-child(2) { height:27px; background:#709187; }
.marke-icon i:nth-child(3) { height:16px; background:#a8ba72; }
.nav { display:flex; align-items:center; gap:20px; }
.nav a { font-size:.82rem; font-weight:550; text-decoration:none; padding:10px 0; }
.nav a:hover,.nav a[aria-current="page"] { text-decoration:underline; text-underline-offset:7px; }
.nav .knopf { padding:11px 19px; font-size:.8rem; margin-left:5px; }
.burger { display:none; color:var(--tinte); background:transparent; border:1px solid var(--linie); width:46px; height:46px; border-radius:50%; cursor:pointer; font-size:1.2rem; }
.knopf { display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:15px 24px; border:1px solid var(--tinte); border-radius:7px; background:var(--tinte); color:var(--weiss); font-size:.9rem; font-weight:600; line-height:1.5; text-decoration:none; cursor:pointer; transition:background .2s,transform .2s; }
.knopf:hover { background:#2e5752; transform:translateY(-2px); }
.knopf[disabled] { opacity:.6; cursor:not-allowed; transform:none; }
.knopf--rahmen { background:transparent; color:inherit; border-color:currentColor; }
.knopf--rahmen:hover { background:rgba(255,255,255,.1); }
.knopf--hell { background:var(--lime); color:var(--tinte); border-color:var(--lime); }
.knopf--hell:hover { background:#e8f4c5; }
.knopf-zeile { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:30px; }
.text-link { display:inline-flex; align-items:center; gap:18px; padding:8px 0; font-size:.9rem; font-weight:600; text-decoration:none; border-bottom:1px solid currentColor; line-height:1.6; }
.text-link:hover { color:var(--akzent); }
.text-link span,.knopf span { font-size:1.15rem; }
.pfeil::after { content:"→"; }
.hero { background:var(--tinte); color:var(--weiss); padding:90px 0; }
.hero__raster { display:grid; grid-template-columns:1.3fr .7fr; align-items:center; gap:70px; }
.hero__raster>*,.sek__kopf>* { min-width:0; }
.hero h1 { font-size:clamp(2.9rem,5.8vw,5.3rem); font-weight:600; letter-spacing:-.055em; }
.hero h1 em { color:var(--lime); font-style:normal; }
.hero .lead { color:var(--stahl-hell); margin-top:28px; }
.hero__nummer { font-size:.74rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--lime); margin-bottom:24px; }
.hero__bild { max-width:350px; width:100%; justify-self:center; color:var(--lime); }
.hero .knopf:not(.knopf--rahmen) { background:var(--lime); border-color:var(--lime); color:var(--tinte); }
.hero .knopf:not(.knopf--rahmen):hover { background:#eff5d6; }
.hero-szene { margin:0; width:100%; max-width:460px; justify-self:center; }
.hero-szene img { width:100%; height:auto; background:#f3f1e7; border-radius:14px 14px 0 0; }
.hero-szene figcaption { padding:18px 22px; background:#e2e9d7; color:var(--tinte); border-radius:0 0 14px 14px; font-size:.76rem; line-height:1.65; }
.hero-szene figcaption strong { display:block; font-size:.96rem; line-height:1.4; margin-bottom:7px; font-weight:600; }
.angebot-illustration { width:100%; height:auto; aspect-ratio:520 / 440; object-fit:contain; margin:16px 0 18px; }
.sek--tinte .karte__icon { color:var(--lime); }

.hero--start { padding:52px 0 0; background:var(--papier); color:var(--tinte); }
.start-raster { display:grid; grid-template-columns:1fr .94fr; align-items:center; gap:7%; }
.start-text { padding:10px 0 22px; }
.hero--start h1 { font-size:clamp(4.5rem,8.3vw,7.6rem); line-height:.94; letter-spacing:-.065em; font-weight:600; }
.hero--start h1 em { color:var(--tinte); font-family:var(--f-serif); font-weight:400; font-style:italic; line-height:1.04; }
.eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:28px; }
.status-punkt { width:7px; height:7px; background:var(--akzent); border-radius:50%; }
.start-subline { font-size:1.12rem; font-weight:550; margin:27px 0 11px; letter-spacing:-.015em; }
.start-beschreibung { max-width:44ch; font-size:.97rem; color:var(--text-leise); line-height:1.75; margin:0; }
.hero--start .knopf:not(.knopf--rahmen) { color:var(--weiss); background:var(--tinte); border-color:var(--tinte); }
.hero--start .knopf:not(.knopf--rahmen):hover { background:#2e5752; }
.hero-signatur { display:flex; gap:14px; align-items:center; font-size:.7rem; line-height:1.6; color:var(--text-leise); margin-top:35px; }
.signatur-linie { width:36px; height:1px; background:#879f85; }
.hero-signatur strong { font-weight:500; color:var(--tinte); }
.start-visual { position:relative; align-self:stretch; display:flex; align-items:center; padding-bottom:25px; }
.start-visual img { width:100%; border-radius:12px; background:#eef0e5; }
.visual-notiz { position:absolute; right:-20px; bottom:63px; display:flex; align-items:center; gap:17px; padding:20px 29px; background:var(--lime); color:var(--tinte); border-radius:7px; box-shadow:0 8px 30px #0b292921; transform:rotate(-4deg); font-size:.81rem; line-height:1.7; }
.notiz-icon { font-size:2.2rem; font-weight:300; }
.visual-notiz strong { font-weight:600; }
.hero-fuss { border-top:1px solid var(--linie); display:flex; justify-content:space-between; gap:18px; padding:22px 0; margin-top:27px; font-size:.71rem; letter-spacing:.03em; color:var(--text-leise); }
.hero-fuss a { display:flex; gap:22px; text-decoration:none; }
.sek { padding:clamp(70px,8vw,115px) 0; }
.sek--weiss { background:var(--weiss); }
.sek--tinte { background:var(--tinte); color:var(--weiss); }
.sek--tinte .lead,.sek--tinte .leise,.sek--tinte .karte li { color:var(--stahl-hell); }
.sek--tinte .kicker { color:var(--lime); }
.sek--akzent { background:var(--akzent); color:white; }
.sek--akzent .lead,.sek--akzent .kicker { color:white; }
.sek__kopf { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:60px; margin-bottom:44px; }
.sek__kopf .lead { margin:0; }
.angebote { background:#fff; }
.angebote-raster { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.angebot { --karte-farbe:#e6edde; display:flex; flex-direction:column; min-width:0; padding:27px 28px 25px; border-radius:10px; background:var(--karte-farbe); text-decoration:none; transition:transform .25s,box-shadow .25s; }
.angebot:hover { transform:translateY(-6px); box-shadow:0 15px 30px #183b3b12; }
.angebot--sport { --karte-farbe:#f0e3d8; }
.angebot--schulung { --karte-farbe:#e6e9e1; }
.angebot-kopf { display:flex; justify-content:space-between; align-items:center; font-size:.72rem; font-weight:600; }
.rund-pfeil { display:grid; place-items:center; width:33px; height:33px; border:1px solid #173c3e35; border-radius:50%; font-size:1.2rem; }
.angebot h3 { font-size:clamp(1.4rem,2.1vw,1.85rem); line-height:1.18; font-weight:600; margin-bottom:16px; }
.angebot>p { font-size:.88rem; color:var(--text-leise); line-height:1.75; }
.angebot-tags { display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 24px; }
.angebot-tags span { border:1px solid #173c3e22; padding:4px 8px; border-radius:20px; font-size:.6rem; }
.angebot-mehr { display:flex; justify-content:space-between; align-items:center; margin-top:auto; padding-top:19px; border-top:1px solid #173c3e28; font-size:.81rem; font-weight:600; }
.haltung-sektion { background:var(--papier); }
.haltung-raster { display:grid; grid-template-columns:.82fr 1.18fr; gap:12%; align-items:center; }
.profil-marke { position:relative; min-height:390px; border-radius:10px 150px 10px 10px; background:#e2e7d9; color:var(--tinte); display:flex; flex-direction:column; justify-content:space-between; padding:42px; overflow:hidden; }
.profil-initialen { font-family:var(--f-serif); font-size:10rem; line-height:1.1; letter-spacing:-.1em; color:var(--tinte); font-style:italic; }
.profil-marke-unten { font-size:.87rem; font-weight:600; position:relative; z-index:1; }
.profil-marke-unten>span { font-size:.67rem; font-weight:400; }
.profil-rolle { margin:25px 0 0; color:var(--lime); font-size:1rem; line-height:1.65; font-weight:500; }
.biografie { display:grid; grid-template-columns:.85fr 1.15fr; gap:8%; align-items:start; }
.biografie__text { min-width:0; max-width:68ch; color:var(--text-leise); }
.biografie__text .lead { color:var(--text); }
.profil-liste { list-style:none; margin:0 0 30px; padding:0; }
.profil-liste li { padding:18px 0; border-bottom:1px solid var(--linie); }
.profil-liste li:first-child { padding-top:0; }
.profil-liste strong,.profil-liste span { display:block; }
.profil-liste strong { color:var(--text); margin-bottom:5px; }
.profil-liste span { font-size:.92rem; }
.kontakt-label { display:block; color:var(--stahl); font-size:.7rem; margin-bottom:3px; }
.fuss a { overflow-wrap:anywhere; }
.profil-stern { position:absolute; right:20px; bottom:15px; font-size:10rem; line-height:1; color:#a6ba8c; }
.haltung-raster .lead { margin:26px 0 12px; }
.haltung-raster p:not(.kicker):not(.lead) { color:var(--text-leise); font-size:.94rem; }
.aat-sektion { background:var(--tinte); color:#fff; padding:100px 0; }
.aat-raster { display:grid; grid-template-columns:1.15fr .85fr; gap:9%; align-items:center; }
.aat-sektion .kicker { color:var(--lime); }
.aat-sektion .serif { color:var(--lime); }
.aat-sektion .lead { color:var(--stahl-hell); margin:26px 0 32px; }
.aat-fakten>div { display:flex; align-items:center; gap:25px; border-top:1px solid #ffffff30; padding:27px 0; }
.fakt-zahl { font-size:3.4rem; letter-spacing:-.06em; font-weight:500; line-height:1; min-width:96px; color:var(--lime); }
.fakt-zahl span { font-size:2rem; }
.aat-fakten strong { font-size:.91rem; font-weight:500; }
.aat-fakten p { margin:7px 0 0; font-size:.79rem; color:var(--stahl-hell); }
.aat-fakten .aat-hinweis { align-items:flex-start; gap:18px; padding-bottom:0; }
.aat-hinweis>span { font-size:1.8rem; color:var(--lime); }
.aat-hinweis p { margin:0; }
.orientierung-raster { display:grid; grid-template-columns:.8fr 1.2fr; gap:9%; }
.orientierung-raster .lead { margin-top:24px; }
.fragen details { border-bottom:1px solid var(--linie); }
.fragen details:first-child { border-top:1px solid var(--linie); }
.fragen summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:22px; padding:24px 0; font-size:.96rem; line-height:1.6; font-weight:550; list-style:none; }
.fragen summary::-webkit-details-marker { display:none; }
.fragen summary>span { font-weight:400; font-size:1.5rem; flex-shrink:0; transition:transform .2s; }
.fragen details[open] summary>span { transform:rotate(45deg); }
.fragen details>div { padding:0 28px 24px 0; font-size:.88rem; color:var(--text-leise); }
.fragen .text-link { color:var(--tinte); }
.cta { padding:75px 0; background:var(--lime); color:var(--tinte); }
.cta__inner { display:flex; justify-content:space-between; align-items:center; gap:35px; }
.cta h2 { font-size:clamp(2.2rem,4.5vw,4.4rem); font-weight:550; max-width:18em; }
.cta .kicker { color:var(--tinte); }
.cta p:not(.kicker) { margin:20px 0 0; font-size:.9rem; }
.cta .knopf { flex-shrink:0; }
.umschalter { background:#e7ecdf; border-bottom:1px solid var(--linie); }
.umschalter__liste { list-style:none; padding:0; display:grid; grid-template-columns:repeat(3,1fr); }
.umschalter a { display:flex; gap:13px; align-items:center; padding:15px 20px; text-decoration:none; font-size:.82rem; border-bottom:3px solid transparent; }
.umschalter a span { font-size:.68rem; opacity:.75; }
.umschalter a[aria-current="page"] { border-color:var(--akzent); font-weight:650; background:#ffffff55; }
.umschalter a:hover { background:#ffffff77; }
.karten { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; padding:0; }
.karten--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.karte { padding:32px; border:1px solid var(--linie); border-radius:var(--radius); background:var(--weiss); }
.karte h3 { font-size:1.35rem; letter-spacing:-.025em; margin-bottom:15px; }
.karte ul { margin:0; padding:0; list-style:none; display:grid; gap:14px; }
.karte li { color:var(--text-leise); }
.karte li strong { display:block; color:var(--text); }
.karte__icon { width:39px; height:39px; color:var(--akzent); margin-bottom:24px; }
.sek--tinte .karte { background:var(--tinte-2); border-color:#ffffff20; }
.sek--tinte .karte li strong { color:white; }
.leistungen { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--tinte); }
.leistung { display:grid; grid-template-columns:40px 1fr; gap:8px 12px; padding:30px 24px 30px 0; border-bottom:1px solid var(--linie); }
.leistung__nr { color:var(--akzent); font-size:.8rem; }
.leistung h3 { font-size:1.3rem; }
.leistung p { grid-column:2; margin:0; color:var(--text-leise); font-size:.93rem; }
.tabelle { border-collapse:collapse; width:100%; font-size:.93rem; }
.tabelle th,.tabelle td { padding:20px 18px; border-bottom:1px solid var(--linie); text-align:left; vertical-align:top; }
.tabelle th { width:34%; }
.tabelle td { color:var(--text-leise); }
.schritte { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; counter-reset:step; }
.schritte li { counter-increment:step; }
.schritte li::before { content:counter(step,decimal-leading-zero); display:block; color:var(--akzent); font-size:2.6rem; border-top:1px solid var(--linie); padding-top:20px; margin-bottom:15px; }
.schritte h3 { font-size:1.2rem; margin-bottom:10px; }
.schritte p { color:var(--text-leise); font-size:.91rem; }
.chips { display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:0; margin:0; }
.chips li { padding:8px 16px; border:1px solid var(--linie); border-radius:24px; font-size:.85rem; }
.zertifikate { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px; list-style:none; padding:0; }
.zertifikate li { padding:20px 0; border-bottom:1px solid #ffffff26; }
.zertifikate small { display:block; color:var(--stahl); }
.hinweis { border-left:3px solid var(--akzent); padding:22px 26px; background:#edf0e6; border-radius:0 8px 8px 0; }
.hinweis p:last-child { margin:0; }
.sek--tinte .hinweis { background:var(--tinte-2); }
.flyer { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.flyer__block { border:1px solid var(--linie); border-radius:12px; padding:32px; background:var(--weiss); }
.flyer__block h3 { font-size:1.4rem; margin-bottom:20px; }
.flyer__block ul { margin:0; padding-left:20px; }
.flyer__block li { padding:4px 0; color:var(--text-leise); }
.flyer__block p { color:var(--text-leise); margin:0; }
.flyer__block--rot { border-top:3px solid var(--glut); }
.weiter { display:grid; grid-template-columns:1fr 1fr; background:var(--tinte-2); color:#fff; }
.weiter a { display:block; padding:40px var(--rand); text-decoration:none; border-bottom:1px solid #ffffff20; }
.weiter a+a { border-left:1px solid #ffffff20; }
.weiter a:hover { background:var(--tinte); }
.weiter small { color:var(--lime); font-size:.7rem; letter-spacing:.1em; }
.weiter strong { display:block; font-size:1.5rem; font-weight:500; margin-top:8px; }
.formular { display:grid; gap:20px; }
.formular .zwei { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.formular label { display:grid; gap:8px; font-size:.85rem; font-weight:600; }
.formular input,.formular select,.formular textarea { width:100%; min-width:0; padding:14px; background:var(--papier); border:1px solid var(--linie); border-radius:7px; color:var(--text); font-size:1rem; font-weight:400; }
.formular textarea { min-height:180px; resize:vertical; }
.formular .check { display:flex; align-items:flex-start; gap:10px; font-weight:400; font-size:.8rem; }
.formular .check input { width:18px; margin-top:5px; flex-shrink:0; }
.formular-status { margin:0; padding:18px; border-radius:8px; background:#f6eedc; color:#67501d; font-size:.84rem; }
.formular-status:empty { display:none; }
.formular-status--ok { background:#e3eed5; color:#2f5130; }
.formular .honig { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.kontaktdaten { display:grid; gap:24px; list-style:none; padding:30px; margin:0; background:var(--papier); border-radius:12px; }
.kontaktdaten small { display:block; text-transform:uppercase; font-size:.67rem; color:var(--text-leise); letter-spacing:.1em; margin-bottom:8px; }
.kontaktdaten li { overflow-wrap:anywhere; }
.kontaktdaten .leise { font-size:.85rem; }
.platzhalter { background:#f7ebc9; color:#67501d; padding:2px 5px; font-size:.86em; border-radius:3px; }
.recht { max-width:800px; }
.recht h2 { font-size:1.35rem; letter-spacing:-.02em; margin:2.3em 0 .8em; }
.fuss { background:var(--tinte); color:var(--stahl-hell); padding:65px 0 25px; font-size:.82rem; }
.fuss .marke__wort { color:var(--weiss); font-size:2.3rem; }
.fuss__raster { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; }
.fuss h4 { color:#fff; font-size:.72rem; font-weight:500; letter-spacing:.08em; text-transform:uppercase; margin-bottom:23px; }
.fuss ul { list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.fuss a { text-decoration:none; }
.fuss .leise { color:var(--stahl-hell); }
.fuss a:hover { color:#fff; text-decoration:underline; }
.fuss__unten { margin-top:55px; padding-top:24px; border-top:1px solid #ffffff22; display:flex; justify-content:space-between; gap:15px; color:var(--stahl); font-size:.68rem; }
@media (prefers-reduced-motion:no-preference) {
  .einblenden { animation:ankommen .65s ease-out both; }
  .start-visual { animation-delay:.12s; }
  [data-zeigen] { transition:transform .6s ease-out; }
  html.js [data-zeigen]:not(.ist-sichtbar) { transform:translateY(15px); }
  @keyframes ankommen { from { transform:translateY(14px); } to { transform:translateY(0); } }
}
@media (min-width:901px) and (max-width:1200px) {
  .marke__zusatz { display:none; }
  .nav { gap:16px; }
  .start-raster { gap:5%; }
  .hero--start h1 { font-size:8.5vw; }
  .hero--start .knopf-zeile { gap:13px; }
  .hero--start .knopf { padding:14px 17px; }
  .hero--start .text-link { font-size:.82rem; }
}
@media (max-width:900px) {
  .kopf__inner { min-height:78px; }
  .marke__zusatz { display:none; }
  html.js .burger { display:grid; place-items:center; }
  html.js .nav { display:none; position:absolute; left:0; top:100%; width:100%; padding:15px var(--rand) 28px; background:var(--papier); border-bottom:1px solid var(--linie); box-shadow:0 12px 24px #173c3e0c; }
  html.js .nav.ist-offen { display:flex; }
  .nav { flex-direction:column; align-items:stretch; gap:0; }
  .nav a { padding:13px 0; border-bottom:1px solid var(--linie); }
  .nav .knopf { margin:15px 0 0; }
  html:not(.js) .kopf { position:relative; }
  html:not(.js) .kopf__inner { align-items:flex-start; padding-block:20px; }
  .start-raster { gap:5%; }
  .hero--start h1 { font-size:clamp(4.2rem,9vw,5.2rem); }
  .hero--start .knopf-zeile { gap:12px; }
  .hero--start .text-link { font-size:.83rem; }
  .start-subline { font-size:.98rem; }
  .start-beschreibung { font-size:.87rem; }
  .start-visual { align-self:center; }
  .visual-notiz { right:-8px; padding:14px 20px; bottom:47px; font-size:.7rem; }
  .hero-signatur { margin-top:23px; }
  .angebote-raster { gap:12px; }
  .angebot { padding:20px; }
  .angebot h3 { font-size:1.35rem; }
  .angebot-kopf { font-size:.65rem; }
  .angebot-tags { display:none; }
  .haltung-raster { gap:8%; }
  .profil-marke { padding:26px; min-height:350px; }
  .profil-initialen { font-size:8rem; }
  .aat-raster { gap:6%; }
  .aat-fakten>div { gap:15px; }
  .fakt-zahl { font-size:2.7rem; min-width:68px; }
  .hero__raster { gap:40px; }
  .hero__bild { max-width:260px; }
  .karten--3 { grid-template-columns:1fr; }
  .schritte { grid-template-columns:1fr 1fr; }
  .fuss__raster { grid-template-columns:1.3fr 1fr; gap:35px; }
}
@media (max-width:680px) {
  .biografie { grid-template-columns:1fr; gap:25px; }
  .profil-rolle { font-size:.95rem; }
  html { scroll-padding-top:94px; }
  .hero--start { padding-top:37px; }
  .start-raster,.hero__raster,.sek__kopf,.haltung-raster,.aat-raster,.orientierung-raster { grid-template-columns:1fr; gap:35px; }
  .hero--start h1 { font-size:clamp(4.9rem,18vw,7.3rem); }
  .start-text { padding:0; }
  .eyebrow { font-size:.67rem; margin-bottom:25px; }
  .start-subline { font-size:1.08rem; margin-top:23px; }
  .start-beschreibung { font-size:.96rem; max-width:48ch; }
  .hero--start .knopf-zeile { gap:20px; margin-top:24px; }
  .hero-signatur { margin-top:26px; }
  .start-visual { padding:0; max-width:480px; width:100%; margin:0 auto 8px; }
  .start-visual img { width:100%; aspect-ratio:auto; object-fit:contain; }
  .visual-notiz { right:-6px; bottom:18px; padding:14px 22px; }
  .hero-fuss { margin-top:27px; font-size:.64rem; align-items:center; }
  .hero-fuss a { max-width:145px; line-height:1.5; gap:12px; text-align:right; }
  .hero-fuss>span { max-width:125px; }
  .sek { padding:70px 0; }
  .sek__kopf { margin-bottom:30px; gap:22px; }
  .titel { font-size:clamp(2.05rem,8vw,3rem); }
  .kicker { font-size:.66rem; margin-bottom:17px; }
  .angebote-raster { grid-template-columns:1fr; gap:18px; }
  .angebot { padding:27px; }
  .angebot-kopf { font-size:.8rem; }
  .angebot h3 { font-size:1.9rem; }
  .angebot>p { max-width:42ch; font-size:.95rem; }
  .angebot-tags { display:flex; }
  .angebot-tags span { font-size:.66rem; }
  .angebot-mehr { font-size:.9rem; }
  .haltung-raster { gap:36px; }
  .profil-marke { min-height:280px; padding:30px; border-top-right-radius:110px; }
  .profil-initialen { font-size:7.5rem; }
  .profil-stern { font-size:9rem; }
  .aat-sektion { padding:70px 0; }
  .aat-fakten { margin-top:4px; }
  .aat-fakten>div { gap:23px; }
  .fakt-zahl { min-width:83px; font-size:3.2rem; }
  .orientierung-raster { gap:22px; }
  .fragen summary { font-size:.93rem; padding:22px 0; }
  .cta { padding:60px 0; }
  .cta__inner { align-items:flex-start; flex-direction:column; gap:28px; }
  .cta h2 { font-size:2.75rem; }
  .hero:not(.hero--start) { padding:60px 0; }
  .hero h1 { font-size:clamp(2.7rem,10vw,4rem); }
  .hero--start h1 { font-size:clamp(4.9rem,18vw,7.3rem); }
  .hero__bild { max-width:200px; margin:0; justify-self:start; }
  .hero .lead { font-size:1.04rem; }
  .karten,.flyer,.leistungen,.zertifikate,.weiter,.formular .zwei { grid-template-columns:1fr; }
  .karte { padding:26px; }
  .leistung { padding-right:0; }
  .schritte { grid-template-columns:1fr; gap:10px; }
  .tabelle th,.tabelle td { display:block; width:auto; padding:15px 0; }
  .tabelle th { padding-bottom:0; border-bottom:0; }
  .tabelle td { padding-top:8px; }
  .umschalter a { justify-content:center; gap:7px; padding:14px 3px; font-size:.75rem; }
  .umschalter a span { font-size:.6rem; }
  .weiter a+a { border-left:0; }
  .fuss__raster { grid-template-columns:1fr 1fr; gap:35px 25px; }
  .fuss__raster>div:first-child { grid-column:1/-1; }
  .fuss__unten { flex-direction:column; }
  .fuss { padding-top:50px; }
}
@media (max-width:370px) {
  .hero--start h1 { font-size:4.4rem; }
  .knopf { gap:15px; padding:14px 18px; font-size:.83rem; }
  .fuss__raster { grid-template-columns:1fr; }
  .cta h2 { font-size:2.35rem; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
}