/* Website umgesetzt von webcore-dresden.de */
/* 1. Root / Farben / Typografie */
:root{
  --color-bg:#f6efe4;
  --color-bg-soft:#efe4d3;
  --color-dark:#11100e;
  --color-dark-2:#1b1713;
  --color-gold:#c89555;
  --color-gold-soft:#e7c38f;
  --color-red:#a33423;
  --color-on-dark:#fff6e8;
  --color-on-dark-muted:rgba(255,246,232,.72);
  --color-on-light:#221b16;
  --color-on-light-muted:#6d5e50;
  --color-line:rgba(34,27,22,.13);
  --color-line-dark:rgba(255,246,232,.16);
  --shadow-soft:0 24px 70px rgba(27,18,9,.16);
  --shadow-dark:0 30px 90px rgba(0,0,0,.34);
  --radius-lg:30px;
  --radius-md:20px;
  --radius-sm:12px;
  --container:1180px;
  --side:clamp(1rem,4vw,3rem);
  --transition-smooth:240ms ease;
}

/* 2. Reset / Base */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-on-light);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.045;background-image:radial-gradient(#000 1px,transparent 1px);background-size:4px 4px}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:.98;letter-spacing:-.045em}h1{font-size:clamp(3.35rem,8vw,7.5rem);max-width:920px;margin-bottom:1.2rem}h2{font-size:clamp(2.25rem,5vw,4.9rem);margin-bottom:1rem}h3{font-size:clamp(1.55rem,2.3vw,2.2rem);margin-bottom:.8rem}.container{width:min(var(--container),calc(100% - var(--side)*2));margin-inline:auto}.section-light{background:var(--color-bg);color:var(--color-on-light)}.section-light-soft{background:var(--color-bg-soft);color:var(--color-on-light)}.section-dark,.footer-dark{background:var(--color-dark);color:var(--color-on-dark)}.eyebrow{margin-bottom:1rem;color:var(--color-gold);font-size:.8rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.section-dark .eyebrow,.footer-dark .eyebrow{color:var(--color-gold-soft)}

/* 3. Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.25rem;border:1px solid transparent;border-radius:999px;font-weight:800;line-height:1;transition:transform var(--transition-smooth),background var(--transition-smooth),border-color var(--transition-smooth),color var(--transition-smooth),box-shadow var(--transition-smooth)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--color-gold);color:#17110c;box-shadow:0 14px 35px rgba(200,149,85,.28)}.btn-primary:hover{background:var(--color-gold-soft)}.btn-outline-light{border-color:rgba(255,246,232,.46);color:var(--color-on-dark);background:rgba(255,255,255,.04)}.btn-outline-light:hover{background:var(--color-on-dark);color:var(--color-dark)}.btn-dark{background:var(--color-dark);color:var(--color-on-dark)}.btn-header{background:rgba(255,246,232,.08);border-color:rgba(255,246,232,.2);color:var(--color-on-dark);min-height:42px;padding:.7rem 1rem}.btn-header:hover{background:var(--color-gold);color:#17110c}

/* 4. Header / Navigation */
.site-header{position:fixed;z-index:30;top:0;left:0;width:100%;color:var(--color-on-dark);transition:background var(--transition-smooth),box-shadow var(--transition-smooth),transform var(--transition-smooth)}.site-header.is-scrolled{background:rgba(17,16,14,.9);backdrop-filter:blur(18px);box-shadow:0 16px 44px rgba(0,0,0,.18)}.site-header.is-hidden{transform:translateY(-100%)}.header-inner{width:min(1360px,calc(100% - var(--side)*2));height:88px;margin-inline:auto;display:flex;align-items:center;gap:1.5rem}.logo-block{display:flex;align-items:center;gap:.8rem;min-width:max-content}.logo-block img{width:54px;height:54px;object-fit:contain;background:rgba(255,246,232,.9);border-radius:50%;padding:4px}.logo-block strong{display:block;font-size:.98rem;line-height:1.1}.logo-block em{display:block;color:var(--color-on-dark-muted);font-size:.75rem;font-style:normal}.site-nav{margin-left:auto;display:flex;align-items:center;gap:1.65rem}.site-nav a{position:relative;font-size:.9rem;font-weight:800;color:rgba(255,246,232,.82)}.site-nav a::after{content:"";position:absolute;left:0;bottom:-.4rem;width:0;height:2px;background:var(--color-gold);transition:width var(--transition-smooth)}.site-nav a:hover{color:var(--color-on-dark)}.site-nav a:hover::after{width:100%}.nav-toggle{display:none;margin-left:auto;width:46px;height:46px;border:0;border-radius:0;background:transparent;color:var(--color-on-dark);cursor:pointer;position:relative}.nav-toggle span{position:absolute;left:9px;width:28px;height:2px;background:currentColor;border-radius:2px;transition:transform var(--transition-smooth),opacity var(--transition-smooth),top var(--transition-smooth)}.nav-toggle span:nth-child(1){top:14px}.nav-toggle span:nth-child(2){top:22px}.nav-toggle span:nth-child(3){top:30px}.nav-toggle[aria-expanded="true"] span:nth-child(1){top:22px;transform:rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"] span:nth-child(3){top:22px;transform:rotate(-45deg)}.mobile-menu{display:none}

/* 5. Hero */
.hero-section{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,16,14,.92) 0%,rgba(17,16,14,.66) 48%,rgba(17,16,14,.25) 100%),linear-gradient(0deg,rgba(17,16,14,.55),transparent 45%)}.hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.05)}.hero-inner{position:relative;z-index:1;padding-top:8rem;padding-bottom:7rem}.hero-text{max-width:640px;color:var(--color-on-dark-muted);font-size:clamp(1.05rem,1.6vw,1.25rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.stock-text{position:absolute;z-index:0;left:var(--side);bottom:7rem;font-family:Georgia,serif;font-size:clamp(4rem,14vw,13rem);font-weight:900;letter-spacing:-.08em;line-height:.75;color:transparent;-webkit-text-stroke:1px rgba(255,246,232,.13);white-space:nowrap;pointer-events:none}.appointment-box{position:absolute;right:0;bottom:0;z-index:2;width:min(390px,90vw);min-height:130px;background:var(--color-gold);color:#17110c;padding:1.6rem 2rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem;transition:transform var(--transition-smooth),background var(--transition-smooth)}.appointment-box:hover{transform:translateY(-4px);background:var(--color-gold-soft)}.appointment-box span{grid-column:1/-1;text-transform:uppercase;font-size:.76rem;font-weight:900;letter-spacing:.18em}.appointment-box strong{font-family:Georgia,serif;font-size:1.6rem;line-height:1.05}.appointment-box i{font-style:normal;font-size:2rem}

/* 6. About */
.about-section{position:relative;padding:clamp(4.5rem,9vw,8rem) 0;overflow:hidden}.about-grid{display:grid;grid-template-columns:minmax(280px,520px) 1fr;gap:clamp(2.5rem,7vw,6.5rem);align-items:center}.about-media{margin:0;position:relative;box-shadow:var(--shadow-soft)}.about-media::before{content:"";position:absolute;inset:24px -24px -24px 24px;border:1px solid rgba(200,149,85,.55);z-index:0}.about-media img{position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover}.about-copy p:not(.eyebrow){color:var(--color-on-light-muted);max-width:650px}.signature-line{display:inline-flex;margin-top:1.5rem;color:var(--color-red);font-family:Georgia,serif;font-size:1.4rem}.about-shape{position:absolute;right:-120px;bottom:30px;width:320px;height:140px;background:linear-gradient(90deg,transparent,var(--color-gold));opacity:.18;transform:rotate(-8deg)}

/* 7. Sections / Intro */
.services-section,.gallery-section,.contact-section{padding:clamp(4.5rem,8vw,7rem) 0}.section-intro{max-width:720px;margin-bottom:clamp(2rem,5vw,4rem)}.section-intro-center{text-align:center;margin-inline:auto}.section-intro p:not(.eyebrow){color:var(--color-on-light-muted)}

/* 8. Cards / Services */
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.service-card{min-height:315px;padding:2.3rem 2rem;background:#fffaf2;border:1px solid var(--color-line);box-shadow:0 16px 50px rgba(52,33,12,.08);transition:transform var(--transition-smooth),background var(--transition-smooth),box-shadow var(--transition-smooth),color var(--transition-smooth)}.service-card:hover,.service-card-active{transform:translateY(-8px);background:var(--color-dark);color:var(--color-on-dark);box-shadow:var(--shadow-dark)}.service-card p{margin-bottom:0;color:var(--color-on-light-muted)}.service-card:hover p,.service-card-active p{color:var(--color-on-dark-muted)}.service-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:1.7rem;border:1px solid rgba(200,149,85,.45);border-radius:50%;color:var(--color-gold);font-size:2rem}.service-card:hover .service-icon,.service-card-active .service-icon{background:rgba(200,149,85,.14)}

/* 9. Prices */
.pricing-section{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8.5rem) 0}.pricing-grid{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(2rem,6vw,5rem);align-items:start}.pricing-section .section-intro{margin:0}.pricing-section .section-intro p:not(.eyebrow){color:var(--color-on-dark-muted)}.price-list{background:rgba(17,16,14,.76);border:1px solid var(--color-line-dark);box-shadow:var(--shadow-dark);backdrop-filter:blur(10px);padding:clamp(1.3rem,3vw,2.2rem)}.price-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--color-line-dark);color:var(--color-on-dark-muted)}.price-row:first-child{padding-top:0}.price-row:last-child{border-bottom:0;padding-bottom:0}.price-row strong{color:var(--color-gold-soft);white-space:nowrap}.price-featured{background:rgba(200,149,85,.12);margin:.7rem -.8rem;padding:1.05rem .8rem;border:1px solid rgba(200,149,85,.28)}.price-featured span{display:grid;gap:.2rem}.price-featured b{color:var(--color-on-dark)}.price-featured small{color:var(--color-on-dark-muted);font-size:.85rem;line-height:1.45}.pricing-img{position:absolute;object-fit:cover;opacity:.22;filter:saturate(.75)}.pricing-img-left{left:0;bottom:0;width:27vw;max-width:360px}.pricing-img-right{right:2vw;top:12%;width:24vw;max-width:330px;border:1px solid rgba(255,246,232,.12)}

/* 10. Gallery */
.gallery-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:1.35rem}.gallery-item{position:relative;margin:0;min-height:320px;overflow:hidden;background:#111}.gallery-item::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,16,14,.22),transparent 45%);opacity:.8}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 700ms ease}.gallery-item:hover img{transform:scale(1.055)}.gallery-wide{min-height:360px}.gallery-small{min-height:360px}

/* 11. Quote */
.quote-section{position:relative;padding:clamp(4rem,8vw,7rem) 0;background-image:linear-gradient(rgba(17,16,14,.85),rgba(17,16,14,.85)),url('../images/hands-detail.webp');background-size:cover;background-position:center}.quote-inner{text-align:center;max-width:900px}.quote-inner p{font-family:Georgia,serif;font-size:clamp(2.1rem,5vw,5rem);line-height:1.02;letter-spacing:-.05em;margin-bottom:1.2rem}.quote-inner span{color:var(--color-gold-soft);font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem}

/* 12. Contact */
.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:clamp(2rem,6vw,5rem);align-items:start}.contact-copy p:not(.eyebrow){color:var(--color-on-light-muted);max-width:640px}.contact-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.8rem}.contact-cards{display:grid;gap:1rem}.contact-card{padding:1.4rem;background:#fffaf2;border:1px solid var(--color-line);box-shadow:0 14px 40px rgba(52,33,12,.07)}.contact-card span{display:block;margin-bottom:.4rem;color:var(--color-red);font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.contact-card a{font-weight:900;font-size:1.25rem;color:var(--color-on-light)}.contact-card p{margin:0;color:var(--color-on-light-muted)}.contact-card p+p{margin-top:.7rem}

/* 13. Footer */
.site-footer{padding:3.2rem 0 1.4rem}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr .9fr;gap:clamp(1.5rem,4vw,3rem);align-items:start}.footer-brand{display:flex;gap:1rem;align-items:flex-start}.footer-brand img{width:58px;height:58px;object-fit:contain;background:rgba(255,246,232,.9);border-radius:50%;padding:4px}.footer-brand strong{display:block;margin-bottom:.45rem;font-family:Georgia,serif;font-size:1.7rem;line-height:1}.footer-brand p,.footer-group p{margin:0;color:var(--color-on-dark-muted)}.footer-group{display:grid;gap:.45rem}.footer-group h2{margin:0 0 .45rem;color:var(--color-gold-soft);font-family:Inter,system-ui,sans-serif;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.footer-group a{color:var(--color-on-dark-muted);transition:color var(--transition-smooth),transform var(--transition-smooth)}.footer-group a:hover{color:var(--color-on-dark);transform:translateX(3px)}.footer-bottom{margin-top:2.3rem;padding-top:1.1rem;border-top:1px solid var(--color-line-dark);display:flex;justify-content:space-between;gap:1rem;align-items:center;color:var(--color-on-dark-muted);font-size:.9rem}.footer-bottom p{margin:0}.footer-bottom nav{display:flex;flex-wrap:wrap;gap:1rem}.footer-bottom a{color:var(--color-on-dark-muted)}.footer-bottom a:hover{color:var(--color-gold-soft)}

/* 14. Animations */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 700ms ease,transform 700ms ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:100ms}.reveal-delay-2{transition-delay:180ms}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}