/* frontwerk / v1.0.0 / build 2025-04-29T12:44:14.893Z / --no-tag-- / release/deployment-version-0.19 / 38bb54d74fabc48571026e19d5f4f7709e6dfe0c */
@charset "UTF-8";address {
    font-style: normal
}

.background-image picture,div.background-image,picture.background-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%
}

.background-image picture img,.background-image picture video,div.background-image img,div.background-image video,picture.background-image img,picture.background-image video {
    min-width: 100%;
    height: 600px;
    display: block
}

.background-image picture+.on-picture,div.background-image+.on-picture,picture.background-image+.on-picture {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: var(--color-text-light)
}

.background-image picture+.on-picture h1,.background-image picture+.on-picture h2,.background-image picture+.on-picture h3,.background-image picture+.on-picture p,div.background-image+.on-picture h1,div.background-image+.on-picture h2,div.background-image+.on-picture h3,div.background-image+.on-picture p,picture.background-image+.on-picture h1,picture.background-image+.on-picture h2,picture.background-image+.on-picture h3,picture.background-image+.on-picture p {
    color: inherit
}

.background-image picture+.on-picture p,div.background-image+.on-picture p,picture.background-image+.on-picture p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.background-image picture+.on-picture .time-container time span,div.background-image+.on-picture .time-container time span,picture.background-image+.on-picture .time-container time span {
    color: var(--color-text-light)
}

.picture-darkening picture {
    position: relative
}

.picture-darkening picture:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: inline-block;
    pointer-events: none
}

.picture-darkening.picture-with-layer picture:after {
    background-color: rgba(0,0,0,.25)
}

.picture-darkening.picture-with-gradient picture:after {
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.37) 50%,rgba(0,0,0,.56) 100%)
}

picture.picture-darkening {
    position: relative
}

picture.picture-darkening:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: inline-block;
    pointer-events: none
}

picture.picture-darkening.picture-with-layer:after {
    background-color: rgba(0,0,0,.25)
}

picture.picture-darkening.picture-with-gradient:after {
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.37) 50%,rgba(0,0,0,.56) 100%)
}

.picture-background {
    position: relative
}

.picture-background picture {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: -1
}

.picture-background picture img {
    object-fit: cover;
    width: 100%;
    height: auto
}

:root {
    --turquoise4: #0F828A;
    --plum: #A34B88
}

html {
    color: var(--color-text)
}

.fw-slider {
    --slider-dot-color: var(--color-ci-gray-light);
    --slider-dot-active-color: var(--color-ci-white);
    --slider-button-color: var(--color-ci-dolphin-gray);
    --slider-button-background: var(--color-ci-white)
}

.fw-slider .fw-slider-dots {
    pointer-events: none;
    gap: var(--spacing-small)
}

.fw-slider .fw-slider-dots .fw-slider-dots-dot {
    width: 8px;
    height: 8px;
    background: var(--slider-dot-color)
}

.fw-slider .fw-slider-dots .fw-slider-dots-dot.fs-slider-slide-visible {
    background: var(--slider-dot-active-color)
}

.fw-slider .fw-slider-buttons .fw-slider-button {
    border-radius: 50%;
    border: none;
    cursor: pointer;
    box-shadow: var(--shadow-standard);
    background-color: var(--slider-button-background)
}

.fw-slider .fw-slider-buttons .fw-slider-button svg>path {
    fill: var(--slider-button-color)
}

.fw-slider .fw-slider-buttons .fw-slider-button:hover {
    background-color: var(--slider-button-color)
}

.fw-slider .fw-slider-buttons .fw-slider-button:hover svg>path {
    fill: var(--slider-button-background)
}

.fw-slider-dark-dots .fw-slider {
    --slider-dot-color: var(--color-ci-gray-light);
    --slider-dot-active-color: var(--color-ci-dolphin-gray)
}

.fw-slider-dark-buttons .fw-slider {
    --slider-button-color: var(--color-ci-white);
    --slider-button-background: var(--color-ci-dolphin-gray)
}

.icon {
    width: 24px;
    height: 24px;
    display: inline-block
}

.icon:after {
    width: 24px;
    height: 24px;
    display: block
}

.icon.play:after {
    content: "";
    background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><g id='Icon/Filled/24px/Play'><path id='Vector' d='M5 16.0781V3.92207C5 2.94028 6.07994 2.34173 6.9125 2.86208L16.6373 8.9401C17.4207 9.42968 17.4207 10.5705 16.6373 11.0601L6.9125 17.1381C6.07994 17.6585 5 17.0599 5 16.0781Z' fill='white'/></g></svg>")
}

.icon.pause:after {
    content: "";
    background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><g id='Icon/Filled/24px/Pause'><g id='Vector'><path d='M5.41668 4.16666C4.95644 4.16666 4.58334 4.53975 4.58334 4.99999V15C4.58334 15.4602 4.95644 15.8333 5.41668 15.8333H7.08334C7.54358 15.8333 7.91668 15.4602 7.91668 15V4.99999C7.91668 4.53975 7.54358 4.16666 7.08334 4.16666H5.41668Z' fill='white'/><path d='M12.9167 4.16666C12.4564 4.16666 12.0833 4.53975 12.0833 4.99999V15C12.0833 15.4602 12.4564 15.8333 12.9167 15.8333H14.5833C15.0436 15.8333 15.4167 15.4602 15.4167 15V4.99999C15.4167 4.53975 15.0436 4.16666 14.5833 4.16666H12.9167Z' fill='white'/></g></g></svg>")
}

em {
    position: relative;
    font-style: normal;
    display: inline-block
}

em:after {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,<svg preserveAspectRatio='none' viewBox='-1 -1 322 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='0.8' d='M295.433 1.28502C272.616 1.08089 244.772 0.750504 216.871 0.593916C188.137 0.440051 159.37 0.229701 130.553 0.46084C98.6342 0.716109 66.6038 1.47195 34.6601 1.94799C27.3376 2.05434 19.8007 1.4868 12.8118 2.00548C3.87655 2.6806 -1.68579 4.73137 0.683603 7.68377C3.12103 10.7588 10.5462 11.8173 20.7676 11.3381C42.2967 10.3415 63.9582 8.50874 85.2919 8.36904C138.674 8.01851 191.919 8.3511 245.159 8.54026C263.748 8.60668 282.197 9.25102 300.785 9.27919C308.335 9.29126 317.548 9.27876 320.186 5.84065C323.313 1.75799 318.635 0.579374 295.401 1.27628L295.433 1.28502Z' fill='%233BA9A9'/></svg>");
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.07em;
    height: .2em
}

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

a:not(:has(*)) {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

ul {
    padding-left: var(--spacing-medium)
}

ul li:nth-child(odd) {
    margin-top: var(--spacing-tiny);
    margin-bottom: var(--spacing-tiny)
}

.cta-link,[data-module=button],button {
    position: relative;
    overflow: hidden
}

@keyframes rippleEffect {
    from {
        opacity: 1;
        transform: scale(0)
    }

    to {
        opacity: 0;
        transform: scale(25)
    }
}

:root {
    --shadow-standard: 0px 2px 3px -1px rgba(0, 0, 0, 0.1),0px 6px 8px 0px rgba(0, 0, 0, 0.07),0px 1px 12px 0px rgba(0, 0, 0, 0.06);
    --transition-duration-fast: 0.1s;
    --transition-duration-slow: 0.5s
}

.u-text-secondary {
    color: var(--color-text-secondary)
}

.hidden {
    display: none
}

.form {
    border-radius: var(--border-radius);
    background: var(--color-ci-white);
    width: 100%;
    max-width: 864px;
    margin: 0 auto;
    padding: var(--spacing-small-medium)
}

@media(min-width: 1200px) {
    .form {
        padding:var(--spacing-medium)
    }
}

.form form {
    display: flex;
    flex-direction: column;
    gap: 48px
}

.form h2 {
    font-size: 1.5294rem;
    line-height: 1.8824rem;
    font-weight: 600;
    letter-spacing: .0306rem;
    margin-bottom: 24px
}

.form h1 {
    font-size: 1.8824rem;
    line-height: 2.2353rem;
    font-weight: 600;
    letter-spacing: .0376rem;
    margin-bottom: 48px
}

.form form>fieldset {
    display: flex;
    flex-direction: column
}

.form .form-row:has(input[type=hidden]) {
    display: none
}

[data-module=button] {
    text-decoration: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    border: 2px solid var(--color-ci-dolphin-gray);
    border-radius: 50px;
    padding: calc(var(--spacing-small) - 2px) calc(var(--spacing-medium-small) - 2px);
    gap: var(--spacing-tiny);
    color: var(--color-ci-white);
    background-color: var(--color-ci-dolphin-gray);
    transition: all var(--transition-duration-fast) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    [data-module=button] {
        --transition-duration: 0s
    }
}

[data-module=button] span {
    padding: 2px 12px
}

[data-module=button] i {
    display: flex
}

[data-module=button] i svg path {
    fill: currentColor
}

[data-module=button].icon-left {
    flex-direction: row-reverse
}

[data-module=button]:hover {
    background-color: #67646c
}

[data-module=button].primary-aqua {
    background-color: var(--color-ci-badge);
    color: #49464e;
    border-color: var(--color-ci-badge)
}

[data-module=button].primary-aqua:hover {
    background-color: var(--color-ci-aqua);
    border-color: var(--color-ci-aqua)
}

[data-module=button].primary-inverted {
    color: var(--color-ci-dolphin-gray);
    background-color: var(--color-ci-white)
}

[data-module=button].primary-inverted:hover {
    background-color: #d9dada
}

[data-module=button].secondary {
    color: var(--color-ci-dolphin-gray);
    background-color: var(--color-ci-white);
    border-color: var(--color-ci-dolphin-gray)
}

[data-module=button].secondary:hover {
    color: var(--color-text-gray);
    background-color: #f2f2f2
}

[data-module=button].tertiary {
    color: #49464e;
    background: 0 0;
    border-color: transparent
}

[data-module=button].tertiary:hover {
    color: #85828a
}

[data-module=button]:focus-visible {
    outline: 2px solid var(--color-ci-grey-600);
    outline-offset: 2px
}

@media(min-width: 1200px) {
    .button-container {
        margin-top:var(--spacing-large)
    }
}

ul[data-ref=filter-chips] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0
}

ul[data-ref=filter-chips] li {
    margin: 0
}

button[data-ref=filter-chip] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-right: var(--spacing-small-medium);
    background-color: var(--color-ci-white);
    border-radius: var(--border-radius);
    height: 40px;
    border: 2px solid var(--color-ci-white);
    box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

@media(min-width: 768px) {
    button[data-ref=filter-chip] {
        box-shadow:0 10px 20px rgba(0,0,0,.1)
    }
}

button[data-ref=filter-chip].active {
    border-color: var(--color-ci-aqua)
}

button[data-ref=filter-chip] span:not(.filter-label) {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-ci-surface);
    border-radius: 50%;
    width: 40px;
    height: 100%
}

button[data-ref=filter-chip] svg {
    width: 20px;
    height: 20px
}

button[data-ref=filter-chip]:hover {
    background-color: var(--color-ci-surface)
}

button[data-ref=filter-chip]:focus-visible {
    outline: 2px solid var(--color-gray-600,#939494);
    outline-offset: 3px
}

.container-intro {
    --icon-gap: 5px;
    --icon-size: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-small)
}

.container-intro:not(:last-child) {
    margin-bottom: var(--spacing-large)
}

.headline {
    --icon-gap: 5px;
    --icon-size: 130px;
    display: flex;
    gap: 16px;
    width: fit-content;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.headline svg {
    margin-top: var(--icon-gap)
}

@media(min-width: 1200px) {
    .headline:has(svg) {
        position:relative;
        margin-left: calc(var(--icon-size) + var(--icon-gap));
        margin-right: calc(var(--icon-size) + var(--icon-gap))
    }

    .headline:has(svg) svg {
        position: absolute;
        top: 0;
        margin-top: 0;
        left: calc(100% + var(--icon-gap));
        max-width: var(--icon-size)
    }

    .headline.headline-icon-align-left:has(svg) svg {
        right: calc(100% + var(--icon-gap));
        left: auto
    }
}

.headline.text-align-left {
    text-align: start
}

@media(min-width: 1200px) {
    .headline.text-align-left:has(svg) {
        position:relative;
        margin-left: 0;
        margin-right: 0
    }
}

form fieldset {
    border: none;
    padding: 0;
    margin: 0
}

form .form-row {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: var(--spacing-small-medium)
}

form .form-row>label {
    font-size: .706rem;
    line-height: .941rem;
    font-weight: 800;
    letter-spacing: .099rem;
    text-transform: uppercase;
    position: absolute;
    top: 8px;
    left: 18px;
    z-index: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 36px)
}

form .form-row>label:has(+input:disabled) {
    color: #d9dada
}

form .form-row:has(>.form-item-l),form .form-row:has(>.form-item-m),form .form-row:has(>.form-item-s) {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media(min-width: 1200px) {
    form .form-row:has(>.form-item-l),form .form-row:has(>.form-item-m),form .form-row:has(>.form-item-s) {
        flex-direction:row
    }
}

form .form-row:has(>.form-item-l) .form-item-l,form .form-row:has(>.form-item-l) .form-item-m,form .form-row:has(>.form-item-l) .form-item-s,form .form-row:has(>.form-item-m) .form-item-l,form .form-row:has(>.form-item-m) .form-item-m,form .form-row:has(>.form-item-m) .form-item-s,form .form-row:has(>.form-item-s) .form-item-l,form .form-row:has(>.form-item-s) .form-item-m,form .form-row:has(>.form-item-s) .form-item-s {
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1
}

form .form-row:has(>.form-item-l) .form-item-l>label,form .form-row:has(>.form-item-l) .form-item-m>label,form .form-row:has(>.form-item-l) .form-item-s>label,form .form-row:has(>.form-item-m) .form-item-l>label,form .form-row:has(>.form-item-m) .form-item-m>label,form .form-row:has(>.form-item-m) .form-item-s>label,form .form-row:has(>.form-item-s) .form-item-l>label,form .form-row:has(>.form-item-s) .form-item-m>label,form .form-row:has(>.form-item-s) .form-item-s>label {
    font-size: .706rem;
    line-height: .941rem;
    font-weight: 800;
    letter-spacing: .099rem;
    text-transform: uppercase;
    position: absolute;
    top: 8px;
    left: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 36px)
}

form .form-row:has(>.form-item-l) .form-item-l>label:has(+input:disabled),form .form-row:has(>.form-item-l) .form-item-m>label:has(+input:disabled),form .form-row:has(>.form-item-l) .form-item-s>label:has(+input:disabled),form .form-row:has(>.form-item-m) .form-item-l>label:has(+input:disabled),form .form-row:has(>.form-item-m) .form-item-m>label:has(+input:disabled),form .form-row:has(>.form-item-m) .form-item-s>label:has(+input:disabled),form .form-row:has(>.form-item-s) .form-item-l>label:has(+input:disabled),form .form-row:has(>.form-item-s) .form-item-m>label:has(+input:disabled),form .form-row:has(>.form-item-s) .form-item-s>label:has(+input:disabled) {
    color: #d9dada
}

