.formular-boxen{@apply w-full ring-2 ring-formular-rahmen py-4 px-0 sm:px-2 md:px-4 rounded-lg} #formular-box{@apply bg-formular-box;} .formular-abschnitt1{@apply text-[1.25rem] py-[1px] px-[8px] ring-2 ring-formular-rahmen rounded-md font-bold;} .formular-abschnitt2{@apply text-[1.25rem] pl-1;} .bereichs-label{@apply px-4 sm:px-0 mt-6 mb-3} .bereich-box {@apply w-full ring-0 ring-formular-rahmen py-4 px-4 border-y-2 border-formular-rahmen sm:ring-2 sm:px-2 sm:rounded-lg sm:border-none md:px-4 ; background:linear-gradient( 135deg, rgba(252, 234, 187, 1) 0%, rgba(253, 235, 189, 1) 52%, rgba(251, 223, 147, 1) 100%); /*background: linear-gradient( 135deg, rgba(252, 234, 187, 1) 0%, rgba(253, 235, 189, 1) 50%, rgba(251, 223, 147, 1) 100% ); */ } /* :global(input[type="number"]), :global(input[type="text"]) { @apply input input-bordered py-1.5 px-2 h-auto; } :global(input[type="number"]:disabled) { @apply bg-gray-200 border border-gray-300; } :global(.linked) { @apply border-2 border-red-400; } */