:root{
    --kort-rgba: rgba(255,255,255,0.82);
    --tekst:#ffffff;
    --dæmpet:#d1d5db;
    --skygge:0 6px 20px rgba(0,0,0,.25);
    --hjørner:18px;
  }
  
  *{ box-sizing:border-box; }
  
  body{
    margin:0;
    font-family:ui-sans-serif, system-ui;
    color:var(--tekst);
    line-height:1.45;
    overflow-x:hidden;
  }
  
  /* Fjerner understregning fra ALLE links */
  a {
    text-decoration: none;
    color: inherit;
  }
  
  /* BAGGRUND */
  .video-baggrund{
    position:fixed;
    top:0; left:0;
    width:100%; height:100%;
    z-index:-1;
    overflow:hidden;
  }
  
  .video-baggrund iframe{
    position:absolute;
    top:50%; left:50%;
    width:170vw; height:170vh;
    transform:translate(-50%,-50%);
    pointer-events:none;
  }
  
  .indhold{ 
    max-width:1200px; 
    margin:40px auto; 
    padding:0 20px; 
    z-index:2; 
    position:relative; 
  }
  
  /* Overskrift */
  .overskrift-sektion{ 
    text-align:center; 
    margin-bottom:50px; 
  }
  
  .overskrift-sektion h1{
    font-size:2.2rem;
    font-weight:900;
    color:#fff;
    text-shadow:0 0 14px rgba(150,255,120,0.6);
  }
  
  .overskrift-sektion p{
    font-size:1.1rem;
    color:var(--dæmpet);
    max-width:700px;
    margin:0 auto;
    text-shadow:0 0 6px rgba(0,0,0,0.45);
  }
  
  /* Kort */
  .oplevelsesgalleri{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:28px;
  }
  
  @media (max-width:1100px){ 
    .oplevelsesgalleri{ grid-template-columns:repeat(3,1fr); } 
  }
  @media (max-width:820px){ 
    .oplevelsesgalleri{ grid-template-columns:repeat(2,1fr); } 
  }
  @media (max-width:520px){ 
    .oplevelsesgalleri{ grid-template-columns:1fr; } 
  }
  
  .oplevelseskort{
    background:var(--kort-rgba);
    border:none;
    backdrop-filter:blur(4px);
    border-radius:var(--hjørner);
    overflow:hidden;
    box-shadow:0 10px 40px rgba(0,0,0,.25);
    transition:transform .18s ease, box-shadow .18s ease;
    height: 330px;      /* samme som du havde – ens højde til alle kort */
  }
  
  .oplevelseskort:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 50px rgba(0,0,0,.35);
  }
  
  .billede{
    aspect-ratio:16/12;
    overflow:hidden;
  }
  
  .billede img{
    width:100%; 
    height:100%;
    object-fit:cover;
  }
  
  .tekstfelt{ 
    padding:16px 18px 18px; 
    color:#000; 
  }
  
  .kort-overskrift{ 
    margin:0 0 6px; 
    font-size:1.1rem; 
    font-weight:800; 
  }
  
  .kort-beskrivelse{ 
    margin:0; 
    font-size:.95rem; 
    color:#555; 
  }