/* ---------------------------------------------------
	WEBSITE
	AUTOSPECIALIST IN MERCEDES © WILMAX MONTFOORT
----------------------------------------------------- */

/* BASE */
:root {
	--mercedes-black: #000000;
	--mercedes-blue: #3AAFFF;
	--mercedes-blue-dark: #000c3b;
	--mercedes-green-ui: #FF9F0A;
	--mercedes-dark: #101010;
	--mercedes-grey: #AAA;
	--mercedes-grey-dark: #222;
	--mercedes-grey-light: #EDEDED;
	--mercedes-red: #ED0615;
	--mercedes-white: #FFF;
	--mercedes-white-soft: #F6F6F6;

	--font-display: 'Joyride STD', Arial, sans-serif;
	--font-body: 'Eina 01', Arial, sans-serif;

	--shadow-soft: 0 0px 15px rgba(0, 0, 0, 0.15);
	--shadow-widget: 0 0 .85rem rgba(0, 0, 0, 0.125);
}

#sitewrapper {
	height: 100%;
}

/* HTML ELEMENTS */
a {
	color: var(--mercedes-green-ui);
	outline: none;
	text-decoration: none;
}

/* TYPOGRAPHY */
h1,
h2,
h3,
h4 {
	font-family: var(--font-display);
	letter-spacing: -.025rem;
	line-height: 1;
	margin-bottom: 0;
}

h1 {
	font-size: 3rem;
	font-weight: bold;
}

h2 {
	font-size: 2rem;
	font-weight: bold;
}

h3 {
	color: #010101;
	font-size: 1.5rem;
	font-weight: bold;
}

p {
	color: #010101;
	font-family: var(--font-body);
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 0;
}


/* UTILITIES */
.bg-ash {
	background-color: var(--mercedes-white-soft);
}

.bg-blue {
	background-color: var(--mercedes-green-ui);
}

.bg-darkgrey {
	background-color: var(--mercedes-grey-dark);
}

.bg-grey {
	background-color: var(--mercedes-grey);
}

.text-blue {
	color: var(--mercedes-green-ui);
}

.text-dark {
	color: #000;
}

.text-feathergrey {
	color: var(--mercedes-grey-light);
}

.text-grey {
	color: var(--mercedes-grey);
}

.text-white {
	color: var(--mercedes-white);
}


/* NAV */
.site__nav {
	padding: 1.5rem 2rem;
}

.site__nav ul {
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.nav__actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: .75rem 1.25rem;
	margin-top: .75rem;
}

.nav__brand {
	display: flex;
	flex-direction: column;
}

.nav__brand--logo {
	height: 50px;
	max-width: 100%;
}

.nav__link--item {
	color: #111;
	font-family: var(--font-display);
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: -.0125rem;
	text-transform: uppercase;
	white-space: nowrap;
}

.nav__link--item.phone--link {
	color: #0066FF;
}



/* HEADER */
.header__hero {
	position: relative;
}

