/* Mint-Kodex-Override fuer die Wissen-Seiten im Prototyp. */
:root {
  --wald: #111311;
  --wald-tief: #090b09;
  --wald-nacht: #070807;
  --creme: #fafaf7;
  --creme-dunkel: #efefe8;
  --creme-papier: #ffffff;
  --tinte: #111311;
  --tinte-sanft: #3e423e;
  --messing: #2ee6a0;
  --messing-hell: #74f3c3;
  --messing-tief: #0e7a54;
  --linie-dunkel: rgba(17, 19, 17, 0.14);
  --linie-hell: rgba(250, 250, 247, 0.2);
}

body { background: var(--creme); }
body::after { opacity: 0.025; }
body[data-artikel] .kopf { background: rgba(250, 250, 247, 0.97); }
.kopf::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--messing); }
.kopf-innen { max-width: 1200px; }
.wortmarke { font-size: 1.35rem; }
.signet { width: 2.35rem; height: 2.35rem; }
.kopf-nav a { font-size: 0.88rem; font-weight: 600; }
.kopf .btn-klein { font-size: 0.78rem; }

.signet .signet-punkt { fill: var(--messing); }
.btn { border-radius: 4px; }
.btn-messing { color: var(--tinte); }
.btn-messing:hover { background: var(--tinte); color: var(--creme); }
.menue { background: var(--tinte); }

.artikel-kopf {
  background:
    linear-gradient(90deg, rgba(46, 230, 160, 0.07), transparent 42%),
    var(--creme);
}
.artikel-kopf h1 em,
.artikel-inhalt h2 .nr,
.artikel-inhalt a,
.artikel-inhalt blockquote { color: var(--messing-tief); }
.artikel-inhalt blockquote,
.hinweis-box { border-color: var(--messing); }

.rechnung,
.artikel-cta,
.fuss { background: var(--tinte); }
.rechnung .zeile-r,
.fuss { border-color: rgba(250, 250, 247, 0.14); }
.rechnung-fussnote,
.artikel-cta p { color: rgba(250, 250, 247, 0.78); }

.artikel-verweise li a { text-decoration-color: var(--messing); }
.artikel-verweise .bald { color: var(--tinte-sanft); }
.fuss a { color: var(--creme); }
.fuss a:hover { color: var(--messing); }

@media (max-width: 899px) {
  body[data-artikel] .kopf-nav { display: none; }
}