/* ************************************ */ 
/* ALGEMEEN                             */ 
/* ************************************ */ 

html, body {
  overflow-x: hidden;
}

* {
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

a {
  text-decoration: none;
}

p, li {
  font-size: 1.1em;
  line-height: 185%;
}
h2 {
  font-size: 2.8em;
}

.margin-top-120 {
  /* margin-top: 120px; */
}
.margin-top-180 {
  margin-top: 180px;
}

/* 
  .text-row .content p {
    font-size: 1.15rem;
    line-height: 180%;
  }
  */

/* ************************************ */ 
/* ALGEMEEN > NAVIGATIE BALK            */ 
/* ************************************ */ 

  #top_container > .row:first-of-type, #top_container > form:not(.no-padding) > .row:first-of-type  {
    padding-top: 124px !important;
  }

  .my-nav-row {
    height: 124px;
	z-index: 2500;
  }
  .logo-ewn img {
    position: absolute;
    top: 0;
    height: 175px;
    z-index: 999;
  }
  
  ul.my-nav li.nav-item {
    margin: 0 10px;
  }
  ul.my-nav li.nav-item a {
    color: rgba(0,0,0,1);
    font-size: 1.2em;
    /* font-weight: bold; */
    height: 124px;
    /* line-height: 124px; */
    padding-top: 65px;
  }
  ul.my-nav *:focus {
    outline: none;
  }
  ul.my-nav li.nav-item a:hover {
    color: #dd1b83;
  }
  .navbar .active {
    color: #dd1b83 !important;
  }
  .navbar li.dropdown { position:static!important; }
  .navbar div.dropdown-menu {
    left:0; 
    right:0; 
    width:100%; 
    margin-top:0;  
    background-clip: initial;
    border: none;
    border-radius: 0px;
    z-index: 500;
    }
  
    .navbar div.dropdown-menu a.dropdown-item {
      font-weight: normal;
      font-size: 1em;
      height: 36px;
      line-height: 36px;
      padding: 0 5px;
    }
    .navbar div.dropdown-menu a.dropdown-item:hover {
      background-color: transparent;
    }
    .navbar div.dropdown-menu-content {
      position: relative;
      margin-bottom: 30px;
    }
  
    .navbar .pink-link {
      margin-right: 0 !important;
    }
    .navbar .pink-link a {
      background-color: #dd1b83;
      color: rgba(255,255,255,1) !important;
      padding: 65px 33px 0 33px !important;
      }
      .navbar .pink-link a:hover {
        color: white !important;
        text-decoration: underline;
        }
  
  @media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{   }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
  }

/* ******************************************* */ 
/* ALGEMEEN > TEKST, KLEUR & BACKGROUNDS       */ 
/* ******************************************* */ 

.helvetica-light {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue";
  font-weight: 200;
}
.helvetica-ultra-light {
  font-family: "HelveticaNeue-UltraLight", "Helvetica Neue Light", "Helvetica Neue";
  font-weight: 200;
}

.shadow {
  box-shadow: 0px 0px 2px 2px rgba(0,0,0,.075)!important;
  border-radius: 10px;
}

.music-bg {
  background-color: #2e8228;
}
.sing-bg {
  background-color: #0F78B2;
}
.dance-bg {
  background-color: #a50062;
}
.drama-bg {
  background-color: #3c427b;
}
.beeld-bg {
  background-color: #bd0019;
}

.pink-text {
  color: #e01884;
}
.white-text {
  color: white;
}
.green-text {
  color: #2e8228;
}
.blue-text {
  color: #0F78B2;
}
.white-bg {
  background-color: white;
}
.two-color-yellow-bg-stretched {
  background-color: #f9c737;
  border-left: 600rem solid #f9c737;
  border-right: 600rem solid #fad25f;
  margin: 0 -600rem;      
}
.two-color-first-bg {
  background-color: #f9c737;
}
.two-color-second-bg {
  background-color: #fad25f;
}
.pink-bg {
  background-color: #e01884;
}
.pink-bg-stretched {
  background-color: #e01884;
  border-left: 600rem solid #e01884;
  border-right: 600rem solid #e01884;
  margin: 0 -600rem;      
  }
.red-bg-stretched {
  background-color: #bd0019;
  border-left: 600rem solid #bd0019;
  border-right: 600rem solid #bd0019;
  margin: 0 -600rem;      
  }
	
