/*
Theme Name:   Yellow Theme Child
Template:     kdgs-yellow
Version: 	  1.0.0
*/


/*** NICHT EINKOMMENTIEREN ***/
/* EINKOMMENTIEREN */


/*** Info: Pixelwerte für den Umbruch der Viewports ***/
/*** 'xs'     => max-width: 575px   ***/
/*** 'sm'     => min-width: 576px   ***/
/*** 'md'     => min-width: 768px   ***/
/*** 'lg'     => min-width: 992px   ***/
/*** 'xl'     => min-width: 1200px  ***/
/*** 'xxl'    => min-width: 1400px  ***/
/*** 'xxxl'   => min-width: 1800px  ***/



/*** Einbinden der font-family ***/

@font-face {
    font-family: 'GothamHTF-Book';
    src: url("fonts/GothamHTF-Book.woff2") format('woff2'), url("fonts/GothamHTF-Book.woff") format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GothamHTF-Bold';
    src: url("fonts/GothamHTF-Bold.woff2") format('woff2'), url("fonts/GothamHTF-Bold.woff") format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Museo300';
    src: url("fonts/Museo300.woff2") format('woff2'), url("fonts/Museo300.woff") format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'segoe-regular';
    src: url("fonts/segoe-regular.woff2") format('woff2'), url("fonts/segoe-regular.woff") format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/**
* Fix fonts that render as bold in Firefox
*
* Put this near the top of your style.css
* Before any overriding styles
*/

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 400;
}

/**
* Firefox specific rule
*/

@-moz-document url-prefix() {
    body {
        font-weight: lighter !important;
    }
}


/*** Fontsize, Font Family, Line Height ***/
:root {
    --font-family-regular: 'GothamHTF-Book', sans-serif;
    --font-family-bold: 'GothamHTF-Bold', sans-serif;
}

body, .body {
    font-family: 'GothamHTF-Book', sans-serif;
    font-size: calc(20 / 16 * 1rem);
    line-height: 1.25;
}

@media screen and (min-width: 1200px) {
    body, .body {
        font-size: calc(23 / 16 * 1rem);
    }   
}


b, strong, .text-bold {
    font-family: 'GothamHTF-Bold', sans-serif;
    font-weight: normal !important;
}


small, .text-small {
    font-size: calc(18 / 16 * 1rem);
    line-height: 1.25;
}

@media screen and (min-width: 1200px) {
    small, .text-small {
        font-size: calc(19 / 16 * 1rem);
        line-height: 1.6;
    }
}


.section-title {
    font-family: 'segoe-regular', sans-serif;
    /* font-size: calc(22 / 16 * 1rem); */
    font-size: calc(18 / 16 * 1rem);
    line-height: 1.25;
}

@media screen and (min-width: 1200px) {
    .section-title {
        /* font-size: calc(32 / 16 * 1rem); */
        font-size: calc(26 / 16 * 1rem);
    }
}


.quote-large {
    font-family: 'Museo300', sans-serif;
    font-size: calc(28 / 16 * 1rem);
    line-height: 1.25;
}

@media screen and (min-width: 1200px) {
    .quote-large {
        font-size: calc(60 / 16 * 1rem);
    }
}


.quote-small {
    font-family: 'Museo300', sans-serif;
    font-size: calc(22 / 16 * 1rem);
    line-height: 1.25;
}

@media screen and (min-width: 1200px) {
    .quote-small {
        font-size: calc(40 / 16 * 1rem);
    }
}


.handwritten {
    font-family: 'segoe-regular', sans-serif;
    /* font-size: calc(25 / 16 * 1rem); */
    font-size: calc(20 / 16 * 1rem);
    line-height: 1.25;
}

@media screen and (min-width: 1200px) {
    .handwritten {
        /* font-size: calc(40 / 16 * 1rem); */
        font-size: calc(32 / 16 * 1rem);
    }
}


h1, .h1 {
    font-family: 'Museo300', sans-serif;
    font-size: calc(35 / 16 * 1rem);
    line-height: 1.28;
}

@media screen and (min-width: 1200px) {
    h1, .h1 {
        font-size: calc(70 / 16 * 1rem);
        line-height: 1.14;
    }
}


h2, .h2, 
.mod-header-mit-bild .content-wrapper .text-wrapper .title {
    font-family: 'GothamHTF-Bold', sans-serif;
    font-size: calc(26 / 16 * 1rem);
    line-height: 1.25;  
}

@media screen and (min-width: 1200px) {
    h2, .h2,  
    .mod-header-mit-bild .content-wrapper .text-wrapper .title {
        font-size: calc(40 / 16 * 1rem);
    }
}


h3, .h3 {
    font-family: 'GothamHTF-Book', sans-serif;
    font-size: calc(26 / 16 * 1rem);
    line-height: 1.25;  
}

@media screen and (min-width: 1200px) {
    h3, .h3 {
        font-size: calc(40 / 16 * 1rem);
    }
}


h4, .h4 {
    font-family: 'GothamHTF-Bold', sans-serif;
    font-size: calc(22 / 16 * 1rem);
    line-height: 1.25;  
}

@media screen and (min-width: 1200px) {
    h4, .h4 {
        font-size: calc(30 / 16 * 1rem);
    }
}


h5, .h5 {
    font-family: 'GothamHTF-Bold', sans-serif;
    font-size: calc(20 / 16 * 1rem);
    line-height: 1.25;
}

@media screen and (min-width: 1200px) {
    h5, .h5 {
        font-size: calc(23 / 16 * 1rem);
    }    
}


h6, .h6 {
    font-family: 'GothamHTF-Bold', sans-serif;
    font-size: calc(18 / 16 * 1rem);
    line-height: 1.25;
}

@media screen and (min-width: 1200px) {
    h6, .h6 {
        font-size: calc(19 / 16 * 1rem);
    }    
}

.lead {
    font-size: calc(18 / 16 * 1rem) !important;
    line-height: 1.5;
}

@media screen and (min-width: 1200px) {
    .lead {
        font-size: calc(30 / 16 * 1rem) !important;
        line-height: 1.26;
    }    
}


/*** Font Color ***/
body, .body {
    color: var(--theme-colour-4);
}


/*** General ***/
.mod-main {
    margin: 80px 0 100px;
}

@media (min-width: 992px) {
    .mod-main {
        /* margin: 40px 0 100px; */
        margin: 115px 0 100px;
    }    
}

@media (min-width: 1200px) {
    .mod-main {
        /* margin: 135px 0 100px; */
        margin: 215px 0 100px;
    }    
}

body.popup-on .mod-main {    
    margin: 200px 0 100px;
}

/* @media (min-width: 768px) {
    body.popup-on .mod-main {    
        margin: 200px 0 100px;
    }  
} */

@media (min-width: 1200px) {
    body.popup-on .mod-main {    
        margin: 250px 0 100px;
    }   
}

.wirkstatt-button {
    display: inline-block;
    padding: 15px 25px;
    background-color: var(--theme-colour-3);
    border-radius: 5px;
    text-decoration: none;
    font-family: 'GothamHTF-Bold', sans-serif;
}

.text a {
    transition: all .3s;
}

.text a:hover {
    text-underline-offset: 2px;
    transition: all .3s;
}

.tooltip {
    opacity: 1 !important;
}

.tooltip-arrow {
    display: none !important;
}

.tooltip-inner {
    background-color: #fff;
    color: var(--theme-colour-4);    
    max-width: calc(100vw - 70px);
    width: calc(100vw - 70px);
    transform: translateX(28px);    
    padding: 20px 30px;
    text-align: left;
    font-size: calc(17 / 16 * 1rem);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border-radius: 5px;
}

@media (min-width: 576px) {
    .tooltip-inner {
        max-width: 470px;
        width: 470px;
        transform: translateX(-33px);  
    }
}

@media (min-width: 768px) {
    .tooltip-inner {
        max-width: 650px;
        width: 650px;
        transform: translateX(-33px);  
    }
}

@media (min-width: 992px) {
    .tooltip-inner {
        max-width: 330px;
        width: 330px;
        transform: translateX(72px);  
    }
}

@media (min-width: 1200px) {
    .tooltip-inner {
        max-width: 406px;
        width: 406px;
        transform: translateX(110px); 
    }
}

@media (min-width: 1400px) {
    .tooltip-inner {
        max-width: 481px;
        width: 481px;
        transform: translateX(147px);  
    }
}

@media (min-width: 1800px) {
    .tooltip-inner {
        max-width: 577px;
        width: 577px;
        transform: translateX(194px);
    }
}

.tooltip-inner::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0px;
    width: 26px;
    height: 26px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOiMzYzNjM2I7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJFYmVuZV8xLTIiPjxnIGlkPSJHcnVwcGVfNjIxIj48cGF0aCBpZD0iUmVjaHRlY2tfODgxIiBjbGFzcz0iY2xzLTEiIGQ9Im0xMiwwaDBjNi42MjcsMCwxMiw1LjM3MywxMiwxMmgwYzAsNi42MjctNS4zNzMsMTItMTIsMTJoMEM1LjM3MywyNCwwLDE4LjYyNywwLDEyaDBDMCw1LjM3Myw1LjM3MywwLDEyLDBaIi8+PHBhdGggaWQ9IlBmYWRfMTE3MyIgY2xhc3M9ImNscy0yIiBkPSJtMTAuNjc3LDE2LjgzNmMwLC44NDQuMzY0LDEuMjA4LDEuMjA4LDEuMjA4aDIuNjQ5di0yLjRoLS42MjljLS4xNzMuMDI4LS4zMzYtLjA5MS0uMzY0LS4yNjQtLjAwNS0uMDMzLS4wMDUtLjA2NywwLS4xdi00LjU1MmMwLS44NDQtLjM2NC0xLjIwOC0xLjIwOC0xLjIwOGgtMi42NDl2Mi40aC42MjljLjE3My0uMDI4LjMzNi4wOTEuMzY0LjI2NC4wMDUuMDMzLjAwNS4wNjcsMCwuMXY0LjU1MlptMi42MTUtOC4zMXYtMi4zMTdoLTIuNHYyLjMxN2gyLjRaIi8+PC9nPjwvZz48L3N2Zz4=);
}


