/* Zentrale Farbverwaltung */

/* Farben für Direktzugriff */
/*Nutzung über:

.bg-primary {
    background: var(--theta-blue);
}*/

:root {
    --theta-blue: #002185;
    --theta-text-blue: #1E4D78;
	
	/* Hintergrundfarben */
	--theta-darkblue:#071E3D;	/* HIntergrund dunkel */
	--theta-darkblue2:#0a1f3a;  /* Sekundärfarbe Hintergrund */
	--page-bg: #0A1928;
	--theta-bg-card:#1f2f4a;			/*Hintergrund Karte */
	
									/* Dashboard Weiß / Eisblau */
	--theta-text: #E8EEF7;         	/* Headlines, KPIs */
	--theta-text-muted: #AAB7C6;   	/* Beschreibungen */
	--theta-text-disabled: #7F8EA3;	/* selten */
		
    --theta-background: #7390A9;
    --theta-grey: #7F7F7F;
    --theta-yellow: #F4E601;
	    
    --theta-text-blue:#1E4D78;
    --theta-steelblue:#445E7A;
    --theta-lightblue:#97A3B8;
    --theta-yellow:#F4E601;
    --theta-gold:#D8961C;
    --theta-petrol:#2D7D7D;
	--theta-accent:#0E75F8;

/* ==========================================
   THETA Produktfarben
   ========================================== */

    --theta-leadership:#38d6ff;   /* Leadership */
    --theta-simulation:#2ED6C8;   /* Simulation */
    --theta-book:#D32F2F;         /* Book */
    --theta-academy:#D8961C;      /* Academy */
    --theta-hardware:#f4e601;     /* Hardware */


    /* ==========================================
       THETA Dashboard Farbwelt
       ========================================== */

    --theta-dashboard-bg:#0A1928;                 /* Haupt-Hintergrund */
    --theta-dashboard-bg-2:#0E2235;               /* Verlauf / dunkle Panels */
    --theta-dashboard-text:#F2F5F7;               /* Haupttext */
    --theta-dashboard-muted:#A9B8C6;              /* Sekundärtext */
    --theta-dashboard-line:rgba(255,255,255,.08); /* Rahmen / Trenner */


    /* ==========================================
       THETA Dashboard Akzente je Produktgruppe
       ========================================== */

	/* leadership */
	--theta-dashboard-leadership-bg:var(--theta-dashboard-bg);
	--theta-dashboard-leadership-bg-2:var(--theta-dashboard-bg-2);
	--theta-dashboard-leadership-text:var(--theta-dashboard-text);
	--theta-dashboard-leadership-muted:var(--theta-dashboard-muted);
	--theta-dashboard-leadership-accent:var(--theta-leadership);
	
	/* Simulation */
	--theta-dashboard-simulation-bg:var(--theta-dashboard-bg);
	--theta-dashboard-simulation-bg-2:var(--theta-dashboard-bg-2);
	--theta-dashboard-simulation-text:var(--theta-dashboard-text);
	--theta-dashboard-simulation-muted:var(--theta-dashboard-muted);
	--theta-dashboard-simulation-accent:var(--theta-simulation);
	
	/*Book */
	--theta-dashboard-book-bg:var(--theta-dashboard-bg);
	--theta-dashboard-book-bg-2:var(--theta-dashboard-bg-2);
	--theta-dashboard-book-text:var(--theta-dashboard-text);
	--theta-dashboard-book-muted:var(--theta-dashboard-muted);
	--theta-dashboard-book-accent:var(--theta-book);
	
	/* Academy */
	--theta-dashboard-academy-bg:var(--theta-dashboard-bg);
	--theta-dashboard-academy-bg-2:var(--theta-dashboard-bg-2);
	--theta-dashboard-academy-text:var(--theta-dashboard-text);
	--theta-dashboard-academy-muted:var(--theta-dashboard-muted);
	--theta-dashboard-academy-accent:var(--theta-academy);
	
	/* Hardware */
	--theta-dashboard-hardware-bg:var(--theta-dashboard-bg);
	--theta-dashboard-hardware-bg-2:var(--theta-dashboard-bg-2);
	--theta-dashboard-hardware-text:var(--theta-dashboard-text);
	--theta-dashboard-hardware-muted:var(--theta-dashboard-muted);
	--theta-dashboard-hardware-accent:var(--theta-hardware);
	
	
}

