/* KENT Reservierungs-Widget – ohne Kästchen: Typografie, Linien, Türkis */
html,body{background:var(--kalk)}
body.is-embed{background:transparent}
.w{max-width:620px;margin:0 auto;padding:34px clamp(18px,5vw,40px) 120px;position:relative}
.is-embed .w{padding-top:6px;padding-bottom:18px}

/* Kopf */
.w-head{margin-bottom:22px;position:relative}
.w-head h1{font-family:var(--f-d);font-weight:300;font-size:clamp(38px,8vw,56px);line-height:1;letter-spacing:-.02em;margin:12px 0 0;font-variation-settings:"opsz" 144}
.is-embed .w-head{display:none}
.w-lang{position:absolute;right:0;top:0;display:flex;gap:14px;font-size:12px;font-weight:600;letter-spacing:.16em}
.w-lang a{text-decoration:none;color:var(--grau)}
.w-lang a[aria-current]{color:var(--tinte);border-bottom:1.5px solid var(--tuerkis)}

/* Schritte */
.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.st{border-bottom:1px solid var(--line)}
.st-sum{display:grid;grid-template-columns:34px 1fr auto;align-items:baseline;gap:4px 10px;width:100%;text-align:left;padding:20px 0 18px}
.st-n{font-family:var(--f-d);font-size:13px;font-style:italic;color:var(--tuerkis);font-variant-numeric:tabular-nums}
.st-l{font-family:var(--f-ui);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--grau);transition:color .3s}
.st-v{grid-column:2;font-family:var(--f-d);font-size:22px;font-weight:350;line-height:1.2;color:var(--tinte);display:none}
.st-c{grid-row:1;grid-column:3;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tuerkis-tief);opacity:0;transition:opacity .3s}
.st.done .st-v{display:block}
.st.done .st-c{opacity:1}
.st.done .st-l{font-size:10px}
.st.open .st-l{color:var(--tinte)}
.st:not(.open):not(.done) .st-sum{cursor:default;opacity:.42}
.st.open .st-sum{cursor:default}
.st.open .st-body>*:last-child{padding-bottom:26px}
.st-body{display:block;max-height:0;overflow:hidden;opacity:0;transition:max-height .6s var(--ease),opacity .4s ease}
.st.open .st-body{max-height:2200px;opacity:1;overflow:visible}

/* 01 Personen – große Ziffern */
.party{display:grid;grid-template-columns:repeat(9,1fr);gap:0;margin:0 0 4px 34px}
.pn{position:relative;font-family:var(--f-d);font-weight:300;font-size:clamp(28px,6.2vw,40px);line-height:1;padding:12px 0 16px;text-align:center;color:var(--tinte);transition:color .25s}
.pn::after{content:"";position:absolute;left:22%;right:22%;bottom:4px;height:2px;background:var(--tuerkis);transform:scaleX(0);transition:transform .35s var(--ease)}
.pn:hover{color:var(--tuerkis-tief)}
.pn:hover::after{transform:scaleX(.5)}
.pn.on{color:var(--tuerkis-tief);font-style:italic}
.pn.on::after{transform:scaleX(1)}
.pn-more{font-size:clamp(20px,4.4vw,28px)}
.party-more{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:10px 0 0 34px}
.party-more[hidden]{display:none}
.pm-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);font-size:22px;line-height:1;transition:border-color .2s,color .2s}
.pm-btn:hover{border-color:var(--tuerkis);color:var(--tuerkis-tief)}
.pm-val{font-family:var(--f-d);font-size:44px;font-weight:300;min-width:56px;text-align:center;font-variant-numeric:tabular-nums}
.hint{font-size:14px;line-height:1.55;color:var(--grau);margin:12px 0 0;flex-basis:100%}
.hint b{color:var(--tinte)}

