/**************************************************
		Content
 **************************************************

	00. General
	01. Header
	02.	Footer
	03. Landing page
	04. Services & Support
	08. Feedback
	09. About us
	10. Contact
	11. Thank you


/**************************************************
	00. General
 **************************************************/




/**************************************************
	01. Header
 **************************************************/

.is-consumers .header {
	flex-wrap: wrap;
}

.header-banner {
	position: relative;
	top: -1.3125rem;
	left: 50%;
	transform: translateX(-50%);

	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100 * var(--vw));
	flex-shrink: 0;

	padding: 0.8rem 3rem 0.5rem 1rem;
	background-color: var(--darkpurple);
	color: var(--white);

	transition: max-height 0.25s ease, margin-top 0.25s ease;
}

.header-banner.hide {
	max-height: 0;
	margin-top: -10vh;
	overflow: hidden;
}

.header-banner a {
	color: var(--white);
}

.header-banner-close {
	position: absolute;
	top: 50%;
	right: -0.1rem;
	transform: translate(-50%, -50%);
	width: 1.5rem;
	height: 1.5rem;
	z-index: 2;
	cursor: pointer;
}

.header-banner-close:before,
.header-banner-close:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	height: 0.1rem;
	background-color: var(--white);
	transform: translate(-50%, -50%) rotate(45deg);
}

.header-banner-close:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}


@media (max-width: 950px) {
	.header .header-middle-inner .header-menu-payment li a,
	.header .header-middle-inner .header-menu-payment li a:hover,
	.header .header.dark .header-middle-inner .header-menu-payment li a:hover {
		border-bottom: 5px solid var(--purple);
	}
}



@media (max-width: 849px) {
	.header-banner-inner {
		font-size: 16px;
		line-height: 1.2;
	}
}

@media (min-width: 855px) {
	.header-banner {
		padding: 0.8rem 2.5rem 0.5rem;
	}
}

@media (min-width: 1200px) {
	.header-banner:before,
	.header-banner:after {
		content: '';
		position: absolute;
		top: 0;

		display: block;
		background-color: var(--darkpurple);
		height: 100%;
		width: 2.5rem;
		z-index: 1;
	}

	.header-banner:before {
		left: 0;
	}

	.header-banner:after {
		right: 0;
	}

	.header-banner.is-marquee .header-banner-inner {
		z-index: 0;
		animation: scrollLeftToRight 20s linear infinite;
	}

	@keyframes scrollLeftToRight {
		0%   { transform: translateX(50vw); }
		100% { transform: translateX(-100vw); }
	}
}







/**************************************************
	02. Footer
 **************************************************/




/**************************************************
	03. Landing page
 **************************************************/


/********	Intro 	***********/

.module-landingintro {
	height: calc(100 * var(--vh));
	min-height: 500px;
	max-height: 1000px;
}

.module-landingintro .module-bg-desktop {
	display: none;
}

.module-landingintro .module-bg-mobile {
	width: 100%;
	height: 100%;
}

.module-landingintro .module-inner {
	width: 90%;
}

.module-landingintro .module-subtitle {
	margin-top: 2.5rem;
	font-size: 33px;
	line-height: 1.2;
	font-weight: 400;
	color: var(--white);
}

.module-feedbackform.success .module-subtitle {
	display: none;
}

.module-landingintro .payment-button a {
	margin: 2.5rem auto 0;
	background-color: var(--darkpurple);
	color: var(--white);
}

.module-landingintro .payment-button a:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 11'%3E%3Cpath fill='none' stroke='%23fff' stroke-linejoin='round' d='m.44.5 5 5-5 5'/%3E%3C/svg%3E");
}

.landing-certificate {
	position: absolute;
	bottom: 1.25rem;
	right: 0;
	z-index: 2;
	width: 8rem;
}

.landing-certificate img {
	width: 100%;
	height: auto;
}



@media (max-width: 849px) {
	.module-landingintro .module-title {
		font-size: 42px;
	}
}

@media (min-width: 850px) {
	.module-landingintro .module-bg-desktop {
		display: block;
		width: 100%;
		height: 100%;
	}

	.module-landingintro .module-bg-mobile {
		display: none;
	}

	.module-landingintro .module-subtitle {
		font-size: 53px;
	}

	.module-landingintro .module-inner {
		width: 60%;
	}

	.landing-certificate {
		width: 10.75rem;
		bottom: 2rem;
	}
}




/********	About 	***********/

.module-consumersabout {
	padding-top: 4.625rem;
	padding-bottom: 4.625rem;
}

.module-consumersabout .consumers-about-content {
	width: 100%;
	max-width: 660px;
	margin: 3rem auto;
	text-align: center;
}

.module-consumersabout .gallery-disclaimer {
	margin-bottom: 1rem;
	text-align: center;
	color: var(--gray21);
}


@media (min-width: 850px) {
	.module-consumersabout {
		padding-top: 8.75rem;
		padding-bottom: 5.8125rem;
	}

	.module-consumersabout .consumers-about-content {
		margin: 4rem auto 8rem;
	}
}




/********	Pay now 	***********/

.module-consumerspaynow {
	padding-top: 4.625rem;
	padding-bottom: 4.625rem;
	background-color: var(--darkpurple);
	color: var(--white);
}

.module-consumerspaynow .consumers-paynow-content {
	width: 100%;
	max-width: 750px;
	margin: 4rem auto 0;
	text-align: center;
}

.module-consumerspaynow .payment-link {
	margin-top: 3rem;
}

.module-consumerspaynow .payment-link a {
	margin: 0 auto;
	padding-bottom: 0.7rem;
	border-bottom: 5px solid var(--gray);
	color: var(--white);
	transition: border-bottom-color 0.2s ease;
}

.module-consumerspaynow .payment-link a:hover {
	border-bottom-color: var(--white);
}



@media (min-width: 850px) {
	.module-consumerspaynow {
		padding-top: 8.75rem;
		padding-bottom: 5.8125rem;
	}

	.module-consumerspaynow .payment-link {
		margin-top: 3.75rem;
	}
}




/********	Flowchart 	***********/

.module-consumersflowchart {
	padding-top: 4.625rem;
	padding-bottom: 4.625rem;
}

.module-consumersflowchart .consumers-flowchart-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column-reverse;
	margin-top: 1.6875rem;
	gap: 2rem;
}

.module-consumersflowchart .consumers-flowchart-steps {
	counter-reset: flowchart;
	list-style-type: none;
}

