.logo a,
:lang(nl-NL) .logo a {
	width: 300px;
	padding-top: 27px;
	background: url(../2.0.12.1/img/addressdata-eu-logo.svg) no-repeat 0 0;
}

.masthead {
	margin-top: -70px;
	padding-top: 180px;
	background: transparent no-repeat center 10px;
	background-size: 1366px 750px, auto;
}

.masthead-content h2 {
	padding: 0;
}

.masthead-content-addressdata-eu {
	width: 1250px;
	height: 380px;
	padding: 0;
	color: #fff;
}

.masthead-addressdata-eu {
	height: 580px;
	flex-direction: column;
	text-align: center;

	
	background-image:
		linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .6)),
		url(../2.0.12.1/img/masthead-addressdata-eu.webp);
	background-image:
		linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .6)),
		image-set("../img/masthead-addressdata-eu.webp" 1x, "../img/masthead-addressdata-eu@2x.webp" 2x);
}

.masthead-addressdata-eu h1 {
	margin-bottom: 15px;
	padding: 0;
	background: transparent;
}

.masthead-addressdata-eu h2 {
	max-width: 1000px;
	margin: 0 auto;
	font-size: 28px;
	white-space: pre-line;
}

.masthead-title {
	padding: 40px 20px;
	background-color: rgba(0, 0, 0, .15);
	backdrop-filter: blur(12px);
}

.masthead-cta {
	margin: 60px 0 0 0;
	padding: 0;
	list-style: none;
	font-size: 32px;
	font-weight: 600;
}

.masthead-cta li {
	margin: 20px 0;
}

.masthead-cta a {
	color: white;
}

.masthead-cta .button {
	padding: 10px 40px;
}

.content-wrapper > h2 {
	margin: 80px 0 40px 0;
}

.well-how-it-works {
	width: 1366px;
	margin: 0 auto;
	padding: 80px 0 40px 0;
}

.how-it-works-title {
	margin: 40px 0;
	font-size: 28px;
	text-align: center;
}

