
    <div class="navigation-offcanvas-container js-navigation-offcanvas">
        <div class="navigation-offcanvas-overlay-content js-navigation-offcanvas-overlay-content">
            <div class="countries-wrapper d-block d-sm-block d-md-none d-lg-none d-xl-none mb-2 mt-2">
                                                    
    
        <div class="top-bar-nav-item top-bar-menu col-lg-6">
                            <div class="service-menu dropdown">
                    <button class="btn dropdown-toggle top-bar-nav-btn" type="button" id="serviceMenuDropdown-" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

                        <span class="top-bar-nav-text">Lieferland:</span>

                        
                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                    <noscript><img src="https://www.metallbau-onlineshop.de/media/86/50/43/1608542448/Flagge_Schweiz_neu.png"></noscript><img class="maxia-lazy-image " data-src="https://www.metallbau-onlineshop.de/media/86/50/43/1608542448/Flagge_Schweiz_neu.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                    </span>
                                                            
                            
                                <span class="icon icon-fa-chevron-down">
                            
        </span>
                    </button>
                                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="serviceMenuDropdown-">

                            
                                                                    <a class="top-bar-list-item dropdown-item" href="https://www.metaalbouw-shop.be" title="Belgien">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://www.metallbau-onlineshop.de/media/2c/70/6c/1608204368/Flagge_Belgien.png"></noscript><img class="maxia-lazy-image " data-src="https://www.metallbau-onlineshop.de/media/2c/70/6c/1608204368/Flagge_Belgien.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                                </span>Belgien                                                                                    
                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://www.metaalbouw-shop.nl" title="Niederlande">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://www.metallbau-onlineshop.de/media/5a/d0/58/1610443004/Flagge_NL.png"></noscript><img class="maxia-lazy-image " data-src="https://www.metallbau-onlineshop.de/media/5a/d0/58/1610443004/Flagge_NL.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                                </span>Niederlande                                                                                    
                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://www.metallbau-onlineshop.de" title="Deutschland">

                                        
                                                                                    <span class="top-bar-list-icon language-flag country-de language-de"></span>Deutschland                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://www.metallbau-onlineshop.de/at" title="Österreich">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://www.metallbau-onlineshop.de/media/e9/63/e0/1608204352/Flagge_AT.png"></noscript><img class="maxia-lazy-image " data-src="https://www.metallbau-onlineshop.de/media/e9/63/e0/1608204352/Flagge_AT.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                                </span>Österreich                                                                                    
                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://www.metallbau-onlineshop.de/it" title="Italien">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://www.metallbau-onlineshop.de/media/1e/1b/1d/1610446838/Flagge_IT.png"></noscript><img class="maxia-lazy-image " data-src="https://www.metallbau-onlineshop.de/media/1e/1b/1d/1610446838/Flagge_IT.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                                </span>Italien                                                                                    
                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://www.metallbau-onlineshop.de/lu" title="Luxemburg">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://www.metallbau-onlineshop.de/media/55/44/49/1608201098/Flagge_Luxemburg.png"></noscript><img class="maxia-lazy-image " data-src="https://www.metallbau-onlineshop.de/media/55/44/49/1608201098/Flagge_Luxemburg.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                                </span>Luxemburg                                                                                    
                                        
                                        
                                    </a>
                                                            
                                                                                                
                                                                    <a class="top-bar-list-item dropdown-item" href="https://www.metallerie-sur-mesure.fr" title="Frankreich">

                                        
                                                                                                                                                                                    <span class="top-bar-list-icon ultra-topbar-own-icon">
                                                <noscript><img src="https://www.metallbau-onlineshop.de/media/b1/15/24/1637583029/Flagge_Frankreich.svg"></noscript><img class="maxia-lazy-image " data-src="https://www.metallbau-onlineshop.de/media/b1/15/24/1637583029/Flagge_Frankreich.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
                                                </span>Frankreich                                                                                    
                                        
                                        
                                    </a>
                                                                                    </div>


                                    </div>
                    </div>

                                </div>

                                <div class="navigation-offcanvas-headline">
                    Kategorien
            </div>
            
            <ul class="list-unstyled navigation-offcanvas-list">
                

