/*
Theme Name:   UserMindTheme
Description:  Schreibe hier eine kurze Beschreibung über dein Child-Theme
Author:       usermind
Author URL:   https://www.user-mind.de/
Template:     hello-elementor
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  UserMindTheme
*/


/* =================================================================
 * CSS VARIABLEN
 * ================================================================= */

:root {
  /* Scroll & Header-Animationen */
  --scroll-progress: 0;
  --home-glass-base: 0;      /* 0 = transparent, 1 = leichte Basis aktiv */
  --stickyheaders-h: 90px;   /* Fallback-Höhe des Sticky-Headers */
  --headerup-hide: 270px;    /* Fallback-Verschiebung beim Header-Hide */

  /* Truck-Swap Overlay-Animationen (deaktiviert, da Overlays auskommentiert) */
  /* --swap2-progress: 0; */
  /* --swap3-progress: 0; */
}


/* =================================================================
 * TYPOGRAPHIE & BASIS-STILE
 * ================================================================= */

p, h1, h2, h3, h4, h5, h6 {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

b, strong {
  font-weight: bold !important;
}

label {
  padding-left: 6px;
  vertical-align: baseline !important;
}

#job li {
  margin-bottom: 10px !important;
}

.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {
  margin: 7px 0 10px 4px;
}


/* =================================================================
 * HEADER — STICKY, GLAS-EFFEKT, HIDE-ON-SCROLL
 * ================================================================= */

/* Sticky-Header: bleibt transparent, damit Kinder eigenes Backdrop bluren können */
#stickyheaders,
#stickyheaders_startseite {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 0 !important;

  position: relative;
  isolation: isolate;
}

/* Inhalte über dem Glas-Layer positionieren */
#stickyheaders > *,
#stickyheaders_startseite > * {
  position: relative;
  z-index: 1;
}

/* Smoothere Slide-Animation (Header runter/hoch) */
#stickyheaders,
#stickyheaders_startseite {
  transition: transform 0.65s cubic-bezier(.22, .61, .36, 1) !important;
  will-change: transform;
}

/* Klasse, die per JS gesetzt wird, um den Header auszublenden */
.headerup {
  transform: translateY(calc(-1 * var(--headerup-hide))) !important;
}


/* ------------------------------------------------------------------
   Glas-Layer: normaler Header (mit fester Basis + Scroll-Add)
   ------------------------------------------------------------------ */

#stickyheaders::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;

  /* Basis-Werte (immer aktiv) */
  --glass-bg-base:     0.18;
  --glass-blur-base:   8px;
  --glass-sat-base:    135%;
  --glass-border-base: 0.08;

  /* Add-on (wächst mit Scroll-Progress) */
  --glass-bg-add:     0.37;
  --glass-blur-add:   16px;
  --glass-sat-add:    45%;
  --glass-border-add: 0.05;

  background: rgba(255, 255, 255,
    calc(var(--glass-bg-base) + (var(--glass-bg-add) * var(--scroll-progress)))
  );

  backdrop-filter:
    blur(calc(var(--glass-blur-base) + (var(--glass-blur-add) * var(--scroll-progress))))
    saturate(calc(var(--glass-sat-base) + (var(--glass-sat-add) * var(--scroll-progress))));

  -webkit-backdrop-filter:
    blur(calc(var(--glass-blur-base) + (var(--glass-blur-add) * var(--scroll-progress))))
    saturate(calc(var(--glass-sat-base) + (var(--glass-sat-add) * var(--scroll-progress))));

  border-bottom: 1px solid rgba(0, 0, 0,
    calc(var(--glass-border-base) + (var(--glass-border-add) * var(--scroll-progress)))
  );
}


/* ------------------------------------------------------------------
   Glas-Layer: Startseite (keine Basis — komplett transparent im
   Ausgangszustand; Basis wird per --home-glass-base zugeschaltet)
   ------------------------------------------------------------------ */

