@media only screen and (max-width:800px){.op-aanvraag{--d:6px;--c:var(--main-color-1);--f:5px;width:200px;height:180px;position:relative;display:inline-block;margin:20px;background:#add8e6}.op-aanvraag::before{content:attr(data-ribbon);position:absolute;font-size:var(--f);z-index:1000;top:0;right:0;transform:translate(29.29%,-100%) rotate(45deg);color:#fff;text-align:center;border:1px solid transparent;border-bottom:0;transform-origin:bottom left;padding:5px 35px calc(var(--d) + 5px);background:linear-gradient(rgba(0,0,0,.5) 0 0) bottom/100% var(--d) no-repeat var(--c);background-clip:padding-box;clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - var(--d)) calc(100% - var(--d)),var(--d) calc(100% - var(--d)),0 100%);-webkit-mask:linear-gradient(135deg,transparent calc(50% - var(--d) * .707),#fff 0) bottom left,linear-gradient(-135deg,transparent calc(50% - var(--d) * .707),#fff 0) bottom right;-webkit-mask-size:300vmax 300vmax;-webkit-mask-composite:destination-in;mask-composite:intersect}.left::before{left:0;right:auto;transform:translate(-29.29%,-100%) rotate(-45deg);transform-origin:bottom right}.uitverkocht{--d:6px;--c:var(--main-color-3);--f:5px;width:200px;height:180px;position:relative;display:inline-block;margin:20px;background:#add8e6}.uitverkocht::before{content:attr(data-ribbon);position:absolute;font-size:var(--f);z-index:1000;top:0;right:0;transform:translate(29.29%,-100%) rotate(45deg);color:#fff;text-align:center;border:1px solid transparent;border-bottom:0;transform-origin:bottom left;padding:5px 35px calc(var(--d) + 5px);background:linear-gradient(rgba(0,0,0,.5) 0 0) bottom/100% var(--d) no-repeat var(--c);background-clip:padding-box;clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - var(--d)) calc(100% - var(--d)),var(--d) calc(100% - var(--d)),0 100%);-webkit-mask:linear-gradient(135deg,transparent calc(50% - var(--d) * .707),#fff 0) bottom left,linear-gradient(-135deg,transparent calc(50% - var(--d) * .707),#fff 0) bottom right;-webkit-mask-size:300vmax 300vmax;-webkit-mask-composite:destination-in;mask-composite:intersect}.left::before{left:0;right:auto;transform:translate(-29.29%,-100%) rotate(-45deg);transform-origin:bottom right}.pre-order{--d:6px;--c:rgb(255, 153, 0);--f:5px;width:200px;height:180px;position:relative;display:inline-block;margin:20px;background:#add8e6}.pre-order::before{content:attr(data-ribbon);position:absolute;font-size:var(--f);z-index:1000;top:0;right:0;transform:translate(29.29%,-100%) rotate(45deg);color:#fff;text-align:center;border:1px solid transparent;border-bottom:0;transform-origin:bottom left;padding:5px 35px calc(var(--d) + 5px);background:linear-gradient(rgba(0,0,0,.5) 0 0) bottom/100% var(--d) no-repeat var(--c);background-clip:padding-box;clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - var(--d)) calc(100% - var(--d)),var(--d) calc(100% - var(--d)),0 100%);-webkit-mask:linear-gradient(135deg,transparent calc(50% - var(--d) * .707),#fff 0) bottom left,linear-gradient(-135deg,transparent calc(50% - var(--d) * .707),#fff 0) bottom right;-webkit-mask-size:300vmax 300vmax;-webkit-mask-composite:destination-in;mask-composite:intersect}.pre-order-big{--d:6px;--c:rgb(255, 153, 0);--f:8px;width:200px;height:180px;position:relative;display:inline-block;margin:20px;background:#add8e6}.pre-order-big::before{content:attr(data-ribbon);position:absolute;font-size:var(--f);z-index:1000;top:0;right:0;transform:translate(29.29%,-100%) rotate(45deg);color:#fff;text-align:center;border:1px solid transparent;border-bottom:0;transform-origin:bottom left;padding:5px 35px calc(var(--d) + 5px);background:linear-gradient(rgba(0,0,0,.5) 0 0) bottom/100% var(--d) no-repeat var(--c);background-clip:padding-box;clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - var(--d)) calc(100% - var(--d)),var(--d) calc(100% - var(--d)),0 100%);-webkit-mask:linear-gradient(135deg,transparent calc(50% - var(--d) * .707),#fff 0) bottom left,linear-gradient(-135deg,transparent calc(50% - var(--d) * .707),#fff 0) bottom right;-webkit-mask-size:300vmax 300vmax;-webkit-mask-composite:destination-in;mask-composite:intersect}.leverancier{--d:6px;--c:var(--main-color-4-darker-2);--f:8px;width:200px;height:180px;position:relative;display:inline-block;margin:20px;background:#add8e6}.leverancier::before{content:attr(data-ribbon);position:absolute;font-size:var(--f);z-index:1000;top:0;right:0;transform:translate(29.29%,-100%) rotate(45deg);color:#fff;text-align:center;border:1px solid transparent;border-bottom:0;transform-origin:bottom left;padding:5px 35px calc(var(--d) + 5px);background:linear-gradient(rgba(0,0,0,.5) 0 0) bottom/100% var(--d) no-repeat var(--c);background-clip:padding-box;clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - var(--d)) calc(100% - var(--d)),var(--d) calc(100% - var(--d)),0 100%);-webkit-mask:linear-gradient(135deg,transparent calc(50% - var(--d) * .707),#fff 0) bottom left,linear-gradient(-135deg,transparent calc(50% - var(--d) * .707),#fff 0) bottom right;-webkit-mask-size:300vmax 300vmax;-webkit-mask-composite:destination-in;mask-composite:intersect}.left::before{left:0;right:auto;transform:translate(-29.29%,-100%) rotate(-45deg);transform-origin:bottom right}}