/* Responsive */

@media only screen and (min-width: 1921px) {

}

@media only screen and (max-width: 1920px) {

}

@media only screen and (max-width: 1725px) {

    .header-image-item {
        height:700px;
    }
    .header-image-item.image-2 {
        background-size: contain;
        background-position:top;
      
    }
}

@media only screen and (max-width: 1399.98px) {
    .header-image-item {
        height:650px;
    }
}

@media only screen and (max-width: 1199.98px) {

    .header-image-item {
        height:500px;
    }

    header .page-title img {
        width:450px;
        margin-top:12px;
    }

    .content-wrapper hr {
        width:200px;
    }

    footer .logo {
        width:100%;
        text-align: center;
        margin-bottom:55px;
    }

    footer .logo img {
        width:175px;
        height:auto;
    }

    footer .textwidget,
    footer ul li {
        text-align:center;
    }

    header nav ul li a {
        padding: 50px 0 20px 0;
    }


}

@media only screen and (max-width: 991.98px) {

    .fc_cta {
        padding-top:15px;
    }

    .fc_header {
        margin-bottom:60px;
    }

    .fc_zweispaltig,
    .fc_cta,
    .fc_zweispaltige_liste {
        margin-bottom:45px;
    }

    .fc_lead {
        margin-bottom:100px;
    }

    .content-wrapper hr {
        width:150px;
    }
    footer .logo,
    footer .textwidget,
    footer ul li {
        text-align:left;
    }

    footer .logo {
        margin:0;
    }
      header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
      
        width: 100%;
        background-color: rgba(255, 255, 255, 1);
       
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

    header.active {
        height: 100vh;
    }

    header.active nav#menu {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 15;
    }

    header .container {
        position: relative;
        z-index: 1;
        background-color: white;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        padding-bottom: 5px;
        max-width: 100%;
   
    }

    #branding {
        display: inline-block;
    }

    #site-description {
        color: black;
    }

   

     header nav ul {
        background-color: transparent;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        bottom: 100%;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }

    header nav ul li {
        float: left;
        display: block;
        width: 100%;
    }

    header nav ul li a {
        color: black;
        display: block;
        text-align: center;
        padding: 12px 5px 10px;
        font-size: 24px;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

    header.active nav ul li a {
        padding: 10px;
    }

    header nav ul {
        gap:10px;
    }

    header.active nav ul {
        top: 0;
        bottom: 0;
        left: 0;
        width: 100vw;
    }

    header nav ul ul {
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        visibility: visible;
        opacity: 1;
        height: auto;
        width: auto;
        top: auto;
        left: 0;
        right: 0;
        position: relative;
        bottom: auto;
        background-color: transparent;
        border: none;
    }

    header nav ul ul li {
        float: left;
        display: inline-block;
        width: auto;
        min-width: auto;
    }

    header nav ul ul li:last-of-type a {
        padding: 10px 5px 25px;
    }

    header.active nav ul ul li a {
        color: black !important;
    }

    button.menu-open-button {
        display: inline;
    }

    .hamburger {
        padding: 15px;
        display: inline-block;
        cursor: pointer;
        -webkit-transition-property: opacity, filter;
        -moz-transition-property: opacity, filter;
        -o-transition-property: opacity, filter;
        transition-property: opacity, filter;
        -webkit-transition-duration: 0.15s;
        -moz-transition-duration: 0.15s;
        -o-transition-duration: 0.15s;
        transition-duration: 0.15s;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 0;
        margin: 0;
        overflow: visible;
        float: right;
        position: absolute;
        top: 22px;
        right: 15px;
        z-index: 99;
    }

    .hamburger-box {
        width: 40px;
        height: 24px;
        display: inline-block;
        position: relative;
    }

    .hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -2px;
    }

    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        width: 50px;
        height: 2px;
        background-color: #e60c63;

        position: absolute;
        -webkit-transition-property: transform;
        -moz-transition-property: transform;
        -o-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.15s;
        -moz-transition-duration: 0.15s;
        -o-transition-duration: 0.15s;
        transition-duration: 0.15s;
        -webkit-transition-timing-function: ease;
        -moz-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
    }

    .hamburger-inner::before, .hamburger-inner::after {
        content: "";
        display: block;
    }

    .hamburger-inner::before {
        top: -10px;
    }

    .hamburger-inner::after {
        bottom: -10px;
    }

    /* Collapse */
    .hamburger--collapse .hamburger-inner {
        top: auto;
        bottom: 0;
        -webkit-transition-duration: 0.15s;
        -moz-transition-duration: 0.15s;
        -o-transition-duration: 0.15s;
        transition-duration: 0.15s;
        -webkit-transition-delay: 0.15s;
        -moz-transition-delay: 0.15s;
        -o-transition-delay: 0.15s;
        transition-delay: 0.15s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .hamburger--collapse .hamburger-inner::after {
        top: -20px;
        -webkit-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
        -moz-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
        -o-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
        transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    }

    .hamburger--collapse .hamburger-inner::before {
        -webkit-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    header.active .hamburger--collapse .hamburger-inner {
        -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
        -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
        -ms-transform: translate3d(0, -10px, 0) rotate(-45deg);
        -o-transform: translate3d(0, -10px, 0) rotate(-45deg);
        transform: translate3d(0, -10px, 0) rotate(-45deg);
        -webkit-transition-delay: 0.32s;
        -moz-transition-delay: 0.32s;
        -o-transition-delay: 0.32s;
        transition-delay: 0.32s;
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    header.active .hamburger--collapse .hamburger-inner::after {
        top: 0;
        opacity: 0;
        -webkit-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
        -moz-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
        -o-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
        transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
    }

    header.active .hamburger--collapse .hamburger-inner::before {
        top: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
    }



    :root {
        /* Font sizes */
        --font-sm: 9px;
        --font-md: 10px;
        --font-lg: 14px;
        --font-xl: 15px;
        --font-xxl: 16px;
        --font-h6: 17px;
        --font-h5: 18px;
        --font-h4: 20px;
        --font-h3: 22px;
        --font-h2: 26px;
        --font-h1: 30px;
    }

    body {
            font-size: 18px;
    line-height:24px;
    }



    h1,
    h2,
    h3 {
        font-size: 28px;
        line-height:32px;
    }



    footer .scroller {
        bottom: 55px;
    }

    .cookie-notice p {
        font-size: 15px;
    }

    .content-wrapper {
        padding-top: 100px;
    }

    .fc_zweispaltige_liste .fc_zweispaltig_liste_colright {
        padding-top:55px;
    }

    .fc_zweispaltige_liste .col-12,
    .fc_zweispaltig .col-12,
    .fc_dreispaltig .col-12 {
        margin-bottom:45px;
    }

    .fc_dreispaltig {
        margin-bottom:100px;
    }

    /* .fc_zweispaltig + .fc_zweispaltig {
        margin-top:-80px;
    } */


}

@media only screen and (max-width: 767.98px) {

    .fc_zweispaltige_liste .fc_zweispaltig_liste_colright {
        padding-top:15px;
    }


    footer #text-2 {
        padding-top:25px;
    }

    .fc_header .header-images {
        display:block;
        font-size:18px;
    }

    .fc_header .header-images .image-2 {
        margin-top:10px;
    }

    .header-image-item.image-2 {
        height:350px;
        background-size: cover;
      
    }

    :root {
        /* Font sizes */
        --font-lg: 12px;
        --font-xl: 14px;
        --font-xxl: 15px;
        --font-h6: 16px;
        --font-h5: 17px;
        --font-h4: 18px;
        --font-h3: 19px;
        --font-h2: 20px;
        --font-h1: 22px;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .fc_cta {
        padding-top:25px;
    }

     .fc_dreispaltig {
        margin-bottom: 45px;
    }


    footer {
        text-align: center;
        padding: 60px 0 75px 0;
    }

    footer .logo {
        margin:25px 0 55px 0;
        display: block;
        text-align: left;
    }

    footer .textwidget {
        margin-bottom:35px;
    }

    footer .adminutil {
        display:none;
    }

    footer .scroller {
        display: none;
    }

    #menuwrapper {
        position: relative;
    }

    header .search-wrapper {
        display: none;
    }


    .subheader {
        margin-top: 100px;
    }

    .subheader + .content-wrapper {
        padding-top: 0;
    }

    #single_post_wrapper {
        margin-top: 35px;
        padding: 0;
    }

    .cookie-notice p {
        font-size: 14px;
    }

    .cookie-notice {
        height: 120px;
    }

    
    .fc_zweispaltige_liste .col-12 + .col-12 {
        margin-top:-45px;
    }

            .fc_zweispaltig,
    .fc_zweispaltige_liste {
        margin-bottom:0px;
    }

}

