/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../Fonts/montserrat/montserrat-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/montserrat/montserrat-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Italic'), local('Montserrat-Italic'),
       url('../Fonts/montserrat/montserrat-v12-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/montserrat/montserrat-v12-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
       url('../Fonts/montserrat/montserrat-v12-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/montserrat/montserrat-v12-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Typography  */
@media all {

    html { font-size: 1rem; height: 100%; background: rgb(243,243,243); }

    body, input:not([type="radio"]):not([type="checkbox"]), button, select, textarea {
        font-family: 'Montserrat',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
        font-display: swap;
        font-size: 100%;
        font-weight: 400;
        line-height: 1.5;
        color: #2B2B38;
        background: #F3F4F9;
    }


    .page-footer,
    .ce-teaser-cta,
    .ce-teaser .ce-bodytext {
        font-size: 87.5%;
    }

    b, strong, dt {
        font-weight: 600;
    }

    a {
        color: inherit;
        text-decoration: underline;
        text-decoration-skip: ink;
    }
    a:hover {
        color: inherit;
    }

    a.ce-header-link {
        text-decoration: none !important;
    }

    a.ce-teaser-cta {
        text-transform: uppercase;
        font-weight: 600;
        text-decoration-thickness: 2px;
        text-underline-offset: 4px;
    }

    button:hover {
        cursor: pointer;
    }

    .h1-like,.h2-like,.h3-like,.h4-like,.h5-like,
    h1,h2,h3,h4,h5 {
        margin: 0;
        line-height: 1.25;
        font-weight: normal;
    }
    .h1-like a,.h2-like a,.h3-like a,.h4-like a,.h5-like a,
    h1 a, h2 a, h3 a, h4 a,h5 a {
        text-decoration: none;
    }

    .h1-like,
    h1 {
        font-size: 225%; /* 36px */
        font-weight: bold;
    }
    .h2-like,
    h2 {
        font-size: 200%; /* 32px */
    }

    .h3-like,
    h3 {
        font-size: 150%; /* 24px */
    }
    .h4-like,
    h4 {
        font-size: 125%; /* 20px */
    }

    .h5-like,
    h5 {
        font-weight: 600; /* undefined */
    }

    .h-default > * {
        font-size: 200%; /* 32px */
        font-weight: 400;
    }

    .h-hero > * {
        font-size: 225%; /* 36px */
        font-weight: 700;
    }

    .h-card > * {
        font-size: 200%; /* 32px */
        font-weight: 700;
    }

    .h-news-cat > *,
    .h-accordeon > * {
        font-size: 125%; /* 20px */
        font-weight: 700;
    }

    legend,
    .h-news > * {
        font-size: 150%; /* 24px */
        font-weight: 400;
    }

    blockquote {
        margin-left: 1.25rem;
        border-left: 4px solid rgb(204,204,204);
        padding: 0.9375rem 0 0 1.25rem;
        font-style: italic;
    }

    blockquote::after {
        content: "";
        display: table;
    }

    sub, sup {
        font-size: 75% !important;
    }

    li::marker {
        color: rgb(82,92,163);
    }

    /* margins */
    .ce-news,
    .ce-header,
    .ce-teaserlink-outer,
    table,
    hr, p, ul, ol, dl, li { margin: 0 0 1.5rem; }

    .ce-header-subheader,
    .ce-header-date {
        margin-top: 0.75rem;
    }

    ul ul,
    ul ol,
    ol ul,
    ol ol { margin:0; }

    .ce-menu .ce-menu {
        margin-left: 1.25rem;
    }

    /* text flow */
    h1, h2, h3, h4, h5, h6
    p, li, a, figcaption {
        overflow-wrap: break-word;
        word-wrap: break-word;

    }

    .ce-accordeon .rc-container-enabled {
        font-size: 87.5%; /* 14px */
        line-height: 1.5;
    }
}

@media (min-width:62.5em) {
    .h1-like,
    h1 {
        font-size: 300%; /* 48px */
    }
    .h2-like,
    h2 {
        font-size: 225%; /* 36px */
    }

    .h3-like,
    h3 {
        font-size: 150%; /* 24px */
    }
    .h4-like,
    h4 {
        font-size: 125%; /* 20px */
    }

    .h5-like,
    h5 {
        font-weight: 600; /* undefined */
    }

    .h-default > * {
        font-size: 225%; /* 36px */
    }

    .h-hero > * {
        font-size: 300%; /* 48px */
    }

    .h-card > * {
        font-size: 175%; /* 28 statt 36px */
    }

    .h-accordeon > * {
        font-size: 150%; /* 24px */
    }

    .h-news > * {
        font-size: 150%; /* 24px */
    }

    .h-news-cat > * {
        font-size: 125%; /* 20px */
    }
}

@media (min-width:93.75em) {

    body {
        font-size: 112.5%; /* 18px */
    }

    .h1-like,
    h1 {
        font-size: 266.6667%; /* 48px */
    }
    .h2-like,
    h2 {
        font-size: 200%; /* 36px */
    }

    .h3-like,
    h3 {
        font-size: 133.3333%; /* 24px */
    }

    .h4-like,
    h4 {
        font-size: 111.1111%; /* 20px */
    }

    .h5-like,
    h5 {
        font-weight: 600;
    }

    .h-hero > * {
        font-size: 266.6667%; /* 48px */
    }

    .h-card > *,
    .h-default > * {
        font-size: 200%; /* 36px */
    }

    legend,
    .h-news > *,
    .h-accordeon > * {
        font-size: 133.3333%; /* 24px */
        font-weight: 700;
    }

    .h-news-cat > * {
        font-size: 111.1111%; /* 20px */
    }

    .ce-menu {
        font-size: 88.8889%; /* 16px */
    }

    .page-footer,
    .ce-teaser-cta,
    .ce-teaser .ce-bodytext,
    .ce-accordeon .rc-container-enabled {
        font-size: 77.76%; /* 14px */
    }
}