/* Die Overlay-Regeln standen unter #mv-suche. Seit das Profil an den
   Body wandert — der Streifen ist bei der Bausteinsuche ausgeblendet,
   und ein Kind eines ausgeblendeten Elements hat keine Ausdehnung —
   griff keine davon mehr: das Profil erschien als unformatierter Text
   unter der Fusszeile. Der Praefix entfaellt; die Klassennamen
   mv-profil* kommen nirgends sonst vor. */
/* MedVici Health — Suchstreifen mit drei Suchfunktionen.

   Farben nach dem gruenen Corporate Design: Primaer #2C7A37, Sekundaer
   #87C34B, Flaechen #F7FAF7 und #EEF7EE, Fliesstext #1F2937.

   Der Streifen war urspruenglich fuer dunkles Navy gebaut. Beim Umstellen
   wurden die Weisstoene nicht pauschal ersetzt, sondern nach ihrer Rolle:
   als Schrift wurden sie zu Fliesstext, als Flaeche zu den hellen
   Gruentoenen, als Rahmen zu den Linienfarben. Die Variable --gold traegt
   aus Kompatibilitaet weiterhin ihren Namen, fuehrt aber das Primaergruen —
   sie wird an rund 40 Stellen referenziert. */

#mv-suche{color:var(--text);--primaer:#2C7A37;--sekundaer:#87C34B;--dunkel:#1E5C28;
  --flaeche:#F7FAF7;--overlay:#EEF7EE;--text:#1F2937;--leise:#4B5563;
  --linie:rgba(44,122,55,.20);--linie-stark:rgba(44,122,55,.42);
  --gold:#2C7A37;--aktiv:#2C7A37;--hell:#87C34B;
  max-width:1240px;margin:34px auto 0;text-align:left}

/* ---- drei Spalten, klar getrennt ---- */
#mv-suche .mv-spalten{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;
  border:1px solid var(--linie);border-radius:16px;overflow:hidden;
  background:var(--flaeche)}
#mv-suche .mv-sp{padding:22px 20px 24px;border-right:1px solid var(--linie);min-width:0}
#mv-suche .mv-sp:last-child{border-right:0}
#mv-suche .mv-nr{display:inline-flex;align-items:center;gap:8px;font-size:.62rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:9px}
#mv-suche .mv-nr i{width:20px;height:20px;border-radius:50%;border:1px solid rgba(44,122,55,.5);
  display:flex;align-items:center;justify-content:center;font-style:normal;font-size:.66rem}
#mv-suche .mv-sp h3{font-family:var(--font-instrument-serif),Georgia,serif;font-weight:400;
  font-size:1.08rem;margin:0 0 5px;color:var(--text)}
#mv-suche .mv-sp p.mv-sub{font-size:.79rem;color:var(--leise);margin:0 0 15px;min-height:34px}

/* ---- Suche 1 ---- */
#mv-suche .mv-feld{display:flex;align-items:center;gap:9px;background:var(--overlay);
  border:1px solid var(--linie-stark);border-radius:999px;padding:0 6px 0 15px;transition:.18s}
#mv-suche .mv-feld:focus-within{border-color:var(--gold);background:var(--overlay);
  box-shadow:0 0 0 3px rgba(44,122,55,.14)}
#mv-suche .mv-feld svg{flex:none;width:16px;height:16px;stroke:var(--linie-stark);
  fill:none;stroke-width:2}
#mv-suche .mv-feld:focus-within svg{stroke:var(--gold)}
#mv-suche .mv-feld input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--text);
  font-family:inherit;font-size:.9rem;padding:12px 0}
#mv-suche .mv-feld input::placeholder{color:var(--leise)}
#mv-suche .mv-go{flex:none;border:0;border-radius:999px;background:var(--gold);color:#fff;
  font-family:inherit;font-size:.78rem;font-weight:600;padding:8px 17px;cursor:pointer}
