/* Countdown-Baustein. chilli mind, 07.09.2026.
   Markup im Beitrag: <div class="kz-countdown" data-target="..."> ... </div>
   Geladen ueber inc/scripts.php, nur wenn der Inhalt "kz-countdown" enthaelt. */
.kz-countdown{
	--kz-green:#4f9200;
	--kz-green-dark:#417900;
	--kz-over:#aa2f1d;
	margin:2rem 0;
	padding:1.75rem 1.25rem;
	border:1px solid #e5e5e5;
	border-top:4px solid var(--kz-green);
	background:#fafafa;
	text-align:center;
	font-family:inherit;
}
.kz-countdown.is-over{ border-top-color:var(--kz-over); }
.kz-countdown__title{
	margin:0 0 1.25rem;
	font-size:1.125rem;
	line-height:1.3;
	font-weight:700;
	color:#3a3a3a;
	text-transform:uppercase;
	letter-spacing:.04em;
}
/* Festes 4-Spalten-Raster statt Flexbox: Flexbox bricht um, sobald die vier
   Kacheln bei ihrer Wunschbreite nicht mehr auf eine Zeile passen (3 + 1).
   Das Raster schrumpft die Kacheln stattdessen gleichmaessig. */
.kz-countdown__grid{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:.5rem;
}
.kz-countdown__unit{
	padding:.75rem .25rem;
	background:#fff;
	border:1px solid #e5e5e5;
}
.kz-countdown__value{
	display:block;
	font-size:2.25rem;
	line-height:1.1;
	font-weight:700;
	color:var(--kz-green);
	font-variant-numeric:tabular-nums;
}
.kz-countdown.is-over .kz-countdown__value{ color:var(--kz-over); }
.kz-countdown__label{
	display:block;
	margin-top:.25rem;
	font-size:.75rem;
	line-height:1.2;
	color:#949494;
	text-transform:uppercase;
	letter-spacing:.06em;
}
.kz-countdown__note{
	margin:1rem 0 0;
	font-size:.875rem;
	line-height:1.4;
	color:#3a3a3a;
}
.kz-countdown__note:empty{ display:none; }
.kz-countdown__sr{
	position:absolute;
	width:1px;height:1px;
	margin:-1px;padding:0;border:0;
	overflow:hidden;
	clip:rect(0 0 0 0);
	clip-path:inset(50%);
	white-space:nowrap;
}
@media (max-width:600px){
	.kz-countdown__value{ font-size:1.5rem; }
	.kz-countdown__label{ font-size:.625rem; letter-spacing:.03em; }
	.kz-countdown__grid{ gap:.375rem; }
	.kz-countdown__unit{ padding:.625rem .125rem; }
}