form input::placeholder,form textarea::placeholder {
    color: #85828a;
    opacity: 1
}

form input,form select,form textarea {
    transition: all var(--transition-duration-fast) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    form input,form select,form textarea {
        --transition-duration: 0s
    }
}

form input:focus,form select:focus,form textarea:focus {
    outline: 2px solid var(--color-gray-600,#939494);
    outline-offset: 2px
}

form input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=hidden]),form select {
    width: 100%;
    border: 2px solid #d9dada;
    height: 60px;
    border-radius: 12px;
    display: block;
    padding-left: 16px;
    padding-top: 20px;
    caret-color: var(--turquoise4)
}

form input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=hidden]):disabled,form select:disabled {
    color: #bbbcbc;
    cursor: default
}

form input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=hidden]).missing,form select.missing {
    border-color: #e76c5c
}

form .form-item:has(input[type=checkbox]):has(label),form .form-item:has(input[type=radio]):has(label) {
    padding: 12px
}

form .mod {
    display: flex;
    flex-direction: column
}

form fieldset:has(>select) {
    width: 100%
}

@media(min-width: 1200px) {
    form fieldset:has(>select) {
        width:calc(50% - 8px)
    }
}

form select {
    display: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.54975 8.41987C3.84264 8.12697 4.31752 8.12697 4.61041 8.41987L11.1304 14.9399C11.6075 15.417 12.3926 15.417 12.8697 14.9399L19.3897 8.41987C19.6826 8.12697 20.1575 8.12697 20.4504 8.41987C20.7433 8.71276 20.7433 9.18763 20.4504 9.48053L13.9304 16.0005C12.8675 17.0634 11.1326 17.0634 10.0697 16.0005L3.54975 9.48053C3.25685 9.18763 3.25685 8.71276 3.54975 8.41987Z" fill="%2349464E"></path></svg>');
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    padding-right: 48px
}

form select:disabled {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.54975 8.41987C3.84264 8.12697 4.31752 8.12697 4.61041 8.41987L11.1304 14.9399C11.6075 15.417 12.3926 15.417 12.8697 14.9399L19.3897 8.41987C19.6826 8.12697 20.1575 8.12697 20.4504 8.41987C20.7433 8.71276 20.7433 9.18763 20.4504 9.48053L13.9304 16.0005C12.8675 17.0634 11.1326 17.0634 10.0697 16.0005L3.54975 9.48053C3.25685 9.18763 3.25685 8.71276 3.54975 8.41987Z" fill="%23bbbcbc"></path></svg>')
}

form select:focus {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0697 7.99981C11.1326 6.93691 12.8675 6.93691 13.9304 7.99981L20.4504 14.5198C20.7433 14.8127 20.7433 15.2876 20.4504 15.5805C20.1575 15.8734 19.6826 15.8734 19.3897 15.5805L12.8697 9.06047C12.3926 8.58336 11.6075 8.58336 11.1304 9.06047L4.61041 15.5805C4.31752 15.8734 3.84264 15.8734 3.54975 15.5805C3.25685 15.2876 3.25685 14.8127 3.54975 14.5198L10.0697 7.99981Z" fill="%2349464E"></path></svg>')
}

form input[type=submit] {
    font-size: .8235rem;
    line-height: 1.1765rem;
    font-weight: 600;
    letter-spacing: .0165rem;
    width: fit-content;
    padding: 12px 20px 12px 54px;
    color: var(--color-ci-white);
    background-color: var(--color-ci-dolphin-gray);
    border-radius: 18px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.75 8.5C2.75 6.89295 3.20538 5.86848 3.88534 5.2371C4.57535 4.59637 5.61497 4.25 7 4.25H17C18.385 4.25 19.4246 4.59637 20.1147 5.2371C20.7946 5.86848 21.25 6.89295 21.25 8.5V15.5C21.25 17.107 20.7946 18.1315 20.1147 18.7629C19.4246 19.4036 18.385 19.75 17 19.75H7C6.58579 19.75 6.25 20.0858 6.25 20.5C6.25 20.9142 6.58579 21.25 7 21.25H17C18.615 21.25 20.0754 20.8464 21.1353 19.8621C22.2054 18.8685 22.75 17.393 22.75 15.5V8.5C22.75 6.60705 22.2054 5.13152 21.1353 4.1379C20.0754 3.15363 18.615 2.75 17 2.75H7C5.38503 2.75 3.92465 3.15363 2.86466 4.1379C1.79462 5.13152 1.25 6.60705 1.25 8.5C1.25 8.91421 1.58579 9.25 2 9.25C2.41421 9.25 2.75 8.91421 2.75 8.5Z" fill="%23ffffff"></path><path d="M17.4681 9.58605C17.7917 9.32754 17.8445 8.85561 17.586 8.53196C17.3275 8.20832 16.8556 8.15551 16.532 8.41401L13.4025 10.9135C12.6462 11.5154 11.3446 11.5155 10.588 10.914L7.46901 8.41474C7.14576 8.15573 6.67375 8.2078 6.41474 8.53105C6.15573 8.85429 6.2078 9.3263 6.53105 9.58531L9.65104 12.0853L9.65289 12.0868C10.9563 13.1244 13.0338 13.1244 14.3372 12.0868L17.4681 9.58605Z" fill="%23ffffff"></path><path d="M1.25 16.5C1.25 16.0858 1.58579 15.75 2 15.75H8C8.41421 15.75 8.75 16.0858 8.75 16.5C8.75 16.9142 8.41421 17.25 8 17.25H2C1.58579 17.25 1.25 16.9142 1.25 16.5Z" fill="%23ffffff"></path><path d="M2 11.75C1.58579 11.75 1.25 12.0858 1.25 12.5C1.25 12.9142 1.58579 13.25 2 13.25H5C5.41421 13.25 5.75 12.9142 5.75 12.5C5.75 12.0858 5.41421 11.75 5 11.75H2Z" fill="%23ffffff"></path></svg>');
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 24px 24px
}

form input[type=submit]:hover {
    background-color: #67646c
}

form legend {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

form input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #888;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    z-index: 1
}

form input[type=radio]::after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--turquoise4);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    z-index: 2;
    transition: all var(--transition-duration-fast) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    form input[type=radio]::after {
        --transition-duration: 0s
    }
}

form input[type=radio]:checked::after {
    opacity: 1
}

form input[type=radio]:hover {
    box-shadow: 0 0 0 4px rgba(0,0,0,.05)
}

form input[type=radio]:disabled {
    border-color: #bbbcbc;
    cursor: not-allowed
}

form input[type=radio]:checked:disabled::after {
    background-color: #bbbcbc;
    opacity: 1
}

form input[type=radio]+label {
    vertical-align: middle
}

@keyframes ripple {
    0% {
        width: 0;
        height: 0;
        opacity: .4
    }

    100% {
        width: 40px;
        height: 40px;
        opacity: 0
    }
}

form input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    min-width: 21px;
    width: 21px;
    min-height: 21px;
    height: 21px;
    border: 2px solid #888;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    transition: all var(--transition-duration-fast) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    form input[type=checkbox] {
        --transition-duration: 0s
    }
}

form input[type=checkbox]+label {
    margin-top: -2px
}

form input[type=checkbox]:focus {
    outline: 2px solid var(--color-gray-600,#939494);
    outline-offset: 12px
}

form input[type=checkbox]:checked {
    background-color: var(--turquoise4);
    background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M19.5119 6.45186C19.8146 6.73458 19.8309 7.20917 19.5481 7.5119L10.2093 17.5119C10.0674 17.6639 9.86877 17.7501 9.66085 17.75C9.45292 17.7499 9.25437 17.6635 9.11259 17.5114L4.45141 12.5114C4.16896 12.2084 4.18561 11.7339 4.48859 11.4514C4.79157 11.169 5.26615 11.1856 5.54859 11.4886L9.66166 15.9006L18.4519 6.4881C18.7346 6.18537 19.2092 6.16915 19.5119 6.45186Z' fill='%23ffffff'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    border-color: var(--turquoise4)
}

form input[type=checkbox].is-indeterminate:checked {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 11.25C5.58579 11.25 5.25 11.5858 5.25 12C5.25 12.4142 5.58579 12.75 6 12.75C13.7592 12.75 10.7221 12.75 18 12.75C18.4142 12.75 18.75 12.4142 18.75 12C18.75 11.5858 18.4142 11.25 18 11.25C10.2408 11.25 13.2779 11.25 6 11.25Z" fill="%23ffffff"></path></svg>')
}

form input[type=checkbox]:hover {
    box-shadow: 0 0 0 4px rgba(0,0,0,.05)
}

form input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none
}

form .form-item {
    display: inline-flex;
    gap: 12px
}

form .form-item:has(input:focus-visible) {
    outline: 2px solid var(--color-gray-600,#939494);
    outline-offset: 2px;
    border-radius: 8px
}

form .form-item:has(.missing) {
    outline: 2px solid #e76c5c;
    outline-offset: 2px;
    border-radius: 8px
}

form .form-item input[type=checkbox]:focus-visible,form .form-item input[type=radio]:focus-visible {
    outline: 0;
    box-shadow: none
}

.custom-dropdown {
    display: flex;
    position: relative;
    width: 100%;
    min-height: 60px;
    border: 2px solid #d9dada;
    border-radius: 12px;
    background-color: #fff;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    user-select: none;
    transition: all var(--transition-duration-fast) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    .custom-dropdown {
        --transition-duration: 0s
    }
}

.custom-dropdown.dropdown-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.custom-dropdown:focus-within {
    outline: 2px solid #939494;
    outline-offset: 2px
}

.custom-dropdown>.selected {
    flex: 1;
    min-height: 60px;
    padding: 20px 48px 0 16px;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    position: relative
}

.custom-dropdown>.selected::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.55 8.42a.5.5 0 0 1 .71 0L12 16.16l7.74-7.74a.5.5 0 0 1 .71.71l-8 8a.5.5 0 0 1-.71 0l-8-8a.5.5 0 0 1 0-.71z' fill='%2349464E'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    transition: all var(--transition-duration-fast) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    .custom-dropdown>.selected::after {
        --transition-duration: 0s
    }
}

.custom-dropdown.dropdown-open>.selected::after {
    transform: translateY(-50%) rotate(180deg)
}

.custom-dropdown .options {
    position: absolute;
    top: calc(100% + 2px);
    padding: 16px;
    left: -2px;
    right: -2px;
    background-color: #fff;
    border: 2px solid #d9dada;
    border-top: none;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    max-height: 280px;
    overflow-y: auto;
    z-index: 10;
    box-shadow: 0 4px 8px rgba(0,0,0,.05);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #0f828a transparent
}

.custom-dropdown .option {
    font-size: .8235rem;
    line-height: 1.1765rem;
    font-weight: 600;
    letter-spacing: .0165rem;
    padding: 14px 16px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all var(--transition-duration-fast) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    .custom-dropdown .option {
        --transition-duration: 0s
    }
}

.custom-dropdown .option .option-text {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.custom-dropdown .option.highlight,.custom-dropdown .option.selected,.custom-dropdown .option:hover {
    background-color: #efefef
}

.custom-dropdown .option .checkmark {
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5119 6.45186C19.8146 6.73458 19.8309 7.20917 19.5481 7.5119L10.2093 17.5119C10.0674 17.6639 9.86877 17.7501 9.66085 17.75C9.45292 17.7499 9.25437 17.6635 9.11259 17.5114L4.45141 12.5114C4.16896 12.2084 4.18561 11.7339 4.48859 11.4514C4.79157 11.169 5.26615 11.1856 5.54859 11.4886L9.66166 15.9006L18.4519 6.4881C18.7346 6.18537 19.2092 6.16915 19.5119 6.45186Z' fill='%2349464E'/%3E%3C/svg%3E") center center no-repeat;
    background-size: contain;
    margin-left: 12px;
    flex-shrink: 0
}

.hidden {
    display: none!important
}

select.missing+.custom-dropdown {
    border-color: #e76c5c
}

.loading-indicator.hidden {
    display: none
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.loading-indicator .spinner {
    display: inline-block;
    animation: spin 1s linear infinite
}

.badges {
    display: flex;
    align-items: center;
    gap: 12px
}

@media(max-width: 767px) {
    .badges {
        flex-direction:column
    }
}

.badges .badge {
    display: flex;
    align-items: center;
    gap: var(--spacing-tiny);
    background-color: var(--color-ci-badge);
    border-radius: var(--spacing-tiny);
    padding: var(--spacing-tiny) var(--spacing-small);
    width: fit-content
}

[data-ref=video-container] .play-button-container {
    position: absolute;
    z-index: 10;
    right: 64px;
    bottom: 74px
}

@media(max-width: 767px) {
    [data-ref=video-container] .play-button-container {
        right:10px;
        bottom: 10px
    }
}

[data-ref=video-container] .play-button-container button {
    display: grid;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: rgba(0,0,0,.3019607843);
    width: 40px;
    height: 40px;
    scale: .8;
    transition: all var(--transition-duration-fast) cubic-bezier(.25,.1,.25,1)
}

[data-ref=video-container] .play-button-container button:focus,[data-ref=video-container] .play-button-container button:hover {
    scale: 1
}

@media (prefers-reduced-motion:reduce) {
    [data-ref=video-container] .play-button-container button {
        --transition-duration: 0s
    }
}

[data-ref=video-container] .play-button-container svg path {
    fill: var(--color-ci-white)
}

[data-ref=video-container] .play-button-container .video-pause {
    display: none
}

[data-ref=video-container].video-playing .video-play {
    display: none
}

[data-ref=video-container].video-playing .video-pause {
    display: grid
}

[data-ref=video-container]+.background-image {
    display: none
}

[data-ref=video-container] video {
    aspect-ratio: 9/16;
    object-fit: cover;
    max-height: 100vh
}

@media(min-width: 1200px) {
    [data-ref=video-container] video {
        aspect-ratio:16/9
    }
}

@media (prefers-reduced-motion) {
    [data-ref=video-container]+.background-image {
        display: block
    }
}

[data-module=blog-teaser] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-big)
}

[data-module=blog-teaser]>[data-module=button] {
    align-self: center
}

[data-module=blog-teaser] .blog-posts .on-picture {
    display: flex;
    padding: var(--spacing-medium-large);
    align-items: end;
    color: var(--color-ci-white)
}

[data-module=blog-teaser] .blog-posts {
    min-height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-small)
}

@media(min-width: 1200px) {
    [data-module=blog-teaser] .blog-posts {
        min-height:400px;
        align-items: normal;
        display: grid;
        grid-template-columns: 60% 40%;
        grid-template-rows: repeat(2,1fr);
        gap: var(--spacing-medium)
    }

    [data-module=blog-teaser] .blog-posts .blog-post:first-child {
        grid-row: 1/2 span
    }
}

