:root{--bg:#111210;--bg2:#171915;--ink:#25251f;--cream:#f7f4eb;--paper:#eee8da;--muted:#adae9d;--gold:#ceac70;--gold2:#edd6a0;--line:rgba(211,184,124,.23);--body-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--heading:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:16px/1.7 var(--body-font);color:#e9e5d9;background:var(--bg)}a{color:inherit}button{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip{position:absolute;top:-100px;background:white;color:#111;padding:8px 14px;z-index:10000}.skip:focus{top:5px}.shell{width:min(1140px,calc(100% - 48px));margin:auto}.announcement{padding:7px;text-align:center;background:#bda06d;color:#1f201b;font-size:9px;font-weight:800;letter-spacing:.24em}.announcement span{font-size:14px;padding:0 10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(15,16,14,.96);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.nav-shell{height:85px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center}.brand img{object-fit:contain;width:150px;height:62px}.site-nav{display:flex;gap:25px;align-items:center}.site-nav a{text-decoration:none;color:#cfc8b6;font-size:12px;letter-spacing:.02em}.site-nav a:hover,.text-link:hover{color:var(--gold2)}.nav-cta{padding:10px 17px;border:1px solid var(--gold);text-decoration:none;color:var(--gold2);font-size:12px;white-space:nowrap}.nav-cta:hover{background:var(--gold);color:#111}.menu-toggle{display:none}.hero{min-height:690px;position:relative;isolation:isolate;background:radial-gradient(ellipse 62% 80% at 80% 42%,#323027 0%,#171814 44%,#111210 74%);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#d9bd80 1px,transparent 1px);background-size:79px 93px;opacity:.13;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000)}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;align-items:center;min-height:640px;gap:26px}.hero-copy{padding:85px 0 70px;position:relative;z-index:2}.eyebrow{color:#a7834e;letter-spacing:.20em;font-weight:800;font-size:11px;text-transform:uppercase;margin:0 0 22px}.tiny-star{font-size:16px;margin-right:7px}.hero h1{font-family:var(--heading);font-size:clamp(45px,5.7vw,78px);line-height:1.09;font-weight:400;letter-spacing:-.042em;color:#f4edda;margin:0 0 24px}.hero h1 em,.section-title em,.closing-section h2 em{color:var(--gold2);font-weight:400}.hero-lead{max-width:565px;color:#b8b8a8;font-size:16px;line-height:1.95}.hero-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin:32px 0}.btn{border:0;padding:16px 23px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:19px;cursor:pointer;text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.045em;transition:transform .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gold);color:#171712}.btn-primary:hover{background:#edcf91}.text-link{font-size:13px;text-decoration:none;border-bottom:1px solid #927a55;padding-bottom:6px}.hero-subnote{font-size:11px;color:#817e70;letter-spacing:.08em}.hero-art{height:545px;position:relative;display:grid;place-items:center}.cosmic-ring{position:absolute;border:1px solid rgba(205,176,110,.17);border-radius:50%;width:500px;height:500px;transform:rotate(24deg)}.ring-two{width:390px;height:390px;border-style:dashed;border-color:rgba(205,176,110,.24)}.product-art-card{position:relative;width:min(310px,78%);height:410px;background:linear-gradient(160deg,#20211c,#121410);border:1px solid rgba(221,188,116,.65);box-shadow:0 30px 70px #0009,0 0 65px #ddbc7820;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-4deg)}.product-art-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(221,188,116,.25)}.art-moon{font-size:76px;color:var(--gold2);line-height:1.2}.art-overline{color:#bfa36e;font-size:9px;letter-spacing:.26em;margin:25px 0 15px}.art-title{font-family:var(--heading);font-size:37px;line-height:1.15;color:#f9f0dc}.art-title small{display:block;font-size:18px;font-style:italic;color:var(--gold2);margin-top:8px}.art-divider{width:65px;height:1px;background:var(--gold);margin:20px}.art-byline{font-size:8px;letter-spacing:.16em;color:#b4a68d}.hero-seal{position:absolute;bottom:41px;right:0;width:105px;height:105px;border-radius:50%;background:#b99a64;color:#1b1d17;display:grid;place-content:center;text-align:center;font-family:var(--heading);font-size:15px;line-height:1.25;transform:rotate(12deg);box-shadow:0 10px 30px #0005}.hero-seal span{font-size:18px}.art-star{position:absolute;color:var(--gold);font-size:25px}.s1{top:30px;left:15px}.s2{top:70px;right:40px}.s3{bottom:69px;left:48px}.s4{bottom:102px;right:26px}.hero-bottom{height:50px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:25px;color:#a19b86;font-size:10px;letter-spacing:.16em}.hero-bottom a{text-decoration:none}.scroll-line{display:block;width:50px;height:1px;background:var(--gold)}.section-pad{padding:100px 0}.center{text-align:center}.section-title{font-family:var(--heading);font-weight:400;font-size:clamp(38px,5vw,60px);line-height:1.16;letter-spacing:-.045em;margin:0 0 21px}.section-lead{max-width:760px;margin:0 auto 25px;font-size:16px;line-height:1.9}.intro-section{background:var(--cream);color:var(--ink)}.intro-section .section-lead{color:#5c5c52}.intro-points{margin:55px auto 0;display:grid;grid-template-columns:repeat(3,1fr);max-width:870px}.intro-points>div{text-align:center;padding:0 18px;border-right:1px solid #ded5c4}.intro-points>div:last-child{border:0}.intro-points span{display:block;font-family:var(--heading);color:#ae8754;font-size:33px;margin-bottom:10px}.intro-points strong{display:block;font-size:14px}.intro-points small{font-size:12px;color:#8d897e}.section-ink{background:var(--bg2)}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.section-heading .section-title{margin-bottom:0}.section-heading>p{width:290px;flex:none;margin:0;color:#a6a69a;font-size:14px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-card{padding:34px;min-height:330px;background:linear-gradient(145deg,#22241f,#171915);border:1px solid var(--line)}.step-nr{color:#87744d;font-family:var(--heading);font-size:18px}.step-icon{font-family:var(--heading);color:var(--gold2);font-size:56px;text-align:center;margin:20px 0 6px}.step-card h3{font-family:var(--heading);font-weight:400;font-size:24px;margin:0 0 12px}.step-card p{color:#a9aa9b;font-size:14px;margin:0}.quiet-notice{margin:24px 0 0;color:#b3ac98;border-left:2px solid var(--gold);padding:10px 16px;font-size:12px}.palette-section{background:#eae4d6;color:#24251f}.palette-section .section-lead{color:#66675c}.color-picker{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:40px auto 36px}.color-choice{min-width:111px;padding:17px 14px;background:#faf7ee;border:1px solid #d9d0c0;cursor:pointer;color:#33352e;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-weight:650;font-size:13px;transition:transform .15s,border-color .15s,box-shadow .15s}.color-choice:hover{transform:translateY(-3px)}.color-choice.active{border-color:#9b784b;box-shadow:0 0 0 2px #a98c5a}.color-dot{width:30px;height:30px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 6px #0002}.red{background:#c8484b}.white{background:#fbfbf9;box-shadow:0 0 0 1px #bbb7ab}.black{background:#252423}.green{background:#5c9473}.yellow{background:#deb648}.blue{background:#527fa7}.color-detail{max-width:830px;min-height:225px;margin:auto;padding:32px 46px;background:#f9f7f1;border:1px solid #d2c6b3;display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center}.needle-visual{height:155px;display:flex;align-items:center;justify-content:center;transform:rotate(-30deg);position:relative}.needle-head{width:38px;height:38px;border:5px solid #eceae3;border-radius:50%;position:absolute;left:52px;box-shadow:0 2px 10px #0002;z-index:1}.needle-stem{height:4px;width:135px;background:linear-gradient(90deg,#979997,#eff0e8,#999b97);display:block;margin-left:93px;position:relative}.needle-stem:after{content:"";position:absolute;right:-20px;top:0;border-left:20px solid #a9a9a2;border-top:2px solid transparent;border-bottom:2px solid transparent}.mini-label{color:#95794f;font-size:10px;font-weight:800;letter-spacing:.16em}.color-detail h3{font-family:var(--heading);font-size:30px;font-weight:400;line-height:1.2;margin:9px 0 13px}.color-detail p{color:#636559;font-size:14px;line-height:1.85;margin:0 0 13px}.underlined-link{font-size:13px;text-decoration:none;border-bottom:1px solid #ab8d57;padding-bottom:4px;color:inherit}.symbolic-note{font-size:11px;text-align:center;color:#79796e;margin-top:18px}.ritual-section{background:#10120f}.ritual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.ritual-card{background:#1e211b;border:1px solid #343a2f;transition:border-color .2s}.ritual-card[open]{border-color:var(--gold)}.ritual-card summary{padding:25px;min-height:266px;display:flex;flex-direction:column;cursor:pointer;list-style:none}.ritual-card summary::-webkit-details-marker{display:none}.ritual-symbol{font-size:34px;font-family:var(--heading);color:var(--gold);height:63px}.ritual-tag{font-size:9px;font-weight:800;letter-spacing:.13em;color:#a4895a;margin:0 0 10px}.ritual-card strong{font-family:var(--heading);font-size:22px;line-height:1.15;font-weight:400;margin-bottom:10px}.ritual-desc{font-size:12px;color:#a7ad9f;line-height:1.5}.discover{margin-top:auto;padding-top:23px;font-size:11px;color:#d4b984;display:flex;justify-content:space-between}.discover span{font-size:17px}.ritual-card[open] .discover span{transform:rotate(45deg)}.ritual-body{border-top:1px solid #353b2e;padding:20px 25px 23px;color:#d1d2c5;font-size:13px;line-height:1.8}.ritual-body p{margin:0}.compass-section{background:#24261f}.compass-wrap{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}.compass-intro>p:not(.eyebrow){color:#b6b5a6;line-height:1.95}.privacy-hint{font-size:12px;color:#dbb887!important;margin-top:30px}.compass-panel{background:#f7f4eb;color:#262720;padding:35px;border:1px solid #d3b986}.smallcaps{display:block;font-size:10px;letter-spacing:.16em;color:#866b45;font-weight:800;margin-bottom:20px}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.topic-btn{border:1px solid #d7d0c2;background:white;color:#333429;text-align:left;cursor:pointer;padding:14px 10px;font-size:12px;min-height:59px}.topic-btn span{font-size:20px;color:#987b4c;vertical-align:middle;display:inline-block;margin:0 8px 0 2px}.topic-btn.selected{background:#eee4d0;border-color:#9c825b;box-shadow:inset 0 0 0 1px #9c825b}.generate-btn{width:100%;margin-top:17px}.compass-result{border-top:1px solid #ddd3c1;margin-top:25px;padding-top:24px}.compass-result[hidden]{display:none}.result-head{display:flex;align-items:center;gap:10px;font-size:12px;color:#656255;font-weight:700}.result-color{width:23px;height:23px;border-radius:50%;background:#c8484b;border:2px solid white;box-shadow:0 0 0 1px #aaa}.compass-result h3{font-family:var(--heading);font-size:27px;font-weight:400;line-height:1.2;margin:13px 0}.compass-result p{color:#55584e;font-size:13px;line-height:1.75}.compass-result .result-disclaimer{color:#999487;font-size:10px;margin:18px 0 0}.product-section{background:var(--cream);color:#27271f}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.product-photo{min-height:455px;position:relative;background:radial-gradient(circle at 50% 55%,#343831 0%,#181b17 70%);border:12px solid #e5dccc;display:flex;align-items:center;justify-content:center;color:var(--gold2);overflow:hidden}.product-photo:before{content:"";position:absolute;inset:16px;border:1px solid #ac92649c}.photo-decoration{position:absolute;left:32px;top:10px;font-size:140px;color:#a48750;opacity:.2}.photo-content{text-align:center;z-index:1}.photo-content>span{font-size:11px;letter-spacing:.45em}.photo-content strong{display:block;font-size:45px;line-height:1.2;font-family:var(--heading);font-weight:400;margin:40px 0}.photo-content small{display:block;font-size:11px;color:#a69c84}.product-info>p:not(.eyebrow){color:#67695d;line-height:1.9}.features{list-style:none;padding:0;margin:25px 0 30px;color:#474839;font-size:14px}.features li{margin:9px 0}.product-footnote{font-size:11px!important;color:#868579!important}.faq-section{background:#efeadc;color:#262820}.narrow{max-width:820px}.faq-section details{background:#f9f7f0;border-bottom:1px solid #ddd4c3;padding:0 25px}.faq-section details:first-of-type{margin-top:42px}.faq-section summary{cursor:pointer;font-weight:650;padding:21px 0;list-style:none;display:flex;justify-content:space-between;gap:14px}.faq-section summary:after{content:"＋";color:#917043}.faq-section details[open] summary:after{content:"－"}.faq-section details p{font-size:14px;color:#626254;line-height:1.9;margin:0;padding:0 0 21px}.closing-section{background:radial-gradient(ellipse at center,#303126,#10120f 70%);text-align:center;padding:92px 0 100px}.closing-stars{color:var(--gold2);letter-spacing:.9em;font-size:18px;margin-bottom:28px}.closing-section h2{font-family:var(--heading);font-size:clamp(33px,5vw,55px);line-height:1.2;font-weight:400;margin:0 0 34px}.btn-outline{background:transparent;color:var(--gold2);border:1px solid var(--gold)}.btn-outline:hover{background:var(--gold);color:#161712}.site-footer{background:#121410;border-top:1px solid #343728;color:#b9bbaf}.footer-top{display:grid;grid-template-columns:1.3fr .7fr .8fr;gap:30px;padding:50px 0}.footer-logo{color:var(--gold2);font-family:var(--heading);font-style:italic;font-size:33px;letter-spacing:-.04em;text-decoration:none}.footer-logo span{font-family:var(--body-font);font-size:12px;margin-left:5px}.footer-top p{max-width:275px;font-size:13px}.footer-links,.footer-contact{display:flex;flex-direction:column;gap:9px;font-size:13px}.footer-links a,.footer-contact a,.footer-bottom a{text-decoration:none}.footer-links a:hover,.footer-contact a:hover,.footer-bottom a:hover{color:var(--gold2)}.footer-contact strong{color:#e6dcc5}.footer-contact span{font-size:12px;color:#8a8f82}.footer-bottom{border-top:1px solid #343728;display:flex;justify-content:space-between;align-items:center;padding:19px 0;gap:20px;font-size:11px}.footer-bottom div{display:flex;gap:19px}.legal-area{background:#eee9dc;color:#252620;padding:43px 0 5px;scroll-margin-top:90px}.legal-last{padding-bottom:55px}.legal-wrap{max-width:830px}.legal-wrap h2{font:400 30px var(--heading);margin:0 0 18px}.legal-wrap h3{font-size:15px;margin:30px 0 7px}.legal-wrap p{font-size:13px;line-height:1.8;margin:0 0 15px}.legal-wrap a{color:#806032}.legal-note{font-size:11px!important;color:#8a7059!important;padding:10px 15px;border-left:2px solid #b8a179;background:#f8f4e9}
@media(max-width:1100px){.site-nav{gap:14px}.site-nav a{font-size:11px}.nav-cta{display:none}.hero h1{font-size:clamp(45px,6vw,67px)}.ritual-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){html{scroll-padding-top:74px}.shell{width:min(100% - 34px,1140px)}.announcement{letter-spacing:.13em;font-size:8px}.nav-shell{height:70px}.brand img{width:137px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:1px solid var(--line);padding:12px;cursor:pointer}.menu-toggle span{display:block;width:20px;height:1px;background:var(--gold)}.site-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#181a17;padding:15px 21px 24px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line)}.site-nav.open{display:flex}.site-nav a{font-size:14px;padding:12px;border-bottom:1px solid #34372d}.hero-grid{grid-template-columns:1fr;min-height:unset}.hero-copy{padding:60px 0 16px}.hero h1{font-size:clamp(43px,10vw,60px)}.hero-lead{font-size:14px}.hero-art{height:385px}.cosmic-ring{width:350px;height:350px}.ring-two{width:270px;height:270px}.product-art-card{width:230px;height:305px}.art-moon{font-size:47px}.art-overline{margin:15px 0 10px;font-size:7px}.art-title{font-size:28px}.art-title small{font-size:14px}.hero-seal{width:85px;height:85px;font-size:12px;right:5px;bottom:24px}.hero-bottom{font-size:8px;gap:11px}.scroll-line{width:20px}.section-pad{padding:70px 0}.section-title{font-size:clamp(34px,8vw,49px)}.section-lead{font-size:14px}.intro-points{margin-top:35px}.intro-points strong{font-size:12px}.intro-points small{font-size:10px}.intro-points>div{padding:0 6px}.section-heading{display:block}.section-heading>p{width:auto;margin-top:16px}.step-grid{grid-template-columns:1fr}.step-card{min-height:unset;padding:28px}.step-icon{margin:3px 0}.color-picker{gap:8px}.color-choice{min-width:calc(33.333% - 6px);padding:12px 6px}.color-detail{grid-template-columns:70px 1fr;gap:10px;padding:24px 19px}.needle-visual{transform:rotate(-60deg) scale(.65);width:60px}.color-detail h3{font-size:23px}.color-detail p{font-size:12px}.ritual-grid{grid-template-columns:1fr}.ritual-card summary{min-height:235px}.compass-wrap,.product-layout{grid-template-columns:1fr;gap:33px}.compass-panel{padding:22px}.product-photo{min-height:380px}.product-layout{gap:30px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:first-child{grid-column:span 2}.footer-bottom{flex-wrap:wrap}.faq-section details{padding:0 17px}.faq-section summary{font-size:13px}}
@media(max-width:380px){.topic-grid{grid-template-columns:1fr}.color-choice{min-width:calc(50% - 5px)}.hero-actions{gap:14px}.hero h1{font-size:40px}.intro-points{grid-template-columns:1fr;gap:20px}.intro-points>div{border-right:0;border-bottom:1px solid #ded5c4;padding-bottom:15px}.intro-points>div:last-child{border:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Mapanoli Produktkollektion – Version Oktober 2026 */
.featured-product{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#fcfaf5;border:1px solid #ded5c4;box-shadow:0 16px 45px #38301e13;margin:48px 0 70px;overflow:hidden}
.featured-visual{position:relative;min-height:425px;background:radial-gradient(circle at 45% 43%,#33382e,#171b16 73%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px 30px;overflow:hidden;color:#dbbf83}
.featured-visual:before,.featured-visual:after{content:"";position:absolute;border:1px solid #bda06d40;border-radius:50%;width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%)}.featured-visual:after{width:365px;height:365px;border-style:dashed}
.featured-aura{font:90px var(--heading);opacity:.23;position:absolute;top:14px;right:32px;line-height:1}
.featured-visual-label{font-size:12px;letter-spacing:.23em;z-index:1;position:relative;margin-bottom:22px}
.featured-visual-text{font:400 clamp(27px,3vw,42px)/1.24 var(--heading);color:#f4ead4;position:relative;z-index:1}
.featured-photo-note{margin-top:28px;color:#a99d82;font-size:11px;letter-spacing:.1em;position:relative;z-index:1}
.featured-info{padding:44px clamp(26px,4vw,56px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.featured-chip{font-size:10px;letter-spacing:.16em;font-weight:750;color:#896c3d;margin-bottom:14px}
.featured-info h3{font:400 clamp(31px,3.6vw,45px)/1.2 var(--heading);margin:0 0 20px;color:#23261f}.featured-info h3 em{color:#967b49}
.featured-info>p{font-size:14px;color:#595b50;line-height:1.85}.featured-info .features{margin:12px 0 23px;font-size:13px}
.variants-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 24px}
.variants-heading h3{font:400 clamp(30px,4vw,41px) var(--heading);margin:0}.variants-heading p{color:#6b6c61;margin:0;font-size:13px}
.variant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.variant-card{background:#fffdf8;border:1px solid #ded7c9;display:flex;flex-direction:column;min-width:0}
.variant-visual{height:195px;background:radial-gradient(circle at 48% 35%,#3a3f36,#1a201b 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden}
.variant-light{background:radial-gradient(circle at 50% 40%,#f1efdf,#c8c2b0 75%)}
.variant-placeholder-mark{font:400 65px var(--heading);line-height:1;color:#c4a86f}
.variant-light .variant-placeholder-mark{color:#8d774f}
.variant-visual small{font-size:10px;letter-spacing:.11em;color:#c7bda9}.variant-light small{color:#696557}
.variant-copy{padding:21px 19px 23px;flex:1;display:flex;flex-direction:column}
.variant-copy h3{font:400 23px/1.22 var(--heading);margin:0 0 13px;color:#292b23;min-height:55px}
.variant-copy p{font-size:12px;line-height:1.75;color:#6a6b60;margin:0 0 24px;flex:1}
.variant-buy{font-size:12px;font-weight:700;color:#70512b;text-decoration:none;border-bottom:1px solid #a98850;padding-bottom:6px;align-self:flex-start}.variant-buy:hover{color:#24251e}
.variant-pending{font-size:11px;color:#6c6458;background:#f1ede4;padding:10px 12px;align-self:flex-start}
.products-note{font-size:11px;color:#817d6f;text-align:center;margin:22px 0 0}
@media(max-width:980px){.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-product{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.featured-product{grid-template-columns:1fr;margin:35px 0 48px}.featured-visual{min-height:290px}.featured-info{padding:30px 25px 38px}.variants-heading{display:block}.variants-heading p{margin-top:3px}.variant-visual{height:170px}}
@media(max-width:440px){.variant-grid{grid-template-columns:1fr}.variant-card{display:grid;grid-template-columns:110px minmax(0,1fr)}.variant-visual{height:auto;min-height:190px}.variant-copy{padding:16px}.variant-copy h3{font-size:21px;min-height:unset}.variant-copy p{margin-bottom:18px}.variant-placeholder-mark{font-size:44px}}


/* Version 4: echte Mapanoli-Produktbilder */
.hero-product-image{position:relative;width:100%;height:540px;display:flex;justify-content:center;align-items:flex-end;z-index:1;filter:drop-shadow(0 20px 31px rgba(0,0,0,.58))}
.hero-product-image img{display:block;object-fit:contain;object-position:center bottom;height:98%;width:100%;max-width:380px}
.hero-seal{z-index:3;right:0}
.featured-visual{background:#f2eee6;min-height:425px;padding:0;border:none;display:flex;align-items:center;justify-content:center}
.featured-visual:before,.featured-visual:after{display:none}
.featured-visual img{width:100%;height:100%;min-height:425px;max-height:520px;object-fit:contain;display:block}
.variant-visual{background:#f5f1e9;position:relative}
.variant-visual.variant-dark,.variant-visual.variant-light{background:#f4efe7}
.variant-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.variant-card:hover .variant-visual img{transform:scale(1.045)}
@media(max-width:760px){.hero-product-image{height:385px}.hero-product-image img{height:97%;max-width:320px}.featured-visual{min-height:310px}.featured-visual img{min-height:310px;max-height:360px}}
@media(max-width:440px){.variant-visual img{object-fit:cover}.featured-visual img{max-height:360px}}

/* V7: dynamic needle swatch, clearer navigation, legal pages */
.needle-head{background-color:var(--pin-color,#c8484b);box-shadow:0 2px 10px #0003, inset -4px -4px 8px #0002!important;transition:background-color .2s ease}
.needle-head.white{border-color:#aaa596}
.needle-selected-label{position:absolute;bottom:-3px;left:0;width:100%;font-weight:700;font-size:13px;text-align:center;transform:rotate(30deg);color:#6b675a;white-space:nowrap}
.result-color{background-color:var(--pin-color,#c8484b);transition:background-color .2s ease}
.hero-products-link{color:var(--gold2)}
.legal-page{background:#efeadf;color:#24251f;min-height:65vh;padding:72px 0 100px}
.legal-page .legal-wrap{max-width:800px;padding:44px 52px;background:#faf8f3;border:1px solid #dcd0b8}
.legal-page h1{font:400 clamp(40px,5vw,56px)/1.2 var(--heading);margin:0 0 30px}
.legal-page h2{font:400 28px/1.2 var(--heading);margin:35px 0 12px}
.legal-page h3{margin-top:28px}
.legal-page p{font-size:15px;line-height:1.8;margin:0 0 18px}
.legal-page a{color:#846432}
.legal-breadcrumb{display:block;font-size:13px;color:#6d6457;margin-bottom:25px;text-decoration:none}
.legal-page .legal-wrap>h2:first-child{display:none}
.legal-page .legal-wrap>h3:first-child{margin-top:0}
@media(max-width:650px){.legal-page{padding:28px 0 60px}.legal-page .legal-wrap{padding:30px 24px}.legal-page p{font-size:14px}}

/* v7: generous needle display on narrow screens */
@media(max-width:760px){.color-detail{grid-template-columns:1fr;gap:0;text-align:center}.needle-visual{width:205px;height:130px;margin:0 auto;transform:rotate(-27deg) scale(.95)}.color-detail>div:last-child{padding:0 2px}.needle-head{width:44px;height:44px}}

/* V7: legal page mobile navigation / prevent layout overflow */
.legal-home-link{display:none;text-decoration:none;color:#d7bb83;font-weight:700;font-size:12px;white-space:nowrap}
@media(max-width:760px){.legal-nav{display:none!important}.legal-home-link{display:inline-flex}.legal-page .legal-wrap{overflow-wrap:anywhere}.legal-page h1{font-size:37px}.variant-card:last-child .variant-visual img{object-fit:contain}}


/* V8: Produkt-CTA im Wunsch-Kompass */
.compass-cta{margin-top:22px;padding-top:20px;border-top:1px solid #ddd3c1;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.compass-cta-text{font-size:13px!important;color:#55584e!important;margin:0!important;line-height:1.7!important}
.compass-cta-btn{width:100%}
.compass-cta-alt{font-size:12px}