/*
@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;
}
*/
body .columns-container.align-full,
html .columns-container.align-full {
  --block-default-full-padding-left: 0;
  --block-default-full-padding-right: 0;
  --column-with-background-min-height: 30vw;
}
body .columns-container.intro-grid-container,
html .columns-container.intro-grid-container {
  --column-padding: 0;
  --columns-grid-template-columns: 280px minmax(0, 1fr);
}
body .columns-container.intro-grid-container .wp-block-columns.intro-grid,
html .columns-container.intro-grid-container .wp-block-columns.intro-grid {
  display: grid;
  grid-template-columns: var(--columns-grid-template-columns);
  gap: var(--space-3xl);
  align-items: start;
}
body .columns-container.intro-grid-container .wp-block-columns.intro-grid .wp-block-column,
html .columns-container.intro-grid-container .wp-block-columns.intro-grid .wp-block-column {
  padding: 0;
}
body .columns-container.intro-grid-container .wp-block-columns.intro-grid .wp-block-column.intro-side,
html .columns-container.intro-grid-container .wp-block-columns.intro-grid .wp-block-column.intro-side {
  position: sticky;
  top: 130px;
  border-top: 1px solid var(--line);
  padding-top: var(--space-md);
  flex-basis: 280px !important;
}
body .columns-container.intro-grid-container .wp-block-columns.intro-grid .wp-block-column.intro-text,
html .columns-container.intro-grid-container .wp-block-columns.intro-grid .wp-block-column.intro-text {
  font-size: 21px;
  line-height: 1.7;
}
@media (max-width: 960px) {
  body .columns-container.intro-grid-container .wp-block-columns.intro-grid,
  html .columns-container.intro-grid-container .wp-block-columns.intro-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-lg);
  }
  body .columns-container.intro-grid-container .wp-block-columns.intro-grid .wp-block-column.intro-side,
  html .columns-container.intro-grid-container .wp-block-columns.intro-grid .wp-block-column.intro-side {
    position: relative;
    top: 0;
  }
}
@media (max-width: 960px) {
  body .columns-container.intro-grid-container,
  html .columns-container.intro-grid-container {
    --columns-grid-template-columns: minmax(0, 1fr);
  }
  body .columns-container.intro-grid-container .column-container.intro-side-container,
  html .columns-container.intro-grid-container .column-container.intro-side-container {
    width: 100% !important;
  }
  body .columns-container.intro-grid-container .wp-block-column.intro-side,
  html .columns-container.intro-grid-container .wp-block-column.intro-side {
    flex-basis: auto !important;
  }
}
body .columns-container.image-text-row-container,
html .columns-container.image-text-row-container {
  --column-padding: 0;
}
@media (max-width: 960px) {
  body .columns-container.image-text-row-container,
  html .columns-container.image-text-row-container {
    margin-bottom: var(--space-xl);
  }
}
body .columns-container.image-text-row-container .wp-block-columns.image-text-row,
html .columns-container.image-text-row-container .wp-block-columns.image-text-row {
  gap: var(--space-2xl);
  align-items: center;
  margin-bottom: var(--space-3xl);
}
body .columns-container.image-text-row-container .wp-block-columns.image-text-row .wp-block-column,
html .columns-container.image-text-row-container .wp-block-columns.image-text-row .wp-block-column {
  padding: 0;
}
body .columns-container.image-text-row-container .wp-block-columns.image-text-row .wp-block-column.image-col,
html .columns-container.image-text-row-container .wp-block-columns.image-text-row .wp-block-column.image-col {
  display: block;
  position: relative;
}
body .columns-container.image-text-row-container .wp-block-columns.image-text-row:last-of-type,
html .columns-container.image-text-row-container .wp-block-columns.image-text-row:last-of-type {
  margin-bottom: 0;
}
body .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap,
html .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap {
  display: block !important;
  position: relative;
  align-items: initial !important;
}
body .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.image-col,
html .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.image-col {
  display: block !important;
  width: 78% !important;
  max-width: 78% !important;
  flex: 0 0 78% !important;
  margin: 0 !important;
  padding: 0;
  z-index: 1;
  position: relative;
  align-self: initial !important;
  height: auto;
}
body .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.image-col > .image-container,
body .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.image-col > section.image-container,
html .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.image-col > .image-container,
html .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.image-col > section.image-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.image-col .wp-block-image,
body .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.image-col figure,
html .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.image-col .wp-block-image,
html .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.image-col figure {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  aspect-ratio: 5/4;
}
body .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.image-col img,
html .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.image-col img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
body .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.text-col,
html .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.text-col {
  position: absolute !important;
  top: 50%;
  right: 4%;
  transform: translateY(-50%);
  width: 42%;
  max-width: 500px;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 48px;
  background: var(--cream-soft);
  box-shadow: 0 28px 70px rgba(31, 32, 23, 0.22), 0 4px 12px rgba(31, 32, 23, 0.08);
  z-index: 2;
  flex: none !important;
  align-self: initial !important;
}
@media (max-width: 960px) {
  body .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.image-col,
  html .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.image-col {
    width: 75% !important;
    max-width: 75% !important;
    flex-basis: 75% !important;
  }
  body .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.text-col,
  html .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.text-col {
    width: 48%;
    right: 3%;
    padding: 32px;
  }
}
@media (max-width: 580px) {
  body .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap,
  html .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap {
    display: block !important;
  }
  body .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.image-col,
  html .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.image-col {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }
  body .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.text-col,
  html .columns-container.image-text-row-container .wp-block-columns.image-text-row.overlap .wp-block-column.text-col {
    position: relative !important;
    top: auto;
    right: auto;
    transform: none;
    width: calc(100% - 32px);
    max-width: 100%;
    margin: -32px 16px 0 !important;
  }
}
@media (max-width: 960px) {
  body .columns-container.image-text-row-container .wp-block-columns.image-text-row,
  html .columns-container.image-text-row-container .wp-block-columns.image-text-row {
    gap: var(--space-md);
  }
}
body .columns-container.pricing-grid-container,
html .columns-container.pricing-grid-container {
  --column-padding: 0;
}
body .columns-container.pricing-grid-container .wp-block-columns.pricing-grid,
html .columns-container.pricing-grid-container .wp-block-columns.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-md);
  margin-top: var(--space-xl);
  align-items: stretch;
}
body .columns-container.pricing-grid-container .wp-block-columns.pricing-grid .wp-block-column.pricing-card,
html .columns-container.pricing-grid-container .wp-block-columns.pricing-grid .wp-block-column.pricing-card {
  background: var(--cream-soft);
  padding: var(--space-xl);
  border: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  position: relative;
}
body .columns-container.pricing-grid-container .wp-block-columns.pricing-grid .wp-block-column.pricing-card.featured,
html .columns-container.pricing-grid-container .wp-block-columns.pricing-grid .wp-block-column.pricing-card.featured {
  background: var(--moss-darkest);
  color: var(--cream-soft);
  border-color: var(--moss-darkest);
  transform: scale(1.04);
  z-index: 2;
}
body .columns-container.pricing-grid-container .wp-block-columns.pricing-grid .wp-block-column.pricing-card.featured::before,
html .columns-container.pricing-grid-container .wp-block-columns.pricing-grid .wp-block-column.pricing-card.featured::before {
  content: "Empfohlen";
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--clay);
  color: var(--moss-darkest);
  font-family: var(--font-ui);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  padding: 8px 16px;
  border-radius: var(--r-full);
}
@media (max-width: 960px) {
  body .columns-container.pricing-grid-container .wp-block-columns.pricing-grid,
  html .columns-container.pricing-grid-container .wp-block-columns.pricing-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  body .columns-container.pricing-grid-container .wp-block-columns.pricing-grid .wp-block-column.pricing-card.featured,
  html .columns-container.pricing-grid-container .wp-block-columns.pricing-grid .wp-block-column.pricing-card.featured {
    transform: none;
  }
}
body .columns-container.form-layout-container,
html .columns-container.form-layout-container {
  --column-padding: 0;
}
body .columns-container.form-layout-container .wp-block-columns.form-layout,
html .columns-container.form-layout-container .wp-block-columns.form-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  gap: var(--space-3xl);
}
body .columns-container.form-layout-container .wp-block-columns.form-layout .wp-block-column,
html .columns-container.form-layout-container .wp-block-columns.form-layout .wp-block-column {
  padding: 0;
}
body .columns-container.form-layout-container .wp-block-columns.form-layout .wp-block-column.form-body,
html .columns-container.form-layout-container .wp-block-columns.form-layout .wp-block-column.form-body {
  background: var(--cream-soft);
  padding: var(--space-xl);
  border-top: 3px solid var(--clay);
}
@media (max-width: 960px) {
  body .columns-container.form-layout-container .wp-block-columns.form-layout,
  html .columns-container.form-layout-container .wp-block-columns.form-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-xl);
  }
}
body .columns-container.cta-moss-cols-container,
html .columns-container.cta-moss-cols-container {
  --column-padding: 0;
}
body .columns-container.cta-moss-cols-container .wp-block-columns.cta-moss-cols,
html .columns-container.cta-moss-cols-container .wp-block-columns.cta-moss-cols {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: var(--space-2xl);
  align-items: center;
  position: relative;
  z-index: 1;
}
body .columns-container.cta-moss-cols-container .wp-block-columns.cta-moss-cols .wp-block-column,
html .columns-container.cta-moss-cols-container .wp-block-columns.cta-moss-cols .wp-block-column {
  padding: 0;
}
body .columns-container.cta-moss-cols-container .wp-block-columns.cta-moss-cols .wp-block-column.cta-moss-actions,
html .columns-container.cta-moss-cols-container .wp-block-columns.cta-moss-cols .wp-block-column.cta-moss-actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}
@media (max-width: 960px) {
  body .columns-container.cta-moss-cols-container .wp-block-columns.cta-moss-cols,
  html .columns-container.cta-moss-cols-container .wp-block-columns.cta-moss-cols {
    grid-template-columns: minmax(0, 1fr);
  }
}