/* ==========================================================================
   Whitepaper-actiepagina v2 (inc/whitepaper-pagina-v2.php, inhoud-sync 53, 24 sep 2026)
   Gewone Bold Builder-inhoud; dit blad doet alleen de vorm. Marker "bnb-wp2" (functions.php).
   ========================================================================== */

/* --- Kop: checklist rechts van de h1 -------------------------------------------------- */
.bnb-wp2-hero .bt_bb_headline_subheadline {
	max-width: 62ch;
}
.bnb-wp2-lijst ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bnb-wp2-lijst li {
	position: relative;
	padding: .8em 0 .8em 2em;
	border-top: 1px solid rgba(59, 59, 59, .12);
	font-size: .9375rem;
	line-height: 1.6;
	color: var(--dark-color);
}
.bnb-wp2-lijst li:last-child {
	border-bottom: 1px solid rgba(59, 59, 59, .12);
}
.bnb-wp2-lijst li::before {
	content: "\e908";
	font-family: IBM;
	position: absolute;
	left: 0;
	top: .85em;
	font-size: 14px;
	color: var(--accent-color);
}

/* --- Het paneel: omslag op een podium links, formulier rechts ------------------------- */
.bnb-wp2-hero .bt_bb_row.bnb-wp2-paneel {
	margin-top: 3.5em;
}
.bnb-wp2-hero .bt_bb_row.bnb-wp2-paneel > .bt_bb_row_holder {
	align-items: stretch;
	border-radius: var(--card-hard-rounded-shape, 20px);
	overflow: hidden;
}
.bnb-wp2-hero .bt_bb_column.bnb-wp2-omslag,
.bnb-wp2-hero .bt_bb_column.bnb-wp2-formulier {
	display: flex;
	flex-direction: column;
	align-self: stretch;
}
.bnb-wp2-hero .bt_bb_column.bnb-wp2-omslag > .bt_bb_column_content,
.bnb-wp2-hero .bt_bb_column.bnb-wp2-formulier > .bt_bb_column_content {
	flex: 1 1 auto;
	width: 100%;
}
/* Het podium: tan getint, de sticker hangt over de linkerbovenhoek van de omslag */
.bnb-wp2-hero .bt_bb_column.bnb-wp2-omslag {
	position: relative;
	background: linear-gradient(180deg, rgba(205, 173, 123, .14) 0%, rgba(205, 173, 123, .34) 100%);
}
.bnb-wp2-hero .bt_bb_column.bnb-wp2-omslag > .bt_bb_column_content > .bt_bb_column_content_inner {
	padding: 4.5em 3em 2.5em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}
.bnb-wp2-omslag .bt_bb_image.bnb-wp2-omslag__beeld {
	margin: 0 auto;
	max-width: 300px;
	transform: rotate(-3deg);
	transition: transform 700ms cubic-bezier(.2, .7, .2, 1);
}
.bnb-wp2-omslag .bt_bb_image.bnb-wp2-omslag__beeld img {
	display: block;
	border-radius: 8px;
	box-shadow: 0 40px 50px -30px rgba(59, 59, 59, .55), 0 10px 20px -10px rgba(59, 59, 59, .25);
}
.bnb-wp2-hero .bt_bb_column.bnb-wp2-omslag:hover .bt_bb_image.bnb-wp2-omslag__beeld {
	transform: rotate(0deg) translateY(-6px);
}
.bnb-wp2-omslag .bt_bb_promo.bnb-wp2-omslag__sticker {
	position: absolute;
	top: 1.75em;
	right: 1.75em;
	width: 11em;
	z-index: 2;
	margin: 0;
	line-height: 0;
}
.bnb-wp2-omslag .bnb-wp2-omslag__sticker .bt_bb_promo_text span {
	font-family: var(--supertitle-font);
	font-weight: var(--supertitle-font-weight);
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10px;
	line-height: 1.4;
	color: var(--light-color);
}
.bnb-wp2-omslag .bnb-wp2-omslag__sticker .bt_bb_promo_text em {
	display: block;
	font-family: var(--em-heading-font);
	font-style: var(--em-heading-font-style, italic);
	font-weight: var(--em-heading-font-weight, 400);
	text-transform: none;
	letter-spacing: 0;
	font-size: 1.5rem;
	line-height: 1.15;
	padding: .05em 0;
}
.bnb-wp2-omslag .bnb-wp2-omslag__sticker .bt_bb_promo_icon .bt_bb_icon_holder {
	color: var(--light-color);
}
.bnb-wp2-omslag .bnb-wp2-omslag__auteur p {
	margin: 2em auto 0;
	max-width: 34ch;
	font-size: .8125rem;
	line-height: 1.6;
	color: var(--dark-gray-color);
	text-align: center;
}
.bnb-wp2-omslag .bnb-wp2-omslag__auteur strong {
	color: var(--dark-color);
}

