/* Typography  */
@media all {

    html {
        font-size: 1rem;
        min-height: 100vh;
        background: #f5f5f5;
    }

    body, input:not([type="radio"]):not([type="checkbox"]), button, select, textarea {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 100%;
        font-weight: 400;
        line-height: 1.5;
        color: rgb(0,0,0);
    }
    .page {
        background: rgb(255,255,255) !important; /* mm-menu overrides our background else */
    }

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

    a {
        color: rgb(90,37,114);
        font-weight: 600;
        text-decoration: none;
        text-decoration-skip: ink;
        overflow-wrap: break-word;
    }

    .ce-header a {
        font-weight: 700;
    }

    :focus {
        outline: none;
    }

    a:not(.btn):focus,
    a:not(.btn):hover {
        color: rgb(255,255,255);
        background-color: rgb(90,37,114);
        box-shadow: 0 0 0 2px rgb(90,37,114);
    }

    .h1-like,.h2-like,.h3-like,.h4-like,.h5-like,
    h1,h2,h3,h4,h5 {
        margin: 0;
        line-height: 1.25;
        /*
        font-family: 'Passion One', sans-serif;
        font-weight: 700;
        */
        font-family: "Merriweather Sans", system-ui;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
    }

    .ce-header ,
    .ce-frame-inverted div .ce-bg-white-1 .ce-header,
    .ce-frame-inverted div .ce-bg-yellow-1 .ce-header,
    .ce-frame-inverted div .ce-bg-lightgreen-2 .ce-header {
        color: rgb(34,34,34);
    }
    .ce-frame-inverted div .ce-header {
        color: rgb(255,255,255);
    }
    .ce-frame-inverted div .ce-header a {
        text-decoration: underline;
    }
    .ce-frame-inverted .ce-header a:focus,
    .ce-frame-inverted .ce-header a:hover {
        text-decoration: underline;
    }

    .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 {

    }

    /*    .ce-frame-inverted .h1-like a,.ce-frame-inverted .h2-like a,.ce-frame-inverted .h3-like a,.ce-frame-inverted .h4-like a,.ce-frame-inverted .h5-like a,
    .ce-frame-inverted h1 a,.ce-frame-inverted h2 a,.ce-frame-inverted h3 a,.ce-frame-inverted h4 a,.ce-frame-inverted h5 a {
    color: rgb(255,255,255);
}*/

    .h1-like a:focus,.h2-like a:focus,.h3-like a:focus,.h4-like a:focus,.h5-like a:focus,
    h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus,h5 a:focus,
    .h1-like a:hover,.h2-like a:hover,.h3-like a:hover,.h4-like a:hover,.h5-like a:hover,
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover {
        text-decoration: underline;
    }

    .h1-like,
    h1 {
        font-size: 200%;
    }
    .h2-like,
    h2 {
        font-size: 150%;
    }

    .h3-like,
    h3 {
        font-size: 125%;
    }
    .h4-like,
    h4 {
        font-size: 112.5%;
    }

    .h5-like,
    h5 {
        font-size: 100%;
    }

    blockquote {
        margin-left: 0;
        border-left: 4px solid rgb(204,204,204);
        border-left: 4px solid rgb(7, 155, 210);
        padding: 0.9375rem 0 0 1.25rem;
        font-style: italic;
        padding: 0;
        padding-top: .3125rem;
        padding-left: 1.25rem;
        margin-top: 0;
        line-height: 1.5;
    }

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

    /* margins */

    .ce-news,
    .ce-header,
    .ce-teaserlink-outer,
    .ce-teaser-link,
    table,
    p, ul, ol, dl { margin: 0 0 0.9375rem; }

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

    .ce-header-subheader {
        margin-top: 0.625rem;
    }
    .ce-header-date {
        margin: 0.625rem 0 0;
    }
    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;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

}


/* large */
@media all and (min-width: 58.75em) {

    .ce-space-after-header-biggap .ce-header {
        margin-bottom: 2.5rem;
    }

    .h1-like,
    h1 {
        font-size: 250%;
    }
    .h2-like,
    h2 {
        font-size: 200%;
    }

    /*    .page-sidebar h2,
    .page-footer h2 {
    font-size: 150%;
}*/

    .h3-like,
    h3 {
        font-size: 150%;
    }

    /*    .page-sidebar h3,
    .page-footer h3 {
    font-size: 125%;
}*/

    .h4-like,
    h4 {
        font-size: 125%;
        font-weight: inherit;
    }

    .h5-like,
    h5 {
        font-size: 112.5%;
    }

}

/* xlarge */
@media all and (min-width: 72.5em) {

}