/* Contact Form Styles */
.contact-form {
    background-color: rgba(255, 255, 255, 0.8); /* Leicht transparenter weißer Hintergrund */
    border-radius: 10px; /* Abgerundete Ecken */
    padding: 30px; /* Innenabstand */
    margin: 30px 0; /* Außenabstand oben und unten */
}

/* Styling für Formulargruppen */
.form-group {
    margin-bottom: 20px; /* Abstand nach unten zwischen Formularfeldern */
}

/* Styling für Formularbeschriftungen */
.form-group label {
    display: block; /* Blockelement, um die volle Breite einzunehmen */
    margin-bottom: 5px; /* Abstand unter der Beschriftung */
    font-weight: bold; /* Fettgedruckter Text */
    color: #333; /* Dunkelgraue Textfarbe */
}

/* Styling für Eingabefelder, Textareas und Select-Menüs */
.form-group input,
.form-group textarea,
.form-group select {
    width: 100%; /* Volle Breite des Containers */
    padding: 12px; /* Innenabstand für bessere Bedienbarkeit */
    border: 1px solid #ddd; /* Hellgrauer Rahmen */
    border-radius: 5px; /* Leicht abgerundete Ecken */
    font-size: 16px; /* Größere Schrift für bessere Lesbarkeit */
    background-color: rgba(255, 255, 255, 0.9); /* Fast weißer, leicht transparenter Hintergrund */
}

/* Spezifisches Styling für Textareas */
.form-group textarea {
    min-height: 120px; /* Minimale Höhe */
    resize: vertical; /* Erlaube nur vertikales Größenändern */
}

/* Styling für den Absende-Button */
.submit-btn {
    background-color: #e9932b; /* Orange Hintergrundfarbe */
    color: white; /* Weiße Textfarbe */
    border: none; /* Kein Rahmen */
    padding: 15px 30px; /* Innenabstand für Button */
    border-radius: 5px; /* Abgerundete Ecken */
    font-size: 16px; /* Schriftgröße */
    font-weight: bold; /* Fettgedruckter Text */
    cursor: pointer; /* Zeiger-Cursor beim Überfahren */
    transition: background-color 0.3s ease; /* Sanfter Farbübergang beim Hover */
}

/* Hover-Effekt für den Absende-Button */
.submit-btn:hover {
    background-color: #d17e1f; /* Dunkleres Orange beim Überfahren */
}

/* Styling für Formular-Hinweise */
.form-note {
    font-size: 14px; /* Kleinere Schriftgröße */
    color: #666; /* Mittlere Graufärbung */
    margin-top: 10px; /* Abstand nach oben */
}

/* Styling für rechtliche Abschnitte */
.legal-section {
    background-color: rgba(255, 255, 255, 0.8); /* Leicht transparenter weißer Hintergrund */
    border-radius: 10px; /* Abgerundete Ecken */
    padding: 30px; /* Innenabstand */
    margin: 30px 0; /* Außenabstand oben und unten */
}

/* Überschriften in rechtlichen Abschnitten */
.legal-section h3 {
    color: #e9932b; /* Orange Textfarbe */
    margin-bottom: 20px; /* Abstand nach unten */
    border-bottom: 2px solid #e9932b; /* Orangefarbene Unterstreichung */
    padding-bottom: 10px; /* Abstand unter dem Text zur Linie */
}

/* Container für rechtliche Informationen */
.legal-info {
    line-height: 1.6; /* Erhöhter Zeilenabstand für bessere Lesbarkeit */
}

/* Unterüberschriften in rechtlichen Informationen */
.legal-info h4 {
    color: #333; /* Dunkelgraue Textfarbe */
    margin: 15px 0 5px 0; /* Abstände oben und unten */
}

/* Absätze in rechtlichen Informationen */
.legal-info p {
    margin-bottom: 10px; /* Abstand nach unten zwischen Absätzen */
    color: #555; /* Mittelgraue Textfarbe */
}