<div class="modal fade" id="nav-mobile" tabindex="-1" role="dialog" aria-labelledby="nav-mobile-label" aria-hidden="true">
    <div class="modal-dialog my-0 mx-auto" role="document">
        <div class="modal-content border-0 rounded-0">
            <div class="modal-header justify-content-end">
                <button type="button" class="border-0 bg-transparent cursor-pointer lh-0 p-2 nm-2" data-bs-dismiss="modal" aria-controls="nav-mobile" aria-expanded="false" aria-label="Dölj meny">
                    <span aria-hidden="true"><i class="fal fa-times fa-lg"></i></span>
                </button>
            </div>
            <ul class="mobile-nav mobile-nav-root border-0 nav-collapse font-size-sm nav-undecorated">
                <li class="mobile-nav-item">
                    <div class="mobile-nav-container">
                        <a href="#" class="nav-link">Start</a>
                    </div>
                </li>

                <li class="mobile-nav-item">
                    <div class="mobile-nav-container">
                        <a href="#" class="nav-link">Studera</a>
                        <a href="#studera" class="mobile-nav-toggle collapsed" data-bs-target="#studeracollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="studera" role="button">

                            <span class="collapse-show">
                                <i class="fal fa-plus-circle"></i>
                            </span>
                            <span class="collapse-hide">
                                <i class="fal fa-minus-circle"></i>
                            </span>

                        </a>
                    </div>
                    <ul class="mobile-nav collapse" id="studeracollapsed">
                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Välja studier</a>
                                <a href="#valja-studier" class="mobile-nav-toggle collapsed" data-bs-target="#valja-studiercollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="valja-studier" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="valja-studiercollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Program och kurser</a>
                                        <a href="#program-och-kurser" class="mobile-nav-toggle collapsed" data-bs-target="#program-och-kursercollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="program-och-kurser" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="program-och-kursercollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Utbildning på grundnivå</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Utbildning på master- och magisternivå</a>
                                                <a href="#utbildning-pa-master-och-magisterniva" class="mobile-nav-toggle collapsed" data-bs-target="#utbildning-pa-master-och-magisternivacollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="utbildning-pa-master-och-magisterniva" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="utbildning-pa-master-och-magisternivacollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Ekonomihögskolan</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Humaniora och teologi</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Juridik</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Konstnärlig utbildning</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Lunds Tekniska Högskola, LTH</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Medicin och vård</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Naturvetenskap</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Samhällsvetenskap</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Utbildningar som är öppna att söka för alla typer av kandidatexamen</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Övrigt</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Forskarutbildning</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Distansutbildning</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Moocar</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Sommarkurser</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Beställ utbildningskataloger</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Kurs eller program - två vägar till examen</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Studera på universitetet</a>
                                        <a href="#studera-pa-universitetet" class="mobile-nav-toggle collapsed" data-bs-target="#studera-pa-universitetetcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="studera-pa-universitetet" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="studera-pa-universitetetcollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Ordlista: 15 begrepp att ha koll på</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Studieåret - terminstider</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Undervisningen - så går det till</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Utbildningssystemet</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Varför Lunds universitet?</a>
                                        <a href="#varfor-lunds-universitet" class="mobile-nav-toggle collapsed" data-bs-target="#varfor-lunds-universitetcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="varfor-lunds-universitet" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="varfor-lunds-universitetcollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Ett universitet för alla</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Ett topp 100-universitet</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Det internationella universitetet</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Studentliv</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Träffa oss</a>
                                        <a href="#traffa-oss" class="mobile-nav-toggle collapsed" data-bs-target="#traffa-osscollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="traffa-oss" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="traffa-osscollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Mässor</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Öppet hus i Lund</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Inspirationsdagarna</a>
                                                <a href="#inspirationsdagarna" class="mobile-nav-toggle collapsed" data-bs-target="#inspirationsdagarnacollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="inspirationsdagarna" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="inspirationsdagarnacollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Anmälan till Inspirationsdagarna 2018</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Program Inspirationsdagarna 2017</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Lundastudenter berättar</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Livet efter studierna</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Digital rundtur i Lund</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Studentpoddar</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Filmer om studentlivet</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Dansk studerende</a>
                                        <a href="#dansk-studerende" class="mobile-nav-toggle collapsed" data-bs-target="#dansk-studerendecollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="dansk-studerende" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="dansk-studerendecollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Studier i Sverige - sådan gør du</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Studielivet, bolig og pendling</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Interviews med danske studenter</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Særligt interessante kurser og uddannelser</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Ordlista (svensk-dansk)</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Ny i Sverige och vill studera?</a>
                                    </div>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Anmälan och antagning</a>
                                <a href="#anmalan-och-antagning" class="mobile-nav-toggle collapsed" data-bs-target="#anmalan-och-antagningcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="anmalan-och-antagning" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="anmalan-och-antagningcollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Anmälan och antagning - steg för steg</a>
                                        <a href="#anmalan-och-antagning-steg-for-steg" class="mobile-nav-toggle collapsed" data-bs-target="#anmalan-och-antagning-steg-for-stegcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="anmalan-och-antagning-steg-for-steg" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="anmalan-och-antagning-steg-for-stegcollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Anmälan till masterstudier</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Anmälan till kurser inom utbildningsprogram</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Sen anmälan</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Viktiga datum</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Vanliga frågor och svar</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Antagningspoäng</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Behörighet</a>
                                        <a href="#behorighet" class="mobile-nav-toggle collapsed" data-bs-target="#behorighetcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="behorighet" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="behorighetcollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Grundläggande behörighet</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Särskild behörighet</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Behörig genom reell kompetens</a>
                                                <a href="#behorig-genom-reell-kompetens" class="mobile-nav-toggle collapsed" data-bs-target="#behorig-genom-reell-kompetenscollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="behorig-genom-reell-kompetens" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="behorig-genom-reell-kompetenscollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Ansöka om reell kompetens</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Bedömning av reell kompetens</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Meritvärdering och urval</a>
                                        <a href="#meritvardering-och-urval" class="mobile-nav-toggle collapsed" data-bs-target="#meritvardering-och-urvalcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="meritvardering-och-urval" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="meritvardering-och-urvalcollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Förtur</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Högskoleprovet</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Registrering</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Regler för antagning</a>
                                    </div>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Livet som student</a>
                                <a href="#livet-som-student" class="mobile-nav-toggle collapsed" data-bs-target="#livet-som-studentcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="livet-som-student" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="livet-som-studentcollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Studentliv - Engagera dig!</a>
                                        <a href="#studentliv-engagera-dig" class="mobile-nav-toggle collapsed" data-bs-target="#studentliv-engagera-digcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="studentliv-engagera-dig" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="studentliv-engagera-digcollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Nationer, kårer och AF</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Studentföreningar</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Sport, motion och idrott</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Bli studentambassadör</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Bli internationell fadder</a>
                                                <a href="#bli-internationell-fadder" class="mobile-nav-toggle collapsed" data-bs-target="#bli-internationell-faddercollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="bli-internationell-fadder" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="bli-internationell-faddercollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Språkfadder på Swedish Lounge</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Vad gör en internationell fadder?</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Arrival Day</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Introduktionsveckorna</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Arbeta som mentor</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Bli studerandeskyddsombud</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Hitta bostad</a>
                                        <a href="#hitta-bostad" class="mobile-nav-toggle collapsed" data-bs-target="#hitta-bostadcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="hitta-bostad" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="hitta-bostadcollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Olika boendeformer</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Ny som student</a>
                                        <a href="#ny-som-student" class="mobile-nav-toggle collapsed" data-bs-target="#ny-som-studentcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="ny-som-student" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="ny-som-studentcollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Upprop och introduktionsmöten</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Akademisk ordlista</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Praktisk checklista</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Kurslitteratur</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Student i Lunds kommun</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Rättigheter och skyldigheter</a>
                                        <a href="#rattigheter-och-skyldigheter" class="mobile-nav-toggle collapsed" data-bs-target="#rattigheter-och-skyldighetercollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="rattigheter-och-skyldigheter" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="rattigheter-och-skyldighetercollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Stöd vid problem i din studiesituation</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Personskadeförsäkring</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Studerandeskyddsombud</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Studie- och arbetsmiljö</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Fusk, störningar och trakasserier</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Trakasserier och sexuella trakasserier</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Studiemedel, stipendier och ekonomi</a>
                                        <a href="#studiemedel-stipendier-och-ekonomi" class="mobile-nav-toggle collapsed" data-bs-target="#studiemedel-stipendier-och-ekonomicollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="studiemedel-stipendier-och-ekonomi" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="studiemedel-stipendier-och-ekonomicollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Stipendier</a>
                                                <a href="#stipendier" class="mobile-nav-toggle collapsed" data-bs-target="#stipendiercollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="stipendier" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="stipendiercollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Universitets- och nationsstipendier</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Resestipendier</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Övriga stipendier</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Hitta fler stipendier</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Försäkringar</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Service och stöd</a>
                                        <a href="#service-och-stod" class="mobile-nav-toggle collapsed" data-bs-target="#service-och-stodcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="service-och-stod" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="service-och-stodcollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Studievägledning</a>
                                                <a href="#studievagledning" class="mobile-nav-toggle collapsed" data-bs-target="#studievagledningcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="studievagledning" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="studievagledningcollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Studievägledning för specifika program och kurser</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Pedagogiskt stöd för dig med funktionsnedsättning</a>
                                                <a href="#pedagogiskt-stod-for-dig-med-funktionsnedsattning" class="mobile-nav-toggle collapsed" data-bs-target="#pedagogiskt-stod-for-dig-med-funktionsnedsattningcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="pedagogiskt-stod-for-dig-med-funktionsnedsattning" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="pedagogiskt-stod-for-dig-med-funktionsnedsattningcollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Olika former av pedagogiskt Stöd</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Studentreceptionen</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Resultatintyg, Ladok</a>
                                                <a href="#resultatintyg-ladok" class="mobile-nav-toggle collapsed" data-bs-target="#resultatintyg-ladokcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="resultatintyg-ladok" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="resultatintyg-ladokcollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Beställ resultatintyg</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Studenthälsan</a>
                                                <a href="#studenthalsan" class="mobile-nav-toggle collapsed" data-bs-target="#studenthalsancollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="studenthalsan" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="studenthalsancollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Kontakt med Studenthälsan</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Kurser, föreläsningar</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Vård, stöd, sjukanmälan</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Sexuell hälsa</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Alkohol och droger</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Studieverkstaden</a>
                                                <a href="#studieverkstaden" class="mobile-nav-toggle collapsed" data-bs-target="#studieverkstadencollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="studieverkstaden" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="studieverkstadencollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Föreläsningar på Studieverkstaden</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Skrivkvällar på Studieverkstaden</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Skrivgrupp för doktorander</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Biblioteken</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Karriär</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Starta företag eller projekt - som student</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">IT-tjänster, support och driftinfo</a>
                                        <a href="#it-tjanster-support-och-driftinfo" class="mobile-nav-toggle collapsed" data-bs-target="#it-tjanster-support-och-driftinfocollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="it-tjanster-support-och-driftinfo" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="it-tjanster-support-och-driftinfocollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Studentkonto</a>
                                                <a href="#studentkonto" class="mobile-nav-toggle collapsed" data-bs-target="#studentkontocollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="studentkonto" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="studentkontocollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Studentportalen</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Ladok</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Programvara</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Regler för datanät</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Uppkoppling</a>
                                                <a href="#uppkoppling" class="mobile-nav-toggle collapsed" data-bs-target="#uppkopplingcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="uppkoppling" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="uppkopplingcollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Servrar för e-post</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Trådlöst nät på universitetet</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">LU-kortet, passerkort</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Betalning av utskrifter och kopior</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Studera utomlands</a>
                                <a href="#studera-utomlands" class="mobile-nav-toggle collapsed" data-bs-target="#studera-utomlandscollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="studera-utomlands" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="studera-utomlandscollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Utbytesstudier</a>
                                        <a href="#utbytesstudier" class="mobile-nav-toggle collapsed" data-bs-target="#utbytesstudiercollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="utbytesstudier" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="utbytesstudiercollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Tips för en bra ansökan</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Du som har nominerats</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Inför avresan</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Medan du är iväg</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">När du har kommit hem</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">University of California</a>
                                                <a href="#university-of-california" class="mobile-nav-toggle collapsed" data-bs-target="#university-of-californiacollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="university-of-california" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="university-of-californiacollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Study Center i Lund</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Sommarkurser utomlands</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Studentambassadör utomlands</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Stipendier för utlandsstudier</a>
                                        <a href="#stipendier-for-utlandsstudier" class="mobile-nav-toggle collapsed" data-bs-target="#stipendier-for-utlandsstudiercollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="stipendier-for-utlandsstudier" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="stipendier-for-utlandsstudiercollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Erasmus+</a>
                                                <a href="#erasmus" class="mobile-nav-toggle collapsed" data-bs-target="#erasmuscollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="erasmus" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="erasmuscollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Stipendium för studier</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Nordplus</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Minor Field Studies</a>
                                                <a href="#minor-field-studies" class="mobile-nav-toggle collapsed" data-bs-target="#minor-field-studiescollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="minor-field-studies" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="minor-field-studiescollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Tips för en bra MFS-ansökan</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Utomeuropeisk mobilitet</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Crafoord resestipendium</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Praktisera utomlands</a>
                                        <a href="#praktisera-utomlands" class="mobile-nav-toggle collapsed" data-bs-target="#praktisera-utomlandscollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="praktisera-utomlands" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="praktisera-utomlandscollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Ansöka om Erasmus praktikstipendium</a>
                                                <a href="#ansoka-om-erasmus-praktikstipendium" class="mobile-nav-toggle collapsed" data-bs-target="#ansoka-om-erasmus-praktikstipendiumcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="ansoka-om-erasmus-praktikstipendium" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="ansoka-om-erasmus-praktikstipendiumcollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Praktikanter berättar</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Förberedelser för redan beviljade Erasmuspraktikanter</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Praktik i forskargrupper utomlands</a>
                                                <a href="#praktik-i-forskargrupper-utomlands" class="mobile-nav-toggle collapsed" data-bs-target="#praktik-i-forskargrupper-utomlandscollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="praktik-i-forskargrupper-utomlands" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="praktik-i-forskargrupper-utomlandscollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Aktuella erbjudanden om praktik i forskningsprojekt utomlands</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Utlandsstudier på egen hand</a>
                                    </div>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Examen och karriär</a>
                                <a href="#examen-och-karriar" class="mobile-nav-toggle collapsed" data-bs-target="#examen-och-karriarcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="examen-och-karriar" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="examen-och-karriarcollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Examensarbete och uppsats</a>
                                        <a href="#examensarbete-och-uppsats" class="mobile-nav-toggle collapsed" data-bs-target="#examensarbete-och-uppsatscollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="examensarbete-och-uppsats" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="examensarbete-och-uppsatscollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Podd med studenter som skrivit uppsats</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Karriärstöd, jobb och praktik</a>
                                        <a href="#karriarstod-jobb-och-praktik" class="mobile-nav-toggle collapsed" data-bs-target="#karriarstod-jobb-och-praktikcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="karriarstod-jobb-och-praktik" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="karriarstod-jobb-och-praktikcollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Arbetsmarknadsdagar</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Lediga jobb, praktik- och traineeplatser</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Ansök om examen</a>
                                        <a href="#ansok-om-examen" class="mobile-nav-toggle collapsed" data-bs-target="#ansok-om-examencollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="ansok-om-examen" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="ansok-om-examencollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Examina</a>
                                                <a href="#examina" class="mobile-nav-toggle collapsed" data-bs-target="#examinacollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="examina" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="examinacollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Ekonomie kandidatexamen</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Filosofie kandidatexamen</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Naturvetenskaplig kandidatexamen</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Politices kandidatexamen</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Teologie kandidatexamen</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Magisterexamen</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Masterexamen</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Yrkesexamina</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Konstnärlig examen</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Forskarexamina</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Examen enligt den äldre examensordningen</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Huvudområden för examina</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Frågor och svar om examen</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Kompetensutveckling för yrkesverksamma</a>
                                <a href="#kompetensutveckling-for-yrkesverksamma" class="mobile-nav-toggle collapsed" data-bs-target="#kompetensutveckling-for-yrkesverksammacollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="kompetensutveckling-for-yrkesverksamma" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="kompetensutveckling-for-yrkesverksammacollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Uppdragsutbildning - din arbetsgivare betalar</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Lärarlyftet</a>
                                        <a href="#lararlyftet" class="mobile-nav-toggle collapsed" data-bs-target="#lararlyftetcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="lararlyftet" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="lararlyftetcollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Lassana Ouattara, lärare i fysik</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                            </ul>
                        </li>

                    </ul>
                </li>

                <li class="mobile-nav-item">
                    <div class="mobile-nav-container">
                        <a href="#" class="nav-link">Forskning</a>
                        <a href="#forskning" class="mobile-nav-toggle collapsed" data-bs-target="#forskningcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="forskning" role="button">

                            <span class="collapse-show">
                                <i class="fal fa-plus-circle"></i>
                            </span>
                            <span class="collapse-hide">
                                <i class="fal fa-minus-circle"></i>
                            </span>

                        </a>
                    </div>
                    <ul class="mobile-nav collapse" id="forskningcollapsed">
                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Sök forskning och forskare vid Lunds universitet</a>
                            </div>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Starka forskningsmiljöer</a>
                                <a href="#starka-forskningsmiljoer" class="mobile-nav-toggle collapsed" data-bs-target="#starka-forskningsmiljoercollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="starka-forskningsmiljoer" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="starka-forskningsmiljoercollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Cancerforskning</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Diabetesforskning</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Nanovetenskap</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Strategiska forskningsområden</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Max IV och ESS</a>
                                        <a href="#max-iv-och-ess" class="mobile-nav-toggle collapsed" data-bs-target="#max-iv-och-esscollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="max-iv-och-ess" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="max-iv-och-esscollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Så fungerar MAX IV</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Invigningen av MAX IV</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Lunds Linnémiljöer</a>
                                        <a href="#lunds-linnémiljoer" class="mobile-nav-toggle collapsed" data-bs-target="#lunds-linnémiljoercollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="lunds-linnémiljoer" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="lunds-linnémiljoercollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Linnémiljöer 2008</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Linnémiljöer 2006</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Vinn Excellence Center</a>
                                    </div>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Möt våra forskare</a>
                                <a href="#mot-vara-forskare" class="mobile-nav-toggle collapsed" data-bs-target="#mot-vara-forskarecollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mot-vara-forskare" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="mot-vara-forskarecollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Debatt i Lund</a>
                                        <a href="#debatt-i-lund" class="mobile-nav-toggle collapsed" data-bs-target="#debatt-i-lundcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="debatt-i-lund" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="debatt-i-lundcollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">25 april 2018: Mat, makt och miljö - går det att äta klimatsmart?</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Tidigare debatter</a>
                                                <a href="#tidigare-debatter" class="mobile-nav-toggle collapsed" data-bs-target="#tidigare-debattercollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="tidigare-debatter" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="tidigare-debattercollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Jakten på svenskheten - finns det svenska värderingar?</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Fråga våra forskare</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Crafoords vetenskapsluncher</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Forskarturnén 2018</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Bokmässan i Göteborg</a>
                                    </div>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Utbildning på forskarnivå</a>
                                <a href="#utbildning-pa-forskarniva" class="mobile-nav-toggle collapsed" data-bs-target="#utbildning-pa-forskarnivacollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="utbildning-pa-forskarniva" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="utbildning-pa-forskarnivacollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Fakulteternas information om utbildning på forskarnivå</a>
                                    </div>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Fakulteternas forskningsinformation</a>
                            </div>
                        </li>

                    </ul>
                </li>

                <li class="mobile-nav-item">
                    <div class="mobile-nav-container">
                        <a href="#" class="nav-link">Innovation &amp; Samverkan</a>
                        <a href="#innovation-samverkan" class="mobile-nav-toggle collapsed" data-bs-target="#innovation-samverkancollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="innovation-samverkan" role="button">

                            <span class="collapse-show">
                                <i class="fal fa-plus-circle"></i>
                            </span>
                            <span class="collapse-hide">
                                <i class="fal fa-minus-circle"></i>
                            </span>

                        </a>
                    </div>
                    <ul class="mobile-nav collapse" id="innovation-samverkancollapsed">
                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Tematiska samverkansinitiativ</a>
                            </div>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Projekt och samarbeten</a>
                                <a href="#projekt-och-samarbeten" class="mobile-nav-toggle collapsed" data-bs-target="#projekt-och-samarbetencollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="projekt-och-samarbeten" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="projekt-och-samarbetencollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Almedalsveckan 2018</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Initiativ för nyanlända akademiker</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Samverkansprojekt</a>
                                    </div>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Innovation och entreprenörskap</a>
                                <a href="#innovation-och-entreprenorskap" class="mobile-nav-toggle collapsed" data-bs-target="#innovation-och-entreprenorskapcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="innovation-och-entreprenorskap" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="innovation-och-entreprenorskapcollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Universitetets innovationsverksamhet</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Inkubatorer</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Innovationer från Lund</a>
                                    </div>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Ge till universitetet</a>
                                <a href="#ge-till-universitetet" class="mobile-nav-toggle collapsed" data-bs-target="#ge-till-universitetetcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="ge-till-universitetet" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="ge-till-universitetetcollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Detta kan du ge till</a>
                                        <a href="#detta-kan-du-ge-till" class="mobile-nav-toggle collapsed" data-bs-target="#detta-kan-du-ge-tillcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="detta-kan-du-ge-till" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="detta-kan-du-ge-tillcollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Studenter</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Forska Lund</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Stöd universitetet från USA</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Så kan du ge</a>
                                        <a href="#sa-kan-du-ge" class="mobile-nav-toggle collapsed" data-bs-target="#sa-kan-du-gecollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="sa-kan-du-ge" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="sa-kan-du-gecollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Skänk aktieutdelning</a>
                                                <a href="#skank-aktieutdelning" class="mobile-nav-toggle collapsed" data-bs-target="#skank-aktieutdelningcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="skank-aktieutdelning" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="skank-aktieutdelningcollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Från ett börsnoterat företag</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Från ett fåmansbolag</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Om Donatorrelationer</a>
                                    </div>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Skolsamverkan</a>
                            </div>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">För dig som är arbetsgivare</a>
                                <a href="#for-dig-som-ar-arbetsgivare" class="mobile-nav-toggle collapsed" data-bs-target="#for-dig-som-ar-arbetsgivarecollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="for-dig-som-ar-arbetsgivare" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="for-dig-som-ar-arbetsgivarecollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Anlita våra studenter</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Kompetensutveckla dina medarbetare</a>
                                        <a href="#kompetensutveckla-dina-medarbetare" class="mobile-nav-toggle collapsed" data-bs-target="#kompetensutveckla-dina-medarbetarecollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="kompetensutveckla-dina-medarbetare" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="kompetensutveckla-dina-medarbetarecollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Utbildningsområden för våra uppdragsutbildningar</a>
                                                <a href="#utbildningsomraden-for-vara-uppdragsutbildningar" class="mobile-nav-toggle collapsed" data-bs-target="#utbildningsomraden-for-vara-uppdragsutbildningarcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="utbildningsomraden-for-vara-uppdragsutbildningar" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="utbildningsomraden-for-vara-uppdragsutbildningarcollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Digitalisering - teknik &amp; samhälle</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Innovation &amp; entreprenörskap</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Ledarskap, organisation &amp; arbetsmiljö</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Lärande &amp; pedagogisk utveckling</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Medicin &amp; hälsa</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Samhällsplanering &amp; hållbar utveckling</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Social hållbarhet &amp; samhällsutveckling</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Teknik, material &amp; design</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Bli vår samarbetspartner!</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Referenser</a>
                                                <a href="#referenser" class="mobile-nav-toggle collapsed" data-bs-target="#referensercollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="referenser" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="referensercollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Rolf Holmberg, E.ON</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Wictoria Pålsson, rektor i Halmstads kommun</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Mikael Gudmundsson, Unionen</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Amanda Kuenstler, University of Texas Medical Branch i Galveston</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Mattias Lennartsson, Tetra Pak</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Camilla Wilén, fysiklärare i Åstorps kommun</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Lena Hallén, Myndigheten för samhällsskydd och beredskap</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Tord Johansson, Kommunalarbetar-förbundet</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Sven-Thore Holm, Innovatör</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Sten-Bertil Olsson, Lunds kommun</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Uppdragsutbildning som utbildningsform</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Alumn</a>
                                <a href="#alumn" class="mobile-nav-toggle collapsed" data-bs-target="#alumncollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="alumn" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="alumncollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Alumnevenemang</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Nyhetsbrev</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Hemvändarhelg 2017</a>
                                    </div>
                                </li>

                            </ul>
                        </li>

                    </ul>
                </li>

                <li class="mobile-nav-item">
                    <div class="mobile-nav-container">
                        <a href="#" class="nav-link">Om universitetet</a>
                        <a href="#om-universitetet" class="mobile-nav-toggle collapsed" data-bs-target="#om-universitetetcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="om-universitetet" role="button">

                            <span class="collapse-show">
                                <i class="fal fa-plus-circle"></i>
                            </span>
                            <span class="collapse-hide">
                                <i class="fal fa-minus-circle"></i>
                            </span>

                        </a>
                    </div>
                    <ul class="mobile-nav collapse" id="om-universitetetcollapsed">
                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Universitetet i korthet</a>
                                <a href="#universitetet-i-korthet" class="mobile-nav-toggle collapsed" data-bs-target="#universitetet-i-korthetcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="universitetet-i-korthet" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="universitetet-i-korthetcollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Grund- och avancerad utbildning</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Forskning och innovation</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Personal och ekonomi</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Rankning av universitetet</a>
                                        <a href="#rankning-av-universitetet" class="mobile-nav-toggle collapsed" data-bs-target="#rankning-av-universitetetcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="rankning-av-universitetet" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="rankning-av-universitetetcollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Rankning per ämnesområde</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Hur rankar man ett universitet?</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Universitetets historia</a>
                                        <a href="#universitetets-historia" class="mobile-nav-toggle collapsed" data-bs-target="#universitetets-historiacollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="universitetets-historia" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="universitetets-historiacollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Lunds universitet 350 år</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Presentationsmaterial</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Här finns vi</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Universitetet i sociala medier</a>
                                    </div>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Ledning och organisation</a>
                                <a href="#ledning-och-organisation" class="mobile-nav-toggle collapsed" data-bs-target="#ledning-och-organisationcollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="ledning-och-organisation" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="ledning-och-organisationcollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Universitetsstyrelsen</a>
                                        <a href="#universitetsstyrelsen" class="mobile-nav-toggle collapsed" data-bs-target="#universitetsstyrelsencollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="universitetsstyrelsen" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="universitetsstyrelsencollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Universitetsstyrelsens protokoll med bilagor</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Universitetsledningen</a>
                                        <a href="#universitetsledningen" class="mobile-nav-toggle collapsed" data-bs-target="#universitetsledningencollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="universitetsledningen" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="universitetsledningencollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Rektor Torbjörn von Schantz</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Prorektor Sylvia Schwaag Serger</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Vicerektor Stacey Ristinmaa Sörensen</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Vicerektor Bo Ahrén</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Vicerektor Bo-Anders Jönsson</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Förvaltningschef Susanne Kristensson</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Rektorsråd Torun Forslid</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Vem gör vad?</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Fakulteter</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Institutioner</a>
                                        <a href="#institutioner" class="mobile-nav-toggle collapsed" data-bs-target="#institutionercollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="institutioner" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="institutionercollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Institutionernas öppettider sommaren 2018</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Universitetets särskilda verksamheter</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Universitetets förvaltning</a>
                                    </div>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Vision, mål och strategier</a>
                                <a href="#vision-mal-och-strategier" class="mobile-nav-toggle collapsed" data-bs-target="#vision-mal-och-strategiercollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="vision-mal-och-strategier" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="vision-mal-och-strategiercollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Universitetets råd och nätverk</a>
                                    </div>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Internationellt samarbete</a>
                                <a href="#internationellt-samarbete" class="mobile-nav-toggle collapsed" data-bs-target="#internationellt-samarbetecollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="internationellt-samarbete" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="internationellt-samarbetecollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Nätverk</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Plattformar för samarbete i Asien</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Samarbetsprogram</a>
                                    </div>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Värt att besöka</a>
                                <a href="#vart-att-besoka" class="mobile-nav-toggle collapsed" data-bs-target="#vart-att-besokacollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="vart-att-besoka" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="vart-att-besokacollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Konst, musik och teater</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Fler museer och samlingar</a>
                                    </div>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Akademiska högtider</a>
                                <a href="#akademiska-hogtider" class="mobile-nav-toggle collapsed" data-bs-target="#akademiska-hogtidercollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="akademiska-hogtider" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="akademiska-hogtidercollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Doktorspromotionen</a>
                                        <a href="#doktorspromotionen" class="mobile-nav-toggle collapsed" data-bs-target="#doktorspromotionencollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="doktorspromotionen" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="doktorspromotionencollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Inför promotionen</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Promotionslexikon</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Promotionsdagen</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Hedersdoktorer 2018</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Professorsinstallationer</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Dräkter och föremål</a>
                                    </div>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Jobba hos oss</a>
                                <a href="#jobba-hos-oss" class="mobile-nav-toggle collapsed" data-bs-target="#jobba-hos-osscollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="jobba-hos-oss" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="jobba-hos-osscollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Lediga anställningar</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Att söka en anställning</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Kompetensutveckling</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Förmåner för anställda</a>
                                    </div>
                                </li>

                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Möt våra medarbetare</a>
                                        <a href="#mot-vara-medarbetare" class="mobile-nav-toggle collapsed" data-bs-target="#mot-vara-medarbetarecollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mot-vara-medarbetare" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="mot-vara-medarbetarecollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Cristian Bellodi, forskningsledare</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Christine Blomquist, universitetslektor</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Joan Yuan, forskare</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Mikael Lund, forskningsledare</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                            </ul>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Kontakta oss</a>
                                <a href="#kontakta-oss" class="mobile-nav-toggle collapsed" data-bs-target="#kontakta-osscollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="kontakta-oss" role="button">

                                    <span class="collapse-show">
                                        <i class="fal fa-plus-circle"></i>
                                    </span>
                                    <span class="collapse-hide">
                                        <i class="fal fa-minus-circle"></i>
                                    </span>

                                </a>
                            </div>
                            <ul class="mobile-nav collapse" id="kontakta-osscollapsed">
                                <li class="mobile-nav-item">
                                    <div class="mobile-nav-container">
                                        <a href="#" class="nav-link">Ingång för media</a>
                                        <a href="#ingang-for-media" class="mobile-nav-toggle collapsed" data-bs-target="#ingang-for-mediacollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="ingang-for-media" role="button">

                                            <span class="collapse-show">
                                                <i class="fal fa-plus-circle"></i>
                                            </span>
                                            <span class="collapse-hide">
                                                <i class="fal fa-minus-circle"></i>
                                            </span>

                                        </a>
                                    </div>
                                    <ul class="mobile-nav collapse" id="ingang-for-mediacollapsed">
                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Presskontakter sommaren 2018</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Kontaktpersoner för media</a>
                                                <a href="#kontaktpersoner-for-media" class="mobile-nav-toggle collapsed" data-bs-target="#kontaktpersoner-for-mediacollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="kontaktpersoner-for-media" role="button">

                                                    <span class="collapse-show">
                                                        <i class="fal fa-plus-circle"></i>
                                                    </span>
                                                    <span class="collapse-hide">
                                                        <i class="fal fa-minus-circle"></i>
                                                    </span>

                                                </a>
                                            </div>
                                            <ul class="mobile-nav collapse" id="kontaktpersoner-for-mediacollapsed">
                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Kommunikatörer på fakulteterna</a>
                                                    </div>
                                                </li>

                                                <li class="mobile-nav-item">
                                                    <div class="mobile-nav-container">
                                                        <a href="#" class="nav-link">Kommunikatörer på andra enheter</a>
                                                    </div>
                                                </li>

                                            </ul>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Experter - listor och databaser</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Lunds universitet i media</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Pressmeddelanden</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">Nyhetsbrevet Apropå</a>
                                            </div>
                                        </li>

                                        <li class="mobile-nav-item">
                                            <div class="mobile-nav-container">
                                                <a href="#" class="nav-link">The Conversation</a>
                                            </div>
                                        </li>

                                    </ul>
                                </li>

                            </ul>
                        </li>

                    </ul>
                </li>

                <li class="mobile-nav-item">
                    <div class="mobile-nav-container">
                        <a href="#" class="nav-link">Student</a>
                    </div>
                </li>

                <li class="mobile-nav-item">
                    <div class="mobile-nav-container">
                        <a href="#" class="nav-link">Medarbetare</a>
                    </div>
                </li>

                <li class="mobile-nav-item">
                    <div class="mobile-nav-container">
                        <a href="#" class="nav-link">Alumn</a>
                    </div>
                </li>

                <li class="mobile-nav-item">
                    <div class="mobile-nav-container">
                        <a href="#" class="nav-link">Bibliotek</a>
                    </div>
                </li>

                <li class="mobile-nav-item">
                    <div class="mobile-nav-container">
                        <a href="#" class="nav-link">Fakulteter</a>
                        <a href="#sm-lu-fakulteter" class="mobile-nav-toggle collapsed" data-bs-target="#sm-lu-fakultetercollapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="sm-lu-fakulteter" role="button">

                            <span class="collapse-show">
                                <i class="fal fa-plus-circle"></i>
                            </span>
                            <span class="collapse-hide">
                                <i class="fal fa-minus-circle"></i>
                            </span>

                        </a>
                    </div>
                    <ul class="mobile-nav collapse" id="sm-lu-fakultetercollapsed">
                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Campus Helsingborg</a>
                            </div>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Ekonomihögskolan</a>
                            </div>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Humaniora och teologi</a>
                            </div>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Juridiska fakulteten</a>
                            </div>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Konstnärliga fakulteten i Malmö</a>
                            </div>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">LTH | Lunds tekniska högskola</a>
                            </div>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Medicinska fakulteten</a>
                            </div>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Naturvetenskapliga fakulteten</a>
                            </div>
                        </li>

                        <li class="mobile-nav-item">
                            <div class="mobile-nav-container">
                                <a href="#" class="nav-link">Samhällsvetenskapliga fakulteten</a>
                            </div>
                        </li>

                    </ul>
                </li>

            </ul>
        </div>
    </div>
