/* myParfum – Gestaltung (Token odrae-) */
@font-face{font-family:"Cormorant";src:url(/assets/fonts/cormorant-var.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant";src:url(/assets/fonts/cormorant-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Mulish";src:url(/assets/fonts/mulish-var.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}
:root{
  --odrae-ink:#2a1a24;--odrae-ink-2:#4a3742;--odrae-muted:#7a6670;
  --odrae-bg:#f8f3ec;--odrae-paper:#fffdf9;--odrae-sand:#efe6d9;--odrae-line:#e2d6c6;
  --odrae-amber:#a8693b;--odrae-amber-d:#8a5329;--odrae-rose:#b98a84;--odrae-sage:#7d8b6e;
  --odrae-r:2px;--odrae-s:17px;--odrae-w:1180px;--odrae-text:720px;
  --odrae-serif:"Cormorant",Georgia,"Times New Roman",serif;--odrae-sans:"Mulish",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--odrae-bg) radial-gradient(1200px 500px at 85% -10%,#f1e3d3 0,rgba(241,227,211,0) 70%) no-repeat;color:var(--odrae-ink);font:400 17.5px/1.7 var(--odrae-sans);overflow-wrap:break-word}
img,svg{max-width:100%;height:auto}
a{color:var(--odrae-amber-d);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--odrae-ink)}
h1,h2,h3,h4{font-family:var(--odrae-serif);font-weight:600;line-height:1.15;color:var(--odrae-ink);letter-spacing:0;hyphens:manual}
h1{font-size:clamp(2.3rem,5.2vw,3.5rem);margin:.2em 0 .35em}
h2{font-size:clamp(1.75rem,3.4vw,2.4rem);margin:2.2em 0 .5em}
h3{font-size:clamp(1.35rem,2.4vw,1.65rem);margin:1.7em 0 .4em}
p,ul,ol,table,blockquote{margin:0 0 1.1em}
ul,ol{padding-left:1.3em}
li{margin:.25em 0}
strong{font-weight:700;color:var(--odrae-ink)}
.odrae-skip{position:absolute;left:-999px;top:0;background:var(--odrae-ink);color:#fff;padding:8px 14px;z-index:99}
.odrae-skip:focus{left:8px}
.odrae-wrap{max-width:var(--odrae-w);margin:0 auto;padding:0 20px}

/* Kopf */
.odrae-head{position:sticky;top:0;z-index:30;background:rgba(248,243,236,.94);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--odrae-line)}
.odrae-head .odrae-wrap{display:flex;align-items:center;gap:22px;min-height:68px}
.odrae-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--odrae-ink);flex:0 0 auto}
.odrae-logo svg{width:26px;height:34px;flex:0 0 auto}
.odrae-logo b{font:italic 500 1.75rem/1 var(--odrae-serif);letter-spacing:.01em}
.odrae-logo small{display:block;font:600 .64rem/1.2 var(--odrae-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--odrae-muted);margin-top:3px}
.odrae-nav{display:flex;gap:4px;margin-left:auto;flex-wrap:nowrap}
.odrae-nav a{position:relative;padding:8px 11px;font-size:.92rem;font-weight:600;color:var(--odrae-ink-2);text-decoration:none;white-space:nowrap}
.odrae-nav a::after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:1px;background:var(--odrae-amber);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.odrae-nav a:hover::after,.odrae-nav a[aria-current]::after{transform:scaleX(1)}
.odrae-menu{display:none;margin-left:auto;background:none;border:1px solid var(--odrae-line);border-radius:var(--odrae-r);padding:8px 12px;font:700 .85rem var(--odrae-sans);color:var(--odrae-ink);cursor:pointer}
@media (max-width:1020px){
  .odrae-menu{display:block}
  .odrae-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--odrae-paper);border-bottom:1px solid var(--odrae-line);padding:8px 20px 16px;margin:0}
  .odrae-nav.is-open{display:flex}
  .odrae-nav a{padding:12px 0;border-bottom:1px solid var(--odrae-sand);font-size:1rem}
  .odrae-nav a::after{display:none}
}