.module-consumersflowchart .consumers-flowchart-steps li {
	display: flex;
	align-items: baseline;
	gap: 0.875rem;
}

.module-consumersflowchart .consumers-flowchart-steps li:before {
	content: counter(flowchart);
	counter-increment: flowchart;

	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.875rem;
	height: 1.875rem;
	flex-shrink: 0;
	box-sizing: border-box;
	padding: 0.4rem 0 0.1rem;
	border-radius: 50%;

	color: var(--white);
	background-color: var(--black);
	line-height: 1;
	text-align: center;
}

.module-consumersflowchart .consumers-flowchart-steps li + li {
	margin-top: 1.5rem;
}

.module-consumersflowchart .consumers-flowchart-steps li a {
	padding: 0.35em 0.1em 0 0.1em;
	background-color: var(--gray);
}

.consumers-flowchart-payment {
	margin-top: 4.0625rem;
}

.consumers-flowchart-payment-inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0.875rem 2.1875rem;
	margin: 1.5625rem 0;
}

.consumers-flowchart-payment-inner img {
	width: auto;
	height: 3.125rem;
}

.module-consumersflowchart .consumers-flowchart-media {
	width: 550px;
	flex-shrink: 0;
}

.module-consumersflowchart .consumers-flowchart-media video,
.module-consumersflowchart .consumers-flowchart-media img {
	width: 100%;
	height: auto;
}


@media (min-width: 850px) {
	.module-consumersflowchart {
		padding-top: 8.75rem;
		padding-bottom: 5.8125rem;
	}

	.module-consumersflowchart .consumers-flowchart-inner {
		flex-direction: row;
		width: calc(100% + 4rem);
	}
}




/********	FAQ 	***********/

.module-consumerslandingfaq {
	padding-top: 4.625rem;
	padding-bottom: 4.625rem;
	background-color: var(--lightpurple);
}


.module-consumerslandingfaq .consumers-landingfaq-questions {
	margin: 3rem 0 2rem;
}

.faq-item .faq-header {
	padding: 1.65rem 4.5rem 1.25rem 1.25rem;
}

.module-consumerslandingfaq .faq-item .faq-answer-text a {
	padding-bottom: 0.6em;
	border-bottom: 5px solid var(--purple);	
	text-decoration: none;
}

.module-consumerslandingfaq .link-purple {
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

@media (min-width: 850px) {
	.module-consumerslandingfaq {
		padding-top: 8.75rem;
		padding-bottom: 8.75rem;
	}

	.module-consumerslandingfaq .consumers-landingfaq-questions {
		margin: 4.3725rem 0 4rem;
	}
}



/********	FAQ items	***********/

.faq-item {
	border-top: 1px solid var(--gray);
}

.faq-item:last-child {
	border-bottom: 1px solid var(--gray);
}

.faq-item .faq-header {
	position: relative;
	padding: 1.775rem 4.5rem 1.375rem 1.25rem;
	user-select: none;
	cursor: pointer;
}

.faq-item .faq-topic {
	margin-bottom: 0.2rem;
	font-weight: 500;
}

.faq-item .faq-close {
	position: absolute;
	top: 50%;
	right: 1.25rem;
	transform: translateY(-50%);
	width: 2rem;
	height: 2rem;
}

.faq-item .faq-close:before,
.faq-item .faq-close:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	width: 100%;
	height: 1px;
	background-color: var(--black);
	transition: transform 0.25s ease;
}

.faq-item .faq-close:before {
	transform: translate(-50%, -50%) rotate(90deg);
}

.faq-item.show .faq-close:before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.faq-item.show .faq-close:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.faq-item .faq-answer {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 4rem;
	max-height: 0;
	box-sizing: content-box;
	padding: 0 1.25rem;

	overflow: hidden;
	pointer-events: none;
	transition: max-height 0.25s ease, padding 0.25s ease;
}

.faq-item.show .faq-answer {
	pointer-events: all;
	padding: 1rem 1.25rem 2.1875rem 1.25rem;
}

.faq-item .faq-answer-image {
	width: 40%;
	flex-shrink: 0;
}

.faq-item .faq-answer-image:last-child {
	margin: 0 auto;
}

.faq-item .faq-answer-image img,
.faq-item .faq-answer-image video {
	width: 100%;
	height: auto;
}

.faq-item .faq-answer-text ol {
	list-style-type: decimal;
	list-style-position: inside;
}

.faq-item .faq-answer-text ul {
	list-style-type: disc;
	list-style-position: inside;
}

.faq-item .faq-answer-text ol li {
	padding-left: 2em;
	text-indent: -1.1em;
}

.faq-item .faq-answer-text ul li {
	padding-left: 2em;
	text-indent: -1.3em;
}

.faq-item .faq-answer-text a {
	text-decoration: underline;
	transition: text-decoration-color 0.25s ease;
}

.faq-item .faq-answer-text a:hover {
	text-decoration-color: transparent;
}



@media (min-width: 850px) {
	.faq-item .faq-answer {
		padding: 0 3rem 0 6rem;
	}

	.faq-item.show .faq-answer {
		padding: 2.1875rem 3rem 2.1875rem 6rem;
	}
}




/********	Customer satisfaction 	***********/

.module-landingsatisfaction {
	padding-top: 4.625rem;
	padding-bottom: 4.625rem;
}

.module-landingsatisfaction .module-title {
	margin-bottom: 4rem;
	hyphens: none;
}

.module-landingsatisfaction .satisfaction-media img,
.module-landingsatisfaction .satisfaction-media video {
	width: 100%;
	height: auto;
}

.module-landingsatisfaction .satisfaction-diagram .diagram,
.module-landingsatisfaction .satisfaction-diagram .labels {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	max-width: 500px;
	margin: 0 auto;
	font-weight: 500;
}

.module-landingsatisfaction .satisfaction-diagram .diagram-section {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 200px;
	width: 5.25rem;
	text-align: center;
}

.js .module-landingsatisfaction .satisfaction-diagram .diagram-value {
	opacity: 0;
	transition: opacity 0.5s ease 2s;
}

.js .module-landingsatisfaction .satisfaction-diagram .diagram-section.slide-in {
	transform: none;
	opacity: 1;
}

.js .module-landingsatisfaction .satisfaction-diagram .diagram-section.has-slided-in .diagram-value {
	opacity: 1;
}

.module-landingsatisfaction .satisfaction-diagram .diagram-bar {
	margin-top: 1rem;
	background-color: var(--gray);
	opacity: 0.5;
}

