/* ============================================================
   BEGAP – Komponenten für Unterseiten (Weiterbildung, Fortbildung,
   Angebote, Über uns, Impressum, Datenschutz)
   ------------------------------------------------------------
   Ergänzt style.css. Alle Inhalte sind native Gutenberg-Blöcke;
   dieses CSS liefert ausschliesslich das Aussehen.
   ============================================================ */

/* ---- Hero, kompakte Variante für Unterseiten ------------- */
.begap-hero--sub{min-height:0;padding-top:84px;padding-bottom:76px;border-bottom:1px solid var(--line)}
.begap-hero--sub::after{font-size:300px;right:48px;bottom:-70px;opacity:.07}
.begap-hero--sub .begap-hero__title{font-size:clamp(36px,5.4vw,64px);line-height:1.04;letter-spacing:-1.2px;color:var(--head);max-width:880px;margin-bottom:0}
.begap-hero--sub .begap-hero__lead{font-size:clamp(16px,1.6vw,19px);margin:22px 0 0;max-width:640px}
.begap-hero--sub .begap-badge{padding:6px 14px;margin-bottom:22px}
.begap-hero--sub .begap-badge__dot{width:7px;height:7px}
.begap-hero--sub .begap-badge__txt{letter-spacing:2.4px}

/* ---- Buttons als native Button-Blöcke --------------------- */
.begap .wp-block-buttons{gap:14px}
.begap .wp-block-button__link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer;font-size:14.5px;font-weight:600;padding:13px 22px;border-radius:4px;line-height:1.2;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.begap .wp-block-button__link:active{transform:translateY(1px)}
.begap .begap-btn--primary .wp-block-button__link{background:var(--teal);color:#ffffff;border:0}
.begap .begap-btn--primary .wp-block-button__link:hover{background:#d8845c;transform:translateY(-2px)}
.begap .begap-btn--ghost .wp-block-button__link{background:transparent;color:var(--head);border:1px solid var(--head)}
.begap .begap-btn--ghost .wp-block-button__link:hover{background:rgba(26,90,134,.08);transform:translateY(-2px)}
.begap .begap-btn--white .wp-block-button__link{background:#ffffff;color:var(--head);border:1px solid #d6dee6}
.begap .begap-btn--white .wp-block-button__link:hover{transform:translateY(-2px)}
.begap-panel--dark .begap-btn--ghost .wp-block-button__link,.begap-band .begap-btn--ghost .wp-block-button__link{color:#eef3f8;border-color:rgba(255,255,255,.5)}
.begap-panel--dark .begap-btn--ghost .wp-block-button__link:hover,.begap-band .begap-btn--ghost .wp-block-button__link:hover{background:rgba(255,255,255,.12)}
.begap-hero__cta.wp-block-buttons{margin-top:38px}

/* ---- Linkcard: Innentypografie ----------------------------- */
.begap-linkcard a{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;text-decoration:none;color:var(--head)}
.begap-linkcard a b{font-size:15.5px;font-weight:600;line-height:1.3}
.begap-linkcard a span{font-weight:400;color:var(--muted-2);font-size:14px}

/* ---- Zentrierter Intro-Satz ------------------------------- */
.begap-intro{max-width:1000px;margin:0 auto;padding:88px 28px 32px;text-align:center}
.begap-intro .begap-intro__lead{font-size:clamp(20px,2.7vw,30px);line-height:1.42;color:var(--head)}
.begap-intro .begap-intro__sub{font-size:15.5px;line-height:1.7;color:var(--muted);margin:20px auto 0;max-width:720px}

/* ---- Sektions-Modifier ------------------------------------ */
.begap-section--tight{padding-top:32px;padding-bottom:24px}
.begap-cols2--even{grid-template-columns:1fr 1fr !important}
.begap-cols2--wide{grid-template-columns:1fr 1.4fr !important}
.begap-stack{display:flex !important;flex-direction:column !important;gap:10px !important}
.begap-stack > *{margin:0 !important}

/* ---- Nummerierte Schritte (01–05) -------------------------
   Nummer absolut positioniert, damit gemischter li-Inhalt
   (fetter Titel + Fliesstext) sauber im Textbereich fliesst. */
ol.begap-steps{list-style:none;margin:0;padding:0;counter-reset:begapstep}
.begap-steps > li{counter-increment:begapstep;position:relative;display:block;padding:26px 0 26px 116px;border-top:1px solid var(--line);font-size:15.5px;line-height:1.6;color:var(--muted);max-width:876px}
.begap-steps > li::before{content:counter(begapstep,decimal-leading-zero);position:absolute;left:0;top:26px;font-size:clamp(34px,4vw,52px);color:var(--teal);line-height:1;font-weight:400}
.begap-steps > li strong{display:block;font-size:20px;font-weight:600;color:var(--head);letter-spacing:-.3px;margin:4px 0 8px}

/* ---- Faktenzeilen (Dauer / Ort / Kosten …) ---------------- */
.begap-fact{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:18px;background:var(--paper-2);border:1px solid var(--line);border-radius:5px;padding:16px 22px}
.begap-fact .k{font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--teal);flex:0 0 auto}
.begap-fact .v{font-size:15.5px;font-weight:600;color:var(--head);text-align:right;line-height:1.35}

/* ---- Prüfungskarten --------------------------------------- */
.begap-grid--2{display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px !important;margin-top:24px}
.begap-grid--2 > *{margin:0 !important}
.begap-examcard{background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:26px 28px}
.begap-examcard__top{display:flex !important;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px !important}
.begap-examcard__top .k{font-size:12px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--teal)}
.begap-examcard__top .p{font-size:13px;font-weight:600;color:var(--muted-2)}
.begap-examcard__meta{font-size:13.5px;color:var(--muted-2);margin-bottom:14px !important}
.begap-examcard__date{font-size:23px;font-weight:600;color:var(--head);letter-spacing:-.4px;margin-bottom:6px !important}
.begap-examcard__loc{font-size:14.5px;color:var(--muted);margin-bottom:10px !important}
.begap-examcard__dl{font-size:13.5px;font-weight:600;color:var(--teal)}
.begap-examcard__src{font-size:12px;color:#9aa7b0;margin-top:14px !important;padding-top:13px;border-top:1px solid #eef2f5}
.begap-examcard__src a{color:inherit}

/* ---- Dunkle Zeilen: Stätten, Kalender, Memory Clinics ----- */
.begap-siterow,.begap-darklink{display:flex !important;align-items:center;gap:14px;background:rgba(255,255,255,.04);border:1px solid var(--line-dark);border-radius:4px;padding:15px 18px}
.begap-siterow::before,.begap-darklink::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--teal);flex:0 0 auto;box-shadow:0 0 10px var(--teal)}
.begap-siterow a,.begap-darklink a{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;text-decoration:none}
.begap-siterow a b,.begap-darklink a b{font-size:15px;color:#e6eef5;font-weight:600;line-height:1.3}
.begap-siterow a span,.begap-darklink a span{font-size:13px;color:rgba(231,238,236,.6);line-height:1.35}
.begap-siterow .arr,.begap-darklink .arr{font-size:16px;color:var(--teal);flex:0 0 auto}
.begap-cat{font-size:11px;font-weight:700;letter-spacing:.3px;color:#0f2b3d;background:var(--teal);border-radius:3px;padding:3px 8px;flex:0 0 auto;white-space:nowrap}
.begap-catbox{background:rgba(255,255,255,.04);border:1px solid var(--line-dark);border-radius:4px;padding:16px 18px}
.begap-catbox__top{display:flex !important;justify-content:space-between;align-items:baseline;gap:14px}
.begap-catbox__top b{font-size:15px;color:#e6eef5;font-weight:600;white-space:nowrap}
.begap-catbox__top span{font-size:13px;color:var(--teal);font-weight:700;white-space:nowrap}
.begap-catbox__sub{font-size:13px;color:rgba(231,238,236,.6);margin-top:3px !important}
.begap-band a.begap-extlink{display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:var(--teal-soft);font-size:14px;font-weight:600;text-decoration:none}

/* ---- Weisse Linkzeilen (Ressourcen) ------------------------ */
.begap-reslink{display:flex !important;justify-content:space-between;align-items:center;gap:16px;background:var(--paper-2);border:1px solid var(--line);border-radius:5px;padding:18px 22px;transition:transform .15s,border-color .15s}
.begap-reslink:hover{transform:translateY(-2px);border-color:var(--accent)}
.begap-reslink a{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;text-decoration:none}
.begap-reslink a b{font-size:15px;font-weight:600;color:var(--head);line-height:1.35}
.begap-reslink a span{font-size:13.5px;color:var(--muted-2);line-height:1.3;font-weight:400}
.begap-reslink .arr{font-size:16px;color:var(--teal);flex:0 0 auto}

/* ---- Agenda (Fortbildung) ---------------------------------- */
.begap-agendarow{display:grid !important;grid-template-columns:200px minmax(0,1fr) auto !important;gap:0 28px !important;padding:26px 4px;border-top:1px solid var(--line);align-items:center !important}
.begap-agendarow > .wp-block-column{flex-basis:auto !important;width:auto !important;max-width:none !important;min-width:0 !important;margin:0 !important}
.begap-agenda__date{font-size:21px;font-weight:600;color:var(--teal);letter-spacing:-.4px;line-height:1.1}
.begap-agenda__type{font-size:11.5px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#9aa7b0;margin-top:6px !important}
.begap-agenda__title{font-size:19px;font-weight:600;color:var(--head);letter-spacing:-.3px;line-height:1.3;margin-bottom:6px !important}
.begap-agenda__where{font-size:14.5px;color:var(--muted);line-height:1.5}
.begap-agenda__more{font-size:13.5px;color:var(--muted-2);margin-top:5px !important;line-height:1.5}
.begap-agenda__arr{font-size:18px;color:var(--teal)}
.begap-agenda__arr a{color:inherit;text-decoration:none}

/* ---- Klinik-Karten (Angebote) ------------------------------ */
.begap-klinik{display:flex !important;align-items:center;gap:22px;background:var(--paper-2);border:1px solid var(--line);border-radius:5px;padding:18px 24px;transition:transform .18s,box-shadow .18s}
.begap-klinik:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(15,43,61,.45)}
.begap-klinik .begap-klinik__logo{flex:0 0 auto;margin:0 !important}
.begap-klinik .begap-klinik__logo img{width:130px;height:66px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:4px;padding:7px 9px}
.begap-klinik__body{flex:1;min-width:0}
.begap-klinik__region{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--teal);margin-bottom:8px !important}
.begap-klinik__body h3{font-size:19px;font-weight:600;color:var(--head);margin:0 0 5px;letter-spacing:-.3px}
.begap-klinik__body p{font-size:14.5px;line-height:1.5;color:var(--muted)}
.begap-klinik__link{flex:0 0 auto}
.begap-klinik__link a{display:flex;align-items:center;gap:7px;color:var(--teal);font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none}

/* ---- Memory-Clinic-Karten (dunkel) ------------------------- */
.begap-grid--mc{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(290px,1fr)) !important;gap:12px !important}
.begap-grid--mc > *{margin:0 !important}
.begap-mc{display:flex !important;flex-direction:column !important;gap:8px !important;background:rgba(255,255,255,.04);border:1px solid var(--line-dark);border-radius:4px;padding:18px 20px}
.begap-mc__main{display:flex !important;align-items:center;gap:14px}
.begap-mc__main a{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;text-decoration:none}
.begap-mc__main a b{font-size:15px;color:#eef6f4;font-weight:600;line-height:1.3}
.begap-mc__main a span{font-size:13px;color:rgba(231,238,236,.6)}
.begap-mc__main .arr{font-size:16px;color:var(--teal);flex:0 0 auto}
.begap-mcbadge{align-self:flex-start}
.begap-mcbadge a{white-space:nowrap;font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#c9ddd3;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:3px;padding:3px 7px;text-decoration:none}

/* ---- Hilfe-/Beratungskarten -------------------------------- */
.begap-grid--help{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(330px,1fr)) !important;gap:12px !important;margin-top:26px}
.begap-grid--help > *{margin:0 !important}
.begap-helpcard{background:var(--paper-2);border:1px solid var(--line);border-radius:5px;padding:22px 24px;transition:transform .18s,box-shadow .18s}
.begap-helpcard:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(15,43,61,.45)}
.begap-helpcard h3{font-size:17px;font-weight:600;color:var(--head);letter-spacing:-.2px;line-height:1.3;margin:0 0 6px}
.begap-helpcard p{font-size:14px;line-height:1.5;color:var(--muted)}
.begap-helpcard .begap-helpcard__tel{font-size:13px;font-weight:600;color:var(--teal);margin-top:8px !important}
.begap-helpcard h3 a{color:inherit}

/* ---- Fussnoten / Hinweise ---------------------------------- */
.begap-note{font-size:14.5px;line-height:1.65;color:#5b716e;margin-top:22px !important;max-width:880px}
.begap-note a{color:var(--teal);font-weight:600}
.begap-note--small{font-size:13px;color:#9aa7b0}
.begap-note--italic{font-style:italic;font-size:13.5px;color:var(--muted-2)}

/* ---- Statuten (§-Abschnitte) ------------------------------- */
.begap-para{border-top:1px solid #e2e8ee;padding:34px 0 6px;margin-top:24px !important}
.begap-para__head{display:flex !important;gap:16px;align-items:baseline;margin-bottom:14px !important}
.begap-para__head .n{font-size:15px;font-weight:700;color:var(--teal);letter-spacing:.5px;white-space:nowrap;flex:0 0 auto}
.begap-para__head b{font-weight:600;font-size:21px;letter-spacing:-.3px;color:#1a3f4d}
.begap-para p{font-size:15.5px;line-height:1.72;color:#3c5350;margin-bottom:14px !important}
.begap-para h4{font-size:14px;font-weight:600;color:var(--head);margin:18px 0 8px;letter-spacing:.2px}
ul.begap-bullets{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:11px}
.begap-bullets > li{position:relative;padding-left:19px;font-size:15.5px;line-height:1.65;color:#3c5350}
.begap-bullets > li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--teal)}
ul.begap-bullets--small > li{font-size:14.5px;line-height:1.55;padding-left:16px}
ul.begap-bullets--small > li::before{width:5px;height:5px;background:#9fb3bd;top:8px}
.begap-boardbox{background:#f7f9fb;border:1px solid var(--line);border-radius:5px;padding:24px 26px}
.begap-minih{font-size:11.5px;font-weight:700;letter-spacing:1.5px;color:var(--teal);text-transform:uppercase}
.begap-copres{display:flex !important;flex-wrap:wrap;gap:6px 36px;margin-top:10px !important;padding-bottom:20px;border-bottom:1px solid var(--line)}
.begap-copres b{font-size:15.5px;color:#1a3f4d;font-weight:600}
.begap-copres span{font-weight:400;color:var(--muted-2);font-size:14px}
.begap-boardgrid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:24px 32px !important;margin-top:20px}
.begap-boardgrid > .wp-block-column{flex-basis:auto !important;width:auto !important;max-width:none !important;min-width:0 !important;margin:0 !important}
.begap-boardgrid p{font-size:14.5px;line-height:1.6;color:#3c5350;margin-top:9px !important}
.begap-boardgrid p.begap-minih{font-size:11.5px;color:var(--teal);margin-top:0 !important}

/* ---- Impressum / Datenschutz (Prosa) ----------------------- */
.begap-legal{max-width:820px;margin:0 auto;padding:64px 28px 88px}
.begap-legal h2{font-weight:600;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.5px;color:var(--head);margin:48px 0 14px}
.begap-legal h3{font-size:15px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--teal);margin:30px 0 8px}
.begap-legal p{font-size:16px;line-height:1.7;color:#45596a;margin-bottom:14px !important}
.begap-legal a{color:var(--head);text-decoration:underline;text-decoration-color:rgba(26,90,134,.3)}
.begap-legal a:hover{color:var(--teal)}
.begap-legal ul.begap-bullets{margin-bottom:14px !important;gap:10px}
.begap-legal ul.begap-bullets > li{font-size:16px;line-height:1.6;color:#45596a}
.begap-legal .begap-para p{font-size:15.5px;color:#3c5350}
.begap-legal .begap-para .begap-bullets > li{font-size:15.5px;color:#3c5350}

/* ---- Responsive ------------------------------------------- */
@media (max-width:880px){
  .begap-cols2--even,.begap-cols2--wide{grid-template-columns:1fr !important;gap:32px 0 !important}
  .begap-grid--2{grid-template-columns:1fr !important}
  .begap-agendarow{grid-template-columns:1fr !important;gap:10px 0 !important}
  .begap-boardgrid{grid-template-columns:1fr !important}
}
@media (max-width:600px){
  .begap-klinik{flex-direction:column !important;align-items:flex-start !important;gap:14px}
  .begap-klinik .begap-klinik__logo img{width:auto;max-width:160px}
  .begap-steps > li{padding-left:72px}
  .begap-steps > li::before{font-size:34px}
}