@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/atkinson-400.woff2) format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/atkinson-700.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/bricolage.woff2) format("woff2")}

/* Layout: ruhige, helle Bänder im Wechsel Bild/Text wie bei Kieser; große Schrift für 60+, Kennenlerntraining immer in Reichweite */
/* Farbwelt benefit: Taubenblau, Salbeigrün, Signalrot, Eiche natur, Dunkles Holz; Logo Pantone 2735 C */
:root{
  --bg:#F7F3EE;
  --surface:#FFFFFF;
  --band:#E9ECE2;
  --ink:#2E251C;
  --muted:#5E554B;
  --line:#E0D7CB;
  --accent:#C45040;
  --accent-ink:#FFFFFF;
  --sun:#C3A683;
  --sun-ink:#2E251C;
  --taube:#687B83;
  --taube-text:#4E636B;
  --salbei:#8A9279;
  --holz:#634F3E;
  --on-dark:#FFFFFF;
  --logo:#2E008B;
  --taken:#D2C8BB;
  --display:"Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --body:"Atkinson Hyperlegible", "Segoe UI", Verdana, sans-serif;
  --radius:14px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#1D1813;--surface:#28211A;--band:#23271F;--ink:#F3ECE3;--muted:#C8BBAB;--line:#3D342A;
  --accent:#E06A58;--accent-ink:#1D1813;--sun:#C3A683;--sun-ink:#1D1813;--taube:#556A72;--taube-text:#9DB2BA;
  --salbei:#7C846C;--holz:#3A2E24;--on-dark:#FFFFFF;--logo:#CDC2F2;--taken:#4A4036;color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#1D1813;--surface:#28211A;--band:#23271F;--ink:#F3ECE3;--muted:#C8BBAB;--line:#3D342A;
  --accent:#E06A58;--accent-ink:#1D1813;--sun:#C3A683;--sun-ink:#1D1813;--taube:#556A72;--taube-text:#9DB2BA;
  --salbei:#7C846C;--holz:#3A2E24;--on-dark:#FFFFFF;--logo:#CDC2F2;--taken:#4A4036;color-scheme:dark}

html{font-size:112.5%}
html.gross{font-size:131%}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.6;margin:0}
h1,h2,h3{font-family:var(--display);line-height:1.08;text-wrap:balance;margin:0;letter-spacing:-.015em}
h1{font-size:clamp(2.3rem,5.4vw,4.1rem);font-weight:800}
h2{font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:800}
h3{font-size:1.25rem;font-weight:700}
p{margin:0}
a{color:var(--accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}
.eyebrow{font-family:var(--display);font-weight:700;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--taube-text)}
.lead{font-size:1.2rem;color:var(--muted);max-width:36em}
.btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--display);font-weight:700;font-size:1.05rem;padding:.85em 1.4em;border-radius:999px;border:2px solid var(--accent);background:var(--accent);color:var(--accent-ink);text-decoration:none;cursor:pointer;transition:transform .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--accent)}
.note{font-size:.82rem;color:var(--muted)}

/* Kopfzeile */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--surface)}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--surface);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:1.2rem;padding-block:.7rem}
.logo{color:var(--logo);display:inline-flex;line-height:0}
.logo svg{display:block;height:3.1rem;width:auto}
.logo-unused small{display:block;font-size:.5rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:.25em}
nav.main{display:flex;gap:1.4rem;margin-left:auto}
nav.main a{color:var(--ink);text-decoration:none;font-weight:700}
nav.main a:hover{color:var(--accent)}
.top .btn{padding:.6em 1.1em;font-size:.95rem}
.size{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:.35em .8em;font-family:var(--display);font-weight:700;cursor:pointer;font-size:.9rem}
@media (max-width:900px){nav.main{display:none}.top .btn{margin-left:auto}}
@media (max-width:480px){.top .btn span.long{display:none}}