.light-pink-bg-stretched {
  background-color: #FBE0EF;
  border-left: 600rem solid #FBE0EF;
  border-right: 600rem solid #FBE0EF;
  margin: 0 -600rem;      
	}

.orange-bg {
  background-color: #ef790c;
  }
.orange-bg-stretched {
  background-color: #ef790c;
  border-left: 600rem solid #ef790c;
  border-right: 600rem solid #ef790c;
  margin: 0 -600rem;
  }
.green-bg-stretched {
  background-color: #2e8228;
  border-left: 600rem solid #2e8228;
  border-right: 600rem solid #2e8228;
  margin: 0 -600rem;
  }  
.blue-bg-stretched {
  background-color: #0F78B2;
  border-left: 600rem solid #0F78B2;
  border-right: 600rem solid #0F78B2;
  margin: 0 -600rem;
  }    
.light-yellow-bg-stretched {
  background-color: #fbd238;
  border-left: 600rem solid #fbd238;
  border-right: 600rem solid #fbd238;
  margin: 0 -600rem;    
}
.yellow-bg {
  background-color: #ffcd00;
}
.yellow-bg-stretched {
  background-color: #ffcd00;
  border-left: 600rem solid #ffcd00;
  border-right: 600rem solid #ffcd00;
  margin: 0 -600rem;    
}
.gradient-bg-stretched {
  margin: 0 -600rem;
  /* background: rgb(249,235,26); */
  background: linear-gradient(90deg, rgba(249,235,26,1) 0%, rgba(241,180,13,1) 42%, rgba(238,166,15,1) 100%);
  border-left: 600rem solid #f9eb1a;
  border-right: 600rem solid #eea60f;
}

/* ************************************ */ 
/* ALGEMEEN > LINKS & KNOPPEN           */ 
/* ************************************ */ 

.btn_magazine {
	background-color: #dd1b83;
	border: 1px solid #dd1b83;
	position: absolute;
	margin-left: 800px;
	color: white;
	padding: 10px 16px;
	font-size: 19pt;
	margin-top: 40px;
	z-index: 2000;
/*	font-weight: bold;*/
}
.btn_magazine:active {
	color: white;
}
.btn_magazine:hover {
	color: white;
}

.btn-external {
  background-color: #e01884;
  background-image: url('images/link-eyes.png');
  background-repeat: no-repeat;
  background-position: 90% center;
  background-size: 50px;
  border-radius: 10px;
  color: white;
  font-size: 1.25em;
  padding: 13px 100px 13px 30px;
  line-height: 25px;
  align-self:flex-start;
}
.btn-internal {
  background-color: #e01884;
  border-radius: 10px;
  color: white;
  font-size: 1.15em;
  padding: 13px 100px 13px 30px;
  line-height: 25px;
  align-self:flex-start;
}
.btn-internal-small {
  background-color: #e01884;
  border-radius: 10px;
  color: white;
  font-size: 1.15em;
  padding: 6px 20px 6px 20px;
  line-height: 25px;
  align-self:flex-start;
}
.btn-internal-small:hover {
  color: white !important;
  text-decoration: underline;
}
.btn-external:hover, .btn-internal:hover {
  filter: opacity(.92);
  color: white;
}

/* ************************************ */ 
/* ALGEMEEN > CARROUSEL                 */ 
/* ************************************ */ 

.carrousel-order-btn {
  background-color: transparent;
  width: 232px;
  height: 232px;
  position: absolute;
  margin-top: 499px;
  margin-left: 220px;
  border-radius: 50%;
}
.carrousel-order-btn:hover {
  background-color: white;
  filter: opacity(0.1);
}

.carousel-control-prev, .carousel-control-next {
  width: 4%;
  opacity: 0.75;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 1rem;
  height: 1.6rem;
}
.carousel-control-prev-icon {
  background-image: url('images/carousel-arrow-left.png');
}
.carousel-control-next-icon {
  background-image: url('images/carousel-arrow-right.png');
}

/* ************************************** */ 
/* ALGEMEEN > VERVOLGPAGINA */
/* ************************************** */ 

