@font-face { font-family: "robotomono"; src: url("https://cdn02.plentymarkets.com/fzraxqjvapo5/frontend/mbraced/robotomono.ttf"); } :root { --color-background: rgb(31, 31, 31); --color-black: #000000; --color-paper: #222426; --color-text: #ffffff; --color-focus: rgba(255, 255, 255, 0.1); --color-primary: #6A151D; --color-a-hover: #dddddd; } #page-body { transition: 0.2s; } body{ background-color: var(--color-background) !important; } #page-body, .backgroundItem { background-color: var(--color-default) !important; } .card{ background-color:var(--color-paper) !important; } .btn-link{ color: var(--color-text) } .container-max{ background-color: var(--color-background) !important; } a:hover { color: var(--color-a-hover) } .contained, .btn-primary { background-color: var(--color-primary); color: var(--color-text); padding: 16px; border: none; font-size: 1.5rem; transition: 0.2s all; border-radius: 40px; position: relative; } @media screen and (max-width:768px) { .contained, .btn-primary { font-size: 1.15rem; } .maala-s3-p2 h2 { font-size: 8vw !important; } } .contained:hover, .btn-primary:hover { border: none; } .contained::before, .btn-primary::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0%; background-color: var(--color-focus); transition: 0.2s all; border-radius: 40px; } .contained:hover::before, .btn-primary:hover::before { width: 100%; left: 0; top: 0; height: 100%; border-radius: 40px; } .outlined, .btn-outline-primary { color: var(--color-text); padding: 8px 16px; border: 1px solid var(--color-text); font-size: 1.5rem; transition: 0.2s all; border-radius: 40px; position: relative; background-color: transparent; align-content: center; } .outlined:hover, .btn-outline-primary:hover { color: var(--color-background); } .outlined::before, .btn-outline-primary::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0%; background-color: rgba(0, 0, 0, 0.1); color: var(--color-text) !important; transition: 0.2s all; border-radius: 40px; } .outlined:hover::before, .btn-outline-primary:hover::before { width: 100%; left: 0; top: 0; height: 100%; border-radius: 40px; } .back-to-top { display: none; } .mp-products { padding: 24px; } .link-btn { left: 49vw; border: solid black 2px; border-radius: 8px; padding: 11px 18px; color: black; text-decoration: none; display: inline-block; font-size: 1rem; transition: 0.2s; } *:not(.fa) { font-family: "robotomono" !important; } .link-btn:hover { transform: scale(1.1); } #navbar-main {  object-fit: cover; background-color: var(--color-background); height: 100%; position: fixed; top: 0px; width: 400px; left: -115%; z-index: 5000; } .provider-select-label { background-color:var(--color-paper) !important; transition: background-color 0.2s ease; display: block;  padding: 0.5em; cursor: pointer; } .method-list-item input[type="radio"]:checked + .provider-select-label { background-color: var(--color-primary) !important; } @media (min-width: 786px) { body, p, div { font-family: "robotomono", serif !important; } body { font-size: 16px; } h1 { font-size: 30px !important; } p, span, a, font, li { font-size: 16px !important; letter-spacing: 0.2px; } .second { font-size: 16px !important; } .topnav div a img { height: 60px; } .manda-header-center { top: 6px; } .B0583A { transform: translateY(-6px); color: white; height: 35px; margin-top: 15px; } .hero-title-start {} .header-div { height: 60px; border-bottom: 1px solid var(--color-primary) ; background-color: var(--color-paper) !important; } } .header-div { height: 60px; border-bottom: 1px solid var(--color-primary); background-color: var(--color-paper); } .sofia-header-center { position: absolute; left: 50vw; transform: translate(-50%, 0); transition: 0.4s; margin-right: 0px; margin-top: 11px; } .topnav div a img { height: 35px; margin-left: 0%; } .controlsList-img { height: 25px; filter:invert(1); } .navelement, .hvr-underline-from-center { color: var(--color-text); } .no-padding { padding: 0 !important; } .about-img>div { padding: unset !important; } @media (max-width: 786px) { .hero-title-start {} .newsletter-header { padding: 3px; font-weight: 700; } .header-div { height: 40px; border-bottom: 1px solid var(--color-primary); } .topnav div a img { margin-top: -8px; } .navbar-burger-icon { height: 30px !important; position: fixed; cursor: pointer; font-size: 30px; z-index: 100000; left: 10px; top: 6px; } } .navbar-hr { display: none !important; } .menu { background-color: transparent; border: none; cursor: pointer; display: flex; padding: 0; } .line { fill: none; stroke: var(--color-text); stroke-width: 6; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); } .line1 { stroke-dasharray: 60 207; stroke-width: 6; } .line2 { stroke-dasharray: 60 60; stroke-width: 6; } .line3 { stroke-dasharray: 60 207; stroke-width: 6; } .opened .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; } .opened .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 6; } .opened .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; }  .cmp-method-list .method-list-item label, .cmp-method-list .method-list-item .label { min-height: 5rem; height: auto; } .social-icon { color: var(--color-primary); margin-right: 10px; } @media screen and (min-width: 786px) { .footer-coll { display: flex; justify-content: start; } .footer-div-1 { padding-left: 50px; } .kundenservice { text-align: left; } } @media screen and (max-width: 786px) { .footer-coll { display: grid; justify-content: center; } .footer-coll>nav { margin-right: 0px !important; } .kundenservice { text-align: center; } } .shipping-method-select .icon { display: none; } .shipping-method-select .content { width: 100%; } #basket-additional-item { background: #dbdbdb; padding: 1rem; } #basket-additional-item img { max-width: 100px; } #list-top-control { display: none; } .mobile-navigation { left: 33% !important; } #guestLink { text-decoration: underline; } .cmp-product-thumb .category-list-view-port { display: none; }  .square-container { padding-bottom: 146%; } .cmp-product-thumb { padding: 0; } .cmp-product-thumb .thumb-content { background-color: var(--color-background); margin: 0; padding: 0; } .thumb-title:after {} article .thumb-title span { display: none; } .cmp-product-thumb .thumb-title { line-height: 1.5em; } .cmp-product-thumb .thumb-title { color: var(--color-text); font-weight: normal; font-size: 16px; text-align: left; min-height: 0; } .cmp-product-thumb .prices { text-align: left; } .cmp-product-thumb .price { color: var(--color-text); font-weight: 300; width: 100%; } .price { margin-top: 10px; } .price>span { font-size: 26px !important; } .cmp-product-thumb .price.hasCrossPrice { width: auto; letter-spacing: -1px; } .cmp-product-thumb .price-view-port { text-align: left; margin-top: 8px; font-size: 16px; } .cmp-product-thumb .crossprice { padding-right: 5px; font-weight: 400 !important; padding-left: 10px !important; } .cmp-product-thumb .thumb-image, .cmp-product-thumb .thumb-content { width: 100%; }  #vue-rendered-breadcrumbs, #twig-rendered-breadcrumbs { position: static; } .breadcrumb { display: none; } .owl-thumb.border-appearance { background-color: var(--color-background) !important; }  .owl-thumbs .owl-thumb { height: auto; width: 100% !important; margin: 0; background-color: var(--color-background) !important; } .owl-item a { background-color: var(--color-background) !important; } .owl-carousel .owl-item img, .single-carousel .owl-item iframe { width: 100%; } .single-carousel .owl-item iframe { height: 600px; } @media (min-width: 600px) { .single-carousel .owl-item iframe { height: 834px; } } @media (min-width: 768px) { .single-carousel .owl-item iframe { height: 612px; } } @media (min-width: 992px) { .single-carousel .owl-item iframe { height: 808px; } } @media (min-width: 1200px) { .single-carousel .owl-item iframe { height: 980px; } } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #thumb-carousel .owl-stage-outer { overflow: visible; margin: 20px auto; } #thumb-carousel { overflow: hidden; } #thumb-carousel .owl-stage { margin: 20px auto; } .single-carousel .owl-item img { height: auto !important; }  .top-bar { position: static; background: var(--color-default); z-index: 1001; } .meta-nav { background: var(--color-background); width: 100%; text-align: center; padding: 5px 0; height: 30px; } .meta-nav a { color: white; } .card { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important; margin: 15px 0; } .card h5 { font-weight: 300 !important; } .card-header { background: transparent; font-weight: normal; } #centered-menu { position: absolute !important; left: 50%; transform: translate(-50%, 0); } .no-gutters { margin-left: 0; margin-right: 0; padding-right: 0; padding-left: 0; } .guest-login-box { padding: 20px; background: #e6e6e6; } .registered-login-box { padding: 20px; } .btn-img-centered { font-weight: 300; position: absolute; font-size: 1.5rem; padding: 6px 40px; text-transform: uppercase; letter-spacing: 2px; bottom: 30px; background: rgba(0, 0, 0, 0.4); color: var(--color-text); border: 0px solid var(--color-background); left: 50%; transform: translate(-50%, 0); } .btn-img-centered:hover, .btn-img-centered:focus, .btn-img-centered:active { background: rgba(0, 0, 0, 0.9); color: var(--color-text); } .carousel-control.right, .carousel-control.left { background-image: none !important; background-repeat: no-repeat !important; filter: none !important; } .carousel-control { width: 3rem !important; color: var(--color-text) !important; text-shadow: none !important; opacity: 1 !important; } .carousel-control .icon-prev, .carousel-control .icon-next { font-size: 60px; } .cookie-bar__btn { background-color: rgb(180, 237, 134) !important; color: #000 !important; } .cookie-bar__wrapper { max-width: 100%; } .mx-auto { margin: 0 auto; } .m-b-6 { margin-bottom: 6rem !important; } .p-t-6 { padding-top: 6rem !important; } .p-b-6 { padding-bottom: 6rem !important; } .text-center { text-align: center; } .img-responsive { max-width: 100%; height: auto; } .top-bar {  background-color: rgba(255, 255, 255, 0); } .wrapper-main .navbar { border-bottom: none; background-color: rgba(255, 255, 255, 0); } .navbar { background-color: rgba(255, 255, 255, 0) !important; } .wrapper-main #page-header.top-bar { background-color: rgba(255, 255, 255, 0); z-index: 1001; } .sticky-element.is-sticky { z-index: 1 !important; } .list-inline-item>a { color: var(--color-text) !important; background-color: rgba(0, 0, 0, 0) !important; } .toggle-basket-preview:hover, .toggle-basket-preview:active, .toggle-basket-preview:focus, .list-inline-item:hover { background-color: var(--color-focus) !important; border-radius: 16px; } .wrapper-main .navbar { background: none; } .hpTextBlock { text-align: center; } .hpTextBlock span { color: #f0be92; text-transform: uppercase; font-size: 18px; } .instruction .hpTextBlock span { font-size: 30px; } .hpTextBlock p { line-height: 3rem; font-size: 18px; font-weight: lighter; } #nachhaltigkeit .hpTextBlock p { line-height: 2rem; font-size: 18px; letter-spacing: normal; text-align: left; } .hpTextBlock hr { width: 50%; } .thumb-content>hr { margin-top: 0.5rem; margin-bottom: 0.5rem; background-color: #707070 !important; } .charity-btn { font-weight: 300; font-size: 16px; padding: 6px 16px; text-transform: uppercase; bottom: 30px; background: rgba(0, 0, 0, 0.4); color: #fff; border: 1px solid #fff; } .videowrapper iframe, .videowrapper object, .videowrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videowrapper { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .footerHeadline { font-weight: bold; } .container-max.login, .container-max.reset-pwd, .container-max.registration { margin-top: 115px !important; } .footer>.container-max { max-width: 880px !important; } #socialIcons a>i:not(.fa-circle) { width: auto; } .copyright.text-center.my-3 { letter-spacing: 1.1px; line-height: 1; } #socialIcons a { font-size: 59px; color: #cbb79f; } .footer { background: var(--color-black) !important; } body, #vue-app, .page-content { background: var(--color-background) !important; color: var(--color-text); } .brand-wrapper { position: static; top: auto; -webkit-transform: none; transform: none; } .navbar-brand { margin: 0; } .wrapper-main #page-body { margin-top: 0; transition: 0.3s; } #mainNavbarCollapsable ul.mainmenu>li>a { color: #837e7d; font-size: 16px; font-weight: lighter; letter-spacing: 2px; text-transform: uppercase; padding-left: 10px; padding-right: 10px; } .top-bar .controls-list>li a, .navbar-toggler {} .focusHeightNavbar .top-bar .controls-list>li { font-size: 18px; } .toggle-basket-preview .badge, .control-wish-list .badge-right { display: none; } .navbar-brand img { max-height: 25px; } .btn-default { color: #b48f6d; background-color: var(--color-background); border-color: #b48f6d; } .btn-default:hover, .btn-default:active, .btn-default:focus { color: #fff; background-color: #000; } .footer .btn-primary { color: #fff; } .footer-features { background: #efefef; padding: 0.5em; } .navbar-toggler { right: 0; } .top-bar .controls-list { width: auto; float: right; } .controls-list { height: 25px; margin-top: -46px; } .crossprice { color: #b48f6d !important; font-size: 16px !important; } .availability { text-align: center; background-color: transparent; font-size: 16px !important; } .v-s-boxes.py-3.images { margin-left: 5px; } .navbar-brand img { max-width: 150px; margin: 10px 0; } .toggle-basket-preview {} .item-line { background-color: #cbb79f; height: 1px; line-height: 1.15 !important; } .cat-head-tab { padding: 10px 10px; cursor: pointer; font-size: 14px; flex-grow: 1; border-left: 1px solid #cbb79f; max-width: 33%; } .cat-head-div { display: flex; background-color: var(--color-black); justify-content: space-around; position: fixed; top: 66px; left: 0px; border: 1px solid #cbb79f; width: 100%; border-left: unset; border-right: unset; z-index: 999; flex-grow: 0; text-align: center; } .c_col_img { width: 24px !important; margin: 5px 10px 0 0px; display: inline-block !important; } body.loaded { filter: unset !important; } .selectsort { display: none; } .selectsort.active { display: block; } .scale-in { transform: scale(0); transition: 0.6s transform; } @media screen and (max-width: 1000px) { .main-logo { max-width: 70vw; width: 70vw; } .mp-above-space { margin-top: 67px; } .category-list-1-2 { margin-top: 100px; } } @media screen and (min-width: 1000px) { .main-logo { max-width: 70vw; width: 56vw; } .mp-above-space { margin-top: 87px; } .category-list-1-2 { margin-top: 120px; } .backgroundItem>div>div>.owl-dots { bottom: -18px; } } .padding-2vw { padding: 30px; } .scale-in.active { transform: scale(1); } @media (min-width: 767px) { .cat-head-div { top: 86px; } .category-div {} } .colorrechteck { position: relative; } .filter-div.active { display: block; } .sortieren-div { position: fixed; overflow: hidden; z-index: 1080; background-color: white; top: 131px !important; width: 100vw; transition: 0.2s; max-height: 0; background-color: rgba(0, 0, 0, 0); } .sortieren-div.active { max-height: 900px; box-shadow: unset; box-shadow: 0px 0px 2px #666; background-color: rgba(255, 255, 255, 255); max-width: 300px !important; left: 51.5vw !important; transform: translateX(-50%) !important; } .panel_clap>div>div>table, .single-item-texts>div>div>table, .panel_clap>div>table { width: 100% !important; } @media (max-width: 767px) { .no-gutters-mobile { padding: 0; margin: 0; } .sortieren-div { top: 108px !important; } .owl-theme .owl-dots .owl-dot span { width: 16px !important; height: 16px !important; } .backgroundItem>div>div>div>div>div>.owl-dots { position: absolute; bottom: 23px; } .single-item-h1>div>h2>span { font-size: 18px !important; font-weight: 600; letter-spacing: 0; } .name-replace { font-size: 18px !important; } .price { margin-top: 4px; } .single-item-h1>div>h2>sup { font-size: 18px !important; font-weight: 600; letter-spacing: 0; } .about-text { font-size: 16px !important; position: relative !important; } .price>span { font-size: 18px !important; } .single-item-h1>div { margin-top: -37px; } .filter-div { position: fixed; overflow: hidden; z-index: 1080; background-color: white; top: 107px; width: 100vw; transition: 0.2s; max-height: 0; } .filter-div.active { max-height: 900px; box-shadow: unset; box-shadow: 0px 0px 2px #666; } .c_col_img { width: 16px !important; } .list-inline-item { padding: 1px; } .top-bar .controls-list>li a, .navbar-toggler { padding: 0px !important; } .header-logo { height: 21px !important; margin-top: -6px !important; } .navbar-hr { display: none; } .about-us-text-2, .about-us-text-2>div, .about-us-text-2>div>div, .about-us-text-2>div>div>div { height: 100%; position: relative; } } @media (min-width: 375px) { .toggle-basket-preview .badge, .control-wish-list .badge-right { display: inline-block; } } .footer-line { border-bottom: 1px solid #cbb79f !important; } @media (min-width: 768px) {} @media (min-width: 768px) { .about-us-text-2, .about-us-text-2>div, .about-us-text-2>div>div, .about-us-text-2>div>div>div { height: 100%; } .desktop-space { padding-left: 9vw; padding-right: 9vw; } .name-replace { font-size: 20px !important; } .single-item-h1>div>h2>span { font-size: 34px !important; } .no-touch #mainNavbarCollapsable ul.mainmenu>li:hover, .touch #mainNavbarCollapsable ul.mainmenu>li.hover { background: transparent; } #mainNavbarCollapsable ul.mainmenu>li>a:after {} #mainNavbarCollapsable ul.mainmenu>li.ddown>a:after { display: none; } #mainNavbarCollapsable ul.mainmenu>li>ul>li { color: #f1f1f1; } .no-touch #mainNavbarCollapsable ul.mainmenu>li>ul>li:hover, .touch #mainNavbarCollapsable ul.mainmenu>li>ul>li.hover { background: var(--color-text); color: #fff; text-decoration: none; cursor: pointer; } .no-touch #mainNavbarCollapsable ul.mainmenu>li:hover>ul, .touch #mainNavbarCollapsable ul.mainmenu>li.hover>ul { top: 56px; background: var(--color-background); border: 1px solid #583838; } #mainNavbarCollapsable ul.mainmenu>li:hover a:after, #mainNavbarCollapsable ul.mainmenu>li>a.active:after { width: 30%; } .navbar-brand img { max-width: 100%; margin: 0; } .toggle-basket-preview { padding-left: 0.75rem !important; } } .top-bar .controls-list .fa { font-size: 21px !important; transform: translateY(4px); color: #cbb79f; }  @media (min-width: 768px) { .col-md-7-old { float: left; width: 58.33333%; } .col-md-5-old { float: left; width: 41.66667%; } .col-md-5-old, .col-md-7-old { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .row-old { margin-left: -15px; margin-right: -15px; } } .btn-img-centered { font-family: robotomono; } .hpTextBlock p { font-family: "robotomono", sans-serif; font-weight: 300; letter-spacing: 0.075em; } .footerHeadline { font-family: "robotomono", sans-serif; font-weight: 500; letter-spacing: 1.6px; text-transform: uppercase; } .footer-link { letter-spacing: 1.8px; } .footer-link a, .copyright, .kundenservice, .copyright a { color: var(--color-text); } .social-div { margin-left: auto; } @media (max-width: 767px) { .footer-link, .footerHeadline, .social-icon { text-align: center; width: 100%; display: block; font-size: 18px !important; } .social-icon::before { font-size: 40px !important; } #socialIcons { text-align: center; } .social-div { margin-left: unset !important; } } @media screen and (min-width: 767px) { #socialIcons { margin-left: auto; } } .social-a { font-size: 40px !important; } #mainNavbarCollapsable ul.mainmenu>li>a { font-family: "robotomono", sans-serif; font-weight: 300; letter-spacing: 0.075em; } .hpTextBlock span { font-family: "robotomono", serif; font-weight: 400; letter-spacing: 0.25em; } .dark-hover-title:after { width: 30%; left: 50%; transform: translate(-50%, 0); transition: width 0.3s ease, left 0.3s ease; overflow: hidden; display: block; position: absolute; height: 1px; background: var(--color-text); content: "."; } .zoom { transition: transform 0.2s;  } .zoom:hover { transform: scale(1.2);  } .dark-theme { -webkit-filter: brightness(65%); filter: brightness(65%); } h1.category-title { display: none; } .instruction-step { min-height: 350px; } .btn-img-centered-small { font-weight: 300; position: absolute; font-size: 18px; padding: 6px 16px; text-transform: uppercase; bottom: 30px; background: rgba(0, 0, 0, 0.4); color: #fff; border: 1px solid #fff; left: 50%; transform: translate(-50%, 0); } .teaser-box { font-weight: 300; position: absolute; padding: 6px 16px; text-transform: uppercase; top: 100px; text-align: center; left: 50%; transform: translate(-50%, 0); width: 100%; font-family: "robotomono", sans-serif; } .teaser-header { width: 100%; background-color: #b8735f; font-size: 18px; letter-spacing: 0.2em; color: #fff; } .subnav { color: #6e6b6c; } #navbarMobile { transition: 0.4s; } @media screen and (min-width: 701px) { .topnav div a img { height: 29px; margin-top: 6px !important; } #navbarMobile { display: none; } .icon { display: none; } .burger-icon { position: absolute; left: 30px; top: 30px; } .burger-icon { display: inline-block; position: absolute; left: 30px; top: 30px; text-align: left; margin-top: -30px; font-size: 30px !important; } .header-scroll-active { padding: 30px 10px !important; background-color: #cbb79f; } .header-scroll-deactive { padding: 30px 10px !important; background-color: #cbb79f; } .dropdown-nav-element:hover { text-shadow: 0px 0px 0.5px var(--color-text); -webkit-appearance: none; -webkit-text-shadow: 0px 0px 0.5px var(--color-text); } } .btn-secondary { background-color: black !important; border-color: black !important; color: white; margin-bottom: 30px; } #controlsList { margin: 0; position: absolute; -ms-transform: translateY(-57%); transform: translateY(-57%); right: 1%; } @media screen and (max-width: 700px) { .manda-header-center { position: absolute; left: 50%; transform: translate(-50%, -50%); transition: 0.4s; margin-right: 0px; } #controlsList { top: 18px; } .list-inline-item.control-search { left: 40px; position: absolute; top: 11px; } } @media screen and (min-width: 700px) { .list-inline-item.control-search { left: 58px; position: absolute; top: 18px; } #controlsList { top: 23px; } .manda-header-center { position: absolute; left: 50%; transform: translate(-50%, 0); transition: 0.4s; margin-right: 0px; } } @media screen and (max-width: 700px) { .topnav div a img { margin-top: -5px; } .topnav.responsive { position: relative; } .icon { position: fixed; right: 5px; top: 5px; } .topnav.responsive div a { float: none; display: block; text-align: left; } #navbarDesktop { display: none; } .icon { display: block; position: fixed; right: 5px; top: 5px; } .topnav div a.icon { float: right; display: block; } .burger-menu { display: block; } .header-scroll-active { padding: 30px 10px !important; background-color: #cbb79f; } .header-scroll-deactive { padding: 30px 10px !important; background-color: #cbb79f; } } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-nav-element { width: 100%; text-align: center; text-decoration: uppercase; color: #626263; transition: 0.4s; } .teaser-sub { width: 100%; font-size: 18px; letter-spacing: 0.3em; background-color: #b8735f; color: #fff; margin-top: 20px; } .teaser-button .btn { font-size: 18px; padding: 10px 30px; } @media (min-width: 576px) { .teaser-box { top: 70px; } } @media (min-width: 768px) { .teaser-box { top: 112px; } .teaser-header { font-size: 2rem; } .teaser-sub { font-size: 2rem; margin-top: 20px; } } @media (min-width: 870px) { .teaser-box { top: 152px; } } @media (min-width: 992px) { .teaser-header { font-size: 2.5rem; } .teaser-sub { font-size: 2.5rem; margin-top: 20px; } } @media (min-width: 1200px) { .teaser-box { top: 160px; } #mainNavbarCollapsable ul.mainmenu>li>a { padding-left: 25px; padding-right: 25px; } } @media (min-width: 2000px) { .teaser-box { top: 330px; } } .centered-menu { position: absolute !important; left: 50%; transform: translate(-50%, 0); } .img-title-centered { font-family: "robotomono", serif; font-weight: 400; letter-spacing: 0.05em; position: absolute; bottom: 60px; text-transform: uppercase; left: 50%; transform: translate(-50%, 0); font-size: 18px; color: #fff; } @media (min-width: 992px) { .dark-hover-title { font-size: 2rem; } } .charity-org { font-family: "robotomono", serif; letter-spacing: 0.05em; font-weight: 400; }  .dark-hover-title { text-align: center; font-family: "robotomono", serif; letter-spacing: 0.05em; font-weight: 400; position: absolute; top: 0; padding-top: 140px; bottom: 0; margin: 0 15px; left: 0; line-height: 3rem; right: 0; font-size: 2rem; background: rgba(0, 0, 0, 0.5); color: #fff; visibility: hidden; opacity: 0; } .img-wrap { display: block; overflow: hidden; } .dark-hover-title:after { background: #fff; } .img-wrap:hover .dark-hover-title { visibility: visible; opacity: 1; }  @media (min-width: 992px) { .no-touch #mainNavbarCollapsable ul.mainmenu>li:hover, .touch #mainNavbarCollapsable ul.mainmenu>li.hover { background: transparent; } #mainNavbarCollapsable ul.mainmenu>li>a:after {} #mainNavbarCollapsable ul.mainmenu>li:hover a:after, #mainNavbarCollapsable ul.mainmenu>li>a.active:after { width: 30%; } } #ppButton { margin-top: 1rem; text-align: center; } .page-singleitem #ppButton { margin-right: 1rem; text-align: right; margin-bottom: 1rem; } .top-bar .controls-list>li.absolute-language a { padding: 0 !important; } .absolute-language { position: absolute; top: -23px; right: 1rem; z-index: 100; display: none; } .absolute-language a:hover { background-color: transparent !important; }  .hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; }    @keyframes animatedBackground { from { transform: scale(1.25); } to { transform: scale(1); } } .hero-image-new { position: relative; }  .hero-text { text-align: center; position: absolute; top: 80%; left: 50%; transform: translate(-50%, -50%); color: white; letter-spacing: 5px; font-family: "robotomono", sans-serif; } .roboto { font-family: "robotomono", sans-serif; } .roboto-spacing { font-family: "robotomono", sans-serif; letter-spacing: 2px; } .images_main { box-shadow: -0px -0px 2px black; transition: 0.1s; } .images_main:hover { box-shadow: 0px 0px 5px black; } @media (max-width: 768px) { .margin-top-mobile { margin-top: 100px; } } @media (min-width: 769px) { .margin-top-desktop-100 { margin-top: 100px; } .margin-top-desktop-50 { margin-top: 100px; } .margin-top-desktop-25 { margin-top: 100px; } } .mainpage-text { font-size: 18px; }  h1 { font-size: 30px; text-align: center; color: #cbb79f; font-weight: 300; letter-spacing: 7px; } .borders-button { border: 2px solid #f2f0e4; padding: 10px; }  #container { width: 100%; margin: 0 auto; padding: 50px 0 150px 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }  .mainpage-button { position: absolute !important; bottom: 20px; left: 50%; transform: translateX(-50%); } .modern-button { display: inline-flex; height: 40px; width: 150px; color: #bfc0c0; text-transform: uppercase; text-decoration: none; font-size: 18px; letter-spacing: 1.5px; align-items: center; justify-content: center; overflow: hidden; background-color: #000000; } .modern-button-margin { margin: 20px 20px 20px 20px; } .modern-button a { color: #ffffff !important; text-decoration: none; letter-spacing: 1px; }  #arrow-hover { width: 15px; height: 10px; position: absolute; transform: translateX(60px); opacity: 0; -webkit-transition: all 0.25s cubic-bezier(0.14, 0.59, 1, 1.01); transition: all 0.15s cubic-bezier(0.14, 0.59, 1, 1.01); margin: 0; padding: 0 5px; } a#button-1:hover img { width: 15px; opacity: 1; transform: translateX(50px); }  .button-2 { position: relative; overflow: hidden; cursor: pointer; } .centered-content { transform: translate(-50%, -50%); left: 50%; } .button-2 a { position: relative; transition: all 0.35s ease-Out; } .slide { width: 100%; height: 100%; left: -100%; background: #2d3142; position: absolute; transition: all 0.35s ease-Out; bottom: 0; } .button-2:hover .slide { left: 0; } .button-2:hover a { color: var(--color-primary); } @media screen and (min-width: 1000px) { h1 { font-size: 2.2em; } #container { width: 50%; } } .hero { align-items: stretch; display: flex; flex-direction: column; justify-content: space-between; } .hero-body { flex-grow: 1; flex-shrink: 0; padding: 3rem 1.5rem; }  .dropdown-bulma { display: block; position: relative } .dropdown-bulma.is-active .dropdown-menu-bulma, .dropdown-bulma.is-hoverable:hover .dropdown-menu-bulma { display: block; } .dropdown-bulma.is-right .dropdown-menu-bulma { left: auto; right: 0; } .dropdown-bulma.is-up .dropdown-menu-bulma { bottom: 100%; padding-bottom: 4px; padding-top: initial; top: auto; } .dropdown-menu-bulma { left: 0; min-width: 12rem; padding-top: 4px; position: relative; top: 100%; z-index: 20; display: flex; flex-direction: column; gap: 6px; } .dropdown-content-bulma { background-color: var(--color-background); border-radius: 4px; box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); padding-bottom: 0.5rem; padding-top: 0.5rem; } .dropdown-item-bulma { color: var(--color-text); font-size: 18px; line-height: 1.5; padding: 0.375rem 1rem; position: relative; display: flex; flex-direction: column; gap: 6px; } a.dropdown-item, button.dropdown-item-bulma { padding-right: 3rem; text-align: inherit; white-space: nowrap; width: 100%; } a.dropdown-item-bulma:hover, button.dropdown-item-bulma:hover { background-color: var(--color-paper); color: var(--color-primary); } a.dropdown-item-bulma.is-active, button.dropdown-item-bulma.is-active { background-color: #3273dc; color: #fff; } .dropdown-divider-bulma { background-color: #ededed; border: none; display: block; height: 1px; margin: 0.5rem 0; } .widget-primary .btn-appearance { background-color: #000 !important; border: unset !important; } .bg-image-variation>img { width: 31px; } .inline-block { display: inline-block; } .widget-primary.btn-appearance:hover { background-color: #808080 !important; border: unset !important; } .bg-lightgrey { background-color: var(--color-background); color: var(--color-text); padding: 8px 0px 8px 0px; margin: 2px 4px 2px 4px; font-size: 18px; cursor: pointer; } .bg-lightgrey.active { background-color: #000; color: var(--color-background) !important; } .basket-button-override { padding: 1rem 5rem; letter-spacing: 1px; text-transform: uppercase; } @media screen and (min-width: 748px) { .item-images-margin { z-index: -1; margin-top: 140px !important; } } .v-s-boxes.py-3>.bg-lightgrey { color: var(--color-text) !important; border: 1px solid black; padding: 7px 20px; transition: 0.2s; } .v-s-boxes.py-3>.bg-lightgrey.active { color: var(--color-text) !important; border: 1px solid var(--color-primary); padding: 7px 20px; background-color: var(--color-primary); } .single-item-h1 { letter-spacing: 1.5px; font-weight: 400 !important; font-family: "robotomono"; } .single-item-instock { color: #333333; } .single-item-messages-color { line-height: 0.8; margin-bottom: 6px; letter-spacing: 0.3px; color: #333333 !important; } .single-item-messages, .single-item-instock>span>span, .accordion_clap { padding: 0; line-height: 1.2; margin-top: 6px; color: var(--color-text); letter-spacing: 1.4; } .owl-dots { background-color: rgba(0, 0, 0, 0); } .owl-carousel .owl-single-item-control { font-size: 18px !important; } .accordion_clap { background-color: rgba(0, 0, 0, 0); color: var(--color-text); cursor: pointer; padding: 18px; border: none; text-align: left; outline: none; font-size: 18px; transition: 0.4s; width: 50%; margin-left: -17px; } @media screen and (min-width: 748px) { .accordion_clap { width: 100%; } .above-space { margin-top: 125px !important; } } .accordion-hr { border-top: solid 1px #cbb79f !important; } @media screen and (max-width: 747px) { .accordion_clap { width: 100%; } .above-space { margin-top: 66px !important; } } .invalid { text-decoration: line-through; color: #777777; } .accordion_clap:after { content: "\002B"; color: var(--color-text); font-weight: bold; float: right; margin-left: 5px; } .accordeon_active:after { content: "\2212"; } .single-item-texts { line-height: 0.7; } .panel_clap { padding: 0 18px; display: none; background-color: var(--color-background); overflow: scroll; transition: max-height 0.2s ease-out; } .hidden-item { display: none; } .mobile-smaller { margin-top: 20px; } .dark-text a { color: #6e6b6c; } .light-text a { color: #c2c2c2; } .color-defines { width: 30px; height: 30px; float: left; border-radius: 50px; box-shadow: 0px 0px 2px black; margin-right: 10px; list-style-type: none; color: rgba(0, 0, 0, 0); } .color-defines:hover { color: rgba(0, 0, 0, 0); } .bg-image-variation { cursor: pointer; margin-right: 10px; transition: 0.2s; } .bg-image-variation.active { box-shadow: 0px 0px 3px black; scale: 1.1; transform: scale(1.1); border-radius: 30px; } .vertical-center { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .grey-background { background-color: #f2f0e4; } .mainpage-info-image { width: 90%; margin-left: 60px; transition: 0.4s; } .mainpage-info-header { position: absolute; left: 100%; top: 1%; font-size: 60px; transform: translate(-40%, 100%); letter-spacing: 15px; transition: 0.4s; } @media screen and (min-width: 748px) { .mainpage-info { background-color: #eae2d9; width: 100%; height: 15%; transition: 0.4s; min-height: 500px; } .margin-column-main { margin-top: 220px !important; } .mainpage-info-image { width: 90%; max-width: 800px; transform: translate(50px, 50px); margin-left: 60px; } .display-mobile { display: none !important; } .display-desktop { display: block; } } @media screen and (max-width: 748px) { .margin-column-main { margin-top: 20px; max-width: 100%; text-align: center; } .burger-menu a { color: black !important; position: fixed !important; right: 10px !important; top: 25px !important; font-size: 18px !important; z-index: 10000 !important; } .mainpage-info { background-color: #eae2d9; width: 100%; min-height: 350px; transition: 0.4s; height: 10% !important; } .mainpage-info-image { transform: translate(0px, 0px); margin-left: 0px; width: 100%; max-height: 200px; } .mainpage-info-header { position: absolute; left: 50%; top: 10%; font-size: 45px; transform: translate(-50%, 120%); letter-spacing: 15px; transition: 0.4s; } .display-mobile { display: block; } .display-desktop { display: none !important; } } .widget-availability>span>span { font-weight: 500; } .hearth-icon { font-weight: 900 !important; font-size: 18px !important; color: black !important; } @media screen and (min-width: 748px) { .about-us-info { background-color: #eae2d9; width: 100%; height: 15%; transition: 0.4s; min-height: 500px; } } @media screen and (max-width: 748px) { .about-us-info { background-color: #eae2d9; margin-top: 20px; width: 100%; max-width: 100%; text-align: center; } } .background-wave-1 { background-image: url("https://cdn02.plentymarkets.com/fzraxqjvapo5/frontend/sdelmar/neu_v5/ueberuns/sofia_wave_1.png");  background-color: #eae2d9;  height: 400px;  background-position: center;  background-repeat: no-repeat;  background-size: cover;  } .background-wave-2 { background-image: url("https://cdn02.plentymarkets.com/fzraxqjvapo5/frontend/sdelmar/neu_v5/ueberuns/sofia_wave_2.png");  background-color: #eae2d9;  height: 400px;  background-position: center;  background-repeat: no-repeat;  background-size: cover;  } @keyframes animateNavBarStart { from { left: -115%; } to { left: 0px; } } @keyframes animateNavBarEnd { from { left: 0px; } to { left: -115%; } } @keyframes animateNavBarBackgroundIn { from { background-color: rgba(0, 0, 0, 0); } to { background-color: rgba(0, 0, 0, 0.5); } } @keyframes animateNavBarBackgroundOut { from { background-color: rgba(0, 0, 0, 0.5); } to { background-color: rgba(0, 0, 0, 0); } } @keyframes animateNavItemsIn { from { margin-left: -15%; opacity: 0; } to { margin-left: 30px; opacity: 1; } } @keyframes animateNavItemsOut { from { margin-left: 30px; opacity: 1; } to { margin-left: -115%; opacity: 0; } } .navbar-main-close { height: 30px; position: absolute; left: 30px; top: 7px; color: var(--color-background); transform: scaleY(0.8); cursor: pointer; } @media screen and (max-width: 748px) { .navbar-burger-menu { position: fixed; cursor: pointer; z-index: 100000; font-size: 30px; left: 10px; top: 34px; } } @media screen and (min-width: 748px) { .navbar-burger-menu { position: fixed; left: 20px; z-index: 100000; cursor: pointer; font-size: 30px; top: 43px; } } .navbar-main-open { height: 30px; position: fixed; left: 20px; top: 20px; color: black; cursor: pointer; } .navbar-burger-menu-open { cursor: pointer; } #navbar-background { background-color: rgba(0, 0, 0, 0); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: none; transition: 0.4s; } .navobject, .subnavobject { font-size: 18px; margin-top: 20px; cursor: pointer; width: 80%; color: black; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; } .subnavobject { margin-left: 40px; float: none; } .navelement { font-size: 18px !important; } #header-navigation-bar { margin-top: 100px; margin-left: 30px; color: var(--color-background); width: 100%; display: flex; flex-direction: column; gap: 16px; } .arrow { width: 1.25rem; height: 1.25rem; display: inline-block; position: absolute; margin: 0 1rem; transform: translate(0, 3px); right: 40px; } .arrow span { top: 0.5rem; position: absolute; width: 0.75rem; height: 0.1rem; background-color: #efefef; display: inline-block; transition: all 0.2s ease; } .arrow span:first-of-type { left: 0; transform: rotate(45deg); } .arrow span:last-of-type { right: 0; transform: rotate(-45deg); } .arrow.active span:first-of-type { transform: rotate(-45deg); } .arrow.active span:last-of-type { transform: rotate(45deg); } .margin-sides { padding-left: 28px; padding-right: 28px; } .margin-top-100 { margin-top: 25%; } .mainpage-images-rounded { border-radius: 100%; max-width: 100px !important; } .mainpage-list-container>p { font-size: 18px; text-align: center; } .mainpage-list-container { list-style: none; margin: 0; padding: 0; } .mainpage-list-flex { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around; } .mainpage-images-text { text-align: center; margin-top: 5px; max-width: 100px; } .button-main-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -120%); } .button-main-link_wrapper { position: relative; } .button-main-a { display: block; width: 250px; height: 50px; line-height: 50px; font-weight: bold; text-decoration: none; background: #fff; text-align: center; color: #000; text-transform: uppercase; letter-spacing: 1px; border: 3px solid #000; transition: all 0.35s; } .button-main-icon { width: 50px; height: 50px; border: 3px solid transparent; position: absolute; transform: rotate(45deg); right: 0; top: 0; z-index: -1; transition: all 0.35s; } .button-main-icon svg { width: 30px; position: absolute; top: calc(50% - 15px); left: calc(50% - 15px); transform: rotate(-45deg); fill: #2d3142; transition: all 0.35s; } .button-main-a:hover { width: 200px; border: 3px solid #2d3142; background: transparent; color: #2d3142; } .button-main-a:hover+.icon { border: 3px solid #2d3142; right: -25%; } .production-mainpage { background-color: #e6e7e0; padding: 50px; } .filter-badge { display: none; } .groesse-div, .fac-color-div { display: block !important; margin: 16px 37px !important; border-bottom: unset !important; } .groesse-div>.form-check-wrapper, .fac-color-div>.form-check-wrapper { display: inline-block; border: solid 1px black; margin: 2px; } .groesse-div>div>div>.form-check-label, .fac-color-div>div>div>.form-check-label { padding: 7px 17px !important; } .groesse-div>.title, .fac-color-div>.title { padding-left: 2px !important; } .shop-category-div { margin-left: -16px; } .shop-category-div>ul>li { text-decoration: none; margin-top: 5px; list-style-type: none; transition: 0.2s; } .shop-category-div>ul>li:hover { transform: scale(1.1); } .form-check-wrapper { transition: 0.2s; } .form-check-wrapper:hover { transition: scale(1.05); } .about-img-div { transition: 0.2s transform; cursor: pointer; position: relative; } .about-img { max-width: 100%; width: 100%; } .faq-div h5 { font-size: 20px !important; } .faq-div p, .faq-div li, .faq-div span, .faq-div a { font-size: 20px !important; font-weight: 500 !important; } .card-header { border-bottom: 1px solid #cbb79f !important; } .widget-accordion .card { border-bottom: 1px solid #cbb79f !important; } .panel_clap table * { color: var(--color-text) !important; background-color:var(--color-paper) !important; } .panel_clap {  scrollbar-width: thin;  scrollbar-color: #555 #333;   overflow: auto; }  .panel_clap::-webkit-scrollbar { width: 6px; height: 6px; } .panel_clap::-webkit-scrollbar-track { background: #333;  } .panel_clap::-webkit-scrollbar-thumb { background-color: #555;  border-radius: 3px;  border: 1px solid #333;  }  .panel_clap::-webkit-scrollbar-thumb:hover { background-color: #666; } .about-img-text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 6vw !important; color: var(--color-text); white-space: nowrap; } @media screen and (max-width: 767px) { .about-img-text { font-size: 9vw !important; } } .about-img-div-main { transition: 0.2s transform; cursor: pointer; position: relative; } .about-img-div-main:hover { transform: scale(1.1); } .about-img-main { max-width: 100%; width: 100%; } .about-img-text-main { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 5vw !important; color: var(--color-text); text-align: center; } @media screen and (max-width: 767px) { .about-img-text-main { font-size: 18vw !important; } .mp-h-1 { font-size: 21px !important; } .crossprice { margin-bottom: 18px; } } .about-img-collumn { max-width: 100%; width: 100%; } .about-text-collumn-h { margin-top: 10px; font-size: 25px !important; font-weight: 600; } .about-text-collumn-p { font-size: 18px !important; } .mp-h-1 { font-size: 32px !important; margin-top: 30px; text-align: center; } .mp-p-1 { font-size: 18px !important; text-align: center; } .mp-a-1 { font-size: 18px !important; text-align: center; display: block; text-decoration: underline !important; margin-bottom: 50px; } .mp-shopto-div { display: flex; justify-content: center; } .mp-shopto-div { display: grid; } .mp-shopto-p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: var(--color-text); font-size: 60px !important; display: inline-block; text-align: center; line-height: 0.5; } .mp-shopto-p>span { font-size: 18px !important; text-decoration: underline; } .mp-shopto-img { width: 100%; } @media screen and (min-width: 767px) { .mp-nachhaltig-div { display: flex; justify-content: center; } .erfahre-mehr { font-size: 80px !important; } .mp-shopto-s1 { margin-left: 30px; } .mp-shopto-s2 { margin-right: 30px; } .mp-nachhaltig-h1 { font-size: 60px !important; } .category-item-13 { padding-top: 26px; } } @media screen and (max-width: 767px) { .mp-nachhaltig-div { display: grid; } .mp-nachhaltig-h1 { font-size: 35px !important; width: 87vw; } .widget-item-grid>.widget-inner>li, .widget-item-grid .product-list>.col-6:nth-child(odd), .widget-item-grid .product-list>.col-6:nth-child(even) { padding-right: 4px !important; padding-left: 4px !important; } .owl-theme .owl-dots { position: relative; } .item-list-swipe>div>div>div { padding-left: 0 !important; padding-right: 0 !important; } .item-list-swipe>div>div>div>div>div { overflow: unset !important; }  .list-item-carousel>.owl-dots {} } .no-overflow { overflow: hidden; } .mp-nachhaltig-p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: var(--color-text); font-size: 60px !important; display: inline-block; text-align: center; line-height: 0.9; } .mp-nachhaltig-p>span { font-size: 30px !important; text-decoration: underline; } .mp-nachhaltig-img { width: 100%; } .mp-nachhaltig-h1 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; color: var(--color-text); line-height: 1; } .mp-nachhaltig-p1 { border: 1px solid var(--color-text); font-size: 22px; padding: 20px 40px; max-width: 200px; border-radius: 5px; } .mp-nachhaltig-p1:hover { transform: scale(1.1); } @media screen and (max-width: 1000px) { .mp-main-img-1 { margin-top: 40px; } .list-inline-item.control-search.search-desktop { display: none; } } @media screen and (min-width: 1000px) { .mp-main-img-1 { margin-top: 40px; } .list-inline-item.control-search.search-desktop { position: unset !important; color: black !important; } .search-mobile { display: none; } } .scrollanimim.fromleft { opacity: 0; transition: all 0.7s; transform: translate(-10vw, 0) !important; } .scrollanimim.fromleft.visible { opacity: 1; left: 0vw; transform: translate(0, 0) !important; } .scrollanimim.fromright { opacity: 0; transform: translate(10vw, 0) !important; transition: all 0.7s; } .scrollanimim.fromright.visible { opacity: 1 !important; transform: translate(0, 0) !important; } .scrollanimim.popup { transform: scale(0); opacity: 0; transition: 0.7s; } .scrollanimim.popup.visible { transform: scale(1); transition: 0.7s; opacity: 1; } .scrollanimim.place { transition: 0.5s; } .mp-nachhaltig-h1 { margin-top: 30px; } .mp-nachhaltig-h1.visible { margin-top: 0; } hr { border-top: unset !important; } @keyframes moveInRight { 0% { left: 100vw; } 100% { left: -350px; } } .top-animated { white-space: nowrap; position: absolute; animation: moveInRight 14s; animation-fill-mode: forwards; animation-timing-function: linear; animation-iteration-count: infinite; } .top-animated { color: var(--color-text); } .color-gray-700 * { color: var(--color-text) !important; } .mp-hero { position: relative; width: 100%; height: calc(100vh - 70px); overflow: hidden; } @media screen and (max-width: 768px) { .mp-hero { height: unset; min-height: 56vw; } } .mp-hero img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%) scale(1); transition: opacity 2s ease, transform 2s ease; opacity: 1; z-index: 1; } .mp-hero img.next { opacity: 0; transform: translate(-50%, -50%) scale(1.2); z-index: 2; } .mp-hero img.next.active { opacity: 1; transform: translate(-50%, -50%) scale(1); } .mp-hero-text { position: absolute; z-index: 3; top: 58%; left: 50%; transform: translate(-50%, -50%); color: white; text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, 0.7); } .mp-hero-text h1 { font-size: 3rem; } .category-div { display: flex; max-width: 100vw; justify-content: space-between; gap: 16px; margin: 16px; } @media screen and (max-width:767px) { .category-div { flex-direction: column; } } .category-item { display: flex; max-width: 100%; } .category-item img { display: flex; max-width: 100%; border-radius: 16px; } .shimmer { color: grey; display: inline-block; mask: linear-gradient(-60deg, #fff 30%, #fffa, #fff 70%) right/350% 100%; animation: shimmer 3s infinite; font-size: 50px; max-width: 200px; } @keyframes shimmer { 100% { mask-position: left } } .basket-preview { background-color: var(--color-background) !important; color: var(--color-text); } .basket-preview-content .totals { background-color: var(--color-paper); } .hero-container { max-width: calc(100vw - 40px) !important; overflow: hidden; transform: translateX(20px); border-radius: var(--border-radius) } @media (max-width: 767px) { .hero-container { margin-right: 0 !important; margin-left: 0 !important; } .hero-container .widget-inner { padding-right: 0 !important; padding-left: 0 !important; } }  .swipe-container.widget-item-list .row::-webkit-scrollbar { display: none; } @media screen and (max-width: 768px) { .swipe-container.widget-item-list .row { flex-wrap: nowrap; overflow-x: auto; } .swipe-container .owl-stage { touch-action: pan-y manipulation; pointer-events: none; } .swipe-container .col-12 { max-width: 80%; } .hero-container { max-width: calc(100vw - 20px) !important; transform: translateX(10px); } .swipe-container.widget-item-list .row { flex-wrap: nowrap; overflow-x: auto; } .swipe-container .owl-stage { touch-action: pan-y manipulation; pointer-events: none; } .swipe-container .col-12 { max-width: 80%; } .hero-container.overflow-visible { overflow: visible; } .overflow-visible .list-item-carousel>.owl-stage-outer { overflow-x: scroll; overflow-y: hidden; } .overflow-visible .list-item-carousel .owl-stage { transform: translate3d(0px, 0px, 0px) !important; } .overflow-visible .list-item-carousel .owl-item { max-width: 311px; } .overflow-visible .owl-theme .owl-nav [class*=owl-] { opacity: 0.15; } .overflow-visible .list-item-carousel>.owl-stage-outer { overflow-x: scroll; overflow-y: hidden; } .overflow-visible .list-item-carousel .owl-stage { transform: translate3d(0px, 0px, 0px) !important; } .overflow-visible .list-item-carousel .owl-item { max-width: 311px; } } .accordion_clap:nth-of-type(2), .accordion-hr:nth-of-type(2) { display:none; } .cookie-bar.overlay{ color:var(--color--text) !important; } .bg-white{ background-color:var(--color-background); }