.card p, h1, h2, h3, h4, h5 {
      font-family: 'Ubuntu';
    }
    
   body {margin: 0px;}

    .card a {
      font-size: 16px;
      font-family: 'Ubuntu';
      font-style:italic;
      font-weight: 600;
    }

    .card h3 {
    font-size: 20px!important;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700!important;
    letter-spacing: -0.3px;
    
    }
    .card h4 {
    font-size: 14px;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.3px;
    margin: 0px;
    
    }
    
    .grid-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
      margin: 0 auto;
      padding-bottom: 75px;

    }

    .grid-container h1, h2, h3, p {
    margin: 0px;

    }

    .grid-container .card {
      margin: 0px!important;
    }

    .card {
      background: #fff;
      border-radius: 13px;
      overflow: hidden;
      box-shadow: 0 10px 20px rgba(36, 50, 94, 0.16);
      display: flex;
      flex-direction: column;
      min-width: 0;
      transition: box-shadow 0.15s;
    }
   
    .card-image {
      position: relative;
      width: 100%;
      aspect-ratio: 16/9;
      background: #eee;
    }
    .card-image img {
      position: absolute;
      top: 0; left: 0; width: 100%; height: 100%;
      object-fit: cover;
      border-top-left-radius: 13px;
      border-top-right-radius: 13px;
      border-bottom-right-radius: 0px!important;
      display: block;
    }
    .hearts {
      position: absolute;
      top: 10px;
      right: 13px;
      display: flex;
      gap: 0;
      z-index: 2;
    }
    .hearts svg { width: 16px; height: 16px; fill: #e94e67; margin-left: -2px; }
    .card-body {
      padding: 10px 17px 17px 17px!important;
      flex: 1;
      display: flex;
      flex-direction: column;
      text-align: left;
    }

    .map-pin-wrapper {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      position: absolute;
      right:13px;
      bottom: 5px;
    }

    .map-pin-icon { 
      display: block;
      transition: filter 0.18s;
      color: #24325E;
    }
    .map-pin-circle { 
      fill: white;
    }

    .map-pin-wrapper:hover .map-pin-circle {
      fill: #e6e6e6;  
      
    }

    .title {
         color: #24325E;
    background-color: white;
    padding: 10px 17px 0px 17px;;
    bottom: 0px;
    position: absolute;
    border-radius: 0px 10px 0px 0px;


    }

    .excerpt p{
      color: #24325E;
      font-size: 12px!important;
      margin-bottom: 9px!important;
      line-height: 1.23;
      font-weight: 600!important;
    }
    .read-more {
      color: #24325E;
      font-size: 0.92rem;
      text-decoration: underline;
      font-style: italic;
      margin-bottom: 20px;
      display: inline-block;
      margin-top: 1px;
      font-weight: 400;
    }
    .week-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border: 1px solid #25325e;
      border-radius: 0px;
      margin-bottom: 13px;
      min-height: 32px;
      background-color: #FDCF1A;

    }

    .week-bar2 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border: 1px solid #25325e;
      border-radius: 0px;
      height: 44px!important;
      margin-bottom: 0px!important;
      min-height: 44px!important;
    }

    .week-bar button {
      background: none;
      border: none;
      padding: 0px 11px 0px 11px;
      cursor: pointer;
      color: #25325e;
      font-size: 1.13rem;
      font-weight: 700;
      opacity: 0.65;
      user-select: none;
      transition: background 0.12s;
    }
    .week-bar button:hover {
      background: #e6e9f2;
      opacity: 1;
    }
    .week-bar .current-week {
      flex: 1;
      text-align: center;
      font-size: 16px;
      font-weight: 500;
      color: #24325E;
      letter-spacing: 0.02em;
      font-family: 'Ubuntu', Arial, sans-serif;
    }

    .cabin-example {
      gap: 20px;
      margin-bottom: 10px;
    }

    .price-image {
      width: 15%;
      align-content: top;
    }

    .ruter--active {
      opacity: 1!important;
    }

     .price-image img {
      width: 100%;
      height: 50px;
      border-radius: 0px!important;
    }

    .price-list {
      width: 90%;
      display: flex;
      flex-direction: column;
      font-size: 0.99rem;
      gap: 4px;
      margin-bottom: 13px;
    }
    .price-row {
      display: flex;
      align-items: center;
      background: none;
      border-bottom: #182957 1px solid;
      
    }
    .price-label {
      color: #24325E;
      font-weight: 700!important;
      font-size: 0.8vw!important;
      width: 45%;
      margin-right: 6px;
    }
    .price-dates {
      font-size: 0.6vw!important;
      color: #3c4e79;
      font-weight: 400!important;
      text-align: left;
      margin-right: 8px;
      margin-left: 2px;
      width: 45%;
    }
    .price-amount {
      color: #24325E;
      font-weight: 700!important;
      letter-spacing: 0.1px;
      font-size: 0.8vw!important;
      text-align: right;
      width: 35%;

    }
    .price-currency {
      color: #29487d;
      font-weight: 700;
      font-size: 0.8vw;
      text-align: left;
      margin-left: 2px;
    }
    .price-thumb {
      width: 28px; height: 28px;
      object-fit: cover;
      border-radius: 4px;
      margin-right: 7px;
      box-shadow: 0 1px 3px #19234a1c;
      background: #e6e6e6;
    }
    .price-row:last-child { margin-bottom: 0; }
    .cabin-label {
      font-size: 12px;
      color: #24325E;
      font-weight: 500;
      margin: 3px 0 4px 0;
   
    }

    .cabin-label h4 {
      text-transform: uppercase;
    }

   .cabin-info-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 15px 0;
}

