* {
    /*outline: 1px dotted rebeccapurple;*/
}

::-webkit-scrollbar-track {
    background: transparent;
}

html {
    --scroll-behavior: auto;
    scroll-behavior: auto;
}

body {
    margin: 0;
}

@media screen and (min-width: 1150px) {
    html {
        --scroll-behavior: smooth;
        scroll-behavior: smooth;
    }
}

button,
a,
[role=button] {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

[x-cloak] {
    display: none !important;
    transition: all 1s;
}

.textContent h1 {
    margin-bottom: 1.5rem;
    font-family: playfair-display, Georgia, serif;
    font-size: 40px;
    line-height: 1.25;
}

@media (min-width: 768px) {

    .textContent h1 {
        margin-bottom: 2rem;
    }
}

@media (min-width: 1024px) {

    .textContent h1 {
        margin-bottom: 3rem;
        font-size: 50px;
    }
}

.textContent h2 {
    margin-bottom: 1.5rem;
    font-family: playfair-display, Georgia, serif;
    font-size: 24px;
    line-height: 1.25;
}

@media (min-width: 1024px) {

    .textContent h2 {
        font-size: 30px;
    }
}

.textContent h4 {
    font-size: 15px;
}

@media (min-width: 1024px) {

    .textContent h4 {
        font-size: 18px;
    }
}

.textContent p + figure,
    .textContent p + picture,
    .textContent p + img {
    margin-top: 1.5rem !important;
}

.textContent p {
    margin-bottom: 1rem;
}

.two-cols-simple--text .textContent h1,
        .two-cols-simple--text .textContent h2 {
    margin-bottom: 1.5rem;
    font-family: playfair-display, Georgia, serif;
    font-size: 40px;
    line-height: 1.25;
}

@media (min-width: 768px) {

    .two-cols-simple--text .textContent h1,
        .two-cols-simple--text .textContent h2 {
        margin-bottom: 2rem;
    }
}

@media (min-width: 1024px) {

    .two-cols-simple--text .textContent h1,
        .two-cols-simple--text .textContent h2 {
        margin-bottom: 3rem;
        font-size: 50px;
    }
}

.two-cols-simple-block--gallery .textContent h2 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-family: playfair-display, Georgia, serif;
    font-size: 24px;
    line-height: 1.25;
}

@media (min-width: 768px) {

    .two-cols-simple-block--gallery .textContent h2 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
}

@media (min-width: 1024px) {

    .two-cols-simple-block--gallery .textContent h2 {
        margin-top: 3rem;
        margin-bottom: 3rem;
        font-size: 30px;
    }
}

.swiper-header .textContent h1,
        .swiper-header .textContent h2 {
    margin-bottom: 3rem;
    font-family: playfair-display, Georgia, serif;
    font-size: 50px;
    line-height: 1.25;
}

@media (min-width: 1024px) {

    .swiper-header .textContent h1,
        .swiper-header .textContent h2 {
        font-size: 80px;
    }
}

@media (min-width: 1280px) {

    .swiper-header .textContent h1,
        .swiper-header .textContent h2 {
        font-size: 110px;
    }
}

.textContent ul,
    .textContent li,
    .textContent p {
    font-size: 16px;
    line-height: 1.25;
}

@media (min-width: 1024px) {

    .textContent ul,
    .textContent li,
    .textContent p {
        font-size: 18px;
    }
}

footer .textContent ul, footer .textContent li, footer .textContent p {
    font-size: 16px;
}

.textContent ul strong,
        .textContent ul b,
        .textContent li strong,
        .textContent li b,
        .textContent p strong,
        .textContent p b {
    font-weight: 600;
}

.textContent ul strong span.caps, .textContent ul b span.caps, .textContent li strong span.caps, .textContent li b span.caps, .textContent p strong span.caps, .textContent p b span.caps {
                font-size: 17px;
            }

.textContent ul {
    margin-bottom: 1rem;
}

.textContent ul li {
    position: relative;
    padding-left: 0.5rem;
}

.textContent ul li:before {
                content: '•';
                position: relative;
                left: -0.5rem;
                --tw-text-opacity: 1;
                color: rgb(155 155 155 / var(--tw-text-opacity));
            }

