/*
Lorenz Meters
creation Date: 2026-09-03
Author: Sebastian Osinski
http://www.sebbi.net
https://ddm-friends.de
*/

/*
COLOR REFERENCE
blue   #2b2d7a   Hausfarbe / Headlines / Buttons
lblue  #a3d8e7   Akzent hell (Smart Water Meters)
grn    #95bb20   Akzent Nachhaltigkeit
red    #cd1719   Signal / Highlight
org    #d48c35   Signal / Highlight
mint   #2aeec6   Karriere
lg     #f6f6f6   Sektionshintergrund
white  #ffffff
g      #c7cdcf   Linien / Rahmen
dg     #4c4c4c   Fliesstext
dg2    #777777   Fliesstext sekundaer
black  #000000
*/

:root{
	--c-blue: #2b2d7a;
	--c-lblue: #a3d8e7;
	--c-grn: #95bb20;
	--c-red: #cd1719;
	--c-org: #d48c35;
	--c-mint: #2aeec6;
	--c-lg: #f6f6f6;
	--c-white: #ffffff;
	--c-g: #c7cdcf;
	--c-dg: #4c4c4c;
	--c-dg2: #777777;
	--c-black: #000000;
}


/* white */
.white_bg,
.white_bg_onHover:hover,
body, html{
  background-color: #ffffff;
}
.white,
.white_highlight b,
.white_highlight strong,
.white_highlight h1,
.white_highlight h2,
.white_highlight h3,
.white_highlight h4,
.white_highlight h5,
.white_links a,
.white_hover:hover{
  color: #ffffff;
}
.white_important *{
	color: #ffffff !important;
}
.white_border,
.white_hover:hover{
	border-color: #ffffff;
}
.white_trans{
  background: rgba(255, 255, 255, 0.9);
}
.white_trans:hover{
  background: rgba(255, 255, 255, 0.97);
}

/* transparent */
.transparent{
  background-color: transparent;
}


/* blue - Hausfarbe */
.blue_bg,
#menu-activator > div{
  background-color: #2b2d7a;
}
.blue,
.blue_highlight b,
.blue_highlight strong,
.blue_highlight h1,
.blue_highlight h2,
.blue_highlight h3,
.blue_highlight h4,
.blue_highlight h5,
.blue_links a,
.blue_hover:hover{
  color: #2b2d7a;
}
.blue_important *{
	color: #2b2d7a !important;
}
.blue_border,
.blue_hover:hover,
.contentbutton.bordered.blue_border{
  border-color: #2b2d7a;
}
.blue_trans{
  background: rgba(43, 45, 122, 0.9);
}


/* lblue */
.lblue_bg{
  background-color: #a3d8e7;
}
.lblue,
.lblue_highlight b,
.lblue_highlight strong,
.lblue_highlight h1,
.lblue_highlight h2,
.lblue_highlight h3,
.lblue_highlight h4,
.lblue_highlight h5,
.lblue_links a,
.lblue_hover:hover{
  color: #a3d8e7;
}
.lblue_border,
.lblue_hover:hover,
.contentbutton.bordered.lblue_border{
  border-color: #a3d8e7;
}
.lblue_trans{
  background: rgba(163, 216, 231, 0.9);
}


/* grn - Nachhaltigkeit */
.grn_bg{
  background-color: #95bb20;
}
.grn,
.grn_highlight b,
.grn_highlight strong,
.grn_highlight h1,
.grn_highlight h2,
.grn_highlight h3,
.grn_highlight h4,
.grn_highlight h5,
.grn_links a,
.grn_hover:hover{
  color: #95bb20;
}
.grn_border,
.grn_hover:hover,
.contentbutton.bordered.grn_border{
  border-color: #95bb20;
}
.grn_trans{
  background: rgba(149, 187, 32, 0.9);
}


