/* =========================================================================
   DIE KREIDETAFEL — derkrugintheesen.de — peau drk-
   L'ardoise de l'auberge : papier de menu, plaque ardoise ecrite a la craie,
   panneau ambre, tampons de Zug aux couleurs de craie. Tableau reel en coeur
   de page, photos accrochees sous la Tafel.
   ========================================================================= */
@font-face{font-family:'DRK Tafel';src:url('/drk-tafel.woff2') format('woff2');font-weight:200 700;font-style:normal;font-display:swap}
@font-face{font-family:'DRK Text';src:url('/drk-text.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}

:root{
  --papier:#F5EFE2; --papier-creux:#EDE3CC; --papier-relief:#FBF6EA;
  --encre:#262019; --encre-pale:#6B5F4B;
  --ardoise:#173C2E; --ardoise-profond:#0E2A20;
  --craie:#F2ECDA; --craie-pale:#C4BBA2; --ardoise-filet:#3E6B57;
  --ambre:#B57A26; --ambre-vif:#D89A3C; --ambre-fonce:#9A6218;
  --signal:#2E5A54;
  --filet:#D8CCB4; --filet-fort:#AB9878;
  --ombre-douce:0 18px 34px -18px rgba(23,60,46,.45);
  --ombre-carte:0 12px 26px -14px rgba(23,60,46,.4);
  --cadre:68rem; --mesure:42rem; --rand:13rem; --gouttiere:2.6rem;
  --f-tafel:'DRK Tafel','Arial Narrow',sans-serif;
  --f-text:'DRK Text',Georgia,serif;
  --f-zahl:'SF Mono','Cascadia Mono',ui-monospace,monospace;
  /* couleurs de craie par Zug */
  --z-chronik:#D8A24A; --z-garten:#8FBC8F; --z-karte:#E4A9B8; --z-saal:#9BB7D4;
  --z-chronik-p:#8A6420; --z-garten-p:#4A7A50; --z-karte-p:#9A5568; --z-saal-p:#4A6E96;
}
[data-zug="die-chronik"]{--zug:var(--z-chronik);--zug-p:var(--z-chronik-p)}
[data-zug="der-biergarten"]{--zug:var(--z-garten);--zug-p:var(--z-garten-p)}
[data-zug="die-speisekarte"]{--zug:var(--z-karte);--zug-p:var(--z-karte-p)}
[data-zug="der-saal"]{--zug:var(--z-saal);--zug-p:var(--z-saal-p)}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papier);color:var(--encre);font-family:var(--f-text);font-size:1rem;line-height:1.55;
  background-image:repeating-linear-gradient(0deg,transparent 0 34px,rgba(171,152,120,.07) 34px 35px)}
::selection{background:var(--ambre);color:var(--papier)}
a{color:var(--signal);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--ambre)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:var(--f-tafel);font-weight:560;letter-spacing:.015em;margin:0}
.drk-spalte{max-width:var(--cadre);margin-inline:auto;padding-inline:clamp(1rem,3.4vw,2.4rem)}

.drk-sprung{position:absolute;left:-999px;top:.5rem;background:var(--ardoise);color:var(--craie);padding:.5rem 1rem;font-family:var(--f-tafel);z-index:40;border-radius:0 0 12px 0}
.drk-sprung:focus{left:.5rem}

/* ------- la bande ardoise de tete ------- */
.drk-blattwand{border-bottom:3px solid var(--encre)}
.drk-blattwand__oreille{display:flex;justify-content:space-between;gap:1rem;padding:.24rem 0;
  font-family:var(--f-zahl);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--encre-pale)}
.drk-blattwand__platte{display:flex;align-items:center;gap:1.4rem;background:var(--ardoise);
  margin-top:.2rem;padding:.6rem 1.3rem;border:5px solid var(--ardoise-profond);border-radius:14px;
  box-shadow:inset 0 0 0 1px var(--ardoise-filet),var(--ombre-douce)}
