<input class="toggle" type="radio" name="products" id="product--list">
<input class="toggle" type="radio" name="products" id="product--grid" checked="checked">
<div class="page-header">
    <nav class="page-header__breadcrumb breadcrumb">
        <ol>
            <li>
                <a href="javascript://">Home</a>
            </li>
            <li>
                <a href="javascript://">Musik</a>
            </li>
        </ol>
    </nav>
    <div class="page-header__bar bar bar--return">
        <h1 class="bar__title">
            Musical, Theater & Folk
        </h1>
        <div class="bar__secondary bar-actions">
            <ul class="bar-actions__actions">
                <li>
                    <label for="product--list" class="btn btn--plain btn--icon icon icon-view-vertical"></label>
                </li>
                <li>
                    <label for="product--grid" class="btn btn--plain btn--icon icon icon-view-horizontal"></label>
                </li>
                <li>
                    <button class="btn btn--plain btn--icon icon icon-filter"></button>
                </li>
            </ul>
        </div>
    </div>
    <div class="page-header__info">
        142 von 256 Produkte
        <a class="page-header__reset-filter" href="javascript://">Alle Produkte zeigen und Filter zurücksetzen</a>
    </div>
    <div class="page-header__actions">
        <div class="page-header__action page-header__action--ordering">
            <label for="ordering">
                Sortiere nach
            </label>
            <div class="select">
                <select type="text" id="ordering" class="input__widget select__widget" size="1">
                    <option>Verfügbarkeit</option>
                    <option>Preis absteigend</option>
                    <option>Preis aufsteigend</option>
                </select>
            </div>
        </div>
        <div class="page-header__action page-header__action--display">
            <span>
                Darstellung
            </span>
            <div>
                <label for="product--list" class="page-header__action-icon icon icon-view-vertical"></label><label for="product--grid" class="page-header__action-icon icon icon-view-horizontal"></label>
            </div>
        </div>
    </div>
</div>