/* ============================================================
 * Stoll Arzt-Profil-Seite — D3 Tag 3 (Handoff Unterseiten.dc.html
 * "Arzt-Profil Dr. Stoll 1440", Vorlage fuer alle Aerzte).
 * ============================================================ */

/* Kopf (dunkles Band, Breadcrumb+Eyebrow+H1) */
.pst-arzt-head__crumb { display: flex; align-items: center; gap: 8px; font-size: var(--fs-meta, 15px); color: rgba(246,243,236,.75); margin: 0 0 14px; }
.pst-arzt-head__crumb a { color: rgba(246,243,236,.75); text-decoration: none; }
.pst-arzt-head__crumb a:hover { color: var(--gold-400); }
.pst-arzt-head__crumb-active { color: var(--gold-400); font-weight: 500; }
.pst-arzt-head .stoll-eyebrow { margin: 0 0 14px; }
/* Spezifitaet (0,2,0) noetig: Kit-Theme-Style ".elementor-kit-934 h1" liegt
 * bei (0,1,1) und schlaegt ein einfaches ".pst-arzt-head__title" (0,1,0)
 * sonst — derselbe Fund wie bei page-hero.css und standort-sections.css. */
.pst-arzt-head .pst-arzt-head__title { font: 800 var(--fs-display, 40px)/1.1 var(--font-brand); letter-spacing: -.01em; color: #fff; margin: 0; }

/* Profil-Box (Portrait + Auf einen Blick) */
.pst-arzt-profil__media { position: relative; aspect-ratio: 4/5; overflow: hidden; background: var(--sand-100); }
/* HAERTUNG 25.07.2026 (A.2, Folge-Audit des .pst-cb__photo-img-Fundes): dieser
 * Selektor hatte dieselbe Spezifitaet (0,1,1) wie Elementors sitewide
 * ".elementor img{height:auto}" — bisher nur durch Ladereihenfolge (Theme
 * laedt nach Elementor) zufaellig korrekt, nicht durch Spezifitaet. Fix nach
 * demselben Muster: Vorfahre ".pst-arzt-profil" ergaenzt -> (0,2,1), schlaegt
 * (0,1,1) zuverlaessig, unabhaengig von Ladereihenfolge. */
.pst-arzt-profil .pst-arzt-profil__media img { width: 100%; height: 100%; object-fit: cover; object-position: var(--pst-focal-x, 50%) var(--pst-focal-y, 0%); display: block; }
.pst-arzt-profil__box { border: 1px solid var(--sand-200); border-top: none; padding: 28px; }
.pst-arzt-profil__boxlabel { font: 700 var(--fs-meta, 15px)/1.3 var(--font-brand); letter-spacing: .14em; text-transform: uppercase; color: var(--gold-800); margin: 0 0 16px; }
.pst-arzt-profil__rows { display: flex; flex-direction: column; gap: 12px; font-size: var(--fs-meta, 15px); color: var(--ink-600); line-height: 1.6; }
.pst-arzt-profil__row { display: flex; gap: 10px; align-items: flex-start; }
.pst-arzt-profil__row strong { color: var(--ink-800); }
.pst-arzt-profil__rowicon { flex: none; width: 18px; height: 18px; margin-top: 2px; color: var(--gold-700); background: currentColor; }
.pst-arzt-profil__btn { margin-top: 24px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; text-align: center; }

/* Steckbrief */
.pst-arzt-steckbrief__zitat { font: 800 var(--fs-h2, 32px)/1.2 var(--font-brand); color: var(--ink-800); margin: 0 0 20px; text-wrap: pretty; }
.pst-arzt-steckbrief__vita p { margin: 0 0 18px; color: var(--ink-600); line-height: 1.75; }
.pst-arzt-steckbrief__vita p:last-child { margin-bottom: 0; }
.pst-arzt-steckbrief__werdegang { border-top: 1px solid var(--sand-200); padding-top: 36px; margin-top: 36px; }
.pst-arzt-steckbrief__wglabel { font: 700 var(--fs-meta, 15px)/1.3 var(--font-brand); letter-spacing: .14em; text-transform: uppercase; color: var(--gold-800); margin: 0 0 24px; }
.pst-arzt-steckbrief__wgrows { display: flex; flex-direction: column; }
.pst-arzt-steckbrief__wgrow { display: flex; gap: 20px; padding: 14px 0; }
.pst-arzt-steckbrief__wgrow + .pst-arzt-steckbrief__wgrow { border-top: 1px solid var(--sand-200); }
.pst-arzt-steckbrief__wgjahr { flex: none; width: 64px; font: 700 var(--fs-body, 17px)/1.5 var(--font-brand); color: var(--gold-800); }
.pst-arzt-steckbrief__wgtext { color: var(--ink-600); line-height: 1.6; }

/* Spalten-Proportionen Profil-Grid (400px + 1fr), analog leistung/standort */
.elementor-element-arzprofcol1 { flex: 0 0 400px; min-width: 0; }
.elementor-element-arzprofcol2 { flex: 1 1 0; min-width: 0; }
@media (max-width: 1024px) {
  .elementor-element-arzprofcol1, .elementor-element-arzprofcol2 { flex: 1 1 auto; }
}

/* Weitere Ärzte */
.pst-arzt-weitere__head { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin: 0 0 36px; }
.pst-arzt-weitere__title { font: 800 var(--fs-h2, 32px)/1.15 var(--font-brand); color: var(--ink-800); margin: 0; }
.pst-arzt-weitere__all { display: inline-flex; align-items: center; gap: 8px; color: var(--gold-800); font: 700 var(--fs-body, 17px)/1 var(--font-brand); text-decoration: none; white-space: nowrap; }
.pst-arzt-weitere__all:hover { color: var(--gold-900); }
.pst-arzt-weitere__allicon { width: 13px; height: 13px; background: currentColor; transform: rotate(-90deg); }
.pst-arzt-weitere__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.pst-arzt-weitere__card { display: block; background: var(--white); box-shadow: var(--shadow-card); color: var(--ink-800); text-decoration: none; transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s cubic-bezier(.22,1,.36,1); }
.pst-arzt-weitere__card:hover { transform: translateY(-4px); box-shadow: var(--shadow-float); color: var(--ink-800); }
.pst-arzt-weitere__media { position: relative; display: block; aspect-ratio: 4/5; overflow: hidden; background: var(--sand-100); }
/* HAERTUNG 25.07.2026 (A.2) — gleicher Spezifitaets-Fund wie oben. */
.pst-arzt-weitere__card .pst-arzt-weitere__media img { width: 100%; height: 100%; object-fit: cover; object-position: var(--pst-focal-x, 50%) var(--pst-focal-y, 0%); display: block; }
.pst-arzt-weitere__body { display: block; padding: 18px 20px 22px; }
.pst-arzt-weitere__name { display: block; font: 700 var(--fs-body, 17px)/1.3 var(--font-brand); }
.pst-arzt-weitere__role { display: block; font-size: var(--fs-meta, 15px); color: var(--ink-600); margin-top: 4px; }

@media (max-width: 1024px) {
  .pst-arzt-weitere__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .pst-arzt-head__title { font-size: clamp(28px, 7vw, 34px); }
  .pst-arzt-steckbrief__zitat { font-size: clamp(22px, 5vw, 28px); }
  .pst-arzt-weitere__grid { grid-template-columns: 1fr; }
  .pst-arzt-weitere__head { flex-direction: column; align-items: flex-start; gap: 12px; }
}