/*
------------------------------------------------------------------------------
- 1. RESET
- 2. FONTS
- 3. VARIABLES
- 4. STRUCTURE
- 5. APPEARANCE
- 6. HEADER
- 7. FOOTER
- 8. NAVIGATION
- 9. MODULES
- 10. SINGLE EVENT
- 11. SINGLE POST
- 12. SEARCH
- 13. PAGINATION
- 99. SWIPER

------------------------------------------------------------------------------
*/

/*
------------------------------------------------------------------------------
1. RESET
------------------------------------------------------------------------------
*/

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html,
body {
    border: none;
    margin: 0;
    padding: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
figure,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
    border: none;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-align: inherit;
}

blockquote::before,
blockquote::after {
    content: "";
}

.semantic {
    display: none;
}

/*
------------------------------------------------------------------------------
2. FONTS
------------------------------------------------------------------------------
*/

@font-face {
    font-display: swap;
    font-family: 'DIN Next LT Pro';
    font-weight: 700;
    src: url('../fonts/DINNextLTPro-Bold.woff2') format('woff2'),
        url('../fonts/DINNextLTPro-Bold.woff') format('woff'),
        url('../fonts/DINNextLTPro-Bold.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'DIN Next LT Pro';
    font-weight: 400;
    src: url('../fonts/DINNextLTPro-Regular.woff2') format('woff2'),
        url('../fonts/DINNextLTPro-Regular.woff') format('woff'),
        url('../fonts/DINNextLTPro-Regular.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-weight: 400;
    src: url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff'),
        url('../fonts/Inter-Regular.ttf') format('truetype');
}

/*
------------------------------------------------------------------------------
3. VARIABLES
------------------------------------------------------------------------------
*/

/* Fonts */
:root {
    --mts-font-din: DIN Next LT Pro, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, sans-serif;
    --mts-font-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* Sizes */
:root {
    --size-logo-height: 82px;
    --size-logo-height-mobile: 64px;
    --size-logo-partner-height: 55px;
    --size-wrapper-width: 976px;
}

@media only screen and (max-width: 1024px) {
    :root {
        --size-wrapper-width: 100%;
    }
}

/* Spaces */
:root {
    --space-base: 8px;
    --space-xxxxs: 4px;
    --space-xxxs: 8px;
    --space-xxs: 12px;
    --space-xs: 16px;
    --space-sm: 24px;
    --space-md: 32px;
    --space-lg: 40px;
    --space-xl: 48px;
    --space-xxl: 60px;
    --space-xxxl: 96px;
    --space-xxxxl: 120px;
}

/* Colors */
:root {
    --color-accent: #4f80ff;
    --color-accent-hover: #174ACE;

    --color-white: #ffffff;
    --color-blue-dark: #293845;
    --color-blue-medium: #597A96;
    --color-blue-light: #99AFC2;
    --color-grey-dark: #0F151A;
    --color-grey-medium: #d8dfe3;
    --color-grey-light: #EFF3F5;

    --color-body: var(--color-white);
    --color-bg-body: var(--color-grey-light);
    --color-text: var(--color-grey-dark);

    --color-link: var(--color-accent);
    --color-link-hover: var(--color-accent-hover);
    --color-link-invers: var(--color-white);
    --color-link-invers-hover: var(--color-blue-medium);

    --color-warning: #e8ad0c;
    --color-error: #b02c56;

    --color-menu-text: #0F151A;
    --color-menu-text-hover: var(--color-accent-hover);

    --color-grey-botton-border: #DCE4EA;
    --color-grey-botton-hover: #DCE3EA;
}

/*
------------------------------------------------------------------------------
4. STRUCTURE
------------------------------------------------------------------------------
*/

html {
    scroll-behavior: smooth;
}

body {
    text-rendering: optimizeLegibility;
    display: grid;
    height: 100vh;
    grid-template: auto 1fr auto / auto;
    margin: 0 auto;
    position: relative;
}

.wrapper {
    max-width: var(--size-wrapper-width);
    margin: 0 auto;
    padding: 0 var(--space-sm);
    /* box-sizing: border-box; */
}

.module-events .wrapper {
    padding: 0 0 0 var(--space-sm);
}

.wrapper.spaced {
    padding: var(--space-sm) var(--space-sm);
}

/*
------------------------------------------------------------------------------
5. APPEARANCE
------------------------------------------------------------------------------
*/

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--mts-font-inter);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-text);
    background-color: var(--color-bg-body);
}

h1,
h2,
h3,
h3,
h5,
h6 {
    font-family: var(--mts-font-din);
    line-height: 1.125;
    font-weight: inherit;
    letter-spacing: -0.25px;
}


h1 {
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    word-break: break-word;
    margin: 0 auto var(--space-sm);
}

h2 {
    ont-weight: 700;
    font-size: 30px;
    line-height: 36px;
    word-break: break-word;
    margin: var(--space-md) auto var(--space-sm);
}

h3 {
    ont-weight: 700;
    font-size: 26px;
    line-height: 32px;
    word-break: break-word;
}

h4 {
    ont-weight: 700;
    font-size: 20px;
    line-height: 26px;
    word-break: break-word;
}

h5 {
    ont-weight: 700;
    font-size: 16px;
    line-height: 22px;
    word-break: break-word;
}

h6 {
    ont-weight: 700;
    font-size: 16px;
    line-height: 22px;
    word-break: break-word;
}

ol,
ul {
    padding: var(--space-sm);
}

ol li,
ul li {
    padding-bottom: var(--space-xxxs);
}

a {
    color: var(--color-link);
    text-decoration: none;
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}

a:hover {
    color: var(--color-link-hover);
}

a.lnk-btn {
    display: inline-block;
    text-decoration: none;
    color: var(--color-white);
    background-color: var(--color-link);
    padding: var(--space-xxxs) var(--space-sm);
    border-radius: 4px;
    transition: .25s;

    font-family: var(--mts-font-inter);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

a.lnk-btn:hover {
    background-color: var(--color-link-hover);
}

a.lnk-btn-abo-plus,
button.lnk-btn-abo-plus {
    display: inline-block;
    text-decoration: none;
    color: var(--color-link);
    transition: .25s;
}

button.lnk-btn-abo-plus {
    background: transparent;
    cursor: pointer;
}


a.lnk-btn-abo-plus:hover,
button.lnk-btn-abo-plus:hover {
    color: var(--color-link-hover);
}

.more-events-btn-container {
    text-align: center;
}

#more-events-btn {
    margin: 0 auto;
    background-color: transparent;
    border: solid 1px var(--color-grey-botton-border);
    padding: var(--space-xxs) var(--space-sm);
    color: var(--color-text);
    font-size: 14px;
    line-height: 18px;
    display: inline-flex;
    align-items: center;
}

