/* MedVici Health — Einrichtungsprofile.
   Eine Datei fuer alle 50.492 Seiten: Der Browser holt sie einmal und
   behaelt sie. Stil je Seite waere 50.492-mal derselbe Text. */
:root{
  color-scheme: light;
  --grund:#FFFFFF; --flaeche:#F7FAF7; --flaeche2:#EEF7EE;
  --linie:#DDE7DD; --linie-stark:#BFD4BF;
  --text:#1F2937; --leise:#4B5563; --still:#6B7280;
  --gruen:#2C7A37; --tief:#1E5C28; --blass:#C7E5A0;
  --merk:#8A3B12; --merkflaeche:#FAECE7; --merklinie:#E8CFC4;
  --sans:"__Outfit_7fd790","Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:Georgia,"Times New Roman",serif;
}
/* Hausschrift der Website, selbst gehostet unter gleicher Herkunft. */
@font-face{font-family:__Outfit_7fd790;font-style:normal;font-weight:400;font-display:swap;src:url(https://de.medvicihealth.com/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,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:__Outfit_7fd790;font-style:normal;font-weight:600;font-display:swap;src:url(https://de.medvicihealth.com/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,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}

*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--flaeche);color:var(--text);
     font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
.blatt{max-width:1000px;margin:0 auto;background:var(--grund);
       border-left:1px solid var(--linie);border-right:1px solid var(--linie)}

.marke{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
       padding:14px 34px;border-bottom:1px solid var(--linie)}
.wort{display:inline-flex;align-items:center;line-height:0}
/* Das offizielle Zeichen statt der nachgebauten Wortmarke. Die
   Startseite fuehrt logo-v6.png; CLAUDE.md nennt noch v4 — die
   ausgelieferte Seite ist massgeblich, der Vermerk veraltet.
   Hoehe wie im Kopf der Website: 36 Pixel. */
.wort img{height:30px;width:auto;display:block}
@media(max-width:560px){.wort img{height:24px}}
.kennung{font:600 11px/1 var(--sans);letter-spacing:.15em;
         text-transform:uppercase;color:var(--leise);
         padding-left:14px;border-left:1px solid var(--linie-stark)}
.luecke{flex:1}
.marke a{color:var(--gruen);text-decoration:none;font-size:14px}
.marke a:hover{text-decoration:underline}

.kopf{background:var(--tief);color:#fff;padding:30px 34px 26px}
.dach{font:600 11px/1.5 var(--sans);letter-spacing:.16em;
      text-transform:uppercase;color:var(--blass);margin:0 0 10px}
h1{font-family:var(--serif);font-size:clamp(25px,4vw,34px);line-height:1.16;
   font-weight:400;margin:0 0 10px;text-wrap:balance}
.unter{margin:0;color:#DCEBDD;font-size:16px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.chip{font-size:13px;padding:5px 12px;border:1px solid rgba(255,255,255,.35);
      border-radius:999px;color:#EAF4EA}
/* Dieselben Chips im hellen Rumpf.
   Die Fassung oben ist fuer den gruenen Kopf gemacht: weisse Schrift,
   weisser Rand. Im Rumpf stand sie auf Weiss und war praktisch
   unsichtbar — 2.200 Praxisprofile mit unlesbarer Verfahrensliste. */
.rumpf .chips{margin-top:12px}
.rumpf .chip{color:var(--tief);border-color:var(--linie);
             background:var(--flaeche)}

/* Kopf der Praxisprofile: zwei Spalten, keine absolute Lage.

   Der erste Versuch setzte den Kontaktblock absolut auf top:118px.
   Bei einer Praxis mit Anschrift, Telefon, E-Mail, Internetseite und
   zwei Social-Media-Profilen lief er unten aus dem gruenen Kopf
   heraus — helles Gruen auf Weiss, unlesbar. Ein Kopf, dessen Hoehe
   vom Inhalt abhaengt, darf seinen Inhalt nicht absolut setzen. */
.kopf.zwei{display:flex;gap:26px;align-items:flex-start;
           justify-content:space-between}
.kopf.zwei > .links{flex:1 1 auto;min-width:0}
.kopf.zwei > .rechts{flex:0 0 236px;display:flex;flex-direction:column;
                     align-items:flex-end}
.kopf.zwei > .rechts .zeichen{position:static;margin:0 0 14px}
.kopf.zwei h1,.kopf.zwei .dach,.kopf.zwei .unter{padding-right:0}
@media(max-width:760px){
  .kopf.zwei{flex-direction:column;gap:16px}
  .kopf.zwei > .rechts{flex:none;align-items:flex-start;width:100%}
}

.kkontakt{width:100%;text-align:right;color:#DCEBDD;font-size:14px;
          line-height:1.6}
.kkontakt a{color:#EAF4EA;text-decoration:none;
            border-bottom:1px solid rgba(255,255,255,.4)}
.kkontakt a:hover{border-bottom-color:#fff}
.kkontakt .zeile{display:block}
.kkontakt .sozial{margin-top:8px;display:flex;gap:10px;
                  justify-content:flex-end;flex-wrap:wrap}
.kkontakt .sozial a{font-size:13px;border-bottom:none;
                    text-decoration:underline}
@media(max-width:760px){
  .kkontakt{text-align:left}
  .kkontakt .sozial{justify-content:flex-start}
}
[dir="rtl"] .kkontakt{right:auto;left:34px;text-align:left}

.rumpf{padding:28px 34px 34px}
h2{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--tief);
   margin:34px 0 12px}
.zwei > div > h2:first-child{margin-top:0}
.lead{color:var(--leise);margin:0 0 10px}
p{margin:0 0 12px}
.zwei{display:grid;grid-template-columns:1.35fr 1fr;gap:30px;align-items:start}
@media (max-width:760px){.zwei{grid-template-columns:1fr;gap:22px}
  .rumpf,.marke,.kopf,.fuss{padding-left:20px;padding-right:20px}}

.fakten{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie)}
.fakten li{display:flex;justify-content:space-between;gap:16px;
           padding:9px 0;border-bottom:1px solid var(--linie);font-size:15px}
.fakten b{color:var(--still);font-weight:500;flex:0 0 auto}
.fakten span{text-align:right;font-weight:500}

.ein{background:var(--flaeche2);border-left:4px solid var(--gruen);
     padding:18px 22px}
.ein p{margin:0 0 10px}
.ein p:last-child{margin:0}
.balken{height:8px;background:#fff;border:1px solid var(--linie-stark);
        border-radius:999px;overflow:hidden;margin:8px 0 4px}
.balken i{display:block;height:100%;background:var(--gruen)}
.skala{display:flex;justify-content:space-between;font-size:12px;
       color:var(--still);margin-bottom:10px}

.tabhuelle{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:15px;min-width:420px}
th{text-align:left;font:600 11px/1.4 var(--sans);letter-spacing:.09em;
   text-transform:uppercase;color:var(--still);padding:0 10px 8px 0;
   border-bottom:1.5px solid var(--linie-stark)}
th.z,td.z{text-align:right;font-variant-numeric:tabular-nums}
td{padding:9px 10px 9px 0;border-bottom:1px solid var(--linie);
   vertical-align:top}
.ab{display:block}
/* Die amtliche Bezeichnung nach § 301 SGB V bleibt deutsch — sie ist ein
   Rechtsbegriff. Sie steht klein unter dem uebersetzten Fachbereich. */
.amt{display:block;font-size:12.5px;color:var(--still);margin-top:1px}
tbody tr:hover{background:var(--flaeche)}
/* Die vier bettenstaerksten Abteilungen. Sie tragen die Aussage der
   Tabelle; der Rest ist Vollstaendigkeit. Hervorgehoben wird ueber
   Gewicht und eine schmale Kante links — nicht ueber Farbe allein, die
   bei Rot-Gruen-Schwaeche nichts sagt, und nicht ueber eine Flaeche,
   die vier von dreissig Zeilen zu einem Block zusammenzoege. */
tr.stark td{font-weight:600}
tr.stark td:first-child{box-shadow:inset 3px 0 0 var(--gruen);
                        padding-left:11px}
tr.stark .ab{color:var(--tief)}
.summe td{font-weight:600;border-top:1.5px solid var(--linie-stark);
          border-bottom:0;padding-top:11px}

.quelle{font-size:14px;color:var(--leise)}
.luecken{background:var(--merkflaeche);border:1px solid var(--merklinie);
         padding:16px 22px}
.luecken ul{margin:0;padding-left:20px;color:#6E3210}
.luecken li{margin-bottom:6px;font-size:15px}

.fuss{border-top:1px solid var(--linie);padding:22px 34px 28px;
      background:var(--flaeche)}
.fuss .adr{font-size:15px;margin:0 0 14px}
.fuss .adr b{color:var(--tief)}
.hinweis{font-size:13px;color:var(--still);margin:0;max-width:78ch}
/* Die Herkunft der Angaben. Sie stand als eigener Abschnitt im Rumpf und
   wiederholte sich damit auf 1.942 Seiten in voller Groesse. Von der
   Seite nehmen laesst sie sich nicht: sie ist der Grund, warum ein
   Vergleichswert zitierbar ist. Also klein und kursiv ans Ende. */
.quelle-klein{font-size:11.5px;line-height:1.55;font-style:italic;
              color:var(--still);margin:10px 0 0}
.stand{font-size:12px;color:var(--still);margin:8px 0 0}

/* Rechts-nach-links: Arabisch, Persisch, Kurdisch, Hebraisch. */
[dir="rtl"] .fakten span,[dir="rtl"] th.z,[dir="rtl"] td.z{text-align:left}
[dir="rtl"] .ein{border-left:0;border-right:4px solid var(--gruen)}
[dir="rtl"] th{text-align:right}
[dir="rtl"] .luecken ul{padding-left:0;padding-right:20px}

/* Das Zeichen der Einrichtung, oben rechts im gruenen Kopf.
   Weisse Flaeche, feste Groesse fuer alle — Logo wie Monogramm sitzen in
   derselben Box, damit kein Haus bevorzugt aussieht.
   Auf dem Telefon wandert es ueber die Ueberschrift: nebeneinander
   blieben fuer den Namen 140 Pixel, und lange Klinikbezeichnungen
   brechen dann in fuenf Zeilen. */
.kopf{position:relative}
/* Variante A, entschieden am 30.08.2026.
   Kein Radius: der Achter liess das Zeichen wie ein App-Symbol wirken.
   Und eingerueckt statt buendig — 34 Pixel rechts und 30 oben sind
   genau die Innenabstaende des Kopfes. Damit steht das Zeichen im
   Satzspiegel und nicht daneben, und die Oberkante liegt auf der
   Dachzeile. */
.zeichen{position:absolute;top:30px;right:34px;width:150px;height:75px;
         background:#fff;display:flex;
         align-items:center;justify-content:center;overflow:hidden}
.zeichen img{max-width:88%;max-height:78%;width:auto;height:auto;
             display:block}
.kopf h1,.kopf .dach,.kopf .unter{padding-right:176px}
@media(max-width:700px){
  .zeichen{position:static;margin:0 0 14px;width:132px;height:66px}
  .kopf h1,.kopf .dach,.kopf .unter{padding-right:0}
}
[dir="rtl"] .zeichen{right:auto;left:34px}
[dir="rtl"] .kopf h1,[dir="rtl"] .kopf .dach,[dir="rtl"] .kopf .unter{
  padding-right:0;padding-left:176px}
@media(max-width:700px){
  [dir="rtl"] .kopf h1,[dir="rtl"] .kopf .dach,[dir="rtl"] .kopf .unter{
    padding-left:0}
}

/* --- Sprachauswahl auf Profilseiten -----------------------
   Reines HTML, kein Skript: die Profilseite laedt sonst
   nichts nach, und das ist ihre Staerke. Eingefuehrt am
   08.09.2026 zusammen mit den hreflang-Angaben im Kopf. */
.sprachen{margin-top:26px;padding-top:18px;border-top:1px solid var(--linie,#D8E4D8)}.sprachen-wort{font:600 11px/1 var(--sans,system-ui);letter-spacing:.15em;text-transform:uppercase;color:var(--gruen,#2C7A37);margin:0 0 10px}.sprachen ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}.sprachen li{font-size:14px}.sprachen a{color:var(--text2,#4B5563);text-decoration:none}.sprachen a:hover{color:var(--gruen,#2C7A37);text-decoration:underline}.sprachen [aria-current]{color:var(--gruen,#2C7A37);font-weight:600}