/* Zelf-gehoste Google Fonts - latin + latin-ext subsets */

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/co3ZmX5slCNuHLi8bLeY9MK7whWMhyjYrEtGmSq17w.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/co3ZmX5slCNuHLi8bLeY9MK7whWMhyjYrEtImSo.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/co3ZmX5slCNuHLi8bLeY9MK7whWMhyjYrEtGmSq17w.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/co3ZmX5slCNuHLi8bLeY9MK7whWMhyjYrEtImSo.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYp3tKgS4.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYp3tKgS4.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYp3tKgS4.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYp3tKgS4.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYp3tKgS4.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/92zatBhPNqw73ord4iYl.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/92zatBhPNqw73oTd4g.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/92zatBhPNqw73ord4iYl.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/92zatBhPNqw73oTd4g.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/92zatBhPNqw73ord4iYl.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/92zatBhPNqw73oTd4g.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/92zatBhPNqw73ord4iYl.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/92zatBhPNqw73oTd4g.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.skip-to-main{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-to-main:focus{position:fixed;top:0;left:0;width:auto;height:auto;padding:.75rem 1.5rem;background:#2C2416;color:#FDFAF5;font-size:1rem;font-weight:600;z-index:9999;text-decoration:none;border-bottom:2px solid #A8501C}
:root{--beige:#F5F0E8;--beige-mid:#EDE8DC;--beige-dark:#E2DAC8;--sage:#8BAF84;--sage-dark:#6A9262;--sage-light:#C8DFC4;--taupe:#7A6658;--taupe-light:#C8B8A8;--taupe-dark:#6A5A46;--terra:#9C4A18;--terra-dark:#A34E22;--terra-light:#E88058;--dark:#2C2416;--warm-white:#FDFAF5;--muted:#5E5248;--border:#DDD4C0;--font-display:'Cormorant Garamond',Georgia,serif;--font-body:'Jost',system-ui,sans-serif;--shadow-sm:0 2px 8px rgba(44,36,22,.08);--shadow-md:0 6px 24px rgba(44,36,22,.12);--shadow-lg:0 16px 48px rgba(44,36,22,.18);--radius:12px;--radius-lg:20px;--radius-xl:32px;--transition:.25s cubic-bezier(.4,0,.2,1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;scrollbar-gutter:stable;overflow-y:scroll}body{font-family:var(--font-body);background:var(--beige);color:var(--dark);line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select{font-family:inherit}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:500;line-height:1.2}h1{font-size:clamp(2.4rem,5vw,4rem)}h2{font-size:clamp(1.9rem,3.5vw,3rem)}h3{font-size:clamp(1.4rem,2.5vw,2rem)}h4{font-size:1.25rem}p{font-size:1rem;color:var(--muted)}.container{max-width:1280px;margin-inline:auto;padding-inline:1.5rem}.section{padding-block:5rem}.section-sm{padding-block:3rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.text-center{text-align:center}.text-muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 2rem;border-radius:50px;font-size:.9rem;font-weight:500;letter-spacing:.03em;transition:var(--transition);white-space:nowrap}.btn-primary{background:var(--terra);color:#fff;box-shadow:0 4px 16px rgba(156,74,24,.35)}.btn-primary:hover{background:var(--terra-dark);box-shadow:0 6px 20px rgba(156,74,24,.45);transform:translateY(-1px)}.btn-secondary{background:var(--dark);color:#fff}.btn-secondary:hover{background:#3d3424;transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--dark);color:var(--dark)}.btn-outline:hover{background:var(--dark);color:#fff}.btn-sage{background:var(--sage);color:#fff;box-shadow:0 4px 16px rgba(139,175,132,.3)}.btn-sage:hover{background:var(--sage-dark);transform:translateY(-1px)}.btn-lg{padding:1rem 2.5rem;font-size:1rem}.btn-sm{padding:.55rem 1.25rem;font-size:.82rem}.btn-icon{width:2.5rem;height:2.5rem;padding:0;justify-content:center;border-radius:50%}.badge{display:inline-block;padding:.25rem .75rem;border-radius:50px;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.badge-terra{background:var(--terra);color:#fff}.badge-sage{background:var(--sage-light);color:var(--sage-dark)}.badge-taupe{background:var(--taupe-light);color:var(--taupe-dark)}.badge-dark{background:var(--dark);color:#fff}.site-header{position:sticky;top:0;z-index:900;background:rgba(253,250,245,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:box-shadow var(--transition)}.site-header.scrolled{box-shadow:var(--shadow-md)}.header-top{display:flex;align-items:center;justify-content:space-between;padding-block:1rem;gap:1rem;min-width:0}.logo{display:flex;align-items:center;gap:.75rem;flex-shrink:1;min-width:0;text-decoration:none}.logo-icon{width:auto;height:42px;background:transparent;border-radius:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(44,36,22,.15))}.logo-text-wrap{display:flex;flex-direction:column;gap:0px}.logo-name{display:flex;flex-direction:column;line-height:1;font-family:var(--font-display);font-weight:700;letter-spacing:-0.02em}.logo-topper{font-size:1.2rem;color:var(--terra)}.logo-winkel{font-size:1.2rem;color:var(--dark)}.logo-winkel-line{display:block}.logo-name .tld{font-size:.9rem;font-weight:300;color:var(--taupe)}.logo-slogan{font-family:var(--font-body);font-size:.55rem;font-weight:500;color:var(--taupe);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.main-nav{display:flex;align-items:center;gap:2rem}.main-nav a{font-size:.9rem;font-weight:500;color:var(--dark);transition:color var(--transition);position:relative;padding-bottom:2px}.main-nav a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--terra);transition:width var(--transition)}.main-nav a:hover::after,.main-nav a.active::after{width:100%}.main-nav a:hover,.main-nav a.active{color:var(--terra)}.nav-dropdown{position:static}.nav-dropdown > a{display:flex;align-items:center;gap:.3rem;cursor:pointer}.nav-dropdown > a::before{content:'';display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;margin-left:2px;transition:transform var(--transition)}.nav-dropdown.open > a::before{transform:rotate(180deg)}.nav-dropdown > a::after{display:none}.dropdown-menu{display:none;position:fixed;top:var(--header-h,112px);left:0;right:0;background:white;border-top:2px solid var(--beige);box-shadow:0 12px 40px rgba(0,0,0,.10);z-index:1000;padding:1.5rem 2rem}.nav-dropdown.open .dropdown-menu{display:block}.dropdown-menu::before{display:none}.dropdown-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0 2rem}.dropdown-top-row{max-width:1100px;margin:0 auto 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.dropdown-top-row a{font-size:.875rem;font-weight:700;color:var(--terra) !important}.dropdown-col-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--taupe);padding:0 0 .4rem;margin-bottom:.2rem;border-bottom:1px solid var(--border)}.dropdown-menu a{display:block !important;padding:.45rem 0;font-size:.875rem;color:var(--dark) !important;font-weight:500;white-space:nowrap;position:static !important}.dropdown-menu a::after{display:none !important}.dropdown-menu a::before{display:none !important}.dropdown-menu a:hover{color:var(--terra) !important;background:none}.dropdown-divider{display:none}.header-actions{display:flex;align-items:center;gap:.75rem}.header-search{display:flex;align-items:center;background:var(--beige-mid);border-radius:50px;padding:.5rem 1rem;gap:.5rem;border:1.5px solid transparent;transition:border-color var(--transition)}.header-search:focus-within{border-color:var(--terra)}.header-search input{border:none;background:transparent;outline:none;font-size:.85rem;width:160px;color:var(--dark)}.header-search input::placeholder{color:var(--muted)}.whatsapp-btn{display:flex;align-items:center;gap:.5rem;background:#25D366;color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.82rem;font-weight:600;transition:var(--transition);white-space:nowrap}.whatsapp-btn:hover{background:#1ebe5d;transform:translateY(-1px)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger span{display:block;width:24px;height:2px;background:var(--dark);transition:var(--transition)}.usp-bar{background:var(--dark);color:var(--warm-white);padding:.6rem 0;font-size:.8rem;font-weight:500}.usp-list{display:flex;justify-content:center;gap:3rem}.usp-item{display:flex;align-items:center;gap:.4rem}.usp-item svg{color:var(--sage);flex-shrink:0}.hero{position:relative;overflow:hidden;min-height:85vh;display:flex;align-items:center;background:var(--beige-mid)}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,rgba(44,36,22,.72) 0%,rgba(44,36,22,.25) 60%,transparent 100%)}.hero-content{position:relative;z-index:1;max-width:620px;color:var(--warm-white);animation:heroIn .8s ease both}@keyframes heroIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(253,250,245,.15);backdrop-filter:blur(8px);border:1px solid rgba(253,250,245,.25);border-radius:50px;padding:.35rem .9rem;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.25rem;color:var(--beige)}.hero h1{color:var(--warm-white);margin-bottom:1rem}.hero h1 em{font-style:italic;color:var(--terra-light)}.hero p{font-size:1.1rem;color:rgba(253,250,245,.85);margin-bottom:2rem;max-width:480px}.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap}.hero-trust{margin-top:2.5rem;display:flex;align-items:center;gap:1.5rem;border-top:1px solid rgba(253,250,245,.2);padding-top:1.5rem}.hero-stars{display:flex;gap:2px;color:#F5C842;font-size:1.1rem}.hero-trust p{font-size:.85rem;color:rgba(253,250,245,.8)}.hero-trust strong{color:var(--warm-white)}.section-header{text-align:center;margin-bottom:3rem}.section-header .eyebrow{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--terra);margin-bottom:.75rem}.section-header h2{margin-bottom:.75rem}.section-header p{max-width:560px;margin-inline:auto}.product-card{background:var(--warm-white);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);box-shadow:var(--shadow-sm);position:relative;display:flex;flex-direction:column}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card-img{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--beige-mid)}.product-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-card-img img{transform:scale(1.06)}.product-badges{position:absolute;top:.75rem;left:.75rem;display:flex;gap:.35rem;flex-wrap:wrap}.product-wishlist{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;background:var(--warm-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.product-wishlist:hover{background:var(--terra);color:#fff}.product-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.product-brand{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--taupe)}.product-name{font-family:var(--font-display);font-size:1.2rem;font-weight:500;color:var(--dark);line-height:1.3}.product-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.product-tag{font-size:.72rem;padding:.2rem .6rem;background:var(--beige-mid);border-radius:50px;color:var(--taupe-dark);font-weight:500}.product-rating{display:flex;align-items:center;gap:.35rem;margin-top:auto;padding-top:.5rem}.stars{display:flex;gap:1px;color:#E8A020;font-size:.85rem}.rating-count{font-size:.78rem;color:var(--muted)}.product-card-footer{padding:1rem 1.25rem;border-top:1px solid var(--beige-mid);display:flex;flex-direction:column;gap:.75rem}.product-card-footer .btn{width:100%;justify-content:center}.product-price{font-family:var(--font-display)}.product-price .old-price{font-size:.85rem;color:var(--muted);text-decoration:line-through}.product-price .current-price{font-size:1.5rem;font-weight:600;color:var(--terra)}.size-select{width:100%;padding:.45rem .75rem;border-radius:8px;font-size:.82rem;border:1.5px solid var(--border);background:var(--beige-mid);color:var(--dark);outline:none;transition:border-color var(--transition);margin-bottom:.75rem}.size-select:focus{border-color:var(--terra)}.size-btns{display:flex;flex-wrap:wrap;gap:.3rem;margin:.4rem 0 .1rem}.size-btn{font-size:.68rem;padding:.2rem .5rem;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;font-family:inherit;line-height:1.3;transition:background .12s,color .12s,border-color .12s}.size-btn:hover{border-color:var(--terra);color:var(--terra);background:rgba(196,98,45,.07)}.size-btn.active{background:var(--terra);color:#fff;border-color:var(--terra)}.brands-strip{background:var(--warm-white)}.brands-grid{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap;padding:2rem 0}.brand-item{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--taupe);transition:color var(--transition);letter-spacing:.02em}.brand-item:hover{color:var(--terra)}.filter-sidebar{background:var(--warm-white);border-radius:var(--radius-lg);padding:1.5rem;height:fit-content;position:sticky;top:6rem;box-shadow:var(--shadow-sm)}.filter-group{margin-bottom:1.75rem}.filter-group:last-child{margin-bottom:0}.filter-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--dark);margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.filter-check{display:flex;align-items:center;gap:.6rem;padding:.3rem 0;cursor:pointer}.filter-check input[type="checkbox"]{width:16px;height:16px;accent-color:var(--terra);cursor:pointer}.filter-check label{font-size:.87rem;color:var(--muted);cursor:pointer}.filter-check:hover label{color:var(--dark)}.filter-count{font-size:.72rem;color:var(--taupe);margin-left:auto}.price-range-wrap{padding-block:.5rem}.price-inputs{display:flex;gap:.75rem;margin-top:.75rem}.price-input{flex:1;padding:.45rem .65rem;border-radius:8px;font-size:.85rem;border:1.5px solid var(--border);background:var(--beige-mid);color:var(--dark);outline:none}.price-input:focus{border-color:var(--terra)}.range-slider{width:100%;accent-color:var(--terra);cursor:pointer}.filter-clear{font-size:.82rem;color:var(--terra);cursor:pointer;text-decoration:underline;background:none;border:none;display:block;margin-top:1rem}.products-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}.sort-bar{display:flex;align-items:center;justify-content:space-between;background:var(--warm-white);border-radius:var(--radius);padding:.75rem 1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.sort-bar p{font-size:.85rem;color:var(--muted)}.sort-select{border:1.5px solid var(--border);background:var(--beige-mid);border-radius:8px;padding:.4rem .75rem;font-size:.85rem;color:var(--dark);outline:none;cursor:pointer}.sort-select:focus{border-color:var(--terra)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem}.keuzetool-wrap{max-width:780px;margin-inline:auto;background:var(--warm-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.wizard-header{background:var(--dark);color:var(--warm-white);padding:2rem 2.5rem}.wizard-header p{color:var(--taupe-light);margin-top:.5rem}.wizard-progress{display:flex;gap:.5rem;margin-top:1.5rem}.progress-step{flex:1;height:4px;background:rgba(253,250,245,.2);border-radius:2px;transition:background .4s}.progress-step.done{background:var(--terra)}.progress-step.active{background:var(--terra-light)}.wizard-body{padding:2.5rem}.wizard-step{display:none}.wizard-step.active{display:block;animation:stepIn .4s ease}@keyframes stepIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}.wizard-question{font-family:var(--font-display);font-size:1.6rem;margin-bottom:.5rem}.wizard-hint{color:var(--muted);font-size:.9rem;margin-bottom:2rem}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.option-card{border:2px solid var(--border);border-radius:var(--radius);padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:var(--transition);background:var(--beige)}.option-card:hover{border-color:var(--terra);background:var(--warm-white);box-shadow:var(--shadow-sm)}.option-card.selected{border-color:var(--terra);background:rgba(196,98,45,.06)}.option-card .option-icon{font-size:2rem;margin-bottom:.75rem;display:block}.option-card .option-label{font-weight:500;font-size:.9rem;color:var(--dark)}.option-card .option-desc{font-size:.78rem;color:var(--muted);margin-top:.25rem}.wizard-nav{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.step-counter{font-size:.82rem;color:var(--muted);align-self:center}.wizard-result{display:none;padding:2.5rem}.wizard-result.active{display:block;animation:stepIn .4s ease}.result-header{text-align:center;margin-bottom:2rem}.result-header .icon{font-size:3rem;margin-bottom:1rem}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.review-card{background:var(--warm-white);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.review-card::before{content:'"';font-family:var(--font-display);font-size:6rem;color:var(--beige-dark);position:absolute;top:-1rem;left:1rem;line-height:1;pointer-events:none}.review-text{font-size:.92rem;color:var(--dark);line-height:1.7;margin-bottom:1rem;position:relative}.reviewer{display:flex;align-items:center;gap:.75rem}.reviewer-avatar{width:40px;height:40px;border-radius:50%;background:var(--beige-mid);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;color:var(--taupe-dark)}.reviewer-name{font-weight:600;font-size:.88rem}.reviewer-meta{font-size:.75rem;color:var(--muted)}.faq-item{border-bottom:1px solid var(--border);overflow:hidden}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;cursor:pointer;font-weight:500;font-size:1rem;transition:color var(--transition)}.faq-question:hover{color:var(--terra)}.faq-icon{font-size:1.1rem;transition:transform .3s;flex-shrink:0;color:var(--terra)}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .3s}.faq-answer-inner{padding-bottom:1.25rem;color:var(--muted);font-size:.92rem;line-height:1.7}.faq-item.open .faq-answer{max-height:400px}.wa-float{display:none !important}.wa-tooltip{background:var(--dark);color:var(--warm-white);padding:.6rem 1rem;border-radius:var(--radius);font-size:.82rem;white-space:nowrap;box-shadow:var(--shadow-md);animation:waTooltip 1s ease 2s both}@keyframes waTooltip{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.wa-btn{width:58px;height:58px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(37,211,102,.45);transition:var(--transition);animation:waPulse 2.5s ease-in-out infinite}.wa-btn:hover{transform:scale(1.1);box-shadow:0 8px 28px rgba(37,211,102,.55)}.wa-btn svg{width:28px;height:28px;fill:#fff}@keyframes waPulse{0%,100%{box-shadow:0 6px 20px rgba(37,211,102,.45)}50%{box-shadow:0 6px 20px rgba(37,211,102,.45),0 0 0 12px rgba(37,211,102,.1)}}.usp-features{background:var(--warm-white)}.usp-card{text-align:center;padding:2rem 1.5rem;border-radius:var(--radius-lg);transition:var(--transition)}.usp-card:hover{background:var(--beige);transform:translateY(-4px)}.usp-card-icon{width:64px;height:64px;background:rgba(196,98,45,.1);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 1rem}.usp-card h4{font-family:var(--font-display);font-size:1.2rem;margin-bottom:.5rem}.keuzetool-banner{background:var(--dark);background-image:radial-gradient(circle at 75% 50%,rgba(196,98,45,.18) 0%,transparent 55%),radial-gradient(circle at 10% 80%,rgba(196,98,45,.08) 0%,transparent 45%),radial-gradient(circle,rgba(253,250,245,.035) 1px,transparent 1px);background-size:auto,auto,28px 28px;border-radius:var(--radius-xl);position:relative;overflow:hidden;border:1px solid rgba(253,250,245,.07)}.keuzetool-banner::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,transparent,var(--terra),transparent)}.keuzetool-banner::after{display:none}.ktb-inner{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;padding:3.5rem 3.5rem 3.5rem 3.75rem;position:relative;z-index:1}.ktb-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(196,98,45,.15);border:1px solid rgba(196,98,45,.3);color:#e8895f;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.32rem .8rem;border-radius:20px;margin-bottom:1.25rem}.ktb-badge svg{color:var(--terra);flex-shrink:0}.ktb-content h2{color:var(--warm-white);font-size:clamp(1.9rem,3.5vw,2.6rem);line-height:1.15;margin-bottom:1rem}.ktb-content h2 em{font-style:italic;color:#e8895f}.ktb-content p{color:rgba(253,250,245,.65);font-size:1rem;line-height:1.7;max-width:400px;margin-bottom:1.5rem}.ktb-trust{display:flex;gap:1.25rem;flex-wrap:wrap;margin-bottom:2rem}.ktb-trust span{display:flex;align-items:center;gap:.35rem;color:rgba(253,250,245,.5);font-size:.8rem;font-weight:500}.ktb-trust svg{color:var(--terra);flex-shrink:0}.ktb-grid{display:flex;flex-direction:column;gap:.65rem;flex-shrink:0}.ktb-card{position:relative;background:rgba(253,250,245,.055);border:1px solid rgba(253,250,245,.1);border-top:2px solid rgba(196,98,45,.5);border-radius:12px;padding:.9rem 1rem .85rem;text-align:center;text-decoration:none;display:flex;flex-direction:row;align-items:center;gap:.75rem;min-width:160px;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.ktb-card:hover{background:rgba(196,98,45,.12);border-top-color:var(--terra);transform:translateY(-3px);text-decoration:none}.ktb-num{font-size:.62rem;font-weight:700;letter-spacing:.06em;color:rgba(253,250,245,.3);font-family:var(--font-body);flex-shrink:0;width:1.5rem;text-align:left}.ktb-icon{width:38px;height:38px;flex-shrink:0;background:rgba(196,98,45,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#e8895f;transition:background var(--transition)}.ktb-card:hover .ktb-icon{background:rgba(196,98,45,.28)}.ktb-label{color:rgba(253,250,245,.78);font-size:.82rem;font-weight:600;letter-spacing:.01em;line-height:1.3;text-align:left}.seo-block{background:var(--beige-mid);border-radius:var(--radius-xl);padding:3rem}.seo-block h3{font-family:var(--font-display);margin-bottom:1rem}.seo-block p{font-size:.92rem;line-height:1.8;margin-bottom:1rem}.site-footer{background:var(--dark);color:var(--warm-white);padding-top:4rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:2rem;padding-bottom:3rem}.footer-logo{font-family:var(--font-display);font-size:1.6rem;margin-bottom:1rem}.footer-logo span{color:var(--terra-light)}.footer-desc{font-size:.88rem;color:var(--taupe-light);line-height:1.7}.footer-links h5{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--taupe-light);margin-bottom:1rem}.footer-links ul li{margin-bottom:.6rem}.footer-links ul a{font-size:.87rem;color:rgba(253,250,245,.6);transition:color var(--transition)}.footer-links ul a:hover{color:var(--terra-light)}.footer-contact-item{display:flex;align-items:center;gap:.5rem;font-size:.87rem;color:rgba(253,250,245,.6);margin-bottom:.6rem}.footer-contact-item span{font-size:1rem}.footer-bottom{border-top:1px solid rgba(253,250,245,.1);padding:1.5rem 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:gap;font-size:.8rem;color:rgba(253,250,245,.4)}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--muted);padding-block:1rem}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--terra)}.breadcrumb-sep{color:var(--border)}.skeleton{background:linear-gradient(90deg,var(--beige-mid) 25%,var(--beige-dark) 50%,var(--beige-mid) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(80px);background:var(--dark);color:var(--warm-white);padding:.75rem 1.5rem;border-radius:50px;font-size:.88rem;font-weight:500;z-index:999;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem}.toast.show{transform:translateX(-50%) translateY(0)}.toast-icon{font-size:1rem}.fade-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr 1fr}.products-layout{grid-template-columns:240px 1fr}}.nav-backdrop{display:none;position:fixed;inset:0;background:rgba(44,26,10,.45);z-index:840;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.nav-backdrop.visible{display:block}body.nav-open{overflow:hidden}@media (max-width:768px){.section{padding-block:3rem}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}.main-nav{display:flex !important;flex-direction:column !important;gap:0;position:fixed !important;top:0 !important;left:0 !important;width:85vw !important;max-width:360px !important;min-width:280px !important;height:100vh !important;height:100dvh !important;background:var(--warm-white) !important;overflow-y:auto !important;overflow-x:hidden !important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:1100 !important;transform:translateX(-110%) !important;transition:transform .28s cubic-bezier(.4,0,.2,1) !important;box-shadow:none !important;padding:0 0 5rem !important;align-items:stretch !important}.main-nav.open{transform:translateX(0) !important;box-shadow:8px 0 48px rgba(44,26,10,.25) !important}body.nav-open .hamburger{display:none !important}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:2px solid var(--beige);background:var(--warm-white);position:sticky;top:0;z-index:1}.nav-drawer-logo{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--dark);text-decoration:none;letter-spacing:-.02em}.nav-drawer-logo span{color:var(--terra)}.nav-drawer-close{background:var(--beige);border:none;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--dark);transition:background var(--transition);flex-shrink:0}.nav-drawer-close:hover{background:var(--border)}.main-nav > a{display:flex !important;align-items:center;padding:1rem 1.5rem !important;font-size:1.05rem !important;font-weight:500;color:var(--dark) !important;border-bottom:1px solid var(--beige) !important;text-decoration:none;min-height:52px !important;width:100%;flex-shrink:0}.main-nav > a.active{color:var(--terra) !important;font-weight:600}.main-nav > a:active{background:var(--beige)}.nav-dropdown{border-bottom:1px solid var(--beige)}.nav-dropdown > a{display:flex !important;align-items:center;justify-content:space-between;padding:1rem 1.5rem;font-size:1.05rem;font-weight:500;color:var(--dark);cursor:pointer;min-height:52px}.nav-dropdown > a::after{display:none !important}.nav-dropdown > a .drawer-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--beige);border-radius:50%;flex-shrink:0;transition:transform .25s,background .2s}.nav-dropdown.open > a .drawer-arrow{transform:rotate(180deg);background:var(--terra);color:white}.dropdown-menu{display:none !important;position:static !important;top:auto !important;left:auto !important;right:auto !important;width:auto !important;box-shadow:none !important;border:none !important;border-left:3px solid var(--terra) !important;padding:.5rem 0 1rem !important;margin-left:1.5rem !important;background:transparent !important;z-index:auto !important}.nav-dropdown.open .dropdown-menu{display:block !important}.dropdown-inner{display:flex !important;flex-direction:column !important;gap:0 !important}.dropdown-top-row{margin:0 !important;padding:.5rem 1rem .75rem !important;border-bottom:1px solid var(--border) !important}.dropdown-top-row a{font-size:.9rem !important;color:var(--terra) !important;font-weight:700 !important}.dropdown-col-label{padding:.75rem 1rem .2rem !important;border-bottom:none !important;font-size:.65rem !important;color:var(--taupe) !important;text-transform:uppercase !important;letter-spacing:.08em !important}.dropdown-col{margin-bottom:.25rem}.dropdown-menu a{display:flex !important;align-items:center !important;padding:.6rem 1rem !important;min-height:44px !important;font-size:.95rem !important;color:var(--dark) !important;font-weight:500 !important;position:static !important;white-space:normal !important}.dropdown-menu a:active{color:var(--terra) !important;background:rgba(196,98,45,.06) !important}.hamburger{display:flex;flex-shrink:0}.header-search{display:none}.whatsapp-btn{display:none !important}.header-top{gap:.5rem !important;padding-inline:1rem !important}.logo{flex-shrink:1;min-width:0;overflow:hidden}.logo-text-wrap{min-width:0}.logo-icon{height:32px;flex-shrink:0}.logo-topper,.logo-winkel{font-size:.92rem}.logo-slogan{display:none}.tld{display:none}.header-actions{flex-shrink:0}.hero{min-height:75vh}.usp-list{gap:1rem;flex-wrap:wrap;justify-content:center}.products-layout{grid-template-columns:1fr}.filter-sidebar{position:static;display:none}.filter-sidebar.mobile-open{display:block}.footer-grid{grid-template-columns:1fr;gap:2rem}.ktb-inner{grid-template-columns:1fr;gap:2rem;padding:2.5rem 1.75rem}.ktb-grid{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.5rem}.ktb-card{flex-direction:column;align-items:center;min-width:0;flex:1 1 calc(33% - .5rem);max-width:calc(33% - .5rem);padding:.9rem .6rem .8rem;gap:.45rem}.ktb-label{text-align:center;font-size:.72rem}.ktb-num{width:auto;text-align:center}.ktb-icon{width:42px;height:42px}.ktb-content p{max-width:100%}.brands-grid{gap:1.5rem}.wa-float{bottom:1.25rem;right:1.25rem}}@media (max-width:480px){.grid-4{grid-template-columns:1fr}.hero-ctas{flex-direction:column}.btn-lg{width:100%;justify-content:center}.products-grid{grid-template-columns:1fr 1fr}.option-grid{grid-template-columns:1fr 1fr}}
/* Accessibility: footer p override (muted on dark bg fails contrast) */
.site-footer p{color:rgba(253,250,245,.75)}
/* Accessibility: footer heading h3 (replaces h5 for heading-order) */
.footer-links h3{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--taupe-light);margin-bottom:1rem}
/* Accessibility: usp-card heading h2/h3 visual size (heading-order fix) */
.usp-card h2,.usp-card h3{font-size:1.2rem;margin-bottom:.5rem;line-height:1.3}
/* Accessibility: link-in-text-block - add underline to inline links */
p>a{text-decoration:underline;text-underline-offset:2px}
/* Mobile: backdrop-filter uitschakelen (GPU performance) */@media (max-width:768px){.site-header{backdrop-filter:none;-webkit-backdrop-filter:none}.hero-eyebrow{backdrop-filter:none;-webkit-backdrop-filter:none}}