<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <base href="/" />

    
        <link href="/images/amp/amp-favicon.ico" rel="icon" type="image/x-icon" />
    

    <link href="/css/bootstrap.min.css"
          rel="stylesheet" type="text/css" />
    <link href="/css/bootstrap-utilities.min.css"
          rel="stylesheet" type="text/css" />
    <link href="/css/not-found.css"
          rel="stylesheet" type="text/css" />

    <title>Error</title>

    
</head>

<body class="tenant1">
<!-- Desktop Header -->
<div class="header-desktop">
    <div class="container">
        <div class="row">
            <div class="col-xs-9 col-lg-2 col-xl-2 logo-container">
                <a href="/">
                    <img class="logo-img" alt=""
                         src="/api/v1/images/69a9a94536bfbc18dbb7c199?tenant-id=1"/>
                </a>
                <div name="wgt-locale-select"></div>
            </div>
            <div class="col-xs-9 col-lg-10 col-xl-10 right-header-content">
                <div class="row">
                    <div class="col-lg-6 col-xl-8">
                        <div name="wgt-search-field"></div>
                    </div>
                    <div class="col-lg-6 col-xl-4 action-buttons">
                        <div class="action-btn">
                            <a href="/contact/shop"
                               class="d-flex flex-column align-items-center">
                                <div class="image-container">
                                    <img src="/images/main/svg/contact.svg" alt="contact"/>
                                </div>
                                <span>Contact</span>
                            </a>
                        </div>
                        <span class="border"></span>
                        <div class="action-btn">
                            <div name="wgt-login-button"></div>
                        </div>
                        <span class="border"></span>
                        <div class="action-btn">
                            <div name="wgt-open-cart-button"></div>
                        </div>
                    </div>
                </div>
                <div class="menu-container">
                    <!-- Products Submenu with dropdown -->
                    <div class="products-submenu">
                        <div class="dropdown-button" onclick="toggleProductsSubmenu()">
                            <h3>ROLLADENSHOP</h3>
                            <div class="polygon"></div>
                        </div>
                    </div>

                    <a href="/page/configurator">
                        <h3>Front-mounted Roller Shutters</h3>
                    </a>
                    <a href="/page/alu-rollladen">
                        <h3>ALU Roller Shutters</h3>
                    </a>
                    <a href="/page/pvc-rollladen">
                        <h3>PVC Roller Shutters</h3>
                    </a>
                    <a href="/page/bestellung">
                        <h3>FAQ</h3>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Products Submenu Dropdown (outside header) -->
<div class="submenu-dropdown" id="products-submenu-dropdown">
    <div class="container">
        <div class="row">
            <div class="col-xl-2 speciality-market-column">
                <h3>Specialty market for:</h3>
                <img src="/api/v1/images/69a9a94536bfbc18dbb7c199?tenant-id=1" alt=""/>
            </div>
            <div class="col-xl-9">
                <div class="category-tree">
                    <div class="row">
                        
                            <div class="col-sm-12 col-md-6 col-xl-4">
                                <div class="main-category">
                                    <a href="/shop/motoren?s=12&amp;no-variants=false">Rollladenmotor</a>
                                </div>
                                
                                    
                                
                            </div>
                            <div class="col-sm-12 col-md-6 col-xl-4">
                                <div class="main-category">
                                    <a href="/shop/gurtwickler?s=12&amp;no-variants=false">Gurtwickler</a>
                                </div>
                                
                                    
                                
                            </div>
                            <div class="col-sm-12 col-md-6 col-xl-4">
                                <div class="main-category">
                                    <a href="/shop/aktionen?s=12&amp;no-variants=false">Aktionsartikel</a>
                                </div>
                                
                                    
                                
                            </div>
                            <div class="col-sm-12 col-md-6 col-xl-4">
                                <div class="main-category">
                                    <a href="/shop/motoren-zubehoer?s=12&amp;no-variants=false">Zubehör</a>
                                </div>
                                
                                    
                                
                            </div>
                        
                    </div>
                </div>
            </div>
            <div class="col-xl-1">
                <div class="close-button" onclick="closeProductsSubmenu()">
                    <span class="close-icon">
                        <img src="/images/main/png/close.png" alt=""/>
                    </span>
                    <span>Close</span>
                </div>
            </div>
        </div>
        <div class="row mt-3">
            <div class="col-xl-2"></div>
            <div class="col-xl-9">
                <a class="show-all-products-link" href="/shop/search?s=12&no-variants=true">
                    <h4>SHOW ALL PRODUCTS</h4>
                    <div class="more-button">
                        <img src="/images/main/png/bottom-arrow.png" alt="arrow"/>
                    </div>
                </a>
            </div>
            <div class="col-xl-1"></div>
        </div>
    </div>
</div>