/* red */
.red_bg{
  background-color: #cd1719;
}
.red,
.red_highlight b,
.red_highlight strong,
.red_highlight h1,
.red_highlight h2,
.red_highlight h3,
.red_highlight h4,
.red_highlight h5,
.red_links a,
.red_hover:hover{
  color: #cd1719;
}
.red_border,
.red_hover:hover,
.contentbutton.bordered.red_border{
  border-color: #cd1719;
}


/* org */
.org_bg{
  background-color: #d48c35;
}
.org,
.org_highlight b,
.org_highlight strong,
.org_highlight h1,
.org_highlight h2,
.org_highlight h3,
.org_highlight h4,
.org_highlight h5,
.org_links a,
.org_hover:hover{
  color: #d48c35;
}
.org_border,
.org_hover:hover,
.contentbutton.bordered.org_border{
  border-color: #d48c35;
}


/* mint - Karriere */
.mint_bg{
  background-color: #2aeec6;
}
.mint,
.mint_highlight b,
.mint_highlight strong,
.mint_highlight h1,
.mint_highlight h2,
.mint_highlight h3,
.mint_highlight h4,
.mint_highlight h5,
.mint_links a,
.mint_hover:hover{
  color: #2aeec6;
}
.mint_border,
.mint_hover:hover,
.contentbutton.bordered.mint_border{
  border-color: #2aeec6;
}
.mint_trans{
  background: rgba(42, 238, 198, 0.9);
}


/* gray */
.g_bg{
  background-color: #c7cdcf;
}
.g{
  color: #c7cdcf;
}
.g_border{
  border-color: #c7cdcf;
}


/* light gray */
.lg_bg{
  background-color: #f6f6f6;
}
.lg,
.lg_links a,
.lg_highlight b,
.lg_highlight strong,
.lg_highlight h1,
.lg_highlight h2,
.lg_highlight h3,
.lg_highlight h4,
.lg_highlight h5{
  color: #f6f6f6;
}
.lg_border{
  border-color: #f6f6f6;
}


/* dark gray */
.dg_bg{
  background-color: #4c4c4c;
}
.dg,
.dg_links a,
.dg_highlight b,
.dg_highlight strong,
.dg_highlight h1,
.dg_highlight h2,
.dg_highlight h3,
.dg_highlight h4,
.dg_highlight h5,
.dg_hover:hover,
body, html{
  color: #4c4c4c;
}
.dg_border{
  border-color: #4c4c4c;
}


.dg2_bg{
  background-color: #777777;
}
.dg2,
.dg2_links a,
.dg2_highlight b,
.dg2_highlight strong,
.dg2_highlight h1,
.dg2_highlight h2,
.dg2_highlight h3,
.dg2_highlight h4,
.dg2_highlight h5,
.dg2_hover:hover{
  color: #777777;
}
.dg2_border{
  border-color: #777777;
}


/* black */
.black_bg{
  background-color: #000000;
}
.black,
.black_links a,
.black_highlight b,
.black_highlight strong,
.black_highlight h1,
.black_highlight h2,
.black_highlight h3,
.black_highlight h4,
.black_highlight h5,
.black_hover:hover{
  color: #000000;
}
.black_border{
  border-color: #000000;
}
.black_trans{
  background-color: rgba(0,0,0,0.5);
}
.overlay_mask.light{
  background-color: rgba(0,0,0,0.2);
}
.overlay_mask{
  background-color: rgba(0,0,0,0.4);
}
.overlay_mask.middark{
  background-color: rgba(0,0,0,0.6);
}
.overlay_mask.dark{
  background-color: rgba(0,0,0,0.8);
}

.overlay_mask.light.darkenOnHover{
  background-color: rgba(0,0,0,0.4);
}


/* gradients */
.transbg_1{
  background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(224, 224, 224, 1) 100%);
}
.trans_g_bg{
  background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 3%, rgba(246, 246, 246, 1) 43%);
}

@media (max-width: 1270px){
}