/* ### BASE ### */
:root {
	--primary-color: #2DC84D;
	--primary-color-hover: #2ABB47;
	--text: #636B70;
	--white: #FFFFFF;
	--off-white: #F8F8F8;
}

a { transition: ease-in-out .35s; }

.uk-navbar-container:not(.uk-navbar-transparent) { background: transparent; }

.pulse-primary:after {
    content: '';
    display: inline-block;
    background: var(--primary-color);
    box-shadow: 0 0 0 0 rgb(45 200 77);
    border-radius: 50%;
    height: 15px;
    width: 15px;
    margin: 0 0 3px 3px;
    transform: scale(1);
    animation: pulse-primary 2s infinite;
}
@keyframes pulse-primary {
	0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(45, 200, 77, 0.7); }
	75% { transform: scale(1); box-shadow: 0 0 0 5px rgba(45, 200, 77, 0); }
	100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(45, 200, 77, 0); }
}

@media (max-width: 959px) {
	.desktop-only { padding-top: 0; padding-bottom: 70px; }
	.counter-desktop-only { padding-top: 0; padding-bottom: 0; }
}
/* ### BASE ### */

/* ### TOOLBAR ### */
.tm-toolbar { position: relative; z-index: 99; background: #636B70; padding: 12px 0; }
.tm-toolbar .uk-first-column,
.tm-toolbar .uk-panel,
.tm-toolbar .textwidget { width: 100%; }
.tm-toolbar .textwidget > div { display: flex; justify-content: space-between; align-items: center; }
.tm-toolbar .textwidget .reviews,
.tm-toolbar .textwidget .contact { display: flex; gap: 30px; }
.tm-toolbar .textwidget .reviews { justify-content: flex-start; }
.tm-toolbar .textwidget .contact { justify-content: flex-end; }

.google { display: flex; flex-direction: row; gap: 10px; }
.google:focus,
.google:hover { text-decoration: none; }
.google img { width: 22px; }
.google .stars { display: flex; gap: 3px; }
.google .stars img { width: 12px; }

.tm-toolbar .textwidget .contact div { display: flex; align-items: center; gap: 7px; }
.tm-toolbar .textwidget .contact div:first-child img { height: 15px; }
.tm-toolbar .textwidget .contact div:nth-child(2) img { height: 11px; }
.tm-toolbar a { font-size: 13px; font-weight: 600; transition: ease-in-out .35s; }
.tm-toolbar a:focus,
.tm-toolbar a:hover { color: var(--primary-color-hover); text-decoration: none; }
/* ### TOOLBAR ### */

/* ### NAVIGATION ### */
.tm-header .uk-sticky { box-shadow: none; padding-top: 30px; transition: ease-in-out .35s; }
.tm-header .uk-sticky-fixed { position: relative; z-index: 1000; background: var(--white); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 15px 0; }
.tm-header .uk-sticky-fixed img { height: 55px; transition: ease-in-out .35s; }
/* ### NAVIGATION ### */

/* ### MOBILE NAVIGATION ### */
.tm-header-mobile .uk-logo img { width: 150px; }

.uk-navbar-toggle svg { color: var(--primary-color); width: 25px; }

.tm-header-mobile .uk-sticky { padding-top: 15px; transition: ease-in-out .35s; }
.tm-header-mobile .uk-sticky-below { position: relative; z-index: 1000; background: var(--white); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 15px 0; }
.tm-header-mobile .uk-grid-margin .uk-grid { flex-direction: column-reverse; }
.tm-header-mobile ul { display: flex; flex-direction: column; gap: 12px; padding: 0; }
.tm-header-mobile ul li a { padding: 0; }
.tm-header-mobile ul li .uk-nav-sub { gap: 5px; padding: 12px 0 18px; }

.tm-header-mobile ul li.uk-open > a { color: var(--primary-color); }
.tm-header-mobile .uk-nav li.uk-parent a { gap: 5px; }
.tm-header-mobile .uk-nav li a .uk-nav-parent-icon { position: relative; top: 1px; margin: 0 }
.tm-header-mobile .uk-nav li a .uk-nav-parent-icon svg polyline { stroke-width: 1.75; }

.tm-header-mobile #nav_menu-3 ul { gap: 5px; }
.tm-header-mobile .uk-grid-margin .uk-grid > div:last-child ul { flex-direction: row; justify-content: center; gap: 15px; }
.tm-header-mobile .uk-grid-margin .uk-grid > div:last-child ul li a img { height: 16px; width: auto; }
.tm-header-mobile .uk-grid-margin .uk-grid > div:last-child ul li a img:focus,
.tm-header-mobile .uk-grid-margin .uk-grid > div:last-child ul li a img:hover {
	filter: brightness(0) saturate(100%) invert(47%) sepia(17%) saturate(1497%) hue-rotate(74deg) brightness(102%) contrast(93%);
}

.uk-mobile-button {
	display: block;
    line-height: 40px;
    font-size: 13px;
    padding: 0 20px;
}

#tm-dialog-mobile .textwidget div { display: revert; flex-direction: column; gap: 5px; }
#tm-dialog-mobile .textwidget div a { color: var(--text); font-weight: 600; transition: ease-in-out .35s; }
#tm-dialog-mobile .textwidget div a:focus,
#tm-dialog-mobile .textwidget div a:hover { color: var(--primary-color-hover); text-decoration: none; }
#tm-dialog-mobile .textwidget span img { filter: brightness(0) saturate(100%) invert(78%) sepia(18%) saturate(7151%) hue-rotate(78deg) brightness(94%) contrast(76%); }
#tm-dialog-mobile .textwidget span { display: flex; justify-content: center; align-items: center; gap: 7px; }
#tm-dialog-mobile .textwidget span:first-child img { height: 15px; }
#tm-dialog-mobile .textwidget span:nth-child(2) img { height: 11px; }
/* ### MOBILE NAVIGATION ### */

/* ### HERO ### */
#tm-main { position: relative; }

.hero {
	position: relative;
	z-index: 2;
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}

.hero-image { position: relative; z-index: 2; }

.background-circle {
	content: '';
    position: absolute;
    z-index: 1;
    top: -150px;
	left: -400px;
	bottom: 0;
    display: block;
    width: 1000px;
	background: transparent;
	transform: rotate(-50deg);
	margin: 0 !important;
}

.hero .left h1 span { color: var(--primary-color); }

.hero .right .hero-image img {
	position: absolute;
	top: -175px;
	right: -150px;
	bottom: 0;
	max-width: 900px;
	height: auto;
}

@media (max-width: 959px) {
	.hero { padding-top: 0 !important; padding-bottom: 40px !important; }
	.hero .uk-container > .uk-grid { flex-direction: column-reverse; }
	.hero .right .hero-image img { position: unset; max-width: 100%; }
	.background-circle { top: 75px; right: 0; bottom: 0; left: 0; width: 500px; margin: auto !important; }
}
@media (max-width: 639px) {
	.background-circle { width: 500px; top: -150px; }
}
/* ### HERO ### */

/* ### BUTTON ### */
.uk-button-primary span { font-family: 'Lora'; }
/* ### BUTTON ### */

/* ### SO ARBEITEN WIR ### */
.so-arbeiten-wir {
	position: relative;
	z-index: 999;
    background: #F8F8F8;
	padding-top: 40px;
	padding-bottom: 50px;
}

.so-arbeiten-wir .video-thumbnail { position: relative; }
.so-arbeiten-wir .video-thumbnail img {
	position: absolute;
	top: -250px;
    width: 100%;
    height: 550px;
    object-fit: cover;
	overflow: visible;
}

.so-arbeiten-wir .illustration img {
	position: absolute;
    top: -75px;
    right: 25px;
    width: 250px;
    object-fit: cover;
    overflow: visible;
}

@media (max-width: 1199px) {
	.so-arbeiten-wir { padding-top: 20px; padding-bottom: 20px; }
	
	.so-arbeiten-wir .video-thumbnail img { position: unset; width: 100%; height: 100%; }
	.so-arbeiten-wir .illustration-container { display: none; }
}
@media (max-width: 959px) {
	.so-arbeiten-wir { padding-top: 0; padding-bottom: 40px; }
}
/* ### SO ARBEITEN WIR ### */

/* ### VIDEO THUMB ### */
.video-thumb { position: relative; }
.video-thumb img { border-radius: 25px; }

.video-play-button {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	box-sizing: content-box;
	display: block;
	width: 15px;
	height: 20px;
	border-radius: 50%;
	padding: 20px 15px 20px 20px;
}

.video-play-button:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: var(--primary-color);
	border-radius: 50%;
	animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 90px;
	height: 90px;
	background: var(--primary-color);
	border: 2px solid var(--white);
	border-radius: 50%;
	transition: all 200ms;
}