[data-module=blog-teaser] .blog-post {
    border-radius: var(--border-radius);
    overflow: hidden;
    position: relative;
    min-height: fit-content;
    height: auto;
    max-width: 500px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: flex-end
}

@media(min-width: 1200px) {
    [data-module=blog-teaser] .blog-post {
        border-radius:var(--border-radius);
        aspect-ratio: auto;
        max-width: 100%
    }
}

[data-module=blog-teaser] .blog-post picture {
    scale: 1;
    transition: all var(--transition-duration-slow) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    [data-module=blog-teaser] .blog-post picture {
        --transition-duration: 0s
    }
}

[data-module=blog-teaser] .blog-post picture::after {
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 20%,rgba(0,0,0,.8) 100%)
}

[data-module=blog-teaser] .blog-post:is(:hover,:focus,:focus-within) picture {
    scale: 1.1;
    transition: all var(--transition-duration-slow) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    [data-module=blog-teaser] .blog-post:is(:hover,:focus,:focus-within) picture {
        --transition-duration: 0s
    }
}

[data-module=card-offer-rooms] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap-small);
    margin: var(--spacing-medium) 0
}

[data-module=card-offer-rooms] .cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

@media(max-width: 1199px) {
    [data-module=card-offer-rooms] {
        padding:24px;
        gap: 16px
    }
}

[data-module=club-characteristics] .container-intro .text {
    text-align: center
}

[data-module=club-characteristics] .tile-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing-medium) var(--spacing-small-medium);
    text-align: center
}

[data-module=club-characteristics] .tile-container .tile {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small-medium);
    align-items: center;
    padding: var(--spacing-small-medium);
    background-color: var(--color-ci-white);
    border-radius: var(--border-radius)
}

[data-module=club-characteristics] .tile-container .icon,[data-module=club-characteristics] .tile-container svg {
    width: 40px;
    height: 40px
}

[data-module=club-characteristics] .tile-container .icon svg,[data-module=club-characteristics] .tile-container svg svg {
    width: 40px;
    height: 40px
}

[data-module=club-characteristics] .tile-container .icon svg path,[data-module=club-characteristics] .tile-container svg svg path {
    fill: var(--color-ci-aqua)
}

[data-module=club-characteristics] .tile-container .content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small)
}

[data-module=club-characteristics] .tile-container .tile {
    width: 150px
}

[data-module=club-characteristics] .tile-container:has(.text:not(:empty)) .tile {
    width: 220px
}

@media(max-width: 767px) {
    [data-module=club-characteristics] .tile-container {
        display:grid;
        grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
        gap: var(--spacing-small-medium)
    }

    [data-module=club-characteristics] .tile-container .tile {
        width: auto
    }

    [data-module=club-characteristics] .tile-container:has(.text:not(:empty)) {
        grid-template-columns: 1fr
    }

    [data-module=club-characteristics] .tile-container:has(.text:not(:empty)) .tile {
        width: auto
    }
}

[data-module=club-hero] {
    text-align: center;
    position: relative;
    margin-bottom: 0
}

@media(min-width: 768px) {
    [data-module=club-hero] .content-width-inner {
        top:60%;
        width: 90%
    }
}

[data-module=club-hero].content-width-full {
    margin-bottom: var(--spacing-component-mobile)
}

@media(min-width: 1200px) {
    [data-module=club-hero].content-width-full {
        margin-bottom:var(--spacing-component-desktop)
    }
}

[data-module=club-hero].content-width-full .video-container::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,rgba(0,0,0,.25) 0,transparent 15%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.09) 20%,rgba(0,0,0,.2) 100%),rgba(0,0,0,.2)
}

[data-module=club-hero].content-width-full .video-container video {
    width: 100%
}

[data-module=club-hero] picture {
    display: none;
    max-height: 100vh
}

[data-module=club-hero]:not(:has(.video-container)) picture {
    display: block
}

@media (prefers-reduced-motion) {
    [data-module=club-hero] picture {
        display: block
    }

    [data-module=club-hero] .video-container {
        display: none
    }
}

[data-module=club-hero] .picture-darkening.picture-with-gradient picture::after {
    background: linear-gradient(180deg,rgba(0,0,0,.25) 0,transparent 15%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.09) 20%,rgba(0,0,0,.2) 100%),rgba(0,0,0,.2)
}

[data-module=club-hero] h1+p {
    margin-top: var(--spacing-small)
}

[data-module=club-hero] .button-container {
    margin-top: var(--spacing-medium);
    display: flex;
    justify-content: center;
    gap: 12px
}

@media(min-width: 1200px) {
    [data-module=club-hero] .button-container {
        margin-top:var(--spacing-large)
    }
}

body:has([data-module=quicksearch-bar]) [data-module=club-hero] {
    margin-bottom: 0
}

[data-module=club-intro] picture {
    width: 100%;
    overflow: hidden;
    border-radius: var(--border-radius);
    display: block
}

[data-module=club-intro] img {
    display: block;
    max-width: 100%;
    width: 100%
}

[data-module=club-intro] .content-flow {
    display: flex;
    gap: var(--spacing-medium);
    align-items: center;
    flex-direction: column
}

[data-module=club-intro] .content-flow>* {
    flex: 0 0 100%
}

@media(min-width: 768px) {
    [data-module=club-intro] .content-flow {
        flex-direction:row
    }

    [data-module=club-intro] .content-flow>* {
        flex: 0 0 50%
    }
}

@media(min-width: 768px) {
    [data-module=club-intro].image-right .content-flow {
        flex-direction:row-reverse
    }
}

[data-module=club-list-overview] .club-list-intro {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: var(--spacing-medium);
    margin-bottom: var(--gap-small)
}

[data-module=club-list-overview] .club-list-intro .filter-offer-labels {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small-medium)
}

[data-module=club-list-overview] .club-list-intro .filter-offer-labels span {
    display: inline-flex;
    align-items: center;
    gap: 8px
}

[data-module=club-list-overview] .club-list-intro .filter-offer-labels span.hidden {
    display: none
}

[data-module=club-list-overview] .club-list-intro .filter-offer-labels svg {
    width: 20px;
    height: 20px
}

@media(min-width: 1200px) {
    [data-module=club-list-overview] .club-list-intro {
        flex-direction:row;
        justify-content: space-between;
        align-items: center;
        gap: 0
    }

    [data-module=club-list-overview] .club-list-intro .filter-chips {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        overflow-x: visible;
        flex-shrink: initial;
        max-width: none;
        white-space: normal
    }

    [data-module=club-list-overview] .club-list-intro .filter-offer-labels {
        flex-direction: row
    }
}

[data-module=club-list-overview] .cards-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small-medium)
}

@media(min-width: 768px) {
    [data-module=club-list-overview] .cards-list {
        gap:var(--spacing-medium)
    }
}

[data-module=club-list-overview] .cards-list .card {
    display: flex;
    flex-direction: column
}

[data-module=club-list-overview] .cards-list .card.hidden {
    display: none
}

@media(min-width: 768px) {
    [data-module=club-list-overview] .cards-list .card {
        min-height:372px;
        flex-direction: row
    }
}

[data-module=club-list-overview] .content-area {
    background-color: var(--color-ci-white);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: var(--spacing-small-medium)
}

@media(min-width: 768px) {
    [data-module=club-list-overview] .content-area {
        padding:var(--spacing-small-medium) var(--spacing-medium);
        border-radius: 0 var(--border-radius) var(--border-radius) 0
    }
}

[data-module=club-list-overview] .content-area>span {
    margin-bottom: var(--spacing-tiny);
    color: var(--color-ci-aqua)
}

[data-module=club-list-overview] .content-area ul {
    list-style-type: none;
    padding: 16px 0 20px;
    margin: 0
}

[data-module=club-list-overview] .content-area ul li {
    display: flex;
    gap: 8px
}

[data-module=club-list-overview] .content-area ul svg {
    width: 18.75px;
    height: 18.75px
}

[data-module=club-list-overview] .content-area .club-highlight {
    display: flex;
    justify-content: space-between;
    border-bottom: 1.5px solid var(--color-ci-surface);
    border-top: 1.5px solid var(--color-ci-surface);
    padding: var(--spacing-small-medium) 0;
    margin-bottom: var(--spacing-small-medium);
    flex-direction: column;
    gap: 8px
}

@media(min-width: 768px) {
    [data-module=club-list-overview] .content-area .club-highlight {
        flex-direction:row;
        gap: 0
    }
}

[data-module=club-list-overview] .content-area .card-footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: auto;
    flex-direction: column
}

[data-module=club-list-overview] .content-area .card-footer [data-module=button] {
    width: 100%
}

@media(min-width: 768px) {
    [data-module=club-list-overview] .content-area .card-footer {
        flex-direction:row
    }

    [data-module=club-list-overview] .content-area .card-footer [data-module=button] {
        width: auto
    }
}

[data-module=club-list-overview] .image-area {
    width: 100%;
    position: relative;
    line-height: 0
}

[data-module=club-list-overview] .image-area::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(179.97deg,rgba(0,0,0,0) .03%,rgba(0,0,0,0) 50.66%,rgba(0,0,0,.8) 91.17%);
    pointer-events: none
}

@media(min-width: 768px) {
    [data-module=club-list-overview] .image-area::after {
        border-radius:var(--border-radius) 0 0 var(--border-radius)
    }
}

[data-module=club-list-overview] .image-area img {
    display: block;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    width: 100%
}

[data-module=club-list-overview] .image-area .fw-slider {
    position: relative;
    height: 100%;
    width: 100%
}

[data-module=club-list-overview] .image-area .fw-slider .fw-slider-track {
    padding: 0;
    height: 100%
}

[data-module=club-list-overview] .image-area .fw-slider .fw-slider-track .fw-slider-slide {
    width: 100%
}

@media(min-width: 768px) {
    [data-module=club-list-overview] .image-area .fw-slider .fw-slider-track .fw-slider-slide {
        display:flex
    }
}

[data-module=club-list-overview] .image-area .fw-slider .fw-slider-track .fw-slider-slide>* {
    height: auto
}

[data-module=club-list-overview] .image-area .fw-slider .fw-slider-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

[data-module=club-list-overview] .image-area .fw-slider .fw-slider-dots .fw-slider-dots-dot {
    width: 10px;
    height: 10px
}

[data-module=club-list-overview] .image-area .fw-slider .fw-slider-dots .fw-slider-dots-dot.fs-slider-slide-visible {
    background: var(--color-ci-dolphin-gray)
}

[data-module=club-list-overview] .image-area .fw-slider .fw-slider-buttons {
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 15px;
    z-index: 1
}

[data-module=club-list-overview] .image-area .fw-slider .fw-slider-buttons .placeholder {
    width: 24px;
    height: 24px
}

[data-module=club-list-overview] .image-area .fw-slider .fw-slider-buttons button.slider-chevron {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer;
    background-color: var(--color-ci-dolphin-gray)
}

[data-module=club-list-overview] .image-area .fw-slider .fw-slider-buttons button.slider-chevron:active,[data-module=club-list-overview] .image-area .fw-slider .fw-slider-buttons button.slider-chevron:focus,[data-module=club-list-overview] .image-area .fw-slider .fw-slider-buttons button.slider-chevron:target {
    background-color: var(--color-ci-white)
}

[data-module=club-list-overview] .image-area .fw-slider .fw-slider-buttons button.slider-chevron:active:after,[data-module=club-list-overview] .image-area .fw-slider .fw-slider-buttons button.slider-chevron:focus:after,[data-module=club-list-overview] .image-area .fw-slider .fw-slider-buttons button.slider-chevron:target:after {
    background-color: var(--color-ci-dolphin-gray)!important
}

[data-module=club-list-overview] .image-area .fw-slider .fw-slider-buttons button.slider-chevron:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    padding: 12px;
    color: var(--color-ci-white)
}

[data-module=club-list-overview] .image-area .fw-slider .fw-slider-buttons button.slider-chevron.left:after {
    background-color: var(--color-ci-white);
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15 19l-7-7 7-7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15 19l-7-7 7-7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

[data-module=club-list-overview] .image-area .fw-slider .fw-slider-buttons button.slider-chevron.right:after {
    background-color: var(--color-ci-white);
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15 19l-7-7 7-7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15 19l-7-7 7-7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    transform: rotate(180deg)
}

[data-module=club-list-overview] .image-area .fw-slider:has(.fw-slider-track>:first-child[aria-hidden=false]) [data-ref=fw-slider-button-left],[data-module=club-list-overview] .image-area .fw-slider:has(.fw-slider-track>:last-child[aria-hidden=false]) [data-ref=fw-slider-button-right] {
    display: none
}

@media(min-width: 768px) {
    [data-module=club-list-overview] .image-area {
        width:48%;
        max-width: 640px
    }

    [data-module=club-list-overview] .image-area img {
        border-radius: var(--border-radius) 0 0 var(--border-radius)
    }
}

@media (hover: none) {
    @media(max-width:767px) {
        [data-module=club-list-overview] .filter-chips-outer {
            overflow-x:auto;
            width: 100%;
            max-width: 100%;
            box-sizing: border-box;
            padding-bottom: 20px
        }

        [data-module=club-list-overview] .filter-chips {
            display: flex;
            flex-wrap: nowrap;
            width: max-content
        }

        [data-module=club-list-overview] .filter-offer-labels {
            margin-top: -20px
        }
    }
}

[data-module=countdown] {
    min-height: fit-content;
    height: min(80vh,800px);
    width: 100%;
    display: flex;
    align-items: center;
    --color-text: var(--color-ci-white);
    color: var(--color-text);
    text-align: center
}

[data-module=countdown] h2+div {
    margin-top: var(--spacing-small)
}

[data-module=countdown] .time-container {
    display: block;
    text-align: center;
    margin: var(--spacing-medium) 0
}

@media(min-width: 1200px) {
    [data-module=countdown] .time-container {
        margin:var(--spacing-big) 0
    }
}

[data-module=countdown] .time-container time {
    background-color: var(--color-ci-grayscale);
    display: inline-block;
    padding: 12px;
    border-radius: 18px;
    backdrop-filter: blur(25px)
}

[data-module=countdown] .time-container time>span {
    width: 12ch;
    height: 50px;
    display: inline-block;
    position: relative
}

@media(min-width: 1200px) {
    [data-module=countdown] .time-container time>span {
        width:142px;
        height: 96px
    }
}

[data-module=countdown] .time-container time>span:not(:last-child):after {
    content: "";
    background: var(--color-text-light);
    position: absolute;
    top: calc(50% - 16px);
    right: 0;
    height: 32px;
    width: 1px
}

@media(min-width: 1200px) {
    [data-module=countdown] .time-container time>span:not(:last-child):after {
        top:calc(50% - 32px);
        height: 64px
    }
}

[data-module=countdown] .time-container time>span>span {
    margin-bottom: 8px;
    display: block
}

[data-module=destination-card-slider] {
    width: 100%;
    margin: 0 auto;
    position: relative
}

[data-module=destination-card-slider] .container-intro .text {
    text-align: center
}

[data-module=destination-card-slider] [data-module=destination-card] {
    width: 100%
}

[data-module=destination-card-slider] h3 {
    color: var(--color-ci-white);
    text-align: center
}

[data-module=destination-card-slider] .card-content,[data-module=destination-card-slider] .cta-link,[data-module=destination-card-slider] picture {
    transition: all var(--transition-duration-slow) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    [data-module=destination-card-slider] .card-content,[data-module=destination-card-slider] .cta-link,[data-module=destination-card-slider] picture {
        --transition-duration: 0s
    }
}

[data-module=destination-card-slider].picture-darkening.picture-with-layer picture {
    border-radius: var(--border-radius);
    overflow: hidden
}

[data-module=destination-card-slider].picture-darkening.picture-with-layer picture::after {
    background: linear-gradient(179.97deg,rgba(0,0,0,0) .03%,rgba(0,0,0,0) 50.66%,rgba(0,0,0,.8) 91.17%)
}

[data-module=destination-card-slider] .card-content-wrapper {
    overflow: hidden;
    width: 100%;
    margin-bottom: var(--spacing-small-medium)
}

[data-module=destination-card-slider] .card-content-wrapper .card-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-small-medium);
    position: relative;
    bottom: calc(-50px - var(--spacing-small-medium))
}

