body { margin: 0; }
[hidden] { display: none !important; }
img { max-width: 100%; }
/* Layout: ruhige Einspalten-Bühne mit großer Typografie; die drei Ringe (Mensch, Organisation, Netzwerk) sind das eine Leitbild der Seite. */
/* Bewusst ein fester Look: Grundton Dunkelblau, einzelne Abschnitte als helle Negativflächen (.sec-light, .sec-mist). */
:root {
  --bg: #10243F;
  --surface: #15304F;
  --ink: #EAF0F6;
  --muted: #A9BBCD;
  --line: #2A4768;
  --accent: #5CC8D0;
  --on-accent: #08303A;
  --ring2: #1D4468;
  --ring3: #173A5C;
  --font-display: "Avenir Next", "Segoe UI Variable Display", "Segoe UI", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
  --font-body: "Avenir Next", "Segoe UI", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, Menlo, monospace;
  color-scheme: dark;
}
.sec-light {
  --bg: #FFFFFF; --surface: #EEF3F6; --ink: #10243F; --muted: #44566B; --line: #CBD6DE;
  --accent: #0B6E78; --on-accent: #FFFFFF; --ring2: #CFE5E7; --ring3: #E3EEF1;
}
.sec-mist {
  --bg: #E4EDF2; --surface: #FFFFFF; --ink: #10243F; --muted: #44566B; --line: #BFCFD9;
  --accent: #0B6E78; --on-accent: #FFFFFF; --ring2: #C9DEE6; --ring3: #FFFFFF;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg); color: var(--ink);
  font-family: var(--font-body); font-size: 18px; line-height: 1.6;
}
a { color: inherit; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; border-radius: 4px; }
.wrap { max-width: 1120px; margin-inline: auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.eyebrow { font-family: var(--font-mono); font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); margin: 0 0 16px; }
h1, h2, h3 { font-family: var(--font-display); line-height: 1.08; margin: 0; text-wrap: balance; letter-spacing: -.01em; }
h1 { font-size: clamp(2.4rem, 6.2vw, 4.6rem); font-weight: 700; }
h2 { font-size: clamp(1.8rem, 3.8vw, 2.7rem); font-weight: 700; }
h3 { font-size: 1.3rem; font-weight: 700; line-height: 1.2; }
p { margin: 0; max-width: 62ch; }

/* Kopfzeile */
header.top { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20; background: var(--bg); border-bottom: 1px solid var(--line); }
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 30; background: var(--bg); }
header.top .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 14px; flex-wrap: wrap; }
.brand { font-family: var(--font-display); font-weight: 700; font-size: 1.25rem; text-decoration: none; display: flex; align-items: center; gap: 10px; }
.brand svg { width: 28px; height: 28px; flex: none; }
nav { font-size: 16px; }
nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 22px; flex-wrap: wrap; }
nav li { margin: 0; padding: 0; }
nav a { text-decoration: none; color: var(--muted); }
nav a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 6px; }

/* Hero */
.hero { padding-block: clamp(40px, 8vw, 96px); }
.hero .wrap { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(24px, 5vw, 64px); align-items: center; }
.hero .claim { font-family: var(--font-mono); font-size: 14px; color: var(--muted); margin-top: 28px; max-width: 52ch; line-height: 1.6; }
.hero .lead { font-size: 1.2rem; margin-top: 24px; color: var(--muted); }
.actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 32px; }
.btn { display: inline-flex; align-items: center; min-height: 48px; padding: 0 24px; border-radius: 999px; font-weight: 600; text-decoration: none; font-size: 17px; border: 2px solid var(--accent); }
.btn.primary { background: var(--accent); color: var(--on-accent); }
.btn.ghost { color: var(--ink); border-color: var(--line); }
.btn:hover { filter: brightness(1.08); }
.rings { width: 100%; max-width: 460px; justify-self: center; }
.rings svg { width: 100%; height: auto; display: block; }
.rings .halo { transform-origin: 200px 200px; animation: spin 90s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Symbolbilder */
.art { width: 100%; background: var(--ring3); border-radius: 10px; aspect-ratio: 16 / 7; overflow: hidden; }
.art.tall { aspect-ratio: 16 / 9; }
.art svg { width: 100%; height: 100%; display: block; }

/* Abschnitte */
section { padding-block: clamp(48px, 8vw, 96px); }
section { background: var(--bg); color: var(--ink); }
.section-head { display: grid; gap: 16px; margin-bottom: clamp(28px, 5vw, 52px); }
.section-head p { color: var(--muted); font-size: 1.1rem; }

.levels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--line); }
.level { padding: 28px 28px 28px 0; border-bottom: 1px solid var(--line); display: grid; gap: 10px; align-content: start; }
.level + .level { padding-left: 28px; border-left: 1px solid var(--line); }
.level .tag { font-family: var(--font-mono); font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); }
.level p { color: var(--muted); }

.themes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.theme { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 28px; display: grid; gap: 12px; align-content: start; }
.theme p { color: var(--muted); }
.theme small { color: var(--muted); font-size: 14px; display: block; }

.audience { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(24px, 5vw, 64px); }
.audience > div { display: grid; gap: 14px; align-content: start; padding-top: 20px; border-top: 3px solid var(--accent); }
.audience p { color: var(--muted); }



.cta { background: var(--accent); color: var(--on-accent); border-radius: 20px; padding: clamp(28px, 6vw, 64px); display: grid; gap: 20px; }
.cta p { color: inherit; font-size: 1.15rem; }
.cta .btn.primary { background: var(--on-accent); color: var(--accent); border-color: var(--on-accent); }
.mailline { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; font-family: var(--font-mono); font-size: 15px; }
.mailline code { font-family: inherit; user-select: all; overflow-wrap: anywhere; }
.copy { font: inherit; font-family: var(--font-body); font-size: 15px; background: transparent; color: inherit; border: 1px solid currentColor; border-radius: 999px; padding: 6px 16px; cursor: pointer; }
.copy:hover { background: rgba(255,255,255,.14); }


