Header

<div class="header">
    <fds-portal-info>
        <a slot="logo" href="#" target="_blank"><img id="simple-example-header-logo" src="/assets/img/logo_virk.svg" alt="Portalnavn"></a>
        <fds-modal-opener slot="drawer-opener" class="d-block d-lg-none mobile-menu-opener" modal-id="drawer-example-simple">
            <button>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg">
                    <path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"></path>
                </svg><span>Menu</span>
            </button>
        </fds-modal-opener>
        <button slot="log-off-button">
            <svg class="icon-svg" focusable="false" aria-hidden="true">
                <use href="#lock"></use>
            </svg>Log af
        </button>
        <p slot="user">Anders Andersen</p>
    </fds-portal-info>

    <fds-solution-info>
        <a slot="solution-heading" href="javascript:void(0);">Løsningstitel</a>
        <p slot="additional-info" class="d-none d-lg-block">
            <strong class="authority-name">Myndighedsnavn</strong>
            <span>Support: 12 34 56 78</span>
        </p>
    </fds-solution-info>

    <fds-modal variant="drawer" id="drawer-example-simple" class="d-block d-lg-none" heading="Menu" heading-id="top-heading-simple-9fd04505">
        <dialog>
            <div class="scrollable-area">
                <div class="modal-top"></div>

                <fds-solution-info>
                    <p slot="additional-info">
                        <strong class="authority-name">Myndighedsnavn</strong>
                        <span>Support: 12 34 56 78</span>
                    </p>
                </fds-solution-info>

                <fds-portal-info>
                    <button slot="log-off-button">
                        <svg class="icon-svg" focusable="false" aria-hidden="true">
                            <use href="#lock"></use>
                        </svg>Log af
                    </button>
                    <p slot="user"><span class="mb-3">Anders Andersen</span></p>
                </fds-portal-info>
            </div>
        </dialog>
    </fds-modal>
</div>

<div class="header">
    <fds-portal-info>
        <a slot="logo" href="#" target="_blank">
            <img id="simple-example-header-logo" src="/assets/img/logo_virk.svg" alt="Portalnavn">
        </a>
        <fds-modal-opener slot="drawer-opener" class="d-block d-lg-none mobile-menu-opener" modal-id="drawer-example-simple">
            <button aria-haspopup="dialog">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg">
                    <path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"></path>
                </svg>
                <span>Menu</span>
            </button>
        </fds-modal-opener>
        <button slot="log-off-button">
            <svg class="icon-svg" focusable="false" aria-hidden="true">
                <use href="#lock"></use>
            </svg>Log af
        </button>
        <p slot="user">Anders Andersen</p>
    </fds-portal-info>
    <fds-solution-info>
        <a slot="solution-heading" href="javascript:void(0);">Løsningstitel</a>
        <p slot="additional-info" class="d-none d-lg-block">
            <strong class="authority-name">Myndighedsnavn</strong>
            <span>Support: 12 34 56 78</span>
        </p>
    </fds-solution-info>
    <fds-modal variant="drawer" id="drawer-example-simple" class="d-block d-lg-none" heading="Menu" heading-id="top-heading-simple-9fd04505">
        <dialog aria-labelledby="top-heading-simple-9fd04505">
            <div class="scrollable-area">
                <div class="modal-top">
                    <h2 class="top-heading" tabindex="-1" id="top-heading-simple-9fd04505">Menu</h2>
                    <fds-modal-closer class="modal-close">
                        <button class="function-link" type="button">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg">
                                <path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"></path>
                            </svg>
                            <span>Luk</span>
                        </button>
                    </fds-modal-closer>
                </div>
                <fds-solution-info>
                    <p slot="additional-info">
                        <strong class="authority-name">Myndighedsnavn</strong>
                        <span>Support: 12 34 56 78</span>
                    </p>
                </fds-solution-info>
                <fds-portal-info>
                    <button slot="log-off-button">
                        <svg class="icon-svg" focusable="false" aria-hidden="true">
                            <use href="#lock"></use>
                        </svg>Log af
                    </button>
                    <p slot="user">
                        <span class="mb-3">Anders Andersen</span>
                    </p>
                </fds-portal-info>
            </div>
        </dialog>
    </fds-modal>
