Header

header pattern

<header class="main-header "> <div class="header-header"> <div class="meta-navigation"> <div class="container"> <div class="row no-gutter"> <div class="col-sm-12"> <div class="logo-wrapper hidden-hd hidden-md hidden-lg"> <div class="logo"> <?xml version="1.0" encoding="utf-8"?> <svg width="193" height="56" viewBox="0 0 193 56"> <path fillRule="evenodd" d="M 186.68 12.63C 183.22 12.63 180.33 9.91 180.33 6.28 180.33 2.72 183.22-0 186.68-0 190.12-0 193 2.72 193 6.28 193 9.91 190.12 12.63 186.68 12.63ZM 186.68 0.93C 183.73 0.93 181.47 3.26 181.47 6.28 181.47 9.37 183.73 11.7 186.68 11.7 189.6 11.7 191.85 9.37 191.85 6.28 191.85 3.26 189.6 0.93 186.68 0.93ZM 187.71 6.73C 187.71 6.73 189.81 9.99 189.81 9.99 189.81 9.99 188.59 9.99 188.59 9.99 188.59 9.99 186.58 6.82 186.58 6.82 186.58 6.82 185.37 6.82 185.37 6.82 185.37 6.82 185.37 9.99 185.37 9.99 185.37 9.99 184.22 9.99 184.22 9.99 184.22 9.99 184.22 2.62 184.22 2.62 184.22 2.62 187.07 2.62 187.07 2.62 188.82 2.62 189.65 3.31 189.65 4.73 189.65 6.06 188.81 6.62 187.71 6.73ZM 186.88 3.54C 186.88 3.54 185.37 3.54 185.37 3.54 185.37 3.54 185.37 5.89 185.37 5.89 185.37 5.89 186.57 5.89 186.57 5.89 187.57 5.89 188.5 5.84 188.5 4.67 188.5 3.7 187.66 3.54 186.88 3.54ZM 157.09 55.96C 157.09 55.96 135.93 55.99 134.06 55.96 132.87 55.94 131.39 55.16 130.46 54.6 130.46 54.6 118.28 41.26 118.28 41.26 118.28 41.26 118.28 41.29 118.28 41.29 118.28 41.29 108.92 32.01 107.3 30.04 105.69 28.06 108.13 27.75 108.13 27.75 108.13 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 128.39 27.75 128.39 27.75 128.39 27.75 131.98 27.75 131.98 23.45 131.98 19.94 129.58 19.3 128.7 19.18 128.7 19.18 127.99 19.15 127.99 19.15 127.99 19.15 114.2 19.15 114.2 19.15 114.2 19.15 104.19 19.15 104.19 19.15 104.19 19.15 95.41 29.02 95.41 29.02 95.41 29.02 117 53.82 117 53.82 117 53.82 117.72 55.21 116.4 55.43 116.18 55.53 102.1 55.68 101.03 55.7 99.96 55.73 99.24 54.9 99.24 54.9 99.24 54.9 85.97 39.71 85.97 39.71 85.97 39.71 72.85 54.57 72.85 54.57 72.85 54.57 72.13 55.4 71.06 55.37 69.99 55.34 55.91 55.2 55.69 55.1 54.37 54.88 55.09 53.5 55.09 53.5 55.09 53.5 61.82 45.85 61.82 45.85 61.82 45.85 61.8 45.83 61.8 45.83 61.8 45.83 25.66 45.83 25.66 45.83 25.66 45.83 18.08 54.36 18.08 54.36 17.63 54.85 17 55.16 16.29 55.16 16.29 55.16 1.1 55.17 1.1 55.17 0.49 55.17 0 54.67 0 54.05 0 53.84 0.06 53.64 0.16 53.47 0.16 53.47 39.18 9.2 39.18 9.2 39.66 8.61 40.38 8.23 41.2 8.23 41.2 8.23 47.31 8.23 47.31 8.23 48.13 8.23 48.85 8.61 49.33 9.2 49.33 9.2 71.32 35.06 71.32 35.06 71.32 35.06 76.64 29.02 76.64 29.02 76.64 29.02 68.35 19.52 68.35 19.52 68.35 19.52 60.57 9.98 59.87 9.07 59.3 7.95 60.8 8.12 60.8 8.12 60.8 8.12 74.29 8.07 75.74 8.08 77.19 8.08 78.04 9.07 78.04 9.07 78.04 9.07 86.07 18.3 86.07 18.3 86.07 18.3 94.05 9.23 94.05 9.23 94.05 9.23 94.9 8.25 96.35 8.24 96.98 8.24 130.83 8.3 130.83 8.3 130.83 8.3 144.16 9.32 145.42 21.72 146.05 36.99 130.35 36.82 130.35 36.82 130.35 36.82 139.33 45.1 139.33 45.1 139.33 45.1 155.39 45.14 156.15 45.13 156.45 45.15 167.41 44.39 168.13 32.73 168.55 23.29 160.57 21.41 159.8 21.16 156 20.04 152.62 21.18 152.43 21.22 152.24 21.25 152.01 21.27 151.92 20.94 151.51 14.61 147.29 10.15 147.29 10.15 147.29 10.15 146.98 9.89 147.4 9.6 156.24 7.05 163.97 9.32 163.97 9.32 163.97 9.32 180.22 12.73 182.2 29.77 183.87 55.93 157.09 55.96 157.09 55.96ZM 49.99 31.9C 49.99 31.9 44.64 25.78 44.64 25.78 44.47 25.54 44.19 25.38 43.87 25.38 43.55 25.38 43.29 25.53 43.11 25.76 43.11 25.76 34.21 36.23 34.21 36.23 34.21 36.23 53.66 36.23 53.66 36.23 51.73 33.96 50.09 32.02 49.99 31.9Z" fill="rgb(0,131,117)" /> </svg> </div> </div> <div class="dropdown "> <a class="btn btn--has-icon" data-toggle="dropdown"> <span class="icon-wrapper"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#arrow-down"></use> </svg> </span> <span class="title"> choose language </span> </a> <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-button-id"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </div> <div class="main-header__hotline hidden-xs hidden-sm"> <strong>Service-Hotline:</strong> +49 40 54 711-0 </div> </div> </div> </div> </div> </div> <div class="logo-area sticker"> <div class="header-body"> <div class="header-body-item logo-wrapper hidden-xs hidden-sm"> <a href="#"> <div class="logo"> <?xml version="1.0" encoding="utf-8"?> <svg width="193" height="56" viewBox="0 0 193 56"> <path fillRule="evenodd" d="M 186.68 12.63C 183.22 12.63 180.33 9.91 180.33 6.28 180.33 2.72 183.22-0 186.68-0 190.12-0 193 2.72 193 6.28 193 9.91 190.12 12.63 186.68 12.63ZM 186.68 0.93C 183.73 0.93 181.47 3.26 181.47 6.28 181.47 9.37 183.73 11.7 186.68 11.7 189.6 11.7 191.85 9.37 191.85 6.28 191.85 3.26 189.6 0.93 186.68 0.93ZM 187.71 6.73C 187.71 6.73 189.81 9.99 189.81 9.99 189.81 9.99 188.59 9.99 188.59 9.99 188.59 9.99 186.58 6.82 186.58 6.82 186.58 6.82 185.37 6.82 185.37 6.82 185.37 6.82 185.37 9.99 185.37 9.99 185.37 9.99 184.22 9.99 184.22 9.99 184.22 9.99 184.22 2.62 184.22 2.62 184.22 2.62 187.07 2.62 187.07 2.62 188.82 2.62 189.65 3.31 189.65 4.73 189.65 6.06 188.81 6.62 187.71 6.73ZM 186.88 3.54C 186.88 3.54 185.37 3.54 185.37 3.54 185.37 3.54 185.37 5.89 185.37 5.89 185.37 5.89 186.57 5.89 186.57 5.89 187.57 5.89 188.5 5.84 188.5 4.67 188.5 3.7 187.66 3.54 186.88 3.54ZM 157.09 55.96C 157.09 55.96 135.93 55.99 134.06 55.96 132.87 55.94 131.39 55.16 130.46 54.6 130.46 54.6 118.28 41.26 118.28 41.26 118.28 41.26 118.28 41.29 118.28 41.29 118.28 41.29 108.92 32.01 107.3 30.04 105.69 28.06 108.13 27.75 108.13 27.75 108.13 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 128.39 27.75 128.39 27.75 128.39 27.75 131.98 27.75 131.98 23.45 131.98 19.94 129.58 19.3 128.7 19.18 128.7 19.18 127.99 19.15 127.99 19.15 127.99 19.15 114.2 19.15 114.2 19.15 114.2 19.15 104.19 19.15 104.19 19.15 104.19 19.15 95.41 29.02 95.41 29.02 95.41 29.02 117 53.82 117 53.82 117 53.82 117.72 55.21 116.4 55.43 116.18 55.53 102.1 55.68 101.03 55.7 99.96 55.73 99.24 54.9 99.24 54.9 99.24 54.9 85.97 39.71 85.97 39.71 85.97 39.71 72.85 54.57 72.85 54.57 72.85 54.57 72.13 55.4 71.06 55.37 69.99 55.34 55.91 55.2 55.69 55.1 54.37 54.88 55.09 53.5 55.09 53.5 55.09 53.5 61.82 45.85 61.82 45.85 61.82 45.85 61.8 45.83 61.8 45.83 61.8 45.83 25.66 45.83 25.66 45.83 25.66 45.83 18.08 54.36 18.08 54.36 17.63 54.85 17 55.16 16.29 55.16 16.29 55.16 1.1 55.17 1.1 55.17 0.49 55.17 0 54.67 0 54.05 0 53.84 0.06 53.64 0.16 53.47 0.16 53.47 39.18 9.2 39.18 9.2 39.66 8.61 40.38 8.23 41.2 8.23 41.2 8.23 47.31 8.23 47.31 8.23 48.13 8.23 48.85 8.61 49.33 9.2 49.33 9.2 71.32 35.06 71.32 35.06 71.32 35.06 76.64 29.02 76.64 29.02 76.64 29.02 68.35 19.52 68.35 19.52 68.35 19.52 60.57 9.98 59.87 9.07 59.3 7.95 60.8 8.12 60.8 8.12 60.8 8.12 74.29 8.07 75.74 8.08 77.19 8.08 78.04 9.07 78.04 9.07 78.04 9.07 86.07 18.3 86.07 18.3 86.07 18.3 94.05 9.23 94.05 9.23 94.05 9.23 94.9 8.25 96.35 8.24 96.98 8.24 130.83 8.3 130.83 8.3 130.83 8.3 144.16 9.32 145.42 21.72 146.05 36.99 130.35 36.82 130.35 36.82 130.35 36.82 139.33 45.1 139.33 45.1 139.33 45.1 155.39 45.14 156.15 45.13 156.45 45.15 167.41 44.39 168.13 32.73 168.55 23.29 160.57 21.41 159.8 21.16 156 20.04 152.62 21.18 152.43 21.22 152.24 21.25 152.01 21.27 151.92 20.94 151.51 14.61 147.29 10.15 147.29 10.15 147.29 10.15 146.98 9.89 147.4 9.6 156.24 7.05 163.97 9.32 163.97 9.32 163.97 9.32 180.22 12.73 182.2 29.77 183.87 55.93 157.09 55.96 157.09 55.96ZM 49.99 31.9C 49.99 31.9 44.64 25.78 44.64 25.78 44.47 25.54 44.19 25.38 43.87 25.38 43.55 25.38 43.29 25.53 43.11 25.76 43.11 25.76 34.21 36.23 34.21 36.23 34.21 36.23 53.66 36.23 53.66 36.23 51.73 33.96 50.09 32.02 49.99 31.9Z" fill="rgb(0,131,117)"/></svg> </div> </a> </div> <div class="header-body-item header-searchform"> <a href="#" class="menue-link main-search--toggle-button"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#search"></use> </svg> Suche </a> <div class="main-search"> <form class="searchform main-search--form"> <input class="form-control is-awesomeplete" type="text" placeholder="Artikelnr. oder Suchbegriff"> <buton class="btn main-search--button button btn btn-link"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#search"></use> </svg> <span class="title"> <!-- --> </span> </buton> <template id="autocompleteItem"> <div class="autocomplete-item"> <div class="autocomplete-item-image"> <img src="data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%3Crect%20fill%3D%22%23ddd%22%20width%3D%22100%25%22%20height%3D%22100%25%22%2F%3E%3Ctext%20fill%3D%22%235d5d5d%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20dy%3D%224%22%20font-weight%3D%22bold%22%20x%3D%2250%25%22%20y%3D%2250%25%22%20text-anchor%3D%22middle%22%3E50%20%26%23215%3B%2050%3C%2Ftext%3E%3C%2Fsvg%3E" /> </div> <div class="autocomplete-item-body"> <div class="autocomplete-item-title"> title </div> <div class="autocomplete-item-number"> <span class="font-weight-medium">Axronummer:</span> <em>BRO</em>DK11201 <br> <span class="font-weight-medium">EAN:</span> 4977766643931 <br> <span class="font-weight-medium">OEM:</span> LC1000BKBP2DR <br> <span class="font-weight-medium">Kunden-Artikelnr:</span> <em>BRO</em>-LC1000T <br> </div> </div> </div> </template> </form> </div> </div> <div class="header-body-item main-navigation"> <ul class="list-unstyled"> <li> <a href="#" class="menue-link"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#note"></use> </svg> Bestelllisten </a> </li> <li> <div class="dropdown "> <a href="#" class="menue-link dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#user"></use> </svg> Konto </a> <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-button-id"> <li> <span class="navigation-signin"> <a href="http://localhost:8080/account#hide-registration" class="btn btn-primary btn-block navigation-signin-btn" data-collapsetarget="#registration" data-action="close" rel="nofollow"> Anmelden </a> <span class="navigation-register text-center"> oder <a href="http://localhost:8080/account#show-registration" class="text-primary" data-collapsetarget="#registration" data-action="open" rel="nofollow"> registrieren </a> </span> </span> </li> <li><a class="dropdown-item" href="#">Bestellungen</a></li> <li><a class="dropdown-item" href="#">Directorder</a></li> <li><a class="dropdown-item" href="#">Artikelnummern hochladen langer text</a></li> </ul> </div> </li> </ul> <div class="action-wrapper"> <a class="btn cart-button btn-primary btn--has-badge" href="/demos/webshop/cart.html"> <span class="cart-amount">1.987,32 €</span> <span class="badge badge--is-red"> <span class="badge-body"> 10 </span> </span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#cart"></use> </svg> </a> </div> </div> </div> <div class="header-footer"> <div class="container"> <div class="wsmenuexpandermain slideRight wsmenuexpandermain--open"> <a id="navToggle" class="animated-arrow slideLeft" href="#" title=""> <span class="animated-arrow-icon"> <!-- --></span> <span class="label-closed">Sortiment </span> </a> </div> <nav class="wsmenu slideLeft clearfix" role="navigation"> <div class="offcanvas-header hidden-md hidden-lg"> <div class="logo-wrapper "> <div class="logo"> <?xml version="1.0" encoding="utf-8"?> <svg width="193" height="56" viewBox="0 0 193 56"> <path fillRule="evenodd" d="M 186.68 12.63C 183.22 12.63 180.33 9.91 180.33 6.28 180.33 2.72 183.22-0 186.68-0 190.12-0 193 2.72 193 6.28 193 9.91 190.12 12.63 186.68 12.63ZM 186.68 0.93C 183.73 0.93 181.47 3.26 181.47 6.28 181.47 9.37 183.73 11.7 186.68 11.7 189.6 11.7 191.85 9.37 191.85 6.28 191.85 3.26 189.6 0.93 186.68 0.93ZM 187.71 6.73C 187.71 6.73 189.81 9.99 189.81 9.99 189.81 9.99 188.59 9.99 188.59 9.99 188.59 9.99 186.58 6.82 186.58 6.82 186.58 6.82 185.37 6.82 185.37 6.82 185.37 6.82 185.37 9.99 185.37 9.99 185.37 9.99 184.22 9.99 184.22 9.99 184.22 9.99 184.22 2.62 184.22 2.62 184.22 2.62 187.07 2.62 187.07 2.62 188.82 2.62 189.65 3.31 189.65 4.73 189.65 6.06 188.81 6.62 187.71 6.73ZM 186.88 3.54C 186.88 3.54 185.37 3.54 185.37 3.54 185.37 3.54 185.37 5.89 185.37 5.89 185.37 5.89 186.57 5.89 186.57 5.89 187.57 5.89 188.5 5.84 188.5 4.67 188.5 3.7 187.66 3.54 186.88 3.54ZM 157.09 55.96C 157.09 55.96 135.93 55.99 134.06 55.96 132.87 55.94 131.39 55.16 130.46 54.6 130.46 54.6 118.28 41.26 118.28 41.26 118.28 41.26 118.28 41.29 118.28 41.29 118.28 41.29 108.92 32.01 107.3 30.04 105.69 28.06 108.13 27.75 108.13 27.75 108.13 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 128.39 27.75 128.39 27.75 128.39 27.75 131.98 27.75 131.98 23.45 131.98 19.94 129.58 19.3 128.7 19.18 128.7 19.18 127.99 19.15 127.99 19.15 127.99 19.15 114.2 19.15 114.2 19.15 114.2 19.15 104.19 19.15 104.19 19.15 104.19 19.15 95.41 29.02 95.41 29.02 95.41 29.02 117 53.82 117 53.82 117 53.82 117.72 55.21 116.4 55.43 116.18 55.53 102.1 55.68 101.03 55.7 99.96 55.73 99.24 54.9 99.24 54.9 99.24 54.9 85.97 39.71 85.97 39.71 85.97 39.71 72.85 54.57 72.85 54.57 72.85 54.57 72.13 55.4 71.06 55.37 69.99 55.34 55.91 55.2 55.69 55.1 54.37 54.88 55.09 53.5 55.09 53.5 55.09 53.5 61.82 45.85 61.82 45.85 61.82 45.85 61.8 45.83 61.8 45.83 61.8 45.83 25.66 45.83 25.66 45.83 25.66 45.83 18.08 54.36 18.08 54.36 17.63 54.85 17 55.16 16.29 55.16 16.29 55.16 1.1 55.17 1.1 55.17 0.49 55.17 0 54.67 0 54.05 0 53.84 0.06 53.64 0.16 53.47 0.16 53.47 39.18 9.2 39.18 9.2 39.66 8.61 40.38 8.23 41.2 8.23 41.2 8.23 47.31 8.23 47.31 8.23 48.13 8.23 48.85 8.61 49.33 9.2 49.33 9.2 71.32 35.06 71.32 35.06 71.32 35.06 76.64 29.02 76.64 29.02 76.64 29.02 68.35 19.52 68.35 19.52 68.35 19.52 60.57 9.98 59.87 9.07 59.3 7.95 60.8 8.12 60.8 8.12 60.8 8.12 74.29 8.07 75.74 8.08 77.19 8.08 78.04 9.07 78.04 9.07 78.04 9.07 86.07 18.3 86.07 18.3 86.07 18.3 94.05 9.23 94.05 9.23 94.05 9.23 94.9 8.25 96.35 8.24 96.98 8.24 130.83 8.3 130.83 8.3 130.83 8.3 144.16 9.32 145.42 21.72 146.05 36.99 130.35 36.82 130.35 36.82 130.35 36.82 139.33 45.1 139.33 45.1 139.33 45.1 155.39 45.14 156.15 45.13 156.45 45.15 167.41 44.39 168.13 32.73 168.55 23.29 160.57 21.41 159.8 21.16 156 20.04 152.62 21.18 152.43 21.22 152.24 21.25 152.01 21.27 151.92 20.94 151.51 14.61 147.29 10.15 147.29 10.15 147.29 10.15 146.98 9.89 147.4 9.6 156.24 7.05 163.97 9.32 163.97 9.32 163.97 9.32 180.22 12.73 182.2 29.77 183.87 55.93 157.09 55.96 157.09 55.96ZM 49.99 31.9C 49.99 31.9 44.64 25.78 44.64 25.78 44.47 25.54 44.19 25.38 43.87 25.38 43.55 25.38 43.29 25.53 43.11 25.76 43.11 25.76 34.21 36.23 34.21 36.23 34.21 36.23 53.66 36.23 53.66 36.23 51.73 33.96 50.09 32.02 49.99 31.9Z" fill="rgb(0,131,117)" /> </svg> </div> </div> <div class="wsmenuexpandermain slideRight wsmenuexpandermain--close"> <a id="navToggle" class="animated-arrow slideLeft" href="#" title=""> <span class="label-open">Menü schließen</span> <span class="animated-arrow-icon"> <!-- --></span> </a> </div> </div> <div class="ws-menu-container"> <ul class="mobile-sub wsmenu-list" data-wsmenu="true"> <li class="active-menu-category"> <a href="#" title="Home" class="active" rel="nofollow"> <span itemprop="name">Home</span> </a> </li> <li class=""> <a href="#" class="">Tinte &amp; Toner</a> </li> <li class=""> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Weitere Produkte</a> <div class="megamenu clearfix"> <div class="megamenu-wrapper"> <div class="row"> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Farbbänder &amp; Tapes,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Wartungskits &amp; Sonstiges,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Thermotransferfolien,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Papier,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Entwickler</a> </p> </div> </div> </div> </div> </li> <li class=""> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Marken</a> <div class="megamenu clearfix"> <div class="megamenu-wrapper"> <div class="row"> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Brother,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Citizen,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Canon,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Dell,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Develop,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Epson,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Fujitsu,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">HP,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">IBM,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Kodak,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Konica Minolta,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Kyocera Mita,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Lexmark,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Minolta,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Develop,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Nashuatec,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">NEC,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">OCE,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">OKI,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Olivetti,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Panasonic,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Philips,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Printronix,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Ricoh,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Riso,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Sagem,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Samsung,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Seikosha,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Sharp,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Siemens,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Star,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">TallyGenicom,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Toshiba,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Utax,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Xerox</a> </p> </div> </div> </div> </div> </li> <li class=""> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Service &amp; Beratung</a> <div class="megamenu clearfix"> <div class="megamenu-wrapper"> <div class="row"> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">FAQ,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">REACH Verordnung,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Versand &amp; Lieferung,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Downloads</a> </p> </div> </div> </div> </div> </li> </ul> </div> </nav> <a href="#" class="directorder-button" data-toggle="modal" data-target="#directorder"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#countdown"></use> </svg> Direktbestellung </a> </div> </div> </div> </header>

