.webform-element-description {
      font-family: "SourceSansPro", "Helvetica Neue", "Arial", sans-serif;
    font-size: 0.7rem !important;
    font-weight: 400 !important;
    line-height: 1rem !important;
    letter-spacing: normal !important;
    font-style: normal !important;
}

.text-count-message {
      font-family: "SourceSansPro", "Helvetica Neue", "Arial", sans-serif;
    font-size: 0.7rem !important;
    font-weight: 400 !important;
    line-height: 1rem !important;
    letter-spacing: normal !important;
    font-style: normal !important;
}

.text-formular {
    font-family: "SourceSansPro", "Helvetica Neue", "Arial", sans-serif;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    line-height: 1rem !important;
    letter-spacing: normal !important;
    font-style: normal !important;
}

.form-button-center {
    display: flex;
    justify-content: center; /* Zentriert den Button horizontal */ 
}

.form-only {
    width: 100%;
    max-width: 1000px;
    margin: 40px auto;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

/* Responsive Anpassungen */
@media (min-width: 1024px) {
    .form-only {
        width: 60%;
        max-width: 800px;
    }
    .form-submit2 {
        width: 60% !important;
        max-width: 800px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .form-only {
        width: 80%;
    }
    .form-submit2 {
        width: 80% !important;
    }
}

@media (max-width: 767px) {
    .form-only {
        width: 95%;
        padding: 16px;
    }
    .form-submit2 {
        width: 95% !important;
        padding: 16px;
    }
}


.form-submit2 {
    font-family: "WWFRegular", "Helvetica Neue", "Arial", sans-serif !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    line-height: 1.2rem !important;
    letter-spacing: 1.2px !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-width: 3px !important;
    padding-top: 11px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-bottom: 9px !important;
    cursor: pointer;
    color: #fff !important;
    background-color: #fe6a22 !important;
    border-color: #fe6a22 !important;
    margin-top: 4px !important;
    background-image: none !important;
    width: 100% !important; /* Kein 100%, sondern nur so breit wie Inhalt */
    display: block;
    box-sizing: border-box;
}


.geburtstag select{
background-color: white !important;
    height: 40px !important;
    border: #000 1px solid !important;
    padding: 0 8px !important;
    font-weight: normal !important;
    font-size: 1rem !important;
    letter-spacing: 1px !important;
    color: #000000 !important;
    margin: 0 !important;  
    display: flex;
    align-items: center; /* Vertikale Ausrichtung */
    flex-wrap: wrap;     /* auf schmalen Screens umbrechen */

}





/* Grundstil für das gesamte File-Feld */
input[type="file"] {
  color: #222;                 /* Dateiname rechts neben dem Button */
  background: #fff;
  border: 2px solid #222;
  padding: .5rem;              /* Platz für Dateiname */
  border-radius: 0;
}

/* Der eigentliche Button innerhalb des File-Inputs */
input[type="file"]::file-selector-button {
  font-weight: 700;
  font-size: 0.95rem;
  letter-spacing: .03em;
  background: #fff;
  color: #222;
  border: 2px solid #222;      /* Schwarzer Rahmen wie beim SENDEN-Button */
  padding: .5rem 1rem;
  margin-right: .75rem;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease, transform .02s ease;
  border-radius: 0;
}

/* Hover: heller Hintergrund, schwarzer Rahmen – wie dein Screenshot */
input[type="file"]::file-selector-button:hover {
  background: #eee;            /* leicht grau für den Hover-Effekt */
  color: #222;
  box-shadow: none;            /* sauber, ohne Schlagschatten */
}

/* Active: kleines „Press“-Feedback */
input[type="file"]::file-selector-button:active {
  transform: translateY(1px);
}

/* Tastaturfokus gut sichtbar */
input[type="file"]:focus-visible,
input[type="file"]::file-selector-button:focus-visible {
  outline: 3px solid #000;     /* oder #8ac6ff, wenn du lieber blau möchtest */
  outline-offset: 2px;
}

/* Optional: Gesamtes Feld bei Hover leicht betonen (nicht zwingend) */
input[type="file"]:hover {
  border-color: #222;
}