/* mitfitINSIGHT, Designentwurf 1 „Graphit“, 10.10.2026. Schrift-Set „dynamik“ (Sofia Sans Condensed / Public Sans), Fontsource selbst gehostet. */
@font-face{font-family:"Sofia Sans Condensed";font-style:normal;font-weight:1 1000;font-display:swap;src:url(fonts/sofia-sans-condensed-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Sofia Sans Condensed";font-style:normal;font-weight:1 1000;font-display:swap;src:url(fonts/sofia-sans-condensed-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/public-sans-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/public-sans-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --graphit:#15171A;--graphit-2:#1C1F23;--graphit-3:#24282E;--linie-d:#2E333A;--linie-d2:#3A4048;
  --papier:#F3F4F2;--papier-2:#E9EBE8;--weiss:#FFFFFF;--linie-h:#D5D9D4;
  --gruen:#88BE52;--gruen-text:#4D7D1E;--gruen-dunkel:#3F6A16;--gelb:#FFD930;--rot:#E05A4F;
  --t-hell:#F3F4F2;--t-hell-2:#B9C0C8;--t-hell-3:#7F8893;--t-dunkel:#15171A;--t-dunkel-2:#464C55;--t-dunkel-3:#6F7782;
  --kopf:"Sofia Sans Condensed",Impact,"Arial Narrow",sans-serif;--text:"Public Sans",system-ui,sans-serif;
  --max:1360px;--rand:clamp(16px,3vw,40px);--r:4px;
}
@media (min-width:1700px){:root{--max:1560px}}
@media (min-width:2200px){:root{--max:1800px}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--graphit);color:var(--t-hell);font:16px/1.6 var(--text);font-variation-settings:"wdth" 100}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--rand)}
.schlag,h1,h2,h3,.z{font-family:var(--kopf);font-weight:800;text-transform:uppercase;letter-spacing:.005em;line-height:.92;margin:0}
.dach{font:700 .72rem/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--gruen)}
.dach.hell{color:var(--gruen-text)}
.meta{font-size:.8rem;color:var(--t-hell-3)}
.hell .meta{color:var(--t-dunkel-3)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ki{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;font:700 10px/1 var(--text);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(21,23,26,.72);padding:4px 7px;border-radius:2px;backdrop-filter:blur(3px)}
.ki::before{content:"";width:9px;height:9px;border:1.5px solid #fff;border-radius:50%}
.bsp{display:inline-block;font:700 9px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--graphit);background:var(--gelb);padding:3px 5px;border-radius:2px;vertical-align:middle;margin-left:6px}

/* Entwurfsband */
.entwurf{position:sticky;top:0;z-index:60;background:var(--gelb);color:var(--graphit);font:600 12px/1.3 var(--text);padding:6px var(--rand);display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.entwurf a{text-decoration:underline;text-underline-offset:2px}
.entwurf a.aktiv{font-weight:800}

/* Kopf */
.kopf{position:sticky;top:30px;z-index:50;background:rgba(21,23,26,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--linie-d)}
.kopf .wrap{display:flex;align-items:center;gap:22px;min-height:66px}
.kopf .logo img{height:40px;width:auto}
.kopf nav{display:flex;gap:4px;margin-left:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.kopf nav::-webkit-scrollbar{display:none}
.kopf nav a{font:700 .92rem/1 var(--kopf);text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;border-radius:var(--r);color:var(--t-hell-2);white-space:nowrap;font-size:1.05rem}
.kopf nav a:hover,.kopf nav a.aktiv{color:#fff;background:var(--graphit-3)}
.kopf nav a.ort{color:var(--gruen)}
.kopf .rechts{margin-left:auto;display:flex;align-items:center;gap:10px}
.kopf .suche{display:flex;align-items:center;gap:8px;border:1px solid var(--linie-d2);border-radius:var(--r);padding:8px 12px;color:var(--t-hell-3);font-size:.85rem;min-width:150px}
.kopf .suche svg{width:14px;height:14px}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--gruen);color:var(--graphit);font:800 .95rem/1 var(--kopf);text-transform:uppercase;letter-spacing:.06em;padding:12px 16px;border-radius:var(--r);border:0}
.btn:hover{background:#9ACB68}
.btn.linie{background:transparent;color:var(--t-hell);border:1px solid var(--linie-d2)}
.hell .btn.linie{color:var(--t-dunkel);border-color:var(--t-dunkel)}
.btn.dunkel{background:var(--graphit);color:#fff}
/* Großer Kopf auf der Startseite: oben groß, beim Scrollen weich auf Normalgröße */
.kopf .wrap,.kopf .logo img{transition:min-height .4s cubic-bezier(.2,.7,.2,1),height .4s cubic-bezier(.2,.7,.2,1)}
.kopf.gross .wrap{min-height:112px}
.kopf.gross .logo img{height:76px}
.kopf.gross.klein .wrap{min-height:66px}
.kopf.gross.klein .logo img{height:40px}
@media (max-width:900px){.kopf.gross .wrap{min-height:84px}.kopf.gross .logo img{height:54px}.kopf.gross.klein .wrap{min-height:58px}.kopf.gross.klein .logo img{height:32px}}
@media (prefers-reduced-motion:reduce){.kopf .wrap,.kopf .logo img{transition:none}}
@media (max-width:900px){.kopf .suche span{display:none}.kopf .suche{min-width:0}.kopf .wrap{gap:12px}.kopf nav{display:none}.kopf .logo img{height:32px}}
/* Rubriken-Wischleiste mobil */
.wisch{display:none;border-bottom:1px solid var(--linie-d);background:var(--graphit)}
.wisch .wrap{display:flex;gap:6px;overflow-x:auto;padding-top:8px;padding-bottom:8px;scrollbar-width:none}
.wisch a{font:800 1rem/1 var(--kopf);text-transform:uppercase;letter-spacing:.04em;padding:9px 12px;border:1px solid var(--linie-d2);border-radius:var(--r);white-space:nowrap;color:var(--t-hell-2)}
.wisch a.ort{color:var(--gruen);border-color:var(--gruen)}
@media (max-width:900px){.wisch{display:block}}

/* Tagesblatt */
.tagesblatt{padding:clamp(22px,3vw,40px) 0 clamp(26px,3vw,44px)}
.tagesblatt .zeile{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid var(--linie-d);padding-bottom:10px;margin-bottom:22px;font-size:.82rem;color:var(--t-hell-3)}
.tagesblatt .zeile b{color:var(--t-hell);font-weight:600}
.blatt{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,2fr);gap:clamp(20px,3vw,48px)}
@media (max-width:900px){.blatt{grid-template-columns:1fr}}
.heute{border-top:2px solid var(--gruen);padding-top:14px}
.heute .dach{margin-bottom:10px}
.heute ol{list-style:none;margin:0;padding:0}
.heute li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--linie-d)}
.heute li:last-child{border-bottom:0}
.heute .n{font:800 1.5rem/1 var(--kopf);color:var(--gruen)}
.heute .r{font:700 .68rem/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--t-hell-3);margin-bottom:5px}
.heute h3{font-size:1.25rem;line-height:1;letter-spacing:.01em;text-transform:none;font-weight:800;color:var(--t-hell)}
.heute a:hover h3{color:var(--gruen)}
.heute .meta{margin-top:5px}
.schlagzeile{border-top:2px solid var(--gruen);padding-top:14px;display:flex;flex-direction:column;min-height:100%}
.schlagzeile .dach{display:flex;gap:10px;align-items:center}
.schlagzeile .dach i{font-style:normal;color:var(--t-hell-3);letter-spacing:.06em}
.schlagzeile h1,.schlagzeile h2.schlag{font-size:clamp(2.6rem,7.2vw,7.6rem);line-height:.88;margin:14px 0 18px;color:#fff;text-wrap:balance}
.schlagzeile h2.schlag em{font-style:normal;color:var(--gruen)}
.schlagzeile p{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.5;color:var(--t-hell-2);max-width:62ch;margin:0 0 18px}
.schlagzeile .fuss{margin-top:auto;display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:.85rem;color:var(--t-hell-3)}
.schlagzeile .fuss .av{width:30px;height:30px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.schlagzeile .fuss b{color:var(--t-hell);font-weight:600}
.schlagzeile .fuss .pfeil{margin-left:auto;color:var(--gruen);font:800 1.05rem/1 var(--kopf);text-transform:uppercase;letter-spacing:.06em;display:inline-flex;gap:8px;align-items:center}

/* Band „Aus den Studios“ */
.band{background:var(--gruen);color:var(--graphit);overflow:hidden;border-top:1px solid rgba(0,0,0,.08)}
.band .innen{display:flex;align-items:stretch}
.band .label{flex:0 0 auto;background:var(--graphit);color:var(--gruen);font:800 1rem/1 var(--kopf);text-transform:uppercase;letter-spacing:.08em;padding:0 18px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.band .label i{width:8px;height:8px;border-radius:50%;background:var(--gruen);animation:puls 1.6s infinite}
@keyframes puls{0%,100%{opacity:1}50%{opacity:.35}}
.band .lauf{flex:1;overflow:hidden;position:relative}
.band .spur{display:inline-flex;gap:0;white-space:nowrap;will-change:transform;animation:lauf 60s linear infinite}
.band .lauf:hover .spur{animation-play-state:paused}
@keyframes lauf{to{transform:translateX(-50%)}}
.band .m{display:inline-flex;gap:10px;align-items:center;padding:12px 26px;font-size:.92rem;border-right:1px solid rgba(0,0,0,.14)}
.band .m b{font:800 1rem/1 var(--kopf);text-transform:uppercase;letter-spacing:.04em}
.band .m .ort{opacity:.7}
@media (prefers-reduced-motion:reduce){.band .spur{animation:none}}

/* Helle Fläche */
.hell{background:var(--papier);color:var(--t-dunkel)}
.hell .dach{color:var(--gruen-text)}
.abschnitt{padding:clamp(36px,4.5vw,72px) 0}
.abschnitt-kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.abschnitt-kopf h2{font-size:clamp(2rem,4vw,3.4rem)}
.abschnitt-kopf h2 em{font-style:normal;color:var(--gruen-text)}
.dunkel .abschnitt-kopf h2 em{color:var(--gruen)}
.abschnitt-kopf .alle{font:800 1rem/1 var(--kopf);text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid currentColor;padding-bottom:3px;white-space:nowrap}
.raster3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.raster2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.raster4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:1100px){.raster3,.raster4{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.raster3,.raster2,.raster4{grid-template-columns:1fr}}
.k{background:var(--weiss);border:1px solid var(--linie-h);border-radius:var(--r);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:border-color .2s}
.k:hover{border-color:var(--graphit)}
.k .bild{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--papier-2)}
.k .bild img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.k:hover .bild img{transform:scale(1.03)}
.k .inhalt{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.k h3{font-size:1.5rem;line-height:.95;text-transform:none;letter-spacing:0;font-weight:800}
.k p{margin:0;color:var(--t-dunkel-2);font-size:.95rem}
.k .meta{margin-top:auto;padding-top:6px}
.k.zitat{background:var(--graphit);color:var(--t-hell);border-color:var(--graphit)}
.k.zitat .inhalt{padding:22px 22px 20px;gap:14px}
.k.zitat blockquote{margin:0;font:800 clamp(1.5rem,2vw,2.1rem)/.98 var(--kopf);text-transform:uppercase;color:#fff}
.k.zitat blockquote::before{content:"„";color:var(--gruen)}
.k.zitat blockquote::after{content:"“";color:var(--gruen)}
.k.zitat .wer{display:flex;gap:12px;align-items:center;margin-top:auto}
.k.zitat .wer img{width:46px;height:46px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.k.zitat .wer b{display:block;font-weight:600;color:#fff}
.k.zitat .wer span{font-size:.8rem;color:var(--t-hell-3)}
.ampel{display:flex;gap:6px;align-items:center;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t-dunkel-2)}
.ampel i{width:10px;height:10px;border-radius:50%;background:var(--linie-h)}
.ampel i.an.g{background:var(--gruen)}.ampel i.an.y{background:var(--gelb)}.ampel i.an.r{background:var(--rot)}
.tab{width:100%;border-collapse:collapse;font-size:.85rem}
.tab th,.tab td{text-align:left;padding:6px 0;border-bottom:1px solid var(--linie-h)}
.tab th{font:700 .66rem/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--t-dunkel-3)}
.tab td:last-child,.tab th:last-child{text-align:right;font-variant-numeric:tabular-nums}
.tab tr:last-child td{border-bottom:0}
.k.challenge{grid-column:span 2}
.k.challenge .innen{display:grid;grid-template-columns:1fr 1fr;height:100%}
.k.challenge .bild{aspect-ratio:auto;min-height:260px}
.k.challenge .inhalt{padding:24px}
.k.challenge h3{font-size:clamp(1.8rem,2.6vw,2.6rem);text-transform:uppercase;line-height:.92}
.k.challenge .tag{font:800 4.2rem/1 var(--kopf);color:var(--gruen-text)}
.k.challenge .tag small{font-size:1.1rem;color:var(--t-dunkel-3);margin-left:6px}
.fortschritt{height:8px;background:var(--papier-2);border-radius:2px;overflow:hidden;position:relative}
.fortschritt i{position:absolute;inset:0 auto 0 0;width:0;background:var(--gelb);transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.fortschritt.an i{width:var(--w)}
.liste{list-style:none;margin:0;padding:0}
.liste li{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--linie-h)}
.liste li:last-child{border-bottom:0;padding-bottom:0}
.liste .n{font:800 1.3rem/1 var(--kopf);color:var(--gruen-text)}
.liste h4{margin:0;font:800 1.1rem/1.15 var(--text);letter-spacing:-.01em}
.liste a:hover h4{color:var(--gruen-text)}
.liste .meta{margin-top:3px}
@media (max-width:1100px){.k.challenge{grid-column:span 2}}
@media (max-width:640px){.k.challenge{grid-column:span 1}.k.challenge .innen{grid-template-columns:1fr}}

/* Vor Ort */
.dunkel{background:var(--graphit);color:var(--t-hell)}
.vorort{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(20px,3vw,48px);align-items:stretch}
@media (max-width:1000px){.vorort{grid-template-columns:1fr}}
.karte{position:relative;background:var(--graphit-2);border:1px solid var(--linie-d);border-radius:var(--r);overflow:hidden;min-height:420px;background-image:radial-gradient(var(--linie-d2) 1px,transparent 1px);background-size:18px 18px}
.karte svg{position:absolute;inset:0;width:100%;height:100%}
.karte .hinweis{position:absolute;left:12px;bottom:10px;font-size:.7rem;color:var(--t-hell-3);letter-spacing:.06em;text-transform:uppercase}
.karte .pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--t-hell-2);white-space:nowrap}
.karte .pin i{width:10px;height:10px;border-radius:50%;background:var(--gruen);box-shadow:0 0 0 4px rgba(136,190,82,.18)}
.karte .pin.aktiv i{background:var(--gelb);box-shadow:0 0 0 6px rgba(255,217,48,.2)}
.karte .pin.aktiv{color:#fff;font-weight:600}
.karte .pin.links{flex-direction:row-reverse}
.besuch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:end}
@media (max-width:640px){.besuch{grid-template-columns:1fr}}
.besuch .bild{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:var(--r);background:var(--graphit-3)}
.besuch .bild img{width:100%;height:100%;object-fit:cover}
.besuch .bild .echt{position:absolute;left:10px;bottom:10px;font:700 10px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--graphit);background:var(--gruen);padding:4px 7px;border-radius:2px}
.besuch h3{font-size:clamp(2rem,3.4vw,3.2rem);color:#fff;margin:10px 0 12px}
.besuch p{color:var(--t-hell-2);margin:0 0 16px}
.fakten{list-style:none;margin:0 0 18px;padding:0;border-top:1px solid var(--linie-d)}
.fakten li{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--linie-d);font-size:.9rem}
.fakten li span{color:var(--t-hell-3)}
.fakten li b{font-weight:600;color:#fff;text-align:right}
.zuletzt{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--linie-d)}
@media (max-width:640px){.zuletzt{grid-template-columns:1fr}}
.zuletzt a{padding:16px 18px 16px 0;border-right:1px solid var(--linie-d);display:block}
.zuletzt a:last-child{border-right:0}
.zuletzt a+a{padding-left:18px}
.zuletzt .r{font:700 .66rem/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--t-hell-3)}
.zuletzt h4{margin:6px 0 4px;font:800 1.15rem/1.1 var(--text);color:#fff}
.zuletzt a:hover h4{color:var(--gruen)}
.zuletzt .meta{font-size:.78rem}
@media (max-width:640px){.zuletzt a{border-right:0;border-bottom:1px solid var(--linie-d);padding-left:0}}

/* Köpfe */
.koepfe{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:900px){.koepfe{grid-template-columns:1fr}}
.kopfk{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:start;padding:18px;border:1px solid var(--linie-h);border-radius:var(--r);background:var(--weiss)}
.kopfk .p{position:relative;aspect-ratio:1;border-radius:var(--r);overflow:hidden;background:var(--papier-2)}
.kopfk .p img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .4s}
.kopfk:hover .p img{filter:grayscale(0)}
.kopfk .p .ki{left:6px;bottom:6px;padding:3px 5px;font-size:9px}
.kopfk h3{font-size:1.35rem;text-transform:none;letter-spacing:0;line-height:1;margin:6px 0 6px}
.kopfk p{margin:0;font-size:.9rem;color:var(--t-dunkel-2)}
.kopfk .meta{margin-top:8px}

