/* Original-Look (Nachbau der Wix-Seite). Farben aus dem RIVA-Farbkonzept. */
:root{
  --bg:#f4f1ed;--ink:#3c2f2a;--teal:#5c7d86;--btn-dark:#3c2f2a;--ft-bg:#5c7d86;--line:#d3cdc5;
  --serif:'Cormorant Garamond','Cormorant',Georgia,serif;--sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --gutter:clamp(18px,5vw,64px);--wrap:1040px;--measure:60ch;--hero-h:clamp(200px,28vw,400px)
}
.page-title{font-family:var(--serif);font-weight:500;font-size:clamp(34px,5vw,58px);line-height:1.12;letter-spacing:.06em;margin:0 0 1.4rem}
.page-title.h-teal{color:var(--teal);font-weight:600;font-size:clamp(28px,3.4vw,40px);letter-spacing:.04em}
.page-title.center{text-align:center}
.h-lead{font-family:var(--serif);font-weight:400;font-size:clamp(23px,2.6vw,32px);line-height:1.25;margin:1.4rem 0 1rem;max-width:24em}
.h-sec{font-family:var(--serif);font-weight:400;font-size:clamp(20px,2vw,25px);color:var(--teal);margin:2.2rem 0 .8rem}
.h-sub{font-family:var(--serif);font-weight:500;font-size:19px;margin:1.2rem 0 .3rem}
.h-sub.h-teal{color:var(--teal);font-size:27px;font-weight:400;margin:2rem 0 .8rem}
.content h1,.content h2,.content h3{text-wrap:balance}
.intro{padding-bottom:2rem}
.story{padding-top:1rem}
.content.terrasse p:nth-of-type(n+2):nth-of-type(-n+5){font-style:italic;font-family:var(--serif);font-size:19px}
.xmas-hero,.packs{color:#fff}
body.dark{background:#0b0b0b;color:#eee}
body.dark .site-header,body.dark .nav{background:#0b0b0b}
body.dark .logo img{filter:invert(1)}
body.dark .nav-toggle span{background:#fff}
body.dark .nav a{color:#eee}
.xmas-hero{position:relative;min-height:520px;display:flex;align-items:center}
.xmas-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.xmas-in{position:relative;padding-block:4rem}
.xmas-in .page-title{color:#fff}
.xmas-in .h-lead{color:var(--teal);filter:brightness(1.5)}
.xmas-body p,.xmas-body li{color:#ddd}
.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:2rem 0}
@media (max-width:900px){.pack-grid{grid-template-columns:1fr}}
.pack img{aspect-ratio:1;object-fit:cover;width:100%}
.pack-tag{font-style:italic;font-family:var(--serif);font-size:20px;color:var(--teal);filter:brightness(1.5);margin:0 0 .6rem}
.price{font-family:var(--serif);font-size:26px;color:#e8d9a8}
.packs{padding-block:3rem}
.packs .h-sec{color:#fff}
.hero-home .ticker{color:#d9c98a}
body.dark .btn-dark{background:var(--teal)}
.pack-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}