*,
::after,
::before {
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}
html,
body {
	margin: 0;
	overflow: visible;
}
body {
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.25;
	color: hsla(183, 10%, 10%, 0.87);
	background-color: hsl(183, 14%, 96%);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
a {
	color: hsla(183, 10%, 10%, 0.87);
	text-decoration: none;
}
a:hover {
	color: hsla(183, 10%, 10%, 0.87);
	text-decoration: none;
}
button:focus {
	outline: none;
}

.tagPlate p{
	margin: 4px 3px;
	border-radius: 5px;
	background: #f2f2f2;
	padding: 5px 8px 5px 10px;
	border: 1px solid #e3d1e1;
	width: fit-content;
}

.tagPlate {
	display: inline-block;
}

.sidebar-cc, .sidebar-rc {
	position: fixed;
	width: 500px;
	height: 100%;
	background: white;
	display: block;
	left: -500px;
	transition: .4s;
	top: 0;
	z-index: 1037;
}

.sidebar-cc ul li, .sidebar-rc ul li {
	list-style: none;
	color: black;
	margin-top: 30px;
	position: relative;
	font-size: 15px;
	padding: 26px 24px;
	height: 130px;
	float: left;
	width: 50%;
	z-index: 3;
}

.sidebar-cc ul li img, .sidebar-rc ul li img {
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}

.sidebar-cc ul, .sidebar-rc ul {
	list-style-type: disc;
	height: 80%;
	width: 100%;
	top: 15%;
	position: absolute;
	overflow-y: scroll;
}

.sidebar-cc ul::-webkit-scrollbar,.sidebar-rc ul::-webkit-scrollbar {
	width: 10px;
}
.sidebar-cc ul::-webkit-scrollbar-track,.sidebar-rc ul::-webkit-scrollbar {
	background: #f1f1f1;
}

.sidebar-cc ul::-webkit-scrollbar-thumb,.sidebar-rc ul::-webkit-scrollbar {
	background: #888;
}

.sidebar-cc ul::-webkit-scrollbar-thumb:hover,.sidebar-rc ul::-webkit-scrollbar {
	background: #555;
}

.sidebar-cc  div.c-navHeaderDrop__name, .sidebar-rc  div.c-navHeaderDrop__name{
	margin: 10px 0 0 6px;
}

.sidebar-cc .c-navHeaderDrop__name a, .sidebar-rc .c-navHeaderDrop__name a{
	font-size: 20px;
	left: 15%;
	top: 10.4%;
	position: absolute;
}

.sidebar-cc .getCat, .sidebar-rc .getCat {
	position: absolute;
	top: 30px;
	left: 330px;
	height: 36.5%;
	z-index: 3;
}

.sidebar-cc.active, .sidebar-rc.active {
	z-index: 1037;
	left: 0;
	top: 0;
}

.sidebar-cc button, .sidebar-rc button {
	top: 10%;
	left: 5%;
}

.horizontal-s-c {
	display: block;
	width: 100%;
	overflow-x: scroll;
	box-sizing: border-box;
	scroll-behavior: smooth;
	padding-left: 10px;
}

.horizontal-s-c::-webkit-scrollbar{
	height: 5px;
}
.horizontal-s-c::-webkit-scrollbar-track{
	background: #f1f1f1;
}

.horizontal-s-c::-webkit-scrollbar-thumb{
	background: #888;
}

.horizontal-s-c::-webkit-scrollbar-thumb:hover{
	background: #555;
}

.slide-container-c {
	display: flex;
	width: 100%;
	white-space: nowrap;
	flex-direction: unset;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.tag-options{
	top: 10%;
	padding-left: 10px;
}

.c-item-s {
	padding-bottom: 15px;
	width: fit-content;
}

.c-item-s a p:hover {
	background-color: lightgray;
}

.see-more-t {
	display: none;
	position: absolute;
	transform: translate(395%, 360%);
	z-index: 20;
	background-color: hsl(15, 84%, 50%);
	border-radius: 25px;
	padding: 15px;
	padding-left: 35px;
	padding-right: 35px;
	box-shadow: 5px 5px 10px;
}

.see-more-t a{
	color: white;
}

.b-mt {
	float: right;
}

.tags-look .tagify__dropdown__item{
	display: inline-block;
	border-radius: 3px;
	padding: .3em .5em;
	border: 1px solid #CCC;
	background: #F3F3F3;
	margin: .2em;
	font-size: .85em;
	color: black;
	transition: 0s;
}

.tags-look .tagify__dropdown__item--active{
	color: black;
}

div.c-btn.m--iconCircle.see-more-b {
	position: absolute;
	width: 140px;
	bottom: -30%;
	left: 85%;
	z-index: 10;
	background-color: hsl(15, 84%, 50%);
}

div.c-btn.m--iconCircle.see-more-b:hover{
	background-color: hsl(15, 84%, 50%);
}

.see-more-b a{
	color: white;
}

.c-heading-more{
	display: inline;
	font-family: "Roboto Slab", serif;
	margin: 0 8px 0 0;
	padding: 0;
	left: 90%;
	position: sticky;
	font-size: 1em;
	line-height: inherit;
	color: #212121;
}

.c-item-s a{
	display: block;
}

.artLink{
	margin: 0;
	scroll-margin-top: 6em;
}

div.products-t{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 10px;
	align-items: stretch;
	justify-items: center;
}

div.horizontal-s-c.prods {
	position: relative;
	scroll-snap-type: y mandatory;
}

.c-item-p {
	padding-bottom: 15px;
	display: inline-block;
	margin-right: 120px;
	vertical-align: top;
	text-align: center;
	width: 120px;
	scroll-snap-align: start;
}

div.c-item-p img{
	width: 225px;
	object-fit: cover;
	border-radius: 10px;
}

div.c-item-s p{
	top: 50%;
	position: relative;
	background: white;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-radius: 25px;
	border: 1px solid lightgray;
	width: fit-content;
	margin-bottom: -10%;
}

.no-txtShadow {
	text-shadow: none;
}
.no-scrollbar::-webkit-scrollbar {
	display: none;
}

.c-article {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 26px;
	color: hsla(183, 10%, 20%, 0.87);
	padding: 1px 21px;
}
.c-article h2,
.c-article h3,
.c-article h4 {
	font-family: "Roboto Slab", serif;
	font-weight: bold;
	letter-spacing: 0;
	color: hsla(183, 10%, 10%, 0.87);
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.c-article h2 {
	font-size: 20px;
	line-height: 26px;
	margin-top: 42px;
	margin-bottom: 11px;
}
.c-article h3 {
	font-size: 18px;
	line-height: 26px;
	margin-top: 26px;
	margin-bottom: 7px;
}
.c-article h4 {
	font-size: 16px;
	line-height: 26px;
	margin-top: 26px;
	margin-bottom: 4px;
}
.c-article h2 + h3 {
	margin-top: 0;
}
.c-article p,
.c-article ul,
.c-article ol,
.c-article pre,
.c-article table,
.c-article blockquote {
	margin-top: 0;
	margin-bottom: 26px;
}
.c-article ul,
.c-article ol {
	margin-top: 11px;
	margin-left: 7px;
	padding-left: 16px;
}
.c-article li {
	margin-bottom: 11px;
}
.c-article blockquote {
	font-size: 18px;
	padding: 16px;
	border-left: 7px solid hsl(15, 84%, 50%);
	color: hsla(183, 10%, 10%, 0.6);
	background: hsla(183, 10%, 98%, 0.6);
}
.c-article sub,
.c-article sup {
	padding: 0 1px;
}
.c-article ul ul,
.c-article ul ol,
.c-article ol ul,
.c-article ol ol,
.c-article blockquote p {
	margin-bottom: 0;
}
.c-article hr,
.c-article .hr {
	border: 1px solid;
	margin: -1px 0;
	margin-top: 26px;
	margin-bottom: 26px;
}
.c-article b,
.c-article i,
.c-article strong,
.c-article em,
.c-article small,
.c-article code {
	line-height: inherit;
}
.c-article a:not(.c-btn) {
	text-decoration: none;
	padding: 2px 3px;
	margin-left: -3px;
	margin-right: -3px;
	color: hsl(15, 84%, 50%);
	border-bottom: 1px solid hsla(15, 84%, 50%, 0.38);
	background-color: transparent;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
	cursor: pointer;
	transition: all 135ms cubic-bezier(0.4, 0, 0.2, 1);
	transition-property: color, border-bottom, background-color;
}
.c-article a:not(.c-btn):hover {
	border-bottom-color: hsla(15, 84%, 50%, 0.87);
	background-color: hsla(15, 84%, 50%, 0.08);
}
.c-article a:not(.c-btn):active,
.c-article a:not(.c-btn):active:hover {
	color: hsl(15, 84%, 45%);
	border-bottom-color: hsla(15, 84%, 45%, 0.87);
	background-color: hsla(15, 84%, 45%, 0.08);
}
.c-article a.btn {
	line-height: inherit;
	text-decoration: inherit;
}
.c-article table {
	max-width: 636px;
	width: 100%;
}
.c-article table td {
	width: 50px;
}
.c-article img {
	max-width: 100%;
	height: auto;
	border-radius: 5px;
}
.c-article .iframe {
	height: 0;
	overflow: hidden;
	position: relative;
	padding-bottom: 56.25%;
	border-radius: 5px;
}
.c-article .iframe iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: calc(100% + 1px);
}
.c-article .c-heading {
	display: block;
	line-height: 29px;
	margin-top: 42px;
	margin-bottom: 11px;
	padding: 0;
}
.c-article [id] {
	scroll-margin: 80px 0 0 0;
}
.c-article * {
	max-width: 100%;
}
@media only screen and (min-width: 1024px) {
	/* Styles for large screens (desktops 1024px) and above */
	.c-article {
		font-size: 18px;
		line-height: 29px;
		padding-left: 36px;
		padding-right: 36px;
	}
	.c-article h2 {
		font-size: 23px;
		line-height: 29px;
		margin-top: 47px;
		margin-bottom: 11px;
	}
	.c-article h3 {
		font-size: 20px;
		line-height: 29px;
		margin-top: 29px;
		margin-bottom: 7px;
	}
	.c-article h4 {
		font-size: 18px;
		line-height: 29px;
		margin-top: 29px;
		margin-bottom: 4px;
	}
	.c-article p,
	.c-article ul,
	.c-article ol,
	.c-article pre,
	.c-article table,
	.c-article blockquote {
		margin-top: 0;
		margin-bottom: 29px;
	}
	.c-article ul,
	.c-article ol {
		margin-top: 11px;
		margin-left: 7px;
		padding-left: 18px;
	}
	.c-article li {
		margin-bottom: 11px;
	}
	.c-article blockquote {
		font-size: 20px;
		padding: 18px;
	}
	.c-article hr,
	.c-article .hr {
		margin-top: 29px;
		margin-bottom: 29px;
	}
}

.c-article .ead_35630 {
	margin: 3rem 0 !important;
	padding: 1rem !important;
}
.c-article .ead_35630 * {
	font-family: sans-serif !important;
	font-size: 16px !important;
	color: #002e6e !important;
}
.c-article .ead_35630 h2 {
	margin-bottom: 0.5rem !important;
	font-size: 20px !important;
	color: #002e6e !important;
}
.c-article .ead_35630 a.ea_link {
	color: #038cff !important;
}
.c-article .ead_35630 .image_content {
	margin-right: 1rem !important;
}
.c-article .ead_35630 .ead_content {
	min-height: 124px !important;
}
.c-article .ead_35630 .ea_hide_brand_name a.ea_link {
	font-size: 13px !important;
	color: #989898 !important;
	text-decoration: none !important;
}

.l-wrapper {
	position: relative;
	display: block;
	width: 100%;
	max-width: 1280px;
	margin: 59px auto 28px;
	font-size: 16px;
}
.l-wrapper--sm {
	max-width: 960px;
}

.l-wrapper + .l-wrapper,
.l-hero + .l-wrapper {
	margin-top: 0;
}
.l-wrapper__shrink,
.l-wrapper__grow {
	position: relative;
	display: block;
	width: 100%;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.l-container {
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}
.l-container--block {
	display: block;
	width: 100%;
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}
.l-container--noPad {
	display: block;
	width: 100%;
	max-width: 1110px;
	margin-right: auto;
	margin-left: auto;
}
.l-container--cards {
	padding-right: 10px;
	padding-left: 10px;
	flex-direction: column;
}
.l-section {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 14px;
}
.l-section.m--xtraPad {
	padding: 0 21px;
}
.l-section.m--noPad {
	padding: 0;
}
.l-section.m--flex {
	display: flex;
}
.l-section.m--flex.m--wrap {
	flex-wrap: wrap;
}
.l-section.m--flex.m--noWrap {
	flex-wrap: nowrap;
}
.l-section.m--flex.m--row {
	flex-direction: row;
}
.l-section.m--flex.m--column {
	flex-direction: column;
}
.l-section.m--flex.m--aiCenter,
.l-flexRow.m--aiCenter {
	align-items: center;
}
.l-section.m--flex.m--jcCenter,
.l-flexRow.m--jcCenter {
	justify-content: center;
}
.l-section.m--flex.m--jcAround,
.l-flexRow.m--jcAround {
	justify-content: space-around;
}
.l-touchMove {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.l-touchMove__inner {
	position: relative;
	display: block;
	padding: 7px 14px;
	margin: -7px 0;
	overflow-y: hidden;
	overflow-x: scroll;
	white-space: nowrap;
}
.l-touchMove__inner.m--flex {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	padding: 7px 0;
}
.l-touchMove__inner.m--flex.m--morePad {
	padding-right: 11px;
	padding-left: 11px;
}
.l-touchMove__inner.m--flex::after {
	content: "";
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 1px;
}
.l-touchMove__inner.m--jcCenter {
	justify-content: center;
}
.l-pageAnchor {
	position: absolute;
	top: -59px;
}
.l-pageAnchor.m--bedrijf {
	top: -87px;
}
.l-hero {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 59px;
	margin-bottom: 28px;

	width: 100%;
	height: 75vw;
	max-height: 810px;

	background-image: url("/img/wnlHero-herfst-2021.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: hsla(183, 10%, 10%, 0.6);
	background-blend-mode: multiply;

	border-bottom: 2px solid hsl(0, 0%, 100%);
	box-shadow: 0 1px 3px hsla(183, 10%, 10%, 0.038), 0 1px 2px hsla(183, 10%, 10%, 0.076);
}
.l-hero--woonmaand2020 {
	background-image: url("/img/wnlHero-woonmaand-2020.jpg");
}
.l-hero--blackfriday2020 {
	background-image: url("/img/wnlHero-black-friday-2020.jpg");
}
.l-hero--medium {
	height: 66.67vw;
	max-height: 607px;
}
.l-hero--small {
	height: 50vw;
	max-height: 350px;
	background-position: center top;
}
.c-hero {
	position: relative;
	display: block;
	width: 100%;
	max-width: 1230px;
	margin: 0 auto;
	padding: 35px 15px;
	text-align: center;
}
.l-hero--woonmaand2020 .c-hero {
	top: 6%;
	max-width: 705px;
}
.c-hero__h {
	margin: 0;
	font-weight: 600;
	font-size: 26px;
	line-height: 1.2;
	color: hsl(0, 0%, 100%);
	text-shadow: 0 1px 3px hsla(183, 10%, 10%, 0.038), 0 1px 2px hsla(183, 10%, 10%, 0.176);
}
.c-hero__p {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.4;
	max-width: 50ch;
	margin: 0.618em auto 1.618em auto;
	color: hsl(0, 0%, 95%);
	text-shadow: 0 1px 3px hsla(183, 10%, 10%, 0.038), 0 1px 2px hsla(183, 10%, 10%, 0.176);
}
@media screen and (min-width: 350px) {
	.c-hero__h {
		font-size: calc(26px + (54 - 26) * ((100vw - 350px) / (1440 - 350)));
	}
	.c-hero__p {
		font-size: calc(16px + (22 - 16) * ((100vw - 350px) / (1440 - 350)));
	}
}
@media screen and (min-width: 1440px) {
	.c-hero__h {
		font-size: 54px;
	}
	.c-hero__p {
		font-size: 22px;
	}
}
.c-hero__form {
	margin: 0 auto;
	width: 100%;
	max-width: 436px;
}
.c-hero__creditSource {
	position: absolute;
	bottom: 2vw;
	right: 2vw;
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	color: hsl(0, 0%, 95%);
	text-shadow: 0 1px 3px hsla(183, 10%, 10%, 0.038), 0 1px 2px hsla(183, 10%, 10%, 0.176);
	opacity: 0;
	transition-property: opacity;
	transition-duration: 135ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.c-hero__creditSource a {
	color: inherit;
}
.c-hero__creditSource a:hover {
	text-decoration: underline;
}
.l-hero:hover .c-hero__creditSource {
	opacity: 1;
}

.c-cover {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 75% 0 0 0;
	overflow: hidden;
}
.c-cover--21x9 {
	padding: 42.86% 0 0 0;
}
.c-cover--16x9 {
	padding: 56.25% 0 0 0;
}
.c-cover--1x1 {
	padding: 100% 0 0 0;
}
.c-cover__img {
	display: block;
	position: absolute;
	top: 0;
	right: -50%;
	bottom: 0;
	left: -50%;
	width: auto;
	min-width: 100%;
	max-width: calc(100% / 75 * 100);
	height: auto;
	min-height: 100%;
	max-height: calc(100% / 75 * 100);
	margin: auto;
}
.c-cover__img.--articleHeader {
	max-width: 100%;
	max-height: none;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
	.c-cover__img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: scale-down;
	}
}
.c-cover__img--fit {
	min-width: auto;
	max-width: 100%;
	min-height: auto;
	max-height: 100%;
}
@supports ((-o-object-fit: contain) or (object-fit: contain)) {
	.c-cover__img--fit {
		height: 100%;
		width: 100%;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
.c-aside {
	position: relative;
	display: block;
	overflow: hidden;
	color: hsla(183, 10%, 10%, 0.87);
	background: hsl(0, 0%, 100%);
}
.c-filter {
	border-top: 1px solid hsla(183, 10%, 10%, 0.06);
	border-bottom: 1px solid hsla(183, 10%, 10%, 0.1);
}
.c-filter__option {
	position: relative;
	display: inline-block;
	margin: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	font-size: 15px;
	line-height: 16px;
	padding: 11px 7px;
	white-space: normal;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: hsla(183, 10%, 20%, 0.87);
	background: none;
	border: none;
}
.c-filter__option:hover {
	text-decoration: underline;
	color: hsl(15, 84%, 45%);
}
.c-filter__option.is-active {
	color: hsl(15, 84%, 50%);
}
.c-toggleMenu {
	position: relative;
	display: block;
}
.c-toggleMenu__btn {
	cursor: pointer;
	display: block;
	font: inherit;
	border: none;
	background: none;
	color: inherit;
}
.c-toggleMenu__chevron {
	display: inline-block;
	margin: 0 0 0 14px;
	line-height: inherit;
	color: hsl(15, 84%, 50%);
	transform: rotate(0deg);
}
.c-toggleMenu__content {
	display: none;
}
.c-toggleMenu.is-open .c-toggleMenu__chevron {
	transform: rotate(180deg);
}
.c-toggleMenu.is-open .c-toggleMenu__content {
	display: block;
}
.c-btn {
	position: relative;
	display: inline-block;
	font-weight: normal;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0;
	border-style: solid;
	border-width: 1px;
	border-radius: 300px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	padding: 6px 16px;
	font-size: 16px;
	line-height: 24px;
	border-color: hsla(183, 10%, 20%, 0.1);
	background: hsl(183, 10%, 98%);
	color: hsla(183, 10%, 20%, 0.87);
}
.c-btn.m--block {
	display: block;
	width: 100%;
}
.c-btn.m--small {
	font-size: 14px;
	padding: 4px 14px;
}
.c-btn.m--big {
	font-size: 18px;
	padding: 11px 41px;
}
.c-btn.m--centered {
	display: block;
	margin: 0 auto;
}
.c-btn.m--iconCircle {
	width: 38px;
	min-width: 38px;
	height: 38px;
	min-height: 38px;
	padding: 0;
	font-size: 16px;
	line-height: 38px;
}
.c-btn.m--scrollToTop {
	position: fixed;
	right: 3vw;
	bottom: 6vw;
	box-shadow: 0 7px 14px hsla(183, 10%, 10%, 0.06), 0 5px 5px hsla(183, 10%, 10%, 0.038);
	z-index: 990;
}
.c-btn.m--iconCircle + .c-btn.m--iconCircle {
	margin-left: 7px;
}
.c-btn__icon {
	min-width: 1em;
	margin: 0 0.25em 0 0;
}
.c-btn.m--default .c-btn__icon {
	color: hsla(183, 10%, 10%, 0.6);
}
.c-btn__icon.m--aRight {
	margin: 0 0 0 0.125em;
}
.c-btn__icon.m--primary {
	color: hsl(15, 84%, 50%);
}
.c-btn.m--default {
	color: hsla(183, 10%, 20%, 0.87);
	background: hsl(0, 0%, 100%);
	border-color: hsl(180, 2%, 68%);
}
.c-btn.m--primary {
	color: hsla(183, 7%, 100%, 1);
	background-color: hsl(15, 84%, 50%);
	border-color: hsl(15, 84%, 50%);
}
.c-btn.m--success {
	color: hsla(183, 7%, 100%, 1);
	background-color: hsl(141, 71%, 36%);
	border-color: hsl(141, 71%, 36%);
}
.c-btn.m--danger {
	color: hsla(183, 7%, 100%, 1);
	background-color: hsl(348, 78%, 42%);
	border-color: hsl(348, 78%, 42%);
}
.c-btn.m--primary.m--outline {
	color: hsl(15, 84%, 50%);
	background-color: hsl(0, 0%, 100%);
	border-color: hsl(15, 84%, 50%);
}
.c-btn.m--success.m--outline {
	color: hsl(141, 71%, 36%);
	background-color: hsl(0, 0%, 100%);
	border-color: hsl(141, 71%, 36%);
}
.c-btn.m--danger.m--outline {
	color: hsl(348, 78%, 42%);
	background-color: hsl(0, 0%, 100%);
	border-color: hsl(348, 78%, 42%);
}
.c-btn.m--pinterest {
	align-items: flex-end;
	font-size: 28px;
	color: #fff;
	background-color: #e60023;
	border-color: #e60023;
}
.c-btn.m--facebook {
	color: #fff;
	background-color: #1877f2;
	border-color: #1877f2;
}
.c-btn.m--instagram {
	font-size: 24px;
	color: #fff;
	background-color: #f00573;
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	border-color: #f00573;
}
.c-btn.m--twitter {
	color: #fff;
	background-color: #00aced;
	border-color: #00aced;
}
@media only screen and (min-width: 1024px) {
	.c-btn:not(.no-hover):hover,
	.c-btnTxtBelow:hover .c-btn:not(.no-hover),
	.c-btnTxtBeside:hover .c-btn:not(.no-hover) {
		text-decoration: none;
		color: hsla(183, 10%, 10%, 0.87);
		background: hsla(183, 10%, 85%, 0.38);
		border-color: hsla(183, 10%, 20%, 0.2);
	}
	.c-btn.m--default:hover,
	.c-btnTxtBelow:hover .c-btn.m--default,
	.c-btnTxtBeside:hover .c-btn.m--default {
		color: hsla(183, 10%, 10%, 0.87);
		background: hsl(180, 10%, 96%);
		border-color: hsl(180, 3%, 58%);
	}
	.c-btn.m--primary:hover,
	.c-btnTxtBelow:hover .c-btn.m--primary,
	.c-btnTxtBeside:hover .c-btn.m--primary {
		color: hsla(183, 7%, 100%, 1);
		background-color: hsl(15, 84%, 45%);
		border-color: hsl(15, 84%, 45%);
	}
	.c-btn.m--success:hover {
		color: hsla(183, 7%, 100%, 1);
		background-color: hsl(141, 71%, 31%);
		border-color: hsl(141, 71%, 31%);
	}
	.c-btn.m--danger:hover {
		color: hsla(183, 7%, 100%, 1);
		background-color: hsl(348, 78%, 37%);
		border-color: hsl(348, 78%, 37%);
	}
	.c-btn.m--pinterest:hover,
	.c-btnTxtBelow:hover .c-btn.m--pinterest,
	.c-btnTxtBeside:hover .c-btn.m--pinterest {
		color: #fff;
		background-color: #e60023;
		border-color: #e60023;
	}
	.c-btnTxtBelow:hover .c-btn.m--pinterest + .c-btnTxtBelow__txt,
	.c-btnTxtBeside:hover .c-btn.m--pinterest + .c-btnTxtBeside__txt {
		color: #e60023;
	}
	.c-btn.m--facebook:hover,
	.c-btnTxtBelow:hover .c-btn.m--facebook,
	.c-btnTxtBeside:hover .c-btn.m--facebook {
		color: #fff;
		background-color: #1877f2;
		border-color: #1877f2;
	}
	.c-btnTxtBelow:hover .c-btn.m--facebook + .c-btnTxtBelow__txt,
	.c-btnTxtBeside:hover .c-btn.m--facebook + .c-btnTxtBeside__txt {
		color: #1877f2;
	}
	.c-btn.m--instagram:hover,
	.c-btnTxtBelow:hover .c-btn.m--instagram,
	.c-btnTxtBeside:hover .c-btn.m--instagram {
		color: #fff;
		background-color: #f00573;
		background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
		border-color: #f00573;
	}
	.c-btnTxtBelow:hover .c-btn.m--instagram + .c-btnTxtBelow__txt,
	.c-btnTxtBeside:hover .c-btn.m--instagram + .c-btnTxtBeside__txt {
		color: #f00573;
	}
	.c-btn.m--twitter:hover,
	.c-btnTxtBelow:hover .c-btn.m--twitter,
	.c-btnTxtBeside:hover .c-btn.m--twitter {
		color: #fff;
		background-color: #00aced;
		border-color: #00aced;
	}
	.c-btnTxtBelow:hover .c-btn.m--twitter + .c-btnTxtBelow__txt,
	.c-btnTxtBeside:hover .c-btn.m--twitter + .c-btnTxtBeside__txt {
		color: #00aced;
	}
}
.c-btn:not(.no-hover):active {
	text-decoration: none;
	color: hsla(183, 10%, 10%, 0.87);
	background: hsla(183, 10%, 80%, 0.38);
	border-color: hsla(183, 10%, 20%, 0.3);
}
.c-btn.m--default:active,
.c-btn.m--default.is-active {
	color: hsla(183, 10%, 10%, 0.87);
	background: hsla(183, 10%, 85%, 0.38);
	border-color: hsla(183, 10%, 20%, 0.6);
}
.c-btn.m--primary:active {
	color: hsla(183, 7%, 100%, 1);
	background-color: hsl(15, 84%, 40%);
	border-color: hsl(15, 84%, 40%);
}
.c-btn.m--success:active {
	color: hsla(183, 7%, 100%, 1);
	background-color: hsl(141, 71%, 26%);
	border-color: hsl(141, 71%, 26%);
}
.c-btn.m--danger:active {
	color: hsla(183, 7%, 100%, 1);
	background-color: hsl(348, 78%, 32%);
	border-color: hsl(348, 78%, 32%);
}
.c-btn.m--pinterest:active {
	color: #fff;
	background-color: #e60023;
	border-color: #e60023;
}
.c-btn.m--facebook:active {
	color: #fff;
	background-color: #1877f2;
	border-color: #1877f2;
}
.c-btn.m--instagram:active {
	color: #fff;
	background-color: #f00573;
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	border-color: #f00573;
}
.c-btn.m--twitter:active {
	color: #fff;
	background-color: #00aced;
	border-color: #00aced;
}
.c-btn.m--noBorder {
	border-color: transparent;
	background: transparent;
}
.c-btn.m--noBorder:hover,
.c-btn.m--noBorder:active {
	color: hsla(183, 10%, 10%, 0.87);
}
.c-btn:focus,
.c-btn:active:focus {
	outline: none;
}
.c-btn.no-hover {
	cursor: default;
}
.c-btnTxtBelow {
	cursor: pointer;
	display: block;
	margin: 0 7px 7px;
	padding: 0;
	background: none;
	border: none;
	text-align: center;
}
.c-btnTxtBelow__btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	padding: 0;
	margin: 7px;
	font-size: 16px;
	line-height: 1;
	border-radius: 50%;
}
.c-btnTxtBelow__txt {
	font-size: 12px;
	line-height: 14px;
	color: hsla(183, 10%, 10%, 0.6);
	text-align: center;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
}
.c-btnTxtBelow__btn.m--primary + .c-btnTxtBelow__txt {
	color: hsla(15, 84%, 50%, 0.87);
}
.c-btnTxtBeside {
	cursor: pointer;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin-right: 18px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	text-align: left;
}
.c-btnTxtBeside__btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	padding: 0;
	margin: 0 7px 0 0;
	font-size: 16px;
	line-height: 1;
	border-radius: 50%;
}
.c-btnTxtBeside__txt {
	font-size: 12px;
	line-height: 14px;
	color: hsla(183, 10%, 10%, 0.6);
	text-align: left;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
}
.c-btnTxtBeside__btn.m--primary + .c-btnTxtBeside__txt {
	color: hsla(15, 84%, 50%, 0.87);
}
.c-tag {
	position: relative;
	display: inline-block;
	font-weight: normal;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0;
	border-width: 1px;
	border-style: solid;
	border-radius: 300px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	padding: 0 1em;
	font-size: 14px;
	line-height: 1.8;
	background: hsl(0, 0%, 100%);
	border-color: hsl(180, 2%, 68%);
	color: hsl(183, 10%, 20%);
}
.c-tag:hover {
	text-decoration: underline;
	color: hsl(15, 84%, 50%);
}

.c-badge {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -0.25em;
	right: -0.25em;
	padding: 0.25em 0.4em;
	font-size: 12px;
	border-radius: 1em;
	color: hsl(0, 0%, 100%);
	background: hsl(183, 96%, 38%);
	box-shadow: 0 1px 3px hsla(183, 10%, 10%, 0.038), 0 1px 2px hsla(183, 10%, 10%, 0.176);
}
.c-badge__inner {
	display: block;
	min-width: 1em;
	height: 1em;
	font-size: inherit;
	font-weight: 700;
	line-height: 1em;
	text-align: center;
	white-space: nowrap;
}
.c-heading {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 100%;
	margin: 21px 0 16px;
	padding: 0 21px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: hsla(183, 10%, 20%, 0.87);
}

.c-heading i.ic-tag {
	font-size: 32px;
	margin: 10px;
	color: hsl(15, 84%, 50%);
}

.c-heading.c-heading--filter label {
	font-weight: bold;
}

.c-heading.m--lessPad {
	margin-bottom: 6px;
	padding-left: 16px;
	padding-right: 16px;
}
.c-heading + .c-heading {
	margin-top: 0;
}
.c-heading.m--bdrStats {
	height: auto;
	padding: 21px 21px 6px;
}
.c-heading.m--textCenter {
	justify-content: center;
}
.c-heading__icon {
	float: left;
	min-width: 1em;
	margin: 0 0.75em 0 0;
	text-align: center;
	line-height: inherit;
	color: hsla(15, 84%, 50%, 0.87);
}
.c-heading__h2 {
	display: inline;
	font-family: "Roboto Slab", serif;
	margin: 0 8px 0 0;
	padding: 0;
	font-size: 1.125em;
	line-height: inherit;
	color: #212121;
}
.c-heading__h3 {
	display: inline;
	font-family: "Roboto Slab", serif;
	margin: 0 8px 0 0;
	padding: 0;
	font-size: 1em;
	line-height: inherit;
	color: #212121;
}
.c-heading.m--subH {
	display: block;
	margin: 0 0 24px;
	padding: 0 21px;
	font-size: 16px;
	line-height: 1.382;
	color: #666666;
	border-bottom: 1px solid hsla(183, 10%, 10%, 0.06);
}
.c-heading__sup {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: inherit;
	color: #666666;
}
.c-heading__total {
	display: inline-block;
	margin: 0 4px 0 0;
	padding: 0;
	font-size: 1.25em;
	line-height: inherit;
	color: #000000;
	font-weight: 700;
}
.c-heading__total.m--aLeft {
	margin: 0 4px 0 0;
}
.c-heading .c-anchor.h-mlAuto {
	float: right;
	margin-top: 2px;
}
.c-heading__btn {
	float: right;
	margin: -6px 0;
}
.c-heading__closeBtn {
	position: absolute;
	top: 12px;
	right: 12px;
}
.c-mrb {
	position: relative;
	display: block;
	min-width: 300px;
	width: 300px;
	max-width: 300px;
	min-height: 250px;
	height: 250px;
	max-height: 250px;
	margin: 0 0 24px;
	padding: 0;
	border-radius: 4px;
	overflow: hidden;
	background: hsla(183, 7%, 100%, 1);
}
.c-stickyActions {
	position: -webkit-sticky;
	position: sticky;
	display: flex;
	bottom: 0;
	margin-top: 68px;
	padding: 7px;
	border-top: 1px solid hsl(15, 12%, 92%);
	border-bottom: 1px solid hsl(15, 12%, 92%);
	background-color: #fff;
}
.c-stickyActions__action {
	position: relative;
	width: 100%;
	padding: 7px;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.c-card {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 24px;
	padding: 0;
	border-radius: 4px;
	overflow: hidden;
	white-space: normal;
	background: hsla(183, 7%, 100%, 1);
	box-shadow: 0 2px 2px 0 hsla(183, 10%, 20%, 0.07), 0 3px 1px -2px hsla(183, 10%, 20%, 0.06),
	0 1px 5px 0 hsla(183, 10%, 20%, 0.1);
}
.l-touchMove .c-card {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 75vw;
	max-width: 285px;
	margin: 0 10px 24px;
}

.c-card__meta {
	font-size: 14px;
	padding: 11px 12px 33px;
	text-align: left;
	white-space: normal;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: hsla(183, 10%, 10%, 0.038);
}

.c-card--row .c-card__anchor {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding-bottom: 33px;
}
.c-card--row .c-card__meta {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	padding: 11px 20px 11px 12px;
	border-width: 0 1px 0 0;
}
.c-card--row .c-card__heading {
	font-size: 14px;
	margin: 0;
}
.c-card__imgWrap {
	flex: 0 0 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.c-card--row .c-card__imgWrap {
	flex: 0 0 38.196601%;
	max-width: 38.196601%;
}
.c-card--row .c-card__imgWrap .c-cover {
	padding: 100% 0 0 0;
}
.c-card--flat {
	box-shadow: none;
}
.c-card--flat .c-card__meta {
	border-width: 0;
}

.c-dlr {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 18px 0;
}
.c-dlr + .c-dlr {
	border-top: 1px solid hsla(183, 10%, 10%, 0.1);
}
.c-dlr__naw {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.c-dlr__logo {
	display: block;
	flex: 0 0 88px;
}
.c-dlr .c-bdrAvatar {
	margin: 0;
	width: 88px;
	height: 88px;
}
.c-dlr.m--basic .c-bdrAvatar {
	background: hsl(183, 14%, 95%);
	border: 4px solid hsl(183, 14%, 95%);
	box-shadow: none;
}
.c-dlr .c-card__summary {
	margin: 0.5em 0;
}
.c-dlr__nameLocation {
	display: block;
	flex: 1;
	padding-left: 12px;
}
.c-dlr__name {
	margin: 0;
	font-size: 16px;
	line-height: 1.382;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0;
	color: hsla(183, 10%, 10%, 1);
}
.c-dlrLocation {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 22px;
	color: hsla(183, 10%, 10%, 0.87);
}
.c-dlr__name + .c-dlrLocation {
	margin: 6px 0 0;
}
.c-dlrLocation__icon {
	width: 14px;
	text-align: center;
	margin-right: 3px;
	color: hsla(15, 84%, 50%, 0.87);
}
.c-dlr.m--basic .c-dlrLocation__icon {
	color: hsla(183, 10%, 10%, 0.38);
}
.c-dlrLocation + .c-dlrLocation .c-dlrLocation__icon {
	opacity: 0.38;
}
.c-dlr__counts {
	display: flex;
	align-items: center;
	margin: 12px 0 0;
}
.c-dlr__meta {
	padding: 12px 0 0;
}
.c-dlr__summary {
	margin: 0 0 9px;
	padding: 0;
	font-size: 14px;
	line-height: 1.618;
	text-decoration: none;
	color: hsla(183, 10%, 10%, 0.6);
  /*	max-width: 65ch; */
	overflow: hidden;
	max-height: 4.85em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.c-dlr__toProfPage {
	margin: 6px 0;
	font-size: 14px;
	line-height: 1.618;
	text-decoration: none;
	color: hsl(15, 84%, 50%);
}
.c-dlr__toProfPage:hover {
	text-decoration: underline;
	color: hsl(15, 84%, 45%);
}
.c-dlr__toProfPage:active {
	color: hsl(15, 84%, 40%);
}

.c-dlr.is-skeleton .c-bdrAvatar,
.c-dlr.is-skeleton .c-dlr__name,
.c-dlr.is-skeleton .c-dlrLocation,
.c-dlr.is-skeleton .c-dlr__summary {
	max-width: 511px;
	background: #e7e7e7;
	border-color: #e7e7e7;
	border-radius: 4px;
	box-shadow: none;
}
.c-dlr.is-skeleton .c-dlr__name {
	max-width: 45ch;
	height: 1.382em;
	margin-bottom: 6px;
}
.c-dlr.is-skeleton .c-dlrLocation {
	max-width: 25ch;
	height: 1em;
	margin: 4px 0;
}
.c-dlr.is-skeleton .c-dlr__summary {
	height: 4.85em;
}

.c-anchor {
	display: inline-block;
	margin: 0;
	font-size: inherit;
	text-decoration: none;
	text-indent: 0;
	cursor: pointer;
	color: hsl(15, 84%, 50%);
}
.c-anchor.m--inherit {
	color: inherit;
}
.c-anchor.m--dlrCount {
	position: relative;
	display: inline-block;
}
.c-anchor.m--dlrCount + .c-anchor.m--dlrCount {
	margin-left: 8px;
	padding-left: 8px;
	border-left: 1px solid hsla(183, 10%, 10%, 0.06);
}
.c-anchor.m--dlrCount .c-anchor__count {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 15px;
	line-height: 22px;
	font-weight: 700;
	text-decoration: none;
}
.c-anchor.m--dlrCount .c-anchor__inner {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	line-height: 13px;
	color: hsla(183, 10%, 20%, 0.87);
}
.c-anchor.m--dlrCount:hover {
	text-decoration: none;
}
.c-anchor:hover,
.c-anchor:hover .c-anchor__inner {
	text-decoration: underline;
}
.c-anchor:hover,
.c-anchor:hover .c-anchor__inner {
	color: hsl(15, 84%, 45%);
}
.c-anchor:active,
.c-anchor:active .c-anchor__inner {
	color: hsl(15, 84%, 40%);
}
.c-anchor.m--default {
	color: hsla(183, 10%, 20%, 0.87);
}
.c-anchor.m--default:hover {
	text-decoration: underline;
	color: hsla(183, 10%, 10%, 0.87);
}
.c-anchor.m--default:active {
	color: hsla(183, 10%, 10%, 1);
}
.c-anchor--underline {
	text-decoration: underline;
}
.c-anchor__icon {
	min-width: 1em;
	margin: 0 0.375em 0 0;
	text-align: center;
	color: inherit;
	opacity: 0.87;
}
.c-anchor__caretDown {
	width: 1em;
	margin: 0 0 0 0.25em;
	text-align: center;
	color: inherit;
	opacity: 0.87;
}
.c-card.m--bdrDlrOvz {
	padding: 0 0 33px;
	max-width: 140px;
}
.c-card.m--bdrDlrOvz .c-bdrAvatar {
	margin: auto;
	box-shadow: none;
	width: auto;
	height: 140px;
	border-radius: 0;
}
.c-card.m--bdrDlrOvz.m--basic .c-bdrAvatar {
	background-color: hsl(183, 14%, 95%);
}
.c-card.m--bdrDlrOvz .c-card__info {
	text-align: left;
}
.c-card.m--bdrAfiOvz {
	max-width: 150px;
}
.c-card.m--bdrAfiOvz .c-bdrAvatar {
	margin: auto;
	box-shadow: none;
	border-color: transparent;
	width: auto;
	height: 150px;
}
.c-card__heading {
	margin: 0 0 0.5em;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.25;
	text-decoration: none;
	letter-spacing: 0;
	color: hsla(183, 10%, 10%, 0.87);
}
.c-card__summary {
	margin: 0.5em 0 1.5em;
	line-height: 1.618em;
	text-decoration: none;
	color: hsla(183, 10%, 10%, 0.6);
	max-width: 70ch;
	overflow: hidden;
	max-height: calc(1.618em * 2);
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.c-card__summary.m--line3 {
	max-height: 4.85em;
	-webkit-line-clamp: 3;
}
.c-card__info {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 6px 40px 6px 12px;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	text-decoration: none;
	font-weight: 400;
	color: hsla(183, 10%, 30%, 0.87);
	background: hsl(0, 0%, 99%);
	border-top: 1px solid hsl(183, 10%, 96%);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	z-index: 2;
}
.c-card__infoIcon {
	width: 1em;
	margin: 0 0.25em 0 0;
	text-align: center;
	color: inherit;
	opacity: 0.87;
}

.c-card__info.m--icon::before {
	content: "";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 0;
	width: 34px;
	text-align: center;
	padding: 6px;
	font-size: 16px;
	color: hsla(183, 10%, 30%, 0.38);
	border-left: 1px solid hsl(183, 10%, 96%);
}
.c-card__info.m--icon.m--bdr::before {
	content: "\f15c";
}
.c-card__info.m--icon.m--nws::before {
	content: "\f017";
}
.c-card__info.m--icon.m--blg::before {
	content: "\f2bd";
}
.c-card__info.m--icon.m--tgi::before {
	content: "\f5c0";
}
.c-card__info.m--icon.m--cls::before {
	content: "\f302";
}
.c-card__info.m--tgi {
	font-size: 14px;
	font-weight: 700;
}
.c-card__info.m--bdr:hover,
.c-card__info.m--cls:hover {
	text-decoration: underline;
	color: hsla(15, 84%, 50%, 1);
}
.c-card__group {
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 11px 6px 5px;
	border-bottom-left-radius: 21px;
}

.c-card--cls .c-cover {
	padding: 114.77% 0 0 0;
	min-height: 100%;
}
.c-card--cls .c-card__meta {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: hsl(0, 0%, 100%);
	transform: translateY(4.5em);
	transition-property: background, transform;
	transition-duration: 0.3s;
}
.c-card--cls .c-card__summary {
	color: hsla(183, 10%, 20%, 0.87);
	height: 3.236em;
}
.c-card--cls .c-card__anchor:hover .c-card__meta {
	background: hsla(183, 10%, 98%, 0.87);
	transform: translateY(0);
}

.c-card--toc {
	max-width: 538px;
	border-width: 1px;
	border-style: solid;
	background: hsl(183, 10%, 99%);
	border-color: hsla(183, 10%, 20%, 0.2);
	box-shadow: none;
}
.c-card--toc .c-card__meta {
	padding: 11px 12px;
}
.c-card--toc .c-card__summary {
	display: block;
	max-height: none;
	margin-bottom: 0;
	color: hsla(183, 10%, 20%, 0.87);
}
.c-card--toc ol,
.c-card--toc ul {
	margin-top: 11px;
	margin-bottom: 11px;
}

.c-card__metaInfo {
	display: block;
	width: 100%;
	margin: 0.5em 0;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: hsla(183, 10%, 10%, 0.6);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.c-card__editItem {
	position: absolute;
	top: 63px;
	right: 60px;
	z-index: 6;
}
.c-card__editPublic {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 6;
}
.c-card__editPublicHint {
	position: absolute;
	top: 12px;
	right: 12px;
	display: block;
	margin: 0;
	border-style: solid;
	border-width: 1px;
	border-radius: 300px;
	white-space: nowrap;
	text-align: center;
	font-weight: 700;
	cursor: pointer;
	padding: 6px 44px 6px 16px;
	font-size: 16px;
	line-height: 24px;
	color: hsla(183, 10%, 20%, 0.87);
	background: hsl(0, 0%, 100%);
	border-color: hsl(180, 2%, 68%);
	z-index: 5;
}
.c-card__editDelete {
	position: absolute;
	top: 63px;
	right: 12px;
	z-index: 6;
}

.c-card.m--cta .c-card__meta {
	padding: 21px;
	text-align: center;
}
.c-card.m--cta .c-card__heading {
	font-size: 20px;
}
.c-card.m--cta .c-card__summary {
	display: block;
	max-height: none;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	color: hsla(183, 10%, 20%, 0.87);
}
.c-card__iconBlock {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 40px;
	width: 74px;
	height: 74px;
	margin: 11px auto 26px;
	padding: 11px;
	border-radius: 4px;
	border: 1px solid hsla(15, 84%, 50%, 0.16);
	background: hsla(15, 84%, 50%, 0.14);
	color: #eb4a14;
}

.c-card.m--stats .c-card__meta {
	display: flex;
	flex-direction: column;
	height: 100%;
	font-size: 16px;
	padding: 11px 26px 33px 12px;
	border: none;
}
.c-card.m--stats .c-card__heading {
	font-size: 20px;
}
.c-card.m--stats .c-card__summary {
	display: block;
	max-height: none;
	margin-top: 0;
}
.c-card.m--stats .social-nav {
	float: left;
	margin: 0;
}
.c-card.m--stats .social-nav a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	margin-right: 18px;
	font-weight: 400;
	font-size: 26px;
	line-height: normal;
	border-radius: 50%;
	box-shadow: none;
}
.c-card.m--stats .social-nav a.instagram {
	font-size: 34px;
}
.c-card.m--stats .social-nav + .c-card__heading {
	line-height: 48px;
}

.c-card__table {
	width: 100%;
	max-width: 342px;
	margin-bottom: 12px;
}
.c-card__table--fixed {
	table-layout: fixed;
}
.c-card__table--center {
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
.c-card__table--grow {
	margin-bottom: auto;
}
.c-card__table--strike {
	position: relative;
}
.c-card__table--strike::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><line x1='0' y1='46' x2='100' y2='66' stroke-width='2' stroke='hsla(15, 84%, 50%, 0.87)' vector-effect='non-scaling-stroke'/></svg>");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%, auto;
}
.c-card__table td {
	padding: 3px 0;
	line-height: 1.5;
	vertical-align: baseline;
	text-align: left;
}
.c-card__table--center td {
	padding: 3px 6px;
}
.c-card__tableNr,
.c-card__table .c-card__tableNr {
	padding-left: 6px;
	padding-right: 6px;
	font-family: "Roboto Slab", serif;
	font-weight: 600;
	font-size: 20px;
	text-align: right;
	white-space: nowrap;
}
.c-card__tablePrice,
.c-card__table .c-card__tablePrice {
	padding-left: 6px;
	padding-right: 6px;
	font-family: "Roboto Slab", serif;
	font-weight: 600;
	font-size: 32px;
	text-align: right;
	white-space: nowrap;
}

.c-reactie {
	margin-top: 18px;
}
.c-reactie__name {
	font-family: "Roboto Slab", serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.25;
	color: #171c1c;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.c-reactie__inner {
	margin: 7px 0 14px;
	padding-left: 50px;
}
.c-reactie__comment {
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 7px;
	color: hsla(183, 10%, 20%, 0.87);
}
.c-reactie__time {
	font-size: 14px;
	line-height: 1.25;
	color: hsla(183, 10%, 10%, 0.6);
}

.c-reactie__reacties {
	display: flex;
	flex-direction: column;
	margin-top: 21px;
	padding-left: 50px;
}

.c-bdrDealers__gMap {
	display: flex;
	justify-content: center;
	height: 600px;
	position: relative;
	overflow: hidden;
}

.c-bdrActionsFixed {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	width: 100vw;
	padding: 12px 18px;
	text-shadow: none;
	background: hsl(0, 0%, 100%);
	box-shadow: 0 -1px 3px hsla(183, 10%, 10%, 0.038), 0 -1px 2px hsla(183, 10%, 10%, 0.076);
	z-index: 1020;
	opacity: 0;
	transform: translate(0, 36px);
	transition-property: opacity, transform;
	transition-duration: 200ms;
	transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.c-bdrActionsFixed.is-hidden {
	display: none;
}
.c-bdrActionsFixed.fx-fadeIn {
	opacity: 1;
	transform: translate(0, 0);
	transition-duration: 250ms;
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.c-bdrActionsFixed__btn {
	margin: 0 10px 0 0;
	flex: 1;
	padding-right: 12px;
	padding-left: 12px;
}
.c-bdrActionsBottom {
	margin-top: 72px;
}
.c-bdrHeader {
	position: relative;
	color: hsla(183, 10%, 10%, 0.87);
	background: hsla(183, 7%, 100%, 1);
	overflow: hidden;
	box-shadow: 0 1px 3px hsla(183, 10%, 10%, 0.038), 0 1px 2px hsla(183, 10%, 10%, 0.076);
}
.c-bdrHeader.is-sticky {
	position: fixed;
}
.c-bdrHeader.is-stickyBot {
	position: absolute;
	bottom: 0;
}
.c-bdrHeader__naw {
	position: relative;
	display: block;
	padding: 14px 21px;
	text-align: center;
}
.c-bdrProName {
	font-family: "Roboto Slab", serif;
	margin: 14px 0 0;
	padding: 0;
	text-align: center;
	font-size: 22px;
	line-height: 1.382;
	font-weight: bold;
	color: hsla(183, 10%, 10%, 0.87);
}
.c-bdrAvatar {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 200px;
	height: 200px;
	text-align: center;
	overflow: hidden;
	border-radius: 5px;
	background-color: hsla(183, 7%, 100%, 1);
	border: 4px solid hsl(0, 0%, 100%);
	box-shadow: 0 0px 3px hsla(183, 10%, 10%, 0.038), 0 1px 3px hsla(183, 10%, 10%, 0.176);
}
.c-bdrAvatar__bg {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.16;
}
.c-bdrAvatar__img {
	position: relative;
	display: block;
	margin: auto;
	padding: 0;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
.c-bdrAvatar__info { 
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
	left: 0;
	padding-top: 3px;
	text-align: left;
	white-space: normal;
	border-top: 1px solid hsla(183, 10%, 10%, 0.038);
	background-color: hsl(0, 0%, 100%);

	opacity: 0;
	transform: translateY(100%);
	transition-property: opacity, transform;
	transition-duration: 200ms;
	transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.c-bdrAvatar__busname {
	margin: 0;
	padding: 6px 8px;
	font-size: 13px;
	line-height: 1.382;
	text-decoration: none;
	letter-spacing: 0;
	color: hsl(15, 84%, 50%);
}
.c-card.m--bdrDlrOvz:hover .c-bdrAvatar__info {
	opacity: 1;
	transform: translateY(0px);
	transition-duration: 250ms;
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.c-card.m--bdrDlrOvz.m--basic .c-bdrAvatar__busname {
	color: hsla(183, 10%, 10%, 1);
}
.c-card.m--bdrDlrOvz.m--basic .c-bdrAvatar__info {
	opacity: 1;
	transform: translateY(0px);
}
.c-bdrAdres {
	position: relative;
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 1.382;
	font-weight: bold;
	margin: 0;
	padding: 6px 0 0;
	color: hsla(183, 10%, 10%, 0.6);
}
.c-bdrAdres__t {
	display: block;
}
.c-bdrTelnr {
	position: relative;
	display: inline-block;
	margin: 6px 0 0;
	padding: 4px 21px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	color: hsla(183, 10%, 20%, 0.87);
}
.c-bdrTelnr:hover {
	color: hsl(15, 84%, 50%);
}
.c-bdrTelnr__icon {
	margin: 0 0.5em 0 -0.5em;
	font-size: 16px;
	vertical-align: text-top;
	color: hsla(183, 10%, 10%, 0.6);
}
.c-bdrHeader__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 7px 7px;
}
.c-bdrHeader__actionsBtn {
	flex: 0 1 auto;
	margin-bottom: 6px;
	padding-right: 3px;
	padding-left: 3px;
	text-align: center;
}
.c-bdrHeader__actionsBtn .c-btn {
	white-space: nowrap;
	margin: 0 auto;
}
.c-bdrProdCTA {
	font-family: "Roboto Slab", serif;
	margin: 18px 0 7px;
	text-align: center;
	font-size: 18px;
	line-height: 1.382;
	font-weight: bold;
	color: hsla(183, 10%, 20%, 0.87);
}
.c-bdrHeader__info {
	display: block;
	margin: 0;
	padding: 7px 0;
	border-top: 1px solid hsl(15, 12%, 92%);
}
.c-bdrHeader__infoRow {
	position: relative;
	display: flex;
	padding: 7px 14px 7px 43px;
	line-height: 22px;
}
.c-bdrHeader__infoIcon {
	position: absolute;
	left: 21px;
	display: block;
	flex: 0 0 18px;
	height: 22px;
	width: 18px;
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	color: hsla(183, 10%, 20%, 0.6);
}
.c-bdrHeader__infoTxt {
	display: block;
	flex: 1;
	padding: 0 7px;
	font-size: 14px;
	line-height: 22px;
	word-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
	color: hsla(183, 10%, 20%, 0.87);
}
.c-bdrHeader__infoTxt.m--flex2 {
	flex: 2;
}
.c-bdrHeader__infoTxt.m--anchor {
	text-decoration: underline;
}
.c-bdrHeader__infoTxt.m--anchor:hover {
	color: hsl(15, 84%, 50%);
}

.c-bdrHeader__abbo {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 7px 0;
	border-top: 1px solid hsl(15, 12%, 92%);
}

.c-bdrHeader__nav {
	position: relative;
	padding: 0;
	border-top: 1px solid hsl(15, 12%, 92%);
	border-bottom: 1px solid hsl(15, 12%, 92%);
}
.c-bdrHeader__nav::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	display: block;
	width: 21px;
	background: linear-gradient(to left, #fff 10%, transparent 100%);
	z-index: 1;
}
.c-bdrHeader__navA {
	position: relative;
	display: inline-block;
	margin: 7px 4px 0 0;
	padding: 7px 7px 0 7px;
	font-size: 16px;
	line-height: 28px;
	border-width: 0 0 3px 0;
	border-style: solid;
	border-color: transparent;
	color: hsla(183, 10%, 10%, 0.87);
}
.c-bdrHeader__navA.is-active {
	border-color: hsl(15, 84%, 50%);
}
.c-bdrHeader__navA .c-btn__icon {
	vertical-align: top;
	font-size: 14px;
	line-height: 26px;
	opacity: 0.38;
}
@media only screen and (min-width: 1024px) {
	.c-bdrHeader__nav::after {
		content: none;
	}
	.c-bdrHeader__navA {
		display: block;
		margin: 0;
		padding: 8px 21px 6px 17px;
		border-width: 0 0 0 4px;
	}
	.c-bdrHeader__navA:not(.is-active):hover {
		background: hsl(183, 10%, 96%);
		border-color: hsla(15, 100%, 53%, 0.6);
	}

	.c-bdrHeader__navA .c-btn__icon {
		position: absolute;
		right: 21px;
		margin: 0;
	}
}

.c-bdrOverzicht__lid {
	margin: 0;
	padding: 0;
	border-top: 1px solid hsla(183, 10%, 10%, 0.06);
}
.c-bdrOverzicht__socials {
	margin: 0;
	padding: 14px 21px;
	border-top: 1px solid hsla(183, 10%, 10%, 0.06);
}
.c-bdrAbout {
	padding: 14px 21px 28px;
	background: hsl(0, 0%, 100%);
}
.c-bdrAbout a {
	color: hsl(15, 84%, 50%);
	text-decoration: underline;
}
.c-bdrAbout p {
	margin-top: 0;
	margin-bottom: 24px;
	font-size: 16px;
	line-height: 26px;
	color: hsla(183, 10%, 10%, 0.87);
}
.c-bdrAbout h3 {
	margin-top: 0;
	margin-bottom: 0.382em;
	font-size: 18px;
	line-height: 1.382;
	letter-spacing: 0;
	font-weight: bold;
	color: hsla(183, 10%, 10%, 0.87);
}
.c-bdrAbout img {
	max-width: 100%;
	height: auto;
	border: 1px solid hsla(183, 7%, 95%, 1);
	border-radius: 5px;
}
.c-bdrAbout__inner {
	position: relative;
	overflow: hidden;
	height: auto;
	margin: 0 0 16px;
	padding: 0;
	max-width: 75ch;
}
.c-bdrAbout__inner table {
	width: auto;
	max-width: 100%;
}
.c-bdrAbout.is-closed .c-bdrAbout__inner {
	height: 104px;
}
.c-bdrAbout .show-more,
.c-bdrAbout .show-less {
	display: none;
}
.c-bdrAbout.is-closed .show-more,
.c-bdrAbout.is-open .show-less {
	display: block;
}
.c-bdrOverzicht {
	position: relative;
	display: block;
	padding: 0;
}
.c-bdrOverzicht__summary {
	max-width: 70ch;
	padding: 0 21px;
	font-size: 16px;
	line-height: 1.618;
	color: hsla(183, 10%, 10%, 0.87);
}
.c-bdrOverzicht__section {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0 21px;
	background: hsla(183, 7%, 100%, 1);
	box-shadow: 0 1px 3px hsla(183, 10%, 10%, 0.038), 0 1px 2px hsla(183, 10%, 10%, 0.076);
}

.c-bdrOverzicht__section + .c-bdrOverzicht__section {
	margin: 36px 0 0;
}
.c-bdrOverzicht__about {
	padding: 0;
}

.c-bdrOverzicht__abonnement {
	background-color: hsla(183, 7%, 100%, 1);
	color: hsl(15, 84%, 50%);
}

.c-bdrOverzicht__abonnement .l-section{
	display: grid;
	line-height: 1.618;
	grid-template-columns: repeat(3, 1fr); /* Creates three equal columns */
	gap: 10px; /* Adds spacing between the boxes */
}

/* Media query for mobile devices */
@media (max-width: 708px) {
	.c-bdrOverzicht__abonnement .l-section {
		grid-template-columns: 1fr; /* Stack items in one column */
	}
}

.c-bdrOverzicht__abonnement .abo-box {
	margin-top: 20px;
	display: flex;
	border-radius: 10px;
	flex-direction: column;
	box-shadow: 0 4px 6px hsla(183, 10%, 10%, 0.1), 0 2px 4px hsla(183, 10%, 10%, 0.15);
	align-items: center;
	justify-content: space-between;
	transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
}

.c-bdrOverzicht__abonnement .abo-box:hover {
	transform: translateY(-10px);
	transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
}

.c-bdrOverzicht__abonnement .abo-box-header {
	width: 100%;
	color: hsl(15, 84%, 50%);
	font-size: 18px;
	align-items: center;
	justify-content: center;
	display: flex;
	border-bottom: hsl(15, 84%, 50%) 3px solid;
}

.c-bdrOverzicht__abonnement .abo-box-title {
	font-weight: bold;
	color: hsl(15, 84%, 50%);
	margin: 0;
	padding: 10px;
	font-size: 25px;
}

.c-bdrOverzicht__abonnement .abo-box-title i {
	font-size: 18px;
}

.c-bdrOverzicht__abonnement .abo-box-price {
	margin: 0;
	font-weight: bold;
}

.c-bdrOverzicht__abonnement .abo-box-content {
	flex-grow: 1;
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.c-bdrOverzicht__abonnement .abo-box-content.center-c{
	display: flex;
	align-items: center;
}

.c-bdrOverzicht__abonnement .abo-box-content.center-c li{
	line-height: normal;
}

.c-bdrOverzicht__abonnement .abo-box-et {
	border: hsl(15, 84%, 50%) 3px solid;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	border-radius: 25px;
	padding: 10px;
	margin-bottom: 10px;
}

.c-bdrOverzicht__abonnement .abo-box-content ul {
	display: inline;
	line-height: 30px;
	padding-inline-start: 0;
	list-style: none;
	max-width: 250px;
}

.c-bdrOverzicht__abonnement .abo-box-content ul i {
	margin-right: 5px;
}

.c-bdrOverzicht__abonnement .abo-box-footer {
	width: 100%;
	display: flex;
	border-top: hsl(15, 84%, 50%) 3px solid;
	justify-content: center;
}

.c-bdrOverzicht__abonnement .abo-Overzicht_abonnement-mt {
	text-align: center;
	font-weight: bold;
	padding: 20px 20px 0;
	color: black;
}

.c-bdrOverzicht__abonnement .abo-Overzicht_abonnement-st {
	text-align: center;
	padding: 0 20px;
	font-size: 14px;
	color: black;
}

.c-bdrOverzicht__abonnement .wonen-abo-btn {
	background-color: hsl(15, 84%, 50%);
	color: white;
	border-radius: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 30px;
}

.c-bdrOverzicht__abonnement .wonen-abo-btn:hover {
	background-color: hsl(15, 84%, 40%);
}

.c-bdrOverzicht__moreBtn {
	display: block;
	margin: 6px auto;
	min-width: 75%;
	max-width: 85%;
}
.c-bdrOverzicht__moreBtn + .c-heading {
	margin-top: 18px;
}
.c-bdrOverzicht__gMap {
	margin: 0 0 24px;
}
.c-bdrOverzicht__fullGrid {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 14px;
}

.input-container-place {
	position: absolute;
	left: 45%;
	top: 5%;
}

.fa-magnifying-glass {
	position: absolute;
	min-width: 50px;
	text-align: center;
	left: -1%;
	bottom: 30%;
}

.input-field-place {
	width: 440px;
	border: 1px solid lightgray;
	padding-left: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.select-container-subjects {
	position: absolute;
	top: 5%;
	left: 30%;
}

.select-subject {
	height: 42px;
	width: 160px;
	border: 1px solid lightgray;
	padding: 10px;
	color: grey;
}

.select-placeholder {
	color: grey;
}

.list-places li .c-gMapCard__imgP{
	position: relative;
	left: -38%;
	display: block;
	margin-top: -5%;
	width: 100px;
	height: 100px;
}

.list-places li .c-gMapCard__name.firstB{
	left: 28%;
	text-align: left;
	margin-top: -40%;
	font-size: 13px;
	position: relative;
	display: block;
	inline-size: 230px;
}

.list-places li .c-dlrLocation.firstB{
	text-align: left;
	position: relative;
	display: block;
	font-size: 10px;
	margin-top: -1%;
	margin-left: 32%;
	inline-size: 220px;
}

.list-places li .c-bdrHeader__actions.firstB{
	position: relative;
	margin-top: 0;
	margin-bottom: -10%;
	left: 20%;
}

.list-places li .c-gMapCard__actions.firstB {
	margin-top: 4%;
	position: relative;
	margin-bottom: -8%;
	left: -39%;
}

div.c-gMapCard__actions.firstB a {
	font-size: 11px;
}

.list-places li .c-gMapCard__name.SecondB{
	left: -10%;
	text-align: left;
	font-size: 13px;
	position: relative;
	display: block;
	inline-size: 230px;
}

.list-places li .c-dlrLocation.SecondB{
	text-align: left;
	position: relative;
	display: block;
	font-size: 10px;
	margin-top: -1%;
	margin-left: -7%;
	inline-size: 300px;
}

.markers-class{
	background: white;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 502px;
	width: 385px;
	text-align: center;
	z-index: 1;
}

.markers-class ul {
	overflow:hidden;
	overflow-y:scroll;
}

.markers-class ul{
	list-style-type: none;
	height: 502px;
	width: 112%;
	right: 0;
	position: absolute;
	padding-right: 30px
}

.markers-class ul li{
	display: inline-block;
	margin-left: 10%;
	padding: 18px;
	box-shadow: 4px 4px 10px -2px grey;
}

.pac-container:after{display:none !important;}

.markers-class li:hover{
	background-color:lightgray;
}


.markers-class ul::-webkit-scrollbar {
	width: 10px;
}


.markers-class ul::-webkit-scrollbar-track {
	background: #f1f1f1;
}


.markers-class ul::-webkit-scrollbar-thumb {
	background: #888;
}


.markers-class ul::-webkit-scrollbar-thumb:hover {
	background: #555;
}

#toggleButtonMap {
	display: none;
}

.overlayMap {
	color: white;
	display: none;
	background-color: black;
	opacity: 0.75;
	height: 500px;
	width: 98%;
	position: absolute;
	top: 0;
	left: 1%;
	z-index: 3;
}

.overlayMap a{
	font-weight: bold;
	font-size: 30px;
	position: absolute;
	text-align: center;
	top: 47%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.c-bdrDealers__fullList {
	position: relative;
	display: block;
	width: auto;
	max-width: 100%;
	padding: 0;
	margin: 0 14px 18px;
	border-top: 1px solid hsla(183, 10%, 10%, 0.1);
	border-bottom: 1px solid hsla(183, 10%, 10%, 0.1);
}
.c-bdrStats__p {
	margin: 0;
	font-size: 16px;
	line-height: 1.618;
	color: hsla(183, 10%, 10%, 0.87);
}

.c-prdHeader {
	padding: 21px;
}
.c-prdHeader__title {
	font-family: "Roboto Slab", serif;
	font-weight: bold;
	font-size: 28px;
	line-height: 1.25;
	margin-top: 0;
	margin-bottom: 0;
	color: hsla(183, 10%, 10%, 0.87);
}
.c-prdHeader__sum {
	font-size: 18px;
	line-height: 1.5;
	margin-top: 0.75em;
	margin-bottom: 0;
}
.c-prdImages {
	position: relative;
	padding: 0 21px;
	max-width: 100%;
}
.c-prdImages__img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius: 5px;
	background: hsla(15, 10%, 97%, 1);
}
.c-prdImages__img + .c-prdImages__img {
	margin-top: 26px;
}

.c-hscrollMore {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 0 15px;
	margin: 15px 0 0;
	z-index: 1;
}
.c-hscrollMore__btn {
	flex: 1;
}
/* Thuis Getest - review */
.c-reviewScore {
	display: block;
	font-size: 16px;
	line-height: 27px;
	color: hsla(183, 10%, 20%, 0.87);
}
.c-reviewScore__total {
	display: block;
	text-align: center;
	font-weight: 800;
	font-size: 44px;
	line-height: 1.2;
	margin: 11px 0 0;
	padding-top: 21px;
	color: hsla(15, 84%, 50%, 0.87);
	border-top: 1px solid hsl(15, 12%, 92%);
}
.c-reviewScore__row {
	display: flex;
	flex-wrap: nowrap;
	margin: 0;
	padding-top: 11px;
	padding-bottom: 11px;
}
.c-reviewScore__rowCriteria {
	display: block;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	padding: 0 6px;
}
.c-reviewScore__rowScore {
	display: block;
	flex: 0 0 3em;
	max-width: 100%;
	text-align: center;
	font-size: 1.2em;
	font-weight: 700;
}

.c-navHeader {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	background: hsla(183, 7%, 100%, 1);
	border-bottom: 1px solid hsla(183, 10%, 10%, 0.06);
	box-shadow: 0 7px 14px hsla(183, 10%, 10%, 0.06), 0 5px 5px hsla(183, 10%, 10%, 0.038);
	z-index: 1038;
}
body.modal-open .c-navHeader {
	padding-right: 17px;
}
.c-navHeader.is-searchOpen {
	border-bottom: 0;
	box-shadow: none;
}
.c-navHeader.is-searchStayOpen {
	border-bottom: 0 !important;
	box-shadow: none !important;
}
.c-navHeader a:hover {
	text-decoration: none;
	color: hsl(15, 84%, 50%);
}
.c-navHeader__logo {
	padding: 6px 0;
}
.c-navHeader__logo:hover {
	opacity: 0.8;
}
.c-navHeader__navMenu {
	position: fixed;
	top: 59px;
	right: 0;
	left: 0;
	height: calc(100vh - 59px);
	padding: 6px 0;
	overflow-y: scroll;
	overflow-x: hidden;
	background: hsla(183, 7%, 100%, 1);
	border-bottom: 1px solid #e2e0df;
	z-index: 1030;
	display: none;
}
.c-navHeader__navItem {
	display: inline-block;
	width: 100%;
	font-size: 21px;
	line-height: 1.618;
	padding: 6px 22px;
	margin: 6px 0;
	font-weight: 700;
	color: hsla(183, 10%, 20%, 0.87);
	text-decoration: none;
}
.c-navHeader__navItem:hover {
	color: hsla(183, 10%, 10%, 1);
	text-decoration: none;
}
.c-navHeaderSubMenu {
	display: block;
}
.c-navHeaderSubMenu.is-open {
	position: fixed;
	top: 117px;
	right: 0;
	left: 0;
	height: calc(100vh - 117px);
	overflow-y: scroll;
	overflow-x: hidden;
	background: #fff;
	border-bottom: 1px solid #e2e0df;
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 108px;
	z-index: 1032;
}
.c-navHeaderSubMenu + .c-navHeaderSubMenu {
	margin-top: 0;
	margin-bottom: -1px;
	border-bottom: 1px solid #f0efef;
}
.c-navHeaderSubMenu__main {
	display: inline-block;
	width: 100%;
	font-size: 18px;
	line-height: 26px;
	padding: 12px 21px;
	margin: 0;
	border-bottom: 1px solid #f0efef;
	color: hsla(183, 10%, 10%, 0.87);
}
.c-navHeaderSubMenu__main--next {
	font-size: 21px;
	line-height: 1.618;
	padding: 6px 21px 12px;
	font-weight: 700;
	color: hsla(183, 10%, 20%, 0.87);
}
.c-navHeaderSubMenu__back {
	display: none !important;
	margin-right: 4px;
}
.c-navHeaderSubMenu__forward {
	display: none !important;
	margin-left: 4px;
	color: hsl(15, 84%, 50%);
	vertical-align: middle !important;
}
.c-navHeaderSubMenu.is-open > .c-navHeaderSubMenu__main .c-navHeaderSubMenu__back,
.c-navHeaderSubMenu.is-closed > .c-navHeaderSubMenu__main .c-navHeaderSubMenu__forward {
	display: inline-block !important;
}
.c-navHeaderSubMenu.is-open > .c-navHeaderSubMenu__main--next {
	position: fixed;
	top: 58px;
	padding: 12px 21px;
	color: hsla(183, 10%, 20%, 0.87);
	background: hsla(183, 10%, 96%, 1);
	border-width: 1px 0;
	border-style: solid;
	border-color: hsla(183, 10%, 20%, 0.1);
	z-index: 1;
}
.c-navHeaderSubMenu > .c-navHeaderSubMenu {
	display: none;
	margin-top: 0;
}
.c-navHeaderSubMenu.is-open > .c-navHeaderSubMenu {
	display: block;
}

.c-navHeaderSubMenu.is-open li{
	list-style: none;
	color: black;
	position: relative;
	font-size: 15px;
	float: left;
	white-space: nowrap;
}

.c-navHeaderDrop {
	position: relative;
	display: inline-block;
}

.c-navHeaderDrop__name {
	display: flex;
	align-items: center;
	font-size: 15px;
	line-height: 30px;
	margin-left: 6px;
	padding: 6px 8px;
	font-weight: 700;
	color: hsla(183, 10%, 20%, 0.87);
	text-decoration: none;
	cursor: pointer;
	transition: color 0.2s ease;
}

.c-navHeaderDrop__name:hover {
	color: lightgray;
}

.dropdown-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 90%;
	min-width: 725px;
	background-color: white;
	padding: 15px;
	z-index: 1000;
	border-radius: 8px;
	border: none;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
	transition: opacity 0.3s ease, transform 0.3s ease;
	opacity: 0;
	transform: translateY(10px);
	pointer-events: none;
}

.c-navHeaderDrop:hover .dropdown-menu {
	display: block;
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.dropdown-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 12px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.dropdown-grid li {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 5px 8px;
	border-radius: 6px;
	transition: background-color 0.2s;
}

.dropdown-grid li:hover {
	background-color: hsl(183, 10%, 96%);
}

.dropdown-grid a {
	text-decoration: none;
	color: hsl(183, 10%, 20%);
	display: block;
	overflow: hidden;
	flex: 1;
}

.dropdown-grid a p {
	margin: 0;
	white-space: normal;
	overflow: visible;
	text-overflow: unset;
	width: 100%;
}

/* Inherit desktop dropdown item styles */
.dropdown-grid--mobile {
	display: flex;
	flex-direction: column;
	gap: 10px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.dropdown-grid--mobile li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 6px;
	transition: background-color 0.2s ease;
}

.dropdown-grid--mobile li:hover {
	background-color: hsl(183, 40%, 95%);
}

.dropdown-grid--mobile a {
	display: flex;
	align-items: center;
	width: 100%;
	text-decoration: none;
	color: hsl(183, 10%, 20%);
}

.dropdown-grid--mobile a p {
	margin: 0;
	white-space: normal;
	overflow: visible;
	text-overflow: unset;
}

.c-navHeaderDrop__angleR,
.c-navHeaderDrop__angleL {
	width: 1em;
	text-align: center;
	color: hsl(15, 84%, 50%);
}
.c-navHeaderDrop__angleR {
	margin: 0 0 0 0.25em;
}
.c-navHeaderDrop__angleL {
	margin: 0 0.25em 0 0;
}

.c-navHeaderDrop__menu {
	display: none;
	flex-direction: column;
	flex-wrap: wrap;
	max-height: 302px;
	position: fixed;
	top: 48px;
	right: 0;
	left: 0;
	margin: 0 auto;
	padding: 21px;
	max-width: 1280px;
	width: 100%;
	background: hsl(0, 0%, 100%);
	border-radius: 0 0 5px 5px;
	box-shadow: 0 14px 14px hsla(183, 10%, 10%, 0.06), 0 10px 5px hsla(183, 10%, 10%, 0.038);
}

.c-navHeaderDrop__menu.m--cols {
	flex-direction: row;
}
.c-navHeaderDrop__col {
	flex: 1;
}
.c-navHeaderDrop__heading {
	margin: 0;
	padding: 12px 21px 6px;
	font-family: "Roboto Slab", "Roboto", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.382;
	color: hsla(183, 10%, 10%, 1);
}
.c-navHeaderDrop__anchor {
	position: relative;
	display: block;
	padding: 6px 21px;
	line-height: 30px;
	font-size: 16px;
	color: hsla(183, 10%, 10%, 0.87);
	text-decoration: none;
}
.c-navHeaderDrop__anchor.m--review {
	padding: 3px 21px;
	font-size: 14px;
	color: hsla(183, 10%, 10%, 0.6);
	background: hsl(183, 10%, 98%);
}
.c-navHeaderDrop__anchor.m--review + .c-navHeaderDrop__anchor.m--review {
	border-top: 1px solid hsla(183, 10%, 10%, 0.038);
}
.c-navHeaderDrop__anchor.m--review + .c-navHeaderDrop__anchor:not(.m--review) {
	margin-top: 6px;
}
.c-navHeaderDrop__icon {
	display: inline-block;
	width: 21px;
	text-align: center;
	margin: 0 6px 0 3px;
}
.c-navHeaderDrop__name:hover {
	color: hsl(15, 84%, 50%);
	cursor: pointer;
}

.c-navHeaderDrop__nameroom:hover {
	color: hsl(15, 84%, 50%);
	cursor: pointer;
}

.c-navHeaderDrop:hover .c-navHeaderDrop__menu {
	display: flex;
}

.c-navHeader__btns {
	display: flex;
	align-items: center;
	margin-left: auto;
}

.c-navHeader__mobileOnly {
	display: none;
}

@media (max-width: 768px) {
	.c-navHeader__mobileOnly {
		display: block;
	}
}

@media (max-width: 768px) {
	.c-srchHeader {
		display: none;
	}

	.c-srchHeader.is-open {
		display: block;
	}
}

.c-navHeader__menuIcon {
	display: none;
}
.c-navHeader.is-open .c-navHeader__navMenu,
.c-navHeader.is-closed .c-navHeader__menuIcon--open,
.c-navHeader.is-open .c-navHeader__menuIcon--close {
	display: block;
}
.c-srchHeader {
	background: #ffffff;
	z-index: 1034;
	transition: all 0.3s ease;
}

.c-srchHeader.is-open {
	display: block;
}
.c-srchHeader.is-closed {
	display: none;
}

@media (min-width: 768px) {
	.c-srchHeader {
		display: block;
		position: static;
		padding: 0;
		margin-left: 16px;
		align-self: center;
	}

	.c-navHeader__searchSlot {
		display: flex;
		align-items: center;
	}
}

@media (max-width: 767px) {
	.c-srchHeader {
		position: fixed;
		left: 0;
		right: 0;
		padding: 10px 15px;
		display: none;
	}

	.c-navHeader__searchSlot {
		display: none;
	}

	#js-srchSuggest {
		top: 110px;
	}
}

.c-srchHeader .navbar-search {
	margin: 0;
}
.c-srchHeader.is-open {
	display: block;
}
.c-srchHeader.is-closed {
	display: none;
}

.c-srchHeader.is-stayOpen {
	display: block !important;
}
.c-navHeader.is-searchClosed .c-navHeader__searchIcon--open,
.c-navHeader.is-searchOpen .c-navHeader__searchIcon--close {
	display: block;
}

.c-srchSuggest {
	position: fixed;
	top: 50px;
	right: 0;
	left: 0;
	height: calc(100vh - 107px);
	width: 100vw;
	overflow-y: scroll;
	overflow-x: hidden;
	background: #ffffff;
	z-index: 1030;
	display: none;
}

.c-srchSuggest.is-suggesting {
	display: block;
}
.c-srchSuggest__group {
	position: relative;
	display: block;
	margin: 16px 0 0;
	font-size: 16px;
}
.c-srchSuggest__group::after {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	right: 0;
	left: 26px;
	height: 1px;
	background-color: #e2e0df;
	z-index: -1;
}
.c-srchSuggest__subject {
	display: inline-block;
	padding: 4px 12px 4px 9px;
	font-size: 16px;
	line-height: 1.618em;
	color: hsla(15, 84%, 50%, 0.87);
	background: #ffffff;
}
.c-srchSuggest__icon {
	width: 1em;
	text-align: center;
	margin: 0;
	color: hsla(15, 5%, 5%, 0.38);
}
.c-srchSuggest__item {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 4px 4px 4px 25px;
	font-family: "Roboto Slab", "Roboto", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.618em;
	color: hsla(15, 5%, 5%, 0.6);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.c-srchSuggest__prof {
	display: block;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	color: hsla(183, 10%, 10%, 0.87);
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.c-srchSuggest__group.m--keywords {
	margin: 16px 0 4px;
}
.c-btn--srchSuggest {
	margin: 0 6px 6px 0;
}
.c-srchSuggest__highlight {
	color: hsla(183, 10%, 10%, 0.87);
	font-weight: 600;
	text-shadow: none;
}
.c-userMenu {
	position: relative;
	display: inline-block;
	margin-left: 8px;
}
.c-userMenu + .c-btn {
	margin-left: 8px;
}
.c-userMenu__menu {
	position: fixed;
	display: none;
	flex-direction: column;
	top: 59px;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-y: auto;
	margin: 0;
	width: 100%;
	padding: 12px 0;
	background: hsl(0, 0%, 100%);
}
.c-userMenu__menu.is-closed {
	display: none;
}
.c-userMenu__menu.is-open {
	display: flex;
}
.c-userMenu__user {
	display: flex;
	align-items: center;
	padding: 6px 18px;
}
.c-userMenu__user.m--baUser {
	padding: 16px 18px 6px;
	margin: 6px 0;
	border-top: 1px solid hsla(183, 10%, 10%, 0.06);
}
.c-userMenu__userName {
	margin: 0;
	padding: 0 0 0 14px;
	text-align: left;
	font-family: "Roboto Slab", "Roboto", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.382;
	letter-spacing: 0.05ch;
	color: hsla(183, 10%, 10%, 1);
}
.c-userAvatar {
	position: relative;
	display: inline-block;
	margin: 0;
	width: 48px;
	min-width: 48px;
	height: 48px;
	line-height: 44px;
	text-align: center;
	overflow: hidden;
	border-radius: 50%;
	background-color: hsla(183, 7%, 100%, 1);
	border: 2px solid hsl(15, 84%, 50%);
	box-shadow: 0 1px 3px hsla(183, 10%, 10%, 0.038), 0 1px 2px hsla(183, 10%, 10%, 0.076);
}
.c-userMenu__user.m--baUser .c-userAvatar {
	border-radius: 4px;
	border: 2px solid hsla(183, 7%, 100%, 1);
}
.c-userAvatar__img {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.c-userMenu__user.m--baUser .c-userAvatar__img {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
.c-userOut {
	padding: 12px 21px 6px;
	margin: 6px 0 0;
	border-top: 1px solid hsla(183, 10%, 10%, 0.06);
}
.c-userMenu__menu.m--userIn {
	padding: 18px 21px;
}
.c-userMenu__menu.m--userIn .c-btn + .c-btn {
	margin-top: 12px;
}
.c-form {
	display: block;
}
.c-form .l-section {
	padding: 0 12px;
	display: flex;
	flex-direction: column;
}
.c-form .l-section + .l-section {
	margin: 21px 0 0;
}
.c-form .l-section.m--newSection {
	padding-top: 21px;
	border-top: 1px solid hsla(183, 10%, 10%, 0.06);
}
.c-form .c-bdrAvatar {
	margin: 0 auto 21px;
}
.c-form__label {
	position: relative;
	display: block;
	min-width: 160px;
	width: 160px;
	max-width: 160px;
	text-align: left;
	font-size: 16px;
	line-height: 42px;
	margin: 0 9px;
	color: hsla(183, 10%, 10%, 0.87);
}
.c-form__input {
	position: relative;
	display: block;
	width: 100%;
	height: 42px;
	flex: 1 0 42px;
	margin: 0;
	text-align: left;
	background-image: none;
	border: 1px solid transparent;
	padding: 0 15px;
	font-size: 16px;
	line-height: 16px;
	border-radius: 42px;
	color: hsla(183, 10%, 20%, 0.87);
	background: hsl(0, 0%, 100%);
	border-color: hsl(180, 2%, 68%);
}

input[type="time"].c-form__input {
	line-height: 38px;
}

.c-form__input::-webkit-input-placeholder {
	color: hsla(183, 10%, 30%, 0.38);
	opacity: 1;
}
.c-form__input::-moz-placeholder {
	color: hsla(183, 10%, 30%, 0.38);
	opacity: 1;
}
.c-form__input:-ms-input-placeholder {
	color: hsla(183, 10%, 30%, 0.38);
	opacity: 1;
}
.c-form__input::-ms-input-placeholder {
	color: hsla(183, 10%, 30%, 0.38);
	opacity: 1;
}
.c-form__input::placeholder {
	color: hsla(183, 10%, 30%, 0.38);
	opacity: 1;
}
.c-form--validate .c-form__input--error:invalid,
.c-form--validate .c-form__input--error,
.c-form--validate .c-form__input--error + .c-checkbox__box {
	background: #fef6f8;
}
.c-form__input:hover,
.c-form--validate .c-form__input:hover {
	color: hsla(183, 10%, 10%, 0.87);
	background: hsl(183, 10%, 99%);
	border-color: hsl(180, 3%, 58%);
}
.c-form__input:active,
.c-form__input:focus,
.c-form--validate .c-form__input:active,
.c-form--validate .c-form__input:focus {
	color: hsla(183, 10%, 10%, 0.87);
	background: hsl(0, 0%, 100%);
	border-color: hsl(15, 84%, 50%);
}
.c-form__input.m--textarea {
	padding: 14px 16px;
	font-size: 16px;
	line-height: 26px;
	border-radius: 21px 21px 0 21px;
	overflow: hidden;
	resize: vertical;
}
.c-form__input.m--textarea.m--ta3to6 {
	min-height: 104px;
	max-height: 182px;
}
.c-form--validate .c-form__input--error:focus,
.c-form--validate .c-form__input--error:invalid,
.c-form--validate .c-form__input--error:focus:invalid,
.c-form--validate .c-form__input--error,
.c-form--validate .c-form__input--error + .c-checkbox__box {
	border-color: #bf1839;
}
.c-checkbox {
	position: relative;
	display: flex;
	align-items: flex-start;
	margin: 0;
	padding: 9px;
	cursor: pointer;
}
.c-checkbox__box {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	font-size: 10px;
	border: 1px solid hsl(180, 2%, 68%);
	background: #fff;
	color: transparent;
	border-radius: 4px;
}
.c-checkbox__txt {
	padding: 0 9px;
	font-size: 15px;
	line-height: 1.382;
	color: hsla(183, 10%, 10%, 0.87);
}
.c-checkbox__input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	display: block !important;
}
.c-checkbox__input:hover + .c-checkbox__box {
	background: hsl(183, 10%, 98%);
	border-color: hsl(15, 84%, 50%);
}
.c-checkbox__input:checked + .c-checkbox__box {
	color: #fff;
	border-color: hsl(15, 84%, 50%);
	background-color: hsl(15, 84%, 50%);
}
.c-checkbox__input:active + .c-checkbox__box {
	border-color: hsl(15, 84%, 40%);
}
.c-checkbox__input:disabled + .c-checkbox__box {
	border-color: hsl(180, 2%, 68%);
	background-color: hsl(183, 10%, 93%);
}
.c-checkbox__input:disabled ~ .c-checkbox__txt {
	color: hsla(183, 10%, 10%, 0.38);
}
.c-form__tinyEdit {
	display: inline-block;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.c-form__tinyEdit > .mce-tinymce.mce-container.mce-panel {
	margin: 0 -2px -2px;
	width: 100%;
}
.c-form__tinyEdit .mce-panel {
	background: transparent;
	border-color: transparent;
}
.c-form__select {
	width: 100%;
	font-size: 16px;
	line-height: 40px;
	-webkit-appearance: none;
	color: hsla(183, 10%, 20%, 0.87);
	background: none;
	border: 0;
}
.c-form__selectArrows {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	padding-right: 1em;
	padding-left: 1em;
	top: 0.4em;
	right: 0.4em;
	bottom: 0.4em;
	z-index: 1;
	color: hsla(15, 5%, 30%, 1);
	background-color: hsla(15, 15%, 100%, 1);
	border-radius: 2em;
	pointer-events: none;
}
.c-formGroup {
	display: block;
	flex: 1;
}
.c-formGroup__row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -6px;
	margin-right: -6px;
}
.c-formGroup__row--aiCenter {
	align-items: center;
}
.c-formGroup__col {
	position: relative;
	width: 100%;
	padding: 6px;

	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.c-formGroup__col--auto {
	flex: 0 0 auto;
	width: auto;
}
.c-formGroup__col--1,
.c-formGroup__col--2,
.c-formGroup__col--3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.c-formGroup__col--4 {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}
.c-formGroup__col--5 {
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}
.c-formGroup__col--6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.c-formGroup__col--7 {
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}
.c-formGroup__col--8 {
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}
.c-formGroup__col--9,
.c-formGroup__col--10,
.c-formGroup__col--11 {
	flex: 0 0 75%;
	max-width: 75%;
}
.c-formGroup__col--12 {
	flex: 0 0 100%;
	max-width: 100%;
}

.c-formGroup__label {
	display: block;
	margin: 0 0 2px;
	padding: 0 16px;
	text-align: left;
	font-size: 15px;
	line-height: 1.382;
	color: hsla(183, 10%, 10%, 0.87);
}
.c-formGroup__msg {
	display: block;
	margin: 3px 0 9px;
	padding: 0 16px;
	text-align: left;
	font-size: 14px;
	line-height: 14px;
	min-height: 14px;
	color: hsla(183, 10%, 10%, 0.6);
}
.c-form__input--error ~ .c-formGroup__msg {
	color: #bf1839;
}
.c-form__msg {
	position: relative;
	display: block;
	margin: 0.75em 0 1.5em;
	padding: 0 9px 0 38px;
	font-size: 16px;
	line-height: 1.382;
	color: hsla(183, 10%, 10%, 0.87);
}
.c-form__msg:not(:empty)::before {
	content: "\f071";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	display: block;
	top: 0;
	left: 9px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	color: #bf1839;
	opacity: 0.87;
}

.c-looptijd {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	padding: 0 12px;
	flex: 1;
}
.c-looptijd__date {
	display: block;
	text-align: center;
}
.c-looptijd__day {
	font-family: "Roboto Slab", serif;
	font-size: 26px;
	line-height: 26px;
	font-weight: bold;
	color: hsla(183, 10%, 10%, 0.87);
}
.c-looptijd__month {
	margin: 0.125em 0;
	font-size: 18px;
	line-height: 1.382;
	color: hsla(183, 10%, 10%, 0.87);
}
.c-looptijd__year {
	font-family: "Roboto Slab", serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: hsla(183, 10%, 10%, 0.87);
}
.c-looptijd__line {
	position: relative;
	display: block;
	flex: 1;
	margin: 4px 36px 0;
	height: 4px;
	background: hsla(15, 84%, 50%, 0.87);
}
.c-looptijd__line::before {
	content: "";
	display: block;
	position: absolute;
	top: -7.5px;
	left: -1px;
	width: 18px;
	height: 18px;
	background: hsla(15, 84%, 50%, 1);
	border: 4px solid hsla(15, 84%, 50%, 1);
	border-radius: 50%;
}
.c-looptijd__line::after {
	content: "";
	display: block;
	position: absolute;
	top: -8.5px;
	right: -1px;
	width: 20px;
	height: 20px;
	background: hsl(183, 10%, 95%);
	border: 4px solid hsla(15, 84%, 50%, 1);
	border-radius: 50%;
}
.c-looptijd__expiring {
	position: relative;
	display: block;
	margin: 12px 21px 42px auto;
	width: 460px;
	max-width: 100%;
	right: 0;
	left: 0;
	padding: 12px 21px 21px;
	background: hsl(0, 0%, 100%);
	border-radius: 5px;
	box-shadow: 0 7px 14px hsla(183, 10%, 10%, 0.06), 0 -7px 7px hsla(183, 10%, 10%, 0.038);
}
.c-looptijd__expiring::before {
	content: "";
	position: absolute;
	right: 46px;
	top: -8px;
	width: 0;
	height: 0;
	margin: auto;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid hsla(202, 100%, 100%, 1);
}
.c-looptijd__expiringH {
	display: block;
	margin: 0.25em 0 0.5em;
	padding: 0;
	font-size: 18px;
	line-height: 1.382;
	color: hsla(183, 10%, 10%, 1);
	font-family: "Roboto Slab", serif;
}
.c-looptijd__expiringP {
	margin: 0 0 1.5em;
	padding: 0;
	font-size: 16px;
	line-height: 1.618;
	color: hsla(183, 10%, 10%, 0.87);
}

.c-card.m--bdrStats {
	max-width: 40vw;
	padding: 12px;
	border-top: 1px solid hsla(183, 10%, 10%, 0.06);
}
.c-card.m--bdrStats .c-card__heading {
	margin: 0;
	padding: 0 0 8px;
	color: hsla(183, 10%, 10%, 0.6);
}
.c-bigStats {
	position: relative;
	display: block;
	width: 100%;
	padding: 3px 0;
	font-size: 36px;
	line-height: 1;
	font-weight: 700;
	color: hsla(183, 10%, 20%, 0.87);
}
.c-bigStats__sup {
	margin-left: 0.5em;
	font-size: 16px;
	color: hsla(183, 10%, 20%, 0.87);
}
.c-bigStats__sup.m--fwdSlash::before {
	content: "/";
	margin-right: 0.25em;
	color: hsla(183, 10%, 20%, 0.6);
}

/* fixed th - scroll tbody */
.c-table {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 24px;
	padding: 0;
	border-radius: 4px;
	overflow: hidden;
	white-space: normal;
	color: hsla(183, 10%, 10%, 0.87);
	background: hsl(183, 24%, 96%);
	border-top: 1px solid hsla(183, 24%, 86%, 0.38);
	box-shadow: 0 1px 3px hsla(183, 10%, 10%, 0.038), 0 1px 2px hsla(183, 10%, 10%, 0.176);
	transition: box-shadow 135ms cubic-bezier(0.4, 0, 0.2, 1);
}
.c-table,
.c-table__td {
	border-collapse: collapse;
}
.c-table__thead {
	display: table;
	width: 100%;
	color: hsla(183, 10%, 20%, 0.87);
}
.c-table__th,
.c-table__td {
	width: 10%;
	min-width: 60px;
	max-width: 72px;
	padding: 6px;
	font-size: 14px;
	line-height: 1.382;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.c-table__th[data-sort] {
	cursor: pointer;
}
.c-table__tr {
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.c-table__tbody {
	display: block;
	max-height: 230px;
	overflow-y: scroll;
	background: hsl(183, 0%, 100%);
	border-top: 1px solid hsla(183, 24%, 86%, 0.6);
}
.c-table__tbody .c-table__tr:nth-child(even) {
	background: hsla(183, 24%, 96%, 0.87);
}
.c-table__tbody .c-table__td {
	padding: 12px 6px;
}
.c-table__status {
	margin-right: 12px;
}

.c-table__th.m--w15,
.c-table__td.m--w15 {
	width: 15%;
}
.c-table__th.m--w20,
.c-table__td.m--w20 {
	width: 20%;
}
.c-table__th.m--w30,
.c-table__td.m--w30 {
	width: 30%;
}
.c-table__th.m--w40,
.c-table__td.m--w40 {
	width: 40%;
}
.c-table__th.m--w50,
.c-table__td.m--w50 {
	width: 50%;
}
.c-table__th.m--w60,
.c-table__td.m--w60 {
	width: 50%;
}
.c-table__th.m--tLeft,
.c-table__td.m--tLeft {
	text-align: left;
}
.c-table__th.m--tRight,
.c-table__td.m--tRight {
	text-align: right;
}
.c-table__th.m--tLarge,
.c-table__td.m--tLarge {
	font-size: 16px;
}
.c-table__td.m--tGreen,
.c-table__status.m--tGreen {
	color: hsl(141, 71%, 36%);
}
.c-table__td.m--tRed,
.c-table__status.m--tRed {
	color: hsl(348, 78%, 42%);
}

.c-filterTags {
	display: flex;
	flex-wrap: wrap;
}
.c-filterTags__type {
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 100%;
	line-height: 24px;
	color: #212121;
	margin: 0 6px 12px 0;
	padding: 11px;
}
.c-btn.m--filterTag {
	display: flex;
	align-items: center;
	margin: 0 6px 12px 0;
	padding: 5px 21px 5px 16px;
	font-size: 16px;
	font-weight: 600;
	color: #212121;
}
.c-btn.m--filterTag .c-btn__icon {
	margin: 0 12px 0 0;
	font-size: 0.75em;
	color: #212121;
	opacity: 0.87;
}
.c-btn.m--filterTag .c-bdrAvatar {
	width: 36px;
	height: 36px;
	margin: 0 8px 0 0;
	border-width: 1px;
	border-color: inherit;
	border-radius: 6px;
	box-shadow: none;
}
.c-btn.m--filterTag.is-active {
	color: #212121;
	background: hsl(15, 84%, 96%);
	border-color: hsl(15, 84%, 50%);
}

.hero-image,
.filler {
	margin-top: 59px;
}

/* /
=------------------------------------------------------------------------------
/ */

/* Animation - classes */
.wnlA-fadeIn-bottom {
	-webkit-animation: wnlFadeIn-bottom 600ms cubic-bezier(0.215, 0.61, 0.355, 1) both;
	animation: wnlFadeIn-bottom 600ms cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
.wnlA-fadeSqueeze {
	-webkit-animation: wnlFadeSqueeze 900ms cubic-bezier(0.645, 0.045, 0.355, 1) infinite both;
	animation: wnlFadeSqueeze 900ms cubic-bezier(0.645, 0.045, 0.355, 1) infinite both;
}
/* Animation - keyframes */
@-webkit-keyframes wnlFadeIn-bottom {
	0% {
		transform: translateY(50px);
		opacity: 0;
	}
	25% {
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes wnlFadeIn-bottom {
	0% {
		transform: translateY(50px);
		opacity: 0;
	}
	25% {
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes wnlFadeSqueeze {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.2;
	}
	100% {
		opacity: 1;
	}
}
@keyframes wnlFadeSqueeze {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.2;
	}
	100% {
		opacity: 1;
	}
}

/* /
=------------------------------------------------------------------------------
/ */

/* Helpers */

body.is-navigating {
	overflow: hidden;
}
.h-asCenter {
	align-self: center;
}
.h-txtLeft {
	text-align: left;
}
.h-txtCenter {
	text-align: center;
}
.h-txtRight {
	text-align: right;
}
.h-txtTrunc {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: bottom;
}
.h-txtBold {
	font-weight: bold;
}
.h-prevPage {
	padding-right: 0.1em !important;
}
.h-nextPage {
	padding-left: 0.1em !important;
}
.h-bt0 {
	border-top: none;
}

.h-mt1,
.h-my1 {
	margin-top: 6px !important;
}
.h-mt2,
.h-my2 {
	margin-top: 12px !important;
}
.h-mt3,
.h-my3 {
	margin-top: 18px !important;
}
.h-mt4,
.h-my4 {
	margin-top: 24px !important;
}
.h-mt5,
.h-my5 {
	margin-top: 48px !important;
}
.h-mtAuto,
.h-myAuto {
	margin-top: auto !important;
}

.h-mr1,
.h-mx1 {
	margin-right: 6px !important;
}
.h-mr2,
.h-mx2 {
	margin-right: 12px !important;
}
.h-mr3,
.h-mx3 {
	margin-right: 18px !important;
}
.h-mr4,
.h-mx4 {
	margin-right: 24px !important;
}
.h-mr5,
.h-mx5 {
	margin-right: 48px !important;
}
.h-mrAuto,
.h-mxAuto {
	margin-right: auto !important;
}

.h-mb1,
.h-my1 {
	margin-bottom: 6px !important;
}
.h-mb2,
.h-my2 {
	margin-bottom: 12px !important;
}
.h-mb3,
.h-my3 {
	margin-bottom: 18px !important;
}
.h-mb4,
.h-my4 {
	margin-bottom: 24px !important;
}
.h-mb5,
.h-my5 {
	margin-bottom: 48px !important;
}
.h-mbAuto,
.h-myAuto {
	margin-bottom: auto;
}

.h-ml1,
.h-mx1 {
	margin-left: 6px !important;
}
.h-ml2,
.h-mx2 {
	margin-left: 12px !important;
}
.h-ml3,
.h-mx3 {
	margin-left: 18px !important;
}
.h-ml4,
.h-mx4 {
	margin-left: 24px !important;
}
.h-ml5,
.h-mx5 {
	margin-left: 48px !important;
}
.h-mlAuto,
.h-mxAuto {
	margin-left: auto !important;
}

.h-mt0,
.h-my0 {
	margin-top: 0 !important;
}
.h-mr0,
.h-mx0 {
	margin-right: 0 !important;
}
.h-mb0,
.h-my0 {
	margin-bottom: 0 !important;
}
.h-ml0,
.h-mx0 {
	margin-left: 0 !important;
}

.h-pt1,
.h-py1 {
	padding-top: 6px !important;
}
.h-pt2,
.h-py2 {
	padding-top: 12px !important;
}
.h-pt3,
.h-py3 {
	padding-top: 18px !important;
}
.h-pt4,
.h-py4 {
	padding-top: 24px !important;
}
.h-pt5,
.h-py5 {
	padding-top: 48px !important;
}

.h-pr1,
.h-px1 {
	padding-right: 6px;
}
.h-pr2,
.h-px2 {
	padding-right: 12px;
}
.h-pr3,
.h-px3 {
	padding-right: 18px;
}
.h-pr4,
.h-px4 {
	padding-right: 24px;
}
.h-pr5,
.h-px5 {
	padding-right: 48px;
}

.h-pb1,
.h-py1 {
	padding-bottom: 6px;
}
.h-pb2,
.h-py2 {
	padding-bottom: 12px;
}
.h-pb3,
.h-py3 {
	padding-bottom: 18px;
}
.h-pb4,
.h-py4 {
	padding-bottom: 24px;
}
.h-pb5,
.h-py5 {
	padding-bottom: 48px;
}

.h-pl1,
.h-px1 {
	padding-left: 6px;
}
.h-pl2,
.h-px2 {
	padding-left: 12px;
}
.h-pl3,
.h-px3 {
	padding-left: 18px;
}
.h-pl4,
.h-px4 {
	padding-left: 24px;
}
.h-pl5,
.h-px5 {
	padding-left: 48px;
}

/* --- */

.h-rpt1,
.h-rpy1 {
	padding-top: 3.6vw !important;
}
.h-rpt2,
.h-rpy2 {
	padding-top: 7.2vw !important;
}
.h-rpt3,
.h-rpy3 {
	padding-top: 10.8vw !important;
}
.h-rpb1,
.h-rpy1 {
	padding-bottom: 3.6vw !important;
}
.h-rpb2,
.h-rpy2 {
	padding-bottom: 7.2vw !important;
}
.h-rpb3,
.h-rpy3 {
	padding-bottom: 10.8vw !important;
}

/* --- */

.h-pt0,
.h-py0 {
	padding-top: 0 !important;
}
.h-pr0,
.h-px0 {
	padding-right: 0 !important;
}
.h-pb0,
.h-py0 {
	padding-bottom: 0 !important;
}
.h-pl0,
.h-px0 {
	padding-left: 0 !important;
}

/* QUICK FIXES */
#artikel.artikel-test .c-imgratio__img {
	min-height: auto;
	min-width: auto;
	max-height: 100%;
	max-width: 100%;
}
#artikel.c-editProduct section {
	position: relative;
}
#artikel.c-editProduct section + section {
	margin-top: 20px;
}
.btn {
	font-size: 16px;
}
.tooltip {
	font-size: 14px;
}
.wonen-footer {
	border-top: 1px solid hsla(183, 10%, 10%, 0.06);
	box-shadow: 0 -7px 14px hsla(183, 10%, 10%, 0.038), 0 -5px 5px hsla(183, 10%, 10%, 0.019);
}
.hide-mobile {
	display: none;
}
.c-imgratio__img {
	max-height: none;
}

.h-imgFullW {
	display: block;
	width: 100%;
	height: auto;
}

.h-editClsThumbnails .thumbnail-li-edit,
.h-editClsThumbnails .thumbnail-li-edit-add,
.h-editClsThumbnails .thumbnail-w,
.h-editClsThumbnails .thumbnail-w-placeholder,
.h-editClsThumbnails .thumbnail-add,
.h-editClsThumbnails .js-move-hint,
.thumbnail-li-edit .img-container > figure {
	width: 100%;
	height: auto;
}
.thumbnail-li-edit .js-del-img {
	position: absolute;
	top: 12px;
	right: 22px;
}
.thumbnail-li-edit-add {
	cursor: auto;
}
.btn-img-edit {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}

@media only screen and (max-width: 900px) and (orientation: portrait){
	/* For mobile phones: */

	div.c-btn.m--iconCircle.see-more-b{
		display: none;
	}

	h3.c-heading-more {
		display: none;
	}

	.see-more-t {
		display: block;
	}

	div.l-touchMove__inner.m--flex div.c-card.c-card--bdr:nth-child(4) {
		backdrop-filter: blur(4px);
		-webkit-filter: blur(4px);
		pointer-events: none;
		transform: translateX(1%);
	}

	div.products-t {
		grid-template-columns: repeat(2, 1fr);
	}

	#s-Left {
		display: none;
	}

	#s-Right{
		display: none;
	}

	.markers-class{
		position: relative;
		margin-top: 50%;
		left: 50%;
		padding-bottom: 325px;
		height: 300px;
		margin-right: -50%;
		transform: translate(-50%, -50%);
	}

	.markers-class ul {
		height: 375px;
	}

	.overlayMap {
		width: 100%;
		height: 405px;
		position: absolute;
		top: 48%;
		left: 50%;
		transform: translate(-50%, 5%);
	}

	.overlayMap a{
		font-size: 16px;
		inline-size: 400px;
	}

	#toggleButtonMap {
		font-size: 12px;
		display: block;
		position: absolute;
		top: 7%;
		width: 100px;
		left: 80%;
		transform: translate(-50%, -45%);
	}

	.c-heading + .c-heading {
		padding-bottom: 15px;
	}

	.input-container-place {
		left: 41%;
		top: 85%;
		z-index: 1;
	}

	.input-field-place {
		width: 200px;
		z-index: 1;
	}

	.select-container-subjects{
		top: 85%;
		left: 5%;
		z-index: 1;
	}

	.select-subject {
		width: 130px;
	}
}

@media only screen and (max-width: 900px) and (orientation: landscape){

	div.c-btn.m--iconCircle.see-more-b {
		display: block;
		left: 75%;
	}

	h3.c-heading-more {
		display: none;
	}

	div.products-t {
		grid-template-columns: repeat(3, 1fr);
	}

	#s-Left {
		display: none;
	}

	#s-Right{
		display: none;
	}

	#map_l{
		position: relative;
		display: block;
		left: 0;
		width: 100%;
		height: 275px;
		margin-bottom: -40%;
		float: left;
		top: 0;
		z-index: 1;
	}

	.overlayMap {
		width: 107%;
		height: 275px;
		left: -5%;
		position: relative;
		margin-top: 3%;
	}

	.overlayMap a{
		font-size: 16px;
	}

	.markers-class {
		margin-bottom: -45%;
		display: contents;
		bottom: 10%;
		left: 90%;
		width: 100%;
		height: 250px;
	}

	.markers-class ul{
		height: 250px;
		width: 100%;
		left: -5%;
		position: relative;
	}

	.markers-class ul li{
		width: 100%;
	}

	.input-container-place {
		left: 55% !important;
		top: 7%;
	}

	.input-field-place {
		width: 175px;
		z-index: 1;
	}

	.select-container-subjects{
		top: 7%;
		left: 35%;
		z-index: 1;
	}

	.select-subject {
		width: 130px;
	}

	#toggleButtonMap {
		display: block;
		position: absolute;
		top: 12%;
		left: 91%;
		transform: translate(-50%, -50%);
		height: 35px;
		width: 85px;
	}

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1023px)
and (orientation:portrait)
{

	div.l-touchMove__inner.m--flex div.c-card.c-card--bdr:nth-child(4) {
		backdrop-filter: initial; !important;
		-webkit-filter: initial;!important;
		pointer-events: all;
	}

	div.c-btn.m--iconCircle.see-more-b {
		display: block;
		left: 80%;
	}

	.see-more-t {
		display: none;
	}

	h3.c-heading-more {
		display: none;
	}

	div.products-t {
		grid-template-columns: repeat(3, 1fr);
	}

	#map_l{
		display: block !important;
		position: relative;
		float: left;
		left: 74%;
		margin: -180px 15px 0 0;
		width: 400px;
	}

	.markers-class {
		position: relative;
		left: 20%;
		margin-bottom: -25%;
		transform: translate(-50%, -100%);
	}

	.overlayMap {
		width: 100%;
		position: relative;
		transform: translate(-50%, 10%);
	}

	.markers-class ul{
		height: 400px;
	}

	.input-container-place {
		top: 10%;
		left: 55%;
		z-index: 1;
	}

	.input-field-place {
		width: 300px;
	}


	.select-container-subjects {
		top: 10%;
		left: 35%;
		z-index: 1;
	}

	#toggleButtonMap {
		display: none;
	}

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	.input-container-place {
		left: 48%;
	}
}


@media only screen and (min-width: 480px) {
	/* Landscape  */

	.c-gMapBlock.m--bdrHeader {
		padding-top: 20%;
	}
	.c-bdrOverzicht__fullGrid,
	.c-bdrOverzicht__4onGrid,
	.c-bdrOverzicht__3onGrid,
	.c-bdrOverzicht__2onGrid,
	.c-bdrDealers__fullGrid {
		display: flex;
		flex-wrap: wrap;
		padding: 7px 5px;
	}
	.c-bdrOverzicht__4onGrid .c-card {
		margin: 0 10px 24px;
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(25% - 20px);
	}
	.c-bdrOverzicht__fullGrid .c-card,
	.c-bdrOverzicht__3onGrid .c-card,
	.c-bdrDealers__fullGrid .c-card {
		margin: 0 10px 24px;
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(33.33% - 20px);
	}
	.c-bdrOverzicht__2onGrid .c-card {
		margin: 0 10px 24px;
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(50% - 20px);
	}
	.c-bdrOverzicht__fullGrid .c-card:nth-child(-n + 2) {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(50% - 20px);
	}
	.c-bdrOverzicht__fullGrid .c-card:nth-child(-n + 2) .c-card__meta {
		font-size: 16px;
	}
	.c-bdrOverzicht__fullGrid .c-card:nth-child(-n + 2) .c-card__heading {
		font-size: 18px;
	}
	.c-stickyActions {
		display: none;
	}
}
@media only screen and (min-width: 768px) {
	/* Styles for tablets/netbooks (768px) and up */
	.c-gMapBlock.m--bdrHeader {
		padding-top: 25%;
	}
	.c-filterTags__type {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: auto;
	}
}
@media only screen and (min-width: 1024px) {
	/* Styles for large screens (desktops 1024px) and above */
	body.is-navigating {
		overflow: auto;
		overflow-x: hidden;
	}
	.l-touchMove {
		overflow: visible;
	}
	.l-touchMove__inner {
		margin: 0;
		overflow: visible;
		white-space: normal;
	}
	.l-touchMove__inner.m--flex {
		padding: 0 4px;
		flex-wrap: wrap;
	}
	.l-touchMove__inner.m--flex::after {
		content: none;
	}
	.l-hero {
		height: 42.1875vw;
	}
	.c-navHeader {
		padding-top: 0;
		padding-bottom: 0;
	}
	.c-navHeader__navMenu {
		display: flex;
		align-items: center;
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		overflow: visible;
		height: auto;
		border-bottom: 0;
		margin: 0 16px;
		padding: 0;
	}
	.c-navHeader__navItem {
		width: auto;
		margin: 0;
		padding: 21px 12px;
		font-size: 15px;
		line-height: 16px;
		font-weight: 700;
	}
	.c-bdrHeader__nav .l-touchMove__inner {
		padding: 0;
	}
	.c-card .c-card__anchor:not(.no-hover):hover .c-card__heading {
		color: hsl(15, 84%, 50%);
	}
	.c-card--toc .c-card__meta {
		padding: 21px;
	}
	.c-card.m--bdrDlrOvz {
		max-width: 100%;
	}
	.c-card.m--bdrDlrOvz .c-bdrAvatar {
		height: 168px;
		line-height: 160px;
	}
	.c-card.m--stats .c-card__meta {
		padding: 21px 21px 33px;
	}
	.c-card.m--stats .c-card__info {
		padding-left: 21px;
		padding-right: 21px;
	}
	.c-btn:focus .c-srchSuggest__highlight,
	.c-btn:hover .c-srchSuggest__highlight {
		color: inherit;
	}
	.c-navHeaderSubMenu.is-open > .c-navHeaderSubMenu__main:hover,
	.c-navHeaderSubMenu__main:hover {
		color: hsl(15, 84%, 45%);
		text-decoration: none;
		cursor: pointer;
	}
	.c-srchSuggest__item:hover,
	.c-srchSuggest__item:hover .c-srchSuggest__highlight {
		color: hsla(183, 10%, 10%, 0.87);
		text-decoration: none;
		cursor: pointer;
	}
	.l-wrapper {
		margin: 80px auto 28px;
		display: flex;
		flex-wrap: nowrap;
		padding: 0 9px;
	}

	.l-wrapper__shrink {
		flex: 0 0 300px;
		max-width: 300px;
		min-height: 379px;
	}
	.l-wrapper__shrink + .l-wrapper__grow,
	.l-wrapper__grow + .l-wrapper__shrink {
		margin-left: 21px;
	}
	.c-bdrHeader {
		min-width: 300px;
		width: 300px;
		max-width: 300px;
		border-radius: 5px;
	}
	.c-bdrHeader__info {
		padding: 14px 0;
	}
	.c-bdrHeader__nav {
		height: auto;
		padding: 6px 0;
	}
	.c-bdrOverzicht__section {
		border-radius: 5px;
	}
	.c-prdHeader {
		padding: 21px 28px;
	}
	.c-prdHeader__title {
		font-size: 36px;
	}
	.c-prdHeader__sum {
		font-size: 20px;
	}
	.l-touchMove.m--growTo2 .c-card {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(50% - 20px);
		max-width: 50%;
	}
	.l-touchMove.m--growTo3 .c-card {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(33.33% - 20px);
		max-width: 95%;
		height: 95%;
	}
	.l-touchMove.m--growTo4 .c-card {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(25% - 20px);
		max-width: 25%;
	}
	.h-focusOneCard {
		pointer-events: none;
	}
	.h-focusOneCard .c-card {
		pointer-events: auto;
		transform: scale(1);
		transition: 125ms transform;
	}
	.h-focusOneCard:hover .c-card:not(:hover) {
		transform: scale(0.9);
	}
	.c-bdrDealers__fullList {
		margin: 0 21px 18px;
	}
	.c-dlr__logo {
		flex: 0 0 108px;
	}
	.c-dlr .c-bdrAvatar {
		width: 200px;
		height: 200px;
		line-height: 100px;
	}
	.c-dlr__nameLocation {
		padding-right: 12px;
		padding-left: 21px;
	}
	.c-dlr__meta {
		padding: 12px 12px 0 229px;
	}
	.c-form .l-section {
		padding: 0 21px;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	.c-form .c-bdrAvatar {
		margin: 0 24px 0 0;
	}
	.c-form__label {
		margin: 0 24px 0 0;
	}
	.c-formGroup__row {
		flex-direction: row;
	}

	.c-formGroup__col--1 {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.c-formGroup__col--2 {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.c-formGroup__col--10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.c-formGroup__col--11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.c-looptijd {
		padding: 0 24px 0 0;
	}
	.c-table__thead {
		width: calc(100% - 17px); /* - 17px because of the scrollbar width */
	}
	.c-table__th,
	.c-table__td {
		padding: 12px;
	}
	.c-table__tbody {
		max-height: 580px;
	}
	.c-table__tbody .c-table__td {
		padding: 18px 12px;
	}

	.c-aside {
		border-radius: 5px;
		box-shadow: 0 1px 3px hsla(183, 10%, 10%, 0.038), 0 1px 2px hsla(183, 10%, 10%, 0.076);
	}
	.c-filter__option {
		width: 100%;
		text-align: left;
	}

	.c-userMenu__menu {
		position: absolute;
		top: 59px;
		bottom: unset;
		left: unset;
		overflow-y: visible;
		margin: 0 auto;
		width: 300px;
		border-radius: 5px;
		box-shadow: 0 14px 14px hsla(183, 10%, 10%, 0.06), 0 10px 5px hsla(183, 10%, 10%, 0.038);
	}
	.c-userMenu__menu::before {
		content: "";
		position: absolute;
		right: 13px;
		top: -8px;
		width: 0;
		height: 0;
		margin: auto;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid hsla(202, 100%, 100%, 1);
		z-index: 1;
	}
	.l-stickyParent {
		position: relative;
		height: 100%;
	}
	.l-stickyBlock {
		position: -webkit-sticky;
		position: sticky;
		top: 80px;
	}
	#js-mobileMenuToggle {
		display: none !important;
	}
	.hide-mobile {
		display: inline-block;
	}
	.hide-desktop {
		display: none;
	}
}
/-----------------------------------------------------------/
.h-hidden {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

.vertical-container {
	display: flex;
	flex-direction: column;
	align-content: center;
}

.abo-modal-container {
	display: flex;
	justify-content: space-between; /* Space the items apart */
	gap: 30px; /* Optional: space between form and info */
}

.c-form {
	flex: 1; /* Form will take up the available space */
}

.abo-modal-info {
	flex: 0 0 350px; /* Set a fixed width for the product info */
	max-width: 350px; /* Limit the width of the info box */
}

/* Optional: You can add responsiveness if needed */
@media (max-width: 768px) {
	.abo-modal-container {
		flex-direction: column; /* Stack the form and product info on small screens */
	}

	.abo-modal-info {
		max-width: 100%; /* Allow the info section to take full width on smaller screens */
	}
}

.abo-product-info {
	border-top: 1px solid hsl(15, 12%, 92%);
	padding: 10px;
}

.abo-product-info__price {
	display: flex;
	justify-content: space-between;
	color: darkgray;
}

.abo-product-warn {
	color: darkgray;
	font-size: 13px;
}

.modal-abo-check {
	text-align: center;
}

.modal-abo-check i {
	margin-bottom: 20px;
}

.container-abonnement {
	border: 3px solid hsl(15, 84%, 50%);
	box-shadow: 0 4px 6px hsla(183, 10%, 10%, 0.1), 0 2px 4px hsla(183, 10%, 10%, 0.15);
	margin: 20px;
	padding: 20px;
	border-radius: 10px;
}

.table-abo-transactions {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
}

.table-abo-transactions th, .table-abo-transactions td {
	border-bottom: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}

.table-abo-next-payment {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
}

.table-abo-next-payment th, .table-abo-next-payment td {
	border-bottom: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}

.pagination-abo-transactions { margin-top: 10px; text-align: start; }
.pagination-abo-transactions button { margin: 5px; padding: 8px 15px; border: 1px solid hsl(15, 84%, 50%); background: none; cursor: pointer; }
.pagination-abo-transactions button.active { background-color: hsl(15, 84%, 50%); color: white; }

.abonnement-actions-container {
	display: flex;
	justify-content: flex-end;
}

.cancel-abonnement-container, .change-abonnement-container {
	justify-content: flex-end;
	display: flex;
	margin-right: 20px;
}

.cancel-abonnement-container button, .change-abonnement-container button {
	width: 300px;
}

.fc-btn {
	color: hsl(15, 84%, 50%);
	border: none;
	background: none;
}

.fc-btn:hover {text-decoration: underline;}

.btn-cancel {width: 25%;}

.abo-checkbox {
	display: flex;
	align-items: center;
}

.abo-checkbox label{
	padding: 0 0 0 5px;
}

.abo-checkbox a {color: hsl(15, 84%, 50%);}
.abo-checkbox a:hover {text-decoration: underline;}

.modal-body.sub-change {
	background-color: hsl(183, 14%, 96%);
}

.subscription-change-container {
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 15px;
	align-items: center;
}

.subscription-change-wrapper {
	width: 100%;
	max-width: 600px;
}

.subscription-change-item {
	background-color: white;
	padding: 15px;
	box-shadow: 0 4px 6px hsla(183, 10%, 10%, 0.1), 0 2px 4px hsla(183, 10%, 10%, 0.15);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	cursor: pointer;
}

.subscription-change-i {
	color: hsl(15, 84%, 50%);
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	text-align: center;
}

.subscription-change-table {
	flex-grow: 1;
	text-align: center;
	display: flex;
	justify-content: center;
	min-width: 200px;
}

.subscription-change-btn {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
}

.subscription-change-btn button {
	width: 120px;
}

@media (max-width: 768px) {
	.table-scroll {
		width: 100%;
		overflow-x: auto;
		display: block;
	}

	.table-scroll table {
		min-width: 600px; /* Adjust as needed */
	}

	.cancel-abonnement-container, .change-abonnement-container {
		margin: 10px;
	}

	.abonnement-actions-container {
		flex-direction: column;
		align-items: center;
	}

	.subscription-change-item {
		flex-direction: column;
		align-items: stretch; /* optional: makes button stretch full width */
	}

	.subscription-change-btn {
		width: 100%; /* full width on mobile */
		margin-top: 15px; /* spacing from table */
	}

	.subscription-change-btn button {
		width: 100%;
	}
}

.subscription-change-table table {
	width: 100%;
	border-collapse: separate;
}

.subscription-change-table td {
	vertical-align: middle;
	color: darkgray;
}

.sub-change-back {
	display: flex;
	margin-top: 15px;
}

.sub-change-back button {
	width: 150px;
}

.subscription-benefits {
	box-shadow: 0 4px 6px hsla(183, 10%, 10%, 0.1), 0 2px 4px hsla(183, 10%, 10%, 0.15);
	background-color: white;
	width: 100%;
	box-sizing: border-box;
	height: 0;
	overflow: hidden;
	transition: height 0.3s ease-out;
}

.benefits-content {
	padding: 15px;
	border-top: 1px solid #e9ecef;
}

.subscription-benefits ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}

.subscription-benefits li {
	color: #495057;
	position: relative;
	padding: 5px 0 5px 20px;
}

.subscription-benefits li:before {
	content: "•";
	color: hsl(15, 84%, 50%);
	position: absolute;
	left: 0;
}

.abo-wz-btn {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.abo-wz-btn button {
	width: 150px;
}

.hidden-msg {
	display: none;
}

.message-sec-sdm {
	padding: 5px;
	background-color: white;
	width: 100%;
	box-shadow: 0 4px 6px hsla(183, 10%, 10%, 0.1), 0 2px 4px hsla(183, 10%, 10%, 0.15);
}

.message-sec-sdm .alert {
	margin-bottom: 0;
}

.social-media-container {
	margin: 0;
	padding: 14px 21px;
	border-top: 1px solid hsla(183, 10%, 10%, 0.06);
}

.art-con-title {
	font-weight: bold;
}

.c-heading__p.alg-info {
	color: grey;
	font-size: 15px;
	margin-left: 28px
}

.c-heading--filter input[type="radio"] {
	display: none;
}

.c-heading--filter input[type="radio"] + label {
	font-weight: 400;
	font-size: 14px;
	cursor: pointer;
}

.c-heading--filter input[type="radio"] + label span {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: -2px 2px 2px 0;
	vertical-align: middle;
	border-radius: 50%;
	border: 1px solid lightgray;
	background-color: #fff;
	transition: background-color 0.24s linear;
}

.c-heading--filter input[type="radio"]:checked + label {
	color: #333;
	font-weight: 700;
}

.c-heading--filter input[type="radio"]:checked + label span {
	background-color: hsla(15, 84%, 50%, 0.87);
	border: 2px solid #ffffff;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.carousel {
	position: relative;
	padding: 20px 20px 0 20px;
}

.carousel-track-container {
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
}

.carousel-track {
	display: flex;
	gap: 20px;
}

.carousel-track:first-child {
	margin-left: 10px;
}

.icon-item {
	flex: 0 0 160px;
	scroll-snap-align: start;
	text-align: center;
	padding: 10px;
	margin: 5px;
	border-radius: 10px;
	border: lightgray;
	box-shadow: 0 2px 4px hsla(183, 10%, 10%, 0.1), 0 1px 2px hsla(183, 10%, 10%, 0.15);
	background: white;
	transition: transform 0.2s;
}

.icon-item:hover {
	transform: scale(1.05);
}

.icon-item i {
	font-size: 32px;
	margin-bottom: 10px;
	color: hsl(15, 84%, 50%);
}

.icon-label {
	font-size: 14px;
}

.carousel-btn {
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
	background: transparent;
	border: none;
	font-size: 24px;
	padding: 5px 10px;
	cursor: pointer;
	z-index: 10;
	border-radius: 50%;
	user-select: none;
}

.carousel-btn.prev {
	left: -7.5px;
}

.carousel-btn.next {
	right: -7.5px;
}

.carousel-track-container::-webkit-scrollbar {
	display: none;
}

.carousel-track-container {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

/* Dropdown menu container */
#navMenuMain-ow, #navMenuMain-rm {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 160px;
	background-color: white;
	border: 1px solid #ddd;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	border-radius: 4px;
	padding: 8px 0;
	z-index: 1000;
	display: none; /* hidden by default */
}

#navMenuMain-rm {
	left: 25%;
}

/* List inside the dropdown */
#navMenuMain-ow ul, #navMenuMain-rm ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Dropdown items */
#navMenuMain-ow li, #navMenuMain-rm li {
	padding: 8px 20px;
}

/* Hover highlight */
#navMenuMain-ow li:hover, #navMenuMain-rm li:hover {
	background-color: #f0f0f0;
}