/* ************************************ */
/* CONTACT FORM SECTION */
/* ************************************ */

.contact-section {
    padding: 9.6rem 0;
    margin-top: 8rem; /* Abstand zur fixierten Nav */
}

.contact-text {
    font-size: 2rem;
    margin-bottom: 4.8rem;
    line-height: 1.6;
}

.contact-form {
    max-width: 60rem;
    margin: 0 auto;
    background-color: #fff;
    padding: 4.8rem;
    border-radius: 9px;
    box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.08);
}

.form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 2.4rem;
}

.form-group label {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1.2rem;
    color: #333;
}

.form-group input,
.form-group textarea {
    font-family: inherit;
    font-size: 1.8rem;
    padding: 1.2rem;
    border-radius: 9px;
    border: 1px solid #ddd;
    background-color: #fefcf4;
    transition: all 0.3s;
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #83b582;
    box-shadow: 0 0 0 0.4rem rgba(131, 181, 130, 0.2);
}

.form-actions {
    margin-top: 3.2rem;
}

.form-actions button {
    border: none;
    cursor: pointer;
    width: 100%;
}

/* MEDIA-QUERIES 940px  */
@media (max-width: 58.75rem) {

    .contact-section {
        padding: 8rem 0;
    }

    .form-group input,
    .form-group textarea {
        font-size: 1.6rem;
    }

    .contact-text {
        font-size: 1.8rem;
        margin-bottom: 4.8rem;
    }
}

/* MEDIA-QUERIES 770px  */
@media (max-width: 48.125rem) {

    .contact-section {
        padding: 6.4rem 0;
    }

    .contact-text {
        font-size: 1.6rem;
        margin-bottom: 3.2rem;
    }
}

/* MEDIA-QUERIES 600px   */
@media (max-width: 37.5rem) {

    .contact-section {
        padding: 4.8rem 0;
    }

    .contact-form {
        padding: 3.2rem;
    }
}

/* MEDIA-QUERIES 360px    */
@media (max-width: 22.5rem ) {

    .contact-section {
        padding: 3.2rem 0;
    }

    .contact-form {
        padding: 1.6rem;
    }

    .form-group input,
    .form-group textarea {
        font-size: 1.4rem;
    }

    .contact-text {
        font-size: 1.6rem;
        margin-bottom: 4.8rem;
    }
}