@font-face {
	font-family:'DMSans';
	src:
		url('../fonts/DMSans.woff2') format('woff2'),
		url('../fonts/DMSans.woff') format('woff');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}
@font-face {
	font-family:'Calibri';
	src:
		url('../fonts/Calibri.woff2') format('woff2'),
		url('../fonts/Calibri.woff') format('woff');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}
:root {
	scroll-behavior:smooth;
	--color-prime-blue-rgb:41,51,120;
	--color-prime-yellow-rgb:255,229,143;
	--color-prime-white-rgb:255,255,255;
	--color-prime-green-rgb:118,179,160;
	--color-prime-grey-rgb:234,235,240;
	--color-prime-orange-rgb:252,183,0;
	--color-second-orange-rgb:242,176,130;
	--color-second-blue-rgb:228,229,237;
	--color-second-blue-light-rgb:167,198,222;
	--color-second-green-rgb:190,207,152;
	--color-second-yellow-rgb:255,252,241;
	--color-error-rgb:182,62,13;
	--color-error-rgba:rgba(182,62,13,0.1);
	--font-calibri:'Calibri', Arial, sans-serif;
	--font-default-size:calc(var(--font-size) * .9);
	--font-dmsans:'DMSans', Arial, sans-serif;
	--font-size:20px;
	--font-weight-600:600;
	--height-100:100%;
	--last-column-width:calc(50px * 7);
	--logo-width:170px;
	--overall-border-radius:.15rem;
	--nav-btn-size:40px;
	--width-100:100%;
}
/* GENERAL */
	html, body { margin:0; min-height:var(--height-100); }
	body {
		--bs-body-color: rgb(var(--color-prime-blue-rgb));
		--bs-heading-color: rgb(var(--color-prime-blue-rgb));
		color:rgb(var(--color-prime-blue-rgb)) !important;
		font-family:var(--font-calibri);
		font-size:var(--font-default-size);
		margin:0;
		position:relative;
	}
	body > main { margin:0; padding:0; width:var(--width-100); }
	main { display:flex; flex-direction:column; min-height:100vh; min-height:100dvh; }
	main.welcome-background { background-image:url('../gfx/svg/landscape.svg'); background-position:center bottom; background-repeat:no-repeat; background-size:cover; }
	#welcome-section,
	#questionnaire-container,
	#profile-container { flex:1 0 auto; }
/* BACKGROUND-IMAGE */
	#backgroundlogo { position:fixed; inset:0; display:grid; place-items:end start; opacity:.05; z-index:-1; }
	#backgroundlogo span { display:inline-block; margin-left:-1rem; width:45%; }
	#backgroundlogo span img { display:block; width:var(--width-100); height:auto; }
	img.logo { height:auto; width:var(--logo-width); }
/* HEADER */
	#header-section { flex:0 0 auto; min-height:1px; padding-top:70px; }
	.header-container { display:grid; grid-auto-flow:column; grid-template-columns:var(--logo-width) 1fr; margin:1rem 0; }
/* FOOTER */
	footer { background-color:transparent !important; flex:0 0 auto; margin-top:auto; padding:1rem 0; text-align:center; }
	#supportImages { align-items:start; display:grid; grid-template-columns:1.5fr repeat(4, 2fr); justify-items:center; }
	#supportImages img { margin-top:1rem; margin-bottom:1rem; } 
/* headers and text */
	h1, h2, h3, h4, h5, h6 { color:rgb(var(--color-prime-blue-rgb)); font-family:var(--font-dmsans); }
	h1 { font-size:calc(var(--font-default-size) * 2); }
	h2 { font-size:calc(var(--font-default-size) * 1.6); }
	h3 { font-size:calc(var(--font-default-size) * 1.2); }
	h4 { font-size:calc(var(--font-default-size) * 1.1); }
	h5, h6, p { font-size:var(--font-default-size); }
	.small-font { font-size:calc(var(--font-default-size) * .85); }
	.strong-font { font-weight:var(--font-weight-600); }
/* CARDS */
	.card {
		--bs-card-color:rgb(var(--color-prime-blue-rgb));
		background:rgb(var(--color-second-blue-rgb));
		border:none;
		border-radius:calc(var(--overall-border-radius) * 2);
		box-sizing:border-box;
		color:var(--bs-card-color);
		margin:0;
		max-width:var(--width-100);
		padding:0;
		transition:opacity .3s ease;
		width:var(--width-100);
	}
	.card.fading { opacity:0; }
	.card-body { position:relative; margin:0; padding:1.5rem 2rem 4rem; border:none; min-height:360px; }
