/*
@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;
}
*/
.kc-teaser[type="1"].is-style-frage,
.kc-teaser[type="1"].is-style-stimme {
  --kc-teaser-background-color: transparent;
  --kc-teaser-description-font-family: var(--primary-font);
  --kc-teaser-description-font-size: 18px;
  --kc-teaser-description-line-height: 26px;
  --kc-teaser-description-font-weight: 400;
  --kc-teaser-description-color: var(--primary-color);
  --kc-teaser-description-margin: 0;
  --kc-teaser-description-hyphens: manual;
}
.kc-teaser[type="1"].is-style-frage .kc-teaser-read_more_label,
.kc-teaser[type="1"].is-style-stimme .kc-teaser-read_more_label {
  display: none;
}

.kc-teaser[type="1"].is-style-frage {
  color: var(--primary-color-medium);
}
.kc-teaser[type="1"].is-style-frage::before {
  content: "";
  display: block;
  width: 65px;
  height: 46px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 65 46%27%3E%3Cpath d=%27M0 22.5h64.5M15.7 44.1L47.95 2%27 stroke=%27%23000%27 stroke-width=%274%27 fill=%27none%27/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 65 46%27%3E%3Cpath d=%27M0 22.5h64.5M15.7 44.1L47.95 2%27 stroke=%27%23000%27 stroke-width=%274%27 fill=%27none%27/%3E%3C/svg%3E") center/contain no-repeat;
  margin-bottom: 25px;
}

.kc-teaser[type="1"].is-style-stimme {
  --kc-teaser-display: grid;
  --kc-teaser-media-container-margin: 2px 0 0;
  --kc-teaser-media-margin: 0;
  --kc-teaser-title-font-family: var(--primary-font);
  --kc-teaser-title-font-size: 20px;
  --kc-teaser-title-line-height: 38px;
  --kc-teaser-title-font-weight: 400;
  --kc-teaser-title-color: var(--primary-color-medium);
  --kc-teaser-title-margin: 0;
  grid-template-columns: 150px minmax(0, 1fr);
  grid-template-areas: "bild text" "bild name";
  grid-template-rows: auto 1fr;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
.kc-teaser[type="1"].is-style-stimme .kc-teaser-media-container {
  grid-area: bild;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  align-self: start;
}
.kc-teaser[type="1"].is-style-stimme .kc-teaser-media {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.kc-teaser[type="1"].is-style-stimme .kc-teaser-description {
  grid-area: text;
}
.kc-teaser[type="1"].is-style-stimme .kc-teaser-title {
  grid-area: name;
  margin-top: 9px;
}

@media (max-width: 960px) {
  .kc-teaser[type="1"].is-style-stimme {
    grid-template-columns: 90px minmax(0, 1fr);
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .kc-teaser[type="1"].is-style-stimme .kc-teaser-media-container {
    width: 90px;
    height: 90px;
  }
}

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