@font-face{font-family:"Lora";src:url("/fonts/lora.woff") format("woff");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url("/fonts/lora-italic.woff") format("woff");font-weight:400 700;font-style:italic;font-display:swap}

/* Layout: eine ruhige Spalte wie das Briefpapier – Schriftzug oben, Wiesenblumen unten, dazwischen Text auf Papier */
:root{
  --paper:#f7f3e6; --sheet:#fffdf6; --ink:#2f2f24; --olive:#3f4226; --rule:#8a8a5c; --muted:#6b6b52; --heart:#9c3a4f; --btn-ink:#fffdf6;
  --serif:"Lora", Georgia, "Times New Roman", serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--paper:#1d1e16;--sheet:#26271d;--ink:#e9e6d6;--olive:#c9cd9a;--rule:#6f7050;--muted:#a9a78e;--heart:#d58a9b;--btn-ink:#1d1e16;color-scheme:dark}}
:root[data-theme="dark"]{--paper:#1d1e16;--sheet:#26271d;--ink:#e9e6d6;--olive:#c9cd9a;--rule:#6f7050;--muted:#a9a78e;--heart:#d58a9b;--btn-ink:#1d1e16;color-scheme:dark}
body{background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.6}
.note{background:var(--olive);color:var(--btn-ink);font-size:14px;padding-block:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));text-align:center}
.note b{font-weight:700}
.sheet{max-width:760px;margin:0 auto;background:var(--sheet);box-shadow:0 1px 2px rgba(0,0,0,.08),0 12px 40px rgba(40,40,20,.10)}
.motif{display:block;width:100%;height:auto}
:root[data-theme="dark"] .motif{filter:brightness(.88)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .motif{filter:brightness(.88)}}
nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;padding-block:6px 4px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));font-size:15px}
nav a{color:var(--olive);text-decoration:none;border-bottom:1px solid transparent}
nav a:hover,nav a:focus-visible{border-bottom-color:var(--rule);outline:none}
nav .path{display:block;font-size:11px;color:var(--muted);letter-spacing:.04em;text-align:center}
main{padding-block:8px 24px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
section{max-width:34em;margin:0 auto;padding-block:36px 8px;scroll-margin-top:12px}
section+section{border-top:0}
.rule{width:35%;height:0;border:0;border-top:.6pt solid var(--rule);margin:28px auto}
h1,h2{font-style:italic;font-weight:700;color:var(--olive);text-align:center;text-wrap:balance;line-height:1.2;margin:0}
h1{font-size:clamp(1.9rem,5vw,2.5rem)}
h2{font-size:clamp(1.55rem,4vw,1.9rem)}
.sub{font-style:italic;color:var(--olive);text-align:center;margin:6px 0 18px}
.heart{color:var(--heart);font-style:normal}
p{margin:0 0 14px}
.center{text-align:center}
.lbl{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--olive);font-weight:700;text-align:center;margin:22px 0 4px}
.dish{font-weight:700;text-align:center;margin:0}
.desc{text-align:center;margin:0 0 4px}
.alt{font-style:italic;text-align:center;color:var(--muted);margin:6px 0 0}
.price{font-style:italic;font-weight:700;color:var(--olive);text-align:center;font-size:1.25rem;margin:18px 0 0}
.menus{display:grid;grid-template-columns:1fr;gap:8px}
.menu{min-width:0}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;font-variant-numeric:tabular-nums;margin:8px 0 0}
.facts dt{color:var(--muted)} .facts dd{margin:0}
.book{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:20px}
.btn{display:inline-block;background:var(--olive);color:var(--btn-ink);text-decoration:none;font-weight:600;padding:12px 26px;border-radius:2px;letter-spacing:.02em}
.btn:focus-visible{outline:2px solid var(--rule);outline-offset:3px}
.widget{border:1px dashed var(--rule);padding:22px 18px;text-align:center;color:var(--muted);font-size:15px;width:100%;box-sizing:border-box}
.widget b{color:var(--ink)}
.contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px;width:100%;margin-top:6px}
.contact div{border-top:.6pt solid var(--rule);padding-top:10px;text-align:center}
.contact .k{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--olive);font-weight:700}
.contact .v{font-variant-numeric:tabular-nums;user-select:all}
.stays{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:18px;margin-top:10px}
.stay{text-align:center}
.stay h3{font-style:italic;color:var(--olive);font-size:1.1rem;margin:0 0 2px}
.stay p{font-size:15px;color:var(--muted);margin:0}
.soon{text-align:center;font-style:italic;color:var(--muted)}
footer{padding-block:0 18px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));text-align:center;font-size:14px;color:var(--muted)}
footer a{color:var(--olive)}
.ph{background:color-mix(in srgb,var(--heart) 12%,transparent);padding:0 4px}

.widget-frame{width:100%;min-height:640px;border:0;background:var(--sheet)}
.legal{max-width:34em;margin:0 auto;font-size:15px}
.legal h2{text-align:left}