/* BUTTONS */
	.btn {
		border-radius:var(--overall-border-radius);
		box-shadow:none;
		font-family:var(--font-calibri);
		font-size:.875rem;
		font-weight:var(--font-weight-600);
		line-height:1.5;
		outline:none !important;
		padding:.325rem 1.25rem .315rem !important;
		text-decoration:none !important;
	}
	.btn:focus-visible { outline:2px solid rgb(var(--color-prime-blue-rgb)) !important; outline-offset:3px; }
	.btn-primary-plainUrl { color:rgb(var(--color-prime-blue-rgb)); background-color:transparent; border:none; }
	.btn-primary-plainUrl:not(:disabled):not(.disabled).active,
	.btn-primary-plainUrl:not(:disabled):not(.disabled):active,
	.show > .btn-primary-plainUrl.dropdown-toggle,
	.btn-primary-plainUrl:hover,
	.btn-primary-plainUrl.focus,
	.btn-primary-plainUrl:not(:disabled):not(.disabled).active:focus,
	.btn-primary-plainUrl:not(:disabled):not(.disabled):active:focus,
	.show > .btn-primary-plainUrl.dropdown-toggle:focus { color:rgb(var(--color-prime-blue-rgb)); background-color:transparent; text-decoration:underline !important; }
	.btn-primary { color:rgb(var(--color-prime-blue-rgb)); background-color:rgb(var(--color-prime-yellow-rgb)); border:none; }
	.btn-primary:not(:disabled):not(.disabled).active,
	.btn-primary:not(:disabled):not(.disabled):active,
	.show > .btn-primary.dropdown-toggle,
	.btn-primary:hover,
	.btn-primary.focus, 
	.btn-primary:not(:disabled):not(.disabled).active:focus,
	.btn-primary:not(:disabled):not(.disabled):active:focus,
	.show > .btn-primary.dropdown-toggle:focus { color:rgb(var(--color-prime-white-rgb)); background-color:rgb(var(--color-prime-blue-rgb)); }
	.btn-primary:disabled { color:rgb(var(--color-prime-blue-rgb)); pointer-events:none; background-color:rgb(var(--color-prime-yellow-rgb)); opacity:.6; }
	.btn-primary-reverse { color:rgb(var(--color-prime-blue-rgb)); background-color:rgb(var(--color-prime-white-rgb)); border:1px solid rgb(var(--color-prime-white-rgb)); }
	.btn-primary-reverse:not(:disabled):not(.disabled).active,
	.btn-primary-reverse:not(:disabled):not(.disabled):active,
	.show > .btn-primary-reverse.dropdown-toggle, .btn-primary-reverse:hover,
	.btn-primary-reverse.focus,
	.btn-primary-reverse:not(:disabled):not(.disabled).active:focus,
	.btn-primary-reverse:not(:disabled):not(.disabled):active:focus,
	.show > .btn-primary-reverse.dropdown-toggle:focus { color:rgb(var(--color-prime-white-rgb));  background-color:rgb(var(--color-prime-blue-rgb)); }
	.btn-primary-green { color:rgb(var(--color-prime-blue-rgb)); background-color:rgb(var(--color-second-green-rgb)); border:none; }
	.btn-primary-green:not(:disabled):not(.disabled).active,
	.btn-primary-green:not(:disabled):not(.disabled):active,
	.show > .btn-primary-green.dropdown-toggle, .btn-primary-green:hover,
	.btn-primary-green.focus, 
	.btn-primary-green:not(:disabled):not(.disabled).active:focus, .btn-primary-green:not(:disabled):not(.disabled):active:focus, 
	.show > .btn-primary-green.dropdown-toggle:focus { color:rgb(var(--color-prime-white-rgb));  background-color:rgb(var(--color-prime-green-rgb)); }
	.btn-primary-blue { color:rgb(var(--color-prime-blue-rgb)); background-color:rgb(var(--color-second-blue-light-rgb)); border:none; }
	.btn-primary-blue:not(:disabled):not(.disabled).active,
	.btn-primary-blue:not(:disabled):not(.disabled):active,
	.show > .btn-primary-blue.dropdown-toggle,
	.btn-primary-blue:hover,
	.btn-primary-blue.focus, 
	.btn-primary-blue:not(:disabled):not(.disabled).active:focus,
	.btn-primary-blue:not(:disabled):not(.disabled):active:focus,
	.show > .btn-primary-blue.dropdown-toggle:focus { color:rgb(var(--color-prime-white-rgb)); background-color:rgb(var(--color-prime-blue-rgb)); }
	.btn-report { font-weight:var(--font-weight-600); border-radius:calc(var(--overall-border-radius) * 2.5); }
	.btn.disabled, .btn:disabled, fieldset:disabled .btn { background-color:rgb(var(--color-second-blue-light-rgb)) !important; }
	#go2resultslnkSlide { padding-top:.5rem !important; padding-bottom:.5rem !important; }
	.closebtn { cursor:pointer; }
	.modal-close { appearance:none; background:none; border:0; color:inherit; cursor:pointer; line-height:1; padding:0; }
	.modal-close:focus-visible { outline:2px solid rgb(var(--color-prime-blue-rgb)); outline-offset:3px; }
	@keyframes background-glow {
		0%, 100% { background-color:rgba(var(--color-second-blue-light-rgb), 0.4); }
		50% { background-color:rgba(var(--color-second-blue-light-rgb), 1); }
	}