#stickyheaders_startseite::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;

  /* Basis wird über --home-glass-base (0|1) ein-/ausgeschaltet */
  --glass-bg-base:     calc(0.18 * var(--home-glass-base));
  --glass-blur-base:   calc(8px  * var(--home-glass-base));
  --glass-sat-base:    calc(135% * var(--home-glass-base));
  --glass-border-base: calc(0.08 * var(--home-glass-base));

  /* Add-on (wie gehabt, per Scroll) */
  --glass-bg-add:     0.55;
  --glass-blur-add:   24px;
  --glass-sat-add:    80%;
  --glass-border-add: 0.06;

  background: rgba(255, 255, 255,
    calc(var(--glass-bg-base) + (var(--glass-bg-add) * var(--scroll-progress)))
  );

  backdrop-filter:
    blur(calc(var(--glass-blur-base) + (var(--glass-blur-add) * var(--scroll-progress))))
    saturate(calc(100% + (var(--glass-sat-base) + (var(--glass-sat-add) * var(--scroll-progress)))));

  -webkit-backdrop-filter:
    blur(calc(var(--glass-blur-base) + (var(--glass-blur-add) * var(--scroll-progress))))
    saturate(calc(100% + (var(--glass-sat-base) + (var(--glass-sat-add) * var(--scroll-progress)))));

  border-bottom: 1px solid rgba(0, 0, 0,
    calc(var(--glass-border-base) + (var(--glass-border-add) * var(--scroll-progress)))
  );
}


/* =================================================================
 * NAVIGATION
 * ================================================================= */

/* Menü-Hintergrund (scrollabhängige Transparenz) */
#um_menue {
  background-color: rgba(255, 255, 255,
    calc(0.54 * (1 - var(--scroll-progress))));
}

#um_menue .elementor-menu-toggle {
  background-color: transparent !important;
}

/* Hamburger-Icon Farben */
.um_menue_transparent .elementor-menu-toggle i {
  color: white;
}

.um_menue .elementor-menu-toggle i {
  color: black;
}

/* Header-Icon Farben */
.um_header_item i {
  color: black;
}

/* Dropdown-Navigation: Milchglas */
#um_nav nav .sub-menu.elementor-nav-menu--dropdown.sm-nowrap {
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}

/* Aktiver Zustand (z.B. Menü geöffnet) */
.um-active {
  .elementor-item {
    color: #000000 !important;
  }
  .um_header_item_transparent i {
    color: black !important;
  }
  .elementor-nav-menu a {
    color: black;
  }
}


/* =================================================================
 * HERO-SECTION
 * ================================================================= */

#um_hero_shot {
  top: -18px;
  height: 46vw;
  overflow: hidden;
}

/* Hintergrundbild für spezifischen Elementor-Abschnitt */
.elementor-819 .elementor-element.elementor-element-46872e76:not(.elementor-motion-effects-element-type-background),
.elementor-819 .elementor-element.elementor-element-46872e76 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: var(--e-global-color-2e389b6);
  background: url(/wp-content/uploads/2026/02/0_Road_Truck_3840x2160_4_4.webp) 50% 50% !important;
  background-size: cover !important;
}

/* Shape-Layer über dem Hero-Bild */
#um_hero_shot .elementor-shape {
  z-index: 9;
}

/* Overlay: standardmäßig unsichtbar, wird nach Page-Load eingeblendet */
#um_hero_shot::before,
#um_hero_shot > .elementor-background-video-container::before,
#um_hero_shot > .e-con-inner > .elementor-background-video-container::before,
#um_hero_shot > .elementor-background-slideshow::before,
#um_hero_shot > .e-con-inner > .elementor-background-slideshow::before,
#um_hero_shot > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
  visibility: hidden;
  opacity: 0;
  transition: opacity 2s ease-in, visibility 2s ease-in;
  background-color: transparent;
  --background-overlay: '';
  background-image: radial-gradient(at center center, #0000004D 30%, #FFFFFF00 60%);
  top: clamp(40px, 2vw, 260px);
  z-index: 9;
}