.drk-kranz{width:42px;height:42px;flex:none}
.drk-kranz__platte{fill:var(--ardoise-profond)}
.drk-kranz__ring,.drk-kranz__band{stroke:var(--craie)}
.drk-kranz path{stroke:var(--ambre-vif)}
.drk-blattwand__name{font-size:clamp(1.8rem,3.6vw,2.5rem);font-weight:640;letter-spacing:.04em;text-transform:uppercase}
.drk-blattwand__name a{color:var(--craie);text-decoration:none}
.drk-blattwand__name a:hover{color:var(--ambre-vif)}
.drk-blattwand__zeile{margin:.15rem 0 0;color:var(--craie-pale);font-family:var(--f-tafel);font-size:.9rem;letter-spacing:.22em;text-transform:uppercase}

.drk-zugleiste ul{display:flex;flex-wrap:wrap;gap:.2rem 1.6rem;list-style:none;margin:0;padding:.3rem 0}
.drk-zugleiste a{font-family:var(--f-tafel);font-size:.86rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--encre);text-decoration:none;padding-bottom:.18rem;border-bottom:2px solid transparent}
.drk-zugleiste a:hover{border-bottom-color:var(--ambre);color:var(--ambre)}
.drk-zugleiste a[aria-current]{border-bottom-color:var(--encre)}
.drk-zugleiste a[data-zug]::before{content:"";display:inline-block;width:.55em;height:.55em;background:var(--zug-p,var(--encre));margin-right:.45em;transform:rotate(45deg);border-radius:2px}

/* ------- ouverture : la photo plein cadre sous voile ------- */
.drk-eroeffnung{padding-block:2rem 1.2rem}
.drk-eroeffnung__bild{margin:0;position:relative;border-radius:16px;overflow:hidden;
  border:5px solid var(--ardoise-profond);box-shadow:var(--ombre-douce)}
.drk-eroeffnung__bild img{aspect-ratio:21/9;object-fit:cover;width:100%}
.drk-eroeffnung__schleier{position:absolute;inset:auto 0 0 0;padding:3.4rem 1.8rem 1.5rem;
  background:linear-gradient(180deg,rgba(14,42,32,0) 0%,rgba(14,42,32,.72) 55%,rgba(14,42,32,.92) 100%)}
.drk-eroeffnung__titel{font-size:clamp(2.4rem,5.2vw,3.6rem);font-weight:640;letter-spacing:.02em;
  color:var(--craie);line-height:1.08;max-width:44rem;text-shadow:0 2px 14px rgba(14,42,32,.5)}
.drk-eroeffnung__credit{display:block;font-family:var(--f-zahl);font-size:.64rem;letter-spacing:.1em;
  color:var(--craie-pale);margin-top:.7rem;text-transform:uppercase}
.drk-eroeffnung__wort{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 2rem;padding-block:1.1rem 0}
.drk-eroeffnung__chapeau{font-size:1.14rem;max-width:40rem;margin:0;flex:1 1 26rem}
.drk-eroeffnung__stand{font-family:var(--f-zahl);font-size:.72rem;letter-spacing:.08em;color:var(--encre-pale);
  margin:0;flex-basis:100%;order:3}
.drk-eroeffnung__aktionen{display:flex;gap:.7rem;flex-wrap:wrap;margin:0}