.js .module-landingsatisfaction .satisfaction-diagram .diagram-bar {
	transform-origin: bottom center;
	transform: scaleY(0);
	transition: transform 2s ease;
}

.js .module-landingsatisfaction .satisfaction-diagram .diagram-section.has-slided-in .diagram-bar {
	transform: scaleY(1);
}

.module-landingsatisfaction .satisfaction-diagram .diagram-section:nth-child(2) .diagram-bar { opacity: 0.6; background-color: #CAC7D3; }
.module-landingsatisfaction .satisfaction-diagram .diagram-section:nth-child(3) .diagram-bar { opacity: 0.8; background-color: #BEB7D0; }
.module-landingsatisfaction .satisfaction-diagram .diagram-section:nth-child(4) .diagram-bar { opacity: 0.9; background-color: #B2A5CB; }
.module-landingsatisfaction .satisfaction-diagram .diagram-section:nth-child(5) .diagram-bar { opacity: 1; background-color: var(--purple); }

.module-landingsatisfaction .satisfaction-diagram .labels {
	align-items: center;
	margin-top: 40px;
}

.module-landingsatisfaction .satisfaction-diagram .labels span {
	white-space: nowrap;
}

.module-landingsatisfaction .satisfaction-diagram .labels span:nth-child(2) {
	display: block;
	width: 100%;
	border-bottom: 1px solid var(--black);
	margin: -3px 1.5rem 0;
}



.module-landingsatisfaction .satisfaction-voices {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% + 2rem);
}

.module-landingsatisfaction .slide {
	padding: 2.5rem 2.1875rem;
	background-color: var(--gray12);
}

.module-landingsatisfaction .slide-content {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-direction: column;
	gap: 1.5rem;
	width: 100%;
	height: 100%;
}

.module-landingsatisfaction .slide .slide-rating {
	display: flex;
	justify-content: center;
	gap: 0.25rem;
	flex-shrink: 0;
}

.module-landingsatisfaction .slide .slide-rating .star {
	width: 1.0625rem;
	height: 1.0625rem;
}

.module-landingsatisfaction .slide .slide-rating .star-filled svg {
	width: 100%;
	height: 100%;
	fill: #00B67A;
}

.module-landingsatisfaction .slide .slide-rating .star-empty svg {
	width: 100%;
	height: 100%;
	fill: var(--gray);
}

.module-landingsatisfaction .slide .slide-quote {
	height: 100%;
	margin: 2.5rem auto;
	text-align: center;
}

.module-landingsatisfaction .slide .slide-byline {
	flex-shrink: 0;
}

.module-landingsatisfaction .slide .slide-name {
	font-weight: 500;
	text-align: center;
}



.module-landingsatisfaction .satistfaction-trustpilot {
	margin-top: 3.75rem;
	margin-bottom: 8.75rem;
}

.module-landingsatisfaction .satistfaction-trustpilot .trustpilot-desktop {
	display: none;
}

.module-landingsatisfaction .satisfaction-voices-title,
.module-landingsatisfaction .satisfaction-feedback-title {
	max-width: 35rem;
	margin: 8.75rem auto 2.4rem;
	font-size: 1.875rem;
	line-height: 1.2;
	text-align: center;
}

.module-landingsatisfaction .satisfaction-feedback .link-purple {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
}


@media (max-width: 550px) {
	.module-landingsatisfaction .satisfaction-diagram {
		position: relative;
		margin: 6rem 0 0;
		transform: rotate(90deg);
	}

	.module-landingsatisfaction .satisfaction-diagram .diagram,
	.module-landingsatisfaction .satisfaction-diagram .labels {
		width: 250px;
		flex-direction: row-reverse;
	}

	.module-landingsatisfaction .satisfaction-diagram .diagram {
		position: relative;
		transform: translateY(calc(100% - 17rem));
	}

	.module-landingsatisfaction .satisfaction-diagram .labels {
		position: absolute;
		top: -4.5rem;
		left: 0.25rem;
		width: 100%;
		height: calc(100% + 2.25rem);
		max-width: none;
		
		transform: rotate(-90deg);
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	.module-landingsatisfaction .satisfaction-diagram .labels span:nth-child(2) {
		display: none;
	}

	.module-landingsatisfaction .satisfaction-diagram .diagram-section {
		width: 2rem;
	}

	.module-landingsatisfaction .satisfaction-diagram .diagram-value {
		white-space: pre;
		word-wrap: normal;
		transform: rotate(-90deg);
	}
}

@media (min-width: 850px) {
	.module-landingsatisfaction {
		padding-top: 8.75rem;
		padding-bottom: 8.875rem;
	}

	.module-landingsatisfaction .module-title {
		margin-bottom: 5.8125rem;
	}

	.module-landingsatisfaction .satisfaction-stats {
		display: flex;
		align-items: flex-start;
		gap: 2rem;
	}

	.module-landingsatisfaction .satisfaction-media {
		position: relative;
		left: -0.6rem;
		width: calc(50% + 0.6rem);
		flex-shrink: 0;
	}

	.module-landingsatisfaction .satisfaction-diagram {
		width: calc(50% - 1rem);
		flex-shrink: 0;
	}

	.module-landingsatisfaction .satisfaction-diagram .diagram-section {
		height: 350px;
	}

	.module-landingsatisfaction .satisfaction-voices {
		width: calc(100 * var(--vw) - 5rem);
	}

	.module-landingsatisfaction .slide {
		width: calc(33.3333333% - 1rem);
		margin-right: 1.5rem;

		padding: 2.5rem 2.1875rem;
	}

	.module-landingsatisfaction .slide:nth-child(3n) {
		margin-right: 0;
	}

	.module-landingsatisfaction .satisfaction-voices-title,
	.module-landingsatisfaction .satisfaction-feedback-title {
		margin: 8.75rem auto 2.4rem;
		font-size: 53px;
	}

	.module-landingsatisfaction .slider .slider-nav {
		display: none;
	}

	.module-landingsatisfaction .satistfaction-trustpilot .trustpilot-desktop {
		display: block;
	}

	.module-landingsatisfaction .satistfaction-trustpilot .trustpilot-mobile {
		display: none;
	}
}

@media (min-width: 1050px) {
	.module-landingsatisfaction .satisfaction-diagram .diagram-section {
		height: 470px;
	}
}

@media (min-width: 1280px) {
	.module-landingsatisfaction .satisfaction-voices {
		width: calc(100% + 13.8rem);
	}
}






/********	Pay now banner 	***********/

.module-paynowbanner {
	position: relative;
	padding-top: calc(4.625rem + var(--headerHeight));
	padding-bottom: 3.125rem;
	background-color: var(--darkpurple);
	color: var(--white);
	overflow: initial;
	scroll-margin-top: var(--headerHeight);
	overflow: hidden;
}

.module-paynowbanner .home-canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.module-paynowbanner .module-inner {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.module-paynowbanner .paynow-subtitle {
	margin: 3.4rem 0;
	text-align: center;
}

.module-paynowbanner .paynow-form {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 5rem 0.9375rem;
	width: 100%;
}

.no-js .module-paynowbanner .paynow-form {
	cursor: not-allowed;
	opacity: 0.5;
}

.no-js .module-paynowbanner .paynow-form * {
	pointer-events: none;
}

.module-paynowbanner .paynow-case-id {
	position: relative;
	width: 100%;
	max-width: 26rem;
}

.module-paynowbanner .paynow-case-id input {
	appearance: none;
	width: 100%;
	border: 1px solid var(--darkgray);
	border-radius: 0;
	background-color: var(--white);
	padding: 0.8em 2.8rem 0.5rem 0.9375rem;
	font-family: "Neuzeit Grotesk", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.2;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.module-paynowbanner.has-error .paynow-case-id input {
	border-color: var(--red);
}

.module-paynowbanner .paynow-submit {
	position: relative;
	flex-shrink: 0;
}

.module-paynowbanner .paynow-case-id .hint {
	position: absolute;
	top: 50%;
	right: 0.9375rem;
	z-index: 2;
	transform: translateY(-50%);
}

.module-paynowbanner .paynow-submit input {
	appearance: none;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 0;
	background-color: var(--black);
	color: var(--white);
	padding: 0.8em 3rem 0.5rem 2.5rem;
	margin-left: 0.9375rem;
	flex-shrink: 0;
	font-family: "Neuzeit Grotesk", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.2;
	cursor: pointer;
}

.module-paynowbanner .paynow-submit .chevron {
	position: absolute;
	right: 1.8rem;
	top: 50%;
	width: 0.6rem;
	height: 0.6rem;
	transform: translateY(-50%) rotate(-90deg);
	filter: brightness(10);
}

.module-paynowbanner .paynow-message {
	width: 100%;
	max-width: 36rem;
	margin: 3px auto 0;
	padding: 4px 3px 0px;
	min-height: 1.5em;

	font-size: 12px;
	background-color: var(--red);
	color: var(--white);
}

.no-js .module-paynowbanner .paynow-message {
	background-color: #8F7CB9;
}

.js .module-paynowbanner .paynow-message {
	opacity: 0;
	transition: opacity 0.25s ease;
}

.js .module-paynowbanner.has-error .paynow-message {
	opacity: 1;
}

.module-paynowbanner .paynow-disclaimer {
	margin-top: 5.5rem;
	text-align: center;
}

.module-paynowbanner .paynow-message a,
.module-paynowbanner .paynow-disclaimer a {
	color: var(--white);
	text-decoration: underline;
	transition: text-decoration-color 0.2s ease;
}

.module-paynowbanner .paynow-message a:hover,
.module-paynowbanner .paynow-disclaimer a:hover {
	text-decoration-color: transparent;
}



@media (min-width: 850px) {
	.module-paynowbanner {
		padding-top: 8.75rem;
		padding-bottom: 4.6rem;
	}

	.module-paynowbanner .paynow-form {
		flex-direction: row;
	}
}


@media (min-width: 1303px) {
	.module-paynowbanner {
		padding: 8.75rem calc(50% - 530px) 4.6rem;
	}
}






/**************************************************
	04. Services & Support
 **************************************************/

/********	Market decision page	***********/

.module-helpmarketdecision {
	padding: calc(var(--headerHeight) + 6rem) 0 4rem;
}

.module-helpmarketdecision .helpmarketdecision-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column-reverse;
    gap: 5rem;
}

.module-helpmarketdecision .helpmarketdecision-media {
	width: 100%;
	aspect-ratio: 1 / 1;
}

.module-helpmarketdecision .helpmarketdecision-content {
	padding: 0 1rem;
	width: 100%;
	max-width: 600px;
}

.module-helpmarketdecision .module-title {
	width: calc(100% - 2rem);
	margin: 0 auto;
	font-size: 30px;
	line-height: 1.05;
	hyphens: none;
}

.module-helpmarketdecision .helpmarket-list {
	margin-top: 3.7rem;
}

.module-helpmarketdecision .helpmarket-item {
	border-top: 1px solid var(--gray);
}

.module-helpmarketdecision .helpmarket-item:last-child {
	border-bottom: 1px solid var(--gray);
}

.module-helpmarketdecision .helpmarket-item a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.8rem 1.25rem 1.3rem;
	transition: background-color 0.25s ease;
}

.module-helpmarketdecision .helpmarket-item a:hover {
	background-color: var(--gray12);
}

.module-helpmarketdecision .helpmarket-item-flag {
	width: 1.25rem;
	height: 1.25rem;
	margin-right: 1.25rem;
	flex-shrink: 0;
}

.module-helpmarketdecision .helpmarket-item-flag img {
	width: 100%;
	height: 100%;
}

.module-helpmarketdecision .helpmarket-item-name {
	position: relative;
	top: 0.15em;
	width: 100%;
}

.module-helpmarketdecision .helpmarket-item-arrow {
	width: 1.25rem;
	height: 1.25rem;
	flex-shrink: 0;
}

.module-helpmarketdecision .helpmarket-item-arrow svg {
	width: 100%;
	height: 100%;
}


@media (min-width: 850px) {
	.module-helpmarketdecision {
		padding: 10rem 0;
	}

	.module-helpmarketdecision .helpmarketdecision-inner {
    	flex-direction: row;
    	align-items: flex-start;
    	padding-right: 1rem;
    }

	.module-helpmarketdecision .helpmarketdecision-media {
		width: 46%;
		aspect-ratio: 612 / 790;
	}

	.module-helpmarketdecision .helpmarketdecision-content {
		width: calc(54% - 5rem);
		max-width: initial;
		padding: 0;
	}

	.module-helpmarketdecision .module-title {
		max-width: 58rem;
		margin: 0 auto 7.25rem;
		font-size: 67px;
	}

	.module-helpmarketdecision .helpmarket-list {
		margin-top: 0;

	}
}

@media (min-width: 1280px) {
	.module-helpmarketdecision {
    	padding: 10rem 2.5rem 8.75rem;
	}
}

@media (min-width: 1303px) {
	.module-helpmarketdecision {
    	padding: 10rem 0 8.75rem;
	}
	
	.module-helpmarketdecision .helpmarketdecision-inner {
		padding-right: calc(50% - 611px);
	}
}





/********	Market page: title	***********/

.module-helpmarkettitle {
	position: relative;
	padding-top: calc(var(--headerHeight) + 6rem);
	padding-bottom: 2rem;
	overflow: visible;
}

.module-helpmarkettitle .market-selector {
	display: none;
}



@media (min-width: 850px) {
	.module-helpmarkettitle {
		padding-top: calc(var(--headerHeight) + 10rem);
		padding-bottom: 4.375rem;
	}

	.module-helpmarkettitle .market-selector {
		display: block;
		position: absolute;
		top: calc(var(--headerHeight) + 2.5rem);
		left: 2.5rem;
		width: fit-content;
		z-index: 2;
	}

	.module-helpmarkettitle .market-selector-current {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;

		width: 100%;
	}

	.module-helpmarkettitle .market-selector-current:not(:last-child) {
		cursor: pointer;
	}

	.module-helpmarkettitle .market-selector-pin {
		position: relative;
		top: -0.2rem;
		width: 0.9375rem;
		height: 1rem;
		flex-shrink: 0;
	}

	.module-helpmarkettitle .market-selector-pin svg {
		width: 100%;
		height: 100%;
	}

	.module-helpmarkettitle .market-selector-market {
		width: 100%;
		padding: 0.4875rem 0 0.1875rem;
	}

	.module-helpmarkettitle .market-selector-chevron {
		position: relative;
		top: -0.1rem;
		width: 0.5625rem;
		height: 0.5625rem;
		border-right: 1px solid var(--black);
		border-bottom: 1px solid var(--black);
		transform: rotate(45deg);
		flex-shrink: 0;
		transition: transform 0.25s ease;
	}

	.module-helpmarkettitle .market-selector:hover .market-selector-chevron {
		transform: scaleY(-1) rotate(45deg);
	}

	.module-helpmarkettitle .market-selector-markets {
		display: block;
		width: fit-content;
		background-color: var(--white);
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.25s ease;
	}

	.module-helpmarkettitle .market-selector:hover .market-selector-markets {
		opacity: 1;
		pointer-events: all;
	}

	.module-helpmarkettitle .market-selector-markets li {
		padding-left: 1.9375rem;
		padding-right: 1.9375rem;
		width: fit-content;
	}
}

@media (min-width: 1303px) {
	.module-helpmarkettitle .market-selector {
		left: calc(50% - 611px);
	}
}





/********	Market page: FAQ	***********/

.module-helpmarketfaq {
	padding-top: 2.875rem;
	padding-bottom: 4.375rem;
}

.module-helpmarketfaq .market-faq-filters {
	display: flex;
	flex-direction: column;
}

.module-helpmarketfaq .filter-topic {
	position: relative;
	margin: 0 0 0.5rem;
	flex-shrink: 0;
}

.module-helpmarketfaq .filter-topic select {
	appearance: none;

	width: 100%;
	border: 1px solid var(--darkgray);
	border-radius: 0;
	background-color: var(--white);

	padding: 0.8em 1rem 0.5rem 1rem;
	font-family: "Neuzeit Grotesk", Helvetica, Arial, sans-serif;	
	font-size: 1rem;
	line-height: 1.2;

	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.module-helpmarketfaq .filter-topic select.not-changed {
	color: var(--darkgray);
}

.module-helpmarketfaq .filter-topic .chevron {
	position: absolute;
	top: 50%;
	right: 1rem;
	width: 0.8rem;
	height: 0.8rem;
	transform: translateY(-50%);
	pointer-events: none;
}

.module-helpmarketfaq .filter-search {
	position: relative;
	width: 100%;
}

.module-helpmarketfaq .filter-search input {
	appearance: none;

	width: 100%;
	border: 1px solid var(--darkgray);
	border-radius: 0;
	background-color: var(--white);

	padding: 0.8em 1rem 0.5rem 2.9375rem;
	font-family: "Neuzeit Grotesk", Helvetica, Arial, sans-serif;	
	font-size: 1rem;
	line-height: 1.2;

	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.module-helpmarketfaq .filter-search .search-icon {
	position: absolute;
	left: 1rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0.9375rem;
	height: 0.9375rem;
	pointer-events: none;
}

.module-helpmarketfaq .faq-filter-submit {
	position: relative;
	flex-shrink: 0;
}

.module-helpmarketfaq .faq-filter-submit input {
	appearance: none;

	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;

	border: 0;
	border-radius: 0;
	background-color: var(--black);
	color: var(--white);

	padding: 0.8em 3rem 0.5rem 2.5rem;
	margin-top: 0.5rem;
	flex-shrink: 0;
	font-family: "Neuzeit Grotesk", Helvetica, Arial, sans-serif;	
	font-size: 1rem;
	line-height: 1.2;
	cursor: pointer;
}

.module-helpmarketfaq .faq-filter-submit .chevron {
	position: absolute;
	right: 1.8rem;
	top: 50%;
	width: 0.6rem;
	height: 0.6rem;
	transform: translateY(-50%) rotate(-90deg);

	filter: brightness(10); /* hack because I'm too lazy to change the SVG everywhere */
}



.module-helpmarketfaq .market-faq-topics {
	margin-top: 3.4375rem;
}

.module-helpmarketfaq .market-faq-topic:not(:nth-last-child(2)) {
	margin-bottom: 5rem;
}

.module-helpmarketfaq .market-faq-topic.hide,
.module-helpmarketfaq .market-faq-topic.mobile-hidden {
	display: none;
}

.module-helpmarketfaq .market-faq-not-found {
	display: none;
}

.module-helpmarketfaq.is-filtering .market-faq-not-found.hide {
	display: block;
	text-align: center;
}



.module-helpmarketfaq .market-faq-topic-header {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1rem;
}

.module-helpmarketfaq .market-faq-topic-icon {
	width: 2.5rem;
	height: 2.5rem;
}

.module-helpmarketfaq .market-faq-topic-icon img {
	width: 100%;
	height: 100%;
}

.module-helpmarketfaq .market-faq-topic-title {
	position: relative;
	top: 0.4rem;
}

.module-helpmarketfaq .faq-item.hide {
	display: none;
}

.module-helpmarketfaq .market-faq-more {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	margin: -1.5rem auto 0;
}

.module-helpmarketfaq .market-faq-more.hide,
.module-helpmarketfaq.is-filtering .market-faq-more {
	display: none;
}


@media (max-width: 849px) {
	.module-helpmarketfaq .market-faq-topic-title {
		font-size: 1.25rem;
	}
}

@media (min-width: 850px) {
	.module-helpmarketfaq .market-faq-filters {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.module-helpmarketfaq .filter-topic {
		margin: 0 3rem 0 0;
	}

	.module-helpmarketfaq .faq-filter-submit input {
		margin: 0 0 0 0.9375rem;
	}

	.module-helpmarketfaq .market-faq-topics {
		max-height: 61.75rem;
		overflow: scroll;
		margin-top: 5.25rem;
	}

	.module-helpmarketfaq .market-faq-topic.mobile-hidden:not(.hide) {
		display: block;
	}

	.module-helpmarketfaq .market-faq-more {
		display: none;
	}
}




/********	Market page: Contact	***********/

.module-helpmarketcontact {
	padding-top: 2.875rem;
	padding-bottom: 8.75rem;
}

.module-helpmarketcontact .module-title {
	font-size: 53px;
}

.module-helpmarketcontact .market-contact-description {
	padding: 4rem 0;
	text-align: center;
}

.hint {
	position: relative;
	display: inline-block;
	width: 0.9375rem;
	height: 0.9375rem;
	border-radius: 50%;

	text-align: center;
	color: var(--white);
	background-color: var(--gray);
	cursor: pointer;
}

.module-helpmarketcontact .hint {
	margin-left: 0.1rem;
}

.hint:before {
	content: '';
	position: absolute;
	bottom: 1.8rem;
	left: 50%;
	transform: translateX(-50%);

	width: 0;
	height: 0;
	border-left: 0.375rem solid transparent;
	border-right: 0.375rem solid transparent;
	border-top: 0.4375rem solid var(--gray);

	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s ease;
}

.hint:after {
	content: attr(data-content);
	position: absolute;
	bottom: 2.2rem;
	right: -0.9rem;

	width: auto;
	min-width: 12rem;	

	padding: 1rem 1rem 0.7rem;
	border-radius: 0.25rem;

	color: var(--black);
	background-color: var(--gray);

	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s ease;
}

.hint:hover:before,
.hint:hover:after {
	opacity: 1;
	pointer-events: all;
}

.module-helpmarketcontact .market-contact-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 4rem 6.25rem;
}

.module-helpmarketcontact .market-contact-email,
.module-helpmarketcontact .market-contact-telephone {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 2rem;
}

.module-helpmarketcontact .market-contact-telephone span + span {
	display: block;
}

.module-helpmarketcontact .market-contact-icon {
	width: 3.3125rem;
	height: 3.3125rem;
}




@media (min-width: 650px) {
	.hint:before {
		bottom: 1.2rem;
	}

	.hint:after {
		bottom: 1.6rem;
		left: 50%;
		right: initial;
		transform: translateX(-50%);
	}
}


@media (min-width: 850px) {
	.module-helpmarketcontact .market-contact-inner {
		flex-direction: row;
		align-items: baseline;
	}
}




/********	Market page: Consultation	***********/

.module-helpmarketconsultation {
	padding-top: 4.625rem;
	padding-bottom: 4.625rem;
}

.module-helpmarketconsultation .module-title {
	max-width: 50rem;
	margin: 0 auto;
}

.module-helpmarketconsultation .consultation-inner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	gap: 4rem;
	margin-top: 2rem;
}

.module-helpmarketconsultation .consultation-info {
	hyphens: none;
}

.module-helpmarketconsultation .consultation-description a:not(.link-purple) {
	padding-bottom: 0;
	border-bottom: 5px solid var(--purple);
}

.module-helpmarketconsultation .consultation-inset {
	padding: 2rem;
	background-color: var(--lightpurple);
}

.module-helpmarketconsultation .consultation-inset-title {
	font-weight: 500;
}

.module-helpmarketconsultation .consultation-inset-list {
	display: block;
	margin-top: 1.6rem;
	list-style-type: disc;
	list-style-position: inside;
}

.module-helpmarketconsultation .consultation-inset-list li {
	list-style-position: outside;
	padding-left: 0.8rem;
	margin-left: 0.8rem;
}

@media (min-width: 850px) {
	.module-helpmarketconsultation {
		padding-top: 8.75rem;
		padding-bottom: 8.75rem;
	}

	.module-helpmarketconsultation .consultation-inner {
		flex-direction: row;
		margin-top: 5rem;
	}

	.module-helpmarketconsultation .consultation-info:not(:last-child),
	.module-helpmarketconsultation .consultation-inset {
		width: calc(50% - 2rem);
	}
}






/**************************************************
	08. Feedback
 **************************************************/

.module.module-feedbackform {
	padding: calc(var(--headerHeight) + 6rem) 1rem 4.625rem;
}

.module-feedbackform .module-title {
	margin: 0 auto;
	max-width: 50rem;
	text-wrap-style: balance;
}

.module-feedbackform .module-subtitle {
	margin: 7.2rem 0 0;
	font-weight: 400;
}

.module-feedbackform form {
	width: 100%;
	max-width: 41.875rem;
	margin: -0.8rem auto 0;
}

.module-feedbackform.success form {
	display: none;
}

.module-feedbackform .form-field-rating {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2rem 1.5rem;
	max-width: 100%;
	margin-top: 2.8rem;
	cursor: pointer;
}

.module-feedbackform .feedback-rating-item input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
}

.module-feedbackform .feedback-rating-item label {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	padding-bottom: 2rem;
}

.module-feedbackform .feedback-rating-item-icon {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 5.625rem;
	aspect-ratio: 1 / 1;
	border-radius: 1.25rem;	
	transition: background-color 0.25s ease;
}

.module-feedbackform .form-field-rating:not(:has(:checked)) input#feedback-rating-veryunsatisfied + label .feedback-rating-item-icon { background-color: #FAC3C3; }
.module-feedbackform .form-field-rating:not(:has(:checked)) input#feedback-rating-unsatisfied     + label .feedback-rating-item-icon { background-color: #FED6BA; }
.module-feedbackform .form-field-rating:not(:has(:checked)) input#feedback-rating-neutral         + label .feedback-rating-item-icon { background-color: #FFF5CD; }
.module-feedbackform .form-field-rating:not(:has(:checked)) input#feedback-rating-satisfied       + label .feedback-rating-item-icon { background-color: #DCF7CA; }
.module-feedbackform .form-field-rating:not(:has(:checked)) input#feedback-rating-verysatisfied   + label .feedback-rating-item-icon { background-color: #CDF7C6; }

.module-feedbackform input#feedback-rating-veryunsatisfied:checked + label .feedback-rating-item-icon,
.module-feedbackform .feedback-rating-item:hover input#feedback-rating-veryunsatisfied + label .feedback-rating-item-icon {
	background-color: #F7A5A5;
}

.module-feedbackform input#feedback-rating-unsatisfied:checked + label .feedback-rating-item-icon,
.module-feedbackform .feedback-rating-item:hover input#feedback-rating-unsatisfied + label .feedback-rating-item-icon {
	background-color: #FCC297;
}

.module-feedbackform input#feedback-rating-neutral:checked + label .feedback-rating-item-icon,
.module-feedbackform .feedback-rating-item:hover input#feedback-rating-neutral + label .feedback-rating-item-icon {
	background-color: #FFEB99;
}

