/*
 * Ergänzungen nur für die Website Eiterfeld.
 * Grund: Eiterfeld hat Sprechzeiten mit Vormittag UND Nachmittag je Tag.
 * Diese langen Zeilen brauchen am Handy eine andere Aufteilung als die
 * durchgehenden Zeiten in Neuhof. Die gemeinsame assets/site.css bleibt unverändert.
 */

/* Sprechzeiten: am Handy Tag über Uhrzeit statt nebeneinander */
@media (max-width: 640px) {
  .zeiten { grid-template-columns: 1fr; gap: 0; }
  .zeiten dt { margin-top: 12px; font-size: 18px; }
  .zeiten dt:first-of-type { margin-top: 0; }
  .zeiten dd { text-align: left; }
}

/* Lange Zeitangaben dürfen umbrechen, statt die Seite breiter zu machen */
.zeiten dd, .zeiten dt { overflow-wrap: anywhere; min-width: 0; }

/* Sicherheitsnetz gegen seitliches Scrollen */
html, body { overflow-x: hidden; }

/* Kontakt: Gebaeudefoto schmaler, Textspalte entsprechend breiter */
@media (min-width: 860px) { #kontakt .zweispaltig { grid-template-columns: 1.66fr 1fr; } }

/* Abschnitt "Für Berufstätige" auf der Startseite */
.abend { padding-block: 0; border-top: 0; }
.abend-box { background: var(--sign); color: var(--sign-ink); border-radius: 16px;
  padding: clamp(22px, 4vw, 40px); display: grid; gap: 18px; align-items: center; }
@media (min-width: 860px) { .abend-box { grid-template-columns: 1.7fr auto; gap: 32px; } }
.abend-box h2 { color: #FFFFFF; text-transform: uppercase; font-weight: 700; }
.abend-box p { color: var(--sign-soft); margin-top: 10px; }
.abend-box .eyebrow { color: #7CC4F5; }
.abend-zeiten { display: flex; flex-wrap: wrap; gap: 6px 26px; margin-top: 14px;
  font-family: var(--display); font-weight: 600; font-size: 21px; color: #FFFFFF; }
.abend-zeiten b { font-weight: 600; color: #7CC4F5; }

/* Plakette "Neupatienten willkommen" im Praxisschild der Startseite */
.schild .willkommen { display: inline-flex; align-items: center; gap: 9px; margin-top: 18px;
  font-family: var(--display); font-weight: 600; font-size: 19px; letter-spacing: .04em;
  text-transform: uppercase; color: #FFFFFF; }
.schild .punkt { width: 10px; height: 10px; border-radius: 50%; background: #7CC4F5;
  box-shadow: 0 0 0 4px rgba(124,196,245,.22); flex: none; }