/* Peau « Die Tafel » ,  Frechener Naturheilkunde Magazin
   Palette mousse-calme + accents secs. Angles arrondis 12-20 px, ombres colorées douces. */

@font-face {
  font-family: "Vollkorn";
  src: url("/vollkorn-v13-latin-700.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("/manrope-variable.woff2") format("woff2");
  font-display: swap;
  font-weight: 400 800;
  font-style: normal;
}

:root {
  --dnt-papier: #F4F1E8;
  --dnt-mousse: #EFF2E8;
  --dnt-mousse-foncé: #DDE4CE;
  --dnt-encre: #232B21;
  --dnt-encre-attenuee: #4C5842;
  --dnt-salbei: #657A4E;
  --dnt-salbei-clair: #8FA474;
  --dnt-messing: #B87A28;
  --dnt-terre: #8A5A32;
  --dnt-filet: #C4CDB4;
  --dnt-ombre-douce: rgba(101, 122, 78, 0.14);
  --dnt-ombre-forte: rgba(35, 43, 33, 0.18);
  --dnt-ombre-messing: rgba(184, 122, 40, 0.22);
  --dnt-titre-police: "Vollkorn", "Iowan Old Style", Georgia, serif;
  --dnt-texte-police: "Manrope", "Helvetica Neue", -apple-system, sans-serif;
  --dnt-mesure: 66ch;
  --dnt-breite: 72rem;
  --dnt-rayon: 16px;
  --dnt-rayon-petit: 12px;
  --dnt-rayon-grand: 20px;
  --dnt-ratio-fiche: 3 / 2;
  --dnt-ratio-detail: 1 / 1;
  --dnt-ratio-bande: 21 / 9;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { overflow-x: clip; }
html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background:
    radial-gradient(1400px 700px at 12% -8%, rgba(255,255,255,0.55), transparent 60%),
    var(--dnt-papier);
  color: var(--dnt-encre);
  font-family: var(--dnt-texte-police);
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  line-height: 1.68;
  font-feature-settings: "liga" 1, "kern" 1;
}

img { display: block; max-width: 100%; height: auto; }
a { color: var(--dnt-salbei); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--dnt-terre); }
h1, h2, h3, h4 {
  font-family: var(--dnt-titre-police);
  font-weight: 700;
  letter-spacing: -0.006em;
  line-height: 1.15;
  color: var(--dnt-encre);
  margin: 0 0 0.6em;
}
h1 { font-size: clamp(2.05rem, 1.4rem + 2.6vw, 3.5rem); text-shadow: 0 2px 0 rgba(255,255,255,0.55), 0 10px 30px rgba(101,122,78,0.22); }
h2 { font-size: clamp(1.4rem, 1.1rem + 1.2vw, 2rem); }
h3 { font-size: clamp(1.15rem, 1rem + 0.6vw, 1.4rem); }
h4 { font-size: 1rem; }
p { margin: 0 0 1em; }

:focus-visible {
  outline: 3px solid var(--dnt-messing);
  outline-offset: 3px;
  border-radius: 6px;
}

.dnt-sprung {
  position: absolute; left: -9999px; top: 0;
  background: var(--dnt-encre); color: var(--dnt-papier);
  padding: 0.6rem 1rem; border-radius: var(--dnt-rayon-petit); z-index: 50;
}
.dnt-sprung:focus { left: 1rem; top: 1rem; }

.dnt-breite {
  width: 100%;
  max-width: var(--dnt-breite);
  margin-inline: auto;
  padding-inline: clamp(1rem, 4vw, 2.5rem);
  min-width: 0;
}

