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;display: flex;align-items: center;gap: 4px}.support-karte{background: #fff;border-radius: 12px;padding: 24px 28px;max-width: 520px;box-sizing: border-box;width: 100%}.support-logo{height: 40px;margin-bottom: 8px}.support .support-karte + .support-karte{margin-top: 16px}.support-karte h3{margin: 4px 0 0;color: var(--kes-dunkel)}.support-karte p{margin: 4px 0 14px;color: var(--kes-grau)}.support-karte .tipp{font-size: var(--lumo-font-size-xs);margin-top: 10px}.support-zeile{display: flex;align-items: center;gap: 12px;padding: 8px 0;font-size: 1.05rem}.support-zeile vaadin-icon{color: var(--kes-haupt);width: 20px;height: 20px}.support-zeile a{color: var(--kes-dunkel);text-decoration: none;font-weight: 600}.support-zeile a:hover{text-decoration: underline}.login-recht{display: flex;justify-content: center;gap: 16px;margin: 0 0 8px;font-size: var(--lumo-font-size-xs)}.login-recht a{color: var(--kes-grau)}.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: 14px;border: 2px dashed #b9c6d4;min-height: 170px;padding: 28px 20px;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: background 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease,transform 0.15s ease}.viewer-upload::part(primary-buttons){display: flex;flex-direction: column-reverse;align-items: center;gap: 12px}.viewer-upload::part(drop-label){display: flex;flex-direction: column;align-items: center;gap: 6px;font-size: 1.05rem;color: var(--kes-grau)}.ablage-symbol{width: 44px;height: 44px;color: var(--kes-haupt)}.viewer-upload[dragover]{border-color: var(--kes-haupt);border-style: solid;background: rgba(47,93,140,0.08);box-shadow: 0 0 0 5px rgba(47,93,140,0.15);transform: scale(1.01)}.viewer-upload[dragover]::part(drop-label){color: var(--kes-haupt);font-weight: 600}.viewer-upload[dragover] .ablage-symbol{animation: hupfen 0.6s ease-in-out infinite alternate}@keyframes hupfen{from{transform: translateY(0)}to{transform: translateY(-6px)}}.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 44%;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)}.archiv .filter{flex-wrap: wrap;gap: 8px}.archiv .filter vaadin-date-picker{flex: 1 1 10em}.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}.abmelden::part(label){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}}