/*
Theme Name: Parkinson Selbsthilfegruppe – Region Schwäbisch Gmünd
Theme URI: https://example.invalid/
Author: (erstellt mit ChatGPT)
Author URI: https://example.invalid/
Description: Schlichtes, barrierearmes WordPress-Theme für die Parkinson-Selbsthilfegruppe Region Schwäbisch Gmünd (Startseite, Termine, Kontakt, Rechtliches).
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: psg
Tags: accessibility-ready, one-column, custom-menu
*/

:root{
  --bg: #ffffff;
  --text: #111827;
  --muted: #4b5563;
  --border: #e5e7eb;
  --brand: #0a8f3a;
  --link: #0a8f3a;
  --maxw: 980px;
}

*{ box-sizing:border-box; }
html{ font-size: 18px; }
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  line-height:1.6;
  color:var(--text);
  background:var(--bg);
}

a{ color: var(--link); text-decoration: underline; text-underline-offset: 3px; }
a:hover{ text-decoration-thickness: 2px; }
a:focus{ outline: 3px solid rgba(10,143,58,.35); outline-offset: 2px; }

.container{ max-width: var(--maxw); margin: 0 auto; padding: 0 18px; }

.skip-link{
  position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden;
}
.skip-link:focus{
  left: 18px; top: 18px; width:auto; height:auto;
  background:#fff; border:2px solid var(--brand); padding:10px 12px; z-index: 9999;
}

.site-header{
  border-bottom: 1px solid var(--border);
  background: #fff;
}
.brandbar{ padding: 18px 0; }
.brandbar img{ max-width: 520px; width: 100%; height: auto; display:block; }
.navbar{
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background:#fbfbfb;
}
.navbar .menu{
  list-style:none; margin:0; padding: 10px 0;
  display:flex; flex-wrap:wrap; gap: 10px;
}
.navbar .menu li{ margin:0; }
.navbar .menu a{
  display:inline-block;
  padding: 8px 12px;
  border-radius: 10px;
  text-decoration:none;
  color: var(--text);
}
.navbar .menu a:hover, .navbar .menu .current-menu-item > a{
  background: rgba(10,143,58,.10);
}

.site-main{ padding: 28px 0 36px; }
.site-footer{
  border-top: 1px solid var(--border);
  background:#fbfbfb;
  padding: 22px 0;
  color: var(--muted);
  font-size: 0.95rem;
}

h1,h2,h3{ line-height:1.2; margin: 0 0 10px; }
h1{ font-size: 2.0rem; }
h2{ font-size: 1.5rem; margin-top: 26px; }
h3{ font-size: 1.2rem; margin-top: 22px; }
p{ margin: 0 0 14px; }

.card{
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 18px 18px;
  background:#fff;
  box-shadow: 0 1px 0 rgba(17,24,39,.03);
}
.grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 840px){
  .grid.cols-2{ grid-template-columns: 1fr 1fr; }
}

.badge{
  display:inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  border: 1px solid rgba(10,143,58,.25);
  background: rgba(10,143,58,.08);
  color: #0a6c2d;
  font-size: .92rem;
}

.meta{ color: var(--muted); font-size: .95rem; }
.hr{ height:1px; background: var(--border); margin: 18px 0; }
.button{
  display:inline-block;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(10,143,58,.35);
  background: rgba(10,143,58,.10);
  color: var(--text);
  text-decoration: none;
}
.button:hover{ background: rgba(10,143,58,.15); }

.notice{
  border-left: 5px solid rgba(10,143,58,.6);
  padding: 12px 14px;
  background: rgba(10,143,58,.06);
  border-radius: 10px;
}

ul{ padding-left: 1.2rem; }