/*
------------------------------------------------------------------------------
- 1. RESET
- 2. FONTS
- 3. VARIABLES
- 4. STRUCTURE
- 5. APPEARANCE
- 6. HEADER
- 7. FOOTER
- 8. NAVIGATION
- 9. MODULES
- 10. SINGLE EDITION
- 11. SINGLE POST
- 12. ARCHIVES
- 13. EVENT, SPECIALEDITION, PRODUCT
- 14. EVENT
- 15. SPECIALEDITION
- 16. PRODUCT
- 17. EMPLOYEE
- 18. SEARCH
- 19. PAGINATION
- 20. STICKY-WIKI
- 21. FORMS
- 22. SWIPER
- 99. GLOBALS

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

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

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

html,
body {
    border: none;
    margin: 0;
    padding: 0;
}

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: 500;
    src: url('../fonts/DINNextLTPro-Medium.woff2') format('woff2'),
        url('../fonts/DINNextLTPro-Medium.woff') format('woff'),
        url('../fonts/DINNextLTPro-Medium.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 {
    --mdo-font-din: DIN Next LT Pro, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, sans-serif;
    --mdo-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: 55px;
    --size-wrapper-width: 980px;
}

@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-white: #ffffff;
    --color-blue-dark: #213b63;
    --color-blue-dark-80: #4d6282;
    --color-blue-dark-60: #7a89a1;
    --color-blue-dark-40: #a6b1c1;
    --color-blue-dark-20: #d3d8e0;
    --color-blue-dark-10: #e8ebef;
    --color-blue-dark-5: #f4f5f7;

    --color-blue-dark-light: #99AFC2;
    --color-blue-middle: #1565a5;
    --color-blue-light: #5d6c85;
    --color-grey-dark: #0F151A;
    --color-grey-medium-dark: #3e464d;
    --color-grey-medium-light: #939dad;
    --color-grey-medium: #c9ced6;
    --color-grey-light: #f6f7fa;
    --color-coppergreen: #78e3a6;
    --color-coralpink: #e4007b;
    --color-cobaltblue: #4f80ff;
    --color-kiwigreen: #6bb024;

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

    --color-link: #213b63;
    --color-link-hover: var(--color-coppergreen);


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

/*
------------------------------------------------------------------------------
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; */
    /* overflow: hidden; */
}

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

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

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--mdo-font-din);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: var(--color-text);
    background-color: var(--color-bg-body);
}

h1,
h2,
h3,
h3,
h5,
h6 {
    line-height: 1.125;
    font-weight: inherit;
}


h1 {
    font-weight: 700;
    font-size: 2.5em;
    line-height: 1.1;
    word-break: break-word;
    margin: 0 auto var(--space-sm);
}

h2 {
    font-weight: 600;
    font-size: 1.9em;
    margin: var(--space-md) auto var(--space-sm);
}

h3 {
    font-weight: 600;
    font-size: 1.2em;
    margin: var(--space-md) auto var(--space-sm);
}

h4 {
    font-weight: 600;
    font-size: 1em;
    margin: var(--space-sm) auto var(--space-xs);
}

h5 {
    font-weight: 600;
    font-size: .9em;
    margin: var(--space-xs) auto var(--space-xxs);
}

h6 {
    font-weight: 600;
    font-size: 0.875rem;
}

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

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

a {
    color: var(--color-link);
    text-decoration: none;
}

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

a.lnk-btn,
a.lnk-btn.kiwigreen:hover {
    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;
}

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


.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: var(--space-xxxs) solid var(--color-white);
}

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


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

#site-header {
    color: var(--color-white);
    background-color: var(--color-blue-dark);
    padding: var(--space-sm) 0;
}

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

#site-header .wrapper .column:first-child,
#site-header .wrapper .column:last-child {
    width: 15%;
}

#site-header .dashboard a {
    font-size: 1.5em;
    margin-right: var(--space-xs);
}

#site-header .dashboard a svg {
    margin-bottom: -4px;
}

#site-header .header-title {
    flex-grow: 1;
}

#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;
}

#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;
}


/*
------------------------------------------------------------------------------
7. CONTENT
------------------------------------------------------------------------------
*/

#site-content {
    background-color: var(--color-white);
}

#site-content.decor {
    background-image: url(../images/mdo-circle-pattern.svg);
    background-position: right -50% center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: var(--color-white);
}

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

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

#site-footer .footer-line {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: var(--space-sm) 0;
    font-family: var(--mdo-font-inter);
    font-size: 12px;
}

#site-footer .footer-line .left {
    width: 50%;
    color: var(--color-grey-medium-light);
}

#site-footer .footer-line .right {
    width: 50%;
}

#site-footer #legal-navigation ul {
    list-style-type: none;
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

#site-footer #legal-navigation ul {
    padding: 0;
}

#site-footer #legal-navigation ul li a {
    color: var(--color-white);
    text-decoration: none;
    padding: var(--space-xs);
}

#site-footer #legal-navigation ul li a:hover {
    color: var(--color-blue-light);
}

#site-footer #legal-navigation ul li:last-child a {
    padding-right: 0;
}

#site-footer .service-desk {
    text-align: center;
    padding: var(--space-sm) 0;
    color: var(--color-blue-light);
    background-color: var(--color-grey-light);
}

#site-footer .service-desk a {
    color: var(--color-link);
}

#site-footer .service-desk a:hover {
    color: var(--color-link-hover);
}

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

#dimming {
    display: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-grey-dark);
    opacity: .16;
    /* pointer-events: none; */
    z-index: 990;
}

#dimming.active {
    display: block;
}

#btn-open-menu,
#btn-search {
    color: var(--color-white);
    transition: color .25s;
}

#btn-open-menu:hover,
#btn-open-menu.active,
#btn-search:hover {
    color: var(--color-blue-light);
}

#btn-close-menu {
    display: block;
    width: 100%;
    font-size: 1.5em;
    color: var(--color-blue-dark);
    background-color: transparent;
    text-align: right;
    height: var(--size-logo-height);
    padding: 0 var(--space-sm);
    margin: var(--space-sm) 0;
    cursor: pointer;
    transition: color .25s;
}

#btn-close-menu:hover {
    color: var(--color-blue-light);
}

#btn-open-menu strong,
#btn-search strong,
#btn-close-menu strong {
    display: none;
}

#header-navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 420px;
    height: 100%;
    max-width: 100%;
    background-color: var(--color-white);
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-delay: 0s;
    transition-property: transform;
    transform: translateX(-100%);
    z-index: 1000;
    overflow-x: auto;
}

#header-navigation.active {
    transform: translateX(0%);
}

#header-navigation .menu li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
    background-color: var(--color-grey-light);
    transition: background-color .5s;
    padding: 0;
}

#header-navigation .menu li a {
    font-size: 20px;
    text-decoration: none;
    color: var(--color-grey-dark);
    display: block;
    padding: var(--space-xxs) var(--space-md) var(--space-xxs) var(--space-sm);
    flex-grow: 1;
    width: 70%;
}

#header-navigation .menu li.accent a {
    color: var(--color-blue-dark);
}

#header-navigation .menu>li:hover {
    background-color: var(--color-grey-medium);
}

#header-navigation .menu>li>.submenu-trigger,
#header-navigation .sub-menu>li>.submenu-trigger {
    display: none;
}

#header-navigation .menu li.menu-item-has-children>.submenu-trigger {
    display: flex;
    font-size: 1.25em;
    color: var(--color-grey-dark);
    align-items: center;
    cursor: pointer;
    padding: 0 var(--space-xxs);
    transition: background-color .5s;
}

#header-navigation .menu li.menu-item-has-children>.submenu-trigger svg {
    transition: transform .15s;
}

#header-navigation .menu li.menu-item-has-children>.submenu-trigger:hover svg,
#header-navigation .menu li.menu-item-has-children>.submenu-trigger.active svg {
    transform: rotate(90deg);
}

#header-navigation .menu .sub-menu {
    width: 100%;
    display: none;
    background-color: var(--color-white);
    padding: var(--space-xxs) 0 var(--space-xxxs);
}

#header-navigation .menu .sub-menu.active {
    display: block;
}

#header-navigation .menu .sub-menu li {
    background-color: transparent;
}

#header-navigation .menu .sub-menu li a {
    font-size: 18px;
    padding: var(--space-xxxxs) var(--space-lg);
    transition: color .25s;
}

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


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

/* General Rows */

.module-row {
    padding: var(--space-xxxl) 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,
.module-row.bluegreen {
    color: var(--color-white);
    background-color: var(--color-blue-dark);
}

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

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

.module-row.kiwigreen {
    color: var(--color-white);
    background-color: var(--color-kiwigreen);
}

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

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

.module-row .margintop-1 {
    margin-top: calc(var(--space-base) * 1);
}

.module-row .margintop-2 {
    margin-top: calc(var(--space-base) * 2);
}

.module-row .margintop-3 {
    margin-top: calc(var(--space-base) * 3);
}

.module-row .margintop-4 {
    margin-top: calc(var(--space-base) * 4);
}

.module-row .margintop-5 {
    margin-top: calc(var(--space-base) * 5);
}

.module-row .margintop-6 {
    margin-top: calc(var(--space-base) * 6);
}

.module-row .margintop-7 {
    margin-top: calc(var(--space-base) * 7);
}

.module-row .margintop-8 {
    margin-top: calc(var(--space-base) * 8);
}

.module-row .margintop-9 {
    margin-top: calc(var(--space-base) * 9);
}

.module-row .margintop-10 {
    margin-top: calc(var(--space-base) * 10);
}

.module-row .margintop-11 {
    margin-top: calc(var(--space-base) * 11);
}

.module-row .margintop-12 {
    margin-top: calc(var(--space-base) * 12);
}

.module-row .marginbottom-1 {
    margin-bottom: calc(var(--space-base) * 1);
}

.module-row .marginbottom-2 {
    margin-bottom: calc(var(--space-base) * 2);
}

.module-row .marginbottom-3 {
    margin-bottom: calc(var(--space-base) * 3);
}

.module-row .marginbottom-4 {
    margin-bottom: calc(var(--space-base) * 4);
}

.module-row .marginbottom-5 {
    margin-bottom: calc(var(--space-base) * 5);
}

.module-row .marginbottom-6 {
    margin-bottom: calc(var(--space-base) * 6);
}

.module-row .marginbottom-7 {
    margin-bottom: calc(var(--space-base) * 7);
}

.module-row .marginbottom-8 {
    margin-bottom: calc(var(--space-base) * 8);
}

.module-row .marginbottom-9 {
    margin-bottom: calc(var(--space-base) * 9);
}

.module-row .marginbottom-10 {
    margin-bottom: calc(var(--space-base) * 10);
}

.module-row .marginbottom-11 {
    margin-bottom: calc(var(--space-base) * 11);
}

.module-row .marginbottom-12 {
    margin-bottom: calc(var(--space-base) * 12);
}


.module-row .paddingtop-1 {
    padding-top: calc(var(--space-base) * 1);
}

.module-row .paddingtop-2 {
    padding-top: calc(var(--space-base) * 2);
}

.module-row .paddingtop-3 {
    padding-top: calc(var(--space-base) * 3);
}

.module-row .paddingtop-4 {
    padding-top: calc(var(--space-base) * 4);
}

.module-row .paddingtop-5 {
    padding-top: calc(var(--space-base) * 5);
}

.module-row .paddingtop-6 {
    padding-top: calc(var(--space-base) * 6);
}

.module-row .paddingtop-7 {
    padding-top: calc(var(--space-base) * 7);
}

.module-row .paddingtop-8 {
    padding-top: calc(var(--space-base) * 8);
}

.module-row .paddingtop-9 {
    padding-top: calc(var(--space-base) * 9);
}

.module-row .paddingtop-10 {
    padding-top: calc(var(--space-base) * 10);
}

.module-row .paddingtop-11 {
    padding-top: calc(var(--space-base) * 11);
}

.module-row .paddingtop-12 {
    padding-top: calc(var(--space-base) * 12);
}

.module-row .paddingbottom-1 {
    padding-bottom: calc(var(--space-base) * 1);
}

.module-row .paddingbottom-2 {
    padding-bottom: calc(var(--space-base) * 2);
}

.module-row .paddingbottom-3 {
    padding-bottom: calc(var(--space-base) * 3);
}

.module-row .paddingbottom-4 {
    padding-bottom: calc(var(--space-base) * 4);
}

.module-row .paddingbottom-5 {
    padding-bottom: calc(var(--space-base) * 5);
}

.module-row .paddingbottom-6 {
    padding-bottom: calc(var(--space-base) * 6);
}

.module-row .paddingbottom-7 {
    padding-bottom: calc(var(--space-base) * 7);
}

.module-row .paddingbottom-8 {
    padding-bottom: calc(var(--space-base) * 8);
}

.module-row .paddingbottom-9 {
    padding-bottom: calc(var(--space-base) * 9);
}

.module-row .paddingbottom-10 {
    padding-bottom: calc(var(--space-base) * 10);
}

.module-row .paddingbottom-11 {
    padding-bottom: calc(var(--space-base) * 11);
}

.module-row .paddingbottom-12 {
    padding-bottom: calc(var(--space-base) * 12);
}


/* General Tiles */

.module-row section.tiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: var(--space-lg) 0;
    margin: 0 calc(var(--space-xxs) * -1);
}


.module-row section.tiles article {
    display: grid;
    align-content: center;
    text-align: center;
    width: calc(33.333333% - var(--space-sm));
    position: relative;
    margin: 0 var(--space-xxs) var(--space-md);
    padding: var(--space-xs) var(--space-md);
    box-sizing: border-box;
    background-color: var(--color-white);
    border-radius: 8px;
    border: 1px solid var(--color-grey-light);
    transition: box-shadow .25s, transform .25s;
}

.module-row section.tiles article:hover {
    transform: scale(1.05);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}

.module-row section.tiles article a,
.module-row section.tiles article .has-no-link {
    display: block;
    color: var(--color-text);
    padding: var(--space-xl) 0;
    box-sizing: border-box;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: border-box;
}

.module-row section.tiles article.has-no-image a,
.module-row section.tiles article.has-no-image .has-no-link {
    font-size: 20px;
    line-height: 100%;
    text-decoration: none;
    color: var(--color-text);
    padding: var(--space-md) 0;
    transition: color .25s;
}

.module-row section.tiles article:hover a,
.module-row section.tiles article:hover .has-no-link {
    color: var(--color-text);
}

.module-row section.tiles article.has-image a span,
.module-row section.tiles article.has-image .has-no-link span {
    display: none;
}


.module-row section.tiles article .term {
    display: block;
    font-size: 14px;
    color: var(--color-white);
    background-color: var(--color-grey-medium-dark);
    padding: 2px;
    border-radius: 0px;
    margin: var(--space-xxs) 0;
}

.module-row section.tiles article .term-anzeigenblaetter {
    background-color: var(--color-blue-light);
}

.module-row section.tiles article .term-digital {
    background-color: var(--color-blue-middle);
}