Type A

  • website
<header class="main-header "> <div class="header-header"> <div class="meta-navigation"> <div class="container"> <div class="row no-gutter"> <div class="col-sm-12"> <div class="logo-wrapper hidden-hd hidden-md hidden-lg"> <div class="logo"> <?xml version="1.0" encoding="utf-8"?> <svg width="193" height="56" viewBox="0 0 193 56"> <path fillRule="evenodd" d="M 186.68 12.63C 183.22 12.63 180.33 9.91 180.33 6.28 180.33 2.72 183.22-0 186.68-0 190.12-0 193 2.72 193 6.28 193 9.91 190.12 12.63 186.68 12.63ZM 186.68 0.93C 183.73 0.93 181.47 3.26 181.47 6.28 181.47 9.37 183.73 11.7 186.68 11.7 189.6 11.7 191.85 9.37 191.85 6.28 191.85 3.26 189.6 0.93 186.68 0.93ZM 187.71 6.73C 187.71 6.73 189.81 9.99 189.81 9.99 189.81 9.99 188.59 9.99 188.59 9.99 188.59 9.99 186.58 6.82 186.58 6.82 186.58 6.82 185.37 6.82 185.37 6.82 185.37 6.82 185.37 9.99 185.37 9.99 185.37 9.99 184.22 9.99 184.22 9.99 184.22 9.99 184.22 2.62 184.22 2.62 184.22 2.62 187.07 2.62 187.07 2.62 188.82 2.62 189.65 3.31 189.65 4.73 189.65 6.06 188.81 6.62 187.71 6.73ZM 186.88 3.54C 186.88 3.54 185.37 3.54 185.37 3.54 185.37 3.54 185.37 5.89 185.37 5.89 185.37 5.89 186.57 5.89 186.57 5.89 187.57 5.89 188.5 5.84 188.5 4.67 188.5 3.7 187.66 3.54 186.88 3.54ZM 157.09 55.96C 157.09 55.96 135.93 55.99 134.06 55.96 132.87 55.94 131.39 55.16 130.46 54.6 130.46 54.6 118.28 41.26 118.28 41.26 118.28 41.26 118.28 41.29 118.28 41.29 118.28 41.29 108.92 32.01 107.3 30.04 105.69 28.06 108.13 27.75 108.13 27.75 108.13 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 128.39 27.75 128.39 27.75 128.39 27.75 131.98 27.75 131.98 23.45 131.98 19.94 129.58 19.3 128.7 19.18 128.7 19.18 127.99 19.15 127.99 19.15 127.99 19.15 114.2 19.15 114.2 19.15 114.2 19.15 104.19 19.15 104.19 19.15 104.19 19.15 95.41 29.02 95.41 29.02 95.41 29.02 117 53.82 117 53.82 117 53.82 117.72 55.21 116.4 55.43 116.18 55.53 102.1 55.68 101.03 55.7 99.96 55.73 99.24 54.9 99.24 54.9 99.24 54.9 85.97 39.71 85.97 39.71 85.97 39.71 72.85 54.57 72.85 54.57 72.85 54.57 72.13 55.4 71.06 55.37 69.99 55.34 55.91 55.2 55.69 55.1 54.37 54.88 55.09 53.5 55.09 53.5 55.09 53.5 61.82 45.85 61.82 45.85 61.82 45.85 61.8 45.83 61.8 45.83 61.8 45.83 25.66 45.83 25.66 45.83 25.66 45.83 18.08 54.36 18.08 54.36 17.63 54.85 17 55.16 16.29 55.16 16.29 55.16 1.1 55.17 1.1 55.17 0.49 55.17 0 54.67 0 54.05 0 53.84 0.06 53.64 0.16 53.47 0.16 53.47 39.18 9.2 39.18 9.2 39.66 8.61 40.38 8.23 41.2 8.23 41.2 8.23 47.31 8.23 47.31 8.23 48.13 8.23 48.85 8.61 49.33 9.2 49.33 9.2 71.32 35.06 71.32 35.06 71.32 35.06 76.64 29.02 76.64 29.02 76.64 29.02 68.35 19.52 68.35 19.52 68.35 19.52 60.57 9.98 59.87 9.07 59.3 7.95 60.8 8.12 60.8 8.12 60.8 8.12 74.29 8.07 75.74 8.08 77.19 8.08 78.04 9.07 78.04 9.07 78.04 9.07 86.07 18.3 86.07 18.3 86.07 18.3 94.05 9.23 94.05 9.23 94.05 9.23 94.9 8.25 96.35 8.24 96.98 8.24 130.83 8.3 130.83 8.3 130.83 8.3 144.16 9.32 145.42 21.72 146.05 36.99 130.35 36.82 130.35 36.82 130.35 36.82 139.33 45.1 139.33 45.1 139.33 45.1 155.39 45.14 156.15 45.13 156.45 45.15 167.41 44.39 168.13 32.73 168.55 23.29 160.57 21.41 159.8 21.16 156 20.04 152.62 21.18 152.43 21.22 152.24 21.25 152.01 21.27 151.92 20.94 151.51 14.61 147.29 10.15 147.29 10.15 147.29 10.15 146.98 9.89 147.4 9.6 156.24 7.05 163.97 9.32 163.97 9.32 163.97 9.32 180.22 12.73 182.2 29.77 183.87 55.93 157.09 55.96 157.09 55.96ZM 49.99 31.9C 49.99 31.9 44.64 25.78 44.64 25.78 44.47 25.54 44.19 25.38 43.87 25.38 43.55 25.38 43.29 25.53 43.11 25.76 43.11 25.76 34.21 36.23 34.21 36.23 34.21 36.23 53.66 36.23 53.66 36.23 51.73 33.96 50.09 32.02 49.99 31.9Z" fill="rgb(0,131,117)" /> </svg> </div> </div> <div class="dropdown "> <a class="btn btn--has-icon" data-toggle="dropdown"> <span class="icon-wrapper"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#arrow-down"></use> </svg> </span> <span class="title"> choose language </span> </a> <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-button-id"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="logo-area sticker"> <div class="header-body"> <div class="header-body-item logo-wrapper hidden-xs hidden-sm"> <a href="#"> <div class="logo"> <?xml version="1.0" encoding="utf-8"?> <svg width="193" height="56" viewBox="0 0 193 56"> <path fillRule="evenodd" d="M 186.68 12.63C 183.22 12.63 180.33 9.91 180.33 6.28 180.33 2.72 183.22-0 186.68-0 190.12-0 193 2.72 193 6.28 193 9.91 190.12 12.63 186.68 12.63ZM 186.68 0.93C 183.73 0.93 181.47 3.26 181.47 6.28 181.47 9.37 183.73 11.7 186.68 11.7 189.6 11.7 191.85 9.37 191.85 6.28 191.85 3.26 189.6 0.93 186.68 0.93ZM 187.71 6.73C 187.71 6.73 189.81 9.99 189.81 9.99 189.81 9.99 188.59 9.99 188.59 9.99 188.59 9.99 186.58 6.82 186.58 6.82 186.58 6.82 185.37 6.82 185.37 6.82 185.37 6.82 185.37 9.99 185.37 9.99 185.37 9.99 184.22 9.99 184.22 9.99 184.22 9.99 184.22 2.62 184.22 2.62 184.22 2.62 187.07 2.62 187.07 2.62 188.82 2.62 189.65 3.31 189.65 4.73 189.65 6.06 188.81 6.62 187.71 6.73ZM 186.88 3.54C 186.88 3.54 185.37 3.54 185.37 3.54 185.37 3.54 185.37 5.89 185.37 5.89 185.37 5.89 186.57 5.89 186.57 5.89 187.57 5.89 188.5 5.84 188.5 4.67 188.5 3.7 187.66 3.54 186.88 3.54ZM 157.09 55.96C 157.09 55.96 135.93 55.99 134.06 55.96 132.87 55.94 131.39 55.16 130.46 54.6 130.46 54.6 118.28 41.26 118.28 41.26 118.28 41.26 118.28 41.29 118.28 41.29 118.28 41.29 108.92 32.01 107.3 30.04 105.69 28.06 108.13 27.75 108.13 27.75 108.13 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 128.39 27.75 128.39 27.75 128.39 27.75 131.98 27.75 131.98 23.45 131.98 19.94 129.58 19.3 128.7 19.18 128.7 19.18 127.99 19.15 127.99 19.15 127.99 19.15 114.2 19.15 114.2 19.15 114.2 19.15 104.19 19.15 104.19 19.15 104.19 19.15 95.41 29.02 95.41 29.02 95.41 29.02 117 53.82 117 53.82 117 53.82 117.72 55.21 116.4 55.43 116.18 55.53 102.1 55.68 101.03 55.7 99.96 55.73 99.24 54.9 99.24 54.9 99.24 54.9 85.97 39.71 85.97 39.71 85.97 39.71 72.85 54.57 72.85 54.57 72.85 54.57 72.13 55.4 71.06 55.37 69.99 55.34 55.91 55.2 55.69 55.1 54.37 54.88 55.09 53.5 55.09 53.5 55.09 53.5 61.82 45.85 61.82 45.85 61.82 45.85 61.8 45.83 61.8 45.83 61.8 45.83 25.66 45.83 25.66 45.83 25.66 45.83 18.08 54.36 18.08 54.36 17.63 54.85 17 55.16 16.29 55.16 16.29 55.16 1.1 55.17 1.1 55.17 0.49 55.17 0 54.67 0 54.05 0 53.84 0.06 53.64 0.16 53.47 0.16 53.47 39.18 9.2 39.18 9.2 39.66 8.61 40.38 8.23 41.2 8.23 41.2 8.23 47.31 8.23 47.31 8.23 48.13 8.23 48.85 8.61 49.33 9.2 49.33 9.2 71.32 35.06 71.32 35.06 71.32 35.06 76.64 29.02 76.64 29.02 76.64 29.02 68.35 19.52 68.35 19.52 68.35 19.52 60.57 9.98 59.87 9.07 59.3 7.95 60.8 8.12 60.8 8.12 60.8 8.12 74.29 8.07 75.74 8.08 77.19 8.08 78.04 9.07 78.04 9.07 78.04 9.07 86.07 18.3 86.07 18.3 86.07 18.3 94.05 9.23 94.05 9.23 94.05 9.23 94.9 8.25 96.35 8.24 96.98 8.24 130.83 8.3 130.83 8.3 130.83 8.3 144.16 9.32 145.42 21.72 146.05 36.99 130.35 36.82 130.35 36.82 130.35 36.82 139.33 45.1 139.33 45.1 139.33 45.1 155.39 45.14 156.15 45.13 156.45 45.15 167.41 44.39 168.13 32.73 168.55 23.29 160.57 21.41 159.8 21.16 156 20.04 152.62 21.18 152.43 21.22 152.24 21.25 152.01 21.27 151.92 20.94 151.51 14.61 147.29 10.15 147.29 10.15 147.29 10.15 146.98 9.89 147.4 9.6 156.24 7.05 163.97 9.32 163.97 9.32 163.97 9.32 180.22 12.73 182.2 29.77 183.87 55.93 157.09 55.96 157.09 55.96ZM 49.99 31.9C 49.99 31.9 44.64 25.78 44.64 25.78 44.47 25.54 44.19 25.38 43.87 25.38 43.55 25.38 43.29 25.53 43.11 25.76 43.11 25.76 34.21 36.23 34.21 36.23 34.21 36.23 53.66 36.23 53.66 36.23 51.73 33.96 50.09 32.02 49.99 31.9Z" fill="rgb(0,131,117)"/></svg> </div> </a> </div> <div class="header-body-item main-navigation"> <ul class="nav custom-navbar"> <li> <a href="#" class="menue-link"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#home"></use> </svg> Home </a> </li> <li> <a href="#" class="menue-link"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#cart"></use> </svg> Shop </a> </li> <li> <a href="#" class="menue-link"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#phone"></use> </svg> Kontakt </a> </li> </ul> <div class="dropdown small-navigation-dropdown dropdown-menu-right"> <a class="btn btn-default btn--has-icon" data-toggle="dropdown"> <span class="icon-wrapper"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#arrow-down"></use> </svg> </span> <span class="title"> Dropdown </span> </a> <ul class="dropdown-menu " aria-labelledby="dropdown-button-id"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </div> </div> </div> </div> </header>