#more-events-btn:after {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 0 0 var(--space-xxxs);
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.74895 13.3321C9.55145 13.3326 9.36134 13.2592 9.21791 13.1272L3.57621 7.96567C3.42678 7.82877 3.33942 7.63979 3.33335 7.44029C3.32727 7.24079 3.40298 7.04711 3.54382 6.90187C3.68466 6.75663 3.87909 6.67171 4.08434 6.66581C4.28959 6.6599 4.48885 6.73349 4.63828 6.87039L9.73249 11.5313L14.5118 6.88587C14.6571 6.74463 14.8542 6.66528 15.0597 6.66528C15.2652 6.66528 15.4623 6.74463 15.6076 6.88587C15.7529 7.02711 15.8345 7.21867 15.8345 7.41841C15.8345 7.61816 15.7529 7.80972 15.6076 7.95096L10.2972 13.1125C10.2252 13.1823 10.1397 13.2377 10.0456 13.2754C9.9515 13.313 9.8507 13.3323 9.74895 13.3321V13.3321Z' fill='%230F151A'/%3E%3C/svg%3E");
}

.module-benefits section article a.lnk-btn {
    display: inline-block;
    text-decoration: none;
    color: var(--color-text);
    background-color: var(--color-grey-light);
    border: solid 1px var(--color-grey-botton-border);
    padding: var(--space-xxs) var(--space-sm);
    border-radius: 4px;
    transition: .25s;
}

.module-benefits section article a.lnk-btn:hover {
    background: #DCE3EA;
    border-color: #DCE3EA;
}


.tbl-box {
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
}

table th {
    color: var(--color-white);
    background-color: var(--color-blue-light);
    padding: var(--space-xxxs) var(--space-xs);
    border-bottom: 1px solid var(--color-grey-medium);
}

table td {
    background-color: var(--color-grey-light);
    padding: var(--space-xxxs) var(--space-xs);
    border-bottom: 1px solid var(--color-grey-medium);
}


/*
------------------------------------------------------------------------------
6. HEADER
------------------------------------------------------------------------------
*/

#site-header {
    background-color: var(--color-white);
    padding: var(--space-sm) 0 0 0;
    box-shadow: 0px 1px 4px -1px rgba(15,21,26,.15), 0px 2px 2px -1px rgba(15,21,26,.1);
}

#site-header .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

#site-header .header-title {
    width: 50%;
}

#site-header .header-title a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#site-header .header-title a div {
    height: var(--size-logo-height);
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
}

#site-header .header-title a.number-1 div {
    width: 100%;
}

#site-header .header-title a.number-2 div {
    width: 47%;
}

#site-header .header-title a.number-3 div {
    width: 30%;
}

#site-header .header-title a strong {
    display: none;
}

#site-header .header-partner {
    width: 50%;
}

#site-header .header-partner .logo-partner {
    height: var(--size-logo-partner-height);
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
}

/*
------------------------------------------------------------------------------
7. FOOTER
------------------------------------------------------------------------------
*/

#site-footer {
    color: var(--color-white);
    background-color: var(--color-blue-dark);
    font-size: 14px;
}

#site-footer .footer-line {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: var(--space-md) 0;
    font-family: var(--mts-font-inter);
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}

#site-footer header {
    font-family: var(--mts-font-din);
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.25px;
    margin-bottom: var(--space-xs);
}

#site-footer nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#site-footer nav ul li {
    margin: 0;
    padding: 0;
}

#site-footer a {
    color: var(--color-link-invers);
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}

#site-footer a:hover {
    color: var(--color-link-invers-hover);
}

#site-footer .btn-to-top {
    display: flex;
    font-family: var(--mts-font-inter);
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin: 0 auto;
    padding: 15px 0;
    color: var(--color-blue-medium);
    align-items: center;
    justify-content: center;
    border-bottom: solid 1px var(--color-blue-medium);
}

#site-footer .btn-to-top:hover {
    color: var(--color-blue-medium);
}

#site-footer .btn-to-top:after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1504 8.30952C12.9062 8.56141 12.5112 8.56141 12.2599 8.30952L8.76881 4.81291V13.3667C8.76881 13.712 8.48866 13.9997 8.14386 13.9997C7.97629 13.9995 7.81566 13.9327 7.69717 13.814C7.57868 13.6954 7.51202 13.5345 7.51179 13.3667V4.75463L3.7263 8.32377C3.60964 8.4339 3.45561 8.49561 3.29529 8.49644C3.20946 8.49741 3.12435 8.48066 3.04527 8.44724C2.96618 8.41382 2.89482 8.36444 2.83563 8.30218C2.72201 8.17974 2.66128 8.01731 2.66665 7.85024C2.67202 7.68317 2.74305 7.52499 2.86429 7.41011L7.71307 2.8343C7.95723 2.604 8.34513 2.61134 8.5893 2.84855L13.1504 7.42457C13.2675 7.54195 13.3333 7.7011 13.3333 7.86705C13.3333 8.03299 13.2675 8.19214 13.1504 8.30952Z' fill='%23597A96'/%3E%3C/svg%3E%0A");
    margin: 0 0 0 3px;
    position: relative;
    top: 2px;
}

.footer-bottom {
    display: flex;
    font-family: var(--mts-font-inter);
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: var(--color-blue-light);
    margin: 0 auto;
    padding: 15px 0;
    align-items: center;
    justify-content: center;
    border-top: solid 1px var(--color-blue-medium);
}

/*
------------------------------------------------------------------------------
8. NAVIGATION
------------------------------------------------------------------------------
*/


#header-navigation {
    margin-top: var(--space-sm);
    border-top: 1px solid var(--color-grey-light);
}

#header-navigation .wrapper {
    border-top: 1px solid var(--color-grey-light);
    padding: var(--space-xxxs) var(--space-sm);
}


#header-navigation .menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}


#header-navigation .menu li {
    margin: 0;
    padding: 0;
}

#header-navigation .menu li a {
    display: block;
    padding: var(--space-xs);
    color: var(--color-menu-text);
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}

#header-navigation .menu li a:hover {
    color: var(--color-menu-text-hover);
}

#header-navigation .menu>li:hover {
    /*margin: 5px var(--space-xxxs) 0 0;*/
}

