main h2 {
    color: var(--color-default);
}

main a {
    color: var(--color-default);
}

#burger-menu {
    color: var(--color-default);
}

#burger-menu::before,
#burger-menu::after {
    background: var(--color-default);
}

#burger-menu .burger-middle {
    background: var(--color-default);
}

main .hero-section-wrapper {
    background-color: var(--color-default);
    color: #ffffff;
}

main .hero-section-wrapper a {
    color: #ffffff;
}

main .hero-section-header-wrapper {
    background-color: var(--color-default);
    color: #ffffff;
}

main .hero-section-text-wrapper {
    background-color: var(--color-default);
    color: #ffffff;
}

/* ===========================
   Kalender – Events
   =========================== */

/* Grundlayout der Einträge */
#kalender article {
	--event-color: var(--color-ueber-uns);
	/* Default für EDS */

	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;

	margin: 0.5rem 0;
	padding: 0.75rem 1rem;
}

/* Farbaccent pro Bereich */
#kalender article.eds {
	--event-color: var(--color-ueber-uns);
}

#kalender article.obs {
	--event-color: var(--color-oberschule);
}

#kalender article.gym {
	--event-color: var(--color-gymnasium);
}

/* Farbbalken links */
#kalender article::before {
	content: "";
	position: absolute;
	inset-block: 0.4rem;
	inset-inline-start: 0;
	width: 4px;
	border-radius: 999px;
	background: var(--event-color);
}

/* Datum + Titel typografisch unterscheiden */
#kalender article>div:first-child {
	font-size: 0.9rem;
	font-weight: 600;
	color: #767676;
	opacity: 0.9;
}

@media (prefers-color-scheme: dark) {
	#kalender article>div:first-child {
		color: #ffffff;
	}
}

/* Titel-Farbe je nach Bereich */
#kalender article>div:last-child {
	font-size: 1rem;
	color: var(--color-ueber-uns);
}

#kalender article.gym>div:last-child {
	color: var(--color-gymnasium);
}

#kalender article.obs>div:last-child {
	color: var(--color-oberschule);
}

/* Hover-Effekt zur besseren Orientierung */
#kalender article {
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

/* Tag-Trenner */
#kalender hr.day-separator {
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	margin: 0.5rem 0 0.75rem;
}

@media (prefers-color-scheme: dark) {
	#kalender hr.day-separator {
		border-top: 1px solid #414141;
	}
}