
    <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>

                        
                                                            <div class="top-bar-list-icon language-flag country-de language-de"></div>
                                                            
                            
                                <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/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/ch" title="Schweiz">

                                        
                                                                                                                                                                                    <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>Schweiz                                                                                    
                                        
                                        
                                    </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>

                                <a class="nav-item nav-link is-home-link navigation-offcanvas-link js-navigation-offcanvas-link" href="/widgets/menu/offcanvas" title="Navigation">
                    <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                        <span class="icon icon-stack">
                            <svg width="24" height="24" viewBox="0 0 24 24">
  <path fill="#758CA3" fill-rule="evenodd" d="M3,13 C2.44771525,13 2,12.5522847 2,12 C2,11.4477153 2.44771525,11 3,11 L21,11 C21.5522847,11 22,11.4477153 22,12 C22,12.5522847 21.5522847,13 21,13 L3,13 Z M3,6 C2.44771525,6 2,5.55228475 2,5 C2,4.44771525 2.44771525,4 3,4 L21,4 C21.5522847,4 22,4.44771525 22,5 C22,5.55228475 21.5522847,6 21,6 L3,6 Z M3,20 C2.44771525,20 2,19.5522847 2,19 C2,18.4477153 2.44771525,18 3,18 L21,18 C21.5522847,18 22,18.4477153 22,19 C22,19.5522847 21.5522847,20 21,20 L3,20 Z" />
</svg>

        </span>            </span>
            <span>
                Navigation
            </span>
            </a>

                    <a class="nav-item nav-link navigation-offcanvas-headline" href="https://www.metallbau-onlineshop.de/hilfe-service/" title>
                    <span>
                Hilfe &amp; Service 
            </span>
            </a>

                <a class="nav-item nav-link is-back-link navigation-offcanvas-link js-navigation-offcanvas-link" href="/widgets/menu/offcanvas?navigationId=e2a950d016314a26a75e65ff5353be36" title="Zurück">
            <span class="navigation-offcanvas-link-icon js-navigation-offcanvas-loading-icon">
                                    <span class="icon icon-arrow-medium-left 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-left-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="matrix(0 -1 -1 0 16 16)" xlink:href="#icons-small-arrow-medium-left-a" />
</svg>

        </span>                    </span>

        <span>
            Zurück
        </span>
    </a>
            
            <ul class="list-unstyled navigation-offcanvas-list">
                                    <li class="navigation-offcanvas-list-item">
        <a class="nav-item nav-link navigation-offcanvas-link is-current-category" href="https://www.metallbau-onlineshop.de/hilfe-service/" title="Hilfe &amp; Service ">
                    <span>
                    Hilfe &amp; Service  anzeigen
                </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/hilfe-service/jobs/" data-href="/widgets/menu/offcanvas?navigationId=018a6c288bad43f1a4e8051828fec3d8" title="Jobs">
                            <span>Jobs</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/hilfe-service/bildergalerie/" data-href="/widgets/menu/offcanvas?navigationId=17ee9afe05ee4ae3b56c788900fe7b42" title="Bildergalerie">
                            <span>Bildergalerie</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/hilfe-service/ratgeber/" data-href="/widgets/menu/offcanvas?navigationId=1d2531cd68a94ee58a5406ebcdd94ad0" title="Ratgeber">
                            <span>Ratgeber</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/hilfe-service/links-partner/" title="Links &amp; Partner">
                            <span>Links &amp; Partner</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/hilfe-service/kontakt/" data-href="/widgets/menu/offcanvas?navigationId=5980364a6b54403596c1f586fcd3534e" title="Kontakt">
                            <span>Kontakt</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/hilfe-service/newsletter/" title="Newsletter">
                            <span>Newsletter</span>
                                    </a>
    </li>
                                        
<li class="navigation-offcanvas-list-item">
            <a class="navigation-offcanvas-link nav-item nav-link" href="https://www.metallbau-onlineshop.de/hilfe-service/bildnachweise/" title="Bildnachweise ">
                            <span>Bildnachweise </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/hilfe-service/ueber-uns/" data-href="/widgets/menu/offcanvas?navigationId=9620cd88f02a4e16b37fcdce058589e7" title="Über uns ">
                            <span>Über uns </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/hilfe-service/downloads/" title="Downloads">
                            <span>Downloads</span>
                                    </a>
    </li>
                            </ul>

        </div>
    </div>