.hero1{--pad:max(clamp(16px, 5vw, 80px), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));--overlap:28px;--media-h:clamp(440px, calc(100svh - var(--header-h) - 290px), 600px);--pos:22% 18%;position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--media-h) auto;grid-template-areas:"media""bar";padding-bottom:clamp(8px,3vw,40px);overflow-x:clip}.h1-awning,.h1-head,.h1-media{grid-area:media;position:relative}.h1-media{overflow:hidden;background:var(--ofen)}.h1-media img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--pos)}.h1-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(36,22,12,.92)0,rgba(36,22,12,.78) 30%,rgba(36,22,12,.3) 52%,rgba(36,22,12,0) 66%)}.h1-awning,.h1-head{align-self:start;z-index:2}.h1-awning.mk{--s:1.3}@media (max-width:1039px){.h1-awning.mk{--s:1.15}}@media (max-width:639px){.h1-awning.mk{--s:1.05}}.h1-head{align-self:end;z-index:1;padding:0 var(--pad) calc(var(--overlap) + 16px);color:#fff}.hero1 h1{font-family:var(--serif);font-size:clamp(2rem,1.2rem + 3.6vw,2.6rem);line-height:1.04;letter-spacing:-.015em;max-width:10em;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.35)}.h1-line{display:block;width:clamp(120px,22vw,230px);height:14px;margin-top:8px;stroke:var(--sonne);overflow:visible}.h1-lead{margin:12px 0 0;max-width:32rem;font-size:1rem;line-height:1.5;color:#f6eddd;text-shadow:0 1px 10px rgba(0,0,0,.5)}.h1-bar{grid-area:bar;position:relative;z-index:3;margin:calc(-1*var(--overlap)) var(--pad)0;background:var(--papier);border:1px solid var(--linie);border-radius:var(--radius-lg);box-shadow:0 1px 0 rgba(58,38,23,.06),0 22px 40px -24px rgba(36,22,12,.55);padding:12px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.h1-status.status{margin:0;padding:10px 12px;align-items:center;gap:12px}.h1-status .status-dot{margin-top:0}.h1-status .status-text{line-height:1.25}.h1-status .status-text strong{font-size:1.05rem}.h1-status .status-text span{font-size:.93rem}.h1-status.is-closed{background:var(--mehl-2)}.h1-hours{margin:0;padding:0 6px}.h1-day{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;border-bottom:1px dashed var(--linie)}.h1-day:last-child{border-bottom:0}.h1-day dt{font-weight:500}.h1-day dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.h1-day.is-closed dd{font-weight:500;color:var(--ofen-soft)}.h1-day.is-today dt::after{content:"heute";display:inline-block;margin-left:8px;padding:0 7px;border-radius:6px;background:var(--sonne);color:var(--ofen);font-size:.75rem;font-weight:700;line-height:1.6;vertical-align:1px}.h1-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}.h1-actions .btn{padding-inline:1em;white-space:nowrap}.h1-actions .btn-ghost{border-color:var(--linie)}.h1-actions .btn-ghost svg{color:var(--kruste)}.hero1 :focus-visible{box-shadow:0 0 0 6px var(--ofen)}@media (max-width:374px){.hero1 h1{font-size:1.85rem}.h1-lead{font-size:.94rem}.h1-actions .btn{padding-inline:.8em;font-size:.95rem}.h1-status .status-text span{font-size:.88rem}}@media (min-width:640px){.hero1{--overlap:40px;--media-h:clamp(420px, calc(100svh - var(--header-h) - 230px), 680px);--pos:28% 0%}.h1-media::after{background:linear-gradient(to top,rgba(36,22,12,.8)0,rgba(36,22,12,.4) 28%,rgba(36,22,12,0) 52%),linear-gradient(270deg,rgba(36,22,12,.82)0,rgba(36,22,12,.55) 34%,rgba(36,22,12,0) 58%)}.h1-head{justify-self:end;width:54vw;padding:0 var(--pad) calc(var(--overlap) + 20px)0}.hero1 h1{font-size:clamp(2rem,.9rem + 3.4vw,3.4rem)}.h1-lead{font-size:1.0625rem}.h1-bar{padding:14px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"status actions""hours hours";align-items:center;gap:12px 18px}.h1-status{grid-area:status}.h1-actions{grid-area:actions}.h1-hours{grid-area:hours;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px 4px 2px;border-top:1px dashed var(--linie)}.h1-day{flex-direction:column;align-items:flex-start;gap:0;padding:8px 14px 2px;border-bottom:0;border-left:1px dashed var(--linie)}.h1-day:first-child{border-left:0;padding-left:8px}.h1-day dt{font-size:.9rem;color:var(--ofen-soft)}.h1-day dd{font-size:1.15rem}}@media (min-width:1040px){.hero1{--overlap:52px;--pos:36% 16%;min-height:clamp(600px,calc(100svh - var(--header-h)),900px);grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:".""head""bar";padding-bottom:clamp(16px,2.5vw,40px)}.h1-media{grid-area:1/1/3/2}.h1-awning{grid-area:1/1/2/2}.h1-head{grid-area:head;width:min(46vw,680px);padding-bottom:calc(var(--overlap) + 34px)}.hero1 h1{font-size:clamp(3.4rem,1rem + 4.4vw,6rem)}.h1-lead{margin-top:16px;font-size:var(--fs-md)}.h1-media::after{background:linear-gradient(to top,rgba(36,22,12,.78)0,rgba(36,22,12,.45) 22%,rgba(36,22,12,0) 50%),linear-gradient(270deg,rgba(36,22,12,.8)0,rgba(36,22,12,.55) 30%,rgba(36,22,12,0) 52%)}.h1-bar{justify-self:start;width:calc(100% - 2*var(--pad));max-width:1280px;padding:12px;grid-template-columns:minmax(250px,auto) minmax(0,1fr) auto;grid-template-areas:"status hours actions";gap:0 8px}.h1-status.status{height:100%;padding:12px 18px}.h1-hours{border-top:0;padding:0 8px;align-self:center}.h1-day{padding:2px 18px}.h1-day:first-child{padding-left:18px;border-left:0}.h1-actions{gap:10px;align-self:center}}@media (min-width:1040px) and (max-height:760px){.hero1 h1{font-size:clamp(3rem,1rem + 3.6vw,4.6rem)}}@media (min-width:1700px){.hero1{--pad:72px;padding-inline:calc((100% - 1680px)/2)}.h1-awning{margin-inline:-14px}.h1-awning .mk-rod{display:block;height:11px;border-radius:6px;background:linear-gradient(#2b8a55,var(--markise-dunkel) 60%,#0f4227)}.h1-awning .mk-cloth{margin-inline:5px}.h1-media{border-radius:0 0 var(--radius-lg) var(--radius-lg)}}@media (prefers-reduced-motion:reduce){.h1-status .status-dot::after{animation:none}}