/* , , ,  En-tête : bandeau de mousse saturé , , ,  */
.dnt-tafel { position: relative; }
.dnt-tafel__bande {
  background: linear-gradient(120deg, hsl(88, 32%, 88%) 0%, hsl(88, 38%, 80%) 55%, hsl(84, 42%, 72%) 100%);
  border-bottom: 1px solid var(--dnt-filet);
  box-shadow: 0 8px 26px var(--dnt-ombre-douce);
}
.dnt-tafel__inner {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0.9rem 1.6rem;
  padding-block: 1.05rem;
  min-width: 0;
}
.dnt-marke { display: inline-flex; align-items: center; gap: 0.6rem; color: var(--dnt-encre); text-decoration: none; font-family: var(--dnt-titre-police); font-weight: 700; font-size: 1.15rem; letter-spacing: -0.005em; }
.dnt-marke__siegel { color: var(--dnt-salbei); flex: 0 0 auto; filter: drop-shadow(0 3px 8px rgba(101,122,78,0.35)); }
.dnt-devise { margin: 0; font-size: 0.84rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--dnt-encre-attenuee); font-weight: 700; }
.dnt-spur { margin-left: auto; min-width: 0; }
.dnt-spur ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.35rem 1.1rem; }
.dnt-spur__lien { color: var(--dnt-encre); text-decoration: none; font-size: 0.92rem; padding: 0.25rem 0.55rem; border-radius: 999px; font-weight: 600; }
.dnt-spur__lien:hover, .dnt-spur__lien[aria-current="page"] { background: hsla(88, 40%, 90%, 0.9); color: var(--dnt-salbei); box-shadow: inset 0 0 0 1px var(--dnt-filet); }

/* , , ,  Préambule (Auftrag) , , ,  */
.dnt-auftrag {
  padding-block: clamp(2rem, 5vw, 3.6rem) clamp(1.2rem, 3vw, 2rem);
  max-width: none;
}
.dnt-auftrag__kote {
  font-size: 0.72rem; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--dnt-messing); font-weight: 700; margin: 0 0 0.8rem;
}
.dnt-auftrag__titel { max-width: 22ch; margin-bottom: 0.5rem; }
.dnt-auftrag__chap { max-width: var(--dnt-mesure); color: var(--dnt-encre-attenuee); font-size: 1.05rem; }

.dnt-releve {
  display: flex; flex-wrap: wrap; gap: 0.6rem 2rem;
  margin: 1.6rem 0 0; padding: 0.9rem 1.1rem;
  background: var(--dnt-mousse);
  border: 1px solid var(--dnt-filet);
  border-radius: var(--dnt-rayon);
  box-shadow: 0 6px 20px var(--dnt-ombre-douce);
  list-style: none;
}
.dnt-releve__posten { display: flex; flex-direction: column; min-width: 0; margin: 0; }
.dnt-releve__posten dt { font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--dnt-encre-attenuee); font-weight: 700; }
.dnt-releve__posten dd { margin: 0; font-family: var(--dnt-titre-police); font-weight: 700; font-size: 1.3rem; color: var(--dnt-salbei); font-variant-numeric: tabular-nums; }

/* , , ,  Sections (rand) , , ,  */
.dnt-rand { padding-block: clamp(2rem, 4vw, 3.2rem); }
.dnt-rand__kopf { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.6rem 1.5rem; margin-bottom: 1.4rem; padding-bottom: 0.75rem; border-bottom: 1px dashed var(--dnt-filet); }
.dnt-rand__kopf h2 { margin: 0; }
.dnt-rand__phrase { max-width: var(--dnt-mesure); color: var(--dnt-encre-attenuee); margin: 0.4rem 0 0; }
.dnt-rand__decompte { font-family: var(--dnt-titre-police); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--dnt-messing); font-size: 1.05rem; }