</div>

<header class="header nav-undecorated">
    <div class="bg-blue d-none d-lg-block">
        <div class="container-fluid mw-xxl py-0">
            <nav class="navbar navbar-expand-md navbar-dark bg-blue font-size-sm p-0 text-white" aria-label="Genvägar">
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <div><a class="nav-link ps-0" href="#">Webbkarta</a></div>
                    <ul class="navbar-nav flex-row ms-auto">
                        <li class="nav-item">
                            <a class="nav-link px-3" href="../../#.html">
                                Ekonomiwebben
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link px-3" href="../../#.html">
                                HR-webben
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link px-3" href="../../#.html">
                                LU.se
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
    </div>

    <div class="container-fluid mw-xxl">
        <div class="row m-0 py-3 py-lg-5 border-bottom">
            <div class="col p-0">
                <div class="d-flex justify-content-between align-items-center h-100 text-primary">
                    <div class="title-with-sub text-blue">
                        <h1 class=" medarbetarweb-title">Medarbetarwebben</h1>

                        <div class="medarbetarweb-sub">Den gemensamma interna webbplatsen för Lund universitet</div>
                    </div>
                    <div class="flex-xl-grow-1 offset-margin-right-sb-nav">
                        <div class="flex-shrink-1 flex-lg-shrink-0 flex-grow-0 d-flex flex-column justify-content-between mh-120">
                            <div class="d-flex align-items-center justify-content-end mb-3">
                                <div class="d-none d-lg-block py-2 px-3">
                                    <a class="px-0 ms-4 nav-undecorated" href="#"><span class="me-1"><i class="fal fa-lg fa-globe"></i></span>
                                        English</a>
                                </div>
                                <div class="d-none d-lg-block py-2 px-3">
                                    <a class="px-0 ms-4 nav-undecorated" href="#"><span class="me-1"><i class="fal fa-lg fa-volume"></i></span>
                                        Lyssna</a>
                                </div>
                                <nav class="nav" aria-label="Huvud meny">
                                    <div class="nav-link d-none d-lg-block d-xl-none border-left ms-3 ps-3">
                                        <button class="btn nav-link p-0 rounded-0 border-0" data-bs-toggle="modal" data-bs-target="#nav-mobile" aria-controls="nav-mobile" aria-expanded="false" aria-label="Visa meny"><i class="fal fa-bars"></i> Meny</button>
                                    </div>
                                </nav>
                            </div>
                            <div class="d-none d-lg-flex flex-column flex-xl-row w-100 justify-content-end">
                                <nav class="nav align-items-center justify-content-end flex-1 mb-3 mb-xl-0" aria-label="Sök">
                                    <div class="nav justify-content-end flex-xl-grow-1">
                                        <form class="form-inline pe-xl-3">
                                            <div class="input-group input-group-round input-group-sm w-100 flex" role="search">
                                                <input type="search" class="form-control form-control-sm border-right-0" aria-label="Sök" id="header-search-field">
                                                <div class="input-group-append">
                                                    <button class="btn btn-primary px-2" type="submit">
                                                        <span class="me-2">Sök</span>
                                                        <i class="fal fa-search"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="header-logo header-logo-institution  header-logo-lu flex-grow-1 flex-lg-grow-0 d-none d-xl-block border-left" style="padding-left: 2%;">
                        <a href="#" title="LTH | Lunds universitet" class="d-block">
                            <img src="../../images/logo/logo_lu_small@1x.png" srcset="../../images/logo/logo_lu_small@1x.png 1x, ../../images/logo/logo_lth@2x.png 2x" alt="LTH | Lunds universitet" class=" mw-100">

                        </a>
                    </div>
                    <div class="flex-shrink-1 flex-lg-shrink-0 flex-grow-0 d-flex d-xl-none flex-column justify-content-between h-100 mh-120">
                        <div class="h-lg-auto flex-column justify-content-between align-items-end font-size-sm font-size-sm-base flex-grow-0">
                            <nav class="nav text-center h-100 h-lg-auto align-items-center d-lg-none flex-nowrap" aria-label="Sök och huvud meny">
                                <div class="nav-item">
                                    <a class="ms-2 p-1 d-block nav-undecorated" href="#header-search-form" data-bs-toggle="collapse" aria-controls="header-search-form" aria-expanded="false" aria-label="Visa och dölj sökfölt">
                                        <i class="fal fa-search"></i><br>Sök </a>
                                </div>
                                <div class="nav-item" style="padding: 1%;">
                                    <button class="btn ms-2 p-1 nav-link rounded-0 border-0" data-bs-toggle="modal" data-bs-target="#nav-mobile" aria-controls="nav-mobile" aria-expanded="false" aria-label="Visa meny">
                                        <i class="fal fa-bars"></i> Meny </button>
                                </div>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <nav aria-label="Meny">
        <div class="d-none d-xl-block font-size-xl-lg font-weight-light bg-stone-25">
            <div class="mw-xxl d-flex container-fluid justify-content-between align-items-center ">
                <ul class="nav nav-header-main">
                    <li class="nav-item  active">
                        <a href="om.html" class="nav-link text-nowrap  active" id="dropdown-om" aria-haspopup="true">Anställning</a>
                    </li>
                    <li class="nav-item  ">
                        <a href="undervisning.html" class="nav-link text-nowrap  " id="dropdown-undervisning" aria-haspopup="true">Stöd och verktyg</a>
                    </li>
                    <li class="nav-item  ">
                        <a href="forskning.html" class="nav-link text-nowrap  " id="dropdown-forskning" aria-haspopup="true">Forska och utbilda</a>
                    </li>
                    <li class="nav-item  ">
                        <a href="kontakt.html" class="nav-link text-nowrap  " id="dropdown-kontakt" aria-haspopup="true">Organisation och styrning</a>
                    </li>
                </ul>
            </div>
        </div>

    </nav>

    <div class="header-search-form collapse collapse-lg pb-2 px-2" id="header-search-form">
        <form class="form-inline px-lg-3">
            <div class="input-group input-group-round input-group-sm w-100 flex" role="search">
                <input type="search" aria-label="Sök på webbplatsen" class="form-control form-control-sm border-right-0" id="header-search-field-mobile">
                <button class="btn btn-primary px-2 lh-sm" type="submit">
                    <span class="me-2">Sök</span>
                    <i class="fal fa-search"></i>
                </button>
            </div>
        </form>
    </div>

