/* =========================================================
   Alpner Umzug × Bricks – Ausgleich der Bricks-Grundstile
   ---------------------------------------------------------
   Bricks liefert seine Grundstile in der Kaskaden-Ebene «@layer bricks».
   Regeln ausserhalb einer Ebene (wie diese Datei und alpner.css) haben immer Vorrang.
   Hier wird jede Bricks-Grundregel, die unsere Gestaltung verändern würde, mit «revert»
   auf den Browser-Standard zurückgesetzt – mit :where() (Spezifität 0), damit jede Regel
   aus alpner.css und den Seiten-CSS weiterhin gewinnt.
   Ergebnis: Die Seiten sehen aus wie mit dem alten Theme «alpner», Bricks-Elemente bleiben bearbeitbar.
   Wichtig: In Bricks die Kaskaden-Ebene eingeschaltet lassen (Einstellung «disableBricksCascadeLayer» aus).
   ========================================================= */

/* Grundschrift: Bricks setzt 62.5 % (1rem = 10px), alpner.css rechnet mit 1rem = 16px */
:where(html){font-size:revert;line-height:revert}
:where(body){
  font-family:revert;font-size:revert;line-height:revert;color:revert;
  background-color:revert;background-position:revert;
  -webkit-font-smoothing:revert;-moz-osx-font-smoothing:revert;transition:revert
}
:where(.brx-body){display:revert;flex-direction:revert;margin:revert;width:revert}
:where(#brx-content){flex:revert;position:revert;width:revert}
:where(#brx-header,#brx-footer){position:revert;width:revert;background-position:revert;background-size:revert}

/* Rahmenfarbe und Fokus-Umrisse: Browser-Standard (Bricks: graue Rahmen, keine Umrisse an ::before/::after) */
:where(*){border-color:revert}
:where(*)::before,:where(*)::after{outline:revert}
:where(::placeholder){color:revert}

/* Text */
:where(a){border-color:revert;color:revert;cursor:revert;text-decoration:revert}
:where(p){margin-block: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(small){font-size:revert}
:where(mark){background-color:revert;color:revert}
:where(blockquote){border-left-style:revert;border-left-width:revert;font-family:revert;font-size:revert;margin:revert;padding:revert;position:revert}
:where(blockquote cite){display:revert;font-size:revert;font-style:revert;margin-top:revert;opacity:revert;text-transform:revert}
:where(code,kbd,samp,pre){font-family:revert;font-size:revert}
:where(pre){background-color:revert;color:revert;margin:revert;padding:revert;white-space:revert}
:where(hr){border:revert;border-top:revert;margin:revert;height:revert;box-sizing:revert;overflow:revert}

/* Bilder, Medien, Abbildungen */
:where(img){height:revert;max-width:revert;outline:revert;vertical-align:revert;border-style:revert}
:where(figure){margin:revert}
:where(figcaption){color:revert;font-size:revert;margin:revert;text-align:revert}
:where(audio,video,canvas,progress){display:revert}
:where(table){width:revert}
:where(details,menu,summary){display:revert}

/* Formulare */
:where(button,input,optgroup,select,textarea){font-family:revert;font-size:revert;line-height:revert;margin:revert;text-align:revert;overflow:revert;text-transform:revert}
:where(button){border:revert;cursor:revert;outline:revert;padding: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(label){color:revert;display:revert;font-weight:revert;margin-bottom:revert}
:where(legend){box-sizing:revert;color:revert;display:revert;max-width:revert;padding:revert;white-space:revert}
:where(fieldset){padding:revert}

/* Bricks-Elemente: keine Flex-Spalten, keine festen Breiten (alpner.css bestimmt das Layout) */
:where(.brxe-section,.brxe-container,.brxe-block){
  display:revert;flex-direction:revert;align-items:revert;flex-wrap:revert;
  margin-left:revert;margin-right:revert;width:revert
}
:where(.brxe-svg){height:revert;width:revert}
/* Bricks: SVG ohne width/height mindestens 1em gross, alle Elemente max-width:100% (bremst Laufbänder und Icons in Kreisen) */
:where(svg){min-width:revert;min-height:revert}
:where([class*="brxe-"]){max-width:revert}

/* Baustein (Shortcode-Element): Hülle unsichtbar, Inhalt verhält sich wie direkt eingefügt */
.brxe-shortcode{display:contents}

/* Leere Tabellen-Hülle (Rich-Text-Element) erbt nur den Fluss */
:where(.brxe-text)>:where(table){margin:0}

/* ---------- Ergänzungen Alpner Umzug (Bricks 2.4.3) ---------- */
/* Element «Text-Link»: Bricks macht <a> und <span> darin zu Flex-Boxen. Zurück auf den Browser-Standard. */
:where(.brxe-text-link){align-items:revert;display:revert;gap:revert}
:where(.brxe-text-link) :where(span){align-items:revert;display:revert;justify-content:revert}
/* Kopf und Fuss: Die Hüllen #brx-header/#brx-footer verschwinden aus dem Layout. So klebt der Kopf (.kopf-site,
   position:sticky) über die ganze Seite, und Topbar, Kopf, Fuss und Handy-Leiste liegen wie bisher direkt im body. */
#brx-header,#brx-footer{display:contents}
/* Sprunglink zum Inhalt (eigener, deutscher Link; Bricks-Sprunglinks sind ausgeschaltet) */
:where(#brx-content){display:block}