/* SK-Beauty Website - Basis aus Prototyp V2 (02.10.2026) */
:root{--ivory:#f4eee5;--paper:#faf7f1;--sand:#dfd1bf;--ruby:#651c32;--ruby-dark:#431321;--ink:#302926;--muted:#71645b;--line:#d8cbbd;--display:'Cormorant Garamond','Cormorant Fallback',Georgia,serif;--body:'Manrope','Manrope Fallback',Arial,sans-serif}.section{padding:110px 7%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:48px}h2{font-family:var(--display);font-weight:400;font-size:clamp(44px,4.4vw,70px);line-height:1.05;letter-spacing:-1.5px;margin:0;color:var(--ruby)}.section-heading>p{max-width:350px;font-size:12px;color:var(--muted);margin:0 0 6px}.look-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.look-image{position:relative;overflow:hidden;aspect-ratio:1.14;background:var(--sand)}.look-image img{width:100%;height:100%;transition:transform .6s}.look-card:hover img{transform:scale(1.04)}.look-image>span{position:absolute;bottom:13px;left:15px;background:var(--ivory);padding:6px 9px;font-size:8px;letter-spacing:1.5px}.look-title{display:flex;align-items:baseline;justify-content:space-between;margin-top:20px;gap:12px}.look-title h3{font:400 35px/1.2 var(--display);color:var(--ruby);margin:0}.look-title>span{font-size:15px}.look-card>p{color:var(--muted);font-size:12px;min-height:44px;margin:14px 0 21px}.look-meta{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;gap:12px;font-size:9px}.look-meta a{color:var(--ruby);font-weight:600;white-space:nowrap}.refills{margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.refills summary{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:20px;font-size:11px}.refills summary>span:first-child{font:italic 25px var(--display);color:var(--ruby)}.refills summary b{font-size:22px;font-weight:400;margin-left:22px;display:inline-block;transition:transform .2s}details[open]>summary b,details[open]>summary>span:last-child:not(:first-child) b{transform:rotate(45deg)}.price-list{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding:20px 0 35px}.price-list h3{font:30px var(--display);margin:0;color:var(--ruby)}.price-list p{font-size:12px;color:var(--muted);max-width:320px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px 6px;border-bottom:1px solid var(--line)}thead th{font-size:10px;color:var(--muted);font-weight:500}tbody th{font-weight:500}td a{color:var(--ruby)}.other-lashes{display:flex;gap:50px;padding:0 0 26px}.other-lashes>a{display:flex;justify-content:space-between;gap:40px;font-size:12px}.studio{display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.studio-visual{position:relative;background:var(--sand);padding:70px 50px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.studio-eye{width:100%;max-width:460px;height:490px;border-radius:48% 48% 12% 12%;object-position:51% center}.studio-visual>p{font:italic 29px var(--display);margin:25px 0 0;color:var(--ruby)}.studio-seal{position:absolute;right:8%;top:45px;width:95px;height:95px;border-radius:50%;background:var(--ruby);color:var(--ivory);display:flex;flex-direction:column;align-items:center;justify-content:center;border:5px solid var(--sand)}.studio-seal span{font:38px/.9 var(--display)}.studio-seal small{font-size:7px;letter-spacing:2px;margin-top:6px}.studio-copy{padding:90px 13% 80px 12%}.studio-points{margin:34px 0}.studio-points>div{display:flex;gap:20px;margin-top:22px}.studio-points>div>span{color:var(--ruby);font-size:27px}.studio-points h3{font-size:11px;font-weight:600;margin:0}.studio-points p{font-size:11px;color:var(--muted);margin:5px 0 0}.journey{padding-bottom:100px}.steps{list-style:none;padding:0;margin:55px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.steps li{border-top:1px solid var(--line);padding-top:20px}.step-number{font:italic 34px var(--display);color:#a08070}.steps h3{font:29px var(--display);color:var(--ruby);margin:18px 0 12px}.steps p{font-size:12px;color:var(--muted);max-width:300px}.faq{background:var(--paper);display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 0;font-size:12px}.faq-list summary span{font-size:22px;color:var(--ruby);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:12px;color:var(--muted);margin:0 35px 25px 0}.contact{background:var(--ruby);color:var(--ivory);padding:95px 10% 60px;text-align:center}.contact h2{color:var(--ivory);font-size:clamp(48px,5.2vw,80px);margin-bottom:30px}.button-light{background:var(--ivory);border-color:var(--ivory);color:var(--ruby)}.button-light:hover{background:var(--sand)}.contact-phone{display:block;font-size:10px;margin:19px 0 50px}.contact-details{border-top:1px solid #ffffff30;padding-top:34px;display:flex;justify-content:center;gap:160px;font-size:11px;text-align:left}.contact-details>div>span{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#dbc0b5}.contact-details p{margin:12px 0}.contact-details a{display:block;text-decoration:underline;text-underline-offset:5px}.contact-details>div>a{margin-top:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 6%}footer>p{font:italic 26px var(--display);color:var(--ruby)}footer>div{display:flex;gap:22px;align-items:center;font-size:10px}footer small{color:var(--muted);font-size:9px}.mobile-book{display:none}@media(max-width:1249px){.look-grid{gap:23px}.look-meta{flex-direction:column;gap:8px}.studio-copy{padding:70px 10%}.studio-eye{height:440px}.studio-visual{padding:60px 35px}.section{padding:85px 6%}.section-heading{gap:35px}.faq{gap:50px}.contact-details{gap:100px}footer>p{display:none}footer>div{gap:14px}}@media(max-width:760px){.section{padding:65px 7%}.section-heading{display:block;margin-bottom:32px}h2{font-size:48px;letter-spacing:-1px}.section-heading>p{margin:23px 0 0;font-size:12px;max-width:400px}.look-grid{grid-template-columns:1fr;gap:38px}.look-image{aspect-ratio:1.22}.look-title h3{font-size:34px}.look-card>p{min-height:0;margin:12px 0 16px;font-size:12px}.look-meta{flex-direction:row;font-size:10px;align-items:center}.refills{margin-top:33px}.refills summary{align-items:flex-start;flex-direction:column;gap:6px;padding:20px 0}.refills summary>span:last-child{display:flex;justify-content:space-between;width:100%;font-size:10px}.price-list{display:block;padding:5px 0 20px}.price-list table{font-size:11px}.other-lashes{flex-direction:column;gap:15px}.studio{grid-template-columns:1fr}.studio-visual{padding:50px 12% 35px}.studio-eye{height:390px;max-width:380px}.studio-seal{width:80px;height:80px;right:10%;top:30px}.studio-visual>p{font-size:25px}.studio-copy{padding:55px 7% 65px}.studio-copy h2{font-size:49px}.studio-points h3,.studio-points p{font-size:12px}.steps{grid-template-columns:1fr;gap:22px;margin:35px 0 0}.steps li{padding:20px 0 0 48px;position:relative}.step-number{position:absolute;left:0;top:25px;font-size:27px}.steps h3{font-size:28px;margin:5px 0 10px}.steps p{max-width:none}.faq{grid-template-columns:1fr;gap:35px}.faq-list summary{font-size:12px;padding:20px 0}.contact{padding:65px 7% 40px}.contact h2{font-size:49px}.contact-details{gap:28px;justify-content:space-between;font-size:10px}.contact-details>div{flex:1}.contact-details>div>span{font-size:8px}.contact-phone{margin-bottom:35px}footer{padding:35px 7% 95px;align-items:flex-start;flex-wrap:wrap;gap:28px}footer>div{width:100%;justify-content:space-between;gap:14px;font-size:9px}.mobile-book{display:flex;position:fixed;left:20px;right:20px;bottom:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:6;box-shadow:0 4px 22px #43132130;justify-content:center;transform:translateY(150%);transition:transform .3s}.mobile-book.visible{transform:translateY(0)}}@media(max-width:370px){.contact-details{flex-direction:column;gap:25px}.look-meta{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.look-card:hover img{transform:none}}/* Editorial imagery: preparation, craft, treatment, result. */
.tools-banner{margin:0;height:clamp(220px,26vw,420px);overflow:hidden}.tools-banner img{width:100%;height:100%;object-fit:cover;object-position:center 53%}.studio-eye{object-position:53% center;border-radius:46% 46% 8% 8%;height:490px}.studio-seal{display:none}.journey-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;margin-top:45px}.journey-image{width:100%;height:490px;object-fit:cover;object-position:57% center}.journey-layout .steps{display:block;margin:0}.journey-layout .steps li{position:relative;padding:20px 0 17px 50px}.journey-layout .step-number{position:absolute;left:0;top:22px;font-size:28px}.journey-layout .steps h3{margin:3px 0 9px}.journey-layout .steps p{max-width:none;margin:0}.contact{display:grid;grid-template-columns:1fr 1fr;padding:0;text-align:left}.contact-image{min-width:0;overflow:hidden}.contact-image img{width:100%;height:100%;object-fit:cover;object-position:59% center}.contact-content{padding:75px 12% 55px}.contact h2{font-size:clamp(44px,4vw,64px)}.contact-details{justify-content:space-between;gap:25px}.contact-phone{margin-bottom:35px}.contact-details>div{flex:1}.contact-details>div>span{font-size:8px}.contact-details{font-size:10px}@media(max-width:1249px){.journey-layout{gap:40px}.journey-image{height:450px}.contact-content{padding:60px 9% 45px}.contact-details{flex-direction:column;gap:20px}.studio-eye{height:440px}}@media(max-width:760px){.tools-banner{height:210px}.studio-eye{height:340px;max-width:440px;object-position:55% center}.studio-visual{padding:45px 7% 30px}.journey-layout{grid-template-columns:1fr;gap:25px;margin-top:30px}.journey-image{height:auto;aspect-ratio:1.22;object-position:center}.journey-layout .steps li{padding:20px 0 20px 46px}.contact{grid-template-columns:1fr}.contact-image{height:310px}.contact-image img{object-position:65% center}.contact-content{padding:55px 7% 40px}.contact h2{font-size:49px}.contact-details{flex-direction:row;gap:24px}}@media(max-width:370px){.contact-details{flex-direction:column}.contact h2{font-size:43px}}/* Unterseiten-Ergänzungen (Task 6, 02.10.2026) */
.seite-kopf{background:var(--ivory);padding:80px 7% 60px;border-bottom:1px solid var(--line)}.seite-kopf h1{font-family:var(--display);font-weight:400;font-size:clamp(44px,5vw,78px);line-height:1.05;letter-spacing:-1.5px;color:var(--ruby);margin:0 0 20px;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.seite-kopf p{max-width:520px;color:var(--muted);font-size:13px;line-height:1.8;margin:0}.seite-kopf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:21px;margin:26px 0}.text-bild{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.text-bild img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.1}.text-bild h2{margin:0 0 20px}.text-bild p{color:var(--muted);font-size:13px;line-height:1.85;margin:0 0 16px}.leistungen-weitere{background:var(--paper)}.leistungen-weitere .leistungen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.leistungen-weitere .leistung-card{border-top:1px solid var(--line);padding-top:18px}.leistungen-weitere .leistung-card h3{font:400 24px var(--display);color:var(--ruby);margin:0 0 8px}.leistungen-weitere .leistung-card p{font-size:12px;color:var(--muted);margin:0 0 12px}.leistungen-weitere .leistung-meta{display:flex;justify-content:space-between;font-size:11px}.leistungen-weitere .leistung-meta a{color:var(--ruby);font-weight:600}.stimmen .stimmen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:40px}.stimmen blockquote{margin:0;padding:28px 24px;background:var(--paper);border-top:1px solid var(--line)}.stimmen blockquote p{font:italic 16px var(--display);color:var(--ink);margin:0 0 14px;line-height:1.5}.stimmen blockquote cite{font:11px var(--body);color:var(--muted);font-style:normal}.preisliste .preisliste-gruppe{margin-top:40px}.preisliste .preisliste-gruppe h3{font:400 26px var(--display);color:var(--ruby);margin:0 0 14px}@media(min-width:761px){.preistabelle{table-layout:fixed;width:100%}.preistabelle col.c-dauer{width:100px}.preistabelle col.c-preis{width:90px}.preistabelle col.c-buchen{width:110px}}.ki-hinweis{font-size:10px;color:var(--muted);background:var(--paper);padding:0 5.5% 34px;margin:0;max-width:none}@media(max-width:1249px){.text-bild{gap:40px}.leistungen-weitere .leistungen-grid,.stimmen .stimmen-grid{gap:22px}.ki-hinweis{padding:0 5% 30px}}@media(max-width:760px){.seite-kopf{padding:55px 7% 40px}.seite-kopf h1{font-size:48px}.text-bild{grid-template-columns:1fr;gap:25px}.leistungen-weitere .leistungen-grid{grid-template-columns:1fr;gap:28px}.stimmen .stimmen-grid{grid-template-columns:1fr;gap:24px}.preisliste .preisliste-gruppe{margin-top:30px}.ki-hinweis{padding:0 6% 95px}}@media(max-width:370px){.seite-kopf h1{font-size:40px}}/* Footer-Layout (Fix-Runde 1, 02.10.2026) - eigener Namensraum, neutralisiert die V2-Typselektoren footer/footer>div/footer>p gezielt */
.site-footer{display:block;background:var(--paper);padding:64px 5.5% 0}.site-footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:60px;padding-bottom:10px;align-items:start}.site-footer-brand{display:flex;flex-direction:column;gap:20px}.site-footer-brand address{font-style:normal;font-size:12px;color:var(--muted);line-height:1.9}.site-footer-brand address a{color:var(--muted)}.site-footer-brand address a:hover{color:var(--ruby)}.site-footer-heading{font:600 10px var(--body);letter-spacing:2px;text-transform:uppercase;color:var(--ruby);margin:0 0 20px}.site-footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.site-footer-col a{font-size:12px;color:var(--muted)}.site-footer-col a:hover{color:var(--ruby)}.site-footer-bottom{display:flex;align-items:center;gap:24px;margin-top:50px;border-top:1px solid var(--line);padding:24px 0;font-size:10px;color:var(--muted)}.site-footer-bottom a{color:var(--muted)}.site-footer-bottom a:hover{color:var(--ruby)}@media(max-width:1249px){.site-footer{padding:54px 5% 0}.site-footer-top{grid-template-columns:1fr 1fr;gap:34px}.site-footer-brand{grid-column:1/-1}}@media(max-width:760px){.site-footer{padding:45px 6% 0}.site-footer-top{grid-template-columns:1fr;gap:34px}.site-footer-brand{grid-column:auto}.site-footer-bottom{flex-wrap:wrap;gap:14px;margin-top:35px}}/* iPhone-Nachrüstung (Task 7, 02.10.2026): Safe Areas, dvh, Tippflächen, kein Safari-Zoom */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}input,select,textarea{font-size:max(16px,1rem)}video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}@media(pointer:coarse){.site-footer-col ul{gap:0}}.site-footer-bottom{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.ki-hinweis{padding-bottom:calc(34px + env(safe-area-inset-bottom))}@media(max-width:1249px){.ki-hinweis{padding-bottom:calc(30px + env(safe-area-inset-bottom))}}@media(max-width:760px){.mobile-book{visibility:hidden;transition:transform .3s,visibility .3s}.mobile-book.visible{visibility:visible}.ki-hinweis{padding-bottom:calc(95px + env(safe-area-inset-bottom))}}/* Startseite (Task 7, 02.10.2026) */
picture{display:contents}.look-image>span{text-transform:uppercase}.look-meta a,td a,.leistung-meta a{display:inline-flex}.price-list tbody th,.price-list tbody td{padding-top:2px;padding-bottom:2px}.contact-details a,.contact-phone{display:flex}.button-ghost{background:transparent;color:var(--ruby)}.button-ghost:hover{background:var(--ruby);color:var(--paper)}.leistungen-weitere .section-heading{margin-bottom:0}.site-footer-tagline{font-size:12px;color:var(--muted);line-height:1.8;margin:0;max-width:320px}.site-footer-bottom small a{color:var(--muted)}.look-meta,.leistungen-weitere .leistung-meta{align-items:center}.leistungen-weitere .leistung-card{display:flex;flex-direction:column}.leistungen-weitere .leistung-meta{margin-top:auto}.masterclass-hinweis{margin-top:60px;padding:40px 44px;background:var(--ivory);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:50px}.masterclass-hinweis h3{font:400 34px/1.15 var(--display);color:var(--ruby);margin:0 0 10px}.stimmen .section-heading{align-items:flex-end}.stimmen blockquote .sterne{font:13px/1 var(--body);letter-spacing:3px;color:var(--ruby);margin:0 0 16px}.stimmen blockquote cite b{font-weight:600;color:var(--ink)}.faq{align-items:start}@media(max-width:760px){.masterclass-hinweis{flex-direction:column;align-items:flex-start;gap:24px;padding:30px 24px;margin-top:45px}.masterclass-hinweis h3{font-size:30px}}/* /ueber-uns + /masterclass (Task 11, 02.10.2026) */
.kurs{border-top:1px solid var(--line);padding-top:60px;margin-top:60px}.kurs:first-of-type{border-top:0;padding-top:0;margin-top:0}.kurs h2{overflow-wrap:break-word}#werte .studio-points{display:grid;grid-template-columns:1fr 1fr;gap:10px 60px;max-width:900px}#werte .studio-points>div{margin-top:22px}@media(max-width:760px){#werte .studio-points{grid-template-columns:1fr}}.look-preis{font-size:12px;color:var(--muted);margin:10px 0 26px}.haken{list-style:none;padding:0;margin:0 0 40px;display:grid;grid-template-columns:repeat(2,1fr);gap:11px 30px}.haken li{font-size:12px;color:var(--muted);padding-left:22px;position:relative}.haken li:before{content:'✓';position:absolute;left:0;color:var(--ruby)}.termine{list-style:none;padding:0;margin:14px 0 30px;display:flex;flex-wrap:wrap;gap:10px}.termine a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;font-size:12px;font-weight:600;letter-spacing:.3px;border:1px solid var(--ruby);color:var(--ruby);text-decoration:none;transition:background .2s,color .2s}.termine a:hover,.termine a:focus-visible{background:var(--ruby);color:var(--paper)}.termine-hinweis{font-size:12px;color:var(--muted);margin:0 0 30px}@media(max-width:760px){.haken{grid-template-columns:1fr}.kurs{padding-top:45px;margin-top:45px}}/* Rechtstexte: Impressum, Datenschutz (Task 12, 02.10.2026) */
.rechtstext{max-width:70ch;margin:0 auto;padding:70px 7% 120px}.rechtstext h2{font-family:var(--display);font-weight:400;font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.5px;color:var(--ruby);margin:52px 0 16px}.rechtstext h2:first-child{margin-top:0}.rechtstext h3{font-size:15px;font-weight:700;color:var(--ink);margin:26px 0 10px}.rechtstext p,.rechtstext address,.rechtstext li{font-size:13px;line-height:1.85;color:var(--muted)}.rechtstext address{font-style:normal}.rechtstext ul{padding-left:20px;margin:10px 0}.rechtstext li{margin-bottom:6px}.rechtstext strong{color:var(--ink);font-weight:600}.rechtstext a{color:var(--ruby)}@media(max-width:760px){.rechtstext{padding:45px 7% 80px}.rechtstext h2{margin:40px 0 14px}}/* Schulungshandbuch-Titel auf /masterclass (11.10.2026): Cover liegt schraeg ueber der unteren rechten Ecke des Ablauf-Fotos. */.mc-foto{position:relative}.mc-foto picture{display:block}.text-bild .mc-handbuch{position:absolute;right:-5%;bottom:-7%;width:36%;height:auto;aspect-ratio:640/906;object-fit:contain;transform:rotate(4deg);box-shadow:-8px 14px 28px rgba(48,41,38,.28),0 0 0 1px rgba(0,0,0,.05);border-radius:1px 3px 3px 1px}@media(max-width:760px){.mc-foto{margin-bottom:8%}.text-bild .mc-handbuch{right:3%;bottom:-6%;width:34%}}