.site[data-l][data-v=studio]{--f-disp:"Onest Variable", ui-sans-serif, system-ui, sans-serif;--f-body:"Onest Variable", ui-sans-serif, system-ui, sans-serif;--f-akzent:"Cormorant Garamond Variable", "Playfair Display Variable", Georgia, serif;--st-grund:#fbf7f4;--st-sand:#f4ece7;--st-akzent:var(--zweit,#9a6352);--st-knopf:var(--st-logo,var(--st-akzent));--st-knopf-ink:var(--st-logo-ink,#fff);--st-knopf-hover:var(--st-logo-tief,color-mix(in srgb, var(--st-akzent) 78%, #2f2420));--st-rose:#f5e6e1;--st-ic-grund:var(--st-logo,var(--st-rose));--st-ic:var(--st-logo-tief,var(--st-akzent));--st-tinte:#2f2420;--st-text:#6a5a54;--st-schatten:0 18px 40px -26px #4a2c2273;--bg:var(--st-grund);--bg2:var(--st-sand);--ink:var(--st-tinte);--muted:#7d6c66;--line:#ebe0da;--card:#fff;--dark:#2e221e;--on-dark:#f7efea;--on-dark-muted:#c9b6ad;--mbar-bg:#fffcfae0;--mbar-btn:#f4ece7;--ph:linear-gradient(158deg, #f1dcd5 0%, #c79c8d 100%);background:var(--st-grund);color:var(--st-text);--a:var(--st-akzent)!important;--a-deep:color-mix(in srgb, var(--st-akzent) 78%, #2f2420)!important;--a-ink:#fff!important;--a-text:color-mix(in srgb, var(--st-akzent) 88%, #2f2420)!important;--a-soft:var(--st-rose)!important}.site[data-v=studio] :is(.h1,.h2,.hero-title,.st-titel){color:var(--st-tinte)}.site[data-v=studio] .cta-band :is(.h1,.h2,.h3,.hero-title){color:#fff}.site[data-v=studio] .cta-band .btn-primary{color:var(--st-tinte);box-shadow:none;background:#fff}.site[data-v=studio] .cta-band .btn-primary:hover{background:var(--st-tinte);color:#fff}.site[data-v=studio] :is(.h1,.h2,.hero-title,.st-titel){font-family:var(--f-disp);letter-spacing:-.035em;font-weight:700}.site[data-v=studio] .btn-primary{background:var(--st-knopf);color:var(--st-knopf-ink);box-shadow:0 10px 24px -14px color-mix(in srgb, var(--st-akzent) 70%, transparent)}.site[data-v=studio] .btn-primary:hover{background:var(--st-knopf-hover);color:#fff}.site[data-v=studio] .hd-in{background:#ffffffdb;border-color:#4a2c2214}.site[data-v=studio] .st-held{background:radial-gradient(60% 70% at 18% 30%, #fff 0%, transparent 70%), linear-gradient(180deg, var(--st-grund) 0%, #f6ede8 100%);padding-block:clamp(20px,3cqi,40px) clamp(40px,5cqi,72px);position:relative;overflow:hidden}.site[data-v=studio] .st-held-gitter{gap:18px;display:grid;position:relative}.site[data-v=studio] .st-kicker{background:var(--st-rose);color:var(--a-text);font:600 .72rem/1.2 var(--f-body);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;margin:0 0 18px;padding:7px 14px;display:inline-block}.site[data-v=studio] .st-titel{text-wrap:balance;margin:0;font-size:clamp(2.6rem,6.2cqi,5rem);line-height:.98}.site[data-v=studio] .st-titel span{display:block}.site[data-v=studio] .st-titel em{font-family:var(--f-akzent);letter-spacing:-.01em;color:var(--st-akzent);font-style:italic;font-weight:500;line-height:1.05;display:block}.site[data-v=studio] .st-text{max-width:46ch;color:var(--st-text);margin:0;font-size:1.06rem;line-height:1.6}.site[data-v=studio] .st-knoepfe{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.site[data-v=studio] .st-knoepfe .btn{border-radius:12px}.site[data-v=studio] .st-knopf-hell{color:var(--st-tinte);box-shadow:var(--st-schatten), inset 0 0 0 1px #4a2c2214;background:#fff}.site[data-v=studio] .st-knopf-hell:hover{background:var(--st-rose)}.site[data-v=studio] .st-haken{color:var(--st-tinte);flex-wrap:wrap;gap:8px 22px;margin:24px 0 0;padding:0;font-size:.86rem;font-weight:500;list-style:none;display:flex}.site[data-v=studio] .st-haken li{align-items:center;gap:7px;display:inline-flex}.site[data-v=studio] .st-haken .ic{width:15px;height:15px;color:var(--st-akzent)}.site[data-v=studio] .st-held-bild{margin-inline:calc(var(--gut) * -1);aspect-ratio:4/4.4;max-height:72svh;overflow:hidden}.site[data-v=studio] .st-held-bild :is(.ph,.ph-in,.ph-img){height:100%}.site[data-v=studio] .st-held-bild :is(img,video){object-fit:cover;width:100%;height:100%}@container site (width>=960px){.site[data-v=studio] .st-held{padding-block:clamp(56px,6cqi,96px) 0}.site[data-v=studio] .st-held-gitter{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);grid-template-areas:"kopf.""rest.";align-content:start;gap:22px;min-height:clamp(520px,46cqi,660px)}.site[data-v=studio] .st-held-kopf{z-index:2;grid-area:kopf;position:relative}.site[data-v=studio] .st-held-rest{z-index:2;grid-area:rest;position:relative}.site[data-v=studio] .st-held-bild{aspect-ratio:auto;z-index:1;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;max-height:none;margin:0;position:absolute;inset:calc(-1*clamp(56px,6cqi,96px)) calc(50% - 50cqi) -160px 44%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000008c 18%,#000 42%),linear-gradient(#000 66%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#0000008c 18%,#000 42%),linear-gradient(#000 66%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}}.site[data-v=studio] .st-karten-rahmen{z-index:3;margin-top:clamp(28px,4cqi,44px);position:relative}.site[data-v=studio] .st-karten{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:16px;margin:0;padding:4px 2px 18px;list-style:none;display:grid}.site[data-v=studio] .st-karten-wisch{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:calc(24.0964% - 11.5663px);overflow-x:auto}.site[data-v=studio] .st-karten::-webkit-scrollbar{display:none}.site[data-v=studio] .st-karten li{scroll-snap-align:start;min-width:0}.site[data-v=studio] .st-karte{height:100%;color:var(--st-text);box-shadow:var(--st-schatten), 0 0 0 1px #4a2c220d;background:#fff;border-radius:18px;flex-direction:column;gap:6px;padding:20px 20px 22px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex}.site[data-v=studio] .st-karte:hover{transform:translateY(-3px);box-shadow:0 24px 46px -26px #4a2c228c,0 0 0 1px #4a2c220f}.site[data-v=studio] .st-karte-ic{background:var(--st-ic-grund);width:40px;height:40px;color:var(--st-ic);border-radius:12px;place-items:center;margin-bottom:8px;display:grid}.site[data-v=studio] .st-karte-ic .ic{width:21px;height:21px}.site[data-v=studio] .st-karte b{color:var(--st-tinte);text-wrap:balance;font-size:.98rem;font-weight:650;line-height:1.25}.site[data-v=studio] .st-karte span:last-child{font-size:.84rem;line-height:1.45}@container site (width<=959px){.site[data-v=studio] .st-karten,.site[data-v=studio] .st-karten-wisch{scroll-snap-type:x mandatory;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);scroll-padding-inline:var(--gut);grid-auto-columns:74%;overflow-x:auto}}@container site (width>=960px){.site[data-v=studio] .st-karten-rahmen{margin-top:clamp(-90px,-6cqi,-56px)}}.site[data-v=studio] .st-ueber{background:#fff}.site[data-v=studio] .st-ueber-seite{background:0 0}.site[data-v=studio] .st-ueber-gitter{align-items:center;gap:clamp(28px,5cqi,72px);display:grid}@container site (width>=860px){.site[data-v=studio] .st-ueber-gitter{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}}.site[data-v=studio] .st-ueber-foto{justify-self:center;width:100%;max-width:440px;position:relative}.site[data-v=studio] .st-ueber-foto .ph{aspect-ratio:4/5;box-shadow:var(--st-schatten);border-radius:200px 200px 22px 22px;overflow:hidden}.site[data-v=studio] .st-ueber-foto :is(.ph-in,.ph-img){height:100%}.site[data-v=studio] .st-ueber-foto img{object-fit:cover;width:100%;height:100%}.site[data-v=studio] .st-seit{box-shadow:var(--st-schatten);color:var(--st-tinte);font-family:var(--f-akzent);background:#fff;border-radius:14px;padding:12px 18px;font-size:1.35rem;font-style:italic;font-weight:600;position:absolute;bottom:26px;left:-10px}.site[data-v=studio] .st-ueber-text{gap:14px;max-width:60ch;display:grid}.site[data-v=studio] .st-ueber-text p{margin:0;line-height:1.7}.site[data-v=studio] .st-ueber-text .text-link{color:var(--a-text);justify-self:start}.site[data-v=studio] .st-fotos{padding-top:0}.site[data-v=studio] .st-fotoreihe{margin:0 calc(var(--gut) * -1);padding:4px var(--gut) 12px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);overscroll-behavior-x:contain;scrollbar-width:none;gap:14px;list-style:none;display:flex;overflow-x:auto}.site[data-v=studio] .st-fotoreihe::-webkit-scrollbar{display:none}.site[data-v=studio] .st-fotoreihe>li{scroll-snap-align:start;flex:0 0 72%;min-width:0}@container site (width>=700px){.site[data-v=studio] .st-fotoreihe>li{flex-basis:40%}}@container site (width>=1100px){.site[data-v=studio] .st-fotoreihe>li{flex-basis:28%}}.site[data-v=studio] .st-fotoreihe:focus-visible{outline:2px solid var(--st-akzent);outline-offset:4px}.site[data-v=studio] .st-wisch{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.site[data-v=studio] .st-wisch-knoepfe{gap:8px;display:flex}.site[data-v=studio] .st-wisch-knoepfe button{width:44px;height:44px;color:var(--st-tinte);box-shadow:var(--st-schatten), 0 0 0 1px #4a2c2214;cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;display:grid}.site[data-v=studio] .st-wisch-knoepfe button:hover{background:var(--st-rose)}.site[data-v=studio] .st-wisch-knoepfe .ic{width:18px;height:18px}.site[data-v=studio] .st-fotoreihe .ph{aspect-ratio:4/5;border-radius:18px;overflow:hidden}.site[data-v=studio] .st-fotoreihe :is(.ph-in,.ph-img){height:100%}.site[data-v=studio] .st-fotoreihe img{object-fit:cover;width:100%;height:100%}.site[data-v=studio] .gal.gal-karussell>.gal-vid{flex-basis:46cqw}@container site (width>=700px){.site[data-v=studio] .gal.gal-karussell>.gal-vid{flex-basis:calc(33.3333cqw - 8px)}}@container site (width>=1100px){.site[data-v=studio] .gal.gal-karussell>.gal-vid{flex-basis:calc(20cqw - 9.6px)}}.site[data-v=studio] .why-list,.site[data-v=studio] .why-list.n-2,.site[data-v=studio] .why-list.n-3,.site[data-v=studio] .why-list.n-4{gap:16px}.site[data-v=studio] .why,.site[data-v=studio] .why+.why,.site[data-v=studio] .why-list.n-4 .why:nth-child(n){background:#fff;border:0;border-radius:18px;margin:0;padding:24px 22px 26px;box-shadow:0 0 0 1px #4a2c220f}.site[data-v=studio] .why-ic{background:var(--st-ic-grund);width:46px;height:46px;color:var(--st-ic);border-radius:14px;margin-bottom:6px}.site[data-v=studio] .why-ic .ic{width:23px;height:23px}.site[data-v=studio] .why-t{color:var(--st-tinte);font-size:1.08rem}.site[data-v=studio] .sub-hero{background:linear-gradient(180deg, var(--st-grund) 0%, #f6ede8 100%)}@media (prefers-reduced-motion:reduce){.site[data-v=studio] .st-karte{transition:none}}.site[data-v=studio] :is(.sub-ic,.chk,.anf-opt-ic){background:var(--st-ic-grund);color:var(--st-ic)}.site[data-v=studio] .ft{--on-dark:#fff;--on-dark-muted:#fbf1ee;background:#8a6b65}.site[data-v=studio] .ft a:hover{color:var(--st-logo,#fff)}