/* , , ,  Bloc « neu » : grande photographie cliquable , , ,  */
.dnt-neu { display: grid; gap: 1.2rem; margin-bottom: 2rem; min-width: 0; }
.dnt-neu__bild {
  position: relative; display: block; overflow: hidden;
  border-radius: var(--dnt-rayon-grand);
  box-shadow: 0 18px 40px var(--dnt-ombre-forte), 0 4px 12px var(--dnt-ombre-douce);
  color: inherit; text-decoration: none;
}
.dnt-neu__bild img { width: 100%; height: auto; aspect-ratio: var(--dnt-ratio-bande); object-fit: cover; transition: transform 500ms ease; }
.dnt-neu__bild:hover img { transform: scale(1.02); }
.dnt-neu__schleier {
  position: absolute; inset: auto 0 0 0;
  padding: 1.1rem 1.2rem 1.3rem;
  background: linear-gradient(transparent, rgba(22, 28, 20, 0.78) 55%);
  color: #F4F1E8;
  display: flex; flex-direction: column; gap: 0.35rem;
}
.dnt-neu__schleier-kote { font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase; color: #D8E3C2; font-weight: 700; }
.dnt-neu__schleier-titel { font-family: var(--dnt-titre-police); font-weight: 700; font-size: clamp(1.4rem, 1rem + 1.6vw, 2.1rem); line-height: 1.15; text-shadow: 0 2px 6px rgba(0,0,0,0.55), 0 12px 26px rgba(0,0,0,0.35); }
.dnt-neu__schleier-datum { font-size: 0.8rem; letter-spacing: 0.12em; color: #D8E3C2; font-variant-numeric: tabular-nums; }
.dnt-neu__rsp { display: flex; flex-direction: column; gap: 0.4rem; }
.dnt-neu__abzug { font-size: 1.08rem; margin: 0; }
.dnt-neu__legende { font-size: 0.82rem; font-style: italic; color: var(--dnt-encre-attenuee); border-top: 1px solid var(--dnt-filet); padding-top: 0.6rem; margin: 0; }

/* , , ,  Grille 3 / cartes , , ,  */
.dnt-viertel { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: 1.2rem; min-width: 0; }
.dnt-viertel--dicht { grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); }

.dnt-karte {
  position: relative;
  background: #FBF9F2;
  border: 1px solid var(--dnt-filet);
  border-radius: var(--dnt-rayon);
  padding: 1.6rem 1.1rem 1.1rem;
  box-shadow: 0 10px 26px var(--dnt-ombre-douce), 0 2px 6px rgba(35,43,33,0.06);
  display: flex; flex-direction: column; gap: 0.7rem;
  min-width: 0;
}
.dnt-karte--klein { padding: 1.5rem 0.95rem 0.95rem; }
.dnt-karte__klammer {
  position: absolute; top: -7px; left: 22px;
  width: 15px; height: 15px;
  border: 2px solid var(--dnt-messing);
  border-radius: 50% 50% 0 50%;
  transform: rotate(45deg);
  background: var(--dnt-papier);
  box-shadow: 0 2px 4px rgba(184,122,40,0.25);
}
.dnt-karte__klammer::after {
  content: ""; display: block; width: 5px; height: 5px; margin: 3px;
  background: var(--dnt-messing); border-radius: 50%;
}
.dnt-karte__bild { margin: 0; overflow: hidden; border-radius: var(--dnt-rayon-petit); box-shadow: 0 4px 12px var(--dnt-ombre-douce); }
.dnt-karte__bild img { width: 100%; max-width: 100%; aspect-ratio: var(--dnt-ratio-fiche); object-fit: cover; }
.dnt-karte--klein .dnt-karte__bild img { aspect-ratio: var(--dnt-ratio-detail); }
.dnt-karte__text { display: flex; flex-direction: column; gap: 0.35rem; min-width: 0; }
.dnt-karte__kopf { display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; align-items: baseline; margin: 0; font-size: 0.78rem; }
.dnt-karte__cote { font-size: 0.7rem; letter-spacing: 0.18em; font-weight: 700; padding: 0.1rem 0.5rem; border-radius: 6px; background: var(--dnt-messing); color: #FBF9F2; }
.dnt-karte__rubrik { color: var(--dnt-salbei); font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; font-size: 0.72rem; }
.dnt-karte__datum { color: var(--dnt-encre-attenuee); font-variant-numeric: tabular-nums; margin-left: auto; }
.dnt-karte__titel { margin: 0; font-size: 1.2rem; }
.dnt-karte__titel a { color: var(--dnt-encre); text-decoration: none; }
.dnt-karte__titel a:hover { color: var(--dnt-terre); }
.dnt-karte__abzug { margin: 0; font-size: 0.94rem; color: var(--dnt-encre-attenuee); }
.dnt-karte__fuss { display: flex; justify-content: space-between; margin: 0; font-size: 0.76rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--dnt-salbei); font-weight: 700; border-top: 1px dashed var(--dnt-filet); padding-top: 0.55rem; }
.dnt-karte__zeit { color: var(--dnt-messing); font-variant-numeric: tabular-nums; }

/* , , ,  Ligne compacte (zeile) , , ,  */
.dnt-kompakt { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6rem; }
.dnt-zeile {
  display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 0.9rem;
  align-items: center;
  padding: 0.65rem 0.75rem;
  background: var(--dnt-mousse);
  border: 1px solid var(--dnt-filet);
  border-radius: var(--dnt-rayon-petit);
  box-shadow: 0 4px 14px var(--dnt-ombre-douce);
  min-width: 0;
}
.dnt-zeile__bild { margin: 0; overflow: hidden; border-radius: 10px; box-shadow: 0 3px 10px rgba(35,43,33,0.12); }
.dnt-zeile__bild img { width: 100%; max-width: 100%; aspect-ratio: var(--dnt-ratio-detail); object-fit: cover; }
.dnt-zeile__text { min-width: 0; }
.dnt-zeile__kopf { display: flex; gap: 0.7rem; align-items: baseline; margin: 0 0 0.25rem; font-size: 0.74rem; color: var(--dnt-encre-attenuee); font-variant-numeric: tabular-nums; }
.dnt-zeile__titel { margin: 0; font-family: var(--dnt-titre-police); font-weight: 700; font-size: 1.02rem; line-height: 1.25; }
.dnt-zeile__titel a { color: var(--dnt-encre); text-decoration: none; }
.dnt-zeile__titel a:hover { color: var(--dnt-terre); }

/* , , ,  Rubriken , , ,  */
.dnt-rubriken { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: 1.2rem; min-width: 0; }
.dnt-rubrik {
  background: linear-gradient(180deg, hsl(88, 30%, 94%) 0%, hsl(88, 26%, 90%) 100%);
  border: 1px solid var(--dnt-filet);
  border-radius: var(--dnt-rayon);
  padding: 1.4rem 1.15rem 1.15rem;
  box-shadow: 0 12px 30px var(--dnt-ombre-douce);
  min-width: 0;
}
.dnt-rubrik__cote {
  display: inline-block; margin: 0 0 0.5rem;
  font-family: var(--dnt-titre-police); font-weight: 700;
  letter-spacing: 0.16em; font-size: 0.85rem;
  color: var(--dnt-messing); padding: 0.15rem 0.6rem;
  border: 1px solid var(--dnt-messing); border-radius: 8px;
}
.dnt-rubrik__titel { margin: 0 0 0.4rem; font-size: 1.4rem; }
.dnt-rubrik__titel a { color: var(--dnt-encre); text-decoration: none; }
.dnt-rubrik__intro { font-size: 0.96rem; color: var(--dnt-encre-attenuee); margin-bottom: 0.9rem; }
.dnt-rubrik__liste { list-style: none; margin: 0 0 0.9rem; padding: 0; display: grid; gap: 0.55rem; }
.dnt-rubrik__renvoi { margin: 0; }

/* , , ,  Méthode , , ,  */
.dnt-rand--methode .dnt-methode {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: 1rem; margin: 0; min-width: 0;
}
.dnt-methode__posten {
  margin: 0; padding: 1rem 1.1rem;
  background: var(--dnt-mousse-foncé);
  border-left: 4px solid var(--dnt-salbei);
  border-radius: 0 var(--dnt-rayon-petit) var(--dnt-rayon-petit) 0;
  box-shadow: 0 6px 18px var(--dnt-ombre-douce);
  min-width: 0;
}
.dnt-methode__posten dt { font-family: var(--dnt-titre-police); font-weight: 700; font-size: 1.1rem; color: var(--dnt-salbei); }
.dnt-methode__posten dd { margin: 0.35rem 0 0; font-size: 0.95rem; color: var(--dnt-encre-attenuee); }

/* , , ,  Netz (reseau) , , ,  */
.dnt-netz__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: 0.9rem; min-width: 0; }
.dnt-netz__eintrag {
  padding: 0.9rem 1.05rem;
  background: var(--dnt-papier);
  border: 1px dashed var(--dnt-filet);
  border-radius: var(--dnt-rayon);
  box-shadow: 0 4px 12px var(--dnt-ombre-douce);
  min-width: 0;
}
.dnt-netz__eintrag p { margin: 0; font-size: 0.95rem; color: var(--dnt-encre-attenuee); }