<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link" href="https://www.metallbau-onlineshop.de/ch/tore-zaeune/" data-href="/ch/widgets/menu/offcanvas?navigationId=ec0830f7941e4e8a99c7363e46afec26" title="Tore &amp; Zäune">
                            <span>Tore &amp; Zäune</span>
                                                            <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                                    <span class="icon icon-arrow-medium-right icon-sm">
                            <svg width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="icons-small-arrow-medium-right-a" d="M4.70710678,5.29289322 C4.31658249,4.90236893 3.68341751,4.90236893 3.29289322,5.29289322 C2.90236893,5.68341751 2.90236893,6.31658249 3.29289322,6.70710678 L7.29289322,10.7071068 C7.68341751,11.0976311 8.31658249,11.0976311 8.70710678,10.7071068 L12.7071068,6.70710678 C13.0976311,6.31658249 13.0976311,5.68341751 12.7071068,5.29289322 C12.3165825,4.90236893 11.6834175,4.90236893 11.2928932,5.29289322 L8,8.58578644 L4.70710678,5.29289322 Z" />
  </defs>
  <use fill="#758CA3" fill-rule="evenodd" transform="rotate(-90 8 8)" xlink:href="#icons-small-arrow-medium-right-a" />
</svg>

        </span>                        </span>
                                                        </a>
    </li>
                                        
<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link" href="https://www.metallbau-onlineshop.de/ch/gelaender/" data-href="/ch/widgets/menu/offcanvas?navigationId=2d256f5f887c46028eb0c6121d8f2420" title="Geländer">
                            <span>Geländer</span>
                                                            <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                                    <span class="icon icon-arrow-medium-right icon-sm">
                            <svg width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="icons-small-arrow-medium-right-a" d="M4.70710678,5.29289322 C4.31658249,4.90236893 3.68341751,4.90236893 3.29289322,5.29289322 C2.90236893,5.68341751 2.90236893,6.31658249 3.29289322,6.70710678 L7.29289322,10.7071068 C7.68341751,11.0976311 8.31658249,11.0976311 8.70710678,10.7071068 L12.7071068,6.70710678 C13.0976311,6.31658249 13.0976311,5.68341751 12.7071068,5.29289322 C12.3165825,4.90236893 11.6834175,4.90236893 11.2928932,5.29289322 L8,8.58578644 L4.70710678,5.29289322 Z" />
  </defs>
  <use fill="#758CA3" fill-rule="evenodd" transform="rotate(-90 8 8)" xlink:href="#icons-small-arrow-medium-right-a" />
</svg>

        </span>                        </span>
                                                        </a>
    </li>
                                        
<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link" href="https://www.metallbau-onlineshop.de/ch/gitter-einbruchschutz/" data-href="/ch/widgets/menu/offcanvas?navigationId=af7687b6905a4015802176a92e7f836c" title="Gitter &amp; Einbruchschutz">
                            <span>Gitter &amp; Einbruchschutz</span>
                                                            <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                                    <span class="icon icon-arrow-medium-right icon-sm">
                            <svg width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="icons-small-arrow-medium-right-a" d="M4.70710678,5.29289322 C4.31658249,4.90236893 3.68341751,4.90236893 3.29289322,5.29289322 C2.90236893,5.68341751 2.90236893,6.31658249 3.29289322,6.70710678 L7.29289322,10.7071068 C7.68341751,11.0976311 8.31658249,11.0976311 8.70710678,10.7071068 L12.7071068,6.70710678 C13.0976311,6.31658249 13.0976311,5.68341751 12.7071068,5.29289322 C12.3165825,4.90236893 11.6834175,4.90236893 11.2928932,5.29289322 L8,8.58578644 L4.70710678,5.29289322 Z" />
  </defs>
  <use fill="#758CA3" fill-rule="evenodd" transform="rotate(-90 8 8)" xlink:href="#icons-small-arrow-medium-right-a" />
</svg>

        </span>                        </span>
                                                        </a>
    </li>
                                        
<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link" href="https://www.metallbau-onlineshop.de/ch/garten-haus/" data-href="/ch/widgets/menu/offcanvas?navigationId=afb82fa04039432ea16433a64cb6e5e5" title="Garten &amp; Haus">
                            <span>Garten &amp; Haus</span>
                                                            <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                                    <span class="icon icon-arrow-medium-right icon-sm">
                            <svg width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="icons-small-arrow-medium-right-a" d="M4.70710678,5.29289322 C4.31658249,4.90236893 3.68341751,4.90236893 3.29289322,5.29289322 C2.90236893,5.68341751 2.90236893,6.31658249 3.29289322,6.70710678 L7.29289322,10.7071068 C7.68341751,11.0976311 8.31658249,11.0976311 8.70710678,10.7071068 L12.7071068,6.70710678 C13.0976311,6.31658249 13.0976311,5.68341751 12.7071068,5.29289322 C12.3165825,4.90236893 11.6834175,4.90236893 11.2928932,5.29289322 L8,8.58578644 L4.70710678,5.29289322 Z" />
  </defs>
  <use fill="#758CA3" fill-rule="evenodd" transform="rotate(-90 8 8)" xlink:href="#icons-small-arrow-medium-right-a" />
