/* qamer-beta.css – Farben und Details aus dem gewählten Logo Q-15 (Navy, Gold, Creme). Wird zuletzt geladen und
   überschreibt nur Tokens und Details; Raster und Abschnitte von R7/04e bleiben unverändert. */
:root{
  --c-bg:#FAF6EC;
  --c-surface:#FFFDF7;
  --c-surface-alt:#F2EBDB;
  --c-ink:#0E1A33;
  --c-muted:#4A5468;
  --c-line:#E3D9C2;
  --c-line-strong:#A8925E;
  --c-primary:#0E1A33;
  --c-primary-hover:#1C2D52;
  --c-on-primary:#FAF6EC;
  --c-focus:#0E1A33;
  --c-focus-halo:#FAF6EC;
  --c-gold:#A9802F;           /* Text/Linien auf Creme: 3,4:1 → nur groß oder dekorativ */
  --c-gold-ink:#7A5A1C;       /* Gold für kleinen Text: 5,9:1 auf Creme */
  --c-gold-hell:#D8B970;
  --c-navy-tief:#0A1327;
  --c-announce-bg:#0E1A33;
  --c-announce-fg:#F4EEDF;
  --font-display:'Cormorant Garamond','Bodoni 72','Didot','Libre Caslon Text',Georgia,'Times New Roman',serif;
  --shadow-1:0 1px 2px rgba(14,26,51,.10);
  --shadow-2:0 6px 20px rgba(14,26,51,.12);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --c-bg:#0A1327; --c-surface:#0F1B35; --c-surface-alt:#16244A; --c-ink:#F4EEDF; --c-muted:#C3BBA8;
    --c-line:#25345A; --c-line-strong:#8C7A4E; --c-primary:#D8B970; --c-primary-hover:#E6CC8C; --c-on-primary:#0A1327;
    --c-focus:#F4EEDF; --c-focus-halo:#0A1327; --c-gold:#D8B970; --c-gold-ink:#E2C88A;
  }
}
:root[data-theme="dark"]{
  --c-bg:#0A1327; --c-surface:#0F1B35; --c-surface-alt:#16244A; --c-ink:#F4EEDF; --c-muted:#C3BBA8;
  --c-line:#25345A; --c-line-strong:#8C7A4E; --c-primary:#D8B970; --c-primary-hover:#E6CC8C; --c-on-primary:#0A1327;
  --c-focus:#F4EEDF; --c-focus-halo:#0A1327; --c-gold:#D8B970; --c-gold-ink:#E2C88A;
}

/* Typografie näher am Siegel: Serifen-Überschriften mit etwas mehr Gewicht, Überzeilen in Gold */
h1,h2,h3{letter-spacing:-.005em}
h1{font-weight:600}
.eyebrow{color:var(--c-gold-ink);letter-spacing:.22em}
.gold-linie{display:block;width:72px;height:1px;background:var(--c-gold);margin:var(--sp-3) 0 var(--sp-4)}