[data-module=destination-card-slider] .fw-slider-slide {
    transition: all var(--transition-duration-fast) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    [data-module=destination-card-slider] .fw-slider-slide {
        --transition-duration: 0s
    }
}

[data-module=destination-card-slider] .fw-slider-slide:is(:hover,:focus-within,:focus-visible) {
    transform: scale(1.1)
}

[data-module=destination-card-slider] .fw-slider-slide:is(:hover,:focus-within,:focus-visible) .card-content {
    bottom: 0
}

[data-module=destination-card-slider] .fw-slider-slide:is(:hover,:focus-within,:focus-visible) .cta-link {
    opacity: 1
}

[data-module=destination-card-slider] .fw-slider-slide:focus-visible {
    outline: 2px solid var(--color-ci-grey-600);
    outline-offset: 2px
}

@media(max-width: 767px) {
    [data-module=destination-card-slider] .fw-slider {
        padding:var(--spacing-medium) var(--spacing-small) 0
    }

    [data-module=destination-card-slider] .fw-slider .fw-slider-track {
        gap: var(--spacing-small)
    }
}

[data-module=destination-card-slider] .fw-slider-button {
    background-color: var(--color-ci-white);
    padding: 12px;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    border: none;
    cursor: pointer;
    box-shadow: var(--shadow-standard);
    position: absolute
}

[data-module=destination-card-slider] .fw-slider-button:focus-visible {
    outline: 2px solid var(--color-ci-grey-600);
    outline-offset: 2px
}

[data-module=destination-card-slider] .fw-slider-button.fw-slider-button-right {
    right: var(--spacing-small)
}

@media(min-width: 768px) {
    [data-module=destination-card-slider] .fw-slider-button.fw-slider-button-right {
        right:var(--spacing-big)
    }
}

[data-module=destination-card-slider] .fw-slider-button.fw-slider-button-left {
    left: var(--spacing-small);
    z-index: 2
}

@media(min-width: 768px) {
    [data-module=destination-card-slider] .fw-slider-button.fw-slider-button-left {
        left:var(--spacing-big)
    }
}

[data-module=destination-card-slider] .fw-slider-button:hover {
    background-color: #ddd
}

[data-module=error-404] {
    padding-top: var(--spacing-medium-large)
}

@media(min-width: 768px) {
    [data-module=error-404] {
        padding-top:var(--spacing-large)
    }
}

[data-module=error-404]>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: var(--spacing-medium-large)
}

@media(min-width: 768px) {
    [data-module=error-404]>div {
        flex-direction:row-reverse
    }
}

@media(max-width: 767px) {
    [data-module=error-404]>div .icon-container {
        width:160px;
        height: 160px
    }

    [data-module=error-404]>div .icon-container svg {
        width: 100%;
        height: 100%
    }
}

[data-module=error-404]>div .text-content {
    display: flex;
    flex-direction: column;
    width: 100%
}

[data-module=error-404]>div .text-content button {
    align-self: center
}

@media(min-width: 768px) {
    [data-module=error-404]>div .text-content {
        max-width:640px
    }

    [data-module=error-404]>div .text-content button {
        align-self: flex-start
    }
}

[data-module=error-404]>div .text-content p {
    margin: var(--spacing-small-medium) 0 var(--spacing-medium-large)
}

@media(min-width: 768px) {
    [data-module=error-404]>div .icon-container {
        max-width:304px;
        height: 304px
    }

    [data-module=error-404]>div .icon-container svg {
        max-width: 100%;
        max-height: 100%
    }
}

[data-module=error-component] {
    padding-top: var(--spacing-medium-large)
}

@media(min-width: 768px) {
    [data-module=error-component] {
        padding-top:var(--spacing-large)
    }
}

[data-module=error-component]>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-medium-large)
}

@media(min-width: 1200px) {
    [data-module=error-component]>div {
        flex-direction:row-reverse;
        justify-content: space-between
    }
}

@media(max-width: 767px) {
    [data-module=error-component]>div .icon-container {
        width:160px;
        height: 160px
    }

    [data-module=error-component]>div .icon-container svg {
        width: 100%;
        height: 100%
    }
}

[data-module=error-component]>div .error-content {
    max-width: 640px
}

[data-module=error-component]>div .error-header {
    position: static;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-medium-small);
    margin-bottom: var(--spacing-medium-large)
}

[data-module=error-component]>div .error-header .error-message {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: #fbe9e7;
    border-radius: 12px
}

[data-module=error-component]>div .error-header .error-message svg path {
    fill: #e76c5c
}

[data-module=error-component]>div .error-contact-container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-medium-small);
    padding: var(--spacing-medium-small);
    background: var(--color-ci-white);
    border-radius: var(--border-radius)
}

[data-module=error-component]>div .error-contact-container h2 {
    display: flex;
    align-items: center;
    gap: var(--spacing-tiny)
}

[data-module=error-component]>div .error-contact-container .contact {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-medium);
    padding: var(--spacing-medium-small) 0;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb
}

@media(min-width: 1200px) {
    [data-module=error-component]>div .error-contact-container .contact {
        flex-direction:row
    }
}

[data-module=error-component]>div .error-contact-container .contact>div {
    display: flex;
    flex-direction: column
}

[data-module=error-component]>div .error-contact-container .contact>div h3 {
    margin-bottom: var(--spacing-medium-large)
}

[data-module=error-component]>div .error-contact-container .contact>div a {
    display: flex;
    align-items: center;
    gap: var(--spacing-tiny);
    text-decoration: none
}

[data-module=error-component]>div .error-contact-container .contact>div a:focus-visible {
    outline: 2px solid var(--color-ci-grey-600);
    outline-offset: 2px
}

[data-module=error-component]>div .error-contact-container .contact>div a svg {
    width: 20px;
    height: 20px
}

[data-module=error-component]>div .error-contact-container .contact>div a:not(:last-of-type),[data-module=error-component]>div .error-contact-container .contact>div span:not(:last-of-type) {
    margin-bottom: var(--spacing-tiny)
}

[data-module=event-teaser-wall] {
    --small-border-radius: 8px;
    --image-width: 300;
    --image-width-pixel: calc(var(--image-width) * 1px);
    --image-height: 200;
    --image-height-pixel: calc(var(--image-height) * 1px)
}

[data-module=event-teaser-wall] .events-container {
    display: grid;
    gap: var(--spacing-medium);
    grid-template-columns: repeat(auto-fit,var(--image-width-pixel));
    justify-content: center
}

[data-module=event-teaser-wall] .events-container .background-image,[data-module=event-teaser-wall] .events-container picture {
    aspect-ratio: var(--image-width)/var(--image-height)
}

[data-module=event-teaser-wall] .events-container .event {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: var(--image-height-pixel) 1fr;
    border-radius: var(--border-radius);
    overflow: hidden;
    position: relative;
    transition: all var(--transition-duration-slow) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    [data-module=event-teaser-wall] .events-container .event {
        --transition-duration: 0s
    }
}

[data-module=event-teaser-wall] .events-container .event .badges {
    position: absolute;
    top: var(--spacing-small);
    right: var(--spacing-small);
    max-width: calc(100% - 2 * var(--spacing-small))
}

[data-module=event-teaser-wall] .events-container .event .text-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--edge-mobile)
}

[data-module=event-teaser-wall] .events-container .event .text-container .text {
    margin-top: var(--spacing-small);
    margin-bottom: var(--spacing-small-medium)
}

[data-module=event-teaser-wall] .events-container .event .bottom-link {
    display: grid;
    grid-template-columns: 1fr 48px;
    align-items: center;
    padding: var(--spacing-small);
    background-color: var(--color-ci-surface);
    border-radius: var(--small-border-radius)
}

[data-module=event-teaser-wall] .events-container .event .bottom-link svg {
    width: 48px;
    height: 48px;
    background-color: var(--color-ci-white);
    border-radius: 50%
}

[data-module=event-teaser-wall] .events-container .event .bottom-link .bottom-icon {
    grid-area: 1/2/3/3
}

[data-module=event-teaser-wall] .events-container .event:active,[data-module=event-teaser-wall] .events-container .event:focus,[data-module=event-teaser-wall] .events-container .event:hover {
    scale: 1.05;
    box-shadow: var(--shadow-standard);
    transition: all var(--transition-duration-fast) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    [data-module=event-teaser-wall] .events-container .event:active,[data-module=event-teaser-wall] .events-container .event:focus,[data-module=event-teaser-wall] .events-container .event:hover {
        --transition-duration: 0s
    }
}

[data-module=event-teaser-wall] .events-container .event:focus-within {
    outline: 2px solid var(--color-gray-600,#939494);
    outline-offset: 2px
}

[data-module=event-teaser-wall] .button-container {
    text-align: center;
    margin-top: var(--spacing-medium)
}

@media(min-width: 1200px) {
    [data-module=event-teaser-wall] .button-container {
        margin-top:var(--spacing-big)
    }
}

[data-module=faq] {
    background-color: var(--color-ci-surface);
    padding: 71px var(--spacing-small-medium)
}

[data-module=faq] h3 {
    max-width: var(--width-max-content-standard);
    margin: var(--spacing-big) auto var(--spacing-small-medium) auto;
    padding-left: var(--edge-mobile);
    padding-right: var(--edge-mobile)
}

@media(min-width: 1200px) {
    [data-module=faq] h3 {
        padding-left:0;
        padding-right: 0
    }
}

[data-module=faq] h3:first-of-type {
    margin-top: 0
}

[data-module=faq] .accordion-group {
    background-color: var(--color-ci-white);
    margin-bottom: var(--spacing-tiny);
    border-radius: var(--border-radius);
    padding-left: 32px;
    padding-right: 32px
}

[data-module=faq] .accordion-group:focus-within,[data-module=faq] .accordion-group:hover {
    outline: 2px solid var(--color-gray-600,#939494);
    outline-offset: 3px
}

@media(min-width: 1200px) {
    [data-module=faq] .accordion-group.content-width-standard {
        margin-bottom:var(--spacing-small)
    }
}

[data-module=faq] .accordion-group.content-width-standard:last-of-type {
    margin-bottom: 0
}

[data-module=faq] .accordion-group button {
    position: relative;
    display: block;
    color: var(--color-ci-dolphin-gray);
    width: 100%;
    text-align: left;
    padding: var(--spacing-medium) 0
}

[data-module=faq] .accordion-group button:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    display: inline-block;
    content: "";
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Icon/Outline/24px/ChevronDown"><path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M3.54966 8.41968C3.84255 8.12679 4.31742 8.12679 4.61032 8.41968L11.1303 14.9397C11.6074 15.4168 12.3925 15.4168 12.8697 14.9397L19.3897 8.41968C19.6825 8.12679 20.1574 8.12679 20.4503 8.41968C20.7432 8.71258 20.7432 9.18745 20.4503 9.48034L13.9303 16.0003C12.8674 17.0632 11.1326 17.0632 10.0697 16.0003L3.54966 9.48034C3.25676 9.18745 3.25676 8.71258 3.54966 8.41968Z" fill="%2349464E"/></g></svg>')
}

[data-module=faq] .accordion-group .accordion-content {
    text-align: left;
    margin-top: var(--edge-mobile);
    display: none
}

[data-module=faq] .accordion-group.open {
    padding-bottom: var(--spacing-medium)
}

[data-module=faq] .accordion-group.open button {
    padding-bottom: 0
}

[data-module=faq] .accordion-group.open button:after {
    transform: translateY(5px) rotate(180deg)
}

[data-module=faq] .accordion-group.open .accordion-content {
    display: block
}

[data-module=home-hero] {
    text-align: center;
    margin-bottom: 0
}

[data-module=home-hero].content-width-full {
    margin-bottom: var(--spacing-component-mobile)
}

@media(min-width: 1200px) {
    [data-module=home-hero].content-width-full {
        margin-bottom:var(--spacing-component-desktop)
    }
}

[data-module=home-hero] h1 {
    margin-bottom: var(--spacing-small)
}

[data-module=home-hero] .inner-container {
    position: relative
}

[data-module=home-hero] .inner-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,rgba(0,0,0,.25) 0,transparent 15%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.09) 20%,rgba(0,0,0,.2) 100%),rgba(0,0,0,.2);
    z-index: 1
}

[data-module=home-hero] .inner-container>div:last-child {
    z-index: 2
}

[data-module=home-hero] .inner-container .background-image {
    display: block
}

[data-module=home-hero] .inner-container picture::after {
    background: unset
}

[data-module=home-hero] .button-container {
    margin-top: var(--spacing-medium)
}

@media(min-width: 1200px) {
    [data-module=home-hero] .button-container {
        margin-top:var(--spacing-large)
    }
}

[data-module=home-hero] picture {
    display: none
}

[data-module=home-hero]:not(:has(.video-container)) picture {
    display: block
}

@media (prefers-reduced-motion) {
    [data-module=home-hero] picture {
        display: block
    }

    [data-module=home-hero] .video-container {
        display: none
    }
}

body:has([data-module=quicksearch-bar]) [data-module=home-hero] {
    margin-bottom: 0
}

[data-module=image-accordion] .container-intro {
    margin: var(--spacing-medium) 0
}

@media(min-width: 1200px) {
    [data-module=image-accordion] .container-intro {
        margin:var(--spacing-big) auto
    }
}

[data-module=image-accordion] .accordion-container {
    display: flex;
    flex-direction: column
}

@media(min-width: 1200px) {
    [data-module=image-accordion] .accordion-container {
        display:flex;
        flex-direction: row
    }
}

[data-module=image-accordion] .accordion-element {
    flex: 80px;
    height: auto;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: all var(--transition-duration-slow) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    [data-module=image-accordion] .accordion-element {
        --transition-duration: 0s
    }
}

