#body_div {padding-top: 130px; overflow: hidden;} /* header */ #header_row {text-transform: uppercase; position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; background-color: white;} #header_row .top {padding: 14px 0;} #header_row .top #logo {float: left;} #header_row .top #logo img {display: block; height: 42px; width: auto;} #header_row .top .lang {float: right; text-align: center; position: relative;} #header_row .top .lang strong, #header_row .top .lang > a {display: block; color: var(--color-grey); font-weight: 300; padding: 0; cursor: pointer; line-height: 42px; width: 120px; text-align: center; transition: 0.2s;} #header_row .top .lang:hover strong, #header_row .top .lang:hover > a {background-color: var(--color-lightgrey); color: var(--color-default);} #header_row .top .lang ul {display: none; position: absolute; top: 100%; right: 0; width: 100%; background-color: var(--color-grey); line-height: 24px; font-size: 80%; padding: 5px 0;} #header_row .top .lang:hover ul {display: block;} #header_row .top .lang ul li {display: block;} #header_row .top .lang ul li a {display: block;color: white; text-decoration: none;} #header_row .top .lang ul li a:hover, #header_row .top .lang ul li a.active {text-decoration: underline;} #header_row .top .social {float: right; padding: 7px 20px;} #header_row .top .social a {display: inline-block; vertical-align: top; padding: 1px; margin: 0 2px; transition: 0.2s;} #header_row .top .social a img {display: block; height: 24px; width: auto; transition: 0.2s;} #header_row .top .social a:hover {padding: 0;} #header_row .top .social a:hover img {height: 26px;} #header_row .top .search {float: right; padding: 8px 20px;} #header_row .top .search input {display: block; width: 210px; height: 26px; padding: 0 0 0 30px; background-image: url('/img/icon_search.svg'); background-repeat: no-repeat; background-position: 3px center; background-size: 14px 14px; color: white; background-color: var(--color-grey); font-size: 12px; border: 0; outline: 0;} #header_row .top .search input::placeholder {text-transform: uppercase; color: white;} #header_row nav {line-height: 60px; background-color: var(--color-default);} #header_row nav ul {display: block;} #header_row nav ul li {display: block; float: left; position: relative; margin-right: 30px;} #header_row nav ul li.float-right {float: right; margin-right: 0; margin-left: 30px;} #header_row nav ul li a {display: block; color: white; position: relative;} #header_row nav ul li a:after {content: ''; position: absolute; bottom: 1px; left: 50%; width: 0; height: 2px; background-color: white; transition: 0.2s;} #header_row nav ul li a:hover:after {width: 100%; left: 0;} #header_row nav ul li a.active:after {width: 100%; left: 0;} #header_row nav ul li.has_submenu {} #header_row nav ul li .submenu {display: none; position: fixed; top: 130px; left: 0; width: 100%; background-color: white;} #header_row nav ul li.has_submenu:hover .submenu {display: block;} #header_row nav ul li.has_submenu:hover > a:after {width: 100%; left: 0;} #header_row nav li .submenu ul {} #header_row nav li .submenu ul li {} #header_row nav li .submenu ul li a {color: var(--color-black);} #header_row nav li .submenu ul li a:after {background-color: var(--color-black);} #localeModal {} .locale-field {} .locale-field label {display: block; text-align: center; font-weight: 500;} .locale-field select {display: block; border: 1px solid color(--color-grey); width: 100%; height: 40px; text-align: center; border-radius: 4px;} #change-locale /* footer */ #footer_row {} #footer_row .top {background-color: var(--color-lightgrey); color: var(--color-black); padding: 20px 0 40px;} #footer_row .top .title {font-weight: 500; line-height: 17px; margin-bottom: 25px; text-transform: uppercase;} #footer_row .top .title span {display: inline-block; vertical-align: top; padding: 4px 0; border-bottom: 2px solid var(--color-grey);} #footer_row .top ul {} #footer_row .top ul li {display: block; line-height: 17px; padding: 4px 0;} #footer_row .top ul li a {color: var(--color-black);} #footer_row .top ul li a:hover {color: var(--color-grey);} #footer_row .top ul li a.active {color: var(--color-grey); text-decoration: underline;} #footer_row .top ul li.catalogue {} #footer_row .top ul li.catalogue a.img {display: inline-block; vertical-align: top; padding: 1px; margin-right: 10px; transition: 0.2s;} #footer_row .top ul li.catalogue a.img img {display: block; width: 20px; height: auto; transition: 0.2s;} #footer_row .top ul li.catalogue a.img:hover {padding: 0;} #footer_row .top ul li.catalogue a.img:hover img {width: 22px;} #footer_row .top #footer_logo {display: block; margin: 0 auto 30px; width: 100%; max-width: 238px;} #footer_row .top #footer_logo img {display: block;} #footer_row .top .social {} #footer_row .top .social a {display: inline-block; vertical-align: top; margin: 0 8px; padding: 1px; transition: 0.2s;} #footer_row .top .social a img {display: block; width: 28px; height: auto; transition: 0.2s;} #footer_row .top .social a:hover {padding: 0;} #footer_row .top .social a:hover img {width: 30px;} #footer_row .bottom {background-color: var(--color-default); line-height: 25px; font-size: 15px; padding: 15px 0; color: white;} #footer_row .bottom span {display: inline-block; vertical-align: top; padding: 0 20px;} #footer_row .bottom a {display: inline-block; vertical-align: top; color: white; margin: 0 10px;} #footer_row .bottom a:hover {text-decoration: underline;} /* main page */ #main_slider {margin-bottom: 40px;} #main_slider .swiper-container {padding-bottom: 40px;} #main_slider .swiper-slide a {display: block;} #main_slider .swiper-slide a img {display: block; width: 100%;} #main_block_1 {background-image: url('/img/main_block_1_bg.jpg');} #main_block_2 {background-image: url('/img/main_block_2_bg.jpg');} #main_products_block {} #main_products_block h2 {} #main_products_block p {} #main_free_block {padding: 30px 0 0;} #main_free_block p {margin: 0 0 30px 0; text-align: center;} #main_free_block .pictos {} #main_free_block .pictos img {display: block; height: 90px; width: auto; margin: 0 auto 30px;} /* about */ #about_block_1 {background-image: url('/img/about_block_1_bg.jpg');} #about_block_2 {} #about_block_3 {background-image: url('/img/about_block_3_bg.jpg');} #about_block_4 {} #about_block_5 {background-image: url('/img/about_block_5_bg.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 100px 0;} #about_block_6 {} .about_block {} .about_block .image {background-size: cover; background-position: center center; background-repeat: no-repeat;} .about_block .image img {display: block; width: 100%; height: auto; opacity: 0;} /* philosophy */ #philosophy_block_1 {} #philosophy_block_1 .block-1-1 {background-image: url('/img/philosophy_block_1_1_bg.jpg'); padding: 140px 0;} #philosophy_block_1 .block-1-2 {background-image: url('/img/philosophy_block_1_2_bg.jpg'); padding: 140px 0;} #philosophy_block_2, #philosophy_block_4 {padding: 100px 0;} #philosophy_block_3 {} #philosophy_block_3 .block-1-1 {background-image: url('/img/philosophy_block_2_1_bg.jpg'); padding: 140px 0;} #philosophy_block_3 .block-1-2 {background-image: url('/img/philosophy_block_2_2_bg.jpg'); padding: 140px 0;} /* imprint */ #contact_block {background-image: url('/img/contact_block_bg.jpg');} #contact_block a:hover {color: var(--color-lightgrey); text-decoration: underline;} #contact_block .social {} #contact_block .social a {display: inline-block; vertical-align: top; margin: 0 13px; padding: 2px; transition: 0.2s;} #contact_block .social a img {display: block; width: 40px; height: auto; transition: 0.2s;} #contact_block .social a:hover {padding: 0;} #contact_block .social a:hover img {width: 44px;} .map-pointer {cursor: pointer; opacity: 0.8; transition: 0.2s;} .map-pointer:hover {opacity: 1;} /* downloads */ #downloads {} #downloads .downloads_list {display: none;} #downloads .downloads_list.active {display: block;} #downloads .download-item {background-color: white; border-radius: 25px; box-shadow: 5px 5px 15px 2px rgba(0, 0, 0, 0.05); padding: 25px;} #downloads .download-item .title {} #downloads .download-item .btn-download {display: block; margin: 0 auto; width: 35px; height: 35px; border-radius: 34px; background-color: var(--color-lightgrey); background-image: url('/img/icon_download_hover.svg'); background-repeat: no-repeat; background-position: center center; background-size: 60% auto; transition: 0.2s;} #downloads .download-item .btn-download:hover {background-color: var(--color-default); background-image: url('/img/icon_download.svg');} /* faq */ .faq-group {padding: 40px; background-color: white; border-radius: 25px; background-repeat: no-repeat; background-position: calc(100% + 20px) -40px; background-size: 200px auto;} .faq-group.dark {background-color: var(--color-default);} .faq-group .title {} .faq-group .title a {} .faq-group .title a:hover {color: var(--color-default); text-decoration: underline;} .faq-group.dark .title a {color: white;} .faq-group.dark .title a:hover {color: white;} .faq-group.dark .title.active a {text-decoration: underline;} .faq-group .questions {} .faq-group .questions a {display: inline-block; vertical-align: top; color: var(--color-default);} .faq-group .questions a.collapsed {color: var(--color-grey);} .faq-group .questions a:hover {color: var(--color-default); text-decoration: underline;} .faq-group .answer {} .faq-group .more {} .faq-group .more:hover {color: var(--color-default); text-decoration: underline;} /* articles */ .article-item {} .article-item .image {display: block; border-radius: 25px; overflow: hidden;} .article-item .image img {display: block; width: 100%; height: auto;} .article-item .title {} .article-item .title a {display: inline-block; vertical-align: top; position: relative;} .article-item .title a:after {display: block; content: ''; position: absolute; top: 100%; left: 50%; width: 0; height: 1px; background-color: var(--color-default); transition: 0.2s;} .article-item .title a:hover {color: var(--color-default);} .article-item .title a:hover:after {left: 0; width: 100%;} .article-item .text {} .article-item .text time {display: block;} #article-page {} #article-page .image {} #article-page .image img {display: block; width: 100%;} #article-page .content {background-color: white; border-radius: 0 0 25px 25px;} #article-page .content .title {} #article-page .content .title a {display: inline-block; vertical-align: top; position: relative;} #article-page .content .title a:after {display: block; content: ''; position: absolute; top: 100%; left: 50%; width: 0; height: 1px; background-color: var(--color-default); transition: 0.2s;} #article-page .content .title a:hover {color: var(--color-default);} #article-page .content .title a:hover:after {left: 0; width: 100%;} #article-page .content time {display: block;} /* product view */ #product {} #product_datas {background-size: cover; background-position: center center; background-repeat: no-repeat;} #product_datas .content {display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 70px 50px 50px 50px;} #product_datas .content .image {display: flex; justify-content: center; align-items: center; width: 100%;} #product_datas .content .image img {display: block; max-width: 80%; max-height: 90%; width: auto; height: auto;} #product_datas .content .title {display: block; font-weight: 500; color: var(--color-default); margin-bottom: 20px; text-transform: uppercase;} #product_datas .content p {margin-bottom: 20px; line-height: 120%;} #product_datas .content .price {margin-bottom: 20px; color: var(--color-default); font-weight: 500;} #product_datas .content .price small {font-weight: 300;} #product_slider {} #product_slider .swiper-container {height: 100%;} #product_slider .slide {height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;} #product_slider .slide img {display: none;} #product_slider .swiper-pagination-bullets {bottom: 40px;} #product_slider .swiper-pagination-bullet {background-color: white; opacity: 0.6;} #product_slider .swiper-pagination-bullet-active {opacity: 1; background-color: white;} #product_tabs {} #product_tabs .header {background-color: var(--color-default);} #product_tabs .header .nav {display: block;} #product_tabs .header .nav li {display: block; float: left; position: relative; margin-right: 30px;} #product_tabs .header .nav li.float-right {float: right; margin-right: 0; margin-left: 30px;} #product_tabs .header .nav li button {display: block; color: white; position: relative; line-height: 80px; background-color: transparent; border: 0; outline: 0; text-transform: uppercase;} #product_tabs .header .nav li button:after {content: ''; position: absolute; bottom: 1px; left: 50%; width: 0; height: 2px; background-color: white; transition: 0.2s;} #product_tabs .header .nav li button:hover:after {width: 100%; left: 0;} #product_tabs .header .nav li button.active:after {width: 100%; left: 0;} #product_tabs .content {} #other_products_slider .swiper-container {padding-right: 50px; margin-right: -50px;} /* global elements */ .mainTitle {font-size: 32px; padding: 60px 0 0;} .page_header {} .thin-image-block {background-size: cover; background-position: center center; background-repeat: no-repeat;} .thin-image-block .row {min-height: 320px;} .thin-image-block h2 {} .thin-image-block p {} .thin2-image-block {background-size: cover; background-position: center center; background-repeat: no-repeat;} .thin2-image-block .row {min-height: 450px;} .thin2-image-block h2 {} .thin2-image-block p {} .thin3-image-block {background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url('/img/page_header_bg.jpg');} .thin3-image-block .row {min-height: 640px;} .thin2-image-block h2 {} .thin2-image-block p {} .col2-block {} .btn-grey {text-transform: uppercase; color: white; font-weight: 300; background-color: var(--color-grey); transition: 0.2s; border-radius: 0; position: relative; border: 0;} .btn-grey:hover {background-color: var(--color-default); color: white;} .btn-grey span {display: block; position: relative;} .btn-grey2 {text-transform: uppercase; color: var(--color-default); font-weight: 300; background-color: var(--color-grey); transition: 0.2s; border-radius: 0; position: relative; border: 0;} .btn-grey2:hover {background-color: white; color: var(--color-default);} .btn-grey2 span {display: block; position: relative;} .btn-white {text-transform: uppercase; color: var(--color-default); font-weight: 300; background-color: rgba(255,255,255,0.8); transition: 0.2s; border-radius: 0; position: relative; border: 0;} .btn-white:hover {background-color: white; color: var(--color-default);} .btn-white span {display: block; position: relative;} .btn-default {text-transform: uppercase; color: white; font-weight: 300; background-color: var(--color-default); transition: 0.2s; border-radius: 0; position: relative; border: 0;} .btn-default:hover {background-color: var(--color-grey); color: var(--color-default);} .btn-default span {display: block; position: relative;} .btn-mw {min-width: 214px;} .product-item {margin: 30px 20px; background-color: white; border: 1px solid var(--color-lightgrey); transition: 0.2s; border-radius: 25px; overflow: hidden;} .product-item.invert {background-color: var(--color-lightgrey); margin: 0; border-color: white;} .product-item.minh {} .product-item:hover {border-color: var(--color-grey);} .product-item .image {background: var(--color-grey2); background: linear-gradient(180deg, var(--color-lightgrey) 0%, var(--color-grey2) 100%);} .product-item .image a {display: block; height: 100%;} .product-item .image a img {display: block; width: 100%;} .product-item.minh .image a {display: flex; justify-content: center; align-items: center;} .product-item.minh .image a img {max-width: 80%; max-height: 90%; width: auto; height: auto;} .product-item .content {padding: 15px 30px; text-align: center;} .product-item .content .title {display: block; font-weight: 500; color: var(--color-default); margin-bottom: 20px; text-transform: uppercase;} .product-item .content p {margin-bottom: 20px; color: var(--color-darkgrey); line-height: 120%;} .product-item .content .packsize {color: var(--color-default);} .product-item .content .price {margin-bottom: 20px; color: var(--color-default); font-weight: 500;} .product-item .content .price small {font-weight: 300;} .addtocart {display: block; margin: 0 auto; width: 34px; height: 34px; border: 1px solid var(--color-default); background-image: url('/img/icon_cart.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px auto; transition: 0.2s; border-radius: 34px; background-color: transparent;} .addtocart:hover {background-image: url('/img/icon_cart_hover.svg'); background-color: var(--color-default);} /* cookiebar */ #cookie-bar {background-color: rgba(0,0,0,0.8); padding: 10px 0; text-align:center;} #cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%;} #cookie-bar p {margin:0; padding:0; color: white; line-height: 22px; font-size: 14px;} #cookie-bar p a {color: white; font-weight: bold;} #cookie-bar p a:hover {text-decoration: underline;} #cookie-bar a.button {color:#ffffff; display: inline-block; text-decoration: none; padding: 0 20px; line-height: 26px; margin: -2px 0 -2px 10px; font-weight: normal; transition: 0.2s; text-transform: uppercase; font-weight: bold; font-size: 12px; letter-spacing: 1px; vertical-align: top;} #cookie-bar .cb-enable {background:#5e92e5;} #cookie-bar .cb-enable:hover {background:#4b85e2;} #cookie-bar .cb-disable {background:#990000;} #cookie-bar .cb-disable:hover {background:#bb0000;} #cookie-bar .cb-policy {background:#0033bb;} #cookie-bar .cb-policy:hover {background:#0055dd;} /* category colorization */ /* lavyl */ body.lavyl {} body.lavyl #header_row nav {background-color: var(--color-menubg-lavyl);} body.lavyl #header_row nav > div > ul > li > a {color: var(--color-menutext-lavyl);} body.lavyl #header_row nav > div > ul > li > a:after {background-color: var(--color-menutext-lavyl);} body.lavyl #header_row nav li .submenu ul li a {color: var(--color-content-lavyl);} body.lavyl #header_row nav li .submenu ul li a:after {background-color: var(--color-content-lavyl);} body.lavyl .product-item .content .title, body.lavyl #product_datas .content .title {color: var(--color-content-lavyl);} body.lavyl .product-item .content .price, body.lavyl #product_datas .content .price, body.lavyl .product-item .content .packsize {color: var(--color-content-lavyl);} body.lavyl .addtocart {border-color: var(--color-content-lavyl); background-image: url('/img/icon_cart_lavyl.svg');} body.lavyl .addtocart:hover {background-color: var(--color-content-lavyl); background-image: url('/img/icon_cart_hover.svg');} body.lavyl .product_view h2 {color: var(--color-content-lavyl);} body.lavyl #footer_row .top .title span {color: var(--color-content-lavyl);} body.lavyl #footer_row .bottom {background-color: var(--color-menubg-lavyl); color: var(--color-menutext-lavyl);} body.lavyl #footer_row .bottom a {color: var(--color-menutext-lavyl);} body.lavyl #productgroup_header, body.lavyl #productgroup_footer {background-color: var(--color-menubg-lavyl);} body.lavyl #productgroup_header h1, body.lavyl #productgroup_footer h2 {color: var(--color-content-lavyl);} body.lavyl #productgroup_header p, body.lavyl #productgroup_footer p {color: var(--color-content-lavyl);} body.lavyl #product_tabs .header {background-color: var(--color-menubg-lavyl);} body.lavyl #product_tabs .header .nav li button {color: var(--color-menutext-lavyl);} body.lavyl #product_tabs .header .nav li button:after {background-color: var(--color-menutext-lavyl);} body.lavyl #product_tabs .content {color: var(--color-content-lavyl);} /* solvyl */ body.solvyl {} body.solvyl #header_row nav {background-color: var(--color-menubg-solvyl);} body.solvyl #header_row nav > div > ul > li > a {color: var(--color-menutext-solvyl);} body.solvyl #header_row nav > div > ul > li > a:after {background-color: var(--color-menutext-solvyl);} body.solvyl #header_row nav li .submenu ul li a {color: var(--color-content-solvyl);} body.solvyl #header_row nav li .submenu ul li a:after {background-color: var(--color-content-solvyl);} body.solvyl .product-item .content .title, body.solvyl #product_datas .content .title {color: var(--color-content-solvyl);} body.solvyl .product-item .content .price, body.solvyl #product_datas .content .price, body.solvyl .product-item .content .packsize {color: var(--color-content-solvyl);} body.solvyl .addtocart {border-color: var(--color-content-solvyl); background-image: url('/img/icon_cart_solvyl.svg');} body.solvyl .addtocart:hover {background-color: var(--color-content-solvyl); background-image: url('/img/icon_cart_hover.svg');} body.solvyl .product_view h2 {color: var(--color-content-solvyl);} body.solvyl #footer_row .bottom {background-color: var(--color-menubg-solvyl); color: var(--color-menutext-solvyl);} body.solvyl #footer_row .top .title span {color: var(--color-content-solvyl);} body.solvyl #footer_row .bottom a {color: var(--color-menutext-solvyl);} body.solvyl #productgroup_header, body.solvyl #productgroup_footer {background-color: var(--color-menubg-solvyl);} body.solvyl #productgroup_header h1, body.solvyl #productgroup_footer h2 {color: white;} body.solvyl #productgroup_header p, body.solvyl #productgroup_footer p {color: white;} body.solvyl #product_tabs .header {background-color: var(--color-menubg-solvyl);} body.solvyl #product_tabs .header .nav li button {color: var(--color-menutext-solvyl);} body.solvyl #product_tabs .header .nav li button:after {background-color: var(--color-menutext-solvyl);} body.solvyl #product_tabs .content {color: var(--color-content-solvyl);} /* exyol */ body.exyol {} body.exyol #header_row nav {background-color: var(--color-menubg-exyol);} body.exyol #header_row nav > div > ul > li > a {color: var(--color-menutext-exyol);} body.exyol #header_row nav > div > ul > li > a:after {background-color: var(--color-menutext-exyol);} body.exyol #header_row nav li .submenu ul li a {color: var(--color-content-exyol);} body.exyol #header_row nav li .submenu ul li a:after {background-color: var(--color-content-exyol);} body.exyol .product-item .content .title, body.exyol #product_datas .content .title {color: var(--color-content-exyol);} body.exyol .product-item .content .price, body.exyol #product_datas .content .price, body.exyol .product-item .content .packsize {color: var(--color-content-exyol);} body.exyol .addtocart {border-color: var(--color-content-exyol); background-image: url('/img/icon_cart_exyol.svg');} body.exyol .addtocart:hover {background-color: var(--color-content-exyol); background-image: url('/img/icon_cart_hover.svg');} body.exyol .product_view h2 {color: var(--color-content-exyol);} body.exyol #footer_row .top .title span {color: var(--color-content-exyol);} body.exyol #footer_row .bottom {background-color: var(--color-menubg-exyol); color: var(--color-menutext-exyol);} body.exyol #footer_row .bottom a {color: var(--color-menutext-exyol);} body.exyol #productgroup_header, body.exyol #productgroup_footer {background-color: var(--color-menubg-exyol);} body.exyol #productgroup_header h1, body.exyol #productgroup_footer h2 {color: var(--color-content-exyol);} body.exyol #productgroup_header p, body.exyol #productgroup_footer p {color: var(--color-content-exyol);} body.exyol #product_tabs .header {background-color: var(--color-menubg-exyol);} body.exyol #product_tabs .header .nav li button {color: var(--color-menutext-exyol);} body.exyol #product_tabs .header .nav li button:after {background-color: var(--color-menutext-exyol);} body.exyol #product_tabs .content {color: var(--color-content-exyol);} /* haevyl */ body.haevyl {} body.haevyl #header_row nav {background-color: var(--color-menubg-haevyl);} body.haevyl #header_row nav > div > ul > li > a {color: var(--color-menutext-haevyl);} body.haevyl #header_row nav > div > ul > li > a:after {background-color: var(--color-menutext-haevyl);} body.haevyl #header_row nav li .submenu ul li a {color: var(--color-content-haevyl);} body.haevyl #header_row nav li .submenu ul li a:after {background-color: var(--color-content-haevyl);} body.haevyl .product-item .content .title, body.haevyl #product_datas .content .title {color: var(--color-content-haevyl);} body.haevyl .product-item .content .price, body.haevyl #product_datas .content .price, body.haevyl .product-item .content .packsize {color: var(--color-content-haevyl);} body.haevyl .addtocart {border-color: var(--color-content-haevyl); background-image: url('/img/icon_cart_haevyl.svg');} body.haevyl .addtocart:hover {background-color: var(--color-content-haevyl); background-image: url('/img/icon_cart_hover.svg');} body.haevyl .product_view h2 {color: var(--color-content-haevyl);} body.haevyl #footer_row .top .title span {color: var(--color-content-haevyl);} body.haevyl #footer_row .bottom {background-color: var(--color-menubg-haevyl); color: var(--color-menutext-haevyl);} body.haevyl #footer_row .bottom a {color: var(--color-menutext-haevyl);} body.haevyl #productgroup_header, body.haevyl #productgroup_footer {background-color: var(--color-menubg-haevyl);} body.haevyl #productgroup_header h1, body.haevyl #productgroup_footer h2 {color: var(--color-content-haevyl);} body.haevyl #productgroup_header p, body.haevyl #productgroup_footer p {color: var(--color-content-haevyl);} body.haevyl #product_tabs .header {background-color: var(--color-menubg-haevyl);} body.haevyl #product_tabs .header .nav li button {color: var(--color-menutext-haevyl);} body.haevyl #product_tabs .header .nav li button:after {background-color: var(--color-menutext-haevyl);} body.haevyl #product_tabs .content {color: var(--color-content-haevyl);} /* pentyll */ body.pentyll {} body.pentyll #header_row nav {background-color: var(--color-menubg-pentyll);} body.pentyll #header_row nav > div > ul > li > a {color: var(--color-menutext-pentyll);} body.pentyll #header_row nav > div > ul > li > a:after {background-color: var(--color-menutext-pentyll);} body.pentyll #header_row nav li .submenu ul li a {color: var(--color-content-pentyll);} body.pentyll #header_row nav li .submenu ul li a:after {background-color: var(--color-content-pentyll);} body.pentyll .product-item .content .title, body.pentyll #product_datas .content .title {color: var(--color-content-pentyll);} body.pentyll .product-item .content .price, body.pentyll #product_datas .content .price, body.pentyll .product-item .content .packsize {color: var(--color-content-pentyll);} body.pentyll .addtocart {border-color: var(--color-content-pentyll); background-image: url('/img/icon_cart_pentyll.svg');} body.pentyll .addtocart:hover {background-color: var(--color-content-pentyll); background-image: url('/img/icon_cart_hover.svg');} body.pentyll .product_view h2 {color: var(--color-content-pentyll);} body.pentyll #footer_row .top .title span {color: var(--color-content-pentyll);} body.pentyll #footer_row .bottom {background-color: var(--color-menubg-pentyll); color: var(--color-menutext-pentyll);} body.pentyll #footer_row .bottom a {color: var(--color-menutext-pentyll);} body.pentyll #productgroup_header, body.pentyll #productgroup_footer {background-color: var(--color-menubg-pentyll);} body.pentyll #productgroup_header h1, body.pentyll #productgroup_footer h2 {color: white;} body.pentyll #productgroup_header p, body.pentyll #productgroup_footer p {color: white;} body.pentyll #product_tabs .header {background-color: var(--color-menubg-pentyll);} body.pentyll #product_tabs .header .nav li button {color: var(--color-menutext-pentyll);} body.pentyll #product_tabs .header .nav li button:after {background-color: var(--color-menutext-pentyll);} body.pentyll #product_tabs .content {color: var(--color-content-pentyll);}