</div>

<div class="header">
    <fds-portal-info>
        <a slot="logo" href="#" target="_blank"><img id="navigation-example-header-logo" src="/assets/img/logo_virk.svg" alt="Portalnavn"></a>
        <fds-modal-opener slot="drawer-opener" class="d-block d-lg-none mobile-menu-opener" modal-id="drawer-example-navigation-example">
            <button>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg">
                    <path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"></path>
                </svg><span>Menu</span>
            </button>
        </fds-modal-opener>
        <button slot="log-off-button">
            <svg class="icon-svg" focusable="false" aria-hidden="true">
                <use href="#lock"></use>
            </svg>Log af
        </button>
        <p slot="user">Anders Andersen, Forsikringens Forsikringsfirma</p>
    </fds-portal-info>

    <fds-solution-info>
        <a slot="solution-heading" href="javascript:void(0);">Løsningstitel</a>
        <p slot="additional-info" class="d-none d-lg-block">
            <strong class="authority-name">Myndighedsnavn</strong>
            <span>Support: 12 34 56 78</span>
        </p>
    </fds-solution-info>

    <fds-main-menu more-menu-id="a313d89">
        <div class="main-menu-inner d-block d-lg-flex">
            <nav aria-label="Hovedmenu for headereksempel med navigation og søgefelt" class="d-none d-lg-block">
                <ul>
                    <li>
                        <fds-dropdown-menu expanded="false" id="dropdown9eff8ccd">
                            <button><span>Første menupunkt</span></button>
                            <div>
                                <ul>
                                    <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                    <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                    <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                    <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                </ul>
                            </div>
                        </fds-dropdown-menu>
                    </li>
                    <li><a href="javascript:void(0);"><span>Andet menupunkt</span></a></li>
                    <li>
                        <fds-dropdown-menu expanded="false" id="dropdown36465678">
                            <button><span>Tredje menupunkt</span></button>
                            <div>
                                <ul>
                                    <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                    <li><a href="javascript:void(0);" aria-current="page"><span>Undermenu</span></a></li>
                                    <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                </ul>
                            </div>
                        </fds-dropdown-menu>
                    </li>
                    <li><a href="javascript:void(0);"><span>Fjerde menupunkt</span></a></li>
                    <li>
                        <fds-dropdown-menu expanded="false" id="dropdown69c11a77">
                            <button><span>Femte menupunkt</span></button>
                            <div>
                                <ul>
                                    <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                    <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                    <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                </ul>
                            </div>
                        </fds-dropdown-menu>
                    </li>
                </ul>
            </nav>

            <div class="search-form">
                <div class="form-group search">
                    <input class="form-input" id="header-navigation-example-search" name="header-search" type="search" aria-label="Søg efter indhold">
                    <button class="button button-search">Søg</button>
                </div>
            </div>

        </div>
    </fds-main-menu>

    <fds-modal variant="drawer" id="drawer-example-navigation-example" class="d-block d-lg-none" heading="Menu" heading-id="top-heading-navigation-example-9fd04505">
        <dialog>
            <div class="scrollable-area">
                <div class="modal-top"></div>
                <fds-main-menu>
                    <nav aria-label="Mobilmenu for headereksempel med navigation og søgefelt">
                        <ul>
                            <li>
                                <fds-dropdown-menu expanded="false" id="dropdownbc4c2860">
                                    <button><span>Første menupunkt</span></button>
                                    <div>
                                        <ul>
                                            <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                            <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                            <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                            <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                        </ul>
                                    </div>
                                </fds-dropdown-menu>
                            </li>
                            <li><a href="javascript:void(0);"><span>Andet menupunkt</span></a></li>
                            <li>
                                <fds-dropdown-menu expanded="true" id="dropdown34b24145">
                                    <button><span>Tredje menupunkt</span></button>
                                    <div>
                                        <ul>
                                            <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                            <li><a href="javascript:void(0);" aria-current="page"><span>Undermenu</span></a></li>
                                            <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                        </ul>
                                    </div>
                                </fds-dropdown-menu>
                            </li>
                            <li><a href="javascript:void(0);"><span>Fjerde menupunkt</span></a></li>
                            <li>
                                <fds-dropdown-menu expanded="false" id="dropdown24d6bf7">
                                    <button><span>Femte menupunkt</span></button>
                                    <div>
                                        <ul>
                                            <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                            <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                            <li><a href="javascript:void(0);"><span>Undermenu</span></a></li>
                                        </ul>
                                    </div>
                                </fds-dropdown-menu>
                            </li>
                        </ul>
                    </nav>
                </fds-main-menu>

                <fds-solution-info>
                    <p slot="additional-info">
                        <strong class="authority-name">Myndighedsnavn</strong>
                        <span>Support: 12 34 56 78</span>
                    </p>
                </fds-solution-info>

                <fds-portal-info>
                    <button slot="log-off-button">
                        <svg class="icon-svg" focusable="false" aria-hidden="true">
                            <use href="#lock"></use>
                        </svg>Log af
                    </button>
                    <p slot="user"><span class="mb-3">Anders Andersen</span><span>Forsikringens Forsikringsfirma</span></p>
                </fds-portal-info>
            </div>
        </dialog>
    </fds-modal>
