/* A016 / V18 · 24.09.2026. Load LAST on all website pages.
   Local visual study: white, neutral grey surfaces, dark book-violet actions.
   Text, DOM, report bitmap and product UI colours are not rewritten.
   Glass is limited to navigation and explicitly labelled controls. */
:root,html[data-ts-integration],body.topic-page{
  --v18-ink:#24232b;--v18-muted:#55545b;--v18-violet:#343148;
  --v18-hover:#292538;--v18-tint:#f1f1f1;--v18-edge:#d7d7d7;--v18-line:#797979;
  --ink:#24232b;--ink-70:#55545b;--ink-40:#797979;--ink-15:#e9e9e9;
  --accent:#343148;--accent-dark:#292538;--accent-text:#343148;--accent-ink:#fff;
  --bg:#fff;--bg-alt:#f7f7f7;--white:#fff;--line:#797979;
  --focus:#343148;--focus-inverse:#dedede;--shell-paper:#fff;
  --shell-copper:#343148;--shell-ice:#e9e9e9;--shell-edge:#d7d7d7;
}
body{background:#fff}
body.topic-page{--topic-bg:#fff;--topic-ink:#24232b;--topic-muted:#55545b;--topic-accent:#343148;--topic-tint:#f1f1f1}
.theme-ablauf main{--flow-rust:#343148;--flow-paper:#fff}
.theme-sprachen main{--lang-violet:#343148;--lang-paper:#fff}
html[data-ts-integration] :is(#berichte,#sprachen,#buero,#sicherheit,#angebot,#preise,#vertrauen,#aufruf,#fragen,#kontakt){
  --ink:#24232b;--ink-70:#55545b;--ink-15:#e9e9e9;--accent:#343148;
  --accent-dark:#292538;--accent-ink:#fff;--sec-paper:#fff;--sec-cream:#f7f7f7;
  --sec-ice:#e9e9e9;--sec-copper:#343148;--sec-muted:#55545b;--sec-line:#797979;
}
html[data-ts-integration] :is(#berichte,#sicherheit,#fragen){
  background-color:#f7f7f7;
  background-image:radial-gradient(ellipse at 95% 0%,#e8e8e8 0,transparent 52%),linear-gradient(#f9f9f9,#f7f7f7);
}
html[data-ts-integration] :is(#hero,#schritte,#galerie,#sprachen,#buero,#angebot,#preise,#vertrauen,#kontakt){background:#fff}
html[data-ts-integration] #hero .overline,
html[data-ts-integration] #galerie .gallery-eyebrow,
html[data-ts-integration] .ts-story-eyebrow,
html[data-ts-integration] #schritte .step-num,
html[data-ts-integration] #schritte .step:nth-child(even) .step-num{color:#343148}
html[data-ts-integration] #hero .hero-bg:after{background:linear-gradient(180deg,#ffffff00 40%,#eaeaea26 100%)}
html[data-ts-integration] #hero .hero-bg{border-color:#d7d7d7;box-shadow:0 30px 65px -40px #34343455,0 1px 0 #fff inset}
html[data-ts-integration] #hero .hero-actions .btn-primary,.btn-primary{background:#343148;border-color:#343148;color:#fff}
html[data-ts-integration] #hero .hero-actions .btn-primary:hover,.btn-primary:hover{background:#292538;border-color:#292538;color:#fff}
html[data-ts-integration] #hero :focus-visible,
html[data-ts-integration] #galerie .gallery-card:focus-visible{outline-color:#343148}
html[data-ts-integration] #hero .hero-copy .link-arrow:hover{border-color:#343148}
html[data-ts-integration] #schritte{--sec-copper:#343148}
html[data-ts-integration] #schritte .ts-story{background:radial-gradient(ellipse at 100% 0,#e4e4e4,transparent 65%),#f7f7f7;border-color:#d7d7d7}
html[data-ts-integration] #so-funktioniert{border-color:#d7d7d7}
html[data-ts-integration] .hero-band{background:#fff}
.site-footer,.topic-page .site-footer{background:#ededed}
.ts-preview-bar{background:#ededed;color:#24232b;border-color:#d7d7d7}
.article-body a:not(.btn),.legal-body a,.kurz-box .overline,.sidebar-card--related a:hover,main.wrap li a{color:#343148}
.article-body .hinweis-box{background:#f1f1f1;border-color:#797979}
.article-body .hinweis-box__label{color:#292538}
html[data-ts-integration] #galerie .gallery-card__panel,
html[data-ts-integration] #galerie .gallery-card{background:#fff}
html[data-ts-integration] #galerie .gallery-card__arrow{background:#f1f1f1;color:#292538;border-color:#797979}

/* Layered controls: opaque fallback first; min 92% white for any underlying pixel. */
html[data-ts-integration] .site-header,
html[data-ts-integration] .site-header.is-scrolled,
html[data-ts-integration] .subnav,
html[data-ts-integration] .offcanvas__panel,
html[data-ts-integration] .v18-glass-control,
html[data-ts-integration] #so-funktioniert .cin-controls{
  background:#fff;color:#24232b;border-color:#d7d7d7;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  box-shadow:0 1px 0 #fff inset,0 8px 35px -27px #36363655;
}
html[data-ts-integration] .nav-links a,
html[data-ts-integration] .offcanvas__links a{color:#24232b}
html[data-ts-integration] #so-funktioniert .cin-controls button{color:#242338}
html[data-ts-integration] #so-funktioniert .cin-controls button[data-cin-end]{background:#493f5b;color:#fff}
html[data-ts-integration] #so-funktioniert .cin-controls input[type=range]{accent-color:#493f5b}
html[data-ts-integration] #so-funktioniert .cin-controls :focus-visible{outline-color:#493f5b}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html[data-ts-integration] .site-header,
  html[data-ts-integration] .site-header.is-scrolled,
  html[data-ts-integration] .subnav,
  html[data-ts-integration] .offcanvas__panel,
  html[data-ts-integration] .v18-glass-control,
  html[data-ts-integration] #so-funktioniert .cin-controls{
    background:rgb(255 255 255 / 92%);
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  }
}

/* Flat report surfaces with real page proportions. No translucent report text.
   aspect-ratio is a preferred minimum: content may expand, never be cropped. */
html[data-ts-integration] .ts-story-card{
  background:#fff;border:1px solid #d7d7d7;border-radius:6px;
  box-shadow:2px 3px 0 #fff,2px 3px 0 1px #d7d7d7,5px 7px 0 #f8f8f8,5px 7px 0 1px #dddddd,0 35px 65px -40px #33333366;
}
.v18-report-sheet,.theme-ablauf .flow-document,.theme-sprachen .language-pdf,.theme-buero .bu-report,.theme-buero .bu-index-paper{
  position:relative;box-sizing:border-box;width:100%;max-width:640px;min-width:0;height:auto;
  aspect-ratio:210/297;align-self:start;background:#fff;border:1px solid #c9c9c9;
  border-radius:3px;color:#24232b;padding:clamp(24px,3.5vw,44px);
  box-shadow:2px 3px 0 #fff,2px 3px 0 1px #d7d7d7,5px 7px 0 #f7f7f7,5px 7px 0 1px #dddddd,0 32px 60px -35px #2c2c2c55;
  overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none;
}
.v18-report-sheet img{display:block;width:100%;height:auto;object-fit:contain}
.theme-sprachen .language-preview,.theme-buero .bu-workspace{background:#f4f4f4;border-radius:20px;border-color:#d7d7d7}
.theme-sprachen .language-pdf{transform:none}
.theme-buero .bu-index-paper{transform:rotate(-1deg)}
.theme-ablauf .flow-route{background:#f2f2f2;border-color:#343148;box-shadow:4px 6px 0 #e2e2e2,0 24px 40px -34px #3b3b3b66}
.theme-ablauf .flow-rule{background:#f4f4f4}
.theme-ablauf .flow-format-pair article:nth-child(2){border-color:#343148}
.theme-ablauf .flow-format-pair article:nth-child(2) .flow-format-code{color:#343148}
.theme-preise .price-hero,.theme-fragen .questions-hero{background:#fff}
.theme-preise .price-poster,.theme-preise .price-sheet--office,.theme-fragen .question-directory{background:#ebebeb;color:#24232b}
.theme-preise .price-sheet--field{background:#fff}
.theme-preise .price-hero .topic-title em,.theme-preise .price-chapters a{color:#343148}
.theme-preise .price-breakdown,.theme-preise .price-trial{background:#f1f1f1}
.theme-preise .price-product-number,.theme-preise .price-products a{color:#343148}
.theme-preise .price-poster-rule{background:#797979}
.theme-preise .price-number input{border-color:#797979;color:#24232b}
.theme-preise input[type=radio],.theme-preise input[type=checkbox]{accent-color:#343148}
.theme-preise fieldset label:has(:checked){background:#e9e9e9;border-color:#343148}
.theme-preise .price-office span{color:#55545b}
/* Product demo .language-ui and original report image colours stay as supplied. */

/* Retain the one existing book scene; replace its copper material lighting. */
.ts-cinema{--cin-bg:#141121;--cin-paper:#fff;--cin-copper:#d1c2f4;--cin-ice:#c8cdf4}
.cin-heading h2 span{background:linear-gradient(105deg,#ded1fa,#fff 46%,#c2cbf4);color:#e4dafa;background-clip:text;-webkit-background-clip:text}
.cin-light-warm{background:radial-gradient(ellipse at 23% 53%,#78629938,transparent 44%)}
.cin-light-cool{background:radial-gradient(ellipse at 82% 42%,#5e629138,transparent 45%)}
.cin-horizon{background:linear-gradient(90deg,transparent,#cabbe650,#c7cff970,transparent)}
.cin-words span:nth-child(1),.cin-words span:nth-child(4),.cin-traces span,.cin-readable blockquote{color:#ded1fa}
.cin-sheet-stack{border-color:#d8d5e5;box-shadow:1px 1px 0 #f2f0f8,3px 4px 0 #88818f}
.cin-paper:after{background:linear-gradient(110deg,#d9cdec0a,transparent 44%,#bfc6f40d);box-shadow:inset 9px 0 16px -14px #242338}
.cin-paper--original:after{display:none}
.cin-paper--original img{filter:none;opacity:1;object-fit:contain}
.cin-fields>div:after{background:linear-gradient(90deg,#ad95dc26,transparent);border-color:#493f5b}
.cin-leaf-front{color:#fff;border-color:#d8d5e566;background:linear-gradient(125deg,#434151,#292538 32%,#191627 58%,#343148 85%,#858197);box-shadow:inset 2px 0 3px #d6c9f2a0,inset -2px 0 3px #cfdbf9b0,0 18px 50px #0004}
.cin-cover-light{background:linear-gradient(118deg,transparent 15%,#e0d5f555 24%,#f0eafa22 29%,transparent 40%,transparent 75%,#c2c9ef2b 96%)}
.cin-cover-type{background:linear-gradient(140deg,#efe6fd,#dfdeec 60%,#bac3e8);color:#efe6fd;background-clip:text;-webkit-background-clip:text}
.cin-cover-line{background:linear-gradient(90deg,#c8b5f1,#eee8f7,#b5c6e5)}
.cin-leaf-back{background:linear-gradient(90deg,#e8e5ef,#fff 90%,#d2ccd9);border-color:#d8d5e5;color:#242338}
.cin-leaf-back blockquote{color:#242338}.cin-leaf-back p{color:#55546b}
.cin-chapter>span:first-child,.cin-usage{color:#ded1fa}
.ts-cinema :focus-visible{outline-color:#e4dafa}
html[data-ts-integration] #so-funktioniert :focus-visible{outline-color:#dedede}
html[data-ts-integration] #so-funktioniert .cin-controls :focus-visible{outline-color:#493f5b}
html[data-ts-integration] #aufruf{background:#24232b}
html[data-ts-integration] #aufruf .cta-overlay{background:linear-gradient(110deg,#24232b,#252525f5 62%,#252525e8)}
html[data-ts-integration] #aufruf .btn-primary{background:#dedede;border-color:#dedede;color:#24232b}
html[data-ts-integration] #aufruf .btn-primary:hover{background:#f1f1f1;border-color:#f1f1f1;color:#24232b}
html[data-ts-integration] #aufruf :focus-visible{outline-color:#dedede}

@media(max-width:640px){
  .v18-report-sheet,.theme-ablauf .flow-document,.theme-sprachen .language-pdf,.theme-buero .bu-report,.theme-buero .bu-index-paper{padding:24px 20px;transform:none;max-width:100%;margin-inline:auto}
  .theme-sprachen .language-preview,.theme-buero .bu-workspace{border-radius:12px}
}
/* The class/attribute fallbacks also work before browser preference support. */
html[data-ts-opaque=true] :is(.site-header,.site-header.is-scrolled,.subnav,.offcanvas__panel,.v18-glass-control),
html[data-ts-motion=reduced] :is(.site-header,.site-header.is-scrolled,.subnav,.offcanvas__panel,.v18-glass-control),
html[data-ts-opaque=true] #so-funktioniert .cin-controls,
html[data-ts-motion=reduced] #so-funktioniert .cin-controls{
  background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;
}
@media(prefers-reduced-motion:reduce),(prefers-reduced-transparency:reduce){
  html[data-ts-integration] :is(.site-header,.site-header.is-scrolled,.subnav,.offcanvas__panel,.v18-glass-control),
  html[data-ts-integration] #so-funktioniert .cin-controls{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
  html[data-ts-integration] :is(#berichte,#sicherheit,#fragen){background:#f7f7f7}
}
@media(prefers-reduced-motion:reduce){.theme-buero .bu-index-paper{transform:none}}
@media(forced-colors:active){
  html[data-ts-integration] :is(.site-header,.site-header.is-scrolled,.subnav,.offcanvas__panel,.v18-glass-control),
  html[data-ts-integration] #so-funktioniert .cin-controls,
  .v18-report-sheet,.theme-ablauf .flow-document,.theme-sprachen .language-pdf,.theme-buero .bu-report,.theme-buero .bu-index-paper,
  html[data-ts-integration] .ts-story-card{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  html[data-ts-integration] :is(.nav-links a,.offcanvas__links a){color:LinkText}
  html[data-ts-integration] #so-funktioniert .cin-controls button,
  html[data-ts-integration] #so-funktioniert .cin-controls button[data-cin-end]{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}
  html[data-ts-integration] :focus-visible{outline-color:Highlight!important}
}
@media print{
  html[data-ts-integration] :is(.site-header,.subnav,.offcanvas__panel,.v18-glass-control),html[data-ts-integration] #so-funktioniert .cin-controls{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
  .v18-report-sheet,.theme-ablauf .flow-document,.theme-sprachen .language-pdf,.theme-buero .bu-report,.theme-buero .bu-index-paper{box-shadow:none;transform:none;aspect-ratio:auto}
}