:root{color-scheme:light dark;--bg:#f7f9ff;--bg-soft:#eef4ff;--surface:#fff;--surface-soft:#eff4ff;--dark:#06142a;--dark-2:#0b1a33;--text:#071326;--muted:#425168;--border:#dfe7f5;--accent:#2f6bff;--green:#13a66b;--purple:#7c3fe8;--blue:#1558e8;--shadow:0 18px 40px rgba(15,35,70,.10);--font-scale:1;--container:1380px}[data-theme=dark]{color-scheme:dark;--bg:#081120;--bg-soft:#0c172a;--surface:#101b2f;--surface-soft:#17243d;--text:#f7faff;--muted:#c4cee0;--border:#263957;--accent:#7ba4ff;--shadow:0 18px 40px rgba(0,0,0,.35)}[data-font-size=small]{--font-scale:.94}[data-font-size=large]{--font-scale:1.12}*{box-sizing:border-box}html{font-size:calc(16px * var(--font-scale));scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);line-height:1.55;background:radial-gradient(circle at 15% 0%,rgba(47,107,255,.16),transparent 28rem),radial-gradient(circle at 85% 8%,rgba(122,70,232,.16),transparent 30rem),linear-gradient(180deg,var(--bg-soft),var(--bg) 32rem)}body:before{content:"";position:fixed;inset:76px 0 auto 0;height:210px;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(255,255,255,.20) 0 1px,transparent 1px 16px);opacity:.55;z-index:-1}a{color:var(--accent);text-underline-offset:.18em}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:4px solid var(--accent);outline-offset:4px;border-radius:10px}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.skip-link{position:absolute;left:1rem;top:1rem;z-index:30;padding:.75rem 1rem;background:var(--accent);color:white;border-radius:999px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:20;color:white;background:linear-gradient(90deg,#06142a,#031026);border-bottom:1px solid rgba(255,255,255,.10);box-shadow:0 10px 28px rgba(0,0,0,.18)}.header-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:76px}.brand{display:inline-flex;align-items:center;gap:.8rem;color:white;text-decoration:none}.brand strong{display:block;font-size:1.65rem;line-height:1;letter-spacing:-.04em}.brand small{display:block;margin-top:.25rem;color:rgba(255,255,255,.78);font-size:.82rem}.brand-mark{display:grid;place-items:center;width:2.7rem;height:2.7rem;color:#9ab7ff;font-size:2.2rem;line-height:1}.site-nav{justify-self:end;display:flex;align-items:center;gap:1.45rem}.site-nav a{color:white;text-decoration:none;font-weight:650;padding-block:.55rem;border-bottom:2px solid transparent}.site-nav a[aria-current=page]{border-bottom-color:var(--accent)}.accessibility-panel{display:flex;align-items:center;gap:.45rem}.accessibility-panel button{border:0;border-radius:.65rem;background:rgba(255,255,255,.12);color:white;min-width:2rem;height:2rem;cursor:pointer;font-weight:800}.accessibility-panel button:nth-child(3){font-size:1.35rem}.hero{padding:1.4rem 0 1rem;text-align:center}.hero h1{margin:0;font-size:clamp(2rem,4vw,3.1rem);line-height:1.1;letter-spacing:-.05em}.block{margin-top:.5rem;padding:1rem;background:rgba(255,255,255,.72);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}[data-theme=dark] .block{background:rgba(16,27,47,.74)}.block-title,.weekly-heading{display:flex;align-items:center;gap:.65rem}.block-title span{color:var(--accent);font-size:1.6rem}.block-title h2,.weekly-heading h2,.links-panel h2{margin:0;font-size:1.18rem;letter-spacing:-.02em}.ai-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-top:.8rem}.ai-card{display:flex;flex-direction:column;min-height:218px;padding:1rem;color:white;background:radial-gradient(circle at 18% 0%,rgba(60,120,255,.18),transparent 40%),linear-gradient(145deg,var(--dark-2),var(--dark));border:1px solid rgba(151,179,231,.22);border-radius:12px;box-shadow:0 10px 24px rgba(2,9,21,.20)}.tool-icon{display:grid;place-items:center;width:3.2rem;height:3.2rem;margin-bottom:1rem;border-radius:.85rem;color:white;font-weight:900;background:rgba(47,107,255,.22)}.tool-icon.chatgpt{background:linear-gradient(135deg,#00a67e,#124d94)}.tool-icon.perplexity{background:#0d2455}.tool-icon.copilot{background:linear-gradient(135deg,#fff,#3875ff);color:#0d2455}.tool-icon.gemini{background:linear-gradient(135deg,#11367b,#0d2455)}.ai-card h3{margin:0 0 .6rem;font-size:1.28rem}.ai-card p{margin:0;color:rgba(255,255,255,.88)}.ai-card a{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:auto;min-height:2.65rem;padding:.65rem .8rem;border-radius:.55rem;color:white;background:linear-gradient(90deg,#3c72ff,#2b64ff);text-decoration:none;font-weight:800}.weekly-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:.9rem}.weekly-card,.sister-card,.links-panel,.legal-card,.archive-entry{background:rgba(255,255,255,.84);border:1px solid var(--border);border-radius:13px;box-shadow:0 10px 22px rgba(15,35,70,.06);backdrop-filter:blur(14px)}[data-theme=dark] .weekly-card,[data-theme=dark] .sister-card,[data-theme=dark] .links-panel,[data-theme=dark] .legal-card,[data-theme=dark] .archive-entry{background:rgba(16,27,47,.88)}.weekly-card{padding:1rem}.weekly-heading span{font-size:1.65rem}.tip-card .weekly-heading,.tip-card .weekly-heading h2{color:var(--green)}.news-card .weekly-heading,.news-card .weekly-heading h2{color:var(--blue)}.website-card .weekly-heading,.website-card .weekly-heading h2{color:var(--purple)}.weekly-card h3{margin:.75rem 0 .4rem;font-size:1.08rem}.weekly-card p{margin:0 0 1rem}.weekly-card ul{margin:.55rem 0 1rem;padding-left:1.25rem}.weekly-card li+li{margin-top:.38rem}.small-button{display:inline-flex;align-items:center;gap:.4rem;padding:.52rem .9rem;border-radius:.45rem;color:white;text-decoration:none;font-weight:800;font-size:.9rem}.small-button.green{background:linear-gradient(90deg,#13a66b,#23b07a)}.small-button.blue{background:linear-gradient(90deg,#1558e8,#0940c4)}.small-button.purple{background:linear-gradient(90deg,#7c3fe8,#8c48f0)}.lower-grid{display:grid;grid-template-columns:.95fr 2.05fr;gap:.9rem;margin-top:.9rem;margin-bottom:1rem}.sister-card{padding:1rem}.kicker{margin:0 0 .75rem;font-weight:850}.sister-head{display:flex;align-items:center;gap:.85rem}.sister-logo{display:grid;place-items:center;flex:0 0 auto;width:4rem;height:4rem;border-radius:50%;color:#7ef0b8;background:#071326;font-family:Georgia,serif;font-size:2.9rem;font-style:italic}.sister-card h2{margin:0;font-size:1.65rem;letter-spacing:-.04em}.sister-card p{margin:.6rem 0}.sister-link{display:inline-flex;margin-top:.45rem;padding:.58rem 1rem;border:1px solid #36b87b;border-radius:.45rem;color:#0c9a5e;text-decoration:none;font-weight:850}.links-panel{padding:1rem}.links-panel h2 span{color:var(--muted);font-weight:500}.quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin-top:.75rem}.quick-links a{display:flex;align-items:center;gap:.75rem;min-height:3.4rem;padding:.5rem .7rem;color:white;background:radial-gradient(circle at 0% 0%,rgba(60,120,255,.18),transparent 44%),linear-gradient(145deg,var(--dark-2),var(--dark));border:1px solid rgba(151,179,231,.18);border-radius:.45rem;text-decoration:none}.link-icon{display:grid;place-items:center;flex:0 0 auto;width:2rem;height:2rem;border-radius:.5rem;background:rgba(255,255,255,.12);font-size:.78rem;font-weight:900}.quick-links strong{display:block;color:white;font-size:.9rem;line-height:1.1}.quick-links small{display:block;color:rgba(255,255,255,.76);font-size:.74rem;line-height:1.2;margin-top:.18rem}.eyebrow{margin:0 0 .6rem;color:var(--accent);font-weight:850;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}.legal-page,.archive-page{max-width:920px;padding-block:clamp(2.5rem,6vw,4.5rem)}.legal-page h1,.archive-page h1{margin:0 0 1rem;font-size:clamp(2.2rem,6vw,4.4rem);line-height:1.08;letter-spacing:-.05em}.archive-intro{max-width:680px;color:var(--muted)}.legal-card{padding:1.2rem;margin-block:1rem}.legal-card h2,.archive-content h2{margin:0 0 .55rem;font-size:1.32rem}.legal-card p{color:var(--muted)}.archive-entry{display:grid;grid-template-columns:150px 1fr;gap:1.2rem;padding:1.2rem;margin-block:1rem}.archive-date{color:var(--accent);font-weight:900}.archive-content article+article{margin-top:1.3rem;padding-top:1.3rem;border-top:1px solid var(--border)}.tag{display:inline-flex;margin-bottom:.55rem;padding:.3rem .6rem;border-radius:999px;background:var(--surface-soft);color:var(--accent);font-weight:850;font-size:.85rem}.tag.green{color:var(--green)}.tag.blue{color:var(--blue)}.tag.purple{color:var(--purple)}.site-footer{color:white;background:linear-gradient(90deg,#06142a,#031026);border-top:1px solid rgba(255,255,255,.10)}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem}.footer-brand{display:flex;align-items:center;gap:.75rem}.footer-brand p{margin:0}.footer-brand small{color:rgba(255,255,255,.76)}.site-footer nav{display:flex;flex-wrap:wrap;gap:.9rem}.site-footer a{color:white;text-decoration:none}@media (prefers-color-scheme:dark){html:not([data-theme=light]){color-scheme:dark;--bg:#081120;--bg-soft:#0c172a;--surface:#101b2f;--surface-soft:#17243d;--text:#f7faff;--muted:#c4cee0;--border:#263957;--accent:#7ba4ff;--shadow:0 18px 40px rgba(0,0,0,.35)}}@media (max-width:1120px){.header-grid{grid-template-columns:1fr;padding-block:.9rem}.site-nav{justify-self:start}.ai-grid,.weekly-section,.lower-grid,.quick-links,.archive-entry{grid-template-columns:1fr}.ai-card{min-height:auto}.ai-card a{margin-top:1rem}}@media (max-width:620px){.container{width:min(100% - 1rem,var(--container))}.site-nav,.accessibility-panel,.footer-grid,.footer-brand{align-items:flex-start;justify-content:flex-start}.site-nav{flex-wrap:wrap;gap:.85rem}.footer-grid{flex-direction:column}.brand strong{font-size:1.35rem}.hero h1{font-size:2rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* Gruppierte Link-Sektion für Olinatis */
.grouped-links-panel {
  padding: 1.15rem;
}

.grouped-links-panel > h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4rem;
  margin-bottom: 1rem;
}

