/* Langederhof auf Bricks – wird VOR style.css geladen.
   Ziel: die Bricks-Ausgabe sieht exakt aus wie die statische Seite V9.

   1) Bricks liefert Grundstile (Überschriften, Links, Bilder, Formulare …). Wo style.css nichts festlegt, hat die
      statische Seite die Browser-Standards benutzt – deshalb hier auf den Browser-Standard zurücksetzen („revert“).
      :where() = Spezifität 0: jede Regel aus style.css gewinnt weiterhin. */
:where(html) { font-size: revert; line-height: revert; -webkit-text-size-adjust: revert; text-size-adjust: revert; }
:where(body) { display: revert; flex-direction: revert; width: revert; margin: revert; background-color: revert; background-position: revert;
  color: revert; font-family: revert; font-size: revert; font-weight: revert; line-height: revert; -webkit-font-smoothing: revert; -moz-osx-font-smoothing: revert; }
:where(*, *::before, *::after) { border-color: revert; }
:where(::after, ::before) { outline: revert; }
:where(a) { color: revert; cursor: revert; text-decoration: revert; border-color: revert; }
:where(h1, h2, h3, h4, h5, h6) { margin: revert; font-size: revert; line-height: revert; text-rendering: revert; }
:where(h1, h2, h3, h4, h5, h6) :where(a) { color: revert; }
:where(p) { margin-block: revert; }
:where(small) { font-size: revert; }
:where(figure) { margin: revert; }
:where(img) { height: revert; max-width: revert; outline: revert; vertical-align: revert; border-style: revert; }
:where(button) { border: revert; cursor: revert; outline: revert; padding: revert; text-transform: revert; overflow: revert; }
:where(button, input, optgroup, select, textarea) { font-family: revert; font-size: revert; line-height: revert; margin: revert; text-align: revert; }
:where(select) { -webkit-appearance: revert; appearance: revert; background-color: revert; background-image: revert; background-position: revert; background-repeat: revert; background-size: revert; }
:where(textarea) { height: revert; min-height: revert; padding: revert; overflow: revert; }
:where(input)::placeholder, :where(textarea)::placeholder { color: revert; }
:where(label) { color: revert; display: revert; font-weight: revert; margin-bottom: revert; }
:where(blockquote) { border-left-style: revert; border-left-width: revert; font-family: revert; font-size: revert; margin: revert; padding: revert; position: revert; }
:where(address) { font-style: revert; }
:where(hr) { border: revert; border-top: revert; margin: revert; }
:where(table) { width: revert; }

/* 2) Bricks-Elementstile, die es auf der statischen Seite nicht gab */
:where(.brxe-text-link), :where(.brxe-text-link) span { display: revert; align-items: revert; gap: revert; justify-content: revert; }
:where([class*=brxe-]) { max-width: revert; }
:where(span[class*=brxe-]) { width: revert; }
:where(#brx-content) { flex: revert; position: revert; width: revert; }

/* 3) Bricks-Rahmen um Header/Footer, eingebettete Templates und das Formular-Element neutral: Layout allein aus style.css */
#brx-header, #brx-footer { display: contents; }
.brxe-template, .brxe-ldh-formular { display: contents; }

/* 4) Eingeloggt (Adminleiste oben): fixierter Kopf darunter */
body.admin-bar .kopf { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { body.admin-bar .kopf.ist-gescrollt { top: 0; } }

/* 5) Formular ohne JavaScript abgeschickt: Rückmeldung sichtbar */
.ldh-meldung--ok, .ldh-meldung--fehler { margin: 1.4rem auto 0; max-width: 900px; padding: 1.1rem 1.4rem; border: 1px solid var(--linie); }
.ldh-meldung--fehler { border-color: var(--messing); }