/* ------- le panneau ambre : comment la Tafel se lit ------- */
.drk-kriterien{background:linear-gradient(180deg,var(--ambre-vif),#CE8A2E);border-radius:16px;
  padding:1.3rem 1.6rem;margin-top:1.6rem;box-shadow:var(--ombre-carte);border:1px solid var(--ambre-fonce)}
.drk-kriterien__titel{font-size:1rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.6rem;color:var(--ardoise-profond)}
.drk-kriterien__liste{margin:0;padding-left:0;list-style:none;columns:2;column-gap:2.4rem;font-size:.92rem;color:#3A2E14;font-weight:480}
.drk-kriterien__liste li{break-inside:avoid;padding-left:1.1rem;position:relative;margin-bottom:.5rem}
.drk-kriterien__liste li::before{content:"";position:absolute;left:0;top:.62em;width:.55rem;height:2px;background:var(--ardoise-profond);border-radius:1px}

/* ------- LA TAFEL : le tableau de craie ------- */
.drk-tafelblock{padding-block:2rem}
.drk-tafelblock__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem}
.drk-tafelblock__kopf h2{font-size:1.35rem;letter-spacing:.05em;text-transform:uppercase}
.drk-tafelblock__notiz{font-family:var(--f-zahl);font-size:.7rem;color:var(--encre-pale);margin:0;letter-spacing:.06em}
.drk-tafel{background:var(--ardoise);border:6px solid var(--ardoise-profond);border-radius:16px;
  box-shadow:inset 0 0 0 1px var(--ardoise-filet), inset 0 0 3.5rem rgba(0,0,0,.28), var(--ombre-douce);
  padding:1.2rem 1.4rem;overflow-x:auto}
.drk-tafel__gitter{width:100%;border-collapse:collapse;font-family:var(--f-tafel)}
.drk-tafel__gitter th{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--craie-pale);
  text-align:left;padding:0 .9rem .7rem 0;border-bottom:2px solid var(--craie)}
.drk-tafel__gitter td{padding:.62rem .9rem .62rem 0;border-bottom:1px dashed var(--ardoise-filet);vertical-align:baseline}
.drk-tafel__zeile:last-child td{border-bottom:none}
.drk-tafel__nr{font-family:var(--f-text);font-variant-numeric:oldstyle-nums;font-size:1.05rem;color:var(--ambre-vif);
  padding-right:1.1rem!important;white-space:nowrap}
.drk-tafel__eintrag a{color:var(--craie);text-decoration:none;font-size:1.06rem;font-weight:520;letter-spacing:.02em}
.drk-tafel__eintrag a:hover{color:var(--ambre-vif);text-decoration:underline dashed 1px}
.drk-tafel__zug .drk-zug{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--zug,var(--craie-pale));
  border:1px solid var(--zug,var(--ardoise-filet));padding:.14rem .45rem;white-space:nowrap;border-radius:999px}
.drk-tafel__mass{white-space:nowrap}
.drk-tafel__balken{display:inline-block;width:4.4rem;height:.5em;vertical-align:middle;margin-right:.55rem;border-radius:999px;
  background:linear-gradient(90deg,var(--ambre-vif) var(--mass,0%),var(--ardoise-filet) var(--mass,0%))}
.drk-tafel__min{font-family:var(--f-zahl);font-size:.66rem;color:var(--craie-pale)}
.drk-tafel__datum{font-family:var(--f-zahl);font-size:.7rem;color:var(--craie-pale);white-space:nowrap}

/* ------- la Zeile des Tages ------- */
.drk-aufgezeichnet{display:grid;grid-template-columns:minmax(0,26rem) 1fr;gap:2rem;align-items:start;
  padding-block:2.2rem;border-bottom:1px solid var(--filet)}
.drk-auf__kopf{grid-column:1/-1;margin-bottom:-.8rem}
.drk-auf__kopf h2{font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--encre-pale)}
.drk-auf__bild{margin:0}
.drk-auf__bild img{aspect-ratio:3/2;object-fit:cover;width:100%;border-radius:14px;box-shadow:var(--ombre-carte)}
.drk-auf__bild figcaption{font-size:.78rem;color:var(--encre-pale);margin-top:.4rem}
.drk-fotoname{display:block;font-family:var(--f-zahl);font-size:.66rem;letter-spacing:.06em;margin-top:.15rem}
.drk-auf__titel{font-size:clamp(1.4rem,2.4vw,1.9rem);margin:.55rem 0 .5rem}
.drk-auf__titel a{color:var(--encre);text-decoration:none}
.drk-auf__titel a:hover{color:var(--ambre)}
.drk-auf__chapeau{color:var(--encre-pale);margin:0 0 1.1rem}
.drk-auf__aktionen{display:flex;gap:.8rem;flex-wrap:wrap;margin:0}
.drk-knopf{font-family:var(--f-tafel);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;
  background:var(--ardoise);color:var(--craie);padding:.6rem 1.3rem;text-decoration:none;border:1px solid var(--ardoise);
  border-radius:999px;box-shadow:0 8px 18px -8px rgba(23,60,46,.55)}
