* {
    font-family: Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif
}

body {
    --theme-primary: #010205;
    --theme-background-base: #fff;
    --theme-background-surface: #eeeff2;
    --theme-background-shading: rgba(1,2,5,0.67);
    --theme-state-hover: rgba(148,149,152,0.18);
    --theme-contrast-medium: #6b6d70;
    --theme-contrast-low: #d8d8db;
    --theme-notification-success: #197e10;
    --theme-notification-error: #cc1922;
    --theme-custom-background-aside: #fff;
    --theme-custom-background-search: #fff;
    --theme-custom-background-header: hsla(0,0%,100%,0.79);
    --theme-custom-background-code: rgba(0,0,0,0.06);
    --theme-custom-teaser-gradient-1: #c5c8df;
    --theme-custom-teaser-gradient-2: #ebddf9;
    --theme-custom-teaser-background: url(../img/tablet-light.bf3f57bf.png)
}

body.light-mode {
    --theme-primary: #010205!important;
    --theme-background-base: #fff!important;
    --theme-background-surface: #eeeff2!important;
    --theme-background-shading: rgba(1,2,5,0.67)!important;
    --theme-state-hover: rgba(148,149,152,0.18)!important;
    --theme-contrast-medium: #6b6d70!important;
    --theme-contrast-low: #d8d8db!important;
    --theme-notification-success: #197e10!important;
    --theme-notification-error: #cc1922!important;
    --theme-custom-background-aside: #fff!important;
    --theme-custom-background-search: #fff!important;
    --theme-custom-background-header: hsla(0,0%,100%,0.79)!important;
    --theme-custom-background-code: rgba(0,0,0,0.06)!important;
    --theme-custom-teaser-gradient-1: #c5c8df!important;
    --theme-custom-teaser-gradient-2: #ebddf9!important;
    --theme-custom-teaser-background: url(../img/tablet-light.bf3f57bf.png)!important
}

body.dark-mode {
    --theme-primary: #fbfcff!important;
    --theme-background-base: #0e0e12!important;
    --theme-background-surface: #212225!important;
    --theme-background-shading: rgba(38,38,41,0.67)!important;
    --theme-state-hover: rgba(148,149,152,0.18)!important;
    --theme-contrast-medium: #88898c!important;
    --theme-contrast-low: #404044!important;
    --theme-notification-success: #09d087!important;
    --theme-notification-error: #fc4040!important;
    --theme-custom-background-aside: #212225!important;
    --theme-custom-background-search: #212225!important;
    --theme-custom-background-header: rgba(14,14,18,0.79)!important;
    --theme-custom-background-code: hsla(0,0%,100%,0.08)!important;
    --theme-custom-teaser-gradient-1: #010a28!important;
    --theme-custom-teaser-gradient-2: #010a28!important;
    --theme-custom-teaser-background: url(../img/tablet-dark.f049e4b1.png)!important
}

body {
    background: var(--theme-background-base);
    color: var(--theme-primary)
    margin: 0
}

a {
    text-decoration: none;
    color:black;
}

.hidden
{
	display:none;
}

@media (max-width: 760px)
{
    .mobile-hidden
    {
        display: none;
    }
}

#wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

#wrapper footer {
    margin-top: auto
}

.action-bar {
    display: block;
    overflow: hidden;
    max-width: 100%;
    width: 100%
}

.action-bar--sticky {
    z-index: 500;
    position: fixed;
    padding: 0;
    top: 0
}

.action-bar__wrapper {
    background-color: #212225;
    position: relative
}

.action-bar--sticky .action-bar__wrapper {
    background-color: #010205ab;
    box-shadow: 0 .5rem 2.5rem #00000029;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
}

.action-bar__button {
    border-radius: 4px;
    padding: 4px;
    text-align: center;
    width: 12.5rem
}

@media (min-width: 1000px) {
    .action-bar__button {
        display:flex;
        align-items: center;
        justify-content: center;
        padding: 8px 0;
        margin: 0 16px
    }
}

.action-bar--sticky .action-bar__button {
    padding: 8px
}

.action-bar__button:hover {
    background-color: #9495982e;
    transition: background-color .24s ease 0s
}

.action-bar__button:active {
    background-color: #7e7f8233;
    transition: background-color .24s ease 0s
}