<!-- Mobile Header -->
<div class="header-mobile">
    <nav class="mobile-navbar">
        <div class="mobile-navbar-brand">
            <!-- Hamburger Menu Button -->
            <div name="wgt-hamburger-menu"></div>

            <!-- Logo and Action Buttons -->
            <div class='content'>
                <div class="logo-wrapper">
                    <a href="/">
                        <img class="logo-img-sm" alt=""
                             src="/api/v1/images/69a9a94536bfbc18dbb7c199?tenant-id=1"/>
                    </a>
                </div>
                <div class="action-buttons">
                    <div class="action-btn">
                        <a href="/contact/shop"
                           class="d-flex flex-column align-items-center">
                            <div class="image-container">
                                <img src="/images/main/svg/contact.svg" alt="contact"/>
                            </div>
                        </a>
                    </div>
                    <div class="action-btn">
                        <div name="wgt-login-button"></div>
                    </div>
                    <div class="action-btn">
                        <div name="wgt-open-cart-button"></div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Search Field -->
        <div class="mobile-navbar-text">
            <div name="wgt-search-field"></div>
        </div>

        <!-- Collapsible Menu -->
        <div class="mobile-navbar-collapse mt-3" id="mobile-menu-collapse">
            <a class="mobile-menu-item" href="/page/configurator">
                <h3>Front-mounted Roller Shutters</h3>
            </a>
            <a class="mobile-menu-item" href="/page/alu-rollladen">
                <h3>ALU Roller Shutters</h3>
            </a>
            <a class="mobile-menu-item" href="/page/pvc-rollladen">
                <h3>PVC Roller Shutters</h3>
            </a>
            <a class="mobile-menu-item" href="/page/bestellung">
                <h3>FAQ</h3>
            </a>
        </div>
    </nav>
    <div name="wgt-products-submenu-mobile"></div>
</div>

<script>
    function toggleProductsSubmenu() {
        const dropdown = document.getElementById('products-submenu-dropdown');
        const button = document.querySelector('.products-submenu .dropdown-button');
        dropdown.classList.toggle('open');
        button.classList.toggle('open');
    }

    function closeProductsSubmenu() {
        const dropdown = document.getElementById('products-submenu-dropdown');
        const button = document.querySelector('.products-submenu .dropdown-button');
        dropdown.classList.remove('open');
        button.classList.remove('open');
    }

    // Close submenu when clicking outside
    document.addEventListener('click', function (event) {
        const dropdown = document.getElementById('products-submenu-dropdown');
        const button = document.querySelector('.products-submenu');
        if (dropdown && button && !dropdown.contains(event.target) && !button.contains(event.target)) {
            dropdown.classList.remove('open');
            button.querySelector('.dropdown-button').classList.remove('open');
        }
    });
</script>

<div class="container not-found-page-container">
	<h1 class="text-404">404</h1>
	<h1>Page Not Found</h1>
	<p>Sorry, the page was not found. The requested URL does not exist (or no longer exists).</p>

	<a class="button-like" href="/">To Homepage</a>
</div>

<!--<div class="partner-slideshow" name="wgt-partner-slideshow"></div>-->

<div class="subscribe-business-account">
    <div class="background-image"></div>

    <div class="container">
        <div class="data-grid">
            <div class="subscribe-left-container">
                <div class="content">
                    
                        <h3>Rollwin eMag - always well informed!</h3>
                    
                    <div><img src="/images/main/svg/tick.svg" alt="tick"/> <span>Be the first to hear about our offers and specials</span>
                    </div>
                    <div><img src="/images/main/svg/tick.svg" alt="tick"/> <span>Get ideas for designing your home &amp; garden</span>
                    </div>
                    <div><img src="/images/main/svg/tick.svg" alt="tick"/> <span>Our tips will help you realize your projects</span>
                    </div>
                    <div name="wgt-subscription-input"></div>
                </div>
            </div>
            <div class="business-right-container">
                <div class="content">
                    
                        <h3>Rollwin Business Account</h3>
                    

                    <div class="row">
                        <div class="col-12 col-md-4 col-xl-2">
                            <div class="business-account-image">
                                <img src="/images/main/svg/account.svg" alt=""/>
                            </div>
                        </div>
                        <div class="col-12 col-md-8 col-xl-10">
                            <div class="about-account">Create a merchant account now to see your individual product prices, retrieve stock levels in real time and customize your desired item.</div>
                            <div class="about-text secondary-color">
                                <a href="/page/business-account"><h3>More about Business Account</h3></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="container">
    <div class="company-advantages">
        <div class="header">
            <h3>Our Advantages for You</h3>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-6 col-lg-3 advantage">
                <div class="dynamic-image padlock"></div>
                <span>Secure Payment Methods</span>
            </div>
            <div class="col-sm-12 col-md-6 col-lg-3 advantage">
                <div class="dynamic-image product-return"></div>
                <span>Simple Shipping Process</span>
            </div>
            <div class="col-sm-12 col-md-6 col-lg-3 advantage">
                <div class="dynamic-image wheelbarrow"></div>
                <span>Produced in Germany</span>
            </div>
            <div class="col-sm-12 col-md-6 col-lg-3 advantage">
                <div class="dynamic-image location"></div>
                <span>Self-Pickup Available</span>
            </div>
        </div>
    </div>
