@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700;800&family=Rosario:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

/* Combined stylesheet for all pages */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --teal:   #275D6F;
      --slate:  #778CA1;
      --cream:  #F4F1ED;
      --white:  #ffffff;
      --dark:   #1a2630;
      --text:   #333333;
    }

    html { scroll-behavior: smooth; }

    body {
      font-family: 'Segoe UI', Arial, sans-serif;
      background: var(--cream);
      color: var(--text);
      font-size: 16px;
      line-height: 1.7;
    }

    a { color: inherit; text-decoration: none; }

    /* ── SECTION GENERIC ─────────────────────────────────────── */
    section { padding: 90px 40px; }
    .container { max-width: 1100px; margin: 0 auto; }

    .section-tag {
      font-size: 12px;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      color: var(--slate);
      font-weight: 700;
      margin-bottom: 10px;
    }
    .section-heading {
      font-size: clamp(1.8rem, 4vw, 2.8rem);
      font-weight: 800;
      color: var(--teal);
      margin-bottom: 28px;
      line-height: 1.15;
    }
    /* ── RESPONSIVE ──────────────────────────────────────────── */
    @media (max-width: 900px) {
      section { padding: 64px 24px; }
    }

html {
  scrollbar-gutter: stable;
  overflow-x: clip;
}

body {
  overflow-x: hidden;
}

/* ===== Typography sync with kalikoer.com ===== */
body.page-index,
body.page-archiv,
body.page-impressum {
  font-family: 'Rosario', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.section-heading,
.event-title,
.card-title {
  font-family: 'Roboto Slab', serif;
}