/*** .mod-agenda ***/
.mod-agenda .filter-container .filter-radio-container .filter-item-radio {
    display: none;
}

.mod-agenda .filter-container .filter-radio-container .filter-item-radio:checked + .filter-item-label {
    font-family: 'GothamHTF-Bold';
    background-color: var(--theme-colour-3);
}

.mod-agenda .filter-container .filter-radio-container .filter-item-label {
    display: inline-block;
    padding: 7px 15px;
    background-color: #fff;
    border: 2px solid var(--theme-colour-3);
    border-radius: 5px;
    margin: 0 10px 10px 0;
    font-size: calc(19 / 16 * 1rem);
    transition: all .3s;
}

.mod-agenda .filter-container .filter-radio-container .filter-item-label:hover {
    cursor: pointer;
    background-color: var(--theme-colour-3);
    transition: all .3s;
}

.mod-agenda .event-list .event .event-inner-wrapper {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .mod-agenda .event-list .event .event-inner-wrapper {
        flex-direction: row;
    }    
}

.mod-agenda .event-list .event .img-container {
    flex-shrink: 0;
    width: 123px;
    margin-right: 45px;
}

.mod-agenda .event-list .event .img-wrapper {
    width: 100%;
    position: relative;
    background-color: var(--c-img-fallback-bg);
    padding-top: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.mod-agenda .event-list .event .img-wrapper .thumbnail-date {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / .2);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'GothamHTF-Bold';
    font-size: calc(20 / 16 * 1rem);
}

.mod-agenda .event-list .event .img-wrapper .a-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.mod-agenda .event-list .event .img-wrapper .a-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: transform 0.5s;
}

.mod-agenda .event-list .event {
    width: 100%;
    margin-top: 25px;
}

.mod-agenda .event-list .event-wrapper {
    opacity: 0;
    visibility: hidden;
    display: none;
    transition: opacity 0.3s, transform 0.3s; 
}

.mod-agenda .event-list .event-wrapper.fade {
    opacity: 1;
    animation: animation-fade-in 0.2s forwards ease-in;
}

.mod-agenda .event-list .event-wrapper.visible {
    visibility: visible;
    display: initial;
}

.mod-agenda .load-more-items {
    margin: 60px 0;
}

.mod-agenda .load-more-items .load-more-button {
    padding: 7px 15px;
    background-color: #fff;
    border: 2px solid var(--theme-colour-2);
    border-radius: 5px;
    font-size: calc(19 / 16 * 1rem);
    transition: all .3s;
    visibility: hidden;
    transition: all 0.3s;
}

@media (min-width: 768px) {
    .mod-agenda .load-more-items .load-more-button {
        margin-left: 168px;
    }
}

.mod-agenda .load-more-items .load-more-button.visible {
    visibility: visible;
}

.mod-agenda .event-list .event a {
    display: block;
    text-decoration: none;
    border-radius: 5px;
}

.mod-agenda .event-list .event a:hover {
    box-shadow: 0px 0px 15px 5px rgb(0 0 0 / .1);
}

.mod-agenda .event-list .event .info-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px;
    font-size: calc(19 / 16 * 1rem);
}

@media (min-width: 768px) {
    .mod-agenda .event-list .event .info-container {
        margin-top: 0;
    }    
}

.mod-agenda .event-list .event .info-container .title {
    margin: 0;
    font-size: calc(19 / 16 * 1rem);
}

.mod-agenda .event-list .event .info-container .lead-text p {
    margin: 0;
}

.mod-agenda .filter-container .filter-radio-container .filter-item-label[data-filter-category='aeussere-oekologie']::before,
.mod-agenda .event-list .event.aeussere-oekologie .title::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 8px;
    background-color: var(--theme-colour-2);    
}

.mod-agenda .filter-container .filter-radio-container .filter-item-label[data-filter-category='innere-oekologie']::before,
.mod-agenda .event-list .event.innere-oekologie .title::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 8px;
    background-color: var(--theme-colour-1);
}



/*** .mod-external-courses ***/
.mod-external-courses .container-breakout {
    background-color: var(--theme-colour-3);
}

.mod-external-courses .event-container {
    padding: 50px 0;
}

@media screen and (min-width: 768px) {
    .mod-external-courses .event-container {
        padding: 115px 0 110px;
    }   
}

.mod-external-courses .event-list .event-wrapper {
    opacity: 0;
    visibility: hidden;
    display: none;
    transition: opacity 0.3s, transform 0.3s; 
}

.mod-external-courses .event-list .event-wrapper.fade {
    opacity: 1;
    animation: animation-fade-in 0.2s forwards ease-in;
}

.mod-external-courses .event-list .event-wrapper.visible {
    visibility: visible;
    display: initial;
}

.mod-external-courses .load-more-items {
    margin: 60px 0;
}

.mod-external-courses .load-more-items .load-more-button {
    padding: 7px 15px;
    background-color: transparent;
    border: 2px solid #000;
    border-radius: 5px;
    font-size: calc(19 / 16 * 1rem);
    transition: all .3s;
    visibility: hidden;
    transition: all 0.3s;
    visibility: hidden;
    transition: all 0.3s;
}

.mod-external-courses .load-more-items .load-more-button.visible {
    visibility: visible;
}

.mod-external-courses .event {
    padding: 25px 0 30px;
    border-bottom: 2px solid var(--theme-colour-4);
}

@media screen and (min-width: 768px) {
    .mod-external-courses .event {
        padding: 50px 0 30px;
    }
}

@media screen and (min-width: 768px) {
    .mod-external-courses .external-link-wrapper {
        text-align: right;
    }
}

.mod-external-courses .external-link {
    text-decoration: none;
    display: inline-block;
    border: 3px solid var(--theme-colour-2);
    border-radius: 5px;
}

.mod-external-courses .external-link::after {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOC45MTUgMTguOTE1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzNjM2MzYjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IkViZW5lXzEtMiI+PHBhdGggaWQ9IlBmYWRfMTIwOSIgY2xhc3M9ImNscy0xIiBkPSJtNS41MDUsMHYyLjhoOC42MDdMMCwxNi45MTVsMiwyLDE0LjExNS0xNC4xMXY4LjYwN2gyLjhWMEg1LjUwNVoiLz48L2c+PC9zdmc+);
}


/*** .mod-diplomlehrgaenge ***/
.mod-diplomlehrgaenge .filter {
    margin: 20px 0;
    font-size: calc(19 / 16 * 1rem);
}

@media (min-width: 768px) {
    .mod-diplomlehrgaenge .filter {
        display: flex;
        margin: 50px 0;
    }    
}

.mod-diplomlehrgaenge .filter button {
    border-bottom: 3px solid;
    margin-right: 30px;
}

@media (min-width: 768px) {
    .mod-diplomlehrgaenge .filter button {
        margin: 0 0 0 30px;
    }
}

.mod-diplomlehrgaenge .course-list.hide {
    opacity: 0;
    transform: translateY(30px);
}

.mod-diplomlehrgaenge .course-list.show {
    opacity: 1;
    transform: translateY(0);
    transition: all .5s;
}

.mod-diplomlehrgaenge .course-list .name-container {
    position: relative;
}

@media (min-width: 992px) {
    .mod-diplomlehrgaenge .label-row .name-container,
    .mod-diplomlehrgaenge .course-list .name-container {
        padding-left: 30px;
    }
}

/* @media (min-width: 992px) {
    .mod-diplomlehrgaenge .course-list .cell {
        padding-top: 19px;
        padding-bottom: 19px;
    }
} */

@media (min-width: 992px) {
    .mod-diplomlehrgaenge .course-list .cell {
        position: relative;
    }
}

.mod-diplomlehrgaenge .course-list .name-cell {
    font-family: 'GothamHTF-Bold';
}

@media (min-width: 992px) {
    .mod-diplomlehrgaenge .course-list .name-cell {
        font-family: 'GothamHTF-Book';
    }
}

.mod-diplomlehrgaenge .course-list .name-cell::before {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 20px;
    top: 5px;
}

@media (min-width: 992px) {
    .mod-diplomlehrgaenge .course-list .name-cell::before {
        right: auto;
        left: -43px;
        top: 28px;
    }   
}

.mod-diplomlehrgaenge .course-list .name-cell.state-guaranteed::before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNiMGM0OTg7fS5jbHMtMntmaWxsOiMzYzNjM2I7ZmlsbC1ydWxlOmV2ZW5vZGQ7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJFYmVuZV8xLTIiPjxjaXJjbGUgaWQ9IkVsbGlwc2VfNDYiIGNsYXNzPSJjbHMtMSIgY3g9IjEzIiBjeT0iMTMiIHI9IjEzIi8+PGcgaWQ9IkdydXBwZV82ODgiPjxnIGlkPSJHcnVwcGVfNjgwIj48cGF0aCBpZD0iUGZhZF8xMTk4IiBjbGFzcz0iY2xzLTIiIGQ9Im0xOC40NjUsNy40MzdoMGMtLjMxMy4wMjMtLjYwNC4xNy0uODA4LjQwOWwtNi45LDgtMy4yMjgtMy4zMzJoMGMtLjQ1My0uNDY1LTEuMTk4LS40NzUtMS42NjMtLjAyMi0uNDY1LjQ1My0uNDc1LDEuMTk4LS4wMjIsMS42NjNsNC4xMjEsNC4yNTdjLjQ1Mi40NjYsMS4xOTYuNDc4LDEuNjYzLjAyNi4wMjUtLjAyNC4wNDktLjA1LjA3Mi0uMDc2bDcuNzM2LTguOTg2aDBjLjQyOC0uNDgzLjM4NC0xLjIyMS0uMDk5LTEuNjQ5LS4yMzktLjIxMi0uNTUzLS4zMTYtLjg3MS0uMjloMFoiLz48L2c+PC9nPjwvZz48L3N2Zz4=);
}

