img{
max-width:100%;
height:auto;
}
:root, [data-bs-theme="light"]{
--bs-heading-color:var(--mtc-logo-green-dark);
}
html body{
background:none !important;
background-color:white;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6{
color:var(--mtc-logo-green-dark) !important;
}
body:has(.twt-top-navigation-flyout-wrapper) .main-navigation-menu-list > .nav-item > .twt-top-navigation-dropdown {
display: none !important;
}
.twt-top-navigation-flyout-wrapper .twt-top-navigation-flyout.dropdown-menu {
max-width: 100%;
width: 100%;
margin: 0;
left: 0;
right: 0;
transform: none;
border: none;
box-shadow: 4px 8px 20px hsl(0 0% 0% / 0.2);
--bc: hsl(0 0% 80%);
border-right-color: var(--bc);
border-bottom-color: var(--bc);
background-color: #fff;
}
.twt-top-navigation-flyout-wrapper,
.twt-top-navigation-flyout-wrapper .twt-top-navigation-flyout,
.twt-top-navigation-flyout-wrapper .twt-top-navigation-flyout.show,
.twt-top-navigation-flyout-wrapper .twt-top-navigation-flyout.dropdown-menu,
.twt-top-navigation-flyout-wrapper .twt-top-navigation-flyout-container {
animation: none !important;
transition: none !important;
opacity: 1 !important;
transform: none !important;
}
.twt-top-navigation-flyout-wrapper .twt-top-navigation-flyout > .twt-top-navigation-flyout-container > .row:first-child {
background: transparent;
margin-bottom: 0;
}
.twt-top-navigation-flyout-wrapper .navigation-flyout-close.btn-close {
background: transparent;
opacity: 0.5;
}
.twt-top-navigation-flyout-wrapper .dropdown-menu .navigation-flyout-content .col,
.twt-top-navigation-flyout-wrapper .col-3 {
display: contents;
}
.twt-top-navigation-flyout-wrapper .navigation-flyout-category-link a {
color: var(--mtc-logo-green-dark);
background: transparent !important;
border-radius: 0;
margin-bottom: 0;
padding: 0;
display: inline;
line-height: inherit;
font-weight: inherit;
font-size: inherit;
text-decoration: underline;
}
.twt-top-navigation-flyout-wrapper .navigation-flyout-category-link a:before {
content: "\2039";
font-family: system-ui, -apple-system, sans-serif;
font-variant-emoji: text;
font-size: 1.5em;
}
.twt-top-navigation-flyout-wrapper .navigation-flyout-content {
margin: 0;
padding: var(--pt, 15px) var(--plr, 0px) 0 var(--plr, 0px);
width: 100%;
display: flex;
}
.twt-top-navigation-flyout-wrapper .navigation-flyout-content .col > div {
flex: 1;
}
.twt-top-navigation-flyout-wrapper .navigation-flyout-categories.is-level-0 {
position: relative;
margin: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
display: grid !important;
flex-wrap: unset !important;
--bs-gutter-x: 0;
--bs-gutter-y: 0;
gap: var(--g-gap-y, 0.5em) var(--g-gap-x, 1em);
grid-template-columns: repeat(auto-fit, minmax(var(--flyout-grid-min, 32ch), 1fr));
}
.twt-top-navigation-flyout-wrapper .navigation-flyout-col:before,
.twt-top-navigation-flyout-wrapper .navigation-flyout-categories.is-level-0 > .col-3:before,
.twt-top-navigation-flyout-wrapper .navigation-flyout-categories.is-level-0 > .navigation-flyout-col:before {
display: none !important;
content: none !important;
}
.twt-top-navigation-flyout-wrapper .navigation-flyout-categories.is-level-0 > .navigation-flyout-col,
.twt-top-navigation-flyout-wrapper .navigation-flyout-categories.is-level-0 > .col-3 {
margin-bottom: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.twt-top-navigation-flyout-wrapper .navigation-flyout-categories.is-level-1 {
display: none !important;
}
.twt-top-navigation-flyout-wrapper .navigation-flyout-categories .nav-link,
.twt-top-navigation-flyout-wrapper .navigation-flyout-categories .navigation-flyout-link {
margin: 0 !important;
padding: var(--a-ptb, 0.35em) var(--a-pr, 0.5em) var(--a-ptb, 0.35em) var(--a-pl, 0.5em) !important;
display: flex;
align-items: start;
gap: 0.8em;
font-family: var(--ff-n, inherit);
font-stretch: var(--fst-n, normal);
font-size: var(--fs-n, 18px);
font-weight: var(--fw-n, normal);
border: 1px solid hsl(0 0% 85%);
background: hsl(0 0% 95%);
border-radius: 8px;
color: var(--a-color, black);
}
.twt-top-navigation-flyout-wrapper .navigation-flyout-categories .nav-link:before,
.twt-top-navigation-flyout-wrapper .navigation-flyout-categories .navigation-flyout-link:before {
content: var(--fa-ic-circle-chevron-right);
display: inline-block;
font-family: var(--fa-ff);
font-weight: var(--ic-fw, 800);
color: var(--ic-color, var(--mtc-logo-green-light));
transform: scale(1.4) translateX(0.1em);
}
.twt-top-navigation-flyout-wrapper .navigation-flyout-categories .nav-link:hover,
.twt-top-navigation-flyout-wrapper .navigation-flyout-categories .navigation-flyout-link:hover {
--ic-color: var(--mtc-logo-green-dark);
color: var(--a-color-hover, black);
background-color: var(--a-fill-hover, hsl(76 60% 80%));
}
.twt-top-navigation-flyout-wrapper .navigation-flyout-categories .nav-link.active,
.twt-top-navigation-flyout-wrapper .navigation-flyout-categories .navigation-flyout-link.active {
color: var(--a-color-act, white);
font-weight: 600;
background-color: var(--a-fill-act, var(--mtc-logo-green-dark));
border-color: var(--a-fill-act, var(--mtc-logo-green-dark));
--ic-color: var(--mtc-logo-green-light);
}
.twt-top-navigation-flyout-wrapper {
--ff-n: inherit;
--fst-n: normal;
--fs-n: 18px;
--fw-n: normal;
--flyout-grid-min: 32ch;
}
@media (max-width: 1600px) {
.twt-top-navigation-flyout-wrapper {
--ff-n: roc, sans-serif;
--fst-n: condensed;
--fw-n: 400;
}
}
@media (max-width: 1350px) {
.twt-top-navigation-flyout-wrapper {
--fs-n: 16px;
--flyout-grid-min: 30ch;
}
}
@media (max-width: 1280px) {
.twt-top-navigation-flyout-wrapper {
--fs-n: 15px;
--flyout-grid-min: 28ch;
}
}
@media (max-width: 1200px) {
.twt-top-navigation-flyout-wrapper {
--fs-n: 14px;
--flyout-grid-min: 26ch;
}
}
@media (max-width: 1180px) {
.twt-top-navigation-flyout-wrapper {
--fs-n: 13px;
--flyout-grid-min: 24ch;
--g-gap-x: 0.75em;
}
}
.twt-top-navigation-flyout-wrapper .navigation-flyout-categories .nav-link span,
.twt-top-navigation-flyout-wrapper .navigation-flyout-categories .navigation-flyout-link span {
white-space: nowrap;
}
.pagination-nav{
--btn-color:var(--mtc-logo-green-dark);
--btn-bg:inherit;
--btn-bg-active:var(--mtc-logo-green-dark);
color:black;
}
.pagination-nav .page-link{
color:var(--btn-color);
background:var(--btn-bg);
}
.pagination-nav .page-item.active .page-link{
--btn-bg:var(--btn-bg-active);
}
.pagination .page-item:not(.disabled):not(.active) .icon{
color:black;
}
.product-name{
color:var(--mtc-logo-green-dark);
font-weight:800;
}
.product-detail-name{
color:var(--mtc-logo-green-dark) !important;
}
.checkout{
--box-ptb:1.5em;
--box-plr:1.5em;
--box-br:0.5em;
--box-border:2px solid hsl(76 72% 42%);
--box-bg:hsl(0 0% 97%);
--promo-plr:20px;
--lbl-ff:inherit;
--lbl-fst:normal;
--lbl-fs:16px;
}
.checkout-main .form-label{
font-family:var(--lbl-ff);
font-stretch:var(--lbl-fst);
font-size:var(--lbl-fs);
}
.checkout .register-login-collapse-toogle,
.checkout .login-card,
.register-card .card-body{
background:var(--box-bg);
padding:var(--box-ptb) var(--box-plr);
border:var(--box-border);
border-radius:var(--box-br);
}
.checkout .register-login-collapse-toogle{
display:flex;
align-items:center;
gap:0.5em;
}
.is-act-checkoutregisterpage .login-collapse-toggle{
color:black !important;
}
.is-act-checkoutregisterpage .icon-avatar svg{
top:auto;
}
.checkout .register-card .form-check{
display:flex;
gap:0.5em;
padding:0;
}
.checkout .register-card .form-check-input{
margin:0;
width:1.5em;
height:1.5em;
display:inline-block;
border:2px solid black;
}
.mtc-register-guest{
--promo-plr2:calc(var(--promo-plr) * -1);
padding:1em var(--promo-plr);
margin-left:var(--promo-plr2);
margin-right:var(--promo-plr2);
line-height:normal;
--cl1:hsl(159 81% 16%);
--cl2:hsl(76 72% 42%);
background:linear-gradient(180deg, hsl(76 40% 92%), transparent);
--h-fs:24px;
--h-fw:bold;
--c-fs:24px;
--c-align:center;
--c-mtb:0.25em;
--mb:0.5em;
margin-bottom:var(--mb);
}
.mtc-register-guest p{
margin-bottom:0.5em;
}
.mtc-register-guest-h{
font-size:var(--h-fs);
font-weight:var(--h-fw);
margin-bottom:0.5em;
}
.mtc-register-guest-n{
}
.mtc-register-guest-n1{
color:var(--cl1);
}
.mtc-register-guest-n2{
color:var(--cl2);
}
.mtc-register-guest-h-label{
}
.mtc-register-guest-control{
font-size:var(--c-fs);
line-height:normal;
display:flex;
align-items:var(--c-align);
padding:0;
gap:0.5em;
margin-bottom:0.5em;
}
.mtc-register-guest-control *{
cursor:pointer !important;
}
.mtc-register-guest-control .form-check-input{
border-color:black;
width:1em;
height:1em;
display:inline-block;
margin:var(--c-mtb) 0;
}
.mtc-register-guest-control .custom-control-label:before{
content:'\25C0\FE0E';
display:inline-block;
margin-right:0.25em;
color:var(--cl2);
}
.mtc-register-guest-promo{
padding-bottom:0.5em;
}
.mtc-register-guest-ul{
list-style:none;
margin:0 0 1em 0;
padding:0;
display:flex;
flex-wrap:wrap;
gap:0.25em 1em;
}
.mtc-register-guest-ul li:before{
content: "\2B24\FE0E";
display:inline-block;
margin-right:0.25em;
color:var(--cl2);
}
@media(max-width:1280px){
.checkout{
--lbl-ff:roc, sans-serif;
--lbl-fst:condesned;
}
}
@media(max-width:991px){
.checkout{
--box-plr:1em;
--promo-plr:1em;
}
.mtc-register-guest{
--h-fs:min(6.111111vw, 24px);
--c-fs:min(5vw, 20px);
--c-align:start;
}
}
@media(max-width:640px){
.checkout{
--box-plr:0.5em;
--promo-plr:0.5em;
}
.is-ctl-register .content-main > .container{
padding:0px !important;
}
.checkout{
margin:0 !important;
padding:0 !important;
}
.checkout-container{
margin:0 !important;
padding:0 0.5em 0 0.5em;
}
}
.header-minimal{
height:auto;
--logo-w:240px;
--logo-ar:300 / 52;
}
.header-minimal-row{
flex-wrap:nowrap;
height:auto;
margin:0;
padding:0.5rem 0;
gap:20px;
}
.header-minimal-logo{
margin:0;
padding:0;
}
.header-minimal-logo img{
max-width:100%;
height:auto;
width:var(--logo-w);
aspect-ratio:var(--logo-ar);
}
.header-minimal-contact{
font-size:14px;
line-height:normal;
}
.header-minimal-back-to-shop{
width:auto;
padding:0;
}
body[class*="is-active-route-frontend-checkout-"] .content-main .container{
padding:0;
}
.checkout{
--ptb:1rem;
--plr:20px;
padding:var(--ptb) var(--plr) !important;
--f-gap-x:20px;
--f-gap-y:20px;
--creg-plr:20px;
--creg-ptb:20px;
--pt-header-login:30px;
--fs-form-control:16px;
--fs-form-select:16px;
}
.checkout-container{
margin:0 !important;
display:grid !important;
grid-template-columns:2fr 1fr;
gap:var(--f-gap-y) var(--f-gap-x);
}
.checkout-main{
padding:0 !important;
width:auto !important;
}
.checkout-aside{
padding:0 !important;
width:auto !important;
}
.checkout .register-card .card-body{
padding:var(--creg-ptb) var(--creg-plr);
}
.twt-checkout-header-login{
padding-top:var(--pt-header-login);
}
.checkout .card-title{
color:var(--mtc-logo-green-dark);
}
.checkout .form-control{
font-size:var(--fs-form-control);
color:black;
}
.checkout .form-select{
font-size:var(--fs-form-select);
color:black;
}
@media(max-width:1280px){
.checkout{
--plr:10px;
--f-gap-x:10px;
}
}
@media(max-width:990px){
.header-minimal{
height:auto;
}
.header-minimal-row{
height:auto;
}
.header-minimal-logo{
flex:1;
}
.header-minimal-back-to-shop{
flex:none;
}
.checkout{
--pt-header-login:2vw;
}
.checkout-container{
padding:0 !important;
grid-template-columns:1fr;
}
}
@media(max-width:767px){
.header-minimal{
--logo-ar:173 / 33;
}
}
@media(max-width:568px){
.header-minimal-row{
justify-content:space-between;
}
}
.cms-breadcrumb > nav[aria-label="breadcrumb"] ol.breadcrumb {
align-items: center;
margin: 0;
padding: 0;
}
.cms-page{
overflow-x:hidden;
margin-top:0 !important;
}
@media (max-width: 767.98px) {
.cms-block-container, .cms-section-default.boxed {
padding: 10px !important;
}
}
.twt-container-main, .is-ctl-accountprofile.twt-cms-styling .content-main .container-main>div, .is-act-profileoverview.twt-cms-styling .content-main .container-main>div, .is-ctl-accountpayment.twt-cms-styling .content-main .container-main>div, .is-act-paymentoverview.twt-cms-styling .content-main .container-main>div, .is-ctl-accountorder.twt-cms-styling .content-main .container-main>div, .is-act-orderoverview.twt-cms-styling .content-main .container-main>div, .is-ctl-address.twt-cms-styling .content-main .container-main>div, .is-act-accountaddressoverview.twt-cms-styling .content-main .container-main>div, .is-act-accountcreateaddress.twt-cms-styling .content-main .container-main>div, .is-act-accounteditaddres.twt-cms-styling .content-main .container-main>div, .is-ctl-auth.twt-cms-styling .content-main .container-main>div, .is-act-loginpage.twt-cms-styling .content-main .container-main>div, .is-act-recoveraccountform.twt-cms-styling .content-main .container-main>div, .is-ctl-checkout.twt-cms-styling .content-main .container-main>div, .is-ctl-register.twt-cms-styling .content-main .container-main>div, .is-act-checkoutregisterpage.twt-cms-styling .content-main .container-main>div, .is-ctl-search .content-main .container-main>div, .is-ctl-wishlist .content-main .container-main>div{
border:none !important;
}
.container, .cms-section .boxed, .container-fluid, .container-xs, .cms-section .full-width{
padding-left:var(--mtc-gutter-x);
padding-right:var(--mtc-gutter-x);
}
.cms-section-default.boxed .cms-block:not(.twt-cms-block-reset){
border-style:hidden;
}
.cms-block-container, .cms-section-default.boxed {
overflow-x:visible !important;
}
.twt-usp-bar{
--mtc-ff:inherit;
--mtc-fs:inherit;
font-family:var(--mtc-ff);
font-size:var(--mtc-fs);
white-space:nowrap;
height:auto;
padding-top:10px;
padding-bottom:10px;
--mtc-gap-x:30px;
--mtc-gap-y:10px;
display:flex;
justify-content:center;
align-items:center;
}
.twt-usp-bar-container{
margin:0 !important;
height:auto !important;
}
.twt-usp-bar-items{
margin:0 !important;
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--mtc-gap-y) var(--mtc-gap-x);
}
.twt-usp-bar-item{
margin:0 !important;
padding:0 !important;
font-family:inherit !important;
font-size:inherit !important;
display:flex;
align-items:center;
}
.twt-usp-bar span.icon{
width:1em !important;
height:1em !important;
margin-right:0.35em !important;
}
.twt-usp-bar-item address{
margin:0;
}
@media(max-width:1600px){
.twt-usp-bar{
--mtc-ff:roc,sans-serif;
}
.twt-usp-bar-items{
justify-content:center !important;
}
}
@media(max-width:1280px){
}
@media(max-width:1020px){
.twt-usp-bar-items{
flex-wrap:wrap;
}
}
@media(max-width:767px){
:root{
--mtc-gutter-x:10px;
}
}
@media(max-width:575px){
.twt-usp-bar{
--mtc-fs:6vw;
}
}
.mtc-btn{
display:inline-block;
padding:0.35em 0.5em;
border-radius:5px;
color:black;
--_btn-bg: var(--btn-bg, hsl(0 0% 95%));
background-color:var(--_btn-bg);
--_btn-border:var(--btn-border, hsl(from var(--_btn-bg) h s calc(l - 10)));
border:1px solid var(--_btn-border);
text-decoration:none;
}
.mtc-btn:hover{
color:black !important;
background-color:hsl(from var(--_btn-bg) h s calc(l - 10));
text-decoration:none;
}
.footer-main li.footer-link-item:has(> a.footer-link[href*="/vertrag-widerrufen"]) {
list-style: none;
display: inline-flex;
align-items: center;
padding: 0;                 
margin: 0.2rem 0 0.35rem;
border-radius: 4px;
background: hsl(76, 70%, 50%);
margin-left:-17px;
}
.footer-main li.footer-link-item:has(> a.footer-link[href*="/vertrag-widerrufen"]) > a.footer-link {
display: block;
padding: 0.5rem 0.8rem;     
text-decoration: none;
color:black !important;
line-height: 1.2;
}
.footer-main li.footer-link-item:has(> a.footer-link[href*="/vertrag-widerrufen"]):hover,
.footer-main li.footer-link-item:has(> a.footer-link[href*="/vertrag-widerrufen"]):focus-within {
background: hsl(76, 70%, 60%);
}
[endereco-popup].endereco-popup-container {
z-index: 100000 !important;
}
.lenz-platform-clp{
--b-fs:0.8em;
}
.lenz-platform-clp .clp-group-values .d-inline {
display: block !important;
}
.lenz-clp-top .clp-group:last-of-type .d-inline:last-of-type{
display:none !important;
}
.lenz-clp-top .clp-group:last-of-type .d-inline:has(.product--hazard-mark--Low){
font-weight:bold;
}
.lenz-clp-top .clp-group:last-of-type .d-inline:not(:has(.product--hazard-mark--Low)){
font-size:var(--b-fs);	
}
.mtc-clp-text-group-values{
display:flex;
flex-direction:column;
gap:0.5em;
}
.mtc-clp-item p{
margin-bottom:0.5em;
}
.mtc-clp-group-values-header{
font-weight:bold;
}
.product--hazard-mark--Low{
font-size:1em;
}
.mtc-clp-group-values-body{
font-size:var(--b-fs);
line-height:normal;
display:flex;
flex-wrap:wrap;
gap:6px;
}
.mtc-clp-group-values-body .mtc-clp-item{
background:hsl(0 0% 96%);
border:1px solid hsl(76 75% 43%);
padding:4px 4px;
border-radius:5px;
}
.mtc-clp-top .mtc-clp-group-values-footer .mtc-clp-item{
display:none;
}
.mtc-clp-item.mtc-clp-item-biozid-base{
margin-bottom:0.5em;
background-color:#f8ffd7;
font-weight:bold;
}
.mtc-clp-item-biozid-base span{
font-weight:normal;
}