Cleaned up commit from 'feature-27351/Digitalisierung_Formulare_Abmeldung_Unterbrechung_Wiederholung'

public/css/Fhc.css

@@ -0,0 +1,79 @@
+.accordion-button-primary {
+  background-color: #e7f1ff;
+  color: #0c63e4;
+}
+.accordion-button-primary:not(.collapsed) {
+  background-color: #cfe2ff;
+  color: #0a58ca;
+}
+
+.accordion-button-secondary {
+  background-color: #f0f1f2;
+  color: #616971;
+}
+.accordion-button-secondary:not(.collapsed) {
+  background-color: #e2e3e5;
+  color: #565e64;
+}
+
+.accordion-button-success {
+  background-color: #e8f3ee;
+  color: #177a4c;
+}
+.accordion-button-success:not(.collapsed) {
+  background-color: #d1e7dd;
+  color: #146c43;
+}
+
+.accordion-button-info {
+  background-color: #e7fafe;
+  color: #0cb6d8;
+}
+.accordion-button-info:not(.collapsed) {
+  background-color: #cff4fc;
+  color: #0aa2c0;
+}
+
+.accordion-button-warning {
+  background-color: #fff9e6;
+  color: #e6ae06;
+}
+.accordion-button-warning:not(.collapsed) {
+  background-color: #fff3cd;
+  color: #cc9a06;
+}
+
+.accordion-button-danger {
+  background-color: #fcebec;
+  color: #c6303e;
+}
+.accordion-button-danger:not(.collapsed) {
+  background-color: #f8d7da;
+  color: #b02a37;
+}
+
+.accordion-button-light {
+  background-color: #fefeff;
+  color: #dfe0e1;
+}
+.accordion-button-light:not(.collapsed) {
+  background-color: #fefefe;
+  color: #c6c7c8;
+}
+
+.accordion-button-dark {
+  background-color: #e9e9ea;
+  color: #1e2125;
+}
+.accordion-button-dark:not(.collapsed) {
+  background-color: #d3d3d4;
+  color: #1a1e21;
+}
+
+.tabulator-edit-list .tabulator-edit-list-item {
+  background-color: white;
+}
+.tabulator-edit-list .tabulator-edit-list-item:hover,
+.tabulator-edit-list .tabulator-edit-list-item.active {
+  color: white;
+}

public/css/cis_bs5.css

@@ -0,0 +1,66 @@
+:root {
+	--bs-body-font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+	--bs-body-font-size: 14px;
+	--bs-body-line-height: 1.42857143;
+	--bs-body-color: #333;
+}
+html {
+	font-size: var(--bs-body-font-size);
+}
+
+h1, .h1 {
+	margin-top: 0;
+	font-size: 1.4rem;
+}
+h2, .h2 {
+	margin-top: 0;
+	font-size: 1.4rem;
+}
+h3, .h3 {
+	margin-top: 0;
+	font-size: 1.3rem;
+}
+h4, .h4 {
+	margin-top: 0;
+	font-size: 1.2rem;
+}
+h5, .h5 {
+	margin-top: 0;
+	font-size: 1.1rem;
+}
+h6, .h6 {
+	margin-top: 0;
+	font-size: 1rem;
+}
+
+.btn {
+	padding: 6px 12px;
+}
+
+.fhc-header {
+	display: flex;
+	justify-content: between;
+	flex: wrap;
+	align-items: center;
+	padding: 20px 15px 19px;
+	margin: 40px 0 20px;
+	border-bottom: solid 1px #eee;
+}
+@media (min-width:768px) { /* NOTE(chris): size "md" from bs5 */
+	.fhc-header {
+		flex-wrap: nowrap!important;
+	}
+}
+.fhc-header h1,
+.fhc-header h2 {
+	font-size: 24px;
+	margin: 0;
+}
+
+.fhc-container {
+	padding: 0 15px;
+}
+
+.tabulator {
+	font-size: var(--bs-body-font-size);
+}