/* V19 / Q050 · A016 study transferred on 24.09.2026.
   Load after refresh-v18.css on the two topic pages.
   Two editorial examples, not app screenshots or actual generated reports.
   No empty text bars, device frames, fake action buttons or perspective sheets. */

/* A — process journal: front-facing protocol with a proper value table. */
.theme-ablauf .flow-route{
  transform:none;background:#fff;padding:0 0 0 24px;margin:0;
  border:0;border-left:1px solid #d7d7d7;box-shadow:none;max-width:none;
}
.theme-ablauf .flow-route li{position:relative;gap:18px;padding:17px 0;border-bottom:1px solid #ececec}
.theme-ablauf .flow-route span{font-size:13px;line-height:1.5;color:#343148;font-variant-numeric:tabular-nums}
.theme-ablauf .flow-lab{background:#f7f7f7;border-color:#e1e1e1}
.theme-ablauf .flow-composition{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,70px);align-items:start}
.theme-ablauf .flow-navigation{gap:10px;margin-block:36px}
.theme-ablauf .flow-navigation button{border-radius:999px;background:#fff;font-size:15px;border-color:#797979;min-height:52px}
.theme-ablauf .flow-navigation button[aria-pressed=true]{background:#343148;color:#fff;border-color:#343148}
.theme-ablauf .flow-speech{padding:24px 0 0}
.theme-ablauf .flow-speech blockquote{font-size:clamp(30px,3.15vw,44px);line-height:1.18;letter-spacing:-.04em}
.theme-ablauf .flow-speech blockquote span{margin-block:0 16px}
.theme-ablauf .flow-status{min-height:0;border-top:1px solid #d7d7d7;margin-top:28px;padding-top:22px}
.theme-ablauf .flow-status p{color:#292538;font-size:15px;line-height:1.7}
.theme-ablauf .flow-protocol{
  aspect-ratio:auto;width:100%;height:auto;min-width:0;max-width:none;margin:0;
  padding:clamp(26px,3vw,44px);transform:none;background:#fff;border:1px solid #d7d7d7;
  border-top:3px solid #343148;border-radius:3px;
  box-shadow:0 2px 1px #24242405,0 22px 45px -28px #2c2c2c35;
}
.theme-ablauf .flow-protocol>header{border-bottom:1px solid #d7d7d7;padding-bottom:20px;margin-bottom:28px;align-items:baseline}
.theme-ablauf .flow-document-brand{font-size:22px;color:#24232b}
.theme-ablauf .flow-document-label{font-size:12px;color:#343148;letter-spacing:.07em}
.theme-ablauf .flow-protocol h3{font-size:clamp(27px,2.9vw,38px);line-height:1.12;letter-spacing:-.045em;overflow-wrap:normal;hyphens:auto}
.theme-ablauf .flow-document-meta{font-size:14px;color:#55545b;line-height:1.7;margin-block:14px 28px}
.theme-ablauf .flow-fields{margin:0;border-bottom:1px solid #d7d7d7}
.theme-ablauf .flow-fields>div{
  display:grid;grid-template-columns:minmax(105px,.75fr) minmax(0,1.25fr);gap:14px;
  align-items:baseline;padding:18px 14px;border-top:1px solid #d7d7d7;border-left:2px solid transparent;
}
.theme-ablauf .flow-fields dt{font-size:13px;line-height:1.5;color:#55545b;margin:0}
.theme-ablauf .flow-fields dd{font-size:18px;line-height:1.5;color:#24232b;min-height:0;margin:0;font-weight:500}
.theme-ablauf .flow-fields [data-field=people] dd{font-size:30px;line-height:1.2;font-variant-numeric:tabular-nums}
.theme-ablauf .flow-demo[data-phase="1"] .flow-fields>div{background:#fff;border-left-color:transparent}
.theme-ablauf .flow-demo[data-phase="2"] .flow-fields>div{background:#f6f6f6;border-left-color:#343148}
.theme-ablauf .flow-demo[data-phase="3"] .flow-fields>div{background:#fff;border-left-color:transparent}
.theme-ablauf .flow-gaps{background:#f8f8f8;border:0;border-left:2px solid #d7d7d7;margin-top:28px;padding:22px}
.theme-ablauf .flow-gaps h4{font-size:16px;color:#24232b;margin:0 0 14px}
.theme-ablauf .flow-missing-list{display:grid;gap:8px;margin:0;padding:0 0 0 18px;list-style:disc;color:#55545b}
.theme-ablauf .flow-missing-list li{font-size:14px;line-height:1.6;padding-left:3px}
.theme-ablauf .flow-missing-list li::marker{color:#343148}
.theme-ablauf .flow-demo[data-phase="3"] .flow-gaps{background:#ebebeb;border-left-color:#343148}
.theme-ablauf .flow-document-foot{font-size:12px!important;line-height:1.7!important;color:#55545b;margin:24px 0 0}
.theme-ablauf .flow-review-note{border-color:#d7d7d7}

/* B — vocabulary and a reading window; deliberately no device/PDF imitation. */
.theme-sprachen .language-selector{gap:8px;margin:32px 0}
.theme-sprachen .language-selector button{
  min-height:72px;border:1px solid #d7d7d7;border-radius:12px;background:#fff;
  padding:15px 14px;font-size:clamp(18px,1.8vw,23px);line-height:1.25;letter-spacing:-.025em;
}
.theme-sprachen .language-selector button[aria-pressed=true]{background:#ebebeb;border:1px solid #343148;color:#292538;padding-bottom:15px;box-shadow:inset 0 -2px #343148}
.theme-sprachen .language-selector button:hover{background:#f6f6f6}
.theme-sprachen .language-reading-window{
  display:grid;grid-template-columns:minmax(0,.8fr) 24px minmax(0,1.2fr);gap:clamp(18px,3vw,38px);
  align-items:start;max-width:none;margin:0;padding:clamp(24px,3.5vw,44px);
  background:#f5f5f5;border:1px solid #dfdfdf;border-radius:22px;perspective:none;
}
.theme-sprachen .language-vocabulary{
  width:100%;max-width:none;margin:0;padding:0;background:transparent;
  border:0;border-radius:0;box-shadow:none;transform:none;color:#163a5c;
}
.theme-sprachen .language-ui-meta{border-bottom:1px solid #aeb9c6;padding-bottom:22px;font-size:12px;gap:9px}
.theme-sprachen .language-ui-meta>span:last-child{font-size:clamp(25px,2.5vw,34px);line-height:1.2;font-weight:600;letter-spacing:-.035em}
.theme-sprachen .language-ui-content{padding:0;min-height:0}
.theme-sprachen .language-word-list{display:grid;gap:0;list-style:none;counter-reset:word;margin:0;padding:0}
.theme-sprachen .language-word-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;align-items:baseline;counter-increment:word;padding:24px 0;border-bottom:1px solid #d4dce5}
.theme-sprachen .language-word-list li:before{content:counter(word,decimal-leading-zero);font-size:12px;color:#4a6a86;font-variant-numeric:tabular-nums}
.theme-sprachen .language-word-list span,
.theme-sprachen .language-word-list .language-back,
.theme-sprachen .language-word-list .language-review{
  display:block;max-width:100%;font-size:clamp(23px,2.3vw,31px);font-weight:500;line-height:1.25;letter-spacing:-.035em;
  color:#163a5c;background:none;border:0;border-radius:0;padding:0;margin:0;text-decoration:none;cursor:text;overflow-wrap:anywhere;
}
.theme-sprachen .language-ui-caption{font-size:13px!important;line-height:1.7!important;margin:24px 0 0;color:#4a6a86}
.theme-sprachen .language-connector{padding-top:40px;font-size:24px;color:#343148}
.theme-sprachen .language-reading-text{
  aspect-ratio:auto;width:100%;max-width:none;min-width:0;height:auto;margin:0;padding:clamp(24px,3vw,38px);
  align-self:start;background:#fff;border:0;border-radius:10px;box-shadow:0 12px 32px -24px #27272745;transform:none;
}
.theme-sprachen .language-reading-text header{border-color:#dfdfdf;font-size:13px;padding-bottom:20px;gap:12px}
.theme-sprachen .language-reading-text header strong{color:#343148}
.theme-sprachen .language-reading-text h3{font-size:clamp(26px,2.8vw,36px);margin:26px 0 14px;line-height:1.15;overflow-wrap:normal;hyphens:auto;color:#24232b}
.theme-sprachen .language-reading-text>p{font-size:14px;line-height:1.7;color:#55545b;margin-bottom:26px}
.theme-sprachen .language-reading-text dl>div{display:grid;grid-template-columns:minmax(95px,.8fr) minmax(0,1.2fr);gap:16px;align-items:baseline;padding:18px 0;border-color:#dfdfdf}
.theme-sprachen .language-reading-text dt{font-size:13px;line-height:1.5;color:#55545b;margin:0}
.theme-sprachen .language-reading-text dd{font-size:17px;line-height:1.5;color:#24232b;margin:0;font-weight:500}
.theme-sprachen .language-reading-text .language-pdf-foot{font-size:12px;line-height:1.7;margin:24px 0 0;border-top:1px solid #dfdfdf;padding-top:20px}
.theme-sprachen .language-live{max-width:none;margin:20px 0 0;font-size:14px;line-height:1.7}
.theme-ablauf .flow-fields :is(dt,dd),.theme-sprachen .language-reading-text :is(dt,dd){overflow-wrap:anywhere}

@media(max-width:960px){
  .theme-ablauf .flow-composition{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:30px}
  .theme-ablauf .flow-fields>div{grid-template-columns:minmax(0,1fr);gap:7px}
  .theme-sprachen .language-reading-window{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;padding:28px}
  .theme-sprachen .language-connector{display:none}
  .theme-sprachen .language-reading-text dl>div{grid-template-columns:minmax(0,1fr);gap:6px}
}
@media(max-width:700px){
  .theme-ablauf .flow-composition{grid-template-columns:minmax(0,1fr)}
  .theme-ablauf .flow-route{margin:10px 0 0;padding:0 0 0 20px}
  .theme-ablauf .flow-protocol{max-width:none;margin:0;padding:26px 20px;aspect-ratio:auto}
  .theme-ablauf .flow-speech{padding-top:0}
  .theme-ablauf .flow-gaps{padding:20px 16px}
  .theme-ablauf .flow-navigation button{flex:1 1 auto;padding:12px 14px}
  .theme-sprachen .language-reading-window{grid-template-columns:minmax(0,1fr);gap:30px;padding:24px 20px;border-radius:16px}
  .theme-sprachen .language-vocabulary{max-width:none;width:100%;margin:0;padding:0}
  .theme-sprachen .language-reading-text{max-width:none;width:100%;margin:0;padding:26px 20px;aspect-ratio:auto}
  .theme-sprachen .language-selector{grid-template-columns:repeat(2,minmax(0,1fr))}
  .theme-sprachen .language-selector button{font-size:20px;min-height:76px}
  .theme-sprachen .language-word-list li{padding:18px 0}
  .theme-sprachen .language-word-list span{font-size:26px}
}
@media(prefers-reduced-motion:reduce){
  .theme-ablauf .flow-fields>div,.theme-ablauf .flow-gaps,.theme-sprachen .language-selector button{transition:none}
}
@media(forced-colors:active){
  .theme-ablauf .flow-protocol,.theme-sprachen .language-reading-window,.theme-sprachen .language-reading-text{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}
  .theme-ablauf .flow-missing-list,.theme-sprachen .language-word-list li:before{color:CanvasText}
  .theme-sprachen .language-selector button[aria-pressed=true]{background:Highlight;color:HighlightText;border-color:Highlight;box-shadow:none}
  .theme-ablauf .flow-navigation button[aria-pressed=true]{background:Highlight;color:HighlightText;border-color:Highlight}
  .theme-sprachen .language-word-list .language-review{border:0!important}
}
@media print{
  .theme-ablauf .flow-protocol,.theme-sprachen .language-reading-window,.theme-sprachen .language-reading-text{background:#fff;box-shadow:none;transform:none;aspect-ratio:auto}
}