@font-face {
  font-family: 'Roobert';
  src: url('Roobert-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Roobert';
  src: url('Roobert-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Roobert';
  src: url('Roobert-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Roobert';
  src: url('Roobert-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Roobert';
  src: url('Roobert-Heavy.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Greed Condensed';
  src: url('GreedCondensed-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

/* =================== TYPOGRAFIE =================== */
a:hover, a:focus {
    color: #e5ff00;
}
.h1-heading, h1 {
  font-family: 'Greed Condensed', sans-serif !important;
  font-weight: 600;
  font-size: 124px!important;
  line-height: 100px;
  letter-spacing: -0.02em;
  color:#FFF!important;
  text-transform:none;
}

.h2-heading, h2 {
  font-family: 'Roobert', sans-serif!important;
  font-weight: 600;
  font-size: 52px;
  line-height: 64px;
  letter-spacing: -0.02em;
  color: #000;
  text-transform:none;
}

.h3-heading, h3 {
  font-family: 'Roobert', sans-serif!important;
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.01em;
  color: #151515;
  text-transform:none;
}

.h4-regular, h4 {
  font-family: 'Roobert', sans-serif!important;
  font-weight: 500;
  font-size: 25px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: #151515;
  text-transform:none;
}

.h4-bold {
  font-family: 'Roobert', sans-serif!important;
  font-weight: 600;
  font-size: 25px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #151515;
  text-transform:none;
}

.small-title {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #151515;
  text-transform:none;
}

.body-xl {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #151515;
  text-transform:none;
}

.body-large {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #151515;
  text-transform:none;
}

.body-large-medium {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #151515;
  text-transform:none;
}

.body-large-bold {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #151515;
  text-transform:none;
}

.body-medium {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: #151515;
}

.body-medium-med {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: #151515;
}

.body-medium-bold {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: #151515;
}

.body-small-regular {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.01em;
  color: #151515;
}

.body-small-medium {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.01em;
  color: #151515;
}

.body-xs {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 400;
  font-size: 10px;
  line-height: normal;
  letter-spacing: 0.02em;
  color: #151515;
}

.usp {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #151515;
}

.boxed-text {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: #151515;
}

.side-nav-small {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.02em;
  color: #151515;
}

.side-nav-big {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0em;
  color: #151515;
}

.image-title {
  font-family: 'Greed Condensed', sans-serif !important;
  font-weight: 700;
  font-size: 80px;
  line-height: 64px;
  letter-spacing: 0em;
  color: #FFF;

}

/* =================== Responsive (Mobile) =================== */

@media (max-width: 768px) {

  .h1-heading, h1 {
  font-family: 'Greed Condensed', sans-serif !important;
  font-weight: 600;
  font-size: 67px!important;
  line-height: 60px;
  letter-spacing: -0.02em;
  color:#FFF!important;
}

.h2-heading, h2 {
  font-family: 'Roobert', sans-serif!important;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  letter-spacing: -0.02em;
  color: #151515;
}

.h3-heading, h3 {
  font-family: 'Roobert', sans-serif!important;
  font-weight: 600;
  font-size: 21px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #151515;
}

.image-title {
  font-family: 'Greed Condensed', sans-serif!important;
  font-weight: 500;
  font-size: 67px;
  line-height: 50px;
  letter-spacing: -0.02em;
  color: #151515;
}

.h4-bold, h4 {
  font-family: 'Roobert', sans-serif!important;
  font-weight: 600;
  font-size: 28px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #151515;
}

.small-title {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #151515;
}

.body-xl {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: #151515;
}

.body-large {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #151515;
}

.body-large-medium {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #151515;
}

.body-large-bold {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #151515;
}

.body-medium {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: #151515;
}

.body-medium-med {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: #151515;
}

.body-medium-bold {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: #151515;
}

.body-small-regular {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.01em;
  color: #151515;
}

.body-small-medium {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.01em;
  color: #151515;
}

.body-xs {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 400;
  font-size: 10px;
  line-height: normal;
  letter-spacing: 0.02em;
  color: #151515;
}

.usp {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #151515;
}

.boxed-text {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #151515;
}

.side-nav-small {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.02em;
  color: #151515;
}

.side-nav-big {
  font-family: 'Roobert', sans-serif !important;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0em;
  color: #151515;
}
}