#header-navigation .menu li.menu-item.accent a {
    color: var(--color-white);
    background-color: var(--color-accent);
    border-radius: 5px;
    padding: 8px;
}

#header-navigation .menu li.menu-item.accent a:hover {
    color: var(--color-white);
    background-color: var(--color-accent-hover);
}



/*
------------------------------------------------------------------------------
9. MODULES
------------------------------------------------------------------------------
*/

/* General Rows */

.module-row {
    margin: var(--space-xl) 0;
}

.module-row h1,
.module-row h2,
.module-row h3,
.module-row h4,
.module-row h5 {
    padding: 0;
    margin: 0;
    padding-bottom: var(--space-lg);
}

.module-row.dark {
    background-color: var(--color-grey-light);
}

.module-row.blue {
    background-color: var(--color-blue-dark);
}

.module-row.textblue {
    color: var(--color-blue-dark);
}

.module-row .headline {
    margin-top: 0;
    text-align: center;
}

.module-row.module-events .headline {
    margin-right: var(--space-sm);
    text-align: center;
}

/* Stage */



/* Benefits */

.module-benefits {
    
}

/*
------------------------------------------------------------------------------
10. SINGLE EVENT
------------------------------------------------------------------------------
*/

.single-mts-event .event article {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.single-mts-event .event article .img-box {
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background-size: cover;
    background-position: center;
    padding-bottom: 50%;
}

.single-mts-event .event article .txt-box {
    width: 100%;
    font-family: var(--mts-font-inter);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    padding: 0 var(--space-sm) var(--space-xxxs);
    box-sizing: border-box;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: var(--color-white);
    margin-top: var(--space-sm);
}

.single-mts-event .event article .date,
.single-mts-event .event article .site {
    font-weight: 700;
}

.single-mts-event .event article .aboplusnote {
    display: inline-block;
    font-size: 14px;
    color: var(--color-white);
    background-color: #e84f1c;
    margin: 0 0 0 calc(var(--space-sm) * -1);
    border-radius: 8px 0;
    padding: var(--space-xxxxs) var(--space-xxs);
}

.single-mts-event .event article .headline {
    font-family: var(--mts-font-din);
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: -0.25px;
    color: var(--color-grey-dark);
    text-align: left;
    margin: var(--space-sm) 0 var(--space-xxs) 0;
}

.single-mts-event .event article .description p {
    line-height: 1.5em;
    margin-bottom: var(--space-xs);
}






/*
------------------------------------------------------------------------------
11. SINGLE POST
------------------------------------------------------------------------------
*/

.single-post h1 {
    text-align: center;
    margin-bottom: var(--space-lg);
}



/*
------------------------------------------------------------------------------
12. SEARCH
------------------------------------------------------------------------------
*/




/*
------------------------------------------------------------------------------
13. PAGINATION
------------------------------------------------------------------------------
*/

.pagination-wrapper {
    text-align: center;
    margin-top: var(--space-xl);
}

.pagination-wrapper,
.pagination-wrapper a {
    color: var(--color-link);
}

.pagination-wrapper .page-numbers {
    padding: var(--space-xs) var(--space-sm);
}

.pagination-wrapper a.page-numbers:hover {
    text-decoration: none;
    color: var(--color-link-hover);
}

.pagination-wrapper .page-numbers.current {
    color: var(--color-text);
}

.pagination-wrapper .page-numbers.prev,
.pagination-wrapper .page-numbers.next {
    font-size: 1em;
}

.pagination-separator,
.nav-prev-text,
.nav-next-text {
    display: none;
}




/*
------------------------------------------------------------------------------
14. SWIPER
------------------------------------------------------------------------------
*/


:root {
    --swiper-pagination-bottom: 8px;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 28px;
    height: 6px;
    border-radius: 3px;
    background-color: var(--color-grey-medium);
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--color-accent);
}

.mts-swiper-button-next,
.mts-swiper-button-prev {
    position: absolute;
    z-index: 10;
    display: grid;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    top: calc(50% - 28px);
    cursor: pointer;
    background-color: var(--color-white);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    transition: .25s;
}

.swiper-button-disabled.mts-swiper-button-next,
.swiper-button-disabled.mts-swiper-button-prev {
    display: none;
}

.mts-swiper-button-next svg,
.mts-swiper-button-prev svg {
    width: 48px;
    height: 48px;
    align-self: center;
    color: var(--color-accent);
}

