<!doctype html> <html lang="de"> <head> <!-- Namensschema der CSS-Klassen nach BEM (Block Element Modifier, http://getbem.com/naming/). Mit der Erweiterung, dass Modifier einzeln mit Bindestrich angegeben werden. Also: <li class="navlist__navitem -active"> statt <li class="navlist__navitem navlist__navitem--active"> Das ist weniger redundant und übersichtlicher. Der passende CSS-Selektor dazu ist: .navlist__navitem.-active --> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Werkkooperative der Technikfreundinnen eG</title> <meta name="description" content=""> <link rel="stylesheet" href="{{ '/css/reset.css'|url }}"> <link rel="stylesheet" href="{{ '/css/fonts.css'|url }}"> <link rel="stylesheet" href="{{ '/css/style.css'|url }}"> <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="favicon-96x96.png"> <link rel="manifest" href="manifest.json"> </head> <body> <header> {% block header %}{% endblock %} </header> <main> {% block body %}{% endblock %} </main> <footer> <div class="footer__wrapper"> <ul class="footer__nav"> <li class="footer__navitem"> © 2021 WTF Koopertive eG </li> <!-- <li class="footer__navitem"> <a class="footer__navlink" href="{{ '/licence'|url }}">MIT Lizenz</a> </li> --> <li class="footer__navitem"> <a class="footer__navlink" href="{{ '/impressum'|url }}">Impressum</a> </li> <li class="footer__navitem"> <a class="footer__navlink" href="{{ '/datenschutz'|url }}">Datenschutzerklärung</a> </li> </ul> </div> </footer> <script type="text/javascript" src="{{ '/js/nav_toggle.js'|url }}"></script> </body>