:root{--ink:#10100f;--paper:#f5f1e8;--lime:#caa54b;--line:rgba(16,16,15,.20);--muted:#6b665b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;border-bottom:1px solid var(--line)}.brand{font:700 32px/1 'Playfair Display',serif;letter-spacing:-1.5px}.brand b{font-family:Manrope;font-size:13px;letter-spacing:2px;margin-left:6px}.navlinks{display:flex;gap:28px;align-items:center}.nav a{color:inherit;text-decoration:none;font:500 12px 'DM Mono',monospace;letter-spacing:.5px}.pill{background:var(--ink);color:var(--paper)!important;padding:12px 17px;border-radius:100px}.hero{min-height:720px;padding:58px 5.5vw 45px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.4fr .6fr;gap:20px;align-items:end}.eyebrow,.tag{font:500 11px 'DM Mono',monospace;letter-spacing:1.2px;text-transform:uppercase}.eyebrow:before{content:'✦';margin-right:9px}.hero h1{font:600 clamp(52px,8.3vw,132px)/.9 'Playfair Display',serif;letter-spacing:-.07em;max-width:900px;margin:25px 0}.hero h1 em{font-weight:600;color:#a87c20}.intro{max-width:390px;font-size:17px;line-height:1.6;margin:0 0 34px;color:#393a35}.round{display:inline-flex;align-items:center;justify-content:center;width:130px;height:130px;background:var(--lime);border-radius:50%;font:600 12px 'DM Mono',monospace;transform:rotate(-12deg);text-decoration:none;color:var(--ink);transition:.25s}.round:hover{transform:rotate(0) scale(1.08)}.hero-photo{height:470px;border-radius:240px 240px 0 0;background:linear-gradient(140deg,rgba(0,0,0,.07),transparent 45%),url('https://images.unsplash.com/photo-1516035069371-29a1b244cc32?auto=format&fit=crop&w=900&q=80') center/cover;position:relative}.hero-photo:after{content:'AR / STUDIO';position:absolute;bottom:18px;left:-31px;writing-mode:vertical-rl;font:500 10px 'DM Mono';letter-spacing:3px;color:white}.strip{background:var(--ink);color:var(--paper);padding:17px 5.5vw;overflow:hidden;white-space:nowrap;font:500 13px 'DM Mono',monospace;letter-spacing:1.5px}.strip span{color:var(--lime);margin:0 25px}.work{padding:115px 5.5vw}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:21px;margin-bottom:35px}.section-head h2{font:600 clamp(37px,5vw,70px)/1 'Playfair Display';letter-spacing:-.06em;margin:0}.section-head p{max-width:285px;font-size:14px;line-height:1.5;margin:0}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.project{position:relative;overflow:hidden;background:#ddd;min-height:280px}.project img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .6s,filter .4s}.project:hover img{transform:scale(1.05);filter:saturate(1)}.p1{grid-column:span 7;height:520px}.p2{grid-column:span 5;height:520px}.p3{grid-column:span 4;height:360px}.p4{grid-column:span 8;height:360px}.caption{position:absolute;bottom:0;left:0;right:0;padding:18px 19px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.7));display:flex;justify-content:space-between;font:500 11px 'DM Mono';letter-spacing:1px}.services{background:#e8d5a0;padding:105px 5.5vw;display:grid;grid-template-columns:1fr 1.4fr;gap:8vw}.services h2{font:600 clamp(42px,5vw,76px)/.95 'Playfair Display';letter-spacing:-.06em;margin:20px 0}.service-list{border-top:1px solid rgba(0,0,0,.28)}.service{padding:21px 0;border-bottom:1px solid rgba(0,0,0,.28);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:21px;font-weight:600}.service small{font:400 11px 'DM Mono';max-width:190px;text-align:right}.about{padding:105px 5.5vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.about h2{font:600 clamp(40px,5.5vw,80px)/.97 'Playfair Display';letter-spacing:-.06em;margin:15px 0}.about p{font-size:19px;line-height:1.55;margin-top:45px}.stats{display:flex;gap:38px;margin-top:45px}.stats b{display:block;font:600 40px 'Playfair Display'}.stats span{font:11px 'DM Mono';letter-spacing:1px}.contact{margin:0 2vw 2vw;border-radius:6px;background:var(--ink);color:var(--paper);padding:90px 5.5vw}.contact h2{font:600 clamp(46px,7vw,105px)/.9 'Playfair Display';letter-spacing:-.07em;max-width:800px;margin:22px 0 38px}.contact h2 em{color:var(--lime)}.mail{color:var(--paper);font:500 clamp(17px,2vw,27px) 'DM Mono';text-underline-offset:8px}.foot{display:flex;justify-content:space-between;align-items:end;margin-top:90px;color:#bbb;font:11px 'DM Mono';gap:15px}@media(max-width:720px){.nav{padding:0 6vw;height:70px}.navlinks a:not(.pill){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:55px 6vw 0}.hero h1{font-size:59px}.hero-photo{height:390px;margin-left:14vw}.work,.about{padding:76px 6vw}.section-head{display:block}.section-head p{margin-top:18px}.grid{gap:10px}.p1,.p2{grid-column:span 12;height:380px}.p3{grid-column:span 5;height:250px}.p4{grid-column:span 7;height:250px}.services{padding:75px 6vw;grid-template-columns:1fr;gap:24px}.about{grid-template-columns:1fr;gap:0}.contact{padding:70px 6vw;margin:0}.foot{margin-top:70px;flex-wrap:wrap}.service{font-size:17px}.service small{max-width:140px}.stats{gap:23px}.stats b{font-size:34px}}
.tabs{position:sticky;top:0;z-index:20;background:rgba(243,240,234,.92);backdrop-filter:blur(12px);padding:13px 5.5vw 0;border-bottom:1px solid var(--line)}.tab-buttons{display:flex;gap:5px;overflow-x:auto}.tab-btn{border:0;background:transparent;color:var(--muted);font:500 12px 'DM Mono',monospace;letter-spacing:.4px;padding:13px 17px;cursor:pointer;white-space:nowrap;border-radius:8px 8px 0 0}.tab-btn.active{color:var(--ink);background:var(--lime)}.tab-panel{display:none}.tab-panel.active{display:block;animation:fade .35s ease}.legal h2{font:600 clamp(45px,6vw,82px)/.95 'Playfair Display';letter-spacing:-.06em;margin:18px 0 42px}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:920px;border-top:1px solid var(--line);padding-top:28px}.legal h3{font-size:15px;margin:0 0 12px}.legal p{font-size:15px;line-height:1.75;color:#494a44;margin:0 0 34px}.legal a{color:inherit;text-underline-offset:4px}.legal-link{color:inherit;text-decoration:none}.legal-link:hover{text-decoration:underline}.back-btn{background:var(--ink);color:var(--paper);border:0;border-radius:99px;padding:13px 18px;font:500 12px 'DM Mono';cursor:pointer}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tab-info{padding:90px 5.5vw;min-height:580px}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.offer{border:1px solid var(--line);padding:28px;min-height:240px;background:#f8f6f1}.offer .num{font:500 11px 'DM Mono';color:#9a7020}.offer h3{font:600 29px 'Playfair Display';letter-spacing:-.04em;margin:44px 0 12px}.offer p{font-size:14px;line-height:1.6;color:#4d4e48}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:40px}.step{background:var(--paper);padding:25px;min-height:195px}.step b{font:500 11px 'DM Mono';color:#9a7020}.step h3{font-size:18px;margin:35px 0 8px}.step p{font-size:13px;line-height:1.5;color:#595a54}@media(max-width:720px){.tabs{padding:10px 6vw 0}.tab-info{padding:65px 6vw;min-height:auto}.offer-grid,.process,.legal-grid{grid-template-columns:1fr}.offer{min-height:190px}}

/* Refined gold accent system */
:root{--gold:#aa7418;--gold-deep:#70480a;--charcoal:#10100f;--ivory:#f5f1e8}
.nav{position:relative}.nav:after{content:'';position:absolute;left:50%;bottom:-1px;width:74px;height:3px;transform:translateX(-50%);background:var(--gold)}
.eyebrow,.tag{display:flex;align-items:center;gap:10px}.eyebrow:before{color:var(--gold)}.tag:after{content:'';width:32px;height:1px;background:var(--gold)}
.section-head,.tab-info>div:first-child,.about>div:first-child,.services>div:first-child{text-align:center}.section-head{flex-direction:column;align-items:center}.section-head p{text-align:center}.section-head h2:after,.tab-info h2:after,.about h2:after,.services h2:after{content:'';display:block;width:58px;height:3px;background:var(--gold);margin:20px auto 0}
.tabs{border-bottom:0}.tab-buttons{justify-content:center}.tab-btn.active{background:var(--gold);color:var(--charcoal);font-weight:600}.round{background:var(--gold)}.strip span{color:var(--gold)}
.hero-photo{box-shadow:inset 0 0 0 5px rgba(170,116,24,.88)}.contact{border-top:5px solid var(--gold)}.contact .tag{color:var(--gold)}
.legal-grid{border-top-color:var(--gold)}@media(max-width:720px){.section-head{align-items:flex-start}.section-head p{text-align:left}.section-head h2:after,.tab-info h2:after,.about h2:after,.services h2:after{margin-left:0}.tab-buttons{justify-content:flex-start}}

/* v9 — Accessible contrast refinement */
:root{
  --ink:#10100f;
  --paper:#f7f3ea;
  --gold:#8a5a08;
  --gold-deep:#5b3904;
  --gold-light:#d8b55d;
  --line:#bdb4a2;
  --muted:#514d44;
}
body{background:var(--paper);color:var(--ink)}
.nav{background:var(--paper);border-bottom-color:var(--line)}
.nav:after,.section-head h2:after,.tab-info h2:after,.about h2:after,.services h2:after{background:var(--gold)}
.eyebrow,.tag,.badge,.step b{color:var(--gold-deep)}
.eyebrow:before,.tag:after{color:var(--gold-deep);background-color:var(--gold-deep)}
.tab-btn{color:#3f3c36}.tab-btn:hover,.tab-btn:focus-visible{color:var(--ink);background:#e8ddc3}.tab-btn.active{background:var(--gold);color:#fff}
.nav a:focus-visible,.tab-btn:focus-visible,.round:focus-visible,.button:focus-visible,.back-btn:focus-visible{outline:3px solid var(--gold-light);outline-offset:3px}
.pill{background:var(--ink);color:#fff!important}.pill:hover{background:var(--gold-deep)}
.round{background:var(--gold);color:#fff}.round:hover{background:var(--gold-deep)}
.hero h1 em{color:var(--gold-deep)}
.intro,.section-head p,.offer p,.step p,.legal p{color:#393731}
.strip{background:var(--ink);color:#fff}.strip span{color:var(--gold-light)}
.hero-photo{box-shadow:inset 0 0 0 5px rgba(138,90,8,.92)}
.services{background:#e7d6a7}.service-list,.service{border-color:rgba(16,16,15,.42)}
.offer{background:#fffdf8;border-color:var(--line)}
.contact{background:var(--ink);color:#fff;border-top-color:var(--gold)}
.contact .tag,.contact h2 em{color:var(--gold-light)}.contact .mail{color:#fff}.contact .mail:hover{color:var(--gold-light)}
.legal-link{color:inherit}.legal-link:hover{color:var(--gold-light)}
.project:focus-within{outline:3px solid var(--gold);outline-offset:4px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v9.1 — Unified dark-gold palette */
:root{--gold:#70460a;--gold-deep:#4b2d03;--gold-light:#a97820}
.strip span,.contact .tag,.contact h2 em,.contact .mail:hover,.legal-link:hover{color:var(--gold-light)}

/* v11.1 — Business tab: deeper gold accents on dark background */
#business .tag{color:#a97820!important}
#business h2 em{color:#a97820!important}
#business .offer{border-color:#70460a;background:#181714}
#business .offer .num{color:#a97820}
#business .offer p{color:#d9d1c3}

/* v14 — Global contrast and intelligent UI refinement */
:root{--ink:#10100f;--paper:#f8f4eb;--surface:#fffdf8;--muted:#403c34;--line:#a79b87;--gold:#70460a;--gold-deep:#432803;--gold-on-dark:#b9872e;--focus:#d5a547}
body{background:var(--paper);color:var(--ink)}
.nav,.tabs{background:rgba(248,244,235,.97)}
.nav a,.tab-btn{color:#302d27}.nav a:hover{color:var(--gold-deep)}
.tab-btn.active{background:var(--gold);color:#fff}.tab-btn:hover:not(.active){background:#eadfca;color:var(--gold-deep)}
.eyebrow,.tag,.badge,.num,.step b{color:var(--gold-deep)!important}.tag:after{background:var(--gold-deep)!important}
.hero h1 em{color:var(--gold-deep)}.intro{color:#37342e}.round{background:var(--gold);color:#fff}.round:hover{background:var(--gold-deep)}
.hero-photo{box-shadow:inset 0 0 0 5px rgba(112,70,10,.94)}
.section-head p,.offer p,.step p,.legal p{color:var(--muted)}
.project .caption{background:linear-gradient(transparent,rgba(0,0,0,.88));color:#fff}.project:hover .caption{color:#fff}
.services{background:#e6d1a0}.service-list,.service{border-color:rgba(16,16,15,.55)}
.service small{color:#3d3528}.offer{background:var(--surface);border-color:var(--line)}.offer h3{color:var(--ink)}
#business{background:#10100f;color:#f8f4eb}#business .tag,#business h2 em,#business .offer .num{color:var(--gold-on-dark)!important}#business .offer{background:#1c1a16;border-color:#70460a}#business .offer h3{color:#fff}#business .offer p{color:#e6ded0!important}
#ablauf{background:#e6d1a0}.legal-grid{border-top-color:var(--gold)}
.contact{background:#10100f;color:#fff}.contact .tag,.contact h2 em{color:var(--gold-on-dark)!important}.contact .mail{color:#fff}.contact .foot{color:#d8d0c2}.contact .legal-link:hover,.contact .mail:hover{color:var(--gold-on-dark)}
a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.pill:focus-visible{outline-color:var(--focus)}
@media (prefers-contrast:more){:root{--line:#5d5548;--muted:#26231e}.offer{border-width:2px}.tab-btn.active{outline:2px solid #fff;outline-offset:-4px}}

/* Black Edition — global dark surfaces and atmospheric backgrounds */
:root{--ink:#090909;--paper:#090909;--surface:#12110f;--surface-2:#18150f;--muted:#c5bcaa;--line:#4b3b22;--gold:#a97820;--gold-deep:#76500e;--gold-on-dark:#d2a64e;--focus:#f1c66d}
body{background:var(--ink);color:#f5f0e6;background-image:radial-gradient(circle at 8% 12%,rgba(169,120,32,.12),transparent 27rem),radial-gradient(circle at 92% 78%,rgba(112,70,10,.16),transparent 32rem);}
.nav,.tabs{background:rgba(9,9,9,.94);border-color:var(--line)}.nav a,.tab-btn{color:#eee8dc}.nav a:hover{color:var(--gold-on-dark)}.tab-btn:hover:not(.active){background:#261f13;color:#fff}.tab-btn.active{background:var(--gold);color:#090909}
.hero{background:linear-gradient(115deg,rgba(9,9,9,.98) 14%,rgba(9,9,9,.74) 72%),radial-gradient(circle at 65% 48%,rgba(169,120,32,.18),transparent 31rem)}.hero h1{color:#fff}.hero h1 em{color:var(--gold-on-dark)}.intro{color:#ddd4c5}.round{background:var(--gold);color:#090909}.round:hover{background:var(--gold-on-dark)}
.eyebrow,.tag,.badge,.num,.step b{color:var(--gold-on-dark)!important}.tag:after{background:var(--gold-on-dark)!important}.section-head,.work,.about,.tab-info{background:transparent;color:#f5f0e6}.section-head{border-color:var(--line)}.section-head p,.offer p,.step p,.legal p,.details p{color:var(--muted)!important}
.work{background:linear-gradient(130deg,transparent,rgba(112,70,10,.10),transparent)}.offer{background:linear-gradient(145deg,#18150f,#100f0d);border-color:var(--line);color:#f5f0e6}.offer h3{color:#fff}.services,#ablauf{background:linear-gradient(135deg,#171209,#231a0d);color:#f5f0e6}.service-list,.service{border-color:#5b4828}.service small{color:#d4c7b1}.about{background:linear-gradient(180deg,#090909,#11100d)}
#portfolio{background:linear-gradient(160deg,#090909 25%,#151008 66%,#090909)}#hochzeit{background:linear-gradient(135deg,#100d09,#21170d,#0b0a09)}#business{background:linear-gradient(135deg,#080808,#171007,#080808)}#business .offer{background:linear-gradient(145deg,#21170c,#11100d);border-color:#70460a}
#kontakt .contact{background:radial-gradient(circle at 75% 20%,rgba(169,120,32,.22),transparent 25rem),#090909}.contact{border-top-color:var(--gold-on-dark)}.contact .tag,.contact h2 em{color:var(--gold-on-dark)!important}.legal-grid{border-top-color:var(--gold)}
.project{border:1px solid #3e301e}.project img{filter:saturate(.75) contrast(1.05) brightness(.83)}.project:hover img{filter:saturate(1) contrast(1.04) brightness(.98)}.strip{background:#050505;color:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip span{color:var(--gold-on-dark)}
a:focus-visible,button:focus-visible{outline-color:var(--focus)}

/* Fix Ablauf tab — remove inherited light inline panel and enforce dark layout */
#ablauf{background:radial-gradient(circle at 82% 12%,rgba(169,120,32,.17),transparent 25rem),linear-gradient(135deg,#090909,#171108 55%,#090909)!important;color:#f5f0e6}
#ablauf .tab-info{background:transparent!important;color:#f5f0e6}
#ablauf .tag{color:var(--gold-on-dark)!important}
#ablauf h2{color:#fff}
#ablauf .process{background:#4b3b22;border:1px solid #4b3b22}
#ablauf .step{background:linear-gradient(145deg,#17130d,#0e0d0b);color:#f5f0e6}
#ablauf .step h3{color:#fff}
#ablauf .step p{color:#cfc4b2!important}
#ablauf .step b{color:var(--gold-on-dark)!important}

/* Unified tab design — shared Black Edition visual language */
:root{--radius-lg:22px;--radius-md:14px;--panel:rgba(24,20,14,.92);--panel-soft:rgba(18,16,12,.94);--gold-line:rgba(169,120,32,.48)}
.tab-panel{min-height:calc(100vh - 125px);background:radial-gradient(circle at 84% 9%,rgba(169,120,32,.14),transparent 25rem),radial-gradient(circle at 8% 88%,rgba(112,70,10,.12),transparent 27rem),linear-gradient(135deg,#090909,#11100d 55%,#090909)!important}
.tab-panel .work,.tab-panel .about,.tab-panel .tab-info{background:transparent!important}
.tab-panel .tab-info,.tab-panel .work,.tab-panel .about{border-radius:var(--radius-lg)}
.tab-panel .tag{color:var(--gold-on-dark)!important}.tab-panel h2,.tab-panel h3{color:#fff}.tab-panel h2:after{background:var(--gold-on-dark)}
.tab-panel .offer,.tab-panel .step{border:1px solid var(--gold-line);border-radius:var(--radius-md);background:linear-gradient(145deg,rgba(31,26,18,.96),rgba(14,13,11,.97));box-shadow:0 12px 32px rgba(0,0,0,.18)}
.tab-panel .offer:hover,.tab-panel .step:hover{border-color:var(--gold-on-dark);transform:translateY(-3px)}
.tab-panel .service-list{border-color:var(--gold-line)}.tab-panel .service{border-color:var(--gold-line);background:rgba(22,19,14,.48);padding-left:18px;padding-right:18px}.tab-panel .service:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.tab-panel .service:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}
.tab-panel .process{gap:14px;background:transparent!important;border:0!important}.tab-panel .step{min-height:205px}.tab-panel .step p,.tab-panel .offer p{color:#d5cbbb!important}
#ablauf{background:radial-gradient(circle at 84% 9%,rgba(169,120,32,.14),transparent 25rem),radial-gradient(circle at 8% 88%,rgba(112,70,10,.12),transparent 27rem),linear-gradient(135deg,#090909,#11100d 55%,#090909)!important}
#ablauf .tab-info{background:transparent!important}
#portfolio .project{border-radius:var(--radius-md);border-color:var(--gold-line);box-shadow:0 14px 34px rgba(0,0,0,.28)}
#hochzeit,#business,#angebote,#studio,#impressum{background:radial-gradient(circle at 84% 9%,rgba(169,120,32,.14),transparent 25rem),radial-gradient(circle at 8% 88%,rgba(112,70,10,.12),transparent 27rem),linear-gradient(135deg,#090909,#11100d 55%,#090909)!important}
#kontakt{background:#090909!important}.contact{border-radius:var(--radius-lg) var(--radius-lg) 0 0}
@media(max-width:720px){.tab-panel{min-height:auto}.tab-panel .process{gap:11px}.tab-panel .offer:hover,.tab-panel .step:hover{transform:none}}