.spwk-pattern__teaser-areas {
  --teaser-panel-radius: var(--wp--preset--border-radius--medium);
  --teaser-item-block-size: 233px;
  --teaser-rule-block-size: 196px;
  --teaser-arrow-size: 32px;
  --teaser-heading-inline-size: 566px;
  --teaser-lead-inline-size: 446px;
  --teaser-panel-inline-size: 1392px;
  --teaser-gutter: 24px;
  --teaser-rail-inline-size: 0;
  --teaser-eyebrow-offset: 9px;
  --teaser-grid-columns: 1;
}
.spwk-pattern__teaser-areas.has-global-padding {
  padding-inline: calc(var(--teaser-gutter) + env(safe-area-inset-left)) calc(var(--teaser-gutter) + env(safe-area-inset-right));
}
.spwk-pattern__teaser-areas .teaser-areas__panel.alignwide {
  border-radius: var(--teaser-panel-radius);
  padding-block: var(--wp--preset--spacing--50);
  padding-inline: var(--wp--preset--spacing--40);
  max-inline-size: min(var(--teaser-panel-inline-size), 100%);
}
.spwk-pattern__teaser-areas .teaser-areas__intro {
  margin-block-end: var(--wp--preset--spacing--30);
}
.spwk-pattern__teaser-areas .teaser-areas__eyebrow {
  display: inline-block;
  margin-block: 0;
  border-radius: var(--wp--preset--border-radius--rounded);
  background-color: var(--wp--preset--color--primary-25);
  padding-block: 0;
  padding-inline: var(--wp--preset--spacing--5);
}
.spwk-pattern__teaser-areas .teaser-areas__heading {
  margin-block: var(--wp--preset--spacing--15) 0;
  max-inline-size: var(--teaser-heading-inline-size);
  line-height: var(--wp--custom--line-height--none);
}
.spwk-pattern__teaser-areas .teaser-areas__lead {
  margin-block-start: var(--wp--preset--spacing--15);
  max-inline-size: var(--teaser-lead-inline-size);
}
.spwk-pattern__teaser-areas .teaser-areas__grid {
  display: grid;
  grid-template-columns: repeat(var(--teaser-grid-columns), [card-start] minmax(0, 1fr) [card-end]);
  grid-auto-rows: 1fr;
  gap: var(--wp--preset--spacing--20);
  padding-inline-start: var(--teaser-rail-inline-size);
}
.spwk-pattern__teaser-areas .teaser-areas__item:has(a, .clickable-link) {
  cursor: pointer;
}
.wp-site-blocks .spwk-pattern__teaser-areas .teaser-areas__item:not(.js--is-clickable) {
  position: relative;
}
.wp-site-blocks .spwk-pattern__teaser-areas .teaser-areas__item:not(.js--is-clickable) .clickable-link::after, .wp-site-blocks .spwk-pattern__teaser-areas .teaser-areas__item:not(.js--is-clickable):not(:has(.clickable-link)) a::after {
  display: flex;
  position: absolute;
  inset: 0;
  flex-wrap: nowrap;
  z-index: var(--wp--custom--z-index--base);
  cursor: pointer;
  content: "";
}
.spwk-pattern__teaser-areas .teaser-areas__item {
  display: flex;
  position: relative;
  flex-direction: column;
  padding-block: var(--wp--preset--spacing--15) calc(var(--teaser-arrow-size) + var(--wp--preset--spacing--10));
  padding-inline: var(--wp--preset--spacing--15);
  block-size: 100%;
  min-block-size: var(--teaser-item-block-size);
  overflow: clip;
}
.spwk-pattern__teaser-areas .teaser-areas__item::before {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: var(--wp--preset--color--grau);
  inline-size: var(--wp--custom--border--width--tiny);
  block-size: var(--teaser-rule-block-size);
  content: "";
}
.spwk-pattern__teaser-areas .teaser-areas__item::after {
  position: absolute;
  inset-block-end: var(--wp--preset--spacing--10);
  inset-inline-end: var(--wp--preset--spacing--15);
  transition: border-color var(--wp--custom--transition--duration--medium) var(--wp--custom--transition--easing--default), background-color var(--wp--custom--transition--duration--medium) var(--wp--custom--transition--easing--default);
  border: var(--wp--custom--border--width--tiny) var(--wp--custom--border--style--default) var(--wp--preset--color--primary);
  border-radius: var(--wp--preset--border-radius--circle);
  background-color: var(--wp--preset--color--light);
  background-image: url("/wp-content/themes/SPiNNthemeFSE/assets/images/geist/teaser-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-origin: border-box;
  background-size: contain;
  inline-size: var(--teaser-arrow-size);
  block-size: var(--teaser-arrow-size);
  box-sizing: border-box;
  content: "";
}
@media (hover: hover) {
  .spwk-pattern__teaser-areas .teaser-areas__item:hover::after, .spwk-pattern__teaser-areas .teaser-areas__item:focus-within::after {
    border-color: var(--wp--preset--color--primary-alt);
    background-color: color-mix(in srgb, var(--wp--preset--color--primary) 7.5%, var(--_surface-color, var(--wp--preset--color--light)));
    color: var(--wp--custom--button--variation--outline--color--text);
  }
}
.spwk-pattern__teaser-areas .teaser-areas__item--bad {
  background-image: url("/wp-content/themes/SPiNNthemeFSE/assets/images/geist/teaser-bad.svg");
  background-repeat: no-repeat;
  background-position: -38px 3px;
  background-size: 166px 167px;
}
.spwk-pattern__teaser-areas .teaser-areas__item--klima {
  background-image: url("/wp-content/themes/SPiNNthemeFSE/assets/images/geist/teaser-climate.svg");
  background-repeat: no-repeat;
  background-position: -4px -20px;
  background-size: 97px 211px;
}
.spwk-pattern__teaser-areas .teaser-areas__item--heizung {
  background-image: url("/wp-content/themes/SPiNNthemeFSE/assets/images/geist/teaser-heating.svg");
  background-repeat: no-repeat;
  background-position: -27px -19px;
  background-size: 144px 209px;
}
.spwk-pattern__teaser-areas .teaser-areas__title {
  margin-block: 0;
}
.spwk-pattern__teaser-areas .teaser-areas__title a {
  text-decoration: none;
  color: inherit;
}
@media (min-width: 783px) {
  .spwk-pattern__teaser-areas {
    --teaser-grid-columns: 2;
  }
}
@media (min-width: 1101px) {
  .spwk-pattern__teaser-areas {
    --teaser-grid-columns: 3;
  }
}
@media (min-width: 1440px) {
  .spwk-pattern__teaser-areas {
    --teaser-rail-inline-size: 25.625%;
  }
  .spwk-pattern__teaser-areas .teaser-areas__intro {
    display: grid;
    grid-template-columns: [rail-start] var(--teaser-rail-inline-size) [copy-start] minmax(0, 1fr) [copy-end];
  }
  .spwk-pattern__teaser-areas .teaser-areas__eyebrow {
    position: relative;
    inset-block-start: var(--teaser-eyebrow-offset);
    place-self: start;
    grid-row: 1;
    grid-column: rail-start;
  }
  .spwk-pattern__teaser-areas .teaser-areas__heading {
    grid-row: 1;
    grid-column: copy-start;
    margin-block-start: 0;
  }
  .spwk-pattern__teaser-areas .teaser-areas__lead {
    grid-row: 2;
    grid-column: copy-start;
  }
}
@media (max-width: 782px) {
  .spwk-pattern__teaser-areas .teaser-areas__panel.alignwide {
    padding-block: var(--wp--preset--spacing--40);
    padding-inline: var(--wp--preset--spacing--15);
  }
  .spwk-pattern__teaser-areas .teaser-areas__heading,
  .spwk-pattern__teaser-areas .teaser-areas__lead {
    max-inline-size: none;
  }
  .spwk-pattern__teaser-areas .teaser-areas__grid {
    gap: var(--wp--preset--spacing--10);
  }
}

/*# sourceMappingURL=teaser-areas.css.map */