Markup
<header class="header">
<div class="header__wrapper wrapper">
<div class="header__logo">
<a class="logo">
<svg width="102px" height="29px" viewBox="0 0 102 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="-" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-34.000000, -22.000000)" fill="#1F2226">
<path d="M78.8741,26.4536 C81.2001,26.4676 83.3811,27.4276 85.0161,29.1556 C86.6591,30.8916 87.5551,33.2106 87.5402853,35.6846 C87.5251,38.1716 86.6001,40.4836 84.9361,42.1956 C83.2831,43.8956 81.0551,44.8256 78.7611,44.8086 C76.8693353,44.7973059 75.2309131,44.2500948 73.9333727,43.2103195 L73.6941,43.0096 L73.6461,50.2376 L68.8961,50.2086 L69.0431,26.8166 L73.7931,26.8466 L73.7841,28.2066 C75.0358647,27.1223647 76.6242384,26.5262125 78.4650168,26.4598286 L78.8131,26.4536 L78.8741,26.4536 Z M54.5648,26.3052 C56.4565647,26.3164941 58.0949869,26.8637052 59.3925273,27.9043142 L59.6318,28.1052 L59.6398,26.7602 L64.3898,26.7882 L64.2828,44.2972 L59.5328,44.2682 L59.5418,42.9082 C58.2900353,43.9924353 56.7016616,44.5877017 54.8600495,44.6539814 L54.5118,44.6602 L54.4518,44.6602 C49.6428,44.6312 45.7548,40.4902 45.7856159,35.4292 C45.8162431,30.3937536 49.510261,26.4483103 54.2502344,26.3090073 L54.5098,26.3052 L54.5648,26.3052 Z M109.3807,26.6035 L109.3807,36.8555 C109.3807,38.8905 110.5017,40.0125 112.5377,40.0135 C114.5717,40.0125 115.6937,38.8905 115.6937,36.8555 L115.6937,36.8555 L115.6937,26.6035 L120.5707,26.6035 L120.5707,37.2135 C120.5707,41.1295 118.3637,43.7745 114.5167,44.4715 C114.0287,44.5595 113.4767,44.6595 112.5047,44.6595 C111.7597,44.6595 111.3447,44.5925 110.9437,44.5275 L110.9437,44.5275 L110.7187,44.4925 C106.8267,43.9095 104.5027,41.1885 104.5027,37.2135 L104.5027,37.2135 L104.5027,26.6035 L109.3807,26.6035 Z M126.6822,37.9227 C126.6822,37.9227 128.4072,40.2197 130.4212,40.2417 C130.65745,40.24395 130.9027,40.2310125 131.140919,40.1982469 L131.3762,40.1587 L129.1552,44.6187 C126.5402,44.2997 124.4772,42.9847 123.3952,40.8947 C123.118195,40.3625081 123.150767,40.2523854 125.848333,38.4718606 L126.3102,38.1677 L126.6822,37.9227 Z M96.7362,22 L96.7362,26.767 L100.7722,26.767 L100.7722,31.387 L96.7362,31.387 L96.7362,38.581 C96.7362,39.337 96.9462,39.538 97.0152,39.604 C97.4217882,39.9908235 98.5449993,39.9604291 99.8729374,39.8971553 L100.1242,39.885 L100.7722,39.853 L100.7722,44.206 L100.2282,44.271 C99.4032,44.371 98.6492,44.421 97.9642,44.421 C95.9772,44.421 94.5592,44 93.5832,43.133 C92.5638316,42.2301579 92.041682,40.8462521 91.9895426,38.9090096 L91.9852,38.581 L91.9852,31.387 L88.9912,31.387 L88.9912,26.767 L91.9852,26.767 L91.9852,23.408 L96.7362,22 Z M43.254,26.3652938 L43.871,26.3694 L43.84,31.4584 L43.18,31.4074 C41.874,31.3064 40.684,31.6544 39.917,32.3614 C39.2347333,32.9886 38.8625822,33.89804 38.8103031,35.066955 L38.804,35.3214 L38.749,44.1414 L34,44.1124 L34.107,26.6034 L38.856,26.6324 L38.848,27.9864 C39.931,26.9194 41.443,26.3564 43.254,26.3652938 Z M78.2931,31.0376 L78.2601,31.0376 C75.6551,31.0376 73.7561,32.9516 73.7391,35.6006 C73.7311,36.8926 74.1831,38.0696 75.0121,38.9116 C75.7783667,39.6909333 76.8277444,40.1470844 77.9870564,40.2109452 L78.2371,40.2186 L78.2701,40.2186 C80.8751,40.2186 82.7741,38.3046 82.7901,35.6556 C82.7981,34.3626 82.3461,33.1866 81.5171,32.3446 C80.6961,31.5096 79.5511,31.0456 78.2931,31.0376 Z M55.073175,30.8957 L55.0568,30.8952 C52.4518,30.8952 50.5528,32.8092 50.5368,35.4592 C50.5202857,38.0432 52.3052441,39.9486988 54.8108724,40.0710591 L55.0338,40.0772 L55.0658,40.0772 C57.6708,40.0772 59.5698,38.1622 59.5868,35.5142 C59.6028,32.8542 57.7118,30.9112 55.0888,30.8962 L55.073175,30.8957 Z M130.3884,26.3434 C132.284844,26.3434 133.968999,26.9142642 135.280803,27.9970231 L135.5084,28.1934 L135.8804,28.5294 C135.485585,29.1986593 133.984504,31.7494055 133.873855,31.9374316 L133.8674,31.9484 L133.3234,31.5874 C132.5624,31.0794 131.7244,30.5454 130.5774,30.5454 C129.8074,30.5454 128.6444,30.7504 128.6444,31.8084 C128.6444,32.7934 129.6824,32.9204 131.4144,33.4014 C132.1824,33.6148286 133.03489,33.8547061 133.85096,34.1953417 L134.2554,34.3744 L132.2254,38.4524 C131.7834,38.1094 130.9324,37.8414 129.7654,37.5104 C127.2544,36.7984 123.8144,35.8244 123.8144,31.9414 C123.8144,28.6974 126.5794,26.3434 130.3884,26.3434 Z" id="raptus"></path>
</g>
</g>
</svg>
</a>
</div>
<form class="header__search">
<div class="input input--inline">
<button class="input__icon icon icon-search icon--only"></button>
<input type="text" class="input__widget" placeholder="Suchen">
</div>
</form>
<nav class="header__meta">
<ul class="inline-list">
<li class="header__item header__item--mobile">
<a class="header__item-element icon icon-home" href="javascript://">Startseite</a>
</li>
<li class="header__item header__item--mobile">
<label class="header__item-element icon icon-menu-search">Suchen & navigieren</label>
</li>
<li class="header__item header__item--secondary">
<a class="header__item-element icon icon-profile" href="javascript://">Mein Konto</a>
</li>
<li class="header__item">
<a class="header__item-element icon icon-wishlist" href="javascript://">Merklisten</a>
</li>
<li class="header__item header__item--active">
<a class="header__item-element icon icon-basket" href="javascript://">Warenkorb</a>
</li>
</ul>
</nav>
<nav class="header__primary">
<ul class="inline-list">
<li class="header__item header__item--active">
<a class="header__item-element" href="javascript://">Musik</a>
</li>
<li class="header__item">
<a class="header__item-element" href="javascript://">Automobil</a>
</li>
<li class="header__item">
<a class="header__item-element" href="javascript://">Computer</a>
</li>
<li class="header__item">
<a class="header__item-element" href="javascript://">Handys</a>
</li>
<li class="header__item">
<a class="header__item-element" href="javascript://">Zubehör</a>
</li>
</ul>
</nav>
</div>
</header>
Source:
assets/styles/04-organisms/02-navigation/_header.scss, line 1