.module-row section.tiles article a.lnk-btn {
    font-size: 16px;
    color: var(--color-white);
    background-color: var(--color-blue-dark);
    padding: var(--space-xxxs);
}

.module-row section.tiles article.hybrid .txt-box {
    margin-top: var(--space-xs);
}

.module-row section.tiles article.hybrid .txt-box a {
    padding: 0;
}

.module-row section.tiles article.pasted {
    opacity: 0;
}

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

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

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

    100% {
        opacity: 1;
    }
}



/* Swiper Tiles */

.module-row section.tiles.swiper {
    display: block;
    margin: 0 auto;
}

.module-row section.tiles.swiper article {
    width: initial;
    margin: initial;
}

.module-row section.tiles.swiper article a {
    height: 150px;
    box-sizing: border-box;
    display: grid;
    align-items: center;
}

.module-row section.tiles.swiper article a.lnk-btn {
    height: initial;
}

/* Multisitecontent */

.module-multisitecontent {
    padding: 0;
}

/* Stage */

.module-stage {
    padding: 0;
}

.module-stage:has(> .img-box.has-foreground) {
    padding-bottom: var(--space-xxl);
}

.module-stage .img-box {
    position: relative;
    background-size: cover;
    background-position: center;
    padding-bottom: clamp(250px, 40%, 575px);
    display: grid;
    place-items: center;
}

.module-stage .img-box.has-overlay::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 58, 107, 0.20) 56.25%, rgba(0, 58, 107, 0.00) 100%);
    mix-blend-mode: multiply;
}

.module-stage .txt-box {
    position: absolute;
    text-align: center;
    color: var(--color-white);
    width: min(50%, 1080px);
}

.module-stage .txt-box h1 {
    font-size: 3.75rem;
    /* text-shadow: 0 0 45px var(--color-grey-dark), 0 0 75px var(--color-grey-dark) ; */
}

.module-stage .txt-box p {
    /* text-shadow: 0 0 25px var(--color-blue-dark); */
}

.module-stage .subline {
    font-size: 1.5em;
    text-align: center;
    font-weight: 600;
}

.module-stage .foreground {
    position: absolute;
    z-index: 5;
    bottom: calc(var(--space-xxl) * -1);
    width: calc(var(--size-wrapper-width) / 1);
    padding-bottom: calc(clamp(250px, 40%, 575px) * 1);
    /* Basiswert 0.8 */
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.module-stage .stage-media-video {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: var(--color-blue-light);
}

.module-stage .waveform::after {
    content: '';
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    bottom: -2px;
    background-image: url('../images/header-stage-mask.svg');
    background-size: 100% 25%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.module-stage .stage-button {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 24px;
    color: var(--color-white);
    background-color: var(--color-blue-light);
    width: 250px;
    height: 250px;
    border-radius: 125px;
    padding: var(--space-xxs);
    box-sizing: border-box;
    overflow: hidden;
    transition: .25s;
}

.module-stage .stage-button:hover {
    background-color: var(--color-blue-dark);
}


/* Intro */

.module-intro {
    text-align: center;
    padding: 0;
}

.module-intro .subline {
    font-size: 1.5em;
    text-align: center;
    font-weight: 600;
    padding-bottom: var(--space-lg);
}

.module-intro header:has(.subline) .headline {
    padding-bottom: var(--space-sm);
}

.module-intro .copy {
    margin: 0 auto;
    max-width: 850px;
}

.module-intro .copy p {
    padding-bottom: var(--space-xs);
}

/* Text */

.module-text {
    padding: 0;
}

.module-text .subline {
    font-size: 1.5em;
    text-align: center;
    font-weight: 600;
    padding-bottom: var(--space-lg);
}

.module-text header:has(.subline) .headline {
    padding-bottom: var(--space-sm);
}

.module-text .copy p {
    padding-bottom: var(--space-xs);
}

.module-text article {
    display: inline-block;
    width: 100%;
}

.module-text .headline {
    text-align: center;
}

.module-text .copy.columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.module-text .copy.columns .col-left,
.module-text .copy.columns .col-right {
    width: 47%;
}

.module-text footer:has(a) {
    padding-top: var(--space-sm);
    text-align: center;
}


/* Text-Bild */

.module-text-image {
    padding: 0;
}

.module-text-image .subline {
    font-size: 1.25em;
    font-weight: 600;
    padding-bottom: var(--space-lg);
}

.module-text-image .copy:has(.subline) .headline {
    padding-bottom: var(--space-xs);
}

.module-text-image .copy p {
    padding-bottom: var(--space-xs);
}

.module-text-image article {
    display: inline-block;
    width: 100%;
}

.module-text-image .headline {
    text-align: left;
    padding-bottom: var(--space-sm);
}

.module-text-image .copy.columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.module-text-image .copy.columns.right {
    flex-direction: row-reverse;
}

.module-text-image .copy.columns .col-left {
    width: var(--module-text-image-partition-img);
}

.module-text-image .copy.columns .col-right {
    width: var(--module-text-image-partition-txt);
}

.module-text-image .copy.columns img {
    width: 100%;
    height: auto;
}


.module-text-image .copy a.lnk-btn {
    font-weight: 700;
    padding: var(--space-xxxs) var(--space-lg);
}

.module-text-image .copy a.lnk-btn.cosmosblue,
.module-text-image .copy a.lnk-btn.coppergreen:hover {
    color: var(--color-white);
    background-color: var(--color-blue-dark);
}

.module-text-image .copy a.lnk-btn.coppergreen,
.module-text-image .copy a.lnk-btn.cosmosblue:hover {
    color: var(--color-blue-dark);
    background-color: var(--color-coppergreen);
}

/* Image */

.module-image {
    text-align: center;
    padding: 0;
}

.module-image .subline {
    font-size: 1.5em;
    text-align: center;
    font-weight: 600;
    padding-bottom: var(--space-xl);
}

.module-image header:has(.subline) .headline {
    padding-bottom: var(--space-sm);
}

.module-image article {
    width: 100%;
    display: inline-block;
}

.module-image .wrapper {
    line-height: 0;
}

.module-image .img-box {
    margin: 0 auto;
}

.module-image .img-box.img-size-2 {
    padding: 0 40% 0;
}

.module-image .img-box.img-size-4 {
    padding: 0 30% 0;
}

.module-image .img-box.img-size-6 {
    padding: 0 20% 0;
}

.module-image .img-box.img-size-8 {
    padding: 0 10% 0;
}

.module-image .img-box.img-size-10 {
    padding: 0%;
}

.module-image .img-box img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.module-image .footline {
    text-align: center;
    padding-top: var(--space-lg);
}

/* Table */

.module-table {
    text-align: center;
    padding: 0;
}

.tablegrid {
    display: inline-grid;
    text-align: left;
    width: 100%;
}

.tablegrid.has-2-columns {
    grid-template-columns: repeat(2, 1fr);
}

.tablegrid.has-2-columns.double-1 {
    grid-template-columns: 2fr 1fr;
}

.tablegrid.has-2-columns.double-2 {
    grid-template-columns: 1fr 2fr;
}

.tablegrid.has-3-columns {
    grid-template-columns: repeat(3, 1fr);
}

.tablegrid.has-3-columns.double-1 {
    grid-template-columns: 2fr 1fr 1fr;
}

.tablegrid.has-3-columns.double-2 {
    grid-template-columns: 1fr 2fr 1fr;
}

.tablegrid.has-3-columns.double-3 {
    grid-template-columns: 1fr 1fr 2fr
}

.tablegrid.has-4-columns {
    grid-template-columns: repeat(4, 1fr);
}

.tablegrid.has-4-columns.double-1 {
    grid-template-columns: 2fr 1fr 1fr 1fr;
}

.tablegrid.has-4-columns.double-2 {
    grid-template-columns: 1fr 2fr 1fr 1fr;
}

.tablegrid.has-4-columns.double-3 {
    grid-template-columns: 1fr 1fr 2fr 1fr;
}

.tablegrid.has-4-columns.double-4 {
    grid-template-columns: 1fr 1fr 1fr 2fr;
}

.tablegrid.has-5-columns {
    grid-template-columns: repeat(5, 1fr);
}

.tablegrid.has-5-columns.double-1 {
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
}

.tablegrid.has-5-columns.double-2 {
    grid-template-columns: 1fr 2fr 1fr 1fr 1fr;
}

.tablegrid.has-5-columns.double-3 {
    grid-template-columns: 1fr 1fr 2fr 1fr 1fr;
}

.tablegrid.has-5-columns.double-4 {
    grid-template-columns: 1fr 1fr 1fr 2fr 1fr;
}

.tablegrid.has-5-columns.double-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 2fr;
}

.tablegrid>span {
    padding: var(--space-xxxs) var(--space-xs);
    margin-bottom: var(--space-xxxs);
    background-color: var(--color-grey-light);
}

.tablegrid>span.keys {
    color: var(--color-grey-light);
    font-weight: 700;
    background-color: var(--color-blue-light);
}

.tablegrid .tablecell.center {
    text-align: center;
}

.tablegrid .tablecell.right {
    text-align: right;
}

.module-table .tablefooter,
.module-tabs-table .tablefooter {
    font-size: 16px;
    text-align: right;
    margin-top: var(--space-xxs);
}

.module-table .key-note,
.module-tabs-table .key-note {
    display: none;
}

/* Table Tabs */

.module-tabs-table {
    text-align: center;
    padding: 0;
}

.module-tabs-table .tabs-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 0;
}

.module-tabs-table .tabs-nav li {
    flex-grow: 1;
    text-align: center;
    padding: 0;
}

.module-tabs-table .tabs-nav li a {
    display: block;
    color: var(--color-white);
    font-weight: 700;
    background-color: var(--color-grey-medium-light);
    padding: var(--space-xxs);
    border: 1px solid var(--color-grey-medium);
    border-bottom: none;
    transition: .25s;
}

.module-tabs-table .tabs-nav li:nth-child(2) a {
    background-color: #9da7b5;
}

.module-tabs-table .tabs-nav li:nth-child(3) a {
    background-color: #a8b1bd;
}

.module-tabs-table .tabs-nav li:nth-child(4) a {
    background-color: #b3bbc6;
}

.module-tabs-table .tabs-nav li:nth-child(5) a {
    background-color: #bec4ce;
}



.module-tabs-table .tabs-nav li a:hover {
    color: var(--color-white);
    background-color: var(--color-blue-light);
}

.module-tabs-table .tabs-nav li a.active {
    color: var(--color-grey-medium-dark);
    background-color: var(--color-white);
}

.module-tabs-table .tabs-content {
    border: 1px solid var(--color-grey-medium);
    border-top: none;
}



/* Action */

.module-action {
    text-align: center;
    padding: 0;
}

.module-action.blue,
.module-action.black,
.module-action.cobaltblue,
.module-action.kiwigreen {
    color: var(--color-white);
}

.module-action .wrapper {
    display: inline-block;
}

.module-action .img-box {
    margin: 0 auto var(--space-md);
}

.module-action .img-box.img-size-2 {
    padding: 0 40% 0;
}

.module-action .img-box.img-size-4 {
    padding: 0 30% 0;
}

.module-action .img-box.img-size-6 {
    padding: 0 20% 0;
}

.module-action .img-box.img-size-8 {
    padding: 0 10% 0;
}

.module-action .img-box.img-size-10 {
    padding: 0%;
}

.module-action .img-box img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.module-action .txt-box {
    margin: 0 auto var(--space-md);
}

.module-action .txt-box .headline {
    font-size: 36px;
}

.module-action.blue .lnk-btn,
.module-action.black .lnk-btn,
.module-action.cobaltblue .lnk-btn,
.module-action.kiwigreen .lnk-btn {
    color: var(--color-text);
    background-color: var(--color-white);
}

.module-action.blue .lnk-btn:hover,
.module-action.black .lnk-btn:hover,
.module-action.cobaltblue .lnk-btn:hover,
.module-action.kiwigreen .lnk-btn:hover {
    color: var(--color-white);
    background-color: var(--color-link-hover);
}


/* Tiles */

.module-tiles {
    text-align: center;
}

.module-row.module-tiles.blue .headline,
.module-row.module-tiles.blue .subline {
    color: var(--color-white);
}

/* Benefits */

.module-benefits {
    text-align: center;
    padding: 0;
}

.module-benefits .subline {
    padding-bottom: var(--space-lg);
}

/* .module-benefits header .headline {
    padding-left: var(--space-md);
} */


.module-benefits header:has(.subline) .headline {
    padding-bottom: var(--space-sm);
}

.module-benefits .inner {
    display: inline-block;
    width: 100%;
}

.module-benefits section.benefits {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* margin: var(--space-xxl) auto; */
}

.module-benefits section.benefits article {
    width: 33%;
    margin: var(--space-md) auto;
    padding: 0 var(--space-lg);
    box-sizing: border-box;
}

.module-benefits section.benefits.halfs article {
    width: 46%;
    margin: 0 2% var(--space-xl) 2%;
}

.module-benefits section.benefits.quarters article {
    width: 20%;
    margin: 0 2% var(--space-xl) 2%;
}


.module-benefits section.benefits article.vertical.left {
    text-align: left;
}

.module-benefits section.benefits article.vertical.left .icon {
    margin-left: 0;
}

.module-benefits section.benefits article .icon {
    display: block;
    width: var(--imgsize);
    background-image: var(--imgurl);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: var(--imgsize);
    margin: 0 auto;
}

.module-benefits section.benefits article .icon span {
    display: none;
}

.module-benefits section.benefits article .title {
    font-size: 24px;
    margin: var(--space-xs) 0;
    padding: 0;
}

.module-benefits section.benefits article .title a {
    color: var(--color-text);
}

.module-benefits section.benefits article .title a:hover {
    color: var(--color-link-hover);
}

.module-benefits section.benefits article.horizontal {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    text-align: left;
    padding: 0;
}

.module-benefits section.benefits article.horizontal .icon {
    width: 30%;
    margin: 0;
}

.module-benefits section.benefits article.horizontal .txt-box {
    width: 65%;
}

.module-benefits section.benefits article .txt-box ul {
    padding: 0 var(--space-xs);
}


.module-benefits .benefit-footer {
    font-size: 14px;
}


.module-benefits.bluegreen {
    color: var(--color-white);
    background-image: url(../images/mdo-benefit-arrow.svg), url(../images/mdo-benefit-ring.svg);
    background-size: 60px, 150px;
    background-position: left top calc(var(--space-base) * 10), right bottom;
    background-repeat: no-repeat;
}

.module-benefits.bluegreen header {
    text-align: left;
}

.module-benefits.bluegreen:has(article.center) header {
    text-align: center;
}

.module-benefits.bluegreen header .headline b {
    color: var(--color-coppergreen);
}

.module-benefits.bluegreen header:has(.subline) .headline {
    padding-bottom: var(--space-xxs);
}

.module-benefits.bluegreen section.benefits {
    margin: 0 calc(var(--space-xs) * -1);
}

.module-benefits.bluegreen section.benefits article.horizontal,
.module-benefits.bluegreen section.benefits article.vertical {
    padding: 0 var(--space-xs);
}

