Maala Fashion

Maala-Shop

function loadAnimatedElements(e){ for (var ielem=0; ielem < animated_elements .length; ielem++){ var rect = animated_elements [ielem].getBoundingClientRect(); if ((rect.top+150) <= window.innerHeight && !animated_elements [ielem].classList.contains("start")){ animated_elements [ielem].classList.add("start") } } } let animated_elements = document.getElementsByClassName("animated") document.addEventListener("scroll", function(e){ loadAnimatedElements(e) }) window.onload = function(){ loadAnimatedElements() } if (window.location.hostname === "plentymarkets-cloud-de.com"){ $("*").style.opacity = "1" } var sheet = document.createElement('style') sheet.innerHTML = ".owl-dots{transform: translate(0%,20px); background-color: rgba(0,0,0,0) !important}\ .banner-manda-print-shirts > img{width:100vw;} .banner-manda-text{position: absolute;left: 50%;top: 20%;transform: translateX(-50%);color: white;font-size: 4rem;}\ @media screen and (max-width: 992px) { .banner-manda-text{position: relative;left: 50vw;top: 20%;transform: translateX(-50%);color: black;font-size: 2rem !important;text-align: center;margin-top: 15px;}\ .button-to-print-shirts{bottom:unset !important;padding: 5px 10px !important;color: white !important;background-color: #DBCBB2 !important;border-radius: 10px !important;font-size: 13px !important;font-family: Roboto !important;position: absolute !important;left: 50% !important;transform: translateX(-50%) !important;}\ .banner-manda-print-shirts{margin-bottom: 4rem;}}"; document.body.appendChild(sheet); (function () { if (window.__leafTrailInitialized) { return; } window.__leafTrailInitialized = true; const host = document.currentScript && document.currentScript.previousElementSibling; if (host) { host.setAttribute("aria-hidden", "true"); Object.assign(host.style, { position: "relative", width: "100%", height: "0", overflow: "visible", pointerEvents: "none", }); } if (window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches) { return; } const css = ` .leaf-trail-leaf { position: fixed; top: 0; left: 0; width: 48px; max-width: 12vw; pointer-events: none; user-select: none; filter: drop-shadow(0 12px 14px rgba(0, 0, 0, 0.12)); opacity: 0; will-change: transform, opacity; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } @keyframes leaf-trail-fall { 0% { transform: translate3d( calc(var(--start-x, 0px) - 50%), calc(var(--start-y, 0px) - 50%), 0 ) rotate(var(--start-rotation, 0deg)); opacity: 0; } 10% { opacity: 1; } 55% { transform: translate3d( calc(var(--start-x, 0px) - 50% + var(--mid-drift-x, 0px)), calc(var(--start-y, 0px) - 50% + var(--mid-fall-distance, 50vh)), 0 ) rotate(var(--mid-rotation, 18deg)); } 100% { transform: translate3d( calc(var(--start-x, 0px) - 50% + var(--drift-x, 0px)), calc(var(--start-y, 0px) - 50% + var(--fall-distance, 100vh)), 0 ) rotate(var(--end-rotation, -24deg)); opacity: 0; } } `; const styleElement = document.createElement("style"); styleElement.textContent = css; document.head.appendChild(styleElement); const LEAF_URL = "https://cdn02.plentymarkets.com/fzraxqjvapo5/frontend/manda/Ahornblatt.svg"; const MIN_INTERVAL_MS = 800; const MAX_INTERVAL_MS = 2000; const MIN_DURATION_S = 4.5; const MAX_DURATION_S = 7.5; let lastPointerPosition = { x: window.innerWidth / 2, y: window.innerHeight / 3, }; let spawnTimeoutId; function scheduleNextLeaf() { const delay = Math.random() * (MAX_INTERVAL_MS - MIN_INTERVAL_MS) + MIN_INTERVAL_MS; spawnTimeoutId = window.setTimeout(() => { spawnLeaf(); scheduleNextLeaf(); }, delay); } function spawnLeaf() { const leaf = document.createElement("img"); leaf.src = LEAF_URL; leaf.alt = ""; leaf.className = "leaf-trail-leaf"; const size = Math.random() * 32 + 32; leaf.style.width = size + "px"; leaf.style.setProperty("--start-x", lastPointerPosition.x + "px"); leaf.style.setProperty("--start-y", lastPointerPosition.y + "px"); const fallDistance = Math.max(window.innerHeight - lastPointerPosition.y + 150, 220); leaf.style.setProperty("--fall-distance", fallDistance + "px"); const driftX = (Math.random() - 0.5) * (window.innerWidth * 0.35); const midDriftX = driftX * (0.3 + Math.random() * 0.4); leaf.style.setProperty("--drift-x", driftX + "px"); leaf.style.setProperty("--mid-drift-x", midDriftX.toFixed(1) + "px"); const midFallDistance = fallDistance * (0.4 + Math.random() * 0.25); leaf.style.setProperty("--mid-fall-distance", midFallDistance.toFixed(1) + "px"); const startRotation = (Math.random() * 40 - 20).toFixed(1) + "deg"; const midRotation = (Math.random() * 120 - 60).toFixed(1) + "deg"; const endRotation = (Math.random() * 160 - 80).toFixed(1) + "deg"; leaf.style.setProperty("--start-rotation", startRotation); leaf.style.setProperty("--mid-rotation", midRotation); leaf.style.setProperty("--end-rotation", endRotation); const duration = Math.random() * (MAX_DURATION_S - MIN_DURATION_S) + MIN_DURATION_S; leaf.style.animationName = "leaf-trail-fall"; leaf.style.animationDuration = duration.toFixed(2) + "s"; document.body.appendChild(leaf); const cleanup = () => { leaf.removeEventListener("animationend", cleanup); leaf.remove(); }; leaf.addEventListener("animationend", cleanup); } function handlePointerMove(event) { lastPointerPosition = { x: event.clientX, y: event.clientY, }; } window.addEventListener("pointermove", handlePointerMove, { passive: true }); window.addEventListener("resize", () => { lastPointerPosition.x = Math.min(lastPointerPosition.x, window.innerWidth - 20); lastPointerPosition.y = Math.min(lastPointerPosition.y, window.innerHeight - 20); }); window.addEventListener("beforeunload", () => { if (spawnTimeoutId) { window.clearTimeout(spawnTimeoutId); } }); spawnLeaf(); scheduleNextLeaf(); })();

* Alle Preise inkl. ges. MwSt. zzgl. Versandkosten, wenn nicht anders beschrieben
** gilt für Lieferungen innerhalb Deutschlands, Lieferzeiten für andere Länder entnehmen Sie bitte der Schaltfläche mit den Versandinformationen.
© Copyright 2025 Cyroline Textil GmbH. Alle Rechte vorbehalten.