#mv-suche .mv-go:hover{background:#1E5C28}
#mv-suche .mv-go[disabled]{opacity:.4;cursor:default}
#mv-suche .mv-vor{position:relative}
/* Das Ortsfeld traegt seine eigene Vorschlagsliste; ohne Bezugspunkt haengt
   sie sonst am Formular statt am Feld. Die Liste kann lang werden — bei
   "404" stehen alle Duesseldorfer Postleitzahlen darin —, deshalb scrollt
   sie ab etwa acht Zeilen. */
#mv-suche .mv-ortfeld{position:relative}
#mv-suche .mv-ortfeld .mv-liste{max-height:19rem;overflow-y:auto}
#mv-suche .mv-ortfeld .mv-opt b{font-variant-numeric:tabular-nums;margin-right:7px;
  color:var(--gold);font-weight:600}
#mv-suche .mv-ortfeld .mv-opt{padding-left:12px;padding-right:12px}
/* Die Spalte von Suche 3 ist schmal. Dort zaehlt der Ortsname, nicht die
   Zahl der Einrichtungen — sonst bleibt von "Düsseldorf" nur "D…" stehen. */
@media (max-width:560px){
  #mv-suche .mv-ortfeld .mv-opt .f{display:none}
  /* Die Liste darf ueber die Spalte hinausragen, damit "Düsseldorf" nicht zu
     "Düsse…" wird. Rechts bleibt sie am Feld verankert, links waechst sie. */
  #mv-suche .mv-ortfeld .mv-liste{right:auto;min-width:16.5rem;
    max-width:calc(100vw - 2.5rem)}
}
#mv-suche .mv-liste{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:40;
  background:#122344;border:1px solid var(--linie);border-radius:13px;
  box-shadow:0 16px 40px rgba(0,0,0,.45);overflow:hidden;display:none}
#mv-suche .mv-liste[data-an]{display:block}
#mv-suche .mv-opt{display:flex;align-items:center;gap:10px;padding:10px 15px;cursor:pointer;
  border:0;background:none;width:100%;text-align:left;color:var(--text);font-family:inherit;font-size:.86rem}
#mv-suche .mv-opt+.mv-opt{border-top:1px solid var(--linie)}
#mv-suche .mv-opt:hover,#mv-suche .mv-opt[data-sel]{background:rgba(44,122,55,.16)}
#mv-suche .mv-opt mark{background:none;color:var(--gold);font-weight:600}
#mv-suche .mv-opt .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mv-suche .mv-opt .f{flex:none;font-size:.7rem;color:var(--leise);max-width:42%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mv-suche .mv-leer{padding:14px 15px;font-size:.84rem;color:var(--leise)}
#mv-suche .mv-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}
#mv-suche .mv-chip{border:1px solid var(--linie-stark);border-radius:999px;padding:5px 12px;
  font-size:.74rem;color:var(--text);background:transparent;font-family:inherit;
  cursor:pointer;transition:.16s}
#mv-suche .mv-chip:hover{border-color:var(--gold);color:var(--text)}

/* ---- Suche 2 ---- */
#mv-suche .mv-kacheln{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#mv-suche .mv-kachel{position:relative;border:1px solid var(--linie);border-radius:10px;
  overflow:hidden;background:var(--overlay);cursor:pointer;padding:0;text-align:left;transition:.18s}
#mv-suche .mv-kachel:hover{border-color:var(--gold);transform:translateY(-2px)}
#mv-suche .mv-kachel .b{display:block;height:66px;position:relative;background:var(--overlay);width:100%}
#mv-suche .mv-kachel .b span{position:absolute;inset:0;background-repeat:no-repeat;
  background-position:center 48%;background-size:152% auto}
#mv-suche .mv-kachel .c{display:block;padding:7px 9px 9px}
#mv-suche .mv-kachel .c b{display:block;font-size:.73rem;font-weight:600;line-height:1.25;color:var(--text)}
#mv-suche .mv-kachel .z{position:absolute;top:6px;right:6px;background:rgba(5,11,26,.82);
  border:1px solid rgba(44,122,55,.4);border-radius:999px;padding:1px 7px;font-size:.63rem;
  font-weight:600;color:var(--hell)}