.module-benefits.bluegreen section.benefits article .icon {
    width: var(--imgsize);
    background-size: contain;
    background-position: top center;
}

.module-benefits.bluegreen section.benefits article.horizontal .title {
    margin-top: 0;
}

.module-benefits.bluegreen section.benefits article.horizontal .title a,
.module-benefits.bluegreen section.benefits article.vertical .title a {
    color: var(--color-white);
}

.module-benefits.bluegreen section.benefits article.horizontal .title a:hover,
.module-benefits.bluegreen section.benefits article.vertical .title a:hover {
    color: var(--color-coppergreen);
}

.module-benefits.bluegreen section.benefits article.horizontal .txt-box {
    width: var(--txtsize);
}

.module-benefits.bluegreen .benefit-footer {
    margin-top: var(--space-md);
    text-align: right;
}






/* Features */

.module-features {
    text-align: center;
    padding: 0;
}

.module-features .wrapper {
    position: relative;
}

.module-features section.features article {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: var(--space-lg) auto var(--space-xxl);
}

.module-features section.features article.right .img-box {
    order: 3;
}

.module-features section.features article .title {
    width: 100%;
    font-size: 36px;
    padding: 0 0 var(--space-md) 0;
}

.module-features section.features article .img-box {
    width: 56.5%;
    box-sizing: border-box;
    padding-bottom: 31%;
    background-size: cover;
    background-position: center;
    border-radius: 11px;
}

.module-features section.features article .img-box span {
    display: none;
}

.module-features section.features article .txt-box {
    width: 40%;
    text-align: left;
    padding: var(--space-md);
    box-sizing: border-box;
    border-radius: 11px;
}

.module-features section.features.swiper article .img-box,
.module-features section.features.swiper article .txt-box {
    width: 49%;
}

.module-features section.features article .txt-box.grey {
    background-color: var(--color-grey-medium);
}

.module-features section.features article .txt-box.blue {
    color: var(--color-white);
    background-color: var(--color-blue-dark);
}

.module-features section.features article .txt-box.white .lnk-btn,
.module-features section.features article .txt-box.grey .lnk-btn {
    color: var(--color-text);
    font-weight: 700;
    background-color: var(--color-white);
}

.module-features.light section.features article .txt-box.white .lnk-btn {
    background-color: var(--color-grey-light);
}

.module-features section.features article .txt-box.blue .lnk-btn {
    font-weight: 700;
}

.module-features.light section.features article .txt-box .lnk-btn:hover,
.module-features.dark section.features article .txt-box .lnk-btn:hover {
    color: var(--color-white);
    background-color: var(--color-link-hover);
}


.module-features section.features article .txt-box p {
    margin-bottom: var(--space-xs);
}

.module-features section.features article .txt-box .title {
    padding: 0;
    margin-bottom: var(--space-xs);
}

.module-features section.features article .txt-box :last-child {
    margin-bottom: 0;
}


/* Publication, Offer */

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

.module-row.module-publication.dark .headline,
.module-row.module-publication.dark .subline,
.module-row.module-offer.dark .headline,
.module-row.module-offer.dark .subline,
.module-row.module-intro.dark .headline,
.module-row.module-intro.dark .subline {
    color: var(--color-white);
}

.module-publication,
.module-offer {
    text-align: center;
}

.module-publication .publicationselector,
.module-offer .offerselector {
    position: relative;
    appearance: none;
    font: var(--mdo-font-din);
    font-weight: 400;
    font-size: 18px;
    color: var(--color-text);
    line-height: normal;
    margin-top: var(--space-lg);
    padding: var(--space-xxs);
    padding-right: var(--space-md);
    border: 1px solid var(--color-blue-light);
    border-radius: 0;
    background: none;
    background-image: url(../images/icons.svg?#ChevronDown);
    background-size: 24px;
    background-position: center right 5px;
    background-repeat: no-repeat;
    background-color: var(--color-white);
    cursor: pointer;
}

.module-publication .publicationselector:focus,
.module-offer .offerselector:focus {
    outline: none;
}


/* Edition */

.module-edition {
    text-align: center;
}

.module-edition .filter {
    background-color: var(--color-grey-light);
    padding: var(--space-md);
    margin: var(--space-lg) 0;
    border-radius: 9px;
}

.module-edition.dark .filter {
    background-color: transparent;
    padding: 0;
}

.module-edition .filter h3 {
    width: 32%;
    font-weight: 400;
    color: var(--color-white);
    text-align: center;
    margin: 0 auto var(--space-xs) auto;
    background-color: var(--color-blue-light);
    padding: var(--space-xxxs) var(--space-sm) var(--space-xxxs) var(--space-xxs);
    box-sizing: border-box;
    border-radius: 50px;
}

.module-edition section.cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: var(--space-lg) 0;
}

.module-edition section.cards article {
    /* display: grid;
    align-content: space-between; */
    text-align: center;
    width: 48%;
    position: relative;
    margin-bottom: var(--space-lg);
    padding: var(--space-md);
    box-sizing: border-box;
    background-color: var(--color-white);
    border-radius: 8px;
    border: 1px solid var(--color-grey-light);
    transition: transform .25s, box-shadow .25s;
}

.module-edition section.cards article:hover {
    transform: scale(1.025);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}

.module-edition section.cards article a.title {
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    color: var(--color-text);
    display: grid;
    align-items: center;
    min-height: 60px;
}

.module-edition section.cards article .logo-box {
    width: 50%;
    margin: var(--space-xxxs) auto;
    padding-bottom: 20%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: border-box;
}

.module-edition section.cards article .img-box {
    display: block;
    width: 100%;
    margin-top: var(--space-sm);
    padding-bottom: 80%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: border-box;
}

.module-edition section.cards article .copienumbers {
    margin-top: var(--space-xs);
}

.module-edition section.cards article .copienumbers .keys,
.module-edition section.cards article .copienumbers .values {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: var(--space-xxxs) var(--space-xs);
}

.module-edition section.cards article .copienumbers .col-1 span {
    width: 100%;
}

.module-edition section.cards article .copienumbers .col-2 span {
    width: 42%;
}

.module-edition section.cards article .copienumbers .col-3 span {
    width: 30%;
}

.module-edition section.cards article .copienumbers .keys {
    color: var(--color-white);
    font-weight: 700;
    background-color: var(--color-blue-light);
    margin-bottom: var(--space-xxxs);
}

.module-edition section.cards article .copienumbers .values {
    font-weight: 700;
    background-color: var(--color-grey-light);
}

.module-edition section.cards article .copienumbers .footerline {
    font-size: 14px;
    text-align: right;
    margin: var(--space-xxxs) 0;
}


/* Adformat */

.module-adformat {
    text-align: center;
}

.module-adformat h2 {
    font-size: 36px;
}

.module-adformat article {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left;
    padding: var(--space-lg);
    background-color: var(--color-white);
    border-radius: 8px;
    margin-bottom: var(--space-lg);
}

.module-adformat article .headline {
    width: 100%;
    font-size: 26px;
    margin: 0 0 var(--space-sm) 0;
}

.module-adformat article .img-box {
    width: 25%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}

.module-adformat article .txt-box {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 15px;
}

.module-adformat article .txt-box .desc-box {
    width: 48%;
}

.module-adformat article .txt-box .detail-box {
    width: 48%;
}

.module-adformat article .txt-box .detail-box p {
    margin-bottom: var(--space-xs);
}

.module-adformat article .txt-box .price-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: var(--space-xs);
}

.module-adformat article .txt-box .price-box div {
    width: 48%;
}

.module-adformat article .txt-box .price-box div span.type,
.module-adformat article .txt-box .price-box div span.price {
    display: block;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: var(--space-xxs);
    color: var(--color-white);
    background-color: var(--color-blue-light);
}

.module-adformat article .txt-box .price-box div span.price {
    color: inherit;
    background-color: var(--color-grey-light);
    margin-top: var(--space-xxs);
}


/* Map */

.module-map {
    text-align: center;
    padding: 0;
}


/* Photocredit */

.module-photocredit {
    text-align: center;
}

.module-photocredit section {
    /* width: 80%; */
    margin: var(--space-lg) auto;
}

.module-photocredit section article.sectionhead {
    /* color: var(--color-white);
    background-color: var(--color-blue-light); */
    font-weight: 700;
}

.module-photocredit section article {
    font-size: 16px;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: var(--space-xxs);
    border-bottom: 1px solid var(--color-grey-light);
}

.module-photocredit.dark section article {
    border-bottom: 1px solid var(--color-grey-medium);
}

.module-photocredit section article .title {
    width: 40%;
}

.module-photocredit section article .caption {
    width: 55%;
}

/* Promotion */

.module-promotion article {
    padding: var(--space-md);
    border-radius: 8px;
}

.module-promotion article.green {
    color: var(--color-blue-dark);
    background-color: var(--color-coppergreen);
}

.module-promotion article.blue {
    color: var(--color-white);
    background-color: var(--color-blue-dark);
}

.module-promotion article .headline {
    padding-bottom: var(--space-xs);
}

.module-promotion article.blue .headline {
    color: var(--color-coppergreen);
}

.module-promotion article .subline {
    font-size: 1.5em;
    font-weight: 700;
    padding-bottom: var(--space-xs);
}

.module-promotion header:has(.subline) .headline {
    padding-bottom: var(--space-sm);
}

.module-promotion article .lnk-btn {
    font-weight: 700;
    margin-top: var(--space-sm);
}

.module-promotion article.green .lnk-btn:hover {
    color: var(--color-blue-dark);
    background-color: var(--color-white);
}

.module-promotion article.blue .lnk-btn {
    color: var(--color-blue-dark);
    background-color: var(--color-white);
}

.module-promotion article.blue .lnk-btn:hover {
    background-color: var(--color-coppergreen);
}


/* Mosaik */

.module-mosaic {
    padding: 0;
}

.module-mosaic .hasheadline {
    padding: var(--space-md) 0 var(--space-xxxl);
}

.module-mosaic.blue,
.module-mosaic.black,
.module-mosaic.cobaltblue,
.module-mosaic.kiwigreen {
    color: var(--color-white);
}

.module-mosaic .wrapper {
    text-align: center;
    padding: var(--space-lg) 0;
}

.module-mosaic .wrapper.footline {
    font-size: 0.87em;
}

.module-mosaic section .mosaicrow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1400px;
    margin: auto;
}

.module-mosaic section article {
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    perspective: 1000px;
    background: linear-gradient(transparent, rgba(0, 0, 0, .25));
}

.module-mosaic section article .tile-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    perspective: 1000px;
}

.module-mosaic section article .front,
.module-mosaic section article .back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transition: transform 1.5s 0.5s;
}

.module-mosaic section article .front {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-size: cover;
}

.module-mosaic section article.hasback:hover .front,
.module-mosaic section article.hasback.hovered .front {
    transform: rotateY(180deg);
    transition: transform 1s;
}

.module-mosaic section article .back {
    transform: rotateY(-180deg);
}

.module-mosaic section article.hasback:hover .back,
.module-mosaic section article.hasback.hovered .back {
    transform: rotateY(0deg);
    transition: transform 1s;
}


.module-mosaic section article .blue {
    color: var(--color-white);
    background-color: var(--color-blue-dark);
}

.module-mosaic section article .coppergreen {
    color: var(--color-blue-dark);
    background-color: var(--color-coppergreen);
}

.module-mosaic section article .coralpink {
    color: var(--color-white);
    background-color: var(--color-coralpink);
}

.module-mosaic section article .cobaltblue {
    color: var(--color-white);
    background-color: var(--color-cobaltblue);
}

.module-mosaic section article .kiwigreen {
    color: var(--color-white);
    background-color: var(--color-kiwigreen);
}

.module-mosaic section article .front h4 {
    font-size: 1.5em;
    padding: var(--space-md);
    text-align: center;
}

.module-mosaic section article .front.hasimage h4 {
    display: none;
}

.module-mosaic section article .back {
    padding: var(--space-md);
    box-sizing: border-box;
}

.module-mosaic section article .back h4 {
    padding-bottom: var(--space-xs);
}

.module-mosaic section article .back .link-icon {
    position: absolute;
    right: var(--space-md);
    bottom: var(--space-md);
    font-size: 2em;
}



/* Referenzen */

.module-references {
    text-align: center;
}

.module-references .wrapper {
    position: relative;
}

.module-references .headline {
    padding-bottom: var(--space-sm);
}

.module-references .subline {
    padding-bottom: var(--space-md);
}

.module-references article img {
    height: 300px;
}

.module-references article .headline {
    font-size: 1.5em;
    padding-top: var(--space-md);
    padding-bottom: var(--space-sm);
}

.module-references article .copy {
    margin: 0 15%;
}

.module-references article .lnk-btn {
    margin-top: var(--space-lg);
    color: var(--color-blue-dark);
    background-color: var(--color-coppergreen);
}

.module-references article .lnk-btn:hover {
    color: var(--color-white);
    background-color: var(--color-blue-dark);
}

.module-references .mdo-swiper-button-next,
.module-references .mdo-swiper-button-prev {
    background: transparent;
    box-shadow: none;
}

.module-references .mdo-swiper-button-next:hover,
.module-references .mdo-swiper-button-prev:hover {
    box-shadow: none;
}

.module-references .mdo-swiper-button-next svg,
.module-references .mdo-swiper-button-prev svg {
    width: 40px;
    height: 40px;
    color: var(--color-blue-dark);
}


/* Flipbook */

.module-flipbook {
    text-align: center;
    padding: 0;
}

.module-flipbook .subline {
    font-size: 1.5em;
    text-align: center;
    font-weight: 600;
    padding-bottom: var(--space-lg);
}

.module-flipbook header:has(.subline) .headline {
    padding-bottom: var(--space-sm);
}

.module-flipbook .df-popup-thumb {
    width: 300px;

}

/* Mitarbeiter */

.module-employee header {
    text-align: center;
}

.module-employee header .subline {
    font-size: 1.5em;
    text-align: center;
    font-weight: 600;
    padding-bottom: var(--space-lg);
}

.module-employee header:has(.subline) .headline {
    padding-bottom: var(--space-sm);
}

section.employees article.cosmosblue .txt-box {
    border: none;
    color: var(--color-white);
    background-color: var(--color-blue-dark);
}

section.employees article.cosmosblue .txt-box .headline {
    color: var(--color-coppergreen);
}

section.employees article.cosmosblue .txt-box a {
    color: var(--color-white);
}

section.employees article.cosmosblue .txt-box a:hover {
    color: var(--color-coppergreen);
}

section.employees article.coppergreen .txt-box {
    border: none;
    color: var(--color-blue-dark);
    background-color: var(--color-coppergreen);
}

section.employees article.coppergreen .txt-box .headline {
    color: var(--color-blue-dark);
}

section.employees article.coppergreen .txt-box a:hover {
    color: var(--color-white);
}

section.employees article.grey .txt-box {
    border: none;
    color: var(--color-blue-dark);
    background-color: var(--color-grey-light);
}


