:root{--bg:#f4f2ed;--surface:#fff;--text:#17201d;--muted:#617069;--primary:#155d49;--on-primary:#fff;--success:#20704d;--error:#a22b2b;--space:1rem;--radius:.75rem;--shadow:0 1rem 3rem rgba(23,32,29,.09);font:16px/1.55 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}
body{margin:0}a{color:inherit;text-underline-offset:.2em}button,input,select{font:inherit}button,.button{border:0;border-radius:var(--radius);background:var(--primary);color:var(--on-primary);padding:.78rem 1.1rem;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.skip{position:fixed;left:1rem;top:-5rem;background:var(--text);color:#fff;padding:.75rem;z-index:20}
.skip:focus{top:1rem}.announcement{text-align:center;padding:.45rem 1rem;background:var(--text);color:#fff;font-size:.78rem;letter-spacing:.06em}.site-header{display:grid;grid-template-columns:auto 1fr minmax(15rem,30rem) auto;gap:clamp(1rem,3vw,2.5rem);align-items:center;padding:1.2rem clamp(1rem,4vw,4rem);background:var(--surface);border-bottom:1px solid #d9dfdc}
.brand{font-size:1.45rem;font-weight:800;text-decoration:none}.primary-nav,.customer-nav{display:flex;gap:1.2rem;align-items:center}.primary-nav a,.customer-nav a{text-decoration:none}.nav-toggle{display:none}.search label{position:absolute;clip:rect(0 0 0 0)}.search div{display:flex}.search input{min-width:0;width:100%;border:1px solid #9facA6;border-radius:var(--radius) 0 0 var(--radius);padding:.72rem}
.search button{border-radius:0 var(--radius) var(--radius) 0}main{max-width:82rem;margin:auto;padding:clamp(1rem,4vw,4rem)}.content-block,.commerce-panel,.product,.search-results{margin:0 0 2rem;background:var(--surface);border-radius:var(--radius);padding:clamp(1.25rem,4vw,4rem);box-shadow:var(--shadow)}
.hero{min-height:26rem;display:grid;align-content:center}.hero h1{font-size:clamp(2.6rem,7vw,6rem);line-height:.95;max-width:12ch}.products,.categories,.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{border:1px solid #d9dfdc;border-radius:var(--radius);padding:1.2rem;background:var(--surface)}
.eyebrow{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em}.product{display:grid;align-items:center}.product-classic{grid-template-columns:1fr 1fr;gap:3rem}.product-showcase{min-height:72vh;grid-template-columns:1.4fr .6fr;gap:clamp(2rem,7vw,8rem);border-radius:0}.product-atelier{grid-template-columns:.7fr 1.3fr;gap:clamp(2rem,5vw,5rem);border-left:.5rem solid var(--primary);box-shadow:none}
.product-atelier .media{grid-column:2;grid-row:1;min-height:34rem}.product-atelier>div:not(.media){grid-column:1;grid-row:1}.media{min-height:24rem;background:linear-gradient(135deg,#e7ebe9,#d3dad6);border-radius:var(--radius)}fieldset{border:0;padding:0;margin:0 0 1.4rem}legend{font-weight:750;margin-bottom:.8rem}
label{display:grid;gap:.35rem;margin:.7rem 0}input,select{width:100%;padding:.75rem;border:1px solid #9faaa5;border-radius:.45rem;background:#fff;color:#111}.check{display:flex;grid-template-columns:auto 1fr;align-items:start}.check input{width:auto}.address-grid,.account-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}
.wide{grid-column:1/-1}.checkout-progress{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;border-bottom:1px solid #d9dfdc}.checkout-progress li{padding:.75rem 0;color:var(--muted)}.checkout-progress .active{color:var(--primary);font-weight:700;border-bottom:3px solid var(--primary)}
.cart-line{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;border-top:1px solid #d9dfdc;padding:1rem 0}.cart-actions{display:flex;gap:.5rem}.cart-actions button{padding:.4rem .7rem}.site-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding:4rem clamp(1rem,5vw,6rem);background:var(--text);color:#fff}
.site-footer nav{display:grid;align-content:start;gap:.65rem}.muted{color:var(--muted)}:focus-visible{outline:3px solid #c97600;outline-offset:3px}html[data-template=showcase] .site-header{position:absolute;top:2rem;z-index:3;width:100%;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border:0}
html[data-template=showcase] main{max-width:none;padding:0}html[data-template=showcase] .content-block{border-radius:0;padding:clamp(4rem,9vw,10rem)}html[data-template=showcase] .hero{min-height:88vh}html[data-template=atelier] body{background:linear-gradient(90deg,var(--surface) 0 18rem,var(--bg) 18rem)}
html[data-template=atelier] .site-header{grid-template-columns:14rem 1fr minmax(15rem,26rem) auto;border-right:1px solid #d9dfdc}html[data-template=atelier] main{max-width:94rem}html[data-template=atelier] .content-block{box-shadow:none;border-top:1px solid currentColor;border-radius:0}html[data-template=atelier] .site-footer{margin-left:18rem}
@media(max-width:900px){.site-header,html[data-template=atelier] .site-header{grid-template-columns:1fr auto}.nav-toggle{display:block}.primary-nav,.search,.customer-nav{grid-column:1/-1}.primary-nav[hidden]{display:none}.products,.categories,.results{grid-template-columns:repeat(2,minmax(0,1fr))}.product-classic,.product-showcase,.product-atelier{grid-template-columns:1fr}.product-atelier .media,.product-atelier>div:not(.media){grid-column:1;grid-row:auto}html[data-template=showcase] .site-header{position:relative;top:0}html[data-template=atelier] body{background:var(--bg)}html[data-template=atelier] .site-footer{margin-left:0}}
@media(max-width:600px){.products,.categories,.results,.address-grid,.account-columns,.site-footer{grid-template-columns:1fr}.customer-nav{justify-content:space-between}.checkout-progress{font-size:.75rem}.content-block,.commerce-panel,.product{padding:1.15rem}.hero{min-height:20rem}.hero h1{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.secondary{background:transparent;color:var(--primary);border:1px solid var(--primary);margin:.5rem}.product-reviews{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #d9dfdc}.review{padding:1rem 0;border-bottom:1px solid #d9dfdc}.review-stars{color:#b36a00;letter-spacing:.12em}

.category-list,.card-actions,.list-row{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.category-list{margin-bottom:1.5rem}.card img,.media img{display:block;width:100%;height:auto;border-radius:var(--radius)}.price{display:block;margin:.75rem 0}.cart-line input[type=number]{width:5.5rem}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.price-breakdown{padding:1rem;background:var(--surface);border-radius:var(--radius)}.empty-state{color:var(--muted)}@media(max-width:720px){.account-grid{grid-template-columns:1fr}.category-list{overflow-x:auto;flex-wrap:nowrap}.category-list button{white-space:nowrap}}


.newsletter-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface))}.newsletter-panel h2{margin:.25rem 0;font-size:clamp(1.6rem,3vw,2.5rem)}.newsletter-panel form{display:grid;gap:.7rem}.newsletter-panel label{display:grid;gap:.35rem;font-weight:700}.newsletter-panel input{width:100%;padding:.85rem 1rem;border:1px solid #cbd5df;border-radius:calc(var(--radius)*.7);background:#fff;color:var(--text);font:inherit}@media(max-width:720px){.newsletter-panel{grid-template-columns:1fr}}

.announcement.is-sticky{position:sticky;top:0;z-index:30}.announcement a{color:inherit}.site-header.is-sticky{position:sticky;top:0;z-index:25;box-shadow:0 .5rem 1.5rem rgba(23,32,29,.08)}.site-header[data-layout=centered]{grid-template-columns:1fr auto 1fr}.site-header[data-layout=centered] .brand{grid-column:2}.site-header[data-layout=split]{grid-template-columns:auto minmax(12rem,1fr) auto}.site-footer[data-layout=two_columns]{grid-template-columns:2fr 1fr}.site-footer[data-layout=compact]{grid-template-columns:1fr auto;padding-block:2rem}.cart-trust{padding:.8rem;border-radius:var(--radius);background:#eef8f4}
/* Blockinhalte: Raster, Medien und Sichtbarkeit je Endgeraet. */
.block-grid{display:grid;margin-top:1.4rem}.content-block .rich{display:grid;gap:.6rem}.content-block img{max-width:100%;height:auto;border-radius:var(--radius)}.content-block[data-image-fit=cover] img{object-fit:cover}.content-block[data-image-fit=contain] img{object-fit:contain}.content-block[data-image-fit=fill] img{object-fit:fill}.image-text{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:center}.content-block .feature,.content-block .statistic,.content-block .testimonial{display:grid;gap:.5rem;padding:1.2rem;border-radius:var(--radius);background:var(--surface)}.content-block[data-cards=bordered] .feature,.content-block[data-cards=bordered] .statistic,.content-block[data-cards=bordered] .testimonial,.content-block[data-cards=bordered] .card{border:1px solid currentColor}.content-block[data-cards=raised] .feature,.content-block[data-cards=raised] .statistic,.content-block[data-cards=raised] .testimonial,.content-block[data-cards=raised] .card{box-shadow:0 10px 30px rgba(0,0,0,.12)}.content-block .statistic strong{font-size:2rem;line-height:1.1}.content-block details{padding:.8rem 0;border-bottom:1px solid currentColor}.content-block summary{cursor:pointer;font-weight:700}.content-block form{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.content-block form input{flex:1 1 14rem;padding:.75rem;border:1px solid currentColor;border-radius:var(--radius);background:var(--surface);color:inherit;font:inherit}.slideshow .slide{margin:0;display:grid;gap:.6rem}.slideshow-controls{display:flex;gap:.6rem;margin-top:.8rem}.content-block[data-buttons=outline] .button{background:transparent;border:1px solid currentColor;color:inherit}.content-block[data-buttons=ghost] .button{background:transparent;border:0;color:inherit;text-decoration:underline}.hide-desktop{display:none}@media(max-width:760px){.image-text{grid-template-columns:1fr}.content-block .block-grid{grid-template-columns:1fr!important}.hide-mobile{display:none}.hide-desktop{display:block}}@media(min-width:761px) and (max-width:1024px){.hide-tablet{display:none}.hide-desktop{display:block}}
