/*
@include max($tablet) {
	height: 60px;
}
*/
/*
Beispiel:
@include default_text_specs(
    $css-variable-prepend: "kc-teaser-title",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include default_h1_specs(
    $css-variable-prepend: "",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include default_h2_specs(
    $css-variable-prepend: "",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include css_variable_prepend(
    $property: "font-size",
    $prepend-string: 'kc-teaser-title',
    $default-value: 20px
);
*/
/*
@extend %transition;
*/
/*
@extend %transition-timing;
*/
/*
@include max($tablet) {
	height: 60px;
}
*/
.group-container.is-style-page-intro-container {
  --group-padding-top: 64px;
  --group-padding-bottom: 56px;
  --heading-margin-bottom: 12px;
  --paragraph-not-last-margin-bottom: 12px;
  --h1-color: var(--white);
  position: relative;
  overflow: hidden;
}
.group-container.is-style-page-intro-container::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0px, rgba(255, 255, 255, 0.04) 1px, transparent 1px, transparent 110px);
}
.group-container.is-style-page-intro-container > .wp-block-group {
  position: relative;
}
.group-container.is-style-page-intro-container > .wp-block-group > .container + .heading-container,
.group-container.is-style-page-intro-container > .wp-block-group > .wp-block-group__inner-container > .container + .heading-container {
  --heading-margin-top: 0;
}
.group-container.is-style-page-intro-container > .wp-block-group > .is-style-vorzeile-container,
.group-container.is-style-page-intro-container > .wp-block-group > .wp-block-group__inner-container > .is-style-vorzeile-container {
  --paragraph-not-last-margin-bottom: 12px;
}

.wp-block-group.is-style-page-intro {
  --h1-color: var(--white);
  --heading-margin-bottom: 12px;
  --p-color: var(--secondary-color-light);
  --p-font-size: 17.5px;
  --p-line-height: 1.65;
  --link-color: var(--secondary-color-dark);
}

.wp-block-group.is-style-cta {
  --h2-color: var(--white);
  --h2-font-size: 26px;
  --h2-line-height: 1.25;
  --p-color: var(--secondary-color-light);
  --p-font-size: 16px;
  --p-line-height: 1.55;
  --link-color: var(--white);
  --heading-margin-bottom: 8px;
  --paragraph-not-last-margin-bottom: 0;
}
.wp-block-group.is-style-cta .is-style-weg-telefon,
.wp-block-group.is-style-cta .is-style-weg-mail {
  --p-font-size: 14px;
  --p-line-height: 1.15;
  --p-color: var(--secondary-color);
  --p-strong-color: var(--white);
  --link-color: var(--secondary-color);
  font-family: var(--secondary-font);
  letter-spacing: 0.04em;
}
.wp-block-group.is-style-cta .is-style-weg-telefon a,
.wp-block-group.is-style-cta .is-style-weg-mail a {
  display: grid;
  grid-template-columns: 22px auto;
  -moz-column-gap: 12px;
       column-gap: 12px;
  align-items: center;
  text-decoration: none;
}
.wp-block-group.is-style-cta .is-style-weg-telefon a::before,
.wp-block-group.is-style-cta .is-style-weg-mail a::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 20px;
  grid-row: 1/span 2;
}
.wp-block-group.is-style-cta .is-style-weg-telefon a strong,
.wp-block-group.is-style-cta .is-style-weg-mail a strong {
  grid-column: 2;
  font-family: var(--primary-font);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
.wp-block-group.is-style-cta .is-style-weg-telefon.is-style-weg-telefon a::before,
.wp-block-group.is-style-cta .is-style-weg-mail.is-style-weg-telefon a::before {
  content: "\f095";
}
.wp-block-group.is-style-cta .is-style-weg-telefon.is-style-weg-mail a::before,
.wp-block-group.is-style-cta .is-style-weg-mail.is-style-weg-mail a::before {
  content: "\f0e0";
  font-weight: 400;
}

.group-container.is-style-cta-container .is-style-weg-telefon-container,
.group-container.is-style-cta-container .is-style-weg-mail-container {
  --paragraph-not-last-margin-bottom: 12px;
}
.group-container.is-style-cta-container .heading-container {
  --heading-margin-bottom: 8px;
}
.group-container.is-style-cta-container .buttons-container {
  --buttons-margin-top: 0;
}

.group-container.is-style-cta-container {
  --group-padding-top: 48px;
  --group-padding-bottom: 52px;
  --columns-gap: 32px;
}

@media (max-width: 900px) {
  .group-container.is-style-page-intro-container {
    --group-padding-top: 40px;
    --group-padding-bottom: 36px;
  }
  .group-container.is-style-cta-container {
    --group-padding-top: 40px;
    --group-padding-bottom: 44px;
  }
  .group-container.is-style-cta-container .wp-block-columns {
    --columns-grid-template-columns: 100%;
    --columns-gap: 26px;
  }
  .wp-block-group.is-style-cta .wp-block-buttons {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.group-container:not(.has-background):has(+ .group-container:not(.has-background)),
.group-container.background-color-grey-light:has(+ .group-container.background-color-grey-light) {
  --group-padding-bottom: 24px;
}

.group-container:not(.has-background) + .group-container:not(.has-background),
.group-container.background-color-grey-light + .group-container.background-color-grey-light {
  --group-padding-top: 28px;
}

@media (max-width: 900px) {
  .group-container:not(.has-background):has(+ .group-container:not(.has-background)),
  .group-container.background-color-grey-light:has(+ .group-container.background-color-grey-light) {
    --group-padding-bottom: 18px;
  }
  .group-container:not(.has-background) + .group-container:not(.has-background),
  .group-container.background-color-grey-light + .group-container.background-color-grey-light {
    --group-padding-top: 18px;
  }
}

/*# sourceMappingURL=group.css.map*/