/* , , ,  Rubrik-Seite , , ,  */
.dnt-reiter { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; }
.dnt-reiter__knopf {
  padding: 0.45rem 0.95rem; border-radius: 999px;
  background: var(--dnt-mousse); color: var(--dnt-encre);
  text-decoration: none; font-weight: 600; font-size: 0.9rem;
  border: 1px solid var(--dnt-filet);
  box-shadow: 0 3px 10px var(--dnt-ombre-douce);
}
.dnt-reiter__knopf--ist { background: hsl(88, 42%, 76%); color: var(--dnt-encre); border-color: var(--dnt-salbei); }
.dnt-liste { display: grid; gap: 1.1rem; min-width: 0; }
.dnt-karte--breit { flex-direction: row; align-items: flex-start; gap: 1.1rem; padding: 1rem; }
.dnt-karte--breit .dnt-karte__bild { flex: 0 0 clamp(7rem, 30%, 14rem); }
.dnt-karte--breit .dnt-karte__bild img { aspect-ratio: var(--dnt-ratio-fiche); }
.dnt-karte--breit .dnt-karte__text { flex: 1 1 auto; }
.dnt-karte--breit .dnt-karte__titel { font-size: 1.35rem; }
@media (max-width: 520px) {
  .dnt-karte--breit { flex-direction: column; }
  .dnt-karte--breit .dnt-karte__bild { flex: none; width: 100%; }
}