.drk-knopf:hover{background:var(--ambre-vif);border-color:var(--ambre-fonce);color:var(--ardoise-profond)}
.drk-knopf--hell{background:transparent;color:var(--encre);border-color:var(--encre);box-shadow:none}
.drk-knopf--hell:hover{background:var(--encre);color:var(--papier)}

/* ------- la Bildwand : photos accrochees sous la Tafel ------- */
.drk-bildwand{padding-block:2rem;border-bottom:1px solid var(--filet)}
.drk-bildwand__gitter{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.drk-bildkarte a{display:block;text-decoration:none;color:var(--encre)}
.drk-bildkarte__rahmen{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--filet-fort);
  box-shadow:var(--ombre-carte)}
.drk-bildkarte__rahmen img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .3s ease}
.drk-bildkarte a:hover .drk-bildkarte__rahmen img{transform:scale(1.04)}
.drk-bildkarte__zeile{display:flex;align-items:baseline;gap:.55rem;margin-top:.5rem}
.drk-bildkarte__pastille{flex:none;font-family:var(--f-tafel);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--zug-p,var(--encre-pale));border:1px solid var(--zug-p,var(--filet-fort));border-radius:999px;padding:.08rem .42rem}
.drk-bildkarte__titel{font-family:var(--f-tafel);font-size:.86rem;font-weight:560;line-height:1.25}
.drk-bildkarte a:hover .drk-bildkarte__titel{color:var(--ambre)}

/* ------- zeilenkopf (tampon + zug + date) ------- */
.drk-zhead{display:flex;align-items:center;gap:.9rem;font-family:var(--f-tafel);font-size:.72rem;
  letter-spacing:.14em;text-transform:uppercase;margin:0}
.drk-zhead__stempel{border:1.5px solid var(--zug-p,var(--encre));color:var(--zug-p,var(--encre));padding:.12rem .5rem;font-weight:640;border-radius:999px}
.drk-zhead__zug{color:var(--encre-pale);text-decoration:none}
.drk-zhead__zug:hover{color:var(--ambre)}
.drk-zhead__datum{margin-left:auto;font-family:var(--f-zahl);font-size:.68rem;color:var(--encre-pale)}

/* ------- le reste de la Tafel : zeiles numerotees ------- */
.drk-resttafel{padding-block:2rem;border-bottom:1px solid var(--filet)}
.drk-resttafel__liste{margin:0}
.drk-restzeile{padding:1rem 0;border-bottom:1px solid var(--filet);display:block}
.drk-restzeile__kopf{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap}
.drk-restzeile__nr{font-family:var(--f-text);font-variant-numeric:oldstyle-nums;color:var(--ambre);font-size:.95rem;min-width:1.7rem}
.drk-restzeile__titel{font-family:var(--f-tafel);font-size:1.12rem;font-weight:560;color:var(--encre);text-decoration:none}
.drk-restzeile__titel:hover{color:var(--ambre)}
.drk-restzeile__zug{margin-left:auto;font-family:var(--f-tafel);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--zug-p,var(--encre-pale));border:1px solid var(--zug-p,var(--filet-fort));border-radius:999px;padding:.1rem .5rem}
.drk-restzeile__notiz{margin:.35rem 0 0 2.6rem;font-size:.92rem;color:var(--encre-pale)}
.drk-restzeile__notiz p{margin:0}
.drk-restzeile__notiz time{font-family:var(--f-zahl);font-size:.7rem;white-space:nowrap}
.drk-restzeile__mehr{font-family:var(--f-tafel);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}

