@charset "UTF-8";
.frame-type-mask_comparison_slider .comparison-slider{--split: 50%;--separator-width: 5px;--separator-angle: 7deg;--handle-size: 40px;--split: 50%;--split-top: 50%;--split-bottom: 50%;position:relative;overflow:hidden;user-select:none;touch-action:none;max-height:70vh;min-height:70vh;border-top:5px solid var(--colorDark);border-bottom:5px solid var(--colorDark)}.frame-type-mask_comparison_slider .comparison-slider img,.frame-type-mask_comparison_slider .comparison-slider video{user-select:none;pointer-events:none;-webkit-user-drag:none;object-fit:top;min-height:inherit}.frame-type-mask_comparison_slider .comparison-slider .media-before{z-index:0;position:relative;min-height:inherit}.frame-type-mask_comparison_slider .comparison-slider .media-before::after{content:"Voher";position:absolute;top:5%;font-size:var(--fontSizeXL);display:block;text-transform:uppercase;font-weight:900;background:var(--colorWhite);border:5px solid var(--colorDark);box-shadow:var(--boxShadowSmall);padding:0px 20px;left:5vw}.frame-type-mask_comparison_slider .comparison-slider .media-before img{object-position:top left}.frame-type-mask_comparison_slider .comparison-slider .media-after{position:absolute;inset:0;z-index:1;clip-path:polygon(var(--split-top) 0%, 100% 0%, 100% 100%, var(--split-bottom) 100%)}.frame-type-mask_comparison_slider .comparison-slider .media-after::after{content:"Nachher";position:absolute;top:5%;font-size:var(--fontSizeXL);color:var(--colorSecondary);display:block;text-transform:uppercase;font-weight:900;background:var(--colorWhite);border:5px solid var(--colorDark);box-shadow:var(--boxShadowSmall);padding:0px 20px;right:5vw}.frame-type-mask_comparison_slider .comparison-slider .media-after img{object-position:top right}.frame-type-mask_comparison_slider .comparison-slider .separator{position:absolute;top:-10%;bottom:-10%;left:var(--split);width:var(--separator-width);z-index:2;transform:translateX(-50%) rotate(var(--separator-angle));transform-origin:center center;background:#16141ede;pointer-events:none}.frame-type-mask_comparison_slider .comparison-slider .separator .handle{position:absolute;top:50%;left:50%;width:var(--handle-size);height:var(--handle-size);transform:translate(-50%, -50%);border-radius:50%;background:var(--colorDark);cursor:ew-resize;pointer-events:auto;display:flex;align-items:center;justify-content:center;aspect-ratio:1;transition:100ms ease-in-out all}.frame-type-mask_comparison_slider .comparison-slider .separator .handle::after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--colorWhite);height:fit-content;width:fit-content}.frame-type-mask_comparison_slider .comparison-slider .separator .handle:hover{background:var(--colorSecondary)}@media screen and (max-width:700px){.frame-type-mask_comparison_slider .comparison-slider{max-height:40vh;min-height:40vh}}