/* Zentrale Kontrast- und Akzentlogik für alle auswählbaren Farbwelten. */
.btn-fire,
.s4-primary,
.journal-hero-bottom>a,
.journal-trust i,
.journal-final,
.article-next a,
.case-drop i,
.case-next-btn,
.case-share,
.case-success i,
.area-fact i,
.area-final,
.story-person>span,
.loc-arrival,
.radius-cta,
.s4-audience-cta,
.case-lab-meta span,
.case-lab-slides button.on,
.s4-reviews-link span,
.s4-review-audio i,
.s4-review-audio.is-playing,
.s4-route-foot .btn,
.ug-claim-accent,
.ug-stamp,
.ug-v2 .ug-cost-main,
.ug-v2 .ug-audience-grid article:nth-child(2),
.why-portrait-cred>span,
.why-cost-icon,
.why-manifesto,
.why-value-dialog span:last-child,
.why-song-disc::after,
.why-song-cta span{color:var(--on-accent)!important}

.journal-final h2,
.journal-final h2 em,
.journal-final p,
.loc-arrival h2,
.loc-arrival p,
.ug-claim-accent span,
.ug-claim-accent h3,
.ug-claim-accent p,
.ug-v2 .ug-cost-main .kicker,
.ug-v2 .ug-cost-main p,
.ug-v2 .ug-cost-main li,
.ug-v2 .ug-audience-grid article:nth-child(2) span,
.ug-v2 .ug-audience-grid article:nth-child(2) h3,
.ug-v2 .ug-audience-grid article:nth-child(2) p,
.why-manifesto .kicker,
.why-manifesto h2,
.why-manifesto blockquote>p,
.why-manifesto blockquote footer,
.why-manifesto .why-principle-no,
.why-manifesto .why-principle-shift del,
.why-manifesto .why-principle-shift strong,
.why-manifesto .why-principle p,
.why-manifesto .why-manifesto-end p,
.why-manifesto .why-text-link{color:var(--on-accent)!important}

.why-manifesto .kicker::before,
.why-manifesto blockquote footer::before{background:var(--on-accent)!important}
.why-manifesto .why-manifesto-head,
.why-manifesto .why-principles,
.why-manifesto .why-principle,
.why-manifesto .why-manifesto-end{border-color:color-mix(in srgb,var(--on-accent) 28%,transparent)!important}

.article-page,
.article-hero,
.article-next,
.article-body h2,
.article-points li,
.blog-page,
.journal-hero,
.journal-index,
.journal-boundary,
.journal-card{color:var(--txt)}
.article-deck,
.article-breadcrumb,
.article-aside small,
.article-aside a,
.article-note,
.article-body p,
.article-sources small,
.journal-issue,
.journal-hero-bottom>p,
.journal-trust span,
.journal-index header>p,
.journal-card-top,
.journal-card p,
.journal-boundary>.wrap>div:last-child>p:not(.journal-kicker){color:var(--dim)}
.article-points li,
.article-section--example,
.article-section--important,
.article-section--checklist,
.journal-card{border-color:var(--panel-brd)!important}

html[data-color-theme="legacy"] .loc-explorer,
html[data-color-theme="legacy"] .loc-explorer h2,
html[data-color-theme="legacy"] .loc-explorer h3{color:#F4F2EC}
html[data-color-theme="legacy"] .loc-explorer .loc-section-head>p,
html[data-color-theme="legacy"] .loc-explorer .loc-localities span{color:#AEB6B0}

@media(min-width:761px){
  .why-call-advice{bottom:25%!important}
  .why-hero-copy .kicker{font-size:calc(.75rem + 1px)!important}
  .why-hero-micro{font-size:calc(.66rem + 2px)!important}
  .why-trust span{font-size:calc(.58rem + 2px)!important}
  .why-portrait figcaption span{font-size:calc(.6rem + 1px)!important}
  .why-portrait-cred p{font-size:calc(.58rem + 2px)!important}
  .why-portrait-live{font-size:calc(.62rem + 1px)!important}
  .why-song-tags span{font-size:calc(.56rem + 2px)!important}
  .why-song-cta{font-size:calc(.66rem + 2px)!important}
  .why-song-player-head span{font-size:calc(.54rem + 3px)!important}
  .why-song-note{font-size:calc(.64rem + 2px)!important}
  .why-insurer-right>span{font-size:calc(.59rem + 2px)!important}
  .why-values .kicker{font-size:calc(.75rem + 1px)!important}
  .why-values-head h2{font-size:calc(clamp(3.2rem,6.2vw,6.3rem) + 1px)!important}
  .why-values-head>p{font-size:calc(1.02rem + 1px)!important}
  .why-value-top>span{font-size:calc(1rem + 1px)!important}
  .why-value-top i{font-size:calc(.57rem + 1px)!important}
  .why-value-card h3{font-size:calc(clamp(1.9rem,2.8vw,3rem) + 1px)!important}
  .why-value-card>p{font-size:calc(.92rem + 1px)!important}
  .why-value-result span{font-size:calc(.54rem + 1px)!important}
  .why-value-result strong{font-size:calc(1.05rem + 1px)!important}
  .why-values-network span{font-size:calc(.56rem + 1px)!important}
  .why-values-network h3{font-size:calc(1.55rem + 1px)!important}
  .why-values-network>p{font-size:calc(.91rem + 1px)!important}
  .why-qualification-year{
    font-family:var(--f-d)!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
  }
  html[data-color-theme="legacy"] .why-qualification{
    background:linear-gradient(180deg,#fbfaff 0%,#f5f1ff 100%)!important;
  }
}

/* ================================================================
   STONE ORANGE — complete homepage colour system
   ================================================================ */
html[data-color-theme="stone"] body.home-four.home-five{
  background:var(--bg)!important;
  color:var(--txt)!important;
}
html[data-color-theme="stone"] body.home-five :is(
  .s4-hybrid,.damage-deck,.accident-help,.h5-case-entry,.s4-route,
  .s4-audiences,.case-lab,.s4-signature,.s4-reviews,.s4-footer
){
  color:var(--txt)!important;
}
html[data-color-theme="stone"] body.home-five :is(.s4-hybrid,.accident-help,.s4-route,.case-lab,.s4-reviews,.s4-footer){
  background-color:var(--bg)!important;
}
html[data-color-theme="stone"] body.home-five :is(.damage-deck,.h5-case-entry,.s4-audiences,.s4-signature){
  background-color:var(--bg-2)!important;
}
html[data-color-theme="stone"] body.home-five .s4-hybrid{
  background:
    radial-gradient(circle at 76% 39%,color-mix(in srgb,var(--orange) 15%,transparent),transparent 30%),
    radial-gradient(circle at 24% 96%,color-mix(in srgb,var(--accent-light) 5%,transparent),transparent 28%),
    var(--bg)!important;
}
html[data-color-theme="stone"] body.home-five :is(.s4-grid,.damage-deck-grid,.s4-route-orbit,.s4-reviews::after,.s4-footer-grid){
  background-image:
    linear-gradient(color-mix(in srgb,var(--txt) 4%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--txt) 4%,transparent) 1px,transparent 1px)!important;
}
html[data-color-theme="stone"] body.home-five :is(
  .s4-lede,.damage-deck-head>p:last-child,.accident-help .head>p,
  .s4-route-head>p,.s4-audiences-head>p,.case-lab-head>p,
  .s4-signature-copy blockquote,.s4-footer-callout-copy>span
){color:var(--dim)!important}
html[data-color-theme="stone"] body.home-five :is(
  .s4-copy h1,.damage-deck-head h2,.accident-help h2,.h5-case-entry h2,
  .s4-route-head h2,.s4-audiences-head h2,.case-lab-head h2,
  .s4-signature-copy h2,.s4-reviews-head h2,.s4-footer-callout h2
){color:var(--txt)!important}
html[data-color-theme="stone"] body.home-five :is(
  .s4-kicker,.kicker,.h2-kicker,.damage-card-top span,.s4-route-head .kicker,
  .s4-world-head span,.case-lab-tabs span,.s4-signature-copy h2 em,
  .s4-reviews-head h2 em,.s4-footer-callout h2 em,.s4-footer-nav span
){color:var(--orange)!important}

/* Cards and interactive surfaces use the dedicated Stone card and line roles. */
html[data-color-theme="stone"] body.home-five :is(
  .damage-deck-readout,.damage-card,.accident-checklist li,.h5-case-entry-card,
  .s4-route-card,.s4-world,.case-lab-tabs button,.case-lab-bottom,
  .s4-signature-copy,.s4-review-score,.s4-review-card,.s4-review-controls button,
  .s4-reviews-link,.s4-footer-phone
){
  border-color:var(--panel-brd)!important;
  background-color:var(--panel)!important;
  color:var(--txt)!important;
}
html[data-color-theme="stone"] body.home-five .damage-card{
  background:linear-gradient(150deg,color-mix(in srgb,var(--orange) 7%,var(--panel)),var(--panel) 48%,color-mix(in srgb,var(--bg) 82%,#000))!important;
}
html[data-color-theme="stone"] body.home-five .damage-card.is-active{
  border-color:var(--orange)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--orange) 15%,var(--panel)),var(--panel) 62%)!important;
  box-shadow:0 38px 90px rgba(0,0,0,.3),0 0 42px color-mix(in srgb,var(--orange) 13%,transparent)!important;
}
html[data-color-theme="stone"] body.home-five :is(.damage-card-copy strong,.damage-deck-readout>strong,.s4-world-copy h3,.s4-review-card blockquote){
  color:var(--txt)!important;
}
html[data-color-theme="stone"] body.home-five :is(
  .damage-card-copy small,.damage-card-action i,.damage-deck-readout>small,
  .s4-world-copy p,.s4-review-person small,.s4-review-card-foot span
){color:var(--dim)!important}
html[data-color-theme="stone"] body.home-five :is(.damage-card-top,.damage-card-action,.s4-review-card-foot){
  border-color:var(--panel-brd)!important;
}

/* Cinematic accident and route modules retain depth without falling back to black. */
html[data-color-theme="stone"] body.home-five .accident-help{
  background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg-2) 58%,var(--bg)))!important;
}
html[data-color-theme="stone"] body.home-five .s4-route{
  background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg-2) 38%,var(--bg)))!important;
}
html[data-color-theme="stone"] body.home-five :is(.s4-route-object,.s4-route-step h3){
  background-color:var(--bg)!important;
}
html[data-color-theme="stone"] body.home-five .s4-route-line{background:var(--panel-brd)!important}
html[data-color-theme="stone"] body.home-five .s4-route-line:after{background:var(--accent-light)!important}