.mts-swiper-button-next:hover,
.mts-swiper-button-prev:hover {
    transform: scale(1.1);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.mts-swiper-button-next.swiper-button-disabled svg,
.mts-swiper-button-prev.swiper-button-disabled svg {
    color: var(--color-grey-light);
}

.mts-swiper-button-next {
    right: 16px;
}

.mts-swiper-button-prev {
    left: 17px;
}

/*
------------------------------------------------------------------------------
15. Stage
------------------------------------------------------------------------------
*/

.module-events-stage .wrapper {
    position: relative;
    padding: 0;
}

.module-events-stage .events.swiper {
    margin-bottom: var(--space-xl);
    border-radius: 8px;
}

.module-events-stage .events.swiper article {
    position: relative;
    height: 480px;
}

.module-events-stage .events.swiper article .img-box {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-size: cover;
    background-position: center;
}

.module-events-stage .events.swiper article .txt-box {
    font-family: var(--mts-font-inter);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    display: inline-block;
    max-width: 33%;
    padding: 0 var(--space-sm) var(--space-xxxs);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    left: 12.5%;
    bottom: 40px;
    background-color: var(--color-white);
    z-index: 20;
}

.module-events-stage .events.swiper article .headline {
    font-family: var(--mts-font-din);
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: -0.25px;
    color: var(--color-grey-dark);
    text-align: left;
    margin: var(--space-sm) 0 var(--space-xxs) 0;
}


.module-events-stage .events.tiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.module-events-stage .events.tiles article {
    width: 49%;
    background-color: var(--color-white);
    position: relative;
    display: flex;
    flex-flow: column;
    border-radius: 8px;
}

.module-events-stage .events.tiles article .img-box {
    background-size: cover;
    background-position: center;
    padding-bottom: 50%;
    border-radius: 8px 8px 0 0;
}

.module-events-stage .events.tiles article .txt-box {
    font-family: var(--mts-font-inter);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    padding: var(--space-xs) var(--space-xs) var(--space-xxxs);
    display: flex;
    flex-flow: column;
    height: 100%;
}

.module-events-stage .events.tiles article .btn-container {
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: flex-end;
}

.module-events-stage .events.swiper article .txt-box .description,
.module-events-stage .events.tiles article .txt-box .description,
.module-events .events.tiles article .txt-box .description,
.single-mts-event .event article .txt-box .description {
    margin: 0 0 var(--space-xxxs);
}

.module-events-stage .events.swiper article .txt-box .date,
.module-events-stage .events.tiles article .txt-box .date,
.module-events-stage .events.swiper article .txt-box .site,
.module-events-stage .events.tiles article .txt-box .site,
.module-events .events.tiles article .txt-box .date,
.module-events .events.tiles article .txt-box .site,
.single-mts-event .event article .txt-box .date,
.single-mts-event .event article .txt-box .site {
    display: flex;
    align-items: flex-start;
    margin: 0 0 var(--space-xxxs);
}

.module-events-stage .events.swiper article .txt-box .date:before,
.module-events-stage .events.tiles article .txt-box .date:before,
.module-events .events.tiles article .txt-box .date:before,
.single-mts-event .event article .txt-box .date:before  {
    width: 20px;
    height: 20px;
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9019 3.10956H14.4435V2.02837C14.4415 1.82241 14.3598 1.62547 14.2159 1.47989C14.072 1.3343 13.8774 1.25169 13.674 1.24982C13.2541 1.24982 12.913 1.60322 12.913 2.02837V3.10876H7.08704V2.02837C7.08704 1.60322 6.74588 1.24902 6.32599 1.24902C6.12245 1.2509 5.92777 1.33361 5.78386 1.47937C5.63996 1.62513 5.55833 1.82228 5.55655 2.02837V3.10876H3.09811C2.49738 3.10912 1.92137 3.35097 1.49669 3.78117C1.07201 4.21137 0.833413 4.7947 0.833344 5.40295V16.4567C0.833344 17.7141 1.8479 18.7504 3.0989 18.7504H16.9019C18.1529 18.7504 19.1675 17.7141 19.1675 16.4567V5.40295C19.1672 4.7947 18.9284 4.21145 18.5035 3.7814C18.0787 3.35135 17.5026 3.1097 16.9019 3.10956ZM17.6367 16.4567C17.6352 16.6527 17.557 16.8401 17.4193 16.9779C17.2815 17.1156 17.0955 17.1925 16.9019 17.1917H3.09811C2.90451 17.1925 2.71848 17.1156 2.58075 16.9779C2.44302 16.8401 2.36483 16.6527 2.36331 16.4567V10.2477H17.6367V16.4567ZM17.6367 8.69782H2.36331V5.40295C2.36448 5.20599 2.44227 5.01744 2.57982 4.87817C2.71737 4.7389 2.90359 4.66013 3.09811 4.65895H5.55576V5.78372C5.55576 6.20886 5.90584 6.55429 6.32547 6.55429C6.52731 6.55429 6.72088 6.47311 6.86361 6.3286C7.00633 6.18409 7.08651 5.98809 7.08651 5.78372V4.65895H12.913V5.78372C12.913 5.98809 12.9932 6.18409 13.1359 6.3286C13.2786 6.47311 13.4722 6.55429 13.674 6.55429C14.0939 6.55429 14.4437 6.20886 14.4437 5.78372V4.65895H16.9019C17.0964 4.66013 17.2826 4.7389 17.4202 4.87817C17.5577 5.01744 17.6355 5.20599 17.6367 5.40295V8.69782Z' fill='%230F151A'/%3E%3C/svg%3E%0A");
    margin: 0 var(--space-xxs) 0 0;
}

.module-events-stage .events.swiper article .txt-box .site:before,
.module-events-stage .events.tiles article .txt-box .site:before,
.module-events .events.tiles article .txt-box .site:before,
.single-mts-event .event article .txt-box .site:before {
    width: 20px;
    height: 20px;
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0001 10.6978C9.40268 10.6977 8.81869 10.5184 8.32199 10.1826C7.82528 9.84683 7.43817 9.36964 7.20959 8.81135C6.98101 8.25307 6.92123 7.63877 7.03781 7.04612C7.15439 6.45348 7.44209 5.9091 7.86454 5.48183C8.28698 5.05455 8.82521 4.76356 9.41115 4.64565C9.9971 4.52774 10.6045 4.5882 11.1564 4.8194C11.7084 5.05059 12.1802 5.44213 12.5122 5.94451C12.8442 6.44689 13.0214 7.03755 13.0215 7.64181C13.0206 8.452 12.7019 9.22873 12.1355 9.80162C11.5691 10.3745 10.8011 10.6968 10.0001 10.6978ZM10.0001 6.11764C9.70195 6.1177 9.4105 6.20718 9.16262 6.37477C8.91475 6.54236 8.72157 6.78053 8.60753 7.05917C8.49349 7.3378 8.46371 7.64439 8.52194 7.94014C8.58018 8.2359 8.72382 8.50755 8.93471 8.72074C9.14559 8.93392 9.41424 9.07907 9.70669 9.13782C9.99914 9.19657 10.3022 9.16628 10.5777 9.05079C10.8531 8.9353 11.0885 8.7398 11.254 8.489C11.4196 8.2382 11.5079 7.94338 11.5078 7.64181C11.5073 7.23761 11.3482 6.85014 11.0656 6.5644C10.7829 6.27866 10.3997 6.11799 10.0001 6.11764Z' fill='%230F151A'/%3E%3Cpath d='M10.0001 19.1672C9.83721 19.1676 9.67672 19.1271 9.53313 19.0492C9.38953 18.9713 9.26733 18.8585 9.17752 18.721L4.49216 11.6117C3.13807 9.5571 2.95745 6.88567 4.0209 4.63892C5.03946 2.48509 7.02103 1.07378 9.32024 0.86459C9.77212 0.824433 10.2266 0.824433 10.6785 0.86459C12.9793 1.07457 14.9603 2.48587 15.9794 4.63971C17.0434 6.88646 16.8617 9.55789 15.5089 11.6125L10.8202 18.7231C10.7306 18.8601 10.6088 18.9725 10.4657 19.05C10.3225 19.1275 10.1625 19.1678 10.0001 19.1672ZM9.56184 17.873C9.56184 17.873 9.56003 17.8756 9.55925 17.8764L9.56184 17.873ZM10.4369 17.8706L10.4384 17.874C10.4385 17.8734 10.4383 17.8727 10.4381 17.8721C10.4378 17.8715 10.4374 17.871 10.4369 17.8706ZM10.0001 2.36461C9.81694 2.36461 9.6345 2.37327 9.45519 2.39086C7.66798 2.55412 6.18387 3.61424 5.38564 5.3014C4.53939 7.0904 4.67537 9.13347 5.75154 10.7639L10.0001 17.2084L14.2495 10.7618C15.3249 9.13006 15.4609 7.08725 14.6144 5.2993C13.8162 3.61292 12.3323 2.5528 10.5433 2.38902C10.3658 2.37327 10.1834 2.36461 10.0001 2.36461Z' fill='%230F151A'/%3E%3C/svg%3E");
    margin: 0 var(--space-xxs) 0 0;
}

/*
------------------------------------------------------------------------------
16. Events
------------------------------------------------------------------------------
*/

.module-events .events.tiles {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}

.module-events .events.tiles article {
    width: calc((100% - 96px) / 4);
    background-color: var(--color-white);
    margin: 0 var(--space-sm) var(--space-sm) 0;
    position: relative;
    border-radius: 8px;
    display: flex;
    flex-flow: column;
}

.module-events .events.tiles article .img-box {
    background-size: cover;
    background-position: center;
    padding-bottom: 100%;
    border-radius: 8px 8px 0 0;
}

.module-events .events.tiles article .txt-box {
    font-family: var(--mts-font-inter);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    padding: var(--space-xs) var(--space-xs) var(--space-xxxs);
    display: flex;
    flex-flow: column;
    height: 100%;
}

.module-events .events.tiles article .btn-container {
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: flex-end;
}

.events.tiles article .headline {
    font-family: var(--mts-font-din);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.25px;
    text-align: left;
    margin: 0 0 var(--space-xs);
}

.events article .priceinfo {
    font-weight: 700;
}

.events article .aboplusnote {
    display: inline-block;
    font-size: 14px;
    color: var(--color-white);
    background-color: #e84f1c;
    padding: var(--space-xxxxs) var(--space-xxs);
    border-radius: 4px;
    margin-bottom: var(--space-xs);
}

.module-events .events article .aboplusnote,
.module-events-stage .events.tiles article .aboplusnote {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px 0;
}

.module-events-stage .events.swiper article .txt-box .aboplusnote {
    margin: 0 0 0 -24px;
    border-radius: 8px 0;
}

.events article .lnk-btn,
.single-mts-event .event article .lnk-btn {
    display: block;
    margin: var(--space-xxs) 0 var(--space-xs);
    text-align: center;
    font-family: var(--mts-font-inter);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.events article .lnk-btn-abo-plus,
.single-mts-event .event article .lnk-btn-abo-plus {
    margin: 0 auto var(--space-xxs);
    display: block;
    text-align: center;
}

/* Event Terms */

.module-event-terms section {
    background-color: var(--color-white);
    border-radius: 8px;
    padding: var(--space-sm) 0 0 var(--space-sm);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.module-event-terms section article {
    background-color: var(--color-grey-light);
    border-radius: 4px;
    width: calc((100% - 120px) / 5);
    text-align: center;
    box-sizing: border-box;
    margin: 0 var(--space-sm) var(--space-sm) 0;
}

.module-event-terms section article a {
    display: block;
    padding: var(--space-xs);
    font-family: var(--mts-font-din);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px; /* 125% */
    letter-spacing: -0.25px;
    color: var(--color-text);
}


.module-event-terms section article .img-box {
    width: 50%;
    margin: 0 auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 50%;
    box-sizing: border-box;
    margin-bottom: var(--space-xxxs);
    display: block;
}




.module-events .events.tiles article.paginated {
    opacity: 0;
}

.module-events .events.tiles article.fadein {
    animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    25% {
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
    }
}


/*
------------------------------------------------------------------------------
17. Newsletter
------------------------------------------------------------------------------
*/

.module-newsletter .module-background-wrapper {
    text-align: center;
    padding: var(--space-xl);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.module-newsletter {
    color: var(--color-white);
}

.module-newsletter.module-row .headline {
    padding-bottom: var(--space-xs);
}

.module-newsletter.module-row .subline {
    max-width: 500px;
    margin: 0 auto var(--space-sm);
}

.module-newsletter.module-row .newsletter-form {
    margin: 0 auto var(--space-sm);
    max-width: 782px;
}

.module-newsletter.module-row .newsletter-form input {
    border-radius: 4px;
    border: 1px solid var(--color-blue-light);
    color: var(--color-blue-medium);
    background: var(--color-white);
    padding: var(--space-xxs);
    font-family: var(--mts-font-inter);
    font-size: 14px;
    line-height: 18px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: var(--color-blue-medium);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: var(--color-blue-medium);
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: var(--color-blue-medium);
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--color-blue-medium);
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--color-blue-medium);
}

::placeholder { /* Most modern browsers support this now. */
    color:  var(--color-blue-medium);
}

.module-newsletter.module-row .newsletter-form select {
    border-radius: 4px;
    border: 1px solid var(--color-blue-light);
    color: var(--color-blue-medium);
    background: var(--color-white);
    padding: var(--space-xxs);
    font-family: var(--mts-font-inter);
    font-size: 14px;
    line-height: 18px;
}

.module-newsletter.module-row .newsletter-form button {
    border-radius: 4px;
    border: 1px solid var(--color-accent);
    color: var(--color-white);
    background: var(--color-accent);
    padding: var(--space-xxs);
    font-family: var(--mts-font-inter);
    font-size: 14px;
    line-height: 18px;
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}

.module-newsletter.module-row .newsletter-form button:hover {
    color: var(--color-white);
    border-color: var(--color-link-hover);
    background: var(--color-link-hover);
}

.module-newsletter.module-row .newsletter-form .formbox .formbox-container {
    display: flex;
    justify-content: space-between;
    margin: 0 0 var(--space-xs);
}

.module-newsletter.module-row .newsletter-form .formbox .formbox-container.formbox-container-checkboxes {
    display: block;
}

.module-newsletter.module-row .newsletter-form .formbox .formbox-container .formbox-container-select {
    width: 20%;
}

.module-newsletter.module-row .newsletter-form .formbox .formbox-container .formbox-container-firstname {
    width: calc(40% - 42px);
}

.module-newsletter.module-row .newsletter-form .formbox .formbox-container .formbox-container-name {
    width: calc(40% - 42px);
}

.module-newsletter.module-row .newsletter-form .formbox .formbox-container .formbox-container-email {
    width: calc(68% - 42px);
}

.module-newsletter.module-row .newsletter-form .formbox .formbox-container .formbox-container-button {
    width: 32%;
}

.module-newsletter.module-row .newsletter-form .formbox .formbox-container.formbox-container-checkboxes a {
    color: var(--color-white);
    text-decoration: underline;
}

.module-newsletter.module-row .newsletter-form .formbox .formbox-container.formbox-container-checkboxes a:hover {
    color: var(--color-white);
    text-decoration: none;
}


/*
------------------------------------------------------------------------------
18. Search
------------------------------------------------------------------------------
*/

.module-search .module-background-wrapper {
    text-align: center;
    padding: var(--space-xl);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.module-search .has-background {
    color: var(--color-white);
}

.module-search.module-row .headline {
    padding-bottom: var(--space-xs);
}

.module-search.module-row .subline {
    max-width: 500px;
    margin: 0 auto var(--space-sm);
}

.module-search.module-row .search-form {
    margin: 0 auto var(--space-sm);
    max-width: 782px;
}

.module-search.module-row .search-form input {
    border-radius: 4px;
    border: 1px solid var(--color-blue-light);
    color: var(--color-blue-medium);
    background: var(--color-white);
    padding: var(--space-xxs);
    font-family: var(--mts-font-inter);
    font-size: 14px;
    line-height: 18px;
}

.module-search.module-row .search-form button {
    border-radius: 4px;
    border: 1px solid var(--color-accent);
    color: var(--color-white);
    background: var(--color-accent);
    padding: var(--space-xxs);
    font-family: var(--mts-font-inter);
    font-size: 14px;
    line-height: 18px;
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}

.module-search.module-row .search-form button:hover {
    color: var(--color-white);
    border-color: var(--color-link-hover);
    background: var(--color-link-hover);
}

/*
------------------------------------------------------------------------------
19. Benefits
------------------------------------------------------------------------------
*/

.module-benefits .wrapper {
    padding: 0 0 0 var(--space-sm);
}

.module-benefits section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.module-benefits section article {
    width: calc((100% - 72px) / 3);
    margin: 0 var(--space-sm) var(--space-sm) 0;
    padding: var(--space-xs);
    box-sizing: border-box;
    background-color: var(--color-white);
    border-radius: 8px;
    text-align: center;
    font-family: var(--mts-font-inter);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    flex-flow: column;
}

.module-benefits section article .img-box {
    width: 140px;
    height: 140px;
    border-radius: 140px;
    margin: 0 auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 136px;
    box-sizing: border-box;
    margin-bottom: var(--space-sm);
    display: block;
    border: solid 2px var(--color-grey-light);
}

.module-benefits section article .txt-box {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.module-benefits section article .txt-box .btn-container {
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: flex-end;
}

.module-benefits section article .headline {
    font-family: var(--mts-font-din);
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.25px;
    margin-bottom: var(--space-xxxs);
}

.module-benefits section article .description {
    margin: 0 0 var(--space-lg);
}

/* Standard Pages */
#site-content.standard-page {
    margin: var(--space-xl) 0;
}

#site-content.standard-page > .container > .wrapper > h1 {
    text-align: center;
}

#site-content.standard-page > .container > .wrapper p {
    margin: var(--space-xxs) 0 var(--space-xs);
    overflow-wrap: anywhere;
}

#site-content.standard-page > .container > .wrapper p.small {
    margin: var(--space-xxs) 0 var(--space-xs);
    overflow-wrap: anywhere;
    font-size: 12px;
    line-height: 16px;
    color: var(--color-blue-medium);
}