@media(min-width: 1200px) {
    [data-module=image-accordion] .accordion-element {
        flex:0;
        min-width: 52px
    }

    [data-module=image-accordion] .accordion-element:not(.active) .text-container {
        align-items: center;
        margin-right: -8px
    }

    [data-module=image-accordion] .accordion-element:not(.active) .text-container h3 {
        flex: 1;
        writing-mode: vertical-rl
    }
}

[data-module=image-accordion] .accordion-element:first-of-type {
    border-radius: var(--border-radius) var(--border-radius) 0 0
}

@media(min-width: 1200px) {
    [data-module=image-accordion] .accordion-element:first-of-type {
        border-radius:var(--border-radius) 0 0 var(--border-radius)
    }
}

[data-module=image-accordion] .accordion-element:last-of-type {
    border-radius: 0 0 var(--border-radius) var(--border-radius)
}

@media(min-width: 1200px) {
    [data-module=image-accordion] .accordion-element:last-of-type {
        border-radius:0 var(--border-radius) var(--border-radius) 0
    }
}

[data-module=image-accordion] .accordion-element:focus {
    outline: 2px solid var(--color-ci-grey-600);
    outline-offset: 2px
}

@media(min-width: 1200px) {
    [data-module=image-accordion] .accordion-container .accordion-element {
        height:500px;
        box-sizing: content-box;
        padding: 32px 41px
    }
}

[data-module=image-accordion] .accordion-container .accordion-element.active,[data-module=image-accordion] .accordion-container:not(:has(.active)) .accordion-element:first-child {
    flex: 500px
}

@media(min-width: 1200px) {
    [data-module=image-accordion] .accordion-container .accordion-element.active,[data-module=image-accordion] .accordion-container:not(:has(.active)) .accordion-element:first-child {
        flex:300px;
        padding: 32px 32px
    }
}

@media(min-width: 1200px) {
    [data-module=image-accordion] .accordion-container .accordion-element.active .text-container,[data-module=image-accordion] .accordion-container:not(:has(.active)) .accordion-element:first-child .text-container {
        transform:rotate(0);
        text-align: left
    }

    [data-module=image-accordion] .accordion-container .accordion-element.active .text-container h3,[data-module=image-accordion] .accordion-container:not(:has(.active)) .accordion-element:first-child .text-container h3 {
        white-space: normal
    }

    [data-module=image-accordion] .accordion-container .accordion-element.active .text-container>:not(h3),[data-module=image-accordion] .accordion-container:not(:has(.active)) .accordion-element:first-child .text-container>:not(h3) {
        opacity: 0;
        display: flex;
        animation: fadeIn forwards;
        animation-duration: var(--transition-duration-slow);
        animation-delay: calc(var(--transition-duration-slow) * .5)
    }
}

@media(max-width: 1199px) {
    [data-module=image-accordion] .accordion-container .accordion-element.active .text-container>:not(h3),[data-module=image-accordion] .accordion-container:not(:has(.active)) .accordion-element:first-child .text-container>:not(h3) {
        display:flex
    }
}

[data-module=image-accordion].picture-darkening.picture-with-layer picture {
    position: absolute;
    z-index: -1;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%
}

[data-module=image-accordion].picture-darkening.picture-with-layer picture::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 20%,rgba(0,0,0,.8) 100%)
}

[data-module=image-accordion].picture-darkening.picture-with-layer picture img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    display: block
}

[data-module=image-accordion] h3 {
    overflow: hidden;
    color: var(--color-text-light);
    max-width: 100%;
    text-overflow: ellipsis
}

@media(min-width: 1200px) {
    [data-module=image-accordion] h3 {
        text-overflow:initial;
        hyphens: auto
    }
}

[data-module=image-accordion] .text-container {
    display: flex;
    gap: 24px;
    padding: 24px;
    color: var(--color-text-light);
    height: 100%;
    flex-direction: column;
    justify-content: end
}

[data-module=image-accordion] .text-container h3 {
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis
}

[data-module=image-accordion] .text-container>:not(h3) {
    display: none
}

@media(min-width: 1200px) {
    [data-module=image-accordion] .text-container>:not(h3) {
        opacity:0
    }
}

@media(min-width: 1200px) {
    [data-module=image-accordion] .text-container {
        padding:0;
        text-align: right
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

[data-module=large-media-preview] {
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
    text-align: center
}

[data-module=large-media-preview] .container-intro {
    padding: 0 24px
}

[data-module=large-media-preview] .badges {
    margin-bottom: var(--spacing-medium);
    justify-content: center
}

[data-module=large-media-preview] .fw-slider-track {
    padding-bottom: 100px;
    gap: 0
}

[data-module=large-media-preview] .fw-slider {
    position: relative
}

[data-module=large-media-preview] img {
    width: 100%;
    border-radius: var(--border-radius);
    transition: all var(--transition-duration-slow) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    [data-module=large-media-preview] img {
        --transition-duration: 0s
    }
}

[data-module=large-media-preview] .fw-slider-button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    transform: translateY(-50px);
    z-index: 2;
    width: 48px;
    height: 48px
}

[data-module=large-media-preview] .fw-slider-button-left {
    left: 0
}

[data-module=large-media-preview] .fw-slider-button-right {
    right: 0
}

[data-module=large-media-preview] .fw-slider-slide {
    width: fit-content;
    transform-origin: center;
    transition: all var(--transition-duration-fast) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    [data-module=large-media-preview] .fw-slider-slide {
        --transition-duration: 0s
    }
}

[data-module=large-media-preview] .fw-slider-slide img {
    display: block;
    border-radius: var(--border-radius);
    aspect-ratio: 16/9
}

[data-module=large-media-preview] .fs-slider-slide-hidden {
    scale: .842
}

[data-module=large-media-preview] .fs-slider-slide-visible {
    border-radius: var(--border-radius);
    box-shadow: 0 50px 40px -20px rgba(0,0,0,.18),0 25px 20px -15px rgba(0,0,0,.12)
}

[data-module=large-media-preview] .fs-slider-slide-visible+.fs-slider-slide-hidden {
    transform: translateX(-5%)
}

[data-module=large-media-preview] .fs-slider-slide-hidden:has(+.fs-slider-slide-visible) {
    transform: translateX(5%)
}

[data-module=large-media-preview] div:has(>.fw-slider-dots) {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-100%);
    bottom: 0
}

[data-module=large-quote] .container-intro {
    gap: var(--spacing-small)
}

[data-module=large-quote] .container-intro .headline {
    text-align: center
}

[data-module=large-quote] img {
    object-fit: cover;
    width: 100px;
    height: 100px;
    display: block;
    border-radius: 50%
}

@media(min-width: 1200px) {
    [data-module=large-quote] img {
        width:255px;
        height: 320px;
        border-radius: var(--border-radius) 0 0 var(--border-radius)
    }
}

[data-module=large-quote] .quote-container {
    background-color: var(--color-ci-white);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small-medium);
    padding: 36px;
    border-radius: var(--border-radius);
    max-width: 864px;
    margin: 0 auto
}

[data-module=large-quote] .quote-container .quote-box {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: var(--spacing-small-medium)
}

[data-module=large-quote] .quote-container .quote-box .bottom-band {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center
}

@media(min-width: 1200px) {
    [data-module=large-quote] .quote-container {
        max-width:864px;
        margin: 0 auto;
        display: flex;
        padding: 0;
        flex-direction: row;
        position: relative
    }

    [data-module=large-quote] .quote-container:after {
        content: "";
        background-image: url("data:image/svg+xml,<svg width='46' height='56' viewBox='0 0 46 56' fill='none' xmlns='http://www.w3.org/2000/svg'><g id='Illustration/Splash2'><g id='Union'><path d='M10.759 17.7377C10.8382 16.2441 10.9175 14.7506 10.9968 13.2572C11.0476 12.6004 10.4889 12.0376 9.82853 12.0018C9.11736 11.966 8.50768 12.4702 8.45688 13.1274C8.37729 14.6284 8.29777 16.1293 8.21825 17.6303C8.14552 19.0031 8.0728 20.376 8 21.7489C8 22.4067 8.50768 22.9661 9.21885 22.9986C9.93003 23.0305 10.5399 22.523 10.5399 21.8658C10.613 20.4897 10.686 19.1136 10.759 17.7377Z' fill='%233BA9A9'/><path d='M25.6642 24.8293C28.2183 22.4121 30.7746 19.9929 33.1406 17.3573C33.5296 16.903 34.2212 16.8787 34.6535 17.3027C35.0857 17.7272 35.1288 18.441 34.6965 18.8952C32.3307 21.5383 29.7745 23.9648 27.2205 26.3893C25.0614 28.439 22.9038 30.4871 20.8642 32.6634C20.4319 33.1068 19.7405 33.1131 19.3082 32.6769C18.9192 32.2411 18.8759 31.5274 19.3082 31.0839C21.3477 28.9143 23.5052 26.8725 25.6642 24.8293Z' fill='%233BA9A9'/><path d='M27.8189 42.6799C30.7244 41.8305 33.7664 41.4021 36.7173 41.0095C37.3529 40.9272 37.943 41.3865 37.9884 42.0334C38.0792 42.6809 37.625 43.273 37.0348 43.3553C34.1746 43.7332 31.224 44.1375 28.4546 44.9552C27.8644 45.1326 27.2286 44.7675 27.047 44.1394C26.8654 43.5118 27.2287 42.8578 27.8189 42.6799Z' fill='%233BA9A9'/></g></g></svg>");
        width: 46px;
        height: 56px;
        position: absolute;
        left: 100%;
        top: -42px
    }

    [data-module=large-quote] .quote-container .quote-box {
        padding: 36px;
        justify-content: space-between
    }

    [data-module=large-quote] .quote-container .quote-box .bottom-band {
        flex-direction: row;
        align-items: center
    }
}

[data-module=large-offer-teaser] {
    background-color: #939494;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: center
}

[data-module=large-offer-teaser] picture {
    width: 100%;
    display: block;
    aspect-ratio: 9/16
}

[data-module=large-offer-teaser] picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block
}

@media(min-width: 1200px) {
    [data-module=large-offer-teaser] {
        height:810px
    }

    [data-module=large-offer-teaser] picture {
        aspect-ratio: 16/9;
        height: auto
    }
}

[data-module=large-offer-teaser] .content-box {
    display: flex;
    flex-direction: column;
    width: auto;
    position: absolute;
    top: var(--spacing-medium-large);
    left: var(--spacing-small-medium);
    right: var(--spacing-small-medium);
    padding: var(--spacing-small-medium);
    border-radius: 18px;
    background: var(--color-ci-white);
    transition: scale var(--transition-duration-fast) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    [data-module=large-offer-teaser] .content-box {
        --transition-duration: 0s
    }
}

[data-module=large-offer-teaser] .content-box.right {
    bottom: var(--spacing-medium-large);
    top: auto
}

@media(min-width: 768px) {
    [data-module=large-offer-teaser] .content-box {
        width:640px;
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }
}

@media(min-width: 1200px) {
    [data-module=large-offer-teaser] .content-box {
        width:640px;
        top: 50%;
        bottom: auto
    }

    [data-module=large-offer-teaser] .content-box:not(.right) {
        left: var(--spacing-medium-large);
        right: auto;
        transform: translateY(-50%)
    }

    [data-module=large-offer-teaser] .content-box.right {
        left: auto;
        right: var(--spacing-medium-large);
        transform: translateY(-50%)
    }
}

[data-module=large-offer-teaser] .content-box>span {
    color: var(--turquoise4);
    margin-bottom: 4px
}

[data-module=large-offer-teaser] .content-box .badges {
    align-items: flex-start;
    margin-bottom: var(--spacing-medium-small)
}

[data-module=large-offer-teaser] .content-box ul {
    list-style-type: none;
    padding: 0;
    margin: 20px 0
}

[data-module=large-offer-teaser] .content-box ul li {
    display: flex;
    align-items: center;
    gap: var(--spacing-tiny)
}

[data-module=large-offer-teaser] .content-box ul li:not(:last-of-type) {
    margin-bottom: var(--spacing-tiny)
}

[data-module=large-offer-teaser] .content-box .bottom-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-ci-surface);
    padding: 14px var(--spacing-small)
}

[data-module=large-offer-teaser] .content-box .bottom-button .button-text {
    display: flex;
    flex-direction: column;
    gap: 4px
}

[data-module=large-offer-teaser] .content-box .bottom-button .button-text div {
    display: flex;
    gap: var(--spacing-tiny);
    align-items: center
}

[data-module=large-offer-teaser] .content-box .bottom-button .button-text .old-price {
    text-decoration: line-through;
    text-decoration-color: var(--plum)
}

[data-module=large-offer-teaser] .content-box .bottom-button .arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: var(--color-ci-white);
    border-radius: 50%
}

[data-module=large-offer-teaser] .content-box:hover {
    scale: 1.05
}

[data-module=large-offer-teaser] .content-box:focus-visible {
    outline: 2px solid var(--color-gray-600,#939494);
    outline-offset: 3px
}

[data-module=media-gallery] {
    --radius-value-full: 50px;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    flex: 0 0 100%;
    margin: auto;
    padding-bottom: 24px;
    position: fixed
}

[data-module=media-gallery][open] {
    display: flex
}

[data-module=media-gallery] .icon-button {
    display: flex;
    padding: 12px;
    width: 40px;
    height: 40px;
    align-items: center;
    border-radius: var(--radius-value-full);
    background: var(--color-ci-neutral-dark-transparent-30);
    backdrop-filter: blur(25px);
    box-sizing: border-box
}

[data-module=media-gallery] .icon-button:not(:disabled):focus,[data-module=media-gallery] .icon-button:not(:disabled):hover {
    background-color: rgba(0,0,0,.5)
}

[data-module=media-gallery] .icon-button[data-ref=next-button]:after,[data-module=media-gallery] .icon-button[data-ref=prev-button]:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    padding: 12px;
    left: 8px;
    background-color: #fff;
    -webkit-mask: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g id='Icon/Outline/24px/ArrowRight'><path id='Vector' d='M14.9605 5.39936C14.6676 5.10646 14.1927 5.10646 13.8998 5.39936C13.607 5.69225 13.607 6.16712 13.8998 6.46002L18.6893 11.2495H3.5C3.08579 11.2495 2.75 11.5853 2.75 11.9995C2.75 12.4137 3.08579 12.7495 3.5 12.7495H18.6897L13.8998 17.5394C13.607 17.8322 13.607 18.3071 13.8998 18.6C14.1927 18.8929 14.6676 18.8929 14.9605 18.6L21.0305 12.53C21.1712 12.3894 21.2502 12.1986 21.2502 11.9997C21.2502 11.8008 21.1712 11.61 21.0305 11.4694L14.9605 5.39936Z' fill='%2349464E'/></g></svg>");
    mask: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g id='Icon/Outline/24px/ArrowRight'><path id='Vector' d='M14.9605 5.39936C14.6676 5.10646 14.1927 5.10646 13.8998 5.39936C13.607 5.69225 13.607 6.16712 13.8998 6.46002L18.6893 11.2495H3.5C3.08579 11.2495 2.75 11.5853 2.75 11.9995C2.75 12.4137 3.08579 12.7495 3.5 12.7495H18.6897L13.8998 17.5394C13.607 17.8322 13.607 18.3071 13.8998 18.6C14.1927 18.8929 14.6676 18.8929 14.9605 18.6L21.0305 12.53C21.1712 12.3894 21.2502 12.1986 21.2502 11.9997C21.2502 11.8008 21.1712 11.61 21.0305 11.4694L14.9605 5.39936Z' fill='%2349464E'/></g></svg>")
}

