.moment-titel{letter-spacing:.08em;text-transform:uppercase;color:#4f493d;margin-bottom:-6px;font-size:11px;font-weight:600}.moment-feld{all:unset;box-sizing:border-box;cursor:pointer;width:100%;transition:translate .5s var(--feder,cubic-bezier(.3,.7,.4,1)), box-shadow .25s;background:#fff;border-radius:16px;align-items:center;padding:10px 6px;display:grid;box-shadow:inset 0 0 0 1px #17130c24,0 1px #17130c0d,0 10px 22px -16px #17130c73}.moment-feld.datum{grid-template-columns:.85fr 1.9fr 1.15fr}.moment-teil.monat b{font-size:clamp(18px,5.4vw,25px)}.moment-feld:active:not(:disabled){transition-duration:34ms;translate:0 2px}@media (hover:hover){.moment-feld:hover:not(:disabled){box-shadow:inset 0 0 0 1px #c9a04abf,0 1px #17130c0d,0 12px 26px -16px #17130c80}}.moment-feld:focus-visible{box-shadow:inset 0 0 0 2px #0e1424,0 0 0 4px #e2c27a59}.moment-feld:disabled{cursor:default;background:#f6f1e6;box-shadow:inset 0 0 0 1px #17130c14}.moment-teil{text-align:center;justify-items:center;gap:1px;min-width:0;padding:0 8px;display:grid}.moment-feld.datum .moment-teil+.moment-teil{border-left:1px solid #17130c1a}.moment-teil small{letter-spacing:.14em;text-transform:uppercase;color:#7b7568;font-size:10px;font-weight:600}.moment-teil b{font:700 25px/1.15 var(--font-titel), Poppins, sans-serif;letter-spacing:-.02em;color:#17130c;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.moment-teil b i{color:#7b7568;letter-spacing:0;font-size:14px;font-style:normal;font-weight:600}.moment-feld.leer .moment-teil b,.moment-feld:disabled .moment-teil b{color:#bdb5a5;font-weight:600}.moment-feld.zeit{justify-items:start;padding-left:10px}.moment-feld.zeit .moment-teil{text-align:left;justify-items:start}.moment-zeitzeile{grid-template-columns:1fr auto;align-items:stretch;gap:8px;display:grid}.moment-chip{all:unset;cursor:pointer;box-sizing:border-box;color:#4f493d;transition:translate .5s var(--feder,cubic-bezier(.3,.7,.4,1)), background-color .25s, color .25s;background:#f1eadb;border-radius:16px;place-items:center;padding:0 16px;font-size:13px;font-weight:600;display:grid;box-shadow:inset 0 0 0 1px #17130c14}.moment-chip:active{transition-duration:34ms;translate:0 2px}.moment-chip.an{color:#f4efe4;background:#0e1424}.moment-chip:focus-visible{outline-offset:2px;outline:2px solid #0e1424}.moment-ort .zeile{border-radius:16px;height:58px}.moment-ort input{font:600 18px var(--font-titel), Poppins, sans-serif;letter-spacing:-.01em}.moment-ort input::placeholder{color:#bdb5a5;font-weight:500}.moment-schicht{z-index:1000;background:#080a148c;justify-content:center;align-items:flex-end;animation:.3s both moment-dunkel;display:flex;position:fixed;inset:0}.moment-blatt{color:#17130c;width:100%;max-width:520px;padding:8px 14px calc(22px + env(safe-area-inset-bottom,0px));animation:moment-hoch .45s var(--feder,cubic-bezier(.3,.7,.4,1)) both;background:#fbf7ee;border-radius:24px 24px 0 0;box-shadow:0 -20px 50px -20px #0009}@media (min-width:821px){.moment-schicht{align-items:center}.moment-blatt{border-radius:24px;padding-bottom:22px;animation-name:moment-auf}.moment-griff{display:none}}.moment-griff{background:#d8cfbd;border-radius:999px;width:40px;height:5px;margin:2px auto 8px}.moment-blatt-kopf{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:8px;display:grid}.moment-blatt-kopf b{font:700 16px var(--font-titel), Poppins, sans-serif}.moment-leise{all:unset;cursor:pointer;color:#7b7568;justify-self:start;padding:10px 6px;font-size:14px}.moment-fertig{all:unset;cursor:pointer;color:#f4efe4;transition:translate .5s var(--feder,cubic-bezier(.3,.7,.4,1));background:#0e1424;border-radius:999px;justify-self:end;padding:9px 18px;font-size:14px;font-weight:600}.moment-fertig:active{transition-duration:34ms;translate:0 2px}:is(.moment-leise,.moment-fertig):focus-visible{outline-offset:2px;outline:2px solid #c9a04a}.walzen{justify-content:center;gap:4px;height:220px;display:flex;position:relative}.walzen-band{pointer-events:none;background:#fff;border-radius:12px;height:44px;position:absolute;top:88px;left:4px;right:4px;box-shadow:inset 0 0 0 1px #c9a04a99,0 6px 16px -8px #17130c59}.walze{flex:0 0 76px;position:relative}.walze.breit{flex:0 0 156px}.walze-rolle{scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;outline:none;height:220px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 32% 68%,#0000);mask-image:linear-gradient(#0000,#000 32% 68%,#0000)}.walze-rolle::-webkit-scrollbar{display:none}.walze-rolle:focus-visible{background:#c9a04a14;border-radius:12px}.walze-luft{height:88px}.walze-wert{text-align:center;scroll-snap-align:center;cursor:pointer;height:44px;line-height:44px;font:600 19px/44px var(--font-titel), Poppins, sans-serif;color:#a39b8b;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;transition:color .2s}.walze-wert.an{color:#17130c;font-size:21px;font-weight:700}.walzen-punkt{font:700 22px var(--font-titel), Poppins, sans-serif;z-index:1;align-self:center;position:relative}@keyframes moment-dunkel{0%{opacity:0}to{opacity:1}}@keyframes moment-hoch{0%{translate:0 100%}to{translate:0}}@keyframes moment-auf{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.moment-schicht,.moment-blatt{animation:none}.walze-rolle{scroll-behavior:auto}}.moment-feld.leer{grid-template-columns:1fr;min-height:66px}.moment-einladung{font:600 17px var(--font-titel), Poppins, sans-serif;color:#17130c;justify-content:center;align-items:center;gap:10px;display:flex}.moment-feld.zeit .moment-einladung{justify-content:flex-start;padding-left:4px}.moment-einladung svg{fill:none;stroke:#9a7024;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.moment-feld.zeit{min-height:66px}
