/* V23 — Consulting cleanup: standard section transitions, neutral templates, restrained TC accent. */
:root{
  --v23-red:#7c1028;
  --v23-red-dark:#620b20;
  --v23-ink:#171719;
  --v23-text:#313238;
  --v23-muted:#6f7278;
  --v23-paper:#fbfaf8;
  --v23-white:#ffffff;
  --v23-soft:#f5f5f3;
  --v23-soft-2:#f0f1f2;
  --v23-line:#e2e2df;
  --v23-line-strong:#d4d5d6;
  --v23-dark:#151518;
  --v23-shadow:0 16px 44px rgba(24,25,28,.055);
}

html,body{background:var(--v23-white)!important;color:var(--v23-ink)!important}
.tc26{background:var(--v23-white)!important}

/* 1. Standard section transitions only. No colored transition gradients. */
.v20-home .x-hero,
#eroeffnungsvideo,
#system,
#ergebnisse,
#fuer-wen,
#konfigurator,
.tc26 .x-history,
.tc26 .v20-process,
.tc26 .v20-build,
.tc26 .xp-hero,
.tc26 .xp-system,
.tc26 .xp-masterclass{
  background-image:none!important;
  box-shadow:none!important;
}
.v20-home .x-hero{background:var(--v23-paper)!important}
#eroeffnungsvideo{background:var(--v23-white)!important;border-top:1px solid var(--v23-line)!important}
#system{background:var(--v23-soft)!important;border-top:1px solid var(--v23-line)!important}
#ergebnisse{background:var(--v23-white)!important;border-top:1px solid var(--v23-line)!important}
#fuer-wen{background:var(--v23-soft)!important;border-top:1px solid var(--v23-line)!important}
#geschichte,.tc26 .x-founder{background:var(--v23-dark)!important;border-top:1px solid #242429!important}
#konfigurator{background:var(--v23-white)!important;border-top:1px solid var(--v23-line)!important}
.tc26 .x-history{background:var(--v23-white)!important;border-top:1px solid var(--v23-line)!important}
.tc26 .v20-process{background:var(--v23-soft)!important;border-top:1px solid var(--v23-line)!important}
.tc26 .v20-build{background:var(--v23-white)!important;border-top:1px solid var(--v23-line)!important}

.v20-home .x-hero:before,.v20-home .x-hero:after,
#eroeffnungsvideo:before,#eroeffnungsvideo:after,
#system:before,#system:after,
#ergebnisse:before,#ergebnisse:after,
#fuer-wen:before,#fuer-wen:after,
#geschichte:before,#geschichte:after,
#konfigurator:before,#konfigurator:after,
.tc26 .x-founder:before,.tc26 .x-founder:after,
.tc26 .x-history:before,.tc26 .x-history:after,
.tc26 .v20-build:before,.tc26 .v20-build:after,
.tc26 .v20-process:before,.tc26 .v20-process:after{
  display:none!important;
}

/* Navigation stays clean white. */
.nav{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--v23-line)!important;box-shadow:0 8px 24px rgba(25,26,28,.035)!important}

/* 2. Neutral TC-system board. Red is a guide, not the entire UI. */
#system .x-system-wrap,.v8-growth-board,.v19-workspace,.v19-card,
.v20-process-card,.v20-build-card,.v20-build-note,.xp-outbox,.x-principle,.x-history-item{
  background:var(--v23-white)!important;
  background-image:none!important;
  border-color:var(--v23-line)!important;
  box-shadow:var(--v23-shadow)!important;
}
#system .x-system-tabs{background:#eceeed!important;border-color:var(--v23-line)!important}
#system .x-system-tab{background:transparent!important;color:#555960!important}
#system .x-system-tab.active{background:#fff!important;color:var(--v23-ink)!important;box-shadow:inset 0 -2px 0 var(--v23-red)!important}
#system .x-system-tab .n{background:#e7e8e8!important;color:#555b61!important}
#system .x-system-tab.active .n{background:var(--v23-red)!important;color:#fff!important}

