.interest-list {
	display: flex;
	min-height: 33px;
	font-size: 14px;
	font-weight: bold;
	overflow-x: visible;
	overflow-y: hidden;
	flex-wrap: nowrap;
	justify-content: center;
	margin: 0 auto 0 auto !important;
	padding: 12px 24px !important;
	scrollbar-width: none; /* Firefox */
}

.interest-list__inner {
	display: flex;
	position: relative;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	width: 100%;
	max-width: 1140px;
	overflow-x: visible;
	padding: 0 12px;

	@media (min-width: 992px) {
		flex-wrap: wrap;
	}
}

.interest-list.sticky {
	position: fixed;
	top: 53px;
	z-index: 9999;
	background: white;
	max-width: 100%;
	width: 100%;
	box-shadow: 0 8px 16px 0 rgb(58 70 93 / 7%);
	margin-top: 0 !important;
}

.menu__fixed .interest-list {
	padding: 0px !important;
	.interest-list__inner {
		max-width: none;
		justify-content: center;
	}
}

.interest-list::-webkit-scrollbar {
	display: none;
}

.interest-list__item {
	flex-shrink: 0;
}

.interest-list__item-link {
	padding: 12px;
	transition: all 0.2s ease-in-out;

	@media (min-width: 992px) {
		display: block;
	}
	
}

.interest-list__item.active .interest-list__item-link,
.interest-list__item .interest-list__item-link:hover {
	color: var(--light-blue);
	border-bottom: 2px solid var(--light-blue);
}

.container--full-width .course-list {
	background-color: var(--grey-lightest);
	max-width: 100%;
}

.container--full-width .course-list__inner {
	margin: 0 auto;
	max-width: 100%;
	padding: 0 2.4rem;
}

.courses {
	width: 100%;
	padding-top: 6.4rem;
}

.outflow-profiles {
	margin-top: 25px;
}

.outflow-profiles__title {
	width: 100%;
}

.outflow-profiles + .toggle-outflow-profiles {
	background: none;
	width: 100%;
	text-align: center;
	margin-top: 1.5rem;
}

.toggle-outflow-profiles .arrow {
	vertical-align: 1px;
	margin-right: 3px;
}

.outflow-profiles.show + .toggle-outflow-profiles .arrow {
	transform: rotate(180deg);
}

.outflow-profiles .course-profile {
	grid-template-columns: 162px 1fr;
	min-height: 110px;
}

.outflow-profiles .outflow-profile {
	display: block;
}

.outflow-profiles .outflow-profile + .outflow-profile {
	margin-top: 1.2rem;
}

.course-item__inner {
	padding: 0 2.4rem 2.4rem 2.4rem;
	display: grid;
	grid-gap: 2.4rem;
	grid-template-areas:
		"header header"
		"intro intro"
		"content profiles";
	grid-template-columns: 1fr 1fr;
}

.course-item__inner + .course-item__inner {
	display: none;
}

/* Styling differs for courses without profiles */
.course-item__inner--no-profiles {
	grid-template-areas:
		"header"
		"content";
	grid-template-columns: 100%;
}

.course-item__inner--no-profiles .course-item__content {
	display: grid;
	grid-gap: 2.4rem;
	grid-template-areas: "image content";
	grid-template-columns: 1fr 1fr;
}

.course-item__inner--no-profiles .course-item__image {
	grid-area: image;
}

.course-item__inner--no-profiles .course-item__intro {
	padding-top: 0;
	grid-area: content;
}

.course-item__header {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 0.5rem;
	grid-area: header;
	display: flex;
	align-items: center;
}

.course-item__title {
	padding-bottom: 12px;
	padding-top: 24px;
}

.course-item__type-switch {
	margin-left: auto;
	background: #eee;
	color: var(--grey-lighter);
	border-radius: 20px;
	padding: 4px 0;
	display: flex;
	justify-content: space-between;
	flex-basis: 240px;
}

.course-item__type-switch-item {
	padding: 4px 35px;
	margin: 0 4px;
	font-weight: 700;
	flex-grow: 1;
	text-align: center;
	cursor: pointer;
}

.course-item__type-switch-item.active {
	background-color: var(--light-blue);
	border-radius: 20px;
	color: var(--blue);
}

