body {
  min-height: 100vh;
  display: grid;
  margin: 0;
  max-width: 100vw;
  grid-template-rows: auto 1fr auto;
}

.WL--Navbar--Logo--Custom {
  display: block;
  background-image: url(../img/ferienwohnungen_de_logo_colored_aeb2f56970.svg);
}

.bg-cta {
  background-color: #ffc800;
  border-color: #ffc800;
  color: #2b2926;
}

.bg-cta:hover {
  background-color: #ffaa03 !important;
}

.text-cta {
  color: #ffc800;
}

@media (hover: hover) and (pointer: fine) {
  .group:hover .group-hover\:bg-cta-active,
  .group\/offer:hover .group-hover\/offer\:bg-cta-active {
    background-color: #ffaa03;
  }
}

.WL--HostContactForm-cta {
  background-color: var(--color-cta);
}
@media (min-width: 62rem) {
  .WL--FeatureContent-h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -0.019em;
  }
  .WL--SectionTitle-h2 {
    font-size: 2.375rem;
    line-height: 3rem;
    letter-spacing: -0.022em;
  }
}

html:not([data-page-event-action='ERROR_PAGE']) #root,
html:not([data-page-event-action='ERROR_PAGE']) main {
  min-height: 20rem;
}

#rebounce_code {
  justify-content: center;
  gap: 15px;
}

#rebounce_code > div {
  margin-bottom: 1.75rem;
}

@media (max-width: 480px) {
  .lg\:w-1\/4 {
    width: 100%;
    max-width: 100%;
  }

  #rebounce_code > div {
    margin-left: 0.75rem;
  }
}

@media (min-width: 480px) {
  .lg\:w-1\/4 {
    width: 48%;
  }

  
}

@media (min-width: 768px) {
  .lg\:w-1\/4 {
    width: 31%;
  }

  
  #rebounce_code > div {
    margin-bottom: 1.75rem;
  }
}

@media (min-width: 992px) {
  .lg\:w-1\/4 {
    width: 31.5%;
  }
}

@media (max-width: 768px) {
  .hideatsmall {
    display: none;
  }
}

@media (min-width: 768px) {
  .hideatsmall {
    display: block;
  }
}

@media screen and (max-width: 497px) and (min-width: 1px) {
  .kp_produkt {
    /* background-color: blue !important; */
    width: calc(100% - 15px);
  }
  }
  @media screen and (max-width: 769px) and (min-width: 498px) {
  .kp_produkt {
    /* background-color: green !important; */
    width: calc(50% - 15px);
  }
  }
  @media screen and (max-width: 1023px) and (min-width: 770px) {
  .kp_produkt {
    /* background-color: yellow !important; */
    width: calc(33.3333% - 15px);
  }
  }
  @media screen and (min-width: 1024px) {
  .kp_produkt {
    /* background-color: red !important; */
    width: calc(33.3333% - 15px);
  }
  }