@media (max-width:1043px) {
    .hero-content {
        flex-direction: column-reverse;
        height: max-content;
        margin-top: var(--spacing-xl);
        margin-bottom: var(--spacing-xl);
    }

    .quiclinks-section {
        justify-content: center;
    }

    .text-part {
        width: 100%;
    }

    .menu {
        display: none !important;
    }

    .social-media-header-logo {
        display: none;
    }

    h1 {
        text-align: center;
    }

    .opening-text {
        text-align: center;
    }

    .picture-part {
        width: 100%;
    }


    .subtitle {
        font-size: calc(0.8*var(--font-l));
    }

    .service-content {
        height: max-content;
        max-height: none;
    }

    .service-content-top,
    .service-content-bottom {
        flex-direction: column;
    }

    .top,
    .bottom {
        flex-direction: column;
    }

    .special-offer-inner-box {
        display: flex;
        flex-direction: column;
        height: max-content;
        width: max-content;
        padding: var(--spacing-m);
        gap: calc(1.25*var(--spacing-xl))
    }

    .special-offer-content {
        height: max-content;
        margin-top: var(--spacing-xl);
        margin-bottom: var(--spacing-xl);
    }

    .about-me-story {
        flex-direction: column;
        padding: var(--spacing-s);
    }

    .about-me-story-picture {
        width: 100%;
    }

    .about-me-story-text {
        width: 100%;
    }

    .about-me-story-link-parent {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .galerie-subtitle {
        text-align: center;
    }


    h2 {
        font-size: var(--font-h2);
    }

    .offer-list {
        font-size: calc(1.5* var(--font-));
    }

    .reference-content {
        height: max-content;
        width: max-content;
        max-height: none;
        max-width: none;
    }

    .reference-body {
        flex-direction: column;
        width: max-content;
        height: max-content;
        gap: var(--spacing-m);
    }

    .visit-us-main-box {
        max-width: none;
        max-height: none;
        width: max-content;
        height: max-content;
        padding-top: var(--spacing-l);
        padding-bottom: var(--spacing-l);
        gap: var(--spacing-xl);

    }

    .visit-us-at-content {
        height: max-content;
    }

    .visit-us-body-first-half {
        text-align: center;
    }

    .visit-us-form {
        flex-direction: column;
    }

    .visit-form-data,
    .visit-form-message {
        width: 100%;
    }

    .visit-form-message {
        height: max-content
    }

    #message-index {
        height: calc(0.5*var(--content-height-unit));
        width: 98.2%;
    }

    .footer-content {
        align-items: center;
    }

    .footer-content-inner-box {
        height: max-content;
        max-height: none;
        max-width: none;
        padding-top: var(--spacing-s);
    }

}

@media(max-width:640px) {
    .visit-us-body {
        padding: var(--spacing-m);
        box-sizing: border-box;
        width: 420px;
    }
}

@media(max-width:480px) {

    .visit-us-body {
        padding: var(--spacing-m);
        box-sizing: border-box;
        width: 320px;
    }
}

@media(max-width:366px) {
    h2 {
        font-size: calc(0.8*1.5 * var(--font-h2));
    }
}