@media (prefers-color-scheme: dark)
{
	:root {
		--hintergrund_dark: #242424;
		--hintergrund: #3f3f3f;
		--hintergrund_auf_hintergrund: --hintergrund_dark;
		--link_color_dark: #CDD7DC;
		--color_darkmode: #ddd;
		--shadow: white 0 0 3px -1px;
		--weiss_transparent: --hintergrund_dark;
		--gruen_dark: rgb(28 116 28);
		--rot_dark: #ff9c9c;
		--grey: #afafaf;
		--darker: #3f3f3f;
	}
	#header_logo {
		display: none;
	}
	body {
		background-color: var(--hintergrund_dark);
		color: var(--color_darkmode);
		font-weight: 500;
	}
	body .Fehler
	, body .Fehler a
	, .red {color: var(--rot_dark);}
	.Anmeldung th {background: var(--hintergrund);}
	.grey {color: var(--grey);}
	header a:link
	, header a:active
	, header a:visited
	{
		color: var(--link_color_dark);
	}
	nav a::before
	{
	background-color: var(--link_color_dark);
	}
	header svg {color: var(--link_color_dark); fill: var(--link_color_dark);}
	a
	, a:link
	, a:active
	, a:visited
	, summary
	{
		color: var(--link_color_dark);
	}
	.Text a
	, .Text a:link
	, .Text a:active
	, .Text a:visited
	, .Text summary
	{
		text-decoration: underline;
	}
	a.benutzerfuehrung {color: var(--link_color);}
	.meldung.warn {color: var(--link_color_dark); font-weight: bold;}
	.Hintergrund .Hauptbereich li a
	, header
	, .Abbinder .Inhalt
	, .Hintergrund > :not(.HintergrundContainer, .Applikationsreferenz, section, .SliderBar, .SliderItem, .SliderForward, .SliderBackward)
	{
		background: var(--hintergrund_dark);
	}
	.Hauptbereich li a {background: var(--hintergrund);}
	.ProgrammbereichMitHintergrund a > div
	, article details .Veranstaltung.Teaser .Inhalt, .Teaser.Hintergrund > .Inhalt
	{
		background: var(--hintergrund);
	}
	#header_text, #header_text h3 {color: white;}
	input
	, select
	, textarea
	{
		background: var(--hintergrund_dark);
		color: var(--color_darkmode);
		border-color: var(--color_darkmode);
	}
	svg :not(.SocialMediaLeiste) :is(path,circle) {color: var(--link_color_dark); fill: var(--link_color_dark);}
	.SocialMediaLeiste svg {fill: var(--color_darkmode);}
	table.standard td {background: var(--hintergrund_dark);}
	header.sticks {border-bottom: 1px solid var(--link_color_dark);}
	.Teaser.ProgrammbereichMitHintergrund a {box-shadow: none;}
	.Teaser.ProgrammbereichMitHintergrund a > div {background: var(--hintergrund);}
	.ok {background: var(--gruen_dark);}
	.Anmeldung .Person {background: var(--hintergrund_dark);}
	.ProgrammbereichMitHintergrund.Teaser:hover a > div {color: white;}
	.DokumentDarstellung * {color: black;}
	.DokumentDarstellung table.standard td {background: white;}
	.DokumentDarstellung a {color: black;}
	.Veranstaltung.beendet.Teaser .Titel::after {color: var(--link_color_dark);}
	@media only screen and (min-width: 811px)
	{
		.Teaser.Hintergrund:hover > .Inhalt {background: #3f3f3fcc;}
	}
	#barrierefreiheit_leiste {background-color: unset ;}
	#header_text h3 {color: white;}
	footer {background: var(--hintergrund);}
	.Slider :is(.SliderForward, .SliderBackward) {color: var(--color_darkmode);}
	figcaption {background: var(--hintergrund);}
	.Veranstaltung.begonnen.Teaser .Titel::after {
		color: var(--rot_dark);
	}
	:is(.Veranstaltung, .Programmbereich) .sticks #header_navi :is(a:link, a:hover, a:visited) {background: none;}
}

@media (prefers-color-scheme: light)
{
	#header_logo_darkmode {display: none;}
}