@font-face{font-family:"Lexend";font-style:normal;font-weight:500;font-display:swap;src:url(/ablage/schrift/lexend-500.woff2) format("woff2")}
@font-face{font-family:"Lexend";font-style:normal;font-weight:600;font-display:swap;src:url(/ablage/schrift/lexend-600.woff2) format("woff2")}
@font-face{font-family:"Lexend";font-style:normal;font-weight:700;font-display:swap;src:url(/ablage/schrift/lexend-700.woff2) format("woff2")}
@font-face{font-family:"Hind";font-style:normal;font-weight:400;font-display:swap;src:url(/ablage/schrift/hind-400.woff2) format("woff2")}
@font-face{font-family:"Hind";font-style:normal;font-weight:500;font-display:swap;src:url(/ablage/schrift/hind-500.woff2) format("woff2")}
@font-face{font-family:"Hind";font-style:normal;font-weight:600;font-display:swap;src:url(/ablage/schrift/hind-600.woff2) format("woff2")}
:root{--papier:#fff;--salbei:#f3f4f1;--linie:#e3e6e0;--tinte:#141a17;--grau:#5a635d;--minze:#00c48c;--minze-t:#006e50;--weit:1340px;--ton:#141a17;--ton2:#141a17;--ton-t:#141a17}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:110px}
body{margin:0;background:var(--papier);color:var(--tinte);font:400 17px/1.6 "Hind","Segoe UI",Arial,sans-serif}
img,video{max-width:100%}
a{color:var(--minze-t);text-underline-offset:3px}
h1,h2,h3{font-family:"Lexend","Segoe UI",Arial,sans-serif;font-weight:600;letter-spacing:-.01em;line-height:1.18;margin:0 0 .5em}
.ton-k{--ton:#ec3a8e;--ton2:#7a3bea;--ton-t:#b81d68}
.ton-q{--ton:#e2552c;--ton2:#e2552c;--ton-t:#b43a17}
.ton-m{--ton:#2f5fe0;--ton2:#2f5fe0;--ton-t:#2348b8}
.ton-o{--ton:#5a635d;--ton2:#5a635d;--ton-t:#5a635d}
.nur-vorlesen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kante{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:12px;height:38px;padding:0 16px;color:#fff;text-decoration:none;font:500 14px/1 "Lexend",sans-serif;background:linear-gradient(90deg,var(--ton),var(--ton2))}
.kante-pkt{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.35);flex:none}
.kante-txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.kante-txt i{font-style:normal;opacity:.7;margin:0 2px}
.kante-txt b{font-weight:700}
.kante-los{flex:none;background:#fff;color:var(--ton-t);border-radius:99px;padding:5px 13px;font-weight:600;font-size:13px}
.kante:hover .kante-los{background:var(--tinte);color:#fff}
.kopfzeile{max-width:var(--weit);margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.zeichen{display:flex;align-items:center;flex:none}
.zeichen svg{display:block}
.wegweiser ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.wegweiser a{display:block;padding:8px 11px;color:var(--tinte);text-decoration:none;font:500 15px/1.2 "Hind",sans-serif;border-radius:7px}
.wegweiser a:hover{background:var(--salbei)}
.wegweiser a.hier{box-shadow:inset 0 -3px 0 var(--minze);border-radius:0}
.wegweiser-auf{display:none}
.hauptfeld{display:block;border-top:1px solid var(--linie)}
.sieb{position:sticky;top:38px;z-index:40;background:rgba(255,255,255,.96);border-bottom:1px solid var(--linie);backdrop-filter:blur(6px)}
.sieb>*{max-width:var(--weit)}
.sieb{display:flex;flex-wrap:wrap;align-items:center;gap:10px 30px;padding:10px max(24px,calc((100% - var(--weit))/2 + 24px))}
.sieb-reihe{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.sieb-titel{font:600 11px/1 "Lexend",sans-serif;text-transform:uppercase;letter-spacing:.09em;color:var(--grau);margin-right:4px}
.wahl{appearance:none;border:1px solid var(--linie);background:#fff;color:var(--tinte);font:500 14px/1 "Hind",sans-serif;padding:8px 13px 6px;border-radius:99px;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.wahl.ton-k::before,.wahl.ton-q::before,.wahl.ton-m::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ton)}
.wahl:hover{border-color:var(--tinte)}
.wahl.wahl-an{background:var(--tinte);border-color:var(--tinte);color:#fff}
.sieb-treffer{margin:0 0 0 auto;font-size:14px;color:var(--grau)}
.verzeichnis{max-width:var(--weit);margin:0 auto;padding:26px 24px 10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;grid-auto-flow:dense;align-items:start}
.einstieg{grid-column:span 2;display:flex;flex-direction:column;gap:18px;align-self:stretch}
.einstieg h1{font-size:36px;font-weight:700;margin:4px 0 12px}
.einstieg header>p:not([class]){margin:0 0 12px;color:#2c3530}
.einstieg-zahl{list-style:none;margin:14px 0 6px;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.einstieg-zahl li{background:var(--salbei);border-radius:8px;padding:8px 14px;font-size:15px;color:var(--grau)}
.einstieg-zahl b{font:700 20px/1 "Lexend",sans-serif;color:var(--tinte);margin-right:4px}
.sb-dach{font:600 12px/1 "Lexend",sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--minze-t);margin:0 0 8px}
.sb-dach i{font-style:normal;color:var(--grau);margin:0 3px}
.stand,.zaehlzeile{font-size:14px;color:var(--grau);margin:4px 0 0}
.zettel{position:relative;display:flex;gap:14px;align-items:flex-start;background:#fffbea;border:1px solid #ebdfad;border-radius:8px;padding:14px 16px 12px 34px;font-size:14.5px;line-height:1.5;color:#3d3a2a}
.zettel::before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:8px;background:radial-gradient(circle,#e3d7a5 3px,transparent 3.6px) center top/8px 16px repeat-y}
.zettel p{margin:0}
.zettel a{color:#6b5800;font-weight:600}
.zettel-18{flex:none;width:48px;height:48px;border-radius:50%;border:2px solid #b3261e;color:#b3261e;display:flex;align-items:center;justify-content:center;font:700 16px/1 "Lexend",sans-serif;transform:rotate(-9deg)}
.hauptfeld>.zettel{max-width:1092px;margin:22px auto 0;width:calc(100% - 48px)}
.profilkarte{position:relative;display:grid;grid-template-areas:"foto" "schild" "shorts" "knopf";grid-template-rows:auto auto 1fr auto;background:#fff;border:1px solid var(--linie);border-radius:10px;overflow:hidden;transition:box-shadow .15s,transform .15s;align-self:stretch}
.profilkarte:hover{box-shadow:0 10px 26px rgba(20,26,23,.12);transform:translateY(-2px)}
.pk-foto{grid-area:foto;background:var(--salbei)}
.pk-foto img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.pk-flaeche{position:absolute;inset:0;z-index:1}
.pk-schild{grid-area:schild;margin:12px 14px 4px;padding-left:11px;border-left:4px solid var(--ton)}
.pk-schild small{display:block;font:600 11px/1.3 "Lexend",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--ton-t)}
.pk-name{font-size:20px;margin:2px 0 0}
.pk-name a,.pk-shorts a,.pk-knopf,.sk-titel a,.sz-info a,.skp-info a,.aushang-foto .drueck,.sb-foto .drueck,.skp-clip .drueck{position:relative;z-index:2}
.pk-name a{color:var(--tinte);text-decoration:none}
.pk-name a:hover{text-decoration:underline}
.pk-zeile{margin:1px 0 0;font-size:15px;color:var(--grau)}
.pk-shorts{grid-area:shorts;list-style:none;margin:6px 14px 10px;padding:0}
.pk-shorts a{display:flex;gap:10px;align-items:center;padding:7px 0;border-top:1px dashed var(--linie);color:var(--tinte);text-decoration:none;font-size:15px;line-height:1.3}
.pk-shorts img{flex:none;border-radius:4px;object-fit:cover}
.pk-shorts em{display:block;font-style:normal;font-size:13px;color:var(--grau)}
.pk-shorts a:hover span{color:var(--ton-t)}
.drueck{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:4px 20px 0;border-radius:8px;border:0;color:#fff;background:linear-gradient(100deg,var(--ton),var(--ton2));font:600 15px/1.15 "Lexend",sans-serif;text-decoration:none;text-align:center;cursor:pointer}
.drueck::after{content:"";width:0;height:0;border-left:7px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent;margin:-3px 0 0 2px}
.drueck:hover{filter:brightness(1.07)}
.drueck.drueck-rand,.drueck-rand{background:#fff;color:var(--ton-t);box-shadow:inset 0 0 0 2px var(--ton)}
.drueck-rand{display:inline-flex;align-items:center;padding:6px 12px 4px;border-radius:7px;font:600 13px/1.1 "Lexend",sans-serif;text-decoration:none;white-space:nowrap}
.pk-knopf{grid-area:knopf;margin:0 12px 14px}
.profilkarte-xl{grid-column:span 2;grid-template-columns:minmax(300px,48%) 1fr;grid-template-areas:"foto schild" "foto shorts" "foto knopf";grid-template-rows:auto 1fr auto}
.profilkarte-xl .pk-foto img{height:100%;min-height:100%}
.profilkarte-xl .pk-schild{margin-top:20px}
.profilkarte-xl .pk-name{font-size:26px}
.profilkarte-xl .pk-knopf{min-height:52px;margin:0 16px 18px}
.profilkarte-xl::before{content:"Im Rampenlicht";position:absolute;top:12px;left:12px;z-index:2;background:var(--minze);color:#00281c;font:600 12px/1 "Lexend",sans-serif;padding:7px 10px 5px;border-radius:99px;pointer-events:none}
.serienbord{background:var(--salbei);margin:34px 0 0;padding:30px 0 8px}
.serienbord-kopf{max-width:var(--weit);margin:0 auto;padding:0 24px}
.serienbord-kopf h2{font-size:26px}
.serienbord-kopf p{margin:0;color:var(--grau)}
h2.serienbord-kopf{font-size:24px;margin:30px auto 0}
.serienkarte{position:relative;background:#fff;border-radius:10px;overflow:hidden;border:1px solid var(--linie);display:flex;flex-direction:column}
.serienkarte:hover{box-shadow:0 8px 22px rgba(20,26,23,.1)}
.sk-bild img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.sk-flaeche{position:absolute;inset:0;z-index:1}
.serienkarte>div:last-child{padding:12px 14px 14px;border-top:4px solid var(--ton)}
.serienkarte small{font:600 11px/1 "Lexend",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--ton-t)}
.sk-titel{font-size:18px;margin:6px 0 4px}
.sk-titel a{color:var(--tinte);text-decoration:none}
.sk-info{margin:0;font-size:14px;color:var(--grau)}
.lesespalte{max-width:780px;margin:44px auto 40px;padding:0 24px}
.lesespalte h2{font-size:27px;margin-top:1.6em}
.lesespalte p,.lesespalte li{color:#222a26}
.lesespalte ul,.lesespalte ol{padding-left:1.3em}
.lesespalte li{margin:.25em 0}
.kurz-gesagt{background:#e6f8f1;border-radius:12px;padding:16px 20px;margin:0 0 26px}
.kurz-gesagt p{margin:0}
.auf-der-seite{background:var(--salbei);border-radius:12px;padding:16px 22px;margin:0 0 20px}
.auf-der-seite p{margin:0 0 6px;font:600 13px/1 "Lexend",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--grau)}
.auf-der-seite ol{columns:2;column-gap:30px;margin:0;padding-left:1.2em;font-size:15.5px}
.tab-rahmen{overflow-x:auto;margin:18px 0;border:1px solid var(--linie);border-radius:10px}
.tabelle{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.4}
.tabelle th{text-align:left;font:600 13px/1.2 "Lexend",sans-serif;background:var(--salbei);padding:10px 12px;color:#2c3530}
.tabelle td{padding:10px 12px;border-top:1px solid var(--linie);vertical-align:middle}
.tabelle td small{display:block;color:var(--grau);font-size:13px}
.tabelle img{display:block;border-radius:4px;object-fit:cover}
.tabelle tr.ton-k td:first-child,.tabelle tr.ton-q td:first-child,.tabelle tr.ton-m td:first-child{box-shadow:inset 4px 0 0 var(--ton)}
.fragerunde{margin:44px 0 0}
.eine-frage{border-top:1px solid var(--linie);padding:4px 0}
.eine-frage summary{cursor:pointer;list-style:none;font:600 17px/1.35 "Lexend",sans-serif;padding:12px 32px 12px 0;position:relative}
.eine-frage summary::-webkit-details-marker{display:none}
.eine-frage summary::after{content:"+";position:absolute;right:4px;top:8px;font-size:24px;color:var(--minze-t)}
.eine-frage[open] summary::after{content:"\2212"}
.eine-frage p{margin:0 0 14px}
.randnotiz{margin:40px 0}
.randnotiz h2{font-size:22px}
.neuzugaenge{list-style:none;margin:0;padding:0;border:1px solid var(--linie);border-radius:10px}
.neuzugaenge li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:9px 14px;border-top:1px solid var(--linie)}
.neuzugaenge li:first-child{border-top:0}
.neuzugaenge li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ton);flex:none;align-self:center}
.neuzugaenge a{flex:1;color:var(--tinte);text-decoration:none;font-weight:500}
.neuzugaenge small{color:var(--grau);white-space:nowrap}
.abc-leiste{margin:40px 0}
.abc-leiste h2{font-size:22px}
.namensliste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.namensliste li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:8px 12px;border:1px solid var(--linie);border-radius:8px}
.namensliste b{font:700 18px/1 "Lexend",sans-serif;color:var(--minze-t);width:20px}
.namensliste a{color:var(--tinte)}
.ratgeberliste{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ratgeberliste li{padding:14px 16px;border:1px solid var(--linie);border-radius:10px}
.ratgeberliste a{font:600 17px/1.3 "Lexend",sans-serif;color:var(--tinte)}
.ratgeberliste p{margin:4px 0 0;font-size:15px;color:var(--grau)}
.wegspur{max-width:var(--weit);margin:16px auto 0;padding:0 24px;font-size:14px;color:var(--grau)}
.wegspur a{color:var(--grau)}
.steckbrief{max-width:1140px;margin:18px auto 0;padding:0 24px;display:grid;grid-template-columns:420px 1fr;gap:44px;align-items:start}
.sb-foto{position:relative;display:grid}
.sb-foto>img,.sb-flaeche,.sb-foto>.drueck{grid-area:1/1}
.sb-foto>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:12px}
.sb-flaeche{position:relative;z-index:1}
.sb-foto>.drueck{align-self:end;margin:0 16px 16px;min-height:52px;font-size:16px}
.sb-text h1{font-size:40px;font-weight:700}
.sb-text>p:not([class]){font-size:18px;color:#2c3530}
.eckdaten{display:grid;grid-template-columns:1fr 1fr;margin:20px 0;border:1px solid var(--linie);border-radius:10px;overflow:hidden}
.eckdaten div{padding:10px 14px;border-top:1px solid var(--linie);border-left:1px solid var(--linie);margin:-1px 0 0 -1px}
.eckdaten dt{font:600 11px/1.2 "Lexend",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--grau)}
.eckdaten dd{margin:3px 0 0;font-size:16.5px;line-height:1.35}
.sb-text .drueck-rand{min-height:46px;padding:4px 18px 0;font-size:15px}
.ihre-shorts{max-width:1140px;margin:40px auto 0;padding:0 24px}
.ihre-shorts>h2{font-size:30px}
.short-zeile{position:relative;display:grid;grid-template-columns:190px 1fr;gap:26px;padding:16px;border:1px solid var(--linie);border-radius:12px;margin:0 0 16px;background:#fff}
.sz-clip video,.sz-clip img,.skp-clip video,.skp-clip img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:9px;background:#d9ddd6}
.sz-flaeche{position:absolute;inset:0;z-index:1}
.sz-info small{font:600 11px/1 "Lexend",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--ton-t)}
.sz-titel{font-size:24px;margin:8px 0 4px}
.sz-titel a{color:var(--tinte);text-decoration:none}
.sz-info2{color:var(--grau);font-size:15px;margin:0 0 8px}
.sz-info .drueck{position:relative;z-index:2;min-width:260px}
.folgenplan{list-style:none;padding:0;margin:12px 0 16px;display:flex;flex-wrap:wrap;gap:6px}
.folgenplan li{display:flex;align-items:center;gap:7px;border:1px solid var(--linie);border-radius:7px;padding:5px 9px 3px;font-size:13.5px}
.folgenplan li b{font-family:"Lexend",sans-serif;font-size:13px}
.fp-frei{background:#e6f8f1}
.fp-konto{background:#eef3ff}
.fp-zu{background:var(--salbei);color:var(--grau)}
table.folgenplan{display:table;margin:0}
.serienkopf{max-width:1140px;margin:18px auto 0;padding:0 24px;display:grid;grid-template-columns:320px 1fr;gap:40px;align-items:start}
.skp-clip{position:relative;display:grid}
.skp-clip>video,.skp-clip>img,.skp-clip>.sz-flaeche,.skp-clip>.drueck{grid-area:1/1}
.skp-clip>.sz-flaeche{position:relative}
.skp-clip>.drueck{align-self:end;margin:0 14px 14px;min-height:52px}
.skp-info h1{font-size:34px;font-weight:700}
.skp-info>p:not([class]){color:#2c3530}
.mit-dabei{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}
.mit-dabei>p{margin:0;font:600 12px/1 "Lexend",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--grau)}
.mit-dabei a{display:flex;align-items:center;gap:9px;padding:5px 12px 5px 5px;border:1px solid var(--linie);border-radius:99px;color:var(--tinte);text-decoration:none;font-weight:600}
.mit-dabei img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.mit-dabei small{display:block;font-weight:400;font-size:12px;color:var(--grau);line-height:1}
.plattkopf{background:var(--salbei);padding:34px max(24px,calc((100% - 1140px)/2 + 24px));display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:center;border-bottom:5px solid var(--ton)}
.plattkopf h1{font-size:40px;font-weight:700}
.plattkopf-in>p:not([class]){font-size:18px;color:#2c3530;max-width:640px}
.plattkopf-in>.drueck{min-height:52px;min-width:300px;font-size:16px;margin:8px 0 6px}
.aushang{max-width:1140px;margin:10px auto 0;padding:20px 24px 10px;display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:center}
.aushang h1{font-size:40px;font-weight:700}
.aushang-text>p:not([class]){font-size:18px;color:#2c3530}
.aushang-foto{position:relative;margin:0;display:grid;grid-template-areas:"bild" "cap"}
.aushang-foto>img,.aushang-foto>.drueck{grid-area:bild}
.aushang-foto>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:12px}
.aushang-flaeche{position:absolute;inset:0;z-index:1}
.aushang-foto>.drueck{align-self:end;margin:0 14px 14px;min-height:52px}
.aushang-foto figcaption{grid-area:cap;display:flex;justify-content:space-between;gap:10px;padding:10px 4px 0;font-size:15px;border-top:0}
.aushang-foto figcaption b{font-family:"Lexend",sans-serif;font-weight:600}
.aushang-foto figcaption span{color:var(--grau)}
.preisblaetter{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 30px}
.preisblatt{border:1px solid var(--linie);border-top:6px solid var(--ton);border-radius:10px;padding:16px 18px;margin:30px 0;background:#fff}
.preisblaetter .preisblatt{margin:0}
.preisblatt h2,.preisblatt h3{font-size:19px;margin:0 0 8px}
.preisblatt ul{margin:0 0 10px;padding-left:1.1em;font-size:15.5px}
.preisblatt p{font-size:14px;color:var(--grau);margin:0 0 6px}
.preis-alle{font-weight:600;font-size:15px}
.gesichter{max-width:var(--weit);margin:36px auto;padding:0 24px}
.gesichter h2{font-size:22px}
.gesichter ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px}
.gesicht{display:flex;flex-direction:column;width:112px;color:var(--tinte);text-decoration:none;font-size:15px;line-height:1.25}
.gesicht img{width:112px;height:140px;object-fit:cover;border-radius:10px;border-bottom:4px solid var(--ton);margin-bottom:6px}
.gesicht small{color:var(--grau);font-size:12.5px}
.gesicht:hover span{text-decoration:underline}
.verlaufen{max-width:780px;margin:60px auto 0;padding:0 24px}
.fusszeile{background:var(--salbei);border-top:1px solid var(--linie);margin-top:50px;padding:36px max(24px,calc((100% - var(--weit))/2 + 24px)) 28px;font-size:15px}
.fz-spalten{display:grid;grid-template-columns:1fr 1.3fr 1.6fr;gap:30px}
.fusszeile h2{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--grau);margin:0 0 8px}
.fusszeile ul{list-style:none;margin:0 0 18px;padding:0}
.fusszeile li{margin:3px 0}
.fusszeile a{color:var(--tinte);text-decoration:none}
.fusszeile a:hover{text-decoration:underline}
.fz-spalten>div:nth-child(2) ul{columns:2}
.fz-hinweis{border-top:1px solid var(--linie);padding-top:16px;color:#3d443f}
.fz-klein{font-size:13px;color:var(--grau);margin:0}
.visitenkarte{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:90;width:390px;max-width:calc(100% - 24px)}
.vk-karte{position:relative;display:grid;grid-template-columns:96px 1fr;gap:16px;background:#fff;border:1px solid var(--linie);border-radius:16px;padding:20px 20px 16px;box-shadow:0 18px 50px rgba(20,26,23,.22);animation:vk-rein .4s ease-out}
.vk-karte::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,var(--ton),var(--ton2))}
.vk-foto img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid var(--ton)}
.vk-titel{font:600 18px/1.25 "Lexend",sans-serif;margin:2px 26px 6px 0}
.vk-text{font-size:15px;line-height:1.45;margin:0 0 12px;color:#2c3530}
.vk-karte .drueck{width:100%}
.vk-zu{position:absolute;right:10px;top:10px;width:32px;height:32px;border:0;background:var(--salbei);border-radius:50%;font-size:20px;line-height:1;cursor:pointer;color:var(--tinte)}
.vk-nein{display:block;margin:8px auto 0;border:0;background:none;color:var(--grau);font:500 14px "Hind",sans-serif;text-decoration:underline;cursor:pointer}
@keyframes vk-rein{from{transform:translateX(120%);opacity:0}to{transform:none;opacity:1}}
@media (max-width:1180px){.verzeichnis{grid-template-columns:repeat(3,minmax(0,1fr))}.steckbrief{grid-template-columns:360px 1fr}}
@media (max-width:980px){.wegweiser a{padding:8px 7px;font-size:14px}}
@media (max-width:860px){
.kopfzeile{padding:10px 16px;flex-wrap:wrap}
.wegweiser-auf{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--linie);background:#fff;border-radius:8px;padding:8px 14px 6px;font:600 14px/1 "Lexend",sans-serif;color:var(--tinte);cursor:pointer}
.wegweiser-auf::before{content:"";width:16px;height:2px;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor;margin-top:-2px}
.wegweiser{display:none;width:100%}
.wegweiser-auf[aria-expanded="true"]+.wegweiser{display:block}
.wegweiser ul{flex-direction:column;border-top:1px solid var(--linie);padding-top:6px}
.wegweiser a{font-size:16px;padding:10px 4px}
}
@media (max-width:760px){
body{font-size:16.5px}
html{scroll-padding-top:90px}
.kante{height:36px;font-size:12.5px;gap:8px;padding:0 10px}
.kante-los{padding:4px 10px;font-size:12px}
.zeichen svg{width:168px;height:auto}
.sieb{position:static;flex-wrap:nowrap;overflow-x:auto;gap:6px 14px;padding:8px 16px;scrollbar-width:none}
.sieb-reihe{flex-wrap:nowrap}
.sieb-titel,.sieb-treffer{display:none}
.wahl{white-space:nowrap;padding:8px 12px 6px}
.verzeichnis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 16px 6px}
.einstieg{display:contents}
.einstieg>header{grid-column:1/-1;order:0}
.einstieg h1{font-size:26px;margin:2px 0 8px}
.einstieg header>p:not([class]){margin:0 0 4px;font-size:16px;line-height:1.5}
.einstieg-zahl{display:none}
.einstieg>.zettel{grid-column:1/-1;order:2}
.profilkarte{order:3}
.profilkarte-xl{order:1;grid-column:1/-1;grid-template-columns:1fr;grid-template-areas:"foto" "schild" "shorts"}
.profilkarte-xl .pk-foto img{height:auto;aspect-ratio:1/1.04;object-position:center 18%}
.profilkarte-xl .pk-knopf{grid-area:foto;align-self:end;margin:0 12px 12px;min-height:50px}
.profilkarte-xl .pk-schild{margin-top:12px}
.pk-schild{margin:9px 9px 2px;padding-left:8px}
.pk-name{font-size:16px}
.pk-zeile{font-size:13px;line-height:1.35}
.pk-shorts{margin:4px 9px 8px}
.pk-shorts li+li{display:none}
.profilkarte-xl .pk-shorts li+li{display:block}
.pk-shorts a{font-size:13.5px;gap:8px}
.pk-shorts em{font-size:12px}
.pk-knopf{margin:0 9px 10px;min-height:42px;font-size:13px;padding:3px 8px 0}
.drueck::after{display:none}
.serienbord-kopf,.wegspur,.gesichter{padding:0 16px}
.lesespalte{padding:0 16px;margin-top:30px}
.lesespalte h2{font-size:23px}
.auf-der-seite ol{columns:1}
.steckbrief{display:grid;grid-template-columns:1fr;gap:0;padding:0 16px;margin-top:10px}
.sb-text{display:contents}
.sb-dach{order:0}
.sb-text h1{order:1;font-size:28px}
.sb-foto{order:2;margin:4px 0 16px}
.sb-text>*{order:3}
.eckdaten{grid-template-columns:1fr 1fr}
.ihre-shorts{padding:0 16px}
.ihre-shorts>h2{font-size:24px}
.short-zeile{grid-template-columns:120px 1fr;gap:14px;padding:12px}
.sz-titel{font-size:18px}
.sz-info>p:not(.sz-info2){display:none}
.sz-info .drueck{min-width:0;width:100%;position:relative}
.serienkopf{grid-template-columns:1fr;gap:0;padding:0 16px;margin-top:10px}
.skp-info{display:contents}
.skp-info>.sb-dach{order:0}
.skp-info>h1{order:1;font-size:27px}
.skp-clip{order:2;margin:4px 0 16px}
.skp-info>*{order:3}
.skp-clip video,.skp-clip img{aspect-ratio:1/1;object-position:center 30%}
.plattkopf,.aushang{grid-template-columns:1fr;gap:16px;padding:18px 16px}
.plattkopf h1,.aushang h1{font-size:28px}
.plattkopf-in>p:not([class]),.aushang-text>p:not([class]){font-size:16.5px}
.plattkopf-in>.drueck{min-width:0;width:100%}
.aushang-foto>img,.plattkopf .aushang-foto>img{aspect-ratio:1/1;object-position:top}
.preisblaetter{grid-template-columns:1fr}
.fz-spalten{grid-template-columns:1fr}
.hauptfeld>.zettel{width:calc(100% - 32px)}
.gesicht{width:96px}
.gesicht img{width:96px;height:120px}
.visitenkarte{left:0;right:0;top:auto;bottom:0;transform:none;width:auto;max-width:none}
.vk-karte{border-radius:18px 18px 0 0;grid-template-columns:72px 1fr;padding:18px 16px 14px;animation-name:vk-hoch}
.vk-foto img{width:72px;height:72px}
@keyframes vk-hoch{from{transform:translateY(100%)}to{transform:none}}
}
@media (prefers-reduced-motion:reduce){.vk-karte{animation:none}.profilkarte,.profilkarte:hover{transition:none;transform:none}}