/* Variante NFI (siegfried-taler-nfi.de): helles „Münzkabinett“ – Elfenbein-Grund, Graphit-Schrift, Burgunder als Akzent.
   Lehrbuchhafte Dramaturgie: Definition → Vergleich → Wertkomponenten → Einordnung. */
:root{--bg:#f3efe6;--fg:#0b0e12;--muted:#4d4f49;--eyebrow:#6e5a33;--accent:#8d7140;--line:rgba(110,90,51,.3);--surface-alt:#ebe5d8;--card:#faf7f0;--card-line:rgba(110,90,51,.22);--link-hover:#6a2a32}
.site-header{border-bottom-color:rgba(11,14,18,.18)}
.hero h1 em{font-style:italic;color:#6a2a32}
.hero-art::before{border-color:rgba(110,90,51,.25);inset:2% 4% 4%}
.hero-art::after{content:'';position:absolute;inset:9% 10% 10%;border:1px dashed rgba(110,90,51,.25);border-radius:50%;pointer-events:none}
.hero-image img{filter:drop-shadow(0 22px 26px rgba(60,45,20,.28))}
.hero-image figcaption{color:#6e5a33}
.answer-box{background:#faf7f0;border-left-color:#6a2a32}
.compare thead th{border-bottom-color:#6a2a32}
.compare td:last-child{background:rgba(106,42,50,.06)}
.compare tbody th{color:#55574f}
.card-number{color:#6a2a32}
.glossary dt{color:#0b0e12}
.steps>li::before{color:#6a2a32;border-color:#6a2a32}
.text-link{border-bottom-color:#6a2a32}.text-link span{color:#6a2a32}
.site-nav a[aria-current="page"],.site-nav .current-menu-item>a{color:#6a2a32}
.site-footer{background:#0b0e12;--fg:#f3efe6;--muted:#b8b8b2;--eyebrow:#b79a5b;--line:rgba(183,154,91,.28);--link-hover:#d8c293;border-top:0}
.draft-notice{background:rgba(106,42,50,.07)}
/* Glossar als zweispaltige Begriffstabelle (nur siegfried-taler-nfi.de/glossar/), angelehnt an .compare */
.glossary-table{margin:40px 0 0;max-width:100%}
.glossary-table table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:16px;line-height:1.65}
.glossary-table th,.glossary-table td{padding:18px 20px;text-align:left;vertical-align:top;border:0}
.glossary-table thead th{font:400 19px/1.3 var(--serif);color:#0b0e12;border-bottom:1px solid rgba(106,42,50,.85)}
.glossary-table thead th:first-child{width:32%}
.glossary-table tbody tr{border-bottom:1px solid rgba(106,42,50,.18);scroll-margin-top:24px}
.glossary-table tbody th{background:rgba(106,42,50,.06);font:400 20px/1.35 var(--serif);color:#0b0e12;overflow-wrap:break-word;hyphens:auto}
.glossary-table tbody td{color:var(--muted)}
.glossary-table tbody tr:target th{box-shadow:inset 3px 0 0 #6a2a32}
@media (max-width:600px){
	.glossary-table table,.glossary-table tbody,.glossary-table tr,.glossary-table th,.glossary-table td{display:block;width:100%}
	.glossary-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
	.glossary-table tbody tr:first-child{border-top:1px solid rgba(106,42,50,.85)}
	.glossary-table tbody th{padding:14px 16px;font-size:19px}
	.glossary-table tbody td{padding:12px 16px 18px}
}
/* Startseite, Abschnitt „02 / Hoheitszeichen und Nennwert“: kompakte Einleitung + Vergleichsmodul */
.hz-intro{grid-template-columns:minmax(0,42fr) minmax(0,58fr);column-gap:clamp(56px,5.6vw,84px);padding-bottom:0}
.hz-intro h2{max-width:11em}
.hz-intro .prose{max-width:640px}
.hz-intro .prose p:last-child{margin-bottom:0}
.wrap.coin-compare-wrap{padding-top:clamp(48px,4.6vw,64px)}
.coin-compare-figure{margin:0}
.coin-compare{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.14)}
.coin-compare__side{display:flex;flex-direction:column;align-items:center;gap:26px;padding:clamp(32px,3.4vw,48px) clamp(20px,3vw,40px);text-align:center;min-width:0}
.coin-compare__title{margin:0;font-size:clamp(22px,1.9vw,27px);color:var(--fg)}
.coin-compare__title::before{content:'';display:block;width:28px;height:1px;margin:0 auto 14px;background:#b79a5b}
.coin-compare__coin{width:clamp(230px,21vw,290px);aspect-ratio:1;background:radial-gradient(circle at 50% 50%,rgba(183,154,91,.10) 0%,rgba(183,154,91,.04) 46%,rgba(183,154,91,0) 70%);border-radius:50%}
.coin-compare__coin svg{display:block;width:100%;height:auto;overflow:visible;color:#f3efe6}
.coin-compare__divider{position:relative;background:rgba(255,255,255,.14)}
.coin-compare__divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border:1px solid rgba(183,154,91,.55);border-radius:50%;background:#101317;color:#b79a5b;font:11px/42px var(--sans);letter-spacing:.14em;text-indent:.14em;text-align:center}
.coin-compare-figure figcaption{margin-top:18px}
@media (max-width:640px){
	.coin-compare{grid-template-columns:minmax(0,1fr)}
	.coin-compare__divider{height:1px;margin:0 clamp(20px,6vw,32px)}
	.coin-compare__coin{width:min(250px,100%)}
}
/* FAQ „06 / Fragen und Antworten“ als Akkordeon (details/summary), angelehnt an siegfried-taler.com #fragen */
#fragen h2{font-size:clamp(30px,3.4vw,50px);max-width:20em}
#fragen .stm-faq{margin-top:clamp(28px,3vw,40px);border-top:1px solid rgba(106,42,50,.32)}
#fragen .stm-faq__item{margin:0;padding:0;border-bottom:1px solid rgba(110,90,51,.3)}
#fragen .stm-faq__question{display:flex;align-items:center;gap:24px;min-height:44px;padding:22px 0;list-style:none;cursor:pointer;font:400 clamp(20px,2.1vw,28px)/1.3 var(--serif);letter-spacing:-.015em;color:var(--fg)}
#fragen .stm-faq__question::-webkit-details-marker{display:none}
#fragen .stm-faq__question::marker{content:''}
#fragen .stm-faq__text{flex:1 1 auto;min-width:0}
#fragen .stm-faq__icon{position:relative;flex:0 0 18px;width:18px;height:18px}
#fragen .stm-faq__icon::before,#fragen .stm-faq__icon::after{content:'';position:absolute;left:50%;top:50%;background:#8d7140;transform:translate(-50%,-50%)}
#fragen .stm-faq__icon::before{width:18px;height:1.5px}
#fragen .stm-faq__icon::after{width:1.5px;height:18px;transition:transform .2s ease}
#fragen .stm-faq__item[open] .stm-faq__icon::after{transform:translate(-50%,-50%) scaleY(0)}
#fragen .stm-faq__question:hover .stm-faq__text{color:#6a2a32}
#fragen .stm-faq__question:focus-visible{outline:2px solid #6a2a32;outline-offset:4px}
#fragen .stm-faq__answer p{max-width:780px;margin:0;padding:0 0 26px;font-size:17px;line-height:1.75;color:var(--muted)}
@media (max-width:760px){#fragen .stm-faq__question{gap:18px;padding:18px 0}#fragen .stm-faq__answer p{font-size:16px}}
@media (prefers-reduced-motion:reduce){#fragen .stm-faq__icon::after{transition:none}}
/* Startseite „04 / Einflussfaktoren“: Kartenüberschriften (z. B. „Fertigungsqualität“) bleiben in der Karte */
#einflussfaktoren .cards>.card{min-width:0}
#einflussfaktoren .card h3{min-width:0;max-width:100%;white-space:normal;overflow-wrap:normal;hyphens:auto;-webkit-hyphens:auto}
/* Geschichte: Zeitleiste „Fünf Stationen“ – Fortschrittslinie und Aktivierung (JS: assets/js/timeline.js) */
#zeitleiste .steps{position:relative}
#zeitleiste .steps>li::before{z-index:1}
#zeitleiste .steps.tl-animated::after,#zeitleiste .steps.tl-complete::after{content:'';position:absolute;left:-1px;top:0;width:1px;height:var(--tl-progress,0px);background:#6a2a32;pointer-events:none;transition:height .7s cubic-bezier(.22,.61,.36,1)}
#zeitleiste .steps.tl-complete::after{height:var(--tl-progress,100%);transition:none}
#zeitleiste .steps.tl-animated>li::before{background:#f3efe6;border-color:rgba(106,42,50,.35);color:rgba(106,42,50,.6);transition:background-color .6s ease,border-color .6s ease,color .6s ease}
#zeitleiste .steps.tl-animated>li.is-active::before,#zeitleiste .steps.tl-complete>li::before{background:#6a2a32;border-color:#6a2a32;color:#f3efe6}
#zeitleiste .steps.tl-animated>li>*{opacity:0;transform:translateY(16px);transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1)}
#zeitleiste .steps.tl-animated>li.is-active>*{opacity:1;transform:none}
#zeitleiste .steps.tl-animated>li.is-active>p{transition-delay:.08s}
#zeitleiste .steps.tl-init,#zeitleiste .steps.tl-init::after,#zeitleiste .steps.tl-init>li::before,#zeitleiste .steps.tl-init>li>*{transition:none!important}
@media (prefers-reduced-motion:reduce){#zeitleiste .steps.tl-animated>li>*{opacity:1;transform:none}#zeitleiste .steps::after,#zeitleiste .steps>li::before,#zeitleiste .steps>li>*{transition:none!important}}