/* FORM CONTROLS */
	.form-control, .form-select, textarea {
		appearance:none; 
		-moz-appearance:none; 
		-webkit-appearance:none; 
		background-color:rgb(var(--color-prime-white-rgb));
		border-radius:var(--overall-border-radius); 
		box-shadow:none !important;
		color:rgb(var(--color-prime-blue-rgb)) !important;
		font-family:var(--font-calibri);
		font-size:var(--font-default-size);
		outline:0 !important; 
	}
	.form-control:focus, .form-select:focus, textarea:focus { border:1px dashed rgb(var(--color-prime-blue-rgb)); }
	/* age form element width */
	.width60 { max-width:60px; }
	/* radio buttons shaped as checkboxes for questionnaire */
	input[type='radio'],
	input[type='checkbox'] { border:0; clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; white-space:nowrap; width:1px; }
	input[type='radio']:focus-visible + label::before,
	input[type='checkbox']:focus-visible + label::before { outline:2px solid rgb(var(--color-prime-blue-rgb)); outline-offset:3px; }
	input[type='radio'] + label,
	input[type='checkbox'] + label { cursor:pointer !important; display:inline-block; position:relative; }
	input[type='radio'] + label:before,
	input[type='checkbox'] + label:before {
		color:inherit;
		content:'\f096';
		display:inline-block;
		font:var(--fa-font-regular);
		font-size:20px;
		height:16px;
		line-height:16px;
		margin:0;
		min-width:16px;
		padding:0;
		text-align:center;
		width:16px;
	}
	input[type='radio']:checked + label:before, input[type='checkbox']:checked + label:before { content:'\f046'; }
	/* some extra space to the right of checkboxes with text next to them */
	.question--label:before { margin-right:8px !important; }
/* LANGUAGE SELECTOR */
	#language-section {
		background-color:rgb(var(--color-prime-white-rgb));
		border-bottom:2px solid rgba(var(--color-prime-blue-rgb), .25);
		box-shadow:0 4px 6px -6px rgba(var(--color-prime-blue-rgb), .25);
		left:0;
		margin:0;
		min-height:40px;
		padding:8px 0;
		position:absolute;
		top:0;
		width:var(--width-100);
		z-index:100;
	}
	#language-section .language-container { margin:0; overflow:hidden; padding:0; }
	/* LOADER */
	#loader-section {
		background-color:rgba(var(--color-prime-white-rgb), .35);
		display:grid;
		height:auto;
		inset:0;
		padding:0;
		place-items:center;
		position:fixed;
		opacity:1;
		transition:opacity .75s ease, visibility .75s ease;
		visibility:visible;
		z-index:9999;
	}
	#loader-section.fade-out { opacity:0; visibility:hidden; pointer-events:none; }
	.loader {
		--size:150px;
		animation:l15 1s infinite linear;
		aspect-ratio:1;
		border:3px solid transparent;
		border-right-color:rgb(var(--color-prime-blue-rgb));
		border-radius:50%;
		display:grid;
		place-self:center;
		margin:0;
		width:var(--size);
	}
	.loader::before,
	.loader::after { animation:l15 2s infinite linear; border:inherit; border-radius:50%; content:""; grid-area:1 / 1; margin:2px; }
	.loader::after { animation-duration:3s; margin:8px; }
	@keyframes l15 { to { transform:rotate(1turn); } }
