/*
blauw: #00A9E0 
*/
#nav,
#nav-overlay,
#footer,
.hamburger-outer,
.fixedlogo,
.rt-buttons,
.scroller,
.no-header,
header, 
footer {
  display: none;
}

#content {
  background: #00A9E0;
  color: #fff;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  position: relative;
}

#content .bedankt-container {
  margin: 0 auto;
  width: 100%; 
  max-width: 88%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media(min-width: 1200px){
  #content .bedankt-container {
      max-width: 52em;
  }
}



#content .bedankt-header .text {
  max-width: none;
}

.wrap { margin: 0 auto; width: 100%; padding: 0 5%;  }

/* header */
.bedankt-container .bedankt-header{ padding-bottom: 0.5em; margin-top: auto; }
.bedankt-container .bedankt-header h1 {
  font-size: 260%;
  color: #fff;
}
#content .bedankt-header .onderkop {
  font-size: 180%;
}

#content .bedankt-container .modules-container .htmltext{ font-weight: 700; font-size: 120%; }
#content .bedankt-container .modules-container .htmltext .text { max-width: 29em; }
 
@media(min-width: 800px){
  .bedankt-container .bedankt-header h1 { font-size: 380%; }
  #content .bedankt-header .onderkop { font-size: 240%; }
} 
 
ol {
  counter-reset: item;
  padding:0;
}
ol li { 
  display: block;
  margin:0;
  padding:0; 
  padding-left:1.8em;
}

ol li:before {
  content: counter(item) " ";
  counter-increment: item;
  font-weight: bold;
  text-align:left;
  display:inline-block;
  width:1.8em;
  margin-left:-1.8em;
}


 
/* formulier */ 
#content .bedankt-formulier form { 
/*background: #00A9E0; */
position: relative; z-index: 1; padding: 0 0.7em 0.7em 0; width: 100%; max-width: 42em; }
#content .bedankt-formulier form ol { margin: 0; padding: 0; list-style: none; }
#content .bedankt-formulier form ol li { margin: 0 0 2em; padding: 0 0 0 1.5em; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#content .bedankt-formulier form ol li::before { content: counter(item) "."; position: absolute; left: 0; top: 0; font-size: 120%; width: auto; margin: 0; }
#content .bedankt-formulier form ol li label{ width: 100%; font-size: 120%; margin-bottom: 0.3em; }
#content .bedankt-formulier form ol li select { 
  color: #000; width: 100%; cursor: pointer; padding: .8em 2em .8em .8em; border: none; -webkit-appearance: none; -moz-appearance:none; appearance:none; margin-top: .2em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.183' height='11.845' viewBox='0 0 19.183 11.845'%3E%3Cpath id='ic_expand_more_24px' d='M22.929,8.59l-7.337,7.322L8.254,8.59,6,10.844l9.591,9.591,9.591-9.591Z' transform='translate(-6 -8.59)'/%3E%3C/svg%3E%0A");
  background-size: 0.9em auto; 
  background-position: right 0.8em top 1.3em;
  background-repeat: no-repeat;
}
 
#content .bedankt-formulier form .form-footer{ overflow: hidden; clear: both; }
#content .bedankt-formulier form input.button{ background: #000; float: right; color: #fff; font-size: 103%; padding: 1em 2em 0.9em; margin: 0.2em 0 0;}

#content .bedankt-formulier form .form-message { padding: 2em 1.5em; background: #000; color: #fff; margin-top: 2em;}
#content .bedankt-formulier form .form-message > div { font-size: 120%;  }

@media(min-width: 800px){
  #content .bedankt-formulier form ol li { margin: 0 0 1em; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  #content .bedankt-formulier form ol li label{ width: 14em; margin-bottom: 0; margin-right: 2em; }
  #content .bedankt-formulier form ol li select { width: calc(100% - 15em); }
}


/* footer */

#content .bedankt-footer { margin-top: auto; padding-top: 20%; }
#content .bedankt-footer-logo { position: absolute; right: -2%; width: 25%; bottom: 0.8em;  }
#content .bedankt-footer-logo svg { width: 100%; height: 100%;  }
#content .bedankt-footer-txt { text-transform: uppercase; color: #000; font-weight: 700; font-size: 80%; padding-bottom: 0.7em; padding-right: 28%; }

@media(min-width: 600px){ 
  #content .bedankt-footer-txt { font-size: 88%; }
}

@media(min-width: 800px){
  #content .bedankt-footer { display: block; padding: 5em 5% 0; }
  #content .bedankt-footer-logo { position: absolute; margin-right: 0; right: -2%; bottom: 2vh; width: 20%; max-width: 27em; }
  #content .bedankt-footer-txt { padding-bottom: 5vh; padding-right: 0; padding-left: 0; font-size: 88%; }
}

@media(min-width: 1050px){
  #content .bedankt-footer-logo { width: 25%; }
  #content .bedankt-footer-txt br{ display: none; }
}




/* Toegevoegd door Roelof */
/* Ik hoop dat het zo werkt */

#content .bedankt-formulier form ol.single li::before { display:none; }
#content .bedankt-formulier form ol.single li { padding:0 }



/*
.page_waarom-mastermakers #content {
  background:white;
  color:#000;
}
.page_waarom-mastermakers #content .bedankt-container .bedankt-header h1 {
  color:#000;
}
.page_waarom-mastermakers #content .bedankt-container .modules-container .htmltext {
  font-weight: 400;
}
.page_waarom-mastermakers #content .bedankt-formulier form {
  background:white;
}
*/