.content-column li {
	list-style: disc;
	margin-left: 0.9em;
}
.people ul li {
	list-style: none;
}
.content-column-container .content-column:nth-child(2) img {
	width: 100%;
	height: auto;
}
.badge {
	z-index: 10;
}

/* start the menu closer to the logo */
header #menu {
	margin-left: 5.5rem;
	column-gap: 1.5rem;
	column-count: 3;
}

/* Portretten */
.scheme-green,
.scheme-green .content-column,
.scheme-green header .header-column:first-child {
	background-color: #defec1;
	color: #000;
}
.scheme-green .mark-as-active:before {
	background: #000;
}
.scheme-green .newsletter-form {
	display: block;
}
.scheme-green .newsletter-form .signup {
	background: #defec1;
}
.scheme-green .newsletter-form input[type="submit"] {
	background: #000;
	color: #defec1;
	border-color: #000;
}
.scheme-green .newsletter-form input[type="submit"]:hover {
	color: #000;
	background: #defec1;
	border-color: #000;
}

.portrait-column .text {
	line-height: 1.15;
}
.portrait-column .text p {
	margin-bottom: 1.15rem;
}
.portrait-column .text blockquote {
	font-size: 2rem;
}

@media screen and (max-width: 480px),
	(max-width: 768px) and (orientation: landscape) {
	header #menu {
		margin-left: 6rem;
	}
}

/* Normal-size text in the middle column: nieuws, wie zit hier, info & verduurzaming (titles stay large) */
[data-item="nieuws"] .content-column:nth-child(2) .large,
[data-item="wie"] .person-column .large,
[data-item="info"] .content-column.large {
	font-size: 1rem;
	line-height: 1.3;
}
/* name was inline with the text; with a large title and small text it needs its own line */
.content-column-container .content-column.person-column h1 {
	display: block;
}