/* Overlay nach vollständigem Laden sichtbar machen */
#um_hero_shot.loaded::before,
#um_hero_shot > .elementor-background-video-container.loaded::before,
#um_hero_shot > .e-con-inner > .elementor-background-video-container.loaded::before,
#um_hero_shot > .elementor-background-slideshow.loaded::before,
#um_hero_shot > .e-con-inner > .elementor-background-slideshow.loaded::before,
#um_hero_shot > .elementor-motion-effects-container > .elementor-motion-effects-layer.loaded::before {
  visibility: visible;
  opacity: 1;
}


/* =================================================================
 * TRUCK-SWAP (Scroll-gesteuerter Bild-Wechsel)
 * ================================================================= */

.truck-swap {
  height: 34vw !important;
  max-height: 800px !important;
  overflow: hidden !important;
}

/* Damit Pseudo-Elemente sauber absolut liegen */
.truck-swap .elementor-motion-effects-layer {
  position: relative !important;
}

/* Overlay Bild 2 & 3 (deaktiviert — bei Bedarf einkommentieren)
.truck-swap .elementor-motion-effects-layer::before{
  content: "" !important;
  display: block !important;

  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;

  background-image: url("/wp-content/uploads/2026/03/d-lox_lkw_02-scaled.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;

  opacity: var(--swap2-progress) !important;
  transition: opacity 0.2s linear;
}

.truck-swap .elementor-motion-effects-layer::after{
  content: "" !important;
  display: block !important;

  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 6;

  background-image: url("/wp-content/uploads/2026/03/d-lox_lkw_03-scaled.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;

  opacity: var(--swap3-progress) !important;
  transition: opacity 0.2s linear;
}
*/


/* =================================================================
 * GLASS CARD — Komponenten
 * ================================================================= */

/* Dunkle Glasskarte */
#glass-card {
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.15),
    inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

/* Helle Glasskarte (nur Schatten, kein Blur) */
#glass-card-light {
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.15),
    inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}


/* =================================================================
 * HOVERBOX — Glasskarte mit Hover-Effekt
 * ================================================================= */

/* Basis-Stil Hoverbox PDF */
#um_hoverbox_pdf {
  background: transparent linear-gradient(180deg, #FFFFFF80 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  box-shadow: inset 1px 1px 0px #FFFFFF;
  border-radius: 10px;
  opacity: 1;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Hover: Hintergrund wechselt zu Markenfarbe */
#um_hoverbox_pdf:hover {
  background: #2B2598;
  box-shadow: inset 0px 0px 0px #FFFFFF;
}

/* Hover: Text-Farben weiß */
#um_hoverbox_pdf:hover p,
#um_hoverbox_pdf:hover h3,
#um_hoverbox_pdf:hover h3 a,
#um_hoverbox_pdf:hover .elementor-icon-list-text,
#um_hoverbox_pdf:hover .elementor-icon-box-title {
  color: white !important;
}

/* Hover: Icon-Farbe Akzentfarbe */
#um_hoverbox_pdf:hover .elementor-icon-list-icon i {
  color: var(--e-global-color-accent) !important;
}

/* Allgemeine Hoverbox mit Shimmer-Gradient-Rand */
.elementor-element.um_hoverbox {
  position: relative;
  z-index: 1;
  background: #f2f2f2;
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.elementor-element.um_hoverbox::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: linear-gradient(120deg, #F4F4F4, #8CCC6B, #F4F4F4);
  background-size: 300% 300%;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.6s ease;
}

.elementor-element.um_hoverbox:hover::before {
  opacity: 1;
  animation: shimmerPauseTopLeft 4.6s linear infinite;
}

.elementor-element.um_hoverbox:hover {
  transform: scale(1.01);
  z-index: 10;
}

@keyframes shimmerPauseTopLeft {
  0%   { background-position: 0% 0%; }
  65%  { background-position: 100% 100%; }
  85%  { background-position: 100% 100%; }
  100% { background-position: 0% 0%; }
}


/* =================================================================
 * HOVER NEWS CAROUSEL
 * ================================================================= */

#um_hover_news .owl-item.uc-active-item.active,
#um_hover_news .owl-item.active {
  margin-bottom: 46px;
}

