/*
Theme Name: FoundationThree
Theme URI: https://clique.wien
Author: CLIQUE
Author URI: https://clique.wien
Description: Theme for Foundation Three by CLIQUE
Version: 2025.1
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: foundationthree

*/
:root {
  --orange: #EA581A;
  --black: #000000;
  --grey: #3D4847;
  --white: #ffffff;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("fonts/NeueHelveticaPro65Medium/font.woff") format("woff"), url("fonts/NeueHelveticaPro65Medium/font.woff2") format("woff2");
}
@font-face {
  font-family: "Helvetica Neue Light";
  src: url("fonts/NeueHelveticaPro45Light/font.woff") format("woff"), url("fonts/NeueHelveticaPro45Light/font.woff2") format("woff2");
}
@font-face {
  font-family: "Romie";
  src: url("fonts/Romie-Bold.woff") format("woff"), url("fonts/Romie-Bold.woff2") format("woff2");
}
html,
body {
  font-family: "Helvetica Neue Light", sans-serif;
  margin: 0;
  padding: 0;
}

a {
  color: var(--white);
  transition: all 0.3s ease;
}

a:hover {
  color: var(--orange);
}

.p-small {
  font-family: "Helvetica Neue Light", sans-serif;
  font-size: 1.5625vw;
  line-height: 2.0833333333vw;
}
@media (max-width: 768px) {
  .p-small {
    font-size: 3.90625vw;
  }
}
@media (max-width: 576px) {
  .p-small {
    font-size: 5.2083333333vw;
  }
}
@media (max-width: 768px) {
  .p-small {
    line-height: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .p-small {
    line-height: 6.9444444444vw;
  }
}

.header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1.1458333333vw;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
  padding-left: 1.71875vw;
  padding-right: 1.71875vw;
}
@media (max-width: 768px) {
  .header {
    padding: 2.8645833333vw;
  }
}
@media (max-width: 576px) {
  .header {
    padding: 3.8194444444vw;
  }
}
@media (max-width: 768px) {
  .header {
    padding-left: 4.296875vw;
  }
}
@media (max-width: 576px) {
  .header {
    padding-left: 5.7291666667vw;
  }
}
@media (max-width: 768px) {
  .header {
    padding-right: 4.296875vw;
  }
}
@media (max-width: 576px) {
  .header {
    padding-right: 5.7291666667vw;
  }
}

.header .logo-left {
  position: relative;
  z-index: 2;
}

.header .logo-right {
  position: relative;
  z-index: 2;
}

.hero-landing {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.hero-landing img,
.hero-landing iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.carousel-inner,
.carousel-item,
.carousel-item div {
  width: 100%;
  height: 100%;
}

#menu {
  position: fixed;
  left: 20%;
  width: 60%;
  display: flex;
  justify-content: center;
}

.menu-main-menu-container {
  padding-top: 0.3125vw;
  height: 100%;
}
@media (max-width: 768px) {
  .menu-main-menu-container {
    padding-top: 0.78125vw;
  }
}
@media (max-width: 576px) {
  .menu-main-menu-container {
    padding-top: 1.0416666667vw;
  }
}

.menu-main-menu-container ul {
  display: flex;
  flex-direction: row;
  gap: 5vw;
  align-items: center;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .menu-main-menu-container ul {
    gap: 12.5vw;
  }
}
@media (max-width: 576px) {
  .menu-main-menu-container ul {
    gap: 16.6666666667vw;
  }
}