</div>

<div class="header">
    <fds-portal-info>
        <a slot="logo" href="#" target="_blank">
            <img id="navigation-example-header-logo" src="/assets/img/logo_virk.svg" alt="Portalnavn">
        </a>
        <fds-modal-opener slot="drawer-opener" class="d-block d-lg-none mobile-menu-opener" modal-id="drawer-example-navigation-example">
            <button aria-haspopup="dialog">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg">
                    <path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"></path>
                </svg>
                <span>Menu</span>
            </button>
        </fds-modal-opener>
        <button slot="log-off-button">
            <svg class="icon-svg" focusable="false" aria-hidden="true">
                <use href="#lock"></use>
            </svg>Log af
        </button>
        <p slot="user">Anders Andersen, Forsikringens Forsikringsfirma</p>
    </fds-portal-info>
    <fds-solution-info>
        <a slot="solution-heading" href="javascript:void(0);">Løsningstitel</a>
        <p slot="additional-info" class="d-none d-lg-block">
            <strong class="authority-name">Myndighedsnavn</strong>
            <span>Support: 12 34 56 78</span>
        </p>
    </fds-solution-info>
    <fds-main-menu more-menu-id="a313d89">
        <div class="main-menu-inner d-block d-lg-flex">
            <nav aria-label="Hovedmenu for headereksempel med navigation og søgefelt" class="d-none d-lg-block">
                <ul>
                    <li>
                        <fds-dropdown-menu expanded="false" id="dropdown9eff8ccd">
                            <button data-menu-item="" class="dropdown-button" aria-controls="dropdown9eff8ccd-dropdown-menu-panel" aria-expanded="false">
                                <span>Første menupunkt<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg collapsed-icon">
                                        <path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"></path>
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg expanded-icon">
                                        <path d="M480-528 296-344l-56-56 240-240 240 240-56 56-184-184Z"></path>
                                    </svg>
                                </span>
                            </button>
                            <div class="dropdown-menu collapsed" id="dropdown9eff8ccd-dropdown-menu-panel" tabindex="-1">
                                <ul>
                                    <li>
                                        <a href="javascript:void(0);" data-menu-item="">
                                            <span>Undermenu</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);" data-menu-item="">
                                            <span>Undermenu</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);" data-menu-item="">
                                            <span>Undermenu</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);" data-menu-item="">
                                            <span>Undermenu</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </fds-dropdown-menu>
                    </li>
                    <li>
                        <a href="javascript:void(0);" data-menu-item="">
                            <span>Andet menupunkt</span>
                        </a>
                    </li>
                    <li>
                        <fds-dropdown-menu expanded="false" id="dropdown36465678">
                            <button data-menu-item="" class="dropdown-button" aria-controls="dropdown36465678-dropdown-menu-panel" aria-expanded="false">
                                <span>Tredje menupunkt<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg collapsed-icon">
                                        <path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"></path>
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg expanded-icon">
                                        <path d="M480-528 296-344l-56-56 240-240 240 240-56 56-184-184Z"></path>
                                    </svg>
                                </span>
                            </button>
                            <div class="dropdown-menu collapsed" id="dropdown36465678-dropdown-menu-panel" tabindex="-1">
                                <ul>
                                    <li>
                                        <a href="javascript:void(0);" data-menu-item="">
                                            <span>Undermenu</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);" aria-current="page" data-menu-item="">
                                            <span>Undermenu</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);" data-menu-item="">
                                            <span>Undermenu</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </fds-dropdown-menu>
                    </li>
                    <li>
                        <a href="javascript:void(0);" data-menu-item="">
                            <span>Fjerde menupunkt</span>
                        </a>
                    </li>
                    <li>
                        <fds-dropdown-menu expanded="false" id="dropdown69c11a77">
                            <button data-menu-item="" class="dropdown-button" aria-controls="dropdown69c11a77-dropdown-menu-panel" aria-expanded="false">
                                <span>Femte menupunkt<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg collapsed-icon">
                                        <path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"></path>
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg expanded-icon">
                                        <path d="M480-528 296-344l-56-56 240-240 240 240-56 56-184-184Z"></path>
                                    </svg>
                                </span>
                            </button>
                            <div class="dropdown-menu collapsed" id="dropdown69c11a77-dropdown-menu-panel" tabindex="-1">
                                <ul>
                                    <li>
                                        <a href="javascript:void(0);" data-menu-item="">
                                            <span>Undermenu</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);" data-menu-item="">
                                            <span>Undermenu</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);" data-menu-item="">
                                            <span>Undermenu</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </fds-dropdown-menu>
                    </li>
                    <li class="more-button" data-hidden="">
                        <fds-dropdown-menu expanded="false" id="a313d89">
                            <button data-menu-item="" class="dropdown-button" aria-controls="a313d89-dropdown-menu-panel" aria-expanded="false">
                                <span>Mere<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg collapsed-icon">
                                        <path d="M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z"></path>
                                    </svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg expanded-icon">
                                        <path d="M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z"></path>
                                    </svg>
                                </span>
                            </button>
                            <div class="dropdown-menu collapsed" id="a313d89-dropdown-menu-panel" tabindex="-1">
                                <ul></ul>
                            </div>
                        </fds-dropdown-menu>
                    </li>
                </ul>
            </nav>
            <div class="search-form">
                <div class="form-group search">
                    <input class="form-input" id="header-navigation-example-search" name="header-search" type="search" aria-label="Søg efter indhold">
                    <button class="button button-search">Søg</button>
                </div>
            </div>
        </div>
    </fds-main-menu>
    <fds-modal variant="drawer" id="drawer-example-navigation-example" class="d-block d-lg-none" heading="Menu" heading-id="top-heading-navigation-example-9fd04505">
        <dialog aria-labelledby="top-heading-navigation-example-9fd04505">
            <div class="scrollable-area">
                <div class="modal-top">
                    <h2 class="top-heading" tabindex="-1" id="top-heading-navigation-example-9fd04505">Menu</h2>
                    <fds-modal-closer class="modal-close">
                        <button class="function-link" type="button">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg">
                                <path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"></path>
                            </svg>
                            <span>Luk</span>
                        </button>
                    </fds-modal-closer>
                </div>
                <fds-main-menu>
                    <nav aria-label="Mobilmenu for headereksempel med navigation og søgefelt">
                        <ul>
                            <li>
                                <fds-dropdown-menu expanded="false" id="dropdownbc4c2860">
                                    <button data-menu-item="" class="dropdown-button" aria-controls="dropdownbc4c2860-dropdown-menu-panel" aria-expanded="false">
                                        <span>Første menupunkt<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg collapsed-icon">
                                                <path d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z"></path>
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg expanded-icon">
                                                <path d="M200-440v-80h560v80H200Z"></path>
                                            </svg>
                                        </span>
                                    </button>
                                    <div class="dropdown-menu collapsed" id="dropdownbc4c2860-dropdown-menu-panel">
                                        <ul>
                                            <li>
                                                <a href="javascript:void(0);" data-menu-item="">
                                                    <span>Undermenu</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0);" data-menu-item="">
                                                    <span>Undermenu</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0);" data-menu-item="">
                                                    <span>Undermenu</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0);" data-menu-item="">
                                                    <span>Undermenu</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </fds-dropdown-menu>
                            </li>
                            <li>
                                <a href="javascript:void(0);" data-menu-item="">
                                    <span>Andet menupunkt</span>
                                </a>
                            </li>
                            <li>
                                <fds-dropdown-menu expanded="true" id="dropdown34b24145">
                                    <button data-menu-item="" class="dropdown-button" aria-controls="dropdown34b24145-dropdown-menu-panel" aria-expanded="true">
                                        <span>Tredje menupunkt<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg collapsed-icon">
                                                <path d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z"></path>
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg expanded-icon">
                                                <path d="M200-440v-80h560v80H200Z"></path>
                                            </svg>
                                        </span>
                                    </button>
                                    <div class="dropdown-menu" id="dropdown34b24145-dropdown-menu-panel">
                                        <ul>
                                            <li>
                                                <a href="javascript:void(0);" data-menu-item="">
                                                    <span>Undermenu</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0);" aria-current="page" data-menu-item="">
                                                    <span>Undermenu</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0);" data-menu-item="">
                                                    <span>Undermenu</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </fds-dropdown-menu>
                            </li>
                            <li>
                                <a href="javascript:void(0);" data-menu-item="">
                                    <span>Fjerde menupunkt</span>
                                </a>
                            </li>
                            <li>
                                <fds-dropdown-menu expanded="false" id="dropdown24d6bf7">
                                    <button data-menu-item="" class="dropdown-button" aria-controls="dropdown24d6bf7-dropdown-menu-panel" aria-expanded="false">
                                        <span>Femte menupunkt<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg collapsed-icon">
                                                <path d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z"></path>
                                            </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg expanded-icon">
                                                <path d="M200-440v-80h560v80H200Z"></path>
                                            </svg>
                                        </span>
                                    </button>
                                    <div class="dropdown-menu collapsed" id="dropdown24d6bf7-dropdown-menu-panel">
                                        <ul>
                                            <li>
                                                <a href="javascript:void(0);" data-menu-item="">
                                                    <span>Undermenu</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0);" data-menu-item="">
                                                    <span>Undermenu</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0);" data-menu-item="">
                                                    <span>Undermenu</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </fds-dropdown-menu>
                            </li>
                        </ul>
                    </nav>
                </fds-main-menu>
                <fds-solution-info>
                    <p slot="additional-info">
                        <strong class="authority-name">Myndighedsnavn</strong>
                        <span>Support: 12 34 56 78</span>
                    </p>
                </fds-solution-info>
                <fds-portal-info>
                    <button slot="log-off-button">
                        <svg class="icon-svg" focusable="false" aria-hidden="true">
                            <use href="#lock"></use>
                        </svg>Log af
                    </button>
                    <p slot="user">
                        <span class="mb-3">Anders Andersen</span>
                        <span>Forsikringens Forsikringsfirma</span>
                    </p>
                </fds-portal-info>
            </div>
        </dialog>
    </fds-modal>