[data-module=media-gallery] .icon-button[data-ref=prev-button]:after {
    transform: rotate(180deg)
}

[data-module=media-gallery] [data-ref=media-gallery-close-button] {
    display: flex;
    position: absolute;
    right: 65px;
    top: 50px;
    z-index: 71
}

[data-module=media-gallery] [data-ref=media-gallery-close-button]:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    padding: 12px;
    color: #fff;
    left: 8px;
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.46967 17.4697C5.17678 17.7626 5.17678 18.2375 5.46967 18.5304C5.76256 18.8233 6.23744 18.8233 6.53033 18.5304L12 13.0607L17.4697 18.5305C17.7626 18.8234 18.2375 18.8234 18.5304 18.5305C18.8233 18.2376 18.8233 17.7627 18.5304 17.4698L13.0607 12.0001L18.5304 6.53033C18.8233 6.23744 18.8233 5.76256 18.5304 5.46967C18.2375 5.17678 17.7626 5.17678 17.4697 5.46967L12 10.9394L6.53033 5.46974C6.23744 5.17684 5.76256 5.17684 5.46967 5.46974C5.17678 5.76263 5.17678 6.2375 5.46967 6.5304L10.9393 12.0001L5.46967 17.4697Z" fill="white"/></svg>')
}

@media(max-width: 767px) {
    [data-module=media-gallery] [data-ref=media-gallery-close-button] {
        right:25px;
        top: 25px
    }
}

[data-module=media-gallery] .main-image {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    aspect-ratio: 16/9;
    width: 100%;
    height: 89%;
    max-width: 100vw;
    background: var(--color-surface-inverted,#49464e)
}

[data-module=media-gallery] .main-image [data-ref=main-media] {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center
}

[data-module=media-gallery] .main-image [data-ref=main-media] iframe,[data-module=media-gallery] .main-image [data-ref=main-media] img {
    display: none;
    width: 100%;
    height: auto;
    max-width: 1440px;
    object-fit: cover
}

[data-module=media-gallery] .main-image [data-ref=main-media] iframe {
    position: relative;
    margin: auto;
    z-index: 65;
    aspect-ratio: 16/9;
    width: 1028px;
    max-height: 95%;
    border-radius: var(--border-radius)
}

[data-module=media-gallery] .main-image [data-ref=main-media] .remove-consent {
    display: none;
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: #fff;
    z-index: 71
}

[data-module=media-gallery] .main-image [data-ref=main-media] .remove-consent.show {
    display: block
}

[data-module=media-gallery] .main-image [data-ref=main-media] [data-ref=consent-dialog] {
    display: none;
    background-color: var(--color-ci-dolphin-gray);
    justify-content: center;
    align-items: center;
    z-index: 100;
    position: fixed;
    width: 100%;
    height: calc(100% - 148px)
}

[data-module=media-gallery] .main-image [data-ref=main-media] [data-ref=consent-dialog] form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    max-width: 100%;
    max-height: 100%;
    padding: 0 24px
}

@media(min-width: 1200px) {
    [data-module=media-gallery] .main-image [data-ref=main-media] [data-ref=consent-dialog] form {
        max-width:864px
    }
}

[data-module=media-gallery] .main-image [data-ref=main-media] [data-ref=consent-dialog] form :not(button) {
    color: #fff
}

[data-module=media-gallery] .main-image [data-ref=main-media] [data-ref=consent-dialog] form menu {
    display: flex;
    gap: 25px
}

[data-module=media-gallery] .main-image [data-ref=main-media] [data-ref=consent-dialog].show {
    display: flex
}

[data-module=media-gallery] .main-image .main-image-controls {
    position: absolute;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding: 40px 64px
}

@media(max-width: 767px) {
    [data-module=media-gallery] .main-image .main-image-controls {
        flex-direction:column-reverse;
        padding: 0
    }
}

[data-module=media-gallery] .main-image .main-image-controls .main-image-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    z-index: 70
}

@media(max-width: 767px) {
    [data-module=media-gallery] .main-image .main-image-controls .main-image-header {
        padding:0 5px 24px 5px
    }
}

[data-module=media-gallery] .main-image .main-image-controls .main-image-header .filter-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%
}

[data-module=media-gallery] .main-image .main-image-controls .main-image-header .main-image-header-buttons {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 12px;
    flex-wrap: wrap;
    overflow-x: hidden;
    scroll-behavior: smooth;
    padding: 10px
}

@media(max-width: 767px) {
    [data-module=media-gallery] .main-image .main-image-controls .main-image-header .main-image-header-buttons {
        flex-wrap:nowrap;
        justify-content: flex-start;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    [data-module=media-gallery] .main-image .main-image-controls .main-image-header .main-image-header-buttons::-webkit-scrollbar {
        display: none
    }
}

[data-module=media-gallery] .main-image .main-image-controls .main-image-header .main-image-header-buttons [data-ref=media-gallery-filter] {
    display: flex;
    height: 40px;
    padding: var(--padding-tag-padding-vertical,2px) var(--padding-tag-padding-horizontal,12px);
    align-items: center;
    border-radius: var(--radius-value-full);
    border: 2px solid var(--color-tag-primary,#fff);
    background: var(--color-tag-primary,#fff);
    box-shadow: 0 10px 25px -40px rgba(0,0,0,.05);
    color: var(--color-text-tags-primary-primary,#49464e)
}

[data-module=media-gallery] .main-image .main-image-controls .main-image-header .main-image-header-buttons [data-ref=media-gallery-filter].active-filter {
    padding-right: 36px;
    position: relative;
    border-radius: var(--radius-value-full);
    border: 1.5px solid var(--color-ci-aqua);
    background: var(--color-tag-primary,#fff);
    scale: 1.05
}

[data-module=media-gallery] .main-image .main-image-controls .main-image-header .main-image-header-buttons [data-ref=media-gallery-filter].active-filter::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.26 5.37647C16.5123 5.61206 16.5258 6.00756 16.2902 6.25984L8.50785 14.5932C8.38959 14.7198 8.22406 14.7917 8.05079 14.7916C7.87752 14.7915 7.71205 14.7195 7.5939 14.5928L3.70959 10.4261C3.47422 10.1736 3.48809 9.77813 3.74057 9.54276C3.99305 9.30739 4.38854 9.32126 4.62391 9.57374L8.05147 13.2504L15.3766 5.40667C15.6122 5.1544 16.0077 5.14087 16.26 5.37647Z' fill='%2349464E'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

[data-module=media-gallery] .main-image .main-image-controls .main-image-header .main-image-header-buttons [data-ref=media-gallery-filter]:hover {
    scale: 1.05;
    background-color: #e8e8e8
}

[data-module=media-gallery] .main-image .main-image-controls .main-image-header .main-image-header-buttons [data-ref=media-gallery-filter]:hover:not(.active-filter) {
    border-color: #e8e8e8
}

[data-module=media-gallery] .main-image .main-image-controls .main-image-header .main-image-header-buttons [data-ref=media-gallery-filter]:focus-within {
    outline: 0;
    box-shadow: 0 0 0 2px var(--color-ci-grey-600)
}

@media(max-width: 767px) {
    [data-module=media-gallery] .main-image .main-image-controls .main-image-header .main-image-header-buttons [data-ref=media-gallery-filter] {
        white-space:nowrap
    }
}

[data-module=media-gallery] .main-image .main-image-pagination-buttons {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 16px;
    margin-top: auto;
    align-self: flex-end;
    z-index: 71
}

[data-module=media-gallery] .main-image .main-image-pagination-buttons>span {
    min-width: 45px;
    color: var(--color-text-tags-primary-inverted-primary,#fff);
    text-shadow: 0 0 5px #000,0 0 5px #000,0 0 10px #000
}

@media(max-width: 767px) {
    [data-module=media-gallery] .main-image .main-image-pagination-buttons {
        padding-right:24px;
        padding-bottom: 14px
    }
}

[data-module=media-gallery] .main-image .main-image-pagination-buttons button:disabled {
    opacity: .5;
    cursor: not-allowed
}

[data-module=media-gallery] .preview-container {
    position: relative;
    width: 100%;
    max-width: 100vw;
    height: 92px
}

[data-module=media-gallery] [data-ref=image-switch] {
    display: flex;
    padding-left: 64px;
    padding-top: 10px;
    padding-bottom: 10px;
    align-items: flex-start;
    gap: 16px;
    overflow-x: hidden;
    scroll-behavior: smooth
}

[data-module=media-gallery] [data-ref=image-switch] [data-ref=preview-item] {
    scale: .95;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 112px
}

[data-module=media-gallery] [data-ref=image-switch] [data-ref=preview-item] img {
    width: 112px;
    height: 72px;
    border-radius: var(--radius-value-small,12px);
    box-shadow: 0 3px 15px 0 rgba(0,0,0,.25)
}

[data-module=media-gallery] [data-ref=image-switch] [data-ref=preview-item]:focus,[data-module=media-gallery] [data-ref=image-switch] [data-ref=preview-item]:hover {
    opacity: .75;
    scale: 1.05;
    outline: 2px solid var(--color-ci-grey-600);
    outline-offset: 2px;
    border-radius: var(--radius-value-small,12px)
}

[data-module=media-gallery] [data-ref=image-switch] [data-ref=preview-item].active {
    opacity: .75;
    scale: 1.05
}

[data-module=media-gallery] [data-ref=image-switch] [data-ref=preview-item].active img {
    border: 2px solid var(--color-ci-aqua)
}

[data-module=media-gallery] [data-ref=image-switch] [data-ref=preview-item][data-type=video] {
    position: relative
}

[data-module=media-gallery] [data-ref=image-switch] [data-ref=preview-item][data-type=video]:after {
    content: "";
    position: absolute;
    border-radius: var(--radius-value-full);
    background: var(--color-ci-neutral-dark-transparent-30) url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><g id='Icon/Filled/24px/Play'><path id='Vector' d='M5 16.0781V3.92207C5 2.94028 6.07994 2.34173 6.9125 2.86208L16.6373 8.9401C17.4207 9.42968 17.4207 10.5705 16.6373 11.0601L6.9125 17.1381C6.07994 17.6585 5 17.0599 5 16.0781Z' fill='white'/></g></svg>") no-repeat;
    background-position: center;
    background-size: 20px;
    backdrop-filter: blur(25px);
    height: 26px;
    width: 26px
}

@media(max-width: 767px) {
    [data-module=media-gallery] [data-ref=image-switch] {
        padding-left:16px;
        max-width: 100vw;
        overflow-x: scroll
    }
}

@media(min-width: 1200px) and (max-width:1439px) {
    [data-module=media-gallery] [data-ref=image-switch] {
        -ms-overflow-style:none;
        scrollbar-width: none
    }

    [data-module=media-gallery] [data-ref=image-switch]::-webkit-scrollbar {
        display: none
    }
}

[data-module=media-gallery] [data-ref=image-switch] button {
    min-width: 112px
}

[data-module=media-gallery] .filter-scroll-button,[data-module=media-gallery] .preview-scroll-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--color-ci-neutral-dark-transparent-30);
    backdrop-filter: blur(25px);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer;
    z-index: 10
}

[data-module=media-gallery] .filter-scroll-button:after,[data-module=media-gallery] .preview-scroll-button:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    display: inline-block;
    padding: 12px;
    color: #fff
}

[data-module=media-gallery] .filter-scroll-button:is(.filter-scroll-button)[data-ref=filter-scroll-left],[data-module=media-gallery] .preview-scroll-button:is(.filter-scroll-button)[data-ref=filter-scroll-left] {
    left: -5px
}

[data-module=media-gallery] .filter-scroll-button:is(.filter-scroll-button)[data-ref=filter-scroll-left]:after,[data-module=media-gallery] .preview-scroll-button:is(.filter-scroll-button)[data-ref=filter-scroll-left]:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15 19l-7-7 7-7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

[data-module=media-gallery] .filter-scroll-button:is(.filter-scroll-button)[data-ref=filter-scroll-right],[data-module=media-gallery] .preview-scroll-button:is(.filter-scroll-button)[data-ref=filter-scroll-right] {
    right: -5px
}

[data-module=media-gallery] .filter-scroll-button:is(.filter-scroll-button)[data-ref=filter-scroll-right]:after,[data-module=media-gallery] .preview-scroll-button:is(.filter-scroll-button)[data-ref=filter-scroll-right]:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15 19l-7-7 7-7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    transform: rotate(180deg)
}

[data-module=media-gallery] .filter-scroll-button:is(.preview-scroll-button).left:after,[data-module=media-gallery] .preview-scroll-button:is(.preview-scroll-button).left:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15 19l-7-7 7-7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

[data-module=media-gallery] .filter-scroll-button:is(.preview-scroll-button).right:after,[data-module=media-gallery] .preview-scroll-button:is(.preview-scroll-button).right:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15 19l-7-7 7-7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    transform: rotate(180deg)
}

[data-module=media-gallery] .filter-scroll-button svg path,[data-module=media-gallery] .preview-scroll-button svg path {
    color: #fff
}

[data-module=media-gallery] .filter-scroll-button:hover,[data-module=media-gallery] .preview-scroll-button:hover {
    background-color: rgba(0,0,0,.5)
}

[data-module=media-gallery] .filter-scroll-button.left,[data-module=media-gallery] .preview-scroll-button.left {
    left: 24px
}

[data-module=media-gallery] .filter-scroll-button.right,[data-module=media-gallery] .preview-scroll-button.right {
    right: 24px
}

@media(max-width: 767px) {
    [data-module=media-gallery] .filter-scroll-button,[data-module=media-gallery] .preview-scroll-button {
        display:none
    }
}

[data-module=media-gallery] .filter-scroll-button {
    width: 30px;
    height: 30px;
    display: none;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer;
    z-index: 10;
    border-radius: 32px 0 0 32px;
    backdrop-filter: blur(5px)
}

[data-module=media-gallery] .filter-scroll-button.left {
    left: -30px;
    border-radius: 0 32px 32px 0
}

[data-module=media-gallery] .filter-scroll-button.right {
    right: 0
}

[data-module=newsletter-teaser] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

[data-module=newsletter-teaser] .container-intro {
    margin-bottom: var(--spacing-medium);
    text-align: center
}

[data-module=newsletter-teaser] .container-intro .headline {
    position: relative
}

[data-module=newsletter-teaser] .container-intro .headline svg {
    position: absolute;
    top: 0;
    margin-top: 0;
    right: 0;
    max-width: var(--icon-size);
    transform: translateY(-100%)
}

@media(min-width: 768px) {
    [data-module=newsletter-teaser] .container-intro .headline svg {
        left:calc(100% + var(--icon-gap));
        transform: translateY(-50%)
    }
}

[data-module=offer-teaser-wall] .text {
    text-align: center
}

[data-module=offer-teaser-wall] .filter-chips {
    margin-top: var(--spacing-medium);
    margin-bottom: var(--spacing-medium)
}

[data-module=offer-teaser-wall] .fw-slider {
    overflow: hidden
}

[data-module=offer-teaser-wall] .fw-slider-track {
    padding: 15px
}

[data-module=offer-teaser-wall] .fw-slider-button {
    padding: 12px;
    width: 48px;
    height: 48px;
    position: absolute;
    z-index: 2
}

[data-module=offer-teaser-wall] .fw-slider-button-left {
    left: 20px
}

[data-module=offer-teaser-wall] .fw-slider-button-right {
    right: 20px
}

[data-module=offer-teaser-wall] .fw-slider-slide {
    will-change: scale
}

[data-module=offer-teaser-wall] .error-message:not(.hidden),[data-module=offer-teaser-wall] .loading-indicator:not(.hidden) {
    min-height: 480px;
    min-width: 100%;
    display: grid;
    justify-content: center;
    align-content: center
}

[data-module=offer-teaser-wall] .loading-indicator .spinner {
    width: 48px;
    height: 48px
}

[data-module=offer-teaser-wall] .tile {
    display: flex;
    width: 304px;
    flex-direction: column;
    background-color: var(--color-ci-white);
    border-radius: var(--border-radius);
    transition: all var(--transition-duration-slow) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    [data-module=offer-teaser-wall] .tile {
        --transition-duration: 0s
    }
}

[data-module=offer-teaser-wall] .tile .tile-image {
    position: relative;
    height: 224px
}

[data-module=offer-teaser-wall] .tile .tile-image picture {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius) var(--border-radius) 0 0
}

