/* Gemeinsame Bildnachweise: außerhalb des Bilds, lesbar und ohne Fettschrift. */
body .image-attribution{display:block;font-family:var(--sans,Arial,sans-serif);font-size:11px;font-weight:400;font-style:normal;line-height:1.65;letter-spacing:0;text-transform:none;color:#abb5ac;margin:10px 0 0;max-width:100%;overflow-wrap:break-word}
body .image-attribution-strip{margin:0 auto;padding-top:12px;padding-bottom:20px}
body .image-attribution strong{font-weight:400}
body .image-attribution a{font:inherit;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body .image-attribution a:hover{color:#ecd1b5}
body .image-attribution a:focus-visible{outline:2px solid #ffd0a1;outline-offset:4px}
.story-image-link{display:block}
.story-image-link:focus-visible{outline:2px solid #ffd0a1;outline-offset:6px}
.topic-image{aspect-ratio:auto;overflow:visible}
.topic-image:after{display:none}
.topic-image img{display:block;aspect-ratio:1672/941;height:auto;object-fit:contain}
.topic-image figcaption{position:static;padding:12px 20px 16px;background:#131a16}
.topic-image figcaption .image-attribution{margin:0}
.perspective:hover .topic-image img{transform:none}
.portrait figcaption{display:block}
.portrait figcaption>span{display:block;letter-spacing:.15em}
.story-thumbnail{margin:0 0 22px}
.story-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
.story-thumbnail figcaption{padding:0}
.story-thumbnail .image-attribution{margin-top:12px}
.story-all{display:inline-flex;align-items:center;min-height:44px;margin-top:30px;color:#e5bc98;font-size:13px;text-decoration:underline;text-underline-offset:5px}
.story-all:focus-visible{outline:2px solid #ffd0a1;outline-offset:5px}
.story-feature-layout{display:block}
.story-feature-layout>figure{max-width:1100px;margin:0 auto 42px}
.story-feature-layout>.reading-copy{max-width:760px;margin-inline:auto}
.reading-layout figcaption{letter-spacing:0}
.reading-layout .topic-editorial figcaption{font-size:13px;line-height:1.75}
.story-paths{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-block:28px;font-size:13px}
.story-paths>span{color:#adb6a5;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.scene-buttons[hidden]{display:none}
/* Mario bleibt neben der Waldtür sichtbar; Bildnachweis unter der Bildfläche. */
.home .threshold.threshold-mario{display:grid;grid-template-areas:"scene" "credit";grid-template-columns:100%;grid-template-rows:clamp(710px,90svh,780px) auto;height:auto;min-height:0;background:#0d1010}
.threshold-mario .threshold-image{grid-area:scene;position:relative;inset:auto;height:100%;object-position:center;filter:brightness(.95)}
.threshold-mario .threshold-shade{grid-area:scene;position:relative;inset:auto;background:linear-gradient(90deg,#090d0b9c,transparent 58%),linear-gradient(0deg,#0d1010 0%,transparent 18%)}
.home .threshold-mario .threshold-content{grid-area:scene;height:100%;min-height:0;padding-top:120px;padding-bottom:110px}
.home .threshold-mario .threshold-bottom{grid-area:scene;position:relative;align-self:end;left:auto;bottom:auto;transform:none;margin:0 auto 28px}
.threshold-mario .threshold-attribution{grid-area:credit}
.light-on .threshold-mario .threshold-image{filter:brightness(1.18)}
@media(max-width:1000px){
  .home .site-masthead{margin-bottom:0}
  .home .threshold.threshold-mario{grid-template-areas:"scene" "credit" "copy";grid-template-rows:auto auto auto}
  .threshold-mario .threshold-image{height:auto;aspect-ratio:1672/941;z-index:0}
  .threshold-mario .threshold-shade{display:none}
  .home .threshold-mario .threshold-content{grid-area:copy;height:auto;padding-top:22px;padding-bottom:42px}
  .home .threshold-mario .threshold-bottom{z-index:1;justify-content:flex-end;margin-bottom:16px}
  .threshold-mario .threshold-bottom .image-credit,.threshold-mario .threshold-bottom .scroll-cue{display:none}
  .home .threshold-mario .hero-copy{max-width:100%}
}
@media(max-width:600px){
  .threshold-mario .threshold-image{aspect-ratio:4/3;object-fit:cover;object-position:right center}
  .story-feature-layout>figure{margin-bottom:28px}
  .reading-layout .topic-editorial figcaption{padding:14px 16px}
  body .image-attribution{font-size:11px}
  .story-thumbnail{margin-bottom:20px}
}

/* Eine persönliche Sackgasse mit zwei klaren Wegen zurück. */
.error-main{padding-block:34px 80px}
.error-main>.breadcrumb{margin-bottom:38px}
.error-scene{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:48px;align-items:center}
.error-copy .eyebrow{color:#c5ae93;margin-bottom:24px}
.error-copy h1{font-size:clamp(44px,4.8vw,68px);line-height:1.08;letter-spacing:-2px;margin:0 0 28px}
.error-copy h1 em{color:#efb083}
.error-copy .error-lead{font-family:var(--serif);font-size:25px;line-height:1.3;color:#ece3d3;margin:0 0 16px}
.error-copy>p:not(.eyebrow):not(.error-lead){font-size:15px;line-height:1.8;color:#b7c1b9;max-width:400px}
.error-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 25px;margin-top:30px}
.error-actions .button{white-space:nowrap}
.error-stories{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;color:#e5bc98;text-decoration:underline;text-underline-offset:5px}
.error-illustration{margin:0;min-width:0}
.error-illustration img{display:block;width:100%;height:auto;border:1px solid #394239;border-radius:3px}
.error-illustration .image-attribution{margin-top:12px}
@media(max-width:1000px){.error-scene{grid-template-columns:1fr;gap:36px}.error-copy h1{font-size:clamp(44px,7vw,68px)}.error-copy>p:not(.eyebrow):not(.error-lead){max-width:570px}.error-main{padding-bottom:56px}}
@media(max-width:600px){.error-main{padding-top:22px}.error-main>.breadcrumb{margin-bottom:28px}.error-copy .eyebrow{margin-bottom:18px}.error-copy h1{letter-spacing:-1.5px;margin-bottom:22px}.error-copy .error-lead{font-size:23px}.error-actions{gap:12px 22px;margin-top:24px}}
