/* =========================================================
   Handy + Tablet (Nutzer 11.10.: „die mobile und Tablet-Version muss perfekt aussehen und gute Usability haben – sieht echt nicht gut aus“)
   Gilt für J/K/L. Stufen: ≤1180px Menü-Knopf statt Menüpunkten · ≤1024px Tablet (Leisten über volle Breite) · ≤760px Handy.
   Grundsätze: alles über die Farbrollen der Seite (nie grell), Antippflächen mindestens 44px, nichts abgeschnitten (keine „W…“-Reiter),
   nichts klebt über dem Text, Logo bündig mit dem Inhalt.
   ========================================================= */

/* ---------- Menü-Knopf (alle Größen, auf denen er erscheint): weißes Feld mit feiner dunkler Linie wie die übrigen Kästen, offen = Umkehrung mit ✕ ---------- */
html.look-j body.look-b .b-bar .b-menu:not(#j):not(#k){position:relative;width:44px;height:44px;border-radius:12px;background:#fff !important;color:var(--j-dark) !important;box-shadow:inset 0 0 0 1.5px var(--j-dark) !important}
html.look-j body.look-b .b-bar .b-menu:not(#j):not(#k) svg{width:20px;height:20px}
html.look-j body.look-b .b-bar .b-menu[aria-expanded="true"]:not(#j):not(#k){background:var(--j-dark) !important;color:#fff !important}
html.look-j body.look-b .b-bar .b-menu[aria-expanded="true"]:not(#j):not(#k) svg{opacity:0}
html.look-j body.look-b .b-bar .b-menu[aria-expanded="true"]:not(#j):not(#k)::before,
html.look-j body.look-b .b-bar .b-menu[aria-expanded="true"]:not(#j):not(#k)::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;margin:-1px 0 0 -9px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
html.look-j body.look-b .b-bar .b-menu[aria-expanded="true"]:not(#j):not(#k)::after{transform:rotate(-45deg)}

/* ---------- Handy-Menü (Schublade) im J-Look: Seite in der Kopffarbe, ein weißer Kasten mit feiner dunkler Linie, Gruppen durch feine Linien getrennt ---------- */
html:has(#mnav:not([hidden])){overflow:hidden}
html.look-j body.look-b .b-drawer:not(#j):not(#k){background:var(--hero) !important;padding:96px 16px 32px !important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html.look-j body.look-b .b-dr:not(#j):not(#k){gap:0;max-width:640px}
html.look-j body.look-b .b-dr__grp:not(#j):not(#k){background:#fff;border-radius:0;box-shadow:inset 1.5px 0 0 var(--j-dark),inset -1.5px 0 0 var(--j-dark) !important;border-bottom:1px solid rgba(20,20,20,.14)}
html.look-j body.look-b .b-dr__grp:first-child:not(#j):not(#k){box-shadow:inset 1.5px 0 0 var(--j-dark),inset -1.5px 0 0 var(--j-dark),inset 0 1.5px 0 var(--j-dark) !important}
html.look-j body.look-b .b-dr__grp:last-of-type:not(#j):not(#k){border-bottom:0;box-shadow:inset 1.5px 0 0 var(--j-dark),inset -1.5px 0 0 var(--j-dark),inset 0 -1.5px 0 var(--j-dark) !important}
html.look-j body.look-b .b-dr__grp summary:not(#j):not(#k){min-height:58px;padding:0 18px !important;font-size:17px !important;font-weight:700 !important;letter-spacing:-.02em !important;text-transform:none !important;color:var(--j-dark) !important}
html.look-j body.look-b .b-dr__grp summary i:not(#j):not(#k){width:24px;height:24px;background:none !important}
html.look-j body.look-b .b-dr__grp summary i:not(#j):not(#k)::before{border-width:0 1.75px 1.75px 0 !important}
html.look-j body.look-b .b-dr__grp ul:not(#j):not(#k){gap:0;padding:0 18px 10px !important}
html.look-j body.look-b .b-drawer .b-dr__grp ul a:not(#j):not(#k){min-height:48px;padding:10px 0 !important;border-radius:0 !important;background:none !important;border-top:1px solid rgba(20,20,20,.1);color:var(--j-dark) !important;font-size:16px !important;font-weight:500 !important;letter-spacing:-.01em !important}
html.look-j body.look-b .b-drawer .b-dr__grp ul li:first-child a:not(#j):not(#k){border-top:0}
html.look-j body.look-b .b-drawer .b-dr__grp ul a:is(:active,:hover):not(#j):not(#k){color:var(--j-dark) !important;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
/* aktuelle Seite = Umkehrung (dunkle Fläche, helle Schrift) */
html.look-j body.look-b .b-drawer .b-dr__grp ul a[aria-current]:not(#j):not(#k){background:var(--j-dark) !important;color:#fff !important;margin:0 -18px;padding-left:18px !important;padding-right:18px !important;text-decoration:none}
html.look-j body.look-b .b-drawer .b-dr__grp ul a[aria-current] .b-dr__no:not(#j):not(#k){color:inherit !important;opacity:.7}
html.look-j body.look-b .b-dr__no:not(#j):not(#k){min-width:26px;font-size:13px;color:rgba(20,20,20,.5) !important}
html.look-j body.look-b .b-drawer a.b-dr__station:not(#j):not(#k){min-height:58px;margin-top:12px;padding:0 20px !important;border-radius:12px;justify-content:center;font-size:15px !important}
html.look-j body.look-b .b-dr__lang:not(#j):not(#k){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:12px}
html.look-j body.look-b .b-drawer .b-dr__lang a:not(#j):not(#k){display:grid;place-items:center;min-height:48px;padding:0 6px !important;border-radius:0 !important;background:#fff !important;color:var(--j-dark) !important;box-shadow:inset 0 0 0 .75px var(--j-dark);border:.75px solid var(--j-dark);font-size:13px !important;text-transform:none !important;letter-spacing:0 !important}
html.look-j body.look-b .b-drawer .b-dr__lang a[aria-current]:not(#j):not(#k){background:var(--j-dark) !important;color:#fff !important}
html.look-j body.look-b .b-dr__foot:not(#j):not(#k){margin-top:12px;padding:18px 0 0 !important;background:none !important;border-radius:0}
html.look-j body.look-b .b-dr__foot img:not(#j):not(#k){height:34px;filter:grayscale(1) contrast(1.4)}
html.look-j body.look-b .b-drawer .b-dr__foot :is(a,button):not(#j):not(#k){min-height:40px;display:inline-flex;align-items:center;color:var(--on-hero) !important;font-size:12px !important;letter-spacing:.05em !important}
/* Logo im offenen Menü nicht verwandeln (auf dem Handy liefe der Zusatz in die Sprachwahl) */
html.look-j:has(#mnav:not([hidden])) .b-logo .j-logo .jl{transform:none !important;opacity:1 !important}
html.look-j:has(#mnav:not([hidden])) .b-logo .j-logo :is(.jm,.jt){opacity:0 !important}

/* ---------- Reiter oben im Kopf: auf schmaleren Fenstern umbrechen statt abschneiden (volle Namen) ---------- */
@media (max-width:1180px){
	html.look-j body.look-b .b-tabs--acts .b-boxes:not(#j):not(#k){display:flex !important;flex-wrap:wrap;gap:8px;overflow:visible !important;width:auto;margin:0 !important;padding:0 !important;scroll-snap-type:none}
	html.look-j body.look-b .b-tabs--acts .b-boxes > li:not(#j):not(#k){flex:0 0 auto !important;width:auto !important;min-width:0}
	html.look-j body.look-b .b-tabs--acts .b-boxes > li > a:not(#j):not(#k){width:auto;min-height:44px;padding:10px 16px !important}
	html.look-j body.look-b .b-tabs--acts :is(.b-boxes__t,.b-boxes a span):not(#j):not(#k){overflow:visible !important;text-overflow:clip !important;white-space:nowrap}
	/* mitlaufende Reiter: eine Zeile zum Wischen, volle Namen */
	html.look-j body.look-b .b-tabs-mini ul:not(#j):not(#k){display:flex !important;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
	html.look-j body.look-b .b-tabs-mini ul::-webkit-scrollbar{display:none}
	html.look-j body.look-b .b-tabs-mini li:not(#j):not(#k){flex:none}
	html.look-j body.look-b .b-tabs-mini a:not(#j):not(#k){white-space:nowrap;min-height:40px}
	html.look-j body.look-b .b-tabs-mini a :is(span,.b-tabs-mini__t):not(#j):not(#k){overflow:visible !important;text-overflow:clip !important;flex:none}
}

/* ---------- Tablet und Handy (≤1024px): feste Kopfleiste und mitlaufende Reiter als Leisten über die volle Breite ---------- */
@media (max-width:1024px){
	html.look-j.nav-pinned body.look-b .b-nav:not(#j):not(#k){top:0 !important;left:0;right:0}
	html.look-j.nav-pinned body.look-b .b-nav .b-nav__in:not(#j):not(#k){max-width:none;background:#fff;box-shadow:inset 0 -1.5px 0 var(--j-dark)}
	html.look-j.nav-pinned body.look-b .b-nav .b-bar:not(#j):not(#k):not(#m):not(#n){background:transparent !important;box-shadow:none !important;margin-left:0 !important;padding-left:0 !important;padding-right:0 !important}
	html.look-j.nav-pinned:has(.b-nav.is-shown){--nav-off:var(--m-kopf,76px)}
	html.look-j body.look-b .b-tabs-mini:not(#j):not(#k){left:0 !important;width:100% !important;top:var(--nav-off,0px) !important;transform:translateY(-8px) !important}
	html.look-j body.look-b .b-tabs-mini.is-on:not(#j):not(#k){transform:none !important}
	html.look-j body.look-b .b-tabs-mini:not(#j):not(#k){background:#fff;box-shadow:inset 0 -1.5px 0 var(--j-dark)}
	html.look-j body.look-b .b-tabs-mini ul:not(#j):not(#k){padding:8px 16px 9.5px !important;background:none !important;border-radius:0 !important;box-shadow:none !important;scroll-padding-inline:16px}
	/* klebende Überschriften (Über PLURI, Q&A-Seitenleiste) lösen sich – nichts liegt über dem Text */
	html.look-j body.look-b :is(.b-about__head,.b-about__sec.has-bau .b-about__head):not(#j):not(#k){position:static !important;top:auto !important}
}

/* ---------- Handy (≤760px) ---------- */
@media (max-width:760px){
	/* Kopf: Logo bündig mit dem Text, rechts Sprache + Menü; der Language-Station-Knopf steht groß im Menü */
	html.look-j body.look-b .b-nav:not(#j):not(#k){top:0 !important}
	html.look-j body.look-b .b-nav__in:not(#j):not(#k){padding:0 16px !important;gap:0 !important}
	html.look-j body.look-b .b-nav .b-bar:not(#j):not(#k){flex:1;width:auto !important;max-width:none !important;height:76px;margin:0 !important;padding:0 !important;gap:6px;background:transparent !important;box-shadow:none !important}
	html.look-j body.look-b .b-nav .b-station-btn:not(#j):not(#k){display:none !important}
	html.look-j body.look-b .b-bar .b-logo:not(#j):not(#k){margin:0 auto 0 0 !important;padding:0 !important}
	html.look-j body.look-b .b-bar .b-logo svg:not(#j):not(#k){height:30px;width:auto}
	html.look-j body.look-b .b-bar .b-lang:not(#j):not(#k){margin:0 !important}
	html.look-j body.look-b .b-bar .b-lang__btn:not(#j):not(#k){min-width:48px;height:44px;padding:0 10px !important;font-size:15px !important;font-weight:700 !important}
	html.look-j body.look-b .b-bar .b-menu:not(#j):not(#k){margin:0 !important}
	/* Logo bleibt auf dem Handy der Schriftzug (die Verwandlung zum Zeichen ragte oben aus der Leiste) */
	html.look-j body.look-b .b-logo .j-logo .jl:not(#j){transform:none !important;opacity:1 !important}
	html.look-j body.look-b .b-logo .j-logo :is(.jm,.jt):not(#j){opacity:0 !important}
	html.look-j .j-logo .jt{display:none}
	html.look-j body.look-b .b-drawer:not(#j):not(#k){padding-top:84px !important}

	/* Kopf der Seiten: kein leerer Raum über dem Titel */
	html.look-j body.look-b .phead .t:not(#j):not(#k){min-height:0 !important;padding-top:28px !important}
	html.look-j body.look-b .phead h1:not(#j):not(#k){font-size:clamp(2.1rem,10vw,2.6rem) !important;line-height:1.05}
	html.look-j body.look-b .phead .lead:not(#j):not(#k){font-size:16px !important}
	html.look-j body.look-b .b-top .b-tabs--acts:not(#j):not(#k){margin-top:20px}
	html.look-j body.look-b .b-tabs--acts .b-boxes > li > a:not(#j):not(#k){min-height:42px;padding:9px 14px !important;font-size:13.5px !important}

	/* lange Wörter (Handlungsempfehlungen …) trennen statt aus dem Kasten laufen */
	html.look-j body.look-b :is(h1,h2,h3,.b-h,.b-h-lg):not(#j):not(#k){hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
	html.look-j body.look-b .j-sec h2:not(#j):not(#k){font-size:clamp(1.7rem,8.4vw,2.2rem) !important}

	/* Knöpfe: bequeme Antippfläche */
	html.look-j body.look-b :is(a.btn,.b-btn,.wp-block-button__link,.b-mega__all):not(#j):not(#k){min-height:44px;display:inline-flex;align-items:center}
	html.look-j body.look-b .wp-block-button__link:not(#j):not(#k){white-space:normal;text-align:left;justify-content:flex-start;gap:10px}

	/* Onlinekurs-Module u. ä. (Text links, Knöpfe rechts): untereinander */
	html.look-j body.look-b .pluri-row:not(#j):not(#k){display:flex !important;flex-direction:column;align-items:stretch;gap:16px}
	html.look-j body.look-b .pluri-row > .wp-block-buttons:not(#j):not(#k){justify-content:flex-start !important;flex-wrap:wrap;gap:8px !important;margin:0 !important}
	html.look-j body.look-b .pluri-row > .wp-block-buttons > .wp-block-button:not(#j):not(#k){margin:0 !important}
}

/* Daten in Karten nie abschneiden („10. Febru…“): Zeile bricht um, das Datum bleibt ganz */
html.look-j body.look-b .card .meta:not(#j):not(#k){flex-wrap:wrap;row-gap:2px}
html.look-j body.look-b .card .meta > span:not(#j):not(#k){overflow:visible !important;text-overflow:clip !important}
html.look-j body.look-b .card .meta > span:first-child:not(#j):not(#k){white-space:nowrap !important;flex:none}
html.look-j body.look-b .card .meta > span:last-child:not(#j):not(#k){white-space:normal !important}

/* Über PLURI auf dem Handy: Überschrift und Einleitung rücken zusammen */
@media (max-width:860px){
	html.look-j body.look-b .b-about__row:not(#j):not(#k){gap:14px !important}
	html.look-j body.look-b .b-about__text:not(#j):not(#k){padding-top:0 !important}
	html.look-j body.look-b .b-about__sec:not(#j):not(#k){padding-top:8px !important}
}
/* Wischzeile der mitlaufenden Reiter: rechts weich auslaufen, damit man sieht, dass es weitergeht */
@media (max-width:1180px){
	html.look-j body.look-b .b-tabs-mini ul:not(#j):not(#k){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
}
/* Handy: Karten einspaltig – Titel ganz zeigen, kein reservierter Leerraum unter kurzen Titeln */
@media (max-width:600px){
	html.look-j body.look-b .card h3:not(#j):not(#k){display:block !important;-webkit-line-clamp:unset !important;min-height:0 !important;overflow:visible !important}
}
/* Startseite „Wie arbeiten wir?“: Zeilen bündig mit Überschrift und Text */
@media (max-width:760px){
	html.look-j body.look-b .b-acts .b-rows li:not(#j):not(#k){padding-left:0 !important;padding-right:0 !important}
}
/* Team auf dem Handy: Partner untereinander statt zwei schmaler Spalten; Inhalt beginnt unter dem Griff-Strich des Blatts */
@media (max-width:600px){
	html.look-j body.look-b .logos.cols-2:not(#j):not(#k){grid-template-columns:minmax(0,1fr) !important;row-gap:28px}
	html.look-j body.look-b .logos.cols-2 > *:not(#j):not(#k){border-left:0 !important;padding-left:0 !important;border-right:0 !important;padding-right:0 !important}
}
@media (max-width:760px){
	html.look-j body.look-b.page-template-templatesteam-php .b-sheet > .b-grab + section:not(#j):not(#k){padding-top:44px !important}
}
/* Handy: Vor/Zurück unter Beiträgen untereinander (vorher überlappten Titel und „Zurück“/„Weiter“), Übersicht-Knopf darunter */
@media (max-width:700px){
	html.look-j body.look-b .b-pager:not(#j):not(#k){grid-template-columns:minmax(0,1fr) !important;gap:8px !important}
	html.look-j body.look-b :is(.b-pager__prev,.b-pager__next):not(#j):not(#k){grid-column:1 !important;width:100%;min-height:72px;box-sizing:border-box;gap:12px}
	html.look-j body.look-b .b-pager__prev:not(#j):not(#k){grid-row:1 !important}
	html.look-j body.look-b .b-pager__next:not(#j):not(#k){grid-row:2 !important}
	html.look-j body.look-b .b-pager__all:not(#j):not(#k){grid-row:3 !important;grid-column:1 !important;justify-self:center}
	html.look-j body.look-b .b-pager__txt:not(#j):not(#k){flex:1 1 auto !important;min-width:0 !important;width:auto !important}
	html.look-j body.look-b .b-pager__txt b:not(#j):not(#k){max-width:none !important;white-space:normal !important;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
	html.look-j body.look-b .b-pager__next .b-pager__txt:not(#j):not(#k){text-align:right}
}
/* Handy: die drei Bereichs-Kästen oben auf Praktik-/Bereichsseiten als Liste (Nummer · Titel · Anzahl · Pfeil) statt drei abgeschnittener Säulen */
@media (max-width:760px){
	html.look-j body.look-b .b-top .b-tabs:not(.b-tabs--acts) .b-boxes:not(#j):not(#k){display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:8px !important;overflow:visible !important;margin:0 !important;padding:0 !important;scroll-snap-type:none}
	html.look-j body.look-b .b-top .b-tabs:not(.b-tabs--acts) .b-boxes > li > a:not(#j):not(#k){flex-direction:row !important;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;min-height:58px;height:auto !important;padding:12px 16px !important;border-radius:14px !important}
	html.look-j body.look-b .b-top .b-tabs:not(.b-tabs--acts) .b-boxes__no:not(#j):not(#k){flex:none;width:auto !important;margin:0 !important}
	html.look-j body.look-b .b-top .b-tabs:not(.b-tabs--acts) .b-boxes__t:not(#j):not(#k){flex:1 1 auto;min-width:0;width:auto !important;height:auto !important;margin:0 !important;font-size:15px !important;line-height:1.25 !important;white-space:normal !important;overflow:visible !important;display:flex !important;flex-wrap:wrap;align-items:baseline;column-gap:10px}
	html.look-j body.look-b .b-top .b-tabs:not(.b-tabs--acts) .b-boxes__t :is(small,em,i):not(#j):not(#k){margin:0 !important;font-size:12.5px !important}
	html.look-j body.look-b .b-top .b-tabs:not(.b-tabs--acts) .b-boxes .b-dot:not(#j):not(#k){position:static !important;margin:0 0 0 auto !important;flex:none}
	/* Beiträge: lange Titel etwas kleiner */
	html.look-j body.look-b.single .phead h1:not(#j):not(#k){font-size:clamp(1.8rem,8.2vw,2.25rem) !important;line-height:1.08}
}

/* Tablet (761–1024px): feste Kopfleiste kompakt – Knöpfe mit Luft in der weißen Leiste, Reiter schließen ohne Lücke an; weniger Leerraum über dem Seitentitel */
@media (min-width:761px) and (max-width:1024px){
	html.look-j.nav-pinned body.look-b .b-nav .b-nav__in:not(#j):not(#k){padding-top:8px !important;padding-bottom:8px !important;align-items:center}
	html.look-j.nav-pinned body.look-b .b-nav :is(.b-bar,.b-station-btn):not(#j):not(#k):not(#m){height:52px !important;min-height:0 !important}
	html.look-j.nav-pinned:has(.b-nav.is-shown){--m-kopf:68px}
	html.look-j body.look-b .phead .t:not(#j):not(#k){min-height:170px !important}
}
/* Handy: auch Filtern, „Weiterlesen“, „Alle Aktivitäten“ im Kategoriekopf und die Vor/Zurück-Knöpfe der Praktiken bequem antippbar (≥ 44px) */
@media (max-width:760px){
	html.look-j body.look-b :is(.b-fhead__btn,.b-more__btn,.pager .btn,.pager-group .btn):not(#j):not(#k):not(#m){min-height:44px !important;display:inline-flex !important;align-items:center}
}
/* Nutzer 11.10. („lass uns hier Großbuchstaben probieren“): Titel der Startseite in Versalien – etwas kleiner und minimal offener gesetzt
   (Versalien laufen breiter; das längste Wort „GESCHICHTEN“ passt so auch auf 390px) */
html.look-j body.look-b .b-display:not(#j):not(#k):not(#m),html.look-j body.look-b .b-display *:not(#j):not(#k):not(#m){text-transform:uppercase !important}
html.look-j body.look-b .b-display:not(#j):not(#k):not(#m){letter-spacing:-.01em !important;font-size:clamp(2.7rem,.6rem + 6.4vw,7rem) !important;line-height:.94 !important}
/* Nutzer 11.10. spät („die Head muss größer“ – Handy): auf Handy/Tablet füllt das längste englische Wort (LANGUAGE, 5,83 em) fast die Breite */
@media (max-width:1024px){html.look-j body.look-b:lang(en) .b-display:not(#j):not(#k):not(#m){font-size:min(calc(16vw - 5px),7rem) !important}}
/* Startseite „Wer hinter PLURI steht“: lange (finnische) Wörter drückten die Spalte über den Rand (360px) – Spalten dürfen schmaler werden, Wörter trennen */
@media (max-width:900px){
	html.look-j body.look-b .b-partners:not(#j):not(#k){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
	html.look-j body.look-b .b-partners :is(b,span,a,strong):not(#j):not(#k):not(.screen-reader-text){overflow-wrap:anywhere !important;hyphens:auto;-webkit-hyphens:auto;min-width:0}
}
/* Sehr lange Wörter in Überschriften (Handlungsempfehlungen auf 360px): wo der Browser nicht trennen kann, trotzdem umbrechen statt über den Rand */
@media (max-width:760px){
	html.look-j body.look-b :is(h1,h2,h3):not(#j):not(#k):not(.j-wortkopf){overflow-wrap:anywhere}
}
/* Entwurf M: Schreib-Wurm im Startseiten-Kopf (das Wort aus dem Text bleibt nur als Platzhalter für die Zeilenhöhe), Sprünge in Überschriften */
html.look-m body.look-b .b-display.m-schreibt{position:relative}
html.look-m body.look-b .b-display.m-schreibt .b-rotor__w:not(#j):not(#k){color:transparent !important}
html.look-m .m-wurm{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3}
html.look-m .m-hop{position:relative}
/* Entwurf M: im Logo oben links muss der Wurm sichtbar sein (eine ältere Regel macht alle Linien im Logo durchsichtig) */
html.look-j body.look-b .b-logo svg.j-logo .j-wort__fx path:not(#j):not(#k):not(#m){stroke:currentColor !important}
/* Entwurf M: das Platzhalter-Wort im Startseiten-Kopf von Anfang an unsichtbar (sonst blitzte es beim Neuladen schwarz auf) */
html.look-m body.look-b .b-display .b-rotor__w:not(#j):not(#k){color:inherit !important} /* Nutzer 11.10.: Wörter schwarz wie die Zeilen */ /* Nutzer 11.10.: beim Laden sofort alle drei Zeilen – das erste Wort steht in Pastell da (Farbton gegenüber der Kopffarbe) */
html.look-m body.look-b .b-display.m-schreibt .b-rotor__w:not(#j):not(#k):not(#m){color:transparent !important}
/* Nutzer 11.10.: Nummern der Station-Kästen und der Abschnitte auf „Über PLURI“ schwarz (Pastell auf Pastell war zu hart) */
html.look-j body.look-b .comps .comp .num:not(#j):not(#k):not(#m),html.look-j body.look-b .b-about__no:not(#j):not(#k):not(#m){color:#141414 !important}
/* Nutzer 11.10.: rund NUR wenn aktiv oder Hover – sonst eckig (Knöpfe, Reiter, Chips, Kästen, Leiste); der Sprache(n)Labor-Knopf bleibt dezent rund */
html.look-j body.look-b :where(
	.wp-block-button__link,a.btn,.b-btn,.b-more__btn,.b-embed__load,a.card .cta,.b-wiki__go,.b-pager__prev,.b-pager__next,.b-pager__all,.b-mega__all,.b-fhead__btn,
	.b-links > ul > li > a,.b-links .menu > li > a,.b-lang__btn,.b-lang__pop a,.b-tabs--acts .b-boxes a,.b-tabs-mini a,.filters .chip,.chip,.b-wiki__toc a,.b-dr__lang a,
	.b-consent button,.b-consent a.btn,.j-farbe,.b-menu,.jpost-meta a,.b-boxes > li > a,.b-tabs:not(.b-tabs--acts) .b-boxes a
):not(#j):not(#k):not(#m){border-radius:0 !important}
html.look-j body.look-b :is(
	.wp-block-button__link,a.btn,.b-btn,.b-more__btn,.b-embed__load,a.card .cta,.b-wiki__go,.b-pager__prev,.b-pager__next,.b-pager__all,.b-mega__all,.b-fhead__btn,
	.b-links > ul > li > a,.b-links .menu > li > a,.b-lang__btn,.b-lang__pop a,.b-tabs--acts .b-boxes a,.b-tabs-mini a,.filters .chip,.chip,.b-wiki__toc a,.b-dr__lang a,
	.b-consent button,.b-consent a.btn,.j-farbe,.b-menu,.jpost-meta a
):is(:hover,:focus-visible,.is-on,.on,[aria-current],[aria-pressed="true"],[aria-expanded="true"]):not(#j):not(#k):not(#m){border-radius:12px !important}
html.look-j body.look-b .b-links ul li:is(.is-active,.current-menu-item,.current_page_item,.mega-on) > a:not(#j):not(#k):not(#m){border-radius:12px !important}
html.look-j body.look-b :where(:not(.b-tabs--acts) > .b-boxes > li > a):is(:hover,:focus-visible,.is-on):not(#j):not(#k):not(#m){border-radius:18px !important}
html.look-j body.look-b :is(.b-station-btn,.b-dr__station):not(#j):not(#k):not(#m){border-radius:12px !important}
/* Nutzer 11.10. („wenn es sich öffnet, springt das Logo – das Menü muss etwas nach links rausragen“): als Kasten (angeheftet oder mit offenem Menü)
   ragt die Leiste 20 px über die Inhaltskante hinaus, damit das Logo offen, angeheftet und frei an derselben Stelle steht; die angedockten Reiter ziehen mit */
@media (min-width:1025px){
	html.look-j.j-ueber body.look-b .b-bar:not(#j):not(#k):not(#m),html.look-j body.look-b .b-bar:has(li.mega-on):not(#j):not(#k):not(#m){margin-left:-20px !important}
	html.look-j body.look-b .b-tabs-mini ul:not(#j):not(#k):not(#m){margin-left:-20px !important;width:calc(100% + 20px) !important;box-sizing:border-box}
}
/* Nutzer 11.10. („hier ragt es mehr raus als die Heads“): Logo um den Vorlauf der großen Überschriften einrücken, damit die Tinte bündig steht */
html.look-j body.look-b .b-bar .b-logo svg:not(#j):not(#k):not(#m){margin-left:clamp(1.5px,.24vw,4.5px)}
/* offenes Menü: Leiste unten eckig, das aufgeklappte Feld rundet unten (vorher Kerben an den Kanten) */
/* Nutzer 11.10.: Menüpunkte einen Tick enger, aber mit sichtbarem Abstand zwischen den Flächen (Hover/aktiv) */
@media (min-width:1181px){
	html.look-j body.look-b .b-links > ul:not(#j):not(#k):not(#m){gap:12px !important}
	html.look-j body.look-b .b-links > ul > li > a:not(#j):not(#k):not(#m){padding-left:11px !important;padding-right:11px !important}
}
html.look-m .m-wort-cv{position:absolute;pointer-events:none;z-index:2}
/* angeheftete Leiste + mitlaufende Reiter: Abstand aus der gemessenen Leistenhöhe (b.js: --nav-h), Admin-Balken eingerechnet */
@media (min-width:1025px){
	html.look-j.nav-pinned:has(.b-nav.is-shown){--nav-off:calc(var(--nav-h,68px) + 8px)}
	html.look-j body.look-b .b-tabs-mini:not(#j):not(#k):not(#m){top:calc(16px + var(--wp-admin--admin-bar--height,0px) + var(--nav-off,0px)) !important}
}
@media (max-width:1024px){
	html.look-j.nav-pinned body.look-b.admin-bar .b-nav:not(#j):not(#k):not(#m){top:var(--wp-admin--admin-bar--height,46px) !important}
	html.look-j body.look-b.admin-bar .b-tabs-mini:not(#j):not(#k):not(#m){top:calc(var(--wp-admin--admin-bar--height,46px) + var(--nav-off,0px)) !important}
}
/* Desktop: Reiter füllen die Zeile, aber jeder so breit wie sein Name – nichts abgeschnitten („Entwicklung des Sprac…“) */
@media (min-width:1181px){
	html.look-j body.look-b .b-tabs--acts .b-boxes:not(#j):not(#k):not(#m){display:flex !important;gap:8px}
	html.look-j body.look-b .b-tabs--acts .b-boxes > li:not(#j):not(#k):not(#m){flex:1 1 auto !important;width:auto !important;min-width:0}
	html.look-j body.look-b .b-tabs--acts .b-boxes > li > a:not(#j):not(#k):not(#m){width:100%}
	html.look-j body.look-b .b-tabs--acts :is(.b-boxes__t,.b-boxes a span):not(#j):not(#k):not(#m){overflow:visible !important;text-overflow:clip !important;white-space:nowrap}
}
/* Beitrag: Aktivität in den Eckdaten als Knopf mit Fläche (Kopffarbe der Aktivität), nicht erst beim Hover; Hover = Umkehrung */
html.look-j body.look-b .jpost-meta a:not(#j):not(#k):not(#m){background:var(--hero) !important;color:var(--on-hero) !important;padding:9px 14px !important;box-shadow:none !important}
html.look-j body.look-b .jpost-meta a:not(#j):not(#k):not(#m):is(:hover,:focus-visible){background:var(--j-dark) !important;color:var(--hero) !important}
/* Vor/Zurück: die vier Quadrate des Übersicht-Knopfs bleiben eckig (auch beim Hover); Vorschaubilder leicht gerundet wie die Kästen */
html.look-j body.look-b .b-pager__all svg :is(rect,path):not(#j){rx:0 !important;ry:0 !important}
html.look-j body.look-b .b-pager .b-thumb:not(#j):not(#k):not(#m),html.look-j body.look-b .b-pager .b-thumb img:not(#j):not(#k):not(#m){border-radius:8px !important}
/* Desktop: mitlaufende Reiter wie die Reiter im Kopf – jeder so breit wie sein Name, nichts abgeschnitten */
@media (min-width:1181px){
	html.look-j body.look-b .b-tabs-mini ul:not(#j):not(#k):not(#m){display:flex !important;gap:8px}
	html.look-j body.look-b .b-tabs-mini li:not(#j):not(#k):not(#m){flex:1 1 auto !important;min-width:0}
	html.look-j body.look-b .b-tabs-mini a :is(span,.b-tabs-mini__t):not(#j):not(#k):not(#m){overflow:visible !important;text-overflow:clip !important;white-space:nowrap;flex:none}
}
/* Regel (Nutzer 11.10.): aktiv und Hover abgerundet, Rest eckig – auch die Zeilen im aufklappenden Menü und im Handy-Menü */
html.look-j body.look-b .b-mega :is(li,a):is(:hover,:focus-visible,.is-on,.on,.is-active,[aria-current]):not(#j):not(#k):not(#m),
html.look-j body.look-b .b-mega li:is(:hover,.is-on,.on,.is-active) > a:not(#j):not(#k):not(#m),
html.look-j body.look-b .b-drawer .b-dr__grp ul a:is(:hover,:active,[aria-current]):not(#j):not(#k):not(#m){border-radius:12px !important}
/* Nutzer 11.10.: beim Hover morphen die Ecken weich ins Runde und zurück ins Eckige (kein Snap) – nur die Rundung, Farben schalten weiter direkt */
html.look-j body.look-b :where(
	.wp-block-button__link,a.btn,.b-btn,.b-more__btn,.b-embed__load,a.card .cta,.b-wiki__go,.b-pager__prev,.b-pager__next,.b-pager__all,.b-mega__all,.b-fhead__btn,
	.b-links > ul > li > a,.b-links .menu > li > a,.b-lang__btn,.b-lang__pop a,.b-tabs--acts .b-boxes a,.b-tabs-mini a,.filters .chip,.chip,.b-wiki__toc a,.b-dr__lang a,
	.b-consent button,.b-consent a.btn,.j-farbe,.b-menu,.jpost-meta a,.b-boxes > li > a,.b-mega li,.b-mega a,.b-drawer .b-dr__grp ul a
):not(#j):not(#k):not(#m){transition:border-radius .22s cubic-bezier(.2,.8,.2,1) !important}
@media (prefers-reduced-motion:reduce){html.look-j body.look-b :where(a,button,li):not(#j):not(#k):not(#m){transition:none !important}}
/* Nutzer 11.10.: über einer Karte reagiert nur, was man berührt – Bild beim Bild, Knopf beim Knopf (nicht der ganze Block auf einmal) */
html.look-j body.look-b a.card:hover .cta:not(:hover):not(#j):not(#k):not(#m){background:transparent !important;color:var(--j-text) !important;box-shadow:inset 0 0 0 1.5px var(--j-text) !important;border-radius:0 !important}
html.look-j body.look-b a.card .cta:hover:not(#j):not(#k):not(#m){background:var(--j-block) !important;color:var(--j-block-text) !important;box-shadow:inset 0 0 0 1.5px var(--j-block-text) !important;border-radius:12px !important}
/* Nutzer 11.10.: Knöpfe oben und unten etwas mehr Luft */
html.look-j body.look-b :is(.wp-block-button__link,a.btn,.b-btn,.b-more__btn,.b-embed__load,a.card .cta,.b-wiki__go,.b-mega__all,.b-fhead__btn,.b-consent__b):not(#j):not(#k):not(#m){padding-top:14px !important;padding-bottom:14px !important}
/* Nutzer 11.10. („wenn Hover, gibt es keine Linien oben/unten – Bug“): die Trennlinien gehören der Zeile (li), nicht dem Link – so bleiben sie gerade
   stehen, und die gerundete Hover-Fläche sitzt mit etwas Luft dazwischen */
html.look-j body.look-b .b-mega :is(.b-mega__cats,.b-mega__acts,.b-mega__partners,.b-mega__mini,.b-mega__posts,.b-mega__items) > li:not(#j):not(#k):not(#m){border-bottom:1px solid rgba(20,20,20,.14);padding:3px 0}
html.look-j body.look-b .b-mega :is(.b-mega__cats,.b-mega__acts,.b-mega__partners,.b-mega__mini,.b-mega__posts,.b-mega__items) > li > a:not(#j):not(#k):not(#m){border-bottom:0 !important}
html.look-j body.look-b .b-mega li.is-zeig > a:not(#j):not(#k):not(#m){border-radius:12px !important}
/* Nutzer 11.10. spät („auf Hover gibt es dann oben und unten keine Linien“): an der gerundeten Zeile (Hover oder angezeigt) verschwinden die Linie
   darunter, die der Zeile davor und – bei der ersten Zeile – die Linie über der Liste; wie bei „Wie arbeiten wir?“ */
html.look-j body.look-b .b-mega :is(.b-mega__cats,.b-mega__acts,.b-mega__partners,.b-mega__mini,.b-mega__posts,.b-mega__items) > li:is(.is-zeig,:hover):not(#j):not(#k):not(#m),
html.look-j body.look-b .b-mega :is(.b-mega__cats,.b-mega__acts,.b-mega__partners,.b-mega__mini,.b-mega__posts,.b-mega__items) > li:has(+ li:is(.is-zeig,:hover)):not(#j):not(#k):not(#m){border-bottom-color:transparent !important}
html.look-j body.look-b .b-mega :is(.b-mega__cats,.b-mega__acts,.b-mega__partners,.b-mega__mini,.b-mega__posts,.b-mega__items):has(> li:first-child:is(.is-zeig,:hover)):not(#j):not(#k):not(#m){border-top-color:transparent !important}
/* Nutzer 11.10. („der Sticky ist noch zu nah dran – 03“): klebende Abschnittsköpfe auf „Über uns“ mit deutlich Luft unter der angehefteten Leiste */
@media (min-width:1025px){
	html.look-j body.look-b .b-about__head:not(#j):not(#k):not(#m){top:calc(56px + var(--nav-off,0px) + var(--wp-admin--admin-bar--height,0px)) !important}
}
/* Nutzer 11.10.: Zeilen „Wie arbeiten wir?“ – beim Hover/aktiv gerundet, die schwarzen Linien darüber und darunter verschwinden (weich) */
html.look-j body.look-b .b-acts .b-rows li:not(#j):not(#k):not(#m){transition:border-radius .22s cubic-bezier(.2,.8,.2,1),border-color .15s ease !important}
html.look-j body.look-b .b-acts .b-rows li:is(:hover,.is-on):not(#j):not(#k):not(#m){border-radius:18px !important;border-bottom-color:transparent !important}
html.look-j body.look-b .b-acts .b-rows li:has(+ li:is(:hover,.is-on)):not(#j):not(#k):not(#m){border-bottom-color:transparent !important}
html.look-j body.look-b .b-acts .b-rows:has(> li:first-child:is(:hover,.is-on)):not(#j):not(#k):not(#m){border-top-color:transparent !important}
/* Nutzer 11.10.: Ecken morphen NUR bei Knöpfen, die vorher schon ein eckiges Feld (Rahmen/Fläche) hatten. Flächen ohne Kasten (Menüpunkte, Zeilen im
   aufklappenden Menü und im Handy-Menü, Sprachliste, Inhaltsverzeichnis) sind beim Hover sofort rund – ohne Animation.
   (12.10.: „How we work?“ sind jetzt Karten mit Fläche – die runden sich weich, Nutzer: „animiert, nicht abrupt“) */
html.look-j body.look-b :is(
	.b-links > ul > li > a,.b-links .menu > li > a,.b-lang__btn,.b-lang__pop a,.b-mega li,.b-mega a:not(.b-mega__all),.b-drawer .b-dr__grp ul a,
	.b-wiki__toc a
):not(#j):not(#k):not(#m){transition:none !important}

/* Nutzer 11.10. spät (pluri-project.eu): Aktivität „Coming soon“ – klickbar (Seite mit Text + Hinweis), im Menü klein „Coming soon“ unter dem Namen */
html.look-j body.look-b .b-mega .b-mega__acts > li > a small:not(#j):not(#k):not(#m){display:block;margin-top:3px;font:500 13px/1.3 var(--body) !important;color:inherit !important;opacity:.6}
html.look-j body.look-b .b-drawer .b-dr__grp ul li.is-bald small:not(#j):not(#k):not(#m){margin-left:auto;padding-left:12px;font:500 13px/1.2 var(--body);color:var(--j-dark);opacity:.6;white-space:nowrap}
/* Übersicht Aktivitäten: „Coming soon“ an der Stelle des Knopfs – nur Text */
html.look-j body.look-b .j-sec__bald:not(#j):not(#k):not(#m){margin:24px 0 0;font:600 16px/1.3 var(--body);letter-spacing:.01em;color:var(--j-dark);opacity:.75}
html.look-j body.look-b .b-bald:not(#j):not(#k):not(#m){margin:28px 0 0;font-size:clamp(1.3rem,1rem + 1vw,1.7rem);font-weight:700;opacity:1}
/* Nutzer 11.10. spät: Partner-Karten – Text markierbar (kein großer Link mehr), „Website“ als Knopf; alle Knöpfe einer Reihe unten auf gleicher Höhe */
html.look-j body.look-b .logos--karten > .lg-karte:not(#j):not(#k):not(#m){display:flex;flex-direction:column}
html.look-j body.look-b .logos--karten > .lg-karte > div:last-child:not(#j):not(#k):not(#m){display:flex;flex-direction:column;flex:1 1 auto}
html.look-j body.look-b .logos--karten .lg-web:not(#j):not(#k):not(#m){margin:auto 0 0;padding-top:22px}
html.look-j body.look-b .logos--karten .lg-karte :is(h3,.country,.desc,p):not(#j):not(#k):not(#m){user-select:text;-webkit-user-select:text;cursor:auto}
/* Nutzer 11.10. spät („warum ist die Schrift hier dünner – muss wie Activities sein“): Einträge bei About us / Team so kräftig wie bei Activities (700) */
html.look-j body.look-b .b-mega .b-mega__catt:not(#j):not(#k):not(#m){font-weight:700 !important}
/* Nutzer 11.10. spät: Scrollleiste immer schwarz (nicht in der Kopffarbe) und der Griff oben an den Abschnitten schwarz statt grau */
html.look-j{scrollbar-color:#141414 var(--canvas,#f5f1e4) !important}
html.look-j::-webkit-scrollbar-thumb{background:#141414 !important}
html.look-j body.look-b .b-grab i:not(#j):not(#k):not(#m){background:#141414 !important;opacity:1 !important}
html:not(.pe-an).look-j body.look-b .lg-web__btn[hidden]:not(#j):not(#k):not(#m){display:none !important}
/* Nutzer 11.10. spät („beim Seitenwechsel kurz die normale Maus, dann wieder der Finger“): Zeiger als eingebettete Bilder – sofort da, kein Nachladen */
:root{--cur-arrow:image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACMUlEQVR4AcyWPVbCQBSFB5cBjewBarHRYwU7kGgjuARQQWQJgo3CEsDGow2xDnuAJtkG3puT0RAy+R1UznvMZJLM/eYmj+FA/PHn/wJsNpvD3zAn1AGINyG+QsvcK0goAMSPrKUlkBRfAKSGsb2ECkA4ti26Nx0xfhoRYrIvCCUAl+s4tpjNZ36IO47rzEgACgUgmnBCK0QsgIQYjR+lE1ohEgEQgumD6OlyIhWAD4JdLRCpAajsOcFubohMAFQmRPe2w24uiMwAVJ6jRH0QE46lzVwAFCPE6dkJu6yO1BC5AajM3wpC2I5NiBXHkqYWAIoR4uLSEIA4RIkm3sS0AQQhcMxNjPsIuurQCkAZvxM4XiAjIzdAu3UtgtmoN8TSsijMxxG5lecGqFSqonXVZppov7Neb5gg6BUKBbbohkcqAK4UE2/NxP8M3kAfYseB7HvnlE1igIf7IVfppn82PnP8c+JQpm06EcDL81R4KzdKxZKownYqyhxjq0a/hvKLfN64ZidiASgOwTXupL1TtOZgMETzE3SAiZFzZKpQAhRLJeETN/Bs5csU6sL8dUZhuhBb+7xQpgrgE6um1WsIl5FSXKBPN8wWyk9OwtZC2fFXEP1ULoQCQIRWU7iMCcOi7wG654p4L1j7fD8woMUBuVLMtxsApCOuC6yO97cPVgedYd0bu3eoR0IdUF++dcaAC2tUhxSmY7F1vzUDDjIDwAX5fmQShrYbmQHcuxN8xV3yBQAA//8de1PhAAAABklEQVQDAJzOAlCDmL1OAAAAAElFTkSuQmCC") 1x,url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEfElEQVR4AeyaS1LVQBSG+7oMmcAeYA4TLSfCDgSdCC4BFFBYguCE1w7AiaUTmF8nluVYJrCNeL4miU2T5HZe3Z3iUjlJv9LJ/+X0k/tEPfK/KYBH7gBq6gFTD6hJIEmS7SRJTpIkWa15a5TFazUBEX0pKnbEEA+EbQkP+qgFQJQuipnHjkA5MROGFnYGIEL56lrf4ZcDdXN7o8NyWpU8PEOCwzucAZjSEP/6zZoJYVEg/DXLDCXcCADibsUDLAizQBCbJX8o1hgAAosgSPrlkCC0AiBi1dAhtAZgQhj/HBPFaAaD8IROAKAYT9h6v6kuLs6JYoOA0BkAFAPhQIZIhkniYhkEe/4gWWEO+6mdAqByIJyLF1gQmDXm8wjKxWKdA0AYEA4OPysLAmuI6KbOvQAAAlYAgVljVBB6BVACgfVDNBB6B1AAgaRoIHgBgGKaw9aHTYKZRQHBGwBUM0eIDYJXABmE5y+eEcwMTwi2p+AdAKoZJi0IjA5BIAQBYEJgb4G4GBC87ykEAyCCC1eSspT2CiEogCoIAoJ1BEV6teAAUEefYO8uSbqX5XQUAERs3hx87ylEAyCDwJ6CTwhRATAhWCtJmkOjPQXqrLLoAPCy9AklewqdQ4gSwAQIna4kowWQQWARZTUHJkydQYgaABCwPiEMAkAJBBZRrT1hMAAKIJAEhFabrcEBPH06o+qYNToA4RWnphYUAMK/f/uh6tr62w1T77UZqRsOCoDxnl2iui9tlT+z4rWiQQHwpvwniathpxJ2MX6qMzcaja6kfOOjVwDLyytq7+N+5csVeMGZiFpzsF0p08r9ebHeAGysv9Pi5xcWeE6lWV7QemirfJiV2QuA46NTlXVUM9LLu3iBsQLk5zadz/kt3Xm0cwCIX5i//9VdvOBQ/peYv5VS3rygMwAMaZZ42qfuoPAC+gND4IMgHoClGfzeyIsXdAIA8Xuf9pXx5RG/JmIwuai8SehIyeni670fVzSa4JRUXZrcGgDimciY4qV31sOTXAHBkKacvGA8VoYXxO8BiEa8gfdKRM8ZcYK7nLCsYyRcZHpINLxAdoZ77wsaewDiafOGEMQvGXEdFCB4Qd4XcJ/OKDmNxQuMrFYLHaOe0mAdAAjRFS2/XFGW+FMR+kC8Lnx3+t8XyPzgLqn4jBeYGyDiBb1CaATA+oo7Ij4XWCRL8oGnvYB7saJyWRorviws116bgTOAVATzb3knfSCKKWvexnVq+Skvt+7gBcYiqdch0RkAugQCIujkliRMT697ePImmZTHAzA9XFZ5AdNol8nTpGe65NcCQIUi5FpMCyFe0wCob6Ef0YH0xHCK8N+//ug5A8NmmtXmeWkV5ZfaAMqrcsqh2Wh4fGFEYwhnOC0YJhlZ8DinypsU8gpAPAcAegODL3x8dKJ3gyzhlKGvoYlVjSxN9D64xyuA9Ol4ACL17DBN40IaIwrCO1nrU+kk8w4g9QK+LCB4v3vCSfBp3gEgDghijCRyGekvTnoICwIghNCyZ04BlJEZSnrb9/wHAAD//4qav+kAAAAGSURBVAMA2pEdn5yGAp0AAAAASUVORK5CYII=") 2x) 6 3,auto !important;--cur-hand:image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC1ElEQVR4AcxWzXLTMBBWeIzkgHtmGA7ge3Jh4FTegCS90PIITKcB2keg4QINT8HPpeHscGAYzvXFfg33+2QpI9mWLI+TaT273rWk3f20Wsl6IO74uf8AiqI4K4ripigfyutdJs2bAcRksEWWZ1GySQQ4QvCxaofan5wAEGQM92MEFS9ePhfzo6lkgEGziNBPMNR7sROA9rrBzLVOeXr6joLBydR7sQ9ASs9qxlQlMyOq7Uw29Hz5AEjX8dNYSvO1SRJ+7jcDg8GAGVgPRyMGszj5UwJAHbBOrL6uH20ZWMfPYjEc2iDyLOsaxzm+DcBvWsaxvQy7rIM2AFwGsc868AIIrINr1AL5CnIK7lQXXgBMP9hbB1gOHlZjbM0pxl6BCUYe2QAjQaHNSSEAnHXw+MkjeTrylDRPy+XnywiAtqAAhIAat20IAGcdVKeFbPB/IS6Xn+TxrUEBDIMzM7XlaQXgq4MqgKZvgpofzYQC8bo6phWAMmisA9XXKvI8E+r07J4B5b2xDlRfkDBOTy7H1iY0A8F1sPXsVsIAoHL5z+flg2mjUdr0X3DHsXtcx3djBhCc+/kGLngj0hw1/RcwJoiyPNfjOBmtixoABOd/flpWb3kLmqvbECULamvdQTHsHppmFgAEJ7qFDk5ZZdO4q46tSBPGoJRsAUAL11sscZBA3xd5AawZ9euXlTg8fFW7B7CvD48q9wr6sjKgTr0DdKzOP1yI848XOwNhXGrklkYMSRYAthAEeAZ9hqpPf37/JU6O3/YCAj+CfuCT9I0vzTUAugMgVtAn4MXxmxOZDTrCdxBxCZnFH5gAl1QZzeBXLrP6rm9D3UGJwSn4PfQJgqd0RKdGOtFVkhnw39//guPYhnVnyhfwQ+KkSgP1dmZA9UsBS6KW2aBTppNgyJxhU0AYTmBHOsCLk0BTnYIA0AxOdDZkkTIjZD1DjLECYjxBC7R76RYAAP//BbqadQAAAAZJREFUAwDDql9WuV5HagAAAABJRU5ErkJggg==") 1x,url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFk0lEQVR4Aeyaz5LUNhDGtXmLzB4C51Qqh2TOIZf8OcEbZEkugTxCUgESeIRALrCbN8hySSUXyJXlQlGcgcMOjzH0z6s2sixbtqQZe4Apt7st2VJ/n1ttWZ4PzDv+e0/AOx4A5n0ElIiA9Xp9TuSayHMR3bApu1Cij021kR0BgvaaOPdc5LrIORHdsCl7YM/R8lnpLAIsMEDGQF2358bO23p9MgECiNCuwZ88PjHf/3Bgvv72K/PJpx9XNmUOIkg4cI5nYSYTIN4filQbQAGPXq1OG2XHx39Xx3bHcLHmPFQSAfbuM8YrFICvjMDul19/NqeWFKkmWc4qCpIIECBfiFTbnT9vV7pvd//+sVv9nXswtZ1KQO334sNFbXcZJyeP3Ko6ctzCqexUAl6OcZjc4A0DEuiYJjZ2bioBL9Sjxf6+mr16tVq59fUQcgunsLMJWH6+NItFnITH8ph0AO52BOzt7REBDxXQcrlUs1PPJQ/4DqZGAO28IeCzAQRIBMwxD+QQ8D8sIIl5gEsnlxwCGAYVgMQ8MItZYTIBb0seSCaguvXG7HweyCVg5/NALgE7nweyCHgb8kAWAebsl5sHDuX1mrVDlQM53tpMsQQBuXngQHhkZUmFhRbWEVlURUPQxggpQUBuHhD8wY3XZoBDEERIYKwhBUKKRUk2ATl5gOUyhEUVFe/V2WcGUiAkFCXU+edHj7MJsD2MzgMsnLJchty+84dRYXntG1lYRVM3gBA3SoiOUUSUImB0HrDEdSqAEx0QASEQhk2kUOe8WGkbACc6GC7YWt6rSxEwOg/0etVRCXAiBSIgBY1Q7lwCeEggMpzisFmEgJQ8EHZnXCnAEUggMpyogITqZSvWYhECbCej8oC9ppgiMrzV5wvr9ToaBSUJKJ4HxrIDCU4UcHl07bEkAVvJA6DqE4aCU09SdA7bZjECpsoDPiSeHH5Z33ExAmwnk+YB64P/KY6EqFUtXZqAyfNAC6ExWyVgFnnA+wizPQLmkgdWp2ef6M3Z76MzFd6XHgL0MnkeWL1qfIbDp05JIkAmGHzn1wWMhpae6pAb+r1Arim6eXOB3snQKAIEOGDX4q3+KUoXMVxdP3uHfi+Q9opu3hDobXswAQL+gbQEUFHDtyHfDYe3lnRmHZGhqwcRYME3QokJhwqzr5DwPj/mboQcTCk7bX6K720iSoCABzhSNQQo3s3RKszBQwJBvK1VF25xxx+1nDxAvuqMgigB4jfLT6KMARBSHezWLo0Aufu8U1cXwyh3fO641T9vMqTFLR2LgDqje+/arYbmVuDlnuomhnyMEVBfSAQM+StMqJMZlHXOBmME1LO6m7/dMjd/vzXo/0AzAOy70PmvthgBl6WlxgvOv//8Z65e+Wn2RAydhfYSYF9uvhQSGhOgKz9eNffuHhpmelI3u42h6vlWR7LvbC8BnAwJIjfEPi9SN7S/2BcSjgxDgw6lbjbbpYuXXF8eiv91FLsV2FECOAmhEZFWNFyUzhgWaM6bWrjzRKjjx1+O3TIHE6BXCgkaDY1hQSTcu3s0aW5QH9RX0S/E3yPRndtoAmhJGqVhiAgmSaJhG8OCfhCAP33yzGDjnxV8ZNjaw7BKIkCbEiJgtzUscGgTj0wAIrQPYDRCmfpk9SDwnJtFAA0ICXRGNMB2nWwYi+SGnEcmwLgekBHAuILQ/2XxCV84jko2AdqDdErnrWggIQ19ZCpgcokC5nrKtR9P0ydRSD46Lz4gHHundR8WI4AuxAE3GlqPTIABhvxAhGBzhyl3AVNHewEJAeaO36DvwPnRoqIEaG/WGRIkd0aLq4kT4czQADQ2d3ibgGtnrLERAmgbEkQ0NzSIoL5Dit/hjn7q4o0RoD0ICe6wICoYGgBFI4xZCGL8IqNCWvtJ1a8BAAD//0vizK0AAAAGSURBVAMAdkK4XivnlcMAAAAASUVORK5CYII=") 2x) 10 3,pointer !important}
/* Nutzer 11.10. spät („keinen weißen/hellen Hintergrund – transparent“): Spur der Scrollleiste durchsichtig, nur der schwarze Balken, keine Pfeile */
html.look-j{scrollbar-color:#141414 transparent !important}
html.look-j::-webkit-scrollbar,html.look-j::-webkit-scrollbar-track,html.look-j::-webkit-scrollbar-corner{background:transparent !important}
html.look-j::-webkit-scrollbar-thumb{background:#141414 !important;border:3px solid transparent !important;background-clip:padding-box !important;border-radius:999px}
html.look-j::-webkit-scrollbar-button{display:none !important;width:0;height:0}
/* Nutzer 12.10. (Handy-Menü: „Abstände am Rand gibt es keine – und die Wörter sind zu dünn, es muss Desktop matchen“):
   aktive Zeile mit Luft zum Kastenrand und gerundet, Linien daneben weg; Einträge und Nummern so kräftig wie im Desktop-Menü */
html.look-j body.look-b .b-drawer .b-dr__grp ul a:not(#j):not(#k):not(#m){font-family:"MontB",var(--body) !important;font-weight:700 !important}
html.look-j body.look-b .b-drawer .b-dr__grp ul a[aria-current]:not(#j):not(#k):not(#m){margin:3px -10px !important;padding-left:10px !important;padding-right:10px !important;border-top-color:transparent !important}
html.look-j body.look-b .b-drawer .b-dr__grp ul li:has(> a[aria-current]) + li > a:not(#j):not(#k):not(#m){border-top-color:transparent !important}
html.look-j body.look-b .b-dr__no:not(#j):not(#k):not(#m){color:#141414 !important;font:700 13px/1 "MontB",var(--body) !important;opacity:1 !important}
html.look-j body.look-b .b-drawer .b-dr__grp ul a[aria-current] .b-dr__no:not(#j):not(#k):not(#m){color:#fff !important}
/* Handy-Menü: Trennlinien zwischen den Gruppen innerhalb des schwarzen Rahmens (liefen über den Rand hinaus) */
html.look-j body.look-b .b-dr__grp:not(#j):not(#k):not(#m){border-bottom:0 !important;box-shadow:inset 1.5px 0 0 var(--j-dark),inset -1.5px 0 0 var(--j-dark),inset 0 -1px 0 rgba(20,20,20,.14) !important}
html.look-j body.look-b .b-dr__grp:first-child:not(#j):not(#k):not(#m){box-shadow:inset 1.5px 0 0 var(--j-dark),inset -1.5px 0 0 var(--j-dark),inset 0 1.5px 0 var(--j-dark),inset 0 -1px 0 rgba(20,20,20,.14) !important}
html.look-j body.look-b .b-dr__grp:last-of-type:not(#j):not(#k):not(#m){box-shadow:inset 1.5px 0 0 var(--j-dark),inset -1.5px 0 0 var(--j-dark),inset 0 -1.5px 0 var(--j-dark) !important}
/* Nutzer 12.10. („Recommendation-s – so etwas darf nie passieren“): Wörter brechen nie mitten im Wort um – passt das längste Wort nicht,
   verkleinert b.js die Überschrift (siehe „Überschriften einpassen“) */
html.look-j body.look-b :is(h1,h2,h3,h4,.b-h,.b-h-lg,.b-mega__catt,.b-partners b,.b-partners span,.b-partners a,.b-partners strong):not(#j):not(#k):not(#m){hyphens:manual !important;-webkit-hyphens:manual !important;overflow-wrap:normal !important;word-break:normal !important}
/* Handy-Menü: Knopf am Ende jeder Gruppe (statt „Overview“) – wie „More about PLURI“ im Desktop-Menü */
html.look-j body.look-b .b-drawer .b-dr__alle:not(#j):not(#k):not(#m){display:inline-flex;align-items:center;gap:12px;margin:4px 18px 18px;padding:12px 14px 12px 18px;border:1.5px solid var(--j-dark);border-radius:0 !important;background:#fff;color:var(--j-dark);font:700 15px/1.2 "MontB",var(--body);text-decoration:none;transition:border-radius .22s cubic-bezier(.2,.8,.2,1)}
html.look-j body.look-b .b-drawer .b-dr__alle:not(#j):not(#k):not(#m):is(:hover,:active,:focus-visible){border-radius:12px !important;background:var(--j-dark);color:#fff}
/* 404 (Nutzer 12.10.): schwarz, weiße Schrift, alles mittig; trauriges Gesicht in Linien, ab und zu läuft eine Träne in den Mund */
html.look-j body.error404{--hero:#141414;--on-hero:#fff;background:#141414 !important}
html.look-j body.error404 :is(.b-sheet,main):not(#j){background:#141414 !important;border-top:0 !important}
.p404{min-height:calc(100svh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:clamp(110px,14vh,160px) 20px 80px;text-align:center;color:#fff;background:#141414}
.p404__gesicht{width:clamp(150px,30vw,230px);height:auto;color:#fff;overflow:visible;margin-bottom:10px}
.p404__code{margin:0;font:700 clamp(4rem,2rem + 8vw,8rem)/.9 "MontB",var(--heads,sans-serif);letter-spacing:-.03em;color:#fff}
html.look-j body.look-b .p404__t:not(#j):not(#k):not(#m){margin:6px 0 0;font:700 clamp(1.5rem,1.1rem + 1.6vw,2.4rem)/1.1 "MontB",var(--heads,sans-serif);color:#fff !important}
.p404__txt{margin:0;max-width:34ch;font:500 clamp(1.05rem,.95rem + .4vw,1.25rem)/1.45 var(--body,sans-serif);color:rgba(255,255,255,.82)}
html.look-j body.look-b .p404__btn:not(#j):not(#k):not(#m){margin-top:18px;background:#fff !important;color:#141414 !important;box-shadow:none !important}
html.look-j body.look-b .p404__btn:not(#j):not(#k):not(#m):hover{border-radius:12px !important}
.p404__traene{opacity:0;transform-box:fill-box;transform-origin:50% 0;animation:p404-traene 7s cubic-bezier(.45,0,.55,1) 1.2s infinite}
@keyframes p404-traene{0%,52%{opacity:0;transform:translate(0,0) scale(.3)}58%{opacity:1;transform:translate(0,0) scale(1)}66%{opacity:1;transform:translate(0,2px) scale(1,1.08)}86%{opacity:1;transform:translate(-2px,32px) scale(.9,1.1)}92%{opacity:0;transform:translate(-3px,38px) scale(.5)}100%{opacity:0;transform:translate(-3px,38px) scale(.3)}}
.p404__mund{transform-box:fill-box;transform-origin:50% 50%;animation:p404-mund 7s ease-in-out 1.2s infinite}
@keyframes p404-mund{0%,86%,100%{transform:none}89%{transform:scale(1.04,.88)}93%{transform:scale(.98,1.05)}}
.p404__auge{transform-box:fill-box;transform-origin:50% 50%;animation:p404-blinzeln 7s ease-in-out .4s infinite}
@keyframes p404-blinzeln{0%,22%,27%,100%{transform:none}24.5%{transform:scaleY(.12)}}
@media (prefers-reduced-motion:reduce){.p404__traene,.p404__mund,.p404__auge{animation:none}.p404__traene{opacity:1}}
html.look-j body.error404:not(#j){--j-logo:#fff;--j-text:#fff}
html.look-j body.error404 .b-logo:not(#j):not(#k):not(#m),html.look-j body.error404 .b-logo :is(svg,path,rect,text):not(#j):not(#k):not(#m){color:#fff !important;fill:#fff}
html.look-j body.error404 .p404__code:not(#j):not(#k):not(#m){font-weight:700 !important;font-family:"MontB",var(--heads,sans-serif) !important}
/* Gebäude-Grafik: Spaltennamen nie im Wort trennen – b.js passt sie ein */
html.look-j body.look-b .b-haus__col span:not(#j):not(#k):not(#m){overflow-wrap:normal !important;word-break:normal !important;hyphens:manual !important;white-space:nowrap}
/* Q&A auf dem Handy: Links der Seitenübersicht mit genug Tippfläche (mind. 44 px) */
@media (max-width:760px){html.look-j body.look-b :is(.b-wiki__list a,.b-wiki__map a,.b-wiki a):not(#j):not(#k):not(#m){display:inline-flex;align-items:center;min-height:44px}}
html.look-j body.look-b .j-info__s b:not(#j):not(#k):not(#m){overflow-wrap:normal !important;word-break:normal !important;hyphens:manual !important;-webkit-hyphens:manual !important}
/* Nutzer 12.10. (Handy, Gebäude-Grafik): die fünfte Kachel allein in der letzten Reihe über die volle Breite – „Recommendations“ passt in normaler Größe */
@media (max-width:760px){html.look-j body.look-b .j-info__saeulen > .j-info__s:last-child:nth-child(odd):not(#j):not(#k):not(#m){grid-column:1 / -1}}
/* 404 im PLURI-Stil (Nutzer 12.10.: „Smiley drüber, aber nicht so einer – im PLURI-Stil“): Augen = I-Stamm, Mund = Bogen aus dem Zeichen;
   die Träne löst sich unten aus dem rechten Auge, fällt und verschwindet im Bogen, der Bogen gibt kurz nach */
.p404__gesicht{width:clamp(130px,22vw,200px)}
.p404__traene{opacity:0;transform-box:fill-box;transform-origin:50% 0;animation:p404-traene2 6.5s cubic-bezier(.45,0,.55,1) 1s infinite}
@keyframes p404-traene2{0%,45%{opacity:0;transform:translateY(-6px) scale(.2)}53%{opacity:1;transform:translateY(0) scale(1)}62%{opacity:1;transform:translateY(2px) scale(.95,1.1)}80%{opacity:1;transform:translateY(34px) scale(.9,1.12)}86%{opacity:0;transform:translateY(40px) scale(.6,.4)}100%{opacity:0;transform:translateY(40px) scale(.2)}}
.p404__mund{transform-box:fill-box;transform-origin:50% 100%;animation:p404-mund2 6.5s ease-in-out 1s infinite}
@keyframes p404-mund2{0%,80%,100%{transform:none}84%{transform:scale(1.03,.94)}89%{transform:scale(.99,1.03)}}
.p404__auge{transform-box:fill-box;transform-origin:50% 100%;animation:p404-blinzeln2 6.5s ease-in-out .3s infinite}
@keyframes p404-blinzeln2{0%,24%,30%,100%{transform:none}27%{transform:scaleY(.18)}}
@media (prefers-reduced-motion:reduce){.p404__traene,.p404__mund,.p404__auge{animation:none}.p404__traene{opacity:1}}
/* Nutzer 12.10. („Scrollleiste immer schwarz – geht es ohne Hintergrund?“): am Desktop eigene schwebende Leiste (b.js) – kein Streifen in der Seitenfarbe mehr;
   am Handy bleibt die des Systems (schwebt dort ohnehin) */
@media (pointer:fine){
	html.look-j{scrollbar-width:none !important}
	html.look-j::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}
}
.b-scroll{position:fixed;top:0;right:0;bottom:0;z-index:9990;width:14px}
.b-scroll__daumen{position:absolute;top:0;right:4px;width:6px;border-radius:999px;background:#141414;cursor:grab;transition:width .15s ease,right .15s ease}
.b-scroll:hover .b-scroll__daumen,.b-scroll.is-zieh .b-scroll__daumen{width:9px;right:3px}
.b-scroll.is-zieh .b-scroll__daumen{cursor:grabbing}
/* 404: Smiley als Zeichen :( – fett, weiß, in unserer Schrift, über der fetten 404 */
html.look-j body.look-b .p404__smiley:not(#j):not(#k):not(#m){margin:0 0 6px;font:700 clamp(5rem,3rem + 7vw,9rem)/.9 "MontB",var(--heads,sans-serif) !important;letter-spacing:-.02em;color:#fff !important}
/* Logo-Verwandlung (Nutzer 12.10.: „muss abspielen – solange sie spielt, kann man sie nicht neu starten“): nicht mehr direkt per Hover (sprang beim kurzen
   Drüberfahren zurück), sondern nur über die Klasse j-morph, die b.js beim Drüberfahren für einen ganzen Durchlauf setzt */
html.look-j :is(.b-logo,.b-footer__logo a):is(:hover,:focus-visible):not(.j-morph) .j-logo .jl{transform:none !important;opacity:1 !important}
html.look-j :is(.b-logo,.b-footer__logo a):is(:hover,:focus-visible):not(.j-morph) .j-logo .jm{opacity:0 !important;transform:translate(var(--sx),var(--sy)) scale(.55) rotate(-18deg) !important}
html.look-j :is(.b-logo,.b-footer__logo a):is(:hover,:focus-visible):not(.j-morph) .j-logo .jt{opacity:0 !important}
html.look-j .b-footer__logo a.j-morph .j-logo .jl{transform:translate(var(--tx),var(--ty)) scale(.32);opacity:0;transition:transform .55s cubic-bezier(.65,0,.35,1) var(--d),opacity .3s ease calc(var(--d) + 150ms)}
html.look-j .b-footer__logo a.j-morph .j-logo .jm{opacity:1;transform:none}
html.look-j .b-footer__logo a.j-morph .j-logo .jt{opacity:1;transform:none;transition:opacity .35s ease .42s,transform .5s cubic-bezier(.2,.8,.2,1) .42s}
/* 404: Logo samt Unterzeile weiß (die Unterzeile war während der Verwandlung dunkel auf schwarz) */
html.look-j body.error404 .b-logo :is(svg,g,path,rect,text,tspan):not(#j):not(#k):not(#m){fill:#fff !important;color:#fff !important}
/* Nutzer 12.10. („auf Mobile hier mit Border machen – sonst sieht es kaputt aus“): Bereiche der Language Station haben dieselbe Farbe wie ihre Fläche –
   auf Handy/Tablet mit feiner Linie (eckig, rund beim Antippen/Hover), etwas Luft dazwischen */
@media (max-width:1024px){
	html.look-j body.look-b :is(.b-station--wide,.b-station) .b-boxes:not(#j):not(#k):not(#m){gap:10px !important}
	html.look-j body.look-b :is(.b-station--wide,.b-station) .b-boxes > li > a:not(#j):not(#k):not(#m){box-shadow:inset 0 0 0 1.5px var(--j-dark) !important}
	html.look-j body.look-b :is(.b-station--wide,.b-station) .b-boxes > li > a:not(#j):not(#k):not(#m):is(:hover,:active,:focus-visible){box-shadow:none !important}
}
/* Startseite „How we work?“ (Nutzer 12.10.: „genau so wie bei About us – andocken und stehen bleiben – und Fotos per Kategorie da rein“) */
@media (min-width:861px){
	html.look-j body.look-b .b-acts > div:first-child:not(#j):not(#k):not(#m){position:sticky !important;top:calc(96px + var(--nav-off,0px)) !important;align-self:start !important;height:auto !important;max-height:none !important}
}
@media (min-width:1025px){
	html.look-j body.look-b .b-acts > div:first-child:not(#j):not(#k):not(#m){top:calc(56px + var(--nav-off,0px) + var(--wp-admin--admin-bar--height,0px)) !important}
}
html.look-j body.look-b .b-acts .b-rows li:not(#j):not(#k):not(#m){grid-template-columns:clamp(120px,11vw,180px) minmax(0,1fr) !important;column-gap:clamp(16px,1.8vw,26px) !important;align-items:center !important}
html.look-j body.look-b .b-acts .b-rows li :is(h3,p):not(#j):not(#k):not(#m){grid-column:2 !important}
html.look-j body.look-b .b-acts .b-rows li > .b-rows__bild:not(#j):not(#k):not(#m){grid-column:1 !important;grid-row:1 / span 2;display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:0 !important;background:color-mix(in oklab,var(--bc,#bde0fe) 30%,#fff);transition:border-radius .22s cubic-bezier(.2,.8,.2,1) !important}
html.look-j body.look-b .b-acts .b-rows li > .b-rows__bild img:not(#j){display:block;width:100%;height:100%;object-fit:cover;border-radius:0 !important}
html.look-j body.look-b .b-acts .b-rows li > .b-rows__bild.is-leer:not(#j):not(#k):not(#m){display:grid;place-items:center}
html.look-j body.look-b .b-acts .b-rows li > .b-rows__bild .b-rows__form{width:44%;height:44%}
html.look-j body.look-b .b-acts .b-rows li:is(:hover,.is-on) > .b-rows__bild:not(#j):not(#k):not(#m){border-radius:12px !important}
@media (max-width:760px){
	html.look-j body.look-b .b-acts .b-rows li:not(#j):not(#k):not(#m){grid-template-columns:96px minmax(0,1fr) !important;column-gap:14px !important}
}
/* Nutzer 12.10. (Handy, Bereiche der Language Station): nur der aktive Reiter ausgeschrieben, die anderen nur mit Nummer – in ihrer Reihenfolge
   (Bereich 2: „1 | 02 Activating … | 3“, Bereich 3: „1 | 2 | 03 Space …“); gilt auch für die schmale Leiste beim Scrollen */
@media (max-width:760px){
	html.look-j body.look-b .b-tabs:not(.b-tabs--acts) .b-boxes:has(> li > a.is-on):not(#j):not(#k):not(#m){display:flex !important;flex-wrap:nowrap !important;gap:8px !important;grid-template-columns:none !important}
	html.look-j body.look-b .b-tabs:not(.b-tabs--acts) .b-boxes:has(> li > a.is-on) > li:not(#j):not(#k):not(#m){flex:0 0 auto !important;min-width:0 !important}
	html.look-j body.look-b .b-tabs:not(.b-tabs--acts) .b-boxes:has(> li > a.is-on) > li:has(> a.is-on):not(#j):not(#k):not(#m){flex:1 1 auto !important}
	html.look-j body.look-b .b-tabs:not(.b-tabs--acts) .b-boxes:has(> li > a.is-on) > li > a:not(.is-on) :is(.b-boxes__t,.b-dot):not(#j):not(#k):not(#m){display:none !important}
	html.look-j body.look-b .b-tabs:not(.b-tabs--acts) .b-boxes:has(> li > a.is-on) > li > a:not(.is-on):not(#j):not(#k):not(#m){justify-content:center !important;min-width:58px;height:100%;padding-left:14px !important;padding-right:14px !important}
	html.look-j body.look-b .b-tabs-mini ul:has(.b-tabs-mini__no):has(a.is-on):not(#j):not(#k):not(#m){display:flex !important;grid-template-columns:none !important;gap:8px !important;overflow:visible !important}
	html.look-j body.look-b .b-tabs-mini ul:has(.b-tabs-mini__no):has(a.is-on) > li:not(#j):not(#k):not(#m){flex:0 0 auto !important;min-width:0 !important}
	html.look-j body.look-b .b-tabs-mini ul:has(.b-tabs-mini__no):has(a.is-on) > li:has(> a.is-on):not(#j):not(#k):not(#m){flex:1 1 auto !important}
	html.look-j body.look-b .b-tabs-mini ul:has(.b-tabs-mini__no):has(a.is-on) a:not(.is-on) :is(.b-tabs-mini__t,.b-tabs-mini__n):not(#j):not(#k):not(#m){display:none !important}
	html.look-j body.look-b .b-tabs-mini ul:has(.b-tabs-mini__no):has(a.is-on) a:not(.is-on):not(#j):not(#k):not(#m){justify-content:center !important;min-width:48px}
	html.look-j body.look-b .b-tabs-mini ul:has(.b-tabs-mini__no):has(a.is-on):not(#j):not(#k):not(#m){-webkit-mask:none !important;mask:none !important}
	/* Language Station, Bereichskarten (Nutzer 12.10.: „01 02 03 kleiner, Heads etwas größer, Text etwas kleiner“) */
	html.look-j body.look-b .comps .comp .num:not(#j):not(#k):not(#m){font-size:clamp(2rem,9vw,2.6rem) !important;line-height:1 !important}
	html.look-j body.look-b .comps .comp h3:not(#j):not(#k):not(#m){font-size:clamp(1.55rem,6.6vw,1.9rem) !important;line-height:1.12 !important}
	html.look-j body.look-b .comps .comp p:not(#j):not(#k):not(#m){font-size:16px !important;line-height:1.55 !important}
}
@media (max-width:760px){
	/* aktiver Bereichs-Reiter: mehr Platz für den Namen (Nummernkästen schmaler, kein Pfeil – man ist schon auf der Seite) */
	html.look-j body.look-b .b-tabs:not(.b-tabs--acts) .b-boxes:has(> li > a.is-on) > li > a:not(.is-on):not(#j):not(#k):not(#m){min-width:46px !important;padding-left:10px !important;padding-right:10px !important}
	html.look-j body.look-b .b-tabs:not(.b-tabs--acts) .b-boxes:has(> li > a.is-on) > li > a.is-on:not(#j):not(#k):not(#m){padding-left:14px !important;padding-right:14px !important;gap:10px !important}
	html.look-j body.look-b .b-tabs:not(.b-tabs--acts) .b-boxes:has(> li > a.is-on) > li > a.is-on .b-dot:not(#j):not(#k):not(#m){display:none !important}
	/* schmale Leiste: Name des aktiven Bereichs endet mit „…“ statt abgeschnitten */
	html.look-j body.look-b .b-tabs-mini ul:has(.b-tabs-mini__no):has(a.is-on) a.is-on:not(#j):not(#k):not(#m){min-width:0 !important;overflow:hidden}
	html.look-j body.look-b .b-tabs-mini ul:has(.b-tabs-mini__no):has(a.is-on) a.is-on .b-tabs-mini__t:not(#j):not(#k):not(#m){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	/* unten: „‹ zurück“ links, „weiter ›“ rechts – untereinander, sauber ausgerichtet (Bereiche und Aktivitäten) */
	html.look-j body.look-b nav.pager:not(#j):not(#k):not(#m){display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:10px !important}
	html.look-j body.look-b nav.pager > .btn:not(#j):not(#k):not(#m){align-self:flex-start;margin:0 !important}
	html.look-j body.look-b nav.pager > .btn:not(.btn--back):not(:first-child):not(#j):not(#k):not(#m){align-self:flex-end;text-align:right}
}
@media (max-width:760px){html.look-j body.look-b .b-tabs:not(.b-tabs--acts) .b-boxes:has(> li > a.is-on) > li > a.is-on .b-boxes__t:not(#j):not(#k):not(#m){flex:1 1 auto !important;min-width:0 !important;max-width:none !important;width:auto !important}}
@media (max-width:760px){html.look-j body.look-b .b-tabs:not(.b-tabs--acts) .b-boxes:has(> li > a.is-on) > li > a.is-on .b-boxes__t:not(#j):not(#k):not(#m){padding-right:0 !important}}
/* „How we work?“ als Karten (Nutzer 12.10.): oben das Foto über die ganze Breite im Duotone wie die anderen Fotos der Seite (schwarz auf der
   Farbe der Aktivität), darunter direkt anschließend der weiße Kasten mit dem Text („die unteren Bereiche alle weiß und mit dem oberen
   verbunden, kein Freiraum“). Desktop zwei Spalten, Handy eine; Karten breiter, Abstand zu „How we work?“ kleiner. */
@media (min-width:861px){
	html.look-j body.look-b .b-split.b-acts:not(#j):not(#k):not(#m){grid-template-columns:minmax(0,4fr) minmax(0,8fr) !important;gap:clamp(28px,3.2vw,52px) !important}
}
html.look-j body.look-b .b-acts .b-rows:not(#j):not(#k):not(#m){display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:clamp(10px,1vw,16px) !important;border-top:0 !important;align-items:stretch}
html.look-j body.look-b .b-acts .b-rows li:not(#j):not(#k):not(#m){display:flex !important;flex-direction:column !important;gap:0 !important;row-gap:0 !important;padding:0 !important;margin:0 !important;border:0 !important;background:#fff !important;box-shadow:none !important;border-radius:0 !important;overflow:hidden;isolation:isolate;transition:border-radius .5s cubic-bezier(.22,.8,.24,1) !important}
html.look-j body.look-b .b-acts .b-rows li::before{display:none !important}
html.look-j body.look-b .b-acts .b-rows:has(> li:first-child:is(:hover,.is-on)):not(#j):not(#k):not(#m){border-top-color:transparent !important}
html.look-j body.look-b .b-acts .b-rows li:is(:hover,.is-on):not(#j):not(#k):not(#m){border-radius:18px !important;background:#fff !important}
html.look-j body.look-b .b-acts .b-rows li > .b-rows__bild:not(#j):not(#k):not(#m){position:relative;grid-row:auto !important;width:100%;aspect-ratio:4 / 3;flex:none;margin:0 !important;border-radius:0 !important;overflow:hidden;isolation:isolate;background:var(--jh,var(--j-block)) !important;transition:none !important}
html.look-j body.look-b .b-acts .b-rows li:is(:hover,.is-on) > .b-rows__bild:not(#j):not(#k):not(#m){border-radius:0 !important}
html.look-j body.look-b .b-acts .b-rows li > .b-rows__bild img:not(#j):not(#k){display:block;width:100%;height:100%;object-fit:cover;border-radius:0 !important;filter:grayscale(1) contrast(1.15) !important;mix-blend-mode:multiply}
html.look-j body.look-b .b-acts .b-rows li > .b-rows__box:not(#j):not(#k):not(#m){flex:1 1 auto;display:flex;flex-direction:column;gap:8px;margin:0 !important;padding:clamp(18px,1.8vw,26px);background:#fff !important;color:#141414 !important}
html.look-j body.look-b .b-acts .b-rows li > .b-rows__box :is(h3,h3 a,p):not(#j):not(#k):not(#m){color:inherit !important;margin:0}
/* Farbe der Aktivität = Farbe der Fläche dahinter (.j-gleich, b.js): oben auch weiß, Foto im tiefen Ton derselben Farbe auf Weiß (Duotone) –
   nie Farbe auf gleicher Farbe */
html.look-j body.look-b .b-acts .b-rows li.j-gleich > .b-rows__bild:not(#j):not(#k):not(#m){background:color-mix(in oklab,var(--jh) 86%,#000) !important;background:oklch(from var(--jh) calc(l - .08) calc(c + .05) h) !important} /* Nutzer 12.10.: „warum hat es keine Farbe und ist blau? Das O muss doch schwarz sein“ – gleiche Farbe wie der Grund: kräftigerer Ton derselben Farbe, Inhalt schwarz wie überall */
/* Buchstabe statt Foto (Nutzer 12.10.: „wie der Wurm – man fängt mit nichts an, dann geht der Wurm nach oben …“): eine Linie zeichnet den
   Buchstaben in Schreibrichtung, steht, dann frisst sie sich vom Anfang her wieder weg – versetzt je Karte */
html.look-j body.look-b .b-acts .b-rows__buchstabe{width:100%;height:100%;display:block;overflow:visible}
html.look-j body.look-b .b-acts .b-rows__buchstabe path{fill:none;stroke:var(--jht,#141414);stroke-width:.215;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1.1 1.3;stroke-dashoffset:1.1;animation:b-wurmzug 9s cubic-bezier(.45,.08,.55,.92) infinite}
html.look-j body.look-b .b-acts .b-rows li:nth-child(2n) .b-rows__buchstabe path{animation-delay:-3s}
html.look-j body.look-b .b-acts .b-rows li:nth-child(3n) .b-rows__buchstabe path{animation-delay:-6s}
@keyframes b-wurmzug{0%{stroke-dashoffset:1.1}34%{stroke-dashoffset:0}70%{stroke-dashoffset:0}92%,100%{stroke-dashoffset:-1.15}} /* 10 % Reserve: der Strich schließt sicher, auch wenn der Browser die Weglänge etwas anders misst */
@media (prefers-reduced-motion:reduce){html.look-j body.look-b .b-acts .b-rows__buchstabe path{animation:none;stroke-dashoffset:0}}
@media (max-width:760px){
	html.look-j body.look-b .b-acts .b-rows:not(#j):not(#k):not(#m){grid-template-columns:minmax(0,1fr) !important;gap:12px !important}
	html.look-j body.look-b .b-acts .b-rows li > .b-rows__bild:not(#j):not(#k):not(#m){aspect-ratio:16 / 10}
}
/* Alle Seiten: Licht hinter der Farbe (assets/licht.js) – über dem Hintergrund der Fläche, unter allem Inhalt */
html.look-j .b-licht{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:clip;clip-path:inset(0)} /* overflow:clip: die bildschirmhohe Leinwand darf die Seite nicht verlängern (sonst Farbe unter dem Footer) */
html.look-j .b-licht canvas{position:sticky;top:0;display:block;width:100%;height:100vh;height:100lvh}
html.look-j .b-licht--kopf canvas{position:absolute;inset:0;height:100%}
html.look-j :is(.b-hero,.b-sheet):has(> .b-licht){isolation:isolate}
html.look-j .b-licht--oben{top:-220px}
html.look-j .b-licht--oben canvas{position:absolute;inset:0;height:100%}
html.look-j .b-licht--grund{position:fixed;clip-path:none}
html.look-j .b-licht--grund canvas{position:absolute;inset:0;height:100%}
html.look-j body:has(> .b-licht--grund),html.look-j body.error404 main:has(> .b-licht){isolation:isolate}
@media print{html.look-j .b-licht{display:none}}
/* siebte Aktivität „Scientific seminars“ (Nutzer 12.10.: „eigene Farbe“): Limette – Zeichenfarbe kräftig, Seiten/Karten im Pastell (Farbsatz 18) */
:root{--lime:#1fb5bf} /* Schlüssel bleibt „lime“ (Feld in der Datenbank), Farbe seit 12.10. spät Türkis */
/* Haus-Grafik (About): alle Aktivitäten unter dem Dach in einer Reihe – seit 12.10. sechs Säulen („Scientific seminars“ dazu); Tablet drei je Reihe */
@media (min-width:1025px){html.look-j body.look-b .j-info__saeulen:not(#j):not(#k):not(#m){grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}
@media (min-width:701px) and (max-width:1024px){
	html.look-j body.look-b .j-info__saeulen:not(#j):not(#k):not(#m){grid-template-columns:repeat(3,minmax(0,1fr))}
	html.look-j body.look-b .j-info__saeulen > .j-info__s:nth-child(n+4)::before{display:none}
}
/* Buchstabe genau im Feld – auch im flacheren Handy-Format 16:10 (Nutzer 12.10.: „nicht mittig“) */
html.look-j body.look-b .b-acts .b-rows li > .b-rows__bild.is-leer > .b-rows__buchstabe:not(#j){position:absolute;inset:0;width:100%;height:100%}
/* Ausschnitt eines Fotos (Feld pluri_fokus, im Bearbeiten-Modus verschoben): Mitte x/y und Zoom um diese Mitte – gilt überall, wo das Titelbild steht */
html body img[style*="--pe-x"]:not(#pe){object-position:var(--pe-x,50%) var(--pe-y,50%) !important}
html body img[data-pe-z]:not(#pe){transform:scale(var(--pe-z,1)) !important;transform-origin:var(--pe-x,50%) var(--pe-y,50%) !important}
/* Fuß am Handy/Tablet (Nutzer 12.10.: „Change colour muss weiter weg von der E-Mail“) – am Desktop rutscht er per margin:auto nach unten */
@media (max-width:1024px){html.look-j body.look-b .b-footer__kontakt .j-farbe--fuss:not(#j):not(#k):not(#m){margin-top:30px !important}}
/* Bereichs-Reiter am Handy (Nutzer 12.10.: „die 2 3 müssen gleiche Höhe haben und etwas mehr Luft rechts links“): alle Kästen so hoch wie der aktive */
@media (max-width:760px){
	html.look-j body.look-b .b-tabs:not(.b-tabs--acts) .b-boxes:has(> li > a.is-on):not(#j):not(#k):not(#m),
	html.look-j body.look-b .b-tabs-mini ul:has(.b-tabs-mini__no):has(a.is-on):not(#j):not(#k):not(#m){align-items:stretch !important}
	html.look-j body.look-b .b-tabs:not(.b-tabs--acts) .b-boxes:has(> li > a.is-on) > li:not(#j):not(#k):not(#m),
	html.look-j body.look-b .b-tabs-mini ul:has(.b-tabs-mini__no):has(a.is-on) > li:not(#j):not(#k):not(#m){display:flex !important;align-self:stretch !important;height:auto !important}
	html.look-j body.look-b .b-tabs:not(.b-tabs--acts) .b-boxes:has(> li > a.is-on) > li > a:not(#j):not(#k):not(#m),
	html.look-j body.look-b .b-tabs-mini ul:has(.b-tabs-mini__no):has(a.is-on) > li > a:not(#j):not(#k):not(#m){flex:1 1 auto !important;height:auto !important;min-height:0 !important}
	html.look-j body.look-b .b-tabs:not(.b-tabs--acts) .b-boxes:has(> li > a.is-on) > li > a:not(.is-on):not(#j):not(#k):not(#m){min-width:60px !important;padding-left:18px !important;padding-right:18px !important}
	html.look-j body.look-b .b-tabs-mini ul:has(.b-tabs-mini__no):has(a.is-on) a:not(.is-on):not(#j):not(#k):not(#m){min-width:54px !important;padding-left:16px !important;padding-right:16px !important}
}
/* aktiver Bereichs-Reiter am Handy (Nutzer 12.10.: „die 01 drin muss oben ausgerichtet sein“): Nummer auf der Grundlinie der ersten Namenszeile */
@media (max-width:760px){html.look-j body.look-b .b-tabs:not(.b-tabs--acts) .b-boxes:has(> li > a.is-on) > li > a.is-on:not(#j):not(#k):not(#m){align-items:baseline !important}}
/* About am Handy (Nutzer 12.10.: „die Linie muss mittig sein zwischen denen“): unter der Linie so viel Luft wie darüber (48 px Abschnitts-Abstand) */
@media (max-width:860px){html.look-j body.look-b .b-about__sec:not(:first-child):not(#j):not(#k):not(#m){padding-top:54px !important}}
/* Nummern-Reiter am Handy (Nutzer 12.10.: „etwas breiter noch die 1 und 3 und etwas größer die Schrift“) */
@media (max-width:760px){
	html.look-j body.look-b .b-tabs:not(.b-tabs--acts) .b-boxes:has(> li > a.is-on) > li > a:not(.is-on):not(#j):not(#k):not(#m){min-width:74px !important;padding-left:22px !important;padding-right:22px !important}
	html.look-j body.look-b .b-tabs:not(.b-tabs--acts) .b-boxes:has(> li > a.is-on) > li > a:not(.is-on) .b-boxes__no:not(#j):not(#k):not(#m){font-size:20px !important;line-height:1 !important}
	html.look-j body.look-b .b-tabs-mini ul:has(.b-tabs-mini__no):has(a.is-on) a:not(.is-on):not(#j):not(#k):not(#m){min-width:62px !important;padding-left:20px !important;padding-right:20px !important}
	html.look-j body.look-b .b-tabs-mini ul:has(.b-tabs-mini__no):has(a.is-on) a:not(.is-on) .b-tabs-mini__no:not(#j):not(#k):not(#m){font-size:18px !important;line-height:1 !important}
}
/* Zurück · Zeichen (Übersicht) · Weiter unten auf Bereichs- und Aktivitätsseiten (Nutzer 12.10.: „nebeneinander, nur Pfeile, mittig das Symbol – da geht er zur Übersicht“) */
html.look-j body.look-b nav.pager.pager--3:not(#j):not(#k):not(#m){display:grid !important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;align-items:center !important;gap:16px !important;flex-direction:row !important}
html.look-j body.look-b nav.pager.pager--3 > .pager__zur:not(#j):not(#k):not(#m){justify-self:start !important;align-self:center !important;margin:0 !important}
html.look-j body.look-b nav.pager.pager--3 > .pager__vor:not(#j):not(#k):not(#m){justify-self:end !important;align-self:center !important;margin:0 !important;text-align:right}
html.look-j body.look-b nav.pager--3 .pager__mitte{display:grid;place-items:center;width:60px;height:60px;color:var(--j-text,#141414);text-decoration:none !important;border-radius:0;transition:border-radius .35s cubic-bezier(.22,.8,.24,1),background-color .2s ease,color .2s ease}
html.look-j body.look-b nav.pager--3 .pager__mitte svg{display:block;width:26px;height:26px}
html.look-j body.look-b nav.pager--3 .pager__mitte:is(:hover,:focus-visible){background:#141414;color:var(--j-bg,#fff);border-radius:14px}
@media (max-width:760px){
	html.look-j body.look-b nav.pager.pager--3 > .btn .btn__t:not(#j):not(#k):not(#m){position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important}
	html.look-j body.look-b nav.pager.pager--3 > .btn:not(#j):not(#k):not(#m){min-width:56px !important;min-height:56px !important;padding:0 !important;gap:0 !important;justify-content:center !important;align-items:center !important;display:inline-flex !important}
	html.look-j body.look-b nav.pager.pager--3 > .btn .b-dot:not(#j):not(#k):not(#m){transform:scale(1.3)}
}
/* Handy-Menü (Nutzer 12.10.): kein Unterstrich beim Antippen; aktive Aktivität in ihrer Farbe statt Schwarz */
html.look-j body.look-b .b-drawer a:is(:hover,:focus,:focus-visible,:active,[aria-current]):not(#j):not(#k):not(#m),
html.look-j body.look-b .b-drawer a:is(:hover,:focus,:focus-visible,:active,[aria-current]) span:not(#j):not(#k):not(#m){text-decoration:none !important}
html.look-j body.look-b .b-drawer .b-dr__grp ul a[aria-current][style*="--mc"]:not(#j):not(#k):not(#m){background:var(--jh,var(--j-dark)) !important;color:var(--jht,#141414) !important}
html.look-j body.look-b .b-drawer .b-dr__grp ul a[style*="--mc"]:active:not(#j):not(#k):not(#m){background:var(--jh) !important;color:var(--jht,#141414) !important}
/* Burger am Handy (Nutzer 12.10.: „etwas größer“) */
html.look-j body.look-b .b-bar .b-menu:not(#j):not(#k):not(#m) svg{width:30px !important;height:30px !important} /* Striche ≈ 27 px lang, ≈ 6 px dick wie das I */
html.look-j body.look-b .b-bar .b-menu:not(#j):not(#k):not(#m) svg path{stroke-width:3 !important;stroke-linecap:butt !important} /* Nutzer 12.10. später: „zwei dickere, klare, ohne Rundungen – so dick wie das I von PLURI“ (≈ 6 px) */
html.look-j body.look-b .b-bar .b-menu:not([aria-expanded="true"]):not(#j):not(#k):not(#m){background:transparent !important;box-shadow:none !important;border:0 !important;outline-offset:2px} /* Nutzer 12.10.: „ohne bg“, „ohne Kasten“ – nur die zwei Striche */
/* Burger (Nutzer 12.10.: „animiert mit unserem Wurm – dass er rauskommt und ins untere reingeht, ab und zu“): ein Stück Strich läuft im oberen
   Strich nach rechts, kommt am Ende heraus, macht einen Bogen und verschwindet im unteren (b.js setzt .is-wurm zufällig alle 9–34 s) */
html.look-j body.look-b .b-bar .b-menu svg{overflow:visible}
html.look-j body.look-b .b-bar .b-menu .b-menu__wurm{stroke-dasharray:22 300;stroke-dashoffset:26}
html.look-j body.look-b .b-bar .b-menu.is-wurm .b-menu__wurm{animation:b-menu-wurm 1.6s cubic-bezier(.45,.05,.55,.95) both}
@keyframes b-menu-wurm{0%{stroke-dashoffset:26}100%{stroke-dashoffset:-104}}
@media (prefers-reduced-motion:reduce){html.look-j body.look-b .b-bar .b-menu .b-menu__wurm{display:none}}
/* Burger auf/zu (Nutzer 12.10.: „animieren, wenn es zu und auf geht – zusammenziehen zu einer Linie und drehen zum X“), ohne Kasten auch als X:
   auf = erst zur Mitte ziehen, dann drehen; zu = erst zurückdrehen, dann auseinander (eigene Eigenschaften translate/rotate mit Verzögerung) */
html.look-j body.look-b .b-bar .b-menu[aria-expanded="true"]:not(#j):not(#k):not(#m){background:transparent !important;box-shadow:none !important;color:var(--j-dark) !important}
html.look-j body.look-b .b-bar .b-menu[aria-expanded="true"]:not(#j):not(#k):not(#m) svg{opacity:1 !important}
html.look-j body.look-b .b-bar .b-menu[aria-expanded="true"]:not(#j):not(#k):not(#m)::before,
html.look-j body.look-b .b-bar .b-menu[aria-expanded="true"]:not(#j):not(#k):not(#m)::after{display:none !important}
html.look-j body.look-b .b-bar .b-menu :is(.b-menu__o,.b-menu__u):not(#j):not(#k):not(#m){transform-box:view-box;transform-origin:9px 9px;translate:0 0;rotate:0deg;transition:rotate .2s cubic-bezier(.4,0,.2,1) 0s,translate .2s cubic-bezier(.4,0,.2,1) .2s !important} /* !important + IDs: j.css schaltet sonst alle Übergänge ab */
html.look-j body.look-b .b-bar .b-menu[aria-expanded="true"] :is(.b-menu__o,.b-menu__u):not(#j):not(#k):not(#m){transition:translate .2s cubic-bezier(.4,0,.2,1) 0s,rotate .24s cubic-bezier(.3,1.4,.6,1) .2s !important}
html.look-j body.look-b .b-bar .b-menu[aria-expanded="true"] .b-menu__o:not(#j):not(#k):not(#m){translate:0 3.2px;rotate:45deg}
html.look-j body.look-b .b-bar .b-menu[aria-expanded="true"] .b-menu__u:not(#j):not(#k):not(#m){translate:0 -3.2px;rotate:-45deg}
html.look-j body.look-b .b-bar .b-menu[aria-expanded="true"] .b-menu__wurm{visibility:hidden}
@media (prefers-reduced-motion:reduce){html.look-j body.look-b .b-bar .b-menu :is(.b-menu__o,.b-menu__u){transition:none !important}}
/* X genau mittig: jede Linie dreht um ihre eigene Mitte (danach zur Mitte verschoben) */
html.look-j body.look-b .b-bar .b-menu .b-menu__o:not(#j):not(#k):not(#m){transform-origin:9px 5.8px}
html.look-j body.look-b .b-bar .b-menu .b-menu__u:not(#j):not(#k):not(#m){transform-origin:9px 12.2px}
/* Nutzer 12.10.: „komische aktive Umrandung beim Antippen – sowas darf auf der Seite nicht sein“: die blaue/graue Tipp-Markierung von Android/iOS
   überall aus (eigene Hover-/Aktiv-Zustände bleiben, Tastatur-Fokus über :focus-visible auch) */
html,html *,html *::before,html *::after{-webkit-tap-highlight-color:transparent !important}
/* Preloader in Fotos (b.js): deckende Fläche in der Umgebungsfarbe, darüber ein leicht dunklerer Ton mit wanderndem Licht; blendet nach dem Laden aus */
.pl-lader{position:absolute;z-index:1;pointer-events:none;overflow:hidden;opacity:1;contain:strict}
html.look-j body.look-b .pl-lader:not(#j):not(#k):not(#m){transition:opacity .4s ease !important}
.pl-lader::before{content:"";position:absolute;inset:0;background:rgba(20,20,20,.07)}
/* Schimmer per transform – läuft auf der Grafikkarte, malt nichts neu (vorher background-position = ruckelig) */
.pl-lader::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);animation:pl-schimmer 1.4s ease-in-out infinite;will-change:transform}
.pl-lader.is-weg{opacity:0}
@keyframes pl-schimmer{0%{transform:translateX(0)}100%{transform:translateX(267%)}}
@media (prefers-reduced-motion:reduce){.pl-lader::after{animation:none;background:none}}
/* Foto unsichtbar bis dekodiert; kurze Blende nur, wenn das Laden gedauert hat */
html.look-j body.look-b img.pl-warte:not(#j):not(#k):not(#m){opacity:0 !important}
html.look-j body.look-b img.pl-weich:not(#j):not(#k):not(#m){transition:opacity .4s ease !important}
/* Partner (Nutzer 12.10.: „maximal drei, wenn man noch einen anlegt, geht es in die nächste Zeile“): ab dem 4. neue Zeile – Linien und Einzug wie in Zeile 1 */
html.look-j body.look-b .logos.cols-3 > :nth-child(3n):not(#j):not(#k):not(#m){border-right:0 !important}
html.look-j body.look-b .logos.cols-3 > :nth-child(3n+1):not(#j):not(#k):not(#m){padding-left:0 !important}
html.look-j body.look-b .logos.cols-3 > :nth-child(n+4):not(#j):not(#k):not(#m){border-top:1px solid var(--j-text,currentColor) !important}
/* Getauschtes Logo / Symbol (Editor „Bild tauschen“, Nutzer 12.10.): gleiche Höhe wie das gezeichnete Logo, Symbol füllt seine Fläche */
html.look-j body.look-b .b-logo img.b-logo__bild:not(#j){display:block;height:34px;width:auto;max-width:min(260px,50vw);object-fit:contain}
html.look-j body.look-b .b-footer__logo img.b-logo__bild:not(#j){display:block;height:32px;width:auto;max-width:260px;object-fit:contain}
html.look-j body.look-b .b-facts__ic > img:not(#j){display:block;width:100%;height:100%;object-fit:contain}
/* Übersichts-Symbol immer mittig (Nutzer 12.10.: „das soll immer mittig sein“) – feste Spalten statt automatischer Verteilung */
@media (min-width:701px){
	html.look-j body.look-b .b-pager:not(#j):not(#k):not(#m){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important}
	html.look-j body.look-b .b-pager > .b-pager__prev:not(#j):not(#k):not(#m){grid-column:1 !important;grid-row:1 !important}
	html.look-j body.look-b .b-pager > .b-pager__all:not(#j):not(#k):not(#m){grid-column:2 !important;grid-row:1 !important;justify-self:center !important}
	html.look-j body.look-b .b-pager > .b-pager__next:not(#j):not(#k):not(#m){grid-column:3 !important;grid-row:1 !important}
}
html.look-j body.look-b nav.pager.pager--3 > .pager__zur:not(#j):not(#k):not(#m){grid-column:1 !important;grid-row:1 !important}
html.look-j body.look-b nav.pager.pager--3 > .pager__mitte:not(#j):not(#k):not(#m){grid-column:2 !important;grid-row:1 !important;justify-self:center !important}
html.look-j body.look-b nav.pager.pager--3 > .pager__vor:not(#j):not(#k):not(#m){grid-column:3 !important;grid-row:1 !important}
/* Galerie-Raster (Galerie-Editor, Nutzer 12.10.: „alle gleich, hoch über 2, breit über 2, 2 × 2, 3 × 3 und kleine drum herum“):
   Spalten pe-sp-N, Kachel pe-g-bN (Breite) / pe-g-hN (Höhe); quadratische Zellen (--pe-zelle setzt b.js aus der echten Breite), Lücken füllen sich */
html.look-j body.look-b .wp-block-gallery.pe-raster:not(#j):not(#k):not(#m){display:grid !important;grid-template-columns:repeat(var(--pe-sp,4),minmax(0,1fr)) !important;grid-auto-flow:row dense !important;grid-auto-rows:var(--pe-zelle,auto) !important;flex-wrap:nowrap !important}
html.look-j body.look-b .wp-block-gallery.pe-sp-2{--pe-sp:2}
html.look-j body.look-b .wp-block-gallery.pe-sp-3{--pe-sp:3}
html.look-j body.look-b .wp-block-gallery.pe-sp-4{--pe-sp:4}
html.look-j body.look-b .wp-block-gallery.pe-sp-5{--pe-sp:5}
html.look-j body.look-b .wp-block-gallery.pe-sp-6{--pe-sp:6}
html.look-j body.look-b .wp-block-gallery.pe-raster > figure.wp-block-image:not(#j):not(#k):not(#m){width:auto !important;max-width:none !important;margin:0 !important;min-width:0;aspect-ratio:1;position:relative;overflow:hidden;flex:none !important}
html.look-j body.look-b .wp-block-gallery.pe-raster[style*="--pe-zelle"] > figure.wp-block-image:not(#j):not(#k):not(#m){aspect-ratio:auto !important;height:auto !important}
html.look-j body.look-b .wp-block-gallery.pe-raster > figure.wp-block-image img:not(#j):not(#k):not(#m){display:block;width:100% !important;height:100% !important;object-fit:cover !important}
html.look-j body.look-b .wp-block-gallery.pe-raster > figure.pe-g-b2:not(#j):not(#k):not(#m){grid-column:span 2 !important}
html.look-j body.look-b .wp-block-gallery.pe-raster > figure.pe-g-b3:not(#j):not(#k):not(#m){grid-column:span 3 !important}
html.look-j body.look-b .wp-block-gallery.pe-raster > figure.pe-g-h2:not(#j):not(#k):not(#m){grid-row:span 2 !important}
html.look-j body.look-b .wp-block-gallery.pe-raster > figure.pe-g-h3:not(#j):not(#k):not(#m){grid-row:span 3 !important}
html.look-j body.look-b .wp-block-gallery.pe-raster.pe-sp-2 > figure.pe-g-b3:not(#j):not(#k):not(#m){grid-column:span 2 !important}
@media (max-width:700px){
	html.look-j body.look-b .wp-block-gallery.pe-raster:not(#j):not(#k):not(#m){--pe-sp:2}
	html.look-j body.look-b .wp-block-gallery.pe-raster > figure.pe-g-b3:not(#j):not(#k):not(#m){grid-column:span 2 !important}
}
/* Kartenbilder werden beim Drüberfahren rund (Nutzer 12.10.: „Hover über das Bild macht es nicht rund“) – wie die anderen Kästen */
html.look-j body.look-b a.card .ph:not(#j):not(#k):not(#m){border-radius:0 !important;transition:border-radius .35s cubic-bezier(.22,.8,.24,1) !important}
html.look-j body.look-b a.card:is(:hover,:focus-visible) .ph:not(#j):not(#k):not(#m){border-radius:18px !important}
/* Bild-Effekt auf Beitragsseiten (functions.php: Filter pe-fx-FARBE[-t]): Standard = alle mit Effekt – im Inhalt tiefer Ton der Seitenfarbe, oben die Seitenfarbe;
   je Bild „ohne“ (pe-fx-aus) oder eine eigene Stilfarbe (pe-fx-FARBE, auf gleichfarbigem Grund der tiefe Ton, b.js); Drüberfahren = Original */
html.look-j body.look-b.single .b-sheet :is(.wp-block-image,.wp-block-gallery figure.wp-block-image) img:not(#j):not(#k):not(#m){filter:var(--pe-fx-s,grayscale(1)) !important;mix-blend-mode:normal !important}
html.look-j body.look-b.single .b-top .ph img:not(#j):not(#k):not(#m){filter:var(--pe-fx-h,grayscale(1)) !important;mix-blend-mode:normal !important}
html.look-j body.look-b.single :is(.b-sheet figure.pe-fx-orange img,.b-top img.pe-fx-orange):not(#j):not(#k):not(#m):not(#n){filter:url(#pe-fx-orange) !important}
html.look-j body.look-b.single :is(.b-sheet figure.pe-fx-orange.pe-fx-tief img,.b-top img.pe-fx-orange.pe-fx-tief):not(#j):not(#k):not(#m):not(#n){filter:url(#pe-fx-orange-t) !important}
html.look-j body.look-b.single :is(.b-sheet figure.pe-fx-green img,.b-top img.pe-fx-green):not(#j):not(#k):not(#m):not(#n){filter:url(#pe-fx-green) !important}
html.look-j body.look-b.single :is(.b-sheet figure.pe-fx-green.pe-fx-tief img,.b-top img.pe-fx-green.pe-fx-tief):not(#j):not(#k):not(#m):not(#n){filter:url(#pe-fx-green-t) !important}
html.look-j body.look-b.single :is(.b-sheet figure.pe-fx-blue img,.b-top img.pe-fx-blue):not(#j):not(#k):not(#m):not(#n){filter:url(#pe-fx-blue) !important}
html.look-j body.look-b.single :is(.b-sheet figure.pe-fx-blue.pe-fx-tief img,.b-top img.pe-fx-blue.pe-fx-tief):not(#j):not(#k):not(#m):not(#n){filter:url(#pe-fx-blue-t) !important}
html.look-j body.look-b.single :is(.b-sheet figure.pe-fx-cyan img,.b-top img.pe-fx-cyan):not(#j):not(#k):not(#m):not(#n){filter:url(#pe-fx-cyan) !important}
html.look-j body.look-b.single :is(.b-sheet figure.pe-fx-cyan.pe-fx-tief img,.b-top img.pe-fx-cyan.pe-fx-tief):not(#j):not(#k):not(#m):not(#n){filter:url(#pe-fx-cyan-t) !important}
html.look-j body.look-b.single :is(.b-sheet figure.pe-fx-pink img,.b-top img.pe-fx-pink):not(#j):not(#k):not(#m):not(#n){filter:url(#pe-fx-pink) !important}
html.look-j body.look-b.single :is(.b-sheet figure.pe-fx-pink.pe-fx-tief img,.b-top img.pe-fx-pink.pe-fx-tief):not(#j):not(#k):not(#m):not(#n){filter:url(#pe-fx-pink-t) !important}
html.look-j body.look-b.single :is(.b-sheet figure.pe-fx-yellow img,.b-top img.pe-fx-yellow):not(#j):not(#k):not(#m):not(#n){filter:url(#pe-fx-yellow) !important}
html.look-j body.look-b.single :is(.b-sheet figure.pe-fx-yellow.pe-fx-tief img,.b-top img.pe-fx-yellow.pe-fx-tief):not(#j):not(#k):not(#m):not(#n){filter:url(#pe-fx-yellow-t) !important}
html.look-j body.look-b.single :is(.b-sheet figure.pe-fx-lime img,.b-top img.pe-fx-lime):not(#j):not(#k):not(#m):not(#n){filter:url(#pe-fx-lime) !important}
html.look-j body.look-b.single :is(.b-sheet figure.pe-fx-lime.pe-fx-tief img,.b-top img.pe-fx-lime.pe-fx-tief):not(#j):not(#k):not(#m):not(#n){filter:url(#pe-fx-lime-t) !important}
html.look-j body.look-b.single :is(.b-sheet figure.pe-fx-aus img,.b-top img.pe-fx-aus):not(#j):not(#k):not(#m):not(#n){filter:none !important}
html.look-j:not(.pe-gal-offen):not(.pe-zieht) body.look-b.single :is(.b-sheet :is(.wp-block-image,.wp-block-gallery figure.wp-block-image):hover img,.b-top .ph:hover img):not(#j):not(#k):not(#m):not(#n):not(#o){filter:none !important}

/* Großansicht: Name + Text unter dem Bild (13.10.) – nur wenn angegeben */
html.look-j body.look-b .b-lb__cap:not(#j):not(#k):not(#m){max-width:min(760px,calc(100vw - 32px));margin:2px auto 4px;text-align:center;font:500 15px/1.45 "MontB",var(--body,sans-serif);color:var(--ink,#141414)}
html.look-j body.look-b .b-lb__cap[hidden]:not(#j):not(#k):not(#m){display:none}
html.look-j body.look-b .b-lb__name:not(#j):not(#k):not(#m){display:block;font-weight:700;font-size:16px;margin-bottom:2px}
html.look-j body.look-b .b-lb__name:empty:not(#j):not(#k):not(#m){display:none}