/* seite52.css — Oscillate Audio, v52 (12.10.2026)
   Legt sich ueber stil.css auf allen Unterseiten (body.s7): gleiche Schriftskala wie Startseite
   und Geraeteseiten (Token --t-* aus start50.css), gleiche Abstaende, gleiche Knoepfe, Null Radien.
   Der Inhalt bleibt, wie er ist; nur sein Auftritt wird angeglichen. */

body.s7{background:var(--bg);font-family:var(--sans);font-size:var(--t-text);line-height:1.6}
body.s7 main{position:relative;padding-top:clamp(112px,12vw,150px)}
body.s7 main.wrap,body.s7 .wrap{max-width:var(--wrap);padding-left:var(--pad);padding-right:var(--pad)}

/* ---------- Ueberschriften: eine Skala fuer die ganze Seite */
body.s7 main h1{margin:0;max-width:22ch;font-family:var(--disp);font-weight:800;font-stretch:112%;font-size:var(--t-h1) !important;line-height:1.04;letter-spacing:-.025em;text-wrap:balance}
body.s7 main h1 em,body.s7 main h1 .weich,body.s7 main h1 span:not(.nm){font-style:normal;color:var(--blue)}
body.s7 main h2{margin:14px 0 0;font-family:var(--disp);font-weight:800;font-stretch:112%;font-size:var(--t-h2) !important;line-height:1.06;letter-spacing:-.025em;color:var(--fg);text-wrap:balance}
body.s7 main h3{font-family:var(--disp);font-weight:800;font-stretch:108%;font-size:var(--t-h3) !important;line-height:1.15;letter-spacing:-.01em;color:var(--fg)}
body.s7 main .lead,body.s7 main .sub{font-size:var(--t-lead);line-height:1.55;color:var(--dim);max-width:64ch}
body.s7 main p{font-size:var(--t-text)}
body.s7 main .lead b,body.s7 main .lead strong{color:var(--fg);font-weight:500}

/* Augenbraue wie auf der Startseite */
body.s7 .lbl{display:block;margin:0 0 4px;font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.26em;text-transform:uppercase;color:var(--blue)}
body.s7 figure .lbl,body.s7 figcaption.lbl{margin-top:12px;font-size:10px;letter-spacing:.18em;color:var(--dim)}

/* ---------- Abschnitte: gleicher Takt */
body.s7 main>section,body.s7 main>div>section{position:relative;padding:clamp(64px,8vw,112px) 0;border-top:1px solid var(--line2)}
body.s7 main>section:first-child{border-top:0}