.how-it-works-steps {
	display: flex;
	gap: 40px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.how-it-works-steps h4 {
	font-size: 20px;
	margin: 0;
}

.how-it-works-steps h4:before {
	display: block;
	font-family: var(--font-family-icons);
	color: var(--color-secondary);
	font-size: 32px;
}

.hiw-step-upload h4:before { content: '📤'; }
.hiw-step-validation h4:before { content: ''; }
.hiw-step-result h4:before { content: '📥'; }

.how-it-works-steps > li {
	position: relative;
	flex: 1;
	margin: 0;
	padding: 20px 20px 30px 20px;
	text-align: center;
	list-style-type: none;
	background-color: #fff;
}

.how-it-works-steps > li:nth-last-child(n+2):after {
	box-sizing: border-box;
	position: absolute;
	left: 100%;
	top: calc(50% - 40px);
	display: block;
	content: '';
	width: 40px;
	height: 10px;
	width: 0;
	height: 0;
	border: 40px solid transparent;
	border-left-color: #fff;
}

.product-features-container {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.product-features-container h3 {
	margin: 0;
	padding-left: 30px;
}

.product-features-container h3:before {
	display: inline-block;
	width: 20px;
	margin: 0 10px 0 -30px;
	line-height: 16px;
	padding: 3px 0 1px 0;
	text-align: center;
	content: '✓';
	font-family: var(--font-family-icons);
	background-color: var(--color-green-400);
	color: var(--color-primary-100);
}

.product-features-container > div {
	flex: calc(33% - 67px);
	background: transparent linear-gradient(var(--color-primary-100) 33%, #fff 100%) no-repeat 0 0;
	padding: 20px 20px;
}

.frontpage-pricing-content {
	display: flex;
	align-items: flex-start;
	align-items: center;
	justify-content: space-around;
	padding: 40px;
	font-size: 24px;
	text-align: center;
	background-color: var(--color-grey-700);
	background-color: var(--color-primary-700);
	color: #fff;
}

.frontpage-pricing-amount {
	margin: 0;
}

.frontpage-pricing-amount-euros {
	display: block;
	line-height: 1;
	font-size: 72px;
	font-family: var(--font-family-headings);
	font-weight: 500;
}

.frontpage-pricing-amount-description {
	color: var(--color-primary-200);
}

.frontpage-pricing-cta p {
	margin: 5px 0;
}

.frontpage-pricing-cta a {
	color: inherit;
	font-weight: 700;
}

.product-countries h4:before {
	font-size: 16px;
	font-weight: 400;
	font-family: entypo;
	content: '🌎 ';
}

.frontpage-pricing-countries {
	padding: 0;
	background: none;
	color: var(--color-primary-700);
}

.frontpage-pricing-countries h4 {
	margin: 30px 0 10px 0;
	text-align: center;
	color: inherit;
}

.frontpage-pricing-countries ul {
	margin: 0 auto;
	justify-content: center;
}

.use-cases-container {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.use-cases-container > div {
	position: relative;
	flex: 320px;
	padding: 40px 40px 40px 110px;
	background-color: var(--color-primary-100);
}

.use-cases-container h3 {
	margin: 0;
}

.use-cases-container svg {
	position: absolute;
	left: 40px;
	fill: var(--color-primary-600);
}

.about-us-content {
	font-size: 24px;
	line-height: 1.25;
	padding: 100px 40px 40px 40px;
	background: var(--color-primary-500) no-repeat 0 0;
	background-image:
		url(../2.0.12.1/img/addressdata-eu-logo.svg),
		linear-gradient(90deg, var(--color-primary-600), var(--color-primary-500));
	background-size: 400px, auto;
	background-position: 40px 40px, 0 0;
	color: #fff;
}

.about-us-content a {
	color: inherit;
}

.security-compliance-content {
	display: flex;
	gap: 40px;
}

.security-compliance-content > div {
	flex: 1;
	padding: 40px;
	background-color: var(--color-grey-700);
	color: #fff;
}

.security-compliance-content h3 {
	margin: 0;
	color: #fff;
}

.security-compliance-content h3:before {
	display: inline-block;
	width: 30px;
	height: 24px;
	vertical-align: -5px;
	background: url(../2.0.12.1/img/icons/shield.svg) no-repeat 0 0;
	background-size: 24px;
	content: '';
}

.frontpage-bottom-cta {
	padding: 40px;
	font-size: 24px;
}

.faq-items {
	padding: 40px;
	margin-bottom: 0;;
	background-color: var(--color-primary-100);
}

.faq-items dd {
	margin: 0;
}

.faq-items > dt {
	font-size: 24px;
	font-weight: 600;
	text-transform: unset;
}

.faq-items > dt:nth-child(n+2) {
	margin-top: 20px;
}

.faq-items > dt:before {
	color: var(--color-grey-700);
}

.faq-items > dd {
	display: none;
}

.faq-item-active + dd {
	display: block;
}

.faq-item-active + dd > dl {
	margin: 10px 0;
	padding: 20px;
}

.faq-contact {
	padding: 40px;
	background-color: var(--color-primary-100);
}

.faq-contact h3 {
	margin: 0;
}

.faq-answer {
	margin: 10px 0;
	padding: 20px;
	background-color: #fff;
}

.page-footer-copyright {
	padding-bottom: 10px;
}

.footer-links {
	margin: 10px 0 40px 0;
	padding: 0;
	text-align: center;
}

.footer-links li {
	display: inline;
	padding: 0 10px;
}
@media (max-width: 1366px) {

	.masthead-content-addressdata-eu {
		width: auto;
		margin: 0 40px;
	}

	.well-how-it-works {
		width: auto;
	}

}

@media (max-width: 1200px) {

	.primary-navigation {
		margin-left: -10px;
	}

	.user-navigation {
		flex: 1 0 calc(100% - 320px);
	}

	.product-features-container,
	.use-cases-container,
	.security-compliance-content {
		gap: 20px;
	}

}

@media (max-width: 1024px) {

	.masthead-addressdata-eu h2 {
		font-size: 24px;
	}

	.how-it-works-title {
		text-align: left;
		padding: 0 20px;
	}

	.how-it-works-steps {
		flex-direction: column;
	}

	.how-it-works-steps h4::before {
		position: absolute;
		top: 50%;
		left: 0;
		line-height: 0;
		width: 120px;
		font-size: 64px;
		opacity: .5;
		text-align: center;
	}

	.how-it-works-steps > li {
		text-align: left;
		padding-left: 120px;
	}

	.how-it-works-steps > li:nth-last-child(n+2):after {
		left: calc(50% - 40px);
		top: 100%;
		border-left-color: transparent;
		border-top-color: #fff;
	}

	.product-features-container > div {
		flex: calc(50% - 50px);
	}

	.frontpage-pricing-content {
		padding: 40px 20px;
	}

	.frontpage-pricing-amount {
		flex-basis: 200px;
	}

	.security-compliance-content {
		flex-wrap: wrap;
	}

	.security-compliance-content > div {
		flex: 290px;
	}

}

@media (max-width: 768px) {

	.primary-navigation {
		margin-left: unset;
	}

	.masthead {
		padding-top: 120px;
	}

	.masthead-content-addressdata-eu {
		margin: 0;
	}

	.masthead-addressdata-eu h1 {
		font-size: 48px;
	}

	.product-features-container > div {
		flex: 100%;
	}

	.frontpage-pricing-content {
		display: block;
	}

	.frontpage-pricing-amount {
		margin-bottom: 30px;
	}

}

@media (max-width: 640px) {

	.masthead-addressdata-eu h1 {
		font-size: 40px;
	}

	.masthead-addressdata-eu h2 {
		font-size: 20px;
		line-height: 1.4;
	}

	.masthead-addressdata-eu .button {
		font-size: 24px;
		padding: 10px 30px;
	}

	.masthead-addressdata-eu .button[data-icon]:before {
		vertical-align: 0;
	}

}

@media (max-width: 480px) {

	.logo a {
		width: 250px;
		padding-top: 30px;
		background-position: 0 center;
	}

	.masthead-title {
		padding: 30px 10px;
	}

	.masthead-addressdata-eu h1 {
		font-size: 32px;
	}

	.masthead-addressdata-eu h2 {
		font-size: 16px;
	}

	.masthead-cta {
		padding: 10px;
		font-size: 28px;
	}

	.masthead-addressdata-eu .button {
		font-size: 20px;
		padding: 5px 10px;
	}

	.masthead-addressdata-eu .button[data-icon]:before {
		display: none;
	}

	.frontpage-pricing-content {
		padding: 40px 20px;
		margin: 0 -10px;
	}

	.frontpage-pricing-cta .button {
		padding: 5px 10px;
		font-size: 24px;
	}

	.use-cases-container > div {
		padding: 20px 20px 20px 80px;
	}

	.use-cases-container svg {
		left: 20px;
	}

	.use-cases-container h3 {
		margin-top: 4px;
	}

	.use-cases-container p {
		margin: 20px 0 0 -60px;
	}

	.about-us-content {
		margin: 0 -10px;
		padding-left: 20px;
		padding-right: 20px;
		background-size: calc(100% - 40px), auto;
		background-position: 20px 40px, 0 0;
	}

	.security-compliance-content > div {
		padding: 20px;
	}

	.frontpage-bottom-cta {
		padding: 20px 10px;
		margin: 0 -10px;
		text-align: center;
	}

	.frontpage-bottom-cta .button[data-icon]:before {
		display: none;
	}

	.faq-items {
		padding: 20px;
		margin: 0 -10px;
	}

	.faq-items > dt {
		font-size: unset;
	}

	.faq-contact {
		padding: 20px;
		margin: 0 -10px;
	}

}