html, body
{
   height: 100%;
}
div#space
{
   width: 1px;
   height: 50%;
   margin-bottom: -800px;
   float:left
}
div#container
{
   width: 1340px;
   height: 1600px;
   margin: 0 auto;
   position: relative;
   clear: left;
}
body
{
   background-color: #FFFFFF;
   background-image: url('images/dutch_landscape.jpg');
   background-attachment: fixed;
   background-position: left center;
   background-repeat: no-repeat;
   background-size: cover;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#TextArt1
{
   border-width: 0;
   vertical-align: top;
}
#TextArt2
{
   border-width: 0;
   vertical-align: top;
}
#Shape2
{
   border-width: 0;
   vertical-align: top;
}
#Shape2
{
   filter: drop-shadow(0px 4px 14px rgba(0,0,0,0.20));
}
#Shape3
{
   border-width: 0;
   vertical-align: top;
}
#Shape3
{
   filter: drop-shadow(0px 4px 14px rgba(0,0,0,0.20));
}
#Shape4
{
   border-width: 0;
   vertical-align: top;
}
#TextArt20
{
   border-width: 0;
   vertical-align: top;
}
#Shape14
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape14
{
   margin: 0;
   animation: animate-flash 2500ms linear 0ms infinite normal both;
   vertical-align: top;
}
#Shape5
{
   border-width: 0;
   vertical-align: top;
}
#Shape12
{
   border-width: 0;
   vertical-align: top;
}
#TextArt13
{
   border-width: 0;
   vertical-align: top;
}
#Shape11
{
   border-width: 0;
   vertical-align: top;
}
#Shape11
{
   filter: drop-shadow(0px 3px 8px rgba(68,68,68,0.20));
}
#wb_Image10
{
   vertical-align: top;
}
#Image10
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape15
{
   border-width: 0;
   vertical-align: top;
}
#Shape8
{
   border-width: 0;
   vertical-align: top;
}
#Shape8
{
   filter: drop-shadow(0px 3px 8px rgba(68,68,68,0.20));
}
#Shape10
{
   border-width: 0;
   vertical-align: top;
}
#SlideShow1 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow1
{
   border: 0px outset #E3E3E3;
   border-radius: 10px;
}
#Shape9
{
   border-width: 0;
   vertical-align: top;
}
#Shape13
{
   border-width: 0;
   vertical-align: top;
}
#TextArt9
{
   border-width: 0;
   vertical-align: top;
}
#Shape16
{
   border-width: 0;
   vertical-align: top;
}
#wb_Image27
{
   vertical-align: top;
}
#Image27
{
   border: 1px solid #C0C0C0;
   border-radius: 12px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape17
{
   border-width: 0;
   vertical-align: top;
}
#TextArt4
{
   border-width: 0;
   vertical-align: top;
}
#Button5
{
   box-sizing: border-box;
   line-height: 46px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #C0C0C0;
   border-radius: 12px;
   background-color: #F28C18;
   background-image: none;
   color: #FFFFFF;
   box-shadow: 0px 3px 8px #444444;
   cursor: pointer;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 21px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button5:focus
{
   outline: 0;
}
#Button5:hover
{
   background-color: #C4161C;
   transition: background-color 500ms linear 0ms;
}
#Shape18
{
   border-width: 0;
   vertical-align: top;
}
#Shape19
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape6 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape6 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape6 a .hover
{
   visibility: hidden;
}
#wb_Shape6 a:hover .hover
{
   visibility: visible;
}
#wb_Shape6 a:hover .default
{
   visibility: hidden;
}
#wb_Shape6 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape6
{
   border-width: 0;
   vertical-align: top;
}
#Shape6
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Shape7 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape7 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape7 a .hover
{
   visibility: hidden;
}
#wb_Shape7 a:hover .hover
{
   visibility: visible;
}
#wb_Shape7 a:hover .default
{
   visibility: hidden;
}
#wb_Shape7 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape7
{
   border-width: 0;
   vertical-align: top;
}
#Shape7
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Shape20 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape20 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape20 a .hover
{
   visibility: hidden;
}
#wb_Shape20 a:hover .hover
{
   visibility: visible;
}
#wb_Shape20 a:hover .default
{
   visibility: hidden;
}
#wb_Shape20 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape20
{
   border-width: 0;
   vertical-align: top;
}
#Shape20
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Shape21 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape21 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape21 a .hover
{
   visibility: hidden;
}
#wb_Shape21 a:hover .hover
{
   visibility: visible;
}
#wb_Shape21 a:hover .default
{
   visibility: hidden;
}
#wb_Shape21 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape21
{
   border-width: 0;
   vertical-align: top;
}
#Shape21
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image4
{
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Shape22 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape22 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape22 a .hover
{
   visibility: hidden;
}
#wb_Shape22 a:hover .hover
{
   visibility: visible;
}
#wb_Shape22 a:hover .default
{
   visibility: hidden;
}
#wb_Shape22 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape22
{
   border-width: 0;
   vertical-align: top;
}
#Shape22
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image5
{
   vertical-align: top;
}
#Image5
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Shape23 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape23 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape23 a .hover
{
   visibility: hidden;
}
#wb_Shape23 a:hover .hover
{
   visibility: visible;
}
#wb_Shape23 a:hover .default
{
   visibility: hidden;
}
#wb_Shape23 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape23
{
   border-width: 0;
   vertical-align: top;
}
#Shape23
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image6
{
   vertical-align: top;
}
#Image6
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape24
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape25 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape25 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape25 a .hover
{
   visibility: hidden;
}
#wb_Shape25 a:hover .hover
{
   visibility: visible;
}
#wb_Shape25 a:hover .default
{
   visibility: hidden;
}
#wb_Shape25 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape25
{
   border-width: 0;
   vertical-align: top;
}
#Shape25
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image7
{
   vertical-align: top;
}
#Image7
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Shape26 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape26 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape26 a .hover
{
   visibility: hidden;
}
#wb_Shape26 a:hover .hover
{
   visibility: visible;
}
#wb_Shape26 a:hover .default
{
   visibility: hidden;
}
#wb_Shape26 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape26
{
   border-width: 0;
   vertical-align: top;
}
#Shape26
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image8
{
   vertical-align: top;
}
#Image8
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Shape27 a img
{
   position: absolute;
   left: 0;
}
#wb_Shape27 .default
{
   position: absolute;
   left: 0;
}
#wb_Shape27 a .hover
{
   visibility: hidden;
}
#wb_Shape27 a:hover .hover
{
   visibility: visible;
}
#wb_Shape27 a:hover .default
{
   visibility: hidden;
}
#wb_Shape27 img.hover
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#Shape27
{
   border-width: 0;
   vertical-align: top;
}
#Shape27
{
   filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.20));
}
#wb_Image9
{
   vertical-align: top;
}
#Image9
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow2 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow2
{
   border: 0px solid #DEE2E6;
   border-radius: 20px;
}
#SlideShow3 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow3
{
   border: 0px solid #DEE2E6;
   border-radius: 20px;
}
#SlideShow4 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow4
{
   border: 0px solid #DEE2E6;
   border-radius: 20px;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#InlineFrame1
{
   box-sizing: border-box;
   border: 2px solid #E3E3E3;
   border-radius: 20px;
   margin: 0;
}
#Shape28
{
   border-width: 0;
   vertical-align: top;
}
#Shape29
{
   border-width: 0;
   vertical-align: top;
}
#TextArt3
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text5 div
{
   text-align: left;
}
#wb_Image11
{
   vertical-align: top;
}
#Image11
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text3 div
{
   text-align: left;
}
#wb_Image14
{
   vertical-align: top;
}
#Image14
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text4
{
   color: #1F1F1F;
   font-family: "Trebuchet MS";
   font-weight: bold;
   font-size: 24px;
   line-height: 30.5px;
}
#wb_Text4 p, #wb_Text4 ul
{
   margin: 0;
   padding: 0;
}
#Button1
{
   box-sizing: border-box;
   line-height: 36px;
   text-decoration: none;
   vertical-align: top;
   border: 0px solid #0D6EFD;
   border-radius: 20px;
   background-color: #000052;
   background-image: none;
   color: #FFFFFF;
   font-family: "Trebuchet MS";
   font-weight: bold;
   font-style: normal;
   font-size: 21px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button1:focus
{
   outline: 0;
}
#festivalKalender{
  width:100%;
  max-width:268px;
  margin:0 auto;
  padding:6px;
  box-sizing:border-box;
  color:#ffffff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  background:linear-gradient(to bottom, #1f8fd0 0%, #0d3295 100%);
  border:2px solid #8fd3ff;
  border-radius:6px;
}

#festivalKalender .fk-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
#festivalKalender .fk-title{flex:1;margin:0 6px;text-align:center;font-size:12px;font-weight:bold;line-height:28px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);}
#festivalKalender .fk-footer{margin-top:6px;text-align:center;font-size:12px;font-weight:bold;}
#festivalKalender .fk-nav{width:28px;height:28px;border:1px solid rgba(255,255,255,0.25);background:#eaeaea;color:#000;cursor:pointer;font-size:14px;line-height:26px;text-align:center;}

#festivalKalender .fk-weekdays{
  display:grid;
  grid-template-columns:repeat(7,1fr);
}

#festivalKalender .fk-weekdays div{
  text-align:center;
  font-size:11px;
  font-weight:bold;
  line-height:22px;
}

#festivalKalender .fk-month{display:none;}
#festivalKalender .fk-month.active{display:block;}

#festivalKalender .fk-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
}