/* Netzwerk */

.module-network {
    padding: 0;
}

.module-network .subline {
    font-size: 1.25em;
    font-weight: 600;
    padding-bottom: var(--space-lg);
}

.module-network .copy:has(.subline) .headline {
    padding-bottom: var(--space-xs);
}

.module-network .copy p {
    padding-bottom: var(--space-sm);
}

.module-network article {
    display: inline-block;
    width: 100%;
}

.module-network .headline {
    text-align: left;
    padding-bottom: var(--space-sm);
}

.module-network .copy.columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.module-network .copy.columns.right {
    flex-direction: row-reverse;
}

.module-network .copy.columns .col-left {
    width: 47%;
}

.module-network .copy.columns .col-right {
    width: 47%;
}

.module-network .copy.columns.right .col-right:has(p) {
    text-align: right;
}

.module-network .copy.columns img {
    width: 100%;
    height: auto;
}


.module-network .copy a.lnk-btn {
    font-weight: 700;
    padding: var(--space-xxxs) var(--space-lg);
}

.module-network .copy a.lnk-btn.cosmosblue,
.module-network .copy a.lnk-btn.coppergreen:hover {
    color: var(--color-white);
    background-color: var(--color-blue-dark);
}

.module-network .copy a.lnk-btn.coppergreen,
.module-network .copy a.lnk-btn.cosmosblue:hover {
    color: var(--color-blue-dark);
    background-color: var(--color-coppergreen);
}

.module-network .items {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: var(--space-md);
}

.module-network .items .logo {
    display: block;
    width: 68px;
    height: 68px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: var(--space-xs) var(--space-xxxs);
}

.module-network .items .logo span {
    display: none;
}


/* Pakete */


.module-bundle .blue-green {
    --bundle-price-background: var(--color-coppergreen);
    --bundle-stars: var(--color-coppergreen);
    --bundle-tip-background: var(--color-coralpink);
    --bundle-tip-text: var(--color-white);
    --bundle-components-background: var(--color-blue-dark);
    --bundle-components-text: var(--color-white);
    --bundle-components-border: var(--color-grey-medium-light);
}

.module-bundle .blue-grey {
    --bundle-price-background: var(--color-blue-dark-light);
    --bundle-stars: var(--color-blue-dark-light);
    --bundle-tip-background: var(--color-coralpink);
    --bundle-tip-text: var(--color-white);
    --bundle-components-background: var(--color-blue-dark);
    --bundle-components-text: var(--color-white);
    --bundle-components-border: var(--color-grey-medium-light);
}

.module-bundle .grey-blue {
    --bundle-price-background: var(--color-blue-dark);
    --bundle-stars: var(--color-coralpink);
    --bundle-tip-background: var(--color-blue-dark);
    --bundle-tip-text: var(--color-white);
    --bundle-components-background: var(--color-blue-dark-light);
    --bundle-components-text: var(--color-white);
    --bundle-components-border: var(--color-white);
}

.module-bundle.blue .grey-blue {
    --bundle-tip-background: var(--color-blue-light);
    --bundle-price-background: var(--color-blue-light);
}

.module-bundle .green-blue {
    --bundle-price-background: var(--color-blue-dark);
    --bundle-stars: var(--color-blue-dark);
    --bundle-tip-background: var(--color-coralpink);
    --bundle-tip-text: var(--color-white);
    --bundle-components-background: var(--color-coppergreen);
    --bundle-components-text: var(--color-blue-dark);
    --bundle-components-border: var(--color-blue-dark);
}

.module-bundle .pink-blue {
    --bundle-price-background: var(--color-blue-dark);
    --bundle-stars: var(--color-blue-dark);
    --bundle-tip-background: var(--color-coralpink);
    --bundle-tip-text: var(--color-white);
    --bundle-components-background: var(--color-coralpink);
    --bundle-components-text: var(--color-white);
    --bundle-components-border: var(--color-white);
}


.module-bundle {
    text-align: center;
    /* background-color: var(--color-grey-light); */
    padding: var(--space-xl) 0;
}

.module-bundle+.module-bundle {
    padding-top: 1px;
    margin-top: calc(-1 * var(--space-xxxl));
}

.module-bundle h2 {
    margin: 0;
}

.module-bundle section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: var(--space-lg);
}

.module-bundle section article {
    background-color: var(--bundle-price-background);
    border-radius: 8px;
    width: var(--module-bundle-width);
    display: flex;
    flex-direction: column;
    margin-bottom: var(--space-md);
}

.module-bundle section article .header .recommendation {
    position: absolute;
    right: var(--space-xs);
    top: -16px;
    width: 38px;
    height: 32px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 1.25em;
    color: var(--bundle-tip-text);
    background-color: var(--bundle-tip-background);
}

.module-bundle section article .header .recommendation svg {
    margin-top: 4px;
}

.module-bundle section article .header .recommendation::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 19px 0 0;
    border-color: var(--bundle-tip-background) transparent transparent transparent;
}

.module-bundle section article .header .recommendation::after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 19px 10px 0;
    border-color: transparent var(--bundle-tip-background) transparent transparent;
}

.module-bundle section article .header .recommendation span {
    display: none;
}

.module-bundle section article .header {
    position: relative;
    background-color: var(--color-white);
    border-top-left-radius: 7.8px;
    border-top-right-radius: 7.8px;
}

.module-bundle.light section article .header {
    background-color: var(--color-grey-light);
}

.module-bundle section article .header::after {
    content: '';
    display: block;
    height: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: var(--bundle-components-background);
}

.module-bundle section article h3 {
    font-size: 1.6em;
    text-transform: uppercase;
    color: var(--color-blue-dark);
    padding: var(--space-md) 0 var(--space-xs) 0;
    border-bottom: 1px dotted var(--color-blue-light);
    width: calc(100% - 2 * var(--space-xs));
    box-sizing: border-box;
    margin: 0 auto;
}

.module-bundle section article .evaluation .icon {
    font-size: 1.5em;
    line-height: 0;
    color: var(--bundle-stars);
    margin: var(--space-xxs) auto;
}

.module-bundle section article .evaluation .icon svg {
    margin: 0 var(--space-xxxxs);
}

.module-bundle section article .evaluation .text {
    display: none;
}

.module-bundle section article ul.components {
    list-style-type: none;
    margin: 0;
    padding: var(--space-xxs) var(--space-xs);
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: var(--bundle-components-text);
    background-color: var(--bundle-components-background);
    flex-grow: 1;
}

.module-bundle section article ul.components li {
    border-bottom: 1px dotted var(--bundle-components-border);
    padding: var(--space-xs) 0;
}

.module-bundle section article ul.components li:last-child {
    border: none;
}

.module-bundle section article ul.components li .name {
    font-weight: 500;
}


.module-bundle section article .price {
    font-size: 1.6em;
    font-weight: 500;
    color: var(--color-white);
    padding: var(--space-xxs) 0 var(--space-xxxs);
}

.module-bundle footer a.lnk-btn+p.footer {
    margin-top: var(--space-sm);
}


/*
------------------------------------------------------------------------------
10. SINGLE EDITION
------------------------------------------------------------------------------
*/

.single-mdo_edition .module-single-edition {
    text-align: center;
    padding: var(--space-xxxl) 0;
}

/* Price-Filter */

.single-mdo_edition .filter h3 {
    width: 32%;
    font-weight: 400;
    color: var(--color-white);
    text-align: center;
    margin: 0 auto var(--space-xs) auto;
    background-color: var(--color-blue-light);
    padding: var(--space-xxxs) var(--space-sm) var(--space-xxxs) var(--space-xxs);
    box-sizing: border-box;
    border-radius: 50px;
}

#edition-price-form label {
    display: initial;
}

#edition-price-form .filter .filter-row {
    padding: var(--space-sm) 0;
}

#edition-price-form .filter .filter-row.options .placements {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#edition-price-form .filter .filter-row.options label {
    display: flex;
    align-items: center;
    width: 32%;
    margin-bottom: var(--space-xs);
    background-color: var(--color-grey-medium);
    padding: var(--space-xxxs) var(--space-sm) var(--space-xxxs) var(--space-xxs);
    box-sizing: border-box;
    border-radius: 50px;
    cursor: pointer;
    transition: color .25s, background-color .25s;
}

#edition-price-form .filter .filter-row.options label::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 11px;
    border: 4px solid var(--color-grey-light);
    background-color: var(--color-grey-light);
    margin-right: var(--space-xxxs);
}

#edition-price-form .filter .filter-row.options label:hover {
    color: var(--color-white);
    background-color: var(--color-blue-light);
}


#edition-price-form .filter .filter-row.options label:has(input:checked) {
    color: var(--color-blue-dark);
    background-color: var(--color-coppergreen);
}

#edition-price-form .filter .filter-row.options label:has(input:checked)::before {
    background-color: var(--color-blue-dark);
}


#edition-price-form .filter .filter-row.options label input {
    display: none;
}


#edition-price-form .filter .filter-row.actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px dotted var(--color-blue-light);
}

#edition-price-form .filter .filter-row.actions .action {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#edition-price-form button,
#edition-price-form .btn {
    margin: 0;
    padding: var(--space-xxs) var(--space-md);
    border: 0;
    font-family: var(--mdo-font-din);
    font-size: 16px;
    font-weight: 700;
    color: var(--color-text);
    box-sizing: border-box;
    border-radius: 4px;
    border: 2px solid var(--color-grey-medium);
    background-color: var(--color-grey-medium);
    margin-left: var(--space-xs);
    cursor: pointer;
    transition: background-color .25s, color .25s, border .25s;
}

#edition-price-form button:hover,
#edition-price-form .btn:hover {
    color: var(--color-white);
    border: 2px solid var(--color-blue-dark);
    background-color: var(--color-blue-dark);
}

#edition-price-form button.filter-btn {
    color: var(--color-blue-dark);
    border: 2px solid var(--color-coppergreen);
    background-color: var(--color-coppergreen);
}

#edition-price-form button.filter-btn:hover {
    background-color: var(--color-white);
}

/* Intro */

.single-mdo_edition .module-single-edition .edition-intro p {
    margin-bottom: var(--space-xxs);
}

.single-mdo_edition .imgDetail {
    /* margin: var(--space-lg) auto; */
    margin: var(--space-xxl) 10%;
}

/* Copynumbers */

.single-mdo_edition .copienumbers {
    text-align: left;
    margin: var(--space-xs) auto;
}

.single-mdo_edition .copienumbers .keys,
.single-mdo_edition .copienumbers .values {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: var(--space-xxxs) var(--space-xs);
    margin-bottom: var(--space-xxxs);
}

.single-mdo_edition .copienumbers .keys {
    color: var(--color-grey-light);
    font-weight: 700;
    background-color: var(--color-blue-light);
}

.single-mdo_edition .copienumbers .values {
    background-color: var(--color-grey-light);
}

.single-mdo_edition .copienumbers div.title {
    text-align: left;
    width: 50%;
    padding-right: var(--space-xs);
    box-sizing: border-box;
    display: flex;
}

.single-mdo_edition .copienumbers .values.first .title,
.single-mdo_edition .copienumbers .values.mandatory .title,
.single-mdo_edition .copienumbers .values.combi .title {
    font-weight: 700;
    color: var(--color-blue-dark);
}


.single-mdo_edition .copienumbers label {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.single-mdo_edition .copienumbers input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.single-mdo_edition .copienumbers label .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    border: solid 1px var(--color-blue-light);
    border-radius: 2px;
    transition: 0.25s ease;
}

.single-mdo_edition .copienumbers label:hover input~.checkmark {
    background-color: var(--color-blue-dark);
    border: solid 1px var(--color-blue-dark);
}

.single-mdo_edition .copienumbers label input:checked~.checkmark {
    background-color: var(--color-blue-light);
    border: solid 1px var(--color-blue-light);
}

.single-mdo_edition .copienumbers label .checkmark::after {
    content: "";
    position: absolute;
    display: none;
}

.single-mdo_edition .copienumbers label input:checked~.checkmark::after {
    display: block;
}

.single-mdo_edition .copienumbers label .checkmark::after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid var(--color-white);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.single-mdo_edition .copienumbers div.ort {
    width: 12%;
}

.single-mdo_edition .copienumbers div.zis {
    width: 12%;
}

.single-mdo_edition .copienumbers .col-1 div.copies {
    text-align: center;
    width: 32%;
}

.single-mdo_edition .copienumbers div.format {
    width: 6%;
}

.single-mdo_edition .copienumbers .col-2 div.copies {
    text-align: center;
    width: 15%;
}

.single-mdo_edition .copienumbers .col-3 div.copies {
    text-align: center;
    width: 8%;
}

.single-mdo_edition .copienumbers .col-4 div.copies {
    text-align: center;
    width: 8%;
}

.single-mdo_edition .copienumbers .keys.col-4 div.copies span {
    display: block;
}

.single-mdo_edition .copienumbers sup {
    font-size: 0.25em;
    padding-left: 0.25em;
    /* color: var(--color-blue-light); */
    transform: scale(6);
    display: inline-block;
}

.single-mdo_edition .copienumbers span.position {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding-top: 2px;
    box-sizing: border-box;
    border-radius: 12px;
    margin-right: var(--space-xxs);
    font-size: 14px;
    color: var(--color-white);
    background-color: var(--color-blue-dark);
}

.single-mdo_edition .copienumbers span.txt {
    width: calc(100% - 34px);
}

.single-mdo_edition .copienumbers label {
    display: initial;
}

.single-mdo_edition .copienumbers input[type=checkbox] {
    font-size: 28px;
    margin-right: var(--space-xs);
}

.single-mdo_edition .copienumbers .footerline {
    font-size: 14px;
    text-align: right;
}

.single-mdo_edition .copienumbers .footerline sup {
    padding-right: 0.75em;
    /* color: var(--color-blue-light); */
}


.single-mdo_edition .copienumbers .key-note {
    display: none;
}



/* Pricetable */

.single-mdo_edition .intro-disturber {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.single-mdo_edition .intro-disturber .intro-pricetable {
    width: 70%;
}

.single-mdo_edition .intro-pricetable {
    margin-bottom: var(--space-sm);
}

.single-mdo_edition .intro-pricetable p {
    margin-bottom: var(--space-xxxs);
}

.single-mdo_edition .disturber {
    width: 200px;
    height: 200px;
    position: relative;
    color: var(--color-white);
    background: radial-gradient(ellipse at center, var(--color-blue-dark) 0%, var(--color-blue-dark) 70%, transparent 70.3%);
    overflow: hidden;
    transform: rotate(10deg) translateY(-40px);
}

.single-mdo_edition .disturber blockquote {
    height: 100%;
    width: 100%;
}

.single-mdo_edition .disturber p {
    /* font-size: 21px; */
    width: 100%;
    height: 100%;
    line-height: 1.25;
    padding: 0;
    text-align: center;

}

.single-mdo_edition .disturber p span {
    display: block;
    padding: 20% 0;
}

.single-mdo_edition .disturber blockquote::before {
    content: '';
    float: left;
    height: 100%;
    width: 50%;
    shape-outside: polygon(0 0,
            98% 0,
            50% 6%,
            23.4% 17.3%,
            6% 32.6%,
            0 50%,
            6% 65.6%,
            23.4% 82.7%,
            50% 94%,
            98% 100%,
            0 100%);
    shape-margin: 7%;
}

.single-mdo_edition .disturber p::before {
    content: '';
    float: right;
    height: 100%;
    width: 50%;
    shape-outside: polygon(2% 0%,
            100% 0%,
            100% 100%,
            2% 100%,
            50% 94%,
            76.6% 82.7%,
            94% 65.6%,
            100% 50%,
            94% 32.6%,
            76.6% 17.3%,
            50% 6%);
    shape-margin: 7%;
}

.single-mdo_edition .placement-note h3 {
    padding-bottom: var(--space-xxs);
}


.single-mdo_edition .pricetable {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}

#pricelist-selector-form,
#pricelist-edition-selector-form {
    display: inline-block;
    font-size: 18px;
    color: var(--color-text);
    background: var(--color-white);
    line-height: normal;
    padding: var(--space-xs);
}

