/* Produkte-Menü in der Kopfzeile (30.09.2026). Wird von _quelle/bauen.py an
   jede Seite gehängt. Aufklappen per Maus oder Tastatur (focus-within); auf
   dem Handy ist die Kopfzeile ohnehin auf das Nötigste reduziert, dort
   stehen die Produkte im Burger-Menü der Startseite und auf /produkte/. */
.produkte-menue { position:relative; display:inline-flex; align-items:center; }
.produkte-menue > a::after { content:" \25BE"; font-size:11px; opacity:.7; }
.produkte-liste { position:absolute; top:100%; left:50%; transform:translateX(-50%); padding-top:12px; display:none; z-index:60; min-width:320px; }
.produkte-menue:hover .produkte-liste, .produkte-menue:focus-within .produkte-liste { display:block; }
.produkte-liste > div { background:#111116; border:1px solid rgba(255,255,255,.1); border-radius:14px; padding:8px; box-shadow:0 20px 50px rgba(0,0,0,.5); }
.produkte-liste a { display:block; padding:10px 12px; border-radius:10px; text-decoration:none; color:#fff !important; }
.produkte-liste a:hover { background:rgba(255,255,255,.06); }
.produkte-liste a b { display:block; font-size:14px; font-weight:700; }
.produkte-liste a span { display:block; font-size:12.5px; color:#8a8a99; margin-top:2px; }
@media (max-width:720px) { .produkte-menue { display:none; } }

/* Sprunglink „Zum Inhalt springen": Auf der Startseite fehlte die Regel, der
   Link stand sichtbar oben links (aufgefallen 30.09.2026). Hier einmal für
   alle Seiten: unsichtbar, bis er per Tastatur den Fokus bekommt. */
.skip-link { position:absolute; left:-9999px; top:0; z-index:100; background:#21d9fa; color:#07070b; padding:12px 20px; font-weight:700; text-decoration:none; border-radius:0 0 8px 0; }
.skip-link:focus { left:0; }