/* Hero */
.hero{padding-block:2.5rem 3.5rem}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center}
.hero-text{display:grid;gap:1.4rem;min-width:0}
.hero-text .cta{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.hero-photo{position:relative}
.hero-photo img{width:100%;aspect-ratio:1/0.95;object-fit:cover;border-radius:220px 220px var(--radius) var(--radius);display:block}
.badge{position:absolute;left:-1.2rem;bottom:1.6rem;background:var(--sun);color:var(--sun-ink);font-family:var(--display);font-weight:800;padding:.9rem 1.2rem;border-radius:var(--radius);max-width:15rem;line-height:1.2;box-shadow:0 10px 30px rgba(20,33,61,.15)}
.claim{font-weight:700;color:var(--ink)}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}.hero-photo{order:-1}.badge{left:.8rem}}

/* Fakten */
.facts{background:var(--taube);color:var(--on-dark)}
.facts .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding-block:2rem}
.fact{min-width:0}
.fact b{display:block;font-family:var(--display);font-size:clamp(1.1rem,2.4vw,1.6rem);hyphens:auto;overflow-wrap:break-word;font-weight:800;line-height:1.1;color:var(--on-dark)}
.fact span{opacity:.92}
@media (max-width:760px){.facts .wrap{grid-template-columns:1fr 1fr}}

section.block{padding-block:4.5rem}
.band{background:var(--band)}

/* Alltag */
.split{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start}
.split > *{min-width:0}
.stack{display:grid;gap:1.1rem}
.alltag{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}
.alltag li{display:flex;gap:.9rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1.1rem;font-weight:700}
.alltag svg{flex:none;width:30px;height:30px;color:var(--accent)}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:2rem}}

/* E-Bike-Prinzip */
.assist{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:2rem;display:grid;gap:1.4rem}
.levels{display:flex;flex-wrap:wrap;gap:.5rem}
.levels button{font-family:var(--display);font-weight:700;font-size:1rem;padding:.6em 1.15em;border-radius:999px;border:2px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
.levels button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.meter{display:flex;height:3.2rem;border-radius:12px;overflow:hidden;border:1px solid var(--line);font-family:var(--display);font-weight:700}
.meter div{display:flex;align-items:center;padding:0 1rem;white-space:nowrap;transition:flex-basis .5s ease;min-width:0;overflow:hidden}
.m-motor{background:var(--taube);color:var(--on-dark)}
.m-you{background:var(--sun);color:var(--sun-ink);justify-content:flex-end}
.assist-text{font-size:1.1rem;min-height:3.4em}
@media (prefers-reduced-motion:reduce){.meter div,.btn{transition:none}}

/* Gemeinschaft */
.photo-wide img{width:100%;border-radius:var(--radius);display:block;aspect-ratio:3/2;object-fit:cover}

/* Ablauf + Buchung */
.steps{list-style:none;padding:0;margin:0;display:grid;gap:1.2rem;counter-reset:s}
.steps li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:start}
.steps li::before{counter-increment:s;content:counter(s);width:3rem;height:3rem;border-radius:50%;background:var(--sun);color:var(--sun-ink);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:1.25rem}
.booking{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.6rem;display:grid;gap:1.1rem}
.days{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.3rem}
.day{flex:none;border:2px solid var(--line);background:transparent;color:var(--ink);border-radius:12px;padding:.5rem .8rem;text-align:center;cursor:pointer;font-family:var(--body);min-width:4.6rem}
.day b{display:block;font-family:var(--display);font-size:1.3rem}
.day[aria-pressed="true"]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.5rem}
.slot{border:2px solid var(--accent);background:transparent;color:var(--accent);border-radius:10px;padding:.6rem;font-family:var(--display);font-weight:700;font-size:1.05rem;cursor:pointer;font-variant-numeric:tabular-nums}
.slot[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
.slot:disabled{border-color:var(--taken);color:var(--muted);text-decoration:line-through;cursor:not-allowed}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.fields label{display:grid;gap:.25rem;font-weight:700;font-size:.95rem}
.fields .full{grid-column:1/-1}
.fields input{font:inherit;padding:.7rem .85rem;border-radius:10px;border:2px solid var(--line);background:var(--bg);color:var(--ink);min-width:0}
@media (max-width:520px){.fields{grid-template-columns:1fr}}
.studio-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.5rem}
.studio-pick button{border:2px solid var(--line);background:transparent;color:var(--ink);border-radius:12px;padding:.7rem .9rem;text-align:left;cursor:pointer;font-family:var(--body);font-size:1rem}
.studio-pick button b{display:block;font-family:var(--display);font-size:1.15rem}
.studio-pick button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}
.fields textarea{font:inherit;padding:.7rem .85rem;border-radius:10px;border:2px solid var(--line);background:var(--bg);color:var(--ink);min-height:6rem;resize:vertical;min-width:0}
.step-label{font-family:var(--display);font-weight:700;font-size:1rem;margin:0}
.opt{font-weight:400;color:var(--muted);font-size:.85rem}
.studios-head{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:end}
.studio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1.2rem}
.studio-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:grid}
.studio-card .top-band{background:var(--holz);color:var(--on-dark);padding:1.4rem 1.5rem}
.studio-card .top-band h3{font-size:1.6rem}
.studio-card .top-band p{color:var(--sun);font-family:var(--display);font-weight:700;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}
.studio-card .body{padding:1.3rem 1.5rem 1.5rem;display:grid;gap:1rem;line-height:1.7}
.hours span{white-space:nowrap}
.hours{display:flex;flex-wrap:wrap;gap:.2rem .6rem;align-items:baseline;background:var(--band);border-radius:10px;padding:.7rem .9rem;font-variant-numeric:tabular-nums}
.confirm{background:var(--sun);color:var(--sun-ink);border-radius:12px;padding:1rem 1.2rem;font-weight:700}

