/**
 * - Styling der Formulare
 * - wird nur auf Seiten, die auch ein Formular besitzen, eingebunden
 */

/* Variablen  */
:root {
	--theme-farbe: var(--bricks-color-ojyfvt);
	--theme-farbe-hell: var(--bricks-color-zcnkjr);
	--text-color: var(--bricks-color-ovmvis);
}
/* Styling & Farben generell*/
/*	 Texte linksbündig */
div.gform_wrapper {
	text-align: left !important;
}
/*   Farben */
.gform_wrapper {
  --gf-ctrl-outline-color-focus: var(--theme-farbe) !important;
  --gf-ctrl-border-color-focus: hsl(from var(--theme-farbe) h s calc(l * .70)) !important;
  --gf-ctrl-choice-check-color: hsl(from var(--theme-farbe) h s calc(l * .70)) !important;
  --gf-ctrl-color-focus: var(--text-color) !important;
  --gf-ctrl-radius: 0 !important;
  --gf-ctrl-outline-color: var(--theme-farbe) !important;
  --gf-ctrl-transition: none !important;
}
/* Buttons */
/*   Button-Style zurücksetzen, da später von Bricks-Klassen übernommen */
.gform_button.button {
	all: unset !important;
}
/* Pflichtfeld-Markierung */
span.gfield_required {
	color: var(--theme-farbe-hell) !important;
	font-size: 1.2em !important;
	margin-top: -30px;
}
/* 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;
}
/*  Labeltext-Farbe ändern */
/*
div.gform_wrapper :not(input, select, option, textarea, .gfield_required) {
	color: var(--farbe-weiss) !important;
}
*/
/*
.gform_button.button {
	border-radius: var(--button-border-radius) !important;
	color: var(--button-font-color) !important;
	background-color: var(--button-background-color) !important;
	border: var(--button-border-strength) var(--button-border-style) var(--button-border-color) !important;
	font-size: var(--button-font-size) !important;
	font-family: var(--button-font-family) !important;;
	padding: var(--button-padding-y) var(--button-padding-x) !important;
	transition: var(--button-transition) !important;
}
.gform_button.button:hover {
	color: var(--button-font-color-hover) !important;
	background-color: var(--button-background-color-hover) !important;
	border: var(--button-border-strength) var(--button-border-style) var(--button-border-color-hover) !important;
	font-size: var(--button-font-size-hover) !important;
	padding: var(--button-padding-y) var(--button-padding-x) !important;
}
*/
/* HTML-Elemente ausblenden, da als Platzhalter benutzt  */
/*
@media (max-width: 639px) {
  div.gfield--type-html {
    display: none !important;
  }
}
*/