.mod-diplomlehrgaenge .course-list .name-cell.state-one_booking_left::before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlOGFhNjU7fS5jbHMtMntmaWxsOiMzYzNjM2I7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJFYmVuZV8xLTIiPjxjaXJjbGUgaWQ9IkVsbGlwc2VfNDciIGNsYXNzPSJjbHMtMSIgY3g9IjEzIiBjeT0iMTMiIHI9IjEzIi8+PGcgaWQ9IkdydXBwZV82ODkiPjxnIGlkPSJHcnVwcGVfNjgxIj48cGF0aCBpZD0iUGZhZF8xMTk5IiBjbGFzcz0iY2xzLTIiIGQ9Im02Ljg1OCw4LjkyOWMtLjAxLjUyMi0uNDQuOTM3LS45NjIuOTI4LS41MjIuMDA5LS45NTItLjQwNi0uOTYyLS45MjguMDEtLjUyMi40NC0uOTM3Ljk2Mi0uOTI4LjUyMi0uMDA5Ljk1Mi40MDYuOTYyLjkyOCIvPjxwYXRoIGlkPSJQZmFkXzEyMDAiIGNsYXNzPSJjbHMtMiIgZD0ibTYuODU4LDEzYy0uMDEuNTIyLS40NC45MzctLjk2Mi45MjgtLjUxMy4wMTctLjk0Mi0uMzg1LS45NTktLjg5OHMuMzg1LS45NDIuODk4LS45NTljLjAyLDAsLjA0MSwwLC4wNjEsMCwuNTIyLS4wMDkuOTUyLjQwNi45NjIuOTI4Ii8+PHBhdGggaWQ9IlBmYWRfMTIwMSIgY2xhc3M9ImNscy0yIiBkPSJtNi44NTgsMTcuMDcyYy0uMDEuNTIyLS40NC45MzctLjk2Mi45MjgtLjUxMy4wMTctLjk0Mi0uMzg1LS45NTktLjg5OC0uMDE3LS41MTMuMzg1LS45NDIuODk4LS45NTkuMDIsMCwuMDQxLDAsLjA2MSwwLC41MjItLjAwOS45NTIuNDA2Ljk2Mi45MjgiLz48cGF0aCBpZD0iUGZhZF8xMjAyIiBjbGFzcz0iY2xzLTIiIGQ9Im04LjMzNCw4LjE3N2gxMi4wNjRjLjM1OC4wMjQuNjQzLjMwOS42NjcuNjY3di4wNzhjMCwuMzY4LS4yOTcuNjY2LS42NjUuNjY3LDAsMC0uMDAxLDAtLjAwMiwwaC0xMi4wNjRjLS4zNTgtLjAyNC0uNjQzLS4zMDktLjY2Ny0uNjY3di0uMDc4YzAtLjM2OC4yOTctLjY2Ni42NjUtLjY2NywwLDAsLjAwMSwwLC4wMDIsMCIvPjxwYXRoIGlkPSJQZmFkXzEyMDMiIGNsYXNzPSJjbHMtMiIgZD0ibTguMzMyLDEyLjI5NWgxMi4wNjZjLjM1OC4wMjQuNjQzLjMwOS42NjcuNjY3di4wNzhjMCwuMzY4LS4yOTcuNjY2LS42NjUuNjY3LDAsMC0uMDAxLDAtLjAwMiwwaC0xMi4wNjZjLS4zNTgtLjAyNC0uNjQzLS4zMDktLjY2Ny0uNjY3di0uMDc4YzAtLjM2OC4yOTctLjY2Ni42NjUtLjY2NywwLDAsLjAwMSwwLC4wMDIsMCIvPjxwYXRoIGlkPSJQZmFkXzEyMDQiIGNsYXNzPSJjbHMtMiIgZD0ibTguMzI3LDE2LjQxM2gxMi4wNjZjLjM1OC4wMjQuNjQzLjMwOS42NjcuNjY3di4wNzhjMCwuMzY4LS4yOTcuNjY2LS42NjUuNjY3aC0xMi4wNjhjLS4zNTgtLjAyNC0uNjQzLS4zMDktLjY2Ny0uNjY3di0uMDc4YzAtLjM2OC4yOTctLjY2Ni42NjUtLjY2N2guMDAyIi8+PC9nPjwvZz48L2c+PC9zdmc+);
}

.mod-diplomlehrgaenge .course-list .name-cell.state-fully_booked::before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlNjZiNmM7fS5jbHMtMntmaWxsOiMzYzNjM2I7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJFYmVuZV8xLTIiPjxjaXJjbGUgaWQ9IkVsbGlwc2VfNDgiIGNsYXNzPSJjbHMtMSIgY3g9IjEzIiBjeT0iMTMiIHI9IjEzIi8+PGcgaWQ9IkdydXBwZV82ODciPjxnIGlkPSJHcnVwcGVfNjc4Ij48cGF0aCBpZD0iUGZhZF8xMTk3IiBjbGFzcz0iY2xzLTIiIGQ9Im03LjUzOCw4LjAzOWMuMzQ4LS4zNDguOTEyLS4zNDgsMS4yNiwwbDQuMiw0LjIsNC4yLTQuMmMuMzUxLS4zNDQuOTE2LS4zMzksMS4yNi4wMTMuMzQuMzQ2LjM0LjkwMSwwLDEuMjQ3bC00LjIsNC4yLDQuMiw0LjJjLjM0NC4zNTEuMzM5LjkxNi0uMDEzLDEuMjYtLjM0Ni4zNC0uOTAxLjM0LTEuMjQ3LDBsLTQuMi00LjItNC4yLDQuMmMtLjM1MS4zNDQtLjkxNi4zMzktMS4yNi0uMDEzLS4zNC0uMzQ2LS4zNC0uOTAxLDAtMS4yNDdsNC4yLTQuMi00LjItNC4yYy0uMzQ4LS4zNDgtLjM0OC0uOTEyLDAtMS4yNiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==);
}

.mod-diplomlehrgaenge .course-list .accordion-trigger {
    margin: 10px 0 5px 0;
    padding: 3px 15px;
    border: 2px solid var(--theme-colour-4);
    border-radius: 5px;
}

@media (min-width: 992px) {
    .mod-diplomlehrgaenge .course-list .accordion-trigger {        
        margin: 10px 0 5px 18px;
    }
}

.mod-diplomlehrgaenge .course-list .accordion-trigger::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 7px;
    margin-left: 5px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4wMTUgNy4yODUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojM2MzYzNiO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iRWJlbmVfMS0yIj48cGF0aCBpZD0iUGZhZF8xMjA2IiBjbGFzcz0iY2xzLTEiIGQ9Im0xMC41NDcsMGwtNC41MzIsNC4zNjFMMS40NjksMCwwLDEuNTMxbDYuMDE1LDUuNzU0TDEyLjAxNSwxLjUzMWwtMS40NjgtMS41MzFaIi8+PC9nPjwvc3ZnPg==);
    transform: rotate(180deg);
    transition: all .3s;
}

.mod-diplomlehrgaenge .course-list .accordion-trigger.collapsed::after {
    transform: rotate(0deg);
    transition: all .3s;
}

.mod-diplomlehrgaenge .course-list .date-cell {
    display: flex;
}

@media (min-width: 992px) {
    .mod-diplomlehrgaenge .course-list .date-cell {
        flex-direction: column;
    }
}

.mod-diplomlehrgaenge .label-row {
    display: none;
}

@media (min-width: 992px) {
    .mod-diplomlehrgaenge .label-row {
        display: flex;
        margin-bottom: 3px;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: var(--theme-colour-3);
    }
}

.mod-diplomlehrgaenge .course-list .accordion-item .row {
    background-color: rgb(234 238 223 / .4);
    padding: 15px 0;
}

@media (min-width: 992px) {
    .mod-diplomlehrgaenge .course-list .accordion-item:nth-child(even) .row {
        background-color: var(--c-white);
        /* padding: 0; */
    }
}

.mod-diplomlehrgaenge .course-list .accordion-item {
    margin-bottom: 15px;
    border: none;
}

@media (min-width: 992px) {
    .mod-diplomlehrgaenge .course-list .accordion-item {
        margin-bottom: 0;
    }    
}

.mod-diplomlehrgaenge .course-list .accordion-item .accordion-body {
    padding: 20px 0 0;
}

@media (min-width: 992px) {
    .mod-diplomlehrgaenge .course-list .accordion-item .accordion-body {
        padding: 20px;
    }
}

.mod-diplomlehrgaenge .course-list .accordion-item .accordion-body .wirkstatt-button {
    margin: 10px 0;
}


/*** .mod-single-event ***/
.mod-single-event .info-short {
    margin-top: 35px;
}

@media (min-width: 992px) {
    .mod-single-event .info-short {
        margin-top: 55px;
    }    
}

.mod-single-event .info-long {
    margin-top: 40px;
}

@media (min-width: 992px) {
    .mod-single-event .info-long {
        margin-top: 100px;
    }
}

.mod-single-event .img-container {
    padding-right: 40px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .mod-single-event .img-container {
        margin-bottom: 0;
    }    
}

.mod-single-event .img-wrapper {
    width: 100%;
    position: relative;
    background-color: var(--c-img-fallback-bg);
    padding-top: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.mod-single-event .img-wrapper .a-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.mod-single-event .img-wrapper .a-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: transform 0.5s;
}

.mod-single-event .course-number {
    margin-bottom: 20px;
}

.mod-single-event .lead-text {
    margin-bottom: 40px;
}

.mod-single-event .state {
    position: relative;
    padding-left: 40px;
}

.mod-single-event .state::before {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 2px;
}

.mod-single-event .info-long .text-container {
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    .mod-single-event .info-long .text-container {
        margin: 0;
        padding-right: 40px;
    }
}

