/*
---------------------------------------------------------
PUFFAR
--------------------------------------------------------- */

.lp-flow {
  display: grid;
  margin: 0 0 var(--env-spacing-medium);
  width: 100%;

  gap: 3rem;
  grid-template-columns: repeat(auto-fill,minmax(min(32rem,100%),1fr));
}

.sv-column-8 .lp-flow {
  grid-template-columns: repeat(auto-fill,minmax(min(30rem,100%),1fr));
}

.lp-flow .lp-flowitem-wrapper--wide,
.lp-flow .lp-exhibition-banner {
  min-height: 38rem;

  grid-column: span 2;
}

.lp-flow .lp-flowitem-wrapper {
  padding: 0;
  width: 100%;
}

div.lp-flowitem-info-content > div {
  padding: 0;
}

.lp-flowitem-info-content .lp-button {
  margin-bottom: 1rem;
}

.lp-flow .lp-exhibition-banner {
  margin: 0;
}

.lp-flow .lp-exhibition-banner > .lp-cover {
  height: 100%;
  overflow: hidden;
  position: absolute;
}

.lp-flow .lp-flowitem {
  background: #faf5e6 50% 50% no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 28rem;
  position: relative;

  justify-content: flex-end;
}

.lp-flow .lp-flowitem-info-content {
  background-color: rgba(26, 23, 27, 0.9);
  box-sizing: border-box;
  height: 100%;
  max-height: 280px;
}

.lp-flow .lp-flowitem-info-content p {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0;
}

.lp-flow .lp-flowitem-info-content:has(p:not(:empty)) {
  padding: 0.7rem 3.2rem 1rem 3.2rem;
}

.lp-flow .lp-cover {
  height: auto;
  position: relative;

  aspect-ratio: 82 / 50;
}

.lp-flow .lp-flowitem-wrapper--wide .lp-cover {
  aspect-ratio: 170 / 69;
}

.lp-flow .lp-clickable-area:hover .lp-flowitem-info-header {
  background-color: #000;
}

.lp-flow .lp-flowitem-wrapper--video .lp-flowitem-info-content,
.lp-flow .lp-flowitem-wrapper--artikel .lp-flowitem-info-content,
.lp-flow .lp-flowitem .lp-flowitem-info-content {
  max-height: 100% !important;
}

.lp-flow .lp-clickable-area:hover .lp-flowitem-info-header .lp-flowitem-link {
  text-decoration: underline;
}

.lp-flow .lp-flowitem-info {
  display: flex;
  flex-direction: column;
  max-width: 100%;

  flex-grow: 1;
}

.lp-flow .lp-flowitem {
  min-height: initial;
}

.lp-flowitem-info-content:has(p:empty) {
  background-color: #000;
}

.lp-flow.lp-flow-wide {
  grid-template-columns: 100%;
}

.lp-flow.lp-flow-wide .lp-flowitem {
  display: grid;
}

.lp-flow.lp-flow-wide .lp-cover {
  height: 100%;

  grid-area: 1 / 1 / 3 / 1;
}

.lp-flow.lp-flow-wide .lp-exhibition-banner__overlay {
  grid-area: 1 / 1 / 2 / 1;
}

.lp-flow.lp-flow-wide .lp-flowitem-info {
  grid-area: 2 / 1 / 2 / 1;
}

@media (max-width: 667px) {
  div.lp-flow {
    display: grid;
    margin-bottom: 1.5rem;

    gap: 1.5rem;
    grid-template-columns: 100%;
  }

  div.lp-content .lp-flow {
    margin: 0;
  }

  .sv-column-8 .lp-flow {
    gap: 1.5rem;
    grid-template-columns: 100%;
  }

  .lp-flow .lp-cover__video,
  .lp-flow .lp-cover__video-link {
    position: absolute;
  }

  .lp-flow .lp-flowitem-wrapper--wide,
  .lp-flow .lp-exhibition-banner {
    grid-column: initial;
  }

  .lp-flow .lp-flowitem:has(p:empty) {
    min-height: 100%;
  }

  .lp-flow .lp-flowitem {
    min-height: 100%;
  }

  .lp-flow .lp-cover,
  .lp-flow .lp-cover__image,
  .lp-flow .lp-cover__video,
  .lp-flow .lp-cover__video-link {
    height: 100%;
  }

  .lp-flow .lp-flowitem-wrapper--wide .lp-cover {
    aspect-ratio: 82 / 50;
  }

  .lp-flow.lp-flow-wide .lp-flowitem {
    display: flex;
  }

  div.lp-flow.lp-flow-wide {
    margin-bottom: 1.5rem;
  }
}

/* Puffmodul */

.sv-limepark-castle-banner-list .lp-flow-banners.lp-flow-wide .lp-flowitem {
  justify-content: initial;
}