</div>

<div class="header">
    <div class="language-switcher-header">
        <div class="container">
            <fds-dropdown-menu expanded="false" id="dropdown4ae57c9f">
                <button>
                    <span><svg class="icon-svg" focusable="false" aria-hidden="true">
                            <use href="#language"></use>
                        </svg>Dansk</span>
                </button>
                <div>
                    <ul>
                        <li><a href="?lang=da" lang="da" aria-current="true">Dansk</a></li>
                        <li><a href="?lang=en-GB" lang="en-GB">English</a></li>
                        <li><a href="?lang=de" lang="de">Deutsch</a></li>
                        <li><a href="?lang=pl" lang="pl">Polski</a></li>
                    </ul>
                </div>
            </fds-dropdown-menu>
        </div>
    </div>

    <fds-portal-info>
        <a slot="logo" href="#" target="_blank"><img id="language-example-header-logo" src="/assets/img/logo_virk.svg" alt="Portalnavn"></a>
        <fds-modal-opener slot="drawer-opener" class="d-block d-lg-none mobile-menu-opener" modal-id="drawer-example-language">
            <button>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg">
                    <path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"></path>
                </svg><span>Menu</span>
            </button>
        </fds-modal-opener>
        <button slot="log-off-button">
            <svg class="icon-svg" focusable="false" aria-hidden="true">
                <use href="#lock"></use>
            </svg>Log af
        </button>
        <p slot="user">Anders Andersen, Forsikringens Forsikringsfirma</p>
    </fds-portal-info>

    <fds-solution-info>
        <a slot="solution-heading" href="javascript:void(0);">Løsningstitel</a>
        <p slot="additional-info" class="d-none d-lg-block">
            <strong class="authority-name">Myndighedsnavn</strong>
            <span>Support: 12 34 56 78</span>
        </p>
    </fds-solution-info>

    <fds-modal variant="drawer" id="drawer-example-language" class="d-block d-lg-none" heading="Menu" heading-id="top-heading-language-9fd04505">
        <dialog>
            <div class="scrollable-area">
                <div class="modal-top"></div>

                <fds-solution-info>
                    <p slot="additional-info">
                        <strong class="authority-name">Myndighedsnavn</strong>
                        <span>Support: 12 34 56 78</span>
                    </p>
                </fds-solution-info>

                <div class="language-switcher-mobile">
                    <h3>Vælg sprog</h3>
                    <ul>
                        <li><a href="?lang=da" lang="da" aria-current="true"><svg class="icon-svg" focusable="false" aria-hidden="true"><use href="#check"></use></svg>Dansk</a></li>
                        <li><a href="?lang=en-GB" lang="en-GB">English</a></li>
                        <li><a href="?lang=de" lang="de">Deutsch</a></li>
                        <li><a href="?lang=pl" lang="pl">Polski</a></li>
                    </ul>
                </div>

                <fds-portal-info>
                    <button slot="log-off-button">
                        <svg class="icon-svg" focusable="false" aria-hidden="true">
                            <use href="#lock"></use>
                        </svg>Log af
                    </button>
                    <p slot="user"><span class="mb-3">Anders Andersen</span><span>Forsikringens Forsikringsfirma</span></p>
                </fds-portal-info>
            </div>
        </dialog>
    </fds-modal>
