/*
Theme Name: FGR Basic Theme
Theme URI: http://fgrepublik.com/
Description: Das FGR Basic-Theme wurde eigens für FGR Kunden entwickelt. Es bedarf keinerlei zusätzliche Lizenz, jedoch darf die Gestaltung die durch die FGR vorgegeben wurde nicht verändert werden - es erlischt umgehend das Nutzungsrecht. Inhaltliche Änderungen dürfen selbstverständlich getätigt werden. Im Zweifelsfall steht die <a href="http://fgrepublik.com/">Freie Gestalterische Republik</a> jederzeit bereit, um Fragen zu beantworten.
Author: der Freien Gestalterischen Republik
Author URI: http://fgrepublik.com/
Version: 1.3.4
License: Keine Nutzung ohne vorherige Absprache erlaubt.
License URI: license.txt
Tags: FGR, basic, Widgetfähig, Menü, Responsive
*/

/* #####################################################

1.1 Viewport
1.2 Variablen
1.3 Hauptdeklarationen
1.4 Typografie & Globale Elemente
1.5 Globale Klassen

2.1 Header
2.2 Hauptnavigation - Wrap & Burgericon
2.3 Menü

3.1 Custom Elemente
3.2 Flexible Content

4.1 CPT-Feed
4.2 CPT-Archive
4.3 CPT-Single

5.1 Posts

6.1 Footer
6.2 Footermenü

7.1 Plugins
7.2 Contactform 7
7.3 Lightbox

##################################################### */

    /* 1.1 Viewport
##################################################### */

    @-webkit-viewport {
        width: device-width;
    }

    @-moz-viewport {
        width: device-width;
    }

    @-ms-viewport {
        width: device-width;
    }

    @-o-viewport {
        width: device-width;
    }

    @viewport {
        width: device-width;
    }

    /* 1.2 Variablen
##################################################### */

    body {
        /*colors*/
        --onlineeventsColor: #3C948B;
        --liveeventsColor: #2293D1;
        --agencyColor: #DF6C4F;
        --dringebliebenColor: #D71118;
        --lightColor: #fff;
        --darkColor: #141414;
        --lightGray: #e6e6e6;
        --lighterGray: #f8f8f8;
        --darkGray: #A0A0A0;
        /*Font-Sizes*/
        --primaryHead: 3.75rem;
        --tertiaryHead: 1.875rem;
        --sublineBig: 2.5rem;
        --sublineSmall: 1.875rem;
        --btnFS: 1.25rem;
        --paragraphs: 1.25rem;
        --smallerParagraphs: 1.125rem;
        --badgeFS: 1rem;
        --smallFS: 0.875rem;
        --smallerFS: 0.625rem;
        --headermenuFS: 1.25rem;
        --footermenuFS: 1.875rem;
        --submenuFS: 1.125rem;
    }

    @media screen and (max-width: 991px) {
        body {
            /*Font-Sizes*/
            --primaryHead: 1.875rem;
            --tertiaryHead: 1.25rem;
            --sublineBig: 1.25rem;
            --sublineSmall: 1.25rem;
            --btnFS: 1rem;
            --paragraphs: 1rem;
            --smallerParagraphs: 0.875rem;
            --badgeFS: 0.75rem;
            --smallFS: 0.75rem;
        }
    }

    @media screen and (max-width: 767px) {
        body {
            --badgeFS: 0.625rem;
        }
    }

    /* 1.3 Hauptdeklarationen
##################################################### */

    html, body, #roullwrap {
        height: 100%;
    }

    body {
        line-height: 175%;
    }

    body.no-scroll {
        overflow: hidden;
    }

    #overallwrap {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        overflow: hidden;
    }

    #contentwrap {
        flex: 0 0 100%;
        margin-top: 85px;
    }

    @media screen and (max-width:1199px) {
        #contentwrap {
            margin-top: 60px;
        }
    }

    /* 1.4 Typografie & Globale Elemente
##################################################### */

    html, body, h1, h2, h3, p, ul {
        margin: 0px;
        padding: 0px;
    }

    h1, h2 {
        font: normal 900 var(--primaryHead) 'Source Sans Pro', sans-serif;
        margin-bottom: 15px;
        line-height: 1;
    }

    .page-impressum h2,
    .page-datenschutzerklaerung h2 {
        font: normal 600 var(--tertiaryHead) 'Source Sans Pro', sans-serif;
    }

    .page-impressum h3,
    .page-datenschutzerklaerung h3 {
        font: normal 600 var(--paragraphs) 'Source Sans Pro', sans-serif;
    }

    h3 {
        font: normal 600 var(--tertiaryHead) 'Source Sans Pro', sans-serif;
        font-weight: bold;
        margin-bottom: 15px;
    }

    h4 {
        font: normal 600 var(--paragraphs) 'Source Sans Pro', sans-serif;
        font-weight: bold;
        margin-bottom: 10px;
    }

    p, #contentwrap ul li:not(.shariff-button) {
        font: normal 400 var(--paragraphs) 'Source Sans Pro', sans-serif;
        line-height: 1.8;
    }

    #contentwrap ul:not(.shariff-buttons) {
        list-style-type: none;
        margin-bottom: 20px;
    }

    #contentwrap ul li:not(.shariff-button):before {
        content: "-";
        margin-right: 10px;
    }

    p strong {
        font: normal 600 var(--paragraphs) 'Source Sans Pro', sans-serif;
        font-weight: bold;
    }

    a {
        text-decoration: none;
    }

    p a {
        color: var(--darkColor);
        border-bottom: 1.5px var(--darkColor);
        transition: 0.35s all;
        border-bottom-style: dotted;
    }

    p a.onlineeventsColor {
        color: var(--onlineeventsColor);
        border-bottom: 1.5px var(--onlineeventsColor);
    }

    p a.liveeventsColor {
        color: var(--liveeventsColor);
        border-bottom: 1.5px var(--liveeventsColor);
    }

    p a.agencyColor {
        color: var(--agencyColor);
        border-bottom: 1.5px var(--agencyColor);
    }

    p a.dringebliebenColor {
        color: var(--dringebliebenColor);
        border-bottom: 1.5px var(--dringebliebenColor);
    }

    p a.lightColor {
        color: var(--lightColor);
        border-bottom: 1.5px var(--lightColor);
    }

    p a.darkColor {
        color: var(--darkColor);
        border-bottom: 1.5px var(--darkColor);
    }

    p a.lightGray {
        color: var(--lightGray);
        border-bottom: 1.5px var(--lightGray);
    }

    p a.lighterGray {
        color: var(--lighterGray);
        border-bottom: 1.5px var(--lighterGray);
    }

    p a.lighterGray {
        color: var(--darkGray);
        border-bottom: 1.5px var(--darkGray);
    }

    p a:hover {
        opacity: 0.5;
    }

    #contentwrap .BGdarkColor p a {
        color: var(--onlineeventsColor);
        border-bottom: 1px dotted var(--onlineeventsColor);
    }

    #contentwrap section {
        padding-top: 60px;
        padding-bottom: 70px;
    }

    @media screen and (max-width:767px) {
        #contentwrap section {
            padding-top: 40px;
            padding-bottom: 50px;
        }
    }

    [type="checkbox"]:checked, [type="checkbox"]:not(:checked), [type="radio"]:checked, [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }

    [type="checkbox"]:checked+label, [type="checkbox"]:not(:checked)+label, [type="radio"]:checked+label, [type="radio"]:not(:checked)+label {
        position: relative;
        padding-left: 32px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
    }

    [type="checkbox"]:checked+label:before, [type="checkbox"]:not(:checked)+label:before, [type="radio"]:checked+label:before, [type="radio"]:not(:checked)+label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 2px;
        width: 16px;
        height: 16px;
        border: 3px solid var(--lightColor);
        background: transparent;
    }

    [type="checkbox"]:checked+label:after, [type="checkbox"]:not(:checked)+label:after, [type="radio"]:checked+label:after, [type="radio"]:not(:checked)+label:after {
        content: '';
        width: 19px;
        height: 19px;
        background: var(--lightColor);
        position: absolute;
        top: 2px;
        left: 0px;
        transition: all 0.2s ease;
    }

    [type="checkbox"]:not(:checked)+label:after, [type="radio"]:not(:checked)+label:after {
        opacity: 0;
        transform: scale(0);
    }

    [type="checkbox"]:checked+label:after, [type="radio"]:checked+label:after {
        opacity: 1;
        transform: scale(1);
    }

    [type="checkbox"]:disabled:checked+label:before, [type="checkbox"]:disabled:not(:checked)+label:before, [type="radio"]:disabled:checked+label:before, [type="radio"]:disabled:not(:checked)+label:before {
        border-color: var(--lightColor);
        background-color: var(--lightColor);
    }

    [type="checkbox"]:disabled:checked+label:after, [type="radio"]:disabled:checked+label:after {
        background: var(--lightColor);
    }

    @media screen and (max-width:767px) {
        [type="checkbox"]:checked+label, [type="checkbox"]:not(:checked)+label, [type="radio"]:checked+label, [type="radio"]:not(:checked)+label {
            position: relative;
            padding-left: 20px;
        }
        [type="checkbox"]:checked+label:before, [type="checkbox"]:not(:checked)+label:before, [type="radio"]:checked+label:before, [type="radio"]:not(:checked)+label:before {
            top: 4px;
            width: 9px;
            height: 9px;
            border: 2px solid var(--lightColor);
        }
        [type="checkbox"]:checked+label:after, [type="checkbox"]:not(:checked)+label:after, [type="radio"]:checked+label:after, [type="radio"]:not(:checked)+label:after {
            width: 9px;
            height: 9px;
            top: 4px;
        }
    }

    /* 1.5 Globale Custom Klassen
##################################################### */

    .p-0 {
        padding: 0px !important;
    }

    .p-h-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .p-v-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .p-l-0 {
        padding-left: 0px !important;
    }

    .p-r-0 {
        padding-right: 0px !important;
    }

    .p-t-0 {
        padding-top: 0px !important;
    }

    .p-b-0 {
        padding-bottom: 0px !important;
    }

    .p-r {
        position: relative !important;
    }

    .p-a {
        position: absolute !important;
    }

    .TextagencyColor {
        color: var(--agencyColor) !important;
    }

    .TextonlineeventsColor {
        color: var(--onlineeventsColor) !important;
    }

    .TextliveeventsColor {
        color: var(--liveeventsColor) !important;
    }

    .TextdringebliebenColor {
        color: var(--dringebliebenColor) !important;
    }

    .TextlightColor {
        color: var(--lightColor) !important;
    }

    .TextdarkColor {
        color: var(--darkColor) !important;
    }

    .BGlightColor {
        background-color: var(--lightColor);
    }

    .BGlighterGray {
        background-color: var(--lighterGray);
    }

    .BGdarkColor {
        background-color: var(--darkColor);
        color: var(--lightColor);
    }

    .BGagencyColor {
        background-color: var(--agencyColor);
    }

    .BGonlineeventsColor {
        background-color: var(--onlineeventsColor);
    }

    .BGliveeventsColor {
        background-color: var(--liveeventsColor);
    }

    .BGdringebliebenColor {
        background-color: var(--dringebliebenColor);
    }

    .BGgradient {
        background-image: linear-gradient( to bottom, var(--liveeventsColor), var(--onlineeventsColor), var(--agencyColor));
        color: var(--lightColor) !important;
    }

    .full-width-img {
        width: 100%;
        height: auto;
    }

    .video-wrap {
        padding-top: 56.25%;
        overflow: hidden;
        position: relative;
    }

    .video-wrap .BorlabsCookie {
        position: absolute;
        top: 0;
        left: 0;
    }

    .video-wrap iframe {
        height: 100% !important;
        width: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
    }

    .round-img-wrap {
        width: calc(100% - 20px);
        margin: 10px;
        padding-bottom: calc(100% - 20px);
        border-radius: 50%;
        position: relative;
        overflow: hidden;
        -webkit-mask-image: -webkit-radial-gradient(white, black);
    }

    .round-img-wrap img {
        width: 100%;
        height: 100%;
        position: absolute;
        transition: 0.5s all;
        object-fit: cover;
    }

    .box {
        padding: 60px 60px 70px 60px;
        height: 100%;
    }

    @media screen and (max-width:767px) {
        .box {
            padding: 30px 30px 35px 30px;
        }
    }

    @media screen and (max-width:991px) {
        .md-off {
            display: none !important;
        }
    }

    @media screen and (max-width:767px) {
        .sm-off {
            display: none !important;
        }
    }

    @media screen and (max-width:576px) {
        .xs-off {
            display: none !important;
        }
    }

    .d-none {
        display: none !important;
    }

    /* 2.1 Header
##################################################### */

    header {
        position: fixed;
        transition: 0.5s all;
        background-color: #fff;
        z-index: 111;
        line-height: 0;
    }

    .nav-up {
        transform: translateY(-85px);
    }

    header .row {
        justify-items: flex-start;
        align-items: center;
        height: 85px;
    }

    #logo {
        width: 324px;
        height: auto;
    }

    @media screen and (max-width:320px) {
        #logo {
            width: 200px !important;
        }
    }

    @media screen and (max-width:414px) {
        #logo {
            width: 185px !important;
        }
    }

    #meta-nav {
        display: flex;
        align-items: center;
        margin-left: auto;
        height: 100%;
    }

    #meta-nav a {
        height: 100%;
        padding: 0 10px;
        display: flex;
        align-items: center;
        transition: 0.5s all;
    }

    #meta-nav a svg path {
        fill: var(--darkGray) !important;
        transition: 0.35s all;
    }

    #meta-nav a:hover svg path {
        fill: var(--darkColor) !important
    }

    #meta-nav a.faq-btn {
        background-color: var(--lightGray);
        color: var(--darkGray);
        padding: 0 20px;
        font: normal 600 var(--headermenuFS) 'Source Sans Pro', sans-serif;
        font-weight: bold;
        margin-left: 10px;
    }

    @media screen and (max-width:375px) {
        #meta-nav a.faq-btn {
            padding: 0 10px !important;
        }
    }

    #meta-nav a.faq-btn:hover {
        color: var(--lightColor);
        background-color: var(--darkColor);
    }

    #meta-nav a.cart-btn {
        background-color: var(--darkGray);
        padding: 0 20px;
    }

    #meta-nav a.cart-btn:hover {
        background-color: var(--darkColor);
    }

    @media screen and (max-width:1405px) {
        #meta-nav a.sm-btn {
            display: none;
        }
    }

    @media screen and (max-width:320px) {
        #meta-nav a.faq-btn {
            display: none;
        }
    }

    @media screen and (min-width:1200px) {
        header .order-head-dt-1 {
            order: 1;
        }
        header .order-head-dt-2 {
            order: 2;
        }
    }

    @media screen and (max-width:1199px) {
        header {
            background-color: var(--darkColor);
            padding-left: 0px !important;
        }
        header .row {
            height: 60px;
        }
        .nav-up {
            transform: translateY(0px);
        }
        #logo {
            width: 230px;
        }
        #meta-nav a.cart-btn img {
            height: 25px;
            width: 19px;
        }
    }

    /* 2.2 Hauptnavigation - Wrap & Burgericon
##################################################### */

    .fixed-top {
        z-index: 999999;
    }

    #hamburger-icon {
        width: 28px;
        height: 20px;
        position: relative;
        display: block;
        margin-top: -3px;
    }

    #hamburger-icon .line {
        display: block;
        background: #ecf0f1;
        width: 28px;
        height: 3px;
        position: absolute;
        left: 0;
        border-radius: 1.5px;
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
    }

    #hamburger-icon .line.line-1 {
        top: 0;
    }

    #hamburger-icon .line.line-2 {
        top: 50%;
    }

    #hamburger-icon .line.line-3 {
        top: 100%;
    }

    #hamburger-icon.active .line-1 {
        transform: translateY(10px) translateX(0) rotate(45deg);
    }

    #hamburger-icon.active .line-2 {
        opacity: 0;
    }

    #hamburger-icon.active .line-3 {
        transform: translateY(-10px) translateX(0) rotate(-45deg);
    }

    #navbtn {
        display: none;
        font-size: 1rem !important;
        font-weight: 400 !important;
        margin-top: 0px !important;
        height: 60px;
        padding: 0 15px;
        display: none;
        align-items: center;
        z-index: 1000;
        background-color: var(--darkColor);
    }

    #navbtn:not(.active) {
        background-color: var(--darkColor) !important;
    }

    @media screen and (min-width:1200px) {
        #menuwrap {
            /*Reset Styles if resized from mobile*/
            display: block !important;
            background-color: var(--lightColor) !important;
        }
        #menuwrap .bottom-wrap {
            display: none;
            height: 0px !important;
        }
    }

    @media screen and (max-width:1199px) {
        #navbtn {
            display: flex;
        }
        #menuwrap .bottom-wrap {
            margin-top: auto;
            /*padding-top: 35px;*/
            height: auto !important;
            position: relative;
        }
        #menuwrap {
            position: absolute;
            width: 100%;
            height: 100%;
            height: calc(100vh - 60px);
            left: 0px;
            top: 60px;
            opacity: 0;
            pointer-events: none;
            background-color: var(--darkColor);
            overflow-y: scroll;
            overflow-x: hidden;
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
        }
        #menuwrap.activemenu {
            opacity: 1;
            pointer-events: all;
        }
        #menuwrap img {
            display: block;
        }
    }

    /* 2.3 Menü
##################################################### */

    @media screen and (min-width:1200px) {
        header .menu-hauptnavigation-container ul li {
            height: 85px;
            display: flex;
            align-items: center;
            transition: 0.5s all !important;
        }
        header .menu-hauptnavigation-container ul ul {
            opacity: 0;
            pointer-events: none;
            background-color: var(--lightGray);
            /*width: 0;*/
            display: flex;
            position: absolute;
            top: 85px;
            transition: 0.5s all !important;
        }
        header .menu-hauptnavigation-container>ul>li:hover {
            background-color: var(--lightGray);
        }
        header .menu-hauptnavigation-container>ul>li.agencyColor:hover, header .menu-hauptnavigation-container>ul>li.agencyColor:hover ul {
            background-color: var(--agencyColor);
        }
        header .menu-hauptnavigation-container>ul>li.agencyColor:hover a, header .menu-hauptnavigation-container>ul>li.agencyColor .sub-menu li a {
            color: var(--lightColor);
        }
        header .menu-hauptnavigation-container>ul>li.liveeventsColor:hover, header .menu-hauptnavigation-container>ul>li.liveeventsColor:hover ul {
            background-color: var(--liveeventsColor);
        }
        header .menu-hauptnavigation-container>ul>li.liveeventsColor:hover a, header .menu-hauptnavigation-container>ul>li.liveeventsColor .sub-menu li a {
            color: var(--lightColor);
        }
        header .menu-hauptnavigation-container>ul>li.onlineeventsColor:hover, header .menu-hauptnavigation-container>ul>li.onlineeventsColor:hover ul {
            background-color: var(--onlineeventsColor);
        }
        header .menu-hauptnavigation-container>ul>li.onlineeventsColor:hover a, header .menu-hauptnavigation-container>ul>li.onlineeventsColor .sub-menu li a {
            color: var(--lightColor);
        }
        header .menu-hauptnavigation-container>ul>li:hover ul {
            opacity: 1;
            pointer-events: all;
            height: 85px;
            width: 100%;
        }
        /*OBK*/
        header .menu-hauptnavigation-container>ul>li .sub-menu li:hover {
            background: rgba(0, 0, 0, 0.2);
        }
    }

    @media screen and (min-width:1200px) and (max-width:1740px) {
        /*Order last sub right*/
        header .menu-hauptnavigation-container>ul>li.tickets {
            position: relative;
        }
        header .menu-hauptnavigation-container>ul>li.tickets ul {
            right: 0;
            width: 100vw;
            justify-content: flex-end;
        }
    }

    @media screen and (max-width:1199px) {
        header .menu-hauptnavigation-container {
            width: 100%;
            float: left;
            flex: 0 0 100%;
            display: flex;
            align-self: flex-start;
            position: relative;
        }
        header .menu-hauptnavigation-container>ul {
            margin: 25px 20px 0 20px !important;
        }
        header .menu-hauptnavigation-container ul li a {
            color: var(--lightColor);
        }
        /*OBK START*/
        header .menu-hauptnavigation-container ul ul {
            height: 0 !important;
        }
        /*OBK ENDE*/
        header .menu-hauptnavigation-container>ul>li {
            flex: 100%;
            position: relative;
            margin: 15px 0;
        }
        header .menu-hauptnavigation-container>ul>li .togglesub {
            content: "";
            position: absolute;
            right: 30px;
            top: 0;
            padding: 10px;
            width: 15px;
            height: 30px;
            background-image: url(../_img/arrow-down.svg);
            background-size: 15px 30px;
            background-position: center center;
            background-repeat: no-repeat;
        }
        header .menu-hauptnavigation-container>ul>li.active .togglesub {
            opacity: 0;
            pointer-events: none;
        }
        header .menu-hauptnavigation-container>ul>li.active ul {
            opacity: 1;
            pointer-events: all;
            height: auto !important;
            margin: 10px 0 0 0;
        }
        header .menu-hauptnavigation-container>ul>li.active ul li {
            flex: 100%;
            margin: 5px 0;
        }
        header .menu-hauptnavigation-container>ul>li.inactive a, header .menu-hauptnavigation-container>ul>li.inactive .togglesub {
            opacity: 0.5;
        }
        #menuwrap #sm-mobile-container {
            margin-left: 35px;
            position: absolute;
            width: 100%;
            bottom: 75px;
        }
        #menuwrap a.sm-btn {
            margin-right: 20px;
        }
    }

    header .menu-hauptnavigation-container a {
        color: var(--darkColor);
        text-transform: uppercase;
        padding: 0 15px;
        font: normal 400 var(--headermenuFS) 'Source Sans Pro', sans-serif;
    }

    header .menu-hauptnavigation-container ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }

    header .menu-hauptnavigation-container>ul>li:last-of-type {
        display: none;
    }

    header .menu-hauptnavigation-container ul ul {
        opacity: 0;
        pointer-events: none;
        /*height: 0;*/
        height: 85px;
    }

    header .menu-hauptnavigation-container ul ul li a {
        text-transform: none;
    }

    .menu-hauptnavigation-container li {
        padding: 0;
    }

    /* 3.1 Custom Elemente
##################################################### */

    /* Accordion styles */

    .tabs {
        overflow: hidden;
    }

    .tab {
        width: 100%;
        overflow: hidden;
    }

    .tab-label {
        display: flex;
        justify-content: space-between;
        cursor: pointer;
        font: normal 600 var(--tertiaryHead) 'Source Sans Pro', sans-serif;
        color: var(--darkColor) !important;
        font-weight: bold;
        padding-left: 25px !important;
        line-height: normal !important;
        position: relative;
    }

    .tab-label::after {
        background-color: transparent !important;
        opacity: 1 !important;
        content: "" !important;
        transition: 0.25s all !important;
        transform: none !important;
        position: absolute !important;
        left: 0px !important;
        top: 7.5px !important;
        width: 15px !important;
        transform-origin: center center;
        height: 30px !important;
        background-image: url(../_img/toggle-down.svg) !important;
        background-size: 15px 30px !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        transition-delay: 0.45s !important;
    }

    .tab-content {
        max-height: 0;
        transition: max-height .5s ease-in-out;
        transition: all .35s;
        /*OBK*/
    }

    .tabs input:checked+.tab-label::after {
        transform: rotate(-180deg) !important;
        transition-delay: 0.0s !important;
    }

    .tabs input:checked~.tab-content {
        max-height: 500px;
        padding-left: 25px;
        /*OBK*/
        transition: all .35s;
    }

    .tabs input, .tab-label:before {
        position: absolute !important;
        visibility: hidden;
        display: none !important;
        opacity: 0 !important;
        z-index: -1 !important;
    }

    @media screen and (max-width:991px) {
        .tab-label {
            padding-left: 17.5px !important;
        }
        .tabs input:checked~.tab-content {
            padding-left: 17.5px;
            /*OBK*/
        }
        .tab-label::after {
            top: 5px !important;
            width: 10px !important;
            height: 20px !important;
            background-size: 10px 20px !important;
        }
    }

    /*Toggles*/

    .toggle-content {
        -webkit-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
    }

    .toggle-content {
        width: 100%;
    }

    .toggle-trigger {
        cursor: pointer;
        position: relative;
        padding-left: 25px;
        display: inline-block;
    }

    .toggle-trigger::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 7.5px;
        width: 15px;
        height: 30px;
        background-image: url(../_img/toggle-down.svg);
        background-size: 15px 30px;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .toggle-trigger.active::before {
        transform: rotate(-180deg);
    }

    @media screen and (max-width:991px) {
        .toggle-trigger {
            padding-left: 17.5px;
        }
        .toggle-trigger::before {
            top: 5px;
            width: 10px;
            height: 20px;
            background-image: url(../_img/toggle-down.svg);
            background-size: 10px 20px;
        }
    }

    /*Primary Button*/

    .btn-primary {
        border: 3px solid;
        font: normal 600 var(--btnFS) 'Source Sans Pro', sans-serif;
        font-weight: bold;
        padding: 12.5px 25px 15px 25px;
        display: inline-block;
        margin-top: 30px;
        transition: 0.35s all;
        cursor: pointer;
    }

    .btn-primary:hover {
        color: var(--lightColor) !important;
    }

    .btn-primary.TextdarkColor {
        background-color: transparent;
        border-color: var(--darkColor);
        color: var(--darkColor);
    }

    .btn-primary.TextdarkColor:hover {
        background-color: var(--darkColor);
        color: var(--lightColor);
    }

    .btn-primary.TextagencyColor {
        border-color: var(--agencyColor);
    }

    .btn-primary.TextagencyColor:hover {
        background-color: var(--agencyColor);
    }

    .btn-primary.TextonlineeventsColor {
        border-color: var(--onlineeventsColor);
    }

    .btn-primary.TextonlineeventsColor:hover {
        background-color: var(--onlineeventsColor);
    }

    .btn-primary.TextliveeventsColor {
        border-color: var(--liveeventsColor);
    }

    .btn-primary.TextliveeventsColor:hover {
        background-color: var(--liveeventsColor);
    }

    .btn-primary.TextlightColor {
        border-color: var(--lightColor);
        color: var(--lightColor);
    }

    .btn-primary.TextlightColor:hover {
        background-color: var(--lightColor);
        color: var(--darkColor) !important;
    }

    .btn-primary.TextlightColor.TextliveeventsColor:hover {
        background-color: var(--lightColor);
        color: var(--liveeventsColor) !important;
    }

    .btn-primary.TextlightColor.TextonlineeventsColor:hover {
        background-color: var(--lightColor);
        color: var(--onlineeventsColor) !important;
    }

    .btn-primary.TextlightColor.TextagencyColor:hover {
        background-color: var(--lightColor);
        color: var(--agencyColor) !important;
    }

    @media screen and (max-width:767px) {
        .btn-primary {
            border: 2px solid;
            padding: 10px 17.5px 12.5px 17.5px;
        }
    }

    /*Secondary Button*/

    .btn-secondary {
        width: 175px;
        overflow: hidden;
        font: normal 600 var(--paragraphs) 'Source Sans Pro', sans-serif;
        color: var(--lightColor);
        margin-top: 12.5px;
        padding-right: 75px;
        display: block;
    }

    .TextagencyColor .btn-secondary {
        color: var(--agencyColor) !important;
    }

    .TextagencyColor .btn-secondary .stroke {
        stroke: var(--agencyColor) !important;
    }

    .TextonlineeventsColor .btn-secondary {
        color: var(--onlineeventsColor) !important;
    }

    .TextonlineeventsColor .btn-secondary .stroke {
        stroke: var(--onlineeventsColor) !important;
    }

    .TextliveeventsColor .btn-secondary {
        color: var(--liveeventsColor) !important;
    }

    .TextliveeventsColor .btn-secondary .stroke {
        stroke: var(--liveeventsColor) !important;
    }

    .TextdringebliebenColor .btn-secondary {
        color: var(--dringebliebenColor) !important;
    }

    .TextdringebliebenColor .btn-secondary .stroke {
        stroke: var(--dringebliebenColor) !important;
    }

    .TextlightColor .btn-secondary {
        color: var(--lightColor) !important;
    }

    .TextdarkColor .btn-secondary {
        color: var(--darkColor) !important;
    }

    .TextdarkColor .btn-secondary .stroke {
        stroke: var(--darkColor) !important;
    }

    .btn-secondary span {
        display: flex;
        align-content: center;
        justify-content: space-between;
        width: 175px;
        transform: translateX(-135px);
        transition: 0.5s all;
    }

    .btn-secondary:hover span {
        transform: translateX(0px);
    }

    .btn-secondary-wrap:hover .btn-secondary span {
        transform: translateX(0px);
    }

    .btn-secondary-wrap .btn-secondary span svg {
        margin-top: 1.5px;
        width: 37px;
        height: 25px;
    }

    @media screen and (max-width:991px) {
        .btn-secondary {
            width: 140px;
            margin-top: 5px;
            padding-right: 65px;
        }
        .btn-secondary span {
            width: 140px;
            transform: translateX(-111.5px);
        }
        .btn-secondary-wrap .btn-secondary span {
            opacity: 0.5;
        }
        .btn-secondary-wrap .btn-secondary span img, .btn-secondary-wrap .btn-secondary span svg {
            width: 27px;
            height: 15px;
            margin-top: 3.5px;
        }
    }

    /*Static Button*/

    .static-btn {
        font: normal 600 var(--smallerParagraphs) 'Source Sans Pro', sans-serif;
        color: var(--darkGray);
        margin-top: 12.5px;
        display: flex;
        align-items: center;
    }

    .static-btn img {
        width: 27px;
        height: 15px;
        margin-left: 10px;
        margin-bottom: -1px;
    }

    @media screen and (max-width:991px) {
        .static-btn img {
            width: 22px;
            height: 12px;
            margin-left: 7.5px;
        }
    }

    /*Round Button*/

    .btn-round {
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        display: flex;
        cursor: pointer;
        position: absolute;
    }

    .btn-round:after {
        content: "";
        border-bottom: solid transparent 3px;
        border-top: solid transparent 3px;
        border-radius: 50%;
        transform: rotate(45deg);
        transform-origin: center;
        position: absolute;
        pointer-events: none;
        transition: 0.25s all;
        box-sizing: border-box;
    }

    .btn-round:hover:after {
        transform: rotate(-135deg);
    }

    /* 3.2 Flexible Content
##################################################### */

    /*Intros*/

    .intro p {
        margin-bottom: 15px;
    }

    .intro p:last-of-type {
        margin-bottom: 0px;
    }

    /*Intro Freisteller*/

    .intro-freisteller .fs-bottom {
        display: flex;
        align-items: flex-end;
    }

    .intro-freisteller .fs-bottom img {
        margin-top: 45px;
    }

    .intro-freisteller .text {
        padding-bottom: 70px;
    }

    @media screen and (max-width:767px) {
        .intro-freisteller .text {
            padding-bottom: 50px;
        }
    }

    /*Intro Logoleiste*/

    .intro-logoleiste .partner-intro {
        margin-top: 45px;
        display: block;
    }

    .intro-logoleiste .partner-loop {
        border-bottom: 2px solid var(--darkGray) !important;
    }

    .intro-logoleiste:not(.BGdarkColor) .partner-loop {
        border: none !important;
        padding-bottom: 0;
    }

    /*Partner*/

    .partner {
        background-color: var(--lighterGray);
    }

    @media screen and (min-width:768px) {
        .partner {
            padding-bottom: 100px !important;
        }
    }

    .partner-loop {
        align-items: center;
        border-bottom: 2px solid var(--lightGray);
        padding: 15px 0;
        margin: 0;
    }

    .partner-loop:first-of-type {
        border-bottom: 2px solid var(--lightGray);
    }

    .partner-loop [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
        line-height: 0;
    }

    .partner-loop [class*="col-"] img {
        margin: 0 auto;
        object-fit: contain;
        height: 100%;
    }

    .partner-loop.partner-premium [class*="col-"] img {
        max-height: 90px;
    }

    .partner-loop.partner-normal [class*="col-"] img {
        max-height: 60px;
    }

    @media screen and (max-width:767px) {
        .partner-loop [class*="col-"] img {
            margin-top: 15px;
        }
        .partner-loop {
            padding: 0px 0 15px 0;
        }
    }

    /*Kontakt Freisteller*/

    .kontakt-freisteller .fs-bottom {
        display: flex;
        align-items: flex-end;
    }

    .kontakt-freisteller .fs-bottom img {
        margin-top: 45px;
    }

    .kontakt-freisteller.text {
        padding-bottom: 70px;
    }

    .kontaktzeile {
        border-bottom: 2px solid var(--lightGray);
        padding: 15px 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .kontaktzeile:first-of-type {
        border-top: 2px solid var(--lightGray);
        margin-top: 45px;
    }

    .mit-freisteller .kontaktzeile:last-of-type {
        margin-bottom: 100px;
    }

    .kontaktzeile div:first-of-type {
        width: 75px;
    }

    .kontaktzeile div:last-of-type {
        margin-left: 30px;
    }

    .kontaktzeile div:first-of-type img {
        margin: 5px auto;
        max-width: calc(100% - 30px);
        display: block;
    }

    .kontaktzeile h3 {
        margin-bottom: 0;
    }

    .kontaktzeile a {
        color: var(--darkColor);
    }

    @media screen and (max-width:767px) {
        .kontakt-freisteller .mit-freisteller.text {
            padding-bottom: 50px;
        }
        .kontaktzeile:last-of-type {
            margin-bottom: 0px;
        }
        .kontaktzeile div:last-of-type {
            margin-left: 5px;
        }
        .kontaktzeile div:first-of-type img {
            transform: scale(0.8);
            margin-top: 0;
        }
        .kontaktzeile:first-of-type {
            margin-top: 30px;
        }
    }

    /*Text Hintergrund*/

    .text-hintergrund {
        color: var(--lightColor) !important;
    }

    .text-hintergrund [class*="col-"] {
        z-index: 11;
    }

    .text-hintergrund:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        background-image: linear-gradient(to right, #000, rgba(0, 0, 0, 0));
        width: 66.666%;
        height: 100%;
        display: block;
        z-index: 10;
    }

    .text-hintergrund img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

    /*Programm Highlights*/

    .programm .cpt-author a {
        pointer-events: none;
    }

    .programm .cpt-item h3 {
        color: var(--darkColor) !important;
    }

    .programm h2 {
        margin-bottom: 35px;
    }

    .programm .cpt-item a.btn-secondary, .programm .cpt-author p a {
        color: var(--darkGray) !important;
        border-bottom: none !important;
    }

    .programm .cpt-flag {
        background-color: var(--liveeventsColor);
        color: var(--lightColor);
    }

    .programm .cpt-flag a {
        pointer-events: none;
        border-bottom: none !important;
    }

    @media screen and (max-width:767px) {
        .programm .container {
            padding-left: 0px;
            padding-right: 0px;
        }
        .programm-head {
            padding-left: 45px;
            padding-right: 45px;
        }
        .programm .cpt-item:last-of-type {
            margin-bottom: 0px;
        }
    }

    /*Live Events Feed*/

    .live-events-feed h2 {
        margin-bottom: 35px;
    }

    .live-events-feed a {
        color: var(--darkColor);
    }

    .table-row {
        padding: 15.5px 0 12.5px 0;
        border-top: 2px solid var(--lightGray);
        display: flex;
        justify-content: flex-start;
        align-content: flex-start;
        overflow: hidden;
    }

    .table-row:last-of-type {
        border-bottom: 2px solid var(--lightGray);
        margin-bottom: 5px;
    }

    .table-row div span {
        display: inline-flex;
    }

    .table-row div {
        display: flex;
        align-items: flex-start;
    }

    .table-row .le-icon, .table-row .le-btn {
        flex-shrink: 0;
    }

    .table-row .le-btn {
        padding-left: 20px;
        position: relative;
    }

    .table-row .le-status {
        margin-left: 20px;
    }

    .table-row .le-icon {
        padding-left: 35px;
    }

    .table-row .le-title {
        padding-left: 35px;
        padding-right: 35px;
    }

    .live-events-feed .table-row .le-title {
        padding-left: 0px;
    }

    .table-row .le-title p {
        line-height: 1.5;
    }

    .table-row .le-title p strong {
        margin-bottom: 3.5px;
    }

    .table-row .le-city {
        margin-left: auto;
    }

    .live-events-feed .stroke {
        stroke: var(--darkGray) !important;
    }

    .live-events-feed .fill {
        fill: var(--darkGray) !important;
    }

    .table-row strong {
        display: block;
    }

    @media screen and (max-width:991px) {
        .table-row .le-btn img {
            width: 75px;
            height: auto;
        }
    }

    @media screen and (max-width:767px) {
        .live-events-feed h2 {
            margin-bottom: 25px;
        }
        .table-row {
            padding: 17.5px 0 2.5px 0;
            flex-wrap: wrap;
            margin-bottom: 0;
        }
        .table-row .le-title {
            flex: 0 0 100%;
        }
        .table-row .le-title {
            padding-left: 0;
            margin-bottom: 12.5px;
        }
        .table-row .le-icon {
            display: none;
        }
        .table-row .le-city {
            margin-left: 0;
            flex-basis: auto !important;
        }
        .table-row .le-city p {
            position: relative;
            padding-right: 10px;
            margin-right: 5px;
        }
        .table-row .le-btn {
            padding-left: 15px;
        }

        .table-row .le-status {
            margin-left: auto;
        }
    }

    /*Testimonial Slider*/

    .testimonial-slider {
        background-color: var(--lighterGray);
    }

    .testimonial-inner-wrap {
        display: flex;
        width: 100%;
    }

    .testimonial-inner-wrap h3 {
        margin-bottom: 5px;
        margin-top: 15px;
    }

    .testimonial-inner-wrap p strong {
        color: var(--agencyColor);
        margin-bottom: 15px;
        display: block;
    }

    .testimonial-img-wrap {
        width: calc(100% - 20px);
        margin: 10px;
        padding-bottom: calc(100% - 20px);
        position: relative;
        overflow: hidden;
    }

    .testimonial-img-wrap img {
        width: 100%;
        height: 100%;
        position: absolute;
        border-radius: 50%;
        object-fit: cover;
    }

    .rslides {
        position: relative;
        list-style: none;
        overflow: hidden;
        width: 100%;
        padding: 0;
        margin: 60px 0 0 0;
    }

    .rslides li {
        -webkit-backface-visibility: hidden;
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
    }

    .rslides li:before {
        display: none;
    }

    .rslides li:first-child {
        position: relative;
        display: block;
        float: left;
    }

    .rslides_nav.next, .rslides_nav.prev {
        position: absolute;
        width: 65px;
        height: 65px;
        top: calc(50% - 32.5px);
        background-color: var(--lightColor);
        background-size: 35px 18px;
        background-repeat: no-repeat;
        background-position: calc(50% - 0px) center;
        z-index: 11;
        transition: 0.25s all;
    }

    .rslides_nav.next {
        right: 0;
        background-image: url('../_img/t-arrow-right.svg');
    }

    .rslides_nav.next:hover {
        background-position: calc(50% + 2.5px) center;
    }

    .rslides_nav.prev {
        left: 0;
        background-image: url('../_img/t-arrow-left.svg');
    }

    .rslides_nav.prev:hover {
        background-position: calc(50% - 2.5px) center;
    }

    @media screen and (max-width:767px) {
        .rslides {
            margin: 30px 0 0 0;
        }
        .rslides p, .rslides h3 {
            text-align: center;
        }
        .testimonial-inner-wrap h3 {
            margin-top: 30px;
        }
        .testimonial-inner-wrap {
            width: calc(100% + 15px);
        }
        .rslides_nav.next, .rslides_nav.prev {
            display: none;
        }
        .testimonial-img-wrap {
            width: calc(100% - 0px);
            margin: 0px;
            padding-bottom: calc(100% - 0px);
        }
    }

    /*Referenten Feed*/

    .referenten-feed {
        background-color: var(--lighterGray);
    }

    .referenten-img-container {
        margin: 45px 0 20px 0;
    }

    .referenten-img-wrap {
        width: calc(100% - 20px);
        margin: 10px;
        padding-bottom: calc(100% - 20px);
        position: relative;
        overflow: hidden;
        -webkit-mask-image: -webkit-radial-gradient(white, black);
        border-radius: 50%;
    }

    .referenten-img-wrap img {
        width: 100%;
        height: 100%;
        position: absolute;
        object-fit: cover;
        transition: 0.5s all;
    }

    @media screen and (max-width:991px) {
        .referenten-img-container {
            margin: 30px 0 0px 0;
        }
        .referenten-img-wrap {
            margin: 10px 10px 30px 10px;
        }
    }

    /*Team Feed*/

    .team-img-container {
        margin: 45px 0 20px 0;
    }

    @media screen and (max-width:991px) {
        .team-img-container {
            margin: 30px 0 0px 0;
        }
    }

    /*Spielorte Feed*/

    .spielorte-grid {
        column-gap: 30px;
        columns: 4;
        margin: 60px 0 40px 0;
    }

    .spielort {
        break-inside: avoid-column;
        page-break-inside: avoid;
    }

    .spielort {
        padding-bottom: 20px;
    }

    .spielort h3 {
        margin-bottom: 10px;
    }

    .spielort a {
        font: normal 400 var(--paragraphs) 'Source Sans Pro', sans-serif !important;
        color: var(--liveeventsColor);
        display: block;
        margin-bottom: 15px;
    }

    @media screen and (max-width:1199px) {
        .spielorte-grid {
            column-gap: 30px;
            columns: 3;
        }
    }

    @media screen and (max-width:991px) {
        .spielort {
            padding-bottom: 10px;
        }
    }

    @media screen and (max-width:767px) {
        .spielorte-grid {
            margin: 30px 0 0px 0;
            columns: 2;
        }
        .spielort:last-of-type {
            padding-bottom: 0px;
        }
    }

    @media screen and (max-width:576px) {
        .spielorte-grid {
            column-gap: 0px;
            columns: 1;
        }
    }

    /*VVK Feed*/

    .vvk-grid {
        margin-top: 40px;
    }

    .vvk-feed p.vvk-title {
        padding: 10px 0 0 0;
    }

    .vvk label {
        margin-bottom: 5px;
    }

    .vvk {
        padding-top: 20px;
    }

    .vvk-item p:last-of-type {
        padding-bottom: 10px;
    }

    @media screen and (max-width:991px) {
        .vvk {
            padding-top: 10px;
        }
        .vvk-grid {
            margin-top: 10px;
        }
    }

    /*Formate Allgemein*/

    .formate {
        color: var(--lightColor);
    }

    .formate .event-format-desc {
        padding-left: 115px;
        padding-right: 30px;
    }

    .formate h3 {
        margin-top: 20px;
        color: var(--lightColor);
    }

    .formate .btn-round {
        background-color: var(--lightColor);
        width: 86px;
        height: 86px;
        top: 0;
        left: 15px;
        z-index: 10;
    }

    .formate .btn-round:after {
        width: 110px;
        height: 110px;
        top: -12px;
        left: -12px;
    }

    .formate h2 {
        margin-bottom: 35px;
    }

    .formate .btn-secondary-wrap {
        margin-bottom: 35px;
    }

    .formate .btn-primary {
        margin-top: 0;
    }

    @media screen and (max-width:767px) {
        .formate .btn-round {
            background-color: transparent;
            position: relative;
            left: -5px;
            width: 65px;
            height: 65px;
        }
        .formate .btn-round .stroke {
            stroke: var(--lightColor) !important;
        }
        .formate .btn-round:after {
            display: none;
        }
        .formate .event-format-desc {
            padding-left: 0px;
        }
        .formate [class*="col-"] {
            display: flex;
            align-items: center;
        }
        .formate h2 {
            margin-bottom: 15px;
        }
        .formate .btn-secondary-wrap {
            margin-bottom: 15px;
        }
        .formate .btn-primary {
            margin-top: 15px;
        }
    }

    /*Event Formate Feed*/

    .event-formate-feed {
        background-color: var(--liveeventsColor);
    }

    .event-formate-feed .btn-round:after {
        border-right: solid #1D75A5 3px;
        border-left: solid #1D75A5 3px;
    }

    /*Agentur Formate*/

    .agentur-formate {
        background-color: var(--agencyColor);
    }

    .agentur-formate .btn-round:after {
        border-right: solid #BF563C 3px;
        border-left: solid #BF563C 3px;
    }

    /*Hero Slider*/

    .hero-intro-section {
        overflow: hidden;
        background-color: #000;
    }

    .hero-intro-mobile {
        position: relative;
        width: 100%;
        height: calc(100vh - 60px);
    }

    .hero-intro-mobile iframe {
        border: none;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .hero-intro-desktop {
        width: 100%;
        height: calc(100vh - 85px);
        position: relative;
        overflow: hidden
    }

    .hero-intro-desktop iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /*Hero Bild*/

    .hero-bild {
        line-height: 0;
    }

    /*Störer*/

    .stoerer {
        color: var(--lightColor);
    }

    .stoerer-inner {
        padding: 45px 45px 50px 45px;
    }

    @media screen and (max-width:1340px) {
        .stoerer {
            margin-left: -30px !important;
            margin-right: -30px !important;
        }
    }

    @media screen and (max-width:767px) {
        .stoerer [class*="col-"]:first-of-type {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }
        .stoerer-inner {
            padding: 30px 30px 35px 30px;
        }
    }

    /*Events-Störer*/

    .stoerer-allgemein .btn-secondary {
        margin-top: 20px;
    }

    @media screen and (max-width:767px) {
        .stoerer-allgemein {
            padding-top: 0 !important;
            padding-bottom: 0px !important;
        }
    }

    /*Newsletter*/

    .stoerer-newsletter .stoerer form img, .stoerer-newsletter .stoerer form label[for="CVB3Nwgd"] {
        display: none;
    }

    .stoerer-newsletter {
        overflow: hidden;
    }

    .stoerer-newsletter .stoerer .stoerer-nl-inner {
        background-color: var(--darkGray);
        color: var(--lightColor);
        padding-top: 45px !important;
        padding-right: 45px !important;
        padding-bottom: 50px;
        padding-left: 45px !important;
    }

    .stoerer-newsletter .stoerer h2 {
        color: var(--lightColor);
    }

    .stoerer-newsletter .stoerer .stoerer-nl-inner div {
        padding-left: 0 !important;
        font: normal 400 var(--smallFS) 'Source Sans Pro', sans-serif !important;
        color: #c7c7c7;
        line-height: 160% !important;
        padding-top: 0px !important;
    }

    /*
    .stoerer-newsletter .stoerer .stoerer-nl-inner div:first-of-type{
        position: relative;
    }*/

    .stoerer-newsletter .stoerer div.newsletter-freisteller {
        line-height: 0 !important;
        position: absolute;
        bottom: 0;
        right: 0;
        pointer-events: none;
    }

    .stoerer-newsletter .stoerer div a {
        color: #c7c7c7;
        text-decoration: underline;
    }

    .stoerer-newsletter .stoerer form {
        position: relative;
    }

    .stoerer-newsletter .stoerer form h2 {
        text-align: left !important;
        font: italic 400 var(--paragraphs) 'Source Sans Pro', sans-serif;
        color: var(--lightColor);
        background-color: var(--agencyColor);
        padding: 12.5px 15px 15px 15px;
    }

    .stoerer-newsletter .stoerer input[type="email"] {
        border: none !important;
        background-color: transparent !important;
        border-bottom: 3px solid var(--lightColor) !important;
        width: 100% !important;
        font: normal 400 var(--sublineSmall) 'Source Sans Pro', sans-serif !important;
        color: #686868 !important;
        outline: 0 !important;
        padding: 10px 0 !important;
    }

    .stoerer-newsletter .stoerer ::placeholder {
        font: normal 400 var(--sublineSmall) 'Source Sans Pro', sans-serif !important;
        opacity: 1 !important;
    }

    .stoerer-newsletter .stoerer .checkbox-inline label {
        font: normal 400 var(--paragraphs) 'Source Sans Pro', sans-serif !important;
        color: var(--lightColor) !important;
        display: inline-block;
        margin-top: 10px;
    }

    .stoerer-newsletter .stoerer .checkbox-inline label a {
        color: var(--lightColor) !important;
        text-decoration: underline;
    }

    .stoerer-newsletter .stoerer div.choice-container:not(.checkbox-inline) {
        position: absolute;
        display: flex;
        right: 0;
        top: 0px;
    }

    .stoerer-newsletter .stoerer div.choice-container:not(.checkbox-inline) br {
        display: none;
    }

    .stoerer-newsletter .stoerer div.choice-container [type="checkbox"]:checked+label:before, .stoerer-newsletter .stoerer div.choice-container [type="checkbox"]:not(:checked)+label:before {
        border: 3px solid var(--liveeventsColor) !important;
    }

    .stoerer-newsletter .stoerer div.choice-container [type="checkbox"]:checked+label:after, .stoerer-newsletter .stoerer div.choice-container [type="checkbox"]:not(:checked)+label:after {
        background-color: var(--liveeventsColor) !important;
    }

    .stoerer-newsletter .stoerer div.choice-container [type="checkbox"]:last-of-type+label:before, .stoerer-newsletter .stoerer div.choice-container [type="checkbox"]:last-of-type:not(:checked)+label:before {
        border: 3px solid var(--onlineeventsColor) !important;
    }

    .stoerer-newsletter .stoerer div.choice-container [type="checkbox"]:last-of-type:checked+label:after, .stoerer-newsletter .stoerer div.choice-container [type="checkbox"]:last-of-type:not(:checked)+label:after {
        background-color: var(--onlineeventsColor) !important;
    }

    .stoerer-newsletter .stoerer div.choice-container.checkbox-inline [type="checkbox"]:checked+label:before, .stoerer-newsletter .stoerer div.choice-container.checkbox-inline [type="checkbox"]:not(:checked, .checkbox-inline)+label:before {
        border: 3px solid var(--lightColor) !important;
    }

    .stoerer-newsletter .stoerer div.choice-container.checkbox-inline [type="checkbox"]:checked+label:after, .stoerer-newsletter .stoerer div.choice-container.checkbox-inline [type="checkbox"]:checked+label:after {
        background-color: var(--lightColor) !important;
    }

    .stoerer-newsletter .stoerer div.choice-container:not(.checkbox-inline) label, .stoerer-newsletter .stoerer div.choice-container:not(.checkbox-inline) span {
        font: normal 400 var(--paragraphs) 'Source Sans Pro', sans-serif !important;
        color: var(--lightColor) !important;
        display: inline-block;
        margin-left: 15px;
    }

    .stoerer-newsletter ::placeholder {
        color: #696969 !important;
        opacity: 1 !important;
    }

    .stoerer-newsletter .stoerer button[type="submit"] {
        border: 3px solid !important;
        background-color: transparent !important;
        font: normal 600 var(--btnFS) 'Source Sans Pro', sans-serif !important;
        font-weight: bold;
        padding: 12.5px 25px 15px 25px !important;
        display: inline-block !important;
        margin-top: 30px !important;
        transition: 0.35s all !important;
        cursor: pointer !important;
        border-color: var(--lightColor) !important;
        border-radius: 0px !important;
        min-width: auto !important;
    }

    .stoerer-newsletter .stoerer div.choice-container:not(.checkbox-inline) .custom-label {
        margin: 0;
        display: inline-block;
        margin-right: -15px;
    }

    .stoerer-newsletter .stoerer div.choice-container:not(.checkbox-inline) .custom-label:last-of-type {
        display: none !important;
    }

    .stoerer-newsletter .stoerer button[type="submit"]:hover {
        color: var(--darkGray) !important;
        background-color: var(--lightColor) !important;
        border-color: var(--lightColor) !important;
    }

    @media screen and (max-width:767px) {
        .stoerer-newsletter {
            padding: 0 !important;
            background-color: var(--darkGray);
        }
        .stoerer-newsletter .stoerer {
            padding-top: 0px;
            padding-bottom: 0px !important;
        }
        .stoerer-newsletter .stoerer div {
            margin-top: 0px !important;
        }
        .stoerer-newsletter .stoerer input[type="email"] {
            border-bottom: 2px solid var(--lightColor) !important;
        }
        .stoerer-newsletter .stoerer button[type="submit"] {
            border: 2px solid !important;
            padding: 10px 17.5px 12.5px 17.5px !important;
            margin-top: 30px !important;
            margin-bottom: 25px !important;
        }
        .stoerer-newsletter .stoerer div.newsletter-freisteller {
            position: relative;
        }
        .stoerer-newsletter .stoerer div.choice-container:not(.checkbox-inline) {
            position: relative;
            border-bottom: 2px solid var(--lightColor) !important;
            padding-bottom: 10px;
            margin-bottom: 30px;
            top: 10px;
        }
        body .stoerer-newsletter .stoerer div.choice-container [type="checkbox"]:not(:checked)+label:before, body .stoerer-newsletter .stoerer div.choice-container [type="checkbox"]:checked+label:before, body .stoerer-newsletter .stoerer div.choice-container [type="checkbox"]:last-of-type:not(:checked)+label:before, body .stoerer-newsletter .stoerer div.choice-container [type="checkbox"]:last-of-type:checked+label:before, body .stoerer-newsletter .stoerer div.choice-container.checkbox-inline [type="checkbox"]:not(:checked)+label:before, body .stoerer-newsletter .stoerer div.choice-container.checkbox-inline [type="checkbox"]:checked+label:before {
            border-width: 2px !important;
        }
        .stoerer-newsletter .stoerer div.choice-container label {
            margin: 0;
            margin-right: 15px;
        }
        .stoerer-newsletter .stoerer div.choice-container:not(.checkbox-inline) .custom-label {
            margin-right: 0px;
        }
        .stoerer-newsletter .stoerer div.choice-container span {
            margin: 0;
            margin-right: 10px;
        }
        .stoerer-newsletter .checkbox-inline {
            margin-bottom: 30px;
        }
        .stoerer-newsletter .stoerer .stoerer-nl-inner {
            padding-top: 30px !important;
            padding-right: 45px !important;
            padding-bottom: 0px !important;
            padding-left: 45px !important;
        }
        .stoerer-newsletter .stoerer div.choice-container:not(.checkbox-inline) label, .stoerer-newsletter .stoerer div.choice-container:not(.checkbox-inline) span {
            margin-left: 5px;
        }
    }

    /* Single Bloglayout pages*/

    .single-bloglayout .single-content-wrap h1 {
        margin-top: 35px;
    }

    .single-bloglayout .img-wrap {
        padding-top: 42.8571%;
        overflow: hidden;
        position: relative;
    }

    .single-bloglayout .img-wrap img {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        object-position: center center;
    }

    /*Accordion-Section*/

    #contentwrap .accordionsection .accordion-row {
        margin-top: 60px;
    }

    #contentwrap .accordionsection .accordion>li {
        border-left: none;
        border-right: none;
        border-bottom: none;
        border-top: 2px solid var(--lightGray) !important;
    }

    #contentwrap .accordionsection .accordion ul .inner {
        padding: 0px 20px 25px 20px;
    }

    #contentwrap .accordionsection .accordion>li:last-of-type {
        border-bottom: 2px solid var(--lightGray) !important;
    }

    #contentwrap .accordionsection .accordion ul>li a.toggle::after {
        display: none;
    }

    #contentwrap .accordionsection .accordion ul>li a.toggle::before {
        content: "+";
        position: absolute;
        left: 0;
    }

    #contentwrap .accordionsection .accordion ul>li a.toggle.active::before {
        content: "-";
    }

    #contentwrap .accordionsection #liveevents h3, #contentwrap .accordionsection #liveevents a.toggle::before {
        color: var(--liveeventsColor) !important;
    }

    #contentwrap .accordionsection #onlineevents h3, #contentwrap .accordionsection #onlineevents a.toggle::before {
        color: var(--onlineeventsColor) !important;
    }

    @media screen and (max-width:767px) {
        #contentwrap .accordionsection .accordion-row {
            margin-top: 40px;
        }
    }

    /*Bildboxen*/

    .bildboxen .row:first-of-type {
        margin-bottom: 30px;
    }

    .bildbox-wrap {
        margin-top: 30px;
    }

    .bildbox-wrap img {
        margin-bottom: 15px;
    }

    .bildbox-inner {
        height: 100%;
        padding-bottom: 35px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .bildbox-textwrap {
        padding: 0 30px;
    }

    .bildbox-wrap h3 {
        margin-bottom: 20px;
    }

    .bildbox-wrap .btn-primary {
        margin-top: 20px;
        margin-right: 15px;
    }

    .bildbox-textwrap:last-of-type {
        margin-top: auto;
    }

    .full_width_box .bildbox-inner {
        padding-top: 30px;
        display: block;
    }

    .full_width_box img {
        margin: 0 15px 25px 30px;
        max-width: calc(100% - 30px);
    }

    .full_width_box .btn-primary {
        margin-bottom: 35px;
    }

    .full_width_box .bildbox-textwrap {
        float: right;
        width: 75%;
    }

    .full_width_box .bildbox-bildwrap {
        width: 25%;
        float: left;
    }

    @media screen and (max-width:767px) {
        .bildbox-wrap {
            margin-top: 0px;
        }
        .bildbox-wrap:first-of-type {
            margin-top: 40px;
        }
        .full_width_box .bildbox-textwrap {
            float: none;
            width: 100%;
        }
        .full_width_box .bildbox-bildwrap {
            width: 100%;
            float: none;
        }
        .full_width_box img {
            margin: 0 15px 15px 30px;
            max-width: calc(40%);
        }
        .full_width_box .btn-primary {
            margin-bottom: 0px;
        }
        .bildboxen .row:first-of-type {
            margin-bottom: 0px;
        }
    }

    /*Teaser-Repeater*/

    .teaser {
        padding-bottom: 60px;
    }

    .teaser-intro:first-of-type {
        margin-bottom: 60px;
    }

    .teaser:last-of-type {
        border-bottom: 2px solid var(--lightGray);
    }

    .teaser .btn-secondary {
        color: var(--darkGray);
    }

    @media screen and (max-width:767px) {
        .teaser {
            padding-bottom: 40px;
        }
        .teaser:first-of-type {
            margin-top: 40px;
        }
        .teaser-img-wrap {
            width: calc(100% - 0px);
            margin: 0px 0 30px 0;
            padding-bottom: calc(100% - 0px);
        }
    }

    /*PopUp*/

    #popUp .close {
        position: absolute;
        top: -61px;
        right: 15px;
    }

    @media screen and (max-width:991px) {
        #popUp .close {
            top: -56px;
        }
    }

    #popUp {
        position: fixed;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.75);
        z-index: 111;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        padding-top: 100px;
        padding-bottom: 100px;
        overflow: scroll;
        color: var(--lightColor);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.5s;
    }

    #popUp.inactive {
        opacity: 0 !important;
        pointer-events: none !important;
    }

    #popUp img {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #popUp img.fs {
        object-fit: contain;
        object-position: bottom center;
    }

    #popUp p {
        margin-bottom: 15px;
    }

    #popUp p:last-of-type {
        margin-bottom: 0px;
    }

    #popUp .container {
        margin: auto;
    }

    #popUp .row {
        margin: 0;
    }

    #popUp .row.BGlightColor {
        color: var(--darkColor);
    }

    /*Online Events*/

    .online-events-feed {
        background-color: var(--darkColor);
        color: var(--lightColor);
        overflow: hidden;
    }

    .online-events-feed h2 {
        margin-bottom: 30px;
    }

    @media screen and (max-width:1355px) {
        .online-events-feed .container {
            padding-left: 30px;
            padding-right: 30px;
        }
    }

    @media screen and (max-width:767px) {
        .online-events-feed .container {
            padding-left: 0px;
            padding-right: 0px;
        }
    }

    .secondrowstart {
        margin-top: 75px;
    }

    .cpt-item .cpt-img-wrap {
        padding-top: 42.8571%;
        overflow: hidden;
    }

    /*.cpt-item .cpt-img-wrap img {
        height: 100% !important;
        width: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        object-position: center center;
        transition: 0.5s all !important;
    }*/

    .cpt-item .cpt-img-wrap img, .cpt-item img.full-width-img, .cpt-item .primary-img-link img {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        object-fit: cover;
        object-position: center center;
        transition: 0.5s all !important;
    }

    .online-events-feed .btn-primary {
        margin-top: 60px;
    }

    .cpt-subline {
        font: normal 400 var(--sublineSmall) 'Source Sans Pro', sans-serif;
    }

    .cpt-item h3 {
        font: normal 700 var(--tertiaryHead) 'Source Sans Pro', sans-serif;
        margin-bottom: 5px;
        color: var(--lightGray) !important;
    }

    .online-events-feed h2.cpt-archive-head {
        margin-bottom: 50px;
    }

    .cpt-flag {
        background-color: var(--onlineeventsColor);
        padding: 0px 10px 1.5px 10px;
        display: inline-block;
        margin-top: -15px;
        margin-bottom: 15px;
    }

    .cpt-item:not(.primary-cpt-item) .cpt-flag {
        margin-top: -30px;
        top: -12.5px;
        position: relative;
        z-index: 10;
        margin-bottom: 10px;
    }

    .cpt-flag a {
        color: var(--lightColor);
    }

    .cpt-author {
        color: var(--onlineeventsColor);
        margin-top: 5px;
        display: block;
    }

    .dg-artist-0 .referent-name-seperator, .dg-artist-1 .referent-name-seperator {
        display: none;
    }

    .referent-name-seperator {
        display: inline-block;
        margin-left: -3px;
    }

    .primary-cpt-item {
        padding-top: 42.8571%;
        margin: 0;
    }

    @media screen and (min-width:768px) {
        .primary-cpt-item {
            margin-bottom: 0px !important;
        }
        .primary-cpt-item .btn-secondary {
            height: 30px;
        }
        .primary-cpt-item:before {
            position: absolute;
            top: 0;
            left: 0;
            content: "";
            background-image: linear-gradient(to right, #000, rgba(0, 0, 0, 0));
            width: 66.666%;
            height: 100%;
            display: block;
            z-index: 10;
        }
    }

    .primary-cpt-item h2 {
        margin-bottom: 0px;
        color: var(--lightGray) !important;
    }

    .primary-cpt-item div.container div.btn-secondary-wrap {
        z-index: 11;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        max-width: 500px;
        width: 100%;
    }

    .primary-cpt-item .cpt-subline {
        font: normal 400 var(--sublineBig) 'Source Sans Pro', sans-serif;
    }

    .primary-cpt-item .primary-img-link {
        pointer-events: none;
    }

    @media screen and (max-width:767px) {
        .primary-cpt-item div.container div.btn-secondary-wrap {
            top: auto;
            transform: translateY(0);
            margin-top: -15px;
        }
        .cpt-author {
            margin-top: 0px;
        }
        .cpt-item {
            margin-bottom: 45px;
        }
        .cpt-item-inner-text {
            padding-left: 30px;
            padding-right: 30px;
        }
        .cpt-flag {
            margin-bottom: 10px;
        }
        .cpt-item:not(.primary-cpt-item) .cpt-flag {
            margin-bottom: 0px;
        }
        .online-events-feed .btn-primary {
            margin-top: 0px;
        }
        .primary-cpt-item h2 {
            font: normal 700 var(--tertiaryHead) 'Source Sans Pro', sans-serif;
            margin-bottom: 10px;
        }
        .primary-cpt-item .primary-img-link {
            pointer-events: all;
        }
        .primary-cpt-item:hover .btn-secondary span {
            transform: translateX(0px);
        }
    }

    /*CPT -Archive*/

    .cpt-intro {
        padding-top: 120px !important;
        background-color: var(--darkColor);
        color: var(--lightColor);
    }

    .cpt-intro img {
        margin: 0 45px;
        width: calc(100% - 90px);
    }

    .cpt-intro p a {
        color: var(--onlineeventsColor);
        border-bottom: 1px dotted var(--onlineeventsColor);
    }

    .cpt-archive .cpt-item {
        margin-bottom: 45px;
    }

    .cpt-archive .pagination {
        flex: 0 0 100%;
        padding-right: 15px;
        padding-left: 15px;
        display: flex;
        justify-content: space-between;
    }

    .cpt-archive .pagination .btn-primary {
        margin-top: 0px;
    }

    @media screen and (max-width:767px) {
        .cpt-intro {
            padding-top: 40px !important;
        }
        .cpt-archive .pagination {
            padding-right: 45px;
            padding-left: 45px;
        }
        .cpt-intro img {
            margin: 30px 45px 0 45px;
        }
    }

    /*CPT-Single*/

    .single .cpt-single-flag-wrap {
        margin-top: -12.5px;
    }

    .single h1 {
        margin-top: 35px;
    }

    .single .cpt-subline {
        font: normal 400 var(--tertiaryHead) 'Source Sans Pro', sans-serif;
    }

    @media screen and (max-width:767px) {
        .single h1 {
            margin-top: 30px;
        }
    }

    /*CPT no-events*/

    @media screen and (max-width:767px) {
        .no-events {
            margin-left: 30px !important;
        }
        .online-events-feed .no-events {
            margin-bottom: 40px !important;
        }
    }

    /*Blog*/

    /*Spielorte*/

    .single-spielorte .cpt-flag {
        background-color: var(--liveeventsColor);
    }

    /*Referenten*/

    #referenten-archive-menu {
        margin-top: 60px;
    }

    #referenten-archive-menu ul {
        margin-bottom: 0px !important;
        display: flex;
        justify-content: space-between;
        border-bottom: 2px solid var(--lightGray);
        border-top: 2px solid var(--lightGray);
    }

    .all-referents {
        margin-bottom: 15px;
    }

    #referenten-archive-menu li {
        display: inline-block;
        /* border: 2px solid var(--lightGray);*/
        flex: 0 0 3.995%;
        padding: 12.5px 0 12.5px 0;
        text-align: center;
        margin-left: -2px;
        color: var(--lightGray);
        position: relative;
    }

    #referenten-archive-menu li.current-menu-item a {
        color: var(--liveeventsColor);
    }

    #referenten-archive-menu li.current-menu-item a:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        position: absolute;
        bottom: 0;
        left: calc(50% - 6px);
        border-bottom: 10px solid var(--liveeventsColor);
    }

    #referenten-archive-menu li a {
        color: var(--darkGray);
    }

    #referenten-archive-menu li a:hover {
        color: var(--liveeventsColor);
    }

    #referenten-archive-menu li:before {
        display: none;
    }

    .post-type-archive-referenten .pagination {
        flex: 0 0 100%;
        padding-right: 0px;
        padding-left: 0px;
        display: flex;
        justify-content: space-between;
        margin-top: 45px;
    }

    .post-type-archive-referenten .cpt-intro, .tax-referenten-glossar .cpt-intro {
        background-color: var(--lighterGray);
        color: var(--darkColor);
    }

    .post-type-archive-referenten .cpt-intro p a,
    .tax-referenten-glossar .cpt-intro p a
     {
        color: var(--liveeventsColor);
        border-bottom: 1px dotted var(--liveeventsColor);
    }

    .post-type-archive-referenten .cpt-intro img, .tax-referenten-glossar .cpt-intro img {
        position: absolute;
        bottom: -70px;
    }

    @media screen and (max-width:767px) {
        #referenten-archive-menu {
            margin-top: 40px;
        }
        .post-type-archive-referenten .cpt-intro img, .tax-referenten-glossar .cpt-intro img {
            display: none;
        }
        .post-type-archive-referenten .pagination, .tax-referenten-glossar .pagination {
            margin-bottom: 50px;
            margin-top: 0px;
        }
        .post-type-archive-referenten #contentwrap .pagination a, .tax-referenten-glossar .pagination a {
            width: auto;
        }
        #referenten-archive-menu ul {
            display: inline-block;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        #referenten-archive-menu li.current-menu-item a:after {
            display: none;
        }
        #referenten-archive-menu li {
            padding: 0px 10px;
            line-height: 0;
            width: 30px;
        }
        #referenten-archive-menu li a {
            line-height: 0;
        }
        #referenten-archive-menu li a:not(.static-btn), #referenten-archive-menu li {
            font-size: var(--smallerParagraphs) !important;
        }
    }

    .post-type-archive-referenten .formate p, .post-type-archive-referenten .formate h3, .tax-referenten-glossar .formate h3, .tax-referenten-glossar .formate p {
        color: var(--darkColor);
    }

    .post-type-archive-referenten .cpt-intro, .tax-referenten-glossar .cpt-intro {
        padding-top: 60px !important;
    }

    .post-type-archive-referenten .referenten-seperator, .tax-referenten-glossar .referenten-seperator {
        margin-left: 0px;
        margin-right: 0px;
    }

    .post-type-archive-referenten .referenten-seperator .btn-secondary-wrap, .tax-referenten-glossar .referenten-seperator .btn-secondary-wrap {
        margin-bottom: 0px;
        padding-bottom: 60px;
        padding-top: 60px;
    }

    .post-type-archive-referenten .referenten-seperator .btn-secondary-wrap:nth-of-type(odd):after, .tax-referenten-glossar .referenten-seperator .btn-secondary-wrap:nth-of-type(odd):after {
        border-bottom: 2px solid var(--lightGray);
        position: absolute;
        content: "";
        left: 0;
        bottom: -1px;
        display: inline-block;
        width: 200%;
        height: 1px;
    }

    .post-type-archive-referenten .formate a.btn-secondary, .tax-referenten-glossar .formate a.btn-secondary {
        color: var(--darkGray);
    }

    .single-referenten .single-content-wrap {
        display: initial;
    }

    .single-referenten .post-element:last-of-type a {
        margin-top: 15px;
        display: inline-block;
    }

    .single-referenten #contentwrap .single-content-wrap a {
        color: var(--darkColor);
        font: normal 400 var(--paragraphs) 'Source Sans Pro', sans-serif;
    }

    .single-referenten .tippelement img {
        margin-top: 15px;
    }

    .single-referenten h1 {
        margin-top: 15px;
    }

    .single-referenten .tipps:after {
        border-bottom: 2px solid var(--lightGray);
        content: "";
        width: 100%;
        height: 0px;
        display: inline-block;
        position: absolute;
        bottom: -65px;
    }

    @media screen and (max-width:767px) {
        .single-referenten .referenten-img-wrap {
            margin-bottom: 30px;
        }
        .single-referenten .tipps:after {
            display: none;
        }
        .post-type-archive-referenten #contentwrap a, .tax-referenten-glossar #contentwrap a {
            width: 100%;
        }
        .post-type-archive-referenten #contentwrap .referenten-seperator, .tax-referenten-glossar #contentwrap .referenten-seperator {
            flex: 0 0 100%;
            padding-bottom: 15px;
            padding-top: 35px;
        }
        .post-type-archive-referenten #contentwrap .referenten-seperator .row, .tax-referenten-glossar #contentwrap .referenten-seperator .row {
            flex: 0 0 100%;
        }
        .post-type-archive-referenten .formate .btn-secondary-wrap, .post-type-archive-referenten .referenten-img-wrap, .tax-referenten-glossar .formate .btn-secondary-wrap, .tax-referenten-glossar .referenten-img-wrap {
            margin-bottom: 0px;
        }
        .post-type-archive-referenten .referenten-img-wrap, .tax-referenten-glossar .referenten-img-wrap {
            margin-top: 0px;
        }
        .post-type-archive-referenten .referenten-seperator .btn-secondary-wrap, .tax-referenten-glossar .referenten-seperator .btn-secondary-wrap {
            padding-bottom: 30px;
            padding-top: 30px;
            padding-left: 0px;
            padding-right: 0px;
        }
        .post-type-archive-referenten .referenten-seperator .btn-secondary-wrap:first-of-type, .tax-referenten-glossar .referenten-seperator .btn-secondary-wrap:first-of-type {
            padding-top: 0px;
        }
        .post-type-archive-referenten .referenten-seperator .btn-secondary-wrap:last-of-type, .tax-referenten-glossar .referenten-seperator .btn-secondary-wrap:last-of-type {
            border: none;
        }
        .post-type-archive-referenten .cpt-intro, .tax-referenten-glossar .cpt-intro {
            padding-top: 40px !important;
        }
        .post-type-archive-referenten .referenten-seperator .btn-secondary-wrap:after, .tax-referenten-glossar .referenten-seperator .btn-secondary-wrap:after {
            border-bottom: 2px solid var(--lightGray);
            position: absolute;
            content: "";
            left: 0;
            bottom: -1px;
            display: inline-block;
            width: 100%;
            height: 1px;
        }
        .post-type-archive-referenten .referenten-seperator .btn-secondary-wrap:nth-of-type(odd):after, .tax-referenten-glossar .referenten-seperator .btn-secondary-wrap:nth-of-type(odd):after {
            width: 100%;
        }
        .post-type-archive-referenten .referenten-seperator .btn-secondary-wrap:last-of-type:after, .tax-referenten-glossar .post-type-archive-referenten .referenten-seperator .btn-secondary-wrap:last-of-type:after {
            display: none !important;
        }
    }

    /*Teammitglieder*/

    .post-type-archive-teammitglieder .formate p, .post-type-archive-teammitglieder .formate h3 {
        color: var(--darkColor);
    }

    .post-type-archive-teammitglieder .team-seperator {
        margin-left: 0px;
        margin-right: 0px;
    }

    .post-type-archive-teammitglieder .team-seperator .btn-secondary-wrap {
        margin-bottom: 0px;
        padding-bottom: 60px;
        padding-top: 60px;
    }

    .post-type-archive-teammitglieder .team-seperator .btn-secondary-wrap:nth-of-type(odd):after {
        border-bottom: 2px solid var(--lightGray);
        position: absolute;
        content: "";
        left: 0;
        bottom: -1px;
        display: inline-block;
        width: 200%;
        height: 1px;
    }

    .post-type-archive-teammitglieder .formate a.btn-secondary {
        color: var(--darkGray);
    }

    .post-type-archive-teammitglieder .intro-team {
        margin-top: -2px;
        position: relative;
        z-index: 2;
    }

    .post-type-archive-teammitglieder .team-seperator a {
        display: inline-block;
        margin: 10px 0 0 0;
    }

    @media screen and (max-width:767px) {
        /* .post-type-archive-teammitglieder #contentwrap a {
            width: 100%;
        }*/
        .post-type-archive-teammitglieder #contentwrap .team-seperator {
            flex: 0 0 100%;
            padding-bottom: 20px;
            padding-top: 40px;
        }
        .post-type-archive-teammitglieder #contentwrap .team-seperator .row {
            flex: 0 0 100%;
        }
        .post-type-archive-teammitglieder .formate .btn-secondary-wrap, .post-type-archive-teammitglieder .team-img-wrap {
            margin-bottom: 0px;
        }
        .post-type-archive-teammitglieder .team-seperator .btn-secondary-wrap {
            padding-bottom: 30px;
            padding-top: 30px;
            padding-left: 0px;
            padding-right: 0px;
        }
        .post-type-archive-teammitglieder .team-seperator .btn-secondary-wrap:first-of-type {
            padding-top: 5px;
        }
        .post-type-archive-teammitglieder .team-seperator .btn-secondary-wrap:last-of-type {
            border: none;
        }
        .post-type-archive-teammitglieder .team-seperator .btn-secondary-wrap:after {
            border-bottom: 2px solid var(--lightGray);
            position: absolute;
            content: "";
            left: 0;
            bottom: -1px;
            display: inline-block;
            width: 100%;
            height: 1px;
        }
        .post-type-archive-teammitglieder .team-seperator .btn-secondary-wrap:nth-of-type(odd):after {
            width: 100%;
        }
        .post-type-archive-teammitglieder .team-seperator .btn-secondary-wrap:last-of-type:after {
            display: none !important;
        }
    }

    /*Liveevents*/

    .post-type-archive-liveevents .cpt-author a, .tax-event-format .cpt-author a {
        pointer-events: none;
    }

    .post-type-archive-liveevents .meta-filter-liveevents, .term-archiv .meta-filter-liveevents {
        display: flex;
        justify-content: space-between;
        padding: 0 15px;
        margin-bottom: 15px;
        font: normal 400 var(--smallerParagraphs) 'Source Sans Pro', sans-serif;
        color: var(--darkGray);
    }

    .post-type-archive-liveevents .meta-filter-liveevents a, .term-archiv .meta-filter-liveevents a {
        font: normal 400 var(--smallerParagraphs) 'Source Sans Pro', sans-serif;
        color: var(--darkGray);
    }

    .post-type-archive-liveevents .reset-filter span {
        display: inline-block;
        margin-right: 2.5px;
    }

    @media screen and (max-width: 767px) {
        .post-type-archive-liveevents .meta-filter-liveevents {
            padding-left: 45px;
            padding-right: 45px;
        }
    }

    .post-type-archive-liveevents .static-btn {
        float: right;
    }

    .le-status {
        cursor: help;
        position: relative;
    }

    .le-status::after {
        opacity: 0;
        position: absolute;
        pointer-events: none;
    }

    .le-status:hover::after, .le-status:focus::after {
        opacity: 1;
        transform: scale(1) translateX(0);
        z-index: 100;
    }

    .le-status::after {
        background: var(--lightGray);
        border-radius: 0em;
        bottom: -17.5px;
        color: var(--darkColor);
        content: attr(data-tip);
        margin-left: -125px;
        padding: 14px 13.5px 15px 13.5px;
        transition: all .35s;
        transform: scale(1) translateX(50%);
        width: 225px;
        text-align: center;
        font: normal 400 var(--smallFS) 'Source Sans Pro', sans-serif;
    }

    .le-status:hover::after, .le-status:focus::after {
        transition: all .35s;
        pointer-events: all;
    }

    @media screen and (max-width:991px) {
        .le-status::after {
            bottom: -13.5px;
            margin-left: -100px;
            padding: 11.5px 12.5px 11.5px 10px;
            width: 185px;
        }
    }

    @media screen and (max-width:767px) {
        .le-status::after {
            margin-left: -110px;
        }
    }

    .le-status {
        width: 12px;
        border-radius: 50%;
        height: 12px;
        display: inline-block;
        margin-top: 16px;
    }

    @media screen and (max-width:991px) {
        .le-status {
            width: 10px;
            height: 10px;
            margin-top: 12.5px;
        }
    }

    .le-status-green.le-status {
        background-color: #2CD14C;
    }

    .le-status-orange.le-status {
        background-color: #ff9933;
    }

    .le-status-red.le-status {
        background-color: #ff0000;
    }

    .le-status-yellow.le-status {
        background-color: #ccff33;
    }

    .ticket-btn img, .le-icon {
        transition: 0.35s all;
    }

    .ticket-btn img:hover, .le-icon:hover {
        transform: scale(0.95) !important;
    }

    .ticket-btn.disabled{
        pointer-events: none;
        display: inline-block;
        position: relative;
    }

    .ticket-btn.disabled img{
        opacity: 0.25;
    }

    .ticket-btn.disabled:after{
        background-color: #ff0000;
        font: normal 700 10px 'Source Sans Pro', sans-serif;
        position: absolute;
        padding: 3px 5px;
        content:"Sold out!";
        right: 10px;
        bottom: -7.5px;
        z-index: 101;
        display: inline-block;
        color: var(--lightColor);
        transform: skew(-0deg, -2deg);
    }

    .list-view .ticket-btn.disabled:after,
    .live-events-feed .ticket-btn.disabled:after{      
        bottom: 0px;
    }

    .single-liveevents .table-row, .post-type-archive-liveevents .table-row, .tax-event-format .table-row {
        justify-content: space-between;
    }

    .single-liveevents .table-row div:last-of-type, .post-type-archive-liveevents .table-row div:last-of-type, .tax-event-format .table-row div:last-of-type {
        display: inline-flex;
    }

    .single-liveevents .table-row div:last-of-type .le-btn, .post-type-archive-liveevents .table-row div:last-of-type .le-btn, .tax-event-format .table-row div:last-of-type .le-btn {
        padding-left: 20px;
    }

    .single-liveevents .table-row div:last-of-type .ticket-btn, .post-type-archive-liveevents .table-row div:last-of-type .ticket-btn, .tax-event-format .table-row div:last-of-type .ticket-btn {
        line-height: 1;
    }

    .single-liveevents .table-row div, .post-type-archive-liveevents .table-row div, .post-type-archive-liveevents .table-row div:last-of-type .ticket-btn, .tax-event-format .table-row div {
        display: initial;
        line-height: 1;
    }

    .post-type-archive-liveevents .liveevents-single-ticket-overview .single-liveevents .table-row div span, .post-type-archive-liveevents .single-liveevents .table-row div span, .tax-event-format .single-liveevents .table-row div span {
        display: inline-block;
    }

    .liveevents-archive-ticket-overview {
        margin: 30px 0 0 0;
    }

    .single-liveevents .table-row div span.le-location, .post-type-archive-liveevents .table-row div span.le-location, .tax-event-format .table-row div span.le-location {
        display: block;
    }

    @media screen and (max-width:991px) {
        .single-liveevents .table-row div:last-of-type .le-btn, .post-type-archive-liveevents .table-row div:last-of-type .le-btn, .tax-event-format .table-row div:last-of-type .le-btn {
            padding-left: 12.5px;
            margin-right: 0px;
        }

        .ticket-btn.disabled:after{
            font: normal 700 8px 'Source Sans Pro', sans-serif;
            right: 8px;
            bottom: -5px;
        }

       
        .list-view .ticket-btn.disabled:after,
        .live-events-feed .ticket-btn.disabled:after{
            bottom: 1.5px;
        }
    
    }

    @media screen and (max-width:767px) {
        .single-liveevents .table-row, .post-type-archive-liveevents .table-row, .tax-event-format .table-row {
            padding: 15px 0;
        }
        .le-status {
            width: 10px;
            height: 10px;
            margin-top: 12.5px;
        }

        .single-liveevents .table-row div:last-of-type {
            margin-top: 5px;
            margin-bottom: 12.5px;
            width: 100%;
        }
        .post-type-archive-liveevents .table-row div:last-of-type, .tax-event-format .table-row div:last-of-type {
            margin-top: 5px;
            width: 100%;
        }
        .single-liveevents .ical-link {
            margin-top: 1px !important;
        }
        .single-liveevents .table-row .le-city p:after, .post-type-archive-liveevents .table-row .le-city p:after, .tax-event-format .table-row .le-city p:after {
            display: none;
        }
        .le-status:before {
            content: "";
            width: 10px;
            border-radius: 50%;
            height: 10px;
            display: inline-block;
        }
        .single-liveevents .table-row .le-btn, .post-type-archive-liveevents .table-row .le-btn, .tax-event-format .table-row .le-btn {
            margin-top: 0px;
        }
        .post-type-archive-liveevents .table-row .le-location, .tax-event-format .table-row .le-location {
            margin-bottom: 12.5px;
        }
    }

    /*Liveevents Highlightbox*/

    .single-liveevents .highlightbox {
        margin: 0;
    }

    .single-liveevents .highlightbox-inner {
        background-color: var(--lightGray);
    }

    .single-liveevents .highlightbox-inner a {
        border-bottom: 1px dotted var(--darkColor);
    }

    /*Archive Live Events*/

    .post-type-archive-liveevents .cpt-intro, .tax-event-format .cpt-intro {
        background-color: var(--lightColor) !important;
        color: var(--darkColor) !important;
    }

    .post-type-archive-liveevents .cpt-intro p a,
    .tax-event-format .cpt-intro p a
     {
        color: var(--liveeventsColor);
        border-bottom: 1px dotted var(--liveeventsColor);
    }

    .post-type-archive-liveevents .list-view .pagination {
        padding-left: 0px;
        padding-right: 0px;
        border-top: 2px solid var(--lightGray);
        padding-top: 50px;
    }

    @media screen and (max-width:767px) {
        .post-type-archive-liveevents .programm, .tax-event-format .programm {
            padding-left: 0px;
            padding-right: 0px;
        }
        .post-type-archive-liveevents .list-view {
            padding-left: 45px;
            padding-right: 45px;
        }
        .post-type-archive-liveevents .pagination {
            padding-left: 45px;
            padding-right: 45px;
        }
    }

    .filter-liveevents {
        margin: 0 0px 60px 0px;
    }

    .filter-liveevents form {
        display: flex;
        flex-wrap: wrap;
    }

    .filter-liveevents select {
        appearance: none;
        -webkit-appearance: none;
        border-radius: 0;
        border: none;
        border-bottom: 2px solid var(--lightGray);
        position: relative;
        float: left;
        width: calc(25% - 30px);
        font: normal 400 var(--paragraphs) 'Source Sans Pro', sans-serif;
        padding: 10px 0px 10px 34px;
        margin: 0 15px;
        outline: 0;
        background-repeat: no-repeat;
        background-position: left center, center right;
        background-color: var(--lightColor);
        color: var(--darkColor);
    }

    @media screen and (max-width:991px) {
        .filter-liveevents select {
            width: calc(50% - 30px);
        }
    }

    @media screen and (max-width:767px) {
        .filter-liveevents select {
            width: calc(100% - 30px);
        }
        .filter-liveevents {
            margin: 0 30px 40px 30px;
        }
    }

    .filter-liveevents select:first-of-type {
        background-image: url(../_img/ico-world.svg), url(../_img/select-down.svg);
        background-size: auto 31.5px, 16px 8px;
    }

    .filter-liveevents select:nth-of-type(2) {
        background-image: url(../_img/ico-date.svg), url(../_img/select-down.svg);
        background-size: auto 27px, 16px 8px;
    }

    .filter-liveevents select:nth-of-type(3) {
        background-image: url(../_img/ico-location.svg), url(../_img/select-down.svg);
        background-size: auto 27px, 16px 8px;
    }

    .filter-liveevents select:nth-of-type(4) {
        background-image: url(../_img/ico-referent.svg), url(../_img/select-down.svg);
        background-size: auto 27.5px, 16px 8px;
    }

    @media screen and (max-width:991px) {
        .filter-liveevents select {
            padding-left: 30px;
            margin: 5px 15px;
        }
        .filter-liveevents select:first-of-type {
            background-size: auto 27px, 16px 8px;
        }
        .filter-liveevents select:nth-of-type(2) {
            background-size: auto 24px, 16px 8px;
        }
        .filter-liveevents select:nth-of-type(3) {
            background-size: auto 26px, 16px 8px;
        }
        .filter-liveevents select:nth-of-type(4) {
            background-size: auto 26px, 16px 8px;
        }
    }

    /*Single Live Events*/

    .single-liveevents .cpt-flag {
        background-color: var(--liveeventsColor);
        color: var(--lightColor);
    }

    .single-liveevents .cpt-flag p a {
        border-bottom: none;
        pointer-events: none;
    }

    .single-liveevents .liveevents-single-ticket-overview {
        margin: 45px 0 0px 0;
    }

    .single-liveevents .referent_output a {
        border-bottom: none;
        color: var(--liveeventsColor);
        font-weight: bold;
    }

    .single-liveevents #contentwrap .meta-posts {
        padding-top: 50px;
    }

    .single-liveevents .table-row {
        padding-bottom: 0px;
    }

    .single-liveevents .ical-link {
        font: normal 600 var(--smallerParagraphs) 'Source Sans Pro', sans-serif;
        color: var(--darkGray);
        margin-bottom: 12.5px;
        position: relative;
    }

    .single-liveevents .ical-link img {
        width: 27px;
        height: 15px;
        margin-right: 10px;
    }

    @media screen and (max-width:767px) {
        .single-liveevents #contentwrap .meta-posts {
            padding-top: 40px;
            margin-bottom: 50px;
        }
    }

    .single-liveevents .cpt-flag {
        background-color: var(--liveeventsColor);
        color: var(--lightColor);
    }

    .single-liveevents .cpt-flag p a {
        border-bottom: none;
        pointer-events: none;
    }

    .single-liveevents .referent_output a {
        border-bottom: none;
        color: var(--liveeventsColor);
        font-weight: bold;
    }

    .single-liveevents #contentwrap .meta-posts {
        padding-top: 50px;
    }

    .single-liveevent-scroll-link {
        border-bottom: none !important;
    }

    @media screen and (max-width:767px) {
        .single-liveevents #contentwrap .meta-posts {
            padding-top: 40px;
            margin-bottom: 50px;
        }
    }

    /*Online Events*/

    .single-onlineevents .post-element-cpt.post-element {
        border-bottom: 2px solid var(--darkGray);
    }

    .single-onlineevents .dg-artist-name a {
        border-bottom: none !important;
    }

    .single-onlineevents #contentwrap .infobox a {
        border-bottom: none;
        color: var(--onlineeventsColor);
    }

    .single-onlineevents #contentwrap .infobox p {
        display: flex;
        align-items: center;
    }

    .single-onlineevents #contentwrap .infobox img {
        margin-right: 10px;
    }

    .single-onlineevents .post-element-cpt.post-element.post-element-veranstaltungspartner {
        border-top: 2px solid var(--darkGray);
    }

    .single-onlineevents .stoerer-newsletter, .single-onlineevents .galerie {
        background-color: var(--darkColor) !important;
    }

    .single-onlineevents .galerie {
        padding-top: 45px !important;
    }

    .single-onlineevents a.dg-artist {
        color: var(--lightColor);
    }

    .placeholder {
        background-color: red;
        padding: 60px;
    }

    .infobox {
        border-top: 2px solid var(--darkGray);
        border-bottom: 2px solid var(--darkGray);
        padding: 15px 0;
        margin: 20px 0;
    }

    .infobox p {
        font-style: italic !important;
        line-height: 1.5;
    }

    .infobox a {
        color: var(--onlineeventsColor);
        text-decoration: underline;
    }

    .badge {
        position: absolute;
        right: 15px;
        background-color: #FCE037;
        display: flex;
        border-radius: 50%;
        color: var(--darkColor);
        width: 112px;
        height: 112px;
        align-items: center;
        text-align: center;
        transition: 0.35s all;
    }

    .badge:hover {
        transform: scale(1.05);
    }

    .badge p {
        line-height: 0.9;
    }

    .badge p strong {
        font-size: var(--badgeFS) !important;
    }

    .single-onlineevents .cpt-flag {
        margin-top: 0px;
    }

    .single-onlineevents #contentwrap section:first-of-type {
        padding-top: 120px;
    }

    @media screen and (max-width:767px) {
        .badge {
            width: 64px;
            height: 64px;
        }
        .badge p {
            line-height: 0.5;
        }
        .single-onlineevents .tippelement {
            margin-bottom: 40px;
        }
        .single-onlineevents .tippelement:last-of-type {
            margin-bottom: 0px;
        }
        .single-onlineevents .galerie {
            padding-top: 25px !important;
        }
        .single-onlineevents .online-events-feed h2 {
            margin-left: 30px;
        }
        .single-onlineevents #contentwrap section:first-of-type {
            padding-top: 40px;
        }
        .single-onlineevents .stoerer-newsletter {
            background-color: var(--darkGray) !important;
        }
    }

    /*workshops*/

    .single-onlineevents #contentwrap .accordion ul>li a.toggle{
        color: var(--lightColor);
    }

    .single-onlineevents .accordion ul .inner a {
        border-bottom: 1px dotted var(--onlineeventsColor);
        color: var(--onlineeventsColor);
        }

    .single-onlineevents  #contentwrap .ws-flex-elem-wrap{
        margin-bottom: -30px;
    }

    .single-onlineevents  #contentwrap .ws-flex-elem-wrap .ws-flex-elem.galerie{
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .single-onlineevents  #contentwrap .ws-flex-elem-wrap .post-element{
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    /* 5.1 Posts
##################################################### */

    /**/

    .blog .btn-secondary span {
        width: 155px;
        transform: translateX(-115px);
    }

    /*Single Posts*/

    .single-content-wrap {
        display: flex;
        flex-wrap: wrap;
    }

    .single-content-wrap h1, .single-content-wrap h3 {
        flex: 0 0 100%;
    }

    .post-element {
        margin: 15px 0 15px 0;
        line-height: 1;
        flex: 0 0 100%;
    }

    .post-element.post-element-bild {
        margin: 15px 0 10px 0;
    }

    .single-content-wrap .post-element:last-of-type {
        margin-bottom: 0;
    }

    .post-element p {
        margin-bottom: 20px;
    }

    .post-element p:last-of-type {
        margin-bottom: 0px;
    }

    .single-thumbnail-wrap .post-thumbnail .img-wrap {
        padding-top: 42.8571%;
        overflow: hidden;
        position: relative;
    }

    .single-thumbnail-wrap .post-thumbnail .img-wrap img {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        object-position: center center;
    }

    @media screen and (max-width:767px) {
        .single-thumbnail-wrap, .single-thumbnail-wrap .container {
            padding: 0 !important;
        }
        .single-thumbnail-wrap .cpt-flag {
            margin-left: 30px;
        }
    }

    /*post-element-cpt*/

    .post-element-cpt.post-element {
        padding: 60px 0 60px 0;
        margin: 0;
        border-bottom: 2px solid var(--lightGray);
    }

    @media screen and (max-width:767px) {
        .post-element-cpt.post-element {
            padding: 40px 0 40px 0;
        }
    }

    /*Post-Element-Referent*/

    @media screen and (max-width:767px) {
        .post-element-referenten a.btn-secondary {
            margin-top: 15px;
        }
    }

    /*Galerie*/

    .galerie {
        margin-top: -2px;
    }

    .galerie-box-inner {
        position: relative;
        padding-bottom: 55%;
    }

    @media screen and (max-width:768px) {
        .galerie-box-inner {
            margin-bottom: 15px;
        }
    }

    img.cssbox_thumb {
        height: 100%;
        width: 100%;
        position: absolute;
        object-fit: cover;
    }

    .galerie .row .col-12:last-of-type .cssbox_next, .galerie .row .col-12:first-of-type .cssbox_prev {
        opacity: 0.5;
        cursor: no-drop;
        pointer-events: none;
    }

    .galerie {
        z-index: 11;
        position: relative;
        margin: -2px 0px 0 0;
        padding: 0 30px;
        background-color: var(--lightColor);
    }

    @media screen and (max-width:767px) {
        .galerie a[id*="image"] {
            pointer-events: none;
        }
    }

    /*Referent*/

    .post-element-referenten a.btn-secondary {
        color: var(--darkGray);
    }

    .post-element-referenten h3 a {
        color: var(--darkColor);
    }

    .single-onlineevents .post-element-referenten h3 a {
        color: var(--lightColor);
    }

    /*Veranstaltungspartner*/

    .post-element-cpt .partner-loop {
        border-bottom: none;
        padding: 0;
    }

    .post-element-cpt .partner-loop a {
        display: block;
        position: relative;
        padding-bottom: 75%;
    }

    .post-element-cpt .partner-loop a img {
        position: absolute;
        left: 0;
        top: 0;
    }

    /*Highlightbox*/

    .highlightbox {
        background-color: rgba(255, 255, 255, 0.25);
    }

    .highlightbox-inner {
        padding: 30px 30px 35px 30px;
    }

    .highlightbox-inner p, .highlightbox-inner p strong, .highlightbox-inner a, .highlightbox-inner li {
        font-style: italic;
    }

    .highlightbox-inner a {
        transition: 0.35s all;
    }

    .highlightbox-inner a:hover {
        opacity: 0.5;
    }

    .highlightbox-inner a {
        border-bottom: 1px dotted var(--lightColor);
    }

    /*Accordion*/

    #contentwrap .accordion ul {
        list-style: none !important;
        padding: 0;
    }

    #contentwrap .accordion h3 {
        margin-bottom: 25px;
    }

    #contentwrap ul.accordion {
        margin-bottom: 10px;
        margin-top: 2px;
    }

    .accordion ul .inner {
        padding: 0px 20px 15px 20px;
        overflow: hidden;
        display: none;
        margin-bottom: 0px;
    }

    .accordion ul .inner p {
        margin-bottom: 15px;
    }

    .accordion ul .inner a {
        border-bottom: 1px dotted var(--darkColor);
        color: var(--darkColor);
    }

    .accordion ul .inner p:last-of-type {
        margin-bottom: 0px;
    }

    .accordion ul>li:before {
        display: none;
    }

    #contentwrap .accordion>li {
        border: 2px solid var(--lightGray);
        margin-top: -2px;
    }

    #contentwrap .accordion ul>li a.toggle {
        width: 100%;
        position: relative;
        display: block;
        color: var(--darkColor);
        padding: 15px 20px;
        transition: background 0.3s ease;
        font-weight: bold;
    }

    #contentwrap .accordion ul>li a.toggle::after {
        content: "";
        position: absolute;
        right: 20px;
        top: calc(50% - 15px);
        width: 15px;
        height: 30px;
        background-image: url(../_img/toggle-down.svg);
        background-size: 15px 30px;
        background-position: center center;
        background-repeat: no-repeat;
    }

    #contentwrap .accordion ul>li a.toggle.active::after {
        transform: rotate(-180deg);
    }

    @media screen and (max-width:991px) {
        #contentwrap .accordion ul>li a.toggle::after {
            top: calc(50% - 10px);
            width: 10px;
            height: 20px;
            background-image: url(../_img/toggle-down.svg);
            background-size: 10px 20px;
        }
    }

    /*Meta Section*/

    .shariff li {
        list-style-type: none;
    }

    .shariff li::before {
        display: none;
    }

    .meta-posts .shariff li {
        margin: 0px !important;
    }

    .meta-posts .shariff {
        margin-top: 10px;
    }

    .meta-posts .cat-list {
        margin-top: 15px;
    }

    .meta-posts .cat-list a {
        color: var(--lightColor);
        margin-right: 10px;
    }

    @media screen and (max-width:767px) {
        .meta-posts .cat-list {
            margin-top: 12.5px;
        }
    }

    .top-share-meta {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex: 0 0 100%;
        margin-top: 15px;
    }

    .top-share-meta a {
        font: normal 400 var(--paragraphs) 'Source Sans Pro', sans-serif;
        color: var(--darkGray);
    }

    .top-share-meta .shariff li a {
        background-color: transparent !important;
    }

    .top-share-meta .shariff li a, .top-share-meta .shariff li {
        background-color: transparent !important;
        margin: 0 !important;
    }

    .top-share-meta .shariff li a svg {
        margin: 0 !important;
    }

    .top-share-meta .shariff li a svg path {
        fill: var(--darkGray) !important;
    }

    .top-share-meta .ical-link {
        margin-left: 30px;
    }

    .ical-link {
        display: flex;
        align-items: center;
    }

    .ical-link img {
        margin-right: 10px;
        margin-top: 2.5px;
    }

    @media screen and (max-width:767px) {
        .top-share-meta .ical-link {
            margin-left: 00px;
            flex: 0 0 100%;
            margin-top: 15px;
        }
    }

    /* 6.1 Footer
##################################################### */

    footer {
        background-color: var(--darkColor);
        color: var(--lightColor);
        display: flex;
        padding-top: 100px;
        padding-bottom: 20px;
        align-self: flex-end;
        overflow: hidden;
        line-height: 0;
    }

    footer .container {
        position: relative;
    }

    footer .footer-adress {
        flex-direction: column;
        align-items: flex-start;
        display: flex;
    }

    #footer-logo {
        margin-top: 10px;
    }

    .footer-fs {
        position: absolute;
        bottom: -20px;
    }

    footer #legal {
        margin-top: auto;
        display: flex;
        font: normal 400 var(--smallFS) 'Source Sans Pro', sans-serif;
        color: #707070;
    }

    footer #legal span {
        padding: 0 5px;
    }

    footer #legal a {
        font: normal 400 var(--smallFS) 'Source Sans Pro', sans-serif;
        color: #707070;
    }

    footer #legal a:hover {
        color: var(--darkGray);
    }

    footer a.sm-btn {
        margin-right: 20px;
        transition: 0.5s all;
    }

    footer a.sm-btn:hover {
        opacity: 0.5;
    }

    footer p {
        margin: 10px 0 30px 0;
    }

    footer a {
        color: var(--lightColor);
        transition: 0.35s all;
    }

    footer a:hover {
        color: var(--darkGray);
    }

    .btn-footer {
        background-color: var(--darkGray);
        color: var(--lightColor);
        top: 50%;
        right: 30px;
        font: normal 400 var(--paragraphs) 'Source Sans Pro', sans-serif;
        text-align: center;
        transform: translate(0%, -50%);
        width: 113px;
        height: 113px;
    }

    .btn-footer:after {
        border-right: solid var(--darkGray) 3px;
        border-left: solid var(--darkGray) 3px;
        width: 136px;
        height: 136px;
        top: -12px;
        left: -12px;
    }

    .btn-footer div {
        padding: 10px;
    }

    @media screen and (max-width:767px) {
        footer {
            padding-top: 40px;
        }
        footer #legal {
            margin-top: 90px;
            margin-bottom: 15px;
        }
        .btn-footer {
            display: none;
        }
    }

    /* 6.2 Footermenü
##################################################### */

    footer .menu-footernavigation-container ul {
        display: flex !important;
        flex-wrap: wrap;
        list-style-type: none;
        line-height: 1.8;
    }

    footer .menu-footernavigation-container>ul>li {
        flex: 0 0 33.333%;
        margin-bottom: 60px;
    }

    @media screen and (max-width:1023px) {
        footer .menu-footernavigation-container>ul>li {
            flex: 0 0 50%;
        }
    }

    footer .menu-footernavigation-container>ul>li>ul {
        margin-top: 10px;
    }

    footer .menu-footernavigation-container ul>li>a {
        color: var(--lightColor);
        font: normal 600 var(--footermenuFS) 'Source Sans Pro', sans-serif;
        font-weight: bold;
    }

    footer .menu-footernavigation-container>ul>li>ul>li {
        list-style-type: circle !important;
        display: list-item;
        margin-left: 18.5px;
        width: 100%;
    }

    footer .menu-footernavigation-container ul>li>ul>li>a {
        font: normal 400 var(--submenuFS) 'Source Sans Pro', sans-serif;
        color: var(--darkGray);
        line-height: 1.8;
        transition: 0.25s all;
        vertical-align: middle;
    }

    footer .menu-footernavigation-container ul>li>ul>li>a:hover {
        color: var(--lightColor);
    }

    /* 7.1 Plugins
##################################################### */

    /* 7.2 Contactform 7
##################################################### */

    input:not([type="submit"], [type="checkbox"], [type="radio"]), textarea {
        background-color: transparent;
        border: none;
        border-radius: 0;
        appearance: none;
        -webkit-appearance: none;
        border-bottom: 2px solid var(--lightGray);
        display: block;
        outline: none;
        width: 100%;
        padding: 7.5px 0;
        font: normal 400 var(--paragraphs) 'Source Sans Pro', sans-serif;
        color: var(--darkGray);
    }

    .wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] {
        margin: 0 7.5px -2px 0px;
        padding: 0;
        -webkit-appearance: none;
        appearance: none;
        padding: 3px;
        height: 18px;
        width: 18px;
        border-radius: 0px;
        border: 2px solid var(--lightGray);
        position: relative;
        transition: 0.25s all;
        cursor: pointer;
        left: 0;
    }

    .wpcf7 input[type=checkbox]:checked, .wpcf7 input[type="radio"]:checked {
        background-color: var(--lightGray);
    }

    ::placeholder {
        color: var(--lightGray);
        opacity: 1 !important;
        font-size: 20px;
        font-size: 1.25rem;
    }

    input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    textarea {
        resize: none;
        height: 125px;
    }

    input[type="submit"] {
        border-radius: 0;
        margin-left: 15px;
        appearance: none;
        -webkit-appearance: none;
    }

    span.wpcf7-list-item {
        margin-left: 0px !important;
    }

    .wpcf7-exclusive-checkbox span.wpcf7-list-item {
        margin-bottom: 15px;
    }

    .wpcf7 label .wpcf7-list-item label, .wpcf7-form label .wpcf7-list-item label {
        padding-left: 0px;
    }

    .wpcf7-response-output, .ajax-loader {
        display: none !important;
    }

    .wpcf7-not-valid-tip {
        color: var(--agencyColor) !important;
        font-size: 16px !important;
        font-size: 1rem !important;
        margin-top: 5px;
        font-weight: 300 !important;
    }

    /*Floating*/

    .wpcf7-form, .wpcf7 {
        margin: 15px -7.5px;
    }

    .wpcf7-form-control-wrap {
        position: relative;
        width: 100%;
    }

    .wpcf7-form p {
        display: flex;
        flex-wrap: wrap;
        margin: 0px;
    }

    .wpcf7 span.wpcf7-form-control-wrap {
        flex: 0 0 calc(50% - 0px);
        padding: 0 15px;
        margin-bottom: 30px;
        color: var(--darkColor);
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 150%;
        margin-right: 0;
    }

    .wpcf7 span.wpcf7-form-control-wrap:last-of-type {
        flex: 0 0 calc(100% - 0px);
    }

    @media screen and (max-width:767px) {
        .wpcf7 label, .wpcf7-form label {
            flex: 0 0 calc(100% - 0px);
        }
        .wpcf7 label.full, .wpcf7-form label.full {
            flex: 0 0 calc(100% - 0px);
        }
    }

    /*Acceptance*/

    .acceptance-text {
        margin: 0px 15px 15px 15px;
        text-align: left;
        width: calc(100% - 30px);
        line-height: 125% !important;
    }

    span[class*="acceptance-"] {
        padding-left: 0px !important;
        padding-right: 5px !important;
    }

    .acceptance-text small, .acceptance-text small a {
        color: var(--darkGray);
        font: normal 400 var(--smallFS) 'Source Sans Pro', sans-serif !important;
    }

    .acceptance-text input {
        margin-bottom: -5px !important;
    }

    @media screen and (max-width:767px) {
        .acceptance-text {
            width: calc(100% - 50px);
        }
    }

    /* 7.3 Lightbox
##################################################### */

    .openlightbox {
        z-index: 11;
    }

    .close {
        top: 0;
        right: 0;
        background-color: var(--lightGray);
        margin-top: 0px !important;
        padding: 17.5px 22.5px 18.5px 22.5px;
        color: var(--darkColor);
        font: normal 600 var(--paragraphs) 'Source Sans Pro', sans-serif;
        display: inline-block;
        float: right;
    }

    @media screen and (max-width:767px) {
        .openlightbox {
            pointer-events: none;
        }
    }

    .lightbox {
        opacity: 0;
        height: 0;
        width: 100%;
        outline: 0;
        pointer-events: none;
        position: fixed;
        z-index: 999999;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transition: height 0.5s, opacity 0.5s;
    }

    .lightbox:before {
        content: '';
        background: rgba(4, 15, 23, 0.95);
        backdrop-filter: blur(10px);
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }

    .lightbox:target {
        opacity: 1;
        height: 100%;
        width: 100%;
        margin: auto;
        pointer-events: all;
        transition: height 0.5s, opacity 0.5s;
    }

    .lightbox iframe {
        display: block;
        max-width: 600px;
        width: calc(100% - 60px) !important;
        margin: auto;
        height: calc(100% - 175px) !important;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }

    /*OBK UNSORTIERT*/

    .btn-secondary-wrap:hover .cpt-img-wrap img, .btn-secondary-wrap:hover .referenten-img-wrap img, .team-img-container .round-img-wrap:hover img, .btn-secondary-wrap:hover .round-img-wrap img, .referenten-img-wrap:hover img {
        transform: scale(1.05) !important;
    }

    .btn-secondary-wrap .round-img-wrap img {
        object-position: center center;
    }