.modul-iframe {
    margin: var(--space-md) auto;
    text-align: center;
}

.modul-txt-img {
    display: flex;
    flex-wrap: wrap;
    margin: var(--space-md) auto var(--space-sm);
    padding: 0 0 var(--space-sm) 0;
    border-bottom: solid 2px var(--color-grey-botton-border);
}

.modul-txt-img-txt-box {
    width: calc(100% - 324px);
    margin: 0 var(--space-sm) 0 0;
}

.modul-txt-img-img-box {
    width: 300px;
}

.modul-txt-img-img-box img {
    width: 100%;
    height: auto;
}


.modul-gift-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: var(--space-md) auto var(--space-sm);
    padding: 0 0 var(--space-sm) 0;
}

.modul-gift-form-txt-box {
    width: calc(100% - 324px);
    margin: 0 0 0 var(--space-sm);
}

.modul-gift-form-img-box {
    width: 300px;
}

.modul-gift-form-img-box img {
    width: 100%;
    height: auto;
}


/*
------------------------------------------------------------------------------
Modal
------------------------------------------------------------------------------
*/
.ui-dialog {
    max-width: 500px;
    border-radius: 8px;
}

.ui-dialog-titlebar {
    border-bottom: 0;
}

.ui-dialog-titlebar-close:before {
    width: 20px;
    height: 20px;
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9441 17.0185C19.0874 17.1632 19.1678 17.3585 19.1678 17.5621C19.1678 17.7657 19.0874 17.9611 18.9441 18.1057C18.8731 18.1779 18.7885 18.2353 18.6951 18.2744C18.6017 18.3136 18.5014 18.3338 18.4001 18.3338C18.196 18.332 18.0007 18.2501 17.8564 18.1057L10.4169 10.6692L2.97824 18.1057C2.83391 18.2501 2.63865 18.332 2.4345 18.3338C2.33308 18.3339 2.23267 18.3138 2.13913 18.2746C2.04559 18.2354 1.9608 18.178 1.8897 18.1057C1.7464 17.9611 1.66602 17.7657 1.66602 17.5621C1.66602 17.3585 1.7464 17.1632 1.8897 17.0185L9.32917 9.58174L1.8897 2.14496C1.74863 2.00003 1.67035 1.80537 1.67183 1.60316C1.6733 1.40094 1.75441 1.20744 1.89758 1.06459C2.04075 0.921732 2.23445 0.841021 2.43672 0.839939C2.63899 0.838857 2.83355 0.91749 2.97824 1.05881L10.4169 8.49427L17.8556 1.05881C17.9266 0.985862 18.0114 0.927739 18.105 0.887808C18.1987 0.847878 18.2993 0.826934 18.4011 0.826192C18.5029 0.825451 18.6039 0.844925 18.6981 0.883487C18.7923 0.922049 18.8779 0.97893 18.95 1.05083C19.022 1.12273 19.0791 1.20822 19.1179 1.30234C19.1566 1.39646 19.1763 1.49734 19.1757 1.59912C19.1752 1.7009 19.1544 1.80156 19.1147 1.89526C19.0749 1.98896 19.017 2.07383 18.9441 2.14496L11.5047 9.58174L18.9441 17.0185Z' fill='%230F151A'/%3E%3C/svg%3E%0A");
}

