/*
@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;
}
*/
.tax-calc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: clamp(24px, 3vw, 38px);
  background: var(--ink-deep);
}

.tax-calc-label {
  display: block;
  font-family: var(--mono-font);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 1.56px;
  text-transform: uppercase;
  color: var(--on-dark-label);
}

.tax-calc-eingabe {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 8px 0 20px;
}

.tax-calc-input {
  width: 170px;
  max-width: 100%;
  padding: 0 0 4px;
  background: transparent;
  border: 0;
  border-bottom: 2px solid var(--on-dark-input-rule);
  border-radius: 0;
  font-family: var(--secondary-font);
  font-size: clamp(34px, 3vw, 44px);
  font-weight: 700;
  line-height: 1.1;
  color: var(--cream);
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.tax-calc-input::-webkit-outer-spin-button, .tax-calc-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.tax-calc-input:focus-visible {
  outline: none;
  border-bottom-color: var(--primary-color-light);
}

.tax-calc-waehrung {
  font-family: var(--secondary-font);
  font-size: clamp(28px, 2.5vw, 36px);
  font-weight: 700;
  line-height: 1.6;
  color: var(--on-dark-label);
}

.tax-calc-zeile {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  font-size: 16px;
  line-height: 1.6;
  color: var(--on-deepest-text);
}

.tax-calc-bonus {
  font-family: var(--mono-font);
  font-size: 16px;
  font-weight: 600;
  color: var(--primary-color-light);
  white-space: nowrap;
}

.tax-calc-linie {
  margin: 6px 0;
  border-top: 1px dashed var(--on-dark-input-rule);
}

.tax-calc-ergebnis {
  align-items: baseline;
}

.tax-calc-wert {
  font-family: var(--secondary-font);
  font-size: clamp(28px, 2.5vw, 36px);
  font-weight: 800;
  line-height: 1.6;
  color: var(--cream);
  white-space: nowrap;
}

.tax-calc-hinweis {
  margin: 14px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--on-dark-muted);
}

/*# sourceMappingURL=tax-calc.css.map*/