@font-face{font-family:Inter;src:url(../media/Inter-latin.33gca1im1ku45.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;src:url(../media/Inter-latin-ext.15c5kk-3im2ev.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--grund:#f6f6f3;--tinte:#232425;--text-2:#4b4d50;--text-3:#66686b;--linie:#ecebe8;--rand:#e6e5e1;--rand-feld:#d9d8d4;--rand-hover:#c6c5c0;--flaeche:#f3f2ef;--flaeche-2:#ebeae6;--ci:#ac4fe2;--ci-dunkler:#7f38a8;--mint:#e4f7ef;--gruen-tief:#1c7a5a;--rot:#b3261e;--rot-hell:#fdecea;--gelb-hell:#faf6c4;--gelb-tief:#6a6200;--fokus:#0040ff;--schrift:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--schrift);color:var(--tinte);background:var(--grund);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}a{color:inherit}:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.2}.knopf{background:var(--tinte);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:560;text-decoration:none;transition:background .15s;display:inline-flex}.knopf:hover{background:var(--ci-dunkler)}.knopf:disabled{opacity:.55;cursor:default}.knopf.neben{background:var(--flaeche);color:var(--tinte)}.knopf.neben:hover{background:var(--flaeche-2)}.knopf.klein{min-height:34px;padding:0 14px;font-size:14px}.knopf.gefahr{background:var(--rot-hell);color:var(--rot)}.feld{align-content:start;gap:6px;margin-bottom:16px;display:grid}.feld>span{font-size:14px;font-weight:560}.feld small{color:var(--text-3);font-size:13px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=tel],input[type=date],input[type=time],select,textarea{border:1px solid var(--rand-feld);width:100%;min-height:44px;color:var(--tinte);font:inherit;background:#fff;border-radius:12px;padding:10px 14px}textarea{resize:vertical;min-height:96px}input:hover,select:hover,textarea:hover{border-color:var(--rand-hover)}input[type=color]{border:1px solid var(--rand-feld);background:#fff;border-radius:12px;width:44px;height:44px;padding:2px}.haken{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.haken input{width:18px;height:18px;accent-color:var(--tinte);margin-top:2px}.hinweis{background:var(--flaeche);color:var(--text-2);border-radius:12px;padding:12px 16px;font-size:14px}.hinweis.ok{background:var(--mint);color:var(--gruen-tief)}.hinweis.fehler{background:var(--rot-hell);color:var(--rot)}.hinweis.warn{background:var(--gelb-hell);color:var(--gelb-tief)}.leise{color:var(--text-3)}.nur-leser{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.leiste{border-right:1px solid var(--rand);background:#fff;flex-direction:column;gap:4px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.leiste .marke{color:var(--tinte);padding:2px 12px 22px;text-decoration:none;display:block}.leiste .marke i{color:var(--ci);font-style:normal}.leiste a.punkt{color:var(--text-2);border-radius:10px;padding:9px 12px;font-weight:500;text-decoration:none;display:block}.leiste a.punkt:hover{background:var(--flaeche);color:var(--tinte)}.leiste a.punkt[aria-current=page]{background:var(--flaeche);color:var(--tinte);font-weight:600}.leiste .unten{color:var(--text-3);margin-top:auto;padding:12px;font-size:13px}.haupt{max-width:1080px;padding:32px 40px 80px}.kopf{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.kopf h1{font-size:28px}.kopf p{color:var(--text-2);margin:6px 0 0}.karte{border:1px solid var(--rand);background:#fff;border-radius:16px;margin-bottom:16px;padding:24px}.karte h2{margin-bottom:12px;font-size:18px}.raster{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.zwei{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.reihe{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ereignis-karte{border:1px solid var(--rand);border-top:4px solid var(--farbe,var(--ci-dunkler));background:#fff;border-radius:16px;padding:20px 20px 16px;position:relative}.ereignis-karte h3{font-size:17px}.ereignis-karte .meta{color:var(--text-3);margin:4px 0 14px;font-size:14px}.chip{background:var(--flaeche);color:var(--text-2);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:500;display:inline-block}.chip.ok{background:var(--mint);color:var(--gruen-tief)}.chip.aus{background:var(--rot-hell);color:var(--rot)}table.liste{border-collapse:collapse;width:100%}table.liste th{text-align:left;color:var(--text-3);border-bottom:1px solid var(--linie);padding:8px 12px;font-size:13px;font-weight:560}table.liste td{border-bottom:1px solid var(--linie);vertical-align:top;padding:12px}.wochenzeile{border-bottom:1px solid var(--linie);grid-template-columns:140px 1fr;align-items:start;gap:12px;padding:12px 0;display:grid}.fenster{align-items:center;gap:8px;margin-bottom:8px;display:flex}.fenster input[type=time]{width:150px}pre.code{background:var(--tinte);color:#f3f2ef;white-space:pre-wrap;word-break:break-all;border-radius:12px;margin:0;padding:16px;font:13px/1.6 ui-monospace,SF Mono,Menlo,Consolas,monospace}.mitte{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.mitte .karte{width:100%;max-width:420px}.buchung{--akzent:var(--ci-dunkler);--akzent-text:#fff;--hg:var(--grund);--karte:#fff;--knopf-radius:999px;background:var(--hg);min-height:100vh;color:var(--tinte);font-family:var(--schrift);padding:32px 16px}.buchung.eingebettet{background:0 0;min-height:0;padding:0}.buchung .rahmen{border:1px solid var(--rand);background:var(--karte);border-radius:20px;grid-template-columns:minmax(260px,340px) 1fr;max-width:1000px;margin:0 auto;display:grid;overflow:hidden}.buchung.eingebettet .rahmen{max-width:none}.buchung .info{border-right:1px solid var(--linie);padding:28px}.buchung .logo{object-fit:contain;max-width:180px;max-height:44px;margin-bottom:20px;display:block}.buchung .kunde{color:var(--text-3);font-size:14px;font-weight:560}.buchung .titel{margin:4px 0 16px;font-size:24px}.buchung .eckdaten{color:var(--text-2);gap:8px;margin:0 0 16px;padding:0;font-weight:500;list-style:none;display:grid}.buchung .eckdaten li{align-items:center;gap:10px;display:flex}.buchung .eckdaten svg{stroke:currentColor;fill:none;stroke-width:1.8px;flex:none;width:18px;height:18px}.buchung .beschreibung{color:var(--text-2);white-space:pre-line;font-size:14px}.buchung .wahl{--rand-x:28px;padding:28px var(--rand-x);min-height:460px}.buchung .wahl h2{margin-bottom:16px;font-size:18px}.buchung .kal-kopf{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.buchung .kal-kopf strong{text-transform:capitalize;font-weight:600}.buchung .pfeil{background:var(--flaeche);width:36px;height:36px;color:var(--tinte);font:inherit;cursor:pointer;border:0;border-radius:999px;font-size:18px}.buchung .pfeil:disabled{opacity:.35;cursor:default}.buchung .tage{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.buchung .tage .wt{color:var(--text-3);padding:6px 0;font-size:12px;font-weight:600}.buchung .tag{aspect-ratio:1;max-height:48px;color:var(--text-3);font:inherit;cursor:default;background:0 0;border:0;border-radius:999px;font-weight:500}.buchung .tag.frei{background:color-mix(in oklab, var(--akzent) 12%, white);color:var(--akzent);cursor:pointer;font-weight:650}.buchung .tag.frei:hover{background:color-mix(in oklab, var(--akzent) 22%, white)}.buchung .tag.gewaehlt,.buchung .tag.gewaehlt:hover{background:var(--akzent-knopf,var(--akzent));color:var(--akzent-text)}.buchung .tag.heute{text-underline-offset:4px;text-decoration:underline}.buchung .spalten{grid-template-columns:1fr 200px;gap:24px;display:grid}.buchung .zeiten{align-content:start;gap:8px;max-height:400px;padding-right:4px;display:grid;overflow-y:auto}.buchung .zeit{border:1px solid color-mix(in oklab, var(--akzent) 45%, white);border-radius:var(--knopf-radius);background:var(--karte);min-height:44px;color:var(--akzent);font:inherit;cursor:pointer;font-weight:600}.buchung .zeit:hover{border-color:var(--akzent)}.buchung .zeit.gewaehlt{border-color:var(--akzent-knopf,var(--akzent));background:var(--akzent-knopf,var(--akzent));color:var(--akzent-text)}.buchung .knopf.akzent{background:var(--akzent-knopf,var(--akzent));color:var(--akzent-text);border-radius:var(--knopf-radius)}@media (hover:hover){.buchung .knopf.akzent:hover{background:color-mix(in oklab, var(--akzent-knopf,var(--akzent)) 85%, black)}}.buchung .zone{color:var(--text-2);align-items:center;gap:8px;margin-top:20px;font-size:14px;display:flex}.buchung .zone select{width:auto;min-height:36px;padding:4px 10px;font-size:14px}.buchung .gewaehlt-info{background:color-mix(in oklab, var(--akzent) 10%, white);color:var(--tinte);border-radius:12px;margin-bottom:16px;padding:12px 16px;font-weight:560}.buchung .info{flex-direction:column;display:flex}.buchung .fuss{color:var(--text-3);margin:auto 0 0;padding-top:24px;font-size:12px}.buchung .fuss a{text-decoration:none}.buchung .erfolg{text-align:center;padding:40px 12px}.buchung .erfolg .kreis{background:var(--akzent-knopf,var(--akzent));width:56px;height:56px;color:var(--akzent-text);border-radius:999px;place-items:center;margin-bottom:16px;font-size:28px;display:inline-grid}.buchung .lade{min-height:300px;color:var(--text-3);place-items:center;display:grid}.buchung .firmenfuss{color:var(--text-3);overflow-wrap:anywhere;font-size:12px;line-height:1.55}.buchung .firmenfuss p{margin:0}.buchung .firmenfuss p+p{margin-top:2px}.buchung .firmenfuss strong{color:var(--text-2);font-weight:560}.buchung .firmenfuss a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, currentColor 35%, transparent);text-decoration-color:color-mix(in oklab, currentColor 35%, transparent);text-underline-offset:2px}.buchung .firmenfuss details{margin-top:4px}.buchung .firmenfuss summary{cursor:pointer;width:fit-content}.buchung .firmenfuss dl{margin:4px 0 0}.buchung .firmenfuss dt{font-weight:560}.buchung .firmenfuss dd{margin:0}.buchung .rahmen>.firmenfuss{border-top:1px solid var(--linie);grid-column:1/-1;padding:14px 28px}.buchung .rahmen>.firmenfuss.kompakt{padding:10px 28px}.buchung .liste-ereignisse>.firmenfuss{text-align:center;margin-top:12px}.buchung .liste-ereignisse>.firmenfuss summary{margin:0 auto}.buchung .liste-ereignisse{gap:12px;max-width:640px;margin:0 auto;display:grid}.buchung .liste-ereignisse>a{border:1px solid var(--rand);border-left:4px solid var(--farbe,var(--akzent));background:var(--karte);border-radius:16px;padding:20px 24px;text-decoration:none;display:block}.buchung .liste-ereignisse>a:hover{border-color:var(--rand-hover)}@media (max-width:760px){.buchung{padding:0}.buchung .rahmen{border-left:0;border-right:0;border-radius:0;grid-template-columns:1fr}.buchung.eingebettet .rahmen{border:1px solid var(--rand);border-radius:16px}.buchung .info{border-right:0;border-bottom:1px solid var(--linie);padding:20px}.buchung .wahl{--rand-x:20px;padding:20px var(--rand-x);min-height:0}.buchung .rahmen>.firmenfuss{padding:14px 20px}.buchung .spalten{grid-template-columns:1fr}.buchung .zeiten{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));max-height:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.buchung .ebenen{margin:0 calc(-1 * var(--rand-x));padding:0 var(--rand-x);position:relative}.buchung .ebenen.gleitet{pointer-events:none;overflow:hidden}.buchung .ebene.raus{top:0;left:var(--rand-x);right:var(--rand-x);position:absolute}.buchung .ebene.rein.vor{animation:.28s cubic-bezier(.25,.8,.3,1) both ebene-von-rechts}.buchung .ebene.raus.vor{animation:.28s cubic-bezier(.25,.8,.3,1) both ebene-nach-links}.buchung .ebene.rein.zurueck{animation:.28s cubic-bezier(.25,.8,.3,1) both ebene-von-links}.buchung .ebene.raus.zurueck{animation:.28s cubic-bezier(.25,.8,.3,1) both ebene-nach-rechts}@keyframes ebene-von-rechts{0%{transform:translateX(calc(100% + var(--rand-x)))}to{transform:none}}@keyframes ebene-nach-links{0%{transform:none}to{transform:translateX(calc(-100% - var(--rand-x)))}}@keyframes ebene-von-links{0%{transform:translateX(calc(-100% - var(--rand-x)))}to{transform:none}}@keyframes ebene-nach-rechts{0%{transform:none}to{transform:translateX(calc(100% + var(--rand-x)))}}@keyframes ebene-blende{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.buchung .ebene.raus{display:none}.buchung .ebene.rein.vor,.buchung .ebene.rein.zurueck{animation:.12s ease-out both ebene-blende}}.buchung .ebenen-anker{height:0;scroll-margin-top:12px}.buchung [data-titel]:focus:not(:focus-visible){outline:none}.nur-vorlesen{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.buchung .stufe{max-width:520px;margin:0 auto}.buchung .ebene-kopf{grid-template-columns:40px 1fr 40px;align-items:center;margin-bottom:4px;display:grid}.buchung .wahl .ebene-kopf h2{text-align:center;grid-column:2;margin:0}.buchung .ebene-kopf .wochentag{text-transform:capitalize;font-size:20px;font-weight:650;display:block}.buchung .ebene-kopf .datum{letter-spacing:0;color:var(--text-2);margin-top:2px;font-size:15px;font-weight:500;display:block}.buchung .zurueck-pfeil{grid-area:1/1;place-items:center;width:40px;height:40px;display:grid}.buchung .zurueck-pfeil svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.buchung .stufe>.zone{justify-content:center;margin:8px 0 20px}.buchung .zeiten-titel{margin:0;font-size:16px;font-weight:650}.buchung .dauer{color:var(--text-2);margin:2px 0 14px;font-size:14px}.buchung .zeiten.voll{grid-template-columns:1fr;max-height:none;padding-right:0;overflow:visible}.buchung .zeiten.voll .zeit{min-height:52px;font-size:16px}.buchung .zeiten.voll .zeit-gewaehlt .knopf.weiter{min-height:52px}.buchung .knopf.weiter{min-height:44px;padding:0 10px}.buchung .zurueck-knopf{margin-bottom:16px}.buchung .wahl .gewaehlt-info{letter-spacing:0;margin:0 0 16px;font-size:15px;line-height:1.5}.buchung .tag-titel{margin-bottom:10px;font-weight:600}.buchung .klein-text{font-size:14px}.buchung .fett{font-weight:560}.buchung .honigtopf{position:absolute;left:-9999px}.buchung .datenschutz-hinweis{margin-top:12px;font-size:12px}.knopf.voll{width:100%}.feldfehler{font-weight:500;color:var(--rot)!important}[aria-invalid=true]{border-color:var(--rot)!important}.buchung .zeit-gewaehlt{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:6px;display:grid}input:disabled,select:disabled{background:var(--flaeche);color:var(--text-3)}.app{background:linear-gradient(to right, #fff 240px, var(--grund) 240px)}.recht{max-width:760px;margin:0 auto;padding:32px 20px 80px;font-size:16px;line-height:1.65}.recht-kopf{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.recht .marke{letter-spacing:-.04em;font-size:20px;font-weight:640;text-decoration:none}.recht .marke i{color:var(--ci);font-style:normal}.recht h1{margin-bottom:4px;font-size:32px}.recht h2{margin:32px 0 8px;font-size:19px}.recht address{font-style:normal}.recht-fuss{margin-top:48px;font-size:14px}.rechtslinks{margin-top:6px;font-size:12px;display:block}.rechtslinks a{color:var(--text-3)}.start{max-width:1080px;margin:0 auto;padding:24px 20px 40px}.start-kopf{justify-content:space-between;align-items:center;margin-bottom:72px;display:flex}.start .marke{letter-spacing:-.04em;font-size:22px;font-weight:640;text-decoration:none}.start .marke i{color:var(--ci);font-style:normal}.start-kopf nav a.leise{margin-right:8px;text-decoration:none}.start-held{max-width:760px;margin-bottom:64px}.start-held h1{letter-spacing:-.035em;margin-bottom:20px;font-size:clamp(34px,5vw,56px)}.start-lead{color:var(--text-2);margin:0 0 28px;font-size:clamp(17px,1.6vw,20px)}.start-raster{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:16px;display:grid}.start-raster .karte,.start-google{margin:0}.start-google{margin-bottom:48px}.start-google ul{color:var(--text-2);padding-left:20px}.start-google li{margin-bottom:8px}.start-fuss{border-top:1px solid var(--linie);color:var(--text-3);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;font-size:14px;display:flex}.start-fuss a{color:var(--text-3)}.hinweis{overflow-wrap:anywhere}.karte>p.unterzeile,.karte p.unterzeile{color:var(--text-2);margin:-6px 0 18px;font-size:14px}.firma{container-type:inline-size}.firma-raster{align-items:start;gap:16px;display:grid}@container (min-width:900px){.firma-raster{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.firma-haupt,.firma-seite{min-width:0}.feld>.titel{font-size:14px;font-weight:560}.feld-hinweis{color:var(--text-3);margin:-8px 0 16px;font-size:13px}.adresse-zeile{grid-template-columns:1fr 6rem;gap:0 12px;display:grid;position:relative}.plz-ort{grid-template-columns:7rem 1fr;gap:0 12px;display:grid}.vorschlaege{z-index:20;border:1px solid var(--rand);background:#fff;border-radius:12px;max-height:16rem;margin:0;padding:6px 0;font-size:14px;list-style:none;position:absolute;top:calc(100% - 10px);left:0;right:0;overflow:auto;box-shadow:0 12px 32px #2324251f}.vorschlaege[hidden]{display:none}.vorschlaege li{color:var(--text-2);cursor:pointer;padding:10px 14px}.vorschlaege li[aria-selected=true]{background:var(--mint);color:var(--tinte)}.stempel{color:var(--text-3);margin:0;font-size:12.5px}.stempel.ok{color:var(--gruen-tief)}.logo-vorschau{border:1px solid var(--rand);object-fit:contain;background:#fff;border-radius:12px;max-width:100%;max-height:96px;margin-bottom:16px;padding:8px;display:block}input[type=file]{font:inherit;font-size:14px}input[type=file]::file-selector-button{background:var(--flaeche);color:var(--tinte);font:inherit;cursor:pointer;border:0;border-radius:999px;margin-right:12px;padding:8px 14px;font-weight:560}table.liste.klickbar tbody tr{position:relative}table.liste.klickbar tbody tr:hover{background:var(--flaeche)}table.liste .zeilenlink{text-decoration:none}table.liste .zeilenlink:after{content:"";position:absolute;inset:0}table.liste .zahl{text-align:right;white-space:nowrap}.kennung{color:var(--text-3);font:13px ui-monospace,SF Mono,Menlo,Consolas,monospace}@media (max-width:760px){.app{background:var(--grund);grid-template-columns:1fr}.leiste{border-right:0;border-bottom:1px solid var(--rand);flex-flow:wrap;align-items:center;height:auto;padding:12px 16px;position:static}.leiste .marke{flex-basis:100%;padding:4px 12px 10px}.leiste a.punkt{padding:7px 10px}.leiste .unten{border-top:1px solid var(--linie);flex-wrap:wrap;flex-basis:100%;align-items:center;gap:4px 12px;margin-top:8px;padding:8px 12px 0;display:flex}.leiste .unten form{margin:0 0 0 auto!important}.haupt{min-width:0;padding:20px 16px 64px}.zwei{grid-template-columns:1fr}.adresse-zeile{grid-template-columns:1fr 5rem}.plz-ort{grid-template-columns:6rem 1fr}.karte:has(>table){overflow-x:auto}}.abweichung{padding:4px 0 8px}.abweichung+.abweichung{border-top:1px solid var(--linie);padding-top:12px}.abweichung-kopf{flex-wrap:wrap}.abweichung-fenster{padding-left:24px}.abweichung-fenster .fenster{flex-wrap:wrap}.von-bis{flex-wrap:wrap;align-items:flex-end;gap:8px;display:inline-flex}.von-bis>span{padding-bottom:12px}.mini-feld{gap:2px;display:grid}.mini-feld small{color:var(--text-3);font-size:12px}.abweichung-kopf{align-items:flex-end}@media (max-width:760px){.wochenzeile{grid-template-columns:1fr;gap:4px}.wochenzeile .fenster{flex-wrap:wrap}.fenster input[type=time]{width:132px}}.telefon-zeile{grid-template-columns:auto minmax(0,1fr);gap:8px;display:grid}.telefon-feld .vorwahl{border:1px solid var(--rand-feld);min-height:44px;color:var(--tinte);white-space:nowrap;font-variant-numeric:tabular-nums;background:#fff;border-radius:12px;align-items:center;padding:0 30px 0 12px;display:flex;position:relative}.telefon-feld .vorwahl:after{content:"";opacity:.7;pointer-events:none;border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;margin-top:-5px;position:absolute;top:50%;right:12px;transform:rotate(45deg)}.telefon-feld .vorwahl:hover{border-color:var(--rand-hover)}.telefon-feld .vorwahl:focus-within{outline:2px solid var(--fokus);outline-offset:2px}.telefon-feld .vorwahl-flagge{margin-right:4px;font-size:18px;line-height:1}.telefon-feld .vorwahl select{opacity:0;cursor:pointer;width:100%;height:100%;min-height:0;font-size:16px;position:absolute;inset:0}.telefon-feld .vorwahl:has(select:disabled){background:var(--flaeche)}.telefon-feld:has([aria-invalid=true]) .vorwahl{border-color:var(--rot)}.buchung input[type=text],.buchung input[type=email],.buchung input[type=tel],.buchung input[type=number],.buchung input[type=url],.buchung select,.buchung textarea,.buchung .telefon-feld .vorwahl{background:var(--karte);color:var(--tinte);border-color:color-mix(in oklab, var(--tinte) 28%, transparent)}.buchung select option{background:var(--karte);color:var(--tinte)}.buchung .pfeil{background:color-mix(in oklab, var(--tinte) 9%, transparent)}.datum-zeit{flex-wrap:wrap;gap:8px;display:inline-flex}.abweichung-kopf .ganztags{white-space:nowrap;margin:0 0 12px}.abweichung-kopf .knopf[aria-label=Abweichung\ entfernen]{margin-left:auto}.abweichung-daten{flex-wrap:wrap}@media (max-width:760px){.von-bis>span[aria-hidden=true]{display:none}}.buchung .knopf.neben{background:color-mix(in oklab, var(--tinte) 9%, transparent);color:var(--tinte)}.buchung .knopf.neben:hover{background:color-mix(in oklab, var(--tinte) 15%, transparent)}.buchung .gewaehlt-info{background:color-mix(in oklab, var(--akzent) 14%, var(--karte))}.vorschau{margin-top:14px}.vorschau-hinweis{margin:8px 0 0;font-size:13px}.vorschau-seite{border:1px solid var(--rand);background:var(--grund);border-radius:14px;overflow:hidden}.vorschau-leiste{border-bottom:1px solid var(--rand);background:#fff;align-items:center;gap:6px;padding:8px 12px;display:flex}.vorschau-leiste span{background:var(--rand);border-radius:99px;width:10px;height:10px}.vorschau-leiste em{color:var(--text-3);margin-left:8px;font-size:12px;font-style:normal}.vorschau-inhalt{gap:16px;padding:20px;display:grid}.vorschau-platzhalter{gap:8px;display:grid}.vorschau-platzhalter i{background:var(--rand);border-radius:6px;height:10px;display:block}.buchung .rahmen,.buchung .ebenen.gleitet{overflow:clip}.buchung .info-fuss{margin-top:auto;padding-top:24px}.buchung .marken-fuss{border-top:1px solid var(--linie);grid-column:1/-1;padding:12px 28px}.buchung .marken-fuss .fuss{flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0;padding:0;display:flex}.buchung .marken-fuss .marke{align-items:center;gap:5px;display:inline-flex}.buchung .marken-fuss .marke a{color:var(--text-2);display:inline-flex}.buchung .marken-fuss .marke a:hover{color:var(--tinte)}.buchung .marken-fuss .nur-schmal .firmenfuss{margin-bottom:10px}.buchung .nur-schmal{display:none}.buchung .zeiten-kopf{z-index:2;margin:0 calc(-1 * var(--rand-x,20px));padding:10px var(--rand-x,20px) 4px;background:var(--karte);position:sticky;top:0}@media (max-width:760px){.buchung .nur-breit{display:none}.buchung .nur-schmal{display:block}.buchung .marken-fuss{padding:12px 20px}}.buchung .marke-zeile{align-items:center;gap:5px;margin-right:10px;display:inline-flex}.buchung .marke-zeile a{color:var(--text-2);display:inline-flex}.buchung .rahmen,.buchung .spalten,.buchung .rahmen>*,.buchung .spalten>*{min-width:0}@media (max-width:760px){.buchung .rahmen{grid-template-columns:minmax(0,1fr)}}.buchung .tage{grid-template-columns:repeat(7,minmax(0,1fr))}.buchung .tage button{min-width:0}.buchung .zone{flex-wrap:wrap;min-width:0}.buchung .zone select{flex:160px;min-width:0;max-width:100%}.kopier-zeile{align-items:center;margin:8px 0 12px}code.umbruch{overflow-wrap:anywhere;font-size:13px}.buchung .rahmen.zeiten-flaeche{height:max(var(--flaeche-h,100dvh), 280px);flex-direction:column;display:flex}.buchung .rahmen.zeiten-flaeche>.info{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.buchung:not(.eingebettet):has(.zeiten-flaeche){min-height:100dvh}.buchung .rahmen.zeiten-flaeche>.wahl,.buchung .rahmen.zeiten-flaeche .ebenen,.buchung .rahmen.zeiten-flaeche .ebene:not(.raus),.buchung .rahmen.zeiten-flaeche .ebene:not(.raus)>.stufe{flex-direction:column;flex:auto;min-height:0;display:flex}.buchung .rahmen.zeiten-flaeche .zeiten-kopf{flex:none;position:static}.buchung .zeiten-scroll{min-height:0}.buchung .rahmen.zeiten-flaeche .zeiten-scroll{-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--rand-x,20px));padding:0 var(--rand-x,20px) 12px;border-top:1px solid var(--linie);flex:auto;overflow-y:auto}.buchung .rahmen.zeiten-flaeche>.marken-fuss{flex:none}.buchung .rahmen.zeiten-flaeche .zeiten-scroll{min-height:160px}.buchung .rahmen.zeiten-flaeche>.wahl{padding-bottom:0}.buchung .rahmen.zeiten-flaeche .zeiten.voll{max-height:none;overflow:visible}@media (max-height:520px){.buchung .rahmen.zeiten-flaeche .marken-fuss .nur-schmal{display:none}.buchung .rahmen.zeiten-flaeche .zeiten-kopf{padding-top:4px}.buchung .rahmen.zeiten-flaeche .zeiten-kopf .zone{margin-top:6px}.buchung .rahmen.zeiten-flaeche>.marken-fuss{padding-top:6px;padding-bottom:6px}}@media (hover:none){.buchung .zeit:hover{border-color:color-mix(in oklab, var(--akzent) 45%, white)}}.buchung .zeit-gewaehlt .zeit.gewaehlt{background:color-mix(in oklab, var(--akzent) 12%, var(--karte));color:var(--akzent);border:2px solid var(--akzent)}.buchung .slide-kopf{align-items:center;gap:12px;min-height:44px;display:flex}.buchung .slide-kopf .slide-logo{max-width:60%;max-height:30px;margin:0}.buchung .slide-name{color:var(--tinte);font-weight:600}.buchung .wahl h2.slide-tag{text-align:center;flex-direction:column;margin:10px 0 0;display:flex}.buchung .slide-tag .wochentag{font-size:20px}.buchung .slide-tag .datum{color:var(--text-2);font-size:15px;font-weight:500}.buchung .wahl h2.slide-titel{margin:12px 0 8px;font-size:20px}.buchung .angaben-slide>.slide-kopf{margin:0 calc(-1 * var(--rand-x,20px));padding:10px var(--rand-x,20px) 8px}.buchung .rahmen.zeiten-flaeche .panel-scroll{-webkit-overflow-scrolling:touch;min-height:0;margin:0 calc(-1 * var(--rand-x,20px));padding:4px var(--rand-x,20px) 12px;flex:auto;overflow-y:auto}.buchung .rahmen.zeiten-flaeche .panel-fuss{margin:0 calc(-1 * var(--rand-x,20px));padding:10px var(--rand-x,20px) 6px;border-top:1px solid var(--linie);background:var(--karte);flex:none}.buchung .rahmen.zeiten-flaeche .panel-fuss .datenschutz-hinweis{margin:6px 0 0;font-size:12px}.buchung .rahmen.vollbild{border:0;border-radius:0;min-height:100dvh}.buchung .rahmen.vollbild.zeiten-flaeche{height:100dvh}.buchung .rahmen.zeiten-flaeche .marken-fuss .nur-schmal{max-height:25vh;overflow-y:auto}.buchung .rahmen.zeiten-flaeche .panel-scroll{min-height:120px}.buchung .rahmen.zeiten-flaeche .panel-fuss .hinweis{margin:0 0 8px}@media (max-height:460px){.buchung .rahmen.zeiten-flaeche,.buchung .rahmen.vollbild.zeiten-flaeche{height:auto;display:block}.buchung .rahmen.zeiten-flaeche .zeiten-scroll,.buchung .rahmen.zeiten-flaeche .panel-scroll{min-height:0;overflow:visible}.buchung .rahmen.zeiten-flaeche .ebenen,.buchung .rahmen.zeiten-flaeche .ebene:not(.raus),.buchung .rahmen.zeiten-flaeche .ebene:not(.raus)>.stufe{display:block}}@media (max-width:760px){.buchung input[type=text],.buchung input[type=email],.buchung input[type=tel],.buchung select,.buchung .zone select,.buchung textarea{font-size:16px}}.buchung .kopfleiste{min-height:54px;margin:0 calc(-1 * var(--rand-x,20px));padding:4px calc(var(--rand-x,20px) - 10px);background:var(--karte);border-bottom:1px solid var(--linie);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px;display:grid}.buchung .kopfleiste .kl-seite{justify-content:center;display:flex}.buchung .wahl .kopfleiste h2{text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}.buchung .kopfleiste.marke{padding:4px calc(var(--rand-x,20px) - 10px) 4px var(--rand-x,20px);grid-template-columns:minmax(0,1fr) 44px}.buchung .kl-logo{max-width:70%;max-height:28px;display:block}.buchung .kl-name{color:var(--tinte);font-weight:600}.buchung .rahmen.stufen-modus>.info>.logo,.buchung .rahmen.stufen-modus>.info>.kunde{display:none}.buchung .icon-knopf{width:44px;height:44px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.buchung .icon-knopf svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.buchung .icon-knopf:hover,.buchung .icon-knopf:active{background:color-mix(in oklab, var(--tinte) 8%, transparent);color:var(--tinte)}.buchung .icon-knopf:disabled{opacity:.4}.buchung .rahmen.zeiten-flaeche>.wahl{padding-top:0}.buchung .rahmen.zeiten-flaeche .kopfleiste{flex:none}.buchung .rahmen.zeiten-flaeche>.marken-fuss{display:none}.buchung .rahmen.zeiten-flaeche .zeiten-scroll{border-top:0;padding-top:14px}.buchung .zeiten-meta{color:var(--text-2);margin:0 0 4px;font-size:14px}.buchung .zeiten-meta strong{color:var(--tinte)}.buchung .zeiten-scroll .zone{margin:8px 0 14px}.buchung .zusammenfassung{background:color-mix(in oklab, var(--tinte) 5%, var(--karte));color:var(--text-2);border-radius:14px;gap:4px;margin:6px 0 18px;padding:12px 14px;font-size:14px;display:grid}.buchung .zusammenfassung strong{color:var(--tinte);font-size:15px}.buchung .zusammenfassung span{align-items:center;gap:8px;display:flex}.buchung .zusammenfassung svg{fill:none;stroke:currentColor;stroke-width:1.8px;flex:none;width:16px;height:16px}.buchung .rahmen.zeiten-flaeche .panel-scroll{padding-top:12px}.buchung .rahmen.zeiten-flaeche .panel-fuss{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.buchung .rahmen.fertig-modus>.info{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.buchung .rahmen.stufen-modus>.wahl{padding-top:0}.buchung .rahmen.stufen-modus .kopfleiste{z-index:3;position:sticky;top:0}.buchung .rahmen.stufen-modus .ebene>.info{margin:0 calc(-1 * var(--rand-x,20px));border-right:0}.buchung .rahmen.stufen-modus .ebene>.marken-fuss{margin:8px calc(-1 * var(--rand-x,20px)) 0}.buchung .rahmen.stufen-modus .kal-stufe{padding-top:20px}.buchung .rahmen.stufen-modus .erfolg{padding-top:32px}.buchung .ebene,.buchung .stufe,.buchung .zeiten-scroll,.buchung .panel-scroll{min-width:0}.buchung .zone select{width:100%;min-width:0}@media (min-width:761px) and (max-width:900px){.buchung .spalten{grid-template-columns:1fr}}