.action-bar__button-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
    padding: 8px 0;
    margin: 0 8px
}

@media (min-width: 1000px) {
    .action-bar__button-container {
        align-items:center;
        justify-content: center;
        padding: 16px 0
    }
}

.action-bar__button-label {
    margin: 4px 0 0
}

@media (min-width: 1000px) {
    .action-bar__button-label {
        margin:0 0 0 8px
    }
}

.action-bar--sticky .action-bar__button-label {
    display: none
}

@media (min-width: 1000px) {
    .action-bar--sticky .action-bar__button-label {
        display:block
    }
}

.main-navigation {
    min-height: 5rem;
    max-height: 5rem;
    border-bottom: 1px solid #d8d8db
}

.main-navigation__base {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.main-navigation__container {
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: clamp(80px,7.5vw + 56px,200px) clamp(16px,1.25vw + 12px,36px) clamp(16px,1.25vw + 12px,36px)
}

@media (min-width: 480px) {
    .main-navigation__container {
        margin-top:clamp(48px,3vw + 38px,96px)
    }
}

.main-navigation__container li {
    list-style: none
}

.main-navigation__item {
    flex: 1;
    display: flex;
    justify-content: center
}

.main-navigation__item-main
{
	margin-right: auto;
}
.main-navigation__item-secondary
{
	margin-left: auto;
}

@media (min-width: 480px) {
	.main-navigation p-crest{ display:none; }
}
@media (max-width: 480px) {
	.main-navigation p-wordmark{ display:none; }
}



.pds-grid {
    margin: 0;
    display: grid;
    padding: 0 calc(50vw - 1280px);
    grid-gap: clamp(16px,1.25vw + 12px,36px);
    max-width: 2560px;
    min-width: 320px;
    box-sizing: content-box;
    grid-template-columns: [full-start] minmax(0,calc(var(--pds-internal-grid-safe-zone) - clamp(16px,1.25vw + 12px,36px))) [wide-start extended-start basic-start narrow-start] repeat(6,minmax(0,1fr)) [narrow-end basic-end extended-end wide-end] minmax(0,calc(var(--pds-internal-grid-safe-zone) - clamp(16px,1.25vw + 12px,36px))) [full-end];
    --pds-internal-grid-safe-zone: max(22px, 10.625vw - 12px);
    --pds-grid-basic-span-one-half: span 3;
    --pds-grid-basic-span-one-third: span 2;
    --pds-grid-narrow-span-one-half: span 3;
    --pds-grid-basic-span-two-thirds: span 4;
    --pds-grid-extended-span-one-half: span 3
}

@media (min-width: 760px) {
    .pds-grid {
        grid-template-columns:[full-start] minmax(0,calc(var(--pds-internal-grid-safe-zone) - clamp(16px,1.25vw + 12px,36px))) [wide-start] minmax(0,1fr) [extended-start] minmax(0,1fr) [basic-start] repeat(2,minmax(0,1fr)) [narrow-start] repeat(8,minmax(0,1fr)) [narrow-end] repeat(2,minmax(0,1fr)) [basic-end] minmax(0,1fr) [extended-end] minmax(0,1fr) [wide-end] minmax(0,calc(var(--pds-internal-grid-safe-zone) - clamp(16px,1.25vw + 12px,36px))) [full-end];
        --pds-internal-grid-safe-zone: calc(5vw - 16px);
        --pds-grid-basic-span-one-half: span 6;
        --pds-grid-basic-span-one-third: span 4;
        --pds-grid-narrow-span-one-half: span 4;
        --pds-grid-basic-span-two-thirds: span 8;
        --pds-grid-extended-span-one-half: span 7
    }
}

@media (min-width: 1920px) {
    .pds-grid {
        --pds-internal-grid-safe-zone: min(50vw - 880px, 400px)
    }
}

.pds-grid--no-gap {
    grid-row-gap: 0
}

.pds-grid__full {
    grid-column: full-start/full-end
}

@media (min-width: 760px) {
    .pds-grid__full-one-third--left {
        grid-column:full-start/span 4
    }
}

@media (min-width: 760px) {
    .pds-grid__full-two-thirds--right {
        grid-column:span 12/full-end
    }
}

.pds-grid__wide,.pds-grid__wide-two-thirds-right,.pds-grid__wide-one-third-left {
    grid-column: wide-start/wide-end
}

@media (min-width: 1000px) {
    .pds-grid__wide-one-third-left {
        grid-column:wide-start/span 4
    }
}

@media (min-width: 1000px) {
    .pds-grid__wide-two-thirds-right {
        grid-column:span 12/wide-end
    }
}

.pds-grid__extended,.pds-grid__extended-half {
    grid-column: extended-start/extended-end
}

@media (min-width: 760px) {
    .pds-grid__extended-half--left,.pds-grid__extended-half:first-of-type {
        grid-column:extended-start/var(--pds-grid-extended-span-one-half)
    }
}

@media (min-width: 760px) {
    .pds-grid__extended-half--right,.pds-grid__extended-half:last-of-type {
        grid-column:var(--pds-grid-extended-span-one-half)/extended-end
    }
}

.pds-grid__basic,.pds-grid__basic-third,.pds-grid__basic-half {
    grid-column: basic-start/basic-end
}

@media (min-width: 760px) {
    .pds-grid__basic-half--left,.pds-grid__basic-half:first-of-type {
        grid-column:basic-start/var(--pds-grid-basic-span-one-half)
    }
}

@media (min-width: 760px) {
    .pds-grid__basic-half--right,.pds-grid__basic-half:last-of-type {
        grid-column:var(--pds-grid-basic-span-one-half)/basic-end
    }
}

@media (min-width: 760px) {
    .pds-grid__basic-third--left {
        grid-column:basic-start/var(--pds-grid-basic-span-one-half)
    }
}

@media (min-width: 1300px) {
    .pds-grid__basic-third--left {
        grid-column:basic-start/var(--pds-grid-basic-span-one-third)
    }
}

@media (min-width: 760px) {
    .pds-grid__basic-third--center {
        grid-column:var(--pds-grid-basic-span-one-half)/basic-end
    }
}

@media (min-width: 1300px) {
    .pds-grid__basic-third--center {
        grid-column:var(--pds-grid-basic-span-one-third)
    }
}

@media (min-width: 760px) {
    .pds-grid__basic-third--right {
        grid-column:basic-start/var(--pds-grid-basic-span-one-half)
    }
}

@media (min-width: 1300px) {
    .pds-grid__basic-third--right {
        grid-column:var(--pds-grid-basic-span-one-third)/basic-end
    }
}

.pds-grid__dynamic {
    grid-column: wide-start/wide-end
}

@media (min-width: 760px) {
    .pds-grid__dynamic {
        grid-column:extended-start/extended-end
    }
}

@media (min-width: 1000px) {
    .pds-grid__dynamic {
        grid-column:basic-start/basic-end
    }
}



section.component {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    padding: 0;
    display: block;
    margin-top: clamp(80px,7.5vw + 56px,200px);
}

section.component.less-margin-top
{
    margin-top: clamp(40px,3.75vw + 28px,100px);
}


section.component:has(.dwaas-wrapper) {
    min-height: 200px
}

@media (min-width: 760px) {
    section.component:has(.dwaas-wrapper) {
        min-height:100px
    }
}

section.component.Main-Navigation-container {
    margin: 0;
    overflow: visible
}

section.component.Stage-Header-container .initial-container--default {
    aspect-ratio: 8/9
}

@media (min-width: 760px) {
    section.component.Stage-Header-container .initial-container--default {
        aspect-ratio:12/5
    }
}

@supports not (aspect-ratio: 8/9) {
    section.component.Stage-Header-container .initial-container--default:before {
        float:left;
        padding-top: 112.5%;
        content: ""
    }

    @media (min-width: 760px) {
        section.component.Stage-Header-container .initial-container--default:before {
            padding-top:41.6666%
        }
    }

    section.component.Stage-Header-container .initial-container--default:after {
        display: block;
        content: "";
        clear: both
    }
}

section.component.Stage-Header-container .initial-container--slim {
    aspect-ratio: 4/3
}

@media (min-width: 760px) {
    section.component.Stage-Header-container .initial-container--slim {
        aspect-ratio:24/5
    }
}

@supports not (aspect-ratio: 4/3) {
    section.component.Stage-Header-container .initial-container--slim:before {
        float:left;
        padding-top: 75%;
        content: ""
    }

    @media (min-width: 760px) {
        section.component.Stage-Header-container .initial-container--slim:before {
            padding-top:20.8333%
        }
    }

    section.component.Stage-Header-container .initial-container--slim:after {
        display: block;
        content: "";
        clear: both
    }
}

section.component.Text-Element-container {
    transform: translateZ(0);
    -webkit-transform: translate3d(0,0,0)
}

section.component.Text-Picture-Element-container {
    overflow: visible
}

section.component.Chat-Feature-container {
    margin: 0
}

section.component.Footer-Navigation-container {
    overflow: visible
}

.full-width-breaker {
    margin: 0 -8%
}

section.component.Stage-Header-container
{
	margin-top: 0;
}



.inline-block-container
{
	grid-row: cta-block !important;
}

.inline-block-container .inline-item
{
	float:left !important;
}

.inline-block-container .inline-item-right
{
	float:right !important;
}

.inline-block-container:after {
    content: '';
    display: block;
    clear: both;
}

a.underline
{
	text-decoration: underline;
}

.fullgrid-text-container
{
	    grid-template-rows: [content-block] max-content [input-block] var(--pcom-spacing-xx-large)var(--pcom-spacing-large) [image-block] max-content [bottom-spacing] var(--pcom-spacing-xx-large);
	grid-column: basic-start/var(--pds-grid-basic-span-one-half);
	    margin: var(--pcom-spacing-medium);
		grid-row: content-block;
}

/* video header */

.video-header 
{
	background:black;
}
.video-header video
{
	height: 500px;
	object-fit: cover;
	width:100%;
	
}

.video-header .content {
  position: absolute;
  bottom:100px;
  width:100%;
}

.video-header .content h1.title
{
	font-size:6em;
	color:white;
	font-weight: 300;
	margin:0 0 0.2em 0;
}

.video-pause-responsive-button 
{
	width: 30px;
	height: 30px;
	margin-top:30px;
	margin-bottom:30px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	box-sizing: border-box;
	outline: 0px;
	text-align: left;
	appearance: none;
	text-decoration: none;
	border: 2px solid rgb(251, 252, 255);
	border-radius: 4px;
	transform: translate3d(0px, 0px, 0px);
	background-color: transparent;
	color: rgb(251, 252, 255);
	font: 400 1rem / calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
	overflow-wrap: break-word;
	hyphens: auto;
	transition: background-color var(--p-transition-duration, .24s) ease,border-color var(--p-transition-duration, .24s) ease,color var(--p-transition-duration, .24s) ease;
	gap: 0px;
	cursor: pointer;
	float:right;
}


@media (min-width: 760px) {
	.video-pause-responsive-button
	{
		margin-top:0;
		width: 54px;
		height: 54px;
		padding: 13px;

	}
	


}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-loading .slick-list
{
    background: #fff url('image/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


.slider-item
{
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center;    
	display: flex;
    

}


.slider-item
{
	min-height:calc(100vh - 80px);	
}



@media (max-width: 2100px)
{
	.slider-item
	{
		min-height:60vh;	
	}
}



.slider-item-content
{
	align-self: flex-end;
	margin: 0vh 10vh 8vh 10vh;
}

.slider-item-content h3
{
	font: normal normal 400 clamp(1.8rem,2.41vw + 1.32rem,4.21rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
	color: #fbfcff;
    margin: 0;
}

.slick-slider
{
	margin:0 !important;
}

.slick-dots {
    position: absolute;
    bottom: 2.75vh !important;
    padding: 0 0 8px;
    list-style: none;
    text-align: center;
    width: 100%;
}
.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    border-radius: 8px;
    background: #88898c;
    cursor: pointer;
	width: 8px !important;
    height: 8px !important;

}

.slick-dots li:hover
{
	border: 1px solid white;
}

.slick-dots li.slick-active {
    background: #fff;
	width:20px !important;
}

.slick-dots li.slick-active:hover
{
	border:0;
}

.slick-dots li button:before
{
	display:none;
}

.slider button.slick-prev, .slider button.slick-next {
    display: none !important;
}
@media (min-width: 568px) {
    .slider button.slick-prev, .slider button.slick-next {
        display: block;
    }
}

.teaser button.slick-prev, .teaser button.slick-next {
    display: none;
}
@media (min-width: 568px) {
    .teaser button.slick-prev, .teaser button.slick-next {
        display: none !important;
        opacity: 0;
    }
}


.slick-arrow
{
	z-index:100;
	filter: invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
}
.slick-prev
{
	left:10px !important;
	width:35px !important;
	height:35px !important;
}
.slick-next
{
	right:10px !important;
	width:35px !important;
	height:35px !important;
}

.slick-next:before,
.slick-prev:before
{
	content:'' !important;
}

.slick-arrow:hover
{
	background:rgba(0,0,0,0.25) !important;
	border-radius: 4px;
}



/* image grid */
.media-image {
    display: block
}

.media-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    visibility: hidden
}

.media-image img.lazyloaded {
    visibility: visible
}

@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .media-image {
            position:relative
        }

        .media-image.aspect-ratio-24-5 {
            padding-top: 20.8333%
        }

        .media-image.aspect-ratio-12-5 {
            padding-top: 41.6666%
        }

        .media-image.aspect-ratio-16-9 {
            padding-top: 56.25%
        }

        .media-image.aspect-ratio-2-3 {
            padding-top: 66.66%
        }

        .media-image.aspect-ratio-4-3 {
            padding-top: 75%
        }

        .media-image.aspect-ratio-1-1 {
            padding-top: 100%
        }

        .media-image.aspect-ratio-8-9 {
            padding-top: 112.5%
        }

        .media-image.aspect-ratio-4-5 {
            padding-top: 125%
        }

        .media-image.aspect-ratio-3-4 {
            padding-top: 133.33333%
        }

        .media-image[class*=aspect-ratio-] img {
            position: absolute;
            top: 0
        }
    }
}

