:root{--accent:#10b981;--accent-dark:#047857;--bg:#fff;--surface:#fff;--soft:#f5f7f7;--text:#111827;--muted:#4b5563;--border:#d8dedc;--shadow:0 14px 40px rgba(17,24,39,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}button,input,select{font:inherit;color:inherit}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:24px;background:var(--surface);z-index:20}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:46px;height:46px;border-radius:14px;background:var(--accent);display:grid;place-items:center;font-weight:900;color:#06251b}.brand small{display:block;color:var(--muted)}.sidebar nav{display:grid;gap:6px}.sidebar nav button,.theme-row button{border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer}.sidebar nav button:hover,.sidebar nav button:focus-visible{background:#eafaf4}.filter-panel{border-top:1px solid var(--border);padding-top:18px;overflow:auto}.filter-panel h2{margin:0 0 12px}.search-label{font-weight:700}.search-label input{width:100%;margin-top:6px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}details{border-top:1px solid var(--border);padding:12px 0}summary{font-weight:800;cursor:pointer}.check-list{display:grid;gap:7px;margin-top:10px}.check-list label{display:flex;gap:8px}.filter-panel select{width:100%;margin-top:10px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.text-button{border:0;background:transparent;color:var(--accent-dark);font-weight:800;cursor:pointer;padding:8px 0}.theme-row{margin-top:auto;display:flex;gap:8px}.theme-row button{border:1px solid var(--border);flex:1;text-align:center}.sidebar footer{font-size:.8rem;color:var(--muted)}.main{min-width:0;padding:42px clamp(22px,4vw,68px)}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding-bottom:34px;border-bottom:1px solid var(--border)}.hero h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.02;max-width:900px;margin:.15em 0}.hero p{max-width:780px;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.77rem;font-weight:900;color:var(--accent-dark)}button,.file-btn{border:1px solid var(--border);background:var(--surface);padding:10px 14px;border-radius:11px;font-weight:800;cursor:pointer}.primary{background:var(--accent);border-color:var(--accent);color:#06251b}.quick-section{padding:34px 0}.quick-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.quick-head h2{font-size:1.6rem;margin:0}.quick-filters{display:flex;gap:10px;overflow:auto;padding:14px 1px}.quick-filter{white-space:nowrap}.quick-filter.active,.quick-filter[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.quick-filter span{background:rgba(0,0,0,.06);padding:2px 7px;border-radius:999px;margin-left:5px}.tools-section{padding-top:18px}.tools-head{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid var(--border);padding-bottom:18px}.tools-head h2{font-size:2.4rem;margin:0}.sort-view{display:flex;align-items:end;gap:8px}.sort-view label{display:grid;font-weight:700}.sort-view select{padding:9px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px 0}.tool-card{display:flex;flex-direction:column;min-height:340px;border:1px solid var(--border);border-radius:18px;padding:22px;background:var(--surface);box-shadow:0 4px 14px rgba(17,24,39,.035);transition:.2s}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.tool-card[hidden]{display:none!important}.tool-symbol{width:58px;height:58px;border-radius:50%;background:#e8f8f2;color:var(--accent-dark);display:grid;place-items:center;font-size:1.7rem}.tool-card h3{font-size:1.35rem;margin:12px 0 5px}.card-description{color:var(--muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.tag-row span{background:var(--soft);border-radius:999px;padding:5px 9px;font-size:.78rem}.tool-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.bookmark-btn{font-size:1.4rem;border:0;padding:4px}.details-btn{border:0;background:transparent}.list-view{grid-template-columns:1fr}.list-view .tool-card{min-height:0;display:grid;grid-template-columns:70px 1fr auto;gap:16px}.list-view .tool-card footer{border:0;gap:8px}.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.active-filters button{padding:6px 9px;background:var(--soft)}.empty{text-align:center;padding:60px}.overlay{position:fixed;inset:0;background:rgba(5,11,9,.72);z-index:100;display:grid;place-items:center;padding:22px}.overlay[hidden]{display:none!important}.modal,.bookmark-modal{width:min(1180px,100%);max-height:94vh;overflow:auto;background:var(--surface);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.modal-header,.bookmark-modal>header{display:flex;justify-content:space-between;gap:20px;padding:28px 32px 18px}.modal-header h2,.bookmark-modal h2{font-size:2.5rem;margin:4px 0}.icon-btn{width:46px;height:46px;padding:0;font-size:1.4rem}.tabs,.modal-actions{display:flex;gap:8px;padding:12px 32px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:auto}.tabs button.active{background:var(--accent);border-color:var(--accent)}.modal-content{padding:28px 32px}.modal-footer,.bookmark-modal footer{display:flex;justify-content:flex-end;gap:8px;padding:18px 32px;border-top:1px solid var(--border)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.content-card,.training-card,.source-card{border:1px solid var(--border);border-radius:16px;padding:20px;background:var(--surface)}.content-card h3,.training-card h3{margin-top:0}.content-card ul,.training-card ul{padding-left:20px}.workflow{display:flex;gap:10px;overflow:auto}.workflow-step{min-width:150px;background:var(--soft);border-radius:12px;padding:12px}.workflow-step b{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--accent);margin-right:7px}.info-model{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:stretch}.info-column{background:var(--soft);padding:16px;border-radius:14px}.info-arrow{display:grid;place-items:center;color:var(--accent-dark);font-size:1.7rem}.training-head{margin-bottom:16px}.meta-row{display:flex;flex-wrap:wrap;gap:8px}.meta-row span{background:var(--soft);padding:7px 11px;border-radius:999px;font-weight:700}.training-task{border:2px solid var(--accent);border-left:9px solid var(--accent);border-radius:18px;padding:26px;margin:18px 0;background:#fff;color:#111827}.training-task h3{font-size:1.5rem}.url-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px dashed var(--border);padding-top:18px;margin-top:18px}.url-row code{flex:1;min-width:220px;background:var(--soft);padding:11px;border-radius:10px}.training-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.step-list{display:grid;gap:10px}.step-item{display:flex;gap:10px}.step-item b{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--accent)}.check-list-ui{list-style:none!important;padding:0!important}.check-list-ui li:before{content:'☐';margin-right:10px}.bookmark-actions{display:flex;gap:10px;padding:0 32px 22px;flex-wrap:wrap}.bookmark-list{padding:0 32px 28px;display:grid;gap:14px}.bookmark-item{border:1px solid var(--border);border-radius:16px;padding:18px}.bookmark-item header{display:flex;justify-content:space-between}.bookmark-item-actions{display:flex;gap:8px;flex-wrap:wrap}.danger{color:#b42318;border-color:#e35b52}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,120px);background:#111827;color:#fff;padding:12px 18px;border-radius:12px;z-index:200;transition:.2s}.toast.show{transform:translate(-50%,0)}.mobile-menu{display:none;position:fixed;top:12px;left:12px;z-index:50}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:19}.scrim[hidden]{display:none!important}[data-theme=dark]{--bg:#191c1b;--surface:#242827;--soft:#303534;--text:#fff;--muted:#d1d5db;--border:#48504e}.training-task{background:#fff!important;color:#111827!important}[data-theme=dark] .tool-symbol{background:#164e3e;color:#b7f7df}
@media(max-width:1100px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.content-grid .full{grid-column:auto}.training-layout{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell{display:block}.mobile-menu{display:block}.sidebar{position:fixed;left:-310px;width:290px;transition:.2s}.sidebar.open{left:0}.main{padding:70px 18px 30px}.hero{display:block}.hero .primary{margin-top:15px}.quick-head,.tools-head{display:block}.sort-view{margin-top:15px}.tool-grid{grid-template-columns:1fr}.modal,.bookmark-modal{border-radius:16px}.modal-header,.bookmark-modal>header,.modal-content,.tabs,.modal-actions,.modal-footer,.bookmark-actions,.bookmark-list{padding-left:18px;padding-right:18px}.modal-header h2{font-size:2rem}.info-model{grid-template-columns:1fr}.info-arrow{transform:rotate(90deg)}.training-layout{grid-template-columns:1fr}.list-view .tool-card{display:flex}.url-row{display:grid}.sidebar footer{display:none}}

/* v23: stabile Kartenaktionen und Dialoge */
.tool-card{position:relative}.card-star{position:absolute;top:16px;right:16px;z-index:3;width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:var(--surface);display:grid;place-items:center;font-size:1.45rem}.card-star[aria-pressed="true"]{color:#a16207;background:#fff7d6}.tool-card footer{justify-content:flex-end}.dialog-open{overflow:hidden}.overlay{display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px;overscroll-behavior:contain}.modal,.bookmark-modal{margin:0 auto;max-height:calc(100dvh - 48px);position:relative;overflow:auto}.bookmark-list{max-height:none}.bookmark-modal>header{position:sticky;top:0;background:var(--surface);z-index:4;border-bottom:1px solid var(--border)}.modal-header{position:sticky;top:0;background:var(--surface);z-index:5;border-bottom:1px solid var(--border)}.bookmark-item-actions button,.bookmark-actions button,.bookmark-actions .file-btn{pointer-events:auto}.details-btn,.card-star{pointer-events:auto}
@media(max-width:760px){.overlay{padding:0}.modal,.bookmark-modal{max-height:100dvh;min-height:100dvh;border-radius:0}.card-star{top:12px;right:12px}}

.filter-note{font-size:.84rem;color:var(--muted);margin:4px 0 10px;line-height:1.4}.related-toggle{display:flex;gap:8px;align-items:flex-start;padding:10px 0 14px;border-bottom:1px solid var(--border);font-size:.9rem}.related-toggle input{margin-top:3px}.match-note{font-size:.78rem;color:var(--muted)}

/* Dynamische Seitenhöhe: keine künstlich gestreckten Vollbild-Container */
html,body{min-height:0;height:auto}
.app-shell{min-height:0;align-items:start}
.sidebar{height:auto;min-height:0;max-height:none;align-self:start}
.theme-row{margin-top:18px}
.main{align-self:start;padding-bottom:28px}
.tools-section,.tool-grid{min-height:0}
.sidebar footer{margin-top:18px}

@media (min-width:761px){
  .sidebar{position:sticky;top:0;overflow:visible}
}

/* v2.7 Prozessfilter: additive UI-Anpassungen */
body{background:linear-gradient(180deg,rgba(16,185,129,.10) 0,rgba(16,185,129,.035) 260px,var(--bg) 620px)}
.hero{background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.22);border-radius:24px;padding:clamp(24px,4vw,48px);margin-bottom:10px}
.tool-card{position:relative}
.card-star{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--accent);color:#065f46;box-shadow:0 6px 16px rgba(16,185,129,.18);z-index:2}
.card-star[aria-pressed=true]{background:var(--accent);color:#06251b}
.process-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}
.process-tags span{font-size:.75rem;font-weight:750;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.28);color:#064e3b;padding:4px 8px;border-radius:999px}
[data-theme=dark] .process-tags span{background:rgba(16,185,129,.18);color:#d1fae5;border-color:rgba(16,185,129,.45)}
[data-theme=dark] .card-star{background:#fff;color:#064e3b}
[data-theme=dark] .card-star[aria-pressed=true]{background:var(--accent);color:#06251b}
.filter-note{font-size:.86rem;color:var(--muted);margin:7px 0 10px}
@media(max-width:720px){.hero{padding:24px 18px}.process-tags span{font-size:.7rem}}

/* v2.8 – visuelle Konsolidierung der Startseite */
:root{
  --accent-rgb:16,185,129;
  --radius-sm:12px;
  --radius-md:18px;
  --radius-lg:26px;
}

body{
  font-size:16px;
  background:var(--bg);
}

.app-shell{
  grid-template-columns:250px minmax(0,1fr);
  width:100%;
}

.sidebar{
  padding:22px 20px;
  gap:20px;
  box-shadow:8px 0 30px rgba(17,24,39,.035);
}

.brand-mark{
  color:#fff;
  box-shadow:0 8px 22px rgba(var(--accent-rgb),.22);
}

.sidebar nav button{
  min-height:44px;
  font-size:.98rem;
  font-weight:750;
}

.filter-panel{
  padding-top:20px;
}

.filter-panel h2{
  font-size:1.45rem;
  letter-spacing:-.02em;
}

.search-label input{
  min-height:48px;
  font-size:1rem;
  padding:12px 14px;
}

.filter-panel details{
  margin-top:10px;
  padding:15px 0;
}

.filter-panel summary{
  font-size:1.03rem;
  line-height:1.3;
}

.check-list{
  gap:10px;
  padding-top:4px;
}

.check-list label{
  align-items:flex-start;
  font-size:.96rem;
  line-height:1.35;
}

.check-list input,
.related-toggle input{
  width:18px;
  height:18px;
  accent-color:var(--accent);
  flex:0 0 auto;
}

.main{
  padding:30px clamp(22px,3.5vw,54px) 34px;
}

.hero{
  min-height:300px;
  align-items:center;
  background:linear-gradient(135deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.07));
  border:1px solid rgba(var(--accent-rgb),.24);
  box-shadow:0 16px 44px rgba(17,24,39,.055);
  overflow:hidden;
  position:relative;
}

.hero:after{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  right:-140px;
  bottom:-210px;
  background:rgba(var(--accent-rgb),.12);
  pointer-events:none;
}

.hero h1{
  font-size:clamp(2.65rem,5.4vw,5rem);
  line-height:.98;
  letter-spacing:-.055em;
  max-width:920px;
  margin:.18em 0 .28em;
}

.hero p{
  max-width:880px;
  font-size:clamp(1rem,1.35vw,1.22rem);
  line-height:1.55;
  margin-bottom:0;
}

.hero .primary{
  flex:0 0 auto;
  min-width:158px;
  min-height:56px;
  position:relative;
  z-index:1;
}

button.primary,
.quick-filter.active,
.quick-filter[aria-pressed=true],
.tabs button.active{
  color:#fff !important;
  background:var(--accent);
  border-color:var(--accent);
}

.quick-section{
  padding:30px 0 18px;
}

.quick-head{
  align-items:center;
}

.quick-head h2{
  font-size:clamp(1.45rem,2.2vw,2rem);
  letter-spacing:-.025em;
}

.quick-filters{
  gap:9px;
  padding:16px 2px 8px;
  scrollbar-width:thin;
}

.quick-filter{
  min-height:44px;
  padding:9px 13px;
  border-radius:13px;
}

.tools-head{
  align-items:center;
  padding:24px 0 20px;
}

.tools-head h2{
  font-size:clamp(2rem,3.4vw,3rem);
  letter-spacing:-.04em;
}

.tool-grid{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px;
  padding:24px 0 8px;
}

.tool-card{
  min-height:350px;
  padding:24px;
  border-radius:20px;
  box-shadow:0 8px 24px rgba(17,24,39,.05);
}

.tool-card:hover{
  border-color:rgba(var(--accent-rgb),.5);
  box-shadow:0 18px 42px rgba(17,24,39,.11);
}

.tool-symbol{
  width:54px;
  height:54px;
  font-size:1.55rem;
}

.tool-card .eyebrow{
  margin-top:14px;
}

.tool-card h3{
  font-size:1.48rem;
  letter-spacing:-.025em;
  margin:12px 0 10px;
}

.card-description{
  font-size:1rem;
  line-height:1.58;
}

.process-tags{
  margin-top:18px;
  gap:7px;
}

.process-tags span{
  font-size:.78rem;
  padding:5px 9px;
}

.tool-card footer{
  padding-top:18px;
  margin-top:20px;
}

.details-btn{
  font-size:1rem;
  color:var(--text);
}

.card-star{
  width:44px;
  height:44px;
  background:var(--surface);
  color:var(--accent-dark);
  border:2px solid rgba(var(--accent-rgb),.65);
}

.card-star[aria-pressed=true]{
  background:var(--accent);
  color:#fff;
  box-shadow:0 8px 20px rgba(var(--accent-rgb),.3);
}

/* Dark Mode: klare Kontraste statt heller Mintfläche */
[data-theme=dark]{
  --bg:#151a18;
  --surface:#202624;
  --soft:#2b3230;
  --text:#f8fafc;
  --muted:#d5dbd8;
  --border:#46504d;
}

[data-theme=dark] body{
  background:#151a18;
}

[data-theme=dark] .sidebar{
  background:#1c211f;
  box-shadow:8px 0 30px rgba(0,0,0,.18);
}

[data-theme=dark] .hero{
  background:linear-gradient(135deg,#123f33 0%,#19342c 55%,#202624 100%);
  border-color:rgba(var(--accent-rgb),.38);
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}

[data-theme=dark] .hero:after{
  background:rgba(var(--accent-rgb),.12);
}

[data-theme=dark] .hero h1,
[data-theme=dark] .hero p,
[data-theme=dark] .hero .eyebrow{
  color:#fff;
}

[data-theme=dark] .hero p{
  color:#e4ece8;
}

[data-theme=dark] .tool-card{
  background:#222826;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}

[data-theme=dark] .tool-card:hover{
  border-color:rgba(var(--accent-rgb),.75);
  box-shadow:0 18px 42px rgba(0,0,0,.34);
}

[data-theme=dark] .search-label input,
[data-theme=dark] select,
[data-theme=dark] button:not(.primary):not(.active),
[data-theme=dark] .file-btn{
  background:#242b29;
  color:#fff;
}

[data-theme=dark] input::placeholder{
  color:#c7cfcc;
  opacity:1;
}

[data-theme=dark] .quick-filter.active,
[data-theme=dark] .quick-filter[aria-pressed=true],
[data-theme=dark] .tabs button.active{
  color:#fff !important;
}

[data-theme=dark] .card-star{
  background:#fff;
  color:#065f46;
}

[data-theme=dark] .card-star[aria-pressed=true]{
  background:var(--accent);
  color:#fff;
}

[data-theme=dark] .process-tags span{
  background:rgba(var(--accent-rgb),.2);
  color:#e9fff7;
  border-color:rgba(var(--accent-rgb),.55);
}

/* Breitenlogik: keine drei zu schmalen Karten in eingebetteten Ansichten */
@media(max-width:1250px){
  .app-shell{grid-template-columns:230px minmax(0,1fr)}
  .sidebar{padding:20px 16px}
  .main{padding-left:28px;padding-right:28px}
  .tool-grid{grid-template-columns:repeat(auto-fit,minmax(265px,1fr))}
}

@media(max-width:940px){
  .app-shell{display:block}
  .mobile-menu{display:block}
  .sidebar{position:fixed;left:-310px;top:0;width:290px;height:100dvh;overflow:auto;transition:.2s}
  .sidebar.open{left:0}
  .main{padding:70px 20px 30px}
  .hero{min-height:0;display:block}
  .hero .primary{margin-top:22px}
  .tool-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
}

@media(max-width:620px){
  .main{padding:66px 14px 24px}
  .hero{padding:26px 20px;border-radius:20px}
  .hero h1{font-size:clamp(2.4rem,13vw,3.5rem)}
  .hero p{font-size:1rem}
  .tool-grid{grid-template-columns:1fr;gap:16px}
  .tool-card{min-height:0;padding:20px}
  .quick-filters{margin-right:-14px}
  .tools-head h2{font-size:2.1rem}
}

/* Version 29: stabile Kartenstruktur und aufklappbarer Prozesspfad */
.search-label input{
  width:100%;
  min-width:0;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.search-label input::placeholder{font-size:.96rem;letter-spacing:0;color:#6b7280;opacity:1}

.tool-grid{
  align-items:stretch;
  grid-template-columns:repeat(3,minmax(260px,1fr));
}
.tool-card{
  display:grid;
  grid-template-rows:auto 1fr auto;
  min-width:0;
  min-height:410px;
  height:100%;
  padding:24px;
  overflow:hidden;
}
.tool-card-body{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.tool-card .eyebrow{
  padding-right:52px;
  max-width:100%;
  overflow-wrap:anywhere;
}
.tool-card h3{
  width:100%;
  overflow-wrap:anywhere;
  hyphens:auto;
}
.card-description{
  width:100%;
  min-height:6.35em;
  line-height:1.58;
  -webkit-line-clamp:4;
}
.process-tags{
  width:100%;
  align-content:flex-start;
  margin-top:16px;
  margin-bottom:8px;
}
.tool-card footer{
  width:100%;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid var(--border);
}
.details-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:9px 14px;
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--surface);
  color:var(--text);
  font-weight:800;
  white-space:nowrap;
}
.details-btn:hover,.details-btn:focus-visible{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
}

.workflow-section{padding:0;overflow:hidden}
.workflow-panel{border:0;padding:0;margin:0}
.workflow-panel>summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px 22px;
  cursor:pointer;
  background:rgba(16,185,129,.07);
  border-left:6px solid var(--accent);
}
.workflow-panel>summary::-webkit-details-marker{display:none}
.workflow-panel>summary span:first-child{display:grid;gap:2px}
.workflow-panel>summary strong{font-size:1.22rem;color:var(--text)}
.workflow-panel>summary small{font-size:.86rem;font-weight:600;color:var(--muted)}
.workflow-toggle{
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:var(--accent);color:#fff;font-size:1.45rem;font-weight:600;line-height:1;
  transition:transform .2s ease;
}
.workflow-panel[open] .workflow-toggle{transform:rotate(45deg)}
.workflow-path{
  --line:#b7e8d6;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:0;
  list-style:none;
  margin:0;
  padding:28px 22px 24px;
  counter-reset:none;
}
.workflow-step{
  position:relative;
  min-width:0;
  padding:58px 18px 16px;
  text-align:center;
  background:transparent;
}
.workflow-step::before{
  content:"";
  position:absolute;
  top:24px;
  left:0;
  right:0;
  height:3px;
  background:var(--line);
}
.workflow-step:first-child::before{left:50%}
.workflow-step:last-child::before{right:50%}
.workflow-number{
  position:absolute;
  top:6px;
  left:50%;
  transform:translateX(-50%);
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:var(--accent);color:#fff;font-weight:900;
  box-shadow:0 0 0 6px var(--surface),0 5px 14px rgba(16,185,129,.25);
  z-index:1;
}
.workflow-label{
  display:block;
  font-size:.98rem;
  line-height:1.45;
  color:var(--text);
  overflow-wrap:anywhere;
}
[data-theme=dark] .workflow-panel>summary{background:rgba(16,185,129,.14)}
[data-theme=dark] .workflow-path{--line:#34715d}

@media(max-width:1250px){.tool-grid{grid-template-columns:repeat(2,minmax(250px,1fr))}}
@media(max-width:760px){
  .tool-grid{grid-template-columns:1fr}
  .tool-card{min-height:0}
  .card-description{min-height:0}
  .workflow-path{grid-template-columns:1fr;padding:20px 20px 22px}
  .workflow-step{padding:10px 0 10px 56px;text-align:left}
  .workflow-step::before{top:0;bottom:0;left:19px;right:auto;width:3px;height:auto}
  .workflow-step:first-child::before{top:20px;left:19px}
  .workflow-step:last-child::before{right:auto;bottom:calc(100% - 20px)}
  .workflow-number{top:9px;left:20px;transform:translateX(-50%);box-shadow:0 0 0 5px var(--surface)}
}

/* Version 30: vertikaler Prozesspfad nach Referenzdesign */
.workflow-path{
  --workflow-line:rgba(16,185,129,.32);
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  list-style:none;
  margin:0;
  padding:24px 28px 30px;
  background:var(--surface);
}
.workflow-step{
  position:relative;
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  align-items:center;
  gap:22px;
  min-width:0;
  min-height:92px;
  padding:10px 16px 10px 0;
  text-align:left;
  background:transparent;
}
.workflow-step::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:37px;
  width:3px;
  height:auto;
  background:var(--workflow-line);
}
.workflow-step:first-child::before{top:50%;left:37px}
.workflow-step:last-child::before{bottom:50%;right:auto;left:37px}
.workflow-number{
  position:relative;
  top:auto;
  left:auto;
  transform:none;
  z-index:2;
  width:76px;
  height:68px;
  border-radius:4px;
  display:grid;
  place-items:center;
  background:var(--accent);
  color:#fff;
  font-size:1.75rem;
  font-weight:900;
  letter-spacing:.02em;
  box-shadow:0 0 0 7px var(--surface),0 8px 18px rgba(16,185,129,.15);
}
.workflow-step:nth-child(2n) .workflow-number{background:#0ea371}
.workflow-step:nth-child(3n) .workflow-number{background:#0b8f67}
.workflow-step:nth-child(4n) .workflow-number{background:#08785a}
.workflow-step:nth-child(5n) .workflow-number{background:#116052}
.workflow-step:nth-child(6n) .workflow-number{background:#164e45}
.workflow-label{
  position:relative;
  display:flex;
  align-items:center;
  min-height:68px;
  padding:14px 62px 14px 22px;
  border:1px solid var(--border);
  border-left:5px solid rgba(16,185,129,.7);
  border-radius:12px;
  background:linear-gradient(90deg,rgba(16,185,129,.10),rgba(16,185,129,.025));
  color:var(--text);
  font-size:1.08rem;
  font-weight:700;
  line-height:1.45;
  overflow-wrap:anywhere;
  box-shadow:0 5px 16px rgba(17,24,39,.035);
}
.workflow-label::after{
  content:"◇";
  position:absolute;
  right:22px;
  top:50%;
  transform:translateY(-50%);
  color:var(--accent-dark);
  font-size:1.45rem;
  font-weight:500;
}
.workflow-step:hover .workflow-label,
.workflow-step:focus-within .workflow-label{
  border-color:rgba(16,185,129,.55);
  background:linear-gradient(90deg,rgba(16,185,129,.16),rgba(16,185,129,.04));
}
[data-theme=dark] .workflow-path{--workflow-line:rgba(52,211,153,.42)}
[data-theme=dark] .workflow-label{
  background:linear-gradient(90deg,rgba(16,185,129,.18),rgba(16,185,129,.05));
  box-shadow:none;
}
@media(max-width:760px){
  .workflow-path{padding:18px 16px 22px}
  .workflow-step{grid-template-columns:58px minmax(0,1fr);gap:14px;min-height:82px;padding:7px 0}
  .workflow-step::before{left:28px}
  .workflow-step:first-child::before{left:28px}
  .workflow-step:last-child::before{left:28px}
  .workflow-number{width:58px;height:56px;font-size:1.35rem;box-shadow:0 0 0 5px var(--surface)}
  .workflow-label{min-height:56px;padding:12px 42px 12px 16px;font-size:.98rem}
  .workflow-label::after{right:14px;font-size:1.15rem}
}

/* Version 31: kognitiv reduzierte Startseite und dauerhaft erreichbare Auswahl */
@media (min-width:941px){
  .sidebar{
    height:100dvh;
    max-height:100dvh;
    overflow:hidden;
    display:flex;
  }
  .sidebar .filter-panel{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding-right:5px;
    scrollbar-width:thin;
  }
  .sidebar nav{
    flex:0 0 auto;
  }
  #openBookmarks{
    background:rgba(var(--accent-rgb),.11);
    border:1px solid rgba(var(--accent-rgb),.28);
    color:var(--accent-dark);
  }
  #openBookmarks:hover,#openBookmarks:focus-visible{
    background:var(--accent);
    color:#fff;
  }
}

.selection-dock{
  position:fixed;
  top:18px;
  right:24px;
  z-index:70;
  min-height:50px;
  padding:12px 18px;
  border-radius:14px;
  color:#fff !important;
  box-shadow:0 14px 34px rgba(var(--accent-rgb),.28);
}
.selection-dock:hover,.selection-dock:focus-visible{
  background:var(--accent-dark);
  border-color:var(--accent-dark);
  transform:translateY(-1px);
}

.hero{
  display:block;
  min-height:0;
  padding:clamp(28px,4vw,52px);
}
.hero h1{max-width:850px}
.hero p{max-width:860px}

.process-panel{
  margin-top:24px;
  padding:0;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:var(--surface);
  box-shadow:0 10px 30px rgba(17,24,39,.05);
  overflow:hidden;
}
.process-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:26px 28px 20px;
  border-left:7px solid var(--accent);
  background:linear-gradient(90deg,rgba(var(--accent-rgb),.08),transparent 58%);
}
.process-panel-head h2{
  margin:3px 0 7px;
  font-size:clamp(1.65rem,2.4vw,2.25rem);
  letter-spacing:-.035em;
  line-height:1.12;
}
.process-intro{
  margin:0;
  max-width:720px;
  color:var(--muted);
  line-height:1.5;
}
.multi-select-note{
  flex:0 0 auto;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(var(--accent-rgb),.11);
  color:var(--accent-dark);
  font-size:.83rem;
  font-weight:800;
}
.quick-filters.process-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin:0;
  padding:1px;
  overflow:visible;
  background:var(--border);
}
.process-grid .quick-filter{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:74px;
  padding:14px 16px;
  border:0;
  border-radius:0;
  background:var(--surface);
  text-align:left;
  box-shadow:none;
}
.process-grid .quick-filter:hover,.process-grid .quick-filter:focus-visible{
  background:rgba(var(--accent-rgb),.08);
  outline:3px solid rgba(var(--accent-rgb),.16);
  outline-offset:-3px;
}
.process-grid .quick-filter.active,.process-grid .quick-filter[aria-pressed=true]{
  background:var(--accent);
  color:#fff !important;
}
.phase-order{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:10px;
  background:rgba(var(--accent-rgb),.12);
  color:var(--accent-dark);
  font-size:.78rem;
  font-weight:900;
}
.quick-filter.active .phase-order,.quick-filter[aria-pressed=true] .phase-order{
  background:rgba(255,255,255,.20);
  color:#fff;
}
.phase-label{
  min-width:0;
  font-weight:850;
  overflow-wrap:anywhere;
}
.phase-count{
  display:grid;
  place-items:center;
  min-width:31px;
  height:31px;
  padding:0 7px;
  border-radius:999px;
  background:var(--soft) !important;
  color:var(--text);
  font-size:.8rem;
  font-weight:850;
  margin:0 !important;
}
.quick-filter.active .phase-count,.quick-filter[aria-pressed=true] .phase-count{
  background:rgba(255,255,255,.22) !important;
  color:#fff;
}

.tools-section{padding-top:24px}
.results-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px 24px;
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  background:var(--surface);
  box-shadow:0 8px 24px rgba(17,24,39,.045);
}
.results-panel h2{
  margin:2px 0 0;
  font-size:clamp(1.9rem,3vw,2.75rem);
}
.results-summary{min-width:0}
.results-panel .active-filters{margin-top:10px}
.results-panel .sort-view{flex:0 0 auto}

[data-theme=dark] .process-panel,
[data-theme=dark] .results-panel{
  background:#202624;
  box-shadow:0 12px 34px rgba(0,0,0,.22);
}
[data-theme=dark] .process-panel-head{
  background:linear-gradient(90deg,rgba(var(--accent-rgb),.17),transparent 62%);
}
[data-theme=dark] .multi-select-note{
  background:rgba(var(--accent-rgb),.20);
  color:#d1fae5;
}
[data-theme=dark] .process-grid .quick-filter{background:#222826}
[data-theme=dark] .process-grid .quick-filter:hover{background:#29332f}
[data-theme=dark] .phase-order{background:rgba(var(--accent-rgb),.20);color:#d1fae5}

@media(max-width:1180px){
  .quick-filters.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:940px){
  .selection-dock{top:12px;right:14px;min-height:44px;padding:9px 12px;font-size:.88rem}
  .process-panel-head{padding:22px 20px;display:block}
  .multi-select-note{display:inline-block;margin-top:14px}
  .results-panel{align-items:flex-start;flex-direction:column}
  .results-panel .sort-view{width:100%;justify-content:flex-end}
}
@media(max-width:560px){
  .quick-filters.process-grid{grid-template-columns:1fr}
  .process-grid .quick-filter{min-height:62px}
  .selection-dock{max-width:52vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .results-panel{padding:18px}
  .results-panel .sort-view{justify-content:flex-start;flex-wrap:wrap}
}

/* Version 32: funktionale Filter, klare Auswahl und stabile Ansichten */
.function-filter-block{
  margin-top:4px;
  padding-top:16px;
}
.function-filter-block summary{
  font-size:1.02rem;
  color:var(--text);
}
.function-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.function-chip{
  min-height:34px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(16,185,129,.32);
  background:rgba(16,185,129,.08);
  color:#065f46;
  font-size:.82rem;
  line-height:1.2;
  font-weight:750;
  text-align:left;
}
.function-chip:hover,.function-chip:focus-visible{
  border-color:var(--accent);
  background:rgba(16,185,129,.16);
}
.function-chip.active,.function-chip[aria-pressed="true"]{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff !important;
  box-shadow:0 5px 14px rgba(16,185,129,.22);
}
.function-chip-extra{display:none}
.function-chips.show-all .function-chip-extra{display:inline-flex}
.show-more-functions{
  margin-top:12px;
  padding:7px 0;
  border:0;
  background:transparent;
  color:var(--accent-dark);
  font-weight:850;
  text-align:left;
}
.show-more-functions:hover,.show-more-functions:focus-visible{text-decoration:underline}

/* Aktive Lesezeichen als eindeutige Signalfarbe */
.card-star[aria-pressed="true"]{
  background:#10b981 !important;
  border-color:#10b981 !important;
  color:#fff !important;
  box-shadow:0 0 0 4px rgba(16,185,129,.18),0 10px 24px rgba(16,185,129,.28) !important;
}
#modalBookmark.bookmark-active{
  background:#10b981;
  border-color:#10b981;
  color:#fff !important;
  box-shadow:0 7px 18px rgba(16,185,129,.22);
}

/* Stabiles Kartenraster */
.tool-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(260px,1fr));
  align-items:stretch;
}
.tool-card{
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  min-height:390px;
}
.tool-card-body{
  display:flex;
  flex-direction:column;
  min-width:0;
  flex:1 1 auto;
}
.tool-card h3,.card-description,.tool-card .eyebrow{overflow-wrap:anywhere}
.tool-card footer{
  display:flex;
  justify-content:flex-end;
  width:100%;
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid var(--border);
}
.details-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:9px 14px;
  border:1px solid var(--border) !important;
  border-radius:11px;
  background:var(--surface) !important;
  color:var(--text) !important;
  font-weight:850;
  white-space:nowrap;
}
.details-btn:hover,.details-btn:focus-visible{
  background:var(--accent) !important;
  border-color:var(--accent) !important;
  color:#fff !important;
}

/* Echte Listenansicht statt verformter Karten */
.tool-grid.list-view{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.tool-grid.list-view .tool-card{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  grid-template-rows:auto;
  align-items:center;
  gap:20px;
  min-height:0;
  padding:18px 72px 18px 18px;
}
.tool-grid.list-view .tool-symbol{
  grid-column:1;
  grid-row:1;
  width:54px;
  height:54px;
}
.tool-grid.list-view .tool-card-body{
  grid-column:2;
  grid-row:1;
  display:grid;
  grid-template-columns:minmax(150px,.6fr) minmax(260px,1.7fr) minmax(220px,1fr);
  align-items:center;
  gap:22px;
}
.tool-grid.list-view .tool-card .eyebrow{grid-column:1;margin:0}
.tool-grid.list-view .tool-card h3{grid-column:1;margin:24px 0 0}
.tool-grid.list-view .card-description{
  grid-column:2;
  grid-row:1 / span 2;
  margin:0;
  -webkit-line-clamp:3;
}
.tool-grid.list-view .process-tags{
  grid-column:3;
  grid-row:1 / span 2;
  margin:0;
  align-content:center;
}
.tool-grid.list-view .tool-card footer{
  grid-column:3;
  grid-row:1;
  align-self:center;
  margin:0;
  padding:0;
  border:0;
}
.tool-grid.list-view .details-btn{min-width:110px}
.tool-grid.list-view .card-star{top:50%;right:16px;transform:translateY(-50%)}

#gridBtn[aria-pressed="true"],#listBtn[aria-pressed="true"]{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff !important;
}

[data-theme=dark] .function-chip{
  color:#d1fae5;
  background:rgba(16,185,129,.13);
  border-color:rgba(52,211,153,.35);
}
[data-theme=dark] .details-btn{background:#242827 !important}
[data-theme=dark] .details-btn:hover{background:var(--accent) !important}

@media(max-width:1200px){
  .tool-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}
  .tool-grid.list-view .tool-card-body{grid-template-columns:minmax(130px,.7fr) minmax(220px,1.5fr)}
  .tool-grid.list-view .process-tags{grid-column:1 / -1;grid-row:3}
}
@media(max-width:760px){
  .tool-grid{grid-template-columns:1fr}
  .tool-grid.list-view .tool-card{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    padding:20px;
  }
  .tool-grid.list-view .tool-card-body{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .tool-grid.list-view .tool-card h3{margin:12px 0 5px}
  .tool-grid.list-view .card-description{margin:0 0 12px}
  .tool-grid.list-view .process-tags{margin-top:12px}
  .tool-grid.list-view .tool-card footer{display:flex;margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}
  .tool-grid.list-view .card-star{top:12px;right:12px;transform:none}
}

/* Version 33: klarer Funktionsfilter und infografische Detaildarstellung */
.function-filter-block{
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  padding:18px 0 16px !important;
}
.function-filter-block>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:42px;
  padding:0 2px;
  color:var(--text);
  font-size:1.08rem;
  font-weight:900;
  cursor:pointer;
}
.function-filter-block>summary::after{
  content:"–";
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(16,185,129,.13);
  color:#047857;
  font-size:1.15rem;
}
.function-filter-block:not([open])>summary::after{content:"+"}
.filter-note{
  margin:8px 0 14px;
  color:var(--muted);
  font-size:.93rem;
  line-height:1.45;
}
.function-chips{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.function-chip{
  min-width:0;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:9px 11px;
  border:1px solid rgba(4,120,87,.42);
  border-radius:12px;
  background:#fff;
  color:#064e3b;
  font-size:.88rem;
  font-weight:800;
  line-height:1.2;
  text-align:left;
  box-shadow:0 2px 0 rgba(16,185,129,.06);
}
.function-chip:hover,
.function-chip:focus-visible{
  border-color:#10b981;
  background:rgba(16,185,129,.1);
  color:#052e24;
}
.function-chip[aria-pressed="true"]{
  background:#10b981;
  border-color:#10b981;
  color:#fff;
  box-shadow:0 5px 14px rgba(16,185,129,.24);
}
.function-chip-extra{display:none}
.function-chips.show-all .function-chip-extra{display:flex}
.show-more-functions{
  width:100%;
  min-height:44px;
  margin-top:14px;
  border:1px solid #047857;
  border-radius:12px;
  background:#ecfdf5;
  color:#065f46;
  font-size:.94rem;
  font-weight:900;
}
.show-more-functions:hover,
.show-more-functions:focus-visible{
  background:#047857;
  color:#fff;
}
[data-theme=dark] .function-chip{
  background:#202724;
  border-color:rgba(52,211,153,.62);
  color:#ecfdf5;
}
[data-theme=dark] .function-chip:hover{background:rgba(16,185,129,.2);color:#fff}
[data-theme=dark] .function-chip[aria-pressed="true"]{background:#10b981;color:#061b14}
[data-theme=dark] .show-more-functions{background:#1d3029;color:#d1fae5;border-color:#34d399}

.infographic-model{
  position:relative;
  padding:26px !important;
  border-left:6px solid #10b981 !important;
  background:linear-gradient(135deg,rgba(16,185,129,.075),rgba(16,185,129,.02) 58%,var(--surface));
  overflow:hidden;
}
.infographic-model::after{
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  right:-110px;
  top:-125px;
  border-radius:50%;
  background:rgba(16,185,129,.08);
  pointer-events:none;
}
.section-heading{position:relative;z-index:1;margin-bottom:18px}
.section-heading h3{margin:3px 0 0;font-size:1.45rem}
.section-kicker{
  color:#047857;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.info-model{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr);
  align-items:stretch;
  gap:0;
}
.info-column{
  position:relative;
  min-width:0;
  padding:22px 20px 20px;
  border:1px solid rgba(6,95,70,.22);
  border-radius:18px;
  background:#fff;
  color:#111827;
  box-shadow:0 10px 25px rgba(15,23,42,.06);
}
.info-column::before{
  content:attr(data-stage);
  position:absolute;
  right:14px;
  top:12px;
  color:rgba(6,95,70,.24);
  font-size:1.3rem;
  font-weight:950;
}
.info-stage-icon{
  width:44px;
  height:44px;
  margin-bottom:13px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(16,185,129,.13);
  color:#047857;
  font-size:1.35rem;
  font-weight:900;
}
.info-column h4{margin:0 0 10px;font-size:1.08rem;color:#111827}
.info-column ul{margin:0;padding-left:19px;color:#111827}
.info-column li{margin:5px 0;line-height:1.42}
.info-processing{background:linear-gradient(180deg,#f0fdf8,#fff)}
.info-arrow{
  align-self:center;
  justify-self:center;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#10b981;
  color:#fff;
  font-size:2rem;
  font-weight:400;
  box-shadow:0 8px 18px rgba(16,185,129,.25);
}
.context-card{
  position:relative;
  padding:25px 24px 22px 82px !important;
  border-top:4px solid #10b981 !important;
  background:linear-gradient(135deg,rgba(16,185,129,.065),#fff 58%);
  color:#111827;
  overflow:hidden;
}
.context-card::before{
  content:attr(data-context);
  position:absolute;
  left:22px;
  top:22px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#10b981;
  color:#fff;
  font-size:1.05rem;
  font-weight:950;
}
.context-card h3{margin:0 0 12px;color:#111827;font-size:1.2rem}
.context-card ul{margin:0;padding-left:19px;color:#111827}
.context-card li{margin:6px 0;line-height:1.5}
.context-teaching{border-top-color:#10b981 !important}
.context-research{border-top-color:#059669 !important;background:linear-gradient(135deg,rgba(5,150,105,.075),#fff 58%)}
.context-study{border-top-color:#34d399 !important;background:linear-gradient(135deg,rgba(52,211,153,.075),#fff 58%)}
.context-value{border-top-color:#047857 !important;background:linear-gradient(135deg,rgba(4,120,87,.075),#fff 58%)}
.context-research::before{background:#059669}
.context-study::before{background:#34d399;color:#052e24}
.context-value::before{background:#047857}

[data-theme=dark] .infographic-model{background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(16,185,129,.04) 58%,#202624)}
[data-theme=dark] .info-column,
[data-theme=dark] .context-card{
  background:#f8fffc;
  color:#111827;
}
[data-theme=dark] .info-processing{background:linear-gradient(180deg,#e8fff5,#f8fffc)}

@media(max-width:1180px){
  .function-chips{grid-template-columns:1fr}
  .info-model{grid-template-columns:1fr;gap:12px}
  .info-arrow{transform:rotate(90deg)}
}
@media(max-width:680px){
  .infographic-model{padding:20px !important}
  .context-card{padding:76px 20px 22px !important}
  .context-card::before{left:20px;top:18px}
}

/* Version 33.2: gruppierte Funktionen und kompakte Listenansicht */
.function-filter-block{
  overflow:visible;
}
.function-filter-block .filter-note{
  margin:.45rem 0 .8rem;
}
.function-clusters{
  display:grid;
  gap:9px;
  width:100%;
}
.function-cluster{
  border:1px solid var(--border);
  border-radius:13px;
  padding:0 !important;
  overflow:hidden;
  background:var(--surface);
}
.function-cluster>summary{
  list-style:none;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:48px;
  padding:11px 12px;
  background:var(--soft);
  color:var(--text);
  font-size:.93rem;
  line-height:1.25;
}
.function-cluster>summary::-webkit-details-marker{display:none}
.function-cluster>summary::before{content:'+';grid-column:2;grid-row:1;color:var(--accent-dark);font-size:1.12rem;font-weight:900}
.function-cluster[open]>summary::before{content:'−'}
.function-cluster>summary span{grid-column:1;grid-row:1;min-width:0;overflow-wrap:normal;word-break:normal}
.function-cluster>summary small{display:none}
.function-list{
  display:grid;
  gap:7px;
  padding:9px;
}
.function-chip{
  display:block;
  width:100%;
  min-width:0;
  padding:9px 10px;
  text-align:left;
  white-space:normal;
  overflow-wrap:break-word;
  word-break:normal;
  border:1px solid rgba(16,185,129,.38);
  border-radius:9px;
  background:var(--surface);
  color:#065f46;
  font-size:.88rem;
  font-weight:800;
  line-height:1.3;
}
.function-chip:hover,.function-chip:focus-visible,.function-chip.active,.function-chip[aria-pressed="true"]{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff !important;
}
#toggleFunctions{display:none!important}

/* Listenansicht: klare Hierarchie, kein Wortumbruch in Prozessphase */
.tool-grid.list-view .tool-card{
  grid-template-columns:64px minmax(0,1fr) 120px;
  align-items:start;
  padding:18px 74px 18px 18px;
}
.tool-grid.list-view .tool-card-body{
  grid-column:2;
  display:grid;
  grid-template-columns:minmax(170px,.68fr) minmax(300px,1.55fr) minmax(145px,.58fr);
  grid-template-rows:auto auto;
  align-items:start;
  gap:7px 22px;
}
.tool-grid.list-view .tool-card .eyebrow{
  grid-column:1;
  grid-row:1;
  margin:0;
  white-space:nowrap;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none;
  font-size:.72rem;
  line-height:1.2;
}
.tool-grid.list-view .tool-card h3{
  grid-column:1;
  grid-row:2;
  margin:10px 0 0;
  align-self:start;
}
.tool-grid.list-view .card-description{
  grid-column:2;
  grid-row:1 / span 2;
  margin:0;
  -webkit-line-clamp:4;
}
.tool-grid.list-view .process-tags{
  grid-column:3;
  grid-row:1 / span 2;
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
  margin:0;
  padding:0;
  align-self:start;
  max-width:170px;
}
.tool-grid.list-view .process-tags span{
  width:max-content;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tool-grid.list-view .tool-card footer{
  grid-column:3;
  grid-row:1;
  align-self:start;
  margin:42px 0 0;
  padding:0;
  border:0;
}
.tool-grid.list-view .details-btn{
  width:110px;
}

@media(max-width:1200px){
  .tool-grid.list-view .tool-card-body{
    grid-template-columns:minmax(155px,.75fr) minmax(260px,1.4fr);
  }
  .tool-grid.list-view .process-tags{
    grid-column:1 / -1;
    grid-row:3;
    grid-template-columns:repeat(2,max-content);
    max-width:none;
    margin-top:8px;
  }
}
@media(max-width:760px){
  .tool-grid.list-view .tool-card .eyebrow{white-space:normal}
  .tool-grid.list-view .process-tags{display:grid;grid-template-columns:1fr 1fr}
  .tool-grid.list-view .tool-card footer{margin-top:auto}
}


/* Version 5.1: eindeutige Filterarchitektur – Prozessfilter ausschließlich links */
.sidebar-process-block{
  margin:18px 0 14px;
  padding:0 0 16px;
  border-bottom:1px solid var(--border,#d8e1dd);
}
.sidebar-process-block>summary,
.function-filter-block>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  cursor:pointer;
  list-style:none;
  font-weight:800;
  color:var(--text,#0f172a);
  padding:8px 0;
}
.sidebar-process-block>summary::-webkit-details-marker,
.function-filter-block>summary::-webkit-details-marker{display:none}
.sidebar-process-block>summary::after,
.function-filter-block>summary::after{
  content:'+';
  width:28px;height:28px;border-radius:999px;
  display:grid;place-items:center;
  background:rgba(16,185,129,.12);color:#047857;font-weight:900;
}
.sidebar-process-block[open]>summary::after,
.function-filter-block[open]>summary::after{content:'−'}
.sidebar-process-filters{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin-top:10px;
}
.sidebar-phase-filter{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 12px;
  border:1px solid rgba(16,185,129,.34);
  border-radius:12px;
  background:#fff;
  color:#064e3b;
  font-weight:750;
  text-align:left;
  cursor:pointer;
  transition:.18s ease;
}
.sidebar-phase-filter span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-phase-filter small{
  flex:0 0 auto;
  min-width:26px;height:26px;padding:0 7px;
  display:grid;place-items:center;
  border-radius:999px;
  background:#edf2f0;color:#334155;font-weight:800;
}
.sidebar-phase-filter:hover,.sidebar-phase-filter:focus-visible{
  border-color:#10b981;background:rgba(16,185,129,.08);outline:none;
}
.sidebar-phase-filter.active,.sidebar-phase-filter[aria-pressed="true"]{
  background:#10b981;color:#fff;border-color:#10b981;
  box-shadow:0 8px 18px rgba(16,185,129,.18);
}
.sidebar-phase-filter.active small,.sidebar-phase-filter[aria-pressed="true"] small{
  background:rgba(255,255,255,.22);color:#fff;
}
.process-tags .match-tag{
  background:#10b981!important;
  border-color:#10b981!important;
  color:#fff!important;
}
/* Entfernt den früheren doppelten Hauptfilter vollständig. */
.process-panel{display:none!important}
[data-theme=dark] .sidebar-phase-filter{background:#202725;color:#d1fae5;border-color:rgba(16,185,129,.45)}
[data-theme=dark] .sidebar-phase-filter:hover{background:#26332e}
[data-theme=dark] .sidebar-process-block>summary,[data-theme=dark] .function-filter-block>summary{color:#f8fafc}


/* v5.2: dynamische Sidebar ohne künstlichen Leerraum */
.sidebar{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;display:block!important;}
.filter-panel{overflow:visible!important;}
.theme-row{margin-top:2rem!important;}
.sidebar footer{margin-top:1.25rem!important;padding-top:1rem!important;border-top:1px solid var(--border)!important;}
@media (min-width:901px){.sidebar{align-self:start!important;}}