/* Hintergrundfarben nach belieben erweitern */
.milka { background-color: #8783c5 }
.kienbaum_blue {background-color: #E3B142 }
.kienbaum_bernstein {background-color: #024b94} 
.bosch_red {background-color: #c22622}
.bosch_green {background-color: #294038}
.bosch_grey {background-color: #76777A}
.claas {background-color: #A8AB17}
.db_red {background-color: #BD0F19}
.db_lichtgrau {background-colour: #e0e4dc}
.db_basaltgrau {background-color: #545b5a}
.db_Tiefschwarz {background-color: #000000}
.ups_brown {background-color: #493024}
.kws_orange {background-color: #d67c1c}
.linde_red {background-color: #c1221a}
.linde_black {background-color: #181b16}
.melitta_red {background-color: #c22622}
.melitta_green {background-color: #2b6244}
.telekom_grey {background-color: #959697}
.telekom_magenta {background-color: #c41a90}
.aral_blue {background-color: #009de0}
.ferrero_red {background-color: #c8102c}
.danone_violett {background-color: #501787}
.fraunhofer_green {background-color: #00a687}
.matsushita {background-color: #c22622}
.commerzbank_green {background-color: #8cba37}
.ferrero_orange {background-color: #e15100}
.aquatherm_green {background-color: #61A75D}
.aquatherm_blue {background-color: #3b549d}
.victorinox_red {background-color: #851f2f}
.drei_m_post {background-color: #ece792}
.bp_green-one {background-color: #329244}
.bp_green_two {background-color: #8cba37}
.bp_yellow {background-color: #f4cf00}
.yellostrom_yellow {background-color: #ffed00}
.ergo_red {background-color: #A51632}
.stabilo_orange {background-color: #F18E29}
.norma_yellow {background-color: #f2cb13}
.norma_orange {background-color: #d67c1c}
.norma_red {background-color: #bc1032}
.adac_yellow {background-color: #f7d90e}
.omv_blue {background-color: #174270}
.omv_green {background-color: #63a643}
.kaercher_yellow {background-color: #FDE804}
.bp_green-two {background-color: #388244}
.bp_yellow-two {background-color: #f4cf00}
.bayerische_blue {background-color: #598bd9}
.bayerische_darkblue {background-color: #1e3d6e}
.bayerische_red {background-color: #b01b30}
.hilti_red {background-color: #bd0f19}
.ikea_blue {background-color: #1a3172}
.ikea_yellow {background-color: #e8bc26}
.financial_salmon {background-color: #F0B78F}
.phillips_blue {background-color: #0a216f}
.phillips_yellow {background-color: #f2c43d}
.post_yellow {background-color: #f2cb13}
.sparkasse_red {background-color: #c20e20}
.nivea_blue {background-color: #1b2668}
.mars_purple {background-color: #90218a}
.db_grey {background-color: #e0e4dc}
.db_red {background-color: #bd0f19}
.lekker_purple {background-color: #401665}
.lekker_yellow {background-color: #EADE00}
.laing_yellow {background-color: #f6db00}
.laing_black {background-color: #302e2b}
.laing_red {background-color: #c22622}
.henkel_purple {background-color: #7E4996}
.basf_green {background-color: #d9e9df}
.langenscheidt_orange {background-color: #eab818}
.help_blue {background-color: #08255b}
.help_red {background-color: #c22622}
.help_lightblue {background-color: #b1d8e5}
.haribo_gold {background-color: #857955}
.renova_black {background-color: #302e2b}
.schaltbau_green {background-color: #e0eee0}
.makita_green {background-color: #345d67}
.makita_black {background-color: #3e3c38}
.duracell_brown {background-color: #82644e}
.duracell_black {background-color: #302e2b}
.stiehl_orange {background-color: #ba4a19}
.stiehl_grey {background-color: #e0e4dc}
.grur {background: #b0d366}
.uncle-bens_orange {background-color: #e15100}
.uncle-bens-blue {background-color: #0a245e}
.n-24_orange {background-color: #ea8118}
.n-24_blue {background-color: #1a2e3c}
.rtl_red {background-color: #c22622}
.rtl_yellow {background-color: #e2a614}
.rtl_blue {background-color: #0c3383}
.obi_orange {background-color: #d26f1c}
.bp_blue {background-color: #045db5}
.roxtec_blue {background-color: #0672B8}
.roxtec_grey {background: #1d2423}
.roxtec_black {background-color: #000000}
.three-m_yellow {background-color: #ffe82a}
.three-m_grey {background-color: #898b8c}
.putzmeister_black {background-color: #000000}
.putzmeister_orange {background-color: #cb521c}
.putzmeister_grey {background-color: #b7b7b2}
.ceramtec {background-color: #deccda}
.redbull_blue {background-color: #0a206f}
.redbull_grey {background-color: #898b8c}
.rhenuslub_grey {background-color: #87888c}
.rhenuslub_yellow {background-color: #f2cc21}
.byd_blue {background-color: #5098da}
.byd_black {background-color: #302e2b}
.tiffany {background-color: #7ac1b0}
.red { background-color: red}
.blue { background-color: blue}
.green { background-color: green}
.yellow { background-color: yellow}
.grey { background-color: grey}
.darkgrey { background-color: #666}
.brown { background-color: brown}
.purple { background-color: purple}
.pink { background-color: pink}
.black { background-color: black}
.white {background-color: white}
/* Ausnahmen */

/* vertical divs, bekommen farben von oberen klassen */
.vchild { height: 25%; }

.vchild-two { height: 33.33%; }

.vchild-three { height: 75%; }

.vchild-four { height: 50%; }

.bpstream {width: 33.33%}

.oldbpstream {width: 50%}

.aquathermone { width: 58.94%}

.aquathermtwo {width: 41.06%}



/* Horizontale streifen über flexbox gleiche breite */
.hstriped{display:flex}
.hchild{flex:1}
.hchild:nth-of-type(odd){background-color:#0C3383;}
.hchild:nth-of-type(even){background-color:#a8183d;}


/* Hintergrundfarben nach belieben erweitern */
.orange { background-color: orange}
.white { background-color: white}
.norma_yellow { background-color: #f2cb13}
.norma_orange { background-color: #d67c1c}
.norma_red { background-color: #bc1032}
.lidl_blue { background-color: #0c369c}
.lidl_red { background-color: #bb0a34}
.lidl_yellow { background-color: #eade00}
.schmack_green {background-color: #63A643}
.schmack_grey {background-color: #E0E4DC}

/* Ausnahmen */

/* stabilo */
.twentyseven {
	height: 27.273%;
	background-color: #F18E29;
}

.nine {
	height: 9.091%;
}

/* norma */

.six {
	height: 6.5%;
}

.seventyfour {
	height: 74%;
}

/* Lidl */

.thirtytwo {
	width: 32.7%;
}

.seven {
	width: 7.7%;
}

.fiftynine {
	width: 59.6%;
}

.three {
	height: 3.33%;
}

.ninetysix {
	height: 96,67%;
}

.seventyfive {
	height: 75.1%;
}

.seventyfive {
	height: 75.1%;
}

.twelve {
	height: 12.5%; 
}

.twenty {
	height: 20%; 
}

.sixty {
	height: 60%;
}

.fourtyone {
	width: 41%;
}

.fiftyninetwo {
	width: 59%;
}

/* blauer Verlauf siehe: https://colorzilla.com/gradient-editor/#23538a+8,a7cfdf+59,a7cfdf+59,ffffff+100  */
.bluegradient {
  background: rgb(36,31,56);
background: linear-gradient(180deg, rgba(36,31,56,1) 0%, rgba(132,176,220,1) 50%, rgba(255,255,255,1) 100%);
}

/* roter Verlauf siehe: https://colorzilla.com/gradient-editor/#23538a+8,a7cfdf+59,a7cfdf+59,ffffff+100  */
.redgradient {
   background: rgb(198,49,31);
background: linear-gradient(180deg, rgba(198,49,31,1) 0%, rgba(227,164,28,1) 50%, rgba(248,220,65,1) 100%);
}

/* siehe: https://cssgradient.io/ */
.ryggradient {
  background: rgb(240,33,17);
  background: -webkit-linear-gradient(68deg, rgba(240,33,17,1) 0%, rgba(213,209,32,1) 51%, rgba(20,255,0,1) 100%);
  background: -o-linear-gradient(68deg, rgba(240,33,17,1) 0%, rgba(213,209,32,1) 51%, rgba(20,255,0,1) 100%);
  background: linear-gradient(158deg, rgba(240,33,17,1) 0%, rgba(213,209,32,1) 51%, rgba(20,255,0,1) 100%);
}

.ricogradient {
	background: rgb(194,14,26);
background: linear-gradient(135deg, rgba(194,14,26,1) 0%, rgba(252,228,6,1) 50%, rgba(170,196,53,1) 100%);
}