[GELÖST] CSS Zuordnung im Template

<ul class="uk-list uk-list-hyphen uk-list-collapse"> <li uk-toggle="target: #impressum"><a href="">Impressum</a></li> <li uk-toggle="target: #impressum"><a href="">AGB</a></li> <li uk-toggle="target: #map"><a href="">Anfahrt</a></li> <li> <a href="#contact">Kontakt</a></li> </ul> <!-- This is the modal --> <div id="impressum" uk-modal> <div class="uk-modal-dialog uk-modal-body"> <button class="uk-modal-close-default" type="button" uk-close></button> <h2 class="uk-modal-title">AGB | Impressum</h2> <p> Es ist ein lang erwiesener Fakt, dass ein Leser vom Text abgelenkt wird, wenn er sich ein Layout ansieht. Der Punkt, Lorem Ipsum zu nutzen, ist, dass es mehr oder weniger die normale Anordnung von Buchstaben darstellt und somit nach lesbarer Sprache aussieht. Viele Desktop Publisher und Webeditoren nutzen mittlerweile Lorem Ipsum als den Standardtext, auch die Suche im Internet nach "lorem ipsum" macht viele Webseiten sichtbar, wo diese noch immer vorkommen. Mittlerweile gibt es mehrere Versionen des Lorem Ipsum, einige zufällig, andere bewusst (beeinflusst von Witz und des eigenen Geschmacks)</p> </div> </div> <!-- This is the modal --> <div id="map" uk-modal> <div class="uk-modal-dialog uk-modal-body uk-overflow-auto"> <button class="uk-modal-close-default" type="button" uk-close></button> <h2 class="uk-modal-title">Google Map</h2> <iframe style="width:100%" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2566.438536043828!2d9.071919415713896!3d49.96563397941144!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bd47163900312d%3A0x58b592ab8cd7d644!2sJoomlaPlates.com!5e0!3m2!1sen!2sde!4v1603978859900!5m2!1sen!2sde" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe> </div> </div>