/* praxia-design-persona-v1.css: Design-Regeln für Praxia Pakete. ERZEUGT von design-entwuerfe/werkzeug/design-bauen.py aus basis.css, design-persona.css und skala-neu.css; nie von Hand ändern.
   Die Farben, Schriften und Zahlen (--praxia-*) liefert das Plugin aus den Einstellungen der Kundin. Zustände: Body-Klassen praxia-zustand-* aus den Praxia-Daten. */
/* basis.css */
:root{--praxia-rand:clamp(18px,5vw,96px);
  --praxia-max:1600px;
  --praxia-knopf-breite:11rem;
  --praxia-abstand-s:clamp(12px,1.6vw,20px);
  --praxia-abstand-m:clamp(24px,3.4vw,44px);
  --praxia-abstand-l:clamp(56px,8vw,112px);}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--praxia-hintergrund);color:var(--praxia-text);font-family:var(--praxia-schrift-text);font-weight:var(--praxia-gewicht-text);font-size:clamp(16px,.35vw + 14.6px,18px);line-height:1.65;font-synthesis:none;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:var(--praxia-primaer)}
h1,h2,h3,h4,.kontakt__titel-oben,.kontakt__titel,.band-kontakt__titel,.kontakt__anfahrt-h2,.praxia-name{font-family:var(--praxia-schrift-ueberschrift);font-weight:var(--praxia-gewicht-ueberschrift);margin:0;line-height:1.1}
h1,h2,h3,.kontakt__titel-oben,.kontakt__titel,.band-kontakt__titel,.kontakt__anfahrt-h2,.praxia-name{color:var(--praxia-primaer);text-transform:var(--praxia-versal,none);letter-spacing:var(--praxia-laufweite-versal,normal)}
p{margin:0 0 1em}
strong,b{font-weight:var(--praxia-gewicht-fett)}
.wrap{width:min(100% - 2*var(--praxia-rand),var(--praxia-max));margin-inline:auto}
.abschnitt{padding-block:var(--praxia-abstand-l)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
a.knopf,button.knopf{white-space:nowrap}
.foto{aspect-ratio:4/5;background:#D4CEC4;overflow:hidden}
.foto svg{width:100%;height:100%}
body.praxia-zustand-foto-ueber-aus .ueber__raster .foto-platz{display:none!important}
.nur-ohne-foto{display:none}
.plaetze{display:flex;width:fit-content;align-items:center;gap:.65em;margin:0}
.plaetze__punkt{flex:none;width:.85em;height:.85em;border-radius:50%;background:var(--praxia-frei)}
.plaetze--keine{color:var(--praxia-grau)}
.plaetze--keine .plaetze__punkt{background:var(--praxia-keine-plaetze)}
.plaetze--keine{display:none}
body.praxia-zustand-plaetze-keine .plaetze--frei{display:none}
body.praxia-zustand-plaetze-keine .plaetze--keine{display:flex}
.leistungen{--spalten:3;--luecke:var(--praxia-abstand-m);--ausricht:flex-start;display:flex;flex-wrap:wrap;gap:var(--luecke);justify-content:var(--ausricht)}
.leistungen>*{flex:0 0 calc((100% - (var(--spalten) - 1)*var(--luecke))/var(--spalten));min-width:0}
.leistungen>[hidden]{display:none}
.praxia-anzahl-1{--spalten:1}
.praxia-anzahl-2{--spalten:2}
.praxia-anzahl-3{--spalten:3}
.praxia-anzahl-4{--spalten:2}
.praxia-anzahl-5{--spalten:3}
.praxia-anzahl-6{--spalten:3}
@media (max-width:900px){
  .praxia-anzahl-2,.praxia-anzahl-3,.praxia-anzahl-4,.praxia-anzahl-5,.praxia-anzahl-6{--spalten:2}
}
@media (max-width:620px){
  .leistungen[class*="praxia-anzahl"]{--spalten:1}
}
.leistung__icon{width:2.2rem;height:2.2rem;margin-bottom:.9rem;color:var(--praxia-primaer)}
.leistung__icon svg{width:100%;height:100%}
.leistung__preis{margin:0;font-size:.95em;color:var(--praxia-text)}
.karte{background:var(--praxia-flaeche);aspect-ratio:5/2;overflow:hidden}
.karte svg{width:100%;height:100%}
.k-grund{fill:var(--praxia-flaeche)}
.k-park{fill:var(--praxia-sekundaer)}
.k-strasse{stroke:var(--praxia-hintergrund);fill:none}
.k-pin{fill:var(--praxia-primaer)}
.k-punkt{fill:var(--praxia-auf-primaer)}
.karte__wege{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem 1rem;margin-top:1rem}
.karte__wege .knopf{min-width:0;width:auto}
.kontaktwege .knopf,.band-kontakt__wege .knopf{min-width:0;width:auto}
.formular{display:grid;gap:.8rem}
.formular input[type="text"],.formular input[type="email"],.formular input[type="tel"],.formular select,.formular textarea{font:inherit;font-weight:var(--praxia-gewicht-text);color:var(--praxia-text);background:#fff;border:1.5px solid var(--praxia-grau);border-radius:0;padding:.7em .9em;width:100%;appearance:none;-webkit-appearance:none}
.formular select{background-image:linear-gradient(45deg,transparent 50%,var(--praxia-text) 50%),linear-gradient(135deg,var(--praxia-text) 50%,transparent 50%);background-position:calc(100% - 1.2em) 50%,calc(100% - .85em) 50%;background-size:.35em .35em;background-repeat:no-repeat;padding-right:2.4em}
.formular textarea{min-height:6.5rem;resize:vertical}
.formular ::placeholder{color:var(--praxia-grau);opacity:1}
.formular input:focus,.formular select:focus,.formular textarea:focus,.knopf:focus-visible,a:focus-visible{outline:3px solid var(--praxia-primaer);outline-offset:2px}
.formular__hinweis{margin:0;font-size:.9em;color:var(--praxia-grau)}
.formular .zustimmung{display:flex;gap:.7rem;align-items:flex-start;font-size:.9em;margin:0}
.formular .zustimmung input{width:auto;margin-top:.35em;appearance:auto;-webkit-appearance:checkbox}
.formular [hidden]{display:none}
.nur-abwesend{display:none}
body.praxia-zustand-abwesend .nur-abwesend{display:block}
html a.knopf.nur-buchung{display:none}
body.praxia-zustand-buchung a.knopf.nur-buchung{display:inline-flex}
.hinweisleiste{background:var(--praxia-sekundaer);color:var(--praxia-text);padding-block:.75rem;font-size:.95em}
.hinweisleiste p{margin:0}
.blick{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--praxia-abstand-l)}
.blick>div{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;padding-block:.7rem;border-top:1px solid var(--praxia-grau)}
.blick dt{font-weight:var(--praxia-gewicht-fett)}
.blick dd{margin:0}
.blick--eng{grid-template-columns:max-content minmax(0,1fr);column-gap:0;margin-top:1.6rem}
.blick--eng>div{grid-column:1/-1;grid-template-columns:subgrid}
.kassen-text{margin:1rem 0 0}
.kosten h2+.kassen-text{margin-top:0}
.zahlungsarten{display:flex;flex-wrap:wrap;gap:.3rem 1.4rem}
.zahlungsarten__item{display:inline-flex;align-items:center;gap:.5em}
.zahlungsarten__item svg{flex:none;width:1.25em;height:1.25em;color:var(--praxia-primaer)}
.kopf{position:sticky;top:0;z-index:100;background:var(--praxia-hintergrund)}
.kontakt__plaetze{margin-bottom:1.8rem}
body.praxia-zustand-icons-aus .leistung__icon{display:none}
body.praxia-zustand-icons-gemischt .leistung:nth-child(even) .leistung__icon{visibility:hidden}
.notfall{margin-top:var(--praxia-abstand-l);padding-top:var(--praxia-abstand-m);border-top:1px solid var(--praxia-grau)}
.notfall h3{margin-bottom:.6rem}
.notfall ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem 2.4rem}
.notfall li span{font-weight:var(--praxia-gewicht-fett)}
.kontaktwege{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.8rem 1rem}
h1 .hero__beruf{display:block;font-family:var(--praxia-schrift-text);font-weight:var(--praxia-gewicht-text);line-height:1.65;color:var(--praxia-text);text-transform:none;letter-spacing:normal}
.nur-fa{display:none}
body.praxia-zustand-status-fachausbildung .nur-fa{display:inline}
body.praxia-zustand-status-fachausbildung .nur-regulaer{display:none}
.blick>div.nur-fa-zeile{display:none}
body.praxia-zustand-status-fachausbildung .blick>div.nur-fa-zeile{display:grid}
.rechtstext{max-width:none}
.rechtstext__lead{font-size:1.1em;margin-bottom:1.6rem}
.rechtstext h2{font-family:var(--praxia-schrift-ueberschrift);margin:var(--praxia-abstand-m) 0 .6rem}
.rechtstext h3{color:var(--praxia-text);font-size:1.15em;margin:1.4rem 0 .4rem;text-transform:none;letter-spacing:normal}
.rechtstext__regel{margin:0 0 .3rem}
.blick--recht{grid-template-columns:1fr;margin-top:.6rem}
.blick--recht>div{grid-template-columns:15rem 1fr}
@media (max-width:700px){
  .blick--recht>div{grid-template-columns:1fr}
}
@media (max-width:900px){
  .blick{grid-template-columns:1fr}
}
@media (max-width:700px){
  .menue{font-size:.98em}
  .blick--eng{grid-template-columns:1fr}
  .blick>div,.blick--eng>div{grid-template-columns:1fr;gap:.1rem}
}
@media print{
  html{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
:root{--praxia-kopf-mobil:.875rem}
.menue-knopf{display:none}
@media (max-width:700px){
  .kopf{padding-block:var(--praxia-kopf-mobil)}
  .kopf .kopf__in{display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:0}
  .kopf .logo__beruf{display:none}
  .menue-knopf{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin:-.25rem -.6rem -.25rem 0;padding:0;border:0;border-radius:0;background:none;color:var(--praxia-text);cursor:pointer}
  .menue-knopf svg{width:1.75rem;height:1.75rem}
  .menue-knopf__zu,.kopf--offen .menue-knopf__auf{display:none}
  .kopf--offen .menue-knopf__zu{display:block}
  .kopf .menue,html .kopf a.knopf.nur-buchung{display:none}
  .kopf--offen{border-bottom:1px solid var(--praxia-grau)}
  .kopf--offen .menue{display:flex;flex-direction:column;align-items:flex-start;gap:0;grid-column:1/-1;margin-top:.4rem}
  .kopf--offen .menue a{padding-block:.8em;border-bottom-width:1px}
  body.praxia-zustand-buchung .kopf--offen a.knopf.nur-buchung{display:flex;grid-column:1/-1;margin-top:.8rem}
}
.logo{container-type:inline-size;flex:1 1 0;min-width:0}
html .kopf .logo .praxia-name{font-size:max(calc(var(--praxia-logo-gr)*.7),1.0625rem,min(var(--praxia-logo-gr),calc(100cqw/(max(var(--praxia-name-zeichen,1),1)*var(--praxia-name-breite,.6)))))}
:root{--praxia-logo-hoehe:3.5rem;--praxia-logo-breite-mobil:12rem}
.logo__bild{display:block;width:auto;height:auto;max-height:var(--praxia-logo-hoehe);max-width:100%;object-fit:contain}
body.praxia-zustand-logo .logo .praxia-name,body.praxia-zustand-logo .logo .logo__beruf{display:none}
@media (max-width:700px){
  :root{--praxia-logo-hoehe:2.25rem}
  .logo__bild{max-width:min(100%,var(--praxia-logo-breite-mobil))}
}
.praxia-nur-vorlesen{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.fuss__raster>:first-child,.band-kontakt:not(.band-kontakt--seite) .band-kontakt__raster>:first-child{align-self:start}
.fuss__aktion,.band-kontakt:not(.band-kontakt--seite) .band-kontakt__aktion{align-self:end}
.fuss__raster,.band-kontakt:not(.band-kontakt--seite) .band-kontakt__raster{align-items:stretch}
.fuss__raster>:first-child>:first-child,.fuss address,.band-kontakt:not(.band-kontakt--seite) .band-kontakt__raster>:first-child>:first-child,.band-kontakt:not(.band-kontakt--seite) address{text-box:trim-both cap text}
.nur-2standorte{display:none}
body.praxia-zustand-standorte-mehrere .nur-1standort{display:none}
body.praxia-zustand-standorte-mehrere address.nur-2standorte{display:block}
@media (min-width:901px){
  body.praxia-zustand-standorte-mehrere .fuss__raster{grid-template-columns:4fr 3fr 3fr 3fr}
  body.praxia-zustand-standorte-mehrere .band-kontakt:not(.band-kontakt--seite) .band-kontakt__raster{grid-template-columns:4fr 3fr 3fr auto}
}
@media (min-width:901px) and (max-width:1100px){
  body.praxia-zustand-standorte-mehrere .fuss__raster,body.praxia-zustand-standorte-mehrere .band-kontakt:not(.band-kontakt--seite) .band-kontakt__raster{grid-template-columns:1fr 1fr}
}
.kontakt__standort,.band-kontakt__standort{margin-bottom:var(--praxia-abstand-m)}
.kontakt__standort .kontaktwege,.band-kontakt__standort .band-kontakt__wege{margin-top:1rem}
.kontakt__standort>p{margin-bottom:.8rem}
.kontaktwege--buchen{display:none}
body.praxia-zustand-buchung .kontaktwege--buchen{display:flex;margin-top:1rem}
.band-kontakt__wege.kontaktwege--buchen{display:none}
body.praxia-zustand-buchung .band-kontakt__wege.kontaktwege--buchen{display:flex;margin-top:1rem}
.plaetze__wartezeit{margin:1rem 0 0;color:var(--praxia-text)}
.blick>div.nur-wz-zeile{display:none}
body.praxia-zustand-wartezeit-blick .blick>div.nur-wz-zeile{display:grid}
body.praxia-zustand-wartezeit-blick .plaetze__wartezeit{display:none}
body.praxia-design-persona.praxia-zustand-wartezeit-blick .platzkasten .plaetze{margin-bottom:1.3rem}
html .kontakt__plaetze>h3{margin-bottom:1rem}
.kontakt__foto,.band-kontakt__foto,.kontakt__titel{display:none}
body.praxia-zustand-foto-kontakt .kontakt__foto,body.praxia-zustand-foto-kontakt .band-kontakt__foto{display:block}
.kontakt__foto .foto,.band-kontakt__foto .foto{border-radius:0}
@media (min-width:901px){
  body.praxia-zustand-foto-kontakt .kontakt__titel-oben{display:none}
  body.praxia-zustand-foto-kontakt .kontakt__titel{display:block;margin:0 0 var(--praxia-abstand-m);text-box:trim-start cap alphabetic}
  body.praxia-zustand-foto-kontakt .kontakt__raster{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--praxia-abstand-m)}
  body.praxia-zustand-foto-kontakt .kontakt__raster:not(.kontakt__raster--zusatz)>.kontakt__foto{grid-area:1/9/3/13;align-self:start}
  body.praxia-design-persona.praxia-zustand-foto-kontakt .kontakt__raster:not(.kontakt__raster--zusatz)>.kontakt__foto{grid-area:1/8/3/13}
  body.praxia-zustand-foto-kontakt .kontakt__raster:not(.kontakt__raster--zusatz)>.kontakt__daten{grid-area:1/1/2/8}
  body.praxia-zustand-foto-kontakt .kontakt__raster:not(.kontakt__raster--zusatz)>.kontakt__formular{grid-area:2/1/3/8;margin-top:var(--praxia-abstand-m)}
  body.praxia-zustand-foto-kontakt .kontakt__raster:not(.kontakt__raster--zusatz)>.anfahrt-kasten,body.praxia-zustand-foto-kontakt .kontakt__raster:not(.kontakt__raster--zusatz)>.anfahrt{grid-area:3/9/4/13}
  body.praxia-design-persona.praxia-zustand-foto-kontakt .kontakt__raster:not(.kontakt__raster--zusatz)>.anfahrt-kasten{grid-area:3/8/4/13}
  body.praxia-zustand-foto-kontakt .kontakt__raster:not(.kontakt__raster--zusatz)>.kontakt__kartenblock{grid-area:3/1/4/8}
}
@media (max-width:900px){
  .kontakt__foto,.band-kontakt__foto{max-width:26rem}
}
.praxia-name,.logo__beruf,.hero__beruf,.stichworte li,.einleitung,.statement,.hero__rest,.leistung h3,.leistung p,.leistung__preis,.zitat blockquote,.zitat cite,.kassen-text,.plaetze__wartezeit,.blick dd,.wd__zeile span,.ueber__text p,.anfahrt p,.anfahrt-kasten p,.kontakt__standort h3,.kontakt__daten h3,address,.notfall li,.hinweisleiste p,.zahlungsarten__item span{overflow-wrap:anywhere}
.kontakt__raster:not(.kontakt__raster--standort):not(:has(>.kontakt__kartenblock))>.anfahrt-kasten,.kontakt__raster:not(.kontakt__raster--standort):not(:has(>.kontakt__kartenblock))>.anfahrt{grid-column:1/-1;max-width:48rem}
.kontakt__raster:not(.kontakt__raster--standort):not(:has(>.anfahrt-kasten,>.anfahrt))>.kontakt__kartenblock{grid-column:1/-1}
.kartenraster:not(:has(>.kartenraster__karte))>.kartenraster__text{grid-column:1/-1;max-width:48rem}
.kartenraster:not(:has(>.kartenraster__text))>.kartenraster__karte{grid-column:1/-1}
.praxia-design-persona .leistungen.praxia-anzahl-1{max-width:36rem}
@media (max-width:900px){
  .kontakt__raster--standort>.kontakt__kartenblock{margin-top:var(--praxia-abstand-m)}
}
.kontakt__name,.kontakt__daten>.kontakt__name,.band-kontakt__text>.kontakt__name{font-family:var(--praxia-schrift-ueberschrift);font-weight:var(--praxia-gewicht-ueberschrift);font-size:1.5em;line-height:1.2;margin:0}
.kontakt__beruf,.kontakt__daten>.kontakt__beruf,.band-kontakt__text>.kontakt__beruf{margin:.2rem 0 1.2rem;color:var(--praxia-text)}
.kontakt__daten>.kontaktwege,.band-kontakt__text>.band-kontakt__wege{margin-bottom:var(--praxia-abstand-m)}
.kontakt__standort-block{margin-top:var(--praxia-abstand-l)}
.kontakt__standort-info>h3{margin-bottom:.4rem}
.kontakt__standort-info address{font-style:normal;margin-bottom:.4rem}
.kontakt__standort-info .anfahrt-kasten,.kontakt__standort-info .anfahrt{margin-top:var(--praxia-abstand-s)}
.kontakt__standort-info .anfahrt-kasten p:last-child,.kontakt__standort-info .anfahrt p:last-child{margin-bottom:0}
.kontakt__zeiten{margin:0}
.kontakt__anfahrtzeile{display:grid;grid-template-columns:5fr 7fr;gap:var(--praxia-abstand-l);align-items:end}
@media (min-width:901px){
  html body .kontakt__anfahrtzeile>.kontakt__standort-info{grid-area:1/1;margin-top:0}
  html body .kontakt__anfahrtzeile>.kontakt__kartenblock{grid-area:1/2;margin-top:0}
}
.kontakt__anfahrtzeile:not(:has(>.kontakt__kartenblock))>.kontakt__standort-info{grid-column:1/-1!important;max-width:48rem}
@media (max-width:900px){
  .kontakt__anfahrtzeile{grid-template-columns:1fr;gap:var(--praxia-abstand-m)}
  html body .kontakt__anfahrtzeile>.kontakt__standort-info,html body .kontakt__anfahrtzeile>.kontakt__kartenblock{grid-area:auto;margin-top:0}
}
.kontakt__eigen{margin:0 0 .4rem}
.kontakt__titel-oben,.band-kontakt__titel{display:block;margin-top:0}
main.kontakt h2.kontakt__anfahrt-h2{margin:var(--praxia-abstand-l) 0 0}
main.kontakt h2.kontakt__anfahrt-h2+.kontakt__standort-block{margin-top:var(--praxia-abstand-s)}
main.kontakt section:has(>.wrap>.kontakt__anfahrt-h2)+section>.kontakt__standort-block{margin-top:var(--praxia-abstand-s)}
main.kontakt section:has(>.wrap>.kontakt__anfahrt-h2)+section{margin-top:0}
.kontakt__seo{text-wrap:balance}
.hero__raster,.kontakt__raster,.band-kontakt__raster{container-type:inline-size}
@media (min-width:901px){
  .hero__bild{width:var(--praxia-foto-breite);justify-self:end}
  body.praxia-zustand-foto-kontakt .kontakt__foto,body.praxia-zustand-foto-kontakt .band-kontakt__foto{width:var(--praxia-foto-breite);justify-self:end}
}
a:hover{text-decoration:none}
/* design-persona.css */
body.praxia-design-persona{--praxia-max:1140px;--praxia-hintergrund:var(--praxia-hg-vorschlag);--praxia-flaeche:var(--praxia-flaeche-vorschlag)}
a{text-underline-offset:.2em;text-decoration-thickness:1px}
.kopf{padding-block:clamp(20px,2.8vw,40px)}
.kopf__in{display:flex;align-items:center;gap:var(--praxia-abstand-m)}
.logo{display:flex;align-items:center;gap:.85rem;text-decoration:none;--praxia-logo-gr:max(1.3em,calc(clamp(1.6rem,2vw,1.9rem)*var(--praxia-skala,1)))}
.logo .praxia-name{display:block}
.logo__beruf{display:block;max-width:min(26em,100%);font-size:.9rem;line-height:1.25;color:var(--praxia-grau)}
.menue{display:flex;gap:clamp(14px,2.2vw,32px)}
.menue a{color:var(--praxia-text);text-decoration:none;padding-block:.3em;border-bottom:2px solid transparent}
.menue a:hover,.menue a[aria-current]{border-bottom-color:var(--praxia-akzent)}
a.knopf,button.knopf{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:var(--praxia-gewicht-fett);line-height:1.2;text-decoration:none;padding:.8em 1.7em;min-width:var(--praxia-knopf-breite);border:2px solid var(--praxia-akzent);border-radius:999px;background:var(--praxia-akzent);color:var(--praxia-auf-akzent);cursor:pointer}
a.knopf:link,a.knopf:visited{background:var(--praxia-akzent);color:var(--praxia-auf-akzent)}
a.knopf:hover,button.knopf:hover{background:transparent;border-color:var(--praxia-primaer);color:var(--praxia-hover-text)}
.hero{padding-block:0 var(--praxia-abstand-l)}
.hero__raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--praxia-abstand-m);row-gap:var(--praxia-abstand-m);align-items:start}
.hero__links{grid-column:1/8;grid-row:1}
.hero__beschr{margin-top:var(--praxia-abstand-m)}
.hero__bild,.hero__stichworte{grid-column:8/13;grid-row:1}
.hero__stichworte{align-self:center;padding-left:var(--praxia-abstand-m);border-left:2px solid var(--praxia-primaer)}
.hero h1{font-size:max(1.9em,calc(clamp(2.6rem,5.6vw,5rem)*var(--praxia-skala,1)));line-height:.92}
.hero__beruf,.hero h1 .hero__beruf{margin:.9rem 0 0;font-size:clamp(1.15rem,1.9vw,1.55rem)}
.stichworte{list-style:none;margin:1.8rem 0 0;padding:0;font-family:var(--praxia-schrift-ueberschrift);font-weight:var(--praxia-gewicht-ueberschrift);font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.25}
.stichworte li::before{content:"";display:inline-block;width:.4em;height:.4em;border-radius:50%;background:var(--praxia-primaer);margin-right:.6em;vertical-align:.14em}
.einleitung{font-size:1.16em;max-width:35em;margin-bottom:1.6rem}
.hero__aktion{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2rem}
.abschnitt--folge{padding-top:0}
.abschnitt--seite{padding-top:0}
.zitat{margin:0}
.stichworte--oben{margin-top:0}
.einleitung--klein{font-size:1.05em}
.abschnitt>.wrap>h2,.abschnitt h2.titel{font-size:max(1.5em,calc(clamp(2rem,3.2vw,2.8rem)*var(--praxia-skala,1)));margin-bottom:clamp(24px,3vw,44px)}
.leistung{border-top:2px solid var(--praxia-primaer);padding-top:1.2rem}
.leistung h3{font-size:max(1.3em,calc(clamp(1.4rem,1.9vw,1.65rem)*var(--praxia-skala,1)));margin-bottom:.5rem}
.leistung p{margin-bottom:.8rem}
.zitat{display:grid;grid-template-columns:auto 1fr;gap:clamp(14px,3vw,40px);align-items:start;max-width:60rem}
.zitat__zeichen{width:clamp(34px,5vw,64px);fill:var(--praxia-akzent);margin-top:.5rem}
.zitat blockquote{margin:0;font-family:var(--praxia-schrift-ueberschrift);font-weight:var(--praxia-gewicht-ueberschrift);font-size:max(1.5em,calc(clamp(1.5rem,2.6vw,2.2rem)*var(--praxia-skala,1)));line-height:1.12;color:var(--praxia-primaer)}
.zitat cite{display:block;margin-top:1rem;font-family:var(--praxia-schrift-text);font-weight:var(--praxia-gewicht-text);font-style:normal;font-size:.95rem;color:var(--praxia-grau)}
.kosten__raster{display:grid;grid-template-columns:7fr 5fr;gap:var(--praxia-abstand-l)}
.kosten h2{font-size:max(1.5em,calc(clamp(1.9rem,2.8vw,2.4rem)*var(--praxia-skala,1)));margin-bottom:1rem}
.platzkasten{background:var(--praxia-sekundaer);padding:clamp(20px,3vw,36px);align-self:start}
.platzkasten h3,.anfahrt-kasten h3{color:var(--praxia-text)}
.platzkasten h3{font-size:1.4rem;margin-bottom:1rem}
.platzkasten .plaetze{font-size:1.15em;margin-bottom:1rem}
.platzkasten .plaetze__wartezeit{margin-bottom:1rem}
.fuss{padding-block:0 clamp(24px,3vw,40px)}
.fuss__linie{display:flex;align-items:center;gap:1.1rem;margin-bottom:clamp(28px,4vw,56px)}
.fuss__linie::before,.fuss__linie::after{content:"";flex:1;border-top:2px solid var(--praxia-primaer)}
.fuss__kreis{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--praxia-primaer);color:var(--praxia-auf-primaer)}
.fuss__kreis svg{width:1.15rem;height:1.15rem}
.fuss__raster{display:grid;grid-template-columns:5fr 4fr 3fr;gap:var(--praxia-abstand-m);align-items:start}
.fuss h2{font-size:max(1.3em,calc(clamp(1.3rem,1.8vw,1.55rem)*var(--praxia-skala,1)));margin-bottom:.6rem}
.fuss__zeiten{margin:0}
.fuss address{font-style:normal}
.fuss address a{color:var(--praxia-primaer)}
.fuss__aktion{justify-self:end}
.fuss__klein{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 1.5rem;margin-top:clamp(32px,5vw,64px);padding-top:1.1rem;border-top:1px solid var(--praxia-grau);font-size:.9rem;color:var(--praxia-grau)}
.fuss__klein nav{display:flex;gap:1.4rem}
.fuss__klein a{color:var(--praxia-primaer)}
.ueber__raster{display:grid;grid-template-columns:5fr 7fr;gap:var(--praxia-abstand-l);align-items:start}
body.praxia-zustand-foto-ueber-aus .ueber__raster{grid-template-columns:minmax(0,48rem)}
.ueber h1,.kontakt h1,.rechtlich h1,.kontakt__titel-oben,.kontakt__titel{font-size:max(1.9em,calc(clamp(2.4rem,4.6vw,4rem)*var(--praxia-skala,1)));margin-bottom:clamp(20px,3vw,36px)}
.ueber__text .einleitung{font-size:1.3em;line-height:1.5}
.wd{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px) var(--praxia-abstand-l);margin-top:var(--praxia-abstand-l)}
.wd__gruppe h3{font-size:max(1.3em,calc(clamp(1.4rem,1.9vw,1.65rem)*var(--praxia-skala,1)));margin-bottom:.8rem;padding-bottom:.6rem;border-bottom:2px solid var(--praxia-primaer)}
.wd__zeile{display:grid;grid-template-columns:8.5em 1fr;gap:1rem;padding-block:.7rem;border-bottom:1px solid var(--praxia-grau)}
.wd__zeit{color:var(--praxia-primaer);font-weight:var(--praxia-gewicht-fett)}
.kontakt__raster{display:grid;grid-template-columns:5fr 7fr;column-gap:var(--praxia-abstand-l);row-gap:0;align-items:start}
.kontakt__daten{grid-area:1/1}
.kontakt__formular{grid-area:1/2}
.anfahrt-kasten,.anfahrt{grid-area:2/1;margin-top:var(--praxia-abstand-l)}
.kontakt__kartenblock{grid-area:2/2;margin-top:var(--praxia-abstand-l)}
.kontakt__kartenblock>.karte__wege{margin-top:1rem}
.kontakt__formular h3,.anfahrt h3{margin-bottom:.8rem}
body.praxia-zustand-formular-aus .kontakt__formular{display:none}
body.praxia-zustand-formular-aus .kontakt__raster>.kontakt__kartenblock{grid-area:1/2/3/3;margin-top:0}
body.praxia-zustand-formular-aus .anfahrt-kasten,body.praxia-zustand-formular-aus .anfahrt{margin-top:var(--praxia-abstand-m)}
.kontakt h3{font-size:max(1.3em,calc(clamp(1.3rem,1.8vw,1.55rem)*var(--praxia-skala,1)));margin:0 0 .5rem}
.kontakt address{font-style:normal;margin-bottom:1.8rem}
.kontakt__daten>p{margin-bottom:1.8rem}
.anfahrt-kasten{background:var(--praxia-sekundaer);padding:clamp(20px,3vw,36px)}
.anfahrt-kasten p:last-child{margin-bottom:0}
@media (max-width:900px){
  .kosten__raster,.ueber__raster,.kontakt__raster,.kontakt__mehr,.fuss__raster,.wd{grid-template-columns:1fr}
  .fuss__aktion{justify-self:start}
  .kosten__raster,.ueber__raster,.kontakt__raster,.kontakt__mehr{gap:var(--praxia-abstand-m)}
  .kontakt__raster{row-gap:var(--praxia-abstand-m)}
  .kontakt__daten,.kontakt__formular,.anfahrt-kasten,.anfahrt,.kontakt__kartenblock,.kontakt__raster--zusatz>.anfahrt-kasten,.kontakt__raster--zusatz>.anfahrt,.kontakt__raster--zusatz>.kontakt__kartenblock,body.praxia-zustand-formular-aus .kontakt__raster>.kontakt__kartenblock,body.praxia-zustand-formular-aus .anfahrt-kasten,body.praxia-zustand-formular-aus .anfahrt,body.praxia-zustand-formular-aus .kontakt__raster--zusatz>.kontakt__kartenblock,body.praxia-zustand-formular-aus .kontakt__raster--zusatz>.anfahrt-kasten,body.praxia-zustand-formular-aus .kontakt__raster--zusatz>.anfahrt{grid-area:auto;margin-top:0}
}
@media (max-width:800px){
  .hero__links{display:contents}
  .hero__text,.hero__beschr,.hero__bild,.hero__stichworte{grid-column:1/-1;grid-row:auto}
  .hero__beschr{margin-top:0}
  .hero__text{order:1}
  .hero__bild{order:2}
  .hero__stichworte{order:3}
  .hero__beschr{order:4}
  .hero__stichworte{padding-left:0;border-left:0;border-top:2px solid var(--praxia-primaer);padding-top:1.2rem}
  .hero__bild,.ueber__raster .foto-platz{max-width:26rem}
}
@media (max-width:700px){
  .kopf a.knopf{padding:.6em 1.2em;font-size:.95rem}
  .wd__zeile{grid-template-columns:6.5em 1fr;gap:.6rem}
  .zitat{grid-template-columns:1fr}
}
.blick-abschnitt h2{font-size:max(1.5em,calc(clamp(1.9rem,2.8vw,2.4rem)*var(--praxia-skala,1)));margin-bottom:clamp(16px,2vw,28px)}
.blick dt{color:var(--praxia-primaer)}
.notfall h3{font-size:clamp(1.4rem,1.9vw,1.65rem)}
.kontaktwege{gap:.8rem 1rem}
.rechtstext h2{font-size:max(1.3em,calc(clamp(1.4rem,1.9vw,1.65rem)*var(--praxia-skala,1)))}
.platzkasten .plaetze--keine,.anfahrt-kasten .formular__hinweis{color:var(--praxia-text)}
.kopf+main{padding-top:max(0px,calc(var(--praxia-abstand-l) - clamp(20px,2.8vw,40px)))}
@media (max-width:700px){
  .kopf{padding-block:var(--praxia-kopf-mobil)}
  .kopf+main{padding-top:max(0px,calc(var(--praxia-abstand-l) - var(--praxia-kopf-mobil)))}
}
.abschnitt>.wrap>h2.kontakt__anfahrt-h2{font-size:max(1.5em,calc(clamp(2rem,3.2vw,2.8rem)*var(--praxia-skala,1)))}
.kontakt h1.kontakt__seo{font-family:var(--praxia-schrift-text);font-weight:var(--praxia-gewicht-text);color:var(--praxia-text);text-transform:none;letter-spacing:normal;font-size:1.3em;line-height:1.5;max-width:35em;margin-bottom:var(--praxia-abstand-s)}
body.praxia-design-persona{--praxia-foto-breite:calc((100cqw - var(--praxia-abstand-l))*5/12)}
body.praxia-design-persona{--praxia-foto-radius:1.5rem}
.foto,.kontakt__foto .foto,.band-kontakt__foto .foto{border-radius:var(--praxia-foto-radius)}
.platzkasten,.anfahrt-kasten,.karte{border-radius:var(--praxia-foto-radius);overflow:hidden}
body.praxia-design-persona{--praxia-feld-radius:.75rem}
.formular input[type="text"],.formular input[type="email"],.formular input[type="tel"],.formular select,.formular textarea{border-radius:var(--praxia-feld-radius)}
/* skala-neu.css */
html:root body{--praxia-abstand-xs:.5rem;--praxia-abstand-s:clamp(.75rem,.6rem + .6vw,1.25rem);--praxia-abstand-m:clamp(1.5rem,1rem + 1.6vw,2.75rem);--praxia-abstand-l:clamp(3.5rem,2rem + 4vw,7rem);--praxia-rand:clamp(1.125rem,5vw,6rem);--praxia-knopf-breite:11rem;--praxia-fs-text:clamp(1rem,.91rem + .35vw,1.125rem);--praxia-fs-klein:.9rem;--praxia-blick-spalte:12rem;--praxia-gr-name:max(1.9em,calc(var(--praxia-fs-name)*var(--praxia-skala,1)));--praxia-gr-h1:max(1.9em,calc(var(--praxia-fs-h1)*var(--praxia-skala,1)));--praxia-gr-h2:max(1.5em,calc(var(--praxia-fs-h2)*var(--praxia-skala,1)));--praxia-gr-h3:max(1.25em,calc(var(--praxia-fs-h3)*var(--praxia-skala,1)));--praxia-gr-zitat:max(1.4em,calc(var(--praxia-fs-zitat)*var(--praxia-skala,1)));--praxia-gr-logo:max(1.3em,calc(var(--praxia-fs-logo)*var(--praxia-skala,1)));--praxia-gr-statement:max(1.3em,calc(var(--praxia-fs-statement,1rem)*var(--praxia-skala,1)));--praxia-gr-stichwort:var(--praxia-fs-stichwort)}
html:root body.praxia-design-persona{--praxia-max:71.25rem;--praxia-lesebreite:35em;--praxia-zitatbreite:60rem;--praxia-fs-name:clamp(2.6rem,1.8rem + 3vw,5rem);--praxia-fs-h1:clamp(2.4rem,1.7rem + 2.4vw,4rem);--praxia-fs-h2:clamp(2rem,1.6rem + 1.4vw,2.8rem);--praxia-fs-h3:clamp(1.4rem,1.2rem + .6vw,1.65rem);--praxia-fs-lead:1.16em;--praxia-fs-versal:.82rem;--praxia-fs-knopf:1rem;--praxia-fs-zitat:clamp(1.5rem,1.15rem + 1.2vw,2.2rem);--praxia-fs-stichwort:clamp(1.25rem,.9rem + .8vw,1.6rem);--praxia-fs-logo:clamp(1.6rem,1.15rem + .55vw,1.95rem);--praxia-fs-beruf:clamp(1.15rem,.9rem + .8vw,1.55rem);--praxia-knopf-radius:999px;--praxia-knopf-rand:2px;--praxia-knopf-innen:.8em 1.7em;--praxia-kopf-abstand:clamp(1.25rem,2.8vw,2.5rem)}
html:root body{font-size:var(--praxia-fs-text)}
html:root :where(a.knopf,button.knopf){font-size:var(--praxia-fs-knopf);border-width:var(--praxia-knopf-rand);border-radius:var(--praxia-knopf-radius);padding:var(--praxia-knopf-innen);min-width:var(--praxia-knopf-breite)}
html:root .kopf{padding-block:var(--praxia-kopf-abstand)}
html:root .praxia-design-persona .kopf+main{padding-top:max(0px,calc(var(--praxia-abstand-l) - var(--praxia-kopf-abstand)))}
html:root .menue{gap:var(--praxia-abstand-m)}
html:root .logo{gap:var(--praxia-abstand-s)}
html:root .logo{--praxia-logo-gr:var(--praxia-gr-logo)}
html:root .hero h1{font-size:var(--praxia-gr-name)}
html:root .ueber h1,html:root .kontakt h1,html:root .rechtlich h1,html:root .kontakt__titel-oben,html:root .kontakt__titel,html:root .band-kontakt__titel{font-size:var(--praxia-gr-h1);margin-bottom:var(--praxia-abstand-m)}
html:root .kontakt h2.kontakt__anfahrt-h2{font-size:var(--praxia-gr-h2)}
html:root .praxia-design-persona .kontakt h1.kontakt__seo{font-size:var(--praxia-fs-lead)}
html:root .kontakt h1.kontakt__seo{margin-bottom:var(--praxia-abstand-s)}
html:root .abschnitt>.wrap>h2.kontakt__anfahrt-h2{margin-bottom:0}
html:root .kontakt__daten>.kontakt__name,html:root .band-kontakt__text>.kontakt__name{margin-bottom:0}
html:root .kontakt__daten>.kontakt__beruf,html:root .band-kontakt__text>.kontakt__beruf{margin:var(--praxia-abstand-xs) 0 var(--praxia-abstand-s)}
html:root .abschnitt>.wrap>h2,html:root .abschnitt h2.titel{font-size:var(--praxia-gr-h2);margin-bottom:var(--praxia-abstand-m)}
html:root .kosten h2{font-size:var(--praxia-gr-h2);margin-bottom:var(--praxia-abstand-s)}
html:root .blick-abschnitt h2{font-size:var(--praxia-gr-h2);margin-bottom:var(--praxia-abstand-m)}
html:root .leistung h3,html:root .wd__gruppe h3,html:root .kontakt h3,html:root .notfall h3,html:root .platzkasten h3,html:root .kosten__plaetze h3,html:root .rechtstext h2{font-size:var(--praxia-gr-h3)}
html:root .kontakt h3{margin:0 0 var(--praxia-abstand-xs)}
html:root .platzkasten h3,html:root .kosten__plaetze h3{margin-bottom:var(--praxia-abstand-s)}
html:root .platzkasten .plaetze,html:root .kosten__plaetze .plaetze{font-size:var(--praxia-fs-lead);margin-bottom:var(--praxia-abstand-s)}
html:root .plaetze__wartezeit{margin-top:var(--praxia-abstand-s)}
html:root .kontakt__plaetze>h3{margin-bottom:var(--praxia-abstand-s)}
html:root .platzkasten .plaetze__wartezeit,html:root .kosten__plaetze .plaetze__wartezeit{margin-bottom:var(--praxia-abstand-s)}
html:root .hero__aktion,html:root .band__aktion{gap:var(--praxia-abstand-s) var(--praxia-abstand-m)}
html:root .zitat{max-width:var(--praxia-zitatbreite)}
html:root .zitat blockquote{font-size:var(--praxia-gr-zitat)}
html:root .zitat cite{margin-top:var(--praxia-abstand-s)}
html:root .leistung__icon{margin-bottom:var(--praxia-abstand-s)}
html:root .leistung__preis{font-size:var(--praxia-fs-klein)}
html:root .karte__wege{gap:var(--praxia-abstand-xs) var(--praxia-abstand-s);margin-top:var(--praxia-abstand-s)}
html:root .kontakt__kartenblock>.karte__wege{margin-top:var(--praxia-abstand-s)}
html:root .kontaktwege{gap:var(--praxia-abstand-xs) var(--praxia-abstand-s)}
html:root .formular{gap:var(--praxia-abstand-s)}
html:root .formular__hinweis,html:root .formular .zustimmung{font-size:var(--praxia-fs-klein)}
html:root .hinweisleiste{padding-block:var(--praxia-abstand-s);font-size:var(--praxia-fs-klein)}
html:root .kassen-text{margin-top:var(--praxia-abstand-s)}
html:root .notfall h3{margin-bottom:var(--praxia-abstand-xs)}
html:root .notfall ul{gap:var(--praxia-abstand-xs) var(--praxia-abstand-m)}
html:root .kontakt address{margin-bottom:var(--praxia-abstand-m)}
html:root .kontakt__daten>p{margin-bottom:var(--praxia-abstand-m)}
html:root .kontakt__plaetze{margin-bottom:var(--praxia-abstand-m)}
html:root .wd__zeile{padding-block:var(--praxia-abstand-xs)}
html:root .wd__zeile{gap:var(--praxia-abstand-s)}
html:root .blick--eng{margin-top:var(--praxia-abstand-m)}
@media (min-width:701px){
  html:root .blick>div{gap:var(--praxia-abstand-s);padding-block:var(--praxia-abstand-xs)}
}
@media (max-width:700px){
  html:root .kopf{padding-block:var(--praxia-kopf-mobil)}
  html:root .praxia-design-persona .kopf+main{padding-top:max(0px,calc(var(--praxia-abstand-l) - var(--praxia-kopf-mobil)))}
  html:root .kopf--offen .menue{gap:0}
  html:root .wd__zeile{gap:var(--praxia-abstand-xs)}
  html:root .blick>div{padding-block:var(--praxia-abstand-xs)}
}
html:root .praxia-design-persona .logo__beruf{font-size:var(--praxia-fs-klein)}
html:root .praxia-design-persona .hero__beruf,html:root .praxia-design-persona .hero h1 .hero__beruf{font-size:var(--praxia-fs-beruf);margin:var(--praxia-abstand-s) 0 0}
html:root .praxia-design-persona .stichworte{font-size:var(--praxia-fs-stichwort)}
html:root .praxia-design-persona .stichworte:not(.stichworte--oben){margin-top:var(--praxia-abstand-m)}
html:root .praxia-design-persona .einleitung{font-size:var(--praxia-fs-lead);max-width:var(--praxia-lesebreite);margin-bottom:var(--praxia-abstand-m)}
html:root .praxia-design-persona .einleitung--klein{font-size:1em;margin-bottom:0}
html:root .praxia-design-persona .ueber__text .einleitung{font-size:var(--praxia-fs-lead)}
html:root .praxia-design-persona .leistung{padding-top:var(--praxia-abstand-s)}
html:root .praxia-design-persona .leistung h3{margin-bottom:var(--praxia-abstand-xs)}
html:root .praxia-design-persona .leistung p{margin-bottom:var(--praxia-abstand-xs)}
html:root .praxia-design-persona .zitat{gap:var(--praxia-abstand-m)}
html:root .praxia-design-persona .zitat__zeichen{width:clamp(2.125rem,5vw,4rem);margin-top:var(--praxia-abstand-xs)}
html:root .praxia-design-persona .zitat cite{font-size:var(--praxia-fs-klein)}
html:root .praxia-design-persona .platzkasten,html:root .praxia-design-persona .anfahrt-kasten{padding:var(--praxia-abstand-m)}
html:root .praxia-design-persona .fuss{padding-block:0 var(--praxia-abstand-m)}
html:root .praxia-design-persona .fuss__linie{gap:var(--praxia-abstand-s);margin-bottom:var(--praxia-abstand-m)}
html:root .praxia-design-persona .fuss h2{font-size:var(--praxia-gr-h3);margin-bottom:var(--praxia-abstand-xs)}
html:root .praxia-design-persona .fuss__klein{gap:var(--praxia-abstand-xs) var(--praxia-abstand-m);margin-top:var(--praxia-abstand-m);padding-top:var(--praxia-abstand-s);font-size:var(--praxia-fs-klein)}
html:root .praxia-design-persona .fuss__klein nav{gap:var(--praxia-abstand-m)}
html:root .praxia-design-persona .wd{gap:var(--praxia-abstand-m) var(--praxia-abstand-l)}
html:root .praxia-design-persona .wd__gruppe h3{margin-bottom:var(--praxia-abstand-s);padding-bottom:var(--praxia-abstand-xs)}
@media (max-width:800px){
  html:root .praxia-design-persona .hero__stichworte{padding-top:var(--praxia-abstand-s)}
}
html:root .kontakt__kartenblock>.karte{margin-bottom:calc(var(--praxia-versatz) + var(--praxia-abstand-s))}