/* Begin styling voor de over ons pagina */

/* Begin styling block 1 */
.about-us .about-section .about-wrap{
  display: flex;
  justify-content: center;
  margin-top: -50px;
  position: relative;
  border-radius: var(--border_radius);
  padding: calc(var(--item_spacing) * 2);
  box-shadow: var(--shadow_small);
  background: #fff;
}

.about-us .about-section .about-wrap .small-text{
  display: flex;
  justify-content: center;
}

.about-us .about-section .about-wrap .small-text h2{
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--accent);
  font-weight: bold;
}

.about-us .about-section .about-wrap .big-text{
  width: 100%;
}

@media(max-width: 992px){
   .about-us .about-section .about-wrap{
    flex-direction: column;
    padding: 20px;
    margin-bottom: 0;
    gap: 20px;
  }
}
/* Einde styling block 1 */

/* Begin styling block 2 */
 .about-us .image-section .window-wrap{
  display: flex;
  align-items: stretch;
}

.about-us .image-section .window-wrap:nth-child(2){
  flex-direction: row-reverse;
}

.about-us .image-section .window-wrap .image-content{
  position: relative;
  width: 100%;
}

.about-us .image-section .window-wrap .image-content img{
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  position: absolute;
}

.about-us .image-section .window-wrap .text-content{
  display: flex;
  width: 100%;
}

.about-us .image-section .window-wrap .text-content .text{
/*   padding: 32px; */
  padding: calc(var(--item_spacing) * 2);
}

.about-us .image-section .window-wrap .text-content .text h2{
  font-weight: bold;
  margin-bottom: 20px;
}

@media(max-width: 992px){
  .about-us .image-section .window-wrap:first-child{
    margin-bottom: 15px;
  }
  .about-us .image-section .window-wrap,
  .about-us .image-section .window-wrap:nth-child(2){
    flex-direction: column-reverse;
  }
  .about-us .image-section .window-wrap .image-content img{
    position: relative;
    max-height: 500px;
  }
  .about-us .image-section .window-wrap .text-content .text{
    padding: 0;
    padding-bottom: calc(var(--item_spacing));
  }
  .about-us .image-section .window-wrap .text-content .text h2{
    margin-bottom: 15px;
  }
}

@media(max-width: 767px){
  .about-us .image-section .window-wrap .image-content img{
    max-height: 450px;
  }
}
/* Einde styling block 2 */

/* Begin styling voor de time table */
.history-section .time-table-wrap{
  margin: 0 auto;
  max-width: 1200px;
  box-shadow: var(--shadow_small);
  border-radius: var(--border_radius);
  background: #fff;
}

.history-section .time-table-wrap .tab_navigation{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.history-section .time-table-wrap .tab_navigation li{
  display: inline-block;
  padding: 20px;
  color: #000;
  border-bottom: 2px solid #eee;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  flex: 1;
}

.history-section .time-table-wrap .tab_navigation li.active,
.history-section .time-table-wrap .tab_navigation li:hover{
  border-bottom: 2px solid var(--accent);
  color: var(--accent);
  background: #ffe7d5c4;
  font-weight: bold;
}

.history-section .time-table-wrap .tab_container{
  min-height: 350px;
  display: none;
}

.history-section .time-table-wrap .tab_container .tab-inner{
  display: flex;
  align-items: stretch;
  gap: 20px;
  padding: var(--item_spacing);
  min-height: 400px;
}

.history-section .time-table-wrap .tab_container .tab-inner .image-content,
.history-section .time-table-wrap .tab_container .tab-inner .text-content{
  width: 100%;
}

.history-section .time-table-wrap .tab_container .tab-inner .image-content{
  position: relative;
}

.history-section .time-table-wrap .tab_container .tab-inner .image-content img{
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.history-section .time-table-wrap .tab_container .tab-inner .text-content{
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
}

@media(max-width: 767px){
  .history-section .time-table-wrap .tab_navigation{
    display: block;
  }
  .history-section .time-table-wrap .tab_container .tab-inner{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
  }
  .history-section .time-table-wrap .tab_container .tab-inner .image-content img{
    position: unset;
    height: auto;
  }
}
/* Einde styling voor de time table */

/* Einde styling voor de over ons pagina */