/* Projektleiste aller LiSoftware-Seiten (Karte 0bd29181) – aus einer Quelle: tools/leiste.py, /leiste.js */
.apps .wrap { position: relative; }
.apps .apps-start { font-weight: 600; color: #fff; opacity: 1; }
.apps a[aria-current="page"] { color: #fff; opacity: 1; font-weight: 600; }
.apps a[aria-current="page"]::after { content: ""; display: block; height: 2px; margin-top: 2px; border-radius: 1px; background: #0a84ff; }
@media (max-width: 900px) {
  /* Handy: die Leiste wischt seitlich, die aktuelle Seite steht in der Mitte, weiche Ränder zeigen „da geht es weiter“ */
  .apps .wrap { justify-content: flex-start; gap: 22px; overflow-x: auto; scrollbar-width: none; padding: 0 20px;
    -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; }
  .apps .wrap::-webkit-scrollbar { display: none; }
  .apps .wrap > a { flex: none; scroll-snap-align: center; }
  .apps .wrap.links { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 36px); mask-image: linear-gradient(to right, transparent 0, #000 36px); }
  .apps .wrap.rechts { -webkit-mask-image: linear-gradient(to left, transparent 0, #000 36px); mask-image: linear-gradient(to left, transparent 0, #000 36px); }
  .apps .wrap.links.rechts { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 36px, #000 calc(100% - 36px), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 36px, #000 calc(100% - 36px), transparent 100%); }
  .apps .lang-switch { display: none; }
}