/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
.simple-user-login {
  position: relative;
  display: inline-block;
}
.simple-user-login__summary {
  cursor: pointer;
  list-style: none;
}
/* Pfeil von details/summary optional ausblenden */
.simple-user-login__summary::-webkit-details-marker {
  display: none;
}
.simple-user-login__dropdown {
  color: #111;
}
.simple-user-login__field {
  margin-bottom: 0.6rem;
}
.simple-user-login__field input[type="text"], .simple-user-login__field input[type="password"] {
  width: 100%;
  box-sizing: border-box;
}
.simple-user-login__dropdown form {
  width: 220px;
  /* oder was auch immer du willst */
}
.simple-user-login__label {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.simple-user-login__labeltext {
  display: block;
}
.simple-user-login__input {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.simple-user-login__dropdown {
  z-index: 9999;
}
.simple-user-login__dropdown {
  color: #111;
  /* überschreibt geerbtes Weiß */
}
.simple-user-login__dropdown a, .simple-user-login__dropdown label, .simple-user-login__dropdown span {
  color: inherit;
  /* stellt sicher: alles nimmt #111 */
}
.simple-user-login__dropdown input, .simple-user-login__dropdown button {
  color: #111;
  /* falls Inputs ebenfalls weiß erben */
}
/* Wrapper für das Dropdown */
.simple-user-login {
  position: relative;
  display: inline-block;
}
/* Klickfläche */
.simple-user-login__summary {
  cursor: pointer;
  list-style: none;
}
/* Standard-Marker ausblenden (optional) */
.simple-user-login__summary::-webkit-details-marker {
  display: none;
}
/* Dropdown: aus dem Dokumentfluss raus -> klappt über dem Layout nach unten auf */
.simple-user-login__dropdown {
  position: absolute;
  top: calc(100% + 0.4rem);
  right: 0;
  /* Optik */
  background: #fff;
  color: #111;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
  padding: 0.75rem;
  /* Dropdown-Verhalten */
  min-width: 260px;
  z-index: 9999;
}
/* Damit das Modul im Dropdown nicht „rausläuft“ */
.simple-user-login__dropdown .mod-login {
  margin: 0;
}
/* Falls Buttons 100% im Modul setzen: ok, aber nur innerhalb Dropdown */
.simple-user-login__dropdown .mod-login .w-100 {
  width: 100%;
}
.simple-user-login__dropdown a {
  color: black !important;
}
/* Grundschrift im Dropdown etwas kleiner */
.simple-user-login__dropdown {
  font-size: 0.8rem;
}
/* Input-Felder */
.simple-user-login__dropdown input[type="text"], .simple-user-login__dropdown input[type="password"] {
  font-size: 0.8rem;
  padding: 0.35rem 0.5rem;
}
/* Labels / Hilfetexte */
.simple-user-login__dropdown label, .simple-user-login__dropdown .form-check-label {
  font-size: 0.75rem;
}
/* Buttons (Login, Passkey) */
.simple-user-login__dropdown button {
  font-size: 0.8rem;
  padding: 0.4rem 0.6rem;
}
/* Links wie „Passwort vergessen?“ */
.simple-user-login__dropdown .mod-login__options a {
  font-size: 0.75rem;
}
/* Schriftfarbe des Login-Buttons */
.simple-user-login__dropdown .btn.btn-primary {
  color: white;
}
.simple-user-loggedin {
  margin-left: auto;
}
.simple-user-loggedin__summary {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}
/* Trigger rechtsbündig */
.simple-user-loggedin__summary {
  text-align: right;
}
/* Dropdown-Inhalt wieder linksbündig */
.simple-user-login__dropdown {
  text-align: left;
}
/*# sourceMappingURL=custom_13.css.map */