#pricelist-selector,
#pricelist-edition-selector,
#placement-selector {
    appearance: none;
    font: var(--mdo-font-din);
    font-weight: 700;
    font-size: 18px;
    color: var(--color-text);
    background: none;
    line-height: normal;
    padding: var(--space-xxs);
    padding-right: var(--space-md);
    border: 1px solid var(--color-blue-light);
    border-radius: 0;
    background-image: url(../images/icons.svg?#ChevronDown);
    background-size: 24px;
    background-position: center right 5px;
    background-repeat: no-repeat;
    background-color: var(--color-white);
    position: relative;
    cursor: pointer;
}

#pricelist-selector:focus,
#pricelist-edition-selector:focus,
#placement-selector:focus {
    outline: none;
}

.single-mdo_edition #pricelist-selector-form,
.single-mdo_edition #pricelist-edition-selector-form {
    margin-bottom: var(--space-lg);
}

.single-mdo_edition .pricetables h3 {
    font-size: 32px;
    margin: 0;
}

.single-mdo_edition .pricetables .definition {
    font-size: 22px;
    margin-bottom: var(--space-md);
}

.single-mdo_edition .pricetables article {
    margin: var(--space-xxxl) auto;
}

.single-mdo_edition .pricetable .icon {
    /* width: 20%; */
    /* background-color: var(--color-white); */
    line-height: 0;
}

.single-mdo_edition .pricetable .icon img {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.single-mdo_edition .pricetable.col-1 .groups {
    width: 78%;
}

.single-mdo_edition .pricetable.col-2 .groups {
    width: 38%;
}

.single-mdo_edition .pricetable .groups .group {
    font-size: 22px;
    font-weight: 700;
    padding: var(--space-xxs);
    color: var(--color-white);
    background-color: var(--color-grey-medium-light);
}

.single-mdo_edition .pricetable .groups .days {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.single-mdo_edition .pricetable .groups .days .day {
    line-height: 200%;
    padding: var(--space-sm) var(--space-xs);
    box-sizing: border-box;
    margin-top: var(--space-xxs);
    background-color: var(--color-white);
}

.single-mdo_edition .pricetable .groups .days.col-1 .day {
    width: 100%;
}

.single-mdo_edition .pricetable .groups .days.col-2 .day {
    width: 48%;
}

.single-mdo_edition .pricetable .groups .days.col-3 .day {
    width: 31%;
}

.single-mdo_edition .pricetable .groups .day span {
    display: block;
    font-weight: 700;
    ;
}

/* Pricetable MM */

.single-mdo_edition .pricetable-mm {
    background-color: var(--color-grey-light);
    border-radius: 4px;
    padding: 0;
    margin: var(--space-xxxxl) auto var(--space-xl);
}

.single-mdo_edition .pricetable-mm .headline {
    font-size: 32px;
    text-align: left;
    padding-bottom: var(--space-sm);
}


.single-mdo_edition .pricetable-mm article {
    display: flex;
    flex-wrap: wrap;
}

.single-mdo_edition .pricetable-mm article,
.single-mdo_edition .pricetable-mm article .groups .days {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.single-mdo_edition .pricetable-mm article.col-1 .groups {
    width: 100%;
}

.single-mdo_edition .pricetable-mm article.col-2 .groups {
    width: 48%;
}

.single-mdo_edition .pricetable-mm article .group {
    font-size: 22px;
    font-weight: 700;
    background-color: var(--color-white);
    padding: var(--space-xxs);
    box-sizing: border-box;
    margin-bottom: var(--space-xs);
}

.single-mdo_edition .pricetable-mm article .day {
    background-color: var(--color-white);
    padding: var(--space-xxs);
    box-sizing: border-box;
}

.single-mdo_edition .pricetable-mm article .days.col-1 .day {
    width: 100%;
}

.single-mdo_edition .pricetable-mm article .days.col-2 .day {
    width: 48%;
}

.single-mdo_edition .pricetable-mm article .days.col-3 .day {
    width: 31%;
}

.single-mdo_edition .pricetable-mm article .day span {
    display: block;
    font-weight: 700;
}

/* Price Note */
.single-mdo_edition .price-note {
    text-align: right;
}


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

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

/*
------------------------------------------------------------------------------
12. ARCHIVES
------------------------------------------------------------------------------
*/


.post-type-archive .intro {
    text-align: center;
    padding: var(--space-xxxl) 0;
}

.post-type-archive section.articles {
    margin-bottom: var(--space-md);
}



/*
------------------------------------------------------------------------------
13. EVENT, SPECIALEDITION, PRODUCT
------------------------------------------------------------------------------
*/

/* Archive */

.post-type-archive .headline {
    font-size: 2.5em;
}

.post-type-archive-mdo_special .module-stage:has(> .img-box.has-foreground) {
    padding-bottom: var(--space-xxxl);
}

/* Stage */

.post-type-archive-mdo_special .module-stage.manual .img-box {
    padding: 0;
    height: clamp(400px, 39vw, 575px);
}

.post-type-archive-mdo_special .module-stage.manual .foreground {
    transform: rotate(0);
    display: flex;
    justify-content: center;
    align-items: end;
    padding-bottom: 0;
    height: 100%;
}

.post-type-archive-mdo_special .module-stage.manual .disturber {
    transform: rotate(0);
    right: 10%;
}

.post-type-archive-mdo_special .module-stage .foreground img {
    height: 100%;
    width: auto;
    object-fit: cover;
}

.post-type-archive-mdo_special .module-stage .foreground img.hasnottransparency {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .25);
}

.post-type-archive-mdo_special .module-stage .img-box::before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    background: linear-gradient(transparent, var(--color-blue-dark));
    opacity: .8;
}

.post-type-archive .module-stage.manual .disturber {
    background-color: var(--bg-color);
    transition: background-color .25s;
}

.post-type-archive .module-stage.manual a.disturber:hover {
    background-color: var(--color-link-hover);
}

.post-type-archive .module-stage .disturber span {
    display: block;
    width: 100%;
}

.post-type-archive .module-stage .disturber .headline,
.post-type-archive .module-stage .disturber .subline {
    display: block;
    width: 100%;
}

.post-type-archive .module-stage .disturber .headline {
    font-size: 30px;
}

.post-type-archive-mdo_special .module-stage a.subline,
.post-type-archive-mdo_event .module-stage a.subline {
    color: var(--color-white);
    font-size: 24px;
    padding: var(--space-xxs) var(--space-xs);
    border-radius: 4px;
    transition: background-color .25s;
}

.post-type-archive-mdo_special .module-stage a.subline:hover,
.post-type-archive-mdo_event .module-stage a.subline:hover {
    background-color: var(--color-link);
}

/* Facts */
.facts {
    text-align: center;
    padding: var(--space-xxl) 0;
}

.facts section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: var(--space-lg);
}

.facts section article {
    padding: 0 var(--space-sm);
    box-sizing: border-box;
}

.facts section.count-2 article {
    width: 32%;
}

.facts section.count-3 article {
    width: 32%;
}

.facts section.count-4 article {
    width: 24%;
}

.facts section article .value {
    color: var(--color-white);
    background-color: var(--color-blue-dark);
    width: 60%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.facts section article .value span {
    font-size: 3.75em;
    font-weight: 700;
    margin-top: 7.5%;
}

.facts section article .title {
    font-size: 1.3333333em;
    font-weight: 700;
    margin: var(--space-sm) 0;
}


/* Teaser */

.post-type-archive .teaser {
    padding: var(--space-xxl) 0;
    background-color: var(--color-grey-light);
}

.post-type-archive .teaser .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.post-type-archive .teaser .wrapper .img-box {
    width: 47%;
    border-radius: 11px;
    background-size: cover;
    background-position: center;
}

.post-type-archive .teaser .wrapper .txt-box {
    width: 47%;
}

.post-type-archive .teaser .wrapper .txt-box .subheadline {
    color: var(--color-blue-dark);
    font-weight: 700;
}

.post-type-archive .teaser .wrapper .txt-box .headline {
    font-size: 2em;
    font-weight: 700;
    padding: var(--space-xs) 0 var(--space-sm);
}

.post-type-archive .teaser .wrapper .txt-box p {
    padding-bottom: var(--space-xs);
}

.post-type-archive .teaser .wrapper .txt-box p:last-child {
    padding-bottom: var(--space-md);
}


/* Filter */

.post-type-archive .filter {
    background-color: var(--color-grey-light);
    padding: var(--space-md);
    margin-bottom: var(--space-lg);
    border-radius: 9px;
}

.post-type-archive .filter .filter-row.options {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: var(--space-xs);
}

.post-type-archive .filter select {
    appearance: none;
    font: var(--mdo-font-din);
    font-weight: 400;
    font-size: 18px;
    color: var(--color-text);
    background: none;
    padding: var(--space-xxxs) var(--space-md);
    padding-right: var(--space-xl);
    border: 1px solid var(--color-blue-light);
    border-radius: 36px;
    background-image: url(../images/icons.svg?#ChevronDown);
    background-size: 24px;
    background-position: center right 10px;
    background-repeat: no-repeat;
    position: relative;
    margin: 0 var(--space-xxs) var(--space-xxs) var(--space-xxs);
    cursor: pointer;
}

.post-type-archive .filter select:focus {
    outline: none;
}

.post-type-archive .filter select:has(option[value="-1"]:not(:checked)) {
    background-color: var(--color-white);
}



/* .post-type-archive .filter .filter-row.options .placements {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
} */

.post-type-archive .filter .filter-row.options label {
    display: flex;
    align-items: center;
    width: 32%;
    margin-bottom: var(--space-xxs);
    background-color: var(--color-grey-medium);
    padding: var(--space-xxxs) var(--space-sm) var(--space-xxxs) var(--space-xxs);
    box-sizing: border-box;
    border-radius: 50px;
    cursor: pointer;
    transition: color .25s, background-color .25s;
}

.post-type-archive .filter .filter-row.options label::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 11px;
    border: 4px solid var(--color-grey-light);
    background-color: var(--color-grey-light);
    margin-right: var(--space-xxxs);
}

.post-type-archive .filter .filter-row.options label:hover {
    color: var(--color-white);
    background-color: var(--color-blue-light);
}


.post-type-archive .filter .filter-row.options label:has(input:checked) {
    color: var(--color-white);
    background-color: var(--color-blue-dark);
}

.post-type-archive .filter .filter-row.options label:has(input:checked)::before {
    background-color: var(--color-blue-light);
}


.post-type-archive .filter .filter-row.options label input {
    display: none;
}


.post-type-archive .filter .filter-row.actions {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding-top: var(--space-sm);
    border-top: 1px dotted var(--color-blue-light);
}

.post-type-archive .filter button,
.post-type-archive .filter a.btn {
    margin: 0;
    padding: var(--space-xxs) var(--space-md);
    border: 0;
    color: var(--color-text);
    font-family: var(--mdo-font-din);
    font-size: 16px;
    font-weight: 700;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: var(--color-grey-medium);
    margin-left: var(--space-xs);
    cursor: pointer;
    transition: background-color .25s, color .25s;
}

.post-type-archive .filter button:hover,
.post-type-archive .filter a.btn:hover {
    color: var(--color-white);
    background-color: var(--color-blue-dark);
}


/* Posts */

.post-type-archive .posts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: var(--space-lg);
}

.post-type-archive .posts article {
    width: 32%;
    padding-top: 30%;
    position: relative;
    border-radius: 9px;
    color: var(--color-white);
    background-size: cover;
    margin-bottom: var(--space-sm);
}

.post-type-archive .posts article:not(.placeholder)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(transparent 15%, var(--color-blue-dark) 50%);
    background-size: 100% 200%;
    background-position: 0% 0%;
    border-radius: 9px;
    opacity: .9;
    transition: all .25s ease;
}

.post-type-archive .posts article:has(.lnk-btn:hover)::before {
    background-position: 0% 20%;
}

.post-type-archive .posts article .disturber {
    position: absolute;
    right: var(--space-xxs);
    top: var(--space-xxs);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    font-size: 14px;
    line-height: 120%;
    font-weight: 700;
    color: var(--color-white);
    background-color: var(--bg-color);
    width: 110px;
    height: 110px;
    border-radius: 55px;
    padding: var(--space-xxs);
    box-sizing: border-box;
    overflow: hidden;
    transform: rotate(10deg);
    transition: .25s ease;
}

.post-type-archive .posts article:has(.lnk-btn:hover) .disturber {
    transform: rotate(0deg);
}

.post-type-archive .posts article .disturber .disturber-wrapper {
    width: 100%;
}

.post-type-archive .posts article .disturber .text-mid {
    font-size: clamp(12px, calc(12px * 12/var(--txt-lgth)), 32px);
    line-height: 1em;
    transform: translateY(calc(2px * 12/var(--txt-lgth)/100));
}



.post-type-archive .posts article .txt-box {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: var(--space-sm);
    box-sizing: border-box;
}

.post-type-archive .posts article .txt-box .headline {
    font-size: 1.25em;
    margin-bottom: var(--space-xxxs);
}

.post-type-archive .posts article .txt-box .btn-box {
    text-align: center;
}

.post-type-archive .posts article .txt-box .lnk-btn {
    margin: var(--space-xs) auto 0;
    font-weight: 700;
    color: var(--color-link);
    background-color: var(--color-white);
}

.post-type-archive .posts article .txt-box .lnk-btn:hover {
    color: var(--color-white);
    background-color: var(--color-link-hover);
}


/* SINGLE */

.module-stage.manual .foreground {
    background-position: bottom right 25%;
    transform: rotate(-5deg);
}

.module-stage.manual .disturber {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    font-size: 24px;
    color: var(--color-white);
    background-color: var(--bg-color);
    width: 250px;
    height: 250px;
    border-radius: 125px;
    padding: var(--space-xxs);
    box-sizing: border-box;
    transform: rotate(5deg);
    overflow: hidden;
}

.module-stage.manual .disturber .disturber-wrapper {
    width: 100%;
}

