/* =========================================================
   Entwurf I – Gestaltung von Entwurf B (MindMarket-Stil mit PLURI-Farben) auf den Inhalten von Entwurf H.
   Creme-Canvas, weiße Flächen mit kleinem Radius, eine Schrift (Inter 500), feine Linien statt schwarzer Striche,
   grünes Farbfeld oben (Startseite), gelbes Band unten, keine Schatten.
   Teil 1: Bausteine der eigenen Vorlagen (b-…), Teil 2: Umgestaltung der Eltern-Seiten (Unterseiten).
   ========================================================= */
@font-face{font-family:"InterB";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"InterB";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"InterB";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/inter-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"InterB";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/inter-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"InterB";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/inter-greek.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}

body.look-b{
  --canvas:#f5f1e4; --surface:#fff; --stone:#e0dbce; --hair:#d5d5d4;
  --ink:#2c2e2a; --ink-2:#5c5e59; --muted:#5c5e59; --line:#d5d5d4; --bg:#f5f1e4; --soft:#fff;
  --head:"InterB",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --body:"InterB",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:10px; --r-sheet:64px; --b-wrap:1200px; --b-gut:clamp(16px,4vw,40px); --b-gap:clamp(80px,10vw,136px);
  --ease:cubic-bezier(.2,.7,.2,1); --mh:clamp(230px,32vw,460px);
  background:var(--canvas); color:var(--ink); font-family:var(--body); font-weight:500; font-size:17px; line-height:1.5;
  font-feature-settings:"cv11","ss03"; overflow-x:hidden;
}
.look-b :focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.look-b .skip{background:var(--ink);color:#fff;border-radius:var(--r)}

/* ================= Teil 1: eigene Bausteine ================= */
.b-wrap{max-width:calc(var(--b-wrap) + 2*var(--b-gut));margin-inline:auto;padding-inline:var(--b-gut)}
.b-muted{color:var(--ink-2)}
.b-small{font-size:15px}

/* Knopf: weißer Kasten + Farbkreis mit Pfeil */
.b-btn{display:inline-flex;align-items:center;gap:16px;min-height:60px;padding:10px 10px 10px 22px;border-radius:var(--r);background:var(--surface);color:var(--ink);font:500 17px/1.15 var(--body);text-decoration:none;border:0}
.b-btn--fill{background:var(--orange)}
.b-btn--canvas{background:var(--canvas)}
.b-dot{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--c,var(--green));color:var(--ink);flex:none;transition:transform .25s var(--ease)}
.b-dot svg{width:16px;height:16px}
a:hover > .b-dot,.b-btn:hover .b-dot{transform:translateX(3px)}

/* Kopf: schwebende weiße Leiste */
.b-nav{position:fixed;top:16px;left:0;right:0;z-index:50}
.admin-bar .b-nav{top:48px}
.b-nav__in{display:flex;gap:20px}
.b-bar{flex:1;display:flex;align-items:center;gap:24px;height:68px;padding:0 14px 0 18px;background:var(--surface);border-radius:var(--r);min-width:0}
.look-b .b-logo{display:block;flex:none;line-height:0}
.look-b .b-logo svg{height:40px;width:auto}
.b-eu{display:flex;align-items:center;padding-left:20px;border-left:1px solid var(--hair);height:36px;flex:none}
.b-eu img{height:30px;width:auto}
.b-links{margin-left:auto;min-width:0}
.b-links ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.b-links a{display:block;padding:8px 12px;border-radius:var(--r);font:500 16px/1.2 var(--body);color:var(--ink);text-decoration:none;white-space:nowrap}
.b-links a:hover,.b-links .current-menu-item > a{background:var(--canvas)}
.b-menu{display:none;place-items:center;width:40px;height:40px;border-radius:50%;border:0;background:var(--green);color:var(--ink);flex:none}
.b-menu svg{width:18px;height:18px}
.b-station-btn{display:flex;align-items:center;gap:16px;height:68px;padding:0 14px 0 22px;background:var(--surface);border-radius:var(--r);text-decoration:none;color:var(--ink);font:500 17px/1 var(--body);flex:none}
.b-drawer{position:fixed;inset:0;z-index:-1;display:flex;flex-direction:column;gap:4px;background:var(--green);padding:110px var(--b-gut) 40px;overflow:auto;border:0}
.b-drawer[hidden]{display:none}
.b-drawer ul{list-style:none;margin:0;padding:0}
.b-drawer a{display:block;font:500 clamp(2.2rem,8vw,3.5rem)/1.15 var(--body);letter-spacing:-.05em;text-decoration:none;color:var(--ink);text-transform:none;border:0;padding:4px 0}
.b-drawer a.st{background:none;margin-top:18px;padding:4px 0}
@media (max-width:1180px){.b-links{display:none}.b-menu{display:grid;margin-left:auto}}
@media (max-width:720px){.b-eu{display:none}.b-station-btn > span:first-child{display:none}.b-station-btn{padding:0 14px}.b-nav__in{gap:10px}}

/* Startseite: grünes Feld, riesiger Titel, Zeichen über der Kante */
.b-hero{position:relative;background:var(--green);padding:clamp(130px,14vw,190px) 0 var(--r-sheet);text-align:center}
.look-b .b-display{font:500 clamp(3.4rem,1rem + 9.6vw,10rem)/.9 var(--body);letter-spacing:-.06em;text-transform:none;margin:0 auto;text-wrap:balance;font-variation-settings:"opsz" 32}
.look-b .b-display .cycle{color:inherit}
.b-sub{margin-top:clamp(20px,2.5vw,36px);font-size:clamp(1.25rem,1rem + .8vw,1.875rem);line-height:1.2;letter-spacing:-.03em}
.b-mark{position:relative;z-index:3;width:max-content;margin:clamp(36px,5vw,64px) auto calc(var(--mh) * -.42 - var(--r-sheet))}
.b-mark svg{height:var(--mh);width:auto;overflow:visible}
.b-mark i{position:absolute;border-radius:50%;background:var(--c)}
.b-piece{transform-box:fill-box;transform-origin:center;opacity:0;animation:b-build .9s var(--ease) forwards}
@keyframes b-build{from{opacity:0;transform:translate(var(--dx,0),var(--dy,-60px)) rotate(var(--rot,0deg))}to{opacity:1;transform:none}}
.b-sheet{position:relative;z-index:2;margin-top:calc(var(--r-sheet) * -1);background:var(--canvas);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding-top:calc(var(--mh) * .42 + var(--r-sheet) + clamp(36px,4vw,64px))}

.b-intro{display:grid;grid-template-columns:7fr 4fr;gap:clamp(40px,7vw,120px);align-items:start}
.b-intro__text{display:grid;gap:36px;justify-items:start}
.b-statement{font-size:clamp(1.4rem,1.05rem + 1.1vw,1.875rem);line-height:1.22;letter-spacing:-.025em;max-width:none}
.b-facts{list-style:none;margin:0;padding:0}
.b-facts li{padding:18px 0;border-top:1px solid var(--hair)}
.b-facts li:last-child{border-bottom:1px solid var(--hair)}
.b-facts span{display:block;font-size:15px;color:var(--ink-2)}
@media (max-width:860px){.b-intro{grid-template-columns:1fr}}

.b-block{padding-top:var(--b-gap)}
.b-block--s{padding-top:clamp(40px,5vw,64px)}
.look-b .b-h-lg{font:500 clamp(2.6rem,1.2rem + 4.4vw,5.06rem)/1.02 var(--body);letter-spacing:-.05em;text-transform:none}
.look-b .b-h{font:500 clamp(2.1rem,1.3rem + 2.3vw,3.3rem)/1.1 var(--body);letter-spacing:-.04em;text-transform:none}
.look-b .b-h--s{font-size:clamp(1.8rem,1.2rem + 1.6vw,2.6rem)}
.b-split{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,100px);align-items:start}
.b-split > :first-child{position:sticky;top:120px}
.b-split__lead{margin-top:24px;max-width:26em}
@media (max-width:860px){.b-split{grid-template-columns:1fr}.b-split > :first-child{position:static}}
.b-rows{list-style:none;margin:0;padding:0}
.b-rows li{display:grid;grid-template-columns:28px 1fr;gap:6px 20px;padding:26px 0;border-top:1px solid var(--hair)}
.b-rows li:last-child{border-bottom:1px solid var(--hair)}
.b-rows i{width:16px;height:16px;border-radius:50%;background:var(--c);margin-top:12px}
.look-b .b-rows h3{font:500 clamp(1.4rem,1.1rem + .9vw,1.875rem)/1.2 var(--body);letter-spacing:-.03em}
.b-rows h3 a{text-decoration:none}
.b-rows h3 a:hover{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.b-rows p{grid-column:2;color:var(--ink-2)}

.b-station{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:620px}
.b-station__art{position:relative;height:100%;min-height:420px}
.b-station__art svg{position:absolute;left:calc(var(--b-gut) * -1 - 60px);top:50%;transform:translateY(-50%);height:min(660px,125%);width:auto}
.b-card{display:grid;gap:24px;justify-items:start;padding:clamp(28px,4vw,56px);background:var(--surface);border-radius:var(--r)}
.b-card p{font-size:clamp(1.05rem,.95rem + .35vw,1.25rem);line-height:1.35;letter-spacing:-.01em}
.b-actions{display:flex;flex-wrap:wrap;gap:12px}
.b-comps{list-style:none;margin:0;padding:0;justify-self:stretch}
.b-comps a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--hair);text-decoration:none;color:var(--ink);font-size:clamp(1.1rem,1rem + .3vw,1.3rem);letter-spacing:-.02em}
.b-comps li:last-child a{border-bottom:1px solid var(--hair)}
.b-comps small{display:block;font-size:14px;color:var(--ink-2);letter-spacing:0;margin-top:2px}
.b-comps .b-dot{border:1px solid var(--hair)}
.b-comps a:hover .b-dot{--c:var(--orange);border-color:transparent}
.b-card--row{grid-template-columns:1fr auto;align-items:center}
.b-card__text{display:grid;gap:12px}
.b-card__text p{max-width:34em}
@media (max-width:760px){.b-card--row{grid-template-columns:1fr}}
@media (max-width:860px){.b-station{grid-template-columns:1fr;min-height:0}.b-station__art{min-height:300px}.b-station__art svg{left:50%;transform:translate(-50%,-50%);height:300px}}

.b-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:40px}
.b-news{list-style:none;margin:0;padding:0}
.b-news a{display:grid;grid-template-columns:170px 1fr 40px;gap:20px;align-items:center;padding:28px 0;border-top:1px solid var(--hair);text-decoration:none;color:var(--ink)}
.b-news li:last-child a{border-bottom:1px solid var(--hair)}
.b-news time{font-size:15px;color:var(--ink-2)}
.look-b .b-news h3{font:500 clamp(1.3rem,1rem + 1vw,1.875rem)/1.2 var(--body);letter-spacing:-.03em}
.b-news .b-dot{border:1px solid var(--hair)}
.b-news a:hover .b-dot{--c:var(--yellow);border-color:transparent}
@media (max-width:640px){.b-news a{grid-template-columns:1fr 40px}.b-news time{grid-column:1 / -1}}

.b-partners{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hair)}
.b-partners li > *,.b-partners li > a{display:grid;gap:4px;padding:20px 20px 20px 0;text-decoration:none;color:var(--ink)}
.b-partners li > b{padding-bottom:0}
.b-partners b{font-weight:500}
.b-partners span{font-size:15px;color:var(--ink-2)}
.b-partners a:hover b{text-decoration:underline;text-underline-offset:4px}
@media (max-width:900px){.b-partners{grid-template-columns:1fr 1fr}}

