/* Über die Stiftung — page-local components, enqueued only on this page. Bare handoff tags (h4, b, dt/dd) became classed Paragraph blocks with explicit 4-side margins. */

/* wider .pb-in/.pb-title measure — this page's 3-word title wraps too tight at the shared 16ch default sized for single-word titles. */
.page-banner .pb-in{ max-width:none; }
.page-banner .pb-title{ max-width:20ch; }

/* ---------- 01 · Zweck-Register ---------- */
.zr{ --zr-pad:clamp(16px,1.7vw,24px);
  margin-top:clamp(26px,2.8vw,40px); border-top:1px solid var(--petrol); }
.zr-head, .zr-row{ display:grid;
  grid-template-columns:52px minmax(0,3fr) minmax(0,5fr) minmax(0,3fr);
  gap:clamp(18px,2.2vw,36px);
  padding-inline:var(--zr-pad); margin-inline:calc(-1 * var(--zr-pad)); }
.zr-head{ padding-block:14px; border-bottom:1px solid var(--line); }
.zr-head p{ margin:0; font-size:10px; letter-spacing:.22em; text-transform:uppercase; font-weight:700; color:var(--ink); }
.zr-row{ align-items:start; padding-block:clamp(26px,3vw,40px); border-bottom:1px solid var(--line);
  border-radius:var(--r-card); transition:background .45s var(--ease-out); }
.zr-row:hover{ background:rgba(255,255,255,.62); }
.zr-row .chip{ width:52px; height:52px; margin:0; }
.zr-row .chip figure.wp-block-image, .zr-row .chip figure.wp-block-image img{ width:24px; height:24px; }
.zr-row:hover .chip{ color:var(--petrol); }
.zr-row:hover .chip::after{ transform:rotate(160deg); border-bottom-color:var(--petrol); }
.zr-name{ font-family:var(--font-display),var(--font-fallback),system-ui,sans-serif;
  font-size:clamp(21px,2.1vw,27px); font-weight:400; letter-spacing:-.025em; line-height:1.1;
  color:var(--ink); margin:0; }
.zr-desc{ margin:0; font-size:16px; line-height:1.7; color:var(--ink-soft); }
.zr-bearer{ margin:0; font-size:15px; line-height:1.6; color:var(--ink); }
.zr-bearer em{ font-style:normal; display:block; font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  font-weight:600; color:var(--slate-text); margin-bottom:7px; }
.zr-bearer a{ color:var(--petrol); border-bottom:1px solid rgba(11,102,121,.28); }
.zr-bearer a:hover{ color:var(--petrol-deep); border-bottom-color:var(--petrol-deep); }

/* ---------- 02 · Voraussetzungen und Ziele ----------
   64px between the lede and the first row, per client request. */
.zset{ margin-top:64px; }
.zlist{ list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:clamp(30px,4vw,72px);
  border-top:1px solid var(--petrol); }
.zlist li{ display:grid; grid-template-columns:52px minmax(0,1fr); align-content:start;
  gap:8px clamp(16px,1.8vw,24px); padding:clamp(20px,2.2vw,28px) 0; border-bottom:1px solid var(--line); }
.zlist .chip{ grid-row:1 / span 2; width:52px; height:52px; margin:0; }
.zlist .chip figure.wp-block-image, .zlist .chip figure.wp-block-image img{ width:24px; height:24px; }
.zlist li:hover .chip{ color:var(--petrol); }
.zlist li:hover .chip::after{ transform:rotate(160deg); border-bottom-color:var(--petrol); }
.zlist .zlist-label{ margin:0; font-family:var(--font-display),var(--font-fallback),system-ui,sans-serif;
  font-size:clamp(17px,1.6vw,20px); font-weight:400; letter-spacing:-.02em; color:var(--ink); }
.zlist p:not(.zlist-label){ margin:0; font-size:15.5px; line-height:1.68; color:var(--ink-soft); max-width:46ch; }
/* the goal half sits on the deep petrol ground: the page turns over at the hinge */
.zset.is-goal{ background:var(--petrol-deep); border-radius:var(--r-card);
  padding:clamp(28px,3.4vw,52px) clamp(24px,3vw,48px) clamp(10px,1.2vw,20px);
  margin-top:clamp(38px,4.4vw,66px); }
.zlist.is-goal{ border-top-color:rgba(255,255,255,.34); }
.zlist.is-goal li{ border-bottom-color:rgba(255,255,255,.14); }
/* no rule under the last row — the panel edge closes the grid */
.zlist.is-goal li:nth-last-child(-n+2){ border-bottom:none; }
.zlist.is-goal .chip{ background:rgba(255,255,255,.08) !important; border-color:rgba(255,255,255,.28);
  color:var(--turquoise-soft); }
