/* Gemeinsame Gestaltung der SunPos-Rechtsseiten – dunkler Grund und Gold wie in der App. */
:root {
  --bg: #0d0f1c;
  --panel: #151830;
  --line: rgba(255, 255, 255, 0.10);
  --text: rgba(255, 255, 255, 0.86);
  --muted: rgba(255, 255, 255, 0.55);
  --sun: #ffd152;
  --warn: #ff7350;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 0 20px 80px;
  background: var(--bg);
  color: var(--text);
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-text-size-adjust: 100%;
}

.wrap { max-width: 720px; margin: 0 auto; }

header {
  padding: 48px 0 28px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 36px;
}

.brand {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sun);
  text-decoration: none;
}

h1 { font-size: clamp(28px, 6vw, 38px); margin: 14px 0 6px; letter-spacing: -0.02em; }

.stand { color: var(--muted); font-size: 14px; margin: 0; }

h2 {
  font-size: 19px;
  margin: 36px 0 10px;
  color: var(--sun);
  letter-spacing: -0.01em;
}

h2.warn { color: var(--warn); }

p { margin: 0 0 12px; }

address { font-style: normal; }

.card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 18px 20px;
  margin: 0 0 12px;
}

.lead {
  background: rgba(255, 209, 82, 0.09);
  border: 1px solid rgba(255, 209, 82, 0.30);
  border-radius: 14px;
  padding: 18px 20px;
  margin-bottom: 8px;
}

.lead strong { color: var(--sun); }

a { color: var(--sun); }

footer {
  margin-top: 56px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 14px;
}

footer a { margin-right: 16px; }