/* C02: Original-Stilblock 2; bw-css; DE Zeile 2046 / EN 2047 */


.trust-strip a.t-item {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.trust-strip a.t-item:hover {
  text-decoration: none;
  border-bottom: 1px solid var(--gold);
}
.rt-foot-note {
  font-style: italic;
}

/* C02: Original-Stilblock 3; entd-jump-css; DE Zeile 2062 / EN 2063 */

/* R64 Bewegung: Weichzeichner entfernt -- diese Leiste schwebt ueber dem
   Hintergrund-Film. Statt zu verwischen deckt jetzt ein dunkler Verlauf ab. */
/* R85 01.08.: Die Sprung-Leiste klebte auf top:56px, die Kopfzeile darueber ist
   aber 72 Pixel hoch (auf JEDER Breite nachgemessen: 320/360/390/430/700/900/1100/1440).
   Die oberen 16 Pixel der Leiste lagen deshalb hinter der Kopfzeile - ein Tipp auf den
   oberen Rand eines Sprung-Links landete auf .topbar statt auf dem Link.
   Die Hoehe wird jetzt gemessen (--entd-kopf-hoehe), 72px ist nur der Rueckfall. */
.entd-jump{ position:sticky; top:var(--entd-kopf-hoehe,72px); z-index:30;
  background:linear-gradient(180deg, rgba(6,11,26,.96), rgba(6,11,26,.90));
  border-bottom:1px solid rgba(201,162,63,.22); padding:10px clamp(12px,3vw,26px); }
.entd-jump-inner{ display:flex; flex-wrap:wrap; gap:6px 16px; align-items:center; justify-content:center; max-width:1100px; margin:0 auto; }
.entd-jump a{ color:#d7c38b; text-decoration:none; font-size:16px; letter-spacing:.01em; padding:5px 4px; border-bottom:1px solid transparent; transition:color .2s,border-color .2s; white-space:nowrap; }
.entd-jump a:hover,.entd-jump a:focus{ color:#f3e6b8; border-bottom-color:rgba(201,162,63,.6); }
.entd-jump .entd-home{ color:#9fb0c8; }

/* R85 01.08.: Auf dem Handy passen nur 3 von 10 Sprung-Zielen ins Bild, die
   anderen 7 lagen ohne jedes Zeichen ausserhalb - niemand konnte ahnen, dass
   das Band zur Seite geschoben werden kann. Jetzt: weicher Rand als Zeichen,
   dass es weitergeht, plus ein Wisch-Hinweis, der nach der ersten Bewegung geht.
   Das Schieben sitzt jetzt auf der inneren Reihe, damit der Hinweis am Rand
   stehen bleiben kann statt mitzuwandern. */
@media(max-width:640px){
  .entd-jump{ overflow:visible; }
  .entd-jump-inner{ flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto;
    -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none;
    scroll-padding-inline:12px; padding-right:78px; }
  .entd-jump-inner::-webkit-scrollbar{ display:none; }
  .entd-jump a{ font-size:16px; }
  .entd-rand{ position:absolute; top:0; bottom:0; pointer-events:none; z-index:2;
    opacity:0; transition:opacity .25s ease; }
  /* Der rechte Rand ist breit und deckt fast ganz ab: so sieht man, dass das
     Wort dort bewusst ausblendet (es geht weiter) - und der Wisch-Hinweis
     steht auf einer ruhigen Flaeche statt quer ueber einem Wort. */
  .entd-rand-r{ right:0; width:104px;
    background:linear-gradient(270deg, rgba(6,11,26,1) 0, rgba(6,11,26,.99) 58%, rgba(6,11,26,0)); }
  .entd-rand-l{ left:0;  width:44px;
    background:linear-gradient(90deg,  rgba(6,11,26,.98) 32%, rgba(6,11,26,0)); }
  .entd-jump.mehr-rechts .entd-rand-r{ opacity:1; }
  .entd-jump.mehr-links  .entd-rand-l{ opacity:1; }
  .entd-wisch{ position:absolute; right:6px; top:50%; transform:translateY(-50%); z-index:3;
    pointer-events:none; display:inline-flex; align-items:center; gap:5px;
    font-size:16px; line-height:1; color:#e8d49a; white-space:nowrap;
    background:rgba(6,11,26,.94); border:1px solid rgba(201,162,63,.45);
    border-radius:999px; padding:6px 10px;
    opacity:0; transition:opacity .3s ease; }
  .entd-jump.mehr-rechts .entd-wisch{ opacity:1; }
  .entd-jump.gewischt .entd-wisch{ opacity:0; }
  .entd-wisch svg{ width:14px; height:14px; flex:none; stroke:#e8d49a; fill:none;
    stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  @media (prefers-reduced-motion:no-preference){
    .entd-wisch svg{ animation:entdWisch 1.5s ease-in-out infinite; }
    @keyframes entdWisch{ 0%,100%{ transform:translateX(0); } 50%{ transform:translateX(4px); } }
  }
}
@media(min-width:641px){ .entd-rand, .entd-wisch{ display:none; } }

html{ scroll-behavior:smooth; }
/* R85 01.08.: Sprung-Ziele landeten 17 Pixel HINTER den beiden Leisten
   (gemessen: Leisten-Unterkante 121, Ziel-Oberkante 104). Der Abstand richtet
   sich jetzt nach der gemessenen Gesamthoehe beider Leisten. */
:target{ scroll-margin-top:var(--entd-sprungrand,146px); }
@media(min-width:641px) and (max-width:1100px){ :target{ scroll-margin-top:var(--entd-sprungrand,238px); } }
@media(min-width:1101px){ :target{ scroll-margin-top:var(--entd-sprungrand,192px); } }

/* C02: Original-Stilblock 4; ki-kennzeichnung-kanon; DE Zeile 2194 / EN 2195 */

/* KI-KENNZEICHNUNG - kanonische Fassung (EU-KI-Verordnung Artikel 50).
   Eine einzige Gestalt auf allen Seiten: volle Deckkraft, 17 Pixel, eigene
   Ruhe-Platte. Die Platte sitzt am Rahmen (div), nicht am Absatz - so bleibt
   die Sprach-Umschaltung jeder Seite unangetastet, auch wenn sie den Absatz
   auf inline stellt (das war der Layout-Bruch im Deutsch-Modus).
   Das !important ist noetig, weil aeltere Fassungen die Deckkraft direkt am
   Element auf 72 Prozent gedimmt hatten - die blasseste Zeile der Seite. */
.ki-kennzeichnung-platte{
  margin:18px auto 6px;
  max-width:900px;
  flex-basis:100%;
  text-align:center;
  padding:12px clamp(16px,3vw,28px) 14px;
  border-radius:18px;
  background:radial-gradient(118% 150% at 50% 50%,
    rgba(6,9,15,.90) 0%, rgba(6,9,15,.85) 56%, rgba(6,9,15,.58) 82%, rgba(6,9,15,0) 100%);
}
.ki-kennzeichnung-platte p{
  opacity:1 !important;
  font-size:17px !important;
  line-height:1.5;
  color:#b6b1a4 !important;
  background:none !important;
  padding:0 !important;
  margin:0 auto !important;
}
.ki-kennzeichnung-platte p span{ opacity:1 !important; color:inherit !important; }

/* C02: Original-Stilblock 5; jury3-handwerk; DE Zeile 2223 / EN 2224 */
.aug-pause-knopf,[data-pause-knopf],button[aria-label*="ause"]{background:rgba(8,11,18,.88)!important;}.pl-glow,.t-glow,[class*="zahl"],[class*="count"]{font-variant-numeric:lining-nums tabular-nums;}
/* C02: Original-Stilblock 6; Linkfarbe; DE Zeile 2224 / EN 2225 */
a{color:inherit}
/* C02: Original-Stilblock 7; mk-einzelschild-r155; DE Zeile 2225 / EN 2226 */

/* R155 - Einzel-Kennzeichnung an jedem KI-Medium (EU-KI-Verordnung Art. 50 Abs. 4+5) */
.mk-wrap{position:relative;display:block;max-width:100%}
.mk-wrap.mk-inline{display:inline-block;vertical-align:middle}
.mk-schild{position:absolute;right:6px;bottom:6px;z-index:5;pointer-events:none;
 display:inline-block;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
 font-size:11px;line-height:1.25;font-weight:700;letter-spacing:.05em;
 padding:3px 6px;border-radius:5px;white-space:nowrap;
 color:#f6ead0;background:rgba(10,8,6,.74);border:1px solid rgba(224,200,120,.55);
 text-shadow:0 1px 2px rgba(0,0,0,.9);
 -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.mk-schild.mk-echt{color:#e9f4ec;border-color:rgba(150,210,170,.60)}
.mk-schild.mk-berechnet{color:#dfe7f6;border-color:rgba(150,180,230,.60)}
/* Schild fuer den bildschirm-fuellenden Hintergrund-Film (liegt hinter allem) */
.mk-schild.mk-tapete{position:fixed;right:10px;bottom:10px;left:auto;top:auto;z-index:35;
 opacity:.66;font-size:10px;padding:2px 6px}
@media (max-width:480px){.mk-schild.mk-tapete{right:6px;bottom:6px;font-size:11px;opacity:.8}}
@media print{.mk-schild.mk-tapete{display:none}}
@media (max-width:480px){.mk-schild{font-size:12px;padding:2px 6px;right:4px;bottom:4px;letter-spacing:.03em}}
@media print{.mk-schild{color:#000;background:#fff;border-color:#000;text-shadow:none}}
/* Vertraeglichkeits-Regeln: alte Kind-Regeln greifen durch die neue Huelle hindurch */
.bw-kachel>.mk-wrap{flex:0 0 auto}
.gpu-photo .photo-frame>.mk-wrap>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}