@media (prefers-color-scheme: dark)
{
	@media only screen and (max-width: 1213px) {
	#header_logo_darkmode {padding: var(--abstand); position: absolute; top: 0px; left: 0px; bottom: 0px; width: 65%;}
	#LogoUndText {background-image: none;}
	}
	body > header {background-color: unset;}
	#header nav.Zusatznavigation, #header nav.Zusatznavigation ul li {background: var(--hintergrund);}
	.hervorheben a, a.hervorheben, details.hervorheben, #Anmelden, #Registrieren, #Senden {background: var(--hintergrund);}
	@media only screen and (min-width: 1215px) {
		#header_navi a {color: var(--grau);}

	}
	.button, button {background: var(--hintergrund);}
	header nav.burger a, header nav.burger a:link, header nav.burger a:active, header nav.burger a:visited {color: var(--color_darkmode);}
	.burger svg {fill: var(--color_darkmode);}
	body > header{background: var(--darker );}
	header nav a, header nav a:link, header nav a:active, header nav a:visited {background: var(--hintergrund_dark); color: white;}
	@media only screen and (min-width: 1214px) {
		body > header{background: unset;}
	}
}
footer #header_logo_darkmode {padding: var(--abstand); position: absolute; top: 0px; left: 0px; bottom: 0px; width: 65%;}
#LogoUndText {background-color: var(--hintergrund_dark);}

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