.ui-dialog-content {
    padding: 0 24px 24px;
    overflow: auto;
}

.ui-dialog-content {
    font-family: var(--mts-font-inter);
    font-size: 14px;
    line-height: 18px;
}

.ui-dialog-content h3 {
    margin:  0 0 16px;
}

.ui-dialog-content p {
    margin:  0 0 12px;
}

.ui-dialog-content p .hints {
    font-size: 12px;
    line-height: 16px;
    color: var(--color-blue-medium);
    display: block;
    margin: 12px 0 0;
}

.abocheckwindowform label {
    font-family: var(--mts-font-inter);
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 8px;
    display: block;
}

.abocheckwindowform input {
    border-radius: 4px;
    border: 1px solid var(--color-blue-light);
    color: var(--color-blue-medium);
    background: var(--color-white);
    padding: var(--space-xxs);
    font-family: var(--mts-font-inter);
    font-size: 14px;
    line-height: 18px;
    width: calc(100% - 32px);
    margin: 0 0 16px;
}

.abocheckwindowform button {
    border-radius: 4px;
    background-color: var(--color-link);
    border-color: var(--color-link);
    color: var(--color-white);
    font-family: var(--mts-font-inter);
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    padding: 12px 24px;
    width: calc(100% - 6px);;
    margin: 0 0 16px;
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}