/* 02 Datum – Tagesleiste */
.days{display:flex;gap:2px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -4px 6px 30px;padding:2px 4px 10px;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,#000 88%,transparent)}
.days::-webkit-scrollbar{display:none}
.dy{flex:0 0 auto;scroll-snap-align:start;width:62px;padding:10px 0 12px;text-align:center;position:relative;transition:color .25s,opacity .25s}
.dy small{display:block;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--grau)}
.dy b{display:block;font-family:var(--f-d);font-weight:300;font-size:30px;line-height:1.1;margin:4px 0 2px}
.dy em{display:block;font-style:normal;font-size:11px;color:var(--grau)}
.dy::after{content:"";position:absolute;left:18px;right:18px;bottom:2px;height:2px;background:var(--tuerkis);transform:scaleX(0);transition:transform .35s var(--ease)}
.dy:hover::after{transform:scaleX(.5)}
.dy.on b{color:var(--tuerkis-tief);font-style:italic}
.dy.on::after{transform:scaleX(1)}
.dy:disabled{opacity:.3;cursor:not-allowed}
.dy:disabled::after{display:none}
.dy.we small{color:var(--granat)}
.link-more{display:inline-flex;align-items:center;margin:4px 0 0 34px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tuerkis-tief);padding:6px 0}
.link-more:hover .ar{width:38px}
.cal{margin:18px 0 0 34px;max-width:380px}
.cal[hidden]{display:none}
.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.cal-t{font-family:var(--f-d);font-weight:400;font-size:20px}
.cal-nav{width:40px;height:40px;font-size:24px;color:var(--tuerkis-tief);border-radius:50%}
.cal-nav:hover{background:var(--sand)}
.cal-nav:disabled{opacity:.2}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}
.cal-grid small{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--grau);padding:6px 0}
.cd{font-family:var(--f-d);font-size:17px;padding:9px 0;border-radius:50%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.cd:hover:not(:disabled){background:var(--sand)}
.cd.on{background:var(--tuerkis-tief);color:var(--kalk);font-style:italic}
.cd:disabled{opacity:.22;cursor:not-allowed}
.cd.td{text-decoration:underline;text-decoration-color:var(--tuerkis);text-underline-offset:4px}

/* 03 Bereich */
.areas{margin-left:34px}
.ar-o{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:center;width:100%;text-align:left;padding:14px 0;border-top:1px solid var(--line-s);transition:padding .35s var(--ease)}
.ar-o:first-child{border-top:0}
.ar-o svg{width:40px;height:40px;fill:none;stroke:var(--tinte);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s,transform .5s var(--ease)}
.ar-o b{display:block;font-family:var(--f-d);font-weight:350;font-size:22px;line-height:1.2}
.ar-o i{display:block;font-style:normal;font-size:14px;color:var(--grau)}
.ar-o:hover{padding-left:8px}
.ar-o:hover svg{stroke:var(--tuerkis)}
.ar-o.on b{color:var(--tuerkis-tief);font-style:italic}
.ar-o.on svg{stroke:var(--tuerkis);transform:rotate(-8deg) scale(1.06)}
.ar-o:disabled{opacity:.38;cursor:not-allowed;padding-left:0}
.ar-o:disabled svg{stroke:var(--grau)}

/* 04 Zeit */
.times{margin-left:34px}
.tp{margin:4px 0 18px}
.tp-h{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}
.tp-h b{font-family:var(--f-d);font-style:italic;font-weight:350;font-size:19px}
.tp-h span{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--grau)}
.tp-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:2px 6px}
.tm{position:relative;font-family:var(--f-d);font-size:20px;font-weight:350;padding:9px 0 11px;text-align:center;font-variant-numeric:tabular-nums;transition:color .2s}
.tm::after{content:"";position:absolute;left:24%;right:24%;bottom:4px;height:2px;background:var(--tuerkis);transform:scaleX(0);transition:transform .3s var(--ease)}
.tm:hover::after{transform:scaleX(.6)}
.tm.on{color:var(--tuerkis-tief);font-style:italic}
.tm.on::after{transform:scaleX(1)}
.tm.few::before{content:"";position:absolute;top:8px;right:18%;width:5px;height:5px;border-radius:50%;background:var(--safran)}
.tm:disabled{color:rgba(28,28,26,.24);text-decoration:line-through;text-decoration-thickness:1px;cursor:not-allowed}
.tm:disabled::after{display:none}
.t-legend{font-size:12px;color:var(--grau);display:flex;align-items:center;gap:8px;margin-top:-4px}
.t-legend i{width:5px;height:5px;border-radius:50%;background:var(--safran)}
.t-msg{font-family:var(--f-d);font-size:19px;line-height:1.5;color:var(--tinte);margin:6px 0 10px}
.t-msg a{color:var(--tuerkis-tief)}
.loading{display:flex;align-items:center;gap:12px;color:var(--grau);font-size:14px;padding:10px 0}
.loading i{width:28px;height:1px;background:var(--tuerkis);animation:load 1.1s var(--ease) infinite alternate;transform-origin:left}
@keyframes load{from{transform:scaleX(.15)}to{transform:scaleX(1)}}