.projekte { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(24px, 5vw, 64px); align-items: center; }
.projekte .art { aspect-ratio: 4 / 3; }
a.inline { color: var(--accent); text-underline-offset: 4px; font-weight: 600; }

footer { padding-block: 56px 36px; color: var(--muted); font-size: 16px; border-top: 1px solid var(--line); background: var(--bg); }
.foot-grid { display: grid; grid-template-columns: 1.2fr 1fr 1.2fr; gap: clamp(24px, 4vw, 56px); }
.foot-grid > div { display: grid; gap: 10px; align-content: start; min-width: 0; }
.foot-name { font-family: var(--font-display); font-weight: 700; font-size: 1.3rem; color: var(--ink); }
.foot-head { font-family: var(--font-mono); font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); }
.foot-small { font-size: 15px; }
footer a { color: var(--accent); text-underline-offset: 4px; overflow-wrap: anywhere; }
.foot-bottom { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 12px 32px; flex-wrap: wrap; font-size: 15px; }
.foot-bottom nav a { color: var(--muted); }

/* Rechtstexte */
.legal { background: var(--bg); color: var(--ink); padding-block: clamp(40px, 7vw, 80px); }
.legal .wrap > * { max-width: 72ch; }
.legal h1 { font-size: clamp(2rem, 5vw, 3rem); margin-bottom: 12px; }
.legal h2 { font-size: 1.35rem; margin-top: 40px; margin-bottom: 10px; }
.legal p + p { margin-top: 12px; }
.legal ul { padding-left: 1.2em; display: grid; gap: 6px; margin: 10px 0; }
.legal a { color: var(--accent); text-underline-offset: 4px; overflow-wrap: anywhere; }
.legal dl { display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: 0; margin: 24px 0 0; border-top: 1px solid var(--line); }
.legal dt, .legal dd { padding: 14px 0; border-bottom: 1px solid var(--line); margin: 0; }
.legal dt { font-family: var(--font-mono); font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); padding-top: 18px; padding-right: 16px; }
.legal .stand { color: var(--muted); font-size: 15px; margin-top: 40px; }

