/*
Theme Name: imrox
Theme URI: https://imrox.de/
Description: Child-Theme von Bricks. Traegt das Designsystem der statischen imrox-Website: die Tokens, die Komponentenklassen aus assets/css/main.css, die drei lokalen Schriften und assets/js/main.js. Bricks baut die Struktur, dieses Theme liefert die Optik.
Author: imrox by ALPHA Standards GmbH
Template: bricks
Version: 1.0.0
Requires PHP: 8.0
Text Domain: imrox-child
*/

/* ══════════════════════════════════════════════════════════════════════════
   Diese Datei bleibt bewusst duenn.

   Die Quelle der Wahrheit fuer Tokens und Komponenten ist assets/css/main.css —
   unveraendert aus der statischen Website uebernommen. Hier stehen nur
   Anpassungen, die erst durch WordPress und Bricks noetig werden.

   Seitenlokale Stilbloecke (die statische Security-Seite bringt allein
   753 Zeilen mit) kommen spaeter nach Seite getrennt in eigene Dateien
   unter assets/css/seiten/, nicht hierher.
   ══════════════════════════════════════════════════════════════════════════ */

/* Bricks setzt eine eigene Grundtypografie auf <body>. Die Seite bringt ihre
   eigene mit — ohne diese Zeile gewinnt mal die eine, mal die andere, je
   nachdem in welcher Reihenfolge die Stylesheets landen. */
body {
  font-family: var(--ff-body);
  color: var(--ink);
  background: var(--canvas);
}

/* Die WordPress-Adminleiste schiebt den Seitenanfang um 32 px nach unten.
   Die klebende Kopfzeile der Seite rechnet damit nicht und ueberdeckt sie. */
.admin-bar .site-header,
.admin-bar header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .site-header,
  .admin-bar header {
    top: 46px;
  }
}