html,
body,
#container,
main.content {
    background: var(--page-bg) !important;
}


/************************************************/
/* TYPO3 Farbe - Hintergrundklassen             */
/************************************************/

/* Primärfarben *********************************/

/* Weiß */
.frame-bg-weiss,
.bg-weiss {
    background:#ffffff;
    padding:15px 20px;
}

/* Tiefes Dunkelblau */
.frame-bg-tiefes-dunkel-blau,
.bg-tiefes-dunkel-blau {
    background:#071e3d;
    padding:15px 20px;
}

/* Royal Blau */
.frame-bg-royal-blau,
.bg-royal-blau {
    background:#003B8A;
    padding:15px 20px;
}

/* Stahlblau */
.frame-bg-header-blau,
.bg-header-blau {
    background:#445e7a;
    padding:15px 20px;
}

/* Anthrazit */
.frame-bg-header-dunkelgrau,
.bg-header-dunkelgrau {
    background:#505050;
    padding:15px 20px;
}

/* Hellgrau */
.frame-bg-hellgrau1,
.bg-hellgrau1 {
    background:#f5f5f5;
    padding:15px 20px;
}

/* Hellgrau */
.frame-bg-hellgrau2,
.bg-hellgrau2 {
    background:#e6e6e6;
    padding:15px 20px;
}

/* Hellgrau */
.frame-bg-hellgrau3,
.bg-hellgrau3 {
    background:#D9D9D9;
    padding:15px 20px;
}

/* Hellgrau */
.frame-bg-hellgrau4,
.bg-hellgrau4 {
    background:#D9DDE1;
    padding:15px 20px;
}

/* Legacy: alte TYPO3-Inhalte mit gespeichertem Wert bg-blau-sehrhell */
.frame-bg-blau-sehrhell,
.bg-blau-sehrhell {
    background:#D9DDE1;
    padding:15px 20px;
}

/************************************************************/
/* Sekundärfarben                                           */
/************************************************************/

/* Taubenblau */
.frame-bg-blau-mittel,
.bg-blau-mittel {
    background:#0869a6;
    padding:15px 20px;
}

/* Lichtblau grau */
.frame-bg-blau-hell,
.bg-blau-hell {
    background:#97a3b8;
    padding:15px 20px;
}

/* Silbergrau */
.frame-bg-silbergrau,
.bg-silbergrau {
    background:#8A8F96;
    padding:15px 20px;
}

/* Marineblau dunkel */
.frame-bg-header_marineblau_dunkel,
.bg-header_marineblau_dunkel {
    background:#002A5C;
    padding:15px 20px;
}

/* Denimblau */
.frame-bg-header_denimblau,
.bg-header_denimblau {
    background:#4e6c8e;
    padding:15px 20px;
}

/***********************************************************/
/* Akzentfarben                                            */
/***********************************************************/

/* Gold */
.frame-bg-header_gold,
.bg-header_gold {
    background:#D8961C;
    padding:15px 20px;
}

/* Gelb */
.frame-bg-header_5Sgelb,
.bg-header_5Sgelb {
    background:#F3E400;
    padding:15px 20px;
}

/* Terrakotta */
.frame-bg-terrakotta,
.bg-terrakotta {
    background:#C45D3D;
    padding:15px 20px;
}

/* Petrol */
.frame-bg-petrol,
.bg-petrol {
    background:#2D7D7D;
    padding:15px 20px;
}

/***********************************************************/
/* Bereichsfarben                                          */
/***********************************************************/

/* Violett */
.frame-bg-violett,
.bg-violett {
    background:#5B4B8A;
    padding:15px 20px;
}

