:root{--color-ink:#1c1c1a;--color-page:#fdfdfb;--color-accent:#4a6b3a;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--measure:42rem;--space:1rem}*{box-sizing:border-box}body{padding:calc(var(--space) * 2) var(--space);background:var(--color-page);color:var(--color-ink);font-family:var(--font-body);margin:0;line-height:1.55}main{max-width:var(--measure);margin-inline:auto}h1,h2{color:var(--color-accent);line-height:1.2}a{color:var(--color-accent)}.site-header{justify-content:space-between;align-items:baseline;gap:var(--space);max-width:var(--measure);margin:0 auto calc(var(--space) * 2);padding-bottom:var(--space);border-bottom:2px solid var(--color-accent);flex-wrap:wrap;display:flex}.site-title{font-size:1.3em;font-weight:700;text-decoration:none}.bestellschluss{padding:calc(var(--space) / 1.5);border-left:4px solid var(--color-accent);background:#0000000a;background:color-mix(in srgb, var(--color-accent) 8%, transparent)}.bestellschluss--geschlossen{opacity:.8;border-left-style:dashed}.article-list{margin:calc(var(--space) * 1.5) 0;padding:0;list-style:none}.article-list li{align-items:baseline;gap:calc(var(--space) / 2);padding:calc(var(--space) / 1.5) 0;border-bottom:1px solid #00000026;border-bottom:1px solid color-mix(in srgb, var(--color-ink) 15%, transparent);flex-wrap:wrap;display:flex}.article-name{flex:14rem;font-weight:600}.article-meta{opacity:.7;flex:none;font-size:.9em}.article-quantity{text-align:right;font-variant-numeric:tabular-nums;flex:0 0 2ch}.article-actions{margin:0}button{font:inherit;border:1px solid var(--color-accent);background:var(--color-page);color:var(--color-accent);cursor:pointer;border-radius:4px;padding:.3em .8em}button[disabled]{opacity:.4;cursor:default}.total{font-size:1.1em}.baustein{margin-block:calc(var(--space) * 2)}.baustein--bildbanner img{border-radius:6px;width:100%;height:auto;display:block}.baustein--bildbanner h2{margin-top:calc(var(--space) / 2)}.baustein--lieferfenster dl{grid-template-columns:auto 1fr;gap:.2em 1em;margin:0;display:grid}.baustein--lieferfenster dd{margin:0;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}