/* Container für das Formular */
.kontakt-container {
    max-width: 600px;      /* gewünschte maximale Breite */
    margin: 0 auto;        /* zentriert den Container horizontal */
}

.kontaktformular {
    display: flex;
    flex-direction: column;
    gap: 0rem;
    max-width: 600px;
    margin: 0;          /* Kein zentrieren */
    text-align: left;   /* Text linksbündig */
}

.kontaktformular label {
    font-weight: bold;
    color: #00137F;
    margin-top: 1rem;  /* vorher vielleicht 0.5rem oder 1rem */
}

.kontaktformular input,
.kontaktformular select,
.kontaktformular textarea {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ccc;
    border-radius: 0px;
    font-size: 1rem;
    font-size: 1rem;                 /* Schriftgröße */
    font-family: Arial, sans-serif;  /* Schriftart */
    line-height: 1.4;                /* bessere Lesbarkeit */
}

.kontaktformular input:focus,
.kontaktformular select:focus,
.kontaktformular textarea:focus {
    outline: 2px solid #FF6A00;
}

.submit-button {
    background-color: #FF6A00;
    color: white;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 0px;
    font-size: 1rem;
    cursor: pointer;
    align-self: flex-start; /* Button linksbündig */
    margin-bottom: 1rem;
    text-decoration: none !important;
}

.submit-button:hover {
    background-color: #e65c00;
    text-decoration: none !important;
}

a.submit-button,
a.submit-button:link,
a.submit-button:visited,
a.submit-button:hover,
a.submit-button:active {
    text-decoration: none !important;
    color: white; /* Farbe beibehalten */
}

/* Honeypot verstecken, aber Screenreader-tauglich */
.honeypot-wrapper {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}