html {
  height: 100%; /* zorgt dat body 100% hoogte krijgt */
  overflow-y: scroll;
}

body {
margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* minstens volledige schermhoogte */
  background-color: rgba(239,239,239,0.40); /* jouw gewenste achtergrondkleur */
}

@media (max-width: 600px) {
  .confirm-popup {
    max-width: 90vw;
    right: auto;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
  }
}


/* Wanneer inschrijf blok */
.inschrijf-container {display: flex;flex-wrap: wrap;gap: 16px;margin-top: 16px;justify-content: flex-start;}
.inschrijf-item {font-family: sans-serif;font-size: 14px;background: #fff;padding: 10px;border-radius: 8px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);border-left: 4px solid #3f51b5;width: calc(16% - 16px);box-sizing: border-box;}
.inschrijf-item:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}
.inschrijf-item b {display: block;margin-bottom: 4px;color: #333;font-weight: 600;}
.inschrijf-item span {display: inline;}
.inschrijf-info {display: flex;align-items: baseline;margin-top: 4px;}
.label {width: 50px; /* vaste breedte voor mooie uitlijning */display: inline-block;}
/* Einde wanneer inschrijf blok */

.grotere-tekst {font-size: 20px;font-weight: 500;margin-bottom: 10px;}

#container {min-height:100%;_height:100%;width:1590px;  margin:0 auto;  font-size:16px;  background-color:rgba(239,239,239,0.40); flex: 1;}
#divtop    {padding-top:10px; padding-left: 10px; padding-right: 10px; width: 1590px; height: auto; padding-bottom: 10px; position:fixed !important;position: absolute; /*ie6 */top: 0; background-color:rgba(239,239,239,1); z-index: 10000;}
#restpaginadesktop {padding-left: 20px;  padding-right: 20px; margin: 138px auto 0;}
#restpaginamobiel {padding-left: 20px;  padding-right: 20px; margin: 0px auto 0;}
#frontrestpagina {padding-left: 20px;  padding-right: 20px; margin: 190px auto 0;}
#divdagen {border-style: solid; border-width: 2px; border-radius: 5px; border-color:hsla(228,54%,46%,0.55);  padding-left: 17px;  padding-top: 11px; padding-bottom: 19px; background-color:hsla(228,54%,46%,0.06);}
#divoverzicht {border-style: solid; border-width: 3px; border-radius: 8px; border-color:#3f51b5;  padding-left: 17px;  padding-top: 11px; padding-bottom: 19px; background-color:hsla(228,54%,46%,0.06);}
#divspacedagen {height: 20px;}
#divlinks  {width:60%; float:left; }
#divrechts {width:40%; float:left;font-size:24px;}
td {font-size: 18px;}
h1 {font-size: 40px; line-height: 42px;  display:inline;}
h2 {display:inline;}
h5 {font-size: 40px; line-height:42px;display:inline;}
p6 {font-size: 28px; line-height:34px;display:inline;}
p7 {font-size: 18px; line-height:20px;display:inline;}
h8 {font-size: 22px; line-height:5px;display:inline;}
h9 {font-size: 22px; line-height:5px;display:inline;}
hr {margin-left:-5px; margin-right:-5px;}
#binnensteslider {}
input.pw2 {-webkit-text-security: disc;}
a:link {color: orange;background-color: transparent;text-decoration: none;}
a:visited {color: orange;background-color: transparent;text-decoration: none;}
a:hover {color: red;background-color: transparent;text-decoration: underline;}
a:active {color: orange;background-color: transparent;text-decoration: underline;}
.buttonC {font-weight: 1000;border-radius: 0px; margin-left: -5px; border-left: none; border-right: none; border-bottom: none; border-top: none; font-size: 18px; }
.buttonD {font-weight: 100;border-radius: 1px; margin-left: -5px; border-left: 2; border-right: 2; border-bottom: 2; border-top: 2; font-size:20px;}
.buttonM {margin-left: -5px; font-size:16px; line-height: 17px; color: red;} 
#mobilefix {padding-top: 120px; padding-left: 12px; padding-right: 12px;}
.pushbericht { background-color: hsl(0, 100%, 92%);width: auto; padding-left:10px; padding-right:-200px; padding-bottom:10px; padding-top:10px; border-style: double;}
#divsponsoren {width: 100%;text-align: center;padding-bottom: 10px;}
.sponsor-wrapper {display: flex;justify-content: center;align-items: flex-start;gap: 40px; /* ruimte tussen de logo's */flex-wrap: wrap; /* op kleinere schermen onder elkaar */}
#divkeukentotaal, #divtwentegolf {text-align: center;}
#divwapenkluis {width:420px; float:left;text-align: center; margin-left: 20px; }
#divsponsorkliks {width:650px; float:left; text-align: center; margin-left: 20px;}
#divlinksdagen {padding-left: 0px;}
* {box-sizing: border-box;} 
.slider {}
.slick-slide {margin: 0px 0px;}
.slick-slide img {}
.slick-slide {transition: all ease-in-out .3s;opacity: .2;}
.slick-active {opacity: .5;}
.slick-current {opacity: 1;}


#kassa {padding-top:25px; padding-left: 80px;}
#frames {height:830px;}
button {border-bottom: 4px solid black;border-top: 4px solid black;border-left: 4px solid black;border-right: 4px solid black; font-size: 18px;}
#divmunitieklein {background-color: hsla(0,100%,50%,0.42); width: 100%;}

.menu-container{
  z-index: 99999;
  position: relative;
}

#hamburger-menu .nav-links {
  display: none;
  position: fixed; /* dit zorgt dat het menu boven de hele pagina komt */
  top: 0;
  left: 0;
  width: 1360px;
  height: auto; /* volledige schermhoogte */
  background-color: #333; /* donkere achtergrond dekt alles */
  color: white;
  font-size: 50px;
  padding-top: 10px;
    margin-top: 110px;
  z-index: 1; /* zorg dat het menu boven alles komt */
  overflow-y: auto;
}
.hamburger-buttonmenu
{
    z-index: 100;
}
.hamburger-button {
   background-color: #333; /* #333 */
   color: white;
   padding: 0px;
   font-size: 75px;
   cursor: pointer;
   width: 1605px;
   padding-top: 0px;
   padding-bottom: 5px;
   padding-left: 65px;
   margin-left: -30px;
   margin-top: -12px;
   text-align: left;
    z-index: 99999;
}
.nav-links.show {
  display: block;
}
.nav-links {display: none;background-color: #333;color: white;font-size: 50px;padding-top: 50px;padding-bottom: 50px;width: 1485px;}
.nav-links a {display: block;padding: 15px;color: white;text-decoration: none;}
.nav-links a:hover {background-color: #111;}

.mijntabel {
  border-collapse: separate;
  border: none; /* buitenrand uitschakelen */
}

.mijntabel td ,.mijntabel th {
  border: 1px solid black; /* binnenranden */
}










#baanplanner-container {
  position: relative;
  z-index: 1; /* lager dan menu */
}



.knop-wrapper {
  position: relative;
  display: inline-block;
    z-index: 10;
}

.knop-deleter{
  position: relative;
  display: inline-block;
    z-index: 1;
}


.confirm-popup {
  position: absolute;
  top: -135px;
  width: 274px;
  max-width: 90vw;
  background: #fff;
  border: 2px solid green;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  z-index: 50;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.confirm-popup.show {
  opacity: 1;
  transform: translateY(0);
}

.delete-knop {
  position: relative;
  z-index: 5;
}