.module-feedbackform input#feedback-rating-satisfied:checked + label .feedback-rating-item-icon,
.module-feedbackform .feedback-rating-item:hover input#feedback-rating-satisfied + label .feedback-rating-item-icon {
	background-color: #C8F5A9;
}

.module-feedbackform input#feedback-rating-verysatisfied:checked + label .feedback-rating-item-icon,
.module-feedbackform .feedback-rating-item:hover input#feedback-rating-verysatisfied + label .feedback-rating-item-icon {
	background-color: #A4EBA3;
}

.module-feedbackform .form-field-rating:has(:checked) input:not(:checked) + label .feedback-rating-item-icon {
	background-color: var(--lightgray);
}

.module-feedbackform .feedback-rating-item svg {
	width: 2.5rem;
	height: auto;
	transition: opacity 0.25s ease;
}

.module-feedbackform .form-field-rating:has(:checked) input:not(:checked) + label svg {
	opacity: 0.5;
}

.module-feedbackform .feedback-rating-item span {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
	hyphens: none;
}

.module-feedbackform input:checked + label span {
	font-weight: 500;
}

.module-feedbackform .confirmation-title {
	margin-top: 6.5rem;
	font-size: 24px;
	text-align: center;
}

.module-feedbackform .form-title {
	max-width: 36rem;
	margin: 3.375rem auto 0.4rem;
	text-align: center;
	text-wrap-style: balance;
}

