:root {
    --ast-global-color-0: #3a3a3a;
    --ast-global-color-1: #334659;
    --ast-global-color-2: #0070b0;
    --ast-global-color-3: #cf2e2e;
    --ast-global-color-4: #0070b0;
    --ast-global-color-5: #ffd54f;
    --ast-global-color-6: #fff8e1;
    --ast-global-color-7: #f2f5f8;
    --ast-global-color-8: #000000;
    }
    

@font-face {
    font-family: 'RobotoSlab';
    src: url('RobotoSlab-VariableFont_wght.ttf')
    format('truetype');
    font-weight: 125 950;
}
@font-face {
    font-family: 'OpenSans';
    src: url('OpenSans-VariableFont_wdth_wght.ttf')
    format('truetype');
    font-weight: normal;
}

font-face {
    font-family: 'PT Sans';
    src: url('PTSans-Regular.ttf')
    format('truetype');
    font-weight: normal;
}

font-face {
    font-family: 'PT Sans';
    src: url('PTSans-Bold.ttf')
    format('truetype');
    font-weight: bold;
}

* {line-height: 1.5; font-weight: normal;}


header {background-color: var(--ast-global-color-1); color: #ffffff;}
header * {color: inherit !important;}
#header_text {font-size: 0.88235294117647rem; color: #fff;}
#header_text h3 {font-weight: 400; font-size: 1.1764705882353rem;}
header a::before {background-color: white;}
#header_navi {display: none;}

#header_navi a, #header_navi a:link, #header_navi a:visited, #header_navi a:focus, #header_navi a:hover, #header_navi a:active {line-height: 3; font-size: 1.1176470588235rem; color: #ffffff; padding-left: 10px; padding-right: 10px;}


#suche .button {border: 0; background: var(--ast-global-color-1) !important;}
#suche form .Spaltenanzahl_3 > div:first-child {padding-right: 7.5px;}
#suche form .flex > div:last-child {padding-left: 7.5px;}

.ButtonBlue .WebadresseTeaser {text-align: center;}
.ButtonBlue a {display: block; background: var(--ast-global-color-1); padding: 15px; color: #fff; }

.TitelBlau h2 {color: var(--ast-global-color-2); font-weight: 400; font-family: 'RobotoSlab',serif !important; font-size: 40px !important; text-align: center; margin-top: 60px;}

footer {background: var(--ast-global-color-1); color: #fff; min-height: unset !important;}
footer :is(a,a:link,a:visited,a:active) {color: #fff;}
footer td {color: #fff;}
#footer {flex-direction: row; flex-wrap: wrap; padding-bottom: var(--abstand);}
a[title~="Facebook"] > svg{
    fill: #fff;
}
a[title~="Facebook"] {
    margin-inline: auto
}

#Anmeldeformular_Preis {display: none;}

.Kontakt .TitelBlau > div {max-width: unset !important;}

.Kartenbild img {max-height: 500px !important; height: unset !important;}

.Veranstaltung.Teaser .Thumbnail {display: none !important;}
.Veranstaltung.Teaser .Inhalt {background-color: #e6e6ee;}

.Zusatznavigation a {background: none !important;}

.KontaktHauptgeschaeftstelle {order: 2; flex-basis: 100%;}
.Spendenkonto {order: 1}
.Navigation .Navigationspunkt:last-child {background-color: #cf2e2e;}
#LogoUndText {flex-basis: 100%;}
.KontaktHauptgeschaeftstelle {order: 1;}
.Spendenkonto {order: 2;}
#footer {justify-content: center;}
.KontaktHauptgeschaeftsstelleText, .KontaktHauptgeschaeftstelle {height: unset;}



@media only screen and (min-width: 811px)
{
    .Zusatznavigation .Navigationspunkt .Navigationsinhalt:hover 
    {
        background-color: unset;
    }
    #header_text {
        max-width: unset;
        align-self: center;
        line-height: 2.5;
    }
    #LogoUndText {grid-column: 2; justify-self: center;}
    #LogoUndText h3 {font-size: 1.5rem;}
    #LogoUndText span {font-size: 1.1rem;}
    #header_logo img {height: 80px; width: 80px;}
    header h2 {font-size: unset;}
    header {padding-bottom: var(--abstand);}
    .Zusatznavigation {background: none !important; grid-column: span 3 !important; grid-row: 2 !important;}
    .KontaktHauptgeschaeftstelle {flex-basis: calc(50% - var(--abstand));}
    .Spendenkonto {flex-basis: calc(50% - var(--abstand));}
    .SocialMediaLeiste {flex-basis: 100%;}
    .SocialMediaLeiste svg {fill: white;}
    .KontaktHauptgeschaeftsstelleText, .KontaktHauptgeschaeftstelle {height: unset; align-items: start; justify-content: start; text-align: initial;}
    .KontaktHauptgeschaeftstelleLinks ul {justify-content: start; padding: 0;}
    a[title~="Facebook"] {
        margin-inline: unset;
    }
}