.textContent ol {
    margin-bottom: 1rem;
    list-style-position: outside;
    list-style-type: decimal;
    padding-left: 2rem;
}

.textContent ol li {
    margin-bottom: 0.25rem;
}

.textContent p a {
    text-decoration-line: underline;
}

/*&.textIntro {

        & ul,
        & li,
        & p {
            @apply leading-tight text-medium lg:text-lg;
        }
    }*/

.swiper-header .textContent * {
            text-shadow: -5px 5px 10px rgba(0,0,0,.35) !important;
        }

.accordion {
    position: relative;
}

.accordion + .accordion {
    border-top-width: 0px;
}

.accordion.accordion-closed .accordion-title {
    border-bottom-width: 0px;
}

.accordion.accordion-opened .accordion-title {
    --tw-bg-opacity: 1;
    background-color: rgb(241 240 236 / var(--tw-bg-opacity));
}

.accordion.accordion-opened svg {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.accordion + .textContent {
    margin-top: 3rem;
}

.accordion:last-child {
    margin-bottom: 3rem;
}

.standard-page-container {
    width: 100%;
}

@media (min-width: 100%) {

    .standard-page-container {
        max-width: 100%;
    }
}

@media (min-width: 1024px) {

    .standard-page-container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {

    .standard-page-container {
        max-width: 1280px;
    }
}

@media (min-width: 1556px) {

    .standard-page-container {
        max-width: 1556px;
    }
}

.standard-page-container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px) {

    .standard-page-container {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
}

@media (min-width: 1024px) {

    .standard-page-container {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
}

@media (min-width: 1280px) {

    .standard-page-container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.blog-entry .standard-page-container {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px) {

    .blog-entry .standard-page-container {
        margin-top: 3rem;
    }
}

@media (min-width: 1024px) {

    .blog-entry .standard-page-container {
        margin-top: 4rem;
        max-width: 56rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1280px) {

    .blog-entry .standard-page-container {
        padding-left: 3rem;
        padding-right: 3rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.weissestal-form {
    max-width: 32rem;
}

.weissestal-form .g-recaptcha {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.weissestal-form .wf-group {
    margin-bottom: 1rem;
}

form ul.errors {
    margin-bottom: 1rem;
    margin-top: -0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(174 0 1 / var(--tw-bg-opacity));
    padding: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.weissestal-form .fake-checkbox,
.fake-radio,
.fake-checkbox {
    margin-left: 16px;
}

.weissestal-form .fake-checkbox input[type="radio"],
    .weissestal-form .fake-checkbox input[type="checkbox"],
    .fake-radio input[type="radio"],
    .fake-radio input[type="checkbox"],
    .fake-checkbox input[type="radio"],
    .fake-checkbox input[type="checkbox"] {
        visibility: hidden;
        opacity: 0;
        height: 0;
        width: 0;
    }

.weissestal-form .fake-checkbox label, .fake-radio label, .fake-checkbox label {
        position: relative;
        padding-left: 6px;
        cursor: pointer;
        font-size: 16px;
    }

@media (min-width: 1024px) {

    .weissestal-form .fake-checkbox label, .fake-radio label, .fake-checkbox label {
        font-size: 18px;
    }
}

.weissestal-form .fake-checkbox label::before,
        .weissestal-form .fake-checkbox label::after,
        .fake-radio label::before,
        .fake-radio label::after,
        .fake-checkbox label::before,
        .fake-checkbox label::after {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

.weissestal-form .fake-checkbox label::before, .fake-radio label::before, .fake-checkbox label::before {
            content: "";
            display: inline-block;
            border-radius: 9999px;
            border-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
            width: 12px;
            height: 12px;
            padding: 6px;
            left: -14px;
        }

@media (min-width: 1024px) {

.weissestal-form .fake-checkbox label::before, .fake-radio label::before, .fake-checkbox label::before {
                width: 16px;
                height: 16px;
                padding: 8px;
                left: -20px
        }
            }

.weissestal-form .fake-checkbox label::after, .fake-radio label::after, .fake-checkbox label::after {
            content: "";
            display: inline-block;
            border-radius: 9999px;
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            width: 6px;
            height: 6px;
            padding: 4px;
            left: -11px;
        }

@media (min-width: 1024px) {

.weissestal-form .fake-checkbox label::after, .fake-radio label::after, .fake-checkbox label::after {
                width: 10px;
                height: 10px;
                left: -16px
        }
            }

.weissestal-form .fake-checkbox.positive label::before, .fake-radio.positive label::before, .fake-checkbox.positive label::before {
    --tw-border-opacity: 1;
    border-color: rgb(74 74 74 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.weissestal-form .fake-checkbox.positive label::after, .fake-radio.positive label::after, .fake-checkbox.positive label::after {
    --tw-bg-opacity: 1;
    background-color: rgb(74 74 74 / var(--tw-bg-opacity));
}

.weissestal-form .fake-checkbox.base-position label::before, .fake-radio.base-position label::before, .fake-checkbox.base-position label::before {
        left: -4px;
    }

.weissestal-form .fake-checkbox.base-position label::after, .fake-radio.base-position label::after, .fake-checkbox.base-position label::after {
        left: 0;
    }

.weissestal-form .fake-checkbox input[type="radio"] + label::after,
    .weissestal-form .fake-checkbox input[type="checkbox"] + label::after,
    .fake-radio input[type="radio"] + label::after,
    .fake-radio input[type="checkbox"] + label::after,
    .fake-checkbox input[type="radio"] + label::after,
    .fake-checkbox input[type="checkbox"] + label::after {
        content: none;
    }

.weissestal-form .fake-checkbox input[type="radio"]:checked + label::after,
    .weissestal-form .fake-checkbox input[type="checkbox"]:checked + label::after,
    .fake-radio input[type="radio"]:checked + label::after,
    .fake-radio input[type="checkbox"]:checked + label::after,
    .fake-checkbox input[type="radio"]:checked + label::after,
    .fake-checkbox input[type="checkbox"]:checked + label::after {
        content: "";
    }

.weissestal-form .fake-checkbox input[type="radio"]:focus + label::before,
    .weissestal-form .fake-checkbox input[type="checkbox"]:focus + label::before,
    .fake-radio input[type="radio"]:focus + label::before,
    .fake-radio input[type="checkbox"]:focus + label::before,
    .fake-checkbox input[type="radio"]:focus + label::before,
    .fake-checkbox input[type="checkbox"]:focus + label::before {
        outline: rgb(59, 153, 252) auto 5px;
    }

.weissestal-form .wf-checkbox {
    display: flex;
    align-items: center;
}

.weissestal-form .fake-checkbox label {
    font-size: 16px;
}

.weissestal-form .fake-checkbox label::before {
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-border-opacity: 1;
    border-color: rgb(74 74 74 / var(--tw-border-opacity));
            width: 12px;
            height: 12px;
            padding: 6px;
            left: -14px;
}

.weissestal-form .fake-checkbox label::after {
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(74 74 74 / var(--tw-bg-opacity));
            height: 6px;
            width: 6px;
            padding: 4px;
            left: -11px;
}

.field.has-errors input {
    --tw-border-opacity: 1;
    border-color: rgb(174 0 1 / var(--tw-border-opacity));
}

.field.has-errors * {
    --tw-text-opacity: 1;
    color: rgb(174 0 1 / var(--tw-text-opacity));
}

.payment-form-fields legend {
    margin-bottom: 0px;
}

input[type=date],
input[type=time] {
    -webkit-appearance: none;
}

.StripeElement,
.gateway-payment-form input,
.InputElement,
.weissestal-form .textarea textarea,
.weissestal-form input[type=text],
.weissestal-form input[type=email],
.weissestal-form input[type=date],
.weissestal-form input[type=time],
.weissestal-form input[type=password],
.weissestal-form input[type=tel],
.standard-input {
    margin-top: 0.25rem;
    width: 100%;
    border-radius: 0px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(155 155 155 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    line-height: 1.25;
}

@media (min-width: 768px) {

    .StripeElement,
.gateway-payment-form input,
.InputElement,
.weissestal-form .textarea textarea,
.weissestal-form input[type=text],
.weissestal-form input[type=email],
.weissestal-form input[type=date],
.weissestal-form input[type=time],
.weissestal-form input[type=password],
.weissestal-form input[type=tel],
.standard-input {
        margin-top: 0.5rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

.StripeElement,
.gateway-payment-form input,
.InputElement,
.weissestal-form .textarea textarea,
.weissestal-form input[type=text],
.weissestal-form input[type=email],
.weissestal-form input[type=date],
.weissestal-form input[type=time],
.weissestal-form input[type=password],
.weissestal-form input[type=tel],
.standard-input {
    min-height: 42px;
}

.StripeElement.error, .gateway-payment-form input.error, .InputElement.error, .weissestal-form .textarea textarea.error, .weissestal-form input[type=text].error, .weissestal-form input[type=email].error, .weissestal-form input[type=date].error, .weissestal-form input[type=time].error, .weissestal-form input[type=password].error, .weissestal-form input[type=tel].error, .standard-input.error {
    --tw-border-opacity: 1;
    border-color: rgb(174 0 1 / var(--tw-border-opacity));
}

.standard-select-container {
    position: relative;
    margin-top: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(252 231 243 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {

    .standard-select-container {
        margin-top: 0.5rem;
    }
}

.standard-select-container:after {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" viewBox="0 0 222 422"><g transform="rotate(90 111 211)"><path fill-rule="nonzero" d="M4 4c4-4 12-4 16 0h1l197 202c5 5 5 12 0 17L21 418a12 12 0 0 1-18-16l1-1 189-186L3 21C-1 17-1 9 3 5l1-1Z"/></g></svg>');
        top: 1px;
        bottom: 0;
        pointer-events: none;
        position: absolute;
        right: 0px;
        z-index: 50;
        display: block;
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        border-left-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(155 155 155 / var(--tw-border-opacity));
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

@media (min-width: 768px) {

    .standard-select-container:after {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

.standard-select-container select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    border-radius: 0px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(155 155 155 / var(--tw-border-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    line-height: 1.25;
}

@media (min-width: 768px) {

    .standard-select-container select {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

select {
    -moz-appearance: none;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.weissestal-form input[type=submit],
.weissestal-form button,
.standard-submit {
    margin-top: 0.5rem;
    display: inline-block;
    cursor: pointer;
    border-radius: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(155 155 155 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.weissestal-form input[type=submit]:hover,
.weissestal-form button:hover,
.standard-submit:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

    .weissestal-form input[type=submit],
.weissestal-form button,
.standard-submit {
        padding-left: 2.25rem;
        padding-right: 2.25rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

.weissestal-form input[type=submit],
.weissestal-form button,
.standard-submit {
    --tw-bg-opacity: 1;
    background-color: rgb(74 74 74 / var(--tw-bg-opacity));
    background: linear-gradient(to left, #4A4A4A 50%, #9B9B9B 50%) right;
}

.weissestal-form input[type=submit].small-submit, .weissestal-form button.small-submit, .standard-submit.small-submit {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

@media (min-width: 1024px) {

    .weissestal-form input[type=submit].small-submit, .weissestal-form button.small-submit, .standard-submit.small-submit {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

.weissestal-form input[type=submit].smallest-submit, .weissestal-form button.smallest-submit, .standard-submit.smallest-submit {
    --tw-bg-opacity: 1;
    background-color: rgb(155 155 155 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.weissestal-form input[type=submit].text-only, .weissestal-form button.text-only, .standard-submit.text-only {
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(155 155 155 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
        background: none !important;
}

.weissestal-form input[type=submit].text-only:hover, .weissestal-form button.text-only:hover, .standard-submit.text-only:hover {
    --tw-text-opacity: 1;
    color: rgb(74 74 74 / var(--tw-text-opacity));
}

.blog-entry .two-cols-simple-block.two-cols-simple-block--text-only .two-cols-simple--grid {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

@media (min-width: 768px) {

    .blog-entry .two-cols-simple-block.two-cols-simple-block--text-only .two-cols-simple--grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {

    .blog-entry .two-cols-simple-block.two-cols-simple-block--text-only .two-cols-simple--grid {
        max-width: 56rem;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.blog-entry .two-cols-simple-block.two-cols-simple-block--text-only .two-cols-simple--grid .two-cols-simple--text {
    max-width: 100%;
}

@media (min-width: 768px) {

    .blog-entry .two-cols-simple-block.two-cols-simple-block--text-only .two-cols-simple--grid .two-cols-simple--text {
        grid-column: span 1 / span 1;
    }
}

@media (min-width: 1024px) {

    .blog-entry .two-cols-simple-block.two-cols-simple-block--text-only .two-cols-simple--grid .two-cols-simple--text {
        grid-column-start: 1;
        margin-left: 0px;
    }
}

.blog-entry .two-cols-simple-block.two-cols-simple-block--text-only .two-cols-simple--grid .two-cols-simple--text img,
                    .blog-entry .two-cols-simple-block.two-cols-simple-block--text-only .two-cols-simple--grid .two-cols-simple--text iframe {
    max-width: 100%;
}

.two-cols-simple--media picture {
    width: 100%;
}

@media screen and (min-width: 768px) {

.embedded-asset--hr {
        min-width: calc(100vw * 0.5625)
}
    }

@media screen and (min-width: 1556px) {

.embedded-asset--hr {
        max-width: 876px;
        min-width: auto
}
    }

@supports not (aspect-ratio: 1 / 1) {

.embedded-asset--hr {
        overflow: hidden;
        position: relative;
        padding-top: 56.25%;
        width: 100%
}
    }

.embedded-asset--hr iframe,
    .embedded-asset--hr object,
    .embedded-asset--hr embed {
        aspect-ratio: 16/9;
        height: auto;
        max-width: 100%;
    }

@media screen and (min-width: 768px) {

.embedded-asset--hr iframe,
    .embedded-asset--hr object,
    .embedded-asset--hr embed {
            min-width: calc(100vw * 0.5625)
    }
        }

@media screen and (min-width: 1556px) {

.embedded-asset--hr iframe,
    .embedded-asset--hr object,
    .embedded-asset--hr embed {
            min-width: auto;
            max-width: 876px
    }
        }

@supports not (aspect-ratio: 16 / 9) {

.embedded-asset--hr iframe,
    .embedded-asset--hr object,
    .embedded-asset--hr embed {
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            right: 0
    }

            .mediaTextBlock--hr-textLeft .embedded-asset--hr iframe, .mediaTextBlock--hr-textLeft .embedded-asset--hr object, .mediaTextBlock--hr-textLeft .embedded-asset--hr embed {
                left: 0;
            }
        }

.rwd-video {
    position: relative;
    height: 0px;
    overflow: hidden;
    padding-top: 2rem;
    padding-bottom: 56.25%;
}

.rwd-video iframe,
    .rwd-video object,
    .rwd-video embed {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
}

@supports (aspect-ratio: 1 / 1) {

.rwd-video {
        height: auto;
        padding-top: 0px;
        padding-bottom: 0px;
        aspect-ratio: 16/9;
    }

        .rwd-video iframe,
        .rwd-video object,
        .rwd-video embed {
        position: relative;
        height: 100%;
        width: 100%;
    }

    }

.responsive-map {
    position: relative;
    height: 0px;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 73.9%;
}

.responsive-map iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.editor-in-product .mediaTextBlock:first-child .mediaTextBlock-media,
    .editor-in-product .mediaTextBlock:first-child .mediaTextBlock-span,
    .editor-in-product .mediaTextBlock:first-child .mediaTextBlock-text {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

@media screen and (max-width: 680px) {

.mediaTextBlock.mediaTextBlock--hr .mediaTextBlock-media {
                transform: translateX(-50%);
                position: relative;
                left: 50%;
                width: 100vw;
                padding: 0;
                margin: 0
        }
            }

@media (min-width: 768px) {

.mediaTextBlock.mediaTextBlock--hr .mediaTextBlock-media img {
                    max-width: 460px;
                    width: 460px
            }
                }

@media screen and (min-width: 910px) {

.mediaTextBlock.mediaTextBlock--hr .mediaTextBlock-media img {
                    max-width: 530px;
                    width: 530px
            }
                }

@media (min-width: 1280px) {

.mediaTextBlock.mediaTextBlock--hr .mediaTextBlock-media img {
                    max-width: 730px;
                    width: 730px
            }
                }

@media (min-width: 1556px) {

.mediaTextBlock.mediaTextBlock--hr.overflowing-image .mediaTextBlock-media img {
                        max-width: 875px;
                        width: 875px
                }
                    }

@media (min-width: 768px) {

.mediaTextBlock.mediaTextBlock--vr .mediaTextBlock-media {
                max-width: 100%;
                width: 100%
        }
            }

@media screen and (min-width: 910px) {

.mediaTextBlock.mediaTextBlock--vr .mediaTextBlock-media {
                max-width: 100%;
                width: 100%
        }
            }

@media (min-width: 1556px) {

.mediaTextBlock.mediaTextBlock--vr .mediaTextBlock-media img {
                    max-width: 100%;
                    max-height: 810px
            }

.mediaTextBlock.mediaTextBlock--vr.overflowing-image .mediaTextBlock-media img {
                        max-width: none;
                        max-height: 810px
                }
                }

.collezioneesclusiva .mediaTextBlock {
    position: relative;
    left: 50%;
    right: 50%;
        width: 100vw;
        margin-left: -50vw;
        margin-right: -50vw;
}

.collezioneesclusiva .mediaTextBlock .mediaTextBlock-media img {
    max-width: 100% !important;
    --tw-translate-y: -3rem !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

@media (min-width: 1024px) {

    .collezioneesclusiva .mediaTextBlock .mediaTextBlock-media img {
        --tw-translate-y: 3rem !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    }
}

.collezioneesclusiva .mediaTextBlock.mediaTextBlock--sfondoContrastato .mediaTextBlock-span,
            .collezioneesclusiva .mediaTextBlock.mediaTextBlock--sfondoContrastato .mediaTextBlock-text,
            .collezioneesclusiva .mediaTextBlock.mediaTextBlock--sfondoContrastato .mediaTextBlock-media {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(241 240 236 / var(--tw-bg-opacity)) !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

@media (min-width: 1024px) {

    .collezioneesclusiva .mediaTextBlock.mediaTextBlock--hr-textLeft .mediaTextBlock-text {
        grid-column: span 4 / span 4 !important;
        grid-column-start: 2 !important;
    }

    .collezioneesclusiva .mediaTextBlock.mediaTextBlock--hr-textLeft .mediaTextBlock-media {
        grid-column: span 4 / span 4 !important;
        grid-column-start: 6 !important;
    }

    .collezioneesclusiva .mediaTextBlock.mediaTextBlock--hr-textRight .mediaTextBlock-media {
        grid-column: span 4 / span 4 !important;
        grid-column-start: 2 !important;
    }

    .collezioneesclusiva .mediaTextBlock.mediaTextBlock--hr-textRight .mediaTextBlock-text {
        grid-column: span 4 / span 4 !important;
        grid-column-start: 6 !important;
    }
}

#CookiebotWidget :focus-visible,
#CookiebotWidget:not(.CookiebotWidget-open) .Cookiebotwidget-logo {
    outline: none !important;
}

.weissestal-form button,
    li:focus .weissestal-form button,
    .weissestal-form input[type=submit],
    li:focus .weissestal-form input[type=submit],
    .animated-button,
    li:focus .animated-button {
    --tw-bg-opacity: 1;
    background-color: rgb(74 74 74 / var(--tw-bg-opacity));
        background: linear-gradient(to left, #4A4A4A 50%, #9B9B9B 50%) right;
}

.animated-button-inverted,
    li:focus .animated-button-inverted {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        background: linear-gradient(to left, #fff 50%, #9B9B9B 50%) right;
}

.weissestal-form button,
    li:focus .weissestal-form button,
    .weissestal-form input[type=submit],
    li:focus .weissestal-form input[type=submit],
    .animated-button-inverted,
    li:focus .animated-button-inverted,
    .animated-button,
    li:focus .animated-button {
        background-size: 202%;
        transition: background-position .5s ease-out;
    }

.weissestal-form button:hover, li:focus .weissestal-form button:hover, .weissestal-form input[type=submit]:hover, li:focus .weissestal-form input[type=submit]:hover, .animated-button-inverted:hover, li:focus .animated-button-inverted:hover, .animated-button:hover, li:focus .animated-button:hover {
            background-position: left;
        }

.animated-caret {
    will-change: contents;
}

.animated-caret:hover .caret-container span,
        .animated-caret:hover .caret-container svg {
            animation: animatedCaret .85s ease-in-out;
        }

.animated-reload {
    will-change: contents;
}

.animated-reload:hover span,
        .animated-reload:hover svg {
    --tw-rotate: 360deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes animatedCaret {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    48% {
        opacity: 1;
        transform: translateX(300%);
    }
    49% {
        opacity: 0;
    }
    50% {
        opacity: 0;
        transform: translateX(-300%);
    }
    51% {
        opacity: 0;
    }
    52% {
        opacity: 1;
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.stripe-payment-intents-form {
    width: 100% !important;
}

.gateway-payment-form .grid,
.gateway-payment-form .card-data div div:nth-child(2) {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    display: flex;
}

.gateway-payment-form .grid .item,
.gateway-payment-form input.card-expiry,
.gateway-payment-form input.card-cvc {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    width: 50%;
}

.iubenda_legal_document h3, .iubenda_embed_policy h3 {
    margin-bottom: 1rem;
    font-family: playfair-display, Georgia, serif;
    font-size: 24px;
}

.iubenda_legal_document h4, .iubenda_embed_policy h4 {
    font-weight: 700;
}

.iubenda_legal_document p strong, .iubenda_embed_policy p strong {
    font-weight: 700;
}

.gallery-images {
    width: 100vw;
    max-width: 100%;
    max-height: 670px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 580px) {

.gallery-images {
        width: 80vw
}
    }

@media screen and (min-width: 768px) {

.gallery-images {
        width: 60vw
}
    }

@media screen and (min-width: 1024px) {

.gallery-images {
        width: 43vw;
        height: 43vw
}
    }

@media screen and (min-width: 1471px) {

.gallery-images {
        height: 670px;
        width: 670px;
        max-width: 670px
}
    }

.gallery-images .swiper-slide {
        aspect-ratio: 1 / 1;
    }

@supports not (aspect-ratio: 1 / 1) {

            @media screen and (min-width: 1024px) {

.gallery-images .swiper-slide {
                position: relative
    }

                .gallery-images .swiper-slide picture {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                }
            }
        }

.set-introduction-container .gallery-container {
    --tw-bg-opacity: 1;
    background-color: rgb(241 240 236 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {

    .set-introduction-container .gallery-container {
        background-color: transparent;
    }
}

.gallery--navigation {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    text-align: center;
}

@media (min-width: 768px) {

    .gallery--navigation {
        top: 0px;
    }
}

@media (min-width: 1024px) {

    .gallery--navigation {
        position: absolute;
        z-index: 50;
        height: 100%;
        flex-direction: column;
        justify-content: center;
        align-self: center;
        padding-left: 0px;
        padding-right: 0px;
        --tw-translate-x: -8rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.gallery--navigation .gallery--navigation-arrow {
    display: flex;
    width: 6rem;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {

    .gallery--navigation .gallery--navigation-arrow {
        height: 100%;
    }
}

@media (min-width: 1024px) {

    .gallery--navigation .gallery--navigation-arrow {
        width: auto;
    }
}

.modal-container .gallery--navigation .gallery--navigation-arrow svg {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.gallery-block--navigation {
    position: relative;
    z-index: 50;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    text-align: center;
}

.swiper-style-entry img,
    .swiper-style-entry picture,
    .swiper-style-entry figure,
    .swiper-style-gallery img,
    .swiper-style-gallery picture,
    .swiper-style-gallery figure {
        max-height: 650px;
    }

.nav-checkout .nav-checkout--element {
    pointer-events: none;
    position: absolute;
    left: -0.375rem;
    top: 50%;
    height: 0.75rem;
    width: 0.75rem;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(74 74 74 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {

    .nav-checkout .nav-checkout--element {
        bottom: -0.75rem;
        left: 50%;
        top: auto;
        height: 1.5rem;
        width: 1.5rem;
        --tw-translate-y: 0px;
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.nav-checkout .nav-checkout--element.current {
    --tw-bg-opacity: 1;
    background-color: rgb(74 74 74 / var(--tw-bg-opacity));
}

.nav-checkout .nav-checkout--element.done {
    pointer-events: auto;
    --tw-bg-opacity: 1;
    background-color: rgb(241 240 236 / var(--tw-bg-opacity));
}

.nav-checkout .nav-checkout--element.available {
    pointer-events: auto;
}

.nav-checkout .nav-checkout--element.available:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 240 236 / var(--tw-bg-opacity));
}