.menu-main-menu-container li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.menu-main-menu-container li a {
  text-decoration: none;
  color: white;
  position: relative;
  height: 2.0833333333vw;
  font-family: "Helvetica Neue Light", sans-serif;
  font-size: 1.0416666667vw;
}
@media (max-width: 768px) {
  .menu-main-menu-container li a {
    height: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .menu-main-menu-container li a {
    height: 6.9444444444vw;
  }
}
@media (max-width: 768px) {
  .menu-main-menu-container li a {
    font-size: 2.6041666667vw;
  }
}
@media (max-width: 576px) {
  .menu-main-menu-container li a {
    font-size: 3.4722222222vw;
  }
}

.menu-main-menu-container li a span {
  height: 100%;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 2.2916666667vw;
}
@media (max-width: 768px) {
  .menu-main-menu-container li a span {
    height: 5.7291666667vw;
  }
}
@media (max-width: 576px) {
  .menu-main-menu-container li a span {
    height: 7.6388888889vw;
  }
}

.menu-main-menu-container li a:hover {
  text-decoration: none;
  color: white;
  display: -webkit-inline-box;
}

.menu-main-menu-container a span:last-of-type {
  opacity: 0;
  transition: all 0.3s ease;
  position: absolute;
}

.menu-main-menu-container a:hover span:last-of-type {
  position: absolute;
  top: 0;
  left: -40%;
  width: 180%;
  height: 2.0833333333vw;
  z-index: 1;
  background: var(--orange) 0% 0% no-repeat padding-box;
  border-radius: 20px;
  opacity: 1;
  filter: blur(9px);
}
@media (max-width: 768px) {
  .menu-main-menu-container a:hover span:last-of-type {
    height: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .menu-main-menu-container a:hover span:last-of-type {
    height: 6.9444444444vw;
  }
}

.marquee {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.125vw;
  background-color: var(--orange);
  overflow: hidden;
  z-index: 2;
}
@media (max-width: 768px) {
  .marquee {
    height: 7.8125vw;
  }
}
@media (max-width: 576px) {
  .marquee {
    height: 10.4166666667vw;
  }
}

.marquee-track {
  display: flex;
  height: 100%;
  align-items: center;
  gap: 4.0104166667vw;
  white-space: nowrap;
  animation: marqueeScroll 20s linear infinite;
}
@media (max-width: 768px) {
  .marquee-track {
    gap: 10.0260416667vw;
  }
}
@media (max-width: 576px) {
  .marquee-track {
    gap: 13.3680555556vw;
  }
}

.marquee-item {
  flex-shrink: 0;
  white-space: nowrap;
}

.video-container {
  background-color: black;
}

.marquee a,
.marquee span {
  text-decoration: none;
  color: white;
}

.marquee a:hover {
  color: white;
  text-decoration: none;
}

@keyframes marqueeScroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.container-fluid {
  padding-left: 1.71875vw;
  padding-right: 1.71875vw;
}
@media (max-width: 768px) {
  .container-fluid {
    padding-left: 4.296875vw;
  }
}
@media (max-width: 576px) {
  .container-fluid {
    padding-left: 5.7291666667vw;
  }
}
@media (max-width: 768px) {
  .container-fluid {
    padding-right: 4.296875vw;
  }
}
@media (max-width: 576px) {
  .container-fluid {
    padding-right: 5.7291666667vw;
  }
}

.footer {
  background-color: var(--orange);
  padding: 0.78125vw;
  color: var(--white);
}
@media (max-width: 768px) {
  .footer {
    padding: 1.953125vw;
  }
}
@media (max-width: 576px) {
  .footer {
    padding: 2.6041666667vw;
  }
}

.footer h4 {
  font-size: 1.5625vw;
  font-family: "Romie";
  font-weight: normal;
}
@media (max-width: 768px) {
  .footer h4 {
    font-size: 3.90625vw;
  }
}
@media (max-width: 576px) {
  .footer h4 {
    font-size: 5.2083333333vw;
  }
}

.footer p {
  font-size: 0.78125vw;
}
@media (max-width: 768px) {
  .footer p {
    font-size: 1.953125vw;
  }
}
@media (max-width: 576px) {
  .footer p {
    font-size: 2.6041666667vw;
  }
}

.footer p:last-of-type {
  margin-bottom: 0px;
}

.footer a {
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 0.78125vw;
}
@media (max-width: 768px) {
  .footer a {
    font-size: 1.953125vw;
  }
}
@media (max-width: 576px) {
  .footer a {
    font-size: 2.6041666667vw;
  }
}

.footer a:hover {
  color: var(--white);
  text-decoration: none;
  border-bottom: 1px solid var(--white);
}

.footer-first-column {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}

#menu-language-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hide-mobile {
  display: block;
}

.hide-desktop {
  display: none;
}

@media screen and (max-width: 768px) {
  .hide-mobile {
    display: none;
  }
  .hide-desktop {
    display: block;
  }
}
.four-images-item {
  height: 35.5729166667vw;
}
@media (max-width: 768px) {
  .four-images-item {
    height: 88.9322916667vw;
  }
}
@media (max-width: 576px) {
  .four-images-item {
    height: 118.5763888889vw;
  }
}

.four-images-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.large-image-text {
  position: relative;
  font-size: 1.5625vw;
  line-height: 2.0833333333vw;
  font-family: "Helvetica Neue Light";
}
@media (max-width: 768px) {
  .large-image-text {
    font-size: 3.90625vw;
  }
}
@media (max-width: 576px) {
  .large-image-text {
    font-size: 5.2083333333vw;
  }
}
@media (max-width: 768px) {
  .large-image-text {
    line-height: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .large-image-text {
    line-height: 6.9444444444vw;
  }
}

.rows {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20vw;
}
@media (max-width: 768px) {
  .rows {
    margin-bottom: 50vw;
  }
}
@media (max-width: 576px) {
  .rows {
    margin-bottom: 66.6666666667vw;
  }
}

.parallax-image {
  will-change: transform;
  transition: transform 0.1s linear;
}

.parallax-image a {
  text-decoration: none;
}

.hero-image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
}

.hero-project {
  color: white;
  margin: 0 auto;
  padding-left: 0.78125vw;
  padding-right: 0.78125vw;
  font-size: 2.0833333333vw;
  line-height: 2.6041666667vw;
  font-family: "Helvetica Neue Light";
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 768px) {
  .hero-project {
    padding-left: 1.953125vw;
  }
}
@media (max-width: 576px) {
  .hero-project {
    padding-left: 2.6041666667vw;
  }
}
@media (max-width: 768px) {
  .hero-project {
    padding-right: 1.953125vw;
  }
}
@media (max-width: 576px) {
  .hero-project {
    padding-right: 2.6041666667vw;
  }
}
@media (max-width: 768px) {
  .hero-project {
    font-size: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .hero-project {
    font-size: 6.9444444444vw;
  }
}
@media (max-width: 768px) {
  .hero-project {
    line-height: 6.5104166667vw;
  }
}
@media (max-width: 576px) {
  .hero-project {
    line-height: 8.6805555556vw;
  }
}

.hero-project-right {
  max-width: 31.6666666667vw;
}
@media (max-width: 768px) {
  .hero-project-right {
    max-width: 79.1666666667vw;
  }
}
@media (max-width: 576px) {
  .hero-project-right {
    max-width: 105.5555555556vw;
  }
}

.hero-project-header {
  width: 80.5729166667vw;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4.6354166667vw;
}
@media (max-width: 768px) {
  .hero-project-header {
    width: 201.4322916667vw;
  }
}
@media (max-width: 576px) {
  .hero-project-header {
    width: 268.5763888889vw;
  }
}
@media (max-width: 768px) {
  .hero-project-header {
    margin-bottom: 11.5885416667vw;
  }
}
@media (max-width: 576px) {
  .hero-project-header {
    margin-bottom: 15.4513888889vw;
  }
}

.hero-project-header h1 {
  font-family: "Helvetica Neue";
  font-size: 3.125vw;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .hero-project-header h1 {
    font-size: 7.8125vw;
  }
}
@media (max-width: 576px) {
  .hero-project-header h1 {
    font-size: 10.4166666667vw;
  }
}

.hero-project-header h2 {
  font-size: 1.5625vw;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .hero-project-header h2 {
    font-size: 3.90625vw;
  }
}
@media (max-width: 576px) {
  .hero-project-header h2 {
    font-size: 5.2083333333vw;
  }
}

.hero-project-header h3 {
  color: var(--orange);
}

.hero-project-header h3,
.hero-project-header p {
  font-size: 1.0416666667vw;
  line-height: 1.5625vw;
}
@media (max-width: 768px) {
  .hero-project-header h3,
  .hero-project-header p {
    font-size: 2.6041666667vw;
  }
}
@media (max-width: 576px) {
  .hero-project-header h3,
  .hero-project-header p {
    font-size: 3.4722222222vw;
  }
}
@media (max-width: 768px) {
  .hero-project-header h3,
  .hero-project-header p {
    line-height: 3.90625vw;
  }
}
@media (max-width: 576px) {
  .hero-project-header h3,
  .hero-project-header p {
    line-height: 5.2083333333vw;
  }
}

.hero-project-image {
  width: 100%;
}

.hero-content {
  width: 100vw;
  height: 100vh;
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  padding-left: 0.78125vw;
  padding-right: 0.78125vw;
  font-size: 2.0833333333vw;
  line-height: 2.6041666667vw;
  font-family: "Helvetica Neue Light";
}
@media (max-width: 768px) {
  .hero-content {
    padding-left: 1.953125vw;
  }
}
@media (max-width: 576px) {
  .hero-content {
    padding-left: 2.6041666667vw;
  }
}
@media (max-width: 768px) {
  .hero-content {
    padding-right: 1.953125vw;
  }
}
@media (max-width: 576px) {
  .hero-content {
    padding-right: 2.6041666667vw;
  }
}
@media (max-width: 768px) {
  .hero-content {
    font-size: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .hero-content {
    font-size: 6.9444444444vw;
  }
}
@media (max-width: 768px) {
  .hero-content {
    line-height: 6.5104166667vw;
  }
}
@media (max-width: 576px) {
  .hero-content {
    line-height: 8.6805555556vw;
  }
}

.hero-text {
  max-width: 56.0416666667vw;
}
@media (max-width: 768px) {
  .hero-text {
    max-width: 140.1041666667vw;
  }
}
@media (max-width: 576px) {
  .hero-text {
    max-width: 186.8055555556vw;
  }
}

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

.top-image-text {
  position: absolute;
  top: 1.0416666667vw;
  left: 1.0416666667vw;
  text-align: center;
  color: white;
  font-size: 1.0416666667vw;
  line-height: 2.0833333333vw;
  font-family: "Helvetica Neue Light";
}
@media (max-width: 768px) {
  .top-image-text {
    top: 2.6041666667vw;
  }
}
@media (max-width: 576px) {
  .top-image-text {
    top: 3.4722222222vw;
  }
}
@media (max-width: 768px) {
  .top-image-text {
    left: 2.6041666667vw;
  }
}
@media (max-width: 576px) {
  .top-image-text {
    left: 3.4722222222vw;
  }
}
@media (max-width: 768px) {
  .top-image-text {
    font-size: 2.6041666667vw;
  }
}
@media (max-width: 576px) {
  .top-image-text {
    font-size: 3.4722222222vw;
  }
}
@media (max-width: 768px) {
  .top-image-text {
    line-height: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .top-image-text {
    line-height: 6.9444444444vw;
  }
}

.top-image-year {
  position: absolute;
  top: 1.0416666667vw;
  right: 1.0416666667vw;
  text-align: center;
  color: white;
  font-size: 1.0416666667vw;
  line-height: 2.0833333333vw;
  font-family: "Helvetica Neue Light";
}
@media (max-width: 768px) {
  .top-image-year {
    top: 2.6041666667vw;
  }
}
@media (max-width: 576px) {
  .top-image-year {
    top: 3.4722222222vw;
  }
}
@media (max-width: 768px) {
  .top-image-year {
    right: 2.6041666667vw;
  }
}
@media (max-width: 576px) {
  .top-image-year {
    right: 3.4722222222vw;
  }
}
@media (max-width: 768px) {
  .top-image-year {
    font-size: 2.6041666667vw;
  }
}
@media (max-width: 576px) {
  .top-image-year {
    font-size: 3.4722222222vw;
  }
}
@media (max-width: 768px) {
  .top-image-year {
    line-height: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .top-image-year {
    line-height: 6.9444444444vw;
  }
}

.bottom-image-text {
  margin-top: 2.6041666667vw;
  font-size: 2.0833333333vw;
  line-height: 2.0833333333vw;
  text-decoration: none;
  color: white;
  left: 1.0416666667vw;
  position: relative;
}
@media (max-width: 768px) {
  .bottom-image-text {
    margin-top: 6.5104166667vw;
  }
}
@media (max-width: 576px) {
  .bottom-image-text {
    margin-top: 8.6805555556vw;
  }
}
@media (max-width: 768px) {
  .bottom-image-text {
    font-size: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .bottom-image-text {
    font-size: 6.9444444444vw;
  }
}
@media (max-width: 768px) {
  .bottom-image-text {
    line-height: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .bottom-image-text {
    line-height: 6.9444444444vw;
  }
}
@media (max-width: 768px) {
  .bottom-image-text {
    left: 2.6041666667vw;
  }
}
@media (max-width: 576px) {
  .bottom-image-text {
    left: 3.4722222222vw;
  }
}

.large-image-text-img img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.richtext-center-romie {
  font-family: "Romie";
  max-width: 80.4166666667vw;
  color: white;
  margin: 0 auto;
  padding-left: 0.78125vw;
  padding-right: 0.78125vw;
  font-size: 5.2083333333vw;
  line-height: 5.7291666667vw;
  text-align: center;
}
@media (max-width: 768px) {
  .richtext-center-romie {
    max-width: 201.0416666667vw;
  }
}
@media (max-width: 576px) {
  .richtext-center-romie {
    max-width: 268.0555555556vw;
  }
}
@media (max-width: 768px) {
  .richtext-center-romie {
    padding-left: 1.953125vw;
  }
}
@media (max-width: 576px) {
  .richtext-center-romie {
    padding-left: 2.6041666667vw;
  }
}
@media (max-width: 768px) {
  .richtext-center-romie {
    padding-right: 1.953125vw;
  }
}
@media (max-width: 576px) {
  .richtext-center-romie {
    padding-right: 2.6041666667vw;
  }
}
@media (max-width: 768px) {
  .richtext-center-romie {
    font-size: 13.0208333333vw;
  }
}
@media (max-width: 576px) {
  .richtext-center-romie {
    font-size: 17.3611111111vw;
  }
}
@media (max-width: 768px) {
  .richtext-center-romie {
    line-height: 14.3229166667vw;
  }
}
@media (max-width: 576px) {
  .richtext-center-romie {
    line-height: 19.0972222222vw;
  }
}

.richtext-center {
  max-width: 65vw;
  color: white;
  margin: 0 auto;
  padding-left: 0.78125vw;
  padding-right: 0.78125vw;
  font-size: 2.0833333333vw;
  line-height: 2.6041666667vw;
  font-family: "Helvetica Neue Light";
}
@media (max-width: 768px) {
  .richtext-center {
    max-width: 162.5vw;
  }
}
@media (max-width: 576px) {
  .richtext-center {
    max-width: 216.6666666667vw;
  }
}
@media (max-width: 768px) {
  .richtext-center {
    padding-left: 1.953125vw;
  }
}
@media (max-width: 576px) {
  .richtext-center {
    padding-left: 2.6041666667vw;
  }
}
@media (max-width: 768px) {
  .richtext-center {
    padding-right: 1.953125vw;
  }
}
@media (max-width: 576px) {
  .richtext-center {
    padding-right: 2.6041666667vw;
  }
}
@media (max-width: 768px) {
  .richtext-center {
    font-size: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .richtext-center {
    font-size: 6.9444444444vw;
  }
}
@media (max-width: 768px) {
  .richtext-center {
    line-height: 6.5104166667vw;
  }
}
@media (max-width: 576px) {
  .richtext-center {
    line-height: 8.6805555556vw;
  }
}

.headline-text-columns {
  color: white;
  margin: 0 auto;
  font-size: 1.5625vw;
  line-height: 2.0833333333vw;
  font-family: "Helvetica Neue Light";
  max-width: 75vw;
}
@media (max-width: 768px) {
  .headline-text-columns {
    font-size: 3.90625vw;
  }
}
@media (max-width: 576px) {
  .headline-text-columns {
    font-size: 5.2083333333vw;
  }
}
@media (max-width: 768px) {
  .headline-text-columns {
    line-height: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .headline-text-columns {
    line-height: 6.9444444444vw;
  }
}
@media (max-width: 768px) {
  .headline-text-columns {
    max-width: 187.5vw;
  }
}
@media (max-width: 576px) {
  .headline-text-columns {
    max-width: 250vw;
  }
}

.headline-text-columns-content {
  width: 56.0416666667vw;
  margin-top: 2.7604166667vw;
}
@media (max-width: 768px) {
  .headline-text-columns-content {
    width: 140.1041666667vw;
  }
}
@media (max-width: 576px) {
  .headline-text-columns-content {
    width: 186.8055555556vw;
  }
}
@media (max-width: 768px) {
  .headline-text-columns-content {
    margin-top: 6.9010416667vw;
  }
}
@media (max-width: 576px) {
  .headline-text-columns-content {
    margin-top: 9.2013888889vw;
  }
}

.headline-text-columns-columns {
  margin-top: 4.6875vw;
  justify-self: space-between;
}
@media (max-width: 768px) {
  .headline-text-columns-columns {
    margin-top: 11.71875vw;
  }
}
@media (max-width: 576px) {
  .headline-text-columns-columns {
    margin-top: 15.625vw;
  }
}

.headline-text-columns h2 {
  font-size: 3.125vw;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .headline-text-columns h2 {
    font-size: 7.8125vw;
  }
}
@media (max-width: 576px) {
  .headline-text-columns h2 {
    font-size: 10.4166666667vw;
  }
}

.contact {
  display: flex;
  padding-left: 9.6875vw;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .contact {
    padding-left: 24.21875vw;
  }
}
@media (max-width: 576px) {
  .contact {
    padding-left: 32.2916666667vw;
  }
}

.contact h1 {
  font-size: 1.5625vw;
  font-family: "Helvetica Neue";
  color: var(--white);
  line-height: 2.0833333333vw;
  margin-bottom: 8.125vw;
}
@media (max-width: 768px) {
  .contact h1 {
    font-size: 3.90625vw;
  }
}
@media (max-width: 576px) {
  .contact h1 {
    font-size: 5.2083333333vw;
  }
}
@media (max-width: 768px) {
  .contact h1 {
    line-height: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .contact h1 {
    line-height: 6.9444444444vw;
  }
}
@media (max-width: 768px) {
  .contact h1 {
    margin-bottom: 20.3125vw;
  }
}
@media (max-width: 576px) {
  .contact h1 {
    margin-bottom: 27.0833333333vw;
  }
}

.contact p,
.contact a {
  color: var(--white);
  font-size: 2.0833333333vw;
  line-height: 2.6041666667vw;
  transition: all 0.3s ease;
  text-decoration: none;
}
@media (max-width: 768px) {
  .contact p,
  .contact a {
    font-size: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .contact p,
  .contact a {
    font-size: 6.9444444444vw;
  }
}
@media (max-width: 768px) {
  .contact p,
  .contact a {
    line-height: 6.5104166667vw;
  }
}
@media (max-width: 576px) {
  .contact p,
  .contact a {
    line-height: 8.6805555556vw;
  }
}

.contact a:hover {
  color: var(--orange);
  border-bottom: 1px solid var(--orange);
}

.contact-text-left {
  width: 31.7708333333vw;
}
@media (max-width: 768px) {
  .contact-text-left {
    width: 79.4270833333vw;
  }
}
@media (max-width: 576px) {
  .contact-text-left {
    width: 105.9027777778vw;
  }
}

.contact-text-right {
  width: 50vw;
}
@media (max-width: 768px) {
  .contact-text-right {
    width: 125vw;
  }
}
@media (max-width: 576px) {
  .contact-text-right {
    width: 166.6666666667vw;
  }
}
.contact-text-right .row {
  margin-right: 0;
}

.contact-text-right p,
.contact-text-right a {
  font-size: 1.0416666667vw;
  line-height: 1.3020833333vw;
}
@media (max-width: 768px) {
  .contact-text-right p,
  .contact-text-right a {
    font-size: 2.6041666667vw;
  }
}
@media (max-width: 576px) {
  .contact-text-right p,
  .contact-text-right a {
    font-size: 3.4722222222vw;
  }
}
@media (max-width: 768px) {
  .contact-text-right p,
  .contact-text-right a {
    line-height: 3.2552083333vw;
  }
}
@media (max-width: 576px) {
  .contact-text-right p,
  .contact-text-right a {
    line-height: 4.3402777778vw;
  }
}

.contact-text-right h2 {
  color: var(--white);
  font-size: 1.5625vw;
  font-family: "Helvetica Neue";
  margin-bottom: 0.9895833333vw;
}
@media (max-width: 768px) {
  .contact-text-right h2 {
    font-size: 3.90625vw;
  }
}
@media (max-width: 576px) {
  .contact-text-right h2 {
    font-size: 5.2083333333vw;
  }
}
@media (max-width: 768px) {
  .contact-text-right h2 {
    margin-bottom: 2.4739583333vw;
  }
}
@media (max-width: 576px) {
  .contact-text-right h2 {
    margin-bottom: 3.2986111111vw;
  }
}

.map {
  margin-top: 3.0208333333vw;
}
@media (max-width: 768px) {
  .map {
    margin-top: 7.5520833333vw;
  }
}
@media (max-width: 576px) {
  .map {
    margin-top: 10.0694444444vw;
  }
}

.collective h2 {
  color: var(--white);
  font-size: 3.125vw;
  margin-bottom: 7.6041666667vw;
  margin-left: 9.7916666667vw;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .collective h2 {
    font-size: 7.8125vw;
  }
}
@media (max-width: 576px) {
  .collective h2 {
    font-size: 10.4166666667vw;
  }
}
@media (max-width: 768px) {
  .collective h2 {
    margin-bottom: 19.0104166667vw;
  }
}
@media (max-width: 576px) {
  .collective h2 {
    margin-bottom: 25.3472222222vw;
  }
}
@media (max-width: 768px) {
  .collective h2 {
    margin-left: 24.4791666667vw;
  }
}
@media (max-width: 576px) {
  .collective h2 {
    margin-left: 32.6388888889vw;
  }
}

.collective-col {
  color: var(--white);
  font-size: 1.0416666667vw;
  line-height: 1.3020833333vw;
  font-family: "Helvetica Neue Light";
  margin-bottom: 12.7083333333vw;
}
@media (max-width: 768px) {
  .collective-col {
    font-size: 2.6041666667vw;
  }
}
@media (max-width: 576px) {
  .collective-col {
    font-size: 3.4722222222vw;
  }
}
@media (max-width: 768px) {
  .collective-col {
    line-height: 3.2552083333vw;
  }
}
@media (max-width: 576px) {
  .collective-col {
    line-height: 4.3402777778vw;
  }
}
@media (max-width: 768px) {
  .collective-col {
    margin-bottom: 31.7708333333vw;
  }
}
@media (max-width: 576px) {
  .collective-col {
    margin-bottom: 42.3611111111vw;
  }
}

.collective-col h3 {
  color: var(--black);
  margin-bottom: 0vw;
  font-size: 2.0833333333vw;
  font-family: "Helvetica Neue";
  margin-top: 2.0833333333vw;
}
@media (max-width: 768px) {
  .collective-col h3 {
    margin-bottom: 0vw;
  }
}
@media (max-width: 576px) {
  .collective-col h3 {
    margin-bottom: 0vw;
  }
}
@media (max-width: 768px) {
  .collective-col h3 {
    font-size: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .collective-col h3 {
    font-size: 6.9444444444vw;
  }
}
@media (max-width: 768px) {
  .collective-col h3 {
    margin-top: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .collective-col h3 {
    margin-top: 6.9444444444vw;
  }
}

.collective-col h4 {
  color: var(--white);
  font-family: "Helvetica Neue";
  line-height: 2.0833333333vw;
  font-size: 1.3020833333vw;
  margin-top: 0;
  margin-bottom: 1.7708333333vw;
}
@media (max-width: 768px) {
  .collective-col h4 {
    line-height: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .collective-col h4 {
    line-height: 6.9444444444vw;
  }
}
@media (max-width: 768px) {
  .collective-col h4 {
    font-size: 3.2552083333vw;
  }
}
@media (max-width: 576px) {
  .collective-col h4 {
    font-size: 4.3402777778vw;
  }
}
@media (max-width: 768px) {
  .collective-col h4 {
    margin-bottom: 4.4270833333vw;
  }
}
@media (max-width: 576px) {
  .collective-col h4 {
    margin-bottom: 5.9027777778vw;
  }
}

.collective-col a {
  margin-top: 0.9895833333vw;
  text-decoration: none;
  font-size: 1.0416666667vw;
  transition: all 0.3s ease;
  color: var(--black);
}
@media (max-width: 768px) {
  .collective-col a {
    margin-top: 2.4739583333vw;
  }
}
@media (max-width: 576px) {
  .collective-col a {
    margin-top: 3.2986111111vw;
  }
}
@media (max-width: 768px) {
  .collective-col a {
    font-size: 2.6041666667vw;
  }
}
@media (max-width: 576px) {
  .collective-col a {
    font-size: 3.4722222222vw;
  }
}

.collective-col a:hover {
  color: var(--white);
}

.collective-img {
  width: 100%;
}

.cta {
  font-size: 2.0833333333vw;
  line-height: 5.3125vw;
  text-transform: uppercase;
  letter-spacing: 0vw;
  text-decoration: none;
}
@media (max-width: 768px) {
  .cta {
    font-size: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .cta {
    font-size: 6.9444444444vw;
  }
}
@media (max-width: 768px) {
  .cta {
    line-height: 13.28125vw;
  }
}
@media (max-width: 576px) {
  .cta {
    line-height: 17.7083333333vw;
  }
}
@media (max-width: 768px) {
  .cta {
    letter-spacing: 0vw;
  }
}
@media (max-width: 576px) {
  .cta {
    letter-spacing: 0vw;
  }
}

@media screen and (max-width: 768px) {
  .four-images-item {
    margin-top: calc(var(--bs-gutter-x) * 1);
    height: 60vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .four-images-item {
    height: 150vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .four-images-item {
    height: 200vw;
  }
}
@media screen and (max-width: 768px) {
  .contact-text-left {
    width: 100%;
  }
  .contact-text-right {
    width: 100%;
  }
  #menu {
    right: 5.7291666667vw;
    left: auto;
    width: auto;
  }
  .menu-main-menu-container ul {
    gap: 10vw;
  }
  .parallax-image {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    transform: none !important;
    top: 0 !important;
  }
  .parallax-image img {
    width: 100% !important;
    height: auto !important;
  }
  .rows {
    margin-bottom: 0;
    flex-direction: column;
    position: relative;
  }
  .container-fluid {
    padding-left: 0.78125vw;
    padding-right: 0.78125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .container-fluid {
    padding-left: 1.953125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .container-fluid {
    padding-left: 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .container-fluid {
    padding-right: 1.953125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .container-fluid {
    padding-right: 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) {
  .bottom-image-text {
    margin-bottom: 10vw;
  }
  .bottom-image-text {
    left: 0;
  }
  #parallaxparallax {
    padding-bottom: 0px !important;
  }
  .footer {
    padding-top: 10vw;
    padding-bottom: 10vw;
    padding-left: 0vw;
    padding-right: 0vw;
    text-align: center;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .footer {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .footer {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .footer {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .footer {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 768px) {
  .footer h4 {
    font-size: 2.0833333333vw;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .footer h4 {
    font-size: 5.2083333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .footer h4 {
    font-size: 6.9444444444vw;
  }
}
@media screen and (max-width: 768px) {
  .footer p,
  .footer a {
    font-size: 1.3020833333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .footer p,
  .footer a {
    font-size: 3.2552083333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .footer p,
  .footer a {
    font-size: 4.3402777778vw;
  }
}
@media screen and (max-width: 768px) {
  .footer a {
    position: relative;
    display: block;
    padding-bottom: 0.2604166667vw;
    padding-top: 0.2604166667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .footer a {
    padding-bottom: 0.6510416667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .footer a {
    padding-bottom: 0.8680555556vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .footer a {
    padding-top: 0.6510416667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .footer a {
    padding-top: 0.8680555556vw;
  }
}
@media screen and (max-width: 768px) {
  .headline-text-columns-content {
    width: 100%;
  }
  .four-images-container {
    margin-top: 10vw;
  }
  .four-images-container .row {
    position: relative;
    width: 100%;
    display: grid;
    gap: 2.6041666667vw;
    grid-template-columns: repeat(2, 1fr);
    padding-left: 2.6041666667vw;
  }
  .four-images-container .row .four-images-item {
    height: 50vw;
    padding: 0;
    width: 46.09375vw;
    margin-top: 0;
  }
  #large-image-textinfos {
    padding-left: 0px !important;
  }
  .large-image-text-img,
  .large-image-text-content {
    padding-left: 0.78125vw;
    padding-right: 0.78125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .large-image-text-img,
  .large-image-text-content {
    padding-left: 1.953125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .large-image-text-img,
  .large-image-text-content {
    padding-left: 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .large-image-text-img,
  .large-image-text-content {
    padding-right: 1.953125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .large-image-text-img,
  .large-image-text-content {
    padding-right: 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) {
  .collective h2 {
    margin-left: 0px;
    text-align: center;
    margin-bottom: 1.0416666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .collective h2 {
    margin-bottom: 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .collective h2 {
    margin-bottom: 3.4722222222vw;
  }
}
@media screen and (max-width: 768px) {
  #large-image-textbottom-info {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #collectiveteam .row {
    margin-right: 0;
  }
}
.projects-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4.0104166667vw;
  margin-top: 10.5729166667vw;
}
@media (max-width: 768px) {
  .projects-list {
    gap: 10.0260416667vw;
  }
}
@media (max-width: 576px) {
  .projects-list {
    gap: 13.3680555556vw;
  }
}
@media (max-width: 768px) {
  .projects-list {
    margin-top: 26.4322916667vw;
  }
}
@media (max-width: 576px) {
  .projects-list {
    margin-top: 35.2430555556vw;
  }
}

.site-content {
  padding-top: 17.34375vw;
  color: var(--black);
}
@media (max-width: 768px) {
  .site-content {
    padding-top: 43.359375vw;
  }
}
@media (max-width: 576px) {
  .site-content {
    padding-top: 57.8125vw;
  }
}

.project-item {
  position: relative;
  width: calc(33.333% - 2.7083333333vw);
}

.project-item:hover {
  text-decoration: none;
}

.wide {
  width: calc(66.666% - 1.3020833333vw) !important;
}

.project {
  height: 39.3229166667vw;
  position: relative;
}
@media (max-width: 768px) {
  .project {
    height: 98.3072916667vw;
  }
}
@media (max-width: 576px) {
  .project {
    height: 131.0763888889vw;
  }
}

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

.project h2 {
  font-size: 1.0416666667vw;
  color: var(--white);
}
@media (max-width: 768px) {
  .project h2 {
    font-size: 2.6041666667vw;
  }
}
@media (max-width: 576px) {
  .project h2 {
    font-size: 3.4722222222vw;
  }
}

.project-item h3 {
  font-family: "Helvetica Neue";
  margin-top: 1.6666666667vw;
  margin-left: 1.6666666667vw;
  font-size: 2.0833333333vw;
  color: var(--black);
  margin-bottom: 4.6875vw;
}
@media (max-width: 768px) {
  .project-item h3 {
    margin-top: 4.1666666667vw;
  }
}
@media (max-width: 576px) {
  .project-item h3 {
    margin-top: 5.5555555556vw;
  }
}
@media (max-width: 768px) {
  .project-item h3 {
    margin-left: 4.1666666667vw;
  }
}
@media (max-width: 576px) {
  .project-item h3 {
    margin-left: 5.5555555556vw;
  }
}
@media (max-width: 768px) {
  .project-item h3 {
    font-size: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .project-item h3 {
    font-size: 6.9444444444vw;
  }
}
@media (max-width: 768px) {
  .project-item h3 {
    margin-bottom: 11.71875vw;
  }
}
@media (max-width: 576px) {
  .project-item h3 {
    margin-bottom: 15.625vw;
  }
}

.overlay-project {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  top: 1.8229166667vw;
  padding-left: 1.8229166667vw;
  padding-right: 1.8229166667vw;
  z-index: 2;
}
@media (max-width: 768px) {
  .overlay-project {
    top: 4.5572916667vw;
  }
}
@media (max-width: 576px) {
  .overlay-project {
    top: 6.0763888889vw;
  }
}
@media (max-width: 768px) {
  .overlay-project {
    padding-left: 4.5572916667vw;
  }
}
@media (max-width: 576px) {
  .overlay-project {
    padding-left: 6.0763888889vw;
  }
}
@media (max-width: 768px) {
  .overlay-project {
    padding-right: 4.5572916667vw;
  }
}
@media (max-width: 576px) {
  .overlay-project {
    padding-right: 6.0763888889vw;
  }
}

.project a {
  text-decoration: none;
  color: #333;
}

.projects-header {
  padding-left: 9.7916666667vw;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .projects-header {
    padding-left: 24.4791666667vw;
  }
}
@media (max-width: 576px) {
  .projects-header {
    padding-left: 32.6388888889vw;
  }
}

.projects-title {
  width: 47.96875vw;
}
@media (max-width: 768px) {
  .projects-title {
    width: 119.921875vw;
  }
}
@media (max-width: 576px) {
  .projects-title {
    width: 159.8958333333vw;
  }
}

.projects-header p {
  font-size: 1.5625vw;
  line-height: 2.0833333333vw;
}
@media (max-width: 768px) {
  .projects-header p {
    font-size: 3.90625vw;
  }
}
@media (max-width: 576px) {
  .projects-header p {
    font-size: 5.2083333333vw;
  }
}
@media (max-width: 768px) {
  .projects-header p {
    line-height: 5.2083333333vw;
  }
}
@media (max-width: 576px) {
  .projects-header p {
    line-height: 6.9444444444vw;
  }
}

.projects-filter {
  font-size: 0.6770833333vw;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  position: sticky;
  position: relative;
  top: 5.2083333333vw;
}
@media (max-width: 768px) {
  .projects-filter {
    font-size: 1.6927083333vw;
  }
}
@media (max-width: 576px) {
  .projects-filter {
    font-size: 2.2569444444vw;
  }
}
@media (max-width: 768px) {
  .projects-filter {
    top: 13.0208333333vw;
  }
}
@media (max-width: 576px) {
  .projects-filter {
    top: 17.3611111111vw;
  }
}

.filter-by {
  padding-top: 0.2083333333vw;
  padding-right: 0.9895833333vw;
}
@media (max-width: 768px) {
  .filter-by {
    padding-top: 0.5208333333vw;
  }
}
@media (max-width: 576px) {
  .filter-by {
    padding-top: 0.6944444444vw;
  }
}
@media (max-width: 768px) {
  .filter-by {
    padding-right: 2.4739583333vw;
  }
}
@media (max-width: 576px) {
  .filter-by {
    padding-right: 3.2986111111vw;
  }
}

#project-tags {
  width: 25.9895833333vw;
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  #project-tags {
    width: 64.9739583333vw;
  }
}
@media (max-width: 576px) {
  #project-tags {
    width: 86.6319444444vw;
  }
}

#project-tags li {
  font-size: 0.625vw;
  padding-top: 0.2083333333vw;
  padding-bottom: 0.2083333333vw;
  padding-left: 0.625vw;
  padding-right: 0.625vw;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  transition: background 0.3s;
}
@media (max-width: 768px) {
  #project-tags li {
    font-size: 1.5625vw;
  }
}
@media (max-width: 576px) {
  #project-tags li {
    font-size: 2.0833333333vw;
  }
}
@media (max-width: 768px) {
  #project-tags li {
    padding-top: 0.5208333333vw;
  }
}
@media (max-width: 576px) {
  #project-tags li {
    padding-top: 0.6944444444vw;
  }
}
@media (max-width: 768px) {
  #project-tags li {
    padding-bottom: 0.5208333333vw;
  }
}
@media (max-width: 576px) {
  #project-tags li {
    padding-bottom: 0.6944444444vw;
  }
}
@media (max-width: 768px) {
  #project-tags li {
    padding-left: 1.5625vw;
  }
}
@media (max-width: 576px) {
  #project-tags li {
    padding-left: 2.0833333333vw;
  }
}
@media (max-width: 768px) {
  #project-tags li {
    padding-right: 1.5625vw;
  }
}
@media (max-width: 576px) {
  #project-tags li {
    padding-right: 2.0833333333vw;
  }
}

#project-tags li.active span {
  color: var(--white);
  position: relative;
  z-index: 2;
}

#project-tags li.active div {
  color: #fff;
  background: var(--black) 0% 0% no-repeat padding-box;
  border-radius: 20px;
  height: 100%;
  width: 100%;
  opacity: 1;
  z-index: 1;
  filter: 0.3125vw;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 768px) {
  #project-tags li.active div {
    filter: 0.78125vw;
  }
}
@media (max-width: 576px) {
  #project-tags li.active div {
    filter: 1.0416666667vw;
  }
}

.menu-main-menu-container li a span {
  color: var(--white);
}

.menu-main-menu-container li a:hover span {
  color: var(--white);
}

.left-logo svg path,
.right-logo svg path {
  fill: var(--white);
}

.language-switcher {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 100vw;
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25) inset;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25) inset;
  -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25) inset;
  width: 2.8645833333vw;
  height: 1.5625vw;
  padding-top: 0.2604166667vw;
  padding-bottom: 0.2604166667vw;
  padding-left: 0.4166666667vw;
  padding-right: 0.4166666667vw;
}
@media (max-width: 768px) {
  .language-switcher {
    width: 7.1614583333vw;
  }
}
@media (max-width: 576px) {
  .language-switcher {
    width: 9.5486111111vw;
  }
}
@media (max-width: 768px) {
  .language-switcher {
    height: 3.90625vw;
  }
}
@media (max-width: 576px) {
  .language-switcher {
    height: 5.2083333333vw;
  }
}
@media (max-width: 768px) {
  .language-switcher {
    padding-top: 0.6510416667vw;
  }
}
@media (max-width: 576px) {
  .language-switcher {
    padding-top: 0.8680555556vw;
  }
}
@media (max-width: 768px) {
  .language-switcher {
    padding-bottom: 0.6510416667vw;
  }
}
@media (max-width: 576px) {
  .language-switcher {
    padding-bottom: 0.8680555556vw;
  }
}
@media (max-width: 768px) {
  .language-switcher {
    padding-left: 1.0416666667vw;
  }
}
@media (max-width: 576px) {
  .language-switcher {
    padding-left: 1.3888888889vw;
  }
}
@media (max-width: 768px) {
  .language-switcher {
    padding-right: 1.0416666667vw;
  }
}
@media (max-width: 576px) {
  .language-switcher {
    padding-right: 1.3888888889vw;
  }
}
.language-switcher svg {
  width: 1.0078125vw;
  height: 1.0078125vw;
}
@media (max-width: 768px) {
  .language-switcher svg {
    width: 2.51953125vw;
  }
}
@media (max-width: 576px) {
  .language-switcher svg {
    width: 3.359375vw;
  }
}
@media (max-width: 768px) {
  .language-switcher svg {
    height: 2.51953125vw;
  }
}
@media (max-width: 576px) {
  .language-switcher svg {
    height: 3.359375vw;
  }
}
.language-switcher .menu {
  position: relative;
  top: 0.1041666667vw;
}
@media (max-width: 768px) {
  .language-switcher .menu {
    top: 0.2604166667vw;
  }
}
@media (max-width: 576px) {
  .language-switcher .menu {
    top: 0.3472222222vw;
  }
}
.language-switcher .menu a {
  font-size: 0.625vw;
  line-height: 0.625vw;
}
@media (max-width: 768px) {
  .language-switcher .menu a {
    font-size: 1.5625vw;
  }
}
@media (max-width: 576px) {
  .language-switcher .menu a {
    font-size: 2.0833333333vw;
  }
}
@media (max-width: 768px) {
  .language-switcher .menu a {
    line-height: 1.5625vw;
  }
}
@media (max-width: 576px) {
  .language-switcher .menu a {
    line-height: 2.0833333333vw;
  }
}
.language-switcher .menu a:hover {
  text-decoration: none !important;
  border-bottom: none !important;
}

.footer h4 {
  margin-bottom: 0;
  margin-left: 5.2083333333vw;
}
@media (max-width: 768px) {
  .footer h4 {
    margin-left: 13.0208333333vw;
  }
}
@media (max-width: 576px) {
  .footer h4 {
    margin-left: 17.3611111111vw;
  }
}

@media screen and (max-width: 768px) {
  .projects-list {
    flex-direction: column;
    gap: 1.9791666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .projects-list {
    gap: 4.9479166667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .projects-list {
    gap: 6.5972222222vw;
  }
}
@media screen and (max-width: 768px) {
  .project-item {
    width: 100%;
  }
  .wide {
    width: 100% !important;
  }
  .projects-header {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0.78125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .projects-header {
    padding-left: 1.953125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .projects-header {
    padding-left: 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) {
  .projects-title {
    width: 100%;
  }
  .projects-filter {
    justify-content: center;
    margin-top: 1.9791666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .projects-filter {
    margin-top: 4.9479166667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .projects-filter {
    margin-top: 6.5972222222vw;
  }
}
@media screen and (max-width: 768px) {
  #project-tags {
    justify-content: center;
    width: 100%;
  }
  .project-item h3 {
    font-size: 4.0104166667vw;
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .project-item h3 {
    font-size: 10.0260416667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .project-item h3 {
    font-size: 13.3680555556vw;
  }
}
@media screen and (max-width: 768px) {
  .project h2 {
    font-size: 3.0208333333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .project h2 {
    font-size: 7.5520833333vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .project h2 {
    font-size: 10.0694444444vw;
  }
}
@media screen and (max-width: 768px) {
  .projects-list {
    margin-top: 10vw !important;
  }
  .project-item h3 {
    font-size: 9vw;
  }
  .project h2 {
    font-size: 8vw;
  }
  #project-tags li {
    font-size: 4vw;
  }
  .filter-by {
    font-size: 4vw;
  }
  .hero-project-header {
    flex-direction: column;
  }
  .hero-project-header {
    width: 100vw;
    padding-left: 0.78125vw;
    padding-right: 0.78125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .hero-project-header {
    padding-left: 1.953125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .hero-project-header {
    padding-left: 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .hero-project-header {
    padding-right: 1.953125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .hero-project-header {
    padding-right: 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) {
  .hero-project-header h1 {
    font-size: 9vw;
  }
  .large-image-text-content {
    padding-left: 0.78125vw;
    padding-right: 0.78125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .large-image-text-content {
    padding-left: 1.953125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .large-image-text-content {
    padding-left: 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .large-image-text-content {
    padding-right: 1.953125vw;
  }
}
@media screen and (max-width: 768px) and (max-width: 576px) {
  .large-image-text-content {
    padding-right: 2.6041666667vw;
  }
}

/*# sourceMappingURL=style.css.map */