@media (max-width: 1459px) {

    :root {
        --container--width: calc(var(--viewport--width) - 200px);
    }




    .site-featured-media h1:not(:last-child) {
        margin-bottom: 25px;
    }


    .site-heading.size-extra-extra-large {
        font-size: 77px;
        line-height: 99px;
    }




    .home-page .presentation .text {
        padding-bottom: 64px;
    }


    .home-page .facilities .list h3 {
        font-size: 19px;
        line-height: 27px;
        padding-bottom: 4px;
        padding-top: 7px;
    }

}




@media (max-width: 1399px) {

    .site-media.aspect-ratio-3 {
        padding-top: 88%;
    }




    .wellness-spa-page .procedures .control::before {
        padding-top: 88%;
    }

    .wellness-spa-page .procedures .control.prev button {
        left: -22px;
    }

    .wellness-spa-page .procedures .control.next button {
        right: -22px;
    }

}




@media (max-width: 1369px) {

    .wellness-spa-page .vouchers .actions {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .wellness-spa-page .vouchers .button:not(:last-child) {
        margin-bottom: 10px;
    }

}




@media (max-width: 1329px) {

    .site-page.has-margin {
        margin-bottom: 80px;
    }


    .site-media.aspect-ratio-1 {
        height: 480px;
    }

    .site-media.aspect-ratio-3 {
        padding-top: 100%;
    }

    .site-media.aspect-ratio-5 {
        padding-top: 100%;
    }

    .site-media.aspect-ratio-6 {
        padding-top: 152%;
    }


    .site-featured-media h1:not(:last-child) {
        margin-bottom: 23px;
    }


    .site-heading.size-small {
        font-size: 21px;
        line-height: 29px;
    }

    .site-heading.size-medium {
        font-size: 31px;
        line-height: 39px;
    }

    .site-heading.size-large {
        font-size: 41px;
        line-height: 49px;
    }

    .site-heading.size-extra-large {
        font-size: 63px;
        line-height: 75px;
    }

    .site-heading.size-extra-extra-large {
        font-size: 75px;
        line-height: 97px;
    }


    .site-button.style-filled {
        padding-left: 40px;
        padding-right: 40px;
    }

    .site-button.style-outline {
        padding-left: 38px;
        padding-right: 38px;
    }


    .site-featured-media {
        margin-bottom: 64px;
    }

    .site-featured-media .text {
        padding: 0 96px 14px;
    }


    .site-text-media.media-right {
        grid-column-gap: 96px;
        grid-template-columns: auto calc((((var(--container--width) - (32px * 3)) / 4) * 2) + 32px);
    }

    .site-text-media.media-left {
        grid-column-gap: 72px;
        grid-template-columns: calc((((var(--container--width) - (32px * 3)) / 4) * 2) + 32px) auto;
    }

    .site-text-media h2 {
        margin-bottom: 14px;
    }


    .site-gallery .media {
        width: calc((((var(--container--width) - (32px * 3)) / 4) * 2) + 32px);
    }


    .site-slider-control button {
        height: 40px;
        width: 40px;
    }

    .site-slider-control svg {
        height: 20px;
        width: auto;
    }

    .site-slider-control.prev svg {
        margin-right: 1px;
    }

    .site-slider-control.next svg {
        margin-left: 1px;
    }

    .site-slider-control.align-center.prev {
        left: -20px;
        top: calc(50% - 20px);
    }

    .site-slider-control.align-center.next {
        right: -20px;
        top: calc(50% - 20px);
    }

    .site-slider-control.align-left.prev {
        bottom: 16px;
        left: 16px;
    }

    .site-slider-control.align-left.next {
        bottom: 16px;
        left: 68px;
    }

    .site-slider-control.align-right.prev {
        bottom: 16px;
        right: 68px;
    }

    .site-slider-control.align-right.next {
        bottom: 16px;
        right: 16px;
    }


    .site-newsletter-subscribe.style-transparent .title {
        margin-bottom: 14px;
    }

    .site-newsletter-subscribe.style-blue .title {
        margin-bottom: 8px;
    }


    .site-bookings.has-image {
        padding-bottom: 144px;
        padding-top: 136px;
    }

    .site-bookings.has-image h2 {
        margin-bottom: 10px;
    }

    .site-bookings.has-image p {
        margin-bottom: 46px;
    }

    .site-bookings.no-image h2 {
        margin-bottom: 12px;
    }

    .site-bookings.no-image p {
        margin-bottom: 38px;
    }


    .site-map {
        padding-top: 36%;
    }


    .site-modal.newsletter .content {
        padding: 44px 40px 50px;
    }

    .site-modal.reservation .fields-wrapper:nth-child(5),
    .site-modal.reservation .fields-wrapper:nth-child(6) {
        grid-column-gap: 24px;
    }

    .site-modal.reservation .fields-wrapper:nth-child(5) {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 48px;
    }

    .site-modal.reservation .fields-wrapper:nth-child(6) {
        padding-left: 40px;
        padding-right: 40px;
    }

    .site-modal.reservation .fields-wrapper:nth-child(7) {
        padding-bottom: 50px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .site-modal.reservation .fields-wrapper:nth-child(7) .fields {
        grid-column-gap: 24px;
    }

    .site-modal .content {
        width: 736px;
    }

    .site-modal .close {
        height: 40px;
        width: 40px;
    }




    .wp-content h1,
    .wp-content h2,
    .wp-content h3,
    .wp-content h4,
    .wp-content h5,
    .wp-content h6 {
        font-size: 31px;
        line-height: 39px;
    }




    .site-header nav > ul > li:not(:first-child):not(:nth-child(2)):not(:nth-child(8)):not(:last-child) {
        margin-right: 40px;
    }

    .site-header nav > ul > li:last-child a {
        padding-left: 20px;
        padding-right: 20px;
    }




    .home-page .presentation::before {
        height: 480px;
    }

    .home-page .presentation h1 {
        margin-bottom: 38px;
    }

    .home-page .presentation .book-a-stay {
        margin-top: -70px;
        padding: 40px;
    }


    .home-page .welcome {
        margin-bottom: 64px;
    }


    .home-page .facilities {
        margin-bottom: 80px;
    }

    .home-page .facilities::before {
        height: calc(100% - 336px);
        top: 160px;
    }

    .home-page .facilities .list {
        grid-column-gap: 32px;
        margin-bottom: 48px;
    }

    .home-page .facilities .list .media {
        margin-bottom: 16px;
    }

    .home-page .facilities .list h3 {
        font-size: 17px;
        line-height: 25px;
        padding-bottom: 5px;
        padding-top: 8px;
    }

    .home-page .facilities .benefits {
        grid-column-gap: 64px;
        padding: 48px 40px;
    }

    .home-page .facilities .benefits li:first-child svg {
        height: 50px;
    }

    .home-page .facilities .benefits li:nth-child(2) svg {
        height: 44px;
    }

    .home-page .facilities .benefits li:last-child svg {
        height: 50px;
    }

    .home-page .facilities .benefits .icon {
        height: 64px;
        width: 64px;
    }

    .home-page .facilities .benefits li svg {
        width: auto;
    }


    .home-page .rooms {
        margin-bottom: 80px;
    }

    .home-page .rooms h2 {
        margin-bottom: 38px;
    }

    .home-page .rooms li {
        width: calc((var(--container--width) - 64px) / 2);
    }

    .home-page .rooms li:not(:last-child) {
        margin-right: 64px;
    }

    .home-page .rooms .media {
        margin-bottom: 28px;
    }

    .home-page .rooms h3 {
        margin-bottom: 14px;
    }

    .home-page .rooms .control {
        width: calc((var(--container--width) - 64px) / 2);
    }

    .home-page .rooms .control.prev button {
        left: -20px;
    }

    .home-page .rooms .control.next button {
        right: -20px;
    }


    .home-page .restaurant {
        margin-bottom: 80px;
    }


    .home-page .reviews h2 {
        margin-bottom: 38px;
    }

    .home-page .reviews ul {
        grid-column-gap: 64px;
    }

    .home-page .reviews li {
        padding-top: 72px;
    }

    .home-page .reviews li::before {
        font-size: 249px;
    }

    .home-page .reviews h3 {
        margin-bottom: 6px;
    }




    .about-us-page .presentation {
        margin-bottom: 64px;
    }

    .about-us-page .details {
        margin-bottom: 80px;
    }

    .about-us-page .details ul {
        grid-column-gap: 64px;
    }

    .about-us-page .details li {
        padding-bottom: 48px;
        padding-top: 56px;
    }

    .about-us-page .details li svg {
        height: 64px;
        margin-bottom: 38px;
        width: auto;
    }

    .about-us-page .details li h3 {
        margin-bottom: 8px;
    }


    .about-us-page .bookings {
        margin-bottom: 80px;
        padding-top: 50px;
    }

    .about-us-page .bookings h2 {
        margin-bottom: 12px;
    }

    .about-us-page .bookings p {
        margin-bottom: 38px;
    }


    .about-us-page .history {
        margin-bottom: 80px;
    }

    .about-us-page .history h2 {
        margin-bottom: 24px;
    }


    .about-us-page .rooms {
        margin-bottom: 80px;
        padding-top: 50px;
    }

    .about-us-page .rooms h2 {
        margin-bottom: 12px;
    }

    .about-us-page .rooms p {
        margin-bottom: 38px;
    }


    .about-us-page .shareholders h2 {
        margin-bottom: 12px;
    }

    .about-us-page .shareholders p {
        margin-bottom: 43px;
    }

    .about-us-page .table {
        margin-bottom: 64px;
    }

    .about-us-page .shareholders tr {
        grid-column-gap: 64px;
    }

    .about-us-page .shareholders .title {
        margin-right: 1px;
        padding-left: 33px;
    }

    .about-us-page .shareholders .extra-info {
        margin-bottom: 64px;
    }

    .about-us-page .shareholders ul {
        grid-column-gap: 64px;
    }




    .management-page .administration {
        margin-bottom: 26px;
    }

    .management-page .administration .inner {
        margin-left: -38px;
        padding: 38px;
    }

    .management-page .administration li,
    .management-page .management li {
        padding-bottom: 32px;
        padding-top: 32px;
        width: calc((var(--container--width) - (64px * 2)) / 3);
    }

    .management-page .administration li:not(:last-child),
    .management-page .management li:not(:last-child) {
        margin-right: 64px;
    }

    .management-page .administration li svg,
    .management-page .management li svg {
        height: 64px;
        margin-bottom: 30px;
        width: auto;
    }

    .management-page .administration li h3,
    .management-page .management li h3 {
        margin-bottom: 1px;
    }


    .management-page .management {
        margin-bottom: 80px;
    }

    .management-page .management h2 {
        margin-bottom: 38px;
    }


    .management-page .documents h2 {
        margin-bottom: 38px;
    }

    .management-page .documents ul {
        grid-column-gap: 64px;
    }




    .investors-page .administration {
        margin-bottom: 64px;
    }

    .investors-page .administration h2 {
        margin-bottom: 24px;
    }


    .investors-page .contact {
        margin-bottom: 80px;
    }

    .investors-page .contact h2 {
        margin-bottom: 38px;
    }

    .investors-page .contact .person {
        margin-bottom: 64px;
        padding-bottom: 32px;
        padding-top: 32px;
    }

    .investors-page .contact .person > svg {
        height: 64px;
        margin-bottom: 30px;
        width: auto;
    }

    .investors-page .contact .person h3 {
        margin-bottom: 1px;
    }

    .investors-page .contact li {
        width: calc((var(--container--width) - (64px * 2)) / 3);
    }

    .investors-page .contact li:not(:nth-child(3n)) {
        margin-right: 64px;
    }

    .investors-page .contact li:not(:nth-last-child(-n+2)) {
        margin-bottom: 32px;
    }


    .investors-page .documents h2 {
        margin-bottom: 34px;
    }

    .investors-page .documents .data form {
        width: calc((var(--container--width) - (10px * 2)) / 3);
    }

    .investors-page .documents .data .title {
        margin-right: 1px;
        padding-left: 33px;
    }

    .investors-page .documents .reports,
    .investors-page .documents .gms {
        margin-bottom: 64px;
    }

    .investors-page .documents .reports tr,
    .investors-page .documents .faq tr {
        grid-column-gap: 10px;
    }

    .investors-page .documents .gms tr {
        grid-template-columns: 128px auto 176px 244px 152px;
    }

    .investors-page .documents .data .load-more {
        width: calc((var(--container--width) - (10px * 2)) / 3);
    }




    .press-releases-page .documents form {
        width: calc((var(--container--width) - (10px * 2)) / 3);
    }

    .press-releases-page .documents tr {
        grid-column-gap: 10px;
    }

    .press-releases-page .documents .title {
        margin-right: 1px;
        padding-left: 33px;
    }

    .press-releases-page .documents .load-more {
        width: calc((var(--container--width) - (10px * 2)) / 3);
    }




    .data-processing-page .content {
        margin-bottom: 80px;
    }

    .data-processing-page .details {
        grid-column-gap: 176px;
        grid-template-columns: repeat(2, calc((var(--container--width) - 176px) / 2));
    }

    .data-processing-page .details .info {
        padding: 30px 40px 32px;
    }

    .data-processing-page .details h2 {
        margin-bottom: 22px;
    }


    .offers-page .offer:not(:last-child) {
        margin-bottom: 64px;
    }

    .offers-page .offer:nth-child(even) .text {
        padding: 0 72px 0 40px;
    }

    .offers-page .offer:nth-child(odd) .text {
        padding: 0 40px 0 72px;
    }

    .offers-page .offer {
        grid-column-gap: 32px;
    }

    .offers-page .offer h2 {
        margin-bottom: 14px;
    }




    .blog-page .list {
        margin-bottom: 80px;
    }

    .blog-page article:not(:last-child) {
        margin-bottom: 64px;
    }

    .blog-page article:nth-child(even) .text {
        padding: 0 40px 0 72px;
    }

    .blog-page article:nth-child(odd) .text {
        padding: 0 72px 0 40px;
    }

    .blog-page article a {
        grid-column-gap: 32px;
    }

    .blog-page article time {
        margin-bottom: 18px;
    }

    .blog-page article h2 {
        margin-bottom: 14px;
    }




    .article-page .content {
        margin-bottom: 64px;
    }


    .contact-page .content {
        grid-column-gap: 96px;
        grid-template-columns: auto calc((((var(--container--width) - (32px * 3)) / 4) * 2) + 32px);
        margin-bottom: 64px;
    }

    .contact-page .info h2 {
        margin-bottom: 14px;
    }

    .contact-page .fields {
        grid-column-gap: 24px;
    }




    .careers-page .jobs {
        margin-bottom: 64px;
    }

    .careers-page h2 {
        margin-bottom: 38px;
    }

    .careers-page .jobs .content {
        grid-column-gap: 96px;
        grid-template-columns: auto calc((((var(--container--width) - (32px * 3)) / 4) * 2) + 32px);
    }




    .room-page .slider {
        margin-bottom: 80px;
        position: relative;
    }

    .room-page .slider .media-wrapper {
        width: calc((var(--container--width) - calc(24px * 2)) / 3);
    }

    .room-page .slider .media-wrapper:not(:last-child) {
        margin-right: 24px;
    }


    .room-page .facilities {
        margin-bottom: 64px;
    }

    .room-page .facilities h2 {
        margin-bottom: 15px;
    }

    .room-page .facilities ul {
        font-size: 15px;
        grid-column-gap: 48px;
        line-height: 23px;
        margin-bottom: 64px;
    }

    .room-page .facilities li {
        padding-top: 2px;
    }

    .room-page .facilities li:nth-child(3n+2)::after {
        left: -48px;
        width: calc(100% + 96px);
    }

    .room-page .facilities svg {
        height: 15px;
        margin-top: -2px;
        width: auto;
    }

    .room-page .facilities .description {
        padding-bottom: 56px;
        padding-top: 56px;
    }


    .room-page .details {
        margin-bottom: 80px;
    }

    .room-page .details h2 {
        margin-bottom: 38px;
    }

    .room-page .details li {
        width: calc((var(--container--width) - (64px * 2)) / 3);
    }

    .room-page .details li:not(:nth-child(3n)) {
        margin-right: 64px;
    }

    .room-page .details li:not(:nth-last-child(-n+3)) {
        margin-bottom: 32px;
    }


    .restaurants-night-bar-terrace .details {
        margin-bottom: 64px;
    }


    .conference-and-event-hall-page .block:not(:last-child) {
        margin-bottom: 80px;
    }

    .conference-and-event-hall-page .video h2 {
        margin-bottom: 38px;
    }

    .conference-and-event-hall-page .video button::before {
        height: 80px;
        width: 80px;
    }

    .conference-and-event-hall-page .video button::after {
        border-bottom-width: 12px;
        border-left-width: 22px;
        border-top-width: 12px;
        margin-left: 4px;
    }


    .wellness-spa-page .block:not(:last-child) {
        margin-bottom: 80px;
    }

    .wellness-spa-page .procedures h2 {
        margin-bottom: 38px;
    }

    .wellness-spa-page .procedures li {
        grid-column-gap: 72px;
        grid-template-columns: calc((((var(--container--width) - (32px * 3)) / 4) * 2) + 32px) auto;
        padding-right: 72px;
    }

    .wellness-spa-page .procedures h3 {
        margin-bottom: 14px;
    }


    .wellness-spa-page .etiquette h2 {
        margin-bottom: 12px;
    }

    /* .wellness-spa-page .etiquette .description {
        margin-bottom: 43px;
    } */


    .wellness-spa-page .prices {
        grid-column-gap: 32px;
    }

    .wellness-spa-page .prices .text {
        padding: 0 72px 0 40px;
    }

    .wellness-spa-page .prices h2 {
        margin-bottom: 14px;
    }

    /* .wellness-spa-page .etiquette li {
        grid-template-columns: 80px auto;
    }

    .wellness-spa-page .etiquette li:not(:last-child) {
        margin-bottom: 32px;
    }

    .wellness-spa-page .etiquette li::before {
        font-size: 75px;
    }

    .wellness-spa-page .etiquette h3 {
        margin-bottom: 4px;
    } */

    .wellness-spa-page .procedures .control {
        width: calc((((var(--container--width) - (32px * 3)) / 4) * 2) + 32px);
    }

    .wellness-spa-page .procedures .control::before {
        padding-top: 100%;
    }

    .wellness-spa-page .procedures .control.prev button {
        left: -20px;
    }

    .wellness-spa-page .procedures .control.next button {
        right: -20px;
    }

    .wellness-spa-page .vouchers .content {
        align-items: stretch;
    }

    .wellness-spa-page .media {
        background-color: var(--color--maastricht-blue);
    }

    .wellness-spa-page .vouchers img {
        object-fit: contain;
    }

    .wellness-spa-page .vouchers .text {
        padding: 40px 0;
    }




    .form-submission-response-page .featured-media::before {
        height: 480px;
    }

    .form-submission-response-page .media {
        min-height: 480px;
        padding: 0 96px 12px;
    }

    .form-submission-response-page h1 {
        margin-bottom: 39px;
    }




    .cookies-modal .text {
        margin-right: 40px;
    }




    .site-footer {
        padding-top: 41px;
    }

    .site-footer h4 {
        margin-bottom: 14px;
    }

    .site-footer .about {
        padding: 7px 64px 0 0;
    }

    .site-footer .about svg {
        height: 128px;
        margin-bottom: 50px;
        width: auto;
    }

    .site-footer .company {
        padding-left: 64px;
    }

    .site-footer .contact ul {
        grid-column-gap: 16px;
    }

    .site-footer .contact li:nth-child(3) {
        margin-bottom: 43px;
    }

    .site-footer .contact li:nth-child(3) span {
        display: inline;
    }

    .site-footer .contact svg {
        height: 26px;
        width: auto;
    }

}




@media (max-width: 1320px) {

    .home-page .presentation .book-a-stay,
    .home-page .facilities .benefits,
    .site-newsletter-subscribe.style-transparent {
        width: calc(100% - 128px);
    }

}




@media (max-width: 1229px) {

    :root {
        --container--width: calc(1030px - var(--scrollbar--width));
    }




    .site-media.aspect-ratio-1 {
        height: 448px;
    }

    .site-media.aspect-ratio-3 {
        padding-top: 115%;
    }

    .site-media.aspect-ratio-5 {
        padding-top: 115%;
    }


    .site-featured-media::before {
        top: -80px;
    }

    .site-featured-media h1:not(:last-child) {
        margin-bottom: 21px;
    }




    .site-heading.size-small {
        font-size: 19px;
        line-height: 27px;
    }

    .site-heading.size-medium {
        font-size: 29px;
        line-height: 37px;
    }

    .site-heading.size-large {
        font-size: 37px;
        line-height: 45px;
    }

    .site-heading.size-extra-large {
        font-size: 55px;
        line-height: 67px;
    }

    .site-heading.size-extra-extra-large {
        font-size: 61px;
        line-height: 83px;
    }


    .site-featured-media .text {
        padding: 0 72px 12px;
    }


    .site-text-media.media-right {
        grid-column-gap: 64px;
        grid-template-columns: auto calc((((var(--container--width) - (16px * 3)) / 4) * 2) + 16px);
    }

    .site-text-media.media-left {
        grid-column-gap: 56px;
        grid-template-columns: calc((((var(--container--width) - (16px * 3)) / 4) * 2) + 16px) auto;
    }


    .site-gallery .media {
        width: calc((((var(--container--width) - (16px * 3)) / 4) * 2) + 16px);
    }


    .site-bookings.has-image {
        padding-bottom: 128px;
        padding-top: 118px;
    }

    .site-bookings.has-image h2 {
        margin-bottom: 8px;
    }

    .site-bookings.has-image p {
        margin-bottom: 42px;
    }

    .site-bookings.no-image h2 {
        margin-bottom: 10px;
    }

    .site-bookings.no-image p {
        margin-bottom: 36px;
    }




    .site-map {
        padding-top: 42%;
    }




    .wp-content h1,
    .wp-content h2,
    .wp-content h3,
    .wp-content h4,
    .wp-content h5,
    .wp-content h6 {
        font-size: 29px;
        line-height: 37px;
    }




    .site-header .container {
        height: 80px;
    }

    .site-header .logo,
    .site-header .logo svg {
        height: 60px;
        width: 80px;
    }

    .site-header nav > ul > li:first-child,
    .site-header nav > ul > li:nth-child(2) {
        top: 7px;
    }

    .site-header nav > ul > li:not(:first-child):not(:nth-child(2)):not(:nth-child(8)):not(:last-child) {
        margin-right: 32px;
    }

    .site-header nav > ul > li:last-child a {
        padding: 6px 16px 4px;
    }




    .home-page .presentation {
        height: calc(100vh - 80px);
    }

    .home-page .presentation::before {
        height: 448px;
        top: -80px;
    }

    .home-page .presentation .featured-media {
        height: calc(100% - 80px);
    }

    .home-page .presentation .text {
        padding-bottom: 72px;
    }

    .home-page .presentation h1 {
        margin-bottom: 34px;
    }

    .home-page .presentation .book-a-stay {
        margin-top: -80px;
    }

    .home-page .presentation .title {
        font-size: 17px;
        margin-bottom: 1px;
    }

    .home-page .presentation input[type="text"] {
        margin-top: 2px;
    }




    .home-page .facilities::before {
        height: calc(100% - 331px);
        top: 144px;
    }

    .home-page .facilities .list {
        grid-column-gap: 16px;
    }

    .home-page .facilities .list .media {
        margin-bottom: 14px;
    }

    .home-page .facilities .benefits {
        grid-column-gap: 56px;
    }

    .home-page .facilities .benefits li:first-child svg {
        height: 48px;
    }

    .home-page .facilities .benefits li:nth-child(2) svg {
        height: 42px;
    }

    .home-page .facilities .benefits li:last-child svg {
        height: 48px;
    }

    .home-page .facilities .benefits .icon {
        height: 56px;
        width: 56px;
    }

    .home-page .facilities .benefits li svg {
        width: auto;
    }


    .home-page .rooms h2 {
        margin-bottom: 34px;
    }

    .home-page .rooms li {
        width: calc((var(--container--width) - 48px) / 2);
    }

    .home-page .rooms li:not(:last-child) {
        margin-right: 48px;
    }

    .home-page .rooms .control {
        width: calc((var(--container--width) - 48px) / 2);
    }


    .home-page .reviews h2 {
        margin-bottom: 34px;
    }

    .home-page .reviews ul {
        grid-column-gap: 24px;
    }

    .home-page .reviews li::before {
        font-size: 219px;
        right: 10px;
        top: -79px;
    }




    .about-us-page .details ul {
        grid-column-gap: 24px;
    }

    .about-us-page .details li {
        padding-bottom: 40px;
        padding-top: 48px;
    }

    .about-us-page .details li svg {
        height: 56px;
        margin-bottom: 34px;
    }


    .about-us-page .bookings {
        padding-top: 48px;
    }

    .about-us-page .bookings h2 {
        margin-bottom: 10px;
    }

    .about-us-page .bookings p {
        margin-bottom: 36px;
    }


    .about-us-page .history h2 {
        margin-bottom: 22px;
    }


    .about-us-page .rooms {
        padding-top: 48px;
    }

    .about-us-page .rooms h2 {
        margin-bottom: 10px;
    }

    .about-us-page .rooms p {
        margin-bottom: 36px;
    }


    .about-us-page .shareholders h2 {
        margin-bottom: 10px;
    }

    .about-us-page .shareholders p {
        margin-bottom: 38px;
    }

    .about-us-page .shareholders thead {
        margin-bottom: 16px;
    }

    .about-us-page .shareholders tbody {
        margin-bottom: 16px;
    }

    .about-us-page .shareholders tr {
        grid-column-gap: 24px;
    }

    .about-us-page .shareholders tr:not(:last-child) {
        margin-bottom: 14px;
    }

    .about-us-page .shareholders ul {
        grid-column-gap: 24px;
    }




    .management-page .administration {
        margin-bottom: 30px;
    }

    .management-page .administration .inner {
        margin-left: -34px;
        padding: 34px;
    }

    .management-page .administration li,
    .management-page .management li {
        padding-bottom: 32px;
        padding-top: 32px;
        width: calc((var(--container--width) - (24px * 2)) / 3);
    }

    .management-page .administration li:not(:last-child),
    .management-page .management li:not(:last-child) {
        margin-right: 24px;
    }

    .management-page .administration li svg,
    .management-page .management li svg {
        height: 56px;
        margin-bottom: 28px;
    }

    .management-page .management h2 {
        margin-bottom: 34px;
    }


    .management-page .documents h2 {
        margin-bottom: 34px;
    }

    .management-page .documents ul {
        display: block;
        grid-gap: 0;
        grid-template-columns: none;
        margin: 0 auto;
        text-align: left;
        width: calc((((var(--container--width) - (24px * 2)) / 3) * 2) + 24px);
    }

    .management-page .documents li:not(:last-child) {
        margin-bottom: 24px;
    }




    .investors-page .administration h2 {
        margin-bottom: 22px;
    }


    .investors-page .contact h2 {
        margin-bottom: 34px;
    }

    .investors-page .contact .person {
        width: calc((var(--container--width) - (24px * 2)) / 3);
    }

    .investors-page .contact .person > svg {
        height: 56px;
        margin-bottom: 28px;
    }

    .investors-page .contact li {
        width: calc((var(--container--width) - (24px * 2)) / 3);
    }

    .investors-page .contact li span:first-child {
        margin-bottom: 16px;
    }

    .investors-page .contact li:not(:nth-child(3n)) {
        margin-right: 24px;
    }


    .investors-page .documents h2 {
        margin-bottom: 30px;
    }




    .data-processing-page .details {
        grid-column-gap: 144px;
        grid-template-columns: repeat(2, calc((var(--container--width) - 144px) / 2));
    }

    .data-processing-page .details h2 {
        margin-bottom: 18px;
    }


    .offers-page .offer:nth-child(even) .text {
        padding: 0 56px 0 38px;
    }

    .offers-page .offer:nth-child(odd) .text {
        padding: 0 38px 0 56px;
    }

    .offers-page .offer {
        grid-column-gap: 16px;
    }


    .blog-page article:nth-child(even) .text {
        padding: 0 38px 0 56px;
    }

    .blog-page article:nth-child(odd) .text {
        padding: 0 56px 0 38px;
    }

    .blog-page article a {
        grid-column-gap: 16px;
    }




    .article-page .featured-media {
        margin-bottom: 56px;
    }


    .contact-page .content {
        grid-column-gap: 64px;
        grid-template-columns: auto calc((((var(--container--width) - (16px * 3)) / 4) * 2) + 16px);
    }




    .careers-page h2 {
        margin-bottom: 34px;
    }

    .careers-page .jobs .content {
        grid-column-gap: 64px;
        grid-template-columns: auto calc((((var(--container--width) - (16px * 3)) / 4) * 2) + 16px);
    }




    .room-page .facilities h2 {
        margin-bottom: 11px;
    }

    .room-page .facilities ul {
        grid-column-gap: 32px;
    }

    .room-page .facilities li:nth-child(3n+2)::after {
        left: -32px;
        width: calc(100% + 64px);
    }

    .room-page .details h2 {
        margin-bottom: 34px;
    }

    .room-page .details li {
        width: calc((var(--container--width) - (24px * 2)) / 3);
    }

    .room-page .details li:not(:nth-child(3n)) {
        margin-right: 24px;
    }

    .room-page .details li:not(:nth-last-child(-n+3)) {
        margin-bottom: 32px;
    }

    .room-page .details li span:first-child {
        margin-bottom: 16px;
    }




    .conference-and-event-hall-page .video h2 {
        margin-bottom: 34px;
    }

    .conference-and-event-hall-page .video button::before {
        height: 72px;
        width: 72px;
    }

    .conference-and-event-hall-page .video button::after {
        border-bottom-width: 10px;
        border-left-width: 20px;
        border-top-width: 10px;
    }




    .wellness-spa-page .procedures h2 {
        margin-bottom: 34px;
    }

    .wellness-spa-page .procedures li {
        grid-column-gap: 56px;
        grid-template-columns: calc((((var(--container--width) - (16px * 3)) / 4) * 2) + 16px) auto;
        padding-right: 56px;
    }


    .wellness-spa-page .etiquette h2 {
        margin-bottom: 10px;
    }

    /* .wellness-spa-page .etiquette .description {
        margin-bottom: 38px;
    } */


    .wellness-spa-page .prices {
        grid-column-gap: 16px;
    }

    .wellness-spa-page .prices .text {
        padding: 0 56px 0 38px;
    }

    /* .wellness-spa-page .etiquette li {
        grid-template-columns: 72px auto;
    }

    .wellness-spa-page .etiquette li:not(:last-child) {
        margin-bottom: 24px;
    }

    .wellness-spa-page .etiquette li::before {
        font-size: 65px;
    } */

    .wellness-spa-page .procedures .control {
        width: calc((((var(--container--width) - (16px * 3)) / 4) * 2) + 16px);
    }

    .wellness-spa-page .procedures .control::before {
        padding-top: 115%;
    }


    .form-submission-response-page .featured-media::before {
        height: 448px;
        top: -80px;
    }

    .form-submission-response-page .media {
        height: calc(100vh - 160px);
        margin-bottom: 80px;
        min-height: 448px;
        padding: 0 72px 18px;
    }

    .form-submission-response-page h1 {
        margin-bottom: 36px;
    }




    .site-footer h4 {
        margin-bottom: 12px;
    }

    .site-footer .about {
        padding-right: 64px;
    }

    .site-footer .about svg {
        margin-bottom: 36px;
    }

    .site-footer .company {
        padding-left: 64px;
    }

    .site-footer .company li:not(:last-child) {
        margin-bottom: 8px;
    }

    .site-footer .contact ul {
        grid-column-gap: 20px;
    }

    .site-footer .contact li:nth-child(3) {
        margin-bottom: 37px;
    }

    .site-footer .contact li:not(:nth-last-child(-n+3)) {
        margin-bottom: 8px;
    }

}




@media (max-width: 1141px) {

    :root {
        --container--width: calc(var(--viewport--width) - 112px);
    }




    .site-footer .about {
        padding-right: 72px;
    }

    .site-footer .about svg {
        height: 104px;
        margin-bottom: 37px;
    }

    .site-footer .company {
        padding-left: 72px;
    }

}




@media (max-width: 1024px) {

    :root {
        --container--width: 660px;
    }




    .site-page.has-margin {
        margin-bottom: 64px;
    }


    .site-media.aspect-ratio-1 {
        height: auto;
        padding-top: 60%;
    }

    .site-media.aspect-ratio-2 {
        padding-top: 60%;
    }

    .site-media.aspect-ratio-3 {
        padding-top: 60%;
    }

    .site-media.aspect-ratio-4 {
        padding-top: 88%;
    }

    .site-media.aspect-ratio-5 {
        padding-top: 60%;
    }

    .site-media.aspect-ratio-6 {
        padding-top: 150%;
    }


    .site-heading.size-small {
        font-size: 19px;
        line-height: 27px;
    }

    .site-heading.size-medium {
        font-size: 25px;
        line-height: 33px;
    }

    .site-heading.size-large,
    .site-heading.size-extra-large {
        font-size: 31px;
        line-height: 39px;
    }

    .site-heading.size-extra-extra-large {
        font-size: 37px;
        line-height: 45px;
    }


    .wp-content h1,
    .wp-content h2,
    .wp-content h3,
    .wp-content h4,
    .wp-content h5,
    .wp-content h6 {
        font-size: 25px;
        line-height: 33px;
    }


    .site-text-media {
        align-items: stretch;
        display: flex;
        flex-direction: column-reverse;
        grid-column-gap: 0;
        grid-template-columns: none;
        text-align: center;
    }

    .site-text-media .media,
    .site-text-media .gallery {
        margin-bottom: 22px;
    }

    .site-text-media.media-left .media,
    .site-text-media.media-left .gallery {
        order: 0;
    }

    .site-text-media h2 {
        margin-bottom: 8px;
    }

    .site-text-media h2 span {
        display: inline;
    }

    .site-text-media .actions {
        display: flex;
        justify-content: center;
    }


    .site-featured-media {
        margin-bottom: 36px;
    }

    .site-featured-media .text {
        padding: 0 64px 10px;
    }

    .site-featured-media h1:not(:last-child) {
        margin-bottom: 19px;
    }

    .site-featured-media .button {
        padding-bottom: 6px;
        padding-top: 8px;
    }


    .site-gallery .media {
        width: var(--viewport--width);
    }


    .site-newsletter-subscribe.style-transparent {
        width: 100%;
    }

    .site-newsletter-subscribe.style-transparent .title {
        margin-bottom: 8px;
    }

    .site-newsletter-subscribe .description {
        margin-bottom: 22px;
    }


    .site-map {
        padding-top: 60%;
    }


    .site-checkbox.size-auto {
        margin-bottom: 12px;
    }


    .site-bookings.has-image {
        padding-bottom: 56px;
        padding-top: 42px;
    }

    .site-bookings.has-image p {
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 22px;
    }

    .site-bookings.no-image h2 {
        margin-bottom: 8px;
    }

    .site-bookings.no-image p {
        margin-bottom: 22px;
    }


    .site-slider-control.align-left.prev {
        bottom: calc(50% - 20px);
        left: -20px;
    }

    .site-slider-control.align-left.next {
        bottom: calc(50% - 20px);
        left: auto;
        right: -20px;
    }

    .site-slider-control.align-right.prev {
        bottom: calc(50% - 20px);
        left: -20px;
        right: auto;
    }

    .site-slider-control.align-right.next {
        bottom: calc(50% - 20px);
        right: -20px;
    }


    .site-button.style-filled {
        padding-left: 32px;
        padding-right: 32px;
    }




    .site-header .container {
        display: grid;
        grid-template-columns: 116px auto 116px;
        position: static;
    }

    .site-header .menu {
        color: var(--color--white);
        display: block;
        margin-right: auto;
    }

    .site-header .logo {
        bottom: auto;
        height: auto;
        left: auto;
        margin: auto;
        position: static;
        right: auto;
        top: auto;
        width: auto;
    }

    .site-header .logo svg {
        width: auto;
    }

    .site-header .navigation {
        bottom: 0;
        height: auto;
        left: 0;
        position: fixed;
        right: 0;
        top: 80px;
        transform: translateX(-100%);
        z-index: 2;
    }

    .site-header .navigation[_ready] {
        transform: translateX(0);
    }

    .site-header .navigation[_animate] {
        transition: background-color 0.16s cubic-bezier(0, 0, 0.10, 1);
    }

    .site-header .navigation[_animate] nav {
        transition: transform 0.32s cubic-bezier(0, 0, 0.10, 1);
    }

    .site-header .navigation[_set-overlay] {
        background-color: var(--color--rich-black-transparent-75);
    }

    .site-header .navigation[_active] nav {
        transform: translateX(0);
    }

    .site-header nav {
        background-color: var(--color--maastricht-blue);
        color: var(--color--burlywood);
        font-family: "Frank Ruhl Libre";
        font-size: 19px;
        font-weight: 700;
        height: 100%;
        line-height: 27px;
        overflow-y: auto;
        transform: translateX(-100%);
    }

    .site-header nav::before {
        background-color: var(--color--white-transparent-10);
        content: "";
        display: block;
        height: 1px;
        position: sticky;
        top: 0;
        width: 100%;
    }

    .site-header nav > ul {
        align-items: stretch;
        color: inherit;
        display: grid;
        padding: 87px 0 19px;
        position: relative;
        text-align: center;
    }

    .site-header nav > ul > li:first-child {
        right: calc((100% + 12px) / 2);
        top: 33px;
    }

    .site-header nav > ul > li:nth-child(2) {
        right: calc((100% - 60px) / 2);
        top: 33px;
    }

    .site-header nav > ul > li:nth-child(3),
    .site-header nav > ul > li:nth-child(4),
    .site-header nav > ul > li:nth-child(5) {
        position: static;
    }

    .site-header nav > ul > li:nth-child(6) {
        margin-left: 0;
    }

    .site-header nav > ul > li:nth-child(8) {
        margin-right: 0;
    }

    .site-header nav > ul > li:last-child {
        display: none;
    }

    .site-header nav > ul > li:nth-child(n+3):nth-last-child(n+5) {
        grid-column-start: span 7;
    }

    .site-header nav > ul > li:nth-last-child(4) {
        grid-column-start: 3;
    }

    .site-header nav > ul > li:nth-last-child(3) {
        position: relative;
    }

    .site-header nav > ul > li:nth-last-child(3):before {
        color: var(--color--white);
        content: "/";
        font-weight: 400;
        left: -2px;
        position: absolute;
    }

    .site-header nav > ul > li:nth-last-child(3):after {
        color: var(--color--white);
        content: "/";
        font-weight: 400;
        position: absolute;
        right: -2px;
    }

    .site-header nav > ul > li:not(:first-child):not(:nth-child(2)):not(:last-child) {
        margin-bottom: 29px;
        padding-top: 0;
    }

    .site-header nav > ul > li:not(:first-child):not(:nth-child(2)):not(:nth-child(8)):not(:last-child) {
        margin-right: 0;
        padding: 0;
    }

    .site-header nav > ul span {
        cursor: auto;
    }

    .site-header ul ul {
        background-color: transparent;
        box-shadow: none;
        color: var(--color--white);
        font-family: "Roboto";
        font-size: 15px;
        font-weight: 400;
        left: auto;
        line-height: 23px;
        opacity: 1;
        padding: 12px 0 1px;
        position: static;
        top: auto;
        transform: none;
        width: auto;
    }

    .site-header ul ul[_ready] {
        transform: none;
    }

    .site-header ul ul[_animate] {
        transition: none;
    }

    .site-header ul ul[_active] {
        opacity: 1;
        transform: none;
    }

    .site-header ul ul li:not(:last-child) {
        margin-bottom: 8px;
    }

    .site-header ul ul a {
        display: inline-block;
        padding: 0;
    }

    .site-header .language {
        align-items: center;
        border: 2px solid transparent;
        border-radius: 50%;
        display: flex;
        height: 24px;
        justify-content: center;
        overflow: hidden;
        width: 24px;
    }

    .site-header .language.active {
        box-shadow: 0 0 0 1px var(--color--burlywood);
    }

    .site-header .language.inactive {
        box-shadow: 0 0 0 1px var(--color--white-transparent-10);
        opacity: 0.75;
    }

    .site-header .language svg {
        flex-shrink: 0;
        height: 22px;
        margin: 0;
        width: auto;
    }

    .site-header .language::after {
        display: none;
    }

    .site-header .reservation {
        border: 1px solid;
        color: var(--color--burlywood);
        cursor: pointer;
        display: block;
        font-size: 15px;
        margin-left: auto;
        padding: 4px 12px 2px;
    }

    .site-header .reservation::before {
        content: attr(data-inner-text);
    }




    .home-page .presentation {
        height: calc(100vh - 80px);
        max-height: 1060px;
        min-height: 560px;
    }

    .home-page .presentation::before {
        height: 396px;
    }

    .home-page .presentation .featured-media {
        height: calc(100% - 80px);
        max-height: 996px;
    }

    .home-page .presentation .text {
        padding-bottom: 64px;
    }

    .home-page .presentation h1 {
        margin-bottom: 30px;
    }

    .home-page .presentation h1 > span:first-child {
        font-size: 49px;
        line-height: 57px;
    }

    .home-page .presentation h1 > span:last-child {
        font-size: 27px;
        line-height: 35px;
    }

    .home-page .presentation .book-a-stay {
        border-radius: 24px;
        margin-top: -64px;
        overflow: hidden;
        padding: 0;
        width: calc(100% - 64px);
    }

    .home-page .presentation form {
        grid-template-columns: repeat(4, 1fr);
        justify-content: flex-start;
    }

    .home-page .presentation label {
        display: flex;
        flex-direction: column;
        padding: 18px 0 13px;
        text-align: center;
    }

    .home-page .presentation svg {
        flex-shrink: 1;
        height: 22px;
        margin: 0 0 8px;
        width: auto;
    }

    .home-page .presentation .title {
        font-size: 15px;
        margin-bottom: 2px;
        position: static;
        top: auto;
    }

    .home-page .presentation input[type="text"] {
        text-align: center;
    }

    .home-page .presentation .action {
        display: block;
        justify-content: flex-start;
    }

    .home-page .presentation .action button {
        display: flex;
        flex-direction: column;
        padding: 18px 0 13px;
        width: 100%;
    }

    .home-page .presentation .action svg {
        color: var(--color--white);
        display: block;
        margin-bottom: 8px;
    }

    .home-page .presentation .action span span:first-child {
        display: block;
        font-size: 15px;
        margin-bottom: 2px;
    }

    .home-page .presentation .action span span:last-child {
        display: block;
        font-size: 13px;
    }

    .home-page .presentation .action span span:last-child::first-letter {
        text-transform: uppercase;
    }


    .home-page .welcome {
        margin-bottom: 56px;
    }


    .home-page .facilities {
        margin-bottom: 56px;
    }

    .home-page .facilities::before {
        height: calc(100% - 256px);
        top: 128px;
    }

    .home-page .facilities .list {
        grid-gap: 40px 24px;
        grid-template-columns: repeat(2, 1fr);
    }

    .home-page .facilities .list .media {
        margin-bottom: 16px;
    }

    .home-page .facilities .benefits {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
        width: 100%;
    }

    .home-page .facilities .benefits li:first-child svg {
        height: 40px;
    }

    .home-page .facilities .benefits li:nth-child(2) svg {
        height: 38px;
    }

    .home-page .facilities .benefits li:last-child svg {
        height: 44px;
    }

    .home-page .facilities .benefits li:not(:last-child) {
        margin-bottom: 24px;
    }

    .home-page .facilities .benefits .icon {
        margin-bottom: 10px;
    }

    .home-page .facilities .benefits h3 {
        margin-bottom: 6px;
    }


    .home-page .rooms {
        margin-bottom: 56px;
    }

    .home-page .rooms h2 {
        margin-bottom: 20px;
    }

    .home-page .rooms li {
        width: var(--container--width);
    }

    .home-page .rooms li:not(:last-child) {
        margin-left: 0;
    }

    .home-page .rooms .media {
        margin-bottom: 22px;
    }

    .home-page .rooms h3 {
        margin-bottom: 8px;
    }

    .home-page .rooms p {
        margin-bottom: 22px;
    }

    .home-page .rooms a {
        margin: 0 auto;
        width: auto;
    }

    .home-page .rooms .control {
        width: var(--container--width);
    }

    .home-page .rooms .control::before {
        padding-top: 60%;
    }


    .home-page .restaurant {
        margin-bottom: 56px;
    }


    .home-page .reviews h2 {
        margin-bottom: 20px;
    }

    .home-page .reviews ul {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .home-page .reviews li {
        padding-bottom: 32px;
        padding-top: 48px;
    }

    .home-page .reviews li::before {
        font-size: 169px;
        right: 13px;
        top: -58px;
    }

    .home-page .reviews li:not(:last-child) {
        margin-bottom: 24px;
    }




    .about-us-page .details {
        margin-bottom: 56px;
    }

    .about-us-page .presentation {
        margin-bottom: 56px;
    }

    .about-us-page .details ul {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .about-us-page .details li {
        padding-bottom: 32px;
        padding-top: 40px;
    }

    .about-us-page .details li:not(:last-child) {
        margin-bottom: 24px;
    }

    .about-us-page .details li svg {
        height: 48px;
        margin-bottom: 20px;
    }


    .about-us-page .bookings {
        margin-bottom: 56px;
        padding-bottom: 48px;
        padding-top: 42px;
    }

    .about-us-page .bookings h2 {
        margin-bottom: 8px;
    }

    .about-us-page .bookings p {
        margin-bottom: 22px;
    }


    .about-us-page .history {
        margin-bottom: 56px;
    }

    .about-us-page .history h2 {
        margin-bottom: 18px;
    }


    .about-us-page .rooms {
        margin-bottom: 56px;
        padding-bottom: 48px;
        padding-top: 42px;
    }

    .about-us-page .rooms h2 {
        margin-bottom: 8px;
    }

    .about-us-page .rooms p {
        margin-bottom: 22px;
    }


    .about-us-page .shareholders h2 {
        margin-bottom: 8px;
    }

    .about-us-page .shareholders p {
        margin-bottom: 23px;
    }

    .about-us-page .shareholders .table {
        margin-bottom: 56px;
        overflow-x: auto;
    }

    .about-us-page .shareholders tr {
        grid-column-gap: 16px;
        grid-template-columns: repeat(4, calc(var(--container--width) / 2.3));
    }

    .about-us-page .shareholders tr:not(:last-child) {
        margin-bottom: 10px;
    }

    .about-us-page .shareholders thead {
        margin-bottom: 16px;
    }

    .about-us-page .shareholders tbody {
        margin-bottom: 16px;
    }

    .about-us-page .shareholders td {
        background-color: var(--color--maastricht-blue-transparent-05);
        box-shadow: none;
    }

    .about-us-page .shareholders .extra-info {
        align-items: stretch;
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
        justify-content: flex-start;
        margin-bottom: 56px;
    }

    .about-us-page .shareholders .extra-info .file {
        margin-bottom: 40px;
    }

    .about-us-page .shareholders .extra-info a {
        display: inline-flex;
        width: auto;
    }

    .about-us-page .shareholders .extra-info .images {
        align-items: block;
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .about-us-page .shareholders .extra-info .media-wrapper:first-child {
        margin-bottom: 24px;
    }

    .about-us-page .shareholders ul {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .about-us-page .shareholders li:not(:last-child) {
        margin-bottom: 24px;
    }




    .management-page .administration {
        margin-bottom: 56px;
    }

    .management-page .administration h2 {
        margin-bottom: 20px;
    }

    .management-page .administration .inner {
        margin-left: 0;
        padding: 0;
    }

    .management-page .administration li,
    .management-page .management li {
        background-color: var(--color--maastricht-blue-transparent-05);
        box-shadow: none;
        width: calc((var(--container--width) - 24px) / 2);
    }

    .management-page .administration li:not(:last-child),
    .management-page .management li:not(:last-child) {
        margin-right: 16px;
    }

    .management-page .administration li svg,
    .management-page .management li svg {
        height: 48px;
        margin-bottom: 20px;
    }


    .management-page .management {
        margin-bottom: 56px;
    }

    .management-page .management h2 {
        margin-bottom: 20px;
    }


    .management-page .documents h2 {
        margin-bottom: 20px;
    }

    .management-page .documents ul {
        width: auto;
    }

    .management-page .documents > svg {
        height: 38px;
        width: auto;
    }


    .investors-page .administration {
        margin-bottom: 56px;
    }

    .investors-page .administration h2 {
        margin-bottom: 18px;
    }

    .investors-page .administration p:not(:last-child) {
        margin-bottom: 18px;
    }


    .investors-page .contact {
        margin-bottom: 56px;
    }

    .investors-page .contact h2 {
        margin-bottom: 20px;
    }

    .investors-page .contact .person {
        background-color: var(--color--maastricht-blue-transparent-05);
        box-shadow: none;
        margin-bottom: 56px;
        width: calc((var(--container--width) - 16px) / 2);
    }

    .investors-page .contact .person > svg {
        height: 48px;
        margin-bottom: 20px;
    }


    .investors-page .contact ul {
        display: block;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .investors-page .contact li {
        width: 100%;
    }

    .investors-page .contact li span:first-child {
        margin-bottom: 10px;
    }

    .investors-page .contact li:not(:nth-last-child(-n+2)),
    .investors-page .contact li:nth-last-child(-n+2) {
        margin-bottom: 24px;
    }


    .investors-page .documents h2 {
        margin-bottom: 16px;
    }

    .investors-page .documents .data h3 {
        margin-bottom: 23px;
    }

    .investors-page .documents .data form {
        margin-bottom: 32px;
        width: 100%;
    }

    .investors-page .documents .table {
        margin-bottom: 32px;
        overflow-x: auto;
    }

    .investors-page .documents .data thead {
        margin-bottom: 16px;
    }

    .investors-page .documents .data tr:not(:last-child) {
        margin-bottom: 10px;
    }

    .investors-page .documents .reports td:not(:last-child),
    .investors-page .documents .faq td:not(:last-child),
    .investors-page .documents .gms td:not(:nth-last-child(3)):not(:nth-last-child(2)):not(:last-child),
    .investors-page .documents .gms .empty-cell {
        background-color: var(--color--maastricht-blue-transparent-05);
        box-shadow: none;
    }

    .investors-page .documents .reports,
    .investors-page .documents .gms {
        margin-bottom: 56px;
    }

    .investors-page .documents .reports tr,
    .investors-page .documents .gms tr,
    .investors-page .documents .faq tr {
        grid-column-gap: 16px;
        grid-template-columns: repeat(5, calc(var(--container--width) / 2.3));
    }

    .investors-page .documents .data .load-more {
        width: 100%;
    }




    .press-releases-page .documents form {
        margin-bottom: 32px;
        width: 100%;
    }

    .press-releases-page .documents .table {
        margin-bottom: 32px;
        overflow-x: auto;
    }

    .press-releases-page .documents thead {
        margin-bottom: 16px;
    }

    .press-releases-page .documents tr {
        grid-column-gap: 16px;
        grid-template-columns: repeat(5, calc(var(--container--width) / 2.3));
    }

    .press-releases-page .documents tr:not(:last-child) {
        margin-bottom: 10px;
    }

    .press-releases-page .documents td:not(:last-child) {
        background-color: var(--color--maastricht-blue-transparent-05);
        box-shadow: none;
    }

    .press-releases-page .documents .load-more {
        width: 100%;
    }




    .data-processing-page .content {
        margin-bottom: 56px;
    }

    .data-processing-page .details {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .data-processing-page .tax-identification-data {
        margin-bottom: 24px;
    }

    .data-processing-page .details .info {
        padding: 28px 24px 26px;
    }

    .data-processing-page .details h2 {
        margin-bottom: 14px;
    }




    .offers-page .offer {
        align-items: stretch;
        display: flex;
        flex-direction: column-reverse;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .offers-page .offer:not(:last-child) {
        margin-bottom: 56px;
    }

    .offers-page .offer:nth-child(even) .media {
        order: 0;
    }

    .offers-page .offer:nth-child(even) .text,
    .offers-page .offer:nth-child(odd) .text {
        padding: 0;
    }

    .offers-page .offer .media {
        margin-bottom: 22px;
    }

    .offers-page .offer h2 {
        margin-bottom: 8px;
    }

    .offers-page .offer .list-title {
        margin-bottom: 8px;
    }

    .offers-page .offer ul {
        margin-bottom: 22px;
    }




    .blog-page .list {
        margin-bottom: 56px;
    }


    .blog-page article:not(:last-child) {
        margin-bottom: 56px;
    }

    .blog-page article:nth-child(even) .media {
        order: 0;
    }

    .blog-page article:nth-child(even) .text,
    .blog-page article:nth-child(odd) .text {
        padding: 0;
    }

    .blog-page article a {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .blog-page article .media {
        margin-bottom: 30px;
    }

    .blog-page article time {
        margin-bottom: 16px;
    }

    .blog-page article h2 {
        margin-bottom: 8px;
    }

    .blog-page article p:not(:last-child) {
        margin-bottom: 22px;
    }


    .blog-page .pagination {
        font-size: 17px;
    }

    .blog-page .pagination .page-numbers:not(:last-child) {
        margin-right: 6px;
    }

    .blog-page .pagination svg {
        height: 14px;
        width: auto;
    }




    .article-page .content {
        margin-bottom: 56px;
    }




    .contact-page .content {
        align-items: stretch;
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
        margin-bottom: 56px;
    }

    .contact-page .info h2 {
        margin-bottom: 8px;
    }

    .contact-page .info p {
        margin-bottom: 22px;
    }




    .careers-page .description {
        margin-bottom: 32px;
    }

    .careers-page .jobs {
        margin-bottom: 56px;
    }

    .careers-page h2 {
        margin-bottom: 20px;
    }

    .careers-page .jobs .content {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .careers-page ul {
        margin-bottom: 48px;
    }

    .careers-page li:not(:last-child) {
        margin-bottom: 24px;
    }

    .careers-page li span {
        padding-bottom: 6px;
        padding-top: 8px;
        text-align: left;
    }




    .room-page .slider {
        margin-bottom: 56px;
    }

    .room-page .slider .media-wrapper {
        width: calc((var(--container--width) - calc(16px * 2)) / 3);
    }

    .room-page .slider .media-wrapper:not(:last-child) {
        margin-right: 16px;
    }

    .room-page .facilities {
        margin-bottom: 56px;
    }

    .room-page .facilities h2 {
        margin-bottom: -3px;
    }

    .room-page .facilities ul {
        grid-column-gap: 24px;
        grid-template-columns: repeat(2, 1fr);
    }

    .room-page .facilities li:nth-child(even)::after {
        left: -24px;
        width: calc(100% + 24px);
    }

    .room-page .facilities li:nth-child(3n+2):not(:nth-child(even))::after {
        left: 0;
        width: 100%;
    }


    .room-page .facilities .description {
        padding-bottom: 48px;
        padding-top: 48px;
    }

    .room-page .facilities p:not(:last-child) {
        margin-bottom: 22px;
    }


    .room-page .details {
        margin-bottom: 56px;
    }

    .room-page .details h2 {
        margin-bottom: 20px;
    }

    .room-page .details ul {
        display: block;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }


    .room-page .details li {
        width: 100%;
    }

    .room-page .details li:not(:nth-child(3n)) {
        margin-right: 0;
    }

    .room-page .details li:nth-last-child(-n+3),
    .room-page .details li:not(:nth-last-child(-n+3)) {
        margin-bottom: 24px;
    }

    .room-page .details li span:first-child {
        margin-bottom: 10px;
    }




    .restaurant-night-bar-terrace-page .details {
        margin-bottom: 56px;
    }




    .conference-and-event-hall-page .block:not(:last-child) {
        margin-bottom: 56px;
    }

    .conference-and-event-hall-page .video h2 {
        margin-bottom: 20px;
    }

    .conference-and-event-hall-page .video button::before {
        height: 64px;
        width: 64px;
    }

    .conference-and-event-hall-page .video button::after {
        border-bottom-width: 8px;
        border-left-width: 16px;
        border-top-width: 8px;
    }




    .wellness-spa-page .block:not(:last-child) {
        margin-bottom: 56px;
    }


    .wellness-spa-page .procedures h2 {
        margin-bottom: 20px;
    }

    .wellness-spa-page .procedures li {
        display: flex;
        flex-direction: column;
        grid-column-gap: 0;
        grid-template-columns: none;
        padding-right: 0;
    }

    .wellness-spa-page .procedures .media {
        margin-bottom: 22px;
        width: 100%;
    }

    .wellness-spa-page .procedures h3 {
        margin-bottom: 8px;
    }


    .wellness-spa-page .etiquette h2 {
        margin-bottom: 8px;
    }

    /* .wellness-spa-page .etiquette .description {
        margin-bottom: 23px;
    } */


    .wellness-spa-page .prices {
        align-items: stretch;
        display: flex;
        flex-direction: column-reverse;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .wellness-spa-page .prices .media {
        order: 0;
    }

    .wellness-spa-page .prices .text {
        padding: 0;
    }

    .wellness-spa-page .prices .media {
        margin-bottom: 22px;
    }

    .wellness-spa-page .prices h2 {
        margin-bottom: 8px;
    }

    .wellness-spa-page .prices .list-title {
        margin-bottom: 8px;
    }


    /* .wellness-spa-page .etiquette li {
        grid-template-columns: 64px auto;
    }

    .wellness-spa-page .etiquette li::before {
        font-size: 55px;
    } */

    .wellness-spa-page .procedures .control {
        width: var(--container--width);
    }

    .wellness-spa-page .procedures .control::before {
        padding-top: 60%;
    }


    .wellness-spa-page .vouchers .header {
        margin-bottom: 32px;
    }

    .wellness-spa-page .vouchers .content {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .wellness-spa-page .vouchers .media {
        background-color: transparent;
        margin-bottom: 32px;
    }

    .wellness-spa-page .vouchers img {
        object-fit: cover;
    }

    .wellness-spa-page .vouchers .text {
        padding: 0;
    }




    .form-submission-response-page .featured-media::before {
        height: 396px;
    }

    .form-submission-response-page .media {
        max-height: 1060px;
        min-height: 560px;
        padding: 0 64px 14px;
    }

    .form-submission-response-page h1 {
        margin-bottom: 27px;
    }

    .form-submission-response-page span:last-child {
        font-size: 21px;
        line-height: 29px;
    }




    .cookies-modal .text {
        display: block;
        margin-right: 24px;
    }

    .cookies-modal h4 {
        display: inline;
        margin-right: 4px;
    }

    .cookies-modal button {
        background-color: transparent;
        padding: 0;
    }

    .cookies-modal span {
        display: none;
    }

    .cookies-modal svg {
        display: block;
    }




    .site-modal {
        padding: 16px;
    }

    .site-modal.reservation .fields-wrapper:nth-child(6) {
        grid-template-columns: 185px auto;
    }

    .site-modal .content {
        width: var(--container--width);
    }




    .site-footer {
        padding-top: 48px;
    }

    .site-footer .container {
        grid-row-gap: 0;
        grid-template-columns: repeat(4, 25%);
    }

    .site-footer .about {
        grid-column-start: span 4;
        margin-bottom: 42px;
        padding: 0;
    }

    .site-footer .about svg {
        height: 96px;
        margin-bottom: 27px;
    }

    .site-footer .about p {
        margin: 0 auto;
        max-width: 368px;
    }

    .site-footer .company {
        grid-column-start: span 2;
        margin-bottom: 41px;
        padding-left: 0;
    }

    .site-footer .contact {
        align-items: center;
        grid-column-start: span 2;
        margin-bottom: 41px;
    }

    .site-footer .note {
        font-size: 13px;
        grid-column-start: span 4;
        line-height: 21px;
        margin-left: calc(-1 * ((var(--viewport--width) - var(--container--width)) / 2));
        padding-bottom: 16px;
        width: var(--viewport--width);
    }

    .site-footer .note svg {
        height: 10px;
        margin-top: 7px;
        width: auto;
    }

}




@media (max-width: 739px) {

    .site-slider-control.align-center.prev {
        left: -8px;
        top: calc(50% - 16px);
    }

    .site-slider-control.align-center.next {
        right: -8px;
        top: calc(50% - 16px);
    }

    .site-slider-control.align-left.prev {
        bottom: calc(50% - 16px);
        left: -8px;
    }

    .site-slider-control.align-left.next {
        bottom: calc(50% - 16px);
        right: -8px;
    }

    .site-slider-control.align-right.prev {
        bottom: calc(50% - 16px);
        left: -8px;
    }

    .site-slider-control.align-right.next {
        bottom: calc(50% - 16px);
        right: -8px;
    }

    .site-slider-control button {
        height: 32px;
        width: 32px;
    }

    .site-slider-control svg {
        height: 16px;
    }




    .home-page .rooms .control.prev button {
        left: -8px;
    }

    .home-page .rooms .control.next button {
        right: -8px;
    }




    .wellness-spa-page .procedures .control.prev button {
        left: -8px;
    }

    .wellness-spa-page .procedures .control.next button {
        right: -8px;
    }

}




@media (max-width: 691px) {

    :root {
        --container--width: calc(var(--viewport--width) - 32px);
    }




    .site-featured-media .text {
        padding: 0 56px 10px;
    }




    .home-page .presentation {
        position: relative;
    }

    .home-page .presentation::before {
        display: none;
    }

    .home-page .presentation .background {
        left: 0;
        padding-top: 60%;
        position: absolute;
        top: -80px;
        width: var(--container--width);
    }

    .home-page .presentation .background::before {
        background-color: var(--color--maastricht-blue);
        content: "";
        height: 100%;
        left: calc(-1 * ((var(--viewport--width) - var(--container--width)) / 2));
        position: absolute;
        top: 0;
        width: var(--viewport--width);
    }

    .home-page .presentation .text {
        padding-bottom: 96px;
    }

    .home-page .presentation h1 > span:first-child {
        margin-bottom: 8px;
    }

    .home-page .presentation h1 > span:first-child span {
        display: block;
    }

    .home-page .presentation h1 > span:last-child {
        font-size: 25px;
        line-height: 33px;
    }

    .home-page .presentation .book-a-stay {
        border-radius: 16px;
        margin-top: -100px;
        width: calc(100% - 32px);
    }

    .home-page .presentation form {
        grid-template-columns: repeat(3, 1fr);
    }

    .home-page .presentation label {
        box-sizing: border-box;
        height: 100px;
    }

    .home-page .presentation svg {
        height: 24px;
        margin-bottom: 10px;
    }

    .home-page .presentation .title {
        font-size: 14px;
        margin-bottom: 3px;
    }

    .home-page .presentation .description {
        display: none;
    }

    .home-page .presentation input[type="text"]::placeholder {
        font-size: 12px;
    }

    .home-page .presentation .value {
        display: block;
        font-size: 12px;
    }

    .home-page .presentation .value::before {
        content: attr(data-inner-text);
    }

    .home-page .presentation .action {
        grid-column-start: span 3;
    }

    .home-page .presentation .action button {
        display: block;
        flex-direction: row;
        height: 40px;
        padding: 11px 32px 9px;
    }

    .home-page .presentation .action svg {
        display: none;
    }

    .home-page .presentation .action span span:first-child {
        display: inline;
        font-size: 17px;
        margin-bottom: 0;
    }

    .home-page .presentation .action span span:last-child {
        display: inline;
        font-size: 17px;
    }

    .home-page .presentation .action span span:last-child::first-letter {
        text-transform: none;
    }




    .about-us-page .shareholders tr {
        grid-template-columns: repeat(4, calc(var(--container--width) / 1.5));
    }




    .investors-page .documents .reports tr,
    .investors-page .documents .gms tr,
    .investors-page .documents .faq tr {
        grid-column-gap: 16px;
        grid-template-columns: repeat(5, calc(var(--container--width) / 1.5));
    }




    .press-releases-page .documents tr {
        grid-template-columns: repeat(5, calc(var(--container--width) / 1.5));
    }




    /* .wellness-spa-page .etiquette li {
        grid-template-columns: 56px auto;
    }

    .wellness-spa-page .etiquette li::before {
        font-size: 45px;
    } */





    .form-submission-response-page .featured-media::before {
        display: none;
    }

    .form-submission-response-page .background {
        left: 0;
        padding-top: 60%;
        position: absolute;
        top: -80px;
        width: var(--container--width);
    }

    .form-submission-response-page .background::before {
        background-color: var(--color--maastricht-blue);
        content: "";
        height: 100%;
        left: calc(-1 * ((var(--viewport--width) - var(--container--width)) / 2));
        position: absolute;
        top: 0;
        width: var(--viewport--width);
    }

    .form-submission-response-page .media {
        padding: 0 56px 12px;
    }

}




@media (max-width: 599px) {

    .site-featured-media .text {
        padding-left: 40px;
        padding-right: 40px;
    }


    .site-newsletter-subscribe .fields {
        display: block;
    }

    .site-newsletter-subscribe .fields input {
        margin: 0 0 16px;
    }

    .site-newsletter-subscribe .fields button {
        justify-content: center;
        width: 100%;
    }


    .site-modal.reservation {
        padding: 0;
    }

    .site-modal.reservation[_move-content] .content {
        transform: translateY(0);
    }

    .site-modal.reservation[_hide-content] .content {
        opacity: 1;
        transform: translateY(100%);
    }

    .site-modal.reservation .content {
        height: 100vh;
        opacity: 1;
        transform: translateY(100%);
        width: 100%;
    }

    .site-modal.reservation .fields-wrapper:nth-child(5) {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
        padding-bottom: 32px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .site-modal.reservation .fields-wrapper:nth-child(5) fieldset:first-child .fields {
        grid-template-columns: repeat(3, 1fr);
    }

    .site-modal.reservation .fields-wrapper:nth-child(5) fieldset:first-child {
        margin-bottom: 32px;
    }

    .site-modal.reservation .fields-wrapper:nth-child(5) fieldset:last-child .fields {
        margin-top: 0;
    }

    .site-modal.reservation .fields-wrapper:nth-child(5) fieldset:last-child span {
        display: inline;
    }

    .site-modal.reservation .fields-wrapper:nth-child(5) legend,
    .site-modal.reservation .fields-wrapper:nth-child(6) legend {
        margin-bottom: 15px;
    }

    .site-modal.reservation .fields-wrapper:nth-child(5) fieldset:first-child .fields > svg,
    .site-modal.reservation .fields-wrapper:nth-child(6) svg {
        display: none;
    }

    .site-modal.reservation .fields-wrapper:nth-child(6) {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
        padding: 0 16px 40px;
    }

    .site-modal.reservation .fields-wrapper:nth-child(6) .field:first-child {
        margin-bottom: 32px;
    }

    .site-modal.reservation .fields-wrapper:nth-child(7) {
        padding-left: 16px;
        padding-right: 16px;
    }

    .site-modal .content {
        overflow-y: auto;
    }




    .management-page .management ul {
        display: block;
        justify-content: flex-start;
    }

    .management-page .administration li {
        width: var(--container--width);
    }

    .management-page .management li {
        width: 100%;
    }

    .management-page .administration li:not(:last-child) {
        margin-right: 0;
    }

    .management-page .management li:not(:last-child) {
        margin: 0 0 24px;
    }




    .investors-page .contact .person {
        width: 100%;
    }




    .room-page .slider .media-wrapper {
        width: calc((var(--container--width) - 16px) / 2);
    }

    .room-page .slider .media-wrapper:not(:last-child) {
        margin-right: 16px;
    }


    .room-page .facilities ul {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .room-page .facilities li:nth-child(even)::after {
        left: 0;
        width: 100%;
    }




    /* .wellness-spa-page .etiquette li {
        grid-template-columns: 44px auto;
    }

    .wellness-spa-page .etiquette li::before {
        font-size: 41px;
    } */




    .form-submission-response-page .media {
        padding-left: 40px;
        padding-right: 40px;
    }




    .site-footer .container {
        display: block;
        grid-template-columns: none;
    }

    .site-footer .about {
        grid-column-start: auto;
        margin-bottom: 30px;
    }

    .site-footer .about svg {
        margin-bottom: 23px;
    }

    .site-footer .company {
        grid-column-start: auto;
        margin-bottom: 30px;
        text-align: center;
    }

    .site-footer .contact {
        grid-column-start: auto;
        margin-bottom: 48px;
        text-align: center;
    }

    .site-footer .contact li:nth-child(3) {
        margin-bottom: 17px;
    }

    .site-footer .contact li:nth-child(4) {
        display: flex;
        grid-column-start: 2;
        justify-content: flex-end;
    }

    .site-footer .contact svg {
        height: 22px;
    }

    .site-footer .note p > span:last-child {
        display: block;
    }

}




@media (max-width: 499px) {

    .site-heading.size-extra-extra-large {
        font-size: 35px;
        line-height: 43px;
    }


    .site-featured-media .text {
        padding-left: 24px;
        padding-right: 24px;
    }

    .site-featured-media h1:not(:last-child) {
        margin-bottom: 17px;
    }


    .site-modal.newsletter .content {
        padding-left: 24px;
        padding-right: 24px;
    }




    .home-page .presentation h1 {
        margin-bottom: 28px;
    }

    .home-page .presentation h1 > span:first-child {
        font-size: 47px;
        line-height: 55px;
        margin-bottom: 6px;
    }

    .home-page .facilities .list {
        grid-gap: 32px 16px;
    }

    .home-page .facilities .list h3 {
        font-size: 15px;
        line-height: 23px;
        padding-bottom: 6px;
        padding-top: 9px;
    }




    .about-us-page .shareholders tr {
        grid-template-columns: repeat(4, calc(var(--container--width) / 1.2));
    }




    .management-page .documents li > svg {
        display: none;
    }

    .management-page .documents a {
        padding: 11px 12px;
    }

    .management-page .documents a svg {
        display: block;
    }

    .management-page .documents a span {
        display: none;
    }




    .investors-page .documents .reports tr,
    .investors-page .documents .gms tr,
    .investors-page .documents .faq tr {
        grid-template-columns: repeat(5, calc(var(--container--width) / 1.2));
    }




    .press-releases-page .documents tr {
        grid-template-columns: repeat(5, calc(var(--container--width) / 1.2));
    }




    .contact-page .fields {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .contact-page .fields label:not(:last-child) {
        margin-bottom: 24px;
    }




    .careers-page .fields {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .careers-page .fields > label:not(:last-child) {
        margin-bottom: 24px;
    }

    .careers-page .file {
        width: auto;
    }




    .form-submission-response-page .media {
        padding-left: 24px;
        padding-right: 24px;
    }

    .form-submission-response-page h1 {
        margin-bottom: 25px;
    }

}




@media (max-width: 439px) {

    .site-media.aspect-ratio-1 {
        padding-top: 70%;
    }

    .site-media.aspect-ratio-2 {
        padding-top: 70%;
    }

    .site-media.aspect-ratio-3 {
        padding-top: 70%;
    }

    .site-media.aspect-ratio-4 {
        padding-top: 90%;
    }

    .site-media.aspect-ratio-5 {
        padding-top: 70%;
    }


    .site-heading.size-large,
    .site-heading.size-extra-large {
        font-size: 29px;
        line-height: 37px;
    }

    .site-heading.size-extra-extra-large {
        font-size: 29px;
        line-height: 37px;
    }


    .site-featured-media .text {
        padding-bottom: 4px;
    }

    .site-featured-media h1:not(:last-child) {
        margin-bottom: 16px;
    }




    .home-page .presentation .background {
        padding-top: 70%;
    }

    .home-page .presentation h1 {
        margin-bottom: 25px;
    }

    .home-page .presentation h1 > span:first-child {
        font-size: 41px;
        line-height: 49px;
    }

    .home-page .presentation h1 > span:last-child {
        font-size: 19px;
        line-height: 27px;
    }


    .home-page .facilities .list {
        grid-gap: 24px 4px;
    }

    .home-page .facilities .list .media {
        margin-bottom: 8px;
    }

    .home-page .facilities .list h3 {
        font-size: 13px;
        padding-left: 6px;
        padding-right: 6px;
    }


    .home-page .rooms .control::before {
        padding-top: 70%;
    }




    .wellness-spa-page .procedures .control::before {
        padding-top: 70%;
    }




    .form-submission-response-page .background {
        padding-top: 70%;
    }

    .form-submission-response-page span:last-child {
        font-size: 19px;
        line-height: 27px;
    }

}