Header @header

Stable
<!-- Header -->
<header class="header" id="header">
  <div class="header__main">
    <div style="display:none;">
      <ul class="language-menu" id="language">
        <li class="active"><a href="/de/suche-1?tx__%5Bcontroller%5D=Standard&amp;cHash=aaaafae523a804c53f454a93ab4b3dbc" title="Deutsch"><span>Deutsch</span></a></li>
      </ul>
    </div>
    <div class="logo"><a href="/de/"><svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewbox="0 0 340.157 89.575" xml:space="preserve">
          <path class="st0" fill="#008bd2" d="M77.342 4.023c-5.207-5.166-14.062-5.365-19.427 0L39.671 22.267c4.966 4.93 11.803 7.979 19.354 7.979 7.574 0 15.152-2.616 19.4-8.022 4.249-5.406 3.906-13.251-1.083-18.201z"></path>
          <path class="st1" fill="#15265a" d="M59.39 31.922c-7.786 0-15.106-3.032-20.611-8.538L37.594 22.2l.005-.005L19.427 4.023 0 23.45l38.853 38.853 33.33-33.33a29.026 29.026 0 01-12.793 2.949z"></path>
          <path class="st0" fill="#008bd2" d="M289.711 17.694h4.883v25.71l11.064-13.994h5.533l-11.065 13.668L312.818 58.7h-5.857l-12.367-15.295v15.295h-4.883zM317.051 17.694h4.882v25.71l11.065-13.994h5.533l-11.065 13.668L340.157 58.7H334.3l-12.367-15.295v15.295h-4.882zM280.185 44.054c0-6.183-4.23-10.413-9.113-10.413-4.881 0-9.112 4.23-9.112 10.413 0 6.184 4.23 10.415 9.112 10.415s9.113-4.23 9.113-10.415m-22.456-26.36h4.882v15.295s2.93-3.905 8.787-3.905c7.486 0 13.669 6.183 13.669 14.97 0 8.788-6.183 14.971-13.67 14.971-5.856 0-8.786-3.58-8.786-3.58l-1.302 3.254h-3.58V17.694z"></path>
          <path class="st1" fill="#15265a" d="M242.503 28.627l-.78 1.754c.083.047 0 0 0 0a14.762 14.762 0 00-7.273-1.903c-8.252 0-14.916 6.665-14.916 15.234 0 8.569 6.664 15.234 14.916 15.234 2.66 0 5.149-.7 7.31-1.926l.743 1.674h6.93V28.627h-6.93zM234.45 51.01c-3.49 0-6.347-2.856-6.347-7.3 0-4.442 2.856-7.299 6.347-7.299 3.49 0 6.348 2.857 6.348 7.3s-2.857 7.3-6.348 7.3zM110.8 28.772l-6.508 19.518-6.506-19.518h-9.433l1.904 5.005 3.3 8.675L99.74 58.7h9.108l11.386-29.928zM123.483 28.771h8.783V58.7h-8.783zM151.457 48.29L144.95 28.77h-9.433l11.386 29.93h9.108l11.386-29.93h-9.434zM170.647 28.771h8.783V58.7h-8.783zM206.103 17.711V31.05s-2.928-2.603-7.482-2.603c-7.482 0-13.989 6.506-13.989 15.29 0 8.782 6.507 15.289 13.989 15.289 5.205 0 8.458-3.253 8.458-3.253l1.3 2.928h6.508V17.711h-8.784zm-6.181 33.181c-3.578 0-6.507-2.928-6.507-7.156 0-4.23 2.929-7.157 6.507-7.157s6.506 2.927 6.506 7.157c0 4.228-2.928 7.156-6.506 7.156zM128.037 15.759c-2.603 0-4.88 2.277-4.88 4.88 0 2.601 2.277 4.879 4.88 4.879 2.602 0 4.879-2.278 4.879-4.88s-2.277-4.88-4.88-4.88M175.201 15.759c-2.603 0-4.88 2.277-4.88 4.88 0 2.601 2.277 4.879 4.88 4.879 2.602 0 4.88-2.278 4.88-4.88s-2.278-4.88-4.88-4.88"></path>
          <path class="st0" fill="#008bd2" d="M94.329 75.533h1.745v13.744h-1.745zM99.564 75.533h1.636v5.127s.982-1.31 2.836-1.31c2.073 0 3.818 1.746 3.818 4.255v5.672h-1.636v-5.672c0-1.636-1.091-2.727-2.4-2.727-1.527 0-2.618 1.09-2.618 2.727v5.672h-1.636V75.533zM110.798 79.46h1.2l.436 1.09s.982-1.2 2.836-1.2h.219v1.637h-.436c-1.528 0-2.619 1.09-2.619 2.727v5.563h-1.636V79.46zM124.323 83.714c-.218-1.636-1.418-2.836-2.836-2.836s-2.618 1.2-2.836 2.836h5.672zm1.418 2.945c-.655 1.418-1.963 2.727-4.145 2.727-2.618 0-4.69-2.072-4.69-5.018 0-2.945 2.181-5.017 4.581-5.017 2.4 0 4.472 1.963 4.472 4.908 0 .546-.109.873-.109.873h-7.2c.11 1.418 1.42 2.727 2.946 2.727a2.955 2.955 0 002.4-1.2h1.745zM133.594 75.533h1.745v6.763l5.344-6.763h2.073l-5.345 6.763 5.781 6.98h-2.072l-5.781-6.98v6.98h-1.745zM144.719 79.46h1.2l.436 1.09s.982-1.2 2.836-1.2h.218v1.637h-.436c-1.527 0-2.618 1.09-2.618 2.727v5.563h-1.636V79.46zM157.262 84.805c-3.927 0-4.582.654-4.582 1.745 0 .655.655 1.309 1.637 1.309 1.745 0 2.945-1.2 2.945-2.291v-.763zm0 3.381s-.982 1.2-2.945 1.2c-1.964 0-3.272-1.309-3.272-2.945 0-1.855 1.308-3.164 6.217-3.164v-.545c0-.981-.873-1.854-2.073-1.854-1.199 0-1.745.545-1.963 1.418h-1.745c.218-1.636 1.527-2.945 3.708-2.945 2.182 0 3.709 1.527 3.709 3.381v6.545h-1.2l-.436-1.09zM161.843 79.46h1.2l.436 1.09s.982-1.2 2.836-1.2c2.072 0 3.818 1.746 3.818 4.255v5.672h-1.637v-5.672c0-1.636-1.09-2.727-2.4-2.727-1.526 0-2.617 1.09-2.617 2.727v5.672h-1.636V79.46zM173.186 75.533h1.636v8.617l3.708-4.69h1.855l-3.709 4.581 4.254 5.236h-1.963l-4.145-5.127v5.127h-1.636zM189.001 83.714c-.218-1.636-1.417-2.836-2.835-2.836-1.419 0-2.619 1.2-2.837 2.836h5.672zm1.418 2.945c-.654 1.418-1.963 2.727-4.144 2.727-2.619 0-4.691-2.072-4.691-5.018 0-2.945 2.182-5.017 4.582-5.017s4.471 1.963 4.471 4.908c0 .546-.109.873-.109.873h-7.199c.11 1.418 1.418 2.727 2.946 2.727 1.309 0 2.072-.764 2.4-1.2h1.744zM193.036 79.46h1.2l.436 1.09s.982-1.2 2.837-1.2c2.072 0 3.817 1.746 3.817 4.255v5.672h-1.636v-5.672c0-1.636-1.09-2.727-2.4-2.727-1.527 0-2.618 1.09-2.618 2.727v5.672h-1.636V79.46zM204.38 75.533h1.635v8.617l3.71-4.69h1.853l-3.708 4.581 4.254 5.236h-1.963l-4.146-5.127v5.127h-1.636zM219.214 84.805c-3.927 0-4.581.654-4.581 1.745 0 .655.654 1.309 1.636 1.309 1.745 0 2.945-1.2 2.945-2.291v-.763zm0 3.381s-.982 1.2-2.945 1.2c-1.964 0-3.273-1.309-3.273-2.945 0-1.855 1.31-3.164 6.218-3.164v-.545c0-.981-.873-1.854-2.073-1.854s-1.745.545-1.963 1.418h-1.745c.218-1.636 1.527-2.945 3.708-2.945 2.182 0 3.709 1.527 3.709 3.381v6.545h-1.2l-.436-1.09zM224.776 86.332c.11.873.763 1.527 1.964 1.527 1.09 0 1.745-.654 1.745-1.418 0-2.182-5.127-.545-5.127-4.254 0-1.527 1.309-2.836 3.273-2.836 2.072 0 3.272 1.2 3.381 2.945h-1.636c-.11-.873-.654-1.418-1.745-1.418-.982 0-1.637.654-1.637 1.309 0 2.181 5.127.545 5.127 4.254 0 1.636-1.309 2.945-3.381 2.945-2.182 0-3.49-1.309-3.6-3.054h1.636zM233.61 86.332c.11.873.764 1.527 1.964 1.527 1.09 0 1.745-.654 1.745-1.418 0-2.182-5.126-.545-5.126-4.254 0-1.527 1.308-2.836 3.272-2.836 2.073 0 3.272 1.2 3.381 2.945h-1.635c-.11-.873-.655-1.418-1.746-1.418-.982 0-1.636.654-1.636 1.309 0 2.181 5.127.545 5.127 4.254 0 1.636-1.31 2.945-3.382 2.945-2.182 0-3.49-1.309-3.6-3.054h1.637zM248.226 83.714c-.218-1.636-1.418-2.836-2.836-2.836s-2.618 1.2-2.836 2.836h5.672zm1.418 2.945c-.654 1.418-1.963 2.727-4.145 2.727-2.618 0-4.69-2.072-4.69-5.018 0-2.945 2.181-5.017 4.581-5.017 2.4 0 4.472 1.963 4.472 4.908 0 .546-.109.873-.109.873h-7.199c.11 1.418 1.418 2.727 2.945 2.727a2.954 2.954 0 002.4-1.2h1.745z"></path>
        </svg></a></div>
    <div class="header__right">
      <div class="header__search-button" role="search"><button class="search-button__toggle js-toggle-search" aria-expanded="false" aria-controls="CUSTOM_ID" aria-label="Suche anzeigen oder ausblenden" role="button" name="Suche"></button></div>
      <div class="header__firmenkunden"><a class="link" href="https://firmenkunden.vividabkk.de/de/">F&uuml;r Firmenkunden</a></div>
      <div class="header__myvivida"><a class="link" href="/de/service/meine-vividabkk">Meine vivida bkk</a></div>
      <div class="header__hotline"><a class="hotline__number" href="tel:+49800375537555">0800 3755 3755 5</a></div>
      <div class="header__sticky-member"><a class="btn" href="/de/online-mitglied-werden">Mitglied werden</a></div>
    </div>
    <div class="btn-rte-primary header__hotline-mobile"><a class="hotline__number" href="tel:+49800375537555"><span>0800 3755 3755 5</span></a></div>
  </div>
  <div class="header__search-bar">
    <div class="header__search-overlay"></div>
    <div class="header__search-panel" id="CUSTOM_ID" aria-hidden="true">
      <div class="search-bar" data-source="/data/search-bar.json">
        <div class="search-bar__inner">
          <form class="search-bar__form" autocomplete="off" method="get" action="/suchergebnisse" _lpchecked="1"><label class="search-bar__input-label" for="search-term">Suchbegriff</label>
            <div class="search-bar__buttons-left"><button class="search-bar__close" value="Suche schlie├čen"><svg width="19" height="14" xmlns="http://www.w3.org/2000/svg">
                  <path d="M6.716.589a.5.5 0 0 1 .638.057l.057.07a.5.5 0 0 1-.057.638L2.209 6.499 18 6.5a.5.5 0 0 1 .09.992L18 7.5 2.207 7.499l5.147 5.147.057.07a.5.5 0 0 1-.765.638L.293 7 6.646.646Z" fill="#000" fill-rule="nonzero" /></svg></button></div><input class="search-bar__input" autocomplete="off" type="text" placeholder="Suchbegriff" required="required" name="tx_solr[q]" />
            <div class="search-bar__buttons-right"><button class="search-bar__reset" type="reset" value="Zur├╝cksetzen" aria-hidden="true"></button><button class="search-bar__button" type="submit" value="Suchen"></button></div>
          </form>
          <div class="search-bar__suggestions" aria-hidden="true">
            <div class="search-bar__suggestions-inner">
              <div class="search-bar__list-title">Oft gesucht</div>
              <div class="search-bar__list"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</header>