.bgcolor-white {
    background-color: #FFF;
}

.bgcolor-grey {
    background-color: rgb(239, 239, 239);
}

.bgcolor-yellow {
    background-color: rgb(249, 237, 172);
}

.bgcolor-green {
    background-color: rgb(223, 235, 193);
}

.color-main-orange-1 {
    color: var(--color-main);
}

.bgcolor-main-orange-1 {
    background-color: var(--color-main);
}

.color-main-orange-2 {
    color: rgb(181, 81, 27);
}

.bgcolor-main-orange-2 {
    background-color: var(--color-second);
}

.color-main-green-1 {
    color: rgb(149, 193, 31);
}

.bgcolor-main-green-1 {
    background-color: rgb(149, 193, 31);
}

.color-main-green-2 {
    color: rgb(51, 61, 40);
}

.bgcolor-main-green-2 {
    background-color: rgb(51, 61, 40);
}

.color-accent-yellow-1 {
    color: rgb(255, 214, 24);
}

.bgcolor-accent-yellow-1 {
    background-color: rgb(255, 214, 24);
}

.color-accent-yellow-2 {
    color: rgb(238, 161, 0);
}

.bgcolor-accent-yellow-2 {
    background-color: rgb(238, 161, 0);
}

.color-accent-grey-1 {
    color: rgb(87, 87, 86);
}

.bgcolor-accent-grey-1 {
    background-color: rgb(87, 87, 86);
}

.color-accent-grey-2 {
    color: rgb(39, 39, 39);
}

.bgcolor-accent-grey-2 {
    background-color: rgb(39, 39, 39);
}

.color-magazine-brown-1 {
    color: rgb(195, 157, 99);
}

.bgcolor-magazine-brown-1 {
    background-color: rgb(195, 157, 99);
}

.color-magazine-brown-2 {
    color: rgb(154, 125, 78);
}

.bgcolor-magazine-brown-2 {
    background-color: rgb(154, 125, 78);
}

.color-magazine-green-1 {
    color: rgb(192, 215, 132);
}

.bgcolor-magazine-green-1 {
    background-color: rgb(192, 215, 132);
}

.color-magazine-green-2 {
    color: rgb(149, 168, 104);
}

.bgcolor-magazine-green-2 {
    background-color: rgb(149, 168, 104);
}

.color-magazine-blue-1 {
    color: rgb(137, 159, 195);
}

.bgcolor-magazine-blue-1 {
    background-color: rgb(137, 159, 195);
}

.color-magazine-blue-2 {
    color: rgb(100, 117, 142);
}

.bgcolor-magazine-blue-2 {
    background-color: rgb(100, 117, 142);
}

.color-magazine-yellow-1 {
    color: rgb(244, 220, 89);
}

.bgcolor-magazine-yellow-1 {
    background-color: rgb(244, 220, 89);
}

.color-magazine-yellow-2 {
    color: rgb(189, 162, 62);
}

.bgcolor-magazine-yellow-2 {
    background-color: rgb(189, 162, 62);
}

.color-magazine-turquoise-1 {
    color: rgb(136, 205, 211);
}

.bgcolor-magazine-turquoise-1 {
    background-color: rgb(136, 205, 211);
}

.color-magazine-turquoise-2 {
    color: rgb(119, 162, 170);
}

.bgcolor-magazine-turquoise-2 {
    background-color: rgb(119, 162, 170);
}

.color-magazine-metal-blue-1 {
    color: rgb(167, 171, 189);
}

.bgcolor-magazine-metal-blue-1 {
    background-color: rgb(167, 171, 189);
}

.color-magazine-metal-blue-2 {
    color: rgb(115, 110, 129);
}

.bgcolor-magazine-metal-blue-2 {
    background-color: rgb(115, 110, 129);
}

nav.magazine-teaser li.magazine-brown-1,
nav.magazine li.magazine-brown-1 {
    background-color: rgb(195, 157, 99);
}

nav.magazine-teaser li.magazine-brown-1 span:before,
nav.magazine li.magazine-brown-1 span:before {
    background-color: rgb(195, 157, 99);
}

nav.magazine-teaser li.magazine-brown-1:hover span:before {
    background-color: rgb(154, 125, 78);
}

nav.magazine-teaser li.magazine-green-1,
nav.magazine li.magazine-green-1 {
    background-color: rgb(192, 215, 132);
}

nav.magazine-teaser li.magazine-green-1  span:before,
nav.magazine li.magazine-green-1  span:before {
    background-color: rgb(192, 215, 132);
}

nav.magazine-teaser li.magazine-green-1:hover span:before {
    background-color: rgb(149, 168, 104);
}

nav.magazine-teaser li.magazine-blue-1,
nav.magazine li.magazine-blue-1 {
    background-color: rgb(137, 159, 195);
}

nav.magazine-teaser li.magazine-blue-1 span:before,
nav.magazine li.magazine-blue-1 span:before {
    background-color: rgb(137, 159, 195);
}

nav.magazine-teaser li.magazine-blue-1:hover span:before {
    background-color: rgb(100, 117, 142);
}

nav.magazine-teaser li.magazine-yellow-1,
nav.magazine li.magazine-yellow-1 {
    background-color: rgb(244, 220, 89);
}

nav.magazine-teaser li.magazine-yellow-1 span:before,
nav.magazine li.magazine-yellow-1 span:before {
    background-color: rgb(244, 220, 89);
}

nav.magazine-teaser li.magazine-yellow-1:hover span:before {
    background-color: rgb(189, 162, 62);
}

nav.magazine-teaser li.magazine-turquoise-1,
nav.magazine li.magazine-turquoise-1 {
    background-color: rgb(136, 205, 211);
}

nav.magazine-teaser li.magazine-turquoise-1 span:before,
nav.magazine li.magazine-turquoise-1 span:before {
    background-color: rgb(136, 205, 211);
}

nav.magazine-teaser li.magazine-turquoise-1:hover span:before {
    background-color: rgb(119, 162, 170);
}

nav.magazine-teaser li.magazine-metal-blue-1,
nav.magazine li.magazine-metal-blue-1 {
    background-color: rgb(167, 171, 189);
}

nav.magazine-teaser li.magazine-metal-blue-1 span:before,
nav.magazine li.magazine-metal-blue-1 span:before {
    background-color: rgb(167, 171, 189);
}

nav.magazine-teaser li.magazine-metal-blue-1:hover span:before {
    background-color: rgb(115, 110, 129);
}