/* r17-allgemein: Rückmeldung Lucas Fichter und Julia Ulrich 16.10.2026 („Website Rückmeldung.docx“). Zuständigkeit: LIESMICH-Hauptwebsite.md, Abschnitt 16.10.2026.
   Auf allen drei Auftritten eingebunden (R15_CSS), als letzte Datei. */

/* ---------- R17-1  Startseite: Fortbildungen und Ärzte wieder mit Foto ----------
   Lucas: „Hier waren in der letzten Vorschau glaube ich Fotos drin? Das sah
   besser aus.“ Dieselben Fotos wie bis 13.10. (start-karte-fortbildungen,
   start-karte-aerzte), oben in der Karte, randlos bis an den Kartenrand. */
.r16-weg.r17-weg-foto { --r17-weg-luft: clamp(var(--m6), 2.4vw, var(--m10)); padding-top: 0; overflow: hidden; }
.r17-weg-bild {
  display: block;
  width: calc(100% + 2 * var(--r17-weg-luft));
  margin: 0 calc(-1 * var(--r17-weg-luft)) var(--m3);
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--flaeche-creme);
}
.r17-weg-bild img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; }
.r16-weg[href*="/aerzte/"] .r17-weg-bild img { object-position: 50% 35%; }
@media (prefers-reduced-motion: no-preference) {
  .r17-weg-bild img { transition: transform var(--zeit-wechsel) ease; }
  .r17-weg-foto:hover .r17-weg-bild img { transform: scale(1.03); }
}

/* ---------- R17-2  Schlussband Startseite: „Oder natürlich direkt hier:“ ---------- */
.cta-band .r17-cta-oder { margin: var(--m8) auto var(--m3); text-align: center; font-weight: 600; }
.cta-band .r17-cta-oder + .btn-reihe { margin-top: 0; }

/* ---------- R17-3  Praxiskarte: Samstag nach Vereinbarung (Friedenau) ---------- */
.z-woche .z-woche-sa { margin: var(--m2) 0 0; font-size: .82rem; color: var(--tinte-weich); }

/* ---------- R17-4  Karriere: langes Video (Lucas 16.10.2026) ----------
   Unter dem Familienteil, volle Breite des Inhalts, 16:9, ein runder
   Play-Knopf in Knopf-Orange ohne Text und ohne Laufzeit (Agenturregel). */
.r17-video { margin: clamp(var(--m10), 5vw, var(--m16)) 0; }
.r17-video-titel { margin: 0 0 var(--m4); font-size: var(--grad-h3); color: var(--tinte); }
.r17-video-rahmen {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: var(--bogen-karte);
  overflow: hidden;
  background: #1f3406;
  box-shadow: var(--schatten-2);
}
.r17-video-rahmen video { display: block; width: 100%; height: 100%; object-fit: cover; background: #1f3406; }
.r17-laeuft .r17-video-rahmen video { object-fit: contain; }
.r17-video-start {
  position: absolute;
  inset: 0;
  margin: auto;
  width: clamp(64px, 9vw, 96px);
  height: clamp(64px, 9vw, 96px);
  border: 0;
  border-radius: 50%;
  background: var(--orange-aktion);
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .28);
}
.r17-video-start[hidden] { display: none; }
.r17-video-start svg { width: 42%; height: 42%; margin-left: 6%; }
.r17-video-start:hover { background: var(--orange-tief); }
.r17-video-start:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (prefers-reduced-motion: no-preference) {
  .r17-video-start { transition: transform var(--zeit-wechsel) ease, background var(--zeit-wechsel) ease; }
  .r17-video-start:hover { transform: scale(1.06); }
}

/* ---------- R17-V  Verordnung 3 Tage vorher (Slack Lucas und Julia, 16.10.2026) ----------
   Fax- und Telefonnummer brechen nicht mitten in der Nummer um ({{fax}}). */
.ohne-umbruch { white-space: nowrap; }