/* WELCOME */
	#welcome-section {
		position:relative;
		display:grid;
		justify-items:center;/* horizontal */
		align-items:start;/* vertical */
		padding-top:70px;
		opacity:1;
		transition:opacity .75s ease;
		overflow:hidden;
	}
	#welcome-section .welcome-container { margin-top:2rem; max-width:900px; overflow:hidden; padding:0 1rem 1rem; position:relative; text-align:center; }
	#welcome-section .welcome-container p { margin-bottom:0; }
	#welcome-section .welcome-container .popuplogo { height:auto; margin-bottom:2rem; width:calc(var(--logo-width) * .85); }
	#welcome-section #consentblock,
	#welcome-section #infoblock {
		align-items:start;
		backdrop-filter:blur(.25rem);
		-webkit-backdrop-filter:blur(.25rem);
		background-color:rgba(var(--color-prime-white-rgb), .15);
		display:grid;
		height:var(--height-100);
		justify-items:center;
		left:0;
		margin:0;
		opacity:0;
		padding:0;
		position:absolute;
		top:0;
		transform:translateY(1000px);
		transition:transform .25s ease, opacity .5s ease;
		width:var(--width-100); 
		z-index:1;
	}
	#suppdiscblock {
		align-items:start;
		backdrop-filter:blur(.25rem);
		-webkit-backdrop-filter:blur(.25rem);
		background-color:rgba(var(--color-prime-white-rgb), .15);
		display:grid;
		inset:0;
		justify-items:center;
		margin:0;
		opacity:0;
		padding:0;
		pointer-events:none;
		position:fixed;
		transform:translateY(1000px);
		transition:transform .25s ease, opacity .5s ease;
		width:var(--width-100); 
		z-index:1055;
	}
	#welcome-section #consentblock.show,
	#welcome-section #infoblock.show { opacity:1; transform:translateY(0); }
	#suppdiscblock.show { opacity:1; pointer-events:auto; transform:translateY(0); visibility:visible; }
	#welcome-section #consentblock > .shadow,
	#welcome-section #infoblock > .shadow,
	#suppdiscblock > .shadow {
		background-color:rgb(var(--color-prime-yellow-rgb));
		border-radius:calc(var(--overall-border-radius) * 3);
		margin-top:70px;
		max-width:40%;
		padding:1rem 1.5rem;
		text-align:left;
	}
	#welcome-section #infoblock > .shadow div { box-sizing:border-box; margin-inline:0 -1.25rem; max-height:475px; overflow-y:auto; padding-inline:0 .75rem; text-align:justify; width:calc(100% + 1.25rem); }
	#welcome-section .consent label { cursor:pointer; }
	#welcome-section .consent input[type='checkbox'] + label:before { color:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; text-align:center; }