.v8-growth-board{border-color:var(--v23-line-strong)!important}
.v8-board-head,.v8-board-caption,.v8-board-footer{background:#fafafa!important;border-color:var(--v23-line)!important}
.v8-board-caption b,.v4-result-label,.v4-stage-state{color:var(--v23-red)!important}
.v8-stage{background:#fff!important;border-color:var(--v23-line)!important;box-shadow:none!important}
.v8-stage:hover{background:#fafafa!important;border-color:#cdd0d2!important;transform:translateY(-1px)}
.v8-stage.active{background:#fff!important;border-color:#c9c9c7!important;box-shadow:inset 3px 0 0 var(--v23-red)!important}
.v8-stage .v4-stage-no{background:#eef0f1!important;color:#60656b!important;border:1px solid #dfe1e2!important}
.v8-stage.active .v4-stage-no{background:var(--v23-red)!important;color:#fff!important;border-color:var(--v23-red)!important}
.v8-stage-glyph{background:#fff!important;border:1px solid #dde0e2!important;box-shadow:none!important}
.v8-stage-glyph img{width:19px!important;height:19px!important;object-fit:contain!important;border-radius:4px!important;display:block!important}
.v8-stage-copy b{color:var(--v23-ink)!important}.v8-stage-copy small{color:var(--v23-muted)!important}
.v4-stage-state{background:#f6f6f5!important;border:1px solid #e3e3e1!important}

.v8-system-effect{background:#f7f8f8!important;background-image:none!important;color:var(--v23-ink)!important;border:1px solid var(--v23-line)!important;box-shadow:none!important}
.v8-system-effect:before,.v8-system-effect:after,.v8-effect-orbit:before,.v8-effect-orbit:after{display:none!important}
.v8-effect-orbit{background:#fff!important;border:1px solid var(--v23-line)!important}
.v4-result-mark{background:#fff!important;border:1px solid #dadddf!important;box-shadow:none!important}
.v4-result-mark img{filter:none!important}
.v8-effect-copy h4{color:var(--v23-ink)!important}.v8-effect-copy p{color:var(--v23-muted)!important}
.v8-effect-metrics>div{background:#fff!important;border:1px solid var(--v23-line)!important}
.v8-effect-metrics small{color:#85898e!important}.v8-effect-metrics strong{color:var(--v23-ink)!important}

/* 3. Standard, recognizable app symbols in the five system steps. */
.v8-stage-glyph svg{display:none!important}

/* Hero micro-visuals are deliberately neutral. */
.v8-hero-benefits{background:#fff!important;border-color:var(--v23-line)!important;box-shadow:none!important}
.v8-hero-benefits>span{border-color:var(--v23-line)!important}
.v8-hero-benefits i,.v8-focus-row>span i{
  background:#f2f3f3!important;color:#4f555b!important;border:1px solid #dfe1e2!important;box-shadow:none!important
}
.v8-hero-benefits b,.v8-focus-row>span{color:var(--v23-text)!important}
.v8-hero-benefits small{color:var(--v23-muted)!important}

/* 4. Realistic software templates: neutral OS surfaces with selective app colors. */
.v19-visual{background:transparent!important}
.v19-workspace{background:#f4f5f5!important;border:1px solid var(--v23-line)!important;padding:12px!important}
.v19-card{color:var(--v23-text)!important}
.v19-card .v19-windowbar,.v19-card header{border-color:#e5e6e6!important}
.v19-windowbar{background:#f7f8f8!important;color:#555a60!important}
.v19-dots i:nth-child(1){background:#e36a65!important}.v19-dots i:nth-child(2){background:#e9b54c!important}.v19-dots i:nth-child(3){background:#68b67c!important}
.v19-summary{background:#fafafa!important}
.v19-summary-brand img,.v19-card header img{background:#fff!important;border:1px solid #e2e3e4!important;border-radius:7px!important;padding:3px!important}
.v19-overline{color:#73777c!important}
.v19-summary h4{color:var(--v23-ink)!important}.v19-summary h4 em{color:var(--v23-red)!important}
.v19-summary p{color:var(--v23-muted)!important}
.v19-benefits span{background:#fff!important;border:1px solid var(--v23-line)!important}
.v19-benefits i{background:#eef0f1!important;color:#555b61!important}
.v19-benefits b{color:#33363a!important}.v19-benefits small{color:#7b7f84!important}
.v19-fazit{background:#f6f6f5!important;border:1px solid #e0e1e1!important;border-left:3px solid var(--v23-red)!important}
.v19-fazit b{color:var(--v23-red)!important}.v19-fazit span{color:#656a70!important}
.v19-chips span{background:#f1f2f2!important;border-color:#e0e2e3!important;color:#555b60!important}
.v19-result-main{border-left:3px solid var(--v23-red)!important}

/* Positioning/search scene: browser colors should feel native, not branded red. */
.v19-search .v19-searchbar,.v19-browser-search,.v19-urlbar{background:#f5f6f6!important;border-color:#dfe1e2!important;color:#676c72!important}
.v19-search-result{background:#fff!important;border-color:#e0e2e3!important}
.v19-search-result h4,.v19-search-result a{color:#244f88!important}
.v19-diagnosis .good,.v19-score-list .good{background:#edf5ef!important;color:#3e7251!important}
.v19-score-list .warn{background:#fff5df!important;color:#8a671f!important}
.v19-meter{background:#eceeef!important}.v19-meter i{background:var(--v23-red)!important}

/* Demand/mobile: use actual app colors only inside icons; rest remains neutral. */
.v19-notifications{background:#f2f3f4!important}
.v19-note{background:rgba(255,255,255,.96)!important;border-color:#e0e2e3!important;box-shadow:0 8px 18px rgba(29,31,34,.045)!important}
.v22-icon-wrap{background:#fff!important;border-color:#e0e2e3!important}
.v22-icon-wrap img{filter:none!important}
.v19-flow span{background:#fff!important;border-color:#e0e2e3!important}.v19-flow span.active,.v19-flow span.result{border-color:#c7c9cb!important;box-shadow:inset 0 0 0 1px #f1f2f2!important}
.v19-flow span i{background:#eef0f1!important;color:#52575d!important}.v19-flow span.result i{background:var(--v23-red)!important;color:#fff!important}
.v19-kpis span{background:#f7f8f8!important;border-color:#e0e2e3!important}.v19-kpis b{color:#30343a!important}

/* CRM and operations: enterprise neutral palette. */
.v19-pipeline,.v19-ops{background:#f5f6f7!important}
.v19-pipecols>div,.v19-op-row,.v19-lead-detail,.v19-offer-score,.v19-funnel{background:#fff!important;border-color:#e0e2e3!important}
.v19-pipecols article{background:#f7f8f8!important;border-color:#e0e2e3!important}.v19-pipecols article.hot{border-left:3px solid #526d8a!important}.v19-pipecols article.won{border-left:3px solid #558166!important}
.v19-live{background:#edf5ef!important;color:#48705a!important}
.v19-next{background:#f6f7f7!important;border-color:#e0e2e3!important}

/* 5. Mini-scenes on detail pages become product-neutral, with one TC accent. */
.v22-mini-scene{background:#f5f6f6!important;background-image:none!important;border-color:#dfe1e2!important;box-shadow:none!important}
.v22-mini-scene:before{display:none!important}
.v22-scene-head{border-color:#e1e3e4!important}.v22-scene-head i{background:#67717b!important;box-shadow:18px 0 0 #aab0b5,36px 0 0 #d8dbdd!important}.v22-scene-head b{color:#3d4248!important}.v22-scene-head small{color:#81868b!important}
.v22-scene-list span{background:#e4e7e9!important}.v22-scene-list span:after{background:#87929d!important}
.v22-scene-list span:nth-child(3):after{background:var(--v23-red)!important}
.v22-scene-kpi{border-color:#dfe1e2!important;background:#fff!important}.v22-scene-kpi strong{color:#34393f!important}
.v22-mini-scene.scene-chart .v22-scene-list span{background:#8c969f!important}.v22-mini-scene.scene-chart .v22-scene-list span:last-child{background:var(--v23-red)!important}
.v22-mini-scene.scene-flow .v22-scene-list span,.v22-mini-scene.scene-board .v22-scene-list span{background:#fff!important;border-color:#dfe1e2!important}
.v22-mini-scene.scene-flow .v22-scene-list span:after{background:#7b8791!important}.v22-mini-scene.scene-flow .v22-scene-list span:last-child:after{background:var(--v23-red)!important}

/* Work/output blocks: typography and hierarchy suited to consulting. */
.tc26 .v20-process-card,.tc26 .v20-build-card{background:#fff!important;background-image:none!important;border:1px solid var(--v23-line)!important;box-shadow:0 12px 32px rgba(29,31,34,.04)!important}
.tc26 .v20-process-card:hover,.tc26 .v20-build-card:hover{transform:translateY(-2px)!important;border-color:#cfd1d2!important;box-shadow:0 18px 38px rgba(29,31,34,.065)!important}
.tc26 .v20-process-card h3,.tc26 .v20-build-card h3{color:var(--v23-ink)!important}
.tc26 .v20-process-card p,.tc26 .v20-build-card>p{color:var(--v23-muted)!important}
.tc26 .v20-process-outcome,.tc26 .v20-build-output{color:var(--v23-red)!important}

/* Founder chapter is flat graphite. No ruby fog or section fade. */
#geschichte,.tc26 .x-founder{background:#151518!important;background-image:none!important}
#geschichte .x-heading,.tc26 .x-founder .x-heading{color:#fff!important}
#geschichte .x-heading em,.tc26 .x-founder .x-heading em{color:#e6b9c3!important}
#geschichte .x-desc,.tc26 .x-founder .x-desc{color:#c5c4c6!important}
#geschichte .x-founder-story span,.tc26 .x-founder-story span{background:#292b2e!important;border-color:#3a3c40!important}
#geschichte .x-kicker{background:#222326!important;color:#f0d7dc!important;border-color:#383a3e!important}

/* Results keep TC red for the AFTER state, but navigation and surrounding UI stay neutral. */
#ergebnisse .v10-case-before,#ergebnisse .case-before{background:#343438!important;background-image:none!important}
#ergebnisse .v10-case-after,#ergebnisse .case-after{background:var(--v23-red-dark)!important;background-image:none!important}
#ergebnisse .v10-case-item{background:#fff!important;border-color:var(--v23-line)!important;box-shadow:none!important}
#ergebnisse .v10-case-item.active{border-color:#b6b8ba!important;box-shadow:inset 3px 0 0 var(--v23-red)!important}

/* Keep motion professional and restrained. */
.v22-reveal{transition:opacity .42s ease,transform .42s ease!important;transform:translateY(10px)}
.v8-stage,.v19-card,.v20-process-card,.v20-build-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease!important}

@media(max-width:760px){
  .v19-workspace{padding:8px!important}
}