/* ------- les quatre Zuge ------- */
.drk-zuege{padding-block:2rem}
.drk-zuege__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.drk-zugkarte a{display:flex;flex-direction:column;gap:.45rem;padding:1.1rem 1.15rem 1.25rem;text-decoration:none;color:var(--encre);
  border-radius:14px;background:var(--papier-relief);
  border:1px solid var(--filet);border-top:4px solid var(--zug-p,var(--encre));box-shadow:var(--ombre-carte);
  transition:transform .2s ease}
.drk-zugkarte a:hover{transform:translateY(-3px)}
.drk-zugkarte__ober{display:flex;justify-content:space-between;align-items:center;color:var(--zug-p)}
.drk-pikt{width:26px;height:26px}
.drk-zugkarte__zahl{font-family:var(--f-text);font-variant-numeric:oldstyle-nums;font-size:1.3rem;color:var(--zug-p)}
.drk-zugkarte__name{font-family:var(--f-tafel);font-size:1.05rem;font-weight:560}
.drk-zugkarte__zeile{font-size:.8rem;color:var(--encre-pale)}

/* ------- neben der tafel (reseau) ------- */
.drk-neben{padding-block:2rem 2.6rem}
.drk-neben__kopf h2{font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase}
.drk-neben__satz{color:var(--encre-pale);font-size:.92rem;max-width:44rem}
.drk-neben__liste{list-style:none;margin:.8rem 0 0;padding:0;border-top:1px solid var(--filet)}
.drk-neben__punkt{padding:.55rem 0;border-bottom:1px solid var(--filet);font-size:.9rem}
.drk-neben__punkt p{margin:0}

/* ------- pages interieures ------- */
.drk-weg ol{list-style:none;display:flex;gap:.6rem;flex-wrap:wrap;margin:0;padding:.85rem 0 0;
  font-family:var(--f-zahl);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.drk-weg li+li::before{content:"/";margin-right:.6rem;color:var(--filet-fort)}
.drk-weg a{color:var(--encre-pale);text-decoration:none}
.drk-weg a:hover{color:var(--ambre)}
.drk-weg [aria-current]{color:var(--encre)}

.drk-zugkopf{padding-block:1.6rem 1.2rem;border-bottom:3px solid var(--encre)}
.drk-zugkopf__stempel{display:inline-block;font-family:var(--f-tafel);font-size:.7rem;letter-spacing:.24em;
  text-transform:uppercase;border:1.5px solid var(--zug-p,var(--encre));color:var(--zug-p,var(--encre));padding:.15rem .6rem;margin:0 0 .7rem;border-radius:999px}
.drk-zugkopf h1{font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:620}
.drk-zugkopf__einleitung{color:var(--encre-pale);margin:.5rem 0 0;font-size:1.02rem}

.drk-zugreiter{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--filet-fort);margin-top:.9rem}
.drk-reiter{font-family:var(--f-tafel);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;
  padding:.55rem 1.1rem;text-decoration:none;color:var(--encre-pale);border-left:3px solid var(--zug-p,var(--filet-fort))}
.drk-reiter:hover{color:var(--encre);background:var(--papier-creux)}
.drk-reiter--hier{color:var(--encre);background:var(--papier-creux);box-shadow:inset 0 -2px 0 var(--zug-p,var(--encre))}

/* ------- page article ------- */
.drk-zeilenseite__kopf{padding-block:1.8rem 1rem}
.drk-zeilenseite__kopf h1{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:620;margin:.7rem 0 .5rem}
.drk-zeilenseite__glose{font-size:1.12rem;color:var(--encre-pale);margin:0 0 .8rem;max-width:46rem}
.drk-zeilenseite__signatur{font-family:var(--f-zahl);font-size:.7rem;letter-spacing:.05em;color:var(--encre-pale);margin:0}
.drk-zeilenseite__signatur b{color:var(--encre);font-weight:600}
.drk-zeilenseite__bild{margin:0 0 1.6rem}
.drk-zeilenseite__bild img{aspect-ratio:3/2;object-fit:cover;width:100%;border-radius:14px;box-shadow:var(--ombre-carte)}
.drk-zeilenseite__bild figcaption{font-size:.8rem;color:var(--encre-pale);margin-top:.45rem}