</div>


<div class="footer">
    <div class="container">
        <div class="row footer-main">
            <!-- Payment Methods Section -->
            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12">
                <h3>Our Payment Methods</h3>
                <div class="payment-grid">
                    <img src="/images/main/payment/Visa.svg" alt="Visa"/>
                    <img src="/images/main/payment/Mastercard.svg" alt="Mastercard"/>
                    <img src="/images/main/payment/ApplePay.svg" alt="Apple Pay"/>
                    <img src="/images/main/payment/PayPal.svg" alt="PayPal"/>
                    <img src="/images/main/payment/Maestro.svg" alt="Maestro"/>
                    <img src="/images/main/payment/Prepay.svg" alt="Rechnung"/>
                    <img src="/images/main/payment/GooglePay.svg" alt="Google Pay"/>
                </div>
            </div>

            <!-- Shop Section -->
            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                <h3>Shop</h3>
                <div class="information-links">
                    <a href="/not-found">Front-mounted Roller Shutters</a>
                    <a href="/page/alu-rollladen">Aluminum Roller Shutters</a>
                    <a href="/page/pvc-rollladen">PVC Roller Shutters</a>
                    <a href="/not-found">Samples</a>
                </div>
            </div>

            <!-- Service & Hilfe Section -->
            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                <h3>Service &amp; Help</h3>
                <div class="information-links">
                    <a href="/page/versand-lieferung">Shipping &amp; Delivery</a>
                    <a href="/page/rücksendung">Revocation</a>
                    <a href="/page/falschlieferung">Wrong Delivery</a>
                    <a href="/page/beschaedigte">Damaged Delivery</a>
                    <a href="/page/bestellung">Frequently Asked Questions (FAQ)</a>
                </div>
            </div>

            <!-- Unternehmen Section -->
            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                <h3>Company</h3>
                <div class="information-links">
                    <a href="/page/about">About Rollwin</a>
                    
                        <a href="/page/about-dwester">About Dwester</a>
                    
                    
                        <a href="/page/karriere">Career at Dwester</a>
                    
                    <a href="/contact/shop">Contact</a>
                </div>
            </div>
        </div>

        <div class="separator-top"></div>

        <div class="row footer-bottom">
            <!-- Customer Service Section -->
            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                <h3>Customer Service</h3>
                
                    <a class="telephone"
                       href="tel:+49 2602 / 9497438">+49 2602 / 9497438</a>
                
                <div class="opening-time">
                    <span>Our customer service opening hours are:</span>
                    <span>Monday to Saturday 8:00 AM - 6:00 PM</span>
                    <span>Closed on Sundays and public holidays</span>
                </div>
                <span class="mobile-charges">Within Germany at local rates, mobile phone costs may vary</span>
            </div>

            <!-- Social Media Section -->
           <!-- <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
                <h3 th:text="#{FOOTER.MEDIA}">Social Media</h3>
                <div class="social-grid">
                    <img src="/images/main/svg/facebook-official.svg" alt="Facebook"/>
                    <img src="/images/main/svg/x.svg" alt="X"/>
                </div>
            </div>-->

            <!-- Versand mit Section -->
            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 shipping-section">
                <h3>Shipping with</h3>
                <div class="shipping-grid">
                    <img src="/images/main/delivery/hermes.png" alt="HERMES"/>
                    <img src="/images/main/delivery/dhl.png" alt="DHL"/>
                    <img src="/images/main/delivery/dpd-logo.png" alt="DPD"/>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="license-footer primary-bg-color">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-6 left-side">
                <span>ï¿½ Moodia Digital Group. All rights reserved</span>
            </div>
            <div class="col-12 col-lg-6 right-side">
                <a href="/contact/shop"><span>Contact</span></a>
                <a href="/agb"><span>Terms and Conditions</span></a>
                <a href="/impressum"><span>Imprint</span></a>
                <a href="/data-privacy"><span>Privacy Policy</span></a>
            </div>
        </div>
    </div>
</div>


<div name="wgt-cart-modal"></div>

<div id="modal-root" style="display: -webkit-box; display: -webkit-flex; display: flex;"></div>

<div id="notification-root"></div>

<div id="modal-root" style="display: -webkit-box; display: -webkit-flex; display: flex;"></div>


<!-- Polyfills are always taken from a prod build. In a dev environment they are assumed to not be required anyway -->
<script type="text/javascript" src="/js/widgets/polyfill.bundle.js"></script>


    <!-- Production script injects -->
    <script type="text/javascript" src="/js/widgets/widgets.bundle.js"></script>




</body>
</html>