[data-module=offer-teaser-wall] .tile .tile-image picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius) var(--border-radius) 0 0
}

[data-module=offer-teaser-wall] .tile .card-image-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 16px;
    overflow: hidden
}

[data-module=offer-teaser-wall] .tile .card-image-content h3 {
    padding: 0 8px 8px 8px;
    color: var(--color-ci-white)
}

[data-module=offer-teaser-wall] .tile .card-image-content .badges {
    align-self: flex-end
}

[data-module=offer-teaser-wall] .tile .tile-details {
    padding: 24px 24px 20px
}

[data-module=offer-teaser-wall] .tile .tile-details>div {
    color: var(--color-ci-aqua);
    margin-bottom: 16px
}

[data-module=offer-teaser-wall] .tile .tile-details ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0
}

[data-module=offer-teaser-wall] .tile .tile-details ul li {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px
}

[data-module=offer-teaser-wall] .tile .tile-details ul li span:has(svg) {
    width: 20px;
    height: 20px
}

[data-module=offer-teaser-wall] .tile .tile-details ul li span:has(svg) svg {
    width: 100%;
    height: 100%
}

[data-module=offer-teaser-wall] .tile .price-container {
    margin-top: auto;
    padding: 0 24px 24px
}

[data-module=offer-teaser-wall] .tile .price-container .bottom-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-ci-surface);
    padding: 14px 16px;
    border-radius: 8px
}

[data-module=offer-teaser-wall] .tile .price-container .bottom-button .button-text {
    display: flex;
    flex-direction: column;
    gap: 4px
}

[data-module=offer-teaser-wall] .tile .price-container .bottom-button .button-text div {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-tiny);
    align-items: center
}

[data-module=offer-teaser-wall] .tile .price-container .bottom-button .button-text .old-price {
    text-decoration: line-through;
    text-decoration-color: var(--plum)
}

[data-module=offer-teaser-wall] .tile .price-container .bottom-button .arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: var(--color-ci-white);
    border-radius: 50%
}

[data-module=offer-teaser-wall] .tile:focus-within {
    outline: 2px solid var(--color-gray-600,#939494);
    outline-offset: 2px
}

[data-module=offer-teaser-wall] .tile:focus-within,[data-module=offer-teaser-wall] .tile:hover {
    scale: 1.05;
    transition: all var(--transition-duration-fast) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    [data-module=offer-teaser-wall] .tile:focus-within,[data-module=offer-teaser-wall] .tile:hover {
        --transition-duration: 0s
    }
}

[data-module=offer-teaser-wall] .cta-container {
    text-align: center;
    margin-top: 56px
}

@media(max-width: 767px) {
    [data-module=offer-teaser-wall] .fw-slider-track {
        overflow:hidden;
        flex-direction: column
    }

    [data-module=offer-teaser-wall] .fw-slider-button {
        display: none
    }
}

[data-module=page-hero] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-medium);
    align-items: center;
    padding: var(--spacing-medium) var(--spacing-small-medium)
}

[data-module=page-hero] picture {
    width: 100%;
    display: block;
    max-height: 100vh
}

[data-module=page-hero] picture img {
    border-radius: var(--border-radius);
    width: 100%
}

[data-module=page-hero] .text-content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small)
}

[data-module=page-hero] .text-content p {
    font-weight: 600
}

@media(min-width: 768px) {
    [data-module=page-hero] {
        padding:var(--spacing-medium) var(--spacing-large);
        flex-direction: row-reverse
    }

    [data-module=page-hero]>* {
        flex: 1;
        flex-basis: 50%
    }

    [data-module=page-hero] .text-content {
        padding: var(--spacing-medium)
    }

    [data-module=page-hero] img {
        margin-bottom: 0
    }
}

@media(min-width: 768px) and (max-width:1027px) {
    [data-module=page-hero] {
        padding:var(--spacing-medium) var(--gap-small);
        gap: var(--edge-mobile)
    }

    [data-module=page-hero] h1 {
        font-size: 60px
    }

    [data-module=page-hero] p {
        font-size: 19px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
        letter-spacing: .38px
    }
}

[data-module=quicksearch-bar] {
    width: 100%;
    border-radius: 0;
    margin-top: 0;
    background-color: transparent;
    padding: 0 var(--spacing-small);
    transition: all var(--transition-duration-fast) cubic-bezier(.25,.1,.25,1)
}

@media (prefers-reduced-motion:reduce) {
    [data-module=quicksearch-bar] {
        --transition-duration: 0s
    }
}

@media(min-width: 768px) and (max-width:1027px) {
    [data-module=quicksearch-bar] {
        padding:0 var(--spacing-large)
    }
}

@media(min-width: 1200px) {
    [data-module=quicksearch-bar] {
        max-width:var(--width-max-content-full);
        margin-left: auto;
        margin-right: auto
    }
}

[data-module=quicksearch-bar] * {
    word-break: initial
}

.scrolling-block-hero:not(:has(>[data-ref=quicksearch-bar-wrapper]:only-child)) [data-module=quicksearch-bar] {
    margin-top: -45px
}

.scrolling-block-hero [data-module=page-hero]+[data-ref=quicksearch-bar-wrapper] [data-module=quicksearch-bar] {
    margin-top: 0
}

@media(min-width: 1440px) {
    [data-module=quicksearch-bar] {
        margin-top:0
    }

    body.searchbar-docked header {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        box-shadow: none
    }

    body.searchbar-docked header .main-header-wrapper {
        padding-top: var(--spacing-tiny);
        padding-bottom: var(--spacing-tiny)
    }

    body.searchbar-docked header [data-menu=details-navigation] {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-top: var(--spacing-small);
        padding-bottom: var(--spacing-small)
    }

    body.searchbar-docked:not(:has(.details-navigation)) [data-module=quicksearch-bar] {
        top: 100px
    }

    body.searchbar-docked [data-module=quicksearch-bar] {
        position: fixed;
        top: 159px;
        width: 100%;
        padding: 0;
        border-radius: 0 0 var(--border-radius) var(--border-radius);
        box-shadow: var(--shadow-standard);
        background-color: #fff;
        margin-top: -45px!important
    }

    body.searchbar-docked [data-module=quicksearch-bar]>quick-search {
        --ald-ibe-quick-search-top-border-radius: 0
    }

    body:has([data-module=quicksearch-bar]) {
        padding-top: 0
    }

    body:has([data-module=quicksearch-bar]) header {
        position: fixed
    }

    body:has([data-module=quicksearch-bar]) .scrolling-block-body.header-only {
        margin-top: -90px
    }

    body:has([data-module=quicksearch-bar]) .scrolling-block-body.header-with-details {
        margin-top: -158px
    }
}

[data-module=special-teaser] {
    text-align: center;
    position: relative;
    display: grid;
    grid-template-areas: "stack";
    align-items: start;
    justify-items: start
}

[data-module=special-teaser] .background-image,[data-module=special-teaser] .video-container {
    grid-area: stack;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(max-width: 767px) {
    [data-module=special-teaser] .video-container video {
        height:100%
    }
}

[data-module=special-teaser] .content-box {
    grid-area: stack;
    z-index: 2;
    width: auto;
    max-width: calc(100% - 2 * var(--spacing-small-medium));
    padding: var(--spacing-medium);
    background: rgba(0,0,0,.3);
    backdrop-filter: blur(25px);
    border-radius: var(--border-radius);
    text-align: left;
    word-wrap: break-word;
    margin: var(--spacing-medium-large) auto
}

@media(min-width: 1200px) {
    [data-module=special-teaser] .content-box {
        max-width:calc(50% - var(--spacing-large));
        margin: 0 0 0 var(--spacing-large);
        align-self: center;
        justify-self: start
    }
}

[data-module=special-teaser] .content-box .font-label-l {
    color: var(--color-ci-white)
}

[data-module=special-teaser] .content-box .container-intro {
    color: var(--color-ci-white);
    align-items: start
}

[data-module=success-booking-hero] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 56px
}

@media {
    [data-module=success-booking-hero] {
        gap: 80px
    }
}

[data-module=success-booking-hero] .success-banner {
    position: relative;
    padding: 0
}

[data-module=success-booking-hero] .success-banner img {
    display: block;
    width: 100%
}

[data-module=success-booking-hero] .success-banner .banner-text {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: var(--spacing-small);
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%)
}

[data-module=success-booking-hero] .success-banner .banner-text * {
    color: #fff
}

[data-module=success-booking-hero] .card-summary-booked {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small-medium);
    transform: translateY(-38px);
    min-height: 240px;
    padding: var(--spacing-small-medium);
    background-color: var(--color-ci-white);
    border-radius: 18px;
    max-width: 1312px;
    margin: 0 auto
}

[data-module=success-booking-hero] .card-summary-booked img {
    display: block;
    width: 100%;
    border-radius: 12px
}

@media(min-width: 1200px) {
    [data-module=success-booking-hero] .card-summary-booked {
        display:grid;
        grid-template-columns: 288px 1fr;
        gap: var(--spacing-medium-large);
        padding: var(--spacing-medium)
    }
}

[data-module=success-booking-hero] .card-summary-booked:has(.booking-grid>:only-child) {
    min-height: 304px;
    max-width: 864px
}

[data-module=success-booking-hero] .booking-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--spacing-small-medium)
}

[data-module=success-booking-hero] .booking-grid {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-medium);
    width: 100%
}

@media(min-width: 1200px) {
    [data-module=success-booking-hero] .booking-grid {
        flex-direction:row;
        justify-content: space-between
    }
}

[data-module=success-booking-hero] .booking-grid .booking-info {
    flex: 1
}

[data-module=success-booking-hero] .booking-message {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: #def6f3;
    border-radius: 12px
}

@media(min-width: 768px) {
    [data-module=success-booking-hero] .booking-message {
        width:auto
    }
}

[data-module=success-booking-hero] .booking-message svg path {
    fill: #0f828a
}

[data-module=success-booking-hero] .booking-info .location {
    margin: var(--spacing-small) 0
}

[data-module=success-booking-hero] .booking-info .details {
    display: flex;
    flex-direction: column;
    gap: 4px
}

[data-module=success-booking-hero] .invalid-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-small);
    background-color: #fbe9e7;
    border-radius: 12px;
    padding: var(--spacing-small)
}

[data-module=success-booking-hero] .invalid-message>div {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small);
    flex-grow: 1
}

[data-module=success-booking-hero] .invalid-message h4.icon-danger {
    position: relative;
    padding-left: var(--spacing-medium);
    display: inline-block
}

[data-module=success-booking-hero] .invalid-message h4.icon-danger::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23e76c5c' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9998 8.20511C12.4489 8.20511 12.8129 8.56915 12.8129 9.01821V13.9872C12.8129 14.4362 12.4489 14.8003 11.9998 14.8003C11.5507 14.8003 11.1867 14.4362 11.1867 13.9872V9.01821C11.1867 8.56915 11.5507 8.20511 11.9998 8.20511Z' fill='%2349464E'%3E%3C/path%3E%3Cpath d='M11.9945 15.8841C11.3958 15.8841 10.9104 16.3694 10.9104 16.9682C10.9104 17.5669 11.3958 18.0523 11.9945 18.0523H12.0034C12.6022 18.0523 13.0876 17.5669 13.0876 16.9682C13.0876 16.3694 12.6022 15.8841 12.0034 15.8841H11.9945Z' fill='%2349464E'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8719 22.1643H5.97706C4.07421 22.1643 2.52338 21.4773 1.74664 20.1541C0.970355 18.8316 1.12509 17.1422 2.04607 15.4811L5.14691 9.89561L8.06846 4.64874C9.03269 2.91013 10.4251 1.8374 11.9994 1.8374C13.5737 1.8374 14.9658 2.90958 15.93 4.64807L21.9526 15.4907C22.8742 17.1528 23.0257 18.8427 22.2481 20.1647C21.4704 21.4868 19.9205 22.1742 18.0218 22.1742H11.9994C11.9561 22.1742 11.9135 22.1708 11.8719 22.1643ZM11.9994 3.46361C11.2385 3.46361 10.2954 3.98618 9.49064 5.43737L6.5687 10.6849L3.46829 16.2697C2.7197 17.6198 2.76015 18.6683 3.14908 19.3309C3.53756 19.9927 4.43146 20.5381 5.97706 20.5381H11.9994C12.0428 20.5381 12.0854 20.5415 12.1269 20.548H18.0218C19.5616 20.548 20.4565 20.0031 20.8464 19.3401C21.2365 18.677 21.2786 17.6286 20.5306 16.2796L14.5086 5.43805C13.7039 3.98686 12.7604 3.46361 11.9994 3.46361Z' fill='%2349464E'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

[data-module=success-booking-hero] .invalid-message p {
    padding-left: var(--spacing-medium)
}

[data-module=success-booking-hero] .invalid-message a {
    width: 100%;
    background-color: transparent;
    white-space: nowrap;
    flex-shrink: 0;
    flex-grow: 0
}

@media(min-width: 1200px) {
    [data-module=success-booking-hero] .invalid-message a {
        width:auto
    }
}

