/* Nulstil */
body {
    margin: 0;
    font-family: sans-serif;
}

.background {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; 
}

.background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Overlay der fader baggrunden */
.background::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5); /* Hvid med 50% gennemsigtighed */
}
  /* Tilbage-knap */
  .back{
    position:absolute;
    top:20px;
    left:20px;
    display:flex;
    align-items:center;
    gap:.6rem;
    text-decoration:none;
    color: #111;
    z-index:3;
    font-weight:600;
    letter-spacing:.02em;
  }
  .back svg{
    width:20px; height:20px;
  }
  .back:hover{ opacity:.85 }

  .rubrik {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 48px 16px;
    text-align: center;
    overflow: hidden; /* skjul billeder udenfor visningen */
  }
  
  .rubrik__title {
    margin-bottom: 20px;
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: .05em;
    font-size: clamp(18px, 2.3vw, 28px);
  }
  
  /* Slideshow container */
  .slideshow {
    position: relative;
    width: 100%;
    height: 220px; /* justér efter dine billeder */
    overflow: hidden;
  }
  
  .slideshow {
    position: relative;
    width: 100%;
    height: 250px; /* fælles højde på rubrikken */
    overflow: hidden;
  }
  
  /* Billeder i slideshowet */
  .slides img {
    flex-shrink: 0;
    width: 350px;   /* fælles bredde */
    height: 350px;  /* samme højde som containeren */
    object-fit: cover; /* udfyld uden at strække */
    margin-right: 12px;
    border-radius: 4px;
  }
  
  .slides {
    display: flex;
    animation: slideAnim linear infinite;
  }
  
  @keyframes slideAnim {
    from { transform: translateX(0); }
    to   { transform: translateX(var(--move)); } /* vi sætter denne med JS */
  }

      /* Tekstblok nederst */
      .tekstfelt{
        position:absolute;
        left:0;
        right:0;
        bottom: 100px;
        z-index:2;
        padding:0 24px;
        
      }
     h2{
        font-size: 30px;
        color: black;
        text-align: center;
     }

      .kolonne{
        margin:.3rem 0 .6rem;
        line-height:1.5;
        font-weight:900;
        text-transform:uppercase;
        letter-spacing:.02em;
        font-family: "Open Sans", sans-serif;
        font-size: clamp(8px, 1.15vw, 14px);
        color:black;
        text-align: center;
      }
      
      /* Responsivt */
      @media (max-width: 900px){
        .grid{ grid-template-columns:1fr; }
        .tekstfelt{ bottom:24px; }
      }

      .linkreservation{
        text-decoration: none;
        color: black;
        display: inline-block;
        transition: transform 0.2s;
      }