.my-header-img .col {
  width: 100%;
  aspect-ratio: 1296 / 657;
  background-size: cover;
}
.page-waarom.my-header-img .col {
  background-image: url('images/waarom/header.png');
}
.page-over-ons.my-header-img .col {
  background-image: url('images/over-ons/header.png');
}
.page-and-next.my-header-img .col {
  background-image: url('images/and-next/header.png');
}
.page-bestellen.my-header-img .col {
  background-image: url('images/bestellen/header.png');
}
.page-bestellen-vervolg.my-header-img .col {
  background-image: url('images/bestellen/header-extra.png');
  aspect-ratio: 1296 / 827;
}
.page-bestellen-proefabo.my-header-img .col {
  background-image: url('images/bestellen/header-vervolg.png');
  aspect-ratio: 1296 / 827;
}
.page-contact .col {
  background-image: url('images/contact/header.png');
  aspect-ratio: 1296 / 827;
  }
  .my-username-form {
    position: absolute;
    left: -999999999px;
  }
.page-faq .col {
  background-image: url('images/veelgestelde-vragen/header.png');
  aspect-ratio: 1296 / 827;
  }  

img.cta-proefabo {
  position: absolute;
  width: 270px;
  cursor: pointer;
  border-radius: 50%;
  } 
  img.cta-proefabo:hover {
    filter: brightness(1.04);
  }

.white-overlay {
  margin: 0 -600rem;
  border-left: 600rem solid #f9eb1a;
  border-right: 600rem solid #eea60f;
  background-color: white;
  height: 110px;
  display: flex;
  align-items: flex-end;
  }
  .white-overlay.orange {
    border-left: 600rem solid #ef790c;
    border-right: 600rem solid #ef790c;
    background-color: transparent !important;
    }

  .white-overlay .col {
    width: 100%;
    /* aspect-ratio: 1296 / 125; */
    margin-bottom: -6px;
    }

    #content_header h2 {
      margin-bottom: 10px;
      }
    #content_header h4 {
      /* font-size: 1.2rem; */
      margin-bottom: 3px;
      }

    .white-overlay .col h2, .white-overlay .col h4 {
      color: #d93685;
      }
      
/* ************************************ */ 
/* HOMEPAGE > RIJ MET METHODEN          */ 
/* ************************************ */ 

.my-methods-row {
  border-left: 600rem solid #ea872f;
  border-right: 600rem solid #ea872f;
  margin: 0 -600rem;
  }
  .my-method:hover .method-readmore .icon {
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
  }
  .my-method .method-container {
    padding-left: 10px;
  }
  .my-method .method-title{
    color: white;
    font-size: 2.5vw;
    margin-top: 25px;
  }
  .my-method .method-readmore {
    padding-bottom: 10px;
    }

    .my-method .method-readmore a {
      color: white;
      font-size: 1.2vw;
      text-decoration: none;
      }

      .my-method .method-readmore a:hover {
        /* text-decoration: underline; */
      }
      
    .my-method .method-readmore .icon {
      color: white;
      font-size: 75%;
      padding: 5px 15px 0 0;
      -webkit-transition: transform 0.3s ease-out;
      -moz-transition: transform 0.3s ease-out;
      -ms-transition: transform 0.3s ease-out;
      -o-transition: transform 0.3s ease-out;
      transition: transform 0.3s ease-out;
    }

/* ************************************ */ 
/* HOMEPAGE > METHODE CONTENT           */ 
/* ************************************ */     


.my-method-content {
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}
.my-method-content .col {
  aspect-ratio: 0.85 / 1;
}
.my-method-content.music {
  background-color: #2e8228;
  border-left: 600rem solid #2e8228;
  border-right: 600rem solid #2e8228;
  margin: 0 -600rem;      
  background-image: url('images/homepage/methode-muziek.png');
}
.my-method-content.sing {
  background-color: #0F78B2;
  border-left: 600rem solid #0F78B2;
  border-right: 600rem solid #0F78B2;
  margin: 0 -600rem;      
  background-image: url('images/homepage/methode-zing.png');
}
.my-method-content.dance {
  background-color: #a50062;
  border-left: 600rem solid #a50062;
  border-right: 600rem solid #a50062;
  margin: 0 -600rem;   
  background-image: url('images/homepage/methode-dans.png');   
}
.my-method-content.drama {
  background-color: #3c427b;
  border-left: 600rem solid #3c427b;
  border-right: 600rem solid #3c427b;
  margin: 0 -600rem;  
  background-image: url('images/homepage/methode-drama.png');    
}
.my-method-content.beeld {
  background-color: #bd0019;
  border-left: 600rem solid #bd0019;
  border-right: 600rem solid #bd0019;
  margin: 0 -600rem;     
  background-image: url('images/homepage/methode-beeldend.png'); 
}
.my-method-content strong {
  font-size: 120%;
}
.my-method-content p {
  font-size: 1.1em;
  line-height: 200%;
}
p.intro {
  font-weight: bold;
}
.my-method-content.music .btn-external {
  background-color: #2e8228;
  border-color: white;
  color: white;
}
.my-method-content.sing .btn-external {
  background-color: #0F78B2;
  border-color: white;
  color: white;
}
.my-method-content.dance .btn-external {
  background-color: #a50062;
  border-color: white;
  color: white;
}
.my-method-content.drama .btn-external {
  background-color: #3c427b;
  border-color: white;
  color: white;
}
.my-method-content.beeld .btn-external {
  background-color: #bd0019;
  border-color: white;
  color: white;
}

