.kp-page,.kundenportal{--kp-paper:#f6f1e9;--kp-surface:#fffdf9;--kp-ink:#302a25;--kp-muted:#6f655a;--kp-line:#ded5c8;--kp-clay:#8c4b32;--kp-clay-hover:#713c29;--kp-sage:#eef2e9;--kp-sage-ink:#4d6244;--kp-warn:#79452e;color:var(--kp-ink);color-scheme:light;font-family:var(--schrift-haus),sans-serif;-webkit-text-size-adjust:100%}.kp-page{min-height:100svh;background:var(--kp-paper);padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.kundenportal{width:100%;margin-inline:auto;max-width:1120px;container-type:inline-size;container-name:kundenportal}.kundenportal *,.kundenportal :after,.kundenportal :before{box-sizing:border-box}.kundenportal h1,.kundenportal h2,.kundenportal h3,.kundenportal p{margin:0}.kp-icon{width:20px;height:20px;flex:none}.kp-brand-row{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding-block:0 22px;border-bottom:1px solid var(--kp-line)}.kp-brand-identity{flex:none}.kp-brand-logo{display:inline-flex;align-items:center;gap:9px;color:var(--kp-ink)}.kp-brand-logo svg{flex:none}.kp-brand-wordmark{font-size:30px;font-weight:600;line-height:1;letter-spacing:-.05em}.kp-brand-caption{margin-top:7px!important;line-height:1.5;letter-spacing:.015em}.kp-brand-area,.kp-brand-caption{font-size:13px;color:var(--kp-muted)}.kp-brand-area{max-width:120px;text-align:right;line-height:1.4}.kp-hero{padding-block:30px 24px}.kp-eyebrow{color:var(--kp-muted);font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.kp-title{margin-top:8px!important;max-width:27ch;font-size:clamp(28px,4cqi,42px);font-weight:600;line-height:1.15;letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:balance}.kp-project-id{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:14px!important;color:var(--kp-muted);font-size:13px;line-height:1.6}.kp-contact p span,.kp-project-id span{color:var(--kp-ink);font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kp-hero-description{margin-top:12px!important;color:var(--kp-muted);font-size:15px;line-height:1.6;text-wrap:pretty}.kp-content{display:grid;align-items:start;gap:18px}.kp-main-column,.kp-side-column{min-width:0;display:grid;align-content:start;gap:18px}.kp-content--single{max-width:800px}.kp-panel{min-width:0;padding:22px;border:1px solid var(--kp-line);border-radius:20px;background:var(--kp-surface);box-shadow:0 3px 18px -13px rgba(48,42,37,.18)}.kp-panel-header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:16px}.kp-panel-heading{font-size:19px;line-height:1.35;font-weight:600;letter-spacing:-.01em;overflow-wrap:anywhere;text-wrap:balance}.kp-description{margin-top:6px!important;color:var(--kp-muted);font-size:14px;line-height:1.6;text-wrap:pretty}.kp-section-count{color:var(--kp-muted);font-size:13px;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}.kp-project-status{background:var(--kp-sage);border-color:#d3ddcb}.kp-status-label{display:flex;align-items:center;gap:9px;color:var(--kp-sage-ink)}.kp-status-dot{width:8px;height:8px;border-radius:50%;background:var(--kp-sage-ink);flex:none}.kp-status-title{margin-top:14px!important;font-size:25px;line-height:1.25;font-weight:600;letter-spacing:-.02em;text-wrap:balance}.kp-status-description{margin-top:8px!important;color:#4c5744;font-size:15px;line-height:1.6;text-wrap:pretty}.kp-progress{margin-top:23px;padding-top:19px;border-top:1px solid #cbd6c4}.kp-progress-heading{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:12px}.kp-progress-heading h3{font-size:14px;line-height:1.5;font-weight:600;text-wrap:balance}.kp-progress-value{flex:none;color:var(--kp-sage-ink);font-size:17px;line-height:1.3;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.kp-progress-track{height:10px;overflow:hidden;border-radius:5px;background:#d3ddcb}.kp-progress-fill{display:block;width:100%;height:100%;border-radius:inherit;background:var(--kp-sage-ink);transform:scaleX(var(--kp-progress));transform-origin:left;animation:kp-progress-enter .8s cubic-bezier(.22,1,.36,1);transition:transform .6s cubic-bezier(.22,1,.36,1)}.kp-progress-track--unknown{background:#dce3d6}.kp-progress-help{margin-top:9px!important;color:#4c5744;font-size:12px;line-height:1.6;text-wrap:pretty}@keyframes kp-progress-enter{0%{transform:scaleX(0)}}.kp-deadline{display:flex;align-items:center;gap:14px;margin-top:23px;padding-top:19px;border-top:1px solid #cbd6c4}.kp-deadline .kp-icon{color:var(--kp-sage-ink)}.kp-deadline-label{color:#4c5744;font-size:13px;line-height:1.4}.kp-deadline-date{display:block;margin-top:3px;font-size:17px;line-height:1.5;font-weight:600;font-variant-numeric:tabular-nums}.kp-message-copy{margin-top:14px!important;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.8}.kp-message-mark{color:var(--kp-clay)}.kp-product-list{padding:0;margin:0;list-style:none}.kp-product-row{padding-block:20px;border-top:1px solid #e7dfd3}.kp-product-header{display:flex;align-items:start;justify-content:space-between;gap:18px}.kp-product-row:first-child{border-top:0;padding-top:0}.kp-product-row:last-child{padding-bottom:0}.kp-product-name{min-width:0;overflow-wrap:anywhere;font-size:15px;line-height:1.6;font-weight:600;text-wrap:pretty}.kp-product-copy{min-width:0}.kp-product-details{display:grid;gap:8px;padding:12px 14px;margin:13px 0 0;border-radius:12px;background:var(--kp-paper)}.kp-product-details>div{display:grid;grid-template-columns:85px minmax(0,1fr);align-items:baseline;gap:12px;min-width:0}.kp-product-details dt{color:var(--kp-muted);font-size:12px;line-height:1.6}.kp-product-details dd{margin:0;min-width:0;color:var(--kp-ink);font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-wrap:pretty}.kp-product-state{margin-top:4px!important;font-size:13px;line-height:1.6;color:var(--kp-muted)}.kp-product-counts{display:flex;flex-wrap:wrap;gap:6px 10px;padding:0;margin:9px 0 0;list-style:none}.kp-product-count{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 8px;border:1px solid var(--kp-line);border-radius:8px;font-size:12px;line-height:1.5;color:var(--kp-muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kp-product-count--delivered{color:var(--kp-sage-ink);border-color:#d3ddcb;background:var(--kp-sage)}.kp-product-count .kp-icon{width:14px;height:14px}.kp-product-quantity{flex:none;white-space:nowrap;color:var(--kp-muted);font-size:14px;line-height:1.7;font-variant-numeric:tabular-nums}.kp-file-list{margin:0;padding:0;list-style:none}.kp-file-list>li+li{border-top:1px solid #e7dfd3}.kp-file-row{display:flex;gap:12px;align-items:center;min-height:68px;padding-block:13px;color:var(--kp-ink);text-decoration:none;border-radius:8px}.kp-file-row:hover{color:var(--kp-clay)}.kp-file-row:focus-visible{outline:2px solid var(--kp-clay);outline-offset:4px}.kp-file-icon{display:grid;place-items:center;width:38px;height:42px;flex:none;color:var(--kp-muted);background:var(--kp-paper);border-radius:9px}.kp-file-copy{display:block;min-width:0;flex:1}.kp-file-name{overflow-wrap:anywhere;font-size:14px;font-weight:600}.kp-file-meta,.kp-file-name{display:block;line-height:1.5}.kp-file-meta{margin-top:4px;color:var(--kp-muted);font-size:12px;font-variant-numeric:tabular-nums}.kp-file-action{display:grid;place-items:center;min-width:44px;min-height:44px;flex:none;color:var(--kp-clay);border:1px solid var(--kp-line);border-radius:50%;transition:background-color .15s ease,border-color .15s ease}.kp-file-row:hover .kp-file-action{background:var(--kp-paper);border-color:#b89982}.kp-file-preview{flex:none;color:var(--kp-muted);font-size:12px}.kp-document-help,.kp-upload-help{color:var(--kp-muted);font-size:12px;line-height:1.7}.kp-document-help{margin-top:13px!important}.kp-upload-heading .kp-panel-heading{margin-top:6px}.kp-upload-count{display:inline-block;margin-left:7px;color:var(--kp-muted);font-size:12px;font-variant-numeric:tabular-nums}.kp-upload-form{display:grid;gap:12px;margin-top:18px}.kp-upload-zone{display:grid;justify-items:center;gap:10px;padding:20px 14px;background:#f8f4ee;border:1px dashed #b8a38b;border-radius:14px;text-align:center;transition:background-color .15s ease,border-color .15s ease}.kp-upload-zone.is-dragging,.kp-upload-zone:focus-within{outline:2px solid var(--kp-clay);outline-offset:3px;border-color:var(--kp-clay);background:#f0e5d8}.kp-upload-zone.is-disabled{border-style:solid;border-color:var(--kp-line)}.kp-upload-zone-icon{color:var(--kp-clay)}.kp-upload-zone-icon .kp-icon{width:26px;height:26px}.kp-upload-zone-title{font-size:14px;font-weight:600;line-height:1.5}.kp-upload-zone-note{color:var(--kp-muted);font-size:12px;line-height:1.6}.kp-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.kp-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 18px;border-radius:12px;border:1px solid transparent;font:inherit;font-size:14px;line-height:1.5;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.kp-button--primary{color:var(--kp-surface);background:var(--kp-clay)}.kp-button--primary:hover:not(:disabled){background:var(--kp-clay-hover)}.kp-button--secondary{color:var(--kp-ink);background:var(--kp-surface);border-color:#bfae9a}.kp-button--secondary:hover:not(:disabled){background:var(--kp-paper);border-color:var(--kp-clay)}.kp-button:focus-visible,.kp-icon-button:focus-visible{outline:2px solid var(--kp-clay);outline-offset:3px}.kp-button:disabled,.kp-icon-button:disabled{opacity:.52;cursor:not-allowed}.kp-icon-button{display:inline-grid;place-items:center;min-width:44px;min-height:44px;flex:none;padding:10px;border:1px solid var(--kp-line);border-radius:12px;color:var(--kp-muted);background:transparent;cursor:pointer;transition:background-color .15s ease,color .15s ease}.kp-icon-button:hover:not(:disabled){color:var(--kp-clay);background:var(--kp-paper)}.kp-selected-file{width:100%;text-align:left;display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid var(--kp-line);border-radius:13px;background:var(--kp-paper)}.kp-selected-file-actions{display:flex;flex:none;align-items:center;gap:4px}.kp-upload-submit,.kp-upload-submit .kp-button{width:100%}.kp-feedback{display:flex;align-items:flex-start;gap:9px;margin-top:16px!important;padding:12px;border-radius:12px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.kp-feedback .kp-icon{margin-top:1px}.kp-feedback--success{color:var(--kp-sage-ink);border:1px solid #d3ddcb;background:var(--kp-sage)}.kp-feedback--error{color:var(--kp-warn);border:1px solid #d9b89b;background:#fff7ee}.kp-feedback:focus{outline:2px solid currentColor;outline-offset:3px}.kp-upload-files{margin-top:22px;padding-top:17px;border-top:1px solid #e7dfd3}.kp-upload-files-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.kp-upload-files-heading h3{font-size:14px;font-weight:600}.kp-empty-state{padding-block:14px 0;text-wrap:pretty}.kp-empty-state,.kp-preview-upload{font-size:13px;line-height:1.7;color:var(--kp-muted)}.kp-preview-upload{margin-top:18px;padding:18px 14px;border:1px dashed #b8a38b;border-radius:14px;background:#f8f4ee;text-align:center}.kp-preview-upload .kp-icon{display:block;margin:0 auto 9px;color:var(--kp-clay)}.kp-footer{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;padding-block:26px 0;color:var(--kp-muted);font-size:12px;line-height:1.7}.kp-footer p{max-width:52ch;text-wrap:pretty}.kp-contact{display:grid;justify-items:start;gap:9px;min-width:0}.kp-contact .kp-button{max-width:100%;text-align:center}.kp-status-page{max-width:640px;padding:24px;border:1px solid var(--kp-line);border-radius:24px;background:var(--kp-surface)}.kp-status-body{padding-block:30px 14px}.kp-status-body h1{margin-top:9px;font-size:clamp(27px,5cqi,34px);font-weight:600;line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:balance}.kp-status-body>p:not(.kp-eyebrow){margin-top:18px;color:var(--kp-muted);font-size:15px;line-height:1.7}.kp-status-symbol{display:grid;place-items:center;width:50px;height:50px;margin-bottom:24px;border-radius:50%;background:var(--kp-paper);color:var(--kp-clay)}.kp-status-symbol .kp-icon{width:23px;height:23px}.kp-status-symbol.is-loading .kp-icon{animation:kp-opening 1.5s ease-in-out infinite}.kp-status-action{margin-top:24px}.kp-noscript{display:block;margin-top:16px;font-size:14px;line-height:1.6;color:var(--kp-muted)}@keyframes kp-opening{0%,to{opacity:.45;transform:rotate(-20deg)}50%{opacity:1;transform:rotate(20deg)}}@container kundenportal (min-width: 500px){.kp-product-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kp-product-details>div{display:block}.kp-product-details dd{margin-top:4px}}@container kundenportal (min-width: 720px){.kp-content--with-files{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:24px}.kp-main-column,.kp-side-column{gap:24px}.kp-panel{padding:26px}.kp-hero{padding-block:38px 30px}.kp-title{font-size:42px}}@container kundenportal (max-width: 360px){.kp-brand-area{flex-basis:100%;max-width:none;text-align:left}.kp-panel{padding:18px;border-radius:17px}.kp-file-row{gap:9px}.kp-file-icon{width:30px}.kp-file-action{border-color:transparent;min-width:44px}.kp-product-header{gap:12px}.kp-product-details{padding:11px 12px}.kp-product-details>div{grid-template-columns:75px minmax(0,1fr);gap:10px}.kp-selected-file{flex-wrap:wrap}.kp-selected-file .kp-file-copy{flex-basis:calc(100% - 52px)}.kp-selected-file-actions{margin-left:auto}}@media (min-width:700px){.kp-page{padding:max(38px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(48px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left))}}@media (prefers-reduced-motion:reduce){.kundenportal *,.kundenportal :after,.kundenportal :before{animation:none!important;transition:none!important}}.kp-pickup .kp-panel-header>.kp-icon{flex-shrink:0;color:var(--kp-sage-ink)}.kp-pickup-date{display:block;margin-top:12px;font-size:clamp(16px,2.2vw,20px);line-height:1.5;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kp-pickup-book{margin-top:16px;max-width:100%;text-align:center}.kp-pickup-book .kp-icon{flex-shrink:0}.kp-pickup-zone{margin-top:12px!important;color:var(--kp-muted);font-size:12px;line-height:1.5}