.module-stage.manual .disturber a.disturber-wrapper {
    color: var(--color-white);
}


.module-stage.manual .disturber .text-top,
.module-stage.manual .disturber .text-bottom {
    font-size: 26px;
}

.module-stage.manual .disturber .text-mid {
    font-size: clamp(21px, calc(20px * 21/var(--txt-lgth)), 64px);
    line-height: 1em;
    transform: translateY(5%);
    margin: 2px auto;
}

.single .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: var(--space-xxxl) auto;
}

.single .row .col {
    width: 48%;
}

.single .terms {
    font-size: 15px;
    text-transform: uppercase;
    color: var(--color-grey-medium-light);
    margin-bottom: var(--space-xxxs);
}

.single .row .col .headline {
    font-size: 32px;
}

.single .row .col .desc p+p {
    margin-top: var(--space-xs);
}

.single .row .col .details {
    border: 1px solid var(--color-blue-light);
    border-radius: 11px;
    padding: var(--space-md);
    font-size: 20px;
    background-color: var(--color-grey-light);
}

.single .row .col .details .headline {
    color: var(--color-blue-dark);
    font-size: 24px;
    margin: 0 0 var(--space-md) 0;
}

.single .row .col .details p {
    margin-top: var(--space-xxs);
}

.single .row .col .details ul {
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxxs);
}

.single .row .col .details dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.single .row .col .details dt {
    width: 30%;
    font-weight: 700;
}

.single .row .col .details dd {
    width: 65%;
    margin-inline-start: 0;
}

.single .details .detail-note-title {
    font-weight: 700;
}

.single .details .detail-note-title+p.detail-note {
    margin-top: 0px;
}

/*
------------------------------------------------------------------------------
14. EVENT
------------------------------------------------------------------------------
*/

/* Archive */

/* Single */

.single-mdo_event .intro {
    padding: var(--space-md) 0;
}

.single-mdo_event .intro .row {
    margin-bottom: var(--space-sm);
}

.single-mdo_event .info {
    margin-bottom: var(--space-lg);
}

.single-mdo_event .info p {
    padding-bottom: var(--space-xs);
}


/*
------------------------------------------------------------------------------
15. SPECIAL
------------------------------------------------------------------------------
*/

/* Archive */

/* Single */


.single-mdo_special .module-stage:has(> .img-box.has-foreground) {
    margin-bottom: var(--space-xxl);
}

.single-mdo_special .intro .row {
    margin-bottom: 0;
}

.single-mdo_special .intro .row .terms,
.single-mdo_special .intro .row .headline {
    width: 100%;
}

.single-mdo_special .intro {
    padding: 0 var(--space-sm) var(--space-xxl);
}


.single-mdo_special .info {
    padding: 0 var(--space-sm) var(--space-xxl);
}

.single-mdo_special .info p {
    padding-bottom: var(--space-xs);
}

.single-mdo_special .info h3 {
    margin: 0 auto var(--space-xs);
    font-size: 1.5em;
}

.single-mdo_special .info .subline {
    font-weight: 500;
}

.single-mdo_special .ad-offer-box {
    background-color: var(--color-grey-light);
    border-radius: 6px;
    overflow: hidden;
}

.single-mdo_special .ad-offer-box .header {
    color: var(--color-white);
    font-weight: 500;
    background-color: var(--color-blue-dark);
    padding: var(--space-xxs) var(--space-xs) var(--space-xxxs);
}

.single-mdo_special .ad-offer-box .ad-channels {
    padding: var(--space-sm) var(--space-md) var(--space-xxs);
}

.single-mdo_special .ad-offer-box .releasedate {
    display: flex;
    flex-wrap: nowrap;
    align-items: end;
    color: var(--color-blue-dark);
    font-weight: 500;
    background-color: var(--color-blue-dark-10);
    padding: var(--space-xxs) var(--space-xs) var(--space-xxs);
    line-height: 1em;
}

.single-mdo_special .ad-offer-box .releasedate svg {
    margin-right: var(--space-xxs);
    font-size: 21px;
}


/* Special-Bundles */

/* Colorscheme */

.blue-green {
    --special-price-background: var(--color-coppergreen);
    --special-stars: var(--color-coppergreen);
    --special-tip-background: var(--color-coralpink);
    --special-tip-text: var(--color-white);
    --special-components-background: var(--color-blue-dark);
    --special-components-text: var(--color-white);
    --special-components-border: var(--color-grey-medium-light);
}

.blue-grey {
    --special-price-background: var(--color-blue-dark-light);
    --special-stars: var(--color-blue-dark-light);
    --special-tip-background: var(--color-coralpink);
    --special-tip-text: var(--color-white);
    --special-components-background: var(--color-blue-dark);
    --special-components-text: var(--color-white);
    --special-components-border: var(--color-grey-medium-light);
}

.grey-blue {
    --special-price-background: var(--color-blue-dark);
    --special-stars: var(--color-coralpink);
    --special-tip-background: var(--color-blue-dark);
    --special-tip-text: var(--color-white);
    --special-components-background: var(--color-blue-dark-light);
    --special-components-text: var(--color-white);
    --special-components-border: var(--color-white);
}

.green-blue {
    --special-price-background: var(--color-blue-dark);
    --special-stars: var(--color-blue-dark);
    --special-tip-background: var(--color-coralpink);
    --special-tip-text: var(--color-white);
    --special-components-background: var(--color-coppergreen);
    --special-components-text: var(--color-blue-dark);
    --special-components-border: var(--color-blue-dark);
}

.pink-blue {
    --special-price-background: var(--color-blue-dark);
    --special-stars: var(--color-blue-dark);
    --special-tip-background: var(--color-coralpink);
    --special-tip-text: var(--color-white);
    --special-components-background: var(--color-coralpink);
    --special-components-text: var(--color-white);
    --special-components-border: var(--color-white);
}

.single-mdo_special .module-stage .img-box {
    padding: 0;
    height: clamp(400px, 39vw, 575px);
}

.single-mdo_special .module-stage .foreground {
    display: flex;
    justify-content: center;
    align-items: end;
    padding-bottom: 0;
    height: 100%;
}

.single-mdo_special .module-stage .foreground img {
    height: 100%;
    width: auto;
    object-fit: cover;
}

.single-mdo_special .module-stage .foreground img.hasnottransparency {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .25);
}

.single-mdo_special .module-stage.manual .foreground {
    background-position: center bottom 25%;
    transform: rotate(0);
}

.single-mdo_special .module-stage.manual .disturber {
    transform: rotate(0);
    right: 10%;
}

.single-mdo_special .module-bundle,
.single-mdo_special .special-bundles {
    text-align: center;
    background-color: var(--color-grey-light);
    padding: var(--space-xxl) 0;
}

.single-mdo_special .special-bundles h2 {
    margin: 0;
}

.single-mdo_special .special-bundles section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: var(--space-lg);
}

.single-mdo_special .special-bundles section article {
    background-color: var(--special-price-background);
    border-radius: 8px;
    width: var(--special-bundles-width);
    display: flex;
    flex-direction: column;
    margin-bottom: var(--space-md);
}

.single-mdo_special .special-bundles section article .header .recommendation {
    position: absolute;
    right: var(--space-xs);
    top: -16px;
    width: 38px;
    height: 32px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 1.25em;
    color: var(--special-tip-text);
    background-color: var(--special-tip-background);
}

.single-mdo_special .special-bundles section article .header .recommendation svg {
    margin-top: 4px;
}

.single-mdo_special .special-bundles section article .header .recommendation::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 19px 0 0;
    border-color: var(--special-tip-background) transparent transparent transparent;
}

.single-mdo_special .special-bundles section article .header .recommendation::after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 19px 10px 0;
    border-color: transparent var(--special-tip-background) transparent transparent;
}

.single-mdo_special .special-bundles section article .header .recommendation span {
    display: none;
}

.single-mdo_special .special-bundles section article .header {
    position: relative;
    background-color: var(--color-white);
    border-top-left-radius: 7.8px;
    border-top-right-radius: 7.8px;
}

.single-mdo_special .special-bundles section article .header::after {
    content: '';
    display: block;
    height: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: var(--special-components-background);
}

.single-mdo_special .special-bundles section article h3 {
    font-size: 1.6em;
    text-transform: uppercase;
    color: var(--color-blue-dark);
    padding: var(--space-md) 0 var(--space-xs) 0;
    border-bottom: 1px dotted var(--color-blue-light);
    width: calc(100% - 2 * var(--space-xs));
    box-sizing: border-box;
    margin: 0 auto;
}

.single-mdo_special .special-bundles section article .evaluation .icon {
    font-size: 1.5em;
    line-height: 0;
    color: var(--special-stars);
    margin: var(--space-xxs) auto;
}

.single-mdo_special .special-bundles section article .evaluation .icon svg {
    margin: 0 var(--space-xxxxs);
}

.single-mdo_special .special-bundles section article .evaluation .text {
    display: none;
}

.single-mdo_special .special-bundles section article ul.components {
    list-style-type: none;
    margin: 0;
    padding: var(--space-xxs) var(--space-xs);
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: var(--special-components-text);
    background-color: var(--special-components-background);
    flex-grow: 1;
}

.single-mdo_special .special-bundles section article ul.components li {
    border-bottom: 1px dotted var(--special-components-border);
    padding: var(--space-xs) 0;
}

.single-mdo_special .special-bundles section article ul.components li:last-child {
    border: none;
}

.single-mdo_special .special-bundles section article ul.components li .name {
    font-weight: 500;
}


.single-mdo_special .special-bundles section article .price {
    font-size: 1.6em;
    font-weight: 500;
    color: var(--color-white);
    padding: var(--space-xxs) 0 var(--space-xxxs);
}

.single-mdo_special .module-benefits {
    padding: var(--space-xl) 0;
}



/* Ad-Channel Overview */

.ad-channels-overview {
    font-size: 24px;
    font-weight: 700;
    color: var(--color-blue-dark);
    text-align: left;
    margin: var(--space-xxl) auto;
    padding: var(--space-xl);
    border: 3px solid var(--color-blue-light);
    border-radius: 11px;
}

.single-mdo_special .ad-intro {
    font-weight: 700;
    margin-bottom: var(--space-sm);
    color: var(--color-blue-dark);
}

.single-mdo_special .ad-period {
    font-weight: 700;
    margin-bottom: var(--space-xxs);
}

.single-mdo_special .ad-period ul {
    font-weight: 400;
}

.single-mdo_special .ad-offer {
    font-weight: 700;
}

.single-mdo_special .row .col .details .ad-channels {
    padding-top: var(--space-xxs);
    padding-bottom: 0;
}

.ad-channels-overview ul {
    list-style-type: none;
    padding: 0;
    margin: var(--space-xl) 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ad-channels-overview ul li {
    width: 32%;
    margin-bottom: var(--space-xxs);
}

.ad-channels-overview ul li a {
    display: block;
    position: relative;
    border: 2px solid var(--color-blue-light);
    border-radius: 10px;
    height: 200px;
    overflow: hidden;
    transition: .25s;
}

.ad-channels-overview ul li a:hover {
    border: 2px solid var(--color-blue-dark);
}

.ad-channels-overview ul li a .txt {
    position: absolute;
    z-index: 30;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    display: grid;
    align-items: center;
    text-align: center;
    padding: 0 var(--space-lg);
    box-sizing: border-box;
    color: var(--color-white);
}

.ad-channels-overview ul li a::after {
    content: '';
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--color-blue-light);
    mix-blend-mode: multiply;
    opacity: .85;
    transition: .25s;
}

.ad-channels-overview ul li a:hover::after {
    background-color: var(--color-blue-dark);
    opacity: .85;
}

.ad-channels-overview ul li a .img {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    mix-blend-mode: multiply;
    transform: scale(.8);
    opacity: .2;
}

.ad-channel {
    padding: var(--space-xxl) 0;
}

.ad-channel.even {
    background-color: var(--color-grey-light);
}

/* .module-bundle+.ad-channels .ad-channel.even,
.module-benefits+.ad-channels .ad-channel.even {
    background-color: var(--color-white);
}

.module-bundle+.ad-channels .ad-channel.odd,
.module-benefits+.ad-channels .ad-channel.odd {
    background-color: var(--color-grey-light);
} */

.ad-channel .headline {
    font-size: 1.25em;
    font-weight: 600;
    color: var(--color-blue-dark);
}

.ad-channel .subheadline {
    font-size: 1.75em;
    font-weight: 600;
    margin: var(--space-xxs) auto var(--space-md);
}

.ad-channel .description-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: var(--space-md);
}

.ad-channel .description-wrapper .img-box {
    width: 30%;
}

.ad-channel .description-wrapper .img-box img {
    width: 100%;
    height: auto;
}

