@media (max-width: 110rem) {
    #hotel-reference {
        display: none !important;
    }
}


@media (max-width: 85rem) {
    .title_small p{
        font-size: 0.85rem !important;
    }
}

@media (max-width: 77rem) {
    .image_layout {
        width: 80%;
    }

    .image_container {
        display: inline-block;
        text-align: right;
    }

    .social-spanner {
        font-size: 1.3rem !important;
        margin-top: 1.5rem !important;
    }

    .social-spanner-2 {
        font-size: 1.3rem;
    }

    #s_insta, #s_fb, #s_pinterest, #s_ads, #s_uva {
        margin-top: 0.5rem !important;
        padding: 0.7rem 1.6rem !important;
    }

    .title_big {
        font-size: 2rem;
    }

    .title-2 {
        margin-bottom: 0.5rem !important;
    }

    .header-big {
        font-size: 3rem !important;
    }

    .header-sub {
        font-size: 2rem;
    }

    .mail-form {
        height: 3rem !important;
    }

    .mail-form input {
        height: 3rem !important;
        font-size: 14px !important;
    }

    .mail-form button {
        height: 3rem !important;
        font-size: 14px !important;
        padding: none !important;
        width: 50%;
    }

    .info-text {
        font-size: 0.6rem !important;
    }

    .small-text {
        font-size: 0.75rem;
    }

    #footer-nav {
        font-size: 1.3rem !important;
    }

    #footer-img {
        width: 15rem !important;
    }

    .slogan-big {
        font-size: 2rem !important;
    }

    .slogan-small {
        font-size: 1.3rem !important;
    }



    #hotel-reference img, #freunde-reference img, #jbs-reference img, #wb-reference img {
        width: 90px !important;
        height: 90px !important;
    }

    #reference-rest {
        gap: 2rem !important;
    }

    #hotel-reference p, #freunde-reference p, #jbs-reference p, #wb-reference p {
        font-size: 1.2rem !important;
    }

    .contact-card {
        width: 23rem !important;
    }

    .contact-card h2 {
        font-size: 1.5rem !important;
    }

    .contact-card p, .contact-card a {
        font-size: 1rem !important;
    }

    .form-footer {
        padding-bottom: 0.5rem !important;
    }
}


@media (max-width: 63rem) {
    #reference-rest {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem  0rem !important;
        justify-items: center !important;
    }

    #hotel-reference {
        display: inherit !important;
    }

    #hotel-reference, #freunde-reference, #jbs-reference, #wb-reference {
        grid-template-columns: repeat(3, 130px) !important;
    }

    #hotel-reference img, #freunde-reference img, #jbs-reference img, #wb-reference img {
        width: 130px !important;
        height: 130px !important;
    }

    #insta-text, #fb-text, #pinterest-text, #ads-text {
        font-size: 22px !important;
    }

    .title_small p {
        font-size: 0.7rem !important;
    }

    .title_small {
        font-size: 0.9rem;
    }
}

@media (max-width: 55rem) {
    .container-platforms {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        gap: 0rem !important;
        row-gap: 1em !important;
    }

    #box-lu, #box-ru, #box-ld, #box-rd {
        grid-column-start: 1;
        border-radius: 10px !important;
    }

    #box-ru {
        grid-row-start: 3 !important;
    }

    #box-ld {
        grid-row-start: 4 !important;
    }

    #box-rd {
        grid-row-start: 5 !important;
    }

    #hotel-reference, #freunde-reference, #jbs-reference, #wb-reference {
        grid-template-columns: repeat(3, 115px) !important;
    }

    #hotel-reference img, #freunde-reference img, #jbs-reference img, #wb-reference img {
        width: 115px !important;
        height: 115px !important;
    }

}


@media (max-width: 32rem) { 
    .title_big {
        font-size: 1.2rem;
        text-align: center;
    }

    .image_container {
        display: none !important;
    }

    #s_insta, #s_fb, #s_pinterest, #s_ads {
        display: none !important;
    }

    .container-flex {
        height: auto !important;
    }

    .header-big {
        font-size: 1.4rem !important;
    }

    .header-sub {
        font-size: 1.2rem !important;
    }

    .centered-text {
        margin-top: 1rem !important;
        max-width: 70%; 
        margin-left: 15% !important;
    }

    .social-spanner {
        text-align: center;
        margin-right: 4.5rem !important;
    }

    #s_uva {
        padding: 0rem !important;
    }

    .block_layout {
        text-align: center;
    }

    .title_small {
        width: 100% !important;
    }

    #mail-form-mobile {
        width: 70% !important;
        margin-left: 15% !important;
    }

    #mail-form-mobile button {
        padding-left: 1rem !important;
    }

    .mail-form button {
        width: 30% !important;
    }

    .social-spanner-2 {
        display: none !important;
    }

    #text-show-2, #text-show-3 {
        display: block !important;
    }

    .content-wrapper-2 {
        display: inline !important;
    }

    .text-container-2 {
        height: auto;
    }

    #socials-big {
        padding-top: 3.5rem !important;
        padding-bottom: 0.1rem !important;
    }

    #reference-rest {
        grid-template-columns: 1fr;
    }

    .card-container {
        justify-items: center !important;
        display: grid !important;
        grid-template-columns: 1fr;
    }
    
    .container-flex-2 {
        margin-top: 4.5rem !important;
    }

    /* Footer */

    footer {
        display: inherit !important;
        padding: 3rem 2.5rem 2rem 2.5rem !important;
    }

    #footer-l, #footer-r {
        width: 100% !important;
    }

    #footer-r {
        margin-top: 2rem;
    }

    .slogan-big {
        font-size: 1.7rem !important;
    }

    .form-footer button{
        padding-left: 6% !important;
    }

    .form-footer {
        height: 3.2rem !important;
    }
}