.course-item__type-switch-item:only-child {
	background: #eee;
	color: var(--blue);
	width: 100%;
	cursor: default;
}

.course-item__type-switch-item:only-child:hover {
	color: var(--blue);
}

.course-item__content {
	grid-area: content;
}

.course-item__cta {
	margin-top: 1.2rem;
}

.course-item__intro-txt {
	grid-area: intro;
	margin-bottom: -10px;
}

.course-item__intro {
	padding-top: 2.4rem;
	color: #1c3254;
}

.course-item__image {
	position: relative;
}

.course-item__image img {
	width: 100%;
	border-radius: 12px;
}

.course-item__image .card__image__topopleiding {
	position: absolute;
	top: 1.4rem;
	right: 0;
	width: 8.6rem;
	height: auto;
	max-height: 80px;
	object-fit: contain;
}

@media (max-width: 768px) {
	.course-item__image .card__image__topopleiding {
		top: 0.8rem;
		width: 5.6rem;
	}
}

.course-item__profiles {
	grid-area: profiles;
}

.course-item__profile-toggles {
	display: none;
}

.course-profile {
	display: grid;
	grid-gap: 1.2rem;
	grid-template-columns: 1fr 2fr;
	background-color: var(--grey-lightest);
	border-radius: 1.2rem;
}

.course-profile:hover {
	color: var(--white);
	background-color: var(--blue-light);
}

.course-profile--details {
	background: white;
}

.course-item__profiles > a {
	display: block;
}

.course-item__profiles a + a {
	margin-top: 1.2rem;
}

.course-item__profiles [data-ec="container"] + [data-ec="container"] {
	margin-top: 1.2rem;
}

.course-profile__image {
	width: 100%;
	border-top-left-radius: 1.2rem;
	border-bottom-left-radius: 1.2rem;
	height: 100%;
	object-fit: cover;
}

.course-profile__content {
	padding: 1.2rem;
}

.course-profile__content p {
	color: var(--grey-lighter);
	font-size: 1.4rem;
	line-height: 2.2rem;
	max-height: 42px;
	overflow: hidden;
}

.course-profile:hover .course-profile__content h5,
.course-profile:hover .course-profile__content p {
	color: var(--white);
}

.section.courses-slider {
	padding: 6.4rem 2.4rem !important;
}

.courses-slider__header {
	display: flex;
	margin-bottom: 2.4rem;
}

.courses-slider__title {
	flex: 1 1 auto;
	padding-right: 150px;
}

.courses-slider__title .title {
	font-size: 36px;
}

.courses-slider__intro {
	color: var(--blue-light);
}

.courses-slider__header .button__text__wrapper {
	margin-left: auto;
	flex: 1 0 auto;
}

.courses-slider .slidercontainer .card__image {
	height: 294px;
}

.courses-slider .button__text__wrapper.d-block {
	margin-top: 2.4rem;
}

.courseFilters.show {
	display: block !important;
}

.button__filters {
	background: #eee;
}

.button__filters h5 {
	display: inline;
}

.button__filters img {
	display: inline;
}

.courseFilters .box {
	background: #eee;
}