/* Dunkelgrün */
.frame-bg-book_dunkelgruen,
.bg-book_dunkelgruen {
    background:#1e5e4f;
    padding:15px 20px;
}

/* Buch Kraftrot */
.frame-bg-book_kraftrot,
.bg-book_kraftrot {
    background:#B81208;
    padding:15px 20px;
}

/***********************************************************/
/* Farbverläufe                                            */
/***********************************************************/

/* Dunkelblau rechts nach links */
.frame-bg-verlauf_dunkelblau,
.bg-verlauf_dunkelblau {
    background:linear-gradient(135deg, #071E3D 0%, #003D8A 100%);
    padding:15px 20px;
}

.frame-bg-verlauf_dunkelblau_edel,
.bg-verlauf_dunkelblau_edel {
    background:linear-gradient(135deg, #071E3D 0%, #2D5378 50%, #003D8A 100%);
    padding:15px 20px;
}

.frame-bg-dunkelblau_li_re,
.bg-dunkelblau_li_re {
    background:linear-gradient(to right, #071E3D, #003D8A);
    padding:15px 20px;
}

.frame-bg-dunkelblau_oben_unten,
.bg-dunkelblau_oben_unten {
    background:linear-gradient(to bottom, #071E3D, #003D8A);
    padding:15px 20px;
}

.frame-bg-dunkelblau_dezent,
.bg-dunkelblau_dezent {
    background:linear-gradient(135deg, #071E3D 0%, #2D5378 40%, #003D8A 100%);
    padding:15px 20px;
}

/* Stahlblau rechts nach links */
.frame-bg-verlauf_stahlblau,
.bg-verlauf_stahlblau {
    background:linear-gradient(135deg, #445E7A 0%, #003D8A 100%);
    padding:15px 20px;
}

.frame-bg-verlauf_stahlblau_edel,
.bg-verlauf_stahlblau_edel {
    background:linear-gradient(135deg, #445E7A 0%, #31577D 50%, #003D8A 100%);
    padding:15px 20px;
}

.frame-bg-verlauf_stahlblau_li_re,
.bg-verlauf_stahlblau_li_re {
    background:linear-gradient(to right, #445E7A, #003D8A);
    padding:15px 20px;
}

.frame-bg-verlauf_stahlblau_oben_unten,
.bg-verlauf_stahlblau_oben_unten {
    background:linear-gradient(to bottom, #445E7A, #003D8A);
    padding:15px 20px;
}

.frame-bg-verlauf_stahlblau_dezent,
.bg-verlauf_stahlblau_dezent {
    background:linear-gradient(135deg, #445E7A 0%, #31577D 40%, #003D8A 100%);
    padding:15px 20px;
}

/* Dunkelblau zu Anthrazit */
.frame-bg-verlauf_dunkelblau_anthrazit,
.bg-verlauf_dunkelblau_anthrazit {
    background:linear-gradient(135deg, #071E3D 0%, #505050 100%);
    padding:15px 20px;
}

.frame-bg-verlauf_dunkelblau_anthrazit_edel,
.bg-verlauf_dunkelblau_anthrazit_edel {
    background:linear-gradient(135deg, #071E3D 0%, #2E3745 50%, #505050 100%);
    padding:15px 20px;
}

.frame-bg-verlauf_dunkelblau_anthrazit_li_re,
.bg-verlauf_dunkelblau_anthrazit_li_re {
    background:linear-gradient(to right, #071E3D, #505050);
    padding:15px 20px;
}

.frame-bg-verlauf_dunkelblau_anthrazit_oben_unten,
.bg-verlauf_dunkelblau_anthrazit_oben_unten {
    background:linear-gradient(to bottom, #071E3D, #505050);
    padding:15px 20px;
}

.frame-bg-verlauf_dunkelblau_anthrazit_dezent,
.bg-verlauf_dunkelblau_anthrazit_dezent {
    background:linear-gradient(135deg, #071E3D 0%, #2E3745 50%, #505050 100%);
    padding:15px 20px;
}

/* Blau zu Petrol */
.frame-bg-verlauf_blau_petrol,
.bg-verlauf_blau_petrol {
    background:linear-gradient(135deg, #003B8A 0%, #2D7D7D 100%);
    padding:15px 20px;
}

.frame-bg-verlauf_blau_petrol_edel,
.bg-verlauf_blau_petrol_edel {
    background:linear-gradient(135deg, #003B8A 0%, #1A355D 50%, #2D7D7D 100%);
    padding:15px 20px;
}

.frame-bg-verlauf_blau_petrol_li_re,
.bg-verlauf_blau_petrol_li_re {
    background:linear-gradient(to right, #003B8A, #2D7D7D);
    padding:15px 20px;
}

.frame-bg-verlauf_blau_petrol_oben_unten,
.bg-verlauf_blau_petrol_oben_unten {
    background:linear-gradient(to bottom, #003B8A, #2D7D7D);
    padding:15px 20px;
}

.frame-bg-verlauf_blau_petrol_dezent,
.bg-verlauf_blau_petrol_dezent {
    background:linear-gradient(135deg, #003B8A 0%, #1A355D 45%, #2D7D7D 100%);
    padding:15px 20px;
}

/* Rot zu Gold */
.frame-bg-verlauf_rot_gold,
.bg-verlauf_rot_gold {
    background:linear-gradient(135deg, #B81208 0%, #D8961C 100%);
    padding:15px 20px;
}

.frame-bg-verlauf_rot_gold_edel,
.bg-verlauf_rot_gold_edel {
    background:linear-gradient(135deg, #B81208 0%, #7A3D1A 50%, #D8961C 100%);
    padding:15px 20px;
}

.frame-bg-verlauf_rot_gold_li_re,
.bg-verlauf_rot_gold_li_re {
    background:linear-gradient(to right, #B81208, #D8961C);
    padding:15px 20px;
}

.frame-bg-verlauf_rot_gold_oben_unten,
.bg-verlauf_rot_gold_oben_unten {
    background:linear-gradient(to bottom, #B81208, #D8961C);
    padding:15px 20px;
}

.frame-bg-verlauf_rot_gold_dezent,
.bg-verlauf_rot_gold_dezent {
    background:linear-gradient(135deg, #B81208 0%, #7A3D1A 45%, #D8961C 100%);
    padding:15px 20px;
}

/***********************************************************/
/* Header-Farben über Layout-Feld                          */
/* Gilt für frame-type-header UND frame-type-text           */
/***********************************************************/

/* Rot */
.frame-layout-1 h1,
.frame-layout-1 h2,
.frame-layout-1 h3 {
    color:#D32F2F;
}

/* Gold */
.frame-layout-2 h1,
.frame-layout-2 h2,
.frame-layout-2 h3 {
    color:#D8961C;
}

/* Dunkelgrün */
.frame-layout-3 h1,
.frame-layout-3 h2,
.frame-layout-3 h3 {
    color:#1E5E4F;
}

/* Tiefes Dunkelblau */
.frame-layout-4 h1,
.frame-layout-4 h2,
.frame-layout-4 h3 {
    color:#071E3D;
}

/* Royal Blau */
.frame-layout-5 h1,
.frame-layout-5 h2,
.frame-layout-5 h3 {
    color:#003B8A;
}

/* Stahlblau */
.frame-layout-6 h1,
.frame-layout-6 h2,
.frame-layout-6 h3 {
    color:#445E7A;
}

/* Taubenblau */
.frame-layout-7 h1,
.frame-layout-7 h2,
.frame-layout-7 h3 {
    color:#0869A6;
}

/* Lichtblau Grau */
.frame-layout-8 h1,
.frame-layout-8 h2,
.frame-layout-8 h3 {
    color:#97A3B8;
}

/* Silbergrau */
.frame-layout-9 h1,
.frame-layout-9 h2,
.frame-layout-9 h3 {
    color:#8A8F96;
}

/* Marineblau */
.frame-layout-10 h1,
.frame-layout-10 h2,
.frame-layout-10 h3 {
    color:#002A5C;
}

/* Denimblau */
.frame-layout-11 h1,
.frame-layout-11 h2,
.frame-layout-11 h3 {
    color:#4E6C8E;
}

/* Petrol */
.frame-layout-12 h1,
.frame-layout-12 h2,
.frame-layout-12 h3 {
    /*color:#3CCDE0;*/
	color:#2ED6C8;
}

/* Terrakotta */
.frame-layout-13 h1,
.frame-layout-13 h2,
.frame-layout-13 h3 {
    color:#C45D3D;
}

/* Violett */
.frame-layout-14 h1,
.frame-layout-14 h2,
.frame-layout-14 h3 {
    color:#5B4B8A;
}

/* Anthrazit */
.frame-layout-15 h1,
.frame-layout-15 h2,
.frame-layout-15 h3 {
    color:#505050;
}

/* Schwarz */
.frame-layout-16 h1,
.frame-layout-16 h2,
.frame-layout-16 h3 {
    color:#222222;
}

/* Weiß */
.frame-layout-17 h1,
.frame-layout-17 h2,
.frame-layout-17 h3 {
    color:#ffffff;
}

/* Theta Babyblau */
.frame-layout-18 h1,
.frame-layout-18 h2,
.frame-layout-18 h3 {
    color:#38d6ff;
	/*color:#009FE3;*/
}

/* Theta Gelb */
.frame-layout-19 h1,
.frame-layout-19 h2,
.frame-layout-19 h3 {
    color:#F4E601;
}

/* Theta Gelb Dunkel */
.frame-layout-20 h1,
.frame-layout-20 h2,
.frame-layout-20 h3 {
    color:#F4D800;
}

/* Header-Links behalten die Layoutfarbe */
.frame-layout-1 h1 a,
.frame-layout-1 h2 a,
.frame-layout-1 h3 a,
.frame-layout-2 h1 a,
.frame-layout-2 h2 a,
.frame-layout-2 h3 a,
.frame-layout-3 h1 a,
.frame-layout-3 h2 a,
.frame-layout-3 h3 a,
.frame-layout-4 h1 a,
.frame-layout-4 h2 a,
.frame-layout-4 h3 a,
.frame-layout-5 h1 a,
.frame-layout-5 h2 a,
.frame-layout-5 h3 a,
.frame-layout-6 h1 a,
.frame-layout-6 h2 a,
.frame-layout-6 h3 a,
.frame-layout-7 h1 a,
.frame-layout-7 h2 a,
.frame-layout-7 h3 a,
.frame-layout-8 h1 a,
.frame-layout-8 h2 a,
.frame-layout-8 h3 a,
.frame-layout-9 h1 a,
.frame-layout-9 h2 a,
.frame-layout-9 h3 a,
.frame-layout-10 h1 a,
.frame-layout-10 h2 a,
.frame-layout-10 h3 a,
.frame-layout-11 h1 a,
.frame-layout-11 h2 a,
.frame-layout-11 h3 a,
.frame-layout-12 h1 a,
.frame-layout-12 h2 a,
.frame-layout-12 h3 a,
.frame-layout-13 h1 a,
.frame-layout-13 h2 a,
.frame-layout-13 h3 a,
.frame-layout-14 h1 a,
.frame-layout-14 h2 a,
.frame-layout-14 h3 a,
.frame-layout-15 h1 a,
.frame-layout-15 h2 a,
.frame-layout-15 h3 a,
.frame-layout-16 h1 a,
.frame-layout-16 h2 a,
.frame-layout-16 h3 a,
.frame-layout-17 h1 a,
.frame-layout-17 h2 a,
.frame-layout-17 h3 a,
.frame-layout-18 h1 a,
.frame-layout-18 h2 a,
.frame-layout-18 h3 a,
.frame-layout-19 h1 a,
.frame-layout-19 h2 a,
.frame-layout-19 h3 a,
.frame-layout-20 h1 a,
.frame-layout-20 h2 a,
.frame-layout-20 h3 a {
    color:inherit;
    text-decoration:none;
}

.frame-layout-1 h1 a:hover,
.frame-layout-1 h2 a:hover,
.frame-layout-1 h3 a:hover,
.frame-layout-2 h1 a:hover,
.frame-layout-2 h2 a:hover,
.frame-layout-2 h3 a:hover,
.frame-layout-3 h1 a:hover,
.frame-layout-3 h2 a:hover,
.frame-layout-3 h3 a:hover,
.frame-layout-4 h1 a:hover,
.frame-layout-4 h2 a:hover,
.frame-layout-4 h3 a:hover,
.frame-layout-5 h1 a:hover,
.frame-layout-5 h2 a:hover,
.frame-layout-5 h3 a:hover,
.frame-layout-6 h1 a:hover,
.frame-layout-6 h2 a:hover,
.frame-layout-6 h3 a:hover,
.frame-layout-7 h1 a:hover,
.frame-layout-7 h2 a:hover,
.frame-layout-7 h3 a:hover,
.frame-layout-8 h1 a:hover,
.frame-layout-8 h2 a:hover,
.frame-layout-8 h3 a:hover,
.frame-layout-9 h1 a:hover,
.frame-layout-9 h2 a:hover,
.frame-layout-9 h3 a:hover,
.frame-layout-10 h1 a:hover,
.frame-layout-10 h2 a:hover,
.frame-layout-10 h3 a:hover,
.frame-layout-11 h1 a:hover,
.frame-layout-11 h2 a:hover,
.frame-layout-11 h3 a:hover,
.frame-layout-12 h1 a:hover,
.frame-layout-12 h2 a:hover,
.frame-layout-12 h3 a:hover,
.frame-layout-13 h1 a:hover,
.frame-layout-13 h2 a:hover,
.frame-layout-13 h3 a:hover,
.frame-layout-14 h1 a:hover,
.frame-layout-14 h2 a:hover,
.frame-layout-14 h3 a:hover,
.frame-layout-15 h1 a:hover,
.frame-layout-15 h2 a:hover,
.frame-layout-15 h3 a:hover,
.frame-layout-16 h1 a:hover,
.frame-layout-16 h2 a:hover,
.frame-layout-16 h3 a:hover,
.frame-layout-17 h1 a:hover,
.frame-layout-17 h2 a:hover,
.frame-layout-17 h3 a:hover,
.frame-layout-18 h1 a:hover,
.frame-layout-18 h2 a:hover,
.frame-layout-18 h3 a:hover,
.frame-layout-19 h1 a:hover,
.frame-layout-19 h2 a:hover,
.frame-layout-19 h3 a:hover,
.frame-layout-20 h1 a:hover,
.frame-layout-20 h2 a:hover,
.frame-layout-20 h3 a:hover {
    color:inherit;
    text-decoration:none;
}

/***********************************************************/
/* Textfarben für RTE / einzelne Wörter / Absätze          */
/***********************************************************/

.text-theta-blue{
    color:#002185;
}

.text-theta-text-blue{
    color:#1E4D78;
}

.text-theta-background{
    color:#7390A9;
}

.text-theta-grey{
    color:#7F7F7F;
}

.text-theta-yellow{
    color:#F4E601;
}

.text-theta-light{
    color:#009FE3;
}

.text-red{
    color:#B81208;
}

.text-green{
    color:#1E5E4F;
}

.text-white{
    color:#ffffff;
}

.text-black{
    color:#222222;
}

.text-theta-darkblue{
    color:#071E3D;
}

.text-theta-aquablue{
    color:var(--theta-leadership);
}

.text-theta-yellow{
    color:#F4E601;
}

.text-theta-yellow-header{
    color:#F3E400;
}

.text-theta-gold{
    color:var(--theta-academy);
}

.text-theta-petrol{
    color:var(--theta-simulation);
}

.text-theta-red{
    color:#B81208;
}

.text-theta-green{
    color:#1E5E4F;
}

.text-theta-text{
    color:var(--theta-text);
}