:root{--tdj-teal: #1F8A7E;--tdj-teal-deep: #176B62;--tdj-teal-ink: #0E443D;--tdj-teal-soft: #E8F2F0;--tdj-yellow: #F4C430;--tdj-yellow-soft: #FBE7A0;--tdj-red: #E2001A;--tdj-red-deep: #B5001A;--ink: #1A1A1A;--ink-70: #3A3A3A;--ink-50: #6B7280;--ink-30: #A8AEB6;--line: #E4E6EA;--line-soft: #EFF1F4;--paper: #FFFFFF;--bg: #FAFAF7;--bg-soft: #F4F4EE;--status-eingang-bg: #FFF4CC;--status-eingang-fg: #7A5A00;--status-shipped-bg: var(--tdj-teal-soft);--status-shipped-fg: var(--tdj-teal-ink);--status-cancelled-bg: #FBE0E4;--status-cancelled-fg: #7A0012;--status-done-bg: #DDE8F5;--status-done-fg: #15467F;--status-evaluated-bg: #E8E2F5;--status-evaluated-fg: #3D2A7A;--radius-pill: 999px;--radius-card: 20px;--radius-input: 12px;--radius-md: 14px;--radius-sm: 10px;--shadow-card: 0 1px 2px rgba(0,0,0,.04);--shadow-card-hover: 0 12px 24px -12px rgba(0,0,0,.12);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Archivo", "Helvetica Neue", Helvetica, sans-serif;--font-narrow: "Archivo Narrow", "Archivo", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--max-width-page: 1280px;--gutter-x: clamp(1.25rem, 4vw, 3rem);--color-bg: var(--paper);--color-surface: var(--bg);--color-fg: var(--ink);--color-muted: var(--ink-50);--color-primary: var(--tdj-teal);--color-primary-hover: var(--tdj-teal-deep);--color-primary-soft: var(--tdj-teal-soft);--color-border: var(--line);--color-border-soft: var(--line-soft);--color-success: #0F7A3D;--color-success-soft: #E8F4EC;--color-error: var(--tdj-red);--color-error-soft: #FBE0E4;--radius: var(--radius-input)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--paper);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}button{font-family:inherit}a{color:var(--tdj-teal)}.h-display{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0}.h-display--xl{font-size:clamp(2.5rem,7vw,5.5rem);font-weight:900;text-transform:uppercase}.h-display--lg{font-size:clamp(1.75rem,4vw,2.5rem);text-transform:uppercase}.h-display--md{font-size:1.375rem;letter-spacing:-.01em}.kicker{font-family:var(--font-narrow);font-size:.6875rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--tdj-teal);margin:0}.mono{font-family:var(--font-mono);letter-spacing:.02em}.muted{color:var(--ink-50)}.page{max-width:var(--max-width-page);margin:0 auto;background:var(--paper)}.section{padding:clamp(2rem,6vw,4.5rem) var(--gutter-x)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.5rem;font-family:var(--font-sans);font-size:.9375rem;font-weight:700;border:0;border-radius:var(--radius-pill);cursor:pointer;transition:background .15s ease,transform .06s ease;text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:progress}.btn--primary{background:var(--tdj-teal);color:#fff}.btn--primary:hover:not(:disabled){background:var(--tdj-teal-deep)}.btn--yellow{background:var(--tdj-yellow);color:var(--ink);font-family:var(--font-display);font-weight:800;letter-spacing:-.01em}.btn--yellow:hover:not(:disabled){background:#e6b521}.btn--ghost{background:#fff;color:var(--ink);border:2px solid var(--line);padding:.6875rem 1.375rem;font-weight:600}.btn--ghost:hover:not(:disabled){border-color:var(--ink-50)}.btn--lg{padding:1.125rem 1.75rem;font-size:1.0625rem;border-radius:var(--radius-md)}.btn--block{width:100%}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:700;font-family:inherit;color:#fff;background:var(--tdj-teal);border:0;border-radius:var(--radius-pill);cursor:pointer;transition:background .15s ease}.btn-primary:hover:not(:disabled){background:var(--tdj-teal-deep)}.btn-primary:disabled{opacity:.6;cursor:progress}.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.8125rem;font-weight:600;font-family:inherit;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;transition:border-color .15s ease}.btn-ghost:hover:not(:disabled){border-color:var(--ink-50)}.btn-icon{background:transparent;border:0;font-size:1.5rem;color:var(--ink-50);cursor:pointer;padding:.25rem .5rem}.field{margin-bottom:1.25rem}.field label{display:block;font-size:.875rem;font-weight:700;color:var(--ink);margin-bottom:.625rem}.field .optional,.field .hint-inline{font-weight:400;color:var(--ink-50);font-size:.8125rem;margin-left:.5rem}.field .required-mark{color:var(--tdj-red);margin-left:.25rem}.field .hint{margin:.5rem 0 0;font-size:.75rem;color:var(--ink-50);display:flex;align-items:center;gap:.375rem}.field input[type=text],.field input[type=email],.field input[type=tel],.field input[type=number],.field input[type=search],.field input[type=date],.field select,.field textarea{width:100%;height:56px;padding:0 1.125rem;font-size:1rem;font-family:inherit;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:var(--radius-input);transition:border-color .15s ease,box-shadow .15s ease}.field textarea{height:auto;min-height:6rem;padding:1rem 1.125rem;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--tdj-teal);box-shadow:0 0 0 4px var(--tdj-teal-soft)}.field input:disabled{background:var(--bg);color:var(--ink-50);cursor:not-allowed}.field input::placeholder,.field textarea::placeholder{color:var(--ink-30)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.grid-2{grid-template-columns:1fr}.field input[type=text],.field input[type=email],.field input[type=tel],.field input[type=number],.field input[type=search],.field input[type=date],.field select{height:48px}}.error-banner{margin:1.25rem 0 0;padding:.875rem 1.125rem;background:var(--color-error-soft);border:1px solid var(--tdj-red);border-radius:var(--radius-input);color:var(--tdj-red-deep);font-size:.9375rem}.success-banner{margin:1.25rem 0 0;padding:.875rem 1.125rem;background:var(--color-success-soft);border:1px solid var(--color-success);border-radius:var(--radius-input);color:var(--color-success);font-size:.9375rem}.hidden{display:none!important}.nowrap{white-space:nowrap}.loader{color:var(--ink-50);text-align:center;padding:2rem 0}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-backdrop{position:absolute;inset:0;background:#0e443d8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{position:relative;width:min(720px,100%);max-height:85vh;overflow:auto;background:#fff;border-radius:var(--radius-card);box-shadow:0 24px 48px -12px #00000040}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--line)}.modal-header h3{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:800}.modal-body{padding:1.5rem}