:root{color-scheme:dark;--bg:#3b3b3b;--text:#c1c1c1;--bright:#e7e4e3;--accent:#d394bb;--line:#565153}html{overflow-y:scroll;scroll-behavior:auto;overflow-anchor:none}@supports(scrollbar-gutter:stable){html{overflow-y:auto;scrollbar-gutter:stable}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Verdana,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{font:inherit;color:inherit;cursor:pointer}header,main,footer{max-width:960px;margin:auto;padding-left:36px;padding-right:36px}header{text-align:center;padding-top:48px}.brand{font-family:Georgia,serif;font-size:clamp(29px,4vw,43px);font-weight:400;color:var(--bright);letter-spacing:.1em;line-height:1.25}.brand span{display:block;font-family:Verdana,sans-serif;font-size:12px;letter-spacing:.34em;text-transform:uppercase;margin-top:14px;color:#b4adb0}nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;margin:31px 0 65px}nav a{font-size:14px;white-space:nowrap}nav a[aria-current=page]{color:var(--accent)}.view{min-height:375px}.js .view[hidden]{display:none!important}h1,h2,h3{font-weight:400;color:var(--bright)}h1{font-size:22px;line-height:1.5;margin:0 0 28px}h2{font-size:20px}h3{font-size:16px}.welcome{max-width:780px;margin:auto;display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}.welcome h1{font-size:17px;margin:0 0 18px;line-height:1.7}.welcome p{margin:0 0 18px}.welcome figure{margin:0}.welcome img{display:block;width:100%;height:auto}.welcome figcaption{font-size:12px;color:#b1a7ac;line-height:1.5;margin-top:11px}.underlink{display:inline-block;color:var(--accent);border-bottom:1px solid #896378;margin-top:7px;font-size:14px}.heading{text-align:center;margin-bottom:38px}.heading h1{display:inline-block;border-bottom:1px solid #a75e8c;padding:0 40px 12px;margin:0}.heading p{font-size:14px;margin:13px 0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 24px}.work{border:0;background:none;padding:0;text-align:left}.work-photo{background:#333;overflow:hidden}.work img{display:block;object-fit:contain;width:100%;height:330px;transition:transform .3s}.work:hover img{transform:scale(1.025)}.work-meta{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.work h3{margin:12px 0 0}.work small{font-size:12px;color:#b5b0b2}.gallery-bottom{text-align:center;margin-top:40px}.copy{max-width:650px;margin:0 auto}.copy p{margin:0 0 23px}blockquote{font-family:Georgia,serif;color:var(--accent);font-size:25px;line-height:1.55;margin:30px 0;padding-left:24px;border-left:1px solid #a75e8c}.timeline{max-width:680px;margin:auto}.timeline>div{display:grid;grid-template-columns:65px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:17px 0}.timeline p{margin:0}.timeline time{color:var(--accent);font-size:14px}.contact{text-align:center;padding-top:15px}.contact address{font-style:normal;line-height:2.15;margin:25px 0}.contact .email{color:var(--accent);overflow-wrap:anywhere}.contact p{max-width:550px;margin:0 auto 22px}.contact-photo{width:130px;height:170px;object-fit:cover;margin-top:15px}footer{text-align:center;margin-top:55px;padding-bottom:30px;font-size:13px}footer .contacts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;border-top:1px solid var(--line);padding-top:23px}footer .small{font-size:12px;color:#aca4a8;margin:20px 0 0}footer .small a{text-decoration:underline}.skip{position:fixed;left:10px;top:-90px;z-index:10;background:var(--bg);padding:10px}.skip:focus{top:10px}dialog{padding:0;border:1px solid #62565e;background:var(--bg);color:var(--text);width:min(960px,92vw);max-height:92vh}dialog::backdrop{background:#161316e8}.modal-layout{display:grid;grid-template-columns:1.4fr 1fr}dialog img{width:100%;height:75vh;object-fit:contain;background:#333}.modal-copy{padding:60px 30px;align-self:center}.modal-copy h2{font-size:30px;line-height:1.3}.modal-copy p{font-size:14px}.close{position:absolute;top:10px;right:10px;width:42px;height:42px;background:var(--bg);border:1px solid #999;font-size:25px}.eyebrow{font-size:12px;color:var(--accent)}.text-link{color:var(--accent);border-bottom:1px solid #896378;font-size:14px}.text-link span{margin-left:14px}@media(max-width:700px){header,main,footer{padding-left:24px;padding-right:24px}header{padding-top:32px}nav{gap:12px 20px;margin-bottom:40px}.welcome{grid-template-columns:1fr;gap:25px;max-width:480px}.welcome figure{grid-row:1}.welcome img{max-height:400px;object-fit:cover}.gallery{grid-template-columns:repeat(2,1fr);gap:30px 16px}.work img{height:300px}.work-meta{display:block}.heading h1{padding-left:15px;padding-right:15px}.view{min-height:0}footer{margin-top:45px}.modal-layout{grid-template-columns:1fr}dialog img{height:48vh}.modal-copy{padding:20px 25px}.modal-copy h2{font-size:25px}}@media(max-width:400px){.work img{height:230px}.brand{font-size:28px;letter-spacing:.05em}.brand span{letter-spacing:.2em}.timeline>div{grid-template-columns:48px 1fr;gap:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Helmuts Farbvorgaben und Galerieansicht */
:root{--bg:#353739;--text:#A4A4A4;--bright:#A4A4A4;--accent:#A4A4A4;--red:#691103;--line:#646464;color-scheme:dark}
header{position:sticky;top:0;z-index:20;background:var(--bg);max-width:none;width:100%;padding:22px 24px 0;border-bottom:2px solid var(--red)}
.brand{display:inline-block}.brand .logo-crop{display:block;width:304px;height:65px;overflow:hidden;margin:0 auto;letter-spacing:normal}.logo-crop img{display:block;width:304px;height:90px;max-width:none}.brand .tagline{margin-top:5px;font-size:12px;letter-spacing:.26em;color:var(--text)}
nav{margin:20px 0 0;gap:0;padding-bottom:18px}nav a{padding:4px 18px;color:var(--text)}nav a[aria-current=page],.filters button[aria-pressed=true]{background:var(--red);color:#fff}
main{padding-top:38px}.heading{margin-bottom:28px}.heading h1{border:0;padding:0;margin:0;font-size:25px}.filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:38px}.filters button{border:0;background:none;padding:7px 20px;color:var(--text);font-size:14px}.filters button:hover{background:#5c4544}.gallery{align-items:start;gap:40px 28px}.work{text-align:center;align-self:start}.work-photo{background:none;overflow:visible}.work img{width:auto;height:auto;max-width:100%;max-height:370px;object-fit:initial;margin:0 auto;transform:none!important}.work-meta{display:block}.work h3{font-size:16px;text-align:center;margin-top:13px}.work[hidden]{display:none!important}.work:hover h3{text-decoration:underline;text-underline-offset:5px}.gallery-note{font-size:12px;text-align:center;margin:28px 0;color:var(--text)}
.underlink,.text-link{border-color:var(--red)}blockquote{border-color:var(--red)}.timeline time{color:var(--text)}.timeline-heading{max-width:680px;margin:45px auto 10px;font-size:21px;border-bottom:2px solid var(--red);padding-bottom:10px}
.modal-layout{grid-template-columns:1.2fr 1fr}.modal-copy{padding:55px 30px 35px}dialog img{background:none;height:auto;max-height:78vh;max-width:100%;width:auto;display:block;margin:auto}dialog{background:var(--bg)}.modal-image{display:flex;align-items:center;justify-content:center;padding:24px}.modal-copy h2{margin:8px 0 25px}.facts{font-size:14px}.facts div{padding:10px 0;border-bottom:1px solid var(--line)}.facts dt{font-weight:bold}.facts dd{margin:2px 0}.story{font-size:14px;margin:27px 0}.story h3{font-size:17px}.story p{line-height:1.7}.availability{font-size:13px}.map{max-width:740px;margin:35px auto 0}.map img{width:100%;height:auto;display:block}.map figcaption{font-size:12px;margin-top:10px;line-height:1.7}.map a{text-decoration:underline}.contact p{max-width:620px}
.cookie-banner{position:fixed;bottom:18px;left:18px;right:18px;max-width:760px;margin:auto;z-index:40;background:#A4A4A4;color:#262626;padding:23px 27px;box-shadow:0 8px 40px #0006;border-top:4px solid var(--red)}.cookie-banner[hidden]{display:none}.cookie-banner h2{color:#262626;font-size:19px;margin:0 0 8px}.cookie-banner p{font-size:14px;margin:0 0 16px}.cookie-actions{display:flex;gap:12px;flex-wrap:wrap}.cookie-actions button{border:1px solid var(--red);background:none;color:#691103;padding:8px 16px;font-size:14px}.cookie-actions .primary{background:var(--red);color:white}.cookie-more{margin-top:16px;font-size:13px}.cookie-more p{font-size:13px}.footer-button{border:0;background:none;padding:0;color:var(--text);font-size:12px;text-decoration:underline}.skip{z-index:60}
@media(max-width:700px){header{padding-top:14px}.brand .logo-crop{width:243px;height:52px}.logo-crop img{width:243px;height:72px}.brand .tagline{font-size:11px}nav{margin-top:13px;padding-bottom:12px}nav a{padding:5px 10px;font-size:13px}main{padding-top:28px}.gallery{gap:30px 20px}.work img{height:auto;max-height:300px}.filters{gap:0;margin-bottom:28px}.filters button{padding:7px 12px}.modal-layout{grid-template-columns:1fr}.modal-image{padding:42px 20px 0}dialog img{max-height:46vh}.modal-copy{padding:22px}.cookie-banner{left:10px;right:10px;bottom:10px;padding:18px}.contact address{font-size:15px}}
#process-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}#process-photos[hidden]{display:none}#process-photos figure{margin:0}#process-photos img{width:100%;height:auto;max-height:none}#process-photos figcaption{font-size:12px;margin-top:6px}
/* Original-Bildmarke und Namenszug ohne den eingebrannten Untertitel. */
.brand .logo-crop{position:relative;height:65px;overflow:hidden}
.logo-crop img{clip-path:polygon(0 0,100% 0,100% 50%,18% 50%,18% 100%,0 100%)}
.brand .logo-crop::after{content:"";position:absolute;left:18%;right:0;top:53px;border-top:1px solid #691103}
.brand .tagline{margin-top:5px;padding-left:45px;letter-spacing:.22em}
@media(max-width:700px){.brand .logo-crop{height:52px}.brand .logo-crop::after{top:42px}.brand .tagline{padding-left:36px}}

/* Bildzeichen plus gestochen scharfer, skalierbarer Schriftzug. */
header{border-bottom:0}
.brand{display:inline-flex;align-items:center;gap:5px;max-width:100%;line-height:1;text-align:left}
.brand .logo-symbol{display:block;flex:0 0 52px;width:52px;height:79px;margin:0;overflow:hidden;letter-spacing:normal}
.logo-symbol img{display:block;width:304px;height:90px;max-width:none;clip-path:polygon(0 0,17% 0,17% 62%,14.5% 62%,14.5% 87%,0 87%)}
.brand .logo-type{display:flex;flex-direction:column;align-items:center;gap:13px;margin:0;letter-spacing:normal;text-transform:none}
.brand .logo-name{display:block;margin:0;font-family:Georgia,'Times New Roman',serif;font-size:26px;font-weight:700;letter-spacing:-.02em;text-transform:uppercase;line-height:1.15;color:#e7e4e3}
.brand .logo-subtitle{display:block;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;letter-spacing:.06em;text-transform:none;line-height:1.4;color:#A4A4A4}
@media(max-width:700px){.brand{gap:3px}.brand .logo-name{font-size:22px}.brand .logo-subtitle{font-size:13px}.brand .logo-type{gap:11px}}
@media(max-width:380px){.brand .logo-name{font-size:19px}.brand .logo-subtitle{font-size:12px}}

/* Das vollständige Original trägt Bildzeichen, Originalschrift und rote Linie. */
.brand.original-brand{display:block;width:304px;max-width:100%;margin:0 auto;padding:0;line-height:0}
.original-logo{display:block;width:100%;height:auto;max-width:304px;clip-path:none;object-fit:contain}
@media(max-width:380px){.brand.original-brand{width:280px}}

/* Vita: Bereiche Vita / Ausstellungen / Presse */
.vita-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto 38px}.vita-tabs button{border:0;background:none;padding:8px 22px;color:var(--text);font-size:14px}.vita-tabs button:hover{background:#5c4544}.vita-tabs button[aria-selected=true]{background:var(--red);color:#fff}.vita-panel[hidden]{display:none!important}.press-empty{text-align:center;font-size:14px;margin:50px 0}.press-grid{max-width:760px;margin:0 auto;display:grid;gap:28px}.press-card{display:grid;grid-template-columns:220px 1fr;gap:26px;padding-bottom:28px;border-bottom:1px solid var(--line);align-items:start}.press-card:last-child{border-bottom:0}.press-preview{display:flex;align-items:center;justify-content:center;min-height:180px;background:#2d2f31;overflow:hidden}.press-preview img{display:block;width:100%;height:220px;object-fit:contain}.press-pdf{border:1px solid var(--line)}.press-pdf span{font:30px Georgia,serif;color:#fff;border:2px solid var(--red);padding:18px 14px}.press-copy h2{font:23px/1.35 Georgia,serif;margin:7px 0 12px;color:var(--bright)}.press-copy p{font-size:14px;line-height:1.7;margin:0 0 12px}.press-meta{display:flex;gap:13px;flex-wrap:wrap;font-size:12px;color:#bbb}.press-meta time,.press-meta span{display:inline-block}.press-meta span:before{content:'·';margin-right:13px}.press-copy .underlink{margin-top:4px}@media(max-width:700px){.vita-tabs{gap:0;margin-bottom:28px}.vita-tabs button{padding:7px 12px}.press-card{grid-template-columns:1fr;gap:16px}.press-preview{min-height:0}.press-preview img{height:auto;max-height:420px}.press-pdf{min-height:150px}}

/* Werkdetail: Hauptbild bei langen Entstehungsgeschichten oben halten */
@media (min-width:701px){
  #work-dialog .modal-layout{align-items:start}
  #work-dialog .modal-image{
    align-items:flex-start;
    align-self:start;
    position:sticky;
    top:0;
  }
  #work-dialog .modal-copy{align-self:start}
}

/* Werkdetail: optisch gleicher Rand oben und links beim Hauptbild */
@media (min-width:701px){
  #work-dialog .modal-image{padding-top:35px}
}


/* Werkdetail: weicher Bildwechsel beim Hover über Zusatzbilder */
#work-dialog #detail-image{
  opacity:1;
  transition:opacity 170ms ease-in-out;
}
#work-dialog #detail-image.is-switching{opacity:0}
@media(prefers-reduced-motion:reduce){
  #work-dialog #detail-image{transition:none!important}
}


/* Impressum */
.imprint-page{max-width:760px;margin:0 auto;padding:45px 36px 70px}
.imprint-page .back-link{display:inline-block;margin-bottom:34px;color:var(--text);text-decoration:underline;text-underline-offset:4px}
.imprint-page h1{font-size:26px;text-align:center;margin:0 0 42px;color:var(--bright)}
.imprint-page h2{font-size:18px;margin:32px 0 10px;color:var(--bright)}
.imprint-page p{margin:0 0 16px}
.imprint-page .imprint-address,.imprint-page .imprint-additional{white-space:pre-line}
.imprint-page .imprint-box{border-top:1px solid var(--line);padding-top:24px}
footer .small a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.imprint-page{padding:32px 24px 55px}}