.dm-vorher-nachher{--dm-vn-ratio:2/3;--dm-vn-ease:var(--wp--custom--transition--base,200ms cubic-bezier(0.4,0,0.2,1));--dm-vn-ease-slide:400ms cubic-bezier(0.4,0,0.2,1);--dm-vn-surface:var(--wp--preset--color--dm-off-white);--dm-vn-pill-bg:var(--wp--preset--color--dm-white);--dm-vn-pill-text:var(--wp--preset--color--dm-black);--dm-vn-eyebrow:var(--wp--preset--color--dm-teal);--dm-vn-heading:var(--wp--preset--color--dm-anthrazit);--dm-vn-cta-bg:var(--wp--preset--color--dm-apricot);--dm-vn-cta-text:var(--wp--preset--color--dm-black);--dm-vn-cta-hover:var(--wp--preset--color--dm-amber);box-sizing:border-box;font-family:var(--wp--preset--font-family--dm-body,"Lato",sans-serif)}.dm-vorher-nachher--ratio-3-4{--dm-vn-ratio:3/4}.dm-vorher-nachher--bg-dm-apricot{--dm-vn-surface:var(--wp--preset--color--dm-apricot)}.dm-vorher-nachher--pill-bg-dm-apricot{--dm-vn-pill-bg:var(--wp--preset--color--dm-apricot)}.dm-vorher-nachher--pill-text-dm-apricot{--dm-vn-pill-text:var(--wp--preset--color--dm-apricot)}.dm-vorher-nachher--eyebrow-dm-apricot{--dm-vn-eyebrow:var(--wp--preset--color--dm-apricot)}.dm-vorher-nachher--heading-dm-apricot{--dm-vn-heading:var(--wp--preset--color--dm-apricot)}.dm-vorher-nachher--cta-bg-dm-apricot{--dm-vn-cta-bg:var(--wp--preset--color--dm-apricot)}.dm-vorher-nachher--cta-text-dm-apricot{--dm-vn-cta-text:var(--wp--preset--color--dm-apricot)}.dm-vorher-nachher--cta-hover-dm-apricot{--dm-vn-cta-hover:var(--wp--preset--color--dm-apricot)}.dm-vorher-nachher--bg-dm-amber{--dm-vn-surface:var(--wp--preset--color--dm-amber)}.dm-vorher-nachher--pill-bg-dm-amber{--dm-vn-pill-bg:var(--wp--preset--color--dm-amber)}.dm-vorher-nachher--pill-text-dm-amber{--dm-vn-pill-text:var(--wp--preset--color--dm-amber)}.dm-vorher-nachher--eyebrow-dm-amber{--dm-vn-eyebrow:var(--wp--preset--color--dm-amber)}.dm-vorher-nachher--heading-dm-amber{--dm-vn-heading:var(--wp--preset--color--dm-amber)}.dm-vorher-nachher--cta-bg-dm-amber{--dm-vn-cta-bg:var(--wp--preset--color--dm-amber)}.dm-vorher-nachher--cta-text-dm-amber{--dm-vn-cta-text:var(--wp--preset--color--dm-amber)}.dm-vorher-nachher--cta-hover-dm-amber{--dm-vn-cta-hover:var(--wp--preset--color--dm-amber)}.dm-vorher-nachher--bg-dm-teal{--dm-vn-surface:var(--wp--preset--color--dm-teal)}.dm-vorher-nachher--pill-bg-dm-teal{--dm-vn-pill-bg:var(--wp--preset--color--dm-teal)}.dm-vorher-nachher--pill-text-dm-teal{--dm-vn-pill-text:var(--wp--preset--color--dm-teal)}.dm-vorher-nachher--eyebrow-dm-teal{--dm-vn-eyebrow:var(--wp--preset--color--dm-teal)}.dm-vorher-nachher--heading-dm-teal{--dm-vn-heading:var(--wp--preset--color--dm-teal)}.dm-vorher-nachher--cta-bg-dm-teal{--dm-vn-cta-bg:var(--wp--preset--color--dm-teal)}.dm-vorher-nachher--cta-text-dm-teal{--dm-vn-cta-text:var(--wp--preset--color--dm-teal)}.dm-vorher-nachher--cta-hover-dm-teal{--dm-vn-cta-hover:var(--wp--preset--color--dm-teal)}.dm-vorher-nachher--bg-dm-black{--dm-vn-surface:var(--wp--preset--color--dm-black)}.dm-vorher-nachher--pill-bg-dm-black{--dm-vn-pill-bg:var(--wp--preset--color--dm-black)}.dm-vorher-nachher--pill-text-dm-black{--dm-vn-pill-text:var(--wp--preset--color--dm-black)}.dm-vorher-nachher--eyebrow-dm-black{--dm-vn-eyebrow:var(--wp--preset--color--dm-black)}.dm-vorher-nachher--heading-dm-black{--dm-vn-heading:var(--wp--preset--color--dm-black)}.dm-vorher-nachher--cta-bg-dm-black{--dm-vn-cta-bg:var(--wp--preset--color--dm-black)}.dm-vorher-nachher--cta-text-dm-black{--dm-vn-cta-text:var(--wp--preset--color--dm-black)}.dm-vorher-nachher--cta-hover-dm-black{--dm-vn-cta-hover:var(--wp--preset--color--dm-black)}.dm-vorher-nachher--bg-dm-anthrazit{--dm-vn-surface:var(--wp--preset--color--dm-anthrazit)}.dm-vorher-nachher--pill-bg-dm-anthrazit{--dm-vn-pill-bg:var(--wp--preset--color--dm-anthrazit)}.dm-vorher-nachher--pill-text-dm-anthrazit{--dm-vn-pill-text:var(--wp--preset--color--dm-anthrazit)}.dm-vorher-nachher--eyebrow-dm-anthrazit{--dm-vn-eyebrow:var(--wp--preset--color--dm-anthrazit)}.dm-vorher-nachher--heading-dm-anthrazit{--dm-vn-heading:var(--wp--preset--color--dm-anthrazit)}.dm-vorher-nachher--cta-bg-dm-anthrazit{--dm-vn-cta-bg:var(--wp--preset--color--dm-anthrazit)}.dm-vorher-nachher--cta-text-dm-anthrazit{--dm-vn-cta-text:var(--wp--preset--color--dm-anthrazit)}.dm-vorher-nachher--cta-hover-dm-anthrazit{--dm-vn-cta-hover:var(--wp--preset--color--dm-anthrazit)}.dm-vorher-nachher--bg-dm-taupe{--dm-vn-surface:var(--wp--preset--color--dm-taupe)}.dm-vorher-nachher--pill-bg-dm-taupe{--dm-vn-pill-bg:var(--wp--preset--color--dm-taupe)}.dm-vorher-nachher--pill-text-dm-taupe{--dm-vn-pill-text:var(--wp--preset--color--dm-taupe)}.dm-vorher-nachher--eyebrow-dm-taupe{--dm-vn-eyebrow:var(--wp--preset--color--dm-taupe)}.dm-vorher-nachher--heading-dm-taupe{--dm-vn-heading:var(--wp--preset--color--dm-taupe)}.dm-vorher-nachher--cta-bg-dm-taupe{--dm-vn-cta-bg:var(--wp--preset--color--dm-taupe)}.dm-vorher-nachher--cta-text-dm-taupe{--dm-vn-cta-text:var(--wp--preset--color--dm-taupe)}.dm-vorher-nachher--cta-hover-dm-taupe{--dm-vn-cta-hover:var(--wp--preset--color--dm-taupe)}.dm-vorher-nachher--bg-dm-off-white{--dm-vn-surface:var(--wp--preset--color--dm-off-white)}.dm-vorher-nachher--pill-bg-dm-off-white{--dm-vn-pill-bg:var(--wp--preset--color--dm-off-white)}.dm-vorher-nachher--pill-text-dm-off-white{--dm-vn-pill-text:var(--wp--preset--color--dm-off-white)}.dm-vorher-nachher--eyebrow-dm-off-white{--dm-vn-eyebrow:var(--wp--preset--color--dm-off-white)}.dm-vorher-nachher--heading-dm-off-white{--dm-vn-heading:var(--wp--preset--color--dm-off-white)}.dm-vorher-nachher--cta-bg-dm-off-white{--dm-vn-cta-bg:var(--wp--preset--color--dm-off-white)}.dm-vorher-nachher--cta-text-dm-off-white{--dm-vn-cta-text:var(--wp--preset--color--dm-off-white)}.dm-vorher-nachher--cta-hover-dm-off-white{--dm-vn-cta-hover:var(--wp--preset--color--dm-off-white)}.dm-vorher-nachher--bg-dm-white{--dm-vn-surface:var(--wp--preset--color--dm-white)}.dm-vorher-nachher--pill-bg-dm-white{--dm-vn-pill-bg:var(--wp--preset--color--dm-white)}.dm-vorher-nachher--pill-text-dm-white{--dm-vn-pill-text:var(--wp--preset--color--dm-white)}.dm-vorher-nachher--eyebrow-dm-white{--dm-vn-eyebrow:var(--wp--preset--color--dm-white)}.dm-vorher-nachher--heading-dm-white{--dm-vn-heading:var(--wp--preset--color--dm-white)}.dm-vorher-nachher--cta-bg-dm-white{--dm-vn-cta-bg:var(--wp--preset--color--dm-white)}.dm-vorher-nachher--cta-text-dm-white{--dm-vn-cta-text:var(--wp--preset--color--dm-white)}.dm-vorher-nachher--cta-hover-dm-white{--dm-vn-cta-hover:var(--wp--preset--color--dm-white)}.dm-vorher-nachher--bg-dm-mint{--dm-vn-surface:var(--wp--preset--color--dm-mint)}.dm-vorher-nachher--pill-bg-dm-mint{--dm-vn-pill-bg:var(--wp--preset--color--dm-mint)}.dm-vorher-nachher--pill-text-dm-mint{--dm-vn-pill-text:var(--wp--preset--color--dm-mint)}.dm-vorher-nachher--eyebrow-dm-mint{--dm-vn-eyebrow:var(--wp--preset--color--dm-mint)}.dm-vorher-nachher--heading-dm-mint{--dm-vn-heading:var(--wp--preset--color--dm-mint)}.dm-vorher-nachher--cta-bg-dm-mint{--dm-vn-cta-bg:var(--wp--preset--color--dm-mint)}.dm-vorher-nachher--cta-text-dm-mint{--dm-vn-cta-text:var(--wp--preset--color--dm-mint)}.dm-vorher-nachher--cta-hover-dm-mint{--dm-vn-cta-hover:var(--wp--preset--color--dm-mint)}.dm-vorher-nachher__card{align-items:center;background:var(--dm-vn-surface);border-radius:var(--wp--custom--radius--card,12px);box-sizing:border-box;column-gap:var(--wp--preset--spacing--60,4rem);display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);height:100%;padding:var(--wp--preset--spacing--50,3rem)}.dm-vorher-nachher__card--media-only{grid-template-columns:minmax(0,1fr)}.dm-vorher-nachher__stage{container-type:inline-size;position:relative}.dm-vorher-nachher__viewport{border-radius:var(--wp--custom--radius--card,12px);overflow:hidden;touch-action:pan-y}.dm-vorher-nachher__track{display:flex;transition:transform var(--dm-vn-ease-slide)}.dm-vorher-nachher__slide{flex:0 0 100%;min-width:0}.dm-vorher-nachher button.dm-vorher-nachher__arrow,.dm-vorher-nachher button.dm-vorher-nachher__arrow:active,.dm-vorher-nachher button.dm-vorher-nachher__arrow:focus,.dm-vorher-nachher button.dm-vorher-nachher__arrow:focus-visible,.dm-vorher-nachher button.dm-vorher-nachher__arrow:hover{background-color:var(--wp--preset--color--dm-white);background-image:none;border-color:transparent;color:inherit}.dm-vorher-nachher button.dm-vorher-nachher__arrow{align-items:center;border-radius:50%;box-shadow:0 2px 8px rgba(3,3,0,.12);cursor:pointer;display:flex;height:var(--wp--preset--spacing--50,3rem);justify-content:center;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform var(--dm-vn-ease);width:var(--wp--preset--spacing--50,3rem);z-index:2}.dm-vorher-nachher button.dm-vorher-nachher__arrow:before{border-color:var(--wp--preset--color--dm-black);border-style:solid;border-width:0 2px 2px 0;content:"";height:var(--wp--preset--spacing--10,.5rem);width:var(--wp--preset--spacing--10,.5rem)}.dm-vorher-nachher button.dm-vorher-nachher__arrow--prev{left:var(--wp--preset--spacing--50,3rem)}.dm-vorher-nachher button.dm-vorher-nachher__arrow--prev:before{transform:translateX(2px) rotate(135deg)}.dm-vorher-nachher button.dm-vorher-nachher__arrow--next{left:calc(var(--wp--preset--spacing--50, 3rem) + (100cqw - 2*var(--wp--preset--spacing--50, 3rem) - var(--wp--preset--spacing--60, 4rem))*3/5)}.dm-vorher-nachher button.dm-vorher-nachher__arrow--next:before{transform:translateX(-2px) rotate(-45deg)}.dm-vorher-nachher button.dm-vorher-nachher__arrow:hover{transform:translate(-50%,-50%) scale(1.06)}.dm-vorher-nachher button.dm-vorher-nachher__arrow:focus-visible{outline:var(--wp--custom--border--interactive,1.5px solid currentColor);outline-offset:2px}.dm-vorher-nachher__dots{display:flex;gap:var(--wp--preset--spacing--10,.5rem);justify-content:center;margin-top:var(--wp--preset--spacing--30,1.5rem)}.dm-vorher-nachher button.dm-vorher-nachher__dot,.dm-vorher-nachher button.dm-vorher-nachher__dot:active,.dm-vorher-nachher button.dm-vorher-nachher__dot:focus,.dm-vorher-nachher button.dm-vorher-nachher__dot:focus-visible,.dm-vorher-nachher button.dm-vorher-nachher__dot:hover{background-color:transparent;background-image:none;border-color:transparent;color:inherit}.dm-vorher-nachher button.dm-vorher-nachher__dot{align-items:center;border:0;cursor:pointer;display:flex;height:1.5rem;justify-content:center;padding:0;width:1.5rem}.dm-vorher-nachher button.dm-vorher-nachher__dot:before{background:var(--wp--preset--color--dm-taupe);border-radius:50%;content:"";height:.5rem;opacity:.4;transition:opacity var(--dm-vn-ease),transform var(--dm-vn-ease);width:.5rem}.dm-vorher-nachher button.dm-vorher-nachher__dot[aria-current=true]:before{background:var(--wp--preset--color--dm-anthrazit);opacity:1;transform:scale(1.25)}.dm-vorher-nachher button.dm-vorher-nachher__dot:focus-visible{border-radius:50%;outline:var(--wp--custom--border--interactive,1.5px solid currentColor);outline-offset:2px}@media(min-width:1024px){.dm-vorher-nachher .dm-vorher-nachher__stage:has(.is-active>.dm-vorher-nachher__card--media-only) button.dm-vorher-nachher__arrow--next{left:calc(100% - var(--wp--preset--spacing--50, 3rem))}}.dm-vorher-nachher:not(.is-ready) .dm-vorher-nachher__dots,.dm-vorher-nachher:not(.is-ready) button.dm-vorher-nachher__arrow{display:none}.dm-vorher-nachher__media{border-radius:var(--wp--custom--radius--card,12px);display:grid;gap:var(--wp--preset--spacing--10,.5rem);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;overflow:hidden}.dm-vorher-nachher__frame{aspect-ratio:var(--dm-vn-ratio);margin:0;overflow:hidden;position:relative}.dm-vorher-nachher img.dm-vorher-nachher__img{display:block;height:100%;max-width:none;object-fit:cover;width:100%}.dm-vorher-nachher__pill{background:var(--dm-vn-pill-bg);border-radius:var(--wp--custom--radius--button,10px);color:var(--dm-vn-pill-text);font-size:var(--wp--preset--font-size--body-sm,.875rem);line-height:1.3;max-width:calc(100% - var(--wp--preset--spacing--20, 1rem)*2);overflow:hidden;padding:var(--wp--preset--spacing--10,.5rem) var(--wp--preset--spacing--20,1rem);position:absolute;text-overflow:ellipsis;top:var(--wp--preset--spacing--20,1rem);white-space:nowrap}.dm-vorher-nachher__frame--before .dm-vorher-nachher__pill{left:var(--wp--preset--spacing--20,1rem)}.dm-vorher-nachher__frame--after .dm-vorher-nachher__pill{right:var(--wp--preset--spacing--20,1rem)}.dm-vorher-nachher__text{min-width:0}.dm-vorher-nachher p.dm-vorher-nachher__eyebrow{color:var(--dm-vn-eyebrow);font-family:var(--wp--preset--font-family--dm-body,"Lato",sans-serif);font-size:var(--wp--preset--font-size--body,1rem);line-height:1.4;margin:0 0 var(--wp--preset--spacing--10,.5rem)}.dm-vorher-nachher h3.dm-vorher-nachher__heading{font-family:var(--wp--preset--font-family--dm-heading,"Poppins",sans-serif);font-size:var(--wp--preset--font-size--heading-sm,1.75rem);font-weight:600;line-height:1.3}@media(max-width:1023px){.dm-vorher-nachher h3.dm-vorher-nachher__heading{font-size:var(--wp--preset--font-size--medium,1.25rem)}}.dm-vorher-nachher h3.dm-vorher-nachher__heading{color:var(--dm-vn-heading);margin:0}.dm-vorher-nachher__cta{background:var(--dm-vn-cta-bg);border-radius:var(--wp--custom--radius--button,10px);color:var(--dm-vn-cta-text);display:inline-block;font-family:var(--wp--preset--font-family--dm-heading,"Poppins",sans-serif);font-size:var(--wp--preset--font-size--body,1rem);font-weight:600;line-height:1.4;margin-top:var(--wp--preset--spacing--40,2rem);padding:var(--wp--preset--spacing--20,1rem) var(--wp--preset--spacing--40,2rem);text-align:center;text-decoration:none}.dm-vorher-nachher a.dm-vorher-nachher__cta,.dm-vorher-nachher a.dm-vorher-nachher__cta:active,.dm-vorher-nachher a.dm-vorher-nachher__cta:focus,.dm-vorher-nachher a.dm-vorher-nachher__cta:focus-visible,.dm-vorher-nachher a.dm-vorher-nachher__cta:hover{background-color:var(--dm-vn-cta-bg);background-image:none;border-color:transparent;color:inherit}.dm-vorher-nachher a.dm-vorher-nachher__cta{color:var(--dm-vn-cta-text);text-decoration:none;transition:background-color var(--dm-vn-ease)}.dm-vorher-nachher a.dm-vorher-nachher__cta:focus,.dm-vorher-nachher a.dm-vorher-nachher__cta:hover{background:var(--dm-vn-cta-hover)}.dm-vorher-nachher a.dm-vorher-nachher__cta:focus-visible{outline:var(--wp--custom--border--interactive,1.5px solid currentColor);outline-offset:2px}@media(max-width:1023px){.dm-vorher-nachher__card{align-content:start;grid-template-columns:minmax(0,1fr);padding:var(--wp--preset--spacing--30,1.5rem);row-gap:var(--wp--preset--spacing--40,2rem)}.dm-vorher-nachher button.dm-vorher-nachher__arrow{--dm-vn-media-h:calc((100cqw - 2*var(--wp--preset--spacing--30, 1.5rem) - var(--wp--preset--spacing--10, 0.5rem))/2/(var(--dm-vn-ratio)));height:var(--wp--preset--spacing--40,2rem);top:calc(var(--wp--preset--spacing--30, 1.5rem) + var(--dm-vn-media-h)/2);width:var(--wp--preset--spacing--40,2rem)}.dm-vorher-nachher button.dm-vorher-nachher__arrow--prev{left:var(--wp--preset--spacing--30,1.5rem)}.dm-vorher-nachher button.dm-vorher-nachher__arrow--next{left:calc(100% - var(--wp--preset--spacing--30, 1.5rem))}.dm-vorher-nachher__pill{max-width:calc(100% - var(--wp--preset--spacing--10, .5rem)*2);top:var(--wp--preset--spacing--10,.5rem)}.dm-vorher-nachher__frame--before .dm-vorher-nachher__pill{left:var(--wp--preset--spacing--10,.5rem)}.dm-vorher-nachher__frame--after .dm-vorher-nachher__pill{right:var(--wp--preset--spacing--10,.5rem)}.dm-vorher-nachher__cta{margin-top:var(--wp--preset--spacing--30,1.5rem)}}@media(prefers-reduced-motion:reduce){.dm-vorher-nachher a.dm-vorher-nachher__cta,.dm-vorher-nachher button.dm-vorher-nachher__arrow,.dm-vorher-nachher button.dm-vorher-nachher__dot:before,.dm-vorher-nachher__track{transition:none}}