@font-face{font-family:Grenze;src:url('fonts/grenze-gotisch-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Newsreader;src:url('fonts/newsreader-latin-wght-normal.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--paper:#18392e;--ink:#fffdf3;--accent:#edc3ad;--rule:currentColor;--studie-balken:45px;--gutter:clamp(22px,3.4vw,68px);color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:25px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Newsreader,Georgia,serif;font-size:20px;line-height:1.4;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23n)' opacity='.5' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}a{color:inherit;text-underline-offset:.2em}a,button,input,select{-webkit-tap-highlight-color:transparent}a:hover{text-decoration-thickness:2px}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=slider]:focus-visible{outline:3px solid var(--ink);outline-offset:6px}::selection{color:var(--paper);background:var(--ink)}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:Grenze,Georgia,serif;font-weight:700;line-height:.98}h2{font-size:clamp(60px,6.4vw,110px)}p+p{margin-top:1em}img{display:block;width:100%;height:100%;object-fit:cover}svg{display:block;max-width:100%}button{border-radius:0}main{padding:0 var(--gutter);max-width:1920px;margin:auto}.skip{position:fixed;top:12px;left:12px;z-index:100;background:var(--paper);padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}.masthead{margin:0 var(--gutter);padding:23px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid;font-size:17px}.brand{display:flex;gap:17px;align-items:center;text-decoration:none;line-height:1.15}.brand svg{width:70px;fill:none;stroke:currentColor;stroke-width:1.7}.masthead nav{display:flex;gap:30px}.masthead nav a{text-decoration:none;padding:8px 0}.reserve-link{font-weight:600;text-decoration:none;border-bottom:1px solid;padding:8px 0}.reserve-link span{padding-left:14px}.hero{padding-top:22px}.hero-rule,.section-top{display:flex;justify-content:space-between;gap:20px;font-size:16px}.hero-rule{padding-bottom:15px}.hero h1{font-size:clamp(100px,14.8vw,260px);letter-spacing:-.045em;line-height:.85;text-align:center;padding:20px 0 38px;overflow-wrap:anywhere;text-wrap:balance}.hero h1 [data-firma]{display:block;max-width:1100px;margin:auto}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:0 0 27px}.hero-bottom>p{font-size:31px;line-height:1.05}.hero-bottom>p span{font-size:19px;display:block;margin-top:10px}.down-link{font-size:17px;display:flex;align-items:center;gap:26px;text-decoration:none}.down-link span{font-size:34px}.day-scene{position:relative}.scene-images{height:clamp(300px,38vw,640px);position:relative;overflow:hidden;background:#0a100b}.scene-images picture{position:absolute;inset:0;display:none}.scene-images picture[data-scene="2"]{display:block}.js .scene-images picture{display:block;opacity:0}.scene-images img{object-position:center 60%}.day-scene figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:12px;font-size:15px}.photo-note{position:absolute;right:22px;top:-38px;width:148px;height:148px;border:1px solid #6b2738;outline:5px solid #eee6d3;border-radius:50%;background:#eee6d3;color:#6b2738;display:flex;align-items:center;justify-content:center;text-align:center;font-size:25px;line-height:1;transform:rotate(9deg)}.day-message{padding:34px 0 0;text-align:center;font-size:clamp(25px,3vw,42px);line-height:1.18}.day-message p{margin:0}.day-message p+p{margin-top:20px}.day-message span{font-size:.6em}.js .day-message{display:grid;align-items:center;min-height:115px}.js .day-message p{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transition:opacity .28s}.js .day-message p.is-active{opacity:1;visibility:visible}.section{margin-top:100px;border-top:1px solid;padding-top:14px}.section-top{margin-bottom:38px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.section-heading>p{font-size:19px}.time-tabs{display:none;grid-template-columns:repeat(4,1fr);border-top:1px solid;border-bottom:1px solid}.js .time-tabs{display:grid}.time-tabs button{background:none;border:0;border-right:1px solid currentColor;padding:17px 8px 13px;line-height:1.1;font-size:25px}.time-tabs button:last-child{border-right:0}.time-tabs span{display:block;font-size:14px;margin-top:8px}.time-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.price-note{font-size:14px;margin:14px 0 34px}.menu-stack{border-bottom:1px solid}.menu-sheet{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;padding:0 0 35px}.menu-sheet+.menu-sheet{border-top:1px solid;padding-top:30px}.js .menu-stack{display:grid}.js .menu-sheet{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;margin:0;border-top:0;padding-top:0;transition:opacity .28s}.js .menu-sheet.is-active{opacity:1;visibility:visible;pointer-events:auto}.menu-time{display:block;color:var(--accent);font-size:16px;margin-bottom:16px}.menu-intro h3{font-size:clamp(32px,3.4vw,58px);line-height:1;letter-spacing:-.035em;margin-bottom:20px}.menu-intro>p{font-size:19px}.menu-intro .supplier{font-size:16px;line-height:1.45;margin-top:25px;max-width:28ch}.dishes{padding-top:2px}.dish{display:grid;grid-template-columns:auto 1fr auto;column-gap:9px;align-items:baseline;padding:17px 0;border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent)}.dish:first-child{padding-top:0}.dish:last-child{border-bottom:0}.dish h4{font-size:22px;font-weight:500;line-height:1.18;max-width:24ch}.dots{min-width:8px;border-bottom:1px dotted;margin-bottom:5px}.dish .price{font-size:22px;font-variant-numeric:tabular-nums;white-space:nowrap}.dish p{grid-column:1/-1;margin-top:6px;font-size:16px;line-height:1.4}.dish.drink{margin-top:15px}.menu-foot{font-size:14px;max-width:75ch;margin-top:13px}.garden-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:center}.garden-copy h2{font-size:clamp(70px,6vw,110px);margin-bottom:30px}.garden-copy>p{max-width:29ch}.small-note{font-size:15px}.garden-copy .small-note{margin-top:28px}.garden-photo{align-self:stretch;position:relative;padding-top:10px}.garden-photo picture{display:block;height:100%;min-height:530px;max-height:720px}.garden-photo img{object-position:42% center}.garden-photo figcaption{font-size:14px;margin-top:12px}.celebrate-inner{text-align:center;padding:10px 0 30px;max-width:850px;margin:auto}.ornament{font-size:85px;color:var(--accent);line-height:1;margin-bottom:16px}.celebrate h2{font-size:clamp(65px,7vw,120px)}.celebrate p{max-width:45ch;margin:28px auto 22px;font-size:22px}.text-link{display:inline-block;font-size:21px;padding:12px 0;border-bottom:1px solid;text-decoration:none}.text-link span{padding-left:24px}.visit h2{font-size:clamp(54px,5.7vw,95px);margin-bottom:45px}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.visit h3{font-size:27px;margin-bottom:22px}.visit p,.visit address{font-size:18px;line-height:1.45;max-width:40ch}.visit address{font-style:normal;margin-bottom:20px;overflow-wrap:anywhere}.visit .small-note{font-size:14px;max-width:46ch}.hours{margin:0 0 24px;font-size:18px}.hours>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px dotted;padding:8px 0}.hours dd{margin:0;white-space:nowrap}.river-map{margin-top:40px;padding:15px 0 0;border:1px solid;color:var(--ink)}.river-map svg{width:100%;height:auto}.river-map .water{fill:currentColor;opacity:.08}.river-map .map-line{stroke:currentColor;fill:none;opacity:.5;stroke-width:1}.river-map .route{stroke:currentColor;fill:none;stroke-dasharray:5 7;stroke-width:2}.river-map .house{stroke:currentColor;fill:var(--paper);stroke-width:2}.river-map circle{fill:currentColor}.river-map text{fill:currentColor;font-size:20px;font-family:Newsreader,Georgia,serif}.river-map>span{display:block;text-align:right;padding:6px 12px;font-size:13px}.reservation-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.reservation h2{margin-bottom:25px}.reservation p{max-width:34ch}.reservation .demo-note{font-size:15px;border-left:2px solid;padding-left:17px;margin-top:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}label{display:block;font-size:16px;min-width:0}input,select{width:100%;min-width:0;display:block;border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);height:52px;font-size:20px;padding:8px 2px;margin-top:6px}select option{background:var(--paper);color:var(--ink)}input[type=date]{min-height:52px}.submit-button{width:100%;padding:18px 20px;color:var(--paper);background:var(--ink);border:1px solid var(--ink);display:flex;gap:18px;justify-content:space-between;text-align:left;font-size:20px}.submit-button:hover{background:var(--paper);color:var(--ink)}.form-help{font-size:13px;margin-top:12px}output:not(:empty){display:block;padding:20px;border:1px solid;margin-top:20px;font-size:18px}.footer{padding-bottom:60px}.footer-sign{display:flex;align-items:center;gap:30px;padding:40px 0 50px}.footer-sign svg{width:135px;fill:none;stroke:currentColor;stroke-width:1}.footer-sign p{font-family:Grenze,Georgia,serif;font-size:60px;line-height:.95}.why{display:grid;grid-template-columns:.6fr 1.4fr;gap:20px 40px;padding-bottom:36px}.why h2{font-size:50px}.why p{font-size:18px}.why small{grid-column:2;font-size:14px;max-width:60ch}.colophon{border-top:1px solid;display:flex;justify-content:space-between;gap:25px;padding-top:15px;font-size:14px}
/* Das Tagesrad ist das einzige Element, das eine Drehbewegung übernimmt. */
.time-machine[hidden]{display:none}.time-machine{position:fixed;z-index:20;right:26px;bottom:calc(var(--studie-balken) + 28px);width:254px;color:var(--ink);text-align:center}.dial-intro{text-align:left;padding-left:25px;font-size:23px;line-height:1.12;margin-bottom:18px;display:flex;gap:12px;align-items:center}.dial-intro svg{width:45px;fill:none;stroke:currentColor;stroke-width:1.4;transform:rotate(-10deg)}.dial-shell{position:relative}.dial-pointer{position:absolute;left:50%;top:-9px;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:11px solid var(--ink);z-index:2}.dial{width:254px;height:254px;position:relative;border-radius:50%;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;background:var(--paper);box-shadow:0 0 0 5px var(--paper);border:1px solid var(--ink)}.dial:active{cursor:grabbing}.dial-face{position:absolute;inset:8px;border:1px solid;border-radius:50%;transform:rotate(var(--rotation,75deg));background:repeating-conic-gradient(from -0.2deg,currentColor 0deg .45deg,transparent .45deg 7.5deg);will-change:transform}.dial-face::after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--paper)}.dial-numbers{position:absolute;inset:0;z-index:1}.dial-numbers span{position:absolute;left:50%;top:50%;font-size:18px;line-height:1;transform:translate(-50%,-50%) rotate(calc(var(--i)*45deg)) translateY(-96px) rotate(calc(var(--i)*-45deg - var(--rotation,75deg)));font-variant-numeric:tabular-nums}.dial-center{position:absolute;inset:52px;border:1px solid;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;background:var(--paper)}.dial-center>span{font-size:12px;line-height:1.25;max-width:100px}.dial-center strong{font-weight:400;font-size:40px;line-height:1.25;font-variant-numeric:tabular-nums;letter-spacing:-2px}.dial-caption>p{font-size:18px;line-height:1.2;margin-top:20px}.dial-caption>p span{font-size:12px}.dial-caption>button{background:transparent;border:0;border-bottom:1px solid;padding:8px 0 4px;font-size:15px;margin-top:8px;min-height:38px}.dial-toggle{display:none}
@media(min-width:1100px){main{padding-right:330px}.masthead{margin-right:38px}.hero h1{font-size:clamp(120px,13vw,230px)}.scene-images{height:clamp(350px,37vw,640px)}}
@media(min-width:1700px){.time-machine{right:max(45px,calc((100vw - 1920px)/2 + 30px));width:270px}.dial{width:270px;height:270px}.dial-numbers span{transform:translate(-50%,-50%) rotate(calc(var(--i)*45deg)) translateY(-103px) rotate(calc(var(--i)*-45deg - var(--rotation,75deg)))}.dial-center{inset:55px}.dial-center strong{font-size:46px}}
@media(max-width:1099px){.masthead nav{gap:18px}.masthead{font-size:15px}.brand svg{width:55px}.time-machine{width:100%;right:0;bottom:var(--studie-balken);height:90px;border-top:1px solid;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 25px;text-align:left}.dial-intro{font-size:18px;padding:0;margin:0;max-width:135px}.dial-intro svg{display:none}.dial-shell{position:absolute;left:50%;transform:translateX(-50%);bottom:8px}.dial{width:156px;height:156px}.dial-face{inset:6px}.dial-numbers span{font-size:12px;transform:translate(-50%,-50%) rotate(calc(var(--i)*45deg)) translateY(-58px) rotate(calc(var(--i)*-45deg - var(--rotation,75deg)))}.dial-center{inset:34px}.dial-center strong{font-size:28px;letter-spacing:-1px}.dial-center>span{font-size:9px;max-width:70px}.dial-caption>p{display:none}.dial-caption>button{font-size:14px;max-width:115px;line-height:1.25;text-align:right;margin:0;padding:8px 0}.dial-toggle{display:block;background:var(--paper);color:var(--ink);border:1px solid;position:absolute;right:10px;top:-34px;width:40px;height:34px;font-size:23px;line-height:1}.time-machine.is-collapsed{height:49px}.time-machine.is-collapsed .dial-shell{display:none}.time-machine.is-collapsed .dial-intro{max-width:none;font-size:16px}.time-machine.is-collapsed .dial-intro br{display:none}.time-machine.is-collapsed .dial-caption>button{max-width:none}.footer{padding-bottom:205px}.section{margin-top:85px}}
@media(max-width:700px){body{font-size:18px}.masthead{padding:18px 0;gap:14px}.brand{gap:10px;font-size:13px}.brand svg{width:42px}.masthead nav{display:none}.reserve-link{font-size:14px;max-width:126px}.reserve-link span{padding-left:4px}.hero{padding-top:15px}.hero-rule{font-size:12px;gap:10px}.hero h1{font-size:clamp(90px,20vw,138px);line-height:.89;padding:28px 0 34px;letter-spacing:-.035em}.hero-bottom{align-items:center;gap:15px;padding-bottom:30px}.hero-bottom>p{font-size:25px}.hero-bottom>p span{font-size:15px;max-width:16ch}.down-link{font-size:14px;max-width:115px;gap:10px;line-height:1.2}.scene-images{height:360px}.scene-images img{object-position:56% center}.photo-note{width:104px;height:104px;right:12px;top:-20px;font-size:19px;outline-width:3px}.day-scene figcaption{font-size:12px;gap:14px}.day-scene figcaption span:first-child{max-width:25ch}.day-scene figcaption span:last-child{text-align:right;max-width:13ch}.day-message{font-size:27px;padding-top:28px}.js .day-message{min-height:120px}.section{margin-top:60px}.section-top{font-size:13px;line-height:1.25;margin-bottom:30px}.section-top>span{max-width:25ch}.section-top>span:last-child{text-align:right}h2{font-size:61px}.section-heading{display:block}.section-heading>p{margin-top:20px;font-size:17px}.section-heading>p br{display:none}.time-tabs button{font-size:17px;padding:15px 4px 12px}.time-tabs span{font-size:12px;margin-top:7px}.price-note{font-size:12px;margin:12px 0 28px}.menu-sheet{grid-template-columns:1fr;gap:26px}.menu-intro h3{font-size:40px}.menu-intro h3 br{display:none}.menu-time{font-size:14px;margin-bottom:12px}.menu-intro>p{font-size:17px}.menu-intro .supplier{font-size:15px;margin-top:16px;max-width:38ch}.dish h4{font-size:20px;max-width:23ch}.dish .price{font-size:20px}.dish p{font-size:15px}.menu-foot{font-size:12px}.garden-layout{grid-template-columns:1fr;gap:30px}.garden-copy h2{font-size:73px}.garden-copy>p{max-width:37ch}.garden-photo picture{min-height:0;height:400px}.garden-photo figcaption{font-size:12px}.celebrate-inner{padding:0 0 10px}.celebrate h2{font-size:59px}.celebrate p{font-size:18px}.ornament{font-size:65px}.text-link{font-size:18px}.visit h2{font-size:52px;margin-bottom:30px}.visit-grid{grid-template-columns:1fr;gap:38px}.visit h3{font-size:25px;margin-bottom:16px}.visit p,.visit address,.hours{font-size:17px}.visit .small-note{font-size:13px}.river-map{margin-top:25px}.river-map>span{font-size:11px}.river-map svg{min-height:130px}.reservation-grid{grid-template-columns:1fr;gap:32px}.reservation .demo-note{font-size:14px;max-width:40ch}.form-row{gap:18px;margin-bottom:20px}label{font-size:14px}input,select{font-size:17px;height:48px}.submit-button{font-size:18px}.footer-sign{gap:25px;padding:30px 0}.footer-sign svg{width:85px}.footer-sign p{font-size:49px}.why{grid-template-columns:1fr;gap:20px}.why h2{font-size:45px}.why p{font-size:17px}.why small{grid-column:1;font-size:13px}.colophon{font-size:12px;align-items:flex-start}.colophon>span{max-width:22ch}.colophon a{max-width:15ch;text-align:right}.time-machine{padding:0 16px;height:83px}.dial-intro{font-size:15px;max-width:96px;line-height:1.15}.dial-caption>button{font-size:12px;max-width:84px}.dial{width:144px;height:144px}.dial-numbers span{transform:translate(-50%,-50%) rotate(calc(var(--i)*45deg)) translateY(-53px) rotate(calc(var(--i)*-45deg - var(--rotation,75deg)))}.dial-center{inset:31px}.dial-center strong{font-size:26px}.dial-shell{bottom:6px}.dial-center>span{font-size:8px}.dial-pointer{top:-7px;border-top-width:9px}.time-machine.is-collapsed .dial-intro{font-size:14px;max-width:175px}.footer{padding-bottom:190px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.dial-face{will-change:auto}}