/*
@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;
}
*/
.plz-check-label {
  display: block;
  margin-bottom: 8px;
  font-family: var(--mono-font);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 1.15px;
  text-transform: uppercase;
  color: var(--text-color-muted);
}

.plz-check-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}

.plz-check-input {
  width: 170px;
  height: 62px;
  box-sizing: border-box;
  padding: 12px 14px;
  border: 1.5px solid var(--rule-dashed);
  border-radius: 5px;
  background: var(--cream-soft);
  font-family: var(--primary-font);
  font-size: 22px;
  line-height: normal;
  color: var(--text-color);
}
.plz-check-input::-moz-placeholder {
  color: var(--text-color-faint);
}
.plz-check-input::placeholder {
  color: var(--text-color-faint);
}
.plz-check-input:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 1px;
}

.plz-check-button {
  width: 100px;
  height: 62px;
  box-sizing: border-box;
  padding: 12px 24px;
  border: 0;
  border-radius: 5px;
  background: var(--primary-color);
  font-family: var(--primary-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--white);
  cursor: pointer;
}
.plz-check-button:hover {
  background: var(--primary-color-dark);
}
.plz-check-button:focus-visible {
  outline: 2px solid var(--primary-color-dark);
  outline-offset: 2px;
}

.plz-check-antwort {
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--text-color-muted);
}
.plz-check-antwort.ist-treffer {
  font-weight: 600;
  color: var(--primary-color-dark);
}

/*# sourceMappingURL=plz-check.css.map*/