/* Start Stile für Termin-Box */
/* Standardstil für alle Termin-Boxen */
.termin-box {
	display: inline-block;
	text-align: center;
	padding: 25px 0px 0px 0px;
	border: 2px solid #333;
	border-radius: 14px;
	width: auto;
	min-width: 200px;
	min-height: 0px;
	box-sizing: border-box;
}

/* Stil für zukünftige Termine (mehr als 28 Tage entfernt) */
.termin-box.zukunft {
	background-color: #e0e0e0;

	/* Grau */
	color: black;
	font-weight: bold;
	opacity: 1;
	text-decoration: none;
}

/* Stil für abgelaufene Termine */
.termin-box.abgelaufen {
	background-color: #e0e0e0;

	/* Grau */
	color: #888888;
	opacity: 0.6;
	font-weight: normal;
	text-decoration: line-through;
	border: 1px dashed #888888;
}

/* Stil für gelben Hintergrund (28 bis 7 Tage vor Termin) */
.termin-box.bald {
	background-color: yellow;
	color: black;
	opacity: 1;
	font-weight: bold;
	text-decoration: none;
}

/* Stil für blinkenden gelben Hintergrund (7 Tage vor Termin) */
.termin-box.blinking { animation: blinkBackground 3s infinite; }

@keyframes blinkBackground {
	0% { background-color: yellow; }
	50% { background-color: #DAA520; }

	/* Etwas helleres Gelb als Zwischenfarbe */
	100% { background-color: yellow; }
}

/* Stil für heutige Termine (grüner Hintergrund) */
.termin-box.heute {
	background-color: green;
	color: white;
	opacity: 1;
	font-weight: bold;
	text-decoration: none;
}

/* Ende Stile für Termin-Box */