.image-grid__headline {
    margin-bottom: clamp(32px,2.75vw + 23px,76px)
}

.image-grid__slide {
    height: 100%
}


.image-grid__grid :nth-child(3n+1) {
	grid-column:inherit;
}

.image-grid__grid :nth-child(3n+2),.image-grid__grid :nth-child(3n+3) {
	grid-column: inherit;
}

@media (max-width: 760px)
{
	.image-grid__grid :nth-child(2n)
	{
		grid-column: span 3
	}
	.image-grid__grid :nth-child(2n+1)
	{
		grid-column: 2/span 3
	}
}

@media (min-width: 760px)
{
	.image-grid__grid :nth-child(3n+1) {
		grid-column: 4/span 4
	}

	.image-grid__grid :nth-child(3n+2),.image-grid__grid :nth-child(3n+3) {
		grid-column: span 4
	}
}

.image-grid-tile {
    display: flex;
    flex-flow: column;
    height: 100%
}

.image-grid-tile__img img {
    border-radius: 8px
}

.image-grid-tile__content {
    padding: 16px;
    display: flex;
    flex-flow: column;
    flex: 1 1 auto;
    height: 100%
}

@media (min-width: 1000px) {
    .image-grid-tile__content {
        padding:32px
    }
}

.image-grid-tile__title,.image-grid-tile__description {
    margin-bottom: 16px
}

