@font-face {
    font-family: 'Source Sans';
    font-weight: 125 950;
    src: url('SourceSans3-VariableFont_wght.ttf') format('truetype');
}

:root {
    --link_color: #004659;
    --button_hintergrund: #004659;
    --hintergrund: #eee;
    --radius: 0px;
    --radius_halb: 0px;
}

*, ::before, ::after {font-family: 'Source Sans', arial; letter-spacing: normal;}

.ergebnis ul
, .BereichInProgrammheft ul {flex-wrap: wrap; flex-direction: row;} 

nav.Zusatznavigation {background: none; border-bottom: 5px solid #000; border-radius: unset; text-transform: uppercase; font-weight: bold;}
nav.Zusatznavigation ul {display: flex; justify-content: start; flex-direction: row;}
nav.Zusatznavigation ul a {color: #000;} 
.Zusatznavigation .Navigationspunkt .Navigationsinhalt:hover {background: #cf0; color: #000;}
.Veranstaltung.Teaser .Thumbnail {display: none;}
.headerTitel {background: #f1f1f1; padding: 5px;}
.submenu {gap: 0; margin: var(--abstand) 0;}

.Kontakt .HintergrundContainer {border-radius: var(--radius);}

.WarenkorbButton {display: none;}
.Programmbereich.Teaser {background: var(--hintergrund); box-shadow: black 2px 0 3px -3px; padding: var(--abstand);}
body.Veranstaltung > main > .WebAnmeldung {order: 3;}
body.Veranstaltung > main > .Text:nth-child(2) {grid-column: span 8;}

#sso-login {margin: calc(var(--abstand) *5) 0;}
#sso-login > div > h1 {font-size: 1.5rem;}
.SSO_Item {color: var(--button_color); background: var(--button_hintergrund); text-align: center; cursor: pointer; padding: var(--abstand);} 

.layoutgrid > tbody > tr > td:last-child {background: #eee6;}

.layoutgrid > tbody > tr:first-child > td {border-radius: 0;}
.layoutgrid > tbody > tr:first-child > td:first-child {border-radius: 5px 0 0 0;}
.layoutgrid > tbody > tr:first-child > td:last-child {border-radius: 0 5px 0 0;}

.layoutgrid > tbody > tr:last-child > td {border-radius: 0;}
.layoutgrid > tbody > tr:last-child > td:first-child {border-radius: 0 0 0 5px;}
.layoutgrid > tbody > tr:last-child > td:last-child {border-radius: 0 0 5px 0;}

.Veranstaltung.Teaser .Inhalt .Ort  {display: none;}
.BereichInProgrammheft ul {flex-wrap: wrap; flex-direction: row;}