/* Fuß: gelbes Band */
.b-footer{margin-top:var(--b-gap);background:var(--yellow);color:var(--ink);padding:clamp(56px,7vw,96px) 0 32px}
.b-footer__top{display:grid;grid-template-columns:1.1fr .8fr .9fr 1.4fr;gap:40px}
.look-b .b-footer h2{font:500 15px/1.3 var(--body);letter-spacing:0;text-transform:none;opacity:.7;margin-bottom:14px}
.b-footer__logo svg{height:96px;width:auto}
.b-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.b-footer a{text-decoration:none;color:var(--ink)}
.b-footer ul a:hover,.b-footer__bottom a:hover{text-decoration:underline;text-underline-offset:4px}
.b-footer__eu{display:grid;gap:14px;align-content:start}
.b-footer__eu img{height:50px;width:auto;background:#fff;padding:6px 8px;border-radius:6px}
.b-footer__eu p{font-size:13px;line-height:1.5}
.b-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:56px;padding-top:20px;border-top:1px solid rgba(44,46,42,.25);font-size:15px}
.b-footer__bottom .legal-links{display:flex;flex-wrap:wrap;gap:6px 22px;list-style:none;margin:0;padding:0}
@media (max-width:1000px){.b-footer__top{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.b-footer__top{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.b-piece{animation:none;opacity:1}}

/* ================= Teil 2: Unterseiten aus dem Eltern-Theme im B-Look ================= */
/* Platz unter der schwebenden Leiste */
body.look-b:not(.home) main{padding-top:112px}
.look-b .wrap{max-width:calc(var(--b-wrap) + 2*var(--b-gut));padding-inline:var(--b-gut)}
.look-b section{border-bottom:0}

/* Schrift: Inter 500, normale Schreibweise, eng gesetzt */
.look-b :is(h1,h2,h3,.h3,.kicker,.btn,.chip,.side-h,.fh){font-family:var(--body)}
.look-b h1{font-weight:500;text-transform:none;letter-spacing:-.05em;font-size:clamp(2.6rem,1.2rem + 4.4vw,5.06rem);line-height:1.02}
.look-b h2{font-weight:500;text-transform:none;letter-spacing:-.04em;line-height:1.1}
.look-b h3,.look-b .h3{font-weight:500;letter-spacing:-.025em;line-height:1.2}
.look-b .kicker{font-weight:500;font-size:15px;letter-spacing:0;text-transform:none;color:var(--ink-2)}
.look-b .lead{font-weight:500;font-size:clamp(1.25rem,1rem + .8vw,1.75rem);line-height:1.25;letter-spacing:-.02em}
.look-b .side-h{font-weight:500;font-size:14px;letter-spacing:0;text-transform:none;color:var(--ink-2)}

/* Knöpfe der Unterseiten: weiße Kästen (dunkel beim Drüberfahren) */
.look-b .btn,.look-b .wp-block-button__link{border:0;border-radius:var(--r);background:var(--surface);color:var(--ink);min-height:52px;padding:10px 20px;font:500 16px/1.2 var(--body);text-transform:none}
.look-b .btn:hover,.look-b .wp-block-button__link:hover{background:var(--ink);color:#fff}
.look-b .btn.solid{background:var(--ink);color:#fff}
.look-b .btn.solid:hover{background:var(--surface);color:var(--ink)}
.look-b .btn-station,.look-b .btn-cat{background:var(--cc,var(--orange));color:var(--ink)}
.look-b .is-style-outline .wp-block-button__link{background:transparent;box-shadow:inset 0 0 0 1px var(--hair)}
.look-b .act-content .wp-block-button__link{border:0;background:var(--cc,var(--surface))}
.look-b .act-content .pluri-dl .wp-block-button__link{background:var(--surface)}

/* Seitenkopf: Farbfläche + Bild als zwei abgerundete Flächen */
.look-b .phead{max-width:calc(var(--b-wrap) + 2*var(--b-gut));margin-inline:auto;padding-inline:var(--b-gut);gap:20px;border:0}
.look-b .phead .t{border-radius:var(--r);padding:clamp(32px,4vw,56px)}
.look-b .phead .t[style*="#fff"],.look-b .phead .t:not([style]){background:var(--surface)}
.look-b .phead .img{border:0;border-radius:var(--r);overflow:hidden}
.look-b .phead h1{font-size:clamp(2.4rem,1.2rem + 3.6vw,4.4rem)}
.look-b .crumbs{font:500 15px var(--body);color:var(--ink-2)}
.look-b .page-title{letter-spacing:-.05em}
@media (max-width:960px){.look-b .phead .img{border:0}}

/* Raster, Kacheln, Karten */
.look-b .acts{gap:20px;border:0}
.look-b .act{background:var(--surface);border:0 !important;border-radius:var(--r)}
.look-b .act h3{font-weight:500;text-transform:none;font-size:clamp(1.4rem,1.1rem + .9vw,1.875rem);letter-spacing:-.03em}
.look-b .act .more,.look-b .act .num{font:500 15px var(--body)}
.look-b .card .ph,.look-b .card.big .ph{border-radius:var(--r)}
.look-b .card h3{font-size:clamp(1.25rem,1.05rem + .6vw,1.6rem)}
.look-b .card .cta{font:500 16px var(--body);border-bottom-width:1px}
.look-b .round-br,.look-b .round-tl,.look-b .round-tr{border-radius:var(--r)}
.look-b .chip{border:0;background:var(--surface);border-radius:999px;font:500 14px/1.2 var(--body);padding:7px 13px}
.look-b .chip.on,.look-b button.chip[aria-pressed="true"],.look-b .filters .chip:hover{background:var(--ink);color:#fff}
.look-b .filters .lbl{font:500 15px var(--body);text-transform:none;color:var(--ink-2)}
.look-b .dl,.look-b .pluri-dl{border-radius:var(--r)}
.look-b .comps{gap:20px}
.look-b .comp{background:var(--surface) !important;border:0 !important;border-radius:var(--r) !important}
.look-b .comp .num{font:500 64px/1 var(--body);letter-spacing:-.05em}
.look-b .comp h2{font-weight:500;text-transform:none;font-size:clamp(1.4rem,1.1rem + .9vw,1.875rem)}
.look-b .pr-side{background:var(--surface);border-radius:var(--r)}
.look-b .pr-block{border-bottom:1px solid var(--hair)}
.look-b .callout,.look-b .callout.peach,.look-b .callout.sky,.look-b .callout.lav{background:var(--surface);border-radius:var(--r)}
.look-b .pager{border-top:1px solid var(--hair)}
.look-b .people .ph{border-radius:var(--r)}
.look-b .clist li{border-bottom:1px solid var(--hair)}
.look-b .logos{border-top:1px solid var(--hair)}
.look-b .logos > *{border-right:1px solid var(--hair)}
.look-b .logos > *:last-child{border-right:0}
.look-b .pluri-row,.look-b .pluri-row:first-of-type,.look-b h2 + .pluri-row,.look-b .res-page h2 + .pluri-row{border-color:var(--hair);border-top-width:1px}
.look-b .res-band{background:transparent}
.look-b .res-list{border-top:1px solid var(--hair)}
.look-b .res-list a{border-bottom:1px solid var(--hair)}
.look-b .res-list b{font:500 20px var(--body);letter-spacing:-.02em}
.look-b .strip{border:0;gap:12px}
.look-b .strip a{border:0;border-radius:var(--r)}
.look-b .comp-list{border-top:1px solid var(--hair)}
.look-b .comp-list a{border-bottom:1px solid var(--hair);font:500 18px/1.2 var(--body);text-transform:none}
.look-b .pagination .page-numbers{border:0;background:var(--surface);font:500 15px var(--body);border-radius:var(--r)}
.look-b .pagination .current,.look-b .pagination a:hover{background:var(--ink);color:#fff}
.look-b .res-ph{background:var(--surface);border-radius:var(--r)}
.look-b .res-ph span{font:500 14px var(--body);text-transform:none;letter-spacing:0}

/* Journal-Beitrag */
.look-b .jpost-head{border:0;background:var(--c,var(--surface));max-width:calc(var(--b-wrap) + 2*var(--b-gut));margin:0 auto;border-radius:var(--r)}
.look-b .jpost-head h1{font-size:clamp(2.4rem,1.2rem + 3.6vw,4.4rem)}
.look-b .jpost-hero{border:0;max-width:calc(var(--b-wrap) + 2*var(--b-gut));margin:20px auto 0;padding-inline:var(--b-gut)}
.look-b .jpost-hero img{border-radius:var(--r)}
.look-b .jpost-meta{border-top:1px solid var(--hair)}
.look-b .jpost-text .wp-block-gallery img{border-radius:var(--r)}

/* Inhalte aus dem Editor */
.look-b .entry-content .wp-block-separator{border-top:1px solid var(--hair)}
.look-b .entry-content .wp-block-image img{border-radius:var(--r)}
.look-b .entry-content a:not(.wp-block-button__link):not(.btn):hover{color:var(--ink-2)}
.look-b .has-background{border-radius:var(--r)}
.look-b .bld text{font-family:var(--body);font-weight:500}

/* Lightbox */
.look-b .lb button{font:500 22px var(--body)}

/* Feinschliff nach der ersten Sichtprüfung */
/* Textseiten und „Weiter“-Bereich: gleiche Breite wie der Rest (Eltern-Regeln haben hier höheren Vorrang) */
.look-b .wrap.entry-content:not(.wide),.look-b .wrap.res-single,.look-b .pager.wrap,.look-b .pager{max-width:calc(var(--b-wrap) + 2*var(--b-gut));margin-inline:auto;padding-inline:var(--b-gut)}
/* Startseite: Anker-Links im Menü (#activities) nicht als „aktuelle Seite“ markieren */
.b-links .menu-item-type-custom.current-menu-item > a{background:none}
.b-links .menu-item-type-custom.current-menu-item > a:hover{background:var(--canvas)}
/* Fuß: zwei Listen (Station + Menü) mit gleichem Abstand */
.b-footer ul + ul{margin-top:8px}

/* Startseite ohne großes Zeichen (Nutzer 10.10.): grünes Feld unten mit Luft, Creme-Blatt ohne Platz für das Zeichen */
.b-hero{padding-bottom:calc(var(--r-sheet) + clamp(64px,8vw,120px))}
.b-sheet{padding-top:clamp(56px,6vw,96px)}

/* Nutzer 10.10.: Knöpfe auf weißen Flächen waren unsichtbar (weiß auf weiß) → Creme-Grund wie in Entwurf B */
.look-b :is(.comp,.pr-side,.callout,.act,.b-card,.res-ph,.phead .t[style*="#fff"],.phead .t:not([style]),.jpost-head:not([style*="--c"])) :is(.btn:not(.solid):not(.btn-station):not(.btn-cat),.wp-block-button__link){background:var(--canvas);color:var(--ink)}
.look-b :is(.comp,.pr-side,.callout,.act,.b-card,.res-ph,.phead .t[style*="#fff"],.phead .t:not([style]),.jpost-head:not([style*="--c"])) :is(.btn:not(.solid):not(.btn-station):not(.btn-cat),.wp-block-button__link):hover{background:var(--ink);color:#fff}
/* Nutzer 10.10.: Station-Kacheln nicht randlos („nicht full full“) – gleiche Breite wie der übrige Inhalt */
.look-b .comps{max-width:calc(var(--b-wrap) + 2*var(--b-gut));margin-inline:auto;padding-inline:var(--b-gut)}

/* Nutzer 10.10.: Logo im gelben Band nicht schwarz – in Farbe auf weißer Fläche (wie das EU-Logo daneben) */
.b-footer__logo a{display:inline-block;background:var(--surface);border-radius:var(--r);padding:18px 22px;line-height:0}
.b-footer__logo svg{height:84px}
.b-footer__logo .lp-5{fill:#e97d33}.b-footer__logo .lp-1{fill:#6db754}.b-footer__logo .lp-3{fill:#db8bba}
.b-footer__logo .lp-4{fill:#3460ab}.b-footer__logo .lp-6{fill:#ffd636}.b-footer__logo .lp-2{fill:#22bbe3}

/* Nutzer 10.10.: leere Bildflächen (Praktiken, Ressourcen, Beiträge ohne Foto) mit Grafik aus den Bausteinen des PLURI-Zeichens füllen – sechs Varianten reihum, ohne Punkte */
.look-b .ph.is-empty{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20300%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cg%20transform%3D%22translate(120%20160)%20rotate(-4)%20scale(0.62)%20translate(-65%20-135)%22%3E%3Cpath%20fill%3D%22%23e97d33%22%20d%3D%22M0%2C250.45H0V86.42C0%2C50.56%2C28.48%2C20.64%2C64.33%2C20.09c36.5-.56%2C66.36%2C28.97%2C66.36%2C65.34v62.82h-60v-62.59c0-2.79-2.04-5.29-4.81-5.56-3.19-.31-5.88%2C2.2-5.88%2C5.32v105.03C60%2C223.59%2C33.14%2C250.45%2C0%2C250.45Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(196%20110)%20rotate(3)%20scale(0.62)%20translate(-180%20-74)%22%3E%3Cpath%20fill%3D%22%233460ab%22%20d%3D%22M201.57%2C148.51h-60v-70.89C141.57%2C34.93%2C176.3.19%2C219%2C.19v60c-9.61%2C0-17.43%2C7.82-17.43%2C17.43v70.89Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(182%20212)%20rotate(0)%20scale(0.62)%20translate(-136%20-246)%22%3E%3Cpath%20fill%3D%22%236db754%22%20d%3D%22M201.57%2C333.63h-81.32c-27.29%2C0-49.42-22.13-49.42-49.42v-124.95h60v114.37s10.74%2C0%2C10.74%2C0c33.14%2C0%2C60%2C26.86%2C60%2C60h0Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(214%20202)%20rotate(5)%20scale(0.62)%20translate(-171%20-230)%22%3E%3Cpath%20fill%3D%22%23db8bba%22%20d%3D%22M201.57%2C159.25h-60v105.37c32.77%2C0%2C49.74%2C14.42%2C59.97%2C35.79Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(268%20158)%20rotate(-3)%20scale(0.62)%20translate(-260%20-136)%22%3E%3Cpath%20fill%3D%22%2322bbe3%22%20d%3D%22M289.55%2C202.17h0c-33.14%2C0-60-26.86-60-60v-71.42h60v131.42Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(282%2082)%20rotate(14)%20scale(0.62)%20translate(-260%20-30)%22%3E%3Crect%20fill%3D%22%23ffd636%22%20x%3D%22229.55%22%20width%3D%2260%22%20height%3D%2260.09%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:cover;background-position:center;background-repeat:no-repeat}
.look-b .card:nth-child(6n+1) .ph.is-empty{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20300%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cg%20transform%3D%22translate(150%20165)%20rotate(-8)%20scale(0.95)%20translate(-65%20-135)%22%3E%3Cpath%20fill%3D%22%23e97d33%22%20d%3D%22M0%2C250.45H0V86.42C0%2C50.56%2C28.48%2C20.64%2C64.33%2C20.09c36.5-.56%2C66.36%2C28.97%2C66.36%2C65.34v62.82h-60v-62.59c0-2.79-2.04-5.29-4.81-5.56-3.19-.31-5.88%2C2.2-5.88%2C5.32v105.03C60%2C223.59%2C33.14%2C250.45%2C0%2C250.45Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(268%20150)%20rotate(7)%20scale(1.05)%20translate(-260%20-136)%22%3E%3Cpath%20fill%3D%22%2322bbe3%22%20d%3D%22M289.55%2C202.17h0c-33.14%2C0-60-26.86-60-60v-71.42h60v131.42Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(300%2062)%20rotate(16)%20scale(0.8)%20translate(-260%20-30)%22%3E%3Crect%20fill%3D%22%23ffd636%22%20x%3D%22229.55%22%20width%3D%2260%22%20height%3D%2260.09%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.look-b .card:nth-child(6n+2) .ph.is-empty{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20300%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cg%20transform%3D%22translate(140%20128)%20rotate(-5)%20scale(1.25)%20translate(-180%20-74)%22%3E%3Cpath%20fill%3D%22%233460ab%22%20d%3D%22M201.57%2C148.51h-60v-70.89C141.57%2C34.93%2C176.3.19%2C219%2C.19v60c-9.61%2C0-17.43%2C7.82-17.43%2C17.43v70.89Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(250%20182)%20rotate(9)%20scale(1.2)%20translate(-171%20-230)%22%3E%3Cpath%20fill%3D%22%23db8bba%22%20d%3D%22M201.57%2C159.25h-60v105.37c32.77%2C0%2C49.74%2C14.42%2C59.97%2C35.79Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.look-b .card:nth-child(6n+3) .ph.is-empty{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20300%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cg%20transform%3D%22translate(175%20172)%20rotate(-6)%20scale(1)%20translate(-136%20-246)%22%3E%3Cpath%20fill%3D%22%236db754%22%20d%3D%22M201.57%2C333.63h-81.32c-27.29%2C0-49.42-22.13-49.42-49.42v-124.95h60v114.37s10.74%2C0%2C10.74%2C0c33.14%2C0%2C60%2C26.86%2C60%2C60h0Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(300%2095)%20rotate(22)%20scale(0.95)%20translate(-260%20-30)%22%3E%3Crect%20fill%3D%22%23ffd636%22%20x%3D%22229.55%22%20width%3D%2260%22%20height%3D%2260.09%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.look-b .card:nth-child(6n+4) .ph.is-empty{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20300%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cg%20transform%3D%22translate(120%20160)%20rotate(-4)%20scale(0.62)%20translate(-65%20-135)%22%3E%3Cpath%20fill%3D%22%23e97d33%22%20d%3D%22M0%2C250.45H0V86.42C0%2C50.56%2C28.48%2C20.64%2C64.33%2C20.09c36.5-.56%2C66.36%2C28.97%2C66.36%2C65.34v62.82h-60v-62.59c0-2.79-2.04-5.29-4.81-5.56-3.19-.31-5.88%2C2.2-5.88%2C5.32v105.03C60%2C223.59%2C33.14%2C250.45%2C0%2C250.45Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(196%20110)%20rotate(3)%20scale(0.62)%20translate(-180%20-74)%22%3E%3Cpath%20fill%3D%22%233460ab%22%20d%3D%22M201.57%2C148.51h-60v-70.89C141.57%2C34.93%2C176.3.19%2C219%2C.19v60c-9.61%2C0-17.43%2C7.82-17.43%2C17.43v70.89Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(182%20212)%20rotate(0)%20scale(0.62)%20translate(-136%20-246)%22%3E%3Cpath%20fill%3D%22%236db754%22%20d%3D%22M201.57%2C333.63h-81.32c-27.29%2C0-49.42-22.13-49.42-49.42v-124.95h60v114.37s10.74%2C0%2C10.74%2C0c33.14%2C0%2C60%2C26.86%2C60%2C60h0Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(214%20202)%20rotate(5)%20scale(0.62)%20translate(-171%20-230)%22%3E%3Cpath%20fill%3D%22%23db8bba%22%20d%3D%22M201.57%2C159.25h-60v105.37c32.77%2C0%2C49.74%2C14.42%2C59.97%2C35.79Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(268%20158)%20rotate(-3)%20scale(0.62)%20translate(-260%20-136)%22%3E%3Cpath%20fill%3D%22%2322bbe3%22%20d%3D%22M289.55%2C202.17h0c-33.14%2C0-60-26.86-60-60v-71.42h60v131.42Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(282%2082)%20rotate(14)%20scale(0.62)%20translate(-260%20-30)%22%3E%3Crect%20fill%3D%22%23ffd636%22%20x%3D%22229.55%22%20width%3D%2260%22%20height%3D%2260.09%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.look-b .card:nth-child(6n+5) .ph.is-empty{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20300%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cg%20transform%3D%22translate(145%20150)%20rotate(-10)%20scale(1.3)%20translate(-260%20-136)%22%3E%3Cpath%20fill%3D%22%2322bbe3%22%20d%3D%22M289.55%2C202.17h0c-33.14%2C0-60-26.86-60-60v-71.42h60v131.42Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(262%20172)%20rotate(7)%20scale(0.85)%20translate(-65%20-135)%22%3E%3Cpath%20fill%3D%22%23e97d33%22%20d%3D%22M0%2C250.45H0V86.42C0%2C50.56%2C28.48%2C20.64%2C64.33%2C20.09c36.5-.56%2C66.36%2C28.97%2C66.36%2C65.34v62.82h-60v-62.59c0-2.79-2.04-5.29-4.81-5.56-3.19-.31-5.88%2C2.2-5.88%2C5.32v105.03C60%2C223.59%2C33.14%2C250.45%2C0%2C250.45Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.look-b .card:nth-child(6n+6) .ph.is-empty{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20300%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cg%20transform%3D%22translate(150%20165)%20rotate(-7)%20scale(1.25)%20translate(-171%20-230)%22%3E%3Cpath%20fill%3D%22%23db8bba%22%20d%3D%22M201.57%2C159.25h-60v105.37c32.77%2C0%2C49.74%2C14.42%2C59.97%2C35.79Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(258%20128)%20rotate(11)%20scale(1.1)%20translate(-180%20-74)%22%3E%3Cpath%20fill%3D%22%233460ab%22%20d%3D%22M201.57%2C148.51h-60v-70.89C141.57%2C34.93%2C176.3.19%2C219%2C.19v60c-9.61%2C0-17.43%2C7.82-17.43%2C17.43v70.89Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

/* ---------- Runde 10.10. (Nutzer) ---------- */
/* Kachel-Kopfzeile einzeilig mit „…“, damit die Titel einer Reihe auf gleicher Höhe beginnen; der ganze Text kommt als Tooltip (b.js) */
.look-b .card > .kicker{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-tip{position:fixed;left:0;top:0;z-index:200;max-width:min(360px,calc(100vw - 24px));padding:8px 12px;border-radius:var(--r);background:var(--ink);color:#fff;font:500 14px/1.35 var(--body);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}
.b-tip.on{opacity:1;transform:none}

/* Schrift auf Farbflächen im Ton der Fläche statt Grau: dunkle Abmischung der Flächenfarbe (auf Blau hell) */
.look-b .phead .t[style*="--c:var(--"]:not([style*="--blue"]),.look-b .jpost[style*="--c:var(--"]:not([style*="--blue"]) .jpost-head{color:color-mix(in oklab,var(--c) 28%,#000);--ink-2:color-mix(in oklab,var(--c) 45%,#000);--muted:color-mix(in oklab,var(--c) 45%,#000)}
.look-b .phead .t[style*="--blue"],.look-b .jpost[style*="--blue"] .jpost-head{color:#fff;--ink-2:color-mix(in oklab,var(--c) 28%,#fff);--muted:color-mix(in oklab,var(--c) 28%,#fff)}
.look-b .phead .t .crumbs a,.look-b .jpost-head .crumbs a{color:inherit}

/* Seitenkopf nicht so hoch: kleinerer Titel, Einleitung in Lesegröße, weniger Innenabstand */
.look-b .phead h1,.look-b .jpost-head h1{font-size:clamp(2.1rem,1.2rem + 2.4vw,3.5rem);line-height:1.04}
.look-b .phead .lead{font-size:clamp(1.05rem,.95rem + .35vw,1.25rem);line-height:1.42;letter-spacing:-.01em;margin-top:16px}
.look-b .phead .t{padding:clamp(28px,3.4vw,48px)}
.look-b .phead .img{min-height:320px}

/* Kicker direkt über einer Überschrift: wenig Abstand */
.look-b .kicker + :is(h1,h2,h3),.look-b .entry-content .kicker + :is(h1,h2,h3){margin-top:10px !important}

/* Knopf „nur Rand“: beim Drüberfahren dunkel gefüllt (vorher weiße Schrift auf durchsichtigem Grund = unsichtbar) */
.look-b .is-style-outline .wp-block-button__link{color:var(--ink)}
.look-b .is-style-outline .wp-block-button__link:hover{background:var(--ink);color:#fff;box-shadow:none}
/* Menü: aktiver Punkt sichtbar – Unterseite (WordPress) oder Abschnitt der Startseite (b.js setzt .is-active) */
.b-links ul li.menu-item.is-active > a,.b-links ul li.current_page_item > a,.b-links ul li.current-menu-item:not(.menu-item-type-custom) > a{background:var(--canvas)}

/* ---------- Runde 10.10. b (Nutzer) ---------- */
/* Titel wie bei Apple: drei Zeilen, nur das mittlere Wort wechselt – gleitet hoch und verschwimmt, das neue kommt Buchstabe für Buchstabe von unten scharf herein */
.look-b .b-display{font-size:clamp(3.2rem,1rem + 8.6vw,9.2rem)}
.b-display .b-line,.b-display .b-rotor{display:block}
.b-rotor{position:relative;height:1em;margin:.02em 0 .04em}
.b-rotor__w{position:absolute;left:0;right:0;top:0;white-space:nowrap}
.b-ch{display:inline-block;transition:transform .95s cubic-bezier(.22,1,.36,1),opacity .6s ease,filter .75s ease;transition-delay:calc(var(--n,0) * 24ms)}
.b-rotor__w.is-in .b-ch{transform:translateY(.45em);opacity:0;filter:blur(12px)}
.b-rotor__w.is-out .b-ch{transform:translateY(-.45em);opacity:0;filter:blur(12px);transition-duration:.7s,.45s,.6s}

/* How we work: die 6 Teile des Zeichens = die 6 Aktivitäten. Drüberfahren hebt das Teil heraus, die anderen treten zurück */
.b-parts{display:block;width:min(100%,330px);height:auto;margin-top:clamp(32px,4vw,56px);overflow:visible}
.b-part{transform-box:fill-box;transform-origin:center;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .35s ease,filter .35s ease;cursor:pointer}
.b-parts:not(.in) .b-part{opacity:0;transform:translate(calc(var(--dx) * 5),calc(var(--dy) * 5)) rotate(-12deg)}
.b-parts .b-part:nth-child(2){transition-delay:.06s}.b-parts .b-part:nth-child(3){transition-delay:.12s}.b-parts .b-part:nth-child(4){transition-delay:.18s}.b-parts .b-part:nth-child(5){transition-delay:.24s}.b-parts .b-part:nth-child(6){transition-delay:.3s}
.b-parts.in.has-on .b-part{transition-delay:0s;opacity:.15;filter:saturate(.3)}
.b-parts.in.has-on .b-part.is-on{opacity:1;filter:none;transform:translate(var(--dx),var(--dy)) scale(1.07)}
.b-acts .b-rows li{grid-template-columns:38px 1fr}
.b-mini{width:30px;height:30px;margin-top:6px;overflow:visible;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.b-acts .b-rows li.is-on .b-mini{transform:scale(1.3) rotate(-8deg)}
.b-acts .b-rows li.is-on h3 a{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
@media (max-width:860px){.b-parts{width:min(70%,240px)}}
@media (prefers-reduced-motion:reduce){.b-parts:not(.in) .b-part{opacity:1;transform:none}}

/* Ressourcen ohne Bild: die Art („Tool“, „Project“ …) als kleines Etikett oben links statt mitten auf der Grafik */
.look-b .res-ph{position:relative}
.look-b .res-ph span{position:absolute;left:14px;top:14px;background:var(--canvas);color:var(--ink);border-radius:999px;padding:6px 12px;font:500 13px/1 var(--body);letter-spacing:0;text-transform:none}

/* Nutzer 10.10.: Fuß weiß statt gelb, Logo in kleiner Creme-Box (weiß auf weiß wäre unsichtbar), EU-Logo ohne Kasten */
.b-footer{background:var(--surface)}
.b-footer__logo a{background:var(--canvas);padding:10px 12px}
.b-footer__logo svg{height:64px}
.b-footer__eu img{background:none;padding:0;border-radius:0}
.b-footer__bottom{border-top-color:var(--hair)}
/* Nutzer 10.10.: kleine Wörter („Project“, „Tool“) auf den Grafiken weg – die Art steht schon als Abschnittsüberschrift */
.look-b .res-ph span{display:none}
/* „Weiter“-Knopf mit kleinem Vorschaubild links (Nutzer 10.10.) */
.look-b .pager a.b-next{display:inline-flex;align-items:center;gap:14px;padding:8px 22px 8px 8px;background:var(--surface);color:var(--ink)}
.look-b .pager a.b-next:hover{background:var(--ink);color:#fff}
.b-thumb{display:block;flex:none;width:72px;height:54px;border-radius:8px;overflow:hidden}
.b-thumb img{width:100%;height:100%;object-fit:cover;display:block}

/* Weiter-Leiste: vorheriger | Übersicht (4 Quadrate) | nächster – je mit kleinem Vorschaubild (Nutzer 10.10.) */
.b-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:40px;padding-bottom:64px;border-top:1px solid var(--hair)}
.b-pager__prev,.b-pager__next{display:inline-flex;align-items:center;gap:14px;padding:8px 20px 8px 8px;background:var(--surface);border-radius:var(--r);text-decoration:none;color:var(--ink);min-width:0;max-width:100%;transition:background-color .2s ease,color .2s ease}
.b-pager__prev{justify-self:start}.b-pager__next{justify-self:end}
.b-pager__prev:hover,.b-pager__next:hover{background:var(--ink);color:#fff}
.b-pager__txt{display:grid;gap:2px;min-width:0}
.b-pager__txt small{font-size:13px;opacity:.7}
.b-pager__txt b{font-weight:500;font-size:16px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:26ch}
.b-pager__all{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--surface);color:var(--ink);transition:background-color .2s ease,color .2s ease}
.b-pager__all svg{width:22px;height:22px;fill:currentColor}
.b-pager__all:hover{background:var(--ink);color:#fff}
@media (max-width:700px){.b-pager{grid-template-columns:1fr 1fr}.b-pager__all{grid-column:1 / -1;grid-row:1;justify-self:center}.b-pager__txt b{max-width:13ch}}
/* Nutzer 10.10.: Logo ohne Animation beim Drüberfahren, Fußlogo ohne Box */
.look-b .logo.wave .lp{animation:none}
.b-footer__logo a{background:none;padding:0}
.b-footer__logo svg{height:72px}

/* Titelwort als Fallblatt-Anzeige (Nutzer 10.10.): Buchstaben klappen um die waagerechte Mitte, eine feine Fuge im Grün teilt das Blatt */
.b-rotor{perspective:600px}
.b-flap{position:relative;display:inline-block;transform-origin:50% 54%;min-width:.18em;text-align:center}
.b-flap.flip{animation:b-flip .066s linear}

@keyframes b-flip{0%{transform:rotateX(-78deg);opacity:.35}100%{transform:none;opacity:1}}
/* Nutzer 10.10.: Kopfleiste mit runderen Ecken */
.b-bar,.b-station-btn{border-radius:22px}
.b-links a{border-radius:12px}
/* Nutzer 10.10.: EU-Logo im Kopf größer, mehr Luft rechts in der Menü-Box */
.b-eu img{height:38px}
.b-bar{padding:0 26px 0 18px}

/* Nutzer 10.10.: Menüpunkte wie der PLURI-Schriftzug – Montserrat fett in Versalien (Datei aus dem Haupt-Theme) */
@font-face{font-family:"MontB";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/montserrat-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"MontB";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/montserrat-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
.b-links a,.b-station-btn{font-family:"MontB",var(--body);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:15px}
/* Startfeld in wechselnder Logo-Farbe (data-hero setzt das Kopfskript); auf Blau weiße Schrift */
.b-hero{background:var(--hero,var(--green))}
html[data-hero="green"]{--hero:var(--green)} html[data-hero="cyan"]{--hero:var(--cyan)} html[data-hero="orange"]{--hero:var(--orange)}
html[data-hero="pink"]{--hero:var(--pink)} html[data-hero="yellow"]{--hero:var(--yellow)} html[data-hero="blue"]{--hero:var(--blue)}
html[data-hero="blue"] .b-hero{color:#fff}
/* Nutzer 10.10.: Knöpfe wie Menü und PLURI-Schriftzug – Montserrat fett in Versalien */
.b-btn,.b-station-btn,.look-b .btn,.look-b .wp-block-button__link{font-family:"MontB",var(--body);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:15px}


/* Nutzer 10.10.: Logo-Teile beim Drüberfahren nur aus-/einblenden – kein Zoom, keine Bewegung */
.b-parts.in.has-on .b-part.is-on{transform:none}
.b-part{transition:opacity .35s ease,filter .35s ease}
.b-parts:not(.in) .b-part{transform:none}
.b-parts .b-part:nth-child(n){transition-delay:0s}
/* Zeilen rechts: statt Unterstreichen füllt sich die Zeile sanft in der Farbe ihres Teils */
.b-acts .b-rows li{position:relative;padding-left:18px;padding-right:18px;margin:0 -18px;border-radius:14px;transition:background-color .3s ease,border-color .3s ease}
.b-acts .b-rows li.is-on{background:color-mix(in oklab,var(--pc) 22%,var(--canvas));border-top-color:transparent}
.b-acts .b-rows li.is-on + li{border-top-color:transparent}
.b-acts .b-rows li.is-on h3 a{text-decoration:none}
.b-acts .b-rows li.is-on p{color:var(--ink)}
.b-acts .b-rows li.is-on .b-mini{transform:none}
/* Symbole größer und optisch gleich groß */
.b-acts .b-rows li{grid-template-columns:52px 1fr;gap:6px 18px}
.b-mini{width:44px;height:44px;margin-top:0}
/* Menü etwas kompakter */
.b-links a{font-size:14px;padding:8px 11px}
/* Nutzer 10.10.: PLURI-Logo und EU-Logo im Kopf stimmig zueinander (gleiche optische Höhe, mittig) */
.look-b .b-logo svg{height:42px}
.b-eu{height:42px;padding-left:22px}
.b-eu img{height:34px}

/* Sprachwahl kompakt (Nutzer 10.10.: Menü war zu lang): Kürzel + Liste mit ausgeschriebenen Namen */
.b-lang{position:relative;flex:none;margin-left:4px;padding-left:12px;border-left:1px solid var(--hair)}
.b-lang__btn{display:flex;align-items:center;gap:4px;padding:8px 10px;border:0;border-radius:12px;background:none;color:var(--ink);font:700 13px/1 "MontB",var(--body);letter-spacing:.04em;cursor:pointer}
.b-lang__btn svg{width:12px;height:12px;transition:transform .2s ease}
.b-lang__btn:hover,.b-lang.open .b-lang__btn{background:var(--canvas)}
.b-lang.open .b-lang__btn svg{transform:rotate(180deg)}
.b-lang__pop{position:absolute;right:0;top:calc(100% + 14px);min-width:170px;margin:0;padding:6px;list-style:none;background:var(--surface);border-radius:16px;box-shadow:0 0 0 1px var(--hair)}
.b-lang__pop::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.b-lang__pop a{display:block;padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font:500 15px/1.2 var(--body)}
.b-lang__pop a:hover{background:var(--canvas)}
.b-lang__pop a[aria-current]{background:var(--canvas);font-weight:600}
.b-drawer__lang{display:flex;gap:18px;margin-top:24px}
.b-drawer .b-drawer__lang a{font-size:18px;letter-spacing:0;padding:0}
.b-drawer .b-drawer__lang a[aria-current]{text-decoration:underline;text-underline-offset:5px}
@media (max-width:1280px){.b-links{display:none}.b-menu{display:grid;margin-left:8px}.b-lang{margin-left:auto}}
/* Zeilen: Farbfläche als eigene Ebene hinter der Zeile – die Trennlinien bleiben gerade */
.b-acts .b-rows li{margin:0;padding-left:0;padding-right:0;border-radius:0;background:none !important;isolation:isolate}
.b-acts .b-rows li::before{content:"";position:absolute;inset:8px -16px;border-radius:14px;background:color-mix(in oklab,var(--pc,var(--stone)) 22%,var(--canvas));opacity:0;transition:opacity .3s ease;z-index:-1}
.b-acts .b-rows li.is-on::before{opacity:1}
.b-acts .b-rows li.is-on,.b-acts .b-rows li.is-on + li{border-top-color:var(--hair)}
/* Language-Station-Knopf Ton in Ton zur Farbe des Startfelds (Nutzer 10.10.: „wenn grün, dann grün, aber heller“ – keine zwei Farben) */
.b-station-btn{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
.b-station-btn .b-dot{background:var(--hero,var(--green))}
html[data-hero="blue"] .b-station-btn .b-dot{color:#fff}
/* Titelwort beim Mischen in voller Farbe (keine halbtransparente zweite Farbe) */
.b-flap,.b-flap.flip{animation:none;opacity:1}
/* Nutzer 10.10.: Zeichen links immer ganz sichtbar – füllt in der mitlaufenden Spalte den freien Platz unter Überschrift und Text */
@media (min-width:861px){
  .b-acts > div:first-child{display:flex;flex-direction:column;height:calc(100vh - 150px);max-height:900px}
  .b-acts .b-parts{flex:1 1 auto;height:1px;min-height:140px;width:100%;max-width:380px;margin-top:clamp(24px,3vw,40px)}
}
/* Nutzer 10.10.: echte Farben statt blasser Abstufung – Zeile beim Drüberfahren in der vollen Farbe ihres Teils */
.b-acts .b-rows li::before{background:var(--pc,var(--stone))}
.b-acts .b-rows li.is-on p,.b-acts .b-rows li.is-on h3 a{color:var(--ink)}
.b-acts .b-rows li.is-on .b-mini :is(path,rect){fill:var(--ink)}
.b-acts .b-rows li.is-on[data-part="b"] :is(p,h3 a){color:#fff}
.b-acts .b-rows li.is-on[data-part="b"] .b-mini :is(path,rect){fill:#fff}
/* Zeichen links: die anderen Teile behalten ihren Farbton und treten nur zurück */
.b-parts.in.has-on .b-part{filter:none;opacity:.22}
/* Nutzer 10.10.: Sprachliste rechtsbündig an der Menü-Box, mit Abstand darunter */
.b-bar{position:relative}
.b-lang{position:static}
.b-lang__pop{right:0;top:calc(100% + 10px)}
.b-lang__pop::before{top:-12px;height:12px}
/* Nutzer 10.10.: die Farbe, die die Seite beim Laden annimmt (data-hero), gilt überall – Seitenköpfe, Journal-Köpfe, Download-Kästen,
   Pfeilkreise, farbige Knöpfe. Schrift darauf im dunklen Ton der Farbe, auf Blau weiß. (Logo-Teile bei „How we work“ behalten ihre Farben.) */
.look-b .phead .t,.look-b .jpost .jpost-head,.look-b .dl,.look-b .pluri-dl{--c:var(--hero,var(--green)) !important;background:var(--c) !important;color:color-mix(in oklab,var(--c) 28%,#000);--ink-2:color-mix(in oklab,var(--c) 45%,#000);--muted:color-mix(in oklab,var(--c) 45%,#000)}
html[data-hero="blue"] body.look-b :is(.phead .t,.jpost .jpost-head,.dl,.pluri-dl){color:#fff;--ink-2:color-mix(in oklab,var(--c) 28%,#fff);--muted:color-mix(in oklab,var(--c) 28%,#fff)}
.look-b .phead .t :is(a,.crumbs),.look-b .jpost-head a{color:inherit}
.look-b .b-dot{background:var(--hero,var(--green))}
.b-comps .b-dot,.b-news .b-dot{background:var(--canvas)}
.b-comps a:hover .b-dot,.b-news a:hover .b-dot{background:var(--hero,var(--green))}
.b-btn--fill,.look-b .btn-station,.look-b .btn-cat,.look-b .act-content .wp-block-button__link{background:var(--hero,var(--green)) !important}
.b-btn--fill .b-dot{background:var(--surface)}
html[data-hero="blue"] body.look-b :is(.b-btn--fill,.btn-station,.btn-cat,.act-content .wp-block-button__link){color:#fff}
html[data-hero="blue"] body.look-b .b-dot{color:#fff}
html[data-hero="blue"] body.look-b :is(.b-comps,.b-news,.b-btn--fill) .b-dot{color:var(--ink)}
/* Nutzer 10.10.: auf Blau weiße Schrift (Vorrang vor älteren Regeln) */
html[data-hero="blue"] body.look-b :is(.phead .t,.jpost .jpost-head,.dl,.pluri-dl){color:#fff !important;--ink-2:color-mix(in oklab,var(--blue) 25%,#fff) !important;--muted:color-mix(in oklab,var(--blue) 25%,#fff) !important}
/* Language-Station-Knopf: volle Seitenfarbe; nur über dem gleichfarbigen Startfeld die hellere Fassung (b.js setzt html.nav-over-hero) */
.b-station-btn{background:var(--hero,var(--green))}
.b-station-btn .b-dot{background:var(--surface)}
html.nav-over-hero .b-station-btn{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
html.nav-over-hero .b-station-btn .b-dot{background:var(--hero,var(--green))}
html[data-hero="blue"]:not(.nav-over-hero) .b-station-btn{color:#fff}
html[data-hero="blue"] .b-station-btn .b-dot{color:var(--ink)}
html[data-hero="blue"].nav-over-hero .b-station-btn .b-dot{color:#fff}
/* Nutzer 10.10.: aktive Menüpunkte (und gewählte Sprache) in hellem Ton der Seitenfarbe */
.b-links ul li.menu-item.is-active > a,.b-links ul li.current_page_item > a,.b-links ul li.current-menu-item:not(.menu-item-type-custom) > a,.b-lang__pop a[aria-current]{background:color-mix(in oklab,var(--hero,var(--green)) 32%,#fff)}
/* Nutzer 10.10.: auf Blau – Pfeil dunkel auf hellen Kreisen, weiß auf blauen Kreisen */
html[data-hero="blue"] body.look-b .b-station-btn .b-dot,html[data-hero="blue"] body.look-b .b-btn--fill .b-dot,html[data-hero="blue"] body.look-b :is(.b-comps,.b-news) a:not(:hover) .b-dot{color:var(--ink)}
html[data-hero="blue"].nav-over-hero body.look-b .b-station-btn .b-dot,html[data-hero="blue"] body.look-b :is(.b-comps,.b-news) a:hover .b-dot{color:#fff}
/* Nutzer 10.10.: Blau als Fläche hinter Text etwas heller (#7496dc), damit überall schwarze Schrift geht (Kontrast ≈ 4,6:1) –
   keine weiße Schrift mehr. Logo-Teile behalten das Original-Blau #3460ab. */
html[data-hero="blue"]{--hero:#3460ab}
html[data-hero="blue"] body .b-hero{color:var(--ink)}
html[data-hero] body.look-b :is(.phead .t,.jpost .jpost-head,.dl,.pluri-dl){color:color-mix(in oklab,var(--c) 28%,#000) !important;--ink-2:color-mix(in oklab,var(--c) 45%,#000) !important;--muted:color-mix(in oklab,var(--c) 45%,#000) !important}
html[data-hero="blue"] body.look-b :is(.b-btn--fill,.btn-station,.btn-cat,.act-content .wp-block-button__link,.b-station-btn){color:var(--ink)}
html[data-hero="blue"] body.look-b .b-dot,html[data-hero="blue"].nav-over-hero body.look-b .b-station-btn .b-dot,html[data-hero="blue"] body.look-b :is(.b-comps,.b-news) a:hover .b-dot{color:var(--ink)}
.b-acts .b-rows li[data-part="b"]{--pc:#3460ab !important}
.b-acts .b-rows li.is-on[data-part="b"] :is(p,h3 a){color:var(--ink)}
.b-acts .b-rows li.is-on[data-part="b"] .b-mini :is(path,rect){fill:var(--ink)}
/* Nutzer 10.10.: aktiver Menüpunkt in der vollen Seitenfarbe (gleich wie der Knopf), keine Abstufung */
.b-links ul li.menu-item.is-active > a,.b-links ul li.current_page_item > a,.b-links ul li.current-menu-item:not(.menu-item-type-custom) > a,.b-lang__pop a[aria-current]{background:var(--hero,var(--green));color:var(--ink)}

/* Nutzer 10.10.: ein einheitliches PLURI-Blau #3460ab – nah am Logo-Blau, schwarze Schrift darauf ≈ 3,5:1; auch im Logo selbst */
body.look-b{--blue:#3460ab}
.look-b .logo .lp-4,.look-b .b-footer__logo .lp-4,.look-b .lp-4{fill:#3460ab}
/* Nutzer 10.10.: Pfeilkreis beim Drüberfahren nicht animieren */
.b-dot,a:hover > .b-dot,.b-btn:hover .b-dot{transform:none !important;transition:none}
/* Nutzer 10.10.: ganze Zeile bei „How we work“ anklickbar (Link des Titels spannt sich über die Zeile) */
.b-acts .b-rows li{cursor:pointer}
.b-acts .b-rows li h3 a::after{content:"";position:absolute;inset:8px -16px;border-radius:14px;z-index:1}
.b-acts .b-rows li h3 a:focus-visible{outline:none}
.b-acts .b-rows li:has(h3 a:focus-visible)::before{opacity:1}
/* Nutzer 10.10.: Text in anklickbaren Boxen nicht markierbar */
.b-acts .b-rows li,.b-btn,.b-station-btn,.b-pager a,.b-comps a,.b-news a,.b-links a,.b-lang__btn,.b-lang__pop a,.look-b .btn,.look-b .card{-webkit-user-select:none;user-select:none}
/* Nutzer 10.10.: Kopfleiste nicht dauernd fest – oben scrollt sie mit, weiter unten erscheint sie nur beim Hochscrollen (verzögert, b.js) */
.b-nav{position:absolute;top:16px}
.admin-bar .b-nav{top:48px}
html.nav-pinned .b-nav{position:fixed;top:16px;transform:translateY(calc(-100% - 40px));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
html.nav-pinned.admin-bar .b-nav,html.nav-pinned body.admin-bar .b-nav{top:48px}
html.nav-pinned .b-nav.is-shown{transform:none;transition-delay:.12s}
.b-nav.no-tr{transition:none !important}

/* Nutzer 10.10.: Schrift auf Farbflächen nimmt den Ton des Hintergrunds mit – gut lesbar, aber nicht reines Schwarz/Weiß.
   Alle Flächen (auch Blau, Nutzer 10.10.): dunkle Abmischung der Flächenfarbe. */
html{--on-hero:color-mix(in oklab,var(--hero,var(--green)) 26%,#000);--on-hero-2:color-mix(in oklab,var(--hero,var(--green)) 42%,#000);--on-tint:color-mix(in oklab,var(--hero,var(--green)) 32%,#000)}
html[data-hero] body .b-hero{color:var(--on-hero)}
html[data-hero] body.look-b :is(.phead .t,.jpost .jpost-head,.dl,.pluri-dl){color:var(--on-hero) !important;--ink-2:var(--on-hero-2) !important;--muted:var(--on-hero-2) !important}
html[data-hero] body.look-b :is(.b-btn--fill,.btn-station,.btn-cat,.act-content .wp-block-button__link){color:var(--on-hero)}
html[data-hero]:not(.nav-over-hero) body.look-b .b-station-btn{color:var(--on-hero)}
html[data-hero].nav-over-hero body.look-b .b-station-btn{color:var(--on-tint)}
html[data-hero] body.look-b :is(.b-links ul li.menu-item.is-active > a,.b-links ul li.current_page_item > a,.b-links ul li.current-menu-item:not(.menu-item-type-custom) > a,.b-lang__pop a[aria-current]){color:var(--on-hero)}
/* Pfeile: auf Farbkreisen im Ton der Farbe, auf weißen Kreisen dunkel */
html[data-hero] body.look-b .b-dot{color:var(--on-hero)}
html[data-hero] body.look-b :is(.b-btn--fill .b-dot,.b-comps a:not(:hover) .b-dot,.b-news a:not(:hover) .b-dot),html[data-hero]:not(.nav-over-hero) body.look-b .b-station-btn .b-dot{color:var(--ink)}
html[data-hero].nav-over-hero body.look-b .b-station-btn .b-dot{color:var(--on-hero)}
/* Zeilen bei „How we work“: Schrift im Ton der Teilfarbe (auch Blau dunkel) */
.b-acts .b-rows li.is-on :is(p,h3 a){color:color-mix(in oklab,var(--pc) 26%,#000)}
.b-acts .b-rows li.is-on .b-mini :is(path,rect){fill:color-mix(in oklab,var(--pc) 26%,#000)}
.b-acts .b-rows li.is-on[data-part="b"] :is(p,h3 a){color:color-mix(in oklab,#3460ab 26%,#000)}

/* Nutzer 10.10.: Überschriften in der Schrift des PLURI-Schriftzugs (Montserrat Bold), Zeichenabstand minimal weiter als zuerst */
body.look-b{--heads:"MontB","InterB",ui-sans-serif,system-ui,sans-serif}
.look-b :is(.b-display,.b-h-lg,.b-h,.b-rows h3,.b-news h3,.b-card h2,h1,h2,h3,.h3,.comp .num,.no-big,.page-title){font-family:var(--heads);font-weight:700}
.look-b .b-display{font-size:clamp(2.9rem,1rem + 7.6vw,8.2rem);letter-spacing:-.036em}
.look-b .b-h-lg{font-size:clamp(2.3rem,1.1rem + 3.8vw,4.4rem);letter-spacing:-.032em}
.look-b .b-h{font-size:clamp(1.9rem,1.2rem + 2vw,2.9rem);letter-spacing:-.028em}
.look-b :is(.b-rows h3,.b-news h3){font-size:clamp(1.25rem,1rem + .8vw,1.65rem);letter-spacing:-.018em}
.look-b h1{letter-spacing:-.032em}
.look-b h2{letter-spacing:-.023em}
.look-b :is(h3,.h3){letter-spacing:-.01em}
.look-b .phead h1,.look-b .jpost-head h1{font-size:clamp(1.9rem,1.1rem + 2.2vw,3.2rem)}
/* kleine Überschriften im Fuß bleiben ruhige Labels */
.look-b .b-footer h2{font-family:var(--body);font-weight:500;letter-spacing:0}

/* Nutzer 10.10.: Montserrat überall, auch im Fließtext (die Schrift des PLURI-Schriftzugs); Inter nur noch als Ersatz */
body.look-b{--body:"MontB","InterB",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--head:var(--body);font-feature-settings:normal}
.b-sub,.b-statement{letter-spacing:-.01em}
.b-drawer a{letter-spacing:-.03em}
.look-b .res-list b{letter-spacing:-.01em}
.look-b .comp .num{letter-spacing:-.03em}
/* Hover in Menü und Sprachwahl: abgestufte Seitenfarbe wie der Language-Station-Knopf (aktiv bleibt die volle Farbe) */
.b-links a:hover,.b-links .menu-item-type-custom.current-menu-item > a:hover,.b-lang__btn:hover,.b-lang.open .b-lang__btn,.b-lang__pop a:not([aria-current]):hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
/* Symbole in der farbigen Zeile: helle Abstufung der Zeilenfarbe statt Schwarz/Weiß (wie der Station-Knopf auf dem Startfeld) */
.b-acts .b-rows li.is-on .b-mini :is(path,rect),.b-acts .b-rows li.is-on[data-part="b"] .b-mini :is(path,rect){fill:color-mix(in oklab,var(--pc) 42%,#fff)}

/* Pfeil im Farbkreis beim Drüberfahren (Komponenten, News): im Ton der Seitenfarbe – überstimmt alte Weiß-Regeln für Blau */
html[data-hero] body.look-b :is(.b-comps,.b-news) a:hover .b-dot{color:var(--on-hero)}
/* Nutzer 10.10.: Einleitungstext kräftiger */
.look-b .b-statement{font-weight:600}
/* Nutzer 10.10.: großer Titel im Startfeld nicht markierbar */
.look-b .b-display{-webkit-user-select:none;user-select:none}
/* Nutzer 10.10.: Markierung überall in der aktuellen Seitenfarbe – auf neutralem Grund Farbfläche mit Ton-Schrift,
   auf Farbflächen (Startfeld, Seitenköpfe) umgekehrt, damit sie nie in der Farbe des Grundes liegt */
body.look-b ::selection{background:var(--hero,var(--green));color:var(--on-hero)}
body.look-b :is(.b-hero,.phead .t,.jpost .jpost-head,.dl,.pluri-dl) ::selection{background:var(--on-hero);color:var(--hero,var(--green))}
/* Nutzer 10.10.: Fließtext in Montserrat ein Stück kräftiger, Einleitungstext noch kräftiger */
body.look-b{font-weight:600}
.look-b .b-statement{font-weight:700}
/* Nutzer 10.10.: „HOW / WE WORK?“ in Großbuchstaben wie der PLURI-Schriftzug, Umbruch nach dem ersten Wort (Vorlage) */
.look-b .b-acts .b-h-lg{text-transform:uppercase;letter-spacing:-.01em}

/* Nutzer 10.10.: lange Wörter im Abschnittstitel (Finnisch) eine Stufe kleiner */
.look-b .b-acts .b-h-lg--long{font-size:clamp(1.7rem,.9rem + 2.3vw,2.8rem)}
/* Nutzer 10.10.: Station-Bereich ohne Zeichen, breite Karte – Kopf links, Text rechts, darunter die drei Bereiche als Boxen */
.b-station--wide{display:block;min-height:0}
.b-station--wide .b-card{gap:clamp(28px,3vw,44px);justify-items:stretch}
.b-card__head{display:grid;grid-template-columns:1fr 1fr;gap:20px clamp(32px,5vw,80px);align-items:end}
.b-card__head > div{display:grid;gap:18px;justify-items:start}
.b-card__head p{margin:0}
.b-station--wide .b-actions{justify-self:start}
@media (max-width:860px){.b-card__head{grid-template-columns:1fr}}
/* Boxen der drei Bereiche (Startseite + Reiter): Fläche, Nummer, Titel, Anzahl, Pfeilkreis */
.b-boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.b-boxes a{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:28px;height:100%;min-height:190px;padding:22px 22px 20px;border-radius:14px;background:var(--canvas);color:var(--ink);text-decoration:none;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}
.b-boxes__no{font:700 14px/1 "MontB",var(--body);letter-spacing:.04em;color:var(--ink-2)}
.b-boxes__t{display:block;padding-right:52px;font:700 clamp(1.15rem,1rem + .45vw,1.45rem)/1.2 var(--heads);letter-spacing:-.015em}
.b-boxes__t small{display:block;margin-top:8px;font:600 14px/1.3 var(--body);letter-spacing:0;color:var(--ink-2)}
.b-boxes .b-dot{position:absolute;right:18px;bottom:18px;background:var(--surface) !important;color:var(--ink) !important}
.b-boxes a:hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
.b-boxes a.is-on{background:var(--hero,var(--green));color:var(--on-hero);--ink-2:var(--on-hero-2)}
@media (max-width:760px){.b-boxes{grid-template-columns:1fr}.b-boxes a{min-height:0;gap:14px}}
/* Reiter oben auf Bereichs-/Praxisseiten: weiße Boxen auf dem Grund, kompakter */
.b-tabs{margin-top:clamp(16px,2vw,24px);margin-bottom:clamp(8px,1vw,16px)}
.b-tabs .b-boxes a{min-height:118px;gap:18px;padding:18px 18px 16px;background:var(--surface)}
.b-tabs .b-boxes a:hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
.b-tabs .b-boxes a.is-on{background:var(--hero,var(--green))}
.b-tabs .b-boxes .b-dot{background:var(--canvas) !important}
.b-tabs .b-boxes a.is-on .b-dot,.b-boxes a.is-on .b-dot{background:var(--surface) !important}
@media (max-width:760px){.b-tabs .b-boxes{grid-template-columns:repeat(3,minmax(150px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--b-gut) * -1);padding-inline:var(--b-gut)}.b-tabs .b-boxes li{scroll-snap-align:start}}
/* Nutzer 10.10.: Block-Knöpfe im Inhalt wie unsere Knöpfe (weiße Fläche, Pfeil im Farbkreis, kein Rahmen, kein dunkles Drüberfahren) */
.look-b .wp-block-button .wp-block-button__link,.look-b .wp-block-button.is-style-outline .wp-block-button__link{display:inline-flex !important;align-items:center;gap:16px;min-height:60px;padding:10px 10px 10px 22px !important;border:0 !important;border-radius:var(--r) !important;box-shadow:none !important;background:var(--surface) !important;color:var(--ink) !important;line-height:1.15;text-decoration:none}
.look-b .wp-block-button .wp-block-button__link:not(:has(.b-dot)){padding-right:22px !important}
.look-b .wp-block-button .wp-block-button__link .b-dot{background:var(--hero,var(--green)) !important;color:var(--on-hero) !important}
.look-b :is(.b-card,.comp,.callout,.pr-side) .wp-block-button .wp-block-button__link{background:var(--canvas) !important}
.look-b .act-content .wp-block-button .wp-block-button__link{background:var(--hero,var(--green)) !important;color:var(--on-hero) !important}
.look-b .act-content .wp-block-button .wp-block-button__link .b-dot{background:var(--surface) !important;color:var(--ink) !important}
/* Nutzer 10.10.: Station-Karte auf der Startseite in der Seitenfarbe statt Weiß; Boxen und Knöpfe darin in der hellen Abstufung
   (wie der Language-Station-Knopf oben), Pfeilkreise in der vollen Farbe, Schrift Ton in Ton */
.b-station--wide .b-card{background:var(--hero,var(--green));color:var(--on-hero);--ink:var(--on-hero);--ink-2:var(--on-hero-2);--muted:var(--on-hero-2)}
.b-station--wide .b-boxes a,.b-station--wide .b-btn,.b-station--wide .b-btn--fill,.b-station--wide .b-btn--canvas{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff) !important;color:var(--on-tint)}
.b-station--wide .b-boxes a{--ink-2:color-mix(in oklab,var(--hero,var(--green)) 45%,#000)}
.b-station--wide .b-boxes a:hover,.b-station--wide .b-btn:hover{background:color-mix(in oklab,var(--hero,var(--green)) 18%,#fff) !important}
.b-station--wide :is(.b-boxes,.b-btn) .b-dot{background:var(--hero,var(--green)) !important;color:var(--on-hero) !important}
body.look-b .b-station--wide .b-card ::selection{background:var(--on-hero);color:var(--hero,var(--green))}

/* Nutzer 10.10.: Brotkrumen ohne Unterstreichung, Trenner = Punkt in der Mitte */
.look-b .crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.look-b .crumbs a{text-decoration:none}
.look-b .crumbs a:hover{opacity:.65}
.crumbs__dot{flex:none;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.75}
/* Nutzer 10.10.: Sprachliste in Großbuchstaben wie das Menü; kein dunkler Fokusring nach Mausklick */
.b-lang__pop a{font:700 15px/1.2 "MontB",var(--body);text-transform:uppercase;letter-spacing:.02em}
.b-lang__btn:focus:not(:focus-visible){outline:none;box-shadow:none}
/* Nutzer 10.10.: Knöpfe in der farbigen Station-Karte mit weißer Fläche (Boxen bleiben hell abgestuft) */
.b-station--wide .b-btn,.b-station--wide .b-btn--fill,.b-station--wide .b-btn--canvas{background:var(--surface) !important;color:var(--ink-on-white,#2c2e2a)}
.b-station--wide .b-btn:hover{background:color-mix(in oklab,var(--hero,var(--green)) 18%,#fff) !important}
/* Nutzer 10.10.: Boxen in der Station-Karte beim Drüberfahren weiß; Knöpfe sind schon weiß – kein Hover-Wechsel */
.b-station--wide .b-boxes a:hover{background:var(--surface) !important}
.b-station--wide .b-btn:hover{background:var(--surface) !important}
/* Nutzer 10.10.: Reiter oben ohne Hover – weiß bleibt weiß, der aktive Bereich bleibt in der Seitenfarbe */
.b-tabs .b-boxes a:not(.is-on):hover{background:var(--surface)}
/* Nutzer 10.10.: Trennpunkte kleiner, leichter und als echter Kreis (SVG statt eckig gerendertem Kästchen) */
.crumbs__dot{width:4px;height:4px;border-radius:0;background:none;opacity:.55;overflow:visible}
/* Nutzer 10.10.: Trenner doch als kleiner Pfeil „>“ (wie in den Pfeilkreisen) statt Punkt */
.crumbs__sep{flex:none;width:12px;height:12px;opacity:.6}
/* Nutzer 10.10.: Seitenkopf etwas höher; Brotkrumen kleiner, in Großbuchstaben wie das Menü, mit mehr Abstand zum Rest */
.look-b .phead .t{padding-top:clamp(40px,4.6vw,68px);padding-bottom:clamp(40px,4.6vw,68px)}
.look-b .crumbs{font:700 12px/1.3 "MontB",var(--body);text-transform:uppercase;letter-spacing:.07em;gap:4px 10px;margin:0 0 clamp(30px,3.4vw,48px)}
.crumbs__sep{width:10px;height:10px}
/* Nutzer 10.10.: Zeile über dem Titel im Seitenkopf („Language Station · 02“) präsenter – größer, kräftig, volle Ton-Farbe */
.look-b :is(.phead,.jpost-head) .kicker{font:700 clamp(1.05rem,.95rem + .45vw,1.35rem)/1.25 var(--heads);letter-spacing:-.01em;color:inherit;opacity:1}
.look-b :is(.phead,.jpost-head) .kicker + :is(h1,h2){margin-top:12px !important}
/* Nutzer 10.10.: Reiter-Hover doch – ganz leichter Ton der Seitenfarbe, gerade so sichtbar */
.b-tabs .b-boxes a:not(.is-on):hover{background:color-mix(in oklab,var(--hero,var(--green)) 14%,#fff)}
/* Nutzer 10.10.: Sprachknopf ist ein Menüpunkt – gleiche Schrift, Höhe und Fläche wie die Menüpunkte */
.b-lang__btn{padding:8px 11px;font:700 14px/1.2 "MontB",var(--body);letter-spacing:.02em;border-radius:12px}
/* Nutzer 10.10.: kein einzelnes Wort allein in der letzten Zeile – überall im Fließtext und in Überschriften */
.look-b :is(p,li,dd,figcaption,blockquote,.lead,.b-statement,.b-sub,small){text-wrap:pretty}
.look-b :is(h2,h3,h4,.b-boxes__t){text-wrap:pretty}
/* Nutzer 10.10.: Pager-Hover nicht schwarz, sondern ganz leicht in der Seitenfarbe (wie die Reiter) */
.b-pager__prev:hover,.b-pager__next:hover,.b-pager__all:hover{background:color-mix(in oklab,var(--hero,var(--green)) 14%,#fff);color:var(--ink)}
/* Nutzer 10.10.: Menü- und Sprach-Hover ebenfalls nur ganz leicht in der Seitenfarbe (wie Reiter und Pager); aktiv bleibt voll */
.b-links a:hover,.b-links .menu-item-type-custom.current-menu-item > a:hover,.b-lang__btn:hover,.b-lang.open .b-lang__btn,.b-lang__pop a:not([aria-current]):hover{background:color-mix(in oklab,var(--hero,var(--green)) 14%,#fff)}
/* Nutzer 10.10.: Hover NEUTRAL im weichen Grundton der Seite – nicht in der Seitenfarbe, denn die wechselt nach dem Klick
   (orange beim Drüberfahren, danach z. B. grün). Menü/Sprachwahl: Grundton; weiße Boxen auf dem Grund (Reiter, Pager): halber Schritt dahin */
.b-links a:hover,.b-links .menu-item-type-custom.current-menu-item > a:hover,.b-lang__btn:hover,.b-lang.open .b-lang__btn,.b-lang__pop a:not([aria-current]):hover{background:var(--canvas)}
.b-tabs .b-boxes a:not(.is-on):hover,.b-pager__prev:hover,.b-pager__next:hover,.b-pager__all:hover{background:color-mix(in oklab,var(--canvas) 55%,#fff);color:var(--ink)}
/* Nutzer 10.10.: Brotkrumen etwas dünner und größer */
.look-b .crumbs{font-weight:600;font-size:13.5px;letter-spacing:.06em}
/* Nutzer 10.10.: im Seitenkopf Brotkrumen oben, Titelblock (Zeile, Titel, Einleitung) unten in der Box */
.look-b .phead .t{display:flex;flex-direction:column;justify-content:flex-start;min-height:clamp(320px,30vw,440px)}
.look-b .phead .t > .crumbs + *{margin-top:auto !important}
/* Nutzer 10.10.: Brotkrumen weiter oben und wieder kräftig; Box nicht so hoch */
.look-b .phead .t{padding-top:clamp(22px,2.4vw,32px);min-height:clamp(260px,23vw,330px)}
.look-b .crumbs{font-weight:700}
/* Nutzer 10.10.: im Seitenkopf oben und unten weniger Abstand */
.look-b .phead .t{padding-top:clamp(20px,2vw,28px);padding-bottom:clamp(26px,2.8vw,40px);min-height:clamp(240px,21vw,300px)}
/* Nutzer 10.10.: Brotkrumen als Pillen – aktuelle Seite mit fester Pille (helle Abstufung), Links bekommen beim Drüberfahren eine leichtere */
.look-b .crumbs{gap:4px 2px;margin-left:-11px}
.look-b .crumbs a,.crumbs__cur{padding:7px 11px;border-radius:999px;transition:background-color .2s ease}
.crumbs__cur{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
.look-b .crumbs a:hover{opacity:1;background:color-mix(in oklab,var(--hero,var(--green)) 72%,#fff)}
.look-b .crumbs .crumbs__sep{margin:0 2px}
/* Nutzer 10.10.: Language-Station-Knopf oben wieder weiß, Kreis in der Seitenfarbe (überall, auch über dem Startfeld) */
html body.look-b .b-station-btn,html.nav-over-hero body.look-b .b-station-btn{background:var(--surface) !important;color:var(--ink) !important}
html body.look-b .b-station-btn .b-dot,html.nav-over-hero body.look-b .b-station-btn .b-dot{background:var(--hero,var(--green)) !important;color:var(--on-hero) !important}
/* Nutzer 10.10.: Schrift im weißen Station-Knopf in der Seitenfarbe statt Schwarz – etwas abgedunkelt, damit auch Gelb auf Weiß lesbar bleibt */
html body.look-b .b-station-btn,html.nav-over-hero body.look-b .b-station-btn{color:color-mix(in oklab,var(--hero,var(--green)) 62%,#000) !important}
/* Kopfmenü zu lang für die Leiste (b.js): erst enger, dann Menü-Knopf */
html.nav-tight .b-links ul{gap:0}
html.nav-tight .b-links a{padding-left:7px;padding-right:7px;font-size:13px}
html.nav-burger .b-links{display:none}
html.nav-burger .b-menu{display:grid;margin-left:8px}
html.nav-burger .b-lang{margin-left:auto}
/* Nutzer 10.10.: Schrift im Station-Knopf genau in der Kreisfarbe; nur Gelb etwas dunkler, sonst auf Weiß nicht lesbar */
html body.look-b .b-station-btn,html.nav-over-hero body.look-b .b-station-btn{color:var(--hero,var(--green)) !important}
html[data-hero="yellow"] body.look-b .b-station-btn{color:color-mix(in oklab,var(--yellow) 72%,#000) !important}
/* Nutzer 10.10.: enges Menü war zu eng – nur leicht zusammenrücken (Schrift bleibt), sonst Menü-Knopf */
html.nav-tight .b-links ul{gap:0}
html.nav-tight .b-links a{padding-left:9px;padding-right:9px;font-size:14px}

/* Brotkrumen immer einzeilig: „…“ mit Liste für eingeklappte Punkte (b.js), letzter Punkt mit Auslassung */
.look-b .crumbs{flex-wrap:nowrap;min-width:0;max-width:100%;white-space:nowrap}
.look-b .crumbs > *{flex:none}
.look-b .crumbs > .crumbs__last{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.look-b .crumbs.is-measure > .crumbs__last{flex:none;overflow:visible}
.crumbs__more,.crumbs__more-sep{display:none}
.look-b .crumbs.is-collapsed .crumbs__more{display:inline-flex}
.look-b .crumbs.is-collapsed .crumbs__more-sep{display:block}
.look-b .crumbs.is-collapsed .crumbs__mid{display:none}
.crumbs__more{position:relative}
.crumbs__dots{padding:5px 11px 9px;border:0;border-radius:999px;background:none;color:inherit;font:inherit;letter-spacing:.1em;line-height:1;cursor:pointer;transition:background-color .2s ease}
.crumbs__dots:hover,.crumbs__dots[aria-expanded="true"]{background:color-mix(in oklab,var(--hero,var(--green)) 72%,#fff)}
.crumbs__pop{position:absolute;left:0;top:calc(100% + 8px);z-index:20;display:grid;min-width:200px;padding:6px;background:var(--surface);border-radius:16px;box-shadow:0 0 0 1px var(--hair),0 10px 30px rgba(0,0,0,.08)}
.crumbs__pop[hidden]{display:none}
.look-b .crumbs__pop a{display:block;padding:10px 12px;border-radius:10px;color:var(--ink) !important;background:none}
.look-b .crumbs__pop a:hover{background:var(--canvas)}
/* Nutzer 10.10.: Brotkrumen als eigene volle Leiste über dem Seitenkopf (weiße Pille über die ganze Breite);
   aktuelle Seite = volle Seitenfarbe wie der aktive Menüpunkt, Drüberfahren = neutraler Grundton */
.b-crumbbar{max-width:calc(var(--b-wrap) + 2*var(--b-gut));margin:0 auto 12px;padding-inline:var(--b-gut)}
.look-b .b-crumbbar .crumbs{margin:0;padding:6px;background:var(--surface);border-radius:999px;color:var(--ink)}
.look-b .b-crumbbar .crumbs a{color:var(--ink)}
.look-b .b-crumbbar .crumbs__cur{background:var(--hero,var(--green));color:var(--on-hero)}
.look-b .b-crumbbar .crumbs a:hover,.look-b .b-crumbbar .crumbs__dots:hover,.look-b .b-crumbbar .crumbs__dots[aria-expanded="true"]{background:var(--canvas)}
.look-b .b-crumbbar .crumbs__sep{opacity:.45}
/* ohne Brotkrumen im Kopf steht der Titelblock unten in der Box */
.look-b .phead .t{justify-content:flex-end}
/* enges Menü: Platz zuerst aus den Abständen der Leiste holen (Logo, EU, Sprachwahl), die Menüschrift bleibt gleich */
html.nav-tight .b-bar{gap:12px}
html.nav-tight .b-eu{padding-left:14px}
html.nav-tight .b-lang{padding-left:8px;margin-left:2px}
/* Beitragskopf so breit wie Leisten und Seitenköpfe (war 80 px breiter) */
.look-b .jpost-head{max-width:var(--b-wrap);width:calc(100% - 2*var(--b-gut))}
/* Nutzer 10.10.: Brotkrumen-Leiste ruhiger – Schrift etwas kleiner, aktuelle Seite ohne Pille (nur Text, leicht gedämpft);
   nur die klickbaren Punkte bekommen beim Drüberfahren die neutrale Pille */
.look-b .b-crumbbar .crumbs{font-size:12px}
.look-b .b-crumbbar .crumbs__cur{background:none;color:var(--ink-2)}
/* Nutzer 10.10.: in der Brotkrumen-Leiste links und rechts minimal mehr Luft */
.look-b .b-crumbbar .crumbs{padding:6px 14px}
/* Nutzer 10.10.: im engen Menü 2 px zwischen den Punkten, damit die Hover-Pille nicht am aktiven Punkt klebt */
html.nav-tight .b-links ul{gap:2px}
html.nav-tight .b-links a{padding-left:8px;padding-right:8px}
/* Nutzer 10.10.: rechts in der Kopfleiste weniger Rand neben der Sprachwahl – mehr Platz fürs Menü */
.b-bar{padding-right:12px}
/* Sprungziel „Aktivitäten“: etwas Luft über dem Abschnitt */
#activities{scroll-margin-top:24px}
/* Nutzer 10.10.: Brotkrumen-Leiste nicht ganz rund, sondern leicht gerundet wie Kopfleiste/Logo; gleicher Abstand Kopfleiste ↔ Leiste ↔ Seitenkopf */
.look-b .b-crumbbar .crumbs{border-radius:14px}
.look-b .b-crumbbar .crumbs a,.look-b .b-crumbbar .crumbs__dots{border-radius:10px}
.b-crumbbar{margin-top:-12px;margin-bottom:16px}
/* Nutzer 10.10.: Schrift im Station-Knopf doch wieder dunkel wie das Menü (Kreis bleibt in der Seitenfarbe) */
html body.look-b .b-station-btn,html.nav-over-hero body.look-b .b-station-btn,html[data-hero] body.look-b .b-station-btn{color:var(--ink) !important}
/* Nutzer 10.10.: kein schwarzes Hover mehr bei Knöpfen (z. B. „Zur Website ↗“) – neutraler, etwas dunklerer Grundton */
.look-b :is(.btn,.wp-block-button__link):not(.btn-station):not(.btn-cat):hover{background:color-mix(in oklab,var(--canvas) 55%,var(--stone)) !important;color:var(--ink) !important}
.look-b .act-content .wp-block-button__link:hover{background:var(--hero,var(--green)) !important;color:var(--on-hero) !important}
/* Nutzer 10.10.: „Aktivitäten“ landet so, dass über dem Abschnitt Platz für die Kopfleiste bleibt */
#activities{scroll-margin-top:110px}
/* Nutzer 10.10.: Praktiken-Karten gleich groß – Spalten fest gleich breit (die nicht umbrechende graue Zeile machte Spalten breiter) */
.look-b .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.look-b .cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.look-b .card{min-width:0}
@media (max-width:900px){.look-b .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.look-b .cards,.look-b .cards.two{grid-template-columns:minmax(0,1fr)}}
/* Filter und Schlagwörter wie unsere Menüpunkte: Großbuchstaben, leicht gerundet; aktiv = volle Seitenfarbe, Drüberfahren = neutral */
.look-b .chip{border-radius:12px;font:700 13px/1.2 "MontB",var(--body);text-transform:uppercase;letter-spacing:.03em;padding:8px 12px;color:var(--ink)}
.look-b .chip.on,.look-b button.chip[aria-pressed="true"]{background:var(--hero,var(--green));color:var(--on-hero)}
.look-b .filters .chip:not(.on):not([aria-pressed="true"]):hover{background:color-mix(in oklab,var(--canvas) 55%,var(--stone));color:var(--ink)}
.look-b .card .chip{font-size:11.5px;padding:6px 10px}
/* „Zur Praktik“: wie unsere Knöpfe – Großbuchstaben, ohne Unterstrich, Pfeil im Farbkreis */
.look-b .card .cta{display:inline-flex;align-items:center;gap:12px;border:0;padding:0;font:700 14px/1 "MontB",var(--body);text-transform:uppercase;letter-spacing:.02em;color:var(--ink);text-decoration:none}
.look-b .card .cta .b-dot{width:34px;height:34px}

/* Nutzer 10.10.: Praxis ohne Haupttext – „Auf einen Blick“ als breite Karte in Spalten statt kleinem Kasten */
.look-b .pr-grid--solo{display:block}
.look-b .pr-grid--solo .pr-side{position:static;max-width:none;width:100%;columns:3 220px;column-gap:clamp(24px,4vw,56px)}
.look-b .pr-grid--solo .pr-side .side-h{break-after:avoid}
.look-b .pr-grid--solo .pr-side > :not(.side-h){break-inside:avoid}
/* Schlagwörter im weißen Kasten sichtbar (Grundton statt Weiß auf Weiß) */
.look-b .pr-side .chip{background:var(--canvas)}
/* Knöpfe mit Pfeil im Kreis (functions.php): Text links, Kreis rechts; gefüllte Knöpfe in der Seitenfarbe mit weißem Kreis */
.look-b a.btn:has(.b-dot){display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:8px 8px 8px 20px;border:0;border-radius:var(--r);text-decoration:none;text-align:left}
.look-b a.btn.wide:has(.b-dot){display:flex;width:100%}
.look-b .btn.solid{background:var(--hero,var(--green)) !important;color:var(--on-hero) !important;border:0 !important}
.look-b .btn.solid:hover{background:var(--hero,var(--green)) !important;color:var(--on-hero) !important}
.look-b .btn.solid .b-dot{background:var(--surface) !important;color:var(--ink) !important}
.look-b .btn .b-dot{width:40px;height:40px}
/* Nutzer 10.10.: Reiter direkt unter den Brotkrumen, über dem Seitenkopf – gleiche Abstände (16 px) */
.b-crumbbar + .b-tabs{margin-top:0;margin-bottom:16px}
/* Nutzer 10.10.: Einleitung im Seitenkopf etwas kleiner und luftiger, damit lange Texte nicht so voll wirken */
.look-b .phead .lead{font-size:clamp(.98rem,.92rem + .2vw,1.08rem);line-height:1.55;letter-spacing:0;max-width:38em}
/* Nutzer 10.10.: Karten immer gleich aufgebaut – Datum + Kategorie in einer Zeile, Titel max. 2 Zeilen (Platz für 2 reserviert),
   Text max. 5 Zeilen, Knopf immer unten; Abgeschnittenes endet mit „…“ und zeigt beim Drüberfahren den ganzen Text (b.js) */
.look-b .cards > .card{display:flex;flex-direction:column;height:100%}
.look-b .card .cta{margin-top:auto;padding-top:18px;align-self:flex-start}
.look-b .card .meta{display:flex;flex-wrap:nowrap;gap:16px;white-space:nowrap;min-width:0;max-width:100%}
.look-b .card .meta > span{flex:none}
.look-b .card .meta > span:last-child{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.look-b .card h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.18;min-height:2.36em}
.look-b .card > p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
/* Nutzer 10.10.: Unterseiten – oberer Bereich vollflächig in der Seitenfarbe (wie das Startfeld), große runde Ecken unten links/rechts;
   Kopfleiste, Brotkrumen und Reiter stehen weiß darauf. Die Fläche hängt am Seitenkopf und reicht bis ganz nach oben. */
body.look-b:not(.home) main{position:relative;z-index:0}
.look-b :is(.phead,.jpost-head){position:relative;--band-pad:clamp(28px,3.5vw,52px);margin-bottom:calc(var(--band-pad) + clamp(28px,3vw,48px))}
.look-b :is(.phead,.jpost-head)::before{content:"";position:absolute;z-index:-1;left:calc(50% - 50vw);width:100vw;top:-3000px;bottom:calc(-1 * var(--band-pad));background:var(--hero,var(--green));border-radius:0 0 var(--r-sheet) var(--r-sheet);pointer-events:none}
/* der farbige Kasten selbst verschwindet in der Fläche */
.look-b .phead .t,.look-b .jpost .jpost-head{background:var(--hero,var(--green)) !important}
/* aktiver Reiter auf der Fläche: helle Abstufung (volle Farbe wäre unsichtbar) */
.b-crumbbar + .b-tabs .b-boxes a.is-on{background:color-mix(in oklab,var(--hero,var(--green)) 45%,#fff);color:var(--ink);--ink-2:var(--ink-2)}
.b-crumbbar + .b-tabs .b-boxes a.is-on .b-dot{background:var(--hero,var(--green)) !important;color:var(--on-hero) !important}
/* Fläche genau so breit wie das Fenster ohne Scrollleiste (b.js setzt --sbw) */
.look-b :is(.phead,.jpost-head)::before{left:calc(50% - 50vw + var(--sbw,0px) / 2);width:calc(100vw - var(--sbw,0px))}
/* Nutzer 10.10.: Language-Station-Knopf wieder in der hellen Abstufung der Seitenfarbe (Kreis voll, Schrift dunkel) – nur dieser Knopf */
html body.look-b .b-station-btn,html.nav-over-hero body.look-b .b-station-btn,html[data-hero] body.look-b .b-station-btn{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff) !important;color:var(--ink) !important}
/* Nutzer 10.10.: Beitragsfoto ragt in die farbige Fläche hinein und ist so eingerückt wie der Titel; längere Titel machen den Kopf einfach höher */
.look-b .jpost-head:has(+ .jpost-hero){--band-pad:clamp(70px,9vw,130px);margin-bottom:0}
.look-b .jpost-hero{position:relative;width:calc(min(var(--b-wrap),100% - 2 * var(--b-gut)) - 2 * var(--b-gut));max-width:none;margin:0 auto clamp(40px,5vw,72px);border-radius:var(--r);overflow:hidden}
.look-b .jpost-hero img{display:block;width:100%;height:auto}
/* Beitragsfoto: Breite am Fenster messen (der umgebende Block ist schmaler), damit es genau unter dem Titel beginnt */
.look-b .jpost-hero{width:calc(min(var(--b-wrap),100vw - var(--sbw,0px) - 2 * var(--b-gut)) - 2 * var(--b-gut))}
/* Beitragsfoto ohne Innenrand (Eltern-Theme hatte 40 px links/rechts) – Kante genau unter dem Titel */
.look-b .jpost-hero{padding:0}
/* Nutzer 10.10.: Seitenköpfe (außer Einzelseiten) alle gleich hoch, nichts springt: feste Mindesthöhe, das Foto füllt die Höhe nur aus
   (bestimmt sie nicht); lange Titel machen den Kopf höher. In der Fläche: Abstand über dem Kopf = Abstand darunter. */
body.look-b{--ph-h:clamp(260px,24vw,340px)}
.look-b :is(.phead,.jpost-head){--band-pad:clamp(20px,2.4vw,32px)}
.look-b .phead .t{min-height:var(--ph-h)}
.look-b .phead > .ph{position:relative;align-self:stretch;min-height:var(--ph-h);height:auto;aspect-ratio:auto}
.look-b .phead > .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.b-crumbbar{margin-bottom:clamp(20px,2.4vw,32px)}
.b-crumbbar:has(+ .b-tabs){margin-bottom:16px}
.b-crumbbar + .b-tabs{margin-bottom:clamp(20px,2.4vw,32px)}
/* Nutzer 10.10.: Kopf baut sich von unten auf – Text endet bündig mit der Unterkante des Fotos (kein Innenabstand unten) */
.look-b .phead .t{padding-bottom:0}
/* Nutzer 10.10.: weniger Abstand vom Farbbereich zum Inhalt */
.look-b :is(.phead,.jpost-head){margin-bottom:var(--band-pad)}
.look-b :is(.phead,.jpost-head) + * > .pad:first-child{padding-top:clamp(36px,4.4vw,60px)}
/* Nutzer 10.10.: „Weiterlesen“/„Zur Praktik“ in Karten wie unsere Knöpfe – weiße Fläche, Pfeil im Farbkreis */
.look-b .card .cta{background:var(--surface);padding:8px 8px 8px 18px;min-height:52px;border-radius:var(--r)}
/* Sprungziel „Aktivitäten“: das Eltern-Theme gibt der Seite schon 130 px Sprungabstand (scroll-padding) – zusammen genau ~110 px */
#activities{scroll-margin-top:-20px}
/* Nutzer 10.10.: aktive Punkte (Menü, Filter, Sprachwahl) nicht in der vollen Farbe – die helle Abstufung wie beim Station-Knopf */
html body.look-b :is(.b-links ul li.menu-item.is-active > a,.b-links ul li.current_page_item > a,.b-links ul li.current-menu-item:not(.menu-item-type-custom) > a,.b-lang__pop a[aria-current]),
.look-b .chip.on,.look-b button.chip[aria-pressed="true"]{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff) !important;color:var(--ink) !important}
/* Nutzer 10.10.: neutrales Hover feiner (war zu dunkel) – gerade so erkennbar */
.look-b .filters .chip:not(.on):not([aria-pressed="true"]):hover,.look-b :is(.btn,.wp-block-button__link):not(.btn-station):not(.btn-cat):not(.solid):hover{background:color-mix(in oklab,var(--canvas) 78%,var(--stone)) !important;color:var(--ink) !important}
/* Nutzer 10.10.: doch wieder – aktive Punkte (Menü, Filter, Sprachwahl) in der VOLLEN Seitenfarbe */
html body.look-b :is(.b-links ul li.menu-item.is-active > a,.b-links ul li.current_page_item > a,.b-links ul li.current-menu-item:not(.menu-item-type-custom) > a,.b-lang__pop a[aria-current]),
.look-b .chip.on,.look-b button.chip[aria-pressed="true"]{background:var(--hero,var(--green)) !important;color:var(--on-hero) !important}
/* Nutzer 10.10.: Filter-/Knopf-Hover wieder etwas dunkler – zwischen den beiden letzten Stufen */
.look-b .filters .chip:not(.on):not([aria-pressed="true"]):hover,.look-b :is(.btn,.wp-block-button__link):not(.btn-station):not(.btn-cat):not(.solid):hover{background:color-mix(in oklab,var(--canvas) 64%,var(--stone)) !important}
/* Nutzer 10.10.: Menüpunkte so luftig wie die Filter-Pillen (13 px, mehr Innenabstand); Sprachknopf gleich; enges Menü etwas weniger */
.b-links a{font-size:13px;letter-spacing:.03em;padding:9px 12px}
.b-lang__btn{font-size:13px;letter-spacing:.03em;padding:9px 12px}
html.nav-tight .b-links a{padding-left:10px;padding-right:10px}
/* Nutzer 10.10.: das Wort „Filtern“ vor den Filter-Pillen weg (die Leiste ist für Vorleseprogramme weiter benannt) */
.look-b .filters .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Nutzer 10.10.: Knopf in Karten mit Abstand zum Text (der Knopf bleibt unten bündig) */
.look-b .card > :not(.cta):has(+ .cta){margin-bottom:24px}
/* Nutzer 10.10.: Tooltips weiß statt schwarz (dunkle Schrift, leichter Schatten) */
.b-tip,.b-tip2{background:var(--surface) !important;color:var(--ink) !important;box-shadow:0 0 0 1px var(--hair),0 10px 28px rgba(0,0,0,.12);font-weight:500}

/* Nutzer 10.10.: langer Kategorietext als Einleitung unter dem Kopf (im Kopf steht nur die kurze Fassung) */
.look-b .b-intro-text{padding-bottom:0}
.look-b .b-intro-text > p{max-width:760px;font-size:clamp(1.02rem,.96rem + .25vw,1.15rem);line-height:1.6}
/* Nutzer 10.10.: Kopftext nicht mehr eingerückt (Rest vom früheren Farbkasten) – bündig mit Brotkrumen-Leiste, Foto und Inhalt;
   bei Beiträgen Titel und Foto ebenso bündig auf voller Inhaltsbreite */
.look-b .phead .t{padding-left:0;padding-right:clamp(0px,2vw,24px)}
.look-b .jpost-head > .wrap{padding-left:0;padding-right:0}
.look-b .jpost-hero{width:min(var(--b-wrap),100vw - var(--sbw,0px) - 2 * var(--b-gut))}
/* Nutzer 10.10.: ganz dezenter, weicher Verlauf – Startfeld nach unten leicht heller, Unterseiten umgekehrt (oben heller, unten volle Farbe) */
.b-hero{background:linear-gradient(180deg,var(--hero,var(--green)) 0%,color-mix(in oklab,var(--hero,var(--green)) 84%,#fff) 100%)}
.look-b :is(.phead,.jpost-head)::before{background:linear-gradient(to top,var(--hero,var(--green)) 0,color-mix(in oklab,var(--hero,var(--green)) 84%,#fff) 720px)}
/* Nutzer 10.10.: der alte Farbkasten im Kopf ist durchsichtig – sonst zeichnet er sich auf dem Verlauf als kleine Box ab */
.look-b .phead .t,.look-b .jpost .jpost-head{background:transparent !important}
/* Nutzer 10.10.: Startseite – das farbige Startfeld bleibt stehen, das cremefarbene Blatt mit den runden Ecken scrollt darüber */
body.look-b.home .b-hero{position:sticky;top:0;z-index:0}
body.look-b.home .b-sheet{position:relative;z-index:2}
/* Nutzer 10.10.: Language-Station-Knopf beim Drüberfahren weiß */
html body.look-b .b-station-btn:hover,html.nav-over-hero body.look-b .b-station-btn:hover,html[data-hero] body.look-b .b-station-btn:hover{background:var(--surface) !important}
/* Nutzer 10.10.: Unterseiten nach dem Prinzip der Startseite – Farbbereich steht (.b-top, sticky; Abstand oben setzt b.js),
   der Inhalt scrollt als cremefarbenes Blatt mit runden Ecken OBEN darüber; die Brotkrumen-Leiste bleibt oben kleben,
   beim Hochscrollen erscheint das Menü darüber und die Leiste rückt darunter */
.b-top{position:sticky;top:0;z-index:0;--top-pad:clamp(24px,2.8vw,40px);padding-bottom:calc(var(--top-pad) + var(--r-sheet))}
.look-b .b-top :is(.phead,.jpost-head){margin-bottom:0}
.look-b .b-top :is(.phead,.jpost-head)::before{bottom:calc(-1 * (var(--top-pad) + var(--r-sheet)));border-radius:0}
.b-sheet--sub{position:relative;z-index:1;margin-top:calc(-1 * var(--r-sheet));padding-top:1px;background:var(--canvas);border-radius:var(--r-sheet) var(--r-sheet) 0 0}
.b-sheet--sub > :first-child > .pad:first-child,.b-sheet--sub > section:first-child > .wrap:first-child{padding-top:clamp(44px,5vw,72px)}
.b-crumbbar{position:sticky;top:16px;z-index:5;transition:top .4s cubic-bezier(.2,.8,.2,1)}
html.nav-pinned .b-nav.is-shown ~ main .b-crumbbar{top:100px;transition-delay:.12s}
.b-top > .b-tabs{margin-top:0;margin-bottom:clamp(20px,2.4vw,32px)}
.b-crumbbar:has(+ .b-top > .b-tabs:first-child){margin-bottom:16px}
.b-top .b-tabs .b-boxes a.is-on{background:color-mix(in oklab,var(--hero,var(--green)) 45%,#fff);color:var(--ink)}
.b-top .b-tabs .b-boxes a.is-on .b-dot{background:var(--hero,var(--green)) !important;color:var(--on-hero) !important}
/* Beiträge: Foto liegt oben im Blatt und ragt in den Farbbereich */
body:has(.b-sheet--sub > .jpost > .jpost-hero:first-child) .b-top{--top-pad:clamp(150px,16vw,220px)}
.look-b .b-sheet--sub > .jpost > .jpost-hero:first-child{margin-top:calc(-1 * clamp(110px,12vw,170px))}
/* Nutzer 10.10.: Knopf in Karten beim Drüberfahren (über die ganze Karte) in der hellen Abstufung der Seitenfarbe */
.look-b a.card .cta{transition:background-color .2s ease}
.look-b a.card:hover .cta{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}

/* Parallax + Blur des stehenden Farbbereichs (Werte setzt b.js): Fläche wandert langsam mit, Inhalt verschwimmt und blasst leicht aus */
.b-top,body.home .b-hero{transform:translate3d(0,var(--par-y,0px),0)}
.b-top :is(.b-tabs,.phead > *,.jpost-head > *),body.home .b-hero > .b-wrap{filter:blur(var(--par-blur,0px));opacity:var(--par-op,1);will-change:filter,opacity}
/* Nutzer 10.10.: Brotkrumen-Leiste mit ganz leichter Kontur und weichem Schatten, damit sie sich über dem Inhalt abhebt */
.look-b .b-crumbbar .crumbs{box-shadow:0 0 0 1px rgba(44,46,42,.07),0 6px 22px -6px rgba(44,46,42,.16)}
/* Nutzer 10.10.: weiße Knöpfe („So funktioniert die Station“, „Zum Journal“ …) bekommen ein Hover – helle Abstufung der Seitenfarbe */
.b-btn,.look-b .wp-block-button .wp-block-button__link,.look-b a.btn:has(.b-dot){transition:background-color .2s ease}
html body.look-b .b-btn:hover,html body.look-b .b-station--wide .b-btn:hover,.look-b .wp-block-button .wp-block-button__link:hover,.look-b a.btn:not(.solid):has(.b-dot):hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff) !important;color:var(--ink) !important}
/* Nutzer 10.10.: Pfeilkreise in den Journal-Zeilen gefüllt in der Seitenfarbe, beim Drüberfahren weiß */
html body.look-b .b-news a .b-dot{background:var(--hero,var(--green)) !important;color:var(--on-hero) !important;border-color:transparent !important;transition:background-color .2s ease,color .2s ease}
html body.look-b .b-news a:hover .b-dot{background:var(--surface) !important;color:var(--ink) !important}
/* Nutzer 10.10.: „Über PLURI“ wie die Startseite – Abschnitte als Zeilen: Nummer + Überschrift links (bleibt beim Lesen stehen), Text rechts */
.b-about{padding-top:clamp(44px,5vw,72px);padding-bottom:clamp(64px,8vw,120px)}
.b-about__sec{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,6vw,100px);padding-block:clamp(48px,6vw,88px);border-top:1px solid var(--hair)}
.b-about__sec:first-child{border-top:0;padding-top:0}
.b-about__head{position:sticky;top:96px;align-self:start}
.b-about__no{display:block;margin-bottom:14px;font:700 14px/1 "MontB",var(--body);letter-spacing:.06em;color:var(--ink-2)}
.look-b .b-about__head h2{margin:0;font-size:clamp(2rem,1.2rem + 2.6vw,3.4rem);line-height:1.04;letter-spacing:-.03em;text-wrap:balance}
.look-b .b-about__text > p{max-width:640px;font-size:clamp(1.02rem,.96rem + .25vw,1.15rem);line-height:1.62}
.look-b .b-about__text > p:first-child{font:700 clamp(1.25rem,1.02rem + .8vw,1.65rem)/1.32 var(--heads);letter-spacing:-.012em}
.look-b .b-about__text > p + p{margin-top:1em}
/* Gebäude-Grafik als weiße Karte */
.look-b .b-about__text .approach{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:clamp(24px,3vw,44px);align-items:center;margin:32px 0 0;padding:clamp(24px,3vw,40px);background:var(--surface);border-radius:var(--r)}
.look-b .b-about__text .approach .bld{max-width:300px}
.look-b .b-about__text .approach ul{margin:0;padding:0;list-style:none;display:grid;gap:16px}
.look-b .b-about__text .approach li{position:relative;padding-left:22px;font-size:clamp(.98rem,.94rem + .15vw,1.06rem);line-height:1.5}
.look-b .b-about__text .approach li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:2px;background:var(--hero,var(--green))}
/* Weiterklicken */
.b-about__more{padding-top:clamp(48px,6vw,88px);border-top:1px solid var(--hair)}
.b-about__more .b-h{margin-bottom:clamp(20px,2.4vw,32px)}
.b-about__more .b-boxes a{background:var(--surface)}
.b-about__more .b-boxes a:hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
@media (max-width:860px){.b-about__sec{grid-template-columns:1fr}.b-about__head{position:static}.look-b .b-about__text .approach{grid-template-columns:1fr}}
/* Nutzer 10.10.: Weiter-Leiste unten wie unsere Knöpfe – Beschriftung klein in Großbuchstaben, Titel kräftig, Pfeil im Farbkreis außen,
   Drüberfahren = helle Abstufung der Seitenfarbe (auch der Übersicht-Knopf) */
.b-pager__prev,.b-pager__next{gap:14px;padding:8px;color:var(--ink)}
.b-pager__prev{padding-right:22px}.b-pager__next{padding-left:22px;text-align:right}
.b-pager__next .b-pager__txt{justify-items:end}
.b-pager__txt small{font:700 11.5px/1.2 "MontB",var(--body);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2);opacity:1}
.b-pager__txt b{font:700 15px/1.25 "MontB",var(--body);letter-spacing:-.005em}
.b-pager .b-dot{background:var(--hero,var(--green)) !important;color:var(--on-hero) !important;flex:none}
html body.look-b .b-pager__prev:hover,html body.look-b .b-pager__next:hover,html body.look-b .b-pager__all:hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff) !important;color:var(--ink) !important}
.b-pager__prev .b-pager__txt b,.b-pager__next .b-pager__txt b{color:var(--ink)}
/* Nutzer 10.10.: Angaben neben dem Beitrag (Aktivität, Datum, Ort) in unserer Schrift: Beschriftung klein in Großbuchstaben,
   Aktivität als Pille wie die Filter (ohne Unterstrich), Drüberfahren in der hellen Seitenfarbe */
.look-b .jpost-meta .side-h{display:block;margin-bottom:6px;font:700 11.5px/1.2 "MontB",var(--body);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2)}
.look-b .jpost-meta > div{font:700 16px/1.35 "MontB",var(--body)}
.look-b .jpost-meta a{display:inline-block;margin-top:2px;padding:8px 12px;border-radius:12px;background:var(--surface);color:var(--ink);font:700 13px/1.25 "MontB",var(--body);text-transform:uppercase;letter-spacing:.03em;text-decoration:none;transition:background-color .2s ease}
.look-b .jpost-meta a:hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
/* Nutzer 10.10.: Brotkrumen-Text optisch genau mittig zu den Pfeilen (Großbuchstaben sitzen sonst zu hoch) – oben und unten gleich viel Luft */
.look-b .b-crumbbar .crumbs > a,.look-b .b-crumbbar .crumbs__cur,.look-b .b-crumbbar .crumbs__dots{line-height:1;padding:9px 11px 8px}
@supports (text-box:trim-both cap alphabetic){.look-b .b-crumbbar .crumbs > a,.look-b .b-crumbbar .crumbs__cur,.look-b .b-crumbbar .crumbs__dots{text-box:trim-both cap alphabetic;padding:9px 11px}}
.look-b .b-crumbbar .crumbs{align-items:center}
.look-b .b-crumbbar .crumbs__sep{display:block}

/* Bildvorschau im Stil der Seite (b.js): heller Grund, großes Bild mit runden Ecken, Vorschaubilder darunter, unsere Kreisknöpfe */
.lb{display:none !important}
.b-lb{position:fixed;inset:0;z-index:300;display:grid;grid-template-rows:minmax(0,1fr) auto;background:color-mix(in oklab,var(--canvas) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .25s ease}
.b-lb[hidden]{display:none}
.b-lb.open{opacity:1}
.b-lb__stage{display:grid;place-items:center;min-height:0;padding:clamp(64px,8vh,88px) clamp(16px,9vw,132px) 16px}
.b-lb__big{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--r);box-shadow:0 22px 60px -24px rgba(44,46,42,.45);opacity:0;transform:scale(.985);transition:opacity .3s ease,transform .3s ease}
.b-lb__big.in{opacity:1;transform:none}
.b-lb__btn{position:absolute;z-index:2;display:grid;place-items:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:var(--hero,var(--green));color:var(--on-hero);cursor:pointer;transition:background-color .2s ease,color .2s ease}
.b-lb__btn svg{width:18px;height:18px}
.b-lb__btn:hover{background:var(--surface);color:var(--ink)}
.b-lb__close{top:18px;right:18px;background:var(--surface);color:var(--ink)}
.b-lb__close:hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
.b-lb__prev{left:clamp(12px,2.4vw,32px);top:calc(50% - 70px)}
.b-lb__next{right:clamp(12px,2.4vw,32px);top:calc(50% - 70px)}
.b-lb.is-single :is(.b-lb__prev,.b-lb__next,.b-lb__bar){display:none}
.b-lb__bar{display:grid;justify-items:center;gap:10px;min-width:0;padding:4px 16px 20px}
.b-lb__count{font:700 12px/1 "MontB",var(--body);letter-spacing:.08em;color:var(--ink-2)}
.b-lb__thumbs{display:flex;gap:8px;max-width:min(100%,1200px);overflow-x:auto;padding:5px;scrollbar-width:thin}
.b-lb__thumbs button{flex:none;width:84px;height:60px;padding:0;border:0;border-radius:8px;overflow:hidden;background:var(--stone);opacity:.55;cursor:pointer;transition:opacity .2s ease,box-shadow .2s ease}
.b-lb__thumbs button img{display:block;width:100%;height:100%;object-fit:cover}
.b-lb__thumbs button:hover{opacity:.9}
.b-lb__thumbs button.on{opacity:1;box-shadow:0 0 0 3px var(--hero,var(--green))}
@media (max-width:700px){.b-lb__prev,.b-lb__next{top:auto;bottom:118px}.b-lb__stage{padding-inline:12px}}
/* Nutzer 10.10.: Knopf in der Karte nur dann eingefärbt, wenn die Maus wirklich auf dem Knopf ist (nicht beim Überfahren von Bild/Text der Karte) */
.look-b a.card:hover .cta{background:var(--surface)}
.look-b a.card .cta:hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
/* Fehler: der Trenner des „…“-Knopfs war immer sichtbar (doppelter Pfeil) */
.look-b .b-crumbbar .crumbs:not(.is-collapsed) .crumbs__more-sep{display:none}
/* Nutzer 10.10.: in Karten Titel zuerst, darunter Datum + Kategorie, dann Text und Knopf */
.look-b .cards > .card > .ph{order:0}
.look-b .cards > .card > h3{order:1}
.look-b .cards > .card > .meta{order:2;margin:8px 0 10px}
.look-b .cards > .card > :not(.ph):not(h3):not(.meta):not(.cta){order:3}
.look-b .cards > .card > .cta{order:4}
/* Nutzer 10.10.: in der Karte sind nur Foto, Titel und Knopf klickbar (b.js) */
.look-b a.card{cursor:default}
.look-b a.card :is(.ph,h3,.cta){cursor:pointer}
.look-b a.card h3{transition:color .2s ease}
.look-b a.card h3:hover{color:color-mix(in oklab,var(--hero,var(--green)) 55%,var(--ink))}
/* Bildvorschau: großes Bild passt immer zwischen Kopf und Vorschaubilder */
.b-lb{background:color-mix(in oklab,var(--canvas) 97%,transparent)}
.b-lb__stage{overflow:hidden}
.b-lb__big{max-height:calc(100vh - 250px);max-height:calc(100dvh - 250px);max-width:min(100%,1400px)}
/* Nutzer 10.10.: Titel in Karten beim Drüberfahren nicht einfärben; Datum, Kategorie und Text sind markierbar */
.look-b a.card h3:hover{color:inherit}
.look-b a.card{-webkit-user-drag:none}
.look-b a.card > :not(.ph):not(.cta):not(h3){-webkit-user-select:text;user-select:text;cursor:text}
/* Nutzer 10.10.: beim Drüberfahren über das Kartenfoto erscheint mittig ein Link-Symbol im Farbkreis */
.look-b a.card .ph::after{content:"";position:absolute;left:50%;top:50%;z-index:2;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:var(--hero,var(--green)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c2e2a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") center/24px no-repeat;opacity:0;transform:scale(.7);transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1);pointer-events:none}
.look-b a.card .ph:hover::after{opacity:1;transform:none}
/* Nutzer 10.10.: feste Kopfleiste (beim Hochscrollen) mit ganz leichter Kontur und weichem Schatten wie die Brotkrumen-Leiste */
.b-bar,.b-station-btn{transition:box-shadow .3s ease}
html.nav-pinned .b-bar,html.nav-pinned .b-station-btn{box-shadow:0 0 0 1px rgba(44,46,42,.07),0 6px 22px -6px rgba(44,46,42,.16)}
/* Nutzer 10.10.: Kopfleiste, Station-Knopf und Brotkrumen-Leiste immer mit ganz leichter Kontur und dezentem Schatten */
.b-bar,.b-station-btn,html.nav-pinned .b-bar,html.nav-pinned .b-station-btn,.look-b .b-crumbbar .crumbs{box-shadow:0 0 0 1px rgba(44,46,42,.05),0 4px 18px -8px rgba(44,46,42,.14)}
/* Nutzer 10.10.: das hochfahrende Blatt wirft einen weichen Schatten auf den stehenden Farbbereich */
.b-sheet{box-shadow:0 -14px 36px -18px rgba(44,46,42,.22)}
/* Nutzer 10.10.: Link-Symbol auf dem Foto in der hellen Abstufung der Seitenfarbe; das Foto dunkelt beim Drüberfahren einen Tick ab */
.look-b a.card .ph::after{background-color:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
.look-b a.card .ph img{transition:filter .3s ease}
.look-b a.card .ph:hover img{filter:brightness(.86)}
/* Nutzer 10.10.: Link-Symbol und Abdunkeln weich ein- und ausblenden (gleiche Dauer hin und zurück) */
.look-b a.card .ph::after{transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.look-b a.card .ph img{transition:filter .35s ease}
/* Langer Kategorietext unter den Filtern: drei Zeilen, weich auslaufend, „Weiterlesen“ als kleiner Text-Knopf */
.b-more{--zu:5.1em;position:relative;max-width:760px;margin:clamp(20px,2.4vw,28px) 0 clamp(28px,3vw,40px)}
.b-more__in{max-height:var(--zu);overflow:hidden;transition:max-height .45s cubic-bezier(.22,1,.36,1);font-size:clamp(1rem,.96rem + .2vw,1.1rem);line-height:1.7}
.b-more__in > p{margin:0 0 .8em}
.b-more:not(.open):not(.is-short) .b-more__in{-webkit-mask-image:linear-gradient(#000 45%,transparent);mask-image:linear-gradient(#000 45%,transparent)}
.b-more.is-short .b-more__in{max-height:none}
.b-more.open .b-more__in{max-height:none}
.b-more__btn{display:inline-flex;margin-top:8px;padding:8px 12px;border:0;border-radius:12px;background:var(--surface);color:var(--ink);font:700 12.5px/1 "MontB",var(--body);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:background-color .2s ease}
.b-more__btn:hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
/* Filter stehen oben im Blatt immer an derselben Stelle */
.look-b .b-sheet--sub .filters{margin-top:0}

/* Einwilligungs-Banner im Stil der Seite: weiße Karte unten links, gleichwertige Knöpfe, Einstellungen klappen auf */
.b-consent{position:fixed;left:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);z-index:400;width:min(440px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:22px 22px 18px;background:var(--surface);color:var(--ink);border-radius:18px;box-shadow:0 0 0 1px rgba(44,46,42,.06),0 18px 50px -18px rgba(44,46,42,.35);opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.b-consent[hidden]{display:none}
.b-consent.open{opacity:1;transform:none}
.look-b .b-consent__t{margin:0 0 8px;font:700 18px/1.2 var(--heads);letter-spacing:-.01em}
.b-consent__x{margin:0 0 16px;font-size:14px;line-height:1.55;color:var(--ink-2)}
.b-consent__x a{color:var(--ink);text-underline-offset:3px}
.b-consent__set{display:grid;gap:8px;margin:0 0 16px}
.b-consent__set[hidden]{display:none}
.b-consent__opt{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 14px;background:var(--canvas);border-radius:12px;cursor:pointer}
.b-consent__opt input{position:absolute;opacity:0;pointer-events:none}
.b-consent__opt b{display:block;font:700 13px/1.2 "MontB",var(--body);text-transform:uppercase;letter-spacing:.04em}
.b-consent__opt small{display:block;margin-top:4px;font-size:13px;line-height:1.4;color:var(--ink-2)}
.b-consent__opt em{font:700 11px/1 "MontB",var(--body);font-style:normal;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}
.b-switch{position:relative;width:40px;height:24px;border-radius:999px;background:var(--stone);transition:background-color .2s ease}
.b-switch::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .25s cubic-bezier(.22,1,.36,1)}
.b-consent__opt input:checked ~ .b-switch{background:var(--hero,var(--green))}
.b-consent__opt input:checked ~ .b-switch::after{transform:translateX(16px)}
.b-consent__opt input:focus-visible ~ .b-switch{outline:2px solid var(--ink);outline-offset:2px}
.b-consent__btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.b-consent__b{min-height:44px;padding:10px 16px;border:0;border-radius:12px;font:700 13px/1.1 "MontB",var(--body);text-transform:uppercase;letter-spacing:.03em;color:var(--ink);cursor:pointer;transition:background-color .2s ease}
.b-consent__b.is-fill{flex:1 1 140px;background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
.b-consent__b.is-fill:hover{background:color-mix(in oklab,var(--hero,var(--green)) 62%,#fff)}
.b-consent__b.is-text{flex:1 1 100%;min-height:36px;background:none;text-decoration:underline;text-underline-offset:4px}
.b-consent__b.is-text:hover{background:var(--canvas)}
.b-consent__foot{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:inherit;cursor:pointer}
.b-consent__foot:hover{text-decoration:underline}
/* Platzhalter für blockierte Fremdinhalte */
.b-embed{position:relative;border-radius:var(--r);overflow:hidden;background:var(--surface)}
.b-embed iframe{display:block;width:100%}
.b-embed:not(.is-on) iframe{visibility:hidden}
.b-embed__ph{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:20px;text-align:center;background:var(--surface)}
.b-embed.is-on .b-embed__ph{display:none}
.b-embed__ph p{max-width:420px;margin:0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.b-embed__load{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:6px 6px 6px 18px;border:0;border-radius:var(--r);background:var(--canvas);color:var(--ink);font:700 13px/1 "MontB",var(--body);text-transform:uppercase;letter-spacing:.03em;cursor:pointer}
.b-embed__load:hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
.b-embed__always{padding:4px 8px;border:0;background:none;color:var(--ink-2);font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.b-embed:not(:has(iframe[height])) {aspect-ratio:16/9}

/* Nutzer 10.10.: eigene, cleane Mauszeiger – Pfeil, Finger auf allem Klickbaren, Lupe auf Galeriebildern (Lupe in der hellen Seitenfarbe) */
:root{--cur-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M7%203.5v21.2l5.2-4.9%203.6%207.7%203.4-1.5-3.5-7.6H22Z%22%20fill%3D%22%232c2e2a%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") 7 3;--cur-hand:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M13.5%204.5a2.5%202.5%200%200%201%205%200v8.7a2.3%202.3%200%200%201%204.1%201.2%202.3%202.3%200%200%201%204%201.8v6.3a8%208%200%200%201-8%208h-2.2c-2.5%200-4.8-1.2-6.3-3.2l-3.5-5.1a2.3%202.3%200%200%201%203.7-2.7l3.2%203.1Z%22%20fill%3D%22%232c2e2a%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.6%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M18.5%2013.6v4.6M22.6%2014.9v3.6%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") 16 2;--cur-zoom:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22m19.5%2019.5%207%207%22%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22m19.5%2019.5%207%207%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%229%22%20fill%3D%22%23c2e1b7%22%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%229%22%20fill%3D%22%23c2e1b7%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%222.4%22%2F%3E%3Cpath%20d%3D%22M13%209v8M9%2013h8%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") 13 13}
html[data-hero="green"]{--cur-zoom:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22m19.5%2019.5%207%207%22%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22m19.5%2019.5%207%207%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%229%22%20fill%3D%22%23c2e1b7%22%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%229%22%20fill%3D%22%23c2e1b7%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%222.4%22%2F%3E%3Cpath%20d%3D%22M13%209v8M9%2013h8%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") 13 13}
html[data-hero="cyan"]{--cur-zoom:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22m19.5%2019.5%207%207%22%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22m19.5%2019.5%207%207%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%229%22%20fill%3D%22%23a2e2ec%22%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%229%22%20fill%3D%22%23a2e2ec%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%222.4%22%2F%3E%3Cpath%20d%3D%22M13%209v8M9%2013h8%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") 13 13}
html[data-hero="orange"]{--cur-zoom:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22m19.5%2019.5%207%207%22%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22m19.5%2019.5%207%207%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%229%22%20fill%3D%22%23f6c8a9%22%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%229%22%20fill%3D%22%23f6c8a9%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%222.4%22%2F%3E%3Cpath%20d%3D%22M13%209v8M9%2013h8%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") 13 13}
html[data-hero="pink"]{--cur-zoom:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22m19.5%2019.5%207%207%22%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22m19.5%2019.5%207%207%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%229%22%20fill%3D%22%23f0cee2%22%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%229%22%20fill%3D%22%23f0cee2%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%222.4%22%2F%3E%3Cpath%20d%3D%22M13%209v8M9%2013h8%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") 13 13}
html[data-hero="yellow"]{--cur-zoom:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22m19.5%2019.5%207%207%22%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22m19.5%2019.5%207%207%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%229%22%20fill%3D%22%23ffeeab%22%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%229%22%20fill%3D%22%23ffeeab%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%222.4%22%2F%3E%3Cpath%20d%3D%22M13%209v8M9%2013h8%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") 13 13}
html[data-hero="blue"]{--cur-zoom:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22m19.5%2019.5%207%207%22%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22m19.5%2019.5%207%207%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%229%22%20fill%3D%22%23aabcdc%22%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%229%22%20fill%3D%22%23aabcdc%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%222.4%22%2F%3E%3Cpath%20d%3D%22M13%209v8M9%2013h8%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") 13 13}
@media (hover:hover) and (pointer:fine){
	body.look-b{cursor:var(--cur-arrow),default}
	.look-b :is(p,li,h1,h2,h3,h4,blockquote,figcaption,dd,.lead,.b-sub,.b-statement){cursor:text}
	.look-b :is(a,button,[role=button],label,select,summary,.chip),.look-b :is(a,button,[role=button],label,summary) *{cursor:var(--cur-hand),pointer}
	.look-b a.card{cursor:var(--cur-arrow),default}
	.look-b a.card :is(.ph,h3,.cta),.look-b a.card :is(.ph,h3,.cta) *,.b-lb__btn,.b-lb__thumbs button,.b-more__btn,.b-consent__b,.b-consent__opt,.b-embed__load,.b-embed__always,.crumbs__dots,.b-lang__btn{cursor:var(--cur-hand),pointer !important}
	.look-b :is(.jpost-text,.pr-main,.b-about) :is(.wp-block-gallery,.wp-block-image) img{cursor:var(--cur-zoom),zoom-in !important}
	.b-lb__stage{cursor:var(--cur-arrow),default}
	.look-b :is(input[type=text],input[type=email],input[type=search],textarea){cursor:text}
}
/* „Weiterlesen“: Höhe steuert b.js (inline) – kein fester Wert im geöffneten Zustand */
.b-more.open .b-more__in{max-height:none}

/* Aufklappendes Menü: Feld hängt unten an der weißen Leiste, die Leiste wird optisch länger (untere Ecken weichen, Feld gleitet auf) */
.b-bar{transition:border-radius .25s ease,box-shadow .3s ease}
.b-bar.has-mega{border-bottom-left-radius:0;border-bottom-right-radius:0}
.b-mega{position:absolute;left:0;right:0;top:100%;z-index:3;margin-top:-1px;background:var(--surface);border-radius:0 0 22px 22px;box-shadow:0 18px 40px -22px rgba(44,46,42,.35);clip-path:inset(0 0 100% 0 round 0 0 22px 22px);opacity:0;transition:clip-path .38s cubic-bezier(.22,1,.36,1),opacity .25s ease}
.b-mega[hidden]{display:none}
.b-mega.open{clip-path:inset(0 0 0 0 round 0 0 22px 22px);opacity:1}
.b-mega__in{display:grid;gap:clamp(18px,2.4vw,32px);padding:18px 22px 22px;border-top:1px solid var(--hair)}
.b-mega__in--acts{grid-template-columns:1fr auto;align-items:end}
.b-mega__in--journal{grid-template-columns:minmax(200px,1fr) 2.2fr}
.b-mega__h{display:block;margin-bottom:10px;font:700 11.5px/1.2 "MontB",var(--body);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2)}
.b-mega ul{margin:0;padding:0;list-style:none}
.b-mega__acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.b-mega__acts a,.b-mega__cats a{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:12px;color:var(--ink);text-decoration:none;transition:background-color .2s ease}
.b-mega__acts a:hover,.b-mega__cats a:hover{background:color-mix(in oklab,var(--mc,var(--hero)) 26%,#fff)}
.b-mega__acts i,.b-mega__cats i{flex:none;width:12px;height:12px;margin-top:3px;border-radius:3px;background:var(--mc,var(--hero))}
.b-mega__acts b{display:block;font:700 14px/1.25 "MontB",var(--body)}
.b-mega__acts small{display:block;margin-top:3px;font-size:13px;line-height:1.35;color:var(--ink-2)}
.b-mega__cats a{align-items:center;font:700 13px/1.2 "MontB",var(--body);text-transform:uppercase;letter-spacing:.03em}
.b-mega__cats i{margin-top:0}
.b-mega__cats small{margin-left:auto;font:700 11px/1 "MontB",var(--body);color:var(--ink-2)}
.b-mega__all{display:inline-flex;align-items:center;gap:12px;margin-top:10px;padding:6px 6px 6px 16px;border-radius:12px;background:var(--canvas);color:var(--ink);font:700 12.5px/1 "MontB",var(--body);text-transform:uppercase;letter-spacing:.03em;text-decoration:none;white-space:nowrap;transition:background-color .2s ease}
.b-mega__all .b-dot{width:32px;height:32px;background:var(--hero,var(--green)) !important;color:var(--on-hero) !important}
.b-mega__all:hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
.b-mega__posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.b-mega__posts a{display:grid;gap:6px;color:var(--ink);text-decoration:none}
.b-mega__img{display:block;aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:var(--canvas)}
.b-mega__img img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .3s ease}
.b-mega__posts a:hover img{filter:brightness(.88)}
.b-mega__meta{font:700 11px/1.2 "MontB",var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2)}
.b-mega__posts b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:700 14px/1.3 "MontB",var(--body)}
/* Menüpunkt mit offenem Feld leicht hinterlegt */
.b-links li.mega-on > a{background:var(--canvas)}
html.nav-burger .b-mega{display:none !important}
/* Aktivitäten-Feld: Raster über die volle Breite, Knopf darunter rechts */
.b-mega__in--acts{grid-template-columns:1fr;gap:6px}
.b-mega__in--acts .b-mega__all{justify-self:end;margin-top:4px}

/* Nutzer 10.10.: Menü ohne EU-Logo – Schrift so groß wie „Language Station“ (15 px), etwas mehr Luft */
.b-links a{font-size:15px;padding:9px 13px;letter-spacing:.02em}
.b-lang__btn{font-size:15px;padding:9px 13px;letter-spacing:.02em}
html.nav-tight .b-links a{padding-left:9px;padding-right:9px}
.b-bar{gap:20px}
/* EU-Logo unten im aufklappenden Menü */
.b-mega__foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:6px;padding-top:14px;border-top:1px solid var(--hair)}
.b-mega__foot--span{grid-column:1 / -1}
.b-mega__eu img{display:block;height:34px;width:auto}
.b-mega__in--acts .b-mega__foot .b-mega__all{margin-top:0}
/* Icons vor den Eckdaten: weiße Kachel mit Zeichen, Text daneben */
.b-facts li{display:grid;grid-template-columns:52px 1fr;align-items:center;column-gap:18px}
.b-facts__ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--surface);font-size:inherit;color:inherit}
.b-facts__ic svg{display:block;width:26px;height:auto}
.b-facts__ic--eu svg{width:32px}
.b-facts__ic--uef svg{width:32px}
.b-facts__t{display:block;font-size:inherit;color:var(--ink)}
.b-facts .b-facts__t > span{display:block;font-size:15px;color:var(--ink-2)}
/* Aktivitäten im aufklappenden Menü mit ihrem Teil des PLURI-Zeichens (wie bei „How we work“) */
.b-mega__part{flex:none;width:28px;height:28px;margin-top:-2px;overflow:visible}

/* Aufklappendes Menü: mehr Luft; Themen/Bereiche als gleich große Kacheln (2 Spalten); Team mit Partner-Logos */
.b-mega__in{padding:26px 28px 24px;gap:clamp(24px,3vw,40px)}
.b-mega__h{margin-bottom:14px}
.b-mega__cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.b-mega__cats a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:62px;padding:10px 12px;background:var(--canvas);border-radius:12px}
.b-mega__cats a:hover{background:color-mix(in oklab,var(--mc,var(--hero)) 30%,#fff)}
.b-mega__catt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.2}
.b-mega__in--res .b-mega__cats a{grid-template-columns:1fr auto}
.b-mega__cats small{margin-left:0}
.b-mega__col > .b-mega__all{margin-top:14px}
.b-mega__posts{gap:18px}
.b-mega__img.ph{background:var(--canvas) center/cover no-repeat}
.b-mega__lead{margin:0;max-width:34ch;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.b-mega__partners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.b-mega__partners a{display:flex;align-items:center;gap:14px;min-height:72px;padding:10px 14px;background:var(--canvas);border-radius:12px;color:var(--ink);text-decoration:none;transition:background-color .2s ease}
.b-mega__partners a:hover{background:color-mix(in oklab,var(--hero,var(--green)) 30%,#fff)}
.b-mega__logo{display:grid;place-items:center;flex:none;width:64px;height:44px;padding:4px;background:var(--surface);border-radius:8px}
.b-mega__logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.b-mega__partners b{display:block;font:700 13.5px/1.25 "MontB",var(--body)}
.b-mega__partners small{display:block;margin-top:3px;font-size:12.5px;color:var(--ink-2)}
/* Sprungziele der Ressourcen-Bereiche unter der festen Leiste */
.look-b .res-page h2[id]{scroll-margin-top:130px}

/* Nutzer 10.10.: doch klare Farbflächen ohne Verlauf (Schatten des Blatts bleibt) */
.b-hero{background:var(--hero,var(--green))}
.look-b :is(.phead,.jpost-head)::before{background:var(--hero,var(--green))}
/* Über PLURI: Bildbox mit dem PLURI-Zeichen rechts im Kopf (gleiche Höhe wie Fotos der anderen Köpfe) */
.look-b .phead > .b-logobox{display:grid;place-items:center;min-height:var(--ph-h);background:var(--surface);border-radius:var(--r)}
.look-b .phead > .b-logobox svg{width:auto;height:min(64%,220px);max-width:60%;overflow:visible}
/* Links rechts in der Fußzeile des aufklappenden Menüs */
.b-mega__legal{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}
.b-mega__legal :is(a,button){padding:8px 10px;border:0;border-radius:10px;background:none;color:var(--ink-2);font:700 11.5px/1 "MontB",var(--body);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.b-mega__legal :is(a,button):hover{background:var(--canvas);color:var(--ink)}
.b-mega__in--acts .b-mega__foot .b-mega__legal{margin-left:auto}
/* Wiki: links mitlaufende Seitenleiste mit Suche, rechts die Einträge als weiße Karten */
.b-wiki{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(32px,5vw,72px);padding-top:clamp(44px,5vw,72px);padding-bottom:clamp(64px,8vw,120px)}
.b-wiki__side{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 104px);overflow:auto;padding:4px 6px 20px 2px;scrollbar-width:thin}
.b-wiki__search{display:flex;align-items:center;gap:10px;margin-bottom:22px;padding:0 14px;height:48px;background:var(--surface);border-radius:14px;box-shadow:0 0 0 1px rgba(44,46,42,.05)}
.b-wiki__search svg{flex:none;width:18px;height:18px;color:var(--ink-2)}
.b-wiki__search input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;font:600 15px/1 var(--body);color:var(--ink)}
.b-wiki__search:focus-within{box-shadow:0 0 0 2px var(--hero,var(--green))}
.b-wiki__grp{margin-bottom:18px}
.b-wiki__gh{display:block;margin:0 0 6px 10px;font:700 11.5px/1.2 "MontB",var(--body);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2)}
.b-wiki__toc ul{margin:0;padding:0;list-style:none}
.b-wiki__toc a{display:block;padding:7px 10px;border-radius:10px;color:var(--ink);font:600 14px/1.3 var(--body);text-decoration:none;transition:background-color .2s ease}
.b-wiki__toc a:hover{background:var(--surface)}
.b-wiki__toc a.on{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
.b-wiki__sec{margin-bottom:clamp(40px,5vw,64px)}
.look-b .b-wiki__h{margin:0 0 18px;font-size:clamp(1.7rem,1.2rem + 1.4vw,2.4rem);letter-spacing:-.025em}
.b-wiki__entry{margin-bottom:12px;padding:clamp(20px,2.4vw,30px);background:var(--surface);border-radius:var(--r);scroll-margin-top:96px}
.look-b .b-wiki__entry h3{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:clamp(1.15rem,1rem + .5vw,1.4rem);letter-spacing:-.015em}
.b-wiki__entry h3 .b-mega__part{width:26px;height:26px;margin:0}
.b-wiki__entry > p{max-width:62ch;margin:0 0 12px;font-size:clamp(.98rem,.95rem + .15vw,1.06rem);line-height:1.6;color:var(--ink-2)}
.b-wiki__meta{font:700 12px/1.4 "MontB",var(--body) !important;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2) !important}
.b-wiki__go{display:inline-flex;align-items:center;gap:12px;margin-top:6px;padding:6px 6px 6px 16px;border-radius:12px;background:var(--canvas);color:var(--ink);font:700 12.5px/1 "MontB",var(--body);text-transform:uppercase;letter-spacing:.03em;text-decoration:none;transition:background-color .2s ease}
.b-wiki__go .b-dot{width:32px;height:32px}
.b-wiki__go:hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
.b-wiki__list{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.b-wiki__list a{display:inline-block;padding:7px 11px;border-radius:10px;background:var(--canvas);color:var(--ink);font:600 13.5px/1.25 var(--body);text-decoration:none;transition:background-color .2s ease}
.b-wiki__list a:hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
.b-wiki__map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}
.look-b .b-wiki__map h3{display:block;margin:0 0 10px;font:700 11.5px/1.2 "MontB",var(--body);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2)}
.b-wiki__mail{font:700 16px/1.3 "MontB",var(--body);color:var(--ink)}
.b-wiki__none{padding:24px;background:var(--surface);border-radius:var(--r);color:var(--ink-2)}
@media (max-width:860px){.b-wiki{grid-template-columns:1fr}.b-wiki__side{position:static;max-height:none}.b-wiki__toc{display:none}.b-wiki__map{grid-template-columns:1fr}}
/* Nutzer 10.10.: Nummern der Abschnitte so groß wie die Überschrift, heller, darüber */
.look-b .b-about__no{margin-bottom:2px;font:700 clamp(2rem,1.2rem + 2.6vw,3.4rem)/1 var(--heads);letter-spacing:-.03em;color:color-mix(in oklab,var(--ink) 24%,var(--canvas))}
/* „Unser Ansatz“: Gebäude als breite Karte – Grafik groß links, rechts Dach / Säulen / Fundament mit Symbol */
.b-about__sec.has-bau{grid-template-rows:auto auto}
.b-bau{grid-column:1 / -1;display:grid;grid-template-columns:minmax(260px,5fr) 7fr;gap:clamp(28px,5vw,72px);align-items:center;margin-top:clamp(12px,2vw,24px);padding:clamp(28px,4vw,56px);background:var(--surface);border-radius:var(--r)}
.b-bau__fig .bld{max-width:420px;margin:0 auto}
.b-bau__list{margin:0;padding:0;list-style:none;counter-reset:none}
.b-bau__list li{display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:center;padding:22px 0;border-top:1px solid var(--hair)}
.b-bau__list li:first-child{border-top:0;padding-top:0}
.b-bau__list li:last-child{padding-bottom:0}
.b-bau__ic{display:grid;place-items:center;width:64px;height:52px;border-radius:14px;background:var(--canvas)}
.b-bau__ic svg{width:40px;height:auto}
.look-b .b-bau__list p{margin:0;font-size:clamp(1rem,.96rem + .2vw,1.1rem);line-height:1.55}
@media (max-width:860px){.b-bau{grid-template-columns:1fr}}
/* Nutzer 10.10.: Text rechts beginnt auf Höhe der Überschrift (unter der großen Nummer), nicht auf Höhe der Nummer */
.look-b .b-about__text{padding-top:calc(clamp(2rem,1.2rem + 2.6vw,3.4rem) + 2px + .12em)}
/* Abschnitt mit Gebäude-Karte: Überschrift bleibt nicht stehen (lief sonst über die Karte) */
.b-about__sec.has-bau .b-about__head{position:static}
/* Abschnitt = Zeile (Überschrift links bleibt neben dem Text stehen) + darunter ggf. die Gebäude-Karte über die ganze Breite */
.b-about__sec{display:block}
.b-about__row{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,6vw,100px)}
.b-about__sec.has-bau .b-about__head{position:sticky}
.b-bau{margin-top:clamp(28px,4vw,48px)}
@media (max-width:860px){.b-about__row{grid-template-columns:1fr}}
/* Nutzer 10.10.: große Abschnittsnummern in der hellen Abstufung der aktuellen Seitenfarbe (wechselt mit) */
.look-b .b-about__no{color:color-mix(in oklab,var(--hero,var(--green)) 55%,#fff)}
html[data-hero="yellow"] .look-b .b-about__no{color:color-mix(in oklab,var(--yellow) 80%,#fff)}
/* Nutzer 10.10.: Logo-Bildbox im Kopf von „Über PLURI“ in unserer Grundfarbe statt Weiß */
.look-b .phead > .b-logobox{background:var(--canvas)}
/* Nutzer 10.10.: Gebäude-Infografik ruhig und klar – keine Animation, gerades Dach, gleiche Säulen, Montserrat Bold in Großbuchstaben */
.bld,.bld *{animation:none !important;transition:none !important}
.bld.anim .bld-base,.bld.anim .bld-col,.bld.anim .bld-roof{transform:none !important;opacity:1 !important}
.b-haus{--gap:10px;display:grid;gap:var(--gap);max-width:400px;margin:0 auto}
.b-haus__roof{position:relative;display:grid;place-items:center;height:96px;border:22px solid var(--orange);border-bottom:0;border-radius:72px 72px 0 0}
.b-haus__roof span{margin-top:18px;font:700 12.5px/1.2 "MontB",var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);text-align:center}
.b-haus__cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gap)}
.b-haus__col{display:flex;align-items:flex-end;justify-content:center;height:250px;padding:0 0 16px;border-radius:999px 999px 8px 8px;background:var(--c)}
.b-haus__col span{writing-mode:vertical-rl;transform:rotate(180deg);font:700 12px/1.1 "MontB",var(--body);text-transform:uppercase;letter-spacing:.05em;color:var(--t);white-space:nowrap}
.b-haus__base{display:grid;place-items:center;gap:2px;padding:14px 18px;border-radius:999px;background:var(--ink);text-align:center}
.b-haus__base span{font:700 11.5px/1.25 "MontB",var(--body);text-transform:uppercase;letter-spacing:.06em;color:#fff}
.b-bau__fig .bld{display:none}
@media (max-width:520px){.b-haus__col{height:210px}.b-haus__col span{font-size:10.5px}}
/* Menü-Fußzeile immer einzeilig: EU-Logo links, Links rechts; „Alle Aktivitäten“ steht darüber rechts */
.b-mega__foot{flex-wrap:nowrap}
.b-mega__legal{flex-wrap:nowrap;gap:2px}
.b-mega__legal :is(a,button){padding:8px 9px;white-space:nowrap}
.b-mega__in--acts .b-mega__all--end{justify-self:end;margin-top:6px}
/* Nutzer 10.10.: Bereiche/Themen als ruhige Liste – gleich hohe Zeilen, Name links (nie abgeschnitten), Anzahl rechts */
.b-mega__cats{grid-template-columns:1fr;gap:6px}
.b-mega__cats a{min-height:48px;padding:10px 14px}
.b-mega__catt{display:block;-webkit-line-clamp:unset;overflow:visible}
/* EU-Logo in der Fußzeile nie zusammendrücken (blieb sonst gestaucht) */
.b-mega__eu{flex:none}
.b-mega__eu img{display:block;height:34px;width:auto;max-width:none}
.b-mega__foot .b-mega__all{flex:none;margin-top:0}
.b-mega__foot .b-mega__legal{margin-left:auto;margin-right:8px}
/* Wechsel zwischen offenen Menü-Feldern ohne Auf-/Zuklapp-Animation */
.b-mega.swap{transition:none !important}
/* gleich hohe Menü-Felder: Inhalt oben, Fußzeile immer unten */
.b-mega__in{align-content:space-between}
/* Nutzer 10.10.: weniger Abstand unten im aufklappenden Menü */
.b-mega__in{padding-bottom:14px}
.b-mega__foot{padding-top:12px}
/* Vorschaubilder im Menü: Link-Symbol in heller Seitenfarbe + leichtes Abdunkeln beim Drüberfahren (wie die Karten) */
.b-mega__img{position:relative}
.b-mega__img::after{content:"";position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c2e2a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") center/19px no-repeat;opacity:0;transform:scale(.7);transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1);pointer-events:none}
.b-mega__posts a:hover .b-mega__img::after{opacity:1;transform:none}
.b-mega__img img{transition:filter .35s ease}
.b-mega__posts a:hover .b-mega__img img{filter:brightness(.86)}
/* Nutzer 10.10.: Themen im Menü ohne Farbquadrate – nur Name und Anzahl */
.b-mega__cats i{display:none}
.b-mega__cats a{grid-template-columns:1fr auto}
/* Nutzer 10.10.: „Alle Aktivitäten“ landet so, dass die Überschrift „Wie arbeiten wir?“ oben steht (Innenabstand des Abschnitts verrechnet) */
#activities{scroll-margin-top:calc(-30px - var(--b-gap))}
/* Nutzer 10.10.: Wiki-Seitenleiste – schmale, dezente Scrollleiste ohne Hintergrund; Abstand zwischen den Punkten; aktiv = volle Seitenfarbe */
.b-wiki__side{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--ink) 22%,transparent) transparent;padding-right:10px}
.b-wiki__side::-webkit-scrollbar{width:6px}
.b-wiki__side::-webkit-scrollbar-track{background:transparent}
.b-wiki__side::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--ink) 22%,transparent);border-radius:999px}
.b-wiki__side::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--ink) 38%,transparent)}
.b-wiki__side::-webkit-scrollbar-button{display:none;height:0}
.b-wiki__toc ul{display:grid;gap:3px}
.b-wiki__toc a.on{background:var(--hero,var(--green));color:var(--on-hero)}
/* Nutzer 10.10.: stehende Elemente rücken exakt im Takt der erscheinenden Menüleiste (gleiche Dauer, gleiche Kurve, gleiche Verzögerung)
   – vorher ruckte die Brotkrumen-Leiste und die Wiki-Seitenleiste wurde verdeckt */
html{--nav-off:0px}
html.nav-pinned:has(.b-nav.is-shown){--nav-off:84px}
.b-crumbbar,html.nav-pinned .b-nav.is-shown ~ main .b-crumbbar{top:calc(16px + var(--nav-off));transition:top .4s cubic-bezier(.2,.8,.2,1);transition-delay:0s}
html.nav-pinned:has(.b-nav.is-shown) .b-crumbbar{transition-delay:.12s}
.b-wiki__side{top:calc(84px + var(--nav-off));max-height:calc(100vh - 104px - var(--nav-off));transition:top .4s cubic-bezier(.2,.8,.2,1),max-height .4s cubic-bezier(.2,.8,.2,1)}
.b-about__head{top:calc(96px + var(--nav-off));transition:top .4s cubic-bezier(.2,.8,.2,1)}
html.nav-pinned:has(.b-nav.is-shown) :is(.b-wiki__side,.b-about__head){transition-delay:.12s}
/* Nutzer 10.10.: Hover in den Menü-Listen immer in der aktuellen Seitenfarbe (helle Abstufung), nicht je Thema verschieden */
.b-mega__cats a:hover,.b-mega__acts a:hover,.b-mega__partners a:hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
/* Nutzer 10.10.: Link-Symbol auf Fotos ohne Zoom – blendet nur weich ein und aus (Karten und Menü-Vorschaubilder) */
.look-b a.card .ph::after,.b-mega__img::after{transform:none !important;transition:opacity .35s ease !important}
/* Nutzer 10.10.: Aktivitäten behalten ihre eigene Farbe – auch beim Drüberfahren im Menü (helle Abstufung ihrer Farbe) */
.b-mega__acts a:hover{background:color-mix(in oklab,var(--mc) 28%,#fff)}

/* Menü logisch: Journal/Team auf dem Desktop nicht als eigene Punkte (im Handy-Menü schon) */
.b-links .b-desk-hide{display:none}
/* Felder zweispaltig: links Liste, rechts Beiträge/Partner */
.b-mega__in--split{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.b-mega__h a{color:inherit;text-decoration:none}
.b-mega__h a:hover{color:var(--ink)}
.b-mega__acts--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.b-mega__acts--2 a{align-items:center;min-height:52px;padding:10px 12px;background:var(--canvas);border-radius:12px}
.b-mega__acts--2 b{font-size:13.5px}
.b-mega__steps a{grid-template-columns:auto 1fr}
.b-mega__no{font:700 13px/1 "MontB",var(--body);color:color-mix(in oklab,var(--hero,var(--green)) 60%,var(--ink))}
.b-mega__mini{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.b-mega__mini a{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:14px;padding:6px;border-radius:12px;color:var(--ink);text-decoration:none;transition:background-color .2s ease}
.b-mega__mini a:hover{background:var(--canvas)}
.b-mega__mini .b-mega__img{aspect-ratio:4/3;border-radius:9px}
.b-mega__mini .b-mega__img::after{width:34px;height:34px;margin:-17px 0 0 -17px;background-size:15px}
.b-mega__mini a:hover .b-mega__img::after{opacity:1}
.b-mega__mini a:hover .b-mega__img img{filter:brightness(.86)}
.b-mega__mini b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:3px;font:700 13.5px/1.3 "MontB",var(--body)}
.b-mega__in--split .b-mega__partners{margin-top:12px}

/* Aktivitäten-Übersicht: große Karten, jede in ihrer eigenen Farbe (Zeichen-Teil, Nummer, Pfeilkreis) */
.b-actsov{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:clamp(44px,5vw,72px);padding-bottom:clamp(64px,8vw,120px)}
.b-actsov__card{display:flex;flex-direction:column;gap:14px;padding:clamp(24px,3vw,40px);background:var(--surface);border-radius:var(--r)}
.b-actsov__top{display:flex;align-items:center;justify-content:space-between}
.b-actsov__ic{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:color-mix(in oklab,var(--mc) 18%,#fff)}
.b-actsov__ic .b-mega__part{width:34px;height:34px;margin:0}
.b-actsov__no{font:700 clamp(1.8rem,1.3rem + 1.4vw,2.6rem)/1 var(--heads);letter-spacing:-.03em;color:color-mix(in oklab,var(--mc) 55%,#fff)}
.look-b .b-actsov__card h2{margin:6px 0 0;font-size:clamp(1.5rem,1.1rem + 1.2vw,2.1rem);line-height:1.08;letter-spacing:-.025em}
.look-b .b-actsov__card h2 a{color:inherit;text-decoration:none}
.look-b .b-actsov__card > p{margin:0;max-width:52ch;font-size:clamp(1rem,.96rem + .2vw,1.1rem);line-height:1.55;color:var(--ink-2)}
.b-actsov__news{margin-top:4px;padding-top:14px;border-top:1px solid var(--hair)}
.b-actsov__h{display:block;margin-bottom:8px;font:700 11.5px/1.2 "MontB",var(--body);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2)}
.b-actsov__news ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.b-actsov__news a{display:grid;gap:2px;padding:8px 10px;margin:0 -10px;border-radius:10px;color:var(--ink);text-decoration:none;transition:background-color .2s ease}
.b-actsov__news a:hover{background:color-mix(in oklab,var(--mc) 16%,#fff)}
.b-actsov__news span{font:700 11px/1.2 "MontB",var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2)}
.b-actsov__news b{font:700 14.5px/1.3 "MontB",var(--body)}
.b-actsov__go{display:inline-flex;align-items:center;gap:14px;align-self:flex-start;margin-top:auto;padding:8px 8px 8px 18px;border-radius:var(--r);background:var(--canvas);color:var(--ink);font:700 13px/1 "MontB",var(--body);text-transform:uppercase;letter-spacing:.03em;text-decoration:none;transition:background-color .2s ease}
.b-actsov__go .b-dot{width:38px;height:38px;background:var(--mc) !important;color:var(--ink) !important}
.b-actsov__card[style*="--blue"] .b-actsov__go .b-dot{color:#fff !important}
.b-actsov__go:hover{background:color-mix(in oklab,var(--mc) 22%,#fff)}
@media (max-width:860px){.b-actsov{grid-template-columns:1fr}}
/* Nutzer 10.10.: Brotkrumen-Leiste DEAKTIVIERT (nicht gelöscht) – zum Zurückholen diese Regel und die drei folgenden entfernen */
.b-crumbbar{display:none !important}
.b-wiki__side{top:calc(24px + var(--nav-off));max-height:calc(100vh - 44px - var(--nav-off))}
.b-about__head{top:calc(32px + var(--nav-off))}
.b-top > .b-tabs:first-child{margin-top:0}
/* Partner im Menüfeld untereinander statt nebeneinander (Nutzer 10.10.) */
.b-mega__in--split .b-mega__partners{grid-template-columns:1fr}
.b-mega__in--split .b-mega__partners a{min-height:60px;padding:8px 12px}
/* Nutzer 10.10.: Zahlen der Language-Station-Bereiche in der hellen Seitenfarbe */
.look-b .comp .num{color:color-mix(in oklab,var(--hero,var(--green)) 55%,#fff)}
html[data-hero="yellow"] .look-b .comp .num{color:color-mix(in oklab,var(--yellow) 85%,#fff)}
/* Sprachfenster liegt immer über dem aufklappenden Menüfeld */
.b-lang{z-index:6}
.b-lang__pop{z-index:10}
/* Nutzer 10.10.: in zweispaltigen Menüfeldern enden beide Spalten unten bündig – die Liste links verteilt sich auf die volle Höhe */
.b-mega__in--split > .b-mega__col{display:flex;flex-direction:column;min-height:100%}
.b-mega__in--split > .b-mega__col > :is(.b-mega__cats,.b-mega__acts){flex:1;grid-auto-rows:1fr}
.b-mega__in--split > .b-mega__col > .b-mega__cats a,.b-mega__in--split > .b-mega__col > .b-mega__acts a{height:100%}
.b-mega__in--split > .b-mega__col > .b-mega__mini{flex:1;grid-auto-rows:1fr}
.b-mega__in--split > .b-mega__col > .b-mega__partners{flex:1;grid-auto-rows:1fr}
/* Nutzer 10.10.: Ecken etwas runder – Boxen/Karten 16 px, Fotos 20 px (nicht zu stark) */
body.look-b{--r:16px}
.look-b :is(.card .ph,.card.big .ph,.phead > .ph,.jpost-hero,.b-thumb,.b-lb__big,.jpost-text .wp-block-gallery img,.jpost-text .wp-block-image img){border-radius:20px}
.look-b .phead > .ph img{border-radius:20px}

/* Nutzer 10.10.: Vorschaubilder im Menü ohne Foto – weißer Grund, unser PLURI-Zeichen klein und mittig (statt verstreuter Teile), feine Kontur */
.look-b .b-mega__img.ph.is-empty{background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20290%20334%22%3E%3Cpath%20fill%3D%22%23e97d33%22%20d%3D%22M0%2C250.45H0V86.42C0%2C50.56%2C28.48%2C20.64%2C64.33%2C20.09c36.5-.56%2C66.36%2C28.97%2C66.36%2C65.34v62.82h-60v-62.59c0-2.79-2.04-5.29-4.81-5.56-3.19-.31-5.88%2C2.2-5.88%2C5.32v105.03C60%2C223.59%2C33.14%2C250.45%2C0%2C250.45Z%22%2F%3E%3Cpath%20fill%3D%22%233460ab%22%20d%3D%22M201.57%2C148.51h-60v-70.89C141.57%2C34.93%2C176.3.19%2C219%2C.19v60c-9.61%2C0-17.43%2C7.82-17.43%2C17.43v70.89Z%22%2F%3E%3Cpath%20fill%3D%22%236db754%22%20d%3D%22M201.57%2C333.63h-81.32c-27.29%2C0-49.42-22.13-49.42-49.42v-124.95h60v114.37s10.74%2C0%2C10.74%2C0c33.14%2C0%2C60%2C26.86%2C60%2C60h0Z%22%2F%3E%3Cpath%20fill%3D%22%23db8bba%22%20d%3D%22M201.57%2C159.25h-60v105.37c32.77%2C0%2C49.74%2C14.42%2C59.97%2C35.79Z%22%2F%3E%3Cpath%20fill%3D%22%2322bbe3%22%20d%3D%22M289.55%2C202.17h0c-33.14%2C0-60-26.86-60-60v-71.42h60v131.42Z%22%2F%3E%3Crect%20fill%3D%22%23ffd636%22%20x%3D%22229.55%22%20width%3D%2260%22%20height%3D%2260.09%22%2F%3E%3C%2Fsvg%3E") center/34% auto no-repeat !important;box-shadow:inset 0 0 0 1px var(--hair)}
/* Nutzer 10.10.: Menüpunkt mit offenem Feld in der vollen Seitenfarbe (wie aktive Punkte) */
html body.look-b .b-links li.mega-on > a{background:var(--hero,var(--green)) !important;color:var(--on-hero) !important}
/* Nutzer 10.10.: Seitentitel im Kopf nie kleiner als die Abschnitts-Überschriften darunter; Einleitung im Kopf so kräftig wie der Fließtext */
.look-b :is(.phead,.jpost-head) h1{font-size:clamp(2.4rem,1.3rem + 3.2vw,4.2rem);line-height:1.02;letter-spacing:-.035em}
.look-b .phead .lead{font-weight:600;font-size:clamp(1rem,.95rem + .25vw,1.15rem)}
/* Nutzer 10.10.: die sechs Aktivitäten im Menü untereinander (lange Namen passen so in eine Zeile), kompakte Zeilen */
.b-mega__acts--2{grid-template-columns:1fr;gap:5px}
.b-mega__acts--2 a{min-height:0;padding:8px 12px;gap:12px}
.b-mega__acts--2 .b-mega__part{width:22px;height:22px;margin:0}
.b-mega__acts--2 b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-mega__acts--2 span{min-width:0}
/* Nutzer 10.10.: Vorschaubilder in den Menü-Listen größer (passend zu den Boxen links) */
.b-mega__mini a{grid-template-columns:116px 1fr;gap:16px}
.b-mega__mini .b-mega__img{border-radius:12px}

/* Nutzer 10.10.: neue Mauszeiger nach bewährtem Muster – dunkler Pfeil mit weißem Rand, weiße Hand mit dunklem Umriss, sauber proportioniert */
:root{--cur-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5.6%203v15.6l3.9-3.6%202.5%205.6%202.5-1.1-2.5-5.5h5.2z%22%20fill%3D%22%232c2e2a%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") 6 3,auto;--cur-hand:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%223.5%22%20y%3D%2212.2%22%20width%3D%223.4%22%20height%3D%228%22%20rx%3D%221.7%22%20transform%3D%22rotate(-38%205.2%2016.2)%22%20fill%3D%22%23fff%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%221.2%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%2216.3%22%20y%3D%2210.6%22%20width%3D%223%22%20height%3D%226.4%22%20rx%3D%221.5%22%20fill%3D%22%23fff%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%221.2%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%2213.3%22%20y%3D%229.2%22%20width%3D%223.2%22%20height%3D%227.800000000000001%22%20rx%3D%221.6%22%20fill%3D%22%23fff%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%221.2%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%2210.1%22%20y%3D%228.4%22%20width%3D%223.4%22%20height%3D%228.6%22%20rx%3D%221.7%22%20fill%3D%22%23fff%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%221.2%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%226.6%22%20y%3D%222.4%22%20width%3D%223.6%22%20height%3D%2214.6%22%20rx%3D%221.8%22%20fill%3D%22%23fff%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%221.2%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.6%2013.4H19.3v3.6a4.9%204.9%200%200%201-4.9%204.9h-2.9a4.9%204.9%200%200%201-4.9-4.9z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M6.6%2018.6v-1.6M19.3%2013.4v3.6a4.9%204.9%200%200%201-4.9%204.9h-2.9a4.9%204.9%200%200%201-4.9-4.9%22%20fill%3D%22none%22%20stroke%3D%22%232c2e2a%22%20stroke-width%3D%221.2%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") 10 2,pointer}
@media (hover:hover) and (pointer:fine){
	body.look-b{cursor:var(--cur-arrow)}
	.look-b :is(a,button,[role=button],label,select,summary,.chip),.look-b :is(a,button,[role=button],label,summary) *{cursor:var(--cur-hand)}
	.look-b a.card{cursor:var(--cur-arrow)}
	.look-b a.card :is(.ph,h3,.cta),.look-b a.card :is(.ph,h3,.cta) *,.b-lb__btn,.b-lb__thumbs button,.b-more__btn,.b-consent__b,.b-consent__opt,.b-embed__load,.b-embed__always,.crumbs__dots,.b-lang__btn{cursor:var(--cur-hand) !important}
	.b-lb__stage{cursor:var(--cur-arrow)}
}

/* Nutzer 10.10.: Mauszeiger nach den Vorlagen – schräge Hand mit langem Zeigefinger und Daumen, Pfeil mit Kerbe; dunkel mit weißem Rand */
:root{--cur-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%203v16.4l4.1-3.7%202.7%205.8%202.7-1.2-2.6-5.7h5.4z%22%20fill%3D%22%232c2e2a%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.4%22%20stroke-linejoin%3D%22round%22%20paint-order%3D%22stroke%22%2F%3E%3C%2Fsvg%3E") 6 3,auto;--cur-hand:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate(-16%2012%2012)%20translate(0%20.6)%22%3E%3Cpath%20d%3D%22M8%2013.4V4.6C8%203.7%208.7%203%209.5%203S11%203.7%2011%204.6v5.8c0-.9.7-1.5%201.4-1.5s1.3.5%201.4%201.3c.2-.6.7-.9%201.3-.9.7%200%201.2.5%201.3%201.3.2-.4.6-.6%201-.6.7%200%201.2.6%201.2%201.3v3.9c0%202.1-.7%203.8-1.8%205.1v1.3h-6.2v-1c-1-.8-2-1.8-3-3l-3-3.4c-.6-.7-.4-1.6.3-1.9.6-.3%201.3-.1%201.7.4L8%2014.4z%22%20fill%3D%22%232c2e2a%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.4%22%20stroke-linejoin%3D%22round%22%20paint-order%3D%22stroke%22%2F%3E%3Cpath%20d%3D%22M11%2010.6v2.2M13.8%2010.4v2M16.4%2010.8v1.8%22%20stroke%3D%22%23fff%22%20stroke-width%3D%22.85%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 10 5,pointer}
/* Nutzer 10.10.: Schrift überall Ton in Ton zur aktuellen Seitenfarbe (wie im farbigen Kopf) statt reinem Schwarz;
   gedämpfte Schrift = dieselbe Tönung, etwas heller (Kontrast auf Creme bleibt deutlich über 4,5:1) */
body.look-b{--ink:var(--on-hero);--ink-2:color-mix(in oklab,var(--on-hero) 76%,var(--canvas));--muted:var(--ink-2);color:var(--ink)}
/* Nutzer 10.10.: Menüfeld nur einblenden (kein Aufgleiten), untere Ecken der Leiste wechseln ohne Animation; kein dunkler Fokusring nach Mausklick */
.b-mega{clip-path:none !important;transition:opacity .22s ease !important}
.b-mega.swap{transition:none !important}
.b-bar,.b-bar.has-mega{transition:box-shadow .3s ease !important}
.b-links a:focus:not(:focus-visible){outline:none;box-shadow:none}
/* Nutzer 10.10.: Gebäude-Erklärungen – quadratisches Symbol über dem Text, Text etwas kleiner */
.b-bau__list li{display:block;padding:20px 0}
.b-bau__ic{width:52px;height:52px;margin-bottom:12px;border-radius:14px}
.b-bau__ic svg{width:32px}
.look-b .b-bau__list p{font-size:clamp(.95rem,.92rem + .12vw,1.02rem);line-height:1.55;max-width:52ch}
/* Nutzer 10.10.: Gebäude kantiger – Dach weniger rund, Dachenden laufen nach innen spitz zu (zeigen auf die Säulen), Säulen und Fundament weniger rund */
.b-haus__roof{border-radius:40px 40px 0 0;clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 18px))}
.b-haus__col{border-radius:18px 18px 6px 6px}
.b-haus__base{border-radius:16px}
/* Nutzer 10.10.: Listen im Menü wieder in normaler Höhe – nicht auf die volle Spaltenhöhe strecken (unten bündig ist nicht nötig) */
.b-mega__in--split > .b-mega__col > :is(.b-mega__cats,.b-mega__acts,.b-mega__mini,.b-mega__partners){flex:none;grid-auto-rows:auto}
.b-mega__in--split > .b-mega__col > :is(.b-mega__cats,.b-mega__acts) a{height:auto}
.b-mega__cats a{min-height:48px}
/* Nutzer 10.10.: Menü-Listen einheitlich – alle Zeilen gleich hoch (auch Aktivitäten etwas höher), gleiche Abstände; Bilder rechts etwas größer */
.b-mega__cats,.b-mega__acts--2{gap:6px}
.b-mega__cats a,.b-mega__acts--2 a{min-height:54px;padding:8px 14px;align-items:center}
.b-mega__mini{gap:10px}
.b-mega__mini a{grid-template-columns:136px 1fr;gap:18px}

/* Nutzer 10.10.: überall, wo ein Foto fehlt (Karten, Weiter-Leiste, Menü): weißer Grund und das ganze PLURI-Zeichen mittig – keine verstreuten Teile */
.look-b .ph.is-empty,.look-b .card .ph.is-empty,.look-b .b-thumb.ph.is-empty{background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20290%20334%22%3E%3Cpath%20fill%3D%22%23e97d33%22%20d%3D%22M0%2C250.45H0V86.42C0%2C50.56%2C28.48%2C20.64%2C64.33%2C20.09c36.5-.56%2C66.36%2C28.97%2C66.36%2C65.34v62.82h-60v-62.59c0-2.79-2.04-5.29-4.81-5.56-3.19-.31-5.88%2C2.2-5.88%2C5.32v105.03C60%2C223.59%2C33.14%2C250.45%2C0%2C250.45Z%22%2F%3E%3Cpath%20fill%3D%22%233460ab%22%20d%3D%22M201.57%2C148.51h-60v-70.89C141.57%2C34.93%2C176.3.19%2C219%2C.19v60c-9.61%2C0-17.43%2C7.82-17.43%2C17.43v70.89Z%22%2F%3E%3Cpath%20fill%3D%22%236db754%22%20d%3D%22M201.57%2C333.63h-81.32c-27.29%2C0-49.42-22.13-49.42-49.42v-124.95h60v114.37s10.74%2C0%2C10.74%2C0c33.14%2C0%2C60%2C26.86%2C60%2C60h0Z%22%2F%3E%3Cpath%20fill%3D%22%23db8bba%22%20d%3D%22M201.57%2C159.25h-60v105.37c32.77%2C0%2C49.74%2C14.42%2C59.97%2C35.79Z%22%2F%3E%3Cpath%20fill%3D%22%2322bbe3%22%20d%3D%22M289.55%2C202.17h0c-33.14%2C0-60-26.86-60-60v-71.42h60v131.42Z%22%2F%3E%3Crect%20fill%3D%22%23ffd636%22%20x%3D%22229.55%22%20width%3D%2260%22%20height%3D%2260.09%22%2F%3E%3C%2Fsvg%3E") center/auto 42% no-repeat !important;box-shadow:inset 0 0 0 1px var(--hair)}
.look-b .b-thumb.ph.is-empty{background-size:auto 60% !important}
.look-b .b-mega__img.ph.is-empty{background-size:auto 50% !important}

/* Nutzer 10.10.: Hand-Zeiger sauber (eigene Zeichnung wirkte „kaputt“/fransig): bewährte Form (Material Symbols „pan_tool_alt“, Apache-2.0), leicht schräg, dunkel mit weißem Rand */
:root{--cur-hand:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%221%200%2021%2021%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cg%20transform%3D%22rotate(-14%2012%2014)%20translate(-1%20-3.4)%22%3E%3Cpath%20d%3D%22M18.89%2014.75l-4.09-2.04c-.28-.14-.58-.21-.89-.21H13v-6C13%205.67%2012.33%205%2011.5%205S10%205.67%2010%206.5v10.74l-3.25-.74c-.33-.07-.68.03-.92.28l-.83.84%204.54%204.79c.38.38.89.59%201.43.59h6.16c1%200%201.84-.73%201.98-1.72l.63-4.46c.12-.85-.23-1.67-.85-2.07z%22%20fill%3D%22%232c2e2a%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.2%22%20stroke-linejoin%3D%22round%22%20paint-order%3D%22stroke%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 9 3,pointer}
/* Nutzer 10.10.: Platzhalter ohne Foto in der hellen Seitenfarbe (wechselt mit der Seite), Zeichen mittig */
.look-b .ph.is-empty,.look-b .card .ph.is-empty,.look-b .b-thumb.ph.is-empty,.look-b .b-mega__img.ph.is-empty{background-color:color-mix(in oklab,var(--hero,var(--green)) 22%,#fff) !important;box-shadow:none}
/* Sprachliste: Name in der Sprache der Seite, darunter klein der Eigenname */
.b-lang__pop a{display:grid;gap:2px}
.b-lang__eigen{font:600 11px/1.2 var(--body);text-transform:none;letter-spacing:0;color:var(--ink-2)}
.b-lang__pop a[aria-current] .b-lang__eigen{color:inherit;opacity:.75}
/* Nutzer 10.10.: auf 1280 px und kleineren Desktop-Breiten bleibt das normale Menü (es hat nur noch drei Punkte);
   ob es passt, misst das Skript (sonst Menü-Knopf) – fester Umbruch zum Handy-Menü erst unter 900 px */
@media (min-width:900px){
	.b-links{display:block}
	.b-menu{display:none}
	.b-lang{margin-left:4px}
	html.nav-burger .b-links{display:none}
	html.nav-burger .b-menu{display:grid}
	html.nav-burger .b-lang{margin-left:auto}
}
/* Nutzer 10.10.: EU-Hinweis im Fuß dünner und ruhiger (Pflichttext, keine Botschaft) */
.look-b .b-footer__eu p{font-weight:500;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
/* Nutzer 10.10.: Schrift auf hellem Grund sichtbarer Ton in Ton (40 % Seitenfarbe statt 26 % – wirkte fast schwarz); Kontrast auf Creme bleibt hoch */
body.look-b{--ink:color-mix(in oklab,var(--hero,var(--green)) 40%,#000);--ink-2:color-mix(in oklab,var(--hero,var(--green)) 40%,#000 60%);--muted:var(--ink-2)}
body.look-b{--ink-2:color-mix(in oklab,color-mix(in oklab,var(--hero,var(--green)) 40%,#000) 74%,var(--canvas))}

/* Nutzer 10.10.: Schrift im farbigen Kopf in derselben Tönung wie im Inhalt (40 % Seitenfarbe) */
html{--on-hero:color-mix(in oklab,var(--hero,var(--green)) 40%,#000);--on-hero-2:color-mix(in oklab,var(--hero,var(--green)) 55%,#000)}
/* Handy-Menü neu: Seitenfarbe, weiße Karten mit aufklappbaren Bereichen, Language Station, Sprachen, Fußzeile */
.b-drawer{background:var(--hero,var(--green));padding:100px var(--b-gut) 32px;gap:0}
.b-dr{display:grid;gap:10px;max-width:560px;width:100%;margin:0 auto}
.b-dr__grp{background:var(--surface);border-radius:var(--r);box-shadow:0 0 0 1px rgba(44,46,42,.05),0 4px 18px -8px rgba(44,46,42,.14)}
.b-dr__grp summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;cursor:pointer;list-style:none;font:700 15px/1.2 "MontB",var(--body);text-transform:uppercase;letter-spacing:.03em;color:var(--ink)}
.b-dr__grp summary::-webkit-details-marker{display:none}
.b-dr__grp summary i{position:relative;width:32px;height:32px;flex:none;border-radius:50%;background:var(--canvas);transition:background-color .2s ease}
.b-dr__grp summary i::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-6px 0 0 -4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .25s ease,margin .25s ease}
.b-dr__grp[open] summary i{background:var(--hero,var(--green))}
.b-dr__grp[open] summary i::before{transform:rotate(-135deg);margin-top:-2px}
.b-dr__grp ul{display:grid;gap:4px;margin:0;padding:0 12px 14px;list-style:none}
.b-drawer .b-dr__grp ul a{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 12px;border-radius:12px;background:var(--canvas);color:var(--ink);font:600 15px/1.25 var(--body);letter-spacing:0;text-transform:none}
.b-drawer .b-dr__grp ul a:active,.b-drawer .b-dr__grp ul a:hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
.b-dr__grp .b-mega__part{width:22px;height:22px;margin:0;flex:none}
.b-dr__no{flex:none;min-width:22px;font:700 13px/1 "MontB",var(--body);color:color-mix(in oklab,var(--hero,var(--green)) 60%,var(--ink))}
.b-drawer a.b-dr__station{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;margin-top:4px;padding:8px 10px 8px 20px;border-radius:var(--r);background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff);color:var(--ink);font:700 15px/1.2 "MontB",var(--body);text-transform:uppercase;letter-spacing:.03em}
.b-dr__station .b-dot{background:var(--hero,var(--green)) !important;color:var(--on-hero) !important}
.b-dr__lang{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.b-drawer .b-dr__lang a{padding:10px 14px;border-radius:12px;background:var(--surface);color:var(--ink);font:700 13px/1 "MontB",var(--body);text-transform:uppercase;letter-spacing:.04em}
.b-drawer .b-dr__lang a[aria-current]{background:var(--on-hero);color:var(--hero,var(--green))}
.b-dr__foot{display:grid;gap:14px;margin-top:10px;padding:18px 20px;background:var(--surface);border-radius:var(--r)}
.b-dr__foot img{display:block;height:36px;width:auto}
.b-dr__foot nav{display:flex;flex-wrap:wrap;gap:4px 14px}
.b-drawer .b-dr__foot :is(a,button){padding:4px 0;border:0;background:none;color:var(--ink-2);font:700 12px/1.2 "MontB",var(--body);text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
/* Nutzer 10.10.: Mauszeiger als fertige PNG-Bilder (1x/2x) – kein Umrechnen durch Windows, kein dunkler Saum mehr */
:root{--cur-arrow:url(cur-arrow.png) 6 3,auto;--cur-hand:url(cur-hand.png) 10 3,pointer}
@supports (cursor:-webkit-image-set(url(cur-hand.png) 1x)){
	:root{--cur-arrow:-webkit-image-set(url(cur-arrow.png) 1x,url(cur-arrow@2x.png) 2x) 6 3,auto;--cur-hand:-webkit-image-set(url(cur-hand.png) 1x,url(cur-hand@2x.png) 2x) 10 3,pointer}
}
/* Eckdaten: Symbol mittig in seiner Kachel (eine allgemeine Regel machte die Kachel zum Block) */
.b-facts .b-facts__ic{display:grid !important;place-items:center;font-size:inherit}
.b-facts .b-facts__ic svg{display:block;margin:0}
/* Zeiger in 1x/2x (image-set wird von allen aktuellen Browsern für Zeiger unterstützt) */
:root{--cur-arrow:image-set(url(cur-arrow.png) 1x,url(cur-arrow@2x.png) 2x) 6 3,auto;--cur-hand:image-set(url(cur-hand.png) 1x,url(cur-hand@2x.png) 2x) 10 3,pointer}
/* Nutzer 10.10.: Haupt-Scrollleiste in unseren Farben – Griff in der Seitenfarbe, Spur im Grundton */
html{scrollbar-color:var(--hero,var(--green)) var(--canvas,#f5f1e4)}
html::-webkit-scrollbar{width:12px}
html::-webkit-scrollbar-track{background:var(--canvas,#f5f1e4)}
html::-webkit-scrollbar-thumb{background:var(--hero,var(--green));border-radius:999px;border:3px solid var(--canvas,#f5f1e4)}
/* Nutzer 10.10.: Überzeilen im Inhalt („Konzept & Ansatz“) kräftig wie unsere Beschriftungen; große Einleitungen im Inhalt kräftig wie bei „Über PLURI“ */
.look-b .kicker{font:700 13px/1.3 "MontB",var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2)}
.look-b :is(.entry-content,.act-content,.pr-main,.b-sheet--sub) .lead,.look-b .b-sheet--sub p.lead{font:700 clamp(1.25rem,1.02rem + .8vw,1.65rem)/1.32 var(--heads);letter-spacing:-.012em}
/* große Einleitungen aus dem Editor (Schriftgröße „Lead“) ebenso kräftig */
.look-b .has-lead-font-size{font:700 clamp(1.25rem,1.02rem + .8vw,1.65rem)/1.32 var(--heads) !important;letter-spacing:-.012em}
/* Nutzer 10.10.: Überzeile im Kopf kleiner (Großbuchstaben, kräftig, aber nicht so groß) */
.look-b :is(.phead,.jpost-head) .kicker{font:700 14.5px/1.3 "MontB",var(--body);text-transform:uppercase;letter-spacing:.05em;color:inherit}
/* Journal-Knopf unter den Beiträgen im Aktivitäten-Feld; Journal-Leiste am Ende der Aktivitäten-Übersicht */
.b-mega__all--j{align-self:flex-start;margin-top:12px}
.b-actsov__journal{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(20px,2.6vw,32px) clamp(22px,3vw,40px);border-radius:var(--r);background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff);color:var(--ink);text-decoration:none;transition:background-color .2s ease}
.b-actsov__journal:hover{background:color-mix(in oklab,var(--hero,var(--green)) 58%,#fff)}
.b-actsov__journal b{display:block;font:700 clamp(1.4rem,1.1rem + 1vw,2rem)/1.1 var(--heads);letter-spacing:-.02em}
.b-actsov__journal small{display:block;margin-top:6px;font-size:clamp(.98rem,.95rem + .15vw,1.06rem);color:var(--ink-2)}
.b-actsov__jbtn{display:inline-flex;align-items:center;gap:12px;flex:none;padding:6px 6px 6px 16px;border-radius:12px;background:var(--surface);font:700 13px/1 "MontB",var(--body);text-transform:uppercase;letter-spacing:.03em}
.b-actsov__jbtn .b-dot{width:36px;height:36px}
@media (max-width:700px){.b-actsov__journal{flex-direction:column;align-items:flex-start}}
/* Nutzer 10.10.: keine Nummern auf der Aktivitäten-Übersicht */
.b-actsov__no{display:none}
/* Nutzer 10.10.: auf dem dunklen Blau (Onlinekurs) helle Schrift auf blauen Flächen – Knöpfe, Kopf, aktive Punkte */
html[data-hero="blue"]{--on-hero:color-mix(in oklab,#3460ab 10%,#fff);--on-hero-2:color-mix(in oklab,#3460ab 28%,#fff)}
html[data-hero="blue"] body.look-b :is(.phead .t,.jpost-head){color:var(--on-hero)}
/* Nutzer 10.10.: Knöpfe auf Aktivitätsseiten beim Drüberfahren weiß (Schrift dunkel, Kreis in der Seitenfarbe) */
html body.look-b .act-content .wp-block-button .wp-block-button__link:hover{background:var(--surface) !important;color:var(--ink) !important}
html body.look-b .act-content .wp-block-button .wp-block-button__link:hover .b-dot{background:var(--hero,var(--green)) !important;color:var(--on-hero) !important}

/* Kino-Modus: abgedunkelter Bereich, Video mittig mit runden Ecken, darunter „Auf YouTube ansehen“ */
.b-cine{position:fixed;inset:0;z-index:320;display:grid;place-items:center;padding:clamp(56px,7vh,80px) clamp(14px,4vw,48px);background:rgba(18,18,16,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s ease}
.b-cine[hidden]{display:none}
.b-cine.open{opacity:1}
.b-cine__in{display:grid;gap:16px;width:min(1120px,100%,calc((100vh - 220px) * 16 / 9))}
.b-cine__frame{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 30px 80px -30px rgba(0,0,0,.7)}
.b-cine__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.b-cine__ph{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px;text-align:center;background:var(--surface)}
.b-cine__ph p{max-width:440px;margin:0;font-size:15px;line-height:1.5;color:var(--ink-2)}
.b-cine__load,.b-cine__yt{display:inline-flex;align-items:center;gap:14px;min-height:54px;padding:7px 7px 7px 20px;border:0;border-radius:var(--r);background:var(--hero,var(--green));color:var(--on-hero);font:700 13px/1 "MontB",var(--body);text-transform:uppercase;letter-spacing:.03em;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.b-cine__load .b-dot,.b-cine__yt .b-dot{width:40px;height:40px;background:var(--surface) !important;color:var(--ink) !important}
.b-cine__load:hover,.b-cine__yt:hover{background:var(--surface);color:var(--ink)}
.b-cine__load:hover .b-dot,.b-cine__yt:hover .b-dot{background:var(--hero,var(--green)) !important;color:var(--on-hero) !important}
.b-cine__always{padding:4px 8px;border:0;background:none;color:var(--ink-2);font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.b-cine__bar{display:flex;justify-content:center}
.b-cine__close{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer;transition:background-color .2s ease}
.b-cine__close svg{width:18px;height:18px}
.b-cine__close:hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
/* Nutzer 10.10.: Bildvorschau – weicher, nicht abgeschnittener Schatten; Bilder liegen übereinander und blenden immer gleich weich über; kleiner Lade-Kreis */
.b-lb__stage{overflow:visible;display:grid;place-items:center}
.b-lb__stage > .b-lb__big{grid-area:1 / 1;box-shadow:0 18px 50px -18px rgba(44,46,42,.28),0 2px 10px -4px rgba(44,46,42,.12);transform:none;transition:opacity .4s ease}
.b-lb__loader{grid-area:1 / 1;width:38px;height:38px;border-radius:50%;border:3px solid color-mix(in oklab,var(--hero,var(--green)) 30%,transparent);border-top-color:var(--hero,var(--green));opacity:0;transition:opacity .2s ease;animation:bLbSpin .8s linear infinite;pointer-events:none;z-index:2}
.b-lb__stage.is-loading .b-lb__loader{opacity:1}
@keyframes bLbSpin{to{transform:rotate(360deg)}}
/* Nutzer 10.10.: Sprachliste – alle Einträge gleich hoch (auch die aktuelle Sprache ohne zweite Zeile), Abstand zwischen den Einträgen */
.b-lang__pop{display:grid;gap:5px}
.b-lang__pop li{margin:0}
.b-lang__pop a{min-height:58px;align-content:center}
/* Nutzer 10.10.: Listen im Menü einheitlich wie die Aktivitäten – normale Schreibung statt Großbuchstaben (Projekt-Abschnitte, Bereiche, Themen) */
.b-mega__cats a{text-transform:none;letter-spacing:0;font:700 13.5px/1.25 "MontB",var(--body)}
.b-mega__cats small{text-transform:none}
/* Fehler behoben: die Sprachliste blieb durch display:grid immer sichtbar – verborgen bleibt verborgen */
.b-lang__pop[hidden]{display:none !important}
/* Bereiche (Ressourcen) ebenso ohne Großbuchstaben */
.b-mega__in .b-mega__cats a,.b-mega__in .b-mega__cats .b-mega__catt{text-transform:none !important;letter-spacing:0}

/* schmale Reiter-Leiste beim Scrollen (b.js): drei gleich breite Pillen in einer weißen Leiste, aktiver Bereich in der Seitenfarbe */
.b-tabs-mini{position:fixed;left:50%;top:calc(16px + var(--nav-off,0px));z-index:40;width:min(var(--b-wrap,1200px),calc(100vw - var(--sbw,0px) - 2 * var(--b-gut,40px)));transform:translate(-50%,-14px);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1),top .4s cubic-bezier(.2,.8,.2,1)}
.b-tabs-mini.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.b-tabs-mini ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0;padding:5px;list-style:none;background:var(--surface);border-radius:14px;box-shadow:0 0 0 1px rgba(44,46,42,.05),0 4px 18px -8px rgba(44,46,42,.18)}
.b-tabs-mini a{display:block;padding:10px 14px;border-radius:10px;color:var(--ink);font:700 13px/1.2 "MontB",var(--body);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;transition:background-color .2s ease}
.b-tabs-mini a:hover{background:var(--canvas)}
.b-tabs-mini a.is-on{background:var(--hero,var(--green));color:var(--on-hero)}
@media (max-width:700px){.b-tabs-mini a{padding:9px 8px;font-size:12px}}
/* Nummern 01–03 auch in der schmalen Reiter-Leiste */
.b-tabs-mini a{display:flex;align-items:center;justify-content:center;gap:10px}
.b-tabs-mini a span{overflow:hidden;text-overflow:ellipsis}
.b-tabs-mini__no{flex:none;font:700 12px/1 "MontB",var(--body);color:color-mix(in oklab,var(--hero,var(--green)) 60%,var(--ink))}
.b-tabs-mini a.is-on .b-tabs-mini__no{color:inherit;opacity:.7}
/* schmale Reiter-Leiste: Nummer und Name linksbündig, Anzahl der Praktiken rechts */
.b-tabs-mini a{justify-content:flex-start;text-align:left}
.b-tabs-mini a span{flex:1;min-width:0}
.b-tabs-mini__n{flex:none;margin-left:8px;font:600 12px/1 var(--body);font-style:normal;color:var(--ink-2);white-space:nowrap}
.b-tabs-mini a.is-on .b-tabs-mini__n{color:inherit;opacity:.75}
@media (max-width:900px){.b-tabs-mini__n{display:none}}
/* Nutzer 10.10.: schmale Reiter als drei einzelne Boxen (keine durchgehende Leiste), jede mit eigenem Schatten */
.b-tabs-mini ul{gap:8px;padding:0;background:none;border-radius:0;box-shadow:none}
.b-tabs-mini a{padding:12px 16px;border-radius:14px;background:var(--surface);box-shadow:0 0 0 1px rgba(44,46,42,.05),0 4px 18px -8px rgba(44,46,42,.18)}
.b-tabs-mini a:hover{background:color-mix(in oklab,var(--canvas) 55%,#fff)}
.b-tabs-mini a.is-on{background:var(--hero,var(--green))}
/* Vignette oben: leichter, weich auslaufender Schatten hinter Menü und schmalen Reitern (unter ihnen, über dem Inhalt) */
.b-topfade{position:fixed;left:0;right:var(--sbw,0px);top:0;height:150px;z-index:35;pointer-events:none;opacity:0;transition:opacity .35s ease;
	background:linear-gradient(to bottom,rgba(44,46,42,.16) 0%,rgba(44,46,42,.07) 40%,rgba(44,46,42,0) 100%)}
.b-topfade.is-on{opacity:1}
/* Vignette genau bis zur Scrollleiste (keine helle Kante rechts) */
.b-topfade{right:auto;width:100%}
/* Nutzer 10.10.: große Reiter im farbigen Kopf umgekehrt – aktiver Bereich weiß, die anderen in der hellen Abstufung der Seitenfarbe */
.b-top .b-tabs .b-boxes a{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff) !important;color:var(--ink)}
.b-top .b-tabs .b-boxes a .b-dot{background:var(--surface) !important;color:var(--ink) !important}
.b-top .b-tabs .b-boxes a:hover{background:color-mix(in oklab,var(--hero,var(--green)) 24%,#fff) !important}
.b-top .b-tabs .b-boxes a.is-on,.b-top .b-tabs .b-boxes a.is-on:hover{background:var(--surface) !important}
.b-top .b-tabs .b-boxes a.is-on .b-dot{background:var(--hero,var(--green)) !important;color:var(--on-hero) !important}
/* Nutzer 10.10.: schmale Reiter nach demselben Prinzip – aktiver Bereich weiß (Nummer in der Seitenfarbe), die anderen in der hellen Abstufung */
.b-tabs-mini a{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff);color:var(--ink)}
.b-tabs-mini a:hover{background:color-mix(in oklab,var(--hero,var(--green)) 24%,#fff)}
.b-tabs-mini a.is-on,.b-tabs-mini a.is-on:hover{background:var(--surface);color:var(--ink)}
.b-tabs-mini a.is-on .b-tabs-mini__no{color:color-mix(in oklab,var(--hero,var(--green)) 70%,var(--ink));opacity:1}
.b-tabs-mini a.is-on .b-tabs-mini__n{color:var(--ink-2);opacity:1}
/* Nutzer 10.10.: inaktive schmale Reiter zurückhaltender – milchig-durchscheinend (nur ein Hauch Seitenfarbe, Inhalt dahinter verschwimmt),
   Schrift gedämpft; der aktive bleibt kräftig weiß */
.b-tabs-mini a:not(.is-on){background:color-mix(in oklab,color-mix(in oklab,var(--hero,var(--green)) 16%,#fff) 72%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);color:var(--ink-2);box-shadow:0 0 0 1px rgba(44,46,42,.05),0 2px 10px -6px rgba(44,46,42,.14)}
.b-tabs-mini a:not(.is-on) .b-tabs-mini__no{color:var(--ink-2)}
.b-tabs-mini a:not(.is-on):hover{background:color-mix(in oklab,var(--hero,var(--green)) 26%,#fff);color:var(--ink)}
/* Nutzer 10.10.: schmale Reiter ohne Farbfläche – Farbe nur noch im Text des aktiven Bereichs;
   die anderen neutral milchig mit gedämpfter Schrift (wirken „deaktiviert“, bleiben lesbar) */
.b-tabs-mini a,.b-tabs-mini a:not(.is-on){background:color-mix(in oklab,var(--canvas) 70%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:color-mix(in oklab,var(--ink) 55%,var(--canvas))}
.b-tabs-mini a:not(.is-on) :is(.b-tabs-mini__no,.b-tabs-mini__n){color:inherit;opacity:.85}
.b-tabs-mini a:not(.is-on):hover{background:color-mix(in oklab,var(--canvas) 40%,#fff);color:var(--ink)}
.b-tabs-mini a.is-on,.b-tabs-mini a.is-on:hover{background:var(--surface);color:color-mix(in oklab,var(--hero,var(--green)) 78%,#000)}
.b-tabs-mini a.is-on :is(.b-tabs-mini__no,.b-tabs-mini__n){color:inherit;opacity:.8}
html[data-hero="yellow"] .b-tabs-mini a.is-on{color:color-mix(in oklab,var(--yellow) 55%,#000)}
/* Nutzer 10.10.: schmale Reiter ohne Überblendung – Hover ist sofort da */
.b-tabs-mini a{transition:none !important}
/* Nutzer 10.10.: weiße Knöpfe (z. B. Weiter-Leiste unten) mit deutlich sichtbarem Hover in der hellen Seitenfarbe; Zurück-Knopf mit Kreis links */
html body.look-b a.btn:not(.solid):not(.btn-station):not(.btn-cat):hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff) !important;color:var(--ink) !important}
.look-b a.btn--back:has(.b-dot){padding:8px 20px 8px 8px;justify-content:flex-start}
.look-b .pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.look-b .pager .pager-group{display:flex;flex-wrap:wrap;gap:12px}
/* Nutzer 10.10.: Praxis-Karten sauber und gleich aufgebaut – Titel, Eckdaten (eine Zeile, gekürzt mit Tooltip), Bereich, Text (3 Zeilen),
   Schlagwörter (eine Reihe), Knopf unten; nichts läuft mehr in die Nachbarspalte */
.look-b .cards > .card > .kicker{order:2;margin:10px 0 4px}
.look-b .cards > .card > .meta{order:2}
.look-b .cards > .card > .tags{order:3}
.look-b .card .meta{overflow:hidden}
.look-b .card .meta > span{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.look-b .card .meta > span:first-child{flex:0 2 auto}
.look-b .card:has(.tags) > p{-webkit-line-clamp:3;margin-bottom:12px}
.look-b .card .tags{display:flex;flex-wrap:wrap;gap:6px;max-height:30px;overflow:hidden;margin-bottom:4px}
.look-b .card .tags .chip{flex:none}

/* Nutzer 10.10.: Praxis-Karten ohne Schlagwörter (zu viel); Eckdaten gut sichtbar als Pillen mit Symbol – Zeit, Gruppe, Kosten */
.look-b .card .tags{display:none !important}
.look-b .card:has(.tags) > .meta{display:flex;flex-wrap:wrap;gap:6px;white-space:normal;margin:10px 0 12px;overflow:visible}
.look-b .card:has(.tags) > .meta > span{display:inline-flex;align-items:center;gap:7px;flex:0 1 auto;max-width:100%;padding:7px 11px 7px 9px;border-radius:10px;background:var(--surface);color:var(--ink);font:700 12.5px/1.2 "MontB",var(--body);white-space:normal;overflow:visible}
.look-b .card:has(.tags) > .meta > span::before{content:"";flex:none;width:15px;height:15px;background:color-mix(in oklab,var(--hero,var(--green)) 70%,var(--ink));-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.2%22%2F%3E%3Cpath%20d%3D%22M8%204.8V8l2.2%201.6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.2%22%2F%3E%3Cpath%20d%3D%22M8%204.8V8l2.2%201.6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.look-b .card:has(.tags) > .meta > span:nth-child(2)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%225.6%22%20r%3D%222.3%22%2F%3E%3Cpath%20d%3D%22M1.8%2013.2c.5-2.3%202.2-3.6%204.2-3.6s3.7%201.3%204.2%203.6%22%2F%3E%3Ccircle%20cx%3D%2211.4%22%20cy%3D%226.2%22%20r%3D%221.8%22%2F%3E%3Cpath%20d%3D%22M11.6%209.8c1.5.2%202.4%201.3%202.7%203.2%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%225.6%22%20r%3D%222.3%22%2F%3E%3Cpath%20d%3D%22M1.8%2013.2c.5-2.3%202.2-3.6%204.2-3.6s3.7%201.3%204.2%203.6%22%2F%3E%3Ccircle%20cx%3D%2211.4%22%20cy%3D%226.2%22%20r%3D%221.8%22%2F%3E%3Cpath%20d%3D%22M11.6%209.8c1.5.2%202.4%201.3%202.7%203.2%22%2F%3E%3C%2Fsvg%3E")}
.look-b .card:has(.tags) > .meta > span:nth-child(3)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.2%22%2F%3E%3Cpath%20d%3D%22M10.3%205.6a3%203%200%201%200%200%204.8M4.6%207.2h4M4.6%208.9h4%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.2%22%2F%3E%3Cpath%20d%3D%22M10.3%205.6a3%203%200%201%200%200%204.8M4.6%207.2h4M4.6%208.9h4%22%2F%3E%3C%2Fsvg%3E")}
.look-b .card:has(.tags) > .kicker{order:2;margin:0 0 4px}
/* Fehler behoben: gefilterte Karten blieben sichtbar (display:flex überschrieb das Ausblenden) */
.look-b .cards > .card[hidden]{display:none !important}

/* gefilterte Karten ausblenden (das Eltern-Theme setzt .is-hidden) */
.look-b .cards > .card.is-hidden{display:none !important}
/* Filter hinter Symbol: Überschrift links, Filter-Knopf rechts; Auswahl klappt darunter auf */
.b-fhead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:clamp(16px,2vw,24px)}
.b-fhead > h2,.b-fhead > h3{margin:0 !important}
.b-fhead__r{display:flex;align-items:center;gap:8px;flex:none}
.b-fhead__btn,.b-fhead__chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:0;border-radius:12px;background:var(--surface);color:var(--ink);font:700 13px/1 "MontB",var(--body);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:background-color .2s ease}
.b-fhead__btn svg{width:18px;height:18px}
.b-fhead__btn{position:relative}
.b-fhead__btn:hover,.b-fhead__btn[aria-expanded="true"]{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}
.b-fhead__btn.is-set::after{content:"";position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--hero,var(--green));box-shadow:0 0 0 2px var(--surface)}
.b-fhead__chip{background:var(--hero,var(--green));color:var(--on-hero);text-transform:none;letter-spacing:0}
.b-fhead__chip[hidden]{display:none}
.b-fhead__chip svg{width:14px;height:14px}
.look-b .filters.b-filters--fold{display:none;margin:0 0 clamp(20px,2.4vw,32px)}
.look-b .filters.b-filters--fold.open{display:flex;flex-wrap:wrap;gap:8px}
/* Mehrfach-Filter: Filter-Knopf farbig, sobald etwas gewählt ist (kein Punkt mehr); Begriffe ohne Fokusring nach Klick */
.b-fhead__btn.is-set::after{display:none}
.b-fhead__btn.is-set,.b-fhead__btn.is-set:hover{background:var(--hero,var(--green));color:var(--on-hero)}
.look-b .filters button.chip:focus:not(:focus-visible){outline:none;box-shadow:none}
/* Filtern mit weicher Überblendung */
.look-b .cards > .card{transition:opacity .26s ease,transform .3s cubic-bezier(.22,1,.36,1)}
.look-b .cards > .card.is-fading{opacity:0;transform:translateY(8px) scale(.985)}
/* Zurücksetzen-Knopf neben dem Filter (nur bei gesetzten Filtern) */
.b-fhead__reset{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 14px;border:0;border-radius:12px;background:none;color:var(--ink-2);font:700 13px/1 "MontB",var(--body);text-transform:uppercase;letter-spacing:.03em;cursor:pointer}
.b-fhead__reset[hidden]{display:none}
.b-fhead__reset svg{width:14px;height:14px}
.b-fhead__reset:hover{background:var(--surface);color:var(--ink)}
/* Nutzer 10.10.: „How we work“ auf der Startseite wie die Aktivitäten-Übersicht – weiße Boxen, Symbol in hell getönter Kachel,
   Titel + Kurztext; beim Drüberfahren (und wenn das Teil im Zeichen links aktiv ist) leicht in der eigenen Farbe getönt */
.b-acts .b-rows{display:grid;gap:10px;border:0}
.b-acts .b-rows li{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:22px;row-gap:6px;align-items:start;margin:0;padding:22px 26px 24px 22px !important;background:var(--surface) !important;border:0 !important;border-radius:var(--r);transition:background-color .25s ease}
.b-acts .b-rows li::before{display:none !important}
.b-acts .b-rows li + li,.b-acts .b-rows li.is-on + li{border-top:0 !important}
.b-acts .b-rows li .b-mini{grid-row:1 / span 2;width:64px !important;height:64px !important;margin:0 !important;padding:15px;box-sizing:border-box;border-radius:16px;background:color-mix(in oklab,var(--pc,var(--stone)) 18%,#fff);transform:none !important;overflow:visible}
.b-acts .b-rows li .b-mini :is(path,rect){fill:var(--pc) !important}
.b-acts .b-rows li h3{grid-column:2;margin:6px 0 0}
.b-acts .b-rows li h3 a{color:var(--ink) !important;text-decoration:none !important}
.b-acts .b-rows li p{grid-column:2;margin:0;color:var(--ink-2) !important}
.b-acts .b-rows li.is-on{background:color-mix(in oklab,var(--pc,var(--stone)) 13%,#fff) !important}
.b-acts .b-rows li.is-on .b-mini{background:var(--surface)}
.b-acts .b-rows li.is-on :is(p,h3 a){color:var(--ink) !important}
/* kein dunkler Fokusring nach Mausklick auf dem Übersicht-Knopf */
.b-pager__all:focus:not(:focus-visible){outline:none;box-shadow:none}

/* Seite einer Aktivität: „Aus dem Journal“ mit Link zum ganzen Journal rechts */
.b-fhead__link{text-decoration:none}
.b-fhead__link svg{width:14px;height:14px}

/* Aktivitäten-Reiter (6 + Journal): kompakte Boxen mit Zeichen-Teil, Name, Anzahl Berichte; aktiv weiß, die anderen hell getönt */
.b-tabs--acts .b-boxes{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.b-top .b-tabs--acts .b-boxes a{flex-direction:column;justify-content:flex-start;gap:10px;min-height:0;height:100%;padding:14px 14px 14px}
.b-tabs--acts .b-dot{display:none !important}
.b-tabs--acts .b-boxes__ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:color-mix(in oklab,var(--mc,var(--hero)) 20%,#fff)}
.b-tabs--acts .b-boxes__ic svg{width:22px;height:22px;margin:0}
.b-tabs--acts .b-tabs__journal .b-boxes__ic{background:var(--canvas);color:var(--ink)}
.b-tabs--acts .b-boxes a.is-on .b-boxes__ic{background:color-mix(in oklab,var(--mc,var(--hero)) 22%,#fff)}
.b-tabs--acts .b-boxes__t{padding-right:0;font-size:13.5px;line-height:1.22;letter-spacing:0}
.b-tabs--acts .b-boxes__t small{margin-top:4px;font-size:12px}
@media (max-width:1100px){.b-tabs--acts .b-boxes{grid-template-columns:repeat(7,minmax(150px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.b-tabs--acts .b-boxes li{scroll-snap-align:start}}
/* schmale Leiste: Spaltenzahl folgt der Zahl der Reiter (b.js setzt sie) */
.b-tabs-mini ul{grid-template-columns:var(--mini-cols,repeat(3,minmax(0,1fr)))}
/* Überzeile im Kopf darf zweizeilig sein (Datum, darunter Aktivität) */
.look-b :is(.phead,.jpost-head) .kicker{white-space:pre-line;line-height:1.45}
/* Nutzer 10.10.: Aktivitäten-Reiter schlank statt massiv – eine Zeile Pillen: kleines Zeichen + Name; inaktiv nur leicht aufgehellt, aktiv weiß */
.b-top .b-tabs--acts .b-boxes{gap:6px}
.b-top .b-tabs--acts .b-boxes a{flex-direction:row;align-items:center;gap:8px;min-height:44px;height:auto;padding:7px 12px 7px 7px;border-radius:12px;background:rgba(255,255,255,.34) !important;box-shadow:none}
.b-top .b-tabs--acts .b-boxes a:hover{background:rgba(255,255,255,.62) !important}
.b-top .b-tabs--acts .b-boxes a.is-on,.b-top .b-tabs--acts .b-boxes a.is-on:hover{background:var(--surface) !important}
.b-tabs--acts .b-boxes__ic{width:30px;height:30px;flex:none;border-radius:9px;background:var(--surface) !important}
.b-tabs--acts .b-boxes__ic svg{width:17px;height:17px}
.b-tabs--acts .b-boxes a.is-on .b-boxes__ic{background:color-mix(in oklab,var(--mc,var(--hero)) 20%,#fff) !important}
.b-tabs--acts .b-tabs__journal .b-boxes__ic{color:var(--ink)}
.b-tabs--acts .b-boxes__t{min-width:0;font-size:12.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Blatt mit Griff-Linie und Einrasten: oben (Seitenanfang) und angedockt (Blatt oben, unter den schmalen Reitern) */
html{scroll-snap-type:y proximity}
html.b-dragging,html.b-snapping{scroll-snap-type:none}
body.look-b > main{scroll-snap-align:start}
.b-sheet--sub,body.home .b-sheet{scroll-snap-align:start;scroll-margin-top:24px}
body:has(.b-top > .b-tabs) .b-sheet--sub{scroll-margin-top:74px}
.b-grab{position:absolute;left:50%;top:0;z-index:3;display:grid;place-items:center;width:120px;height:34px;margin-left:-60px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}
.b-grab i{display:block;width:46px;height:5px;border-radius:999px;background:color-mix(in oklab,var(--ink) 22%,transparent);transition:background-color .2s ease,width .2s ease}
.b-grab:hover i{width:58px;background:color-mix(in oklab,var(--ink) 40%,transparent)}
html.b-dragging,html.b-dragging *{cursor:grabbing !important}
.b-grab:focus-visible{outline:2px solid var(--ink);outline-offset:-4px;border-radius:12px}
body.home .b-sheet{position:relative}
/* Nutzer 10.10.: Zahl der Berichte als kleiner Kreis am Zeichen (große Reiter und schmale Leiste) statt Text */
.b-boxes__ic,.b-tabs-mini__ic{position:relative}
.b-badge{position:absolute;right:-6px;top:-6px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--ink);color:#fff;font:700 10px/1 "MontB",var(--body);box-shadow:0 0 0 2px var(--surface)}
.b-tabs-mini a.has-ic{gap:9px}
.b-tabs-mini__ic{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;background:var(--surface)}
.b-tabs-mini__ic svg{width:15px;height:15px;margin:0}
.b-tabs-mini__ic .b-badge{right:-7px;top:-7px;min-width:15px;height:15px;font-size:9px}
.b-tabs-mini a.has-ic{padding:7px 10px 7px 7px}
/* Nutzer 10.10.: kein automatisches Einrasten beim Scrollen mehr (sprang zurück) – Andocken nur über die Griff-Linie */
html{scroll-snap-type:none !important}
/* Griff: offene Hand beim Drüberfahren, Faust beim Ziehen */
.b-grab{cursor:image-set(url(cur-grab.png) 1x,url(cur-grab@2x.png) 2x) 14 10,grab}
html.b-dragging,html.b-dragging *{cursor:image-set(url(cur-grabbing.png) 1x,url(cur-grabbing@2x.png) 2x) 14 12,grabbing !important}
/* Aktivitäten-Reiter unter Bild und Text im Farbbereich */
.b-top > .b-tabs--acts{margin-top:clamp(22px,2.6vw,34px);margin-bottom:0}
/* schmale Leiste: Zeichen-Kachel fest, nur der Name kürzt sich */
.b-tabs-mini a span{flex:initial;overflow:visible}
.b-tabs-mini a .b-tabs-mini__t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b-tabs-mini a .b-tabs-mini__ic{flex:none;width:26px;height:26px;overflow:visible}
/* Journal-Eintrag in „How we work“: Symbol in neutraler Kachel */
.b-acts .b-rows li.b-rows__journal .b-mini{color:var(--ink);background:var(--canvas)}
.b-acts .b-rows li.b-rows__journal .b-mini path{fill:none !important;stroke:currentColor}
.b-acts .b-rows li.b-rows__journal:hover{background:color-mix(in oklab,var(--hero,var(--green)) 13%,#fff) !important}
/* Nutzer 10.10.: Farbfläche gehört zum ganzen stehenden Bereich (Kopf + Reiter) – reicht bis unter das Blatt, keine helle Lücke mehr */
.b-top::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:-3000px;bottom:0;background:var(--hero,var(--green));pointer-events:none}
.look-b .b-top :is(.phead,.jpost-head)::before{display:none !important}

/* Nutzer 10.10. („alles verschwommen, Logo krisselig“): Farbbereich nicht mehr als eigene GPU-Ebene (translate3d/will-change) –
   Versatz und Blur kommen nur noch als fertige Werte aus dem Skript, wenn wirklich gescrollt ist; oben liegt alles scharf im Seitenfluss */
.b-top,body.home .b-hero{transform:var(--par-t,none)}
.b-top :is(.b-tabs,.phead > *,.jpost-head > *),body.home .b-hero > .b-wrap{filter:var(--par-f,none);will-change:auto}

/* Nutzer 10.10.: Zahl-Kreis an den Reiter-Zeichen in der Seitenfarbe (blau, gelb …), heller Text nur wo die Farbe dunkel ist */
.b-badge{background:var(--hero,var(--green));color:var(--on-hero)}
/* Sticky-Reiter: Zahl-Kreis wurde oben abgeschnitten – Reiter schneiden nicht mehr ab (Kürzen macht nur der Name) */
.b-tabs-mini a,.b-tabs-mini a.has-ic{overflow:visible}

/* Nutzer 10.10.: Knöpfe im Inhalt weiß, der Kreis darin in der hellen Seitenfarbe (nicht voll), Zeichen dunkel;
   Hover: Knopf hell getönt, Kreis weiß (nie gleiche Farbe wie der Grund). Auf weißen Karten bleibt der Knopf cremefarben. */
html body.look-b .b-sheet .wp-block-button .wp-block-button__link,html body.look-b .b-sheet a.btn:not(.solid):not(.btn-station):not(.btn-cat):has(.b-dot){background:var(--surface) !important;color:var(--ink) !important;box-shadow:none !important}
html body.look-b .b-sheet .wp-block-button .wp-block-button__link .b-dot,html body.look-b .b-sheet a.btn:not(.solid):not(.btn-station):not(.btn-cat) .b-dot{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff) !important;color:var(--ink) !important}
html body.look-b .b-sheet .wp-block-button .wp-block-button__link:hover,html body.look-b .b-sheet a.btn:not(.solid):not(.btn-station):not(.btn-cat):has(.b-dot):hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff) !important;color:var(--ink) !important}
html body.look-b .b-sheet .wp-block-button .wp-block-button__link:hover .b-dot,html body.look-b .b-sheet a.btn:not(.solid):not(.btn-station):not(.btn-cat):hover .b-dot{background:var(--surface) !important}
html body.look-b .b-sheet :is(.b-card,.comp,.callout,.pr-side,.card) :is(.wp-block-button .wp-block-button__link,a.btn:not(.solid):not(.btn-station):not(.btn-cat):has(.b-dot)){background:var(--canvas) !important}
/* Play-Zeichen im Kreis etwas größer */
.b-dot:has(path[d^="M6.2 4.3"]) svg{width:21px;height:21px}

/* Nutzer 10.10.: offenes Menüfeld = einziger Punkt in voller Farbe – der aktuelle Bereich tritt solange zurück (sonst „beide blau“);
   etwas mehr Luft zwischen den Punkten */
html body.look-b .b-links:has(li.mega-on) li:not(.mega-on) > a{background:transparent !important;color:var(--ink) !important}
html body.look-b .b-links:has(li.mega-on) li:not(.mega-on) > a:hover{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff) !important}
html:not(.nav-tight) .b-links ul{gap:10px}

/* Nutzer 10.10.: Entwurf-Schalter unten rechts weg */
.hi-switch{display:none !important}
/* Nutzer 10.10.: Sticky-Reiter (Kategorien) etwas höher */
.b-tabs-mini a.has-ic{padding:10px 12px 10px 10px}
.b-tabs-mini a .b-tabs-mini__ic{width:28px;height:28px}

/* Nutzer 10.10.: Tooltips kleiner und feiner (Schrift, Innenabstand, Ecken), weicher Schatten statt Rand; unten liegende schieben sich von oben herein */
.b-tip,.b-tip2{max-width:min(300px,calc(100vw - 24px));padding:6px 10px;border-radius:9px;font:500 12.5px/1.3 var(--body);letter-spacing:0;box-shadow:0 0 0 1px rgba(44,46,42,.07),0 6px 18px -6px rgba(44,46,42,.24) !important}
.b-tip.is-below{transform:translateY(-4px)}
.b-tip.on,.b-tip.is-below.on{transform:none}
/* Nutzer 10.10.: im aktiven (weißen) Sticky-Reiter war die weiße Zeichen-Kachel unsichtbar – wie oben hell in der Farbe der Aktivität */
.b-tabs-mini a.is-on .b-tabs-mini__ic{background:color-mix(in oklab,var(--mc,var(--hero,var(--green))) 20%,#fff)}
.b-tabs-mini a.is-on:not([style*="--mc"]) .b-tabs-mini__ic{background:var(--canvas)}
/* Nutzer 10.10.: neue Faust beim Ziehen (saubere Fläche, keine Linien innen) – neue Version gegen den Browser-Cache */
html.b-dragging,html.b-dragging *{cursor:image-set(url(cur-grabbing.png?v=2) 1x,url(cur-grabbing@2x.png?v=2) 2x) 14 12,grabbing !important}

/* Nutzer 10.10.: Lupe ohne Farbe (innen weiß) und der restliche Zeiger-Satz im selben Stil – Text, nicht erlaubt, Laden, Verschieben,
   Größe ändern, Lupe minus; alle als PNG 1x/2x (Windows malte SVG-Zeiger mit dunklem Saum) */
:root,html[data-hero]{--cur-zoom:image-set(url(cur-zoom.png) 1x,url(cur-zoom@2x.png) 2x) 13 13;--cur-zoom-out:image-set(url(cur-zoom-out.png) 1x,url(cur-zoom-out@2x.png) 2x) 13 13,zoom-out;
	--cur-text:image-set(url(cur-text.png) 1x,url(cur-text@2x.png) 2x) 16 16,text;--cur-not:image-set(url(cur-not.png) 1x,url(cur-not@2x.png) 2x) 16 16,not-allowed;
	--cur-progress:image-set(url(cur-progress.png) 1x,url(cur-progress@2x.png) 2x) 6 3,progress;--cur-move:image-set(url(cur-move.png) 1x,url(cur-move@2x.png) 2x) 16 16,move;
	--cur-ns:image-set(url(cur-ns.png) 1x,url(cur-ns@2x.png) 2x) 16 16,ns-resize;--cur-ew:image-set(url(cur-ew.png) 1x,url(cur-ew@2x.png) 2x) 16 16,ew-resize}
@media (hover:hover) and (pointer:fine){
	.look-b :is(p,li,h1,h2,h3,h4,h5,h6,blockquote,figcaption,dd,dt,td,th,pre,address,.lead,.b-sub,.b-statement):not(:is(a,button,[role=button],label,summary,.b-rows,.b-boxes,.b-mega,.b-pager,.b-tabs-mini,.b-links) *),
	.look-b a.card > :is(p,.kicker,.meta),.look-b a.card > :is(p,.kicker,.meta) *{cursor:var(--cur-text)}
	.look-b :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range]),textarea,[contenteditable="true"]){cursor:var(--cur-text)}
	.look-b :is(.b-rows li,.b-boxes a,.b-mega a,.b-pager a,.b-tabs-mini a,.b-links a) :is(p,h3,h4,b,span,small){cursor:var(--cur-hand)}
	.look-b :is([disabled],[aria-disabled="true"]),.look-b :is([disabled],[aria-disabled="true"]) *{cursor:var(--cur-not) !important}
	html.b-wait,html.b-wait *,.look-b [aria-busy="true"]{cursor:var(--cur-progress) !important}
	.look-b [draggable="true"]{cursor:var(--cur-move)}
	.look-b img.b-zoom{cursor:var(--cur-zoom),zoom-in !important}
}

/* Nutzer 10.10.: Aktivitäten-Boxen alle gleich hoch (die höchste gibt das Maß vor) */
.b-acts .b-rows{grid-auto-rows:1fr}
/* Nutzer 10.10.: Hover der Aktivitäten-/Journal-Boxen kräftiger – 13 % verschmolz (v. a. Gelb) mit dem cremefarbenen Grund */
.b-acts .b-rows li.is-on{background:color-mix(in oklab,var(--pc,var(--stone)) 30%,#fff) !important}
.b-acts .b-rows li.b-rows__journal:hover{background:color-mix(in oklab,var(--hero,var(--green)) 30%,#fff) !important}
.b-acts .b-rows li.b-rows__journal:hover .b-mini{background:var(--surface)}
/* Nutzer 10.10.: beim Hover verschwand die weiße Zeichen-Kachel im fast weißen Reiter – Kachel dann hell in der Farbe der Aktivität (wie aktiv) */
.b-tabs-mini a:not(.is-on):hover .b-tabs-mini__ic,.b-top .b-tabs--acts .b-boxes a:not(.is-on):hover .b-boxes__ic{background:color-mix(in oklab,var(--mc,var(--hero,var(--green))) 20%,#fff) !important}
.b-tabs-mini a:not(.is-on):not([style*="--mc"]):hover .b-tabs-mini__ic,.b-top .b-tabs--acts .b-tabs__journal a:not(.is-on):hover .b-boxes__ic{background:var(--canvas) !important}
/* Nutzer 10.10.: Hover in der Kopfleiste immer gleich – hell in der Seitenfarbe, egal ob ein Menüfeld offen ist oder nicht (war zu: creme) */
html body.look-b .b-links li:not(.mega-on):not(.is-active):not(.current-menu-item):not(.current_page_item) > a:hover,
html body.look-b .b-links li.menu-item-type-custom.current-menu-item:not(.is-active):not(.mega-on) > a:hover,
html body.look-b .b-lang__btn:hover,html body.look-b .b-lang.open .b-lang__btn{background:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff) !important;color:var(--ink) !important}
/* Nutzer 10.10.: aktive Sprache war dünner (600) als die anderen (700) – gleich kräftig */
html body.look-b .b-lang__pop a[aria-current]{font-weight:700 !important}

/* Nutzer 10.10.: „Wie arbeiten wir?“ & Co. passen sich dynamisch an (Laptop 1280×768, Tablet) – nicht alles zu groß.
   Die Werte erreichen ihr volles Desktop-Maß erst bei ca. 1680×1000 und schrumpfen mit Fensterbreite UND -höhe (min aus vw/vh). */
.look-b .b-h-lg{font-size:clamp(2.2rem,min(4.2vw,7vh),4.4rem)}
.look-b .b-acts .b-h-lg--long{font-size:clamp(1.6rem,min(2.7vw,4.5vh),2.8rem)}
.look-b .b-statement{font-size:clamp(1.25rem,min(1.8vw,3vh),1.875rem)}
.look-b .b-split__lead{font-size:clamp(15px,min(1.02vw,1.7vh),17px)}
.b-acts .b-rows{row-gap:clamp(6px,min(.6vw,1vh),10px)}
.b-acts .b-rows li{--ic:clamp(44px,min(3.8vw,6.4vh),64px);grid-template-columns:var(--ic) minmax(0,1fr);column-gap:clamp(14px,min(1.3vw,2.2vh),22px);padding:clamp(14px,min(1.3vw,2.2vh),22px) clamp(16px,min(1.55vw,2.6vh),26px) clamp(15px,min(1.4vw,2.4vh),24px) clamp(14px,min(1.3vw,2.2vh),22px) !important}
.b-acts .b-rows li .b-mini{width:var(--ic) !important;height:var(--ic) !important;padding:calc(var(--ic) * .23);border-radius:calc(var(--ic) * .25)}
.look-b .b-acts .b-rows li h3{font-size:clamp(18px,min(1.55vw,2.6vh),26px);margin-top:clamp(2px,.4vw,6px)}
.look-b .b-acts .b-rows li p{font-size:clamp(14.5px,min(1.01vw,1.7vh),17px)}
/* Tablet hochkant / einspaltig: dort ist Breite da – etwas großzügiger als die reine Höhenformel */
@media (max-width:860px){
	.look-b .b-h-lg{font-size:clamp(2.1rem,5.6vw,3.2rem)}
	.b-acts .b-rows li{--ic:clamp(44px,6.4vw,56px)}
	.look-b .b-acts .b-rows li h3{font-size:clamp(18px,2.8vw,23px)}
	.look-b .b-acts .b-rows li p{font-size:clamp(14.5px,2vw,16px)}
	.look-b .b-statement{font-size:clamp(1.2rem,3.2vw,1.6rem)}
}
/* gleiche Boxhöhen: Leerraum nicht zwischen Titel und Text verteilen – Inhalt sitzt geschlossen in der Mitte */
.b-acts .b-rows li{align-content:center}

/* Nutzer 10.10.: eigener Menüpunkt „Team“ – Feld mit Abschnitten links, Projekt- und assoziierten Partnern rechts;
   „Über PLURI“ rechts mit den Eckdaten (Kacheln dort cremefarben, nie weiß auf weißem Feld) */
.b-mega__h--sub{display:block;margin-top:18px}
.b-mega__col--wide > .b-mega__h--sub:first-child{margin-top:0}
.b-mega__h--sub + .b-mega__partners{margin-top:10px}
.b-mega .b-facts{margin-top:12px}
.b-mega .b-facts li{padding:12px 0;grid-template-columns:44px 1fr;column-gap:14px}
.b-mega .b-facts__ic{width:44px;height:44px;border-radius:12px;background:var(--canvas)}
.b-mega .b-facts__ic svg{width:22px}
.b-mega .b-facts__ic--eu svg,.b-mega .b-facts__ic--uef svg{width:27px}
.b-mega .b-facts__t{font:700 14px/1.3 "MontB",var(--body);color:var(--ink)}
.b-mega .b-facts__t span{margin-top:3px;font:500 13px/1.4 var(--body);color:var(--ink-2)}
body.page-template-templatesteam-php .b-sheet h2[id]{scroll-margin-top:130px}
/* Nutzer 10.10.: Partner-Logos im Menü liefen aus der Kachel (max-height in der Grid-Kachel griff nicht) – Bild füllt die feste Kachel, „contain“ */
.b-mega__logo{display:block;overflow:hidden;box-sizing:border-box;padding:5px}
.b-mega__logo img{width:100% !important;height:100% !important;max-width:none;max-height:none;object-fit:contain;object-position:center}
/* Nutzer 10.10.: Logos auf der Team-Seite kleiner und einheitlich – jedes in einer weißen, abgerundeten Kachel gleicher Größe (wie im Menü) */
.look-b .logos .lg{display:block;width:clamp(150px,13vw,184px);height:clamp(64px,5.4vw,78px);margin:0 0 18px;padding:10px 14px;box-sizing:border-box;background:var(--surface);border-radius:var(--r);overflow:hidden}
.look-b .logos .lg img{display:block;width:100% !important;height:100% !important;max-width:none;max-height:none;object-fit:contain;border-radius:0}
.look-b .logos .lg{margin-bottom:4px}
/* Nutzer 10.10.: alle Partner-Logos gleich – quadratische weiße Kachel mit runden Ecken; von UEF nur das Zeichen, von Koopkultur nur „KO/KU“
   (linker, quadratischer Ausschnitt der Wortmarke: Bild füllt die Kachelhöhe, links ausgerichtet) */
.look-b .logos .lg{width:clamp(76px,6.4vw,92px);height:clamp(76px,6.4vw,92px);padding:12px}
.b-mega__logo{width:50px;height:50px;padding:6px}
:is(.look-b .logos .lg,.b-mega__logo) img:is([src*="/uef"],[src*="koopkultur"]){object-fit:cover !important;object-position:left center !important}
/* Nutzer 10.10.: Startseite „Wer steht hinter PLURI“ mit Logos – gleiche weiße, runde, quadratische Kachel wie auf der Team-Seite */
.b-partners li > a,.b-partners li > *{align-content:start}
.b-partners__logo{display:block;width:clamp(68px,5.6vw,84px);height:clamp(68px,5.6vw,84px);margin-bottom:12px;padding:11px;box-sizing:border-box;background:var(--surface);border-radius:var(--r);overflow:hidden}
.b-partners__logo img{display:block;width:100% !important;height:100% !important;object-fit:contain}
.b-partners__logo img:is([src*="/uef"],[src*="koopkultur"]){object-fit:cover !important;object-position:left center !important}
.b-partners li > .b-partners__logo{padding:11px}
/* Partner ohne Link (z. B. JoMoni): Abstände am Listeneintrag statt an jedem Kind – sonst verrutscht die Spalte */
.b-partners li:not(:has(> a)){display:grid;gap:4px;align-content:start;padding:20px 20px 20px 0}
.b-partners li:not(:has(> a)) > *{padding:0}
.b-partners li:not(:has(> a)) > .b-partners__logo{display:block;padding:11px;margin-bottom:12px}
/* Nutzer 10.10.: Q&A – angeklickter Eintrag blinkt rechts zweimal sanft in der hellen Seitenfarbe auf (wie Android-Einstellungen) */
@keyframes b-flash{0%,100%{background-color:var(--surface)}22%,64%{background-color:color-mix(in oklab,var(--hero,var(--green)) 42%,#fff)}43%{background-color:color-mix(in oklab,var(--hero,var(--green)) 14%,#fff)}}
.b-wiki__entry.is-flash{animation:b-flash 1.8s ease-in-out}
.b-wiki__entry.is-flash :is(.btn,.wp-block-button__link){transition:none}
@media (prefers-reduced-motion:reduce){.b-wiki__entry.is-flash{animation:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--hero,var(--green)) 60%,#fff)}}