.safe-area-view-1 {
  display: flex;
  flex: 1;
  justify-content: center;
  align-self: center;
  flex-direction: column;
  height: 100%;
  padding: 3rem 0rem;
}

.content-wrapper-1 {
  display: flex;
  justify-content: space-between;
  flex: 1;
  flex-direction: column;
  width: 100%;
  max-width: 1024px;
  /* min-width: 768px; */
  /* gap: 3rem; */
  padding: 1rem 1.6rem;
  background-color: #fff;
  margin-top: 10px;
}

.content-header-1 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
}

@media screen and (max-width: 540px) {
  .content-header-1 {
      flex-direction: column;
  }
}

.content-antwoorden-1 {

}

.answers-wrapper-1 {
  width: 100%;

  display: flex;
  flex-direction: column;
}

.answers_div-1 {


}

@media screen and (max-width: 540px) {
  .answers-wrapper-1 {
    display: unset;
  }

  .answers_div-1 {
    display: flex;
    flex-direction: row;
  }
}

.radio-wrapper-1 {
  display: flex;
  flex-direction: row;
}


.radio-wrapper-1 input[type="radio"] {
  opacity: 0;
  width: 0;
}

.radio-wrapper-1 label:focus {
  outline: 0;
}

.radio-wrapper-1 input:focus {
  outline: 0;
}

.radio-wrapper-1 .answer-div:focus {
  outline: 0;
}


.radio-wrapper-1 input[type="radio"]:hover + label {
  background-color: #e0dcd4;

}

.radio-wrapper-1 input[type="radio"]:focus + label {
    border: 2px dashed #444;
    outline: 0;
}

.radio-wrapper-1 input[type="radio"]:checked + label {
    background-color: #e0dcd4;
    border-color: #4c4;
    outline: 0;
}

@media screen and (max-width: 540px) {
  .radio-wrapper-1 {
    flex-direction: column;
    width: 80%;
  }
}

.answer-div-1 img {
  width: 100%;
  height: auto;
  padding-left: 10%;
  padding-right: 10%;
}

@media screen and (max-width: 540px) {
  .answer-div-1 img {
    width: 80%;
  }

}

.middelen-wrapper-1 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.middelen-wrapper-1 {
  margin: 10px;
  padding-top: 10px;
  gap: 10px;
}

@media screen and (max-width: 540px) {
  .middelen-wrapper-1 {
    flex-direction: column;
    max-width: 220px;
    min-width: 120px;
  }
}

.middelen-div-1 {
  flex: 1;
  height: auto;
  margin-top: 2%;
}

.clickable_button_trede-1 {
  padding-top: 40px;
  padding-bottom: 10px;
  margin-bottom: 0px;
  border-style: solid;
  border-radius: 10px;
  border-color: #663366;
  cursor: pointer;
  outline: 0;

}

.list_middelen-1 ul {
  list-style-position: outside;
  margin-left: 20px;
}

.list_middelen-1 li {
  list-style: disc;
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* white-space: normal !important; */
}

.filler-horizontal-margin-1 {
  margin-left: 1%;
}

.trede_naam-1 {
  margin-left: 20%;
  margin-top: -10%;
  text-transform: uppercase;
  font-weight: bold;
}

.trede_subnaam-1 {
  margin-left: 20%;
  font-style: italic;
}



 @media screen and (max-width: 1385px) {
   .trede_naam-1 {
     font-size: 80%;
   }

   .trede_subnaam-1 {
    font-size: 80%;
   }

   .list_middelen-1 li {
     font-size: 80%;
   }
 }

 @media screen and (max-width: 1220px) {
   .trede_naam-1 {
     font-size: 60%;
   }

   .trede_subnaam-1 {
    font-size: 60%;
   }

   .list_middelen-1 li {
     font-size: 60%;
   }
 }

 @media screen and (max-width: 1160px) {
   .trede_naam-1 {
     font-size: 55%;
   }

   .trede_subnaam-1 {
    font-size: 55%;
   }

   .list_middelen-1 li {
     font-size: 55%;
   }
 }

@media screen and (max-width: 1000px) {

}

@media screen and (max-width: 540px) {
  .trede_naam-1 {
    font-size: 75%;
  }

  .trede_subnaam-1 {
   font-size: 75%;
  }

  .list_middelen-1 li {
    font-size: 75%;
  }
}