#mv-suche .mv-pfad{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px;
  font-size:.73rem;min-height:18px}
#mv-suche .mv-pfad button{border:0;background:none;color:var(--gold);cursor:pointer;
  font-family:inherit;font-size:.73rem;font-weight:600;padding:0}
#mv-suche .mv-pfad button:hover{text-decoration:underline}
#mv-suche .mv-pfad .tr{color:rgba(31,41,55,.55)}
#mv-suche .mv-pfad .jetzt{color:var(--text);font-weight:600}

/* ---- Suche 3 ---- */
#mv-suche .mv-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#mv-suche .mv-form .voll{grid-column:1/-1}
#mv-suche label{display:block;font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;
  font-weight:600;color:var(--text);margin-bottom:5px}
#mv-suche label .req{color:var(--gold)}
#mv-suche label .opt{color:var(--leise);text-transform:none;letter-spacing:0;
  font-weight:400;font-size:.68rem}
#mv-suche .mv-in{width:100%;background:var(--overlay);border:1px solid var(--linie);
  border-radius:8px;color:var(--text);font-family:inherit;font-size:.84rem;padding:9px 11px;transition:.18s}
#mv-suche .mv-in::placeholder{color:rgba(31,41,55,.55)}
#mv-suche .mv-in:focus{outline:none;border-color:var(--gold);background:var(--overlay)}
#mv-suche select.mv-in{appearance:none;-webkit-appearance:none;padding-right:30px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%232C7A37' stroke-width='1.6'/></svg>");
  background-repeat:no-repeat;background-position:right 11px center}
#mv-suche select.mv-in option{background:var(--text);color:var(--text)}
#mv-suche .mv-art{display:flex;gap:6px}
#mv-suche .mv-art button{flex:1;border:1px solid var(--linie);background:var(--flaeche);
  color:var(--text);border-radius:8px;padding:9px 6px;font-family:inherit;font-size:.76rem;
  cursor:pointer;transition:.16s}
#mv-suche .mv-art button:hover{border-color:var(--gold)}
#mv-suche .mv-art button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);
  color:#fff;font-weight:600}
#mv-suche .mv-hinweis{font-size:.72rem;color:var(--leise);margin-top:7px;display:none}
#mv-suche .mv-hinweis[data-an]{display:block}

/* ---- Ergebnisbereich:erst nach der ersten Auswahl ---- */
#mv-suche .mv-erg{display:none;margin-top:22px;border:1px solid var(--linie);border-radius:16px;
  background:var(--flaeche);padding:20px}
#mv-suche .mv-erg[data-an]{display:block}
#mv-suche .mv-erg-kopf{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;margin-bottom:13px}
#mv-suche .mv-erg-kopf h4{font-family:var(--font-instrument-serif),Georgia,serif;font-weight:400;
  font-size:1.16rem;margin:0;color:var(--text)}
#mv-suche .mv-erg-kopf .n{font-size:.79rem;color:var(--leise)}
#mv-suche .mv-erg-kopf .n b{color:var(--hell);font-weight:600}
#mv-suche .mv-erg-kopf .zu{margin-left:auto;border:0;background:none;color:var(--leise);
  font-family:inherit;font-size:1.1rem;cursor:pointer;line-height:1}
#mv-suche .mv-erg-kopf .zu:hover{color:var(--text)}
#mv-suche .mv-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
#mv-suche .mv-filter button{border:1px solid var(--linie);background:var(--flaeche);
  color:var(--text);border-radius:999px;padding:5px 13px;font-family:inherit;
  font-size:.73rem;cursor:pointer;transition:.16s}
#mv-suche .mv-filter button:hover{border-color:var(--gold);color:var(--text)}
#mv-suche .mv-filter button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);
  color:#fff;font-weight:600}
#mv-suche .mv-treffer{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#mv-suche .mv-ein{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--linie);
  border-radius:10px;padding:10px 12px;background:var(--flaeche);text-decoration:none;
  color:var(--text);transition:.16s}
