/* base.css – Reset, Body, Typo, Links */

/* Reset */
*,
*::before,
*::after{ box-sizing:border-box; }

html,body{
  margin:0;
  max-width:100%;
  overflow-x:hidden;
}

/* ==== GLOBAL BACKGROUND ==== */
html, body{
  color:var(--text);

  background:
    linear-gradient(
      rgba(var(--bg-overlay-color), var(--bg-opacity)),
      rgba(var(--bg-overlay-color), var(--bg-opacity))
    ),
    var(--bg-url);

  background-size:cover;
  background-position:center;
  background-attachment:fixed;
  background-repeat:no-repeat;

  font-family:"Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* ==== HEADINGS MIT MEHR ABSTAND ==== */
h1,h2,h3{
  line-height:1.2;

  /* 👉 Abstand links + rechts */
  padding-left:1.2rem;
  padding-right:1.2rem;
}

/* großer Abstand oben + unten */
h1{
  margin:1.8rem 0 1rem;
  font-size:clamp(1.6rem,2.2vw,2.1rem);
  font-weight:800;
  color:#000000;
}

h2{
  margin:1.4rem 0 0.8rem;
  font-size:1.25rem;
  font-weight:500;
  color:#000000;
}

h3{
  margin:1.1rem 0 0.6rem;
  font-size:1.05rem;
  font-weight:400;
  color:#000000;
}

/* optional: erster Heading oben nicht unnötig Abstand */
h1:first-child,
h2:first-child,
h3:first-child{
  margin-top:0;
}

.muted{ color:var(--muted); }

/* Links */
a{ color:#16a34a; text-decoration:none; }
a:hover{ text-decoration:underline; }

/* Utility */
.is-hidden{ display:none !important; }