:root{--a-grund:#f4f1ec;--a-weiss:#fff;--a-tinte:#14213a;--a-leise:#5e6779;--a-akzent:#e2603e;--a-akzent-hell:#fce9e3;--a-linie:#e3e0da}body{background:var(--a-grund);color:var(--a-tinte);margin:0;font:400 16px/1.5 Manrope Variable,system-ui,sans-serif}.b-buehne{max-width:1100px;padding:40px max(20px, env(safe-area-inset-left,0px));grid-template-columns:minmax(0,1fr) 400px;align-items:center;gap:64px;margin:0 auto;display:grid}.b-klein{letter-spacing:.1em;text-transform:uppercase;color:var(--a-akzent);margin:0;font-size:13px;font-weight:700}.b-erklaerung h1{letter-spacing:-.02em;margin:12px 0;font-size:clamp(28px,3.4vw,42px);font-weight:800;line-height:1.1}.b-erklaerung p:last-child{color:var(--a-leise);max-width:44ch}.app{background:var(--a-weiss);border-radius:36px;flex-direction:column;min-height:780px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 10px #15171a,0 40px 90px -30px #14213a73}.app-kopf{align-items:center;gap:12px;padding:26px 22px 12px;display:flex}.app-logo{background:var(--a-tinte);color:#fff;border-radius:14px;place-items:center;width:44px;height:44px;font-size:16px;font-weight:800;display:grid}.app-name{margin:0;font-size:18px;font-weight:800}.app-unter{color:var(--a-leise);margin:0;font-size:14px}.app-block{padding:10px 22px}.app-block h2{color:var(--a-leise);margin:6px 0 10px;font-size:14px;font-weight:700}.app-leistungen{gap:8px;display:grid}.app-leistung{all:unset;border:1.5px solid var(--a-linie);cursor:pointer;border-radius:16px;gap:2px;padding:12px 14px;display:grid}.app-leistung b{font-weight:700}.app-leistung span{color:var(--a-leise);font-size:13px}.app-leistung[aria-checked=true]{border-color:var(--a-akzent);background:var(--a-akzent-hell)}.app-personen{gap:14px;display:flex}.app-person{all:unset;cursor:pointer;justify-items:center;gap:4px;font-size:13px;display:grid}.app-kreis{width:48px;height:48px;color:var(--a-tinte);background:#e9e6ef;border:2px solid #0000;border-radius:50%;place-items:center;font-weight:700;display:grid}.app-person[aria-checked=true] .app-kreis{border-color:var(--a-akzent);background:var(--a-akzent-hell)}.app-tage{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.app-tag{all:unset;cursor:pointer;color:var(--a-leise);border-radius:14px;justify-items:center;padding:8px 0;font-size:12px;display:grid}.app-tag b{color:var(--a-tinte);font-size:18px}.app-tag[aria-checked=true]{background:var(--a-tinte)}.app-tag[aria-checked=true] *{color:#fff}.app-tag[aria-checked=true] span{color:#c9cfdb}.app-zeiten{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.app-zeit{all:unset;text-align:center;border:1.5px solid var(--a-linie);cursor:pointer;border-radius:12px;padding:10px 0;font-size:14px;font-weight:700}.app-zeit[aria-checked=true]{background:var(--a-akzent);border-color:var(--a-akzent);color:#fff}.app-zeit:disabled{color:#b9bec8;cursor:not-allowed;text-decoration:line-through}.app-fuss{margin-top:auto;padding:16px 22px 26px}.app-buchen{all:unset;box-sizing:border-box;text-align:center;background:var(--a-akzent);color:#fff;cursor:pointer;border-radius:18px;width:100%;padding:16px;font-weight:800;display:block}.app-buchen.hell{background:var(--a-tinte)}.app-blatt{background:var(--a-weiss);text-align:center;border-radius:28px 28px 0 0;justify-items:center;gap:8px;padding:28px 22px 26px;animation:.45s cubic-bezier(.2,.8,.2,1) hoch;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -20px 50px -20px #14213a59}.app-blatt[hidden]{display:none}.app-blatt h2{margin:6px 0 0;font-size:22px;font-weight:800}.app-blatt p{margin:0}.app-leise{color:var(--a-leise);font-size:14px;margin-bottom:10px!important}.app-haken{background:var(--a-akzent-hell);border-radius:50%;width:56px;height:56px;position:relative}.app-haken:after{content:"";border:solid var(--a-akzent);border-width:0 4px 4px 0;width:12px;height:22px;position:absolute;top:14px;left:19px;transform:rotate(45deg)}@keyframes hoch{0%{transform:translateY(100%)}to{transform:none}}:focus-visible{outline:2px solid var(--a-akzent);outline-offset:2px}@media (width<=860px){.b-buehne{grid-template-columns:1fr;gap:0;padding:0}.b-erklaerung{display:none}.app{box-shadow:none;border-radius:0;min-height:calc(100svh - 40px)}}@media (prefers-reduced-motion:reduce){.app-blatt{animation:none}}