.buchung [hidden]{display:none!important}.ansprech{flex-direction:column;gap:4px;padding:20px 22px;display:flex}.buchung{flex-direction:column;gap:24px;padding:clamp(22px,3vw,36px);display:flex}.buchung .schritte{font-family:var(--display);color:var(--muted);gap:18px;margin:0;padding:0;font-size:14px;font-weight:600;list-style:none;display:flex}.buchung .schritte li{align-items:center;gap:8px;transition:color .2s;display:flex}.buchung .schritte li .num{border:1px solid var(--line-strong);width:24px;height:24px;font-family:var(--mono);border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.buchung .schritte li[aria-current=step]{color:var(--navy-700)}.buchung .schritte li[aria-current=step] .num,.buchung .schritte li.fertig .num{background:var(--navy-700);border-color:var(--navy-700);color:#fff}.buchung .schritte li.fertig{color:var(--text)}.buchung .feld{border:0;min-width:0;margin:0;padding:0}.buchung .feld legend{margin-bottom:12px;padding:0;font-size:15px;font-weight:600}.buchung .tagleiste{scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:minmax(72px,1fr);grid-auto-flow:column;gap:8px;padding-bottom:4px;display:grid;overflow-x:auto}.buchung .zeitraster{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.buchung .chip{display:block;position:relative}.buchung .chip input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.buchung .chip span{border:1px solid var(--line-strong);border-radius:var(--r-ctrl);cursor:pointer;scroll-snap-align:start;min-height:48px;transition:background-color .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease), transform .16s var(--ease);background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:8px 10px;font-size:15px;font-weight:600;line-height:1.2;display:flex}.buchung .chip span small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:400}.buchung .chip input:checked+span{background:var(--navy-700);border-color:var(--navy-700);color:#fff}.buchung .chip input:checked+span small{color:#ffffffbf}.buchung .chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.buchung .chip span:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.buchung .chip input:not(:checked)+span:hover{border-color:var(--navy-700)}}.buchung .formular{border-top:1px solid var(--line);flex-direction:column;gap:18px;padding-top:24px;display:flex}.buchung .formular label{flex-direction:column;gap:6px;font-size:15px;font-weight:600;display:flex}.buchung .formular label .muted{font-weight:400}.buchung .formular input,.buchung .formular textarea{font:inherit;border:1px solid var(--line-strong);border-radius:var(--r-ctrl);color:var(--text);background:#fff;min-height:48px;padding:12px 14px;font-weight:400}.buchung .formular textarea{resize:vertical;min-height:96px}.buchung .formular input:focus-visible,.buchung .formular textarea:focus-visible{outline:2px solid var(--navy-700);outline-offset:0;border-color:var(--navy-700)}.buchung .formular label.ungueltig input{border-color:#9a2f12}.buchung .feldfehler{color:#9a2f12;min-height:0;font-size:13px;font-weight:500}.buchung .feldfehler:empty{display:none}.buchung .zustimmung{align-items:flex-start;flex-direction:row!important;font-weight:400!important}.buchung .zustimmung input{width:18px;height:18px;min-height:0;accent-color:var(--navy-700);margin-top:3px}.buchung .falle{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.buchung .gewaehlt{font-family:var(--display);color:var(--navy-700);min-height:24px;font-weight:600}.buchung .gewaehlt:empty:before{content:"Bitte oben Tag und Uhrzeit wählen.";color:var(--muted);font-weight:400}.buchung .hinweis{border-radius:var(--r-ctrl);padding:12px 14px;font-size:15px}.buchung .hinweis.still{background:var(--mist);color:var(--muted)}.buchung .hinweis.fehler{color:#9a2f12;background:#fbe9e4}.buchung .formular .btn{align-self:flex-start}.buchung .formular .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.buchung .erfolg{padding-top:4px}.buchung .auswahl,.buchung .erfolg,.buchung .rueckfall{opacity:1;transition:opacity .2s var(--ease)}.buchung .auswahl[data-sendet]{opacity:.6;pointer-events:none}@media (width<=760px){.buchung .schritte{gap:12px;font-size:13px}.buchung .schritte li span.text{display:none}.buchung .formular .btn{align-self:stretch}}