/*
@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;
}
*/
body,
html {
  --form-button-border-radius: 0;
  --form-button-background-color: var(--primary-color);
  --form-button-color: #000;
  --form-button-padding: 20px 30px;
  --form-button-font-weight: 700;
  --form-button-border: none;
  --form-field-margin-bottom: 30px;
  --form-input-border: none;
  --form-default-label-link-text-decoration: underline;
}
body .nf-field-outer-container.checkbox-container .nf-field-label,
html .nf-field-outer-container.checkbox-container .nf-field-label {
  padding: 0;
}
body .nf-field-outer-container.checkbox-container .nf-field-label label,
html .nf-field-outer-container.checkbox-container .nf-field-label label {
  position: relative;
  padding-left: 30px;
}
body .nf-field-outer-container.checkbox-container .nf-field-label label:before,
html .nf-field-outer-container.checkbox-container .nf-field-label label:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
}
body .nf-field-outer-container.checkbox-container .nf-field-label label.nf-checked-label:before,
html .nf-field-outer-container.checkbox-container .nf-field-label label.nf-checked-label:before {
  background-color: var(--primary-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.4c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
}
body .nf-field-outer-container.checkbox-container .nf-field-element,
html .nf-field-outer-container.checkbox-container .nf-field-element {
  display: none;
}