/* Grüntöne – Werte bei Bedarf mit dem Brand-Guide abgleichen */
:root {
  --brand-green: #00843d;
  --brand-green-light: #3fae49;
  --brand-green-fade: rgba(63, 174, 73, 0.22);
  --brand-green-none: rgba(63, 174, 73, 0);
}

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

html,
body {
  height: 100%;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  background-color: #fff;
  background-image: linear-gradient(
    135deg,
    var(--brand-green) 0%,
    var(--brand-green-light) 12%,
    var(--brand-green-fade) 32%,
    var(--brand-green-none) 55%
  );
  background-attachment: fixed;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.page-label {
  position: fixed;
  right: 16px;
  bottom: 16px;
  padding: 8px 12px;
  border-radius: 6px;
  background: #000;
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.04em;
  max-width: calc(100vw - 32px);
}

.page-label__src {
  opacity: 0.7;
}
