/* ————— Schriften: selbst gehostet —————
   Cormorant Garamond, Karla und Caveat liegen unter /assets/fonts/ und
   werden nicht mehr von fonts.googleapis.com geladen. Damit geht beim
   Seitenaufruf keine IP-Adresse mehr an Google (vgl. LG Muenchen I,
   20.01.2022, 3 O 17493/20). Beschraenkt auf die Subsets latin und
   latin-ext; wer die Schriften austauscht, muss den Datenschutztext
   pruefen. */
@font-face{font-family:'Caveat';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/caveat-400-normal-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/caveat-400-normal-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Caveat';font-style:normal;font-weight:500;font-display:swap;
  src:url('/assets/fonts/caveat-500-normal-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Caveat';font-style:normal;font-weight:500;font-display:swap;
  src:url('/assets/fonts/caveat-500-normal-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;
  src:url('/assets/fonts/caveat-600-normal-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;
  src:url('/assets/fonts/caveat-600-normal-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;
  src:url('/assets/fonts/cormorant-garamond-400-italic-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;
  src:url('/assets/fonts/cormorant-garamond-400-italic-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;
  src:url('/assets/fonts/cormorant-garamond-500-italic-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;
  src:url('/assets/fonts/cormorant-garamond-500-italic-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/cormorant-garamond-400-normal-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/cormorant-garamond-400-normal-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;
  src:url('/assets/fonts/cormorant-garamond-500-normal-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;
  src:url('/assets/fonts/cormorant-garamond-500-normal-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;
  src:url('/assets/fonts/cormorant-garamond-600-normal-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;
  src:url('/assets/fonts/cormorant-garamond-600-normal-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Karla';font-style:italic;font-weight:400;font-display:swap;
  src:url('/assets/fonts/karla-400-italic-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Karla';font-style:italic;font-weight:400;font-display:swap;
  src:url('/assets/fonts/karla-400-italic-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Karla';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/karla-400-normal-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Karla';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/karla-400-normal-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Karla';font-style:normal;font-weight:500;font-display:swap;
  src:url('/assets/fonts/karla-500-normal-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Karla';font-style:normal;font-weight:500;font-display:swap;
  src:url('/assets/fonts/karla-500-normal-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Karla';font-style:normal;font-weight:700;font-display:swap;
  src:url('/assets/fonts/karla-700-normal-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Karla';font-style:normal;font-weight:700;font-display:swap;
  src:url('/assets/fonts/karla-700-normal-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{--akzent:#BC5F3B;--akzent-tief:#A84F2E;--sand:#E9CD9A;--terra:#BC5F3B;--terra-h:#A84F2E;--zinn:#A63A2E;--wein:#7C2E3B;--lein:#FBF8F2;--wand:#F6F3EE;--nebel:#E9E3D9;--stein:#A79E90;--umbra:#6B6257;--tinte:#2E2A25;--tint-warm:#F4E4D2;--border-strong:#D6CDBE;--sh:0 10px 30px rgba(46,42,37,.10);--sh-lift:0 18px 50px rgba(46,42,37,.16)}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--wand)}
body{font-family:'Karla','Helvetica Neue',sans-serif;color:var(--tinte);-webkit-font-smoothing:antialiased}
body::after{content:"";position:fixed;inset:0;z-index:400;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}
/* Die width- und height-Attribute an den Bildern reservieren den Platz, damit
   beim Laden nichts springt. Im Browser wirken sie aber wie CSS-Angaben: ohne
   height:auto wird ein Bild, dessen Breite das CSS bestimmt, auf die volle
   Pixelhoehe gestreckt. Das haelt das Seitenverhaeltnis an der Breite fest. */
img{height:auto}
a{color:var(--akzent);text-decoration:none}a:hover{color:var(--akzent-tief);text-decoration:underline}
::selection{background:var(--tint-warm)}
h1,h2,h3,.serif{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}
.hand{font-family:'Caveat',cursive;color:var(--stein)}
.label{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--stein)}
.hdr{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;pointer-events:none}
.wordmark{pointer-events:auto;font-family:'Cormorant Garamond',serif;font-size:23px;color:var(--tinte);text-decoration:none}
.wordmark:hover{color:var(--tinte);text-decoration:none}
.menu-btn{pointer-events:auto;cursor:pointer;border:1px solid var(--tinte);background:rgba(251,248,242,.85);backdrop-filter:blur(6px);border-radius:999px;padding:9px 20px;font-family:'Karla',sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinte)}
.menu-btn:hover{background:var(--tinte);color:var(--lein)}
.menu-btn:active{transform:scale(.98)}
@keyframes menuIn{from{opacity:0}to{opacity:1}}
.menu{position:fixed;inset:0;z-index:50;background:var(--lein);overflow:auto;display:none}
.menu.open{display:block;animation:menuIn .4s ease-out}
.menu-inner{max-width:1100px;margin:0 auto;padding:130px 40px 60px;display:flex;gap:70px;flex-wrap:wrap;align-items:flex-start}
.menu-nav{flex:1 1 420px;display:flex;flex-direction:column;gap:6px}
.menu-row{display:flex;align-items:baseline;gap:18px}
.menu-link{font-family:'Cormorant Garamond',serif;font-size:52px;line-height:1.25;color:var(--tinte);text-decoration:none}
.menu-link:hover{color:var(--terra);font-style:italic;text-decoration:none}
.menu-row-sub{margin:-4px 0 4px 40px}
.menu-sub{display:inline-flex;align-items:baseline;gap:14px;flex-wrap:wrap;font-family:'Cormorant Garamond',serif;font-size:27px;line-height:1.3;color:var(--umbra);text-decoration:none}
.menu-sub::before{content:"\21B3";font-family:'Karla',sans-serif;font-size:16px;color:var(--stein);margin-right:-4px}
.menu-sub:hover{color:var(--terra);font-style:italic;text-decoration:none}
.menu-sub:hover::before{color:var(--terra)}
.menu-note{font-family:'Karla',sans-serif;font-size:12px;font-style:normal;letter-spacing:.04em;color:var(--stein)}
.menu-serie{margin-top:38px;display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border:1px solid var(--nebel);border-radius:8px;max-width:420px;text-decoration:none}
.menu-serie:hover{transform:translateY(-2px);text-decoration:none}
.menu-side{flex:0 1 300px;display:flex;flex-direction:column;gap:24px;padding-top:12px}
.polaroid{display:block;box-shadow:var(--sh)}
/* ————— Instagram: Polaroid statt Cookie-Hinweis —————
   Die Fläche steht dort, wo sonst der Embed stünde, und sieht aus wie die
   Polaroids im Menü: heller Karton, unten der breite Rand mit Handschrift.
   Erst der Klick darauf laedt Metas embed.js (siehe instagram.js). */
.ig-lade{max-width:540px}
.ig-lade-btn{display:block;width:100%;padding:14px 14px 8px;border:0;border-radius:2px;
  background:var(--lein);box-shadow:var(--sh);cursor:pointer;text-align:center;
  transform:rotate(-1.2deg);transition:transform .3s ease,box-shadow .3s ease}
.ig-lade-btn:hover,.ig-lade-btn:focus-visible{transform:rotate(0);box-shadow:var(--sh-lift)}
.ig-lade-btn:focus-visible{outline:2px solid var(--terra);outline-offset:5px}
.ig-lade-btn:active{transform:rotate(0) scale(.99)}
.ig-lade-bild{position:relative;display:block;aspect-ratio:4/5;background:var(--wand)}
.ig-lade-bild::before{content:'';position:absolute;top:50%;left:50%;width:58px;height:58px;
  margin:-29px 0 0 -29px;border:1px solid var(--terra);border-radius:50%}
.ig-lade-bild::after{content:'';position:absolute;top:50%;left:50%;
  margin:-9px 0 0 -5px;border-left:15px solid var(--terra);
  border-top:9px solid transparent;border-bottom:9px solid transparent}
.ig-lade-hand{display:block;padding:14px 10px 10px;font-size:21px;line-height:1.3;
  color:var(--umbra);text-wrap:pretty}
.ig-lade-fuss{margin:18px 0 0;font-size:12.5px;line-height:1.6;color:var(--stein);max-width:44ch}
.ig-lade-fuss a{color:var(--umbra);text-decoration:underline}
.ig-lade-fuss a:hover{color:var(--tinte)}
.ig-lade--offen{max-width:540px}
@media(prefers-reduced-motion:reduce){
  .ig-lade-btn{transform:none;transition:none}
  .ig-lade-btn:hover,.ig-lade-btn:focus-visible,.ig-lade-btn:active{transform:none}
}
.btn{display:inline-block;cursor:pointer;border:1px solid var(--tinte);background:transparent;color:var(--tinte);border-radius:999px;padding:13px 26px;font-family:'Karla',sans-serif;font-size:13px;font-weight:700;letter-spacing:.06em;text-decoration:none}
.btn:hover{background:var(--tinte);color:var(--lein);text-decoration:none}
.btn:active{transform:scale(.98)}
.btn-fill{background:var(--akzent);border-color:var(--akzent);color:var(--lein)}
.btn-fill:hover{background:var(--akzent-tief);border-color:var(--akzent-tief);color:var(--lein)}
.quiet{font-size:14px;font-weight:500;color:var(--akzent)}
.quiet:hover{text-decoration:underline}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.narrow{max-width:820px;margin:0 auto;padding:0 40px}
.lead{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:21px;line-height:1.5;color:var(--umbra)}
.meta{font-size:13px;color:var(--stein)}
.tag-sold{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wein);border:1px solid var(--wein);border-radius:999px;padding:3px 10px}
.tag-avail{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#47563B;background:#ECEEDC;border-radius:999px;padding:3px 10px}
.tag-show{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--terra);background:var(--tint-warm);border-radius:999px;padding:3px 10px}
.art-zoom{cursor:zoom-in}
.zoom-lb{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(46,42,37,.78);cursor:zoom-out}
.zoom-lb.open{display:flex}
.zoom-lb img{max-width:min(92vw,1100px);max-height:90vh;box-shadow:var(--sh-lift);cursor:zoom-out}
.zoom-lb button{position:absolute;top:22px;right:28px;border:1px solid var(--lein);background:transparent;color:var(--lein);border-radius:999px;padding:8px 16px;font:700 11px/1 'Karla',sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.legal{font-size:15px;line-height:1.8}
.legal h2{font-size:22px;margin:36px 0 12px}
.legal p,.legal ul{margin:0 0 16px}
.legal ul{padding-left:1.15em}
/* Amtliche Widerrufsbelehrung: als eigener Block abgesetzt, damit erkennbar
   ist, wo der Mustertext anfaengt und aufhoert. Die Gesetzlichkeitsfiktion
   haengt daran, dass das Muster unveraendert wiedergegeben wird - hier also
   bitte nichts umformulieren. */
.muster{margin:40px 0 0;padding:30px 32px 26px;background:var(--lein);border:1px solid var(--nebel);border-radius:10px}
.muster-kopf{margin:0 0 22px!important;padding-bottom:12px;border-bottom:1px solid var(--nebel);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--stein)}
.legal .muster h3{margin:26px 0 10px;font-size:17px;line-height:1.3;color:var(--tinte)}
.legal .muster h3:first-of-type{margin-top:0}
.legal .muster p{font-size:14px;line-height:1.75;color:var(--umbra)}
.legal .muster p:last-child{margin-bottom:0}
.legal ul.formular{margin:0 0 16px;padding-left:0;list-style:none;font-size:14px;line-height:1.75;color:var(--umbra)}
.legal ul.formular li{padding:9px 0 9px 16px;border-left:2px solid var(--nebel)}
@media(max-width:560px){.muster{padding:24px 20px 20px}}
.err-hero .hero-c{pointer-events:auto;gap:18px}
/* ————— Shop: Preise, Kaufblock ————— */
.gal-preis{font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--tinte)}
.kauf{margin-top:34px;padding:26px 28px;background:var(--lein);box-shadow:var(--sh);border-radius:10px}
.kauf-kopf{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.kauf-preis{font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;line-height:1;color:var(--tinte)}
.kauf-satz{margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--umbra)}
.kauf-aktion{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:22px}
.kauf-fuss{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--nebel);font-size:12.5px;line-height:1.65;color:var(--stein)}
.kauf-fuss[data-weg]{color:var(--umbra)}
.kauf-fuss a{color:var(--umbra);text-decoration:underline}
.kauf-fuss a:hover{color:var(--tinte)}
@media (max-width:720px){.kauf{padding:22px 20px}.kauf-aktion .btn{width:100%;text-align:center}}

.foot{margin-top:150px;background:var(--lein);border-top:1px solid var(--nebel)}
.foot-inner{max-width:1200px;margin:0 auto;padding:80px 40px 40px}
.foot-top{display:flex;gap:60px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
.foot-nav{display:flex;flex-direction:column;gap:10px;font-size:14px}
.foot-nav a{color:var(--tinte)}.foot-nav a:hover{color:var(--terra);text-decoration:none}
.foot-base{display:flex;gap:24px;flex-wrap:wrap;align-items:baseline;justify-content:space-between;margin-top:70px;padding-top:24px;border-top:1px solid var(--nebel)}
.foot-legal a{color:var(--stein);font-size:12.5px}.foot-legal a:hover{color:var(--tinte);text-decoration:none}
.filter{display:flex;gap:30px 46px;flex-wrap:wrap;align-items:flex-start;margin-bottom:70px;padding-bottom:28px;border-bottom:1px solid var(--nebel)}
.filter-gruppe{display:flex;flex-direction:column;gap:12px}
.filter-sort{margin-left:auto}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--border-strong);background:transparent;color:var(--umbra);border-radius:999px;padding:8px 15px;font:500 13px/1 'Karla',sans-serif}
.chip:hover{border-color:var(--tinte);color:var(--tinte)}
.chip[aria-pressed="true"]{background:var(--tinte);border-color:var(--tinte);color:var(--lein)}
.chip .punkt{width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(46,42,37,.2)}
.filter-status{flex:1 0 100%;margin:0;font-size:13px;color:var(--stein)}
.gal-leer{margin:0;font-size:16px;color:var(--umbra)}
.gal-leer .quiet{border:0;background:none;padding:0;cursor:pointer;font:500 14px/1 'Karla',sans-serif;text-decoration:underline}
.gal{display:grid;grid-template-columns:1fr;gap:70px}
@media (min-width:900px){.gal{grid-template-columns:1fr 1fr;gap:88px 56px;align-items:start}.gal-item.versetzt{margin-top:110px}}
.gal-item{display:block;text-decoration:none;color:var(--tinte);transition:transform .5s ease-out}
.gal-item[hidden]{display:none}
.gal-item:hover{transform:translateY(-4px);text-decoration:none;color:var(--tinte)}
.gal-item img{width:100%;display:block;box-shadow:var(--sh)}
.gal-cap{display:flex;align-items:baseline;gap:14px;margin-top:16px;flex-wrap:wrap}
.gal-title{font-family:'Cormorant Garamond',serif;font-size:23px}
farb-feld{display:block;height:100%}
.hero{position:relative;height:100vh;min-height:640px;overflow:hidden}
.hero-bg{position:absolute;inset:0}
.hero-c{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 24px;pointer-events:none}
.dark-card{display:flex;gap:50px;align-items:center;flex-wrap:wrap;background:var(--tinte);border-radius:10px;padding:64px 60px;text-decoration:none;transition:transform .5s ease-out}
.dark-card:hover{transform:translateY(-3px);text-decoration:none}
.warm-card{background:var(--tint-warm);border-radius:10px;padding:64px 60px;display:flex;gap:50px;align-items:center;flex-wrap:wrap;text-decoration:none;color:var(--tinte);transition:transform .5s ease-out}
.warm-card:hover{transform:translateY(-3px);text-decoration:none;color:var(--tinte)}
.note-card{background:var(--lein);box-shadow:var(--sh);padding:26px 28px}
.mrow{display:grid;grid-template-columns:90px 1fr;gap:10px 18px;font-size:14.5px;line-height:1.5;border-top:1px solid var(--nebel);padding-top:22px}
.mlabel{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--stein);padding-top:2px}

/* Werkseite: Bühne, Lupe, Tiefenzoom */
.werk-buehne{flex:1.3 1 440px;min-width:0;display:flex;flex-direction:column;gap:20px}
.werk-rahmen{position:relative;isolation:isolate;margin:0;background:#EFEAE2;padding:70px 60px;display:flex;justify-content:center;align-items:flex-start;touch-action:manipulation}
.werk-bild{max-width:100%;max-height:76vh;width:auto;height:auto;display:block;box-shadow:var(--sh-lift)}  /* width und height auf auto, damit max-height das Bild passend verkleinert statt es zu stauchen: sonst behaelt es die Attributbreite und verliert das Seitenverhaeltnis der Leinwand */
.werk-rahmen.lupe-an .werk-bild{cursor:none}
.lupe{position:absolute;z-index:3;top:0;left:0;width:250px;height:250px;border-radius:50%;pointer-events:none;opacity:0;isolation:isolate;background-repeat:no-repeat;box-shadow:0 18px 44px rgba(46,42,37,.42),0 0 0 3px rgba(251,248,242,.9),inset 0 0 26px rgba(46,42,37,.18);transition:opacity .22s ease-out}
.werk-rahmen.lupe-an .lupe{opacity:1}
.werk-buehne.tippen .lupe,.werk-buehne.tippen .lupe-schalter{display:none}
.werk-leiste{display:flex;gap:14px 22px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.werk-leiste .meta{max-width:340px}
.lupe-schalter{display:inline-flex;align-items:center;gap:9px;cursor:pointer;border:1px solid var(--border-strong);background:transparent;color:var(--umbra);border-radius:999px;padding:8px 16px;font:500 13px/1 'Karla',sans-serif}
.lupe-schalter:hover{border-color:var(--tinte);color:var(--tinte)}
.lupe-schalter[aria-pressed="true"]{background:var(--tinte);border-color:var(--tinte);color:var(--lein)}


.tiefzoom{position:fixed;inset:0;z-index:90;display:none;background:rgba(30,27,23,.94);touch-action:none;overscroll-behavior:contain}
.tiefzoom.offen{display:block}
.tiefzoom-flaeche{position:absolute;inset:0;overflow:hidden;cursor:grab}
.tiefzoom-flaeche.zieht{cursor:grabbing}
.tiefzoom-buehne{position:absolute;top:50%;left:50%;line-height:0;isolation:isolate;will-change:transform}
.tiefzoom-buehne img{display:block;max-width:none;user-select:none;-webkit-user-drag:none}
.tiefzoom-leiste{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;max-width:min(92vw,620px);padding:10px 14px;border-radius:999px;background:rgba(251,248,242,.93);backdrop-filter:blur(8px);box-shadow:var(--sh)}
.tiefzoom-leiste button{cursor:pointer;border:1px solid var(--border-strong);background:transparent;color:var(--tinte);border-radius:999px;padding:7px 14px;font:700 11.5px/1 'Karla',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.tiefzoom-leiste button:hover{background:var(--tinte);color:var(--lein);border-color:var(--tinte)}
.tiefzoom-stufe{min-width:52px;text-align:center;font:500 13px/1 'Karla',sans-serif;color:var(--umbra)}
.tiefzoom-kopf{position:absolute;top:22px;left:50%;transform:translateX(-50%);z-index:4;max-width:92vw;text-align:center;color:var(--lein);font-family:'Cormorant Garamond',serif;font-size:19px}
.tiefzoom-hinweis{display:block;margin-top:4px;font-family:'Karla',sans-serif;font-size:12.5px;color:var(--border-strong)}
@media (max-width:720px){.werk-rahmen{padding:34px 26px}.tiefzoom-leiste{bottom:16px;gap:8px}}

/* Atelier-Feed */
.fd-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:60px 44px;margin-top:44px}
.fd-reihe{display:flex;gap:34px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px;margin-top:34px;scrollbar-width:thin}
.fd-reihe .fd-karte{flex:0 0 268px;scroll-snap-align:start}
.fd-karte[hidden]{display:none}
.fd-bild{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;line-height:0}
.fd-bild img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;box-shadow:var(--sh);transition:transform .5s ease-out}
.fd-bild:hover img{transform:translateY(-4px)}
.fd-text{margin-top:16px}
.fd-kopf{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.fd-rubrik{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--akzent)}
.fd-text p{margin:0 0 12px;font-size:14.5px;line-height:1.65;color:var(--umbra);text-wrap:pretty}
.fd-lb{position:fixed;inset:0;z-index:85;display:none;align-items:center;justify-content:center;padding:34px 24px;background:rgba(46,42,37,.82)}
.fd-lb.offen{display:flex}
.fd-lb-inner{display:flex;gap:34px;align-items:flex-start;flex-wrap:wrap;max-width:min(94vw,980px);max-height:88vh;overflow:auto;background:var(--lein);border-radius:10px;padding:26px}
.fd-lb-inner img{flex:1 1 340px;min-width:0;max-height:74vh;object-fit:contain;display:block}
.fd-lb-text{flex:1 1 260px;max-width:340px}
.fd-lb-text p{margin:0;font-size:15.5px;line-height:1.7;color:var(--umbra);text-wrap:pretty}
.fd-lb-zu{position:absolute;top:22px;right:26px;border:1px solid var(--lein);background:transparent;color:var(--lein);border-radius:999px;padding:8px 16px;font:700 11px/1 'Karla',sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.fd-lb-zu:hover{background:var(--lein);color:var(--tinte)}
@media (max-width:720px){.menu-link{font-size:38px}.menu-sub{font-size:22px;gap:4px}.menu-row-sub{margin:-2px 0 10px 26px}.menu-note{width:100%;padding-left:22px}.hero h1{font-size:46px}}