@font-face{font-family:Instrument Sans;src:url('../fonts/instrument-sans-latin-wght-normal.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url('../fonts/instrument-serif-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root{color-scheme:dark;--night:#0b120e;--moss:#13201a;--paper:#f1ece1;--muted:#b6beb2;--ember:#ed7955;--line:#6d7a6f;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:140px}body{margin:0;background:var(--night);color:var(--paper);font:400 1rem/1.65 'Instrument Sans',sans-serif;overflow-wrap:anywhere}body.work-page{background:var(--work-dark,var(--night))}a{color:inherit;text-underline-offset:.25em}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a.button{touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--paper);outline-offset:5px;box-shadow:0 0 0 7px var(--night)}[hidden]{display:none!important}.wrap{width:min(1360px,calc(100% - 80px));margin-inline:auto}main{min-height:55vh}img{display:block;width:100%;max-width:100%;height:auto}picture{display:block}figure{margin:0}figcaption{position:relative;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 20px;padding-top:16px;font-size:.9rem;color:var(--muted)}figcaption a{display:inline-flex;align-items:center;min-height:44px}p{margin:0 0 1.2em}h1,h2,h3{line-height:1.02;margin:0 0 .4em;font-weight:600;letter-spacing:-.03em;text-wrap:balance}h1{font-size:clamp(3.1rem,7.7vw,7rem)}h2{font-size:clamp(2.6rem,6.5vw,5.7rem)}h3{font-size:1.35rem;line-height:1.2;letter-spacing:-.015em}em{font:italic 400 1.15em/.9 'Instrument Serif',serif}.eyebrow{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}.lead,.claim{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.5}.small{font-size:.85rem;color:var(--muted)}.skip-link{position:fixed;top:12px;left:20px;z-index:100;background:var(--paper);color:var(--night);padding:12px 20px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;margin-top:12px;border:1px solid var(--line);border-radius:22px;background:rgba(11,18,14,.94);backdrop-filter:blur(20px);transition:padding .35s var(--ease),background .35s}.site-header.compact{padding-block:8px;background:rgba(11,18,14,.98)}.wordmark{font-size:1.25rem;letter-spacing:-.03em;font-weight:600;text-decoration:none;line-height:1.2;min-height:44px;display:flex;flex-direction:column;justify-content:center}.wordmark span{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:400}.site-header nav{display:flex;gap:8px}.site-header nav a{display:inline-flex;min-height:44px;align-items:center;padding:8px 12px;text-decoration:none;font-size:.9rem}.site-header a:hover,.site-header [aria-current]{text-decoration:underline}.language-switch{flex-shrink:0}.language-switch a{font-size:.8rem!important}.menu-toggle{display:none;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:30px;background:var(--moss);color:var(--paper)}.breadcrumbs{font-size:.8rem;color:var(--muted);margin-top:32px}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:0 16px;list-style:none;padding:0;margin:0}.breadcrumbs li+li:before{content:'/';padding-right:16px}.breadcrumbs a{display:inline-flex;min-height:44px;align-items:center}.breadcrumbs span{display:inline-block;padding-block:9px}.button,.filters a,.copy-email{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 24px;border-radius:100px;background:var(--ember);border:1px solid transparent;color:var(--night);font-weight:600;text-decoration:none;line-height:1.4}.button:hover{background:#f3ae9e}.button.secondary,.copy-email{background:var(--night);border-color:var(--muted);color:var(--paper)}.button.secondary:hover,.copy-email:hover{background:var(--moss)}.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:500}.hero{padding:100px 0 70px;text-align:center}.hero-copy{max-width:1120px;margin:auto}.hero h1{margin-inline:auto;max-width:1080px}.headline-word{display:block}.hero .claim{margin-top:32px;margin-bottom:8px}.hero-copy>p:not(.eyebrow){max-width:620px;margin-inline:auto}.hero .button{margin:20px 0}.hero-art{width:min(1000px,90%);margin:72px auto 0;text-align:left}.hero-art img{max-height:900px;object-fit:contain}.glow-stage{position:relative;isolation:isolate}.glow-stage:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(ellipse at center,var(--glow,#75a77d),transparent 67%);opacity:.23;filter:blur(55px);transform:translateY(var(--parallax,0px));transition:transform .7s var(--ease)}.glow-stage img{box-shadow:0 24px 64px #0006}.section{padding-block:110px}.chapter{position:relative;isolation:isolate}.chapter:before{content:'';position:absolute;z-index:-2;inset:0 calc((min(1360px,100vw - 80px) - 100vw)/2);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 7%,var(--night)) 30%,color-mix(in srgb,var(--accent) 7%,var(--night)) 80%,transparent)}.chapter-heading{max-width:900px;margin-bottom:56px}.chapter-heading .lead{max-width:560px;color:var(--muted)}.chapter-stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:7%;align-items:center}.chapter-cover img{max-height:760px;object-fit:contain}.chapter-collection{min-width:0}.rail-controls{display:flex;gap:10px;justify-content:flex-end;margin:0 0 24px}.rail-controls button{width:48px;height:48px;border:1px solid var(--muted);border-radius:50%;background:var(--night);color:var(--paper);font-size:1.4rem}.rail-controls button:hover{background:var(--moss)}.work-rail{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:var(--muted) var(--moss);scrollbar-width:thin;padding:8px 6px 24px;scroll-padding-inline:6px;overscroll-behavior-inline:contain}.work-rail>.work-card{flex:0 0 min(360px,78vw);scroll-snap-align:start;min-width:0}.chapter .work-rail>.work-card{flex-basis:85%}.work-card{position:relative;isolation:isolate}.work-card figure{margin:0}.work-card figcaption{display:block}.work-card h3{margin-bottom:0;color:var(--paper)}.work-card p{font-size:.85rem;margin:0 0 12px}.art-link{display:block}.art-link img,.gallery-image img{transition:filter .4s var(--ease)}.art-link:before,.gallery-image:before{content:'';position:absolute;z-index:-1;inset:5% 0 20%;background:radial-gradient(ellipse,var(--glow),transparent 70%);filter:blur(28px);opacity:0;transition:opacity .4s}.work-card:hover .art-link:before,.work-card:focus-within .art-link:before,.work-card:hover .gallery-image:before,.work-card:focus-within .gallery-image:before{opacity:.22}.work-card:hover img{filter:brightness(1.07)}.card-title{text-decoration:none}.card-title:hover{text-decoration:underline}.card-bottom{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:.8rem}.badge{display:inline-block;border:1px solid var(--line);padding:4px 10px;border-radius:20px;color:var(--paper);font-size:.75rem}.about-teaser{position:relative;display:grid;grid-template-columns:1fr 3fr;gap:40px;background:var(--paper);color:var(--night);padding:80px clamp(24px,5vw,80px);border-radius:3px;margin-block:80px}.about-teaser .eyebrow{color:var(--moss)}.about-teaser .lead{max-width:750px}.site-footer{padding-block:60px 30px;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;align-items:flex-start;border-top:1px solid var(--line)}.footer-name{font-size:1.4rem;line-height:1.4}.footer-name span{display:block;font-size:.85rem;color:var(--muted)}.site-footer nav{display:flex;flex-wrap:wrap;gap:12px}.site-footer nav a{display:inline-flex;min-height:44px;align-items:center;font-size:.85rem}.site-footer .small{width:100%}.page-heading{padding:80px 0 36px;max-width:850px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-block:20px 30px}.filters a{background:var(--moss);color:var(--paper);border-color:var(--line);font-size:.85rem;font-weight:400;padding:10px 20px}.filters a[aria-current]{background:var(--paper);color:var(--night);border-color:var(--paper)}.gallery-section{padding:50px 0 80px;scroll-margin-top:140px}.gallery-section>h2{font-size:clamp(2rem,4vw,3.5rem)}.gallery-section>p{color:var(--muted);max-width:600px}.gallery-grid{columns:3;column-gap:36px;margin-top:36px}.gallery-grid .work-card{break-inside:avoid;display:inline-block;width:100%;margin-bottom:44px}.gallery-image{position:relative}.zoom{display:block;min-height:44px;margin-top:12px;padding:8px 18px;border:1px solid var(--muted);border-radius:30px;background:var(--night);color:var(--paper)}dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:76px 3vw 20px;border:0;background:rgba(11,18,14,.97);color:var(--paper);overflow:auto}dialog::backdrop{background:#0b120ee6;backdrop-filter:blur(18px)}dialog figure{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}dialog img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 165px);object-fit:contain}dialog figcaption{color:var(--paper);text-align:center}.lightbox-close{position:absolute;right:3vw;top:18px;min-height:44px;padding:10px 20px;border:1px solid var(--muted);border-radius:30px;background:var(--night);color:var(--paper)}.work-detail{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:7%;align-items:start;padding-top:60px}.work-detail>figure{margin-top:20px}.work-detail>figure img{max-height:900px;object-fit:contain}.work-info h1{font-size:clamp(3rem,5.5vw,5.5rem)}.work-info>.badge{margin-block:14px}.work-info dl{margin:30px 0}.work-info dl>div{display:flex;flex-wrap:wrap;gap:8px 24px;padding-block:10px;border-bottom:1px solid var(--line)}dt{color:var(--muted);min-width:90px}dd{margin:0}.price{font-size:1.8rem;font-weight:600;letter-spacing:-.025em}.purchase-actions{display:flex;flex-wrap:wrap;gap:14px;margin-block:30px}.email-copy{width:100%;min-width:0}.copy-email{max-width:100%;font-size:.85rem;overflow-wrap:anywhere;word-break:break-word}.copy-status{display:block;margin-top:8px}.palette{padding-bottom:0}.palette h2,.section-heading h2{font-size:clamp(2rem,4vw,3.5rem)}.swatches{display:flex;flex-wrap:wrap;gap:24px;list-style:none;padding:12px 0;margin:0}.swatches li{display:grid;gap:12px;justify-items:center;font-size:.8rem;color:var(--muted)}.swatch{display:block;width:60px;height:60px;background:var(--swatch);border-radius:50%;border:1px solid var(--muted)}.section-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.prose{max-width:850px;padding:80px 0}.prose h1{margin-bottom:40px}.prose h2{font-size:2rem;line-height:1.2;margin-top:40px}.prose p{max-width:70ch}.prose a:not(.button){text-decoration:underline}.contact-mail{display:inline-block;font-size:clamp(1.2rem,4vw,2.8rem);min-height:44px;margin-bottom:24px}.about-art{max-width:850px;margin:0 auto 100px}form{display:grid;gap:12px;margin-top:40px}input,textarea{width:100%;min-height:48px;border:1px solid var(--muted);border-radius:8px;padding:12px;background:var(--moss);color:var(--paper)}form .button{justify-self:start}
@media(min-width:1600px){.chapter:before{inset-inline:calc((1360px - 100vw)/2)}}
@media(max-width:999px){.wrap{width:calc(100% - 48px)}.site-header{gap:8px;padding-inline:16px}.site-header nav a{padding-inline:8px}.chapter:before{inset-inline:-24px}.chapter-stage{gap:5%}.gallery-grid{columns:2}.work-detail{grid-template-columns:1fr;gap:50px}.work-detail>figure{width:min(850px,100%);margin-inline:auto}.work-info{max-width:750px;margin:auto;width:100%}.about-teaser{grid-template-columns:1fr}.hero{padding-top:80px}}
@media(max-width:699px){.wrap{width:calc(100% - 40px)}.site-header{flex-wrap:wrap;top:8px;border-radius:18px;gap:8px 12px;padding:12px}.wordmark{flex:1}.site-header #navigation{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:6px}.site-header .language-switch{gap:0}.site-header .language-switch a{padding-inline:6px}.js .menu-toggle{display:block}.js #navigation{display:none}.js #navigation.mobile-open{display:flex}.site-header.compact{padding-block:8px}.hero{padding:64px 0 30px}.hero h1{font-size:clamp(2.5rem,10.5vw,4.5rem)}.hero-art{width:100%;margin-top:48px}.section{padding-block:70px}.chapter:before{inset-inline:-20px}.chapter-heading{margin-bottom:36px}.chapter-stage{grid-template-columns:1fr;gap:40px}.chapter-cover{max-width:100%}.chapter .work-rail>.work-card{flex-basis:78%}.chapter-collection>.text-link{margin-top:14px}.about-teaser{padding:48px 24px;margin-block:50px;gap:10px}.gallery-grid{columns:1}.gallery-section{padding-bottom:30px}.page-heading{padding-top:50px}.filters{gap:8px}.filters a{padding-inline:16px}.work-detail{padding-top:20px}.swatches{gap:18px}.swatch{width:48px;height:48px}.swatches li{font-size:.75rem}.prose{padding-top:50px}.site-footer{gap:20px}.hero-copy>p{max-width:100%}}
@media(prefers-reduced-motion:no-preference){.js [data-reveal]{transition:opacity .85s var(--ease) var(--delay,0ms),transform .85s var(--ease) var(--delay,0ms)}.js .reveal-pending{opacity:0;transform:translateY(24px)}.js .headline-word{animation:headline-in 1s var(--ease) both}.js .headline-word:nth-child(2){animation-delay:.13s}dialog[open] img{animation:lightbox-in .35s var(--ease)}@keyframes headline-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes lightbox-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.glow-stage:before{transform:none!important}.js .reveal-pending{opacity:1;transform:none}}

.prose a:not(.button){display:inline-flex;align-items:center;min-height:44px;max-width:100%}

/* Rechtstexte */
.legal-text{max-width:70ch;line-height:1.75;overflow-wrap:anywhere}.legal-text h2{margin-block:2em .75em;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.3}.legal-text p,.legal-text ul,.legal-text ol{max-width:70ch;margin-block:0 1.25em}.legal-text ul,.legal-text ol{padding-inline-start:1.5em}.legal-text li+li{margin-top:.6em}.legal-text .legal-note{font-size:.9em;padding:1em 1.2em;border-inline-start:3px solid var(--ember);background:var(--moss)}.price-note{margin-top:-.5rem;line-height:1.6}

/* Lange Überschriften mit sprachabhängiger Silbentrennung */
h1,h2,h3{overflow-wrap:break-word;word-break:normal;hyphens:auto}.legal-text h1{font-size:clamp(2.25rem,4.5vw,3.75rem);line-height:1.15;overflow-wrap:break-word;hyphens:auto}

/* Designwechsel ohne JavaScript */
.site-header{flex-wrap:wrap}.design-switch{position:relative;z-index:60;font-size:.875rem;color:var(--paper)}.design-switch summary{display:list-item;min-height:44px;min-width:44px;padding:11px 16px;cursor:pointer;border:1px solid var(--line);border-radius:12px;background:var(--moss)}.design-switch summary:focus-visible{outline:3px solid currentColor;outline-offset:3px}.site-header .design-switch nav{position:absolute;inset-inline-end:0;top:100%;display:flex;flex-direction:column;gap:0;min-width:160px;padding:8px;background:var(--moss);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #0002}.site-header .design-switch nav a{display:flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:8px;color:var(--paper);background:transparent}.design-switch a[aria-current]{font-weight:700;text-decoration:underline}.work-subtitle{margin-block:-.25rem 1.25rem}

.header-switches{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.header-switches .language-switch{margin:0}

.form-honeypot{display:none!important}.field-error{display:block;color:inherit;font-weight:600}.contact-form-link{display:inline-flex;align-items:center;min-height:44px}.warranty-notice{margin-block:2rem;padding:1.25rem;border:2px solid currentColor;border-radius:8px}.warranty-notice h2{margin-top:0}

/* Werkbilder: eigene Mausziele, nur der Titel bleibt im Tab-Ablauf. */
.work-image-link{display:block;cursor:pointer}.work-image-link img{transition:filter .18s ease}.work-image-link:hover img,.work-card:focus-within .work-image-link img,figure:focus-within>.work-image-link img{filter:brightness(1.055)}.gallery-image>.zoom{z-index:2}.work-detail-image{position:relative}.work-detail-image>.zoom{position:absolute;right:12px;bottom:12px;margin:0;z-index:2}.work-detail-image.can-zoom picture{cursor:zoom-in}
@media(prefers-reduced-motion:reduce){.work-image-link img{transition:none}.work-card,.work-card:hover,.work-card:focus-within,.theme-tile,.theme-tile:hover,.theme-tile:focus-within{transform:none!important;transition:none!important}}

.gallery-image>.zoom{position:relative}