/* ── Wissen colour tokens ── */
:root {
  --wis-wa:      #34d399;
  --wis-wa-dim:  rgba(52,211,153,.10);
  --wis-wa-glow: rgba(16,185,129,.22);
  --wis-bg:     #06090d;
  --wis-bg-alt: rgba(255,255,255,.025);
  --wis-card:   rgba(255,255,255,.045);
  --wis-brd:    rgba(255,255,255,.09);
  --wis-fg:     #f0f6ff;
  --wis-fg-mut: rgba(240,246,255,.55);
  --wis-r:      16px;
}
html[data-theme="light"] {
  --wis-wa:      #059669;
  --wis-wa-dim:  rgba(16,185,129,.09);
  --wis-wa-glow: rgba(16,185,129,.18);
  --wis-bg:     #eef2f5;
  --wis-bg-alt: rgba(0,0,0,.025);
  --wis-card:   rgba(255,255,255,.95);
  --wis-brd:    rgba(0,0,0,.09);
  --wis-fg:     #0d1117;
  --wis-fg-mut: rgba(13,17,23,.55);
}


.wis-world-logo {
  width: 28px;
  height: 28px;
  object-fit: contain;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}
.wis-hero-logo {
  width: clamp(62px, 7vw, 96px);
  height: auto;
  display: block;
  margin: 0 0 1.1rem;
  filter: drop-shadow(0 18px 42px rgba(52, 211, 153, .28));
}
html[data-theme="light"] .wis-hero-logo {
  filter: drop-shadow(0 18px 34px rgba(5, 150, 105, .2));
}

/* ── Hero background (gradient, no video) ── */
.wis-hero-bg {
  position: absolute; inset: 0; z-index: 0;
  background:
    radial-gradient(ellipse 120% 65% at 50% -10%, rgba(52,211,153,.09) 0%, transparent 55%),
    radial-gradient(ellipse 55% 45% at 85% 90%, rgba(16,185,129,.06) 0%, transparent 50%),
    radial-gradient(ellipse 40% 35% at 10% 70%, rgba(16,185,129,.04) 0%, transparent 50%),
    linear-gradient(168deg, #0c1524 0%, #06090d 55%, #0b0d07 100%);
}
.wis-hero-bg::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  background-size: 180px; opacity: .6; mix-blend-mode: overlay;
}