/* Symbolbilder der Karten: Klasse icon-NAME an der Karte, Farbe folgt der Abschnittsfarbe */
.level[class*="icon-"]::before, .theme[class*="icon-"]::before, .audience > div[class*="icon-"]::before { content: ""; display: block; width: 100%; border-radius: 10px; background-color: var(--ring3); background-repeat: no-repeat; background-position: center; background-size: contain; }
.level[class*="icon-"]::before { height: 112px; }
.theme[class*="icon-"]::before, .audience > div[class*="icon-"]::before { aspect-ratio: 16 / 7; }
.icon-person::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Ccircle%20cx=%2280%22%20cy=%2250%22%20r=%2236%22%20fill=%22none%22%20stroke=%22%231D4468%22%20stroke-width=%222%22/%3E%20%3Ccircle%20cx=%2280%22%20cy=%2250%22%20r=%2227%22%20fill=%22none%22%20stroke=%22%235CC8D0%22%20stroke-width=%221.5%22%20stroke-dasharray=%222%206%22%20stroke-linecap=%22round%22/%3E%20%3Ccircle%20cx=%2280%22%20cy=%2242%22%20r=%228%22%20fill=%22%235CC8D0%22/%3E%20%3Cpath%20d=%22M62%2066%20C62%2044%2098%2044%2098%2066%20Z%22%20fill=%22%235CC8D0%22/%3E%20%3Cg%20stroke=%22%235CC8D0%22%20stroke-width=%223%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M122%2024%20L130%2016%22/%3E%3Cpath%20d=%22M130%2036%20L140%2034%22/%3E%3Cpath%20d=%22M38%2024%20L30%2016%22/%3E%3C/g%3E%3C/svg%3E"); }
.icon-org::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cpath%20d=%22M42%2038%20Q80%204%20118%2046%22%20fill=%22none%22%20stroke=%22%235CC8D0%22%20stroke-width=%222%22%20stroke-dasharray=%223%206%22%20stroke-linecap=%22round%22/%3E%20%3Cg%20fill=%22%231D4468%22%20stroke=%22%23EAF0F6%22%20stroke-width=%222%22%20stroke-linejoin=%22round%22%3E%20%3Crect%20x=%2228%22%20y=%2246%22%20width=%2228%22%20height=%2242%22/%3E%3Crect%20x=%2266%22%20y=%2230%22%20width=%2228%22%20height=%2258%22/%3E%3Crect%20x=%22104%22%20y=%2254%22%20width=%2228%22%20height=%2234%22/%3E%20%3C/g%3E%20%3Cg%20fill=%22%235CC8D0%22%3E%3Crect%20x=%2234%22%20y=%2254%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%2244%22%20y=%2254%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%2272%22%20y=%2238%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%2282%22%20y=%2238%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%2272%22%20y=%2250%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22110%22%20y=%2262%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22120%22%20y=%2262%22%20width=%226%22%20height=%226%22/%3E%20%3Ccircle%20cx=%2242%22%20cy=%2238%22%20r=%224%22/%3E%3Ccircle%20cx=%2280%22%20cy=%2222%22%20r=%224%22/%3E%3Ccircle%20cx=%22118%22%20cy=%2246%22%20r=%224%22/%3E%3C/g%3E%20%3Cline%20x1=%2216%22%20y1=%2288%22%20x2=%22144%22%20y2=%2288%22%20stroke=%22%23EAF0F6%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%3C/svg%3E"); }
.icon-globe::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cg%20fill=%22none%22%20stroke=%22%23EAF0F6%22%20stroke-width=%222%22%3E%20%3Ccircle%20cx=%2280%22%20cy=%2250%22%20r=%2234%22%20fill=%22%231D4468%22/%3E%3Cellipse%20cx=%2280%22%20cy=%2250%22%20rx=%2214%22%20ry=%2234%22/%3E%3Cline%20x1=%2246%22%20y1=%2250%22%20x2=%22114%22%20y2=%2250%22/%3E%3Cpath%20d=%22M52%2032%20Q80%2040%20108%2032%22/%3E%3Cpath%20d=%22M52%2068%20Q80%2060%20108%2068%22/%3E%20%3C/g%3E%20%3Cg%20stroke=%22%235CC8D0%22%20stroke-width=%221.5%22%3E%3Cline%20x1=%2222%22%20y1=%2222%22%20x2=%2252%22%20y2=%2234%22/%3E%3Cline%20x1=%22140%22%20y1=%2230%22%20x2=%22110%22%20y2=%2242%22/%3E%3Cline%20x1=%2226%22%20y1=%2282%22%20x2=%2254%22%20y2=%2268%22/%3E%3Cline%20x1=%22136%22%20y1=%2280%22%20x2=%22108%22%20y2=%2266%22/%3E%3C/g%3E%20%3Cg%20fill=%22%235CC8D0%22%3E%3Ccircle%20cx=%2222%22%20cy=%2222%22%20r=%225%22/%3E%3Ccircle%20cx=%22140%22%20cy=%2230%22%20r=%225%22/%3E%3Ccircle%20cx=%2226%22%20cy=%2282%22%20r=%225%22/%3E%3Ccircle%20cx=%22136%22%20cy=%2280%22%20r=%225%22/%3E%3C/g%3E%3C/svg%3E"); }
.icon-transform::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cpath%20d=%22M52%2070%20A28%2028%200%200%201%20108%2070%20Z%22%20fill=%22%235CC8D0%22/%3E%20%3Cg%20stroke=%22%235CC8D0%22%20stroke-width=%223%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M80%2028%20V16%22/%3E%3Cpath%20d=%22M52%2038%20L44%2030%22/%3E%3Cpath%20d=%22M108%2038%20L116%2030%22/%3E%3Cpath%20d=%22M32%2058%20L22%2054%22/%3E%3Cpath%20d=%22M128%2058%20L138%2054%22/%3E%3C/g%3E%20%3Cline%20x1=%2210%22%20y1=%2270%22%20x2=%22150%22%20y2=%2270%22%20stroke=%22%23EAF0F6%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%20%3Cg%20stroke=%22%23A9BBCD%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20opacity=%22.7%22%3E%3Cpath%20d=%22M58%2078%20H102%22/%3E%3Cpath%20d=%22M68%2085%20H92%22/%3E%3Cpath%20d=%22M74%2092%20H86%22/%3E%3C/g%3E%3C/svg%3E"); }
.icon-lead::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cg%20fill=%22%231D4468%22%20stroke=%22%23EAF0F6%22%20stroke-width=%222%22%20stroke-linejoin=%22round%22%3E%20%3Crect%20x=%2220%22%20y=%2274%22%20width=%2230%22%20height=%2216%22/%3E%3Crect%20x=%2250%22%20y=%2258%22%20width=%2230%22%20height=%2232%22/%3E%3Crect%20x=%2280%22%20y=%2242%22%20width=%2230%22%20height=%2248%22/%3E%3Crect%20x=%22110%22%20y=%2226%22%20width=%2230%22%20height=%2264%22/%3E%20%3C/g%3E%20%3Ccircle%20cx=%2265%22%20cy=%2248%22%20r=%225%22%20fill=%22%235CC8D0%22/%3E%3Cpath%20d=%22M60%2058%20C60%2052%2070%2052%2070%2058%20Z%22%20fill=%22%235CC8D0%22/%3E%20%3Cline%20x1=%22125%22%20y1=%2226%22%20x2=%22125%22%20y2=%228%22%20stroke=%22%23EAF0F6%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M125%208%20L146%2014%20L125%2020%20Z%22%20fill=%22%235CC8D0%22/%3E%3C/svg%3E"); }
.icon-network::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cg%20stroke=%22%23EAF0F6%22%20stroke-width=%221.5%22%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%2236%22%20y2=%2226%22/%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%22126%22%20y2=%2224%22/%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%2230%22%20y2=%2274%22/%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%22130%22%20y2=%2276%22/%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%2280%22%20y2=%2212%22/%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%2280%22%20y2=%2290%22/%3E%20%3Cline%20x1=%2236%22%20y1=%2226%22%20x2=%2280%22%20y2=%2212%22/%3E%3Cline%20x1=%2280%22%20y1=%2212%22%20x2=%22126%22%20y2=%2224%22/%3E%3Cline%20x1=%2230%22%20y1=%2274%22%20x2=%2280%22%20y2=%2290%22/%3E%3Cline%20x1=%2280%22%20y1=%2290%22%20x2=%22130%22%20y2=%2276%22/%3E%3C/g%3E%20%3Cg%20fill=%22%231D4468%22%20stroke=%22%23EAF0F6%22%20stroke-width=%222%22%3E%3Ccircle%20cx=%2236%22%20cy=%2226%22%20r=%227%22/%3E%3Ccircle%20cx=%22126%22%20cy=%2224%22%20r=%227%22/%3E%3Ccircle%20cx=%2230%22%20cy=%2274%22%20r=%227%22/%3E%3Ccircle%20cx=%22130%22%20cy=%2276%22%20r=%227%22/%3E%3Ccircle%20cx=%2280%22%20cy=%2212%22%20r=%226%22/%3E%3Ccircle%20cx=%2280%22%20cy=%2290%22%20r=%226%22/%3E%3C/g%3E%20%3Ccircle%20cx=%2280%22%20cy=%2250%22%20r=%2211%22%20fill=%22%235CC8D0%22/%3E%3C/svg%3E"); }
.icon-health::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Ccircle%20cx=%2280%22%20cy=%2250%22%20r=%2242%22%20fill=%22none%22%20stroke=%22%231D4468%22%20stroke-width=%222%22%20stroke-dasharray=%223%207%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M80%2082%20C46%2072%2040%2040%2080%2016%20C120%2040%20114%2072%2080%2082%20Z%22%20fill=%22%235CC8D0%22/%3E%20%3Cpath%20d=%22M80%2082%20V36%22%20stroke=%22%2315304F%22%20stroke-width=%222.5%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M80%2064%20L66%2052%20M80%2054%20L94%2042%22%20stroke=%22%2315304F%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20fill=%22none%22/%3E%3C/svg%3E"); }
.icon-sprout::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cpath%20d=%22M38%2062%20Q80%20108%20122%2062%22%20fill=%22none%22%20stroke=%22%23EAF0F6%22%20stroke-width=%223%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M80%2082%20V40%22%20stroke=%22%23EAF0F6%22%20stroke-width=%223%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M80%2058%20C60%2058%2052%2046%2054%2034%20C70%2034%2080%2042%2080%2058%20Z%22%20fill=%22%235CC8D0%22/%3E%20%3Cpath%20d=%22M80%2048%20C98%2048%20108%2038%20106%2026%20C90%2026%2080%2034%2080%2048%20Z%22%20fill=%22%231D4468%22%20stroke=%22%23EAF0F6%22%20stroke-width=%222%22%20stroke-linejoin=%22round%22/%3E%20%3Cg%20stroke=%22%235CC8D0%22%20stroke-width=%223%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M30%2034%20L24%2028%22/%3E%3Cpath%20d=%22M132%2034%20L138%2028%22/%3E%3Cpath%20d=%22M80%2012%20V6%22/%3E%3C/g%3E%3C/svg%3E"); }
.sec-light .icon-person::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Ccircle%20cx=%2280%22%20cy=%2250%22%20r=%2236%22%20fill=%22none%22%20stroke=%22%23CFE5E7%22%20stroke-width=%222%22/%3E%20%3Ccircle%20cx=%2280%22%20cy=%2250%22%20r=%2227%22%20fill=%22none%22%20stroke=%22%230B6E78%22%20stroke-width=%221.5%22%20stroke-dasharray=%222%206%22%20stroke-linecap=%22round%22/%3E%20%3Ccircle%20cx=%2280%22%20cy=%2242%22%20r=%228%22%20fill=%22%230B6E78%22/%3E%20%3Cpath%20d=%22M62%2066%20C62%2044%2098%2044%2098%2066%20Z%22%20fill=%22%230B6E78%22/%3E%20%3Cg%20stroke=%22%230B6E78%22%20stroke-width=%223%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M122%2024%20L130%2016%22/%3E%3Cpath%20d=%22M130%2036%20L140%2034%22/%3E%3Cpath%20d=%22M38%2024%20L30%2016%22/%3E%3C/g%3E%3C/svg%3E"); }
.sec-light .icon-org::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cpath%20d=%22M42%2038%20Q80%204%20118%2046%22%20fill=%22none%22%20stroke=%22%230B6E78%22%20stroke-width=%222%22%20stroke-dasharray=%223%206%22%20stroke-linecap=%22round%22/%3E%20%3Cg%20fill=%22%23CFE5E7%22%20stroke=%22%2310243F%22%20stroke-width=%222%22%20stroke-linejoin=%22round%22%3E%20%3Crect%20x=%2228%22%20y=%2246%22%20width=%2228%22%20height=%2242%22/%3E%3Crect%20x=%2266%22%20y=%2230%22%20width=%2228%22%20height=%2258%22/%3E%3Crect%20x=%22104%22%20y=%2254%22%20width=%2228%22%20height=%2234%22/%3E%20%3C/g%3E%20%3Cg%20fill=%22%230B6E78%22%3E%3Crect%20x=%2234%22%20y=%2254%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%2244%22%20y=%2254%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%2272%22%20y=%2238%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%2282%22%20y=%2238%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%2272%22%20y=%2250%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22110%22%20y=%2262%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22120%22%20y=%2262%22%20width=%226%22%20height=%226%22/%3E%20%3Ccircle%20cx=%2242%22%20cy=%2238%22%20r=%224%22/%3E%3Ccircle%20cx=%2280%22%20cy=%2222%22%20r=%224%22/%3E%3Ccircle%20cx=%22118%22%20cy=%2246%22%20r=%224%22/%3E%3C/g%3E%20%3Cline%20x1=%2216%22%20y1=%2288%22%20x2=%22144%22%20y2=%2288%22%20stroke=%22%2310243F%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%3C/svg%3E"); }
.sec-light .icon-globe::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cg%20fill=%22none%22%20stroke=%22%2310243F%22%20stroke-width=%222%22%3E%20%3Ccircle%20cx=%2280%22%20cy=%2250%22%20r=%2234%22%20fill=%22%23CFE5E7%22/%3E%3Cellipse%20cx=%2280%22%20cy=%2250%22%20rx=%2214%22%20ry=%2234%22/%3E%3Cline%20x1=%2246%22%20y1=%2250%22%20x2=%22114%22%20y2=%2250%22/%3E%3Cpath%20d=%22M52%2032%20Q80%2040%20108%2032%22/%3E%3Cpath%20d=%22M52%2068%20Q80%2060%20108%2068%22/%3E%20%3C/g%3E%20%3Cg%20stroke=%22%230B6E78%22%20stroke-width=%221.5%22%3E%3Cline%20x1=%2222%22%20y1=%2222%22%20x2=%2252%22%20y2=%2234%22/%3E%3Cline%20x1=%22140%22%20y1=%2230%22%20x2=%22110%22%20y2=%2242%22/%3E%3Cline%20x1=%2226%22%20y1=%2282%22%20x2=%2254%22%20y2=%2268%22/%3E%3Cline%20x1=%22136%22%20y1=%2280%22%20x2=%22108%22%20y2=%2266%22/%3E%3C/g%3E%20%3Cg%20fill=%22%230B6E78%22%3E%3Ccircle%20cx=%2222%22%20cy=%2222%22%20r=%225%22/%3E%3Ccircle%20cx=%22140%22%20cy=%2230%22%20r=%225%22/%3E%3Ccircle%20cx=%2226%22%20cy=%2282%22%20r=%225%22/%3E%3Ccircle%20cx=%22136%22%20cy=%2280%22%20r=%225%22/%3E%3C/g%3E%3C/svg%3E"); }
.sec-light .icon-transform::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cpath%20d=%22M52%2070%20A28%2028%200%200%201%20108%2070%20Z%22%20fill=%22%230B6E78%22/%3E%20%3Cg%20stroke=%22%230B6E78%22%20stroke-width=%223%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M80%2028%20V16%22/%3E%3Cpath%20d=%22M52%2038%20L44%2030%22/%3E%3Cpath%20d=%22M108%2038%20L116%2030%22/%3E%3Cpath%20d=%22M32%2058%20L22%2054%22/%3E%3Cpath%20d=%22M128%2058%20L138%2054%22/%3E%3C/g%3E%20%3Cline%20x1=%2210%22%20y1=%2270%22%20x2=%22150%22%20y2=%2270%22%20stroke=%22%2310243F%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%20%3Cg%20stroke=%22%2344566B%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20opacity=%22.7%22%3E%3Cpath%20d=%22M58%2078%20H102%22/%3E%3Cpath%20d=%22M68%2085%20H92%22/%3E%3Cpath%20d=%22M74%2092%20H86%22/%3E%3C/g%3E%3C/svg%3E"); }
.sec-light .icon-lead::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cg%20fill=%22%23CFE5E7%22%20stroke=%22%2310243F%22%20stroke-width=%222%22%20stroke-linejoin=%22round%22%3E%20%3Crect%20x=%2220%22%20y=%2274%22%20width=%2230%22%20height=%2216%22/%3E%3Crect%20x=%2250%22%20y=%2258%22%20width=%2230%22%20height=%2232%22/%3E%3Crect%20x=%2280%22%20y=%2242%22%20width=%2230%22%20height=%2248%22/%3E%3Crect%20x=%22110%22%20y=%2226%22%20width=%2230%22%20height=%2264%22/%3E%20%3C/g%3E%20%3Ccircle%20cx=%2265%22%20cy=%2248%22%20r=%225%22%20fill=%22%230B6E78%22/%3E%3Cpath%20d=%22M60%2058%20C60%2052%2070%2052%2070%2058%20Z%22%20fill=%22%230B6E78%22/%3E%20%3Cline%20x1=%22125%22%20y1=%2226%22%20x2=%22125%22%20y2=%228%22%20stroke=%22%2310243F%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M125%208%20L146%2014%20L125%2020%20Z%22%20fill=%22%230B6E78%22/%3E%3C/svg%3E"); }
.sec-light .icon-network::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cg%20stroke=%22%2310243F%22%20stroke-width=%221.5%22%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%2236%22%20y2=%2226%22/%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%22126%22%20y2=%2224%22/%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%2230%22%20y2=%2274%22/%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%22130%22%20y2=%2276%22/%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%2280%22%20y2=%2212%22/%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%2280%22%20y2=%2290%22/%3E%20%3Cline%20x1=%2236%22%20y1=%2226%22%20x2=%2280%22%20y2=%2212%22/%3E%3Cline%20x1=%2280%22%20y1=%2212%22%20x2=%22126%22%20y2=%2224%22/%3E%3Cline%20x1=%2230%22%20y1=%2274%22%20x2=%2280%22%20y2=%2290%22/%3E%3Cline%20x1=%2280%22%20y1=%2290%22%20x2=%22130%22%20y2=%2276%22/%3E%3C/g%3E%20%3Cg%20fill=%22%23CFE5E7%22%20stroke=%22%2310243F%22%20stroke-width=%222%22%3E%3Ccircle%20cx=%2236%22%20cy=%2226%22%20r=%227%22/%3E%3Ccircle%20cx=%22126%22%20cy=%2224%22%20r=%227%22/%3E%3Ccircle%20cx=%2230%22%20cy=%2274%22%20r=%227%22/%3E%3Ccircle%20cx=%22130%22%20cy=%2276%22%20r=%227%22/%3E%3Ccircle%20cx=%2280%22%20cy=%2212%22%20r=%226%22/%3E%3Ccircle%20cx=%2280%22%20cy=%2290%22%20r=%226%22/%3E%3C/g%3E%20%3Ccircle%20cx=%2280%22%20cy=%2250%22%20r=%2211%22%20fill=%22%230B6E78%22/%3E%3C/svg%3E"); }
.sec-light .icon-health::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Ccircle%20cx=%2280%22%20cy=%2250%22%20r=%2242%22%20fill=%22none%22%20stroke=%22%23CFE5E7%22%20stroke-width=%222%22%20stroke-dasharray=%223%207%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M80%2082%20C46%2072%2040%2040%2080%2016%20C120%2040%20114%2072%2080%2082%20Z%22%20fill=%22%230B6E78%22/%3E%20%3Cpath%20d=%22M80%2082%20V36%22%20stroke=%22%23EEF3F6%22%20stroke-width=%222.5%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M80%2064%20L66%2052%20M80%2054%20L94%2042%22%20stroke=%22%23EEF3F6%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20fill=%22none%22/%3E%3C/svg%3E"); }
.sec-light .icon-sprout::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cpath%20d=%22M38%2062%20Q80%20108%20122%2062%22%20fill=%22none%22%20stroke=%22%2310243F%22%20stroke-width=%223%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M80%2082%20V40%22%20stroke=%22%2310243F%22%20stroke-width=%223%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M80%2058%20C60%2058%2052%2046%2054%2034%20C70%2034%2080%2042%2080%2058%20Z%22%20fill=%22%230B6E78%22/%3E%20%3Cpath%20d=%22M80%2048%20C98%2048%20108%2038%20106%2026%20C90%2026%2080%2034%2080%2048%20Z%22%20fill=%22%23CFE5E7%22%20stroke=%22%2310243F%22%20stroke-width=%222%22%20stroke-linejoin=%22round%22/%3E%20%3Cg%20stroke=%22%230B6E78%22%20stroke-width=%223%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M30%2034%20L24%2028%22/%3E%3Cpath%20d=%22M132%2034%20L138%2028%22/%3E%3Cpath%20d=%22M80%2012%20V6%22/%3E%3C/g%3E%3C/svg%3E"); }
.sec-mist .icon-person::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Ccircle%20cx=%2280%22%20cy=%2250%22%20r=%2236%22%20fill=%22none%22%20stroke=%22%23C9DEE6%22%20stroke-width=%222%22/%3E%20%3Ccircle%20cx=%2280%22%20cy=%2250%22%20r=%2227%22%20fill=%22none%22%20stroke=%22%230B6E78%22%20stroke-width=%221.5%22%20stroke-dasharray=%222%206%22%20stroke-linecap=%22round%22/%3E%20%3Ccircle%20cx=%2280%22%20cy=%2242%22%20r=%228%22%20fill=%22%230B6E78%22/%3E%20%3Cpath%20d=%22M62%2066%20C62%2044%2098%2044%2098%2066%20Z%22%20fill=%22%230B6E78%22/%3E%20%3Cg%20stroke=%22%230B6E78%22%20stroke-width=%223%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M122%2024%20L130%2016%22/%3E%3Cpath%20d=%22M130%2036%20L140%2034%22/%3E%3Cpath%20d=%22M38%2024%20L30%2016%22/%3E%3C/g%3E%3C/svg%3E"); }
.sec-mist .icon-org::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cpath%20d=%22M42%2038%20Q80%204%20118%2046%22%20fill=%22none%22%20stroke=%22%230B6E78%22%20stroke-width=%222%22%20stroke-dasharray=%223%206%22%20stroke-linecap=%22round%22/%3E%20%3Cg%20fill=%22%23C9DEE6%22%20stroke=%22%2310243F%22%20stroke-width=%222%22%20stroke-linejoin=%22round%22%3E%20%3Crect%20x=%2228%22%20y=%2246%22%20width=%2228%22%20height=%2242%22/%3E%3Crect%20x=%2266%22%20y=%2230%22%20width=%2228%22%20height=%2258%22/%3E%3Crect%20x=%22104%22%20y=%2254%22%20width=%2228%22%20height=%2234%22/%3E%20%3C/g%3E%20%3Cg%20fill=%22%230B6E78%22%3E%3Crect%20x=%2234%22%20y=%2254%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%2244%22%20y=%2254%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%2272%22%20y=%2238%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%2282%22%20y=%2238%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%2272%22%20y=%2250%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22110%22%20y=%2262%22%20width=%226%22%20height=%226%22/%3E%3Crect%20x=%22120%22%20y=%2262%22%20width=%226%22%20height=%226%22/%3E%20%3Ccircle%20cx=%2242%22%20cy=%2238%22%20r=%224%22/%3E%3Ccircle%20cx=%2280%22%20cy=%2222%22%20r=%224%22/%3E%3Ccircle%20cx=%22118%22%20cy=%2246%22%20r=%224%22/%3E%3C/g%3E%20%3Cline%20x1=%2216%22%20y1=%2288%22%20x2=%22144%22%20y2=%2288%22%20stroke=%22%2310243F%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%3C/svg%3E"); }
.sec-mist .icon-globe::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cg%20fill=%22none%22%20stroke=%22%2310243F%22%20stroke-width=%222%22%3E%20%3Ccircle%20cx=%2280%22%20cy=%2250%22%20r=%2234%22%20fill=%22%23C9DEE6%22/%3E%3Cellipse%20cx=%2280%22%20cy=%2250%22%20rx=%2214%22%20ry=%2234%22/%3E%3Cline%20x1=%2246%22%20y1=%2250%22%20x2=%22114%22%20y2=%2250%22/%3E%3Cpath%20d=%22M52%2032%20Q80%2040%20108%2032%22/%3E%3Cpath%20d=%22M52%2068%20Q80%2060%20108%2068%22/%3E%20%3C/g%3E%20%3Cg%20stroke=%22%230B6E78%22%20stroke-width=%221.5%22%3E%3Cline%20x1=%2222%22%20y1=%2222%22%20x2=%2252%22%20y2=%2234%22/%3E%3Cline%20x1=%22140%22%20y1=%2230%22%20x2=%22110%22%20y2=%2242%22/%3E%3Cline%20x1=%2226%22%20y1=%2282%22%20x2=%2254%22%20y2=%2268%22/%3E%3Cline%20x1=%22136%22%20y1=%2280%22%20x2=%22108%22%20y2=%2266%22/%3E%3C/g%3E%20%3Cg%20fill=%22%230B6E78%22%3E%3Ccircle%20cx=%2222%22%20cy=%2222%22%20r=%225%22/%3E%3Ccircle%20cx=%22140%22%20cy=%2230%22%20r=%225%22/%3E%3Ccircle%20cx=%2226%22%20cy=%2282%22%20r=%225%22/%3E%3Ccircle%20cx=%22136%22%20cy=%2280%22%20r=%225%22/%3E%3C/g%3E%3C/svg%3E"); }
.sec-mist .icon-transform::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cpath%20d=%22M52%2070%20A28%2028%200%200%201%20108%2070%20Z%22%20fill=%22%230B6E78%22/%3E%20%3Cg%20stroke=%22%230B6E78%22%20stroke-width=%223%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M80%2028%20V16%22/%3E%3Cpath%20d=%22M52%2038%20L44%2030%22/%3E%3Cpath%20d=%22M108%2038%20L116%2030%22/%3E%3Cpath%20d=%22M32%2058%20L22%2054%22/%3E%3Cpath%20d=%22M128%2058%20L138%2054%22/%3E%3C/g%3E%20%3Cline%20x1=%2210%22%20y1=%2270%22%20x2=%22150%22%20y2=%2270%22%20stroke=%22%2310243F%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%20%3Cg%20stroke=%22%2344566B%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20opacity=%22.7%22%3E%3Cpath%20d=%22M58%2078%20H102%22/%3E%3Cpath%20d=%22M68%2085%20H92%22/%3E%3Cpath%20d=%22M74%2092%20H86%22/%3E%3C/g%3E%3C/svg%3E"); }
.sec-mist .icon-lead::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cg%20fill=%22%23C9DEE6%22%20stroke=%22%2310243F%22%20stroke-width=%222%22%20stroke-linejoin=%22round%22%3E%20%3Crect%20x=%2220%22%20y=%2274%22%20width=%2230%22%20height=%2216%22/%3E%3Crect%20x=%2250%22%20y=%2258%22%20width=%2230%22%20height=%2232%22/%3E%3Crect%20x=%2280%22%20y=%2242%22%20width=%2230%22%20height=%2248%22/%3E%3Crect%20x=%22110%22%20y=%2226%22%20width=%2230%22%20height=%2264%22/%3E%20%3C/g%3E%20%3Ccircle%20cx=%2265%22%20cy=%2248%22%20r=%225%22%20fill=%22%230B6E78%22/%3E%3Cpath%20d=%22M60%2058%20C60%2052%2070%2052%2070%2058%20Z%22%20fill=%22%230B6E78%22/%3E%20%3Cline%20x1=%22125%22%20y1=%2226%22%20x2=%22125%22%20y2=%228%22%20stroke=%22%2310243F%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M125%208%20L146%2014%20L125%2020%20Z%22%20fill=%22%230B6E78%22/%3E%3C/svg%3E"); }
.sec-mist .icon-network::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cg%20stroke=%22%2310243F%22%20stroke-width=%221.5%22%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%2236%22%20y2=%2226%22/%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%22126%22%20y2=%2224%22/%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%2230%22%20y2=%2274%22/%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%22130%22%20y2=%2276%22/%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%2280%22%20y2=%2212%22/%3E%3Cline%20x1=%2280%22%20y1=%2250%22%20x2=%2280%22%20y2=%2290%22/%3E%20%3Cline%20x1=%2236%22%20y1=%2226%22%20x2=%2280%22%20y2=%2212%22/%3E%3Cline%20x1=%2280%22%20y1=%2212%22%20x2=%22126%22%20y2=%2224%22/%3E%3Cline%20x1=%2230%22%20y1=%2274%22%20x2=%2280%22%20y2=%2290%22/%3E%3Cline%20x1=%2280%22%20y1=%2290%22%20x2=%22130%22%20y2=%2276%22/%3E%3C/g%3E%20%3Cg%20fill=%22%23C9DEE6%22%20stroke=%22%2310243F%22%20stroke-width=%222%22%3E%3Ccircle%20cx=%2236%22%20cy=%2226%22%20r=%227%22/%3E%3Ccircle%20cx=%22126%22%20cy=%2224%22%20r=%227%22/%3E%3Ccircle%20cx=%2230%22%20cy=%2274%22%20r=%227%22/%3E%3Ccircle%20cx=%22130%22%20cy=%2276%22%20r=%227%22/%3E%3Ccircle%20cx=%2280%22%20cy=%2212%22%20r=%226%22/%3E%3Ccircle%20cx=%2280%22%20cy=%2290%22%20r=%226%22/%3E%3C/g%3E%20%3Ccircle%20cx=%2280%22%20cy=%2250%22%20r=%2211%22%20fill=%22%230B6E78%22/%3E%3C/svg%3E"); }
.sec-mist .icon-health::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Ccircle%20cx=%2280%22%20cy=%2250%22%20r=%2242%22%20fill=%22none%22%20stroke=%22%23C9DEE6%22%20stroke-width=%222%22%20stroke-dasharray=%223%207%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M80%2082%20C46%2072%2040%2040%2080%2016%20C120%2040%20114%2072%2080%2082%20Z%22%20fill=%22%230B6E78%22/%3E%20%3Cpath%20d=%22M80%2082%20V36%22%20stroke=%22%23FFFFFF%22%20stroke-width=%222.5%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M80%2064%20L66%2052%20M80%2054%20L94%2042%22%20stroke=%22%23FFFFFF%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20fill=%22none%22/%3E%3C/svg%3E"); }
.sec-mist .icon-sprout::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20160%20100%22%3E%3Cpath%20d=%22M38%2062%20Q80%20108%20122%2062%22%20fill=%22none%22%20stroke=%22%2310243F%22%20stroke-width=%223%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M80%2082%20V40%22%20stroke=%22%2310243F%22%20stroke-width=%223%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M80%2058%20C60%2058%2052%2046%2054%2034%20C70%2034%2080%2042%2080%2058%20Z%22%20fill=%22%230B6E78%22/%3E%20%3Cpath%20d=%22M80%2048%20C98%2048%20108%2038%20106%2026%20C90%2026%2080%2034%2080%2048%20Z%22%20fill=%22%23C9DEE6%22%20stroke=%22%2310243F%22%20stroke-width=%222%22%20stroke-linejoin=%22round%22/%3E%20%3Cg%20stroke=%22%230B6E78%22%20stroke-width=%223%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M30%2034%20L24%2028%22/%3E%3Cpath%20d=%22M132%2034%20L138%2028%22/%3E%3Cpath%20d=%22M80%2012%20V6%22/%3E%3C/g%3E%3C/svg%3E"); }