.ad-channel .description-wrapper .img-box.hasnottransparency img {
    border-radius: 4px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.ad-channel .description-wrapper .txt-box {
    width: 65%;
}

.ad-channel .description-wrapper.hasnoimage .txt-box {
    width: 100%;
}

.ad-channel .description-wrapper .txt-box p+p {
    margin-top: var(--space-xs);
}

.ad-channel .description-wrapper .txt-box ul,
.ad-channel .description-wrapper .txt-box ol {
    padding: var(--space-xxs) var(--space-sm);
}

.ad-channel .description-wrapper .txt-box ul li .ad-channel .description-wrapper .txt-box ol li {
    padding-bottom: 0;
}

.ad-channel .description-wrapper .box-firstrelease {
    color: var(--color-white);
    background-color: var(--color-blue-dark);
    padding: var(--space-xxs) var(--space-xs);
    box-sizing: border-box;
    border-radius: 6px;
    margin-top: var(--space-sm);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.ad-channel .description-wrapper .box-firstrelease .releasedate {
    width: 52%;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3em;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    justify-content:left;
    align-items: center;
    padding-right: 20px;
    box-sizing: border-box;
}

.ad-channel .description-wrapper .box-firstrelease:has(.releasedetails span) .releasedate {
    border-right: dotted 1px var(--color-white);
}

.ad-channel .description-wrapper .box-firstrelease .releasedetails {
    width: 48%;
    padding-left: var(--space-xs);
    box-sizing: border-box;
}

.ad-channel .description-wrapper .box-firstrelease .releasedate svg {
    font-size: 24px;
    min-width: 24px;
}

.ad-channel .description-wrapper .box-firstrelease .order,
.ad-channel .description-wrapper .box-firstrelease .delivery,
.ad-channel .description-wrapper .box-firstrelease .size  {
    font-size: 15px;
        display: block;
}

.ad-channel .description-wrapper .txt-box a.info-link {
    margin-top: var(--space-sm);
    display: inline-flex;
    align-items: center;
}

.ad-channel .description-wrapper .txt-box a.info-link svg {
    margin-right: var(--space-xxxxs);
}

.ad-channel .infobox {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    border: 2px solid var(--color-blue-light);
    border-radius: 11px;
    margin-top: var(--space-xl);
    padding: var(--space-md) var(--space-xl);
}

.ad-channel .infobox .img-box img {
    width: 220px;
    margin: auto;
    height: auto;
    border-radius: 4px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.ad-channel .infobox .txt-box {
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 0 var(--space-xxl);
    box-sizing: border-box;
}

.ad-channel .infobox .txt-box-primary {
    width: 55%;
}

.ad-channel .infobox .txt-box-secondary {
    width: 45%;
}

.ad-channel .infobox .txt-box .headline {
    font-size: 24px;
    width: 100%;
    margin: 0 0 var(--space-sm) 0;
}

.ad-channel .infobox .txt-box p {
    padding-bottom: var(--space-xxs);
}



.ad-channel .details {
    margin: var(--space-md) auto 0;
    text-align: right;
}

.ad-channel .details-trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.ad-channel .details-trigger span {
    position: relative;
    display: block;
    margin-left: var(--space-xxs);
}

.ad-channel .details-trigger::selection {
    background: transparent;
}


.ad-channel .details-trigger span::before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 26px;
    border-radius: 13px;
    background-color: var(--color-blue-dark-10);
}

.ad-channel .details-trigger span::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: var(--color-blue-dark);
    transition: .25s;
}

.ad-channel .details-trigger.active span::before {
    background-color: var(--color-coppergreen);
}

.ad-channel .details-trigger.active span::after {
    left: 27px;
    background-color: var(--color-white);
}

.ad-channel .details article {
    text-align: left;
    margin: var(--space-xs) auto;
}

.ad-channel .details article:last-child {
    margin-bottom: 0;
}

.ad-channel .details article .title.trigger {
    font-size: 20px;
    font-weight: 500;
    line-height: 1em;
    color: var(--color-blue-dark);
    background-color: var(--color-blue-dark-10);
    padding: var(--space-xxs);
    border-radius: 4px;
    cursor: pointer;
    transition: .25s;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.ad-channel .details article .title.trigger:hover,
.ad-channel .details article .title.trigger.active {
    color: var(--color-white);
    background-color: var(--color-blue-dark);
}

.ad-channel .details article .trigger-icon {
    font-size: 24px;
    transition: .25s transform;
}

.ad-channel .details article .active .trigger-icon {
    transform: rotate(90deg);
}

.ad-channel .details article section {
    padding: var(--space-sm);
}

.ad-channel .details article:has(.passive) section {
    display: none;
}

.ad-channel .details article:has(.active) section {
    display: block;
}

.ad-channel.even .details article section {
    background-color: var(--color-white);
}

.ad-channel.odd .details article section {
    background-color: var(--color-grey-light);
}

.ad-channel .details article .headline {
    font-size: 28px;
    font-weight: 500;
    color: var(--color-blue-dark);
    margin: 0 0 var(--space-xs) 0;
}

.ad-channel .details article .description {
    margin: 0 0 var(--space-md) 0;
}

.ad-channel .details article section .daterow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: solid 1px var(--color-blue-dark-10);
    padding: var(--space-xxxs) 0;
}

.ad-channel .details article section .daterow.header {
    font-weight: 600;
}

.ad-channel .details article section .daterow span {
    width: 27%;
}

.ad-channel .details article section .daterow span:nth-child(2) {
    width: 34%;
}

.ad-channel .details article section .daterow span:last-child {
    width: 12%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ad-channel .details article section .daterow span.releaseperiod {
    width: 84%;
}

/* .ad-channel .details article section .daterow:nth-child(2) span:last-child::after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: var(--color-coppergreen);
} */

/*  Speacial_Modules */

.ad-channel .details .special-modules .headline {
    font-size: 24px;
    margin: 0 0 var(--space-xxxs);
    color: var(--color-text);
    border-bottom: solid 1px var(--color-blue-dark-20);
}

/*  Speacial_Modules: Print-Ad */

.ad-channel .details .special-modules .speacial-module-row {
    margin: 0 auto var(--space-lg) auto;
}

.ad-channel .details .special-modules .speacial-module-row:last-child {
    margin-bottom: 0;
}

.ad-channel .details .special-modules .format-definition {
    font-size: 20px;
}

.ad-channel .details article .ad-details {
    display: flex;
    flex-wrap: nowrap;
    justify-content: left;
    margin-top: var(--space-md);
    margin-bottom: var(--space-md);
}

.ad-channel .details article .ad-details .detail {
    margin-right: var(--space-md);
}

.ad-channel .details article .ad-details .icon-box {
    margin-right: var(--space-xl);
}

.ad-channel .details article .ad-details img {
    display: block;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.ad-channel .details article .ad-details .price {
    width: 24%;
    text-align: center;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: var(--space-xxxs) 0px;
}

.ad-channel .details article .ad-details .price:last-child {
    margin-right: 0;
}

.ad-channel .details article .ad-details .price-title {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-white);
    background-color: var(--color-blue-light);
    padding: var(--space-xxs);
    box-sizing: border-box;
}

.ad-channel .details article .ad-details .price-value {
    width: 100%;
    display: grid;
    align-items: center;
    background-color: var(--color-grey-light);
    padding: var(--space-xxs);
    box-sizing: border-box;
    font-weight: 600;
}

.ad-channel.odd .details article .ad-details .price-value {
    background-color: var(--color-white);
}

.ad-channel .details article .price-note {
    font-size: 0.9em;
    font-weight: 600;
    /* color: var(--color-grey-medium-dark); */
}


/*  Speacial Modules: Edition */

.ad-channel .print-edition h2 {
    font-size: 24px;
    font-weight: 500;
}

.ad-channel .print-edition .img-box {
    position: relative;
}

.ad-channel .print-edition .edition-logo {
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    padding-bottom: 15%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.ad-channel .print-edition .imgDetail {
    margin: var(--space-lg) 15% var(--space-md) 15%;
}

.ad-channel.odd .single-mdo_edition .copienumbers .values {
    background-color: var(--color-white);
}


/*  Speacial Modules: Online-Ad */

.ad-channel .online-ad .module-adformat article {
    padding: 0;
    background-color: transparent;
}

.ad-channel .online-ad .module-adformat article .headline {
    font-weight: 500;
    margin-bottom: var(--space-sm);
}

.ad-channel .online-ad .module-adformat article .img-box {
    min-height: 150px;
}

.ad-channel .online-ad .module-adformat article .txt-box {
    font-size: 16px;
}

.ad-channel .online-ad .module-adformat article .price-txt {
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    margin-top: var(--space-sm);
    padding: var(--space-xs) var(--space-sm);
    background-color: var(--color-grey-light);
}

.ad-channel.odd .online-ad .module-adformat article .price-txt {
    background-color: var(--color-white);
}

.ad-channel .online-ad .module-adformat article .txt-box .price-box div span.type {
    font-size: 18px;
    font-weight: 500;
}

.ad-channel.odd .online-ad .module-adformat article .txt-box .price-box div span.price {
    background-color: var(--color-white);
}

.ad-channel.odd .online-ad .module-adformat article .headline {
    margin-bottom: var(--space-sm);
}

.ad-channel.odd .online-ad .module-adformat article .txt-box .price-box {
    margin-top: 0;
}

/*  Speacial_Modules: E-Paper Interstitial, Sponsored Posts, Newsletter, LED-Wall */

.ad-channel .epaper-interstitial .ad-facts,
.ad-channel .sponsored-posts .ad-facts,
.ad-channel .newsletter .ad-facts,
.ad-channel .led-wall .ad-facts,
.ad-channel .text-module .ad-facts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: var(--space-sm);
}

.ad-channel .epaper-interstitial .ad-facts .col:first-child,
.ad-channel .sponsored-posts .ad-facts .col:first-child,
.ad-channel .newsletter .ad-facts .col:first-child,
.ad-channel .led-wall .ad-facts .col:first-child,
.ad-channel .text-module .ad-facts .col:first-child {
    width: 25%;
    /* margin-bottom: var(--space-sm); */
}

.ad-channel .epaper-interstitial .ad-facts .col:last-child,
.ad-channel .sponsored-posts .ad-facts .col:last-child,
.ad-channel .newsletter .ad-facts .col:last-child,
.ad-channel .led-wall .ad-facts .col:last-child,
.ad-channel .text-module .ad-facts .col:last-child {
    width: 70%;
    /* margin-bottom: var(--space-sm); */
}

.ad-channel .epaper-interstitial .ad-facts.hasnoicon .col:last-child,
.ad-channel .sponsored-posts .ad-facts.hasnoicon .col:last-child,
.ad-channel .newsletter .ad-facts.hasnoicon .col:last-child,
.ad-channel .led-wall .ad-facts.hasnoicon .col:last-child,
.ad-channel .text-module .ad-facts.hasnoicon .col:last-child {
    width: 100%;
}

.ad-channel .ad-facts .col div {
    margin-bottom: var(--space-xxxs);
}

.ad-channel .epaper-interstitial .ad-facts .description,
.ad-channel .sponsored-posts .ad-facts .description,
.ad-channel .newsletter .ad-facts .description,
.ad-channel .led-wall .ad-facts .description {
    margin: 0;
}

.ad-channel .details article .ad-facts-details {
    margin-top: var(--space-xs);
}

.ad-channel .details article .ad-facts-details div {
    margin: 0;
    font-size: 16px;
    padding: .4em .6em;
}

.ad-channel .details article .ad-facts-details div strong {
    font-weight: 500;
}

.ad-channel .details article .ad-facts-details div:nth-child(odd) {
    background-color: var(--color-grey-light);
    margin: 0;
}

.ad-channel.odd .details article .ad-facts-details div:nth-child(odd) {
    background-color: var(--color-white);
    margin: 0;
}

.ad-channel .details article .col .ad-details {
    justify-content: space-between;
}

.ad-channel .details article .col .ad-details .detail {
    margin-right: 0;
}

.ad-channel .details article .col .ad-details .price {
    width: 49%;
    text-align: center;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 1px 0;
}


/* Flipbook Special */

.single-mdo_special .module-flipbook {
    padding: var(--space-xxl) 0 var(--space-xl);
    color: var(--color-white);
    background-color: var(--color-blue-dark);
    position: relative;
}

.single-mdo_special .module-flipbook::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: var(--bg-img);
    background-size: cover;
    background-position: center;
    opacity: .2;
    z-index: 1;
}

.single-mdo_special .module-flipbook::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(transparent, var(--color-blue-dark));
    z-index: 1;
}

.single-mdo_special .module-flipbook .headline {
    font-size: 1.5em;
    margin: var(--space-md) auto var(--space-xs);
}

.single-mdo_special .module-flipbook .wrapper {
    position: relative;
    z-index: 2;
}

.single-mdo_special .module-flipbook .subline {
    font-size: 1em;
    font-weight: 500;
    padding-bottom: 0;
}

.single-mdo_special .module-flipbook .df-popup-thumb {
    margin: 0 calc(var(--space-xs) + 65px) !important;
}

.single-mdo_special .module-flipbook .df-popup-thumb:nth-child(n+2) {
    margin-left: 0 !important;
}

.single-mdo_special .module-flipbook .df-book-wrapper::before {
    content: '';
    position: absolute;
    top: 20px;
    right: -65px;
    width: 65px;
    height: 50px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    color: var(--color-white);
    background-image: url(../images/mdo-menu-book.svg);
    background-position: center;
    background-size: 32px;
    background-repeat: no-repeat;
    background-color: var(--color-coralpink);
}

/* Callout */

.info+.callout {
    margin-top: var(--space-xl);
}

.callout {
    text-align: center;
    color: var(--color-white);
    background-color: var(--color-blue-dark);
    padding: var(--space-xl) 0;
}

.callout .headline {
    font-size: 36px;
    margin: 0 0 var(--space-xs) 0;
}

.callout .lnk-btn {
    color: var(--color-grey-dark);
    background-color: var(--color-grey-light);
}

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

/* Contact person */

.contact .headline,
.contact .subline {
    text-align: left;
}

.contact .contact-fab {
    position: fixed;
    z-index: 3;
    right: 0;
    bottom: 6rem;
    padding: var(--space-xxs) 0 var(--space-xxs) var(--space-xxs);
    background-color: var(--color-coppergreen);
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    border-top-left-radius: 54px;
    border-bottom-left-radius: 54px;
    transition: .25s;
    box-shadow: 5px 5px 3px rgba(0, 0, 0, .1);
}

.contact .contact-fab:hover,
.contact .contact-fab.active {
    padding: var(--space-xxs);
}


.contact .contact-fab .headline {
    color: var(--color-blue-dark);
    margin: 0;
}

.contact .contact-fab .txt-box {
    display: none;
}

.contact .contact-fab:hover .txt-box,
.contact .contact-fab.active .txt-box {
    display: block;
}

.contact .contact-fab .txt-box a {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    transition: .25s;
}

.contact .contact-fab .txt-box a svg {
    font-size: 17px;
    margin: 0 4px 2px 0;
}

.contact .contact-fab .txt-box a:hover {
    color: var(--color-white);
}

.contact .contact-fab .img-box {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    padding: 0;
    background-image: var(--bg-img);
    background-size: cover;
    background-position: center;
    margin-right: var(--space-xs);
    outline: solid 4px rgba(255, 255, 255, .4);
    box-sizing: border-box;
    transition: .25s;
    /* animation-name: contactImgAnimation;
    animation-duration: 1s;
    animation-iteration-count: 10; */
}

.contact .contact-fab .img-box:hover {
    outline: solid 4px rgba(255, 255, 255, 1);
}

@keyframes contactImgAnimation {
    from {
        outline: solid 4px rgba(255, 255, 255, 1);
    }

    to {
        outline: solid 4px rgba(255, 255, 255, .4);
    }

}

.contact .contact-fab .img-box::before {
    content: '';
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 14px;
    left: -18px;
    top: -9px;
    background-color: var(--color-blue-dark);
    background-image: url(../images/mdo-contact.svg);
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
}

.contact .contact-fab .img-box:hover:before {
    background-color: var(--color-coralpink);
}

.employees {
    margin: var(--space-xxxl) 0;
}

.employee {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: var(--space-sm) 0;
}

.employee .img-box {
    width: 28%;
    padding-bottom: 25%;
    border-radius: 11px;
    background-size: cover;
    background-position: center;
}

.employee .txt-box {
    width: 69%;
    box-sizing: border-box;
    padding: var(--space-md) var(--space-md);
    border: 1px solid var(--color-blue-light);
    border-radius: 11px;
}

.employee.hasnothumbnail .img-box {
    display: none;
}

.employee.hasnothumbnail .txt-box {
    width: 100%;
}


.employee .txt-box .headline {
    font-size: 24px;
    color: var(--color-blue-dark);
    margin: 0 0 var(--space-sm) 0;
    border-bottom: dotted 1px var(--color-blue-dark-40);
}

.employee.cosmosblue .txt-box .headline {
    border-bottom: dotted 1px var(--color-coppergreen);
}

.employee.coppergreen .txt-box .headline {
    border-bottom: dotted 1px var(--color-blue-dark);
}

.employee .txt-box p {
    margin-top: var(--space-xxxs);
}




/* Archive info */

