/*
@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;
}
*/
.grid-container .grid.is-style-fragen[column-count] {
  grid-template-columns: repeat(4, minmax(0, 250px));
  -moz-column-gap: 80px;
       column-gap: 80px;
  row-gap: 107px;
}

.grid-container .grid.is-style-projekte[column-count] {
  --grid-row-gap: 160px;
}

.coneo-blogkarte {
  position: relative;
  min-height: 455px;
  height: 100%;
  padding: 33px 63px 117px;
  background: var(--white);
  border-radius: var(--radius-karte);
  box-shadow: var(--schatten-weich);
  color: var(--primary-color);
  transition: box-shadow var(--uebergang);
}
.coneo-blogkarte:hover, .coneo-blogkarte:focus-within {
  box-shadow: 0 0 12px rgba(97, 127, 157, 0.45);
}

.coneo-karte-vorzeile {
  display: block;
  font-size: 18px;
  line-height: 38px;
  color: var(--primary-color-medium);
}

.coneo-karte-titel {
  margin: 13px 0 0;
  font-family: var(--secondary-font);
  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--primary-color);
}

.coneo-karte-link {
  color: inherit;
  text-decoration: none;
}
.coneo-karte-link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.coneo-karte-link:focus-visible {
  outline: none;
}
.coneo-karte-link:focus-visible::after {
  outline: 2px solid var(--primary-color);
  outline-offset: 3px;
}

.coneo-karte-text {
  margin: 38px 0 0;
  font-size: 18px;
  line-height: 26px;
}

.coneo-pfeil {
  display: block;
  width: 50px;
  height: 50px;
  color: var(--primary-color-medium);
}
.coneo-pfeil::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 50 50%27%3E%3Cg fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27%3E%3Ccircle cx=%2725%27 cy=%2725%27 r=%2724%27/%3E%3Cpath d=%27M11.5 25h26M30 10.88C30 10.88 37.74 18.03 37.74 25.08C37.74 32.12 30 39.07 30 39.07%27/%3E%3C/g%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 50 50%27%3E%3Cg fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27%3E%3Ccircle cx=%2725%27 cy=%2725%27 r=%2724%27/%3E%3Cpath d=%27M11.5 25h26M30 10.88C30 10.88 37.74 18.03 37.74 25.08C37.74 32.12 30 39.07 30 39.07%27/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}

.coneo-blogkarte .coneo-pfeil {
  position: absolute;
  right: 39px;
  bottom: 31px;
}

.grid-container .grid > .coneo-projekt,
.coneo-projekt {
  display: grid;
  grid-template-columns: minmax(0, 839fr) minmax(0, 401fr);
  -moz-column-gap: 40px;
       column-gap: 40px;
  align-items: start;
  container-type: inline-size;
}

.coneo-projekt-bild {
  border-radius: var(--radius-flaeche);
  overflow: hidden;
  aspect-ratio: 839/600;
  background: var(--secondary-color);
}
.coneo-projekt-bild img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.coneo-projekt-text {
  padding-top: calc(0.2298 * (100cqi - 40px));
}

.coneo-projekt-kunde {
  margin: 0;
  font-family: var(--primary-font);
  font-size: 20px;
  line-height: 38px;
  font-weight: 400;
  letter-spacing: 0;
  color: var(--primary-color-medium);
}

.coneo-projekt-loesung {
  margin: 17px 0 0;
  font-size: 25px;
  line-height: 34px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--primary-color);
}

.coneo-projekt-link {
  margin-top: 55px;
  transition: color var(--uebergang);
}
.coneo-projekt-link:hover, .coneo-projekt-link:focus-visible {
  color: var(--primary-color);
}

.grid > :nth-child(even of .coneo-projekt) {
  grid-template-columns: minmax(0, 425fr) minmax(0, 839fr);
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.grid > :nth-child(even of .coneo-projekt) .coneo-projekt-bild {
  order: 2;
}
.grid > :nth-child(even of .coneo-projekt) .coneo-projekt-text {
  padding-top: calc(0.2255 * (100cqi - 16px));
}

@media (max-width: 960px) {
  .grid-container .grid.is-style-fragen[column-count] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 50px;
  }
  .coneo-blogkarte {
    min-height: 0;
    padding: 28px 28px 90px;
  }
  .coneo-blogkarte .coneo-pfeil {
    right: 24px;
    bottom: 24px;
  }
  .grid-container .grid > .coneo-projekt,
  .coneo-projekt,
  .grid > :nth-child(even of .coneo-projekt) {
    grid-template-columns: 100%;
    row-gap: 20px;
  }
  .grid-container .grid > .coneo-projekt .coneo-projekt-bild,
  .coneo-projekt .coneo-projekt-bild,
  .grid > :nth-child(even of .coneo-projekt) .coneo-projekt-bild {
    order: 0;
  }
  .grid-container .grid > .coneo-projekt .coneo-projekt-text,
  .coneo-projekt .coneo-projekt-text,
  .grid > :nth-child(even of .coneo-projekt) .coneo-projekt-text {
    padding-top: 0;
  }
}
@media (max-width: 580px) {
  .grid-container .grid.is-style-fragen[column-count] {
    grid-template-columns: 100%;
  }
}

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