#mv-suche a.mv-ein:hover{border-color:var(--gold);background:rgba(44,122,55,.1)}
#mv-suche .mv-ein[data-ohne]{opacity:.62;border-style:dashed}
#mv-suche .mv-ein .m{flex:none;width:30px;height:30px;border-radius:7px;background:rgba(255,168,60,.16);
  color:var(--hell);display:flex;align-items:center;justify-content:center;
  font-family:var(--font-instrument-serif),Georgia,serif;font-size:.9rem}
#mv-suche .mv-ein .nm{font-weight:600;font-size:.8rem;line-height:1.3}
#mv-suche .mv-ein .art{display:inline-block;font-size:.55rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--gold);border:1px solid rgba(44,122,55,.45);
  border-radius:4px;padding:0 5px;margin-left:6px;vertical-align:1px}
#mv-suche .mv-ein .me{font-size:.72rem;color:var(--leise)}
#mv-suche .mv-mehr{text-align:center;margin-top:13px}
#mv-suche .mv-knopf{border:1px solid var(--gold);color:var(--gold);background:transparent;
  border-radius:999px;padding:9px 22px;font-family:inherit;font-size:.79rem;font-weight:600;
  cursor:pointer;transition:.18s}
#mv-suche .mv-knopf:hover{background:var(--gold);color:var(--text)}
#mv-suche .mv-fair{font-size:.73rem;color:var(--leise);text-align:center;margin-top:11px}
#mv-suche .mv-laedt{text-align:center;padding:22px;font-size:.84rem;color:var(--leise)}

/* ---------------------------------------------------------------------------
   Rueckfallebene fuer Safari vor 14.1 — dort gilt "gap" nur im Grid, nicht im
   Flexbox-Layout. Ohne diese Regeln kleben die Elemente aneinander, was mehr
   als die Haelfte der Besucher betrifft (Safari mobile 13).
   Erkannt ueber "inset": derselbe Versionsstand wie der Flexbox-Gap.
   --------------------------------------------------------------------------- */
@supports not (inset:0px){
  #mv-suche .mv-nr > i{margin-right:8px}
  #mv-suche .mv-feld > svg{margin-right:9px}
  #mv-suche .mv-feld > input{margin-right:9px}
  #mv-suche .mv-opt > *{margin-right:10px}
  #mv-suche .mv-opt > *:last-child{margin-right:0}
  #mv-suche .mv-chips{margin-top:7px}
  #mv-suche .mv-chips > *{margin:6px 6px 0 0}
  #mv-suche .mv-pfad > *{margin:0 6px 0 0}
  #mv-suche .mv-art > button{margin-right:6px}
  #mv-suche .mv-art > button:last-child{margin-right:0}
  #mv-suche .mv-erg-kopf > *{margin:0 11px 0 0}
  #mv-suche .mv-filter > button{margin:0 6px 6px 0}
  #mv-suche .mv-ein > *{margin-right:10px}
  #mv-suche .mv-ein > *:last-child{margin-right:0}
  /* Die Raster .mv-kacheln, .mv-treffer und .mv-form bleiben unberuehrt:im Grid-Layout beherrscht Safari "gap" bereits seit Version 12. */
}

@media(max-width:980px){
  #mv-suche .mv-spalten{grid-template-columns:1fr}
  #mv-suche .mv-sp{border-right:0;border-bottom:1px solid var(--linie)}
  #mv-suche .mv-sp:last-child{border-bottom:0}
  #mv-suche .mv-sp p.mv-sub{min-height:0}
  #mv-suche .mv-treffer{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){#mv-suche *{transition-duration:.01ms!important}}

/* ---------- Profil-Overlay der Partnereinrichtungen ---------- */
#mv-suche .mv-ein[data-profil]{width:100%;text-align:left;border:0;font:inherit;
  cursor:pointer;background:rgba(44,122,55,.07);border:1px solid rgba(44,122,55,.28)}
#mv-suche .mv-ein[data-profil]:hover{background:rgba(44,122,55,.14)}
#mv-suche .mv-pfeil{flex:none;color:var(--gold);font-size:1.2rem;line-height:1;padding-left:6px}

