@font-face {
    font-family:'Inter';
    font-weight: 125 950;
    src: url(Inter-VariableFont_opsz_wght.ttf) format('truetype');
}
@font-face {
    font-family:'Montserrat';
    font-weight: 125 950;
    src: url(Montserrat-VariableFont_wght.ttf) format('truetype');
}
:root {
    --MainColor: #159594;
    --LinkColor: #159594;
    --ButtonBackground: #159594;
    --ButtonBackgroundHover: #9acdbc;;
    --Abstand: 20px;
}

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

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

h1, h2, {font-family: 'Montserrat', arial;}
h3, h4 {font-family: 'Inter', arial; font-weight: 400;}
.Artikel h2 {color: var(--MainColor);}

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

.Text {color: #222;}

.Teaser.ProgrammbereichMitHintergrund a > div {
    font-weight: normal;
    color: #fff;
    background: var(--ButtonBackground);
    }
.Teaser.ProgrammbereichMitHintergrund a:hover > div {
    background: var(--ButtonBackgroundHover);
}

.Teaser.Artikel h2 {font-weight: 500; color: #222;}

#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;}
.Kontaktdaten {background-color: var(--Hintergrund);}