/* mausemaus — eine Welt. Farbstimmung kommt aus --welt und färbt alles mit. */
.welt {
  --welt: #BFCC94;
  --welt-grund: #FBFAF6;
  --welt-schrift: #232c31;
  --welt-leise: #6E7873;
  min-height:100vh; background:var(--welt-grund); color:var(--welt-schrift);
  /* schneidet die Deko-Blumen an den Seitenrändern ab -- (clip, visible)
     bleibt echtes Abschneiden, siehe die Begründung in brief.css */
  overflow-x:clip;
}
.welt.dunkel { --welt-grund:#1b1b20; --welt-schrift:#EDEDF2; --welt-leise:#A5A5B0; }
/* Auch hier den Ueberzieh-Bereich mitfaerben, sonst blitzt beim Weiterscrollen
   an den Enden der helle Grundton durch -- bei einer dunklen Welt besonders hart. */
html:has(.welt) body { background:#FBFAF6; }
html:has(.welt.dunkel) body { background:#1b1b20; }
/* 380px Auslauf unten -- gleiche Begründung wie im Brief, siehe
   assets/bewegung.css. */
.welt-spalte { max-width:620px; margin:0 auto; padding:44px 26px 380px; }
.welt-zurueck { display:inline-flex; align-items:center; gap:7px; text-decoration:none;
  font-family:'Space Mono',monospace; font-size:10px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--welt-leise); margin-bottom:34px; }
.welt-zurueck:hover { color:var(--welt); }
.welt-kicker { font-family:'Space Mono',monospace; font-size:9px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--welt); margin:0 0 9px; }
.welt-titel { font-family:'TropiWeb','Manrope',sans-serif; font-weight:400;
  font-size:clamp(30px,5vw,44px); line-height:1.05; margin:0 0 16px; }
.welt-text { font-family:'Manrope',sans-serif; font-size:16.5px; line-height:1.8; }
.welt-text p { margin:0 0 20px; }
.welt-text img { max-width:100%; height:auto; border-radius:8px; }
.welt-text a { color:var(--welt); }
.welt-cover { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:9px; margin:0 0 28px; }

/* Der Farbwechsel schwappt herein, statt hart umzuschalten. */
@keyframes welt-rein { from { opacity:0; } to { opacity:1; } }
.welt { animation: welt-rein .5s var(--mm-kurve) both; }
@media (prefers-reduced-motion: reduce) { .welt { animation:none; } }