/* tonstudio.ai — v6 design, applied to the current production content. */
body.ts-v6 {
  --card-radius:16px; --card-border:1px solid #dde6ea;
  --card-shadow:0 2px 4px #0f2e3d0a,0 12px 32px #0f2e3d12;
  --sect-y:clamp(3rem,6vw,4.75rem);
  color:#34515f;background:#fff;font-family:Geist,system-ui,sans-serif;
}
body.ts-v6 :is(h1,h2){letter-spacing:-.035em;line-height:1.16;font-weight:300;color:#0f2e3d;}
body.ts-v6 h1{font-size:clamp(2rem,3.3vw,3.5rem);max-width:28ch;}
body.ts-v6 h1 strong,body.ts-v6 h2 strong{font-weight:600;}
body.ts-v6 h2{font-size:clamp(1.65rem,2.5vw,2.65rem);}
body.ts-v6 :is(.cto,.btn-gen,.btn-copy){border-radius:999px;}
body.ts-v6 .cto{font-weight:500;letter-spacing:.035em;box-shadow:0 4px 14px -6px #ef233c80;}
body.ts-v6 :is(.contentbox_text,.p2-cap,.p2-sit,.p2-trust,.poffer__card,.contentbox_hero_audioplayer){border-radius:16px;border:var(--card-border);box-shadow:var(--card-shadow);}
body.ts-v6 .contentbox_text{padding:clamp(1.5rem,2.5vw,2.25rem);}
body.ts-v6 .contentbox_text h3{font-size:1.14rem;}
body.ts-v6 .bg-gray100{background:linear-gradient(180deg,#f3f6f8,#ebf1f3);}
body.ts-v6 .section.bg-texture{background:linear-gradient(180deg,#f5fbfb,#e8f5f6);}
body.ts-v6 .section.bg-purple{background:linear-gradient(100deg,#e6f6f7,#f4fbfb);color:#0f2e3d;border-block:1px solid #d5ebed;}
body.ts-v6 .section.bg-purple :is(p,a,strong){color:#0f2e3d;}
body.ts-v6 :is(a,button,input,textarea,select,[role=button]):focus-visible{outline:3px solid #0e9aa0;outline-offset:4px;}
body.ts-v6 :is(img,video){max-width:100%;}
body.ts-v6 .section.seitenbild img{height:auto;border-radius:16px;}

/* Shared header: quiet service row, clear main navigation, compact proof band. */
.ts-service,.ts-header,.ts-benefits{padding-inline:max(var(--sect-x),calc((100% - var(--site-width))/2));}
.ts-service{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:40px;background:#fff;border-bottom:1px solid #eaf0f2;font-size:.78rem;line-height:1.5;color:#5a727f;}
.ts-service a{color:#34515f;}
.ts-service-links{display:flex;gap:1.3rem;align-items:center;}
.ts-header{position:sticky;top:0;z-index:65;display:flex;align-items:center;gap:2rem;min-height:78px;background:#fffffff5;border-bottom:1px solid #eaf0f2;box-shadow:0 3px 14px #0f2e3d04;}
.ts-brand{display:block;flex:0 0 auto;}
.ts-brand img{display:block;width:196px;height:auto;}
.ts-nav{margin-left:auto;display:flex;align-items:center;gap:1.4rem;}
.ts-nav ul{display:flex;align-items:center;gap:1.25rem;margin:0;padding:0;list-style:none;}
.ts-nav li{margin:0;padding:0;list-style:none;}
.ts-nav li a{display:block;padding:.6rem 0;color:#0f2e3d;font-size:.88rem;line-height:1.5;white-space:nowrap;}
.ts-nav li a:hover,.ts-nav li a[aria-current]{color:#077c82;text-decoration:underline;text-underline-offset:7px;}
.ts-header .ts-nav .cto{margin:0;padding:.7rem 1.2rem;color:#fff;font-size:.76rem;white-space:nowrap;}
.ts-menu-toggle{display:none;}
.ts-benefits{display:flex;align-items:center;justify-content:center;gap:2rem;min-height:40px;padding-block:.55rem;background:linear-gradient(100deg,#102b36,#193e4e);color:#fff;font-size:.78rem;line-height:1.5;}
.ts-benefits span::before{content:'✓';margin-right:.55rem;color:#66d1d5;font-weight:600;}
.ts-mobile-account{display:none;}

/* Homepage follows the approved split composition, with current copy and audio. */
body.ts-v6 #hero{padding-block:clamp(2rem,4vw,4rem);background:radial-gradient(ellipse at 85% 100%,#0e9aa012,transparent 65%),linear-gradient(#fff,#edf8f9);}
body.ts-v6 #hero .hinweis-generator{margin:0 auto 1.8rem;}
body.ts-v6 #hero .ts-home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,4vw,4rem);}
body.ts-v6 #hero .p2-hero{display:block;padding:0;}
body.ts-v6 #hero h1{margin:0 0 1.4rem;}
body.ts-v6 #hero .p2-hero__eyebrow{color:#077c82;letter-spacing:.1em;font-size:.75rem;margin:0 0 .8rem;font-weight:500;}
body.ts-v6 #hero .p2-hero__sub{font-size:1.04rem;line-height:1.75;max-width:60ch;}
body.ts-v6 #hero .p2-proof{display:flex;flex-wrap:wrap;gap:.55rem 1.1rem;margin:1.2rem 0 1.6rem;}
body.ts-v6 #hero .p2-proof li{font-size:.9rem;}
body.ts-v6 #hero .p2-cta-row{margin:1.2rem 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:1rem;}
body.ts-v6 #hero .p2-cta-row .cto{margin:0;}
body.ts-v6 #hero #hoerbeispiele{padding:0;margin:2rem 0 0;scroll-margin-top:100px;background:none;}
body.ts-v6 #hero .p2-tracks{padding:0;border:0;background:none;box-shadow:none;}
body.ts-v6 #hero .p2-tracks__head{display:block;margin:0 0 .85rem;}
body.ts-v6 #hero .p2-tracks__head h2{margin:0;color:#077c82;font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;}
body.ts-v6 #hero .p2-tracks__note{font-size:.85rem;margin:.35rem 0 0;}
body.ts-v6 #hero .grid-hero-audio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;}
body.ts-v6 #hero .contentbox_hero_audioplayer{min-height:76px;padding:.85rem;gap:.75rem;box-shadow:0 2px 6px #0f2e3d08;}
body.ts-v6 #hero .p2-track__name{font-size:.88rem;line-height:1.4;}
body.ts-v6 #hero .p2-track__meta{font-size:.73rem;line-height:1.4;margin:.2rem 0 0;}
body.ts-v6 #hero .contentbox_hero_audioplayer :is(.play-circle,.pause-circle){width:36px;height:36px;}
.ts-hero-visual{margin:0;align-self:center;min-width:0;}
.ts-hero-visual img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 6px 12px #0f2e3d0f,0 28px 64px #0f2e3d24;}
.ts-wave{display:flex;align-items:center;gap:4px;height:38px;margin-top:1.3rem;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.ts-wave span{flex:1;background:linear-gradient(#0e9aa0,#077c82);border-radius:2px;opacity:.55;height:40%;}
.ts-wave span:nth-child(4n+1){height:85%;}.ts-wave span:nth-child(4n+2){height:30%;}.ts-wave span:nth-child(4n+3){height:65%;}
body.ts-v6 .p2-caps{gap:1.4rem;border:0;border-radius:0;background:none;overflow:visible;}
body.ts-v6 .p2-cap{padding:2rem;background:#fff;}
body.ts-v6 .p2-cap p{padding-left:0;}
body.ts-v6 .p2-step{padding:1.75rem 1.5rem 1.75rem 4.5rem;border:var(--card-border);border-radius:16px;background:#fff;box-shadow:var(--card-shadow);}
body.ts-v6 .p2-step::before{left:1.4rem;top:1.65rem;color:#077c82;}
body.ts-v6 .p2-tracks{border-radius:16px;background:linear-gradient(135deg,#f5fbfb,#e8f5f6);}
body.ts-v6 .p2-tracks h2{color:#0f2e3d;}
body.ts-v6 .p2-tracks .p2-tracks__note{color:#5a727f;}
body.ts-v6 .p2-final{padding:clamp(2rem,5vw,4rem) 1.5rem;border-radius:16px;background:linear-gradient(120deg,#0f2e3d,#23566a);color:#fff;}
body.ts-v6 .p2-final :is(h2,p,.p2-hero__sub,.p2-final__note){color:#fff;}
body.ts-v6 .p2-trust{padding:clamp(1.5rem,3vw,2.5rem);}

/* Article introductions share the homepage's text/image relationship. */
body.ts-v6 .ts-intro{background:linear-gradient(130deg,#fff,#edf7f8);padding-block:clamp(2.5rem,5vw,4.5rem);}
body.ts-v6 .ts-intro h1{max-width:30ch;margin-bottom:1.3rem;}
body.ts-v6 .ts-intro .hinweis-generator{margin-bottom:1.5rem;}
body.ts-v6 .ts-intro-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,4vw,4rem);align-items:center;padding:clamp(2.5rem,5vw,4.5rem) max(var(--sect-x),calc((100% - var(--site-width))/2));background:linear-gradient(130deg,#fff,#edf7f8);}
body.ts-v6 .ts-intro-layout > .section{min-width:0;padding:0;margin:0;background:none;}
body.ts-v6 .ts-intro-layout h1{font-size:clamp(2rem,3vw,3.15rem);}
body.ts-v6 .ts-intro-layout .seitenbild figure{margin:0;}
body.ts-v6 .ts-intro-layout .seitenbild img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:cover;border-radius:16px;box-shadow:var(--card-shadow);}
body.ts-v6 .ts-intro-layout p{font-size:1rem;line-height:1.75;}
body.ts-v6 .ts-intro-layout p:last-child{margin-bottom:0;}
body.ts-v6 .df-faq{border-radius:16px;box-shadow:var(--card-shadow);}
body.ts-v6 .df-q{padding:1.35rem 1.7rem;}
body.ts-v6 .gen-live{border-radius:16px;box-shadow:var(--card-shadow);overflow:clip;}
body.ts-v6 .gen-live-bar{background:linear-gradient(100deg,#0f2e3d,#23566a);color:#fff;}
body.ts-v6 .gen-live-bar .gen-live-hint{color:#fff;}
body.ts-v6 .section[role=footer]{background:#102c39;}
body.ts-v6 .section.themen-footer{background:linear-gradient(180deg,#163b4c,#102c39);padding-top:4rem;padding-bottom:3rem;}
body.ts-v6 .themen-spalte h3{font-size:.78rem;letter-spacing:.09em;}
body.ts-v6 .themen-spalte a{line-height:1.7;}
body.ts-v6 .section[role=footer].bottom{border-top:1px solid #ffffff1c;}

@media(max-width:1200px){
  .ts-header{gap:1rem;}.ts-brand img{width:174px;}.ts-nav{gap:1rem;}.ts-nav ul{gap:.8rem;}.ts-nav li a{font-size:.81rem;}
}
@media(max-width:1100px){
  .ts-header{min-height:72px;justify-content:space-between;}
  .ts-menu-toggle{display:flex;align-items:center;gap:.6rem;min-height:44px;padding:.5rem 1rem;border:1px solid #c9dce3;border-radius:999px;background:#fff;color:#0f2e3d;font:500 .88rem Geist,system-ui;cursor:pointer;}
  .ts-menu-toggle::after{content:'☰';font-size:1.1rem;}.ts-menu-toggle[aria-expanded=true]::after{content:'×';font-size:1.4rem;}
  .ts-nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 112px);overflow-y:auto;background:#fff;border-bottom:1px solid #dde6ea;box-shadow:0 14px 24px #0f2e3d18;padding:1rem var(--sect-x) 1.5rem;}
  .ts-nav.ts-open{display:flex;flex-direction:column;align-items:stretch;gap:1rem;}
  .ts-nav ul{display:grid;grid-template-columns:1fr 1fr;gap:.15rem 1.5rem;}
  .ts-nav li a{font-size:1rem;padding:.65rem 0;}
  .ts-header .ts-nav .cto{align-self:flex-start;}
  .ts-mobile-account{display:flex;gap:1.5rem;border-top:1px solid #eaf0f2;padding-top:1rem;font-size:.9rem;}
  .ts-benefits{gap:1rem;font-size:.71rem;}
}
@media(max-width:900px){
  body.ts-v6 #hero .ts-home-grid,body.ts-v6 .ts-intro-layout{grid-template-columns:1fr;gap:2rem;}
  .ts-hero-visual{max-width:620px;width:100%;justify-self:center;}
  body.ts-v6 .ts-intro-layout .seitenbild{max-width:620px;}
  body.ts-v6 h1{max-width:30ch;}
}
@media(max-width:600px){
  .ts-service{justify-content:center;min-height:34px;font-size:.71rem;}.ts-service-email,.ts-service-links{display:none;}
  .ts-header{min-height:68px;}.ts-brand img{width:165px;}
  .ts-benefits{justify-content:center;min-height:36px;}.ts-benefits span{display:none;}.ts-benefits span:nth-child(2){display:block;}
  body.ts-v6 #hero .grid-hero-audio{grid-template-columns:1fr;}
  body.ts-v6 #hero .p2-track__meta{font-size:.8rem;}
  body.ts-v6 .p2-cap{padding:1.5rem;}
  body.ts-v6 .ts-intro-layout{padding-block:2.5rem;}
}
@media(prefers-reduced-motion:reduce){body.ts-v6 *{scroll-behavior:auto;}}