.module-feedbackform .feedback-form-fields {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
	gap: 0 5rem;
}

.module-feedbackform .feedback-form-fields-section {
	width: 100%;
}

.module-feedbackform .form-field-reference:not(.form-field-hide),
.module-feedbackform .form-field-comment:not(.form-field-hide) {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	gap: 2rem;
	width: 100%;
}

.module-feedbackform .form-field-reference input {
	width: 100%;
}

.module-feedbackform label {
	width: 100%;
	text-align: left;
}

.module-feedbackform label .label-required {
	color: var(--gray11);
}

.module-feedbackform textarea {
	min-height: 7.6rem;
}

.module-feedbackform .form-disclaimer {
	margin-bottom: 3.125rem;
	text-align: center;
	hyphens: none;
	color: var(--gray11);
}

.module-feedbackform .form-disclaimer a {
	color: currentColor;
	padding-bottom: 0;
	border-bottom: none;
	text-decoration: underline;
}

.module-feedbackform input[type="submit"] {
	background-color: var(--black);
	color: var(--white);
}

.module-feedbackform .form-message {
	text-align: center;
}

.module-feedbackform .form-message:empty {
	display: none;
}

.module-feedbackform .form-success-icon {
	display: none;
}

.module-feedbackform.success .form-success-icon {
	display: block;
	width: 6rem;
	height: 5.4rem;
	margin: 3rem auto -1rem;
}

