.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-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, var(--st-ph-a,#f1dcd5) 0%, var(--st-ph-b,#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-titel,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%, var(--st-verlauf,#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%, var(--st-verlauf,#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,.sp-ic){background:var(--st-ic-grund);color:var(--st-ic)}.site[data-v=studio] .ft{--on-dark:#fff;--on-dark-muted:#fbf1ee;background:var(--st-fuss,#8a6b65)}.site[data-v=studio] .ft a:hover{color:var(--st-logo,#fff)}.site[data-v=studio] .logo-kachel img{mix-blend-mode:multiply}@container site (width<=959px){.site[data-v=studio] .st-held--video .st-held-gitter{padding-block:28px 34px}.site[data-v=studio] .st-held--video .st-held-bild{inset:calc(clamp(20px, 3cqi, 40px) * -1) calc(var(--gut) * -1) 0;aspect-ratio:auto;z-index:0;max-height:none;margin:0;position:absolute}.site[data-v=studio] .st-held--video .st-held-bild:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--st-grund,#fbf6f2) 72%, transparent) 0%, color-mix(in srgb, var(--st-grund,#fbf6f2) 52%, transparent) 45%, color-mix(in srgb, var(--st-grund,#fbf6f2) 80%, transparent) 100%);pointer-events:none;position:absolute;inset:0}.site[data-v=studio] .st-held--video :is(.st-held-kopf,.st-held-rest){z-index:1;position:relative}}@container site (width>=960px){.site[data-v=studio] .st-held-gitter{padding-bottom:clamp(56px,6cqi,90px)}}.site[data-l][data-v=studio][data-thema=dunkel]{--st-grund:#0e0c0a;--st-sand:#17130f;--st-verlauf:#15110d;--st-akzent:#c9a35e;--st-rose:#2a2118;--st-tinte:#f6eee2;--st-titel:#f6eee2;--st-text:#cdbfae;--st-schatten:0 22px 44px -28px #000000e6;--st-fuss:#070605;--st-ph-a:#3a2e20;--st-ph-b:#b08d57;--muted:#a8998a;--line:#2d261f;--card:#18140f;--dark:#050403;--on-dark:#f6eee2;--on-dark-muted:#bfae98;--mbar-bg:#0e0c0aeb;--mbar-btn:#1d1813;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--a-ink:#120e0a!important;--a-text:#d8b56f!important;--a-soft:#2a2118!important}.site[data-v=studio][data-thema=dunkel] .st-held{background:radial-gradient(60% 70% at 18% 30%, #c9a35e1f 0%, transparent 70%), linear-gradient(180deg, var(--st-grund) 0%, var(--st-verlauf) 100%)}.site[data-v=studio][data-thema=dunkel] .hd-in{background:#100d0adb;border-color:#c9a35e2e}.site[data-v=studio][data-thema=dunkel] :is(.st-knopf-hell,.st-karte,.st-seit,.st-wisch-knoepfe button,.why,.why+.why,.why-list.n-4 .why:nth-child(n),.logo-kachel){background:var(--card);color:var(--st-text);box-shadow:var(--st-schatten), inset 0 0 0 1px #c9a35e29}.site[data-v=studio][data-thema=dunkel] .st-knopf-hell{color:var(--st-tinte)}.site[data-v=studio][data-thema=dunkel] .st-knopf-hell:hover{background:var(--st-rose)}.site[data-v=studio][data-thema=dunkel] .st-ueber{background:var(--st-sand)}.site[data-v=studio][data-thema=dunkel] .logo-kachel img{mix-blend-mode:normal;filter:none;opacity:1}.site[data-v=studio][data-thema=dunkel] .st-held--video .st-held-bild:after{background:linear-gradient(#0e0c0ac7 0%,#0e0c0a8c 45%,#0e0c0ad9 100%)}.site[data-v=studio] .logo-reihe.n-1 .logo-kachel{padding:26px}.site[data-v=studio] .logo-reihe.n-1 .logo-kachel img{max-height:150px}@container site (width>=960px){.site[data-v=studio] .st-held-gitter{padding-bottom:clamp(80px,8cqi,116px)}}.site[data-v=studio][data-thema=dunkel] :is(.why,.why+.why,.why-list.n-4 .why:nth-child(n)){text-align:center;box-shadow:none;background:0 0;justify-items:center;padding:8px 10px 4px;display:grid}.site[data-v=studio][data-thema=dunkel] .why-ic{width:100px;height:100px;color:var(--st-akzent);background:radial-gradient(circle at 35% 30%,#2a2118 0%,#120e0a 75%);border-radius:50%;margin-bottom:14px;box-shadow:0 0 0 1px #c9a35e8c,0 0 0 7px #c9a35e14,0 18px 36px -20px #c9a35e73}.site[data-v=studio][data-thema=dunkel] .why-ic .ic{width:34px;height:34px}.site[data-v=studio] .why-siegel{place-items:center;padding:0;display:grid;overflow:hidden}.site[data-v=studio] .why-siegel img{object-fit:contain;width:100%;height:100%}.site[data-v=studio][data-thema=dunkel] .why-siegel{background:0 0;width:100px;height:100px;box-shadow:0 18px 36px -18px #c9a35e8c}.site[data-v=studio][data-thema=dunkel] .why-x{max-width:30ch}.site[data-v=studio][data-thema=dunkel] .ft .brand-logo{background:0 0;padding:0}.site[data-v=studio][data-thema=dunkel] .ausz-reihe img{width:auto;height:88px;max-height:none}.site[data-v=studio][data-thema=dunkel] .btn-ghost{color:var(--st-akzent);background:0 0;box-shadow:inset 0 0 0 1px #c9a35e8c}.site[data-v=studio][data-thema=dunkel] .btn-ghost:hover{background:#c9a35e1f}
