:root{--ink:#17324b;--ink2:#244e6b;--bg:#f5f7f8;--paper:#fff;--muted:#657786;--line:#dce4e9;--gold:#10b981;--goldsoft:#ecfdf5;--soft:#eef3f6;--mint:#edf6ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#182630;font:16px/1.58 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.top{background:var(--ink);color:#fff;padding:14px clamp(16px,4vw,50px);display:flex;justify-content:space-between;align-items:center;gap:14px}.brand b{display:block;letter-spacing:.11em}.brand small{color:#cbd8e1}
.topActions{display:flex;gap:8px}.topBtn{border:0;border-radius:10px;padding:9px 12px;background:#ffffff18;color:#fff;font-weight:850}.selectBadge{background:var(--gold);color:#fff;text-shadow:0 1px 1px #064e3b55}
main{max-width:1180px;margin:auto;padding:28px clamp(15px,4vw,44px) 70px}.hero{background:linear-gradient(135deg,var(--ink),var(--ink2));color:#fff;border-radius:26px;padding:clamp(27px,5vw,50px)}.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.06;margin:8px 0 12px}.hero p{color:#dce6ed;max-width:880px;font-size:18px}.kicker{font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#10b981}
.toolbar{background:#fff;border-radius:19px;padding:16px;margin:17px 0;box-shadow:0 7px 24px #17324b0d}.search{position:relative}.search input{width:100%;padding:14px 44px 14px 15px;border:1px solid #ccd8df;border-radius:12px;font-size:17px}.search span{position:absolute;right:15px;top:13px;color:#587082;font-size:20px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.filters select{padding:9px 10px;border:1px solid #d1dce3;border-radius:10px;background:#f8fafb;color:#263d4e}.count{margin-left:auto;align-self:center;color:#607382;font-size:13px;font-weight:750}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:#fff;border-radius:21px;padding:21px;box-shadow:0 7px 24px #17324b0d;display:flex;flex-direction:column;border:2px solid transparent}.card.selected{border-color:var(--gold)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:11px;font-weight:850;padding:5px 9px;border-radius:999px;background:#edf2f5;color:#38566b}.chip.app{background:var(--ink);color:#fff}.chip.gold{background:#d1fae5;color:#705700}.card h2{font-size:23px;line-height:1.2;margin:11px 0}.card .claim{font-size:17px;color:#526878;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.more{border:0;background:transparent;color:var(--ink);font-weight:850;padding:4px 0;text-align:left}.fullText{display:none;color:#526878;margin:7px 0}.fullText.show{display:block}.cardActions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto;padding-top:15px}.btn{border:0;border-radius:11px;padding:11px 13px;font-weight:900;background:#e7edf1;color:var(--ink)}.btn.dark{background:var(--ink);color:#fff}.btn.add{min-width:132px}.btn.add.active{background:var(--gold);color:#403300}
.empty{background:#fff;border-radius:16px;padding:24px;text-align:center;color:#657786}
.panelShade{position:fixed;inset:0;background:#10253680;z-index:60;display:none}.panelShade.open{display:block}.selectionPanel{position:fixed;right:0;top:0;bottom:0;width:min(430px,92vw);background:#fff;z-index:70;transform:translateX(105%);transition:.2s;box-shadow:-12px 0 34px #1025362d;display:flex;flex-direction:column}.selectionPanel.open{transform:translateX(0)}.selHead{padding:20px;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center}.selHead h2{margin:0}.close{border:0;background:#ffffff18;color:#fff;border-radius:9px;padding:8px 11px;font-weight:900}.selBody{padding:16px;overflow:auto;flex:1}.selItem{border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:9px}.selItem h3{font-size:16px;margin:5px 0}.selActions{display:flex;gap:6px}.selFoot{padding:14px;border-top:1px solid var(--line);color:#697b88;font-size:12px}
.view{display:none}.view.active{display:block}.caseTop{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.caseTop .btn{margin:0}.progress{display:flex;gap:6px;overflow:auto;margin:13px 0;padding:8px;background:#f4f7f8;border-radius:12px}.progress button{white-space:nowrap;border:0;border-radius:9px;padding:8px 10px;background:#e7edf1;color:var(--ink);font-size:12px;font-weight:850;transition:background-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.progress button:focus-visible{outline:3px solid #10b981;outline-offset:2px;background:#0f766e;color:#fff}.progress button:active{background:#115e59;color:#fff;transform:translateY(1px)}@media(hover:hover) and (pointer:fine){.progress button:hover{background:#0f766e;color:#fff;box-shadow:0 4px 11px #0f766e2b}}.block{background:#fff;border-radius:20px;padding:clamp(20px,3vw,28px);margin:13px 0;box-shadow:0 7px 25px #17324b0d}.block h2{margin:4px 0 10px}.context{display:grid;grid-template-columns:1.3fr .7fr;gap:13px}.goal{background:var(--soft);border-radius:15px;padding:16px}.goal b{display:block}.callout{background:var(--goldsoft);border-left:5px solid var(--gold);padding:15px;border-radius:12px}
.materialOpts{display:flex;gap:9px;flex-wrap:wrap}.materialOpts div{flex:1 1 260px;background:#f8fafb;border:1px solid var(--line);border-radius:13px;padding:13px}
details{margin-top:10px}summary{cursor:pointer;list-style:none}.accordion{display:flex;align-items:center;gap:12px;background:#f4f8fa;border:1px solid var(--line);border-radius:15px;padding:14px 16px;font-weight:900}.accordion .ico{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:#fff;border-radius:10px}.accordion .txt{flex:1}.accordion small{display:block;color:#687b89;font-weight:600}.accordion:after{content:"+";font-size:24px}details[open]>.accordion:after{content:"–"}.detail{padding:12px 0}.materialbox{background:#f8fafb;border:1px solid var(--line);border-radius:14px;padding:15px;color:#101820}.materialbox pre{white-space:pre-wrap;font:inherit;margin:0;color:#101820;overflow-wrap:anywhere}.urlrow{display:grid;grid-template-columns:1fr auto;gap:8px}.urlrow input{width:100%;padding:11px;border:1px solid #ccd8df;border-radius:10px;background:#fff}.guideList{display:grid;gap:8px}.guideStep{display:grid;grid-template-columns:auto 1fr;gap:12px;background:#f8fafb;border:1px solid var(--line);border-radius:14px;padding:13px}.stepNo{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:white;border-radius:10px;font-weight:950}.guideStep h3{margin:0 0 4px;font-size:17px}.guideText{color:#435969;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.guideText.expanded{display:block}.moreSmall{border:0;background:transparent;color:var(--ink);font-weight:850;padding:5px 0}.reflect{background:linear-gradient(145deg,#18364f,#244e6b);color:#fff}.reflect h2{color:#fff}.reflectGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rq{background:#ffffff12;border:1px solid #ffffff20;border-radius:15px;padding:15px}.rq b{display:block;color:#ffd86c;font-size:12px;text-transform:uppercase}.rq p{margin:5px 0}.mode{margin-top:12px;background:#ffffff10;border-radius:12px;padding:12px}.gate{margin-top:15px;border-top:1px solid #ffffff25;padding-top:14px}.gate input{position:absolute;opacity:0}.gate label{display:inline-block;background:var(--gold);color:#403300;border-radius:10px;padding:10px 13px;font-weight:900;cursor:pointer}.solution{display:none;background:#fff;color:#1b2a34;border-radius:14px;padding:17px;margin-top:12px}.gate input:checked~.solution{display:block}.plenum{background:var(--mint)}.plenumGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pCard{background:#fff;border:1px solid #d5e3d7;border-radius:12px;padding:13px}.pCard b{display:block;color:#45654c}.endNav{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}.endNav .btn{flex:1 1 220px}
.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);z-index:100;background:#17324b;color:white;padding:10px 14px;border-radius:10px;opacity:0;pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.cards{grid-template-columns:1fr}.context,.reflectGrid,.plenumGrid{grid-template-columns:1fr}.count{width:100%;margin-left:0}.cardActions{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.top{flex-direction:column;align-items:flex-start}.topActions{width:100%}.topBtn{flex:1}.cardActions{grid-template-columns:1fr}.urlrow{grid-template-columns:1fr}.guideStep{grid-template-columns:auto minmax(0,1fr)}}

/* v16 · intelligente progressive Offenlegung */
.smartClamp{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.smartClamp.lines-3{-webkit-line-clamp:3}
.smartClamp.lines-5{-webkit-line-clamp:5}
.smartClamp.lines-6{-webkit-line-clamp:6}
.smartClamp.expanded{
  display:block;
  overflow:visible;
  -webkit-line-clamp:unset !important;
}
.smartMore{
  border:0;
  background:transparent;
  color:var(--ink);
  font-weight:850;
  padding:5px 0 0;
  text-align:left;
  cursor:pointer;
  display:none;
}
.smartMore.visible{display:inline-block}
.smartMore:hover,.smartMore:focus-visible{text-decoration:underline;text-underline-offset:3px}
.caseScenarioWrap{margin-top:2px}

.toolStage{border:1px solid var(--line);border-radius:17px;padding:16px;margin:14px 0;background:#fbfcfd}
.toolStageHead{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;margin-bottom:12px}
.toolStageNo{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--ink);color:#fff;font-weight:950;font-size:18px}
.toolStageHead h3{margin:1px 0 2px;font-size:21px}.toolStageHead p{margin:0;color:var(--muted)}
.handoverBox{margin:14px 0;padding:16px;border-radius:15px;background:var(--goldsoft);border:1px solid #6ee7b7}
.handoverBox h3{margin:3px 0 5px}.handoverBox p{margin:0}

/* v18 · dynamische Fall-Schnellnavigation */
.caseQuickNav{margin:12px 0 18px;width:100%}
.caseQuickInner{min-height:54px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:nowrap;background:#fff;border:1px solid var(--line);border-radius:16px;padding:9px 12px;box-shadow:0 5px 18px #17324b0a;overflow:hidden}
.caseQuickLabel{font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:5px;white-space:nowrap}
.caseQuickBtn{border:1px solid #d5e0e6;background:#f5f8fa;color:var(--ink);border-radius:10px;padding:8px 10px;font-size:12px;font-weight:900;white-space:nowrap;min-width:58px}
.caseQuickBtn:hover,.caseQuickBtn:focus-visible{border-color:var(--ink);background:#eef4f7;outline:none}
.caseQuickBtn.active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 0 0 2px #10b98155}
.caseEllipsis{font-weight:950;color:#607382;padding:0 2px;white-space:nowrap}
.caseQuickDetail{margin-top:0;margin-bottom:12px}
.card{scroll-margin-top:18px}
@media(max-width:720px){.caseQuickLabel{display:none}.caseQuickInner{gap:5px;padding:8px}.caseQuickBtn{min-width:50px;padding:7px 8px;font-size:11px}}

/* FINAL states */
.caseQuickNav{margin:12px 0 18px;width:100%}
.caseQuickInner{min-height:54px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:nowrap;background:#fff;border:1px solid var(--line);border-radius:16px;padding:9px 12px;box-shadow:0 5px 18px #17324b0a;overflow:hidden}
.caseQuickBtn{position:relative;border:1px solid #d5e0e6;background:#f5f8fa;color:var(--ink);border-radius:10px;padding:8px 11px;font-size:12px;font-weight:900;white-space:nowrap;min-width:62px;transition:.15s ease}
.caseQuickBtn:hover,.caseQuickBtn:focus-visible{border-color:var(--ink);background:#eef4f7;outline:none}
.caseQuickBtn.focused{background:#e9f0f4;border-color:#17324b;box-shadow:0 0 0 2px #17324b18}
.caseQuickBtn.current{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 0 0 2px #10b98155}
.caseQuickBtn.selected{border-color:#059669;background:#d1fae5;color:#493b00}
.caseQuickBtn.selected::after{content:"✓";position:absolute;right:-4px;top:-6px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#10b981;color:#fff;font-size:11px}
.caseQuickBtn.current.selected{background:var(--ink);color:#fff}
.caseEllipsis{font-weight:950;color:#607382;padding:0 2px;white-space:nowrap}
.card{scroll-margin-top:18px}
.card.selected{border-color:var(--gold)!important;box-shadow:0 0 0 3px #10b98130,0 10px 28px #17324b14!important;background:#fffdf5}
.card.focused{border-color:#17324b!important;box-shadow:0 0 0 3px #17324b1c,0 10px 28px #17324b14!important}
.card.selected.focused{border-color:var(--gold)!important;box-shadow:0 0 0 3px #10b98150,0 12px 30px #17324b18!important}
.selectionClear{width:100%;margin-top:10px;background:#f6f8f9;border:1px solid var(--line);color:var(--ink)}
.selectionClear:disabled{opacity:.45;cursor:not-allowed}
.selFoot{display:grid;gap:8px}
.caseNumberHeading{font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#6c7d89;margin-bottom:4px}
.hero .caseNumberHeading{color:#6ee7b7}
#caseView>.hero{padding:clamp(25px,4vw,39px);border-radius:24px}#caseView>.hero h1{font-size:clamp(31px,4vw,46px);line-height:1.12;max-width:1050px;margin-top:12px;overflow-wrap:anywhere}#caseView>.hero>.chips{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}#caseView>.hero>.chips .stageBadge{margin-left:auto}#caseView>.hero>.chips .modeChip{order:3;flex:1 0 100%;margin-top:5px;color:#dce6ed;font-size:13px}#caseView>.hero .caseNumberHeading{margin-top:9px}
.cardMetaHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.cardMetaHead .chips{min-width:0}.stageBadge{flex:0 0 auto;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:950;letter-spacing:.045em;text-transform:uppercase;line-height:1.1;border:1px solid transparent}.stage-orientation{background:#0f766e;color:#fff;border-color:#115e59}.stage-depth{background:#f4b942;color:#302300;border-color:#d99a19}.stage-transfer{background:#6d28d9;color:#fff;border-color:#5b21b6}.stage-default{background:#526878;color:#fff}.workMode,.modeChip{margin-top:7px;color:#526878;font-size:12px;font-weight:850}.hero .workMode{color:#dce6ed}.hero .cardMetaHead{margin-bottom:2px}.hero .stageBadge{box-shadow:0 0 0 1px #ffffff26}.hero .chip.app{background:#fff;color:var(--ink)}.hero>.chips{align-items:flex-start}.hero>.chips .stageBadge{margin-left:auto}.hero>.chips .modeChip{flex-basis:100%;margin-top:2px;color:#dce6ed}
@media(max-width:560px){.cardMetaHead{align-items:flex-start;flex-wrap:wrap}.stageBadge{order:2}.cardMetaHead .chips{flex:1 1 auto}.workMode{margin-top:8px}#caseView>.hero{padding:23px 20px;border-radius:20px}#caseView>.hero h1{font-size:clamp(28px,9vw,36px);line-height:1.15}#caseView>.hero>.chips .stageBadge{margin-left:0}#caseView>.hero>.chips .modeChip{font-size:12px}.progress{padding:6px}}
@media(max-width:720px){.caseQuickInner{gap:5px;padding:8px}.caseQuickBtn{min-width:52px;padding:7px 8px;font-size:11px}}

/* Structured reference/solution text: preserve workflow line breaks for visual readability. */
.solution p { white-space: pre-line; line-height: 1.65; }
.goalList{margin:8px 0 0;padding-left:20px;display:grid;gap:8px}.goalList li{font-weight:850;line-height:1.45}

.goalStatements{display:grid;gap:12px;margin-top:10px}
.goalStatement{margin:0;font-weight:700;line-height:1.45}

/* FINAL UI fixes – gezielt, ohne globale Redesign-Regeln */
.btn.copySuccess{background:#0f766e!important;color:#fff!important}
.gate label{color:#fff!important;text-shadow:0 1px 1px #064e3b55}
.reflect .solution h2{color:var(--ink)!important;margin:4px 0 10px!important}
.solution .kicker{display:inline-block;margin-bottom:2px}
.solution p{margin:0;white-space:pre-line;line-height:1.65}
.solution .smartMore{margin-top:6px}
@media(max-width:560px){.gate label{display:block;width:100%;text-align:center}}


/* FINAL UI PATCH 2026-08-14: eindeutige Zustände der Fortschrittsnavigation */
.progress button:hover{background:#0f766e !important;color:#fff !important;}
.progress button:focus-visible{background:#0f766e !important;color:#fff !important;}
.progress button:active{background:#115e59 !important;color:#fff !important;}


/* FINAL v4 · Fallnavigation 01–26: vollständig erreichbar, horizontal verschiebbar */
.caseQuickShell{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 42px;
  align-items:center;
  gap:8px;
  width:100%;
}
.caseQuickViewport{
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}
.caseQuickViewport .caseQuickInner{
  width:max-content;
  min-width:100%;
  justify-content:flex-start;
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:3px 1px 6px;
  overflow:visible;
}
.caseQuickArrow{
  width:42px;
  height:42px;
  padding:0;
  border:1px solid #d5e0e6;
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  font-size:22px;
  font-weight:950;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.caseQuickArrow:hover,.caseQuickArrow:focus-visible{
  background:#eef4f7;
  border-color:var(--ink);
  outline:none;
}
.caseQuickArrow:disabled{
  opacity:.28;
  cursor:default;
  background:#f7f9fa;
  border-color:#e2e8ec;
}
@media(max-width:720px){
  .caseQuickShell{grid-template-columns:38px minmax(0,1fr) 38px;gap:5px}
  .caseQuickArrow{width:38px;height:38px;font-size:20px}
}


/* FINAL v5 · Arbeitsmaterial: Kopierinput klar von Hinweisen trennen */
.materialCopyBlock{
  padding:16px 0;
  border-bottom:1px solid #dfe7eb;
}
.materialCopyBlock:first-child{padding-top:0}
.materialCopyBlock:last-child{border-bottom:0;padding-bottom:0}
.materialBlockTitle{
  margin:0 0 10px;
  font-size:16px;
  color:var(--ink);
}
.materialCopyBtn{
  margin-top:16px !important;
}
.materialNote{
  margin:16px 0 0 !important;
  padding:11px 13px;
  border-radius:10px;
  background:#eef4f7;
  color:#435969;
  font-size:14px;
  line-height:1.45;
}


/* FINAL v9 · Beteiligte Apps im Fallkopf */
.hero .chips{align-items:center;min-width:0}
.caseToolStrip{
  display:flex;
  align-items:center;
  gap:7px;
  max-width:min(72vw,760px);
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  scrollbar-width:thin;
  padding:1px 2px 4px 0;
  -webkit-overflow-scrolling:touch;
}
.caseToolChip{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  padding:7px 11px;
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  border:1px solid #d8e3e9;
  font-size:12px;
  font-weight:900;
  line-height:1;
}
.caseToolArrow{
  flex:0 0 auto;
  color:#9ab0bd;
  font-size:15px;
  font-weight:900;
}
@media(max-width:720px){
  .caseToolStrip{max-width:62vw}
  .caseToolChip{font-size:11px;padding:7px 10px}
}


/* FINAL v10 · Fallkopf: Werkzeuge und Metadaten getrennt */
.heroToolRow{
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
  margin-bottom:12px;
}
.heroToolRow .caseToolStrip{
  max-width:100%;
}
.heroMetaRow{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 16px;
  color:#fff;
  font-size:13px;
  font-weight:800;
}
.heroMetaRow .stage{
  position:static;
  inset:auto;
  display:inline-flex;
  align-items:center;
}
.heroMetaDot{
  opacity:.6;
}
.heroMetaText{
  color:inherit;
}
@media(max-width:720px){
  .heroToolRow .caseToolStrip{max-width:100%}
  .heroMetaRow{gap:6px;font-size:12px}
}


/* FINAL v11 · Fallidentifikation ohne Doppelung */
.cardMetaHead{
  align-items:flex-start;
}
.cardMetaHead .chips{
  min-width:0;
  flex:1 1 auto;
}
.cardMetaHead .caseToolStrip{
  max-width:100%;
}
.card .caseNumberHeading,
.selItem .caseNumberHeading{
  margin-top:13px;
  color:#49677b;
  font-size:14px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.card .workMode{
  margin-top:10px;
}
.card .stage{
  flex:0 0 auto;
}

/* Toolchips in Karten kompakter, bei langen Workflows horizontal scrollbar */
.card .caseToolStrip{
  max-width:min(100%,620px);
}
.card .caseToolChip{
  padding:6px 10px;
  font-size:11px;
}
.card .caseToolArrow{
  font-size:13px;
}
@media(max-width:720px){
  .cardMetaHead{gap:8px}
  .card .caseNumberHeading{font-size:12px}
}


/* FINAL v12 · Portfolio-Karten nach Informationspriorität */
.cardV12{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.cardV12 .cardStageRow{
  min-height:34px;
  display:flex;
  align-items:flex-start;
  margin-bottom:10px;
}
.cardV12 .stage{
  position:static;
  inset:auto;
  margin:0;
}
.cardV12 .cardTools{
  width:100%;
  max-width:100%;
  margin:0 0 14px;
  padding-bottom:3px;
  overflow-x:auto;
  scrollbar-width:thin;
}
.cardV12 .cardTools .caseToolChip{
  background:#fff;
  border:1px solid #d7e0e7;
  color:#173650;
  box-shadow:none;
  font-size:12px;
  padding:6px 10px;
}
.cardV12 .cardTools .caseToolArrow{
  color:#536c7f;
}
.cardV12 .caseNumberHeading{
  margin:0 0 7px;
  color:#49677b;
  font-size:13px;
  font-weight:950;
  letter-spacing:.10em;
}
.cardV12 h2{
  margin-top:0;
}
.cardV12 .claim{
  margin-bottom:2px;
}
.cardV12 .smartMore{
  margin-bottom:12px;
}
.cardTopics{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:auto;
  padding-top:4px;
}
.cardTopic{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:5px 10px;
  border-radius:999px;
  background:#eef4f5;
  color:#254d5d;
  font-size:12px;
  font-weight:800;
  line-height:1.15;
}
.cardDivider{
  width:100%;
  height:1px;
  background:#d8e1e7;
  margin:14px 0 12px;
}
.cardActionsV12{
  display:grid;
  grid-template-columns:auto minmax(150px,1fr);
  gap:10px;
  align-items:center;
}
.cardActionsV12 .pinChoice{
  white-space:nowrap;
  padding-left:13px;
  padding-right:13px;
}
.cardActionsV12 .openCaseBtn{
  width:100%;
}
@media(max-width:560px){
  .cardActionsV12{grid-template-columns:1fr}
  .cardActionsV12 .pinChoice,
  .cardActionsV12 .openCaseBtn{width:100%}
}


/* FINAL v13 · Navigation: kein irreführender Karten-Fokuszustand */
.card.focused{
  border-color:transparent !important;
  box-shadow:0 7px 24px #17324b0d !important;
}
.card.selected.focused{
  border-color:var(--gold) !important;
  box-shadow:0 0 0 3px #10b98130,0 10px 28px #17324b14 !important;
}


/* FINAL v14 · Detailansicht: klare Hierarchie ohne neue Farbwelt */

/* Abschnittskennungen 01–06 deutlicher lesbar */
.block > .kicker,
.context .kicker,
.goal > .kicker{
  font-size:13px !important;
  line-height:1.2;
  letter-spacing:.10em;
  font-weight:950;
}
@media(min-width:900px){
  .block > .kicker,
  .context .kicker,
  .goal > .kicker{
    font-size:14px !important;
  }
}

/* Akkordeons: Material und Handlungspfad als wichtige Funktionsbereiche erkennbar */
#case-material details,
.toolStage details{
  border:1px solid #cbd9e1;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}
#case-material summary.accordion,
.toolStage summary.accordion{
  min-height:70px;
  padding:14px 16px;
  background:#f2f6f8;
  border-left:5px solid #173650;
  border-radius:12px;
}
#case-material summary.accordion:hover,
#case-material summary.accordion:focus-visible,
.toolStage summary.accordion:hover,
.toolStage summary.accordion:focus-visible{
  background:#eaf1f4;
}
#case-material summary.accordion .txt,
.toolStage summary.accordion .txt{
  font-size:17px;
  font-weight:950;
  color:#102e46;
}
#case-material summary.accordion .txt small,
.toolStage summary.accordion .txt small{
  display:block;
  margin-top:4px;
  font-size:13px;
  font-weight:650;
  color:#617789;
}
#case-material summary.accordion .ico,
.toolStage summary.accordion .ico{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  border-radius:10px;
  background:#173650;
  color:#fff;
}

/* Geöffneter Bereich visuell an das Akkordeon anbinden */
#case-material details[open] > .detail,
.toolStage details[open] > .detail{
  border-top:1px solid #dbe5ea;
  background:#fbfcfd;
}

/* Materialblöcke sprachlich und visuell als Arbeitsmaterial behandeln */
.materialBlockTitle{
  font-size:16px !important;
  font-weight:900;
  color:#173650;
}

/* Mehr/Weniger bleibt deutlich, aber nicht dominant */
.smartMore{
  margin-top:8px;
}