/* Hinweis-Band (alter Shop) */
.odrae-band{background:var(--odrae-ink);color:#f3e8dc;font-size:.9rem}
.odrae-band .odrae-wrap{padding-top:9px;padding-bottom:9px}
.odrae-band a{color:#f0c9a3}
@media (max-width:620px){.odrae-band{font-size:.8rem;line-height:1.45}.odrae-band .odrae-wrap{padding-top:7px;padding-bottom:7px}}

/* Startseite */
.odrae-hero{padding:56px 0 40px}
.odrae-hero .odrae-wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:40px;align-items:center}
.odrae-eyebrow{font:700 .74rem/1.3 var(--odrae-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--odrae-amber-d);margin:0 0 6px}
.odrae-lead{font-size:1.18rem;line-height:1.65;color:var(--odrae-ink-2);max-width:40em}
.odrae-hero-art{justify-self:center;width:100%;max-width:280px}
.odrae-notice{border:1px solid var(--odrae-line);border-left:3px solid var(--odrae-amber);background:var(--odrae-paper);padding:14px 18px;margin:22px 0 0;font-size:.97rem;max-width:44em}
.odrae-notice b{display:block;font-family:var(--odrae-serif);font-size:1.25rem;font-weight:600;margin-bottom:2px}
.odrae-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.odrae-btn{display:inline-flex;align-items:center;gap:8px;background:var(--odrae-ink);color:#fff;text-decoration:none;font:700 .95rem/1 var(--odrae-sans);padding:14px 20px;border-radius:var(--odrae-r);border:1px solid var(--odrae-ink);cursor:pointer}
.odrae-btn:hover{background:var(--odrae-amber-d);border-color:var(--odrae-amber-d);color:#fff}
.odrae-btn--ghost{background:transparent;color:var(--odrae-ink)}
.odrae-btn--ghost:hover{background:var(--odrae-ink);color:#fff;border-color:var(--odrae-ink)}
.odrae-btn--sm{padding:10px 14px;font-size:.88rem}
.odrae-sec{padding:44px 0;border-top:1px solid var(--odrae-line)}
.odrae-sec>.odrae-wrap>h2:first-child{margin-top:0}
.odrae-sub{color:var(--odrae-muted);margin-top:-.2em;max-width:44em}
.odrae-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}
.odrae-tool{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;background:var(--odrae-paper);border:1px solid var(--odrae-line);border-radius:var(--odrae-r);padding:24px;text-decoration:none;color:inherit}
.odrae-tool:hover{border-color:var(--odrae-amber)}
.odrae-tool svg{width:72px;height:72px}
.odrae-tool h3{margin:0 0 6px}
.odrae-tool p{margin:0 0 10px;color:var(--odrae-ink-2)}
.odrae-more{font-weight:700;font-size:.9rem;color:var(--odrae-amber-d)}
.odrae-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin-top:18px}
.odrae-item{display:block;padding:18px 0;border-top:1px solid var(--odrae-line);text-decoration:none;color:inherit}
.odrae-item b{display:block;font:600 1.4rem/1.2 var(--odrae-serif);margin-bottom:4px;color:var(--odrae-ink)}
.odrae-item span{display:block;color:var(--odrae-muted);font-size:.95rem;line-height:1.55}
.odrae-item:hover b{color:var(--odrae-amber-d)}
@media (max-width:860px){
  .odrae-hero{padding:32px 0 24px}
  .odrae-hero .odrae-wrap{grid-template-columns:1fr}
  .odrae-hero-art{display:none}
  .odrae-tools,.odrae-list{grid-template-columns:1fr}
}
@media (min-width:861px) and (max-width:1020px){.odrae-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.odrae-tool{grid-template-columns:1fr}.odrae-tool svg{width:56px;height:56px}}

/* Artikel */
.odrae-crumbs{font-size:.84rem;color:var(--odrae-muted);padding-top:22px}
.odrae-crumbs a{color:var(--odrae-muted)}
.odrae-art{max-width:var(--odrae-text);margin:0 auto;padding:0 20px 40px}
.odrae-art-head{padding:10px 0 6px}
.odrae-meta{font-size:.86rem;color:var(--odrae-muted);border-top:1px solid var(--odrae-line);border-bottom:1px solid var(--odrae-line);padding:8px 0;margin:18px 0 26px;display:flex;flex-wrap:wrap;gap:4px 18px}
.odrae-toc{border:1px solid var(--odrae-line);background:var(--odrae-paper);border-radius:var(--odrae-r);margin:0 0 30px}
.odrae-toc summary{cursor:pointer;padding:12px 16px;font-weight:700;font-size:.95rem;list-style:none}
.odrae-toc summary::-webkit-details-marker{display:none}
.odrae-toc summary::after{content:"+";float:right;font-weight:400}
.odrae-toc[open] summary::after{content:"–"}
.odrae-toc ol{margin:0;padding:0 16px 14px 36px;font-size:.95rem;columns:2;column-gap:28px}
.odrae-toc li{break-inside:avoid}
@media (max-width:620px){.odrae-toc ol{columns:1}}
.odrae-body h2{padding-top:.6em;border-top:1px solid var(--odrae-line)}
.odrae-body>h2:first-child{border-top:0;padding-top:0;margin-top:.5em}
.odrae-body blockquote{border-left:2px solid var(--odrae-amber);padding:4px 0 4px 18px;font:italic 500 1.35rem/1.45 var(--odrae-serif);color:var(--odrae-ink-2)}
.odrae-table{overflow-x:auto;margin:0 0 1.3em;border:1px solid var(--odrae-line);background:var(--odrae-paper)}
.odrae-table table{border-collapse:collapse;width:100%;margin:0;font-size:.94rem;line-height:1.5}
.odrae-table th,.odrae-table td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--odrae-sand)}
.odrae-table th{background:var(--odrae-sand);font-weight:700;white-space:nowrap}
.odrae-table tr:last-child td{border-bottom:0}
@media (max-width:560px){
  .odrae-stack{background:none;border:0;overflow:visible}
  .odrae-stack table,.odrae-stack tbody,.odrae-stack tr,.odrae-stack td{display:block;width:100%}
  .odrae-stack thead{display:none}
  .odrae-stack tr{background:var(--odrae-paper);border:1px solid var(--odrae-line);margin:0 0 10px;padding:6px 0}
  .odrae-stack td{border:0;padding:5px 12px}
  .odrae-stack td::before{content:attr(data-label);display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--odrae-muted)}
  .odrae-stack td:first-child{font-weight:700;font-size:1rem}
  .odrae-stack td:first-child::before{display:none}
}
.odrae-tipp{background:var(--odrae-paper);border:1px solid var(--odrae-line);border-top:3px solid var(--odrae-sage);padding:16px 20px 4px;margin:1.6em 0}
.odrae-tipp>b{display:block;font:600 1.3rem/1.2 var(--odrae-serif);margin-bottom:6px}
.odrae-ad{display:block;border:1px dashed var(--odrae-rose);background:#fbf4ef;padding:12px 16px;margin:1.4em 0;font-size:.95rem}
.odrae-ad small{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--odrae-muted);font-weight:700;margin-bottom:2px}
.odrae-ad a{font-weight:700}
.odrae-teaser{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;background:var(--odrae-ink);color:#f3e8dc;padding:18px 20px;margin:1.8em 0;border-radius:var(--odrae-r);text-decoration:none}
.odrae-teaser svg{width:64px;height:64px}
.odrae-teaser b{display:block;font:600 1.35rem/1.2 var(--odrae-serif);color:#fff}
.odrae-teaser span{display:block;font-size:.95rem}
.odrae-teaser:hover{background:var(--odrae-ink-2);color:#fff}
.odrae-faq{margin-top:2.4em}
.odrae-faq details{border-top:1px solid var(--odrae-line);padding:4px 0}
.odrae-faq details:last-child{border-bottom:1px solid var(--odrae-line)}
.odrae-faq summary{cursor:pointer;padding:12px 28px 12px 0;font-weight:700;position:relative;list-style:none}
.odrae-faq summary::-webkit-details-marker{display:none}
.odrae-faq summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:1.2rem;font-weight:400;color:var(--odrae-amber-d)}
.odrae-faq details[open] summary::after{content:"–"}
.odrae-faq details p{margin:0 0 12px;color:var(--odrae-ink-2)}
.odrae-next{border-top:1px solid var(--odrae-line);margin-top:40px;padding-top:8px}
.odrae-next .odrae-list{grid-template-columns:1fr}
.odrae-partner{font-size:.85rem;color:var(--odrae-muted);margin-top:2em}

/* Werkzeuge */
.odrae-app{background:var(--odrae-paper);border:1px solid var(--odrae-line);border-radius:var(--odrae-r);padding:22px;margin:0 0 32px}
.odrae-app h2{margin:0 0 .4em;border:0;padding:0}
.odrae-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
@media (max-width:620px){.odrae-grid2{grid-template-columns:1fr}}
.odrae-field label,.odrae-lbl{display:block;font-weight:700;font-size:.88rem;margin-bottom:5px}
.odrae-field small{display:block;color:var(--odrae-muted);font-size:.8rem;margin-top:3px}
.odrae-app input,.odrae-app select,.odrae-app textarea{width:100%;font:inherit;font-size:1rem;padding:10px 11px;border:1px solid #cdbfae;border-radius:var(--odrae-r);background:#fff;color:var(--odrae-ink);min-width:0}
.odrae-app input:focus,.odrae-app select:focus,.odrae-app textarea:focus{outline:2px solid var(--odrae-amber);outline-offset:1px}
.odrae-chips{display:flex;flex-wrap:wrap;gap:8px}
.odrae-chip{border:1px solid #cdbfae;background:#fff;border-radius:var(--odrae-r);padding:9px 12px;font:600 .9rem var(--odrae-sans);color:var(--odrae-ink);cursor:pointer}
.odrae-chip[aria-pressed="true"]{background:var(--odrae-ink);border-color:var(--odrae-ink);color:#fff}
.odrae-oils{margin:16px 0 6px;border-top:1px solid var(--odrae-sand)}
.odrae-oil{display:grid;grid-template-columns:minmax(0,1fr) 130px 86px 40px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--odrae-sand)}
.odrae-oil button{border:0;background:none;font-size:1.3rem;color:var(--odrae-muted);cursor:pointer;padding:6px}
.odrae-oil-head{font-size:.78rem;font-weight:700;color:var(--odrae-muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:0;border-bottom:0}
@media (max-width:560px){
  .odrae-app{padding:16px 14px}
  .odrae-oil{grid-template-columns:minmax(0,1fr) 78px 34px;gap:6px}
  .odrae-oil>input[data-k="0"]{grid-column:1/-1}
  .odrae-oil-head{display:none}
  .odrae-out{padding:14px 12px}
  .odrae-out .odrae-table th,.odrae-out .odrae-table td{padding:8px 7px}
  .odrae-out .odrae-table{font-size:.88rem}
  .odrae-out .odrae-table th:nth-child(2),.odrae-out .odrae-table td:nth-child(2){display:none}
}
.odrae-out{margin-top:18px;border:1px solid var(--odrae-line);background:var(--odrae-bg);padding:16px 18px}
.odrae-out h3{margin:0 0 8px}
.odrae-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.odrae-kpi{background:var(--odrae-paper);border:1px solid var(--odrae-line);padding:10px 12px}
.odrae-kpi b{display:block;font:600 1.6rem/1.1 var(--odrae-serif)}
.odrae-kpi span{font-size:.8rem;color:var(--odrae-muted)}
@media (max-width:520px){.odrae-kpis{grid-template-columns:1fr;gap:6px}.odrae-kpi{display:flex;align-items:baseline;gap:10px;padding:7px 10px}.odrae-kpi b{font-size:1.35rem;flex:0 0 auto}}
.odrae-bar{display:flex;height:12px;border-radius:var(--odrae-r);overflow:hidden;margin:6px 0 12px;background:var(--odrae-sand)}
.odrae-bar i{display:block;height:100%}
.odrae-legend{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.85rem;color:var(--odrae-ink-2)}
.odrae-legend i{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:1px;vertical-align:0}
.odrae-warn{color:#8a2f1f;font-weight:600;font-size:.92rem}
.odrae-book{margin-top:26px}
.odrae-book ul{list-style:none;padding:0;margin:0}
.odrae-book li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--odrae-sand)}
.odrae-book li span{font-size:.85rem;color:var(--odrae-muted);display:block}
.odrae-book .odrae-acts{display:flex;gap:6px;flex-wrap:wrap}
.odrae-empty{color:var(--odrae-muted);font-size:.95rem}
.odrae-q{border-top:1px solid var(--odrae-sand);padding:16px 0}
.odrae-q:first-of-type{border-top:0}
.odrae-q h3{margin:0 0 10px;font-size:1.35rem}
.odrae-q .odrae-chips{gap:8px}
.odrae-res{margin-top:16px;border:1px solid var(--odrae-line);background:var(--odrae-bg);padding:18px}
.odrae-res h3{margin:0 0 6px}
.odrae-progress{height:4px;background:var(--odrae-sand);margin:0 0 6px}
.odrae-progress i{display:block;height:100%;background:var(--odrae-amber);width:0;transition:width .3s}
.odrae-stars{display:inline-flex;gap:2px}
.odrae-stars button{border:0;background:none;font-size:1.25rem;line-height:1;cursor:pointer;color:#cdbfae;padding:2px}
.odrae-stars button.on{color:var(--odrae-amber)}

/* Fuß */
.odrae-foot{background:var(--odrae-ink);color:#e9dccf;margin-top:40px;padding:44px 0 26px;font-size:.93rem}
.odrae-foot a{color:#f3e8dc;text-decoration:none}
.odrae-foot a:hover{color:#f0c9a3;text-decoration:underline}
.odrae-foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:28px}
.odrae-foot b{display:block;font:600 1.25rem/1.2 var(--odrae-serif);color:#fff;margin-bottom:10px}
.odrae-foot ul{list-style:none;padding:0;margin:0}
.odrae-foot li{margin:6px 0}
.odrae-foot .odrae-logo{color:#fff;margin-bottom:10px}
.odrae-foot .odrae-logo small{color:#c8b6a8}
.odrae-foot-legal{border-top:1px solid #4a3742;margin-top:30px;padding-top:16px;display:flex;flex-wrap:wrap;gap:6px 20px;color:#c8b6a8;font-size:.84rem}
.odrae-linkbtn{background:none;border:0;padding:0;font:inherit;color:#f3e8dc;cursor:pointer;text-align:left}
.odrae-linkbtn:hover{color:#f0c9a3;text-decoration:underline}
@media (max-width:860px){.odrae-foot-grid{grid-template-columns:1fr 1fr}.odrae-foot-grid>div:first-child{grid-column:1/-1}}
@media (max-width:420px){.odrae-foot-grid{grid-template-columns:1fr}}

/* Einwilligung (nur falls Googles Meldung nicht erscheint) */
.odrae-cc{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:560px;margin:0 auto;background:var(--odrae-paper);border:1px solid var(--odrae-line);border-top:3px solid var(--odrae-amber);padding:16px 18px;box-shadow:0 10px 30px rgba(42,26,36,.18);font-size:.92rem;line-height:1.55}
.odrae-cc[hidden]{display:none}
.odrae-cc b{display:block;font:600 1.25rem/1.2 var(--odrae-serif);margin-bottom:4px}
.odrae-cc p{margin:0 0 12px}
.odrae-cc .odrae-btns{margin-top:0;gap:10px}
.odrae-cc .odrae-btn{flex:1 1 140px;justify-content:center}

.odrae-legal h2{font-size:1.6rem}
.odrae-legal h3{font-size:1.25rem}
.odrae-404{text-align:center;padding:60px 20px}
@media print{.odrae-head,.odrae-foot,.odrae-cc,.odrae-band,.odrae-toc,.odrae-ad,.odrae-teaser{display:none!important}body{background:#fff}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}