/* QUESTIONNAIRE */
	.carousel { margin-bottom:2rem; overflow:hidden; position:relative; }
	.carousel-track { display:grid; grid-auto-flow:column; grid-auto-columns:100% !important; gap:0; overflow-x:hidden; padding:0; position:relative; scroll-snap-type:x mandatory; scroll-behavior:smooth; }
	.carousel-track > * { align-self:start; }
	/* navigation */
	.pagination { justify-content:flex-end !important; }
	.pagination li { cursor:auto; }
	.pagination li .page-link {
		background-color:rgba(9,9,9, .125);
		border:none !important; 
		border-radius:50% !important;
		color:rgb(var(--color-prime-blue-rgb));
		cursor:pointer;
		height:var(--nav-btn-size);
		line-height:calc(var(--nav-btn-size) * .975);
		margin-right:2rem;
		min-width:var(--nav-btn-size);
		padding:0; 
		position:relative;
		text-align:center;
	}
	.pagination li.active .page-link, .pagination li .page-link:hover { background-color:rgb(var(--color-prime-blue-rgb)); color:rgb(var(--color-prime-white-rgb)); }
	.pagination li.navItem { font-weight:500; }
	.pagination li .alldone {
		border-radius:0;
		box-sizing:border-box;
		color:rgb(var(--color-prime-orange-rgb));
		display:inline-block;
		font-size:20px;
		height:20px;
		left:22.5px;
		margin:0;
		padding:0;
		position:absolute;
		top:-12.5px;
		width:20px;
		z-index:1;
	}
	.pagination li .allquestions, .pagination li .go2results { border-radius:.25rem !important;  padding-inline:1rem;  color:rgb(var(--color-prime-blue-rgb)); background-color:rgb(var(--color-prime-yellow-rgb)); }
	.pagination li .go2results.disabled { pointer-events:none; opacity:.45; }
	#qnavfootgo2results {
		background: linear-gradient(
			to right,
			rgba(var(--color-prime-white-rgb), 0) 0%,
			rgb(var(--color-prime-white-rgb)) 100%
		);
		padding:5px 5px 5px 0;
	}
	/*  questions */
	.qHeader, .qAnswer, .pagenavigation { display:flex; gap:1rem 0; }
	.qAnswer { background-color:rgb(var(--color-prime-white-rgb)); margin-block:.25rem; }
	.qHeader .first, .qAnswer .first { flex:1; }
	.qHeader .last, .qAnswer .last { flex:0 0 var(--last-column-width); width:var(--last-column-width); }
	.qAnswer .first { border-right:.25rem solid rgb(var(--color-second-blue-rgb)); }
	.qAnswer .last { display:flex; }
	.qHeader .last > div { display:flex; font-size:1.05rem; justify-content:space-between; line-height:1.25; }
	.qHeader .last > div span { flex:1; text-align:center; }
	.qAnswer .last span { align-items:center; background-color:rgb(var(--color-second-yellow-rgb)); display:flex; flex:1; justify-content:center; }
	.qHeader .last > div:first-child { display:flex; justify-content:space-between; }
	.qHeader .last > div:first-child span:first-child { flex:1; text-align:left; }
	.qHeader .last > div:first-child span:last-child { flex:1; text-align:right; }
	.qHeader .last > div:last-child { background-color:rgba(var(--color-prime-white-rgb), .5); }
	.qHeader .last > div:first-child span { padding-block:0 .25rem; }
	.qHeader .last > div:last-child span { flex:1; padding-block:.25rem; text-align:center; }
	.qHeader .last > div:first-child span { hyphens:auto; overflow-wrap:break-word; word-break:break-word; }
	.qAnswer .first { padding-inline:.75rem; }
	.qAnswer.first-question { border-radius:calc(var(--overall-border-radius) * 3) 0 0; overflow:hidden; }
	.qAnswer.last-question { border-radius:0 0 calc(var(--overall-border-radius) * 3); overflow:hidden; }
	.qAnswer .first, .qAnswer .last span { padding-block:.5rem; }
	/* question navigation */
	.pagenavigation { align-content:center; bottom:1rem; left:2rem; margin-block:2rem 0; position:absolute; width:calc(100% - 4rem); }
	.pagenavigation > div { flex:1; padding:0; }
	.pagenavigation > div .pagN {
		cursor:pointer;
		display:inline-block;
		font-family:var(--font-dmsans);
		font-size:calc(var(--font-default-size) * .85);
		line-height:1;
		margin:0 .5rem;
		padding:0;
		position:relative;
	}
	.pagenavigation > div .pagN:hover,
	.pagenavigation > div .pagN:focus-visible { text-decoration: underline !important; }
	/*.pagenavigation > div button.btn.btn-primary.btn-sm { padding:.5rem 1.25rem !important; }*/
	.pagenavigation > div:last-child { text-align:right; }
	/* vertical mode */
	.carousel[data-layout="vertical"] .carousel-track { display:block; overflow:visible; }
	.carousel[data-layout="vertical"] .carousel-track .card-body { padding-bottom: 2rem; }
	.carousel[data-layout="vertical"] .card:nth-child(n + 2) .card-body { padding-top:0; }
	.carousel[data-layout="vertical"] .pagination .navItem,
	.carousel[data-layout="vertical"] .pagenavigation { display:none; }
	.carousel[data-layout="vertical"] #questionnaireslides .card { border-radius:0; }
	.carousel[data-layout="vertical"] #questionnaireslides .card:first-child { border-radius:calc(var(--overall-border-radius) * 2); }
	.carousel[data-layout="vertical"] #questionnaireslides .card:last-child { border-radius:calc(var(--overall-border-radius) * 2); }
	.carousel[data-layout="vertical"] #questionnaireslides .card .card-body { min-height:unset; }
	/* language selector */
	.languageSwitcher { display:grid; grid-auto-flow:column; grid-auto-columns:max-content; justify-content:end; align-items:center; gap:.25rem; padding:0; }
	.languageSwitcher .several-navigation { display:grid; grid-auto-flow:column; grid-auto-columns:max-content; justify-content:end; align-items:center; gap:.25rem; padding:0; }
	.languageSwitcher .form-select { width:auto; }
	.elementHide { display:none !important; }
