@charset "UTF-8";

:root {
	--q-primary: #ffcc00;
	--q-secondary: #0038ff;
	--q-accent: #54378A;
	--q-dark: #1D1D1D;
	--q-dark-page: #121212;
	--q-positive: #2E7B32;
	--q-negative: #D32F2F;
	--q-info: #31CCEC;
	--q-warning: #BF5900;

	--global-footer-background: #ffcc00; /*Hintergrundfarbe Footer*/
	--global-footer-font-color: --q-dark; /*Schriftfarbe Footer*/

	--global-error-color: #d32f2f; /*Fehler Farbe*/
	--global-warning-color: #ffcc00; /*Warnung Farbe*/
	--global-info-color: #baddf2; /*Information Farbe*/
	--global-success-color: #2e7b32; /*Erfolgreich Farbe*/
	--global-h1-font: var(--global-font-title); /*Überschrift h1 Schriftart*/
	--global-h1-font-size: 3.125rem; /*Überschrift h1 Schriftgröße*/
	--global-h1-font-size-responsive: 2.725rem; /*Überschrift h1 Schriftgröße*/
	--global-h1-font-color: #004178; /*Überschrift h1 Schriftfarbe*/
	--global-h1-font-weight: 700; /*Überschrift h1 Schriftstärke*/
	--global-h2-font: var(--global-font-title); /*Überschrift h2 Schriftart*/
	--global-h2-font-size: 1.875rem; /*Überschrift h2 Schriftgröße*/
	--global-h2-font-color: #00579D; /*Überschrift h2 Schriftfarbe*/
	--global-h2-font-weight: 500; /*Überschrift h2 Schriftstärke*/
	--global-h4-font: var(--global-font-title); /*Überschrift h4 Schriftart*/
	--global-h4-font-size: 1.5rem; /*Überschrift h4 Schriftgröße*/
	--global-h4-font-color: #00579D; /*Überschrift h4 Schriftfarbe*/
	--global-h4-font-weight: 500; /*Überschrift h4 Schriftstärke*/
	--global-text-font: var(--global-font-content); /*Text Schriftart*/
	--global-text-font-size: 16px; /*Text Schriftgröße*/
	--global-text-font-weight: normal; /*Text Schriftstärke*/
	--global-text-font-color: #333; /*Text Schriftfarbe*/
	--global-caption-font-size: 0.813rem; /*Caption Schriftgröße*/
	--global-primary-color: #01233f; /*Erste Hauptfarbe des Kunden*/
	--global-secondary-color: #c4dcf1; /*Zweite Hauptfarbe des Kunden*/
	--global-header-background: #fff; /*Hintergrundfarbe Header*/
	--global-main-content-background: #fff; /*Hintergrundfarbe Main-Content*/
	--global-content-background: #E4EFF9; /*Hintergrundfarbe Content*/
	--global-footer-background: var(--global-primary-color); /*Hintergrundfarbe Footer*/
	--global-border: 1px solid var(--global-content-background); /*Rahmen*/
	--global-border-radius: 3px; /*Rahmenradius*/
	--global-divider-color: var(--global-primary-color);
	/*Button Primary */
	--button-font: var(--global-font-content);
	--button-font-size: 14px;
	--button-font-weight: 500;
	--button-letter-spacing: .1em;
	--button-text-transform: uppercase;
	--button-border-radius: var(--global-border-radius);
	--button-transition: .3s ease-in-out 0s;
	--button-padding: 0;
	--button-width: 200px;
	--button-primary-font-color: #fff;
	--button-primary-font-color-hover: #fff;
	--button-primary-font-color-disabled: #fff;
	--button-primary-background: #E1001A;
	--button-primary-background-hover: #E1001A;
	--button-primary-background-disabled: #9b9b9b;
	--button-primary-border: 1px solid #E1001A;
	--button-primary-border-hover: 1px solid #E1001A;
	--button-primary-border-disabled: #9b9b9b;
	--button-primary-shadow: none;
	--button-primary-shadow-hover: 0 10px 20px rgb(213 0 25 / 30%);
	/*Button Secondary */
	--button-secondary-font-color: #E1001A;
	--button-secondary-font-color-hover: #E1001A;
	--button-secondary-background: #fff;
	--button-secondary-background-hover: #fff;
	--button-secondary-border: 1px solid #E1001A;
	--button-secondary-border-hover: 1px solid #E1001A;
	--button-secondary-shadow: none;
	--button-secondary-shadow-hover: 0 0 4px #e1001a;
	/*Button Link */
	--button-link-font-color: #E1001A;
	--button-link-font-color-hover: #E1001A;
	--button-link-background: #fff;
	--button-link-background-hover: #fff;
	--button-link-border: 1px solid #E1001A;
	--button-link-border-hover: 1px solid #E1001A;
	--button-link-shadow: none;
	--button-link-shadow-hover: 0 10px 20px rgb(213 0 25 / 30%);
	/*Button Icon */
	--button-icon-font-size: 1.25rem;
	--button-icon-font-color: var(--button-primary-font-color);
	--button-icon-font-color-hover: var(--button-primary-font-color-hover);
	--button-icon-font-color-disabled: var(--button-primary-font-color-disabled);
	--button-icon-background: var(--button-primary-background);
	--button-icon-background-hover: var(--button-primary-background);
	--button-icon-background-disabled: var(--button-primary-background-disabled);
	--button-icon-border: var(--button-primary-border);
	--button-icon-border-hover: var(--button-primary-border-hover);
	--button-icon-border-disabled: var(--button-primary-border-disabled);
	--button-icon-shadow: var(--button-primary-shadow);
	--button-icon-shadow-hover: var(--button-primary-shadow-hover);
	/*Header */
	--header-border-bottom: 0;
	--header-box-shadow: 0 2px 3px rgb(0 0 0 / 3%);
	--header-box-background-color: var(--global-ternary-color);
	/*Anchor */
	--anchor-color: #E1001A;
	--anchor-text-decoration: none;
	--anchor-color-hover: #E1001A;
	--anchor-text-decoration-hover: underline;
	/*Input */
	--input-field-padding: 14px 10px;
	--input-field-selectbox-padding: 13px 10px;
	--input-field-background: #fff;
	--input-field-background-hover: #fff;
	--input-field-background-focus: #fff;
	--input-field-background-disabled: #eee;
	--input-field-border: 1px solid #9b9b9b;
	--input-field-border-hover: 1px solid #E1001A;
	--input-field-border-focus: 1px solid #E1001A;
	--input-field-border-disabled: 1px solid #9b9b9b;
	--input-field-border-radius: var(--global-border-radius);
	--input-field-font-family: var(--global-font-content);
	--input-field-font-size: .875em;
	--input-field-font-color: #00243b;
	--input-field-box-shadow: none;
	--input-field-box-shadow-hover: 0px 5px 8px 0px rgb(0 65 120 / 20%);
	--input-field-box-shadow-focus: 0px 5px 8px 0px rgb(0 65 120 / 20%);
	--input-field-box-shadow-disabled: inset 0 1px 1px #eee;
	--input-field-transition: .2s ease-in-out 0s;
	/*Tab */
	--tab-background-color: transparent;
	--tab-font-color: var(--global-h2-font-color);
	--tab-background-color-active: var(--global-h2-font-color);
	--tab-font-color-active: #FFF;
	--tab-background-color-hover: transparent;
	--tab-font-color-hover: var(--global-h2-font-color);
	--tab-border: 2px solid var(--tab-background-color-active);
	/*Menu */
	--menu-icon-font-color: var(--global-h2-font-color);
	--menu-icon-font-color-hover: var(--global-h2-font-color);
	--menu-item-font-color: #FFF;
	--menu-item-font-color-hover: #FFF;
	--menu-item-font-size: 15px;
	--menu-item-border: 1px solid #CCC;
	--menu-item-background-color: var(--global-h2-font-color);
	--menu-item-background-color-hover : #003150;
	/*Sidebar */
	--menu-sidebar-icon-font-color: var(--global-h2-font-color);
	--menu-sidebar-icon-font-color-hover: var(--global-h2-font-color);
	--menu-sidebar-item-font-color: var(--global-h2-font-color);
	--menu-sidebar-item-font-color-hover: #004178;
	--menu-sidebar-item-font-size: 20px;
	--menu-sidebar-item-border: 1px solid #003150;
	--menu-sidebar-item-background-color: transparent;
	--menu-sidebar-item-background-color-hover: transparent;
	/*Tables */
	--table-background-color: #FFF;
	--table-header-background-color: var(--global-h2-font-color);
	--table-header-color: #FFF;
	--table-input-padding: 7px 5px;
	--table-content-highlight: var(--global-secondary-color);
	/*Content - overview */
	--overview-tile-background-color: var(--global-content-background);
	--overview-tile-background-color-hover: var(--global-content-background);
	--overview-tile-border: 1px solid transparent;
	--overview-tile-border-hover: var(--global-border);
	--overview-tile-border-radius: var(--global-border-radius);
	/*Messagebox */
	--messagebox-title-background-color: var(--global-primary-color);
	--messagebox-title-color: #fff;
	/*Details */
	--details-border: 1px solid var(--global-primary-color);

	--global-font-title: Arial, sans-serif; /*Schriftart Überschrift*/
	--global-font-content: Arial, sans-serif; /*Schriftart Text*/
	--global-primary-color: #ffcc00;
	--global-secondary-color: #0038ff;
	--global-ternary-color: #f3f3f3;
	--global-hover-color: #ffeeac;
	--global-header-background-color: #949494;

	/*--global-secondary-color: #ffeeac;*/
	--global-text-font-color: #000;
	--global-h1-font-color: var(--global-text-font-color);
	--global-h2-font-color: var(--global-text-font-color);
	--global-h4-font-color: var(--global-text-font-color);
	--global-content-background: #fff;
	--global-border-radius: 8px;
	--global-border: 1px solid #e5e5e5;
	--input-field-border: 1px solid #949494;
	--input-field-border-focus: var(--input-field-border);
	--input-field-border-hover: var(--input-field-border);
	--input-field-font-size: 16px;
	--button-letter-spacing: 0px;
	--button-font-weight: bold;
	--button-primary-background: var(--global-secondary-color);
	--button-primary-border: 1px solid var(--global-secondary-color);
	--button-primary-background-hover: #0025a8;
	--button-primary-border-hover: 1px solid #0025a8;
	--button-primary-shadow: none;
	--button-primary-shadow-hover: none;
	--button-secondary-font-color: var(--global-secondary-color);
	--button-secondary-font-color-hover: #0025a8;
	--button-secondary-background: #fff;
	--button-secondary-background-hover: #fff;
	--button-secondary-border: 1px solid var(--global-secondary-color);
	--button-secondary-border-hover: 1px solid #0025a8;
	--button-secondary-shadow-hover: none;
	--button-text-transform: none;
	--button-font-size: var(--global-text-font-size);
	--anchor-color: var(--global-secondary-color);
	--anchor-color-hover: #0025a8;
	--anchor-text-decoration-hover: none;
	--menu-item-background-color: var(--global-ternary-color);
	--menu-item-font-color: var(--global-text-font-color);
	--overview-tile-background-color: var(--global-ternary-color);
	--overview-tile-background-color-hover: var(--global-ternary-color);
	--overview-tile-border: 2px solid transparent;
	--overview-tile-border-hover: 2px solid var(--global-primary-color);
	--tab-background-color-active: var(--global-primary-color);
	--tab-background-color-hover: var(--global-hover-color);
	--tab-font-color: var(--global-text-font-color);
	--tab-font-color-active: var(--global-text-font-color);
	--table-header-background-color: var(--global-header-background-color);
	--table-header-color: var(--global-text-font-color);
	--table-content-highlight: var(--global-ternary-color);
	--button-icon-background: var(--global-primary-color);
	--button-icon-background-hover: var(--global-hover-color);
	--button-icon-border: var(--button-icon-background);
	--button-icon-border-hover: var(--button-icon-background-hover);
	--button-icon-font-color: var(--global-text-font-color);
	--button-icon-font-color-hover: var(--global-text-font-color);

	/* Custom variables */
	--button-vertical-padding: 0px;
	--button-horizontal-padding: 15px;
	--overview-icon-color: var(--global-primary-color);
	--slider-icon-color: var(--global-primary-color);
	--postbox-icon-color: var(--global-primary-color);
	--postbox-icon-negative-color: var(--global-primary-color);
}