/* ───────────────────────────────────────────────────────────────────────────
   Wirklich alle Bootstrap-Defaults für Floating-Inputs aufbrechen
────────────────────────────────────────────────────────────────────────────── */
.form-floating > .form-control,
.form-floating > .form-select {
  /* Höhe festlegen (inkl. Border!) */
  height: 2.5rem !important;
  /* den Bootstrap-min-height plattmachen */
  min-height: 2.5rem !important;

  /* Innenabstand oben/unten */
  padding-top: 1.1rem !important;
  padding-bottom: 0.4rem !important;
  /* evtl. noch etwas kleinere Schrift */
  font-size: 1.0rem !important;
  line-height: 1.4 !important;

  /* wichtig für Berechnung */
  box-sizing: border-box !important;
}

/* die weißen Pseudo-Boxen unter dem Label entfernen */
.form-floating > label::before,
.form-floating > label::after {
  display: none !important;
}

/* Label selber auf Input-Höhe trimmen */
.form-floating > label {
	margin-top: -1px !important;
  height: 2.5rem !important;
  line-height: 1.0 !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 0.75rem !important;
}

/* ───────────────────────────────────────────────────────────────
   Geburtstags-Dropdowns genauso hoch machen wie die Floating-Inputs
──────────────────────────────────────────────────────────────── */
.form-floating.dropdown-as-input {
  position: relative; /* damit unser Button absolut positioniert werden kann */
}

/* 1) Den eigentlichen Dropdown-Button hochziehen */
.form-floating.dropdown-as-input .dropdown-toggle {
  /* dieselben Maße wie Dein form-control-Override */
  height: 2.5rem !important;
  min-height: 2.5rem !important;
  padding-top:    1.1rem !important;
  padding-bottom: 0.4rem !important;
  font-size:  1.0rem !important;
  line-height: 1.4 !important;
  box-sizing: border-box !important;

  /* Stelle sicher, dass dein Button den kompletten Container ausfüllt */
  width: 100%;
  text-align: left;
}

/* 2) Verstecke das weiße Clipping-Pseudo-Element (wie bei den anderen) */
.form-floating.dropdown-as-input > label::before,
.form-floating.dropdown-as-input > label::after {
  display: none !important;
}

/* 3) Label exakt auf Höhe des Buttons trimmen */
.form-floating.dropdown-as-input > label {
  margin-top:  -1px !important; /* Label über den Button heben */
  height:      2.5rem   !important;
  line-height: 1.0     !important;
  display:     flex    !important;
  align-items: center  !important;
  padding:     0 0.75rem !important;
  pointer-events: none; /* damit der Button hinter dem Label klickbar bleibt */
}


.form-floating > .form-select {
  /* exakte Feldhöhe übernehmen */
  height: 2.5rem !important;
  min-height: 2.5rem !important;

  /* gleichmäßigeres Padding oben/unten */
  padding-top:    0.6rem !important;
  padding-bottom: 0.6rem !important;

  /* Schrift und Zeilenhöhe */
  font-size: 1rem !important;
  line-height: 1.4rem !important; /* = font-size, damit die Baseline in der Mitte sitzt */
}