.drk-zeilenseite__plan{display:grid;grid-template-columns:minmax(0,var(--mesure)) minmax(0,var(--rand));gap:var(--gouttiere);align-items:start}
.drk-lesekern p{margin:0 0 1.05rem}
.drk-lesekern h2{font-size:1.28rem;margin:1.9rem 0 .6rem;scroll-margin-top:1.5rem}
.drk-lesekern h2::before{content:"§ ";color:var(--ambre);font-family:var(--f-zahl);font-weight:400}
.drk-lesekern ul,.drk-lesekern ol{margin:0 0 1.05rem;padding-left:1.3rem}
.drk-lesekern li{margin-bottom:.35rem}
.drk-lesekern blockquote{margin:1.3rem 0;padding:.9rem 1.3rem;border-left:3px solid var(--ambre);background:var(--papier-creux);font-style:italic;border-radius:0 12px 12px 0}
.drk-lesekern table{width:100%;border-collapse:collapse;font-size:.9rem;margin:1.2rem 0}
.drk-lesekern th{font-family:var(--f-tafel);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;text-align:left;
  border-bottom:2px solid var(--encre);padding:.4rem .7rem .4rem 0}
.drk-lesekern td{border-bottom:1px solid var(--filet);padding:.45rem .7rem .45rem 0;vertical-align:top}
.drk-lesekern figure{margin:1.4rem 0}
.drk-lesekern figcaption{font-size:.8rem;color:var(--encre-pale);margin-top:.4rem}

.drk-rand{border-left:1px solid var(--filet);padding-left:1.3rem;position:sticky;top:1.2rem}
.drk-rand__zug{border:1px solid var(--filet-fort);padding:.8rem .9rem;background:var(--papier-relief);border-radius:14px;box-shadow:var(--ombre-carte)}
.drk-rand__stempel{display:inline-block;font-family:var(--f-tafel);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--zug-p,var(--encre));border:1px solid var(--zug-p,var(--filet-fort));padding:.1rem .45rem;border-radius:999px}
.drk-rand__zugname{display:block;font-family:var(--f-tafel);font-size:.95rem;margin-top:.5rem;color:var(--encre);text-decoration:none}
.drk-rand__notiert{display:block;font-family:var(--f-zahl);font-size:.62rem;color:var(--encre-pale);margin-top:.3rem;letter-spacing:.08em;text-transform:uppercase}
.drk-rand__titel{font-family:var(--f-tafel);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;margin:1.4rem 0 .5rem;color:var(--encre-pale)}
.drk-rand__notizen{list-style:none;margin:0;padding:0}
.drk-rand__notiz{margin-bottom:.4rem}
.drk-rand__notiz a{display:flex;gap:.55rem;align-items:baseline;font-size:.82rem;color:var(--encre);text-decoration:none;line-height:1.35}
.drk-rand__notiz a:hover{color:var(--ambre)}
.drk-rand__punkt{flex:none;width:.5rem;height:.5rem;border:1.5px solid var(--ambre);transform:rotate(45deg);position:relative;top:-.05em;border-radius:2px}
.drk-rand__quellen{list-style:none;margin:0;padding:0}
.drk-rand__quellen li{margin-bottom:.45rem;font-size:.78rem;line-height:1.3}
.drk-rand__quellen a{color:var(--signal)}