/* , , ,  Article , , ,  */
.dnt-fiche__kopf { padding-block: 1.5rem 1.2rem; }
.dnt-fiche__titel { margin: 0.3rem 0 0.7rem; max-width: 26ch; }
.dnt-fiche__chap { font-size: 1.12rem; color: var(--dnt-encre-attenuee); max-width: var(--dnt-mesure); }
.dnt-fiche__datierung { font-size: 0.8rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--dnt-messing); font-weight: 700; margin: 0; }
.dnt-fiche__planche { margin: 0 0 1.6rem; }
.dnt-fiche__planche img {
  width: 100%; max-width: 100%; aspect-ratio: var(--dnt-ratio-bande); object-fit: cover;
  border-radius: var(--dnt-rayon-grand);
  box-shadow: 0 18px 44px var(--dnt-ombre-forte), 0 4px 12px var(--dnt-ombre-douce);
}
.dnt-fiche__planche figcaption { font-size: 0.82rem; font-style: italic; color: var(--dnt-encre-attenuee); padding: 0.6rem 0.2rem 0; border-bottom: 1px solid var(--dnt-filet); padding-bottom: 0.6rem; }

.dnt-fiche__duo { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.6rem; padding-bottom: 2rem; min-width: 0; }
@media (min-width: 56rem) {
  .dnt-fiche__duo { grid-template-columns: minmax(0, 1fr) minmax(0, 16rem); }
}

.dnt-text { max-width: var(--dnt-mesure); min-width: 0; }
.dnt-text h2 { margin-top: 1.8rem; padding-top: 0.6rem; border-top: 1px dashed var(--dnt-filet); }
.dnt-text h3 { margin-top: 1.4rem; }
.dnt-text p { margin-bottom: 1.05em; }
.dnt-text figure { margin: 1.6rem 0; }
.dnt-text figure img { width: 100%; max-width: 100%; aspect-ratio: var(--dnt-ratio-fiche); object-fit: cover; border-radius: var(--dnt-rayon); box-shadow: 0 10px 28px var(--dnt-ombre-douce); }
.dnt-text blockquote { margin: 1.6rem 0; padding: 1rem 1.2rem; border-left: 4px solid var(--dnt-salbei); background: var(--dnt-mousse); border-radius: 0 var(--dnt-rayon) var(--dnt-rayon) 0; font-style: italic; color: var(--dnt-encre-attenuee); }
.dnt-text ul, .dnt-text ol { padding-left: 1.3rem; }
.dnt-text table { border-collapse: collapse; width: 100%; }
.dnt-text table th, .dnt-text table td { padding: 0.5rem 0.7rem; border-bottom: 1px solid var(--dnt-filet); text-align: left; }
.dnt-text > * { min-width: 0; }