/* 05 Kontakt – Linienfelder */
.form{margin-left:34px}
.fl{display:block;position:relative;margin:0 0 18px}
.fl span{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--grau);margin-bottom:2px;transition:color .25s}
.fl input,.fl textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;font-family:var(--f-d);font-size:21px;font-weight:350;padding:6px 0 9px;color:var(--tinte);border-radius:0;outline:none;transition:border-color .3s;resize:vertical}
.fl textarea{font-size:17px;line-height:1.5}
.fl input::placeholder,.fl textarea::placeholder{color:rgba(28,28,26,.3);font-style:italic}
.fl:focus-within span{color:var(--tuerkis-tief)}
.fl input:focus,.fl textarea:focus{border-bottom:1.5px solid var(--tuerkis)}
.fl.bad input{border-bottom-color:var(--granat)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
.occ{border:0;margin:4px 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline}
.occ legend{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--grau);margin-bottom:6px;padding:0;width:100%}
.oc{font-family:var(--f-d);font-size:17px;padding:4px 0;color:var(--tinte);border-bottom:1.5px solid transparent;transition:color .2s,border-color .2s}
.oc:hover{border-bottom-color:var(--line)}
.oc.on{color:var(--tuerkis-tief);font-style:italic;border-bottom-color:var(--tuerkis)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.chk{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:13.5px;line-height:1.55;color:var(--grau);cursor:pointer;margin-top:6px}
.chk input{position:absolute;opacity:0;width:1px;height:1px}
.chk i{width:20px;height:20px;border:1.5px solid var(--tuerkis);border-radius:50%;margin-top:1px;position:relative;transition:background .2s}
.chk i::after{content:"";position:absolute;left:6px;top:2.5px;width:5px;height:10px;border:solid var(--kalk);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .25s var(--ease)}
.chk input:checked+i{background:var(--tuerkis)}
.chk input:checked+i::after{transform:rotate(45deg) scale(1)}
.chk input:focus-visible+i{outline:2px solid var(--tuerkis-hell);outline-offset:2px}
.chk a{color:var(--tuerkis-tief)}
.chk.bad i{border-color:var(--granat)}
.err{color:var(--granat);font-size:14px;margin:14px 0 0}
.group-hint{margin:0 0 18px;padding-left:14px;border-left:2px solid var(--safran)}

/* Bestätigungs-Leiste */
.cta{position:sticky;bottom:0;z-index:5;margin:26px calc(-1 * clamp(18px,5vw,40px)) 0;padding:16px clamp(18px,5vw,40px) calc(16px + env(safe-area-inset-bottom,0px));background:var(--tuerkis-nacht);color:var(--kalk);display:flex;align-items:center;justify-content:space-between;gap:16px;transform:translateY(0);animation:ctaIn .6s var(--ease)}
.cta[hidden]{display:none}
@keyframes ctaIn{from{transform:translateY(100%);opacity:0}}
.cta-sum{font-family:var(--f-d);font-size:17px;line-height:1.3;min-width:0}
.cta-sum small{display:block;font-family:var(--f-ui);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tuerkis-hell);margin-bottom:3px}
.cta-go{display:inline-flex;align-items:center;white-space:nowrap;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--kalk);padding:10px 0;border-bottom:1.5px solid var(--tuerkis-hell)}
.cta-go:hover .ar{width:40px}
.cta-go[aria-busy="true"]{opacity:.6;pointer-events:none}

