/* TAURA Schriftskala, freigegeben 24.10.2026.
   Stufe 1 Seitentitel · Stufe 2 Überschrift · Stufe 3 Zwischenzeile · Stufe 4 Fließtext · Stufe 5 Beschriftung.
   Titel in Playfair Display, gelesen wird in Raleway (Blog in Playfair). Knöpfe, Navigation und Logo bleiben unverändert. */

/* Stufe 1: Seitentitel */
.ts-hero h1,.ts .ts-hero-links h1,.ts .ts-h1-lang,main.ts h1,.et h1,.jr h1{
font-family:"Playfair Display",Georgia,serif!important;font-weight:700!important;text-transform:uppercase!important;
letter-spacing:0!important;line-height:1.04!important;font-size:clamp(34px,4.2vw,60px)!important;text-wrap:balance}

/* Stufe 2: Überschrift */
.ts h2,.et h2,.et.et h2,.jr h2,#deal h2{
font-family:"Playfair Display",Georgia,serif!important;font-weight:700!important;text-transform:uppercase!important;
letter-spacing:.01em!important;line-height:1.1!important;font-size:clamp(26px,2.6vw,36px)!important;text-wrap:balance}

/* Stufe 3: Zwischenzeile */
.ts-big,.ts .ts-big,.ts-wandel h3,.ts-wandel-3 h3,#anfang .ts-zeile h3,.ts-zeile h3,.ts-weg-t,.tb-deal h3,.tb-schritt h3,.et .step h3,.et .wege h3,.et .drin h3,.et .sch h3,.et .nach h2,.ts h3{
font-family:"Playfair Display",Georgia,serif!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;
line-height:1.3!important}
.ts-big,.ts .ts-big,.et .nach h2,main.ts .tb-gespraech-txt > p:not([class]){font-size:clamp(22px,2.2vw,28px)!important}
main.ts .tb-gespraech-txt > p:not([class]){font-family:"Playfair Display",Georgia,serif!important;font-weight:400!important;line-height:1.5!important}
/* Großes Bandzitat im Blog */
main.ts .tb-band > p,main.ts .tb-stimmung > p{font-family:"Playfair Display",Georgia,serif!important;font-weight:400!important;font-size:clamp(30px,3.8vw,54px)!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important}
.ts-wandel h3,.ts-wandel-3 h3,#anfang .ts-zeile h3,.ts-zeile h3,.ts-weg-t,.tb-deal h3,.tb-schritt h3,.et .step h3,.et .wege h3,.et .drin h3,.et .sch h3,.ts h3{font-size:clamp(22px,2vw,28px)!important}

