/* ===========================
   base.css – Grundlayout
   =========================== */

/* Farben */
:root {
    --bg: #ffffff;
    --text: #222222;
    --accent: #004a80;
    --accent-light: #e6f2fa;
    --nav-bg: #00365c;
    --nav-text: #ffffff;
    --footer-bg: #f0f0f0;
}

html {
  overflow-y: scroll;
}

/* BODY */
body {
  margin: 0;
  background: var(--bg-dark);
  font-family: var(--font-main);
}

/* Grundstruktur */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--text);
}
/* ============================================
   GLOBALER SEITENHINTERGRUND – ORIGINAL
   ============================================ */


/* Zentrierter Hauptcontainer */
.main-container {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
}

/* Standard-Überschriften */
h1, h2, h3 {
    margin-top: 0;
    color: var(--accent);
}

/* Bilder */
img {
    max-width: 100%;
    height: auto;
}

/* Footer */
footer {
    background: var(--footer-bg);
    padding: 20px;
    text-align: center;
    font-size: 0.9rem;
    margin-top: 40px;
}

/* Globaler Hintergrund wie Original */
html, body{
  background: #17191b !important;
  margin: 0;
  padding: 0;
}

/* WICHTIG: Container darf nicht weiß überdecken */
.page{
  background: transparent !important;
}