footer
{
    margin-top: 10vh;
    background-color: #304570;
    color: white;
}
.KontaktHauptgeschaeftsstelleText a, .KontaktHauptgeschaeftstelleLinks a, footer a:link {color: white;}
#footer picture img {border-radius: var(--radius); padding: 10px;}

.Veranstaltung.Teaser .Inhalt 
.KontaktHauptgeschaeftstelle, .KontaktHauptgeschaeftsstelleText {height: 80vh;}

#header_logo {border-radius: var(--radius);}
#barrierefreiheit_leiste {background-color: white; gap: 0px !important;}

.Programmbereich.Teaser.ProgrammbereichMitHintergrund {flex: 0; flex-basis: calc(33% - var(--abstand) * 3);}

footer {padding-top: 20px;}
#footer .SocialMediaLeiste svg {fill: white;}
.SocialMediaLeiste {position: unset;}
/*.Artikel.Teaser {background-size: contain !important;}*/
.Veranstaltung.Teaser .Inhalt > picture
{
	display: none !important;
}

@media (prefers-color-scheme: dark)
{
    #header_logo_darkmode {padding: 10px; border-radius: var(--radius); background: white;}
}
.Programm.Detail, .Programm.Teaser {
    background: none !important;
    box-shadow: none !important;
}

.Artikel.Teaser.standard img:not(.Grafik) {object-fit: unset;}
.Artikel.Teaser.standard:has(.Grafik) p {display: none;}
.Artikel.Teaser.standard:has(.Grafik) h2 {font-size: 1.5rem; text-align: center;}