/* ************************************ */ 
/* WAAROM                               */ 
/* ************************************ */ 

.video-player img, iframe#player {
  border-radius: 20px;
  transform: translateZ(0);
  width: 100%;
  border: 12px solid #E99713;
}
/* .rounded_player img::before {
  content: "";
  border: 12px solid #E99713;
  border-radius: 20px;
} */
/* iframe#player {
  border-radius: 20px;
  border: 8px solid #E5A93F;
} */

/* ************************************ */ 
/* WAAROM > VOOR WIE                    */ 
/* ************************************ */ 

.voor_wie-container {
  -webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.5); 
  box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.5);
}
  .voor_wie .voor_wie-container a {
  }
  .voor_wie .voor_wie-container h4 {
    background-color: #e01884;
    color: white;
    font-weight: bold;
    height: 80px;
    text-indent: 20px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;    
  }
  .voor_wie .voor_wie-container h4::after {
    margin: -4px 18px 0 0;
    content: "";
    border-top: 0.6em solid;
    border-right: 0.6em solid transparent;
    border-bottom: 0;
    border-left: 0.6em solid transparent;
  }
  .voor_wie a[aria-expanded=true] .voor_wie-container h4::after {
    margin: 0 18px 0 0;
    content: "";
    border-bottom: 0.6em solid;
    border-right: 0.6em solid transparent;
    border-top: 0;
    border-left: 0.6em solid transparent;
  }

  .voor_wie .voor_wie-content {
    background-color: #ef790c;
    color: black;
    /* aspect-ratio: 1 / 1; */
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
    min-height: 350px;
    overflow: auto !important;
  }
  .voor_wie .voor_wie-content.basisscholen {
    background-image: url('images/voor-wie_basisscholen.png');
  }
  .voor_wie .voor_wie-content.speciaalonderwijs {
    background-image: url('images/voor-wie_speciaal-onderwijs.png');
  } 
  .voor_wie .voor_wie-content.cultureleinstellingen {
    background-image: url('images/voor-wie_culturele-instellingen.png');
  }
  .voor_wie .voor_wie-content.vakleraren {
    background-image: url('images/voor-wie_vakleraren.png');
  }
  .voor_wie .voor_wie-content.studenten {
    background-image: url('images/voor-wie_studenten.png');
  }
  .voor_wie .voor_wie-content.muziekverenigingen {
    background-image: url('images/voor-wie_muziekverenigingen.png');
    background-position: center right;
  }  
  .voor_wie .voor_wie-text {
    background-color: #fdf4f9;
    padding: 10px 20px 10px 5px;
    min-height: 350px;
  }


/* ************************************ */ 
/* OVER ONS                             */ 
/* ************************************ */ 

.team-images .team-info {
  border-left: 1px solid white;
  border-right: 1px solid white;
  }
  .team-images .team-info:nth-child(3n+1) {
    border-right: none;
    }
  .team-images .team-info:nth-child(3n+0) {
    border-left: none;
    }
  
  .team-images .team-info .round-image {
    min-height: 225px;
    border-radius: 50%;
    border: 0.5vw solid white;
    width: 100%;
  }
  .team-images .team-info .text h4 {
    font-size: 1.05rem;
    margin-bottom: 5px;
    }
  .team-images .team-info .text h5 {
    font-size: 0.95rem;
    }
  .team-images .team-info .text p {
    /* font-size: 0.9rem; */
    /* line-height: 24px; */
    }
  

