.fkg[data-astro-cid-7mhqv54l]{--n-ink:#3a1d34;--n-cream:#f4ebe0;--n-gold:#d4b483;--n-on:#f8efe3;--n-serif:"Instrument Serif", Georgia, serif;--n-sans:"Inter Variable", system-ui, sans-serif;position:relative;container-type:inline-size}.fkg__stage[data-astro-cid-7mhqv54l]{height:56em;font-size:1.85185cqw;font-family:var(--n-sans);color:var(--n-ink);position:relative}.fkg__photo[data-astro-cid-7mhqv54l]{width:33em;height:47em;color:var(--n-on);background:#d9c3a8 url(/demo/branchen/friseur-kosmetik/salon.webp) 40%/cover no-repeat;border-radius:.4em;flex-direction:column;justify-content:space-between;padding:2.4em 2.6em;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 1px #140e080f,0 3em 6em -2.4em #28121e73}.fkg__photo[data-astro-cid-7mhqv54l]:before{content:"";background:linear-gradient(#1e0c186b,#1e0c1800 32% 52%,#1e0c18a8);position:absolute;inset:0}.fkg__brand[data-astro-cid-7mhqv54l],.fkg__claim[data-astro-cid-7mhqv54l]{font-family:var(--n-serif);font-weight:400;position:relative}.fkg__brand[data-astro-cid-7mhqv54l]{font-size:2.8em;line-height:1}.fkg__claim[data-astro-cid-7mhqv54l]{max-width:5.6em;font-size:3.9em;font-style:italic;line-height:1}.fkg__day[data-astro-cid-7mhqv54l]{background:#fff;border-radius:.6em;width:29em;padding:2.2em 2.4em 1.2em;position:absolute;top:19em;right:0;box-shadow:0 0 0 1px #140e080d,0 .4em 1em -.2em #140e080f,0 2.4em 4.8em -1.6em #28121e42}.fkg__dayhead[data-astro-cid-7mhqv54l]{border-bottom:1px solid #eee4d8;justify-content:space-between;align-items:center;padding-bottom:1.2em;display:flex}.fkg__dayname[data-astro-cid-7mhqv54l]{font-family:var(--n-serif);font-size:3em;line-height:1}.fkg__who[data-astro-cid-7mhqv54l]{color:#6d5a66;align-items:center;gap:.6em;font-size:1.4em;font-weight:500;display:inline-flex}.fkg__who[data-astro-cid-7mhqv54l] i[data-astro-cid-7mhqv54l]{width:2.1em;height:2.1em;font-style:normal;font-family:var(--n-serif);background:var(--n-cream);color:var(--n-ink);border-radius:50%;place-items:center;font-size:1.15em;display:grid}.fkg__rows[data-astro-cid-7mhqv54l]{margin:0;padding:0;list-style:none}.fkg__rows[data-astro-cid-7mhqv54l] li[data-astro-cid-7mhqv54l]{border-bottom:1px solid #f2ebe2;grid-template-columns:5em minmax(0,1fr);align-items:center;gap:.8em;padding:1.15em 0;font-size:1.45em;line-height:1.25;display:grid}.fkg__rows[data-astro-cid-7mhqv54l] li[data-astro-cid-7mhqv54l]:last-child{border-bottom:0}.fkg__rows[data-astro-cid-7mhqv54l] b[data-astro-cid-7mhqv54l]{font-variant-numeric:tabular-nums;font-weight:600}.fkg__rows[data-astro-cid-7mhqv54l] small[data-astro-cid-7mhqv54l]{color:#7f7078;margin-top:.1em;font-size:.82em;display:block}.fkg__slot[data-astro-cid-7mhqv54l]{position:relative}.fkg__slot[data-astro-cid-7mhqv54l]:before{content:"";background:var(--n-cream);opacity:0;transition:opacity .4s var(--ease);z-index:-1;border-radius:.4em;position:absolute;inset:.3em -1em}.fkg[data-astro-cid-7mhqv54l][data-state="2"] .fkg__slot[data-astro-cid-7mhqv54l]:before,.fkg[data-astro-cid-7mhqv54l][data-state="3"] .fkg__slot[data-astro-cid-7mhqv54l]:before{opacity:1}.fkg__slot[data-astro-cid-7mhqv54l]{z-index:0}.fkg__sw[data-astro-cid-7mhqv54l]{display:grid}.fkg__sw[data-astro-cid-7mhqv54l]>[data-astro-cid-7mhqv54l]{transition:opacity .35s var(--ease), transform .45s var(--out);grid-area:1/1}.fkg[data-astro-cid-7mhqv54l] [data-astro-cid-7mhqv54l][data-s]{opacity:0;pointer-events:none;transform:translateY(.5em)}.fkg[data-astro-cid-7mhqv54l][data-state="1"] [data-astro-cid-7mhqv54l][data-s="1"],.fkg[data-astro-cid-7mhqv54l][data-state="2"] [data-astro-cid-7mhqv54l][data-s="2"],.fkg[data-astro-cid-7mhqv54l][data-state="3"] [data-astro-cid-7mhqv54l][data-s="3"]{opacity:1;transform:none}.fkg__sw[data-astro-cid-7mhqv54l] s[data-astro-cid-7mhqv54l]{color:#7f7078;text-decoration-color:#3a1d3480}.fkg__sw[data-astro-cid-7mhqv54l] small[data-astro-cid-7mhqv54l]{flex-wrap:wrap;align-items:center;gap:.6em;display:flex}.fkg__chip[data-astro-cid-7mhqv54l]{white-space:nowrap;border-radius:999px;padding:.35em .7em;font-size:.9em;font-style:normal;font-weight:500;line-height:1}.fkg__chip--off[data-astro-cid-7mhqv54l]{color:#8d2f3a;background:#f6e3e3}.fkg__chip--wait[data-astro-cid-7mhqv54l]{color:#8a5a12;background:#f7eedc}.fkg__chip--on[data-astro-cid-7mhqv54l]{background:var(--n-ink);color:var(--n-on)}.fkg__note[data-astro-cid-7mhqv54l]{backdrop-filter:blur(1.6em)saturate(1.6);width:30em;transition:transform .6s var(--out);background:#ffffffd6;border-radius:1.8em;align-items:flex-start;gap:1.2em;padding:1.4em 1.6em;display:flex;position:absolute;top:2.4em;right:1.6em;box-shadow:0 0 0 1px #140e080d,0 1.6em 3.2em -1em #28121e47}.fkg__app[data-astro-cid-7mhqv54l]{width:1.8em;height:1.8em;font-style:normal;font-family:var(--n-serif);background:var(--n-ink);color:var(--n-gold);border-radius:.48em;flex:none;place-items:center;font-size:2.1em;display:grid}.fkg__note[data-astro-cid-7mhqv54l]>div[data-astro-cid-7mhqv54l]{flex:1;min-width:0;display:grid}.fkg__notehead[data-astro-cid-7mhqv54l]{grid-area:1/1;justify-content:space-between;font-size:1.4em;display:flex}.fkg__notehead[data-astro-cid-7mhqv54l] small[data-astro-cid-7mhqv54l]{color:#0009;font-size:.86em}.fkg__note[data-astro-cid-7mhqv54l] p[data-astro-cid-7mhqv54l]{color:#000000b8;transition:opacity .35s var(--ease), transform .45s var(--out);grid-area:2/1;margin:.2em 0 0;font-size:1.4em;line-height:1.35}.fkg[data-astro-cid-7mhqv54l].is-pulse .fkg__note[data-astro-cid-7mhqv54l]{animation:fkg-pop .55s var(--out)}@keyframes fkg-pop{0%{transform:translateY(-.8em)scale(.97)}}.fkg__steps[data-astro-cid-7mhqv54l]{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px;display:grid}.fkg__steps[data-astro-cid-7mhqv54l] button[data-astro-cid-7mhqv54l]{cursor:pointer;text-align:left;min-height:44px;font:inherit;color:var(--mute);transition:color .2s var(--ease);background:0 0;border:0;gap:8px;padding:6px 2px 4px;font-size:13.5px;display:grid}.fkg__steps[data-astro-cid-7mhqv54l] button[data-astro-cid-7mhqv54l][aria-pressed=true]{color:var(--fg);font-weight:500}.fkg__steps[data-astro-cid-7mhqv54l] button[data-astro-cid-7mhqv54l]:hover{color:var(--fg)}.fkg__steps[data-astro-cid-7mhqv54l] button[data-astro-cid-7mhqv54l]:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:6px}.fkg__bar[data-astro-cid-7mhqv54l]{background:var(--line2);border-radius:2px;height:2px;display:block;overflow:hidden}.fkg__bar[data-astro-cid-7mhqv54l] i[data-astro-cid-7mhqv54l]{transform-origin:0;background:#3a1d34;height:100%;display:block;transform:scaleX(0)}.fkg__steps[data-astro-cid-7mhqv54l] button[data-astro-cid-7mhqv54l].is-done .fkg__bar[data-astro-cid-7mhqv54l] i[data-astro-cid-7mhqv54l],.fkg__steps[data-astro-cid-7mhqv54l] button[data-astro-cid-7mhqv54l][aria-pressed=true] .fkg__bar[data-astro-cid-7mhqv54l] i[data-astro-cid-7mhqv54l]{transform:scaleX(1)}.fkg[data-astro-cid-7mhqv54l].is-playing .fkg__steps[data-astro-cid-7mhqv54l] button[data-astro-cid-7mhqv54l][aria-pressed=true] .fkg__bar[data-astro-cid-7mhqv54l] i[data-astro-cid-7mhqv54l]{animation:fkg-fill var(--fkg-t,2.6s) linear both}@keyframes fkg-fill{0%{transform:scaleX(0)}}.fkg__live[data-astro-cid-7mhqv54l]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fkg__tag[data-astro-cid-7mhqv54l]{max-width:44.4444cqw;color:var(--mute);font-size:12px;line-height:1.35;position:absolute;top:90cqw;left:0}@container (width<=480px){.fkg__stage[data-astro-cid-7mhqv54l]{height:70em;font-size:2.5cqw}.fkg__photo[data-astro-cid-7mhqv54l]{background-position:40% 62%;width:100%;height:30em;padding:2em 2.2em}.fkg__claim[data-astro-cid-7mhqv54l]{max-width:6.4em;font-size:3.4em}.fkg__chip[data-astro-cid-7mhqv54l]{font-size:1em}.fkg__note[data-astro-cid-7mhqv54l]{width:27em;top:6.4em;right:1.2em}.fkg__day[data-astro-cid-7mhqv54l]{width:auto;padding:1.8em 2em .8em;top:calc(30em + 34px);left:0;right:0}.fkg__tag[data-astro-cid-7mhqv54l]{max-width:none;top:calc(75cqw + 8px)}}@media (prefers-reduced-motion:reduce){.fkg[data-astro-cid-7mhqv54l] [data-astro-cid-7mhqv54l],.fkg[data-astro-cid-7mhqv54l] [data-astro-cid-7mhqv54l]:before{transition:none!important;animation:none!important}}.fkb{--n-ink:#3a1d34;--n-ink2:#5a3350;--n-cream:#f4ebe0;--n-cream2:#eadcca;--n-gold:#d4b483;--n-on:#f8efe3;--n-paper:#fbf7f2;--n-serif:"Instrument Serif", Georgia, serif;--n-sans:"Inter Variable", system-ui, sans-serif;--h:50px}.fkb__grid{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.fkb__book{background:var(--n-paper);color:var(--n-ink);font-family:var(--n-sans);border-radius:6px;flex-direction:column;min-height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #3a1d3414,0 4px 10px -2px #28121e0f,0 30px 60px -28px #28121e57}.fkb__head{height:132px;color:var(--n-on);background:var(--n-ink) url(/demo/branchen/friseur-kosmetik/salon.webp) 50% 58% / cover no-repeat;transition:background-position .6s var(--out);flex-direction:column;justify-content:space-between;padding:18px 22px;display:flex;position:relative}.fkb[data-group=Kosmetik] .fkb__head{background-image:url(/demo/branchen/friseur-kosmetik/kosmetik.webp);background-position:50% 62%}.fkb__head:before{content:"";background:linear-gradient(#1e0c1880,#1e0c181f 50%,#1e0c189e);position:absolute;inset:0}.fkb__brand,.fkb__sub{position:relative}.fkb__brand{font-family:var(--n-serif);font-size:24px;line-height:1}.fkb__sub{font-family:var(--n-serif);font-size:34px;font-style:italic;line-height:1}.fkb__progress{color:#7d6c76;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:14px 22px 0;font-size:12px;list-style:none;display:grid}.fkb__progress li{border-top:2px solid var(--n-cream2);transition:color .3s var(--ease), border-color .3s var(--ease);padding-top:8px}.fkb__progress li.is-on{color:var(--n-ink);border-color:var(--n-ink)}.fkb__panel{animation:fkb-in .4s var(--out);flex-direction:column;flex:1;padding:16px 22px 22px;display:flex}.fkb__panel[hidden]{display:none}@keyframes fkb-in{0%{opacity:0;transform:translateY(6px)}}.fkb__q{font-family:var(--n-serif);letter-spacing:-.005em;outline:none;font-size:30px;font-weight:400;line-height:1.05}.fkb__group{letter-spacing:.14em;text-transform:uppercase;color:#7d6c76;margin:16px 0 6px;font-size:11.5px}.fkb__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.fkb__panel[data-panel="2"] .fkb__list{margin-top:14px}.fkb__opt{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;min-height:48px;transition:box-shadow .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);background:#fff;border:0;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:11px 14px;display:grid;box-shadow:inset 0 0 0 1px #3a1d341a}.fkb__opt:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--n-ink)}.fkb__opt:active:not(:disabled){transform:scale(.99)}.fkb__opt:focus-visible,.fkb__back:focus-visible,.fkb__again:focus-visible,.fkb__slot:focus-visible{outline:2px solid var(--n-ink);outline-offset:2px}.fkb__optname{font-size:15px;font-weight:500}.fkb__optmeta{color:#7d6b76;font-variant-numeric:tabular-nums;font-size:13px}.fkb__optnote{color:#7f7078;grid-column:1/-1;margin-top:1px;font-size:12.5px}.fkb__opt--who{grid-template-columns:36px minmax(0,1fr)}.fkb__opt--who .fkb__av{grid-row:span 2}.fkb__opt--who .fkb__optnote{grid-column:2}.fkb__opt:disabled{cursor:not-allowed;color:#ab9ca5;background:0 0;box-shadow:inset 0 0 0 1px #3a1d340f}.fkb__opt:disabled .fkb__av{opacity:.5}.fkb__av{width:32px;height:32px;font-style:normal;font-family:var(--n-serif);background:var(--n-cream);color:var(--n-ink);border-radius:50%;flex:none;place-items:center;font-size:17px;display:inline-grid}.fkb__av--any{background:conic-gradient(var(--n-ink) 0 33%, var(--n-gold) 0 66%, var(--n-cream2) 0)}.fkb__back{cursor:pointer;font:inherit;color:#7d6b76;background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;min-height:32px;padding:0 0 8px;font-size:13px;display:inline-flex}.fkb__back:before{content:"";border-bottom:1.5px solid;border-left:1.5px solid;width:7px;height:7px;transform:rotate(45deg)}.fkb__back:hover{color:var(--n-ink)}.fkb__chosen{color:#7d6b76;margin-top:6px;font-size:13.5px}.fkb__slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:16px;display:grid}.fkb__slot{cursor:pointer;font:inherit;color:var(--n-ink);text-align:center;min-height:52px;transition:background .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease);animation:fkb-in .35s var(--out) both;animation-delay:calc(var(--i) * 25ms);background:#fff;border:0;border-radius:4px;place-content:center;padding:10px 6px;display:grid;box-shadow:inset 0 0 0 1px #3a1d341f}.fkb__slot b{font-variant-numeric:tabular-nums;font-size:15.5px;font-weight:600}.fkb__slot small{color:#7f7078;margin-top:1px;font-size:11.5px}.fkb__slot:hover,.fkb__slot:focus-visible{background:var(--n-ink);color:var(--n-on);box-shadow:none}.fkb__slot:hover small,.fkb__slot:focus-visible small{color:var(--n-gold)}.fkb__empty{color:#7d6b76;margin-top:16px;font-size:14px;line-height:1.5}.fkb__done{background:var(--n-ink);width:44px;height:44px;color:var(--n-gold);animation:fkb-pop .5s var(--out);border-radius:50%;place-items:center;margin-bottom:14px;display:grid}.fkb__done svg{width:22px;height:22px}@keyframes fkb-pop{0%{opacity:0;transform:scale(.4)}}.fkb__sum{border-top:1px solid var(--n-cream2);gap:0;margin:16px 0 0;display:grid}.fkb__sum div{border-bottom:1px solid var(--n-cream2);grid-template-columns:82px minmax(0,1fr);gap:10px;padding:10px 0;font-size:14.5px;display:grid}.fkb__sum dt{color:#7f7078}.fkb__sum dd{margin:0;font-weight:500}.fkb__remind{background:var(--n-cream);border-radius:4px;gap:4px;margin-top:16px;padding:14px 16px;font-size:13.5px;line-height:1.45;display:grid}.fkb__remind span{color:#6d5a66}.fkb__again{cursor:pointer;font:inherit;background:var(--n-ink);min-height:48px;color:var(--n-on);transition:background .2s var(--ease);border:0;border-radius:4px;align-self:stretch;margin-top:auto;font-size:15px;font-weight:500}.fkb__again:hover{background:var(--n-ink2)}.fkb__panel[data-panel="4"] .fkb__again{margin-top:20px}.fkb__cal{background:var(--surface);box-shadow:var(--lift);border-radius:18px;min-width:0;padding:18px 18px 16px}.fkb__calhead{color:var(--fg2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:14px;font-size:13.5px;display:flex}.fkb__calhead b{color:var(--fg);font-weight:600}.fkb__legend{color:var(--mute);align-items:center;gap:6px;font-size:12px;display:inline-flex}.fkb__lg{background:var(--n-cream2);border-radius:2px;width:10px;height:10px;margin-left:8px}.fkb__lg:first-child{margin-left:0}.fkb__lg--wait{background:repeating-linear-gradient(135deg, var(--n-cream2) 0 2px, transparent 2px 4px);box-shadow:inset 0 0 0 1px var(--n-cream2)}.fkb__lg--new{background:var(--n-ink)}.fkb__board{font-family:var(--n-sans);grid-template-columns:40px repeat(3,minmax(0,1fr));column-gap:6px;display:grid}.fkb__corner{height:38px}.fkb__colhead{height:38px;color:var(--fg);transition:opacity .3s var(--ease);align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex}.fkb__colhead .fkb__av{width:26px;height:26px;font-size:14px}.fkb__times{height:calc(var(--h) * 10);position:relative}.fkb__times span{left:0;top:calc(var(--y) * var(--h));color:var(--mute);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;transform:translateY(-50%)}.fkb__times span:first-child{transform:none}.fkb__times span:last-child{transform:translateY(-100%)}.fkb__col{height:calc(var(--h) * 10);transition:opacity .3s var(--ease), box-shadow .3s var(--ease);background:repeating-linear-gradient(180deg, transparent 0 calc(var(--h) - 1px), var(--line) calc(var(--h) - 1px) var(--h)), var(--surface2);border-radius:6px;position:relative}.fkb__offh{left:0;right:0;top:calc(var(--y) * var(--h));height:calc(var(--len) * var(--h));background:repeating-linear-gradient(135deg,#0000000d 0 1px,#0000 1px 7px);border-radius:6px;position:absolute}.fkb[data-step="2"] .fkb__col.is-off,.fkb[data-step="3"] .fkb__col.is-off,.fkb[data-step="2"] .fkb__colhead.is-off,.fkb[data-step="3"] .fkb__colhead.is-off{opacity:.35}.fkb__col.is-pick{box-shadow:0 0 0 1.5px var(--n-ink)}.fkb__blk{left:3px;right:3px;top:calc(var(--y) * var(--h) + 1px);height:calc(var(--len) * var(--h) - 2px);color:var(--n-ink);z-index:1;border-radius:4px;flex-direction:column;font-size:11.5px;line-height:1.2;display:flex;position:absolute;overflow:hidden}.fkb__blk.is-inset{z-index:2;box-shadow:0 0 0 2px var(--surface2);left:34%}.fkb__seg{background:var(--n-cream2);flex-direction:column;min-height:0;padding:4px 6px;display:flex;overflow:hidden}.fkb__seg+.fkb__seg{border-top:1px solid #ffffffb3}.fkb__seg.is-wait{background:repeating-linear-gradient(135deg, var(--n-cream2) 0 2px, #eadcca59 2px 6px);justify-content:center}.fkb__who{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.fkb__what{color:#6d5a66;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;overflow:hidden}.fkb__waitlbl{color:#7f7078;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-style:italic;overflow:hidden}.fkb__blk.is-short .fkb__seg{justify-content:center;padding-block:2px}.fkb__blk.is-ghost{opacity:.9;z-index:3}.fkb__blk.is-ghost .fkb__seg{box-shadow:inset 0 0 0 1.5px var(--n-ink);background:#3a1d3414}.fkb__blk.is-ghost .fkb__seg.is-wait{background:repeating-linear-gradient(135deg,#3a1d3424 0 2px,#0000 2px 6px)}.fkb__blk.is-ghost .fkb__seg+.fkb__seg{border-top:0}.fkb__blk.is-new{z-index:3;animation:fkb-drop .55s var(--out);box-shadow:0 8px 18px -8px #28121e80}.fkb__blk.is-new .fkb__seg{background:var(--n-ink);color:var(--n-on)}.fkb__blk.is-new .fkb__what,.fkb__blk.is-new .fkb__waitlbl{color:var(--n-gold)}.fkb__blk.is-new .fkb__seg.is-wait{background:repeating-linear-gradient(135deg, var(--n-ink) 0 2px, var(--n-ink2) 2px 6px)}@keyframes fkb-drop{0%{opacity:0;transform:translateY(-10px)scale(.96)}}.fkb__hint{color:var(--mute);max-width:560px;margin-top:14px;font-size:13px;line-height:1.5}.fkb__live{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=900px){.fkb__grid{grid-template-columns:minmax(0,1fr)}.fkb__book{min-height:0}.fkb{--h:44px}}@media (width<=520px){.fkb__head{height:112px;padding:14px 16px}.fkb__sub{font-size:30px}.fkb__progress{padding-inline:16px}.fkb__panel{padding:14px 16px 18px}.fkb__cal{border-radius:16px;padding:14px 12px 12px}.fkb__board{grid-template-columns:32px repeat(3,minmax(0,1fr));column-gap:4px}.fkb__waitlbl{display:none}.fkb__blk{font-size:10.5px;left:2px;right:2px}.fkb__seg{padding:3px 4px}}@media (prefers-reduced-motion:reduce){.fkb *,.fkb :before{transition:none!important;animation:none!important}}
