<!doctype html>
<html class="no-js" lang="de" dir="ltr">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16834581925"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-16834581925');
</script>
<meta name="google-site-verification" content="c0Ltce6RBdZPRwNE0XPAUzIrEP_gwlj9lNXyfJBL5p8" />
<meta name="p:domain_verify" content="dc23f13f75067534a11705a915e143aa"/>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#daa447">
<link rel="canonical" href="https://emma-und-leo.de/">
<link rel="preconnect" href="https://cdn.shopify.com">
<link rel="preconnect" href="https://fonts.shopifycdn.com">
<link rel="dns-prefetch" href="https://productreviews.shopifycdn.com">
<link rel="dns-prefetch" href="https://ajax.googleapis.com">
<link rel="dns-prefetch" href="https://maps.googleapis.com">
<link rel="dns-prefetch" href="https://maps.gstatic.com"><link rel="shortcut icon" href="//emma-und-leo.de/cdn/shop/files/emma-und-leo-favicon_32x32.png?v=1761078975" type="image/png" /><title>Emma & Leo | Festkleider und festliche Outfits für Kinder
</title>
<meta name="description" content="Entdecken Sie die schönsten formellen Festkleider und Outfits bei Emma und Leo, Ihrer deutschen Boutique für weiße festliche Kinder- und Babybekleidung!">
<meta property="og:site_name" content="Emma & Leo">
<meta property="og:url" content="https://emma-und-leo.de/">
<meta property="og:title" content="Emma & Leo | Festkleider und festliche Outfits für Kinder">
<meta property="og:type" content="website">
<meta property="og:description" content="Entdecken Sie die schönsten formellen Festkleider und Outfits bei Emma und Leo, Ihrer deutschen Boutique für weiße festliche Kinder- und Babybekleidung!"><meta name="twitter:site" content="@">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Emma & Leo | Festkleider und festliche Outfits für Kinder">
<meta name="twitter:description" content="Entdecken Sie die schönsten formellen Festkleider und Outfits bei Emma und Leo, Ihrer deutschen Boutique für weiße festliche Kinder- und Babybekleidung!">
<style data-shopify>@font-face {
font-family: Questrial;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//emma-und-leo.de/cdn/fonts/questrial/questrial_n4.66abac5d8209a647b4bf8089b0451928ef144c07.woff2") format("woff2"),
url("//emma-und-leo.de/cdn/fonts/questrial/questrial_n4.e86c53e77682db9bf4b0ee2dd71f214dc16adda4.woff") format("woff");
}
@font-face {
font-family: Cormorant;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//emma-und-leo.de/cdn/fonts/cormorant/cormorant_n4.bd66e8e0031690b46374315bd1c15a17a8dcd450.woff2") format("woff2"),
url("//emma-und-leo.de/cdn/fonts/cormorant/cormorant_n4.e5604516683cb4cc166c001f2ff5f387255e3b45.woff") format("woff");
}
@font-face {
font-family: Cormorant;
font-weight: 600;
font-style: normal;
font-display: swap;
src: url("//emma-und-leo.de/cdn/fonts/cormorant/cormorant_n6.3930e9d27a43e1a6bc5a2b0efe8fe595cfa3bda5.woff2") format("woff2"),
url("//emma-und-leo.de/cdn/fonts/cormorant/cormorant_n6.f8314ab02a47b4a38ed5c78b31e8d1963c1cbe87.woff") format("woff");
}
@font-face {
font-family: Cormorant;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//emma-und-leo.de/cdn/fonts/cormorant/cormorant_i4.0b95f138bb9694e184a2ebaf079dd59cf448e2d3.woff2") format("woff2"),
url("//emma-und-leo.de/cdn/fonts/cormorant/cormorant_i4.75684eb0a368d69688996f5f8e72c62747e6c249.woff") format("woff");
}
@font-face {
font-family: Cormorant;
font-weight: 600;
font-style: italic;
font-display: swap;
src: url("//emma-und-leo.de/cdn/fonts/cormorant/cormorant_i6.d9cec4523bc4837b1c96b94ecf1a29351fbd8199.woff2") format("woff2"),
url("//emma-und-leo.de/cdn/fonts/cormorant/cormorant_i6.d18564a4f17d4e508a5eefe333645fbb7817d176.woff") format("woff");
}
</style><link href="//emma-und-leo.de/cdn/shop/t/2/assets/theme.css?v=139587426093898647291761077816" rel="stylesheet" type="text/css" media="all" async>
<link href="//emma-und-leo.de/cdn/shop/t/2/assets/perso.css?v=119371680504775265651761077815" rel="stylesheet" type="text/css" media="all" async>
<style data-shopify>:root {
--typeHeaderPrimary: Questrial;
--typeHeaderFallback: sans-serif;
--typeHeaderSize: 26px;
--typeHeaderWeight: 400;
--typeHeaderLineHeight: 1.1;
--typeHeaderSpacing: 0.0em;
--typeBasePrimary:Cormorant;
--typeBaseFallback:serif;
--typeBaseSize: 16px;
--typeBaseWeight: 400;
--typeBaseSpacing: 0.025em;
--typeBaseLineHeight: 1.6;
--typeCollectionTitle: 24px;
--iconWeight: 4px;
--iconLinecaps: miter;
--buttonRadius: 0px;
--colorGridOverlayOpacity: 0.0;
}
.placeholder-content {
background-image: linear-gradient(100deg, #e5e5e5 40%, #dddddd 63%, #e5e5e5 79%);
}</style>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://emma-und-leo.de"
}]
}
</script>
<link rel="preload" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css" async defer></noscript>
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll@15/dist/smooth-scroll.polyfills.min.js"></script>
<script>
var scroll = new SmoothScroll('a[href*="#"]', {
speed: 150
});
</script>
<script>
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
window.theme = window.theme || {};
theme.routes = {
home: "/",
cart: "/cart.js",
cartAdd: "/cart/add.js",
cartChange: "/cart/change.js"
};
theme.strings = {
soldOut: "Erschöpft",
unavailable: "Nicht verfügbar",
stockLabel: "",
willNotShipUntil: "",
willBeInStockAfter: "",
waitingForStock: "Inventur auf dem Weg",
savePrice: "Sparen Sie [saved_amount]",
cartEmpty: "Ihr Warenkorb ist leer.",
cartTermsConfirmation: "Sie müssen die Geschäftsbedingungen akzeptieren, um zu überprüfen"
};
theme.settings = {
dynamicVariantsEnable: true,
cartType: "drawer",
isCustomerTemplate: false,
moneyFormat: "{{amount_with_comma_separator}} €",
saveType: "percent",
recentlyViewedEnabled: false,
predictiveSearch: true,
predictiveSearchType: "product,article,page,collection",
inventoryThreshold: 10,
quickView: false,
themeName: 'Limitless',
themeVersion: "4.0.2"
};
theme.misc = {
fsTextOne: "You're",
fsTextTwo: "away from free shipping",
fsTextSuccess: "Congratulations, you've unlocked free shipping!",
aimedPrice: 90
};
</script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/99314598213/digital_wallets/dialog">
<script async="async" src="/checkouts/internal/preloads.js?locale=de-DE"></script>
<script id="shopify-features" type="application/json">{"accessToken":"8390ce0b4615d294d5f8412036cc7e2e","betas":["rich-media-storefront-analytics"],"domain":"emma-und-leo.de","predictiveSearch":true,"shopId":99314598213,"locale":"de"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "veersx-8t.myshopify.com";
Shopify.locale = "de";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "DE";
Shopify.theme = {"name":"theme-export-L","id":188376613189,"schema_name":"Limitless","schema_version":"1.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "emma-und-leo.de/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//emma-und-leo.de/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_CqW1pdan.de.esm.js"></script>
<script defer="defer" async type="module" src="//emma-und-leo.de/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CnfwdMT9.esm.js"></script>
<script type="module">
await import("//emma-und-leo.de/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_CqW1pdan.de.esm.js");
await import("//emma-und-leo.de/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CnfwdMT9.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script id="__st">var __st={"a":99314598213,"offset":3600,"reqid":"4d295199-a329-4cd7-903e-20f22b411312-1768317562","pageurl":"emma-und-leo.de\/","u":"cc85305c0b9a","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Durch hCaptcha geschützt',privacyText:'Datenschutz',termsText:'Allgemeine Geschäftsbedingungen'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-4kQ18oKyAcykRKYeNunJcIwy7WH5gtpwJnB7kiuLZ1E=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//emma-und-leo.de/cdn/shopifycloud/storefront/assets/storefront/load_feature-a0a9edcb.js" crossorigin="anonymous"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<script src="//emma-und-leo.de/cdn/shop/t/2/assets/vendor-scripts-v8.js" defer="defer"></script><script src="//emma-und-leo.de/cdn/shop/t/2/assets/theme.js?v=34348893529313972281761077793" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 99314598213,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 99314598213,storefrontBaseUrl: "https://emma-und-leo.de",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","a0d5f9d2"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Emma \u0026 Leo","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"veersx-8t.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/emma-und-leo.de"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://emma-und-leo.de/cdn","7cecd0b6w90c54c6cpe92089d5m57a67346",{"modern":"","legacy":""},{"shopId":"99314598213","storefrontBaseUrl":"https:\/\/emma-und-leo.de","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"a0d5f9d2\"]","isMerchantRequest":"false","hashVersion":"7cecd0b6w90c54c6cpe92089d5m57a67346","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home","requestId":"4d295199-a329-4cd7-903e-20f22b411312-1768317562"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 99314598213,
theme_id: 188376613189,
app_name: "storefront",
context_url: window.location.href,
source_url: "//emma-und-leo.de/cdn/s/trekkie.storefront.55c6279c31a6628627b2ba1c5ff367020da294e2.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//emma-und-leo.de/cdn/s/trekkie.storefront.55c6279c31a6628627b2ba1c5ff367020da294e2.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//emma-und-leo.de/cdn/s/trekkie.storefront.55c6279c31a6628627b2ba1c5ff367020da294e2.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":99314598213,"isMerchantRequest":null,"themeId":188376613189,"themeCityHash":"746734998526842413","contentLanguage":"de","currency":"EUR","eventMetadataId":"c5750f78-cb58-4693-b8d4-64cd92aa7d35"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"4d295199-a329-4cd7-903e-20f22b411312-1768317562","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//emma-und-leo.de/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://emma-und-leo.de/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.0.3.min.js"
data-application="storefront-renderer"
data-shop-id="99314598213"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="188376613189"
data-theme-name="Limitless"
data-theme-version="1.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://emma-und-leo.de/api/collect"
></script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {const LONG_FRAME_THRESHOLD = 50;const longAnimationFrames = [];let activeRafId = null;function collectLongFrames() {let previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}const delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')) {collectLongFrames();const timeoutId = setTimeout(() => {cancelAnimationFrame(activeRafId);}, 10_000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function(stopCollection = false) {if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();</script></head>
<body class="template-index" data-center-text="true" data-button_style="square" data-type_header_capitalize="false" data-type_headers_align_text="true" data-type_product_capitalize="false" data-swatch_style="round" data-instant-intensity="mousedown">
<a class="in-page-link visually-hidden skip-link" href="#MainContent">Zum Inhalt springen</a>
<div id="pre-scrim" class="pre-scrim"></div>
<div id="PageContainer" class="page-container">
<div class="transition-body"><div id="shopify-section-header" class="shopify-section">
<!-- CSS -->
<style>
.mobile-nav__toggle {
margin: auto;
}
.mobile-nav__grandchildlist:before {
display:none;
}
.mobile-nav__grandchildlist .mobile-nav__link {
padding: 5px;
}
.mobile-nav__grandchildlist li {
margin-bottom: 0;
}
.drawer_collection_image {
width: 55px;
height: 55px;
vertical-align: middle;
border-radius: 50%;
margin-right: 10px;
object-fit: cover;
border: 1px solid #ddd;
padding: 3px;
flex:none;
margin:6px;
}
.drawer_collection_image_small {
width: 45px;
height: 45px;
vertical-align: middle;
border-radius: 50%;
margin-right: 10px;
object-fit: cover;
border: 1px solid #ddd;
padding: 3px;
flex:none;
margin:6px;
}
.mobile-nav__sublist .mobile-nav__faux-link, .mobile-nav__sublist .mobile-nav__link {
margin:auto;
}
.link_w_collection_image {
display:flex;
flex: 1 1 auto;
}
.mobile-nav__child-item:after, .mobile-nav__grandchild-item:after {
content: '';
width: 95%;
position: absolute;
border-bottom: 1px solid #ebebeb;
bottom: 0;
margin: 0px 2.5%;
display: block;
}
.back_button {
padding: 14px 12px;
text-transform: uppercase;
width: 100%;
text-align: left;
color: #000000;
}
.drawer__close-button {
padding:0 10px 0 15px;
}
.view_all_link {
padding: 12px 12px !important;
}
</style>
<!-- JS -->
<script>
function slideMenu(div) {
var drawer_header = document.getElementById("drawerHeader").offsetHeight + "px";
var drawer = document.getElementById("drawerContent");
var divToSlide = document.getElementById(div);
drawer.style.transform = "translateX(-100%)";
divToSlide.style.transform = "translateX(0%)";
divToSlide.style.height = "100%";
divToSlide.style.marginTop = drawer_header;
}
function slideSubMenu(div, div2) {
var drawer_header = document.getElementById("drawerHeader").offsetHeight + "px";
var previousMenu = document.getElementById(div2);
var divToSlide = document.getElementById(div);
previousMenu.style.transform = "translateX(-100%)";
divToSlide.style.transform = "translateX(0%)";
divToSlide.style.height = "100%";
divToSlide.style.marginTop = drawer_header;
}
function backMenu(div) {
var drawer = document.getElementById("drawerContent");
var divToSlide = document.getElementById(div);
drawer.style.transform = "translateX(0%)";
divToSlide.style.transform = "translateX(100%)";
}
function backSubMenu(div, div2) {
var previousMenu = document.getElementById(div2);
var divToSlide = document.getElementById(div);
previousMenu.style.transform = "translateX(0%)";
divToSlide.style.transform = "translateX(100%)";
}
</script>
<div id="NavDrawer" class="drawer drawer--right">
<div id="drawerHeader" class="drawer__fixed-header drawer__fixed-header--full">
<div class="drawer__header drawer__header--full appear-animation appear-delay-1">
<div class="header-item header-item--logo" style=" text-align: center;height: 100%;justify-content: center;"><img
class="medium-up--hide lazyload"
src="//emma-und-leo.de/cdn/shop/files/emma-und-leo-logo_70x.png?v=1761078963"
srcset="//emma-und-leo.de/cdn/shop/files/emma-und-leo-logo_70x.png?v=1761078963 1x, //emma-und-leo.de/cdn/shop/files/emma-und-leo-logo_70x@2x.png?v=1761078963 2x"
alt="emma und leo logo" style="margin-left:46px;"></div>
<div class="drawer__close">
<button type="button" class="drawer__close-button js-drawer-close">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewbox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg>
<span class="icon__fallback-text">Menü schließen</span>
</button>
</div>
</div>
</div>
<div id="drawerContent" class="drawer__contents" style="transform:translateX(0%);transition:transform .5s;">
<div class="drawer__scrollable">
<ul class="mobile-nav" role="navigation" aria-label="Primary">
<!-- Exploration de tous les liens principaux du menu --><li class="mobile-nav__item appear-animation appear-delay-2 lazyload">
<span onclick="location='/'" class="mobile-nav__link mobile-nav__link--top-level" data-active="true" >Startseite</span></li><li class="mobile-nav__item appear-animation appear-delay-3 lazyload">
<div class="mobile-nav__has-sublist"><button type="button"
class="mobile-nav__link--button mobile-nav__link--top-level collapsible-trigger collapsible--auto-height" onclick="slideMenu('Linklist-2');">
<span class="mobile-nav__faux-link" >
Mädchen 0-3 Jahre
</span>
<div class="mobile-nav__toggle">
<span class="faux-button">
<i class="las la-long-arrow-alt-right"></i>
</span>
</div>
</button></div></li><li class="mobile-nav__item appear-animation appear-delay-4 lazyload">
<div class="mobile-nav__has-sublist"><button type="button"
class="mobile-nav__link--button mobile-nav__link--top-level collapsible-trigger collapsible--auto-height" onclick="slideMenu('Linklist-3');">
<span class="mobile-nav__faux-link" >
Mädchen 3-16 Jahre
</span>
<div class="mobile-nav__toggle">
<span class="faux-button">
<i class="las la-long-arrow-alt-right"></i>
</span>
</div>
</button></div></li><li class="mobile-nav__item appear-animation appear-delay-5 lazyload">
<div class="mobile-nav__has-sublist"><button type="button"
class="mobile-nav__link--button mobile-nav__link--top-level collapsible-trigger collapsible--auto-height" onclick="slideMenu('Linklist-4');">
<span class="mobile-nav__faux-link" >
Jungs 0-3 Jahre
</span>
<div class="mobile-nav__toggle">
<span class="faux-button">
<i class="las la-long-arrow-alt-right"></i>
</span>
</div>
</button></div></li><li class="mobile-nav__item appear-animation appear-delay-6 lazyload">
<div class="mobile-nav__has-sublist"><button type="button"
class="mobile-nav__link--button mobile-nav__link--top-level collapsible-trigger collapsible--auto-height" onclick="slideMenu('Linklist-5');">
<span class="mobile-nav__faux-link" >
Jungs 3-16 Jahre
</span>
<div class="mobile-nav__toggle">
<span class="faux-button">
<i class="las la-long-arrow-alt-right"></i>
</span>
</div>
</button></div></li><li class="mobile-nav__item appear-animation appear-delay-7 lazyload">
<div class="mobile-nav__has-sublist"><button type="button"
class="mobile-nav__link--button mobile-nav__link--top-level collapsible-trigger collapsible--auto-height" onclick="slideMenu('Linklist-6');">
<span class="mobile-nav__faux-link" >
Schuhe
</span>
<div class="mobile-nav__toggle">
<span class="faux-button">
<i class="las la-long-arrow-alt-right"></i>
</span>
</div>
</button></div></li><li class="mobile-nav__item appear-animation appear-delay-8 lazyload">
<div class="mobile-nav__has-sublist"><button type="button"
class="mobile-nav__link--button mobile-nav__link--top-level collapsible-trigger collapsible--auto-height" onclick="slideMenu('Linklist-7');">
<span class="mobile-nav__faux-link" >
Accessoires
</span>
<div class="mobile-nav__toggle">
<span class="faux-button">
<i class="las la-long-arrow-alt-right"></i>
</span>
</div>
</button></div></li><li class="mobile-nav__item mobile-nav__item--secondary appear-animation appear-delay-8">
<div class="grid"><div class="grid__item one-half appear-animation appear-delay-9">
<span onclick="location='/account'" rel="nofollow" class="mobile-nav__link">Sich anmelden
</span>
</div></div>
</li></ul><ul class="mobile-nav__social appear-animation appear-delay-10"></ul>
</div>
</div>
<!-- Premier slide de contenu -->
<div id="Linklist-2"
class="mobile-nav__sublist"
style=" position: absolute;width: 100%;height: 100%;display: block;z-index: 999;transform: translateX(100%);top: 0;transition:transform .5s;">
<!-- Sous sous catégories -->
<button class="back_button appear-animation appear-delay-1" onclick="backMenu('Linklist-2');">← Zurück</button>
<div class="collapsible-content__inner">
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-2"><span onclick="location='/collections/baby-kleid-festlich'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/baby-kleid-festlich_100x.jpg?v=1766403382" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-baby-kleid-festlich1" >
Alle
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li>
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-3"><span onclick="location='/collections/taufkleid'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/taufkleid_100x.png?v=1761082145" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-taufkleid2" >
Taufkleid
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li>
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-4"><span onclick="location='/collections/baby-kleid-hochzeit'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/baby-kleid-hochzeit_100x.jpg?v=1766403597" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-baby-kleid-hochzeit3" >
Hochzeitskleid
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li></ul>
</div>
</div>
<div id="Linklist-3"
class="mobile-nav__sublist"
style=" position: absolute;width: 100%;height: 100%;display: block;z-index: 999;transform: translateX(100%);top: 0;transition:transform .5s;">
<!-- Sous sous catégories -->
<button class="back_button appear-animation appear-delay-1" onclick="backMenu('Linklist-3');">← Zurück</button>
<div class="collapsible-content__inner">
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-2"><span onclick="location='/collections/festliche-kleider-madchen'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/festliche-kleider-madchen_100x.jpg?v=1766403186" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-festliche-kleider-madchen1" >
Alle
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li>
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-3"><span onclick="location='/collections/kommunionkleid'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/kommunionkleid_100x.jpg?v=1766403756" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-kommunionkleid2" >
Kommunionskleid
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li>
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-4"><span onclick="location='/collections/madchenkleider-hochzeit'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/madchenkleider-hochzeit_100x.jpg?v=1766403915" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-madchenkleider-hochzeit3" >
Kleider für Hochzeiten
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li>
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-5"><span onclick="location='/collections/festkleid-madchen'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/abendkleider-madchen_100x.jpg?v=1766404173" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-festkleid-madchen4" >
Festkleider
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li></ul>
</div>
</div>
<div id="Linklist-4"
class="mobile-nav__sublist"
style=" position: absolute;width: 100%;height: 100%;display: block;z-index: 999;transform: translateX(100%);top: 0;transition:transform .5s;">
<!-- Sous sous catégories -->
<button class="back_button appear-animation appear-delay-1" onclick="backMenu('Linklist-4');">← Zurück</button>
<div class="collapsible-content__inner">
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-2"><span onclick="location='/collections/festliche-kleidung-baby-junge'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/festliche-kleidung-baby-junge_100x.jpg?v=1766421312" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-festliche-kleidung-baby-junge1" >
Alle
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li>
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-3"><span onclick="location='/collections/taufe-outfit-junge'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/taufkleidung-junge_100x.jpg?v=1766421427" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-taufe-outfit-junge2" >
Taufkleidung
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li>
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-4"><span onclick="location='/collections/baby-outfit-hochzeit'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/baby-outfit-hochzeit_100x.jpg?v=1766421809" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-baby-outfit-hochzeit3" >
Hochzeitsoutfit
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li>
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-5"><span onclick="location='/collections/taufkleid-junge'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/taufkleid-junge_100x.jpg?v=1766422451" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-taufkleid-junge4" >
Taufkleid
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li></ul>
</div>
</div>
<div id="Linklist-5"
class="mobile-nav__sublist"
style=" position: absolute;width: 100%;height: 100%;display: block;z-index: 999;transform: translateX(100%);top: 0;transition:transform .5s;">
<!-- Sous sous catégories -->
<button class="back_button appear-animation appear-delay-1" onclick="backMenu('Linklist-5');">← Zurück</button>
<div class="collapsible-content__inner">
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-2"><span onclick="location='/collections/festliche-kleidung-jungen'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/festliche-kleidung-jungen_100x.jpg?v=1766471465" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-festliche-kleidung-jungen1" >
Alle
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li>
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-3"><span onclick="location='/collections/kinder-outfit-hochzeit-junge'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/kinder-outfit-hochzeit-junge_100x.jpg?v=1766471637" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-kinder-outfit-hochzeit-junge2" >
Hochzeitsoutfit
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li></ul>
</div>
</div>
<div id="Linklist-6"
class="mobile-nav__sublist"
style=" position: absolute;width: 100%;height: 100%;display: block;z-index: 999;transform: translateX(100%);top: 0;transition:transform .5s;">
<!-- Sous sous catégories -->
<button class="back_button appear-animation appear-delay-1" onclick="backMenu('Linklist-6');">← Zurück</button>
<div class="collapsible-content__inner">
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-2"><span onclick="location='/collections/taufschuhe-madchen'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/taufschuhe-madchen_100x.jpg?v=1766471877" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-taufschuhe-madchen1" >
Taufschuhe mädchen
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li>
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-3"><span onclick="location='/collections/festliche-madchenschuhe'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/festliche-madchenschuhe_100x.jpg?v=1766472027" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-festliche-madchenschuhe2" >
Mädchenschuhe
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li>
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-4"><span onclick="location='/collections/taufschuhe-junge'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/taufschuhe-junge_100x.jpg?v=1766472261" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-taufschuhe-junge3" >
Taufschuhe junge
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li>
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-5"><span onclick="location='/collections/festliche-schuhe-jungen'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/festliche-schuhe-jungen_100x.jpg?v=1766472136" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-festliche-schuhe-jungen4" >
Jungenschuhe
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li></ul>
</div>
</div>
<div id="Linklist-7"
class="mobile-nav__sublist"
style=" position: absolute;width: 100%;height: 100%;display: block;z-index: 999;transform: translateX(100%);top: 0;transition:transform .5s;">
<!-- Sous sous catégories -->
<button class="back_button appear-animation appear-delay-1" onclick="backMenu('Linklist-7');">← Zurück</button>
<div class="collapsible-content__inner">
<ul class="mobile-nav__sublist">
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-2"><span onclick="location='/collections/festliche-accessoires'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/festliche-accessoires_100x.jpg?v=1766472493" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-festliche-accessoires1" >
Alle
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li>
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-3"><span onclick="location='/collections/taufschal'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/taufschal_100x.jpg?v=1766472590" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-taufschal2" >
Taufschal
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li>
<li class="mobile-nav__item">
<div class="mobile-nav__child-item appear-animation appear-delay-4"><span onclick="location='/collections/taufumhang'" class="link_w_collection_image">
<img src="//emma-und-leo.de/cdn/shop/collections/taufumhang_100x.png?v=1766472699" class="drawer_collection_image lazyload" />
<span class="mobile-nav__link" id="Sublabel-collections-taufumhang3" >
Taufumhang
</span>
</span>
</div>
<!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</li></ul>
</div>
</div>
<!-- Deuxième slide de contenu --><!-- Sous sous catégories --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- Sous sous catégories --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- Sous sous catégories --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- Sous sous catégories --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- Sous sous catégories --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- Sous sous catégories --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- On affiche les sous-contenus si le dropdown a un dropdown --><!-- On affiche les sous-contenus si le dropdown a un dropdown -->
</div><div id="CartDrawer" class="drawer drawer--right">
<form action="/cart" method="post" novalidate class="drawer__contents">
<div class="drawer__fixed-header">
<div class="drawer__header appear-animation appear-delay-1">
<div class="h2 drawer__title">Warenkorb</div>
<div class="drawer__close">
<button type="button" class="drawer__close-button js-drawer-close">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewbox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg>
<span class="icon__fallback-text">Warenkorb schließen</span>
</button>
</div>
</div>
</div>
<div id="CartContainer" class="drawer__inner"></div>
</form>
</div><style>
.site-nav__link {
font-size: 19px;
}
.site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level) {
font-size: 16px;
}
.mobile-nav__link--top-level {
font-size: 15px;
}
.mobile-nav__child-item .mobile-nav__faux-link, .mobile-nav__child-item .mobile-nav__link {
font-size: 15px;
}
.mobile-nav__grandchildlist {
font-size: 15px;
}
.site-header {
box-shadow: 0 0 1px rgba(0,0,0,0.2);
}
.toolbar + .header-sticky-wrapper .site-header {
border-top: 0;
}</style>
<div data-section-id="header" data-section-type="header">
<div class="announcement-bar">
<div class="page-width">
<div class="slideshow-wrapper">
<button type="button" class="visually-hidden slideshow__pause" data-id="header" aria-live="polite">
<span class="slideshow__pause-stop">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pause" viewbox="0 0 10 13"><g fill="#000" fill-rule="evenodd"><path d="M0 0h3v13H0zM7 0h3v13H7z"/></g></svg>
<span class="icon__fallback-text"></span>
</span>
<span class="slideshow__pause-play">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-play" viewbox="18.24 17.35 24.52 28.3"><path fill="#323232" d="M22.1 19.151v25.5l20.4-13.489-20.4-12.011z"/></svg>
<span class="icon__fallback-text"></span>
</span>
</button>
<div
id="AnnouncementSlider"
class="announcement-slider"
data-compact="true"
data-block-count="1"><div
id="AnnouncementSlide-d4fb9631-acbf-498c-8a33-4f40bc6c2822"
class="announcement-slider__slide"
data-index="0"
><span class="announcement-text">Genießen Sie kostenlosen Versand für Ihre Veranstaltungen</span></div></div>
</div>
</div>
</div>
<div class="toolbar small--hide">
<div class="page-width">
<div class="toolbar__content"></div>
</div>
</div>
<div class="header-sticky-wrapper">
<div id="HeaderWrapper" class="header-wrapper"><header
id="SiteHeader"
class="site-header"
data-sticky="true"
data-overlay="false">
<div class="page-width">
<div
class="header-layout header-layout--left-center"
data-logo-align="left"><div class="header-item header-item--logo"><style data-shopify>.header-item--logo,
.header-layout--left-center .header-item--logo,
.header-layout--left-center .header-item--icons {
-webkit-box-flex: 0 1 70px;
-ms-flex: 0 1 70px;
flex: 0 1 70px;
}
@media only screen and (min-width: 769px) {
.header-item--logo,
.header-layout--left-center .header-item--logo,
.header-layout--left-center .header-item--icons {
-webkit-box-flex: 0 0 120px;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
}
}
.site-header__logo a {
width: 70px;
}
.is-light .site-header__logo .logo--inverted {
width: 70px;
}
@media only screen and (min-width: 769px) {
.site-header__logo a {
width: 120px;
}
.is-light .site-header__logo .logo--inverted {
width: 120px;
}
}</style><div class="h1 site-header__logo" itemscope itemtype="http://schema.org/Organization">
<a
href="/"
itemprop="url"
class="site-header__logo-link logo--has-inverted">
<img
class="small--hide"
src="//emma-und-leo.de/cdn/shop/files/emma-und-leo-logo_120x.png?v=1761078963"
srcset="//emma-und-leo.de/cdn/shop/files/emma-und-leo-logo_120x.png?v=1761078963 1x, //emma-und-leo.de/cdn/shop/files/emma-und-leo-logo_120x@2x.png?v=1761078963 2x"
alt="emma und leo logo"
itemprop="logo">
<img
class="medium-up--hide"
src="//emma-und-leo.de/cdn/shop/files/emma-und-leo-logo_70x.png?v=1761078963"
srcset="//emma-und-leo.de/cdn/shop/files/emma-und-leo-logo_70x.png?v=1761078963 1x, //emma-und-leo.de/cdn/shop/files/emma-und-leo-logo_70x@2x.png?v=1761078963 2x"
alt="emma und leo logo">
</a><a
href="/"
itemprop="url"
class="site-header__logo-link logo--inverted">
<img
class="small--hide"
src="//emma-und-leo.de/cdn/shop/files/emma-und-leo-favicon_120x.png?v=1761078975"
srcset="//emma-und-leo.de/cdn/shop/files/emma-und-leo-favicon_120x.png?v=1761078975 1x, //emma-und-leo.de/cdn/shop/files/emma-und-leo-favicon_120x@2x.png?v=1761078975 2x"
alt="emma und leo favicon"
itemprop="logo">
<img
class="medium-up--hide"
src="//emma-und-leo.de/cdn/shop/files/emma-und-leo-favicon_70x.png?v=1761078975"
srcset="//emma-und-leo.de/cdn/shop/files/emma-und-leo-favicon_70x.png?v=1761078975 1x, //emma-und-leo.de/cdn/shop/files/emma-und-leo-favicon_70x@2x.png?v=1761078975 2x"
alt="emma und leo logo">
</a><h1 itemscope itemtype="http://schema.org/Organization" style="margin:0 !important;">
<span class="visually-hidden">Festliche Kleider</span>
</h1></div></div><div class="header-item header-item--navigation text-center"><script>
function blurContent() {
var preScrim = document.querySelector(".pre-scrim");
preScrim.classList.add("is-visible");
}
function unblurContent() {
var preScrim = document.querySelector(".pre-scrim");
preScrim.classList.remove("is-visible");
}
</script>
<ul
class="site-nav site-navigation small--hide"
role="navigation" aria-label="Primary"
><li
class="site-nav__item site-nav__expanded-item"
>
<a href="/" class="site-nav__link site-nav__link--underline" >
Startseite
</a></li><li
class="site-nav__item site-nav__expanded-item site-nav--has-dropdown"
aria-haspopup="true" >
<a href="#" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown" >
Mädchen 0-3 Jahre
</a><ul class="site-nav__dropdown text-left"><li class="">
<a href="/collections/baby-kleid-festlich" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Alle
</a></li><li class="">
<a href="/collections/taufkleid" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Taufkleid
</a></li><li class="">
<a href="/collections/baby-kleid-hochzeit" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Hochzeitskleid
</a></li></ul></li><li
class="site-nav__item site-nav__expanded-item site-nav--has-dropdown"
aria-haspopup="true" >
<a href="#" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown" >
Mädchen 3-16 Jahre
</a><ul class="site-nav__dropdown text-left"><li class="">
<a href="/collections/festliche-kleider-madchen" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Alle
</a></li><li class="">
<a href="/collections/kommunionkleid" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Kommunionskleid
</a></li><li class="">
<a href="/collections/madchenkleider-hochzeit" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Kleider für Hochzeiten
</a></li><li class="">
<a href="/collections/festkleid-madchen" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Festkleider
</a></li></ul></li><li
class="site-nav__item site-nav__expanded-item site-nav--has-dropdown"
aria-haspopup="true" >
<a href="#" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown" >
Jungs 0-3 Jahre
</a><ul class="site-nav__dropdown text-left"><li class="">
<a href="/collections/festliche-kleidung-baby-junge" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Alle
</a></li><li class="">
<a href="/collections/taufe-outfit-junge" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Taufkleidung
</a></li><li class="">
<a href="/collections/baby-outfit-hochzeit" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Hochzeitsoutfit
</a></li><li class="">
<a href="/collections/taufkleid-junge" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Taufkleid
</a></li></ul></li><li
class="site-nav__item site-nav__expanded-item site-nav--has-dropdown"
aria-haspopup="true" >
<a href="#" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown" >
Jungs 3-16 Jahre
</a><ul class="site-nav__dropdown text-left"><li class="">
<a href="/collections/festliche-kleidung-jungen" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Alle
</a></li><li class="">
<a href="/collections/kinder-outfit-hochzeit-junge" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Hochzeitsoutfit
</a></li></ul></li><li
class="site-nav__item site-nav__expanded-item site-nav--has-dropdown"
aria-haspopup="true" >
<a href="#" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown" >
Schuhe
</a><ul class="site-nav__dropdown text-left"><li class="">
<a href="/collections/taufschuhe-madchen" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Taufschuhe mädchen
</a></li><li class="">
<a href="/collections/festliche-madchenschuhe" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Mädchenschuhe
</a></li><li class="">
<a href="/collections/taufschuhe-junge" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Taufschuhe junge
</a></li><li class="">
<a href="/collections/festliche-schuhe-jungen" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Jungenschuhe
</a></li></ul></li><li
class="site-nav__item site-nav__expanded-item site-nav--has-dropdown"
aria-haspopup="true" >
<a href="#" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown" >
Accessoires
</a><ul class="site-nav__dropdown text-left"><li class="">
<a href="/collections/festliche-accessoires" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Alle
</a></li><li class="">
<a href="/collections/taufschal" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Taufschal
</a></li><li class="">
<a href="/collections/taufumhang" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Taufumhang
</a></li></ul></li></ul>
</div><div class="header-item header-item--icons"><div class="site-nav">
<div class="site-nav__icons"><a class="site-nav__link site-nav__link--icon small--hide" href="/account" rel="nofollow" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewbox="0 0 64 64"><path d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg><span class="icon__fallback-text">Sich anmelden
</span>
</a><a href="/search" rel="nofollow" class="site-nav__link site-nav__link--icon js-search-header"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewbox="0 0 64 64"><path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"/></svg><span class="icon__fallback-text">Suchen</span>
</a><button
type="button"
class="site-nav__link site-nav__link--icon js-drawer-open-nav medium-up--hide"
aria-controls="NavDrawer"><svg class="icon icon-menu-modern" viewbox="0 0 24 24"><path d="M 0 4 L 0 6 L 26 6 L 26 4 Z M 0 12 L 0 14 L 26 14 L 26 12 Z M 0 20 L 0 22 L 26 22 L 26 20 Z"></path></svg><span class="icon__fallback-text">Navigation</span>
</button><a href="/cart" rel="nofollow" class="site-nav__link site-nav__link--icon js-drawer-open-cart" aria-controls="CartDrawer" data-icon="modern">
<span class="cart-link"><svg viewbox="0 0 54 54" class="icon icon-cart-modern"><path d="M 25 1 C 19.484375 1 15 5.484375 15 11 L 15 13 L 7.09375 13 L 2.875 50 L 47.125 50 L 42.90625 13 L 37 13 L 37 19 C 37 20.65625 35.65625 22 34 22 C 33.777344 22 33.550781 21.984375 33.34375 21.9375 C 32.003906 21.636719 31 20.433594 31 19 C 31 17.699219 31.839844 16.601563 33 16.1875 L 33 19 C 33 19.550781 33.445313 20 34 20 C 34.554688 20 35 19.550781 35 19 L 35 11 C 35 5.484375 30.515625 1 25 1 Z M 25 3 C 29.410156 3 33 6.589844 33 11 L 33 13 L 19 13 L 19 19 C 19 20.65625 17.65625 22 16 22 C 15.777344 22 15.550781 21.984375 15.34375 21.9375 C 14 21.636719 13 20.433594 13 19 C 13 17.699219 13.839844 16.601563 15 16.1875 L 15 19 C 15 19.550781 15.449219 20 16 20 C 16.550781 20 17 19.550781 17 19 L 17 11 C 17 6.589844 20.589844 3 25 3 Z"></path></svg><span class="icon__fallback-text">Warenkorb</span>
<span id="CartBubble" class="cart-link__bubble"></span>
</span>
</a>
</div>
</div></div>
</div></div>
<div class="site-header__search-container">
<div class="site-header__search">
<div class="page-width">
<form action="/search" method="get" role="search"
id="HeaderSearchForm"
class="site-header__search-form">
<input type="hidden" name="type" value="product,article,page,collection">
<button type="submit" class="text-link site-header__search-btn site-header__search-btn--submit"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewbox="0 0 64 64"><path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"/></svg><span class="icon__fallback-text">Suche</span>
</button>
<input type="search" name="q" value="" placeholder="Im Shop suchen" class="site-header__search-input" aria-label="Im Shop suchen">
</form>
<button type="button" id="SearchClose" class="js-search-header-close text-link site-header__search-btn"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close-modern" viewbox="0 0 24 24"><path d="M 5.7070312 4.2929688 L 4.2929688 5.7070312 L 10.585938 12 L 4.2929688 18.292969 L 5.7070312 19.707031 L 12 13.414062 L 18.292969 19.707031 L 19.707031 18.292969 L 13.414062 12 L 19.707031 5.7070312 L 18.292969 4.2929688 L 12 10.585938 L 5.7070312 4.2929688 z"></path></svg><span class="icon__fallback-text">"Schließen"</span>
</button>
</div>
</div><div id="PredictiveWrapper" class="predictive-results hide">
<div class="page-width">
<div id="PredictiveResults"></div>
<div class="text-center predictive-results__footer">
<button type="button" class="btn btn--small" data-predictive-search-button>
<small>
Mehr sehen
</small>
</button>
</div>
</div>
</div></div>
</header>
</div>
</div></div>
</div><div id="observed"></div>
<style>
.scrollToTopBtn {
background-color: white;
border: none;
border-radius: 50%;
color: black;
cursor: pointer;
font-size: 20px;
line-height: 48px;
width: 48px;
text-align: center;
box-shadow: 0 6px 16px #0000001f;
/* place it at the bottom right corner */
position: fixed;
bottom: 30px;
right: 30px;
/* keep it at the top of everything else */
z-index: 29;
/* hide with opacity */
opacity: 0;
/* also add a translate effect */
transform: translateY(100px);
/* and a transition */
transition: all .5s ease
}
.scrollToTopBtn:hover {
color: black;
background: #f5f5f5;
transform: translateY(-5px);
}
.showBtn {
opacity: 1;
transform: translateY(0)
}
</style>
<a href="#PageContainer" id="scrollToTopBtn" class="scrollToTopBtn" title="back to top"><i class="las la-arrow-up"></i></a>
<script type="text/javascript">
var scrollButton = document.querySelector('.scrollToTopBtn');
const myObserver = new IntersectionObserver(elements => {
if (elements[0].intersectionRatio !== 0) {
scrollButton.classList.remove("showBtn");
}
else {
scrollButton.classList.add("showBtn");
}
})
const productMeta = document.getElementById("SiteHeader");
myObserver.observe(document.getElementById("observed"));
// facultative
document.querySelector('#SiteHeader').scrollIntoView({
behavior: 'smooth'
});
</script><main class="main-content" id="MainContent">
<!-- BEGIN content_for_index --><div id="shopify-section-1624550305fba473d9" class="shopify-section index-section--hero"><div
data-section-id="1624550305fba473d9"
data-section-type="slideshow-section"
><div class="slideshow-wrapper"><style data-shopify>@media only screen and (min-width: 769px) {
.hero-natural--1624550305fba473d9 {
height: 0;
padding-bottom: 66.66666666666667%;
}
}</style><style data-shopify>@media screen and (max-width: 768px) {
.hero-natural-mobile--1624550305fba473d9 {
height: 0;
padding-bottom: 66.66666666666667%;
}
}</style><div class="hero-natural--1624550305fba473d9 hero-natural-mobile--1624550305fba473d9">
<div id="Slideshow-1624550305fba473d9"
class="hero hero--natural hero--1624550305fba473d9 hero--mobile--auto loading loading--delayed"
data-natural="true"
data-mobile-natural="true"
data-autoplay="false"
data-speed="5000"
data-dots="true"
data-bars="true"
data-slide-count="1"><div
class="slideshow__slide slideshow__slide--1624550305fba473d9-0"
data-index="0"
data-id="1624550305fba473d9-0"><style data-shopify>.slideshow__slide--1624550305fba473d9-0 .hero__title {
font-size: 20.0px;
}
@media only screen and (min-width: 769px) {
.slideshow__slide--1624550305fba473d9-0 .hero__title {
font-size: 40px;
}
}
</style><div class="hero__image-wrapper hero__image-wrapper--no-overlay"><img class="hero__image hero__image--1624550305fba473d9-0 lazyload small--hide"
src="//emma-und-leo.de/cdn/shop/files/festliche-shop_300x.jpg?v=1766473791"
data-src="//emma-und-leo.de/cdn/shop/files/festliche-shop_{width}x.jpg?v=1766473791"
data-aspectratio="1.5"
data-sizes="auto"
alt=""
style="object-position: center center"><img class="hero__image hero__image--1624550305fba473d9-0 lazyload medium-up--hide"
src="//emma-und-leo.de/cdn/shop/files/festliche-shop_300x.jpg?v=1766473791"
data-src="//emma-und-leo.de/cdn/shop/files/festliche-shop_{width}x.jpg?v=1766473791"
data-aspectratio="1.5"
data-sizes="auto"
alt=""
style="object-position: center center"><noscript>
<img class="hero__image hero__image--1624550305fba473d9-0"
src="//emma-und-leo.de/cdn/shop/files/festliche-shop_1400x.jpg?v=1766473791"
alt="">
</noscript></div></div></div>
</div>
</div></div>
</div><div id="shopify-section-16646426034b45cb0c" class="shopify-section index-section"><div class="text-center">
<div class="page-width">
<div class="grid">
<div class="grid__item"><div class="rte" ><p>Emma und Leo ist ein Geschäft, das sich der Auswahl edler und festlicher Kleidung für Kinder und Babys widmet.</p><p>Damit Sie wundervolle Tage erleben können, begleiten wir Sie gerne bei Ihrer Suche!</p>
</div></div>
</div>
</div>
</div>
</div><div id="shopify-section-16646506048d8a7b84" class="shopify-section index-section"><div class="page-width"><div class="feature-row" data-aos><div class="feature-row__item feature-row__text feature-row__text--right"><p class="text_and_image_subtitle h5">Kollektion Emma</p>
<h2 class="text_and_image_title h3">Festliche Kleider Mädchen</h2>
<div class="rte featured-row__subtext"><p>Die größte Kollektion festlicher Kinderkleider finden Sie in unserem Shop! Detailreich und mit viel Feingefühl gestaltete Modelle, um am großen Tag zu glänzen. </p><p></p><p>Unsere Textilien werden aus gesunden und hochwertigen Stoffen gefertigt, damit Ihre kleine Tochter elegant und zugleich bequem gekleidet ist.<br/></p><p></p></div><a href="/collections/festliche-kleider-madchen" class="btn">
Die kollektion ansehen
</a></div><div class="feature-row__item">
<div style="margin: 0 auto; max-width: 600px;"><a href="/collections/festliche-kleider-madchen"><div class="image-wrap" style="height: 0; padding-bottom: 100.0%;"><img class="feature-row__image lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/banner-festliche-madchen-kleid_{width}x.png?v=1766482227"
data-widths="[180, 360, 540, 720, 900, 1080]"
data-aspectratio="1.0"
data-sizes="auto"
alt="">
</div></a></div>
</div>
</div>
</div>
</div><div id="shopify-section-8e31e17d-9602-41d8-b947-9101573c3bcb" class="shopify-section index-section"><div class="text-left">
<div class="page-width">
<div class="grid">
<div class="grid__item"></div>
</div>
</div>
</div>
<style>
details > summary::-webkit-details-marker {
display: none;
}
</style>
<div class="page-width">
<details>
<summary>[+]</summary>
<p>Mit unseren atemberaubenden Outfits wird die große Feier für Sie und Ihr Kind noch aufregender und festlicher! Egal zu welchem Anlass, wir haben das passende Kleid. Emma et Leo ist eine einzigartige Marke für wunderschöne, preiswerte und luxuriöse Festkleider, die speziell dafür gemacht sind, Ihnen eine Freude zu bereiten!</p>
<p>Finden Sie bei Emma und Leo die perfekten Festkleider für Mädchen für Ihre Hochzeit oder die Hochzeit eines Angehörigen, eine Taufe, eine Kommunion oder sogar ein festliches Ereignis wie einen runden Geburtstag, ein großes Sommer- oder Frühlingsfest oder eine Abschlussfeier! Wir bieten eine große Auswahl an erschwinglichen Festkleidern für hübsche kleine Damen, die die Feierlichkeit des Anlasses perfekt unterstreichen und gleichzeitig Ihrem Kind ermöglichen, seinen Stil und seine Persönlichkeit zum Ausdruck zu bringen.</p>
<p>In unserer großen Farbpalette finden Sie garantiert eines unserer festlichen Kleider für Mädchen. Von Rot über Champagner und Himmelblau bis hin zu Smaragdgrün oder Mint – wir haben alle erdenklichen Kleiderfarben.</p>
</details>
</div>
</div><div id="shopify-section-166458697338663536" class="shopify-section index-section"><div
id="CollectionSection-166458697338663536"
data-section-id="166458697338663536"
data-section-type="collection-template"><div class="page-width">
<div class="section-header">
<h2 class="h2 featured_collection_title section-header__title">Kommunionkleid</h2>
<a href="/collections/kommunionkleid" class="btn btn--secondary btn--small section-header__link">Alles ansehen</a></div>
</div><div class="page-width page-width--flush-small">
<div class="grid-overflow-wrapper">
<div class="grid grid--uniform" data-aos="overflow__animation"><div class="grid__item grid-product small--one-half medium-up--one-quarter" data-aos="row-of-4" data-product-handle="kommunionkleid-madchen" data-product-id="15600215392581">
<div class="grid-product__content"><a href="/products/kommunionkleid-madchen" class="grid-product__link">
<div class="grid-product__image-mask"><div class="image-wrap"
style="height: 0; padding-bottom: 100.0%;"
>
<img class="grid-product__image lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/kommunionkleid-madchen_{width}x.jpg?v=1766506634"
data-widths="[180, 360, 540, 720, 900, 1080]"
data-aspectratio="1.0"
data-sizes="auto"
alt="Kommunionkleid mädchen ">
<noscript>
<img class="grid-product__image lazyloaded"
src="//emma-und-leo.de/cdn/shop/files/kommunionkleid-madchen_400x.jpg?v=1766506634"
alt="Kommunionkleid mädchen ">
</noscript>
</div><div class="grid-product__secondary-image small--hide"><img class="lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/imgi_37_Hd44125cb3ff0432f89e8a510135ad848o_1080x_0ff1855f-4595-40eb-8322-401c27b4fdd9_{width}x.jpg?v=1766506634"
data-widths="[180, 360, 540, 720, 1000]"
data-aspectratio="1.0"
data-sizes="auto"
alt="">
</div></div><style>.right_side_br {
font-size: 11.9px;
color: #494949;
margin-bottom: 3px;
font-weight: bold;
}</style><div class="grid-product__meta">
<h3 class="grid-product__title grid-product__title--body">Kommunionkleid Mädchen
</h3>
<div class="grid-product__price">89,90 €
</div></div>
</a>
</div>
</div>
<div class="grid__item grid-product small--one-half medium-up--one-quarter" data-aos="row-of-4" data-product-handle="kommunionkleid-modern" data-product-id="15600195928389">
<div class="grid-product__content"><a href="/products/kommunionkleid-modern" class="grid-product__link">
<div class="grid-product__image-mask"><div class="image-wrap"
style="height: 0; padding-bottom: 100.0%;"
>
<img class="grid-product__image lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/kommunionkleid-modern_{width}x.png?v=1766504011"
data-widths="[180, 360, 540, 720, 900, 1080]"
data-aspectratio="1.0"
data-sizes="auto"
alt="Kommunionkleid modern">
<noscript>
<img class="grid-product__image lazyloaded"
src="//emma-und-leo.de/cdn/shop/files/kommunionkleid-modern_400x.png?v=1766504011"
alt="Kommunionkleid modern">
</noscript>
</div><div class="grid-product__secondary-image small--hide"><img class="lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/imgi_37_Sbc8ac5b1eef24e4ab161586b00ad596dy_1080x_b24b6b33-7c48-417c-888c-f5bee6ce7df6_{width}x.png?v=1766504010"
data-widths="[180, 360, 540, 720, 1000]"
data-aspectratio="1.0"
data-sizes="auto"
alt="">
</div></div><style>.right_side_br {
font-size: 11.9px;
color: #494949;
margin-bottom: 3px;
font-weight: bold;
}</style><div class="grid-product__meta">
<h3 class="grid-product__title grid-product__title--body">Kommunionkleid Modern
</h3>
<div class="grid-product__price">109,90 €
</div></div>
</a>
</div>
</div>
<div class="grid__item grid-product small--one-half medium-up--one-quarter" data-aos="row-of-4" data-product-handle="kommunionkleid-boho" data-product-id="15600356884805">
<div class="grid-product__content"><a href="/products/kommunionkleid-boho" class="grid-product__link">
<div class="grid-product__image-mask"><div class="image-wrap"
style="height: 0; padding-bottom: 100.0%;"
>
<img class="grid-product__image lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/kommunionkleid-boho_{width}x.jpg?v=1766514759"
data-widths="[180, 360, 540, 720, 900, 1080]"
data-aspectratio="1.0"
data-sizes="auto"
alt="Kommunionkleid boho ">
<noscript>
<img class="grid-product__image lazyloaded"
src="//emma-und-leo.de/cdn/shop/files/kommunionkleid-boho_400x.jpg?v=1766514759"
alt="Kommunionkleid boho ">
</noscript>
</div><div class="grid-product__secondary-image small--hide"><img class="lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/imgi_37_H1f2567b3516a4d8fbe92b256ba9a4f56H_1_1080x_7930d5f9-f152-4dff-b472-f9df325b0013_{width}x.jpg?v=1766514760"
data-widths="[180, 360, 540, 720, 1000]"
data-aspectratio="0.6002400960384153"
data-sizes="auto"
alt="">
</div></div><style>.right_side_br {
font-size: 11.9px;
color: #494949;
margin-bottom: 3px;
font-weight: bold;
}</style><div class="grid-product__meta">
<h3 class="grid-product__title grid-product__title--body">Kommunionkleid Boho
</h3>
<div class="grid-product__price">74,90 €
</div></div>
</a>
</div>
</div>
<div class="grid__item grid-product small--one-half medium-up--one-quarter" data-aos="row-of-4" data-product-handle="kommunionkleid-spitze" data-product-id="15600343417157">
<div class="grid-product__content"><a href="/products/kommunionkleid-spitze" class="grid-product__link">
<div class="grid-product__image-mask"><div class="image-wrap"
style="height: 0; padding-bottom: 100.0%;"
>
<img class="grid-product__image lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/kommunionkleid-spitze_{width}x.jpg?v=1766514140"
data-widths="[180, 360, 540, 720, 900, 1080]"
data-aspectratio="1.0"
data-sizes="auto"
alt="Kommunionkleid spitze ">
<noscript>
<img class="grid-product__image lazyloaded"
src="//emma-und-leo.de/cdn/shop/files/kommunionkleid-spitze_400x.jpg?v=1766514140"
alt="Kommunionkleid spitze ">
</noscript>
</div><div class="grid-product__secondary-image small--hide"><img class="lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/kommunionkleid-spitze-8-Jahre_{width}x.jpg?v=1766514141"
data-widths="[180, 360, 540, 720, 1000]"
data-aspectratio="0.75"
data-sizes="auto"
alt="Kommunionkleid spitze 8 Jahre">
</div></div><style>.right_side_br {
font-size: 11.9px;
color: #494949;
margin-bottom: 3px;
font-weight: bold;
}</style><div class="grid-product__meta">
<h3 class="grid-product__title grid-product__title--body">Kommunionkleid Spitze
</h3>
<div class="grid-product__price">64,90 €
</div></div>
</a>
</div>
</div>
<div class="grid__item grid__item--view-all text-center small--one-half medium-up--one-quarter medium-up--hide">
<a href="/collections/kommunionkleid" class="grid-product__see-all">
Alle anzeigen<br>8 produkte
</a>
</div></div>
</div>
</div>
</div>
</div><div id="shopify-section-d7a534ce-0f1e-4465-aff8-9e86c4a7d6b0" class="shopify-section index-section"><div class="text-left">
<div class="page-width">
<div class="grid">
<div class="grid__item"></div>
</div>
</div>
</div>
<style>
details > summary::-webkit-details-marker {
display: none;
}
</style>
<div class="page-width">
<details>
<summary>[+]</summary>
<p>Willkommen in unserer Kategorie für Kommunionskleider für Mädchen, wo Sie den Charme Ihrer Tochter mit unseren wunderschönen Kleidern perfekt zur Geltung bringen können.</p>
<p>Sie sind sich nicht sicher, ob Sie die perfekte Größe finden werden? Wir bieten unseren Kunden die Möglichkeit, eine übersichtliche Größentabelle für das Kleid Ihrer Wahl einzusehen. Anstatt zu versuchen, eine Größe auf Ihrem Bildschirm zu schätzen, können Sie anhand unserer Maße in unserer übersichtlichen Größentabelle genau sehen, wie der Schnitt und die Größe in natura aussehen werden!</p>
<p>Von bodenlang bis knielang, wir haben alles! Die Länge unserer Kommunionskleider kann den Ton für die gesamte Veranstaltung angeben, also schränken Sie sich nicht ein, indem Sie in Geschäften einkaufen, die nur eine Handvoll Modelle und Längen anbieten! Wir bieten alle auf dem Markt erhältlichen Längen für Kommunionskleider für Mädchen an.</p>
</details>
</div>
</div><div id="shopify-section-16646507227341b645" class="shopify-section index-section"><div class="page-width"><div class="feature-row" data-aos><div class="feature-row__item">
<div style="margin: 0 auto; max-width: 600px;"><a href="/collections/festliche-kleidung-jungen"><div class="image-wrap" style="height: 0; padding-bottom: 100.0%;"><img class="feature-row__image lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/banner-festliche-kleidung-jungen_{width}x.png?v=1766483222"
data-widths="[180, 360, 540, 720, 900, 1080]"
data-aspectratio="1.0"
data-sizes="auto"
alt="">
</div></a></div>
</div>
<div class="feature-row__item feature-row__text feature-row__text--left"><p class="text_and_image_subtitle h5">Kollektion Leo</p>
<h2 class="text_and_image_title h3">Festliche Kleidung Jungen</h2>
<div class="rte featured-row__subtext"><p></p><p>Ihr Junge wird seinen Stil finden, um bei einer Zeremonie, einer Hochzeit oder auch einer Kommunion schick und elegant aufzutreten. </p><p></p><p>Der moderne und schlichte Look unserer Anzüge und Outfits hinterlässt einen starken Eindruck und überzeugt zugleich durch eine erstklassige Qualität.</p><p><br/></p></div><a href="/collections/festliche-kleidung-jungen" class="btn">
Die kollektion ansehen
</a></div></div>
</div>
</div><div id="shopify-section-9411078a-ce59-4c2a-8180-89bf6bc4056a" class="shopify-section index-section"><div class="text-left">
<div class="page-width">
<div class="grid">
<div class="grid__item"></div>
</div>
</div>
</div>
<style>
details > summary::-webkit-details-marker {
display: none;
}
</style>
<div class="page-width">
<details>
<summary>[+]</summary>
<p>Emma und Leo bieten Ihnen eine große Auswahl an hochwertigen Festtagskleidern für Jungen. Wir sind uns sicher, dass Sie verstehen, dass ein Festtag für ein Kind ein besonderer Anlass ist und dass seine Kleidung dies widerspiegeln sollte. Die Auswahl an Festtagskleidung umfasst eine Vielzahl von Stilen, Stoffen und Säumen für Kinderkleidung, die jedem Geschmack gerecht werden.</p>
<p>Unsere festlichen Outfits für Jungen werden sorgfältig aus ausgewählten Stoffen hergestellt, die mit Bedacht, Weitsicht und Sorgfalt ausgewählt wurden, um nicht nur optimalen Komfort, sondern auch garantierte Langlebigkeit zu gewährleisten! Mit einem bewährten Fokus auf Originalität und innovative Details verfügt jedes Kleidungsstück über komplexe, diskrete und solide Nähte, subtile Verzierungen und einzigartige Designs, die dafür sorgen, dass Ihr kleiner Prinz strahlt und auffällt.</p>
<p>Wenn Sie etwas suchen, das sich deutlich von den meisten Kleidungsstücken unterscheidet, die Kinder an diesem besonderen Tag tragen, bieten wir Ihnen eine große Auswahl. Entdecken Sie unser Sortiment und finden Sie das ideale Outfit, um Ihren Schatz zum Strahlen zu bringen und wertvolle Erinnerungen in seinem und Ihrem Leben zu schaffen. Vielen Dank, dass Sie uns bei der Auswahl unserer Outfits für Jungen vertrauen, die diese magischen Momente noch schöner machen werden!</p>
</details>
</div>
</div><div id="shopify-section-1664733051f363f766" class="shopify-section"><style data-shopify>.newsletter-1664733051f363f766 {
background-color: #f9f9f9;
color: #1c1d1d;
}
.newsletter-1664733051f363f766 .newsletter__input::-webkit-input-placeholder { color: #1c1d1d; }
.newsletter-1664733051f363f766 .newsletter__input::-moz-placeholder { color: #1c1d1d; }
.newsletter-1664733051f363f766 .newsletter__input::-ms-input-placeholder { color: #1c1d1d; }</style><div class="newsletter-section newsletter-1664733051f363f766">
<div class="page-width text-center"><p class="newsletter_title h3">Machen Sie Ihrer kinder eine Freude!</p>
<div class="rte"><p>Melden Sie sich an und erhalten Sonderangebote und einzigartige Geschenke.</p></div><form method="post" action="/contact#newsletter-1664733051f363f766" id="newsletter-1664733051f363f766" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<label for="Email-1664733051f363f766" class="hidden-label">Melden Sie sich an und erhalten Sonderangebote und einzigartige Geschenke.</label>
<input type="hidden" name="contact[tags]" value="prospect,newsletter">
<input type="hidden" name="contact[context]" value="section">
<div class="input-group newsletter__input-group">
<input type="email" value="" placeholder="Melden Sie sich an und erhalten Sonderangebote und einzigartige Geschenke." name="contact[email]" id="Email-1664733051f363f766" class="input-group-field newsletter__input" autocorrect="off" autocapitalize="off">
<div class="input-group-btn">
<button type="submit" class="btn" name="commit" aria-label="Submit">
<span class="form__submit--large">Anmelden</span>
<span class="form__submit--small">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-arrow-right" viewbox="0 0 50 15"><path d="M0 9.63V5.38h35V0l15 7.5L35 15V9.63z"/></svg>
</span>
</button>
</div>
</div></form>
</div>
</div>
</div><div id="shopify-section-16646376946444321a" class="shopify-section index-section"><div class="page-width"><div class="feature-row" data-aos><div class="feature-row__item feature-row__text feature-row__text--right"><p class="text_and_image_subtitle h5">Kollektion Emma</p>
<h2 class="text_and_image_title h3">Taufkleid</h2>
<div class="rte featured-row__subtext"><p>Eine einzigartige Kollektion weißer Taufkleider für eine unvergessliche Zeremonie. Entdecken Sie eine große Auswahl eleganter Outfits für Ihre kleine Tochter. Wir bieten außerdem maßgeschneiderte Services an!<br/><br/></p></div><a href="/collections/taufkleid" class="btn">
Die kollektion ansehen
</a></div><div class="feature-row__item">
<div style="margin: 0 auto; max-width: 600px;"><a href="/collections/taufkleid"><div class="image-wrap" style="height: 0; padding-bottom: 100.0%;"><img class="feature-row__image lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/banner-taufkleid_{width}x.png?v=1766483638"
data-widths="[180, 360, 540, 720, 900, 1080]"
data-aspectratio="1.0"
data-sizes="auto"
alt="">
</div></a></div>
</div>
</div>
</div>
</div><div id="shopify-section-2edb3f87-153d-4ee2-adf7-d64b11bc7a82" class="shopify-section index-section"><div class="text-left">
<div class="page-width">
<div class="grid">
<div class="grid__item"></div>
</div>
</div>
</div>
<style>
details > summary::-webkit-details-marker {
display: none;
}
</style>
<div class="page-width">
<details>
<summary>[+]</summary>
<p>Als originelle, schlichte und symbolträchtige Kleidung für Babys, die an einem bedeutenden religiösen Ereignis teilnehmen möchten, haben Taufkleider nur ein Ziel: zu Ihrem Kind zu passen.</p>
<p>Mit viel Liebe zum Detail, Elementen wie unseren Satinbändern, floralen Spitzenstickereien und subtilen Verzierungen, die für einen anmutigen Look sorgen, ist das Design unserer Kleider einzigartig! Um persönlichen Vorlieben und religiösen Traditionen gerecht zu werden, variieren die Längen der Unterröcke, die wir für die Modelle dieser Taufkollektion anbieten. Oft werden Accessoires ausgewählt, um das Gesamtbild abzurunden, wie beispielsweise unsere schönen Taufumhänge.</p>
<p>Hier sehen Sie unsere Taufkleider, die bei wichtigen Großveranstaltungen getragen werden und einen heiligen Schritt in der Beziehung eines jungen Mädchens zu ihrem Gott darstellen. Sie tragen auch dazu bei, die feierliche Atmosphäre während der Zeremonie zu unterstreichen und den Anlass sowohl für den Einzelnen als auch für die Gemeinschaft noch unvergesslicher und bedeutungsvoller zu machen.</p>
</details>
</div>
</div><div id="shopify-section-166458668163536c26" class="shopify-section index-section"><div
id="CollectionSection-166458668163536c26"
data-section-id="166458668163536c26"
data-section-type="collection-template"><div class="page-width">
<div class="section-header">
<h2 class="h2 featured_collection_title section-header__title">Festliche Schuhe</h2>
<a href="/collections/festliche-schuhe" class="btn btn--secondary btn--small section-header__link">Alles ansehen</a></div>
</div><div class="page-width page-width--flush-small">
<div class="grid-overflow-wrapper">
<div class="grid grid--uniform" data-aos="overflow__animation"><div class="grid__item grid-product small--one-half medium-up--one-quarter" data-aos="row-of-4" data-product-handle="weisse-festliche-madchenschuhe" data-product-id="15601473880389">
<div class="grid-product__content"><a href="/products/weisse-festliche-madchenschuhe" class="grid-product__link">
<div class="grid-product__image-mask"><div class="image-wrap"
style="height: 0; padding-bottom: 100.0%;"
>
<img class="grid-product__image lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/weisse-festliche-madchenschuhe_{width}x.jpg?v=1766661814"
data-widths="[180, 360, 540, 720, 900, 1080]"
data-aspectratio="1.0"
data-sizes="auto"
alt="Weiße festliche mädchenschuhe ">
<noscript>
<img class="grid-product__image lazyloaded"
src="//emma-und-leo.de/cdn/shop/files/weisse-festliche-madchenschuhe_400x.jpg?v=1766661814"
alt="Weiße festliche mädchenschuhe ">
</noscript>
</div><div class="grid-product__secondary-image small--hide"><img class="lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/festliche-madchenschuhe-10-jahre_{width}x.jpg?v=1766661814"
data-widths="[180, 360, 540, 720, 1000]"
data-aspectratio="1.0"
data-sizes="auto"
alt="Festliche madchenschuhe 10-jahre">
</div></div><style>.right_side_br {
font-size: 11.9px;
color: #494949;
margin-bottom: 3px;
font-weight: bold;
}</style><div class="grid-product__meta">
<h3 class="grid-product__title grid-product__title--body">Weiße Festliche Mädchenschuhe
</h3>
<div class="grid-product__price">59,90 €
</div></div>
</a>
</div>
</div>
<div class="grid__item grid-product small--one-half medium-up--one-quarter" data-aos="row-of-4" data-product-handle="taufschuhe-junge-weiss" data-product-id="15601528537413">
<div class="grid-product__content"><a href="/products/taufschuhe-junge-weiss" class="grid-product__link">
<div class="grid-product__image-mask"><div class="image-wrap"
style="height: 0; padding-bottom: 100.0%;"
>
<img class="grid-product__image lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/taufschuhe-junge-weiss_{width}x.jpg?v=1766670367"
data-widths="[180, 360, 540, 720, 900, 1080]"
data-aspectratio="1.0"
data-sizes="auto"
alt="Taufschuhe junge weiß ">
<noscript>
<img class="grid-product__image lazyloaded"
src="//emma-und-leo.de/cdn/shop/files/taufschuhe-junge-weiss_400x.jpg?v=1766670367"
alt="Taufschuhe junge weiß ">
</noscript>
</div><div class="grid-product__secondary-image small--hide"><img class="lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/imgi_38_H936c1ba7dd614dd8b08fef773ca5eec7w_1_1080x_52f1e058-01da-4c7a-a043-0ed6beff210e_{width}x.jpg?v=1766670610"
data-widths="[180, 360, 540, 720, 1000]"
data-aspectratio="1.0"
data-sizes="auto"
alt="">
</div></div><style>.right_side_br {
font-size: 11.9px;
color: #494949;
margin-bottom: 3px;
font-weight: bold;
}</style><div class="grid-product__meta">
<h3 class="grid-product__title grid-product__title--body">Taufschuhe Junge Weiß
</h3>
<div class="grid-product__price">29,90 €
</div></div>
</a>
</div>
</div>
<div class="grid__item grid-product small--one-half medium-up--one-quarter" data-aos="row-of-4" data-product-handle="taufschuhe-madchen-baby" data-product-id="15601470701893">
<div class="grid-product__content"><a href="/products/taufschuhe-madchen-baby" class="grid-product__link">
<div class="grid-product__image-mask"><div class="image-wrap"
style="height: 0; padding-bottom: 100.0%;"
>
<img class="grid-product__image lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/taufschuhe-madchen-baby_{width}x.jpg?v=1766661080"
data-widths="[180, 360, 540, 720, 900, 1080]"
data-aspectratio="1.0"
data-sizes="auto"
alt="Taufschuhe mädchen baby ">
<noscript>
<img class="grid-product__image lazyloaded"
src="//emma-und-leo.de/cdn/shop/files/taufschuhe-madchen-baby_400x.jpg?v=1766661080"
alt="Taufschuhe mädchen baby ">
</noscript>
</div><div class="grid-product__secondary-image small--hide"><img class="lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/33_4b9f0c6e-658b-4f72-bbc4-c83c322e3e7e_{width}x.jpg?v=1766661079"
data-widths="[180, 360, 540, 720, 1000]"
data-aspectratio="1.0"
data-sizes="auto"
alt="">
</div></div><style>.right_side_br {
font-size: 11.9px;
color: #494949;
margin-bottom: 3px;
font-weight: bold;
}</style><div class="grid-product__meta">
<h3 class="grid-product__title grid-product__title--body">Taufschuhe Mädchen Baby
</h3>
<div class="grid-product__price">29,90 €
</div></div>
</a>
</div>
</div>
<div class="grid__item grid-product small--one-half medium-up--one-quarter" data-aos="row-of-4" data-product-handle="festliche-schuhe-kinder-junge" data-product-id="15601526866245">
<div class="grid-product__content"><a href="/products/festliche-schuhe-kinder-junge" class="grid-product__link">
<div class="grid-product__image-mask"><div class="image-wrap"
style="height: 0; padding-bottom: 100.0%;"
>
<img class="grid-product__image lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/festliche-schuhe-kinder-junge_{width}x.jpg?v=1766669724"
data-widths="[180, 360, 540, 720, 900, 1080]"
data-aspectratio="1.0"
data-sizes="auto"
alt="Festliche schuhe kinder junge ">
<noscript>
<img class="grid-product__image lazyloaded"
src="//emma-und-leo.de/cdn/shop/files/festliche-schuhe-kinder-junge_400x.jpg?v=1766669724"
alt="Festliche schuhe kinder junge ">
</noscript>
</div><div class="grid-product__secondary-image small--hide"><img class="lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/festliche-schuhe-junge-10-Jahre_{width}x.jpg?v=1766669725"
data-widths="[180, 360, 540, 720, 1000]"
data-aspectratio="1.0"
data-sizes="auto"
alt="Festliche schuhe junge 10 Jahre">
</div></div><style>.right_side_br {
font-size: 11.9px;
color: #494949;
margin-bottom: 3px;
font-weight: bold;
}</style><div class="grid-product__meta">
<h3 class="grid-product__title grid-product__title--body">Festliche Schuhe Kinder Junge
</h3>
<div class="grid-product__price">47,90 €
</div></div>
</a>
</div>
</div>
<div class="grid__item grid__item--view-all text-center small--one-half medium-up--one-quarter medium-up--hide">
<a href="/collections/festliche-schuhe" class="grid-product__see-all">
Alle anzeigen<br>8 produkte
</a>
</div></div>
</div>
</div>
</div>
</div><div id="shopify-section-d070ba3e-c18f-496a-8aad-863bcf4c8aed" class="shopify-section index-section"><div class="text-left">
<div class="page-width">
<div class="grid">
<div class="grid__item"></div>
</div>
</div>
</div>
<style>
details > summary::-webkit-details-marker {
display: none;
}
</style>
<div class="page-width">
<details>
<summary>[+]</summary>
<p>Unsere Kollektion umfasst wunderschöne Schuhe, die sich perfekt für diesen Anlass eignen. Die festlichen Schuhe sind in den Farben Elfenbein, Beige, Schwarz und Weiß erhältlich. Unser Geschäft bietet auch erschwingliche Preise, sodass Eltern leichter schöne Schuhe für die Feier ihres Kindes finden können, ohne sich finanziell zu ruinieren.</p>
<p>Unsere festlichen Schuhe werden unter Berücksichtigung der neuesten Modetrends entworfen; wir bieten viele zeitgemäße Modelle an. Die festlichen Schuhe strahlen Luxus und hohe Qualität aus und werden Ihr Kind mit ihren komplexen, unverwechselbaren Details begeistern.</p>
<p>Alle Festschuhe können mit Kleidern für Mädchen, Anzügen für Jungen und schönen Outfits für Neugeborene sowie anderen Accessoires kombiniert werden, um ihre Schönheit und ihr Potenzial in voller Pracht zur Geltung zu bringen. Wenn Ihr Kind also in seinem Outfit zu dieser Feier geht, wird eines unserer wertvollen Modelle aus unserer traditionellen und modernen Auswahl diesen Moment zu etwas ganz Besonderem machen.</p>
</details>
</div>
</div><div id="shopify-section-16646397516471ee05" class="shopify-section index-section"><div class="page-width"><div class="feature-row" data-aos><div class="feature-row__item">
<div style="margin: 0 auto; max-width: 600px;"><a href="/collections/taufe-outfit-junge"><div class="image-wrap" style="height: 0; padding-bottom: 100.0%;"><img class="feature-row__image lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/banner-taufkleidung-junge_{width}x.png?v=1766484182"
data-widths="[180, 360, 540, 720, 900, 1080]"
data-aspectratio="1.0"
data-sizes="auto"
alt="">
</div></a></div>
</div>
<div class="feature-row__item feature-row__text feature-row__text--left"><p class="text_and_image_subtitle h5">Kollektion Leo</p>
<h2 class="text_and_image_title h3">Taufkleidung Junge</h2>
<div class="rte featured-row__subtext"><p></p><p>Strampler, kleine Anzüge und elegante Taufoutfits für Ihre kleinen Jungen prägen unsere Bekleidungskollektion! So kann die Zeremonie in voller Eleganz stattfinden.</p><p></p><p></p></div><a href="/collections/taufe-outfit-junge" class="btn">
Die kollektion ansehen
</a></div></div>
</div>
</div><div id="shopify-section-93308c2b-29b3-4b2c-8c80-2b29ff50e85f" class="shopify-section index-section"><div class="text-left">
<div class="page-width">
<div class="grid">
<div class="grid__item"></div>
</div>
</div>
</div>
<style>
details > summary::-webkit-details-marker {
display: none;
}
</style>
<div class="page-width">
<details>
<summary>[+]</summary>
<p>Kleiden Sie sich für dieses Ereignis formell! Wenn es darum geht, das perfekte Paar Schuhe zu finden, sind wir die richtige Adresse für Sie. Die Kleidung für besondere Anlässe für Jungen, wie z. B. eine Taufe, aus unserem Kinderladen wird mit viel Liebe zum Detail hergestellt. Kleiden Sie ihn so, dass er in einem besonderen Taufoutfit, das seinen einzigartigen und individuellen Stil unterstreicht, umwerfend aussieht.</p>
<p>Mit einer unglaublichen Auswahl an hochwertigen und unglaublich eleganten Taufoutfits für Jungen ist Emma und Leo die erste Adresse für alle Ihre Bedürfnisse in Sachen formelle Kleidung für Jungen. Wir bieten eine große Auswahl an Taufoutfits für Jungen, die mit Hilfe unserer Auswahlfilter nach Preis, Beliebtheit oder Datum der Aufnahme sortiert werden können.</p>
<p>Darüber hinaus verbinden unsere formellen Taufanzüge für Jungen auf harmonische Weise Tradition, Spiritualität und Schönheit und hinterlassen bleibende Spuren in der Kirche, die für diesen wichtigen Schritt in der Intimität Ihres Jungen mit seinem Familienvater ausgewählt wurde.</p>
</details>
</div>
</div><!-- END content_for_index -->
</main><div id="shopify-section-footer-promotions" class="shopify-section index-section--footer">
</div><div id="shopify-section-trust-badges" class="shopify-section">
<style>
#shopify-section-trust-badges {
background: #ffffff;
}
.dark_bg {
transform: translate(0%, -2000%);
width: 100%;
height: 100%;
top: 0;
left: 0;
background: none;
z-index: 100;
position: fixed;
opacity:0;
transition: opacity 0.25s;
}
.close_pop_up {
right: 0;
position: absolute;
top: 0;
margin: 6px 12px;
font-size: 16px;
cursor:pointer;
}
.rassurance_badges {
display: inline-block;
margin: 10px auto;
width:100%;
}
#badge_1, #badge_2, #badge_3, #badge_4 {
width:25%;
display: inline-block;
float:left;
text-align: center;
padding: 10px;
cursor: pointer;
}
.badge_image_1, .badge_image_2, .badge_image_3, .badge_image_4 {
margin: auto;
}
#badge_1_wrap, #badge_2_wrap, #badge_3_wrap, #badge_4_wrap {
height:140px;
display: flex;
align-items: center;
transition: transform 0.25s;
overflow: hidden;
}
#extended_badge_1, #extended_badge_2, #extended_badge_3, #extended_badge_4 {
opacity: 0;
transform: translate(-50%, -2000%);
}
.pop_up_badge_div {
left: 50%;
top: 50%;
position: fixed;
background: #ffffff;
width: 700px;
max-height:90%;
padding: 25px 35px;
transition: opacity 0.25s;
z-index: 999;
overflow: auto;
white-space: normal;
box-shadow: 0 0 12px #00000050;
}
.extended_badge_title {
margin: 20px 0;
text-align: center;
color: #4a4665;
}
.badge_extended_text {
text-align:center;
color: #4a4665;
}
.badge_text {
font-size: 16px;
border:2px solid transparent;
transition: font-size 0.25s, border 0.25s, background 0.25s, color 0.25s;
color: #4a4665;
}
.badge_more_text {
display: block;
font-size: 16px;
margin-top: 5px;
color: #4a4665;
}
.badge_text_div {
transition: transform 0.25s 0.1s;
}
#badge_1:hover #badge_1_wrap, #badge_2:hover #badge_2_wrap, #badge_3:hover #badge_3_wrap, #badge_4:hover #badge_4_wrap {
transform:translateY(-10px);
}
.badges_hr {
margin-bottom: 0;
}
@media screen and (max-width:768px) {
.pop_up_badge_div {
width:calc(100% - 40px);
}
#badge_1, #badge_2, #badge_3, #badge_4 {
width:100%;
flex: 0 0 100%;
white-space:normal;
float:none;
scroll-snap-align: start start;
}
.rassurance_badges {
display: inline-flex;
white-space: nowrap;
width:100%;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
flex-direction: column;
}
}
.badges_svg {
padding:0 !important;
}
</style>
<script>
function extendBadge1() {
var extended_badge_1 = document.getElementById("extended_badge_1");
var badge_1_darkBg = document.getElementById("badge_1_darkBg");
extended_badge_1.style.transform = "translate(-50%, -50%)";
extended_badge_1.style.opacity = "1";
badge_1_darkBg.style.transform = "translate(0%,0%)";
badge_1_darkBg.style.transition = "opacity 0.25s";
badge_1_darkBg.style.opacity = "1";
badge_1_darkBg.style.background = "#00000087";
}
function closeBadge1() {
var extended_badge_1 = document.getElementById("extended_badge_1");
var badge_1_darkBg = document.getElementById("badge_1_darkBg");
extended_badge_1.style.opacity = "0";
extended_badge_1.style.transform = "translate(0%, -2000%)";
badge_1_darkBg.style.opacity = "0";
badge_1_darkBg.style.transform = "translate(0%, -2000%)";
badge_1_darkBg.style.transition = "opacity 0.25s, transform 0s 0.25s";
badge_1_darkBg.style.opacity = "0";
}
function extendBadge2() {
var extended_badge_2 = document.getElementById("extended_badge_2");
var badge_2_darkBg = document.getElementById("badge_2_darkBg");
extended_badge_2.style.transform = "translate(-50%, -50%)";
extended_badge_2.style.opacity = "1";
badge_2_darkBg.style.transform = "translate(0%,0%)";
badge_2_darkBg.style.transition = "opacity 0.25s";
badge_2_darkBg.style.opacity = "1";
badge_2_darkBg.style.background = "#00000087";
}
function closeBadge2() {
var extended_badge_2 = document.getElementById("extended_badge_2");
var badge_2_darkBg = document.getElementById("badge_2_darkBg");
extended_badge_2.style.opacity = "0";
extended_badge_2.style.transform = "translate(0%, -2000%)";
badge_2_darkBg.style.opacity = "0";
badge_2_darkBg.style.transform = "translate(0%, -2000%)";
badge_2_darkBg.style.transition = "opacity 0.25s, transform 0s 0.25s";
badge_2_darkBg.style.opacity = "0";
}
function extendBadge3() {
var extended_badge_3 = document.getElementById("extended_badge_3");
var badge_3_darkBg = document.getElementById("badge_3_darkBg");
extended_badge_3.style.transform = "translate(-50%, -50%)";
extended_badge_3.style.opacity = "1";
badge_3_darkBg.style.transform = "translate(0%,0%)";
badge_3_darkBg.style.transition = "opacity 0.25s";
badge_3_darkBg.style.opacity = "1";
badge_3_darkBg.style.background = "#00000087";
}
function closeBadge3() {
var extended_badge_3 = document.getElementById("extended_badge_3");
var badge_3_darkBg = document.getElementById("badge_3_darkBg");
extended_badge_3.style.opacity = "0";
extended_badge_3.style.transform = "translate(0%, -2000%)";
badge_3_darkBg.style.opacity = "0";
badge_3_darkBg.style.transform = "translate(0%, -2000%)";
badge_3_darkBg.style.transition = "opacity 0.25s, transform 0s 0.25s";
badge_3_darkBg.style.opacity = "0";
}
function extendBadge4() {
var extended_badge_4 = document.getElementById("extended_badge_4");
var badge_4_darkBg = document.getElementById("badge_4_darkBg");
extended_badge_4.style.transform = "translate(-50%, -50%)";
extended_badge_4.style.opacity = "1";
badge_4_darkBg.style.transform = "translate(0%,0%)";
badge_4_darkBg.style.transition = "opacity 0.25s";
badge_4_darkBg.style.opacity = "1";
badge_4_darkBg.style.background = "#00000087";
}
function closeBadge4() {
var extended_badge_4 = document.getElementById("extended_badge_4");
var badge_4_darkBg = document.getElementById("badge_4_darkBg");
extended_badge_4.style.opacity = "0";
extended_badge_4.style.transform = "translate(0%, -2000%)";
badge_4_darkBg.style.opacity = "0";
badge_4_darkBg.style.transform = "translate(0%, -2000%)";
badge_4_darkBg.style.transition = "opacity 0.25s, transform 0s 0.25s";
badge_4_darkBg.style.opacity = "0";
}
</script>
<div class="page-width">
<div id="rassuranceBadges" class="rassurance_badges">
<div id="badge_1" onclick="extendBadge1();">
<div id="badge_1_wrap">
<div class="aos-animate badge_image_1" style="width: 142px;">
<div class="image-wrap" style="height: 0; padding-bottom: 100.0%;background:none;"><img class="lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/kostenlose-Lieferung_{width}x.png?v=1766490293"
data-widths="[360, 540, 700, 1024]"
data-aspectratio="1.0"
data-sizes="auto"
alt="">
<noscript>
<img class="lazyloaded" src="//emma-und-leo.de/cdn/shop/files/kostenlose-Lieferung_200x.png?v=1766490293" alt="">
</noscript>
</div>
</div>
</div>
<div class="badge_text_div">
<span class="h3 badge_text">Kostenlose Lieferung</span>
<span class="badge_more_text">Profitieren Sie bei all Ihren Einkäufen von einer kostenlosen Lieferung.</span>
</div>
</div>
<div id="badge_1_darkBg" class="dark_bg" onclick="closeBadge1();"></div>
<div id="extended_badge_1" class="pop_up_badge_div">
<div class="aos-animate badge_image_1" style="width: 142px;">
<div class="image-wrap" style="height: 0; padding-bottom: 100.0%;background:none;"><img class="lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/kostenlose-Lieferung_{width}x.png?v=1766490293"
data-widths="[360, 540, 700, 1024]"
data-aspectratio="1.0"
data-sizes="auto"
alt="">
<noscript>
<img class="lazyloaded" src="//emma-und-leo.de/cdn/shop/files/kostenlose-Lieferung_200x.png?v=1766490293" alt="">
</noscript>
</div>
</div>
<span class="extended_badge_title h2">Kostenlose Lieferung</span>
<div class="badge_extended_text"></div>
<span class="close_pop_up" id="close-pop-up" onclick="closeBadge1();">
<i class="las la-times size_chart_cross_size"></i>
</span>
</div>
<div id="badge_2" onclick="extendBadge2();">
<div id="badge_2_wrap">
<div class="aos-animate badge_image_2" style="width: 150px;">
<div class="image-wrap" style="height: 0; padding-bottom: 100.0%;background:none;"><img class="lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/Know-how_{width}x.png?v=1766490377"
data-widths="[360, 540, 700, 1024]"
data-aspectratio="1.0"
data-sizes="auto"
alt="">
<noscript>
<img class="lazyloaded" src="//emma-und-leo.de/cdn/shop/files/Know-how_200x.png?v=1766490377" alt="">
</noscript>
</div>
</div>
</div>
<div class="badge_text_div">
<span class="h3 badge_text">Zusammenarbeiten mit renommierten Nähereien</span>
<span class="badge_more_text">Wir arbeiten ausschließlich mit Herstellern zusammen, die für ihre herausragende Handwerkskunst bekannt sind.</span>
</div>
</div>
<div id="badge_2_darkBg" class="dark_bg" onclick="closeBadge2();"></div>
<div id="extended_badge_2" class="pop_up_badge_div">
<div class="aos-animate badge_image_2" style="width: 150px;">
<div class="image-wrap" style="height: 0; padding-bottom: 100.0%;background:none;"><img class="lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/Know-how_{width}x.png?v=1766490377"
data-widths="[360, 540, 700, 1024]"
data-aspectratio="1.0"
data-sizes="auto"
alt="">
<noscript>
<img class="lazyloaded" src="//emma-und-leo.de/cdn/shop/files/Know-how_200x.png?v=1766490377" alt="">
</noscript>
</div>
</div>
<span class="extended_badge_title h2">Zusammenarbeiten mit renommierten Nähereien</span>
<div class="badge_extended_text"></div>
<span class="close_pop_up" id="close-pop-up" onclick="closeBadge2();">
<i class="las la-times size_chart_cross_size"></i>
</span>
</div>
<div id="badge_3" onclick="extendBadge3();">
<div id="badge_3_wrap">
<div class="aos-animate badge_image_3" style="width: 156px;">
<div class="image-wrap" style="height: 0; padding-bottom: 100.0%;background:none;"><img class="lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/einfache-rucksendung_{width}x.png?v=1766490429"
data-widths="[360, 540, 700, 1024]"
data-aspectratio="1.0"
data-sizes="auto"
alt="">
<noscript>
<img class="lazyloaded" src="//emma-und-leo.de/cdn/shop/files/einfache-rucksendung_200x.png?v=1766490429" alt="">
</noscript>
</div>
</div>
</div>
<div class="badge_text_div">
<span class="h3 badge_text">Unkomplizierte Rücksendungen</span>
<span class="badge_more_text">Wir bieten Ihnen eine 14-tägige Rückgabefrist, damit Sie Ihre Meinung ändern können!</span>
</div>
</div>
<div id="badge_3_darkBg" class="dark_bg" onclick="closeBadge3();"></div>
<div id="extended_badge_3" class="pop_up_badge_div">
<div class="aos-animate badge_image_3" style="width: 156px;">
<div class="image-wrap" style="height: 0; padding-bottom: 100.0%;background:none;"><img class="lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/einfache-rucksendung_{width}x.png?v=1766490429"
data-widths="[360, 540, 700, 1024]"
data-aspectratio="1.0"
data-sizes="auto"
alt="">
<noscript>
<img class="lazyloaded" src="//emma-und-leo.de/cdn/shop/files/einfache-rucksendung_200x.png?v=1766490429" alt="">
</noscript>
</div>
</div>
<span class="extended_badge_title h2">Unkomplizierte Rücksendungen</span>
<div class="badge_extended_text"></div>
<span class="close_pop_up" id="close-pop-up" onclick="closeBadge3();">
<i class="las la-times size_chart_cross_size"></i>
</span>
</div>
<div id="badge_4" onclick="extendBadge4();">
<div id="badge_4_wrap">
<div class="aos-animate badge_image_4" style="width: 118px;">
<div class="image-wrap" style="height: 0; padding-bottom: 100.0%;background:none;"><img class="lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/Kundendienst_{width}x.png?v=1766490443"
data-widths="[360, 540, 700, 1024]"
data-aspectratio="1.0"
data-sizes="auto"
alt="">
<noscript>
<img class="lazyloaded" src="//emma-und-leo.de/cdn/shop/files/Kundendienst_200x.png?v=1766490443" alt="">
</noscript>
</div>
</div>
</div>
<div class="badge_text_div">
<span class="h3 badge_text">Kundenservice</span>
<span class="badge_more_text">Wir beantworten Ihre Anfrage innerhalb kürzester Zeit.</span>
</div>
</div>
<div id="badge_4_darkBg" class="dark_bg" onclick="closeBadge4();"></div>
<div id="extended_badge_4" class="pop_up_badge_div">
<div class="aos-animate badge_image_4" style="width: 118px;">
<div class="image-wrap" style="height: 0; padding-bottom: 100.0%;background:none;"><img class="lazyload"
data-src="//emma-und-leo.de/cdn/shop/files/Kundendienst_{width}x.png?v=1766490443"
data-widths="[360, 540, 700, 1024]"
data-aspectratio="1.0"
data-sizes="auto"
alt="">
<noscript>
<img class="lazyloaded" src="//emma-und-leo.de/cdn/shop/files/Kundendienst_200x.png?v=1766490443" alt="">
</noscript>
</div>
</div>
<span class="extended_badge_title h2">Kundenservice</span>
<div class="badge_extended_text"></div>
<span class="close_pop_up" id="close-pop-up" onclick="closeBadge4();">
<i class="las la-times size_chart_cross_size"></i>
</span>
</div>
</div>
</div>
</div><div id="shopify-section-footer" class="shopify-section"><footer class="site-footer" data-section-id="footer" data-section-type="footer-section">
<div class="page-width">
<div class="grid"><div class="grid__item footer__item--20c14146-5209-451b-b46b-f1bcf4f5e70c" data-type="custom"><style data-shopify>@media only screen and (min-width: 769px) and (max-width: 959px) {
.footer__item--20c14146-5209-451b-b46b-f1bcf4f5e70c {
width: 50%;
padding-top: 40px;
}
.footer__item--20c14146-5209-451b-b46b-f1bcf4f5e70c:nth-child(2n + 1) {
clear: left;
}
}
@media only screen and (min-width: 960px) {
.footer__item--20c14146-5209-451b-b46b-f1bcf4f5e70c {
width: 25%;
}
}</style><div class="footer__item-padding"><p class="h4 footer__title small--hide">EINE FRAGE?</p>
<button type="button" class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-20c14146-5209-451b-b46b-f1bcf4f5e70c">
EINE FRAGE?
<span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewbox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button><div
id="Footer-20c14146-5209-451b-b46b-f1bcf4f5e70c" class="collapsible-content collapsible-content--small"
>
<div class="collapsible-content__inner">
<div class="footer__collapsible"><p><a href="/pages/faq" title="FAQ">FAQ</a></p><p><a href="/pages/paketverfolgung" title="Paketverfolgung">Paketverfolgung</a></p><p><a href="/pages/kontaktieren" title="Kontaktieren">kontaktieren</a></p>
</div>
</div>
</div>
</div>
</div><div class="grid__item footer__item--b7ff7a7d-fc8e-4d1a-a66c-5dca73a94bdd" data-type="custom"><style data-shopify>@media only screen and (min-width: 769px) and (max-width: 959px) {
.footer__item--b7ff7a7d-fc8e-4d1a-a66c-5dca73a94bdd {
width: 50%;
padding-top: 40px;
}
.footer__item--b7ff7a7d-fc8e-4d1a-a66c-5dca73a94bdd:nth-child(2n + 1) {
clear: left;
}
}
@media only screen and (min-width: 960px) {
.footer__item--b7ff7a7d-fc8e-4d1a-a66c-5dca73a94bdd {
width: 22%;
}
}</style><div class="footer__item-padding"><p class="h4 footer__title small--hide">Informationen</p>
<button type="button" class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-b7ff7a7d-fc8e-4d1a-a66c-5dca73a94bdd">
Informationen
<span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewbox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button><div
id="Footer-b7ff7a7d-fc8e-4d1a-a66c-5dca73a94bdd" class="collapsible-content collapsible-content--small"
>
<div class="collapsible-content__inner">
<div class="footer__collapsible"><p><a href="/pages/impressum" title="Impressum">Impressum</a></p><p><a href="/pages/allgemeine-geschaftsbedingungen" title="Allgemeine Geschäftsbedingungen">Allgemeine Geschäftsbedingungen</a></p><p><a href="/pages/widerrufsrecht" title="Widerrufsrecht">Widerrufsrecht</a></p><p><a href="/pages/datenschutz" title="Datenschutz">Datenschutz</a></p>
</div>
</div>
</div>
</div>
</div><div class="grid__item footer__item--8a1348af-d648-4458-b46d-ca2c4ee43136" data-type="custom"><style data-shopify>@media only screen and (min-width: 769px) and (max-width: 959px) {
.footer__item--8a1348af-d648-4458-b46d-ca2c4ee43136 {
width: 50%;
padding-top: 40px;
}
.footer__item--8a1348af-d648-4458-b46d-ca2c4ee43136:nth-child(2n + 1) {
clear: left;
}
}
@media only screen and (min-width: 960px) {
.footer__item--8a1348af-d648-4458-b46d-ca2c4ee43136 {
width: 25%;
}
}</style><div class="footer__item-padding"><p class="h4 footer__title small--hide">MEHR</p>
<button type="button" class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-8a1348af-d648-4458-b46d-ca2c4ee43136">
MEHR
<span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewbox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button><div
id="Footer-8a1348af-d648-4458-b46d-ca2c4ee43136" class="collapsible-content collapsible-content--small"
>
<div class="collapsible-content__inner">
<div class="footer__collapsible"><p><a href="/pages/emma-und-leo-shop" title="Emma und Leo Shop">Emma & Leo</a></p>
</div>
</div>
</div>
</div>
</div><div class="grid__item footer__item--9fd280b8-0864-4636-ab82-fe36461e9255" data-type="logo_social"><style data-shopify>@media only screen and (min-width: 769px) and (max-width: 959px) {
.footer__item--9fd280b8-0864-4636-ab82-fe36461e9255 {
width: 50%;
padding-top: 40px;
}
.footer__item--9fd280b8-0864-4636-ab82-fe36461e9255:nth-child(2n + 1) {
clear: left;
}
}
@media only screen and (min-width: 960px) {
.footer__item--9fd280b8-0864-4636-ab82-fe36461e9255 {
width: 26%;
}
}</style><div class="footer__item-padding"><style data-shopify>.footer__logo a {
height: 120px;
}</style><div class="footer__logo">
<a href="/">
<img src="//emma-und-leo.de/cdn/shop/files/emma-und-leo-favicon_x120@2x.png?v=1761078975" class="lazyload" alt="emma und leo favicon">
</a>
</div>
</div></div></div><ul class="inline-list payment-icons footer__section"><li class="icon--payment">
<svg xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewbox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>
</li><li class="icon--payment">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewbox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
</li><li class="icon--payment">
<svg viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg>
</li><li class="icon--payment">
<svg viewbox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><lineargradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientunits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></lineargradient><lineargradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientunits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></lineargradient></defs></svg>
</li><li class="icon--payment">
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
</li><li class="icon--payment">
<svg width="38" height="24" role="img" aria-labelledby="pi-jcb" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg"><title id="pi-jcb">JCB</title><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero"><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/></g><path d="M11.5 5H15v11.5a2.5 2.5 0 0 1-2.5 2.5H9V7.5A2.5 2.5 0 0 1 11.5 5z" fill="#006EBC"/><path d="M18.5 5H22v11.5a2.5 2.5 0 0 1-2.5 2.5H16V7.5A2.5 2.5 0 0 1 18.5 5z" fill="#F00036"/><path d="M25.5 5H29v11.5a2.5 2.5 0 0 1-2.5 2.5H23V7.5A2.5 2.5 0 0 1 25.5 5z" fill="#2AB419"/><path d="M10.755 14.5c-1.06 0-2.122-.304-2.656-.987l.78-.676c.068 1.133 3.545 1.24 3.545-.19V9.5h1.802v3.147c0 .728-.574 1.322-1.573 1.632-.466.144-1.365.221-1.898.221zm8.116 0c-.674 0-1.388-.107-1.965-.366-.948-.425-1.312-1.206-1.3-2.199.012-1.014.436-1.782 1.468-2.165 1.319-.49 3.343-.261 3.926.27v.972c-.572-.521-1.958-.898-2.919-.46-.494.226-.737.917-.744 1.448-.006.56.245 1.252.744 1.497.953.467 2.39.04 2.919-.441v1.01c-.358.255-1.253.434-2.129.434zm8.679-2.587c.37-.235.582-.567.582-1.005 0-.438-.116-.687-.348-.939-.206-.207-.58-.469-1.238-.469H23v5h3.546c.696 0 1.097-.23 1.315-.415.283-.25.426-.53.426-.96 0-.431-.155-.908-.737-1.212zm-1.906-.281h-1.428v-1.444h1.495c.956 0 .944 1.444-.067 1.444zm.288 2.157h-1.716v-1.513h1.716c.986 0 1.083 1.513 0 1.513z" fill="#FFF" fill-rule="nonzero"/></g></svg>
</li><li class="icon--payment">
<svg viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
</li><li class="icon--payment">
<svg viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
</li></ul><p class="footer__small-text">
© 2026 Emma & Leo
</p></div>
</footer>
<script>
var alreadySeenFooter = '';
const observeFooter = new IntersectionObserver(elements => {
var sticky_add_to_cart = document.querySelector('#sticky_add_to_cart');
if (elements[0].intersectionRatio !== 0) {
sticky_add_to_cart.classList.add('hide_satc');
sticky_add_to_cart.classList.remove('display_satc');
alreadySeenFooter = "yes";
}
else {
if (alreadySeenFooter == "yes") {
sticky_add_to_cart.classList.add('display_satc');
sticky_add_to_cart.classList.remove('hide_satc');
}
}
})
const page_footer = document.querySelector('.site-footer');
observeFooter.observe(page_footer);
</script>
</div></div>
</div><div id="shopify-section-newsletter-popup" class="shopify-section index-section--hidden">
</div><script id="CartTemplate" type="text/template">
<div class="drawer__scrollable">
{{#items}}
<div class="ajaxcart__product appear-animation appear-delay-{{animationRow}}">
<div class="ajaxcart__row">
<div class="grid">
<div class="grid__item one-third">
<a href="{{url}}" class="ajaxcart__product-image"><img src="{{img}}" alt="{{name}}"></a>
</div>
<div class="grid__item two-thirds">
<div class="ajaxcart__product-name--wrapper">
<a href="{{url}}" class="ajaxcart__product-name h3">{{{name}}}</a>
{{#if variation}}
<div class="ajaxcart__product-meta">{{variation}}</div>
{{/if}}
{{#if selling_plan_name}}
<div class="ajaxcart__product-meta">{{selling_plan_name}}</div>
{{/if}}
{{#properties}}
{{#each this}}
{{#if this}}
<span class="ajaxcart__product-meta">{{@key}}: {{this}}</span>
{{/if}}
{{/each}}
{{/properties}}
</div>
<div class="ajaxcart__price_div">
{{#if discountsApplied}}
<small class="cart__price--strikethrough">{{{price}}}</small>
<span class="ajaxcart__price">
{{{discountedPrice}}}
</span>
{{else}}
<span class="ajaxcart__price">
{{{price}}} {{{compareAtPrice}}}
</span>
{{/if}}
</div>
<div class="grid grid--full display-table">
<div class="grid__item display-table-cell one-half">
<label for="updates_{{key}}" class="visually-hidden">Menge</label>
<div class="js-qty__wrapper">
<input type="text" id="updates_{{key}}"
class="js-qty__num"
value="{{itemQty}}"
data-id="{{key}}"
min="0"
aria-label="quantity"
pattern="[0-9]*"
name="updates[]">
<button type="button"
class="js-qty__adjust js-qty__adjust--minus"
aria-label="Reduzieren Sie die Menge des Artikels eines">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 20 20"><path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg>
<span class="icon__fallback-text" aria-hidden="true">−</span>
</button>
<button type="button"
class="js-qty__adjust js-qty__adjust--plus"
aria-label="Erhöhen Sie die Menge des Artikels eines">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20"><path fill="#444" d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"/></svg>
<span class="icon__fallback-text" aria-hidden="true">+</span>
</button>
</div>
</div>
</div>
<div class="grid grid--full display-table">
{{#if discountsApplied}}
<div class="grid__item text-right">
{{#each discounts}}
<small class="ajaxcart__discount cart__discount">
{{this.discount_application.title}} (-{{{this.formattedAmount}}})
</small>
{{/each}}
</div>
{{/if}}
{{#if unitBase}}
<div class="grid__item text-right">
<div class="product__unit-price">
{{{ unitPrice }}}/{{{ unitBase }}}
</div>
</div>
{{/if}}
</div>
</div>
</div>
</div>
</div>
{{/items}}
</div>
<div class="drawer__footer appear-animation appear-delay-{{lastAnimationRow}}">
{{#if cartDiscounts }}
<div class="grid grid--full">
<div class="grid__item one-half">
<p class="ajaxcart__subtotal">Verkleinerungen</p>
</div>
<div class="grid__item one-half text-right">
{{#each cartDiscounts}}
<p class="ajaxcart__price cart__discount">
{{this.title}} (-{{{this.formattedAmount}}})
</p>
{{/each}}
</div>
</div>
{{/if}}
<div class="grid grid--full">
<div class="grid__item one-half">
<p class="ajaxcart__subtotal">Gesamtsumme</p>
</div>
<div class="grid__item one-half text-right">
<p class="ajaxcart__price">{{{totalPrice}}}</p>
</div>
</div>
<p class="ajaxcart__note">
</p>
<button type="submit" class="btn btn--full cart__checkout" name="checkout">
Zur Kasse
</button>
</div>
</script><div class="hide">
<button data-id="prevArrowTemplate" class="slick-prev" aria-label="Vorherige" type="button">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-left" viewbox="0 0 284.49 498.98"><path d="M249.49 0a35 35 0 0 1 24.75 59.75L84.49 249.49l189.75 189.74a35.002 35.002 0 1 1-49.5 49.5L10.25 274.24a35 35 0 0 1 0-49.5L224.74 10.25A34.89 34.89 0 0 1 249.49 0z"/></svg>
<span class="icon__fallback-text">Vorherige</span>
</button>
<button data-id="nextArrowTemplate" class="slick-next" aria-label="Nächster" type="button">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewbox="0 0 284.49 498.98"><path d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98z"/></svg>
<span class="icon__fallback-text">Nächster</span>
</button>
</div><script id="PredictiveTemplate" type="text/template">
<div class="predictive-result__layout">
{{#if products}}
<div data-type-products>
<div class="grid grid--uniform">
{{#products}}
<div class="grid__item grid-product small--one-half medium-up--one-quarter" data-aos="row-of-4">
<div class="grid-product__content">
{{#if custom_label }}
<div class="grid-product__tag grid-product__tag--custom">
{{custom_label}}
</div>
{{/if}}
{{#if on_sale }}
<div class="grid-product__tag grid-product__tag--sale">
Im Ausverkauf
</div>
{{/if}}
<a href="{{url}}" class="grid-product__link">
<div class="grid-product__image-mask">
<div
class="grid__image-ratio grid__image-ratio--object grid__image-ratio--square">
<div class="predictive__image-wrap">
{{#if image }}
<img class="lazyload"
data-src="{{image}}"
data-widths="[180, 360, 540, 720]"
data-sizes="auto">
{{/if}}
</div>
</div>
</div>
<div class="grid-product__meta">
<div class="grid-product__title grid-product__title--body">
{{title}}
</div>
</div>
</a>
</div>
</div>
{{/products}}
</div>
</div>
{{/if}}
{{#if collections}}
<div data-type-collections>
<p class="h6 predictive__label">Sammlungen:</p>
<ul class="no-bullets">
{{#collections}}
<li>
<a href="{{url}}">
{{title}}
</a>
</li>
{{/collections}}
</ul>
</div>
{{/if}}
{{#if pages}}
<div data-type-pages>
<p class="h6 predictive__label">Seiten:</p>
<ul class="no-bullets">
{{#pages}}
<li>
<a href="{{url}}">
{{title}}
</a>
</li>
{{/pages}}
</ul>
</div>
{{/if}}
{{#if articles}}
<div data-type-articles>
<p class="h6 predictive__label">Artikel:</p>
<div class="grid grid--uniform">
{{#articles}}
<div class="grid__item grid-product small--one-half medium-up--one-quarter" data-aos="row-of-4">
<a href="{{url}}" class="grid-product__link grid-product__link--inline">
<div class="grid-product__image-mask">
<div
class="grid__image-ratio grid__image-ratio--object grid__image-ratio--square">
<div class="predictive__image-wrap">
{{#if image }}
<img class="lazyload"
data-src="{{image}}"
data-widths="[180, 360, 540, 720]"
data-sizes="auto">
{{/if}}
</div>
</div>
</div>
<div class="grid-product__meta">
{{title}}
</div>
</a>
</div>
{{/articles}}
</div>
</div>
{{/if}}
</div>
</script>
<div id="VideoModal" class="modal modal--solid">
<div class="modal__inner">
<div class="modal__centered page-width text-center">
<div class="modal__centered-content">
<div class="video-wrapper video-wrapper--modal">
<div id="VideoHolder"></div>
</div>
</div>
</div>
</div>
<button type="button" class="modal__close js-modal-close text-link">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewbox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg>
<span class="icon__fallback-text">"Schließen"</span>
</button>
</div>
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
<div class="pswp__bg"></div>
<div class="pswp__scroll-wrap">
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<div class="pswp__ui pswp__ui--hidden">
<button class="btn btn--body btn--circle pswp__button pswp__button--arrow--left" title="Vorherige">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-left" viewbox="0 0 284.49 498.98"><path d="M249.49 0a35 35 0 0 1 24.75 59.75L84.49 249.49l189.75 189.74a35.002 35.002 0 1 1-49.5 49.5L10.25 274.24a35 35 0 0 1 0-49.5L224.74 10.25A34.89 34.89 0 0 1 249.49 0z"/></svg>
</button>
<button class="btn btn--body btn--circle btn--large pswp__button pswp__button--close" title="Schließen"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close-modern" viewbox="0 0 24 24"><path d="M 5.7070312 4.2929688 L 4.2929688 5.7070312 L 10.585938 12 L 4.2929688 18.292969 L 5.7070312 19.707031 L 12 13.414062 L 18.292969 19.707031 L 19.707031 18.292969 L 13.414062 12 L 19.707031 5.7070312 L 18.292969 4.2929688 L 12 10.585938 L 5.7070312 4.2929688 z"></path></svg></button>
<button class="btn btn--body btn--circle pswp__button pswp__button--arrow--right" title="Nächster">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewbox="0 0 284.49 498.98"><path d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98z"/></svg>
</button>
</div>
</div>
</div>
<div id="shopify-section-cart-upsell" class="shopify-section"><style>
.cart-upsell-wrapper {
padding: 10px 0;
background-color: #ffffff;
}
.cart-upsell-container::before {
border-color: transparent transparent #ffffff;
}
.cart-upsell-add-to-cart-button {
margin: 5px 0;
}
.cart-upsell-showSlide {
border: 1px solid #000000;
color: #000000;
}
.arrow path {
fill: #000000;
}
.upsell-variant-title, .upsell-price, .upsell-introduction {
padding: 0 10px;
color: #000000;
}
.upsell-variant-title {
margin-bottom: 0 !important;
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.upsell-price {
font-weight: 600;
font-size: 13px;
margin-bottom: 8px;
}
.slick-arrow {
border-top: 1px solid #000000;
border-left: 1px solid #000000;
}
.cart-upsell-product > img {
width: 110px;
padding: 0 10px 0 0;
position: absolute;
display: block;
}
.cart-upsell-product > div {
font-size: 13.6px;
}
.cart-upsell-product > form {
color: #000000;
margin: 5px 0 5px 0;
display: inline-block;
width: calc(100% - 110px);
text-align: center;
float: right;
}
.cart-upsell-product > form > label {
margin: 0;
font-size: 10px;
font-weight: normal;
cursor: default;
justify-self: start;
align-self: center;
letter-spacing:0;
}
.cart-upsell-product > form > select {
padding: 2px 28px 2px 10px;
font-size: 13.6px !important;
border-radius: 0;
width: fit-content;
height: fit-content;
justify-self: end;
align-self: center;
}
.cart-upsell-product {
padding: 0 10px;
text-transform: uppercase;
}
#cart-upsell-slider {
position: relative;
margin: auto;
}
#cart-upsell-slider > .glide__arrows > .glide__arrow--left {
left: 10px !important;
}
#cart-upsell-slider > .glide__arrows > .glide__arrow--right {
right: 10px !important;
}
#cart-upsell-slider > .glide__arrows > .glide__arrow {
top: 165px;
border-radius: 50%;
padding: 12px 12px !important;
}
#cart-upsell-slider > .glide__arrows > .glide__arrow > svg {
fill: #000000;
}
.upsell-introduction > p {
margin-bottom: 15px;
text-align: center;
}
.slider__slides.glide__slides {
display: inline-flex;
width: 100%;
overflow:auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-webkit-overflow-scrolling: touch;
}
.slider__frame.glide__slide {
width: 100%;
flex: 0 0 100%;
scroll-snap-align: start start;
scroll-snap-stop: always;
}
.cart-upsell-add-to-cart-button {
width: 100%;
float: right;
padding: 9px 20px;
}
.dot {
height: 8px;
width: 8px;
background-color: #dedede;
border-radius: 50%;
display: inline-block;
margin: 0 2px;
}
.dots {
text-align: center;
}
.select-block {
width: 48%;
display: inline-block;
}
.select-block select {
width: 100%;
text-align-last: center;
font-size: 13.6px;
padding: 6px 18px 6px 7px;
overflow: hidden !important;
white-space: nowrap;
text-overflow: ellipsis;
}
.upsell-label {
margin-bottom: -9px;
position: relative;
background: #ffffff;
width: fit-content;
font-size: 10px !important;
padding: 0 5px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.slider__slides.glide__slides::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.slider__slides.glide__slides {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
@media screen and (min-width: 769px) {
.left-arrow, .right-arrow {
position: absolute;
top: 50%;
z-index: 1;
transform: translate(0%, -50%);
padding: 5px 10px;
color: #000000;
cursor: pointer;
transition: transform .25s;
font-size: 20px;
}
.left-arrow {
left: -28px;
}
.left-arrow:hover {
transform: translate(-10%, -50%);
}
.right-arrow {
right: -28px;
}
.right-arrow:hover {
transform: translate(10%, -50%);
}
}
@media screen and (max-width:768px) {
.left-arrow, .right-arrow {
display: none;
}
}
#cart-upsell-container {
padding-bottom: 5px;
margin-bottom: 5px;
}
</style><script id="CartUpsellData" type="application/json">
{
"is_upsell_enabled": false,
"introduction": "Schuhe für Ihr Outfit?",
"background_color": "#ffffff",
"text_and_decoration_color": "#000000",
"button_text": "IN DEN WARENKORB",
"products": [{
"id": 0,
"title": "Votre produit",
"options": [{"name":"Variante","position":1,"values":["Choix #1","Choix #2","Choix #3","Choix #4"]}],
"image": "//emma-und-leo.de/cdn/shop/t/2/assets/product_empty.png?v=118806992170348177011761077793",
"variants": [{
"id": 0,
"price": "29,90€",
"title": "Choix #1",
"image": "//emma-und-leo.de/cdn/shop/t/2/assets/product_empty.png?v=118806992170348177011761077793",
"options": ["Choix #1"],
"available": true
},{
"id": 0,
"price": "29,90€",
"title": "Choix #2",
"image": "//emma-und-leo.de/cdn/shop/t/2/assets/product_empty.png?v=118806992170348177011761077793",
"options": ["Choix #2"],
"available": true
},{
"id": 0,
"price": "29,90€",
"title": "Choix #3",
"image": "//emma-und-leo.de/cdn/shop/t/2/assets/product_empty.png?v=118806992170348177011761077793",
"options": ["Choix #3"],
"available": true
},{
"id": 0,
"price": "29,90€",
"title": "Choix #4",
"image": "//emma-und-leo.de/cdn/shop/t/2/assets/product_empty.png?v=118806992170348177011761077793",
"options": ["Choix #4"],
"available": true
}]
}]
}
</script>
<script>
const buildCartUpsellOptionForm = (product) => {
return product.variants.length <= 1
? ''
: `
<form class="cart-upsell-form" id="cart-upsell-form-${product.id}">
${product.options.map((option) => `
<div class="select-block">
<label class="upsell-label" for=">${option.name}">${option.name}</label>
<select name="${option.name}" data-product-id="${product.id}">
${option.values.map((value) => `
<option value="${value}">${value}</option>
`).join('')}
</select>
</div>
`
).join('')}
</form>
`
}
const buildCartProductUpsell = (product, buttonText) => {
return (
`
<div id="slide-${product.id}" class="slider__frame glide__slide">
<div class="cart-upsell-product" id="product--${product.id}">
<div style="width: 130px;display: inline-block;vertical-align: middle;text-align:center;padding-right: 15px;">
<img id="upsell-image-${product.id}" src="${product.image}" class="lazyload"/>
</div>
<div style="width: calc(100% - 140px);display: inline-block;vertical-align:middle;text-align:center;">
<div class="upsell-variant-title"><span id="observable-${product.id}"> </span><a href="/products/${product.url}">${product.title}</a></div>
<p class="upsell-price" id="upsell-price-${product.id}">${product.variants[0].price}</p>
${buildCartUpsellOptionForm(product)}
<span onclick="lsScroll('reset');">
<button id="cart-upsell-atc-button-${product.id}" class="cart-upsell-add-to-cart-button btn btn--full add-to-cart" data-id="${product.id}">${buttonText}</button>
</span>
</div>
</div>
</div>
`
)
}
const buildCartUpsell = () => {
const upsellDataText = document.getElementById('CartUpsellData').innerText
const cartUpsellData = JSON.parse(upsellDataText)
if (!cartUpsellData.is_upsell_enabled) return
const cartUpsell = `
<div class="cart-upsell-container ajaxcart__row" id="cart-upsell-container">
<div class="cart-upsell-wrapper">
<div id="cart-upsell-slider" class="upsell-slider">
<span class="left-arrow" onclick="lsScroll('left');"><i class="las la-angle-left"></i></span>
<span class="right-arrow" onclick="lsScroll('right');"><i class="las la-angle-right"></i></span>
<div class="upsell-introduction"><p class="h3">${cartUpsellData.introduction}</p></div>
<div id="s" class="slider__slides glide__slides">
${cartUpsellData.products.map((p) => buildCartProductUpsell(p, cartUpsellData.button_text)).join('')}
</div>
<div class="dots">
</div>
</div>
</div>
</div>
`
return cartUpsell;
}
const arraysMatch = (arr1, arr2) => {
// Check if the arrays are the same length
if (arr1.length !== arr2.length) return false;
// Check if all items exist and are in the same order
for (var i = 0; i < arr1.length; i++) {
if (arr1[i] !== arr2[i]) return false;
}
// Otherwise, return true
return true;
};
var iScroll = 0; // Variable initialisant où on en est au niveau du scroll horizontal des produits de l'upsell.
// Est reset lors de l'ajout au panier et initialité correctement quand on clique sur un dot.
const cartUpsellAddToCart = (e) => {
e.preventDefault();
e.target.classList.add('btn--loading')
const productID = e.target.dataset.id;
const upsellDataText = document.getElementById('CartUpsellData').innerText
const cartUpsellData = JSON.parse(upsellDataText)
const selectedOptions = getProductSelectedOptions(productID);
const product = cartUpsellData.products.find(p => p.id === +productID)
let variantID = 0;
if (product.variants.length === 1) {
variantID = product.variants[0].id
} else {
product.variants.forEach((variant) => {
if (arraysMatch(variant.options, Object.values(selectedOptions))) variantID = variant.id
});
}
const formData = {
'items': [{
'id': variantID,
'quantity': 1
}]
};
fetch('/cart/add.js', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(formData)
})
.then(res => {
res.json().then(data => {
e.target.classList.add('btn--loading')
const event = new Event('cartUpsell:added');
i = 0;
document.dispatchEvent(event);
})
})
.catch((error) => {
e.target.classList.add('btn--loading')
console.error('Error:', error);
});
}
const getProductSelectedOptions = (productID) => {
let selectedOptions = {};
const form = document.getElementById(`cart-upsell-form-${productID}`)
if (!form) return;
Array.from(form.getElementsByTagName('select')).forEach((select) => {
selectedOptions[select.name] = select.options[select.selectedIndex].value
});
return selectedOptions;
}
const updateAvailableOptions = (product, selectedOptions) => {
let availableOptions = {};
const form = document.getElementById(`cart-upsell-form-${product.id}`)
const options = Object.keys(selectedOptions);
const atcButton = document.getElementById(`cart-upsell-atc-button-${product.id}`);
options.forEach(option => {availableOptions[option] = []})
if (options.length === 1) {
product.variants.forEach(variant => {
if (!availableOptions[options[0]].includes(variant.options[0])) {
availableOptions[options[0]].push(variant.options[0])
}
})
} else if (options.length == 2) {
product.variants.forEach(variant => {
if (selectedOptions[options[1]] === variant.options[1]
&& !availableOptions[options[0]].includes(variant.options[0])) {
availableOptions[options[0]].push(variant.options[0])
}
if (selectedOptions[options[0]] === variant.options[0]
&& !availableOptions[options[1]].includes(variant.options[1])) {
availableOptions[options[1]].push(variant.options[1])
}
})
} else if (options.length == 3) {
product.variants.forEach(variant => {
if (selectedOptions[options[1]] === variant.options[1]
&& selectedOptions[options[2]] === variant.options[2]
&& !availableOptions[options[0]].includes(variant.options[0])) {
availableOptions[options[0]].push(variant.options[0])
}
if (selectedOptions[options[0]] === variant.options[0]
&& selectedOptions[options[2]] === variant.options[2]
&& !availableOptions[options[1]].includes(variant.options[1])) {
availableOptions[options[1]].push(variant.options[1])
}
if (selectedOptions[options[0]] === variant.options[0]
&& selectedOptions[options[1]] === variant.options[1]
&& !availableOptions[options[2]].includes(variant.options[2])) {
availableOptions[options[2]].push(variant.options[2])
}
})
}
Array.from(form.getElementsByTagName('select')).forEach((select) => {
Array.from(select.getElementsByTagName('option')).forEach((option) => {
if (availableOptions[select.name].includes(option.value)) {
option.disabled = false;
} else {
option.disabled = true;
}
})
});
}
const updatePrice = (product, selectedOptions) => {
const title = Object.values(selectedOptions).map(option => option).join(' / ')
product.variants.forEach(variant => {
if (variant.title === title) {
document.getElementById(`upsell-price-${product.id}`).innerText = variant.price;
}
})
}
const updateImage = (product, selectedOptions) => {
const title = Object.values(selectedOptions).map(option => option).join(' / ')
const atcButton = document.getElementById(`cart-upsell-atc-button-${product.id}`)
const upsellDataText = document.getElementById('CartUpsellData').innerText
const cartUpsellData = JSON.parse(upsellDataText)
product.variants.forEach(variant => {
if (variant.title === title) {
document.getElementById(`upsell-image-${product.id}`).src = variant.image;
if (variant.available === false) {
atcButton.disabled = true;
atcButton.innerText = theme.strings.soldOut;
atcButton.classList.add('disabled')
} else {
atcButton.disabled = false;
atcButton.innerText = cartUpsellData.button_text;
atcButton.classList.remove('disabled')
}
}
})
}
function mountCartUpsellCarousel() {
const upsellDataText = document.getElementById('CartUpsellData').innerText
const cartUpsellData = JSON.parse(upsellDataText)
if (!cartUpsellData.is_upsell_enabled) return
cartUpsellData.products.forEach((product) => {
const selectedOptions = getProductSelectedOptions(product.id);
if (selectedOptions) updateAvailableOptions(product, selectedOptions);
if (selectedOptions) updateImage(product, selectedOptions);
});
Array.from(document.getElementsByClassName('cart-upsell-add-to-cart-button')).forEach((item) => {
item.onclick = cartUpsellAddToCart;
});
Array.from(document.getElementsByClassName('cart-upsell-form')).forEach((form) => {
Array.from(form.getElementsByTagName('select')).forEach((select) => {
select.addEventListener('change', (e) => {
e.preventDefault();
const upsellDataText = document.getElementById('CartUpsellData').innerText
const cartUpsellData = JSON.parse(upsellDataText)
const productID = +e.target.dataset.productId;
const product = cartUpsellData.products.find(product => product.id === productID)
const selectedOptions = getProductSelectedOptions(product.id);
updatePrice(product, selectedOptions);
updateAvailableOptions(product, selectedOptions);
updateImage(product, selectedOptions);
})
});
});
}
function slide0() {
var obj = document.getElementById('s');
var width = obj.offsetWidth;
obj.scrollLeft = 0;
}
function slide1() {
var obj = document.getElementById('s');
var width = obj.offsetWidth;
obj.scrollLeft = width;
}
function slide2() {
var obj = document.getElementById('s');
var width = obj.offsetWidth;
obj.scrollLeft = width*2;
}
function slide3() {
var obj = document.getElementById('s');
var width = obj.offsetWidth;
obj.scrollLeft = width*3;
}
function slide4() {
var obj = document.getElementById('s');
var width = obj.offsetWidth;
obj.scrollLeft = width*4;
}
function slide5() {
var obj = document.getElementById('s');
var width = obj.offsetWidth;
obj.scrollLeft = width*5;
}
var nb_products = 0;
function lsScroll(direction) {
var obj = document.getElementById('s');
var width = obj.offsetWidth;
console.log("Nous avons " + nb_products + " slides");
console.log("Nous étions à " + iScroll);
if (direction == 'left' && iScroll>=1) {
iScroll=iScroll-1;
obj.scrollLeft = width*iScroll;
}
else if (direction == 'right' && iScroll<=nb_products-2) {
iScroll++;
obj.scrollLeft = width*iScroll;
}
else if (direction == 'reset') {
iScroll = 0;
}
else if (direction == '0') {
iScroll = 0;
}
else if (direction == '1') {
iScroll = 1;
}
else if (direction == '2') {
iScroll = 2;
}
else if (direction == '3') {
iScroll = 3;
}
else if (direction == '4') {
iScroll = 4;
}
else {
}
console.log("Nous allons à " + iScroll);
}
</script>
</div><div id="shopify-section-sales-popup" class="shopify-section">
</div>
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw" async defer></script>
</body>
</html>
