/* Eingabefelder nutzen immer die gesamte verfügbare Breite. */
.kontaktbereich .formularfeld > input,
.kontaktbereich .formularfeld > select,
.kontaktbereich .formularfeld > textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Sichtbare Labels stehen immer oberhalb des Eingabefeldes. */
.kontaktbereich .formularfeld > label {
    display: block;
    width: 100%;
}

/* Platzhalter bleiben gut lesbar, aber optisch zurückhaltend. */
.kontaktbereich input::placeholder,
.kontaktbereich textarea::placeholder {
    color: #62666d;
    opacity: 1;
}

/* Labels bleiben für Vorleseprogramme erhalten, sind aber nicht sichtbar. */
.kontaktbereich .visuell-versteckt {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Einfacher Spamschutz: Dieses Feld darf für Besucher nicht sichtbar sein. */
.kontaktbereich .honigfeld {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}