.elementor-8 .elementor-element.elementor-element-6e99129:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-6e99129 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.lonen20.nl/wp-content/uploads/2018/08/bg-02-free-img.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-6e99129 > .elementor-background-overlay{background-color:#000f23;opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8 .elementor-element.elementor-element-6e99129{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:150px 0px 50px 0px;}.elementor-8 .elementor-element.elementor-element-18999a8{text-align:left;}.elementor-8 .elementor-element.elementor-element-18999a8 .elementor-heading-title{text-transform:none;color:var( --e-global-color-8ecce6a );}.elementor-8 .elementor-element.elementor-element-754968b{text-align:left;}.elementor-8 .elementor-element.elementor-element-754968b .elementor-heading-title{text-transform:none;color:#ffffff;}.elementor-8 .elementor-element.elementor-element-6785f070 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-8 .elementor-element.elementor-element-6785f070{padding:100px 0px 100px 0px;}.elementor-8 .elementor-element.elementor-element-236a079 > .elementor-element-populated{padding:0px 75px 0px 0px;}.elementor-8 .elementor-element.elementor-element-618cf60d{text-align:left;}.elementor-8 .elementor-element.elementor-element-618cf60d .elementor-heading-title{text-transform:none;}.elementor-8 .elementor-element.elementor-element-3d0aa540 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 25px 0px;}.elementor-8 .elementor-element.elementor-element-3d0aa540{text-align:left;}.elementor-8 .elementor-element.elementor-element-3d0aa540 .elementor-heading-title{text-transform:none;color:var( --e-global-color-1b2f8fe );}.elementor-8 .elementor-element.elementor-element-5aabbfce > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-5aabbfce{font-size:16px;}.elementor-8 .elementor-element.elementor-element-2c9a3eef:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-8 .elementor-element.elementor-element-2c9a3eef > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fb20c13 );}.elementor-8 .elementor-element.elementor-element-2c9a3eef > .elementor-element-populated >  .elementor-background-overlay{background-image:url("https://www.lonen20.nl/wp-content/uploads/2021/01/Ballon-groen-2.png");background-position:31px -47px;background-repeat:no-repeat;background-size:contain;opacity:1;}.elementor-8 .elementor-element.elementor-element-2c9a3eef > .elementor-element-populated, .elementor-8 .elementor-element.elementor-element-2c9a3eef > .elementor-element-populated > .elementor-background-overlay, .elementor-8 .elementor-element.elementor-element-2c9a3eef > .elementor-background-slideshow{border-radius:25px 25px 25px 25px;}.elementor-8 .elementor-element.elementor-element-2c9a3eef > .elementor-element-populated{box-shadow:15px 15px 30px 0px rgba(0, 14.999999999999986, 34.99999999999994, 0.32);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 10px 180px 0px;--e-column-margin-right:10px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-2c9a3eef > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8 .elementor-element.elementor-element-a08fabf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-a08fabf{text-align:left;}.elementor-8 .elementor-element.elementor-element-a08fabf img{width:270px;opacity:1;filter:brightness( 99% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-radius:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-9b51866{text-align:center;}.elementor-8 .elementor-element.elementor-element-9b51866 .elementor-heading-title{font-size:20px;color:var( --e-global-color-1b2f8fe );}.elementor-8 .elementor-element.elementor-element-a946d48:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-8 .elementor-element.elementor-element-a946d48 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fb20c13 );}.elementor-8 .elementor-element.elementor-element-a946d48 > .elementor-element-populated >  .elementor-background-overlay{background-image:url("https://www.lonen20.nl/wp-content/uploads/2021/01/Ballon-groen-2.png");background-position:31px -47px;background-repeat:no-repeat;background-size:contain;opacity:1;}.elementor-8 .elementor-element.elementor-element-a946d48 > .elementor-element-populated, .elementor-8 .elementor-element.elementor-element-a946d48 > .elementor-element-populated > .elementor-background-overlay, .elementor-8 .elementor-element.elementor-element-a946d48 > .elementor-background-slideshow{border-radius:25px 25px 25px 25px;}.elementor-8 .elementor-element.elementor-element-a946d48 > .elementor-element-populated{box-shadow:15px 15px 30px 0px rgba(0, 14.999999999999986, 34.99999999999994, 0.32);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 180px 10px;--e-column-margin-right:0px;--e-column-margin-left:10px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-a946d48 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8 .elementor-element.elementor-element-1471d81 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-1471d81{text-align:left;}.elementor-8 .elementor-element.elementor-element-1471d81 img{width:270px;opacity:1;filter:brightness( 99% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-radius:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-2040d73{text-align:center;}.elementor-8 .elementor-element.elementor-element-2040d73 .elementor-heading-title{font-size:20px;color:var( --e-global-color-1b2f8fe );}.elementor-8 .elementor-element.elementor-element-af2880b > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-8 .elementor-element.elementor-element-af2880b:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-af2880b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.lonen20.nl/wp-content/uploads/2021/02/Handen-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-af2880b > .elementor-background-overlay{background-color:#000f23;opacity:0.65;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8 .elementor-element.elementor-element-af2880b > .elementor-container{max-width:1000px;}.elementor-8 .elementor-element.elementor-element-af2880b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-8 .elementor-element.elementor-element-1e82745e > .elementor-element-populated{padding:0px 50px 0px 0px;}.elementor-8 .elementor-element.elementor-element-3215dcbd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-3215dcbd{text-align:left;}.elementor-8 .elementor-element.elementor-element-3215dcbd .elementor-heading-title{color:var( --e-global-color-8ecce6a );}.elementor-8 .elementor-element.elementor-element-1fdb44b7{text-align:left;}.elementor-8 .elementor-element.elementor-element-1fdb44b7 .elementor-heading-title{text-transform:none;color:#ffffff;}.elementor-8 .elementor-element.elementor-element-b03fca5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-8 .elementor-element.elementor-element-b03fca5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-8 .elementor-element.elementor-element-b03fca5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-8 .elementor-element.elementor-element-b03fca5 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-8 .elementor-element.elementor-element-b03fca5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-8 .elementor-element.elementor-element-b03fca5 .elementor-icon-list-icon i{color:var( --e-global-color-1b2f8fe );transition:color 0.3s;}.elementor-8 .elementor-element.elementor-element-b03fca5 .elementor-icon-list-icon svg{fill:var( --e-global-color-1b2f8fe );transition:fill 0.3s;}.elementor-8 .elementor-element.elementor-element-b03fca5 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-8ecce6a );}.elementor-8 .elementor-element.elementor-element-b03fca5 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-8ecce6a );}.elementor-8 .elementor-element.elementor-element-b03fca5{--e-icon-list-icon-size:25px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-8 .elementor-element.elementor-element-b03fca5 .elementor-icon-list-icon{padding-inline-end:15px;}.elementor-8 .elementor-element.elementor-element-b03fca5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8 .elementor-element.elementor-element-b03fca5 .elementor-icon-list-item > a{font-size:18px;}.elementor-8 .elementor-element.elementor-element-b03fca5 .elementor-icon-list-text{color:var( --e-global-color-fb20c13 );transition:color 0.3s;}.elementor-8 .elementor-element.elementor-element-5dff68fb img{width:80%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-6e99129{padding:100px 25px 25px 25px;}.elementor-8 .elementor-element.elementor-element-18999a8{text-align:center;}.elementor-8 .elementor-element.elementor-element-18999a8 .elementor-heading-title{font-size:18px;}.elementor-8 .elementor-element.elementor-element-754968b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-754968b{text-align:center;}.elementor-8 .elementor-element.elementor-element-6785f070{padding:55px 55px 55px 55px;}.elementor-8 .elementor-element.elementor-element-236a079 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-618cf60d{text-align:center;}.elementor-8 .elementor-element.elementor-element-3d0aa540 > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-8 .elementor-element.elementor-element-3d0aa540{text-align:center;}.elementor-8 .elementor-element.elementor-element-3d0aa540 .elementor-heading-title{font-size:25px;}.elementor-8 .elementor-element.elementor-element-5aabbfce > .elementor-widget-container{padding:0px 25px 0px 0px;}.elementor-8 .elementor-element.elementor-element-5aabbfce{text-align:left;}.elementor-8 .elementor-element.elementor-element-2c9a3eef > .elementor-element-populated >  .elementor-background-overlay{background-position:0px 0px;background-size:contain;}.elementor-8 .elementor-element.elementor-element-2c9a3eef > .elementor-element-populated{margin:30px 30px 25px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;padding:20px 20px 20px 20px;}.elementor-8 .elementor-element.elementor-element-a08fabf{text-align:left;}.elementor-8 .elementor-element.elementor-element-a08fabf img{width:100%;}.elementor-8 .elementor-element.elementor-element-a946d48 > .elementor-element-populated >  .elementor-background-overlay{background-position:0px 0px;}.elementor-8 .elementor-element.elementor-element-a946d48 > .elementor-element-populated{margin:30px 30px 25px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;padding:20px 20px 20px 20px;}.elementor-8 .elementor-element.elementor-element-1471d81{text-align:left;}.elementor-8 .elementor-element.elementor-element-1471d81 img{width:100%;}.elementor-8 .elementor-element.elementor-element-af2880b{padding:55px 55px 55px 55px;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-6e99129{padding:100px 25px 25px 25px;}.elementor-8 .elementor-element.elementor-element-4416359 > .elementor-element-populated{padding:30px 0px 30px 0px;}.elementor-8 .elementor-element.elementor-element-18999a8{text-align:center;}.elementor-8 .elementor-element.elementor-element-18999a8 .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-754968b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-754968b{text-align:center;}.elementor-8 .elementor-element.elementor-element-754968b .elementor-heading-title{font-size:35px;}.elementor-8 .elementor-element.elementor-element-6785f070{padding:50px 25px 56px 25px;}.elementor-8 .elementor-element.elementor-element-236a079 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-618cf60d{text-align:center;}.elementor-8 .elementor-element.elementor-element-3d0aa540{text-align:center;}.elementor-8 .elementor-element.elementor-element-3d0aa540 .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-5aabbfce > .elementor-widget-container{padding:0px 0px 15px 0px;}.elementor-8 .elementor-element.elementor-element-5aabbfce{text-align:center;}.elementor-8 .elementor-element.elementor-element-2c9a3eef.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-8 .elementor-element.elementor-element-2c9a3eef > .elementor-element-populated >  .elementor-background-overlay{background-position:0px 0px;}.elementor-8 .elementor-element.elementor-element-2c9a3eef > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:35px 35px 35px 35px;}.elementor-8 .elementor-element.elementor-element-a08fabf > .elementor-widget-container{margin:70px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-a08fabf{text-align:left;}.elementor-8 .elementor-element.elementor-element-a08fabf img{width:100%;}.elementor-8 .elementor-element.elementor-element-a946d48.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-8 .elementor-element.elementor-element-a946d48 > .elementor-element-populated >  .elementor-background-overlay{background-position:0px 0px;}.elementor-8 .elementor-element.elementor-element-a946d48 > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:35px 35px 35px 35px;}.elementor-8 .elementor-element.elementor-element-1471d81 > .elementor-widget-container{margin:70px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-1471d81{text-align:left;}.elementor-8 .elementor-element.elementor-element-1471d81 img{width:100%;}.elementor-8 .elementor-element.elementor-element-af2880b{padding:50px 30px 50px 30px;}.elementor-8 .elementor-element.elementor-element-1e82745e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-3215dcbd{text-align:center;}.elementor-8 .elementor-element.elementor-element-1fdb44b7{text-align:center;}.elementor-8 .elementor-element.elementor-element-5dff68fb img{width:50%;}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-236a079{width:60%;}.elementor-8 .elementor-element.elementor-element-2c9a3eef{width:20%;}.elementor-8 .elementor-element.elementor-element-a946d48{width:19.554%;}.elementor-8 .elementor-element.elementor-element-1e82745e{width:75%;}.elementor-8 .elementor-element.elementor-element-59b0aa96{width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8 .elementor-element.elementor-element-236a079{width:100%;}.elementor-8 .elementor-element.elementor-element-2c9a3eef{width:50%;}.elementor-8 .elementor-element.elementor-element-a946d48{width:50%;}.elementor-8 .elementor-element.elementor-element-1e82745e{width:70%;}.elementor-8 .elementor-element.elementor-element-59b0aa96{width:30%;}}@media(min-width:1025px){.elementor-8 .elementor-element.elementor-element-6e99129:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-6e99129 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-8 .elementor-element.elementor-element-af2880b:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-af2880b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for image, class: .elementor-element-a08fabf */<!DOCTYPE html>
<html lang="nl">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Foto Beveiliging</title>
  <style>
    body {
      font-family: sans-serif;
      display: flex;
      flex-direction: column;
      gap: 40px;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      background: #f4f4f4;
    }

    /* Stijl voor beide containers */
    .image-container,
    .background-container {
      position: relative;
      display: inline-block;
      box-shadow: 0 4px 12px rgba(0,0,0,0.2);
      border-radius: 12px;
      overflow: hidden;
      width: 600px;
      height: 400px;
    }

    /* Variant met <img> */
    .image-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      user-select: none;
      -webkit-user-drag: none;
    }

    /* Variant met background-image */
    .background-container {
      background-image: url("https://picsum.photos/id/1025/600/400");
      background-size: cover;
      background-position: center;
    }

    /* Watermark */
    .watermark {
      position: absolute;
      bottom: 10px;
      right: 10px;
      font-size: 16px;
      color: rgba(255,255,255,0.8);
      background: rgba(0,0,0,0.4);
      padding: 4px 8px;
      border-radius: 6px;
      font-weight: bold;
      pointer-events: none; /* klik niet blokkeren */
    }

    /* Transparante overlay */
    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: transparent;
      cursor: not-allowed;
    }
  </style>
</head>
<body>

  <!-- Variant 1: IMG + overlay + watermark -->
  <div class="image-container">
    <img src="https://picsum.photos/id/1015/600/400" alt="Voorbeeldfoto">
    <div class="watermark">© MijnWebsite</div>
    <div class="overlay"></div>
  </div>

  <!-- Variant 2: Background-image + overlay + watermark -->
  <div class="background-container">
    <div class="watermark">© MijnWebsite</div>
    <div class="overlay"></div>
  </div>

  <script>
    // Rechtermuisklik uitschakelen
    document.addEventListener("contextmenu", (e) => e.preventDefault());
  </script>

</body>
</html>/* End custom CSS */