@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/dm-sans-400.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('assets/dm-sans-500.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('assets/dm-sans-600.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('assets/dm-sans-700.ttf') format('truetype')}
:root{--ink:#382f32;--plum:#563a47;--rose:#ddc3bf;--cream:#f8f5f0;--muted:#746a6d;--line:#e4dcd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}a,button{cursor:pointer}button{color:inherit}img{max-width:100%;display:block}header{height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line);gap:25px;background:var(--cream)}.brand img{width:160px;height:84px;object-fit:cover;mix-blend-mode:multiply}nav{display:flex;gap:30px;font-size:13px}nav a:hover,.text-link:hover{color:#a46b75}.button{background:var(--plum);color:white;display:inline-flex;justify-content:center;align-items:center;gap:26px;padding:16px 23px;border:1px solid var(--plum);font-size:13px;font-weight:500;transition:.2s}.button:hover{background:#75505f}.button.small{padding:12px 18px}.button span{font-size:20px;font-weight:400}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px;padding:45px 5.5% 55px;gap:6%}.hero-copy{padding:42px 0 0}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.3px;line-height:1.6;display:flex;align-items:center;gap:9px}.eyebrow>span{background:#9a7475;width:6px;height:6px;border-radius:50%}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1;margin:0}h1{font-size:clamp(45px,5.2vw,79px);letter-spacing:-3px;margin:22px 0 25px}em{color:#8b616a;font-weight:400}h2{font-size:clamp(36px,3.7vw,52px);letter-spacing:-1.5px;margin-top:20px}h3{font-size:28px}.hero-copy>p{max-width:420px;color:var(--muted);font-size:14px}.actions{display:flex;align-items:center;gap:22px;margin-top:28px;flex-wrap:wrap}.text-link{font-size:12px;border:0;background:none;padding:0;border-bottom:1px solid #c6b3ad;line-height:2.2;display:inline-block;width:fit-content}.hero-note{display:flex;gap:13px;align-items:center;font-size:11px;margin-top:40px;color:var(--muted)}.hero-note span{font-size:25px;color:#8b616a}.hero-note b{font-weight:400}.hero-image{position:relative;min-height:580px;margin:0 0 0 5px}.hero-image>img{height:100%;width:100%;object-fit:cover;border-radius:180px 180px 2px 2px;filter:brightness(.88)}.image-label{position:absolute;bottom:32px;left:30px;color:white}.image-label>span{font-size:8px;letter-spacing:1.8px}.image-label strong{display:block;font:26px Georgia;margin-top:6px}.round-note{position:absolute;left:-52px;top:40px;border-radius:50%;height:112px;width:112px;background:#ead8ce;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-12deg);font-size:13px;border:6px solid var(--cream);line-height:1.5}.round-note em{font:16px Georgia}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:23px 7%;gap:18px;font-size:11px;letter-spacing:.4px}.section{padding:95px 7%}.section-top{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:40px}.section-top>p{max-width:345px;font-size:14px;color:var(--muted);margin-bottom:5px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.services article{border:1px solid var(--line);padding:32px;background:#fcfaf7}.service-number{font-size:9px;letter-spacing:1.7px;color:#8b616a}.services h3{margin:26px 0 15px;font-size:29px}.services p{font-size:13px;color:var(--muted);min-height:90px}.services .featured{background:#eaded8;border-color:#eaded8}.price{display:flex;align-items:center;justify-content:space-between;font:36px Georgia;margin:27px 0 20px}.price a{display:grid;place-items:center;width:40px;height:40px;border:1px solid #c7b5ae;border-radius:50%;font:24px Arial}.price a:hover{background:var(--plum);color:white}.extra{border-top:1px solid #d9cbc3;padding-top:15px;font-size:11px;display:flex;justify-content:space-between;gap:10px}.extra strong{font-weight:500}.more-services{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:42px}.more-services h3{font-size:22px;display:flex;justify-content:space-between;gap:20px}.more-services h3 span{white-space:nowrap;color:#8b616a}.more-services p,.price-note{font-size:12px;color:var(--muted)}.price-note{font-size:10px;margin-top:25px}.about{background:#eee8e1;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.portrait{position:relative}.portrait img{width:100%;aspect-ratio: .92;object-fit:cover;object-position:58% center}.portrait>span{position:absolute;bottom:18px;left:20px;background:var(--cream);padding:9px 17px;font-size:10px}.about-copy p{font-size:13px;color:var(--muted);margin-top:22px}.signature{font:italic 33px Georgia;color:#8b616a;margin:25px 0 12px}.studio-band{display:grid;grid-template-columns:1.1fr 1fr;background:var(--plum);color:#fff}.studio-band>div{padding:75px 12%}.studio-band .eyebrow{color:#d6bdbb}.studio-band h2{font-size:43px}.studio-band em{color:#e2c9c4}.studio-band p{color:#ddd0d5;font-size:13px;max-width:380px;margin:23px 0 27px}.studio-band>img{width:100%;height:100%;max-height:460px;object-fit:cover}.light{background:var(--cream);color:var(--plum);border-color:var(--cream)}.light:hover{color:#fff}.booking{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fcfaf7}.calendar-box,form{padding:35px 40px}.calendar-box{border-right:1px solid var(--line)}.step{font-size:11px;color:#946d74;display:flex;align-items:center;gap:12px;margin-bottom:35px}.step span{color:var(--ink);font-size:13px}.month-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.month-bar h3{font-size:24px}.month-bar button{background:none;border:1px solid var(--line);width:33px;height:33px;margin-left:5px}.month-bar button:disabled{opacity:.3;cursor:default}.weekdays,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}.weekdays{font-size:10px;color:var(--muted);margin-bottom:12px}.days button,.days .blank{aspect-ratio:1;min-height:34px;border:0;background:none;font-size:13px}.days button:hover{background:#eee4df;border-radius:50%}.days button:disabled{color:#c7c0bd;cursor:default}.days button.selected{background:var(--plum);color:white;border-radius:50%}.days button.today{box-shadow:inset 0 0 0 1px #c3a5a6;border-radius:50%}.calendar-note{font-size:10px;color:var(--muted);margin-top:28px;line-height:1.7}.calendar-note span{display:inline-block;background:var(--plum);width:6px;height:6px;border-radius:50%;margin-right:6px}form .step{margin-bottom:25px}label{font-size:10px;display:block;letter-spacing:.5px;margin-bottom:6px}select,input{width:100%;background:white;border:1px solid var(--line);padding:11px 12px;border-radius:0;color:var(--ink);font-size:12px;min-height:43px}input:focus,select:focus{outline:1px solid #8b616a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0}.selection{margin:17px 0 12px;font-size:11px;color:#8b616a}.whatsapp{width:100%;justify-content:space-between}.form-note{font-size:10px;color:var(--muted);line-height:1.7}#form-error{color:#a22939;font-size:12px}details{border-top:1px solid var(--line);padding-top:12px;font-size:11px;color:var(--muted)}summary{cursor:pointer;color:var(--ink)}.gift{margin:0 7%;padding:35px;background:#eaddd5;display:flex;align-items:center;gap:30px}.gift-icon{font-size:65px;color:#8b616a;line-height:1}.gift h2{font-size:29px;margin:9px 0 5px;letter-spacing:-.5px}.gift p{font-size:12px;margin:8px 0 0;color:var(--muted)}.gift .button{margin-left:auto;white-space:nowrap}.outline{border-color:#b4989e;background:none;color:var(--plum)}.outline:hover{color:#fff}.contact{display:grid;grid-template-columns:1fr 1.4fr;gap:55px}.contact>div>p{font-size:13px;color:var(--muted);margin-top:25px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.contact-grid>div>span{font-size:9px;letter-spacing:1.3px;color:#8b616a}.contact-grid h3{font:15px 'DM Sans',Arial;margin-top:17px}.contact-grid p{font-size:13px}.contact-grid a{display:block;font-size:12px}.contact-grid .contact-phone{font:25px Georgia;margin:18px 0 13px}.contact-grid .text-link{margin-top:17px}footer{border-top:1px solid var(--line);margin:0 5.5%;padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted)}.footer-brand{font:italic 24px Georgia;color:var(--plum)}.footer-brand span{display:block;font:7px Arial;letter-spacing:1.6px;margin-top:8px}footer>div{display:flex;gap:22px}footer button{border:0;background:none;padding:0;font-size:10px;color:var(--muted)}dialog{border:1px solid var(--line);max-width:620px;width:90%;padding:45px;background:var(--cream);color:var(--ink);font-size:13px}dialog::backdrop{background:#382f3299}dialog h2{font-size:35px}.close{position:absolute;right:15px;top:10px;font-size:25px;border:0;background:none}:focus-visible{outline:2px solid #996872;outline-offset:4px}@media(min-width:1500px){body{max-width:1700px;margin:auto}}@media(max-width:1050px){nav{gap:18px;font-size:11px}.hero{gap:4%}.hero-copy{padding-top:20px}.hero-image{min-height:540px}.hero-note{margin-top:20px}.services article{padding:25px}.services h3{font-size:25px}.calendar-box,form{padding:30px 25px}.gift{gap:20px}.gift h2{font-size:24px}.contact{grid-template-columns:1fr}.trust{font-size:10px}.studio-band h2{font-size:36px}}@media(max-width:720px){header{height:85px;padding:0 5%}.brand img{width:125px;height:70px}nav{display:none}.button.small{font-size:11px;padding:9px 12px}.hero{display:flex;flex-direction:column;padding:28px 6% 35px;gap:35px}.hero-copy{padding:0}h1{font-size:58px;letter-spacing:-2px;line-height:1.04;margin-top:20px}.hero-copy>p{max-width:100%;font-size:14px}.hero h1 br:nth-of-type(2){display:none}.hero h1 em{display:block}.hero h1>br{display:none}.hero-image{height:440px;min-height:0;margin:0 5%}.hero-image>img{border-radius:160px 160px 2px 2px}.round-note{left:-25px;top:25px;width:100px;height:100px}.trust{display:grid;grid-template-columns:1fr 1fr;padding:20px 6%;gap:13px 8px;font-size:9px}.section{padding:60px 6%}.section-top{display:block;margin-bottom:30px}.section-top>p{max-width:100%;margin-top:22px}.services{grid-template-columns:1fr}.services article{padding:27px}.services p{min-height:0}.services h3{font-size:30px;margin-top:17px}.price{margin-top:20px}.more-services{grid-template-columns:1fr;gap:20px;margin-top:30px}.more-services h3{font-size:22px}.about{grid-template-columns:1fr;gap:35px}.portrait img{aspect-ratio:1.1}.studio-band{grid-template-columns:1fr}.studio-band>div{padding:50px 6%}.studio-band>img{max-height:310px}.booking{grid-template-columns:1fr}.calendar-box{border-right:0;border-bottom:1px solid var(--line)}.calendar-box,form{padding:25px 22px}.days button{min-height:38px}.gift{margin:0 6%;padding:28px;display:block}.gift-icon{float:right;font-size:40px}.gift .eyebrow{font-size:8px;letter-spacing:1px}.gift h2{font-size:29px;max-width:230px;margin-top:17px}.gift .button{margin-top:20px}.contact{gap:30px}.contact-grid{grid-template-columns:1fr;gap:30px}footer{flex-wrap:wrap;gap:22px}footer>p{margin-left:auto}footer>div{width:100%;justify-content:space-between}.eyebrow{font-size:9px}.actions{gap:17px}dialog{padding:32px 24px}}

/* Geradlinige Bilder und ruhige Bedienelemente */
.hero-image>img{border-radius:0}.hero-image{margin-left:0}.price a{border-radius:0;width:auto;height:auto;padding:7px 12px;font:11px "DM Sans",Arial,sans-serif}.brand img{object-fit:contain;mix-blend-mode:normal;width:150px;height:92px}
@media(max-width:720px){.hero-image{margin:0}.hero-image>img{border-radius:0}.brand img{width:115px;height:75px}}

.logo-animation{position:relative;display:block;width:150px;height:92px}.logo-animation>img{width:100%;height:100%;object-fit:contain}.logo-tools{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.nail-file,.polish-brush,.polish-stroke{opacity:0;transform-box:fill-box;transform-origin:center}.nail-file{animation:fileNails 5s ease-in-out .8s both}.polish-brush{animation:paintNails 5s ease-in-out .8s both}.polish-stroke{animation:showPolish 5s ease-in-out .8s both}.brand:hover .nail-file{animation:fileAgain 5s ease-in-out both}.brand:hover .polish-brush{animation:paintAgain 5s ease-in-out both}.brand:hover .polish-stroke{animation:polishAgain 5s ease-in-out both}
@keyframes fileNails{0%,5%{opacity:0;transform:translate(-13px,5px) rotate(-20deg)}10%,40%{opacity:1}15%,25%,35%{transform:translate(0,0) rotate(-20deg)}20%,30%,40%{transform:translate(10px,-4px) rotate(-20deg)}47%,100%{opacity:0;transform:translate(15px,-20px) rotate(-20deg)}}
@keyframes paintNails{0%,48%{opacity:0;transform:translate(12px,-15px) rotate(15deg)}55%{opacity:1;transform:translate(0,-8px) rotate(15deg)}66%{opacity:1;transform:translate(3px,3px) rotate(15deg)}73%{opacity:1;transform:translate(12px,-7px) rotate(15deg)}83%{opacity:1;transform:translate(16px,0) rotate(15deg)}92%,100%{opacity:0;transform:translate(24px,-18px) rotate(15deg)}}
@keyframes showPolish{0%,60%{opacity:0}75%,90%{opacity:.85}100%{opacity:0}}
@keyframes fileAgain{0%,5%{opacity:0;transform:translate(-13px,5px) rotate(-20deg)}10%,40%{opacity:1}15%,25%,35%{transform:translate(0,0) rotate(-20deg)}20%,30%,40%{transform:translate(10px,-4px) rotate(-20deg)}47%,100%{opacity:0;transform:translate(15px,-20px) rotate(-20deg)}}
@keyframes paintAgain{0%,48%{opacity:0;transform:translate(12px,-15px) rotate(15deg)}55%{opacity:1;transform:translate(0,-8px) rotate(15deg)}66%{opacity:1;transform:translate(3px,3px) rotate(15deg)}73%{opacity:1;transform:translate(12px,-7px) rotate(15deg)}83%{opacity:1;transform:translate(16px,0) rotate(15deg)}92%,100%{opacity:0;transform:translate(24px,-18px) rotate(15deg)}}
@keyframes polishAgain{0%,60%{opacity:0}75%,90%{opacity:.85}100%{opacity:0}}
@media(max-width:720px){.logo-animation{width:115px;height:75px}.logo-animation>img{width:100%;height:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.logo-tools{display:none}}
/* Größere Marke mit gemeinsam skalierter Werkzeuganimation. */
header{height:180px}.brand{flex-shrink:0}.logo-animation{width:270px;height:166px}.logo-animation>img{width:100%;height:100%}
.headline-word{display:inline-block;white-space:nowrap}.headline-letter{display:inline-block;animation:letterFall .72s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(.15s + var(--letter-order)*.045s)}
@keyframes letterFall{from{opacity:0;transform:translateY(-48px) rotate(-5deg)}65%{opacity:1;transform:translateY(3px) rotate(0)}to{opacity:1;transform:translateY(0)}}
@media(min-width:721px) and (max-width:1050px){header{gap:18px;padding-left:4%;padding-right:4%}.logo-animation{width:220px;height:150px}nav{gap:14px}}
@media(max-width:720px){header{height:150px;padding-left:3%;padding-right:5%;gap:8px}.logo-animation{width:205px;height:138px}.logo-animation>img{width:100%;height:100%}}
@media(max-width:360px){.logo-animation{width:180px;height:125px}.button.small{padding:9px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.headline-letter{animation:none;opacity:1;transform:none}}

@keyframes fileLoop{0%,3.85%{opacity:0;transform:translate(-13px,5px) rotate(-20deg)}7.7%,30.8%{opacity:1}11.55%,19.25%,26.95%{transform:translate(0,0) rotate(-20deg)}15.4%,23.1%,30.8%{transform:translate(10px,-4px) rotate(-20deg)}36.19%,77%{opacity:0;transform:translate(15px,-20px) rotate(-20deg)}100%{opacity:0}}

@keyframes paintLoop{0%,36.96%{opacity:0;transform:translate(12px,-15px) rotate(15deg)}42.35%{opacity:1;transform:translate(0,-8px) rotate(15deg)}50.82%{opacity:1;transform:translate(3px,3px) rotate(15deg)}56.21%{opacity:1;transform:translate(12px,-7px) rotate(15deg)}63.91%{opacity:1;transform:translate(16px,0) rotate(15deg)}70.84%,77%{opacity:0;transform:translate(24px,-18px) rotate(15deg)}100%{opacity:0}}

@keyframes polishLoop{0%,46.2%{opacity:0}57.75%,69.3%{opacity:.85}77%{opacity:0}100%{opacity:0}}

/* Zehn Sekunden Pflegebewegung, anschließend drei Sekunden Ruhe. */
.nail-file,.brand:hover .nail-file{animation:fileLoop 13s ease-in-out .8s infinite both}
.polish-brush,.brand:hover .polish-brush{animation:paintLoop 13s ease-in-out .8s infinite both}
.polish-stroke,.brand:hover .polish-stroke{animation:polishLoop 13s ease-in-out .8s infinite both}
@media(prefers-reduced-motion:reduce){.logo-tools{display:none}}

.creator-credit{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 5.5%;padding:18px 0 24px;border-top:1px solid var(--line)}.creator-credit>span{font:10px/1.65 Arial,Helvetica,sans-serif;color:#69706b}.creator-logo{display:inline-block;background:#111;color:#fff;padding:6px 9px;border-radius:4px;font:700 16px/1.2 Arial,sans-serif;letter-spacing:-.9px}.creator-logo span{color:#d0fa69}.creator-logo:hover{background:#292929}

.legal-page{max-width:850px;margin:auto;padding:55px 6% 80px}.legal-page h1{font-size:46px;letter-spacing:-1.5px;overflow-wrap:anywhere}.legal-page h2{font-size:27px;letter-spacing:-.5px;margin:32px 0 13px}.legal-page p,.legal-page li{font-size:14px}.legal-page a{color:#805562;text-decoration:underline}.cookie-notice{position:fixed;bottom:18px;left:18px;z-index:30;max-width:460px;background:#fffaf5;border:1px solid #d7c7bf;box-shadow:0 8px 35px #382f3225;padding:22px}.cookie-notice[hidden]{display:none}.cookie-notice h2{font:23px Georgia;margin:0 0 8px;letter-spacing:0}.cookie-notice p{font-size:12px;margin:8px 0}.cookie-notice .notice-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:13px}.cookie-notice .button{padding:9px 14px}.privacy-links{font-size:11px;display:flex;gap:15px}.settings-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.settings-row strong{font-weight:500}.settings-row span{color:var(--muted)}#cookie-settings p{font-size:12px}footer>div{flex-wrap:wrap}footer>div>a{font-size:10px}@media(max-width:720px){.cookie-notice{left:10px;right:10px;bottom:10px;max-width:none;max-height:65vh;overflow:auto;padding:18px}.legal-page h1{font-size:36px}}
