/* „← Zurück“ (components/Zurueck.tsx): im Desktop-Kopf als Pille vor dem Logo, mobil als Symbol in der Kopfleiste,
   in Seiten (z. B. Chat-Kopf) als ruhiger Textknopf. */
.zk{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 12px 0 8px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--fg);font:700 14px/1 var(--fd);text-decoration:none;white-space:nowrap;flex:none;transition:background .15s,border-color .15s}
.zk:hover,.zk:focus-visible{background:var(--mint2);border-color:var(--line2);text-decoration:none}
.zk svg{flex:none}
.zk-icon{width:36px;padding:0;justify-content:center}
.hd2 .in>.zk-kopf{margin-right:-4px}
.mt-l .zk-mt{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.7);border-color:rgba(220,225,219,.9)}
@media (max-width:1100px){.hd2 .in>.zk-kopf span{display:none}.hd2 .in>.zk-kopf{width:36px;padding:0;justify-content:center}}
@media print{.zk{display:none!important}}