</svg>

        </span>                        </span>
                                                        </a>
    </li>
                                        
<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link" href="https://www.metallbau-onlineshop.de/ch/hochwasserschutz-tuer/" title="Hochwasserschutz Tür">
                            <span>Hochwasserschutz Tür</span>
                                    </a>
    </li>
                                        
<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link" href="https://www.metallbau-onlineshop.de/ch/tueren/" data-href="/ch/widgets/menu/offcanvas?navigationId=f8754b14cd804139947c4e79d1ebaeb7" title="Türen">
                            <span>Türen</span>
                                                            <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                                    <span class="icon icon-arrow-medium-right icon-sm">
                            <svg width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="icons-small-arrow-medium-right-a" d="M4.70710678,5.29289322 C4.31658249,4.90236893 3.68341751,4.90236893 3.29289322,5.29289322 C2.90236893,5.68341751 2.90236893,6.31658249 3.29289322,6.70710678 L7.29289322,10.7071068 C7.68341751,11.0976311 8.31658249,11.0976311 8.70710678,10.7071068 L12.7071068,6.70710678 C13.0976311,6.31658249 13.0976311,5.68341751 12.7071068,5.29289322 C12.3165825,4.90236893 11.6834175,4.90236893 11.2928932,5.29289322 L8,8.58578644 L4.70710678,5.29289322 Z" />
  </defs>
  <use fill="#758CA3" fill-rule="evenodd" transform="rotate(-90 8 8)" xlink:href="#icons-small-arrow-medium-right-a" />
</svg>

        </span>                        </span>
                                                        </a>
    </li>
                                        
<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link" href="https://www.metallbau-onlineshop.de/ch/balkon/" data-href="/ch/widgets/menu/offcanvas?navigationId=a2e1037f433e4aed933a83a0f62fdc45" title="Balkon">
                            <span>Balkon</span>
                                                            <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                                    <span class="icon icon-arrow-medium-right icon-sm">
                            <svg width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="icons-small-arrow-medium-right-a" d="M4.70710678,5.29289322 C4.31658249,4.90236893 3.68341751,4.90236893 3.29289322,5.29289322 C2.90236893,5.68341751 2.90236893,6.31658249 3.29289322,6.70710678 L7.29289322,10.7071068 C7.68341751,11.0976311 8.31658249,11.0976311 8.70710678,10.7071068 L12.7071068,6.70710678 C13.0976311,6.31658249 13.0976311,5.68341751 12.7071068,5.29289322 C12.3165825,4.90236893 11.6834175,4.90236893 11.2928932,5.29289322 L8,8.58578644 L4.70710678,5.29289322 Z" />
  </defs>
  <use fill="#758CA3" fill-rule="evenodd" transform="rotate(-90 8 8)" xlink:href="#icons-small-arrow-medium-right-a" />
</svg>

        </span>                        </span>
                                                        </a>
    </li>
                                        
<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link js-navigation-offcanvas-link" href="https://www.metallbau-onlineshop.de/ch/weitere-kategorien/" data-href="/ch/widgets/menu/offcanvas?navigationId=0ec547805e6147c9a4ce9123ebda474b" title="Weitere Kategorien">
                            <span>Weitere Kategorien</span>
                                                            <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                                    <span class="icon icon-arrow-medium-right icon-sm">
                            <svg width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="icons-small-arrow-medium-right-a" d="M4.70710678,5.29289322 C4.31658249,4.90236893 3.68341751,4.90236893 3.29289322,5.29289322 C2.90236893,5.68341751 2.90236893,6.31658249 3.29289322,6.70710678 L7.29289322,10.7071068 C7.68341751,11.0976311 8.31658249,11.0976311 8.70710678,10.7071068 L12.7071068,6.70710678 C13.0976311,6.31658249 13.0976311,5.68341751 12.7071068,5.29289322 C12.3165825,4.90236893 11.6834175,4.90236893 11.2928932,5.29289322 L8,8.58578644 L4.70710678,5.29289322 Z" />
  </defs>
  <use fill="#758CA3" fill-rule="evenodd" transform="rotate(-90 8 8)" xlink:href="#icons-small-arrow-medium-right-a" />
</svg>

        </span>                        </span>
                                                        </a>
    </li>
                            </ul>

        </div>
    </div>