@font-face {
     font-family: "Poppins";
     font-style: normal;
     font-weight: 400;
     src: url("https://cdn02.plentymarkets.com/fzraxqjvapo5/frontend/manda/fonts/Poppins-Regular.ttf");
 }

 @font-face {
     font-family: "Poppins";
     font-style: normal;
     font-weight: 700;
     src: url("https://cdn02.plentymarkets.com/fzraxqjvapo5/frontend/manda/fonts/Poppins-Bold.ttf");
 }

 @font-face {
     font-family: "allura";
     font-style: normal;
     src: url("../documents/fonts/allura.ttf");
 }

 :root {
     --color-background: #ffffff;
     --color-paper: #EDDFD1;
     --color-focus: #ffffff33;
     --color-primary: #C67168;
     --color-text: #000000;
     --border-radius: 16px;
 }

 html {
     scroll-behavior: smooth;
 }

 .mini-font {
     font-family: allura !important;
     font-size: 16px !important;
     transform: translateY(-2px) !important;
 }

 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 div {
     font-family: "Poppins", sans-serif !important;
 }

 body {
     margin-top: 22px;
 }

 .container-margin {
     max-width: calc(100vw - 40px) !important;
     margin: 20px;
 }

 .owl-item .img-fluid {
     border-radius: var(--border-radius);
 }

 h1 {
     color: black !important;
     text-transform: uppercase;
 }

 .paper {
     background-color: var(--color-paper);
 }

 .br-1 {
     border-radius: 16px;
 }

 .m-0 {
     margin: 0 !important
 }

 .fat {
     font-weight: 700;
 }

 .cmp-method-list .method-list-item label,
 .cmp-method-list .method-list-item .label {
     min-height: 5rem;
     height: auto;
 }

 .social-icon {
     color: var(--color-text) !important;
     margin-right: 10px;
 }

 .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;
 }

 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: 1rem;
     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%;
     font-size: 1rem !important;
 }

 .cmp-product-thumb .price.hasCrossPrice {
     width: auto;
     margin-top: 0px;
     display: inline;
     color: #dd0000;
     font-size: 16px !important;
 }

 .single .price,
 .page-singleitem .price {
     font-size: 1.25rem;
 }

 .cmp-product-thumb .price-view-port {
     text-align: left;
 }

 .cmp-product-thumb .crossprice {
     padding-right: 5px;
     font-weight: 400 !important;
     font-size: 12px !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: white !important;
 }

 .owl-thumbs .owl-thumb {
     height: auto;
     width: 100% !important;
     margin: 0;
     background-color: white !important;
 }

 .owl-thumbs {
     margin-top: 0;
 }

 .owl-carousel .owl-item {
     border-radius: var(--border-radius);
     overflow: hidden !important;
 }

 .owl-carousel .owl-item img,
 .single-carousel .owl-item iframe {
     width: 100%;
 }

 .single-carousel img {
     border-radius: 16px;
 }

 .thumb-content {
     display: flex;
     flex-direction: column;
     gap: 8px;
     padding: 0px !important;
 }

 .color-box {
     width: 20px !important;
     display: inline-block !important;
     margin: 5px 10px 5px 0px !important;
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 50%;
 }

 .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;
 }

 #thumb-carousel {
     overflow: hidden;
 }

 .single-carousel .owl-item img {
     height: auto !important;
 }

 .top-bar {
     position: static;
     background: var(--color-background);
     z-index: 1001;
     color: var(--color-text) !important;
 }

 .meta-nav {
     background: white;
     width: 100%;
     text-align: center;
     padding: 5px 0;
     height: 30px;
 }

 .meta-nav a {
     color: var(--color-text);
 }

 .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);
 }

 .form-control {
     border-radius: 16px;
 }

 .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-background);
     border: 1px 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-background);
 }

 .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: var(--color-text) !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;
 }

 .p-2 {
     padding: 16px;
 }

 .text-center {
     text-align: center;
 }

 .text-left {
     text-align: left;
 }

 .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-background) !important;
     color: rgba(50, 50, 50, 1);
 }

 .wrapper-main .navbar {
     background: none;
 }

 .hpTextBlock {
     text-align: center;
 }

 .hpTextBlock span {
     color: #f0be92;
     text-transform: uppercase;
     font-size: 36px;
 }

 .instruction .hpTextBlock span {
     font-size: 28px;
 }

 .hpTextBlock p {
     line-height: 3rem;
     font-size: 20px;
     font-weight: lighter;
 }

 #nachhaltigkeit .hpTextBlock p {
     line-height: 2rem;
     font-size: 1rem;
     letter-spacing: normal;
     text-align: left;
 }

 .hpTextBlock hr {
     width: 50%;
 }

 .charity-btn {
     font-weight: 300;
     font-size: 0.8rem;
     padding: 6px 16px;
     text-transform: uppercase;
     bottom: 30px;
     background: rgba(0, 0, 0, 0.4);
     color: var(--color-background);
     border: 1px solid var(--color-background);
 }

 .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: 2rem;
 }

 .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: 2.5rem;
 }

 .footer,
 body,
 #vue-app,
 .page-content {
     background: var(--color-background) !important;
 }

 .brand-wrapper {
     position: static;
     top: auto;
     -webkit-transform: none;
     transform: none;
 }

 .ab-100 {
     display: none;
 }

 .navbar-brand {
     margin: 0;
 }

 .wrapper-main #page-body {
     margin-top: 0;
 }

 @media screen and (max-width: 1075px) {
     .category-849 #page-body {
         margin-top: 30px;
     }

     .maala-mini-video {
         height: 30vh !important;
     }
 }

 @media screen and (min-width: 1076px) {
     .category-849 #page-body {
         margin-top: 44px;
     }
 }

 .owl-theme .owl-dots {
     bottom: -17px !important;
 }

 #mainNavbarCollapsable ul.mainmenu>li>a {
     color: #837e7d;
     font-size: 12px;
     font-weight: lighter;
     letter-spacing: 2px;
     text-transform: uppercase;
     padding-left: 10px;
     padding-right: 10px;
 }

 .top-bar .controls-list>li a,
 .navbar-toggler {
     padding: 0.85rem 0.5rem !important;
 }

 .focusHeightNavbar .top-bar .controls-list>li {
     font-size: 1rem;
 }

 .toggle-basket-preview .badge,
 .control-wish-list .badge-right {
     display: none;
 }

 .navbar-brand img {
     max-height: 25px;
 }

 .badge-success {
     background-color: #2b2b2b !important;
 }

 .btn-default {
     color: #b48f6d;
     background-color: var(--color-background);
     border-color: #b48f6d;
 }

 .btn-default:hover,
 .btn-default:active,
 .btn-default:focus {
     color: var(--color-background);
     background-color: var(--color-text);
 }

 .footer .btn-primary {
     color: var(--color-background);
 }

 .btn-primary {
     border-radius: 48px;
 }

 .footer-features {
     background: #efefef;
     padding: 0.5em;
 }

 .navbar-toggler {
     right: 0;
 }

 .top-bar .controls-list {
     width: auto;
     float: right;
 }

 .crossprice {
     color: #aaaaaa !important;
     font-size: 1rem !important;
 }

 .availability {
     color: green;
     text-align: center;
     background-color: transparent;
 }

 .navbar-brand img {
     max-width: 150px;
     margin: 10px 0;
 }

 .toggle-basket-preview {
     padding-left: 0rem !important;
 }

 @media (max-width: 767px) {
     .no-gutters-mobile {
         padding: 0;
         margin: 0;
     }
 }

 @media (min-width: 375px) {

     .toggle-basket-preview .badge,
     .control-wish-list .badge-right {
         display: inline-block;
     }
 }

 @media (min-width: 768px) {}

 @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.ddown>a:after {
         display: none;
     }

     #mainNavbarCollapsable ul.mainmenu>li>ul>li {
         color: var(--color-text);
     }

     .no-touch #mainNavbarCollapsable ul.mainmenu>li>ul>li:hover,
     .touch #mainNavbarCollapsable ul.mainmenu>li>ul>li.hover {
         background: #2b2b2b;
         color: var(--color-background);
         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 #2b2b2b;
     }

     #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;
         padding-right: 0 !important;
     }
 }

 .top-bar .controls-list .fa {
     font-size: 1.25rem !important;
 }

 @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: Poppins;
 }

 .hpTextBlock p {
     font-family: "Poppins", sans-serif;
     font-weight: 300;
     letter-spacing: 0.075em;
 }

 .footerHeadline {
     font-family: "Poppins", sans-serif;
     font-weight: 500;
     letter-spacing: 1.6px;
     text-transform: uppercase;
 }

 @media (max-width: 767px) {

     .footer-link,
     .footerHeadline,
     .social-icon {
         text-align: center;
         width: 100%;
         display: block;
     }

     #socialIcons {
         text-align: center;
     }
 }

 #mainNavbarCollapsable ul.mainmenu>li>a {
     font-family: "Poppins", sans-serif;
     font-weight: 300;
     letter-spacing: 0.075em;
 }

 .hpTextBlock span {
     font-family: "Poppins", 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: #2b2b2b;
     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: 0.8rem;
     padding: 6px 16px;
     text-transform: uppercase;
     bottom: 30px;
     background: rgba(0, 0, 0, 0.4);
     color: #fff;
     border: 1px solid var(--color-background);
     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: "Poppins", sans-serif;
 }

 .teaser-header {
     width: 100%;
     background-color: #b8735f;
     font-size: 1.5rem;
     letter-spacing: 0.2em;
     color: var(--color-background);
 }

 .subnav {
     color: #6e6b6c;
 }

 .topnav div a img {
     height: 22px;
     position: relative;
 }

 #navbarMobile {
     transition: 0.4s;
     height: 100vh;
 }

 #navbarTop {
     background-color: var(--color-background);
     margin: 10px;
     box-shadow: 0px 0px 5px #00000044;
     border-radius: 16px;
     height: 50px;
     padding: 0px 16px;
 }

 @media screen and (min-width: 1075px) {
     #navbarMobile {
         display: none !important;
     }

     .nav-main {
         margin-right: 25px;
     }

     .topnav div a {
         color: var(--color-text);
         text-align: left;
         text-decoration: none;
         font-size: 14px;
         padding: 4px 8px;
         font-family: "Poppins", sans-serif;
     }

     .icon {
         display: none;
     }

     .burger-icon {
         display: none;
     }

     .burger-menu {
         display: none !important;
     }

     #header-logo {
         position: relative;
         left: 0;
         margin-right: 32px;
         filter: invert(1);
     }

     #navbarTop {
         display: flex;
     }

     #navbarDesktop {
         display: flex;
         align-items: center;
         height: 100%;
         left: 50%;
         position: absolute;
         transform: translateX(-50%);
         top: 0px;
     }

     #controlsList {
         margin-right: 30px !important;
         margin: 0;
         position: absolute;
         top: 14px;
         right: 0px;
         display: flex;
         align-items: center;
     }

     .dropdown-nav-element:hover {
         text-shadow: 0px 0px 0.5px black;
         -webkit-appearance: none;
         -webkit-text-shadow: 0px 0px 0.5px var(--color-text);
     }

     #navbarDesktop {
         display: flex;
         align-items: center;
         height: 100%;
     }

     .topnav div a img {
         top: 8px;
     }
 }

 .btn-secondary {
     background-color: var(--color-primary) !important;
     border: none;
     color: var(--color-background);
     margin-bottom: 30px;
 }

 #header-logo {
     filter: invert(1);
 }

 @media screen and (max-width: 1075px) {
     .manda-header-center {
         position: absolute;
         left: 50%;
         transform: translate(-40%, 0);
         transition: 0.4s;
         margin-right: 0px;
     }

     .topnav.responsive {
         position: relative;
     }

     .icon {
         position: fixed;
         right: 5px;
         top: 5px;
     }

     .topnav.responsive div a {
         float: none;
         display: block;
         text-align: left;
     }

     #navbarMobile {
         position: fixed;
         top: 0px;
         right: -350px;
         height: 100vh;
         width: 100%;
         background-color: var(--color-background);
         z-index: 1999;
         display: none;
         overflow-y: scroll;
         transition: 0.4s;
         max-width: unset !important;
         padding: 80px 22px;
     }

     .topnav div a,
     .topnav div div {
         display: block;
         text-align: left;
         text-decoration: none;
         letter-spacing: 2px;
         font-size: 17px;
         margin-left: initial;
         padding: 3px 3px 3px 3px;
         font-family: "Poppins", sans-serif;
         padding-top: 10px;
         padding-bottom: 10px;
         cursor: pointer;
     }

     #navbarDesktop {
         display: none;
     }

     .icon {
         display: block;
         position: fixed;
         right: 5px;
         top: 5px;
     }

     .topnav div a.icon {
         float: right;
         display: block;
     }

     .burger-menu {
         display: block;
     }

     #controlsList {
         float: left;
         margin: 0;
         position: absolute;
         top: 12px;
         left: 17px;
     }
 }

 .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: 1.5rem;
     letter-spacing: 0.3em;
     background-color: #b8735f;
     color: var(--color-background);
     margin-top: 20px;
 }

 .teaser-button .btn {
     font-size: 1.3rem;
     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;
     }
 }

 .img-title-centered {
     font-family: "Poppins", serif;
     font-weight: 400;
     letter-spacing: 0.05em;
     position: absolute;
     bottom: 60px;
     text-transform: uppercase;
     left: 50%;
     transform: translate(-50%, 0);
     font-size: 1.3rem;
     color: var(--color-background);
 }

 @media (min-width: 992px) {
     .dark-hover-title {
         font-size: 2rem;
     }
 }

 .charity-org {
     font-family: "Poppins", serif;
     letter-spacing: 0.05em;
     font-weight: 400;
 }

 .dark-hover-title {
     text-align: center;
     font-family: "Poppins", 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: var(--color-background);
     visibility: hidden;
     opacity: 0;
 }

 .img-wrap {
     display: block;
     overflow: hidden;
 }

 .dark-hover-title:after {
     background: var(--color-background);
 }

 .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;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     overflow: hidden;
     transition: 0.2s;
     white-space: nowrap;
 }

 .hvr-underline-from-center:hover {
     color: var(--color-primary);
     background-color: var(--color-background);
     border-radius: 16px;
 }

 .hero-image {
     height: 100%;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
 }

 .Poppins {
     font-family: "Poppins", sans-serif;
 }

 .Poppins-spacing {
     font-family: "Poppins", 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: 95px;
     }

     .my-xs-2 {
         margin-top: 32px;
     }
 }

 .basic-category .basic-items {
     flex-wrap: wrap;
     justify-content: center;
 }

 .basic-category .basic-item-arrow {
     display: none;
 }

 @media screen and (min-width:768px) {
     .basic-category .basic-items {
         gap: 48px;
     }
 }

 .mainpage-text {
     font-size: 20px;
 }

 h1 {
     font-size: 2em;
     text-align: center;
     color: #ef8354;
     font-weight: 700;
 }

 #container {
     width: 100%;
     margin: 0 auto;
     padding: 50px 0 150px 0;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: center;
 }

 .modern-button {
     display: inline-flex;
     height: 40px;
     width: 150px;
     color: #bfc0c0;
     text-transform: uppercase;
     text-decoration: none;
     font-size: 0.8em;
     letter-spacing: 1.5px;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     background-color: var(--color-background);
 }

 .modern-button-margin {
     margin: 20px 20px 20px 20px;
 }

 .modern-button a {
     color: var(--color-text) !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: -200px;
     background: #ece3ac;
     position: absolute;
     transition: all 0.35s ease-Out;
     bottom: 0;
 }

 .button-2:hover .slide {
     left: 0;
 }

 .button-2:hover a {
     color: #2d3142;
 }

 @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.is-fullheight {
     min-height: 100vh;
 }

 .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 {
     display: none;
     left: -8px;
     min-width: 12rem;
     padding-top: 4px;
     position: absolute;
     top: 84%;
     z-index: 20;
 }

 .dropdown-content-bulma {
     background-color: var(--color-paper);
     border-radius: 16px;
     box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
 }

 .dropdown-item-bulma {
     color: #4a4a4a;
     display: flex;
     flex-direction: column;
     font-size: 1rem;
     line-height: 1.5;
     padding: 8px;
     position: relative;
 }

 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-background);
     color: var(--color-text);
 }

 a.dropdown-item-bulma.is-active,
 button.dropdown-item-bulma.is-active {
     color: var(--color-background);
 }

 .dropdown-divider-bulma {
     background-color: #ededed;
     border: none;
     display: block;
     height: 1px;
     margin: 0.5rem 0;
 }

 .burger-menu a {
     color: var(--color-background) !important;
     position: fixed !important;
     right: 10px !important;
     top: 25px !important;
     font-size: 30px !important;
     z-index: 10000 !important;
 }

 .bg-lightgrey {
     background-color: #ebecec;
     color: black;
     padding: 8px 0px 8px 0px;
     margin: 2px 4px 2px 4px;
     font-size: 12px;
     cursor: pointer;
 }

 .bg-lightgrey.active {
     background-color: rgb(20, 20, 20);
     color: var(--color-background) !important;
 }

 .basket-button-override {
     width: 250px;
     letter-spacing: 1px;
     text-transform: uppercase;
     border-radius: 48px;
     padding: 16px;
 }

 @media screen and (min-width: 748px) {
     .item-images-margin {
         z-index: -1;
         margin-top: 140px !important;
     }
 }

 .single-item-h1 {
     font-weight: 400 !important;
     font-family: "Poppins";
 }

 .single-item-instock {
     color: #333333;
 }

 .single-item-messages-color {
     line-height: 0.8;
     margin-bottom: 6px;
     letter-spacing: 1.1px;
     color: #333333 !important;
 }

 .single-item-messages,
 .single-item-instock>span>span,
 .accordion_clap {
     padding: 0;
     line-height: 0.8;
     margin-top: 6px;
     color: #333333;
     letter-spacing: 1.4;
 }

 .single-item-messages {
     line-height: 1.4;
 }

 .owl-dots {
     background-color: var(--color-background);
 }

 .accordion_clap {
     background-color: rgba(0, 0, 0, 0);
     color: #333333;
     cursor: pointer;
     padding: 18px;
     border: none;
     text-align: left;
     outline: none;
     font-size: 15px;
     transition: 0.4s;
     width: 50%;
     border-bottom: 1px solid var(--color-text);
 }

 @media screen and (min-width: 748px) {
     .accordion_clap {
         width: 50%;
     }
 }

 @media screen and (max-width: 747px) {
     .accordion_clap {
         width: 100%;
     }
 }

 .accordion_clap:after {
     content: "\002B";
     color: #777;
     font-weight: bold;
     float: right;
     margin-left: 5px;
 }

 .accordeon_active:after {
     content: "\2212";
 }

 .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;
 }

 .above-space {
     margin-top: 80px;
 }

 .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;
     transition: width 0.5s;
 }

 .bg-image-variation.active {
     box-shadow: 0px 0px 3px black;
     transform: scale(1.1);
 }

 .v-s-boxes {
     gap: 8px;
 }

 .vertical-center {
     margin: 0;
     position: absolute;
     top: 50%;
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .grey-background {
     background-color: var(--color-background);
 }

 @media screen and (min-width: 1017px) {
     .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;
     }

     #maala-s1-p {
         text-align: center;
         position: absolute;
         left: 10vw;
         width: 25vw;
         font-size: 4.5vw;
         color: white;
         z-index: 25;
         top: 15vw;
         line-height: 4.5vw;
         font-family: Bebas !important;
         opacity: 0;
     }

     #maala-s1-span1 {
         padding: 10px 20px 10px 20px;
         color: black;
         background-color: white;
         border-radius: 10px;
         font-size: 17px;
         font-family: Poppins;
     }

     #maala-s3-div {
         height: 40vw;
         max-height: 900px;
     }

     #maala-s3-div1 {
         float: left;
         width: 50vw;
         top: 50%;
         transform: translateY(-50%);
         position: absolute;
         padding-left: 75px;
         max-width: 700px;
     }

     #maala-s3-p3 {
         font-family: Bebas !important;
         font-size: 5vw;
         position: absolute;
         top: 10vw;
         color: white;
         width: 40vw;
         max-width: 900px;
         text-align: center;
         opacity: 0;
     }

     #maala-s3-span1 {
         padding: 10px 20px 10px 20px;
         color: black;
         background-color: white;
         border-radius: 10px;
         font-size: 17px;
         font-family: Poppins;
     }

     .maala-s4-img-p {
         background-color: white;
         padding: 5px 30px;
         position: relative;
         z-index: 21;
         transform: translateX(-50%);
         text-align: center;
         top: -17vw;
         left: 50%;
         display: inline-block;
         border-radius: 8px;
         font-size: 20px;
         font-weight: 200;
     }

     .maala-s4-img-img {
         width: 100%;
         position: relative;
         z-index: 20;
     }

     .maala-s4-img-div {
         width: 18vw;
         display: inline-block;
         padding: 7px;
         position: relative;
     }

     @keyframes moveInLeft {
         0% {
             left: -300px;
             opacity: 0;
         }

         100% {
             left: 20vw;
             opacity: 1;
         }
     }

     #maala-s5-ourstyles {
         text-align: left;
         width: 100%;
         font-size: 25px;
         margin-top: 30px;
         margin-bottom: 25px;
         opacity: 0;
         font-weight: 200;
         margin-left: 14.2vw;
     }

     #maala-s5-mehrdazu {
         padding: 10px 20px 10px 20px;
         color: white;
         background-color: var(--color-paper);
         border-radius: 10px;
         font-size: 14px;
         font-family: Poppins;
         position: relative;
         left: 35%;
     }
 }

 .zoom-anim {
     transition: transform 0.2s;
     z-index: 20;
 }

 .zoom-anim:hover {
     transform: scale(1.1);
     z-index: 22 !important;
 }

 @media screen and (max-width: 1016px) {
     #maala-s1-div {
         top: -17px !important;
     }

     #maala-s1-p {
         text-align: center;
         position: absolute;
         left: 1vw !important;
         width: 100vw;
         font-size: 11vw;
         color: white;
         z-index: 25;
         bottom: 56px !important;
         line-height: 11vw;
         font-family: Bebas !important;
         opacity: 0;
     }

     #maala-s1-span1 {
         padding: 10px 20px;
         color: black;
         background-color: white;
         border-radius: 10px;
         font-size: 12px;
         font-family: Poppins;
     }

     #maala-unsere-styles-div {
         display: inline-block !important;
     }

     .maala-s4-img-p {
         background-color: white;
         padding: 5px 30px;
         position: absolute;
         z-index: 21;
         transform: translateX(-50%);
         text-align: center;
         left: 50%;
         display: inline-block;
         border-radius: 8px;
         font-size: 15px;
         font-weight: 200;
         bottom: 10px;
     }

     .maala-s4-img-img {
         width: 100%;
         position: relative;
         z-index: 20;
     }

     .maala-s4-img-div {
         width: 49vw;
         display: inline-block;
         position: relative;
         margin-bottom: 4px;
     }

     #maala-s5-ourstyles {
         text-align: center;
         font-size: 25px;
         margin-top: 30px;
         margin-bottom: 25px;
         opacity: 0;
         font-weight: 200;
         margin-left: 50vw;
         transform: translateX(-50%);
     }

     #maala-s5-mehrdazu {
         white-space: nowrap;
         padding: 2.5vw 5vw 2.5vw 5vw;
         color: white;
         background-color: var(--color-paper);
         border-radius: 10px;
         font-size: 14px;
         font-family: Poppins;
         position: relative;
         text-align: center;
         display: inline-block;
     }

     #newsletter-p1 {
         font-size: 20px;
         padding: 30px;
     }

     @keyframes moveInLeft {
         0% {
             left: -300px;
             opacity: 0;
         }

         100% {
             left: 20vw;
             opacity: 1;
         }
     }

     .margin-column-main {
         margin-top: 20px;
         max-width: 100%;
         text-align: center;
     }

     .burger-menu a {
         color: var(--color-text) !important;
         position: fixed !important;
         right: 20px !important;
         top: 10px !important;
         font-size: 22px !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;
     }

     .prices-in-row {
         flex-flow: unset !important;
     }
 }

 .navbarSubtitle>a {
     color: grey !important;
     font-size: 13px !important;
 }

 .header-padding-anim {
     animation: headerPadddingAnim 1.5s;
     animation-fill-mode: forwards;
 }

 @keyframes headerPadddingAnim {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 .move-in-right.start {
     animation: moveInRight 1.5s;
     animation-fill-mode: forwards;
 }

 @keyframes moveInRight {
     0% {
         margin-right: -300px;
         opacity: 0;
     }

     100% {
         margin-right: 0px;
         opacity: 1;
     }
 }

 .move-in-left.start {
     animation: moveInLeft 1.5s;
     animation-fill-mode: forwards;
 }

 .move-in-left-del.start {
     animation: moveInLeft 1s;
     animation-delay: 0.5s;
     animation-fill-mode: forwards;
 }

 .move-in-left-text.start {
     animation: moveInLeftText 1s;
     animation-delay: 0.5s;
     animation-fill-mode: forwards;
 }

 @keyframes moveInLeftText {
     0% {
         left: -300px;
         opacity: 0;
     }

     100% {
         left: 0;
         opacity: 1;
     }
 }

 .move-in-bottom-del.start {
     animation: moveInbottomPadding 1s;
     animation-delay: 1s;
     animation-fill-mode: forwards;
 }

 .move-in-bottom-del-1.start {
     animation: moveInbottomTop 1s;
     animation-delay: 0;
     animation-fill-mode: forwards;
 }

 .move-in-bottom-del-2.start {
     animation: moveInbottomTop 1s;
     animation-delay: 0.33s;
     animation-fill-mode: forwards;
 }

 .move-in-bottom-del-3.start {
     animation: moveInbottomTop 1s;
     animation-delay: 0.66s;
     animation-fill-mode: forwards;
 }

 .move-in-bottom-del-4.start {
     animation: moveInbottomTop 1s;
     animation-delay: 1s;
     animation-fill-mode: forwards;
 }

 .move-in-bottom.start {
     animation: moveInbottomPadding 1s;
     animation-fill-mode: forwards;
 }

 @keyframes moveInbottomPadding {
     0% {
         padding-top: 300px;
         opacity: 0;
     }

     100% {
         padding-top: 0px;
         opacity: 1;
     }
 }

 @keyframes moveInbottomTop {
     0% {
         top: 300px;
         opacity: 0;
     }

     100% {
         top: 0px;
         opacity: 1;
     }
 }

 .fade-in-image.start {
     animation: fadeIn 1.5s;
     animation-fill-mode: forwards;
 }

 @keyframes fadeIn {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 @-moz-keyframes fadeIn {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 @-webkit-keyframes fadeIn {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 @-o-keyframes fadeIn {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 @-ms-keyframes fadeIn {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 .blob.white {
     box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
     animation: pulse-white 2s infinite;
 }

 @keyframes pulse-white {
     0% {
         transform: scale(0.95);
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
     }

     70% {
         transform: scale(1);
         box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
     }

     100% {
         transform: scale(0.95);
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
     }
 }

 .blob.orange {
     box-shadow: 0 0 0 0 rgba(219, 203, 178, 1);
     animation: pulse-orange 2s infinite;
 }

 @keyframes pulse-orange {
     0% {
         transform: scale(0.95);
         box-shadow: 0 0 0 0 rgba(219, 203, 178, 0.7);
     }

     70% {
         transform: scale(1);
         box-shadow: 0 0 0 10px rgba(219, 203, 178, 0);
     }

     100% {
         transform: scale(0.95);
         box-shadow: 0 0 0 0 rgba(219, 203, 178, 0);
     }
 }

 .invisible-beg {
     opacity: 0;
 }

 .groesse-div {
     display: none;
     justify-content: center !important;
     flex-wrap: wrap !important;
     flex-direction: row !important;
     border-bottom: unset !important
 }

 .groesse-div .h3 {
     display: none;
 }

 .groesse-div>.form-check-wrapper,
 .fac-color-div>.form-check-wrapper {
     display: inline-block;
     border: 1px solid rgb(102, 102, 102);
     margin: 2px;
     border-radius: 5px;
 }

 .category-710 .groesse-div,
 .category-745 .groesse-div {
     display: flex;
 }

 .groesse-div .form-check-label {
     padding: 8px 16px !important
 }

 .filter-badge {
     display: none;
 }

 .maala-mini-hdiv {
     position: absolute;
     left: 10%;
     max-width: 537px;
     top: 50%;
     text-align: center;
     transform: translateY(-50%);
 }

 .maala-mini-h1 {
     text-align: center;
     position: relative;
     font-size: 4.5vw;
     color: white;
     z-index: 25;
     line-height: 4.5vw;
     font-family: Poppins !important;
 }

 .maala-mini-shopnow {
     background-color: white;
     border-radius: 10px;
     padding: 10px 20px;
     margin-top: 20px;
 }

 .maala-mini-textbtm {
     font-size: 23px;
 }

 .margin-auto .widget-prop-3-1>div {
     display: flex;
     flex-flow: column nowrap;
     align-items: stretch;
     margin: auto;
 }

 @media screen and (max-width: 750px) {
     .maala-mini-hdiv {
         position: absolute;
         left: 10%;
         max-width: 537px;
         bottom: 187px;
         text-align: center;
     }

     .maala-mini-h1 {
         text-align: center;
         position: relative;
         font-size: 7vw;
         color: white;
         z-index: 25;
         line-height: 7vw;
         font-family: Poppins !important;
     }
 }

 .categories-container {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
 }

 .categories-container>div {
     padding-left: 8px;
     padding-right: 8px;
 }

 .flexbox-container {
     display: flex;
     width: 100%;
     flex-direction: row;
     justify-content: space-between;
 }

 .flexbox-container div {
     width: 100%;
     justify-content: space-between;
 }

 .flexbox-item {
     position: relative;
     max-width: 100%;
 }

 .cat-text {
     font-size: 2.5vw;
     position: absolute;
     left: 52%;
     top: 50%;
     font-weight: bold;
     color: white;
     width: 100%;
     padding: 8px;
     transform: translate(-50%);
     transition: all 0.2s ease-in-out;
     text-align: center;
 }

 .flexbox-item {
     width: 100%;
     position: relative;
 }

 .flexbox-item img {
     border-radius: var(--border-radius);
 }

 @media screen and (max-width: 750px) {
     .categories-container {
         flex-direction: column;
         transform: translateX(-8px);
     }

     .cat-text {
         font-size: 4vw;
         text-shadow: 0px 0px 2px black;
         width: 100% !important;
     }

     .small-flex {
         gap: 8px;
     }
 }

 .flex {
     display: flex;
 }

 .flex-center {
     justify-content: center;
     align-items: center;
 }

 .flex-column {
     flex-direction: column;
 }

 .popup-red-bg {
     background-color: #e21637;
     color: var(--color-background) !important;
     padding: 16px;
     border-radius: 32px;
     min-width: 150px;
     min-height: 150px;
     line-height: 1;
     align-items: center;
     align-content: center;
     font-weight: 700;
     font-family: "Courier New", Courier, monospace !important;
 }

 .popup-red-border {
     border: 2px solid black;
     color: var(--color-background);
     padding: 16px;
     border-radius: 32px;
     flex-grow: 1;
     min-height: 120px;
     line-height: 1;
     align-items: center;
     align-content: center;
     font-family: "Courier New", Courier, monospace !important;
     display: flex;
     justify-content: space-between;
 }

 .text-center {
     text-align: center;
 }

 .popup-red-bg h1 {
     margin: 0;
     font-family: "Courier New", Courier, monospace !important;
     color: var(--color-background);
 }

 .gap-2 {
     gap: 16px;
 }

 .popup-where {
     font-family: "Courier New", Courier, monospace !important;
     color: black;
     font-size: 1.25rem;
     font-weight: 700;
 }

 .popup-title {
     font-family: "Courier New", Courier, monospace !important;
     color: black;
     margin: 8px 0;
     font-size: 2rem;
 }

 .popup-description {
     font-family: "Courier New", Courier, monospace !important;
     color: black;
 }

 .max-900 {
     max-width: 750px;
     margin: 0 auto;
 }

 .popup-images {
     display: flex;
     gap: 16px;
 }

 .popup-images img {
     border-radius: 32px;
     width: 115px;
     height: 115px;
     transition: transform 0.3s;
 }

 .popup-images img:hover {
     transform: scale(2);
 }

 @media (max-width: 768px) {
     .flex {
         flex-direction: column;
     }

     .max-900 {
         max-width: 100vw;
     }

     .mt-minus {
         margin-top: -32px;
     }

     .popup-red-bg {
         height: 120px;
     }
 }

 .mt-2 {
     margin-top: 16px !important;
 }

 @keyframes moveInRight {
     0% {
         left: 100vw;
     }

     100% {
         left: -150px;
     }
 }

 .top-animated {
     white-space: nowrap;
     position: absolute;
     animation: moveInRight 8s;
     animation-fill-mode: forwards;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
 }

 .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) {
     .sortieren-div {
         top: 108px !important;
     }

     .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;
     }

     .text-overlay {
         bottom: 8px !important;
         left: 8px !important;
     }

     .text-overlay p {
         display: none;
     }

     .text-overlay h2 {
         font-size: 1.25rem;
         text-shadow: 0px 0px 3px #00000044;
     }

     .hero-container {
         margin-right: 0 !important;
         margin-left: 0 !important;
     }

     .hero-container .widget-inner {
         padding-right: 0 !important;
         padding-left: 0 !important;
     }
 }

 .category-section-flex {
     gap: 8px;
 }

 .hero-container {
     max-width: calc(100vw - 40px) !important;
     overflow: hidden;
     transform: translateX(20px);
     border-radius: var(--border-radius)
 }

 .grid-container {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 10px;
 }

 .grid-item {
     position: relative;
     overflow: hidden;
     border-radius: 16px;
 }

 .grid-item.large {
     grid-column: span 2;
 }

 .grid-item img {
     width: 100%;
     height: 100%;
     display: block;
     object-fit: cover;
     max-height: 70vh;
 }

 .text-overlay {
     position: absolute;
     bottom: 20px;
     left: 20px;
     color: #fff;
     font-size: 24px;
     font-weight: bold;
 }

 .text-overlay p {
     font-size: 14px;
     font-weight: normal;
 }

 .marquee-container {
     background-color: var(--color-primary);
     display: flex;
     align-items: center;
     padding: 15px 0;
     border-radius: 16px;
     width: 100%;
     overflow: hidden;
     white-space: nowrap;
     position: relative;
 }

 .marquee-content {
     display: flex;
     color: #FFFFFF;
     font-size: 18px;
     font-weight: bold;
     text-transform: uppercase;
     animation: marqueeAnimation 30s linear infinite;
     width: max-content;
 }

 .marquee-content::after {
     content: attr(data-text);
 }

 @keyframes marqueeAnimation {
     from {
         transform: translateX(0%);
     }

     to {
         transform: translateX(-50%);
     }
 }

 .contained {
     background-color: var(--color-primary);
     color: var(--color-background);
     padding: 16px;
     border: none;
     font-size: 1.5rem;
     transition: 0.2s all;
     border-radius: 40px;
     position: relative;
 }

 @media screen and (max-width:768px) {
     .contained {
         font-size: 1.15rem;
     }

     .maala-s3-p2 h2 {
         font-size: 8vw !important;
     }
 }

 .contained:hover {
     border: none;
 }

 .contained::before {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     width: 0;
     height: 0%;
     background-color: var(--color-focus);
     transition: 0.2s all;
     border-radius: 50%;
 }

 .contained:hover::before {
     width: 100%;
     left: 0;
     top: 0;
     height: 100%;
     border-radius: 8px;
 }

 .outlined {
     color: var(--color-primary);
     padding: 8px 16px;
     border: 1px solid var(--color-primary);
     font-size: 1.5rem;
     transition: 0.2s all;
     border-radius: 40px;
     position: relative;
     background-color: #00000000;
 }

 .outlined:hover {
     color: var(--color-background);
 }

 .outlined::before {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     width: 0;
     height: 0%;
     background-color: var(--color-primary);
     color: var(--color-background);
     transition: 0.2s all;
     border-radius: 40px;
 }

 .outlined:hover::before {
     width: 100%;
     left: 0;
     top: 0;
     height: 100%;
     border-radius: 40px;
 }

 .category-section-big {
     width: 100%;
     border-radius: 16px;
 }

 .category-section-small {
     width: 100%;
     border-radius: 16px;
     max-width: 100px;
     user-select: none;
 }

 .category-section {
     text-align: center;
 }

 .categories-small-container {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
 }

 .sale-category .row>div:nth-of-type(2) .cmp-product-thumb {
     border-radius: 16px;
 }

 .sale-category .row>div:nth-of-type(2) .badge {
     display: none;
 }

 .maala-s3-img {
     max-height: 60vh;
     object-fit: cover;
     width: 100%;
     border-radius: 16px;
 }

 .maala-s3-div {
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%);
     left: 50%;
     text-align: center;
 }

 .hero-flex-item {
     width: 33%;
     height: calc(100vh - 82px);
 }

 .hero-flex-item img {
     border-radius: 16px;
     user-select: none;
 }

 .hero-center-item {
     min-width: 200px;
     justify-content: center;
     display: flex;
     flex-direction: column;
     padding: 32px;
     gap: 16px;
 }

 .hero-back-item {
     display: flex;
     flex-direction: column;
     gap: 16px;
 }

 .hero-back-item img {
     max-height: calc(50% - 8px);
     object-fit: cover;
     width: 100%;
     height: 100%;
     user-select: none;
 }

 @media screen and (max-width: 768px) {
     .hero-splitted {
         flex-direction: row;
         flex-wrap: wrap;
         gap: 16px;
     }

     .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;
     }

     .nav-close-btn {
         right: 12px !important;
     }

     .maala-s3-div h2 {
         text-shadow: 0px 0px 3px var(--color-primary);
         font-size: 4vw !important;
     }

     .newsletter-marquee {
         margin: 32px 0 32px !important;
     }

     .hero-flex-item {
         width: calc(50% - 8px);
         height: calc(50vh - 46px)
     }

     .hero-first-item {
         order: 1;
     }

     .hero-back-item {
         order: 2;
     }

     .hero-center-item {
         order: 3;
         width: 100%;
     }

     .hero-container {
         max-width: calc(100vw - 20px) !important;
         transform: translateX(10px);
     }

     .category-section p {
         font-size: 3vw
     }
 }

 .widget-primary .btn-appearance {
     background-color: var(--color-primary);
 }

 .variation-select .active {
     background-color: var(--color-primary);
     color: var(--color-text) !important;
 }

 .variation-select .bg-lightgrey {
     background-color: var(--color-background);
     border-radius: 16px;
     font-size: 1.25rem;
     padding: 8px;
     transition: 0.2s all;
     border: 1px solid var(--color-text);
 }

 .variation-select .bg-lightgrey:hover {
     transform: scale(1.1);
     background-color: var(--color-paper);
 }

 .variation-select .bg-lightgrey.active {
     background-color: var(--color-primary);
     color: var(--color-background) !important;
 }

 .variation-select .bg-image-variation img {
     border-radius: 50%;
     border: 1px solid rgba(0, 0, 0, 0.1)
 }

 .variation-select .bg-image-variation .p-1 {
     padding: 0 !important;
 }

 .bg-image-variation {
     transition: 0.2s;
 }

 .bg-image-variation.active {
     box-shadow: 0px 0px 5px var(--color-primary);
     border-radius: 50%;
 }

 .widget-item-sorting {
     border: 1px solid var(--color-text);
     border-radius: 16px;
 }

 .custom-select {
     border-radius: 16px;
 }

 @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.overflow-visible {
         overflow: visible;
     }

     .overflow-visible .owl-theme .owl-nav [class*=owl-] {
         opacity: 0.15;
     }
 }

 @media screen and (min-width: 768px) {
     .sale-category .row>div:nth-of-type(2) .thumb-image {
         transform: scale(1.4) translateY(46px);
         overflow: hidden;
         z-index: 10;
         border-radius: 16px;
     }

     .newsletter-marquee {
         margin: 64px 0 !important
     }
 }

 .category-849 #navbarTop {
     background-color: var(--color-background) !important;
 }

 .swipe-container.widget-item-list .row::-webkit-scrollbar {
     display: none;
 }

 .the-app {
     max-width: 100vw;
     position: relative;
     margin: auto;
 }

 .basic-items::-webkit-scrollbar {
     display: none;
 }

 .basic-item {
     display: flex;
     flex-direction: row;
     user-select: none;
     min-width: 600px;
     width: 75%;
     max-width: 500px;
     border-radius: 16px;
     border: 1px solid rgba(0, 0, 0, 0.1);
 }

 .basic-item h3 {
     margin: 0;
 }

 .flex-row {
     display: flex;
     align-items: center;
 }

 .flex-column {
     display: flex;
     flex-direction: column;
 }

 .gap-2 {
     gap: 16px;
 }

 .space-evenly {
     justify-content: space-evenly;
 }

 .space-between {
     justify-content: space-between;
 }

 .basic-item-info {
     max-width: 50%;
     position: relative;
     min-width: 135px;
     width: 100%;
     padding: 16px;
 }

 .basic-item-img {
     object-fit: cover;
 }

 .basic-item-img img {
     border-radius: 16px;
     max-width: 100%;
     object-fit: cover;
 }

 .basic-item-priceold {
     color: #990000;
     margin-right: 12px;
     text-decoration: line-through;
 }

 .basic-item-pricenew {
     color: #009900;
 }

 .bg-lightgrey.invalid {
     text-decoration: line-through
 }

 .basic-item-price {
     color: var(--color-text);
 }

 .basic-item-color {
     cursor: pointer;
     transition: 0.2s;
 }

 .basic-item-color:hover {
     transform: scale(1.1);
 }

 .basic-item-colors {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     gap: 16px;
     max-width: 100%;
     flex-wrap: wrap;
 }

 .basic-item-colors img {
     border-radius: 50%;
     width: 28px;
     border: 1px solid rgba(0, 0, 0, 0.1);
     height: 32px;
 }

 @media (min-width: 768px) {
     .basic-item-colors img {
         width: 30px;
         height: 30px;
     }

     .basic-item-arrow-left {
         position: absolute;
         right: 0;
         top: 50%;
         transform: translateY(-50%);
         cursor: pointer;
     }

     .basic-item-arrow-right {
         position: absolute;
         left: 0;
         top: 50%;
         transform: translateY(-50%);
         cursor: pointer;
     }

     .basic-item-img {
         height: 100%;
         max-height: 62vh;
     }

     .basic-item-img img {
         height: 100%;
     }

     .basic-item-info {
         min-width: 278px;
     }
 }

 .basic-items {
     display: flex;
     flex-direction: row;
     gap: 16px;
     overflow: auto hidden;
     padding: 16px;
 }

 @media screen and (max-width: 768px) {
     .the-app {
         max-width: 100vw;
     }

     .basic-item {
         min-width: 80vw;
         max-width: 80vw;
         display: block;
         position: relative;
     }

     .basic-item-info {
         max-width: 100%;
         padding: 16px;
         width: unset;
     }

     .basic-item-colors img {
         border-radius: 50%;
         width: 30px;
         border: 1px solid rgba(0, 0, 0, 0.1);
         height: 30px;
     }
 }

 .basic-item-button {
     background-color: transparent !important;
     color: var(--color-primary) !important;
     border: none !important;
     padding: 0;
     font-size: 16px;
 }

 .basic-item-button:hover {
     background-color: transparent !important;
     color: var(--color-text) !important;
     border: none !important;
     padding: 0;
 }

 .basic-item-button::before {
     display: none;
 }

 .basic-item-arrow {
     background-color: var(--color-paper);
     opacity: 0.5;
     border-radius: 16px;
     padding: 8px;
 }

 .checkout-item-variation {
     white-space: nowrap;
     cursor: pointer;
     font-size: 12px;
     margin-top: 8px;
     background-color: black;
     color: white;
     min-width: 24px;
     height: 24px;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 @media screen and (max-width:768px) {
     .checkout-item-variation {
         min-width: 40px;
         min-height: 40px;
         font-size: 18px;
     }
 }


 li.footer-link:last-child {
    display: none;
}