/* Typography  */
@media all {

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

    body, input:not([type="radio"]):not([type="checkbox"]), button, select, textarea {
        font-family: 'Montserrat', sans-serif;
        font-size: 100%;
        font-weight: 400;
        line-height: 1.5;
        color: rgb(51,51,51);
        background: transparent;
        text-rendering: optimizelegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }   

    .page-footer, 
    .page-footer input:not([type="radio"]):not([type="checkbox"]), 
    .page-footer button, 
    .page-footer select, 
    .page-footer textarea {
        color: #fff;
    }

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

    a {
        color: #ffa904;
        text-decoration: none;
        text-decoration-color: rgb(150,150,150); 
        text-decoration-skip: ink;
    }

    .werbelink ,
    .menu a {
        color: #333;
    }
    footer .werbelink ,
    footer .menu a {
        color: rgb(159,159,159);
    }

    .h1-like,.h2-like,.h3-like,.h4-like,.h5-like,
    h1,h2,h3,h4,h5 {
        margin: 0;
        line-height: 1.25;
        font-weight: normal;
        /* text-transform: uppercase; */
    }

    .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 {
        /* color: rgb(70,70,70); FIXME */
        text-decoration: none;
    }

    .h1-like,
    h1 {
        font-size: 150%;
        font-family: 'Playfair Display', sans-serif;
        font-weight: 700;
        display: inline-block;
    }

    .h2-like,.h3-like,.h4-like,.h5-like,
    h2,h3,h4,h5 {
        font-family: 'Montserrat', sans-serif;
    }

    .h2-like,
    h2 {
        font-size: 125%;
        font-weight: 600;
    }
    .news-single .h2-like,
    .news-single h2{
        font-size:175%;
    }
    .h3-like,
    h3 {
        font-size: 112.5%;
    }
    .headmember{
        font-size:112.5%;
        color:#ffa904;
    }
    .h4-like,
    h4 {
        font-weight: 600;
    }
    .page-stage-inner .h1-like,.page-stage-inner h1,.page-stage-inner p{
        color:#fff;
    } 
    .page-stage-inner .h1-like::after,.page-stage-inner h1::after{
        display:block;
        content:"";
        border-bottom:0.5rem solid #ffa904;
        margin-top: -0.4375rem;
    }
    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;
    }

    .ce-slider .ce-header > * {
        text-shadow: none;
    }
    .ce-frame-teaser_mitglieder .ce-grid-33-33-33 .ce-header .ce-header-subheader{
        font-size:100%;
    }
    /* margins */

    .ce-news,
    .ce-header,
    .ce-teaserlink-outer,
    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;

    }

    ul, 
    ol{ padding-left: 1.25rem; }

    ul{ list-style: square; }

    .ce-frame-inverted .ce-header{
        padding:0.5rem;
    }
    .ce-bodytext ul > li {
        list-style: none;
    }
    li::marker{
        color:#ffa904;
    }
    .ce-bodytext ul > li{
        position: relative;
    }
    .ce-bodytext ul > li::before {
        content: "";
        position: absolute;
        left: -.9375em;
        top: .531em;
        display: block;
        height: .4375rem;
        width: .4375rem;
        background-color: #ffa904;
    }
    .fa-caret-down::before{
        content:"\f107";
    } 
    p.align-center {
        margin: 0 auto 0.9375rem;
        max-width: 45rem;
        text-align: center;
    }
    .ce-grid-100 p.align-center{
        max-width:100%;
    }
    .ce-frame-bewertung_slider .ce-grid-slider p:nth-child(1)::before{
        content:"\f10d";
        display:block;
        font-family:FontAwesome;
        font-size:200%;
        color:#ffa904;
        float:left;
        top:0;
    }
    .slick-paused .fa-pause::before{
        content:"\f04b";
    }
    .fa-info:before {
        content:"\f129";
        padding-right: 0.5rem!important;
    }

    .ce-header > * > span:not(.news-date):not(.news-title) {
        color:#ffa904;
    }

}
@media all and (min-width: 47.5em){
    .page-stage .ce-header,.page-stage .ce-bodytext{
        max-width:36.25rem;
    }
    .ce-grid-slider p:nth-child(1)::before{
        margin-left:-0.5rem;
        float:left;

    }
}

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

    .h1-like,
    h1 {
        font-size: 200%;
    }
    .h2-like,
    h2 {
        font-size: 175%;
    }
    .news-single .h2-like,
    .news-single h2{
        font-size:200%;
    }
    .page-sidebar h2,
    .page-footer h2 {
        font-size: 125%;
    }

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

    .page-sidebar h3,
    .page-footer h3 {
        font-size: 112.5%;
    }

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

    .h5-like,
    h5 {
        font-weight: 600;
    }
    .page-stage-inner .h1-like::after,.page-stage-inner h1::after{
        display:block;
        content:"";
        border-bottom:0.75rem solid #ffa904;
        margin-top: -0.687rem;
    }
    .ce-frame-bewertung_slider .ce-grid-slider p:nth-child(1)::before{
        margin-left:-2.5rem;
        position:absolute;
    }
    .ce-news,
    .ce-header,
    .ce-teaserlink-outer,
    table,
    p, ul, ol, dl { margin: 0 0 1.563rem; }
}

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

    .h1-like,
    h1 {
        font-size: 300%;

    }

    .h2-like,
    h2 {
        font-size: 175%;
    }
    .news-single .h2-like,
    .news-single h2{
        font-size:250%;
    }
    .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%;
    }

    .h5-like,
    h5 {
        font-size: 112.5%;      
        font-weight: inherit;
    }
    .page-stage-inner .h1-like::after,.page-stage-inner h1::after{
        display:block;
        content:"";
        border-bottom:1rem solid #ffa904;
        margin-top: -0.9375rem;
    }
}