@media screen and (max-width: 767px) {
	.courseFilters .box {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
}

@media screen and (max-width: 1199px) {
	.courseFilters .box {
		flex-direction: column;
		max-width: 720px;
		margin: 0 auto;
	}
	.courseFilters + .button {
		max-width: 100%;
	}
}

.header__container.flex-container {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;	
	
	@media screen and (min-width: 992px) {
		margin-bottom: 5rem;
		height: 55rem;

		&.header__container-newindication {
			padding-top: 0;
			padding-bottom: 0;
		}	
	}
	
	@media screen and (min-width: 992px) and (max-width: 1199px) {
		height: 65rem;
	}

	.button-wrapper {
		@media screen and (max-width: 991.98px) {
			margin-top: -5rem;
			margin-bottom: 1rem;
		}

		@media screen and (min-width: 992px) {
			position: absolute;
			left: 1.5rem;
			bottom: -5rem;
			width: calc(100% - 1.5rem);
			z-index: 1;
		}
	}

	.flex-large {		
		flex: 1;
		order: 2;
		padding-left: 15px;

		&.image-wrapper {
			position: relative;

			@media screen and (max-width: 991.98px) {
				padding-left: 0;
			}

			@media screen and (min-width: 992px) {
				height: 55rem;

				.header__image {
					height: 55rem;
				}
			}

			@media screen and (min-width: 992px) and (max-width: 1199px) {
				height: 65rem;

				.header__image {
					height: 65rem;
				}
			}
		}

		@media screen and (min-width: 992px) {
			height: 100%;
			width: 60%;
		}
		@media screen and (max-width: 991.98px) {
			.header__image {
				margin-top: 0;
			}
		}
	}
	
	@media screen and (max-width: 991.98px) {
		.flex-m-1 {
			order: 1;
		}
		.flex-m-2 {
			order: 2;
		}
		.flex-m-3 {
			order: 3;
		}
		.flex-m-4 {
			order: 4;
		}
	}

	.flex-small {
		@media screen and (min-width: 992px) {
			width: 40%;
			padding-right: 15px;
		}

		@media screen and (max-width: 991.98px) {
			&.flex-above-image {			
				.usp-icon__container {
					margin-bottom: 0;
				}
			}

			&.flex-below-image {
				.header__description {
					margin-top: 2rem;
				}
			}
		}		
	}	
}

.header .header__footer.flex__footer {
	@media screen and (max-width: 991.98px) {
		margin-top: 0;
	}
}

@media screen and (max-width: 991.98px) {
	/* Show header image on mobile */
	.container--full-width .header .row {
		display: grid;
		grid-template-areas:
			"image"
			"content";
	}

	.container--full-width .header__container {
		grid-area: content;
	}

	.container--full-width .header__wrapper {
		grid-area: image;
	}

	.container--full-width .header__wrapper .header__image__smallest {
		display: block;
	}

	.interest-list.sticky {
		top: 10px;
	}

	.course-item__inner {
		grid-template-areas:
			"header"
			"content"
			"intro"
			"profiles";
		grid-template-columns: 1fr;
	}

	.course-item__cta {
		margin-bottom: 2.5rem;
		margin-top: 0;
	}

	.course-item__profiles {
		display: none;
	}

	.course-item__profiles.show {
		display: block;
	}

	.course-item__profile-toggles {
		display: block;
		text-align: center;
		display: flex;
		justify-content: center;
	}

	.course-item__profile-toggles.active .arrow {
		transform: rotate(0deg);
	}

	.course-item__profile-toggles .arrow {
		margin-left: 1.2rem;
		margin-top: -3px;
		transform: rotate(180deg);
	}

	.course-profile__content {
		padding-left: 0;
		padding-right: 5px;
	}

	.outflow-profiles .course-profile {
		grid-template-columns: 1fr 2fr;
	}

	.course-profile__content h5 {
		font-size: 1.4rem;
		line-height: 2rem;
	}
}

@media screen and (max-width: 767px) {
	.course-item__inner {
		padding-bottom: 0;
	}

	.course-item__header {
		display: block;
		border-bottom: 0;
	}

	.course-item__header .course-item__title,
	.course-item__header,
	.course-item__type-switch {
		width: 100%;
	}

	.course-item__inner--no-profiles .course-item__content {
		grid-template-areas:
			"image"
			"content";
		grid-template-columns: 1fr;
	}

	.courses-slider__title {
		padding-right: 0;
	}

	.courses-slider__title .title {
		font-size: 24px;
	}

	.courses-slider .slidercontainer .card__image {
		height: 148px;
	}
}

@media screen and (max-width: 767px) {
	.interest-list {
		margin-top: 0 !important;
	}
}

@media (min-width: 576px) {
	.container--full-width .course-list__inner,
	.interest-list__inner {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.container--full-width .course-list__inner,
	.interest-list__inner {
		max-width: 720px;
	}
}
@media (min-width: 992px) {
	.container--full-width .course-list__inner,
	.interest-list__inner {
		max-width: 960px;
	}
}
@media (min-width: 1200px) {
	.container--full-width .course-list__inner,
	.interest-list__inner {
		max-width: 1140px;
	}
}