:root{
	--main-color:#d81e25;
	--main-color-light:#f83e45;
	--main-color-dark:#b80e05;

	--color-black:#212121;
	--color-white:#ffffff;
	--color-grey:#333333;
	--color-lightgrey:#e6e6e6;
	--color-mediumgrey:#aaaaaa;
	--color-darkgrey:#333333;
	--color-red:#e8340e;
	--color-green:#419c57;

	/* Hosting Farben */
	--color-shopware-blue:#189eff; /* Shopware Hosting*/
	--color-magento-orange:#f26321; /* Magento Hosting*/
	--color-akeneo-lila:#8f4ef6; /* Akeneo Hosting*/
	--color-pimcore-lila:#6428b4; /* Pimcore Hosting*/
	--color-typo3-orange:#f49700; /* Typo3 Hosting*/
	--color-wordpress-blue:#23354b; /* Wordpress Hosting*/
	--color-php-blue:#4c578d; /* PHP Hosting*/
	--color-hyva-green:#129d87; /*Hyvä Grün*/
	--color-hyva-blue:#0b144b; /*Hyvä Blau*/


	--bg-black:#212121;
	--bg-grey:#333333;
	--bg-blue:#3b597e;
	--bg-lilac:#6428B4;
	--bg-orange:#f49700;
	--bg-green:#00749a;
	--bg-yellow:yellow;
	--bg-red:#d81e25;
	--bg-red-light:#c00;
	--bg-red-dark:#700;
	--bg-green:#419c57
	}

/* --- BACKGROUND COLORS --- */