/* Audience worlds and signature use the warmer raised Stone surface. */
html[data-color-theme="stone"] body.home-five .s4-audiences{
  background:linear-gradient(180deg,var(--bg-2),color-mix(in srgb,var(--bg) 58%,var(--bg-2)))!important;
}
html[data-color-theme="stone"] body.home-five .s4-world{
  background:var(--panel)!important;
  border-color:var(--panel-brd)!important;
}
html[data-color-theme="stone"] body.home-five .s4-world-visual{
  background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--orange) 16%,transparent),transparent 40%),var(--panel)!important;
}
html[data-color-theme="stone"] body.home-five .s4-world:after{
  background:linear-gradient(to top,color-mix(in srgb,var(--bg) 92%,transparent),transparent 64%)!important;
}
html[data-color-theme="stone"] body.home-five .s4-audience-cta .btn{
  background:var(--bg)!important;
  color:var(--txt)!important;
}
html[data-color-theme="stone"] body.home-five .s4-signature{
  background:linear-gradient(135deg,var(--bg-2),color-mix(in srgb,var(--orange) 4%,var(--bg-2)))!important;
}
html[data-color-theme="stone"] body.home-five .s4-signature-values span{
  border-color:var(--panel-brd)!important;
  background:color-mix(in srgb,var(--txt) 4%,transparent)!important;
  color:var(--txt)!important;
}

/* The technical case file stays inside the dark Stone system. */
html[data-color-theme="stone"] body.home-five .case-lab{
  background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg-2) 42%,var(--bg)))!important;
}
html[data-color-theme="stone"] body.home-five :is(.case-lab-tabs,.case-lab-stage,.case-lab-bottom){border-color:var(--panel-brd)!important}
html[data-color-theme="stone"] body.home-five .case-lab-tabs button{border-color:var(--panel-brd)!important}
html[data-color-theme="stone"] body.home-five .case-lab-view{
  background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--orange) 9%,var(--panel)),var(--bg) 70%)!important;
}
html[data-color-theme="stone"] body.home-five .case-lab-file{
  background:linear-gradient(155deg,color-mix(in srgb,var(--orange) 4%,var(--panel)),var(--panel))!important;
  color:var(--txt)!important;
  border-color:var(--panel-brd)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.28)!important;
}
html[data-color-theme="stone"] body.home-five :is(.case-lab-file-top,.case-lab-rows>div){border-color:var(--panel-brd)!important}
html[data-color-theme="stone"] body.home-five .case-lab-file-top strong{color:var(--accent-light)!important}
html[data-color-theme="stone"] body.home-five .case-lab-rows b{color:var(--txt)!important}
html[data-color-theme="stone"] body.home-five :is(.case-lab-file-top span,.case-lab-rows small,.case-lab-file>p){color:var(--dim)!important}
html[data-color-theme="stone"] body.home-five .case-lab-file .inv-row{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}
html[data-color-theme="stone"] body.home-five .case-lab-rows strong,
html[data-color-theme="stone"] body.home-five .case-lab-total strong{color:var(--accent-light)!important}
html[data-color-theme="stone"] body.home-five .case-lab-rows strong.zero{color:var(--accent-light)!important}
html[data-color-theme="stone"] body.home-five .case-lab-total{
  border-color:color-mix(in srgb,var(--orange) 58%,transparent)!important;
  background:color-mix(in srgb,var(--orange) 12%,var(--bg))!important;
}
html[data-color-theme="stone"] body.home-five .case-lab-total span{color:var(--dim)!important}

/* Reviews and footer finish in the same Stone family. */
html[data-color-theme="stone"] body.home-five .s4-reviews{
  background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--orange) 12%,transparent),transparent 33%),var(--bg)!important;
}
html[data-color-theme="stone"] body.home-five .s4-review-card{
  background:linear-gradient(145deg,color-mix(in srgb,var(--txt) 3%,var(--panel)),var(--panel))!important;
}
html[data-color-theme="stone"] body.home-five .s4-review-controls button:hover{
  background:var(--accent-light)!important;
  color:var(--on-accent)!important;
}
html[data-color-theme="stone"] body.home-five .s4-footer{
  background:var(--bg)!important;
  border-color:var(--panel-brd)!important;
}
html[data-color-theme="stone"] body.home-five :is(.s4-footer-callout,.s4-footer-signature){border-color:var(--panel-brd)!important}
html[data-color-theme="stone"] body.home-five .s4-footer-callout-copy>p{color:var(--accent-light)!important}
html[data-color-theme="stone"] body.home-five .s4-footer-whatsapp{
  background:var(--orange)!important;
  color:var(--on-accent)!important;
}
html[data-color-theme="stone"] body.home-five .s4-footer-nav a{color:var(--dim)!important}
html[data-color-theme="stone"] body.home-five .s4-footer-nav a:hover{color:var(--txt)!important}

/* Navigation and utility panels follow the same palette on desktop and mobile. */
html[data-color-theme="stone"] body.home-five header.site .nav,
html[data-color-theme="stone"] body.home-five header.site nav.links.is-open{
  background:color-mix(in srgb,var(--bg) 94%,transparent)!important;
  border-color:var(--panel-brd)!important;
}
html[data-color-theme="stone"] body.home-five :is(.menu-tool-panel,.lang-menu,.s5-nav-panel,.s5-nav-toggle){
  background:color-mix(in srgb,var(--panel) 96%,transparent)!important;
  border-color:var(--panel-brd)!important;
  color:var(--txt)!important;
}
html[data-color-theme="stone"] body.home-five .s5-journey{
  --nav-ink:var(--txt);
  --nav-dim:var(--dim);
  --nav-surface:color-mix(in srgb,var(--panel) 94%,transparent);
}

@media(min-width:901px){
  .why-qualification-item{
    grid-template-columns:130px minmax(0,1fr) 150px!important;
  }
}

/* Die Vorteilsspalte steht ohne störenden vertikalen Trenner klarer im Layout. */
.why-qualification-result{
  border-left:0!important;
  padding-left:0!important;
}

/* Die durchgehende Hintergrundlinie hinter der Telefonkarte entfällt. */
.why-insurer-line{
  display:none!important;
}

@media(max-width:800px){
  .article-hero h1,.article-body h2{max-width:100%;overflow-wrap:anywhere}
}

/* Original-Farbwelt: konsequent helle Seiten, Lila und Gruen nur als Akzente. */
html[data-color-theme="legacy"]{
  color-scheme:light;
  --legacy-bg:#fff;
  --legacy-soft:#f6f3ff;
  --legacy-panel:#fff;
  --legacy-lavender:#d9ceff;
  --legacy-lavender-strong:#b8a4ff;
  --legacy-text:#17151b;
  --legacy-dim:#625f6b;
  --legacy-line:rgba(111,71,255,.2);
}

/* Journal: dieselbe Farbwelt wie der globale Farbwähler verwenden.
   Die Journal-CSS hatte bislang eigene feste Lila-/Weißwerte und ignorierte
   dadurch die Auswahl im Menü. */
.blog-page{
  --journal-violet:var(--orange);
  --journal-lavender:color-mix(in srgb,var(--orange) 42%,var(--bg-2));
  --journal-ink:var(--txt);
  --journal-muted:var(--dim);
  --journal-line:color-mix(in srgb,var(--txt) 18%,transparent);
  --journal-soft:var(--bg-2);
  background:var(--bg)!important;
  color:var(--txt);
}
.journal-hero,
.journal-index,
.journal-boundary,
.journal-standard,
.journal-final,
.article-page,
.article-hero,
.article-next,
.article-sources{
  background:var(--bg)!important;
  color:var(--txt);
}
.journal-hero{
  background:
    radial-gradient(700px 640px at 78% 30%,color-mix(in srgb,var(--orange) 24%,transparent),transparent 68%),
    radial-gradient(520px 340px at 8% 88%,color-mix(in srgb,var(--orange) 10%,transparent),transparent 72%),
    var(--bg)!important;
}
.journal-grid{background-image:
  linear-gradient(color-mix(in srgb,var(--orange) 12%,transparent) 1px,transparent 1px),
  linear-gradient(90deg,color-mix(in srgb,var(--orange) 12%,transparent) 1px,transparent 1px)!important}