/* ************************************ */ 
/* AND NEXT                             */ 
/* ************************************ */ 

.and-next-header {
  min-height: 570px;
}
.and-next-header-image {
  position: absolute; 
  width: 864px;
}

.and-next-container {
  box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.5);
}

.and-next-container .image img {
  vertical-align: top;
}
.and-next-container .title {
  
  color: white;
  /* font-size: 14pt; */
  font-weight: bold;
  height: 80px;
  line-height: 80px;
  text-indent: 15px;
  margin-top: -1px;
}
.and-next-container .title.pink {
  background-color: #dd1b83;
}
.and-next-container .title.green {
  background-color: #3c9831;
}
.and-next-container .title.blue {
  background-color: #007ab4;
}
.and-next-container .title.red {
  background-color: #bd0019;
}

.and-next-container .intro {
  padding: 20px 15px;
  min-height: 150px;
  color: black;
}

.code-input {
  width: 500px;
}
.code-input input[type=text] {
  width: 300px;
  padding-left: 10px;
}

/* ************************************ */ 
/* CONTACT                              */ 
/* ************************************ */ 

.page-contact .col p {
  line-height: 2em;
  /* font-weight: bold; */
  /* font-size: 1.5em; */
  margin-bottom: 45px;
}

.contact-header-row {
  margin-top: -90px;
  }

.contact-header {
  align-items: center;
  color: white;
  display: flex;
  height: 90px;
  }

.yellow-form .form-element {
  margin-bottom: 25px !important;
}
.yellow-form .form-element label {
  margin-bottom: 12px;
}  
.yellow-form .form-element label.required::after {
  content: "*";
  color: red;
  padding-left: 7px;
}
.yellow-form .form-element input, .yellow-form .form-element textarea {
  border-radius: 10px;
  font-size: 1.2em;
}
.yellow-form .form-element input.error, .yellow-form .form-element textarea.error {
  border-color: red;
}
.yellow-form .form-element input {
  height: 51px;
}
.yellow-form .form-element input::placeholder {
  color: #CDCDCD;
}
.yellow-form .form-element textarea {
  height: 170px;
}
.yellow-form .form-element input[type=submit] {
  height: 45px;
  line-height: 30px;
  padding: 5px 43px;
  margin-top: 20px;
}
.contact-sidetext {
  font-size: 1.2em;
}

/* ************************************ */ 
/* FORMULIER - Activeer schoolaccount   */ 
/* ************************************ */ 

.activate-form .form-element {
	display: flex;
	border-bottom: 1px solid #FEC409;
	}

	.activate-form label {
		background-color: white;
		font-size: 1em;
		line-height: 2.5em;
		margin: 0;
		text-indent: 17px;
		width: 300px;
		}
		
	.activate-form input {
		background-color: rgb(255,232,135);
		border: 1px solid rgb(255,232,135);
		border-radius: 0;
		height: 2.5em;
		width: 100%;
	}
	.activate-form input:focus {
		background-color: rgb(255,232,135);
		border: 1px solid rgb(255,232,135);
		outline: none;
		box-shadow: none
	}


/* ************************************ */ 
/* FORMULIER - STIPPELLIJN              */ 
/* ************************************ */ 

