/* Charakterinitiative – Persönlichkeitsbildung und charakterbasiertes Leadership für Schulen */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/fraunces-500.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fraunces-600.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/fraunces-500-italic.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/source-sans-3-400.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/source-sans-3-400-italic.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/source-sans-3-600.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/source-sans-3-700.woff2) format("woff2")}

:root{
  --paper:#F7F9F5; --cream:#EBF1E7; --card:#FFFFFF; --ink:#1F2B27; --ink-soft:#465550; --mist:#6E7C74;
  --green:#1F5E4E; --green-deep:#164539; --green-soft:#D9E9DF; --terra:#B4761C; --terra-deep:#8C5A10; --terra-soft:#FAF0DA;
  --gold:#D6A63A; --rule:#DAE2D6; --shadow:0 10px 30px rgba(31,43,39,.07);
  --serif:"Fraunces",Georgia,"Times New Roman",serif; --sans:"Source Sans 3","Segoe UI",Helvetica,Arial,sans-serif;
  --maxw:1180px; --measure:66ch; --r:18px; --hh:122px;
}
@media (max-width:900px){:root{--hh:71px}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 18px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--green);text-decoration:underline;text-decoration-color:rgba(31,94,78,.35);text-underline-offset:3px}
a:hover{text-decoration-color:var(--green)}
:focus-visible{outline:3px solid var(--terra);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.12;margin:0 0 .5em;color:var(--ink);letter-spacing:-.01em}
h1{font-size:clamp(1.9rem,4.6vw,3.4rem);overflow-wrap:break-word;hyphens:manual}
@media (max-width:420px){h1{font-size:1.72rem}h2{font-size:1.5rem}}
h2{font-size:clamp(1.65rem,3vw,2.35rem)}
h3{font-size:clamp(1.25rem,2vw,1.5rem)}
h4{font-size:1.12rem;font-family:var(--sans);font-weight:700}
p{margin:0 0 1.05em;max-width:var(--measure)}
ul,ol{max-width:var(--measure)}
.lead{font-family:var(--serif);font-weight:500;font-size:clamp(1.2rem,1.9vw,1.42rem);line-height:1.45;color:var(--ink-soft);max-width:58ch}
.wrap{width:min(var(--maxw),calc(100% - 2rem));margin-inline:auto}
section{padding:3.6rem 0}
section.tight{padding:2.2rem 0}
.kicker{font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;color:var(--terra);font-weight:700;margin:0 0 .6rem}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:.5rem 1rem;z-index:100}.skip:focus{left:1rem;top:1rem}
.center{text-align:center}.center p{margin-inline:auto}
.muted{color:var(--mist)}
.small{font-size:.92rem}
hr.rule{border:0;border-top:1px solid var(--rule);margin:0}

