/* Speisekarte Restaurant Langenhorst · Nachbau der PDF-Karte
   Alle Regeln unter .lh-karte (Elementor-tauglich). Desktop: PDF-Koordinaten in pt,
   1pt = var(--u). Mobil: dieselbe Struktur im Fluss, einspaltig. */
@font-face{font-family:"LH Montserrat";src:url(fonts/Montserrat-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"LH Montserrat";src:url(fonts/Montserrat-LightItalic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"LH Montserrat";src:url(fonts/Montserrat-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"LH Montserrat";src:url(fonts/Montserrat-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

.lh-karte{--creme:#fff7ea;--gruen:#00675a;--box:#e3c0a0;--schwarz:#070001;--text:#231f20;
  font-family:"LH Montserrat",Montserrat,sans-serif;color:var(--text);background:#ece6dc;padding:24px 12px 48px;
  -webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;font-kerning:normal}
.lh-karte *{box-sizing:border-box;margin:0;padding:0}
.lh-karte .lh-titel{font-family:"BagdollDisplayRegular","LH Bagdoll",serif;font-weight:400;color:var(--gruen);font-size:44px;line-height:1.1;text-align:center}
.lh-karte .lh-pdf{text-align:center;margin:8px 0 24px}
.lh-karte .lh-pdf a{display:inline-block;font-weight:600;font-size:15px;color:var(--schwarz);background:var(--box);border-radius:999px;padding:10px 22px;text-decoration:none}
.lh-karte .lh-pdf a:hover,.lh-karte .lh-pdf a:focus-visible{background:var(--gruen);color:#fff}
.lh-karte .lh-blatt{position:relative;overflow:hidden;background:var(--creme);margin:0 auto 24px;box-shadow:0 2px 14px rgba(0,0,0,.12)}
.lh-karte .lh-bgl{position:absolute;left:0;top:0;width:100%;fill:#fff;fill-opacity:.5;pointer-events:none}
.lh-karte .lh-items{list-style:none}
.lh-karte .lh-h{font-family:"BagdollDisplayRegular","LH Bagdoll",serif;font-weight:400;color:var(--gruen);letter-spacing:0}
.lh-karte .lh-name{font-weight:600;color:var(--schwarz);font-size:inherit}
.lh-karte .lh-desc{font-weight:300;font-style:italic;color:var(--text)}
.lh-karte .lh-p{font-weight:600;color:var(--schwarz)}
.lh-karte .lh-sz,.lh-karte .lh-lab{font-weight:300;font-style:italic;color:var(--text)}
.lh-karte .lh-box{background:var(--box)}
.lh-karte .lh-box .lh-l{font-weight:300;color:var(--text)}
.lh-karte .lh-box b{font-weight:700}
.lh-karte .lh-sig{fill:var(--creme)}
.lh-karte .lh-ic{fill:var(--schwarz)}
.lh-karte .lh-fig{overflow:hidden}
.lh-karte .lh-fig img{display:block;max-width:none}

/* ---------- Desktop: exakte PDF-Seite ---------- */
@media (min-width:900px){
  .lh-karte .lh-blatt{width:min(100%,816px);aspect-ratio:612.283/858.898;container-type:inline-size;--u:calc(100cqw/612.283)}
  .lh-karte .lh-bgl{height:100%}
  .lh-karte .lh-blatt .lh-l{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));
    font-size:calc(var(--fs)*var(--u));line-height:calc(var(--lh)*var(--u));letter-spacing:calc(var(--ls,0)*var(--u));white-space:pre}
  .lh-karte .lh-blatt .lh-r{left:auto;right:calc(var(--r)*var(--u))}
  .lh-karte .lh-abs{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));
    width:calc(var(--w)*var(--u));height:calc(var(--h)*var(--u))}
  .lh-karte .lh-box,.lh-karte .lh-fig{border-radius:calc(var(--rad)*var(--u))}
  .lh-karte .lh-blatt .lh-ic{width:calc(var(--w)*var(--u));height:calc(var(--h)*var(--u))}
  .lh-karte .lh-lab{display:none}
}

/* ---------- Mobil: gleiches Design, einspaltig ---------- */
@media (max-width:899.98px){
  .lh-karte{padding:16px 0 32px}
  .lh-karte .lh-blatt{padding:26px 20px 28px;margin-bottom:14px;box-shadow:none}
  .lh-karte .lh-blatt>*:not(.lh-bgl){position:relative}
  .lh-karte .lh-sizes{display:none}
  .lh-karte .lh-h{display:block;font-size:40px;line-height:1.15;margin:6px 0 12px}
  .lh-karte .lh-sec+.lh-sec,.lh-karte .lh-fig+.lh-sec,.lh-karte .lh-sec+.lh-fig{margin-top:22px}
  .lh-karte .lh-item{display:grid;grid-template-columns:1fr auto;column-gap:14px;margin:0 0 16px}
  .lh-karte .lh-name{grid-column:1;font-size:15px;line-height:1.3;letter-spacing:.01em}
  .lh-karte .lh-desc{grid-column:1/-1;font-size:14px;line-height:1.4;margin-top:3px}
  .lh-karte .lh-prices{grid-column:2;grid-row:1;display:flex;gap:14px;align-items:baseline;justify-content:flex-end}
  .lh-karte .lh-item:has(.lh-p+.lh-p) .lh-prices{grid-column:1/-1;grid-row:auto;justify-content:flex-start;flex-wrap:wrap;column-gap:18px;row-gap:4px;margin-top:5px}
  .lh-karte .lh-p{font-size:15px;line-height:1.3;white-space:nowrap}
  .lh-karte .lh-lab{font-size:13px;margin-right:5px}
  .lh-karte .lh-ic{display:inline-block;height:.95em;width:auto;vertical-align:-.1em;margin-left:.35em}
  .lh-karte .lh-fig{margin:4px 0 0;overflow:visible}
  .lh-karte .lh-fig img{width:100%;height:auto;aspect-ratio:auto;border-radius:10px}
  .lh-karte .lh-box{border-radius:14px}
  .lh-karte .lh-ov{margin-top:10px;padding:14px 18px;text-align:right;font-size:15px;line-height:1.45;border-radius:10px}
  .lh-karte .lh-box .lh-abs-gap{margin-top:.55em}
  .lh-karte .lh-hint{margin-top:26px;padding:16px 18px 16px 76px;min-height:74px;text-align:right;font-size:15px;line-height:1.45}
  .lh-karte .lh-hint .lh-sig{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:46px;height:auto}
  .lh-karte .lh-box .lh-l{display:block}
  .lh-karte .lh-box b{white-space:nowrap}
}

/* Einbettung restaurant-langenhorst.de */
.lh-karte{background:transparent;padding:8px 0 24px}
.lh-karte .lh-pdf{margin:0 0 28px}
.lh-karte h2,.lh-karte h3,.lh-karte p,.lh-karte ul,.lh-karte li{text-transform:none;border:0;background:none}
.lh-karte li::before,.lh-karte li::marker{content:none}
.lh-karte .lh-name,.lh-karte .lh-name .lh-l,.lh-karte .lh-desc,.lh-karte .lh-p,.lh-karte .lh-box,.lh-karte p,.lh-karte li{font-family:"LH Montserrat",Montserrat,sans-serif!important}
.lh-karte .lh-h{font-family:"BagdollDisplayRegular","LH Bagdoll",serif!important}