-

tailwind.config.cjs

@@ -9,8 +9,10 @@ module.exports = {
 	theme: {
 		extend: {
 			screens: {
-				xs: '480px'
+				'2xs': '320px',
+				xs: '480px',
 			},
+
 			content: {
 				'nav-disc': ' ',
 			  },
@@ -30,7 +32,12 @@ module.exports = {
 				'base-content': '#1e2734',
 				'box-heading': '#3A4AB5',
 
+
 				"formular-box": "rgba(252,234,187,0.2)",
+				"formular-rahmen": "rgba(255,204,6,1)",
+
+				"bereich-box": "rgba(252,234,187,0.2)",
+				
 
 				"pdf-yellow-bright": "#f3cb00",
 				"pdf-yellow-light": "#fff6ca",
@@ -42,7 +49,27 @@ module.exports = {
 			  },
 			
 			gridTemplateColumns: {
-				// Simple 16 column grid
+				'formbutton-line': 'minmax(150px, 1fr) 1fr minmax(150px, 1fr) minmax(160px, 160px)',
+				'formbutton-line-md': 'minmax(150px, 1fr) 1fr minmax(150px, 1fr) minmax(160px, 160px)',
+				'formbutton-line-xl': 'minmax(150px, 1fr) 1fr minmax(150px, 1fr) minmax(160px, 160px)',
+				'formbutton-line-2xl': 'minmax(150px, 1fr) 1fr minmax(150px, 1fr) minmax(160px, 160px)',
+				
+				'bereich-A': '1fr',
+				'bereich-A-md': '2fr 2fr',
+				'bereich-A-xl': '2fr 2fr',
+				'bereich-A-2xl': '3fr 4fr',
+
+				'bereich-B': '1fr',
+				'bereich-B-lg': '2fr 2fr',
+				'bereich-B-xl': '2fr 2fr',
+				'bereich-B-2xl': '3fr 4fr',
+
+				'bereich-C': '1fr',
+				'bereich-C-lg': '2fr 2fr',
+				'bereich-C-xl': '2fr 2fr',
+				'bereich-C-2xl': '3fr 4fr',
+
+				
 				//'standard-sm': 'minmax(350px, 2fr) 6fr minmax(350px, 2fr)',
 				//'standard-md': 'minmax(350px, 2fr) 6fr minmax(350px, 2fr)',
 				//'standard-lg': 'minmax(350px, 2fr) 6fr minmax(350px, 2fr)',