.image-grid-tile__button {
    display: block;
    margin-top: auto
}

@media (min-width: 1000px) {
    .image-grid-tile__button {
        width:-moz-fit-content;
        width: fit-content
    }
}

.image-grid-tile__title h3
{
	font: 600 clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem) / calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
	margin: 0;
}

.image-grid-tile__description p
{
	margin-top: 0;
}

.text-element__heading {
    margin-bottom: clamp(32px,2.75vw + 23px,76px)
}


.full-width-mobile  {
    display: block;
    margin-top: auto
}

@media (min-width: 760px) {
    .full-width-mobile {
        width:-moz-fit-content;
        width: fit-content
    }
}

/* configurator */
.configurator-teaser__price p, .configurator-teaser__button
{
	text-align:center;
}




/* external links block */
.external-links__links {
    padding: 0;
    margin: 0;
}

@media (min-width: 480px)
{
	.external-links__link {
		display: inline-block !important;
		margin-right: 32px;
	}
}

.external-links__link {
    display: block;
    margin-bottom: 16px;
}

/* footer */
.footer-navigation {
    background: #0e0e12;
    padding: 48px 0;
	
}

.footer-navigation *
{
	color: #fff !important;
}

.footer-navigation__language {
    margin-bottom: 16px
}

@media (min-width: 480px) {
    .footer-navigation__language {
        max-width:18.75rem
    }
}

