:root{--paper:#f7f4eb;--ink:#24382e;--muted:#62675e;--line:#d5d6ca;--accent:#9b4a31;--sage:#e8ebdf;--white:#fffef9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{text-underline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(48px,5.25vw,82px);letter-spacing:-3px}h2{font-size:clamp(38px,4.1vw,62px);letter-spacing:-1.7px}h3{font-size:27px}em{font-weight:400;color:var(--accent)}p{margin-top:22px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b46538;outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:white;z-index:5;padding:12px}.preview{background:var(--ink);color:#f8f7ef;padding:9px 4%;font-size:11px;letter-spacing:.6px;display:flex;gap:20px;justify-content:space-between}.preview span{opacity:.8}.preview a{white-space:nowrap}header{padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:block;width:270px;flex-shrink:0}.brand img{width:100%}.brand>span{display:block;text-align:center;font-size:10px;letter-spacing:3.2px;margin-top:10px}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a{text-decoration:none}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;background:var(--ink);color:#fffef7;text-decoration:none;border:1px solid var(--ink);padding:15px 24px;font-size:14px;line-height:1.6;min-height:48px}.button:hover{background:#3c5544}.button.small{padding:11px 18px}.button span{font-size:20px}.text-link{display:inline-block;font-size:14px;text-decoration:none;border-bottom:1px solid;padding:9px 0}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:680px}.hero-copy{padding:70px 9% 30px}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:700;line-height:1.5;margin:0 0 25px}.hero .lead{max-width:445px;color:var(--muted);font-size:17px;line-height:1.8;margin-top:28px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:35px}.hero-foot{display:flex;flex-wrap:wrap;gap:25px;font-size:11px;letter-spacing:.5px;border-top:1px solid var(--line);margin-top:55px;padding-top:20px}.hero-photo{position:relative;min-height:650px;overflow:hidden}.hero-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 57%}.hero-photo figcaption{position:absolute;bottom:23px;left:25px;color:white;background:#24382ee6;padding:10px 16px;font-size:10px;letter-spacing:2px}.welcome-strip{background:var(--sage);display:flex;justify-content:space-around;padding:24px 5%;font-family:Georgia,serif;font-size:20px;gap:20px;border-bottom:1px solid var(--line)}.section{padding:95px 7%;max-width:1600px;margin:auto}.story{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:center}.portrait-wrap{position:relative;max-width:430px;width:100%}.portrait{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:transparent;filter:drop-shadow(0 9px 8px rgba(57,48,28,.13))}.portrait-label{display:block;padding:17px 0;border-bottom:1px solid var(--line);font-family:Georgia,serif;font-size:24px}.portrait-label small{float:right;font:11px Arial,sans-serif;letter-spacing:1px;margin-top:9px}.story-copy p{max-width:570px;color:var(--muted)}.story-copy .eyebrow{color:var(--ink)}.signature em{font-family:Georgia,serif;font-size:34px;display:inline-block;margin-top:8px}.place{display:grid;grid-template-columns:1fr 1.2fr .65fr;gap:35px;background:var(--sage);align-items:center;padding-top:70px;padding-bottom:70px}.place h2{font-size:44px}.place p{color:var(--muted);max-width:350px}.house{aspect-ratio:.9;background-image:url('assets/haus-original.jpg');background-repeat:no-repeat;background-size:auto 145%;background-position:49% 54%}.terrace{height:370px;width:100%;object-fit:cover}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end}.section-head>p{max-width:380px;color:var(--muted)}.food-strip{display:grid;grid-template-columns:1fr 1fr 1fr;height:220px;margin:45px 0;gap:20px}.food-strip img{width:100%;height:220px;object-fit:cover}.food-strip>div{background:var(--ink);color:var(--paper);padding:35px;display:flex;flex-direction:column;justify-content:center}.food-strip span{font-size:10px;letter-spacing:2px}.food-strip p{font:25px/1.4 Georgia,serif}.menu-controls{display:flex;gap:20px;align-items:end;justify-content:space-between}.categories{display:flex;flex-wrap:wrap;gap:8px}.categories button{padding:10px 17px;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);min-height:46px;font-size:13px}.categories button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.search{flex:0 0 250px;font-size:12px}.search span{display:block;margin-bottom:5px}input,textarea,select{width:100%;padding:12px;background:var(--white);border:1px solid #b9c0b3;border-radius:0;color:var(--ink);min-width:0;min-height:47px}.note{font-size:12px;line-height:1.65;color:var(--muted);margin:20px 0}.menu-list{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}.dish{border-top:1px solid var(--line);padding:24px 0}.dish-head{display:flex;justify-content:space-between;gap:15px}.dish h3{font-size:22px;line-height:1.3}.price{white-space:nowrap;font-size:17px;font-weight:700}.dish p{font-size:14px;color:var(--muted);margin:9px 0}.dish details{font-size:12px;margin-top:13px}.dish summary{cursor:pointer;color:#6c593c}.dish details p{font-size:12px}.weekly{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:var(--ink);color:var(--paper);align-items:center}.weekly em{color:#d1ac84}.weekly>div>p{max-width:390px}.weekly-paper{background:var(--paper);color:var(--ink);padding:40px;border-top:5px solid #a36941}.weekly-paper h3{font-size:32px}.weekly-paper p{color:var(--muted);font-size:14px}.booking{display:grid;grid-template-columns:1fr 1fr;gap:10%}.booking>div>p{max-width:430px}.paper{padding:35px;background:#eeeee3;border:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.form-grid label{display:block;font-size:12px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{margin-top:7px;font-weight:400}.full{grid-column:1/-1}output{display:block;white-space:pre-line;font-size:14px}output:not(:empty){padding:18px;border:1px solid var(--line);background:var(--white);margin-top:15px}.visit{background:var(--sage);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;padding-top:60px;padding-bottom:60px}.visit h2{font-size:40px}.visit h3{font:17px Arial,sans-serif}.visit a{font-size:13px}.visit p{font-size:15px;margin:20px 0}footer{padding:35px 5%;font-size:12px;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}footer div{display:flex;gap:25px}footer small{width:100%;color:var(--muted)}.admin{max-width:1000px;margin:auto;padding:40px 25px}.admin h1{font-size:45px;letter-spacing:-1px}.admin h2{font-size:30px;letter-spacing:-.5px}.admin-tabs{display:flex;gap:12px;margin:28px 0;flex-wrap:wrap}.admin .paper{margin:22px 0}.admin table{width:100%;border-collapse:collapse;font-size:14px}.admin th,.admin td{text-align:left;padding:13px 6px;border-bottom:1px solid var(--line);vertical-align:top}.admin .table-scroll{overflow:auto}.admin .secondary{background:transparent;color:var(--ink);border:1px solid var(--line);padding:10px 15px;min-height:46px}.admin .mini{font-size:12px;padding:8px}.admin .stack{display:grid;gap:10px}.admin .status{border-left:3px solid var(--accent);padding:10px 15px;background:var(--white);margin:20px 0}.admin .table-choice{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.admin .table-choice label{border:1px solid var(--line);padding:10px;background:var(--white);display:flex;gap:6px;align-items:center;font-size:12px}.table-choice input{width:auto;min-height:0}.empty{padding:20px;color:var(--muted)}.hidden{display:none!important}@media(min-width:1550px){.hero{max-width:1600px;margin:auto}}@media(max-width:1100px){nav{gap:16px}.brand{width:220px}.hero{min-height:600px}.hero-copy{padding:55px 7% 25px}.hero-photo{min-height:600px}.hero h1{font-size:59px}.place{grid-template-columns:1fr 1fr}.terrace{display:none}.menu-controls{align-items:stretch;flex-direction:column}.search{flex:auto;max-width:450px}.story{gap:7%}.section{padding:70px 6%}.booking{gap:5%}}@media(max-width:760px){.preview{font-size:10px;padding:8px 5%;gap:10px}.preview span{display:none}header{padding:22px 5%;display:block}.brand{width:235px;margin:0 auto 20px}nav{justify-content:center;gap:17px;flex-wrap:wrap;font-size:12px}nav .button{padding:8px 12px;min-height:40px}.hero{display:flex;flex-direction:column}.hero-copy{padding:40px 6% 25px}.hero h1{font-size:55px;letter-spacing:-2.4px}.hero .lead{font-size:16px}.actions{gap:20px;margin-top:25px}.hero-foot{margin-top:30px;gap:13px}.hero-photo{min-height:410px}.hero-photo img{object-position:50% 60%}.hero-photo figcaption{font-size:9px;left:15px;bottom:15px}.welcome-strip{display:block;text-align:center;font-size:18px;padding:18px}.welcome-strip span{display:block}.welcome-strip span+span{margin-top:6px}.section{padding:55px 6%}.story{grid-template-columns:1fr;gap:40px}.portrait-wrap{max-width:340px;margin:auto}.story-copy h2{font-size:41px}.place{grid-template-columns:1fr;gap:30px}.place h2{font-size:41px}.house{aspect-ratio:1.2;background-size:auto 145%}.section-head{display:block}.section-head p{margin-top:25px}.food-strip{grid-template-columns:1fr 1fr;height:185px;gap:12px;margin:30px 0}.food-strip img{height:185px}.food-strip>div{display:none}.categories{gap:6px}.categories button{padding:9px 12px}.menu-list{grid-template-columns:1fr}.dish h3{font-size:21px}.weekly,.booking{grid-template-columns:1fr;gap:35px}.weekly-paper,.paper{padding:25px}.booking .form-grid{gap:15px}.visit{grid-template-columns:1fr;gap:35px}.visit p{margin:15px 0}footer div{flex-wrap:wrap;gap:15px}.admin{padding:30px 18px}.admin h1{font-size:38px}.admin .paper{padding:20px}.admin .form-grid{grid-template-columns:1fr}.admin .table-choice{grid-template-columns:repeat(2,1fr)}.price{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

#menu-more{margin-top:25px}#menu-more[hidden]{display:none}

/* Whole dishes remain quiet accents, with breathing room around their silhouettes. */
.hero-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 55% 47%,#e9e7d9 0,transparent 65%);padding:65px 8% 55px;overflow:visible}
.hero-photo img{position:static;width:100%;max-width:440px;height:auto;object-fit:contain;filter:drop-shadow(0 8px 10px #49372516)}
.hero-photo figcaption{position:static;background:transparent;color:var(--muted);text-align:center;font-size:10px;letter-spacing:1.5px;margin-top:35px;padding:12px 0;border-top:1px solid var(--line)}
.food-strip{height:auto;align-items:center;gap:35px;margin:50px 0}
.food-strip figure{display:flex;align-items:center;flex-direction:column}
.food-strip img{height:205px;width:100%;object-fit:contain;filter:drop-shadow(0 5px 6px #49372512)}
.food-strip figcaption{font:18px Georgia,serif;margin-top:18px;color:var(--muted);text-align:center}
.food-strip>div{background:transparent;color:var(--ink);border-left:1px solid var(--line);padding:30px}
.guest-shortcuts{display:flex;gap:8px;align-items:end}.guest-shortcuts button{min-height:48px;min-width:48px;border:1px solid var(--line);background:var(--white);color:var(--ink)}
.coffee{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:center;border-top:1px solid var(--line)}.coffee img{width:100%;max-width:470px;height:auto;filter:drop-shadow(0 6px 7px #453a2912)}.coffee h2{font-size:clamp(34px,3.4vw,50px)}.coffee p{color:var(--muted)}.seasonal{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.seasonal>div>p{max-width:430px}.seasonal-paper{background-color:var(--white);background-size:100% 100%;background-repeat:no-repeat;border:1px solid var(--line);padding:45px 50px}.seasonal-paper h3{font-size:31px}.seasonal-paper p{font-size:14px}.wine-section{padding-top:0}.wine-section>div{max-width:660px;margin:auto}@media(max-width:760px){.coffee,.seasonal{grid-template-columns:1fr;gap:35px}.coffee figure{max-width:330px;margin:auto}.seasonal-paper{padding:35px 30px}.coffee h2{font-size:38px}}
.check-row{display:flex;align-items:start;gap:12px;font-size:15px}.check-row input{width:22px;min-height:22px;flex-shrink:0;margin-top:3px;accent-color:var(--ink)}
.admin details summary{cursor:pointer;min-height:44px;padding:10px 0}.voice-help{padding:15px 20px;border:1px solid var(--line);background:var(--white)}.voice-help p{font-size:14px;margin:15px 0}
.book-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:35px 0 20px}.book-heading label{font-size:13px;min-width:160px}.book-heading input{margin-top:8px}.booking-cards{display:grid;gap:14px}.booking-card{background:var(--white);border:1px solid var(--line);padding:22px}.booking-card h3{font-size:23px}.booking-card p{font-size:14px;margin:9px 0}.booking-card .actions{margin-top:15px}
.plan-summary{display:flex;gap:15px;margin:25px 0}.plan-summary>div{padding:18px;background:var(--sage);flex:1}.plan-summary strong{font:34px Georgia,serif;display:block}.plan-summary span{font-size:12px}.room-plan{max-width:100%;overflow:auto;background:var(--white);border:1px solid var(--line)}.room-plan:empty{display:none}.room-plan svg{display:block;width:100%;min-width:720px;font:15px Arial,sans-serif;fill:var(--ink)}.map-title{font-family:Georgia,serif;font-size:20px}
.plan-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.group-card{background:var(--white);border:1px solid var(--line);padding:16px;break-inside:avoid}.group-card h3{font-size:19px}.group-card small{font-size:11px;color:var(--muted)}.group-card p{font-size:13px;margin:10px 0}.admin button:disabled{opacity:.45;cursor:default}
@media(max-width:760px){.book-heading{align-items:stretch;flex-direction:column;gap:15px}.plan-summary{gap:7px}.plan-summary>div{padding:12px}.plan-summary strong{font-size:27px}.plan-groups{grid-template-columns:1fr 1fr}.guest-shortcuts{margin-top:-8px}.admin .actions{gap:12px}.admin .actions .button{width:100%}}
@media print{body{background:white;color:#222;font-size:12px}.preview,.admin>p,.admin>h1,.admin-tabs,#reservations,#weekly,#dayplan>.actions,#dayplan>.paper,#dayplan>.note,#plan-date,.book-heading label{display:none!important}.admin{max-width:none;padding:0}.admin #dayplan{display:block!important}.book-heading{margin:0 0 10px}.admin h2{font-size:25px}.room-plan{border:0;overflow:visible}.room-plan svg{width:100%;min-width:0;max-height:560px}.plan-summary{margin:8px 0}.plan-summary>div{padding:8px}.plan-summary strong{font-size:22px}.plan-groups{grid-template-columns:repeat(3,1fr);gap:8px}.group-card{padding:10px}#dayplan>.status{font-size:10px;margin:8px 0}#plan-status{font-size:11px;padding:8px}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4 portrait;margin:12mm}}
@media(max-width:760px){.hero-photo{min-height:0;padding:20px 16% 35px}.hero-photo img{max-width:290px}.hero-photo figcaption{font-size:8px;margin-top:18px}.food-strip{height:auto;gap:18px}.food-strip img{height:145px}.food-strip figcaption{font-size:15px;line-height:1.4}}

.menu-controls{margin-top:40px}.menu-list{align-items:start}details.dish>summary{list-style:none;color:var(--ink);cursor:pointer}details.dish>summary::-webkit-details-marker{display:none}.dish-name{font:22px/1.3 Georgia,serif}.dish-description{display:block;font-size:14px;color:var(--muted);margin-top:9px}.dish-toggle{display:block;font-size:11px;color:var(--muted);margin-top:10px}.dish[open]>.dish-info{margin-top:15px;padding:15px;background:#eeeee3;font-size:12px}.dish-info>p{font-size:12px}.dish>summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.dish-info .size-options{border-top:1px solid var(--line);padding-top:12px}.house{display:block;width:100%;height:auto;aspect-ratio:auto;background:none;object-fit:contain}.place{grid-template-columns:1fr 1.6fr}.place .terrace{display:none}@media(max-width:760px){.place{grid-template-columns:1fr}.dish-name{font-size:21px}}

/* The illustration is the main visual identity, at every screen size. */
body>header{display:flex;flex-direction:column;align-items:center;gap:26px;padding:20px 4% 28px}header .brand{width:min(820px,100%);margin:0;text-align:center;flex-shrink:1}header .brand img{width:100%;max-width:none;height:auto;margin:0 auto 12px}header .brand strong{display:block;font:clamp(28px,3.4vw,48px)/1.15 Georgia,serif;white-space:normal}header .brand>span{font-size:10px;letter-spacing:3px;margin-top:12px}body>header nav{justify-content:center;flex-wrap:wrap;gap:20px 35px;width:100%;max-width:1000px}@media(max-width:760px){body>header{gap:25px;padding:15px 4% 25px}header .brand strong{font-size:clamp(24px,7.2vw,40px)}header .brand>span{font-size:9px;letter-spacing:2.5px}body>header nav{gap:16px 18px}}

.arrival{text-align:center;padding:58px 6% 0}.arrival .eyebrow{margin-bottom:17px}.arrival h1{font:clamp(27px,3.1vw,43px)/1.3 Georgia,serif;letter-spacing:-.5px}.arrival-line{display:block;width:64px;height:1px;background:#b79a77;margin:30px auto 0}.story{padding-top:58px}.menu-pizza{max-width:210px;margin:0 auto 35px}.menu-pizza img{width:100%;height:auto;filter:drop-shadow(0 7px 9px #24382e16)}@media(max-width:760px){.arrival{padding-top:38px}.story{padding-top:40px}.menu-pizza{max-width:165px;margin-bottom:28px}}

header .brand .wordmark{width:min(620px,90%);height:auto;margin:4px auto 12px}.season-opener{max-width:850px;margin:auto}.season-opener h1{font-size:clamp(34px,3.8vw,52px)}.season-intro{max-width:650px;margin:24px auto 0;color:var(--muted);font-size:17px}.season-offers{max-width:650px;margin:20px auto 0;font:21px/1.6 Georgia,serif}.season-events{max-width:650px;margin:20px auto 0;color:var(--muted);font-size:14px}.season-opener p{margin-top:14px}.season-opener .eyebrow{margin-top:0}@media(max-width:760px){header .brand .wordmark{width:100%}.season-offers{font-size:19px}.season-intro{font-size:16px}}

/* Basel: kleineres, ruhiges Gastgeberportraet. */
#gastgeber .portrait-wrap{max-width:300px;justify-self:center;margin-inline:auto}
@media(max-width:760px){#gastgeber .portrait-wrap{max-width:230px}#gastgeber .portrait-label{font-size:20px}#gastgeber .portrait-label small{font-size:9px;letter-spacing:.6px;margin-top:7px}}

/* Portions remain visible; the standard size keeps visual priority. */
.dish-standard-price{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;line-height:1.4}.portion-label{font-size:11px;font-weight:400;color:var(--muted);margin-bottom:2px}.dish-small-portion{display:flex;justify-content:space-between;gap:15px;font-size:13px;font-weight:400;color:var(--muted);margin-top:12px;line-height:1.5}.small-portion-price{white-space:nowrap}

#cake-current img,.cake-preview{display:block;width:100%;max-width:360px;max-height:340px;object-fit:contain;margin:12px auto}.cake-preview[hidden]{display:none}#cake-form input[type=file]{max-width:100%;font-size:16px}#cake-form textarea{width:100%;min-height:100px}.staff-options{margin:14px 0}.staff-options summary{cursor:pointer;font-size:16px}.preferino-credit{display:block;margin-top:22px;font-size:11px;color:#637064}.preferino-credit a{color:inherit}

/* Telephone desk: comfortably sized controls on iPhone and desktop. */
.admin input,.admin select,.admin textarea{font-size:19px;min-height:54px}.admin label{font-size:17px}.admin button,.admin .button,.admin summary{min-height:48px}.admin input[type=checkbox]{min-height:24px;width:24px;height:24px}.admin .actions{gap:12px;flex-wrap:wrap}#staff-form{scroll-margin-top:20px}#online-requests:empty{display:none}#booking-result a{display:block;margin-top:12px}output{white-space:pre-line}.check-row{flex-wrap:wrap}.booking-card a{font-size:20px}

.admin>h1{font-size:36px;margin:12px 0}.admin>.status{font-size:14px;padding:8px;margin:8px 0}.admin-tabs{gap:8px;margin:16px 0}.admin-tabs button,.admin-tabs a{font-size:15px;padding:12px}#pending-count{font:500 15px/1.4 sans-serif;margin:12px 0}#staff-form .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#staff-form input,#staff-form select{min-width:0;width:100%}#staff-form input[type=checkbox]{width:24px}@media(max-width:600px){.admin{padding-top:20px}.admin-tabs{display:grid;grid-template-columns:1fr 1fr}.admin-tabs>*{text-align:center}}

#staff-form .guest-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:0}#staff-form .guest-shortcuts button{padding:6px;min-width:0}#staff-form input[type=date],#staff-form input[type=time]{padding:8px;font-size:17px}@media(max-width:380px){.admin>h1{font-size:30px}}