/* FAQ */
.faq{display:grid;gap:.7rem;max-width:52rem}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.3rem}
.faq summary{font-family:var(--display);font-weight:700;font-size:1.2rem;cursor:pointer}
.faq details p{margin-top:.7rem;color:var(--muted)}

/* Studio */
.studio{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center;background:var(--holz);color:var(--on-dark);border-radius:26px;padding:2.6rem}
.studio .eyebrow{color:var(--sun)}
.studio .btn{background:var(--sun);border-color:var(--sun);color:var(--sun-ink)}
.addr{background:rgba(255,255,255,.12);border-radius:var(--radius);padding:1.3rem;line-height:1.7}
@media (max-width:860px){.studio{grid-template-columns:1fr;padding:1.8rem}}

footer{border-top:1px solid var(--line);margin-top:4rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding-block:2rem;color:var(--muted)}
footer nav{display:flex;gap:1.2rem;flex-wrap:wrap}
footer a{color:var(--muted)}
.ph{background:var(--sun);color:var(--sun-ink);padding:0 .3em;border-radius:4px}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.check{display:flex;gap:.7rem;align-items:flex-start;font-size:.95rem}
.check input{width:1.4rem;height:1.4rem;flex:none;margin-top:.15rem;accent-color:var(--accent)}
.day:disabled{opacity:.45;cursor:not-allowed}
.legal{max-width:46rem;display:grid;gap:1rem}
.legal h2{font-size:1.5rem;margin-top:1.2rem}
.btn:disabled{opacity:.6;cursor:wait}
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1.2rem}
.news-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.news-card a{display:grid;color:inherit;text-decoration:none;height:100%;grid-template-rows:auto 1fr}
.news-card a:hover h3{color:var(--accent)}
.news-img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;max-width:100%}
.news-ph{background:var(--salbei);display:grid;place-items:center}
.news-ph span{font-family:var(--display);font-weight:800;font-size:1.4rem;color:var(--on-dark);opacity:.9;padding:1rem;text-align:center}
.news-body{padding:1.2rem 1.4rem 1.5rem;display:grid;gap:.6rem;align-content:start}
.news-meta{font-size:.85rem;color:var(--muted)}
.news-meta span{font-family:var(--display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--taube-text);font-size:.78rem}
.news-body .more{font-family:var(--display);font-weight:700;color:var(--accent)}
.news-list{display:grid;gap:2.5rem;max-width:52rem}
.news-full{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;scroll-margin-top:6rem}
.news-full .news-body{padding:1.6rem 1.8rem 2rem;gap:.9rem}
.news-full h2{font-size:clamp(1.5rem,3vw,2rem)}
.news-head{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:end}
/* Verwaltung */
.adm{max-width:56rem;display:grid;gap:1.4rem}
.adm-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.6rem;display:grid;gap:1rem;max-width:34rem}
.adm-card label,.adm-form label{display:grid;gap:.3rem;font-weight:700}
.adm input[type=text],.adm input[type=password],.adm input[type=date],.adm select,.adm textarea{font:inherit;padding:.7rem .85rem;border-radius:10px;border:2px solid var(--line);background:var(--bg);color:var(--ink);min-width:0;width:100%}
.adm textarea{min-height:14rem;resize:vertical}
.adm-form{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.6rem;display:grid;gap:1.1rem}
.adm-two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:560px){.adm-two{grid-template-columns:1fr}}
.adm-row{display:grid;grid-template-columns:6rem 1fr auto;gap:1rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.8rem}
.adm-row img,.adm-noimg{width:6rem;aspect-ratio:3/2;object-fit:cover;border-radius:8px;background:var(--band)}
.adm-txt{min-width:0}
.adm-act{display:flex;gap:.5rem;flex-wrap:wrap}
.adm-act .btn{padding:.45em 1em;font-size:.9rem}
.btn.danger{border-color:var(--line);color:var(--muted)}
@media (max-width:640px){.adm-row{grid-template-columns:4.5rem 1fr}.adm-row img,.adm-noimg{width:4.5rem}.adm-act{grid-column:1/-1}}
.pill{font-family:var(--display);font-size:.75rem;padding:.1em .6em;border-radius:999px;background:var(--band);color:var(--muted)}
.pill.on{background:var(--salbei);color:var(--on-dark)}
#bildAlt img{max-width:16rem;border-radius:10px;display:block}
.adm-bar{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;align-items:center}
.adm-tabs{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--line);padding-bottom:1rem}
.adm-tabs button{font-family:var(--display);font-weight:700;font-size:1rem;padding:.55em 1.1em;border-radius:999px;border:2px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
.adm-tabs button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.bild-vorschau{display:flex;flex-wrap:wrap;gap:.6rem}
.bild-vorschau img{width:9rem;aspect-ratio:3/2;object-fit:cover;border-radius:10px}
.bild-feld{border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem;display:grid;gap:1rem;margin:0;min-width:0}
.bild-feld legend{font-weight:700;padding:0 .4rem}
.bild-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.8rem}
.bild-kachel{display:grid;gap:.3rem;font-size:.85rem}
.bild-kachel img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px}
.bild-kachel label{display:flex;gap:.4rem;align-items:center;font-weight:400}
/* Studio-Karten + Studioseite */
.studio-foto{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;max-width:100%}
.studio-card h3 a{color:inherit;text-decoration:none}
.studio-card h3 a:hover{text-decoration:underline}
.card-actions{display:flex;flex-wrap:wrap;gap:.6rem}
.studio-hero{padding-block:2.5rem 3.5rem}
.studio-hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:3rem;align-items:center}
.studio-hero-grid > *{min-width:0}
@media (max-width:860px){.studio-hero-grid{grid-template-columns:1fr}.studio-hero-grid .hero-foto{order:-1}}
.hero-foto{padding:0;border:0;background:none;cursor:zoom-in;display:block;width:100%}
.hero-foto img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);display:block}
.studio-ph{aspect-ratio:4/3;border-radius:var(--radius);background:var(--salbei);display:grid;place-items:center;cursor:default}
.studio-ph span{font-family:var(--display);font-weight:800;font-size:2.4rem;color:var(--on-dark)}
.info-box{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.5rem;display:grid;gap:.8rem;align-content:start}
.pre{white-space:pre-line}
.galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.8rem}
.galerie button{padding:0;border:0;background:none;cursor:zoom-in;border-radius:12px;overflow:hidden}
.galerie img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .3s ease}
.galerie button:hover img{transform:scale(1.03)}
.lightbox{border:0;padding:0;background:transparent;max-width:min(96vw,1200px);width:100%}
.lightbox::backdrop{background:rgba(20,15,10,.85)}
.lightbox img{width:100%;max-height:80vh;object-fit:contain;display:block}
.lb-bar{display:flex;gap:.6rem;justify-content:center;align-items:center;padding:.8rem;color:#fff}
.lb-bar .btn.ghost{color:#fff;border-color:rgba(255,255,255,.6)}
/* Zirkel */
.zirkel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:center}
@media (max-width:900px){.zirkel-grid{grid-template-columns:1fr;gap:2rem}}
.ring{position:relative;width:100%;max-width:36rem;aspect-ratio:1;margin:0 auto}
.ring::before{content:"";position:absolute;inset:9%;border-radius:50%;border:3px dashed var(--salbei);opacity:.7}
.node{position:absolute;transform:translate(-50%,-50%);width:5.4rem;height:5.4rem;border-radius:50%;border:2px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:grid;place-content:center;gap:.05rem;text-align:center;padding:.3rem;transition:transform .2s ease,background .2s ease;box-shadow:0 4px 14px rgba(46,37,28,.08)}
.node b{font-family:var(--display);font-size:1.35rem;line-height:1}
.node span{font-size:.62rem;line-height:1.15;font-weight:700;color:var(--muted)}
.node:hover{transform:translate(-50%,-50%) scale(1.06)}
.node[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.node[aria-pressed="true"] span{color:var(--accent-ink)}
.ring-mitte{position:absolute;inset:30%;border-radius:50%;background:var(--band);display:grid;place-content:center;text-align:center;line-height:1.1}
.ring-mitte b{font-family:var(--display);font-size:clamp(2.6rem,7vw,4.2rem);font-weight:800;color:var(--accent)}
@media (max-width:560px){.node{width:3.3rem;height:3.3rem}.node span{display:none}.node b{font-size:1.15rem}}
@media (prefers-reduced-motion:reduce){.node,.galerie img{transition:none}}
.station{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;scroll-margin-top:6rem}
.station-bild{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.station-ph{background:var(--band);display:grid;place-items:center}
.station-ph b{font-family:var(--display);font-size:5rem;font-weight:800;color:var(--salbei)}
.station-text{padding:1.5rem 1.7rem 1.8rem;display:grid;gap:.8rem}
.station-nav{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;margin-top:.4rem}
.station-nav .btn{padding:.5em 1em;font-size:.95rem}
.station-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:.7rem}
.station-liste button{width:100%;display:grid;grid-template-columns:2.6rem 1fr;gap:.9rem;align-items:start;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;cursor:pointer;font:inherit;color:var(--ink)}
.station-liste button:hover{border-color:var(--accent)}
.station-liste b{width:2.6rem;height:2.6rem;border-radius:50%;background:var(--sun);color:var(--sun-ink);display:grid;place-items:center;font-family:var(--display);font-size:1.1rem}
.station-liste strong{display:block;font-family:var(--display);font-size:1.1rem}
.station-liste span{color:var(--muted);font-size:.95rem;min-width:0}
@media (max-width:480px){.logo svg{height:2.5rem}.top .wrap{gap:.7rem}}
.studio-text p{font-size:1.1rem;max-width:36em}
.studio-card{display:flex;flex-direction:column}
.studio-card .body{flex:1;align-content:start}
.studio-grid{align-items:start}