/* Arbeitsblaetter am Bildschirm: dunkler Seitengrund, das Blatt liegt als Papier in der Mitte,
   Navigation wie auf allen Seiten. Im Druck bleibt alles wie zuvor (siehe @media print unten). */
@media screen{
  html{background:#041615}
  body{background:#041615;color:#0c1512}
  .ws-nav{position:sticky;top:0;z-index:50;background:rgba(4,22,21,.86);backdrop-filter:blur(10px);border-bottom:1px solid #1E3A33}
  .ws-nav .wrap{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:62px}
  .ws-nav a{color:#B8BFC4;text-decoration:none;font-size:14.5px}
  .ws-nav .links{display:flex;align-items:center;gap:22px}
  .ws-nav a.cta{background:#C6FF01;color:#041615;padding:0 20px;min-height:44px;display:inline-flex;align-items:center;border-radius:999px;font-weight:800}
  .ws-nav .druck{border:1px solid #244038;border-radius:999px;padding:0 16px;min-height:44px;display:inline-flex;align-items:center;color:#EEF0F1;background:transparent;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
  .ws-nav .druck:hover,.ws-nav a:not(.cta):hover{color:#C6FF01}
  main#main{max-width:1060px;margin:36px auto 72px;background:#fff;border-radius:24px;padding:36px 40px 40px;box-shadow:0 30px 90px rgba(0,0,0,.42);font-size:12pt}
  main#main .hero{border-radius:18px}
  main#main .use{border-radius:0 12px 12px 0}
  main#main .sec{margin:30px 0}
  main#main .exp{font-size:10.5pt}
  .ws-foot{max-width:1060px;margin:-40px auto 60px;padding:0 8px;color:var(--grey,#8B9198);font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
  .ws-foot a{color:#B8BFC4;text-decoration:none}
  .ws-foot a:hover{color:#C6FF01}
  @media(max-width:860px){
    .ws-nav .links a:not(.cta){display:none}
    main#main{margin:16px 12px 40px;padding:22px 18px 26px;border-radius:18px}
  }
}
@media print{
  .ws-nav,.ws-foot{display:none!important}
}

@media(max-width:600px){ .ws-nav .druck{display:none} }