/* DIE ERDE — der Zähler im Fuß jeder Seite.
   Earth Overshoot Day: der Tag, an dem die Menschheit verbraucht hat, was der
   Planet in einem Jahr nachbilden kann. 2026 fiel er auf den 30. Juli.
   Quelle: overshoot.footprintnetwork.org (Global Footprint Network).

   Kennfarbe ist --leaf, nicht --sun: Orange gehört auf dieser Seite allein
   der Aktion. Der Balken zeigt das Jahr des Planeten in drei Stücken — was
   ihm gehörte (voll), was wir seither geliehen haben (schraffiert), und was
   dieses Jahr noch kommt (blass). Schraffur statt Alarmfarbe: eine Fläche,
   die einem nicht gehört, wird auf einem Bauplan schraffiert, nicht rot
   angemalt.

   Es wird nichts von fremden Servern geladen — nur ein Link, den man
   anklicken kann. Deshalb braucht dieser Baustein keine Einwilligung. */
.erde{display:block;width:min(30rem,100%);margin:1.9rem auto 0;
  text-decoration:none;color:inherit;text-align:left;
  padding:1rem 1.2rem;border-radius:14px;
  border:1px solid transparent;
  transition:border-color .25s ease,background .25s ease}
.erde:hover,.erde:focus-visible{border-color:rgba(110,139,91,.32);
  background:rgba(255,255,255,.5)}
.erde-schiene{display:block;position:relative;height:6px;border-radius:99px;
  background:rgba(36,50,57,.13);overflow:hidden;margin-bottom:.75rem}
/* Drei Zonen: bis 39,2 % trägt Deutschland selbst, bis 57,8 % trägt die Welt
   noch, ab da ist es von künftigen Jahren geliehen. */
.erde-eigen{position:absolute;inset:0 auto 0 0;width:57.8%;
  background:var(--leaf,#6E8B5B);opacity:.3;border-radius:99px}
.erde-de{position:absolute;top:0;bottom:0;left:0;width:39.2%;
  background:var(--leaf,#6E8B5B);opacity:.38;border-radius:99px 0 0 99px;
  border-right:1.5px solid var(--cream,#FBF7F0)}
.erde-geliehen{position:absolute;top:0;bottom:0;left:57.8%;width:7.1%;
  background:repeating-linear-gradient(135deg,
    var(--leaf-deep,#557345) 0 2px, transparent 2px 5px)}
.erde-satz{display:block;font-size:.88rem;line-height:1.55;
  color:var(--ink-soft,#4d5b62)}
.erde-satz b{font-family:"Fraunces",Georgia,serif;font-weight:600;
  color:var(--leaf-deep,#557345);font-variant-numeric:tabular-nums}
.erde-quelle{display:block;font-size:.75rem;letter-spacing:.05em;
  color:var(--ink-soft,#4d5b62);opacity:.72;margin-top:.5rem}
.erde:hover .erde-quelle,.erde:focus-visible .erde-quelle{
  opacity:1;color:var(--leaf-deep,#557345)}
@media(prefers-reduced-motion:reduce){.erde{transition:none}}