/* ============================================================
   BabyForum Contao — 2-base.css
   Rolle: base  |  Quelle: design/classes.md
   Reset, Grund-Typografie, Links, Medien.

   UNLAYERED — genau wie 3-layout-frame.css. Contao injiziert die alte
   layout.css weiterhin ungelayert; ein @layer-Wrapper wuerde dagegen
   verlieren. Wichtiger noch: @layer schlaegt Spezifitaet, ein Wechsel
   der Ebene wuerde also lautlos andere Regeln gewinnen lassen. Ungelayert
   bleibt die Kaskade exakt die der alten Einzeldatei.
   Reihenfolge der <link>-Tags in fe_page.html5 ist Teil des Vertrags:
   2 → 4 → 5 → 6 → 8 → 3-layout-frame (Frame zuletzt, gewinnt Gleichstand).
   Sprint C: 1:1 aus 6-legacy.css extrahiert. Selektoren, Werte und
   Reihenfolge unveraendert — diese Datei aendert die Optik nicht.
   ============================================================ */

* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  margin: 0;
  font-family: var(--font-body);
  background-color: var(--color-bg);
  background-image: var(--bg-blob);
  background-repeat: no-repeat;
  background-size: 100%;
}
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); }
iframe { border: none; }
figure { margin: 0; position: relative; }
a:link, a:visited { color: var(--color-link); text-decoration: none; }
a:hover { color: var(--color-primary); text-decoration: none; }
img { border-radius: var(--radius-sm); }
p, div, td { font-family: var(--font-body); font-size: var(--text-base); font-style: normal; line-height: var(--leading-tight); color: var(--color-text); }
.clear { clear: both; visibility: hidden; height: 0; }
.center { text-align: center; }
.marginAuto { margin: 0 auto; }
sup { vertical-align: super; font-size: 55%; }
h1 { font-size: 1.6rem; font-weight: 400;  color: var(--color-primary); margin-bottom: 30px; font-weight: normal; border-bottom: 3px solid var(--color-link); padding-bottom: 12px; display: inline-table; }
h2 { color: var(--color-primary); font-weight: 400; font-size: 1.3rem; line-height: 36px; margin-bottom: 13px; padding: 3px 6px; font-weight: normal; }
h3 { margin: 15px 0; line-height: 2.2rem; }
h1, h2, h3 { padding-top: 10px; }
fieldset { border: none; margin: 0; padding: 0; }
input.submit, button.submit { -webkit-appearance: none; padding: 13px 20px; font-size: 1.1rem; display: block; margin: 20px auto 0; border-radius: var(--radius-full); cursor: pointer; color: var(--color-on-dark); background: var(--color-accent);    border: none; }
input.submit:hover, button.submit:hover { background: var(--color-primary); color: var(--color-on-dark); }
.blogbildmitte { text-align: center; float: none; }