Verbessere Footer-Layout: separate LIs pro Layout-Button, Kleingeräte-Styling

Verbessere Footer-Layout: separate LIs pro Layout-Button, Kleingeräte-Styling

HTML: Jeder Layout-Button bekommt ein eigenes <li class="layout-option">,
id="layout-switcher" zieht auf das <ul>. Das "Layout: "-Label entfällt
(Überschrift "Layouts" reicht). Trennzeichen "|" wird per CSS-Pseudoelement
(::before) eingefügt statt als Literal-Textknoten.

CSS (Classic-Layout, kleine Bildschirmgrößen):
- Tablet .menu (Sidebar): Layout-Buttons jetzt untereinander gestapelt (kein |),
  Überschrift "Layouts" sichtbar, #footerlinks rückt direkt darunter.
- Phone: .footer-layouts-inner float:none (volle Breite), damit Copyright
  in dieselbe Zeile wie Impressum/Datenschutz fällt statt neben die
  Layout-Buttons.
- Desktop/Tablet nomenu: unverändert nebeneinander mit "|".

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>