Type A

  • webshop

Nutzer ist nicht eingeloggt, Warenkorb ist leer

<header class="main-header "> <div class="header-header"> <div class="meta-navigation"> <div class="container"> <div class="row no-gutter"> <div class="col-sm-12"> <div class="logo-wrapper hidden-hd hidden-md hidden-lg"> <div class="logo"> <?xml version="1.0" encoding="utf-8"?> <svg width="193" height="56" viewBox="0 0 193 56"> <path fillRule="evenodd" d="M 186.68 12.63C 183.22 12.63 180.33 9.91 180.33 6.28 180.33 2.72 183.22-0 186.68-0 190.12-0 193 2.72 193 6.28 193 9.91 190.12 12.63 186.68 12.63ZM 186.68 0.93C 183.73 0.93 181.47 3.26 181.47 6.28 181.47 9.37 183.73 11.7 186.68 11.7 189.6 11.7 191.85 9.37 191.85 6.28 191.85 3.26 189.6 0.93 186.68 0.93ZM 187.71 6.73C 187.71 6.73 189.81 9.99 189.81 9.99 189.81 9.99 188.59 9.99 188.59 9.99 188.59 9.99 186.58 6.82 186.58 6.82 186.58 6.82 185.37 6.82 185.37 6.82 185.37 6.82 185.37 9.99 185.37 9.99 185.37 9.99 184.22 9.99 184.22 9.99 184.22 9.99 184.22 2.62 184.22 2.62 184.22 2.62 187.07 2.62 187.07 2.62 188.82 2.62 189.65 3.31 189.65 4.73 189.65 6.06 188.81 6.62 187.71 6.73ZM 186.88 3.54C 186.88 3.54 185.37 3.54 185.37 3.54 185.37 3.54 185.37 5.89 185.37 5.89 185.37 5.89 186.57 5.89 186.57 5.89 187.57 5.89 188.5 5.84 188.5 4.67 188.5 3.7 187.66 3.54 186.88 3.54ZM 157.09 55.96C 157.09 55.96 135.93 55.99 134.06 55.96 132.87 55.94 131.39 55.16 130.46 54.6 130.46 54.6 118.28 41.26 118.28 41.26 118.28 41.26 118.28 41.29 118.28 41.29 118.28 41.29 108.92 32.01 107.3 30.04 105.69 28.06 108.13 27.75 108.13 27.75 108.13 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 128.39 27.75 128.39 27.75 128.39 27.75 131.98 27.75 131.98 23.45 131.98 19.94 129.58 19.3 128.7 19.18 128.7 19.18 127.99 19.15 127.99 19.15 127.99 19.15 114.2 19.15 114.2 19.15 114.2 19.15 104.19 19.15 104.19 19.15 104.19 19.15 95.41 29.02 95.41 29.02 95.41 29.02 117 53.82 117 53.82 117 53.82 117.72 55.21 116.4 55.43 116.18 55.53 102.1 55.68 101.03 55.7 99.96 55.73 99.24 54.9 99.24 54.9 99.24 54.9 85.97 39.71 85.97 39.71 85.97 39.71 72.85 54.57 72.85 54.57 72.85 54.57 72.13 55.4 71.06 55.37 69.99 55.34 55.91 55.2 55.69 55.1 54.37 54.88 55.09 53.5 55.09 53.5 55.09 53.5 61.82 45.85 61.82 45.85 61.82 45.85 61.8 45.83 61.8 45.83 61.8 45.83 25.66 45.83 25.66 45.83 25.66 45.83 18.08 54.36 18.08 54.36 17.63 54.85 17 55.16 16.29 55.16 16.29 55.16 1.1 55.17 1.1 55.17 0.49 55.17 0 54.67 0 54.05 0 53.84 0.06 53.64 0.16 53.47 0.16 53.47 39.18 9.2 39.18 9.2 39.66 8.61 40.38 8.23 41.2 8.23 41.2 8.23 47.31 8.23 47.31 8.23 48.13 8.23 48.85 8.61 49.33 9.2 49.33 9.2 71.32 35.06 71.32 35.06 71.32 35.06 76.64 29.02 76.64 29.02 76.64 29.02 68.35 19.52 68.35 19.52 68.35 19.52 60.57 9.98 59.87 9.07 59.3 7.95 60.8 8.12 60.8 8.12 60.8 8.12 74.29 8.07 75.74 8.08 77.19 8.08 78.04 9.07 78.04 9.07 78.04 9.07 86.07 18.3 86.07 18.3 86.07 18.3 94.05 9.23 94.05 9.23 94.05 9.23 94.9 8.25 96.35 8.24 96.98 8.24 130.83 8.3 130.83 8.3 130.83 8.3 144.16 9.32 145.42 21.72 146.05 36.99 130.35 36.82 130.35 36.82 130.35 36.82 139.33 45.1 139.33 45.1 139.33 45.1 155.39 45.14 156.15 45.13 156.45 45.15 167.41 44.39 168.13 32.73 168.55 23.29 160.57 21.41 159.8 21.16 156 20.04 152.62 21.18 152.43 21.22 152.24 21.25 152.01 21.27 151.92 20.94 151.51 14.61 147.29 10.15 147.29 10.15 147.29 10.15 146.98 9.89 147.4 9.6 156.24 7.05 163.97 9.32 163.97 9.32 163.97 9.32 180.22 12.73 182.2 29.77 183.87 55.93 157.09 55.96 157.09 55.96ZM 49.99 31.9C 49.99 31.9 44.64 25.78 44.64 25.78 44.47 25.54 44.19 25.38 43.87 25.38 43.55 25.38 43.29 25.53 43.11 25.76 43.11 25.76 34.21 36.23 34.21 36.23 34.21 36.23 53.66 36.23 53.66 36.23 51.73 33.96 50.09 32.02 49.99 31.9Z" fill="rgb(0,131,117)" /> </svg> </div> </div> <div class="dropdown "> <a class="btn btn--has-icon" data-toggle="dropdown"> <span class="icon-wrapper"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#arrow-down"></use> </svg> </span> <span class="title"> choose language </span> </a> <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-button-id"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </div> <div class="main-header__hotline hidden-xs hidden-sm"> <strong>Service-Hotline:</strong> +49 40 54 711-0 </div> </div> </div> </div> </div> </div> <div class="logo-area sticker"> <div class="header-body"> <div class="header-body-item logo-wrapper hidden-xs hidden-sm"> <a href="#"> <div class="logo"> <?xml version="1.0" encoding="utf-8"?> <svg width="193" height="56" viewBox="0 0 193 56"> <path fillRule="evenodd" d="M 186.68 12.63C 183.22 12.63 180.33 9.91 180.33 6.28 180.33 2.72 183.22-0 186.68-0 190.12-0 193 2.72 193 6.28 193 9.91 190.12 12.63 186.68 12.63ZM 186.68 0.93C 183.73 0.93 181.47 3.26 181.47 6.28 181.47 9.37 183.73 11.7 186.68 11.7 189.6 11.7 191.85 9.37 191.85 6.28 191.85 3.26 189.6 0.93 186.68 0.93ZM 187.71 6.73C 187.71 6.73 189.81 9.99 189.81 9.99 189.81 9.99 188.59 9.99 188.59 9.99 188.59 9.99 186.58 6.82 186.58 6.82 186.58 6.82 185.37 6.82 185.37 6.82 185.37 6.82 185.37 9.99 185.37 9.99 185.37 9.99 184.22 9.99 184.22 9.99 184.22 9.99 184.22 2.62 184.22 2.62 184.22 2.62 187.07 2.62 187.07 2.62 188.82 2.62 189.65 3.31 189.65 4.73 189.65 6.06 188.81 6.62 187.71 6.73ZM 186.88 3.54C 186.88 3.54 185.37 3.54 185.37 3.54 185.37 3.54 185.37 5.89 185.37 5.89 185.37 5.89 186.57 5.89 186.57 5.89 187.57 5.89 188.5 5.84 188.5 4.67 188.5 3.7 187.66 3.54 186.88 3.54ZM 157.09 55.96C 157.09 55.96 135.93 55.99 134.06 55.96 132.87 55.94 131.39 55.16 130.46 54.6 130.46 54.6 118.28 41.26 118.28 41.26 118.28 41.26 118.28 41.29 118.28 41.29 118.28 41.29 108.92 32.01 107.3 30.04 105.69 28.06 108.13 27.75 108.13 27.75 108.13 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 128.39 27.75 128.39 27.75 128.39 27.75 131.98 27.75 131.98 23.45 131.98 19.94 129.58 19.3 128.7 19.18 128.7 19.18 127.99 19.15 127.99 19.15 127.99 19.15 114.2 19.15 114.2 19.15 114.2 19.15 104.19 19.15 104.19 19.15 104.19 19.15 95.41 29.02 95.41 29.02 95.41 29.02 117 53.82 117 53.82 117 53.82 117.72 55.21 116.4 55.43 116.18 55.53 102.1 55.68 101.03 55.7 99.96 55.73 99.24 54.9 99.24 54.9 99.24 54.9 85.97 39.71 85.97 39.71 85.97 39.71 72.85 54.57 72.85 54.57 72.85 54.57 72.13 55.4 71.06 55.37 69.99 55.34 55.91 55.2 55.69 55.1 54.37 54.88 55.09 53.5 55.09 53.5 55.09 53.5 61.82 45.85 61.82 45.85 61.82 45.85 61.8 45.83 61.8 45.83 61.8 45.83 25.66 45.83 25.66 45.83 25.66 45.83 18.08 54.36 18.08 54.36 17.63 54.85 17 55.16 16.29 55.16 16.29 55.16 1.1 55.17 1.1 55.17 0.49 55.17 0 54.67 0 54.05 0 53.84 0.06 53.64 0.16 53.47 0.16 53.47 39.18 9.2 39.18 9.2 39.66 8.61 40.38 8.23 41.2 8.23 41.2 8.23 47.31 8.23 47.31 8.23 48.13 8.23 48.85 8.61 49.33 9.2 49.33 9.2 71.32 35.06 71.32 35.06 71.32 35.06 76.64 29.02 76.64 29.02 76.64 29.02 68.35 19.52 68.35 19.52 68.35 19.52 60.57 9.98 59.87 9.07 59.3 7.95 60.8 8.12 60.8 8.12 60.8 8.12 74.29 8.07 75.74 8.08 77.19 8.08 78.04 9.07 78.04 9.07 78.04 9.07 86.07 18.3 86.07 18.3 86.07 18.3 94.05 9.23 94.05 9.23 94.05 9.23 94.9 8.25 96.35 8.24 96.98 8.24 130.83 8.3 130.83 8.3 130.83 8.3 144.16 9.32 145.42 21.72 146.05 36.99 130.35 36.82 130.35 36.82 130.35 36.82 139.33 45.1 139.33 45.1 139.33 45.1 155.39 45.14 156.15 45.13 156.45 45.15 167.41 44.39 168.13 32.73 168.55 23.29 160.57 21.41 159.8 21.16 156 20.04 152.62 21.18 152.43 21.22 152.24 21.25 152.01 21.27 151.92 20.94 151.51 14.61 147.29 10.15 147.29 10.15 147.29 10.15 146.98 9.89 147.4 9.6 156.24 7.05 163.97 9.32 163.97 9.32 163.97 9.32 180.22 12.73 182.2 29.77 183.87 55.93 157.09 55.96 157.09 55.96ZM 49.99 31.9C 49.99 31.9 44.64 25.78 44.64 25.78 44.47 25.54 44.19 25.38 43.87 25.38 43.55 25.38 43.29 25.53 43.11 25.76 43.11 25.76 34.21 36.23 34.21 36.23 34.21 36.23 53.66 36.23 53.66 36.23 51.73 33.96 50.09 32.02 49.99 31.9Z" fill="rgb(0,131,117)"/></svg> </div> </a> </div> <div class="header-body-item header-searchform"> <a href="#" class="menue-link main-search--toggle-button"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#search"></use> </svg> Suche </a> <div class="main-search"> <form class="searchform main-search--form"> <input class="form-control is-awesomeplete" type="text" placeholder="Artikelnr. oder Suchbegriff"> <buton class="btn main-search--button button btn btn-link"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#search"></use> </svg> <span class="title"> <!-- --> </span> </buton> <template id="autocompleteItem"> <div class="autocomplete-item"> <div class="autocomplete-item-image"> <img src="data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%3Crect%20fill%3D%22%23ddd%22%20width%3D%22100%25%22%20height%3D%22100%25%22%2F%3E%3Ctext%20fill%3D%22%235d5d5d%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20dy%3D%224%22%20font-weight%3D%22bold%22%20x%3D%2250%25%22%20y%3D%2250%25%22%20text-anchor%3D%22middle%22%3E50%20%26%23215%3B%2050%3C%2Ftext%3E%3C%2Fsvg%3E" /> </div> <div class="autocomplete-item-body"> <div class="autocomplete-item-title"> title </div> <div class="autocomplete-item-number"> <span class="font-weight-medium">Axronummer:</span> <em>BRO</em>DK11201 <br> <span class="font-weight-medium">EAN:</span> 4977766643931 <br> <span class="font-weight-medium">OEM:</span> LC1000BKBP2DR <br> <span class="font-weight-medium">Kunden-Artikelnr:</span> <em>BRO</em>-LC1000T <br> </div> </div> </div> </template> </form> </div> </div> <div class="header-body-item main-navigation"> <ul class="nav custom-navbar"> <li> <a href="#" class="menue-link"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#user"></use> </svg> Konto </a> </li> <li> </li> </ul> <div class="action-wrapper"> <a class="btn cart-button btn-default" href="/demos/webshop/cart.html"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#cart"></use> </svg> </a> </div> </div> </div> <div class="header-footer"> <div class="container"> <div class="wsmenuexpandermain slideRight wsmenuexpandermain--open"> <a id="navToggle" class="animated-arrow slideLeft" href="#" title=""> <span class="animated-arrow-icon"> <!-- --></span> <span class="label-closed">Sortiment </span> </a> </div> <nav class="wsmenu slideLeft clearfix" role="navigation"> <div class="offcanvas-header hidden-md hidden-lg"> <div class="logo-wrapper "> <div class="logo"> <?xml version="1.0" encoding="utf-8"?> <svg width="193" height="56" viewBox="0 0 193 56"> <path fillRule="evenodd" d="M 186.68 12.63C 183.22 12.63 180.33 9.91 180.33 6.28 180.33 2.72 183.22-0 186.68-0 190.12-0 193 2.72 193 6.28 193 9.91 190.12 12.63 186.68 12.63ZM 186.68 0.93C 183.73 0.93 181.47 3.26 181.47 6.28 181.47 9.37 183.73 11.7 186.68 11.7 189.6 11.7 191.85 9.37 191.85 6.28 191.85 3.26 189.6 0.93 186.68 0.93ZM 187.71 6.73C 187.71 6.73 189.81 9.99 189.81 9.99 189.81 9.99 188.59 9.99 188.59 9.99 188.59 9.99 186.58 6.82 186.58 6.82 186.58 6.82 185.37 6.82 185.37 6.82 185.37 6.82 185.37 9.99 185.37 9.99 185.37 9.99 184.22 9.99 184.22 9.99 184.22 9.99 184.22 2.62 184.22 2.62 184.22 2.62 187.07 2.62 187.07 2.62 188.82 2.62 189.65 3.31 189.65 4.73 189.65 6.06 188.81 6.62 187.71 6.73ZM 186.88 3.54C 186.88 3.54 185.37 3.54 185.37 3.54 185.37 3.54 185.37 5.89 185.37 5.89 185.37 5.89 186.57 5.89 186.57 5.89 187.57 5.89 188.5 5.84 188.5 4.67 188.5 3.7 187.66 3.54 186.88 3.54ZM 157.09 55.96C 157.09 55.96 135.93 55.99 134.06 55.96 132.87 55.94 131.39 55.16 130.46 54.6 130.46 54.6 118.28 41.26 118.28 41.26 118.28 41.26 118.28 41.29 118.28 41.29 118.28 41.29 108.92 32.01 107.3 30.04 105.69 28.06 108.13 27.75 108.13 27.75 108.13 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 128.39 27.75 128.39 27.75 128.39 27.75 131.98 27.75 131.98 23.45 131.98 19.94 129.58 19.3 128.7 19.18 128.7 19.18 127.99 19.15 127.99 19.15 127.99 19.15 114.2 19.15 114.2 19.15 114.2 19.15 104.19 19.15 104.19 19.15 104.19 19.15 95.41 29.02 95.41 29.02 95.41 29.02 117 53.82 117 53.82 117 53.82 117.72 55.21 116.4 55.43 116.18 55.53 102.1 55.68 101.03 55.7 99.96 55.73 99.24 54.9 99.24 54.9 99.24 54.9 85.97 39.71 85.97 39.71 85.97 39.71 72.85 54.57 72.85 54.57 72.85 54.57 72.13 55.4 71.06 55.37 69.99 55.34 55.91 55.2 55.69 55.1 54.37 54.88 55.09 53.5 55.09 53.5 55.09 53.5 61.82 45.85 61.82 45.85 61.82 45.85 61.8 45.83 61.8 45.83 61.8 45.83 25.66 45.83 25.66 45.83 25.66 45.83 18.08 54.36 18.08 54.36 17.63 54.85 17 55.16 16.29 55.16 16.29 55.16 1.1 55.17 1.1 55.17 0.49 55.17 0 54.67 0 54.05 0 53.84 0.06 53.64 0.16 53.47 0.16 53.47 39.18 9.2 39.18 9.2 39.66 8.61 40.38 8.23 41.2 8.23 41.2 8.23 47.31 8.23 47.31 8.23 48.13 8.23 48.85 8.61 49.33 9.2 49.33 9.2 71.32 35.06 71.32 35.06 71.32 35.06 76.64 29.02 76.64 29.02 76.64 29.02 68.35 19.52 68.35 19.52 68.35 19.52 60.57 9.98 59.87 9.07 59.3 7.95 60.8 8.12 60.8 8.12 60.8 8.12 74.29 8.07 75.74 8.08 77.19 8.08 78.04 9.07 78.04 9.07 78.04 9.07 86.07 18.3 86.07 18.3 86.07 18.3 94.05 9.23 94.05 9.23 94.05 9.23 94.9 8.25 96.35 8.24 96.98 8.24 130.83 8.3 130.83 8.3 130.83 8.3 144.16 9.32 145.42 21.72 146.05 36.99 130.35 36.82 130.35 36.82 130.35 36.82 139.33 45.1 139.33 45.1 139.33 45.1 155.39 45.14 156.15 45.13 156.45 45.15 167.41 44.39 168.13 32.73 168.55 23.29 160.57 21.41 159.8 21.16 156 20.04 152.62 21.18 152.43 21.22 152.24 21.25 152.01 21.27 151.92 20.94 151.51 14.61 147.29 10.15 147.29 10.15 147.29 10.15 146.98 9.89 147.4 9.6 156.24 7.05 163.97 9.32 163.97 9.32 163.97 9.32 180.22 12.73 182.2 29.77 183.87 55.93 157.09 55.96 157.09 55.96ZM 49.99 31.9C 49.99 31.9 44.64 25.78 44.64 25.78 44.47 25.54 44.19 25.38 43.87 25.38 43.55 25.38 43.29 25.53 43.11 25.76 43.11 25.76 34.21 36.23 34.21 36.23 34.21 36.23 53.66 36.23 53.66 36.23 51.73 33.96 50.09 32.02 49.99 31.9Z" fill="rgb(0,131,117)" /> </svg> </div> </div> <div class="wsmenuexpandermain slideRight wsmenuexpandermain--close"> <a id="navToggle" class="animated-arrow slideLeft" href="#" title=""> <span class="label-open">Menü schließen</span> <span class="animated-arrow-icon"> <!-- --></span> </a> </div> </div> <div class="ws-menu-container"> <ul class="mobile-sub wsmenu-list" data-wsmenu="true"> <li class="active-menu-category"> <a href="#" title="Home" class="active" rel="nofollow"> <span itemprop="name">Home</span> </a> </li> <li class=""> <a href="#" class="">Tinte &amp; Toner</a> </li> <li class=""> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Weitere Produkte</a> <div class="megamenu clearfix"> <div class="megamenu-wrapper"> <div class="row"> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Farbbänder &amp; Tapes,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Wartungskits &amp; Sonstiges,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Thermotransferfolien,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Papier,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Entwickler</a> </p> </div> </div> </div> </div> </li> <li class=""> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Marken</a> <div class="megamenu clearfix"> <div class="megamenu-wrapper"> <div class="row"> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Brother,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Citizen,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Canon,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Dell,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Develop,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Epson,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Fujitsu,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">HP,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">IBM,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Kodak,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Konica Minolta,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Kyocera Mita,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Lexmark,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Minolta,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Develop,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Nashuatec,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">NEC,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">OCE,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">OKI,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Olivetti,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Panasonic,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Philips,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Printronix,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Ricoh,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Riso,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Sagem,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Samsung,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Seikosha,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Sharp,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Siemens,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Star,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">TallyGenicom,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Toshiba,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Utax,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Xerox</a> </p> </div> </div> </div> </div> </li> <li class=""> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Service &amp; Beratung</a> <div class="megamenu clearfix"> <div class="megamenu-wrapper"> <div class="row"> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">FAQ,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">REACH Verordnung,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Versand &amp; Lieferung,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Downloads</a> </p> </div> </div> </div> </div> </li> </ul> </div> </nav> <a href="#" class="directorder-button" data-toggle="modal" data-target="#directorder"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#countdown"></use> </svg> Direktbestellung </a> </div> </div> </div> </header>