.archiveinfo {
    background-color: var(--color-grey-light);
    padding: var(--space-xl) 0;
}

.archiveinfo .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.archiveinfo p {
    font-size: 36px;
    font-weight: 700;
    margin-right: var(--space-sm);
}


/*
------------------------------------------------------------------------------
16. PRODUCT
------------------------------------------------------------------------------
*/

/* Archive */

/* Single */

.single-mdo_product .intro {
    padding: var(--space-md) 0;
}

.single-mdo_product .intro .row {
    margin-bottom: var(--space-sm);
}

.single-mdo_product .info {
    margin-bottom: var(--space-lg);
}

.single-mdo_product .info p {
    padding-bottom: var(--space-xs);
}

/*
------------------------------------------------------------------------------
17. EMPLOYEE
------------------------------------------------------------------------------
*/

/* Archive */

.post-type-archive-mdo_employee main {
    background-color: var(--color-grey-light);
}

.post-type-archive-mdo_employee .module-stage .img-box::before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    background: linear-gradient(transparent, var(--color-blue-dark));
    opacity: .8;
}

.post-type-archive section.mdo_employee {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: var(--space-xxl);
}

.post-type-archive section.mdo_employee article {
    position: relative;
    width: 32.5%;
    padding-bottom: 32.5%;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    background-color: var(--color-grey-medium);
    border-radius: 11px;
    margin: var(--space-xxs) 0;
}

.post-type-archive section.mdo_employee article::before {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    background: linear-gradient(transparent 65%, var(--color-blue-dark) 100%);
    border-radius: 11px;
    opacity: 1;
}

.post-type-archive section.mdo_employee article.employee .txt-box {
    position: absolute;
    bottom: var(--space-xs);
    width: 100%;
    border: 0;
    padding: 0 var(--space-xs);
    border-radius: 0;
    overflow: hidden;
}

.post-type-archive section.mdo_employee article.employee .txt-box div {
    position: relative;
    bottom: -20px;
    transition: .25s;
}

.post-type-archive section.mdo_employee article.employee:hover .txt-box div {
    bottom: 0;
}

.post-type-archive section.mdo_employee article.employee .txt-box .headline {
    font-size: 24px;
    font-weight: 700;
    color: var(--color-white);
}

.post-type-archive section.mdo_employee article.employee .txt-box p {
    font-size: 15px;
    margin: 0;
    color: var(--color-white);
}

.post-type-archive section.mdo_employee article.employee .txt-box a {
    font-size: 15px;
    color: var(--color-white);
    transition: color .25s;
}

.post-type-archive section.mdo_employee article.employee .txt-box a:hover {
    color: var(--color-blue-light);
}

.post-type-archive-mdo_employee .callout {
    text-align: center;
    background-color: var(--color-blue-light);
}

.post-type-archive-mdo_employee .callout .headline {
    padding: 0;
}

/* Single */


/*
------------------------------------------------------------------------------
18. SEARCH
------------------------------------------------------------------------------
*/

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

.search .tip {
    padding: var(--space-lg) 0;
    text-align: center;
}

.search .searchform div {
    background-color: var(--color-grey-light);
    padding: var(--space-sm);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.search .searchform input {
    font-family: var(--mdo-font-din);
    font-size: 18px;
    color: var(--color-text);
    background: var(--color-white);
    border: none;
    border-radius: 4px;
    margin: 0;
    padding: var(--space-xxxs) var(--space-xxs);
    box-sizing: border-box;
}

.search .searchform #s {
    width: 84%;
}

.search .searchform #searchsubmit {
    width: 14%;
    color: var(--color-white);
    background-color: var(--color-link);
    cursor: pointer;
    transition: .25s;
}

.search .searchform #searchsubmit:hover {
    background-color: var(--color-link-hover);
}

.search .subline {
    font-size: 14px;
    margin: var(--space-md) auto;
}


.search h1+p {
    font-family: var(--gui-font-medium);
    margin-bottom: var(--space-md);
}

.search section.results article {
    padding: var(--space-md) 0;
    border-top: 1px solid var(--color-grey-medium);
}

.search section.results article:last-of-type {
    border-bottom: 1px solid var(--color-grey-medium);
}

.search section.results article .headline {
    font-size: 20px;
    font-weight: 700;
}

.search section.results article .excerpt {
    margin-top: var(--space-xxxs);
}

.search section.results article .excerpt.replacement {
    opacity: .4;
}


/*
------------------------------------------------------------------------------
19. PAGINATION
------------------------------------------------------------------------------
*/

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

.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;
}


/*
------------------------------------------------------------------------------
20. STIKY-WIKI
------------------------------------------------------------------------------
*/

#sticky-wiki {
    top: 0;
    right: 0;
    position: sticky;
    height: 0;
    overflow: visible;
    z-index: 100;
}

#sticky-wiki .sticky-box {
    width: 275px;
    margin: 0 0 0 auto;
    color: var(--color-white);
    background-color: var(--color-grey-medium-light);
}

#sticky-wiki .sticky-box .headline {
    font-size: 21px;
    font-weight: 700;
    color: var(--color-white);
    margin: 0;
    padding: var(--space-xs) var(--space-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#sticky-wiki .sticky-box .headline span {
    font-size: .9em;
}

#sticky-wiki .sticky-box .headline span.close,
#sticky-wiki .sticky-box .headline.active span.menu,
#sticky-wiki .sticky-box .segments {
    display: none;
}

#sticky-wiki .sticky-box .headline.active span.close,
#sticky-wiki .sticky-box .headline span.menu,
#sticky-wiki .sticky-box .segments.active {
    display: block;
}

#sticky-wiki .sticky-box .segments {
    margin: 0;
    padding: 0 var(--space-sm) var(--space-sm);
    list-style-type: none;
}

#sticky-wiki .sticky-box .segments li {
    margin: 0;
    padding: 0;
}

#sticky-wiki .sticky-box .segments li a {
    font-size: 16px;
    line-height: 100%;
    display: block;
    padding: var(--space-xxxs) 0;
    color: var(--color-white);
    display: flex;
    align-items: center;
    transition: .25s;
}

#sticky-wiki .sticky-box .segments li a span {
    font-size: 1em;
    margin-right: var(--space-xxxxs);
}

#sticky-wiki .sticky-box .segments li a:hover {
    color: var(--color-blue-dark);
}


#sticky-wiki .sticky-box .searchtool {
    background-color: var(--color-blue-light);
    padding: var(--space-xs) var(--space-sm);
    border-top: 1px dashed var(--color-grey-medium);
    display: none;
}


#sticky-wiki .sticky-box .searchtool.active {
    display: block;
}

#sticky-wiki .sticky-box .searchtool .searchform div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#sticky-wiki .sticky-box .searchtool .searchform input {
    font-family: var(--mdo-font-din);
    font-size: 14px;
    color: var(--color-text);
    background: var(--color-white);
    border: none;
    border-radius: 4px;
    margin: 0;
    padding: var(--space-xxxs);
    box-sizing: border-box;
}

#sticky-wiki .sticky-box .searchtool .searchform input:focus {
    outline: none;
}

#sticky-wiki .sticky-box .searchtool .searchform #s {
    width: 63%;
}

#sticky-wiki .sticky-box .searchtool .searchform #searchsubmit {
    width: 33%;
    color: var(--color-white);
    background-color: var(--color-link);
    cursor: pointer;
    transition: .25s;
}

#sticky-wiki .sticky-box .searchtool .searchform #searchsubmit:hover {
    background-color: var(--color-link-hover);
}


#sticky-wiki .sticky-box .tools {
    display: flex;
    margin: 0;
    padding: 0 var(--space-xs);
    list-style-type: none;
    background-color: var(--color-white);
    box-shadow: 0px 1px 4px 0px rgba(15, 21, 26, 0.15);
}

#sticky-wiki .sticky-box .tools li {
    width: 25%;
    padding: 0;
}

#sticky-wiki .sticky-box .tools li a {
    font-size: 24px;
    line-height: 0;
    text-align: center;
    display: block;
    padding: var(--space-xxxs);
    box-sizing: border-box;
    color: var(--color-blue-light);
    transition: .25s;
}

#sticky-wiki .sticky-box .tools li a:hover {
    color: var(--color-blue-dark);
}

#sticky-wiki .sticky-box .tools li strong {
    display: none;
}


/*
------------------------------------------------------------------------------
21. FORMS
------------------------------------------------------------------------------
*/


form .form-row {
    display: block;
    margin-bottom: var(--space-sm);
}

form label {
    display: none;
}

form input[type=text],
form input[type=email],
form input[type=password],
form textarea {
    width: 100%;
    border: 1px solid var(--color-grey-medium);
    border-radius: 4px;
    font-size: 16px;
    font-family: var(--mdo-font-inter);
    padding: var(--space-xxs);
    background-color: var(--color-grey-light);
    box-sizing: border-box;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form textarea:focus {
    outline: none;
    background-color: var(--color-white);
}


form .form-row.checkbox {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: left;
}

form .form-row.checkbox label {
    display: block;
    min-width: 25px;
    padding-right: var(--space-xs);
}

form .form-row.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    cursor: pointer;
}

form .form-row.checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: var(--color-grey-light);
    border: 1px solid var(--color-grey-medium);
    border-radius: 4px;
}

form .form-row.checkbox label:hover input~.checkmark {
    background-color: var(--color-link-hover);
    cursor: pointer;
}

form .form-row.checkbox input:checked~.checkmark {
    background-color: var(--color-link);
}

form .form-row.checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

form .form-row.checkbox input:checked~.checkmark:after {
    display: block;
}

form .form-row.checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



form input[type=submit] {
    font-size: 16px;
    font-family: var(--mdo-font-inter);
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    border: 0;
    border-radius: 4px;
    padding: var(--space-xxs) var(--space-sm);
    color: var(--color-white);
    background-color: var(--color-link);
    cursor: pointer;
    box-sizing: border-box;
    transition: .25s;
}

form input[type=submit]:hover {
    background-color: var(--color-link-hover);
}

form .requirednote {
    color: var(--color-blue-light);
}

/*  Contact-Form */

form#contactform {
    margin: var(--space-xl) auto;
}

form#contactform .form-row.first {
    display: none;
}


/*  Passwort-Form */

form.post-password-form {
    margin: var(--space-lg) auto;
    padding: var(--space-md);
    border-radius: 11px;
    border: 1px solid var(--color-blue-light);
    background-color: var(--color-grey-light);
    text-align: center;
}

form.post-password-form label {
    display: initial;
}

form.post-password-form p {
    font-weight: 500;
}

form.post-password-form p:has(input) {
    font-weight: 400;
    margin-top: var(--space-sm);
}


form.post-password-form p input {
    width: auto;
}


/*
------------------------------------------------------------------------------
22. TRANSPARENCY-MANAGER
------------------------------------------------------------------------------
*/

/*  Form */

form#transparencyform {
    margin: var(--space-xl) auto;
    counter-reset: section;
}

form#transparencyform fieldset {
    margin: var(--space-lg) auto;
    background-color: var(--color-grey-light);
    padding: var(--space-sm) var(--space-sm) var(--space-md);
    display: block;
    border-radius: 8px;
}

form#transparencyform fieldset legend {
    font-size: 1.16em;
    font-weight: 700;
    float: left;
    width: 100%;
    padding-bottom: var(--space-xxs);
}

form#transparencyform fieldset legend::before {
    counter-increment: section;
    content: counter(section) ". ";
}

form#transparencyform label {
    display: block;
    padding: var(--space-xs) 0 var(--space-xxxs);
}

form#transparencyform input[type=text] {
    background-color: var(--color-white);
}

form#transparencyform input[type=checkbox] {
    transform: scale(1.5);
}

form#transparencyform input[type=checkbox]+label {
    padding: var(--space-xxxs) 0 var(--space-xs);
}

/* Single */

.transparency-single .subline {
    padding-bottom: var(--space-xxxs);
    color: var(--color-blue-light);
}

.transparency-single h1 {
    padding: var(--space-xs) 0;
}

section.transparency-notice {
    counter-reset: section;
    margin: var(--space-lg) auto;
}

section.transparency-notice article {
    margin: var(--space-xs) auto;
    background-color: var(--color-grey-light);
    padding: var(--space-sm);
    display: block;
    border-radius: 8px;
}

section.transparency-notice article header h2 {
    font-size: 18px;
    padding-bottom: var(--space-xxs);
}

section.transparency-notice article header h2:before {
    counter-increment: section;
    content: counter(section) ". ";
}

.notice-parameter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: var(--color-grey-light);
    padding: var(--space-xxs) var(--space-sm);
    border-radius: 8px;
}

.notice-parameter div {
    color: var(--color-blue-light);
    padding: var(--space-xxs) 0;
    border-bottom: 1px solid var(--color-grey-medium);
}

.notice-parameter div.last {
    border: none;
    align-self: center;
}

.notice-parameter div.title {
    width: 35%;
}

.notice-parameter div.value {
    width: 65%;
}

.notice-parameter div img {
    width: 150px;
    height: auto;
    margin-top: var(--space-xxs);
}

.mdo-tm-qrcode {
    display: flex;
    justify-content: center;
    border: 1px solid var(--color-grey-medium-light);
    padding: 0 var(--space-xs);
    margin: var(--space-md) auto;
    border-radius: 8px;
}

.mdo-tm-qrcode a {
    display: block;
}

/*
------------------------------------------------------------------------------
22. SWIPER
------------------------------------------------------------------------------
*/

.swiper-section-wrapper {
    position: relative;
    margin: 0 calc(var(--space-sm) * -1);
}

.swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    border-radius: 7;
    background-color: var(--color-blue-light);
    opacity: 1;
}

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

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

.mdo-swiper-button-next svg,
.mdo-swiper-button-prev svg {
    width: 30px;
    height: 30px;
    align-self: center;
    color: var(--color-text);
}

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

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

.mdo-swiper-button-next {
    right: -50px;
}

.mdo-swiper-button-prev {
    left: -50px;
}

.swiper-3d .swiper-wrapper:hover {
    transform-style: flat;
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) !important
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) !important
}

.swiper-3d .swiper-slide:hover {
    transform: initial !important;
}

.swiper-3d .swiper-slide:hover .swiper-slide-shadow-left,
.swiper-3d .swiper-slide:hover .swiper-slide-shadow-right {
    background-image: none !important;
}

@media (max-width: 1250px) {

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


/*
------------------------------------------------------------------------------
99. GLOBALS
------------------------------------------------------------------------------
*/

/* MCE Editor */

.incolumns {
    columns: 2;
    column-gap: var(--space-xl);
}



/* Notes */

.note {
    display: flex;
    padding: var(--space-xs);
    margin: var(--space-sm) auto;
    border: 1px solid var(--color-grey-light);
    background-color: var(--color-white);
    text-align: left;
}

.note svg {
    font-size: 24px;
    margin-right: var(--space-xs);
}

.note.info svg {
    color: var(--color-blue-light);
}

.note.warning svg {
    color: var(--color-warning);
}

.note.error svg {
    color: var(--color-error);
}