@font-face{font-family:"Sg Head";src:url(f/lexend.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Sg Body";src:url(f/lora.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--wasser:#e8f4f2;--weiss:#fdfefe;--tief:#0e4d4a;--mittel:#3fa79f;--koralle:#ef6f5e;--gold:#f2b134;--schrift:#203230;--leise:#5b706d}
*{box-sizing:border-box}
body{margin:0;background:var(--weiss);color:var(--schrift);font:1.075rem/1.75 "Sg Body",Georgia,serif}
a{color:var(--tief);text-decoration-color:var(--mittel);text-decoration-thickness:2px;text-underline-offset:4px}
a:hover{color:var(--koralle);text-decoration-color:var(--koralle)}
.sg-breit{max-width:76rem;margin:0 auto;padding:0 1.5rem}
.sg-eng{max-width:46rem;margin:0 auto;padding:0 1.5rem}
.sg-leiste{background:var(--weiss);border-bottom:1px solid #d5e7e4;position:sticky;top:0;z-index:5}
.sg-leiste .sg-breit{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem;padding-top:.7rem;padding-bottom:.7rem}
.sg-name{font:600 1.2rem "Sg Head",sans-serif;color:var(--tief);text-decoration:none;display:flex;align-items:center;gap:.4rem}
.sg-name span{color:var(--koralle);font-size:1.4rem}
.sg-name em{font-style:normal;font-weight:400;color:var(--mittel)}
.sg-leiste ul{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;margin:0;padding:0}
.sg-leiste li a{font:500 .88rem "Sg Head",sans-serif;text-decoration:none;color:var(--leise);padding:.35rem .8rem;border-radius:999px}
.sg-leiste li a:hover{background:var(--wasser);color:var(--tief)}
.sg-leiste li a.aktiv{background:var(--tief);color:#fff}
.sg-hero{background:linear-gradient(180deg,var(--wasser),var(--weiss));padding:4.5rem 0 2rem;text-align:center}
.sg-kopf{padding-top:3.2rem;padding-bottom:.5rem}
.sg-tag{display:inline-block;font:600 .75rem "Sg Head",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--koralle);background:#fdeceb;padding:.25rem .7rem;border-radius:999px;margin:0 0 1rem}
h1{font:700 clamp(2rem,4.6vw,3.1rem)/1.12 "Sg Head",sans-serif;color:var(--tief);margin:0 0 1rem;letter-spacing:-.02em}
.sg-lead{font-size:1.2rem;color:var(--leise);margin:0 0 1.5rem}
.sg-kette{width:100%;max-width:560px;height:auto;margin:1.5rem auto 0;display:block}
.sg-text{padding-bottom:3rem}
.sg-text h2{font:600 1.45rem/1.3 "Sg Head",sans-serif;color:var(--tief);margin:2.6rem 0 .6rem}
.sg-text h3{font:600 1.08rem "Sg Head",sans-serif;color:var(--schrift);margin:1.6rem 0 .3rem}
.sg-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;margin:1.8rem 0;padding:0;list-style:none}
.sg-karten li{background:var(--wasser);border-radius:18px;padding:1.1rem 1.2rem;margin:0}
.sg-karten li a{font:600 1.05rem "Sg Head",sans-serif;text-decoration:none}
.sg-karten li p{margin:.3rem 0 0;font-size:.95rem;color:var(--leise)}
.sg-fakt{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.8rem;margin:1.8rem 0}
.sg-fakt div{border:2px solid var(--wasser);border-radius:16px;padding:.9rem;text-align:center}
.sg-fakt b{display:block;font:700 1.35rem "Sg Head",sans-serif;color:var(--koralle)}
.sg-fakt span{font-size:.88rem;color:var(--leise)}
.sg-merke{background:#fff8e8;border-radius:16px;padding:1rem 1.3rem;margin:1.6rem 0;border:1px solid #f5dfa8}
.sg-anbieter{background:var(--tief);color:#e8f4f2;border-radius:20px;padding:1.4rem 1.5rem;margin:2rem 0}
.sg-anbieter h3{color:#fff;margin-top:0}
.sg-anbieter a{color:var(--gold)}
.sg-gl dt{font:600 1.08rem "Sg Head",sans-serif;color:var(--tief);margin-top:1.4rem}
.sg-gl dd{margin:.2rem 0 0}
.sg-zeit{border-left:3px solid var(--wasser);margin:1.5rem 0;padding-left:1.3rem}
.sg-zeit p{margin:0 0 1.2rem}
.sg-zeit b{font-family:"Sg Head",sans-serif;color:var(--koralle);margin-right:.4rem}
details{border:1px solid #d5e7e4;border-radius:14px;padding:.8rem 1.1rem;margin:.7rem 0}
summary{cursor:pointer;font:600 1.02rem "Sg Head",sans-serif;color:var(--tief)}
table{width:100%;border-collapse:separate;border-spacing:0;margin:1.3rem 0;font-size:.95rem;border:1px solid #d5e7e4;border-radius:14px;overflow:hidden}
th{background:var(--wasser);font:600 .92rem "Sg Head",sans-serif;color:var(--tief);text-align:left;padding:.6rem .8rem}
td{padding:.6rem .8rem;border-top:1px solid #e3efed;vertical-align:top}
.sg-quellen{margin-top:3rem;padding-top:1rem;border-top:2px dotted #cfe3e0;font-size:.9rem;color:var(--leise)}
.sg-quellen h2{font-size:1.05rem}
.sg-quellen span{font-weight:700;color:var(--schrift)}
.sg-quellen li{margin:.5rem 0}
.sg-ende{background:var(--wasser);padding:2rem 0 2.5rem;font-size:.92rem}
.sg-achtung{background:#fff;border-radius:16px;padding:1rem 1.2rem;border-left:5px solid var(--koralle)}
.sg-achtung b{font-family:"Sg Head",sans-serif;color:var(--koralle)}
.sg-achtung p{margin:.3rem 0 0}
.sg-klein{color:var(--leise);font-size:.85rem;margin-top:1rem}
@media(max-width:640px){.sg-leiste{position:static}.sg-hero{padding-top:2.5rem}}
@media screen and (max-width:660px){table{display:block;overflow-x:auto}}