#formular-box {
	@apply bg-white;
}

.formular-boxen {
	@apply w-full ring-2 ring-formular-rahmen py-4 px-0 sm:px-2 md:px-4 rounded-lg;
}

.formular-abschnitt1 {
	@apply text-[1.25rem] py-[1px] px-[10px] ml-[2px] text-secondary/80 bg-black/15 ring-2  ring-black/30 rounded-sm font-bold;
}
.formular-abschnitt2 {
	@apply [font-size:_clamp(16px,1vw,28px)] pl-1 justify-self-start
	md:[font-size:_clamp(20px,1.25vw,36px)];
}

.bereichs-label {
	@apply px-2 sm:px-4 sm:px-0 mt-6 mb-3;
}

.collapseBereich {
	@apply transition-all ease-in-out duration-200 h-[auto];
}
.bereich-box {
	@apply w-full bg-gray-500/10 rounded-sm xl:rounded-md border-2 border-gray-500/15 pt-6 pb-8 px-2 sm:px-4;

	transform-origin: top center;
	/*background: linear-gradient(
        135deg,
        rgba(252, 234, 187, 1) 0%,
        rgba(253, 235, 189, 1) 50%,
        rgba(251, 223, 147, 1) 100%
		
    ); */
}

.input-standard {
	@apply w-full grid grid-cols-[1fr_25px] items-center relative mt-2;
}
.input-noHelp {
	@apply w-full grid grid-cols-[1fr] items-center relative mt-2;
}
.input-checkboxen {
	@apply h-[38px] grid grid-cols-[1fr_1fr] gap-2 items-center ring-1 ring-black/15 rounded-sm bg-white;
}

.input-row {
	@apply w-full min-h-[38px] grid grid-cols-[1fr_1fr] sm:grid-cols-[1fr_1fr_1fr_1fr] items-center py-[6px] px-[10px] ring-1 ring-black/15 rounded-sm bg-white;
}

.help-label {
	@apply bg-black/15 rounded-e-sm ring-1 ring-black/15 self-stretch;
}

/*


	:global(input[type="number"]:disabled) {
		@apply bg-gray-200 border border-gray-300;
	}

	:global(.linked) {
		@apply border-2 border-red-400;
	}
		*/