.header__hero--image {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.header__hero--body-wrapper {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 100vh;
	padding: 0;
	position: relative;
}

.header__hero--body {
	background-color: #F7F9F8;
	border: 1px solid #F0F2F1;
	display: flex;
	flex-direction: column;
	height: fit-content;
	justify-content: center;
	padding: 4rem;
	width: fit-content;
}

.header__hero--body h2 {
	color: #111;
	font-size: 3rem;
	letter-spacing: -0.1rem;
	line-height: 1;
	margin-bottom: 0;
	text-transform: uppercase;
}

.header__hero--body h2 span.brand--focus {
	font-size: 8rem;
}

.header__hero--mercedes {
	display: block;
	font-size: 5rem;
	transform: translateX(-0.065em);
}

/* INTRO TEXT */
.header__hero--intro {
	color: #000;
	font-family: var(--font-body);
	font-size: 1.25rem;
	font-weight: 400;
	letter-spacing: -.01rem;
	line-height: 1.5;
	margin-top: 0;
	max-width: 520px;
}

/* CHECKLIST (AANSLUITEND OP INTRO) */
.header__hero--checks {
	margin-top: 1.25rem;
}

/* CTA */
.header__hero--cta {
	margin-top: .5rem;
}

.header__hero--sub {
	color: #111;
	font-family: var(--font-body);
	font-size: .95rem;
	margin-top: .75rem;
	opacity: .9;
}

.header__hero--image-wrapper {
	display: flex;
	min-height: 100vh;
	padding: 0;
}

.header__hero--image-inner {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	overflow: hidden;
	width: 100%;
}


/* HERO CHECKLIST */
.header__hero--checks {
	display: flex;
	flex-direction: column;
	gap: .65rem;
	list-style: none;
	margin: 0 0 1.5rem 0;
	padding: 0;
}

.header__hero--checks li {
	align-items: center;
	display: flex;
}

.header__hero--checks li i {
	color: #0066FF;
	flex: 0 0 auto;
	font-size: 1.5rem;
}

.header__hero--checks li span {
	color: #111;
	font-family: var(--font-body);
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: -.01rem;
	line-height: 1.2;
}

.header__hero--body .header__hero--checks li span {
	color: #111;
}

.header__hero--body.dark .header__hero--checks li span {
	color: var(--mercedes-white);
}

.header__hero--body.dark .header__hero--checks li i {
	color: var(--mercedes-blue);
}



/* CTA */
.cta__body h3 {
	font-size: 1.75rem;
	line-height: 1.125;
	margin-bottom: 0;
	text-transform: uppercase;
}

/* INTRO */
.intro__block {
	padding: 14rem 0 12rem 0;
}

.intro__body h1 {
	color: var(--mercedes-dark);
	font-size: 3.5rem;
	letter-spacing: -.075rem;
	line-height: 1.1;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
}

.intro__body h2 {
	color: var(--mercedes-green-ui);
	font-size: 2rem;
	margin-bottom: .5rem;
	text-transform: uppercase;
}

.intro__body p {
	color: #101010;
	font-size: 1.4rem;
	line-height: 1.55;
}

span.intro__body--quote {
	display: flex;
	font-size: 1.25rem;
	margin-bottom: .75rem;
}

.intro__page--img {
	/*box-shadow: var(--shadow-soft);
	height: 550px;
	object-fit: cover;*/
	width: 100%;
}

/* PARAGRAPH */
.paragraph__block {
	padding: 0 0 14rem 0;
}

.paragraph__body h1 {
	color: var(--mercedes-dark);
	font-size: 2.5rem;
	line-height: 1.1;
	margin-bottom: .75rem;
	text-transform: uppercase;
}

.paragraph__body h2 {
	color: var(--mercedes-dark);
	font-size: 2rem;
	margin-bottom: .5rem;
	text-transform: uppercase;
}

.paragraph__body p {
	color: #222222;
	font-size: 1.25rem;
}

span.paragraph__body--quote {
	display: flex;
	font-size: 1.25rem;
	margin-bottom: .75rem;
}

.paragraph__page--img {
	box-shadow: var(--shadow-soft);
	height: 550px;
	object-fit: cover;
	width: 100%;
}


/* APPOINTMENT */
.appointment__block {
	background-color: var(--mercedes-white);
	padding: 10.5rem 0 10rem 0;
}

.appointment__block ul {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
}

.appointment__block ul li {
	padding: .25rem 0;
	white-space: nowrap;
}

.appointment__block ul li i {
	color: #0066FF;
	font-size: 1.25rem;
}

.appointment__block ul li span.shorts {
	color: var(--mercedes-dark);
	font-family: var(--font-body);
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
}

.appointment__body h2 {
	color: var(--mercedes-dark);
	font-size: 3.5rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.appointment__body h3 {
	color: var(--mercedes-dark);
	font-size: 2rem;
	line-height: 1.1;
	margin-bottom: .75rem;
	text-transform: uppercase;
}

.appointment__body p {
	font-size: 1.25rem;
}

.appointment__body p.small {
	color: #111;
	font-family: var(--font-body);
	font-size: .95rem;
	margin-top: .75rem;
	opacity: .9;
}

.appointment__page--img {
	border: 1px solid #EEE;
	height: auto;
	max-width: 100%;
	object-fit: cover;
	padding: 1.25rem;
}


/* FEEDBACK */
.section--feedback {
	background: var(--mercedes-white-soft);
	border: 1px solid var(--mercedes-grey-light);
	padding: 5.5rem 0 6rem;
}

.feedback--title {
	color: var(--mercedes-dark);
	font-family: var(--font-display);
	font-size: 2.75rem;
	font-weight: 800;
	letter-spacing: -.025rem;
	line-height: 1.12;
	margin-bottom: .75rem;
	text-transform: uppercase;
}

.feedback--intro {
	color: #101010;
	font-family: var(--font-body);
	font-size: 1.25rem;
	margin-bottom: .5rem;
	opacity: .9;
}

.feedback--bubble {
	background: var(--mercedes-white);
	border: 1px solid var(--mercedes-grey-light);
	border-radius: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	height: 100%;
	padding: 1.55rem 1.65rem 1.5rem;
	transition: all .25s ease-in-out;
}

.feedback--bubble:hover {
	box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
	transform: translateY(-2px);
}

.avatar--box {
	align-items: center;
	background-color: #0066ff;
	border-radius: 50%;
	display: flex;
	flex: 0 0 44px;
	height: 44px;
	justify-content: center;
	overflow: hidden;
	width: 44px;
}

.avatar--box img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.avatar--box i {
	color: var(--mercedes-white);
	font-size: 1.5rem;
}

.feedback--name {
	color: var(--mercedes-dark);
	font-family: var(--font-body);
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: .01rem;
	margin: 0 0 .05rem 0;
}

.feedback--tag {
	color: #222222;
	font-family: var(--font-body);
	font-size: .95rem;
	opacity: .8;
}

.feedback--quote {
	color: var(--mercedes-black);
	font-size: 1.5rem;
	opacity: 1;
}

.feedback--text {
	color: var(--mercedes-dark);
	font-family: var(--font-body);
	font-size: 1.025rem;
	line-height: 1.65;
	margin: 0;
}

.gsap--fade-in {
	opacity: 0;
	transform: translateY(12px);
	will-change: opacity, transform;
}


/* ================================
   SERVICES
================================ */

/* SERVICES BACKGROUND */
.services__block {
	background: linear-gradient(to bottom, #1A1A1A 10%, #000000 100%);
	padding: 1rem 0 4rem 0;
}

/* SERVICES INTRO */
.services__introblock {
	background-color: #1A1A1A;
	padding: 4rem 0 0 0;
	position: relative;
}

.services__introblock h2 {
	color: #FFFFFF;
	display: inline-flex;
	font-size: 6rem;
	margin-bottom: 0;
}

/* SERVICES END */
.services__endblock {
	background-color: #000000;
	padding: 0 0 3.5rem 0;
	position: relative;
}

.services__endblock h3 {
	color: var(--mercedes-white);
	font-size: 4rem;
	margin-bottom: 0;
}

.services__endblock h4 {
	color: var(--mercedes-green-ui);
	font-size: 3rem;
	margin-bottom: 0;
}

/* SERVICE ITEM */
.service__body {
	display: flex;
}

/* CARD */
.service__body .inner--content {
	background: linear-gradient(145deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .045) 45%, rgba(0, 0, 0, .65) 100%);
	border: 1px solid transparent;
	border-image: linear-gradient(135deg, #AACCFF 0%, #06F 100%) 1;
	box-shadow: 0 14px 38px rgba(0, 0, 0, .24);
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 3rem;
	position: relative;
	transform: translateY(0);
	transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
}

/* GEEN BEFORE / AFTER */
.service__body .inner--content::before,
.service__body .inner--content::after {
	display: none;
	content: none;
}

/* SUBTIELE HOVER */
.service__body .inner--content:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 48px rgba(0, 0, 0, .3);
}

/* HEADER */
.service__head {
	align-items: center;
	display: flex;
	gap: 1.25rem;
	margin-bottom: 1.5rem;
}

/* ICON BADGE – ALTIJD BRIGHT */
.service__badge {
	align-items: center;
	background: rgba(255, 159, 10, .18);
	border: 1px solid rgba(255, 159, 10, .55);
	box-shadow:
		0 0 18px rgba(255, 159, 10, .35),
		0 0 36px rgba(255, 159, 10, .15);
	display: inline-flex;
	height: 68px;
	justify-content: center;
	width: 68px;
}

.service__badge i {
	color: #FFFFFF;
	font-size: 2rem;
	opacity: 1;
}

/* TITEL */
.service__body h3 {
	color: var(--mercedes-white);
	font-size: 1.75rem;
	font-weight: 700;
	letter-spacing: -.0125rem;
	line-height: 1.05;
	margin-bottom: 0;
	text-transform: uppercase;
}

/* TEKST */
.service__body p {
	color: var(--mercedes-white);
	font-size: 1.15rem;
	line-height: 1.7;
	opacity: .95;
}

.service__body p strong {
	color: #FFFFFF;
	font-weight: 700;
}



/* FEATURES */
.wilmaxfeatures__block {
	align-items: center;
	background: url('../../assets/images/page/wilmax-specialist-in-mercedes-features.jpg') no-repeat center center;
	background-size: cover;
	display: flex;
	min-height: 75vh;
	overflow-x: hidden;
	position: relative;
}

.wilmaxfeatures__block .container {
	height: 100%;
	padding: 8rem 0;
}

.wilmaxfeatures__block .row {
	height: 100%;
}

.wilmaxfeatures__block .wilmaxfeatures__imgcol {
	align-items: center;
	display: flex;
	justify-content: center;
	padding-left: 0;
	padding-right: 0;
}

.wilmaxfeatures__block .img--wrapper {
	max-width: 600px;
	overflow: hidden;
	width: 100%;
}

.wilmaxfeatures__block .img--wrapper img {
	display: block;
	height: auto;
	margin-bottom: 1.5rem;
	max-width: 100%;
	width: 100%;
}

.wilmaxfeatures__block .wilmaxfeatures__textcol {
	align-items: center;
	display: flex;
	justify-content: flex-end;
}

.wilmaxfeatures__block .text--wrapper {
	background-color: #F7FBFB;
	border: 1px solid #F7FBFB;
	max-width: 600px;
	padding: 3rem;
	text-align: left;
}

.wilmaxfeatures__block h2 {
	color: var(--mercedes-dark);
	font-size: 3.75rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.wilmaxfeatures__block p {
	color: var(--mercedes-dark);
	font-size: 1.25rem;
	line-height: 1.5;
}

.wilmaxfeatures__block p.small {
	color: #111;
	font-family: var(--font-body);
	font-size: .95rem;
	margin-top: .75rem;
	opacity: .9;
}

.wilmaxfeatures__block p a {
	color: var(--mercedes-dark);
	transition: all .3s ease;
}

.wilmaxfeatures__block p a:hover {
	color: var(--mercedes-red);
}



/* ARTICLES */
.articles__block {
	background-color: var(--mercedes-white);
	padding: 8rem 0 8rem 0;
}

.article__body {
	padding-bottom: .5rem;
	padding-left: .75rem;
	padding-right: .75rem;
}

.article__wrapper {
	background-color: #FFF;
	border: 1px solid #EEE;
	/*box-shadow: var(--shadow-soft);*/
	padding: 1.25rem;
}

.article__body p {
	color: var(--mercedes-dark);
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.article__heading {
	padding-left: .75rem;
	padding-right: .75rem;
}

.article__heading h3 {
	color: var(--mercedes-dark);
	font-size: 1.75rem;
	letter-spacing: -0.02rem;
	margin-bottom: .75rem;
	text-transform: uppercase;
}

.article__hero {
	margin-bottom: 2.5rem;
	overflow: hidden;
}

.article__hero--img {
	height: 370px;
	object-fit: cover;
	width: 100%;
}

button.btn__article,
a.btn__article {
	background-color: #DDD;
	border: 2px solid #DDD;
	border-radius: 0;
	color: #222;
	display: inline-block;
	font-family: var(--font-display);
	font-size: 1.35rem;
	font-weight: 600;
	letter-spacing: -.0125rem;
	padding: .75rem 1.25rem .55rem 1.25rem;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

button.btn__article:hover,
a.btn__article:hover {
	background-color: #111;
	border: 2px solid #111;
	color: var(--mercedes-white);
}


/* FAQ */
.faq--block {
	background: var(--mercedes-white);
	padding: 10rem 0;
}

.faq--topspace {
	padding-top: 4.5rem;
}

.faq--block--title {
	color: var(--mercedes-dark);
	font-family: var(--font-display);
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: -.02rem;
	line-height: 1.1;
	margin-bottom: 1.25rem;
	text-transform: uppercase;
}

.faq--block--description {
	color: #111111;
	font-family: var(--font-body);
	font-size: 1.2rem;
	line-height: 1.55;
}

.faq--wrapper {
	background: #FFFFFF;
	/*border: 1px solid var(--mercedes-grey-light);
	padding: 1.75rem 2rem;*/
}

.faq--item {
	border-bottom: 1.5px solid var(--mercedes-grey-light);
	cursor: pointer;
	padding: 1.25rem 0;
}

.faq--question h3 {
	color: var(--mercedes-dark);
	font-family: var(--font-body);
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: .005rem;
	margin: 0;
	padding-right: 2rem;
}

.faq--icon {
	color: #0066FF;
	font-size: 1.5rem;
	transition: all .25s ease;
}

.faq--item.open .faq--icon {
	color: var(--mercedes-dark);
	transform: rotate(180deg);
}

.faq--answer {
	display: none;
	margin-top: 1rem;
}

.faq--answer p {
	color: #111111;
	font-family: var(--font-body);
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.65;
	margin-bottom: 0;
	padding-right: 3.5rem;
}

.faq--item.open .faq--answer {
	display: block;
}

.faq--item:last-child {
	border-bottom: none;
}

.faq--block .img--box {
	border: 1px solid var(--mercedes-grey-light);
	overflow: hidden;
	padding: 1.25rem;
	position: relative;
	width: 100%;
}

.faq--block .img--box img {
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all .25s ease;
	width: 100%;
}



/* LOGOS */
.logos ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;
}

.logo__item {
	display: flex;
	justify-content: center;
}

.logo__item--img {
	height: 60px;
	max-width: 100%;
}

/* BUTTONS */
button.btn__appointment,
a.btn__appointment {
	background-color: #EDEDED;
	border: 2px solid #EDEDED;
	border-radius: 0;
	color: #111;
	display: inline-block;
	font-family: var(--font-display);
	font-size: 1.35rem;
	font-weight: 600;
	letter-spacing: -.0125rem;
	padding: .75rem 1.25rem .55rem 1.25rem;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}

button.btn__appointment:hover,
a.btn__appointment:hover {
	background-color: #111;
	border: 2px solid #111;
	color: var(--mercedes-white);
}

button.btn__content,
a.btn__content {
	background-color: var(--mercedes-green-ui);
	border: 2px solid var(--mercedes-green-ui);
	border-radius: 0;
	color: #000;
	display: inline-block;
	font-family: 'Joyride STD', Arial, sans-serif;
	font-size: 1.35rem;
	font-weight: 600;
	letter-spacing: -.0125rem;
	padding: .75rem 1.25rem .55rem 1.25rem;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

button.btn__content:hover,
a.btn__content:hover {
	background-color: #111;
	border: 2px solid #111;
	color: var(--mercedes-white);
}

button.btn__hero,
a.btn__hero {
	background-color: var(--mercedes-green-ui);
	border: 2px solid var(--mercedes-green-ui);
	border-radius: 0;
	color: #000;
	display: inline-block;
	font-family: 'Joyride STD', Arial, sans-serif;
	font-size: 1.35rem;
	font-weight: 600;
	letter-spacing: -.0125rem;
	padding: .75rem 1.25rem .55rem 1.25rem;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

button.btn__hero:hover,
a.btn__hero:hover {
	background-color: #111;
	border: 2px solid #111;
	color: var(--mercedes-white);
}

button.btn__content--1,
a.btn__content--1 {
	background-color: #F3F3F3;
	border: 1.5px solid #F3F3F3;
	border-radius: 3rem;
	color: #000;
	display: inline-block;
	font-family: var(--font-body);
	font-size: 1.25rem;
	font-weight: 600;
	letter-spacing: .0125rem;
	padding: .5rem 1.25rem .8rem 1.25rem;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}

button.btn__content--1:hover,
a.btn__content--1:hover {
	background-color: var(--mercedes-green-ui);
	border: 1.5px solid var(--mercedes-green-ui);
	color: var(--mercedes-white);
}

button.btn__ctafooter,
a.btn__ctafooter {
	background-color: #DDD;
	border: 2px solid #DDD;
	border-radius: 0;
	color: #222;
	display: inline-block;
	font-family: var(--font-display);
	font-size: 1.35rem;
	font-weight: 600;
	letter-spacing: -.0125rem;
	padding: .75rem 1.25rem .55rem 1.25rem;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

button.btn__ctafooter:hover,
a.btn__ctafooter:hover {
	background-color: #111;
	border: 2px solid #111;
	color: var(--mercedes-white);
}

/* FOOTER */
footer {
	background: linear-gradient(to bottom, #222222 10%, #000000);
}

footer h3 {
	color: var(--mercedes-white);
	font-size: 1.75rem;
	font-weight: bold;
}

footer .footer__body ul {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
}

footer .footer__end ul {
	display: flex;
	flex-direction: row;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer__body .row {
	padding-left: 5%;
}

.footer__end a {
	color: #FFFFFF60;
	font-family: var(--font-body);
	font-size: .95rem;
	font-weight: 400;
	letter-spacing: -.0125rem;
	line-height: 1;
	transition: color .2s ease-in-out;
}

.footer__end a:hover {
	color: #FFFFFF;
}

.footer__heading {
	font-size: 1.25rem;
	margin-bottom: .75rem;
}

.footer__link {
	padding-bottom: .25rem;
	padding-top: .25rem;
}

.footer__link--item {
	color: var(--mercedes-white-soft);
	font-family: var(--font-body);
	font-size: 1.25rem;
	font-weight: 400;
	letter-spacing: -.0125rem;
	line-height: 1;
	transition: color .2s ease-in-out;
}

.footer__link--item:hover {
	color: var(--mercedes-green-ui);
}

.footer__logo .footer--logo {
	height: auto;
	width: 100%;
}

.footer__text {
	padding-bottom: .25rem;
	padding-top: .25rem;
}

.footer__text p {
	color: var(--mercedes-white-soft);
	font-family: var(--font-body);
	font-size: 1.25rem;
	font-weight: 400;
	letter-spacing: -.0125rem;
	line-height: 1;
}

.footer__top {
	background: linear-gradient(to right,
			#222222 0%,
			#222222 5%,
			#FF9F0A 5%,
			#FF9F0A 10%,
			#D7DADF 10%,
			#D7DADF 15%,
			#F6F6F6 15%,
			#F6F6F6 100%);
}


/* /FOOTER */