diff --git a/backend/openapi.yml b/backend/openapi.yml
index c32b761..8488838 100644
--- a/backend/openapi.yml
+++ b/backend/openapi.yml
@@ -46,6 +46,27 @@ paths:
       responses:
         '200':
           description: Successful response
+  /api/rooms/free:
+    get:
+      summary: Get Free Rooms
+      parameters:
+        - name: from
+          in: query
+          description: start date
+          example: "2006-01-02T15:04:05Z"
+          required: true
+          schema:
+            type: string
+        - name: to
+          in: query
+          description: end date
+          example: "2006-01-02T15:04:05Z"
+          required: true
+          schema:
+            type: string
+      responses:
+        '200':
+          description: Successful response
   /api/schedule/day:
     get:
       summary: Get Day Schedule
diff --git a/backend/service/addRoute.go b/backend/service/addRoute.go
index da1dcc7..0eeb892 100644
--- a/backend/service/addRoute.go
+++ b/backend/service/addRoute.go
@@ -5,6 +5,7 @@ import (
 	"htwkalender/service/fetch/sport"
 	v1 "htwkalender/service/fetch/v1"
 	v2 "htwkalender/service/fetch/v2"
+	"htwkalender/service/functions/time"
 	"htwkalender/service/ical"
 	"htwkalender/service/room"
 	"log/slog"
@@ -181,6 +182,39 @@ func AddRoutes(app *pocketbase.PocketBase) {
 		return nil
 	})
 
+	// API Endpoint to get all rooms that have no events in a specific time frame
+	app.OnBeforeServe().Add(func(e *core.ServeEvent) error {
+		_, err := e.Router.AddRoute(echo.Route{
+			Method: http.MethodGet,
+			Path:   "/api/rooms/free",
+			Handler: func(c echo.Context) error {
+				from, err := time.ParseTime(c.QueryParam("from"))
+				if err != nil {
+					slog.Error("Failed to parse time: %v", err)
+					return c.JSON(http.StatusBadRequest, "Failed to parse time")
+				}
+				to, err := time.ParseTime(c.QueryParam("to"))
+				if err != nil {
+					slog.Error("Failed to parse time: %v", err)
+					return c.JSON(http.StatusBadRequest, "Failed to parse time")
+				}
+				rooms, err := room.GetFreeRooms(app, from, to)
+				if err != nil {
+					slog.Error("Failed to get free rooms: %v", err)
+					return c.JSON(http.StatusBadRequest, "Failed to get free rooms")
+				}
+				return c.JSON(http.StatusOK, rooms)
+			},
+			Middlewares: []echo.MiddlewareFunc{
+				apis.ActivityLogger(app),
+			},
+		})
+		if err != nil {
+			return err
+		}
+		return nil
+	})
+
 	addFeedRoutes(app)
 
 	app.OnBeforeServe().Add(func(e *core.ServeEvent) error {
diff --git a/backend/service/db/dbEvents.go b/backend/service/db/dbEvents.go
index dec5da3..2bdb2b7 100644
--- a/backend/service/db/dbEvents.go
+++ b/backend/service/db/dbEvents.go
@@ -2,6 +2,7 @@ package db
 
 import (
 	"fmt"
+	"github.com/pocketbase/pocketbase/tools/types"
 	"htwkalender/model"
 	"log/slog"
 	"time"
@@ -10,12 +11,12 @@ import (
 	"github.com/pocketbase/pocketbase"
 )
 
-func SaveSeminarGroupEvents(seminarGroup []model.SeminarGroup, app *pocketbase.PocketBase) ([]model.Event, error) {
+func SaveSeminarGroupEvents(seminarGroups []model.SeminarGroup, app *pocketbase.PocketBase) ([]model.Event, error) {
 	var toBeSavedEvents model.Events
 	var savedRecords model.Events
 
 	// check if event is already in database and add to toBeSavedEvents if not
-	for _, seminarGroup := range seminarGroup {
+	for _, seminarGroup := range seminarGroups {
 		for _, event := range seminarGroup.Events {
 			event = event.SetCourse(seminarGroup.Course)
 			existsInDatabase, err := findEventByDayWeekStartEndNameCourse(event, seminarGroup.Course, app)
@@ -254,3 +255,89 @@ func GetAllModulesByNameAndDateRange(app *pocketbase.PocketBase, name string, st
 
 	return events, nil
 }
+
+// GetEventsThatCollideWithTimeRange returns all events that collide with the given time range
+// we have events with start and end in the database, we want to get all events that collide with the given time range
+// we have 4 cases:
+// 1. event starts before the given time range and ends after the given time range
+// 2. event starts after the given time range and ends before the given time range
+// 3. event starts before the given time range and ends before the given time range
+// 4. event starts after the given time range and ends after the given time range
+func GetEventsThatCollideWithTimeRange(app *pocketbase.PocketBase, from time.Time, to time.Time) (model.Events, error) {
+	var fromTypeTime, _ = types.ParseDateTime(from)
+	var toTypeTime, _ = types.ParseDateTime(to)
+
+	events1, err := GetEventsThatStartBeforeAndEndAfter(app, fromTypeTime, toTypeTime)
+	if err != nil {
+		return nil, err
+	}
+	events2, err := GetEventsThatStartAfterAndEndBefore(app, fromTypeTime, toTypeTime)
+	if err != nil {
+		return nil, err
+	}
+
+	events3, err := GetEventsThatStartBeforeAndEndBefore(app, fromTypeTime, toTypeTime)
+	if err != nil {
+		return nil, err
+	}
+
+	events4, err := GetEventsThatStartAfterAndEndAfter(app, fromTypeTime, toTypeTime)
+	if err != nil {
+		return nil, err
+	}
+
+	var events model.Events
+	events = append(events, events1...)
+	events = append(events, events2...)
+	events = append(events, events3...)
+	events = append(events, events4...)
+
+	return events, nil
+}
+
+func GetEventsThatStartBeforeAndEndAfter(app *pocketbase.PocketBase, from types.DateTime, to types.DateTime) (model.Events, error) {
+	var events model.Events
+
+	err := app.Dao().DB().Select("*").From("events").Where(dbx.NewExp("Start <= {:startDate} AND End >= {:endDate} AND Start <= {:endDate} AND End >= {:startDate}", dbx.Params{"startDate": from, "endDate": to})).Distinct(true).All(&events)
+
+	if err != nil {
+		return nil, err
+	}
+
+	return events, nil
+}
+
+func GetEventsThatStartAfterAndEndBefore(app *pocketbase.PocketBase, from types.DateTime, to types.DateTime) (model.Events, error) {
+	var events model.Events
+
+	err := app.Dao().DB().Select("*").From("events").Where(dbx.NewExp("Start >= {:startDate} AND End <= {:endDate} AND Start <= {:endDate} AND End >= {:startDate}", dbx.Params{"startDate": from, "endDate": to})).All(&events)
+
+	if err != nil {
+		return nil, err
+	}
+
+	return events, nil
+}
+
+func GetEventsThatStartBeforeAndEndBefore(app *pocketbase.PocketBase, from types.DateTime, to types.DateTime) (model.Events, error) {
+	var events model.Events
+
+	err := app.Dao().DB().Select("*").From("events").Where(dbx.NewExp("Start <= {:startDate} AND End <= {:endDate} AND Start <= {:endDate} AND End >= {:startDate}", dbx.Params{"startDate": from, "endDate": to})).All(&events)
+
+	if err != nil {
+		return nil, err
+	}
+
+	return events, nil
+}
+
+func GetEventsThatStartAfterAndEndAfter(app *pocketbase.PocketBase, from types.DateTime, to types.DateTime) (model.Events, error) {
+	var events model.Events
+	err := app.Dao().DB().Select("*").From("events").Where(dbx.NewExp("Start >= {:startDate} AND End >= {:endDate} AND Start <= {:endDate} AND End >= {:startDate}", dbx.Params{"startDate": from, "endDate": to})).All(&events)
+
+	if err != nil {
+		return nil, err
+	}
+
+	return events, nil
+}
diff --git a/backend/service/db/dbRooms.go b/backend/service/db/dbRooms.go
index 1c49a54..b1d6a36 100644
--- a/backend/service/db/dbRooms.go
+++ b/backend/service/db/dbRooms.go
@@ -47,9 +47,7 @@ func clearAndSeparateRooms(events []struct {
 		// sport rooms don't have to be separated
 		if event.Course != "Sport" {
 			//split rooms by comma, tab, newline, carriage return, semicolon, space and non-breaking space
-			room = strings.FieldsFunc(event.Rooms, functions.IsSeparator(
-				[]rune{',', '\t', '\n', '\r', ';', ' ', '\u00A0'}),
-			)
+			room = functions.SeperateRoomString(event.Rooms)
 		} else {
 			room = append(room, event.Rooms)
 		}
diff --git a/backend/service/functions/string.go b/backend/service/functions/string.go
index 8f71850..7975b6f 100644
--- a/backend/service/functions/string.go
+++ b/backend/service/functions/string.go
@@ -45,3 +45,9 @@ func HashString(s string) string {
 	hashInBytes := hash.Sum(nil)
 	return hex.EncodeToString(hashInBytes)
 }
+
+func SeperateRoomString(rooms string) []string {
+	return strings.FieldsFunc(rooms, IsSeparator(
+		[]rune{',', '\t', '\n', '\r', ';', ' ', '\u00A0'}),
+	)
+}
diff --git a/backend/service/functions/time/parse.go b/backend/service/functions/time/parse.go
new file mode 100644
index 0000000..9381372
--- /dev/null
+++ b/backend/service/functions/time/parse.go
@@ -0,0 +1,7 @@
+package time
+
+import "time"
+
+func ParseTime(timeString string) (time.Time, error) {
+	return time.Parse("2006-01-02T15:04:05Z", timeString)
+}
diff --git a/backend/service/room/roomService.go b/backend/service/room/roomService.go
index 47e6bad..ca66c78 100644
--- a/backend/service/room/roomService.go
+++ b/backend/service/room/roomService.go
@@ -4,6 +4,8 @@ import (
 	"github.com/pocketbase/pocketbase"
 	"htwkalender/model"
 	"htwkalender/service/db"
+	"htwkalender/service/functions"
+	"time"
 )
 
 func GetRooms(app *pocketbase.PocketBase) ([]string, error) {
@@ -41,3 +43,46 @@ func anonymizeRooms(events []model.Event) []model.AnonymizedEventDTO {
 	}
 	return anonymizedEvents
 }
+
+func GetFreeRooms(app *pocketbase.PocketBase, from time.Time, to time.Time) ([]string, error) {
+	rooms, err := db.GetRooms(app)
+	if err != nil {
+		return nil, err
+	}
+	var events model.Events
+	events, err = db.GetEventsThatCollideWithTimeRange(app, from, to)
+	if err != nil {
+		return nil, err
+	}
+	freeRooms := removeRoomsThatHaveEvents(rooms, events)
+	return freeRooms, nil
+}
+
+func removeRoomsThatHaveEvents(rooms []string, schedule []model.Event) []string {
+	var freeRooms []string
+	for _, room := range rooms {
+		if !isRoomInSchedule(room, schedule) {
+			freeRooms = append(freeRooms, room)
+		}
+	}
+	return freeRooms
+}
+
+func isRoomInSchedule(room string, schedule []model.Event) bool {
+	for _, event := range schedule {
+		if event.Course != "Sport" {
+			rooms := functions.SeperateRoomString(event.Rooms)
+			// check if room is in rooms
+			for _, r := range rooms {
+				if r == room {
+					return true
+				}
+			}
+		} else {
+			if event.Rooms == room {
+				return true
+			}
+		}
+	}
+	return false
+}
diff --git a/backend/service/room/roomService_test.go b/backend/service/room/roomService_test.go
index eefd163..7a9aae7 100644
--- a/backend/service/room/roomService_test.go
+++ b/backend/service/room/roomService_test.go
@@ -1,11 +1,10 @@
 package room
 
 import (
+	"github.com/pocketbase/pocketbase/tools/types"
 	"htwkalender/model"
 	"reflect"
 	"testing"
-
-	"github.com/pocketbase/pocketbase/tools/types"
 )
 
 func Test_anonymizeRooms(t *testing.T) {
@@ -123,3 +122,170 @@ func Test_anonymizeRooms(t *testing.T) {
 		})
 	}
 }
+
+func Test_isRoomInSchedule(t *testing.T) {
+	type args struct {
+		room     string
+		schedule []model.Event
+	}
+	tests := []struct {
+		name string
+		args args
+		want bool
+	}{
+		{
+			name: "room is in schedule",
+			args: args{
+				room: "Room",
+				schedule: []model.Event{
+					{
+						UUID:      "testUUID",
+						Day:       "Montag",
+						Week:      "52",
+						Start:     types.DateTime{},
+						End:       types.DateTime{},
+						Name:      "Secret",
+						EventType: "V",
+						Prof:      "Prof. Dr. Secret",
+						Rooms:     "Room",
+						Notes:     "Secret",
+					},
+				},
+			},
+			want: true,
+		},
+		{
+			name: "room is not in schedule",
+			args: args{
+				room: "Z324",
+				schedule: []model.Event{
+					{
+						UUID:      "testUUID",
+						Day:       "Montag",
+						Week:      "52",
+						Start:     types.DateTime{},
+						End:       types.DateTime{},
+						Name:      "Secret",
+						EventType: "V",
+						Prof:      "Prof. Dr. Bond",
+						Rooms:     "LI007",
+						Notes:     "Keine Zeit für die Uni",
+					},
+				},
+			},
+			want: false,
+		},
+	}
+	for _, tt := range tests {
+		t.Run(tt.name, func(t *testing.T) {
+			if got := isRoomInSchedule(tt.args.room, tt.args.schedule); got != tt.want {
+				t.Errorf("isRoomInSchedule() = %v, want %v", got, tt.want)
+			}
+		})
+	}
+}
+
+func Test_getFreeRooms(t *testing.T) {
+	type args struct {
+		rooms    []string
+		schedule []model.Event
+	}
+	tests := []struct {
+		name string
+		args args
+		want []string
+	}{
+		{
+			name: "remove room1 from list",
+			args: args{
+				rooms: []string{
+					"Room1",
+					"Room2",
+					"Room3",
+				},
+				schedule: []model.Event{
+					{
+						UUID:      "testUUID",
+						Day:       "Montag",
+						Week:      "52",
+						Start:     types.DateTime{},
+						End:       types.DateTime{},
+						Name:      "Secret",
+						EventType: "V",
+						Prof:      "Prof. Dr. Secret",
+						Rooms:     "Room1",
+						Notes:     "Secret",
+					},
+				},
+			},
+			want: []string{
+				"Room2",
+				"Room3",
+			},
+		},
+		{
+			name: "remove room2 from list",
+			args: args{
+				rooms: []string{
+					"Room1",
+					"Room2",
+					"Room3",
+				},
+				schedule: []model.Event{
+					{
+						UUID:      "testUUID",
+						Day:       "Montag",
+						Week:      "52",
+						Start:     types.DateTime{},
+						End:       types.DateTime{},
+						Name:      "Secret",
+						EventType: "V",
+						Prof:      "Prof. Dr. Secret",
+						Rooms:     "Room3",
+						Notes:     "Secret",
+					},
+				},
+			},
+			want: []string{
+				"Room1",
+				"Room2",
+			},
+		},
+		{
+			name: "remove no room from list",
+			args: args{
+				rooms: []string{
+					"Room1",
+					"Room2",
+					"Room3",
+				},
+				schedule: []model.Event{
+					{
+						UUID:      "testUUID",
+						Day:       "Montag",
+						Week:      "52",
+						Start:     types.DateTime{},
+						End:       types.DateTime{},
+						Name:      "Secret",
+						EventType: "V",
+						Prof:      "Prof. Dr. Secret",
+						Rooms:     "Room4",
+						Notes:     "Secret",
+					},
+				},
+			},
+			want: []string{
+				"Room1",
+				"Room2",
+				"Room3",
+			},
+		},
+	}
+	for _, tt := range tests {
+		t.Run(tt.name, func(t *testing.T) {
+			if got := removeRoomsThatHaveEvents(tt.args.rooms, tt.args.schedule); !reflect.DeepEqual(got, tt.want) {
+				t.Errorf("removeRoomsThatHaveEvents() = %v, want %v", got, tt.want)
+			}
+		})
+	}
+}
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 145d50a..893d0b3 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -18,7 +18,7 @@
         "primeflex": "^3.3.1",
         "primeicons": "^6.0.1",
         "primevue": "^3.46.0",
-        "source-sans-pro": "^3.6.0",
+        "source-sans": "^3.46.0",
         "vue": "^3.4.11",
         "vue-i18n": "^9.9.0",
         "vue-router": "^4.2.5"
@@ -3967,11 +3967,10 @@
         "source-map": "^0.6.0"
       }
     },
-    "node_modules/source-sans-pro": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/source-sans-pro/-/source-sans-pro-3.6.0.tgz",
-      "integrity": "sha512-C1RFUGu+YASuqpgDRInTM7Y6OwqeWNOuKn7v0P/4Kh66epTI4PYWwPWP5kdA4l/VqzBAWiqoz5dk0trof73R7w==",
-      "deprecated": "WARNING: This project has been renamed to source-sans. Install using source-sans instead."
+    "node_modules/source-sans": {
+      "version": "3.46.0",
+      "resolved": "https://registry.npmjs.org/source-sans/-/source-sans-3.46.0.tgz",
+      "integrity": "sha512-bVC2YX4VNiv5vMcy77dL0XKsNp794ThfynNsr+FqSAwk8TGG0pZsg7eUQi6yHwaRBMVmZ3Aaf4FY46dxIIGgsg=="
     },
     "node_modules/stackback": {
       "version": "0.0.2",
diff --git a/frontend/package.json b/frontend/package.json
index 89469bf..8fc7f77 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -23,7 +23,7 @@
     "primeflex": "^3.3.1",
     "primeicons": "^6.0.1",
     "primevue": "^3.46.0",
-    "source-sans-pro": "^3.6.0",
+    "source-sans": "^3.46.0",
     "vue": "^3.4.11",
     "vue-i18n": "^9.9.0",
     "vue-router": "^4.2.5"
diff --git a/frontend/public/themes/lara-dark-blue/theme.css b/frontend/public/themes/lara-dark-blue/theme.css
index f15c91f..1ef11b8 100644
--- a/frontend/public/themes/lara-dark-blue/theme.css
+++ b/frontend/public/themes/lara-dark-blue/theme.css
@@ -1,11 +1,13 @@
 :root {
   --htwk-yellow: #ffed00;
+  --htwk-yellow-24: rgba(255, 237, 0, 0.24);
+  --htwk-yellow-16: rgba(255, 237, 0, 0.16);
+  --htwk-yellow-01: rgba(255, 237, 0, 0.1);
   --htwk-magenta: #e5007d;
   --htwk-rot: #e53009;
   --htwk-gruen: #00964e;
   --htwk-cyan: #009ee3;
   --htwk-blau: #004699;
-
   --htwk-silbergrau: #bec3c6;
   --htwk-silbergrau-80: #cbd3d1;
   --htwk-silbergrau-60: #d8dedc;
@@ -20,14 +22,11 @@
   --htwk-dunkelblau-80: #345067;
   --htwk-dunkelblau-60: #677c8d;
   --htwk-dunkelblau-40: #99a7b3;
-
   --htwk-schwarz: #000000;
-
   --button-primary: var(--htwk-yellow);
   --button-primary-border: var(--htwk-yellow);
   --button-secondary: color-mix(in srgb, var(--htwk-yellow), #000000 30%);
   --button-tertiary: color-mix(in srgb, var(--htwk-yellow), #ffffff 50%);
-
   --info-primary: var(--htwk-blau); /*#449bfc*/
   --info-secondary: color-mix(
     in srgb,
@@ -39,7 +38,6 @@
     var(--htwk-blau),
     #ffffff 30%
   ); /*#7fbafd*/
-
   --warning-primary: color-mix(
     in srgb,
     var(--htwk-yellow),
@@ -51,7 +49,6 @@
     var(--htwk-yellow),
     #ffffff 50%
   ); /*#fde082*/
-
   --error-primary: color-mix(
     in srgb,
     var(--htwk-magenta),
@@ -63,7 +60,6 @@
     var(--htwk-magenta),
     #ffffff 50%
   ); /*#ffe7e6*/
-
   --success-primary: var(--htwk-gruen); /*#1ea97c*/
   --success-secondary: color-mix(
     in srgb,
@@ -75,7 +71,6 @@
     var(--htwk-gruen),
     #ffffff 30%
   ); /*#aaf4c5*/
-
   --surface-a: var(--htwk-grau); /*#071426*/
   --surface-b: var(--htwk-schwarz); /*#040d19*/
   --surface-c: rgba(255, 255, 255, 0.03);
@@ -220,6 +215,7 @@ h6 {
     "Segoe UI Symbol";
   border-radius: 6px;
 }
+
 .p-link:focus {
   outline: 0 none;
   outline-offset: 0;
@@ -250,7 +246,6 @@ h6 {
     background-color: transparent;
   }
 }
-
 :root {
   --blue-50: #f5f9ff;
   --blue-100: #d0e1fd;
@@ -377,25 +372,31 @@ h6 {
 .p-autocomplete .p-autocomplete-loader {
   right: 0.75rem;
 }
+
 .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
   right: 3.75rem;
 }
+
 .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-autocomplete .p-autocomplete-multiple-container {
   padding: 0.375rem 0.75rem;
   gap: 0.5rem;
 }
+
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
   padding: 0.375rem 0;
 }
+
 .p-autocomplete
   .p-autocomplete-multiple-container
   .p-autocomplete-input-token
@@ -417,24 +418,28 @@ h6 {
   padding: 0;
   margin: 0;
 }
+
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
   padding: 0.375rem 0.75rem;
   background: var(--htwk-grau); /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
+
 .p-autocomplete
   .p-autocomplete-multiple-container
   .p-autocomplete-token
   .p-autocomplete-token-icon {
   margin-left: 0.5rem;
 }
+
 .p-autocomplete
   .p-autocomplete-multiple-container
   .p-autocomplete-token.p-focus {
   background: var(--htwk-grau-140);
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
   border-color: var(--error-secondary);
 }
@@ -449,9 +454,11 @@ h6 {
     0 4px 5px 0 rgba(0, 0, 0, 0.14),
     0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+
 .p-autocomplete-panel .p-autocomplete-items {
   padding: 0.75rem 0;
 }
+
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
   margin: 0;
   padding: 0.75rem 1.25rem;
@@ -461,27 +468,32 @@ h6 {
   transition: box-shadow 0.2s;
   border-radius: 0;
 }
+
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-autocomplete-panel
   .p-autocomplete-items
   .p-autocomplete-item.p-highlight.p-focus {
   background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
 }
+
 .p-autocomplete-panel
   .p-autocomplete-items
   .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-autocomplete-panel
   .p-autocomplete-items
   .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
   margin: 0;
   padding: 0.75rem 1.25rem;
@@ -501,6 +513,7 @@ h6 {
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
   border-radius: 6px;
 }
+
 .p-datepicker:not(.p-datepicker-inline) {
   background: var(--htwk-grau); /*#071426*/
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
@@ -509,9 +522,11 @@ h6 {
     0 4px 5px 0 rgba(0, 0, 0, 0.14),
     0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+
 .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
   background: var(--htwk-grau); /*#071426*/
 }
+
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: rgba(255, 255, 255, 0.87);
@@ -522,6 +537,7 @@ h6 {
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
 }
+
 .p-datepicker .p-datepicker-header .p-datepicker-prev,
 .p-datepicker .p-datepicker-header .p-datepicker-next {
   width: 2rem;
@@ -535,21 +551,25 @@ h6 {
     color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
 .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
   color: rgba(255, 255, 255, 0.87);
   border-color: transparent;
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
 .p-datepicker .p-datepicker-header .p-datepicker-next:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-datepicker .p-datepicker-header .p-datepicker-title {
   line-height: 2rem;
 }
+
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
   color: rgba(255, 255, 255, 0.87);
@@ -560,6 +580,7 @@ h6 {
   font-weight: 700;
   padding: 0.5rem;
 }
+
 .p-datepicker
   .p-datepicker-header
   .p-datepicker-title
@@ -570,23 +591,29 @@ h6 {
   .p-datepicker-month:enabled:hover {
   color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
   margin-right: 0.5rem;
 }
+
 .p-datepicker table {
   font-size: 1rem;
   margin: 0.5rem 0;
 }
+
 .p-datepicker table th {
   padding: 0.5rem;
 }
+
 .p-datepicker table th > span {
   width: 2.5rem;
   height: 2.5rem;
 }
+
 .p-datepicker table td {
   padding: 0.5rem;
 }
+
 .p-datepicker table td > span {
   width: 2.5rem;
   height: 2.5rem;
@@ -594,35 +621,43 @@ h6 {
   transition: box-shadow 0.2s;
   border: 1px solid transparent;
 }
+
 .p-datepicker table td > span.p-highlight {
   color: rgba(255, 255, 255, 0.87);
-  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  background: var(--htwk-yellow-16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-datepicker table td > span:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
   color: var(--htwk-yellow); /*#93c5fd*/
   border-color: transparent;
 }
+
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-datepicker .p-datepicker-buttonbar {
   padding: 1rem 0;
   border-top: 1px solid var(--htwk-grau); /*#0b213f*/
 }
+
 .p-datepicker .p-datepicker-buttonbar .p-button {
   width: auto;
 }
+
 .p-datepicker .p-timepicker {
   border-top: 1px solid var(--htwk-grau); /*#0b213f*/
   padding: 0.5rem;
 }
+
 .p-datepicker .p-timepicker button {
   width: 2rem;
   height: 2rem;
@@ -635,52 +670,65 @@ h6 {
     color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-datepicker .p-timepicker button:enabled:hover {
   color: rgba(255, 255, 255, 0.87);
   border-color: transparent;
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-datepicker .p-timepicker button:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-datepicker .p-timepicker button:last-child {
   margin-top: 0.2em;
 }
+
 .p-datepicker .p-timepicker span {
   font-size: 1.25rem;
 }
+
 .p-datepicker .p-timepicker > div {
   padding: 0 0.5rem;
 }
+
 .p-datepicker.p-datepicker-timeonly .p-timepicker {
   border-top: 0 none;
 }
+
 .p-datepicker .p-monthpicker {
   margin: 0.5rem 0;
 }
+
 .p-datepicker .p-monthpicker .p-monthpicker-month {
   padding: 0.5rem;
   transition: box-shadow 0.2s;
   border-radius: 6px;
 }
+
 .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-datepicker .p-yearpicker {
   margin: 0.5rem 0;
 }
+
 .p-datepicker .p-yearpicker .p-yearpicker-year {
   padding: 0.5rem;
   transition: box-shadow 0.2s;
   border-radius: 6px;
 }
+
 .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
   border-left: 1px solid var(--htwk-grau); /*#0b213f*/
   padding-right: 0.5rem;
@@ -688,19 +736,23 @@ h6 {
   padding-top: 0;
   padding-bottom: 0;
 }
+
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
   padding-left: 0;
   border-left: 0 none;
 }
+
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
   padding-right: 0;
 }
+
 .p-datepicker:not(.p-disabled)
   table
   td
   span:not(.p-highlight):not(.p-disabled):hover {
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-datepicker:not(.p-disabled)
   table
   td
@@ -709,11 +761,13 @@ h6 {
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-datepicker:not(.p-disabled)
   .p-monthpicker
   .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-datepicker:not(.p-disabled)
   .p-monthpicker
   .p-monthpicker-month:not(.p-disabled):focus {
@@ -721,11 +775,13 @@ h6 {
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-datepicker:not(.p-disabled)
   .p-yearpicker
   .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-datepicker:not(.p-disabled)
   .p-yearpicker
   .p-yearpicker-year:not(.p-disabled):focus {
@@ -750,27 +806,33 @@ h6 {
     box-shadow 0.2s;
   border-radius: 6px;
 }
+
 .p-cascadeselect:not(.p-disabled):hover {
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-cascadeselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-cascadeselect .p-cascadeselect-label {
   background: transparent;
   border: 0 none;
   padding: 0.75rem 0.75rem;
 }
+
 .p-cascadeselect .p-cascadeselect-label.p-placeholder {
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-cascadeselect .p-cascadeselect-label:enabled:focus {
   outline: 0 none;
   box-shadow: none;
 }
+
 .p-cascadeselect .p-cascadeselect-trigger {
   background: transparent;
   color: rgba(255, 255, 255, 0.6);
@@ -778,6 +840,7 @@ h6 {
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
 }
+
 .p-cascadeselect.p-invalid.p-component {
   border-color: var(--error-secondary);
 }
@@ -792,9 +855,11 @@ h6 {
     0 4px 5px 0 rgba(0, 0, 0, 0.14),
     0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+
 .p-cascadeselect-panel .p-cascadeselect-items {
   padding: 0.75rem 0;
 }
+
 .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
   margin: 0;
   border: 0 none;
@@ -803,35 +868,41 @@ h6 {
   transition: box-shadow 0.2s;
   border-radius: 0;
 }
+
 .p-cascadeselect-panel
   .p-cascadeselect-items
   .p-cascadeselect-item.p-highlight {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-cascadeselect-panel
   .p-cascadeselect-items
   .p-cascadeselect-item.p-highlight.p-focus {
   background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
 }
+
 .p-cascadeselect-panel
   .p-cascadeselect-items
   .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-cascadeselect-panel
   .p-cascadeselect-items
   .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-cascadeselect-panel
   .p-cascadeselect-items
   .p-cascadeselect-item
   .p-cascadeselect-item-content {
   padding: 0.75rem 1.25rem;
 }
+
 .p-cascadeselect-panel
   .p-cascadeselect-items
   .p-cascadeselect-item
@@ -842,9 +913,11 @@ h6 {
 .p-input-filled .p-cascadeselect {
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
   background-color: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
   background-color: var(--htwk-grau); /*#0b213f*/
 }
@@ -853,6 +926,7 @@ h6 {
   width: 22px;
   height: 22px;
 }
+
 .p-checkbox .p-checkbox-box {
   border: 2px solid var(--htwk-grau-140); /*#0b213f*/
   background: var(--htwk-schwarz); /*#040d19*/
@@ -866,33 +940,40 @@ h6 {
     border-color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-checkbox .p-checkbox-box .p-checkbox-icon {
   transition-duration: 0.2s;
   color: var(--htwk-schwarz); /*#1c2127*/
   font-size: 14px;
 }
+
 .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
   width: 14px;
   height: 14px;
 }
+
 .p-checkbox .p-checkbox-box.p-highlight {
   border-color: var(--htwk-yellow); /*#93c5fd*/
   background: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
   border-color: var(--button-secondary);
   background: var(--button-secondary);
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-checkbox.p-invalid > .p-checkbox-box {
   border-color: var(--error-secondary);
 }
@@ -900,12 +981,15 @@ h6 {
 .p-input-filled .p-checkbox .p-checkbox-box {
   background-color: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
   background: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
   background-color: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-input-filled
   .p-checkbox:not(.p-checkbox-disabled)
   .p-checkbox-box.p-highlight:hover {
@@ -915,15 +999,18 @@ h6 {
 .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-chips .p-chips-multiple-container {
   padding: 0.375rem 0.75rem;
 }
+
 .p-chips .p-chips-multiple-container .p-chips-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
@@ -931,16 +1018,20 @@ h6 {
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
+
 .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
   background: var(--htwk-grau-140);
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
   margin-left: 0.5rem;
 }
+
 .p-chips .p-chips-multiple-container .p-chips-input-token {
   padding: 0.375rem 0;
 }
+
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family:
     "Source Sans Pro",
@@ -959,6 +1050,7 @@ h6 {
   padding: 0;
   margin: 0;
 }
+
 .p-chips.p-invalid.p-component > .p-inputtext {
   border-color: var(--error-secondary);
 }
@@ -972,6 +1064,7 @@ h6 {
   background: var(--htwk-grau); /*#071426*/
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
 }
+
 .p-colorpicker-panel .p-colorpicker-color-handle,
 .p-colorpicker-panel .p-colorpicker-hue-handle {
   border-color: rgba(255, 255, 255, 0.87);
@@ -994,30 +1087,37 @@ h6 {
     box-shadow 0.2s;
   border-radius: 6px;
 }
+
 .p-dropdown:not(.p-disabled):hover {
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-dropdown.p-dropdown-clearable .p-dropdown-label {
   padding-right: 1.75rem;
 }
+
 .p-dropdown .p-dropdown-label {
   background: transparent;
   border: 0 none;
 }
+
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-dropdown .p-dropdown-label:focus,
 .p-dropdown .p-dropdown-label:enabled:focus {
   outline: 0 none;
   box-shadow: none;
 }
+
 .p-dropdown .p-dropdown-trigger {
   background: transparent;
   color: rgba(255, 255, 255, 0.6);
@@ -1025,10 +1125,12 @@ h6 {
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
 }
+
 .p-dropdown .p-dropdown-clear-icon {
   color: rgba(255, 255, 255, 0.6);
   right: 3rem;
 }
+
 .p-dropdown.p-invalid.p-component {
   border-color: var(--error-secondary);
 }
@@ -1043,6 +1145,7 @@ h6 {
     0 4px 5px 0 rgba(0, 0, 0, 0.14),
     0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+
 .p-dropdown-panel .p-dropdown-header {
   padding: 0.75rem 1.25rem;
   border-bottom: 1px solid var(--htwk-grau); /*#0b213f*/
@@ -1052,17 +1155,21 @@ h6 {
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
 }
+
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
   padding-right: 1.75rem;
   margin-right: -1.75rem;
 }
+
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
   right: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-dropdown-panel .p-dropdown-items {
   padding: 0.75rem 0;
 }
+
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
   padding: 0.75rem 1.25rem;
@@ -1072,25 +1179,30 @@ h6 {
   transition: box-shadow 0.2s;
   border-radius: 0;
 }
+
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
-  background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
+  background: var(--htwk-yellow-24); /*rgba(147, 197, 253, 0.24)*/
 }
+
 .p-dropdown-panel
   .p-dropdown-items
   .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
-  background: var(--htwk-grau); /*#0b213f*/
+  background: var(--htwk-yellow-01);
 }
+
 .p-dropdown-panel
   .p-dropdown-items
   .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
   margin: 0;
   padding: 0.75rem 1.25rem;
@@ -1098,6 +1210,7 @@ h6 {
   background: var(--htwk-grau); /*#091a32*/
   font-weight: 700;
 }
+
 .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
@@ -1107,12 +1220,15 @@ h6 {
 .p-input-filled .p-dropdown {
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-input-filled .p-dropdown:not(.p-disabled):hover {
   background-color: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
   background-color: transparent;
 }
@@ -1122,25 +1238,31 @@ h6 {
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
 }
+
 .p-editor-container .p-editor-toolbar.ql-snow {
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
 }
+
 .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
   stroke: rgba(255, 255, 255, 0.6);
 }
+
 .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
   fill: rgba(255, 255, 255, 0.6);
 }
+
 .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
   border: 0 none;
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-editor-container
   .p-editor-toolbar.ql-snow
   .ql-picker
   .ql-picker-label:hover {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-editor-container
   .p-editor-toolbar.ql-snow
   .ql-picker
@@ -1148,6 +1270,7 @@ h6 {
   .ql-stroke {
   stroke: rgba(255, 255, 255, 0.87);
 }
+
 .p-editor-container
   .p-editor-toolbar.ql-snow
   .ql-picker
@@ -1155,12 +1278,14 @@ h6 {
   .ql-fill {
   fill: rgba(255, 255, 255, 0.87);
 }
+
 .p-editor-container
   .p-editor-toolbar.ql-snow
   .ql-picker.ql-expanded
   .ql-picker-label {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-editor-container
   .p-editor-toolbar.ql-snow
   .ql-picker.ql-expanded
@@ -1168,6 +1293,7 @@ h6 {
   .ql-stroke {
   stroke: rgba(255, 255, 255, 0.87);
 }
+
 .p-editor-container
   .p-editor-toolbar.ql-snow
   .ql-picker.ql-expanded
@@ -1175,6 +1301,7 @@ h6 {
   .ql-fill {
   fill: rgba(255, 255, 255, 0.87);
 }
+
 .p-editor-container
   .p-editor-toolbar.ql-snow
   .ql-picker.ql-expanded
@@ -1188,6 +1315,7 @@ h6 {
   border-radius: 6px;
   padding: 0.75rem 0;
 }
+
 .p-editor-container
   .p-editor-toolbar.ql-snow
   .ql-picker.ql-expanded
@@ -1195,6 +1323,7 @@ h6 {
   .ql-picker-item {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-editor-container
   .p-editor-toolbar.ql-snow
   .ql-picker.ql-expanded
@@ -1203,52 +1332,63 @@ h6 {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-editor-container
   .p-editor-toolbar.ql-snow
   .ql-picker.ql-expanded:not(.ql-icon-picker)
   .ql-picker-item {
   padding: 0.75rem 1.25rem;
 }
+
 .p-editor-container .p-editor-content {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+
 .p-editor-container .p-editor-content.ql-snow {
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
 }
+
 .p-editor-container .p-editor-content .ql-editor {
   background: var(--htwk-schwarz); /*#040d19*/
   color: rgba(255, 255, 255, 0.87);
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+
 .p-editor-container .ql-snow.ql-toolbar button:hover,
 .p-editor-container .ql-snow.ql-toolbar button:focus {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
 .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
   stroke: rgba(255, 255, 255, 0.87);
 }
+
 .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
 .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
   fill: rgba(255, 255, 255, 0.87);
 }
+
 .p-editor-container .ql-snow.ql-toolbar button.ql-active,
 .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
 .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
   color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
 .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
 .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
   stroke: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
 .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
 .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
   fill: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
 .p-editor-container
   .ql-snow.ql-toolbar
@@ -1270,6 +1410,7 @@ h6 {
   padding: 0.75rem 0.75rem;
   min-width: 3rem;
 }
+
 .p-inputgroup-addon:last-child {
   border-right: 1px solid var(--htwk-grau); /*#0b213f*/
 }
@@ -1280,16 +1421,19 @@ h6 {
   border-radius: 0;
   margin: 0;
 }
+
 .p-inputgroup > .p-component + .p-inputgroup-addon,
 .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
 .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
   border-left: 0 none;
 }
+
 .p-inputgroup > .p-component:focus,
 .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
 .p-inputgroup > .p-float-label > .p-component:focus {
   z-index: 1;
 }
+
 .p-inputgroup > .p-component:focus ~ label,
 .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
 .p-inputgroup > .p-float-label > .p-component:focus ~ label {
@@ -1327,6 +1471,7 @@ h6 {
 .p-fluid .p-inputgroup .p-button {
   width: auto;
 }
+
 .p-fluid .p-inputgroup .p-button.p-button-icon-only {
   width: 3rem;
 }
@@ -1339,6 +1484,7 @@ h6 {
   width: 3rem;
   height: 1.75rem;
 }
+
 .p-inputswitch .p-inputswitch-slider {
   background: var(--htwk-grau-140);
   transition:
@@ -1348,6 +1494,7 @@ h6 {
     box-shadow 0.2s;
   border-radius: 30px;
 }
+
 .p-inputswitch .p-inputswitch-slider:before {
   background: rgba(255, 255, 255, 0.6);
   width: 1.25rem;
@@ -1357,27 +1504,34 @@ h6 {
   border-radius: 50%;
   transition-duration: 0.2s;
 }
+
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
   transform: translateX(1.25rem);
 }
+
 .p-inputswitch.p-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
   background: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
   background: rgba(255, 255, 255, 0.87);
 }
+
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover
   .p-inputswitch-slider {
   background: var(--button-tertiary);
 }
+
 .p-inputswitch.p-invalid .p-inputswitch-slider {
   border-color: var(--error-secondary);
 }
@@ -1408,22 +1562,27 @@ h6 {
   appearance: none;
   border-radius: 6px;
 }
+
 .p-inputtext:enabled:hover {
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-inputtext.p-invalid.p-component {
   border-color: var(--error-secondary);
 }
+
 .p-inputtext.p-inputtext-sm {
   font-size: 0.875rem;
   padding: 0.65625rem 0.65625rem;
 }
+
 .p-inputtext.p-inputtext-lg {
   font-size: 1.25rem;
   padding: 0.9375rem 0.9375rem;
@@ -1482,9 +1641,11 @@ h6 {
 .p-input-filled .p-inputtext {
   background-color: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-input-filled .p-inputtext:enabled:hover {
   background-color: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-input-filled .p-inputtext:enabled:focus {
   background-color: var(--htwk-grau); /*#0b213f*/
 }
@@ -1510,6 +1671,7 @@ h6 {
     border-color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-listbox .p-listbox-header {
   padding: 0.75rem 1.25rem;
   border-bottom: 1px solid var(--htwk-grau); /*#0b213f*/
@@ -1519,17 +1681,21 @@ h6 {
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
 }
+
 .p-listbox .p-listbox-header .p-listbox-filter {
   padding-right: 1.75rem;
 }
+
 .p-listbox .p-listbox-header .p-listbox-filter-icon {
   right: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-listbox .p-listbox-list {
   padding: 0.75rem 0;
   outline: 0 none;
 }
+
 .p-listbox .p-listbox-list .p-listbox-item {
   margin: 0;
   padding: 0.75rem 1.25rem;
@@ -1538,10 +1704,12 @@ h6 {
   transition: box-shadow 0.2s;
   border-radius: 0;
 }
+
 .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-listbox .p-listbox-list .p-listbox-item-group {
   margin: 0;
   padding: 0.75rem 1.25rem;
@@ -1549,30 +1717,36 @@ h6 {
   background: var(--htwk-grau); /*#091a32*/
   font-weight: 700;
 }
+
 .p-listbox .p-listbox-list .p-listbox-empty-message {
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
   background: transparent;
 }
+
 .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
   background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
 }
+
 .p-listbox:not(.p-disabled)
   .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-listbox:not(.p-disabled)
   .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-listbox.p-focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-listbox.p-invalid {
   border-color: var(--error-secondary);
 }
@@ -1587,15 +1761,18 @@ h6 {
     box-shadow 0.2s;
   border-radius: 6px;
 }
+
 .p-multiselect:not(.p-disabled):hover {
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-multiselect .p-multiselect-label {
   padding: 0.75rem 0.75rem;
   transition:
@@ -1604,9 +1781,11 @@ h6 {
     border-color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
@@ -1614,11 +1793,13 @@ h6 {
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
+
 .p-multiselect.p-multiselect-chip
   .p-multiselect-token
   .p-multiselect-token-icon {
   margin-left: 0.5rem;
 }
+
 .p-multiselect .p-multiselect-trigger {
   background: transparent;
   color: rgba(255, 255, 255, 0.6);
@@ -1626,6 +1807,7 @@ h6 {
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
 }
+
 .p-multiselect.p-invalid.p-component {
   border-color: var(--error-secondary);
 }
@@ -1644,6 +1826,7 @@ h6 {
     0 4px 5px 0 rgba(0, 0, 0, 0.14),
     0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+
 .p-multiselect-panel .p-multiselect-header {
   padding: 0.75rem 1.25rem;
   border-bottom: 1px solid var(--htwk-grau); /*#0b213f*/
@@ -1653,12 +1836,14 @@ h6 {
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
 }
+
 .p-multiselect-panel
   .p-multiselect-header
   .p-multiselect-filter-container
   .p-inputtext {
   padding-right: 1.75rem;
 }
+
 .p-multiselect-panel
   .p-multiselect-header
   .p-multiselect-filter-container
@@ -1666,9 +1851,11 @@ h6 {
   right: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-multiselect-panel .p-multiselect-header .p-checkbox {
   margin-right: 0.5rem;
 }
+
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
   margin-left: 0.5rem;
   width: 2rem;
@@ -1682,19 +1869,23 @@ h6 {
     color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
   color: rgba(255, 255, 255, 0.87);
   border-color: transparent;
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-multiselect-panel .p-multiselect-items {
   padding: 0.75rem 0;
 }
+
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
   padding: 0.75rem 1.25rem;
@@ -1704,30 +1895,36 @@ h6 {
   transition: box-shadow 0.2s;
   border-radius: 0;
 }
+
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-multiselect-panel
   .p-multiselect-items
   .p-multiselect-item.p-highlight.p-focus {
   background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
 }
+
 .p-multiselect-panel
   .p-multiselect-items
   .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
   color: rgba(255, 255, 255, 0.87);
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-multiselect-panel
   .p-multiselect-items
   .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
   margin-right: 0.5rem;
 }
+
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
   margin: 0;
   padding: 0.75rem 1.25rem;
@@ -1735,6 +1932,7 @@ h6 {
   background: var(--htwk-grau); /*#091a32*/
   font-weight: 700;
 }
+
 .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
@@ -1744,9 +1942,11 @@ h6 {
 .p-input-filled .p-multiselect {
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-input-filled .p-multiselect:not(.p-disabled):hover {
   background-color: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
   background-color: var(--htwk-grau); /*#0b213f*/
 }
@@ -1766,16 +1966,20 @@ h6 {
     0 1px 10px 0 rgba(0, 0, 0, 0.12);
   border-radius: 6px;
 }
+
 .p-password-panel .p-password-meter {
   margin-bottom: 0.5rem;
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-password-panel .p-password-meter .p-password-strength.weak {
   background: #eb9a9c;
 }
+
 .p-password-panel .p-password-meter .p-password-strength.medium {
   background: #ffcf91;
 }
+
 .p-password-panel .p-password-meter .p-password-strength.strong {
   background: #93deac;
 }
@@ -1784,6 +1988,7 @@ h6 {
   width: 22px;
   height: 22px;
 }
+
 .p-radiobutton .p-radiobutton-box {
   border: 2px solid var(--htwk-grau-140); /*#0b213f*/
   background: var(--htwk-schwarz); /*#040d19*/
@@ -1797,33 +2002,40 @@ h6 {
     border-color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
   width: 12px;
   height: 12px;
   transition-duration: 0.2s;
   background-color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-radiobutton .p-radiobutton-box.p-highlight {
   border-color: var(--htwk-yellow); /*#93c5fd*/
   background: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
   border-color: var(--button-primary-border);
   background: var(--button-primary);
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-radiobutton.p-invalid > .p-radiobutton-box {
   border-color: var(--error-secondary);
 }
+
 .p-radiobutton:focus {
   outline: 0 none;
 }
@@ -1831,12 +2043,15 @@ h6 {
 .p-input-filled .p-radiobutton .p-radiobutton-box {
   background-color: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
   background-color: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
   background: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-input-filled
   .p-radiobutton
   .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
@@ -1846,6 +2061,7 @@ h6 {
 .p-rating {
   gap: 0.5rem;
 }
+
 .p-rating .p-rating-item .p-rating-icon {
   color: rgba(255, 255, 255, 0.87);
   transition:
@@ -1855,27 +2071,33 @@ h6 {
     box-shadow 0.2s;
   font-size: 1.143rem;
 }
+
 .p-rating .p-rating-item .p-rating-icon.p-icon {
   width: 1.143rem;
   height: 1.143rem;
 }
+
 .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
   color: #f48fb1;
 }
+
 .p-rating .p-rating-item.p-focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
   color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-rating:not(.p-disabled):not(.p-readonly)
   .p-rating-item:hover
   .p-rating-icon {
   color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-rating:not(.p-disabled):not(.p-readonly)
   .p-rating-item:hover
   .p-rating-icon.p-rating-cancel {
@@ -1892,15 +2114,18 @@ h6 {
     border-color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-selectbutton .p-button .p-button-icon-left,
 .p-selectbutton .p-button .p-button-icon-right {
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.03);
   border-color: var(--htwk-grau-140); /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-selectbutton
   .p-button:not(.p-disabled):not(.p-highlight):hover
   .p-button-icon-left,
@@ -1909,24 +2134,29 @@ h6 {
   .p-button-icon-right {
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-selectbutton .p-button.p-highlight {
   background: var(--htwk-yellow); /*#93c5fd*/
   border-color: var(--htwk-yellow); /*#93c5fd*/
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-selectbutton .p-button.p-highlight .p-button-icon-left,
 .p-selectbutton .p-button.p-highlight .p-button-icon-right {
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-selectbutton .p-button.p-highlight:hover {
   background: var(--button-primary);
   border-color: var(--button-tertiary);
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
 .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-selectbutton.p-invalid > .p-button {
   border-color: var(--error-secondary);
 }
@@ -1936,20 +2166,25 @@ h6 {
   border: 0 none;
   border-radius: 6px;
 }
+
 .p-slider.p-slider-horizontal {
   height: 0.286rem;
 }
+
 .p-slider.p-slider-horizontal .p-slider-handle {
   margin-top: -0.5715rem;
   margin-left: -0.5715rem;
 }
+
 .p-slider.p-slider-vertical {
   width: 0.286rem;
 }
+
 .p-slider.p-slider-vertical .p-slider-handle {
   margin-left: -0.5715rem;
   margin-bottom: -0.5715rem;
 }
+
 .p-slider .p-slider-handle {
   height: 1.143rem;
   width: 1.143rem;
@@ -1962,14 +2197,17 @@ h6 {
     border-color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-slider .p-slider-handle:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-slider .p-slider-range {
   background: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-slider:not(.p-disabled) .p-slider-handle:hover {
   background: var(--htwk-yellow); /*#93c5fd*/
   border-color: var(--htwk-yellow); /*#93c5fd*/
@@ -1985,15 +2223,18 @@ h6 {
     box-shadow 0.2s;
   border-radius: 6px;
 }
+
 .p-treeselect:not(.p-disabled):hover {
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-treeselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-treeselect .p-treeselect-label {
   padding: 0.75rem 0.75rem;
   transition:
@@ -2002,9 +2243,11 @@ h6 {
     border-color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-treeselect .p-treeselect-label.p-placeholder {
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-treeselect.p-treeselect-chip .p-treeselect-token {
   padding: 0.375rem 0.75rem;
   margin-right: 0.5rem;
@@ -2012,6 +2255,7 @@ h6 {
   color: rgba(255, 255, 255, 0.87);
   border-radius: 16px;
 }
+
 .p-treeselect .p-treeselect-trigger {
   background: transparent;
   color: rgba(255, 255, 255, 0.6);
@@ -2019,6 +2263,7 @@ h6 {
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
 }
+
 .p-treeselect.p-invalid.p-component {
   border-color: var(--error-secondary);
 }
@@ -2037,9 +2282,11 @@ h6 {
     0 4px 5px 0 rgba(0, 0, 0, 0.14),
     0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+
 .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
   border: 0 none;
 }
+
 .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
@@ -2049,9 +2296,11 @@ h6 {
 .p-input-filled .p-treeselect {
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-input-filled .p-treeselect:not(.p-disabled):hover {
   background-color: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
   background-color: var(--htwk-grau); /*#0b213f*/
 }
@@ -2066,45 +2315,54 @@ h6 {
     border-color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-togglebutton.p-button .p-button-icon-left,
 .p-togglebutton.p-button .p-button-icon-right {
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-togglebutton.p-button:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   border-color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.03);
   border-color: var(--htwk-grau-140); /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover
   .p-button-icon-left,
 .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover
   .p-button-icon-right {
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-togglebutton.p-button.p-highlight {
   background: var(--htwk-yellow); /*#93c5fd*/
   border-color: var(--htwk-yellow); /*#93c5fd*/
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-togglebutton.p-button.p-highlight .p-button-icon-left,
 .p-togglebutton.p-button.p-highlight .p-button-icon-right {
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-togglebutton.p-button.p-highlight:hover {
   background: var(--button-primary);
   border-color: var(--button-tertiary);
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
 .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-togglebutton.p-button.p-invalid > .p-button {
   border-color: var(--error-secondary);
 }
@@ -2122,89 +2380,110 @@ h6 {
     box-shadow 0.2s;
   border-radius: 6px;
 }
+
 .p-button:enabled:hover {
   background: var(--button-primary);
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: var(--button-tertiary);
 }
+
 .p-button:enabled:active {
   background: var(--button-primary);
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: var(--button-primary-border);
 }
+
 .p-button.p-button-outlined {
   background-color: transparent;
   color: var(--htwk-yellow); /*#93c5fd*/
   border: 1px solid;
 }
+
 .p-button.p-button-outlined:enabled:hover {
   background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/
   color: var(--htwk-yellow); /*#93c5fd*/
   border: 1px solid;
 }
+
 .p-button.p-button-outlined:enabled:active {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: var(--htwk-yellow); /*#93c5fd*/
   border: 1px solid;
 }
+
 .p-button.p-button-outlined.p-button-plain {
   color: rgba(255, 255, 255, 0.6);
   border-color: rgba(255, 255, 255, 0.6);
 }
+
 .p-button.p-button-outlined.p-button-plain:enabled:hover {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-button.p-button-outlined.p-button-plain:enabled:active {
   background: rgba(255, 255, 255, 0.16);
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-button.p-button-text {
   background-color: transparent;
   color: var(--htwk-yellow); /*#93c5fd*/
   border-color: transparent;
 }
+
 .p-button.p-button-text:enabled:hover {
   background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/
   color: var(--htwk-yellow); /*#93c5fd*/
   border-color: transparent;
 }
+
 .p-button.p-button-text:enabled:active {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: var(--htwk-yellow); /*#93c5fd*/
   border-color: transparent;
 }
+
 .p-button.p-button-text.p-button-plain {
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-button.p-button-text.p-button-plain:enabled:hover {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-button.p-button-text.p-button-plain:enabled:active {
   background: rgba(255, 255, 255, 0.16);
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-button:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-button .p-button-label {
   transition-duration: 0.2s;
 }
+
 .p-button .p-button-icon-left {
   margin-right: 0.5rem;
 }
+
 .p-button .p-button-icon-right {
   margin-left: 0.5rem;
 }
+
 .p-button .p-button-icon-bottom {
   margin-top: 0.5rem;
 }
+
 .p-button .p-button-icon-top {
   margin-bottom: 0.5rem;
 }
+
 .p-button .p-badge {
   margin-left: 0.5rem;
   min-width: 1rem;
@@ -2213,44 +2492,55 @@ h6 {
   color: var(--htwk-yellow); /*#93c5fd*/
   background-color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-button.p-button-raised {
   box-shadow:
     0px 3px 1px -2px rgba(0, 0, 0, 0.2),
     0px 2px 2px 0px rgba(0, 0, 0, 0.14),
     0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
+
 .p-button.p-button-rounded {
   border-radius: 2rem;
 }
+
 .p-button.p-button-icon-only {
   width: 3rem;
   padding: 0.75rem 0;
 }
+
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
   margin: 0;
 }
+
 .p-button.p-button-icon-only.p-button-rounded {
   border-radius: 50%;
   height: 3rem;
 }
+
 .p-button.p-button-sm {
   font-size: 0.875rem;
   padding: 0.65625rem 1.09375rem;
 }
+
 .p-button.p-button-sm .p-button-icon {
   font-size: 0.875rem;
 }
+
 .p-button.p-button-lg {
   font-size: 1.25rem;
   padding: 0.9375rem 1.5625rem;
 }
+
 .p-button.p-button-lg .p-button-icon {
   font-size: 1.25rem;
 }
+
 .p-button.p-button-loading-label-only .p-button-label {
   margin-left: 0.5rem;
 }
+
 .p-button.p-button-loading-label-only .p-button-loading-icon {
   margin-right: 0;
 }
@@ -2258,12 +2548,15 @@ h6 {
 .p-fluid .p-button {
   width: 100%;
 }
+
 .p-fluid .p-button-icon-only {
   width: 3rem;
 }
+
 .p-fluid .p-buttonset {
   display: flex;
 }
+
 .p-fluid .p-buttonset .p-button {
   flex: 1;
 }
@@ -2275,6 +2568,7 @@ h6 {
   background: #cbd5e1;
   border: 1px solid #cbd5e1;
 }
+
 .p-button.p-button-secondary:enabled:hover,
 .p-buttonset.p-button-secondary > .p-button:enabled:hover,
 .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
@@ -2282,11 +2576,13 @@ h6 {
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: #b0bfd1;
 }
+
 .p-button.p-button-secondary:enabled:focus,
 .p-buttonset.p-button-secondary > .p-button:enabled:focus,
 .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
   box-shadow: 0 0 0 1px #dbe2ea;
 }
+
 .p-button.p-button-secondary:enabled:active,
 .p-buttonset.p-button-secondary > .p-button:enabled:active,
 .p-splitbutton.p-button-secondary > .p-button:enabled:active {
@@ -2294,6 +2590,7 @@ h6 {
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: #95a9c2;
 }
+
 .p-button.p-button-secondary.p-button-outlined,
 .p-buttonset.p-button-secondary > .p-button.p-button-outlined,
 .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
@@ -2301,6 +2598,7 @@ h6 {
   color: #cbd5e1;
   border: 1px solid;
 }
+
 .p-button.p-button-secondary.p-button-outlined:enabled:hover,
 .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover,
 .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
@@ -2308,6 +2606,7 @@ h6 {
   color: #cbd5e1;
   border: 1px solid;
 }
+
 .p-button.p-button-secondary.p-button-outlined:enabled:active,
 .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active,
 .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
@@ -2315,6 +2614,7 @@ h6 {
   color: #cbd5e1;
   border: 1px solid;
 }
+
 .p-button.p-button-secondary.p-button-text,
 .p-buttonset.p-button-secondary > .p-button.p-button-text,
 .p-splitbutton.p-button-secondary > .p-button.p-button-text {
@@ -2322,6 +2622,7 @@ h6 {
   color: #cbd5e1;
   border-color: transparent;
 }
+
 .p-button.p-button-secondary.p-button-text:enabled:hover,
 .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover,
 .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
@@ -2329,6 +2630,7 @@ h6 {
   border-color: transparent;
   color: #cbd5e1;
 }
+
 .p-button.p-button-secondary.p-button-text:enabled:active,
 .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active,
 .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
@@ -2344,6 +2646,7 @@ h6 {
   background: var(--htwk-yellow); /*#93c5fd*/
   border: 1px solid var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-button.p-button-info:enabled:hover,
 .p-buttonset.p-button-info > .p-button:enabled:hover,
 .p-splitbutton.p-button-info > .p-button:enabled:hover {
@@ -2351,11 +2654,13 @@ h6 {
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: var(--info-secondary);
 }
+
 .p-button.p-button-info:enabled:focus,
 .p-buttonset.p-button-info > .p-button:enabled:focus,
 .p-splitbutton.p-button-info > .p-button:enabled:focus {
   box-shadow: 0 0 0 1px #b3d6fe;
 }
+
 .p-button.p-button-info:enabled:active,
 .p-buttonset.p-button-info > .p-button:enabled:active,
 .p-splitbutton.p-button-info > .p-button:enabled:active {
@@ -2363,6 +2668,7 @@ h6 {
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: var(--info-primary);
 }
+
 .p-button.p-button-info.p-button-outlined,
 .p-buttonset.p-button-info > .p-button.p-button-outlined,
 .p-splitbutton.p-button-info > .p-button.p-button-outlined {
@@ -2370,6 +2676,7 @@ h6 {
   color: var(--htwk-yellow); /*#93c5fd*/
   border: 1px solid;
 }
+
 .p-button.p-button-info.p-button-outlined:enabled:hover,
 .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover,
 .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
@@ -2377,6 +2684,7 @@ h6 {
   color: var(--htwk-yellow); /*#93c5fd*/
   border: 1px solid;
 }
+
 .p-button.p-button-info.p-button-outlined:enabled:active,
 .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active,
 .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
@@ -2384,6 +2692,7 @@ h6 {
   color: var(--htwk-yellow); /*#93c5fd*/
   border: 1px solid;
 }
+
 .p-button.p-button-info.p-button-text,
 .p-buttonset.p-button-info > .p-button.p-button-text,
 .p-splitbutton.p-button-info > .p-button.p-button-text {
@@ -2391,6 +2700,7 @@ h6 {
   color: var(--htwk-yellow); /*#93c5fd*/
   border-color: transparent;
 }
+
 .p-button.p-button-info.p-button-text:enabled:hover,
 .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover,
 .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
@@ -2398,6 +2708,7 @@ h6 {
   border-color: transparent;
   color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-button.p-button-info.p-button-text:enabled:active,
 .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active,
 .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
@@ -2413,6 +2724,7 @@ h6 {
   background: var(--success-secondary);
   border: 1px solid var(--success-secondary);
 }
+
 .p-button.p-button-success:enabled:hover,
 .p-buttonset.p-button-success > .p-button:enabled:hover,
 .p-splitbutton.p-button-success > .p-button:enabled:hover {
@@ -2420,11 +2732,13 @@ h6 {
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: #65eb95;
 }
+
 .p-button.p-button-success:enabled:focus,
 .p-buttonset.p-button-success > .p-button:enabled:focus,
 .p-splitbutton.p-button-success > .p-button:enabled:focus {
   box-shadow: 0 0 0 1px var(--success-tertiary);
 }
+
 .p-button.p-button-success:enabled:active,
 .p-buttonset.p-button-success > .p-button:enabled:active,
 .p-splitbutton.p-button-success > .p-button:enabled:active {
@@ -2432,6 +2746,7 @@ h6 {
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: #44e67f;
 }
+
 .p-button.p-button-success.p-button-outlined,
 .p-buttonset.p-button-success > .p-button.p-button-outlined,
 .p-splitbutton.p-button-success > .p-button.p-button-outlined {
@@ -2439,6 +2754,7 @@ h6 {
   color: var(--success-secondary);
   border: 1px solid;
 }
+
 .p-button.p-button-success.p-button-outlined:enabled:hover,
 .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover,
 .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
@@ -2446,6 +2762,7 @@ h6 {
   color: var(--success-secondary);
   border: 1px solid;
 }
+
 .p-button.p-button-success.p-button-outlined:enabled:active,
 .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active,
 .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
@@ -2453,6 +2770,7 @@ h6 {
   color: var(--success-secondary);
   border: 1px solid;
 }
+
 .p-button.p-button-success.p-button-text,
 .p-buttonset.p-button-success > .p-button.p-button-text,
 .p-splitbutton.p-button-success > .p-button.p-button-text {
@@ -2460,6 +2778,7 @@ h6 {
   color: var(--success-secondary);
   border-color: transparent;
 }
+
 .p-button.p-button-success.p-button-text:enabled:hover,
 .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover,
 .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
@@ -2467,6 +2786,7 @@ h6 {
   border-color: transparent;
   color: var(--success-secondary);
 }
+
 .p-button.p-button-success.p-button-text:enabled:active,
 .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active,
 .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
@@ -2482,6 +2802,7 @@ h6 {
   background: var(--warning-secondary);
   border: 1px solid var(--warning-secondary);
 }
+
 .p-button.p-button-warning:enabled:hover,
 .p-buttonset.p-button-warning > .p-button:enabled:hover,
 .p-splitbutton.p-button-warning > .p-button:enabled:hover {
@@ -2489,11 +2810,13 @@ h6 {
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: var(--warning-secondary);
 }
+
 .p-button.p-button-warning:enabled:focus,
 .p-buttonset.p-button-warning > .p-button:enabled:focus,
 .p-splitbutton.p-button-warning > .p-button:enabled:focus {
   box-shadow: 0 0 0 1px var(--warning-tertiary);
 }
+
 .p-button.p-button-warning:enabled:active,
 .p-buttonset.p-button-warning > .p-button:enabled:active,
 .p-splitbutton.p-button-warning > .p-button:enabled:active {
@@ -2501,6 +2824,7 @@ h6 {
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: var(--warning-primary);
 }
+
 .p-button.p-button-warning.p-button-outlined,
 .p-buttonset.p-button-warning > .p-button.p-button-outlined,
 .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
@@ -2508,6 +2832,7 @@ h6 {
   color: var(--warning-secondary);
   border: 1px solid;
 }
+
 .p-button.p-button-warning.p-button-outlined:enabled:hover,
 .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover,
 .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
@@ -2515,6 +2840,7 @@ h6 {
   color: var(--warning-secondary);
   border: 1px solid;
 }
+
 .p-button.p-button-warning.p-button-outlined:enabled:active,
 .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active,
 .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
@@ -2522,6 +2848,7 @@ h6 {
   color: var(--warning-secondary);
   border: 1px solid;
 }
+
 .p-button.p-button-warning.p-button-text,
 .p-buttonset.p-button-warning > .p-button.p-button-text,
 .p-splitbutton.p-button-warning > .p-button.p-button-text {
@@ -2529,6 +2856,7 @@ h6 {
   color: var(--warning-secondary);
   border-color: transparent;
 }
+
 .p-button.p-button-warning.p-button-text:enabled:hover,
 .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover,
 .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
@@ -2536,6 +2864,7 @@ h6 {
   border-color: transparent;
   color: var(--warning-secondary);
 }
+
 .p-button.p-button-warning.p-button-text:enabled:active,
 .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active,
 .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
@@ -2551,6 +2880,7 @@ h6 {
   background: #d8b4fe;
   border: 1px solid #d8b4fe;
 }
+
 .p-button.p-button-help:enabled:hover,
 .p-buttonset.p-button-help > .p-button:enabled:hover,
 .p-splitbutton.p-button-help > .p-button:enabled:hover {
@@ -2558,11 +2888,13 @@ h6 {
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: #c289fd;
 }
+
 .p-button.p-button-help:enabled:focus,
 .p-buttonset.p-button-help > .p-button:enabled:focus,
 .p-splitbutton.p-button-help > .p-button:enabled:focus {
   box-shadow: 0 0 0 1px #e4cbfe;
 }
+
 .p-button.p-button-help:enabled:active,
 .p-buttonset.p-button-help > .p-button:enabled:active,
 .p-splitbutton.p-button-help > .p-button:enabled:active {
@@ -2570,6 +2902,7 @@ h6 {
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: #ab5efd;
 }
+
 .p-button.p-button-help.p-button-outlined,
 .p-buttonset.p-button-help > .p-button.p-button-outlined,
 .p-splitbutton.p-button-help > .p-button.p-button-outlined {
@@ -2577,6 +2910,7 @@ h6 {
   color: #d8b4fe;
   border: 1px solid;
 }
+
 .p-button.p-button-help.p-button-outlined:enabled:hover,
 .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover,
 .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
@@ -2584,6 +2918,7 @@ h6 {
   color: #d8b4fe;
   border: 1px solid;
 }
+
 .p-button.p-button-help.p-button-outlined:enabled:active,
 .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active,
 .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
@@ -2591,6 +2926,7 @@ h6 {
   color: #d8b4fe;
   border: 1px solid;
 }
+
 .p-button.p-button-help.p-button-text,
 .p-buttonset.p-button-help > .p-button.p-button-text,
 .p-splitbutton.p-button-help > .p-button.p-button-text {
@@ -2598,6 +2934,7 @@ h6 {
   color: #d8b4fe;
   border-color: transparent;
 }
+
 .p-button.p-button-help.p-button-text:enabled:hover,
 .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover,
 .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
@@ -2605,6 +2942,7 @@ h6 {
   border-color: transparent;
   color: #d8b4fe;
 }
+
 .p-button.p-button-help.p-button-text:enabled:active,
 .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active,
 .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
@@ -2620,6 +2958,7 @@ h6 {
   background: var(--error-secondary);
   border: 1px solid var(--error-secondary);
 }
+
 .p-button.p-button-danger:enabled:hover,
 .p-buttonset.p-button-danger > .p-button:enabled:hover,
 .p-splitbutton.p-button-danger > .p-button:enabled:hover {
@@ -2627,11 +2966,13 @@ h6 {
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: #fb7d7d;
 }
+
 .p-button.p-button-danger:enabled:focus,
 .p-buttonset.p-button-danger > .p-button:enabled:focus,
 .p-splitbutton.p-button-danger > .p-button:enabled:focus {
   box-shadow: 0 0 0 1px #fdc0c0;
 }
+
 .p-button.p-button-danger:enabled:active,
 .p-buttonset.p-button-danger > .p-button:enabled:active,
 .p-splitbutton.p-button-danger > .p-button:enabled:active {
@@ -2639,6 +2980,7 @@ h6 {
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: #f95454;
 }
+
 .p-button.p-button-danger.p-button-outlined,
 .p-buttonset.p-button-danger > .p-button.p-button-outlined,
 .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
@@ -2646,6 +2988,7 @@ h6 {
   color: var(--error-secondary);
   border: 1px solid;
 }
+
 .p-button.p-button-danger.p-button-outlined:enabled:hover,
 .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover,
 .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
@@ -2653,6 +2996,7 @@ h6 {
   color: var(--error-secondary);
   border: 1px solid;
 }
+
 .p-button.p-button-danger.p-button-outlined:enabled:active,
 .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active,
 .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
@@ -2660,6 +3004,7 @@ h6 {
   color: var(--error-secondary);
   border: 1px solid;
 }
+
 .p-button.p-button-danger.p-button-text,
 .p-buttonset.p-button-danger > .p-button.p-button-text,
 .p-splitbutton.p-button-danger > .p-button.p-button-text {
@@ -2667,6 +3012,7 @@ h6 {
   color: var(--error-secondary);
   border-color: transparent;
 }
+
 .p-button.p-button-danger.p-button-text:enabled:hover,
 .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover,
 .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
@@ -2674,6 +3020,7 @@ h6 {
   border-color: transparent;
   color: var(--error-secondary);
 }
+
 .p-button.p-button-danger.p-button-text:enabled:active,
 .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active,
 .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
@@ -2687,19 +3034,23 @@ h6 {
   background: transparent;
   border: transparent;
 }
+
 .p-button.p-button-link:enabled:hover {
   background: transparent;
   color: var(--htwk-yellow); /*#93c5fd*/
   border-color: transparent;
 }
+
 .p-button.p-button-link:enabled:hover .p-button-label {
   text-decoration: underline;
 }
+
 .p-button.p-button-link:enabled:focus {
   background: transparent;
   box-shadow: 0 0 0 1px rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   border-color: transparent;
 }
+
 .p-button.p-button-link:enabled:active {
   background: transparent;
   color: var(--htwk-yellow); /*#93c5fd*/
@@ -2710,9 +3061,11 @@ h6 {
   width: 4rem;
   height: 4rem;
 }
+
 .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
   font-size: 1.3rem;
 }
+
 .p-speeddial-button.p-button.p-button-icon-only .p-icon {
   width: 1.3rem;
   height: 1.3rem;
@@ -2734,6 +3087,7 @@ h6 {
   background: rgba(255, 255, 255, 0.87);
   color: var(--htwk-schwarz); /*#040d19*/
 }
+
 .p-speeddial-action:hover {
   background: rgba(255, 255, 255, 0.6);
   color: var(--htwk-schwarz); /*#040d19*/
@@ -2742,6 +3096,7 @@ h6 {
 .p-speeddial-direction-up .p-speeddial-item {
   margin: 0.25rem 0;
 }
+
 .p-speeddial-direction-up .p-speeddial-item:first-child {
   margin-bottom: 0.5rem;
 }
@@ -2749,6 +3104,7 @@ h6 {
 .p-speeddial-direction-down .p-speeddial-item {
   margin: 0.25rem 0;
 }
+
 .p-speeddial-direction-down .p-speeddial-item:first-child {
   margin-top: 0.5rem;
 }
@@ -2756,6 +3112,7 @@ h6 {
 .p-speeddial-direction-left .p-speeddial-item {
   margin: 0 0.25rem;
 }
+
 .p-speeddial-direction-left .p-speeddial-item:first-child {
   margin-right: 0.5rem;
 }
@@ -2763,6 +3120,7 @@ h6 {
 .p-speeddial-direction-right .p-speeddial-item {
   margin: 0 0.25rem;
 }
+
 .p-speeddial-direction-right .p-speeddial-item:first-child {
   margin-left: 0.5rem;
 }
@@ -2772,6 +3130,7 @@ h6 {
 .p-speeddial-quarter-circle .p-speeddial-item {
   margin: 0;
 }
+
 .p-speeddial-circle .p-speeddial-item:first-child,
 .p-speeddial-circle .p-speeddial-item:last-child,
 .p-speeddial-semi-circle .p-speeddial-item:first-child,
@@ -2788,44 +3147,52 @@ h6 {
 .p-splitbutton {
   border-radius: 6px;
 }
+
 .p-splitbutton.p-button-outlined > .p-button {
   background-color: transparent;
   color: var(--htwk-yellow); /*#93c5fd*/
   border: 1px solid;
 }
+
 .p-splitbutton.p-button-outlined > .p-button:enabled:hover,
 .p-splitbutton.p-button-outlined
   > .p-button:not(button):not(a):not(.p-disabled):hover {
   background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/
   color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-splitbutton.p-button-outlined > .p-button:enabled:active,
 .p-splitbutton.p-button-outlined
   > .p-button:not(button):not(a):not(.p-disabled):active {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
   color: rgba(255, 255, 255, 0.6);
   border-color: rgba(255, 255, 255, 0.6);
 }
+
 .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover,
 .p-splitbutton.p-button-outlined.p-button-plain
   > .p-button:not(button):not(a):not(.p-disabled):hover {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active,
 .p-splitbutton.p-button-outlined.p-button-plain
   > .p-button:not(button):not(a):not(.p-disabled):active {
   background: rgba(255, 255, 255, 0.16);
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-splitbutton.p-button-text > .p-button {
   background-color: transparent;
   color: var(--htwk-yellow); /*#93c5fd*/
   border-color: transparent;
 }
+
 .p-splitbutton.p-button-text > .p-button:enabled:hover,
 .p-splitbutton.p-button-text
   > .p-button:not(button):not(a):not(.p-disabled):hover {
@@ -2833,6 +3200,7 @@ h6 {
   color: var(--htwk-yellow); /*#93c5fd*/
   border-color: transparent;
 }
+
 .p-splitbutton.p-button-text > .p-button:enabled:active,
 .p-splitbutton.p-button-text
   > .p-button:not(button):not(a):not(.p-disabled):active {
@@ -2840,50 +3208,62 @@ h6 {
   color: var(--htwk-yellow); /*#93c5fd*/
   border-color: transparent;
 }
+
 .p-splitbutton.p-button-text.p-button-plain > .p-button {
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover,
 .p-splitbutton.p-button-text.p-button-plain
   > .p-button:not(button):not(a):not(.p-disabled):hover {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active,
 .p-splitbutton.p-button-text.p-button-plain
   > .p-button:not(button):not(a):not(.p-disabled):active {
   background: rgba(255, 255, 255, 0.16);
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-splitbutton.p-button-raised {
   box-shadow:
     0px 3px 1px -2px rgba(0, 0, 0, 0.2),
     0px 2px 2px 0px rgba(0, 0, 0, 0.14),
     0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
+
 .p-splitbutton.p-button-rounded {
   border-radius: 2rem;
 }
+
 .p-splitbutton.p-button-rounded > .p-button {
   border-radius: 2rem;
 }
+
 .p-splitbutton.p-button-sm > .p-button {
   font-size: 0.875rem;
   padding: 0.65625rem 1.09375rem;
 }
+
 .p-splitbutton.p-button-sm > .p-button .p-button-icon {
   font-size: 0.875rem;
 }
+
 .p-splitbutton.p-button-lg > .p-button {
   font-size: 1.25rem;
   padding: 0.9375rem 1.5625rem;
 }
+
 .p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
   width: auto;
 }
+
 .p-splitbutton.p-button-lg > .p-button .p-button-icon {
   font-size: 1.25rem;
 }
+
 .p-splitbutton.p-button-lg > .p-button .p-icon {
   width: 1.25rem;
   height: 1.25rem;
@@ -2894,23 +3274,27 @@ h6 {
   color: #cbd5e1;
   border: 1px solid;
 }
+
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover,
 .p-splitbutton.p-button-secondary.p-button-outlined
   > .p-button:not(button):not(a):not(.p-disabled):hover {
   background: rgba(203, 213, 225, 0.04);
   color: #cbd5e1;
 }
+
 .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active,
 .p-splitbutton.p-button-secondary.p-button-outlined
   > .p-button:not(button):not(a):not(.p-disabled):active {
   background: rgba(203, 213, 225, 0.16);
   color: #cbd5e1;
 }
+
 .p-splitbutton.p-button-secondary.p-button-text > .p-button {
   background-color: transparent;
   color: #cbd5e1;
   border-color: transparent;
 }
+
 .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover,
 .p-splitbutton.p-button-secondary.p-button-text
   > .p-button:not(button):not(a):not(.p-disabled):hover {
@@ -2918,6 +3302,7 @@ h6 {
   border-color: transparent;
   color: #cbd5e1;
 }
+
 .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active,
 .p-splitbutton.p-button-secondary.p-button-text
   > .p-button:not(button):not(a):not(.p-disabled):active {
@@ -2931,23 +3316,27 @@ h6 {
   color: var(--htwk-yellow); /*#93c5fd*/
   border: 1px solid;
 }
+
 .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover,
 .p-splitbutton.p-button-info.p-button-outlined
   > .p-button:not(button):not(a):not(.p-disabled):hover {
   background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/
   color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active,
 .p-splitbutton.p-button-info.p-button-outlined
   > .p-button:not(button):not(a):not(.p-disabled):active {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-splitbutton.p-button-info.p-button-text > .p-button {
   background-color: transparent;
   color: var(--htwk-yellow); /*#93c5fd*/
   border-color: transparent;
 }
+
 .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover,
 .p-splitbutton.p-button-info.p-button-text
   > .p-button:not(button):not(a):not(.p-disabled):hover {
@@ -2955,6 +3344,7 @@ h6 {
   border-color: transparent;
   color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active,
 .p-splitbutton.p-button-info.p-button-text
   > .p-button:not(button):not(a):not(.p-disabled):active {
@@ -2968,23 +3358,27 @@ h6 {
   color: var(--success-secondary);
   border: 1px solid;
 }
+
 .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover,
 .p-splitbutton.p-button-success.p-button-outlined
   > .p-button:not(button):not(a):not(.p-disabled):hover {
-  background: #86efac0a;
+  background: rgba(134, 239, 172, 0.0392156863);
   color: var(--success-secondary);
 }
+
 .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active,
 .p-splitbutton.p-button-success.p-button-outlined
   > .p-button:not(button):not(a):not(.p-disabled):active {
   background: rgba(134, 239, 172, 0.16);
   color: var(--success-secondary);
 }
+
 .p-splitbutton.p-button-success.p-button-text > .p-button {
   background-color: transparent;
   color: var(--success-secondary);
   border-color: transparent;
 }
+
 .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover,
 .p-splitbutton.p-button-success.p-button-text
   > .p-button:not(button):not(a):not(.p-disabled):hover {
@@ -2992,6 +3386,7 @@ h6 {
   border-color: transparent;
   color: var(--success-secondary);
 }
+
 .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active,
 .p-splitbutton.p-button-success.p-button-text
   > .p-button:not(button):not(a):not(.p-disabled):active {
@@ -3005,23 +3400,27 @@ h6 {
   color: var(--warning-secondary);
   border: 1px solid;
 }
+
 .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover,
 .p-splitbutton.p-button-warning.p-button-outlined
   > .p-button:not(button):not(a):not(.p-disabled):hover {
   background: rgba(252, 211, 77, 0.04);
   color: var(--warning-secondary);
 }
+
 .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active,
 .p-splitbutton.p-button-warning.p-button-outlined
   > .p-button:not(button):not(a):not(.p-disabled):active {
   background: rgba(252, 211, 77, 0.16);
   color: var(--warning-secondary);
 }
+
 .p-splitbutton.p-button-warning.p-button-text > .p-button {
   background-color: transparent;
   color: var(--warning-secondary);
   border-color: transparent;
 }
+
 .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover,
 .p-splitbutton.p-button-warning.p-button-text
   > .p-button:not(button):not(a):not(.p-disabled):hover {
@@ -3029,6 +3428,7 @@ h6 {
   border-color: transparent;
   color: var(--warning-secondary);
 }
+
 .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active,
 .p-splitbutton.p-button-warning.p-button-text
   > .p-button:not(button):not(a):not(.p-disabled):active {
@@ -3042,23 +3442,27 @@ h6 {
   color: #d8b4fe;
   border: 1px solid;
 }
+
 .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover,
 .p-splitbutton.p-button-help.p-button-outlined
   > .p-button:not(button):not(a):not(.p-disabled):hover {
   background: rgba(216, 180, 254, 0.04);
   color: #d8b4fe;
 }
+
 .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active,
 .p-splitbutton.p-button-help.p-button-outlined
   > .p-button:not(button):not(a):not(.p-disabled):active {
   background: rgba(216, 180, 254, 0.16);
   color: #d8b4fe;
 }
+
 .p-splitbutton.p-button-help.p-button-text > .p-button {
   background-color: transparent;
   color: #d8b4fe;
   border-color: transparent;
 }
+
 .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover,
 .p-splitbutton.p-button-help.p-button-text
   > .p-button:not(button):not(a):not(.p-disabled):hover {
@@ -3066,6 +3470,7 @@ h6 {
   border-color: transparent;
   color: #d8b4fe;
 }
+
 .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active,
 .p-splitbutton.p-button-help.p-button-text
   > .p-button:not(button):not(a):not(.p-disabled):active {
@@ -3079,23 +3484,27 @@ h6 {
   color: var(--error-secondary);
   border: 1px solid;
 }
+
 .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover,
 .p-splitbutton.p-button-danger.p-button-outlined
   > .p-button:not(button):not(a):not(.p-disabled):hover {
   background: rgba(252, 165, 165, 0.04);
   color: var(--error-secondary);
 }
+
 .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active,
 .p-splitbutton.p-button-danger.p-button-outlined
   > .p-button:not(button):not(a):not(.p-disabled):active {
   background: rgba(252, 165, 165, 0.16);
   color: var(--error-secondary);
 }
+
 .p-splitbutton.p-button-danger.p-button-text > .p-button {
   background-color: transparent;
   color: var(--error-secondary);
   border-color: transparent;
 }
+
 .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover,
 .p-splitbutton.p-button-danger.p-button-text
   > .p-button:not(button):not(a):not(.p-disabled):hover {
@@ -3103,6 +3512,7 @@ h6 {
   border-color: transparent;
   color: var(--error-secondary);
 }
+
 .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active,
 .p-splitbutton.p-button-danger.p-button-text
   > .p-button:not(button):not(a):not(.p-disabled):active {
@@ -3125,25 +3535,30 @@ h6 {
     box-shadow 0.2s;
   margin: 0.5rem;
 }
+
 .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
 .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
   color: rgba(255, 255, 255, 0.87);
   border-color: transparent;
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-carousel .p-carousel-content .p-carousel-prev:focus,
 .p-carousel .p-carousel-content .p-carousel-next:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-carousel .p-carousel-indicators {
   padding: 1rem;
 }
+
 .p-carousel .p-carousel-indicators .p-carousel-indicator {
   margin-right: 0.5rem;
   margin-bottom: 0.5rem;
 }
+
 .p-carousel .p-carousel-indicators .p-carousel-indicator button {
   background-color: var(--htwk-grau); /*#0b213f*/
   width: 2rem;
@@ -3154,9 +3569,11 @@ h6 {
     box-shadow 0.2s;
   border-radius: 0;
 }
+
 .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: rgba(255, 255, 255, 0.87);
@@ -3166,10 +3583,12 @@ h6 {
   border-width: 1px 0 1px 0;
   border-radius: 0;
 }
+
 .p-datatable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
+
 .p-datatable .p-datatable-header {
   background: var(--htwk-grau); /*#071426*/
   color: rgba(255, 255, 255, 0.6);
@@ -3178,6 +3597,7 @@ h6 {
   padding: 1rem 1rem;
   font-weight: 700;
 }
+
 .p-datatable .p-datatable-footer {
   background: var(--htwk-grau); /*#071426*/
   color: rgba(255, 255, 255, 0.87);
@@ -3186,6 +3606,7 @@ h6 {
   padding: 1rem 1rem;
   font-weight: 700;
 }
+
 .p-datatable .p-datatable-thead > tr > th {
   text-align: left;
   padding: 1rem 1rem;
@@ -3196,6 +3617,7 @@ h6 {
   background: var(--htwk-grau); /*#071426*/
   transition: box-shadow 0.2s;
 }
+
 .p-datatable .p-datatable-tfoot > tr > td {
   text-align: left;
   padding: 1rem 1rem;
@@ -3205,10 +3627,12 @@ h6 {
   color: rgba(255, 255, 255, 0.87);
   background: var(--htwk-grau); /*#071426*/
 }
+
 .p-datatable .p-sortable-column .p-sortable-column-icon {
   color: rgba(255, 255, 255, 0.6);
   margin-left: 0.5rem;
 }
+
 .p-datatable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
   height: 1.143rem;
@@ -3218,44 +3642,54 @@ h6 {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   margin-left: 0.5rem;
 }
+
 .p-datatable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-datatable
   .p-sortable-column:not(.p-highlight):hover
   .p-sortable-column-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-datatable .p-sortable-column.p-highlight {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-datatable .p-sortable-column.p-highlight:hover {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-datatable .p-sortable-column:focus {
   box-shadow: inset 0 0 0 0.15rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   outline: 0 none;
 }
+
 .p-datatable .p-datatable-tbody > tr {
   background: var(--htwk-grau); /*#071426*/
   color: rgba(255, 255, 255, 0.87);
   transition: box-shadow 0.2s;
 }
+
 .p-datatable .p-datatable-tbody > tr > td {
   text-align: left;
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
 }
+
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
@@ -3271,6 +3705,7 @@ h6 {
     color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
@@ -3279,6 +3714,7 @@ h6 {
   border-color: transparent;
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
@@ -3287,35 +3723,44 @@ h6 {
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
   margin-right: 0.5rem;
 }
+
 .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
   font-weight: 700;
 }
+
 .p-datatable .p-datatable-tbody > tr:focus {
   outline: 0.15rem solid rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   outline-offset: -0.15rem;
 }
+
 .p-datatable .p-datatable-tbody > tr.p-highlight {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
   box-shadow: inset 0 2px 0 0 rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
   box-shadow: inset 0 -2px 0 0 rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-datatable.p-datatable-hoverable-rows
   .p-datatable-tbody
   > tr:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-datatable .p-column-resizer-helper {
   background: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-datatable.p-datatable-scrollable
   > .p-datatable-wrapper
   > .p-datatable-table
@@ -3336,52 +3781,67 @@ h6 {
   > .p-datatable-tfoot {
   background-color: var(--htwk-grau); /*#071426*/
 }
+
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
+
 .p-datatable .p-datatable-loading-icon.p-icon {
   width: 2rem;
   height: 2rem;
 }
+
 .p-datatable.p-datatable-gridlines .p-datatable-header {
   border-width: 1px 1px 0 1px;
 }
+
 .p-datatable.p-datatable-gridlines .p-datatable-footer {
   border-width: 0 1px 1px 1px;
 }
+
 .p-datatable.p-datatable-gridlines .p-paginator-top {
   border-width: 0 1px 0 1px;
 }
+
 .p-datatable.p-datatable-gridlines .p-paginator-bottom {
   border-width: 0 1px 1px 1px;
 }
+
 .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
   border-width: 1px 0 1px 1px;
 }
+
 .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
   border-width: 1px;
 }
+
 .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
   border-width: 1px 0 0 1px;
 }
+
 .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
   border-width: 1px 1px 0 1px;
 }
+
 .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
   border-width: 1px 0 1px 1px;
 }
+
 .p-datatable.p-datatable-gridlines
   .p-datatable-tbody
   > tr:last-child
   > td:last-child {
   border-width: 1px;
 }
+
 .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
   border-width: 1px 0 1px 1px;
 }
+
 .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
   border-width: 1px 1px 1px 1px;
 }
+
 .p-datatable.p-datatable-gridlines
   .p-datatable-thead
   + .p-datatable-tfoot
@@ -3389,6 +3849,7 @@ h6 {
   > td {
   border-width: 0 0 1px 1px;
 }
+
 .p-datatable.p-datatable-gridlines
   .p-datatable-thead
   + .p-datatable-tfoot
@@ -3396,6 +3857,7 @@ h6 {
   > td:last-child {
   border-width: 0 1px 1px 1px;
 }
+
 .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(
     .p-datatable-tbody
   )
@@ -3404,6 +3866,7 @@ h6 {
   > td {
   border-width: 0 0 1px 1px;
 }
+
 .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(
     .p-datatable-tbody
   )
@@ -3412,6 +3875,7 @@ h6 {
   > td:last-child {
   border-width: 0 1px 1px 1px;
 }
+
 .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(
     .p-datatable-tfoot
   )
@@ -3420,6 +3884,7 @@ h6 {
   > td {
   border-width: 0 0 0 1px;
 }
+
 .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(
     .p-datatable-tfoot
   )
@@ -3428,54 +3893,68 @@ h6 {
   > td:last-child {
   border-width: 0 1px 0 1px;
 }
+
 .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
   background: var(--htwk-grau-120);
 }
+
 .p-datatable.p-datatable-striped
   .p-datatable-tbody
   > tr:nth-child(even).p-highlight {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-datatable.p-datatable-striped
   .p-datatable-tbody
   > tr:nth-child(even).p-highlight
   .p-row-toggler {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-datatable.p-datatable-striped
   .p-datatable-tbody
   > tr:nth-child(even).p-highlight
   .p-row-toggler:hover {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-datatable.p-datatable-sm .p-datatable-header {
   padding: 0.5rem 0.5rem;
 }
+
 .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
   padding: 0.5rem 0.5rem;
 }
+
 .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
   padding: 0.5rem 0.5rem;
 }
+
 .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
   padding: 0.5rem 0.5rem;
 }
+
 .p-datatable.p-datatable-sm .p-datatable-footer {
   padding: 0.5rem 0.5rem;
 }
+
 .p-datatable.p-datatable-lg .p-datatable-header {
   padding: 1.25rem 1.25rem;
 }
+
 .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
   padding: 1.25rem 1.25rem;
 }
+
 .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
   padding: 1.25rem 1.25rem;
 }
+
 .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
   padding: 1.25rem 1.25rem;
 }
+
 .p-datatable.p-datatable-lg .p-datatable-footer {
   padding: 1.25rem 1.25rem;
 }
@@ -3484,10 +3963,12 @@ h6 {
   border-width: 1px 0 1px 0;
   border-radius: 0;
 }
+
 .p-dataview .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
+
 .p-dataview .p-dataview-header {
   background: var(--htwk-grau); /*#071426*/
   color: rgba(255, 255, 255, 0.6);
@@ -3496,16 +3977,19 @@ h6 {
   padding: 1rem 1rem;
   font-weight: 700;
 }
+
 .p-dataview .p-dataview-content {
   background: var(--htwk-grau); /*#071426*/
   color: rgba(255, 255, 255, 0.87);
   border: 0 none;
   padding: 0;
 }
+
 .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
   border: solid var(--htwk-grau-140); /*#0b213f*/
   border-width: 0 0 1px 0;
 }
+
 .p-dataview .p-dataview-footer {
   background: var(--htwk-grau); /*#071426*/
   color: rgba(255, 255, 255, 0.87);
@@ -3534,21 +4018,25 @@ h6 {
     color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-column-filter-menu-button:hover {
   color: rgba(255, 255, 255, 0.87);
   border-color: transparent;
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-column-filter-menu-button.p-column-filter-menu-button-open,
 .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-column-filter-menu-button.p-column-filter-menu-button-active,
 .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-column-filter-menu-button:focus {
   outline: 0 none;
   outline-offset: 0;
@@ -3567,11 +4055,13 @@ h6 {
     color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-column-filter-clear-button:hover {
   color: rgba(255, 255, 255, 0.87);
   border-color: transparent;
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-column-filter-clear-button:focus {
   outline: 0 none;
   outline-offset: 0;
@@ -3589,9 +4079,11 @@ h6 {
     0 1px 10px 0 rgba(0, 0, 0, 0.12);
   min-width: 12.5rem;
 }
+
 .p-column-filter-overlay .p-column-filter-row-items {
   padding: 0.75rem 0;
 }
+
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
   margin: 0;
   padding: 0.75rem 1.25rem;
@@ -3601,18 +4093,21 @@ h6 {
   transition: box-shadow 0.2s;
   border-radius: 0;
 }
+
 .p-column-filter-overlay
   .p-column-filter-row-items
   .p-column-filter-row-item.p-highlight {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-column-filter-overlay
   .p-column-filter-row-items
   .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-column-filter-overlay
   .p-column-filter-row-items
   .p-column-filter-row-item:focus {
@@ -3620,6 +4115,7 @@ h6 {
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.15rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
   border-top: 1px solid var(--htwk-grau-140); /*#0b213f*/
   margin: 0.25rem 0;
@@ -3634,26 +4130,32 @@ h6 {
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
 }
+
 .p-column-filter-overlay-menu .p-column-filter-constraint {
   padding: 1.25rem;
   border-bottom: 1px solid var(--htwk-grau-140); /*#0b213f*/
 }
+
 .p-column-filter-overlay-menu
   .p-column-filter-constraint
   .p-column-filter-matchmode-dropdown {
   margin-bottom: 0.5rem;
 }
+
 .p-column-filter-overlay-menu
   .p-column-filter-constraint
   .p-column-filter-remove-button {
   margin-top: 0.5rem;
 }
+
 .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
   border-bottom: 0 none;
 }
+
 .p-column-filter-overlay-menu .p-column-filter-add-rule {
   padding: 0.75rem 1.25rem;
 }
+
 .p-column-filter-overlay-menu .p-column-filter-buttonbar {
   padding: 1.25rem;
 }
@@ -3662,33 +4164,41 @@ h6 {
   /* FullCalendar 4 */
   /* FullCalendar 5 */
 }
+
 .fc.fc-unthemed .fc-view-container th {
   background: var(--htwk-grau); /*#071426*/
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .fc.fc-unthemed .fc-view-container td.fc-widget-content {
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .fc.fc-unthemed .fc-view-container td.fc-head-container {
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
 }
+
 .fc.fc-unthemed .fc-view-container .fc-view {
   background: var(--htwk-grau); /*#071426*/
 }
+
 .fc.fc-unthemed .fc-view-container .fc-row {
   border-right: 1px solid var(--htwk-grau); /*#0b213f*/
 }
+
 .fc.fc-unthemed .fc-view-container .fc-event {
   background: var(--button-primary);
   border: 1px solid var(--button-tertiary);
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .fc.fc-unthemed .fc-view-container .fc-divider {
   background: var(--htwk-grau); /*#071426*/
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
 }
+
 .fc.fc-unthemed .fc-toolbar .fc-button {
   color: var(--htwk-schwarz); /*#1c2127*/
   background: var(--htwk-yellow); /*#93c5fd*/
@@ -3703,42 +4213,51 @@ h6 {
   display: flex;
   align-items: center;
 }
+
 .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
   background: var(--button-primary);
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: var(--button-tertiary);
 }
+
 .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
   background: var(--button-primary);
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: var(--button-primary-border);
 }
+
 .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
   font-size: 1rem;
 }
+
 .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "\e900";
 }
+
 .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
   font-size: 1rem;
 }
+
 .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "\e901";
 }
+
 .fc.fc-unthemed .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button,
 .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button,
 .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
@@ -3751,6 +4270,7 @@ h6 {
     border-color 0.2s,
     box-shadow 0.2s;
 }
+
 .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
 .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
 .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
@@ -3758,6 +4278,7 @@ h6 {
   border-color: var(--htwk-grau-140); /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
 .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
 .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
@@ -3765,6 +4286,7 @@ h6 {
   border-color: var(--htwk-yellow); /*#93c5fd*/
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .fc.fc-unthemed
   .fc-toolbar
   .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
@@ -3778,6 +4300,7 @@ h6 {
   border-color: var(--button-tertiary);
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus,
 .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus,
 .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
@@ -3786,42 +4309,52 @@ h6 {
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   z-index: 1;
 }
+
 .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
   border-radius: 0;
 }
+
 .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+
 .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
 }
+
 .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
   border-color: var(--htwk-grau-140); /*#0b213f*/
 }
+
 .fc.fc-theme-standard .fc-view-harness th {
   background: var(--htwk-grau); /*#071426*/
   border-color: var(--htwk-grau-140); /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .fc.fc-theme-standard .fc-view-harness td {
   color: rgba(255, 255, 255, 0.87);
   border-color: var(--htwk-grau-140); /*#0b213f*/
 }
+
 .fc.fc-theme-standard .fc-view-harness .fc-view {
   background: var(--htwk-grau); /*#071426*/
 }
+
 .fc.fc-theme-standard .fc-view-harness .fc-popover {
   background: none;
   border: 0 none;
 }
+
 .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
   padding: 1.25rem;
   background: var(--htwk-grau); /*#071426*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .fc.fc-theme-standard
   .fc-view-harness
   .fc-popover
@@ -3845,6 +4378,7 @@ h6 {
     color 0.2s,
     box-shadow 0.2s;
 }
+
 .fc.fc-theme-standard
   .fc-view-harness
   .fc-popover
@@ -3852,6 +4386,7 @@ h6 {
   .fc-popover-close:before {
   content: "\e90b";
 }
+
 .fc.fc-theme-standard
   .fc-view-harness
   .fc-popover
@@ -3861,6 +4396,7 @@ h6 {
   border-color: transparent;
   background: rgba(255, 255, 255, 0.03);
 }
+
 .fc.fc-theme-standard
   .fc-view-harness
   .fc-popover
@@ -3870,6 +4406,7 @@ h6 {
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
   padding: 1.25rem;
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
@@ -3877,17 +4414,20 @@ h6 {
   color: rgba(255, 255, 255, 0.87);
   border-top: 0 none;
 }
+
 .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
   color: var(--htwk-schwarz); /*#1c2127*/
   background: var(--button-primary);
   border-color: var(--button-tertiary);
 }
+
 .fc.fc-theme-standard
   .fc-view-harness
   .fc-event.fc-daygrid-block-event
   .fc-event-main {
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .fc.fc-theme-standard
   .fc-view-harness
   .fc-event.fc-daygrid-dot-event
@@ -3895,13 +4435,16 @@ h6 {
   background: var(--button-primary);
   border-color: var(--button-tertiary);
 }
+
 .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
+
 .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
   background: var(--htwk-grau); /*#071426*/
 }
+
 .fc.fc-theme-standard .fc-toolbar .fc-button {
   color: var(--htwk-schwarz); /*#1c2127*/
   background: var(--htwk-yellow); /*#93c5fd*/
@@ -3914,48 +4457,58 @@ h6 {
     box-shadow 0.2s;
   border-radius: 6px;
 }
+
 .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
   background: var(--button-tertiary);
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: var(--button-tertiary);
 }
+
 .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
   background: var(--button-secondary);
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: var(--button-primary-border);
 }
+
 .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
   opacity: 0.4;
   color: var(--htwk-schwarz); /*#1c2127*/
   background: var(--htwk-yellow); /*#93c5fd*/
   border: 1px solid var(--htwk-yellow); /*#93c5fd*/
 }
+
 .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
   font-size: 1rem;
 }
+
 .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
   content: "\e900";
 }
+
 .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
   font-family: "PrimeIcons" !important;
   text-indent: 0;
   font-size: 1rem;
 }
+
 .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
   content: "\e901";
 }
+
 .fc.fc-theme-standard .fc-toolbar .fc-button:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button,
 .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button,
 .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
@@ -3968,6 +4521,7 @@ h6 {
     border-color 0.2s,
     box-shadow 0.2s;
 }
+
 .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
 .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
 .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
@@ -3975,6 +4529,7 @@ h6 {
   border-color: var(--htwk-grau-140); /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .fc.fc-theme-standard
   .fc-toolbar
   .fc-button.fc-dayGridMonth-button.fc-button-active,
@@ -3988,6 +4543,7 @@ h6 {
   border-color: var(--htwk-yellow); /*#93c5fd*/
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .fc.fc-theme-standard
   .fc-toolbar
   .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
@@ -4001,6 +4557,7 @@ h6 {
   border-color: var(--button-tertiary);
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .fc.fc-theme-standard
   .fc-toolbar
   .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
@@ -4015,17 +4572,21 @@ h6 {
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   z-index: 1;
 }
+
 .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
   border-radius: 0;
 }
+
 .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+
 .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
 }
+
 .fc.fc-theme-standard .fc-highlight {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
@@ -4034,9 +4595,11 @@ h6 {
 .p-orderlist .p-orderlist-controls {
   padding: 1.25rem;
 }
+
 .p-orderlist .p-orderlist-controls .p-button {
   margin-bottom: 0.5rem;
 }
+
 .p-orderlist .p-orderlist-header {
   background: var(--htwk-grau); /*#071426*/
   color: rgba(255, 255, 255, 0.87);
@@ -4047,6 +4610,7 @@ h6 {
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
 }
+
 .p-orderlist .p-orderlist-list {
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
   background: var(--htwk-grau); /*#071426*/
@@ -4056,6 +4620,7 @@ h6 {
   border-bottom-left-radius: 6px;
   outline: 0 none;
 }
+
 .p-orderlist .p-orderlist-list .p-orderlist-item {
   padding: 0.75rem 1.25rem;
   margin: 0;
@@ -4066,26 +4631,32 @@ h6 {
     transform 0.2s,
     box-shadow 0.2s;
 }
+
 .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
   color: rgba(255, 255, 255, 0.87);
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
   background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
 }
+
 .p-orderlist.p-orderlist-striped
   .p-orderlist-list
   .p-orderlist-item:nth-child(even) {
   background: rgba(255, 255, 255, 0.01);
 }
+
 .p-orderlist.p-orderlist-striped
   .p-orderlist-list
   .p-orderlist-item:nth-child(even):hover {
@@ -4099,38 +4670,46 @@ h6 {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-organizationchart .p-organizationchart-node-content.p-highlight {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-organizationchart
   .p-organizationchart-node-content.p-highlight
   .p-node-toggler
   i {
   color: rgba(22, 130, 251, 0.16);
 }
+
 .p-organizationchart .p-organizationchart-line-down {
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-organizationchart .p-organizationchart-line-left {
   border-right: 1px solid var(--htwk-grau-140); /*#0b213f*/
   border-color: var(--htwk-grau-140); /*#0b213f*/
 }
+
 .p-organizationchart .p-organizationchart-line-top {
   border-top: 1px solid var(--htwk-grau-140); /*#0b213f*/
   border-color: var(--htwk-grau-140); /*#0b213f*/
 }
+
 .p-organizationchart .p-organizationchart-node-content {
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
   background: var(--htwk-grau); /*#071426*/
   color: rgba(255, 255, 255, 0.87);
   padding: 1.25rem;
 }
+
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
   background: inherit;
   color: inherit;
   border-radius: 50%;
 }
+
 .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
@@ -4145,6 +4724,7 @@ h6 {
   padding: 0.5rem 1rem;
   border-radius: 6px;
 }
+
 .p-paginator .p-paginator-first,
 .p-paginator .p-paginator-prev,
 .p-paginator .p-paginator-next,
@@ -4158,6 +4738,7 @@ h6 {
   transition: box-shadow 0.2s;
   border-radius: 6px;
 }
+
 .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
 .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
 .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
@@ -4166,29 +4747,36 @@ h6 {
   border-color: transparent;
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-paginator .p-paginator-first {
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+
 .p-paginator .p-paginator-last {
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
 }
+
 .p-paginator .p-dropdown {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
   height: 3rem;
 }
+
 .p-paginator .p-dropdown .p-dropdown-label {
   padding-right: 0;
 }
+
 .p-paginator .p-paginator-page-input {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
 }
+
 .p-paginator .p-paginator-page-input .p-inputtext {
   max-width: 3rem;
 }
+
 .p-paginator .p-paginator-current {
   background-color: transparent;
   border: 0 none;
@@ -4198,6 +4786,7 @@ h6 {
   margin: 0.143rem;
   padding: 0 0.5rem;
 }
+
 .p-paginator .p-paginator-pages .p-paginator-page {
   background-color: transparent;
   border: 0 none;
@@ -4208,11 +4797,13 @@ h6 {
   transition: box-shadow 0.2s;
   border-radius: 6px;
 }
+
 .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   border-color: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.03);
   border-color: transparent;
@@ -4222,9 +4813,11 @@ h6 {
 .p-picklist .p-picklist-buttons {
   padding: 1.25rem;
 }
+
 .p-picklist .p-picklist-buttons .p-button {
   margin-bottom: 0.5rem;
 }
+
 .p-picklist .p-picklist-header {
   background: var(--htwk-grau); /*#071426*/
   color: rgba(255, 255, 255, 0.87);
@@ -4235,6 +4828,7 @@ h6 {
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
 }
+
 .p-picklist .p-picklist-list {
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
   background: var(--htwk-grau); /*#071426*/
@@ -4244,6 +4838,7 @@ h6 {
   border-bottom-left-radius: 6px;
   outline: 0 none;
 }
+
 .p-picklist .p-picklist-list .p-picklist-item {
   padding: 0.75rem 1.25rem;
   margin: 0;
@@ -4254,26 +4849,32 @@ h6 {
     transform 0.2s,
     box-shadow 0.2s;
 }
+
 .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-picklist .p-picklist-list .p-picklist-item.p-focus {
   color: rgba(255, 255, 255, 0.87);
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
   background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
 }
+
 .p-picklist.p-picklist-striped
   .p-picklist-list
   .p-picklist-item:nth-child(even) {
   background: rgba(255, 255, 255, 0.01);
 }
+
 .p-picklist.p-picklist-striped
   .p-picklist-list
   .p-picklist-item:nth-child(even):hover {
@@ -4287,20 +4888,25 @@ h6 {
   height: 1rem;
   background-color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-timeline .p-timeline-event-connector {
   background-color: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
 .p-timeline.p-timeline-vertical .p-timeline-event-content {
   padding: 0 1rem;
 }
+
 .p-timeline.p-timeline-vertical .p-timeline-event-connector {
   width: 2px;
 }
+
 .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
 .p-timeline.p-timeline-horizontal .p-timeline-event-content {
   padding: 1rem 0;
 }
+
 .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
   height: 2px;
 }
@@ -4312,20 +4918,24 @@ h6 {
   padding: 1.25rem;
   border-radius: 6px;
 }
+
 .p-tree .p-tree-container .p-treenode {
   padding: 0.143rem;
   outline: 0 none;
 }
+
 .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.15rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 6px;
   transition: box-shadow 0.2s;
   padding: 0.5rem;
 }
+
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
   margin-right: 0.5rem;
   width: 2rem;
@@ -4339,6 +4949,7 @@ h6 {
     color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-tree
   .p-tree-container
   .p-treenode
@@ -4348,6 +4959,7 @@ h6 {
   border-color: transparent;
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-tree
   .p-tree-container
   .p-treenode
@@ -4357,13 +4969,16 @@ h6 {
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
   margin-right: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
   margin-right: 0.5rem;
 }
+
 .p-tree
   .p-tree-container
   .p-treenode
@@ -4373,10 +4988,12 @@ h6 {
   .p-checkbox-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-tree
   .p-tree-container
   .p-treenode
@@ -4389,6 +5006,7 @@ h6 {
   .p-treenode-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-tree
   .p-tree-container
   .p-treenode
@@ -4401,6 +5019,7 @@ h6 {
   .p-treenode-icon:hover {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-tree
   .p-tree-container
   .p-treenode
@@ -4408,23 +5027,29 @@ h6 {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-tree .p-tree-filter-container {
   margin-bottom: 0.5rem;
 }
+
 .p-tree .p-tree-filter-container .p-tree-filter {
   width: 100%;
   padding-right: 1.75rem;
 }
+
 .p-tree .p-tree-filter-container .p-tree-filter-icon {
   right: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-tree .p-treenode-children {
   padding: 0 0 0 1rem;
 }
+
 .p-tree .p-tree-loading-icon {
   font-size: 2rem;
 }
+
 .p-tree .p-tree-loading-icon.p-icon {
   width: 2rem;
   height: 2rem;
@@ -4434,10 +5059,12 @@ h6 {
   border-width: 1px 0 1px 0;
   border-radius: 0;
 }
+
 .p-treetable .p-paginator-bottom {
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
+
 .p-treetable .p-treetable-header {
   background: var(--htwk-grau); /*#071426*/
   color: rgba(255, 255, 255, 0.6);
@@ -4446,6 +5073,7 @@ h6 {
   padding: 1rem 1rem;
   font-weight: 700;
 }
+
 .p-treetable .p-treetable-footer {
   background: var(--htwk-grau); /*#071426*/
   color: rgba(255, 255, 255, 0.87);
@@ -4454,6 +5082,7 @@ h6 {
   padding: 1rem 1rem;
   font-weight: 700;
 }
+
 .p-treetable .p-treetable-thead > tr > th {
   text-align: left;
   padding: 1rem 1rem;
@@ -4464,6 +5093,7 @@ h6 {
   background: var(--htwk-grau); /*#071426*/
   transition: box-shadow 0.2s;
 }
+
 .p-treetable .p-treetable-tfoot > tr > td {
   text-align: left;
   padding: 1rem 1rem;
@@ -4473,13 +5103,16 @@ h6 {
   color: rgba(255, 255, 255, 0.87);
   background: var(--htwk-grau); /*#071426*/
 }
+
 .p-treetable .p-sortable-column {
   outline-color: rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-treetable .p-sortable-column .p-sortable-column-icon {
   color: rgba(255, 255, 255, 0.6);
   margin-left: 0.5rem;
 }
+
 .p-treetable .p-sortable-column .p-sortable-column-badge {
   border-radius: 50%;
   height: 1.143rem;
@@ -4489,33 +5122,40 @@ h6 {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   margin-left: 0.5rem;
 }
+
 .p-treetable .p-sortable-column:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-treetable
   .p-sortable-column:not(.p-highlight):hover
   .p-sortable-column-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-treetable .p-sortable-column.p-highlight {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-treetable .p-treetable-tbody > tr {
   background: var(--htwk-grau); /*#071426*/
   color: rgba(255, 255, 255, 0.87);
   transition: box-shadow 0.2s;
 }
+
 .p-treetable .p-treetable-tbody > tr > td {
   text-align: left;
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
   border-width: 0 0 1px 0;
   padding: 1rem 1rem;
 }
+
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   width: 2rem;
   height: 2rem;
@@ -4529,19 +5169,23 @@ h6 {
     box-shadow 0.2s;
   margin-right: 0.5rem;
 }
+
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
   color: rgba(255, 255, 255, 0.87);
   border-color: transparent;
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
   margin-right: 0.5rem;
 }
+
 .p-treetable
   .p-treetable-tbody
   > tr
@@ -4552,94 +5196,121 @@ h6 {
   .p-checkbox-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-treetable .p-treetable-tbody > tr:focus {
   outline: 0.15rem solid rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
   outline-offset: -0.15rem;
 }
+
 .p-treetable .p-treetable-tbody > tr.p-highlight {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-treetable.p-treetable-hoverable-rows
   .p-treetable-tbody
   > tr:not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-treetable.p-treetable-hoverable-rows
   .p-treetable-tbody
   > tr:not(.p-highlight):hover
   .p-treetable-toggler {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-treetable .p-column-resizer-helper {
   background: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-treetable .p-treetable-scrollable-header,
 .p-treetable .p-treetable-scrollable-footer {
   background: var(--htwk-grau); /*#071426*/
 }
+
 .p-treetable .p-treetable-loading-icon {
   font-size: 2rem;
 }
+
 .p-treetable .p-treetable-loading-icon.p-icon {
   width: 2rem;
   height: 2rem;
 }
+
 .p-treetable.p-treetable-gridlines .p-datatable-header {
   border-width: 1px 1px 0 1px;
 }
+
 .p-treetable.p-treetable-gridlines .p-treetable-footer {
   border-width: 0 1px 1px 1px;
 }
+
 .p-treetable.p-treetable-gridlines .p-treetable-top {
   border-width: 0 1px 0 1px;
 }
+
 .p-treetable.p-treetable-gridlines .p-treetable-bottom {
   border-width: 0 1px 1px 1px;
 }
+
 .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
   border-width: 1px;
 }
+
 .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
   border-width: 1px;
 }
+
 .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
   border-width: 1px;
 }
+
 .p-treetable.p-treetable-sm .p-treetable-header {
   padding: 0.875rem 0.875rem;
 }
+
 .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
   padding: 0.5rem 0.5rem;
 }
+
 .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
   padding: 0.5rem 0.5rem;
 }
+
 .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
   padding: 0.5rem 0.5rem;
 }
+
 .p-treetable.p-treetable-sm .p-treetable-footer {
   padding: 0.5rem 0.5rem;
 }
+
 .p-treetable.p-treetable-lg .p-treetable-header {
   padding: 1.25rem 1.25rem;
 }
+
 .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
   padding: 1.25rem 1.25rem;
 }
+
 .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
   padding: 1.25rem 1.25rem;
 }
+
 .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
   padding: 1.25rem 1.25rem;
 }
+
 .p-treetable.p-treetable-lg .p-treetable-footer {
   padding: 1.25rem 1.25rem;
 }
@@ -4653,12 +5324,14 @@ h6 {
   border-radius: 6px;
   transition: box-shadow 0.2s;
 }
+
 .p-accordion
   .p-accordion-header
   .p-accordion-header-link
   .p-accordion-toggle-icon {
   margin-right: 0.5rem;
 }
+
 .p-accordion
   .p-accordion-header:not(.p-disabled)
   .p-accordion-header-link:focus {
@@ -4666,6 +5339,7 @@ h6 {
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-accordion
   .p-accordion-header:not(.p-highlight):not(.p-disabled):hover
   .p-accordion-header-link {
@@ -4673,6 +5347,7 @@ h6 {
   border-color: var(--htwk-grau-140); /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-accordion
   .p-accordion-header:not(.p-disabled).p-highlight
   .p-accordion-header-link {
@@ -4682,6 +5357,7 @@ h6 {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
+
 .p-accordion
   .p-accordion-header:not(.p-disabled).p-highlight:hover
   .p-accordion-header-link {
@@ -4689,6 +5365,7 @@ h6 {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-accordion .p-accordion-content {
   padding: 1.25rem;
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
@@ -4700,6 +5377,7 @@ h6 {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+
 .p-accordion .p-accordion-tab {
   margin-bottom: 4px;
 }
@@ -4713,22 +5391,27 @@ h6 {
     0 1px 3px 0 rgba(0, 0, 0, 0.12);
   border-radius: 6px;
 }
+
 .p-card .p-card-body {
   padding: 1.25rem;
 }
+
 .p-card .p-card-title {
   font-size: 1.5rem;
   font-weight: 700;
   margin-bottom: 0.5rem;
 }
+
 .p-card .p-card-subtitle {
   font-weight: 400;
   margin-bottom: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-card .p-card-content {
   padding: 1.25rem 0;
 }
+
 .p-card .p-card-footer {
   padding: 1.25rem 0 0 0;
 }
@@ -4739,6 +5422,7 @@ h6 {
   color: rgba(255, 255, 255, 0.87);
   border-radius: 6px;
 }
+
 .p-fieldset .p-fieldset-legend {
   padding: 1.25rem;
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
@@ -4747,6 +5431,7 @@ h6 {
   font-weight: 700;
   border-radius: 6px;
 }
+
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
   padding: 0;
   transition:
@@ -4754,28 +5439,34 @@ h6 {
     color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
   padding: 1.25rem;
   color: rgba(255, 255, 255, 0.87);
   border-radius: 6px;
   transition: box-shadow 0.2s;
 }
+
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
   margin-right: 0.5rem;
 }
+
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
   background: rgba(255, 255, 255, 0.03);
   border-color: var(--htwk-grau-140); /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-fieldset .p-fieldset-content {
   padding: 1.25rem;
 }
@@ -4783,23 +5474,29 @@ h6 {
 .p-divider .p-divider-content {
   background-color: var(--htwk-grau); /*#071426*/
 }
+
 .p-divider.p-divider-horizontal {
   margin: 1.25rem 0;
   padding: 0 1.25rem;
 }
+
 .p-divider.p-divider-horizontal:before {
   border-top: 1px var(--htwk-grau); /*#0b213f*/
 }
+
 .p-divider.p-divider-horizontal .p-divider-content {
   padding: 0 0.5rem;
 }
+
 .p-divider.p-divider-vertical {
   margin: 0 1.25rem;
   padding: 1.25rem 0;
 }
+
 .p-divider.p-divider-vertical:before {
   border-left: 1px var(--htwk-grau); /*#0b213f*/
 }
+
 .p-divider.p-divider-vertical .p-divider-content {
   padding: 0.5rem 0;
 }
@@ -4812,9 +5509,11 @@ h6 {
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
 }
+
 .p-panel .p-panel-header .p-panel-title {
   font-weight: 700;
 }
+
 .p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
@@ -4827,19 +5526,23 @@ h6 {
     color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
   color: rgba(255, 255, 255, 0.87);
   border-color: transparent;
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.75rem 1.25rem;
 }
+
 .p-panel .p-panel-content {
   padding: 1.25rem;
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
@@ -4847,10 +5550,12 @@ h6 {
   color: rgba(255, 255, 255, 0.87);
   border-top: 0 none;
 }
+
 .p-panel .p-panel-content:last-child {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+
 .p-panel .p-panel-footer {
   padding: 0.75rem 1.25rem;
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
@@ -4870,6 +5575,7 @@ h6 {
     border-color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-scrollpanel .p-scrollpanel-bar:focus {
   outline: 0 none;
   outline-offset: 0;
@@ -4882,6 +5588,7 @@ h6 {
   border-radius: 6px;
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-splitter .p-splitter-gutter {
   transition:
     background-color 0.2s,
@@ -4889,6 +5596,7 @@ h6 {
     box-shadow 0.2s;
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
   background: var(--htwk-grau); /*#0b213f*/
   transition:
@@ -4897,11 +5605,13 @@ h6 {
     border-color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-splitter .p-splitter-gutter-resizing {
   background: var(--htwk-grau); /*#0b213f*/
 }
@@ -4911,9 +5621,11 @@ h6 {
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
   border-width: 0 0 2px 0;
 }
+
 .p-tabview .p-tabview-nav li {
   margin-right: 0;
 }
+
 .p-tabview .p-tabview-nav li .p-tabview-nav-link {
   border: solid var(--htwk-grau-140); /*#0b213f*/
   border-width: 0 0 2px 0;
@@ -4927,11 +5639,13 @@ h6 {
   transition: box-shadow 0.2s;
   margin: 0 0 -2px 0;
 }
+
 .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-tabview
   .p-tabview-nav
   li:not(.p-highlight):not(.p-disabled):hover
@@ -4940,11 +5654,13 @@ h6 {
   border-color: var(--htwk-yellow); /*#93c5fd*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
   background: var(--htwk-grau); /*#071426*/
   border-color: var(--htwk-yellow); /*#93c5fd*/
   color: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-tabview .p-tabview-nav-btn.p-link {
   background: var(--htwk-grau); /*#071426*/
   color: var(--htwk-yellow); /*#93c5fd*/
@@ -4955,11 +5671,13 @@ h6 {
     0px 1px 5px 0px rgba(0, 0, 0, 0.12);
   border-radius: 0;
 }
+
 .p-tabview .p-tabview-nav-btn.p-link:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-tabview .p-tabview-panels {
   background: var(--htwk-grau); /*#071426*/
   padding: 1.25rem;
@@ -4976,6 +5694,7 @@ h6 {
   border-radius: 6px;
   gap: 0.5rem;
 }
+
 .p-toolbar .p-toolbar-separator {
   margin: 0 0.5rem;
 }
@@ -4990,43 +5709,54 @@ h6 {
     0px 24px 38px 3px rgba(0, 0, 0, 0.14),
     0px 9px 46px 8px rgba(0, 0, 0, 0.12);
 }
+
 .p-confirm-popup .p-confirm-popup-content {
   padding: 1.25rem;
 }
+
 .p-confirm-popup .p-confirm-popup-footer {
   text-align: right;
   padding: 0 1.25rem 1.25rem 1.25rem;
 }
+
 .p-confirm-popup .p-confirm-popup-footer button {
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+
 .p-confirm-popup .p-confirm-popup-footer button:last-child {
   margin: 0;
 }
+
 .p-confirm-popup:after {
   border: solid transparent;
   border-color: rgba(7, 20, 38, 0);
   border-bottom-color: var(--htwk-grau); /*#071426*/
 }
+
 .p-confirm-popup:before {
   border: solid transparent;
   border-color: rgba(11, 33, 63, 0);
   border-bottom-color: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-confirm-popup.p-confirm-popup-flipped:after {
   border-top-color: var(--htwk-grau); /*#071426*/
 }
+
 .p-confirm-popup.p-confirm-popup-flipped:before {
   border-top-color: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-confirm-popup .p-confirm-popup-icon {
   font-size: 1.5rem;
 }
+
 .p-confirm-popup .p-confirm-popup-icon.p-icon {
   width: 1.5rem;
   height: 1.5rem;
 }
+
 .p-confirm-popup .p-confirm-popup-message {
   margin-left: 1rem;
 }
@@ -5039,6 +5769,7 @@ h6 {
     0px 9px 46px 8px rgba(0, 0, 0, 0.12);
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
 }
+
 .p-dialog .p-dialog-header {
   border-bottom: 0 none;
   background: var(--htwk-grau); /*#071426*/
@@ -5047,10 +5778,12 @@ h6 {
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
 }
+
 .p-dialog .p-dialog-header .p-dialog-title {
   font-weight: 700;
   font-size: 1.25rem;
 }
+
 .p-dialog .p-dialog-header .p-dialog-header-icon {
   width: 2rem;
   height: 2rem;
@@ -5064,28 +5797,34 @@ h6 {
     box-shadow 0.2s;
   margin-right: 0.5rem;
 }
+
 .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
   color: rgba(255, 255, 255, 0.87);
   border-color: transparent;
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
   margin-right: 0;
 }
+
 .p-dialog .p-dialog-content {
   background: var(--htwk-grau); /*#071426*/
   color: rgba(255, 255, 255, 0.87);
   padding: 0 1.5rem 2rem 1.5rem;
 }
+
 .p-dialog .p-dialog-content:last-of-type {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+
 .p-dialog .p-dialog-footer {
   border-top: 0 none;
   background: var(--htwk-grau); /*#071426*/
@@ -5095,13 +5834,16 @@ h6 {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+
 .p-dialog .p-dialog-footer button {
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }
+
 .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
   margin-left: 1rem;
 }
@@ -5116,9 +5858,11 @@ h6 {
     0px 24px 38px 3px rgba(0, 0, 0, 0.14),
     0px 9px 46px 8px rgba(0, 0, 0, 0.12);
 }
+
 .p-overlaypanel .p-overlaypanel-content {
   padding: 1.25rem;
 }
+
 .p-overlaypanel .p-overlaypanel-close {
   background: var(--htwk-yellow); /*#93c5fd*/
   color: var(--htwk-schwarz); /*#1c2127*/
@@ -5133,23 +5877,28 @@ h6 {
   top: -1rem;
   right: -1rem;
 }
+
 .p-overlaypanel .p-overlaypanel-close:enabled:hover {
   background: var(--button-tertiary);
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-overlaypanel:after {
   border: solid transparent;
   border-color: rgba(7, 20, 38, 0);
   border-bottom-color: var(--htwk-grau); /*#071426*/
 }
+
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(11, 33, 63, 0);
   border-bottom-color: #0a1f3c;
 }
+
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: var(--htwk-grau); /*#071426*/
 }
+
 .p-overlaypanel.p-overlaypanel-flipped:before {
   border-top-color: var(--htwk-grau); /*#0b213f*/
 }
@@ -5163,9 +5912,11 @@ h6 {
     0px 24px 38px 3px rgba(0, 0, 0, 0.14),
     0px 9px 46px 8px rgba(0, 0, 0, 0.12);
 }
+
 .p-sidebar .p-sidebar-header {
   padding: 1.25rem;
 }
+
 .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
   width: 2rem;
@@ -5179,21 +5930,25 @@ h6 {
     color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
 .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
   color: rgba(255, 255, 255, 0.87);
   border-color: transparent;
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
 .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-sidebar .p-sidebar-header + .p-sidebar-content {
   padding-top: 0;
 }
+
 .p-sidebar .p-sidebar-content {
   padding: 1.25rem;
 }
@@ -5208,15 +5963,19 @@ h6 {
     0 1px 10px 0 rgba(0, 0, 0, 0.12);
   border-radius: 6px;
 }
+
 .p-tooltip.p-tooltip-right .p-tooltip-arrow {
   border-right-color: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-tooltip.p-tooltip-left .p-tooltip-arrow {
   border-left-color: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-tooltip.p-tooltip-top .p-tooltip-arrow {
   border-top-color: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
   border-bottom-color: var(--htwk-grau); /*#0b213f*/
 }
@@ -5231,11 +5990,13 @@ h6 {
   border-top-left-radius: 6px;
   gap: 0.5rem;
 }
+
 .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-fileupload .p-fileupload-content {
   background: var(--htwk-grau); /*#071426*/
   padding: 2rem 1rem;
@@ -5244,6 +6005,7 @@ h6 {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+
 .p-fileupload .p-fileupload-content.p-fileupload-highlight {
   border: 1px dashed var(--htwk-yellow); /*#93c5fd*/
   background-color: rgba(
@@ -5251,6 +6013,7 @@ h6 {
     0.16
   ); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
@@ -5258,21 +6021,27 @@ h6 {
   gap: 0.5rem;
   margin-bottom: 0.5rem;
 }
+
 .p-fileupload .p-fileupload-file:last-child {
   margin-bottom: 0;
 }
+
 .p-fileupload .p-fileupload-file-name {
   margin-bottom: 0.5rem;
 }
+
 .p-fileupload .p-fileupload-file-size {
   margin-right: 0.5rem;
 }
+
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+
 .p-fileupload .p-fileupload-row > div {
   padding: 1rem 1rem;
 }
+
 .p-fileupload.p-fileupload-advanced .p-message {
   margin-top: 0;
 }
@@ -5282,6 +6051,7 @@ h6 {
   color: var(--htwk-schwarz); /*#1c2127*/
   border-color: var(--button-tertiary);
 }
+
 .p-fileupload-choose:not(.p-disabled):active {
   background: var(--button-primary);
   color: var(--htwk-schwarz); /*#1c2127*/
@@ -5294,28 +6064,35 @@ h6 {
   border-radius: 6px;
   padding: 1rem;
 }
+
 .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
   transition: box-shadow 0.2s;
   border-radius: 6px;
 }
+
 .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
   margin: 0 0.5rem 0 0.5rem;
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
   color: rgba(255, 255, 255, 0.6);
 }
@@ -5332,9 +6109,11 @@ h6 {
   border-radius: 6px;
   width: 12.5rem;
 }
+
 .p-contextmenu .p-contextmenu-root-list {
   outline: 0 none;
 }
+
 .p-contextmenu .p-submenu-list {
   padding: 0.25rem 0;
   background: var(--htwk-grau); /*#091a32*/
@@ -5345,16 +6124,19 @@ h6 {
     0 1px 10px 0 rgba(0, 0, 0, 0.12);
   border-radius: 6px;
 }
+
 .p-contextmenu .p-menuitem > .p-menuitem-content {
   color: rgba(255, 255, 255, 0.87);
   transition: box-shadow 0.2s;
   border-radius: 0;
 }
+
 .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
   color: rgba(255, 255, 255, 0.87);
   padding: 0.75rem 1.25rem;
   user-select: none;
 }
+
 .p-contextmenu
   .p-menuitem
   > .p-menuitem-content
@@ -5362,6 +6144,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-contextmenu
   .p-menuitem
   > .p-menuitem-content
@@ -5370,6 +6153,7 @@ h6 {
   color: rgba(255, 255, 255, 0.6);
   margin-right: 0.5rem;
 }
+
 .p-contextmenu
   .p-menuitem
   > .p-menuitem-content
@@ -5377,10 +6161,12 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-contextmenu
   .p-menuitem.p-highlight
   > .p-menuitem-content
@@ -5388,6 +6174,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-contextmenu
   .p-menuitem.p-highlight
   > .p-menuitem-content
@@ -5400,15 +6187,18 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
   background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
 }
+
 .p-contextmenu
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
   > .p-menuitem-content {
   color: rgba(255, 255, 255, 0.87);
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-contextmenu
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
   > .p-menuitem-content
@@ -5416,6 +6206,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-contextmenu
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
   > .p-menuitem-content
@@ -5428,12 +6219,14 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-contextmenu
   .p-menuitem:not(.p-highlight):not(.p-disabled)
   > .p-menuitem-content:hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-contextmenu
   .p-menuitem:not(.p-highlight):not(.p-disabled)
   > .p-menuitem-content:hover
@@ -5441,6 +6234,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-contextmenu
   .p-menuitem:not(.p-highlight):not(.p-disabled)
   > .p-menuitem-content:hover
@@ -5453,13 +6247,16 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-contextmenu .p-menuitem-separator {
   border-top: 1px solid var(--htwk-grau); /*#0b213f*/
   margin: 0.25rem 0;
 }
+
 .p-contextmenu .p-submenu-icon {
   font-size: 0.875rem;
 }
+
 .p-contextmenu .p-submenu-icon.p-icon {
   width: 0.875rem;
   height: 0.875rem;
@@ -5471,50 +6268,60 @@ h6 {
   padding: 0.5rem 0.5rem;
   border-radius: 0.5rem;
 }
+
 .p-dock .p-dock-list-container .p-dock-list {
   outline: 0 none;
 }
+
 .p-dock .p-dock-item {
   padding: 0.5rem;
   border-radius: 6px;
 }
+
 .p-dock .p-dock-item.p-focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.15rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-dock .p-dock-link {
   width: 4rem;
   height: 4rem;
 }
+
 .p-dock.p-dock-top .p-dock-item-second-prev,
 .p-dock.p-dock-top .p-dock-item-second-next,
 .p-dock.p-dock-bottom .p-dock-item-second-prev,
 .p-dock.p-dock-bottom .p-dock-item-second-next {
   margin: 0 0.9rem;
 }
+
 .p-dock.p-dock-top .p-dock-item-prev,
 .p-dock.p-dock-top .p-dock-item-next,
 .p-dock.p-dock-bottom .p-dock-item-prev,
 .p-dock.p-dock-bottom .p-dock-item-next {
   margin: 0 1.3rem;
 }
+
 .p-dock.p-dock-top .p-dock-item-current,
 .p-dock.p-dock-bottom .p-dock-item-current {
   margin: 0 1.5rem;
 }
+
 .p-dock.p-dock-left .p-dock-item-second-prev,
 .p-dock.p-dock-left .p-dock-item-second-next,
 .p-dock.p-dock-right .p-dock-item-second-prev,
 .p-dock.p-dock-right .p-dock-item-second-next {
   margin: 0.9rem 0;
 }
+
 .p-dock.p-dock-left .p-dock-item-prev,
 .p-dock.p-dock-left .p-dock-item-next,
 .p-dock.p-dock-right .p-dock-item-prev,
 .p-dock.p-dock-right .p-dock-item-next {
   margin: 1.3rem 0;
 }
+
 .p-dock.p-dock-left .p-dock-item-current,
 .p-dock.p-dock-right .p-dock-item-current {
   margin: 1.5rem 0;
@@ -5551,19 +6358,23 @@ h6 {
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
   border-radius: 6px;
 }
+
 .p-megamenu .p-megamenu-root-list {
   outline: 0 none;
 }
+
 .p-megamenu .p-menuitem > .p-menuitem-content {
   color: rgba(255, 255, 255, 0.87);
   transition: box-shadow 0.2s;
   border-radius: 0;
 }
+
 .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
   color: rgba(255, 255, 255, 0.87);
   padding: 0.75rem 1.25rem;
   user-select: none;
 }
+
 .p-megamenu
   .p-menuitem
   > .p-menuitem-content
@@ -5571,6 +6382,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-megamenu
   .p-menuitem
   > .p-menuitem-content
@@ -5579,13 +6391,16 @@ h6 {
   color: rgba(255, 255, 255, 0.6);
   margin-right: 0.5rem;
 }
+
 .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-megamenu
   .p-menuitem.p-highlight
   > .p-menuitem-content
@@ -5593,6 +6408,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-megamenu
   .p-menuitem.p-highlight
   > .p-menuitem-content
@@ -5605,15 +6421,18 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
   background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
 }
+
 .p-megamenu
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
   > .p-menuitem-content {
   color: rgba(255, 255, 255, 0.87);
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-megamenu
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
   > .p-menuitem-content
@@ -5621,6 +6440,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-megamenu
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
   > .p-menuitem-content
@@ -5633,12 +6453,14 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-megamenu
   .p-menuitem:not(.p-highlight):not(.p-disabled)
   > .p-menuitem-content:hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-megamenu
   .p-menuitem:not(.p-highlight):not(.p-disabled)
   > .p-menuitem-content:hover
@@ -5646,6 +6468,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-megamenu
   .p-menuitem:not(.p-highlight):not(.p-disabled)
   > .p-menuitem-content:hover
@@ -5658,6 +6481,7 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-megamenu .p-megamenu-panel {
   background: var(--htwk-grau); /*#091a32*/
   color: rgba(255, 255, 255, 0.87);
@@ -5667,6 +6491,7 @@ h6 {
     0 4px 5px 0 rgba(0, 0, 0, 0.14),
     0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+
 .p-megamenu .p-submenu-header {
   margin: 0;
   padding: 0.75rem 1.25rem;
@@ -5676,18 +6501,22 @@ h6 {
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
 }
+
 .p-megamenu .p-submenu-list {
   padding: 0.25rem 0;
   width: 12.5rem;
 }
+
 .p-megamenu .p-submenu-list .p-menuitem-separator {
   border-top: 1px solid var(--htwk-grau); /*#0b213f*/
   margin: 0.25rem 0;
 }
+
 .p-megamenu.p-megamenu-vertical {
   width: 12.5rem;
   padding: 0.25rem 0;
 }
+
 .p-megamenu.p-megamenu-horizontal
   .p-megamenu-root-list
   > .p-menuitem
@@ -5696,6 +6525,7 @@ h6 {
   transition: box-shadow 0.2s;
   border-radius: 6px;
 }
+
 .p-megamenu.p-megamenu-horizontal
   .p-megamenu-root-list
   > .p-menuitem
@@ -5704,6 +6534,7 @@ h6 {
   padding: 0.75rem 1.25rem;
   user-select: none;
 }
+
 .p-megamenu.p-megamenu-horizontal
   .p-megamenu-root-list
   > .p-menuitem
@@ -5712,6 +6543,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-megamenu.p-megamenu-horizontal
   .p-megamenu-root-list
   > .p-menuitem
@@ -5721,6 +6553,7 @@ h6 {
   color: rgba(255, 255, 255, 0.6);
   margin-right: 0.5rem;
 }
+
 .p-megamenu.p-megamenu-horizontal
   .p-megamenu-root-list
   > .p-menuitem
@@ -5730,6 +6563,7 @@ h6 {
   color: rgba(255, 255, 255, 0.6);
   margin-left: 0.5rem;
 }
+
 .p-megamenu.p-megamenu-horizontal
   .p-megamenu-root-list
   > .p-menuitem:not(.p-highlight):not(.p-disabled)
@@ -5737,6 +6571,7 @@ h6 {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-megamenu.p-megamenu-horizontal
   .p-megamenu-root-list
   > .p-menuitem:not(.p-highlight):not(.p-disabled)
@@ -5745,6 +6580,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-megamenu.p-megamenu-horizontal
   .p-megamenu-root-list
   > .p-menuitem:not(.p-highlight):not(.p-disabled)
@@ -5768,30 +6604,37 @@ h6 {
   border-radius: 6px;
   width: 12.5rem;
 }
+
 .p-menu .p-menuitem > .p-menuitem-content {
   color: rgba(255, 255, 255, 0.87);
   transition: box-shadow 0.2s;
   border-radius: 0;
 }
+
 .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
   color: rgba(255, 255, 255, 0.87);
   padding: 0.75rem 1.25rem;
   user-select: none;
 }
+
 .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
   color: rgba(255, 255, 255, 0.6);
   margin-right: 0.5rem;
 }
+
 .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-menu
   .p-menuitem.p-highlight
   > .p-menuitem-content
@@ -5799,6 +6642,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-menu
   .p-menuitem.p-highlight
   > .p-menuitem-content
@@ -5811,15 +6655,18 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
   background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
 }
+
 .p-menu
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
   > .p-menuitem-content {
   color: rgba(255, 255, 255, 0.87);
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-menu
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
   > .p-menuitem-content
@@ -5827,6 +6674,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-menu
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
   > .p-menuitem-content
@@ -5839,12 +6687,14 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-menu
   .p-menuitem:not(.p-highlight):not(.p-disabled)
   > .p-menuitem-content:hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-menu
   .p-menuitem:not(.p-highlight):not(.p-disabled)
   > .p-menuitem-content:hover
@@ -5852,6 +6702,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-menu
   .p-menuitem:not(.p-highlight):not(.p-disabled)
   > .p-menuitem-content:hover
@@ -5864,6 +6715,7 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-menu.p-menu-overlay {
   background: var(--htwk-grau); /*#091a32*/
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
@@ -5872,6 +6724,7 @@ h6 {
     0 4px 5px 0 rgba(0, 0, 0, 0.14),
     0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+
 .p-menu .p-submenu-header {
   margin: 0;
   padding: 0.75rem 1.25rem;
@@ -5881,6 +6734,7 @@ h6 {
   border-top-right-radius: 0;
   border-top-left-radius: 0;
 }
+
 .p-menu .p-menuitem-separator {
   border-top: 1px solid var(--htwk-grau); /*#0b213f*/
   margin: 0.25rem 0;
@@ -5893,14 +6747,17 @@ h6 {
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
   border-radius: 6px;
 }
+
 .p-menubar .p-menubar-root-list {
   outline: 0 none;
 }
+
 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
   color: rgba(255, 255, 255, 0.87);
   transition: box-shadow 0.2s;
   border-radius: 6px;
 }
+
 .p-menubar
   .p-menubar-root-list
   > .p-menuitem
@@ -5909,6 +6766,7 @@ h6 {
   padding: 0.75rem 1.25rem;
   user-select: none;
 }
+
 .p-menubar
   .p-menubar-root-list
   > .p-menuitem
@@ -5917,6 +6775,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-menubar
   .p-menubar-root-list
   > .p-menuitem
@@ -5926,6 +6785,7 @@ h6 {
   color: rgba(255, 255, 255, 0.6);
   margin-right: 0.5rem;
 }
+
 .p-menubar
   .p-menubar-root-list
   > .p-menuitem
@@ -5935,6 +6795,7 @@ h6 {
   color: rgba(255, 255, 255, 0.6);
   margin-left: 0.5rem;
 }
+
 .p-menubar
   .p-menubar-root-list
   > .p-menuitem:not(.p-highlight):not(.p-disabled)
@@ -5942,6 +6803,7 @@ h6 {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-menubar
   .p-menubar-root-list
   > .p-menuitem:not(.p-highlight):not(.p-disabled)
@@ -5950,6 +6812,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-menubar
   .p-menubar-root-list
   > .p-menuitem:not(.p-highlight):not(.p-disabled)
@@ -5964,30 +6827,37 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-menubar .p-menuitem > .p-menuitem-content {
   color: rgba(255, 255, 255, 0.87);
   transition: box-shadow 0.2s;
   border-radius: 0;
 }
+
 .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
   color: rgba(255, 255, 255, 0.87);
   padding: 0.75rem 1.25rem;
   user-select: none;
 }
+
 .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
   color: rgba(255, 255, 255, 0.6);
   margin-right: 0.5rem;
 }
+
 .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-menubar
   .p-menuitem.p-highlight
   > .p-menuitem-content
@@ -5995,6 +6865,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-menubar
   .p-menuitem.p-highlight
   > .p-menuitem-content
@@ -6007,15 +6878,18 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
   background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
 }
+
 .p-menubar
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
   > .p-menuitem-content {
   color: rgba(255, 255, 255, 0.87);
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-menubar
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
   > .p-menuitem-content
@@ -6023,6 +6897,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-menubar
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
   > .p-menuitem-content
@@ -6035,12 +6910,14 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-menubar
   .p-menuitem:not(.p-highlight):not(.p-disabled)
   > .p-menuitem-content:hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-menubar
   .p-menuitem:not(.p-highlight):not(.p-disabled)
   > .p-menuitem-content:hover
@@ -6048,6 +6925,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-menubar
   .p-menuitem:not(.p-highlight):not(.p-disabled)
   > .p-menuitem-content:hover
@@ -6060,6 +6938,7 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-menubar .p-submenu-list {
   padding: 0.25rem 0;
   background: var(--htwk-grau); /*#091a32*/
@@ -6070,10 +6949,12 @@ h6 {
     0 1px 10px 0 rgba(0, 0, 0, 0.12);
   width: 12.5rem;
 }
+
 .p-menubar .p-submenu-list .p-menuitem-separator {
   border-top: 1px solid var(--htwk-grau); /*#0b213f*/
   margin: 0.25rem 0;
 }
+
 .p-menubar .p-submenu-list .p-submenu-icon {
   font-size: 0.875rem;
 }
@@ -6236,6 +7117,7 @@ h6 {
 .p-panelmenu .p-panelmenu-header {
   outline: 0 none;
 }
+
 .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
@@ -6243,6 +7125,7 @@ h6 {
   border-radius: 6px;
   transition: box-shadow 0.2s;
 }
+
 .p-panelmenu
   .p-panelmenu-header
   .p-panelmenu-header-content
@@ -6251,6 +7134,7 @@ h6 {
   padding: 1.25rem;
   font-weight: 700;
 }
+
 .p-panelmenu
   .p-panelmenu-header
   .p-panelmenu-header-content
@@ -6258,6 +7142,7 @@ h6 {
   .p-submenu-icon {
   margin-right: 0.5rem;
 }
+
 .p-panelmenu
   .p-panelmenu-header
   .p-panelmenu-header-content
@@ -6265,6 +7150,7 @@ h6 {
   .p-menuitem-icon {
   margin-right: 0.5rem;
 }
+
 .p-panelmenu
   .p-panelmenu-header:not(.p-disabled):focus
   .p-panelmenu-header-content {
@@ -6272,6 +7158,7 @@ h6 {
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-panelmenu
   .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover
   .p-panelmenu-header-content {
@@ -6279,6 +7166,7 @@ h6 {
   border-color: var(--htwk-grau-140); /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-panelmenu
   .p-panelmenu-header:not(.p-disabled).p-highlight
   .p-panelmenu-header-content {
@@ -6289,6 +7177,7 @@ h6 {
   border-bottom-left-radius: 0;
   margin-bottom: 0;
 }
+
 .p-panelmenu
   .p-panelmenu-header:not(.p-disabled).p-highlight:hover
   .p-panelmenu-header-content {
@@ -6296,6 +7185,7 @@ h6 {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-panelmenu .p-panelmenu-content {
   padding: 0.25rem 0;
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
@@ -6307,14 +7197,17 @@ h6 {
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+
 .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
   outline: 0 none;
 }
+
 .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
   color: rgba(255, 255, 255, 0.87);
   transition: box-shadow 0.2s;
   border-radius: 0;
 }
+
 .p-panelmenu
   .p-panelmenu-content
   .p-menuitem
@@ -6324,6 +7217,7 @@ h6 {
   padding: 0.75rem 1.25rem;
   user-select: none;
 }
+
 .p-panelmenu
   .p-panelmenu-content
   .p-menuitem
@@ -6332,6 +7226,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-panelmenu
   .p-panelmenu-content
   .p-menuitem
@@ -6341,6 +7236,7 @@ h6 {
   color: rgba(255, 255, 255, 0.6);
   margin-right: 0.5rem;
 }
+
 .p-panelmenu
   .p-panelmenu-content
   .p-menuitem
@@ -6349,6 +7245,7 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-panelmenu
   .p-panelmenu-content
   .p-menuitem.p-highlight
@@ -6356,6 +7253,7 @@ h6 {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-panelmenu
   .p-panelmenu-content
   .p-menuitem.p-highlight
@@ -6364,6 +7262,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-panelmenu
   .p-panelmenu-content
   .p-menuitem.p-highlight
@@ -6378,12 +7277,14 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-panelmenu
   .p-panelmenu-content
   .p-menuitem.p-highlight.p-focus
   > .p-menuitem-content {
   background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
 }
+
 .p-panelmenu
   .p-panelmenu-content
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
@@ -6391,6 +7292,7 @@ h6 {
   color: rgba(255, 255, 255, 0.87);
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-panelmenu
   .p-panelmenu-content
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
@@ -6399,6 +7301,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-panelmenu
   .p-panelmenu-content
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
@@ -6413,6 +7316,7 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-panelmenu
   .p-panelmenu-content
   .p-menuitem:not(.p-highlight):not(.p-disabled)
@@ -6420,6 +7324,7 @@ h6 {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-panelmenu
   .p-panelmenu-content
   .p-menuitem:not(.p-highlight):not(.p-disabled)
@@ -6428,6 +7333,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-panelmenu
   .p-panelmenu-content
   .p-menuitem:not(.p-highlight):not(.p-disabled)
@@ -6442,6 +7348,7 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-panelmenu
   .p-panelmenu-content
   .p-menuitem
@@ -6450,13 +7357,16 @@ h6 {
   .p-submenu-icon {
   margin-right: 0.5rem;
 }
+
 .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
   border-top: 1px solid var(--htwk-grau); /*#0b213f*/
   margin: 0.25rem 0;
 }
+
 .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
   padding: 0 0 0 1rem;
 }
+
 .p-panelmenu .p-panelmenu-panel {
   margin-bottom: 4px;
 }
@@ -6467,6 +7377,7 @@ h6 {
   border-radius: 6px;
   background: transparent;
 }
+
 .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
   color: rgba(255, 255, 255, 0.87);
   border: 0 none;
@@ -6478,23 +7389,28 @@ h6 {
   z-index: 1;
   border-radius: 50%;
 }
+
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
   margin-top: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-steps .p-steps-item.p-highlight .p-steps-number {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-steps .p-steps-item.p-highlight .p-steps-title {
   font-weight: 700;
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-steps .p-steps-item:before {
   content: " ";
   border-top: 1px solid var(--htwk-grau); /*#0b213f*/
@@ -6511,9 +7427,11 @@ h6 {
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
   border-width: 0 0 2px 0;
 }
+
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }
+
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
   border: solid var(--htwk-grau-140); /*#0b213f*/
   border-width: 0 0 2px 0;
@@ -6527,9 +7445,11 @@ h6 {
   transition: box-shadow 0.2s;
   margin: 0 0 -2px 0;
 }
+
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
   margin-right: 0.5rem;
 }
+
 .p-tabmenu
   .p-tabmenu-nav
   .p-tabmenuitem
@@ -6538,6 +7458,7 @@ h6 {
   outline-offset: 0;
   box-shadow: inset 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-tabmenu
   .p-tabmenu-nav
   .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover
@@ -6546,6 +7467,7 @@ h6 {
   border-color: var(--htwk-yellow); /*#93c5fd*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
   background: var(--htwk-grau); /*#071426*/
   border-color: var(--htwk-yellow); /*#93c5fd*/
@@ -6560,6 +7482,7 @@ h6 {
   border-radius: 6px;
   width: 12.5rem;
 }
+
 .p-tieredmenu.p-tieredmenu-overlay {
   background: var(--htwk-grau); /*#091a32*/
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
@@ -6568,9 +7491,11 @@ h6 {
     0 4px 5px 0 rgba(0, 0, 0, 0.14),
     0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+
 .p-tieredmenu .p-tieredmenu-root-list {
   outline: 0 none;
 }
+
 .p-tieredmenu .p-submenu-list {
   padding: 0.25rem 0;
   background: var(--htwk-grau); /*#091a32*/
@@ -6580,16 +7505,19 @@ h6 {
     0 4px 5px 0 rgba(0, 0, 0, 0.14),
     0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+
 .p-tieredmenu .p-menuitem > .p-menuitem-content {
   color: rgba(255, 255, 255, 0.87);
   transition: box-shadow 0.2s;
   border-radius: 0;
 }
+
 .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
   color: rgba(255, 255, 255, 0.87);
   padding: 0.75rem 1.25rem;
   user-select: none;
 }
+
 .p-tieredmenu
   .p-menuitem
   > .p-menuitem-content
@@ -6597,6 +7525,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-tieredmenu
   .p-menuitem
   > .p-menuitem-content
@@ -6605,6 +7534,7 @@ h6 {
   color: rgba(255, 255, 255, 0.6);
   margin-right: 0.5rem;
 }
+
 .p-tieredmenu
   .p-menuitem
   > .p-menuitem-content
@@ -6612,10 +7542,12 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.6);
 }
+
 .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-tieredmenu
   .p-menuitem.p-highlight
   > .p-menuitem-content
@@ -6623,6 +7555,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-tieredmenu
   .p-menuitem.p-highlight
   > .p-menuitem-content
@@ -6635,15 +7568,18 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
   background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
 }
+
 .p-tieredmenu
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
   > .p-menuitem-content {
   color: rgba(255, 255, 255, 0.87);
   background: var(--htwk-grau); /*#0b213f*/
 }
+
 .p-tieredmenu
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
   > .p-menuitem-content
@@ -6651,6 +7587,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-tieredmenu
   .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
   > .p-menuitem-content
@@ -6663,12 +7600,14 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-tieredmenu
   .p-menuitem:not(.p-highlight):not(.p-disabled)
   > .p-menuitem-content:hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
+
 .p-tieredmenu
   .p-menuitem:not(.p-highlight):not(.p-disabled)
   > .p-menuitem-content:hover
@@ -6676,6 +7615,7 @@ h6 {
   .p-menuitem-text {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-tieredmenu
   .p-menuitem:not(.p-highlight):not(.p-disabled)
   > .p-menuitem-content:hover
@@ -6688,13 +7628,16 @@ h6 {
   .p-submenu-icon {
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-tieredmenu .p-menuitem-separator {
   border-top: 1px solid var(--htwk-grau); /*#0b213f*/
   margin: 0.25rem 0;
 }
+
 .p-tieredmenu .p-submenu-icon {
   font-size: 0.875rem;
 }
+
 .p-tieredmenu .p-submenu-icon.p-icon {
   width: 0.875rem;
   height: 0.875rem;
@@ -6705,49 +7648,60 @@ h6 {
   margin: 0;
   border-radius: 6px;
 }
+
 .p-inline-message.p-inline-message-info {
   background: #e9e9ff;
   border: solid #696cff;
   border-width: 1px;
   color: #696cff;
 }
+
 .p-inline-message.p-inline-message-info .p-inline-message-icon {
   color: #696cff;
 }
+
 .p-inline-message.p-inline-message-success {
   background: #e4f8f0;
   border: solid var(--success-primary);
   border-width: 1px;
   color: var(--success-primary);
 }
+
 .p-inline-message.p-inline-message-success .p-inline-message-icon {
   color: var(--success-primary);
 }
+
 .p-inline-message.p-inline-message-warn {
   background: #fff2e2;
   border: solid #cc8925;
   border-width: 1px;
   color: #cc8925;
 }
+
 .p-inline-message.p-inline-message-warn .p-inline-message-icon {
   color: #cc8925;
 }
+
 .p-inline-message.p-inline-message-error {
   background: var(--error-tertiary);
   border: solid var(--error-primary);
   border-width: 1px;
   color: var(--error-primary);
 }
+
 .p-inline-message.p-inline-message-error .p-inline-message-icon {
   color: var(--error-primary);
 }
+
 .p-inline-message .p-inline-message-icon {
   font-size: 1rem;
   margin-right: 0.5rem;
 }
+
 .p-inline-message .p-inline-message-text {
   font-size: 1rem;
 }
+
 .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
   margin-right: 0;
 }
@@ -6756,9 +7710,11 @@ h6 {
   margin: 1rem 0;
   border-radius: 6px;
 }
+
 .p-message .p-message-wrapper {
   padding: 1.25rem 1.75rem;
 }
+
 .p-message .p-message-close {
   width: 2rem;
   height: 2rem;
@@ -6769,70 +7725,87 @@ h6 {
     color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-message .p-message-close:hover {
   background: rgba(255, 255, 255, 0.3);
 }
+
 .p-message .p-message-close:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-message.p-message-info {
   background: #e9e9ff;
   border: solid #696cff;
   border-width: 0 0 0 6px;
   color: #696cff;
 }
+
 .p-message.p-message-info .p-message-icon {
   color: #696cff;
 }
+
 .p-message.p-message-info .p-message-close {
   color: #696cff;
 }
+
 .p-message.p-message-success {
   background: #e4f8f0;
   border: solid var(--success-primary);
   border-width: 0 0 0 6px;
   color: var(--success-primary);
 }
+
 .p-message.p-message-success .p-message-icon {
   color: var(--success-primary);
 }
+
 .p-message.p-message-success .p-message-close {
   color: var(--success-primary);
 }
+
 .p-message.p-message-warn {
   background: #fff2e2;
   border: solid #cc8925;
   border-width: 0 0 0 6px;
   color: #cc8925;
 }
+
 .p-message.p-message-warn .p-message-icon {
   color: #cc8925;
 }
+
 .p-message.p-message-warn .p-message-close {
   color: #cc8925;
 }
+
 .p-message.p-message-error {
   background: var(--error-tertiary);
   border: solid var(--error-primary);
   border-width: 0 0 0 6px;
   color: var(--error-primary);
 }
+
 .p-message.p-message-error .p-message-icon {
   color: var(--error-primary);
 }
+
 .p-message.p-message-error .p-message-close {
   color: var(--error-primary);
 }
+
 .p-message .p-message-text {
   font-size: 1rem;
   font-weight: 400;
 }
+
 .p-message .p-message-icon {
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
+
 .p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
@@ -6841,21 +7814,26 @@ h6 {
 .p-toast {
   opacity: 0.9;
 }
+
 .p-toast .p-toast-message {
   margin: 0 0 1rem 0;
   box-shadow: none;
   border-radius: 6px;
 }
+
 .p-toast .p-toast-message .p-toast-message-content {
   padding: 1rem;
   border-width: 0 0 0 6px;
 }
+
 .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
   margin: 0 0 0 1rem;
 }
+
 .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
   font-size: 2rem;
 }
+
 .p-toast
   .p-toast-message
   .p-toast-message-content
@@ -6863,12 +7841,15 @@ h6 {
   width: 2rem;
   height: 2rem;
 }
+
 .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
   font-weight: 700;
 }
+
 .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
   margin: 0.5rem 0 0 0;
 }
+
 .p-toast .p-toast-message .p-toast-icon-close {
   width: 2rem;
   height: 2rem;
@@ -6879,50 +7860,60 @@ h6 {
     color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-toast .p-toast-message .p-toast-icon-close:hover {
   background: rgba(255, 255, 255, 0.3);
 }
+
 .p-toast .p-toast-message .p-toast-icon-close:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
 }
+
 .p-toast .p-toast-message.p-toast-message-info {
   background: #e9e9ff;
   border: solid #696cff;
   border-width: 0 0 0 6px;
   color: #696cff;
 }
+
 .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
 .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
   color: #696cff;
 }
+
 .p-toast .p-toast-message.p-toast-message-success {
   background: #e4f8f0;
   border: solid var(--success-primary);
   border-width: 0 0 0 6px;
   color: var(--success-primary);
 }
+
 .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
 .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
   color: var(--success-primary);
 }
+
 .p-toast .p-toast-message.p-toast-message-warn {
   background: #fff2e2;
   border: solid #cc8925;
   border-width: 0 0 0 6px;
   color: #cc8925;
 }
+
 .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
 .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
   color: #cc8925;
 }
+
 .p-toast .p-toast-message.p-toast-message-error {
   background: var(--error-tertiary);
   border: solid var(--error-primary);
   border-width: 0 0 0 6px;
   color: var(--error-primary);
 }
+
 .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
 .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
   color: var(--error-primary);
@@ -6940,17 +7931,21 @@ h6 {
     box-shadow 0.2s;
   border-radius: 50%;
 }
+
 .p-galleria .p-galleria-close .p-galleria-close-icon {
   font-size: 2rem;
 }
+
 .p-galleria .p-galleria-close .p-icon {
   width: 2rem;
   height: 2rem;
 }
+
 .p-galleria .p-galleria-close:hover {
   background: rgba(255, 255, 255, 0.1);
   color: #f8f9fa;
 }
+
 .p-galleria .p-galleria-item-nav {
   background: transparent;
   color: #f8f9fa;
@@ -6963,26 +7958,32 @@ h6 {
   border-radius: 6px;
   margin: 0 0.5rem;
 }
+
 .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
 .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
   font-size: 2rem;
 }
+
 .p-galleria .p-galleria-item-nav .p-icon {
   width: 2rem;
   height: 2rem;
 }
+
 .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
   background: rgba(255, 255, 255, 0.1);
   color: #f8f9fa;
 }
+
 .p-galleria .p-galleria-caption {
   background: rgba(0, 0, 0, 0.5);
   color: #f8f9fa;
   padding: 1rem;
 }
+
 .p-galleria .p-galleria-indicators {
   padding: 1rem;
 }
+
 .p-galleria .p-galleria-indicators .p-galleria-indicator button {
   background-color: var(--htwk-grau); /*#0b213f*/
   width: 1rem;
@@ -6993,36 +7994,44 @@ h6 {
     box-shadow 0.2s;
   border-radius: 50%;
 }
+
 .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
   background: rgba(255, 255, 255, 0.1);
 }
+
 .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,
 .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
   margin-right: 0.5rem;
 }
+
 .p-galleria.p-galleria-indicators-left .p-galleria-indicator,
 .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
   margin-bottom: 0.5rem;
 }
+
 .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
   background: rgba(0, 0, 0, 0.5);
 }
+
 .p-galleria.p-galleria-indicator-onitem
   .p-galleria-indicators
   .p-galleria-indicator
   button {
   background: rgba(255, 255, 255, 0.4);
 }
+
 .p-galleria.p-galleria-indicator-onitem
   .p-galleria-indicators
   .p-galleria-indicator
   button:hover {
   background: rgba(255, 255, 255, 0.6);
 }
+
 .p-galleria.p-galleria-indicator-onitem
   .p-galleria-indicators
   .p-galleria-indicator.p-highlight
@@ -7030,10 +8039,12 @@ h6 {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-galleria .p-galleria-thumbnail-container {
   background: rgba(0, 0, 0, 0.9);
   padding: 1rem 0.25rem;
 }
+
 .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
 .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
   margin: 0.5rem;
@@ -7047,11 +8058,13 @@ h6 {
     box-shadow 0.2s;
   border-radius: 50%;
 }
+
 .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
 .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
   background: rgba(255, 255, 255, 0.1);
   color: #f8f9fa;
 }
+
 .p-galleria
   .p-galleria-thumbnail-container
   .p-galleria-thumbnail-item-content:focus {
@@ -7076,6 +8089,7 @@ h6 {
     color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-image-preview-indicator .p-icon {
   width: 1.5rem;
   height: 1.5rem;
@@ -7101,16 +8115,20 @@ h6 {
     box-shadow 0.2s;
   margin-right: 0.5rem;
 }
+
 .p-image-action.p-link:last-child {
   margin-right: 0;
 }
+
 .p-image-action.p-link:hover {
   color: #f8f9fa;
   background-color: rgba(255, 255, 255, 0.1);
 }
+
 .p-image-action.p-link i {
   font-size: 1.5rem;
 }
+
 .p-image-action.p-link .p-icon {
   width: 1.5rem;
   height: 1.5rem;
@@ -7120,19 +8138,23 @@ h6 {
   background-color: var(--htwk-grau); /*#0b213f*/
   border-radius: 6px;
 }
+
 .p-avatar.p-avatar-lg {
   width: 3rem;
   height: 3rem;
   font-size: 1.5rem;
 }
+
 .p-avatar.p-avatar-lg .p-avatar-icon {
   font-size: 1.5rem;
 }
+
 .p-avatar.p-avatar-xl {
   width: 4rem;
   height: 4rem;
   font-size: 2rem;
 }
+
 .p-avatar.p-avatar-xl .p-avatar-icon {
   font-size: 2rem;
 }
@@ -7150,32 +8172,39 @@ h6 {
   height: 1.5rem;
   line-height: 1.5rem;
 }
+
 .p-badge.p-badge-secondary {
   background-color: #cbd5e1;
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-badge.p-badge-success {
   background-color: var(--success-secondary);
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-badge.p-badge-info {
   background-color: var(--htwk-yellow); /*#93c5fd*/
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-badge.p-badge-warning {
   background-color: var(--warning-secondary);
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-badge.p-badge-danger {
   background-color: var(--error-secondary);
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-badge.p-badge-lg {
   font-size: 1.125rem;
   min-width: 2.25rem;
   height: 2.25rem;
   line-height: 2.25rem;
 }
+
 .p-badge.p-badge-xl {
   font-size: 1.5rem;
   min-width: 3rem;
@@ -7189,20 +8218,24 @@ h6 {
   border-radius: 16px;
   padding: 0 0.75rem;
 }
+
 .p-chip .p-chip-text {
   line-height: 1.5;
   margin-top: 0.375rem;
   margin-bottom: 0.375rem;
 }
+
 .p-chip .p-chip-icon {
   margin-right: 0.5rem;
 }
+
 .p-chip img {
   width: 2.25rem;
   height: 2.25rem;
   margin-left: -0.75rem;
   margin-right: 0.5rem;
 }
+
 .p-chip .p-chip-remove-icon {
   margin-left: 0.5rem;
   border-radius: 6px;
@@ -7211,6 +8244,7 @@ h6 {
     color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-chip .p-chip-remove-icon:focus {
   outline: 0 none;
   outline-offset: 0;
@@ -7226,10 +8260,12 @@ h6 {
     border-color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-inplace .p-inplace-display:not(.p-disabled):hover {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-inplace .p-inplace-display:focus {
   outline: 0 none;
   outline-offset: 0;
@@ -7242,11 +8278,13 @@ h6 {
   background: var(--htwk-grau); /*#0b213f*/
   border-radius: 6px;
 }
+
 .p-progressbar .p-progressbar-value {
   border: 0 none;
   margin: 0;
   background: var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-progressbar .p-progressbar-label {
   color: var(--htwk-schwarz); /*#1c2127*/
   line-height: 1.5rem;
@@ -7314,16 +8352,20 @@ h6 {
     color 0.2s,
     box-shadow 0.2s;
 }
+
 .p-scrolltop.p-link {
   background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
 }
+
 .p-scrolltop.p-link:hover {
   background: rgba(var(--htwk-yellow), 0.3616); /*rgba(147, 197, 253, 0.3616)*/
 }
+
 .p-scrolltop .p-scrolltop-icon {
   font-size: 1.5rem;
   color: rgba(255, 255, 255, 0.87);
 }
+
 .p-scrolltop .p-scrolltop-icon.p-icon {
   width: 1.5rem;
   height: 1.5rem;
@@ -7333,6 +8375,7 @@ h6 {
   background-color: rgba(255, 255, 255, 0.06);
   border-radius: 6px;
 }
+
 .p-skeleton:after {
   background: linear-gradient(
     90deg,
@@ -7350,26 +8393,32 @@ h6 {
   padding: 0.25rem 0.4rem;
   border-radius: 6px;
 }
+
 .p-tag.p-tag-success {
   background-color: var(--success-secondary);
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-tag.p-tag-info {
   background-color: var(--htwk-yellow); /*#93c5fd*/
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-tag.p-tag-warning {
   background-color: var(--warning-secondary);
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-tag.p-tag-danger {
   background-color: var(--error-secondary);
   color: var(--htwk-schwarz); /*#1c2127*/
 }
+
 .p-tag .p-tag-icon {
   margin-right: 0.25rem;
   font-size: 0.75rem;
 }
+
 .p-tag .p-tag-icon.p-icon {
   width: 0.75rem;
   height: 0.75rem;
@@ -7381,6 +8430,7 @@ h6 {
   border: 1px solid var(--htwk-grau-140); /*#0b213f*/
   padding: 1.25rem;
 }
+
 .p-terminal .p-terminal-input {
   font-size: 1rem;
   font-family:
@@ -7429,36 +8479,42 @@ h6 {
     0 0 0 4px rgba(147, 197, 253, 0.7),
     0 1px 2px 0 rgba(0, 0, 0, 0);
 }
+
 .p-button.p-button-secondary:enabled:focus {
   box-shadow:
     0 0 0 2px #1c2127,
     0 0 0 4px rgba(203, 213, 225, 0.7),
     0 1px 2px 0 rgba(0, 0, 0, 0);
 }
+
 .p-button.p-button-success:enabled:focus {
   box-shadow:
     0 0 0 2px #1c2127,
     0 0 0 4px rgba(134, 239, 172, 0.7),
     0 1px 2px 0 rgba(0, 0, 0, 0);
 }
+
 .p-button.p-button-info:enabled:focus {
   box-shadow:
     0 0 0 2px #1c2127,
     0 0 0 4px rgba(147, 197, 253, 0.7),
     0 1px 2px 0 rgba(0, 0, 0, 0);
 }
+
 .p-button.p-button-warning:enabled:focus {
   box-shadow:
     0 0 0 2px #1c2127,
     0 0 0 4px rgba(252, 211, 77, 0.7),
     0 1px 2px 0 rgba(0, 0, 0, 0);
 }
+
 .p-button.p-button-help:enabled:focus {
   box-shadow:
     0 0 0 2px #1c2127,
     0 0 0 4px rgba(216, 180, 254, 0.7),
     0 1px 2px 0 rgba(0, 0, 0, 0);
 }
+
 .p-button.p-button-danger:enabled:focus {
   box-shadow:
     0 0 0 2px #1c2127,
@@ -7469,6 +8525,7 @@ h6 {
 .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
   box-shadow: inset 0 2px 0 0 var(--htwk-yellow); /*#93c5fd*/
 }
+
 .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
   box-shadow: inset 0 -2px 0 0 var(--htwk-yellow); /*#93c5fd*/
 }
@@ -7479,3 +8536,5 @@ h6 {
     0 0 0 4px rgba(147, 197, 253, 0.7),
     0 1px 2px 0 rgba(0, 0, 0, 0);
 }
+
+/*# sourceMappingURL=theme.css.map */
diff --git a/frontend/public/themes/lara-dark-blue/theme.css.map b/frontend/public/themes/lara-dark-blue/theme.css.map
new file mode 100644
index 0000000..a5cec0a
--- /dev/null
+++ b/frontend/public/themes/lara-dark-blue/theme.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["theme.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;AAAA;AAAA;AAAA;AAAA,KAIG;EACH;AAAA;AAAA;AAAA;AAAA,KAIG;EAEH;AAAA;AAAA;AAAA;AAAA,KAIG;EACH;EACA;AAAA;AAAA;AAAA;AAAA,KAIG;EAEH;AAAA;AAAA;AAAA;AAAA,KAIG;EACH;EACA;AAAA;AAAA;AAAA;AAAA,KAIG;EAEH;EACA;AAAA;AAAA;AAAA;AAAA,KAIG;EACH;AAAA;AAAA;AAAA;AAAA,KAIG;EAEH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;EACE;;;AAGF;EACE,aACE;EAWF;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA,aACE;EAWF;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAGJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EAIE,aACE;EAWF;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EAIE;;;AAEF;EAGE;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,YACE;;;AAIJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EAGE;;;AAEF;EAGE;EACA;;;AAEF;EAGE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA,YACE;;;AAIJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;;AAIJ;AAAA;EAEE;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;;;AAEF;EACE;;;AAEF;AAAA;EAEE;EACA,YACE;EAGF;EACA;;;AAEF;AAAA;EAQE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;;AAIJ;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EAIE;;;AAEF;EAIE;EACA;EACA;;;AAEF;EAGE;;;AAEF;EAGE;EACA;EACA;;;AAEF;EAGE;;;AAEF;EAGE;EACA;EACA;;;AAGF;EACE;AAAA;IAEE;;;AAGJ;EACE;EACA;EACA,YACE;EAIF;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,YACE;;;AAIJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EAGE;EACA;;;AAEF;EAGE;;;AAEF;EAGE;EACA;;;AAEF;EAGE;EACA;;;AAEF;EAIE;;;AAEF;EAIE;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;;AAKJ;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EAGE;;;AAGF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE,aACE;EAWF;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAEF;AAAA;EAEE;;;AAGF;EACE,YACE;;;AAKJ;EACE;EACA;EACA,YACE;EAIF;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,YACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EAGE;EACA;;;AAEF;EAGE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EAIE;;;AAEF;EAKE;;;AAEF;EAKE;;;AAEF;EAIE;;;AAEF;EAKE;;;AAEF;EAKE;;;AAEF;EAIE;EACA;EACA,YACE;EAGF;EACA;;;AAEF;EAKE;;;AAEF;EAKE;EACA;;;AAEF;EAIE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;;;AAEF;AAAA;EAEE;;;AAEF;AAAA;EAEE;;;AAEF;AAAA;AAAA;EAGE;;;AAEF;AAAA;AAAA;EAGE;;;AAEF;AAAA;AAAA;EAGE;;;AAEF;AAAA;AAAA;EASE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAEF;AAAA;AAAA;EAGE;;;AAEF;AAAA;AAAA;EAGE;;;AAEF;AAAA;AAAA;EAGE;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA,YACE;EAIF;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EAEE;;;AAEF;EACE;;;AAGF;EACE,aACE;EAWF;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA,YACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EAEE;EACA;;;AAEF;EAEE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA,YACE;EAIF;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA,YACE;;;AAKJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EAGE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,YACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EAIE;;;AAEF;EAIE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;;AAIJ;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EAGE;;;AAEF;EAGE;EACA;;;AAEF;EAGE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,YACE;EAGF;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;;AAKJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EAGE;;;AAGF;EACE;;;AAEF;EACE;EACA,YACE;EAIF;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EAGE;;;AAEF;EAGE;;;AAGF;EACE;EACA;EACA;EACA,YACE;;;AAKJ;AAAA;EAEE;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;EAME;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA,YACE;;;AAKJ;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA,YACE;EAIF;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA,YACE;;;AAKJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,YACE;;;AAIJ;EACE;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA,YACE;;;AAKJ;AAAA;EAEE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;EAIE;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE,YACE;;;AAIJ;EACE;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;EACA;;;AAEF;EACE;;;AAEF;AAAA;EAGE;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;EACE,YACE;;;AAIJ;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;AAAA;EAGE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;EAGE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAGF;;;AAEF;AAAA;EAEE;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA,YACE;EAGF;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EAGE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;;AAIJ;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EAGE;EACA;;;AAEF;EACE;;;AAEF;AAAA;AAAA;AAAA;EAkBE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EAIE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EAKE;;;AAEF;EAKE;;;AAEF;EAME;;;AAEF;EAME;;;AAEF;EAME;;;AAEF;EAME;;;AAEF;EACE;;;AAEF;EAGE;EACA;;;AAEF;EAIE;;;AAEF;EAIE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;;AAIJ;EACE;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;;AAIJ;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA,YACE;EAGF;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EAGE;EACA;;;AAEF;EAGE;EACA;;;AAEF;EAGE;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EAGE;;;AAEF;EAGE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;AACE;AACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA,YACE;EAIF;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;EACA,YACE;;;AAKJ;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EASE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EAKE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;;AAIJ;EAKE;;;AAEF;EAKE;EACA;EACA;;;AAEF;EAKE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EAIE;;;AAEF;EAIE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA,YACE;EAIF;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGE;EACA;EACA;EACA,YACE;;;AAKJ;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EASE;EACA;EACA;;;AAEF;AAAA;AAAA;EASE;EACA;EACA;;;AAEF;AAAA;AAAA;EASE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA,YACE;;;AAGJ;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EAGE;;;AAEF;EAGE;;;AAGF;EAIE;EACA;;;AAEF;EACE;EACA;;;AAEF;EAIE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA,YACE;;;AAGJ;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EAGE;;;AAEF;EAGE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;;AAIJ;EAKE;EACA;EACA;;;AAEF;EAKE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EAOE;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAUE;;;AAEF;AAAA;EAUE;;;AAEF;EAIE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EAGE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAGF;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EAQE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EAGE;EACA;;;AAEF;EAIE;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EAIE;;;AAEF;EAGE;EACA;EACA;;;AAEF;EAGE;EACA;EACA;;;AAEF;EAGE;EACA;EACA;EACA;EACA;;;AAEF;EAGE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA,YACE;EAGF;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA,YACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;;AAIJ;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA,YACE;;;AAKJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE,YACE;EAGF;;;AAEF;EACE;EACA,YACE;;;AAKJ;EACE;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EAIE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA,YACE;EAGF;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,YACE;;;AAIJ;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA,YACE;EAGF;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAGF;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,YACE;;;AAIJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA,YACE;EAGF;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA,YACE;;;AAIJ;EACE;;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;;AAIJ;AAAA;EAEE;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA,YACE;EAGF;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA,kDAGG;;;AAEL;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,YACE;EAGF;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA,YACE;EAGF;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EAKE;;;AAEF;EAKE;EACA;;;AAEF;EAKE;;;AAEF;EACE;EACA;;;AAEF;EAKE;;;AAEF;AAAA;EAUE;;;AAEF;EACE;;;AAEF;EAGE;EACA;;;AAEF;EAKE;;;AAEF;AAAA;EAUE;;;AAEF;EAGE;EACA;;;AAEF;EAKE;;;AAEF;AAAA;EAUE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;AAAA;AAAA;AAAA;EAIE;;;AAEF;AAAA;AAAA;AAAA;EAIE;;;AAEF;AAAA;EAEE;;;AAEF;AAAA;AAAA;AAAA;EAIE;;;AAEF;AAAA;AAAA;AAAA;EAIE;;;AAEF;AAAA;EAEE;;;AAGF;EACE;AAAA;IAEE;IACA;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;IACA;;EAEF;AAAA;IAEE;;EAEF;IACE;IACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EAKE;;;AAEF;EAKE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EAKE;;;AAEF;AAAA;EAUE;;;AAEF;EACE;;;AAEF;EAGE;EACA;;;AAEF;EAKE;;;AAEF;AAAA;EAUE;;;AAEF;EAGE;EACA;;;AAEF;EAKE;;;AAEF;AAAA;EAUE;;;AAEF;EACE;EACA;EACA;EACA,YACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EAIE;EACA;EACA;;;AAEF;EAKE;EACA;;;AAEF;EAME;;;AAEF;EAME;EACA;;;AAEF;EAME;EACA;;;AAEF;EAIE;EACA;;;AAEF;EAME;;;AAEF;AAAA;EAYE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EAKE;;;AAEF;AAAA;EAUE;;;AAEF;EACE;;;AAEF;EAGE;EACA;;;AAEF;EAKE;;;AAEF;AAAA;EAUE;;;AAEF;EAGE;EACA;;;AAEF;EAKE;;;AAEF;AAAA;EAUE;;;AAEF;EACE;EACA;EACA,YACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EAKE;EACA;;;AAEF;EAME;;;AAEF;EAME;EACA;;;AAEF;EAME;EACA;;;AAEF;EAIE;EACA;;;AAEF;EAME;;;AAEF;AAAA;EAYE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EAKE;;;AAEF;AAAA;EAUE;;;AAEF;EACE;;;AAEF;EAGE;EACA;;;AAEF;EAKE;;;AAEF;AAAA;EAUE;;;AAEF;EAGE;EACA;;;AAEF;EAKE;;;AAEF;AAAA;EAUE;;;AAEF;EACE;EACA;EACA;EACA,YACE;EAGF;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAGF;EACE;IACE;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA,YACE;;EAIJ;IACE;IACA;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA,YACE;IAGF;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;IACE;IACA;;EAEF;IAME;IACA;;EAEF;IAME;;EAEF;IACE;IACA;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IAOE;;EAEF;IACE;IACA;;EAEF;IAME;;EAEF;IAQE;;EAEF;IAUE;;EAEF;IAYE;;EAEF;IAcE;;EAEF;IACE;IACA;IACA;IACA;IACA;;;AAGJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EAIE;EACA;EACA;;;AAEF;EAKE;;;AAEF;EAKE;;;AAEF;EAGE;EACA;EACA;;;AAEF;EAGE;EACA;EACA;;;AAEF;EAGE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EAGE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EAKE;EACA;EACA;;;AAEF;EAME;;;AAEF;EAME;EACA;;;AAEF;EAME;;;AAEF;EAIE;EACA;;;AAEF;EAME;;;AAEF;AAAA;EAYE;;;AAEF;EAIE;;;AAEF;EAIE;EACA;;;AAEF;EAME;;;AAEF;AAAA;EAYE;;;AAEF;EAIE;EACA;;;AAEF;EAME;;;AAEF;AAAA;EAYE;;;AAEF;EAME;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EAIE;EACA;EACA;;;AAEF;EAIE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA,YACE;;;AAIJ;EACE;;;AAEF;EACE;EACA;EACA;EACA,YACE;;;AAIJ;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EAKE;;;AAEF;EAKE;EACA;;;AAEF;EAKE;;;AAEF;EACE;EACA;;;AAEF;EAKE;;;AAEF;AAAA;EAUE;;;AAEF;EACE;;;AAEF;EAGE;EACA;;;AAEF;EAKE;;;AAEF;AAAA;EAUE;;;AAEF;EAGE;EACA;;;AAEF;EAKE;;;AAEF;AAAA;EAUE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA,YACE;;;AAIJ;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EAIE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA,YACE;;;AAIJ;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,YACE;EAGF;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA,YACE;EAGF;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA,YACE;EAGF;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAEE;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAEF;EAIE;;;AAEF;EAIE;;;AAEF;EAIE;EACA;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA,YACE;EAGF;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EAGE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA,YACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,YACE;EAGF;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA,YACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA,YACE;;;AAKJ;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA,WACE;EAEF;;;AAGF;EACE;IACE;;;AAGJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;;AAGJ;EACE;IAEE;;EAEF;IACE;;EAEF;IACE;;EAEF;IAEE;;;AAGJ;EACE;EACA;EACA;EACA,YACE;EAGF,YACE;;;AAIJ;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;;;AAQF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA,aACE;;;AAaJ;EACE;;;AAGF;EACE,YACE;;;AAKJ;EACE,YACE;;;AAKJ;EACE;;;AAGF;EACE;;;AAGF;EACE,YACE;;;AAIJ;EACE,YACE;;;AAIJ;EACE,YACE;;;AAIJ;EACE,YACE;;;AAIJ;EACE,YACE;;;AAIJ;EACE,YACE;;;AAIJ;EACE,YACE;;;AAKJ;EACE;;;AAEF;EACE;;;AAGF;EACE,YACE","file":"theme.css"}
\ No newline at end of file
diff --git a/frontend/public/themes/lara-dark-blue/theme.scss b/frontend/public/themes/lara-dark-blue/theme.scss
new file mode 100644
index 0000000..139c0f2
--- /dev/null
+++ b/frontend/public/themes/lara-dark-blue/theme.scss
@@ -0,0 +1,7484 @@
+:root {
+  --htwk-yellow: #ffed00;
+  --htwk-yellow-24: rgba(255, 237, 0, 0.24);
+  --htwk-yellow-16: rgba(255, 237, 0, 0.16);
+  --htwk-yellow-01: rgba(255, 237, 0, 0.1);
+  --htwk-magenta: #e5007d;
+  --htwk-rot: #e53009;
+  --htwk-gruen: #00964e;
+  --htwk-cyan: #009ee3;
+  --htwk-blau: #004699;
+
+  --htwk-silbergrau: #bec3c6;
+  --htwk-silbergrau-80: #cbd3d1;
+  --htwk-silbergrau-60: #d8dedc;
+  --htwk-silbergrau-40: #e5e9e8;
+  --htwk-grau-140: #1b2022;
+  --htwk-grau-120: #242b2d;
+  --htwk-grau: #2e3639;
+  --htwk-grau-80: #575e60;
+  --htwk-grau-60: #818688;
+  --htwk-grau-40: #abaeaf;
+  --htwk-dunkelblau: #022541;
+  --htwk-dunkelblau-80: #345067;
+  --htwk-dunkelblau-60: #677c8d;
+  --htwk-dunkelblau-40: #99a7b3;
+
+  --htwk-schwarz: #000000;
+
+  --button-primary: var(--htwk-yellow);
+  --button-primary-border: var(--htwk-yellow);
+  --button-secondary: color-mix(in srgb, var(--htwk-yellow), #000000 30%);
+  --button-tertiary: color-mix(in srgb, var(--htwk-yellow), #ffffff 50%);
+
+  --info-primary: var(--htwk-blau); /*#449bfc*/
+  --info-secondary: color-mix(
+    in srgb,
+    var(--htwk-blau),
+    #ffffff 15%
+  ); /*#6cb0fc*/
+  --info-tertiary: color-mix(
+    in srgb,
+    var(--htwk-blau),
+    #ffffff 30%
+  ); /*#7fbafd*/
+
+  --warning-primary: color-mix(
+    in srgb,
+    var(--htwk-yellow),
+    #000000 15%
+  ); /*#fbc30c*/
+  --warning-secondary: var(--htwk-yellow); /*#fcd34d #fbcb2d*/
+  --warning-tertiary: color-mix(
+    in srgb,
+    var(--htwk-yellow),
+    #ffffff 50%
+  ); /*#fde082*/
+
+  --error-primary: color-mix(
+    in srgb,
+    var(--htwk-magenta),
+    #000000 15%
+  ); /*#ff5757*/
+  --error-secondary: var(--htwk-magenta); /*#fca5a5*/
+  --error-tertiary: color-mix(
+    in srgb,
+    var(--htwk-magenta),
+    #ffffff 50%
+  ); /*#ffe7e6*/
+
+  --success-primary: var(--htwk-gruen); /*#1ea97c*/
+  --success-secondary: color-mix(
+    in srgb,
+    var(--htwk-gruen),
+    #ffffff 15%
+  ); /*#86efac*/
+  --success-tertiary: color-mix(
+    in srgb,
+    var(--htwk-gruen),
+    #ffffff 30%
+  ); /*#aaf4c5*/
+
+  --surface-a: var(--htwk-grau); /*#071426*/
+  --surface-b: var(--htwk-schwarz); /*#040d19*/
+  --surface-c: rgba(255, 255, 255, 0.03);
+  --surface-d: var(--htwk-grau); /*#0b213f*/
+  --surface-e: var(--htwk-grau); /*#071426*/
+  --surface-f: var(--htwk-grau); /*#071426*/
+  --text-color: rgba(255, 255, 255, 0.87);
+  --text-color-secondary: rgba(255, 255, 255, 0.6);
+  --primary-color: var(--htwk-yellow); /*#93c5fd*/
+  --primary-color-text: var(--htwk-schwarz); /*#1c2127*/
+  --font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI,
+    Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji,
+    Segoe UI Symbol;
+  --surface-0: var(--htwk-schwarz); /*#040d19*/
+  --surface-50: #1d2530;
+  --surface-100: #363d47;
+  --surface-200: #4f565e;
+  --surface-300: #686e75;
+  --surface-400: #82868c;
+  --surface-500: #9b9ea3;
+  --surface-600: #b4b6ba;
+  --surface-700: #cdcfd1;
+  --surface-800: #e6e7e8;
+  --surface-900: #ffffff;
+  --gray-50: #e6e7e8;
+  --gray-100: #cdcfd1;
+  --gray-200: #b4b6ba;
+  --gray-300: #9b9ea3;
+  --gray-400: #82868c;
+  --gray-500: #686e75;
+  --gray-600: #4f565e;
+  --gray-700: #363d47;
+  --gray-800: #1d2530;
+  --gray-900: var(--htwk-schwarz); /*#040d19*/
+  --content-padding: 1.25rem;
+  --inline-spacing: 0.5rem;
+  --border-radius: 6px;
+  --surface-ground: var(--htwk-grau); /*#040d19*/
+  --surface-section: var(--htwk-grau); /*#040d19*/
+  --surface-card: var(--htwk-grau); /*#071426*/
+  --surface-overlay: var(--htwk-grau); /*#071426*/
+  --surface-border: var(--htwk-dunkelblau-60); /*#0b213f*/
+  --surface-hover: rgba(255, 255, 255, 0.03);
+  --focus-ring: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5)
+    /*rgba(147, 197, 253, 0.5)*/;
+  --maskbg: rgba(0, 0, 0, 0.4);
+  --highlight-bg: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  --highlight-text-color: rgba(255, 255, 255, 0.87);
+  color-scheme: dark;
+  background-color: var(--htwk-grau-140);
+}
+
+/** css text selection in magenta */
+::selection {
+  background: var(--htwk-yellow);
+  color: var(--htwk-schwarz);
+}
+
+a {
+  color: var(--htwk-yellow);
+}
+
+a:visited {
+  color: var(--htwk-magenta);
+}
+
+a:hover,
+a:visited:hover {
+  color: white;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: 100;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+.p-component {
+  font-family:
+    "Source Sans Pro",
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol";
+  font-size: 1rem;
+  font-weight: normal;
+}
+
+.p-component-overlay {
+  background-color: rgba(0, 0, 0, 0.4);
+  transition-duration: 0.2s;
+}
+
+.p-disabled,
+.p-component:disabled {
+  opacity: 0.4;
+}
+
+.p-error {
+  color: var(--error-secondary);
+}
+
+.p-text-secondary {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.pi {
+  font-size: 1rem;
+}
+
+.p-icon {
+  width: 1rem;
+  height: 1rem;
+}
+
+.p-link {
+  font-size: 1rem;
+  font-family:
+    "Source Sans Pro",
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol";
+  border-radius: 6px;
+}
+.p-link:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+
+.p-component-overlay-enter {
+  animation: p-component-overlay-enter-animation 150ms forwards;
+}
+
+.p-component-overlay-leave {
+  animation: p-component-overlay-leave-animation 150ms forwards;
+}
+
+@keyframes p-component-overlay-enter-animation {
+  from {
+    background-color: transparent;
+  }
+  to {
+    background-color: var(--maskbg);
+  }
+}
+@keyframes p-component-overlay-leave-animation {
+  from {
+    background-color: var(--maskbg);
+  }
+  to {
+    background-color: transparent;
+  }
+}
+
+:root {
+  --blue-50: #f5f9ff;
+  --blue-100: #d0e1fd;
+  --blue-200: #abc9fb;
+  --blue-300: #85b2f9;
+  --blue-400: #609af8;
+  --blue-500: #3b82f6;
+  --blue-600: #326fd1;
+  --blue-700: #295bac;
+  --blue-800: #204887;
+  --blue-900: #183462;
+  --green-50: #f4fcf7;
+  --green-100: #caf1d8;
+  --green-200: #a0e6ba;
+  --green-300: #76db9b;
+  --green-400: #4cd07d;
+  --green-500: #22c55e;
+  --green-600: #1da750;
+  --green-700: #188a42;
+  --green-800: #136c34;
+  --green-900: #0e4f26;
+  --yellow-50: #fefbf3;
+  --yellow-100: #faedc4;
+  --yellow-200: #f6de95;
+  --yellow-300: #f2d066;
+  --yellow-400: #eec137;
+  --yellow-500: #eab308;
+  --yellow-600: #c79807;
+  --yellow-700: #a47d06;
+  --yellow-800: #816204;
+  --yellow-900: #5e4803;
+  --cyan-50: #f3fbfd;
+  --cyan-100: #c3edf5;
+  --cyan-200: #94e0ed;
+  --cyan-300: #65d2e4;
+  --cyan-400: #35c4dc;
+  --cyan-500: #06b6d4;
+  --cyan-600: #059bb4;
+  --cyan-700: #047f94;
+  --cyan-800: #036475;
+  --cyan-900: #024955;
+  --pink-50: #fef6fa;
+  --pink-100: #fad3e7;
+  --pink-200: #f7b0d3;
+  --pink-300: #f38ec0;
+  --pink-400: #f06bac;
+  --pink-500: #ec4899;
+  --pink-600: #c93d82;
+  --pink-700: #a5326b;
+  --pink-800: #822854;
+  --pink-900: #5e1d3d;
+  --indigo-50: #f7f7fe;
+  --indigo-100: #dadafc;
+  --indigo-200: #bcbdf9;
+  --indigo-300: #9ea0f6;
+  --indigo-400: #8183f4;
+  --indigo-500: #6366f1;
+  --indigo-600: #5457cd;
+  --indigo-700: #4547a9;
+  --indigo-800: #363885;
+  --indigo-900: #282960;
+  --teal-50: #f3fbfb;
+  --teal-100: #c7eeea;
+  --teal-200: #9ae0d9;
+  --teal-300: #6dd3c8;
+  --teal-400: #41c5b7;
+  --teal-500: #14b8a6;
+  --teal-600: #119c8d;
+  --teal-700: #0e8174;
+  --teal-800: #0b655b;
+  --teal-900: #084a42;
+  --orange-50: #fff8f3;
+  --orange-100: #feddc7;
+  --orange-200: #fcc39b;
+  --orange-300: #fba86f;
+  --orange-400: #fa8e42;
+  --orange-500: #f97316;
+  --orange-600: #d46213;
+  --orange-700: #ae510f;
+  --orange-800: #893f0c;
+  --orange-900: #642e09;
+  --bluegray-50: #f7f8f9;
+  --bluegray-100: #dadee3;
+  --bluegray-200: #bcc3cd;
+  --bluegray-300: #9fa9b7;
+  --bluegray-400: #818ea1;
+  --bluegray-500: #64748b;
+  --bluegray-600: #556376;
+  --bluegray-700: #465161;
+  --bluegray-800: #37404c;
+  --bluegray-900: #282e38;
+  --purple-50: #fbf7ff;
+  --purple-100: #ead6fd;
+  --purple-200: #dab6fc;
+  --purple-300: #c996fa;
+  --purple-400: #b975f9;
+  --purple-500: #a855f7;
+  --purple-600: #8f48d2;
+  --purple-700: #763cad;
+  --purple-800: #5c2f88;
+  --purple-900: #432263;
+  --red-50: #fff5f5;
+  --red-100: #ffd0ce;
+  --red-200: #ffaca7;
+  --red-300: #ff8780;
+  --red-400: #ff6259;
+  --red-500: #ff3d32;
+  --red-600: #d9342b;
+  --red-700: #b32b23;
+  --red-800: #8c221c;
+  --red-900: #661814;
+  --primary-50: #fafcff;
+  --primary-100: #e5f1ff;
+  --primary-200: #d1e6fe;
+  --primary-300: #bcdbfe;
+  --primary-400: #a8d0fd;
+  --primary-500: var(--htwk-yellow); /*#93c5fd*/
+  --primary-600: #7da7d7;
+  --primary-700: #678ab1;
+  --primary-800: #516c8b;
+  --primary-900: #3b4f65;
+}
+
+.p-autocomplete .p-autocomplete-loader {
+  right: 0.75rem;
+}
+.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
+  right: 3.75rem;
+}
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-autocomplete .p-autocomplete-multiple-container {
+  padding: 0.375rem 0.75rem;
+  gap: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+  padding: 0.375rem 0;
+}
+.p-autocomplete
+  .p-autocomplete-multiple-container
+  .p-autocomplete-input-token
+  input {
+  font-family:
+    "Source Sans Pro",
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol";
+  font-size: 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  padding: 0;
+  margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+  padding: 0.375rem 0.75rem;
+  background: var(--htwk-grau); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
+}
+.p-autocomplete
+  .p-autocomplete-multiple-container
+  .p-autocomplete-token
+  .p-autocomplete-token-icon {
+  margin-left: 0.5rem;
+}
+.p-autocomplete
+  .p-autocomplete-multiple-container
+  .p-autocomplete-token.p-focus {
+  background: var(--htwk-grau-140);
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-autocomplete.p-invalid.p-component > .p-inputtext {
+  border-color: var(--error-secondary);
+}
+
+.p-autocomplete-panel {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-radius: 6px;
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+  padding: 0.75rem 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+  margin: 0;
+  padding: 0.75rem 1.25rem;
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+  transition: box-shadow 0.2s;
+  border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-autocomplete-panel
+  .p-autocomplete-items
+  .p-autocomplete-item.p-highlight.p-focus {
+  background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
+}
+.p-autocomplete-panel
+  .p-autocomplete-items
+  .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-autocomplete-panel
+  .p-autocomplete-items
+  .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+  margin: 0;
+  padding: 0.75rem 1.25rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#091a32*/
+  font-weight: 700;
+}
+
+.p-calendar.p-invalid.p-component > .p-inputtext {
+  border-color: var(--error-secondary);
+}
+
+.p-datepicker {
+  padding: 0.5rem;
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-radius: 6px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+  background: var(--htwk-grau); /*#071426*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: var(--htwk-grau); /*#071426*/
+}
+.p-datepicker .p-datepicker-header {
+  padding: 0.5rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#071426*/
+  font-weight: 700;
+  margin: 0;
+  border-bottom: 1px solid var(--htwk-grau); /*#0b213f*/
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+  width: 2rem;
+  height: 2rem;
+  color: rgba(255, 255, 255, 0.6);
+  border: 0 none;
+  background: transparent;
+  border-radius: 50%;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+  color: rgba(255, 255, 255, 0.87);
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title {
+  line-height: 2rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+  color: rgba(255, 255, 255, 0.87);
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+  font-weight: 700;
+  padding: 0.5rem;
+}
+.p-datepicker
+  .p-datepicker-header
+  .p-datepicker-title
+  .p-datepicker-year:enabled:hover,
+.p-datepicker
+  .p-datepicker-header
+  .p-datepicker-title
+  .p-datepicker-month:enabled:hover {
+  color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+  margin-right: 0.5rem;
+}
+.p-datepicker table {
+  font-size: 1rem;
+  margin: 0.5rem 0;
+}
+.p-datepicker table th {
+  padding: 0.5rem;
+}
+.p-datepicker table th > span {
+  width: 2.5rem;
+  height: 2.5rem;
+}
+.p-datepicker table td {
+  padding: 0.5rem;
+}
+.p-datepicker table td > span {
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: 50%;
+  transition: box-shadow 0.2s;
+  border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-yellow-16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-datepicker table td > span:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-datepicker table td.p-datepicker-today > span {
+  background: transparent;
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-datepicker .p-datepicker-buttonbar {
+  padding: 1rem 0;
+  border-top: 1px solid var(--htwk-grau); /*#0b213f*/
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+  width: auto;
+}
+.p-datepicker .p-timepicker {
+  border-top: 1px solid var(--htwk-grau); /*#0b213f*/
+  padding: 0.5rem;
+}
+.p-datepicker .p-timepicker button {
+  width: 2rem;
+  height: 2rem;
+  color: rgba(255, 255, 255, 0.6);
+  border: 0 none;
+  background: transparent;
+  border-radius: 50%;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+}
+.p-datepicker .p-timepicker button:enabled:hover {
+  color: rgba(255, 255, 255, 0.87);
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker .p-timepicker button:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-datepicker .p-timepicker button:last-child {
+  margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+  font-size: 1.25rem;
+}
+.p-datepicker .p-timepicker > div {
+  padding: 0 0.5rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+  border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+  margin: 0.5rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+  padding: 0.5rem;
+  transition: box-shadow 0.2s;
+  border-radius: 6px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-datepicker .p-yearpicker {
+  margin: 0.5rem 0;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year {
+  padding: 0.5rem;
+  transition: box-shadow 0.2s;
+  border-radius: 6px;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+  border-left: 1px solid var(--htwk-grau); /*#0b213f*/
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+  padding-left: 0;
+  border-left: 0 none;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+  padding-right: 0;
+}
+.p-datepicker:not(.p-disabled)
+  table
+  td
+  span:not(.p-highlight):not(.p-disabled):hover {
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled)
+  table
+  td
+  span:not(.p-highlight):not(.p-disabled):focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-datepicker:not(.p-disabled)
+  .p-monthpicker
+  .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled)
+  .p-monthpicker
+  .p-monthpicker-month:not(.p-disabled):focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-datepicker:not(.p-disabled)
+  .p-yearpicker
+  .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled)
+  .p-yearpicker
+  .p-yearpicker-year:not(.p-disabled):focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+
+@media screen and (max-width: 769px) {
+  .p-datepicker table th,
+  .p-datepicker table td {
+    padding: 0;
+  }
+}
+.p-cascadeselect {
+  background: var(--htwk-schwarz); /*#040d19*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+  border-radius: 6px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-cascadeselect .p-cascadeselect-label {
+  background: transparent;
+  border: 0 none;
+  padding: 0.75rem 0.75rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+  outline: 0 none;
+  box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+  background: transparent;
+  color: rgba(255, 255, 255, 0.6);
+  width: 3rem;
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+.p-cascadeselect.p-invalid.p-component {
+  border-color: var(--error-secondary);
+}
+
+.p-cascadeselect-panel {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-radius: 6px;
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+  padding: 0.75rem 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+  margin: 0;
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+  transition: box-shadow 0.2s;
+  border-radius: 0;
+}
+.p-cascadeselect-panel
+  .p-cascadeselect-items
+  .p-cascadeselect-item.p-highlight {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-cascadeselect-panel
+  .p-cascadeselect-items
+  .p-cascadeselect-item.p-highlight.p-focus {
+  background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
+}
+.p-cascadeselect-panel
+  .p-cascadeselect-items
+  .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-cascadeselect-panel
+  .p-cascadeselect-items
+  .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-cascadeselect-panel
+  .p-cascadeselect-items
+  .p-cascadeselect-item
+  .p-cascadeselect-item-content {
+  padding: 0.75rem 1.25rem;
+}
+.p-cascadeselect-panel
+  .p-cascadeselect-items
+  .p-cascadeselect-item
+  .p-cascadeselect-group-icon {
+  font-size: 0.875rem;
+}
+
+.p-input-filled .p-cascadeselect {
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+  background-color: var(--htwk-grau); /*#0b213f*/
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+  background-color: var(--htwk-grau); /*#0b213f*/
+}
+
+.p-checkbox {
+  width: 22px;
+  height: 22px;
+}
+.p-checkbox .p-checkbox-box {
+  border: 2px solid var(--htwk-grau-140); /*#0b213f*/
+  background: var(--htwk-schwarz); /*#040d19*/
+  width: 22px;
+  height: 22px;
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 6px;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+  transition-duration: 0.2s;
+  color: var(--htwk-schwarz); /*#1c2127*/
+  font-size: 14px;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
+  width: 14px;
+  height: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+  background: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+  border-color: var(--button-secondary);
+  background: var(--button-secondary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+  border-color: var(--error-secondary);
+}
+
+.p-input-filled .p-checkbox .p-checkbox-box {
+  background-color: var(--htwk-grau); /*#0b213f*/
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+  background: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+  background-color: var(--htwk-grau); /*#0b213f*/
+}
+.p-input-filled
+  .p-checkbox:not(.p-checkbox-disabled)
+  .p-checkbox-box.p-highlight:hover {
+  background: var(--button-secondary);
+}
+
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-chips .p-chips-multiple-container {
+  padding: 0.375rem 0.75rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+  padding: 0.375rem 0.75rem;
+  margin-right: 0.5rem;
+  background: var(--htwk-grau); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+  background: var(--htwk-grau-140);
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+  margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+  padding: 0.375rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+  font-family:
+    "Source Sans Pro",
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol";
+  font-size: 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  padding: 0;
+  margin: 0;
+}
+.p-chips.p-invalid.p-component > .p-inputtext {
+  border-color: var(--error-secondary);
+}
+
+.p-colorpicker-preview {
+  width: 2rem;
+  height: 2rem;
+}
+
+.p-colorpicker-panel {
+  background: var(--htwk-grau); /*#071426*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+  border-color: rgba(255, 255, 255, 0.87);
+}
+
+.p-colorpicker-overlay-panel {
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+}
+
+.p-dropdown {
+  background: var(--htwk-schwarz); /*#040d19*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+  border-radius: 6px;
+}
+.p-dropdown:not(.p-disabled):hover {
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-dropdown:not(.p-disabled).p-focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+  padding-right: 1.75rem;
+}
+.p-dropdown .p-dropdown-label {
+  background: transparent;
+  border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown .p-dropdown-label:focus,
+.p-dropdown .p-dropdown-label:enabled:focus {
+  outline: 0 none;
+  box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+  background: transparent;
+  color: rgba(255, 255, 255, 0.6);
+  width: 3rem;
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+  color: rgba(255, 255, 255, 0.6);
+  right: 3rem;
+}
+.p-dropdown.p-invalid.p-component {
+  border-color: var(--error-secondary);
+}
+
+.p-dropdown-panel {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-radius: 6px;
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+}
+.p-dropdown-panel .p-dropdown-header {
+  padding: 0.75rem 1.25rem;
+  border-bottom: 1px solid var(--htwk-grau); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#071426*/
+  margin: 0;
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+  padding-right: 1.75rem;
+  margin-right: -1.75rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+  right: 0.75rem;
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-dropdown-panel .p-dropdown-items {
+  padding: 0.75rem 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+  margin: 0;
+  padding: 0.75rem 1.25rem;
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+  transition: box-shadow 0.2s;
+  border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+  background: var(--htwk-yellow-24); /*rgba(147, 197, 253, 0.24)*/
+}
+.p-dropdown-panel
+  .p-dropdown-items
+  .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-yellow-01); /*#0b213f*/
+}
+.p-dropdown-panel
+  .p-dropdown-items
+  .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+  margin: 0;
+  padding: 0.75rem 1.25rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#091a32*/
+  font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+  padding: 0.75rem 1.25rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
+
+.p-input-filled .p-dropdown {
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+  background-color: var(--htwk-grau); /*#0b213f*/
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+  background-color: var(--htwk-grau); /*#0b213f*/
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
+
+.p-editor-container .p-editor-toolbar {
+  background: var(--htwk-grau); /*#071426*/
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+  stroke: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+  fill: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker
+  .ql-picker-label:hover {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker
+  .ql-picker-label:hover
+  .ql-stroke {
+  stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker
+  .ql-picker-label:hover
+  .ql-fill {
+  fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-label {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-label
+  .ql-stroke {
+  stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-label
+  .ql-fill {
+  fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-options {
+  background: var(--htwk-grau); /*#071426*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  padding: 0.75rem 0;
+}
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-options
+  .ql-picker-item {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-options
+  .ql-picker-item:hover {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded:not(.ql-icon-picker)
+  .ql-picker-item {
+  padding: 0.75rem 1.25rem;
+}
+.p-editor-container .p-editor-content {
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+}
+.p-editor-container .p-editor-content .ql-editor {
+  background: var(--htwk-schwarz); /*#040d19*/
+  color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover,
+.p-editor-container .ql-snow.ql-toolbar button:focus {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+  stroke: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+  fill: rgba(255, 255, 255, 0.87);
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
+  color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
+  stroke: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
+  fill: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
+.p-editor-container
+  .ql-snow.ql-toolbar
+  .ql-picker-label.ql-active
+  .ql-picker-label,
+.p-editor-container
+  .ql-snow.ql-toolbar
+  .ql-picker-item.ql-selected
+  .ql-picker-label {
+  color: var(--htwk-yellow); /*#93c5fd*/
+}
+
+.p-inputgroup-addon {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.6);
+  border-top: 1px solid var(--htwk-grau); /*#0b213f*/
+  border-left: 1px solid var(--htwk-grau); /*#0b213f*/
+  border-bottom: 1px solid var(--htwk-grau); /*#0b213f*/
+  padding: 0.75rem 0.75rem;
+  min-width: 3rem;
+}
+.p-inputgroup-addon:last-child {
+  border-right: 1px solid var(--htwk-grau); /*#0b213f*/
+}
+
+.p-inputgroup > .p-component,
+.p-inputgroup > .p-inputwrapper > .p-inputtext,
+.p-inputgroup > .p-float-label > .p-component {
+  border-radius: 0;
+  margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+  border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+  z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+  z-index: 1;
+}
+
+.p-inputgroup-addon:first-child,
+.p-inputgroup button:first-child,
+.p-inputgroup input:first-child,
+.p-inputgroup > .p-inputwrapper:first-child,
+.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.p-inputgroup .p-float-label:first-child input {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.p-inputgroup-addon:last-child,
+.p-inputgroup button:last-child,
+.p-inputgroup input:last-child,
+.p-inputgroup > .p-inputwrapper:last-child,
+.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.p-inputgroup .p-float-label:last-child input {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.p-fluid .p-inputgroup .p-button {
+  width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+  width: 3rem;
+}
+
+.p-inputnumber.p-invalid.p-component > .p-inputtext {
+  border-color: var(--error-secondary);
+}
+
+.p-inputswitch {
+  width: 3rem;
+  height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+  background: var(--htwk-grau-140);
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+  border-radius: 30px;
+}
+.p-inputswitch .p-inputswitch-slider:before {
+  background: rgba(255, 255, 255, 0.6);
+  width: 1.25rem;
+  height: 1.25rem;
+  left: 0.25rem;
+  margin-top: -0.625rem;
+  border-radius: 50%;
+  transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+  transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+  background: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+  background: rgba(255, 255, 255, 0.87);
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover
+  .p-inputswitch-slider {
+  background: var(--button-tertiary);
+}
+.p-inputswitch.p-invalid .p-inputswitch-slider {
+  border-color: var(--error-secondary);
+}
+
+.p-inputtext {
+  font-family:
+    "Source Sans Pro",
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol";
+  font-size: 1rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-schwarz); /*#040d19*/
+  padding: 0.75rem 0.75rem;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+  appearance: none;
+  border-radius: 6px;
+}
+.p-inputtext:enabled:hover {
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-inputtext:enabled:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-inputtext.p-invalid.p-component {
+  border-color: var(--error-secondary);
+}
+.p-inputtext.p-inputtext-sm {
+  font-size: 0.875rem;
+  padding: 0.65625rem 0.65625rem;
+}
+.p-inputtext.p-inputtext-lg {
+  font-size: 1.25rem;
+  padding: 0.9375rem 0.9375rem;
+}
+
+.p-float-label > label {
+  left: 0.75rem;
+  color: rgba(255, 255, 255, 0.6);
+  transition-duration: 0.2s;
+}
+
+.p-float-label > .p-invalid + label {
+  color: var(--error-secondary);
+}
+
+.p-input-icon-left > svg:first-of-type,
+.p-input-icon-left > i:first-of-type {
+  left: 0.75rem;
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.p-input-icon-left > .p-inputtext {
+  padding-left: 2.5rem;
+}
+
+.p-input-icon-left.p-float-label > label {
+  left: 2.5rem;
+}
+
+.p-input-icon-right > svg:last-of-type,
+.p-input-icon-right > i:last-of-type {
+  right: 0.75rem;
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.p-input-icon-right > .p-inputtext {
+  padding-right: 2.5rem;
+}
+
+::-webkit-input-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+:-moz-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+::-moz-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+:-ms-input-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.p-input-filled .p-inputtext {
+  background-color: var(--htwk-grau); /*#0b213f*/
+}
+.p-input-filled .p-inputtext:enabled:hover {
+  background-color: var(--htwk-grau); /*#0b213f*/
+}
+.p-input-filled .p-inputtext:enabled:focus {
+  background-color: var(--htwk-grau); /*#0b213f*/
+}
+
+.p-inputtext-sm .p-inputtext {
+  font-size: 0.875rem;
+  padding: 0.65625rem 0.65625rem;
+}
+
+.p-inputtext-lg .p-inputtext {
+  font-size: 1.25rem;
+  padding: 0.9375rem 0.9375rem;
+}
+
+.p-listbox {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-radius: 6px;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+}
+.p-listbox .p-listbox-header {
+  padding: 0.75rem 1.25rem;
+  border-bottom: 1px solid var(--htwk-grau); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#071426*/
+  margin: 0;
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+  padding-right: 1.75rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+  right: 0.75rem;
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-listbox .p-listbox-list {
+  padding: 0.75rem 0;
+  outline: 0 none;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+  margin: 0;
+  padding: 0.75rem 1.25rem;
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.87);
+  transition: box-shadow 0.2s;
+  border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+  margin: 0;
+  padding: 0.75rem 1.25rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#091a32*/
+  font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+  padding: 0.75rem 1.25rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+  background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
+}
+.p-listbox:not(.p-disabled)
+  .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-listbox:not(.p-disabled)
+  .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-listbox.p-focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-listbox.p-invalid {
+  border-color: var(--error-secondary);
+}
+
+.p-multiselect {
+  background: var(--htwk-schwarz); /*#040d19*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+  border-radius: 6px;
+}
+.p-multiselect:not(.p-disabled):hover {
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-multiselect:not(.p-disabled).p-focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-multiselect .p-multiselect-label {
+  padding: 0.75rem 0.75rem;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+  padding: 0.375rem 0.75rem;
+  margin-right: 0.5rem;
+  background: var(--htwk-grau); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip
+  .p-multiselect-token
+  .p-multiselect-token-icon {
+  margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+  background: transparent;
+  color: rgba(255, 255, 255, 0.6);
+  width: 3rem;
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+.p-multiselect.p-invalid.p-component {
+  border-color: var(--error-secondary);
+}
+
+.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+  padding: 0.375rem 0.75rem;
+}
+
+.p-multiselect-panel {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-radius: 6px;
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+}
+.p-multiselect-panel .p-multiselect-header {
+  padding: 0.75rem 1.25rem;
+  border-bottom: 1px solid var(--htwk-grau); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#071426*/
+  margin: 0;
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+}
+.p-multiselect-panel
+  .p-multiselect-header
+  .p-multiselect-filter-container
+  .p-inputtext {
+  padding-right: 1.75rem;
+}
+.p-multiselect-panel
+  .p-multiselect-header
+  .p-multiselect-filter-container
+  .p-multiselect-filter-icon {
+  right: 0.75rem;
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+  margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+  margin-left: 0.5rem;
+  width: 2rem;
+  height: 2rem;
+  color: rgba(255, 255, 255, 0.6);
+  border: 0 none;
+  background: transparent;
+  border-radius: 50%;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+  color: rgba(255, 255, 255, 0.87);
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-multiselect-panel .p-multiselect-items {
+  padding: 0.75rem 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+  margin: 0;
+  padding: 0.75rem 1.25rem;
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+  transition: box-shadow 0.2s;
+  border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-multiselect-panel
+  .p-multiselect-items
+  .p-multiselect-item.p-highlight.p-focus {
+  background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
+}
+.p-multiselect-panel
+  .p-multiselect-items
+  .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-multiselect-panel
+  .p-multiselect-items
+  .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+  margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+  margin: 0;
+  padding: 0.75rem 1.25rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#091a32*/
+  font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+  padding: 0.75rem 1.25rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
+
+.p-input-filled .p-multiselect {
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+  background-color: var(--htwk-grau); /*#0b213f*/
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+  background-color: var(--htwk-grau); /*#0b213f*/
+}
+
+.p-password.p-invalid.p-component > .p-inputtext {
+  border-color: var(--error-secondary);
+}
+
+.p-password-panel {
+  padding: 1.25rem;
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+}
+.p-password-panel .p-password-meter {
+  margin-bottom: 0.5rem;
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+  background: #eb9a9c;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+  background: #ffcf91;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+  background: #93deac;
+}
+
+.p-radiobutton {
+  width: 22px;
+  height: 22px;
+}
+.p-radiobutton .p-radiobutton-box {
+  border: 2px solid var(--htwk-grau-140); /*#0b213f*/
+  background: var(--htwk-schwarz); /*#040d19*/
+  width: 22px;
+  height: 22px;
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 50%;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+  width: 12px;
+  height: 12px;
+  transition-duration: 0.2s;
+  background-color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+  background: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  border-color: var(--button-primary-border);
+  background: var(--button-primary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+  border-color: var(--error-secondary);
+}
+.p-radiobutton:focus {
+  outline: 0 none;
+}
+
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: var(--htwk-grau); /*#0b213f*/
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: var(--htwk-grau); /*#0b213f*/
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-input-filled
+  .p-radiobutton
+  .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: var(--button-secondary);
+}
+
+.p-rating {
+  gap: 0.5rem;
+}
+.p-rating .p-rating-item .p-rating-icon {
+  color: rgba(255, 255, 255, 0.87);
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+  font-size: 1.143rem;
+}
+.p-rating .p-rating-item .p-rating-icon.p-icon {
+  width: 1.143rem;
+  height: 1.143rem;
+}
+.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
+  color: #f48fb1;
+}
+.p-rating .p-rating-item.p-focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
+  color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-rating:not(.p-disabled):not(.p-readonly)
+  .p-rating-item:hover
+  .p-rating-icon {
+  color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-rating:not(.p-disabled):not(.p-readonly)
+  .p-rating-item:hover
+  .p-rating-icon.p-rating-cancel {
+  color: #f48fb1;
+}
+
+.p-selectbutton .p-button {
+  background: var(--htwk-grau); /*#071426*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+}
+.p-selectbutton .p-button .p-button-icon-left,
+.p-selectbutton .p-button .p-button-icon-right {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+  border-color: var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-selectbutton
+  .p-button:not(.p-disabled):not(.p-highlight):hover
+  .p-button-icon-left,
+.p-selectbutton
+  .p-button:not(.p-disabled):not(.p-highlight):hover
+  .p-button-icon-right {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-selectbutton .p-button.p-highlight {
+  background: var(--htwk-yellow); /*#93c5fd*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-selectbutton .p-button.p-highlight:hover {
+  background: var(--button-primary);
+  border-color: var(--button-tertiary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-selectbutton.p-invalid > .p-button {
+  border-color: var(--error-secondary);
+}
+
+.p-slider {
+  background: var(--htwk-grau); /*#0b213f*/
+  border: 0 none;
+  border-radius: 6px;
+}
+.p-slider.p-slider-horizontal {
+  height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+  margin-top: -0.5715rem;
+  margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+  width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+  margin-left: -0.5715rem;
+  margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+  height: 1.143rem;
+  width: 1.143rem;
+  background: var(--htwk-grau); /*#0b213f*/
+  border: 2px solid var(--htwk-yellow); /*#93c5fd*/
+  border-radius: 50%;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+}
+.p-slider .p-slider-handle:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-slider .p-slider-range {
+  background: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+  background: var(--htwk-yellow); /*#93c5fd*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+
+.p-treeselect {
+  background: var(--htwk-schwarz); /*#040d19*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+  border-radius: 6px;
+}
+.p-treeselect:not(.p-disabled):hover {
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-treeselect:not(.p-disabled).p-focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-treeselect .p-treeselect-label {
+  padding: 0.75rem 0.75rem;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+  padding: 0.375rem 0.75rem;
+  margin-right: 0.5rem;
+  background: var(--htwk-grau); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+  background: transparent;
+  color: rgba(255, 255, 255, 0.6);
+  width: 3rem;
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+.p-treeselect.p-invalid.p-component {
+  border-color: var(--error-secondary);
+}
+
+.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
+  padding: 0.375rem 0.75rem;
+}
+
+.p-treeselect-panel {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-radius: 6px;
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
+  border: 0 none;
+}
+.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
+  padding: 0.75rem 1.25rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+}
+
+.p-input-filled .p-treeselect {
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+  background-color: var(--htwk-grau); /*#0b213f*/
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+  background-color: var(--htwk-grau); /*#0b213f*/
+}
+
+.p-togglebutton.p-button {
+  background: var(--htwk-grau); /*#071426*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+}
+.p-togglebutton.p-button .p-button-icon-left,
+.p-togglebutton.p-button .p-button-icon-right {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+  border-color: var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover
+  .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover
+  .p-button-icon-right {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-togglebutton.p-button.p-highlight {
+  background: var(--htwk-yellow); /*#93c5fd*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-togglebutton.p-button.p-highlight:hover {
+  background: var(--button-primary);
+  border-color: var(--button-tertiary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+  border-color: var(--error-secondary);
+}
+
+.p-button {
+  color: var(--htwk-schwarz); /*#1c2127*/
+  background: var(--htwk-yellow); /*#93c5fd*/
+  border: 1px solid var(--htwk-yellow); /*#93c5fd*/
+  padding: 0.75rem 1.25rem;
+  font-size: 1rem;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+  border-radius: 6px;
+}
+.p-button:enabled:hover {
+  background: var(--button-primary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: var(--button-tertiary);
+}
+.p-button:enabled:active {
+  background: var(--button-primary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: var(--button-primary-border);
+}
+.p-button.p-button-outlined {
+  background-color: transparent;
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+  background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+  color: rgba(255, 255, 255, 0.6);
+  border-color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+  background: rgba(255, 255, 255, 0.16);
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text {
+  background-color: transparent;
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+  background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+  background: rgba(255, 255, 255, 0.16);
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-button:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-button .p-button-label {
+  transition-duration: 0.2s;
+}
+.p-button .p-button-icon-left {
+  margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+  margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+  margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+  margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+  margin-left: 0.5rem;
+  min-width: 1rem;
+  height: 1rem;
+  line-height: 1rem;
+  color: var(--htwk-yellow); /*#93c5fd*/
+  background-color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-button.p-button-raised {
+  box-shadow:
+    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
+    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
+    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+  border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+  width: 3rem;
+  padding: 0.75rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+  margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+  border-radius: 50%;
+  height: 3rem;
+}
+.p-button.p-button-sm {
+  font-size: 0.875rem;
+  padding: 0.65625rem 1.09375rem;
+}
+.p-button.p-button-sm .p-button-icon {
+  font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+  font-size: 1.25rem;
+  padding: 0.9375rem 1.5625rem;
+}
+.p-button.p-button-lg .p-button-icon {
+  font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+  margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+  margin-right: 0;
+}
+
+.p-fluid .p-button {
+  width: 100%;
+}
+.p-fluid .p-button-icon-only {
+  width: 3rem;
+}
+.p-fluid .p-buttonset {
+  display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+  flex: 1;
+}
+
+.p-button.p-button-secondary,
+.p-buttonset.p-button-secondary > .p-button,
+.p-splitbutton.p-button-secondary > .p-button {
+  color: var(--htwk-schwarz); /*#1c2127*/
+  background: #cbd5e1;
+  border: 1px solid #cbd5e1;
+}
+.p-button.p-button-secondary:enabled:hover,
+.p-buttonset.p-button-secondary > .p-button:enabled:hover,
+.p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+  background: #b0bfd1;
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: #b0bfd1;
+}
+.p-button.p-button-secondary:enabled:focus,
+.p-buttonset.p-button-secondary > .p-button:enabled:focus,
+.p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+  box-shadow: 0 0 0 1px #dbe2ea;
+}
+.p-button.p-button-secondary:enabled:active,
+.p-buttonset.p-button-secondary > .p-button:enabled:active,
+.p-splitbutton.p-button-secondary > .p-button:enabled:active {
+  background: #95a9c2;
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: #95a9c2;
+}
+.p-button.p-button-secondary.p-button-outlined,
+.p-buttonset.p-button-secondary > .p-button.p-button-outlined,
+.p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+  background-color: transparent;
+  color: #cbd5e1;
+  border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover,
+.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover,
+.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+  background: rgba(203, 213, 225, 0.04);
+  color: #cbd5e1;
+  border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active,
+.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active,
+.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+  background: rgba(203, 213, 225, 0.16);
+  color: #cbd5e1;
+  border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text,
+.p-buttonset.p-button-secondary > .p-button.p-button-text,
+.p-splitbutton.p-button-secondary > .p-button.p-button-text {
+  background-color: transparent;
+  color: #cbd5e1;
+  border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover,
+.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover,
+.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+  background: rgba(203, 213, 225, 0.04);
+  border-color: transparent;
+  color: #cbd5e1;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active,
+.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active,
+.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+  background: rgba(203, 213, 225, 0.16);
+  border-color: transparent;
+  color: #cbd5e1;
+}
+
+.p-button.p-button-info,
+.p-buttonset.p-button-info > .p-button,
+.p-splitbutton.p-button-info > .p-button {
+  color: var(--htwk-schwarz); /*#1c2127*/
+  background: var(--htwk-yellow); /*#93c5fd*/
+  border: 1px solid var(--htwk-yellow); /*#93c5fd*/
+}
+.p-button.p-button-info:enabled:hover,
+.p-buttonset.p-button-info > .p-button:enabled:hover,
+.p-splitbutton.p-button-info > .p-button:enabled:hover {
+  background: var(--info-secondary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: var(--info-secondary);
+}
+.p-button.p-button-info:enabled:focus,
+.p-buttonset.p-button-info > .p-button:enabled:focus,
+.p-splitbutton.p-button-info > .p-button:enabled:focus {
+  box-shadow: 0 0 0 1px #b3d6fe;
+}
+.p-button.p-button-info:enabled:active,
+.p-buttonset.p-button-info > .p-button:enabled:active,
+.p-splitbutton.p-button-info > .p-button:enabled:active {
+  background: var(--info-primary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: var(--info-primary);
+}
+.p-button.p-button-info.p-button-outlined,
+.p-buttonset.p-button-info > .p-button.p-button-outlined,
+.p-splitbutton.p-button-info > .p-button.p-button-outlined {
+  background-color: transparent;
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover,
+.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover,
+.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+  background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active,
+.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active,
+.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border: 1px solid;
+}
+.p-button.p-button-info.p-button-text,
+.p-buttonset.p-button-info > .p-button.p-button-text,
+.p-splitbutton.p-button-info > .p-button.p-button-text {
+  background-color: transparent;
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover,
+.p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover,
+.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+  background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/
+  border-color: transparent;
+  color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-button.p-button-info.p-button-text:enabled:active,
+.p-buttonset.p-button-info > .p-button.p-button-text:enabled:active,
+.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  border-color: transparent;
+  color: var(--htwk-yellow); /*#93c5fd*/
+}
+
+.p-button.p-button-success,
+.p-buttonset.p-button-success > .p-button,
+.p-splitbutton.p-button-success > .p-button {
+  color: var(--htwk-schwarz); /*#1c2127*/
+  background: var(--success-secondary);
+  border: 1px solid var(--success-secondary);
+}
+.p-button.p-button-success:enabled:hover,
+.p-buttonset.p-button-success > .p-button:enabled:hover,
+.p-splitbutton.p-button-success > .p-button:enabled:hover {
+  background: #65eb95;
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: #65eb95;
+}
+.p-button.p-button-success:enabled:focus,
+.p-buttonset.p-button-success > .p-button:enabled:focus,
+.p-splitbutton.p-button-success > .p-button:enabled:focus {
+  box-shadow: 0 0 0 1px var(--success-tertiary);
+}
+.p-button.p-button-success:enabled:active,
+.p-buttonset.p-button-success > .p-button:enabled:active,
+.p-splitbutton.p-button-success > .p-button:enabled:active {
+  background: #44e67f;
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: #44e67f;
+}
+.p-button.p-button-success.p-button-outlined,
+.p-buttonset.p-button-success > .p-button.p-button-outlined,
+.p-splitbutton.p-button-success > .p-button.p-button-outlined {
+  background-color: transparent;
+  color: var(--success-secondary);
+  border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover,
+.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover,
+.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+  background: rgba(134, 239, 172, 0.04);
+  color: var(--success-secondary);
+  border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active,
+.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active,
+.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+  background: rgba(134, 239, 172, 0.16);
+  color: var(--success-secondary);
+  border: 1px solid;
+}
+.p-button.p-button-success.p-button-text,
+.p-buttonset.p-button-success > .p-button.p-button-text,
+.p-splitbutton.p-button-success > .p-button.p-button-text {
+  background-color: transparent;
+  color: var(--success-secondary);
+  border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover,
+.p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover,
+.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+  background: rgba(134, 239, 172, 0.04);
+  border-color: transparent;
+  color: var(--success-secondary);
+}
+.p-button.p-button-success.p-button-text:enabled:active,
+.p-buttonset.p-button-success > .p-button.p-button-text:enabled:active,
+.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+  background: rgba(134, 239, 172, 0.16);
+  border-color: transparent;
+  color: var(--success-secondary);
+}
+
+.p-button.p-button-warning,
+.p-buttonset.p-button-warning > .p-button,
+.p-splitbutton.p-button-warning > .p-button {
+  color: var(--htwk-schwarz); /*#1c2127*/
+  background: var(--warning-secondary);
+  border: 1px solid var(--warning-secondary);
+}
+.p-button.p-button-warning:enabled:hover,
+.p-buttonset.p-button-warning > .p-button:enabled:hover,
+.p-splitbutton.p-button-warning > .p-button:enabled:hover {
+  background: var(--warning-secondary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: var(--warning-secondary);
+}
+.p-button.p-button-warning:enabled:focus,
+.p-buttonset.p-button-warning > .p-button:enabled:focus,
+.p-splitbutton.p-button-warning > .p-button:enabled:focus {
+  box-shadow: 0 0 0 1px var(--warning-tertiary);
+}
+.p-button.p-button-warning:enabled:active,
+.p-buttonset.p-button-warning > .p-button:enabled:active,
+.p-splitbutton.p-button-warning > .p-button:enabled:active {
+  background: var(--warning-primary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: var(--warning-primary);
+}
+.p-button.p-button-warning.p-button-outlined,
+.p-buttonset.p-button-warning > .p-button.p-button-outlined,
+.p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+  background-color: transparent;
+  color: var(--warning-secondary);
+  border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover,
+.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover,
+.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+  background: rgba(252, 211, 77, 0.04);
+  color: var(--warning-secondary);
+  border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active,
+.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active,
+.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+  background: rgba(252, 211, 77, 0.16);
+  color: var(--warning-secondary);
+  border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text,
+.p-buttonset.p-button-warning > .p-button.p-button-text,
+.p-splitbutton.p-button-warning > .p-button.p-button-text {
+  background-color: transparent;
+  color: var(--warning-secondary);
+  border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover,
+.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover,
+.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+  background: rgba(252, 211, 77, 0.04);
+  border-color: transparent;
+  color: var(--warning-secondary);
+}
+.p-button.p-button-warning.p-button-text:enabled:active,
+.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active,
+.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+  background: rgba(252, 211, 77, 0.16);
+  border-color: transparent;
+  color: var(--warning-secondary);
+}
+
+.p-button.p-button-help,
+.p-buttonset.p-button-help > .p-button,
+.p-splitbutton.p-button-help > .p-button {
+  color: var(--htwk-schwarz); /*#1c2127*/
+  background: #d8b4fe;
+  border: 1px solid #d8b4fe;
+}
+.p-button.p-button-help:enabled:hover,
+.p-buttonset.p-button-help > .p-button:enabled:hover,
+.p-splitbutton.p-button-help > .p-button:enabled:hover {
+  background: #c289fd;
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: #c289fd;
+}
+.p-button.p-button-help:enabled:focus,
+.p-buttonset.p-button-help > .p-button:enabled:focus,
+.p-splitbutton.p-button-help > .p-button:enabled:focus {
+  box-shadow: 0 0 0 1px #e4cbfe;
+}
+.p-button.p-button-help:enabled:active,
+.p-buttonset.p-button-help > .p-button:enabled:active,
+.p-splitbutton.p-button-help > .p-button:enabled:active {
+  background: #ab5efd;
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: #ab5efd;
+}
+.p-button.p-button-help.p-button-outlined,
+.p-buttonset.p-button-help > .p-button.p-button-outlined,
+.p-splitbutton.p-button-help > .p-button.p-button-outlined {
+  background-color: transparent;
+  color: #d8b4fe;
+  border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover,
+.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover,
+.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+  background: rgba(216, 180, 254, 0.04);
+  color: #d8b4fe;
+  border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active,
+.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active,
+.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+  background: rgba(216, 180, 254, 0.16);
+  color: #d8b4fe;
+  border: 1px solid;
+}
+.p-button.p-button-help.p-button-text,
+.p-buttonset.p-button-help > .p-button.p-button-text,
+.p-splitbutton.p-button-help > .p-button.p-button-text {
+  background-color: transparent;
+  color: #d8b4fe;
+  border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover,
+.p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover,
+.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+  background: rgba(216, 180, 254, 0.04);
+  border-color: transparent;
+  color: #d8b4fe;
+}
+.p-button.p-button-help.p-button-text:enabled:active,
+.p-buttonset.p-button-help > .p-button.p-button-text:enabled:active,
+.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+  background: rgba(216, 180, 254, 0.16);
+  border-color: transparent;
+  color: #d8b4fe;
+}
+
+.p-button.p-button-danger,
+.p-buttonset.p-button-danger > .p-button,
+.p-splitbutton.p-button-danger > .p-button {
+  color: var(--htwk-schwarz); /*#1c2127*/
+  background: var(--error-secondary);
+  border: 1px solid var(--error-secondary);
+}
+.p-button.p-button-danger:enabled:hover,
+.p-buttonset.p-button-danger > .p-button:enabled:hover,
+.p-splitbutton.p-button-danger > .p-button:enabled:hover {
+  background: #fb7d7d;
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: #fb7d7d;
+}
+.p-button.p-button-danger:enabled:focus,
+.p-buttonset.p-button-danger > .p-button:enabled:focus,
+.p-splitbutton.p-button-danger > .p-button:enabled:focus {
+  box-shadow: 0 0 0 1px #fdc0c0;
+}
+.p-button.p-button-danger:enabled:active,
+.p-buttonset.p-button-danger > .p-button:enabled:active,
+.p-splitbutton.p-button-danger > .p-button:enabled:active {
+  background: #f95454;
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: #f95454;
+}
+.p-button.p-button-danger.p-button-outlined,
+.p-buttonset.p-button-danger > .p-button.p-button-outlined,
+.p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+  background-color: transparent;
+  color: var(--error-secondary);
+  border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover,
+.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover,
+.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+  background: rgba(252, 165, 165, 0.04);
+  color: var(--error-secondary);
+  border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active,
+.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active,
+.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+  background: rgba(252, 165, 165, 0.16);
+  color: var(--error-secondary);
+  border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text,
+.p-buttonset.p-button-danger > .p-button.p-button-text,
+.p-splitbutton.p-button-danger > .p-button.p-button-text {
+  background-color: transparent;
+  color: var(--error-secondary);
+  border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover,
+.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover,
+.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+  background: rgba(252, 165, 165, 0.04);
+  border-color: transparent;
+  color: var(--error-secondary);
+}
+.p-button.p-button-danger.p-button-text:enabled:active,
+.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active,
+.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+  background: rgba(252, 165, 165, 0.16);
+  border-color: transparent;
+  color: var(--error-secondary);
+}
+
+.p-button.p-button-link {
+  color: var(--htwk-yellow); /*#93c5fd*/
+  background: transparent;
+  border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+  background: transparent;
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+  text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+  background: transparent;
+  box-shadow: 0 0 0 1px rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+  background: transparent;
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border-color: transparent;
+}
+
+.p-speeddial-button.p-button.p-button-icon-only {
+  width: 4rem;
+  height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+  font-size: 1.3rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-icon {
+  width: 1.3rem;
+  height: 1.3rem;
+}
+
+.p-speeddial-list {
+  outline: 0 none;
+}
+
+.p-speeddial-item.p-focus > .p-speeddial-action {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+
+.p-speeddial-action {
+  width: 3rem;
+  height: 3rem;
+  background: rgba(255, 255, 255, 0.87);
+  color: var(--htwk-schwarz); /*#040d19*/
+}
+.p-speeddial-action:hover {
+  background: rgba(255, 255, 255, 0.6);
+  color: var(--htwk-schwarz); /*#040d19*/
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+  margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+  margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+  margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+  margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+  margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+  margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+  margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+  margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+  margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child,
+.p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+  margin: 0;
+}
+
+.p-speeddial-mask {
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.p-splitbutton {
+  border-radius: 6px;
+}
+.p-splitbutton.p-button-outlined > .p-button {
+  background-color: transparent;
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border: 1px solid;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:hover,
+.p-splitbutton.p-button-outlined
+  > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/
+  color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:active,
+.p-splitbutton.p-button-outlined
+  > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
+  color: rgba(255, 255, 255, 0.6);
+  border-color: rgba(255, 255, 255, 0.6);
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover,
+.p-splitbutton.p-button-outlined.p-button-plain
+  > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active,
+.p-splitbutton.p-button-outlined.p-button-plain
+  > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(255, 255, 255, 0.16);
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-splitbutton.p-button-text > .p-button {
+  background-color: transparent;
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:hover,
+.p-splitbutton.p-button-text
+  > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:active,
+.p-splitbutton.p-button-text
+  > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border-color: transparent;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover,
+.p-splitbutton.p-button-text.p-button-plain
+  > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active,
+.p-splitbutton.p-button-text.p-button-plain
+  > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(255, 255, 255, 0.16);
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-splitbutton.p-button-raised {
+  box-shadow:
+    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
+    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
+    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-splitbutton.p-button-rounded {
+  border-radius: 2rem;
+}
+.p-splitbutton.p-button-rounded > .p-button {
+  border-radius: 2rem;
+}
+.p-splitbutton.p-button-sm > .p-button {
+  font-size: 0.875rem;
+  padding: 0.65625rem 1.09375rem;
+}
+.p-splitbutton.p-button-sm > .p-button .p-button-icon {
+  font-size: 0.875rem;
+}
+.p-splitbutton.p-button-lg > .p-button {
+  font-size: 1.25rem;
+  padding: 0.9375rem 1.5625rem;
+}
+.p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
+  width: auto;
+}
+.p-splitbutton.p-button-lg > .p-button .p-button-icon {
+  font-size: 1.25rem;
+}
+.p-splitbutton.p-button-lg > .p-button .p-icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
+  background-color: transparent;
+  color: #cbd5e1;
+  border: 1px solid;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover,
+.p-splitbutton.p-button-secondary.p-button-outlined
+  > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(203, 213, 225, 0.04);
+  color: #cbd5e1;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active,
+.p-splitbutton.p-button-secondary.p-button-outlined
+  > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(203, 213, 225, 0.16);
+  color: #cbd5e1;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button {
+  background-color: transparent;
+  color: #cbd5e1;
+  border-color: transparent;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover,
+.p-splitbutton.p-button-secondary.p-button-text
+  > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(203, 213, 225, 0.04);
+  border-color: transparent;
+  color: #cbd5e1;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active,
+.p-splitbutton.p-button-secondary.p-button-text
+  > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(203, 213, 225, 0.16);
+  border-color: transparent;
+  color: #cbd5e1;
+}
+
+.p-splitbutton.p-button-info.p-button-outlined > .p-button {
+  background-color: transparent;
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border: 1px solid;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover,
+.p-splitbutton.p-button-info.p-button-outlined
+  > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/
+  color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active,
+.p-splitbutton.p-button-info.p-button-outlined
+  > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button {
+  background-color: transparent;
+  color: var(--htwk-yellow); /*#93c5fd*/
+  border-color: transparent;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover,
+.p-splitbutton.p-button-info.p-button-text
+  > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/
+  border-color: transparent;
+  color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active,
+.p-splitbutton.p-button-info.p-button-text
+  > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  border-color: transparent;
+  color: var(--htwk-yellow); /*#93c5fd*/
+}
+
+.p-splitbutton.p-button-success.p-button-outlined > .p-button {
+  background-color: transparent;
+  color: var(--success-secondary);
+  border: 1px solid;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover,
+.p-splitbutton.p-button-success.p-button-outlined
+  > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: #86efac0a;
+  color: var(--success-secondary);
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active,
+.p-splitbutton.p-button-success.p-button-outlined
+  > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(134, 239, 172, 0.16);
+  color: var(--success-secondary);
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button {
+  background-color: transparent;
+  color: var(--success-secondary);
+  border-color: transparent;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover,
+.p-splitbutton.p-button-success.p-button-text
+  > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(134, 239, 172, 0.04);
+  border-color: transparent;
+  color: var(--success-secondary);
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active,
+.p-splitbutton.p-button-success.p-button-text
+  > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(134, 239, 172, 0.16);
+  border-color: transparent;
+  color: var(--success-secondary);
+}
+
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
+  background-color: transparent;
+  color: var(--warning-secondary);
+  border: 1px solid;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover,
+.p-splitbutton.p-button-warning.p-button-outlined
+  > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(252, 211, 77, 0.04);
+  color: var(--warning-secondary);
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active,
+.p-splitbutton.p-button-warning.p-button-outlined
+  > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(252, 211, 77, 0.16);
+  color: var(--warning-secondary);
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button {
+  background-color: transparent;
+  color: var(--warning-secondary);
+  border-color: transparent;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover,
+.p-splitbutton.p-button-warning.p-button-text
+  > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(252, 211, 77, 0.04);
+  border-color: transparent;
+  color: var(--warning-secondary);
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active,
+.p-splitbutton.p-button-warning.p-button-text
+  > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(252, 211, 77, 0.16);
+  border-color: transparent;
+  color: var(--warning-secondary);
+}
+
+.p-splitbutton.p-button-help.p-button-outlined > .p-button {
+  background-color: transparent;
+  color: #d8b4fe;
+  border: 1px solid;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover,
+.p-splitbutton.p-button-help.p-button-outlined
+  > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(216, 180, 254, 0.04);
+  color: #d8b4fe;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active,
+.p-splitbutton.p-button-help.p-button-outlined
+  > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(216, 180, 254, 0.16);
+  color: #d8b4fe;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button {
+  background-color: transparent;
+  color: #d8b4fe;
+  border-color: transparent;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover,
+.p-splitbutton.p-button-help.p-button-text
+  > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(216, 180, 254, 0.04);
+  border-color: transparent;
+  color: #d8b4fe;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active,
+.p-splitbutton.p-button-help.p-button-text
+  > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(216, 180, 254, 0.16);
+  border-color: transparent;
+  color: #d8b4fe;
+}
+
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
+  background-color: transparent;
+  color: var(--error-secondary);
+  border: 1px solid;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover,
+.p-splitbutton.p-button-danger.p-button-outlined
+  > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(252, 165, 165, 0.04);
+  color: var(--error-secondary);
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active,
+.p-splitbutton.p-button-danger.p-button-outlined
+  > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(252, 165, 165, 0.16);
+  color: var(--error-secondary);
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button {
+  background-color: transparent;
+  color: var(--error-secondary);
+  border-color: transparent;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover,
+.p-splitbutton.p-button-danger.p-button-text
+  > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(252, 165, 165, 0.04);
+  border-color: transparent;
+  color: var(--error-secondary);
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active,
+.p-splitbutton.p-button-danger.p-button-text
+  > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(252, 165, 165, 0.16);
+  border-color: transparent;
+  color: var(--error-secondary);
+}
+
+.p-carousel .p-carousel-content .p-carousel-prev,
+.p-carousel .p-carousel-content .p-carousel-next {
+  width: 2rem;
+  height: 2rem;
+  color: rgba(255, 255, 255, 0.6);
+  border: 0 none;
+  background: transparent;
+  border-radius: 50%;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+  margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+  color: rgba(255, 255, 255, 0.87);
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-carousel .p-carousel-indicators {
+  padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+  margin-right: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+  background-color: var(--htwk-grau); /*#0b213f*/
+  width: 2rem;
+  height: 0.5rem;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+  border-radius: 0;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: rgba(255, 255, 255, 0.87);
+}
+
+.p-datatable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+  border-width: 0 0 1px 0;
+  border-radius: 0;
+}
+.p-datatable .p-datatable-header {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.6);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 0 0 1px 0;
+  padding: 1rem 1rem;
+  font-weight: 700;
+}
+.p-datatable .p-datatable-footer {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 0 0 1px 0;
+  padding: 1rem 1rem;
+  font-weight: 700;
+}
+.p-datatable .p-datatable-thead > tr > th {
+  text-align: left;
+  padding: 1rem 1rem;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 0 0 1px 0;
+  font-weight: 700;
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#071426*/
+  transition: box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tfoot > tr > td {
+  text-align: left;
+  padding: 1rem 1rem;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 0 0 1px 0;
+  font-weight: 700;
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#071426*/
+}
+.p-datatable .p-sortable-column .p-sortable-column-icon {
+  color: rgba(255, 255, 255, 0.6);
+  margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column .p-sortable-column-badge {
+  border-radius: 50%;
+  height: 1.143rem;
+  min-width: 1.143rem;
+  line-height: 1.143rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable
+  .p-sortable-column:not(.p-highlight):hover
+  .p-sortable-column-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-sortable-column:focus {
+  box-shadow: inset 0 0 0 0.15rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  transition: box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+  text-align: left;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 0 0 1px 0;
+  padding: 1rem 1rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+  width: 2rem;
+  height: 2rem;
+  color: rgba(255, 255, 255, 0.6);
+  border: 0 none;
+  background: transparent;
+  border-radius: 50%;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+  color: rgba(255, 255, 255, 0.87);
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+  margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+  font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr:focus {
+  outline: 0.15rem solid rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  outline-offset: -0.15rem;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+  box-shadow: inset 0 2px 0 0 rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+  box-shadow: inset 0 -2px 0 0 rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-datatable.p-datatable-hoverable-rows
+  .p-datatable-tbody
+  > tr:not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable .p-column-resizer-helper {
+  background: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-datatable.p-datatable-scrollable
+  > .p-datatable-wrapper
+  > .p-datatable-table
+  > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable
+  > .p-datatable-wrapper
+  > .p-datatable-table
+  > .p-datatable-tfoot,
+.p-datatable.p-datatable-scrollable
+  > .p-datatable-wrapper
+  > .p-virtualscroller
+  > .p-datatable-table
+  > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable
+  > .p-datatable-wrapper
+  > .p-virtualscroller
+  > .p-datatable-table
+  > .p-datatable-tfoot {
+  background-color: var(--htwk-grau); /*#071426*/
+}
+.p-datatable .p-datatable-loading-icon {
+  font-size: 2rem;
+}
+.p-datatable .p-datatable-loading-icon.p-icon {
+  width: 2rem;
+  height: 2rem;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-header {
+  border-width: 1px 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-footer {
+  border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-top {
+  border-width: 0 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-bottom {
+  border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
+  border-width: 1px 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
+  border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
+  border-width: 1px 0 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
+  border-width: 1px 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
+  border-width: 1px 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines
+  .p-datatable-tbody
+  > tr:last-child
+  > td:last-child {
+  border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
+  border-width: 1px 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
+  border-width: 1px 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines
+  .p-datatable-thead
+  + .p-datatable-tfoot
+  > tr
+  > td {
+  border-width: 0 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines
+  .p-datatable-thead
+  + .p-datatable-tfoot
+  > tr
+  > td:last-child {
+  border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(
+    .p-datatable-tbody
+  )
+  .p-datatable-tbody
+  > tr
+  > td {
+  border-width: 0 0 1px 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(
+    .p-datatable-tbody
+  )
+  .p-datatable-tbody
+  > tr
+  > td:last-child {
+  border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(
+    .p-datatable-tfoot
+  )
+  .p-datatable-tbody
+  > tr:last-child
+  > td {
+  border-width: 0 0 0 1px;
+}
+.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(
+    .p-datatable-tfoot
+  )
+  .p-datatable-tbody
+  > tr:last-child
+  > td:last-child {
+  border-width: 0 1px 0 1px;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
+  background: var(--htwk-grau-120);
+}
+.p-datatable.p-datatable-striped
+  .p-datatable-tbody
+  > tr:nth-child(even).p-highlight {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped
+  .p-datatable-tbody
+  > tr:nth-child(even).p-highlight
+  .p-row-toggler {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-striped
+  .p-datatable-tbody
+  > tr:nth-child(even).p-highlight
+  .p-row-toggler:hover {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-datatable.p-datatable-sm .p-datatable-header {
+  padding: 0.5rem 0.5rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
+  padding: 0.5rem 0.5rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
+  padding: 0.5rem 0.5rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
+  padding: 0.5rem 0.5rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-footer {
+  padding: 0.5rem 0.5rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-header {
+  padding: 1.25rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
+  padding: 1.25rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
+  padding: 1.25rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
+  padding: 1.25rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-footer {
+  padding: 1.25rem 1.25rem;
+}
+
+.p-dataview .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+  border-width: 0 0 1px 0;
+  border-radius: 0;
+}
+.p-dataview .p-dataview-header {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.6);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 0 0 1px 0;
+  padding: 1rem 1rem;
+  font-weight: 700;
+}
+.p-dataview .p-dataview-content {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 0 none;
+  padding: 0;
+}
+.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
+  border: solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 0 0 1px 0;
+}
+.p-dataview .p-dataview-footer {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 0 0 1px 0;
+  padding: 1rem 1rem;
+  font-weight: 700;
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.p-column-filter-row .p-column-filter-menu-button,
+.p-column-filter-row .p-column-filter-clear-button {
+  margin-left: 0.5rem;
+}
+
+.p-column-filter-menu-button {
+  width: 2rem;
+  height: 2rem;
+  color: rgba(255, 255, 255, 0.6);
+  border: 0 none;
+  background: transparent;
+  border-radius: 50%;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+  color: rgba(255, 255, 255, 0.87);
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open,
+.p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active,
+.p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-column-filter-menu-button:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+
+.p-column-filter-clear-button {
+  width: 2rem;
+  height: 2rem;
+  color: rgba(255, 255, 255, 0.6);
+  border: 0 none;
+  background: transparent;
+  border-radius: 50%;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+  color: rgba(255, 255, 255, 0.87);
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-clear-button:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+
+.p-column-filter-overlay {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-radius: 6px;
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+  padding: 0.75rem 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+  margin: 0;
+  padding: 0.75rem 1.25rem;
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+  transition: box-shadow 0.2s;
+  border-radius: 0;
+}
+.p-column-filter-overlay
+  .p-column-filter-row-items
+  .p-column-filter-row-item.p-highlight {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-column-filter-overlay
+  .p-column-filter-row-items
+  .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-column-filter-overlay
+  .p-column-filter-row-items
+  .p-column-filter-row-item:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: inset 0 0 0 0.15rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+  border-top: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  margin: 0.25rem 0;
+}
+
+.p-column-filter-overlay-menu .p-column-filter-operator {
+  padding: 0.75rem 1.25rem;
+  border-bottom: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#071426*/
+  margin: 0;
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint {
+  padding: 1.25rem;
+  border-bottom: 1px solid var(--htwk-grau-140); /*#0b213f*/
+}
+.p-column-filter-overlay-menu
+  .p-column-filter-constraint
+  .p-column-filter-matchmode-dropdown {
+  margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu
+  .p-column-filter-constraint
+  .p-column-filter-remove-button {
+  margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+  border-bottom: 0 none;
+}
+.p-column-filter-overlay-menu .p-column-filter-add-rule {
+  padding: 0.75rem 1.25rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-buttonbar {
+  padding: 1.25rem;
+}
+
+.fc {
+  /* FullCalendar 4 */
+  /* FullCalendar 5 */
+}
+.fc.fc-unthemed .fc-view-container th {
+  background: var(--htwk-grau); /*#071426*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.fc.fc-unthemed .fc-view-container td.fc-widget-content {
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.fc.fc-unthemed .fc-view-container td.fc-head-container {
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+}
+.fc.fc-unthemed .fc-view-container .fc-view {
+  background: var(--htwk-grau); /*#071426*/
+}
+.fc.fc-unthemed .fc-view-container .fc-row {
+  border-right: 1px solid var(--htwk-grau); /*#0b213f*/
+}
+.fc.fc-unthemed .fc-view-container .fc-event {
+  background: var(--button-primary);
+  border: 1px solid var(--button-tertiary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.fc.fc-unthemed .fc-view-container .fc-divider {
+  background: var(--htwk-grau); /*#071426*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+}
+.fc.fc-unthemed .fc-toolbar .fc-button {
+  color: var(--htwk-schwarz); /*#1c2127*/
+  background: var(--htwk-yellow); /*#93c5fd*/
+  border: 1px solid var(--htwk-yellow); /*#93c5fd*/
+  font-size: 1rem;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
+  background: var(--button-primary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: var(--button-tertiary);
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
+  background: var(--button-primary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: var(--button-primary-border);
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
+  font-family: "PrimeIcons" !important;
+  text-indent: 0;
+  font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+  content: "\e900";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
+  font-family: "PrimeIcons" !important;
+  text-indent: 0;
+  font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+  content: "\e901";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button,
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button,
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
+  background: var(--htwk-grau); /*#071426*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+  background: rgba(255, 255, 255, 0.03);
+  border-color: var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+  background: var(--htwk-yellow); /*#93c5fd*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.fc.fc-unthemed
+  .fc-toolbar
+  .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
+.fc.fc-unthemed
+  .fc-toolbar
+  .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
+.fc.fc-unthemed
+  .fc-toolbar
+  .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+  background: var(--button-primary);
+  border-color: var(--button-tertiary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus,
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus,
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  z-index: 1;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
+  border-radius: 0;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
+  border-color: var(--htwk-grau-140); /*#0b213f*/
+}
+.fc.fc-theme-standard .fc-view-harness th {
+  background: var(--htwk-grau); /*#071426*/
+  border-color: var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.fc.fc-theme-standard .fc-view-harness td {
+  color: rgba(255, 255, 255, 0.87);
+  border-color: var(--htwk-grau-140); /*#0b213f*/
+}
+.fc.fc-theme-standard .fc-view-harness .fc-view {
+  background: var(--htwk-grau); /*#071426*/
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover {
+  background: none;
+  border: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  padding: 1.25rem;
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.fc.fc-theme-standard
+  .fc-view-harness
+  .fc-popover
+  .fc-popover-header
+  .fc-popover-close {
+  opacity: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  font-family: "PrimeIcons" !important;
+  font-size: 1rem;
+  width: 2rem;
+  height: 2rem;
+  color: rgba(255, 255, 255, 0.6);
+  border: 0 none;
+  background: transparent;
+  border-radius: 50%;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+}
+.fc.fc-theme-standard
+  .fc-view-harness
+  .fc-popover
+  .fc-popover-header
+  .fc-popover-close:before {
+  content: "\e90b";
+}
+.fc.fc-theme-standard
+  .fc-view-harness
+  .fc-popover
+  .fc-popover-header
+  .fc-popover-close:hover {
+  color: rgba(255, 255, 255, 0.87);
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.03);
+}
+.fc.fc-theme-standard
+  .fc-view-harness
+  .fc-popover
+  .fc-popover-header
+  .fc-popover-close:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
+  padding: 1.25rem;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
+  color: var(--htwk-schwarz); /*#1c2127*/
+  background: var(--button-primary);
+  border-color: var(--button-tertiary);
+}
+.fc.fc-theme-standard
+  .fc-view-harness
+  .fc-event.fc-daygrid-block-event
+  .fc-event-main {
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.fc.fc-theme-standard
+  .fc-view-harness
+  .fc-event.fc-daygrid-dot-event
+  .fc-daygrid-event-dot {
+  background: var(--button-primary);
+  border-color: var(--button-tertiary);
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.87);
+}
+.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
+  background: var(--htwk-grau); /*#071426*/
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button {
+  color: var(--htwk-schwarz); /*#1c2127*/
+  background: var(--htwk-yellow); /*#93c5fd*/
+  border: 1px solid var(--htwk-yellow); /*#93c5fd*/
+  font-size: 1rem;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+  border-radius: 6px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
+  background: var(--button-tertiary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: var(--button-tertiary);
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
+  background: var(--button-secondary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: var(--button-primary-border);
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
+  opacity: 0.4;
+  color: var(--htwk-schwarz); /*#1c2127*/
+  background: var(--htwk-yellow); /*#93c5fd*/
+  border: 1px solid var(--htwk-yellow); /*#93c5fd*/
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
+  font-family: "PrimeIcons" !important;
+  text-indent: 0;
+  font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+  content: "\e900";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
+  font-family: "PrimeIcons" !important;
+  text-indent: 0;
+  font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+  content: "\e901";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button,
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button,
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
+  background: var(--htwk-grau); /*#071426*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+  background: rgba(255, 255, 255, 0.03);
+  border-color: var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-dayGridMonth-button.fc-button-active,
+.fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridWeek-button.fc-button-active,
+.fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridDay-button.fc-button-active {
+  background: var(--htwk-yellow); /*#93c5fd*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
+.fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
+.fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+  background: var(--button-primary);
+  border-color: var(--button-tertiary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
+.fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridWeek-button:not(:disabled):focus,
+.fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridDay-button:not(:disabled):focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  z-index: 1;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
+  border-radius: 0;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+.fc.fc-theme-standard .fc-highlight {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+
+.p-orderlist .p-orderlist-controls {
+  padding: 1.25rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+  margin-bottom: 0.5rem;
+}
+.p-orderlist .p-orderlist-header {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  padding: 1.25rem;
+  font-weight: 700;
+  border-bottom: 0 none;
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+}
+.p-orderlist .p-orderlist-list {
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  padding: 0.75rem 0;
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+  outline: 0 none;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+  padding: 0.75rem 1.25rem;
+  margin: 0;
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+  transition:
+    transform 0.2s,
+    box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+  background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
+}
+.p-orderlist.p-orderlist-striped
+  .p-orderlist-list
+  .p-orderlist-item:nth-child(even) {
+  background: rgba(255, 255, 255, 0.01);
+}
+.p-orderlist.p-orderlist-striped
+  .p-orderlist-list
+  .p-orderlist-item:nth-child(even):hover {
+  background: rgba(255, 255, 255, 0.03);
+}
+
+.p-organizationchart
+  .p-organizationchart-node-content.p-organizationchart-selectable-node:not(
+    .p-highlight
+  ):hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-organizationchart
+  .p-organizationchart-node-content.p-highlight
+  .p-node-toggler
+  i {
+  color: rgba(22, 130, 251, 0.16);
+}
+.p-organizationchart .p-organizationchart-line-down {
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-organizationchart .p-organizationchart-line-left {
+  border-right: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-color: var(--htwk-grau-140); /*#0b213f*/
+}
+.p-organizationchart .p-organizationchart-line-top {
+  border-top: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-color: var(--htwk-grau-140); /*#0b213f*/
+}
+.p-organizationchart .p-organizationchart-node-content {
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  padding: 1.25rem;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
+  background: inherit;
+  color: inherit;
+  border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+
+.p-paginator {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.6);
+  border: solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 1px;
+  padding: 0.5rem 1rem;
+  border-radius: 6px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+  background-color: transparent;
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.6);
+  min-width: 3rem;
+  height: 3rem;
+  margin: 0.143rem;
+  transition: box-shadow 0.2s;
+  border-radius: 6px;
+}
+.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-first {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.p-paginator .p-paginator-last {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+.p-paginator .p-dropdown {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+  height: 3rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+  padding-right: 0;
+}
+.p-paginator .p-paginator-page-input {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+.p-paginator .p-paginator-page-input .p-inputtext {
+  max-width: 3rem;
+}
+.p-paginator .p-paginator-current {
+  background-color: transparent;
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.6);
+  min-width: 3rem;
+  height: 3rem;
+  margin: 0.143rem;
+  padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+  background-color: transparent;
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.6);
+  min-width: 3rem;
+  height: 3rem;
+  margin: 0.143rem;
+  transition: box-shadow 0.2s;
+  border-radius: 6px;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  border-color: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
+  color: rgba(255, 255, 255, 0.87);
+}
+
+.p-picklist .p-picklist-buttons {
+  padding: 1.25rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+  margin-bottom: 0.5rem;
+}
+.p-picklist .p-picklist-header {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  padding: 1.25rem;
+  font-weight: 700;
+  border-bottom: 0 none;
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+}
+.p-picklist .p-picklist-list {
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  padding: 0.75rem 0;
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+  outline: 0 none;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+  padding: 0.75rem 1.25rem;
+  margin: 0;
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.87);
+  background: transparent;
+  transition:
+    transform 0.2s,
+    box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-focus {
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+  background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
+}
+.p-picklist.p-picklist-striped
+  .p-picklist-list
+  .p-picklist-item:nth-child(even) {
+  background: rgba(255, 255, 255, 0.01);
+}
+.p-picklist.p-picklist-striped
+  .p-picklist-list
+  .p-picklist-item:nth-child(even):hover {
+  background: rgba(255, 255, 255, 0.03);
+}
+
+.p-timeline .p-timeline-event-marker {
+  border: 2px solid var(--htwk-yellow); /*#93c5fd*/
+  border-radius: 50%;
+  width: 1rem;
+  height: 1rem;
+  background-color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-timeline .p-timeline-event-connector {
+  background-color: var(--htwk-grau); /*#0b213f*/
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+  padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+  width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+  padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+  height: 2px;
+}
+
+.p-tree {
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  padding: 1.25rem;
+  border-radius: 6px;
+}
+.p-tree .p-tree-container .p-treenode {
+  padding: 0.143rem;
+  outline: 0 none;
+}
+.p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: inset 0 0 0 0.15rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+  border-radius: 6px;
+  transition: box-shadow 0.2s;
+  padding: 0.5rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+  margin-right: 0.5rem;
+  width: 2rem;
+  height: 2rem;
+  color: rgba(255, 255, 255, 0.6);
+  border: 0 none;
+  background: transparent;
+  border-radius: 50%;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+}
+.p-tree
+  .p-tree-container
+  .p-treenode
+  .p-treenode-content
+  .p-tree-toggler:enabled:hover {
+  color: rgba(255, 255, 255, 0.87);
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-tree
+  .p-tree-container
+  .p-treenode
+  .p-treenode-content
+  .p-tree-toggler:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+  margin-right: 0.5rem;
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+  margin-right: 0.5rem;
+}
+.p-tree
+  .p-tree-container
+  .p-treenode
+  .p-treenode-content
+  .p-checkbox
+  .p-indeterminate
+  .p-checkbox-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-tree
+  .p-tree-container
+  .p-treenode
+  .p-treenode-content.p-highlight
+  .p-tree-toggler,
+.p-tree
+  .p-tree-container
+  .p-treenode
+  .p-treenode-content.p-highlight
+  .p-treenode-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-tree
+  .p-tree-container
+  .p-treenode
+  .p-treenode-content.p-highlight
+  .p-tree-toggler:hover,
+.p-tree
+  .p-tree-container
+  .p-treenode
+  .p-treenode-content.p-highlight
+  .p-treenode-icon:hover {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-tree
+  .p-tree-container
+  .p-treenode
+  .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-tree .p-tree-filter-container {
+  margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+  width: 100%;
+  padding-right: 1.75rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+  right: 0.75rem;
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-tree .p-treenode-children {
+  padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+  font-size: 2rem;
+}
+.p-tree .p-tree-loading-icon.p-icon {
+  width: 2rem;
+  height: 2rem;
+}
+
+.p-treetable .p-paginator-top {
+  border-width: 1px 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+  border-width: 0 0 1px 0;
+  border-radius: 0;
+}
+.p-treetable .p-treetable-header {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.6);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 0 0 1px 0;
+  padding: 1rem 1rem;
+  font-weight: 700;
+}
+.p-treetable .p-treetable-footer {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 0 0 1px 0;
+  padding: 1rem 1rem;
+  font-weight: 700;
+}
+.p-treetable .p-treetable-thead > tr > th {
+  text-align: left;
+  padding: 1rem 1rem;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 0 0 1px 0;
+  font-weight: 700;
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#071426*/
+  transition: box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tfoot > tr > td {
+  text-align: left;
+  padding: 1rem 1rem;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 0 0 1px 0;
+  font-weight: 700;
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#071426*/
+}
+.p-treetable .p-sortable-column {
+  outline-color: rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+  color: rgba(255, 255, 255, 0.6);
+  margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+  border-radius: 50%;
+  height: 1.143rem;
+  min-width: 1.143rem;
+  line-height: 1.143rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable
+  .p-sortable-column:not(.p-highlight):hover
+  .p-sortable-column-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  transition: box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+  text-align: left;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 0 0 1px 0;
+  padding: 1rem 1rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+  width: 2rem;
+  height: 2rem;
+  color: rgba(255, 255, 255, 0.6);
+  border: 0 none;
+  background: transparent;
+  border-radius: 50%;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+  margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+  color: rgba(255, 255, 255, 0.87);
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
+  margin-right: 0.5rem;
+}
+.p-treetable
+  .p-treetable-tbody
+  > tr
+  > td
+  .p-treetable-toggler
+  + .p-checkbox
+  .p-indeterminate
+  .p-checkbox-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr:focus {
+  outline: 0.15rem solid rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  outline-offset: -0.15rem;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows
+  .p-treetable-tbody
+  > tr:not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable.p-treetable-hoverable-rows
+  .p-treetable-tbody
+  > tr:not(.p-highlight):hover
+  .p-treetable-toggler {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-treetable .p-column-resizer-helper {
+  background: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-treetable .p-treetable-scrollable-header,
+.p-treetable .p-treetable-scrollable-footer {
+  background: var(--htwk-grau); /*#071426*/
+}
+.p-treetable .p-treetable-loading-icon {
+  font-size: 2rem;
+}
+.p-treetable .p-treetable-loading-icon.p-icon {
+  width: 2rem;
+  height: 2rem;
+}
+.p-treetable.p-treetable-gridlines .p-datatable-header {
+  border-width: 1px 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-footer {
+  border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-top {
+  border-width: 0 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-bottom {
+  border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
+  border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
+  border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
+  border-width: 1px;
+}
+.p-treetable.p-treetable-sm .p-treetable-header {
+  padding: 0.875rem 0.875rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
+  padding: 0.5rem 0.5rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
+  padding: 0.5rem 0.5rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
+  padding: 0.5rem 0.5rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-footer {
+  padding: 0.5rem 0.5rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-header {
+  padding: 1.25rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
+  padding: 1.25rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
+  padding: 1.25rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
+  padding: 1.25rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-footer {
+  padding: 1.25rem 1.25rem;
+}
+
+.p-accordion .p-accordion-header .p-accordion-header-link {
+  padding: 1.25rem;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#071426*/
+  font-weight: 700;
+  border-radius: 6px;
+  transition: box-shadow 0.2s;
+}
+.p-accordion
+  .p-accordion-header
+  .p-accordion-header-link
+  .p-accordion-toggle-icon {
+  margin-right: 0.5rem;
+}
+.p-accordion
+  .p-accordion-header:not(.p-disabled)
+  .p-accordion-header-link:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: inset 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-accordion
+  .p-accordion-header:not(.p-highlight):not(.p-disabled):hover
+  .p-accordion-header-link {
+  background: rgba(255, 255, 255, 0.03);
+  border-color: var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-accordion
+  .p-accordion-header:not(.p-disabled).p-highlight
+  .p-accordion-header-link {
+  background: var(--htwk-grau); /*#071426*/
+  border-color: var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.p-accordion
+  .p-accordion-header:not(.p-disabled).p-highlight:hover
+  .p-accordion-header-link {
+  border-color: var(--htwk-grau-140); /*#0b213f*/
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-accordion .p-accordion-content {
+  padding: 1.25rem;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border-top: 0;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.p-accordion .p-accordion-tab {
+  margin-bottom: 4px;
+}
+
+.p-card {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  box-shadow:
+    0 2px 1px -1px rgba(0, 0, 0, 0.2),
+    0 1px 1px 0 rgba(0, 0, 0, 0.14),
+    0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+}
+.p-card .p-card-body {
+  padding: 1.25rem;
+}
+.p-card .p-card-title {
+  font-size: 1.5rem;
+  font-weight: 700;
+  margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+  font-weight: 400;
+  margin-bottom: 0.5rem;
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-card .p-card-content {
+  padding: 1.25rem 0;
+}
+.p-card .p-card-footer {
+  padding: 1.25rem 0 0 0;
+}
+
+.p-fieldset {
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 6px;
+}
+.p-fieldset .p-fieldset-legend {
+  padding: 1.25rem;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#071426*/
+  font-weight: 700;
+  border-radius: 6px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+  padding: 0;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+  padding: 1.25rem;
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 6px;
+  transition: box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+  margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+  background: rgba(255, 255, 255, 0.03);
+  border-color: var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-fieldset .p-fieldset-content {
+  padding: 1.25rem;
+}
+
+.p-divider .p-divider-content {
+  background-color: var(--htwk-grau); /*#071426*/
+}
+.p-divider.p-divider-horizontal {
+  margin: 1.25rem 0;
+  padding: 0 1.25rem;
+}
+.p-divider.p-divider-horizontal:before {
+  border-top: 1px var(--htwk-grau); /*#0b213f*/
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+  padding: 0 0.5rem;
+}
+.p-divider.p-divider-vertical {
+  margin: 0 1.25rem;
+  padding: 1.25rem 0;
+}
+.p-divider.p-divider-vertical:before {
+  border-left: 1px var(--htwk-grau); /*#0b213f*/
+}
+.p-divider.p-divider-vertical .p-divider-content {
+  padding: 0.5rem 0;
+}
+
+.p-panel .p-panel-header {
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  padding: 1.25rem;
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+}
+.p-panel .p-panel-header .p-panel-title {
+  font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+  width: 2rem;
+  height: 2rem;
+  color: rgba(255, 255, 255, 0.6);
+  border: 0 none;
+  background: transparent;
+  border-radius: 50%;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+  color: rgba(255, 255, 255, 0.87);
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-panel.p-panel-toggleable .p-panel-header {
+  padding: 0.75rem 1.25rem;
+}
+.p-panel .p-panel-content {
+  padding: 1.25rem;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border-top: 0 none;
+}
+.p-panel .p-panel-content:last-child {
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.p-panel .p-panel-footer {
+  padding: 0.75rem 1.25rem;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+  border-top: 0 none;
+}
+
+.p-scrollpanel .p-scrollpanel-bar {
+  background: var(--htwk-grau); /*#0b213f*/
+  border: 0 none;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+
+.p-splitter {
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  background: var(--htwk-grau); /*#071426*/
+  border-radius: 6px;
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-splitter .p-splitter-gutter {
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+  background: var(--htwk-grau); /*#0b213f*/
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-splitter .p-splitter-gutter-resizing {
+  background: var(--htwk-grau); /*#0b213f*/
+}
+
+.p-tabview .p-tabview-nav {
+  background: transparent;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 0 0 2px 0;
+}
+.p-tabview .p-tabview-nav li {
+  margin-right: 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+  border: solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 0 0 2px 0;
+  border-color: transparent transparent #0b213f transparent;
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.6);
+  padding: 1.25rem;
+  font-weight: 700;
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+  transition: box-shadow 0.2s;
+  margin: 0 0 -2px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: inset 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-tabview
+  .p-tabview-nav
+  li:not(.p-highlight):not(.p-disabled):hover
+  .p-tabview-nav-link {
+  background: var(--htwk-grau); /*#071426*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+  background: var(--htwk-grau); /*#071426*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+  color: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-tabview .p-tabview-nav-btn.p-link {
+  background: var(--htwk-grau); /*#071426*/
+  color: var(--htwk-yellow); /*#93c5fd*/
+  width: 3rem;
+  box-shadow:
+    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
+    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
+    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 0;
+}
+.p-tabview .p-tabview-nav-btn.p-link:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: inset 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-tabview .p-tabview-panels {
+  background: var(--htwk-grau); /*#071426*/
+  padding: 1.25rem;
+  border: 0 none;
+  color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.p-toolbar {
+  background: var(--htwk-grau); /*#071426*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  padding: 1.25rem;
+  border-radius: 6px;
+  gap: 0.5rem;
+}
+.p-toolbar .p-toolbar-separator {
+  margin: 0 0.5rem;
+}
+
+.p-confirm-popup {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-radius: 6px;
+  box-shadow:
+    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
+    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
+    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-confirm-popup .p-confirm-popup-content {
+  padding: 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+  text-align: right;
+  padding: 0 1.25rem 1.25rem 1.25rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+  margin: 0 0.5rem 0 0;
+  width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+  margin: 0;
+}
+.p-confirm-popup:after {
+  border: solid transparent;
+  border-color: rgba(7, 20, 38, 0);
+  border-bottom-color: var(--htwk-grau); /*#071426*/
+}
+.p-confirm-popup:before {
+  border: solid transparent;
+  border-color: rgba(11, 33, 63, 0);
+  border-bottom-color: var(--htwk-grau); /*#0b213f*/
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+  border-top-color: var(--htwk-grau); /*#071426*/
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+  border-top-color: var(--htwk-grau); /*#0b213f*/
+}
+.p-confirm-popup .p-confirm-popup-icon {
+  font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-icon.p-icon {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+  margin-left: 1rem;
+}
+
+.p-dialog {
+  border-radius: 6px;
+  box-shadow:
+    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
+    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
+    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+}
+.p-dialog .p-dialog-header {
+  border-bottom: 0 none;
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  padding: 1.5rem;
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+  font-weight: 700;
+  font-size: 1.25rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+  width: 2rem;
+  height: 2rem;
+  color: rgba(255, 255, 255, 0.6);
+  border: 0 none;
+  background: transparent;
+  border-radius: 50%;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+  margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+  color: rgba(255, 255, 255, 0.87);
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+  margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  padding: 0 1.5rem 2rem 1.5rem;
+}
+.p-dialog .p-dialog-content:last-of-type {
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.p-dialog .p-dialog-footer {
+  border-top: 0 none;
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  padding: 0 1.5rem 1.5rem 1.5rem;
+  text-align: right;
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.p-dialog .p-dialog-footer button {
+  margin: 0 0.5rem 0 0;
+  width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+  font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
+  margin-left: 1rem;
+}
+
+.p-overlaypanel {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-radius: 6px;
+  box-shadow:
+    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
+    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
+    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-overlaypanel .p-overlaypanel-content {
+  padding: 1.25rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+  background: var(--htwk-yellow); /*#93c5fd*/
+  color: var(--htwk-schwarz); /*#1c2127*/
+  width: 2rem;
+  height: 2rem;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+  border-radius: 50%;
+  position: absolute;
+  top: -1rem;
+  right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+  background: var(--button-tertiary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-overlaypanel:after {
+  border: solid transparent;
+  border-color: rgba(7, 20, 38, 0);
+  border-bottom-color: var(--htwk-grau); /*#071426*/
+}
+.p-overlaypanel:before {
+  border: solid transparent;
+  border-color: rgba(11, 33, 63, 0);
+  border-bottom-color: #0a1f3c;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+  border-top-color: var(--htwk-grau); /*#071426*/
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+  border-top-color: var(--htwk-grau); /*#0b213f*/
+}
+
+.p-sidebar {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  box-shadow:
+    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
+    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
+    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+.p-sidebar .p-sidebar-header {
+  padding: 1.25rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+  width: 2rem;
+  height: 2rem;
+  color: rgba(255, 255, 255, 0.6);
+  border: 0 none;
+  background: transparent;
+  border-radius: 50%;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+  color: rgba(255, 255, 255, 0.87);
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+  padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+  padding: 1.25rem;
+}
+
+.p-tooltip .p-tooltip-text {
+  background: var(--htwk-grau); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  padding: 0.75rem 0.75rem;
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+}
+.p-tooltip.p-tooltip-right .p-tooltip-arrow {
+  border-right-color: var(--htwk-grau); /*#0b213f*/
+}
+.p-tooltip.p-tooltip-left .p-tooltip-arrow {
+  border-left-color: var(--htwk-grau); /*#0b213f*/
+}
+.p-tooltip.p-tooltip-top .p-tooltip-arrow {
+  border-top-color: var(--htwk-grau); /*#0b213f*/
+}
+.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
+  border-bottom-color: var(--htwk-grau); /*#0b213f*/
+}
+
+.p-fileupload .p-fileupload-buttonbar {
+  background: var(--htwk-grau); /*#071426*/
+  padding: 1.25rem;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  border-bottom: 0 none;
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+  gap: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-fileupload .p-fileupload-content {
+  background: var(--htwk-grau); /*#071426*/
+  padding: 2rem 1rem;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed var(--htwk-yellow); /*#93c5fd*/
+  background-color: rgba(
+    var(--htwk-yellow),
+    0.16
+  ); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-fileupload .p-fileupload-file {
+  padding: 1rem;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-radius: 6px;
+  gap: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+  margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+  margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+  margin-right: 0.5rem;
+}
+.p-fileupload .p-progressbar {
+  height: 0.25rem;
+}
+.p-fileupload .p-fileupload-row > div {
+  padding: 1rem 1rem;
+}
+.p-fileupload.p-fileupload-advanced .p-message {
+  margin-top: 0;
+}
+
+.p-fileupload-choose:not(.p-disabled):hover {
+  background: var(--button-primary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: var(--button-tertiary);
+}
+.p-fileupload-choose:not(.p-disabled):active {
+  background: var(--button-primary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+  border-color: var(--button-primary-border);
+}
+
+.p-breadcrumb {
+  background: var(--htwk-grau); /*#091a32*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-radius: 6px;
+  padding: 1rem;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
+  transition: box-shadow 0.2s;
+  border-radius: 6px;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
+  margin: 0 0.5rem 0 0.5rem;
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.p-contextmenu {
+  padding: 0.25rem 0;
+  background: var(--htwk-grau); /*#091a32*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+  width: 12.5rem;
+}
+.p-contextmenu .p-contextmenu-root-list {
+  outline: 0 none;
+}
+.p-contextmenu .p-submenu-list {
+  padding: 0.25rem 0;
+  background: var(--htwk-grau); /*#091a32*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  transition: box-shadow 0.2s;
+  border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+  color: rgba(255, 255, 255, 0.87);
+  padding: 0.75rem 1.25rem;
+  user-select: none;
+}
+.p-contextmenu
+  .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu
+  .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon {
+  color: rgba(255, 255, 255, 0.6);
+  margin-right: 0.5rem;
+}
+.p-contextmenu
+  .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-contextmenu
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-contextmenu
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+  background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
+}
+.p-contextmenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-contextmenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-contextmenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-contextmenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-contextmenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem-separator {
+  border-top: 1px solid var(--htwk-grau); /*#0b213f*/
+  margin: 0.25rem 0;
+}
+.p-contextmenu .p-submenu-icon {
+  font-size: 0.875rem;
+}
+.p-contextmenu .p-submenu-icon.p-icon {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+.p-dock .p-dock-list-container {
+  background: rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  padding: 0.5rem 0.5rem;
+  border-radius: 0.5rem;
+}
+.p-dock .p-dock-list-container .p-dock-list {
+  outline: 0 none;
+}
+.p-dock .p-dock-item {
+  padding: 0.5rem;
+  border-radius: 6px;
+}
+.p-dock .p-dock-item.p-focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: inset 0 0 0 0.15rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-dock .p-dock-link {
+  width: 4rem;
+  height: 4rem;
+}
+.p-dock.p-dock-top .p-dock-item-second-prev,
+.p-dock.p-dock-top .p-dock-item-second-next,
+.p-dock.p-dock-bottom .p-dock-item-second-prev,
+.p-dock.p-dock-bottom .p-dock-item-second-next {
+  margin: 0 0.9rem;
+}
+.p-dock.p-dock-top .p-dock-item-prev,
+.p-dock.p-dock-top .p-dock-item-next,
+.p-dock.p-dock-bottom .p-dock-item-prev,
+.p-dock.p-dock-bottom .p-dock-item-next {
+  margin: 0 1.3rem;
+}
+.p-dock.p-dock-top .p-dock-item-current,
+.p-dock.p-dock-bottom .p-dock-item-current {
+  margin: 0 1.5rem;
+}
+.p-dock.p-dock-left .p-dock-item-second-prev,
+.p-dock.p-dock-left .p-dock-item-second-next,
+.p-dock.p-dock-right .p-dock-item-second-prev,
+.p-dock.p-dock-right .p-dock-item-second-next {
+  margin: 0.9rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-prev,
+.p-dock.p-dock-left .p-dock-item-next,
+.p-dock.p-dock-right .p-dock-item-prev,
+.p-dock.p-dock-right .p-dock-item-next {
+  margin: 1.3rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-current,
+.p-dock.p-dock-right .p-dock-item-current {
+  margin: 1.5rem 0;
+}
+
+@media screen and (max-width: 960px) {
+  .p-dock.p-dock-top .p-dock-list-container,
+  .p-dock.p-dock-bottom .p-dock-list-container {
+    overflow-x: auto;
+    width: 100%;
+  }
+  .p-dock.p-dock-top .p-dock-list-container .p-dock-list,
+  .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
+    margin: 0 auto;
+  }
+  .p-dock.p-dock-left .p-dock-list-container,
+  .p-dock.p-dock-right .p-dock-list-container {
+    overflow-y: auto;
+    height: 100%;
+  }
+  .p-dock.p-dock-left .p-dock-list-container .p-dock-list,
+  .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
+    margin: auto 0;
+  }
+  .p-dock .p-dock-list .p-dock-item {
+    transform: none;
+    margin: 0;
+  }
+}
+.p-megamenu {
+  padding: 0.5rem;
+  background: var(--htwk-grau); /*#091a32*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-radius: 6px;
+}
+.p-megamenu .p-megamenu-root-list {
+  outline: 0 none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  transition: box-shadow 0.2s;
+  border-radius: 0;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+  color: rgba(255, 255, 255, 0.87);
+  padding: 0.75rem 1.25rem;
+  user-select: none;
+}
+.p-megamenu
+  .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu
+  .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon {
+  color: rgba(255, 255, 255, 0.6);
+  margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-megamenu
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-megamenu
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+  background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
+}
+.p-megamenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-megamenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-megamenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-megamenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-megamenu-panel {
+  background: var(--htwk-grau); /*#091a32*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+}
+.p-megamenu .p-submenu-header {
+  margin: 0;
+  padding: 0.75rem 1.25rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#091a32*/
+  font-weight: 700;
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+}
+.p-megamenu .p-submenu-list {
+  padding: 0.25rem 0;
+  width: 12.5rem;
+}
+.p-megamenu .p-submenu-list .p-menuitem-separator {
+  border-top: 1px solid var(--htwk-grau); /*#0b213f*/
+  margin: 0.25rem 0;
+}
+.p-megamenu.p-megamenu-vertical {
+  width: 12.5rem;
+  padding: 0.25rem 0;
+}
+.p-megamenu.p-megamenu-horizontal
+  .p-megamenu-root-list
+  > .p-menuitem
+  > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  transition: box-shadow 0.2s;
+  border-radius: 6px;
+}
+.p-megamenu.p-megamenu-horizontal
+  .p-megamenu-root-list
+  > .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link {
+  padding: 0.75rem 1.25rem;
+  user-select: none;
+}
+.p-megamenu.p-megamenu-horizontal
+  .p-megamenu-root-list
+  > .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu.p-megamenu-horizontal
+  .p-megamenu-root-list
+  > .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon {
+  color: rgba(255, 255, 255, 0.6);
+  margin-right: 0.5rem;
+}
+.p-megamenu.p-megamenu-horizontal
+  .p-megamenu-root-list
+  > .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.6);
+  margin-left: 0.5rem;
+}
+.p-megamenu.p-megamenu-horizontal
+  .p-megamenu-root-list
+  > .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-megamenu.p-megamenu-horizontal
+  .p-megamenu-root-list
+  > .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu.p-megamenu-horizontal
+  .p-megamenu-root-list
+  > .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-megamenu.p-megamenu-horizontal
+  .p-megamenu-root-list
+  > .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+
+.p-menu {
+  padding: 0.25rem 0;
+  background: var(--htwk-grau); /*#091a32*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-radius: 6px;
+  width: 12.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  transition: box-shadow 0.2s;
+  border-radius: 0;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+  color: rgba(255, 255, 255, 0.87);
+  padding: 0.75rem 1.25rem;
+  user-select: none;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+  color: rgba(255, 255, 255, 0.6);
+  margin-right: 0.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-menu
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-menu
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-menu
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+  background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
+}
+.p-menu
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-menu
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-menu
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-menu
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-menu
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-menu
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-menu
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-menu
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-menu.p-menu-overlay {
+  background: var(--htwk-grau); /*#091a32*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+}
+.p-menu .p-submenu-header {
+  margin: 0;
+  padding: 0.75rem 1.25rem;
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#091a32*/
+  font-weight: 700;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+.p-menu .p-menuitem-separator {
+  border-top: 1px solid var(--htwk-grau); /*#0b213f*/
+  margin: 0.25rem 0;
+}
+
+.p-menubar {
+  padding: 0.5rem;
+  background: var(--htwk-grau); /*#091a32*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-radius: 6px;
+}
+.p-menubar .p-menubar-root-list {
+  outline: 0 none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  transition: box-shadow 0.2s;
+  border-radius: 6px;
+}
+.p-menubar
+  .p-menubar-root-list
+  > .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link {
+  padding: 0.75rem 1.25rem;
+  user-select: none;
+}
+.p-menubar
+  .p-menubar-root-list
+  > .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar
+  .p-menubar-root-list
+  > .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon {
+  color: rgba(255, 255, 255, 0.6);
+  margin-right: 0.5rem;
+}
+.p-menubar
+  .p-menubar-root-list
+  > .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.6);
+  margin-left: 0.5rem;
+}
+.p-menubar
+  .p-menubar-root-list
+  > .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar
+  .p-menubar-root-list
+  > .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar
+  .p-menubar-root-list
+  > .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-menubar
+  .p-menubar-root-list
+  > .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  transition: box-shadow 0.2s;
+  border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+  color: rgba(255, 255, 255, 0.87);
+  padding: 0.75rem 1.25rem;
+  user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+  color: rgba(255, 255, 255, 0.6);
+  margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-menubar
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-menubar
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+  background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
+}
+.p-menubar
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-menubar
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-menubar
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-menubar
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-menubar
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-submenu-list {
+  padding: 0.25rem 0;
+  background: var(--htwk-grau); /*#091a32*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  width: 12.5rem;
+}
+.p-menubar .p-submenu-list .p-menuitem-separator {
+  border-top: 1px solid var(--htwk-grau); /*#0b213f*/
+  margin: 0.25rem 0;
+}
+.p-menubar .p-submenu-list .p-submenu-icon {
+  font-size: 0.875rem;
+}
+
+@media screen and (max-width: 960px) {
+  .p-menubar {
+    position: relative;
+  }
+  .p-menubar .p-menubar-button {
+    display: flex;
+    width: 2rem;
+    height: 2rem;
+    color: rgba(255, 255, 255, 0.6);
+    border-radius: 50%;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
+  }
+  .p-menubar .p-menubar-button:hover {
+    color: rgba(255, 255, 255, 0.87);
+    background: rgba(255, 255, 255, 0.03);
+  }
+  .p-menubar .p-menubar-button:focus {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+  }
+  .p-menubar .p-menubar-root-list {
+    position: absolute;
+    display: none;
+    padding: 0.25rem 0;
+    background: var(--htwk-grau); /*#091a32*/
+    border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+    box-shadow:
+      0 2px 4px -1px rgba(0, 0, 0, 0.2),
+      0 4px 5px 0 rgba(0, 0, 0, 0.14),
+      0 1px 10px 0 rgba(0, 0, 0, 0.12);
+    width: 100%;
+  }
+  .p-menubar .p-menubar-root-list .p-menuitem-separator {
+    border-top: 1px solid var(--htwk-grau); /*#0b213f*/
+    margin: 0.25rem 0;
+  }
+  .p-menubar .p-menubar-root-list .p-submenu-icon {
+    font-size: 0.875rem;
+  }
+  .p-menubar .p-menubar-root-list .p-menuitem {
+    width: 100%;
+    position: static;
+  }
+  .p-menubar
+    .p-menubar-root-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
+    margin-left: auto;
+    transition: transform 0.2s;
+  }
+  .p-menubar
+    .p-menubar-root-list
+    .p-menuitem.p-menuitem-active
+    > .p-menuitem-content
+    > .p-menuitem-link
+    > .p-submenu-icon {
+    transform: rotate(-180deg);
+  }
+  .p-menubar .p-menubar-root-list .p-submenu-list {
+    width: 100%;
+    position: static;
+    box-shadow: none;
+    border: 0 none;
+  }
+  .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+    transition: transform 0.2s;
+    transform: rotate(90deg);
+  }
+  .p-menubar
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem-active
+    > .p-menuitem-content
+    > .p-menuitem-link
+    > .p-submenu-icon {
+    transform: rotate(-90deg);
+  }
+  .p-menubar .p-menubar-root-list .p-menuitem {
+    width: 100%;
+    position: static;
+  }
+  .p-menubar
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link {
+    padding-left: 2.25rem;
+  }
+  .p-menubar
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link {
+    padding-left: 3.75rem;
+  }
+  .p-menubar
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link {
+    padding-left: 5.25rem;
+  }
+  .p-menubar
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link {
+    padding-left: 6.75rem;
+  }
+  .p-menubar
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link {
+    padding-left: 8.25rem;
+  }
+  .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+    display: flex;
+    flex-direction: column;
+    top: 100%;
+    left: 0;
+    z-index: 1;
+  }
+}
+.p-panelmenu .p-panelmenu-header {
+  outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#071426*/
+  border-radius: 6px;
+  transition: box-shadow 0.2s;
+}
+.p-panelmenu
+  .p-panelmenu-header
+  .p-panelmenu-header-content
+  .p-panelmenu-header-action {
+  color: rgba(255, 255, 255, 0.87);
+  padding: 1.25rem;
+  font-weight: 700;
+}
+.p-panelmenu
+  .p-panelmenu-header
+  .p-panelmenu-header-content
+  .p-panelmenu-header-action
+  .p-submenu-icon {
+  margin-right: 0.5rem;
+}
+.p-panelmenu
+  .p-panelmenu-header
+  .p-panelmenu-header-content
+  .p-panelmenu-header-action
+  .p-menuitem-icon {
+  margin-right: 0.5rem;
+}
+.p-panelmenu
+  .p-panelmenu-header:not(.p-disabled):focus
+  .p-panelmenu-header-content {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: inset 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-panelmenu
+  .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover
+  .p-panelmenu-header-content {
+  background: rgba(255, 255, 255, 0.03);
+  border-color: var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu
+  .p-panelmenu-header:not(.p-disabled).p-highlight
+  .p-panelmenu-header-content {
+  background: var(--htwk-grau); /*#071426*/
+  border-color: var(--htwk-grau-140); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-bottom: 0;
+}
+.p-panelmenu
+  .p-panelmenu-header:not(.p-disabled).p-highlight:hover
+  .p-panelmenu-header-content {
+  border-color: var(--htwk-grau-140); /*#0b213f*/
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content {
+  padding: 0.25rem 0;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border-top: 0;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+.p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
+  outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  transition: box-shadow 0.2s;
+  border-radius: 0;
+}
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link {
+  color: rgba(255, 255, 255, 0.87);
+  padding: 0.75rem 1.25rem;
+  user-select: none;
+}
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon {
+  color: rgba(255, 255, 255, 0.6);
+  margin-right: 0.5rem;
+}
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem.p-highlight
+  > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem.p-highlight.p-focus
+  > .p-menuitem-content {
+  background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
+}
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu
+  .p-panelmenu-content
+  .p-menuitem
+  .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem-separator {
+  border-top: 1px solid var(--htwk-grau); /*#0b213f*/
+  margin: 0.25rem 0;
+}
+.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
+  padding: 0 0 0 1rem;
+}
+.p-panelmenu .p-panelmenu-panel {
+  margin-bottom: 4px;
+}
+
+.p-steps .p-steps-item .p-menuitem-link {
+  background: transparent;
+  transition: box-shadow 0.2s;
+  border-radius: 6px;
+  background: transparent;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+  color: rgba(255, 255, 255, 0.87);
+  border: 0 none;
+  background: transparent;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
+  font-size: 1.143rem;
+  z-index: 1;
+  border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+  margin-top: 0.5rem;
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+  font-weight: 700;
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-steps .p-steps-item:before {
+  content: " ";
+  border-top: 1px solid var(--htwk-grau); /*#0b213f*/
+  width: 100%;
+  top: 50%;
+  left: 0;
+  display: block;
+  position: absolute;
+  margin-top: -1rem;
+}
+
+.p-tabmenu .p-tabmenu-nav {
+  background: transparent;
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 0 0 2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+  margin-right: 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+  border: solid var(--htwk-grau-140); /*#0b213f*/
+  border-width: 0 0 2px 0;
+  border-color: transparent transparent #0b213f transparent;
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.6);
+  padding: 1.25rem;
+  font-weight: 700;
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+  transition: box-shadow 0.2s;
+  margin: 0 0 -2px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+  margin-right: 0.5rem;
+}
+.p-tabmenu
+  .p-tabmenu-nav
+  .p-tabmenuitem
+  .p-menuitem-link:not(.p-disabled):focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: inset 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-tabmenu
+  .p-tabmenu-nav
+  .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover
+  .p-menuitem-link {
+  background: var(--htwk-grau); /*#071426*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+  background: var(--htwk-grau); /*#071426*/
+  border-color: var(--htwk-yellow); /*#93c5fd*/
+  color: var(--htwk-yellow); /*#93c5fd*/
+}
+
+.p-tieredmenu {
+  padding: 0.25rem 0;
+  background: var(--htwk-grau); /*#091a32*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  border-radius: 6px;
+  width: 12.5rem;
+}
+.p-tieredmenu.p-tieredmenu-overlay {
+  background: var(--htwk-grau); /*#091a32*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+}
+.p-tieredmenu .p-tieredmenu-root-list {
+  outline: 0 none;
+}
+.p-tieredmenu .p-submenu-list {
+  padding: 0.25rem 0;
+  background: var(--htwk-grau); /*#091a32*/
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  transition: box-shadow 0.2s;
+  border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+  color: rgba(255, 255, 255, 0.87);
+  padding: 0.75rem 1.25rem;
+  user-select: none;
+}
+.p-tieredmenu
+  .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu
+  .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon {
+  color: rgba(255, 255, 255, 0.6);
+  margin-right: 0.5rem;
+}
+.p-tieredmenu
+  .p-menuitem
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-tieredmenu
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-tieredmenu
+  .p-menuitem.p-highlight
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+  background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/
+}
+.p-tieredmenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content {
+  color: rgba(255, 255, 255, 0.87);
+  background: var(--htwk-grau); /*#0b213f*/
+}
+.p-tieredmenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-tieredmenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+  > .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-tieredmenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-menuitem-text {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-menuitem-icon,
+.p-tieredmenu
+  .p-menuitem:not(.p-highlight):not(.p-disabled)
+  > .p-menuitem-content:hover
+  .p-menuitem-link
+  .p-submenu-icon {
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem-separator {
+  border-top: 1px solid var(--htwk-grau); /*#0b213f*/
+  margin: 0.25rem 0;
+}
+.p-tieredmenu .p-submenu-icon {
+  font-size: 0.875rem;
+}
+.p-tieredmenu .p-submenu-icon.p-icon {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+.p-inline-message {
+  padding: 0.75rem 0.75rem;
+  margin: 0;
+  border-radius: 6px;
+}
+.p-inline-message.p-inline-message-info {
+  background: #e9e9ff;
+  border: solid #696cff;
+  border-width: 1px;
+  color: #696cff;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+  color: #696cff;
+}
+.p-inline-message.p-inline-message-success {
+  background: #e4f8f0;
+  border: solid var(--success-primary);
+  border-width: 1px;
+  color: var(--success-primary);
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+  color: var(--success-primary);
+}
+.p-inline-message.p-inline-message-warn {
+  background: #fff2e2;
+  border: solid #cc8925;
+  border-width: 1px;
+  color: #cc8925;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+  color: #cc8925;
+}
+.p-inline-message.p-inline-message-error {
+  background: var(--error-tertiary);
+  border: solid var(--error-primary);
+  border-width: 1px;
+  color: var(--error-primary);
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+  color: var(--error-primary);
+}
+.p-inline-message .p-inline-message-icon {
+  font-size: 1rem;
+  margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+  font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+  margin-right: 0;
+}
+
+.p-message {
+  margin: 1rem 0;
+  border-radius: 6px;
+}
+.p-message .p-message-wrapper {
+  padding: 1.25rem 1.75rem;
+}
+.p-message .p-message-close {
+  width: 2rem;
+  height: 2rem;
+  border-radius: 50%;
+  background: transparent;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-message.p-message-info {
+  background: #e9e9ff;
+  border: solid #696cff;
+  border-width: 0 0 0 6px;
+  color: #696cff;
+}
+.p-message.p-message-info .p-message-icon {
+  color: #696cff;
+}
+.p-message.p-message-info .p-message-close {
+  color: #696cff;
+}
+.p-message.p-message-success {
+  background: #e4f8f0;
+  border: solid var(--success-primary);
+  border-width: 0 0 0 6px;
+  color: var(--success-primary);
+}
+.p-message.p-message-success .p-message-icon {
+  color: var(--success-primary);
+}
+.p-message.p-message-success .p-message-close {
+  color: var(--success-primary);
+}
+.p-message.p-message-warn {
+  background: #fff2e2;
+  border: solid #cc8925;
+  border-width: 0 0 0 6px;
+  color: #cc8925;
+}
+.p-message.p-message-warn .p-message-icon {
+  color: #cc8925;
+}
+.p-message.p-message-warn .p-message-close {
+  color: #cc8925;
+}
+.p-message.p-message-error {
+  background: var(--error-tertiary);
+  border: solid var(--error-primary);
+  border-width: 0 0 0 6px;
+  color: var(--error-primary);
+}
+.p-message.p-message-error .p-message-icon {
+  color: var(--error-primary);
+}
+.p-message.p-message-error .p-message-close {
+  color: var(--error-primary);
+}
+.p-message .p-message-text {
+  font-size: 1rem;
+  font-weight: 400;
+}
+.p-message .p-message-icon {
+  font-size: 1.5rem;
+  margin-right: 0.5rem;
+}
+.p-message .p-icon:not(.p-message-close-icon) {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.p-toast {
+  opacity: 0.9;
+}
+.p-toast .p-toast-message {
+  margin: 0 0 1rem 0;
+  box-shadow: none;
+  border-radius: 6px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+  padding: 1rem;
+  border-width: 0 0 0 6px;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+  margin: 0 0 0 1rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+  font-size: 2rem;
+}
+.p-toast
+  .p-toast-message
+  .p-toast-message-content
+  .p-toast-message-icon.p-icon {
+  width: 2rem;
+  height: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+  font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+  margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+  width: 2rem;
+  height: 2rem;
+  border-radius: 50%;
+  background: transparent;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+.p-toast .p-toast-message.p-toast-message-info {
+  background: #e9e9ff;
+  border: solid #696cff;
+  border-width: 0 0 0 6px;
+  color: #696cff;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+  color: #696cff;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+  background: #e4f8f0;
+  border: solid var(--success-primary);
+  border-width: 0 0 0 6px;
+  color: var(--success-primary);
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+  color: var(--success-primary);
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+  background: #fff2e2;
+  border: solid #cc8925;
+  border-width: 0 0 0 6px;
+  color: #cc8925;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+  color: #cc8925;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+  background: var(--error-tertiary);
+  border: solid var(--error-primary);
+  border-width: 0 0 0 6px;
+  color: var(--error-primary);
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+  color: var(--error-primary);
+}
+
+.p-galleria .p-galleria-close {
+  margin: 0.5rem;
+  background: transparent;
+  color: #f8f9fa;
+  width: 4rem;
+  height: 4rem;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+  border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+  font-size: 2rem;
+}
+.p-galleria .p-galleria-close .p-icon {
+  width: 2rem;
+  height: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+  background: rgba(255, 255, 255, 0.1);
+  color: #f8f9fa;
+}
+.p-galleria .p-galleria-item-nav {
+  background: transparent;
+  color: #f8f9fa;
+  width: 4rem;
+  height: 4rem;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+  border-radius: 6px;
+  margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+  font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav .p-icon {
+  width: 2rem;
+  height: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+  background: rgba(255, 255, 255, 0.1);
+  color: #f8f9fa;
+}
+.p-galleria .p-galleria-caption {
+  background: rgba(0, 0, 0, 0.5);
+  color: #f8f9fa;
+  padding: 1rem;
+}
+.p-galleria .p-galleria-indicators {
+  padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+  background-color: var(--htwk-grau); /*#0b213f*/
+  width: 1rem;
+  height: 1rem;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+  border-radius: 50%;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,
+.p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+  margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator,
+.p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+  margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+  background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem
+  .p-galleria-indicators
+  .p-galleria-indicator
+  button {
+  background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem
+  .p-galleria-indicators
+  .p-galleria-indicator
+  button:hover {
+  background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem
+  .p-galleria-indicators
+  .p-galleria-indicator.p-highlight
+  button {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-galleria .p-galleria-thumbnail-container {
+  background: rgba(0, 0, 0, 0.9);
+  padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+  margin: 0.5rem;
+  background-color: transparent;
+  color: #f8f9fa;
+  width: 2rem;
+  height: 2rem;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+  border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+  background: rgba(255, 255, 255, 0.1);
+  color: #f8f9fa;
+}
+.p-galleria
+  .p-galleria-thumbnail-container
+  .p-galleria-thumbnail-item-content:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+
+.p-galleria-mask {
+  --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-mask {
+  --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-preview-indicator {
+  background-color: transparent;
+  color: #f8f9fa;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+}
+.p-image-preview-indicator .p-icon {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.p-image-preview-container:hover > .p-image-preview-indicator {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.p-image-toolbar {
+  padding: 1rem;
+}
+
+.p-image-action.p-link {
+  color: #f8f9fa;
+  background-color: transparent;
+  width: 3rem;
+  height: 3rem;
+  border-radius: 50%;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+  margin-right: 0.5rem;
+}
+.p-image-action.p-link:last-child {
+  margin-right: 0;
+}
+.p-image-action.p-link:hover {
+  color: #f8f9fa;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.p-image-action.p-link i {
+  font-size: 1.5rem;
+}
+.p-image-action.p-link .p-icon {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.p-avatar {
+  background-color: var(--htwk-grau); /*#0b213f*/
+  border-radius: 6px;
+}
+.p-avatar.p-avatar-lg {
+  width: 3rem;
+  height: 3rem;
+  font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+  font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+  width: 4rem;
+  height: 4rem;
+  font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+  font-size: 2rem;
+}
+
+.p-avatar-group .p-avatar {
+  border: 2px solid var(--htwk-grau-140); /*#071426*/
+}
+
+.p-badge {
+  background: var(--htwk-yellow); /*#93c5fd*/
+  color: var(--htwk-schwarz); /*#1c2127*/
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+  background-color: #cbd5e1;
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-badge.p-badge-success {
+  background-color: var(--success-secondary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-badge.p-badge-info {
+  background-color: var(--htwk-yellow); /*#93c5fd*/
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-badge.p-badge-warning {
+  background-color: var(--warning-secondary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-badge.p-badge-danger {
+  background-color: var(--error-secondary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-badge.p-badge-lg {
+  font-size: 1.125rem;
+  min-width: 2.25rem;
+  height: 2.25rem;
+  line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+  font-size: 1.5rem;
+  min-width: 3rem;
+  height: 3rem;
+  line-height: 3rem;
+}
+
+.p-chip {
+  background-color: var(--htwk-grau); /*#0b213f*/
+  color: rgba(255, 255, 255, 0.87);
+  border-radius: 16px;
+  padding: 0 0.75rem;
+}
+.p-chip .p-chip-text {
+  line-height: 1.5;
+  margin-top: 0.375rem;
+  margin-bottom: 0.375rem;
+}
+.p-chip .p-chip-icon {
+  margin-right: 0.5rem;
+}
+.p-chip img {
+  width: 2.25rem;
+  height: 2.25rem;
+  margin-left: -0.75rem;
+  margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+  margin-left: 0.5rem;
+  border-radius: 6px;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+
+.p-inplace .p-inplace-display {
+  padding: 0.75rem 0.75rem;
+  border-radius: 6px;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/
+}
+
+.p-progressbar {
+  border: 0 none;
+  height: 1.5rem;
+  background: var(--htwk-grau); /*#0b213f*/
+  border-radius: 6px;
+}
+.p-progressbar .p-progressbar-value {
+  border: 0 none;
+  margin: 0;
+  background: var(--htwk-yellow); /*#93c5fd*/
+}
+.p-progressbar .p-progressbar-label {
+  color: var(--htwk-schwarz); /*#1c2127*/
+  line-height: 1.5rem;
+}
+
+.p-progress-spinner-svg {
+  animation: p-progress-spinner-rotate 2s linear infinite;
+}
+
+.p-progress-spinner-circle {
+  stroke-dasharray: 89, 200;
+  stroke-dashoffset: 0;
+  stroke: var(--error-primary);
+  animation:
+    p-progress-spinner-dash 1.5s ease-in-out infinite,
+    p-progress-spinner-color 6s ease-in-out infinite;
+  stroke-linecap: round;
+}
+
+@keyframes p-progress-spinner-rotate {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes p-progress-spinner-dash {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35px;
+  }
+  100% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -124px;
+  }
+}
+@keyframes p-progress-spinner-color {
+  100%,
+  0% {
+    stroke: var(--error-primary);
+  }
+  40% {
+    stroke: #696cff;
+  }
+  66% {
+    stroke: var(--success-primary);
+  }
+  80%,
+  90% {
+    stroke: #cc8925;
+  }
+}
+.p-scrolltop {
+  width: 3rem;
+  height: 3rem;
+  border-radius: 50%;
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+  background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/
+}
+.p-scrolltop.p-link:hover {
+  background: rgba(var(--htwk-yellow), 0.3616); /*rgba(147, 197, 253, 0.3616)*/
+}
+.p-scrolltop .p-scrolltop-icon {
+  font-size: 1.5rem;
+  color: rgba(255, 255, 255, 0.87);
+}
+.p-scrolltop .p-scrolltop-icon.p-icon {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.p-skeleton {
+  background-color: rgba(255, 255, 255, 0.06);
+  border-radius: 6px;
+}
+.p-skeleton:after {
+  background: linear-gradient(
+    90deg,
+    rgba(255, 255, 255, 0),
+    rgba(255, 255, 255, 0.04),
+    rgba(255, 255, 255, 0)
+  );
+}
+
+.p-tag {
+  background: var(--htwk-yellow); /*#93c5fd*/
+  color: var(--htwk-schwarz); /*#1c2127*/
+  font-size: 0.75rem;
+  font-weight: 700;
+  padding: 0.25rem 0.4rem;
+  border-radius: 6px;
+}
+.p-tag.p-tag-success {
+  background-color: var(--success-secondary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-tag.p-tag-info {
+  background-color: var(--htwk-yellow); /*#93c5fd*/
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-tag.p-tag-warning {
+  background-color: var(--warning-secondary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-tag.p-tag-danger {
+  background-color: var(--error-secondary);
+  color: var(--htwk-schwarz); /*#1c2127*/
+}
+.p-tag .p-tag-icon {
+  margin-right: 0.25rem;
+  font-size: 0.75rem;
+}
+.p-tag .p-tag-icon.p-icon {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+
+.p-terminal {
+  background: var(--htwk-grau); /*#071426*/
+  color: rgba(255, 255, 255, 0.87);
+  border: 1px solid var(--htwk-grau-140); /*#0b213f*/
+  padding: 1.25rem;
+}
+.p-terminal .p-terminal-input {
+  font-size: 1rem;
+  font-family:
+    "Source Sans Pro",
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol";
+}
+
+.p-button-label {
+  font-weight: 400;
+}
+
+.p-accordion .p-accordion-header .p-accordion-header-link {
+  transition:
+    background-color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+}
+
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+  transition:
+    background-color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
+}
+
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+  background-color: var(--htwk-yellow); /*#93c5fd*/
+}
+
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+  background-color: var(--htwk-yellow); /*#93c5fd*/
+}
+
+.p-button:focus {
+  box-shadow:
+    0 0 0 2px #1c2127,
+    0 0 0 4px rgba(147, 197, 253, 0.7),
+    0 1px 2px 0 rgba(0, 0, 0, 0);
+}
+.p-button.p-button-secondary:enabled:focus {
+  box-shadow:
+    0 0 0 2px #1c2127,
+    0 0 0 4px rgba(203, 213, 225, 0.7),
+    0 1px 2px 0 rgba(0, 0, 0, 0);
+}
+.p-button.p-button-success:enabled:focus {
+  box-shadow:
+    0 0 0 2px #1c2127,
+    0 0 0 4px rgba(134, 239, 172, 0.7),
+    0 1px 2px 0 rgba(0, 0, 0, 0);
+}
+.p-button.p-button-info:enabled:focus {
+  box-shadow:
+    0 0 0 2px #1c2127,
+    0 0 0 4px rgba(147, 197, 253, 0.7),
+    0 1px 2px 0 rgba(0, 0, 0, 0);
+}
+.p-button.p-button-warning:enabled:focus {
+  box-shadow:
+    0 0 0 2px #1c2127,
+    0 0 0 4px rgba(252, 211, 77, 0.7),
+    0 1px 2px 0 rgba(0, 0, 0, 0);
+}
+.p-button.p-button-help:enabled:focus {
+  box-shadow:
+    0 0 0 2px #1c2127,
+    0 0 0 4px rgba(216, 180, 254, 0.7),
+    0 1px 2px 0 rgba(0, 0, 0, 0);
+}
+.p-button.p-button-danger:enabled:focus {
+  box-shadow:
+    0 0 0 2px #1c2127,
+    0 0 0 4px rgba(252, 165, 165, 0.7),
+    0 1px 2px 0 rgba(0, 0, 0, 0);
+}
+
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+  box-shadow: inset 0 2px 0 0 var(--htwk-yellow); /*#93c5fd*/
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+  box-shadow: inset 0 -2px 0 0 var(--htwk-yellow); /*#93c5fd*/
+}
+
+.p-speeddial-item.p-focus > .p-speeddial-action {
+  box-shadow:
+    0 0 0 2px #1c2127,
+    0 0 0 4px rgba(147, 197, 253, 0.7),
+    0 1px 2px 0 rgba(0, 0, 0, 0);
+}
diff --git a/frontend/src/api/fetchRoom.ts b/frontend/src/api/fetchRoom.ts
index 9163d6a..df0486a 100644
--- a/frontend/src/api/fetchRoom.ts
+++ b/frontend/src/api/fetchRoom.ts
@@ -6,8 +6,8 @@ export async function fetchRoom(): Promise<string[]> {
     .then((response) => {
       return response.json();
     })
-    .then((roomsResponse) => {
-      roomsResponse.forEach((room: string) => rooms.push(room));
+    .then((roomsResponse: [] | null) => {
+      roomsResponse?.forEach((room: string) => rooms.push(room));
     });
   return rooms;
 }
@@ -22,17 +22,15 @@ export async function fetchEventsByRoomAndDuration(
     "/api/schedule?room=" + room + "&from=" + from_date + "&to=" + to_date,
   )
     .then((response) => {
-      console.log(response);
       return response.json();
     })
-    .then((eventsResponse) => {
-      console.log("Response:", eventsResponse);
-      eventsResponse.forEach((event: AnonymizedEventDTO) => events.push(event));
+    .then((eventsResponse: [] | null) => {
+      eventsResponse?.forEach((event: AnonymizedEventDTO) =>
+        events.push(event),
+      );
     })
     .catch((error) => {
-      console.log("Error fetching events: ", error);
       return Promise.reject(error);
     });
-  console.log("occupations: ", events);
   return events;
 }
diff --git a/frontend/src/api/requestFreeRooms.ts b/frontend/src/api/requestFreeRooms.ts
new file mode 100644
index 0000000..76f4037
--- /dev/null
+++ b/frontend/src/api/requestFreeRooms.ts
@@ -0,0 +1,17 @@
+// load free rooms as a list of strings form the backend
+
+export async function requestFreeRooms(
+  from: string,
+  to: string,
+): Promise<string[]> {
+  console.debug("requestFreeRooms: from=" + from + ", to=" + to);
+  const rooms: string[] = [];
+  await fetch("/api/rooms/free?from=" + from + "&to=" + to)
+    .then((response) => {
+      return response.json();
+    })
+    .then((roomsResponse: [] | null) => {
+      roomsResponse?.forEach((room: string) => rooms.push(room));
+    });
+  return rooms;
+}
diff --git a/frontend/src/components/FaqPage.vue b/frontend/src/components/FaqPage.vue
index f05c955..2ac19b4 100644
--- a/frontend/src/components/FaqPage.vue
+++ b/frontend/src/components/FaqPage.vue
@@ -208,6 +208,16 @@
         <div class="col">{{ $t("faqView.eighthQuestion") }}</div>
         <div class="col">{{ $t("faqView.eighthAnswer") }}</div>
       </div>
+      <div class="grid my-2">
+        <div class="col">{{ $t("faqView.ninthQuestion") }}</div>
+        <div class="col">
+          {{ $t("faqView.ninthAnswer") }}
+          <a href="https://git.imn.htwk-leipzig.de/ekresse/htwkalender"
+            >Gitlab</a
+          >
+          .
+        </div>
+      </div>
       <p>
         {{ $t("faqView.notFound") }}<br />
         <a href="/imprint">{{ $t("faqView.contact") }}</a>
diff --git a/frontend/src/components/LocaleSwitcher.vue b/frontend/src/components/LocaleSwitcher.vue
index 94d4348..9b25b8f 100644
--- a/frontend/src/components/LocaleSwitcher.vue
+++ b/frontend/src/components/LocaleSwitcher.vue
@@ -2,7 +2,9 @@
 import { computed } from "vue";
 import localeStore from "../store/localeStore.ts";
 import { useI18n } from "vue-i18n";
-import { DropdownChangeEvent } from "primevue/dropdown";
+import { usePrimeVue } from "primevue/config";
+import primeVue_de from "@/i18n/translations/primevue/prime_vue_local_de.json";
+import primeVue_en from "@/i18n/translations/primevue/prime_vue_local_en.json";
 const { t } = useI18n({ useScope: "global" });
 
 const countries = computed(() => [
@@ -18,9 +20,19 @@ function displayCountry(code: string) {
   return countries.value.find((country) => country.code === code)?.name;
 }
 
-function updateLocale(dropdownChangeEvent: DropdownChangeEvent) {
-  localeStore().setLocale(dropdownChangeEvent.value);
+const primeVueConfig = usePrimeVue();
+
+function updateLocale(locale: string) {
+  localeStore().setLocale(locale);
+
+  if (locale === "de") {
+    primeVueConfig.config.locale = primeVue_de;
+  } else {
+    primeVueConfig.config.locale = primeVue_en;
+  }
 }
+
+updateLocale(localeStore().locale);
 </script>
 <template>
   <Dropdown
@@ -29,7 +41,7 @@ function updateLocale(dropdownChangeEvent: DropdownChangeEvent) {
     option-label="name"
     placeholder="Select a Language"
     class="w-full md:w-14rem"
-    @change="updateLocale($event)"
+    @change="updateLocale($event.value)"
   >
     <template #value="slotProps">
       <div v-if="slotProps.value" class="flex align-items-center">
diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index 6c7e928..2e59b10 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -17,9 +17,21 @@ const items = computed(() => [
     route: "/edit",
   },
   {
-    label: t("roomFinder"),
-    icon: "pi pi-fw pi-calendar",
-    route: "/rooms",
+    label: t("rooms"),
+    icon: "pi pi-fw pi-angle-down",
+    info: "rooms",
+    items: [
+      {
+        label: t("roomFinderPage.roomSchedule"),
+        icon: "pi pi-fw pi-hourglass",
+        route: "/rooms/occupancy",
+      },
+      {
+        label: t("freeRooms.freeRooms"),
+        icon: "pi pi-fw pi-calendar",
+        route: "/rooms/free",
+      },
+    ],
   },
   {
     label: t("faq"),
@@ -44,26 +56,42 @@ const items = computed(() => [
     <template #start>
       <router-link v-slot="{ navigate }" :to="`/`" custom>
         <Button severity="secondary" text class="p-0 mx-2" @click="navigate">
-          <img
-            width="50"
-            height="50"
-            src="../../public/htwk.svg"
-            alt="Logo"
-          />
+          <img width="50" height="50" src="../../public/htwk.svg" alt="Logo" />
         </Button>
       </router-link>
     </template>
-    <template #item="{ item }">
-      <router-link v-slot="{ navigate }" :to="item.route" custom>
-        <Button
-          :label="String(item.label)"
-          :icon="item.icon"
-          text
-          severity="secondary"
-          :class="item.route === $route.path ? 'active' : ''"
+    <template #item="{ item, props }">
+      <router-link
+        v-if="item.route"
+        v-slot="{ navigate }"
+        :to="item.route"
+        custom
+      >
+        <a
+          :class="
+            $route.path == item.route
+              ? 'flex align-items-center active'
+              : 'flex align-items-center'
+          "
+          v-bind="props.action"
           @click="navigate"
-        />
+        >
+          <span :class="item.icon" />
+          <span class="ml-2 p-menuitem-label">{{ item.label }}</span>
+        </a>
       </router-link>
+      <a
+        v-else
+        :class="
+          $route.path.includes(item.info)
+            ? 'flex align-items-center active'
+            : 'flex align-items-center'
+        "
+        v-bind="props.action"
+      >
+        <span :class="item.icon" />
+        <span class="ml-2 p-menuitem-label">{{ item.label }}</span>
+      </a>
     </template>
     <template #end>
       <div class="flex align-items-stretch justify-content-center">
@@ -80,7 +108,11 @@ const items = computed(() => [
   border: none;
 }
 
-:deep(.p-button .p-button-label::after) {
+:deep(.p-submenu-list) {
+  border-radius: 6px;
+}
+
+:deep(.p-menuitem-link .p-menuitem-label::after) {
   content: "";
   display: block;
   width: 0;
@@ -89,7 +121,7 @@ const items = computed(() => [
   transition: width 0.3s;
 }
 
-:deep(.p-button.active .p-button-label::after) {
+:deep(.p-menuitem-link.active .p-menuitem-label::after) {
   width: 100%;
 }
 </style>
diff --git a/frontend/src/components/RoomOccupation.vue b/frontend/src/components/RoomOccupation.vue
index 3940ecf..21f61b4 100644
--- a/frontend/src/components/RoomOccupation.vue
+++ b/frontend/src/components/RoomOccupation.vue
@@ -47,7 +47,7 @@ async function getOccupation() {
     currentDateTo.value,
   )
     .then((events) => {
-      occupations.value = events.map((event, index) => {
+      occupations.value = events?.map((event, index) => {
         return {
           id: index,
           start: event.start.replace(/\s\+\d{4}\s\w+$/, "").replace(" ", "T"),
diff --git a/frontend/src/i18n/index.ts b/frontend/src/i18n/index.ts
index 3414b0f..765148b 100644
--- a/frontend/src/i18n/index.ts
+++ b/frontend/src/i18n/index.ts
@@ -3,11 +3,8 @@ import en from "./translations/en.json";
 import de from "./translations/de.json";
 import localeStore from "../store/localeStore.ts";
 
-export const supportedLocales = {
-  en: { name: "English" },
-  de: { name: "Deutsch" },
-};
 // Private instance of VueI18n object
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 let _i18n: any;
 // Initializer
 function setup() {
diff --git a/frontend/src/i18n/messages.ts b/frontend/src/i18n/messages.ts
deleted file mode 100644
index b21be5e..0000000
--- a/frontend/src/i18n/messages.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-export default {
-  en: {
-    createCalendar: "Create Calendar",
-    editCalendar: "Edit Calendar",
-    roomFinder: "Room Finder",
-    faq: "FAQ",
-    imprint: "Imprint",
-    privacy: "Privacy Policy",
-  },
-  de: {
-    createCalendar: "Kalender erstellen",
-    editCalendar: "Kalender bearbeiten",
-    roomFinder: "Raumfinder",
-    faq: "FAQ",
-    imprint: "Impressum",
-    privacy: "Datenschutz",
-  },
-};
diff --git a/frontend/src/i18n/translations/de.json b/frontend/src/i18n/translations/de.json
index 23d4bda..288f39d 100644
--- a/frontend/src/i18n/translations/de.json
+++ b/frontend/src/i18n/translations/de.json
@@ -2,7 +2,7 @@
   "languageCode": "de",
   "createCalendar": "Kalender erstellen",
   "editCalendar": "Kalender bearbeiten",
-  "roomFinder": "Raumfinder",
+  "rooms": "Räume",
   "faq": "FAQ",
   "imprint": "Impressum",
   "privacy": "Datenschutz",
@@ -19,13 +19,22 @@
     "semesterDropDown": "Semester"
   },
   "roomFinderPage": {
-    "headline": "Raumfinder",
+    "roomSchedule": "Raumbelegung",
+    "headline": "Raumbelegung",
     "detail": "Bitte wähle einen Raum aus, um die Belegung einzusehen",
     "dropDownSelect": "Bitte wähle einen Raum aus",
     "noRoomsAvailable": "Keine Räume verfügbar",
     "available": "verfügbar",
     "occupied": "belegt"
   },
+  "freeRooms": {
+    "freeRooms": "Freie Räume",
+    "detail": "Bitte wähle einen Zeitraum aus, um alle Räume ohne Belegung anzuzeigen.",
+    "searchByRoom": "Suche nach Räumen",
+    "pleaseSelectDate": "Bitte wähle ein Datum aus",
+    "room": "Raum",
+    "search": "Suchen"
+  },
   "moduleSelection": {
     "selectAll": "Alle anwählen",
     "deselectAll": "Alle abwählen",
@@ -221,6 +230,8 @@
     "seventhAnswer": "Studenpläne sind erstmal nur für die ausgewählten Semester gültig. Da durch Wahlpflichtmodule oder deine Planung sich Veränderungen ergeben können.",
     "eighthQuestion": "Preis und Entwicklung?",
     "eighthAnswer": "Die Kosten können durch das selbständiges Hosting vollständig ausgelagert werden. Die Entwicklung soll als aktives Git Projekt auch durch die Community verwaltet werden.",
+    "ninthQuestion": "Wo kann ich den Quellcode einsehen und mitwirken?",
+    "ninthAnswer": "Wenn du dich für die Entwicklung und den Quelltext interessierst, kannst du jederzeit als HTWK-Student daran mitarbeiten. Quelltext und weitere Informationen findest du im ",
     "notFound": "Nicht gefunden, wonach du suchst?",
     "contact": "Kontakt aufnehmen"
   }
diff --git a/frontend/src/i18n/translations/en.json b/frontend/src/i18n/translations/en.json
index 04bb796..7080d9e 100644
--- a/frontend/src/i18n/translations/en.json
+++ b/frontend/src/i18n/translations/en.json
@@ -2,7 +2,7 @@
   "languageCode": "en",
   "createCalendar": "create calendar",
   "editCalendar": "edit calendar",
-  "roomFinder": "room finder",
+  "rooms": "rooms",
   "faq": "faq",
   "imprint": "imprint",
   "privacy": "privacy",
@@ -19,13 +19,22 @@
     "semesterDropDown": "please select a semester"
   },
   "roomFinderPage": {
-    "headline": "room finder",
-    "detail": "please select a room to view the occupancy",
+    "roomSchedule": "room occupancy",
+    "headline": "room occupancy plan",
+    "detail": "Please select a room to view the occupancy.",
     "dropDownSelect": "please select a room",
     "noRoomsAvailable": "no rooms listed",
     "available": "available",
     "occupied": "occupied"
   },
+  "freeRooms": {
+    "freeRooms": "free rooms",
+    "detail": "Please select a time period to display rooms that have no occupancy.",
+    "searchByRoom": "search by room",
+    "pleaseSelectDate": "please select a date",
+    "room": "room",
+    "search": "search"
+  },
   "moduleSelection": {
     "selectAll": "select all",
     "deselectAll": "deselect all",
@@ -221,6 +230,8 @@
     "seventhAnswer": "Timetables are initially only valid for the selected semesters, as changes can occur due to elective modules or your planning.",
     "eighthQuestion": "Cost and development?",
     "eighthAnswer": "Costs can be completely outsourced through self-hosting. Development is intended to be managed by the community as an active Git project.",
+    "ninthQuestion": "Where could i find the source code?",
+    "ninthAnswer": "If you want to contribute, you can do so at any time if you are a HTWK student. The source code is available on ",
     "notFound": "Not finding what you're looking for?",
     "contact": "Get in touch"
   }
diff --git a/frontend/src/i18n/translations/primevue/prime_vue_local_de.json b/frontend/src/i18n/translations/primevue/prime_vue_local_de.json
new file mode 100644
index 0000000..d2fe7a3
--- /dev/null
+++ b/frontend/src/i18n/translations/primevue/prime_vue_local_de.json
@@ -0,0 +1,155 @@
+{
+  "startsWith": "Beginnt mit",
+  "contains": "Enthält",
+  "notContains": "Enthält nicht",
+  "endsWith": "Endet mit",
+  "equals": "Ist gleich",
+  "notEquals": "Ist ungleich",
+  "noFilter": "Kein Filter",
+  "filter": "Filtern",
+  "lt": "Kleiner als",
+  "lte": "Kleiner oder gleich",
+  "gt": "Größer als",
+  "gte": "Größer oder gleich",
+  "dateIs": "Datum ist",
+  "dateIsNot": "Datum ist nicht",
+  "dateBefore": "Datum ist vor",
+  "dateAfter": "Datum ist nach",
+  "custom": "Benutzerdefiniert",
+  "clear": "Löschen",
+  "apply": "Übernehmen",
+  "matchAll": "Passt auf alle",
+  "matchAny": "Passt auf einige",
+  "addRule": "Regel hinzufügen",
+  "removeRule": "Regel entfernen",
+  "accept": "Ja",
+  "reject": "Nein",
+  "choose": "Auswählen",
+  "upload": "Hochladen",
+  "cancel": "Abbrechen",
+  "completed": "Abgeschlossen",
+  "pending": "Ausstehend",
+  "fileSizeTypes": ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
+  "dayNames": [
+    "Sonntag",
+    "Montag",
+    "Dienstag",
+    "Mittwoch",
+    "Donnerstag",
+    "Freitag",
+    "Samstag"
+  ],
+  "dayNamesShort": ["Son", "Mon", "Die", "Mit", "Don", "Fre", "Sam"],
+  "dayNamesMin": ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
+  "monthNames": [
+    "Januar",
+    "Februar",
+    "März",
+    "April",
+    "Mai",
+    "Juni",
+    "Juli",
+    "August",
+    "September",
+    "Oktober",
+    "November",
+    "Dezember"
+  ],
+  "monthNamesShort": [
+    "Jan",
+    "Feb",
+    "Mär",
+    "Apr",
+    "Mai",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Okt",
+    "Nov",
+    "Dez"
+  ],
+  "chooseYear": "Jahr wählen",
+  "chooseMonth": "Monat wählen",
+  "chooseDate": "Datum wählen",
+  "prevDecade": "Vorheriges Jahrzehnt",
+  "nextDecade": "Nächstes Jahrzehnt",
+  "prevYear": "Vorheriges Jahr",
+  "nextYear": "Nächstes Jahr",
+  "prevMonth": "Vorheriger Monat",
+  "nextMonth": "Nächster Monat",
+  "prevHour": "Vorherige Stunde",
+  "nextHour": "Nächste Stunde",
+  "prevMinute": "Vorherige Minute",
+  "nextMinute": "Nächste Minute",
+  "prevSecond": "Vorherige Sekunde",
+  "nextSecond": "Nächste Sekunde",
+  "am": "am",
+  "pm": "pm",
+  "today": "Heute",
+  "now": "Jetzt",
+  "weekHeader": "KW",
+  "firstDayOfWeek": 1,
+  "showMonthAfterYear": false,
+  "dateFormat": "dd.mm.yy",
+  "weak": "Schwach",
+  "medium": "Mittel",
+  "strong": "Stark",
+  "passwordPrompt": "Passwort eingeben",
+  "emptyFilterMessage": "Keine Ergebnisse gefunden",
+  "searchMessage": "{0} Ergebnisse verfügbar",
+  "selectionMessage": "{0} Elemente ausgewählt",
+  "emptySelectionMessage": "Kein ausgewähltes Element",
+  "emptySearchMessage": "Keine Ergebnisse gefunden",
+  "emptyMessage": "Keine Einträge gefunden",
+  "aria": {
+    "trueLabel": "Wahr",
+    "falseLabel": "Falsch",
+    "nullLabel": "Nicht ausgewählt",
+    "star": "1 Stern",
+    "stars": "{star} Sterne",
+    "selectAll": "Alle Elemente ausgewählt",
+    "unselectAll": "Alle Elemente abgewählt",
+    "close": "Schließen",
+    "previous": "Vorherige",
+    "next": "Nächste",
+    "navigation": "Navigation",
+    "scrollTop": "Nach oben scrollen",
+    "moveTop": "Zum Anfang bewegen",
+    "moveUp": "Nach oben bewegen",
+    "moveDown": "Nach unten bewegen",
+    "moveBottom": "Zum Ende bewegen",
+    "moveToTarget": "Zum Ziel bewegen",
+    "moveToSource": "Zur Quelle bewegen",
+    "moveAllToTarget": "Alle zum Ziel bewegen",
+    "moveAllToSource": "Alle zur Quelle bewegen",
+    "pageLabel": "Seite {page}",
+    "firstPageLabel": "Erste Seite",
+    "lastPageLabel": "Letzte Seite",
+    "nextPageLabel": "Nächste Seite",
+    "previousPageLabel": "Vorherige Seite",
+    "rowsPerPageLabel": "Zeilen pro Seite",
+    "jumpToPageDropdownLabel": "Zum Dropdown-Menü springen",
+    "jumpToPageInputLabel": "Zum Eingabefeld springen",
+    "selectRow": "Zeile ausgewählt",
+    "unselectRow": "Zeile abgewählt",
+    "expandRow": "Zeile erweitert",
+    "collapseRow": "Zeile reduziert",
+    "showFilterMenu": "Filtermenü anzeigen",
+    "hideFilterMenu": "Filtermenü ausblenden",
+    "filterOperator": "Filteroperator",
+    "filterConstraint": "Filterbeschränkung",
+    "editRow": "Zeile bearbeiten",
+    "saveEdit": "Änderungen speichern",
+    "cancelEdit": "Änderungen abbrechen",
+    "listView": "Listenansicht",
+    "gridView": "Rasteransicht",
+    "slide": "Folie",
+    "slideNumber": "{slideNumber}",
+    "zoomImage": "Bild vergrößern",
+    "zoomIn": "Vergrößern",
+    "zoomOut": "Verkleinern",
+    "rotateRight": "Nach rechts drehen",
+    "rotateLeft": "Nach links drehen"
+  }
+}
diff --git a/frontend/src/i18n/translations/primevue/prime_vue_local_en.json b/frontend/src/i18n/translations/primevue/prime_vue_local_en.json
new file mode 100644
index 0000000..c944df5
--- /dev/null
+++ b/frontend/src/i18n/translations/primevue/prime_vue_local_en.json
@@ -0,0 +1,155 @@
+{
+  "startsWith": "Starts with",
+  "contains": "Contains",
+  "notContains": "Not contains",
+  "endsWith": "Ends with",
+  "equals": "Equals",
+  "notEquals": "Not equals",
+  "noFilter": "No Filter",
+  "filter": "Filter",
+  "lt": "Less than",
+  "lte": "Less than or equal to",
+  "gt": "Greater than",
+  "gte": "Greater than or equal to",
+  "dateIs": "Date is",
+  "dateIsNot": "Date is not",
+  "dateBefore": "Date is before",
+  "dateAfter": "Date is after",
+  "custom": "Custom",
+  "clear": "Clear",
+  "apply": "Apply",
+  "matchAll": "Match All",
+  "matchAny": "Match Any",
+  "addRule": "Add Rule",
+  "removeRule": "Remove Rule",
+  "accept": "Yes",
+  "reject": "No",
+  "choose": "Choose",
+  "upload": "Upload",
+  "cancel": "Cancel",
+  "completed": "Completed",
+  "pending": "Pending",
+  "fileSizeTypes": ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
+  "dayNames": [
+    "Sunday",
+    "Monday",
+    "Tuesday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday"
+  ],
+  "dayNamesShort": ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  "dayNamesMin": ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
+  "monthNames": [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ],
+  "monthNamesShort": [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec"
+  ],
+  "chooseYear": "Choose Year",
+  "chooseMonth": "Choose Month",
+  "chooseDate": "Choose Date",
+  "prevDecade": "Previous Decade",
+  "nextDecade": "Next Decade",
+  "prevYear": "Previous Year",
+  "nextYear": "Next Year",
+  "prevMonth": "Previous Month",
+  "nextMonth": "Next Month",
+  "prevHour": "Previous Hour",
+  "nextHour": "Next Hour",
+  "prevMinute": "Previous Minute",
+  "nextMinute": "Next Minute",
+  "prevSecond": "Previous Second",
+  "nextSecond": "Next Second",
+  "am": "AM",
+  "pm": "PM",
+  "today": "Today",
+  "now": "Now",
+  "weekHeader": "Wk",
+  "firstDayOfWeek": 0,
+  "showMonthAfterYear": false,
+  "dateFormat": "mm/dd/yy",
+  "weak": "Weak",
+  "medium": "Medium",
+  "strong": "Strong",
+  "passwordPrompt": "Enter a password",
+  "emptyFilterMessage": "No results found",
+  "searchMessage": "{0} results are available",
+  "selectionMessage": "{0} items selected",
+  "emptySelectionMessage": "No selected item",
+  "emptySearchMessage": "No results found",
+  "emptyMessage": "No available options",
+  "aria": {
+    "trueLabel": "True",
+    "falseLabel": "False",
+    "nullLabel": "Not Selected",
+    "star": "1 star",
+    "stars": "{star} stars",
+    "selectAll": "All items selected",
+    "unselectAll": "All items unselected",
+    "close": "Close",
+    "previous": "Previous",
+    "next": "Next",
+    "navigation": "Navigation",
+    "scrollTop": "Scroll Top",
+    "moveTop": "Move Top",
+    "moveUp": "Move Up",
+    "moveDown": "Move Down",
+    "moveBottom": "Move Bottom",
+    "moveToTarget": "Move to Target",
+    "moveToSource": "Move to Source",
+    "moveAllToTarget": "Move All to Target",
+    "moveAllToSource": "Move All to Source",
+    "pageLabel": "Page {page}",
+    "firstPageLabel": "First Page",
+    "lastPageLabel": "Last Page",
+    "nextPageLabel": "Next Page",
+    "previousPageLabel": "Previous Page",
+    "rowsPerPageLabel": "Rows per page",
+    "jumpToPageDropdownLabel": "Jump to Page Dropdown",
+    "jumpToPageInputLabel": "Jump to Page Input",
+    "selectRow": "Row Selected",
+    "unselectRow": "Row Unselected",
+    "expandRow": "Row Expanded",
+    "collapseRow": "Row Collapsed",
+    "showFilterMenu": "Show Filter Menu",
+    "hideFilterMenu": "Hide Filter Menu",
+    "filterOperator": "Filter Operator",
+    "filterConstraint": "Filter Constraint",
+    "editRow": "Edit Row",
+    "saveEdit": "Save Edit",
+    "cancelEdit": "Cancel Edit",
+    "listView": "List View",
+    "gridView": "Grid View",
+    "slide": "Slide",
+    "slideNumber": "{slideNumber}",
+    "zoomImage": "Zoom Image",
+    "zoomIn": "Zoom In",
+    "zoomOut": "Zoom Out",
+    "rotateRight": "Rotate Right",
+    "rotateLeft": "Rotate Left"
+  }
+}
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 1242a55..17ef5c9 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -1,4 +1,4 @@
-import "source-sans-pro/source-sans-pro.css";
+import "source-sans/source-sans-3.css";
 
 import { createApp } from "vue";
 import "./style.css";
@@ -14,6 +14,7 @@ import InputSwitch from "primevue/inputswitch";
 import Card from "primevue/card";
 import DataView from "primevue/dataview";
 import Dialog from "primevue/dialog";
+import Slider from "primevue/slider";
 import ToggleButton from "primevue/togglebutton";
 import "primeicons/primeicons.css";
 import "primeflex/primeflex.css";
@@ -35,8 +36,8 @@ import DialogService from "primevue/dialogservice";
 import ProgressSpinner from "primevue/progressspinner";
 import Checkbox from "primevue/checkbox";
 import Skeleton from "primevue/skeleton";
+import Calendar from "primevue/calendar";
 import i18n from "./i18n";
-
 const app = createApp(App);
 const pinia = createPinia();
 
@@ -57,6 +58,7 @@ app.component("InputText", InputText);
 app.component("InputSwitch", InputSwitch);
 app.component("Card", Card);
 app.component("DataView", DataView);
+app.component("Slider", Slider);
 app.component("ToggleButton", ToggleButton);
 app.component("SpeedDial", SpeedDial);
 app.component("TabView", TabView);
@@ -72,5 +74,6 @@ app.component("DynamicDialog", DynamicDialog);
 app.component("ProgressSpinner", ProgressSpinner);
 app.component("Checkbox", Checkbox);
 app.component("Skeleton", Skeleton);
+app.component("Calendar", Calendar);
 
 app.mount("#app");
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index c30e720..3716a7e 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -12,6 +12,7 @@ const EditAdditionalModules = () =>
   import("../view/editCalendar/EditAdditionalModules.vue");
 const EditModules = () => import("../view/editCalendar/EditModules.vue");
 const CourseSelection = () => import("../view/CourseSelection.vue");
+const FreeRooms = () => import("../view/FreeRooms.vue");
 
 import i18n from "../i18n";
 
@@ -24,10 +25,15 @@ const router = createRouter({
       component: CourseSelection,
     },
     {
-      path: "/rooms",
-      name: "room-finder",
+      path: "/rooms/occupancy",
+      name: "room-schedule",
       component: RoomFinder,
     },
+    {
+      path: "/rooms/free",
+      name: "free-rooms",
+      component: FreeRooms,
+    },
     {
       path: "/faq",
       name: "faq",
diff --git a/frontend/src/view/FreeRooms.vue b/frontend/src/view/FreeRooms.vue
new file mode 100644
index 0000000..5a0539a
--- /dev/null
+++ b/frontend/src/view/FreeRooms.vue
@@ -0,0 +1,251 @@
+<template>
+  <DynamicPage
+    :hide-content="availableRooms.length === 0"
+    :headline="$t('freeRooms.freeRooms')"
+    :sub-title="$t('freeRooms.detail')"
+    icon="pi pi-search"
+    :button="{
+      label: $t('freeRooms.search'),
+      icon: 'pi pi-search',
+      disabled: isLater,
+      onClick: loadFreeRooms,
+    }"
+  >
+    <template #selection="{ flexSpecs }">
+      <Calendar
+        v-model="date"
+        :class="flexSpecs"
+        :placeholder="$t('freeRooms.pleaseSelectDate')"
+        :empty-message="$t('roomFinderPage.noRoomsAvailable')"
+        date-format="dd.mm.yy"
+        panel-class="min-w-min"
+        touch-u-i
+      />
+      <div class="break" />
+      <Calendar
+        v-if="mobilePage"
+        v-model="start"
+        type="time"
+        placeholder="start"
+        time-only
+        hour-format="24"
+        date-format="HH:mm"
+        :class="[{ 'p-invalid': isLater }, flexSpecs]"
+        panel-class="min-w-min"
+        touch-u-i
+        @update:model-value="
+          () => {
+            timeRange[0] = start.getHours() * 60 + start.getMinutes();
+          }
+        "
+      />
+      <Calendar
+        v-if="mobilePage"
+        v-model="end"
+        type="time"
+        time-only
+        hour-format="24"
+        placeholder="end"
+        date-format="HH:mm"
+        :class="[{ 'p-invalid': isLater }, flexSpecs]"
+        panel-class="min-w-min"
+        touch-u-i
+        @update:model-value="
+          () => {
+            timeRange[1] = end.getHours() * 60 + end.getMinutes();
+          }
+        "
+      />
+      <div
+        v-if="!mobilePage"
+        class="flex-grow-1 relative mb-2"
+        :class="flexSpecs"
+      >
+        <Tag
+          :value="formatTime(start)"
+          class="opacity-0 pointer-events-none text-xl lg:text-base"
+        />
+        <Tag
+          :value="formatTime(start)"
+          class="absolute time-tag text-xl lg:text-base"
+          :style="{ left: timeToPercentString(timeRange[0]) }"
+          :class="startMoved.value ? 'moved' : ''"
+        />
+        <Tag
+          :value="formatTime(end)"
+          class="absolute time-tag text-xl lg:text-base"
+          :style="{ left: timeToPercentString(timeRange[1]) }"
+          :class="endMoved.value ? 'moved' : ''"
+        />
+      </div>
+      <div class="break" />
+      <Slider
+        v-if="!mobilePage"
+        v-model="timeRange"
+        :class="flexSpecs"
+        range
+        :min="0"
+        :max="24 * 60"
+        :step="5"
+        @change="updateTimeRange"
+      />
+    </template>
+    <template #content>
+      <DataTable
+        v-model:filters="filters"
+        :value="availableRooms"
+        data-key="id"
+        filter-display="row"
+        paginator
+        :rows="10"
+        :global-filter-fields="['room']"
+      >
+        <Column field="room" sortable :header="$t('freeRooms.room')">
+          <template #filter="{ filterModel, filterCallback }">
+            <InputText
+              v-model="filterModel.value"
+              type="text"
+              class="p-column-filter"
+              :placeholder="$t('freeRooms.searchByRoom')"
+              @input="filterCallback()"
+            />
+          </template>
+        </Column>
+      </DataTable>
+    </template>
+  </DynamicPage>
+</template>
+
+<script setup lang="ts">
+import { computed, inject, Ref, ref } from "vue";
+import DynamicPage from "@/view/DynamicPage.vue";
+import { requestFreeRooms } from "@/api/requestFreeRooms.ts";
+import { FilterMatchMode } from "primevue/api";
+import { padStart } from "@fullcalendar/core/internal";
+
+const mobilePage = inject("mobilePage") as Ref<boolean>;
+const filters = ref({
+  room: { value: null, matchMode: FilterMatchMode.CONTAINS, label: "Room" },
+});
+
+const date: Ref<Date> = ref(new Date(Date.now()));
+const start: Ref<Date> = ref(new Date(0));
+const end: Ref<Date> = ref(new Date(0));
+
+class Moved {
+  value: boolean = false;
+  timeout: NodeJS.Timeout | null = null;
+}
+
+const startMoved: Ref<Moved> = ref(new Moved());
+const endMoved: Ref<Moved> = ref(new Moved());
+
+start.value.setHours(new Date().getHours());
+end.value.setHours(Math.min(new Date().getHours() + 3, 23));
+if (end.value.getHours() === 23) {
+  start.value.setHours(22);
+  end.value.setMinutes(55);
+}
+
+const timeRange: Ref<number[]> = ref([
+  start.value.getHours() * 60 + start.value.getMinutes(),
+  end.value.getHours() * 60 + end.value.getMinutes(),
+]);
+
+function buttonMovedTimeout(
+  time: number,
+  timeDate: Date,
+  moved: Ref<Moved>,
+): void {
+  if (time !== timeDate.getHours() * 60 + timeDate.getMinutes()) {
+    if (moved.value.timeout !== null) {
+      clearTimeout(moved.value.timeout);
+    }
+    moved.value.value = true;
+    moved.value.timeout = setTimeout(() => {
+      moved.value.value = false;
+    }, 1000);
+  }
+}
+
+function updateTimeRange(): void {
+  buttonMovedTimeout(timeRange.value[0], start.value, startMoved);
+  buttonMovedTimeout(timeRange.value[1], end.value, endMoved);
+
+  if (timeRange.value[0] > timeRange.value[1]) {
+    timeRange.value[1] = timeRange.value[0];
+  }
+  start.value.setHours(Math.floor(timeRange.value[0] / 60));
+  start.value.setMinutes(timeRange.value[0] % 60);
+  end.value.setHours(Math.floor(timeRange.value[1] / 60));
+  end.value.setMinutes(timeRange.value[1] % 60);
+}
+
+function formatTime(time: Date): string {
+  return (
+    padStart(time.getHours().toString(), 2) +
+    ":" +
+    padStart(time.getMinutes().toString(), 2)
+  );
+}
+
+function timeToPercentString(time: number): string {
+  return `${(Number(time) * 100) / (24 * 60)}%`;
+}
+
+async function loadFreeRooms(): Promise<void> {
+  availableRooms.value = [];
+  const startDate = new Date(date.value.getTime());
+  startDate.setHours(start.value.getHours());
+  startDate.setMinutes(start.value.getMinutes());
+  const endDate = new Date(date.value.getTime());
+  endDate.setHours(end.value.getHours());
+  endDate.setMinutes(end.value.getMinutes());
+  await requestFreeRooms(startDate.toISOString(), endDate.toISOString()).then(
+    (data) => {
+      availableRooms.value = data.map((room, index) => {
+        return { id: index, room: room };
+      });
+    },
+  );
+}
+
+const isLater = computed(() => {
+  return start.value > end.value;
+});
+
+const availableRooms: Ref<{ id: number; room: string }[]> = ref([]);
+</script>
+
+<style scoped>
+.break {
+  flex-basis: 100%;
+  height: 0;
+}
+
+.time-tag {
+  transform: translateX(-50%);
+  border: 2px solid var(--primary-color);
+  background-color: var(--primary-color);
+  opacity: 0.6;
+  transition: opacity 0.2s ease-in-out;
+}
+
+.time-tag.moved {
+  opacity: 1;
+  z-index: 2;
+}
+
+.time-tag::before {
+  content: "";
+  position: absolute;
+  bottom: -0.8rem;
+  left: 50%;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 0.8rem 0.5rem 0 0.5rem;
+  border-color: var(--primary-color) transparent transparent transparent;
+  transform: translateX(-50%);
+}
+</style>
diff --git a/frontend/src/view/RoomFinder.vue b/frontend/src/view/RoomFinder.vue
index 8a5ad20..9abbf36 100644
--- a/frontend/src/view/RoomFinder.vue
+++ b/frontend/src/view/RoomFinder.vue
@@ -3,20 +3,16 @@ import { Ref, ref } from "vue";
 import { fetchRoom } from "../api/fetchRoom.ts";
 import DynamicPage from "./DynamicPage.vue";
 import RoomOccupation from "../components/RoomOccupation.vue";
+import { computedAsync } from "@vueuse/core";
 
-const rooms = async () => {
-  return await fetchRoom();
-};
-
-const roomsList: Ref<{ name: string }[]> = ref([]);
-const selectedRoom: Ref<{ name: string }> = ref({ name: "" });
-
-rooms().then(
-  (data) =>
-    (roomsList.value = data.map((room) => {
+const roomsList = computedAsync(async () => {
+  return await fetchRoom().then((data) =>
+    data.map((room) => {
       return { name: room };
-    })),
-);
+    }),
+  );
+});
+const selectedRoom: Ref<{ name: string }> = ref({ name: "" });
 </script>
 
 <template>
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index a9aa05e..ae5909d 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -16,5 +16,12 @@ export default defineConfig({
     watch: {
       usePolling: true,
     },
+    proxy: {
+      "/api": {
+        target: "http://localhost:8090/api",
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/api/, ""),
+      },
+    },
   },
 });