/* PROFILE */
	.profile-container { position:relative; padding:0; margin:0; display:grid; grid-template-columns:1fr; min-height:50px; }
	.profile-container .overlay { display:inline-block; position:absolute; bottom:-20px; right:2px; height:350px; z-index:0; }
	.profile-container .overlay svg { position:relative; height:inherit; width:auto; }
	.header-overview { grid-template-columns:1fr 45%; }
	.header-overview .image-profile { width:inherit; position:relative; }
	.header-overview .image-profile .person-img { position:absolute; display:inline-block; width:200px; margin:0 auto; bottom:-2rem; right:2.75rem; box-sizing:border-box; z-index:10; }
	.header-overview .image-profile .person-circle { position:absolute; width:200px; aspect-ratio:1 / 1; border-radius:50%; margin:unset; right:45px; bottom:2.25rem; z-index:5; }
	.title-quote { min-height:250px; padding:0 0 2rem; }
	.title-quote .h5 { display:grid; grid-template-columns:75px auto; align-items:center; padding:0; line-height:1; font-weight:var(--font-weight-600); font-size:clamp(1rem, 0.5rem + 1vw, 1.25rem); width:80%; }
	.title-quote .h5 span {
		background-color:rgba(var(--color-prime-green-rgb), .25);
		border-radius:calc(var(--overall-border-radius) * 2.5);
		display:inline-block;
		padding-block:calc(var(--overall-border-radius) * 5);
		padding-inline:calc(var(--overall-border-radius) * 2.5);
		text-align:center;
	}
	.title-quote .sourcetitle {
		align-items:center;
		display:grid;
		font-weight:var(--font-weight-600);
		font-size:clamp(1rem, 0.5rem + 1vw, 1.25rem);
		grid-template-columns:75px auto;
		line-height:1;
		padding:0;
		width:fit-content;
	}
	.title-quote .sourcetitle span { font-style:italic; }
	.title-quote .sourceinfo p:last-child { margin-bottom:0; }
	.list-overview {
		background:rgb(var(--color-prime-grey-rgb));
		border-radius:0 0 calc(var(--overall-border-radius) * 5) calc(var(--overall-border-radius) * 5);
		grid-template-columns:70% 1fr;
		margin-bottom:2rem;
		padding:70px 0 0;
	}
	.profile-overview { box-sizing:border-box; height:var(--height-100); padding:0 0 1.5rem 1.5rem; position:relative; }
	.profile-overview .profile { margin:0; padding:0 .5rem; }
	.profile-overview .profile li { margin-block:0 2rem; padding-block:0 2rem; padding-inline:.5rem; position:relative; }
	.profile-overview .profile li:not(:last-child):after { background:rgb(var(--color-prime-blue-rgb)); bottom:0; content:""; height:1px; left:.5rem; position:absolute; width:20%; }
	.profile-overview .profile li:last-child { margin-block:0; padding-block:0; }
	.profile-overview .profile li span { display:block; font-size:var(--font-default-size); font-weight:var(--font-weight-600); padding-inline:.25rem 0; }
	.profile-overview .profile li .profile-p { align-items:center; display:grid; font-size:calc(var(--font-default-size) * 1.125); grid-template-columns:55px 1fr 50px; margin:0 0 .5rem; }
	.profile-overview .profile li .profile-p span:last-child { line-height:1.25; }
	.profile-overview .profile li .profile-p span.openclose { box-sizing:border-box; font-size:calc(var(--font-default-size) * 1.25); padding-right:.25rem; text-align:center; transition:transform .2s; }
	.profile-overview .profile li .profile-p span.openclose.active { transform:rotate(180deg); }
	.profile-overview .profile li .profile-p span.openclose .fa-solid { cursor:pointer; }
	.profile-overview .profile li .profile-p h2.profile-header { display:inline !important; font-size:calc(var(--font-default-size) * 1.2); font-weight:var(--font-weight-600); margin-top:0.8rem; }
	.profile-overview .profile li .explanationtext {
		background-color:rgba(var(--color-prime-white-rgb), .5);
		border-radius:calc(var(--overall-border-radius) * 3);
		max-height:0;
		overflow:hidden;
		padding-block:0;
		padding-inline:calc(var(--overall-border-radius) * 6);
		text-align:left;
		transition:all .3s ease;
	}
	.profile-overview .profile li .explanationtext.open { max-height:300px; /* voldoende hoog */ padding-block:calc(var(--overall-border-radius) * 3.5); padding-inline:calc(var(--overall-border-radius) * 6); }
	.profile-overview .profile li .explanationtext p:last-child { margin-bottom:0; }
	.profile-overview .profile li span.profile-list-icon { border-radius:50%; box-sizing:border-box; display:inline-block; height:auto; padding:.25rem; width:calc(100% - .5rem); }
	/* feedback blocks (general declarations)
		- instant feedback (checkboxes)
		- extensive, non-mandatory feedback (textarea)
		- list of previous reports / profiles */
		.feedback { box-sizing:border-box; display:block; margin:0; max-height:700px; transition:all .3s ease; }
		.feedback .feedback-header { margin-bottom:.25rem; font-weight:var(--font-weight-600); line-height:1; }
		.feedback h3.feedback-header { font-size:calc(var(--font-default-size) * 1.1); margin-bottom:.5rem; }
		.feedback h4.feedback-header { font-size:var(--font-default-size); margin-bottom:.5rem; }
		.feedback .feedback-explanationInfo { font-size:calc(var(--font-default-size) *.85); line-height:1.35; margin-bottom:1rem; }
		/* instant feedback checkboxes and text beside */
			.feedback .report-qAnswer label { margin-right:.5rem; font-size:calc(var(--font-default-size) *.85); }
		/* feedback status after choosing a checkbox */
			#feedback-choice-block input[type='radio']:disabled + label { cursor:default !important; opacity:.45; }
			#feedback-choice-block input[type='radio']:disabled:checked + label { opacity:1; }
			#feedback-choice-status { margin-top:.5rem; margin-bottom:0; padding:.5rem 1rem; }
			#feedback-choice-status { opacity:1; transition:opacity .5s ease; }
			#feedback-choice-status.fade-out { opacity:0; }
			@media (prefers-reduced-motion:reduce) {
				#feedback-choice-status { transition:none; }
			}
		/* extensive feedback */
		#feedback-general-block { position:relative; opacity:1; transition:opacity .5s ease; }
		#feedback-general-block.feedback-general-complete > :not(.feedback-general-thank-you) { visibility:hidden; }
		#feedback-general-block .feedback-general-thank-you { position:absolute; inset:0; display:grid; place-items:center; padding:1rem; text-align:center; }
		#feedback-general-block.fade-out { opacity:0; }
		@media (prefers-reduced-motion:reduce) {
			#feedback-general-block { transition:none; }
		}
		/* list of previous reports */
			.feedback .feedback-explanationInfo .reportrecord {
				background-color:rgba(var(--color-second-orange-rgb), .25);
				border-radius:var(--overall-border-radius);
				cursor:pointer;
				display:block;
				font-size:inherit;
				line-height:1;
				margin:0 0 .125rem;
				overflow-x:hidden;
				padding:.5rem .75rem;
				position:relative;
				transition:all .3s ease;
			}
			.feedback .feedback-explanationInfo .reportrecord:after {
				color:inherit; 
				content:'\f019';
				display:inline-block;
				float:right;
				font:var(--fa-font-solid);
				font-size:inherit;
				margin-right:-1rem;
				opacity:0;
				padding:0;
				text-align:left;
				transition:all .3s ease;
			}
			.feedback .feedback-explanationInfo .reportrecord:hover { background-color:rgba(var(--color-second-orange-rgb), .75); }
			.feedback .feedback-explanationInfo .reportrecord:hover:after { display:inline-block; margin-right:.25rem; opacity:.5; }

	#commentsblock { max-height:0; padding:0; margin:0; overflow:hidden; transition:all .3s ease; }
	#commentsblock.open { margin:1rem 0 0; max-height:600px; }
	#commentsblock.open textarea { margin:0; width:var(--width-100); min-height:120px; max-height:350px; resize:none; overflow-y:auto; box-sizing:border-box; }
	.question--label { transition:color .3s ease; }
	.input--alert { line-height:2; margin:.25rem 0 0 0; }
	.input--alert span { background-color:var(--color-error-rgba); font-size:calc(var(--font-default-size) *.85); padding:.5rem 1rem; text-transform:uppercase; }
	.danger, .elementAlert { color:rgb(var(--color-error-rgb)) !important; }
	.form-control.elementAlert { border:1px dashed rgb(var(--color-error-rgb)); }
	.errorCaps { text-transform:uppercase; }
	.date { font-style:italic;  font-size:calc(var(--font-default-size) * .85); line-height:1.35; color:rgb(var(--color-prime-blue-rgb)); }
	.fillup { height:var(--height-100); display:grid; padding:0 .75rem; place-items:center; text-align:center; width:var(--width-100); }
	.profile-sidebar { align-self:start; height:auto; }
	.profile-sidebar > div {
		background-color:rgb(var(--color-prime-white-rgb));
		border-radius:calc(var(--overall-border-radius) * 5);
		box-sizing:border-box;
		display:inline-block;
		height:calc(100% - 2rem);
		margin:0 auto 2rem;
		padding:1rem calc(var(--overall-border-radius) * 7.5);
		width:calc(100% - 2rem);
	}
	.profile-sidebar label
	, .profile-sidebar p.accent { margin-block:0 .25rem; font-weight:var(--font-weight-600); line-height:1; }
	.profile-sidebar .explanationInfo { font-size:.8rem; line-height:1.4; margin-bottom:.75rem; }
