/* VARIANTE B — ausschließlich separate Vorschau, keine Übernahme in Variante A. */
.variant-b{--ink:#263e36;--soft:#64716a;--line:#d8ded6;--paper:#f1f3ed;background:#fff;color:#263e36}
.variant-b .kiki-preview{color:#303e37;font-family:'Century Gothic','Trebuchet MS',Arial,sans-serif;font-size:17px;line-height:1.8}
.variant-b .kiki-preview h1,.variant-b .kiki-preview h2,.variant-b .kiki-preview h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.025em;color:#263e36;line-height:1.23}
.variant-b .kiki-preview h1{font-size:48px}
.variant-b .kiki-preview h2{font-size:34px}
.variant-b .kiki-preview h3{font-size:28px}
.variant-b .preview-notice{background:#f1f3ed;color:#536459;font-size:9px;letter-spacing:1.8px}
.variant-b .kiki-preview header{max-width:1320px;display:grid;grid-template-columns:164px minmax(0,1fr) auto;gap:22px;padding:24px 36px;min-height:108px;border-bottom:1px solid #edf0eb}
.variant-b .kiki-preview header .logo{grid-column:1;grid-row:1}
.variant-b .kiki-preview header .logo img{width:164px}
.variant-b .kiki-preview header nav{grid-column:2;grid-row:1;justify-content:center;gap:12px 21px;padding:0;font-size:9px;letter-spacing:1.2px}
.variant-b .kiki-preview header nav a{padding:10px 0 7px}
.variant-b .kiki-preview .header-book{grid-column:3;grid-row:1;border:1px solid #a8b5aa;font-size:9px;padding:12px 15px;letter-spacing:1.2px}
.variant-b .kiki-preview .wrap{max-width:1260px}
.variant-b .kiki-preview .book{color:#263e36;border-color:#8c9e8d;padding:15px 22px;font-size:10px;letter-spacing:1.3px;background:transparent;transition:background-color .2s,color .2s,border-color .2s}
.variant-b .kiki-preview .book:hover:not(:disabled),.variant-b .kiki-preview .book:focus-visible{color:#fff;background:#263e36;border-color:#263e36}
.variant-b .kiki-preview a:focus-visible,.variant-b .kiki-preview button:focus-visible,.variant-b .kiki-preview summary:focus-visible{outline-color:#41644f}
.variant-b .kiki-preview .variant-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.4fr);gap:55px;align-items:center;padding-top:65px;padding-bottom:55px}
.variant-b .variant-hero-copy{max-width:450px}
.variant-b .kiki-preview .variant-hero h1{font-size:48px;line-height:1.16;margin:15px 0 24px;letter-spacing:-1.4px}
.variant-b .kiki-preview .variant-hero h2{font-family:'Century Gothic','Trebuchet MS',Arial,sans-serif;font-size:19px;line-height:1.65;letter-spacing:0;margin:0 0 27px;color:#5a695e}
.variant-b .kiki-preview .variant-hero .since{font-size:10px;letter-spacing:1.7px;color:#647369;padding:0;margin:0}
.variant-b .kiki-preview .variant-hero .since p{margin:0}
.variant-b .kiki-preview .variant-hero .since br{display:none}
.variant-b .kiki-preview .variant-hero .since strong{font:400 12px 'Trebuchet MS',Arial,sans-serif;letter-spacing:1px;margin-left:9px;color:#4a5e4d}
.variant-b .kiki-preview .variant-hero .actions{justify-content:flex-start;padding:0;gap:20px;flex-wrap:wrap;font-size:11px}
.variant-b .variant-hero .actions>a:first-child{order:2;letter-spacing:1px}
.variant-b .kiki-preview .variant-hero .actions .book{order:1;background:#263e36;color:#fff;border-color:#263e36;font-size:9px;padding:16px 20px}
.variant-b .kiki-preview .variant-portrait{margin:0;min-width:0}
.variant-b .kiki-preview .variant-portrait .hero{width:100%;max-width:none;height:auto;aspect-ratio:auto;object-fit:contain;margin:0;display:block}
.variant-b .kiki-preview .video-area{max-width:680px;margin:12px auto 45px;padding:0 24px}
.variant-b .kiki-preview .intro{display:block;max-width:830px;margin:0 auto 50px;padding:28px 0 12px;border-top:1px solid #d8ded6;font-size:18px;line-height:1.9}
.variant-b .kiki-preview .handwriting{border-top:1px solid #d8ded6;padding:35px 0 25px}
.variant-b .kiki-preview .handwriting>h2{font-size:37px;margin-bottom:32px}
.variant-b .kiki-preview .story{gap:65px;font-size:16px;line-height:1.9}
.variant-b .kiki-preview .hair-parallax{margin-top:24px;margin-bottom:70px}
/* Bewusst keine Überschreibung von Bildausschnitt, Transform oder Scroll-Code. */
.variant-b .kiki-preview .voices-head h2{font-family:'Century Gothic','Trebuchet MS',Arial,sans-serif;font-size:16px;letter-spacing:2px;line-height:1.8;max-width:600px}
.variant-b .kiki-preview .voice{grid-template-columns:280px minmax(0,1fr);padding:35px 0;border-color:#d8ded6}
.variant-b .kiki-preview .voice h3{font-size:27px;letter-spacing:.02em;margin-bottom:17px}
.variant-b .kiki-preview .voice p{font-size:15px;color:#59675d;line-height:1.9}
.variant-b .kiki-preview .home-fluency{background:#f1f3ed;padding:48px;gap:65px;border-top:1px solid #c5d0c2}
.variant-b .kiki-preview .home-fluency h2{font-family:'Century Gothic','Trebuchet MS',Arial,sans-serif;font-size:17px;letter-spacing:1px}
.variant-b .home-fluency .fluency-tagline{font-family:Georgia,'Times New Roman',serif;font-size:34px;color:#263e36;line-height:1.3}
.variant-b .kiki-preview .home-fluency .eyebrow{font-size:9px;color:#5e6d60}
.variant-b .kiki-preview .contact{padding-top:20px}
.variant-b .kiki-preview .contact h2{font-family:'Century Gothic','Trebuchet MS',Arial,sans-serif;font-size:19px;letter-spacing:2px}
.variant-b .kiki-preview footer{background:#edf1e9;border-top:1px solid #d8ded6;padding:33px 30px;color:#405544}
.variant-b .kiki-preview .subpage{padding-top:42px;padding-bottom:85px}
.variant-b .kiki-preview .subpage>.lead{font-size:20px;line-height:1.75;color:#5a695e;margin-top:25px}
.variant-b .kiki-preview .services{border-color:#d8ded6;gap:36px 65px;padding-top:18px}
.variant-b .kiki-preview .services h2{font-size:30px}
.variant-b .kiki-preview .consultation h2{font-size:29px;margin-top:38px}
.variant-b .kiki-preview .keratin h2{font-size:30px}
.variant-b .kiki-preview .notice{border-left-color:#8b9e86;background:#f4f6f0}
.variant-b .kiki-preview .locked{background:#f1f3ed;border-top:1px solid #c5d0c2}
.variant-b .kiki-preview .locked h2{font-size:30px}
/* FLUENCY – derselbe Katalog und dieselben fünf Angebote. */
.variant-b .kiki-preview .fluency-screen{padding-top:26px}
.variant-b .fluency-screen .fluency-breadcrumb{color:#65735f;font-size:10px}
.variant-b .fluency-screen .fluency-welcome{grid-template-columns:minmax(0,1fr) 260px;gap:80px;padding:6px 0 44px}
.variant-b .kiki-preview .fluency-screen .fluency-welcome h1{font-family:'Century Gothic','Trebuchet MS',Arial,sans-serif;font-size:16px;letter-spacing:1.8px;margin:0 0 22px}
.variant-b .kiki-preview .fluency-screen .fluency-welcome h2{font-size:47px;letter-spacing:-1px;line-height:1.16;margin-bottom:27px}
.variant-b .fluency-screen .fluency-welcome p{font-size:15px;line-height:1.9;max-width:760px}
.variant-b .fluency-screen .fluency-welcome .eyebrow{font-size:9px;color:#6b7768;letter-spacing:1.6px;margin-bottom:23px}
.variant-b .fluency-screen .fluency-facts-panel{background:#f1f3ed;border:0;padding:20px 25px;gap:15px 24px}
.variant-b .fluency-screen .fluency-facts-panel strong{font:400 36px Georgia,'Times New Roman',serif;color:#263e36}
.variant-b .fluency-screen .fluency-facts-panel div{padding:12px 0 18px;border-color:#d8ded1}
.variant-b .fluency-screen .fluency-facts-panel span{font-size:11px;color:#596b57}
.variant-b .kiki-preview .fluency-screen .module-jump{border-color:#d8ded6;padding:24px 0;gap:20px}
.variant-b .fluency-screen .module-jump a{font-size:12px;min-height:30px}
.variant-b .fluency-screen .module-jump span{color:#6e8167}
.variant-b .kiki-preview .fluency-screen .fluency-section-head h2{font-size:36px}
.variant-b .fluency-screen .complete-offer{background:#263e36;color:#fff;padding:38px 42px;border:0}
.variant-b .kiki-preview .fluency-screen .complete-offer h3{font-family:'Century Gothic','Trebuchet MS',Arial,sans-serif;color:#fff;font-size:21px;letter-spacing:.4px}
.variant-b .fluency-screen .complete-offer p,.variant-b .fluency-screen .complete-offer .eyebrow,.variant-b .kiki-preview .fluency-screen .complete-offer .offer-access{color:#e2e8dc}
.variant-b .kiki-preview .fluency-screen .complete-offer .offer-price{color:#fff;font-size:39px}
.variant-b .fluency-screen .complete-offer .offer-price span,.variant-b .kiki-preview .fluency-screen .complete-offer .offer-tax{color:#d0dbc8}
.variant-b .kiki-preview .fluency-screen .complete-offer .book{color:#fff;border-color:#92a28c;background:transparent}
.variant-b .kiki-preview .fluency-screen .complete-offer .book:hover{background:#f1f3ed;color:#263e36}
.variant-b .fluency-screen .single-offers{gap:20px}
.variant-b .fluency-screen .single-offer{border-color:#d8ded6;padding:29px 31px;background:#fff;transition:border-color .2s,background-color .2s}
.variant-b .fluency-screen .single-offer:hover{background:#fbfcf9;border-color:#82967b}
.variant-b .fluency-screen .offer-topline{margin-bottom:23px}
.variant-b .fluency-screen .module-number{font:400 28px Georgia,'Times New Roman',serif;color:#647c5e}
.variant-b .kiki-preview .fluency-screen .single-offer h3{font-size:30px;line-height:1.2;letter-spacing:-.6px}
.variant-b .kiki-preview .fluency-screen .offer-price{font:400 34px Georgia,'Times New Roman',serif;letter-spacing:-.5px}
.variant-b .fluency-screen .offer-price span{font:400 11px 'Trebuchet MS',Arial,sans-serif;letter-spacing:0}
.variant-b .fluency-screen .offer-tax{color:#596f53}
.variant-b .fluency-screen .single-offer-links{gap:25px}
.variant-b .kiki-preview .fluency-screen .fluency-module{border-color:#d8ded6;margin-bottom:26px}
.variant-b .fluency-screen .fluency-module summary{background:#f1f3ed;padding:27px 30px;gap:25px}
.variant-b .fluency-screen .module-name{font:400 29px Georgia,'Times New Roman',serif;letter-spacing:-.4px;color:#263e36}
.variant-b .fluency-screen .module-heading .eyebrow{color:#66775e}
.variant-b .fluency-screen .lesson-list a{padding-top:18px;padding-bottom:18px}
.variant-b .fluency-screen .lesson-list a:hover{background:#f7f9f3}
.variant-b .fluency-screen .lesson-label{font-size:15px;color:#344736;line-height:1.8}
.variant-b .fluency-screen .lesson-number,.variant-b .fluency-screen .lesson-arrow{color:#687d60}
.variant-b .fluency-screen .pdf-mark{color:#526d48;border-color:#a6b69f}
.variant-b .kiki-preview .fluency-screen .text-section h2{font-size:31px}
.variant-b .fluency-screen #order-summary{background:#f1f3ed;border-top:1px solid #b8c7af}
.variant-b .kiki-preview .fluency-screen #order-summary h2{font-size:30px}
.variant-b .kiki-preview .fluency-screen .lesson-layout h1{font-size:37px;line-height:1.3}
.variant-b .fluency-screen .lesson-sidebar{background:#fafbf7;border-color:#d8ded6}
.variant-b .fluency-screen .lesson-sidebar h2{font-size:25px}
@media(max-width:1100px){
 .variant-b .kiki-preview header{display:flex;position:relative;justify-content:center;min-height:100px;padding:24px 30px}
 .variant-b .kiki-preview header .logo img{width:150px}
 .variant-b .kiki-preview header nav{display:none}
 .variant-b .kiki-preview header nav.open{display:flex;gap:19px;padding:25px 30px;background:#fff;grid-column:auto;grid-row:auto}
 .variant-b .kiki-preview .header-book{position:absolute;right:25px;top:32px;padding:9px 11px;grid-column:auto;grid-row:auto}
 .variant-b .kiki-preview .variant-hero{gap:35px;padding-top:45px}
 .variant-b .kiki-preview .variant-hero h1{font-size:40px}
 .variant-b .fluency-screen .fluency-welcome{gap:40px;grid-template-columns:minmax(0,1fr) 220px}
 .variant-b .kiki-preview .fluency-screen .fluency-welcome h2{font-size:40px}
}
@media(max-width:767px){
 .variant-b .kiki-preview{font-size:16px;line-height:1.8}
 .variant-b .kiki-preview header{min-height:94px;padding:20px 24px}
 .variant-b .kiki-preview header .logo img{width:130px}
 .variant-b .kiki-preview .header-book{right:17px;top:32px;font-size:8px;letter-spacing:.5px;padding:8px 9px}
 .variant-b .kiki-preview .variant-hero{display:flex;flex-direction:column;gap:30px;padding-top:32px;padding-bottom:28px}
 .variant-b .variant-hero-copy{max-width:none;width:100%}
 .variant-b .kiki-preview .variant-hero h1{font-size:37px;letter-spacing:-1px;margin-top:14px;margin-bottom:19px}
 .variant-b .kiki-preview .variant-hero h2{font-size:16px;line-height:1.8;margin-bottom:23px}
 .variant-b .kiki-preview .variant-hero .since{font-size:9px}
 .variant-b .kiki-preview .variant-hero .actions{gap:20px}
 .variant-b .kiki-preview .variant-hero .actions .book{padding:14px 16px;font-size:9px;letter-spacing:.8px}
 .variant-b .kiki-preview .variant-portrait{width:100%;margin:0}
 .variant-b .kiki-preview .variant-portrait .hero{width:100%;max-width:none;margin:0}
 .variant-b .kiki-preview .video-area{margin:0 auto 30px;padding:0 24px;max-width:440px}
 .variant-b .kiki-preview .intro{font-size:16px;line-height:1.9;margin-bottom:25px;padding-top:25px}
 .variant-b .kiki-preview .handwriting{padding-top:25px;padding-bottom:12px}
 .variant-b .kiki-preview .handwriting>h2{font-size:32px;margin-bottom:25px}
 .variant-b .kiki-preview .story{font-size:15px;line-height:1.9}
 .variant-b .kiki-preview .hair-parallax{margin-top:12px;margin-bottom:44px}
 .variant-b .kiki-preview .voices-head h2{font-size:14px;letter-spacing:1.5px}
 .variant-b .kiki-preview .voice{display:block;padding:26px 0}
 .variant-b .kiki-preview .voice h3{font-size:27px}
 .variant-b .kiki-preview .voice p{font-size:14px}
 .variant-b .kiki-preview .home-fluency{padding:29px 23px;margin-top:45px}
 .variant-b .kiki-preview .home-fluency h2{font-size:16px;letter-spacing:.6px}
 .variant-b .home-fluency .fluency-tagline{font-size:29px}
 .variant-b .kiki-preview .home-fluency .book{font-size:9px;letter-spacing:.8px}
 .variant-b .kiki-preview .subpage{padding-top:29px;padding-bottom:55px}
 .variant-b .kiki-preview h1{font-size:35px;line-height:1.25}
 .variant-b .kiki-preview h2,.variant-b .kiki-preview .consultation h2{font-size:28px}
 .variant-b .kiki-preview .service-hero{gap:25px}
 .variant-b .kiki-preview .services h2,.variant-b .kiki-preview .keratin h2{font-size:28px}
 .variant-b .kiki-preview .fluency-screen{padding-top:16px}
 .variant-b .fluency-screen .fluency-breadcrumb{font-size:9px;margin-bottom:30px}
 .variant-b .fluency-screen .fluency-welcome{display:block;padding:0 0 30px}
 .variant-b .kiki-preview .fluency-screen .fluency-welcome h1{font-size:14px;line-height:1.6;letter-spacing:1px;margin-bottom:20px}
 .variant-b .kiki-preview .fluency-screen .fluency-welcome h2{font-size:35px;line-height:1.2;letter-spacing:-.7px}
 .variant-b .fluency-screen .fluency-welcome .eyebrow{font-size:8px;letter-spacing:1px}
 .variant-b .fluency-screen .fluency-welcome p{font-size:14px;line-height:1.9}
 .variant-b .fluency-screen .fluency-actions{gap:19px}
 .variant-b .fluency-screen .fluency-facts-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:15px 17px;margin-top:30px}
 .variant-b .fluency-screen .fluency-facts-panel strong{font-size:28px}
 .variant-b .fluency-screen .fluency-facts-panel div{padding:8px 0 10px}
 .variant-b .fluency-screen .fluency-facts-panel span{font-size:9px;line-height:1.7}
 .variant-b .kiki-preview .fluency-screen .module-jump{gap:18px;padding:20px 0}
 .variant-b .fluency-screen .module-jump a{font-size:11px;min-height:35px}
 .variant-b .kiki-preview .fluency-screen .fluency-section-head h2{font-size:31px}
 .variant-b .fluency-screen .complete-offer{padding:27px 24px}
 .variant-b .kiki-preview .fluency-screen .complete-offer h3{font-size:19px}
 .variant-b .kiki-preview .fluency-screen .complete-offer .offer-price{font-size:36px}
 .variant-b .fluency-screen .complete-offer .book{font-size:9px;letter-spacing:1px}
 .variant-b .fluency-screen .single-offer{padding:26px 23px}
 .variant-b .kiki-preview .fluency-screen .single-offer h3{font-size:29px}
 .variant-b .fluency-screen .single-offer-links{gap:20px}
 .variant-b .fluency-screen .fluency-module summary{padding:23px 19px;gap:16px}
 .variant-b .fluency-screen .module-name{font-size:25px;line-height:1.25}
 .variant-b .fluency-screen .module-number{font-size:25px}
 .variant-b .fluency-screen .lesson-label{font-size:14px;line-height:1.8}
 .variant-b .fluency-screen .lesson-list a{padding-top:17px;padding-bottom:17px}
 .variant-b .kiki-preview .fluency-screen .text-section h2{font-size:28px}
 .variant-b .kiki-preview .fluency-screen .lesson-layout h1{font-size:31px}
 .variant-b .kiki-preview .locked h2{font-size:28px}
}
@media(max-width:359px){
 .variant-b .kiki-preview header .logo img{width:110px}
 .variant-b .kiki-preview .header-book{right:12px;font-size:7px;padding:8px;letter-spacing:.3px}
 .variant-b .kiki-preview .variant-hero h1{font-size:32px}
 .variant-b .kiki-preview .variant-hero .actions{gap:16px}
 .variant-b .kiki-preview .variant-hero .actions .book{padding:14px 12px;font-size:8px}
 .variant-b .kiki-preview .fluency-screen .fluency-welcome h2{font-size:31px}
 .variant-b .fluency-screen .fluency-facts-panel{padding:13px 14px;gap:10px}
 .variant-b .fluency-screen .fluency-facts-panel span{font-size:8px}
 .variant-b .kiki-preview .fluency-screen .complete-offer h3{font-size:17px}
 .variant-b .kiki-preview .fluency-screen .single-offer h3{font-size:26px}
 .variant-b .fluency-screen .single-offer-links{gap:16px}
}
@media(prefers-reduced-motion:reduce){.variant-b .kiki-preview .book,.variant-b .fluency-screen .single-offer{transition:none}}
@media(min-width:1101px){.variant-b .kiki-preview header nav{font-size:10px;gap:12px 18px}.variant-b .kiki-preview .header-book{font-size:10px}}
.variant-b .kiki-preview .variant-hero .actions .book{font-size:10px}
@media(max-width:359px){.variant-b .kiki-preview .variant-hero .actions .book{font-size:9px}}
@media(max-width:1100px){.variant-b .kiki-preview header nav.open{font-size:12px;letter-spacing:1.2px}}
@media(max-width:359px){.variant-b .kiki-preview .header-book{font-size:8px}}