Type A

  • webshop

Nutzer ist eingeloggt, Warenkorb ist leer

<header class="main-header "> <div class="header-header"> <div class="meta-navigation"> <div class="container"> <div class="row no-gutter"> <div class="col-sm-12"> <div class="logo-wrapper hidden-hd hidden-md hidden-lg"> <div class="logo"> <?xml version="1.0" encoding="utf-8"?> <svg width="193" height="56" viewBox="0 0 193 56"> <path fillRule="evenodd" d="M 186.68 12.63C 183.22 12.63 180.33 9.91 180.33 6.28 180.33 2.72 183.22-0 186.68-0 190.12-0 193 2.72 193 6.28 193 9.91 190.12 12.63 186.68 12.63ZM 186.68 0.93C 183.73 0.93 181.47 3.26 181.47 6.28 181.47 9.37 183.73 11.7 186.68 11.7 189.6 11.7 191.85 9.37 191.85 6.28 191.85 3.26 189.6 0.93 186.68 0.93ZM 187.71 6.73C 187.71 6.73 189.81 9.99 189.81 9.99 189.81 9.99 188.59 9.99 188.59 9.99 188.59 9.99 186.58 6.82 186.58 6.82 186.58 6.82 185.37 6.82 185.37 6.82 185.37 6.82 185.37 9.99 185.37 9.99 185.37 9.99 184.22 9.99 184.22 9.99 184.22 9.99 184.22 2.62 184.22 2.62 184.22 2.62 187.07 2.62 187.07 2.62 188.82 2.62 189.65 3.31 189.65 4.73 189.65 6.06 188.81 6.62 187.71 6.73ZM 186.88 3.54C 186.88 3.54 185.37 3.54 185.37 3.54 185.37 3.54 185.37 5.89 185.37 5.89 185.37 5.89 186.57 5.89 186.57 5.89 187.57 5.89 188.5 5.84 188.5 4.67 188.5 3.7 187.66 3.54 186.88 3.54ZM 157.09 55.96C 157.09 55.96 135.93 55.99 134.06 55.96 132.87 55.94 131.39 55.16 130.46 54.6 130.46 54.6 118.28 41.26 118.28 41.26 118.28 41.26 118.28 41.29 118.28 41.29 118.28 41.29 108.92 32.01 107.3 30.04 105.69 28.06 108.13 27.75 108.13 27.75 108.13 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 128.39 27.75 128.39 27.75 128.39 27.75 131.98 27.75 131.98 23.45 131.98 19.94 129.58 19.3 128.7 19.18 128.7 19.18 127.99 19.15 127.99 19.15 127.99 19.15 114.2 19.15 114.2 19.15 114.2 19.15 104.19 19.15 104.19 19.15 104.19 19.15 95.41 29.02 95.41 29.02 95.41 29.02 117 53.82 117 53.82 117 53.82 117.72 55.21 116.4 55.43 116.18 55.53 102.1 55.68 101.03 55.7 99.96 55.73 99.24 54.9 99.24 54.9 99.24 54.9 85.97 39.71 85.97 39.71 85.97 39.71 72.85 54.57 72.85 54.57 72.85 54.57 72.13 55.4 71.06 55.37 69.99 55.34 55.91 55.2 55.69 55.1 54.37 54.88 55.09 53.5 55.09 53.5 55.09 53.5 61.82 45.85 61.82 45.85 61.82 45.85 61.8 45.83 61.8 45.83 61.8 45.83 25.66 45.83 25.66 45.83 25.66 45.83 18.08 54.36 18.08 54.36 17.63 54.85 17 55.16 16.29 55.16 16.29 55.16 1.1 55.17 1.1 55.17 0.49 55.17 0 54.67 0 54.05 0 53.84 0.06 53.64 0.16 53.47 0.16 53.47 39.18 9.2 39.18 9.2 39.66 8.61 40.38 8.23 41.2 8.23 41.2 8.23 47.31 8.23 47.31 8.23 48.13 8.23 48.85 8.61 49.33 9.2 49.33 9.2 71.32 35.06 71.32 35.06 71.32 35.06 76.64 29.02 76.64 29.02 76.64 29.02 68.35 19.52 68.35 19.52 68.35 19.52 60.57 9.98 59.87 9.07 59.3 7.95 60.8 8.12 60.8 8.12 60.8 8.12 74.29 8.07 75.74 8.08 77.19 8.08 78.04 9.07 78.04 9.07 78.04 9.07 86.07 18.3 86.07 18.3 86.07 18.3 94.05 9.23 94.05 9.23 94.05 9.23 94.9 8.25 96.35 8.24 96.98 8.24 130.83 8.3 130.83 8.3 130.83 8.3 144.16 9.32 145.42 21.72 146.05 36.99 130.35 36.82 130.35 36.82 130.35 36.82 139.33 45.1 139.33 45.1 139.33 45.1 155.39 45.14 156.15 45.13 156.45 45.15 167.41 44.39 168.13 32.73 168.55 23.29 160.57 21.41 159.8 21.16 156 20.04 152.62 21.18 152.43 21.22 152.24 21.25 152.01 21.27 151.92 20.94 151.51 14.61 147.29 10.15 147.29 10.15 147.29 10.15 146.98 9.89 147.4 9.6 156.24 7.05 163.97 9.32 163.97 9.32 163.97 9.32 180.22 12.73 182.2 29.77 183.87 55.93 157.09 55.96 157.09 55.96ZM 49.99 31.9C 49.99 31.9 44.64 25.78 44.64 25.78 44.47 25.54 44.19 25.38 43.87 25.38 43.55 25.38 43.29 25.53 43.11 25.76 43.11 25.76 34.21 36.23 34.21 36.23 34.21 36.23 53.66 36.23 53.66 36.23 51.73 33.96 50.09 32.02 49.99 31.9Z" fill="rgb(0,131,117)" /> </svg> </div> </div> <div class="dropdown "> <a class="btn btn--has-icon" data-toggle="dropdown"> <span class="icon-wrapper"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#arrow-down"></use> </svg> </span> <span class="title"> choose language </span> </a> <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-button-id"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </div> <div class="main-header__hotline hidden-xs hidden-sm"> <strong>Service-Hotline:</strong> +49 40 54 711-0 </div> </div> </div> </div> </div> </div> <div class="logo-area sticker"> <div class="header-body"> <div class="header-body-item logo-wrapper hidden-xs hidden-sm"> <a href="#"> <div class="logo"> <?xml version="1.0" encoding="utf-8"?> <svg width="193" height="56" viewBox="0 0 193 56"> <path fillRule="evenodd" d="M 186.68 12.63C 183.22 12.63 180.33 9.91 180.33 6.28 180.33 2.72 183.22-0 186.68-0 190.12-0 193 2.72 193 6.28 193 9.91 190.12 12.63 186.68 12.63ZM 186.68 0.93C 183.73 0.93 181.47 3.26 181.47 6.28 181.47 9.37 183.73 11.7 186.68 11.7 189.6 11.7 191.85 9.37 191.85 6.28 191.85 3.26 189.6 0.93 186.68 0.93ZM 187.71 6.73C 187.71 6.73 189.81 9.99 189.81 9.99 189.81 9.99 188.59 9.99 188.59 9.99 188.59 9.99 186.58 6.82 186.58 6.82 186.58 6.82 185.37 6.82 185.37 6.82 185.37 6.82 185.37 9.99 185.37 9.99 185.37 9.99 184.22 9.99 184.22 9.99 184.22 9.99 184.22 2.62 184.22 2.62 184.22 2.62 187.07 2.62 187.07 2.62 188.82 2.62 189.65 3.31 189.65 4.73 189.65 6.06 188.81 6.62 187.71 6.73ZM 186.88 3.54C 186.88 3.54 185.37 3.54 185.37 3.54 185.37 3.54 185.37 5.89 185.37 5.89 185.37 5.89 186.57 5.89 186.57 5.89 187.57 5.89 188.5 5.84 188.5 4.67 188.5 3.7 187.66 3.54 186.88 3.54ZM 157.09 55.96C 157.09 55.96 135.93 55.99 134.06 55.96 132.87 55.94 131.39 55.16 130.46 54.6 130.46 54.6 118.28 41.26 118.28 41.26 118.28 41.26 118.28 41.29 118.28 41.29 118.28 41.29 108.92 32.01 107.3 30.04 105.69 28.06 108.13 27.75 108.13 27.75 108.13 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 128.39 27.75 128.39 27.75 128.39 27.75 131.98 27.75 131.98 23.45 131.98 19.94 129.58 19.3 128.7 19.18 128.7 19.18 127.99 19.15 127.99 19.15 127.99 19.15 114.2 19.15 114.2 19.15 114.2 19.15 104.19 19.15 104.19 19.15 104.19 19.15 95.41 29.02 95.41 29.02 95.41 29.02 117 53.82 117 53.82 117 53.82 117.72 55.21 116.4 55.43 116.18 55.53 102.1 55.68 101.03 55.7 99.96 55.73 99.24 54.9 99.24 54.9 99.24 54.9 85.97 39.71 85.97 39.71 85.97 39.71 72.85 54.57 72.85 54.57 72.85 54.57 72.13 55.4 71.06 55.37 69.99 55.34 55.91 55.2 55.69 55.1 54.37 54.88 55.09 53.5 55.09 53.5 55.09 53.5 61.82 45.85 61.82 45.85 61.82 45.85 61.8 45.83 61.8 45.83 61.8 45.83 25.66 45.83 25.66 45.83 25.66 45.83 18.08 54.36 18.08 54.36 17.63 54.85 17 55.16 16.29 55.16 16.29 55.16 1.1 55.17 1.1 55.17 0.49 55.17 0 54.67 0 54.05 0 53.84 0.06 53.64 0.16 53.47 0.16 53.47 39.18 9.2 39.18 9.2 39.66 8.61 40.38 8.23 41.2 8.23 41.2 8.23 47.31 8.23 47.31 8.23 48.13 8.23 48.85 8.61 49.33 9.2 49.33 9.2 71.32 35.06 71.32 35.06 71.32 35.06 76.64 29.02 76.64 29.02 76.64 29.02 68.35 19.52 68.35 19.52 68.35 19.52 60.57 9.98 59.87 9.07 59.3 7.95 60.8 8.12 60.8 8.12 60.8 8.12 74.29 8.07 75.74 8.08 77.19 8.08 78.04 9.07 78.04 9.07 78.04 9.07 86.07 18.3 86.07 18.3 86.07 18.3 94.05 9.23 94.05 9.23 94.05 9.23 94.9 8.25 96.35 8.24 96.98 8.24 130.83 8.3 130.83 8.3 130.83 8.3 144.16 9.32 145.42 21.72 146.05 36.99 130.35 36.82 130.35 36.82 130.35 36.82 139.33 45.1 139.33 45.1 139.33 45.1 155.39 45.14 156.15 45.13 156.45 45.15 167.41 44.39 168.13 32.73 168.55 23.29 160.57 21.41 159.8 21.16 156 20.04 152.62 21.18 152.43 21.22 152.24 21.25 152.01 21.27 151.92 20.94 151.51 14.61 147.29 10.15 147.29 10.15 147.29 10.15 146.98 9.89 147.4 9.6 156.24 7.05 163.97 9.32 163.97 9.32 163.97 9.32 180.22 12.73 182.2 29.77 183.87 55.93 157.09 55.96 157.09 55.96ZM 49.99 31.9C 49.99 31.9 44.64 25.78 44.64 25.78 44.47 25.54 44.19 25.38 43.87 25.38 43.55 25.38 43.29 25.53 43.11 25.76 43.11 25.76 34.21 36.23 34.21 36.23 34.21 36.23 53.66 36.23 53.66 36.23 51.73 33.96 50.09 32.02 49.99 31.9Z" fill="rgb(0,131,117)"/></svg> </div> </a> </div> <div class="header-body-item header-searchform"> <a href="#" class="menue-link main-search--toggle-button"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#search"></use> </svg> Suche </a> <div class="main-search"> <form class="searchform main-search--form"> <input class="form-control is-awesomeplete" type="text" placeholder="Artikelnr. oder Suchbegriff"> <buton class="btn main-search--button button btn btn-link"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#search"></use> </svg> <span class="title"> <!-- --> </span> </buton> <template id="autocompleteItem"> <div class="autocomplete-item"> <div class="autocomplete-item-image"> <img src="data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%3Crect%20fill%3D%22%23ddd%22%20width%3D%22100%25%22%20height%3D%22100%25%22%2F%3E%3Ctext%20fill%3D%22%235d5d5d%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20dy%3D%224%22%20font-weight%3D%22bold%22%20x%3D%2250%25%22%20y%3D%2250%25%22%20text-anchor%3D%22middle%22%3E50%20%26%23215%3B%2050%3C%2Ftext%3E%3C%2Fsvg%3E" /> </div> <div class="autocomplete-item-body"> <div class="autocomplete-item-title"> title </div> <div class="autocomplete-item-number"> <span class="font-weight-medium">Axronummer:</span> <em>BRO</em>DK11201 <br> <span class="font-weight-medium">EAN:</span> 4977766643931 <br> <span class="font-weight-medium">OEM:</span> LC1000BKBP2DR <br> <span class="font-weight-medium">Kunden-Artikelnr:</span> <em>BRO</em>-LC1000T <br> </div> </div> </div> </template> </form> </div> </div> <div class="header-body-item main-navigation"> <ul class="nav custom-navbar"> <li> <a href="#" class="menue-link"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#note"></use> </svg> Bestelllisten </a> </li> <li> <a href="#" class="menue-link"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#user"></use> </svg> <span class="hidden-xs hidden-sm hidden-hd hidden-md"> Max Mustermann </span> <span class="hidden-lg"> Konto </span> <span class="badge badge--is-green"> <span class="badge-body"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> </span> </a> </li> </ul> <div class="action-wrapper"> <a class="btn cart-button btn-default" href="/demos/webshop/cart-empty.html"> <span class="cart-amount">0,00 €</span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#cart"></use> </svg> </a> </div> </div> </div> <div class="header-footer"> <div class="container"> <div class="wsmenuexpandermain slideRight wsmenuexpandermain--open"> <a id="navToggle" class="animated-arrow slideLeft" href="#" title=""> <span class="animated-arrow-icon"> <!-- --></span> <span class="label-closed">Sortiment </span> </a> </div> <nav class="wsmenu slideLeft clearfix" role="navigation"> <div class="offcanvas-header hidden-md hidden-lg"> <div class="logo-wrapper "> <div class="logo"> <?xml version="1.0" encoding="utf-8"?> <svg width="193" height="56" viewBox="0 0 193 56"> <path fillRule="evenodd" d="M 186.68 12.63C 183.22 12.63 180.33 9.91 180.33 6.28 180.33 2.72 183.22-0 186.68-0 190.12-0 193 2.72 193 6.28 193 9.91 190.12 12.63 186.68 12.63ZM 186.68 0.93C 183.73 0.93 181.47 3.26 181.47 6.28 181.47 9.37 183.73 11.7 186.68 11.7 189.6 11.7 191.85 9.37 191.85 6.28 191.85 3.26 189.6 0.93 186.68 0.93ZM 187.71 6.73C 187.71 6.73 189.81 9.99 189.81 9.99 189.81 9.99 188.59 9.99 188.59 9.99 188.59 9.99 186.58 6.82 186.58 6.82 186.58 6.82 185.37 6.82 185.37 6.82 185.37 6.82 185.37 9.99 185.37 9.99 185.37 9.99 184.22 9.99 184.22 9.99 184.22 9.99 184.22 2.62 184.22 2.62 184.22 2.62 187.07 2.62 187.07 2.62 188.82 2.62 189.65 3.31 189.65 4.73 189.65 6.06 188.81 6.62 187.71 6.73ZM 186.88 3.54C 186.88 3.54 185.37 3.54 185.37 3.54 185.37 3.54 185.37 5.89 185.37 5.89 185.37 5.89 186.57 5.89 186.57 5.89 187.57 5.89 188.5 5.84 188.5 4.67 188.5 3.7 187.66 3.54 186.88 3.54ZM 157.09 55.96C 157.09 55.96 135.93 55.99 134.06 55.96 132.87 55.94 131.39 55.16 130.46 54.6 130.46 54.6 118.28 41.26 118.28 41.26 118.28 41.26 118.28 41.29 118.28 41.29 118.28 41.29 108.92 32.01 107.3 30.04 105.69 28.06 108.13 27.75 108.13 27.75 108.13 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 128.39 27.75 128.39 27.75 128.39 27.75 131.98 27.75 131.98 23.45 131.98 19.94 129.58 19.3 128.7 19.18 128.7 19.18 127.99 19.15 127.99 19.15 127.99 19.15 114.2 19.15 114.2 19.15 114.2 19.15 104.19 19.15 104.19 19.15 104.19 19.15 95.41 29.02 95.41 29.02 95.41 29.02 117 53.82 117 53.82 117 53.82 117.72 55.21 116.4 55.43 116.18 55.53 102.1 55.68 101.03 55.7 99.96 55.73 99.24 54.9 99.24 54.9 99.24 54.9 85.97 39.71 85.97 39.71 85.97 39.71 72.85 54.57 72.85 54.57 72.85 54.57 72.13 55.4 71.06 55.37 69.99 55.34 55.91 55.2 55.69 55.1 54.37 54.88 55.09 53.5 55.09 53.5 55.09 53.5 61.82 45.85 61.82 45.85 61.82 45.85 61.8 45.83 61.8 45.83 61.8 45.83 25.66 45.83 25.66 45.83 25.66 45.83 18.08 54.36 18.08 54.36 17.63 54.85 17 55.16 16.29 55.16 16.29 55.16 1.1 55.17 1.1 55.17 0.49 55.17 0 54.67 0 54.05 0 53.84 0.06 53.64 0.16 53.47 0.16 53.47 39.18 9.2 39.18 9.2 39.66 8.61 40.38 8.23 41.2 8.23 41.2 8.23 47.31 8.23 47.31 8.23 48.13 8.23 48.85 8.61 49.33 9.2 49.33 9.2 71.32 35.06 71.32 35.06 71.32 35.06 76.64 29.02 76.64 29.02 76.64 29.02 68.35 19.52 68.35 19.52 68.35 19.52 60.57 9.98 59.87 9.07 59.3 7.95 60.8 8.12 60.8 8.12 60.8 8.12 74.29 8.07 75.74 8.08 77.19 8.08 78.04 9.07 78.04 9.07 78.04 9.07 86.07 18.3 86.07 18.3 86.07 18.3 94.05 9.23 94.05 9.23 94.05 9.23 94.9 8.25 96.35 8.24 96.98 8.24 130.83 8.3 130.83 8.3 130.83 8.3 144.16 9.32 145.42 21.72 146.05 36.99 130.35 36.82 130.35 36.82 130.35 36.82 139.33 45.1 139.33 45.1 139.33 45.1 155.39 45.14 156.15 45.13 156.45 45.15 167.41 44.39 168.13 32.73 168.55 23.29 160.57 21.41 159.8 21.16 156 20.04 152.62 21.18 152.43 21.22 152.24 21.25 152.01 21.27 151.92 20.94 151.51 14.61 147.29 10.15 147.29 10.15 147.29 10.15 146.98 9.89 147.4 9.6 156.24 7.05 163.97 9.32 163.97 9.32 163.97 9.32 180.22 12.73 182.2 29.77 183.87 55.93 157.09 55.96 157.09 55.96ZM 49.99 31.9C 49.99 31.9 44.64 25.78 44.64 25.78 44.47 25.54 44.19 25.38 43.87 25.38 43.55 25.38 43.29 25.53 43.11 25.76 43.11 25.76 34.21 36.23 34.21 36.23 34.21 36.23 53.66 36.23 53.66 36.23 51.73 33.96 50.09 32.02 49.99 31.9Z" fill="rgb(0,131,117)" /> </svg> </div> </div> <div class="wsmenuexpandermain slideRight wsmenuexpandermain--close"> <a id="navToggle" class="animated-arrow slideLeft" href="#" title=""> <span class="label-open">Menü schließen</span> <span class="animated-arrow-icon"> <!-- --></span> </a> </div> </div> <div class="ws-menu-container"> <ul class="mobile-sub wsmenu-list" data-wsmenu="true"> <li class="active-menu-category"> <a href="#" title="Home" class="active" rel="nofollow"> <span itemprop="name">Home</span> </a> </li> <li class=""> <a href="#" class="">Tinte &amp; Toner</a> </li> <li class=""> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Weitere Produkte</a> <div class="megamenu clearfix"> <div class="megamenu-wrapper"> <div class="row"> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Farbbänder &amp; Tapes,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Wartungskits &amp; Sonstiges,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Thermotransferfolien,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Papier,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Entwickler</a> </p> </div> </div> </div> </div> </li> <li class=""> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Marken</a> <div class="megamenu clearfix"> <div class="megamenu-wrapper"> <div class="row"> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Brother,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Citizen,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Canon,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Dell,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Develop,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Epson,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Fujitsu,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">HP,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">IBM,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Kodak,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Konica Minolta,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Kyocera Mita,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Lexmark,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Minolta,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Develop,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Nashuatec,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">NEC,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">OCE,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">OKI,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Olivetti,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Panasonic,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Philips,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Printronix,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Ricoh,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Riso,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Sagem,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Samsung,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Seikosha,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Sharp,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Siemens,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Star,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">TallyGenicom,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Toshiba,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Utax,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Xerox</a> </p> </div> </div> </div> </div> </li> <li class=""> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Service &amp; Beratung</a> <div class="megamenu clearfix"> <div class="megamenu-wrapper"> <div class="row"> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">FAQ,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">REACH Verordnung,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Versand &amp; Lieferung,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Downloads</a> </p> </div> </div> </div> </div> </li> </ul> </div> </nav> <a href="#" class="directorder-button" data-toggle="modal" data-target="#directorder"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#countdown"></use> </svg> Direktbestellung </a> </div> </div> </div> </header>

