/*
Theme Name: Die Stoffkollektion
Theme URI: https://die-stoffkollektion.de
Author: intra-in Innenausstattung GmbH
Description: Schlankes WooCommerce-Theme für die kuratierte Stoffkollektion.
Version: 1.0.0
Requires at least: 6.9
Requires PHP: 8.3
Text Domain: die-stoffkollektion
*/

:root{--ink:#27251f;--cream:#f3eee4;--sand:#d6c6ae;--sage:#69715f;--paper:#faf8f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-shell{min-height:100vh}.site-header{position:absolute;z-index:50;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:96px;padding:0 4.5vw;color:#fff;border-bottom:1px solid rgba(255,255,255,.25)}.admin-bar .site-header{top:32px}.brand{display:inline-flex;flex-direction:column;width:max-content}.brand strong{font-family:Georgia,serif;font-size:21px;font-weight:400;letter-spacing:.11em}.brand small{margin-top:2px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}.primary-nav ul{display:flex;align-items:center;gap:30px;margin:0;padding:0;list-style:none}.primary-nav a{display:block;padding:10px 0;font-size:14px;letter-spacing:.04em}.header-link{justify-self:end;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:14px}.menu-toggle{display:none;justify-self:end;width:42px;height:42px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:transparent}.prototype-note{position:fixed;z-index:2000;right:14px;top:14px;padding:7px 10px;background:#8b2f25;color:#fff;font-size:12px}.hero{position:relative;display:flex;min-height:100svh;align-items:center;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(25,22,18,.82),rgba(35,30,24,.5) 45%,rgba(30,28,23,.06) 78%),url("assets/images/hero.webp") center/cover no-repeat,#766f5d}.hero-content{position:relative;z-index:2;width:min(780px,82vw);padding:180px 0 100px 9vw}.eyebrow,.section-kicker{margin:0 0 22px;font-size:13px;letter-spacing:.16em;text-transform:uppercase}.hero h1,.section-title{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:.94;letter-spacing:-.04em}.hero h1{font-size:clamp(68px,9vw,136px)}.hero-copy{max-width:570px;margin:34px 0 0;font-size:17px;color:rgba(255,255,255,.88)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 25px;border:0;cursor:pointer;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.button-light{background:var(--cream);color:var(--ink)}.link-arrow{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.58);font-size:13px;text-transform:uppercase}.intro{display:grid;grid-template-columns:.55fr 1.1fr 1fr;gap:6vw;padding:120px 8vw 130px}.section-kicker{color:#7b7467}.section-title{font-size:clamp(48px,5.4vw,82px)}.section-title em{color:#777d69;font-weight:400}.intro-copy p,.story-copy p{margin:0 0 20px;color:#625d53;font-size:16px}.collection{padding:115px 6vw 125px;background:#e9e2d5}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin:0 0 55px}.collection-heading>p{max-width:440px;color:#686257}.sample{display:grid;grid-template-columns:1.05fr .95fr;min-height:760px;background:#f6f1e7}.sample-image{display:flex;align-items:end;padding:6vw;color:#fff;background:linear-gradient(180deg,transparent 48%,rgba(35,31,25,.66)),url("assets/images/musterbox.webp") center/cover no-repeat}.sample-image span{font-family:Georgia,serif;font-size:clamp(44px,4.2vw,70px);line-height:1}.sample-content{display:flex;flex-direction:column;justify-content:center;padding:85px 8vw}.sample-content>p{color:#655f54}.sample-content ol{margin:15px 0 30px;padding:0;list-style:none;border-top:1px solid #c7beaf}.sample-content li{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid #c7beaf}.sample-content li>span{color:#80796d}.sample-content strong,.sample-content small{display:block}.sample-content strong{font-family:Georgia,serif;font-size:18px;font-weight:400}.sample-content small{color:#6e685d;font-size:14px}.advice{position:relative;padding:125px 9vw 140px;background:#69715f;color:#fff}.advice .section-kicker{color:#d8dbd0}.advice .section-title{max-width:900px;font-size:clamp(58px,7vw,106px)}.advice>p{max-width:600px;color:#e1e4da}.advice-form{margin-top:45px;padding:35px;background:rgba(255,255,255,.08)}.story{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;padding:125px 9vw}.story-copy{padding-top:40px}.site-footer{padding:78px 7vw 28px;background:#272820;color:#eae5da}.footer-brand{display:flex;flex-direction:column;padding-bottom:45px;border-bottom:1px solid rgba(255,255,255,.18)}.footer-brand strong{font-family:Georgia,serif;font-size:clamp(34px,4vw,58px);font-weight:400;letter-spacing:.07em}.footer-brand small{color:#aaaca2;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:7vw;padding:48px 0}.footer-grid h2{color:#a6a89e;font-size:13px;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.footer-grid a,.footer-grid p{display:block;margin:8px 0;color:#dedbd3;font-size:15px}.footer-bottom{padding-top:20px;border-top:1px solid rgba(255,255,255,.14);color:#a2a49a;font-size:13px}.content-page,.woocommerce-page main.site-main{max-width:1180px;min-height:70vh;margin:0 auto;padding:150px 25px 80px}.content-page h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,72px);font-weight:400}.content-page a{text-decoration:underline}.woocommerce-message,.woocommerce-info,.woocommerce-error{padding:16px 20px;border:0;background:#ece7dc}.woocommerce-error{background:#f5d7d2}.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{border-radius:0;background:#303127;color:#fff;font-weight:400}.woocommerce table.shop_table{border-radius:0}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:12px;border:1px solid #bbb2a4}.stk-order-credit h2{font-family:Georgia,serif;font-weight:400}@media(max-width:900px){.site-header{grid-template-columns:1fr auto;min-height:78px;padding:0 22px}.primary-nav{position:absolute;top:78px;left:0;right:0;display:none;background:#2c2e27}.primary-nav.is-open{display:block}.primary-nav ul{display:block;padding:18px 22px}.primary-nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.15)}.header-link{display:none}.menu-toggle{display:block}.hero-content{width:100%;padding:170px 25px 90px}.intro,.story{grid-template-columns:1fr;padding:90px 25px}.sample{grid-template-columns:1fr}.sample-image{min-height:560px}.sample-content{padding:75px 25px}.collection{padding:90px 25px}.collection-heading{display:block}.collection-heading>p{margin-top:25px}.advice{padding:90px 25px}.footer-grid{grid-template-columns:1fr 1fr}.admin-bar .site-header{top:46px}}@media(max-width:600px){body{font-size:16px}.brand strong{font-size:17px}.brand small{font-size:10px}.hero h1{font-size:clamp(61px,18vw,84px)}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.sample-image{min-height:460px}.advice-form{margin-left:-10px;margin-right:-10px;padding:22px 10px}.footer-grid{grid-template-columns:1fr}.prototype-note{top:auto;bottom:10px}}