.mod-single-event .state.state-guaranteed::before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNiMGM0OTg7fS5jbHMtMntmaWxsOiMzYzNjM2I7ZmlsbC1ydWxlOmV2ZW5vZGQ7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJFYmVuZV8xLTIiPjxjaXJjbGUgaWQ9IkVsbGlwc2VfNDYiIGNsYXNzPSJjbHMtMSIgY3g9IjEzIiBjeT0iMTMiIHI9IjEzIi8+PGcgaWQ9IkdydXBwZV82ODgiPjxnIGlkPSJHcnVwcGVfNjgwIj48cGF0aCBpZD0iUGZhZF8xMTk4IiBjbGFzcz0iY2xzLTIiIGQ9Im0xOC40NjUsNy40MzdoMGMtLjMxMy4wMjMtLjYwNC4xNy0uODA4LjQwOWwtNi45LDgtMy4yMjgtMy4zMzJoMGMtLjQ1My0uNDY1LTEuMTk4LS40NzUtMS42NjMtLjAyMi0uNDY1LjQ1My0uNDc1LDEuMTk4LS4wMjIsMS42NjNsNC4xMjEsNC4yNTdjLjQ1Mi40NjYsMS4xOTYuNDc4LDEuNjYzLjAyNi4wMjUtLjAyNC4wNDktLjA1LjA3Mi0uMDc2bDcuNzM2LTguOTg2aDBjLjQyOC0uNDgzLjM4NC0xLjIyMS0uMDk5LTEuNjQ5LS4yMzktLjIxMi0uNTUzLS4zMTYtLjg3MS0uMjloMFoiLz48L2c+PC9nPjwvZz48L3N2Zz4=);
}

.mod-single-event .state.state-one_booking_left::before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlOGFhNjU7fS5jbHMtMntmaWxsOiMzYzNjM2I7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJFYmVuZV8xLTIiPjxjaXJjbGUgaWQ9IkVsbGlwc2VfNDciIGNsYXNzPSJjbHMtMSIgY3g9IjEzIiBjeT0iMTMiIHI9IjEzIi8+PGcgaWQ9IkdydXBwZV82ODkiPjxnIGlkPSJHcnVwcGVfNjgxIj48cGF0aCBpZD0iUGZhZF8xMTk5IiBjbGFzcz0iY2xzLTIiIGQ9Im02Ljg1OCw4LjkyOWMtLjAxLjUyMi0uNDQuOTM3LS45NjIuOTI4LS41MjIuMDA5LS45NTItLjQwNi0uOTYyLS45MjguMDEtLjUyMi40NC0uOTM3Ljk2Mi0uOTI4LjUyMi0uMDA5Ljk1Mi40MDYuOTYyLjkyOCIvPjxwYXRoIGlkPSJQZmFkXzEyMDAiIGNsYXNzPSJjbHMtMiIgZD0ibTYuODU4LDEzYy0uMDEuNTIyLS40NC45MzctLjk2Mi45MjgtLjUxMy4wMTctLjk0Mi0uMzg1LS45NTktLjg5OHMuMzg1LS45NDIuODk4LS45NTljLjAyLDAsLjA0MSwwLC4wNjEsMCwuNTIyLS4wMDkuOTUyLjQwNi45NjIuOTI4Ii8+PHBhdGggaWQ9IlBmYWRfMTIwMSIgY2xhc3M9ImNscy0yIiBkPSJtNi44NTgsMTcuMDcyYy0uMDEuNTIyLS40NC45MzctLjk2Mi45MjgtLjUxMy4wMTctLjk0Mi0uMzg1LS45NTktLjg5OC0uMDE3LS41MTMuMzg1LS45NDIuODk4LS45NTkuMDIsMCwuMDQxLDAsLjA2MSwwLC41MjItLjAwOS45NTIuNDA2Ljk2Mi45MjgiLz48cGF0aCBpZD0iUGZhZF8xMjAyIiBjbGFzcz0iY2xzLTIiIGQ9Im04LjMzNCw4LjE3N2gxMi4wNjRjLjM1OC4wMjQuNjQzLjMwOS42NjcuNjY3di4wNzhjMCwuMzY4LS4yOTcuNjY2LS42NjUuNjY3LDAsMC0uMDAxLDAtLjAwMiwwaC0xMi4wNjRjLS4zNTgtLjAyNC0uNjQzLS4zMDktLjY2Ny0uNjY3di0uMDc4YzAtLjM2OC4yOTctLjY2Ni42NjUtLjY2NywwLDAsLjAwMSwwLC4wMDIsMCIvPjxwYXRoIGlkPSJQZmFkXzEyMDMiIGNsYXNzPSJjbHMtMiIgZD0ibTguMzMyLDEyLjI5NWgxMi4wNjZjLjM1OC4wMjQuNjQzLjMwOS42NjcuNjY3di4wNzhjMCwuMzY4LS4yOTcuNjY2LS42NjUuNjY3LDAsMC0uMDAxLDAtLjAwMiwwaC0xMi4wNjZjLS4zNTgtLjAyNC0uNjQzLS4zMDktLjY2Ny0uNjY3di0uMDc4YzAtLjM2OC4yOTctLjY2Ni42NjUtLjY2NywwLDAsLjAwMSwwLC4wMDIsMCIvPjxwYXRoIGlkPSJQZmFkXzEyMDQiIGNsYXNzPSJjbHMtMiIgZD0ibTguMzI3LDE2LjQxM2gxMi4wNjZjLjM1OC4wMjQuNjQzLjMwOS42NjcuNjY3di4wNzhjMCwuMzY4LS4yOTcuNjY2LS42NjUuNjY3aC0xMi4wNjhjLS4zNTgtLjAyNC0uNjQzLS4zMDktLjY2Ny0uNjY3di0uMDc4YzAtLjM2OC4yOTctLjY2Ni42NjUtLjY2N2guMDAyIi8+PC9nPjwvZz48L2c+PC9zdmc+);
}

.mod-single-event .state.state-fully_booked::before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlNjZiNmM7fS5jbHMtMntmaWxsOiMzYzNjM2I7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJFYmVuZV8xLTIiPjxjaXJjbGUgaWQ9IkVsbGlwc2VfNDgiIGNsYXNzPSJjbHMtMSIgY3g9IjEzIiBjeT0iMTMiIHI9IjEzIi8+PGcgaWQ9IkdydXBwZV82ODciPjxnIGlkPSJHcnVwcGVfNjc4Ij48cGF0aCBpZD0iUGZhZF8xMTk3IiBjbGFzcz0iY2xzLTIiIGQ9Im03LjUzOCw4LjAzOWMuMzQ4LS4zNDguOTEyLS4zNDgsMS4yNiwwbDQuMiw0LjIsNC4yLTQuMmMuMzUxLS4zNDQuOTE2LS4zMzksMS4yNi4wMTMuMzQuMzQ2LjM0LjkwMSwwLDEuMjQ3bC00LjIsNC4yLDQuMiw0LjJjLjM0NC4zNTEuMzM5LjkxNi0uMDEzLDEuMjYtLjM0Ni4zNC0uOTAxLjM0LTEuMjQ3LDBsLTQuMi00LjItNC4yLDQuMmMtLjM1MS4zNDQtLjkxNi4zMzktMS4yNi0uMDEzLS4zNC0uMzQ2LS4zNC0uOTAxLDAtMS4yNDdsNC4yLTQuMi00LjItNC4yYy0uMzQ4LS4zNDgtLjM0OC0uOTEyLDAtMS4yNiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==);
}