/* Het witte vlak met het formulier */
.bnb-wp2-hero .bt_bb_column.bnb-wp2-formulier > .bt_bb_column_content {
	display: flex;
	align-items: center;
}
.bnb-wp2-hero .bt_bb_column.bnb-wp2-formulier > .bt_bb_column_content > .bt_bb_column_content_inner {
	width: 100%;
	padding: 3em 3.5em;
}
.bnb-wp2-formulier .bt_bb_headline {
	margin: 0;
}
.bnb-wp2-formulier .wpcf7 .bnb-wp-privacy,
.bnb-wp2-formulier .wpcf7 p {
	font-size: .8125rem;
	line-height: 1.6;
	color: var(--dark-gray-color);
}
.bnb-wp2-formulier .wpcf7 .bnb-wp-privacy a {
	color: var(--dark-color);
}
.bnb-wp2-formulier .wpcf7 input[type="text"],
.bnb-wp2-formulier .wpcf7 input[type="email"] {
	background: var(--page-background-color, #f3f1ec);
	border-color: transparent;
}
.bnb-wp2-formulier .wpcf7 input[type="text"]:focus,
.bnb-wp2-formulier .wpcf7 input[type="email"]:focus {
	border-color: var(--accent-color);
	background: var(--light-color);
}
.bnb-wp2-formulier .grecaptcha-badge { visibility: hidden; }
/* De verzendknop: gevuld tan met de pijlcirkel van het thema ín de knop (rechts), hover inkt */
.bnb-wp2-formulier .wpcf7 .bt_bb_cf7_button {
	margin: 1.25em 0 .75em;
}
.bnb-wp2-formulier .wpcf7 .bt_bb_cf7_button p {
	display: inline-block;
	width: auto;
	position: relative;
	margin: 0;
}
#formulier .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_button.bt_bb_arrow_icon button#submit { /* id-selector: het thema stijlt de knop met button#submit */
	padding: .9378em 4.6em .9378em 1.7em;
	min-height: 56px;
	position: relative;
	background-color: var(--accent-color);
	color: var(--dark-color);
	box-shadow: none;
	transition: 350ms ease all;
}
#formulier .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_button.bt_bb_arrow_icon button#submit::after {
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	line-height: 44px;
	background: var(--dark-color);
	color: var(--light-color);
	box-shadow: none;
	transition: 350ms ease all;
}
#formulier .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_button.bt_bb_arrow_icon button#submit:hover {
	background-color: var(--dark-color);
	color: var(--light-color);
	box-shadow: none;
}
#formulier .wpcf7 .bt_bb_cf7_form .bt_bb_cf7_button.bt_bb_arrow_icon button#submit:hover::after {
	background: var(--accent-color);
	color: var(--dark-color);
}

@media (max-width: 991px) {
	.bnb-wp2-hero .bt_bb_row.bnb-wp2-paneel {
		margin-top: 2em;
	}
	.bnb-wp2-hero .bt_bb_column.bnb-wp2-omslag > .bt_bb_column_content > .bt_bb_column_content_inner {
		padding: 5.5em 1.5em 2em;
	}
	.bnb-wp2-omslag .bt_bb_image.bnb-wp2-omslag__beeld {
		max-width: 220px;
	}
	.bnb-wp2-hero .bt_bb_column.bnb-wp2-formulier > .bt_bb_column_content > .bt_bb_column_content_inner {
		padding: 2em 1.5em;
	}
	.bnb-wp2-lijst {
		margin-top: 1.5em;
	}
}

