/* ============================================================
   Longevity — lr-enquire. Zweispaltige Kontakt/Formular-Sektion.
   Das Formular ist EXT:form (BsBased: .form-group/.form-label/.form-control) und wird
   hier auf die Editorial-Feldoptik (.field-Anmutung der Vorlage) gebracht.
   Variante dark/light steuert die Text-/Formularfarben; die Flaeche kommt ueber
   background_color_class. Gescoped auf .frame-type-atomicplan_lrenquire.
   ============================================================ */
.frame-type-atomicplan_lrenquire .enquire {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: clamp(2.5rem, 6vw, 6rem); align-items: start;
}
/* h2 traegt generische .h1-Groesse (Theme) — hier nur Layout. */
.frame-type-atomicplan_lrenquire .enquire__intro h2 { margin-bottom: 1.6rem; max-width: 14ch; }
.frame-type-atomicplan_lrenquire .lr-enquire__lead { margin-bottom: 2.6rem; }
.frame-type-atomicplan_lrenquire .lr-enquire__lead > :last-child { margin-bottom: 0; }
.frame-type-atomicplan_lrenquire .enquire__intro .eyebrow { margin-bottom: 1.6rem; }

.frame-type-atomicplan_lrenquire .enquire__contact { margin-top: 2.8rem; display: grid; gap: 1.6rem; }
.frame-type-atomicplan_lrenquire .ec-item .l {
  font-size: 0.66rem; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--lr-bronze-deep); margin-bottom: 0.5rem;
}
.frame-type-atomicplan_lrenquire .ec-item .v { font-family: var(--lr-font-display); font-size: 1.4rem; }
.frame-type-atomicplan_lrenquire .ec-item .v a { color: inherit; }

/* ---- EXT:form Felder auf .field-Optik (Underline-Style) ---- */
.frame-type-atomicplan_lrenquire .enquire__form .form-group { position: relative; margin-bottom: 1.1rem; }
/* Fallback, falls die Bootstrap-Utility nicht im geladenen CSS steckt: Labels mit
   labelVisuallyHidden (plate_forms) bleiben fuer Screenreader, sind aber unsichtbar. */
.frame-type-atomicplan_lrenquire .enquire__form .visually-hidden {
  position: absolute !important; width: 1px !important; height: 1px !important;
  margin: -1px !important; padding: 0 !important; overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;
}
.frame-type-atomicplan_lrenquire .enquire__form .form-label {
  display: block; font-size: 0.68rem; letter-spacing: 0.2em; text-transform: uppercase;
  margin-bottom: 0.7rem;
}
/* Ankreuzfelder ausnehmen: die Underline-Optik macht aus einer Checkbox einen
   Strich und blaeht sie im Flex-Container auf die volle Breite (gemessen 09/2026
   an der Einwilligung in Schritt 3). */
.frame-type-atomicplan_lrenquire .enquire__form .form-control,
.frame-type-atomicplan_lrenquire .enquire__form select,
.frame-type-atomicplan_lrenquire .enquire__form textarea,
.frame-type-atomicplan_lrenquire .enquire__form input:not([type="checkbox"]):not([type="radio"]) {
  width: 100%; background: transparent; border: 0;
  border-bottom: 1px solid var(--lr-line-strong);
  padding: 0.55rem 0; font-family: var(--lr-font-body); font-size: 1.05rem;
  border-radius: 0; transition: border-color 0.4s;
}
.frame-type-atomicplan_lrenquire .enquire__form textarea { resize: vertical; min-height: 3.5rem; }
.frame-type-atomicplan_lrenquire .enquire__form .form-control:focus,
.frame-type-atomicplan_lrenquire .enquire__form select:focus,
.frame-type-atomicplan_lrenquire .enquire__form textarea:focus,
.frame-type-atomicplan_lrenquire .enquire__form input:not([type="checkbox"]):not([type="radio"]):focus { outline: none; border-color: var(--lr-bronze); }
.frame-type-atomicplan_lrenquire .enquire__form .error,
.frame-type-atomicplan_lrenquire .enquire__form .form-text {
  font-size: 0.8rem; letter-spacing: 0.02em; color: #9c4a3c; margin-top: 0.4rem;
}
/* Submit-Button: Editorial-Button-Optik (Bronze-Fill on hover). */
.frame-type-atomicplan_lrenquire .enquire__form button[type="submit"],
.frame-type-atomicplan_lrenquire .enquire__form .btn {
  margin-top: 0.6rem;
  display: inline-flex; align-items: center; gap: 0.7em;
  padding: 1.05em 2.1em; font-family: var(--lr-font-body); font-size: 0.74rem;
  font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase;
  border-radius: 0; cursor: pointer;
  border: 1px solid var(--lr-bronze); background: var(--lr-bronze); color: var(--lr-soft-black);
  transition: filter 0.4s var(--lr-ease-soft), transform 0.4s var(--lr-ease-soft);
}
.frame-type-atomicplan_lrenquire .enquire__form button[type="submit"]:hover,
.frame-type-atomicplan_lrenquire .enquire__form .btn:hover { filter: brightness(1.06); transform: translateY(-1px); }

/* ---- Variante DARK (helle Typo auf dunkler Flaeche) ---- */
.frame-type-atomicplan_lrenquire.lr-enquire--dark .enquire__intro h2,
.frame-type-atomicplan_lrenquire .lr-enquire--dark .enquire__intro h2 { color: var(--lr-on-dark); }
.frame-type-atomicplan_lrenquire .lr-enquire--dark .lr-enquire__lead,
.frame-type-atomicplan_lrenquire .lr-enquire--dark .lr-enquire__lead p { color: var(--lr-on-dark-soft); }
.frame-type-atomicplan_lrenquire .lr-enquire--dark .ec-item .l { color: var(--lr-bronze); }
.frame-type-atomicplan_lrenquire .lr-enquire--dark .ec-item .v { color: var(--lr-on-dark); }
.frame-type-atomicplan_lrenquire .lr-enquire--dark .enquire__form .form-label { color: var(--lr-on-dark-soft); }
.frame-type-atomicplan_lrenquire .lr-enquire--dark .enquire__form .form-control,
.frame-type-atomicplan_lrenquire .lr-enquire--dark .enquire__form select,
.frame-type-atomicplan_lrenquire .lr-enquire--dark .enquire__form textarea,
.frame-type-atomicplan_lrenquire .lr-enquire--dark .enquire__form input:not([type="checkbox"]):not([type="radio"]) {
  color: var(--lr-on-dark); border-bottom-color: var(--lr-line-on-dark);
}
.frame-type-atomicplan_lrenquire .lr-enquire--dark .enquire__form input::placeholder,
.frame-type-atomicplan_lrenquire .lr-enquire--dark .enquire__form textarea::placeholder { color: rgba(243, 239, 237,0.4); }
.frame-type-atomicplan_lrenquire .lr-enquire--dark .enquire__form select option { color: var(--lr-ink); }

/* ---- Invertierte Frame-Hintergruende (bg primary/secondary → -colorized) ----
   Wie die DARK-Variante, aber vom Frame-Zustand getrieben: greift unabhaengig von
   der Layout-Variante, wenn der Redakteur eine invertierte Hintergrundfarbe waehlt.
   Die Token-Farben (Labels, Werte, Raender) kommen bereits ueber das --lr-*-Remap
   in theme.css; hier stehen nur die Stellen, die kein Token tragen. */
.frame.-colorized.frame-type-atomicplan_lrenquire .enquire__form .form-control,
.frame.-colorized.frame-type-atomicplan_lrenquire .enquire__form select,
.frame.-colorized.frame-type-atomicplan_lrenquire .enquire__form textarea,
.frame.-colorized.frame-type-atomicplan_lrenquire .enquire__form input:not([type="checkbox"]):not([type="radio"]) {
  color: var(--lr-on-dark); border-bottom-color: var(--lr-line-on-dark);
}
.frame.-colorized.frame-type-atomicplan_lrenquire .enquire__form input::placeholder,
.frame.-colorized.frame-type-atomicplan_lrenquire .enquire__form textarea::placeholder { color: rgba(243, 239, 237,0.4); }
/* Options-Panel rendert das OS hell — Textfarbe darf NICHT aus dem Remap kommen.
   Chromium malt auch den EINGEKLAPPTEN Wert mit der Option-Farbe: dunkel auf Bronze
   ist gewollt (≈5:1, besser als Weiss); Panel-Grund explizit hell setzen. */
.frame.-colorized.frame-type-atomicplan_lrenquire .enquire__form select option {
  color: var(--lr-soft-black);
  background: var(--lr-ivory);
}
.frame.-colorized.frame-type-atomicplan_lrenquire .enquire__form .error,
.frame.-colorized.frame-type-atomicplan_lrenquire .enquire__form .form-text { color: #ffd3c7; }

/* ---- Variante LIGHT (dunkle Typo auf heller Flaeche) ---- */
.frame-type-atomicplan_lrenquire .lr-enquire--light .enquire__intro h2 { color: var(--lr-charcoal); }
.frame-type-atomicplan_lrenquire .lr-enquire--light .lr-enquire__lead,
.frame-type-atomicplan_lrenquire .lr-enquire--light .lr-enquire__lead p { color: var(--lr-ink-soft); }
.frame-type-atomicplan_lrenquire .lr-enquire--light .ec-item .v { color: var(--lr-charcoal); }
.frame-type-atomicplan_lrenquire .lr-enquire--light .enquire__form .form-label { color: var(--lr-ink-faint); }
.frame-type-atomicplan_lrenquire .lr-enquire--light .enquire__form .form-control,
.frame-type-atomicplan_lrenquire .lr-enquire--light .enquire__form select,
.frame-type-atomicplan_lrenquire .lr-enquire--light .enquire__form textarea,
.frame-type-atomicplan_lrenquire .lr-enquire--light .enquire__form input:not([type="checkbox"]):not([type="radio"]) { color: var(--lr-charcoal); }
.frame-type-atomicplan_lrenquire .lr-enquire--light .enquire__form input::placeholder,
.frame-type-atomicplan_lrenquire .lr-enquire--light .enquire__form textarea::placeholder { color: var(--lr-ink-faint); }

@media (max-width: 800px) {
  .frame-type-atomicplan_lrenquire .enquire { grid-template-columns: 1fr; }
}