:root{--tinte:#202629;--text:#293239;--leise:#656252;--zart:#637580;--linie:#d8e0e5;--fond:#edf1f4;--weiss:#fff;--magenta:#30362f;--violett:#30362f;--blau:#30362f;--tuerkis:#30362f;--gelb:#30362f;--orange:#30362f;--rot:#30362f;--spektrum:linear-gradient(90deg,#30362f,#cbb994);--schrift:Arial,Helvetica,sans-serif;--breite:48rem}

body,.verwaltung{background:#f5f7f8;color:var(--text)}

.sehstudio-nav{background:#202629;color:#fff;padding:24px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:24px;flex-wrap:wrap}

.sehstudio-nav a{color:#fff;text-decoration:none;font-size:.9rem}.sehstudio-nav .brand{font-size:32px;letter-spacing:-2px;font-weight:700;margin-right:auto}

.kopf{border:0;padding-top:3rem}.kopf::before,.vkopf::before{display:none}.kopf__auge{display:none}.kopf__titel{font-size:clamp(2.6rem,7vw,4.7rem);font-weight:400;letter-spacing:-.06em;line-height:1.05}.kopf__titel em{color:#30362f}.kopf__marke{letter-spacing:.19em;color:#656252}

.karte{background:#fff;padding:2rem;border:1px solid var(--linie);border-radius:12px;margin-bottom:24px;box-shadow:0 12px 36px #20303c06}.karte__titel{letter-spacing:-.035em}.berater__karte{--farbe:#30362f!important}.berater__foto,.berater__karte:hover .berater__foto,.berater__karte[aria-checked=true] .berater__foto{filter:grayscale(1)}

.knopf{background:#30362f;color:#fff;border-color:#30362f;border-radius:6px}.knopf:hover{background:#42483d;color:#fff}.knopf--leise{background:#fff;color:#42483d;border:1px solid #a69b89}.feld__eingabe{background:#fff;border-radius:5px}.tag--gewaehlt,.zeit--gewaehlt{background:#30362f;color:white}

.vkopf{background:white}.vnav a{font-size:.75rem;letter-spacing:.05em}.vnav .vnav--aktiv{color:#554b39;border-color:#30362f}.verwaltung .karte{padding:1.5rem;border:1px solid var(--linie)}.vinhalt{padding-top:2.5rem}.vnav{gap:1rem}.vkopf__marke{color:#30362f}

.sehstudio-note{max-width:48rem;margin:2rem auto;padding:0 1.5rem;font-size:.85rem;line-height:1.65;color:#656252}.preview-banner{max-width:48rem;margin:1rem auto;padding:12px 24px;background:#eee9df;color:#554b39;border-left:3px solid #30362f}

:focus-visible{outline:3px solid #30362f;outline-offset:4px}

@media(max-width:600px){.sehstudio-nav{padding:20px;gap:16px}.sehstudio-nav a:not(.brand){font-size:.8rem}.karte{padding:1.25rem}.vnav{gap:.75rem}.kopf{padding-top:2rem}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Atelier design */
:root{--tinte:#252924;--text:#35382f;--leise:#656252;--zart:#747160;--linie:#d8d0c3;--fond:#eee9df;--magenta:#85704f;--violett:#85704f;--blau:#85704f;--spektrum:linear-gradient(90deg,#85704f,#c8b68f)}
body,.verwaltung{background:#f7f4ee}.sehstudio-nav{background:#252924}.sehstudio-nav .brand{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.17em;font-weight:400;font-size:26px}.kopf__titel,.karte__titel,.vtitel{font-family:Georgia,serif;font-weight:400}.kopf__titel em{color:#85704f}.karte{border-radius:0;background:#fffdf9;box-shadow:none}.knopf{background:#30362f;border-color:#30362f;color:white;border-radius:0}.knopf--leise{background:transparent;color:#30362f}.knopf:hover{background:#565d4e;color:white}.berater__karte{--farbe:#85704f!important}.preview-banner{background:#eee9df;border-color:#85704f;color:#5b503c}.vnav .vnav--aktiv{color:#554326;border-color:#85704f}.feld__eingabe{border-radius:0}.sehstudio-note{color:#656252}

/* Clearly visible bookable days */
.kalender__gitter{gap:6px}.kalender__gitter .tag{min-height:62px;aspect-ratio:auto}.kalender__gitter .tag--frei{background:#e6decd;border:2px solid #756044;border-radius:6px;color:#252924;font-weight:700;padding:6px 2px 23px;font-size:1.15rem;cursor:pointer}.kalender__gitter .tag--frei::after{content:"frei";bottom:5px;left:0;width:100%;height:auto;background:none;color:#50432f;font-size:.65rem;line-height:1.2;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.kalender__gitter .tag--frei:hover{background:#d7c8ad;border-color:#252924}.kalender__gitter .tag--frei:focus-visible{outline:3px solid #252924;outline-offset:2px}.kalender__gitter .tag--frei.tag--gewaehlt{background:#30362f;border-color:#30362f;color:#fff}.kalender__gitter .tag--frei.tag--gewaehlt::after{content:"✓";color:#fff;background:none;font-size:.85rem}.kalender__legende{flex-wrap:wrap;line-height:1.5}.kalender__legende .punkt:not(.punkt--voll){width:18px;height:18px;background:#e6decd;border:2px solid #756044;border-radius:3px;flex-shrink:0}@media(max-width:400px){.kalender__gitter{gap:4px}.kalender__gitter .tag{min-height:58px}}

/* Berater wechseln über dem Kalender (14.10.2026) */
.wechsel{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:.2rem 0 1.4rem;padding:.9rem 1rem;background:#f4efe6;border:1px solid #d8d0c3;border-radius:8px}
.wechsel__titel{margin:0;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#656252}
.wechsel__knoepfe{display:flex;flex-wrap:wrap;gap:.5rem}
.wechsel__knopf{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.3rem .9rem .3rem .3rem;border:1px solid #d8d0c3;border-radius:999px;background:#fffdf9;color:#252924;font:inherit;font-size:.95rem;cursor:pointer}
.wechsel__knopf:hover{border-color:#756044;background:#fff}
.wechsel__knopf[aria-checked=true]{background:#30362f;border-color:#30362f;color:#fff;cursor:default}
.wechsel__knopf:focus-visible{outline:3px solid #252924;outline-offset:2px}
.wechsel__foto{width:34px;height:34px;border-radius:50%;object-fit:cover;filter:grayscale(1);flex:none}
.wechsel__foto--leer{display:grid;place-items:center;background:#e6decd;color:#50432f;font-size:.8rem;font-weight:700}
.wechsel__knopf[aria-checked=true] .wechsel__foto--leer{background:#4a5149;color:#fff}
/* Tag: beim gewählten Berater nichts frei, bei einem Kollegen schon */
.kalender__gitter .tag--andere{background:#fffdf9;border:2px dashed #a4895e;border-radius:6px;color:#252924;font-weight:600;padding:6px 2px 23px;font-size:1.05rem;cursor:pointer;position:relative}
.kalender__gitter .tag--andere::after{content:attr(data-bei);position:absolute;bottom:5px;left:0;width:100%;color:#756044;font-size:.6rem;line-height:1.2;font-weight:700;text-transform:uppercase;letter-spacing:.03em;text-align:center}
.kalender__gitter .tag--andere:hover{background:#f4efe6}
.kalender__gitter .tag--andere.tag--gewaehlt{background:#30362f;border-color:#30362f;border-style:solid;color:#fff}
.kalender__gitter .tag--andere.tag--gewaehlt::after{content:"✓";color:#fff;font-size:.85rem}
/* Freie Zeiten der Kollegen unter der eigenen Liste */
.kollegen{margin-top:1.4rem;padding-top:1rem;border-top:1px dashed #d8d0c3}
.kollegen__titel{margin:0 0 .6rem;color:#35382f;font-size:.95rem}
.slot--kollege{background:#fffdf9}
.kollegen__wechsel{margin-top:.8rem;border:0;background:none;padding:.4rem 0;font:inherit;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:#756044;cursor:pointer;border-bottom:1px solid #a4895e}
.kollegen__wechsel:hover{color:#252924;border-bottom-color:#252924}
@media(max-width:560px){.wechsel{padding:.75rem}.wechsel__knopf{font-size:.88rem;padding-right:.7rem}.kalender__gitter .tag--andere::after{font-size:.5rem;letter-spacing:0}}