/* roboto – self hosted */
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/roboto-v49-latin-regular.woff2') format('woff2')}
@font-face{font-family:'Roboto';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/roboto-v49-latin-600.woff2') format('woff2')}

/* blinker – self hosted */
@font-face{font-family:'Blinker';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/blinker-v14-latin-regular.woff2') format('woff2')}
@font-face{font-family:'Blinker';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/blinker-v14-latin-600.woff2') format('woff2')}
@font-face{font-family:'Blinker';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/blinker-v14-latin-700.woff2') format('woff2')}

/* ============================================================
   FRONTEND-EDIT Ansicht – Begrenzung auf 1280px
   Gilt nur für Artikelbearbeitung im Frontend (view=form)
   ============================================================ */
body.view-form #maincontent {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  box-sizing: border-box;
}

/* ============================================================
   🧩 HAUPTBEREICH (MAIN) – Standard-Abstände neutralisieren
   ============================================================ */
/* Entfernt unerwünschte Standard-Margins und -Paddings,
   die Browser oder Templates oft automatisch vergeben */
main#maincontent {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
}


/* ============================================================
   🧱 FIXIERTER HEADER – Ausgleich nach unten
   ============================================================ */
/* Verhindert, dass der fixe Header den Seiteninhalt überlappt.
   Passe den Wert (100px) an die tatsächliche Headerhöhe an. */
body header + main#maincontent {
  padding-top: 100px; /* Höhe des fixierten Headers */
}