Maala-Shop

Verlieb dich
jeden Tag neu

Liebe geht durch den Kleiderschrank. - 14 % auf alles. Mit dem Code: happyvalentine

(function () { // 1) Inject font style once if (!document.getElementById('hero-font-style')) { var style = document.createElement('style'); style.id = 'hero-font-style'; style.innerHTML = "\ @font-face {\ font-family: 'HeroFont';\ src: url('https://cdn02.plentymarkets.com/fzraxqjvapo5/frontend/_banner/2-2026/font.otf') format('opentype');\ font-weight: normal;\ font-style: normal;\ font-display: swap;\ }\ .hero-center-item h2 {\ font-family: 'HeroFont', sans-serif !important;\ }"+`@media (max-width: 899px) { /* make the top (images) row not too tall */ .hero-2026 .hero-splitted.flex{ grid-template-rows: clamp(260px, 42svh, 480px) 1fr !important; } .hero-2026 #owl-carousel-1{ margin-bottom: 0 !important; } /* ensure right column really fills the full row height */ .hero-2026 .hero-back-item{ height: 100% !important; } .hero-2026 .hero-back-item a{ height: auto !important; flex: 1 1 0 !important; } /* push the text/button to the bottom of the lower area */ .hero-2026 .hero-center-item{ display: flex !important; flex-direction: column !important; justify-content: flex-end !important; padding-top: 0 !important; padding-bottom: 16px !important; } /* optional: tighten vertical gaps inside center */ .hero-2026 .hero-center-item span{ display: none !important; } } `; document.head.appendChild(style); } // 2) Inject slider sizing / cover once if (!document.getElementById('hero-owl-style')) { var s = document.createElement('style'); s.id = 'hero-owl-style'; s.textContent = "\ .hero-splitted{align-items:stretch !important;}\ .hero-first-item{height:100%;}\ #owl-carousel-1, \ #owl-carousel-1 .owl-stage-outer, \ #owl-carousel-1 .owl-stage, \ #owl-carousel-1 .owl-item, \ #owl-carousel-1 .owl-item .col{height:100%;}\ #owl-carousel-1 img{width:100%;height:100%;object-fit:cover;display:block;}\ .hero-splitted{height:calc(50vh - 82px);}\ /* Important: owl often hides itself before init */\ #owl-carousel-1.owl-carousel{display:block !important;}\ "; s.textContent = s.textContent+`@media (max-width: 899px) { /* IMPORTANT: reduce the image-row height so text is visible without scrolling */ .hero-2026 .hero-splitted.flex{ grid-template-rows: clamp(220px, 36svh, 360px) auto !important; } /* remove the inline margin-bottom on the carousel (it makes the left column look taller) */ .hero-2026 #owl-carousel-1{ margin-bottom: 0 !important; } /* make right column fill row, and split into 2 equal halves */ .hero-2026 .hero-back-item{ height: 100% !important; } .hero-2026 .hero-back-item a{ height: auto !important; flex: 1 1 0 !important; } /* ensure the left slider is not taller than the row */ .hero-2026 .hero-first-item{ height: 100% !important; min-height: 0 !important; } /* make sure owl wrapper chain respects the row height */ .hero-2026 #owl-carousel-1, .hero-2026 #owl-carousel-1 .owl-stage-outer, .hero-2026 #owl-carousel-1 .owl-stage, .hero-2026 #owl-carousel-1 .owl-item, .hero-2026 #owl-carousel-1 .owl-item .col{ height: 100% !important; } /* keep text at the bottom part of its row */ .hero-2026 .hero-center-item{ display: flex !important; flex-direction: column !important; justify-content: flex-end !important; padding-top: 8px !important; padding-bottom: 16px !important; } /* optional: reduce empty spacer spans if they exist */ .hero-2026 .hero-center-item span{ display:none !important; } .mainpage-1{ calc( 100vw - 16px ) } } .mainpage-1{ height: calc( 100vh - 82px ); } @media screen and (min-width:768px){ .hero-splitted{ height: calc(100vh - 82px) } } `; document.head.appendChild(s); } // 3) Init Owl safely (wait until jQuery + owlCarousel exist) function initOwl() { if (!window.jQuery || !window.jQuery.fn || !window.jQuery.fn.owlCarousel) return false; var $ = window.jQuery; var $owl = $('#owl-carousel-1'); if (!$owl.length) return true; // Prevent double init if (!$owl.hasClass('owl-loaded')) { $owl.owlCarousel({ loop: true, margin: 10, dots: false, nav: true, lazyLoadEager: 1, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1000: { items: 1 } } }); // Refresh after init so it recalculates widths/heights setTimeout(function () { $owl.trigger('refresh.owl.carousel'); }, 0); } // Auto-advance only once if (!$owl.data('heroAuto')) { var id = setInterval(function () { $owl.trigger('next.owl.carousel'); }, 8000); $owl.data('heroAuto', id); } // These elements might not exist -> guard to avoid crashing script var prev = document.getElementById("prev-icon"); if (prev && !prev.__boundHero) { prev.__boundHero = true; prev.addEventListener("click", function () { $owl.trigger('prev.owl.carousel'); }); } var next = document.getElementById("next-icon"); if (next && !next.__boundHero) { next.__boundHero = true; next.addEventListener("click", function () { $owl.trigger('next.owl.carousel'); }); } return true; } // Try now, then retry briefly (covers async loading) initOwl(); var tries = 0; var timer = setInterval(function () { tries++; if (initOwl() || tries >= 60) clearInterval(timer); }, 250); })();

NEW STYLES
|

if (window.innerWidth <= 768){ document.getElementById("manda-s3-newart").classList.add("start") }

Finde deinen Style!

Entdecke unsere große Auswahl an trendigen Kleidungsstücken, die perfekt zu dir passen.

SALE

Bis zu 50% Rabatt auf diese Produkte

Look of the Week

Unsere Outfit-Inspiration für diese Woche. Zeitlos, gemütlich und perfekt kombinierbar!

Unsere Basics
|

if (window.innerWidth <= 768){ document.getElementById("manda-s3-newart").classList.add("start") }
...

Werde Teil der Maala Community
und vepasse nichts mehr
NEWSLETTER ABONNIEREN