/* Define the custom font */
@font-face {
    font-family: 'Porsche Next';

    /* Name for the font */
    src: url('../fonts/PorscheNextWLa-Regular.woff2') format('woff2'), /* Modern format */
         url('../fonts/PorscheNextWLa-Regular.woff') format('woff');

    /* Legacy support */
    font-weight: normal;
    font-style: normal;
}

.mainbody {
    z-index: 1000;
    position: absolute;
    pointer-events: none;
}

#mainUI {
    z-index: 600 !important;
}

.welcomebody {
    height: 100% !important;
}



.scrollable{
    pointer-events: auto;
    position: absolute;
    overflow-y: auto;
    height: 80vh;
    top: 0px;
}

@media (orientation: landscape) {
    .scrollable{
        pointer-events: auto;
        position: relative;
        overflow-y: auto;
        height: 80vh;
        top: 0px;
    }
}

.infobody {
    height: 100% !important;
    background-color: #FFF;
    z-index: 2000 !important;
}

.imprintbody {
    height: 100% !important;
    overflow-y: auto;
    background-color: #FFF;
    z-index: 2000 !important;
}

.clickfinger {
    width: 16.6027vh;
    height: 18.4658vh;
    flex-shrink: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50vw;
    top: 50vh;
}

.title {
    color: #000;
    text-align: center;
    font-size: 5.55vh;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    font-family: "Porsche Next";
    width: 70vw;
    margin-top: 41.3vh;
    margin-bottom: 0px;
}

.subtitle {
    color: #000;
    text-align: center;
    font-family: "Porsche Next";
    font-size: 1.5753vh;
    font-style: normal;
    font-weight: 600;
    line-height: 135%; 

    /* 51.7px */
    letter-spacing: 0.1545vh;
    text-transform: uppercase;

    
}

.infobutton {
    width: 3.6712vh;
    height: 3.6712vh;
    flex-shrink: 0;
    position: absolute;
    right: 5.1507vh;
    margin-top: 1.6vh;
    z-index: 1200;
    pointer-events: auto;
}

.porschelogo {
    width: auto;
    flex-shrink: 0;
    margin-top: 2.8356vh;
    height: 1.68vh;
}

.arrow-left{
    height: 3vh;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3vw;
}

.arrow-left img{
    height: 100%;
}

.explaintext {
    color: #000;
    text-align: center;
    font-family: "Porsche Next";
    font-size: 1.9vh;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;

    /* 63.45px */
}

.explaintext-extra {
    color: #000;
    font-family: "Porsche Next";
    font-size: 1.9vh;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;

    /* 63.45px */
}
.imprinttext-extra {
    color: #000;
    font-family: "Porsche Next";
    font-size: 1.9vh;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;

    /* 63.45px */
}

.datatext-extra {
    color: #000;
    font-family: "Porsche Next";
    font-size: 1.9vh;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;

    /* 63.45px */
}

.exp-button {
    width: 23.1233vh;
    height: 6.3014vh;
    border-radius: 0.5479vh;
    background: #000;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10000;
    margin-bottom: 30vh;
    pointer-events: auto;
    border: none;
}

.exp-button-extra {
    width: 23.1233vh;
    height: 6.3014vh;
    border-radius: 0.5479vh;
    background: #000;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10000;
    margin-top: 6vh;
    pointer-events: auto;
    border: none;
}


.buttonText {
    color: #FFF;
    text-align: center;
    font-family: "Porsche Next";
    font-size: 1.9726vh;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    width: 100%;
    height: 100%;

    /* 39.6px */
}

.bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
}

.welcomebg {
    background-color: #ffffff;
    display: block;
}

.gradientBottom {
    height: 21.9178vh;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.10) 100%);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}

.gradientTop {
    height: 21.9178vh;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.10) 100%);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.bgImage {
    position: absolute;
    left: 53%;
    transform: translateX(-50%);
    top: 3vh;
    height: 41.1507vh;
    flex-shrink: 0;
}