.footer-navigation__copyright {
    display: inline-block;
    margin: 0 16px 16px 0
}

.footer-navigation__link {
    margin-right: 16px
}

.footer-navigation__disclaimer {
    margin-top: 16px
}

.footer-navigation__wordmark {
    display: flex;
    justify-content: center;
    margin: 48px 0 80px;
    height: 16px
}

/* carousel */

.carousel-item-quarter-responsive
{
	width: 55vw;
}

@media (min-width: 760px)
{
	.carousel-item-quarter-responsive
	{
		width: 22vw;
	}
}

/* forms */

.form__select-nested,.form__row-spacing {
    margin-top: clamp(16px,1.25vw + 12px,36px)
}


/* footer */

@media (min-width: 760px)
{
	footer .footer-section
	{
		padding-bottom: 3rem;
	}	
}


.footer-copyright p-divider hr
{
	padding-bottom: 3rem !important;
    padding-top: 3rem !important;
}

footer p-text
{
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}



/* search form */
.pds-grid__right-image-half
{
    grid-column: basic-start/basic-end;
}
@media (min-width: 760px)
{
    .pds-grid__right-image-half
    {
        grid-column: 11;
    }
}

/* menu */

.secondary-navigation__menu.user
{

    margin-right: 20px;
}


/* menu slider */

