/* Gemeinsames Erscheinungsbild Lagerteam-Cockpit (Farben wie lager-team.de) */
:root{
  --navy:#2B405A; --text:#46515C; --gold:#F2B84B; --gold-dk:#D99A22; --blau:#376FB8; --blau-hell:#4C85D9;
  --grau:#F3F6F8; --linie:#D8E0E7; --hell:#EAF2FC; --weiss:#fff; --rot:#C0392B; --gruen:#2E8B57;
  --head:"Roboto Condensed","Bahnschrift SemiCondensed","Arial Narrow",sans-serif;
  --body:Roboto,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--grau);color:var(--text);font:15px/1.4 var(--body)}
button,input,select,textarea{font:inherit;color:inherit}
.kopf{background:var(--weiss);border-bottom:4px solid var(--gold);padding:14px 28px;display:flex;align-items:center;gap:16px}
.kopf a.heim{display:flex;align-items:center}
.kopf img{height:34px;width:auto;display:block}
.kopf .logo-text{font:700 26px var(--head);color:var(--navy)}
.kopf .platz{flex:1}
.zurueck{font:600 15px var(--head);color:var(--navy);text-decoration:none;padding:8px 12px;border-radius:4px;border:1px solid var(--linie);background:#fff}
.zurueck:hover{background:var(--hell)}
.btn{border:0;border-radius:4px;padding:9px 16px;cursor:pointer;font:600 15px var(--head);letter-spacing:.2px}
.btn-gold{background:var(--gold);color:var(--navy)} .btn-gold:hover{background:var(--gold-dk)}
.btn-navy{background:var(--navy);color:#fff} .btn-navy:hover{background:var(--blau)}
.btn-weiss{background:#fff;color:var(--navy);border:1px solid var(--linie)} .btn-weiss:hover{background:var(--hell)}
.btn-leise{background:transparent;color:var(--blau);padding:6px 10px} .btn-leise:hover{background:var(--hell)}
.btn-rot{background:transparent;color:var(--rot);padding:6px 10px;border:1px solid #e9c2bd} .btn-rot:hover{background:#fbeeec}
main{max-width:1180px;margin:0 auto;padding:26px 28px 60px}
h1{font:600 34px/1.1 var(--head);color:var(--navy);margin:0 0 18px}
h2{font:600 22px var(--head);color:var(--navy);margin:0}
.karte{background:var(--weiss);border:1px solid var(--linie);border-radius:6px}
.feldbox{border:1px solid var(--linie);border-radius:4px;padding:8px 10px;background:#fff}
.feldbox:focus{outline:none;border-color:var(--blau-hell);box-shadow:0 0 0 3px var(--hell)}
.meldung{position:fixed;right:24px;bottom:24px;background:var(--navy);color:#fff;padding:12px 18px;border-radius:6px;
  box-shadow:0 6px 24px rgba(0,0,0,.18);opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none;z-index:30}
.meldung.an{opacity:1;transform:none}
[hidden]{display:none!important}

.neu-laden{cursor:pointer}
@media print{.neu-laden{display:none!important}}
.zurueck{display:inline-flex;align-items:center;gap:8px}
.sym-k{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.sym-btn{display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:38px;padding:0!important;box-sizing:border-box;cursor:pointer}
.sym-btn .sym-k{width:20px;height:20px}
.dreht .sym-k{animation:dreh 1s linear infinite}@keyframes dreh{to{transform:rotate(360deg)}}

/* Seitentitel optisch bündig mit dem Text in Reitern und Karten (16px Innenabstand) */
h1{padding-left:16px}