Type A

  • webshop

Nutzer ist eingeloggt, Merkzettel und Warenkorb sind gefüllt

<header class="main-header "> <div class="header-header"> <div class="meta-navigation"> <div class="container"> <div class="row no-gutter"> <div class="col-sm-12"> <div class="logo-wrapper hidden-hd hidden-md hidden-lg"> <div class="logo"> <?xml version="1.0" encoding="utf-8"?> <svg width="193" height="56" viewBox="0 0 193 56"> <path fillRule="evenodd" d="M 186.68 12.63C 183.22 12.63 180.33 9.91 180.33 6.28 180.33 2.72 183.22-0 186.68-0 190.12-0 193 2.72 193 6.28 193 9.91 190.12 12.63 186.68 12.63ZM 186.68 0.93C 183.73 0.93 181.47 3.26 181.47 6.28 181.47 9.37 183.73 11.7 186.68 11.7 189.6 11.7 191.85 9.37 191.85 6.28 191.85 3.26 189.6 0.93 186.68 0.93ZM 187.71 6.73C 187.71 6.73 189.81 9.99 189.81 9.99 189.81 9.99 188.59 9.99 188.59 9.99 188.59 9.99 186.58 6.82 186.58 6.82 186.58 6.82 185.37 6.82 185.37 6.82 185.37 6.82 185.37 9.99 185.37 9.99 185.37 9.99 184.22 9.99 184.22 9.99 184.22 9.99 184.22 2.62 184.22 2.62 184.22 2.62 187.07 2.62 187.07 2.62 188.82 2.62 189.65 3.31 189.65 4.73 189.65 6.06 188.81 6.62 187.71 6.73ZM 186.88 3.54C 186.88 3.54 185.37 3.54 185.37 3.54 185.37 3.54 185.37 5.89 185.37 5.89 185.37 5.89 186.57 5.89 186.57 5.89 187.57 5.89 188.5 5.84 188.5 4.67 188.5 3.7 187.66 3.54 186.88 3.54ZM 157.09 55.96C 157.09 55.96 135.93 55.99 134.06 55.96 132.87 55.94 131.39 55.16 130.46 54.6 130.46 54.6 118.28 41.26 118.28 41.26 118.28 41.26 118.28 41.29 118.28 41.29 118.28 41.29 108.92 32.01 107.3 30.04 105.69 28.06 108.13 27.75 108.13 27.75 108.13 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 128.39 27.75 128.39 27.75 128.39 27.75 131.98 27.75 131.98 23.45 131.98 19.94 129.58 19.3 128.7 19.18 128.7 19.18 127.99 19.15 127.99 19.15 127.99 19.15 114.2 19.15 114.2 19.15 114.2 19.15 104.19 19.15 104.19 19.15 104.19 19.15 95.41 29.02 95.41 29.02 95.41 29.02 117 53.82 117 53.82 117 53.82 117.72 55.21 116.4 55.43 116.18 55.53 102.1 55.68 101.03 55.7 99.96 55.73 99.24 54.9 99.24 54.9 99.24 54.9 85.97 39.71 85.97 39.71 85.97 39.71 72.85 54.57 72.85 54.57 72.85 54.57 72.13 55.4 71.06 55.37 69.99 55.34 55.91 55.2 55.69 55.1 54.37 54.88 55.09 53.5 55.09 53.5 55.09 53.5 61.82 45.85 61.82 45.85 61.82 45.85 61.8 45.83 61.8 45.83 61.8 45.83 25.66 45.83 25.66 45.83 25.66 45.83 18.08 54.36 18.08 54.36 17.63 54.85 17 55.16 16.29 55.16 16.29 55.16 1.1 55.17 1.1 55.17 0.49 55.17 0 54.67 0 54.05 0 53.84 0.06 53.64 0.16 53.47 0.16 53.47 39.18 9.2 39.18 9.2 39.66 8.61 40.38 8.23 41.2 8.23 41.2 8.23 47.31 8.23 47.31 8.23 48.13 8.23 48.85 8.61 49.33 9.2 49.33 9.2 71.32 35.06 71.32 35.06 71.32 35.06 76.64 29.02 76.64 29.02 76.64 29.02 68.35 19.52 68.35 19.52 68.35 19.52 60.57 9.98 59.87 9.07 59.3 7.95 60.8 8.12 60.8 8.12 60.8 8.12 74.29 8.07 75.74 8.08 77.19 8.08 78.04 9.07 78.04 9.07 78.04 9.07 86.07 18.3 86.07 18.3 86.07 18.3 94.05 9.23 94.05 9.23 94.05 9.23 94.9 8.25 96.35 8.24 96.98 8.24 130.83 8.3 130.83 8.3 130.83 8.3 144.16 9.32 145.42 21.72 146.05 36.99 130.35 36.82 130.35 36.82 130.35 36.82 139.33 45.1 139.33 45.1 139.33 45.1 155.39 45.14 156.15 45.13 156.45 45.15 167.41 44.39 168.13 32.73 168.55 23.29 160.57 21.41 159.8 21.16 156 20.04 152.62 21.18 152.43 21.22 152.24 21.25 152.01 21.27 151.92 20.94 151.51 14.61 147.29 10.15 147.29 10.15 147.29 10.15 146.98 9.89 147.4 9.6 156.24 7.05 163.97 9.32 163.97 9.32 163.97 9.32 180.22 12.73 182.2 29.77 183.87 55.93 157.09 55.96 157.09 55.96ZM 49.99 31.9C 49.99 31.9 44.64 25.78 44.64 25.78 44.47 25.54 44.19 25.38 43.87 25.38 43.55 25.38 43.29 25.53 43.11 25.76 43.11 25.76 34.21 36.23 34.21 36.23 34.21 36.23 53.66 36.23 53.66 36.23 51.73 33.96 50.09 32.02 49.99 31.9Z" fill="rgb(0,131,117)" /> </svg> </div> </div> <div class="dropdown "> <a class="btn btn--has-icon" data-toggle="dropdown"> <span class="icon-wrapper"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#arrow-down"></use> </svg> </span> <span class="title"> choose language </span> </a> <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-button-id"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </div> <div class="main-header__hotline hidden-xs hidden-sm"> <strong>Service-Hotline:</strong> +49 40 54 711-0 </div> </div> </div> </div> </div> </div> <div class="logo-area sticker"> <div class="header-body"> <div class="header-body-item logo-wrapper hidden-xs hidden-sm"> <a href="#"> <div class="logo"> <?xml version="1.0" encoding="utf-8"?> <svg width="193" height="56" viewBox="0 0 193 56"> <path fillRule="evenodd" d="M 186.68 12.63C 183.22 12.63 180.33 9.91 180.33 6.28 180.33 2.72 183.22-0 186.68-0 190.12-0 193 2.72 193 6.28 193 9.91 190.12 12.63 186.68 12.63ZM 186.68 0.93C 183.73 0.93 181.47 3.26 181.47 6.28 181.47 9.37 183.73 11.7 186.68 11.7 189.6 11.7 191.85 9.37 191.85 6.28 191.85 3.26 189.6 0.93 186.68 0.93ZM 187.71 6.73C 187.71 6.73 189.81 9.99 189.81 9.99 189.81 9.99 188.59 9.99 188.59 9.99 188.59 9.99 186.58 6.82 186.58 6.82 186.58 6.82 185.37 6.82 185.37 6.82 185.37 6.82 185.37 9.99 185.37 9.99 185.37 9.99 184.22 9.99 184.22 9.99 184.22 9.99 184.22 2.62 184.22 2.62 184.22 2.62 187.07 2.62 187.07 2.62 188.82 2.62 189.65 3.31 189.65 4.73 189.65 6.06 188.81 6.62 187.71 6.73ZM 186.88 3.54C 186.88 3.54 185.37 3.54 185.37 3.54 185.37 3.54 185.37 5.89 185.37 5.89 185.37 5.89 186.57 5.89 186.57 5.89 187.57 5.89 188.5 5.84 188.5 4.67 188.5 3.7 187.66 3.54 186.88 3.54ZM 157.09 55.96C 157.09 55.96 135.93 55.99 134.06 55.96 132.87 55.94 131.39 55.16 130.46 54.6 130.46 54.6 118.28 41.26 118.28 41.26 118.28 41.26 118.28 41.29 118.28 41.29 118.28 41.29 108.92 32.01 107.3 30.04 105.69 28.06 108.13 27.75 108.13 27.75 108.13 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 128.39 27.75 128.39 27.75 128.39 27.75 131.98 27.75 131.98 23.45 131.98 19.94 129.58 19.3 128.7 19.18 128.7 19.18 127.99 19.15 127.99 19.15 127.99 19.15 114.2 19.15 114.2 19.15 114.2 19.15 104.19 19.15 104.19 19.15 104.19 19.15 95.41 29.02 95.41 29.02 95.41 29.02 117 53.82 117 53.82 117 53.82 117.72 55.21 116.4 55.43 116.18 55.53 102.1 55.68 101.03 55.7 99.96 55.73 99.24 54.9 99.24 54.9 99.24 54.9 85.97 39.71 85.97 39.71 85.97 39.71 72.85 54.57 72.85 54.57 72.85 54.57 72.13 55.4 71.06 55.37 69.99 55.34 55.91 55.2 55.69 55.1 54.37 54.88 55.09 53.5 55.09 53.5 55.09 53.5 61.82 45.85 61.82 45.85 61.82 45.85 61.8 45.83 61.8 45.83 61.8 45.83 25.66 45.83 25.66 45.83 25.66 45.83 18.08 54.36 18.08 54.36 17.63 54.85 17 55.16 16.29 55.16 16.29 55.16 1.1 55.17 1.1 55.17 0.49 55.17 0 54.67 0 54.05 0 53.84 0.06 53.64 0.16 53.47 0.16 53.47 39.18 9.2 39.18 9.2 39.66 8.61 40.38 8.23 41.2 8.23 41.2 8.23 47.31 8.23 47.31 8.23 48.13 8.23 48.85 8.61 49.33 9.2 49.33 9.2 71.32 35.06 71.32 35.06 71.32 35.06 76.64 29.02 76.64 29.02 76.64 29.02 68.35 19.52 68.35 19.52 68.35 19.52 60.57 9.98 59.87 9.07 59.3 7.95 60.8 8.12 60.8 8.12 60.8 8.12 74.29 8.07 75.74 8.08 77.19 8.08 78.04 9.07 78.04 9.07 78.04 9.07 86.07 18.3 86.07 18.3 86.07 18.3 94.05 9.23 94.05 9.23 94.05 9.23 94.9 8.25 96.35 8.24 96.98 8.24 130.83 8.3 130.83 8.3 130.83 8.3 144.16 9.32 145.42 21.72 146.05 36.99 130.35 36.82 130.35 36.82 130.35 36.82 139.33 45.1 139.33 45.1 139.33 45.1 155.39 45.14 156.15 45.13 156.45 45.15 167.41 44.39 168.13 32.73 168.55 23.29 160.57 21.41 159.8 21.16 156 20.04 152.62 21.18 152.43 21.22 152.24 21.25 152.01 21.27 151.92 20.94 151.51 14.61 147.29 10.15 147.29 10.15 147.29 10.15 146.98 9.89 147.4 9.6 156.24 7.05 163.97 9.32 163.97 9.32 163.97 9.32 180.22 12.73 182.2 29.77 183.87 55.93 157.09 55.96 157.09 55.96ZM 49.99 31.9C 49.99 31.9 44.64 25.78 44.64 25.78 44.47 25.54 44.19 25.38 43.87 25.38 43.55 25.38 43.29 25.53 43.11 25.76 43.11 25.76 34.21 36.23 34.21 36.23 34.21 36.23 53.66 36.23 53.66 36.23 51.73 33.96 50.09 32.02 49.99 31.9Z" fill="rgb(0,131,117)"/></svg> </div> </a> </div> <div class="header-body-item header-searchform"> <a href="#" class="menue-link main-search--toggle-button"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#search"></use> </svg> Suche </a> <div class="main-search"> <form class="searchform main-search--form"> <input class="form-control is-awesomeplete" type="text" placeholder="Artikelnr. oder Suchbegriff"> <buton class="btn main-search--button button btn btn-link"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#search"></use> </svg> <span class="title"> <!-- --> </span> </buton> <template id="autocompleteItem"> <div class="autocomplete-item"> <div class="autocomplete-item-image"> <img src="data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%3Crect%20fill%3D%22%23ddd%22%20width%3D%22100%25%22%20height%3D%22100%25%22%2F%3E%3Ctext%20fill%3D%22%235d5d5d%22%20font-family%3D%22sans-serif%22%20font-size%3D%2210%22%20dy%3D%224%22%20font-weight%3D%22bold%22%20x%3D%2250%25%22%20y%3D%2250%25%22%20text-anchor%3D%22middle%22%3E50%20%26%23215%3B%2050%3C%2Ftext%3E%3C%2Fsvg%3E" /> </div> <div class="autocomplete-item-body"> <div class="autocomplete-item-title"> title </div> <div class="autocomplete-item-number"> <span class="font-weight-medium">Axronummer:</span> <em>BRO</em>DK11201 <br> <span class="font-weight-medium">EAN:</span> 4977766643931 <br> <span class="font-weight-medium">OEM:</span> LC1000BKBP2DR <br> <span class="font-weight-medium">Kunden-Artikelnr:</span> <em>BRO</em>-LC1000T <br> </div> </div> </div> </template> </form> </div> </div> <div class="header-body-item main-navigation"> <ul class="nav custom-navbar"> <li> <a href="#" class="menue-link"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#note"></use> </svg> Bestelllisten <span class="badge badge--is-dark"> <span class="badge-body"> 5 </span> </span> </a> </li> <li> <a href="#" class="menue-link"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#user"></use> </svg> <span class="hidden-xs hidden-sm hidden-hd hidden-md"> Max Mustermann </span> <span class="hidden-lg"> Konto </span> <span class="badge badge--is-green"> <span class="badge-body"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#check"></use> </svg> </span> </span> </a> </li> </ul> <div class="action-wrapper"> <a class="btn cart-button btn-primary btn--has-badge" href="/demos/webshop/cart.html"> <span class="cart-amount">1.769,86 €</span> <span class="badge badge--is-red"> <span class="badge-body"> 10 </span> </span> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#cart"></use> </svg> </a> </div> </div> </div> <div class="header-footer"> <div class="container"> <div class="wsmenuexpandermain slideRight wsmenuexpandermain--open"> <a id="navToggle" class="animated-arrow slideLeft" href="#" title=""> <span class="animated-arrow-icon"> <!-- --></span> <span class="label-closed">Sortiment </span> </a> </div> <nav class="wsmenu slideLeft clearfix" role="navigation"> <div class="offcanvas-header hidden-md hidden-lg"> <div class="logo-wrapper "> <div class="logo"> <?xml version="1.0" encoding="utf-8"?> <svg width="193" height="56" viewBox="0 0 193 56"> <path fillRule="evenodd" d="M 186.68 12.63C 183.22 12.63 180.33 9.91 180.33 6.28 180.33 2.72 183.22-0 186.68-0 190.12-0 193 2.72 193 6.28 193 9.91 190.12 12.63 186.68 12.63ZM 186.68 0.93C 183.73 0.93 181.47 3.26 181.47 6.28 181.47 9.37 183.73 11.7 186.68 11.7 189.6 11.7 191.85 9.37 191.85 6.28 191.85 3.26 189.6 0.93 186.68 0.93ZM 187.71 6.73C 187.71 6.73 189.81 9.99 189.81 9.99 189.81 9.99 188.59 9.99 188.59 9.99 188.59 9.99 186.58 6.82 186.58 6.82 186.58 6.82 185.37 6.82 185.37 6.82 185.37 6.82 185.37 9.99 185.37 9.99 185.37 9.99 184.22 9.99 184.22 9.99 184.22 9.99 184.22 2.62 184.22 2.62 184.22 2.62 187.07 2.62 187.07 2.62 188.82 2.62 189.65 3.31 189.65 4.73 189.65 6.06 188.81 6.62 187.71 6.73ZM 186.88 3.54C 186.88 3.54 185.37 3.54 185.37 3.54 185.37 3.54 185.37 5.89 185.37 5.89 185.37 5.89 186.57 5.89 186.57 5.89 187.57 5.89 188.5 5.84 188.5 4.67 188.5 3.7 187.66 3.54 186.88 3.54ZM 157.09 55.96C 157.09 55.96 135.93 55.99 134.06 55.96 132.87 55.94 131.39 55.16 130.46 54.6 130.46 54.6 118.28 41.26 118.28 41.26 118.28 41.26 118.28 41.29 118.28 41.29 118.28 41.29 108.92 32.01 107.3 30.04 105.69 28.06 108.13 27.75 108.13 27.75 108.13 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 118.55 27.75 128.39 27.75 128.39 27.75 128.39 27.75 131.98 27.75 131.98 23.45 131.98 19.94 129.58 19.3 128.7 19.18 128.7 19.18 127.99 19.15 127.99 19.15 127.99 19.15 114.2 19.15 114.2 19.15 114.2 19.15 104.19 19.15 104.19 19.15 104.19 19.15 95.41 29.02 95.41 29.02 95.41 29.02 117 53.82 117 53.82 117 53.82 117.72 55.21 116.4 55.43 116.18 55.53 102.1 55.68 101.03 55.7 99.96 55.73 99.24 54.9 99.24 54.9 99.24 54.9 85.97 39.71 85.97 39.71 85.97 39.71 72.85 54.57 72.85 54.57 72.85 54.57 72.13 55.4 71.06 55.37 69.99 55.34 55.91 55.2 55.69 55.1 54.37 54.88 55.09 53.5 55.09 53.5 55.09 53.5 61.82 45.85 61.82 45.85 61.82 45.85 61.8 45.83 61.8 45.83 61.8 45.83 25.66 45.83 25.66 45.83 25.66 45.83 18.08 54.36 18.08 54.36 17.63 54.85 17 55.16 16.29 55.16 16.29 55.16 1.1 55.17 1.1 55.17 0.49 55.17 0 54.67 0 54.05 0 53.84 0.06 53.64 0.16 53.47 0.16 53.47 39.18 9.2 39.18 9.2 39.66 8.61 40.38 8.23 41.2 8.23 41.2 8.23 47.31 8.23 47.31 8.23 48.13 8.23 48.85 8.61 49.33 9.2 49.33 9.2 71.32 35.06 71.32 35.06 71.32 35.06 76.64 29.02 76.64 29.02 76.64 29.02 68.35 19.52 68.35 19.52 68.35 19.52 60.57 9.98 59.87 9.07 59.3 7.95 60.8 8.12 60.8 8.12 60.8 8.12 74.29 8.07 75.74 8.08 77.19 8.08 78.04 9.07 78.04 9.07 78.04 9.07 86.07 18.3 86.07 18.3 86.07 18.3 94.05 9.23 94.05 9.23 94.05 9.23 94.9 8.25 96.35 8.24 96.98 8.24 130.83 8.3 130.83 8.3 130.83 8.3 144.16 9.32 145.42 21.72 146.05 36.99 130.35 36.82 130.35 36.82 130.35 36.82 139.33 45.1 139.33 45.1 139.33 45.1 155.39 45.14 156.15 45.13 156.45 45.15 167.41 44.39 168.13 32.73 168.55 23.29 160.57 21.41 159.8 21.16 156 20.04 152.62 21.18 152.43 21.22 152.24 21.25 152.01 21.27 151.92 20.94 151.51 14.61 147.29 10.15 147.29 10.15 147.29 10.15 146.98 9.89 147.4 9.6 156.24 7.05 163.97 9.32 163.97 9.32 163.97 9.32 180.22 12.73 182.2 29.77 183.87 55.93 157.09 55.96 157.09 55.96ZM 49.99 31.9C 49.99 31.9 44.64 25.78 44.64 25.78 44.47 25.54 44.19 25.38 43.87 25.38 43.55 25.38 43.29 25.53 43.11 25.76 43.11 25.76 34.21 36.23 34.21 36.23 34.21 36.23 53.66 36.23 53.66 36.23 51.73 33.96 50.09 32.02 49.99 31.9Z" fill="rgb(0,131,117)" /> </svg> </div> </div> <div class="wsmenuexpandermain slideRight wsmenuexpandermain--close"> <a id="navToggle" class="animated-arrow slideLeft" href="#" title=""> <span class="label-open">Menü schließen</span> <span class="animated-arrow-icon"> <!-- --></span> </a> </div> </div> <div class="ws-menu-container"> <ul class="mobile-sub wsmenu-list" data-wsmenu="true"> <li class="active-menu-category"> <a href="#" title="Home" class="active" rel="nofollow"> <span itemprop="name">Home</span> </a> </li> <li class=""> <a href="#" class="">Tinte &amp; Toner</a> </li> <li class=""> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Weitere Produkte</a> <div class="megamenu clearfix"> <div class="megamenu-wrapper"> <div class="row"> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Farbbänder &amp; Tapes,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Wartungskits &amp; Sonstiges,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Thermotransferfolien,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Papier,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Entwickler</a> </p> </div> </div> </div> </div> </li> <li class=""> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Marken</a> <div class="megamenu clearfix"> <div class="megamenu-wrapper"> <div class="row"> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Brother,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Citizen,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Canon,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Dell,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Develop,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Epson,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Fujitsu,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">HP,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">IBM,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Kodak,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Konica Minolta,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Kyocera Mita,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Lexmark,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Minolta,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Develop,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Nashuatec,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">NEC,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">OCE,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">OKI,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Olivetti,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Panasonic,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Philips,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Printronix,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Ricoh,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Riso,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Sagem,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Samsung,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Seikosha,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Sharp,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Siemens,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Star,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">TallyGenicom,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Toshiba,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Utax,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Xerox</a> </p> </div> </div> </div> </div> </li> <li class=""> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Service &amp; Beratung</a> <div class="megamenu clearfix"> <div class="megamenu-wrapper"> <div class="row"> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">FAQ,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">REACH Verordnung,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Versand &amp; Lieferung,</a> </p> </div> <div class="col-xs-12 col-hd-12 col-md-3"> <p class="title"> <a href="#" class="">Downloads</a> </p> </div> </div> </div> </div> </li> </ul> </div> </nav> <a href="#" class="directorder-button" data-toggle="modal" data-target="#directorder"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#countdown"></use> </svg> Direktbestellung </a> </div> </div> </div> </header>