@font-face {
    font-family:'Open Sans';
    font-weight: 125 950;
    src: url(OpenSans-VariableFont_wdth_wght.ttf) format('truetype');
}
:root {
    --MainColor: #91a103;
    --LinkColor: #444746;
    --ButtonBackground: #91a103;
    --ButtonBackgroundHover: #b80c2f;
    --Hintergrund: #f7f7f7;
    --Abstand: 20px;
}

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

#header {align-items: flex-end;}
#header nav a:hover {color: var(--MainColor)}
footer {padding-top: var(--AbstandDoppelt);}
footer img {background: none;}

h1, h2, h3, h4 {font-weight: 500;}
h2 {color: var(--MainColor);}

/*button:hover {background: var(--ButtonBackgroundHover);}*/

.Text {color: #222;}

.Teaser.ProgrammbereichMitHintergrund {
    padding: 0 !important;    
}
.Teaser.ProgrammbereichMitHintergrund a {
    min-height: 400px;
    padding: var(--AbstandDoppelt) !important; 
}
.Teaser.ProgrammbereichMitHintergrund a > div {
    border-radius: var(--RadiusHalb);
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--MainColor);
}

#suche #suchformular fieldset {display: grid !important;}
#content > #suche #suchformular fieldset {display: flex !important;}

.AbstandUnten {margin-bottom: 60px;}

#regform h1 {color: var(--MainColor); padding-top: 60px;}

.Artikel.Teaser.standard img:is(.Logo) {
    object-fit: unset;
    object-position: unset; 
    height: unset;
    }

.Kontaktdaten {background-color: var(--Hintergrund);}

#cmx698ae4971533c > div > fieldset > div {background: var(--Dunkler); padding: var(--Abstand); border-radius: 5px;}
#cmx698ae4971533c > div > fieldset legend {font-size: 1.25rem; font-weight: bold; padding: 0 0 var(--Abstand) 0;}
#cmx698ae4971533c > div > fieldset label {text-align: right;}