.dotted-form input[type=text], .dotted-form input[type=password], .dotted-form textarea, .dotted-form input[type=number] {
  border: none;
  border-radius: 0;
  border-bottom: 2px dotted grey;
  text-indent: 0;
  padding-left: 15px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.dotted-form input[type=text].error, .dotted-form input[type=password].error, .dotted-form textarea.error, .dotted-form input[type=number].error {
  border-bottom: 2px dotted red;
}
.dotted-form input[type=text]:not(:placeholder-shown), .dotted-form input[type=password]:not(:placeholder-shown), .dotted-form textarea:not(:placeholder-shown), .dotted-form input[type=number]:not(:placeholder-shown)  {
  background-color: lightyellow;
  border-bottom: none;
}

.dotted-form .form-element.error {
  border-bottom: 2px dotted red;
}

.dotted-form a {
  color: black;
  text-decoration: underline;
  }
  .dotted-form a:hover {
    color: black;
  }
  .dotted-form a.btn-internal {
    color: white;
    text-decoration: none;
    }

.dotted-form .btn-internal-small {
  padding-right: 30px;
  font-weight: bold;
}

/* ************************************ */ 
/* AFREKENEN                            */ 
/* ************************************ */ 

.order-page .rounded-corners {
	border-radius: 5px;
}

.order-page .order-field-box {
	padding: 10px 20px;
}

.order-page label {
	display: block;
/*	font-weight: bold;*/
	margin-bottom: 15px;
}

.order-page input[type=text], .order-page input[type=email] {
	border: 1px solid transparent;
	border-bottom: 1px dashed #a2a2a2;
	width: 100%;
}
.order-page input[type=text].error, .order-page input[type=email].error {
	border-bottom-color: red;
}
.counter {
	display: flex;
	height: 35px;
}

.counter button {
	background-color: white;
	border: 1px solid white;
	color: #e01884;
	font-weight: bold;
	height: 35px;
	width: 35px;
}
.counter button:first-of-type {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.counter button:last-of-type {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.counter input[type=text] {
	background-color: white;
	border: 1px solid white;
	color: #e01884;
	font-weight: bold;
	text-align: center;
	width: 35px;
}

.line_order {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.line_subtotaal, .line_bezorging, .line_btw, .line_totaal {
	display: flex;
	justify-content: space-between;
	line-height: 30px;
}



/* ************************************ */ 
/* PRIVACY                              */ 
/* ************************************ */ 

.privacy-content h4 {
  color: #ea872f;
  font-weight: bold;
  margin-top: 35px;
  }
.privacy-content h5 {
  color: #ea872f; 
} 
.privacy-content ul {
  margin-top: -1em;
}

/* ************************************ */ 
/* FOOTER                               */ 
/* ************************************ */ 

.footer {
  color: white;
  line-height: 1.75em;
  }
  
  .footer * {
    color: white;
    }
    
  .footer * a:hover {
    color: white;
    text-decoration: underline;
    }

  .footer img {
    width: 60px;
    margin-right: 12px;
    }
  
    .footer img:hover {
      filter: invert(10%)
    }
    .footer .linked-images a {
      text-decoration: none;
    }
    

.footer h3 {
  border-bottom: 1px solid white;
  font-size: 1.5em;
  padding-bottom: 7px;
  }

/* ************************************ */ 
/* BESTELLEN                            */ 
/* ************************************ */ 

.bestellen-container {
  -webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.5); 
  box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.5);
  background-color: white;
}
  .bestellen .title {
    background-color: #e01884;
    color: white;
    display: block;
    font-weight: bold;
    text-indent: 20px;
    }
    .bestellen .title h4 {
      line-height: 80px;
    }
  
  .bestellen .content {
    min-height: 350px;
    background-color: white;
    padding: 0 20px;
    }

    .bestellen .content .price {
      color: #e01884;
      }

  .bestellen .moreinfo {
    padding-left: 20px;
    }      
    .bestellen .moreinfo a {
      color: #e01884 !important;
      line-height: 75px;
    }
  .bestellen .action {
    background-color: white;
    border-top: 1px solid #e01884;
    line-height: 75px;
    text-indent: 20px;
    display: flex;
    justify-content: space-between;
    }

    .bestellen .action a {
      color: #e01884;
      /* display: block; */
      display: flex;
      justify-content: space-between;
      width: 100%;
      }

    .bestellen .action a::after {
      /* margin: 24px 18px 0 0; */
      content: "";
      background-color: #e01884;
      background-image: url('images/carousel-arrow-right.png');
      background-repeat: no-repeat;
      background-size: 50% 70%;
      background-position: center center;
      width: 75px;
      height: 75px;
    }

  
/* ************************************** */ 
/* BESTELFORMULIEREN                      */
/* ************************************** */    

.pt-10 {
  padding-top: 100px;
}
.pb-7 {
  padding-bottom: 70px;
}

.steps {
  display: flex;
  }
  .steps .step {
    aspect-ratio: 1/1;
    background-color: #fbdd87;
    border-radius: 50%;
    color: white;
    font-size: 16pt;
    font-weight: bold;
    margin-right: 20px;
    padding: 10px 0 0 20px;
    width: 50px;
    }
    .steps .step.current {
      background-color: white;
      color: #e01884;
      }

.white-rounded-bg {
  background-color: white;
  border-radius: 25px;
  box-shadow: 0px 0px 2px 2px rgba(0,0,0,.075)!important;
}
.light-yellow-rounded-bg {
  background-color: #fbdd87;
  border-radius: 25px;
  /* box-shadow: 0px 0px 2px 2px rgba(0,0,0,.075)!important; */
}
.white-line {
  border-color: white;
  background-color: white;
  opacity: 1;
}

.form-label {
  margin-top: 6px;
}

.bestelform-submit {
  border: none;
  background-color: transparent;
  background-image: url('images/carousel-arrow-right.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-size:contain;
  color: white;
  font-weight: bold;
  margin-top: 15px;
  padding-right: 30px;
  }
.bestelform-previous {
  border: none;
  background-color: transparent;
  background-image: url('images/carousel-arrow-left.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  color: white;
  font-weight: bold;
  margin-top: 15px;
  padding-left: 30px;
  }  


/* ************************************** */ 
/* VEELGESTELDE VRAGEN                    */
/* ************************************** */    


.faq-row {
  border-bottom: 2px solid #e01884;
  }
  .faq-row:last-child {
    border-bottom: none;
    }

  .faq-question {
    color: black;
    display: flex;
    font-weight: bold;
    justify-content: space-between;
    height: 75px;
    line-height: 75px;
    text-indent: 15px;
    width: 100%;
    }
    .faq-question:hover {
      color: black;
      background-color: #fcedf5;
      }
    .faq-question[aria-expanded=true] {
      color: black;
      background-color: #fcedf5;
      } 

    .faq-question[aria-expanded=false]::after {
      margin: 30px 30px 0 0;
      content: "";
      border-top: 0.6em solid;
      border-right: 0.6em solid transparent;
      border-bottom: 0;
      border-left: 0.6em solid transparent;
      width: 0;
      height: 0;
      }

    .faq-question[aria-expanded=true]::after {
      margin: 30px 30px 0 0;
      content: "";
      border-bottom: 0.6em solid;
      border-right: 0.6em solid transparent;
      border-top: 0;
      border-left: 0.6em solid transparent;
      width: 0;
      height: 0;
      }  
      

  .faq-answer {
    background-color: #fcedf5;
    padding: 30px 15px 40px 15px;
    }


/* ************************************ */ 
/* WAT ZEGGEN ONZE GEBRUIKERS           */ 
/* ************************************ */ 

#carousel-container .carousel-inner {
  display: flex;
  /* justify-content: center; */
}

#carousel-container .carousel-inner .carousel-item.active,
#carousel-container .carousel-inner .carousel-item-next,
#carousel-container .carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  
  #carousel-container .carousel-inner .carousel-item-end.active,
  #carousel-container .carousel-inner .carousel-item-next {
    transform: translateX(33%);
  }
  
  #carousel-container .carousel-inner .carousel-item-start.active, 
  #carousel-container .carousel-inner .carousel-item-prev {
    transform: translateX(-33%);
  }

  #carousel-container .col-md-4.px-5 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
  }
  #carousel-container img{
    border-radius: 50%;
    border: 10px solid white;
    width: 100%;
  }

  #carousel-container .carousel-item .col-md-4:nth-child(2){
    /* justify-content: space-between; */
    /* width: 23%; */
    border-left: 1px solid white;
    border-right: 1px solid white;
  }

}

@media (max-width: 767px) {
  
  #carousel-container .carousel-inner .carousel-item-end.active,
  #carousel-container .carousel-inner .carousel-item-next {
    transform: translateX(33%);
  }
  
  #carousel-container .carousel-inner .carousel-item-start.active, 
  #carousel-container .carousel-inner .carousel-item-prev {
    transform: translateX(-33%);
  }

  #carousel-container .col-md-4.px-5 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important;
  }
  #carousel-container img{
    border-radius: 50%;
    border: 10px solid white;
    width: 100%;
  }

  #carousel-container .carousel-item .col-md-4:nth-child(2){
    /* justify-content: space-between; */
    /* width: 23%; */
    border-left: 1px solid white;
    border-right: 1px solid white;
  }

}

/* 
@media (max-width: 767px) {
  #wat-zeggen-onze-gebruikers .card img{
    width: 100%;
    height: 75vh;
  }
} */

#carousel-container .carousel-inner .carousel-item-end,
#carousel-container .carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

#carousel-container .float-end{
  padding-top: 10px;
}