/* ============================================================
   COMPANY LIFTING — WordPress/Bricks-Ergänzungen
   ============================================================ */

/* ---------- Seitenübergang: native View Transitions (ersetzt den Fetch-Router) ----------
   Wie im Original: die alte Seite gleitet nach oben hinaus, die neue steigt von unten nach
   (1s, gleiche Kurve). Die Navigation bleibt stehen. Browser ohne Unterstützung
   (z. B. Firefox) laden die Seite ganz normal. */
@media (prefers-reduced-motion: no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation:cl-vt-out 1s cubic-bezier(.76,0,.24,1) both}
  ::view-transition-new(root){animation:cl-vt-in 1s cubic-bezier(.76,0,.24,1) both}
  .nav{view-transition-name:cl-nav}
  ::view-transition-group(cl-nav){z-index:2}
}
@keyframes cl-vt-out{to{transform:translateY(-100vh)}}
@keyframes cl-vt-in{from{transform:translateY(100vh)}}

/* ---------- Bricks-Struktur ----------
   Nur technische Anpassungen an WordPress/Bricks. Optische Änderungen gegenüber dem Original
   liegen in Bricks in der globalen Klasse „cl-anpassungen“ (am Header). */
/* Bricks setzt html{font-size:62.5%} – das Original rechnet mit 16px als rem-Basis */
html{font-size:100%}
/* Bricks gibt .brxe-div max-width:100% – das Original kennt das nicht (z. B. Marquee-Spur ist breiter als der Viewport).
   :where() = Spezifität 0, damit Klassen wie .legal{max-width:760px} weiter greifen. */
:where(.brxe-div){max-width:none}
#brx-content:focus,#brx-content:focus-visible{outline:none}
#brx-header{position:relative;z-index:80}

/* Galerie-Collage auf der Case-Seite: Positionen statt Inline-grid-area (Query-Loop) */
.case-grid>:nth-child(1){grid-area:fo}
.case-grid>:nth-child(2){grid-area:of}
.case-grid>:nth-child(3){grid-area:or}
.case-grid>:nth-child(4){grid-area:ar}
.case-grid>:nth-child(5){grid-area:bh}
.case-grid>:nth-child(6){grid-area:bw}
.case-grid>:nth-child(7){grid-area:bk}

/* Bricks-Image-Element innerhalb von .media/.m-figure füllt die Fläche wie <img> im Original */
.media>.brxe-image,.m-figure>.brxe-image{width:100%;height:100%;object-fit:cover;display:block}

/* Absätze aus Array-Loops (Case: Aufgabe/Strategie) – Abstand wie im Original */
.m-paras>.body-lg+.body-lg{margin-top:1.4rem}

/* Optionaler Bereich ohne Inhalt (z. B. leere Slogan-Liste) */
.m-slogans:not(:has(.marquee__track>*)){display:none}

/* Kein Scrollen der Seite hinter dem offenen Menü (zusätzlich zur Sperre in site.js) */
html:has(body.menu-open){overflow:hidden;overscroll-behavior:none}

/* WordPress-Adminleiste: fixe Navigation darunter */
.admin-bar .nav{top:var(--wp-admin--admin-bar--height,32px)}