.cabin-info-list span {
  display: inline-flex;
  align-items: center;
  background: #d8d8d8;
  border-radius: 999px;
  padding: 4px 11px;
  font-size: 0.7vw;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-weight: 500;
  color: #25325e;
  letter-spacing: 0.01em;
  box-shadow: 0 1px 2px #11204a09;
  line-height: 1.13;
  min-height: 22px;
}


.udsolgt {
      text-align: center !important;
    border: solid 1px black;
    padding: 10px 0px;
    text-transform: uppercase;
}





    .cabin-excerpt {
      margin-bottom: 10px;
    }

    .buttons {
      display: flex;
      gap: 9px;
      margin-top: auto;
      margin-bottom: 0px;
    }
    .direct-link-button, .available-link-button {
      flex: 1;
      border: none;
      border-radius: 7px;
      padding: 5px 0 5px 0;
      cursor: pointer;
      font-weight: 700;
      font-size: 0.7vw;
      font-family: 'Ubuntu', Arial, sans-serif;
      transition: background 0.13s;
    }
    .direct-link-button {
      background: #24325E;
      color: #fff;
    }
    .direct-link-button:hover { background: #182957; }
    .available-link-button {
      background: #2ec26b;
      color: #fff;
    }
    .available-link-button:hover { background: #17a355; }
    @media (max-width: 900px) {
      .grid-container { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 600px) {
      .grid-container { grid-template-columns: 1fr; }
      .card { min-width: 0; }
    }



    /*Forsiden*/

  .destinations-hero {
  width: 100%;
  margin: 0 auto 18px auto;
  padding-top: 24px;
}
.destinations-hero-inner {
  margin: 0 auto;
  padding: 0 10%;
  display: flex;
  align-items: stretch;
}

.destinations-hero-left {
  width:80%;
  flex: 1 1 0;
}
.destinations-hero-right {
  width:20%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;  
  align-items: flex-end;           
  padding-bottom: 14px;       
  
}

.breddetest {
  overflow: hidden;
}

.destinations-hero-eyebrow {
  font-family: 'Caveat', cursive;
  font-size: 30px;
  color: #E43031;
  line-height: 1.08;
  margin-bottom: 0;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.destinations-hero-title {
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #142e6e;
  margin-top: -4px;
  margin-bottom: 10px;
  line-height: 1.15;
  letter-spacing: -0.5px;
}
.destinations-hero-lead {
  margin-bottom: 6px;
  font-family: 'Ubuntu', Arial, sans-serif;
  color: #111e39;
  font-size: 14px;
  font-weight: 400;
 
  line-height: 1.52;
}
.destinations-hero-lead p {
  margin-bottom: 7px;
}

@media (max-width: 800px) {
  .destinations-hero-inner {
    padding: 0 7vw;
  }
  .destinations-hero-title {
    font-size: 1.45rem;
  }
  .destinations-hero-lead {
    font-size: 0.95rem;
  }
}

.destination-filters {
  display: flex;
  gap: 10px;
  margin: 20px 0 18px 0;
}

.destination-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #1e3a6a;
  color: #fff;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-weight: 700;
  font-size: 0.6vw;
  border: none;
  padding: 10px 22px 10px 16px;
  box-shadow: 0 2px 7px #0a1d4033;
  transition: background 0.13s, box-shadow 0.13s;
  cursor: pointer;

  outline: none;
}

.destination-btn-all {
  display: block!important;
  align-items: center!important;
  gap: 10px!important;
  background: #1e3a6a!important;
  color: #fff!important;
  font-family: 'Ubuntu', Arial, sans-serif!important;
  font-weight: 700!important;
  font-size: 0.6vw!important;
  border: none!important;
  padding: 10px 22px 10px 16px!important;
  box-shadow: 0 2px 7px #0a1d4033!important;
  transition: background 0.13s, box-shadow 0.13s!important;
  cursor: pointer!important;

  outline: none!important;

}

.destination-btn:focus,
.destination-btn:hover {
  background: #244680;
  box-shadow: 0 3px 10px #0a1d4055;
}

.destination-flag {
  width: 26px;
  height: 18px;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 1px 3px #0a1d4022;
  flex-shrink: 0;
  margin-right: 4px;
}


.destination-btn.active,
.destination-btn-all.active {
  background: #1e3a6a;
  box-shadow: 0 6px 24px #153E761a;
  height: 54px;           
  z-index: 2;
  position: relative;
  margin-top: -10px;       
  transition: all 0.16s cubic-bezier(.4,0,.2,1);
}

.destination-btn:not(.active),
.destination-btn-all:not(.active) {
  height: 44px;
  z-index: 1;
}

@media (max-width: 700px) {
  .destination-filters { gap: 12px; }
  .destination-btn {
    font-size: 0.94rem;
    min-width: 0;
    padding: 9px 10px 9px 8px;
  }
  .destination-flag { width: 18px; height: 13px; }
}

.btn-wrapper {
 display: flex;
 justify-content: center;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 5%;
  
}

/* ====== RESPONSIVITET TIL GRID/KORT ====== */

/* Stort desktop (f.eks. ultrawide) */
@media (min-width: 1600px) {
  .grid-container {
    grid-template-columns: repeat(3, 1fr);
    padding-left: 0%;
    padding-right: 0%;
  }
  .destinations-hero-inner { padding: 0 10%; }
}

/* Tablet landscape (og small desktop) */
@media (max-width: 1350px) {
  .grid-container {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
   
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .destinations-hero-inner { padding: 0 5vw; }
  .splide { width: 100vw; margin-left: -6vw; }
  .price-dates { font-size:1vw!important; }
  .price-label { font-size:1.2vw!important; }
  .price-amount { font-size:1.2vw!important; }
  .cabin-info-list span {  font-size:1vw; }
  .direct-link-button, .available-link-button { font-size:1.2vw;}
  .destination-btn {font-size: 1vw;}
  .destination-btn-all {font-size: 1vw!important;}
  .current-week {font-size: 1vw!important;}

}

/* Tablet portrait og små laptops */
@media (max-width: 900px) {
  .grid-container {
    grid-template-columns: 1fr;
    gap: 14px;
    
    padding-top: 26px;
    padding-bottom: 26px;
  }
      .cabin-info-list span {
        font-size: 1.6vw;
    }
  .destinations-hero-inner { flex-direction: column; gap: 18px; padding: 0 2vw; }
  .destinations-hero-left, .destinations-hero-right { width: 100%; }
  .destinations-hero-right { align-items: flex-end; justify-content: flex-end; padding-bottom: 0; }
  .destination-btn { font-size: 1.5vw;}
  .destination-btn-all { font-size: 1.5vw!important;}
  .week-bar2 { width: 100%;}
  .current-week {font-size: 1.5vw!important;}
  .splide { width: 100vw; margin-left: -3vw; }
  .price-dates { font-size:1.5vw!important; }
  .price-label { font-size:1.6vw!important; }
  .price-amount { font-size:1.6vw!important; }
      .direct-link-button, .available-link-button {
        font-size: 1.5vw;
    }
}

/* Mobil */
@media (max-width: 700px) {
  .grid-container { padding: 0 0.5vw 15px 0.5vw; }
  .card { min-width: 0; }
  .card h3 { font-size: 1.05rem; }
  .card h4 { font-size: 0.89rem; }
  .read-more, .excerpt { font-size: 0.93rem }
  .price-list { font-size: 0.97rem; }
  .price-currency {
    font-size: 1.03rem;
  }

  .week-bar2 .current-week { font-size: 2vw!important;}

  .cabin-info-list span { 
    font-size: 2.5vw;
  }

  .price-dates { font-size:2vw!important; }
  .price-label { font-size:2.2vw!important; }
  .price-amount { font-size:2.2vw!important; }

  .destinations-hero-inner { padding: 0 1vw; }
  .destinations-hero-eyebrow { font-size: 1.60rem; }
  .destinations-hero-title { font-size: 22px; }
  .destinations-hero-lead { font-size: 0.98rem; }
  .destination-filters { flex-wrap: wrap; }
  .destination-btn,
  .destination-btn-all {
    font-size: 2vw!important;
    padding: 8px 8px 8px 7px!important;
    height: 36px!important;
    margin-top: 0!important;
    min-width: 0;
    width: 23%;
  }
  .destination-btn{ display: flex;
  align-items: center;    /* Vertikalt centreret */
  justify-content: center;/* Horisontalt centreret */}
  .destination-btn.active,
  .destination-btn-all.active {
    height: 42px!important;
    margin-top: -4px!important;
  }
  .destination-flag { width: 18px; height: 13px; }
  .arrow-btn { width: 40px; height: 40px; }
      .direct-link-button, .available-link-button {
        font-size: 2.5vw;
    }
       .splide{ width: 138vw!important;
    margin-left: calc(-52.9vw + 31.5%)!important}
}

/* Meget lille mobil */
@media (max-width: 430px) {
  .destination-btn,
  .destination-btn-all {
    font-size: 3vw !important;
    padding: 7px 6px 7px 4px!important;
    min-width: 0;
    height: 32px!important;
    width:48%;
  }
  .destination-btn.active,
  .destination-btn-all.active {
    height: 37px!important;
    margin-top: -3px!important;
  }
  .destination-flag { width: 13px; height: 9px; }
  .arrow-btn { width: 32px; height: 32px; }
  .destinations-hero-eyebrow { font-size: 20px;}
  .destinations-hero-title {
        font-size: 30px;
    }
}


/* Gør kortene lige høje pr. række og sæt flex-layout */
.grid-container { align-items: stretch; }

.card { display: flex; flex-direction: column; }
.card-body { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }

/* NØGLEN: få den sidste blok (#ajaxXX) til at fylde resten og blive flex-kolonne */
.card-body > [id^="ajax"] {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;           /* vigtig for korrekt shrink/overflow i flex */
}

/* Skub knapperne helt i bunden af #ajax-blokken */
.card-body > [id^="ajax"] .buttons {
  margin-top: auto;
}