/***********************************************************

 * LANDING

 **********************************************************/

.landing-3col {

	padding: 0;

}

.landing-3col>li {

	display: block;

	width: 30%;

	padding: 1.5%;

	float: left;

	text-align: center;

}

.landing-3col>li.landing-3col-caption {

	padding-top:0;

}

.landing-3col-media>li {

	/*padding-bottom: 0;*/

}

.landing-3col>li>a {

	display: inline-block;

}

.centered-blocks {

	padding: 0;

}

.centered-blocks>li {

	display: block;

}

.centered-blocks>li>* {

	display: block;

	margin: auto;

	width: 75%;

	text-align: center;

}

.feedback form>div>label {

	display: none;

}

.feedback-groep input {

	max-width: 120px;

}

.feedback [class$="instr"] {

	font-weight: bold;

	margin-top: 12px;

}

.feedback-feedbackInhoud>div:not(:first-child) {

	width: 25%;

	min-width: 200px;

	float: left;

}

.body-wtevent {

	background: var(--mot-color);

}

.body-wtevent .header,

.body-wtevent .footer {

	display: none;

}

.content-wtevent {

	min-height: 97vh;

	font-size: 16px;

}

.wtevent-kop {

	font-size: 28px;

	font-family: Arial;

	padding: 12px 0 24px;

	float: left;

	max-width: 70%;

}

.wtevent-knop {

    background: var(--mot-white);

    padding: 8px;

    float: left;

	margin: 8px 0 -8px 20px;

    z-index: 100;

    position: relative;

}

.wtevent-titel {

	padding: 12px 24px;

	font-size: 28px;

	background: var(--mot-black);

	color: var(--mot-white);

	float: left;

}

.wtevent-titel-1 {

	margin-right: 80px;

}

.wtevent-titel-2 {

	margin-left: 80px;

	clear: left;

}

.wtevent-titel-3 {

	background: var(--mot-white);

	color: var(--mot-black);

	margin: 15px 0 15px 40px;

}

.wtevent-tekst-1 {

	clear: left;

}

.wtevent-lijst {

	list-style: none;

	color: var(--mot-white);

}

.wtevent-lijst li {

	margin-left: -1.6em;

}

.wtevent-lijst li::before {

  content: "\25AA";

  color: var(--mot-white);

  font-weight: bold;

  display: inline-block;

  width: 0.4em;

  margin-left: -1.1em;

}

.wtevent-lijst li {

	color: var(--mot-black);

}

.wtevent-tekst-2 {

	padding-bottom: 20px;

	border-bottom: 1px solid var(--mot-white);

}

.wtevent-blok {

	float: left;

	width: 48%;

	margin: 15px 2% 0 0;

}

.wtevent-blok h4 {

	display: inline;

}

.wtevent-tekst-3 {

	margin-top: 15px;

	padding-top: 15px;

	border-top: 1px solid var(--mot-white);

	display: inline-block;

	width: 100%;

}

.wtevent-tekst-3.wtevent-kop {

    max-width: 100%;

	padding-bottom: 0;

}

.wtevent-prog-tijd {

	float: left;

	width: 120px;

	clear: right;

	margin-left: 4.6%;

	margin-top: 10px;

}

.wtevent-prog-item {

	width: calc(89% - 120px);

	float: right;

	margin-right: 6.4%;

	margin-top: 10px;

}

.aanmeldingen {

	margin-top: 15px;

}

.aanmeldingen h2 {

	margin-top: 0;

}

.aanmeldingen input[type="submit"] {

	width: calc(50% - 4px);

	margin-top: 8px;

	cursor: pointer;

}

.wtevent-logos {

	background: var(--mot-white);

	list-style: none;

	height: 19vw;

	max-height: 175px;

}

.wtevent-logos li:first-child {

	width: 45%;

}

.wtevent-logos li {

	width: 22.5%

}

.wtevent-verplaatst {

    position: fixed;

    top: 35px;

    left: calc(35% - 100px);

    background: var(--mot-alert);

    padding: 8px;

    transform: rotate(6deg);

    max-width: 640px;

}

.wtevent-verplaatst h2 {

    margin: 0 0 8px;

}

.wtevent-blok-verplaatst {

	text-decoration: line-through;

}

.wtevent-blok-verplaatst h4 {

	text-decoration: none;

}

.stap-grijs {

	width: calc(55% - 32px);

	float: left;

	clear: right;

	background: var(--mot-lgray);

	padding: 10px 32px;

	box-sizing: border-box;

	margin: 20px 0;

	min-height: 254px;

}

.stap-grijs-2 {

	width: 45%;

	float: right;

	margin-top: 0;

}

.stap-wit {

	clear: left;

	margin: 20px 0;

}

.stap-image.image-right {

	width: 45%;

	margin-bottom: 20px;

}

.stap-image-grijs {

	width: 100px;

	padding: 20px calc(22.5% - 50px);

	background: var(--mot-lgray);

	margin-top: 20px;

	float: right;

}

.webi-blok {

	width: 50%;

	float: left;

	padding: 20px;

	box-sizing: border-box;

}

.webi-knop {

	margin-top: 24px;

}

.webi-blok-grijs {

	background: var(--mot-lgray);

	min-height: min(460px, 42vw);

	margin-bottom: 36px;

}

img.webi-blok {

	margin-right: 0;

}

.webi-blok-wit h2+span {

	display: none;

}

.webi-lijst {

	list-style-type: none;

	position: relative;

}

.webi-lijst li::before {

	content: "✔";

	position: absolute;

	left: 0;

	display: inline-block;

	height: 32px;

	width: 32px;

	font-size: 24px;

	text-align: center;

	background: var(--mot-color);

	border-radius: 50%;

	line-height: 32px;

	-webkit-text-fill-color: var(--mot-white);

	text-fill-color: var(--mot-white);

	-webkit-text-stroke-width: 1.5px;

	text-stroke-width: 1.5px;

	-webkit-text-stroke-color: var(--mot-black);

	text-stroke-color: var(--mot-black);

}

.webi-lijst li {

	line-height: 32px;

	padding: 6px 0;

}

.webi-blok-met-foto {

	clear: left;

}

.webi-foto {

	width:150px;

	height: 150px;

	object-fit: cover;

	border-radius: 50%;

	margin: 24px auto 0;

}

#aanmelden, .webi-aanmelden {

	clear: left;

}

/***********************************************************

 * LANDING - MOBILE

 **********************************************************/

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

	.wtevent-knop {

		float: right;

	}

	.wtevent-blok {

		width: 100%;

		margin: 15px 0 0 0;

	}

	.aanmeldingen input[type="submit"] {

		width: 100%;

	}

	.wtevent-verplaatst {

		left: 10px;

		top: 12px;

		max-width: unset;

	}

	.stap-grijs {

		width: 100%;

		min-height: unset;

	}

	.stap-image-grijs {

		padding: 20px calc(50% - 50px);

	}

	.webi-blok {

		width: 100%;

	}

}

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

	.wtevent-verplaatst {

		font-size: 70%;

	}

}