/* Sightline Kalender — oeffentliche Buchungsseite (/buchen, /buchen/absagen).
   Gleiche Tokens wie app.css, eigenes schlankes Layout ohne Anmeldung. */
:root{
  --grund:#fff;--tinte:#1d1d1f;--leise:#6e6e73;--linie:#e0e0e0;--linie-zart:#f0f0f0;
  --blau:#0066cc;--blau-hell:#e8f1fb;--rot:#d70015;
  color-scheme:light dark;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{--grund:#000;--tinte:#f5f5f7;--leise:#a1a1a6;--linie:#333336;--linie-zart:#1f1f22;--blau:#2997ff;--blau-hell:#0b2745;--rot:#ff453a}
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--grund);color:var(--tinte);font-size:16px;line-height:1.5}
button,input{font:inherit;color:inherit}
/* Eckig statt rund, gefadete Hairlines statt volle Boxen - wie die Kalender-Oberflaeche. */
button{background:none;border:1px solid var(--linie);padding:.6rem 1.1rem;cursor:pointer;min-height:2.5rem}
button:hover{border-color:var(--leise)}
button.haupt{background:var(--blau);border-color:var(--blau);color:#fff}
button[aria-pressed="true"]{background:var(--blau-hell);border-color:var(--blau)}
:focus-visible{outline:2px solid var(--blau);outline-offset:2px}
label{display:block;margin:0 0 1.1rem;color:var(--leise);font-size:.85rem;letter-spacing:.02em}
input{display:block;width:100%;margin-top:.25rem;background:transparent;border:0;border-bottom:1px solid var(--linie);padding:.5rem 0;font-size:1rem;color:var(--tinte)}
input:focus{outline:none;border-bottom:2px solid var(--blau);padding-bottom:calc(.5rem - 1px)}
.klein{color:var(--leise);font-size:.85rem}
.meldung{color:var(--rot);min-height:1.2em;margin:.5rem 0 0;font-size:.9rem}
a{color:var(--blau)}
.versteckt{position:absolute;left:-9999px}

.buchung,.absage{max-width:26rem;margin:0 auto;padding:3rem 1.25rem 4rem}
.marke-logo{display:block;max-height:2.75rem;max-width:12rem;margin:0 0 1.25rem}
.marke{color:var(--leise);margin:0 0 .25rem;font-size:.95rem}
h1{font-size:1.6rem;font-weight:600;letter-spacing:-.01em;margin:0 0 1.5rem}
/* Scrollbar ausblenden statt der dicken Standard-Leiste - weiterhin per Wisch/Drag scrollbar. */
.tage{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;margin-bottom:1.25rem;
  scrollbar-width:none;-ms-overflow-style:none}
.tage::-webkit-scrollbar{display:none}
.tag{flex:0 0 auto;white-space:nowrap}
.zeiten{display:grid;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:.6rem}
.zeit{text-align:center}
.gewaehlt{font-weight:600;margin-bottom:1.25rem}
.knoepfe{display:flex;justify-content:space-between;gap:.75rem;margin-top:1.5rem}
.fuss-tor{margin-top:3rem;color:var(--leise);font-size:.8rem}
.fuss-tor a{color:inherit}