@font-face {
  font-family: monument condensed;
  src: url('../fonts/PPMonumentCondensed-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: monument condensed;
  src: url('../fonts/PPMonumentCondensed-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: monument extended;
  src: url('../fonts/PPMonumentExtended-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: monument condensed;
  src: url('../fonts/PPMonumentCondensed-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: monument condensed;
  src: url('../fonts/PPMonumentCondensed-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: monument condensed;
  src: url('../fonts/PPMonumentCondensed-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: monument condensed;
  src: url('../fonts/PPMonumentCondensed-RegularItalic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: monument narrow;
  src: url('../fonts/PPMonumentNarrow-RegularItalic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: monument extended;
  src: url('../fonts/PPMonumentExtended-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: monument extended;
  src: url('../fonts/PPMonumentExtended-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: monument extended;
  src: url('../fonts/PPMonumentExtended-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: monument narrow;
  src: url('../fonts/PPMonumentNarrow-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: monument extended;
  src: url('../fonts/PPMonumentExtended-RegularItalic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: monument narrow;
  src: url('../fonts/PPMonumentNarrow-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: monument narrow;
  src: url('../fonts/PPMonumentNarrow-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: monument narrow;
  src: url('../fonts/PPMonumentNarrow-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Monument Normal Light;
  src: url('../fonts/PPMonumentNormal-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Monument Normal Black;
  src: url('../fonts/PPMonumentNormal-Black.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Monument Normal BlackItalic;
  src: url('../fonts/PPMonumentNormal-BlackItalic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Monument Normal LightItalic;
  src: url('../fonts/PPMonumentNormal-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Monument Normal Regular;
  src: url('../fonts/PPMonumentNormal-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Monument Normal RegularItalic;
  src: url('../fonts/PPMonumentNormal-RegularItalic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: monument wide;
  src: url('../fonts/PPMonumentWide-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: monument wide;
  src: url('../fonts/PPMonumentWide-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: monument wide;
  src: url('../fonts/PPMonumentWide-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: monument wide;
  src: url('../fonts/PPMonumentWide-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: monument wide;
  src: url('../fonts/PPMonumentWide-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: monument extended;
  src: url('../fonts/PPMonumentExtended-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: monument wide;
  src: url('../fonts/PPMonumentWide-RegularItalic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 100vh;
  min-height: 100vh;
  display: flex;
}

.body {
  overscroll-behavior-y: none;
  background-color: #fff;
  border: 1px #000;
  height: auto;
  overflow-x: hidden;
}

.cayenne-path {
  width: 60vw;
  min-width: auto;
  max-width: 800px;
  margin: -24px auto auto;
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
}

.start-animation {
  z-index: -1;
  aspect-ratio: auto;
  width: 100%;
  height: 100vh;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0;
}

.background-video {
  width: 100%;
  max-width: 100%;
}

.background-video-2 {
  aspect-ratio: 64 / 7.5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.div-block {
  aspect-ratio: 16 / 9;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  position: static;
}

.section {
  background-color: #202020;
  height: 100vh;
  min-height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.div-block-2 {
  z-index: 9;
  aspect-ratio: auto;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-3 {
  height: 100vh;
}

.div-block-4 {
  z-index: 999999;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 80px;
  display: flex;
  position: absolute;
  top: 0;
}

.image {
  width: 240px;
  margin: auto;
  overflow: visible;
}

.div-block-5 {
  flex-flow: row;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: auto;
  margin: auto;
  display: block;
  position: absolute;
  top: auto;
  bottom: auto;
}

.scroll-video {
  z-index: 0;
  object-fit: cover;
  background-color: #63636300;
  background-image: linear-gradient(#fff0 60%, #bebebe);
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100svh;
  position: relative;
  overflow: visible;
}

.div-block-6 {
  z-index: 300;
  background-color: #333;
  height: 100%;
  margin-top: 0;
  font-weight: 400;
  position: relative;
  top: 0;
}

.hero-section {
  z-index: 10;
  height: 100vh;
  margin-top: 0;
  position: relative;
}

.hidden-assets {
  z-index: 9999;
  opacity: 0;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  overflow: hidden;
}

.div-block-7 {
  color: #585858;
  width: 100%;
  height: 100vh;
  max-height: 100svh;
  margin-top: 0;
  position: sticky;
  top: 0;
}

.text-block {
  z-index: 999999999;
  color: #000;
  text-align: center;
  background-color: #0000;
  justify-content: center;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 40px;
  display: block;
  position: absolute;
  inset: auto auto 0;
}

.code-embed {
  margin-top: auto;
  margin-bottom: auto;
  position: static;
  inset: 0%;
}

.text-block-2 {
  color: #000;
  text-align: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  position: absolute;
  inset: 61% 0% auto;
}

.div-block-8 {
  z-index: 99999;
  aspect-ratio: auto;
  height: 100%;
  max-height: none;
  padding-bottom: 1%;
  display: flex;
  position: absolute;
  inset: 0 0% auto;
}

.text-block-3 {
  color: #000;
  margin: auto auto 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 900;
}

.configurator {
  margin: auto 40px auto auto;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 0 auto auto;
}

.image-2 {
  width: 24px;
}

.navigator {
  margin: auto auto auto 40px;
  display: block;
  position: absolute;
  inset: auto auto auto 0%;
}

.nav {
  width: 40px;
}

.image-3 {
  color: #fff;
  width: 20px;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
}

.div-block-9 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-10 {
  z-index: -10;
  position: absolute;
  inset: 0%;
}

.background-video-3 {
  opacity: .5;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  mix-blend-mode: screen;
}

.div-block-11 {
  background-color: #2542b4;
  max-width: none;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
}

.image-4 {
  background-image: linear-gradient(#000, #2542b4);
}

.div-block-12 {
  z-index: 2147483647;
  aspect-ratio: 16 / 9;
  justify-content: center;
  align-items: flex-start;
  padding-top: 11%;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate(0);
}

.div-block-13 {
  aspect-ratio: 16 / 9;
  position: relative;
}

.titleblack {
  color: #fff;
  text-align: center;
  font-family: monument extended, Arial, sans-serif;
  font-size: clamp(28px, 2.5vw, 80px);
  font-weight: 400;
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.titleblack.r {
  z-index: 100;
  text-align: right;
  position: relative;
}

.div-block-14 {
  z-index: 99999;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  gap: clamp(10px, 2vw, 24px);
  max-width: 1440px;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.subtitle {
  color: #fff;
  text-align: center;
  background-color: #2644ba;
  border-radius: 50px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 12px;
  font-family: Inter Tight, sans-serif;
  font-size: clamp(12px, 1vw, 12px);
  font-weight: 100;
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.subtitle.r {
  text-align: right;
}

.div-block-15 {
  z-index: 99999999;
  background-color: #20202000;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: clamp(4rem, 10vw, 10rem);
  position: relative;
}

.grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #d9d4d400;
  border: 1px #000;
  border-radius: 20px;
  grid-template: "Area Area-2 Area-3"
  / 1fr 1fr 1fr;
  gap: clamp(16px, 2vw, 24px);
  width: auto;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding: 1% 0% 3%;
}

.car_specs {
  color: #fff;
  text-align: center;
  font-family: monument extended, Arial, sans-serif;
  font-size: clamp(24px, 4vw, 48px);
  line-height: .8;
}

.info_sub {
  color: #b3b3b3;
  text-align: center;
  flex-flow: column;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-end;
  font-family: Inter, sans-serif;
  font-size: clamp(14px, 1vw, 28px);
  line-height: 1;
  display: flex;
  position: static;
  top: auto;
}

.div-block-16 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  gap: clamp(8px, 1vw, 16px);
  display: flex;
}

.div-block-17 {
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  flex-flow: column;
  justify-content: space-between;
  gap: clamp(10px, 1.5vw, 24px);
  margin-bottom: auto;
  display: flex;
}

.div-block-18 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: space-between;
  gap: clamp(10px, 1.5vw, 24px);
  height: auto;
  min-height: auto;
  max-height: none;
  margin-bottom: auto;
  display: flex;
}

.image-5 {
  object-fit: none;
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}

.div-block-19 {
  aspect-ratio: auto;
  border-radius: 15px;
  width: 100%;
  max-width: none;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible;
}

.div-block-20 {
  z-index: 50;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(45deg, #0000 38%, #0000001a 45%, #000000b3);
  flex-flow: column;
  padding: 6% 6% 25% 24%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-21 {
  position: absolute;
  inset: 0%;
}

.point1 {
  z-index: 999;
  cursor: auto;
  justify-content: space-between;
  align-items: center;
  width: 32px;
  max-width: none;
  height: 32px;
  max-height: none;
  display: flex;
  position: absolute;
  top: 54%;
  left: 34%;
  transform: translate(-50%, -50%);
}

.point1:hover {
  pointer-events: auto;
  display: flex;
}

.image-6 {
  z-index: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.point2 {
  position: absolute;
  top: 48%;
  left: 73%;
  transform: translate(-50%, -50%);
}

.point3 {
  position: absolute;
  top: 79%;
  left: 46%;
  transform: translate(-50%, -50%);
}

.image-7 {
  z-index: 10;
  width: 40%;
  height: 40%;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.at_point1 {
  z-index: 100;
  aspect-ratio: 1;
  opacity: 1;
  cursor: pointer;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 32px;
  height: 32px;
  display: block;
  position: relative;
}

.at_point2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 3vw;
  height: 3vh;
  display: block;
  position: relative;
}

.att_point2 {
  z-index: 100;
  cursor: auto;
  justify-content: space-between;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  top: 49%;
  left: 73%;
  overflow: visible;
  transform: translate(-50%, -50%);
}

.att_point3 {
  z-index: 999;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  top: 80%;
  left: 47%;
  transform: translate(-50%, -50%);
}

.div-block-22 {
  border-radius: 0;
  max-height: none;
  overflow: hidden;
}

.text-block-5 {
  box-sizing: border-box;
  opacity: 0;
  color: #fff;
  white-space: nowrap;
  background-color: #464646;
  width: auto;
  padding: 4px 8px;
  font-family: Inter, sans-serif;
  position: absolute;
  top: 50%;
  left: 110%;
  transform: translate(0%, -50%);
}

.text_info {
  z-index: 999999999;
  box-sizing: border-box;
  opacity: 1;
  color: #fff;
  white-space: nowrap;
  background-color: #46464600;
  border-radius: 0;
  flex: 0 auto;
  order: 0;
  align-self: flex-start;
  width: auto;
  padding: 8px 12px 8px 0;
  font-family: monument extended, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.at_point_test {
  z-index: 100;
  aspect-ratio: 1;
  opacity: 1;
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: block;
  position: relative;
}

.div-block-23 {
  flex: 0 auto;
  width: auto;
  min-width: 8px;
  max-width: 12px;
  height: 1px;
  position: static;
}

.div-block-24 {
  z-index: 2147483647;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 0;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
  position: relative;
  transform: none;
}

.att_point2-backup {
  z-index: 100;
  justify-content: flex-start;
  align-items: center;
  width: 3vw;
  height: 3vw;
  display: flex;
  position: absolute;
  top: 49%;
  left: 72%;
  overflow: visible;
  transform: translate(-50%, -50%);
}

.at_point_backup {
  z-index: 100;
  opacity: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 3vw;
  height: 3vh;
  display: block;
  position: absolute;
}

.backup_point2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 0;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
  position: relative;
  transform: none;
}

.div-block-25 {
  flex: 1;
  min-height: 1vh;
  max-height: 40px;
}

.section-2 {
  position: relative;
}

.porsche-360-container {
  z-index: 99999;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: auto;
  background-color: #fff0;
  background-image: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1400px;
  height: auto;
  min-height: auto;
  margin-bottom: -7vh;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 0;
  display: flex;
  position: relative;
  top: 0;
}

.code-embed-2 {
  z-index: 99999;
  align-self: center;
  max-width: none;
  margin: auto;
  position: relative;
}

.div-block-27 {
  cursor: auto;
  background-color: #20202000;
  background-image: none;
  width: 100%;
  margin-top: 0;
  position: relative;
}

.porsche-frame {
  z-index: 9999;
  cursor: auto;
  height: 100%;
  margin-bottom: auto;
  position: relative;
}

.section-3 {
  z-index: 5;
  background-image: linear-gradient(#09133c, #182556);
  position: relative;
}

.section-3.scroll-section {
  background-image: linear-gradient(#202020, #141414);
  padding-top: clamp(2rem, 3%, 6rem);
}

.image-8 {
  margin-top: 0;
  margin-bottom: auto;
  position: absolute;
  inset: 0%;
}

.div-block-28 {
  z-index: 10;
  margin-left: 96px;
  margin-right: 96px;
  padding-top: 8%;
  position: absolute;
  inset: 0%;
}

.slider_container {
  scroll-snap-type: x mandatory;
  background-color: #202020;
  width: 100%;
  padding-left: clamp(8rem, 10%, 10rem);
  display: block;
  position: relative;
  overflow: auto;
}

.slider_container.white {
  background-color: #fff;
}

.card_newslider2 {
  color: #000;
  margin-top: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 20px;
}

.card_newslider2.white {
  color: #000;
}

.text-block-40-copy2-copy {
  color: #000;
  align-self: auto;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  display: block;
}

.text-block-40-copy2-copy.white {
  color: #000;
  line-height: 1;
}

.text-block-40-copy2-copy.white.vertikal {
  line-height: 1;
}

.div-block-128 {
  flex: none;
  width: 10vw;
  height: 1px;
}

.card_subtitle {
  color: #000;
  margin-top: auto;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.card_subtitle.white {
  color: #000;
  text-align: left;
  order: 0;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: auto;
  font-size: 16px;
  display: flex;
}

.div-block-134 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  height: 100%;
  display: flex;
}

.slider_track {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  aspect-ratio: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.index_service {
  color: #bdbdbd;
  scroll-snap-align: start;
  background-color: #20202000;
  border-radius: 0;
  flex-flow: column;
  flex: none;
  order: 0;
  justify-content: space-around;
  width: 800px;
  height: 760px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-135 {
  background-color: #fff;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.image-9 {
  object-fit: cover;
  border-radius: 5px;
  width: 100%;
  max-width: none;
  height: 600px;
  min-height: 600px;
  margin-bottom: auto;
  padding-bottom: 0;
}

.section-4 {
  background-color: #202020;
  flex-flow: column;
  margin-top: 0;
  padding-top: 10rem;
  padding-bottom: 8rem;
  display: flex;
  position: relative;
}

.tagline {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  background-color: #2644ba00;
  border-radius: 5px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Inter Tight, sans-serif;
  font-size: clamp(12px, 2vw, 16px);
  font-weight: 100;
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.tagline.r {
  text-align: right;
}

.div-block-136 {
  z-index: 999999;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  flex: 0 auto;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 6rem;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.tagline_slider {
  color: #000;
  text-align: center;
  background-color: #2644ba00;
  border-radius: 5px;
  margin: 0 auto auto;
  padding-bottom: 0;
  font-family: monument extended, Arial, sans-serif;
  font-size: clamp(32px, 2vw, 48px);
  font-weight: 300;
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.tagline_slider.r {
  text-align: right;
}

.tagline_slider.black {
  color: #000;
  text-align: left;
}

.tagline_slider.black.info {
  margin-left: 0;
  display: block;
}

.div-block-137 {
  width: 100%;
  height: clamp(24px, 8vh, 80px);
  margin-top: auto;
}

.tagline_slider-small {
  color: #fff;
  text-align: center;
  background-color: #2644ba00;
  border-radius: 5px;
  max-width: 1440px;
  margin: 0 auto auto 0;
  padding-bottom: 0;
  font-family: Inter Tight, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.tagline_slider-small.r {
  text-align: right;
}

.div-block-138 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-image: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  padding: 2rem 2rem 0 0;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.div-block-138.black {
  background-color: #000;
}

.tagline_slider_card {
  color: #fff;
  text-align: left;
  background-color: #2644ba00;
  border-radius: 5px;
  margin: 0 auto 0 0;
  font-family: Monument Normal Light, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.tagline_slider_card.r {
  text-align: right;
}

.tagline_slider_card.black {
  color: #000;
}

.tagline_slider-small-info {
  color: #fff;
  text-align: left;
  background-color: #2644ba00;
  border-radius: 5px;
  margin-left: 0;
  margin-right: auto;
  font-family: Inter Tight, sans-serif;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.4;
  position: static;
  left: 0;
  right: 0;
}

.tagline_slider-small-info.r {
  text-align: right;
}

.tagline_slider-small-info.black {
  color: #000;
}

.car_specs-title {
  color: #4d4d4d;
  text-align: left;
  align-self: center;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: clamp(16px, 1vw, 36px);
  line-height: 1;
}

.car_specs-title.left {
  color: #fff;
  margin-right: auto;
}

.specs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-end;
  gap: clamp(16px, 1vw, 24px);
  height: 100%;
  display: flex;
  position: static;
}

.div-block-139 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.car_specs-title-copy {
  color: #999;
  text-align: left;
  margin-top: 0%;
  font-family: Inter, sans-serif;
  font-size: clamp(12px, .5vw, 24px);
  line-height: 1;
}

.title_grid2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  gap: clamp(8px, 1vw, 16px);
  display: flex;
}

.specs2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-end;
  gap: clamp(16px, 1vw, 24px);
  height: 100%;
  display: flex;
  position: static;
}

.section-5 {
  background-color: #fff;
  padding-bottom: 0;
}

.taglineblack {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  background-color: #2644ba00;
  border-radius: 5px;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  font-family: Inter Tight, sans-serif;
  font-size: clamp(12px, 1vw, 16px);
  font-weight: 200;
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.taglineblack.r {
  text-align: right;
}

.taglineblack.white {
  color: #fff;
}

.tagline_slider_interior {
  color: #fff;
  text-align: center;
  background-color: #2644ba00;
  border-radius: 5px;
  margin: 0 auto auto -2px;
  font-family: Inter, sans-serif;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.tagline_slider_interior.r {
  text-align: right;
}

.tagline_slider_interior.onimage {
  margin-left: auto;
  margin-right: 0;
}

.div-block-140 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #202020;
  flex-flow: column;
  padding-bottom: 4rem;
  padding-left: 96px;
  display: flex;
  position: relative;
}

.background-video-4 {
  width: 100%;
  height: 100%;
}

.image-10 {
  background-color: #fff0;
  width: 30%;
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.div-block-141 {
  padding-left: 96px;
  padding-right: 96px;
}

.div-block-142 {
  height: 2rem;
}

.titleblackthick {
  color: #000;
  text-align: center;
  font-family: monument extended, Arial, sans-serif;
  font-size: clamp(28px, 2.5vw, 80px);
  font-weight: 400;
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.titleblackthick.r {
  z-index: 100;
  text-align: right;
  position: relative;
}

.titleblackthick.white {
  color: #fff;
}

.tagline_slider-small-test {
  color: #000;
  text-align: center;
  background-color: #2644ba00;
  border-radius: 5px;
  max-width: 980px;
  margin: 0 auto auto;
  padding-bottom: 4rem;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.1;
  position: static;
  left: 0;
  right: 0;
}

.tagline_slider-small-test.r {
  text-align: right;
}

.grid-copy {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  text-align: left;
  background-color: #d9d4d400;
  border: 1px #000;
  border-radius: 20px;
  grid-template: "Area Area-2 Area-3"
  / 1fr 1fr 1fr;
  gap: clamp(16px, 2vw, 24px);
  width: auto;
  max-width: none;
  margin-left: 96px;
  margin-right: 96px;
  padding: 3% 0%;
}

.div-block-143 {
  margin-left: 96px;
  margin-right: 96px;
}

.image-11 {
  object-fit: cover;
  max-width: 100%;
  min-height: 100vh;
}

.div-block-144, .smallinfotext {
  margin-left: 96px;
  margin-right: 96px;
}

.smallinotext {
  color: #999;
  text-align: right;
  background-color: #2644ba00;
  border-radius: 5px;
  max-width: none;
  margin: 0 auto auto 0;
  padding-top: 4rem;
  padding-bottom: 0;
  font-family: Inter Tight, sans-serif;
  font-size: 1rem;
  font-weight: 100;
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.smallinotext.r {
  text-align: right;
}

.smallinotext.test {
  text-align: center;
  max-width: 940px;
  margin-left: auto;
  padding-top: 0;
  font-weight: 300;
  line-height: 1.1;
}

.div-block-145 {
  padding-bottom: 40px;
  padding-left: 40px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.div-block-146 {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  background-color: #2644ba;
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin-right: auto;
  padding: 12px 24px;
  display: flex;
  position: static;
}

.image-9-copy {
  box-sizing: border-box;
  object-fit: cover;
  object-fit: cover;
  max-width: 100%;
  height: 100%;
  padding-bottom: 116px;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-areas: "Area Area-2";
  grid-auto-flow: row;
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin-top: auto;
  margin-bottom: auto;
}

.image-12 {
  flex: 0 auto;
  align-self: center;
  width: 35%;
  max-width: none;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-147 {
  width: 100%;
  max-width: none;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.div-block-148 {
  width: auto;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
}

.div-block-149 {
  flex-flow: column;
  justify-content: center;
  max-width: none;
  min-height: 100vh;
  margin-left: 96px;
  margin-right: 96px;
  display: flex;
}

.div-block-150 {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  top: 10%;
  transform: translate(0);
}

.section-6 {
  background-color: #202020;
  margin-left: 0;
  margin-right: 0;
}

.grid-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-areas: "Area Area-2";
}

.section-7 {
  background-color: #202020;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: auto;
  padding-top: 10rem;
  padding-bottom: 10rem;
  display: flex;
}

.section-7.scroll-section {
  background-color: #fff;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.section-7.scroll-section.fade-in-element {
  width: 100%;
}

.div-block-151 {
  margin: auto 40px;
  display: block;
  position: static;
}

.div-block-152 {
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  min-height: auto;
  display: block;
  position: static;
}

.left {
  color: #000;
  text-align: left;
}

.left.black {
  color: #fff;
}

.left.black.trans {
  opacity: 0;
}

.div-block-153 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: flex;
}

.section-8 {
  background-color: #202020;
  border-top: 1px solid gray;
  min-height: auto;
}

.div-block-154 {
  flex-flow: column;
  display: flex;
}

.div-block-155 {
  margin: 4rem 96px;
}

.grid-4 {
  grid-template: "Area Area-2 Area-3 Area-4 Area-5"
  / 1fr 1fr 1fr 1fr 1fr;
}

.footer_heeader {
  text-align: left;
  font-weight: 500;
}

.div-block-156 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.div-block-157 {
  width: 80%;
}

.porsche-wappen {
  flex: 0 auto;
  align-self: center;
  width: 40%;
  max-width: 400px;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-158 {
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.div-block-159 {
  margin-top: auto;
  margin-bottom: auto;
}

.tagline_logo {
  color: #fff;
  text-align: left;
  background-color: #2644ba00;
  border-radius: 5px;
  max-width: 640px;
  margin: 0 auto auto 0;
  padding-left: 8%;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.2;
  position: static;
  left: 0;
  right: 0;
}

.tagline_logo.r {
  text-align: right;
}

.title_models {
  color: #fff;
  text-align: center;
  background-color: #2644ba00;
  border-radius: 5px;
  margin: 0 auto auto;
  font-family: Inter, sans-serif;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.title_models.r {
  text-align: right;
}

.modelle {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #202020;
  flex-flow: column;
  padding-bottom: 4rem;
  padding-left: 0;
  display: flex;
  position: relative;
}

.div-block-160 {
  margin-top: auto;
}

.right {
  text-align: left;
}

.right.thick {
  text-align: right;
  font-weight: 500;
}

.grid-5 {
  grid-template: "Area Area-2"
                 "Area-3 Area-4"
                 "Area-5 Area-6"
                 "Area-7 Area-8"
                 / 1fr 1fr 1fr;
}

.emblem-title {
  color: #fff;
  text-align: left;
  background-color: #2644ba00;
  border-radius: 5px;
  margin: 0 auto 1rem 0;
  font-family: Inter, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.emblem-title.r {
  text-align: right;
}

.div-block-161 {
  margin-bottom: auto;
  position: absolute;
  top: 5%;
  right: 5%;
  transform: translate(0);
}

.grid-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "Area Area-2 Area-3"
  / 1fr 1fr 1fr;
  padding-left: 5%;
}

.text-block-6 {
  color: #000;
  font-family: monument extended, Arial, sans-serif;
  font-size: clamp(16px, 1.5vw, 56px);
}

.div-block-162 {
  border-left: 1px solid gray;
  flex-flow: column;
  gap: clamp(12px, 1.5vh, 40px);
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.data_left {
  flex-flow: column;
  gap: clamp(12px, 1.5vh, 40px);
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.div-block-163 {
  border-left: 1px #999;
}

.model_titles {
  color: #000;
  text-align: center;
  background-color: #2644ba00;
  border-radius: 5px;
  margin: 0 auto 0 0;
  font-family: monument extended, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.model_titles.r {
  text-align: right;
}

.div-block-164 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button {
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 12px 24px;
}

.button-2 {
  background-color: #2644ba;
  border: 1px solid #2644ba;
  border-radius: 50px;
  padding: 12px 24px;
  font-family: Inter, sans-serif;
}

.div-block-165 {
  margin-top: 4rem;
}

.div-block-166 {
  flex-flow: row;
  justify-content: flex-start;
  margin-top: 2rem;
  padding-left: 8%;
  padding-right: 11%;
  display: block;
  overflow: hidden;
}

.div-block-167 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #999;
  padding-bottom: 8px;
  display: flex;
}

.image-13 {
  width: 80%;
}

.tagline_logofr {
  color: #fff;
  text-align: left;
  background-color: #2644ba00;
  border-radius: 5px;
  max-width: 640px;
  margin: 0 auto auto 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.2;
  position: static;
  left: 0;
  right: 0;
}

.tagline_logofr.r {
  text-align: right;
}

.spec-toggle {
  width: clamp(8px, 1vw, 24px);
  margin-top: auto;
  margin-bottom: auto;
}

.spezis {
  color: #000;
  text-align: left;
  margin-top: auto;
  font-size: .8rem;
}

.div-block-168 {
  margin-bottom: 2rem;
}

.spec-content {
  width: 100%;
  height: 0;
}

.spec-overlay {
  z-index: 9999999;
  opacity: 0;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #00000003;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.spec-modal {
  background-color: #000;
  border-radius: 15px;
  flex-flow: column;
  width: 90%;
  max-width: 1100px;
  max-height: 80vh;
  padding: 0%;
  display: flex;
  overflow: auto;
}

.text-block-7 {
  color: #fff;
  margin-top: 0;
}

.text-block-8 {
  color: #000;
  font-family: Inter, sans-serif;
}

.spec-close {
  margin-left: auto;
  text-decoration: none;
  position: absolute;
  inset: 3% 3% auto auto;
}

.spec-close.exterior {
  margin-left: 0;
  margin-right: auto;
  display: block;
  position: relative;
  top: 4rem;
  left: 4rem;
  right: auto;
}

.image-14 {
  width: 100%;
}

.image-15 {
  z-index: 20;
  opacity: 0;
  mix-blend-mode: normal;
  position: absolute;
  inset: 0%;
}

.testhero {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 12%;
}

.pionier {
  flex: 0 auto;
  align-self: center;
  width: 100%;
  max-width: none;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-16 {
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-169 {
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 96px;
  padding-right: 96px;
}

.div-block-170 {
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  max-width: 1440px;
  min-height: auto;
  margin: auto;
  display: block;
}

.div-block-171 {
  margin-left: 96px;
  margin-right: 96px;
  position: absolute;
  inset: 0%;
}

.div-block-172 {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: auto;
  min-height: 100vh;
  max-height: 100vh;
  display: flex;
  position: relative;
}

.section-9 {
  background-color: #202020;
  min-height: auto;
  padding-top: 8rem;
}

.tagline_slider-copy {
  color: #fff;
  text-align: center;
  background-color: #2644ba00;
  border-radius: 5px;
  margin: 0 auto auto 0;
  font-family: Inter, sans-serif;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.tagline_slider-copy.r {
  text-align: right;
}

.div-block-173 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section-10 {
  background-color: #000;
  padding-top: 8rem;
  padding-left: 40px;
  padding-right: 40px;
}

.interior-info {
  z-index: 999999;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  flex: 0 auto;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 6rem;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.div-block-174 {
  align-self: flex-start;
  padding-left: 96px;
}

.innnenraum_slider {
  background-color: #000;
  width: 100%;
  padding-left: 96px;
  position: relative;
  overflow: hidden;
}

.exterior_slider {
  background-color: #202020;
  flex-flow: column;
  margin-top: 0;
  padding-top: 10rem;
  padding-bottom: 8rem;
  display: flex;
  position: relative;
}

.div-block-175 {
  padding-bottom: 6rem;
}

.section-11 {
  background-color: #202020;
  min-height: auto;
}

.section-11.scroll-section {
  z-index: 0;
  display: block;
  position: relative;
}

.div-block-176 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-image: linear-gradient(#141414, #202020);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  gap: clamp(3rem, 6%, 8rem);
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: 0;
  padding-top: clamp(6rem, 6%, 8rem);
  display: flex;
  position: static;
}

.div-block-177 {
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  max-width: 1440px;
  min-height: auto;
  margin: auto;
  padding-left: 96px;
  padding-right: 96px;
  display: block;
}

.div-block-178 {
  width: 90%;
  margin: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.image-17 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-179 {
  margin-right: 96px;
  position: absolute;
  inset: 0%;
}

.div-block-180 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.tagline_slider-copy-2 {
  color: #fff;
  text-align: center;
  background-color: #2644ba00;
  border-radius: 5px;
  margin: 0 0 auto auto;
  font-family: Inter, sans-serif;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.section-12 {
  color: #000;
  background-color: #fff;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.div-block-181 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 4rem;
  display: flex;
}

.slider_interior {
  background-color: #202020;
  width: 100%;
  padding-left: 96px;
  position: relative;
  overflow: hidden;
}

.header_exterior {
  z-index: 999999;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  flex: 0 auto;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 4rem;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.slider_exterior {
  z-index: 999;
  background-color: #fff;
  flex-flow: column;
  margin-top: 0;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.point1_exterior {
  justify-content: space-between;
  align-items: center;
  width: 32px;
  max-width: none;
  height: 32px;
  max-height: none;
  display: flex;
  position: absolute;
  top: 40%;
  left: 15%;
  transform: translate(-50%, -50%);
}

.point2_exterior {
  justify-content: space-between;
  align-items: center;
  width: 32px;
  max-width: none;
  height: 32px;
  max-height: none;
  display: flex;
  position: absolute;
  top: 62%;
  left: 85%;
  transform: translate(-50%, -50%);
}

.div-block-182 {
  z-index: 2147483647;
  opacity: 1;
  justify-content: flex-start;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.div-block-183 {
  background-color: #fff;
  flex-flow: column;
  flex: none;
  width: 600px;
  min-width: 600px;
  display: flex;
}

.div-block-184 {
  background-color: red;
  flex: none;
  width: auto;
  height: 100vh;
}

.image-18 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100vh;
  overflow: hidden;
}

.horizontal-wrapper {
  justify-content: flex-start;
  width: 200vw;
  display: flex;
}

.div-block-185 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 4rem;
  padding-right: 6rem;
  display: flex;
}

.small_tag {
  color: #52aef4;
  text-align: center;
  background-color: #2644ba00;
  border-radius: 5px;
  margin: 0 auto auto 0;
  padding-bottom: 0;
  font-family: monument extended, Arial, sans-serif;
  font-size: clamp(20px, 1vw, 40px);
  font-weight: 300;
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.small_tag.r {
  text-align: right;
}

.small_tag.black {
  color: #000;
  text-align: left;
}

.div-block-186 {
  align-self: flex-start;
  margin-left: 96px;
}

.info_section {
  z-index: 999999;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  flex: 0 auto;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.info_class {
  color: #fff;
  text-align: center;
  background-color: #2644ba00;
  border-radius: 5px;
  margin: 0 auto auto;
  padding-bottom: 0;
  font-family: monument extended, Arial, sans-serif;
  font-size: clamp(32px, 2vw, 48px);
  font-weight: 300;
  line-height: 1;
  display: none;
  position: static;
  left: 0;
  right: 0;
}

.info_class.r {
  text-align: right;
}

.info_class.black {
  color: #000;
  text-align: left;
}

.info_pionier {
  color: #fff;
  text-align: center;
  background-color: #2644ba00;
  border-radius: 5px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  font-family: Inter Tight, sans-serif;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.2;
  position: static;
  left: 0;
  right: 0;
}

.info_pionier.r {
  text-align: right;
}

.info_section_interiror {
  z-index: 999999;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  flex: 0 auto;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2rem;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.div-block-187 {
  max-width: 240px;
  padding-bottom: 40%;
}

.image-19 {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 900px;
  position: relative;
}

.div-block-188 {
  z-index: 100;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 0;
}

.div-block-189 {
  background-color: #202020;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1920px;
  min-height: 90vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.div-block-190 {
  border-radius: 15px;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: hidden;
}

.section-13 {
  z-index: 999;
  background-color: #202020;
  min-height: 100%;
  padding-top: 8rem;
  position: relative;
}

.info_tag {
  color: #2644ba;
  text-align: center;
  background-color: #2644ba00;
  border-radius: 5px;
  margin: 4.9rem auto auto;
  padding-bottom: 0;
  font-family: monument extended, Arial, sans-serif;
  font-size: clamp(14px, 1vw, 28px);
  font-weight: 300;
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.info_tag.r {
  text-align: right;
}

.info_tag.black {
  color: #000;
  text-align: left;
}

.slider_exterior-copy {
  z-index: 999;
  background-color: #202020;
  flex-flow: column;
  margin-top: 0;
  padding-top: clamp(2rem, 3%, 5rem);
  padding-bottom: 8rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider_container_white {
  scroll-snap-type: x mandatory;
  background-color: #fff;
  width: 100%;
  padding-left: 96px;
  display: block;
  position: relative;
  overflow: auto;
}

.interior_opener {
  color: #000;
  text-align: center;
  background-color: #2644ba00;
  border-radius: 5px;
  flex: 0 auto;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: monument extended, Arial, sans-serif;
  font-size: clamp(32px, 2vw, 48px);
  font-weight: 300;
  line-height: 1;
  position: static;
  bottom: -4902.02px;
  left: 0;
  right: 0;
}

.interior_opener.r {
  text-align: right;
}

.interior_opener.black {
  color: #000;
  text-align: left;
}

.div-block-191 {
  flex-flow: column;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  min-height: auto;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: relative;
}

.div-block-192 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: clamp(4rem, 6%, 8rem);
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-193 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  margin-top: auto;
  display: block;
  position: static;
  inset: 12% 0% auto;
}

.info_tag_innen {
  color: #2644ba;
  text-align: center;
  background-color: #2644ba00;
  border-radius: 5px;
  margin: 0 auto auto;
  padding-bottom: 0;
  font-family: monument extended, Arial, sans-serif;
  font-size: clamp(14px, 1vw, 28px);
  font-weight: 300;
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.info_tag_innen.r {
  text-align: right;
}

.info_tag_innen.black {
  color: #000;
  text-align: left;
}

.info_innen {
  color: #000;
  text-align: center;
  background-color: #2644ba00;
  border-radius: 5px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  font-family: Inter Tight, sans-serif;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.2;
  position: static;
  left: 0;
  right: 0;
}

.info_innen.r {
  text-align: right;
}

.bottom {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: static;
  inset: auto 0% 10%;
}

.div-block-194 {
  z-index: 99999999;
  position: fixed;
  bottom: 0%;
  left: 0%;
}

.div-block-194.scroll-nav-wrapper {
  inset: auto auto 0% 0%;
}

.div-block-195 {
  width: 8px;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
}

.text-block-9 {
  color: #fff;
  margin-left: 12px;
  font-family: Inter, sans-serif;
}

.div-block-196 {
  padding-left: 24px;
  display: flex;
}

.scroll-section.innendesign {
  width: 100%;
}

.scroll-section.gradient {
  background-image: linear-gradient(#e6e6e6, #fff 60%);
  min-height: auto;
  padding-bottom: 0;
}

.scroll-nav-item {
  display: flex;
}

.scroll-nav-line {
  padding-left: 24px;
  display: flex;
}

.scroll-nav-text {
  margin-left: 16px;
}

.image-20 {
  width: 8px;
  margin-top: auto;
  margin-bottom: auto;
}

.background-video-5 {
  z-index: 99999;
  aspect-ratio: auto;
  border-radius: 5px;
  flex: none;
  width: auto;
  height: 600px;
}

.image-21 {
  width: 90%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 96px;
  padding-right: 96px;
}

.div-block-197 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
}

.arrow {
  opacity: 1;
  width: 5vw;
  margin-left: auto;
  margin-right: auto;
}

.image-23 {
  width: 5vw;
}

.arrow_lower {
  opacity: 1;
  width: 5vw;
  margin-left: auto;
  margin-right: auto;
}

.arrow_lower._2 {
  opacity: 1;
}

.video {
  z-index: 99999;
  opacity: .5;
  filter: blur(2px);
  mix-blend-mode: normal;
  height: 50%;
  display: block;
}

.div-block-198 {
  z-index: 2147483647;
  background-color: #000;
  position: fixed;
  inset: 0 0 auto;
}

.header_nav {
  z-index: 999999;
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 80px;
  display: flex;
  position: absolute;
  top: 0;
}

.div-block-199 {
  height: 80px;
  display: none;
}

.grid-7 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  background-color: #000;
  grid-template: "Area Area-2 Area-3"
                 "Area-4 Area-5 Area-6"
                 "Area-7 Area-8 Area-9"
                 ". . ."
                 ". . ."
                 / 1fr 1fr 1fr;
  max-width: 1440px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 144px 40px 40px;
  position: relative;
}

.nav-menu {
  color: #fff;
  text-align: left;
  letter-spacing: .3px;
  background-color: #2644ba00;
  border-radius: 5px;
  margin: 0 auto auto 0;
  padding-left: 0;
  font-family: monument extended, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.nav-menu.r {
  text-align: right;
}

.nav-menu.black {
  color: #000;
}

.div-block-200 {
  color: #fff;
  border: 1px #6e6e6e;
  border-bottom: 0 #000;
  width: 100%;
  height: 56px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.div-block-200.none {
  opacity: 0;
}

.image-24 {
  opacity: .8;
  height: 24px;
}

.link-block {
  border-bottom: 1px solid #9c9c9c;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.nav_open {
  width: 40px;
}

.navigator_close {
  margin: auto auto auto 40px;
  padding-left: 0;
  display: block;
  position: absolute;
  inset: auto auto auto 0%;
}

.navigator_whenopen {
  margin: auto auto auto 40px;
  display: none;
  position: absolute;
  inset: auto auto auto 0%;
}

.nav_close {
  width: 20px;
}

.text-block-10 {
  color: #fff;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 8px;
  padding-top: 0;
  font-family: monument extended, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  text-decoration: none;
}

.image-25 {
  z-index: 99999999;
  width: 34px;
  height: 34px;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.at2_ex {
  z-index: 100;
  cursor: auto;
  justify-content: space-between;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  top: 41%;
  left: 15%;
  overflow: visible;
  transform: translate(-50%, -50%);
}

.at2_ex2 {
  z-index: 100;
  cursor: auto;
  justify-content: space-between;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  top: 62%;
  left: 85%;
  overflow: visible;
  transform: translate(-50%, -50%);
}

.div-block-201, .div-block-202 {
  min-width: 50%;
}

.model_titles_small {
  color: #fff;
  text-align: left;
  background-color: #2644ba00;
  border-radius: 5px;
  margin: 0 auto 0 0;
  padding-bottom: 16px;
  padding-left: 8%;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.model_titles_small.r {
  text-align: right;
}

.image-26 {
  width: 400px;
}

.charge_info {
  z-index: 2147483647;
  opacity: 1;
  justify-content: flex-start;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.sticky-nav-header {
  z-index: 9999;
  opacity: 0;
  background-color: #000;
  flex-flow: row;
  justify-content: center;
  width: 100%;
  height: 80px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(0, -100%);
}

.header2 {
  z-index: 999999;
  background-color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 104px;
  display: flex;
  position: absolute;
  top: 0;
}

.header2logo {
  width: 240px;
  margin: auto;
  overflow: visible;
}

.header2config {
  margin: auto 40px auto auto;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 0 auto auto;
}

.header2configtext {
  color: #fff;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 8px;
  padding-top: 0;
  font-family: monument extended, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  text-decoration: none;
}

.div-block-203 {
  height: auto;
  position: relative;
  overflow: visible;
}

.image-27 {
  width: 240px;
  margin: auto;
  overflow: visible;
}

.div-block-204 {
  flex: 0 auto;
  order: 1;
  align-self: center;
  margin: auto;
}

.div-block-205 {
  order: 1;
  width: 24px;
  margin: auto 40px auto auto;
}

.menu_header2 {
  flex-flow: row;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 100%;
  min-width: 100%;
  margin: auto;
  display: flex;
}

.image-28 {
  width: 40px;
}

.link-block-2.w--current {
  margin: auto;
}

.link-block-3 {
  margin-left: 40px;
}

.porsche_logo {
  flex-flow: row;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  height: auto;
  margin: auto;
  display: block;
  position: static;
}

.image-29 {
  display: none;
}

.grid_mobile {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #d9d4d400;
  border: 1px #000;
  border-radius: 20px;
  grid-template: "Area Area-2 Area-3"
  / 1fr 1fr 1fr;
  gap: clamp(16px, 2vw, 24px);
  width: auto;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding: 1% 0% 3%;
  display: none;
}

.info_class_desktop {
  color: #fff;
  text-align: center;
  background-color: #2644ba00;
  border-radius: 5px;
  margin: 0 auto auto;
  padding-bottom: 0;
  font-family: monument extended, Arial, sans-serif;
  font-size: clamp(32px, 2vw, 48px);
  font-weight: 300;
  line-height: 1;
  position: static;
  left: 0;
  right: 0;
}

.info_class_desktop.r {
  text-align: right;
}

.info_class_desktop.black {
  color: #000;
  text-align: left;
}

.interior_opener_mobile {
  color: #000;
  text-align: center;
  background-color: #2644ba00;
  border-radius: 5px;
  flex: 0 auto;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: monument extended, Arial, sans-serif;
  font-size: clamp(32px, 2vw, 48px);
  font-weight: 300;
  line-height: 1;
  display: none;
  position: static;
  bottom: -4902.02px;
  left: 0;
  right: 0;
}

.interior_opener_mobile.r {
  text-align: right;
}

.interior_opener_mobile.black {
  color: #000;
  text-align: left;
}

.grid_desktop {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-areas: "Area Area-2";
}

.grid_mobile2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-areas: "Area Area-2";
  display: none;
}

.footergrid_mobile {
  grid-template: "Area Area-2 Area-3 Area-4 Area-5"
  / 1fr 1fr 1fr 1fr 1fr;
  display: none;
}

.grid-nav-desktop, .grid-nav-mobile {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  background-color: #000;
  grid-template: "Area Area-2 Area-3"
                 "Area-4 Area-5 Area-6"
                 "Area-7 Area-8 Area-9"
                 ". . ."
                 ". . ."
                 / 1fr 1fr 1fr;
  max-width: 1440px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 144px 40px 40px;
  position: relative;
}

.div-block-210 {
  flex-flow: row;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: auto;
  margin: auto;
  display: block;
  position: absolute;
  top: auto;
  bottom: auto;
}

.div-block-211 {
  color: #fff;
  border: 1px #6e6e6e;
  border-bottom: 0 #000;
  width: 100%;
  height: 56px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.div-block-211.none {
  opacity: 0;
}

.grid-8 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  background-color: #000;
  grid-template: "Area Area-2 Area-3"
                 "Area-4 Area-5 Area-6"
                 "Area-7 Area-8 Area-9"
                 ". . ."
                 ". . ."
                 / 1fr 1fr 1fr;
  max-width: 1440px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 144px 40px 40px;
  position: relative;
}

.configurator-2 {
  margin: auto 40px auto auto;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 0 auto auto;
}

.image-30 {
  width: 24px;
}

.navigator_close-2 {
  margin: auto auto auto 40px;
  padding-left: 0;
  display: block;
  position: absolute;
  inset: auto auto auto 0%;
}

.div-block-212 {
  height: 80px;
  display: none;
}

.image-31 {
  opacity: .8;
  height: 24px;
}

.image-32 {
  width: 240px;
  margin: auto;
  overflow: visible;
}

.div-block-213 {
  z-index: 2147483647;
  background-color: #000;
  position: fixed;
  inset: 0 0 auto;
}

.grid_mobilenav {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  background-color: #000;
  grid-template: "Area Area-2 Area-3"
                 "Area-4 Area-5 Area-6"
                 "Area-7 Area-8 Area-9"
                 ". . ."
                 ". . ."
                 / 1fr 1fr 1fr;
  max-width: 1440px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 144px 40px 40px;
  position: relative;
}

.image-33 {
  display: none;
}

@media screen and (max-width: 991px) {
  .link-block {
    border-bottom-color: #999;
  }
}

@media screen and (max-width: 479px) {
  .body {
    overscroll-behavior-x: none;
  }

  .cayenne-path {
    width: 90vw;
    max-width: none;
  }

  .section {
    width: 100%;
  }

  .scroll-video {
    box-sizing: border-box;
    aspect-ratio: auto;
    vertical-align: baseline;
    background-image: linear-gradient(#fff0 60%, #bebebe);
    width: 100vw;
    max-width: 100%;
    display: none;
    overflow: visible;
  }

  .hero-section {
    width: 100%;
    height: 100svh;
  }

  .div-block-7 {
    height: 100svh;
    max-height: none;
  }

  .div-block-8 {
    padding-bottom: 1rem;
  }

  .configurator {
    margin-right: 16px;
  }

  .navigator {
    margin-left: 16px;
  }

  .nav {
    display: none;
  }

  .div-block-15 {
    padding-bottom: clamp(6rem, 15vw, 10rem);
  }

  .grid {
    display: none;
  }

  .car_specs {
    font-size: clamp(24px, 10vw, 48px);
  }

  .info_sub {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

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

  .div-block-19 {
    height: 100%;
  }

  .point1 {
    left: 25%;
  }

  .att_point2 {
    left: 81%;
  }

  .att_point3 {
    left: 43%;
  }

  .div-block-22 {
    aspect-ratio: 1;
  }

  .section-2 {
    width: 100%;
  }

  .porsche-360-container {
    justify-content: center;
    align-items: center;
    width: 100vw;
    margin-bottom: 0;
  }

  .div-block-27 {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .porsche-frame {
    aspect-ratio: auto;
    object-fit: cover;
    width: 100%;
    max-width: 100vw;
    height: 50vh;
    margin-top: 20px;
    padding-top: 4rem;
    overflow: hidden;
  }

  .section-3.scroll-section {
    width: auto;
    max-width: 100vw;
    min-height: auto;
    margin-top: -2rem;
    overflow: hidden;
  }

  .image-8 {
    aspect-ratio: auto;
    object-fit: cover;
    height: 50vh;
    margin-top: 20px;
    padding-top: 4rem;
    overflow: visible;
  }

  .div-block-28 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .slider_container {
    padding-left: 16px;
  }

  .card_newslider2 {
    margin-bottom: 16px;
  }

  .text-block-40-copy2-copy {
    line-height: 1;
  }

  .card_subtitle {
    margin-bottom: 16px;
  }

  .index_service {
    width: 320px;
    max-width: 90%;
  }

  .image-9 {
    height: 540px;
    min-height: 540px;
  }

  .specs {
    justify-content: flex-start;
    align-items: flex-end;
    height: auto;
  }

  .div-block-139 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .car_specs-title-copy {
    text-align: left;
  }

  .specs2 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-143 {
    margin-left: 0;
    margin-right: 0;
    padding-top: 2rem;
    padding-left: 16px;
    padding-right: 16px;
  }

  .smallinfotext {
    margin-left: 16px;
    margin-right: 16px;
  }

  .image-12 {
    width: 320px;
    max-width: 80%;
    overflow: visible;
  }

  .div-block-150 {
    width: 80%;
    margin-top: 0;
    padding-top: 2rem;
  }

  .section-7.scroll-section {
    width: 100%;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .div-block-151 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .section-8 {
    width: 100%;
  }

  .div-block-155 {
    margin-bottom: 4rem;
    margin-left: 24px;
    margin-right: 24px;
  }

  .grid-4 {
    display: none;
  }

  .grid-6 {
    padding-left: 0%;
  }

  .button, .button-2 {
    text-align: center;
    width: 50%;
    font-size: 12px;
  }

  .div-block-166 {
    padding-left: 4%;
    padding-right: 4%;
  }

  .spec-toggle {
    width: clamp(16px, 1vw, 24px);
  }

  .spec-overlay {
    z-index: 2147483647;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    opacity: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
    inset: 0%;
  }

  .spec-modal {
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-top: 4rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .spec-close {
    display: block;
  }

  .innnenraum_slider {
    padding-left: 16px;
  }

  .section-11.scroll-section {
    width: 100%;
  }

  .div-block-176 {
    background-image: linear-gradient(#141414, #202020);
    border: 0 #000;
    padding-top: clamp(5rem, 6%, 8rem);
  }

  .div-block-177 {
    border: 0 #20202000;
    border-radius: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .slider_interior {
    padding-left: 16px;
  }

  .div-block-183 {
    flex-flow: column;
    width: 100%;
    min-width: auto;
  }

  .horizontal-wrapper {
    flex-flow: row;
    width: 100vw;
    height: auto;
    max-height: none;
    display: block;
    overflow: hidden;
  }

  .div-block-185 {
    padding-top: 8rem;
    padding-bottom: 4rem;
    padding-right: 4rem;
  }

  .info_section {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-left: 16px;
    padding-right: 16px;
  }

  .info_class {
    line-height: 1.2;
    display: block;
    overflow: visible;
  }

  .info_pionier {
    padding-bottom: 2rem;
  }

  .slider_exterior-copy {
    width: 100%;
    margin-top: -1px;
  }

  .slider_container_white {
    padding-left: 16px;
  }

  .interior_opener {
    display: none;
  }

  .bottom {
    padding-left: 16px;
    padding-right: 16px;
  }

  .scroll-section.innendesign, .scroll-section.gradient {
    width: 100%;
  }

  .background-video-5 {
    height: 540px;
  }

  .image-21 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-197 {
    padding-top: 6rem;
  }

  .div-block-199 {
    display: none;
  }

  .link-block {
    padding-bottom: 16px;
  }

  .navigator_close {
    margin-left: 16px;
  }

  .text-block-10 {
    display: none;
  }

  .div-block-202 {
    flex-flow: column;
    width: 100%;
    max-width: 100%;
    display: block;
  }

  .image-26 {
    width: 320px;
    max-width: 70%;
  }

  .charge_info {
    overscroll-behavior: none;
    width: 100%;
    height: 100%;
    min-height: 100svh;
    display: none;
  }

  .sticky-nav-header {
    transform: translate(0, -100%);
  }

  .div-block-205 {
    margin-right: 16px;
  }

  .link-block-3 {
    margin-left: 16px;
  }

  .porsche_logo {
    align-self: center;
    position: static;
  }

  .image-29 {
    display: block;
  }

  .grid_mobile {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template: "Area"
                   "."
                   "."
                   / 100%;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-206, .div-block-207 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-208 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .info_class_desktop {
    display: none;
    overflow: visible;
  }

  .interior_opener_mobile {
    line-height: 1.2;
    display: block;
  }

  .grid_desktop {
    display: none;
  }

  .grid_mobile2 {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    grid-template: "Area"
                   "."
                   / 100%;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footergrid_mobile {
    grid-column-gap: 16px;
    grid-row-gap: 64px;
    grid-template: "Area Area-2"
                   ". ."
                   ". ."
                   / 50% 50%;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-209 {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .grid-nav-desktop {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 100% 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 8rem;
    padding-left: 16px;
    padding-right: 16px;
    display: grid;
  }

  .grid-nav-mobile {
    grid-template-columns: 1fr;
    display: none;
  }

  .grid-8 {
    display: none;
  }

  .configurator-2 {
    margin-right: 16px;
  }

  .navigator_close-2 {
    margin-left: 20px;
  }

  .div-block-212 {
    display: none;
  }

  .grid_mobilenav {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-flow: column;
    padding-top: 120px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .image-33 {
    object-fit: contain;
    background-image: linear-gradient(#0000 60%, #bebebe);
    height: 100%;
    display: block;
  }

  .bersichtmodelle {
    object-fit: contain;
    width: 100%;
  }

  .image-34 {
    width: 100%;
  }
}

#w-node-_12dda127-32d6-8ae4-5d01-a45c288964cb-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c288964d0-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c288964d5-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c288964da-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c288964df-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c288964e4-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c288964e9-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c288964ee-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c288964f3-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c288964f8-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c288964fd-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c28896502-c63d0322 {
  place-self: start;
}

#w-node-_12dda127-32d6-8ae4-5d01-a45c28896507-c63d0322 {
  place-self: auto;
}

#w-node-_12dda127-32d6-8ae4-5d01-a45c2889650b-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c2889650f-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c28896513-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c28896517-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c2889651b-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c2889651f-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c28896523-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c28896527-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c2889652b-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c2889652f-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c28896533-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c28896537-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c2889653b-c63d0322, #w-node-_12dda127-32d6-8ae4-5d01-a45c2889653f-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a283-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a288-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a28d-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a292-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a297-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a29c-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2a1-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2a6-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2ab-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2b0-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2b5-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2ba-c63d0322 {
  place-self: start;
}

#w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2bf-c63d0322 {
  place-self: auto;
}

#w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2c3-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2c7-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2cb-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2cf-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2d3-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2d7-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2db-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2df-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2e3-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2e7-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2eb-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2ef-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2f3-c63d0322, #w-node-_993d8c54-1cfe-4bcb-bd54-e5734084a2f7-c63d0322 {
  place-self: start;
}

#w-node-cfe6990a-ea18-cd41-18ee-a5d8966dc080-c63d0322 {
  grid-area: Area;
  align-self: stretch;
}

#w-node-_69329aaf-ca54-1adb-54e2-07f0c53fc21d-c63d0322 {
  grid-area: Area-2;
  align-self: auto;
}

#w-node-f85e47fc-ce37-7405-cd5b-e5e952191e55-c63d0322 {
  grid-area: Area-3;
  align-self: auto;
}

#w-node-_82346db0-12ca-bc59-e520-95383fd52891-c63d0322 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-b703098d-6b80-524f-82a4-2591ad23dbd3-c63d0322 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-b426893f-a04d-e317-d391-e77a8618a739-c63d0322 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ecc5237a-3d7f-b614-4355-3109f3deb908-c63d0322 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-b76d1db9-d260-417f-7153-9a8b9c5f6b3b-c63d0322 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_0c5508e7-586a-9d96-41c4-bbc20e58c7fb-c63d0322 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_3cd5b781-fd56-9b86-a1e1-31498c240470-c63d0322 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3cd5b781-fd56-9b86-a1e1-31498c240477-c63d0322 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-cafdddee-2ac1-cbc6-5c6a-de3062519338-c63d0322, #w-node-_69f580bb-91c8-e059-9dd3-3fbe85a83c06-c63d0322 {
  place-self: stretch stretch;
}

#w-node-_93617c55-c363-95f7-ab25-70a3f6090679-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f609067e-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f6090683-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f6090688-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f609068d-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f6090692-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f6090697-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f609069c-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906a1-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906a6-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906ab-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906b0-407bfd11 {
  place-self: start;
}

#w-node-_93617c55-c363-95f7-ab25-70a3f60906b5-407bfd11 {
  place-self: auto;
}

#w-node-_93617c55-c363-95f7-ab25-70a3f60906b9-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906bd-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906c1-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906c5-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906c9-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906cd-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906d1-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906d5-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906d9-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906dd-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906e1-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906e5-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906e9-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906ed-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906f2-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906f7-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f60906fc-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f6090701-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f6090706-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f609070b-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f6090710-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f6090715-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f609071a-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f609071f-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f6090724-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f6090729-407bfd11 {
  place-self: start;
}

#w-node-_93617c55-c363-95f7-ab25-70a3f609072e-407bfd11 {
  place-self: auto;
}

#w-node-_93617c55-c363-95f7-ab25-70a3f6090732-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f6090736-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f609073a-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f609073e-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f6090742-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f6090746-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f609074a-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f609074e-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f6090752-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f6090756-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f609075a-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f609075e-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f6090762-407bfd11, #w-node-_93617c55-c363-95f7-ab25-70a3f6090766-407bfd11 {
  place-self: start;
}

@media screen and (max-width: 479px) {
  #w-node-c1aa90c3-6ced-3d80-8073-40a848f973a5-c63d0322 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_4dd22d92-9bb9-fb23-f181-b071324be295-c63d0322 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-cf33078c-1ba4-4e95-7a9c-75f0cfd6fd1d-c63d0322 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-d7b8d93f-e614-1f61-819f-fdf04cb761ed-c63d0322 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d7b8d93f-e614-1f61-819f-fdf04cb76225-c63d0322 {
    grid-area: span 2 / span 1 / span 2 / span 1;
    place-self: auto;
  }

  #w-node-de6956a4-dcf5-2dea-30ab-9904e44fca9b-c63d0322 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-de6956a4-dcf5-2dea-30ab-9904e44fcaa8-c63d0322 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-de6956a4-dcf5-2dea-30ab-9904e44fcab5-c63d0322 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_93617c55-c363-95f7-ab25-70a3f609067e-407bfd11 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_93617c55-c363-95f7-ab25-70a3f6090683-407bfd11 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_93617c55-c363-95f7-ab25-70a3f6090688-407bfd11 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_93617c55-c363-95f7-ab25-70a3f609068d-407bfd11 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_93617c55-c363-95f7-ab25-70a3f6090692-407bfd11 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_93617c55-c363-95f7-ab25-70a3f6090697-407bfd11 {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-_93617c55-c363-95f7-ab25-70a3f609069c-407bfd11 {
    grid-area: 8 / 1 / 9 / 2;
  }

  #w-node-_93617c55-c363-95f7-ab25-70a3f60906a1-407bfd11 {
    grid-area: 9 / 1 / 10 / 2;
  }
}


@font-face {
  font-family: 'monument condensed';
  src: url('../fonts/PPMonumentCondensed-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'monument condensed';
  src: url('../fonts/PPMonumentCondensed-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'monument extended';
  src: url('../fonts/PPMonumentExtended-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'monument condensed';
  src: url('../fonts/PPMonumentCondensed-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'monument condensed';
  src: url('../fonts/PPMonumentCondensed-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'monument condensed';
  src: url('../fonts/PPMonumentCondensed-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'monument condensed';
  src: url('../fonts/PPMonumentCondensed-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'monument narrow';
  src: url('../fonts/PPMonumentNarrow-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'monument extended';
  src: url('../fonts/PPMonumentExtended-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'monument extended';
  src: url('../fonts/PPMonumentExtended-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'monument extended';
  src: url('../fonts/PPMonumentExtended-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'monument narrow';
  src: url('../fonts/PPMonumentNarrow-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'monument extended';
  src: url('../fonts/PPMonumentExtended-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'monument narrow';
  src: url('../fonts/PPMonumentNarrow-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'monument narrow';
  src: url('../fonts/PPMonumentNarrow-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'monument narrow';
  src: url('../fonts/PPMonumentNarrow-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Monument Normal Light';
  src: url('../fonts/PPMonumentNormal-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Monument Normal Black';
  src: url('../fonts/PPMonumentNormal-Black.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Monument Normal BlackItalic';
  src: url('../fonts/PPMonumentNormal-BlackItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Monument Normal LightItalic';
  src: url('../fonts/PPMonumentNormal-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Monument Normal Regular';
  src: url('../fonts/PPMonumentNormal-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Monument Normal RegularItalic';
  src: url('../fonts/PPMonumentNormal-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'monument wide';
  src: url('../fonts/PPMonumentWide-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'monument wide';
  src: url('../fonts/PPMonumentWide-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'monument wide';
  src: url('../fonts/PPMonumentWide-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'monument wide';
  src: url('../fonts/PPMonumentWide-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'monument wide';
  src: url('../fonts/PPMonumentWide-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'monument extended';
  src: url('../fonts/PPMonumentExtended-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'monument wide';
  src: url('../fonts/PPMonumentWide-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}