/* Ergotherapie Tegel. Schriften lokal (Lato, Ubuntu), keine Verbindung zu Google. */

@font-face{font-family:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url(/schriften/lato-400-latin-ext.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:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url(/schriften/lato-400-latin.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:"Lato";font-style:normal;font-weight:700;font-display:swap;src:url(/schriften/lato-700-latin-ext.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:"Lato";font-style:normal;font-weight:700;font-display:swap;src:url(/schriften/lato-700-latin.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:"Ubuntu";font-style:normal;font-weight:500;font-display:swap;src:url(/schriften/ubuntu-500-latin-ext.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:"Ubuntu";font-style:normal;font-weight:500;font-display:swap;src:url(/schriften/ubuntu-500-latin.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:"Ubuntu";font-style:normal;font-weight:700;font-display:swap;src:url(/schriften/ubuntu-700-latin-ext.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:"Ubuntu";font-style:normal;font-weight:700;font-display:swap;src:url(/schriften/ubuntu-700-latin.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}

/* Nachbau des bisherigen Auftritts (Divi): helles Blaugrau, weisse Runde,
   Ubuntu fuer Ueberschriften, Lato fuer Text, Orange als Akzent. */
:root{
  --grund:#f1f3f7;
  --weiss:#fff;
  --text:#666;
  --dunkel:#333;
  --nacht:#1e0b3d;
  --orange:#eca02c;
  --orange-text:#b86f08;  /* Linkfarbe, AA auf hellem Grund */
  --blau:#2ea3f2;
  --linie:#e6e8ee;
  --schatten:0 18px 50px rgba(30,40,80,.10);
  --kopf:"Ubuntu",Helvetica,Arial,sans-serif;
  --fliess:"Lato",Helvetica,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--weiss);color:var(--text);font:400 17px/1.75 var(--fliess);overflow-wrap:break-word;hyphens:auto}
address,.kontaktzeile,.kopf{hyphens:manual}
img{max-width:100%;height:auto;display:block}
a{color:var(--orange-text);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--blau);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--kopf);font-weight:700;color:var(--dunkel);line-height:1.2;margin:0 0 .55em;text-wrap:pretty;hyphens:auto;hyphenate-limit-chars:8 4 4}
h1{font-size:clamp(1.9rem,1.3rem + 2.2vw,2.6rem);color:var(--nacht);letter-spacing:-.01em}
h2{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.2rem)}
h3{font-size:1.35rem}
h4{font-size:1.1rem}
p{margin:0 0 1em}
strong{color:#555}
ul{padding-left:1.2em;margin:0 0 1em}
address{font-style:normal}
.satzteil{display:inline-block}
h1:has(.satzteil),h2:has(.satzteil),h3:has(.satzteil),h4:has(.satzteil){text-wrap:normal}
.huelle{width:min(1080px,100% - 32px);margin-inline:auto}
.schmal{width:min(780px,100% - 32px);margin-inline:auto}
.mitte{text-align:center}
.sprung{position:absolute;left:-999px;top:8px;background:var(--nacht);color:#fff;padding:.6em 1em;border-radius:6px;z-index:50}
.sprung:focus{left:16px}
.offen-markierung{background:#ffe066;padding:0 .3em}
.titel-grau{color:#555;font-weight:500}

/* Kopf */
.kopf{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.kopf__innen{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;min-height:80px}
.marke{display:block;min-width:0}
.marke img{width:56px;height:auto}
.nav ul{display:flex;flex-wrap:wrap;gap:.2rem 1.5rem;list-style:none;margin:0;padding:0}
.nav a{font:500 15px/1 var(--kopf);color:#555;padding:.5em 0;display:inline-block}
.nav a:hover{color:var(--blau);text-decoration:none}
.nav a[aria-current]{color:var(--blau)}
.menueknopf{display:none;background:none;border:0;color:var(--orange);cursor:pointer;padding:.4rem;font:500 15px var(--kopf);align-items:center;gap:.4em}
.menueknopf svg{width:28px;height:28px}
@media (max-width:980px){
  .menueknopf{display:inline-flex}
  .nav{display:none;flex-basis:100%;border-top:3px solid var(--blau);padding:.6rem 0 1rem}
  .nav.offen{display:block}
  .nav ul{flex-direction:column;gap:0}
  .nav a{display:block;padding:.8em 0;border-bottom:1px solid var(--linie)}
}

/* Pillen-Knoepfe wie im Original: Farbverlauf nach rechts ins Transparente */
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.6em;font:500 13px/1.3 var(--kopf);letter-spacing:.06em;text-transform:uppercase;color:#222;padding:1.35em 2.6em;border-radius:999px;background:linear-gradient(90deg,#f9d39a 0%,#fde9c9 55%,rgba(255,255,255,0) 100%);text-align:center;transition:transform .2s}
.knopf:hover{text-decoration:none;transform:translateX(3px)}
.knopf svg{width:16px;height:16px}
.knopf--lila{background:linear-gradient(90deg,#dcc6f5 0%,#efe3fb 55%,rgba(255,255,255,0) 100%)}
.knopf--gruen{background:linear-gradient(90deg,#9ee27a 0%,#d4f2c3 55%,rgba(255,255,255,0) 100%)}
.knopf--tuerkis{background:linear-gradient(90deg,#7fe0d6 0%,#c9f1ec 55%,rgba(255,255,255,0) 100%)}
.knopf--blau{background:linear-gradient(90deg,#bcd7ec 0%,#dfeaf4 55%,rgba(255,255,255,0) 100%)}
.knopf--rand{background:#fff;border:2px solid var(--orange);color:var(--orange-text);padding:1em 2em}
.knoepfe{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}

/* Bereiche mit weichen weissen Rundungen im Hintergrund */
.bereich{padding:clamp(3rem,7vw,5.5rem) 0;position:relative;overflow:hidden}
.bereich--grau{background:var(--grund)}
.bereich--rund{background:radial-gradient(ellipse 55% 45% at 72% 30%,#fff 0 60%,rgba(255,255,255,0) 61%),radial-gradient(ellipse 50% 40% at 25% 85%,rgba(255,255,255,.85) 0 58%,rgba(255,255,255,0) 59%),var(--grund)}
.bereich__titel{text-align:center;color:#555;font-weight:500;margin-bottom:2.2rem}
.welle{display:block;width:100%;height:70px;color:#fff;margin-top:-70px;position:relative}

/* Startbuehne */
.buehne{position:relative;padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(3rem,6vw,5rem);background:radial-gradient(circle 260px at 18% 8%,rgba(214,178,240,.45),rgba(214,178,240,0)),radial-gradient(ellipse 60% 70% at 70% 40%,#fff 0 50%,rgba(255,255,255,0) 51%),var(--grund);overflow:hidden}
.zweispaltig{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;align-items:center}
@media (min-width:880px){.zweispaltig{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.5rem}.zweispaltig--um>:first-child{order:2}}
.buehne h1{font-size:clamp(1.6rem,1.2rem + 1.4vw,2rem);margin-bottom:.4em}
.buehne .unterzeile{font:500 clamp(1.3rem,1rem + 1vw,1.6rem)/1.3 var(--kopf);color:var(--dunkel);margin:0 0 .8em}
.kontaktzeile{display:flex;gap:1rem;align-items:flex-start;margin-top:1.8rem;font-size:14px;line-height:1.7}
.kontaktzeile strong{display:block;font:500 1.05rem var(--kopf);color:var(--dunkel);margin-bottom:.3em}
.kontaktzeile__symbol{flex:none;width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 4px 14px rgba(236,160,44,.25);color:var(--orange)}
.kontaktzeile__symbol svg{width:24px;height:24px}
.kontaktzeile>div{min-width:0}

/* Runde Bilder mit weissem Rand */
.rund{position:relative;max-width:440px;margin-inline:auto;width:100%}
.rund>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:clamp(10px,1.6vw,18px) solid #fff;box-shadow:var(--schatten)}
.blase{position:absolute;display:grid;place-items:center;align-content:center;gap:.4rem;width:31%;aspect-ratio:1;border-radius:50%;color:#fff;font:500 clamp(9px,1vw,11px)/1.25 var(--kopf);letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:.5rem;box-shadow:0 14px 34px rgba(0,0,0,.12)}
.blase img{width:clamp(26px,3.4vw,40px);height:auto}
.blase--blau{left:-8%;top:52%;background:radial-gradient(circle at 35% 30%,#7cc2f7,#3b8ee8);width:38%}
.blase--orange{left:36%;top:78%;background:radial-gradient(circle at 35% 30%,#ffd9a0,#f6b04e)}
.blase--rosa{right:-6%;top:56%;background:radial-gradient(circle at 35% 30%,#f9b7c4,#ec7f97)}
.blase--leer{right:-4%;top:58%;width:26%;background:radial-gradient(circle at 35% 30%,#f9b7c4,#ec7f97)}
@media (max-width:480px){.blase{font-size:8px;letter-spacing:.04em}.blase--blau{left:-2%}.blase--rosa{right:-2%}}

/* Schwerpunkte */
.schwerpunkt{padding:clamp(1.5rem,4vw,3rem) 0}
.schwerpunkt h2{font-size:clamp(1.5rem,1.2rem + 1vw,1.9rem);letter-spacing:-.02em}
.schwerpunkt ul{margin-bottom:1em}
.schwerpunkt .rund{max-width:360px}

/* Leistungsspektrum: Haken im weissen Kreis */
.spektrum{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem 3rem;list-style:none;padding:0;margin:0}
@media (min-width:760px){.spektrum{grid-template-columns:repeat(2,minmax(0,1fr))}}
.spektrum li{display:flex;gap:1.1rem;align-items:flex-start}
.spektrum li>div{min-width:0}
.haken-kreis{flex:none;width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--orange);box-shadow:0 4px 14px rgba(0,0,0,.06)}
.haken-kreis svg{width:22px;height:22px}
.spektrum h4{font-size:15px;margin:0 0 .3em;color:var(--dunkel)}
.spektrum p{font-size:13px;line-height:1.6;margin:0}

/* Drei Spalten mit leuchtenden Symbolen */
.drei{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}
@media (min-width:760px){.drei{grid-template-columns:repeat(3,minmax(0,1fr))}}
.leucht{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 0 1.4rem 1rem}
.leucht img{width:34px;height:34px}
.leucht--rosa{background:#f4a6b8;box-shadow:0 0 30px 14px rgba(244,166,184,.55)}
.leucht--gruen{background:#9ccf6a;box-shadow:0 0 30px 14px rgba(156,207,106,.55)}
.leucht--blau{background:#8f98ea;box-shadow:0 0 30px 14px rgba(143,152,234,.55)}
.drei h3{font-size:1.3rem;font-weight:500;color:var(--dunkel)}

/* Rueckrufservice */
.rueckruf{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}
@media (min-width:880px){.rueckruf{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rueckruf h3{font-weight:500}
.kasten{background:var(--grund);border-radius:6px;padding:clamp(1.4rem,3vw,2rem)}
.kasten--weiss{background:#fff;box-shadow:var(--schatten)}
.kasten h3{font-weight:500}
.kasten .knopf{width:100%;justify-content:flex-start}
.feinschrift{font-size:13px;line-height:1.6;color:#888}

/* Bannerkopf der Unterseiten */
.banner{position:relative;padding:clamp(2.5rem,6vw,3.5rem) 0;text-align:center;color:#fff;background:#c9b9a8 url(/bilder/kopf-leistungen-1920.webp) center/cover no-repeat}
@media (max-width:960px){.banner{background-image:url(/bilder/kopf-leistungen-960.webp)}}
.banner::before{content:"";position:absolute;inset:0;background:rgba(150,120,110,.45)}
.banner>*{position:relative}
.banner h1{color:#fff;font-weight:500;margin-bottom:.2em}
.banner p{font-size:1.3rem;margin:0}

/* Akkordeon wie Divi-Toggle, ohne JavaScript */
.akkordeon{display:grid;gap:1rem}
.akkordeon details{background:#fff;border:1px solid #d9d9d9}
.akkordeon summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;font:500 clamp(1.05rem,.95rem + .5vw,1.3rem)/1.3 var(--kopf);color:#555}
.akkordeon summary::-webkit-details-marker{display:none}
.akkordeon summary>span{min-width:0}
.akkordeon summary::after{content:"+";flex:none;width:22px;height:22px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font:700 18px/1 var(--fliess)}
.akkordeon details[open] summary{color:var(--dunkel)}
.akkordeon details[open] summary::after{content:"–"}
.akkordeon details>div{padding:0 1.2rem 1.1rem;font-size:14px;line-height:1.7}
.akkordeon details>div p:last-child{margin:0}

/* Team */
.portraet{display:grid;grid-template-columns:minmax(0,1fr);gap:1.8rem;align-items:start;padding:clamp(2rem,4vw,3rem) 0}
@media (min-width:760px){.portraet{grid-template-columns:150px minmax(0,1fr);gap:2.5rem}}
.portraet__bild{margin:0;max-width:150px;background:#fff;padding:6px;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.portraet__bild img{width:100%;aspect-ratio:4/5;object-fit:cover}
.portraet h2{font-size:1.6rem;font-weight:500;margin-bottom:.6em}
.portraet blockquote{margin:0 0 1em;font-style:italic}
.personen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;list-style:none;padding:0;margin:2rem 0 0}
@media (min-width:760px){.personen{grid-template-columns:repeat(4,minmax(0,1fr))}}
.person{text-align:center;font:500 15px var(--kopf);color:var(--dunkel);min-width:0}
.person img,.person__ohne{width:100%;aspect-ratio:4/5;object-fit:cover;background:#fff;padding:6px;box-shadow:0 6px 20px rgba(0,0,0,.08);margin-bottom:.7rem}
.person__ohne{display:grid;place-items:center;font-size:2rem;color:#bbb}
.person span{display:block;font:400 13px var(--fliess);color:var(--text)}

/* Fuss wie im Original: schlicht, klein, grau */
.fuss{background:#fff;padding:2.5rem 0 2rem;font-size:13px;color:#999;border-top:1px solid var(--linie)}
.fuss a{color:#999;font-weight:700;font-family:var(--kopf)}
.fuss a:hover{color:var(--blau)}
.fuss__links{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin-bottom:1.6rem}
.fuss p{margin:0}

.sprite{display:none}
svg{width:1em;height:1em}
.luft-oben{margin-top:2.5rem}
.luft-oben-gross{margin-top:clamp(3rem,7vw,5rem)}
.bereich--kurz{padding:clamp(2rem,4vw,3rem) 0 0}
.bereich--kurz .bereich__titel{margin:0}
.knoepfe--mitte{justify-content:center}
.h4{font-size:15px}
.spektrum .h4{margin:0 0 .3em}
p,li{hyphens:manual}
@media (max-width:480px){p,li{hyphens:auto}}
.bereich--kurz{padding-bottom:2.5rem}
.banner__gross{font:500 clamp(1.6rem,1.2rem + 1.6vw,2.4rem)/1.2 var(--kopf)!important;margin:0}
.foto-breit{margin:0 0 2rem}
.foto-breit img{width:100%;border-radius:6px;box-shadow:var(--schatten)}
.portraet__rolle{font-size:14px;color:#999;margin-top:-.6em}
ol{padding-left:1.3em}
.textseite{max-width:780px}
.textseite h2{font-size:1.4rem;margin-top:1.8em}
.seitenkopf{padding:clamp(2rem,5vw,3rem) 0 0;background:var(--grund)}
.pfad ol{display:flex;flex-wrap:wrap;gap:.4em;list-style:none;padding:0;margin:0 0 1rem;font-size:14px}
.pfad li+li::before{content:"›";margin-right:.4em}
.gedaempft{color:#999;font-size:14px}
.gross{font-size:1.1rem}
.lead{font-size:1.15rem;line-height:1.5}
@media (max-width:420px){
  .bereich__titel{font-size:1.4rem}
  .spektrum li{gap:.7rem}
  .haken-kreis{width:30px;height:30px}
  .haken-kreis svg{width:17px;height:17px}
  .spektrum .h4{font-size:14px;letter-spacing:-.01em}
}
@media (max-width:359px){.spektrum .haken-kreis{display:none}.spektrum .h4{font-size:13.5px}}

/* ---------- Feinschliff 20.10.2026 ---------- */
.vorzeile{display:inline-block;font:500 12px/1 var(--kopf);letter-spacing:.14em;text-transform:uppercase;color:var(--orange-text);background:#fff;border-radius:999px;padding:.7em 1.1em;margin:0 0 1.2rem;box-shadow:0 4px 16px rgba(236,160,44,.18)}
.leitsatz{margin-top:clamp(2.5rem,5vw,3.5rem);display:grid;grid-template-columns:minmax(0,1fr);gap:0 3rem}
@media (min-width:880px){.leitsatz{grid-template-columns:repeat(2,minmax(0,1fr))}}
.liste-haken{list-style:none;padding:0;display:grid;gap:.35rem;margin:0 0 1.2rem}
.liste-haken li{position:relative;padding-left:1.7rem}
.liste-haken li::before{content:"";position:absolute;left:0;top:.45em;width:1rem;height:.55rem;border-left:2.5px solid var(--orange);border-bottom:2.5px solid var(--orange);transform:rotate(-45deg)}
ol.drei{list-style:none;padding:0;margin:0}
.drei>li{background:#fff;border-radius:18px;padding:1.8rem 1.6rem;transition:box-shadow .35s,transform .35s}
.drei>li:hover{box-shadow:var(--schatten);transform:translateY(-4px)}

/* Kopf: Schatten erst beim Scrollen, weiches Klappmenue */
.kopf{transition:box-shadow .3s}
.kopf.gescrollt{box-shadow:0 6px 24px rgba(30,40,80,.08)}
.nav a{position:relative}
@media (min-width:981px){
  .nav ul a::after{content:"";position:absolute;left:0;right:0;bottom:.15em;height:2px;background:var(--blau);transform:scaleX(0);transform-origin:left;transition:transform .3s}
  .nav ul a:hover::after,.nav ul a[aria-current]::after{transform:scaleX(1)}
}
@media (max-width:980px){
  .nav{display:grid;grid-template-rows:0fr;padding:0;border-top:0;transition:grid-template-rows .35s ease,padding .35s}
  .nav>ul{overflow:hidden;min-height:0}
  .nav.offen{grid-template-rows:1fr;padding:.4rem 0 1rem;border-top:3px solid var(--blau)}
  .nav:not(.offen) a{visibility:hidden}
}

/* Knoepfe und Bilder reagieren weich */
.knopf{transition:transform .3s,box-shadow .3s,background-position .4s;background-size:140% 100%;background-position:0 0}
.knopf:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(30,40,80,.10);background-position:30% 0}
.knopf:not(.knopf--lila):not(.knopf--gruen):not(.knopf--tuerkis):not(.knopf--blau):not(.knopf--rand){background:linear-gradient(90deg,#f6c06a 0%,#fbdcae 50%,rgba(255,255,255,0) 100%);background-size:140% 100%}
.rund>img{transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s}
.rund:hover>img{transform:scale(1.02);box-shadow:0 26px 60px rgba(30,40,80,.16)}
.blase{transition:transform .3s}
.blase:hover{transform:scale(1.07);text-decoration:none}
@media (prefers-reduced-motion:no-preference){
  .rund--buehne .blase{animation:schweben 6s ease-in-out infinite}
  .rund--buehne .blase--orange{animation-delay:-2s}
  .rund--buehne .blase--rosa{animation-delay:-4s}
  .rund--buehne .blase:hover{animation-play-state:paused}
}
@keyframes schweben{0%,100%{translate:0 0}50%{translate:0 -10px}}
.spektrum li{border-radius:14px;padding:.6rem;margin:-.6rem;transition:background .3s}
.spektrum li:hover{background:rgba(255,255,255,.7)}
.akkordeon details{border-radius:6px;transition:box-shadow .3s,border-color .3s}
.akkordeon details:hover,.akkordeon details[open]{box-shadow:0 8px 26px rgba(30,40,80,.07);border-color:#e3e3e3}
.akkordeon summary::after{transition:transform .3s}
.akkordeon details[open] summary::after{transform:rotate(180deg)}

/* Anfahrt */
.anfahrt{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:center}
@media (min-width:880px){.anfahrt{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:3rem}}
.anfahrt__karte{position:relative;display:block;border-radius:22px;overflow:hidden;border:10px solid #fff;box-shadow:var(--schatten)}
.anfahrt__karte img{width:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.anfahrt__karte:hover img{transform:scale(1.03)}
.anfahrt__hinweis{position:absolute;left:14px;top:14px;background:#fff;color:var(--dunkel);font:500 13px var(--kopf);padding:.55em 1em;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.anfahrt__karte:hover{text-decoration:none}
.anfahrt__adresse{font-size:1.05rem}
.anfahrt__adresse strong{font:500 1.2rem var(--kopf);color:var(--dunkel)}
.anfahrt__wege{list-style:none;padding:0;margin:0 0 1.3rem;display:grid;gap:.6rem}
.anfahrt__wege li{display:flex;align-items:center;gap:.8rem}
.linie{flex:none;display:inline-grid;place-items:center;min-width:46px;height:28px;padding:0 .5em;border-radius:6px;color:#fff;font:700 14px var(--fliess)}
.linie--u{background:#7d5fa3}
.linie--s{background:#2e7d32}
.linie--bus{background:#a5027d}
.feinschrift{font-size:13px;line-height:1.6;color:#888}
.h3{font-size:1.35rem}
.einleitung{font-size:1.12rem;max-width:44em;margin-inline:auto;margin-bottom:2rem}
.mitte.einleitung{text-align:center}
.vorschau-luecke{color:#999;font-style:italic}
.unterzeile,.kontaktzeile strong,.anfahrt__adresse{hyphens:manual!important}

/* Rechtstexte */
.rechtstext h2{font-size:1.3rem;font-weight:500;margin:2.2rem 0 .6rem;padding-bottom:.35rem;border-bottom:1px solid var(--linie)}
.rechtstext h3{font-size:1.05rem;font-weight:500;margin:1.4rem 0 .4rem}
.rechtstext address{margin-bottom:1rem}
.rechtstext--gezaehlt{counter-reset:abschnitt}
.rechtstext--gezaehlt h2::before{counter-increment:abschnitt;content:counter(abschnitt) ". ";color:var(--orange-text)}
.vorspann{background:var(--grund);border-left:4px solid var(--orange);border-radius:0 12px 12px 0;padding:1.2rem 1.4rem;margin-bottom:1rem}
.vorspann p:last-child{margin:0}
.stand{margin-top:2.5rem;color:#999;font-size:14px}