.module-feedbackform .form-success-icon svg {
	width: 100%;
	height: 100%;
}

.module-feedbackform + .module-bannerimg .module-bg {
	transition: opacity 0.25s ease;
}

.module-feedbackform.success + .module-bannerimg .module-bg.feedback-banner-before,
.module-feedbackform + .module-bannerimg .module-bg.feedback-banner-after {
	opacity: 0;
}

.module-feedbackform.success + .module-bannerimg .module-bg.feedback-banner-after {
	opacity: 1;
}


@media (min-width: 650px) {
	.module-feedbackform .feedback-form-fields-section:nth-child(2) {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 1.5rem;
	}

	.module-feedbackform .feedback-form-fields-section:nth-child(2) .form-field {
		width: 50%;
		flex-grow: 0;
	}
}


@media (min-width: 850px) {
	.module.module-feedbackform {
		padding-top: calc(var(--headerHeight) + 10.3125rem);
		padding-bottom: 8.75rem;
	}

	.module-feedbackform .form-field-rating {
		gap: 2rem 3.4375rem;
	}

	.module-feedbackform .feedback-rating-item span {
		font-size: 14px;
	}

	.module-feedbackform .confirmation-title {
		margin-top: 6rem;
		font-size: 52px;
	}

	.module-feedbackform.success .form-success-icon {
		display: block;
		width: 8.4375rem;
		height: 7.625rem;
		margin: 7rem auto -4.4rem;
	}	
}