</div>

<div class="header">
    <div class="language-switcher-header">
        <div class="container">
            <fds-dropdown-menu expanded="false" id="dropdown4ae57c9f">
                <button class="dropdown-button" aria-controls="dropdown4ae57c9f-dropdown-menu-panel" aria-expanded="false">
                    <span>
                        <svg class="icon-svg" focusable="false" aria-hidden="true">
                            <use href="#language"></use>
                        </svg>Dansk
                    </span>
                </button>
                <div class="dropdown-menu collapsed" id="dropdown4ae57c9f-dropdown-menu-panel" tabindex="-1">
                    <ul>
                        <li>
                            <a href="?lang=da" lang="da" aria-current="true" data-menu-item="">Dansk</a>
                        </li>
                        <li>
                            <a href="?lang=en-GB" lang="en-GB" data-menu-item="">English</a>
                        </li>
                        <li>
                            <a href="?lang=de" lang="de" data-menu-item="">Deutsch</a>
                        </li>
                        <li>
                            <a href="?lang=pl" lang="pl" data-menu-item="">Polski</a>
                        </li>
                    </ul>
                </div>
            </fds-dropdown-menu>
        </div>
    </div>
    <fds-portal-info>
        <a slot="logo" href="#" target="_blank">
            <img id="language-example-header-logo" src="/assets/img/logo_virk.svg" alt="Portalnavn">
        </a>
        <fds-modal-opener slot="drawer-opener" class="d-block d-lg-none mobile-menu-opener" modal-id="drawer-example-language">
            <button aria-haspopup="dialog">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg">
                    <path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"></path>
                </svg>
                <span>Menu</span>
            </button>
        </fds-modal-opener>
        <button slot="log-off-button">
            <svg class="icon-svg" focusable="false" aria-hidden="true">
                <use href="#lock"></use>
            </svg>Log af
        </button>
        <p slot="user">Anders Andersen, Forsikringens Forsikringsfirma</p>
    </fds-portal-info>
    <fds-solution-info>
        <a slot="solution-heading" href="javascript:void(0);">Løsningstitel</a>
        <p slot="additional-info" class="d-none d-lg-block">
            <strong class="authority-name">Myndighedsnavn</strong>
            <span>Support: 12 34 56 78</span>
        </p>
    </fds-solution-info>
    <fds-modal variant="drawer" id="drawer-example-language" class="d-block d-lg-none" heading="Menu" heading-id="top-heading-language-9fd04505">
        <dialog aria-labelledby="top-heading-language-9fd04505">
            <div class="scrollable-area">
                <div class="modal-top">
                    <h2 class="top-heading" tabindex="-1" id="top-heading-language-9fd04505">Menu</h2>
                    <fds-modal-closer class="modal-close">
                        <button class="function-link" type="button">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" focusable="false" aria-hidden="true" class="icon-svg">
                                <path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"></path>
                            </svg>
                            <span>Luk</span>
                        </button>
                    </fds-modal-closer>
                </div>
                <fds-solution-info>
                    <p slot="additional-info">
                        <strong class="authority-name">Myndighedsnavn</strong>
                        <span>Support: 12 34 56 78</span>
                    </p>
                </fds-solution-info>
                <div class="language-switcher-mobile">
                    <h3>Vælg sprog</h3>
                    <ul>
                        <li>
                            <a href="?lang=da" lang="da" aria-current="true">
                                <svg class="icon-svg" focusable="false" aria-hidden="true"><use href="#check"></use></svg>Dansk
                            </a>
                        </li>
                        <li>
                            <a href="?lang=en-GB" lang="en-GB">English</a>
                        </li>
                        <li>
                            <a href="?lang=de" lang="de">Deutsch</a>
                        </li>
                        <li>
                            <a href="?lang=pl" lang="pl">Polski</a>
                        </li>
                    </ul>
                </div>
                <fds-portal-info>
                    <button slot="log-off-button">
                        <svg class="icon-svg" focusable="false" aria-hidden="true">
                            <use href="#lock"></use>
                        </svg>Log af
                    </button>
                    <p slot="user">
                        <span class="mb-3">Anders Andersen</span>
                        <span>Forsikringens Forsikringsfirma</span>
                    </p>
                </fds-portal-info>
            </div>
        </dialog>
    </fds-modal>
</div>