@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++ START:
/* ++++++++++ Im Kundenlayout individuell anpassbare Werte für Farben, Transparenzen, Logo und weitere Bilder, Schriftarten, Abstände etc. ++++++++++ */

select {																			/* Der Fill-Wert der Selectfeld-Auswahlpfeile ist an den gewünschten HEX-Farbwert anzupassen! Beginnend mit %23xxxxxx */
	background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 276.7 153" enable-background="new 0 0 276.7 153"><path fill="%23002f5d" d="M276.7 0H0l138.2 153z"/></svg>') !important;
}

:root {
	--White_HEX: #ffffff;														   /* Standardfarbe Weiß [HEX-Wert] */
	--White_RGBA: 255,255,255;														/* Standardfarbe Weiß [RGBA-Wert] */
	--Black_HEX: #000000;														   /* Standardfarbe Schwarz [HEX-Wert] */
	--Black_RGBA: 0,0,0;															/* Standardfarbe Schwarz [RGBA-Wert] */
	--DarkGrey_RGBA: 102,102,102;													/* Dunkles Grau [RGBA-Wert] */
	--DarkGrey_HEX: #666666;													   /* Dunkles Grau [HEX-Wert] */
	--MidGrey_HEX: #808080;													   /* Mittleres Grau für Tabellenrahmen [HEX-Wert] */

	--PrimaryColor_HEX: #002f5d;												   /* Primäry Standardfarbe [HEX-Wert] */
	--PrimaryColor_RGBA: 0,47,93;													/* Primäry Standardfarbe [RGBA-Wert] */

	--SecondaryColor_HEX: #545454;												   /* Zweite Standardfarbe (z. B. Icons) [HEX-Wert] */
	--SecondaryColor_RGBA: 84,84,84;												/* Zweite Standardfarbe (z. B. Icons) [RGBA-Wert] */

	--AkzentColor_HEX: #86bc24;												   /* Akzentfarbe [HEX-Wert] */
	--AkzentColor_RGBA: 134,188,36;													/* Akzentfarbe [RGBA-Wert] */

	--Error_Background_Color_HEX: #ee0000;										   /* Hintergrundfarbe für Fehler [HEX-Wert] */
	--Hint_Background_Color_HEX: #448600;										   /* Hintergrundfarbe für Hinweise [HEX-Wert] */
	--Error_Font_Color_HEX: var(--White_HEX);										/* Schriftfarbe für Hinweise und Fehler [HEX-Wert] */

	--Border_Color_HEX: #cccccc;												   /* Rahmenfarbe für Inputs etc. [HEX-Wert] */
	--Disabled_Color_HEX: #d2d2d2;												   /* Farbe für deaktivierte Button o. ä. */
	--Formulare_Background_Color_HEX: var(--White_HEX);							    /* Hintergrundfarbe für Inputfelder, Selectfelder, Checkboxen etc. */

	--Hover_Opacity: 1;																/* Transparenzwert des Hover-Effektes bei unterschiedlichen Elementen [Dezimalzahl mit Punkt; 0.0 = transparent / 1.0 = Vollfarbe] */

	--Body_Font: Oxygen, Arial, Helvetica, sans-serif;								/* Standard-Schriftart [Schriftname, Schriftname etc.] */
	--Body_Font_Color_HEX: #333333;											   /* Farbton für allgemeine Schrift [HEX-Wert] */
	--Body_Font_Contrast_Color_HEX: #111111;									   /* Farbton für kontrastreichere Schrift [HEX-Wert] */
	--Body_Font_Size: 1em;															/* Allgemeine Schriftgröße der Seite [Zahl und Einheit]*/
	--Body_Font_Weight: 400;														/* Allgemeine Schrift-Gewichtung der Seite [Zahl] */
	--Body_Font_LineHeight: 1.45em;													/* Allgemeiner Zeilenabstand der Seite [Zahl und Einheit] */
	--Body_Background_Color_HEX: var(--White_HEX);									/* Hintergrundfarbe der Website [HEX-Wert] */

	--Header_Height_Desktop: 475px;													/* Höhe des Headers in der Desktop-Ansicht [Zahl und Einheit] */
	--Header_Height_Mobile: 333px;													/* Höhe des Headers in der Mobile-Ansicht < 991 px [Zahl und Einheit] */
	--Header_Height_Mobile_XS: 275px;												/* Höhe des Headers in kleiner Mobile-Ansicht < 768 px [Zahl und Einheit] */
	--Header_Background_Position_Desktop: center center;							/* Positionierung des Headerbildes [left / center / right] */
	--Header_Background_Position_Mobile: center center;								/* Positionierung des Headerbildes [left / center / right] */
	--Header_Background_Position_Mobile_XS: center center;							/* Positionierung des Headerbildes [left / center / right] */

	--Header_Image_Desktop: var(--Path_Header_Image_Desktop);						/* Headerbild in Desktop-Ansicht [Wird in RIM-Property festgelegt. (custom.template.file.headerpic.desktop)] */
	--Header_Image_Mobile: var(--Path_Header_Image_Mobile);							/* Headerbild in Mobile-Ansicht (< 991 px) [Wird in RIM-Property festgelegt. (custom.template.file.headerpic.mobile)] */
	--Header_Image_Mobile_XS: var(--Path_Header_Image_Mobile_XS);					/* Headerbild in kleiner Mobile-Ansicht (< 768 px) [Wird in RIM-Property festgelegt. (custom.template.file.headerpic.mobile.xs)] */
	--Header_Image_Position_Top: 0px;												/* Oberer Versatz des Headerbildes, wenn ein solider Headerbalken verwendet werden soll [Zahl und Einheit] */
	--Header_Image_Border_Bottom_Color_RGBA: var(--White_RGBA);						/* Farbton des Balkens unterhalb des Headerbildes [RGBA-Wert] */
	--Header_Image_Border_Bottom_Opacity: 1;										/* Transparenz des Balkens unterhalb des Headerbildes [Dezimalzahl mit Punkt; 0.0 = transparent / 1.0 = Vollfarbe] */
	--Header_Image_Border_Bottom_Width: 0px;										/* Höhe des Balkens unterhalb des Headerbildes [Zahl und Einheit; 0 = kein Balken] */
	--Header_Image_Border_Bottom_Style: unset;										/* Stilart des Balkens unterhalb des Headerbildes. Nur ein Wert möglich [solid / dashed / dotted / unset = keine Linie] [Bsp.: solid] */
	--Header_Image_Bottom_Shadow: unset;				   							/* Größe und Farbton des Schattens unterhalb des Headers [Zahl und Einheit] [RGBA-Wert] [unset = kein Schatten / Bsp.: inset 0px 0px 10px 0px rgba(0,0,0,.15)] */
	--Header_Background_Color_RGBA: var(--White_RGBA);								/* Hintergrundfarbe des Headers, wenn das Headerbild nicht verwendet wird [RGBA-Wert] */
	--Header_Background_Opacity: 1;													/* Transparenz des Headers, wenn das Headerbild nicht verwendet wird [Dezimalzahl mit Punkt; 0.0 = transparent / 1.0 = Vollfarbe] */

	--Header_Border_Top_Color_RGBA: var(--White_RGBA);								/* Farbton des Balkens oberhalb des Headers [RGBA-Wert] */
	--Header_Border_Top_Opacity: 1;													/* Transparenz des Balkens oberhalb des Headers [Dezimalzahl mit Punkt; 0.0 = transparent / 1.0 = Vollfarbe] */
	--Header_Border_Top_Width: 0px;													/* Höhe des Balkens oberhalb des Headers [Zahl und Einheit; 0 = kein Balken] */
	--Header_Border_Top_Style: unset;												/* Stilart des Balkens oberhalb des Headers. Nur ein Wert möglich [solid / dashed / dotted / unset = keine Linie] [Bsp.: solid] */
	--Header_Border_Bottom_Color_RGBA: var(--White_RGBA);							/* Farbton des Balkens unterhalb des Headers [RGBA-Wert] */
	--Header_Border_Bottom_Opacity: 1;												/* Transparenz des Balkens unterhalb des Headers [Dezimalzahl mit Punkt; 0.0 = transparent / 1.0 = Vollfarbe] */
	--Header_Border_Bottom_Width: 0px;												/* Höhe des Balkens unterhalb des Headers [Zahl und Einheit; 0 = kein Balken] */
	--Header_Border_Bottom_Style: unset;											/* Stilart des Balkens unterhalb des Headers. Nur ein Wert möglich [solid / dashed / dotted / unset = keine Linie] [Bsp.: solid] */
	--Header_Border_Bottom_Shadow: unset;				   							/* Größe und Farbton des Schattens unterhalb des Headers [Zahl und Einheit] [RGBA-Wert] [unset = kein Schatten / Bsp.: 0px 0px 10px 0px rgba(0,0,0,.15)] */

	--Header_Claim_Background_Color_RGBA: var(--PrimaryColor_RGBA);					/* Farbton für den Hintergrund des Header-Claims (Infobox) [RGBA-Wert] */
	--Header_Claim_Opacity: 0.85;													/* Transparenzwert des Header-Claims (Infobox) [Dezimalzahl mit Punkt; 0.0 = transparent / 1.0 = Vollfarbe] */
	--Header_Claim_BottomSpace_Desktop: 195px;										/* Abstand Oberkante Header-Claim (Infobox) zur unteren Header(Bild)kante in der Desktop-Ansicht [Zahl und Einheit] */
	--Header_Claim_BottomSpace_Mobile: 115px;										/* Abstand Oberkante Header-Claim (Infobox) zur unteren Header(Bild)kante in der Mobile-Ansicht [Zahl und Einheit] */
	--Header_Claim_Font: var(--Body_Font);											/* Schriftart der Überschrift im Header-Claim (Infobox) [Schriftname, Schriftname, etc.] */
	--Header_Claim_Font_Color_HEX: var(--White_HEX);								/* Farbton der Überschrift im Header-Claim (Infobox) [HEX-Wert] */
	--Header_Claim_Font_Weight: 600;												/* Schrift-Gewichtung der Überschrift im Header-Claim (Infobox) [Zahl] */
	--Header_Claim_Font_Style: unset;												/* Schriftstil der Überschrift im Header-Claim (Infobox) [italic / unset = keine Stilanpassung] */
	--Header_Claim_Font_Transform: unset;											/* Schrift-Transformation der Überschrift im Header-Claim (Infobox) [uppercase / lowercase / capitalize / unset = keine Transformierung] */
	--Header_Claim_Float: left;														/* Platzierung des Header-Claims (Infobox) [left / right] */
	--Header_Claim_Border_Width: 0px;												/* Stärke der Umrandung des Header-Claims (Infobox). Bis zu 4 Werte möglich (top right bottom left) [Zahl und Einheit] */
	--Header_Claim_Border_Style: unset;												/* Stilart der Umrandung des Header-Claims (Infobox). Bis zu 4 Werte möglich (top right bottom left) [solid / dashed / dotted / unset = keine Linie] [Bsp.: solid solid solid solid] */
	--Header_Claim_Border_Color_RGBA: var(--AkzentColor_RGBA);						/* Farbton der Umrandung des Header-Claims (Infobox) [RGBA-Wert] */
	--Header_Claim_Border_Opacity: var(--Header_Claim_Opacity);						/* Transparenzwert der Umrandung des Header-Claims (Infobox) [Dezimalzahl mit Punkt; 0.0 = transparent / 1.0 = Vollfarbe] */

	--Headerbar_Background_Color: var(--White_RGBA);								/* Hintergrundfarbe des Headerbalkens [RGBA-Wert] */
	--Headerbar_Background_Opacity: .75;											/* Transparenzwert des Headerbalkens [Dezimalzahl mit Punkt; 0.0 = transparent / 1.0 = Vollfarbe] */

	--Logo_Width: 301px;															/* Breite des Logos [Zahl und Einheit] */
	--Logo_Height: 34px;															/* Höhe des Logos [Zahl und Einheit] */
	--Logo_Faktor_Desktop: 1;														/* Vergrößerungs-/Verkleinerungsfaktor des Logos in der Desktop-Ansicht [Dezimalzahl mit Punkt; je größer der Wert, desto kleiner das Logo] */
	--Logo_Zusatzfaktor_Mobile: .1;													/* Zusatzlicher Vergrößerungs-/Verkleinerungsfaktor des Logos in der Mobile-Ansicht (< 768 px) [Dezimalzahl mit Punkt] */
	--Logo_Zusatzfaktor_Mobile_XS: .5;												/* Zusatzlicher Vergrößerungs-/Verkleinerungsfaktor des Logos in sehr kleiner Mobile-Ansicht (< 460 px) [Dezimalzahl mit Punkt] */
	--Logo_Space_Desktop: 20px;														/* Abstand des Logos (Top & Bottom) zur oberen und unteren Headerkante in der Desktop-Ansicht [Zahl und Einheit] */
	--Logo_Space_Mobile: 20px;														/* Abstand des Logos (Top & Bottom) zur oberen und unteren Headerkante in der Mobile-Ansicht < 768 px [Zahl und Einheit] */

	--Navigation_Desktop_Padding: 0em 0em 0em 0em;									/* Innerer umlaufender Abstand der Navigationselemente zu den Kanten des Navigationsmenüs. Bis zu 4 Werte möglich (top right bottom left) [Zahl und Einheit] [Bsp.: 1.25em .75em] */
	--Navigation_Desktop_Margin: 0em 0em 0em 0em;									/* Umliegender Abstand des Navigationsmenüs zur Navigations-Spalte. Bis zu 4 Werte möglich (top right bottom left) [Zahl und Einheit] [Bsp.: 1em 0em 0em 1em] */
	--Navigation_Desktop_Border_Width: 0px 0px 0px 0px;								/* Stärke der Umrandung des Navigationsmenüs. Bis zu 4 Werte möglich (top right bottom left) [Zahl und Einheit] [Bsp.: 1px 0px 0px 1px] */
	--Navigation_Desktop_Border_Style: unset;										/* Stilart der Umrandung des Navigationsmenüs. Bis zu 4 Werte möglich (top right bottom left) [solid / dashed / dotted / unset = keine Linie] [Bsp.: solid solid solid unset] */
	--Navigation_Desktop_Border_Color_HEX: var(--AkzentColor_HEX);					/* Farbton der Umrandung des Navigationsmenüs [HEX-Wert] */
	--Navigation_Desktop_Shadow: unset;				   								/* Größe und Farbton des Schattens des Navigationsmenüs [Zahl und Einheit] [RGBA-Wert] [unset = kein Schatten / Bsp.: 0px 0px 10px 0px rgba(0,0,0,.15)] */
	--Navigation_Mobile_Leveltitle_MarginTop: 0em;									/* Abstand der Hauptmenüpunkte zur oberen Kante des Navigationsmenüs der mobilen Navigation. [Zahl und Einheit] (Bsp.: .5em) */

	--Navigation_Element_Border_Width: 0px;											/* Stärke der Linie unterhalb eines Navigations-Elementes. [Zahl und Einheit] */
	--Navigation_Element_Border_Style: unset;										/* Stilart der Linie unterhalb eines Navigations-Elementes. [solid / dashed / dotted / unset = keine Linie] [Bsp.: solid solid solid unset] */
	--Navigation_Element_Border_Color_HEX: var(--Border_Color_HEX);					/* Farbton der Linie unterhalb eines Navigations-Elementes. [HEX-Wert] */
	--Navigation_Element_Display: unset;											/* Darstellung der Linie unterhalb eines Navigations-Elementes. [block = volle Breite / inline-block = so breit wir der Labeltext / unset = keine Linie] */
	--Navigation_Element_LineHeight: unset;											/* Höhe des Navigations-Elementes. [Zahl und Einheit] (Bsp.: 2em / unset = Standardwert) */

	--Navigation_Leveltitle_Border_Width: 0px;										/* Stärke der Linie unterhalb des Hauptmenü-Navigationselementes. [Zahl und Einheit] */
	--Navigation_Leveltitle_Border_Style: unset;									/* Stilart der Linie unterhalb des Hauptmenü-Navigationselementes. Bis zu 4 Werte möglich [solid / dashed / dotted / unset = keine Linie] [Bsp.: solid solid solid unset] */
	--Navigation_Leveltitle_Border_Color_HEX: var(--PrimaryColor_HEX);				/* Farbton der Linie unterhalb des Hauptmenü-Navigationselementes. [HEX-Wert] */
	--Navigation_Leveltitle_Border_PaddingBottom: 0em;								/* Abstand zwischen der Linie und dem Hauptmenü-Navigationselement. [Zahl und Einheit] */
	--Navigation_Leveltitle_Border_MarginTop: 0em;									/* Abstand des Hauptmenü-Navigationselementes zum oberen/vorangegangenem Element in der Navigationsspalte. [Zahl und Einheit] */
	--Navigation_Leveltitle_LineHeight: unset;										/* Höhe des Hauptmenü-Navigationselementes. [Zahl und Einheit] (Bsp.: 2em / unset = Standardwert) */

	--Headline_H1_Color_HEX: var(--PrimaryColor_HEX);								/* Farbton für Überschriften der Größe H1 [HEX-Wert] */
	--Headline_H2_Color_HEX: var(--PrimaryColor_HEX);								/* Farbton für Überschriften der Größe H2 [HEX-Wert] */
	--Headline_H3_Color_HEX: var(--PrimaryColor_HEX);								/* Farbton für Überschriften der Größe H3 [HEX-Wert] */
	--Headline_H4_Color_HEX: var(--PrimaryColor_HEX);								/* Farbton für weitere Überschriften unter der Größe H3 [HEX-Wert] */
	--Headline_H1_Size: 215%;														/* Schriftgröße für Überschriften der Größe H1 (relative Größe zur Body_Font_Size in Prozent) [Zahl und Einheit] */
	--Headline_H2_Size: 166%;														/* Schriftgröße für Überschriften der Größe H2 (relative Größe zur Body_Font_Size in Prozent) [Zahl und Einheit] */
	--Headline_H3_Size: 133%;														/* Schriftgröße für Überschriften der Größe H3 (relative Größe zur Body_Font_Size in Prozent) [Zahl und Einheit] */
	--Headline_H4_Size: 85%;														/* Schriftgröße für weitere Überschriften unter der Größe H3 (relative Größe zur Body_Font_Size in Prozent) [Zahl und Einheit] */
	--Headline_H1_Font: var(--Body_Font);											/* Schriftart für Überschriften der Größe H1 [Schriftname, Schriftname, etc.] */
	--Headline_H2_Font: var(--Headline_H1_Font);									/* Schriftart für Überschriften der Größe H2 [Schriftname, Schriftname, etc.] */
	--Headline_H3_Font: var(--Headline_H1_Font);									/* Schriftart für Überschriften der Größe H3 [Schriftname, Schriftname, etc.] */
	--Headline_H4_Font: var(--Headline_H1_Font);									/* Schriftart für weitere Überschriften unter der Größe H3 [Schriftname, Schriftname, etc.] */
	--Headline_H1_Weight: 500;														/* Schrift-Gewichtung für Überschriften der Größe H1 [Zahl] */
	--Headline_H2_Weight: 600;														/* Schrift-Gewichtung für Überschriften der Größe H2 [Zahl] */
	--Headline_H3_Weight: 600;														/* Schrift-Gewichtung für Überschriften der Größe H3 [Zahl] */
	--Headline_H4_Weight: var(--Body_Font_Weight);									/* Schrift-Gewichtung für weitere Überschriften unter der Größe H3 [Zahl] */
	--Headline_H1_Style: unset;														/* Text-Stil für Überschriften der Größe H1 [italic / unset = keine Stilanpassung] */
	--Headline_H2_Style: var(--Headline_H1_Style);									/* Text-Stil für Überschriften der Größe H2 [italic / unset = keine Stilanpassung] */
	--Headline_H3_Style: var(--Headline_H1_Style);									/* Text-Stil für Überschriften der Größe H3 [italic / unset = keine Stilanpassung] */
	--Headline_H4_Style: var(--Headline_H1_Style);									/* Text-Stil für weitere Überschriften unter der Größe H3 [italic / unset = keine Stilanpassung] */
	--Headline_H1_Transform: unset;													/* Text-Transformierung für Überschriften der Größe H1 [uppercase / lowercase / capitalize / unset = keine Transformierung] */
	--Headline_H2_Transform: var(--Headline_H1_Transform);							/* Text-Transformierung für Überschriften der Größe H2 [uppercase / lowercase / capitalize / unset = keine Transformierung] */
	--Headline_H3_Transform: var(--Headline_H1_Transform);							/* Text-Transformierung für Überschriften der Größe H3 [uppercase / lowercase / capitalize / unset = keine Transformierung] */
	--Headline_H4_Transform: var(--Headline_H1_Transform);							/* Text-Transformierung für weitere Überschriften unter der Größe H3 [uppercase / lowercase / capitalize / unset = keine Transformierung] */

	--Calendar_DayNumber_Color_HEX: var(--PrimaryColor_HEX);						/* Farbton für der Tageszahlen im Sitzungskalender [HEX-Wert] */
	--Calendar_Cell_Color_RGBA: var(--PrimaryColor_RGBA);							/* RGBA-Wert der Hintergrundfarbe des Kalenders [RGBA-Wert] */
	--Calendar_ListEventHover_Opacity: .05;											/* Transparenz der Hintergrundfarbe des Hover-Effekts in der Monats- und Jahresliste [Dezimalzahl mit Punkt; 0.0 = transparent / 1.0 = Vollfarbe] */
	--Calendar_DaygridTop_Opacity: .2;												/* Transparenz der Hintergrundfarbe der Kopfzelle mit dem aktuellen Tagesdatum in der Monatsansicht [Dezimalzahl mit Punkt; 0.0 = transparent / 1.0 = Vollfarbe] */
	--Calendar_DaysFuture_Opacity: .0005;											/* Transparenz der Hintergrundfarbe für zukünftige Tage in allen Raster-Ansichtsmodi (Monat, Woche, Tag) [Dezimalzahl mit Punkt; 0.0 = transparent / 1.0 = Vollfarbe] */
	--Calendar_DisabledDays_Opacity: .0175;											/* Transparenz der Hintergrundfarbe für alle Tage außer aktuellem Tag in allen Raster-Ansichtsmodi (Monat, Woche, Tag) [Dezimalzahl mit Punkt; 0.0 = transparent / 1.0 = Vollfarbe] */
	--Calendar_DayToday_Opacity: .15;												/* Transparenz der Hintergrundfarbe der Zelle des aktuellen Tages in allen Raster-Ansichtsmodi (Monat, Woche, Tag) [Dezimalzahl mit Punkt; 0.0 = transparent / 1.0 = Vollfarbe] */
	--CalendarPanel_Active_Background_Color_HEX: var(--PrimaryColor_HEX);			/* Hintergrundfarbe eines aktiven oder gehoverten Bedienpanels des Sitzungskalenders [HEX-Wert] */
	--CalendarPanel_Active_Font_Color_HEX: var(--White_HEX);						/* Schriftfarbe des Textlabels eines aktiven oder gehoverten Bedienpanels des Sitzungskalenders [HEX-Wert] */
	--CalendarPanel_Inactive_Background_Color_HEX: var(--White_HEX);				/* Hintergrundfarbe eines inaktiven Bedienpanels des Sitzungskalenders [HEX-Wert] */
	--CalendarPanel_Inactive_Font_Color_HEX: var(--PrimaryColor_HEX);				/* Schriftfarbe des Textlabels eines inaktiven Bedienpanels des Sitzungskalenders [HEX-Wert] */
	--Calendar_MonthWeekDayGrid_Border_Width: 5px;									/* Stärke der Rasterlinien in der Monatsansicht des Sitzungskalenders. [Zahl und Einheit] */
	--Calendar_MonthWeekDayGrid_Border_Style: solid;								/* Stilart der Rasterlinien in der Monatsansicht des Sitzungskalenders. [solid / dashed / dotted / unset = keine Linie] [Bsp.: solid solid solid unset] */
	--Calendar_MonthWeekDayGrid_Border_Color: var(--White_HEX);						/* Farbton der Rasterlinien in der Monatsansicht des Sitzungskalenders. [HEX-Wert] */

	--Tab_Active_Background_Color_HEX: var(--PrimaryColor_HEX);						/* Hintergrundfarbe bei aktiven TAB-Flächen [HEX-Wert] */
	--Tab_Active_Background_Hover_Color_HEX: var(--White_HEX);						/* Hintergrundfarbe bei aktiven TAB-Flächen beim Hovern der TAB-Fläche [HEX-Wert] */
	--Tab_Active_Font_Color_HEX: var(--White_HEX);									/* Schriftfarbe des Textlabels auf aktiven TAB-Flächen [HEX-Wert] */
	--Tab_Active_Font_Hover_Color_HEX: var(--PrimaryColor_HEX);						/* Schriftfarbe des Textlabels beim Hovern einer aktiven TAB-Fläche [HEX-Wert] */
	--Tab_Inactive_Background_Color_HEX: var(--White_HEX);							/* Hintergrundfarbe bei inaktiven TAB-Flächen [HEX-Wert] */
	--Tab_Inactive_Background_Hover_Color_HEX: var(--White_HEX);					/* Hintergrundfarbe bei inaktiven TAB-Flächen beim Hovern der TAB-Fläche [HEX-Wert] */
	--Tab_Inactive_Font_Color_HEX: var(--PrimaryColor_HEX);							/* Schriftfarbe des Textlabels auf inaktiven TAB-Flächen [HEX-Wert] */
	--Tab_Inactive_Font_Hover_Color_HEX: var(--PrimaryColor_HEX);					/* Schriftfarbe des Textlabels beim Hovern einer inaktiven TAB-Fläche [HEX-Wert] */

	--Button_Background_Color_HEX: var(--PrimaryColor_HEX);							/* Farbton für Formular-Schaltflächen (auch Kalender Terminfilter) [HEX-Wert] */
	--Button_Background_Hover_Color_HEX: var(--White_HEX);							/* Farbton für Formular-Schaltflächen (auch Kalender Terminfilter) [HEX-Wert] */
	--Button_Font_Color_HEX: var(--White_HEX);										/* Schriftfarbe des Textlabels auf Formular-Schaltflächen [HEX-Wert]  */
	--Button_Font_Hover_Color_HEX: var(--PrimaryColor_HEX);							/* Schriftfarbe des Textlabels beim Hovern der Formular-Schaltfläche [HEX-Wert]  */
	--Button_Font: var(--Body_Font);												/* Schriftart des Textes der Formular-Schaltflächen [Schriftname, Schriftname etc.] */
	--Button_Font_Weight: var(--Body_Font_Weight);									/* Schrift-Gewichtung des Textes der Formular-Schaltflächen [Zahl] */

	--Icon_Color_HEX: var(--PrimaryColor_HEX);										/* Farbton für Icon-Grafiken [HEX-Wert] */
	--IconButton_Color_HEX: var(--PrimaryColor_HEX);								/* Prominente Schaltflächen in Symbolform (Burgermenü, Contrast-Button etc.) [HEX-Wert] */

	--Link_Font_Color_HEX: var(--PrimaryColor_HEX);									/* Farbton für Textlinks allgemein [HEX-Wert] */
	--Link_Font_Hover_Color_HEX: var(--PrimaryColor_HEX);							/* Farbton beim Hovern von Textlinks [HEX-Wert] */
	--Link_Dekoration: underline;													/* Unterstreichung eines Hyperlinks [underline / none] */
	--Link_Dekoration_Hover: none;													/* Unterstreichung eines Hyperlinks beim Hovern [underline / none] */
	--Link_Dekoration_Color_HEX: unset;												/* Farbige Unterstreichung eines Hyperlinks [unset / HEX-Wert] */
	--Link_Dekoration_Thickness: unset;												/* Dicke der Unterstreichung eines Hyperlinks [unset / Zahl und Einheit] */

	--App_Row_Hover_Color_Primary_HEX: var(--PrimaryColor_HEX);						/* Farbton für Zeilen-Überrolleffekt in den Apps [HEX-Wert] */
	--App_Row_Hover_Color_Secondary_HEX: var(--PrimaryColor_HEX);					/* Farbton für Zeilen-Überrolleffekt für nachgelagerte Zeilen in den Apps [HEX-Wert] */
	--App_Row_Background_Color_HEX: #f2f4f7;									   /* Farbe für iterierende Zeilen im Bereich Akten [HEX-Wert] */
	--App_Link_Color_HEX: var(--PrimaryColor_HEX);									/* Farbton für Textlinks in den Apps [HEX-Wert] */
	--App_Link_Hover_Color_HEX: var(--White_HEX);									/* Schriftfarbe bei farbigem Zeilen-Überrolleffekt bei Akte, Gruppen, Tagesordnungspunkten etc. und bei Datei-Umbenennungen in der Akte [HEX-Wert] */

	--Table_Header_Color_RGBA: var(--PrimaryColor_RGBA);							/* RGBA-Wert der Hintergrundfarbe der Tabellenheader [RGBA-Wert] */
	--Table_Header_Opacity: .05;													/* Transparenz der Hintergrundfarbe der Tabellenheader [Dezimalzahl mit Punkt; 0.0 = transparent / 1.0 = Vollfarbe] */
	--Table_Header_Font_Weight: 600;												/* Schrift-Gewichtung innerhalb der Tabellenköpfe [Zahl] */
	--Table_Header_Font_Style: unset;												/* Text-Stil für Schrift in Tabellenköpfen [italic / unset = keine Stilanpassung] */
	--Table_Header_Font_Transform: unset;											/* Text-Transformierung für Schrift in Tabellenköpfe [uppercase / lowercase / capitalize / unset = keine Transformierung]  */
	--Table_Font_Size: 90%;															/* Schriftgröße innerhalb von Tabellen [Zahl und Einheit] */

	--Hinweis_Background_Color_HEX: var(--PrimaryColor_HEX);						/* Farblicher Hintergrund zur Markierung von Fundstellen der Recherche oder sonstigen Text-Hervorhebungen [HEX-Wert] */
	--Hinweis_Font_Color_HEX: var(--White_HEX);										/* Schriftfarbe bei Markierungen von Fundstellen der Recherche oder sonstigen Text-Hervorhebungen [HEX-Wert] */

	--Tooltip_Font_Color_HEX: var(--White_HEX);										/* Farbton für Texte im Kalender-Tooltip [HEX-Wert] */
	--Tooltip_Notice_Font_Color_HEX: var(--AkzentColor_HEX);						/* Farbton für Hinweistexte im Kalender-Tooltip [HEX-Wert] */
	--Tooltip_Background_Color_HEX: var(--PrimaryColor_HEX);						/* Farbton für Hintergrundfarbe des Kalender-Tooltips [HEX-Wert] */

	--Checkbox_Radio_Size: 22px;													/* Größe von Checkboxen und Radiobuttons [Zahl und Einheit] */
	--Checkbox_Radio_Color_HEX: var(--Button_Background_Color_HEX);					/* Farbe der Häkchen und Füllungen bei Checkboxen und Radio-Elementen [HEX-Wert] */

	--Footer_Background_Color_HEX: #222222;									   /* Footer-Hintergrundfarbe [HEX-Wert] */
	--Footer_Font_Color_HEX: var(--White_HEX);										/* Footer-Schriftfarbe [HEX-Wert] */
	--Footer_Link_Dekoration: none;													/* Unterstreichung eines Hyperlinks im Footer [underline / none] */
	--Footer_Link_Dekoration_Hover: underline;										/* Unterstreichung eines Hyperlinks im Footer beim Hovern [underline / none] */
	--Footer_Top_Shadow: unset;							   							/* Größe und Farbton des Schattens Oberhalb des Footers [Zahl und Einheit] [RGBA-Wert] [unset = kein Schatten / Bsp.: 0px 0px 20px 0px rgba(0,0,0,1.0)] */
	--Footer_Border_Top_Color_RGBA: var(--White_RGBA);								/* Farbton des Balkens oberhalb des Footers [RGBA-Wert] */
	--Footer_Border_Top_Opacity: 1;													/* Transparenz des Balkens oberhalb des Footers [Dezimalzahl mit Punkt; 0.0 = transparent / 1.0 = Vollfarbe] */
	--Footer_Border_Top_Width: 0px;													/* Höhe des Balkens oberhalb des Footers [Zahl und Einheit; 0 = kein Balken] */
	--Footer_Border_Top_Style: unset;												/* Stilart des Balkens des oberhalb des Footers. Nur ein Wert möglich [solid / dashed / dotted / unset = keine Linie] [Bsp.: solid] */
	--Footer_Border_Bottom_Color_RGBA: var(--White_RGBA);							/* Farbton des Balkens unterhalb des Footers [RGBA-Wert] */
	--Footer_Border_Bottom_Opacity: 1;												/* Transparenz des Balkens unterhalb des Footers [Dezimalzahl mit Punkt; 0.0 = transparent / 1.0 = Vollfarbe] */
	--Footer_Border_Bottom_Width: 0px;												/* Höhe des Balkens unterhalb des Footers [Zahl und Einheit; 0 = kein Balken] */
	--Footer_Border_Bottom_Style: unset;											/* Stilart des Balkens des unterhalb des Footers. Nur ein Wert möglich [solid / dashed / dotted / unset = keine Linie] [Bsp.: solid] */
	--Footer_Text_Alignment: left;													/* Ausrichtung des Textes im Footer [left / center / right] */
	--Footer_Text_Float: left;														/* Umfließen des Textblocks im Footer (none, wenn --Footer_Text_Alignment ungleich left) [left / none] */
	--FooterContainer_Border_Top_Color_HEX: var(--Footer_Background_Color_HEX);		/* Farbton der Rahmenlinie oberhalb des Footertextes [HEX-Wert] */
	--FooterContainer_Border_Top_Width: 0px;										/* Stärke der Rahmenlinie oberhalb des Footertextes [Zahl und Einheit; 0 = keine Rahmenlinie] */
	--FooterContainer_Padding_Top: 2em;												/* Abstand Footertext zur oberen Rahmenlinie [Zahl und Einheit] */
	--FooterBefore_Image_Display: none;												/* Stellt ein Bild (Hintergrundbild) oberhalb des Footers dar [block = Bild wird angezeigt / none = kein Bild] */
	--FooterBefore_Image: var(--Path_FooterBefore_Image);							/* Bilddatei, die oberhalb des Footers angezeigt werden soll [Wird in RIM-Property festgelegt. (custom.template.file.footerpic)] */
	--FooterBefore_Image_Position: center center;									/* Positionierung des Hintergrundbildes [left / center / right] */
	--FooterBefore_Image_Background_Color_HEX: var(--White_HEX);					/* Hintergrundfarbe des Bildes z. B. bei transparenten Bildbereichen [HEX-Wert] */
	--FooterBefore_Image_Background_Size: cover;									/* Flächennutzung des Hintergrundbildes im Footer-Element [cover / contain / unset] */
	--FooterBefore_Image_Width: 100%;												/* Breite des Hintergrundbildes [Zahl und Einheit] */
	--FooterBefore_Image_Height: 15em;												/* Höhe des Hintergrundbildes [Zahl und Einheit] */
	--FooterBefore_Image_Margin_Width: auto;										/* Ausrichtung des Bildes bei Bildbreiten unter 100% [auto / Zahl mit Einheit] */
	--FooterBefore_Image_Padding_Top: 0px;											/* Abstand des Bildes von der oberen Footerkante [Zahl und Einheit] */

	--Focus_Font_Color_HEX: var(--Body_Font_Contrast_Color_HEX);					/* Farbton der Schriftfarbe des Fokus-Effektes [HEX-Wert] */
	--Focus_Outline_Style: dashed;													/* Stilart der Umrandung des Fokus-Effektes. Bis zu 4 Werte möglich [solid / dashed / dotted / unset = keine Linie] [Bsp.: solid solid solid unset] */
	--Focus_Outline_Color_HEX: var(--PrimaryColor_HEX);								/* Farbton der Umrandung des Fokus-Effektes [HEX-Wert oder transparent] */
	--Focus_Background_Opacity: .2;													/* Transparenz der Hintergrundfarbe des Fokus-Effektes [Dezimalzahl mit Punkt; 0.0 = transparent / 1.0 = Vollfarbe] */
	--Focus_Background_Color_RGBA: var(--AkzentColor_RGBA);							/* Farbton der Hintergrundfarbe des Fokus-Effektes [RGBA-Wert] */
	--Focus_Footer_Font_Color_HEX: var(--Footer_Font_Color_HEX);					/* Farbton der Schrift des Fokus-Effektes im Footer [HEX-Wert] */
	--Focus_Footer_Outline_Color_HEX: var(--Footer_Font_Color_HEX);					/* Farbton der Umrandung des Fokus-Effektes im Footer [HEX-Wert] */
	--Focus_Footer_Background_Color_HEX: var(--Footer_Background_Color_HEX);		/* Farbton der Hintergrundfarbe des Fokus-Effektes im Footer [HEX-Wert] */

	--Chat_Font_Color_Inverted_HEX: var(--White_HEX);								/* Notizen-Chat: Schriftfarbe für invertierte Flächen [HEX-Wert] */
	--Chat_Highlight_Color1_HEX: var(--PrimaryColor_HEX);							/* Notizen-Chat: Farbton für allgemeine Hervorhebungen [HEX-Wert] */
	--Chat_Highlight_Color2_HEX: var(--Chat_Highlight_Color1_HEX);					/* Notizen-Chat: Farbton für besondere Hervorhebungen [HEX-Wert] */
	--Chat_Background_Color_Inverted_HEX: var(--PrimaryColor_HEX);					/* Notizen-Chat: Farbton für den Hintergrund von zur Diskussion/Antwort ausgewählter Notizen [HEX-Wert] */

	--Favorites_Highlight_Color_HEX: var(--PrimaryColor_HEX);						/* Favoriten: Farbton für allgemeine Hervorhebungen in den Favoriten [HEX-Wert] */
	--Favorites_Font_Color_Inverted_HEX: var(--White_HEX);							/* Favoriten: Farbwert für Invertierte Schrift [HEX-Wert] */
	--Favorites_Tooltip_Disabled_Font_Color_HEX: var(--Disabled_Color_HEX);			/* Favoriten: Farbwert für Schriften auf deaktivierten Tooltips [HEX-Wert] */
	--Favorites_Tooltip_Disabled_Background_Color_HEX: var(--White_HEX);		 	/* Favoriten: Farbwert für Hintergrundfarbe eines deaktivierten Tooltips [HEX-Wert] */

	/* ##### Positionierung: Logo, Burgermenü- & Kontrast-Button */
	--Logo_Position: left;															/* Logo linksseitig = [left] | Logo rechtsseitig = [right] */
	--Logo_Margin: auto auto auto 15px;												/* Logo linksseitig = [auto auto auto 15px] | Logo rechtsseitig = [auto 0 auto auto] */
	--Logo_Order: 1; 																/* Logo linksseitig = [1] | Logo rechtsseitig = [3] */
	--Header_Navigation_ToggleButton_Order: 3;										/* Burgermenü- & Kontrast-Button im Header als Gruppe rechtsseitig platziert = [3] | Burgermenü- & Kontrast-Button im Header als Gruppe linksseitig platziert = [1] */
	--Header_ContrastButton_Order: 1;												/* Anordnung der Button innerhalb der Gruppe: Burgermenü-Button rechts, Kontrast-Button links = [1] | Burgermenü-Button links, Kontrast-Button rechts = [0] */
	--Header_ContrastButton_Margin: auto 0px auto 10px;								/* Wenn: Kontrast-Button rechtsseitig = [auto 0px auto 10px] | Kontrast-Button linksseitig = [auto 10px auto 10px] */

	/* ##### Positionierung: Desktop-Navigationsleiste */
	--Navigation_Width: 20%;														/* Breite der Desktop-Navigation */
	--Navigation_Position: left;													/* Desktop-Navigation linksseitig = [left] | Desktop-Navigation rechtsseitig = [right] */
	--Navigation_Content_Gap: 5%;													/* Desktop-Navigation linksseitig = [5%]   | Desktop-Navigation rechtsseitig = [0%] */
	--Navigation_LeftMargin: 15px;													/* Desktop-Navigation linksseitig = [15px] | Desktop-Navigation rechtsseitig = [0px] */
	--Content_RightPadding: 0%;														/* Desktop-Navigation linksseitig = [0%]   | Desktop-Navigation rechtsseitig = [5%] [ACHTUNG: Gleichen Wert wie --Navigation_Content_Gap bei linksseitig Desktop-Navigation!] */
	--Content_LeftPadding: 0px;														/* Desktop-Navigation linksseitig = [0px]  | Desktop-Navigation rechtsseitig = [15px] */

}

