body {
  font-size: 16px; background-color:#ffffff; 
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


h1 { 
  font-size: 16px;
  text-align: center; 
  text-transform: uppercase; 
  color: #073251; 
  position: absolute; top: 0;
  background-color: black;
}

.form-label { margin-bottom: 0; }

main p { text-align: center; font-size: 26px; }
main p.left { text-align: left; }

a.mainButtonStyle {

    width: 100%;
    background-color: #333333;
    border: #073251;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
 }



p.GoBackStyle a { font-size: 14px; text-align: center; text-transform: uppercase;
  color: #333333; width: 100%; display: inline-block; }

h1#TopBAR { width: 100%; display: block; position: absolute; top: 0px; padding: 15px 0px; font-size: 22px; color: white; text-align: center; background-color: black; }

.red { color: red !important; }
.wrapper-350 { display: block; width: 350px; margin: auto; }
.wrapper-450 { display: block; width: 450px; margin: auto; }

.ondernootklein { text-align: left;
    font-size: 11px; margin-bottom: 0; }

label { font-weight: bold;  }

header { margin-top: 60px; margin-bottom: 5px; }
#Logo { width: 100%; display: block; }




label.center { text-align: center; width: 100%; }
input.center { display: block; margin: auto; }



.form-check-label { font-size: .875em; color: white; }
.form-check-label a, .form-check-label a:hover { color: white; }


#Steps { text-align: center; margin-bottom: 15px; }

.step { height: 15px; width: 15px; margin: 0 2px; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block; opacity: 0.5; }
.step.active { background-color: #333333; }
.step.done { background-color: #77a9bc; }

.btn-primary { width: 100%; background-color: #333333; border: black; }
.btn-primary:hover { background-color: #222222; border: white; }
.btn-grey { width: 100%; background-color: #666666; border: #666666; color: white; }
.btn-grey:hover { background-color: #666666; border: #666666; color: white; }

#SuccesBericht { text-align: center; color: #6c757d; }
#SuccesBericht h2 { color: #333333; }


#GoBackBTN {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #77a9bc;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#GoBackBTN:hover {
  background-color: #555;
}




/* FOOTER */

footer { text-align: center; margin-top: 15px; font-size: 12px; color: #333333; }
footer a { color: #333333; }
footer a:hover { color: #333333; }

h6 { font-size: 12px; text-transform: uppercase; }