.mod-single-event .tooltip-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mod-single-event .tooltip-icon {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fS5jbHMtMntmaWxsOiMzYzNjM2I7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJFYmVuZV8xLTIiPjxnIGlkPSJHcnVwcGVfNjIxIj48cGF0aCBpZD0iUmVjaHRlY2tfODgxIiBjbGFzcz0iY2xzLTEiIGQ9Im0xMiwwaDBjNi42MjcsMCwxMiw1LjM3MywxMiwxMmgwYzAsNi42MjctNS4zNzMsMTItMTIsMTJoMEM1LjM3MywyNCwwLDE4LjYyNywwLDEyaDBDMCw1LjM3Myw1LjM3MywwLDEyLDBaIi8+PHBhdGggaWQ9IlBmYWRfMTE3MyIgY2xhc3M9ImNscy0yIiBkPSJtMTAuNjc3LDE2LjgzNmMwLC44NDQuMzY0LDEuMjA4LDEuMjA4LDEuMjA4aDIuNjQ5di0yLjRoLS42MjljLS4xNzMuMDI4LS4zMzYtLjA5MS0uMzY0LS4yNjQtLjAwNS0uMDMzLS4wMDUtLjA2NywwLS4xdi00LjU1MmMwLS44NDQtLjM2NC0xLjIwOC0xLjIwOC0xLjIwOGgtMi42NDl2Mi40aC42MjljLjE3My0uMDI4LjMzNi4wOTEuMzY0LjI2NC4wMDUuMDMzLjAwNS4wNjcsMCwuMXY0LjU1MlptMi42MTUtOC4zMXYtMi4zMTdoLTIuNHYyLjMxN2gyLjRaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.mod-single-event .quote {
    margin-top: 75px;
}

.mod-single-event .form {
    margin-top: 65px;
}

.mod-single-event .info-box {
    padding: 20px 23px;
    border-radius: 5px;
    background-color: var(--theme-colour-3);
}

.mod-single-event .info-box .fact.tooltip-container {
    margin: 30px 0;
}

.mod-single-event .info-box .fact.link-container {
    margin-top: 30px;
}

.mod-single-event .button-container {
    margin-top: 70px;
}

.mod-single-event .button-container .wirkstatt-button {
    background-color: transparent;
    border: none;
    margin: 0 20px 20px;
    text-decoration: underline;
    text-decoration-color: var(--theme-colour-2);
    text-decoration-thickness: 2px;
    text-underline-offset: 10px;
}


/*** .mod-partner-list ***/
.mod-partner-list {
    padding: 90px 0;
    background-color: var(--theme-colour-2);    
}

.mod-partner-list .partner-list {
    height: 110px;
}

@media screen and (min-width: 992px) {
    .mod-partner-list .swiper-wrapper {
        justify-content: center;
    }
}

.mod-partner-list .swiper-slide {
    /* height: auto; */
    height: 100%;
}

.mod-partner-list .partner-list-item {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mod-partner-list .partner-list-item a {
    height: 100%;
}

.mod-partner-list .partner-list-item img {
    width: 100% !important;
    height: 100%;
}


/*** .mod-footer ***/
.mod-footer {
    position: relative;
    background-color: var(--theme-colour-4);
    color: #f8f8f8;
    font-size: calc(20 / 16 * 1rem);
    line-height: 1.4;
}

@media screen and (min-width: 768px) {
    .mod-footer {
        font-size: calc(22 / 16 * 1rem);
    }    
}

.mod-footer .footer-main {
    padding: 50px 0 10px;
}

@media screen and (min-width: 992px) {
    .mod-footer .footer-main {
        padding: 50px 0;
    }
}

.mod-footer .address {
    text-align: left;
    padding-right: 50px;
}

@media screen and (min-width: 768px) {
    .mod-footer .address {
        padding-right: 0;
        padding-bottom: 20px;
    }    
}

@media screen and (min-width: 992px) {
    .mod-footer .address {
        padding-bottom: 0;
    }    
}

.mod-footer .address a {
    text-decoration-color: var(--theme-colour-2);
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}

.mod-footer .swisstainable-icon {
    width: 123px;
    height: 123px;
    margin: 0 0 40px 10px;
}

@media screen and (min-width: 992px) {
    .mod-footer .swisstainable-icon {
        position: absolute;
        top: -45px;
        right: 40px;
        width: 155px;
        height: 155px;
        margin: 0;
    }
}

@media screen and (min-width: 1200px) {
    .mod-footer .swisstainable-icon {
        right: 190px;
    }    
}

.mod-footer .nl-link {
    display: inline-block;
    font-family: 'GothamHTF-Bold';
    color: var(--theme-colour-4);
    background-color: var(--theme-colour-2);
    padding: 5px 15px;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 20px;
}

@media screen and (min-width: 768px) {
    .mod-footer .nl-link {
        padding: 12px 25px;
        margin-top: 30px;
    }    
}

.mod-footer .socials-wrapper {
    display: block;
}

.mod-footer .socials-wrapper .footer-social-item a {
    text-decoration: none;
}

.mod-footer .socials-wrapper .footer-social-item .icon {
    width: 30px;
    display: inline-block;
    text-align: center;
    color: var(--theme-colour-2);
}

.mod-footer hr {
    opacity: 1;
    margin: 50px 0;
}

.mod-footer .payment-wrapper .payment-icon-list {
    margin: 0;
}

.mod-footer .payment-icon-list-item {
    margin-bottom: .5rem;
}

.mod-footer .payment-wrapper .payment-icon-list .payment-icon {
    height: 32px;
    width: auto;
}

.mod-footer .claim-container {
    position: relative;
}

.mod-footer .claim {    
    font-family: 'Museo300';
    font-size: calc(30 / 16 * 1rem);
    color: var(--theme-colour-2);
    margin-top: 30px;
}

@media screen and (min-width: 992px) {
    .mod-footer .claim {
        margin: 0;
        text-align: right;
        padding-right: 40px;
    }    
}

@media screen and (min-width: 1400px) {
    .mod-footer .claim {
        font-size: calc(40 / 16 * 1rem);
    }    
}

.mod-footer .scrolltop-wrapper {
    position: absolute;
    top: 50px;
    right: 20px;
}

@media screen and (min-width: 992px) {
    .mod-footer .scrolltop-wrapper {
        top: auto;
        bottom: 9px;
        right: 0;
    }    
}

.mod-footer .scrolltop-wrapper .icon {
    height: 55px;
    width: auto;
}



.mod-footer .footer-bottom {
    background-color: var(--theme-colour-4);
    font-size: calc(17 / 16 * 1rem);
    line-height: 1.1;
    padding-bottom: 20px;
}

.mod-footer .footer-bottom .copyright {
    margin-right: 20px;
}

.mod-footer .footer-bottom nav {
    display: inline-block;
}

.mod-footer .footer-bottom .menu {
    gap: 10px 20px;
    flex-wrap: wrap;
    padding-top: 12px;
}


/*** header ***/
.popup-wrapper {
    padding: 10px 0;
    background-color: var(--theme-colour-3);
    display: flex;
    align-items: center;
    margin-bottom: 3px;
    display: none;
}

@media screen and (min-width: 768px) {
    .popup-wrapper {
        height: 125px;
    }
}

#wirkstatt-popup.show {
    display: block;
}

.popup-wrapper .container {
    height: 100%;
    display: flex;
    align-items: center;
}

.popup-wrapper .btn-close {
    margin-right: 30px;
}

.popup-wrapper .popup-content {
    display: inline-block;
}

.popup-wrapper .popup-content p:last-of-type {
    margin-bottom: 0;
}

.metanav-wrapper {
    height: 50px;
    background-color: var(--theme-colour-3);
    display: none;
}

@media screen and (min-width: 1200px) {
    .metanav-wrapper {
        display: block;
    }
}

.metanav-wrapper .container {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.metanav-wrapper .meta-nav .menu {
    margin: -7px 0 0 0;
    padding: 0;
}

.metanav-wrapper .meta-nav .menu .menu-item {
    display: inline-block;
}

.metanav-wrapper .meta-nav .menu .menu-item:not(:last-of-type) {
    margin-right: 40px;
}

.metanav-wrapper .meta-nav .menu .menu-item:not(:last-of-type)::after {
    content: '';
    height: 25px;
    width: 1px;
    display: inline-block;
    background-color: var(--theme-colour-4);
    transform: translate(24px, 5px);
}

.metanav-wrapper .meta-nav .menu .menu-item.search-icon::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNC45NDYgMjQuOTQ1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzNjM2MzYjtmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IkViZW5lXzEtMiI+PGcgaWQ9IkdydXBwZV81MDYiPjxnIGlkPSJHcnVwcGVfNDg3Ij48cGF0aCBpZD0iUGZhZF8xMDIwIiBjbGFzcz0iY2xzLTEiIGQ9Im0xNS41OTksMTUuNTk5YzIuOTg2LTIuOTg1LDIuOTg2LTcuODI2LDAtMTAuODEyLTIuOTg1LTIuOTg2LTcuODI2LTIuOTg2LTEwLjgxMiwwLTIuOTg2LDIuOTg1LTIuOTg2LDcuODI2LDAsMTAuODEyLDAsMCwwLDAsMCwwLDIuOTg1LDIuOTg1LDcuODI1LDIuOTg2LDEwLjgxLDBoMG0yLjY0Ny44NDRsNi4zNjYsNi4zNjdjLjQ3NS41MTkuNDQsMS4zMjUtLjA3OCwxLjgtLjQ4Ny40NDYtMS4yMzQuNDQ2LTEuNzIyLDBsLTYuMzY3LTYuMzY2Yy00LjQ0NywzLjQ1Mi0xMC44NSwyLjY0Ny0xNC4zMDItMS44Qy0xLjMxLDExLjk5OC0uNTA0LDUuNTk1LDMuOTQyLDIuMTQyYzQuNDQ3LTMuNDUyLDEwLjg1LTIuNjQ3LDE0LjMwMiwxLjgsMi44NTYsMy42NzgsMi44NTYsOC44MjQsMCwxMi41MDJoLjAwMVoiLz48L2c+PC9nPjwvZz48L3N2Zz4=);
    transform: translate(-11px, 3px);
}

.metanav-wrapper .meta-nav .menu .menu-item a {
    text-decoration: none;
    font-size: calc(17 / 16 * 1rem);
}

.mod-header .header-wrapper .home-link .img-wrapper {
    max-width: 185px;
}

@media screen and (min-width: 1400px) {
    .mod-header .header-wrapper .home-link .img-wrapper {
        max-width: 220px;
    }    
}

.mod-header .main-nav {
    transform: none !important;
}

@media screen and (min-width: 992px) {
    .mod-header .main-nav {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .mod-header .main-nav {
        display: block !important;
    }
}

.mod-header .main-nav .menu .menu-item a {
    font-family: 'GothamHTF-Bold';
    font-size: calc(22 / 16 * 1rem);
}

.mod-header .main-nav .menu .menu-item a:hover {
    text-decoration: none !important;
}

.mod-header .main-nav .menu .menu-item {
    position: relative;
}

.mod-header .main-nav .menu .menu-item .custom-marker {
    width: 100%;
    position: absolute;
    bottom: -20px;
    text-align: center;
}

.mod-header .main-nav .menu .menu-item .custom-marker .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--theme-colour-4);
    opacity: 0;
    transition: all .3s;
}

.mod-header .main-nav .menu .menu-item.current-menu-item  .custom-marker .dot,
.mod-header .main-nav .menu .menu-item a:hover + .custom-marker .dot {
    opacity: 1;
    transition: all .3s;
}

.mod-header .mobile-menu-trigger .burger {
    width: 66px;
}

.mod-header .header-wrapper .mobile-menu {
    padding: 100px var(--bs-gutter-x,.75rem);
    text-align: center;
    background-color: var(--theme-colour-3);
}

@media screen and (min-width: 992px) {
    .mod-header .header-wrapper .mobile-menu-trigger {
        display: block !important;
    }
}

@media screen and (min-width: 1200px) {
    .mod-header .header-wrapper .mobile-menu-trigger {
        display: none !important;
    }
}

.mod-header .header-wrapper .mobile-menu .mobile-menu-trigger .cross {
    width: 47px;
}

.mod-header .header-wrapper .mobile-menu .mobile-main-nav .menu .menu-item {
    text-align: center;
}

.mod-header .header-wrapper .mobile-menu .mobile-main-nav .menu .menu-item a {
    font-family: 'GothamHTF-Bold';
    font-size: calc(30 / 16 * 1rem);
    color: var(--theme-colour-4);
}

.mod-header .header-wrapper .mobile-menu .mobile-meta-nav {
    margin: 0;
}

.mod-header .header-wrapper .mobile-menu .mobile-meta-nav .menu {
    text-align: center;
}

