:root{--ink:#2d2028;--muted:#6d5d66;--paper:#fbf8f5;--white:#fff;--rose:#b65c79;--wine:#6f314d;--gold:#d5ad63;--line:#e7d9dc;--shadow:0 20px 55px rgba(75,42,57,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.preview-ribbon{padding:.48rem;text-align:center;background:#2d2028;color:#fff1dc;font-size:.76rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.site-header{min-height:88px;padding:0 max(1.2rem,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:2rem;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.75rem;color:var(--ink);text-decoration:none}.brand-gem{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#f4dfe8,#fff7ee);color:var(--wine);font-size:2rem;box-shadow:inset 0 0 0 1px #e3c6d1}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,serif;font-size:1.25rem}.brand small{color:var(--rose);font-weight:700;letter-spacing:.04em}.site-header nav{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.site-header nav a{color:#51404a;text-decoration:none;font-size:.9rem;font-weight:720}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--rose)}.menu-button{display:none}.hero{width:min(1240px,calc(100% - 2.5rem));margin:0 auto;padding:clamp(3rem,7vw,7rem) 0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(2.5rem,6vw,6rem)}.eyebrow{display:block;color:var(--rose);font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.hero h1,.category-hero h1,.article-header h1,.legal-shell h1{margin:.8rem 0 1.4rem;font:700 clamp(2.8rem,5.7vw,5.7rem)/.98 Georgia,serif;letter-spacing:-.04em}.hero-copy>p{max-width:620px;color:var(--muted);font-size:1.2rem;line-height:1.75}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0}.button{padding:.9rem 1.15rem;border-radius:99px;text-decoration:none;font-weight:800}.primary{background:var(--wine);color:#fff}.secondary{border:1px solid #c99aaa;background:#fff;color:var(--wine)}.hero-facts{padding:0;display:flex;gap:.6rem 1.2rem;flex-wrap:wrap;list-style:none;color:#68525e;font-size:.84rem}.hero-facts li::before{content:"✓";margin-right:.4rem;color:var(--rose);font-weight:900}.hero-image{margin:0}.hero-image img,.article-image img{width:100%;height:auto;display:block;border-radius:48% 48% 1.4rem 1.4rem;box-shadow:var(--shadow)}figcaption{margin-top:.7rem;color:var(--muted);font-size:.78rem;text-align:center}.section{width:min(1180px,calc(100% - 2.5rem));margin:0 auto;padding:clamp(3.5rem,7vw,7rem) 0}.intro-band{padding:1.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border:1px solid var(--line);border-radius:1.2rem;background:#fff;box-shadow:0 12px 35px rgba(75,42,57,.06)}.intro-band div{padding:1rem}.intro-band span{color:var(--rose);font-size:.75rem;font-weight:850}.intro-band strong{display:block;margin:.45rem 0}.intro-band p{margin:0;color:var(--muted);line-height:1.55;font-size:.9rem}.section-heading{max-width:740px;margin-bottom:2.5rem}.section-heading h2,.gem-shop h2{margin:.6rem 0 1rem;font:700 clamp(2rem,4vw,3.7rem)/1.05 Georgia,serif}.section-heading p,.gem-shop p{color:var(--muted);line-height:1.65}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.category-card{min-height:250px;padding:1.4rem;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:1.1rem;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 12px 35px rgba(75,42,57,.05);transition:.2s}.category-card:hover{transform:translateY(-4px);border-color:#cc9aad;box-shadow:var(--shadow)}.category-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#f6e6ec;color:var(--wine);font:700 1.5rem Georgia,serif}.category-icon.large{width:110px;height:110px;font-size:3rem}.category-card h3{margin:1.25rem 0 .55rem;font:700 1.35rem Georgia,serif}.category-card p{margin:0;color:var(--muted);line-height:1.55}.card-link{margin-top:auto;padding-top:1rem;color:var(--rose);font-size:.82rem;font-weight:800}.feature{border-top:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.feature-card{overflow:hidden;border:1px solid var(--line);border-radius:1.1rem;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 15px 40px rgba(75,42,57,.07)}.feature-card img{width:100%;aspect-ratio:16/10;display:block;object-fit:cover}.feature-card>span,.feature-card h3,.feature-card p{display:block;margin-left:1.3rem;margin-right:1.3rem}.feature-card>span{margin-top:1.3rem;color:var(--rose);font-size:.74rem;font-weight:800}.feature-card h3{font:700 1.45rem/1.2 Georgia,serif}.feature-card p{margin-bottom:1.5rem;color:var(--muted);line-height:1.55}.gem-shop{margin-bottom:6rem;padding:2.2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-radius:1.4rem;background:linear-gradient(135deg,#432a38,#6f314d);color:#fff}.gem-shop div{max-width:760px}.gem-shop .eyebrow{color:#f1c993}.gem-shop p{color:#eadde2}.category-hero{width:min(1180px,calc(100% - 2.5rem));margin:0 auto;padding:clamp(3rem,7vw,7rem) 0;display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--line)}.category-hero h1{font-size:clamp(2.8rem,5vw,5rem)}.category-hero p{max-width:720px;color:var(--muted);font-size:1.15rem;line-height:1.7}.listing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.listing-grid>a,.planned{padding:1.6rem;border:1px solid var(--line);border-radius:1rem;background:#fff;color:var(--ink);text-decoration:none}.listing-grid span{color:var(--rose);font-size:.74rem;font-weight:800}.listing-grid h2{font:700 1.65rem Georgia,serif}.listing-grid p{color:var(--muted);line-height:1.6}.listing-grid b{color:var(--rose);font-size:.85rem}.article-shell{width:min(1180px,calc(100% - 2.5rem));margin:0 auto;padding:2rem 0 7rem}.breadcrumb{display:flex;gap:.6rem;color:var(--muted);font-size:.84rem}.breadcrumb a{color:inherit}.article-header{max-width:920px;padding:4rem 0 2.5rem}.article-header h1{font-size:clamp(2.8rem,5.4vw,5.4rem)}.article-header>p{max-width:780px;color:var(--muted);font-size:1.2rem;line-height:1.7}.article-meta{display:flex;gap:.6rem;flex-wrap:wrap}.article-meta span{padding:.45rem .7rem;border-radius:99px;background:#f2e5e9;color:#674352;font-size:.78rem;font-weight:750}.article-image{margin:0 0 3.5rem}.article-image img{max-height:540px;object-fit:cover;border-radius:1.4rem}.article-layout{display:grid;grid-template-columns:minmax(0,790px) minmax(260px,1fr);gap:4rem;align-items:start}.article-content{padding:clamp(1.5rem,4vw,3rem);border-radius:1.1rem;background:#fff;box-shadow:var(--shadow)}.article-content .lead{margin-top:0;color:#583846;font:700 1.35rem/1.55 Georgia,serif}.article-content h2{margin:3rem 0 1rem;font:700 clamp(1.65rem,3vw,2.35rem)/1.15 Georgia,serif}.article-content p,.article-content li{color:#51434a;line-height:1.8}.checklist{padding:1.3rem 1.5rem;border-radius:.9rem;background:#fbf2e7}.checklist h2{margin-top:.3rem}.checklist li{margin:.6rem 0}.shop-callout{margin:2.5rem 0;padding:1.6rem;border-left:4px solid var(--gold);background:#f9f1df}.shop-callout h2{margin-top:.5rem}.shop-callout a,.sources a{color:var(--wine);font-weight:800}.faq details{margin:.7rem 0;border:1px solid var(--line);border-radius:.7rem;background:#fcfaf8}.faq summary{padding:1rem;font-weight:800;cursor:pointer}.faq details p{margin:0;padding:0 1rem 1rem}.sources{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line)}.partner-position{margin-top:2.5rem;padding:1rem;border:1px dashed #c9adb7;border-radius:.7rem;color:var(--muted);font-size:.8rem}.article-sidebar{position:sticky;top:120px}.article-sidebar h2{font:700 1.5rem Georgia,serif}.article-sidebar a{padding:1rem 0;display:block;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.article-sidebar strong,.article-sidebar span{display:block}.article-sidebar span{margin-top:.35rem;color:var(--muted);font-size:.84rem;line-height:1.45}.legal-shell{width:min(900px,calc(100% - 2.5rem));min-height:60vh;margin:0 auto;padding:5rem 0}.legal-shell h1{font-size:3.5rem}.legal-note{margin:1rem 0 2rem;padding:1rem;border-left:4px solid #c88a4d;background:#fff2de}.legal-shell p{line-height:1.75}.site-footer{padding:3rem max(1.2rem,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr auto;gap:1rem 3rem;background:#2e2329;color:#e9dde2}.site-footer p{color:#cdbbc2}.site-footer nav{display:flex;gap:1rem}.site-footer a{color:#fff}.site-footer>p{grid-column:1/-1;margin:0;padding-top:1.5rem;border-top:1px solid #57434d;font-size:.8rem}
@media(max-width:980px){.site-header nav{display:none;position:absolute;left:1rem;right:1rem;top:88px;padding:1rem;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.site-header nav.open{display:flex}.menu-button{display:block;padding:.65rem .85rem;border:1px solid var(--line);border-radius:99px;background:#fff}.hero{grid-template-columns:1fr}.hero-image{max-width:760px}.category-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.listing-grid{grid-template-columns:1fr}}
@media(max-width:640px){.site-header{min-height:72px}.hero,.section,.article-shell,.category-hero{width:min(100% - 1.4rem,1180px)}.hero{padding-top:3rem}.hero h1{font-size:2.8rem}.intro-band{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr}.category-hero{align-items:flex-start;flex-direction:column}.category-icon.large{width:76px;height:76px}.gem-shop{align-items:flex-start;flex-direction:column}.site-footer{grid-template-columns:1fr}.site-footer nav{flex-direction:column}.article-content{padding:1.2rem}}

/* Kategorien tragen konkrete Fotomotive statt dekorativer Platzhaltersymbole. */
.category-card{min-height:0;padding:0;display:block;overflow:hidden}
.category-card-media{display:block;overflow:hidden;background:#eee5e1}
.category-card-media img{width:100%;height:auto;aspect-ratio:16/10;display:block;object-fit:cover;transition:transform .35s ease,filter .25s ease}
.category-card-copy{min-height:190px;padding:1.25rem 1.35rem 1.35rem;display:flex;flex-direction:column}
.category-card h3{margin:.1rem 0 .6rem;font-size:1.48rem}
.category-card:hover .category-card-media img,.category-card:focus-visible .category-card-media img{transform:scale(1.035);filter:saturate(1.06)}
.category-card:focus-visible{outline:3px solid rgba(111,49,77,.35);outline-offset:3px}

.category-hero{padding:clamp(3rem,5vw,5rem) 0;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);gap:clamp(2.5rem,6vw,6rem)}
.category-hero-media{margin:0;overflow:hidden;border-radius:1.4rem;background:#eee5e1;box-shadow:var(--shadow)}
.category-hero-media img{width:100%;height:clamp(300px,34vw,440px);display:block;object-fit:cover;transition:transform .4s ease}
.category-hero:hover .category-hero-media img{transform:scale(1.018)}
.category-hero h1{margin-top:.65rem}

.listing-grid>a{padding:0;overflow:hidden;display:block;box-shadow:0 12px 35px rgba(75,42,57,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.listing-grid>a:hover,.listing-grid>a:focus-visible{transform:translateY(-4px);border-color:#cc9aad;box-shadow:var(--shadow)}
.listing-media{display:block;overflow:hidden;background:#eee5e1}
.listing-media img{width:100%;height:auto;aspect-ratio:16/9;display:block;object-fit:cover;transition:transform .35s ease}
.listing-grid>a:hover .listing-media img,.listing-grid>a:focus-visible .listing-media img{transform:scale(1.035)}
.listing-copy{padding:1.35rem 1.5rem 1.5rem;display:block}
.listing-grid .listing-copy small{color:var(--rose);font-size:.74rem;font-weight:800}
.listing-grid .listing-copy h2{margin:.7rem 0 .75rem}
.listing-grid .listing-copy p{margin:0 0 1rem}

@media(max-width:980px){.category-hero{grid-template-columns:1fr;gap:2rem}.category-hero-media{max-width:760px}.category-hero-media img{height:auto;aspect-ratio:16/9}.category-card-copy{min-height:170px}}
@media(max-width:640px){.category-card-copy{min-height:0}.category-hero{display:grid;gap:1.5rem}.category-hero h1{font-size:clamp(2.7rem,14vw,4rem)}.listing-copy{padding:1.15rem}}

/* Markenbild und visuelle Einstiegskarten: keine leeren Textfelder oder runden Platzhalter. */
.brand-mark{width:50px;height:50px;display:block;flex:0 0 auto;filter:drop-shadow(0 8px 13px rgba(75,42,57,.18));transition:transform .2s ease}
.brand-mark svg{width:100%;height:100%;display:block}
.brand:hover .brand-mark,.brand:focus-visible .brand-mark{transform:rotate(-3deg) translateY(-1px)}

.intro-band{padding:0;gap:1.05rem;border:0;border-radius:0;background:transparent;box-shadow:none}
.intro-card{min-height:184px;padding:1.25rem;display:grid;grid-template-columns:86px minmax(0,1fr);gap:1.05rem;align-items:center;border:1px solid var(--line);border-radius:1.2rem;background:linear-gradient(145deg,#fff 42%,#fcf5f1);box-shadow:0 14px 36px rgba(75,42,57,.07)}
.intro-card:nth-child(2){background:linear-gradient(145deg,#fff 42%,#f2f6f0)}
.intro-card:nth-child(3){background:linear-gradient(145deg,#fff 42%,#fbf3e6)}
.intro-visual{width:86px;height:86px;display:grid;place-items:center;border-radius:22px;color:var(--wine);background:#f8e7ed;box-shadow:inset 0 0 0 1px rgba(111,49,77,.08)}
.intro-visual-technique{color:#385d4c;background:#e7f0e8}
.intro-visual-wear{color:#6b4b27;background:#f7ead5}
.intro-visual svg{width:74px;height:74px;display:block}
.intro-copy{display:block;color:var(--ink);font-size:1rem;font-weight:400}
.intro-band .intro-number{display:block;color:var(--rose);font-size:.73rem;font-weight:850;letter-spacing:.08em}
.intro-band strong{margin:.48rem 0 .42rem;color:var(--ink);font:700 1.12rem/1.2 Georgia,serif}
.intro-band p{font-size:.86rem;font-weight:400}

@media(max-width:980px) and (min-width:641px){.intro-band{grid-template-columns:1fr}.intro-card{min-height:0;grid-template-columns:92px 1fr}.intro-visual{width:92px;height:92px}}
@media(max-width:640px){.brand-mark{width:46px;height:46px}.intro-card{min-height:0;grid-template-columns:76px minmax(0,1fr);padding:1rem}.intro-visual{width:76px;height:76px;border-radius:19px}.intro-visual svg{width:66px;height:66px}}

.partner-area{width:min(860px,calc(100% - 2.5rem));margin:2rem auto;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:.9rem;background:#fff;color:var(--muted);font-size:.88rem}
.partner-area>span{display:block;margin-bottom:.55rem;color:#806d75;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.article-content .partner-area{width:100%;margin:2.5rem 0 0}

/* Konkrete Artikelmotive und visuelle Weiterlesekarten. */
.article-gallery{margin:0 0 3.5rem}
.article-gallery-grid{padding:clamp(1rem,2.5vw,2rem);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.7rem,2vw,1.4rem);border:1px solid var(--line);border-radius:1.4rem;background:linear-gradient(145deg,#2c2328,#4a303c);box-shadow:var(--shadow)}
.article-gallery-grid img{width:100%;height:auto;aspect-ratio:1;display:block;object-fit:cover;border-radius:1rem;background:#77736f;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.article-sidebar a{display:grid;grid-template-columns:88px minmax(0,1fr);gap:.85rem;align-items:center;transition:color .2s ease,transform .2s ease}
.article-sidebar a:hover,.article-sidebar a:focus-visible{color:var(--wine);transform:translateX(3px)}
.related-media{margin:0!important;display:block!important;overflow:hidden;border-radius:.7rem;background:#eee5e1}
.related-media img{width:100%;height:72px;display:block;object-fit:cover}
.related-copy{margin:0!important;display:block!important}
.article-sidebar .related-copy>span{margin-top:.35rem}
@media(max-width:980px){.article-sidebar{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.article-sidebar h2{grid-column:1/-1}.article-sidebar a{padding:0 0 1rem;grid-template-columns:1fr;align-content:start}.related-media img{height:auto;aspect-ratio:16/9}}
@media(max-width:640px){.article-gallery-grid{grid-template-columns:1fr;padding:1rem}.article-gallery-grid img{max-height:360px;object-fit:contain}.article-sidebar{grid-template-columns:1fr}.article-sidebar a{grid-template-columns:92px minmax(0,1fr)}.related-media img{height:76px;aspect-ratio:auto}}