#main-menu
{
    margin:0;
    position: fixed;
    z-index:9997;
    font-size: 1.25rem;
}

#main-menu.opened .back
{
    position: fixed;
    height: 100vh;
    margin: 0;
    top:0;
    left:0;
    width:110vw;
    display: none;
}

#main-menu.opened .back
{
    backdrop-filter: blur(32px);
    background-color:rgba(0, 0, 0, 0.6);

    z-index:9998;
    display: block;
}

#main-menu.opened
{
    transform: translate(0%, 0);
}

#main-menu .container
{
    position:fixed;
    top:0;
    left:0;
    margin:0;
    width: 672px;
    height: 100vh;

    background: #fff;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;

    transform-origin: 0% 0%;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    transform: translate(-100%, 0);

    z-index:9999;
}

#main-menu.opened .container
{
    transform: translate(0, 0);
}

@media (max-width: 760px)
{
    #main-menu .container
    {
       width: 100vw;
    }
}

#main-menu .close
{
    position:fixed;
    top:28px;
    left:700px;
    display: none;
}

#main-menu.opened .close
{
    display: block;
}

#main-menu .close-mobile, #main-menu .mobile-header
{
    display: none;
}

#main-menu .level2
{
    font-size: 1.125rem;
}


@media (max-width: 760px)
{
    #main-menu .close-mobile
    {
        display: block;
        text-align: right;
        padding: 20px
    }

    #main-menu .mobile-header
    {
        display: flex;
    }

    #main-menu .mobile-header .btnBack
    {
        flex: 1;
        padding: 20px;
    }

    #main-menu .mobile-header .title
    {
        flex: 10;
        padding: 20px;
        text-align: center;
        font-weight: bold;
    }

    #main-menu .mobile-header .btnClose
    {
        flex: 1;
        padding: 20px;
    }

    #main-menu .level1 {
        height: calc(100vh - 80px);
        padding: 0 1.6875rem 6.25rem 1.6875rem;
    }

    #main-menu .level2 {
        height: calc(100vh - 80px);
        padding: 0 1.6875rem 6.25rem 0;
    }



}





@media (min-width: 760px)
{
    #main-menu .levels {
        display: flex;
    }

    #main-menu .level1 {
        flex: 1;
        padding: 27px 38px 27px 27px;
        height: 100vh;
    }

    #main-menu .level2 {
        flex: 1;
        padding: 40px 18px;
        background: #EEEFF2;
        height: 100vh;
    }
}




@media (max-width: 760px)
{
    #main-menu .level2
    {
        position:fixed;
        top:0;
        left:0;
        margin:0;
        width: 100%;
        height: 100vh;
        background: white;

        transform-origin: 0% 0%;
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
        transform: translate(-100%, 0);
    }

    #main-menu .level2.displayed
    {
        transform: translate(0, 0);
    }
}





#main-menu .level2 .section
{
    display: none;
}
#main-menu .level2 .section.active
{
    display: block;
}