.mod-header .header-wrapper .mobile-menu .mobile-meta-nav .menu .menu-item a {
    font-size: calc(17 / 16 * 1rem);
    color: var(--theme-colour-4);
}

.mod-header .header-wrapper .mobile-menu .mobile-meta-nav .menu .menu-item:not(:last-of-type)::after {
    content: '';
    height: 25px;
    width: 1px;
    display: inline-block;
    background-color: var(--theme-colour-4);
    transform: translate(9px, 6px);
}

.mod-header .header-wrapper .mobile-menu .mobile-meta-nav .menu .menu-item.search-icon::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNC45NDYgMjQuOTQ1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzNjM2MzYjtmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IkViZW5lXzEtMiI+PGcgaWQ9IkdydXBwZV81MDYiPjxnIGlkPSJHcnVwcGVfNDg3Ij48cGF0aCBpZD0iUGZhZF8xMDIwIiBjbGFzcz0iY2xzLTEiIGQ9Im0xNS41OTksMTUuNTk5YzIuOTg2LTIuOTg1LDIuOTg2LTcuODI2LDAtMTAuODEyLTIuOTg1LTIuOTg2LTcuODI2LTIuOTg2LTEwLjgxMiwwLTIuOTg2LDIuOTg1LTIuOTg2LDcuODI2LDAsMTAuODEyLDAsMCwwLDAsMCwwLDIuOTg1LDIuOTg1LDcuODI1LDIuOTg2LDEwLjgxLDBoMG0yLjY0Ny44NDRsNi4zNjYsNi4zNjdjLjQ3NS41MTkuNDQsMS4zMjUtLjA3OCwxLjgtLjQ4Ny40NDYtMS4yMzQuNDQ2LTEuNzIyLDBsLTYuMzY3LTYuMzY2Yy00LjQ0NywzLjQ1Mi0xMC44NSwyLjY0Ny0xNC4zMDItMS44Qy0xLjMxLDExLjk5OC0uNTA0LDUuNTk1LDMuOTQyLDIuMTQyYzQuNDQ3LTMuNDUyLDEwLjg1LTIuNjQ3LDE0LjMwMiwxLjgsMi44NTYsMy42NzgsMi44NTYsOC44MjQsMCwxMi41MDJoLjAwMVoiLz48L2c+PC9nPjwvZz48L3N2Zz4=);
    transform: translate(-11px, 3px);
}

.mod-header .header-wrapper .mobile-menu .mod-support-flag {
    display: inline-block;
    position: relative;
    transform: none;
    top: auto;
    right: auto;
    writing-mode: initial;
    text-align: center;
    color: var(--theme-colour-4);
    border: 2px solid var(--c-white);
    border-radius: 5px;
    margin: 40px auto;
    padding: 10px 20px;
    box-shadow: none;
}

.mod-header .header-wrapper .mobile-menu .mod-support-flag::before {
    transform: none;
    margin-bottom: 0;
}

/*** .mod-support-flag ***/
.mod-support-flag {
    display: none;
    position: fixed;
    top: 45vh;
    right: 0;
    padding: 25px 20px;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    text-decoration: none;
    background-color: var(--theme-colour-3);
    font-family: 'GothamHTF-Bold';
    font-size: 22px;
    z-index: 10;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / .3);
}

@media screen and (min-width: 1200px) {
    .mod-support-flag {
        display: inline-block;
    }
}

.mod-support-flag::before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 25px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi40MTEgMjEuMTM4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2IwYzQ5ODt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IkViZW5lXzEtMiI+PGcgaWQ9IkdydXBwZV80NjMiPjxnIGlkPSJHcnVwcGVfNDYxIj48cGF0aCBpZD0iUGZhZF8xMDE2IiBjbGFzcz0iY2xzLTEiIGQ9Im0yMC43NjEsMS41NzVjLTEuMDU4LTEuMTAyLTYuNjc0LTQuMjM0LTEwLjE2MywzLjQxN0MzLjQ5Ni4xODEuNDU4LDUuNjMzLjA5NCw3LjExNmMtLjQ3MSwyLjkyMS44NTcsNS44NCwzLjM2OSw3LjQwNGwxMS40NjcsNi42MTgsNi42MTgtMTEuNDY3YzEuMzkyLTIuNjExLDEuMDgxLTUuODAyLS43ODctOC4wOTZaIi8+PC9nPjwvZz48L2c+PC9zdmc+);
    transform: rotate(90deg);
    margin-bottom: 5px;
}


/*** .mod-search ***/
.mod-search {
    padding: 30px 0;
}

@media screen and (min-width: 768px) {
    .mod-search {
        padding: 60px 0;
    }    
}

.mod-search .search-container {
    max-width: 800px !important;
}

.mod-search .search-input {
    width: 100%;
    padding: 30px;
    background-color: var(--theme-colour-3);
    border: none;
    border-radius: 5px;
    font-family: 'GothamHTF-Bold';
    color: var(--theme-colour-4);
}

.mod-search .submit-button-wrapper {
    display: flex;
    justify-content: flex-end;
}

.mod-search .submit-button {
    border: 3px solid var(--theme-colour-3);
    margin-top: 20px;
    border-radius: 5px;
    font-family: 'GothamHTF-Bold';
    text-align: center;
    padding: 10px 20px;
}

.mod-search .search-result-title {
    margin-top: 20px;
    font-family: 'segoe-regular';
    /* font-size: 32px; */
    font-size: 26px;
}

.mod-search .search-result-list-item {
    border-bottom: 1px solid;
    padding: 27px 0px;
}

.mod-search .search-result-link {
    text-decoration: none;
}

.mod-search .result-title {
    font-family: 'GothamHTF-Bold';
    font-size: calc(20 / 16 * 1rem);
    text-decoration: none;
}

@media screen and (min-width: 1200px) {
    .mod-search .result-title {
        font-size: calc(23 / 16 * 1rem);
    }   
}

.mod-search .search-result-path {
    font-size: calc(17 / 16 * 1rem);
}



/*** .nf-form-cont ***/
.nf-form-cont h3 {
    font-family: 'Museo300';
    font-size: calc(40 / 16 * 1rem) !important;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .nf-form-cont h3 {
        font-size: calc(70 / 16 * 1rem) !important;
        margin-bottom: 70px;
    }    
}

.nf-form-cont .nf-form-content .nf-field-container {
    margin-bottom: 25px !important;
}

.nf-form-content .label-above .nf-field-label {
    margin-bottom: 0 !important;
}

.nf-form-cont .nf-form-content .field-wrap.listradio-wrap li {
    display: list-item !important;
}

@media (min-width: 768px) {
    .nf-form-cont .nf-form-content .field-wrap.listradio-wrap li {
        display: inline-block !important;
    }    
}

.nf-form-cont,
.nf-form-cont .nf-form-content .field-wrap.listcheckbox-wrap li label,
.nf-form-cont .nf-form-content .field-wrap.checkbox-wrap label,
.nf-form-cont .nf-form-content .field-wrap.listradio-wrap li label,
.nf-form-cont .nf-error-msg {
    font-family: 'GothamHTF-Bold';
    font-size: calc(19 / 16 * 1rem) !important;
}

.nf-form-cont .nf-form-content .field-wrap.listcheckbox-wrap .nf-field-label,
.nf-form-cont .nf-form-content .field-wrap.checkbox-wrap .nf-field-label,
.nf-form-cont .nf-form-content .field-wrap.listradio-wrap .nf-field-label {
    margin-bottom: 5px !important;
}

.list-checkbox-wrap .nf-field-element ul {
    transform: translateX(5px);
}

@media (min-width: 992px) {
    .list-checkbox-wrap .nf-field-element ul {
        transform: translateX(-10px);
    }
}

.nf-form-cont .nf-form-content .field-wrap.checkbox-wrap label:hover {
    cursor: pointer;
}

.nf-form-cont .nf-form-content input:not([type=button]),
.nf-form-cont .nf-form-content textarea {
    font-family: 'GothamHTF-Book';
    font-size: calc(19 / 16 * 1rem) !important;
}

.nf-form-cont .nf-form-content .field-wrap:not(.listcheckbox-wrap):not(.checkbox-wrap):not(.listradio-wrap) .nf-field-label label {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    padding: 0 !important;
    font-family: 'GothamHTF-Bold' !important;
    font-size: calc(19 / 16 * 1rem) !important;
    line-height: 1.5 !important;
}

.nf-form-cont .nf-form-content .field-wrap.checkbox-wrap label:before {
    content: '';
    height: 22px!important;
    left: -30px !important;
    top: 3px !important;
    width: 22px!important;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjcuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMS41IDIxLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxLjUgMjEuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtjbGlwLXBhdGg6dXJsKCNTVkdJRF8wMDAwMDA2MTQzMDM2MzE0NDk1MjcyNTUyMDAwMDAxNTA1MTkzMjI5NjE0OTE3NzI0N18pO30KCS5zdDF7ZmlsbDojM0MzQzNCO30KPC9zdHlsZT4KPGcgaWQ9IkViZW5lXzEtMiI+Cgk8ZyBpZD0iR3J1cHBlXzcxMCI+CgkJPGc+CgkJCTxkZWZzPgoJCQkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjEuNSIgaGVpZ2h0PSIyMS41Ii8+CgkJCTwvZGVmcz4KCQkJPGNsaXBQYXRoIGlkPSJTVkdJRF8wMDAwMDExMjYyMjc1NDcxMDEzNzE1NjkzMDAwMDAxMDM2NDc0NjUwNDQwMDcyMjg1N18iPgoJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4KCQkJPC9jbGlwUGF0aD4KCQkJPGcgc3R5bGU9ImNsaXAtcGF0aDp1cmwoI1NWR0lEXzAwMDAwMTEyNjIyNzU0NzEwMTM3MTU2OTMwMDAwMDEwMzY0NzQ2NTA0NDAwNzIyODU3Xyk7Ij4KCQkJCTxnIGlkPSJHcnVwcGVfNjc4Ij4KCQkJCQk8cGF0aCBpZD0iUGZhZF8xMTk3IiBjbGFzcz0ic3QxIiBkPSJNMC41LDAuNWMwLjctMC43LDEuNy0wLjcsMi40LDBjMCwwLDAsMCwwLDBsNy45LDcuOWw3LjktNy45YzAuNy0wLjcsMS43LTAuNywyLjQsMAoJCQkJCQlzMC43LDEuNywwLDIuNGwtNy45LDcuOWw3LjksNy45YzAuNiwwLjcsMC42LDEuNy0wLjEsMi40Yy0wLjYsMC42LTEuNywwLjYtMi4zLDBsLTcuOS03LjlMMi45LDIxYy0wLjcsMC43LTEuNywwLjctMi40LDAKCQkJCQkJYy0wLjctMC43LTAuNy0xLjcsMC0yLjRsNy45LTcuOUwwLjUsMi45Qy0wLjIsMi4yLTAuMiwxLjEsMC41LDAuNUMwLjUsMC41LDAuNSwwLjUsMC41LDAuNSIvPgoJCQkJPC9nPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=) !important;
}