/* Newsletter + Fuß */
.news{background:var(--graphit-2);border-top:1px solid var(--linie-d);border-bottom:1px solid var(--linie-d)}
.news .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;padding-top:clamp(30px,4vw,56px);padding-bottom:clamp(30px,4vw,56px)}
@media (max-width:900px){.news .wrap{grid-template-columns:1fr}}
.news h2{font-size:clamp(2.2rem,4.4vw,4rem);color:#fff}
.news h2 em{font-style:normal;color:var(--gruen)}
.news p{color:var(--t-hell-2);margin:12px 0 0;max-width:50ch}
.news form{display:flex;gap:8px;flex-wrap:wrap}
.news input{flex:1;min-width:200px;background:var(--graphit);border:1px solid var(--linie-d2);color:#fff;padding:13px 14px;border-radius:var(--r);font:inherit}
.news small{display:block;margin-top:8px;color:var(--t-hell-3);font-size:.78rem}
.fuss{padding:40px 0 30px;color:var(--t-hell-3);font-size:.85rem}
.fuss .oben{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px;padding-bottom:26px;border-bottom:1px solid var(--linie-d)}
@media (max-width:900px){.fuss .oben{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.fuss .oben{grid-template-columns:1fr}}
.fuss h4{margin:0 0 10px;font:700 .7rem/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--t-hell-2)}
.fuss ul{list-style:none;margin:0;padding:0}
.fuss li{margin:6px 0}
.fuss a:hover{color:#fff}
.fuss .logo img{height:36px;margin-bottom:12px}
.fuss .unten{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding-top:16px;font-size:.78rem}
.fuss .hg{display:flex;gap:12px;align-items:center;margin-top:12px}
.fuss .hg img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.fuss .hg b{display:block;color:var(--t-hell);font-weight:600}

/* Artikel (hell) */
.lese{position:fixed;left:0;top:0;height:3px;width:0;background:var(--gruen);z-index:70}
.artikel-kopf{padding:clamp(26px,4vw,56px) 0 0}
.artikel-kopf .brot{font-size:.78rem;color:var(--t-dunkel-3);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.artikel-kopf .brot a:hover{color:var(--gruen-text)}
.artikel-kopf h1{font-size:clamp(2.6rem,6.4vw,6.4rem);line-height:.9;max-width:16ch;text-wrap:balance;margin:12px 0 18px}
.artikel-kopf h1 em{font-style:normal;color:var(--gruen-text)}
.artikel-kopf .dek{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.5;color:var(--t-dunkel-2);max-width:60ch;margin:0 0 22px}
.artikel-kopf .autor{display:flex;align-items:center;gap:12px;font-size:.88rem;color:var(--t-dunkel-3);padding-bottom:22px}
.artikel-kopf .autor img{width:40px;height:40px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.artikel-kopf .autor b{display:block;color:var(--t-dunkel);font-weight:600}
.artikel-kopf .autor .teilen{margin-left:auto;display:flex;gap:6px}
.artikel-kopf .autor .teilen a{width:36px;height:36px;border:1px solid var(--linie-h);border-radius:var(--r);display:grid;place-items:center;color:var(--t-dunkel)}
.titelbild{position:relative;margin:0;background:var(--papier-2)}
.titelbild img{width:100%;max-height:72vh;object-fit:cover;aspect-ratio:21/9}
.titelbild figcaption{font-size:.76rem;color:var(--t-dunkel-3);padding:8px var(--rand) 0;max-width:var(--max);margin:0 auto}
.text{max-width:720px;margin:0 auto;padding:clamp(28px,4vw,56px) 0 20px;font-size:1.08rem;line-height:1.75;color:#262A30}
.text>p:first-of-type::first-letter{font:800 3.9rem/.8 var(--kopf);float:left;margin:8px 10px 0 0;color:var(--gruen-text)}
.text h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:.95;margin:2.2em 0 .6em;color:var(--t-dunkel)}
.text h2 span{color:var(--gruen-text)}
.text p{margin:0 0 1.2em}
.text a{color:var(--gruen-dunkel);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.text sup{font-size:.7em;line-height:0}
.text sup a{text-decoration:none;font-weight:700}
.text blockquote{margin:2em 0;padding:0 0 0 22px;border-left:3px solid var(--gruen);font:800 clamp(1.5rem,2.4vw,2.1rem)/1 var(--kopf);text-transform:uppercase;color:var(--t-dunkel)}
.text blockquote cite{display:block;margin-top:10px;font:400 .82rem/1.3 var(--text);text-transform:none;color:var(--t-dunkel-3)}
.text figure{margin:2em calc(-1*clamp(0px,8vw,160px))}
@media (max-width:900px){.text figure{margin:2em 0}}
.text figure img{width:100%;border-radius:var(--r)}
.text figcaption{font-size:.78rem;color:var(--t-dunkel-3);margin-top:8px}
.text .tabelle{margin:2em 0;border:1px solid var(--linie-h);border-radius:var(--r);overflow:hidden;background:#fff;font-size:.92rem}
.text .tabelle table{width:100%;border-collapse:collapse}
.text .tabelle th{background:var(--graphit);color:var(--t-hell);font:700 .68rem/1 var(--text);letter-spacing:.1em;text-transform:uppercase;padding:10px 12px;text-align:left}
.text .tabelle td{padding:10px 12px;border-bottom:1px solid var(--linie-h);vertical-align:top}
.text .tabelle tr:last-child td{border-bottom:0}
.text .tabelle td:first-child{font-weight:700;white-space:nowrap}
.kurz{margin:2.4em 0 0;background:#fff;border:1px solid var(--linie-h);border-left:4px solid var(--gruen);border-radius:var(--r);padding:20px 22px}
.kurz h2{margin:0 0 10px;font-size:1.7rem}
.kurz ol{margin:0;padding-left:1.2em}
.kurz li{margin:6px 0;font-size:1rem}
.fussnoten{max-width:720px;margin:0 auto;padding:18px 0 40px;font-size:.8rem;color:var(--t-dunkel-3)}
.fussnoten ol{margin:0;padding-left:1.2em}
.fussnoten a{color:var(--gruen-dunkel)}
.autorbox{max-width:720px;margin:0 auto 40px;display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--linie-h);border-radius:var(--r);padding:18px}
.autorbox img{width:72px;height:72px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.autorbox b{display:block;font-weight:700}
.autorbox p{margin:4px 0 0;font-size:.9rem;color:var(--t-dunkel-2)}
.weiter{padding:0 0 clamp(36px,4vw,64px)}

/* Reportage „Vor Ort“ */
.rep-buehne{position:relative;min-height:min(86vh,900px);display:grid;align-items:end;overflow:hidden;background:var(--graphit)}
.rep-buehne img.hg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.78}
.rep-buehne::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,23,26,.25) 0%,rgba(21,23,26,.1) 35%,rgba(21,23,26,.92) 85%)}
.rep-buehne .wrap{position:relative;z-index:1;padding-bottom:clamp(26px,4vw,56px);padding-top:140px}
.rep-buehne h1{font-size:clamp(2.8rem,7.6vw,8rem);line-height:.86;color:#fff;max-width:14ch;text-wrap:balance;margin:14px 0 16px}
.rep-buehne h1 em{font-style:normal;color:var(--gruen)}
.rep-buehne .dek{font-size:clamp(1rem,1.5vw,1.3rem);color:var(--t-hell-2);max-width:60ch;margin:0 0 20px}
.rep-buehne .echt{display:inline-block;font:700 10px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--graphit);background:var(--gruen);padding:4px 7px;border-radius:2px;margin-left:10px;vertical-align:middle}
.rep-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(24px,4vw,64px);padding:clamp(30px,4vw,60px) 0}
@media (max-width:1000px){.rep-layout{grid-template-columns:1fr}}
.rep-layout .text{margin:0;padding:0;max-width:720px}
.steck{position:sticky;top:110px;align-self:start;background:#fff;border:1px solid var(--linie-h);border-radius:var(--r);padding:20px}
.steck .logo{height:56px;width:auto;margin-bottom:14px}
.steck h3{font-size:1.6rem;text-transform:none;letter-spacing:0;line-height:1;margin:0 0 4px}
.steck .ort{font-size:.85rem;color:var(--t-dunkel-3);margin-bottom:14px}
.steck dl{margin:0;border-top:1px solid var(--linie-h)}
.steck dl div{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--linie-h);font-size:.86rem}
.steck dt{color:var(--t-dunkel-3)}.steck dd{margin:0;font-weight:600}
.steck .btn{width:100%;justify-content:center;margin-top:14px}
.steck .mehr{display:block;text-align:center;margin-top:10px;font-size:.82rem;color:var(--gruen-dunkel);text-decoration:underline;text-underline-offset:3px}
.strecke{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin:2em calc(-1*clamp(0px,6vw,120px))}
@media (max-width:900px){.strecke{margin:2em 0;grid-template-columns:1fr 1fr}}
.strecke figure{margin:0;position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:var(--r)}
.strecke figure:first-child{grid-row:span 1}
.strecke img{width:100%;height:100%;object-fit:cover}
.strecke figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;font-size:.74rem;color:#fff;background:linear-gradient(transparent,rgba(21,23,26,.85))}
.fuenf{margin:2.4em 0;background:var(--graphit);color:var(--t-hell);border-radius:var(--r);padding:24px}
.fuenf .dach{margin-bottom:10px}
.fuenf h2{color:#fff;margin:0 0 16px;font-size:2rem}
.fuenf dl{margin:0}
.fuenf dt{font:800 1.15rem/1.1 var(--text);color:var(--gruen);margin:16px 0 6px}
.fuenf dd{margin:0;color:var(--t-hell-2);font-size:1rem;line-height:1.6}
.fuenf .wer{display:flex;gap:12px;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--linie-d)}
.fuenf .wer img{width:48px;height:48px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.fuenf .wer b{display:block;color:#fff;font-weight:600}
.fuenf .wer span{font-size:.8rem;color:var(--t-hell-3)}

/* Studio-Guide */
.guide-kopf{padding:clamp(30px,4vw,60px) 0 0}
.guide-kopf h1{font-size:clamp(2.8rem,6.4vw,6.6rem);color:#fff;max-width:14ch;text-wrap:balance;margin:12px 0 18px}
.guide-kopf h1 em{font-style:normal;color:var(--gruen)}
.guide-kopf .dek{color:var(--t-hell-2);font-size:clamp(1rem,1.4vw,1.2rem);max-width:64ch;margin:0 0 24px}
.warum{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--linie-d);border-radius:var(--r);overflow:hidden;margin-bottom:30px}
@media (max-width:800px){.warum{grid-template-columns:1fr}}
.warum div{padding:18px 20px;border-right:1px solid var(--linie-d)}
.warum div:last-child{border-right:0}
@media (max-width:800px){.warum div{border-right:0;border-bottom:1px solid var(--linie-d)}.warum div:last-child{border-bottom:0}}
.warum b{display:block;font:800 1.35rem/1 var(--kopf);text-transform:uppercase;color:#fff;margin-bottom:6px}
.warum p{margin:0;font-size:.9rem;color:var(--t-hell-2)}
.filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.filter button{background:#fff;border:1px solid var(--linie-h);color:var(--t-dunkel);padding:8px 12px;border-radius:var(--r);font-size:.85rem;font-weight:600}
.filter button.an{background:var(--graphit);color:#fff;border-color:var(--graphit)}
.filter .such{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;border:1px solid var(--linie-h);background:#fff;border-radius:var(--r);padding:8px 12px;font-size:.85rem;color:var(--t-dunkel-3)}
.guide-liste{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:1100px){.guide-liste{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.guide-liste{grid-template-columns:1fr}}
.gk{background:#fff;border:1px solid var(--linie-h);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s}
.gk:hover{border-color:var(--graphit)}
.gk .z1{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.gk h3{font-size:1.45rem;text-transform:none;letter-spacing:0;line-height:1}
.gk .ort{font-size:.82rem;color:var(--t-dunkel-3)}
.gk .tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.gk .tags span{font-size:.72rem;font-weight:600;padding:3px 7px;border:1px solid var(--linie-h);border-radius:2px;color:var(--t-dunkel-2)}
.gk .unten{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid var(--linie-h);font-size:.76rem;color:var(--t-dunkel-3)}
.gk .unten b{color:var(--gruen-text);font-weight:700}
.gk .pr{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gruen-text);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.gk .pr::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gruen)}
.gk.neu{border-color:var(--gruen)}
.gk.vorschlag{background:transparent;border-style:dashed;justify-content:center;align-items:center;text-align:center;color:var(--t-dunkel-2)}
.gk.vorschlag h3{font-size:1.3rem}

/* Studio-Seite */
.studio-kopf{padding:clamp(26px,4vw,52px) 0 0}
.studio-kopf .brot{font-size:.78rem;color:var(--t-dunkel-3);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.studio-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:start}
@media (max-width:1000px){.studio-grid{grid-template-columns:1fr}}
.studio-kopf h1{font-size:clamp(2.6rem,6vw,6rem);line-height:.9;margin:8px 0 14px}
.studio-kopf h1 em{font-style:normal;color:var(--gruen-text)}
.studio-kopf .dek{font-size:1.1rem;color:var(--t-dunkel-2);max-width:58ch;margin:0 0 18px}
.studio-kopf .cta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.studio-kopf .cta .tel{font-size:.9rem;color:var(--t-dunkel-2)}
.galerie{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:8px;aspect-ratio:3/2}
.galerie figure{margin:0;position:relative;overflow:hidden;border-radius:var(--r);background:var(--papier-2)}
.galerie figure:first-child{grid-row:span 2}
.galerie img{width:100%;height:100%;object-fit:cover}
.galerie .echt{position:absolute;left:10px;bottom:10px;font:700 10px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--graphit);background:var(--gruen);padding:4px 7px;border-radius:2px}
.studio-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);padding:clamp(28px,4vw,56px) 0}
@media (max-width:1000px){.studio-body{grid-template-columns:1fr}}
.block{background:#fff;border:1px solid var(--linie-h);border-radius:var(--r);padding:20px;margin-bottom:16px}
.block h2{font-size:1.6rem;margin:0 0 12px}
.block dl{margin:0}
.block dl div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--linie-h);font-size:.92rem}
.block dl div:last-child{border-bottom:0}
.block dt{color:var(--t-dunkel-3)}.block dd{margin:0}
.block .chips{display:flex;flex-wrap:wrap;gap:6px}
.block .chips span{font-size:.8rem;font-weight:600;padding:5px 9px;border:1px solid var(--linie-h);border-radius:2px}
.block .zeiten{width:100%;border-collapse:collapse;font-size:.92rem}
.block .zeiten td{padding:7px 0;border-bottom:1px solid var(--linie-h)}
.block .zeiten td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.block .zeiten tr:last-child td{border-bottom:0}
.block .pruef{display:flex;gap:8px;align-items:center;font-size:.78rem;color:var(--t-dunkel-3);margin-top:12px}
.block .pruef i{width:8px;height:8px;border-radius:50%;background:var(--gruen)}
.minikarte{position:relative;aspect-ratio:4/3;background:var(--graphit-2);border-radius:var(--r);overflow:hidden;background-image:radial-gradient(var(--linie-d2) 1px,transparent 1px);background-size:14px 14px}
.minikarte .pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--gelb);box-shadow:0 0 0 8px rgba(255,217,48,.18)}
.minikarte .adr{position:absolute;left:12px;bottom:10px;color:var(--t-hell);font-size:.8rem}
.art-liste{list-style:none;margin:0;padding:0}
.art-liste li{padding:12px 0;border-bottom:1px solid var(--linie-h)}
.art-liste li:last-child{border-bottom:0}
.art-liste .r{font:700 .66rem/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--gruen-text)}
.art-liste h4{margin:5px 0 3px;font:800 1.1rem/1.15 var(--text)}
.art-liste a:hover h4{color:var(--gruen-text)}
.art-liste .meta{font-size:.78rem}
.transparenz{font-size:.8rem;color:var(--t-dunkel-3);border-top:1px solid var(--linie-h);padding-top:12px;margin-top:4px}

/* Einblenden */
.auf{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.auf.da{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.auf{opacity:1;transform:none;transition:none}}