#um_hover_news .uc_image_carousel_container_holder.uc_carousel_item.ue-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 26px -12px rgba(0, 0, 0, 0.36);
}


/* =================================================================
 * HOTSPOTS — Tablet & Desktop
 * ================================================================= */

/* Cursor deaktivieren (Hotspot-Links nicht klickbar) */
#um_hotspots_tablet a {
  cursor: unset !important;
}

/* Basis-Masken-Einstellungen für alle Hotspot-Bilder */
#um_hotspots_tablet img {
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
}

/* Individuelle Masken je Bereich */
.um_hotspots_paketzustellung img {
  -webkit-mask-image: url('/wp-content/plugins/elementor/assets/mask-shapes/blob.svg');
}

.um_hotspots_transport_logistik img {
  -webkit-mask-size: 72% !important;
  -webkit-mask-image: url('/wp-content/uploads/2026/02/stone_11322647.svg');
}

.um_hotspots_baustellenarbeiten img {
  -webkit-mask-size: 82% !important;
  -webkit-mask-image: url('/wp-content/uploads/2026/02/broad-bean_149.svg');
}

.um_hotspots_externes_lager img {
  -webkit-mask-size: 94% !important;
  -webkit-mask-image: url('/wp-content/uploads/2026/02/cloud_17586991.svg');
}

.um_hotspots_fuhrpark_werkstatt img {
  /* -webkit-mask-size: 70% !important; */
  -webkit-mask-image: url('/wp-content/uploads/2026/02/photo_16554650.svg');
}

/* Tooltip-Styling */
#um_hotspots_tablet .tooltipster-box {
  background: transparent linear-gradient(180deg, #FFFFFF80 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box !important;
  box-shadow: inset 1px 1px 0px #FFFFFF !important;
  border-radius: 10px !important;
  opacity: 1 !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

#um_hotspots_tablet .tooltipster-sidetip .tooltipster-box {
  border: none !important;
}

/* Hotspot-Punkt und Pfeil nur im Desktop-Modus anzeigen */
#um_hotspots_tablet:not(.um_hotspots_desktop) .spot:before,
#um_hotspots_tablet .tooltipster-arrow,
#um_hotspots_tablet .tooltipster-arrow-uncropped {
  display: none !important;
}

.um_hotspots_desktop .spot:before {
  display: inline-block !important;
}

/* Tooltip-Inhalt & Bereichs-Content */
#um_hotspots_tablet .tooltipster-content,
#um_area_content {
  text-align: center !important;
  padding: 10px !important;
  font-family: 'Michroma_02', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

#um_hotspots_tablet .tooltipster-content strong,
#um_area_content strong {
  padding-bottom: 8px !important;
  display: block !important;
  font-weight: 700 !important;
}


/* =================================================================
 * GALERIE
 * ================================================================= */

#um_gallery {
  overflow: hidden !important;
}

#um_gallery .gallery-item img {
  height: 180px;
  object-fit: cover;
}


/* =================================================================
 * FOOTER
 * ================================================================= */

#um_footer_image * {
  border-radius: 18px;
}

#um_footer_formular a {
  color: #6EBF45;
}

#um_footer_formular button:hover {
  transform: scale(1.04);
  transition: transform 0.3s ease;
}

#um_footer_formular label, input, textarea {
  font-size: 0.8rem !important;
}