/* Header */
header.top{position:sticky;top:0;z-index:50;background:rgba(251,248,242,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:74px}
.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--ink)}
.brand .name{font-family:var(--serif);font-weight:600;font-size:1.08rem;line-height:1.1}
.brand .name small{display:block;font-family:var(--sans);font-weight:400;font-size:.76rem;color:var(--mist);margin-top:.18rem;letter-spacing:.01em}
nav.main{display:flex;align-items:center;gap:1.7rem}
nav.main a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.98rem;padding:.62rem 0 .55rem;border-bottom:2px solid transparent;white-space:nowrap}
nav.main a:hover,nav.main a.on{border-bottom-color:var(--terra);color:var(--green-deep)}
.navrow{border-top:1px solid var(--rule)}
.burger{display:none;background:var(--green);border:0;color:#fff;font:inherit;font-weight:700;padding:.5rem .9rem;border-radius:999px;cursor:pointer;flex:none}
/* KPH im Kopf */
.kph{display:flex;align-items:center;gap:1rem;margin-left:auto;text-decoration:none;color:var(--ink);flex:none}
.kph img{height:56px;width:auto}
.kph-t{display:block;text-align:right;font-family:var(--serif);font-weight:600;font-size:.94rem;line-height:1.22;color:var(--green-deep);max-width:19.5rem;padding-right:1rem;border-right:1px solid var(--rule)}
.kph-t small{display:block;font-family:var(--sans);font-weight:700;font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;color:var(--terra);margin-bottom:.2rem}
.kph:hover .kph-t{color:var(--green)}
.kph-strip{display:none}
@media (max-width:1120px){
  .kph-t{font-size:0;max-width:9.5rem;line-height:1}
  .kph-t small{font-size:.64rem;line-height:1.35;margin:0}
  .kph img{height:50px}
}
@media (max-width:1060px){
  nav.main{gap:1.1rem}nav.main a{font-size:.93rem}
}
@media (max-width:900px){
  .navrow{border-top:0}
  nav.main{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);flex-direction:column;align-items:stretch;padding:.6rem 1rem 1.2rem;gap:0;border-bottom:1px solid var(--rule);box-shadow:var(--shadow)}
  nav.main.open{display:flex}
  nav.main a{padding:.75rem .25rem;border-bottom:1px solid var(--rule);font-size:1.05rem}
  .burger{display:inline-block}
  .brand .name small{display:none}
  .bar{min-height:70px}
  .kph-t{display:none}
  .kph img{height:38px}
}
@media (max-width:520px){
  header.top .kph{display:none}
  .kph-strip{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.5rem max(16px,env(safe-area-inset-right,0px)) .5rem max(16px,env(safe-area-inset-left,0px));background:#fff;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink-soft);font-size:.8rem;line-height:1.3}
  .kph-strip b{color:var(--green-deep);font-weight:700}
  .kph-strip img{height:34px;width:auto;flex:none}
}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.78rem 1.3rem;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid var(--green);color:var(--green-deep);background:transparent;font-size:1rem;line-height:1.2;transition:transform .12s ease,background .12s ease}
.btn:hover{transform:translateY(-1px);background:var(--green-soft)}
.btn.solid{background:var(--green);color:#fff}.btn.solid:hover{background:var(--green-deep)}
.btn.terra{border-color:var(--terra);color:var(--terra-deep)}.btn.terra:hover{background:var(--terra-soft)}
.btn.terra.solid{background:var(--terra);color:#fff}.btn.terra.solid:hover{background:var(--terra-deep)}
.btn.big{font-size:1.12rem;padding:1rem 1.6rem}
.btns{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}

/* Hero */
.hero{padding:3rem 0 2.6rem}
.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center}
.hero h1{max-width:16ch}
.hero .lead{max-width:52ch}
.hero figure{margin:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3;background:var(--cream)}
.hero figure img{width:100%;height:100%;object-fit:cover}
.hero .paths{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1.6rem}
.path{display:block;padding:1.1rem 1.2rem;border-radius:14px;background:#fff;border:1px solid var(--rule);text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .12s ease}
.path:hover{transform:translateY(-2px);border-color:var(--green)}
.path b{display:block;font-family:var(--serif);font-size:1.25rem;color:var(--green-deep);margin-bottom:.2rem}
.path span{color:var(--ink-soft);font-size:.98rem}
.path .arrow{display:block;margin-top:.5rem;color:var(--terra);font-weight:700}
@media (max-width:860px){.hero .grid{grid-template-columns:1fr}.hero .paths{grid-template-columns:1fr}}

/* Angebots-Kacheln */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.tile{position:relative;display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--rule);text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .14s ease}
.tile:hover{transform:translateY(-3px)}
.tile .ph{aspect-ratio:16/10;overflow:hidden;background:var(--cream)}
.tile .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.tile:hover .ph img{transform:scale(1.03)}
.tile .tx{padding:1.1rem 1.25rem 1.3rem}
.tile .kicker{margin-bottom:.3rem}
.tile h3{margin-bottom:.35rem}
.tile p{color:var(--ink-soft);font-size:.98rem;margin:0}
.tile .go{margin-top:.7rem;color:var(--terra);font-weight:700}
@media (max-width:900px){.tiles{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.tiles{grid-template-columns:1fr}}

/* Ideen für morgen */
.ideas{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.idea{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:1.1rem 1.2rem;display:flex;gap:.9rem;align-items:flex-start}
.idea .ic{flex:0 0 46px;width:46px;height:46px;border-radius:12px;display:grid;place-items:center}
.idea .ic svg{width:26px;height:26px}
.idea b{display:block;font-family:var(--serif);font-size:1.12rem;margin-bottom:.15rem}
.idea p{font-size:.95rem;color:var(--ink-soft);margin:0 0 .3rem}
.idea a{font-weight:700;font-size:.95rem}
@media (max-width:900px){.ideas{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.ideas{grid-template-columns:1fr}}

/* Bänder */
.band{background:var(--green);color:#fff}
.band h2,.band h3{color:#fff}.band p{color:rgba(255,255,255,.88)}
.band .kicker{color:#F0CF7A}
.band a:not(.btn){color:#fff}
.band .btn{border-color:#fff;color:#fff}.band .btn:hover{background:rgba(255,255,255,.12)}
.band .btn.solid{background:#fff;color:var(--green-deep)}.band .btn.solid:hover{background:#F3EDE2}
.band-cream{background:var(--cream)}
.band-terra{background:var(--terra-soft)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.split figure{margin:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.split figure img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.split figure.cover img{aspect-ratio:auto;object-fit:contain;border:1px solid var(--rule)}
.years.wide li{grid-template-columns:160px 1fr}
.split figcaption{font-size:.86rem;color:var(--mist);padding:.5rem .2rem 0}
.band .split figure.cover img{aspect-ratio:auto;object-fit:contain;border:1px solid var(--rule)}
.years.wide li{grid-template-columns:160px 1fr}
.band .split figcaption{color:rgba(255,255,255,.7)}
@media (max-width:860px){.split{grid-template-columns:1fr}}

/* Seitenkopf */
.pagehead{padding:2.6rem 0 2.2rem;background:var(--cream);border-bottom:1px solid var(--rule)}
.pagehead h1{max-width:22ch}
.pagehead .lead{max-width:60ch}
.crumb{font-size:.88rem;color:var(--mist);margin:0 0 .8rem}.crumb a{color:var(--mist)}
.pagehead.photo{position:relative;color:#fff;background:var(--green-deep);border:0;min-height:360px;display:flex;align-items:flex-end;padding:3rem 0 2.2rem;overflow:hidden}
.pagehead.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.pagehead.photo.top img{object-position:center 22%}
.pagehead.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,69,57,.1),rgba(22,69,57,.85))}
.pagehead.photo .wrap{position:relative;z-index:1}
.pagehead.photo h1,.pagehead.photo .lead,.pagehead.photo .crumb,.pagehead.photo .crumb a{color:#fff}
.pagehead.photo .kicker{color:#F0CF7A}
.subnav{background:#fff;border-bottom:1px solid var(--rule);position:sticky;top:var(--hh);z-index:40}
.subnav .wrap{display:flex;flex-wrap:wrap;gap:.25rem 1.3rem;padding:.55rem 0;font-size:.93rem}
.subnav a{color:var(--ink-soft);text-decoration:none;font-weight:600;padding:.25rem 0}
.subnav a:hover{color:var(--green-deep)}
@media (max-width:900px){.subnav{position:static}}

/* Zwei Spalten Text */
.cols{display:grid;grid-template-columns:.9fr 1.4fr;gap:2rem 3.5rem;align-items:start}
.cols.even{grid-template-columns:1fr 1fr}
@media (max-width:860px){.cols,.cols.even{grid-template-columns:1fr}}
.prose p,.prose li{font-size:1.04rem;overflow-wrap:break-word}
.prose h2{margin-top:1.8em;font-size:clamp(1.45rem,2.4vw,1.85rem)}
.prose h3{margin-top:1.4em}
.prose blockquote{margin:1.4rem 0;padding:0 0 0 1.2rem;border-left:3px solid var(--gold);font-family:var(--serif);font-size:1.18rem;color:var(--ink-soft)}
.prose figure{margin:1.6rem 0}
.prose figcaption{font-size:.86rem;color:var(--mist);margin-top:.5rem}
.note{background:var(--cream);border-left:4px solid var(--gold);padding:1rem 1.2rem;border-radius:0 12px 12px 0;max-width:70ch}
.note p:last-child{margin-bottom:0}

/* Fakten */
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem 1.6rem;margin:1.4rem 0}
.fact b{display:block;font-family:var(--serif);font-size:2rem;color:var(--green-deep);line-height:1}
.fact span{font-size:.92rem;color:var(--ink-soft)}

/* Charakterstärken */
.strengths{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}
.sc{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;border-radius:14px;text-decoration:none;color:var(--ink);border:1px solid rgba(0,0,0,.04);transition:transform .12s ease}
.sc:hover{transform:translateY(-2px)}
.sc .ic{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.75);display:grid;place-items:center;flex:0 0 40px}
.sc .ic svg{width:22px;height:22px}
.sc b{display:block;font-family:var(--serif);font-size:1.05rem;line-height:1.15}
.sc small{display:block;color:var(--ink-soft);font-size:.82rem;line-height:1.25}
@media (max-width:900px){.strengths{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.strengths{grid-template-columns:1fr}}

.strength-block{padding:1.6rem 0 1rem;border-top:1px solid var(--rule)}
.strength-block.empty{display:none}
.strength-head{display:flex;align-items:center;gap:.9rem;margin-bottom:.6rem}
.strength-head .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;flex:0 0 52px}
.strength-head .ic svg{width:28px;height:28px}
.strength-head h3{margin:0}
.strength-head p{margin:0;color:var(--ink-soft);font-size:.98rem}
.mat-list{display:grid;grid-template-columns:1fr 1fr;gap:.45rem 1.2rem;margin-top:.4rem}
.mat-row{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;background:#fff;border:1px solid var(--rule);border-radius:10px;font-size:.96rem}
.mat-row .nm{flex:1 1 140px;min-width:0;overflow-wrap:anywhere}
.mat-row .ty{font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:var(--mist);white-space:nowrap}
.mat-row .lvl{font-size:.78rem;background:var(--cream);border-radius:999px;padding:.1rem .5rem;white-space:nowrap}
.mat-row a.pdf{font-weight:700;text-decoration:none;color:var(--terra-deep);white-space:nowrap;border:1.5px solid var(--terra);border-radius:999px;padding:.15rem .6rem;font-size:.86rem}
.mat-row a.pdf:hover{background:var(--terra-soft)}
@media (max-width:760px){.mat-list{grid-template-columns:1fr}}
@media (max-width:480px){.mat-row{flex-wrap:wrap}.mat-row .ty{order:3;flex-basis:100%}}
.filter{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 .4rem}
.filter button{font:inherit;font-size:.9rem;font-weight:600;border:1.5px solid var(--rule);background:#fff;border-radius:999px;padding:.35rem .85rem;cursor:pointer;color:var(--ink-soft)}
.filter button.on{background:var(--green);border-color:var(--green);color:#fff}

/* Werkzeuge */
.tools{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.tool{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.35rem}
.tool .tag{font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--terra);font-weight:700}
.tool b{font-family:var(--serif);font-size:1.18rem}
.tool p{font-size:.96rem;color:var(--ink-soft);margin:0}
.tool .row{margin-top:auto;padding-top:.5rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.soon{display:inline-block;font-size:.8rem;color:var(--mist);border:1px dashed var(--rule);border-radius:999px;padding:.15rem .6rem}
@media (max-width:700px){.tools{grid-template-columns:1fr}}

/* Karten allgemein */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.cards.two{grid-template-columns:1fr 1fr}
.card{background:#fff;border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}
.card .ph{aspect-ratio:16/10;overflow:hidden;background:var(--cream)}
.card .ph img{width:100%;height:100%;object-fit:cover}
.card .tx{padding:1.1rem 1.25rem 1.3rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.card .meta{font-size:.84rem;color:var(--terra);font-weight:700;letter-spacing:.03em}
.card h3{margin:0;font-size:1.3rem}
.card p{margin:0;color:var(--ink-soft);font-size:.98rem}
.card .go{margin-top:auto;padding-top:.6rem;font-weight:700}
.pills{display:flex;flex-wrap:wrap;gap:.4rem;margin:.3rem 0 .4rem}
.pills span{font-size:.82rem;background:var(--cream);border-radius:999px;padding:.15rem .6rem;color:var(--ink-soft)}
@media (max-width:900px){.cards,.cards.two{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.cards,.cards.two{grid-template-columns:1fr}}

/* Listen */
.items{list-style:none;padding:0;margin:0;max-width:none}
.items li{padding:1.1rem 0;border-top:1px solid var(--rule)}
.items li:last-child{border-bottom:1px solid var(--rule)}
.items h4{margin:0 0 .25rem;font-family:var(--serif);font-weight:600;font-size:1.2rem}
.items .meta{font-size:.86rem;color:var(--mist);margin-bottom:.25rem}
.items p{margin:0 0 .3rem}
.years{list-style:none;padding:0;margin:1rem 0;max-width:none}
.years li{display:grid;grid-template-columns:110px 1fr;gap:1rem;padding:.7rem 0;border-top:1px solid var(--rule)}
.years b{font-family:var(--serif);color:var(--terra-deep);font-size:1.05rem}
@media (max-width:520px){.years li{grid-template-columns:1fr}}
.steps{counter-reset:s;list-style:none;padding:0;margin:1rem 0;max-width:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.steps li{counter-increment:s;background:#fff;border:1px solid var(--rule);border-radius:14px;padding:1rem 1.1rem 1.1rem}
.steps li::before{content:counter(s);display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--terra);color:#fff;font-weight:700;margin-bottom:.5rem}
.steps b{display:block;font-family:var(--serif);font-size:1.15rem;margin-bottom:.2rem}
.steps p{font-size:.95rem;color:var(--ink-soft);margin:0}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

/* Personen */
.people{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem 1.6rem;max-width:none}
.person{padding:.8rem 0;border-top:1px solid var(--rule)}
.person b{display:block;font-family:var(--serif);font-size:1.12rem}
.person span{display:block;font-size:.92rem;color:var(--ink-soft);line-height:1.4}
@media (max-width:900px){.people{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.people{grid-template-columns:1fr}}
.leader{display:grid;grid-template-columns:200px 1fr;gap:1.6rem;align-items:center;background:#fff;border:1px solid var(--rule);border-radius:var(--r);padding:1.4rem;box-shadow:var(--shadow)}
.leader img{border-radius:14px;width:200px;height:240px;object-fit:cover;object-position:top}
@media (max-width:600px){.leader{grid-template-columns:1fr}}

/* Galerie */
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.2rem 0}
.gal a{display:block;border-radius:12px;overflow:hidden;background:var(--cream);aspect-ratio:4/3}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.gal a:hover img{transform:scale(1.04)}
@media (max-width:700px){.gal{grid-template-columns:1fr 1fr}}
.lb{position:fixed;inset:0;background:rgba(20,30,26,.92);display:none;align-items:center;justify-content:center;z-index:200;padding:2rem}
.lb.on{display:flex}
.lb figure{margin:0;max-width:min(1100px,100%);max-height:100%}
.lb img{max-height:80vh;width:auto;max-width:100%;margin:0 auto;border-radius:8px}
.lb figcaption{color:#fff;text-align:center;padding-top:.7rem;font-size:.95rem}
.lb-x{position:absolute;top:1rem;right:1.2rem;background:transparent;border:0;color:#fff;font-size:2.4rem;line-height:1;cursor:pointer}

/* News */
.news{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media (max-width:900px){.news{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.news{grid-template-columns:1fr}}
.news-list{list-style:none;padding:0;margin:0;max-width:none}
.news-list li{display:grid;grid-template-columns:280px 1fr;gap:1.4rem;padding:1.4rem 0;border-top:1px solid var(--rule);align-items:start}
.news-list li.noimg{grid-template-columns:1fr}
.news-list .ph{border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:var(--cream)}
.news-list .ph img{width:100%;height:100%;object-fit:cover}
.news-list time{font-size:.86rem;color:var(--terra);font-weight:700}
.news-list h3{margin:.2rem 0 .3rem}
@media (max-width:700px){.news-list li{grid-template-columns:1fr}}

/* Wissen */
.wlist{display:grid;grid-template-columns:1fr 1fr;gap:1rem;counter-reset:w}
.wl{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:1.1rem 1.25rem;text-decoration:none;color:var(--ink);display:grid;grid-template-columns:44px 1fr;gap:.8rem;transition:transform .12s ease}
.wl:hover{transform:translateY(-2px);border-color:var(--green)}
.wl::before{counter-increment:w;content:counter(w,decimal-leading-zero);font-family:var(--serif);color:var(--terra);font-size:1.5rem;line-height:1}
.wl b{display:block;font-family:var(--serif);font-size:1.22rem;margin-bottom:.2rem;color:var(--green-deep)}
.wl p{margin:0;font-size:.95rem;color:var(--ink-soft)}
.wl small{display:block;color:var(--mist);margin-top:.3rem}
@media (max-width:700px){.wlist{grid-template-columns:1fr}}
.article{display:grid;grid-template-columns:1fr 300px;gap:3rem;align-items:start}
.article .side{position:sticky;top:calc(var(--hh) + 22px)}
.side .box{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:1rem 1.1rem;margin-bottom:1rem}
.side .box h4{margin:0 0 .5rem}
.side ol,.side ul{padding-left:1.1rem;margin:0;font-size:.93rem}
.side li{margin:.3rem 0}
@media (max-width:900px){.article{grid-template-columns:1fr}.article .side{position:static}}
.sources{font-size:.92rem;color:var(--ink-soft);border-top:1px solid var(--rule);padding-top:1rem;margin-top:2rem}
.sources ul{padding-left:1.1rem}.sources a{overflow-wrap:anywhere}.sources li{margin:.4rem 0;max-width:80ch}
.praxis{background:var(--terra-soft);border-radius:14px;padding:1.2rem 1.4rem;margin:2rem 0}
.praxis h2{margin-top:0;font-size:1.4rem}
.praxis ul{margin:0;padding-left:1.1rem}
.praxis li{margin:.35rem 0}

/* Kontaktformular */
form.cf{display:grid;gap:.9rem;max-width:560px}
form.cf label{display:block;font-weight:700;font-size:.92rem;margin-bottom:.25rem}
form.cf input,form.cf textarea,form.cf select{width:100%;font:inherit;padding:.65rem .8rem;border:1.5px solid var(--rule);border-radius:10px;background:#fff}
form.cf textarea{min-height:140px}

/* Footer */
footer.site{background:var(--green-deep);color:rgba(255,255,255,.85);padding:3rem 0 2rem;font-size:.95rem;margin-top:2rem}
footer.site a{color:#fff}
.fcols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem}
.fbrand{font-family:var(--serif);font-size:1.3rem;color:#fff;margin-bottom:.6rem}
footer h4{color:#F0CF7A;font-family:var(--sans);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .6rem}
footer ul{list-style:none;padding:0;margin:0}footer li{margin:.3rem 0}
.copy{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.15);font-size:.85rem;color:rgba(255,255,255,.6)}
@media (max-width:760px){.fcols{grid-template-columns:1fr}}

/* Hinweisband */





/* Inline Icons */
.ic svg{fill:none;stroke:var(--green-deep);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.qbox{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:1.2rem 1.4rem;font-family:var(--serif);font-size:1.2rem;line-height:1.45;color:var(--ink-soft)}
.qbox cite{display:block;font-family:var(--sans);font-style:normal;font-size:.88rem;color:var(--mist);margin-top:.7rem}
.pub{padding:.9rem 0;border-top:1px solid var(--rule)}
.pub .y{font-size:.84rem;color:var(--terra);font-weight:700}
.pub b{display:block;font-family:var(--serif);font-weight:600;font-size:1.08rem}
.pub span{font-size:.92rem;color:var(--ink-soft)}
.timeline{list-style:none;padding:0;margin:1rem 0;max-width:none}
.timeline li{display:grid;grid-template-columns:120px 130px 1fr;gap:.8rem 1.2rem;padding:.75rem 0;border-top:1px solid var(--rule);font-size:.98rem}
.timeline b{color:var(--terra-deep)}.timeline i{font-style:normal;color:var(--mist)}
@media (max-width:640px){.timeline li{grid-template-columns:1fr}}
.announce{background:var(--green-deep);color:#fff;font-size:.93rem;border-bottom:1px solid rgba(255,255,255,.12)}
.announce .wrap{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem 1.8rem;padding:.5rem 0}
.announce .an{display:flex;align-items:center;gap:.65rem;color:#fff;text-decoration:none;padding:.3rem 0;line-height:1.3;min-width:0}
.announce .an span{flex:1 1 auto;min-width:0;color:rgba(255,255,255,.9)}
.announce .an strong{color:#fff;font-weight:700}
.announce .an b.free{background:#CFE6D8;color:var(--green-deep)}
.announce .an b{flex:0 0 auto;background:var(--gold);color:var(--green-deep);border-radius:999px;padding:.12rem .6rem;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.announce .an i{flex:0 0 auto;font-style:normal;color:var(--gold);font-weight:700;transition:transform .12s ease}
.announce .an:hover i{transform:translateX(3px)}
.announce .an:hover strong{text-decoration:underline;text-underline-offset:3px}
@media (max-width:1100px){.announce .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.announce .wrap{grid-template-columns:1fr;gap:.1rem}}

.hero .mooc{margin:1.1rem 0 0;padding:.7rem .9rem;border-radius:12px;background:var(--cream);border:1px solid var(--rule);font-size:.98rem;max-width:52ch}
.hero .mooc b{color:var(--green-deep)}
.hero .mooc a{font-weight:700;color:var(--terra-deep)}
.partners{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:1.3rem}
.partner{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--rule);border-radius:var(--r);padding:1rem 1.1rem;box-shadow:var(--shadow)}
.partner img{width:92px;height:92px;border-radius:50%;object-fit:cover;flex:0 0 92px}
.partner h3{margin:0 0 .2rem;font-size:1.15rem}
.partner p{margin:0;font-size:.95rem;color:var(--ink-soft)}
@media (max-width:760px){.partners{grid-template-columns:1fr}}

.ill{margin:1.6rem 0;max-width:72ch}
.ill svg{width:100%;height:auto;display:block;background:#fff;border:1px solid var(--rule);border-radius:12px;padding:.6rem}
.ill figcaption{font-size:.86rem;color:var(--mist);padding:.5rem .2rem 0}
.ill.photo{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}
.ill.photo img{width:min(280px,60vw);height:auto;border:1px solid var(--rule);border-radius:12px;background:#fff}
.ill.photo figcaption{flex:1 1 220px;padding:0}

.prose, .sources, .small, .article, .wlist{overflow-wrap:anywhere}

.cols>*,.split>*,.article>*,.wrap>*{min-width:0}
.prose a,.sources a,.small a{overflow-wrap:anywhere;word-break:break-word}

/* Charakterinitiative: Logo in Kopf und Fußzeile */
.brand .mark{display:block;flex:none;line-height:0}
.brand .mark img{width:46px;height:46px}
.brand .name{font-size:1.24rem}
.fbrand{display:flex;align-items:center;gap:.65rem}
.fbrand img{width:40px;height:40px;background:#fff;border-radius:50%;padding:3px;flex:none}

/* Wo die Charakterinitiative arbeitet */
.places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem}
.place{background:#fff;border:1px solid var(--rule);border-radius:var(--r);padding:1.1rem 1.25rem 1.2rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.35rem;min-width:0}
.place .tag{font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--terra);font-weight:700}
.place h3{font-size:1.16rem;margin:0}
.place p{margin:0;font-size:.97rem;color:var(--ink-soft)}
.place .go{margin-top:auto;padding-top:.45rem;font-weight:700;color:var(--terra-deep);text-decoration:none}
.place.home{border:2px solid var(--green);background:var(--green-soft)}
.place.home .tag{color:var(--green-deep)}
@media (max-width:900px){.places{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.places{grid-template-columns:1fr}}

/* Charakterinitiative Deep Dives */
.dd-issue{display:grid;grid-template-columns:280px minmax(0,1fr);gap:2.6rem;align-items:start;margin-top:1.4rem}
.dd-cover{margin:0}
.dd-cover a{display:block;border:1px solid var(--rule);box-shadow:0 22px 44px -24px rgba(22,69,57,.55);background:#fff;transition:transform .2s ease}
.dd-cover a:hover{transform:translateY(-3px)}
.dd-cover img{width:100%;height:auto}
.dd-cover figcaption{font-size:.84rem;color:var(--mist);margin-top:.6rem;line-height:1.45}
.dd-sub{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.35;color:var(--terra-deep);margin:0;max-width:52ch}
.prose p.dd-meta,.dd-meta{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;font-size:.92rem;color:var(--mist);margin:0 0 1rem}
.dd-meta span{white-space:nowrap}
.dd-paths{list-style:none;margin:1.2rem 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 1.4rem}
.dd-paths li{display:grid;grid-template-columns:2.2rem 1fr;gap:.6rem;align-items:baseline;padding:.6rem 0;border-top:1px solid var(--rule);font-size:1rem;line-height:1.4}
.dd-paths li b{font-family:var(--serif);color:var(--terra);font-size:1.25rem}
.dd-cite{font-size:.9rem;color:var(--ink-soft);background:var(--cream);border-radius:12px;padding:.9rem 1.1rem;margin-top:1.2rem;overflow-wrap:anywhere}
.dd-next{background:#fff;border:1px solid var(--rule);border-radius:var(--r);padding:1rem 1.2rem;margin-top:1.4rem}
.dd-next p{margin:0}
.dd-teaser{display:grid;grid-template-columns:92px minmax(0,1fr);gap:1.1rem;align-items:center;background:#fff;border:1px solid var(--rule);border-radius:var(--r);padding:1rem 1.2rem;box-shadow:var(--shadow);margin-top:1.3rem;text-decoration:none;color:var(--ink);transition:transform .15s ease,border-color .15s ease}
.dd-teaser:hover{transform:translateY(-2px);border-color:var(--green)}
.dd-teaser img{width:92px;height:auto;border:1px solid var(--rule)}
.dd-teaser .meta{display:block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--terra);font-weight:700}
.dd-teaser b{display:block;font-family:var(--serif);font-size:1.14rem;color:var(--green-deep);margin:.15rem 0}
.dd-teaser small{display:block;color:var(--ink-soft);font-size:.92rem;line-height:1.4}
.dd-teaser .go{display:block;margin-top:.35rem;color:var(--terra-deep);font-weight:700}
@media (max-width:860px){.dd-issue{grid-template-columns:1fr}.dd-cover{max-width:260px}.dd-paths{grid-template-columns:1fr}}
@media (max-width:420px){.dd-teaser{grid-template-columns:70px minmax(0,1fr)}.dd-teaser img{width:70px}}
.pub a{overflow-wrap:anywhere}

/* KPH: Fußzeile */
.fkph{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.5rem;align-items:center;margin-top:2.4rem;padding-top:1.8rem;border-top:1px solid rgba(255,255,255,.15)}
.fkph-logo{display:block;background:#fff;border-radius:12px;padding:.75rem 1.1rem;line-height:0}
.fkph-logo img{height:62px;width:auto}
.fkph p{margin:0;max-width:72ch;color:rgba(255,255,255,.85)}
.fkph strong{color:#fff;font-weight:700}
@media (max-width:600px){.fkph{grid-template-columns:1fr;gap:1rem}.fkph-logo{justify-self:start}}

/* KPH: Karte für Inhaltsseiten */
.kph-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.3rem;align-items:center;background:#fff;border:1px solid var(--rule);border-radius:var(--r);padding:1.15rem 1.35rem;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);max-width:820px;transition:transform .15s ease,border-color .15s ease}
.kph-card:hover{transform:translateY(-2px);border-color:var(--green)}
.kph-card img{height:76px;width:auto}
.kph-card .meta{display:block;font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;color:var(--terra);font-weight:700;margin-bottom:.25rem}
.kph-card b{display:block;font-family:var(--serif);font-weight:600;font-size:1.18rem;line-height:1.22;color:var(--green-deep)}
.kph-card small{display:block;color:var(--ink-soft);font-size:.95rem;line-height:1.45;margin-top:.3rem}
.kph-card .go{display:block;margin-top:.4rem;color:var(--terra-deep);font-weight:700;font-size:.95rem}
.kph-card.compact{padding:.9rem 1.1rem;gap:1rem}
.kph-card.compact img{height:58px}
@media (max-width:560px){.kph-card{grid-template-columns:1fr;gap:.8rem}.kph-card img{height:60px}}

/* Projekte */
.proj-group{padding:3.2rem 0 1rem}
.proj-group + .proj-group{border-top:1px solid var(--rule)}
.proj-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem 2rem;align-items:end;margin-bottom:1.3rem}
.proj-head h2{margin:0}
.proj-head p{margin:.4rem 0 0;color:var(--ink-soft)}
.proj-head .count{font-family:var(--serif);font-size:1rem;color:var(--mist);white-space:nowrap}
.card .ph.icon{display:grid;place-items:center;background:linear-gradient(135deg,var(--green-soft),var(--cream))}
.card .ph.icon svg{width:76px;height:76px;fill:none;stroke:var(--green-deep);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.card .ph.icon span{display:block;text-align:center;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--green-deep);font-weight:700;margin-top:.5rem}
.card .ph.contain img{object-fit:contain;background:#fff;padding:.6rem}
.card a.go{color:var(--terra-deep);text-decoration:none}
.card a.go:hover{text-decoration:underline}
.jump{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 0}
.jump a{font-size:.92rem;font-weight:700;text-decoration:none;color:var(--green-deep);background:#fff;border:1.5px solid var(--rule);border-radius:999px;padding:.35rem .9rem}
.jump a:hover{border-color:var(--green)}
.pagehead.photo .jump a{background:rgba(255,255,255,.92)}
@media (max-width:600px){.proj-head{grid-template-columns:1fr}}

/* Medien */
.pk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:1.3rem}
@media (max-width:900px){.pk-cards{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.pk-cards{grid-template-columns:1fr}}
.pk-cards .card .who{font-size:.9rem;color:var(--mist)}
.pk-links{display:flex;flex-wrap:wrap;gap:.35rem 1rem;font-size:.92rem;margin-top:.3rem}
.myear{display:grid;grid-template-columns:150px minmax(0,1fr);gap:.6rem 2rem;padding:1.6rem 0 1.2rem;border-top:2px solid var(--green)}
.myear h3{font-size:2.1rem;color:var(--green-deep);margin:0;line-height:1}
.myear h3 small{display:block;font-family:var(--sans);font-size:.85rem;font-weight:600;color:var(--mist);margin-top:.45rem;letter-spacing:0}
@media (max-width:760px){.myear{grid-template-columns:1fr}}
.mlist{list-style:none;padding:0;margin:0;max-width:none}
.mlist li{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:.15rem 1.1rem;padding:.7rem 0;border-top:1px solid var(--rule);align-items:baseline}
.mlist li:first-child{border-top:0;padding-top:.1rem}
.mlist time{font-size:.88rem;color:var(--mist);font-variant-numeric:tabular-nums;white-space:nowrap}
.mlist .md{display:block;font-weight:700;font-size:.9rem;color:var(--ink-soft)}
.mlist .tt{display:block;font-family:var(--serif);font-weight:500;font-size:1.07rem;line-height:1.35;color:var(--ink);overflow-wrap:anywhere}
.mlist a.tt{color:var(--green-deep);text-decoration-color:rgba(31,94,78,.3)}
.mlist a.tt:hover{text-decoration-color:var(--green)}
.mlist .nt{display:block;font-size:.86rem;color:var(--mist)}
.mlist .ty{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--terra-deep);background:var(--terra-soft);border-radius:999px;padding:.14rem .55rem;white-space:nowrap}
.mlist .ty.tv{color:#fff;background:var(--green)}
@media (max-width:600px){.mlist li{grid-template-columns:minmax(0,1fr) auto}.mlist time{grid-column:1/-1}}
.award{display:grid;grid-template-columns:1.05fr .95fr;gap:2.4rem;align-items:start}
.award figure{margin:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);background:var(--cream)}
.award figure img{width:100%;height:auto}
.award figcaption{font-size:.86rem;color:var(--mist);padding:.55rem .8rem .7rem;background:#fff}
@media (max-width:860px){.award{grid-template-columns:1fr}}
.vid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:1rem;align-items:center;background:#fff;border:1px solid var(--rule);border-radius:14px;padding:.7rem;text-decoration:none;color:var(--ink);margin-top:1.2rem;max-width:620px}
.vid:hover{border-color:var(--green)}
.vid .th{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:var(--cream)}
.vid .th img{width:100%;height:100%;object-fit:cover}
.vid .th::after{content:"▶";position:absolute;inset:auto auto 8px 8px;width:34px;height:34px;border-radius:50%;background:rgba(22,69,57,.9);color:#fff;display:grid;place-items:center;font-size:.85rem;padding-left:2px}
.vid b{display:block;font-family:var(--serif);font-size:1.08rem;color:var(--green-deep);line-height:1.25}
.vid small{display:block;color:var(--mist);font-size:.88rem;margin-top:.2rem}
@media (max-width:520px){.vid{grid-template-columns:1fr}}

/* Kernteam */
.team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.3rem}
.tm{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:1rem 1.15rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.25rem;min-width:0}
.tm b{font-family:var(--serif);font-weight:600;font-size:1.14rem;color:var(--ink)}
.tm span{font-size:.93rem;color:var(--ink-soft);line-height:1.4}
.tm.lead{border:2px solid var(--green);background:var(--green-soft)}
@media (max-width:900px){.team{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.team{grid-template-columns:1fr}}
.gal-cap{font-size:.86rem;color:var(--mist);margin:-.4rem 0 1rem}
.side-fig{margin:1.3rem 0 0}
.side-fig a{display:block;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);background:var(--cream)}
.side-fig img{width:100%;height:auto}
.side-fig figcaption{font-size:.86rem;color:var(--mist);padding:.5rem .2rem 0}
.gal a.doc{background:#fff;border:1px solid var(--rule)}
.gal a.doc img{object-fit:contain;padding:.4rem}
.partner img.top{object-position:50% 16%}
.years li>span{min-width:0;overflow-wrap:break-word}
@media (max-width:520px){.years.wide li{grid-template-columns:1fr;gap:.2rem}}
.pk-links a{overflow-wrap:anywhere}

/* Startseite: KPH im ersten Text */
.hero .lead strong{font-weight:600;color:var(--green-deep)}
.hero-kph{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .5rem;margin:1.15rem 0 0;max-width:56ch}
.hero-kph .lbl{flex-basis:100%;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--green-deep);margin-bottom:.1rem}
.hero-kph a{font-size:.9rem;font-weight:700;text-decoration:none;color:var(--green-deep);background:#fff;border:1.5px solid var(--rule);border-radius:999px;padding:.3rem .8rem;line-height:1.3}
.hero-kph a:hover{border-color:var(--green)}

/* ---- Runde 11.11.2026 ---- */
/* Wissen: Karten nicht mehr verzerrt (Inhalt immer in der zweiten Spalte) */
.wl>span{min-width:0;display:block}
.wl .d{display:block;margin:0;font-size:.95rem;color:var(--ink-soft)}
/* Startseite: Forschungssatz unter dem Einleitungstext */
.hero .research{font-family:var(--sans);font-size:1.04rem;line-height:1.5;color:var(--ink);max-width:56ch;margin:.9rem 0 0;padding:.15rem 0 .15rem .9rem;border-left:3px solid var(--gold)}
.hero .research strong{color:var(--green-deep)}
/* Netzwerk-Anmeldung */
.netz{background:var(--green-deep);color:#fff;border-radius:var(--r);padding:1.5rem 1.8rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.2rem 2rem;align-items:center;box-shadow:var(--shadow)}
.netz .big{font-family:var(--serif);font-weight:600;font-size:clamp(2.7rem,6vw,3.7rem);line-height:1;color:var(--gold);text-align:center}
.netz .big small{display:block;font-family:var(--sans);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#CFE6D8;margin-top:.4rem;font-weight:700}
.netz h2{color:#fff;margin:0 0 .35rem;font-size:clamp(1.3rem,2.3vw,1.7rem)}
.netz p{margin:0;color:rgba(255,255,255,.9);max-width:62ch}
.netz .who{font-size:.95rem;color:#CFE6D8;margin-bottom:.45rem}
.netz .btns{margin-top:.9rem}
.netz .btn{border-color:#fff;color:#fff}.netz .btn:hover{background:rgba(255,255,255,.12)}
.netz .btn.solid{background:var(--gold);border-color:var(--gold);color:var(--green-deep)}.netz .btn.solid:hover{background:#E5BC5C}
.netz .qrbox{background:#fff;border-radius:14px;padding:.55rem .55rem .45rem;text-align:center;color:var(--ink);justify-self:end}
.netz .qrbox svg{width:128px;height:128px;display:block}
.netz .qrbox small{display:block;font-size:.74rem;color:var(--mist);margin-top:.15rem;letter-spacing:.04em}
@media (max-width:900px){.netz{grid-template-columns:auto minmax(0,1fr)}.netz .qrbox{display:none}}
@media (max-width:560px){.netz{grid-template-columns:1fr;padding:1.3rem 1.2rem}.netz .big{text-align:left}}
/* Termine mit Matthias Ehrhardt */
.ehr{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.75fr);gap:2.2rem;align-items:start}
.ehr .who{display:flex;gap:.9rem;align-items:center;margin:1rem 0 .4rem}
.ehr .who img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:0 0 72px}
.ehr .who b{display:block;font-family:var(--serif);font-size:1.12rem;color:var(--green-deep)}
.ehr .who span{display:block;font-size:.9rem;color:var(--ink-soft);line-height:1.4}
.dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.date{background:#fff;border:1px solid var(--rule);border-radius:var(--r);padding:1.1rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:var(--shadow);min-width:0}
.date.hi{border:2px solid var(--terra)}
.date .badge{align-self:flex-start;background:var(--gold);color:var(--green-deep);border-radius:999px;padding:.14rem .65rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.date .badge.free{background:#CFE6D8}
.date .day{font-family:var(--serif);font-weight:600;font-size:1.28rem;color:var(--green-deep);line-height:1.2;margin-top:.15rem}
.date .time{font-size:.88rem;color:var(--mist);line-height:1.35}
.date h3{font-size:1.1rem;margin:.25rem 0 0}
.date p{margin:0;font-size:.95rem;color:var(--ink-soft)}
.date .btn{margin-top:auto;align-self:flex-start;padding:.6rem 1.05rem;font-size:.95rem}
.date .nt{font-size:.82rem;color:var(--mist);line-height:1.35}
.ehr-quotes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.1rem}
.ehr-quotes .qbox{font-size:1.06rem}
@media (max-width:1060px){.ehr{grid-template-columns:1fr}}
@media (max-width:820px){.dates,.ehr-quotes{grid-template-columns:1fr}}
/* Großes Video-Vorschaubild */
.vbig{display:block;position:relative;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);text-decoration:none;color:#fff;aspect-ratio:16/9;background:#10241E;max-width:100%}
.vbig img{width:100%;height:100%;object-fit:cover;opacity:.86;transition:opacity .2s ease}
.vbig:hover img{opacity:1}
.vbig .play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:rgba(22,69,57,.92);display:grid;place-items:center;font-size:1.5rem;padding-left:5px;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.vbig .cap{position:absolute;left:0;right:0;bottom:0;padding:2rem 1.1rem .85rem;background:linear-gradient(transparent,rgba(0,0,0,.76));font-weight:700;line-height:1.3}
.vbig .cap small{display:block;font-weight:400;opacity:.88;margin-top:.15rem}
/* Fachbereich */
.fb-lead{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.3rem 0 .4rem}
.fb-lead .tm{flex-direction:row;align-items:center;gap:1rem}
.fb-lead .tm img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 18%;flex:0 0 64px}
.fb-lead .tm .ini{width:64px;height:64px;border-radius:50%;flex:0 0 64px;display:grid;place-items:center;background:var(--green);color:#fff;font-family:var(--serif);font-size:1.35rem;font-weight:600}
.fb-members{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0 0;padding:0;list-style:none;max-width:none}
.fb-members li{background:#fff;border:1px solid var(--rule);border-radius:999px;padding:.34rem .85rem;font-size:.95rem}
.fb-members li.hl{border-color:var(--green);background:var(--green-soft);font-weight:700;color:var(--green-deep)}
.fb-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.3rem}
.fb-three .place{box-shadow:none}
@media (max-width:760px){.fb-lead,.fb-three{grid-template-columns:1fr}}
/* Hinweisbox mit Aufruf */
.cta-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 2rem;align-items:center;background:var(--terra-soft);border:1px solid #EFDDB4;border-radius:var(--r);padding:1.3rem 1.5rem;margin-top:1.6rem}
.cta-box h3{margin:0 0 .3rem}
.cta-box p{margin:0;color:var(--ink-soft);max-width:70ch}
.cta-box .btns{margin-top:0}
@media (max-width:760px){.cta-box{grid-template-columns:1fr}}
/* Projektseiten: Personenkarten mit Foto */
.partners.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){.partners.three{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.partners.three{grid-template-columns:1fr}}
.gal.two{grid-template-columns:1fr 1fr}
.gal a.tall{aspect-ratio:3/4}
.ehr-quotes blockquote{margin:0}
.partner .ini{width:92px;height:92px;border-radius:50%;flex:0 0 92px;display:grid;place-items:center;background:var(--green-soft);color:var(--green-deep);font-family:var(--serif);font-size:1.7rem;font-weight:600;border:2px solid var(--green)}

.tm.hl{border:2px solid var(--green);background:var(--green-soft)}
.fb-lead .tm>div{min-width:0}
.fb-lead .tm>div>b{display:block}
.fb-lead .tm>div>span{display:block;margin-top:.15rem}
/* Fotos in Flex-Zeilen nicht schrumpfen lassen (Bild mit max-width:100 % hat sonst Mindestbreite 0) */
.partner>picture,.ehr .who>picture,.fb-lead .tm>picture,.leader>picture{flex:0 0 auto;display:block}
.partner>picture img,.ehr .who>picture img,.fb-lead .tm>picture img{max-width:none}
.card .ph img.pos-right{object-position:100% 50%}
.split figure.side-fig img{aspect-ratio:auto;object-fit:contain;height:auto}
/* Internationale Netzwerke */
.netgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.3rem}
.ng{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:1rem 1.15rem 1.05rem;min-width:0}
.ng h3{font-size:1.1rem;margin:0;display:flex;justify-content:space-between;gap:.6rem;align-items:baseline}
.ng h3 small{font-family:var(--sans);font-size:.8rem;color:var(--mist);font-weight:700}
.ng .nt{font-size:.83rem;color:var(--mist);margin:.15rem 0 0}
.ng ul{list-style:none;padding:0;margin:.45rem 0 0;max-width:none}
.ng li{padding:.42rem 0;border-top:1px solid var(--rule)}
.ng li:first-child{border-top:0}
.ng li.hl b{color:var(--green-deep)}
.ng li b{display:block;font-weight:700;color:var(--ink);font-size:.98rem;line-height:1.3}
.ng li small{display:block;color:var(--ink-soft);font-size:.86rem;line-height:1.35}
.tag2{display:inline-block;margin-left:.4rem;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--green-deep);background:var(--green-soft);border-radius:999px;padding:.08rem .45rem;vertical-align:.15em;white-space:nowrap}
@media (max-width:1000px){.netgrid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.netgrid{grid-template-columns:1fr}}
.map-fig{margin:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);background:var(--cream);border:1px solid var(--rule)}
.map-fig img{width:100%;height:auto;display:block}
.map-fig figcaption{font-size:.86rem;color:var(--mist);padding:.55rem .9rem .7rem;background:#fff;border-top:1px solid var(--rule)}
.legend{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;margin-bottom:.25rem;color:var(--ink-soft)}
.legend i{display:inline-block;width:.85rem;height:.85rem;border-radius:3px;vertical-align:-.1rem;margin-right:.35rem;border:1px solid rgba(0,0,0,.08)}
.lead-person{display:inline-flex;gap:.6rem;align-items:baseline;background:var(--green-soft);border:1.5px solid var(--green);border-radius:12px;padding:.55rem .9rem;margin-top:.9rem}
.lead-person b{color:var(--green-deep)}
.lead-person span{color:var(--ink-soft);font-size:.92rem}
.team5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin-top:1rem}
@media (max-width:1000px){.team5{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.team5{grid-template-columns:1fr}}
/* Call for Papers */
.cfp{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.4rem 2.2rem;background:#fff;border:2px solid var(--terra);border-radius:var(--r);padding:1.5rem 1.7rem;box-shadow:var(--shadow)}
.cfp .badge{display:inline-block;background:var(--terra);color:#fff;border-radius:999px;padding:.16rem .7rem;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.cfp h2,.cfp h3{margin:.5rem 0 .4rem}
.cfp p{margin:0 0 .6rem;color:var(--ink-soft)}
.cfp dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.45rem 1rem;font-size:.95rem;align-content:start}
.cfp dt{font-weight:700;color:var(--terra-deep)}
.cfp dd{margin:0;color:var(--ink)}
@media (max-width:860px){.cfp{grid-template-columns:1fr;padding:1.3rem 1.2rem}}
/* Seminar: Fotos der beiden Vortragenden */
.duo{display:flex;align-items:center;gap:.6rem;margin:.3rem 0 .1rem}
.duo picture{display:block;flex:0 0 auto}
.duo picture+picture{margin-left:-14px}
.duo img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.12);max-width:none}
.duo span{font-size:.85rem;color:var(--ink-soft);line-height:1.3;font-weight:600}
.ehr .whos{display:grid;gap:.2rem;margin-top:.6rem}
.split figure.map-fig img{aspect-ratio:auto;object-fit:contain;height:auto}
/* V8 (11.11.2026): Lehrgang-Kasten im Kopf der Startseite */
.hero-side{display:grid;gap:1rem;align-content:start;min-width:0}
.lg-box{display:grid;grid-template-columns:88px minmax(0,1fr);gap:1rem;align-items:start;background:#fff;border:2px solid var(--terra);border-radius:var(--r);padding:1rem 1.1rem;box-shadow:var(--shadow)}
.lg-cover{display:block;line-height:0}
.lg-box .lg-cover img{width:88px;height:auto;max-width:none;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.14);display:block}
.lg-box .lg-cover picture{display:block}
.lg-tx{min-width:0}
.lg-k{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--terra);font-weight:700;margin:0 0 .25rem}
.lg-t{font-size:1.24rem;line-height:1.2;margin:0 0 .35rem}
.lg-t a{color:var(--green-deep);text-decoration:none}
.lg-t a:hover{text-decoration:underline}
.lg-m{font-size:.9rem;color:var(--ink-soft);margin:0 0 .65rem;line-height:1.45}
.lg-m strong{color:var(--green-deep)}
.lg-cta{display:flex;flex-wrap:wrap;gap:.5rem}
.lg-cta .btn{padding:.45rem .95rem;font-size:.92rem}
@media (max-width:420px){.lg-box{grid-template-columns:64px minmax(0,1fr);padding:.9rem}.lg-box .lg-cover img{width:64px}}
/* Teamfoto und kleine Abbildungen */
.team-fig{margin:1.3rem 0 0}
.team-fig img{width:100%;height:auto;display:block;border-radius:var(--r);box-shadow:var(--shadow)}
.team-fig figcaption{font-size:.86rem;color:var(--ink-soft);margin-top:.55rem;line-height:1.45}
.mini-fig{margin:1.3rem 0 0}
.mini-fig img{width:100%;height:auto;display:block;border-radius:12px}
.mini-fig figcaption{font-size:.85rem;color:var(--mist);margin-top:.45rem;line-height:1.45}
.split .prose figure.mini-fig{box-shadow:none;border-radius:12px}
.split .prose figure.mini-fig figcaption{padding:0}
/* geplante Projekte */
.card .ph{position:relative}
.plan-tag{position:absolute;top:.7rem;left:.7rem;background:var(--gold);color:var(--green-deep);border-radius:999px;padding:.18rem .7rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.plan-badge{display:inline-block;background:var(--gold);color:var(--green-deep);border-radius:999px;padding:.16rem .7rem;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-bottom:.6rem}
/* Materialien nach Schulstufe */
.levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0 1.3rem}
.lvl-card{display:flex;flex-direction:column;gap:.25rem;background:#fff;border:1px solid var(--rule);border-radius:var(--r);padding:1rem 1.2rem;text-decoration:none;color:var(--ink);box-shadow:var(--shadow)}
.lvl-card.on{border:2px solid var(--green)}
.lvl-card:hover{border-color:var(--terra)}
.lvl-k{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--terra);font-weight:700}
.lvl-card b{font-family:var(--serif);font-size:1.22rem;color:var(--green-deep);font-weight:600}
.lvl-card>span:last-child{font-size:.92rem;color:var(--ink-soft);line-height:1.45}
.sek-block{margin-top:2rem;background:#fff;border:1px solid var(--rule);border-left:4px solid var(--terra);border-radius:var(--r);padding:1.2rem 1.3rem}
.sek-block h3{margin-bottom:.3rem}
.sek-block .mat-list{max-width:none;margin-top:.8rem}
.mat-row.soon .nm{color:var(--mist);font-style:italic}
@media (max-width:640px){.levels{grid-template-columns:1fr}}
/* Jahresthema: auf einen Blick */
.doit{background:var(--terra-soft);border-radius:var(--r);padding:1.2rem 1.4rem;margin:1rem 0 .4rem}
.doit-h{font-weight:700;color:var(--terra-deep);margin:0 0 .75rem}
.doit ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1.6rem}
.doit li{min-width:0}
.doit li a{display:block;text-decoration:none;color:var(--ink);padding-left:1.8rem;position:relative}
.doit li a::before{content:"✓";position:absolute;left:0;top:.12rem;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--green);color:#fff;font-size:.74rem;display:grid;place-items:center;font-weight:700}
.doit li b{display:block;color:var(--green-deep)}
.doit li a:hover b{text-decoration:underline}
.doit li span{display:block;font-size:.9rem;color:var(--ink-soft);line-height:1.4}
@media (max-width:700px){.doit ul{grid-template-columns:1fr}}
/* Presse-Ausschnitt ohne Play-Symbol */
.vid.clip{margin-top:.7rem}
.vid.clip .th::after{display:none}
.vid.clip .th img{object-position:top}
/* Tabellen (Projektseiten) */
.tbl-wrap{overflow-x:auto;margin:1rem 0}
.tbl{width:100%;border-collapse:collapse;font-size:.95rem;background:#fff;border-radius:12px;overflow:hidden}
.tbl th,.tbl td{border-bottom:1px solid var(--rule);padding:.65rem .8rem;text-align:left;vertical-align:top}
.tbl th{color:var(--green-deep);font-family:var(--serif);font-weight:600;background:var(--cream)}
.tbl td:first-child{font-weight:700;color:var(--green-deep);min-width:9rem}
.venn{max-width:420px;margin:0 auto}
.venn svg{width:100%;height:auto;display:block}
.ebenen{display:grid;gap:.6rem;margin-top:1rem}
.ebenen div{border-left:4px solid var(--gold);padding:.15rem 0 .15rem .8rem}
.ebenen b{display:block;color:var(--green-deep)}
.status-box{background:var(--terra-soft);border-radius:var(--r);padding:1.1rem 1.3rem}
.status-box h3{margin-bottom:.3rem}
.ccs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.1rem}
.ccs .place p{margin-bottom:0}
@media (max-width:820px){.ccs{grid-template-columns:1fr}}
.duo.trio{flex-wrap:wrap;row-gap:.35rem}
.duo.trio span{flex-basis:100%}
.home .hero .grid{align-items:start}
.ehr .team-fig{margin-top:1.3rem}
.tbl th:first-child{min-width:9rem}
.split figure.lewis-fig{box-shadow:none;overflow:visible}
.split figure.lewis-fig img{border-radius:12px;aspect-ratio:3/2}
/* V9: Micro-Credential-Kennzeichnung, verlinkte Folder-Bilder */
.plan-tag.mc{background:var(--green-deep);color:#fff;left:auto;right:.7rem;top:auto;bottom:.7rem;letter-spacing:.05em}
a.ph{display:block;position:relative;text-decoration:none}
a.ph:hover img{opacity:.92}
.footer .copy a,.copy a{white-space:nowrap}