.pkst{--pkst-akzent:#1F2937;--pkst-text:#1a1a1a;--pkst-leise:#5F6368;--pkst-linie:#E3E5E8;--pkst-flaeche:#F5F6F7;--pkst-hinweis:#FFF4E5;--pkst-hinweis-text:#7A4B00;--pkst-fehler:#8A1F1F;--pkst-fehler-flaeche:#FBEAEA;max-width:760px;margin:0 auto;padding:40px 16px 64px;color:var(--pkst-text);font-family:inherit;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;box-sizing:border-box}.pkst *,.pkst *:before,.pkst *:after{box-sizing:border-box}.pkst [hidden]{display:none!important}.pkst-kopf{text-align:center;margin:0 0 28px}.pkst-titel{font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.01em;margin:0 0 8px;color:var(--pkst-text)}.pkst-unter{margin:0 auto;max-width:460px;color:var(--pkst-leise);font-size:15px}.pkst-form{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.pkst-feld{display:flex;flex-direction:column;gap:6px;text-align:left}.pkst-feld label{font-size:14px;font-weight:600;color:var(--pkst-text)}.pkst-feld input{width:100%;height:52px;padding:0 16px;border:1px solid #CDD1D6;border-radius:10px;background:#fff;color:var(--pkst-text);font:inherit;font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}.pkst-feld input:focus{border-color:var(--pkst-akzent);box-shadow:0 0 0 3px color-mix(in srgb,var(--pkst-akzent) 16%,transparent)}.pkst-feld input[aria-invalid=true]{border-color:var(--pkst-fehler)}.pkst-knopf{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;margin:4px auto 0;padding:14px 24px;border:0;border-radius:12px;background:var(--pkst-akzent);color:#fff;font:inherit;font-size:16px;font-weight:700;letter-spacing:.02em;cursor:pointer;text-align:center;transition:filter .15s,transform .05s}.pkst-knopf:hover{filter:brightness(1.08)}.pkst-knopf:active{transform:translateY(1px)}.pkst-knopf[disabled]{opacity:.7;cursor:progress}.pkst-knopf-leise{background:transparent;color:var(--pkst-akzent);border:1px solid var(--pkst-akzent);max-width:320px}.pkst-kreis{width:18px;height:18px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:pkst-dreh .7s linear infinite}@keyframes pkst-dreh{to{transform:rotate(360deg)}}.pkst-meldung{margin:0;padding:12px 14px;border-radius:10px;background:var(--pkst-fehler-flaeche);color:var(--pkst-fehler);font-size:15px;text-align:left}.pkst-laden{display:flex;justify-content:center;padding:48px 0}.pkst-laden span{width:8px;height:8px;margin:0 4px;border-radius:50%;background:var(--pkst-leise);opacity:.35;animation:pkst-puls 1.2s infinite ease-in-out}.pkst-laden span:nth-child(2){animation-delay:.15s}.pkst-laden span:nth-child(3){animation-delay:.3s}@keyframes pkst-puls{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:.9;transform:scale(1.1)}}.pkst-ergebnis{margin-top:4px}.pkst-bestellung{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;padding-bottom:16px;border-bottom:1px solid var(--pkst-linie)}.pkst-bestellung h2{margin:0;font-size:20px;font-weight:700;color:var(--pkst-text)}.pkst-bestellung p{margin:0;color:var(--pkst-leise);font-size:14px}.pkst-banner{margin:20px 0 0;padding:12px 14px;border-radius:10px;background:var(--pkst-hinweis);color:var(--pkst-hinweis-text);font-size:15px}.pkst-reiter{display:flex;gap:8px;margin:20px 0 0;overflow-x:auto}.pkst-reiter button{flex:0 0 auto;padding:8px 14px;border:1px solid var(--pkst-linie);border-radius:999px;background:#fff;color:var(--pkst-text);font:inherit;font-size:14px;cursor:pointer}.pkst-reiter button[aria-selected=true]{border-color:var(--pkst-akzent);background:var(--pkst-akzent);color:#fff}.pkst-status{margin:24px 0 0;padding:24px 20px;border-radius:14px;background:var(--pkst-flaeche);text-align:center}.pkst-status-titel{margin:0;font-size:26px;line-height:1.2;font-weight:700;color:var(--pkst-text)}.pkst-eta{margin:10px 0 0;font-size:15px;color:var(--pkst-leise)}.pkst-eta strong{display:block;margin-top:2px;font-size:19px;color:var(--pkst-text);font-weight:700}.pkst-status-text{margin:14px auto 0;max-width:560px;font-size:15px;color:#33363a}.pkst-schritte{display:grid;grid-template-columns:repeat(5,1fr);margin:24px 0 0;padding:0;list-style:none;position:relative}.pkst-schritt{position:relative;text-align:center;padding:0 2px}.pkst-schritt:before{content:"";position:absolute;top:11px;left:-50%;width:100%;height:3px;background:var(--pkst-linie);z-index:0}.pkst-schritt:first-child:before{display:none}.pkst-schritt.ist-erreicht:before{background:var(--pkst-akzent)}.pkst-punkt{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0 auto;border-radius:50%;background:#fff;border:3px solid var(--pkst-linie)}.pkst-schritt.ist-erreicht .pkst-punkt{background:var(--pkst-akzent);border-color:var(--pkst-akzent)}.pkst-schritt.ist-erreicht .pkst-punkt svg{display:block}.pkst-punkt svg{display:none;width:12px;height:12px;color:#fff}.pkst-schritt.ist-aktuell .pkst-punkt{box-shadow:0 0 0 5px color-mix(in srgb,var(--pkst-akzent) 18%,transparent)}.pkst-schritt.ist-naechster:before{background:linear-gradient(90deg,var(--pkst-akzent) 0,var(--pkst-akzent) 35%,var(--pkst-linie) 35%);background-size:200% 100%;animation:pkst-weiter 2.4s ease-in-out infinite}@keyframes pkst-weiter{0%{background-position:100% 0}to{background-position:0 0}}.pkst-schritt-name{display:block;margin-top:8px;font-size:13px;line-height:1.25;font-weight:600;color:var(--pkst-text)}.pkst-schritt:not(.ist-erreicht) .pkst-schritt-name{color:var(--pkst-leise);font-weight:500}.pkst-schritt-datum{display:block;margin-top:2px;font-size:12px;color:var(--pkst-leise)}.pkst-zeit{margin:24px 0 0}.pkst-zeit p{margin:0 0 10px;font-size:14px;color:var(--pkst-leise);text-align:center}.pkst-zeit-bahn{position:relative;height:8px;border-radius:999px;background:var(--pkst-linie);overflow:visible}.pkst-zeit-fenster{position:absolute;top:0;bottom:0;border-radius:999px;background:color-mix(in srgb,var(--pkst-akzent) 22%,transparent)}.pkst-zeit-voll{position:absolute;top:0;bottom:0;left:0;border-radius:999px;background:var(--pkst-akzent);max-width:100%}.pkst-zeit-marke{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#fff;border:3px solid var(--pkst-akzent)}.pkst-zeit-enden{position:relative;display:flex;justify-content:flex-start;min-height:18px;margin-top:8px;font-size:12px;color:var(--pkst-leise)}.pkst-zeit-fenstername{position:absolute;top:0;white-space:nowrap}.pkst-spaet{margin:20px 0 0;padding:14px 16px;border-radius:10px;background:var(--pkst-hinweis);color:var(--pkst-hinweis-text);font-size:15px}.pkst-nachricht{margin:20px 0 0;padding:16px;border-left:3px solid var(--pkst-akzent);background:#fff;box-shadow:0 1px 0 var(--pkst-linie) inset,0 -1px 0 var(--pkst-linie) inset}.pkst-nachricht strong{display:block;font-size:14px;color:var(--pkst-text)}.pkst-nachricht span{display:block;font-size:12px;color:var(--pkst-leise);margin-bottom:6px}.pkst-nachricht p{margin:0;font-size:15px;white-space:pre-line}.pkst-abschnitt{margin:32px 0 0}.pkst-abschnitt h3{margin:0 0 12px;font-size:17px;font-weight:700;color:var(--pkst-text)}.pkst-zusteller{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:14px 0;border-top:1px solid var(--pkst-linie);border-bottom:1px solid var(--pkst-linie);font-size:15px}.pkst-zusteller span{color:var(--pkst-leise);font-size:13px;display:block}.pkst-zusteller b{font-weight:600;word-break:break-all}.pkst-zusteller a{color:var(--pkst-akzent);font-weight:600;text-decoration:underline;text-underline-offset:3px}.pkst-verlauf{list-style:none;margin:0;padding:0}.pkst-eintrag{position:relative;display:grid;grid-template-columns:96px 1fr;gap:12px;padding:0 0 18px}.pkst-eintrag:before{content:"";position:absolute;left:103px;top:8px;bottom:-8px;width:2px;background:var(--pkst-linie)}.pkst-eintrag:last-child:before{display:none}.pkst-eintrag-zeit{font-size:13px;line-height:1.35;color:var(--pkst-leise);text-align:right;padding-right:14px}.pkst-eintrag-inhalt{position:relative;padding-left:14px;font-size:15px}.pkst-eintrag-inhalt:before{content:"";position:absolute;left:-7px;top:6px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #B4B9BF}.pkst-eintrag:first-child .pkst-eintrag-inhalt:before{background:var(--pkst-akzent);border-color:var(--pkst-akzent)}.pkst-eintrag:first-child .pkst-eintrag-inhalt{font-weight:600}.pkst-eintrag-ort{display:block;font-size:13px;font-weight:400;color:var(--pkst-leise)}.pkst-mehr{display:block;margin:4px auto 0;padding:8px 12px;border:0;background:none;color:var(--pkst-akzent);font:inherit;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.pkst-leer{margin:0;color:var(--pkst-leise);font-size:15px}.pkst-vorschau-hinweis{margin:0 0 14px;font-size:13px;color:var(--pkst-leise)}.pkst-vorschau-liste{list-style:none;margin:0;padding:0}.pkst-vorschau-liste li{position:relative;margin-left:5px;padding:0 0 16px 22px;border-left:2px dashed #CDD1D6}.pkst-vorschau-liste li:last-child{border-left-color:transparent;padding-bottom:0}.pkst-vorschau-liste li:before{content:"";position:absolute;left:-6px;top:5px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #CDD1D6}.pkst-vorschau-name{display:block;font-size:15px;color:var(--pkst-leise)}.pkst-vorschau-zeit{display:block;margin-top:1px;font-size:13px;color:#80868b}.pkst-artikel{list-style:none;margin:0;padding:0}.pkst-artikel li{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--pkst-linie)}.pkst-artikel li:last-child{border-bottom:0}.pkst-artikel img,.pkst-artikel .pkst-bild-leer{flex:0 0 56px;width:56px;height:56px;border-radius:10px;object-fit:contain;background:var(--pkst-flaeche)}.pkst-artikel-name{flex:1;font-size:15px;line-height:1.35}.pkst-artikel-menge{flex:0 0 auto;font-size:14px;color:var(--pkst-leise)}.pkst-hilfe{margin:32px 0 0;text-align:center;font-size:15px;color:var(--pkst-leise)}.pkst-hilfe a{color:var(--pkst-akzent);font-weight:600}.pkst-neu{margin:20px auto 0}@media(max-width:600px){.pkst{padding:28px 16px 48px}.pkst-titel{font-size:26px}.pkst-status{padding:20px 14px}.pkst-status-titel{font-size:22px}.pkst-schritt-name{font-size:11.5px}.pkst-schritt-datum{font-size:11px}.pkst-eintrag{grid-template-columns:74px 1fr;gap:10px}.pkst-eintrag:before{left:79px}.pkst-eintrag-zeit{padding-right:10px;font-size:12px}.pkst-bestellung h2{font-size:18px}}@media(prefers-reduced-motion:reduce){.pkst-schritt.ist-naechster:before,.pkst-laden span,.pkst-kreis{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/paketstatus.css.map */