/* ---------- Knoepfe: wie s5-btn */
body.s7 .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 26px;border:1px solid var(--blue);border-radius:0;background:var(--blue);color:var(--bg);font-family:var(--mono);font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}
body.s7 .btn:hover{background:var(--fg);border-color:var(--fg);color:var(--bg);text-decoration:none}
body.s7 .btn.ghost{background:transparent;color:var(--blue)}
body.s7 .btn.ghost:hover{background:rgba(143,216,255,.1);color:var(--fg);border-color:var(--fg)}
body.s7 .btn.green{background:var(--green);border-color:var(--green);color:#04140D}
body.s7 .btn.green:hover{background:#7BEBBA;border-color:#7BEBBA}
body.s7 .btn[disabled]{opacity:.45;cursor:not-allowed}
body.s7 input[type=email],body.s7 input[type=text],body.s7 input[type=search]{border-radius:0}

/* ---------- Bilder und Rahmen */
body.s7 main figure img,body.s7 main .visual{border:1px solid var(--line)}
body.s7 *{border-radius:0}
body.s7 .s5-vu__clip,body.s7 .s5-schiene i,body.s7 .s5-pegel i{border-radius:0}

/* ---------- Rechtsseiten: lesbares Dokument, gleiche Ueberschriften eine Stufe kleiner */
body.s7--recht main h1{font-size:var(--t-h2) !important;max-width:none}
body.s7--recht main .doc,body.s7--recht main .box{max-width:820px}
body.s7--recht main .doc h2,body.s7--recht main .box h2{margin:48px 0 12px;font-size:var(--t-h3) !important;font-stretch:108%}
body.s7--recht main .doc p,body.s7--recht main .doc li,body.s7--recht main .box p,body.s7--recht main .box li{font-size:var(--t-text);line-height:1.7;color:var(--dim)}

/* ---------- Fuss auf Unterseiten: Abstand nach oben */
body.s7 .s5-fuss{margin-top:clamp(64px,8vw,112px)}

/* ---------- Alte Show-Ebenen (v17–v41) auf Unterseiten ausblenden: der neue Kopf und die neue Schiene ersetzen sie */
body.s7>canvas.raster,body.s7>nav.kap,body.s7>.fortschritt,body.s7>.hud,body.s7>.hud__leiste,body.s7>nav.mob,body.s7>.freileiste,
body.s7>.v17-lauf,body.s7>.v17-licht,body.s7>.kl,body.s7>nav.ksp,body.s7>.lgd,body.s7>.tipp30{display:none !important}
body.s7 main h1,body.s7 main h2,body.s7 main h3{text-transform:none}
body.s7 .lbl::before,body.s7 .lbl::after{content:none !important;display:none !important}
body.s7 .lbl i[class^=nr]{display:none}
body.s7 main h2+.lead,body.s7 main h2+p{margin-top:18px}
body.s7 main h1 .nm{font-family:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:none;border:0;background:none;padding:0;box-shadow:none}
body.s7 main h1 .nm::after,body.s7 main h1 .nm::before{content:none !important}
body.s7 .pz-k>b{display:block;font-family:var(--disp);font-weight:800;font-stretch:115%;font-size:var(--t-h3);letter-spacing:-.01em;line-height:1.1}
/* Changelog: Eintraege sind Karten-Ebene (H3-Groesse), nicht Abschnitts-Ebene */
body.s7 main .eintrag h2{font-size:var(--t-h3) !important;margin-top:0;line-height:1.15}
body.s7 main .eintrag li{font-size:15px;line-height:1.6}
body.s7 main .cta+h2,body.s7 main p+h2,body.s7 main ul+h2,body.s7 main div+h2:not(:first-child){margin-top:clamp(48px,6vw,80px)}
body.s7 main .doc ul{padding-left:18px}
body.s7 main .doc ul li{margin:6px 0}

/* ---------- v55 · gleiche Skala wie Startseite und Geraeteseiten (Token aus start50.css) */
body.s7 main .pz-satz{font-size:var(--t-lead) !important;line-height:1.55}
body.s7 main .pz-auf__h,body.s7 main .faq summary{font-size:var(--t-text) !important}
body.s7 main .szene b{display:block;font-family:var(--disp);font-weight:800;font-stretch:112%;font-size:var(--t-h4) !important;line-height:1.15}
body.s7 main .gratis ul li,body.s7 main tr.rv td{font-size:var(--t-klein) !important}
body.s7 main .gratis__ok span,body.s7 main .gratis__klein{font-size:var(--t-fein) !important}
body.s7 main .film__k,body.s7 main .pz-zahlen>div>span{font-size:var(--t-mono-s) !important}
body.s7 main .kaufzeile__preis span,body.s7 main .bt__g i,body.s7 main .bt__g b{font-size:var(--t-mono) !important}
body.s7 main .buehne__fuss span{font-size:var(--t-mono) !important}
body.s7 main .kaufzeile__preis b,body.s7 main .gratis .p{font-family:var(--mono);font-weight:500;font-size:var(--t-preis) !important}
body.s7 main .pz-zahlen>div>b{font-family:var(--disp);font-weight:800;font-stretch:115%;font-size:var(--t-zahl2) !important}
body.s7 main .bt__preis{font-family:var(--disp) !important;font-weight:800 !important;font-stretch:115%;font-size:var(--t-zahl) !important}
body.s7 main .pz-k>b{font-size:var(--t-h4) !important}
body.s7 main .eintrag h2{font-size:var(--t-h4) !important}
body.s7 main .eintrag li,body.s7 main .eintrag li *{font-size:var(--t-klein) !important}
body.s7 main .eintrag__wann b{font-family:var(--disp) !important;font-weight:800 !important;font-stretch:112%;font-size:var(--t-h4) !important}
body.s7 main .cl-sprung a,body.s7 main .cl-link a{font-size:var(--t-knopf) !important}
body.s7 main .bt__fein,body.s7 main .bt__fein a{font-family:var(--sans) !important;font-size:var(--t-klein) !important}
body.s7 main .gratis .p em,body.s7 main tr.rv td.k{font-size:var(--t-mono-l) !important}