:root {
  /* background colors */
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #d9d5cf;

  /* cta background color */
  --color-cta-bg: #1d1d1d;
  --color-cta-bg-hover: #d9d5cf;

  /* text color black */
  --color-text-primary: #1d1d1d;
  --color-text-secondary: #ffffff;

  /* heading */
  --font-h1: "Anton", sans-serif;

  /* prose */
  --font-prose: "Epilogue", sans-serif;
}

.heading {
  font-family: var(--font-h1);
}

.underoverskrift {
  font-family: var(--font-prose);
  font-weight: 700;
}
.prose {
  font-family: var(--font-prose);
  font-weight: 400;
}
/* CTA button til header */
.ctabtn {
  background: var(--color-cta-bg);
  color: var(--color-text-secondary);
  text-decoration: none;
  padding: 9px 14px;
  font-size: 14px;
  display: inline-block;
  font-family: var(--font-prose);
  letter-spacing: 0.03em;
}

/* cta button til alle andre knapper evt */
.ctabtn-2 {
  background: var(--color-cta-bg);
  color: var(--color-text-secondary);
  text-decoration: none;
  padding: 10px 25px;
  font-size: 14px;
  display: inline-block;
  font-family: var(--font-prose);
  letter-spacing: 0.03em;
}

/* CTABTN - DESKTOP header */
@media screen and (min-width: 800px) {
  .ctabtn {
    padding: 10px 35px;
    font-size: 1rem;
    letter-spacing: 0.03em;

    /* cta desktop til andre knapper */
  }

  .ctabtn-2 {
    padding: 10px 35px;
    font-size: 1rem;
    letter-spacing: 0.03em;
  }
}