.center-indiv {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.center-horizontal {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.explaintext-container {
    width: 80%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.explaintext-container-extra {
    width: 80%;
    position: relative;
    margin-top: 12vh;
    left: 50%;
    transform: translateX(-50%);
}


.main-text-body {
    display: block;
    width: 100vw;
    height: 100vh;
    top: 0vh;
    position: fixed;
}

.header {
    width: 100%;
    position: fixed;
    top: 0px;
    height: 6.863vh;
    background: #ffff;
    z-index: 10000;
    border-bottom: 0.2vh solid #e3e4e5;
}

.cta-1 {
    color: #FFF;
    text-align: center;
    font-family: "Porsche Next";
    font-size: 4.0548vh;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}

.cta-1-container {
    width: 45.7534vh;
    height: 13.1507vh;
    flex-shrink: 0;
    margin-top: 13.9726vh;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.cta-2-container {
    width: 45.7534vh;
    height: 13.1507vh;
    flex-shrink: 0;
    margin-top: 13.9726vh;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.previewImage {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
    top: 40vh;
    width: 30vh;
}

.previewImage-img {
    width: 100%;
    height: 100%;
}

/* #requestingCameraPermissions {
    color: black !important;
    background-color: white !important;
  }
  #requestingCameraIcon {
    filter: invert(1) !important;
  }
  
  .prompt-box-8w {
    background-color: white !important;
    color: #484848 !important;
  }
  .prompt-button-8w {
    background-color: #ffffff !important;
  }
  
  .button-primary-8w {
    background-color: #404040 !important;
  }
  #loadBackground{
    background-color: #ffffff;
  }

  .poweredby-img{
    filter: invert(1) !important;
  } */

.clickfinger {
    width: 16.6027vh;
    height: 18.4658vh;
    flex-shrink: 0;
    position: absolute;
    right: 3.8356vh;
    bottom: 3.4521vh;
}

.clickfinger-img {
    width: 100%;
    height: 100%;
}

.foreground-image{
    filter: invert(1) !important;
}

.footermain {
    position: fixed;
    bottom: 0px;
    width: 110%;
    height: auto;
    z-index: 10000;
    border-top: 0.2vh solid #e3e4e5;
    background: #ffff;
    pointer-events: auto;
}

.disclaimer {
    color: #000;
    font-family: "Porsche Next";
    font-size: 1.1vh;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 70%;
    left: 50%;
    position: relative;
    height: auto;
    transform: translateX(-50%);
}


.privacy {
    color: #000;
    font-family: "Porsche Next";
    font-size: 1.8vh;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.imprint {
    color: #000;
    font-family: "Porsche Next";
    font-size: 1.8vh;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 4.3836vh;
}

.dataprivacy{
    color: #000;
    font-family: "Porsche Next";
    font-size: 1.8vh;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 4.3836vh;
}

/* Disable text selection */
.no-select {
    user-select: none; /* Standard */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE */
    -moz-user-select: none; /* Firefox */
}

/* Prevent long press context menu on mobile */
.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
}

.footerbuttons {
    display: flex;
    justify-content: start;
    width: 70%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.explainheadline {
    color: #000;
    font-family: "Porsche Next";
    font-size: 1.9vh;
    font-style: normal;
    font-weight: 600;
    line-height: 135%;
    text-transform: uppercase;
}

.imprintheadline {
    color: #000;
    font-family: "Porsche Next";
    font-size: 1.9vh;
    font-style: normal;
    line-height: 135%;
}

.imprintmainheadline {
    color: #000;
    text-align: left;
    font-size: 2.55vh;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    font-family: "Porsche Next";
    width: 70vw;
    position: relative;
}

.dataheadline {
    color: #000;
    font-family: "Porsche Next";
    font-size: 1.9vh;
    font-weight: 600;
    line-height: 135%;
}

.datamainheadline {
    color: #000;
    text-align: left;
    font-size: 2.55vh;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    font-family: "Porsche Next";
    width: 70vw;
    position: relative;
}

.explainmainheadline {
    color: #000;
    text-align: center;
    font-size: 5.55vh;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    font-family: "Porsche Next";
    width: 70vw;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
}