.mv-profil{position:fixed;inset:0;z-index:120;display:none;
  background:rgba(23,52,4,.55);padding:24px;overflow:auto}
.mv-profil[data-an]{display:block}
.mv-profil-box{position:relative;max-width:940px;margin:0 auto;
  background:#fff;border:1px solid rgba(44,122,55,.34);border-radius:14px;
  box-shadow:0 24px 70px rgba(30,92,40,.22);overflow:hidden}
.mv-profil-zu{position:absolute;top:14px;right:14px;z-index:2;width:36px;height:36px;
  border-radius:50%;border:1px solid var(--linie-stark);background:#fff;
  color:var(--text);font-size:1.15rem;line-height:1;cursor:pointer}
.mv-profil-zu:hover{background:rgba(44,122,55,.28)}

.mv-profil-kopf{padding:30px 34px 24px;
  background:linear-gradient(135deg,rgba(44,122,55,.16),rgba(44,122,55,0) 62%);
  border-bottom:1px solid var(--linie)}
.mv-profil-label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);margin-bottom:10px}
.mv-profil-kopf h4{margin:0;font-size:1.6rem;color:var(--text);font-weight:600}
.mv-profil-sub{margin:7px 0 0;color:var(--leise);font-size:.9rem}
/* Ortsunabhaengiges Angebot. Fliesstext #1F2937 auf #EEF7EE traegt rund
   13:1, die fette Auszeichnung #2C7A37 auf demselben Grund 5,0:1 — beide
   ueber der Schwelle fuer normalen Text. */
.mv-profil-fern{margin:12px 0 0;padding:9px 13px;border-radius:8px;
  background:var(--overlay);border:1px solid var(--linie);
  color:var(--text);font-size:.82rem;line-height:1.5}
.mv-profil-fern b{color:var(--gold);font-weight:600}

.mv-profil-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.mv-profil-tags span{font-size:.74rem;padding:5px 11px;border-radius:999px;
  background:var(--overlay);border:1px solid var(--linie);
  color:var(--text)}

.mv-profil-koerper{padding:26px 34px 32px}
.mv-profil-2sp{display:grid;grid-template-columns:1.15fr 1fr;gap:32px}
.mv-profil-koerper h5{margin:0 0 10px;font-size:.72rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--gold);font-weight:600}
.mv-profil-koerper p{margin:0;color:var(--leise);font-size:.88rem;line-height:1.62}
.mv-profil-koerper ul{margin:0;padding:0;list-style:none}
.mv-profil-koerper li{color:var(--text);font-size:.85rem;
  line-height:1.5;padding:5px 0 5px 17px;position:relative}
.mv-profil-koerper li::before{content:'';position:absolute;left:0;top:12px;
  width:5px;height:5px;border-radius:50%;background:var(--gold)}
.mv-profil-team-titel{margin-top:30px !important;padding-top:24px;
  border-top:1px solid var(--linie)}
.mv-profil-team{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mv-doc{display:flex;align-items:center;gap:14px;padding:10px 13px;border-radius:10px;
  background:var(--flaeche);border:1px solid var(--linie);min-height:112px}
/* Das Wappen ist freigestellt und fuellt die Kachel nahezu von oben nach unten.
   contain statt cover, damit die Wappenspitze nicht abgeschnitten wird; der
   runde Grund bleibt als ruhige Flaeche dahinter stehen. */
/* Kein Ring und keine Flaeche hinter dem Wappen:es ist freigestellt und
   traegt seine eigene Kontur. Die Kachel ist nur noch Platzhalter und
   Klickflaeche. */
.mv-doc-bild{flex:none;width:92px;height:92px;padding:0;border:0;
  background:none;display:flex;align-items:center;justify-content:center;
  cursor:zoom-in;transition:transform .18s ease}
/* Ersatz fuer ein fehlendes Portrait: Initialen auf dunklem Gruen, Weiss
   darauf 8,0:1. Kein Hover und kein Fokus — es gibt nichts zu vergroessern. */
.mv-doc-ohne{display:flex;align-items:center;justify-content:center;
  background:#1E5C28;color:#fff;font-size:1.5rem;font-weight:600;
  letter-spacing:.04em;border-radius:50%;cursor:default}
.mv-doc-ohne:hover{transform:none}

.mv-doc-bild:hover{transform:scale(1.08)}
.mv-doc-bild:focus-visible{outline:2px solid var(--gold);outline-offset:3px;
  border-radius:12px}
/* Umgebungsportraits fuellen die runde Kachel, statt darin zu
   schweben. contain waere bei einem Foto mit Hintergrund ein
   Rechteck im Kreis; cover schneidet es rund. Freigestellte
   Wappen bleiben bei contain, sonst wuerden sie beschnitten. */
.mv-doc-bild img.mv-doc-foto{object-fit:cover;border-radius:50%}
.mv-doc-bild img{width:100%;height:100%;object-fit:contain;display:block;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.35))}
/* Bildmarke statt Portrait: breiter, ohne Zeigefinger, ohne Schatten.
   Ein Schriftzug im Verhaeltnis 3:1 wird in einer quadratischen Kachel
   zur Briefmarke, und ein Schlagschatten unter einem freigestellten
   Logo laesst es wie einen Aufkleber aussehen. */