@media (min-width: 1303px) {
	.module.module-feedbackform {
		padding: calc(var(--headerHeight) + 10.3125rem) calc(50 * var(--vw) - 500px) 11.875rem;
	}
}




/**************************************************
	09. About us
 **************************************************/

/***	About us: Key figures	***/

.is-consumers .module-aboutkeyfigures .figure-number {
	color: var(--white);
}

.is-consumers .module-aboutkeyfigures .figure-number:before {
	background-color: var(--purple);
}



/***	About us: Registrations	***/

.is-consumers .module-credentials {
	padding-top: 0;
	padding-bottom: 0;
}

.is-consumers .module-credentials .credentials-description {
	max-width: 42rem;
	margin: 0 auto;
	text-align: center;
}

.is-consumers .module-credentials .credentials-markets {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	margin: 3rem 0 5rem;
}

.is-consumers .module-credentials .credential-title {
	margin-top: 5rem;
}

.is-consumers .module-credentials .partners-list,
.is-consumers .module-credentials .credentials-list {
	margin-top: 2rem;
}

.is-consumers .module-credentials .credential-block,
.is-consumers .module-credentials .credential-block:first-child:last-child .credential-logo {
	width: calc(33.333333% - 1rem);
}

@media (min-width: 1000px) {
	.is-consumers .module-credentials .credential-block,
	.is-consumers .module-credentials .credential-block:first-child:last-child .credential-logo {
		width: calc(20% - 1.2rem);
	}
}





