html, body { margin: 0; padding: 0; height: 100%; }
    body {
      font-family: Arial, sans-serif;
      color: #fff;
      background: #000 url('folkekoekken-logo.svg') no-repeat center center fixed;
      background-size: cover;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
    .content {
      background-color: rgba(0,0,0,0.6);
      padding: 2rem;
      border-radius: 10px;
      max-width: 90%;
      width: 600px;
    }

.button {
  display: block;
  background-color: #04AA6D;
  border: none;
  color: white;            /* sikrer hvid tekst i stedet for blåt link */
  padding: 1rem;
  font-size: 1.1rem;
  font-weight: bold;
  margin: 1rem auto 0.3rem;
  width: 80%;
  max-width: 300px;
  border-radius: 5px;
  text-decoration: none;   /* fjerner understregning */
  transition:             /* glidende overgang ved hover */
    background-color 0.2s ease,
    transform 0.1s ease;
}

a.button,
a.button:link,
a.button:visited {
  text-decoration: none;
}

/* Hover-effekt */
.button:hover,
a.button:hover {
  background-color: #037a55;  /* lidt mørkere grøn */
  cursor: pointer;            /* viser hånd-cursor */
  transform: translateY(-2px);/* let “løft” ved hover */
}

    .highlight { background-color: #FFC888; color: #000; }
    .sub-link { font-size: 0.9rem; margin-bottom: 1rem; }
    .sub-link a { color: #ccc; }