.abocheckwindowform button:hover {
    background-color: var(--color-link-hover);
    border-color: var(--color-link-hover);
    color: var(--color-white);
}

.abocheckwindowform .error {
    font-family: var(--mts-font-inter);
    font-size: 14px;
    line-height: 18px;
    margin: 12px 0;
    color: var(--color-error);
}


/*
------------------------------------------------------------------------------
Mobile
------------------------------------------------------------------------------
*/
@media (max-width: 1024px) {
    .module-events-stage .events.tiles {
        padding: 0 var(--space-sm);
    }

    .module-events-stage .events.swiper {
        border-radius: 0;
    }
}


@media (max-width: 767px) {

    /* General Rows */
    .module-row {
        margin: var(--space-md) 0;
    }

    .module-row h1, .module-row h2, .module-row h3, .module-row h4, .module-row h5 {
        padding-bottom: var(--space-sm);
    }

    h1 {
        font-size: 26px;
        line-height: 30px;
    }

    /* STRUCTURE */
    .wrapper {
        padding: 0 var(--space-xs);
    }

    /* HEADER */
    #site-header {
        padding: var(--space-xxs) 0;
    }

    #site-header .wrapper {
        flex-wrap: nowrap;
        padding: 0 var(--space-xs);
    }

    #site-header .header-title {
        width: 50%;
        padding: 0 var(--space-xxs);
    }

    #site-header .header-partner {
        width: 25%;
    }

    #site-header .header-title a div {
        height: var(--size-logo-height-mobile);
    }

    .btn-mobile-nav {
        width: 25%;
    }

    .btn-mobile-nav span{
        display: block;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0139 5H0.986078C0.722887 4.99515 0.472122 4.88766 0.287717 4.70065C0.103313 4.51364 0 4.26206 0 4C0 3.73795 0.103313 3.48636 0.287717 3.29935C0.472122 3.11234 0.722887 3.00485 0.986078 3H23.0139C23.2771 3.00485 23.5279 3.11234 23.7123 3.29935C23.8967 3.48636 24 3.73795 24 4C24 4.26206 23.8967 4.51364 23.7123 4.70065C23.5279 4.88766 23.2771 4.99515 23.0139 5Z' fill='%23597A96'/%3E%3Cpath d='M22.9972 13H1.00281C0.736847 13 0.481779 12.8946 0.293716 12.7071C0.105653 12.5196 0 12.2652 0 12C0 11.7348 0.105653 11.4804 0.293716 11.2929C0.481779 11.1054 0.736847 11 1.00281 11H22.9972C23.2632 11 23.5182 11.1054 23.7063 11.2929C23.8943 11.4804 24 11.7348 24 12C24 12.2652 23.8943 12.5196 23.7063 12.7071C23.5182 12.8946 23.2632 13 22.9972 13Z' fill='%23597A96'/%3E%3Cpath d='M23.0139 21H0.986078C0.722887 20.9951 0.472122 20.8877 0.287717 20.7007C0.103313 20.5136 0 20.2621 0 20C0 19.7379 0.103313 19.4864 0.287717 19.2993C0.472122 19.1123 0.722887 19.0049 0.986078 19H23.0139C23.2771 19.0049 23.5279 19.1123 23.7123 19.2993C23.8967 19.4864 24 19.7379 24 20C24 20.2621 23.8967 20.5136 23.7123 20.7007C23.5279 20.8877 23.2771 20.9951 23.0139 21Z' fill='%23597A96'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transition: 0.6s ease;
        -o-transition: 0.6s ease;
        transition: 0.6s ease;
    }

    .btn-mobile-nav.active span {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_707_2061)'%3E%3Cpath d='M22.2337 20.9308C22.4057 21.1044 22.5022 21.3388 22.5022 21.5831C22.5022 21.8274 22.4057 22.0619 22.2337 22.2355C22.1485 22.3221 22.0469 22.3909 21.9349 22.4379C21.8228 22.4849 21.7025 22.5092 21.5809 22.5092C21.336 22.507 21.1016 22.4087 20.9284 22.2355L12.0011 13.3116L3.07467 22.2355C2.90147 22.4087 2.66716 22.507 2.42218 22.5092C2.30048 22.5093 2.17999 22.4851 2.06774 22.4381C1.95549 22.3911 1.85374 22.3222 1.76842 22.2355C1.59647 22.0619 1.5 21.8274 1.5 21.5831C1.5 21.3388 1.59647 21.1044 1.76842 20.9308L10.6958 12.0067L1.76842 3.08254C1.59914 2.90863 1.50521 2.67504 1.50697 2.43238C1.50874 2.18972 1.60607 1.95753 1.77787 1.7861C1.94968 1.61467 2.18212 1.51782 2.42485 1.51652C2.66757 1.51522 2.90104 1.60958 3.07467 1.77916L12.0011 10.7017L20.9275 1.77916C21.0127 1.69163 21.1144 1.62188 21.2268 1.57396C21.3392 1.52605 21.46 1.50091 21.5821 1.50002C21.7043 1.49913 21.8254 1.5225 21.9385 1.56878C22.0515 1.61505 22.1543 1.68331 22.2408 1.76959C22.3272 1.85587 22.3957 1.95846 22.4422 2.0714C22.4887 2.18435 22.5123 2.3054 22.5117 2.42754C22.511 2.54967 22.4861 2.67046 22.4384 2.7829C22.3907 2.89534 22.3211 2.99719 22.2337 3.08254L13.3064 12.0067L22.2337 20.9308Z' fill='%23597A96'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_707_2061'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }

    #header-navigation {
        -webkit-transition: 0.6s ease;
        -o-transition: 0.6s ease;
        transition: 0.6s ease;
        position: absolute;
        top: 0;
        left: -320px;
        width: 300px;
        background: var(--color-white);
        border-radius: 0 0 5px 0;
        -webkit-box-shadow: 9px 9px 20px -5px rgba(0,0,0,0.6);
        box-shadow: 9px 9px 20px -5px rgba(0,0,0,0.6);
        z-index: 999;
    }

    #header-navigation .wrapper {
        padding: var(--space-xxxs) var(--space-sm) var(--space-sm);
    }

    #header-navigation.show {
        top: 64px;
        left: 0;
    }

    #header-navigation .menu {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        align-items: center;
    }

    #header-navigation .menu li {
        width: 100%;
        border-bottom: 1px solid var(--color-grey-light);
    }

    #header-navigation .menu li.accent {
        border-bottom: 0;
    }

    #header-navigation .menu li.menu-item.accent a {
        display: inline-block;
        margin: var(--space-xs) 0 0 var(--space-xs);
    }


    /* FOOTER */

    #site-footer .footer-line .col {
        width: 100%;
        padding: 0 0 var(--space-md) 0;
    }

    #site-footer .footer-line .col:nth-child(1),
    #site-footer .footer-line .col:nth-child(2) {
        width: 50%;
    }

    #site-footer .footer-line .col:nth-child(4) {
        padding-bottom: 0;
    }

    #site-footer .wrapper {
        padding: 0 var(--space-xs);
    }

    #site-footer .footer-line {
        padding: var(--space-sm) 0;
    }

    /* Swiper */
    .mts-swiper-button-next,
    .mts-swiper-button-prev {
        display: none;
    }

    .module-events-stage .events.swiper {
        margin-bottom: var(--space-sm);
        border-radius: 0;
    }

    .module-events-stage .events.swiper article .txt-box {
        max-width: calc(100% - 96px);
        left: 24px;
        background-color: rgba(255,255,255,.9);
    }

    .module-events-stage .events.swiper article .headline {
        font-size: 22px;
        line-height: 26px;
    }

    /* Stage */
    .module-events-stage .events.tiles {
        padding: 0 var(--space-xs);
    }

    /* Event Terms */
    .module-event-terms .wrapper {
        padding: 0;
    }

    .module-event-terms .wrapper .headline {
        padding: 0 var(--space-xs) var(--space-sm);
    }

    .module-event-terms section {
        padding: var(--space-xs) 0 0 var(--space-xs);
        border-radius: 0;
    }

    .module-event-terms section article {
        width: calc((100% - 80px) / 5);
        margin: 0 var(--space-xs) var(--space-xs) 0;
    }

    .module-event-terms section article .img-box {
        width: 75%;
        padding-bottom: 75%;
    }

    .module-event-terms section article a {
        padding: var(--space-xxxs);
    }

    /* Events */
    .module-events .wrapper {
        padding: 0 0 0 var(--space-xs);
    }

    .module-events .events.tiles article {
        width: calc((100% - 48px) / 3);
        margin: 0 var(--space-xs) var(--space-xs) 0;
    }

    .single-mts-event .event article .img-box,
    .single-mts-event .event article .txt-box {
        width: 100%;
        margin: var(--space-xxs) auto;
    }

    .single-mts-event .event article .img-box {
        padding-bottom: 50%;
    }

    /* Benefits */
    .module-benefits .wrapper {
        padding: 0 0 0 var(--space-xs);
    }

    .module-benefits section article {
        width: calc((100% - 48px) / 3);
        margin: 0 var(--space-xs) var(--space-xs) 0;
        padding: var(--space-xxs);
    }

    /* Newsletter */
    .module-newsletter .module-background-wrapper {
        padding: var(--space-xl) 0;
    }
}

