></noscript> <!-- End Google Tag Manager (noscript) --> <header> <!--<div class="popuptest"> <button id="close">×</button> <h2><strong>Von Freitag 23.08.2024 bis Samstag 07.09.2024 geschlossen</strong><h2> <p>Wir haben von <strong> Freitag 23.08.2024</strong> bis <strong>Samstag 07.09.2024</strong> geschlossen und sind ab <strong>Montag 09.09.2024</strong> wieder zu unseren Öffnungszeiten für Sie erreichbar!</p> </div> --> <nav class="home-menu pure-menu pure-g " id="main-nav"> <div class="menu"> <a class="pure-menu-heading" href="https://brier-kuechen.homepage-vorschau.com/"> <img alt="sometext" src="assets/images/LogoBrier.png"> </a> </div> <div class="menu"> <ul class="pure-menu-list"> <li class="pure-menu-item"> <a href="https://brier-kuechen.homepage-vorschau.com/inspirationen" >INSPIRATIONEN</a> </li> <li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover"> <a href="https://brier-kuechen.homepage-vorschau.com/leistungen" id="menuLink1" >LEISTUNGEN</a> </li> <li class="pure-menu-item"> <a href="https://brier-kuechen.homepage-vorschau.com/referenzen" >REFERENZEN</a> </li> <li class="pure-menu-item"> <a href="https://brier-kuechen.homepage-vorschau.com/marken" >MARKEN <i class="arrow-menu down"></i> </a> <ul class="submenu"> <li> <a href="https://brier-kuechen.homepage-vorschau.com/marken#Kuechen">Küchen</a> </li> <li> <a href="https://brier-kuechen.homepage-vorschau.com/marken#Ger%C3%A4te">Geräte</a> </li> <li> <a href="https://brier-kuechen.homepage-vorschau.com/marken#Zubeh%C3%B6r">Zubehör</a> </li> <li> <a href="https://brier-kuechen.homepage-vorschau.com/marken#Arbeitsplatten">Arbeitsplatten</a> </li> <li> <a href="https://brier-kuechen.homepage-vorschau.com/marken#Grill">Grill</a> </li> </ul> </li> <li class="pure-menu-item"> <a href="https://brier-kuechen.homepage-vorschau.com/ausstellung" class="active-menu" >AUSSTELLUNG</a> </li> <li class="pure-menu-item"> <a href="https://brier-kuechen.homepage-vorschau.com/kontakt" >KONTAKT <i class="arrow-menu down"></i></a> <ul class="submenu"> <li> <a href="https://brier-kuechen.homepage-vorschau.com/impressum">Impressum</a> </li> <li> <a href="https://brier-kuechen.homepage-vorschau.com/datenschutz">Datenschutz</a> </li> </ul> </li> </ul> </div> </nav> <section class="top-nav"> <div> <a class="" href="https://brier-kuechen.homepage-vorschau.com/"> <img alt="sometext" src="assets/images/LogoBrier.png"> </a> </div> <input id="menu-toggle" type="checkbox" /> <label class='menu-button-container' for="menu-toggle"> <div class='menu-button'></div> </label> <ul class="menu"> <li class=""> <a href="https://brier-kuechen.homepage-vorschau.com/">HOME</a> </li> <li class=""> <a href="https://brier-kuechen.homepage-vorschau.com/inspirationen">INSPIRATIONEN</a> </li> <li class=""> <a href="https://brier-kuechen.homepage-vorschau.com/leistungen" class="">LEISTUNGEN</a> </li> <li class=""> <a href="https://brier-kuechen.homepage-vorschau.com/referenzen" class="">REFERENZEN</a> </li> <li class=""> <a href="https://brier-kuechen.homepage-vorschau.com/marken" class="">MARKEN</a> </li> <li class=""> <a href="https://brier-kuechen.homepage-vorschau.com/ausstellung" class=" menu-selected">AUSSTELLUNG</a> </li> <li class=""> <a href="https://brier-kuechen.homepage-vorschau.com/kontakt" class="">KONTAKT</a> </li> </ul> </section> <div class="pure-g omw-button-header-reference"> <div class="pure-u-sm-1-1 pure-u-md-1-1 pure-u-lg-1-1 margin-slider" style="position: relative;"> <div class="mySlides"> <img src="https://brier-kuechen.homepage-vorschau.com/uploads/Ausstellung-oben.jpg" alt="" class="responsive-img " style="" title="Ausstellung oben" > </div> <div class="display-txt"> <div class="d-flex"> <p class="display-3 text-uppercase" style="-webkit-text-stroke: 1.7px #a8a7a7;"> AUSSTELLUNG</p> <a href="https://www.brier-kuechen.de/kontakt#contact-form"> <p class="text-primary"> Vereinbaren Sie einen Planungstermin mit uns für Ihre neue Traumküche! <span class="arrow"><img alt="" src="public/logos/Pfeil.png"></span> </p> </a> </div> </div> </div> </div> <div class="header-button omw-position "> <div class="omw-btn"> <a href="tel:+49 7552 - 9 35 89 99"> <div> <img alt="" class="omw-image" src="public/logos/Telefon.svg"> </div> <div>+49 7552 - 9 35 89 99</div> </a> </div> <div class="omw-btn"> <a href="mailto:info@brier-kuechen.de"> <div> <img alt="" class="omw-image" src="public/logos/Mail.svg"> </div> <div>info@brier-kuechen.de</div> </a> </div> <div class="omw-btn"> <a href="https://shorturl.at/xzMX1" target="_blank"> <div> <img alt="" class="omw-image" src="public/logos/Map.svg"> </div> <div>88630 Pfullendorf</div> </a> </div> <div class="omw-btn"> <a href="https://www.facebook.com/brierkuechen/" target="_blank"> <div> <img alt="" class="omw-image" src="public/logos/facebook.svg"> </div> <div>https://www.facebook.com/brierkuechen/</div> </a> </div> </div> </div> </header> <main class="site-content ausstellung content-wrapper"> <section class="asustellung-txt"> <article class="omw-content marken-part" style="vertical-align: middle"> <h2 class="content-marken-head"> Einblicke in unser Küchenstudio! </h2> </article> </section> <!-- Slideshow ausstellung --> <div class="slider"> <div class="slide_viewer"> <div class="slide_group"> <div class="slide slide-bg"> <img class="ausstellung-slideshow" src="uploads/Brier-Ausstellung/1.jpg"> </div> <div class="slide slide-bg"> <img class="ausstellung-slideshow" src="uploads/Brier-Ausstellung/2.jpg"> </div> <div class="slide slide-bg"> <img class="ausstellung-slideshow" src="uploads/Brier-Ausstellung/3.jpg"> </div> <div class="slide slide-bg"> <img class="ausstellung-slideshow" src="uploads/Brier-Ausstellung/4.jpg"> </div> <div class="slide slide-bg"> <img class="ausstellung-slideshow" src="uploads/Brier-Ausstellung/5.jpg"> </div> <div class="slide slide-bg"> <img class="ausstellung-slideshow" src="uploads/Brier-Ausstellung/6.jpg"> </div> <div class="slide slide-bg"> <img class="ausstellung-slideshow" src="uploads/Brier-Ausstellung/7.jpg"> </div> <div class="slide slide-bg"> <img class="ausstellung-slideshow" src="uploads/Brier-Ausstellung/8.jpg"> </div> <div class="slide slide-bg"> <img class="ausstellung-slideshow" src="uploads/Brier-Ausstellung/9.jpg"> </div> </div> </div> </div><!-- End // .slider --> <div class="slide_buttons"> </div> <div class="directional_nav"> <div class="previous_btn" title="Previous"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="65px" height="65px" viewBox="-11 -11.5 65 66"> <g> <g> <path fill="#474544" d="M-10.5,22.118C-10.5,4.132,4.133-10.5,22.118-10.5S54.736,4.132,54.736,22.118 c0,17.985-14.633,32.618-32.618,32.618S-10.5,40.103-10.5,22.118z M-8.288,22.118c0,16.766,13.639,30.406,30.406,30.406 c16.765,0,30.405-13.641,30.405-30.406c0-16.766-13.641-30.406-30.405-30.406C5.35-8.288-8.288,5.352-8.288,22.118z"/> <path fill="#474544" d="M25.43,33.243L14.628,22.429c-0.433-0.432-0.433-1.132,0-1.564L25.43,10.051c0.432-0.432,1.132-0.432,1.563,0 c0.431,0.431,0.431,1.132,0,1.564L16.972,21.647l10.021,10.035c0.432,0.433,0.432,1.134,0,1.564 c-0.215,0.218-0.498,0.323-0.78,0.323C25.929,33.569,25.646,33.464,25.43,33.243z"/> </g> </g> </svg> </div> <div class="next_btn" title="Next"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="65px" height="65px" viewBox="-11 -11.5 65 66"> <g> <g> <path fill="#474544" d="M22.118,54.736C4.132,54.736-10.5,40.103-10.5,22.118C-10.5,4.132,4.132-10.5,22.118-10.5 c17.985,0,32.618,14.632,32.618,32.618C54.736,40.103,40.103,54.736,22.118,54.736z M22.118-8.288 c-16.765,0-30.406,13.64-30.406,30.406c0,16.766,13.641,30.406,30.406,30.406c16.768,0,30.406-13.641,30.406-30.406 C52.524,5.352,38.885-8.288,22.118-8.288z"/> <path fill="#474544" d="M18.022,33.569c 0.282,0-0.566-0.105-0.781-0.323c-0.432-0.431-0.432-1.132,0-1.564l10.022-10.035 L17.241,11.615c 0.431-0.432-0.431-1.133,0-1.564c0.432-0.432,1.132-0.432,1.564,0l10.803,10.814c0.433,0.432,0.433,1.132,0,1.564 L18.805,33.243C18.59,33.464,18.306,33.569,18.022,33.569z"/> </g> </g> </svg> </div> </div><!-- End // .directional_nav --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <section class="footer-distributed"> <div class="tickerwrapper" data-speed="30"> <ul class="list"> <li class="listitem "> <span><img src="https://assets.caisy.io/assets/69983cb0-621b-4cf0-8886-367b6f4a4d47/6eb9a323-fdcf-493a-86d6-a9ec4c7ea281/53e7123d-8e74-400c-8f1c-9f79da12f1e8logo.svg" alt="Schüller"/></span> </li> <li class="listitem"> <span><img src="./public/logos/Marken-logos/Next125.svg" alt="Next125"/></span> </li> <li class="listitem"> <span><img src="https://assets.caisy.io/asset/80368a0a-4fab-458a-b35a-e51d74314093/c549c9e1fa7bcefbac609bb8c8cbd305/Marke_Miele.png?w=200" alt="Miele Küchen"/></span> </li> <li class="listitem"> <span><img src="https://assets.caisy.io/assets/69983cb0-621b-4cf0-8886-367b6f4a4d47/11a74a86-f147-4bff-a499-4825f39a5d77/1d09f5e0-87ac-4104-94c4-e68e9610918cgaggenau.png?w=200" alt="Gaggenau"/></span> </li> <li class="listitem"> <span><img src="https://assets.caisy.io/asset/eb90cf41-67e9-4c91-b217-701b3ce9380e/38eff9e7b30a43e0a41bf9e6d155e89a/Marke_Bosch.png?w=200" alt="Bosch"/></span> </li> <li class="listitem"> <span><img src="https://assets.caisy.io/asset/9f65ed08-2be3-4d2e-9c06-ef2a7b5c1068/4123031bd871480599a0b507634a80de/Marke_NEFF.png?w=200" alt="NEFF"/></span> </li> <li class="listitem"> <span><img src="./public/logos/Marken-logos/Liebherr.svg" alt="Liebherr"/></span> </li> <li class="listitem"> <span><img src="https://assets.caisy.io/asset/aed5fe11-10ca-4ecc-a38f-327ee0681d0a/13b4e67dd32db7b71fd7c70b116ec15e/Berbel%20.png?w=200" alt="Berbel"/></span> </li> <li class="listitem"> <span><img src="./public/logos/Marken-logos/Novy.svg" alt="Novy"/></span> </li> <li class="listitem"> <span><img src="https://assets.caisy.io/asset/a2cf6a65-6051-4590-8717-0bd2564d393f/1c12475a20932af87023ace852c648b2/marke_AEG.png?w=200" alt="AEG"/></span> </li> <li class="listitem"> <span><img src="https://assets.caisy.io/asset/d9c3e7ed-25a2-49b9-adff-a2b723ff7047/93f1456d9a953a9d46bb179f7f1781d3/queooker.svg" alt="quooker"/></span> </li> <li class="listitem"> <span><img src="./public/logos/Marken-logos/Blanco.svg" alt="Blanco"/></span> </li> <li class="listitem"> <span><img src="https://assets.caisy.io/asset/95a46e32-5e32-4bcb-96c7-3bbb53f03380/f1e50317027a062d7a8e96feebf85f1c/Franke.png?w=200" alt="Franke"/></span> </li> <li class="listitem"> <span><img src="./public/logos/Marken-logos/roesle.svg" alt="roesle"/></span> </li> <li class="listitem"> <span><img src="./public/logos/Marken-logos/Cosentino.svg" alt="Cosentino"/></span> </li> <li class="listitem"> <span><img src="./public/logos/Marken-logos/Lechner.svg" alt="Lechner"/></span> </li> <li class="listitem"> <span><img src="./public/logos/Marken-logos/AKP.svg" alt="AKP"/></span> </li> <li class="listitem"> <span><img src="./public/logos/Marken-logos/Napoleon.svg" alt="Napoleon"/></span> </li> <li class="listitem"> <span><img src="./public/logos/Marken-logos/roesle.svg" alt="roesle Geräte"/></span> </li> </ul> </div> <div class="row-footer"> <div class="footer-left"> <p class="footer-links"> <img alt="" src="assets/images/dk.png"> </p> <p><a href="https://www.google.com/maps/place/Brier+K%C3%BCchen/@47.9343226,9.2373946,17z/data=!3m1!4b1!4m5!3m4!1s0x479a444858fcb7b5:0xa3d19636d0afa6e!8m2!3d47.9343226!4d9.2395833" target="_blank">Kundenstimmen:</a></p> <p>5 Sterne aus 27 Bewertungen</p> <p>auf Google   <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> </p> </div> <div class="footer-center"> <h4> KONTAKT </h4><br> <p>BRIER Küchen</p><br> <p>Otterswanger Str. 7/5</p><br> <p>88630 Pfullendorf</p><br><br> <div class="footer-contact"> <p style="">TEL:</p> <p> <a href="tel:+49 7552 - 9 35 89 99"> +49 7552 - 9 35 89 99 </a> </p> </div> <div class="footer-contact"> <p style="">FAX:</p> <p> <a href="fax: +49 7552 - 9 35 89 90"> +49 7552 - 9 35 89 90 </a> </p> </div> <div class="footer-contact"> <p style="">E-Mail:</p> <p> <a href="mailto:info@brier-kuechen.de">info@brier-kuechen.de</a> </p> </div> </div> <div class="footer-right"> <h4> ÖFFNUNGSZEITEN</h4><br> <div> <table> <tbody> <tr itemprop="companyOpeningHours" content="MO - FR 9.30 - 12.30 Uhr"> <td style="color: #cf1d20; padding-right: 20px;">MO - FR</td> <td style="color: #fff;">9.30 - 12.30 Uhr</td> </tr> <tr itemprop="companyOpeningHours" content=" 14.00 - 17.00 Uhr"> <td style="color: #cf1d20; padding-right: 20px;"></td> <td style="color: #fff;">14.00 - 17.00 Uhr</td> </tr> <tr itemprop="companyOpeningHours" content="SA 9.30 - 14.00 Uhr"> <td style="color: #cf1d20; padding-right: 20px;">SA</td> <td style="color: #fff;">9.30 - 14.00 Uhr</td> </tr> </tbody> </table> </div> </div> </div> <div class="wrapper row5"> <div id="copyright" class="hoc clear"> <!-- ################################################################################################ --> <p class="fl_left"> © 2024 BRIER Küchen | <a href="https://medien-macher.de" target="_blank">Medien-Macher</a> | <a href="https://adresse.dastelefonbuch.de/Pfullendorf/2-K%C3%BCchen-Brier-Pfullendorf-Otterswanger-Str.html" target="_blank">Das Telefonbuch</a> </p> <p class="fl_right"> <a href="https://brier-kuechen.homepage-vorschau.com/impressum" target="_blank" style="color: #cf1d20;">IMPRESSUM</a> <a href="https://brier-kuechen.homepage-vorschau.com/datenschutz" target="_blank" style="color: #cf1d20;">| DATENSCHUTZ</a> </p> </div> </div> </section> </main> <script> var slideIndex = 1; showDivs(slideIndex); function plusDivs(n) { showDivs(slideIndex += n); } function currentDiv(n) { showDivs(slideIndex = n); } function showDivs(n) { var i; var x = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("demo"); if (n > x.length) { slideIndex = 1 } if (n < 1) { slideIndex = x.length } for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" w3-white", ""); } x[slideIndex - 1].style.display = "block"; } </script> <script> function toggleSmallMenu(targetDivN, btnN) { const targetDiv = document.getElementById(targetDivN); const btn = document.getElementById(btnN); btn.onclick = function () { if (targetDiv.style.display !== "none") { targetDiv.style.display = "none"; } else { targetDiv.style.display = "block"; } }; } </script> <script> // Get the button let mybutton = document.getElementById("myBtn"); // When the user scrolls down 20px from the top of the document, show the button window.onscroll = function () { scrollFunction() }; function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { mybutton.style.display = "block"; } else { mybutton.style.display = "none"; } } // When the user clicks on the button, scroll to the top of the document function topFunction() { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; } </script> <script> function openForm() { document.getElementById("kontakt").style.display = "block"; } function closeForm() { document.getElementById("kontakt").style.display = "none"; } </script> <script> var map = L.map('map').setView([ 47.93435849451018, 9.240902991500786 ], 13); L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 19, attribution: '© OpenStreetMap' }).addTo(map); var marker = L.marker([47.93435849451018, 9.240902991500786]).addTo(map).bindPopup('Brier-Kuechen <br> Otterswangerstr. 7/5 <br> 88630 Pfullendorf').openPopup(); </script> <script> let menuToggle = document.querySelector('.menuToggle'); let header = document.querySelector('header'); </script> <script> // Get the button // When the user scrolls down 20px from the top of the document, show the button window.onscroll = function () { scrollFunction() }; function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { mybutton.style.display = "block"; } else { mybutton.style.display = "none"; } // When the user clicks on the button, scroll to the top of the document function topFunction() { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; } } </script> <script> window.addEventListener('load', () => { initTicker(); }); const initTicker = () => { let tickers = document.querySelectorAll('.tickerwrapper'), time = 4, ease = 'linear'; tickers.forEach(ticker => { let text = ticker.querySelector('.list'), tickerWidth = ticker.offsetWidth, textWidth = text.offsetWidth; const tl = new gsap.timeline({repeat: -1}); let speed = ticker.getAttribute('data-speed') || 20; let amount = Math.ceil(tickerWidth / textWidth); tl.fromTo(text, { x: 0 }, { x: - textWidth, duration: speed, ease: ease }); for (let i = 0; i < amount; i++) { let clone = text.cloneNode(true); clone.classList.add('clone', `clone--${i}`); ticker.appendChild(clone); tl.fromTo(clone, { x: 0 }, { x: - textWidth, duration: speed, ease: ease }, `-=${speed}`); } window.addEventListener('resize', function () { tickerWidth = text.offsetWidth; amount = Math.ceil(tickerWidth / textWidth); let clones = ticker.querySelectorAll('.clone'); clones.forEach(clone => clone.remove()); for (let i = 0; i < amount; i++) { let clone = text.cloneNode(true); clone.classList.add('clone', `clone--${i}`); ticker.appendChild(clone); tl.fromTo(clone, { x: 0 }, { x: - textWidth, duration: speed, ease: ease }, `-=${speed}`); } }); }); } </script> <script> $('.slider').each(function() { var $this = $(this); var $group = $this.find('.slide_group'); var $slides = $this.find('.slide'); var bulletArray = []; var currentIndex = 0; var timeout; function move(newIndex) { var animateLeft, slideLeft; advance(); if ($group.is(':animated') || currentIndex === newIndex) { return; } bulletArray[currentIndex].removeClass('active'); bulletArray[newIndex].addClass('active'); if (newIndex > currentIndex) { slideLeft = '100%'; animateLeft = '-100%'; } else { slideLeft = '-100%'; animateLeft = '100%'; } $slides.eq(newIndex).css({ display: 'block', left: slideLeft }); $group.animate({ left: animateLeft }, function() { $slides.eq(currentIndex).css({ display: 'none' }); $slides.eq(newIndex).css({ left: 0 }); $group.css({ left: 0 }); currentIndex = newIndex; }); } function advance() { clearTimeout(timeout); timeout = setTimeout(function() { if (currentIndex < ($slides.length - 1)) { move(currentIndex + 1); } else { move(0); } }, 4000); } $('.next_btn').on('click', function() { if (currentIndex < ($slides.length - 1)) { move(currentIndex + 1); } else { move(0); } }); $('.previous_btn').on('click', function() { if (currentIndex !== 0) { move(currentIndex - 1); } else { move(3); } }); $.each($slides, function(index) { var $button = $('<a class="slide_btn">•</a>'); if (index === currentIndex) { $button.addClass('active'); } $button.on('click', function() { move(index); }).appendTo('.slide_buttons'); bulletArray.push($button); }); advance(); }); </script> <script type="apllication/javascript" src="https://brier-kuechen.homepage-vorschau.com/public/_global/js/utility/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.0.5/gsap.min.js"></script> <script type="apllication/javascript" src="https://brier-kuechen.homepage-vorschau.com/public/js/main.min.js"></script> <script type="apllication/javascript" src="https://brier-kuechen.homepage-vorschau.com/public/js/js/swiper.min.js"></script> <script type="apllication/javascript" src="https://brier-kuechen.homepage-vorschau.com/public/js/js/leaflet.min.js"></script> <script type="apllication/javascript" src="https://brier-kuechen.homepage-vorschau.com/public/js/js/photoswipe.min.js"></script> <script type="apllication/javascript" src="https://brier-kuechen.homepage-vorschau.com/public/js/main.min.js.map"></script> <script type="apllication/javascript" src="https://brier-kuechen.homepage-vorschau.com/public/_global/js/components/fileInputs.js"></script> <script type="apllication/javascript" src="https://brier-kuechen.homepage-vorschau.com/public/_global/js/components/validateForm.js"></script> <script type="apllication/javascript" src="https://brier-kuechen.homepage-vorschau.com/public/_global/js/components/customSelect.js"></script> <script type="apllication/javascript" src="https://brier-kuechen.homepage-vorschau.com/public/_global/js/components/accordeon.js"></script> <script type="apllication/javascript" src="https://brier-kuechen.homepage-vorschau.com/public/_global/js/components/dsgvoCheck.js"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.js" type="text/javascript"></script> <script src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js" integrity="sha512-BB3hKbKWOc9Ez/TAwyWxNXeoV9c1v6FIeYiBieIWkpLjauysF18NzgR1MBNBXf8/KABdlkX68nAhlwcDFLGPCQ==" crossorigin=""></script> <script> window.addEventListener ("load", function(){ setTimeout( function open (event){ document.querySelector(".popuptest").style.display = "block"; }, 1000 ) }); document.querySelector ("#close").addEventListener ("click", function (){ document.querySelector (".popuptest").style.display = "none"; }); </script> <script> document.addEventListener('DOMContentLoaded', function () { // Anzahl der Swiper-Instanzen festlegen const numberOfSwipers = 8; // Schleife durch die Anzahl der Swiper-Instanzen for (let i = 1; i <= numberOfSwipers; i++) { new Swiper(`.swiper-${i}`, { centeredSlides: true, navigation: { nextEl: `.swiper-button-next-${i}`, prevEl: `.swiper-button-prev-${i}`, }, }); } }); </script> <script src="https://brier-kuechen.homepage-vorschau.com/public/js/lazysizes.min.js"></script></body> </html>