@media only screen and (max-width: 575.98px) {

     
    footer {
        padding: 75px 0;
    }

        footer .logo {
        display:none;
    }

    footer #text-2 {
        padding-top:0px;
    }

    footer ul li,
    footer .textwidget {
        text-align: center;
    }

    .header-image-item.image-2 {
        height:350px;
      
    }

     .header-image-item.image-2 {
        background-size: cover;
        background-position:top;
    }

    footer .text-right {
        text-align: center !important;
    }

    header .page-title img {
        width:400px;
    }

    .page-title a {
        width: 120px;
  overflow: hidden;
  display: inline-block;
    }

    h2, h3 {
        font-size: 24px;
    line-height: 28px;
    }



        .fc_lead {
            margin-bottom:75px;
        }


}

@media only screen and (max-width: 499.98px) {

    header .page-title img {
        width:350px;
    }

    .cookie-notice {
        height: 140px;
    }

    .cookie-notice p {
        font-size: 12px;
    }

    .hamburger {
        top:19px;
    }

}

@media only screen and (max-width: 450px) {
    .hamburger {

    }

}

@media only screen and (max-width: 399.98px) {

    .cookie-notice {
        height: 160px;
    }

}

@media only screen and (max-width: 349.98px) {

}

@media only screen and (max-width: 319.98px) {

}