.drk-zwillings{margin:2rem 0}
.drk-zwillings__paar{display:grid;grid-template-columns:3fr 2fr;gap:1rem}
.drk-zwillings__feld img{width:100%;object-fit:cover;border-radius:12px;box-shadow:var(--ombre-carte)}
.drk-zwillings__feld--platz img{aspect-ratio:3/2}
.drk-zwillings__feld--nah img{aspect-ratio:1/1}
.drk-zwillings__zeile{font-size:.8rem;color:var(--encre-pale);margin-top:.45rem}

/* ------- articles voisins : cartes avec vignette ------- */
.drk-weiter{padding-block:0 2rem}
.drk-weiter__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.drk-weiterkarte a{display:flex;flex-direction:column;text-decoration:none;color:var(--encre);border-radius:14px;
  background:var(--papier-relief);border:1px solid var(--filet);overflow:hidden;box-shadow:var(--ombre-carte);
  transition:transform .2s ease}
.drk-weiterkarte a:hover{transform:translateY(-3px)}
.drk-weiterkarte__bild{display:block;overflow:hidden}
.drk-weiterkarte__bild img{aspect-ratio:16/9;object-fit:cover;width:100%}
.drk-weiterkarte__wort{display:flex;flex-direction:column;gap:.4rem;padding:.9rem 1rem 1.1rem}
.drk-weiterkarte__pastille{align-self:flex-start;font-family:var(--f-tafel);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--zug-p,var(--encre-pale));border:1px solid var(--zug-p,var(--filet-fort));border-radius:999px;padding:.08rem .42rem}
.drk-weiterkarte__titel{font-family:var(--f-tafel);font-size:1rem;font-weight:560;line-height:1.25}
.drk-weiterkarte a:hover .drk-weiterkarte__titel{color:var(--ambre)}
.drk-weiterkarte__notiz{font-size:.78rem;color:var(--encre-pale)}

/* ------- service / 404 ------- */
.drk-zeilenseite--amt{max-width:var(--mesure);padding-block:1rem 3rem}
.drk-zeilenseite--amt .drk-lesekern{margin-top:1.4rem}

/* ------- pied ------- */
.drk-sockel{border-top:3px solid var(--encre);margin-top:2.5rem;background:var(--papier-creux)}
.drk-sockel__kolonnen{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;padding-block:1.8rem}
.drk-sockel__kol h2{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.6rem}
.drk-sockel__kol p{font-size:.86rem;color:var(--encre-pale);margin:.3rem 0}
.drk-sockel__kol ul{list-style:none;margin:0;padding:0;font-size:.86rem}
.drk-sockel__kol li{margin-bottom:.3rem}
.drk-sockel__kol a{color:var(--encre);text-decoration:none}
.drk-sockel__kol a:hover{color:var(--ambre)}
.drk-sockel__notiz{font-size:.78rem!important;font-style:italic}
.drk-sockel__zeile{font-family:var(--f-zahl);font-size:.68rem;letter-spacing:.1em;color:var(--encre-pale);
  border-top:1px solid var(--filet-fort);padding:.8rem 0 1.4rem;text-transform:uppercase}

/* ------- responsive ------- */
@media (max-width:58rem){
  .drk-zeilenseite__plan{grid-template-columns:1fr}
  .drk-rand{border-left:none;border-top:1px solid var(--filet);padding:1.2rem 0 0;position:static}
  .drk-aufgezeichnet{grid-template-columns:1fr}
  .drk-eroeffnung__bild img{aspect-ratio:16/10}
  .drk-eroeffnung__titel{font-size:clamp(1.9rem,7.4vw,2.6rem)}
  .drk-bildwand__gitter{grid-template-columns:1fr 1fr}
  .drk-weiter__liste{grid-template-columns:1fr}
  .drk-zuege__liste{grid-template-columns:1fr 1fr}
  .drk-kriterien__liste{columns:1}
  .drk-sockel__kolonnen{grid-template-columns:1fr;gap:1.2rem}
  .drk-zwillings__paar{grid-template-columns:1fr}
  .drk-blattwand__platte{gap:.9rem;padding:1.1rem}
  .drk-kranz{width:48px;height:48px}
}