:root { --gruen: #1f5a2e; --orange: #e5531c; --gelb: #f2d200; --text: #ffffff; }
* { box-sizing: border-box; margin: 0; }
html, body { min-height: 100%; }
body {
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  color: var(--text);
  background: #2c4a1f url("bilder/hintergrund.jpg") center / cover fixed no-repeat;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  min-height: 100vh; padding: 24px 16px;
}
body::before { content: ""; position: fixed; inset: 0; background: rgba(10,30,12,.45); z-index: -1; }
.karte {
  max-width: 560px; width: 100%; text-align: center;
  padding: 40px 32px 44px; border-radius: 14px;
  background: rgba(20,45,24,.78); border-top: 6px solid var(--gelb);
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
}
.logo { width: 180px; height: auto; margin-bottom: 20px; }
h1 { font-size: clamp(28px, 6vw, 38px); font-weight: 700; }
.unter { margin-top: 6px; font-size: 17px; color: var(--gelb); }
.hinweis { margin-top: 24px; font-size: 17px; line-height: 1.5; color: rgba(255,255,255,.88); }
footer { margin-top: 24px; font-size: 14px; color: rgba(255,255,255,.85); text-shadow: 0 1px 3px rgba(0,0,0,.6); }