/* RESPONSIVE */
	.environment-notice { margin:60px 0 0 0; }
	.page-wrapper:has(> .environment-notice) #welcome-section,
	.page-wrapper:has(> .environment-notice) #header-section { padding-top:0; }
	@media (max-width:1199.98px) {
		#welcome-section #consentblock > .shadow,
		#welcome-section #infoblock > .shadow,
		#suppdiscblock > .shadow { max-width:70%; }
		.title-quote { padding:0 0 1rem; }
		.profile-container .overlay { bottom:-13px; right:2px; height:220px; }
		.header-overview { grid-template-columns:1fr 40%; }
		.list-overview { padding-top:30px; grid-template-columns:55% 1fr; }
		.header-overview .image-profile .person-img { width:120px; bottom:-1rem; right:1.25rem; }
		.header-overview .image-profile .person-circle { width:120px; margin:unset; right:25px; bottom:1.5rem; }
		.profile-sidebar > div { display:block; margin:0 auto 1.5rem; width:calc(100% - 3rem); height:auto; box-sizing:border-box; }
		.profile-overview .profile li:not(:last-child):after { width:40%; }
	}
	@media (max-width:991.98px) {
		#welcome-section #consentblock > .shadow,
		#welcome-section #infoblock > .shadow,
		#suppdiscblock > .shadow { max-width:80%; }
		.list-overview, .header-overview { grid-template-columns:1fr; grid-template-rows:auto auto; }
		.header-overview { grid-template-rows:auto 220px; }
		.header-overview .image-profile .person-img { width:120px; bottom:-1rem; right:1.125rem; }
		.profile-overview { padding:0 1.5rem 1.5rem; }
		.profile-overview .profile li:not(:last-child):after { width:30%; }
	}
	@media (max-width:767.98px) {
		.header-container { grid-template-columns:1fr; }
		#welcome-section .welcome-container { margin-top:2rem; text-align:center; }
		#welcome-section #consentblock > .shadow,
		#welcome-section #infoblock > .shadow,
		#suppdiscblock > .shadow { max-width:calc(100% - 2rem); }
		.pagination { justify-content:flex-start !important;  padding-bottom:0;  margin-bottom:.5rem; }
		.pagination li .page-link { height:30px; min-width:30px; line-height:29px; font-size:.9rem; }
		.pagination li .page-link.me-3 { margin-right:.5rem !important; }
		#controls { flex-wrap:wrap !important; }
		#controls .page-item.toggle { margin-block:.5rem 0; flex-basis:100%; display:flex; justify-content:flex-start; }
		.carousel[data-layout="slider"] .carousel-track { display:block; overflow:hidden; }
		.carousel[data-layout="slider"] .carousel-track > .card { display:none; }
		.carousel[data-layout="slider"] .carousel-track > .card.active { display:block; }
		.qAnswer { display:flex; flex-direction:column; gap:0; }
		.allquestions { margin-bottom:.5rem; }
		.card-body h4 { font-size:1.2rem; }
		.qHeader .first { display:none; }
		.qHeader .last { flex: 0 0 100%; margin-bottom:.25rem; width:var(--width-100); }
		.qAnswer > .first,
		.qAnswer > .last { flex:0 0 auto; width:var(--width-100); }
		.qAnswer .first { border:none; }
		.qAnswer > .last { min-height:0; }
		.qAnswer.first-question { border-radius:0; }
		.questiontitle { line-height:1.2; margin-bottom:.5rem; }
		.pagination li .alldone { top:-8.5px; left:16.5px; width:16px; height:16px; font-size:16px; }
		.result .card .card-body { padding:1rem 1.5rem; }
		.title-quote { padding:0 0 1rem; }
		.header-overview .image-profile .person-img { width:120px; bottom:-1rem; right:1.25rem; }
		.profile-overview .profile li:not(:last-child):after { width:35%; }
	}
	@media (max-width:575.98px) {
		.logo-container { margin-bottom:1rem; text-align:center; }
		#welcome-section #infoblock > .shadow div * { font-size:calc(var(--font-default-size) * .9); }
		.title-quote .h5 { width:var(--width-100); }
		.profile-overview .profile { padding:0; }
		.profile-overview .profile li { padding-inline:0; }
		.profile-overview .profile li:not(:last-child):after { width:40%; left:0; }
		.profile-overview .profile li .profile-p { align-items:start; }
	}