html{--kes-haupt: #2F5D8C;--kes-dunkel: #1E2933;--kes-grau: #5B6673;--kes-linie: #e3e7ec;--lumo-primary-color: var(--kes-haupt);--lumo-primary-color-50pct: rgba(47,93,140,0.5);--lumo-primary-color-10pct: rgba(47,93,140,0.1);--lumo-primary-text-color: var(--kes-haupt);--lumo-body-text-color: var(--kes-dunkel);--lumo-secondary-text-color: var(--kes-grau);--lumo-border-radius-m: 8px;--lumo-border-radius-l: 12px;background: #f4f6f8}vaadin-app-layout::part(navbar){background: #fff;border-bottom: 1px solid var(--kes-linie);box-shadow: none;padding: 0 16px;gap: 12px}.kopf-start{display: flex;align-items: center;margin-right: 12px}.kopf-logo{height: 34px;display: block}.kopf-nav{display: flex;gap: 4px;overflow-x: auto}.kopf-nav a{display: flex;align-items: center;gap: 6px;padding: 7px 14px;border-radius: 999px;color: var(--kes-dunkel);font-weight: 600;font-size: var(--lumo-font-size-s);text-decoration: none;white-space: nowrap}.kopf-nav a vaadin-icon{width: 16px;height: 16px;color: var(--kes-grau)}.kopf-nav a:hover{background: rgba(47,93,140,0.08)}.kopf-nav a[highlight]{background: var(--kes-haupt);color: #fff}.kopf-nav a[highlight] vaadin-icon{color: #fff}.kopf-rechts{margin-left: auto}.seite{padding: 20px 24px;box-sizing: border-box}.seite h2{margin: 0;color: var(--kes-dunkel);font-size: 1.4rem}.unter{margin: 0;color: var(--kes-grau)}.platzhalter{color: var(--kes-grau);padding: 40px;text-align: center;border: 2px dashed #cfd6de;border-radius: 12px;background: #fff;width: 100%;box-sizing: border-box}.viewer-upload{width: 100%;box-sizing: border-box;background: #fff;border-radius: 12px}.viewer-upload vaadin-upload-file[complete]{display: none}.viewer-ergebnis{width: 100%;display: flex;flex-direction: column;min-height: 0}.viewer-frame{flex: 1 1 auto;width: 100%;min-height: 600px;border: none;border-radius: 12px;background: #fff}.ablage-leiste{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;margin-bottom: 10px}.ablage-hinweis{margin-right: auto;color: #1e7b34;font-weight: 600;font-size: var(--lumo-font-size-s);display: flex;align-items: center;gap: 6px}.archiv .ablage-hinweis{color: var(--kes-grau);font-weight: 500}.ablage-hinweis vaadin-icon{width: 18px;height: 18px}.archiv{min-height: 0;align-items: stretch;gap: 16px}.archiv .liste{flex: 0 0 38%;min-width: 0;background: #fff;border-radius: 12px;padding: 16px !important;box-sizing: border-box}.archiv .detail{flex: 1 1 auto;min-width: 0;display: flex;flex-direction: column}.archiv .detail .viewer-frame{min-height: 0}.zelle{display: flex;flex-direction: column;line-height: 1.3;min-width: 0}.zelle span:first-child{font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.zelle span:last-child{font-size: var(--lumo-font-size-xs);color: var(--kes-grau)}.login-seite{min-height: 100vh;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,var(--kes-dunkel),var(--kes-haupt));padding: 16px;box-sizing: border-box}.login-karte{background: #fff;border-radius: 16px;padding: 32px 24px 12px;width: min(380px,100%);box-shadow: 0 20px 50px rgba(0,0,0,0.25);display: flex;flex-direction: column;align-items: center;box-sizing: border-box}.login-logo{width: 220px;max-width: 100%}.login-titel{margin-top: 14px;font-size: 1.05rem;font-weight: 600;color: var(--kes-grau)}.login-karte vaadin-login-form-wrapper{--lumo-base-color: transparent}.login-hinweis{font-size: var(--lumo-font-size-xs);color: var(--kes-grau)}@media (max-width: 900px){.archiv{flex-direction: column}.archiv .liste{flex: none;height: 380px}.archiv .detail .viewer-frame{min-height: 70vh}.seite{padding: 12px}.kopf-name{display: none}}@media (max-width: 560px){.kopf-logo{height: 28px;width: 28px;object-fit: cover;object-position: left}.kopf-nav a span{display: none}.kopf-nav a{padding: 8px 12px}}