/**
 * - Styling der Formulare
 * - wird nur auf Seiten, die auch ein Formular besitzen, eingebunden
 */
/* Styling & Farben generell */
/* Texte linksbündig */
div.gform_wrapper {
  text-align: left !important;
}
/* Farben */
.gform_wrapper {
  --gf-ctrl-outline-color-focus: var(--primary) !important;
  --gf-ctrl-border-color-focus: hsl(from var(--primary) h s calc(l * .70)) !important;
  --gf-ctrl-choice-check-color: hsl(from var(--primary) h s calc(l * .70)) !important;
  --gf-ctrl-color-focus: var(--grey-dark) !important;
  --gf-ctrl-radius: var(--box-border-radius) !important;
  --gf-ctrl-border-width: 0 !important;
  --gf-ctrl-font-size:  2.2rem !important;
  --gf-ctrl-outline-color: var(--primary) !important;
  --gf-ctrl-transition: none !important;
  --gf-ctrl-padding-x: 10px !important;
  --gf-form-gap-y: 35px !important;
  --gf-form-footer-margin-y-start: 40px !important;
  --gf-ctrl-bg-color: #efe0ea !important;
  --gf-ctrl-outline-offset: 0!important;
  --gf-ctrl-file-zone-icon-color: var(--primary) !important;
  --gf-ctrl-btn-bg-color-ctrl: var(--primary) !important;
  --gf-ctrl-btn-bg-color-hover-ctrl: #953073 !important;
  
}
/*
--gf-local-bg-color: var(--gf-ctrl-btn-bg-color-ctrl);
  --gf-local-border-color: var(--gf-ctrl-btn-border-color-ctrl);
  --gf-local-border-style: var(--gf-ctrl-btn-border-style-ctrl);
  --gf-local-border-width: var(--gf-ctrl-btn-border-width-ctrl);
  --gf-local-color: var(--gf-ctrl-btn-color-ctrl);
  var(--gf-ctrl-btn-color-hover-ctrl)
    var(--gf-ctrl-btn-bg-color-hover-ctrl)
  var(--gf-ctrl-btn-border-color-hover-ctrl)
  
  --gf-ctrl-btn-color-hover-ctrl: var(--primary) !important;
  */
.gform-theme--framework .gfield .gfield_label {
  translate: 0px 35px;
  margin: -20px 10px 0 20px;
  transition: all 0.1s ease-out;
  font-size: 2.2rem;
}
.gform-theme--framework .gfield:has(:is(input, textarea):focus) .gfield_label,
.gform-theme--framework .gfield:has(:is(input, textarea):not(:placeholder-shown)) .gfield_label {
  translate: 0px -3px;
}
/* Buttons */
/* Button-Style zurücksetzen, da später von Bricks-Klassen übernommen */
.gform_button.button {
  all: unset !important;
}
/* Pflichtfeld-Markierung */
span.gfield_required {
  font-size: 2.2rem !important;
  margin-top: -30px;
  color: currentColor !important;
}
/* Pflichtfeldhinweis entfernen */
p.gform_required_legend {
  display: none;
}
/* Zustimmungsfeld */
label.gfield_consent_label {
  text-wrap: balance;
}

/* Zustimmungsfeld-Button vertikal zentrieren */
.ginput_container_consent {
  display: flex !important;
  align-items: center !important;
}

/* Zustimmungsfeld-Button quadratisch */
.gform_wrapper input[type="checkbox"] {
  aspect-ratio: 1;
}

@media only screen and (max-width: 768px) {
  .gform_wrapper {
    --gf-ctrl-font-size:  1.6rem !important;
  }
  span.gfield_required {
    font-size: 1.6rem !important;
    margin-top: -30px;
  }
}
div.gform_confirmation_wrapper {
  color: var(--grey-dark) !important;
}