@font-face{font-family:Cormorant Garamond;src:url(/fonts/CormorantGaramond-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/CormorantGaramond-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Jost;src:url(/fonts/Jost-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Jost;src:url(/fonts/Jost-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Style Script;src:url(/fonts/StyleScript-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{--c-creme:#f7f1ea;--c-salbei:#d8dfd2;--c-gold:#c9a85f;--c-tanne:#173f32;--c-graugruen:#9aa69c;--c-nacht:#141a17;--c-creme-tief:#efe7dc;--c-salbei-tief:#c6d0be;--c-gold-hell:#e0c68c;--c-gold-tief:#a8873f;--c-tanne-hell:#2c5a49;--c-text-zweit:#4f5c52;--c-nacht-2:#1d2621;--c-nacht-3:#2a342e;--surface-0:var(--c-creme);--surface-1:#fdfaf6;--surface-2:var(--c-salbei);--text-primary:var(--c-tanne);--text-secondary:var(--c-text-zweit);--text-muted:#6e7c71;--border:#173f321f;--border-strong:#173f323d;--accent:var(--c-gold-tief);--focus-ring:var(--c-gold-tief)}[data-theme=dark]{--surface-0:var(--c-nacht);--surface-1:var(--c-nacht-2);--surface-2:var(--c-nacht-3);--text-primary:#edefe9;--text-secondary:#a9b3ab;--text-muted:#7c877f;--border:#edefe91f;--border-strong:#edefe938;--accent:var(--c-gold);--focus-ring:var(--c-gold)}:root{--c-rot:#9b4a3e;--c-rot-hell:#9b4a3e1f;--c-hover:#173f320f;--schatten-1:0 1px 2px #173f320d,0 1px 3px #173f320f;--schatten-2:0 1px 2px #173f320d,0 12px 32px -16px #173f323d;--schatten-3:0 2px 6px #173f320f,0 28px 56px -28px #173f3257;--schatten-knopf:0 8px 18px -10px #173f328c;--fokusring:0 0 0 3px #a8873f38}[data-theme=dark]{--c-rot:#c46a5c;--c-rot-hell:#c46a5c29;--c-hover:#edefe914;--schatten-1:0 1px 2px #0000004d,0 1px 3px #00000059;--schatten-2:0 1px 2px #0000004d,0 12px 32px -16px #0009;--schatten-3:0 2px 6px #00000059,0 28px 56px -28px #000000b3;--schatten-knopf:0 8px 18px -10px #000000b3;--fokusring:0 0 0 3px #c9a85f4d}
:root{--font-display:"Cormorant Garamond",Georgia,serif;--font-ui:"Jost",system-ui,sans-serif;--font-script:"Style Script",cursive;--fs-display-xl:64px;--lh-display-xl:1.05;--ls-display-xl:.18em;--fw-display-light:300;--fs-display-l:40px;--lh-display-l:1.1;--ls-display-l:.16em;--fs-display-m:26px;--lh-display-m:1.2;--ls-display-m:.14em;--fw-display-regular:400;--fs-eyebrow:12px;--lh-eyebrow:1.4;--ls-eyebrow:.22em;--fw-ui-medium:500;--fs-body:16px;--lh-body:1.6;--fw-ui-regular:400;--fs-body-s:14px;--lh-body-s:1.5;--fs-caption:12px;--lh-caption:1.4;--fs-display-xl-fluid:clamp(36px,9vw,64px);--fs-display-l-fluid:clamp(26px,6.5vw,40px)}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:144px;--radius-s:2px;--radius-m:4px;--radius-l:8px;--radius-pill:999px;--maxw-prose:62ch;--maxw-page:1280px;--hairline:.5px;--ecke-s:6px;--ecke-m:10px;--ecke-l:14px;--ecke-xl:20px}
:root{--dur-fast:.16s;--dur-base:.24s;--dur-slow:.42s;--dur-cine:.72s;--ease-out:cubic-bezier(.16,1,.3,1);--ease-inout:cubic-bezier(.65,0,.35,1);--ease-soft:cubic-bezier(.33,1,.68,1);--stagger-step:40ms;--stagger-max:8}@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms;--stagger-step:0s}}
:root{--leaf:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body{margin:0}body{background:var(--surface-0);font-family:var(--font-ui);color:var(--text-primary);-webkit-font-smoothing:antialiased}img{display:block}button{font-family:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.leaf{-webkit-mask:var(--leaf) center / contain no-repeat;-webkit-mask:var(--leaf) center / contain no-repeat;mask:var(--leaf) center / contain no-repeat;background:currentColor;display:inline-block}.hair{height:.5px;box-shadow:inset 0 -.5px 0 var(--border-strong);flex:1}.tnum{font-variant-numeric:tabular-nums}.eyebrow{font:500 var(--fs-eyebrow) / var(--lh-eyebrow) var(--font-ui);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-muted)}.h-m{font:var(--fw-display-light) var(--fs-display-m) / var(--lh-display-m) var(--font-display);letter-spacing:var(--ls-display-m);text-transform:uppercase;margin:0}.h-l{font:var(--fw-display-light) var(--fs-display-l) / var(--lh-display-l) var(--font-display);letter-spacing:var(--ls-display-l);text-transform:uppercase;margin:0}.h-xl{font:var(--fw-display-light) clamp(36px, 5vw, 64px) / 1.05 var(--font-display);letter-spacing:var(--ls-display-xl);text-transform:uppercase;margin:0}.pill{background:var(--c-salbei);color:var(--c-text-zweit);font:400 11px/1 var(--font-ui);letter-spacing:.08em;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;display:inline-flex}.pill-warn{background:var(--c-creme-tief);color:var(--c-gold-tief)}.btn-sec{border-radius:var(--radius-m);height:52px;box-shadow:inset 0 0 0 .5px var(--border-strong);color:var(--text-primary);font:400 13px/1 var(--font-ui);letter-spacing:.06em;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 22px;text-decoration:none;display:inline-flex}.btn-sec:hover{box-shadow:inset 0 0 0 .5px var(--c-gold-tief)}.script{font-family:var(--font-script);color:var(--c-gold-tief);line-height:1.35}.btn{border-radius:var(--radius-m);background:var(--c-tanne);width:100%;height:54px;color:var(--c-creme);font:500 14px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:none}.btn:hover{background:var(--c-tanne-hell)}.btn:active{transform:scale(.98)}.btn:disabled{background:var(--c-salbei-tief);color:#6e7c71;cursor:default;transform:none}.btn-ghost{width:100%;height:48px;color:var(--c-tanne);font:400 13px/1 var(--font-ui);letter-spacing:.06em;cursor:pointer;background:0 0;border:none}.btn-ghost:hover{text-decoration:underline}@keyframes jm-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes jm-fade{0%{opacity:0}to{opacity:1}}@keyframes jm-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes jm-dock{0%{opacity:0;transform:translateY(96px)scale(.82)}55%{opacity:1}to{opacity:1;transform:none}}@keyframes jm-notch{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes jm-ken{0%{transform:scale(1)}to{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
.symbol{vertical-align:-3px;flex:none;display:inline-block}.knopf{border-radius:var(--ecke-m);height:40px;color:var(--text-primary);font:500 13px/1 var(--font-ui);letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.knopf:disabled{opacity:.45;cursor:default;transform:none}.knopf-haupt{background:var(--c-tanne);color:var(--c-creme);letter-spacing:.06em;box-shadow:var(--schatten-knopf);font-weight:600}.knopf-haupt:hover:not(:disabled){background:var(--c-tanne-hell)}.knopf-haupt:active:not(:disabled){transform:translateY(1px)}.knopf-zweit{background:var(--surface-1);box-shadow:var(--schatten-1), inset 0 0 0 1px var(--border-strong)}.knopf-zweit:hover:not(:disabled){box-shadow:var(--schatten-2), inset 0 0 0 1px var(--c-gold-tief)}.knopf-still:hover:not(:disabled){background:var(--c-hover)}.knopf-rot{color:var(--c-rot);box-shadow:inset 0 0 0 1px #9b4a3e59}.knopf-rot:hover:not(:disabled){background:var(--c-rot-hell)}.knopf-rot-voll{background:var(--c-rot);color:#fff;letter-spacing:.06em;font-weight:600;box-shadow:0 8px 18px -10px #9b4a3e99}.knopf-rot-voll:hover:not(:disabled){filter:brightness(1.08)}.knopf-klein{height:34px;padding:0 12px;font-size:12px}.knopf-gross{letter-spacing:.08em;height:48px;padding:0 24px}.knopf-breit{width:100%}.knopf-symbol{width:36px;height:36px;color:var(--text-secondary);padding:0}.knopf-symbol:hover:not(:disabled){background:var(--c-hover);color:var(--text-primary)}.knopf-symbol.knopf-rot{box-shadow:none}.knopf-symbol.knopf-rot:hover:not(:disabled){background:var(--c-rot-hell);color:var(--c-rot)}.knopf-symbol.knopf-zweit{color:var(--text-primary)}.feld{border:1px solid var(--border-strong);border-radius:var(--ecke-m);background:var(--surface-1);width:100%;min-width:0;height:40px;color:var(--text-primary);font:400 14px/1.2 var(--font-ui);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:0 12px;display:block;box-shadow:inset 0 1px 2px #173f320a}.feld::placeholder{color:var(--text-muted)}.feld:hover{border-color:#173f3252}.feld:focus{border-color:var(--c-gold-tief);box-shadow:var(--fokusring);outline:none}textarea.feld{resize:vertical;height:auto;min-height:96px;padding:10px 12px;line-height:1.5}select.feld{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234F5C52' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:34px}.feld[type=time],.feld[type=number]{font-variant-numeric:tabular-nums}.feld::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}.feld-gross{height:48px;font-size:16px}.haken{appearance:none;border:1.5px solid var(--border-strong);background:var(--surface-1);cursor:pointer;width:20px;height:20px;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-radius:6px;flex:none;margin:0}.haken:hover{border-color:var(--c-gold-tief)}.haken:checked{background:var(--c-tanne) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F7F1EA' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 14px no-repeat;border-color:var(--c-tanne)}.haken:focus-visible{box-shadow:var(--fokusring);outline:none}.hakenzeile{font:400 14px/1.3 var(--font-ui);color:var(--text-primary);cursor:pointer;align-items:center;gap:10px;display:inline-flex}.datei{flex-wrap:wrap;align-items:center;gap:12px;display:inline-flex}.datei .knopf{position:relative}.datei-eingabe{opacity:0;clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.knopf:has(.datei-eingabe:focus-visible){box-shadow:var(--fokusring), inset 0 0 0 1px var(--c-gold-tief)}.datei-name{font:400 13px/1.4 var(--font-ui);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:34ch;overflow:hidden}.pill{background:var(--c-salbei);height:24px;color:var(--c-tanne);font:500 11px/1 var(--font-ui);letter-spacing:.06em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.pill-warn{color:var(--c-gold-tief);background:#c9a85f2e}.pill-rot{background:var(--c-rot-hell);color:var(--c-rot)}.pill-zahl{background:var(--surface-2);color:var(--text-secondary)}.pill-punkt:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.panel{background:var(--surface-1);border-radius:var(--ecke-l);box-shadow:var(--schatten-2), inset 0 0 0 1px var(--border)}.panel-kopf{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 22px 14px;display:flex}.panel-kopf>.symbol{color:var(--text-secondary)}.panel-titel{font:var(--fw-display-regular) 22px/1.1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);margin:0}.panel-text{font:400 13px/1.45 var(--font-ui);color:var(--text-muted);text-wrap:pretty;max-width:72ch}.panel-rechts{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.panel-koerper{padding:16px 22px 20px}.panel-koerper>p:first-child{margin-top:0}.panel-tabelle{padding:8px 12px 12px;overflow-x:auto}.panel-fuss{border-top:1px solid var(--border);font:400 13px/1.45 var(--font-ui);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 22px 16px;display:flex}.panel-fuss a{color:var(--c-gold-tief);font-weight:500;text-decoration:none}.panel-fuss a:hover{color:var(--text-primary)}.panel-rot .panel-kopf{border-bottom-color:#9b4a3e33}.panel-rot .panel-titel,.panel-rot .panel-kopf>.symbol{color:var(--c-rot)}@media (max-width:640px){.panel-kopf{padding:14px 16px 12px}.panel-koerper{padding:14px 16px 16px}.panel-fuss{padding:10px 16px 14px}}.hinweis{color:var(--text-primary);font:400 14px/1.5 var(--font-ui);text-wrap:pretty;background:#c9a85f1f;border-radius:12px;align-items:flex-start;gap:12px;padding:13px 16px;display:flex;box-shadow:inset 0 0 0 1px #a8873f47}.hinweis>.symbol{color:var(--c-gold-tief);margin-top:2px}.hinweis strong{font-weight:600}.hinweis-ok{background:#d8dfd280;box-shadow:inset 0 0 0 1px #173f3224}.hinweis-ok>.symbol{color:var(--c-tanne)}.hinweis-rot{background:var(--c-rot-hell);box-shadow:inset 0 0 0 1px #9b4a3e4d}.hinweis-rot>.symbol{color:var(--c-rot)}.hinweisliste{flex-direction:column;gap:10px;display:flex}.kennzahlen{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;display:grid}.kennzahl{background:var(--surface-1);border-radius:var(--ecke-l);box-shadow:var(--schatten-2), inset 0 0 0 1px var(--border);flex-direction:column;gap:8px;padding:20px 22px 18px;display:flex;position:relative}.kennzahl-symbol{background:var(--c-salbei);width:34px;height:34px;color:var(--c-tanne);border-radius:10px;place-items:center;display:grid;position:absolute;top:16px;right:16px}.kennzahl-wert{font:var(--fw-display-regular) 40px/1 var(--font-display);letter-spacing:.02em;color:var(--text-primary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kennzahl-warn .kennzahl-wert{color:var(--c-gold-tief)}.kennzahl-text{font:400 13px/1.3 var(--font-ui);color:var(--text-muted);overflow-wrap:anywhere}.werteleiste{background:var(--surface-0);box-shadow:inset 0 0 0 1px var(--border);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid;overflow:hidden}.wert{flex-direction:column;gap:4px;min-width:0;padding:14px 18px;display:flex}.wert+.wert{box-shadow:inset 1px 0 0 var(--border)}.wert-eyebrow{font:600 10px/1.4 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.wert-zahl{font:var(--fw-display-regular) 28px/1.05 var(--font-display);letter-spacing:.02em;color:var(--text-primary);font-variant-numeric:tabular-nums}.wert-warn .wert-zahl{color:var(--c-gold-tief)}.wert-text{font:400 12px/1.3 var(--font-ui);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ablage{border-radius:var(--ecke-l);border:1.5px dashed var(--border-strong);background:#fdfaf699;flex-wrap:wrap;align-items:center;gap:18px;padding:22px 24px;display:flex}.ablage-symbol{background:var(--c-creme-tief);width:44px;height:44px;color:var(--c-tanne);border-radius:12px;flex:none;place-items:center;display:grid}.lauf{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite drehen;display:inline-block}@keyframes drehen{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.lauf{animation-duration:2.4s}}