@media (min-width: 481px) and (max-width: 600px) {
    .module-events .events.tiles article {
        width: calc((100% - 32px) / 2);
    }

    .module-benefits section article {
        width: calc((100% - 32px) / 2);
    }
}

@media (max-width: 480px) {
    .module-events-stage .events.tiles article {
        width: 100%;
        margin: 0 0 var(--space-xs);
    }

    .module-event-terms section article {
        width: calc((100% - 48px) / 3);
    }

    .module-events .events.tiles article {
        width: 100%;
    }

    .module-benefits section article {
        width: 100%;
    }

    /* Newsletter */
    .module-newsletter.module-row .newsletter-form .formbox .formbox-container {
        flex-wrap: wrap;
    }

    .module-newsletter.module-row .newsletter-form .formbox .formbox-container .formbox-container-select {
        width: 100%;
        margin: 0 0 var(--space-xs);
    }

    .module-newsletter.module-row .newsletter-form .formbox .formbox-container .formbox-container-firstname {
        width: calc(50% - 32px);
    }

    .module-newsletter.module-row .newsletter-form .formbox .formbox-container .formbox-container-name {
        width: calc(50% - 32px);
    }

    .module-newsletter.module-row .newsletter-form .formbox .formbox-container .formbox-container-email {
        width: calc(100% - 24px);
        margin: 0 0 var(--space-xs);
    }

    .module-newsletter.module-row .newsletter-form .formbox .formbox-container .formbox-container-button {
        width: 100%;
    }

}

@media (max-width: 600px) {
    .modul-txt-img-txt-box {
        width: calc(100% - 174px);
        margin: 0 var(--space-sm) 0 0;
    }

    .modul-txt-img-img-box {
        width: 150px;
    }

    .modul-gift-form-txt-box {
        width: calc(100% - 174px);
        margin: 0 0 0 var(--space-sm);
    }

    .modul-gift-form-img-box {
        width: 150px;
    }
}