.zlist.is-goal li:hover .chip{ color:var(--turquoise); }
.zlist.is-goal li:hover .chip::after{ border-bottom-color:var(--turquoise); }
.zlist.is-goal .zlist-label{ color:#fff; }
.zlist.is-goal p:not(.zlist-label){ color:rgba(255,255,255,.78); }
.zhinge{ display:flex; align-items:center; gap:14px; padding:0 0 clamp(22px,2.4vw,32px); margin:0; }
.zhinge svg{ width:15px; height:15px; fill:var(--turquoise); display:block; flex:none; }
.zhinge p{ margin:0; font-family:var(--font-display),var(--font-fallback),system-ui,sans-serif;
  font-size:clamp(20px,2.2vw,29px); font-weight:300; letter-spacing:-.022em; color:#fff; }
@media (max-width:860px){ .zlist{ grid-template-columns:1fr; } }
@media (max-width:560px){
  .zlist li{ grid-template-columns:44px minmax(0,1fr); }
  .zlist .chip{ width:44px; height:44px; }
  .zlist .chip figure.wp-block-image, .zlist .chip figure.wp-block-image img{ width:20px; height:20px; }
}

/* ---------- 03 · wide profile panels ---------- */
.members{ margin-top:clamp(28px,3vw,42px); display:grid; gap:clamp(14px,1.6vw,20px); }
.member{ display:grid; grid-template-columns:128px minmax(0,2.6fr) minmax(0,3.7fr) minmax(0,3.7fr);
  gap:clamp(20px,2.4vw,38px); align-items:start; padding:clamp(26px,2.8vw,38px) clamp(26px,3vw,42px);
  transition:border-color .5s var(--ease-out);
  /* scroll-margin-top clears the fixed nav on anchor-jump (homepage's "Mehr erfahren" cards link to #stiftungsrat-*) — same fix as .legal-sec. */
  scroll-margin-top:calc(var(--navh) + 16px);
}
.member:hover{ border-color:rgba(11,102,121,.28); }
/* circular, matching the homepage .avatar (border-radius:50% + hairline) — this page
   keeps its larger 128px scale, the homepage board cells stay at clamp(76px,7vw,92px) */
.member-photo{ width:128px; height:128px; border-radius:50%; overflow:hidden;
  background:var(--slate-fill); border:1px solid var(--line); }
.member-photo .wp-block-image{ height:100%; margin:0; }
.member-photo img{ width:100%; height:100%; object-fit:cover; object-position:50% 20%; display:block;
  border-radius:50%; filter:saturate(.92) contrast(1.03); }
.member-id h3{ font-family:var(--font-display),var(--font-fallback),system-ui,sans-serif;
  font-size:clamp(20px,2vw,25px); font-weight:500; letter-spacing:-.02em; line-height:1.22;
  color:var(--ink); margin:0; }
.member-role{ display:block; margin-top:10px; padding-top:10px; border-top:1px solid var(--line);
  font-size:14px; line-height:1.5; color:var(--petrol); font-weight:500; }
.member-block .mb-label{ font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; font-weight:500;
  color:var(--petrol); padding-bottom:10px; margin:0 0 2px; border-bottom:1px solid var(--line); }
/* each entry is a marked row rather than a loose line: a filled marker for a
   current role, a hollow one for a former role, so the two read apart at a glance */
.member-block .mb-item{ position:relative; margin:0; padding:9px 0 9px 20px;
  font-size:15px; line-height:1.55; color:var(--ink); border-bottom:1px solid var(--line); }
.member-block .mb-item:last-child{ border-bottom:none; }
.member-block .mb-item::before{ content:""; position:absolute; left:0; top:1.52em;
  width:7px; height:7px; border-radius:50%; background:var(--petrol); transform:translateY(-50%); }
.member-block .mb-item.past{ color:var(--slate-text); }
.member-block .mb-item.past::before{ background:transparent; border:1px solid var(--slate-text); }

/* ---------- 04 · Geschäftsstelle ---------- */
.gs{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  margin-top:clamp(26px,3vw,40px); overflow:hidden; }
.gs-rail{ background:var(--bg); border-right:1px solid var(--line);
  padding:clamp(26px,2.8vw,40px); display:flex; flex-direction:column; align-items:flex-start; }
.gs-lab{ display:block; margin:0; font-size:11px; letter-spacing:.2em; text-transform:uppercase;
  font-weight:500; color:var(--petrol); }
.gs-name{ margin:14px 0 0; font-size:22px; font-weight:500; letter-spacing:-.018em;
  line-height:1.28; color:var(--ink); }
.gs-role{ margin:8px 0 0; font-size:15px; line-height:1.6; color:var(--petrol); }
.gs-body{ padding:clamp(26px,2.8vw,40px); }
.gs-row{ display:grid; grid-template-columns:minmax(0,.3fr) minmax(0,1fr); gap:clamp(16px,2vw,28px);
  align-items:baseline; padding:clamp(15px,1.7vw,20px) 0; border-bottom:1px solid var(--line); }
.gs-row:first-child{ padding-top:0; }
.gs-row:last-child{ border-bottom:none; padding-bottom:0; }
.gs-addr{ margin:0; font-size:16px; line-height:1.72; color:var(--ink); }
.gs-tel{ margin:0; font-size:16px; font-weight:500; color:var(--ink); }
.gs-tel a:hover{ color:var(--petrol); }
.gs-row p:not(.gs-tel):not(.gs-addr):not(.gs-lab){ margin:0; font-size:16px; line-height:1.6; color:var(--ink); }

@media (max-width:960px){
  .zr-head{ display:none; }
  .zr-row{ grid-template-columns:52px minmax(0,1fr); gap:16px 18px; }
  .zr-desc, .zr-bearer{ grid-column:2; }
  .member{ grid-template-columns:112px minmax(0,1fr); }
  .member-photo{ width:112px; height:112px; }
  .member-block{ grid-column:2; }
}
@media (max-width:860px){
  .gs{ grid-template-columns:1fr; }
  .gs-rail{ border-right:none; border-bottom:1px solid var(--line); }
  .gs-row{ grid-template-columns:1fr; gap:8px; }
}
@media (max-width:560px){
  .member{ grid-template-columns:1fr; }
  .member-block{ grid-column:1; }
}p.zr-bearer.wp-block-paragraph {
    margin-left: 0 !important;
}

h3.wp-block-heading.zr-name {
    margin-left: 0px !important;
}