#festivalKalender .fk-cell{
  height:36px;
  border:1px solid rgba(255,255,255,0.10);
}

#festivalKalender .fk-day{
  display:block;
  text-align:center;
  line-height:36px;
}

#festivalKalender .fk-link{
  display:block;
  background:#ff2a2a;
  color:#fff;
  text-align:center;
  line-height:36px;
  font-weight:bold;
  text-decoration:none;
}

#festivalKalender .fk-link:hover{
  background:#d90000;
}

/* TOOLTIP */
.fk-tooltip{
  position:absolute;
  background:#ffffe1;
  color:#000;
  padding:4px 6px;
  font-size:11px;
  border:1px solid #000;
  border-radius:2px;
  white-space:nowrap;
  pointer-events:none;
  z-index:9999;
  opacity:0;
  transition:opacity 0.1s;
  box-shadow:2px 2px 4px rgba(0,0,0,0.2);
}
@keyframes scrolltext {
  from { transform: translateX(0%); }
  to   { transform: translateX(-50%); }
}
  .wheel-page{
    width:100%;
    display:grid;
    place-items:center;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    overflow-x:hidden;
  }

  .wheel-wrapper{
    position:relative;
    width:300px;
    max-width:90vw;
  }

  .wheel-wrapper svg{
    width:100%;
    height:auto;
    display:block;
  }

  .wheel-page .num{
    fill:#ffffff;
    font-weight:800;
    font-size:22px;
    dominant-baseline:middle;
    text-anchor:middle;
    paint-order:stroke;
    stroke:#000;
    stroke-width:2px;
    stroke-linejoin:round;
  }

  .wheel-page .overlay{
    position:absolute;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    z-index:5;
    pointer-events:none;
  }

  .wheel-page .overlay.show{
    display:flex;
  }

  .wheel-page .popup{
    background:#fff;
    padding:20px 22px;
    border-radius:16px;
    text-align:center;
    min-width:260px;
    max-width:280px;
    box-shadow:0 20px 40px rgba(0,0,0,.35);
    animation:pop .25s ease;
  }

  .wheel-page .status{
    font-size:20px;
    font-weight:900;
    margin-bottom:10px;
  }

  .wheel-page .popup.success .status{ color:#2f9b3a; }
  .wheel-page .popup.fail .status{ color:#c0392b; }
  .wheel-page .popup.neutral .status{ color:#111; }

  .wheel-page .lines{
    display:flex;
    flex-direction:column;
    gap:6px;
    font-size:14px;
    font-weight:800;
    color:#222;
    text-align:left;
  }

  .wheel-page .lines .center{
    text-align:center;
  }

  .wheel-page .total{
    margin-top:10px;
    padding-top:10px;
    border-top:2px solid #eee;
    font-size:14px;
    font-weight:900;
    color:#111;
    text-align:center;
  }

  .wheel-page .claim-box{
    position:fixed;
    top:35%;
    left:50%;
    transform:translate(-50%, -50%);
    width:300px;
    max-width:90vw;
    background:#fff;
    border-radius:16px;
    box-shadow:0 16px 36px rgba(0,0,0,.28);
    padding:18px;
    display:none;
    z-index:999999;
  }

  .wheel-page .claim-box.show{
    display:block;
    animation:popClaim .25s ease;
  }

  .wheel-page .claim-title{
    font-size:20px;
    font-weight:900;
    margin-bottom:8px;
    color:#2f9b3a;
    text-align:center;
  }

  .wheel-page .claim-text{
    font-size:14px;
    color:#222;
    text-align:center;
    margin-bottom:12px;
    line-height:1.4;
  }

  .wheel-page .claim-form{
    display:flex;
    flex-direction:column;
    gap:10px;
  }

  .wheel-page .claim-form input{
    border:2px solid #d9d9d9;
    border-radius:12px;
    padding:12px 14px;
    font-size:16px;
    outline:none;
  }

  .wheel-page .claim-form input:focus{
    border-color:#f08a2b;
  }

  .wheel-page .claim-form button{
    border:none;
    border-radius:12px;
    padding:12px 14px;
    background:#f08a2b;
    color:#fff;
    font-size:16px;
    font-weight:800;
    cursor:pointer;
  }

  .wheel-page .claim-form button:disabled,
  .wheel-page .claim-form input:disabled{
    opacity:.7;
    cursor:not-allowed;
  }

  .wheel-page .claim-message{
    min-height:20px;
    font-size:14px;
    font-weight:700;
    text-align:center;
    margin-top:8px;
  }

  .wheel-page .claim-message.error{ color:#c0392b; }
  .wheel-page .claim-message.success{ color:#2f9b3a; }

  .wheel-page .confetti{
    position:fixed;
    top:-20px;
    width:10px;
    height:16px;
    opacity:.95;
    z-index:9999;
    pointer-events:none;
    animation:fall linear forwards;
  }

  @keyframes pop{
    from{transform:scale(.85);opacity:0}
    to{transform:scale(1);opacity:1}
  }

  @keyframes popClaim{
    from{transform:translate(-50%, -50%) scale(.85);opacity:0}
    to{transform:translate(-50%, -50%) scale(1);opacity:1}
  }

  @keyframes fall{
    to{
      transform:translateY(110vh) rotate(720deg);
      opacity:1;
    }
  }