</header>
{{render (concat "@" mobile-nav) }}
<header class="header nav-undecorated">
  {{render "@header-navbar-blue" header-navbar-blue}}
  <div class="container-fluid mw-xxl">
    <div class="row m-0 py-3 py-lg-5 border-bottom">
      <div class="col p-0">
        <div class="d-flex justify-content-between align-items-center h-100 text-primary">
          <div{{#if subheading}} class="title-with-sub text-blue" {{/if}}>
            {{render '@heading' title}}
            {{#if subheading}}
            <div class="medarbetarweb-sub">{{subheading}}</div>
            {{/if}}
        </div>
        <div class="flex-xl-grow-1 offset-margin-right-sb-nav">
          <div class="flex-shrink-1 flex-lg-shrink-0 flex-grow-0 d-flex flex-column justify-content-between mh-120">
            <div class="d-flex align-items-center justify-content-end mb-3">
              <div class="d-none d-lg-block py-2 px-3">
                <a class="px-0 ms-4 nav-undecorated" href="#"><span class="me-1"><i class="fal fa-lg fa-globe"></i></span>
                  English</a>
              </div>
              <div class="d-none d-lg-block py-2 px-3">
                <a class="px-0 ms-4 nav-undecorated" href="#"><span class="me-1"><i class="fal fa-lg fa-volume"></i></span>
                  Lyssna</a>
              </div>
              <nav class="nav" aria-label="Huvud meny">
                <div class="nav-link d-none d-lg-block d-xl-none border-left ms-3 ps-3">
                  <button class="btn nav-link p-0 rounded-0 border-0" data-bs-toggle="modal" data-bs-target="#{{mobile-nav-id}}"
                    aria-controls="{{mobile-nav-id}}" aria-expanded="false" aria-label="Visa meny"><i
                      class="fal fa-bars"></i> Meny</button>
                </div>
              </nav>
            </div>
            <div class="d-none d-lg-flex flex-column flex-xl-row w-100 justify-content-end">
              <nav class="nav align-items-center justify-content-end flex-1 mb-3 mb-xl-0" aria-label="Sök">
                <div class="nav justify-content-end flex-xl-grow-1">
                  <form class="form-inline pe-xl-3">
                    <div class="input-group input-group-round input-group-sm w-100 flex" role="search">
                      <input type="search" class="form-control form-control-sm border-right-0"
                        aria-label="Sök" id="header-search-field">
                      <div class="input-group-append">
                        <button class="btn btn-primary px-2" type="submit">
                          <span class="me-2">Sök</span>
                          <i class="fal fa-search"></i>
                        </button>
                      </div>
                    </div>
                  </form>
                </div>
              </nav>
            </div>
          </div>
        </div>
        <div
          class="header-logo header-logo-institution {{ modifiers logo-modifiers }} flex-grow-1 flex-lg-grow-0 d-none d-xl-block border-left"
          style="padding-left: 2%;">
          <a href="{{ logo.link }}" title="{{ logo.title }}" class="d-block">
            {{render "@image" logo}}
          </a>
        </div>
        <div
          class="flex-shrink-1 flex-lg-shrink-0 flex-grow-0 d-flex d-xl-none flex-column justify-content-between h-100 mh-120">
          <div
            class="h-lg-auto flex-column justify-content-between align-items-end font-size-sm font-size-sm-base flex-grow-0">
            <nav class="nav text-center h-100 h-lg-auto align-items-center d-lg-none flex-nowrap" aria-label="Sök och huvud meny">
              <div class="nav-item">
                <a class="ms-2 p-1 d-block nav-undecorated" href="#header-search-form" data-bs-toggle="collapse"
                  aria-controls="header-search-form" aria-expanded="false" aria-label="Visa och dölj sökfölt">
                  <i class="fal fa-search"></i><br>Sök </a>
              </div>
              <div class="nav-item" style="padding: 1%;">
                <button class="btn ms-2 p-1 nav-link rounded-0 border-0" data-bs-toggle="modal"
                  data-bs-target="#{{mobile-nav-id}}" aria-controls="{{mobile-nav-id}}" aria-expanded="false"
                  aria-label="Visa meny">
                  <i class="fal fa-bars"></i> Meny </button>
              </div>
            </nav>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
  {{render '@header-dropdowns--medarbetarweb' nav}}
  {{render '@header-search-form'}}
</header>
{
  "_full-screen": true,
  "mobile-nav-id": "nav-mobile",
  "_site": "default",
  "title": {
    "content": "Medarbetarwebben",
    "level": 1,
    "modifiers": [
      "medarbetarweb-title"
    ]
  },
  "subheading": "Den gemensamma interna webbplatsen för Lund universitet",
  "logo": {
    "src": "/images/logo/logo_lu_small@1x.png",
    "src-2x": "/images/logo/logo_lth@2x.png",
    "alt": "LTH | Lunds universitet",
    "link": "#",
    "title": "LTH | Lunds universitet",
    "modifiers": [
      "mw-100"
    ]
  },
  "logo-modifiers": [
    "header-logo-lu"
  ],
  "header-navbar-blue": {
    "items": [
      {
        "sm-lu-ekonomiwebben": {
          "key": "sm-lu-ekonomiwebben",
          "title": "Ekonomiwebben",
          "link": "#"
        },
        "sm-lu-hrwebben": {
          "key": "sm-lu-hrwebben",
          "title": "HR-webben",
          "link": "#"
        },
        "sm-lu": {
          "key": "sm-lu",
          "title": "LU.se",
          "link": "#"
        }
      }
    ],
    "institution": "Webbkarta"
  },
  "mobile-nav": "mobile-navigation",
  "mobile-navbar": {
    "mobile-nav-id": "nav-mobile",
    "items": null
  },
  "nav": {
    "items": {
      "om": {
        "key": "anstallning",
        "active": true,
        "title": "Anställning"
      },
      "undervisning": {
        "key": "stodochverktyg",
        "title": "Stöd och verktyg"
      },
      "forskning": {
        "key": "forskaochutbilda",
        "title": "Forska och utbilda"
      },
      "kontakt": {
        "key": "orgochstyrning",
        "title": "Organisation och styrning"
      }
    }
  }
}

Data from this component is used to populate mobile menus, as well as the page preview template.