.elementor .e-ac9e1bf-e9f03d7{width:100%;padding:0px;margin-block-end:32px;justify-content:space-between;align-items:end;}.elementor .e-1dda272-aed200d{width:80%;padding:0px;justify-content:space-between;}.elementor .e-b49b92c-d5eb789{width:200px;padding:0px;justify-content:flex-end;}.elementor .e-a8d1aaf-a69d0bf{padding:0px;justify-content:space-between;align-items:center;}.elementor .e-e68551f-3bf721a{padding-block-start:64px;padding-block-end:32px;padding-inline-start:48px;padding-inline-end:48px;margin-block-end:64px;border-radius:12px;background-color:var(--lys-beige);flex-direction:column;gap:0px;justify-content:flex-start;align-items:center;}.elementor .e-3abc260-0a4bfa3{max-width:1440px;padding-block-start:128px;padding-block-end:96px;padding-inline-start:0px;padding-inline-end:0px;flex-direction:column;/* =========================
 GRID/LISTE-SWITCHER
 ========================= */

selector .bolig-view-switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

selector .bolig-view-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 70px;
  height: 40px;
  padding: 0;

  color: #8c8c87;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 999px;

  cursor: pointer;
  transition:
      color 0.2s ease,
      border-color 0.2s ease,
      background-color 0.2s ease;
}

selector .bolig-view-button svg {
  width: 23px;
  height: 23px;
}

selector .bolig-view-button svg rect {
  fill: none;
  stroke: currentColor;
  stroke-width: 1;
}

selector .bolig-view-button:hover,
selector .bolig-view-button.is-active {
  color: #426d86;
  background-color: #ffffff;
  border-color: #d9d9d5;
}

selector .bolig-view-button:focus-visible {
  outline: 2px solid #426d86;
  outline-offset: 3px;
}

selector .bolig-view-divider {
  width: 1px;
  height: 28px;
  background-color: #dfddd8;
}


/* =========================
 LISTING VISNINGER
 ========================= */

selector #boliger-grid,
selector #boliger-liste {
  width: 100%;
}

/* Listevisningen er skjult fra start */
selector #boliger-liste {
  display: none;
}

/*
 * Begræns højden inden "Vis alle".
 * Justér 650px en smule, hvis hele området fra
 * "Alle boliger" til knappen ikke rammer ca. 770px.
 */
selector #boliger-grid:not(.show-all),
selector #boliger-liste:not(.show-all) {
  max-height: 650px;
  overflow: hidden;
}

/* Vis hele den aktive listing */
selector #boliger-grid.show-all,
selector #boliger-liste.show-all {
  max-height: none;
  overflow: visible;
}


/* =========================
 VIS ALLE-KNAP
 ========================= */

selector .boliger-show-all {
  position: relative;
  z-index: 5;

  display: flex;
  justify-content: center;

  margin-top: -1px;
  padding: 32px 0 24px;
  background-color: #ffffff;
}

selector #vis-alle-boliger {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 40px;
  padding: 8px 18px;

  color: #002a46;
  background-color: #ffffff;
  border: 1px solid #002a46;
  border-radius: 999px;

  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;

  cursor: pointer;
  transition:
      color 0.2s ease,
      background-color 0.2s ease;
}

selector #vis-alle-boliger:hover {
  color: #ffffff;
  background-color: #002a46;
}


/* Mobil */
@media (max-width: 767px) {
  selector #boliger-grid:not(.show-all),
  selector #boliger-liste:not(.show-all) {
      max-height: 720px;
  }

  selector .bolig-view-button {
      width: 54px;
      height: 38px;
  }
}\n}