.cta .eyebrow { color: inherit; opacity: .85; margin: 0; }
.cta .actions { margin-top: 4px; }
.projekte .section-head { margin: 0; }
.mod-custom { display: contents; }
.photo-inner h1, .photo-inner h2, .photo-inner h3 { font-family: var(--font-display); font-weight: 700; font-size: clamp(2rem, 5vw, 3.6rem); line-height: 1.05; letter-spacing: -.01em; text-wrap: balance; margin: 0; text-shadow: 0 2px 24px rgba(0, 0, 0, .35); }
.photo-inner p:not(.photo-h) { font-size: 1.15rem; line-height: 1.5; color: #E6EEF5; margin: 0; max-width: 34ch; }
.photo > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.level h3, .theme h3 { margin: 0; }
.cta h2 { margin: 0; }
.cta .actions, .cta p.actions { margin-top: 4px; }
.foot-grid > .mod-custom { display: grid; grid-column: 1 / -1; grid-template-columns: inherit; gap: inherit; }
.legal .com-content-article { display: grid; gap: 12px; }
#system-message-container { max-width: 1120px; margin-inline: auto; padding-inline: 16px; }

/* Vollbreite Fotos mit Parallax-Slogan: Der Text bewegt sich langsamer als das Bild */
.photo { position: relative; margin: 0; height: clamp(360px, 64vh, 640px); overflow: hidden; isolation: isolate; background: #10243F; color: #fff; }
.photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.photo::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(10, 24, 44, .8) 0%, rgba(10, 24, 44, .45) 55%, rgba(10, 24, 44, .12) 100%); }
.photo.right::after { background: linear-gradient(270deg, rgba(10, 24, 44, .8) 0%, rgba(10, 24, 44, .45) 55%, rgba(10, 24, 44, .12) 100%); }
.photo-text { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; will-change: transform; }
.photo-text .wrap { width: 100%; }
.photo-inner { display: grid; gap: 14px; max-width: 34rem; padding: clamp(20px, 3vw, 32px); background: rgba(10, 24, 44, .5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, .14); border-radius: 14px; }
.photo.right .photo-inner { margin-left: auto; }
.photo-h { font-family: var(--font-display); font-weight: 700; font-size: clamp(2rem, 5vw, 3.6rem); line-height: 1.05; letter-spacing: -.01em; text-wrap: balance; margin: 0; text-shadow: 0 2px 24px rgba(0, 0, 0, .35); }
.photo-s { font-size: 1.15rem; line-height: 1.5; color: #E6EEF5; margin: 0; max-width: 34ch; }

/* Bewegung: Einblenden beim Scrollen (nur aktiv, wenn das Skript läuft) */
html.js .reveal { opacity: 0; transform: translateY(32px); transition: opacity .7s ease, transform .8s cubic-bezier(.2, .7, .2, 1); transition-delay: var(--d, 0ms); }
html.js .reveal.in { opacity: 1; transform: none; }
.theme, .project, .level { transition: border-color .2s ease; }
.theme:hover { border-color: var(--accent); }
@keyframes pop { from { opacity: 0; transform: scale(.72); } }
@keyframes fadein { from { opacity: 0; } }
@keyframes pulse { 0% { transform: scale(1); } 13% { transform: scale(1.05); } 28% { transform: scale(1); } 100% { transform: scale(1); } }
.rings svg circle:nth-of-type(2) { animation: pop .9s cubic-bezier(.2, .7, .2, 1) .1s both, pulse 6s ease-in-out 3.2s infinite; transform-origin: 200px 200px; }
.rings svg circle:nth-of-type(3) { animation: pop .9s cubic-bezier(.2, .7, .2, 1) .35s both, pulse 6s ease-in-out 2.5s infinite; transform-origin: 200px 200px; }
.rings svg circle:nth-of-type(4) { animation: pop .9s cubic-bezier(.2, .7, .2, 1) .6s both, pulse 6s ease-in-out 1.8s infinite; transform-origin: 200px 200px; }
.rings svg g { animation: fadein .8s ease 1s both; }

@media (max-width: 860px) {
  .hero .wrap, .verein, .audience { grid-template-columns: minmax(0, 1fr); }
  .levels, .projects, .themes { grid-template-columns: minmax(0, 1fr); }
  .level, .level + .level { padding: 24px 0; border-left: 0; }
  .facts li { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .rings { max-width: 340px; }
  .projekte, .foot-grid { grid-template-columns: minmax(0, 1fr); }
  .photo::after, .photo.right::after { background: rgba(10, 24, 44, .62); }
  .legal dl { grid-template-columns: minmax(0, 1fr); }
  .legal dt { border-bottom: 0; padding-bottom: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .rings .halo { animation: none; }
  .rings svg circle:nth-of-type(n), .rings svg g { animation: none; }
  html.js .reveal, html.js .reveal .art svg { opacity: 1; transform: none; transition: none; }
}