/*
@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;
*/
.columns-container {
  --columns-gap: clamp(28px, 4vw, 64px);
  --columns-margin-bottom: 0;
}

.columns-container:not(.is-style-karten-container):not(.is-style-geteilt-container) .column-container {
  align-self: start;
  height: auto;
}
.columns-container:not(.is-style-karten-container):not(.is-style-geteilt-container) .column-container > .wp-block-column {
  height: auto;
}

.columns-container.is-style-karten-container {
  --columns-gap: 26px;
  --columns-margin-bottom: 0;
}

.columns-container.is-style-karten-container .column-container {
  align-self: stretch;
}

.columns-container .column-container.is-style-karte-container,
.columns-container .column-container.is-style-karte-eng-container,
.columns-container .column-container.is-style-karte-weich-container,
.columns-container .column-container.is-style-karte-hervorgehoben-container {
  --column-padding: 0;
  --column-with-background-min-height: 0;
}

.wp-block-column.is-style-karte,
.wp-block-column.is-style-karte-eng,
.wp-block-column.is-style-karte-hervorgehoben {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  padding: 26px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.wp-block-column.is-style-karte > .container:last-child,
.wp-block-column.is-style-karte-eng > .container:last-child,
.wp-block-column.is-style-karte-hervorgehoben > .container:last-child {
  margin-top: auto;
}

.wp-block-column.is-style-karte-eng {
  padding: 14px 14px 16px;
  gap: 0;
}
.wp-block-column.is-style-karte-eng > .container:last-child {
  margin-top: 0;
}

.wp-block-column.is-style-karte-hervorgehoben {
  border-color: var(--primary-color);
  box-shadow: 0 1px 0 var(--primary-color-lightest);
}

.columns-container.is-style-zeile-container {
  --columns-gap: var(--space-md);
  --columns-mobile-gap: var(--space-md);
  --columns-margin-bottom: 0;
}

@media (max-width: 960px) {
  .columns-container.is-style-zeile-container {
    --columns-grid-template-columns: 100%;
  }
}
@media (max-width: 768px) {
  .columns-container.is-style-karten-container {
    --columns-gap: 16px;
  }
}
.columns-container.is-style-geteilt-container {
  --columns-gap: 0;
  --columns-mobile-gap: 0;
  --columns-margin-bottom: 0;
}

article section.columns-container.is-style-geteilt-container .wp-block-columns,
.editor-styles-wrapper .wp-block-columns.is-style-geteilt {
  border: 1px solid var(--border-color);
  border-radius: 8px;
  overflow: hidden;
}

.columns-container.is-style-geteilt-container .column-container,
.columns-container.is-style-geteilt-container .column-container > .wp-block-column {
  height: 100%;
}

.wp-block-column.is-style-karte-weich {
  padding: clamp(24px, 3vw, 38px);
  display: flex;
  flex-direction: column;
  gap: 0;
}
.wp-block-column.is-style-karte-weich > .container {
  --kc-block-default-width: 100%;
  min-width: 0;
}

.columns-container.is-style-geteilt-container .column-container:last-child {
  --column-padding: 0;
}

.columns-container.is-style-geteilt-container .column-container:last-child > .wp-block-column {
  padding: 0;
}

.columns-container.is-style-geteilt-container .tax-calc-container {
  height: 100%;
}

.wp-block-column.is-style-karte .heading-container,
.wp-block-column.is-style-karte-hervorgehoben .heading-container {
  --heading-margin-bottom: 0;
  --h3-font-size: 21px;
  --h3-line-height: 1.6;
  --container-margin-left: 0;
  --heading-max-width: none;
}
.wp-block-column.is-style-karte .list-container ul,
.wp-block-column.is-style-karte [data-type="core/list"],
.wp-block-column.is-style-karte-hervorgehoben .list-container ul,
.wp-block-column.is-style-karte-hervorgehoben [data-type="core/list"] {
  --list-font-size: 15px;
  --list-line-height: 1.5;
  --list-color: var(--text-color-deep);
  padding-top: 14px;
  border-top: 1px dashed var(--border-color);
}
.wp-block-column.is-style-karte .list-item-container + .list-item-container,
.wp-block-column.is-style-karte [data-type="core/list-item"] + [data-type="core/list-item"],
.wp-block-column.is-style-karte-hervorgehoben .list-item-container + .list-item-container,
.wp-block-column.is-style-karte-hervorgehoben [data-type="core/list-item"] + [data-type="core/list-item"] {
  margin-top: 9px;
}
.wp-block-column.is-style-karte .is-style-fusszeile,
.wp-block-column.is-style-karte-hervorgehoben .is-style-fusszeile {
  --p-font-family: var(--mono-font);
  --p-font-size: 12px;
  --p-font-weight: 400;
  --p-color: var(--text-color-faint);
  padding-top: 12px;
  border-top: 1px solid var(--border-color-light);
}
.wp-block-column.is-style-karte .is-style-fusszeile a,
.wp-block-column.is-style-karte-hervorgehoben .is-style-fusszeile a {
  font-family: var(--primary-font);
  font-size: 15px;
  font-weight: 600;
}

.wp-block-column.is-vertically-aligned-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.wp-block-column.is-vertically-aligned-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.columns-container .wp-block-columns .column-container:has(> .wp-block-column.is-vertically-aligned-bottom),
.columns-container .wp-block-columns .column-container:has(> .wp-block-column.is-vertically-aligned-center) {
  align-self: stretch;
}
.columns-container .wp-block-columns .column-container:has(> .wp-block-column.is-vertically-aligned-bottom) > .wp-block-column,
.columns-container .wp-block-columns .column-container:has(> .wp-block-column.is-vertically-aligned-center) > .wp-block-column {
  height: 100%;
}

article section.columns-container .wp-block-columns .column-container .wp-block-column > .container {
  --kc-block-default-width: 100%;
  min-width: 0;
}

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