/* --- Umsetzung CodeSache.de - Markus Schindler --- */


/*  var(--color1) /  var(--bgcolor1)   */


/* Farben Layout */

:root{
--maincolor:#404040;

--color1:#2A2A2A; /* dunkel grau */
--color2:#19476D; /* blau */
--color3:#EA2C58; /* rot */
--color4:#00B8F1; /* hellblau */
--color5:#002E4F; /* dunkelblau */
--color6:#FFED00; /* gelb */
--color7:#2ABB8E; /* grün */

--color8:#ffffff;
--color9:#000000;

--color10:#707070; /* dunkelgrau Navi */


/* Hintergrundfarben 4-Marken */
--bgcolor1:#00B8F1;
--bgcolor2:#002E4F;
--bgcolor3:#EA2C58;
--bgcolor4:#FFED00;
--bgcolor5:#2ABB8E;

--bgcolor6:#e4f7fe; /* hellblau */
--bgcolor7:#fff9e6; /* hellgelb */
--bgcolor8:#eaf8f4; /* hellgrün */
--bgcolor9:#fdeaef; /* hellrot */

--bgcolor10:#f7f7f7; /* grau1 */
--bgcolor11:#e4e9ec; /* grau2 */
--bgcolor12:#f9f9f9; /* grau3 Blog-BG */
--bgcolor13:#194260; /* dunkelblau */
--bgcolor14:#ffffff; /* weiss */
--bgcolor15:#505050; /* hellgrau */
--bgcolor16:#353d47; /* dunkelgrau */
--bgcolor17:#c1c8d9; /* Navy Blue */
}

.color1{color:var(--color1) !important; }
.color2{color:var(--color2) !important; }
.color3{color:var(--color3) !important; }
.color4{color:var(--color4) !important; }
.color5{color:var(--color5) !important; }
.color6{color:var(--color6) !important; }
.color7{color:var(--color7) !important; }

.color8{color:var(--color8) !important; }
.color9{color:var(--color9) !important; }

.bgcolor1{background-color:var(--bgcolor1) !important; }
.bgcolor2{background-color:var(--bgcolor2) !important; }
.bgcolor3{background-color:var(--bgcolor3) !important; }
.bgcolor4{background-color:var(--bgcolor4) !important; }
.bgcolor5{background-color:var(--bgcolor5) !important; }
.bgcolor6{background-color:var(--bgcolor6) !important; }
.bgcolor7{background-color:var(--bgcolor7) !important; }
.bgcolor8{background-color:var(--bgcolor8) !important; }
.bgcolor9{background-color:var(--bgcolor9) !important; }
.bgcolor10{background-color:var(--bgcolor10) !important; }
.bgcolor11{background-color:var(--bgcolor11) !important; }
.bgcolor12{background-color:var(--bgcolor12) !important; }
.bgcolor13{background-color:var(--bgcolor13) !important; }
.bgcolor14{background-color:var(--bgcolor14) !important; }
.bgcolor15{background-color:var(--bgcolor15) !important; }
.bgcolor16{background-color:var(--bgcolor16) !important; }
.bgcolor17{background-color:var(--bgcolor17) !important; }

/* colorlayout-2 - blau / IT & Management Consulting  */
body.colorlayout-2.detailsseite .page{background: var(--bgcolor12);}


/* colorlayout-3 - gelb / Data & Analytics  */


/* colorlayout-4 - grün / People & Culture*/


.blau-cyan-vertical {background: linear-gradient(to bottom,  #002e4f 0%,#00b8f1 100%);}
.blau-cyan-vertical-reverse{background: linear-gradient(to bottom,  #00b8f1 0%,#002e4f 100%);}
.blau-cyan-horizontal{background: linear-gradient(to right,  #002e4f 0%,#00b8f1 100%);}
.blau-gelb-vertical{background: linear-gradient(to bottom,  #002e4f 0%,#ffed00 100%);}
.blau-gelb-vertical-reverse{background: linear-gradient(to bottom,  #ffed00 0%,#002e4f 100%); }
.blau-gelb-horizontal{background: linear-gradient(to right,  #002e4f 0%,#ffed00 100%);}
.blau-petrol-vertical {background: linear-gradient(to bottom,  #002e4f 0%,#2abb8e 100%);}
.blau-petrol-vertical-reverse{background: linear-gradient(to bottom,  #2abb8e 0%,#002e4f 100%);}
.blau-petrol-horizontal-reverse{background: linear-gradient(to right,  #002e4f 0%,#2abb8e 100%);}
.blau-cranberry-vertical{background: linear-gradient(to bottom,  #002e4f 0%,#ea2c58 100%);}
.blau-cranberry-vertical-reverse{background: linear-gradient(to bottom,  #ea2c58 0%,#002e4f 100%);}
.blau-cranberry-horizontal-reverse{background: linear-gradient(to right,  #002e4f 0%,#ea2c58 100%);}