/* Kopfzeile: Siegel statt Wortmarke, Goldkante unten */
.site-header{background:var(--c-surface);border-bottom:1px solid var(--c-line);box-shadow:inset 0 -3px 0 -2px var(--c-gold-hell)}
.site-header .wrap{min-height:76px}
.logo{padding:6px 0}
.logo img,.logo picture img{height:60px;width:60px;background:transparent;border-radius:50%}
.logo .logo-dark{height:60px;width:60px}
.demo-bar{background:var(--c-surface-alt);color:var(--c-ink);letter-spacing:.02em;border-bottom:1px solid var(--c-line)}
:root[data-theme="dark"] .announce,:root:not([data-theme="light"]) .announce{--c-announce-bg:#0E1A33}
/* Knöpfe: Navy mit feiner Goldkante wie im CTA-Banner */
.btn{border-color:var(--c-primary);box-shadow:inset 0 0 0 1px rgba(216,185,112,.0)}
.btn:not(.btn-secondary){box-shadow:0 0 0 1px var(--c-gold-hell)}
.count{background:var(--c-gold);color:#0E1A33}

/* Fußzeile: tiefes Navy mit dem dunklen Siegel */
.footer-r2{background:var(--c-navy-tief);color:#E9E2CF;margin-top:var(--sp-8);padding:var(--sp-7) 0 var(--sp-6);border-top:3px double var(--c-gold-hell)}
.footer-r2 a{color:#F4EEDF}
.footer-r2 a:hover{color:var(--c-gold-hell)}
.footer-r2 .foot-cols h2{color:var(--c-gold-hell)}
.footer-r2 .small,.footer-r2 .legal-line,.footer-r2 p{color:#CFC7B3}
.footer-r2 .social svg{fill:#F4EEDF}
.footer-r2 .pay li{background:#F4EEDF;color:#0E1A33;border-color:transparent}
.footer-r2 :where(a,button):focus-visible{outline-color:#F4EEDF;box-shadow:0 0 0 5px #0A1327}
.foot-siegel{width:140px;height:140px;object-fit:cover;border-radius:50%;margin-bottom:var(--sp-2)}

/* CTA „Dein Duft. Von Hand gemacht.“ (Q-15-cta.png als Vorbild, Text als Text) */
.cta-siegel{margin-top:var(--sp-8)}
.cta-siegel-rahmen{position:relative;display:grid;grid-template-columns:1fr;gap:var(--sp-5);align-items:center;padding:var(--sp-6) var(--sp-5);background:#FBF7EE;color:#0E1A33;border:1px solid #E1D3AE;outline:1px solid #E1D3AE;outline-offset:-10px;overflow:hidden}
.cta-siegel-rahmen::before,.cta-siegel-rahmen::after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(169,128,47,.35);border-radius:50%;pointer-events:none}
.cta-siegel-rahmen::before{left:-90px;top:-90px}
.cta-siegel-rahmen::after{right:-70px;bottom:-110px;width:240px;height:240px}
.cta-siegel-titel{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(2.25rem,1.4rem + 4vw,4.25rem);line-height:1.02;color:#0E1A33;letter-spacing:-.01em}
.cta-siegel-titel span{display:block}
.cta-siegel-preis{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-5) 0;font-family:var(--font-display);font-variant:small-caps;letter-spacing:.16em;font-size:clamp(1.05rem,.95rem + .6vw,1.4rem);color:var(--c-gold-ink);font-weight:600}
.cta-siegel-linie{flex:0 0 40px;height:1px;background:#A9802F}
.cta-siegel-knopf{display:inline-flex;align-items:center;gap:var(--sp-3);min-height:52px;padding:0 var(--sp-6);border-radius:999px;background:#0E1A33;color:#FBF7EE;font-family:var(--font-display);font-size:1.3rem;font-weight:600;text-decoration:none;box-shadow:0 0 0 2px #FBF7EE,0 0 0 3px #A9802F;transition:background var(--motion-base) var(--motion-ease)}
.cta-siegel-knopf svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;transition:transform var(--motion-base) var(--motion-ease)}
.cta-siegel-knopf:hover{background:#1C2D52}
.cta-siegel-knopf:hover svg{transform:translateX(3px)}
.cta-siegel-knopf:focus-visible{outline:3px solid #0E1A33;outline-offset:5px}
.cta-siegel-bild{justify-self:center;width:min(240px,64vw)}
.cta-siegel-preis span:not(.cta-siegel-linie){white-space:nowrap}
@media(max-width:479px){.cta-siegel-preis{letter-spacing:.08em;gap:var(--sp-2)}.cta-siegel-linie{flex-basis:18px}.cta-siegel-knopf{font-size:1.15rem;padding:0 var(--sp-5)}}
.cta-siegel-bild img{width:100%;height:auto}
@media(min-width:900px){
  .cta-siegel-rahmen{grid-template-columns:1.15fr .85fr;padding:var(--sp-8) var(--sp-8)}
  .cta-siegel-bild{width:min(380px,100%)}
}
@media(prefers-reduced-motion:reduce){.cta-siegel-knopf,.cta-siegel-knopf svg{transition:none}.cta-siegel-knopf:hover svg{transform:none}}

/* Inhaltsseiten (Läden, Über uns, Kontakt, Rechtliches, Konto) */
.editorial{max-width:760px;margin:0 auto;padding-top:var(--sp-7)}
.editorial.has-bild{max-width:960px}
.editorial-kopf{max-width:760px}
.editorial-kopf h1{margin-bottom:0}
.editorial-lead{font-family:var(--font-display);font-size:var(--fs-xl);line-height:1.35;color:var(--c-ink)}
.editorial-bild{margin:var(--sp-5) 0;border:1px solid var(--c-line);padding:8px;background:var(--c-surface)}
.editorial-bild img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.editorial-text{max-width:680px}
.editorial-text h2{font-size:var(--fs-xl);margin-top:var(--sp-6)}
.editorial-text ul{padding-left:1.1em}
.editorial-text li+li{margin-top:var(--sp-2)}
.ph{background:#FFF2C9;color:#5B4310;padding:0 .25em;border-bottom:1px dashed #A9802F}
.legal-draft{border-left:3px solid var(--c-gold);padding:var(--sp-3) var(--sp-4);background:var(--c-surface-alt)}

/* Kontakt als Briefkopf, ohne Formular-Kasten */
.kontakt{max-width:760px;margin:var(--sp-6) auto 0;display:grid;gap:var(--sp-5)}
.kontakt-liste{margin:0;border-top:1px solid var(--c-line-strong)}
.kontakt-liste>div{display:grid;grid-template-columns:1fr;gap:var(--sp-1);padding:var(--sp-4) 0;border-bottom:1px solid var(--c-line)}
.kontakt-liste dt{font-size:var(--fs-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--c-gold-ink);font-weight:600}
.kontakt-liste dd{margin:0;font-size:var(--fs-lg)}
.kontakt-siegel{display:flex;justify-content:flex-end}
.kontakt-siegel img{width:72px;height:72px;opacity:.9}
@media(min-width:768px){.kontakt-liste>div{grid-template-columns:200px 1fr;align-items:baseline}}

/* 404 */
.nf{max-width:620px;margin:0 auto;padding:var(--sp-8) 0 var(--sp-6);text-align:center}
.nf .gold-linie{margin-left:auto;margin-right:auto}
.nf-siegel{width:160px;height:160px;margin:0 auto var(--sp-4)}
.nf-wege{display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:center}

/* Inhaber-Bereich: wie ein Kontorbuch, keine Admin-Kacheln */
.inh{max-width:980px;margin:0 auto;padding-top:var(--sp-6)}
.inh-kopf{display:flex;align-items:center;gap:var(--sp-4);border-bottom:1px solid var(--c-line-strong);padding-bottom:var(--sp-4);margin-bottom:var(--sp-5)}
.inh-kopf h1{margin:0}
.inh-siegel{width:84px;height:84px}
.inh-reiter{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4);margin-bottom:var(--sp-5)}
.inh-reiter a{color:var(--c-ink);text-decoration:none;font-family:var(--font-display);font-size:var(--fs-lg);border-bottom:1px solid transparent;min-height:var(--target-min);display:inline-flex;align-items:center;gap:6px}
.inh-reiter a:hover{border-bottom-color:var(--c-gold)}
.inh-reiter span{font-family:var(--font-body);font-size:var(--fs-xs);background:var(--c-gold);color:#0E1A33;border-radius:999px;min-width:22px;height:22px;display:inline-grid;place-items:center;padding:0 6px}
.inh-blatt{background:var(--c-surface);border:1px solid var(--c-line);border-top:3px solid var(--c-primary);padding:var(--sp-5);margin-bottom:var(--sp-6);scroll-margin-top:100px}
.inh-blatt h2{font-size:var(--fs-2xl)}
.inh-zeilenkopf{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap}
.inh-liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--c-line)}
.inh-zeile{display:grid;grid-template-columns:1fr;gap:var(--sp-2);padding:var(--sp-4) 0;border-bottom:1px solid var(--c-line)}
.inh-zeile.is-done{opacity:.6}
.inh-zeile p{margin:0 0 var(--sp-1)}
.inh-nr{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--c-gold-ink)}
.inh-titel{font-weight:600}
.inh-aktion{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}
@media(min-width:768px){.inh-zeile{grid-template-columns:110px 1fr auto;align-items:start}}
.inh-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--sp-4);margin:var(--sp-4) 0;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);padding:var(--sp-4) 0}
.inh-zahlen p{margin:0;display:grid}
.inh-gross{font-family:var(--font-display);font-size:var(--fs-2xl);line-height:1.1}
.inh-form{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:end;margin-bottom:var(--sp-4)}
.inh-form label{display:grid;gap:var(--sp-1);font-size:var(--fs-sm)}
.inh-form .inh-check{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--target-min)}
.inh-tabelle{width:100%;border-collapse:collapse;font-size:var(--fs-sm);margin:var(--sp-3) 0}
.inh-tabelle th{text-align:left;font-weight:600;color:var(--c-gold-ink);letter-spacing:.08em;text-transform:uppercase;font-size:var(--fs-xs);border-bottom:1px solid var(--c-line-strong);padding:var(--sp-2)}
.inh-tabelle td{border-bottom:1px solid var(--c-line);padding:var(--sp-2);overflow-wrap:anywhere}
.inh-daten{display:grid;grid-template-columns:1fr;gap:var(--sp-1) var(--sp-4);margin:var(--sp-4) 0}
.inh-daten dt{font-weight:600}
.inh-daten dd{margin:0 0 var(--sp-2);overflow-wrap:anywhere}
@media(min-width:768px){.inh-daten{grid-template-columns:180px 1fr}}
.inh-warn{color:#8A2A1F}
.inh-meldung{border-left:3px solid var(--c-gold);background:var(--c-surface-alt);padding:var(--sp-3) var(--sp-4)}
.inh-anmelden{max-width:440px;display:grid;gap:var(--sp-3)}