.dl-r3d{--rb: 2.4cqi;--pp: 6cqi;--pa: 3cqi;--tiefe: 3.2cqi;--max: 62cqi;--dreh: .6s cubic-bezier(.2, .7, .2, 1);display:inline-block;line-height:0;position:relative;transform-style:preserve-3d;transition:transform var(--dreh)}.dl-r3d__bild{display:block;height:auto;max-height:var(--max);max-width:var(--max);position:relative;width:auto;z-index:4}.dl .dl-r3d img.dl-r3d__bild{max-height:var(--max);max-width:var(--max)}.dl-r3d__schatten,.dl-r3d__kante,.dl-r3d__rahmen,.dl-r3d__matte,.dl-r3d__papier,.dl-r3d__fuge{pointer-events:none;position:absolute}.dl-r3d__papier{background:var(--dl-papier, #fbfaf7);box-shadow:0 1px 2px #00000014,0 8px 24px -12px #00000047;inset:calc(-1 * var(--pa));transition:opacity .32s ease-out;z-index:1}.dl-r3d__matte{background:#f7f6f2;box-shadow:inset 0 0 0 1px #0000000a;inset:calc(-1 * var(--pp));opacity:0;transition:opacity .32s ease-out;z-index:3}.dl-r3d__matte:after{box-shadow:0 0 0 1px #ffffffe6,0 0 0 2px #0000001a;content:"";inset:var(--pp);position:absolute}.dl-r3d__rahmen{opacity:0;transition:opacity .32s ease-out;z-index:2}.dl-r3d__rahmen--ohne{inset:calc(-1 * var(--rb))}.dl-r3d__rahmen--mit{inset:calc(-1 * (var(--pp) + var(--rb)))}.dl-r3d__rahmen:before{border:var(--rb) solid transparent;border-color:rgba(255,255,255,.1) rgba(0,0,0,.1) rgba(0,0,0,.18) rgba(255,255,255,.05);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.dl-r3d__fuge{box-shadow:inset 0 3px 5px -2px #00000059,inset 2px 0 4px -2px #0003;opacity:0;transition:opacity .32s ease-out;z-index:5}.dl-r3d__fuge--ohne{top:0;right:0;bottom:0;left:0}.dl-r3d__fuge--mit{inset:calc(-1 * var(--pp))}.dl-r3d__kante{opacity:0;transition:opacity .32s ease-out;z-index:2}.dl-r3d__kante--links{bottom:calc(-1 * var(--aussen));left:calc(-1 * var(--aussen));top:calc(-1 * var(--aussen));transform:rotateY(90deg);transform-origin:left center;width:var(--tiefe)}.dl-r3d__kante--rechts{bottom:calc(-1 * var(--aussen));right:calc(-1 * var(--aussen));top:calc(-1 * var(--aussen));transform:rotateY(-90deg);transform-origin:right center;width:var(--tiefe)}.dl-r3d__kante--oben{height:var(--tiefe);left:calc(-1 * var(--aussen));right:calc(-1 * var(--aussen));top:calc(-1 * var(--aussen));transform:rotateX(-90deg);transform-origin:center top}.dl-r3d{--aussen: var(--rb)}.dl-r3d[data-pp="1"]{--aussen: calc(var(--pp) + var(--rb))}.dl-r3d__schatten{background:#14120e8c;filter:blur(2.2cqi);inset:calc(-1 * var(--aussen));opacity:0;transform:translate3d(1.6cqi,2.4cqi,-3cqi);transition:opacity .32s ease-out;z-index:0}.ist-gerahmt .dl-r3d__bild{clip-path:inset(1.1%)}@media(hover:hover){.dl-karte:is(:hover,:focus-visible) .dl-r3d__bild{clip-path:inset(1.1%)}}.dl-r3d[data-rahmen=schwarz] .dl-r3d__rahmen,.dl-r3d[data-rahmen=schwarz] .dl-r3d__kante{background:linear-gradient(150deg,#34332f,#1b1a18 45%,#121110)}.dl-r3d[data-rahmen=schwarz] .dl-r3d__kante{background:#0e0d0c}.dl-r3d[data-rahmen=weiss] .dl-r3d__rahmen{background:linear-gradient(150deg,#fff,#f1efea 55%,#e3e0d9);box-shadow:0 0 0 1px #00000012}.dl-r3d[data-rahmen=weiss] .dl-r3d__kante{background:#d9d6ce}.dl-r3d[data-rahmen=holz] .dl-r3d__rahmen{background:repeating-linear-gradient(92deg,rgba(110,72,34,.1) 0 1px,transparent 1px 5px,rgba(110,72,34,.06) 5px 6px,transparent 6px 11px),linear-gradient(150deg,#dcb98c,#c59a68,#a87c4c)}.dl-r3d[data-rahmen=holz] .dl-r3d__kante{background:linear-gradient(90deg,#9a6f42,#b88a58)}.ist-gerahmt .dl-r3d__papier{opacity:0}.ist-gerahmt .dl-r3d__rahmen--ohne,.ist-gerahmt .dl-r3d__fuge--ohne,.ist-gerahmt .dl-r3d__kante,.ist-gerahmt .dl-r3d__schatten{opacity:1}.ist-gerahmt [data-pp="1"] .dl-r3d__rahmen--ohne,.ist-gerahmt [data-pp="1"] .dl-r3d__fuge--ohne{opacity:0}.ist-gerahmt [data-pp="1"] .dl-r3d__rahmen--mit,.ist-gerahmt [data-pp="1"] .dl-r3d__fuge--mit,.ist-gerahmt [data-pp="1"] .dl-r3d__matte{opacity:1}@media(hover:hover){.dl-karte:is(:hover,:focus-visible) .dl-r3d__papier{opacity:0}.dl-karte:is(:hover,:focus-visible) .dl-r3d__rahmen--ohne,.dl-karte:is(:hover,:focus-visible) .dl-r3d__fuge--ohne,.dl-karte:is(:hover,:focus-visible) .dl-r3d__kante,.dl-karte:is(:hover,:focus-visible) .dl-r3d__schatten{opacity:1}.dl-karte:is(:hover,:focus-visible) [data-pp="1"] .dl-r3d__rahmen--ohne,.dl-karte:is(:hover,:focus-visible) [data-pp="1"] .dl-r3d__fuge--ohne{opacity:0}.dl-karte:is(:hover,:focus-visible) [data-pp="1"] .dl-r3d__rahmen--mit,.dl-karte:is(:hover,:focus-visible) [data-pp="1"] .dl-r3d__fuge--mit,.dl-karte:is(:hover,:focus-visible) [data-pp="1"] .dl-r3d__matte{opacity:1}}.dl-karte__flaeche{container-type:inline-size;perspective:160cqi}.dl-karte .dl-r3d,.dl-karte.ist-gerahmt .dl-r3d{--max: 66cqi}@media(hover:hover){.dl-karte:hover .dl-r3d,.dl-karte:focus-visible .dl-r3d{transform:rotateY(24deg) rotateX(4deg) scale(.86)}}@media(hover:none){.dl-karte.ist-gerahmt .dl-r3d{transform:rotateY(16deg) rotateX(3deg) scale(.88)}}.dl-buehne3d{align-items:center;aspect-ratio:1 / 1;background:linear-gradient(180deg,#efede9,#e7e4de);container-type:inline-size;display:flex;justify-content:center;overflow:hidden;perspective:150cqi;position:relative}.dl-buehne3d .dl-r3d{--max: 60cqi;--rb: 2cqi;--pp: 5.5cqi;--tiefe: 2.8cqi;transform:rotateY(var(--ry, var(--basis, 0deg))) rotateX(var(--rx, 2deg))}.dl-buehne3d .dl-r3d__papier{display:none}.dl-produkt__motiv--galerie{aspect-ratio:auto;background:none;display:block;flex:none;min-height:0;padding:0}.dl-produkt__motiv--galerie img{background:none;box-shadow:none;max-height:none;max-width:none;padding:0}.dl-galerie{display:flex;flex-direction:column;gap:12px}.dl-galerie__spur{display:flex;list-style:none;margin:0;overflow-x:auto;overscroll-behavior-x:contain;padding:0;scroll-snap-type:x mandatory;scrollbar-width:none}.dl-galerie__spur::-webkit-scrollbar{display:none}.dl-galerie__spur:focus-visible{outline:2px solid currentColor;outline-offset:2px}.dl-galerie__folie{aspect-ratio:1 / 1;flex:0 0 100%;margin:0;overflow:hidden;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.dl-galerie__folie--bild{align-items:center;background:var(--dl-passepartout);display:flex;justify-content:center;padding:10%}.dl-produkt__motiv--galerie .dl-galerie__folie--bild img{background:var(--dl-papier);padding:2.5%;box-shadow:0 1px 2px #00000014,0 18px 40px -20px #00000059;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.dl-produkt__motiv--galerie .dl-galerie__folie--raum img{display:block;height:100%;object-fit:cover;width:100%}.dl-galerie__folie--vergleich{background:#e9e6e0}.dl-galerie__folie--vergleich svg{display:block;height:100%;width:100%}.dl-galerie__folie--3d .dl-buehne3d{height:100%}.dl-galerie__notiz{bottom:12px;color:var(--dl-bleistift, #5b5750);font-size:var(--dl-gr-klein, 13px);left:14px;margin:0;pointer-events:none;position:absolute;right:14px}@media only screen and (max-width:768px){.dl-galerie__notiz span{display:none}}.dl-galerie__leiste{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:0 16px}@media only screen and (min-width:769px){.dl-galerie__leiste{padding:0 24px}}.dl-schalter span:last-child{white-space:nowrap}.dl-galerie__daumen{display:flex;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}.dl-galerie__daumen::-webkit-scrollbar{display:none}.dl-galerie__daumen button{aspect-ratio:1 / 1;background:var(--dl-passepartout);border:0;cursor:pointer;display:grid;flex:0 0 52px;opacity:.55;padding:7px;place-items:center;position:relative;transition:opacity .2s ease}.dl-galerie__daumen button[aria-selected=true]{opacity:1}.dl-galerie__daumen button[aria-selected=true]:after{background:currentColor;bottom:-5px;content:"";height:2px;left:0;position:absolute;right:0}.dl-galerie__daumen button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.dl-produkt__motiv--galerie .dl-galerie__daumen img{display:block;height:auto;max-height:100%;max-width:100%;width:auto}.dl-galerie__daumen .dl-daumen--rahmen img{border:3px solid #1b1a18;box-sizing:border-box}.dl-galerie__daumen .dl-daumen--rahmen[data-rahmen=holz] img{border-color:#c59a68}.dl-galerie__daumen .dl-daumen--rahmen[data-rahmen=weiss] img{border-color:#fff;box-shadow:0 0 0 1px #0000001f}.dl-galerie__daumen .dl-daumen--vergleich svg{color:#3a3834;height:100%;width:100%}@media(hover:hover){.dl-galerie__daumen button:hover{opacity:1}}.dl-schalter{align-items:center;background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;flex:none;font:inherit;font-size:var(--dl-gr-klein, 14px);gap:10px;min-height:44px;padding:0}.dl-schalter__bahn{background:#c9c6bf;border-radius:999px;display:inline-block;height:24px;position:relative;transition:background-color .2s ease;width:42px}.dl-schalter__knopf{background:#fff;border-radius:50%;box-shadow:0 1px 2px #00000040;height:18px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:18px}.dl-schalter[aria-checked=true] .dl-schalter__bahn{background:#1b1a18}.dl-schalter[aria-checked=true] .dl-schalter__knopf{transform:translate(18px)}.dl-schalter:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(prefers-reduced-motion:reduce){.dl-r3d,.dl-r3d *{transition:none!important}.dl-karte:hover .dl-r3d,.dl-karte.ist-gerahmt .dl-r3d{transform:none!important}}.dl:not(.dl-bewegt) .dl-r3d,.dl:not(.dl-bewegt) .dl-r3d *{transition:none!important}@media(prefers-reduced-motion:reduce){.dl-galerie__spur{scroll-behavior:auto}.dl-schalter__knopf,.dl-schalter__bahn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/dl-rahmen.css.map */