.termin{--t-haupt:#2b3038;--t-haupt-text:#fff;--t-haupt-hover:#1d2127;--t-zweit-rand:#c4c9d1;--t-zweit-text:#1d2127;--t-zweit-hover:#eef0f3;width:min(100% - 2 * var(--rand), 640px);gap:28px;margin:0 auto;padding-block:clamp(40px,7vw,88px);display:grid}.termin h1{letter-spacing:-.02em;font-size:clamp(1.9rem,1.4rem + 1.8vw,2.6rem);font-weight:700;line-height:1.12}.termin h2{color:var(--tinte);font-size:1.125rem;font-weight:650;line-height:1.35}.termin-lead{color:var(--gedaempft);font-size:1.0625rem}.termin h1:focus{outline:none}.termin a:not(.termin-knopf){text-underline-offset:3px;text-decoration:underline}.termin-schritt{gap:14px;display:grid}.termin-wochen{gap:18px;display:grid}.termin-woche{gap:8px;display:grid}.termin-woche-titel{color:var(--leise);margin:0;font-size:1rem}.termin-woche-tage{gap:8px;display:grid}.termin-tag,.termin-zeit{border:1.5px solid var(--t-zweit-rand);color:var(--t-zweit-text);font:inherit;cursor:pointer;background:0 0;border-radius:8px;align-content:center;justify-items:center;gap:2px;font-weight:600;display:grid}.termin-tag{min-height:64px;padding:8px 4px}.termin-tag-name{font-size:1rem;font-weight:500}.termin-tag-nummer{font-variant-numeric:tabular-nums;font-size:1.1875rem;font-weight:700}.termin-zeiten{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.termin-zeit{font-variant-numeric:tabular-nums;min-height:52px;padding:0 12px;font-size:1.0625rem}@media (hover:hover){.termin-tag:hover:not(:disabled):not([aria-pressed=true]),.termin-zeit:hover:not([aria-pressed=true]){background:var(--t-zweit-hover)}}.termin-tag[aria-pressed=true],.termin-zeit[aria-pressed=true]{background:var(--t-haupt);border-color:var(--t-haupt);color:var(--t-haupt-text)}.termin-tag:disabled{border-style:dashed;border-color:var(--linie-stark);color:var(--leise);cursor:not-allowed}.termin-tag:disabled .termin-tag-nummer{font-weight:500}.termin-nur-lesen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.termin-knopf{border:1.5px solid var(--t-haupt);background:var(--t-haupt);min-height:52px;color:var(--t-haupt-text);font:inherit;text-align:center;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 28px;font-size:1.0625rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}@media (hover:hover){.termin-knopf:hover:not(:disabled){background:var(--t-haupt-hover);border-color:var(--t-haupt-hover)}}.termin-knopf:disabled{cursor:progress;opacity:.7}.termin-knopf-zweit{border-color:var(--t-zweit-rand);color:var(--t-zweit-text);background:0 0}@media (hover:hover){.termin-knopf-zweit:hover:not(:disabled){background:var(--t-zweit-hover);border-color:var(--t-zweit-rand)}}.termin-tag:focus-visible,.termin-zeit:focus-visible,.termin-knopf:focus-visible{outline:3px solid var(--fokus-ring);outline-offset:2px}.termin-knoepfe{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:460px;display:grid}.termin-knoepfe>*{width:100%}@media (max-width:520px){.termin-knoepfe{grid-template-columns:1fr;max-width:none}}.termin-wahl{color:var(--tinte);margin:0;font-size:1.0625rem}.termin-video{color:var(--gedaempft);margin:0;font-size:1rem;line-height:1.5}.termin-videodienst{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.termin-videodienst>legend{margin-bottom:10px;padding:0}.termin-video-wahl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.termin-video-option{border:1.5px solid var(--t-zweit-rand);min-height:52px;color:var(--t-zweit-text);text-align:center;cursor:pointer;border-radius:8px;place-items:center;padding:6px 12px;font-size:1.0625rem;font-weight:600;line-height:1.25;display:grid;position:relative}.termin-video-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (hover:hover){.termin-video-option:hover:not([data-gewaehlt=true]){background:var(--t-zweit-hover)}}.termin-video-option[data-gewaehlt=true]{background:var(--t-haupt);border-color:var(--t-haupt);color:var(--t-haupt-text)}.termin-video-option:has(input:focus-visible){outline:3px solid var(--fokus-ring);outline-offset:2px}@media (max-width:520px){.termin-video-wahl{grid-template-columns:minmax(0,1fr)}}.termin-formular{gap:22px;display:grid}.termin-formular .termin-knopf{width:100%}@media (min-width:521px){.termin-formular .termin-knopf{justify-self:start;width:auto;min-width:260px}}.termin .optional{font-size:1rem}.termin-hinweis{color:var(--leise);margin:0;font-size:1rem;line-height:1.5}.termin-falle{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.termin-bestaetigt{justify-items:start}.termin-haken{background:var(--erfolg-grund);width:52px;height:52px;color:var(--erfolg);border-radius:14px;place-items:center;display:grid}.termin-daten{border:1px solid var(--linie);background:var(--karte);border-radius:14px;gap:10px;width:100%;margin:0;padding:18px 20px;display:grid}.termin-daten>div{grid-template-columns:7rem minmax(0,1fr);gap:12px;display:grid}.termin-daten dt{color:var(--gedaempft);font-size:1rem}.termin-daten dd{margin:0;font-weight:600}@media (max-width:420px){.termin-daten>div{grid-template-columns:1fr;gap:2px}}.termin-demo{color:var(--leise);margin:0;font-size:1rem}@media (prefers-reduced-motion:no-preference){.termin-einblenden{animation:.5s cubic-bezier(.22,1,.36,1) both termin-ein}.termin-tag,.termin-zeit,.termin-video-option,.termin-knopf{transition:background-color .2s,border-color .2s,color .2s}@keyframes termin-ein{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
