/*
Theme Name: Angel Nails Riem
Author: Angel Nails, Beauty & Spa
Description: Individuelle Website in Dunkelgrün und Gold mit Leistungen, Preisen und einer verwaltbaren Studiogalerie.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: angel-nails-riem
*/
:root{--green:#123d30;--deep:#0c2b22;--gold:#d8b766;--cream:#f8f6ef;--ink:#20382e;--muted:#626d65;--line:#dcded3;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.75 var(--sans)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b58a2d;outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0 0 22px}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(46px,5.3vw,82px)}h2{font-size:clamp(34px,3.6vw,54px)}h3{font-size:28px}em{font-weight:400;color:#a98635}small{font-size:12px;line-height:1.6}.wrap{max-width:1240px;width:calc(100% - 100px);margin:auto}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;line-height:1.7;text-transform:uppercase;color:#8c713b;margin-bottom:22px}.lead{font-size:18px;line-height:1.8}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:49px;padding:12px 23px;background:var(--green);color:#fff;font-size:12px;font-weight:600;letter-spacing:.35px;transition:background .2s,transform .2s;border:1px solid transparent}.button:hover{background:#245542;transform:translateY(-2px)}.button span{font-size:18px;font-weight:400}.outline{border:1px solid #b1bcae;background:transparent;color:var(--green)}.outline:hover{background:#e5e9de}.text-link{display:inline-block;font:600 12px/1.6 var(--sans);border:0;border-bottom:1px solid #b5a77e;background:transparent;cursor:pointer;padding:5px 0;color:inherit}.text-link:hover{color:#9a7832}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.site-header{background:var(--cream);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.nav-wrap{height:100px;max-width:1440px;margin:auto;padding:0 50px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:15px;color:var(--green);font-family:var(--serif);font-size:23px;letter-spacing:2px;white-space:nowrap;line-height:1.4}.brand small{display:block;font:8px/2 var(--sans);letter-spacing:2px}.brand-icon{font-family:var(--serif);font-size:37px;font-style:italic;border:1px solid #bda05d;border-radius:50%;width:51px;height:51px;text-align:center;line-height:49px;color:#a58033}#main-nav{display:flex;align-items:center;gap:27px;font-size:12px}#main-nav>a[aria-current]{color:#97702c;border-bottom:1px solid #b89a53}#main-nav .button{color:#fff}.menu-toggle{display:none}.skip{position:absolute;left:10px;top:-90px;background:white;padding:12px;z-index:40}.skip:focus{top:10px}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--green);color:var(--cream)}.hero-copy{padding:68px 50px 34px max(50px,calc((100vw - 1240px)/2));display:flex;flex-direction:column;align-items:flex-start}.hero .eyebrow{color:#d5bb7c;font-size:10px;letter-spacing:2px}.hero h1{font-size:clamp(40px,4.7vw,72px);line-height:1.12;margin-bottom:28px}.hero h1 em{color:var(--gold)}.hero-copy>p:not(.eyebrow){font-size:15px;max-width:420px;color:#d4dfd4;line-height:1.85}.hero .button{background:var(--gold);color:var(--deep)}.hero .button:hover{background:#edcd80}.hero .text-link{color:#f4f2e6}.hero-foot{margin-top:auto;padding-top:47px;display:flex;gap:20px;flex-wrap:wrap;font-size:8px;letter-spacing:1.4px;color:#c8d2c7}.hero-photo{position:relative;padding:35px 35px 35px 0;min-height:600px}.hero-photo>img{object-position:50% 50%;filter:brightness(.9);border-radius:140px 0 0 0}.photo-note{position:absolute;bottom:65px;right:65px;left:30px;color:white;text-shadow:0 1px 10px #122f26;font-family:var(--serif);font-size:32px;font-style:italic}.photo-note small{display:block;font:8px var(--sans);letter-spacing:2px;margin-top:8px}.info-bar{display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;background:#eaece2;font-size:11px;padding:19px 25px}.intro{padding-top:100px;padding-bottom:85px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:85px}.intro .two-col>div>p:not(.lead){color:var(--muted);font-size:14px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px}.section-top h2{margin-bottom:0}.service-overview{padding-bottom:90px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.service-card{border-bottom:1px solid var(--line);padding-bottom:25px}.service-card>a{display:block;height:230px;overflow:hidden}.service-card img{transition:transform .5s}.service-card:hover img{transform:scale(1.04)}.service-card>div{padding:23px 0 0}.service-card .eyebrow{font-size:9px;margin-bottom:10px;display:block}.service-card h3{font-size:29px;margin-bottom:12px}.service-card p{font-size:13px;color:var(--muted);margin-bottom:17px}.service-card .button{background:none;color:var(--green);border-bottom:1px solid #a99d7b;padding:6px 0;min-height:0;gap:24px}.price-band{background:#e9ecdf;padding:80px 0}.price-band h2{margin-bottom:22px}.price-band p:not(.eyebrow){max-width:420px;font-size:14px}.price-lines{margin:0 0 28px}.price-lines>div{display:flex;justify-content:space-between;gap:24px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.55}.price-lines dt{flex:1}.price-lines dd{margin:0;text-align:right;white-space:nowrap;font-weight:600}.featured-prices{align-self:center}.featured-prices .price-lines>div{padding:17px 0;font-size:14px}.social{padding:95px 0;max-width:760px;text-align:center}.social>p:not(.eyebrow){color:var(--muted);font-size:15px}.social .actions{justify-content:center}.closing{background:var(--green);color:var(--cream);text-align:center;padding:65px 0}.closing .eyebrow{color:#dac58b}.closing h2 em{color:var(--gold)}.closing .actions{justify-content:center}.closing .button{background:var(--gold);color:var(--green)}.closing .text-link{color:white}.site-footer{background:#0c2b22;color:#d8e0d5;padding:55px 0 0}.footer-top{display:grid;grid-template-columns:1.2fr 1.3fr 1fr;gap:45px;padding-bottom:40px}.site-footer .brand{color:var(--gold)}.site-footer h3{font:600 11px var(--sans);letter-spacing:1px;margin-bottom:17px;color:#d8ba70}.site-footer p,.site-footer a:not(.brand){font-size:11px;line-height:2}.site-footer .brand+p{margin-top:15px;margin-bottom:0}.footer-bottom{display:flex;gap:25px;align-items:center;border-top:1px solid #315044;padding:20px 0}.footer-bottom small{margin-right:auto;font-size:10px}.page-head{padding:75px 0 55px}.page-head h1{max-width:900px}.page-head .lead{max-width:680px;color:var(--muted);font-size:17px}.service-jumps{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:50px}.service-jumps a{font-size:11px;border:1px solid var(--line);padding:7px 12px;background:#fefdf9}.service-jumps a:hover{background:var(--green);color:white}.treatment{display:grid;grid-template-columns:.9fr 1fr;gap:75px;align-items:center;padding:55px 0;border-top:1px solid var(--line);scroll-margin-top:110px}.treatment:nth-child(even) .treatment-photo{order:2}.treatment h2{font-size:41px}.treatment p:not(.eyebrow){font-size:14px;color:var(--muted)}.treatment-photo img{height:440px;border-radius:90px 0 0}.treatment-photo>span{display:block;font-size:8px;letter-spacing:2px;color:#98804b;padding-top:13px}.checks{list-style:none;padding:0;font-size:12px;margin:0 0 24px}.checks li{padding:2px 0}.checks li:before{content:'✧';color:#9e7a31;margin-right:12px}.note{font-size:12px;color:var(--muted);padding-top:30px;padding-bottom:55px}.price-tools{display:flex;align-items:center;gap:25px;margin-bottom:35px}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.price-box{border:1px solid var(--line);padding:30px;background:#fffdf7}.price-box h2{font-size:30px;margin-bottom:20px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;margin-bottom:65px}.contact-main{background:#e8ecdf;padding:45px}.contact-main h2{font-size:43px}.contact-main address{font-style:normal;font-size:17px;line-height:1.9;margin:25px 0}.contact-main p:not(.eyebrow){font-size:14px}.contact-details>div{padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.contact-details .eyebrow{display:block;margin-bottom:9px}.contact-details p{font-size:14px;margin-bottom:15px}.big-link{font:34px var(--serif)}.visit-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:80px}.visit-notes h3{font-size:25px}.visit-notes p{font-size:13px;color:var(--muted)}.gallery-empty{border:1px solid var(--line);text-align:center;padding:55px 25px;margin-bottom:80px}.gallery-empty p{max-width:500px;margin:0 auto 25px;color:var(--muted);font-size:14px}.gallery-mark{display:block;font-size:48px;color:#a38339;margin-bottom:10px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:65px}.gallery-item{margin:0}.gallery-item button{padding:0;border:0;background:transparent;cursor:zoom-in;width:100%;display:block}.gallery-item img{height:360px}.gallery-item figcaption{font-family:var(--serif);font-size:22px;padding:12px 0}.gallery-item p{font-size:12px;color:var(--muted)}#lightbox{max-width:90vw;max-height:94vh;border:0;background:#f8f6ef;padding:18px 18px 5px;color:var(--green)}#lightbox::backdrop{background:#081d17ed}#lightbox img{width:auto;max-width:82vw;height:auto;max-height:75vh;object-fit:contain}#lightbox button{position:absolute;right:20px;top:20px;border:0;background:#fff;width:38px;height:38px;font-size:25px;cursor:pointer}#lightbox p{font-size:12px;margin:8px 0}.mobile-book{display:none}.legal-content{max-width:800px;padding-bottom:80px}.legal-content h2{font-size:32px}
@media(min-width:1600px){.hero-copy{padding-left:100px}}@media(max-width:1100px){.nav-wrap{padding:0 30px}#main-nav{gap:18px}.brand{font-size:20px}.brand-icon{display:none}.hero-copy{padding:50px 35px}.hero-photo{padding:25px 25px 25px 0}.hero-foot{font-size:7px}.wrap{width:calc(100% - 60px)}.two-col{gap:45px}.service-grid{gap:30px 20px}.service-card h3{font-size:25px}.treatment{gap:40px}.price-lines>div{font-size:12px;gap:13px}}
@media(max-width:800px){html{scroll-padding-top:90px}.nav-wrap{height:79px;padding:0 23px}.brand{font-size:20px}.brand small{font-size:7px}.menu-toggle{display:flex;gap:18px;background:none;border:1px solid #c9c7b6;padding:5px 12px;font-size:12px;color:var(--green)}#main-nav{display:none;position:absolute;top:79px;left:0;right:0;background:var(--cream);padding:22px 25px;border-bottom:1px solid var(--line);box-shadow:0 8px 18px #123d3012}#main-nav.open{display:flex;flex-direction:column;align-items:stretch}#main-nav>a:not(.button){padding:7px 0;font-size:14px}.hero{min-height:0;grid-template-columns:1fr}.hero-copy{padding:45px 25px 30px}.hero h1{font-size:56px}.hero h1 br:last-of-type{display:none}.hero-copy>p:not(.eyebrow){max-width:500px}.hero-foot{margin-top:15px;padding-top:25px;font-size:8px}.hero-photo{padding:0 25px 25px;min-height:0;height:360px}.hero-photo img{border-radius:80px 0 0 0;object-position:50% 55%}.photo-note{font-size:27px;bottom:48px;right:45px;left:45px}.wrap{width:calc(100% - 50px)}.info-bar{gap:8px 18px;font-size:10px;padding:15px 20px}.info-bar>span:nth-child(2){display:none}.intro{padding:65px 0 50px}.two-col{grid-template-columns:1fr;gap:22px}.intro .lead{font-size:16px}.section-top{align-items:flex-start;flex-direction:column;margin-bottom:25px}.service-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.service-card>a{height:200px}.service-card h3{font-size:25px}.service-overview{padding-bottom:60px}.price-band{padding:55px 0}.social{padding:65px 0}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{gap:18px;flex-wrap:wrap;padding-bottom:85px}.page-head{padding:50px 0 25px}.page-head h1{font-size:52px}.page-head .lead{font-size:16px}.treatment{grid-template-columns:1fr;gap:25px;padding:40px 0}.treatment:nth-child(even) .treatment-photo{order:0}.treatment-photo img{height:340px}.treatment h2{font-size:36px}.service-jumps{gap:8px;margin-bottom:15px}.service-jumps a{font-size:10px}.price-grid{grid-template-columns:1fr}.price-box{padding:25px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-main{padding:28px}.contact-main h2{font-size:36px}.visit-notes{grid-template-columns:1fr;gap:15px}.gallery-grid{grid-template-columns:1fr 1fr;gap:15px}.gallery-item img{height:280px}.mobile-book{display:block;position:fixed;bottom:0;left:0;right:0;z-index:29;background:var(--gold);color:var(--deep);text-align:center;padding:14px 20px calc(14px + env(safe-area-inset-bottom));font-size:13px;font-weight:600;border-top:1px solid #b89a53}}
@media(max-width:480px){.hero h1{font-size:44px}.hero-copy .actions{gap:18px}.hero-copy .text-link{font-size:11px}.hero .eyebrow{font-size:8px}.hero-photo{height:300px}.hero-foot{gap:9px;font-size:7px}.service-grid{grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:110px 1fr;gap:20px;padding-bottom:23px}.service-card>a{height:165px}.service-card>div{padding:0}.service-card h3{font-size:24px}.service-card p{font-size:12px;line-height:1.6;margin-bottom:12px}.service-card .eyebrow{margin-bottom:7px}.service-card .button{font-size:11px}.social .actions{display:grid;gap:12px}.social .button{font-size:11px;gap:15px}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.page-head h1{font-size:43px}.price-tools{align-items:flex-start;flex-direction:column;gap:13px}.price-lines>div{font-size:12px}.price-lines dd{white-space:normal;max-width:45%}.big-link{font-size:30px}.gallery-grid{grid-template-columns:1fr}.gallery-item img{height:390px}.info-bar span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}@media print{.site-header,.site-footer,.closing,.mobile-book,.price-tools,.price-box .text-link{display:none}body{background:white;color:black}.wrap{width:100%}.page-head{padding:0}.page-head h1{font-size:30px}.page-head .lead{font-size:12px}.price-grid{grid-template-columns:1fr 1fr;gap:15px}.price-box{break-inside:avoid;padding:15px}.price-box h2{font-size:22px}.price-lines>div{font-size:11px}.note{padding-bottom:0}}
.hero .button,.closing .button,.mobile-book{background:linear-gradient(110deg,#c9a34e 0%,#edd393 48%,#cfad5c 100%)}