.db-seite{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(32px,5vw,72px);align-items:start;max-width:var(--max);margin:0 auto;padding:clamp(48px,8vw,120px) var(--rand) clamp(80px,10vw,140px)}.db-text{position:sticky;top:110px}.db-text h1{font-size:clamp(40px,4.4vw,64px);max-width:13ch}.db-text .wb-lead{margin-top:20px;max-width:34ch}.db-punkte{margin-top:32px}.db-punkte li{font-size:17px}.db{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border-radius:32px;overflow:hidden;padding:0}.db-zeit{padding:clamp(20px,2.4vw,32px);border-right:1px solid var(--glas-rand);min-width:0}.db-kopf{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.db-kopf b{font:800 22px/1.1 var(--display);font-stretch:112%;letter-spacing:-.02em;margin-right:auto}.db-kopf span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:color-mix(in oklch,white 70%,transparent);font-size:13px;font-weight:600;color:var(--ink-2)}.db-kopf span svg{width:14px;height:14px}.db-tage{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1*clamp(20px,2.4vw,32px));padding:4px clamp(20px,2.4vw,32px) 10px;scrollbar-width:none}.db-tage::-webkit-scrollbar{display:none}.db-tage button{flex:none;scroll-snap-align:start;display:grid;justify-items:center;gap:1px;width:66px;padding:10px 0 9px;border-radius:18px;border:0;cursor:pointer;background:color-mix(in oklch,white 62%,transparent);box-shadow:inset 0 0 0 1px var(--glas-rand);color:var(--ink);font:inherit;transition:transform .25s var(--aus),background .25s}.db-tage button small{font-size:11.5px;font-weight:650;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}.db-tage button b{font:800 26px/1.1 var(--display);font-stretch:112%;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.db-tage button em{margin-top:4px;font-style:normal;font-size:11px;font-weight:700;color:var(--m-termine)}.db-tage button[aria-selected=true]{background:var(--ink);color:var(--surface);box-shadow:var(--schatten)}.db-tage button[aria-selected=true] small{color:color-mix(in oklch,var(--surface) 70%,transparent)}.db-tage button[aria-selected=true] em{color:oklch(.82 .09 245)}.db-tage button:active{transform:scale(.96)}.db-tag{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:14px 0 6px;font-weight:700;font-size:16px}.db-tag small{font-weight:500;font-size:12.5px;color:var(--ink-3)}.db-gruppe{margin-top:12px}.db-gruppe>small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}.db-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}.db-slots button{height:44px;border-radius:14px;border:0;cursor:pointer;font:650 15px var(--body);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink);background:color-mix(in oklch,white 72%,transparent);box-shadow:inset 0 0 0 1px var(--glas-rand),0 6px 14px -12px oklch(.3 .03 50/.5);transition:transform .2s var(--aus),background .2s,box-shadow .2s}.db-slots button:hover{background:white}.db-slots button[aria-pressed=true]{background:var(--m-termine);color:white;box-shadow:0 10px 22px -10px color-mix(in oklch,var(--m-termine) 70%,transparent)}.db-slots button:active{transform:scale(.95)}.db-wunsch p{color:var(--ink-2);margin-bottom:14px}.db-wunsch .db-slots{grid-template-columns:repeat(3,1fr)}.db-laden{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.db-laden i{height:44px;border-radius:14px;background:linear-gradient(90deg,color-mix(in oklch,white 50%,transparent),color-mix(in oklch,white 85%,transparent),color-mix(in oklch,white 50%,transparent));background-size:200% 100%;animation:db-schimmer 1.4s linear infinite}@keyframes db-schimmer{to{background-position:-200% 0}}.db-form{container-type:inline-size;display:flex;flex-direction:column;gap:16px;padding:clamp(20px,2.4vw,32px);background:color-mix(in oklch,white 40%,transparent);scroll-margin-top:96px;min-width:0}.db-auswahl{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;border-radius:20px;background:var(--surface);box-shadow:var(--schatten)}.db-auswahl>svg{flex:none;width:22px;height:22px;color:var(--m-termine)}.db-auswahl span{flex:1 1;min-width:0}.db-auswahl b{display:block;font-size:16px}.db-auswahl em{font-style:normal;font-size:14px;color:var(--ink-2)}.db-auswahl[data-leer]{background:transparent;box-shadow:inset 0 0 0 1.5px color-mix(in oklch,var(--ink) 14%,transparent);box-shadow:none;border:1.5px dashed color-mix(in oklch,var(--ink) 18%,transparent)}.db-auswahl[data-leer]>svg{color:var(--ink-3)}.db-aendern{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;background:var(--sunk,oklch(.94 .01 70));cursor:pointer;color:var(--ink)}.db-aendern svg{width:16px;height:16px}.db-felder{display:grid;grid-template-columns:1fr 1fr;gap:12px}.db-felder label{display:grid;gap:6px;font-size:13px;font-weight:650;color:var(--ink-2)}.db-felder label.breit{grid-column:1/-1}.db-felder input,.db-felder textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:14px;border:0;font:500 16px var(--body);color:var(--ink);background:color-mix(in oklch,white 82%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--ink) 10%,transparent);transition:box-shadow .2s}.db-felder textarea{resize:vertical;min-height:72px}.db-felder input::placeholder,.db-felder textarea::placeholder{color:var(--ink-3);font-weight:400}.db-felder input:focus,.db-felder textarea:focus{outline:none;box-shadow:inset 0 0 0 2px var(--m-termine),0 0 0 4px color-mix(in oklch,var(--m-termine) 18%,transparent)}.db-falle{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.db-fehler{padding:10px 14px;border-radius:12px;background:var(--bad-soft,oklch(.95 .03 28));color:var(--bad,oklch(.52 .17 28));font-size:14px;font-weight:600}.db-senden{width:100%;height:56px;font-size:17px}.db-senden:disabled{opacity:.6;cursor:default}.db-klein{font-size:12.5px;color:var(--ink-3);text-align:center}.db-fertig{display:grid;justify-items:center;text-align:center;gap:14px;padding:clamp(36px,5vw,64px) clamp(20px,4vw,48px);border-radius:32px}.db-haken{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--m-termine);color:white;box-shadow:0 18px 36px -16px color-mix(in oklch,var(--m-termine) 80%,transparent);animation:db-pop .6s var(--aus) both}.db-haken svg{width:34px;height:34px}@keyframes db-pop{0%{transform:scale(.4);opacity:0}}.db-fertig h2{font-size:clamp(32px,3.6vw,48px)}.db-wann{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:var(--surface);box-shadow:var(--schatten);font-weight:700;font-size:17px}.db-wann svg{width:20px;color:var(--m-termine)}.db-fertig p{color:var(--ink-2);max-width:40ch}@media (prefers-reduced-motion:reduce){.db-haken,.db-laden i{animation:none}}@media (max-width:1100px){.db{grid-template-columns:1fr}.db-zeit{border-right:0;border-bottom:1px solid var(--glas-rand)}}@media (max-width:900px){.db-seite{grid-template-columns:1fr;padding-top:32px;gap:28px}.db-text{position:static}.db-text h1{font-size:clamp(36px,10vw,52px)}.db-punkte{grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:22px}.db-punkte li{font-size:14.5px;gap:10px}.db-punkte svg{width:36px;height:36px;padding:9px;border-radius:12px}.db{border-radius:26px}}@container (max-width:440px){.db-felder{grid-template-columns:1fr}}@media (max-width:520px){.db-punkte{grid-template-columns:1fr}}