[data-module=success-booking-hero] .booking-content:not(:has([data-ref=inbound])) .invalid-message {
    flex-direction: column
}

[data-module=success-booking-hero] .booking-content:not(:has([data-ref=inbound])) .invalid-message a {
    width: 100%
}

[data-module=team-wall] .container-intro {
    text-align: center;
    margin-bottom: 32px
}

@media(min-width: 768px) {
    [data-module=team-wall] .container-intro {
        margin-bottom:56px
    }
}

[data-module=team-wall] .team-container {
    display: grid;
    grid-template-columns: repeat(2,136px);
    gap: 26px;
    justify-content: center
}

@media(min-width: 768px) {
    [data-module=team-wall] .team-container {
        grid-template-columns:repeat(2,224px);
        gap: 56px
    }

    [data-module=team-wall] .team-container:has(.profile-card:nth-child(3):last-child) {
        grid-template-columns: repeat(3,224px)
    }
}

@media(min-width: 1200px) {
    [data-module=team-wall] .team-container {
        grid-template-columns:repeat(auto-fit,224px);
        justify-content: center
    }
}

[data-module=team-wall] .profile-card {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

[data-module=team-wall] .profile-card img {
    aspect-ratio: 1/1;
    width: 100%;
    margin-bottom: 16px;
    border-radius: 50%;
    object-fit: cover
}

@media(max-width: 767px) {
    [data-module=team-wall] .profile-card:nth-child(3):last-child {
        grid-column:1/-1;
        display: inline-block;
        width: 136px;
        margin: 0 auto
    }
}

[data-module=sunny-car-banner] img {
    display: block;
    margin: 0 auto;
    border-radius: var(--border-radius)
}

[data-module=testimonials-slider] {
    max-width: 100vw;
    position: relative;
    overflow: hidden
}

[data-module=testimonials-slider] .container-intro {
    margin-bottom: var(--spacing-big)
}

[data-module=testimonials-slider] .tile {
    display: grid;
    gap: var(--spacing-small-medium);
    height: 100%
}

[data-module=testimonials-slider] .fw-slider-slide {
    padding: 36px;
    background-color: var(--color-ci-white);
    border-radius: var(--border-radius);
    width: 100%;
    max-width: 640px;
    min-height: 220px
}

[data-module=testimonials-slider] .fw-slider-slide .bottom-band {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
    align-self: end
}

@media(min-width: 1200px) {
    [data-module=testimonials-slider] .fw-slider-slide .bottom-band {
        flex-direction:row;
        align-items: center;
        justify-content: start
    }
}

[data-module=testimonials-slider] .fw-slider-buttons {
    position: relative;
    --button-size: 48px
}

[data-module=testimonials-slider] .fw-slider-buttons .fw-slider-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background-color: #efefef;
    width: var(--button-size);
    height: var(--button-size);
    display: grid;
    justify-content: center;
    align-content: center;
    --position: calc(var(--button-size) * -1 / 3)
}

[data-module=testimonials-slider] .fw-slider-buttons .fw-slider-button:hover {
    background-color: #d9dada
}

[data-module=testimonials-slider] .fw-slider-buttons .fw-slider-button.fw-slider-button-left {
    left: var(--position)
}

[data-module=testimonials-slider] .fw-slider-buttons .fw-slider-button.fw-slider-button-right {
    right: var(--position)
}

[data-module=testimonials-slider] .fw-slider-dots .fw-slider-dots-dot {
    background-color: #d9dada
}

[data-module=testimonials-slider] .fw-slider-dots .fw-slider-dots-dot.fs-slider-slide-visible {
    background: var(--color-ci-dolphin-gray)
}

[data-module=text-container] {
    display: flex
}

[data-module=text-container].small-container {
    max-width: 864px;
    margin: 0 auto
}

[data-module=text-container].small-container>* {
    padding: 0
}

@media(min-width: 1200px) {
    [data-module=text-container].small-container>* .headline-group {
        width:75%
    }
}

[data-module=text-container] .image-area {
    flex-basis: 50%;
    width: 50%
}

[data-module=text-container] .image-area img {
    aspect-ratio: 1/1
}

[data-module=text-container] .text-area {
    flex-basis: 100%;
    width: 100%
}

[data-module=text-container]:has(.image-area) .text-area {
    flex-basis: 50%;
    width: 50%
}

[data-module=text-container]:has(.image-area) .text-area>svg {
    display: none
}

@media(max-width: 1199px) {
    [data-module=text-container]:has(.image-area) .text-area {
        flex-basis:100%;
        width: 100%
    }
}

@media(max-width: 1199px) {
    [data-module=text-container] {
        flex-direction:column
    }

    [data-module=text-container] .image-area {
        flex-basis: 100%;
        width: 100%
    }
}

[data-module=text-container] .text-area {
    position: relative;
    padding: var(--spacing-medium);
    background-color: var(--color-ci-white);
    border-radius: var(--border-radius) 0 0 var(--border-radius);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small)
}

@media(min-width: 1200px) {
    [data-module=text-container] .text-area:has(+.image-area) {
        padding-right:56px
    }
}

@media(max-width: 1199px) {
    [data-module=text-container] .text-area {
        border-radius:var(--border-radius) var(--border-radius) 0 0
    }

    [data-module=text-container] .text-area:has(+.image-area) {
        padding-bottom: 56px
    }
}

[data-module=text-container] .text-area .headline-group {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small)
}

[data-module=text-container] .text-area .headline-group .subline,[data-module=text-container] .text-area .headline-group h2 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4
}

[data-module=text-container] .text-area .bullet-area {
    display: flex;
    gap: var(--spacing-small-medium);
    flex-wrap: wrap;
    margin: var(--spacing-small) 0
}

[data-module=text-container] .text-area .bullet-area .bullet {
    display: flex;
    gap: var(--spacing-tiny);
    justify-content: center
}

[data-module=text-container] .text-area .buttons-area {
    display: flex;
    gap: var(--spacing-small)
}

@media(max-width: 1199px) {
    [data-module=text-container] .text-area .buttons-area {
        flex-direction:column
    }
}

[data-module=text-container] .text-area .buttons-area .button {
    display: inline-flex;
    align-items: center
}

[data-module=text-container] .image-area {
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    overflow: hidden;
    position: relative
}

[data-module=text-container] .image-area .fw-slider {
    height: 100%
}

[data-module=text-container] .image-area .fw-slider .fw-slider-track {
    height: 100%;
    padding: 0
}

[data-module=text-container] .image-area picture {
    position: relative
}

@media(max-width: 1199px) {
    [data-module=text-container] .image-area {
        border-radius:0 0 var(--border-radius) var(--border-radius)
    }
}

[data-module=text-container] .image-area .slider-controls {
    position: absolute;
    bottom: 0;
    width: 100%
}

[data-module=text-container] .image-area .slider-controls .fw-slider-buttons {
    position: absolute;
    right: var(--spacing-small-medium);
    bottom: 12px
}

[data-module=text-container] .image-area .slider-controls .fw-slider-buttons .fw-slider-floating-button {
    display: flex;
    padding: 5px;
    background-color: var(--color-ci-neutral-dark-transparent-30);
    border-radius: var(--border-radius)
}

[data-module=text-container] .image-area .slider-controls .fw-slider-buttons .fw-slider-floating-button svg>path {
    fill: var(--color-ci-white)
}

[data-module=text-container].picture-left {
    flex-direction: row-reverse
}

[data-module=text-container].picture-left .text-area {
    border-radius: 0 var(--border-radius) var(--border-radius) 0
}

@media(min-width: 1200px) {
    [data-module=text-container].picture-left .text-area:has(+.image-area) {
        padding:var(--spacing-small-medium);
        padding-left: 56px
    }
}

[data-module=text-container].picture-left .image-area {
    border-radius: var(--border-radius) 0 0 var(--border-radius)
}

@media(max-width: 1199px) {
    [data-module=text-container].picture-left {
        flex-direction:column-reverse
    }

    [data-module=text-container].picture-left .text-area {
        border-radius: 0 0 var(--border-radius) var(--border-radius)
    }

    [data-module=text-container].picture-left .text-area:has(+.image-area) {
        padding-top: 56px
    }

    [data-module=text-container].picture-left .image-area {
        border-radius: var(--border-radius) var(--border-radius) 0 0
    }
}

[data-module=text-container].no-background .text-area {
    background-color: transparent;
    border-radius: 0
}

[data-module=text-container].no-background .image-area {
    border-radius: var(--border-radius)
}

[data-module=text-container]:not(:has(.image-area)) .text-area {
    border-radius: var(--border-radius)
}

[data-module=text-container]:not(:has(.image-area)) .text-area:has(>svg)>svg {
    position: absolute;
    top: 24px;
    right: 24px
}

@media(max-width: 1199px) {
    [data-module=text-container]:not(:has(.image-area)) .text-area:has(>svg) {
        padding-top:120px
    }
}

[data-module=room-card-details] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-tiny)
}

[data-module=room-card-details] .heading>div {
    margin-top: 16px
}

[data-module=room-card-details] .block {
    display: flex;
    gap: 6px
}

[data-module=room-card-details] .block.button-links {
    margin-top: 10px
}

[data-module=room-card-details] .block.button-links .button-like {
    padding: 14px
}

[data-module=room-card-details] .block.usps {
    align-items: center
}

@media(max-width: 1199px) {
    [data-module=room-card-details] .block:not(.mobileVisible),[data-module=room-card-details] h3,[data-module=room-card-details] hr {
        display:none
    }

    [data-module=room-card-details] .heading>div {
        margin-top: 0
    }
}

[data-module=room-card] {
    background-color: #fff;
    width: 100%;
    padding: var(--spacing-small-medium);
    border-radius: var(--border-radius)
}

[data-module=room-card] .contentblock {
    display: flex;
    flex-direction: row;
    gap: var(--gap-small)
}

[data-module=room-card] .mobileTitle {
    display: none
}

[data-module=room-card] .image-area {
    max-width: 500px;
    border-radius: var(--border-radius);
    position: relative;
    line-height: 0
}

[data-module=room-card] .image-area .room-details-mobile-image {
    display: none
}

[data-module=room-card] .image-area .fw-slider {
    position: relative
}

[data-module=room-card] .image-area .fw-slider .fw-slider-track {
    padding: 0
}

[data-module=room-card] .image-area .fw-slider .fw-slider-track .fw-slider-slide {
    width: unset
}

[data-module=room-card] .image-area .fw-slider .fw-slider-track .fw-slider-slide>* {
    height: auto
}

[data-module=room-card] .image-area .fw-slider .fw-slider-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

[data-module=room-card] .image-area .fw-slider .fw-slider-buttons {
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 15px
}

[data-module=room-card] .image-area picture img {
    border-radius: var(--border-radius);
    height: 100%
}

[data-module=room-card] .info-area {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1
}

[data-module=room-card] .info-area .button-links a,[data-module=room-card] .info-area .button-links button {
    border: 2px solid rgba(0,0,0,.3);
    border-radius: 60px;
    padding: var(--spacing-small);
    text-decoration: none
}

[data-module=room-card] .info-area .mobile-details-dialog {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%
}

[data-module=room-card] .room-details {
    display: none!important;
    border-color: #d3d3d3;
    padding: 12px 20px
}

[data-module=room-card] .room-details:focus,[data-module=room-card] .room-details:hover,[data-module=room-card] .room-details:target {
    border-color: grey
}

[data-module=room-card] .room-details:focus:after,[data-module=room-card] .room-details:hover:after,[data-module=room-card] .room-details:target:after {
    background-color: #000!important
}

@media(max-width: 1199px) {
    [data-module=room-card] {
        display:flex;
        gap: 16px;
        flex-direction: column;
        margin: 0
    }

    [data-module=room-card] .contentblock {
        gap: var(--spacing-small)
    }

    [data-module=room-card] .contentblock .image-area {
        flex: .45;
        max-width: 45%
    }

    [data-module=room-card] .contentblock .info-area {
        flex: .55;
        max-width: 55%;
        hyphens: auto
    }

    [data-module=room-card] .mobileTitle {
        display: block
    }

    [data-module=room-card] .info-area {
        justify-content: space-between
    }

    [data-module=room-card] .room-details {
        display: block!important
    }

    [data-module=room-card] .image-area .fw-slider {
        display: none
    }

    [data-module=room-card] .image-area .room-details-mobile-image {
        display: block;
        width: 100%;
        height: 100%
    }

    [data-module=room-card] .image-area .room-details-mobile-image img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }

    [data-module=room-card] dialog.mobile-details-dialog {
        padding: var(--spacing-medium);
        gap: var(--spacing-small);
        display: none;
        flex-direction: column
    }

    [data-module=room-card] dialog.mobile-details-dialog[open] {
        display: flex
    }

    [data-module=room-card] dialog.mobile-details-dialog .header-area {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    [data-module=room-card] dialog.mobile-details-dialog .header-area .close-button {
        width: 44px;
        height: 44px;
        position: relative;
        border: 1px solid transparent;
        border-radius: 50%
    }

    [data-module=room-card] dialog.mobile-details-dialog .header-area .close-button:focus,[data-module=room-card] dialog.mobile-details-dialog .header-area .close-button:hover,[data-module=room-card] dialog.mobile-details-dialog .header-area .close-button:target {
        border-color: grey
    }

    [data-module=room-card] dialog.mobile-details-dialog .header-area .close-button:after {
        content: "";
        position: absolute;
        left: 6px;
        top: 6px;
        width: 24px;
        height: 24px;
        display: inline-block;
        padding: 12px;
        background-size: 30px;
        background-image: url('data:image/svg+xml, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Icon/Outline/24px/XMark"><path id="Union" fill="black" fill-rule="evenodd" clip-rule="evenodd" d="M5.46967 17.4697C5.17678 17.7626 5.17678 18.2375 5.46967 18.5304C5.76256 18.8233 6.23744 18.8233 6.53033 18.5304L12 13.0607L17.4697 18.5305C17.7626 18.8234 18.2375 18.8234 18.5304 18.5305C18.8233 18.2376 18.8233 17.7627 18.5304 17.4698L13.0607 12.0001L18.5304 6.53033C18.8233 6.23744 18.8233 5.76256 18.5304 5.46967C18.2375 5.17678 17.7626 5.17678 17.4697 5.46967L12 10.9394L6.53033 5.46974C6.23744 5.17684 5.76256 5.17684 5.46967 5.46974C5.17678 5.76263 5.17678 6.2375 5.46967 6.5304L10.9393 12.0001L5.46967 17.4697Z"/></g></svg>')
    }

    [data-module=room-card] dialog.mobile-details-dialog [data-module=room-card-details] h3,[data-module=room-card] dialog.mobile-details-dialog [data-module=room-card-details] hr {
        display: block
    }

    [data-module=room-card] dialog.mobile-details-dialog [data-module=room-card-details] .block {
        display: flex
    }

    [data-module=room-card] dialog.mobile-details-dialog [data-module=room-card-details] .block.button-links {
        flex-wrap: wrap
    }
}