:root{
  --bg:#0e0f10;          /* dunkler Hintergrund */
  --fg:#e7e7e7;          /* helle Schrift */
  --accent:#515236;      /* Wunschfarbe */
}

/* Basislayout */
*{box-sizing:border-box}

html,body{
  margin:0;
  padding:0;
  background:var(--bg);
  color:var(--fg);
  font-family:system-ui,-apple-system,'Segoe UI',Roboto,Ubuntu,Arial,sans-serif;
}

/* Stapel-Layout */
.stack{
  max-width:min(1200px,98vw);
  margin:0 auto;
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:22px;
}

/* Bilder-Container */
.block{
  margin:0;
}

/* 🔥 Responsive Bilddarstellung */
.block img{
  width:100%;          /* Bild füllt den verfügbaren Platz */
  height:auto;         /* Seitenverhältnis bleibt erhalten */
  display:block;       /* entfernt ungewollte Abstände */
  border-radius:10px;
  outline:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  object-fit:contain;  /* verhindert Zuschnitt bei extremen Seitenverhältnissen */
}

/* Footer */
.footer{
  opacity:.7;
  text-align:center;
  padding:28px 16px;
  border-top:1px solid rgba(255,255,255,.08);
}

/* Light Mode Anpassung */
@media (prefers-color-scheme: light){
  :root{ 
    --bg:#111; 
    --fg:#f1f1f1;
  }
}