@font-face {
    font-family:'Open Sans';
    font-weight: 125 950;
    src: url(OpenSans-VariableFont_wdth_wght.ttf) format('truetype');
}
:root {
    --MainColor: #006c67;
    --LinkColor: #222;
    --ButtonBackground: #006c67;
    --ButtonBackgroundHover: #cd1452;
    --Abstand: 20px;
}

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

#header {align-items: flex-end;}
footer {padding-top: var(--AbstandDoppelt); border-bottom: 60px solid var(--MainColor);}
footer img {background: none;}

h1, h2, h3, h4 {font-weight: 400;}
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);
        }

#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;}

#cmx698ae4971533c > div > fieldset > div,
#cmx69d8ed5a93990 > div > fieldset > div,
#cmx69d8e2568236e > div > fieldset > div {background: var(--Dunkler); padding: var(--Abstand); border-radius: 5px;}

#cmx698ae4971533c > div > fieldset legend,
#cmx69d8ed5a93990 > div > fieldset legend,
#cmx69d8e2568236e > div > fieldset legend {font-size: 1.25rem; font-weight: bold; padding: 0 0 var(--Abstand) 0;}

#cmx698ae4971533c > div > fieldset label,
#cmx69d8ed5a93990 > div > fieldset label,
#cmx69d8e2568236e > div > fieldset label {text-align: right;}

#footer .Routenplaner {display: none !important;}

.WebadresseButton .Inhalt {padding: var(--Abstand); justify-content: center;}