/* =================================================================
 * MEDIA QUERIES
 *
 * UserMind: Zusätzliche Mobile Breakpoints absteigend einordnen
 * Keine Breakpoints im regulären CSS einbinden!
 * ================================================================= */

/* Tablet: Hamburger-Navigation Milchglas */
@media (max-width: 1024px) {
  #um_nav nav {
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
  }

  #um_nav nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    margin-top: calc((var(--stickyheaders-h) * 0.5) - 19px) !important;
  }
}

/* Breakpoint: bis 1239px */
@media screen and (max-width: 1239px) {

}

/* Breakpoint: bis 1024px */
@media screen and (max-width: 1024px) {

}

/* Breakpoint: bis 959px */
@media screen and (max-width: 959px) {

}

/* iPad (bis 767px) */
@media screen and (max-width: 767px) {

  /* Logo-Größe: Mobile */
  #um_logo img,
  #um_logo_startseite img {
    width: calc(30vw - (300px * var(--scroll-progress))) !important;
    min-width: 80px !important;
    transition: width .2s linear;
  }

  #um_header_image {
    top: -200px;
  }

  /* Truck-Swap Overlay Mobile: Bild größer skalieren */
  .truck-swap .elementor-motion-effects-layer::before {
    background-size: 150% auto !important;
  }

  .truck-swap .elementor-motion-effects-layer::after {
    background-size: 150% auto !important;
  }
}

/* Tablet (768px – 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  #um_logo img,
  #um_logo_startseite img {
    width: calc(18vw - (300px * var(--scroll-progress))) !important;
    min-width: 100px !important;
    transition: width .2s linear;
  }

  #um_header_image {
    top: -100px;
  }
}

/* Desktop (ab 1025px) */
@media (min-width: 1025px) {
  #um_logo img {
    width: calc(12vw - (300px * var(--scroll-progress))) !important;
    min-width: 125px !important;
    transition: width .2s linear;
  }

  #um_logo_startseite img {
    width: calc(18vw - (300px * var(--scroll-progress))) !important;
    min-width: 125px !important;
    transition: width .2s linear;
  }

  #um_header_image {
    top: -100px;
  }
}

/* iPhone 6/7/8 PLUS */
@media screen and (max-width: 414px) {

}

/* iPhone 6/7/8 */
@media screen and (max-width: 375px) {

}

/* iPhone 5 / 5S */
@media screen and (max-width: 320px) {

}


/* =================================================================
 * WEBFONTS — Poppins
 * ================================================================= */

@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../../fonts/poppins-v20-latin-300.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('../../fonts/poppins-v20-latin-300italic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/poppins-v20-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../../fonts/poppins-v20-latin-italic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/poppins-v20-latin-500.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('../../fonts/poppins-v20-latin-500italic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../../fonts/poppins-v20-latin-600.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('../../fonts/poppins-v20-latin-600italic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/poppins-v20-latin-700.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('../../fonts/poppins-v20-latin-700italic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../../fonts/poppins-v20-latin-800.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('../../fonts/poppins-v20-latin-800italic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('../../fonts/poppins-v20-latin-900.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('../../fonts/poppins-v20-latin-900italic.woff2') format('woff2');
}

/* =================================================================
 * WEBFONTS — Orbitron
 * ================================================================= */



/* orbitron-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: 'Orbitron';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/orbitron-v35-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* orbitron-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: 'Orbitron';
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/orbitron-v35-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* orbitron-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: 'Orbitron';
  font-style: normal;
  font-weight: 600;
  src: url('../../fonts/orbitron-v35-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* orbitron-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: 'Orbitron';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/orbitron-v35-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* orbitron-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: 'Orbitron';
  font-style: normal;
  font-weight: 800;
  src: url('../../fonts/orbitron-v35-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* orbitron-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: 'Orbitron';
  font-style: normal;
  font-weight: 900;
  src: url('../../fonts/orbitron-v35-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}