.journal-hero h1,.journal-card h3,.journal-boundary h2,.journal-standard h2,.journal-final h2,
.article-body h1,.article-body h2,.article-body h3{color:var(--txt)!important}
.journal-hero-title-line--2,.journal-issue b,.journal-kicker,.journal-hero-bottom>span,
.article-kicker,.article-sources h2,.article-next h2{color:var(--orange)!important}
.journal-hero-text,.journal-hero-bottom>p,.journal-card p,.journal-index header>p,
.journal-boundary p,.article-deck,.article-body p,.article-aside,.article-sources p{color:var(--dim)!important}
.journal-hero-cta,.journal-protocol-sources,.article-next a{background:var(--orange)!important;border-color:var(--orange)!important;color:var(--on-accent)!important}
.journal-card,.journal-sheet,.journal-standard-panel,.article-body,.article-sources .wrap{
  border-color:var(--journal-line)!important;
  background:color-mix(in srgb,var(--bg-2) 88%,var(--bg))!important;
}
.journal-card small,.journal-card-top,.journal-issue{color:var(--dim)!important}
.journal-book::after{background:color-mix(in srgb,var(--orange) 28%,var(--bg-2))!important}

/* Blog-Farbwelt: auch die innere Editorial-Gestaltung folgt der Auswahl.
   Die helle Legacy-Farbwelt behält bewusst ihr ursprüngliches Lila/Weiß. */