.nf-form-cont .nf-form-content .field-wrap.checkbox-wrap label::after {
    content: '';
    height: 22px !important;
    left: -30px !important;
    top: 3px !important;
    width: 22px !important;
    border: 3px solid var(--theme-colour-4);    
}

.nf-form-cont .nf-form-content .field-wrap.listcheckbox-wrap li label:before {
    content: '';
    height: 22px!important;
    left: -35px !important;
    top: 3px !important;
    width: 22px!important;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjcuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMS41IDIxLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxLjUgMjEuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtjbGlwLXBhdGg6dXJsKCNTVkdJRF8wMDAwMDA2MTQzMDM2MzE0NDk1MjcyNTUyMDAwMDAxNTA1MTkzMjI5NjE0OTE3NzI0N18pO30KCS5zdDF7ZmlsbDojM0MzQzNCO30KPC9zdHlsZT4KPGcgaWQ9IkViZW5lXzEtMiI+Cgk8ZyBpZD0iR3J1cHBlXzcxMCI+CgkJPGc+CgkJCTxkZWZzPgoJCQkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjEuNSIgaGVpZ2h0PSIyMS41Ii8+CgkJCTwvZGVmcz4KCQkJPGNsaXBQYXRoIGlkPSJTVkdJRF8wMDAwMDExMjYyMjc1NDcxMDEzNzE1NjkzMDAwMDAxMDM2NDc0NjUwNDQwMDcyMjg1N18iPgoJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4KCQkJPC9jbGlwUGF0aD4KCQkJPGcgc3R5bGU9ImNsaXAtcGF0aDp1cmwoI1NWR0lEXzAwMDAwMTEyNjIyNzU0NzEwMTM3MTU2OTMwMDAwMDEwMzY0NzQ2NTA0NDAwNzIyODU3Xyk7Ij4KCQkJCTxnIGlkPSJHcnVwcGVfNjc4Ij4KCQkJCQk8cGF0aCBpZD0iUGZhZF8xMTk3IiBjbGFzcz0ic3QxIiBkPSJNMC41LDAuNWMwLjctMC43LDEuNy0wLjcsMi40LDBjMCwwLDAsMCwwLDBsNy45LDcuOWw3LjktNy45YzAuNy0wLjcsMS43LTAuNywyLjQsMAoJCQkJCQlzMC43LDEuNywwLDIuNGwtNy45LDcuOWw3LjksNy45YzAuNiwwLjcsMC42LDEuNy0wLjEsMi40Yy0wLjYsMC42LTEuNywwLjYtMi4zLDBsLTcuOS03LjlMMi45LDIxYy0wLjcsMC43LTEuNywwLjctMi40LDAKCQkJCQkJYy0wLjctMC43LTAuNy0xLjcsMC0yLjRsNy45LTcuOUwwLjUsMi45Qy0wLjIsMi4yLTAuMiwxLjEsMC41LDAuNUMwLjUsMC41LDAuNSwwLjUsMC41LDAuNSIvPgoJCQkJPC9nPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=) !important;
}

.nf-form-cont .nf-form-content .field-wrap.listcheckbox-wrap li label::after {
    content: '';
    height: 22px !important;
    left: -35px !important;
    top: 3px !important;
    width: 22px !important;
    border: 3px solid var(--theme-colour-4);    
}

.nf-form-cont .nf-form-content .field-wrap.listradio-wrap li label {
    margin-left: 35px!important;
}

.nf-form-cont .nf-form-content .field-wrap.listradio-wrap li label:after {
    height: 22px !important;
    left: -35px !important;
    top: 3px;
    width: 22px !important;
    border: 3px solid var(--theme-colour-4);
}

.nf-form-cont .nf-form-content .field-wrap.listradio-wrap li label.nf-checked-label:after {
    border: 6px solid var(--theme-colour-4);
}

.nf-form-cont .nf-form-content input:not([type=button]),
.nf-form-cont .nf-form-content textarea {
    background-color: #f8f8f8;
    border: none;
    border-radius: 5px;
    padding: 10px 20px !important;
}

.nf-form-content .list-select-wrap .nf-field-element>div:focus,
.nf-form-content input:not([type=button]):focus, .nf-form-content textarea:focus {
    background: #f8f8f8 !important;
}

.nf-form-cont .nf-form-content input {
    height: 54px !important;
}

.nf-form-cont .nf-form-content .field-wrap.submit-wrap .nf-field-element input[type=submit] {
    border-radius: 5px;
    background-color: transparent;
    color: var(--theme-colour-4);
    font-family: 'GothamHTF-Bold';
    font-size: calc(22 / 16 * 1rem) !important;
}

.nf-form-cont .nf-form-content .field-wrap.submit-wrap .nf-field-element input[type=submit]:hover {
    background-color: var(--theme-colour-4);
    color: #fff;
}

.nf-form-cont .nf-form-content .field-wrap.listselect-wrap .nf-field-element select {
    background-color: #f8f8f8;
    border: none;
    border-radius: 5px;
    font-family: 'GothamHTF-Book' !important;
    font-size: calc(19 / 16 * 1rem) !important;
}

.nf-field-element select:focus + div {
    outline-offset: 3px !important;
}

.nf-pass.field-wrap .nf-field-element:after,
.nf-error.field-wrap .nf-field-element:after {
    font-size: 22px !important;
}

.nf-form-cont .nf-pass .nf-field-element:after,
.nf-form-cont .nf-error .nf-field-element:after {
    bottom: 18px!important;
}

.nf-form-cont .nf-progress-container,
.nf-form-cont .nf-breadcrumbs {
    display: none;
}

.nf-form-cont .part-indicator {
    font-family: 'segoe-regular';
    /* font-size: calc(30 / 16 * 1rem); */
    font-size: calc(24 / 16 * 1rem);
}

.nf-form-cont .nf-previous,
.nf-form-cont .nf-next {
    background-color: transparent !important;
    color: var(--theme-colour-4) !important;
    font-family: 'segoe-regular';
    /* font-size: calc(30 / 16 * 1rem) !important; */
    font-size: calc(24 / 16 * 1rem) !important;
}

.nf-form-cont .nf-mp-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.nf-form-cont .nf-mp-header h3 {
    font-family: 'GothamHTF-Bold';    
    font-size: calc(40 / 16 * 1rem) !important;
    margin: 0;
}

.nf-form-cont .nf-error .nf-field-element:after,
.nf-form-cont .nf-error-msg:before,
.nf-form-cont .nf-after-form-content .nf-error-msg:before {
    background-image: none !important;
}

.nf-after-field .nf-error-msg {
    padding-left: 0 !important;
    font-family: 'GothamHTF-Book' !important;
    font-size: calc(18 / 16 * 1rem) !important;
}

.nf-form-cont .nf-error-msg {
    padding-left: 0 !important;
    font-family: 'GothamHTF-Book' !important;
    font-size: calc(18 / 16 * 1rem) !important;
}

.nf-form-cont .nf-error-msg:before {
    left: 0;
}

.nf-form-cont .nf-form-content .field-wrap.listselect-wrap .nf-field-element select:focus+div {
    outline: 2px solid #222;
}

.checkbox-container.label-right .nf-field-element {
    position: relative !important;
}

.nf-form-cont .nf-form-content .field-wrap.listradio-wrap li label.nf-checked-label:after {
    border: 11px solid var(--theme-colour-4) !important;
}


/*** .mod-ticket-teaser-klein ***/
.mod-ticket-teaser-klein > .row {
    justify-content: center;
}

@media (min-width: 1200px) {
    .mod-ticket-teaser-klein .ticket-container .ticket-wrapper .ticket .title {
        font-size: 30px !important;
    }
}

@media (min-width: 1400px) {
    .mod-ticket-teaser-klein .ticket-container .ticket-wrapper .ticket .title {
        font-size: 40px !important;
    }
}

@media (min-width: 1800px) {
    .mod-ticket-teaser-klein .ticket-container .ticket-wrapper .ticket .title {
        font-size: 45px !important;
    }
}


/*** .mod-kleine-bildteaser ***/
.mod-kleine-bildteaser {
    text-align: center;    
}

@media (min-width: 1200px) {
    .mod-kleine-bildteaser {
        font-size: calc(40 / 16 * 1rem) !important;
    }
}

.mod-kleine-bildteaser .teaser-list > .row {
    justify-content: center;
}

.mod-kleine-bildteaser .title {
    font-family: 'GothamHTF-Bold';
}


/*** .mod-zitat-teaser ***/
.mod-zitat-teaser .text-wrapper {
    background-color: rgb(0 0 0 / .2);
    border-radius: var(--image-border-radius);
}

.mod-zitat-teaser .text-wrapper.no-link {
    justify-content: flex-end;
}

@media (min-width: 992px) {
    .mod-zitat-teaser .text-wrapper.no-link {
        justify-content: flex-start;
    }    
}

.mod-zitat-teaser .text {
    font-family: 'segoe-regular';
    /* font-size: calc(25 / 16 * 1rem) !important; */
    font-size: calc(20 / 16 * 1rem) !important;
}