/* --- Wat je leest: vier hoofdstukkaarten ------------------------------------------------ */
.bnb-wp2-inhoud .bt_bb_row + .bt_bb_row {
	margin-top: 2.5em;
}
.bnb-wp2-inhoud .bt_bb_row > .bt_bb_row_holder {
	align-items: stretch;
}
.bnb-wp2-inhoud .bt_bb_column.bnb-wp2-kaart {
	display: flex;
	flex-direction: column;
	align-self: stretch;
}
.bnb-wp2-inhoud .bt_bb_column.bnb-wp2-kaart > .bt_bb_column_content {
	flex: 1 1 auto;
	width: 100%;
	background: var(--light-color);
	border-radius: var(--card-hard-rounded-shape, 20px);
	transition: transform 450ms ease, box-shadow 450ms ease;
}
.bnb-wp2-inhoud .bt_bb_column.bnb-wp2-kaart:hover > .bt_bb_column_content {
	transform: translateY(-6px);
	box-shadow: 0 30px 40px -25px rgba(59, 59, 59, .35);
}
.bnb-wp2-inhoud .bt_bb_column.bnb-wp2-kaart > .bt_bb_column_content > .bt_bb_column_content_inner {
	padding: 1.75em 1.75em 2em;
}
.bnb-wp2-kaart .bt_bb_headline {
	margin: 0;
}
.bnb-wp2-kaart .bnb-wp2-kaart__nummer .bt_bb_headline_tag {
	margin: 0 0 .35em;
	line-height: 1;
}
.bnb-wp2-kaart .bnb-wp2-kaart__nummer .bt_bb_headline_content {
	color: var(--accent-color);
}
.bnb-wp2-kaart .bnb-wp2-kaart__tekst p {
	margin: 0;
	font-size: .9375rem;
	line-height: 1.7;
	color: var(--dark-gray-color);
}
@media (max-width: 991px) {
	.bnb-wp2-inhoud .bt_bb_column.bnb-wp2-kaart {
		margin-bottom: 1.5em;
	}
}

/* --- Salieband met tellers --------------------------------------------------------------- */
.bnb-wp2-band .bt_bb_counter_holder,
.bnb-wp2-band .bt_bb_counter_holder .bt_bb_counter {
	color: var(--light-color);
}
.bnb-wp2-band .bt_bb_counter_holder .bt_bb_counter,
.bnb-wp2-band .bt_bb_counter_holder .bt_bb_counter_text {
	font-family: var(--em-heading-font);
	font-style: var(--em-heading-font-style, italic);
	font-weight: var(--em-heading-font-weight, 400);
}
/* getal en toevoeging (e, +) op één regel, het onderschrift eronder als tan supertitel */
.bnb-wp2-band .bt_bb_counter_holder {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 .25em;
}
.bnb-wp2-band .bt_bb_counter_holder .bt_bb_counter_content {
	display: contents;
}
.bnb-wp2-band .bt_bb_counter_holder .bt_bb_counter_text {
	font-size: .45em;
	align-self: flex-start;
	margin-top: .55em; /* als een superscript naast het getal (1e, 100+) */
	line-height: 1;
}
.bnb-wp2-band .bt_bb_counter_holder .bt_bb_counter_text_below {
	display: block;
	width: 100%;
	margin-top: .35em;
}
.bnb-wp2-band .bt_bb_counter_holder .bt_bb_counter_text_below span,
.bnb-wp2-band .bt_bb_counter_holder .bt_bb_counter_text_below em {
	color: var(--accent-color);
	font-family: var(--supertitle-font);
	font-style: normal;
	font-weight: var(--supertitle-font-weight);
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.bnb-wp2-teller .bnb-wp2-teller__tekst p {
	margin: 0;
	max-width: 36ch;
	font-size: .9375rem;
	line-height: 1.7;
	color: rgba(255, 255, 255, .85);
}
.bnb-wp2-teller .bnb-wp2-teller__tekst strong {
	color: var(--light-color);
}
@media (max-width: 991px) {
	.bnb-wp2-band .bt_bb_column.bnb-wp2-teller + .bt_bb_column.bnb-wp2-teller {
		margin-top: 2em;
	}
}

/* --- Review: groot aanhalingsteken ------------------------------------------------------ */
.bnb-wp2-review .bt_bb_headline {
	position: relative;
	padding-top: 1.6em;
}
.bnb-wp2-review .bt_bb_headline::before {
	content: "\201C";
	position: absolute;
	left: 50%;
	top: -.15em;
	transform: translateX(-50%);
	font-family: var(--em-heading-font);
	font-style: italic;
	font-size: 9rem;
	line-height: 1;
	color: var(--accent-color);
	opacity: .6;
	pointer-events: none;
}
.bnb-wp2-review .bt_bb_headline_content em {
	font-family: var(--em-heading-font);
	font-style: var(--em-heading-font-style, italic);
	font-weight: var(--em-heading-font-weight, 400);
}
.bnb-wp2-review .bt_bb_headline {
	padding-top: 2.2em;
}
.bnb-wp2-review .bt_bb_headline_subheadline {
	margin-top: 1.25em;
	font-family: var(--supertitle-font);
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--accent-color);
}