#main-menu .level1 ul, #main-menu .level1 li,
#main-menu .level2 ul, #main-menu .level2 li
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#main-menu .sub-container
{
    /*margin: 8px;*/
}

#main-menu .level1 a
{
    display: block;
    height: 52px;
    color: rgb(1, 2, 5);
    line-height: 56px;
    padding:0 8px;
    background: #fff;
    border-radius: 4px;
    margin-top: 2.25rem;
    display: flex;
    align-items: center;
    font-weight: 400;
}

#main-menu .level2 a
{
    display: inline-block;
    margin-top: 1.25rem;
    margin-left: 1.25rem;
    border-radius: 4px;
    padding: 0 10px;
}

#main-menu .level2 a:hover
{
    background: #dedfe1;
}

#main-menu .level1 a .label
{
    flex: 10;
}

#main-menu .level1 a p-icon
{
    flex: 1;
}

#main-menu .level1 a.active,
#main-menu .level1 a:hover
{
    background: #ececec;
}



@media (min-width: 760px)
{
    #main-menu .level1 a.active,
    #main-menu .level1 a:hover
    {
        background: #ececec;
    }

    #main-menu .level1
    {
        padding-top: 3.5rem;
    }

    #main-menu .level2
    {
        padding-top: 4.5rem;
    }
}




@media (min-width: 1000px)
{

    #main-menu .container
    {
        width: 680px;
    }

    #main-menu .close
    {
        left: 710px;
    }

    #main-menu .level1 a
    {
        margin-top: 0.75rem;
    }

    #main-menu .level1
    {
        padding: 55px 27px;
        padding-top: 5.00rem;
    }


}


@media (min-width: 1300px)
{

    #main-menu .container
    {
        width: 810px;
    }

    #main-menu .close
    {
        left: 838px;
    }

    #main-menu .level1
    {
        padding: 55px 50px;
        padding-top: 5.00rem;
    }

    #main-menu .level2
    {
        padding: 55px 50px;
        padding-top: 5.00rem;
    }

}

@media (max-width: 760px)
{
    #main-menu .level1 a
    {
        margin-top: 0;
    }

    #main-menu .level1 a
    {
        height: 29px;
        margin-bottom: 2.25rem;
    }

    #main-menu .level2 a
    {
        margin-top: 0;
        font-size: 0.9rem;
    }

    #main-menu .level2 a
    {
        min-height: 28px;
        margin-bottom: 1rem;
    }
}



#main-menu .level1, #main-menu .level2
{
    overflow: auto;
}

#main-menu .level2 a.image-link img
{
    max-width: 196px;
}
#main-menu .level2 a.image-link .label
{
    display: none;
}

#main-menu .level2 a.image-link,
#main-menu .level2 a.image-link img,
#main-menu .level2 a.image-link .label
{
    text-align: center;
}

#main-menu .level2 a.image-link
{
    display: block;
}

#main-menu .level2 .inside-bloc
{
    background: white;
    border-radius: 0.75rem;
    padding: 1rem;
    font-size: 1rem;
}

#main-menu .level2 .inside-bloc a
{
    margin: 0.5em 0;
}

#main-menu .level2 a img.icon
{
    width: calc(6px + 2.125ex);
    height: calc(6px + 2.125ex);
    vertical-align: top;
}

/* map */
.map-action-links__wrapper {
    border-radius: 12px;
    overflow: hidden;
    transform: translateZ(0)
}

@media (min-width: 1000px) {
    .map-action-links__wrapper {
        min-height:36.875rem;
        display: flex
    }
}

.map-action-links__map {
    padding: 0;
    background: #0e0e12;
    min-height: 10.9375rem;
    position: relative
}

@media (min-width: 1000px) {
    .map-action-links__map {
        height:auto;
        width: 66.6666%
    }
}

.map-action-links__map-inner {
    width: 100%;
    height: 100%
}

.map-action-links__links {
    background: #0e0e12;
    padding: clamp(48px,3vw + 38px,96px) clamp(32px,2.75vw + 23px,76px);
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width: 1000px) {
    .map-action-links__links {
        width:33.3333%
    }
}

.map-action-links__links--title,.map-action-links__link {
    margin-bottom: clamp(16px,1.25vw + 12px,36px)
}

.map-action-links__link:last-of-type {
    margin-bottom: 0
}



/* dark theme */