.link-category {
  padding: 0.85rem;
  border: 1px solid rgba(151, 179, 231, 0.18);
  border-radius: 0.8rem;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.58), rgba(255,255,255,0.28));
}

[data-theme="dark"] .link-category {
  background:
    linear-gradient(180deg, rgba(23,36,61,0.74), rgba(12,23,42,0.52));
}

.link-category + .link-category {
  margin-top: 0.8rem;
}

.link-category h3 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 0.65rem;
  color: var(--text);
  font-size: 0.98rem;
  letter-spacing: -0.02em;
}

.link-category h3::before {
  content: "";
  display: inline-block;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  background: var(--accent);
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--accent) 16%, transparent);
}

.quick-links.grouped {
  margin-top: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.45rem;
}

.quick-links.grouped.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.quick-links.grouped a {
  min-height: 3.8rem;
  border-radius: 0.65rem;
  transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

.quick-links.grouped a:hover {
  transform: translateY(-1px);
  border-color: rgba(151, 179, 231, 0.42);
  box-shadow: 0 10px 18px rgba(2, 9, 21, 0.18);
}

@media (max-width: 1120px) {
  .quick-links.grouped,
  .quick-links.grouped.three {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .quick-links.grouped,
  .quick-links.grouped.three {
    grid-template-columns: 1fr;
  }

  .link-category {
    padding: 0.75rem;
  }
}


/* Wissen und Startseiten-Teaser */
.knowledge-teaser {
  margin-top: 0.9rem;
}

.knowledge-teaser p,
.knowledge-intro {
  max-width: 820px;
  color: var(--muted);
}

.knowledge-teaser-grid,
.knowledge-grid {
  display: grid;
  gap: 0.45rem;
  margin-top: 0.9rem;
}

.knowledge-teaser-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.knowledge-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.knowledge-teaser-grid a,
.knowledge-grid a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 4rem;
  padding: 0.65rem 0.75rem;
  color: white;
  background:
    radial-gradient(circle at 0% 0%, rgba(60,120,255,0.18), transparent 44%),
    linear-gradient(145deg, var(--dark-2), var(--dark));
  border: 1px solid rgba(151,179,231,0.18);
  border-radius: 0.65rem;
  text-decoration: none;
}

.knowledge-teaser-grid a {
  display: block;
}

.knowledge-teaser-grid strong,
.knowledge-grid strong {
  display: block;
  color: white;
  line-height: 1.15;
}

.knowledge-teaser-grid small,
.knowledge-grid small {
  display: block;
  color: rgba(255,255,255,0.76);
  font-size: 0.76rem;
  line-height: 1.25;
  margin-top: 0.25rem;
}

.knowledge-button {
  display: inline-flex;
  margin-top: 0.85rem;
  padding: 0.58rem 1rem;
  border-radius: 0.45rem;
  color: white;
  background: linear-gradient(90deg,#1558e8,#0940c4);
  text-decoration: none;
  font-weight: 850;
}

.knowledge-overview {
  margin-top: 0.9rem;
}

.knowledge-articles {
  max-width: 920px;
  margin-top: 0.9rem;
  margin-bottom: 1rem;
}

.knowledge-card {
  background: rgba(255,255,255,0.84);
  border: 1px solid var(--border);
  border-radius: 13px;
  box-shadow: 0 10px 22px rgba(15,35,70,0.06);
  backdrop-filter: blur(14px);
  padding: clamp(1rem, 2.4vw, 1.45rem);
}

[data-theme="dark"] .knowledge-card {
  background: rgba(16,27,47,0.88);
}

.knowledge-card + .knowledge-card {
  margin-top: 1rem;
}

.knowledge-card h2 {
  margin: 0 0 0.4rem;
  font-size: clamp(1.45rem, 3vw, 2.1rem);
  line-height: 1.15;
  letter-spacing: -0.04em;
}

.knowledge-card h3 {
  margin: 1rem 0 0.35rem;
  font-size: 1.1rem;
}

.knowledge-card p {
  color: var(--muted);
}

.reading-time {
  margin-top: 0;
  font-weight: 750;
  color: var(--text) !important;
}

@media (max-width: 1120px) {
  .knowledge-teaser-grid,
  .knowledge-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .knowledge-teaser-grid,
  .knowledge-grid {
    grid-template-columns: 1fr;
  }
}