/**************************************************
	10. Contact
 **************************************************/

.module-contactform form {
	margin-top: 4rem;
}

.module-contactform .form-field-salutation,
.module-contactform .form-field-birthday,
.module-contactform .form-field-birthday input,
.module-contactform .form-field-country {
	width: auto;
}

.module-contactform .form-action {
	align-items: baseline;
	flex-direction: row;
	margin: 0;
}

.module-contactform .form-action .form-section-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.module-contactform .form-message {
	text-align: center;
}

.module-contactform .form-submit input.hide {
	opacity: 0;
	pointer-events: none;
}

@media (min-width: 620px) {
	.module-contactform .form-field-housenumber,
	.module-contactform .form-field-postcode {
		width: 8rem;
		flex-shrink: 0;
	}
}





.module-consumerscontact {
	padding: 8rem 0rem 0rem;
}

.module-consumerscontact .module-inner {
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin-top: 5rem;
}

.module-consumerscontact .contactform-column {
	width: 100%;
	padding: 2.5rem 1rem 4rem;
}

.module-consumerscontact .contactform-column.contacts {
	background-color: var(--gray18);
}

.contact-intro-title {
	margin-bottom: 1.625rem;
	font-weight: 500;
}

.module-consumerscontact .form-field-housenumber,
.module-consumerscontact .form-field-postcode {
	width: 40%;
}

.module-consumerscontact .form-action .form-section-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.module-consumerscontact .required-disclaimer {
	width: 100%;
	margin-top: 0;
}

.module-consumerscontact .form-submit input {
	color: var(--white);
	background-color: var(--darkpurple);
}

.module-consumerscontact .form-submit input.hide {
	opacity: 0;
	pointer-events: none;
}

.module-consumerscontact.has-sent form {
	height: 100%;
}

.module-consumerscontact.has-sent .contactform .contact-intro-title,
.module-consumerscontact.has-sent .form-field,
.module-consumerscontact.has-sent .required-disclaimer,
.module-consumerscontact.has-sent .form-submit {
	display: none;
}

.module-consumerscontact.has-sent .form-action {
	flex-direction: row;
	margin-top: 0;
	height: 100%;
}

.module-consumerscontact.has-sent .form-message {
	margin-top: 0;
	opacity: 1;	
}

.module-consumerscontact.has-sent .form-message.success {
	position: relative;
	padding: 1rem 2rem 1rem 4rem;
	background-color: var(--lightgreen);
}

.module-consumerscontact.has-sent .form-message.success:before {
	content: '';
	display: block;
	position: absolute;
	top: 1rem;
	left: 2rem;
	width: 1rem;
	height: 1rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 700'%3E%3Cpath fill-rule='evenodd' d='M334.41 513.31c-34.008 36.844-85.02 28.34-113.36-5.668L22.67 309.262c-70.852-70.852 36.844-178.54 107.69-107.69l150.2 147.37 286.23-286.23c70.852-70.852 181.38 36.844 110.53 107.69l-342.91 342.91z'/%3E%3C/svg%3E");
}



@media (min-width: 650px) {
	.module-consumerscontact .contactform-column {
		padding: 4.5rem 2.5rem 5.5rem;
	}
}

@media (min-width: 850px) {
	.module-consumerscontact .contactform-column {
		padding: 3rem calc(24.18604656% - 165.58139576px)
	}
}

@media (min-width: 1000px) {
	.module-consumerscontact .module-inner {
		flex-direction: row;
	}

	.module-consumerscontact .contactform-column.contactform:not(:empty) {
		width: 60%;
	}

	.module-consumerscontact .contactform-column.contacts:not(:empty) {
		width: 40%;
	}

	.module-consumerscontact .form-field-checkboxes .form-field {
		width: calc(33.333333% - 1.5rem);
	}

	.module-consumerscontact .contact-list {
		padding: 0;
	}
}

@media (min-width: 1150px) {
	.module-consumerscontact .contactform-column.contactform:not(:empty),
	.module-consumerscontact .contactform-column.contacts:not(:empty) {
		width: 50%;
		flex-shrink: 0;
		flex-grow: 0;
	}

	.module-consumerscontact .contactform-column:not(:empty) {
		padding: 4.5rem 7.5rem 5.5rem 7.75rem;
	}

	.module-consumerscontact .contactform-column.contacts:not(:empty) {
		padding-right: 8rem;
		padding-left: 5.25rem;
	}
}

@media (min-width: 1303px) {
	.module-consumerscontact .contactform-column.contactform:not(:empty) {
		padding-left: calc(50% - 7.75rem - 403px);
	}

	.module-consumerscontact .contactform-column.contacts:not(:empty) {
		padding-right: calc(50% - 8rem - 394px);
	}
}





/**************************************************
	11. Thank you
 **************************************************/

.module-thankyou .module-subtitle {
	margin: 3rem 0 3.5rem;
	font-weight: 400;
}

.module-thankyou .thankyou-disclaimer + .thankyou-disclaimer {
	margin-top: 2rem;
}

.module-thankyou .thankyou-disclaimer a {
	text-decoration: underline;
	transition: text-decoration-color 0.2s ease;
}

.module-thankyou .thankyou-disclaimer a:hover {
	text-decoration-color: transparent;
}

.module-thankyou .google-reviews-wrapper a {
	display: block;
	margin: 0 auto;
	width: fit-content;
	max-width: 10rem;
}

.module-thankyou .google-reviews-wrapper a img {
	width: auto;
	max-width: 100%;
	height: auto;
}

@media (min-width: 850px) {
	.module-thankyou {
		padding-top: 10rem;
		padding-bottom: 8.75rem;
	}
}

@media (min-width: 1280px) {
	.module-thankyou {
		padding-top: 10rem;
		padding-bottom: 8.75rem;
	}
}

@media (min-width: 1303px) {
	.module-thankyou {
		padding-top: 10rem;
		padding-bottom: 8.75rem;
	}
}