.dnt-releve {
  align-self: start;
  padding: 1.1rem 1.15rem;
  background: var(--dnt-mousse);
  border: 1px solid var(--dnt-filet);
  border-radius: var(--dnt-rayon);
  box-shadow: 0 8px 22px var(--dnt-ombre-douce);
  min-width: 0;
}
.dnt-releve h2 { font-size: 1.05rem; margin-bottom: 0.5rem; }
.dnt-releve__liste { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: 0.3rem; font-size: 0.92rem; }
.dnt-releve__quellen { list-style: none; margin: 0 0 1rem; padding: 0; font-size: 0.85rem; }
.dnt-releve__quellen li { overflow-wrap: anywhere; }
.dnt-randvermerk {
  margin: 0; padding: 0.7rem 0.85rem;
  background: var(--dnt-papier);
  border-left: 3px solid var(--dnt-salbei);
  border-radius: 0 var(--dnt-rayon-petit) var(--dnt-rayon-petit) 0;
  font-size: 0.85rem; font-style: italic; color: var(--dnt-encre-attenuee);
}
.dnt-randvermerk strong { display: block; font-style: normal; font-variant: small-caps; letter-spacing: 0.08em; color: var(--dnt-encre); margin-bottom: 0.2rem; }

/* , , ,  Pied , , ,  */
.dnt-fuss {
  margin-top: 3rem;
  background: linear-gradient(180deg, hsl(88, 22%, 92%) 0%, hsl(88, 30%, 82%) 100%);
  border-top: 3px solid var(--dnt-salbei);
  color: var(--dnt-encre);
}
.dnt-fuss__spalten { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: 1.6rem; padding-block: 2.4rem; min-width: 0; }
.dnt-fuss__spalte { min-width: 0; }
.dnt-fuss__spalte h2 { font-size: 1.05rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--dnt-salbei); }
.dnt-fuss__spalte ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.35rem; }
.dnt-fuss__spalte a { color: var(--dnt-encre); text-decoration: none; }
.dnt-fuss__spalte a:hover { color: var(--dnt-terre); text-decoration: underline; }
.dnt-fuss__note { font-size: 0.88rem; color: var(--dnt-encre-attenuee); }
.dnt-fuss__stempel {
  display: inline-block; margin-top: 0.5rem;
  font-family: var(--dnt-titre-police); font-weight: 700;
  letter-spacing: 0.24em; font-size: 0.72rem; text-transform: uppercase;
  color: var(--dnt-messing);
  padding: 0.3rem 0.7rem;
  border: 1.5px solid var(--dnt-messing);
  border-radius: 8px;
  transform: rotate(-1.4deg);
}
.dnt-fuss__zeile { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; justify-content: space-between; padding-block: 1rem 1.4rem; border-top: 1px solid var(--dnt-filet); font-size: 0.82rem; color: var(--dnt-encre-attenuee); }
.dnt-fuss__kennung { font-variant-numeric: tabular-nums; }

/* , , ,  Remontée / breadcrumb , , ,  */
.dnt-spurpfad { padding-block: 1rem 0; font-size: 0.85rem; }
.dnt-spurpfad ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.3rem 0.7rem; }
.dnt-spurpfad li + li::before { content: "›"; color: var(--dnt-messing); margin-right: 0.7rem; }
.dnt-spurpfad a { color: var(--dnt-encre-attenuee); text-decoration: none; }
.dnt-spurpfad a:hover { color: var(--dnt-terre); }

/* , , ,  404 , , ,  */
.dnt-seite--404 .dnt-auftrag__titel { color: var(--dnt-terre); }

/* , , ,  Tableau large : conteneur local , , ,  */
.dnt-text .dnt-tabelle-defilant { overflow-x: auto; }

/* , , ,  Divers , , ,  */
.dnt-renvoi { font-weight: 700; letter-spacing: 0.05em; }

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}

/* Règle négative : le laiton --dnt-messing ne valorise jamais un achat ;
   il marque uniquement un repère de chronologie ou une cote. */