/* Zeile "Notdienst am <Datum>" hervorgehoben */
.zn-notdienst .zn-datum { font-size: 1.25rem; font-weight: 700; margin-bottom: 1rem; }
.zn-notdienst .zn-datum-wert { color: #c0392b; }

/* Text, wenn für heute kein Eintrag vorliegt */
.zn-notdienst .zn-leer { margin-bottom: 1rem; }

/* Einträge */
.zn-notdienst .zn-eintrag { border-left: 4px solid #c0392b; padding-left: 10px; }
.zn-notdienst .zn-eintrag .card-body { padding-left: 0; }
.zn-notdienst address { font-style: normal; }

/* Text links, Karte rechts (bricht auf schmalen Bildschirmen unter den Text um) */
.zn-notdienst .zn-inhalt { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; }
.zn-notdienst .zn-text { flex: 1 1 220px; min-width: 0; }
.zn-notdienst .zn-karte { flex: 0 1 300px; width: 100%; max-width: 100%; }

.zn-notdienst .zn-karte-frame { display: block; width: 100%; border: 0; }
.zn-notdienst .zn-karte-box { width: 100%; box-sizing: border-box; background: #f1f1f1; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
.zn-notdienst .zn-karte-box .zn-karte-frame { height: 100%; }
.zn-notdienst .zn-karte-platzhalter { height: 100%; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; padding: .5rem; text-align: center; overflow: auto; }
.zn-notdienst .zn-karte-hinweis { color: #555; }
.zn-notdienst .zn-karte-link { display: inline-block; margin-top: .25rem; }