.mv-doc-bild.mv-doc-marke{width:168px;cursor:default}
.mv-doc-bild.mv-doc-marke:hover{transform:none}
.mv-doc-marke img{filter:none}
@media(max-width:640px){.mv-doc-bild.mv-doc-marke{width:140px}}

/* Lupe:dreifache Vergroesserung ueber dem Profil */
.mv-lupe{position:fixed;inset:0;z-index:140;display:none;cursor:zoom-out;
  background:rgba(23,52,4,.72);align-items:center;justify-content:center;padding:24px}
.mv-lupe[data-an]{display:flex}
.mv-lupe img{width:252px;height:252px;object-fit:contain;
  filter:drop-shadow(0 18px 40px rgba(0,0,0,.6))}
.mv-lupe figcaption{position:absolute;left:0;right:0;bottom:8%;text-align:center;
  color:#fff;font-size:.92rem}
.mv-lupe figcaption span{display:block;color:var(--text);
  font-size:.76rem;margin-top:4px;padding:0 24px}
@media (max-width:820px){
  .mv-doc{min-height:100px}
  .mv-doc-bild{width:84px;height:84px}
  .mv-lupe img{width:228px;height:228px}
}
.mv-doc-info{min-width:0}
.mv-doc-info b{display:block;color:var(--text);font-size:.83rem;font-weight:600}
.mv-doc-info span{display:block;color:var(--text);font-size:.72rem;
  line-height:1.4;margin-top:3px}

/* ── Standortangaben ──────────────────────────────────────────────
   Oeffnungszeiten, Sprachen, Abrechnung, Leitung. Der Block steht
   zwischen Teamraster und Fussbereich und faellt weg, wenn ein Profil
   keine dieser Angaben fuehrt. */
.mv-profil-standort{display:grid;
  grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:20px 26px;
  margin-top:28px;padding-top:22px;border-top:1px solid var(--linie)}
.mv-profil-standort h6{margin:0 0 8px;font-size:.68rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--gold);font-weight:600}
.mv-profil-standort p{margin:0;color:var(--text) !important;
  font-size:.82rem !important;line-height:1.55}
/* Tag links, Uhrzeit rechts. `tabular-nums`, damit die Ziffern
   untereinander stehen — sonst franst die Spalte aus. */
.mv-so-zeiten{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;
  font-size:.82rem;color:var(--text);font-variant-numeric:tabular-nums}
.mv-so-tag{color:var(--leise)}
@media(max-width:620px){
  .mv-profil-standort{grid-template-columns:1fr;gap:16px}
}
.mv-profil-fuss{display:flex;flex-wrap:wrap;gap:22px;justify-content:space-between;
  align-items:flex-end;margin-top:28px;padding-top:22px;
  border-top:1px solid var(--linie)}
