/* Praxiszeiten – bewusst zurückhaltend: Schrift und Farben kommen aus dem Divi-Textmodul.
   Nur die Signalfarben für geöffnet/geschlossen sind hier festgelegt (als Variablen anpassbar). */
.pz-status, .pz-sprechzeiten, .pz-abweichungen-box {
	--pz-offen: #1b7a4b;
	--pz-zu: #b03a2e;
	--pz-hervor: rgba(17, 144, 164, .10);
}
.pz-status { display: block; line-height: 1.5; }
.pz-status .pz-punkt {
	display: inline-block; width: .7em; height: .7em; border-radius: 50%;
	margin-right: .45em; vertical-align: .05em; background: var(--pz-zu);
}
.pz-status.pz-offen .pz-punkt { background: var(--pz-offen); }
.pz-status .pz-titel { font-weight: 700; }
.pz-status.pz-offen .pz-titel { color: var(--pz-offen); }
.pz-status.pz-geschlossen .pz-titel { color: var(--pz-zu); }
.pz-status .pz-bereitschaft { display: block; font-size: .9em; margin-top: .35em; opacity: .85; }
.pz-tabelle { width: 100%; border-collapse: collapse; border: 0; margin: 0; }
.pz-tabelle th, .pz-tabelle td { text-align: left; padding: .45em .6em; border: 0; border-bottom: 1px solid rgba(0, 0, 0, .08); vertical-align: top; }
.pz-tabelle th { font-weight: 700; width: 7.5em; }
.pz-tabelle td { white-space: nowrap; }
.pz-tabelle tr.pz-heute th, .pz-tabelle tr.pz-heute td { background: var(--pz-hervor); }

/* Schmale Spalten (z. B. drei Karten nebeneinander bei ca. 980–1150 px Fensterbreite):
   Die Tabelle richtet sich nach der Breite ihres Kastens, nicht nach dem Fenster.
   Ist der Kasten zu schmal für Tag und Uhrzeit nebeneinander, stehen die Zeiten unter dem Tag –
   so bricht nichts nach rechts aus. (Seit Version 1.0.3) */
.pz-sprechzeiten { container-type: inline-size; max-width: 100%; }
@container (max-width: 290px) {
	.pz-sprechzeiten table.pz-tabelle,
	.pz-sprechzeiten table.pz-tabelle tbody,
	.pz-sprechzeiten table.pz-tabelle tr,
	.pz-sprechzeiten table.pz-tabelle th,
	.pz-sprechzeiten table.pz-tabelle td { display: block; width: auto; }
	.pz-sprechzeiten table.pz-tabelle tr { border-bottom: 1px solid rgba(0, 0, 0, .08); padding: .4em 0; }
	.pz-sprechzeiten table.pz-tabelle th,
	.pz-sprechzeiten table.pz-tabelle td { border-bottom: 0; padding: 0 .6em; }
	.pz-sprechzeiten table.pz-tabelle tr.pz-heute { background: var(--pz-hervor); }
	.pz-sprechzeiten table.pz-tabelle tr.pz-heute th,
	.pz-sprechzeiten table.pz-tabelle tr.pz-heute td { background: none; }
	.pz-dunkel .pz-sprechzeiten table.pz-tabelle tr { border-bottom-color: rgba(255, 255, 255, .15); }
	.pz-dunkel .pz-sprechzeiten table.pz-tabelle th,
	.pz-dunkel .pz-sprechzeiten table.pz-tabelle td { padding-left: 0; }
}
.pz-abweichungen { margin: 0; padding: 0 0 0 1.1em; }
.pz-abweichungen li { margin: .25em 0; }
.pz-grund { opacity: .8; }