html:not([data-color-theme="legacy"]) .blog-page .journal-trust{
  background:color-mix(in srgb,var(--bg-2) 92%,var(--orange) 8%)!important;
  border-color:color-mix(in srgb,var(--txt) 16%,transparent)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-trust strong{color:var(--txt)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-trust span{color:var(--dim)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-trust i{
  background:var(--orange)!important;color:var(--on-accent)!important;
  box-shadow:0 0 0 7px color-mix(in srgb,var(--orange) 12%,transparent)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-index{
  background:
    radial-gradient(760px 520px at 73% 58%,color-mix(in srgb,var(--orange) 18%,transparent),transparent 68%),
    linear-gradient(145deg,var(--bg),var(--bg-2))!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-index-sticky{
  background:
    radial-gradient(760px 520px at 73% 58%,color-mix(in srgb,var(--orange) 18%,transparent),transparent 68%),
    radial-gradient(540px 360px at 22% 84%,color-mix(in srgb,var(--orange) 8%,transparent),transparent 72%),
    linear-gradient(145deg,var(--bg),var(--bg-2))!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-hero-cta>i{
  border-color:color-mix(in srgb,var(--orange) 38%,transparent)!important;
  background:color-mix(in srgb,var(--orange) 10%,transparent)!important;
  color:var(--orange)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-lead-wash{
  background:linear-gradient(rgba(13,10,19,.52) 0%,transparent 34%,rgba(13,10,19,.94) 100%),linear-gradient(125deg,color-mix(in srgb,var(--orange) 22%,transparent),transparent 45%)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-index::before,
html:not([data-color-theme="legacy"]) .blog-page .journal-standard::before{
  color:color-mix(in srgb,var(--orange) 8%,transparent)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-index::after,
html:not([data-color-theme="legacy"]) .blog-page .journal-standard::after{
  background-image:
    linear-gradient(color-mix(in srgb,var(--orange) 10%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--orange) 10%,transparent) 1px,transparent 1px)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-index-meter>i{background:color-mix(in srgb,var(--orange) 22%,transparent)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-index-meter>i b{background:linear-gradient(90deg,var(--orange),color-mix(in srgb,var(--orange) 48%,var(--txt)))!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-book::before{
  background:color-mix(in srgb,var(--bg-2) 88%,#000)!important;
  box-shadow:0 14px 0 color-mix(in srgb,var(--bg-2) 72%,var(--orange)),0 22px 0 color-mix(in srgb,var(--orange) 24%,transparent)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-book-inside{
  background:linear-gradient(145deg,var(--bg-2),color-mix(in srgb,var(--bg-2) 78%,var(--orange)))!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-book-inside small,
html:not([data-color-theme="legacy"]) .blog-page .journal-book-inside span{color:color-mix(in srgb,var(--orange) 48%,var(--txt))!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-book-inside::after{color:color-mix(in srgb,var(--orange) 10%,transparent)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet{
  --page-bg:var(--bg-2)!important;
  --page-fg:var(--txt)!important;
  --page-accent:var(--orange)!important;
  --page-muted:var(--dim)!important;
  --page-line:color-mix(in srgb,var(--txt) 20%,transparent)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet-face--front,
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet--blueprint .journal-sheet-face--front{
  background:linear-gradient(145deg,color-mix(in srgb,var(--bg-2) 94%,var(--orange) 6%),var(--bg-2))!important;
  color:var(--txt)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet-face--back{
  background:var(--bg-2)!important;color:var(--txt)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet-face--back::before{
  background:repeating-linear-gradient(0deg,transparent 0 28px,color-mix(in srgb,var(--orange) 9%,transparent) 28px 29px)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet-face--back::after,
html:not([data-color-theme="legacy"]) .blog-page .blueprint-orbit{
  border-color:color-mix(in srgb,var(--orange) 32%,transparent)!important;
  box-shadow:0 0 0 30px color-mix(in srgb,var(--orange) 5%,transparent),0 0 0 60px color-mix(in srgb,var(--orange) 3%,transparent)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet-face--back>b{color:color-mix(in srgb,var(--orange) 12%,transparent)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet-face--back>em{
  background:color-mix(in srgb,var(--orange) 14%,transparent)!important;
  box-shadow:-5px 0 9px color-mix(in srgb,var(--orange) 10%,transparent)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet-face{
  border-color:color-mix(in srgb,var(--txt) 18%,transparent)!important;
}
html:not([data-color-theme="legacy"]) .blog-page :is(.blueprint-code,.depth-compare i){background:var(--orange)!important;color:var(--on-accent)!important}
html:not([data-color-theme="legacy"]) .blog-page .depth-compare i{box-shadow:0 0 0 8px color-mix(in srgb,var(--orange) 12%,transparent)!important}
html:not([data-color-theme="legacy"]) .blog-page :is(.blueprint-legend,.depth-below,.ledger-values b){color:var(--orange)!important}
html:not([data-color-theme="legacy"]) .blog-page .blueprint-legend span{border-color:color-mix(in srgb,var(--orange) 30%,transparent)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet--blueprint .journal-sheet-copy{
  border-left-color:var(--orange)!important;background:color-mix(in srgb,var(--bg) 90%,transparent)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .ledger-ring{border-color:var(--orange)!important;box-shadow:0 0 0 18px color-mix(in srgb,var(--orange) 8%,transparent),0 0 0 38px color-mix(in srgb,var(--orange) 4%,transparent)!important}
html:not([data-color-theme="legacy"]) .blog-page .ledger-ring span{color:var(--txt)!important}
html:not([data-color-theme="legacy"]) .blog-page .ledger-ring i{background:var(--orange)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-standard{
  background:radial-gradient(720px 560px at 88% 8%,color-mix(in srgb,var(--orange) 20%,transparent),transparent 72%),linear-gradient(145deg,var(--bg),var(--bg-2))!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-standard-stamp>span{border-color:var(--orange)!important;background:var(--orange)!important;color:var(--on-accent)!important;box-shadow:0 0 0 8px color-mix(in srgb,var(--orange) 14%,transparent)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-standard-panel li{border-color:color-mix(in srgb,var(--txt) 16%,transparent)!important;color:var(--txt)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-standard-panel li::before{color:var(--orange)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-standard-panel li::after{background:linear-gradient(90deg,var(--orange),color-mix(in srgb,var(--orange) 8%,transparent))!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-standard-panel li:hover{background:color-mix(in srgb,var(--orange) 9%,transparent)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-protocol-axis::before,
html:not([data-color-theme="legacy"]) .blog-page .journal-protocol-axis::after{border-color:color-mix(in srgb,var(--orange) 34%,transparent)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-protocol-axis::after{border-color:var(--orange)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-protocol-sources{background:var(--orange)!important;color:var(--on-accent)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-protocol-sources :is(h3,a,strong,small,span){color:var(--on-accent)!important}
html:not([data-color-theme="legacy"]) .blog-page .source-links,
html:not([data-color-theme="legacy"]) .blog-page .source-links a{border-color:color-mix(in srgb,var(--on-accent) 28%,transparent)!important}

/* Blogbeiträge: Die Quellenkarten liegen in den dunklen Farbwelten auf einer
   dunklen Fläche. Ihre ursprüngliche schwarze Schrift ist nur für Legacy gedacht. */
html:not([data-color-theme="legacy"]) .article-page .article-sources .source-grid a{
  color:var(--txt)!important;
  border-color:color-mix(in srgb,var(--txt) 26%,transparent)!important;
  background:color-mix(in srgb,var(--txt) 3%,transparent)!important;
}
html:not([data-color-theme="legacy"]) .article-page .article-sources .source-grid a :is(span,b){
  color:inherit!important;
}
html:not([data-color-theme="legacy"]) .article-page .article-sources .source-grid a:hover{
  color:var(--on-accent)!important;
  border-color:var(--orange)!important;
  background:var(--orange)!important;
}
html:not([data-color-theme="legacy"]) .article-page .article-sources small{
  color:var(--dim)!important;
}

@media(max-width:760px){
  html:not([data-color-theme="legacy"]) .blog-page .journal-hero{
    background:radial-gradient(360px 480px at 100% 24%,color-mix(in srgb,var(--orange) 22%,transparent),transparent 70%),var(--bg)!important;
  }
  html:not([data-color-theme="legacy"]) .blog-page .journal-index{background:linear-gradient(155deg,var(--bg),var(--bg-2))!important}
  html:not([data-color-theme="legacy"]) .blog-page .journal-index-sticky{background:linear-gradient(155deg,var(--bg),var(--bg-2))!important}
  html:not([data-color-theme="legacy"]) .blog-page .journal-standard{background:radial-gradient(300px 340px at 100% 5%,color-mix(in srgb,var(--orange) 20%,transparent),transparent 70%),linear-gradient(160deg,var(--bg),var(--bg-2))!important}
  html:not([data-color-theme="legacy"]) .blog-page .journal-standard-panel::before,
  html:not([data-color-theme="legacy"]) .blog-page .journal-standard-panel::after{background:color-mix(in srgb,var(--orange) 24%,var(--bg-2))!important}
}

/* Kostenbereich Unfallgutachten: Auf dunklen Farbwelten darf die originale
   Verlaufskarte nicht die dunkle Textfarbe einer vollflächigen Akzentkarte erben. */
html:not([data-color-theme="legacy"]) .ug-v2 .ug-cost.ug-original .ug-cost-main,
html:not([data-color-theme="legacy"]) .ug-v2 .ug-cost.ug-original .ug-cost-main h2{
  color:var(--txt)!important;
}
html:not([data-color-theme="legacy"]) .ug-v2 .ug-cost.ug-original .ug-cost-main .kicker{
  color:var(--orange)!important;
}
html:not([data-color-theme="legacy"]) .ug-v2 .ug-cost.ug-original .ug-cost-main>p,
html:not([data-color-theme="legacy"]) .ug-v2 .ug-cost.ug-original .ug-cost-main li{
  color:color-mix(in srgb,var(--txt) 78%,transparent)!important;
}
html:not([data-color-theme="legacy"]) .ug-v2 .ug-cost.ug-original .ug-cost-main li{
  border-color:color-mix(in srgb,var(--txt) 20%,transparent)!important;
  background:color-mix(in srgb,var(--bg) 42%,transparent);
}
html:not([data-color-theme="legacy"]) .ug-v2 .ug-cost.ug-original .ug-cost-side>small{
  color:color-mix(in srgb,var(--txt) 72%,transparent)!important;
}
html[data-color-theme="legacy"] body,
html[data-color-theme="legacy"] main{background:var(--legacy-bg);color:var(--legacy-text)}
html[data-color-theme="legacy"] #story{
  background:var(--legacy-bg)!important;
  color:var(--legacy-text)!important;
}
html[data-color-theme="legacy"] #story :is(.story-head,.story-card){
  background:rgba(255,255,255,.94)!important;
  border-color:var(--legacy-line)!important;
  color:var(--legacy-text)!important;
}
html[data-color-theme="legacy"] #story :is(h2,h3,strong){color:var(--legacy-text)!important}
html[data-color-theme="legacy"] #story :is(p,small){color:var(--legacy-dim)!important}

html[data-color-theme="legacy"] :is(
  .s4-hybrid,.accident-help,.h5-case-entry,.s4-stats-lab,.case-lab,.s4-route,
  .s4-versus,.s4-audiences,.s4-signature,.s4-reviews,.s4-benefits,
  .journal-final,.article-next,.loc-explorer,.loc-proof-areas,.loc-radius,
  .area-hero,.area-body,.area-faq,
  .why-manifesto,.why-contact-final,.case-start-app
){background:var(--legacy-bg)!important;color:var(--legacy-text)!important}

html[data-color-theme="legacy"] :is(
  .accident-help,.s4-stats-lab,.s4-route,.s4-audiences,.s4-reviews,
  .journal-final,.article-next,.loc-explorer,.loc-radius,.area-body,.area-faq,
  .why-manifesto,.why-contact-final
){background:var(--legacy-soft)!important}

html[data-color-theme="legacy"] :is(
  .s4-hybrid,.accident-help,.h5-case-entry,.s4-stats-lab,.case-lab,.s4-route,
  .s4-versus,.s4-audiences,.s4-signature,.s4-reviews,.s4-benefits,
  .journal-final,.article-next,.loc-explorer,.loc-proof-areas,.loc-radius,
  .area-hero,.area-body,.area-faq,
  .why-manifesto,.why-contact-final,.case-start-app
) :is(h1,h2,h3,h4,strong,b){color:var(--legacy-text)!important}

html[data-color-theme="legacy"] :is(
  .s4-hybrid,.accident-help,.h5-case-entry,.s4-stats-lab,.case-lab,.s4-route,
  .s4-versus,.s4-audiences,.s4-signature,.s4-reviews,.s4-benefits,
  .journal-final,.article-next,.loc-explorer,.loc-proof-areas,.loc-radius,
  .area-hero,.area-body,.area-faq,
  .why-manifesto,.why-contact-final,.case-start-app
) :is(p,li,small){color:var(--legacy-dim)!important}

html[data-color-theme="legacy"] :is(
  .s4-stat-card,.s4-route-card,.s4-versus-card,.s4-audience-card,.s4-review-card,
  .s4-benefit-card,.case-lab-panel,.case-lab-copy,.loc-console,.loc-stage-copy,
  .loc-satellite,.loc-radius-stage,.area-panel,.area-fact,.area-faq-grid article,
  .why-contact-panel,.case-start-card,.case-option,.case-drop,.case-summary
){
  background:rgba(255,255,255,.94)!important;
  border-color:var(--legacy-line)!important;
  color:var(--legacy-text)!important;
  box-shadow:0 18px 50px rgba(71,42,135,.08)!important;
}

html[data-color-theme="legacy"] :is(
  .s4-live,.s4-contact-bar,.s4-review-band,.s4-value-band,.s4-value-intro,
  .s4-stats-console,.s4-stats-console button,.case-lab-file,.case-lab-total,
  .s4-route-object,.s4-route-object>div,.s4-card-back,.s4-world,
  .s4-world-visual,.s4-audience-cta,.s4-signature-link,.s4-review-score,
  .s4-review-audio
){
  background:var(--legacy-panel)!important;
  border-color:var(--legacy-line)!important;
  color:var(--legacy-text)!important;
  box-shadow:0 16px 42px rgba(71,42,135,.07)!important;
}
html[data-color-theme="legacy"] :is(
  .s4-live,.s4-contact-bar,.s4-review-band,.s4-value-band,.s4-value-intro,
  .s4-stats-console,.case-lab-file,.case-lab-total,.s4-route-object,
  .s4-card-back,.s4-world,.s4-audience-cta,.s4-signature-link,
  .s4-review-score,.s4-review-audio
) :is(h2,h3,h4,strong,b){color:var(--legacy-text)!important}
html[data-color-theme="legacy"] :is(
  .s4-live,.s4-contact-bar,.s4-review-band,.s4-value-band,.s4-value-intro,
  .s4-stats-console,.case-lab-file,.case-lab-total,.s4-route-object,
  .s4-card-back,.s4-world,.s4-audience-cta,.s4-signature-link,
  .s4-review-score,.s4-review-audio
) :is(p,small,span){color:var(--legacy-dim)}
html[data-color-theme="legacy"] .s4-value-intro,
html[data-color-theme="legacy"] .s4-audience-cta{background:var(--legacy-soft)!important}

html[data-color-theme="legacy"] :is(
  .s4-primary,.s4-primary>i,.s4-contact-bar a,.s4-signature-link,
  .s4-review-audio i,.s4-reviews-link span,.s4-route-foot .btn,
  .case-lab-slides button.on
){
  background:var(--legacy-lavender)!important;
  border-color:var(--legacy-lavender-strong)!important;
  color:var(--legacy-text)!important;
}
html[data-color-theme="legacy"] body.home-four .s4-primary{
  background:var(--orange)!important;
  border-color:var(--orange)!important;
  color:#fff!important;
  box-shadow:0 15px 38px rgba(111,71,255,.28)!important;
}
html[data-color-theme="legacy"] body.home-four .s4-primary :is(small,b){
  color:#fff!important;
}
html[data-color-theme="legacy"] :is(
  .s4-check,.s4-call,.s4-liability,.s4-badge,.s4-available,
  .s4-section-marker,.s5-section-marker
){
  color:var(--legacy-text)!important;
  border-color:var(--legacy-line)!important;
}

/* Schwarze Designflaechen der Startseite werden lavendelfarben; Typografie bleibt schwarz. */
html[data-color-theme="legacy"] body.home-four .accident-checklist li,
html[data-color-theme="legacy"] body.home-four .accident-checklist li:nth-child(even){
  background:linear-gradient(145deg,#eee9ff,#d9ceff)!important;
  border-color:rgba(111,71,255,.24)!important;
  box-shadow:0 15px 34px rgba(73,45,132,.12)!important;
}
html[data-color-theme="legacy"] body.home-four .accident-checklist li::after{
  border-color:rgba(255,255,255,.72)!important;
}
html[data-color-theme="legacy"] body.home-four .accident-checklist :is(h3,p){
  color:var(--legacy-text)!important;
}
html[data-color-theme="legacy"] body.home-four .accident-no,
html[data-color-theme="legacy"] body.home-four .accident-checklist li:nth-child(even) .accident-no{
  border-color:#b8a4ff!important;
  background:#d9ceff!important;
  color:var(--legacy-text)!important;
  box-shadow:0 0 0 7px #eee9ff,0 12px 30px rgba(111,71,255,.2)!important;
}

html[data-color-theme="legacy"] .s4-rating-orbit{
  background:conic-gradient(var(--orange) var(--rating-progress,0%),#d9ceff 0)!important;
}
html[data-color-theme="legacy"] .s4-rating-orbit::before{
  background:#eee9ff!important;
  border-color:#b8a4ff!important;
}
html[data-color-theme="legacy"] .s4-rating-orbit span{color:var(--legacy-text)!important}

html[data-color-theme="legacy"] .case-lab-tabs{
  border-color:var(--legacy-line)!important;
}
html[data-color-theme="legacy"] .case-lab-tabs button,
html[data-color-theme="legacy"] .case-lab-tabs button.on{
  background:#e4dcff!important;
  border-color:var(--legacy-line)!important;
  color:var(--legacy-text)!important;
}
html[data-color-theme="legacy"] .case-lab-tabs button.on{background:#d2c4ff!important}
html[data-color-theme="legacy"] .case-lab-tabs button small{color:var(--legacy-dim)!important}
html[data-color-theme="legacy"] .case-lab-view{
  background:#fff!important;
}
html[data-color-theme="legacy"] .case-lab-view::before{
  background-image:
    linear-gradient(rgba(111,71,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(111,71,255,.08) 1px,transparent 1px)!important;
}
html[data-color-theme="legacy"] .case-lab-slides{background:#d9ceff!important}

html[data-color-theme="legacy"] .s4-route-object,
html[data-color-theme="legacy"] .s4-route-step h3{
  background:#e4dcff!important;
  color:var(--legacy-text)!important;
}
html[data-color-theme="legacy"] .s4-route-object>b{
  color:var(--legacy-text)!important;
  text-shadow:0 10px 28px rgba(111,71,255,.18)!important;
}

html[data-color-theme="legacy"] body.home-four .s4-world,
html[data-color-theme="legacy"] body.home-four .s4-world-visual{
  background:#eee9ff!important;
}
html[data-color-theme="legacy"] body.home-four .s4-world::after{
  background:linear-gradient(to top,rgba(184,164,255,.92),rgba(238,233,255,.08) 68%)!important;
}
html[data-color-theme="legacy"] body.ug2-page .s4-world,
html[data-color-theme="legacy"] body.ug2-page .s4-world-visual{
  background:#eee9ff!important;
}
html[data-color-theme="legacy"] body.ug2-page .s4-world::after{
  background:linear-gradient(to top,rgba(184,164,255,.92),rgba(238,233,255,.08) 68%)!important;
}
html[data-color-theme="legacy"] .s4-world-copy :is(h3,p),
html[data-color-theme="legacy"] .s4-world-head b{color:var(--legacy-text)!important}

html[data-color-theme="legacy"] body.home-four .h5-case-entry-options a{
  background:linear-gradient(120deg,#eee9ff,#d9ceff)!important;
  border-color:rgba(111,71,255,.24)!important;
  color:var(--legacy-text)!important;
  box-shadow:0 14px 34px rgba(73,45,132,.1)!important;
}
html[data-color-theme="legacy"] body.home-four .h5-case-entry-options a:hover,
html[data-color-theme="legacy"] body.home-four .h5-case-entry-options a:focus-visible{
  border-color:#6f47ff!important;
  box-shadow:0 20px 48px rgba(73,45,132,.18)!important;
}
html[data-color-theme="legacy"] body.home-four .h5-case-entry-options a>span{
  color:#685b7d!important;
}
html[data-color-theme="legacy"] body.home-four .h5-case-entry-options a>i{
  background:#f8f6ff!important;
  border-color:#b8a4ff!important;
  color:#6f47ff!important;
}
html[data-color-theme="legacy"] body.home-four .h5-case-entry-options a>strong{
  color:var(--legacy-text)!important;
}
html[data-color-theme="legacy"] body.home-four .h5-case-entry-options a>small{
  color:var(--legacy-dim)!important;
}

/* Fallstart: green accents for the violet/white colour palette. */
html[data-color-theme="legacy"] body.home-four .h5-case-entry::after{
  border-color:rgba(85,178,48,.28)!important;
  box-shadow:
    0 0 0 70px rgba(85,178,48,.055),
    0 0 0 140px rgba(85,178,48,.03)!important;
}
html[data-color-theme="legacy"] body.home-four .h5-case-entry-options a::after{
  border-color:rgba(85,178,48,.34)!important;
}
html[data-color-theme="legacy"] body.home-four .h5-case-entry-options a:hover,
html[data-color-theme="legacy"] body.home-four .h5-case-entry-options a:focus-visible{
  border-color:rgba(85,178,48,.68)!important;
  box-shadow:0 20px 48px rgba(85,178,48,.14)!important;
}
html[data-color-theme="legacy"] body.home-four .h5-case-entry-options a:hover::before,
html[data-color-theme="legacy"] body.home-four .h5-case-entry-options a:focus-visible::before{
  background:#55b230!important;
}

html[data-color-theme="legacy"] body.home-four #story .story-head b{
  color:#6f47ff!important;
  font-weight:800!important;
}
html[data-color-theme="legacy"] body.home-four #story .story-card h3{
  color:#6f47ff!important;
  text-shadow:none!important;
}
html[data-color-theme="legacy"] body.home-four #story .story-card p{
  color:#17151b!important;
}
html[data-color-theme="legacy"] body.home-four .s4-stat-rating .s4-stat-stars{
  color:#17151b!important;
  opacity:1!important;
}
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .s4-benefits .head .kicker{
  color:#17151b!important;
  font-weight:900!important;
  opacity:1!important;
}
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .benefit-radar{
  border-color:#8d6bdf!important;
}
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .benefit-radar i{
  border-color:#b8a4ef!important;
}
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .benefit-radar::before,
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .benefit-radar::after{
  background:#b8a4ef!important;
}
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .benefit-radar img{
  filter:brightness(0) saturate(100%) invert(32%) sepia(96%) saturate(3036%) hue-rotate(243deg) brightness(102%) contrast(101%)!important;
}
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .benefit-copy>span{
  color:#6f47ff!important;
  font-weight:900!important;
  opacity:1!important;
}
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .benefit-live,
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .benefit-live span{
  color:#17151b!important;
  font-weight:800!important;
  opacity:1!important;
}
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .benefit-selector button,
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .benefit-selector button.on,
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .benefit-selector button:hover,
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .benefit-selector button span{
  color:#17151b!important;
  opacity:1!important;
}
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .benefit-selector button span{
  font-weight:750!important;
}

/* The benefits component also lives on the light Why page. Keep every tab state legible. */
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .s4-benefits .benefit-selector button{background:#ffffff!important;border-color:#ded4f3!important;box-shadow:none;color:#17151b!important}
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .s4-benefits .benefit-selector button:is(.on,:hover,:focus-visible){background:#eee7ff!important;border-color:#6f47ff!important;color:#17151b!important;box-shadow:0 10px 28px rgba(73,45,132,.1)}
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .s4-benefits .benefit-selector button:focus-visible{outline:2px solid #6f47ff;outline-offset:3px}
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .s4-benefits .benefit-selector button span{color:#302344!important;opacity:1!important;font-weight:750}
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .s4-benefits .benefit-selector button b{color:#6f47ff!important}
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .s4-benefits .benefit-copy h3{color:#17151b!important}
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .s4-benefits .benefit-copy p{color:#51495f!important}
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .s4-benefits .benefit-radar{background:radial-gradient(circle,#e9e0ff 0%,#f6f3ff 70%)}
html[data-color-theme="legacy"] body:is(.home-four,.why-page) .s4-benefits .benefit-radar i:nth-child(3){background:#d8c9ff!important;border-color:#997adb!important;box-shadow:0 0 36px rgba(111,71,255,.18)!important}

@media(max-width:700px){
  .case-lab-hint{display:none!important}

  .home-five .s5-section-marker{
    top:16px!important;
    left:18px!important;
    gap:10px!important;
    font-size:11px!important;
    line-height:1.35!important;
    letter-spacing:.08em!important;
  }
  .home-five .s5-section-marker span:before{width:21px!important}

  html[data-color-theme="legacy"] body.home-four .s4-benefits .head .kicker{
    font-size:.78rem!important;
    line-height:1.45!important;
    letter-spacing:.1em!important;
  }
  html[data-color-theme="legacy"] body.home-four .benefit-copy>span{
    font-size:.78rem!important;
    letter-spacing:.16em!important;
  }
  html[data-color-theme="legacy"] body.home-four .benefit-live,
  html[data-color-theme="legacy"] body.home-four .benefit-live span{
    font-size:.74rem!important;
    line-height:1.45!important;
    letter-spacing:.075em!important;
  }
  html[data-color-theme="legacy"] body.home-four .benefit-selector button span{
    font-size:.82rem!important;
    line-height:1.3!important;
  }

  html[data-color-theme="legacy"] body.home-four #story .story-head{
    top:48px!important;
    left:22px!important;
    right:22px!important;
    gap:6px!important;
    padding:9px 12px!important;
    font-size:.68rem!important;
    line-height:1.5!important;
    letter-spacing:.035em!important;
  }
  html[data-color-theme="legacy"] body.home-four #story .story-card h3{
    font-size:2rem!important;
    line-height:1.02!important;
  }
  html[data-color-theme="legacy"] body.home-four #story .story-card p{
    font-size:.96rem!important;
    line-height:1.58!important;
  }
}

html[data-color-theme="legacy"] :is(
  .loc-plane,.loc-stage-map,.loc-space-label,.loc-map-shell,.loc-map-panel,
  .case-field input,.case-field textarea,.case-field select
){
  background:#fbfaff!important;
  border-color:var(--legacy-line)!important;
  color:var(--legacy-text)!important;
}

html[data-color-theme="legacy"] :is(
  .case-actions,.case-trust>.wrap,.loc-district-list,.loc-district-stage,
  .radius-console,.radius-network,.radius-core,.radius-status,.ug-case-chip,
  .why-degree
){
  background:var(--legacy-panel)!important;
  border-color:var(--legacy-line)!important;
  color:var(--legacy-text)!important;
  box-shadow:0 16px 42px rgba(71,42,135,.07)!important;
}
html[data-color-theme="legacy"] :is(
  .case-actions,.case-trust>.wrap,.loc-district-list,.loc-district-stage,
  .radius-console,.radius-network,.radius-core,.radius-status,.ug-case-chip,
  .why-degree
) :is(h2,h3,h4,strong,b){color:var(--legacy-text)!important}
html[data-color-theme="legacy"] :is(
  .case-trust>.wrap,.loc-district-list,.loc-district-stage,
  .radius-console,.radius-network,.radius-core,.radius-status,.ug-case-chip,
  .why-degree
) :is(p,small,span){color:var(--legacy-dim)}

html[data-color-theme="legacy"] :is(
  .loc-explorer,.loc-explorer h2,.loc-explorer h3,.loc-stage-copy h3,
  .loc-localities strong,.case-start-app label,.case-option strong
){color:var(--legacy-text)!important}
html[data-color-theme="legacy"] :is(
  .loc-explorer .loc-section-head>p,.loc-explorer .loc-localities span,
  .loc-stage-copy p,.case-option span,.case-start-app .case-micro
){color:var(--legacy-dim)!important}

html[data-color-theme="legacy"] .why-manifesto :is(
  .kicker,h2,h2 em,blockquote>p,blockquote footer,.why-principle-no,
  .why-principle-shift del,.why-principle-shift strong,.why-principle p,
  .why-manifesto-end p,.why-text-link
){color:var(--legacy-text)!important}
html[data-color-theme="legacy"] .why-manifesto :is(.kicker::before,blockquote footer::before){
  background:var(--orange)!important;
}
html[data-color-theme="legacy"] .why-manifesto :is(
  .why-manifesto-head,.why-principles,.why-principle,.why-manifesto-end
){border-color:var(--legacy-line)!important}
html[data-color-theme="legacy"] .why-manifesto-word{color:rgba(111,71,255,.055)!important}

html[data-color-theme="legacy"] .journal-final a,
html[data-color-theme="legacy"] .article-next a,
html[data-color-theme="legacy"] .area-final a,
html[data-color-theme="legacy"] .loc-arrival a{
  background:var(--orange)!important;
  color:var(--on-accent)!important;
}
html[data-color-theme="legacy"] :is(.area-final,.loc-arrival){
  background:var(--legacy-soft)!important;
  color:var(--legacy-text)!important;
}
html[data-color-theme="legacy"] :is(.area-final,.loc-arrival) :is(h2,p){
  color:var(--legacy-text)!important;
}

html[data-color-theme="legacy"] .s4-footer{
  background:
    radial-gradient(circle at 84% 8%,rgba(111,71,255,.13),transparent 34%),
    linear-gradient(180deg,#f8f5ff 0%,#fff 100%)!important;
  color:var(--legacy-text)!important;
  border-top:1px solid var(--legacy-line)!important;
}
html[data-color-theme="legacy"] .s4-footer :is(h2,h3,h4,strong,b,a){color:var(--legacy-text)!important}
html[data-color-theme="legacy"] .s4-footer :is(p,small,span){color:var(--legacy-dim)}
html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a{
  color:#5f6672!important;
  font-family:Inter,-apple-system,sans-serif!important;
  font-size:16.5px!important;
  font-weight:400!important;
  line-height:1.7!important;
  letter-spacing:normal!important;
}
html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="tel:"],
html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="https://wa.me/"],
html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="mailto:"]{
  font-size:0!important;
  line-height:0!important;
}
html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="tel:"]:after,
html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="https://wa.me/"]:after,
html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="mailto:"]:after,
html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="tel:"]:before,
html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="https://wa.me/"]:before,
html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="mailto:"]:before{
  color:#5f6672!important;
  font-family:Inter,-apple-system,sans-serif!important;
  font-size:16.5px!important;
  font-weight:400!important;
  line-height:1.7!important;
  letter-spacing:normal!important;
}
html[data-color-theme="legacy"] .s4-footer :is(
  .s4-footer-callout,.s4-footer-core,.s4-footer-contact a,.s4-footer-nav a
){
  background:rgba(255,255,255,.78)!important;
  border-color:var(--legacy-line)!important;
}
html[data-color-theme="legacy"] .s4-footer .logo img,
html[data-color-theme="legacy"] .s4-footer-logo img{filter:invert(1)!important}
html[data-color-theme="legacy"] .s4-footer-signature{
  color:rgba(111,71,255,.08)!important;
}
html[data-color-theme="legacy"] .s4-footer :is(.btn-fire,.s4-footer-whatsapp){
  background:var(--orange)!important;
  color:var(--on-accent)!important;
}
html[data-color-theme="legacy"] .s4-footer .s4-footer-whatsapp :is(small,strong){
  color:#fff!important;
}
html[data-color-theme="legacy"] .s4-footer :is(.btn-ghost,.s4-footer-phone){
  background:#fff!important;
  color:var(--legacy-text)!important;
  border-color:var(--legacy-line)!important;
}

html[data-color-theme="legacy"] .s4-footer :is(
  .s4-footer-callout,.s4-footer-core,.s4-footer-contact a,.s4-footer-nav a,.s4-footer-phone
){
  background:transparent!important;
}
@media(min-width:851px){
  html[data-color-theme="legacy"] .s4-footer-core{
    grid-template-columns:minmax(210px,.55fr) minmax(0,1.55fr);
    gap:5%;
  }
  html[data-color-theme="legacy"] .s4-footer-nav{
    grid-template-columns:1fr 1.45fr .75fr;
    gap:28px;
  }
  html[data-color-theme="legacy"] .s4-footer-nav a[href^="tel:"]:after,
  html[data-color-theme="legacy"] .s4-footer-nav a[href^="https://wa.me/"]:after,
  html[data-color-theme="legacy"] .s4-footer-nav a[href^="mailto:"]:after{
    white-space:nowrap;
  }
}
@media(max-width:560px){
  html[data-color-theme="legacy"] .s4-footer .s4-footer-nav>div>span{
    color:#3f444d!important;
    font-family:Inter,-apple-system,sans-serif!important;
    font-size:.7rem!important;
    font-weight:600!important;
    line-height:1.4!important;
    letter-spacing:.035em!important;
  }
  html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a{
    font-size:.8rem!important;
    line-height:1.45!important;
  }
  html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="tel:"],
  html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="https://wa.me/"],
  html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="mailto:"]{
    font-size:0!important;
    line-height:0!important;
  }
  html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="tel:"]:after,
  html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="https://wa.me/"]:after,
  html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="mailto:"]:after,
  html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="tel:"]:before,
  html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="https://wa.me/"]:before,
  html[data-color-theme="legacy"] .s4-footer .s4-footer-nav a[href^="mailto:"]:before{
    font-size:.8rem!important;
    line-height:1.45!important;
  }
  html[data-color-theme="legacy"] .s4-footer .s4-footer-bottom>p{
    font-size:.58rem!important;
  }
  html[data-color-theme="legacy"] .s4-footer .s4-footer-bottom{
    padding-bottom:110px!important;
  }
}

@media(max-width:800px){
  html[data-color-theme="legacy"] :is(
    .loc-console,.loc-stage-copy,.area-panel,.case-start-card,.case-option
  ){box-shadow:0 10px 30px rgba(71,42,135,.07)!important}
}

/* Der primäre Hero-Kontakt bleibt bewusst als vertrauter WhatsApp-CTA grün. */
html[data-color-theme] body.home-four.home-five .s4-primary{
  border-color:#25d366!important;
  background:linear-gradient(105deg,#25d366,#69e596)!important;
  color:#07130b!important;
  box-shadow:0 16px 42px rgba(37,211,102,.25)!important;
}
html[data-color-theme] body.home-four.home-five .s4-primary :is(small,b){color:#07130b!important}
html[data-color-theme] body.home-four.home-five .s4-primary>i{background:#07130b!important;color:#25d366!important}
body.home-five .s4-check span{
  font:.62rem/1.2 var(--f-m)!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.home-five .s4-check strong{
  margin-top:4px!important;
  font:500 .82rem/1.25 var(--f-m)!important;
  letter-spacing:.04em!important;
}
body.home-five .s4-call small{
  color:#9ea49f!important;
  font:.62rem/1.2 var(--f-m)!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.home-five .s4-call strong{
  font:500 .82rem/1.25 var(--f-m)!important;
  letter-spacing:.04em!important;
}
@media(max-width:650px){body.home-five .s4-check span{display:block!important}}

/* Hero-Werteband: hochwertige, ruhige Pruefmatrix statt vollflaechigem Farbkasten. */
body.home-five .s4-value-band{
  --value-surface:color-mix(in srgb,var(--bg) 93%,#050606);
  --value-line:color-mix(in srgb,var(--txt) 13%,transparent);
  position:relative!important;
  isolation:isolate!important;
  min-height:94px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--orange) 38%,var(--value-line))!important;
  border-radius:18px!important;
  background:
    linear-gradient(110deg,color-mix(in srgb,var(--orange) 10%,transparent),transparent 31%),
    linear-gradient(180deg,color-mix(in srgb,var(--txt) 3.5%,transparent),transparent 54%),
    var(--value-surface)!important;
  color:var(--txt)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.2),inset 0 1px 0 color-mix(in srgb,var(--txt) 8%,transparent)!important;
  backdrop-filter:blur(18px);
}
body.home-five .s4-value-band::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:0!important;
  background:
    radial-gradient(circle at 7% 50%,color-mix(in srgb,var(--orange) 15%,transparent),transparent 19%),
    repeating-linear-gradient(135deg,transparent 0 18px,color-mix(in srgb,var(--txt) 2.2%,transparent) 18px 19px)!important;
  pointer-events:none!important;
}
body.home-five .s4-value-band::after{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  top:0!important;
  bottom:auto!important;
  left:-28%!important;
  width:28%!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,var(--orange),transparent)!important;
  filter:drop-shadow(0 0 8px var(--orange))!important;
  animation:s4-band-scan 6.8s ease-in-out infinite!important;
  pointer-events:none!important;
}
body.home-five .s4-value-intro{
  position:relative!important;
  min-width:0!important;
  padding:17px 24px 17px 72px!important;
  border:0!important;
  border-right:1px solid var(--value-line)!important;
  background:transparent!important;
  color:var(--txt)!important;
  box-shadow:none!important;
}
body.home-five .s4-value-intro::before{
  content:"05";
  position:absolute;
  left:20px;
  top:50%;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid color-mix(in srgb,var(--orange) 68%,transparent);
  border-radius:50%;
  background:color-mix(in srgb,var(--orange) 10%,transparent);
  color:var(--orange);
  font:600 .64rem/1 var(--f-m);
  letter-spacing:.06em;
  translate:0 -50%;
  box-shadow:0 0 0 6px color-mix(in srgb,var(--orange) 4%,transparent);
}
body.home-five .s4-value-intro::after{
  content:""!important;
  position:absolute!important;
  left:54px!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:12px!important;
  height:1px!important;
  background:linear-gradient(90deg,var(--orange),transparent)!important;
  rotate:0deg!important;
  translate:0 -50%!important;
}
body.home-five .s4-value-intro small{
  width:max-content!important;
  padding:3px 7px!important;
  border:1px solid color-mix(in srgb,var(--orange) 30%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--orange) 8%,transparent)!important;
  color:var(--orange)!important;
  font:600 .56rem/1.25 var(--f-m)!important;
  letter-spacing:.1em!important;
}
body.home-five .s4-value-intro strong{
  margin-top:8px!important;
  color:var(--txt)!important;
  font:500 .74rem/1.35 var(--f-m)!important;
  letter-spacing:.01em!important;
}
body.home-five .s4-value-window{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
  mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)!important;
}
body.home-five .s4-value-track{animation-duration:30s!important}
body.home-five .s4-value-set span{
  position:relative!important;
  width:190px!important;
  min-height:92px!important;
  padding:17px 19px!important;
  border-right:1px solid var(--value-line)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--txt) 2.2%,transparent),transparent 58%)!important;
  transition:background .25s ease,transform .25s ease!important;
}
body.home-five .s4-value-set span:hover{
  background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 12%,transparent),transparent 68%)!important;
  transform:translateY(-2px)!important;
}
body.home-five .s4-value-set i{
  width:max-content!important;
  padding:3px 7px!important;
  border:1px solid color-mix(in srgb,var(--orange) 34%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--orange) 7%,transparent)!important;
  color:var(--orange)!important;
  font:600 .56rem/1 var(--f-m)!important;
  font-style:normal!important;
  letter-spacing:.08em!important;
}
body.home-five .s4-value-set b{
  margin-top:10px!important;
  color:var(--txt)!important;
  font:500 .78rem/1.25 var(--f-m)!important;
  letter-spacing:.015em!important;
}
body.home-five .s4-value-set span::after{
  left:19px!important;
  right:19px!important;
  bottom:12px!important;
  height:1px!important;
  background:linear-gradient(90deg,var(--orange),color-mix(in srgb,var(--orange) 12%,transparent),transparent)!important;
  transform-origin:left!important;
  opacity:.68!important;
}
body.home-five .s4-value-band:hover .s4-value-track{animation-play-state:paused!important}

@media(max-width:700px){
  body.home-five .s4-value-intro{padding:18px 18px 18px 68px!important;border-right:0!important;border-bottom:1px solid var(--value-line)!important}
  body.home-five .s4-value-intro::before{left:17px}
  body.home-five .s4-value-intro::after{left:51px!important}
}

/* Interaktives Schadenprofil: aktiver Wert, Scanimpuls und direkt waehlbare Positionen. */
body.home-five .s4-value-matrix{
  --active-position:0%;
  display:grid!important;
  grid-template-columns:minmax(340px,.9fr) minmax(0,2.1fr)!important;
  min-height:142px!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 8% 50%,color-mix(in srgb,var(--orange) 15%,transparent),transparent 19%),
    linear-gradient(115deg,color-mix(in srgb,var(--txt) 4%,transparent),transparent 38%),
    color-mix(in srgb,var(--bg) 94%,#050606)!important;
  box-shadow:0 28px 74px rgba(0,0,0,.24),inset 0 1px 0 color-mix(in srgb,var(--txt) 9%,transparent)!important;
}
body.home-five .s4-value-matrix::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  background-image:
    linear-gradient(color-mix(in srgb,var(--txt) 2.5%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--txt) 2.5%,transparent) 1px,transparent 1px)!important;
  background-size:28px 28px!important;
  mask-image:linear-gradient(90deg,#000,transparent 78%)!important;
  pointer-events:none!important;
}
body.home-five .s4-value-matrix::after{
  content:""!important;
  position:absolute!important;
  z-index:5!important;
  left:-24%!important;
  top:0!important;
  bottom:auto!important;
  width:24%!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,var(--orange),transparent)!important;
  filter:drop-shadow(0 0 10px var(--orange))!important;
  animation:s4-band-scan 5.8s ease-in-out infinite!important;
  pointer-events:none!important;
}
body.home-five .s4-value-console{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  gap:18px;
  align-items:center;
  min-width:0;
  padding:18px 24px;
  border-right:1px solid color-mix(in srgb,var(--txt) 12%,transparent);
}
body.home-five .s4-value-console::after{
  content:"";
  position:absolute;
  right:-1px;
  top:18px;
  bottom:18px;
  width:1px;
  background:linear-gradient(transparent,var(--orange),transparent);
  opacity:.75;
}
body.home-five .s4-value-radar{
  position:relative;
  display:grid;
  place-items:center;
  width:66px;
  height:66px;
  border:1px solid color-mix(in srgb,var(--orange) 45%,transparent);
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--orange) 13%,transparent),transparent 63%);
  box-shadow:0 0 0 7px color-mix(in srgb,var(--orange) 4%,transparent),0 0 38px color-mix(in srgb,var(--orange) 13%,transparent);
}
body.home-five .s4-value-radar::before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 67%,var(--orange) 78%,transparent 86%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);
  animation:s4-value-radar-spin 3.6s linear infinite;
}
body.home-five .s4-value-radar::after{
  content:"";
  position:absolute;
  inset:11px;
  border:1px dashed color-mix(in srgb,var(--orange) 42%,transparent);
  border-radius:50%;
  animation:s4-value-radar-spin 8s linear infinite reverse;
}
body.home-five .s4-value-radar>i{
  position:absolute;
  inset:-1px;
  border:1px solid var(--orange);
  border-radius:50%;
  opacity:0;
  animation:s4-value-radar-pulse 2.4s ease-out infinite;
}
body.home-five .s4-value-radar>b{
  position:relative;
  z-index:2;
  color:var(--orange)!important;
  font:600 .8rem/1 var(--f-m)!important;
  letter-spacing:.05em;
}
body.home-five .s4-value-readout{min-width:0}
body.home-five .s4-value-readout small,
body.home-five .s4-value-readout strong,
body.home-five .s4-value-readout p,
body.home-five .s4-value-readout span{display:block}
body.home-five .s4-value-readout small{
  color:var(--orange)!important;
  font:600 .62rem/1.25 var(--f-m)!important;
  letter-spacing:.11em!important;
}
body.home-five .s4-value-readout strong{
  max-width:18ch;
  margin-top:9px;
  overflow:hidden;
  color:var(--txt)!important;
  font:650 1.08rem/1.18 var(--f-m)!important;
  letter-spacing:-.025em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.home-five .s4-value-readout p{
  max-width:30ch;
  margin:7px 0 0;
  color:color-mix(in srgb,var(--txt) 72%,transparent)!important;
  font:400 .72rem/1.42 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
}
body.home-five .s4-value-readout span{
  margin-top:7px;
  color:color-mix(in srgb,var(--txt) 44%,transparent)!important;
  font:500 .62rem/1 var(--f-m)!important;
  letter-spacing:.12em;
}
body.home-five .s4-value-readout span b{color:var(--orange)!important;font:inherit!important}
body.home-five .s4-value-spectrum{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  min-width:0;
  overflow:hidden;
}
body.home-five .s4-value-spectrum::before{
  content:"";
  position:absolute;
  z-index:0;
  left:10%;
  right:10%;
  top:34px;
  height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--txt) 22%,transparent) 8% 92%,transparent);
}
body.home-five .s4-value-beam{
  position:absolute;
  z-index:0;
  left:var(--active-position);
  top:0;
  bottom:0;
  width:20%;
  background:
    radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--orange) 19%,transparent),transparent 42%),
    linear-gradient(180deg,color-mix(in srgb,var(--orange) 7%,transparent),transparent 72%);
  border-left:1px solid color-mix(in srgb,var(--orange) 14%,transparent);
  border-right:1px solid color-mix(in srgb,var(--orange) 14%,transparent);
  transition:left .65s cubic-bezier(.22,.9,.25,1);
  pointer-events:none;
}
body.home-five .s4-value-spectrum button{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-rows:34px auto 1fr;
  align-items:start;
  min-width:0;
  padding:18px 9px 15px;
  border:0;
  border-right:1px solid color-mix(in srgb,var(--txt) 10%,transparent);
  background:transparent;
  color:var(--txt);
  text-align:left;
  cursor:pointer;
}
body.home-five .s4-value-spectrum button:last-child{border-right:0}
body.home-five .s4-value-spectrum button>span{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border:1px solid color-mix(in srgb,var(--txt) 18%,transparent);
  border-radius:50%;
  background:color-mix(in srgb,var(--bg) 82%,transparent);
  color:color-mix(in srgb,var(--txt) 52%,transparent)!important;
  font:600 .54rem/1 var(--f-m);
  letter-spacing:.04em;
  transition:border-color .35s ease,background .35s ease,color .35s ease,box-shadow .35s ease,transform .35s ease;
}
body.home-five .s4-value-spectrum button>b{
  align-self:center;
  margin-top:9px;
  overflow-wrap:normal;
  white-space:nowrap;
  color:color-mix(in srgb,var(--txt) 56%,transparent)!important;
  font:700 clamp(.84rem,1vw,.96rem)/1.15 var(--f-d)!important;
  letter-spacing:-.01em;
  transition:color .35s ease,transform .35s ease;
}
body.home-five .s4-value-spectrum button>small{
  align-self:start;
  margin-top:6px;
  color:color-mix(in srgb,var(--txt) 66%,transparent)!important;
  font:500 .7rem/1.3 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  white-space:nowrap;
  transition:color .35s ease;
}
body.home-five .s4-value-spectrum button>i{
  position:absolute;
  left:9px;
  right:9px;
  bottom:10px;
  height:2px;
  background:linear-gradient(90deg,var(--orange),transparent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .55s cubic-bezier(.22,.9,.25,1);
}
body.home-five .s4-value-spectrum button:is(.is-active,:hover,:focus-visible)>span{
  border-color:var(--orange);
  background:var(--orange);
  color:var(--on-accent)!important;
  box-shadow:0 0 0 6px color-mix(in srgb,var(--orange) 8%,transparent),0 0 25px color-mix(in srgb,var(--orange) 22%,transparent);
  transform:scale(1.08);
}
body.home-five .s4-value-spectrum button:is(.is-active,:hover,:focus-visible)>b{
  color:var(--txt)!important;
  transform:translateY(-1px);
}
body.home-five .s4-value-spectrum button:is(.is-active,:hover,:focus-visible)>small{color:color-mix(in srgb,var(--txt) 68%,transparent)!important}
body.home-five .s4-value-spectrum button:is(.is-active,:hover,:focus-visible)>i{transform:scaleX(1)}
body.home-five .s4-value-spectrum button:focus-visible{outline:1px solid var(--orange);outline-offset:-3px}

@keyframes s4-value-radar-spin{to{rotate:360deg}}
@keyframes s4-value-radar-pulse{0%{scale:.74;opacity:.65}78%,100%{scale:1.35;opacity:0}}
@media(max-width:1080px){
  body.home-five .s4-value-matrix{grid-template-columns:minmax(300px,.82fr) minmax(0,2.18fr)!important}
  body.home-five .s4-value-console{grid-template-columns:60px minmax(0,1fr);gap:14px;padding-inline:18px}
  body.home-five .s4-value-radar{width:54px;height:54px}
  body.home-five .s4-value-spectrum button{padding-inline:7px}
  body.home-five .s4-value-spectrum button>b{font-size:.82rem!important}
  body.home-five .s4-value-spectrum button>small{font-size:.64rem!important}
  body.home-five .s4-value-spectrum button>i{left:7px;right:7px}
}
@media(prefers-reduced-motion:reduce){
  body.home-five .s4-value-radar::before,
  body.home-five .s4-value-radar::after,
  body.home-five .s4-value-radar>i{animation:none!important}
}

/* Lila Weiss: gezielte helle Oberflaechen statt geerbter dunkler Glasflaechen. */
html[data-color-theme="legacy"] body.home-four header.site{
  background:transparent!important;
}
html[data-color-theme="legacy"] body.home-four .s4-call{
  background:rgba(217,206,255,.24)!important;
  border-color:rgba(111,71,255,.28)!important;
  color:#17151b!important;
  box-shadow:0 10px 28px rgba(73,45,132,.07)!important;
}
html[data-color-theme="legacy"] body.home-four .s4-call :is(small,strong){
  color:#302344!important;
  opacity:1!important;
}

html[data-color-theme="legacy"] body.home-four #ufuk-kablan .s4-signature-values span{
  background:rgba(233,224,255,.58)!important;
  border-color:rgba(111,71,255,.32)!important;
  color:#4c2889!important;
  opacity:1!important;
}
html[data-color-theme="legacy"] body.home-four #ufuk-kablan .s4-signature-values span:hover{
  background:#6f47ff!important;
  border-color:#6f47ff!important;
  color:#fff!important;
}

html[data-color-theme="legacy"] body.ug2-page #story .story-head{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#17151b!important;
  text-shadow:0 1px 12px rgba(255,255,255,.98),0 0 28px rgba(255,255,255,.92)!important;
}
html[data-color-theme="legacy"] body.ug2-page #story .story-head b{
  color:#6f47ff!important;
}
html[data-color-theme="legacy"] body.ug2-page #story .story-card{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(111,71,255,.26)!important;
  border-left:4px solid #6f47ff!important;
  color:#17151b!important;
  box-shadow:0 18px 54px rgba(35,25,55,.18)!important;
  backdrop-filter:blur(15px) saturate(.82)!important;
}
html[data-color-theme="legacy"] body.ug2-page #story .story-card .num,
html[data-color-theme="legacy"] body.ug2-page #story .story-card h3{
  color:#6f47ff!important;
  text-shadow:none!important;
}
html[data-color-theme="legacy"] body.ug2-page #story .story-card p{
  color:#242029!important;
  opacity:1!important;
}
html[data-color-theme="legacy"] body.ug2-page #story .story-card a{
  color:#4c2889!important;
}

/* The story caption sits on a photograph; give both lines their own readable surface on phones. */
@media(max-width:700px){
  body.ug2-page #story .story-head,
  html[data-color-theme="legacy"] body.ug2-page #story .story-head{
    left:16px;
    right:16px;
    top:150px;
    display:grid;
    gap:3px;
    width:auto;
    padding:12px 14px;
    border:1px solid rgba(255,255,255,.2)!important;
    border-radius:14px;
    background:rgba(11,13,12,.88)!important;
    color:#f7f5f0!important;
    font-size:.82rem;
    line-height:1.45;
    letter-spacing:.04em;
    text-align:left;
    text-shadow:none!important;
    backdrop-filter:blur(12px);
  }
  html[data-color-theme="legacy"] body.ug2-page #story .story-head b{color:#c2afff!important}
}