/* SF Website auf Bricks – wird VOR site.css geladen. Ziel: die Bricks-Ausgabe sieht exakt aus wie die Vorlage.
   (Gleiches Vorgehen wie bei freygner.com und ILI.)

   1) Bricks liefert seine Grundstile im CSS-Layer „bricks“. Wo die Vorlage nichts festlegt, hat sie die
      Browser-Standards benutzt – deshalb hier die Bricks-Grundregeln auf den Browser-Standard zurücksetzen („revert“).
      :where() = Spezifität 0: jede Regel der Vorlage gewinnt weiterhin, ungeschichtet schlägt die Bricks-Schicht. */
: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(figcaption) { color: revert; font-size: revert; margin: revert; text-align: 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(hr) { border: revert; border-top: revert; margin: revert; }
:where(table) { width: revert; }
:where(address) { font-style: revert; }
:where(blockquote cite) { display: revert; font-size: revert; font-style: revert; margin-top: revert; opacity: revert; text-transform: revert; }

/* 2) Bricks-Elementstile, die es in der Vorlage 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; }
:where(svg:not([width])) { min-width: revert; }   /* Bricks: mind. 1em – machte Logo und Pfeile 1 px zu groß */
:where(svg:not([height])) { min-height: revert; }

/* 3) Bricks-Rahmen um Header/Footer und das eigene HTML-Element neutral: Layout kommt allein aus der Vorlage */
#brx-header, #brx-footer { display: contents; }
.brxe-sf-html { display: contents; }

/* Eingeloggt (Adminleiste oben): Kopfzeile und Menü darunter stehen lassen */
body.admin-bar .hdr { top: 32px; }
@media (max-width: 782px) { body.admin-bar .hdr { top: 46px; } }
@media (max-width: 600px) { body.admin-bar .hdr { top: 0; } }   /* dort scrollt die Adminleiste mit weg */

/* Bricks-Editor: leere Elemente bekommen dort min. 90 × 90 px. Die Deko-Elemente hier sind absichtlich leer
   (Linien, Menü-Striche) – im Editor in Originalgröße zeigen. .brx-draggable gibt es nur im Editor. */
.brx-draggable:empty { min-height: 0 !important; min-width: 0 !important; }