Header: Logged Out Without Cart

<div class="header--with-container">
    <div class="header__container">
        <div class="header__mobile-row--search">
            <div class="header__content-container">
                <div class="header__mobile-only">
                    <div class="header__hamburger">
                        <button class="hamburger hamburger--collapse" type="button" aria-label="Menü öffnen/schliessen" data-off-canvas-toggle>
                            <span class="hamburger-box">
                                <span class="hamburger-inner"></span>
                            </span>
                        </button>
                    </div>
                </div>
                <div class="header__desktop-only">
                    <a href="#" class="header__logo-link">
                        <img src="/images/common/logo.svg" alt="Brand" class="header__logo" />
                    </a>
                </div>
                <div class="header__search">
                    <div class="text-field-search-rounded--light">
                        <div class="text-field-search-rounded__wrapper">
                            <input class="text-field-search-rounded__input" id="search-term" type="search" name="search-term" autocomplete="on" data-test="Yes" placeholder="Suche nach Name oder Artikelnummer" />
                            <label class="visually-hidden" for="search-term">Suche nach Name oder Artikelnummer</label>
                            <button type="reset" class="text-field-search-rounded__reset">
                                <span class="visually-hidden">Zurücksetzen</span>
                            </button>
                            <button type="submit" class="text-field-search-rounded__search">
                                <span class="visually-hidden">Suchen</span>
                            </button>
                            <div class="text-field-search-rounded__loader ">
                                <div class="loading-spinner -vertical -horizontal">
                                    <div class="loading-spinner__spinner--small"></div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="header__scanner-button">
                    <ccx-button-scanner></ccx-button-scanner>
                </div>
            </div>
        </div>
        <div class="header__mobile-row--account-and-cart">
            <div class="header__content-container">
                <div class="header__mobile-only">
                    <a href="#" class="header__logo-link">
                        <img src="/images/common/logo.svg" alt="Brand" class="header__logo" />
                    </a>
                </div>
                <div class="header__account-and-cart">
                    <div class="header__button--register">
                        <a href="#" class="button--transparent-light-small">Registrieren</a>
                    </div>
                    <div class="header__button--login">
                        <a href="#" class="button--primary-small">Anmelden</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="header__background"></div>
</div>

<ccx-instant-search></ccx-instant-search>