/* Stufe 4: Fließtext */
.ts p:not([class]),.ts li:not([class]),.ts .ts-intro,.ts .ts-strong,.ts-hero-lead p,.et p:not([class]),.et .lead,.et li:not([class]){
font-family:Raleway,"Helvetica Neue",Arial,sans-serif;font-size:17px!important;line-height:1.7!important;letter-spacing:0!important}
.ts .ts-strong{font-weight:600!important}
/* Keine Grautöne mehr für ganze Absätze */
.ts .ts-intro,.tb-deal p,.ts-faq details p,.tb-schritt p,.tb-karte-text,.tb-autor,.ts-weg-p,.ts-rolle,#anfang .ts-zeile p,.ts .ts-zeile p{color:#111!important}
.ts .ts-black .ts-intro,.ts-stimmen .ts-intro,.tb-sagt-in .ts-intro,.ts-black .ts-mt-txt p:not(.ts-k):not(.ts-big),.ts-black .tb-mt-liste li,.tb-sagt dd,.ts .ts-black .ts-mt-txt p{color:#fff!important}
.ts .ts-brief p,.ts .ts-brief-kopf span{color:#111!important}
/* Großes Zitat bleibt groß */
.ts-quote > p:first-child,.ts .ts-quote > p:first-child{font-family:"Playfair Display",Georgia,serif!important;font-weight:400!important;font-size:clamp(30px,4vw,58px)!important;line-height:1.2!important}
/* Blog: Lesetext in Playfair */
.tb .tb-abs p:not([class]),.tb .tb-abs li,.tb-deal p,.tb .tb-liste li,.tb-mt-liste li,.tb .ts-mt-txt p:not([class]),.tb .tb-schritt p{
font-family:"Playfair Display",Georgia,serif!important;font-size:19px!important;line-height:1.7!important;letter-spacing:0!important}

/* Stufe 5: Beschriftung */
.ts .ts-k,.ts-hero .ts-k,.ts .ts-black .ts-k,.ts .ts-hk,.ts .ts-tarif-n,.ts .ts-check-t,.ts .ts-dabei-t,.ts .ts-fakt,.ts .ts-hinweis,
.ts .ts-vn-l,.ts .ts-dreh,.ts .ts-hro-k,.ts .ts-brief-kopf span,.ts-sl figcaption,.ts-z-info,.ts .ts-tests a span,.ts .ts-kompass .reading h3,
.et .k,.et .steps3 li,.et .fq label,.et .fq legend,.et .app-brief .wer,.et .t-dauer,.et .t-stand,.et .t-mail label span,.et .t-andere a span,
.et .gruss small,.et .sum li b,.et .qs cite,.et .story .sig,.et .crew .nm,.jr .k,.jr label,#deal .dl-field label,.kicker,
.tb-meta,.tb-test li span,.tb-band small,.tb-weiterlesen small,.tb-neu small,.tb-karte small,.tb-faeden-liste small,.tb-panel-kopf p,.tb .tb-gruppe-k,.tb-mail label span,.tb-faden,.tb-faden span,
.ck .ck-k,.ck label b,.ts-weg-u,
.vt .k,.vt-nr,.vt-parties h3,.vt-dates h3,.vt-fields label,.vt-pad label,.vt-bank dt,.vt-fb label,.vt-stepnr,.vt-claim,.vt-demo,
.hro .k,.vn .lb,.flp .kk,.flp .ff .mo,.flp .fb .bk,.tsl .nm{
font-family:Raleway,"Helvetica Neue",Arial,sans-serif!important;font-weight:600!important;font-size:15px!important;line-height:1.45!important;
font-style:normal!important;letter-spacing:0!important;text-transform:none!important;color:inherit!important}
.tsl .nm,.et .qs cite,.et .story .sig,.vt-claim,.vt-demo,.flp .ff .mo,.tb-meta{font-weight:500!important}
/* Hinweise unter Knöpfen und Preisen */
.ts-hero-note,.ts .ts-klein,.ts .per,.ts .per2,.ts .ts-tarif-x,.et .note,.et .klein{
font-family:Raleway,"Helvetica Neue",Arial,sans-serif!important;font-weight:500!important;font-size:15px!important;line-height:1.45!important;letter-spacing:0!important}
.ts .ts-k::after,.et .k::after,.kicker::after{display:none!important}

/* Gold raus aus allen Texten der Webseite */
.ts-z-icon,.ts-weg-u,.ts .ts-tests a span,.tb-schritt b,.tb-mt-liste li span,p.q > span.nr,.tb-karte small,.tb-weiterlesen small,.cv .nv.ls,.tb-faden svg{color:inherit!important;stroke:currentColor}
.cv a.nv.ls{color:#000!important}
/* Nummern ohne Reihenfolge weg */
#anfang .ts-chips a::before{content:none!important;display:none!important}

/* Sicherheitsnetz für neue Artikel: keine kleine Zeile über Zwischenüberschriften */
.tb .ts-k:has(+ h2),.tb .ts-k:has(+ h3),.ts .ts-k:has(+ h2),.ts .ts-k:has(+ h3),.et .k:has(+ h2),.et .k:has(+ h3){display:none!important}
.tb-mail .tbm-k{display:none!important}
.et .k.rolle{margin:-6px 0 18px!important}

/* Abstände: Überschrift rückt an ihren Text, Abschnitte atmen unterschiedlich */
.ts h2{margin-bottom:22px}
.ts-mt-txt h2{margin-bottom:20px}
@media (max-width:700px){
.ts-hero h1,.ts .ts-hero-links h1,.ts .ts-h1-lang,main.ts h1,.et h1{font-size:34px!important}
.ts h2,.et h2,.et.et h2{font-size:26px!important}
.ts-big,.ts .ts-big,main.ts .tb-gespraech-txt > p:not([class]){font-size:22px!important}
main.ts .tb-band > p,main.ts .tb-stimmung > p{font-size:30px!important}
}

/* App: Beschriftungen ohne Versalien und Sperrung, Gold als Akzent erlaubt */
.tr-k,.ij-sg,.hm-t.ij-home .ij-hk,.ar-k small,.bz-p small,.gate-in .gate-k,.ab-kiste b,.mg .gd-ruht,#heute .ht-wer,#heute .ht-richtung span,
.vp-kopf p,.mg-top .k,body .mg-top .k,.mg .lbl,body .mg .lbl,.mg-olga small,.mg-t{
font-family:Raleway,"Helvetica Neue",Arial,sans-serif!important;font-weight:600!important;font-size:15px!important;line-height:1.45!important;
letter-spacing:0!important;text-transform:none!important}

/* App: Reiter unten gut lesbar (WCAG AA), aktiver Reiter bleibt deutlich */
.bnav button{opacity:1!important;color:#5e5e5e!important}
.bnav button[aria-current="page"]{color:#000!important}

/* Gold auf der Webseite ganz raus: Variablen neutral, Blog-Reste einzeln (App nutzt kein .ts und behält Gold) */
.ts{--gold:currentColor;--goldt:currentColor;--goldl:currentColor}
.tb-faden a,.tb .tb-faden a,.tb .ts-hero .tb-faden a,.tb-faeden-liste small,.tb-panel-kopf p,.tb-faeden .tb-karte small,.tb .tb-faeden-liste a:hover strong,.tb .tb-faeden-liste a.on strong,.tb-faeden .ts-k,.tb .tb-zu-ratgeber a{color:inherit!important;text-decoration-color:currentColor!important}
.tb-faden a{font:600 15px/1.45 Raleway,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
/* Aufzählungen ohne Reihenfolge: Strich statt Zahl; Rubrikenliste ohne 01, 02 */
.tb-liste li::before{content:"–"!important;color:inherit!important}
.tb-rubriken a::before,.tb-rubriken .tb-leer::before{content:none!important;display:none!important}

/* App: Titel in Playfair wie auf der Webseite, normale Schreibung (25.10.2026) */
body[data-view] h1,body[data-view] .gp-h,body[data-view] h2,body[data-view] h3,body[data-view] .ritual .k,body[data-view] p.k,body[data-view] .au-q{
font-family:"Playfair Display",Georgia,serif!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
body[data-view] .ij-home b{font-family:"Playfair Display",Georgia,serif!important;font-weight:400!important;font-size:20px!important;line-height:1.35!important}
/* App: keine kleinen Zeilen über Überschriften */
body[data-view] .ritual .hm-jetzt{display:inline-block;align-self:flex-start;margin:0 0 6px!important;padding:3px 12px;border:1px solid currentColor;border-radius:999px;font:600 15px/1.4 Raleway,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:0!important;color:inherit!important;opacity:.85}
body[data-view] .ij-home .ij-hk{order:2;margin:12px 0 0!important;font-weight:500!important}
body[data-view] .ij-home .ij-hm{order:3;margin-top:6px}
body[data-view] .au-wq{display:flex;flex-direction:column}
body[data-view] .au-wq>*{order:3}
body[data-view] .au-wq .au-q{order:1}
body[data-view] .au-wq .au-k{order:2;margin:2px 0 12px!important;font:500 15px/1.45 Raleway,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:0!important}
body[data-view] p.meta{font-size:15px!important;letter-spacing:0!important}
/* App: Eingabefeld ohne inneren Rahmen, Fokusrahmen nur bei Tastatur, Senden groß genug zum Tippen */
body[data-view] .au-in textarea,body[data-view] .au-in input{box-shadow:none!important}
body[data-view] .icon-btn:focus:not(:focus-visible),body[data-view] button:focus:not(:focus-visible){outline:none!important}
body[data-view] .au-send,body[data-view] button[aria-label="Senden"],body[data-view] button[aria-label="Send"],body[data-view] button[aria-label="Отправить"]{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important}
/* App: Startseite ohne doppelte Kacheln, die schon unten als Reiter stehen (25.10.2026) */
body[data-view] #hm-grid .hm-t[data-hm="werkzeuge"],body[data-view] #hm-grid .hm-t[data-hm="training"],body[data-view] #hm-grid .hm-t[data-hm="austausch"]{display:none!important}

/* Mittig gesetzte Absätze wirklich mittig (27.10.2026) */
.ts .ts-center>p{margin-left:auto;margin-right:auto}