/* ════════════════════════════════════════════
   edvGO · Standort-Seiten (Reutlingen, Pfullingen, Tübingen, Einzugsgebiet)
   Neon-Design · ergänzt neon.css (Tokens, Header, Footer, Mods, CTA-Band)
   Hinweis: Seiten laufen ohne site.js-Reveal — deshalb hier statische
   Sichtbarkeit für Komponenten, die auf .reveal.in angewiesen wären.
   ════════════════════════════════════════════ */
body{background:var(--bg);color:var(--ink);font-family:'Space Grotesk',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;}

/* ── Layout ── */
.smain{position:relative;z-index:1;max-width:1060px;margin:0 auto;
  padding:clamp(96px,12vh,128px) clamp(18px,4vw,32px) clamp(40px,7vh,72px);}
.breadcrumb{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.06em;color:var(--mute);margin-bottom:30px;}
.breadcrumb a{color:var(--dim);transition:.15s;}
.breadcrumb a:hover{color:var(--neon-g);}
.breadcrumb b{color:var(--ink);font-weight:600;}

/* ── Hero ── */
.shero h1{font-size:clamp(36px,5.4vw,58px);font-weight:600;letter-spacing:-.03em;line-height:1.04;margin:14px 0 0;text-wrap:balance;}
.shero h1 em{font-style:normal;color:var(--neon-g);text-shadow:0 0 24px rgba(116,255,58,.42);}
.shero h1::after{content:"";display:block;width:64px;height:3px;margin-top:24px;border-radius:3px;
  background:linear-gradient(90deg,var(--neon-g),var(--neon-v));box-shadow:0 0 16px rgba(116,255,58,.4);}
.shero .lede{margin-top:22px;font-size:clamp(16px,1.7vw,19px);line-height:1.7;color:var(--dim);max-width:72ch;text-wrap:pretty;}
.shero .lede strong{color:var(--ink);font-weight:600;}

/* ── Fakten-Chips ── */
.facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
.fact{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;letter-spacing:.03em;color:#c2c4d4;
  border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:rgba(255,255,255,.02);}
.fact b{color:var(--neon-g);font-weight:600;}

/* ── Inhalts-Sektionen ── */
.ssec{margin-top:clamp(46px,7vh,68px);padding-top:30px;border-top:1px solid var(--line);}
.ssec .eyebrow{margin-bottom:10px;}
.ssec h2{font-size:clamp(23px,3.1vw,32px);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:0 0 14px;text-wrap:balance;}
.ssec h2 em{font-style:normal;color:var(--neon-g);text-shadow:0 0 22px rgba(116,255,58,.4);}
.ssec h2 em.v{color:var(--neon-v);text-shadow:0 0 22px rgba(155,107,255,.45);}
.ssec p{font-size:16px;line-height:1.72;color:var(--dim);margin:0 0 14px;max-width:75ch;text-wrap:pretty;}
.ssec strong{color:var(--ink);font-weight:600;}
.ssec a{color:var(--neon-g);border-bottom:1px solid color-mix(in srgb,var(--neon-g) 38%,transparent);transition:.15s;}
.ssec a:hover{color:#9bff58;border-bottom-color:var(--neon-g);}
.ssec ul.pl{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px;max-width:75ch;}
.ssec ul.pl li{position:relative;padding-left:26px;font-size:15.5px;line-height:1.62;color:var(--dim);}
.ssec ul.pl li::before{content:"▹";position:absolute;left:0;top:0;color:var(--neon-g);}
.ssec ul.pl li b{color:var(--ink);font-weight:600;}
.ssec .mods{margin-top:24px;}
.ssec .mnote{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;color:var(--mute);margin-top:18px;}
.ssec .mnote a{border-bottom:none;}

/* ── CTA-Band: ohne site.js immer sichtbar ── */
.smain-wrap .cta-band .up{opacity:1;transform:none;}

/* ── Ablauf-Schritte (Leistungs-Seiten) ── */
.ssec ol.steps{list-style:none;margin:6px 0 16px;padding:0;display:flex;flex-direction:column;gap:14px;max-width:75ch;counter-reset:step;}
.ssec ol.steps li{position:relative;padding-left:46px;font-size:15.5px;line-height:1.62;color:var(--dim);counter-increment:step;}
.ssec ol.steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:1px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--neon-g);border:1px solid var(--line);border-radius:8px;padding:2px 7px;}
.ssec ol.steps li b{color:var(--ink);font-weight:600;}

/* ── Orte-Chips (Einzugsgebiet) ── */
.orte{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 10px;max-width:82ch;}
.ort{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;color:#c2c4d4;border:1px solid var(--line);border-radius:999px;padding:7px 13px;background:rgba(255,255,255,.02);}
.ssec a.ort{color:var(--neon-g);border-bottom:none;border-color:color-mix(in srgb,var(--neon-g) 45%,var(--line));}
.ssec a.ort:hover{color:#fff;border-color:var(--neon-g);box-shadow:var(--glow-g);}

/* ── Mods als Links (Einzugsgebiet → Standorte) ── */
.ssec .mods a.mod{color:inherit;border-bottom:none;}
.ssec .mods a.mod .read{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--neon-g);margin-top:4px;}
