@CHARSET "UTF-8";
/**
 * Styles für Formulare
 */ 

@media all {
	.dp-form <<* {  }
		.label{ text-transform: uppercase; font-family: var(--headlinefontfamily); font-weight: var(--headlinefontweightsemibold); }
		.row + .row{ margin-top: 1rem; }
		.label-with-checkbox <<* { display: inline-flex; align-items: flex-start; }
			input{ display: none; }
			.checkbox-visual <<* { display: inline-flex; align-items: center; }
				svg{ width: 1.125em; height: 1.125em; }
				.checkbox-deselected{ display: inline; color: var(--grey); }
				.checkbox-selected{ display: none; color: var(--brandprimary); }
			>>
			input:checked + .checkbox-visual <<* {  }
				.checkbox-deselected{ display: none; }
				.checkbox-selected{ display: inline; }
			>>
			.checkbox-label{ margin-left: .25em; line-height: 1.25em; }
		>>
		.dpf4-rowHasRequired .label::after,
		.dpf4-rowHasRequired .checkbox-label::after{ content: "*"; font-size: .75em; vertical-align: top; }
		input.text,
		textarea{ width: 100%; padding: .1em .5em; background: var(--lightgrey); border: none; border-bottom: 1px solid rgba(0,0,0,.05); border-radius: 4px; transition: border .5s; }
		input.text.dpf-ajax-error,
		textarea.dpf-ajax-error{ background: rgba(255,0,0,.1); }
		input.text:focus,
		textarea:focus{ border-bottom-color: var(--brandprimary); }
		input.text{ max-width: 460px; }
		textarea{ min-height: 8em; }
		.message{ font-weight: bold; color: red; font-size: .75rem; text-transform: uppercase; }
		.requiredNotice{ font-size: .75em; margin: .75rem 0; opacity: .666; }
	>>
}

@media all and (min-width: var(--breakpoint-s)){
}

@media all and (min-width: var(--breakpoint-m)){
}

@media all and (min-width: var(--breakpoint-l)){
}

@media all and (min-width: var(--breakpoint-xl)){
}

@media all and (min-width: var(--breakpoint-xxl)){
}