.video-play-button:hover:after {
	background-color: darken(#33A83B, 10%);
}

.video-play-button img {
	position: relative;
	z-index: 3;
	max-width: 100%;
	width: auto;
	height: auto;
}

.video-play-button span {
	display: block;
	position: relative;
	z-index: 3;
	width: 0;
	height: 0;
	border-left: 15px solid var(--white);
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@media (max-width: 639px) {
	.video-play-button { top: 45%; }
	.video-play-button:before { width: 50px; height: 50px; }
	.video-play-button:after { width: 60px; height: 60px; }
}
/* ### VIDEO THUMB ### */

/* ### COUNTER ### */
.counter .fs-counter { margin-top: 0 !important; }
.counter .el-suffix { color: var(--primary-color); }

@media (max-width: 959px) {
	.counter .uk-grid { gap: 30px; }
}
/* ### COUNTER ### */

/* ### DEINE WAHL ### */
.deine-wahl h2 {
	color: transparent;
	-webkit-text-stroke: 1.5px var(--primary-color);
}

.deine-wahl.background h2 { -webkit-text-stroke: 1.5px var(--white); }

.deine-wahl.background .uk-h5,
.deine-wahl.background .uk-h6 { color: var(--white); }
.deine-wahl.background .lf-card:focus .uk-h5,
.deine-wahl.background .lf-card:hover .uk-h5 { color: var(--primary-color); }

@media (max-width: 639px) {
	.deine-wahl h2 { font-size: 52px; -webkit-text-stroke: 1px var(--primary-color); }
}
/* ### DEINE WAHL ### */

/* ### TESTIMONIALS ### */
.testiomonials-container { position: relative; z-index: 999; }
.testimonials .uk-card-secondary { background: var(--white); }

.testimonials .el-item .el-title,
.testimonials .el-item .el-content { color: var(--text); margin: 0 30px; }
.testimonials .el-item .el-content { margin-bottom: 30px; }

.testimonials .el-item picture { position: relative; }
.testimonials .el-item picture:after {
	content: '';
	position: absolute;
	z-index: 999;
	top: 110px;
	right: 15px;
	display: block;
	background: url('/wp-content/uploads/quote.svg') no-repeat;
	width: 41px;
	height: 35px;
}
.testimonials .el-item picture img { height: 250px; object-fit: cover; }

@media (max-width: 639px) {
	.testimonials .el-item .el-title,
	.testimonials .el-item .el-content { margin: 0 20px; }
	.testimonials .el-item .el-content { margin-bottom: 20px; }
}
/* ### TESTIMONIALS ### */

/* ### HOW TO ### */
.how-to { position: relative; }
.how-to .background-circle { right: -400px; left: unset; }

.how-to .how-to-content { position: relative; z-index: 999; }

.how-to .features { display: flex; flex-direction: column; gap: 20px; }
.how-to .feature {
	display: grid;
	grid-template-columns: 30px auto;
	align-items: center;
	gap: 12px;
	background: var(--off-white);
	border-radius: 10px;
	padding: 25px;
}
.how-to .feature .uk-h5 { margin: 0; }
/* ### HOW TO ### */

/* ### VERGLEICH ### */
.vergleich { position: relative; }
.vergleich h2 {
	color: transparent;
	-webkit-text-stroke: 1.5px var(--primary-color);
}

.vergleich-liste { display: grid; gap: 20px; margin-top: 20px; }
.vergleich-liste div {
	display: grid;
    grid-template-columns: 30px auto;
    align-items: center;
    gap: 12px;
	border-radius: 10px;
    padding: 30px;
}

.vergleich-liste.left:after,
.vergleich-liste.right:after {
	content: '';
    position: absolute;
    z-index: 998;
    top: 0;
	bottom: 0;
    display: block;
    height: 100%;
	width: 500px;
	background-size: cover !important;
	margin: 0 !important;
}

.vergleich-liste.left:after { left: 0; background: url('/wp-content/uploads/red-gradient-scaled.png') no-repeat; }
.vergleich-liste.right:after { right: 0; background: url('/wp-content/uploads/green-gradient-scaled.png') no-repeat; }

.vergleich-liste.left div { background: rgba(255 0 0 / 7%); }
.vergleich-liste.right div { background: rgba(45 200 77 / 7%); }
.vergleich-liste div img {
	height: 30px;
	padding: 7px;
}
.vergleich-liste.left div img {
	background: rgba(255 0 0 / 20%);
	filter: brightness(0) saturate(100%) invert(12%) sepia(98%) saturate(6401%) hue-rotate(3deg) brightness(105%) contrast(114%);
}
.vergleich-liste.right div img { background: rgba(45 200 77 / 20%); }
.vergleich-liste div span { font-family: 'Russo One'; font-size: 16px; text-transform: uppercase; }

@media (max-width: 959px) {
	.vergleich-liste.left:after,
	.vergleich-liste.right:after { display: none; }
}
@media (max-width: 639px) {
	.vergleich h2 { font-size: 52px; -webkit-text-stroke: 1px var(--primary-color); }
}
/* ### VERGLEICH ### */

/* ### WAY ### */
.way { position: relative; }
.way .background-circle { top: 200px; left: -550px; }

.way .way-content { position: relative; z-index: 999; }

.way .step-by-step .el-item { position: relative; }
.way .step-by-step .el-item:after {
	content: '';
	position: absolute;
	top: 26.5px;
	right: -32.5px;
	display: block;
	background: url('/wp-content/uploads/arrow-right.svg') no-repeat;
	width: 25px;
	height: 21px;
}
.way .step-by-step .uk-grid div:last-child .el-item:after { display: none; }

@media (max-width: 959px) {
	.way .step-by-step .el-item:after { right: -23px; }
	.way .step-by-step .uk-grid div:nth-child(3) .el-item:after { display: none; }
}
@media (max-width: 639px) {
	.way .step-by-step .el-item:after { display: none; }
}
/* ### WAY ### */

/* ### GRUNDSATZ ### */
.grundsatz h2 {
	color: transparent;
	-webkit-text-stroke: 1.5px var(--primary-color);
}

.grundsatz .headline { display: grid; grid-template-columns: 30px auto; gap: 12px; align-items: center; }
.grundsatz .headline .uk-h3 { font-size: 22px; text-transform: uppercase; margin: 0; }

.grundsatz .image-underlay { position: relative; }
.grundsatz .image-underlay:after {
	content: '';
	position: absolute;
	z-index: 1;
	right: -20px;
	bottom: -20px;
	display: block;
	width: 100%;
	height: 100%;
	background: var(--off-white);
}
.grundsatz .image-underlay img { position: relative; z-index: 2; }

.grundsatz .background { position: relative; }
.grundsatz .background:after {
	content: '';
	position: absolute;
	bottom: -100px;
	z-index: 1;
	display: block;
	width: 500px;
	height: 400px;
}
.grundsatz .background.bg-1:after { background: url('/wp-content/uploads/dein-fahrzeug-dein-stil_bg.svg') no-repeat; right: -100px; }
.grundsatz .background.bg-2:after { background: url('/wp-content/uploads/praezision-die-man-sieht_bg.svg') no-repeat; left: 0; }
.grundsatz .background.bg-3:after { background: url('/wp-content/uploads/langlebigkeit-die-zaehlt_bg.svg') no-repeat; right: -100px; }
.grundsatz .background .uk-panel { position: relative; z-index: 2; }

@media (max-width: 959px) {
	.grundsatz .flex-reverse { flex-direction: column-reverse; }
	.grundsatz .image-underlay:after { right: -10px; bottom: -10px; }
}
@media (max-width: 639px) {
	.grundsatz h2 { font-size: 52px; -webkit-text-stroke: 1px var(--primary-color); }
}
/* ### GRUNDSATZ ### */

/* ### FAQ ### */
.faq .uk-accordion { display: grid; gap: 20px; }
.faq .uk-accordion .el-item {
	background: var(--off-white);
	border: 1px solid rgba(99, 107, 112, 0.1);
	border-radius: 10px;
	padding: 0;
}

.faq .uk-accordion .el-item .el-content { color: var(--text); }
.faq .uk-accordion .el-item .uk-accordion-title {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	border-radius: 25px;
	padding: 25px;
	transition: ease-in-out .35s;
}
.faq .uk-accordion .el-item.uk-open .uk-accordion-title,
.faq .uk-accordion .el-item .uk-accordion-title:focus,
.faq .uk-accordion .el-item .uk-accordion-title:hover { color: var(--primary-color); }
.faq .uk-accordion .el-item .uk-accordion-content { padding: 0 25px 20px 25px; margin: 0; }

.faq .uk-accordion-title { position: relative; top: 1.5px; }
.faq .uk-accordion-title:before {
	content: '';
    width: 17px;
    height: 23px;
    background: url(/wp-content/uploads/plus.svg) no-repeat;
	background-position: center;
	margin-left: 0;
}
.faq .uk-open > .uk-accordion-title:before {
	position: relative;
	top: 3px;
	background: url(/wp-content/uploads/minus.svg) no-repeat;
}
.faq .uk-accordion-title:focus:before,
.faq .uk-accordion-title:hover:before {
	filter: brightness(0) saturate(100%) invert(46%) sepia(94%) saturate(396%) hue-rotate(74deg) brightness(96%) contrast(87%);
}

@media (max-width: 959px) {
	.faq .uk-accordion .el-item .uk-accordion-title { flex-direction: unset; justify-content: flex-start; }
	.faq .uk-accordion-title:before { display: none; }
}
/* ### FAQ ### */

/* ### MAP ### */
.map { position: relative; overflow: hidden; }
.map:after {
	content: '';
    position: absolute;
    top: -25px;
    z-index: 1;
    display: block;
    width: 300px;
    height: 375px;
	background: url('/wp-content/uploads/lucation_bg.svg') no-repeat;
}

.map .headline { display: grid; grid-template-columns: 30px auto; gap: 12px; align-items: center; }
.map .headline .uk-h3 { font-size: 22px; text-transform: uppercase; margin: 0; }

.map .leaflet-container { border-radius: 10px; }
.map .leaflet-control-zoom,
.map .leaflet-bottom { display: none; }
/* ### MAP ### */

/* ### FOOTER ### */
footer,
footer .uk-nav-default > li > a { color: var(--white); }

footer { position: relative; z-index: 999; }
footer:after {
	content: '';
    position: absolute;
    z-index: 998;
    right: 0;
    bottom: 0;
    display: block;
    background: url(/wp-content/uploads/der-fahrzeugfolierer_white-logo.svg) no-repeat;
	background-position: bottom -25px right -25px;
    width: 1000px;
    height: 100%;
	opacity: .05;
}

footer .uk-section { padding-top: 70px; }
footer .uk-container { position: relative; z-index: 999; }

footer ul li a {
	font-family: 'Inter';
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
}

.footer-contact { display: revert; flex-direction: column; gap: 5px; }
.footer-contact a { color: var(--white); font-weight: 400; transition: ease-in-out .35s; }
.footer-contact a:focus,
.footer-contact a:hover { color: var(--primary-color-hover); text-decoration: none; }
.footer-contact span { display: flex; justify-content: flex-end; align-items: center; gap: 7px; }
.footer-contact span:first-child img { height: 15px; }
.footer-contact span:nth-child(2) img { height: 11px; }

.social-nav { display: flex; justify-content: flex-end; align-items: center; gap: 15px; margin-top: 20px; }
.social-nav img { height: 18px; }
.social-nav a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: var(--primary-color);
	border-radius: 20px;
	transition: ease-in-out .35s;
}
.social-nav a:focus,
.social-nav a:hover {
	background: var(--primary-color-hover);
}

.footer-bottom { display: flex; justify-content: space-between; }
.footer-bottom .footer-logo img { height: 55px; }

@media (max-width: 959px) {
	.footer-contact span,
	.social-nav,
	.footer-bottom .google,
	footer .uk-nav-default > li > a { justify-content: center; }
	.footer-bottom .footer-logo { display: none; }
	.footer-address { margin-top: 40px; }
	.social-nav { margin-bottom: 40px !important; }
}
/* ### FOOTER ### */

/* ### DATENSCHUTZ ### */
.page-id-78 h3,
.page-id-78 .uk-h3 { text-transform: uppercase; }
/* ### DATENSCHUTZ ### */

/* russo-one-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/russo-one-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/inter-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/inter-v18-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/inter-v18-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lora-v35-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}