.vorher-nachher{display:inline-block;position:relative;-webkit-box-sizing:content-box;box-sizing:content-box;overflow:hidden;max-width:100vw}.vorher-nachher img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center left;object-position:center left}.vorher-nachher img:last-of-type{position:absolute;top:0;right:0;height:100%;-o-object-position:center right;object-position:center right;-webkit-clip-path:polygon(50% 0, 100% 0, 100% 100%, 50% 100%);clip-path:polygon(50% 0, 100% 0, 100% 100%, 50% 100%)}.vorher-nachher .lbl{display:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:rgba(255,255,255,0.3);color:#fff;font-weight:600;border:2px solid #fff;margin:0;padding:2px 4px;height:auto}.vorher-nachher .lbl.left{left:3%}.vorher-nachher .lbl.right{right:3%}.vorher-nachher .separator{width:3px;height:100%;position:absolute;top:0;left:50%;background-color:transparent;z-index:2;cursor:col-resize}.vorher-nachher .separator:before,.vorher-nachher .separator:after,.vorher-nachher .separator .switch{-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.9);box-shadow:0 0 6px 0 rgba(0,0,0,0.9)}.vorher-nachher .separator:before,.vorher-nachher .separator:after{content:"";display:block;width:100%;background-color:#fff;position:absolute;left:0}.vorher-nachher .separator:before{top:0;height:calc(50% - 1.75rem)}.vorher-nachher .separator:after{bottom:0;height:calc(50% - 1.75rem)}.vorher-nachher .separator:hover~.lbl{display:block}.vorher-nachher .separator .switch{-webkit-box-sizing:border-box;box-sizing:border-box;border:3px solid #fff;width:3.5rem;height:3.5rem;border-radius:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#fff;font-weight:900;font-size:20px}.vorher-nachher .separator .switch:before{display:block;content:"\f0d9";font-family:"Font Awesome 5 Free"}.vorher-nachher .separator .switch:after{display:block;content:"\f0da";font-family:"Font Awesome 5 Free"}