/* ===========================================================================
   Werkstück-Fuß: weiter zur Werkbank und zum Kennenlernen.
   Ein Baustein für alle Werkstücke unter public/, eingeführt am 07.10.2026
   (Michael: „Oder müssen wir das generell mal vereinheitlichen?“). Vorher
   hatte jedes Stück seine eigene Fassung oder gar keine.

   Einbinden (absolut, wegen <base href>):
     <link rel="stylesheet" href="/werkstueck-fuss.css">
     <nav class="labnav" aria-label="Weiter">
       <a href="/werkbank/">Zur Werkbank</a>
       <a class="kontakt" href="/#kontakt">Kennenlernen &rarr;</a>
     </nav>

   Die Karten-Werkstücke (sofi, windkraft, grundwasser, solar) tragen dieselben
   Regeln inline, weil ihre Leiste in der Kartenoberfläche sitzt. Wer dort etwas
   ändert, ändert es hier mit.
   =========================================================================== */
.labnav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-top:clamp(36px,7vw,60px)}
.labnav a{border:1px solid rgba(244,244,241,.16);background:rgba(27,36,48,.8);color:#8C9BB0;
  font:600 10.5px 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase;
  text-decoration:none;padding:8px 13px;border-radius:9px;transition:color .2s,border-color .2s}
.labnav a:hover{color:#F4B89A;border-color:rgba(244,184,154,.5)}
.labnav a.kontakt{color:#F4B89A;border-color:rgba(244,184,154,.34)}
.labnav a.kontakt:hover{border-color:#F4B89A}