/* Finishing for narrow viewports. Content remains in normal flow. */
.author-line[hidden]{display:none!important}
.ts-install__cta{text-decoration:none}
.gallery-card--link{cursor:default}
.gallery-card--link h3 a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.a015-caption noscript a{display:inline-flex;min-height:48px;align-items:center;color:#292538}
.ts-install-dialog__note a{display:inline-flex;align-items:center;min-height:48px;color:#292538;text-underline-offset:4px}
.ts-install-dialog__qr img{display:block;width:min(100%,320px);height:auto;margin:auto}
.ts-cinema .cin-paper--original{height:auto;min-height:0;aspect-ratio:1489/2105}
.ts-cinema .cin-paper--original img{height:auto;aspect-ratio:1489/2105}
@media(max-width:640px){
  .ts-cinema .cin-heading{padding:58px 20px 30px}
  .ts-cinema .cin-caption,.ts-cinema .cin-readable,.ts-cinema .cin-readable>p{font-size:16px;line-height:1.55}
  .ts-cinema .cin-readable{padding-inline:20px}
  .ts-cinema .cin-controls button{min-height:48px}
  .ts-cinema .cin-controls label{min-height:44px}
  .ts-cinema .cin-controls{gap:8px;bottom:10px}
  .ts-cinema .cin-stage{height:610px}
  .ts-cinema .cin-scene{bottom:155px}
  .ts-cinema .cin-chapter{bottom:150px}
  .home-register-heading small{font-size:14px}
  html[data-ts-integration] #buero .shelf-status{font-size:14px}
  .ts-reader__content,.ts-reader__notice{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
  .ts-cinema .cin-stage{height:600px}
  .ts-cinema .cin-scene{bottom:145px}
}

/* V19.1: presentation-only mobile corrections; no text or behavior changes. */
html[data-ts-integration] #galerie .gallery-card__preview{
  min-height:48px;
  flex-shrink:0;
}
@media(max-width:640px){
  .ts-cinema .cin-controls label{min-height:48px;height:auto}
  .ts-cinema .cin-controls input[type=range]{min-height:48px!important;height:48px}
}
@media(max-width:480px){
  .a015-navigation{
    display:grid;
    grid-template-columns:48px minmax(0,1fr) 48px;
    column-gap:12px;
    row-gap:12px;
  }
  .a015-navigation [data-a015-prev]{grid-column:1;grid-row:1}
  .a015-navigation [data-a015-next]{grid-column:3;grid-row:1}
  .a015-navigation .a015-dots{grid-column:1/-1;grid-row:2;justify-self:center}
}

/* V19.3: near-anthracite book-violet metal, matching the supplied cover.
   Static, low-saturation reflection; no overlay crossing the text surface. */
:root{
  --metal-base:#343148;
  --metal-dark:#191627;
  --metal-light:#514c61;
  --metal-surface:linear-gradient(125deg,#292538 0%,#343148 32%,#434151 48%,#514c61 52%,#343148 62%,#292538 100%);
  --metal-hover:linear-gradient(125deg,#191627 0%,#292538 32%,#343148 48%,#434151 52%,#292538 62%,#191627 100%);
}
html[data-ts-integration] .btn-primary,
html[data-ts-integration] #hero .hero-actions .btn-primary,
html[data-ts-integration] .ts-install__cta,
html[data-ts-integration] .a015-actions button:first-child,
html[data-ts-integration] #so-funktioniert .cin-controls button[data-cin-end]{
  background-color:var(--metal-base);
  background-image:var(--metal-surface);
  border-color:#514c61;
  color:#fff;
  box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #16161640,0 6px 16px #20202016;
}
html[data-ts-integration] .btn-primary:hover,
html[data-ts-integration] #hero .hero-actions .btn-primary:hover,
html[data-ts-integration] .ts-install__cta:hover,
html[data-ts-integration] .a015-actions button:first-child:hover,
html[data-ts-integration] #so-funktioniert .cin-controls button[data-cin-end]:hover{
  background-color:var(--metal-dark);
  background-image:var(--metal-hover);
  border-color:#434151;
  color:#fff;
}
/* Dark closing section keeps its light action surface for separation. */
html[data-ts-integration] #aufruf .btn-primary{
  background:#e6e6e6 linear-gradient(145deg,#f2f2f2,#dddddd 45%,#efefef 51%,#d8d8d8);
  border-color:#d8d8d8;color:#292538;
}
html[data-ts-integration] #aufruf .btn-primary:hover{
  background:#efefef;color:#292538;border-color:#e6e6e6;
}
/* Neutral light fields: no lavender radial glow on the report or section beds. */
html[data-ts-integration] :is(#berichte,#sicherheit,#fragen){background:#f3f3f3}
html[data-ts-integration] #schritte .ts-story{background:linear-gradient(135deg,#f6f6f6,#ededed);border-color:#d7d7d7}
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}
/* On the light trial surface, replace inherited inverse text as well. */
.theme-preise .price-trial{background:#ededed;color:#24232b}
.theme-preise .price-trial h2,
.theme-preise .price-trial :is(.topic-kicker,.topic-lead,.topic-note){color:#343148}
.theme-preise .price-trial .topic-action{color:#343148;border-color:#797979}
.theme-preise .price-trial .topic-action:hover{color:#191627;background:#fff;border-color:#343148}
.theme-preise .price-trial :focus-visible{outline-color:#343148!important}
@media(prefers-reduced-transparency:reduce){
  html[data-ts-integration] :is(.btn-primary,.ts-install__cta),
  html[data-ts-integration] #hero .hero-actions .btn-primary,
  html[data-ts-integration] .a015-actions button:first-child,
  html[data-ts-integration] #so-funktioniert .cin-controls button[data-cin-end]{background-image:none;box-shadow:none}
}
@media(forced-colors:active){
  html[data-ts-integration] :is(#berichte,#sicherheit,#fragen),
  html[data-ts-integration] #schritte .ts-story,
  .theme-preise .price-trial{background:Canvas;color:CanvasText;border-color:CanvasText}
  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,
  .theme-preise .price-trial h2,
  .theme-preise .price-trial :is(.topic-kicker,.topic-lead,.topic-note){color:CanvasText}
  .theme-preise .price-trial .topic-action{color:LinkText;border-color:LinkText}
  .theme-preise .price-trial :focus-visible{outline-color:Highlight!important}
  html[data-ts-integration] :is(.btn-primary,.ts-install__cta),
  html[data-ts-integration] #hero .hero-actions .btn-primary,
  html[data-ts-integration] .a015-actions button:first-child,
  html[data-ts-integration] #so-funktioniert .cin-controls button[data-cin-end],
  html[data-ts-integration] #aufruf .btn-primary{
    background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important;box-shadow:none!important;
  }
}