/* ===== base.css ===== */

:root {
    --accent: #e67e22;
    --accent-dark: #cf6f16;
    --text-dark: #222;
    --text-light: #fff;
    --bg-light: #f5f5f5;
    --bg-gray: #eee;
    --radius: 12px;
    --shadow: 0 2px 8px rgba(0,0,0,0.12);
    --shadow-strong: 0 8px 20px rgba(0,0,0,0.25);
    --event-bg: #ffffff;
    --event-date-bg: #ffb83f;
    --event-past: 0.55;
}

html, body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background: white;
    color: var(--text-dark);
    scroll-behavior: smooth;
}


/* Anchor-Offset für fixed Header bei dynamisch befüllten Sections */
section[id] > :first-child {
  scroll-margin-top: 90px; /* Headerhöhe */
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
p { line-height: 1.55; }

/* === GLOBAL HORIZONTAL OVERFLOW GUARD ======================== */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}