.mv-profil-adresse{font-size:.83rem !important;color:var(--text) !important}
.mv-profil-adresse a{color:var(--gold)}
.mv-profil-hinweis{margin-top:9px !important;font-size:.7rem !important;
  color:var(--leise) !important;max-width:52ch}
.mv-profil-knoepfe{display:flex;flex-wrap:wrap;gap:10px}
.mv-profil-knoepfe .mv-knopf{text-decoration:none;display:inline-block}
.mv-profil-knoepfe .zweit{background:transparent;color:var(--gold);
  border:1px solid rgba(44,122,55,.5)}

@media (max-width:820px){
  .mv-profil{padding:0}
  .mv-profil-box{border-radius:0;min-height:100%}
  .mv-profil-kopf,.mv-profil-koerper{padding-left:20px;padding-right:20px}
  .mv-profil-2sp{grid-template-columns:1fr;gap:24px}
  .mv-profil-team{grid-template-columns:1fr}
  .mv-profil-kopf h4{font-size:1.3rem}
}
/* Safari vor 14.1 kennt kein gap im Flexlayout */
@supports not (inset:0px){
  .mv-profil-tags > *{margin:0 8px 8px 0}
  .mv-profil-knoepfe > *{margin:0 10px 10px 0}
}
/* Karten-Verweise im Partnerprofil (mv-suche.js kartenVerweise).
   Nur auf Geraeten mit Fingerbedienung — wie auf den Einzelprofilen
   (mv-profil.css) und frueher auf der alten Startseite. Eigene Zeile
   unter den beiden Knoepfen, am Zeilenende: rechts, unter dir="rtl"
   links. Farben ausgeschrieben, weil das Overlay am Body haengt und
   die Variablen von #mv-suche dort nicht ankommen. */
.mv-profil-karten{display:none}
@media (hover:none),(pointer:coarse){
  .mv-profil-karten{display:flex;flex-wrap:wrap;justify-content:flex-end;
    gap:8px;flex:1 0 100%;margin-top:2px}
}
.mv-profil-karten a{display:inline-flex;align-items:center;gap:7px;
  min-height:44px;box-sizing:border-box;padding:0 16px;border-radius:999px;
  border:1px solid rgba(44,122,55,.42);background:#fff;color:#1E5C28;
  font-size:14px;font-weight:500;line-height:1;text-decoration:none}
.mv-profil-karten a:active{background:#EEF7EE}
.mv-profil-karten a:focus-visible{outline:2px solid #2C7A37;outline-offset:2px}
.mv-profil-karten svg{flex:0 0 auto;color:#2C7A37}
/* Die Knoepfe im Partnerprofil. `#mv-suche .mv-knopf` erreicht das
   Overlay nicht mehr — es haengt seit dem Umzug am Body (Kopf dieser
   Datei), und diese eine Regel ist dabei stehen geblieben. Bis zum
   17.09.2026 stand „Meine Anfrage starten" deshalb als Fliesstext da.
   Gestaltung wie im Streifen; beim Ueberfahren weisse statt dunkler
   Schrift, dunkel auf Gruen erreicht nur etwa 2:1. */
.mv-profil-knoepfe .mv-knopf{border:1px solid #2C7A37;color:#2C7A37;
  background:transparent;border-radius:999px;padding:9px 22px;
  font-family:inherit;font-size:.79rem;font-weight:600;cursor:pointer;
  transition:.18s}
.mv-profil-knoepfe .mv-knopf:hover{background:#2C7A37;color:#fff}
.mv-profil-knoepfe .mv-knopf.zweit{border-color:rgba(44,122,55,.5)}
.mv-profil-knoepfe .mv-knopf:focus-visible{outline:2px solid #2C7A37;
  outline-offset:2px}
/* Pfeile laufen mit der Schrift. „›" spiegelt der Browser unter
   dir="rtl" selbst (Bidi_Mirrored), „→" und „↗" nicht — im
   arabischen Partnerprofil zeigte der Anfrageknopf bis zum 17.09.2026
   gegen die Leserichtung. */
.mv-pfeil-r{display:inline-block}
[dir="rtl"] .mv-pfeil-r{transform:scaleX(-1)}
