Schliessen X

Anmelden und 10€ Rabatt auf Ihren nächsten Einkauf sichern!

Für Newsletter anmelden & 10€ Rabatt sichern!

Mindestbestellwert 50€

Melden Sie sich für unseren STILORD Newsletter an und bleiben Sie stets auf dem Laufenden über neue Produkte und Aktionen.

10€
Rabatt
var css = document.createElement('style'); css.type = 'text/css'; var styles = `body.category-home .b-view-slide .slide-content span.slide-headline { text-transform: initial; font-weight: 100; letter-spacing: 1px; } .b-view .widget-item-list-caption > a { color: #c69c6d; font-weight: 900; font-family: sans-serif; display: inline-block; border: 2px solid; padding: 8px 13px; text-transform: uppercase; border-radius: 40px; font-size: 12px; width: fit-content; height: fit-content; } .b-view .home-product-grid .widget-item-list-caption { flex-flow: row; padding-right: 8px; } .b-view .widget-item-list .widget-caption>div { padding: 0 5px; } @media (max-width: 575.98px) { .b-view .home-product-grid .widget-item-list-caption h3 { font-size: 16px; } .b-view .mobile-headline p, .mobile-headline h1 { font-size: 16px; line-height: 140%; margin-bottom: 0; } .b-view .home-product-grid > .widget-inner > .row>div, .home-product-grid > .widget-inner > .dynamic-item-list > .row > .col-12 > .row > div { flex: 0 0 50%; max-width: 50%; padding-right: 5px; padding-left: 5px; padding-bottom: 10px; } } .b-view.widget .extra-usp-section.widget-fw { border-top: 3px solid; border-bottom: 3px solid; border-color: #e6ddd2; right: 0 !important; left: calc(-1*(100vw - 100%)/2) !important; margin-right: 0; width: 100vw !important; } .home-usp-image { width: 170px; max-width: 76%; } .home-usp-description span { display: block; text-transform: uppercase; margin-top: 10px; } .dots-fix .list-item-carousel { padding-bottom: 25px; } @media (min-width: 751px) { body.category-home .b-view-slide .slide-content a.slide-button { background: #000000a6; padding: 13px 24px; font-size: 14px; border-radius: 24px; backdrop-filter: blur(3px); } } @media (max-width: 750.98px) { body.category-home .b-view-slide .slide-content .slide-headline, body.category-home .slide-content .slide-textbox { display: block; } body.category-home .b-view-slide .slide-content span.slide-headline { font-size: 1.5rem; line-height: calc(1.5rem + 30%); font-weight: 600; } body.category-home .b-view-slide .slide-content p.slide-textbox { font-size: 1.3rem; margin: 2vw 0 3vw; line-height: calc(1.3rem + 40%); } .page-home-category .textWrapper p { font-size: 15px; font-weight: 300; line-height: 22px; margin-bottom: 0; } } @media (max-width: 479.98px) { body.category-home .b-view-slide .slide-content p.slide-textbox { display: none; } body.category-home .b-view-slide .slide-content { text-align: center; } } @media (max-width: 750.98px) { body.category-home .b-view-slide .slide-content { text-shadow: 0 0 15px #000; max-width: 80%; margin: auto; } body.category-home .b-view-slide .slide-content a.slide-button { position: absolute; bottom: 0; right: 0; left: 0px; width: fit-content; border-radius: 30px; margin: 0 auto 7px; text-align: center; background: rgba(0, 0, 0, 0.7); padding: 10px 16px 10px; text-shadow: 0px 0px 7px #000; font-size: 12px; } }`; if (css.styleSheet) css.styleSheet.cssText = styles; else css.appendChild(document.createTextNode(styles)); document.getElementsByTagName("head")[0].appendChild(css);
var css = document.createElement('style'); css.type = 'text/css'; var styles = `@media (min-width: 576px) { .min-height-list { min-height: calc(268px + 26rem); } } @media (max-width: 575px) { .min-height-list { min-height: 250px; } } #nl-toggle-button { position: fixed; color: #fff; background: #000000; left: 0; top: 60vh; font-size: 13px; font-weight: 900; text-transform: uppercase; padding: 13px 10px 8px 13px; line-height: 16px; letter-spacing: -0.4px; border-radius: 0 10px 10px 0; cursor: pointer; z-index: 99; } .sib-form #nl-toggle-button:before { content: "\\f053"; font-family: "Icons"; color: #000; display: flex; width: 100%; height: 100%; background: #ead6bc; position: absolute; left: 0; top: 0; border-radius: 0 10px 10px 0; justify-content: center; align-items: center; font-size: 20px; opacity: 0; transition: all 250ms ease-in-out; } .sib-form.active #nl-toggle-button:before { opacity: 1; } .sib-form.sib-form-modal-container { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; opacity: 0; display: none; } .sib-form.sib-form-modal-container.active { opacity: 1; display: block; } .sib-form-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000000a6; z-index: 1; } .sib-form.sib-form-modal-container div#sib-form-container { position: absolute; z-index: 999; width: 760px; left: 0; right: 0; margin: auto; top: 0; bottom: 0; height: max-content; max-height: 92%; max-width: 92%; } div#nl-close-button { position: absolute; top: -50px; right: 0; padding: 15px 13px; background: #00000038; font-size: 15px; letter-spacing: 1px; line-height: 20px; font-family: sans-serif; color: #fff; text-transform: uppercase; cursor: pointer; } @media (max-width: 420px) { .nl-description { display: none; } } @media (max-width: 575px) { div#nl-close-button { left: 0px; background: #00000085; } }`; if (css.styleSheet) css.styleSheet.cssText = styles; else css.appendChild(document.createTextNode(styles)); document.getElementsByTagName("head")[0].appendChild(css);
const newsletterButtonModal = document.getElementById("newsletter-modal-send-button"); if (newsletterButtonModal) { newsletterButtonModal.setAttribute("onclick", "executeCaptcha"); } const sibFormsModal = document.querySelectorAll(".sib-form-modal-action"); if (sibFormsModal.length > 0) { sibFormsModal.forEach(form => { form.addEventListener("submit", handleSubmitModal); }); } function handleSubmitModal(event) { // Your common functionality for the submit event const isConsented = vueApp.$store.getters.isConsented("media.reCaptcha") === true; if (isConsented) { console.log("test"); showPopupModal(); event.preventDefault(); setTimeout(function() { event.target.submit(); }, 4000); } if (!isConsented && !acceptConsentMessageAdded) { event.preventDefault(); addConsentMessageModal(event.target); acceptConsentMessageAdded = true; } } function addConsentMessageModal(form) { const errorMessageContent = form.querySelector(".sib-form-error-message-content"); if (errorMessageContent) { errorMessageContent.textContent += 'Um die Newsletter-Anmeldung abzuschicken, müssen Sie den Google reCAPTCHA-Cookie akzeptieren. Öffnen Sie die Datenschutzeinstellungen links unten auf der Seite und klicken Sie auf "Weitere Einstellungen". Aktivieren Sie den reCAPTCHA-Cookie im Bereich "Externe Medien" und speichern Sie die Einstellungen.'; } } function showPopupModal() { const popup = document.createElement('div'); popup.className = 'newsletter-popup-message'; popup.innerHTML = ` `; document.body.appendChild(popup); setTimeout(function() { popup.remove(); }, 4000); }
const toggleElements = document.querySelectorAll("#nl-toggle-button, #nl-close-button, .sib-form-overlay"); const form = document.getElementsByClassName("sib-form-modal-container")[0]; const toggleActiveClass = () => { form.classList.toggle("active"); }; toggleElements.forEach(element => { element.addEventListener("click", toggleActiveClass); });