/* Fertig */
.done{text-align:center;padding:24px 0 10px;outline:none}
.done[hidden]{display:none}
.done-mark{width:96px;height:96px;fill:none;stroke:var(--tuerkis);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px}
.done-mark circle{stroke-dasharray:330;stroke-dashoffset:330;animation:draw 1s var(--ease) forwards}
.done-mark path{stroke-dasharray:80;stroke-dashoffset:80;animation:draw .6s .7s var(--ease) forwards}
.done.req .done-mark{stroke:var(--safran)}
@keyframes draw{to{stroke-dashoffset:0}}
.done-k{display:block;margin-bottom:12px}
.done-t{font-family:var(--f-d);font-weight:300;font-size:clamp(34px,7vw,48px);line-height:1.05;letter-spacing:-.015em;margin:0 0 12px;font-variation-settings:"opsz" 144}
.done-p{color:var(--grau);margin:0 auto 22px;max-width:40ch}
.done-dl{display:grid;grid-template-columns:auto auto;justify-content:center;gap:8px 26px;margin:0 auto 26px;text-align:left;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:420px}
.done-dl dt{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--grau);align-self:center}
.done-dl dd{margin:0;font-family:var(--f-d);font-size:19px}
.done-dl dd.code{letter-spacing:.14em;color:var(--tuerkis-tief)}
.done-links{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-bottom:12px}
.go-q{border-bottom-color:var(--line)}
.done .link-more{margin-left:0}
.done>*{animation:rise .8s var(--ease) both}
.done>*:nth-child(2){animation-delay:.35s}.done>*:nth-child(3){animation-delay:.45s}.done>*:nth-child(4){animation-delay:.55s}.done>*:nth-child(5){animation-delay:.65s}.done>*:nth-child(6){animation-delay:.75s}.done>*:nth-child(7){animation-delay:.85s}
@keyframes rise{from{opacity:0;transform:translateY(16px)}}

.w-foot{margin-top:34px;font-size:13px;color:var(--grau);text-align:center}
.w-foot a{color:var(--tuerkis-tief);text-decoration:none}
.is-embed .w-foot{display:none}

/* Eigenständige Seite: Bild links */
.is-solo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:100svh}
.solo-hero{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--tuerkis-nacht)}
.solo-hero img{width:100%;height:100%;object-fit:cover;opacity:.78;animation:kb 18s ease-out both}
@keyframes kb{from{transform:scale(1.12)}}
.solo-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,46,44,.15),rgba(15,46,44,.75))}
.solo-hero-in{position:absolute;left:clamp(24px,5vw,64px);bottom:clamp(28px,6vw,70px);z-index:2;color:var(--kalk)}
.solo-logo{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(64px,9vw,128px);letter-spacing:.12em;line-height:.9;text-decoration:none;color:var(--kalk)}
.solo-claim{margin:10px 0 0}
.solo-claim em{display:block;font-family:var(--f-d);font-size:24px;color:var(--tuerkis-hell)}
.solo-claim span{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;opacity:.8}
.is-solo .w{width:100%;padding-top:clamp(34px,7vh,80px)}
@media (max-width:900px){
  .is-solo{display:block}
  .solo-hero{position:relative;height:34svh;min-height:220px}
  .solo-logo{font-size:64px}
  .solo-claim em{font-size:19px}
}
@media (max-width:520px){
  .party{grid-template-columns:repeat(5,1fr);margin-left:0}
  .days,.areas,.times,.form{margin-left:0}
  .days{margin-left:-4px}
  .link-more,.cal,.party-more{margin-left:0}
  .st-sum{grid-template-columns:28px 1fr auto}
  .f2{grid-template-columns:1fr}
  .cta{flex-direction:column;align-items:stretch;gap:10px}
  .cta-go{justify-content:space-between}
  .w-lang{position:static;margin-top:16px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}