/* ── Wissen search bar ── */
.wis-search-wrap { position: relative; margin-top: 1.5rem; max-width: 480px; }
.wis-search-icon {
  position: absolute; left: 1rem; top: 50%; transform: translateY(-50%);
  color: rgba(240,246,255,.38); pointer-events: none;
}
.wis-search {
  width: 100%; padding: .82rem 1.2rem .82rem 3rem; border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.08);
  color: #f0f6ff; font-size: .92rem; font-family: var(--font-body);
  outline: none; transition: border-color .18s, background .18s; box-sizing: border-box;
}
.wis-search::placeholder { color: rgba(240,246,255,.35); }
.wis-search:focus { border-color: rgba(52,211,153,.45); background: rgba(255,255,255,.11); }
html[data-theme="light"] .wis-search { background: rgba(0,0,0,.07); border-color: rgba(0,0,0,.14); color: #0d1117; }
html[data-theme="light"] .wis-search::placeholder { color: rgba(13,17,23,.38); }
html[data-theme="light"] .wis-search:focus { border-color: rgba(5,150,105,.45); background: rgba(0,0,0,.05); }
html[data-theme="light"] .wis-search-icon { color: rgba(13,17,23,.35); }

/* ── Sticky Tabs ── */
.wis-tabs-bar {
  position: sticky; top: 58px; z-index: 100;
  background: var(--wis-bg); border-bottom: 1px solid var(--wis-brd);
  overflow-x: auto; scrollbar-width: none;
}
.wis-tabs-bar::-webkit-scrollbar { display: none; }
.wis-tabs { display: flex; max-width: 1440px; margin: 0 auto; padding: 0 1.5rem; }
.wis-tab {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .88rem 1.1rem; border-bottom: 2.5px solid transparent;
  color: var(--wis-fg-mut); font-family: var(--font-heading);
  font-size: .82rem; font-weight: 600; text-decoration: none; white-space: nowrap;
  transition: color .16s, border-color .16s;
}
.wis-tab:hover { color: var(--wis-fg); }
.wis-tab.is-active { color: var(--wis-wa); border-bottom-color: var(--wis-wa); }

/* ── Sections ── */
.wis-section { padding: 5rem clamp(1.5rem, 5vw, 5rem) 6rem; scroll-margin-top: 112px; background: var(--wis-bg); }
.wis-section--alt { background: var(--wis-bg-alt); }
.wis-inner { max-width: 1440px; margin: 0 auto; }
.wis-head { margin-bottom: 0; }

.wis-head__eyebrow {
  font-family: var(--font-heading); font-size: .7rem; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase; color: var(--wis-wa); margin: 0 0 .5rem;
  display: flex; align-items: center; gap: .55rem;
}
.wis-head__eyebrow::before {
  content: ''; width: 22px; height: 2px; background: var(--wis-wa); border-radius: 99px; flex-shrink: 0;
}
.wis-head__title {
  font-family: var(--font-heading); font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight: 800; color: var(--wis-fg); margin: 0 0 .6rem; line-height: 1.15;
}
.wis-head__sub { color: var(--wis-fg-mut); font-size: 1rem; margin: 0; max-width: 620px; }

/* ── News Grid ── */
.wis-news { display: grid; grid-template-columns: 1.8fr 1fr; grid-template-rows: auto auto; gap: 1.5rem; }
.wis-news-card {
  background: var(--wis-card); border: 1px solid var(--wis-brd);
  border-radius: var(--wis-r); padding: 1.5rem;
  display: flex; flex-direction: column; gap: .65rem;
  text-decoration: none; color: inherit;
  transition: transform .2s, box-shadow .2s;
}
.wis-news-card:hover { transform: translateY(-3px); box-shadow: 0 10px 32px rgba(0,0,0,.14); }
.wis-news-card--feat { padding: 2.4rem; grid-row: span 2; }
.wis-news__badge {
  display: inline-flex; align-items: center;
  padding: .2rem .65rem; border-radius: 999px;
  font-family: var(--font-heading); font-size: .66rem; font-weight: 700;
  letter-spacing: .05em; color: #fff; align-self: flex-start;
}
.wis-news__date { font-family: var(--font-heading); font-size: .7rem; color: var(--wis-fg-mut); }
.wis-news__title {
  font-family: var(--font-heading); font-size: 1rem; font-weight: 700;
  color: var(--wis-fg); line-height: 1.3; margin: 0;
}
.wis-news-card--feat .wis-news__title { font-size: clamp(1.25rem, 2vw, 1.6rem); }
.wis-news__body { font-size: .86rem; color: var(--wis-fg-mut); line-height: 1.6; margin: 0; }
.wis-news__link {
  display: inline-flex; align-items: center; gap: .3rem;
  font-family: var(--font-heading); font-size: .78rem; font-weight: 700; color: var(--wis-wa);
  margin-top: auto;
}

/* ── Article / Tip Cards ── */
.wis-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.3rem;
}
.wis-card {
  background: var(--wis-card); border: 1px solid var(--wis-brd);
  border-radius: var(--wis-r); overflow: hidden;
  display: flex; flex-direction: column; text-decoration: none; color: inherit;
  transition: transform .2s, box-shadow .2s;
}
.wis-card:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(0,0,0,.12); }
.wis-card__img-wrap { aspect-ratio: 16/9; overflow: hidden; background: var(--wis-brd); }
.wis-card__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wis-card__placeholder {
  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--wis-brd), rgba(52,211,153,.06));
  color: rgba(240,246,255,.18);
}
html[data-theme="light"] .wis-card__placeholder { color: rgba(0,0,0,.12); }
.wis-card__body { padding: 1.1rem 1.15rem 1.3rem; flex: 1; display: flex; flex-direction: column; }
.wis-card__meta { display: flex; align-items: center; gap: .5rem; margin-bottom: .5rem; }
.wis-card__cat {
  font-family: var(--font-heading); font-size: .62rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; color: var(--wis-wa);
  background: var(--wis-wa-dim); padding: .18rem .5rem; border-radius: 999px;
}
.wis-card__date { font-family: var(--font-heading); font-size: .67rem; color: var(--wis-fg-mut); margin-left: auto; }
.wis-card__title {
  font-family: var(--font-heading); font-size: .93rem; font-weight: 700;
  color: var(--wis-fg); line-height: 1.35; margin: 0 0 .4rem; flex: 1;
}
.wis-card__excerpt {
  font-size: .81rem; color: var(--wis-fg-mut); line-height: 1.55; margin: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* ── Schulungen filter pills ── */
.wis-kurs-filter {
  display: flex; gap: .5rem; flex-wrap: wrap; margin: 0 0 1.4rem;
}
.wis-kpill {
  display: inline-flex; align-items: center; gap: .4rem;
  font-family: var(--font-heading); font-size: .72rem; font-weight: 700;
  padding: .32rem .85rem; border-radius: 999px; cursor: pointer;
  border: 1.5px solid var(--wis-brd); background: transparent;
  color: var(--wis-fg-mut); transition: background .15s, border-color .15s, color .15s;
}
.wis-kpill:hover { color: var(--wis-fg); border-color: rgba(255,255,255,.22); }
.wis-kpill.is-active { background: var(--wis-wa-dim); border-color: var(--wis-wa); color: var(--wis-wa); }
.wis-kpill__dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.wis-kpill__count {
  font-size: .65rem; background: rgba(255,255,255,.1); border-radius: 999px;
  padding: .05rem .38rem; margin-left: .1rem; font-weight: 800;
}
html[data-theme="light"] .wis-kpill:hover { border-color: rgba(0,0,0,.22); }
html[data-theme="light"] .wis-kpill__count { background: rgba(0,0,0,.08); }

/* ── Schulungen ── */
.wis-kurse { display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); gap: 1.5rem; }
.wis-kurs {
  background: var(--wis-card); border: 1px solid var(--wis-brd);
  border-radius: var(--wis-r); padding: 1.7rem 1.7rem 1.5rem;
  display: grid; grid-template-columns: 72px 1fr; gap: 1.2rem; align-items: start;
  text-decoration: none; color: inherit; position: relative;
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
.wis-kurs:hover { transform: translateY(-4px); box-shadow: 0 14px 40px rgba(0,0,0,.14); border-color: rgba(52,211,153,.28); }
.wis-kurs__icon-area { position: relative; width: 72px; height: 72px; flex-shrink: 0; }
.wis-kurs__icon {
  width: 72px; height: 72px; border-radius: 18px;
  background: var(--wis-wa-dim); display: flex; align-items: center;
  justify-content: center; font-size: 2rem;
}
.wis-kurs__ring { position: absolute; inset: -4px; pointer-events: none; }
.wis-kurs__ring-track { fill: none; stroke: var(--wis-brd); stroke-width: 3; }
.wis-kurs__ring-fill {
  fill: none; stroke: var(--wis-wa); stroke-width: 3;
  stroke-linecap: round; transform: rotate(-90deg); transform-origin: center;
  transition: stroke-dashoffset .7s ease;
}
.wis-kurs__done {
  position: absolute; top: .9rem; right: .9rem;
  font-family: var(--font-heading); font-size: .7rem; font-weight: 700; color: var(--wis-wa);
  background: var(--wis-wa-dim); padding: .18rem .55rem; border-radius: 999px;
}
.wis-kurs__title {
  font-family: var(--font-heading); font-size: 1.05rem; font-weight: 800;
  color: var(--wis-fg); margin: 0 0 .35rem; line-height: 1.25;
}
.wis-kurs__desc { font-size: .85rem; color: var(--wis-fg-mut); line-height: 1.55; margin: 0 0 .9rem; }
.wis-kurs__meta { display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; }
.wis-kurs__level {
  font-family: var(--font-heading); font-size: .65rem; font-weight: 700;
  letter-spacing: .06em; padding: .2rem .6rem; border-radius: 999px; color: #fff;
}
.wis-kurs__time, .wis-kurs__qs {
  font-family: var(--font-heading); font-size: .7rem; color: var(--wis-fg-mut);
  display: flex; align-items: center; gap: .28rem;
}
.wis-kurs__cta {
  display: inline-flex; align-items: center; gap: .35rem; margin-top: .9rem;
  font-family: var(--font-heading); font-size: .82rem; font-weight: 700; color: var(--wis-wa);
}

/* ── Filter Pills ── */
.wis-filter-bar { display: flex; gap: .45rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.wis-pill {
  padding: .28rem .88rem; border-radius: 999px; border: 1px solid var(--wis-brd);
  background: transparent; font-family: var(--font-heading); font-size: .73rem; font-weight: 600;
  color: var(--wis-fg-mut); cursor: pointer; transition: all .15s;
}
.wis-pill:hover { border-color: var(--wis-wa); color: var(--wis-wa); }
.wis-pill.is-active { background: var(--wis-wa); border-color: var(--wis-wa); color: #0d1117; }

/* ── More / Empty ── */
.wis-more-wrap { text-align: center; margin-top: 2rem; }
.wis-more-btn {
  padding: .7rem 2.2rem; border-radius: 999px; border: 2px solid var(--wis-brd);
  background: transparent; font-family: var(--font-heading); font-size: .85rem;
  font-weight: 700; color: var(--wis-fg-mut); cursor: pointer; transition: all .18s;
}
.wis-more-btn:hover { border-color: var(--wis-wa); color: var(--wis-wa); }
.wis-empty { grid-column: 1/-1; text-align: center; padding: 3rem 1rem; color: var(--wis-fg-mut); }

/* ── Responsive ── */
@media (max-width: 1200px) {
  .wis-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 960px) {
  .wis-news { grid-template-columns: 1fr; grid-template-rows: auto; }
  .wis-news-card--feat { grid-row: auto; }
  .wis-kurse { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
  .wis-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
  .wis-grid { grid-template-columns: 1fr; }
  .wis-hero { padding: 5rem 1.1rem 3rem; }
  .wis-section { padding: 3rem 1rem 3.5rem; }
  .wis-head__title { font-size: clamp(1.5rem, 6vw, 2rem); }
}
@media (max-width: 560px) {
  .wis-kurse { grid-template-columns: 1fr; }
  .wis-kurs { grid-template-columns: 1fr; }
  .wis-kurs__icon-area { display: none; }
}

.wis-hero{min-height:100dvh;align-items:flex-end;padding:8rem 1.5rem 4.8rem;background:#06090d;isolation:isolate}.wis-hero::before{z-index:2;background:radial-gradient(circle at 30% 54%,rgba(52,211,153,.15),transparent 34%),linear-gradient(90deg,rgba(6,9,13,.80) 0%,rgba(6,9,13,.50) 42%,rgba(6,9,13,.18) 72%),linear-gradient(to bottom,rgba(6,9,13,.08) 0%,rgba(6,9,13,.20) 48%,rgba(6,9,13,.94) 100%)}html[data-theme="light"] .wis-hero{background:#111827}.wis-hero__media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#06090d}.wis-hero__media::after{content:"";position:absolute;inset:-18%;z-index:3;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.12) 48%,transparent 60%);mix-blend-mode:screen;opacity:0;transform:translateX(-28%) rotate(5deg);animation:wisHeroSheen 13s ease-in-out infinite}.wis-hero__img{position:absolute;inset:-2%;background-image:url("../assets/images/wissen-hero-learning-lab.png");background-size:cover;background-position:58% center;opacity:.74;transform:scale(1.045) translate3d(-1.2%,-.8%,0);filter:saturate(1.08) contrast(1.08) brightness(.82);animation:wisHeroDrift 24s cubic-bezier(.45,0,.2,1) infinite alternate;will-change:transform,filter}.wis-hero__aura{position:absolute;inset:-14%;z-index:2;pointer-events:none;mix-blend-mode:screen;filter:blur(26px);will-change:transform,opacity}.wis-hero__aura--amber{background:radial-gradient(circle at 34% 64%,rgba(52,211,153,.34),transparent 32%);opacity:.50;animation:wisHeroAmber 10s ease-in-out infinite alternate}.wis-hero__aura--cyan{background:radial-gradient(circle at 72% 34%,rgba(45,212,191,.18),transparent 30%);opacity:.40;animation:wisHeroCyan 12s ease-in-out infinite alternate}.wis-hero__signal{position:absolute;z-index:3;width:clamp(180px,24vw,420px);height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(52,211,153,.72),rgba(45,212,191,.58),transparent);filter:drop-shadow(0 0 10px rgba(52,211,153,.46)) drop-shadow(0 0 18px rgba(45,212,191,.24));opacity:0;animation:wisHeroSignal 8.5s ease-in-out infinite}.wis-hero__signal--one{left:13%;top:68%;transform:rotate(-10deg) translateX(-34%);animation-delay:.6s}.wis-hero__signal--two{left:56%;top:34%;transform:rotate(11deg) translateX(-34%);animation-delay:3.7s}.wis-hero__spark{position:absolute;z-index:4;width:7px;height:7px;border-radius:50%;background:rgba(255,246,214,.96);box-shadow:0 0 14px rgba(52,211,153,.85),0 0 26px rgba(45,212,191,.38);opacity:0;animation:wisHeroSpark 7.2s ease-in-out infinite}.wis-hero__spark--one{left:28%;top:61%;animation-delay:1.2s}.wis-hero__spark--two{left:62%;top:42%;animation-delay:3.4s}.wis-hero__spark--three{left:43%;top:28%;animation-delay:5.8s}.wis-hero__inner{max-width:720px;margin:0 auto 0 max(1.5rem,calc((100vw - 1160px)/2));text-align:left;z-index:4;padding:1.25rem 0}.wis-hero__h1{font-size:clamp(2.25rem,6vw,4.8rem);max-width:780px;text-shadow:0 5px 34px rgba(0,0,0,.58);letter-spacing:0}.wis-hero__sub{max-width:620px;color:rgba(240,246,255,.72);font-size:clamp(1rem,1.6vw,1.18rem);text-shadow:0 3px 22px rgba(0,0,0,.54)}.wis-hero__stats{justify-content:flex-start;color:rgba(240,246,255,.72)}.wis-search-wrap{margin-left:0;margin-right:0}.wis-search{backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.22),0 0 28px rgba(52,211,153,.08)}html[data-theme="light"] .wis-hero::before{background:radial-gradient(circle at 30% 54%,rgba(52,211,153,.18),transparent 34%),linear-gradient(90deg,rgba(15,23,42,.72) 0%,rgba(15,23,42,.38) 42%,rgba(15,23,42,.12) 72%),linear-gradient(to bottom,rgba(15,23,42,.08) 0%,rgba(15,23,42,.18) 48%,rgba(15,23,42,.78) 100%)}html[data-theme="light"] .wis-hero__img{opacity:.78;filter:saturate(1.02) contrast(1.03) brightness(.92)}html[data-theme="light"] .wis-hero__aura--amber{opacity:.42}html[data-theme="light"] .wis-hero__aura--cyan{opacity:.24}@keyframes wisHeroDrift{0%{transform:scale(1.045) translate3d(-1.2%,-.8%,0);filter:saturate(1.04) contrast(1.06) brightness(.82)}45%{transform:scale(1.065) translate3d(.4%,-1.4%,0);filter:saturate(1.12) contrast(1.08) brightness(.86)}100%{transform:scale(1.078) translate3d(1.3%,.6%,0);filter:saturate(1.08) contrast(1.07) brightness(.84)}}@keyframes wisHeroAmber{0%{opacity:.32;transform:translate3d(-1.5%,1%,0) scale(1)}100%{opacity:.58;transform:translate3d(2%,-1.5%,0) scale(1.1)}}@keyframes wisHeroCyan{0%{opacity:.22;transform:translate3d(2%,-1%,0) scale(1)}100%{opacity:.46;transform:translate3d(-1.6%,1.4%,0) scale(1.12)}}@keyframes wisHeroSignal{0%,18%,100%{opacity:0;clip-path:inset(0 100% 0 0)}34%{opacity:.74;clip-path:inset(0 0 0 0)}54%{opacity:.14;clip-path:inset(0 0 0 100%)}}@keyframes wisHeroSpark{0%,72%,100%{opacity:0;transform:scale(.4)}78%{opacity:.95;transform:scale(1.35)}88%{opacity:.24;transform:scale(.8)}}@keyframes wisHeroSheen{0%,58%,100%{opacity:0;transform:translateX(-28%) rotate(5deg)}72%{opacity:.18;transform:translateX(28%) rotate(5deg)}}@media (max-width:820px){.wis-hero{min-height:88dvh;padding:6.5rem 1.1rem 3.4rem}.wis-hero__img{background-position:62% center;opacity:.58}.wis-hero::before{background:linear-gradient(to bottom,rgba(6,9,13,.26) 0%,rgba(6,9,13,.54) 42%,rgba(6,9,13,.94) 100%)}.wis-hero__inner{margin:0 auto;text-align:center}.wis-hero__stats{justify-content:center}.wis-search-wrap{margin-left:auto;margin-right:auto}}@media (prefers-reduced-motion:reduce){.wis-hero__img,.wis-hero__aura,.wis-hero__signal,.wis-hero__spark,.wis-hero__media::after{animation:none}}
.pg-hero .wis-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;background-image:linear-gradient(90deg,rgba(6,9,13,.72) 0%,rgba(6,9,13,.48) 36%,rgba(6,9,13,.16) 70%),linear-gradient(to bottom,rgba(6,9,13,.08) 0%,rgba(6,9,13,.24) 52%,rgba(6,9,13,.92) 100%),url("../assets/images/wissen-hero-learning-lab.png");background-size:cover;background-position:center center;transform:scale(1.035);animation:wisHeroBgDrift 24s cubic-bezier(.45,0,.2,1) infinite alternate;will-change:transform,filter;filter:saturate(1.08) contrast(1.06) brightness(.92)}.pg-hero .wis-hero-bg::after{content:"";position:absolute;inset:-18%;background:radial-gradient(circle at 31% 66%,rgba(52,211,153,.28),transparent 28%),radial-gradient(circle at 72% 34%,rgba(45,212,191,.16),transparent 30%),linear-gradient(110deg,transparent 30%,rgba(255,255,255,.10) 48%,transparent 60%);mix-blend-mode:screen;opacity:.72;animation:wisHeroLightMove 12s ease-in-out infinite alternate}.wis-hero-card{max-width:720px;margin:0 auto 0 max(1.5rem,calc((100vw - 1160px)/2));padding:clamp(1.15rem,2.2vw,1.7rem);border:1px solid rgba(52,211,153,.22);border-radius:18px;background:linear-gradient(145deg,rgba(6,9,13,.78),rgba(6,9,13,.52));box-shadow:0 28px 90px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.04) inset,0 0 46px rgba(52,211,153,.10);backdrop-filter:blur(18px);align-self:flex-end}.wis-hero-card .pg-hero__eyebrow{color:#34d399}.wis-hero-card .pg-hero__h1{letter-spacing:0;text-shadow:0 4px 28px rgba(0,0,0,.56)}.wis-hero-card .pg-hero__lead{color:rgba(240,246,255,.78)}.wis-hero-card .pg-hero__tags li{background:rgba(255,255,255,.075);border-color:rgba(52,211,153,.16);color:rgba(240,246,255,.78)}.wis-hero-card .wis-search{background:rgba(255,255,255,.09);border-color:rgba(52,211,153,.24);color:#f8fafc}.wis-hero-card .wis-search:focus{border-color:rgba(52,211,153,.68);background:rgba(255,255,255,.12)}html[data-theme="light"] .pg-hero .wis-hero-bg{filter:saturate(1.02) contrast(1.02) brightness(1);background-image:linear-gradient(90deg,rgba(15,23,42,.58) 0%,rgba(15,23,42,.28) 40%,rgba(15,23,42,.06) 72%),linear-gradient(to bottom,rgba(15,23,42,.02) 0%,rgba(15,23,42,.12) 52%,rgba(15,23,42,.60) 100%),url("../assets/images/wissen-hero-learning-lab.png")}html[data-theme="light"] .wis-hero-card{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.66));border-color:rgba(5,150,105,.24);box-shadow:0 28px 90px rgba(15,23,42,.20),0 0 36px rgba(5,150,105,.10)}html[data-theme="light"] .wis-hero-card .pg-hero__h1{color:#0d1117;text-shadow:none}html[data-theme="light"] .wis-hero-card .pg-hero__lead{color:rgba(13,17,23,.68)}html[data-theme="light"] .wis-hero-card .pg-hero__tags li{background:rgba(255,255,255,.72);border-color:rgba(5,150,105,.20);color:rgba(13,17,23,.66)}html[data-theme="light"] .wis-hero-card .wis-search{background:rgba(255,255,255,.78);border-color:rgba(5,150,105,.22);color:#0d1117}@keyframes wisHeroBgDrift{0%{transform:scale(1.035) translate3d(-1.2%,-.7%,0)}45%{transform:scale(1.055) translate3d(.3%,-1.2%,0)}100%{transform:scale(1.07) translate3d(1.1%,.5%,0)}}@keyframes wisHeroLightMove{0%{opacity:.56;transform:translate3d(-1%,1%,0)}100%{opacity:.86;transform:translate3d(1.4%,-1.2%,0)}}@media (max-width:820px){.pg-hero .wis-hero-bg{background-position:60% center}.wis-hero-card{margin:0 auto;text-align:center}.wis-hero-card .pg-hero__actions,.wis-hero-card .pg-hero__tags{justify-content:center}}@media (prefers-reduced-motion:reduce){.pg-hero .wis-hero-bg,.pg-hero .wis-hero-bg::after{animation:none}}
.wis-learning-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0 0 1.35rem}.wis-path{position:relative;overflow:hidden;min-height:150px;padding:1.2rem;border:1px solid var(--wis-brd);border-radius:var(--wis-r);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.45rem;box-shadow:0 16px 42px rgba(0,0,0,.12);transition:transform .2s,border-color .2s,box-shadow .2s}.wis-path::before{content:"";position:absolute;inset:auto -20% -45% -20%;height:90px;background:radial-gradient(circle,rgba(52,211,153,.22),transparent 66%);pointer-events:none}.wis-path:hover{transform:translateY(-3px);border-color:rgba(52,211,153,.30);box-shadow:0 20px 54px rgba(0,0,0,.18)}.wis-path__kicker{font-family:var(--font-heading);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--wis-wa)}.wis-path strong{font-family:var(--font-heading);font-size:1.02rem;line-height:1.25;color:var(--wis-fg)}.wis-path span:last-child{font-size:.82rem;line-height:1.55;color:var(--wis-fg-mut)}.wis-path--advanced::before{background:radial-gradient(circle,rgba(45,212,191,.18),transparent 66%)}.wis-path--pro::before{background:radial-gradient(circle,rgba(239,68,68,.18),transparent 66%)}.wis-kurs{overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 16px 44px rgba(0,0,0,.12)}.wis-kurs::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--wis-wa);opacity:.85}.wis-kurs::after{content:"";position:absolute;right:-44px;top:-44px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,.16),transparent 64%);pointer-events:none}.wis-kurs__topics{display:flex;gap:.35rem;flex-wrap:wrap;margin:.75rem 0 .1rem}.wis-kurs__topic{font-family:var(--font-heading);font-size:.63rem;font-weight:700;color:var(--wis-fg-mut);border:1px solid var(--wis-brd);background:rgba(255,255,255,.035);border-radius:999px;padding:.16rem .48rem}.wis-kurs__cta{position:relative;z-index:1}.wis-kurs:hover .wis-kurs__cta{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}html[data-theme="light"] .wis-path,html[data-theme="light"] .wis-kurs{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,255,255,.82));box-shadow:0 16px 44px rgba(15,23,42,.08)}@media (max-width:900px){.wis-learning-paths{grid-template-columns:1fr}}
html[data-world="wissen"] body.pg-page > main{width:100%;max-width:none;margin:0;padding:0 0 7rem}html[data-world="wissen"] body.pg-page .pg-hero{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}html[data-world="wissen"] body.pg-page .wis-tabs-bar,html[data-world="wissen"] body.pg-page .wis-section,html[data-world="wissen"] body.pg-page .pg-xnav{width:100%}
html[data-world="wissen"] .wis-hero-card{position:relative;z-index:10;width:min(880px,calc(100% - 3.2rem));max-width:none;margin:0 auto 4rem;padding:2.2rem 2.6rem 2.4rem;border-radius:22px;border:1px solid rgba(52,211,153,.20);background:rgba(6,9,13,.72);backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1);box-shadow:0 22px 64px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.035) inset,0 0 42px rgba(52,211,153,.08);align-self:auto;text-align:left}html[data-world="wissen"] .wis-hero-card .pg-hero__brand{align-items:flex-start;gap:.85rem;margin-bottom:1.2rem}html[data-world="wissen"] .wis-hero-card .pg-hero__h1{font-size:clamp(1.7rem,4vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;text-shadow:none}html[data-world="wissen"] .wis-hero-card .pg-hero__lead{max-width:640px;margin:0 0 1.6rem;color:rgba(240,246,255,.70)}html[data-world="wissen"] .wis-hero-card .pg-hero__actions{margin:0}html[data-world="wissen"] .wis-hero-card .pg-hero__tags{margin-top:1.4rem}html[data-world="wissen"] .wis-hero-card .pg-hero__tags li{background:var(--wis-wa-dim);border-color:var(--wis-wa-glow);color:var(--wis-wa)}html[data-world="wissen"] .wis-hero-card .wis-search-wrap{max-width:460px;margin:1.5rem 0 0}html[data-world="wissen"] .wis-hero-card .wis-search{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);box-shadow:none}html[data-theme="light"][data-world="wissen"] .wis-hero-card{background:rgba(255,255,255,.90);border-color:rgba(5,150,105,.18);box-shadow:0 22px 64px rgba(0,0,0,.12),0 0 34px rgba(5,150,105,.08)}html[data-theme="light"][data-world="wissen"] .wis-hero-card .pg-hero__lead{color:rgba(13,17,23,.68)}html[data-theme="light"][data-world="wissen"] .wis-hero-card .pg-hero__tags li{background:rgba(16,185,129,.09);border-color:rgba(16,185,129,.18);color:#059669}html[data-theme="light"][data-world="wissen"] .wis-hero-card .wis-search{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.14);color:#0d1117}@media (max-width:860px){html[data-world="wissen"] .wis-hero-card{padding:1.6rem 1.4rem;margin:0 .8rem 1.5rem;width:auto;text-align:left}html[data-world="wissen"] .wis-hero-card .pg-hero__actions,html[data-world="wissen"] .wis-hero-card .pg-hero__tags{justify-content:flex-start}}

/* Systems-like Wissen rhythm */
html[data-world="wissen"] body.pg-page .pg-hero { min-height: clamp(560px, 75vh, 820px); }
html[data-world="wissen"] .wis-tabs-bar { top: 58px; z-index: 150; background: rgba(6,9,13,.82); backdrop-filter: blur(20px) saturate(1.4); -webkit-backdrop-filter: blur(20px) saturate(1.4); border-bottom: 1px solid rgba(255,255,255,.06); }
html[data-world="wissen"] .wis-tabs { max-width: none; width: max-content; min-width: 100%; height: 42px; padding: 0 1.4rem; gap: .25rem; align-items: center; }
html[data-world="wissen"] .wis-tab { border-bottom: 0; border-radius: 999px; padding: .3rem .75rem; font-size: .72rem; font-weight: 700; letter-spacing: .03em; color: rgba(240,246,255,.42); }
html[data-world="wissen"] .wis-tab:hover { color: rgba(240,246,255,.85); background: rgba(255,255,255,.07); }
html[data-world="wissen"] .wis-tab.is-active { color: var(--wis-wa); background: var(--wis-wa-dim); }
html[data-world="wissen"] .wis-tab--cta { color: var(--wis-wa) !important; border: 1px solid var(--wis-wa-glow); margin-left: .5rem; }
html[data-world="wissen"] .wis-tab--cta:hover { background: var(--wis-wa-dim); }
html[data-theme="light"][data-world="wissen"] .wis-tabs-bar { background: #eef2f5 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-bottom-color: rgba(0,0,0,.08) !important; }
html[data-theme="light"][data-world="wissen"] .wis-tab { color: rgba(13,17,23,.45); }
html[data-theme="light"][data-world="wissen"] .wis-tab:hover { color: #0d1117; background: rgba(0,0,0,.05); }
html[data-theme="light"][data-world="wissen"] .wis-tab.is-active { color: var(--wis-wa); }
@media (max-width: 820px) { html[data-world="wissen"] .wis-tabs-bar { display: none; } }

/* Wis-burger: override shared --wa vars with wis-wa */
@media (max-width: 820px) {
  .wis-burger {
    border-color: var(--wis-wa-glow);
    box-shadow: 0 8px 32px rgba(0,0,0,.4), 0 0 24px var(--wis-wa-dim);
    color: var(--wis-wa);
  }
  .wis-burger:hover { background: var(--wis-wa-dim); }
}

/* Wissen mobile menu: z-index + link styles */
.wis-mobile-menu { z-index: 495; }
.wis-overlay { display: none; position: fixed; inset: 0; z-index: 490; background: rgba(0,0,0,.6); backdrop-filter: blur(4px); }
.wis-overlay.is-open { display: block; }
.wis-mobile-menu__link { display: flex; align-items: center; gap: .75rem; padding: .75rem 1rem; border-radius: 12px; font-size: .9rem; font-weight: 500; color: rgba(240,246,255,.6); text-decoration: none; transition: background .18s, color .18s; }
.wis-mobile-menu__link:hover { color: #f0f6ff; background: rgba(255,255,255,.07); }
.wis-mobile-menu__link svg { color: var(--wis-wa); flex-shrink: 0; }
.wis-mobile-menu__link--cta { color: var(--wis-wa) !important; font-weight: 700; border: 1px solid var(--wis-wa-glow); margin: .4rem .4rem 0; }
html[data-theme="light"] .wis-mobile-menu__link { color: rgba(13,17,23,.55); }
html[data-theme="light"] .wis-mobile-menu__link:hover { color: #0d1117; background: rgba(0,0,0,.05); }

/* ── Tipps & Tricks: Category selector ── */
.wis-tipcats {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: .85rem;
  margin-bottom: 2.4rem;
}
.wis-tipcat {
  display: flex; flex-direction: column; gap: .3rem;
  padding: 1.1rem 1.2rem;
  background: var(--wis-card);
  border: 1.5px solid var(--wis-brd);
  border-radius: var(--wis-r);
  cursor: pointer; text-align: left;
  transition: border-color .18s, transform .18s, box-shadow .18s;
  position: relative; overflow: hidden;
}
.wis-tipcat::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(135deg, color-mix(in srgb, var(--tc) 12%, transparent), transparent 60%);
  opacity: 0; transition: opacity .2s;
}
.wis-tipcat:hover, .wis-tipcat.is-active { border-color: var(--tc); transform: translateY(-3px); box-shadow: 0 12px 36px rgba(0,0,0,.12); }
.wis-tipcat:hover::before, .wis-tipcat.is-active::before { opacity: 1; }
.wis-tipcat.is-active { box-shadow: 0 0 0 1px var(--tc), 0 16px 48px rgba(0,0,0,.14); }
.wis-tipcat__icon { font-size: 1.5rem; line-height: 1; margin-bottom: .1rem; }
.wis-tipcat__label { font-family: var(--font-heading); font-size: .88rem; font-weight: 700; color: var(--wis-fg); line-height: 1.25; }
.wis-tipcat__desc { font-size: .75rem; color: var(--wis-fg-mut); line-height: 1.45; }

/* ── Tip article cards ── */
.wis-tipcards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.1rem;
}
.wis-tipcard {
  display: flex; gap: 1rem; align-items: flex-start;
  padding: 1.3rem 1.4rem;
  background: var(--wis-card);
  border: 1px solid var(--wis-brd);
  border-radius: var(--wis-r);
  text-decoration: none; color: var(--wis-fg);
  transition: transform .18s, border-color .18s, box-shadow .18s;
  position: relative; overflow: hidden;
}
.wis-tipcard::after { content: ""; position: absolute; right: -30px; top: -30px; width: 90px; height: 90px; border-radius: 50%; background: radial-gradient(circle, rgba(52,211,153,.10), transparent 65%); pointer-events: none; }
.wis-tipcard:hover { transform: translateY(-4px); border-color: rgba(52,211,153,.28); box-shadow: 0 14px 40px rgba(0,0,0,.14); }
.wis-tipcard__icon { font-size: 2rem; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; background: var(--wis-wa-dim); border-radius: 14px; flex-shrink: 0; }
.wis-tipcard__body { flex: 1; display: flex; flex-direction: column; gap: .35rem; }
.wis-tipcard__cat { font-family: var(--font-heading); font-size: .66rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; border-radius: 999px; padding: .15rem .5rem; display: inline-block; width: fit-content; }
.wis-tipcard__title { font-family: var(--font-heading); font-size: .9rem; font-weight: 700; line-height: 1.3; color: var(--wis-fg); margin: 0; }
.wis-tipcard__desc { font-size: .78rem; color: var(--wis-fg-mut); line-height: 1.5; margin: 0; }
.wis-tipcard__meta { font-size: .72rem; color: var(--wis-fg-mut); margin-top: .2rem; }
.wis-tipcard__arrow { font-size: .9rem; color: var(--wis-fg-mut); flex-shrink: 0; margin-top: .2rem; transition: transform .15s; }
.wis-tipcard:hover .wis-tipcard__arrow { transform: translateX(4px); }
@media (max-width: 1100px) { .wis-tipcats { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) { .wis-tipcats { grid-template-columns: repeat(3, 1fr); } .wis-tipcards-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .wis-tipcats { grid-template-columns: repeat(2, 1fr); } .wis-tipcards-grid { grid-template-columns: 1fr; } }
@media (max-width: 400px) { .wis-tipcats { grid-template-columns: 1fr; } }

/* ── Redesign 2026: learning paths bigger on desktop ── */
.wis-learning-paths { gap: 1.3rem; margin: 0 0 2rem; }
.wis-path { min-height: 200px; padding: 1.6rem; gap: .6rem; }
.wis-path strong { font-size: 1.1rem; }

/* ── Redesign 2026: news card featured bigger body text ── */
.wis-news-card--feat .wis-news__body { font-size: .96rem; }
.wis-news-card--feat { display: flex; flex-direction: column; }
.wis-news-card { border-radius: 18px; }

/* ── Redesign 2026: course cards more airy ── */
.wis-kurs { padding: 2rem 2rem 1.8rem; }
.wis-kurs__title { font-size: 1.12rem; }
.wis-kurs__desc { font-size: .9rem; }

/* ── Redesign 2026: section numbers as bg ghost ── */
.wis-head {
  position: relative;
  padding-top: 3.5rem;
  margin-bottom: 3rem;
  overflow: visible;
}
.wis-head__num {
  position: absolute; top: -1rem; left: -.25rem; z-index: 0;
  font-size: clamp(5rem, 10vw, 9rem); font-weight: 900; line-height: 1;
  letter-spacing: -.05em; color: var(--wis-wa); opacity: .08;
  pointer-events: none; user-select: none; font-family: var(--font-heading);
}
.wis-head__eyebrow,
.wis-head__title,
.wis-head__sub  { position: relative; z-index: 1; }

/* Neuigkeiten: featured card spans both rows */
.wis-news-card--feat { min-height: 360px; }

/* Kurs filter pills row */
.wis-kurs-filter { margin: 0 0 1.8rem; gap: .6rem; }

/* Article cards: slightly bigger text */
.wis-card__title { font-size: 1rem; }