/* Mitgliederportal — Form „wie die Vereinswebsite“ für die Energiegemeinschaft Region Liezen (GF 29.09.2026, Portal::design = 'website').
   Wird NACH portal.css geladen und überschreibt nur deren Token: Farben und Schrift von eg-regionliezen.at (assets/site.css — Navy #223b51,
   Grün #5e983f, Grün dunkel #446d2d für Text und Flächen mit weißer Schrift, Lato), weißer Kopf mit dem Logo wie auf der Website, Navy-Fuß.
   Energiefarben bleiben unverändert (energiefarben.css, Farbschema GF 27.09.2026). Ändert sich die Website, hier nachziehen.
   Logo: liezen-logo.svg = Querlogo der Website + dritte Zeile „MITGLIEDERPORTAL“ (Lato Bold als Pfade, Versalhöhe/Abstand wie „REGION LIEZEN“,
   erzeugt 29.09.2026 mit fontTools aus fonts/lato-bold.woff2). Ändert sich das Website-Logo, die Zeile wieder anhängen. */

@font-face { font-family: "Lato"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/lato-regular.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-style: normal; font-weight: 700 900; font-display: swap; src: url("fonts/lato-bold.woff2") format("woff2"); }

:root {
  --schrift: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  /* Palette: „Petrol“ (Akzent) wird Grün, „Slate“ (Titel, dunkle Flächen) wird Navy */
  --petrol: #5e983f; --petrol-tief: #446d2d; --petrol-hell: #e6f0dd;
  --slate: #223b51; --slate-2: #172a3b;
  --titel: #223b51;
  --text: #142230; --text-weich: #2c3d4d; --mute: #41505e;
  --linie: #cfd8d2; --linie-weich: #e3e9e5;
  --flaeche: #f1f5f2; --karte: #ffffff; --karte-alt: #f6f9f7;
  --radius: 10px; --radius-klein: 6px;
  --schatten: 0 1px 2px rgba(34, 59, 81, .06), 0 8px 24px -12px rgba(34, 59, 81, .18);
  --schatten-hoch: 0 2px 4px rgba(34, 59, 81, .08), 0 18px 36px -14px rgba(34, 59, 81, .3);
  --fokus: 0 0 0 3px #fff, 0 0 0 5px #446d2d;
  /* Kopf wie auf der Website: weiß, Logo, Navy-Schrift, grüner Strich unter dem aktiven Menüpunkt */
  --kopf-grund: #ffffff;
  --kopf-text: #223b51; --kopf-mute: #41505e; --kopf-menue: #223b51; --kopf-menue-hover: #172a3b; --kopf-linie: #cfd8d2;
  --kopf-knopf-rand: #6b7b74; --kopf-knopf-hover: #e6f0dd; --kopf-feld: #ffffff;
  --menue-aktiv: #5e983f; --marke-grund: #ffffff;
  --fuss-grund: #172a3b; --fuss-text: #e8eef3; --fuss-linie: #172a3b;
  /* Kräftige Flächen: Navy mit grünem Licht (wie die Navy-Abschnitte der Website) */
  --held-grund: radial-gradient(110% 150% at 100% 0%, rgba(94, 152, 63, .55) 0%, rgba(94, 152, 63, 0) 55%), linear-gradient(125deg, #172a3b 0%, #223b51 55%, #2f5068 100%);
  --held-text: #ffffff; --held-mute: #c8d3dc;
  --akzent-verlauf: linear-gradient(90deg, #446d2d, #5e983f);
}

/* Der weiße Kopf braucht eine Trennlinie und im Menü eine eigene Zeile unter dem Logo */
.kopf { border-bottom: 1px solid var(--kopf-linie); box-shadow: 0 6px 18px -14px rgba(34, 59, 81, .35); }
.menue { border-top: 1px solid var(--linie-weich); }
.hinweis--ansicht { background: #223b51; }
.reiter a.aktiv { box-shadow: 0 2px 6px rgba(68, 109, 45, .35); }
.fuss a:hover { color: #ffffff; }