/* A scoped addition using the restaurant's existing palette and type. */
#feierablauf{margin:58px 0;padding:42px;border:1px solid color-mix(in srgb,var(--copper) 28%,transparent);background:var(--cream);color:var(--ink);display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start;scroll-margin-top:110px;font:400 16px/1.6 var(--sans)}
#feierablauf *{box-sizing:border-box;min-width:0}#feierablauf [hidden],.inquiry-rhythm[hidden]{display:none!important}
#feierablauf .er-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);font-weight:600;margin:0 0 18px}
#feierablauf h2{font:600 clamp(30px,3.4vw,44px)/1.12 var(--serif);letter-spacing:-.025em;margin:0 0 22px;hyphens:none;overflow-wrap:normal}
#feierablauf .er-intro>p:not(.er-kicker){font-size:15px;line-height:1.7;margin:0;color:var(--muted)}
#feierablauf .er-start{display:grid;gap:8px;margin:28px 0 0;max-width:210px;font-size:14px;font-weight:500}
#feierablauf input[type=time]{width:100%;min-height:50px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--ink) 40%,transparent);border-radius:0;background:transparent;color:var(--ink);color-scheme:light;font:400 22px var(--sans)}
#feierablauf .er-status{font-size:13px!important;margin-top:15px!important;color:var(--ink)!important}
#feierablauf .er-schedule{position:relative;padding:24px 24px 22px;background:color-mix(in srgb,var(--cream) 58%,white);border-top:2px solid var(--copper)}
#feierablauf .er-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--copper) 20%,transparent);padding-bottom:18px;margin-bottom:4px}
#feierablauf .er-card-head p{margin:0;font:400 22px/1.25 var(--serif)}
#feierablauf .er-seal{display:block;width:36px;height:36px;flex:none;color:var(--copper)}
#feierablauf .er-timeline{position:relative;list-style:none;padding:0;margin:0}
#feierablauf .er-timeline::before{content:'';position:absolute;left:77px;top:24px;bottom:24px;width:1px;background:color-mix(in srgb,var(--copper) 38%,transparent);transform-origin:top}
#feierablauf .er-row{position:relative;display:grid;grid-template-columns:60px 1fr;gap:34px;padding:20px 0 16px}
#feierablauf .er-row::before{content:'';position:absolute;left:74px;top:27px;width:7px;height:7px;border:1px solid var(--copper);border-radius:50%;background:var(--cream)}
#feierablauf .er-time{font:400 21px/1.3 var(--serif);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:start}
#feierablauf .er-time small{display:block;font:400 10px/1.4 var(--sans);white-space:normal;color:var(--muted)}
#feierablauf h3{font:500 16px/1.45 var(--sans);margin:0 0 3px;letter-spacing:0}
#feierablauf .er-duration-label{display:flex;align-items:center;flex-wrap:wrap;gap:3px 8px;margin-top:7px;font:400 13px/1.4 var(--sans);color:var(--muted)}
#feierablauf .er-duration-label select{font:400 16px/1.4 var(--sans);padding:6px!important;min-height:44px;width:auto;min-width:108px;max-width:100%;appearance:auto;-webkit-appearance:menulist;color:var(--ink);color-scheme:light;border:0;border-bottom:1px solid color-mix(in srgb,var(--copper) 40%,transparent);border-radius:0;background:transparent}
#feierablauf .er-row.is-skipped h3,#feierablauf .er-row.is-skipped .er-time{color:var(--muted)}
#feierablauf .er-row.is-skipped::before{background:color-mix(in srgb,var(--cream) 58%,white);border-style:dashed}
#feierablauf .er-end{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;border-top:1px solid color-mix(in srgb,var(--copper) 25%,transparent);padding-top:17px;font-size:14px}
#feierablauf .er-end strong{font-weight:500;font-variant-numeric:tabular-nums}#feierablauf .er-end span{color:var(--muted)}
#feierablauf .er-handoff{display:block;min-height:48px;margin-top:20px;padding:12px 15px;text-align:center;background:var(--ink);border:1px solid var(--ink);color:var(--cream);font:500 15px/1.5 var(--sans);text-decoration:none}
#feierablauf .er-note{font-size:13px;line-height:1.7;color:var(--muted);margin:15px 0 0}
#feierablauf .er-late{font-size:13px;line-height:1.6;color:var(--ink);margin:14px 0 0}
#feierablauf :is(a,input,select):focus-visible,.inquiry-rhythm :is(a,button):focus-visible{outline:2px solid var(--copper);outline-offset:4px}
#feierablauf.is-seen .er-timeline::before{animation:er-draw 1.1s ease-out 1}
#feierablauf.is-seen .er-row::before{animation:er-dot 1.1s ease-out 1}
@keyframes er-draw{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes er-dot{from{opacity:.2}to{opacity:1}}
.er-jump{display:inline-block;margin-top:20px;min-height:44px;padding:10px 0;text-underline-offset:5px;text-decoration:underline;font-size:14px;color:inherit}
.inquiry-rhythm{padding:20px;margin:0 0 24px;border-left:2px solid var(--copper);background:var(--cream);color:var(--ink)}
.inquiry-rhythm h3{font:400 24px/1.3 var(--serif);margin:0 0 12px}.inquiry-rhythm p{white-space:pre-line;font-size:14px!important;line-height:1.8!important;margin:0 0 14px!important}
.inquiry-rhythm .er-review-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.inquiry-rhythm a,.inquiry-rhythm button{font:400 14px/1.5 var(--sans);color:var(--ink);background:none;border:0;padding:8px 0;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){#feierablauf{grid-template-columns:1fr;gap:28px;padding:30px}#feierablauf .er-intro>p:not(.er-kicker){max-width:600px}#feierablauf .er-start{margin-top:20px}#feierablauf .er-schedule{max-width:100%}}
@media(max-width:520px){#feierablauf{margin:36px 0;padding:24px 16px;gap:24px}#feierablauf h2{font-size:32px}#feierablauf .er-schedule{padding:20px 14px}#feierablauf .er-row{grid-template-columns:52px 1fr;gap:24px}#feierablauf .er-timeline::before{left:62px}#feierablauf .er-row::before{left:59px}#feierablauf .er-time{font-size:20px}#feierablauf h3{font-size:15px}#feierablauf .er-card-head p{font-size:21px}#feierablauf .er-handoff{font-size:14px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){#feierablauf *,#feierablauf *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