@media (min-width: 992px) {
    .mod-zitat-teaser .text {
        /* font-size: calc(40 / 16 * 1rem) !important; */
        font-size: calc(32 / 16 * 1rem) !important;
    }    
}

.mod-zitat-teaser .link {
    font-family: 'GothamHTF-Bold';
    color: var(--theme-colour-4) !important;
    font-size: 14px !important;
    padding: 5px 8px !important;
}

@media screen and (min-width: 768px) {
    .mod-zitat-teaser .link {
        font-size: 20px !important;
        padding: 10px 20px !important;
    }    
}


/*** .mod-galerie-mit-textboxen ***/
.mod-galerie-mit-textboxen {
    font-family: 'Museo300';    
}

.mod-galerie-mit-textboxen .gallery-row .textbox.small {
    font-size: calc(20 / 16 * 1rem) !important;
}

@media (min-width: 992px) {
    .mod-galerie-mit-textboxen .gallery-row .textbox.small {
        font-size: calc(25 / 16 * 1rem) !important;
    }
}

@media (min-width: 1400px) {
    .mod-galerie-mit-textboxen .gallery-row .textbox.small {
        font-size: calc(40 / 16 * 1rem) !important;
    }
}

.mod-galerie-mit-textboxen .gallery-row .textbox.large {
    font-size: calc(20 / 16 * 1rem) !important;
}

@media (min-width: 992px) {
    .mod-galerie-mit-textboxen .gallery-row .textbox.large {
        font-size: calc(40 / 16 * 1rem) !important;
    }
}

@media (min-width: 1400px) {
    .mod-galerie-mit-textboxen .gallery-row .textbox.large {
        font-size: calc(60 / 16 * 1rem) !important;
    }
}

.mod-galerie-mit-textboxen .mod-media-modal .btn-close:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjguMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0OS41IDQ5LjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5LjUgNDkuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8ZyBpZD0iRWJlbmVfMS0yIj4KCTxyZWN0IHg9Ii04LjMiIHk9IjIyLjciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTEwLjI1MTMgMjQuNzQ5MykiIGNsYXNzPSJzdDAiIHdpZHRoPSI2NiIgaGVpZ2h0PSI0Ii8+Cgk8cmVjdCB4PSIyMi43IiB5PSItOC4zIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMC4yNTEzIDI0Ljc0OTMpIiBjbGFzcz0ic3QwIiB3aWR0aD0iNCIgaGVpZ2h0PSI2NiIvPgo8L2c+Cjwvc3ZnPgo=) !important;
}

.mod-galerie-mit-textboxen .mod-media-modal .swiper-button:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjcuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1NS41IDI1LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU1LjUgMjUuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cGF0aCBpZD0iUGZhZF85NTIiIGNsYXNzPSJzdDAiIGQ9Ik01NS41LDEyLjZjLTYuOS0yLjUtMTMtNi44LTE3LjYtMTIuNmMwLjEsMy40LDEuNCw2LjksMy4yLDEwLjRIMHY0LjFoNDEuMQoJYy0xLjksMy4zLTMsNi45LTMuMSwxMC43QzQzLjEsMTkuNCw0OC42LDE0LjgsNTUuNSwxMi42TDU1LjUsMTIuNnoiLz4KPC9zdmc+Cg==) !important;
}

.mod-galerie-mit-textboxen .mod-media-modal .swiper-button:before {
    height: 22px !important;
}


/*** .mod-zitat-slider ***/
.mod-zitat-slider .container-breakout {
    background-color: #fff !important;
    color: var(--theme-colour-4) !important;
    padding: 0 !important;
}

.mod-zitat-slider .container-breakout .swiper-container .quote-swiper .swiper-wrapper .swiper-slide .quote-wrapper {
    max-width: 500px;
}

@media screen and (min-width: 1200px) {
    .mod-zitat-slider .container-breakout .swiper-container .quote-swiper .swiper-wrapper .swiper-slide .quote-wrapper {
        max-width: 1000px;
    }
}

.mod-zitat-slider .quote {
    font-family: 'segoe-regular';
    color: var(--theme-colour-4) !important;
}

@media screen and (min-width: 768px) {
    .mod-zitat-slider .quote {
        /* font-size: calc(32 / 16 * 1rem); */
        font-size: calc(26 / 16 * 1rem);
    }
}

.mod-zitat-slider .name {
    font-family: 'GothamHTF-Bold';
}

@media screen and (min-width: 768px) {
    .mod-zitat-slider .jobtitle,
    .mod-zitat-slider .name {
        font-size: calc(20 / 16 * 1rem);
    }
}

.mod-zitat-slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: var(--theme-colour-2) !important;
}

@media screen and (min-width: 768px) {
    .mod-zitat-slider .swiper-pagination-bullet {
        background-color: #fff !important;
    }    
}

@media screen and (min-width: 1200px) {
    .mod-zitat-slider .quote-swiper .swiper-wrapper .swiper-slide .img-wrapper .a-image .a-image__picture img {
        max-height: 350px !important;
    }
}

.mod-zitat-slider .swiper-container .quote-swiper .swiper-button-next:after,
.mod-zitat-slider .swiper-container .quote-swiper .swiper-button-prev:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjcuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1NS41IDI1LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU1LjUgMjUuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDt9Cjwvc3R5bGU+CjxnIGlkPSJHcnVwcGVfNTMyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDI1LjE1NCkgcm90YXRlKC05MCkiPgoJPGc+CgkJPGcgaWQ9IkdydXBwZV80MzkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPgoJCQk8cGF0aCBpZD0iUGZhZF85NTIiIGNsYXNzPSJzdDAiIGQ9Ik0xMi42LDU1LjVjMi41LTYuOSw2LjgtMTMsMTIuNi0xNy42Yy0zLjQsMC4xLTYuOSwxLjQtMTAuNCwzLjJWMGgtNC4xdjQxLjEKCQkJCUM3LjQsMzkuMiwzLjgsMzguMSwwLDM4QzUuOCw0My4xLDEwLjQsNDguNiwxMi42LDU1LjVMMTIuNiw1NS41eiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K) !important;
    height: 25px !important;
    width: 55px !important;
}

html[data-whatinput="mouse"] .mod-zitat-slider .swiper-container .quote-swiper .swiper-button-next:focus,
html[data-whatinput="mouse"] .mod-zitat-slider .swiper-container .quote-swiper .swiper-button-prev:focus {
    outline: none !important;
}


/*** .mod-ticket-teaser-gross ***/
.mod-ticket-teaser-gross .title {
    font-size: calc(30 / 16 * 1rem) !important;
}

@media screen and (min-width: 1200px) {
    .mod-ticket-teaser-gross .text {
        font-size: calc(30 / 16 * 1rem) !important;
    }

    .mod-ticket-teaser-gross .title {
        font-family: 'GothamHTF-Bold';
        font-size: calc(45 / 16 * 1rem) !important;
    }

    .mod-ticket-teaser-gross .subtitle {
        font-family: 'segoe-regular';
        /* font-size: calc(32 / 16 * 1rem) !important; */
        font-size: calc(26 / 16 * 1rem) !important;
    }
}

.mod-ticket-teaser-gross .ticket-wrapper .ticket .link {
    font-family: 'GothamHTF-Bold';
}



/*** .mod-ticket-teaser-klein ***/
.mod-ticket-teaser-klein .title {
    font-size: calc(30 / 16 * 1rem) !important;
}

@media screen and (min-width: 1200px) {
    .mod-ticket-teaser-klein .text {
        font-size: calc(20 / 16 * 1rem) !important;
    }

    .mod-ticket-teaser-klein .title {
        font-family: 'GothamHTF-Bold';
        font-size: calc(45 / 16 * 1rem) !important;
    }

    .mod-ticket-teaser-klein .link {
        font-family: 'GothamHTF-Bold';
        font-size: calc(22 / 16 * 1rem) !important;
    }
}


/*** .mod-header-mit-bild-und-text ***/
.mod-header-mit-bild-und-text {
    padding: 60px 0 !important
}

.mod-header-mit-bild-und-text .link-button .link-button-text {
    max-width: 60%;
    hyphens: auto;
    font-family: 'GothamHTF-Bold';
    font-size: calc(18 / 16 * 1rem) !important;
}

@media screen and (min-width: 992px) {
    .mod-header-mit-bild-und-text .link-button .link-button-text {
        font-size: calc(22 / 16 * 1rem) !important;
    }
}

.mod-header-mit-bild-und-text .lead-text {
    max-width: 100% !important;
    font-family: 'segoe-regular';    
}

@media screen and (min-width: 768px) {
    .mod-header-mit-bild-und-text .lead-text {
        max-width: 80% !important;
    }
}

@media screen and (min-width: 1200px) {
    .mod-header-mit-bild-und-text .lead-text {
        /* font-size: calc(40 / 16 * 1rem) !important; */
        font-size: calc(32 / 16 * 1rem) !important;
    }
}

@media screen and (min-width: 1400px) {
    .mod-header-mit-bild-und-text .lead-text {
        max-width: 60% !important;
    }
}


/*** .mod-accordion ***/
.mod-accordion .header-title {
    font-size: calc(26 / 16 * 1rem) !important;
}

@media screen and (min-width: 768px) {
    .mod-accordion .header-title {
        font-size: calc(30 / 16 * 1rem) !important;
    }
}


/*** .mod-tabelle ***/
.mod-tabelle table tr td {
    padding: 3px 10px;
}

.mod-tabelle table tr td:first-of-type {
    padding-top: 10px;
}

.mod-tabelle table tr td:last-of-type {
    padding-bottom: 10px;
}

@media screen and (min-width: 992px) {
    .mod-tabelle table tr td {
        padding: 10px 25px;
    }
}


/* Formular Newsletter dodeley */

.dodeley_subscribe_form [type="checkbox"] {
    margin-right: 10px;
    height: 20px;
    width: 20px;
}

.dodeley_subscribe_form p label {
    min-width: 200px !important;
}