html,body{background-color:#fff}
header,#newsBox,.coBox,#subBox,#subBox1,#subBox2,#subBox3,footer,.breadCrumb{background-color:#fff}
.pluginBox .newsHeader > h2,.pluginBox .newsText .newsTeaser{background-color:rgba(0,0,0,.5)}
footer{background-color:#212121}
header,main{background-color:#fff}

.bgColor.blue{background-color:var(--bg-blue)}
.bgColor.blue.dark{background-color:#088eef}
.bgColor.blue.light{background-color:#4bb3ff}
.bgColor.blue.pastel{background-color:#cfe3e5}

.bgColor.lilac{background-color:var(--bg-lilac)}
.bgColor.lilac.dark{background-color:darkblue}
.bgColor.lilac.light{background-color:#d9cfe5}
.bgColor.lilac.pastel{background-color:lightblue}

.bgColor.orange{background-color:var(--bg-orange)}
.bgColor.orange.dark{background-color:}
.bgColor.orange.light{background-color:}
.bgColor.orange.pastel{background-color:}

.bgColor.red{background-color:var(--bg-red)}
.bgColor.red.dark{background-color:#700}
.bgColor.red.light{background-color:#c00}
.bgColor.red.pastel{background-color:f00}

.bgColor.green{background-color:var(--bg-green)}
.bgColor.green.dark{background-color:}
.bgColor.green.light{background-color:}
.bgColor.green.pastel{background-color:}

.bgColor.yellow{background-color:yellow}
.bgColor.yellow.dark{background-color:darkyellow}
.bgColor.yellow.light{background-color:lightyellow}
.bgColor.yellow.pastel{background-color:orange}

.bgColor.white{background-color:var(--color-white)}

.bgColor.grey{background-color:var(--bg-grey)}
.bgColor.grey.dark{background-color:#323232}
.bgColor.grey.light,.lightgrey,.bgColor.grey.pastel{background-color:#fafafa}

.bgColor.black{background-color:var(--bg-black)}

.menu.main .fixBtn{
background:-moz-linear-gradient(right,var(--main-color-dark) 0%,var(--main-color) 20%,var(--main-color) 80%,var(--main-color-dark) 100%);
background:-webkit-linear-gradient(right,var(--main-color-dark) 0%,var(--main-color) 20%,var(--main-color) 80%,var(--main-color-dark) 100%);
background:linear-gradient(to left,var(--main-color-dark) 0%,var(--main-color) 20%,var(--main-color) 80%,var(--main-color-dark) 100%)
}
.menu.main .fixBtn:hover{
background:-moz-linear-gradient(right,var(--color-darkgrey) 0%,var(--main-color) 30%,var(--main-color) 70%,var(--color-darkgrey) 100%);
background:-webkit-linear-gradient(right,var(--color-darkgrey) 0%,var(--main-color) 30%,var(--main-color) 70%,var(--color-darkgrey) 100%);
background:linear-gradient(to left,var(--color-darkgrey) 0%,var(--main-color) 30%,var(--main-color) 70%,var(--color-darkgrey) 100%)
}
.menu.main .fixBtn.opened{
background:-moz-linear-gradient(right,var(--color-darkgrey) 0%,var(--main-color-dark) 30%,var(--main-color-dark) 70%,var(--color-darkgrey) 100%);
background:-webkit-linear-gradient(right,var(--color-darkgrey) 0%,var(--main-color-dark) 30%,var(--main-color-dark) 70%,var(--color-darkgrey) 100%);
background:linear-gradient(to left,var(--color-darkgrey) 0%,var(--main-color-dark) 30%,var(--main-color-dark) 70%,var(--color-darkgrey) 100%)
}

.bgGradientGrey{
background:-moz-linear-gradient(top,#626262 0%,#424242 30%,#222 100%);
background:-webkit-linear-gradient(top,#626262 0%,#424242 30%,#222 100%);
background:linear-gradient(to bottom,#626262 0%,#424242 30%,#222 100%)
}

#tx_cookies button,#tx_cookies input[type="submit"],.cc_btn{background-color:var(--main-color)!important}
#tx_cookies button:hover,#tx_cookies input[type="submit"]:hover,.cc_btn:hover{background-color:#727272!important}

ul.slick-dots button:hover,ul.slick-dots li.slick-active button{background-color:var(--main-color)}


/* --- TEXT COLORS --- */

html,body{color:var(--color-black)}
footer aside.credits *{color:rgba(0,0,0,.4)}
.textPic figcaption{color:rgba(0,0,0,.4)}
.rootLine *{color:rgba(255,255,255,1)}
.searchSubmit::after{color:#d2d2d2}
.searchSubmit:hover::after{color:var(--color-black)}
.contPage header > nav .search .hGroup h5::before,header .search .hGroup h5::before{color:#a2a2a2}
.newsSlide .slick-arrow button::after{color:#c2c2c2}
.prodList .startTxt > .hGroup h2{color:#525252}
.portalPage #portalBox section .lnkWrap .btn a{color:var(--color-white)!important}
.portalPage #portalBox section:hover .lnkWrap .btn a{color:var(--color-grey)!important}
#kesearch_results ul li a:hover::after,.prodList .startTxt > .hGroup h2 span{color:var(--color-white)}
main .searchContent .btn.reset a::before{color:var(--main-color)}

.portalPage #portalBox section .lnkWrap .btn a:hover{color:var(--main-color)!important}
.red,.hGroup > *.cRed,.hGroup > *.floatHeader .cRed *,
header ul.focus li:hover,header ul.focus li.cur,
footer aside.adds table td i,
#subBox2 .ceItem.image .galWrap[data-ce-columns="3"] figcaption > div.capDesc span,
.addrList .listItem p a:hover,
.register p.error,ul.errorMsg li,
.contentAcc .accItem .galWrap:only-child figcaption .fileTitle,
.extContent .bodyWrap .hGroup h2.red,
.menuBar .mapItem .txtWrap .mbBody *,
.scrolled.navExpd .pHandler,
header.cur #navPanel .pHandler.cur,
.portalPage aside header .txtTeaser .hGroup:hover,.portalPage aside header .search .hGroup:hover{color:var(--main-color)}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,.h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,.h5 a:hover{color:var(--main-color)}

.cRed,header .txtTeaser .hGroup:hover h2,header .txtTeaser .hGroup h2:hover,header .txtTeaser .hGroup.expd h2,.contentAcc .mainWrap > .hGroup > *,
header .txtTeaser .hGroup:hover .h2,header .txtTeaser .hGroup .h2:hover,header .txtTeaser .hGroup.expd .h2,
header > nav .search .hGroup:hover h5,header > nav .search .hGroup.expd h5,.sliderItem .txtWrap .hGroup > h5 .btn a{color:var(--main-color)!important}

.hGroup h2.floatHeader span.cBlack,.hGroup .h2.floatHeader span.cBlack{color:#525252}
.color .hGroup h2.floatHeader,.color .hGroup h2.floatHeader span,.color .hGroup .h2.floatHeader,.color .hGroup .h2.floatHeader span{color:var(--color-white)}
.hGroup h2.floatHeader.cBlack,.hGroup .h2.floatHeader.cBlack{color:#525252}

.lightgreen h1,.lightgreen h1 a,.lightgreen h2,.lightgreen h2 a,.lightgreen h3,.lightgreen h3 a,.lightgreen h4,.lightgreen h4 a,
.lightgreen .h1,.lightgreen .h1 a,.lightgreen .h2,.lightgreen .h2 a,.lightgreen .h3,.lightgreen .h3 a,.lightgreen .h4,.lightgreen .h4 a,
.lightgreen h5,.lightgreen h5 a,.lightgreen .h5,.lightgreen .h5 a{color:#adba95}
.lightgreen p,.lightgreen li{color:#7d8a65}

.color h1,.color h1 a,.color h2,.color h2 a,.color h3,.color h3 a,.color h4,.color h4 a,.color h5,.color h5 a,
.color .h1,.color .h1 a,.color .h2,.color .h2 a,.color .h3,.color .h3 a,.color .h4,.color .h4 a,.color .h5,.color .h5 a,
.color p,.color p a,.color li{color:var(--color-white)}

.cWhite,.cWhite *,.btnInTxt{color:var(--color-white)!important}
.cGrey{color:var(--color-primary-lighter-3)}
.cBlack{color:var(--color-black)!important}

header.cur #navPanel .pHandler.cur:hover{color:var(--color-white)}
.scrolled .pHandler::after{color:#e2e2e2}
.scrolled.navExpd .pHandler::after{color:var(--main-color)}
.scrolled .pHandler:hover::after{color:var(--color-black)}
.scrolled.navExpd .pHandler:hover::after{color:var(--color-white)}
.newsLatest article .btn.news a:hover{color:var(--color-black)!important}
.btnInTxt:hover{color:var(--main-color)!important}

.bgColor.light .hGroup *:not(.btn a),.bgColor.light .txtWrap *:not(.btn a),
.bgColor.pastel .hGroup *:not(.btn a),.bgColor.pastel .txtWrap *:not(.btn a),
.bgColor.yellow .hGroup *:not(.btn a),.bgColor.yellow .txtWrap *:not(.btn a),
.bgColor.grey.light .hGroup *:not(.btn a),.bgColor.grey.light .txtWrap *:not(.btn a){color:var(--color-black)}
.bgColor.grey.light .btn *{color:unset}

#page span[style="color:#d81e25;"],#page span[style="color:#d81e25;"] *{color:var(--main-color)!important}

.shopwareBlue{color:var(--color-shopware-blue)}
.magentoOrange{color:var(--color-magento-orange)}
.akeneoLilac{color:var(--color-akeneo-lila)}
.pimcoreLilac{color:var(--color-pimcore-lila)}
.typo3Orange{color:var(--color-typo3-orange)}
.wordpressBlue{color:var(--color-wordpress-blue)}
.phpBlue{color:var(--color-php-blue)}
.hyvaGreen{color:var(--color-hyva-green)}
.hyvaBlue{color:var(--color-hyva-blue)}


/* --- BORDER COLORS --- */

.themeSearch .addresses .asylum .btn a{border-color:var(--color-white)}

.newsMenu ul.years > li span.year a{border:1px solid #a2a2a2;color:#727272}
header.cur #navPanel .pHandler.cur,.newsPageNav ul li.current{border:1px solid var(--main-color)}
.newsMenu ul.years > li span.year a:hover,.newsMenu ul.years > li span.year.cur a,.newsMenu ul.years > li.cur span.year a{color:var(--color-white);background-color:var(--main-color);border:1px solid var(--main-color)}
.newsMenu ul.years > li.all > span.year a{color:var(--color-white);background-color:#a2a2a2;border:1px solid #a2a2a2}
.newsMenu ul.years > li.all > span.year a:hover{color:var(--color-white);background-color:#525252;border:1px solid #525252}

#page .prodCatMenu ul li > *,#page .news .prodCatMenu > ul li a{border:1px solid #a2a2a2}
#page .prodCatMenu ul li > *:hover,#page .news .prodCatMenu > ul li a:hover{border-color:var(--main-color)}

#searchResult .resultWrap .btn *:hover,
main .searchNav ul li:first-child a,main .searchNav ul li:last-child a,
.themeSearch .addresses .asylum .btn a:hover,
ul.slick-dots button:hover,ul.slick-dots li.slick-active button,
.newsSingle .newsJobs .newsHeader .ctrlPanel > .btn > a:hover,
#page .prodCatMenu ul li > *:hover,#page .prodCatMenu ul li.act > *,
#page .news .prodCatMenu > ul li a:hover,#page .news .prodCatMenu > ul li a.active,
.singleContentText .prodTxt .interest span.fwd > *{border-color:var(--main-color)}

input.powermail_field_error{border-bottom:1px solid var(--main-color)!important;background-color:rgba(190,0,43,.2)!important}
input.powermail_field_error:focus{background-color:transparent!important}

main .searchNav ul li:first-child a:hover,main .searchNav ul li:last-child a:hover{border-color:var(--main-color-dark)!important}

.bBlack{border-color:var(--color-black)}
.bRed{border-color:var(--main-color)}
.bGrey{border-color:#a2a2a2}
.bWhite{border-color:#fff}

/* Border Color */

.bShopwareBlue{border-color:var(--color-shopware-blue)}
.bMagentoOrange{border-color:var(--color-magento-orange)}
.bAkeneoLilac{border-color:var(--color-akeneo-lila)}
.bPimcoreLilac{border-color:var(--color-pimcore-lila)}
.bTypo3Orange{border-color:var(--color-typo3-orange)}
.bWordpressBlue{border-color:var(--color-wordpress-blue)}
.bPhpBlue{border-color:var(--color-php-blue)}

/* Full Color */

.ShopwareBlue{background-color:var(--color-shopware-blue)}
.MagentoOrange{background-color:var(--color-magento-orange)}
.AkeneoLilac{background-color:var(--color-akeneo-lila)}
.PimcoreLilac{background-color:var(--color-pimcore-lila)}
.Typo3Orange{background-color:var(--color-typo3-orange)}
.WordpressBlue{background-color:var(--color-wordpress-blue)}
.PhpBlue{background-color:var(--color-php-blue)}
.HyvaGreen{background-color:var(--color-hyva-green)}
.HyvaBlue{background-color:var(--color-hyva-blue)}

/* Gradient */

.gradient.bgColor.ShopwareBlue { background: linear-gradient(125deg, #e4e2f5, #86c7f7, #b5e1fc, #cfe3e5) !important; }
.gradient.bgColor.MagentoOrange { background: linear-gradient(125deg, #e2e6f5, #f7a086, #fcd6b5, #e5cfcf) !important; }
.gradient.bgColor.AkeneoLilac { background: linear-gradient(125deg, #f5e2f4, #efeff7 30%, #ebebff 50%, #d9cfe5 80%) !important; }
.gradient.bgColor.PimcoreLilac { background: linear-gradient(90deg, #6428b4 0%, #b77dda 98.86%) !important; }
.gradient.bgColor.Typo3Orange { background: linear-gradient(90deg, #f49700, #ffb742) !important; }
.gradient.bgColor.WordpressBlue { background: linear-gradient(125deg, #23354b, #3b597e) !important; }
.gradient.bgColor.PhpBlue { background: linear-gradient(125deg, #4c578d, #8892bf) !important; }
.gradient.bgColor.HyvaGreen { background: linear-gradient(125deg, #d067c3, #288ed9, #13d7a7) !important; }
.gradient.bgColor.HyvaBlue { background: linear-gradient(125deg, #0b144b, #288ed9) !important; }