@media only screen and (max-width: 991px) {
	:root {
		--Logo_Margin: auto auto auto 10px;											/* Logo linksseitig = auto auto auto 10px | Logo rechtsseitig = auto 10px auto auto */
		--Header_ContrastButton_Margin: auto 10px auto 20px;						/* Burgermenü- & Kontrast-Button im Header als Gruppe rechtsseitig platziert und --Header_ContrastButton_Order:0 = auto 20px auto 10px
																					|  Burgermenü- & Kontrast-Button im Header als Gruppe rechtsseitig platziert und --Header_ContrastButton_Order:1 = auto 10px auto 20px
																					|  Burgermenü- & Kontrast-Button im Header als Gruppe linksseitig platziert  und --Header_ContrastButton_Order:0 = auto 20px auto 10px
																					|  Burgermenü- & Kontrast-Button im Header als Gruppe linksseitig platziert  und --Header_ContrastButton_Order:1 = auto 10px auto 10px */
		--Header_Nav_ToogleButton_Margin: auto 10px auto 10px;						/* Burgermenü- & Kontrast-Button im Header als Gruppe rechtsseitig platziert und --Header_ContrastButton_Order:0 = auto 10px auto 10px
																					|  Burgermenü- & Kontrast-Button im Header als Gruppe rechtsseitig platziert und --Header_ContrastButton_Order:1 = auto 10px auto 10px
																					|  Burgermenü- & Kontrast-Button im Header als Gruppe linksseitig platziert  und --Header_ContrastButton_Order:0 = auto 10px auto 10px
																					|  Burgermenü- & Kontrast-Button im Header als Gruppe linksseitig platziert  und --Header_ContrastButton_Order:1 = auto 20px auto 10px */
	}
}

/* ++++++++++ END <
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */