/* ============================================================
   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.
   Text-/Formularfarben folgen der Flaeche: invertierte Hintergruende (.frame.-colorized)
   = helle Typo, alle anderen = dunkle Typo. 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; }
.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.76rem; letter-spacing: 0.14em; 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: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(61, 61, 60, 0.5);
  padding: 0.6rem 0.8rem; font-family: var(--lr-font-body); font-size: 1.05rem;
  border-radius: 2px; transition: border-color 0.4s, background-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;
}
.frame-type-atomicplan_lrenquire .enquire__form .btn {
  --bs-btn-primary-color: var(--lr-soft-black);
  --bs-btn-primary-bg: var(--lr-bronze);
  --bs-btn-primary-border-color: var(--lr-bronze);
  --bs-btn-primary-hover-color: var(--lr-soft-black);
  --bs-btn-primary-hover-bg: var(--lr-bronze);
  --bs-btn-primary-hover-border-color: var(--lr-bronze);
  --bs-btn-font-size: 0.74rem;
  --bs-btn-font-weight: 600;
  --bs-btn-padding-y: 1.05em;
  --bs-btn-padding-x: 2.1em;
  margin-top: 0.6rem;
  transition: filter 0.4s var(--lr-ease-soft), transform 0.4s var(--lr-ease-soft);
}
.frame-type-atomicplan_lrenquire .enquire__form .btn:hover { filter: brightness(1.06); transform: translateY(-1px); }

/* ---- Dunkle Flaeche (helle Typo) ---- */
.frame.-colorized.frame-type-atomicplan_lrenquire .enquire__intro h2 { color: var(--lr-on-dark); }
.frame.-colorized.frame-type-atomicplan_lrenquire .lr-enquire__lead,
.frame.-colorized.frame-type-atomicplan_lrenquire .lr-enquire__lead p { color: var(--lr-on-dark-soft); }
.frame.-colorized.frame-type-atomicplan_lrenquire .ec-item .l { color: var(--lr-bronze); }
.frame.-colorized.frame-type-atomicplan_lrenquire .ec-item .v { color: var(--lr-on-dark); }
.frame.-colorized.frame-type-atomicplan_lrenquire .enquire__form .form-label { color: var(--lr-on-dark-soft); }
.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-color: rgba(243, 239, 237, 0.45); background: rgba(243, 239, 237, 0.07);
}
.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); }
.frame-background-dark.frame-type-atomicplan_lrenquire .enquire__form select,
.frame-background-forest.frame-type-atomicplan_lrenquire .enquire__form select { color-scheme: dark; }
.frame-background-dark.frame-type-atomicplan_lrenquire .enquire__form select option,
.frame-background-forest.frame-type-atomicplan_lrenquire .enquire__form select option {
  color: var(--lr-on-dark);
  background: var(--lr-soft-black);
}

/* ---- 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-color: rgba(243, 239, 237, 0.45); background: rgba(243, 239, 237, 0.07);
}
.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; }

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

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