body {
    font-family: "Source Sans 3",sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    height: 100%;
}

p, ul {
    margin-bottom: 0;
    padding-left: 0
}

h1, h2, h3, h4, h5, h6 {
    margin: 0
}

a {
    color: #000;
    text-decoration: none
}

    a:hover {
        color: #000
    }

/* Tab Butonları */
.tabs {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
    gap: 10px;
}

.tab-button {
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    background: none;
    flex-grow: 1;
    text-align: center;
    border-bottom: 2px solid #ddd;
}

    .tab-button span {
        display: block;
        padding: .5rem 0;
    }

    .tab-button.active {
        color: black;
        border-bottom: 2px solid black;
    }

.modalContent .tab-content {
    display: block;
}

    .modalContent .tab-content.active {
        display: block;
    }

    .modalContent .tab-content .tab-pane {
        padding-top: clamp(8px, .5vw + 6px, 16px);
    }


input[type="radio"]:checked {
    accent-color: black;
}

.radio-group input {
    width: 26px;
    height: 26px;
}

.amount label {
    width: 100%;
}

    .amount label span {
        display: block;
        font-size: 16px;
        color: #191F22;
        margin: .5rem 0;
        padding: 10px;
        text-align: left;
        border: #C8CACB solid 1px;
    }

/* Ortak Stil */
.radio-group {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 1rem 0;
}

    .radio-group label {
        font-size: 14px;
        display: flex;
        gap: .5rem;
    }

.index-page {
    transition: background-color 0.6s ease;
}

.amount,
.bank-group,
.leasing-group {
    margin-bottom: 20px;
    width: 100%;
}

    .amount input[type="range"] {
        width: 100%;
    }

    .bank-group button,
    .leasing-group button {
        cursor: pointer;
        background: white;
        display: inline-block;
        padding: 5px 20px;
        border-radius: 25px;
        border: 2px solid #313639;
        color: #313639;
        font-size: 16px;
        transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    }

.financeRight {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    background: #EEEFF2;
    padding: 20px !important;
    height: 100%;
    max-height: 474px;
}

.result:nth-child(2) {
    display: none;
}

.firstLeasing,
.firstLeasing_title {
    display: none;
}

.person-quote {
    display: block;
    text-align: center;
    color: #010205;
}

    .person-quote .person-quote-inner {
        max-width: 600px;
        margin: 0 auto;
        padding: 5rem 0 10rem;
    }

        .person-quote .person-quote-inner > h2 {
            font: normal normal 600 clamp(1.6rem,1.56vw + 1.29rem,3.16rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
            margin-bottom: clamp(8px, .5vw + 6px, 16px);
        }

        .person-quote .person-quote-inner > p {
            font: normal normal 400 clamp(1.13rem,.21vw + 1.08rem,1.33rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        }

.model-718 .person-quote {
    display: block;
}

.model-911 .person-quote .person-quote-inner {
    max-width: 900px;
}

.insideTab {
    flex-wrap: wrap;
}

    .insideTab p {
        width: 100%;
    }

    .insideTab .radio-group {
        width: 100%;
    }

.result span {
    display: block;
    color: #191F22;
    font-size: 36px;
    line-height: 42px;
    font-weight: 800;
    text-align: center;
}

.finance-summary p {
    color: #191F22;
    font-size: 36px;
    line-height: 42px;
    font-weight: 800;
    text-align: center;
    padding-top: 20px;
}

.leasingAmount {
    -webkit-appearance: none;
    width: 100%;
    height: 2px;
    background: #313639;
    outline: none;
    opacity: 0.9;
    transition: opacity .2s;
    cursor: pointer;
}

.loanAmount {
    -webkit-appearance: none;
    width: 100%;
    height: 2px;
    background: #313639;
    outline: none;
    opacity: 0.9;
    transition: opacity .2s;
    cursor: pointer;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border-radius: 50%;
    background: url('../img/list.svg') no-repeat center center, black;
    background-size: contain;
    z-index: 1;
    width: 20px;
    height: 20px;
    padding: 5px;
    position: relative;
}

.bank-section,
.leasing-section {
    width: 100%;
}

.bank-group button:hover,
.leasing-group button:hover {
    background-color: black;
    color: white;
}

/* Aktif buton stili */
.bank-group button.active,
.leasing-group button.active {
    background-color: black;
    color: white;
}

.finance-calculation-info {
    font-size: 12px;
    text-align: left;
    line-height: 16px;
    padding: 10px 0;
    margin-top: 10px;
}

.result p {
    font-size: 14px;
}

.result {
    margin-top: 20px;
    font-size: 16px;
    text-align: left;
    display: flex;
    gap: 1rem;
}

#welcherSlider.swiper.Welcher-0,
#welcherSlider.swiper.Welcher-1 {
    padding: 0px calc(-16px + 5vw + (clamp(16px, 12px + 1.25vw, 36px) + (32px + 90vw - clamp(16px, 12px + 1.25vw, 36px) * 15) / 16) * 1);
    cursor: grab;
}

    #welcherSlider.swiper.Welcher-1 .swiper-slide {
        height: auto;
    }

.counters_box .counter {
    font-size: clamp(2.03rem, 3.58vw + 1.31rem, 5.61rem);
}

.counters_box span {
    font-size: clamp(1.27rem, .51vw + 1.16rem, 1.78rem);
}


.flexwrapper__wrapper a p {
    font-size: 1rem;
}

.financeBanner {
    padding: 2rem 0;
    text-align: center;
}

    .financeBanner h2 {
        font-size: 32px;
        font-weight: bold;
        color: #333;
        text-align: center;
        padding: 2rem 0;
    }

    .financeBanner img {
        width: 100%;
    }

.finance {
    background: #eeeff2;
    position: relative;
    padding: 5rem;
}

    .finance h2 {
        font-size: 32px;
        font-weight: bold;
        color: #333;
        text-align: center;
    }

.finance-container {
    display: flex;
    gap: 30px;
    max-width: 1086px;
    margin: 0 auto;
    padding: 2rem 0 3rem 0;
}

.financeOption {
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    display: flex;
    position: relative;
    overflow: hidden;
    text-align: center;
    max-height: 340px;
    flex-wrap: wrap;
    width: 100%;
    align-content: flex-start;
    justify-content: center;
    min-width: 526px;
    cursor: pointer;
}

    .financeOption:hover {
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }


    .financeOption img {
        width: 100%;
    }

        .financeOption img:first-child {
            max-width: 203px;
            margin: 0 auto;
            padding-top: 1rem;
            margin-bottom: 1rem;
        }

.models-data-swiper .swiper-slide {
    width: 573px !important;
}

.models-data-swiper .swiper-slide-active .models-data__card-buttons {
    display: flex;
}

.models-data-swiper .swiper-slide-active .m-464-model-selected {
    display: flex;
    animation: fade-in 3s;
}

.m-464-model-selected {
    display: none;
    align-items: center;
    gap: .5rem;
    justify-content: flex-end;
    animation: fade-out 1s;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.models-data-swiper .swiper-wrapper {
    margin-top: 1rem;
}

.content .video-js {
    padding-bottom: 56.25%
}

    .content .video-js:hover .vjs-big-play-button {
        background-color: rgba(255,255,255,.8)
    }

        .content .video-js:hover .vjs-big-play-button .vjs-icon-placeholder {
            color: #313639
        }

    .content .video-js .vjs-big-play-button {
        top: 50%;
        right: 50%;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, -50%);
        height: 5rem;
        width: 5rem;
        border-radius: 50%;
        border: 0;
        background-color: rgba(255,255,255,.8);
        box-shadow: 0 1px 1px rgba(0,0,0,.15)
    }

        .content .video-js .vjs-big-play-button:hover {
            background-color: #d5001c
        }

        .content .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            bottom: 0;
            height: unset;
            right: 0;
            left: 0;
            font-size: 62px;
            color: #313639
        }

.content .vjs-poster {
    background-position: 100%;
    background-size: cover
}

.tooltipster-base {
    z-index: 999 !important
}

.overflowHidden {
    overflow: hidden
}

.container {
    padding: 0rem;
    position: relative;
}

.module-footer {
    border-top: 1px solid #c8cacb
}

    .module-footer .collapse:not(.show) {
        display: block
    }

.module-footer__title {
    padding-top: 2rem;
    color: #000;
    cursor: auto;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1rem
}

.module-footer__content {
    list-style: none
}

    .module-footer__content li {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

        .module-footer__content li:hover * {
            filter: brightness(0) saturate(100%) invert(15%) sepia(98%) saturate(3060%) hue-rotate(341deg) brightness(91%) contrast(120%)
        }

        .module-footer__content li > a {
            font-size: 16px
        }

.module-footer__buttons {
    padding: 13px 21px;
    margin: 2rem 0;
    background-color: #313639;
    color: #fff;
    max-width: 324px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer
}

    .module-footer__buttons img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(175deg) brightness(103%) contrast(104%);
        padding-right: 1rem;
    }

    .module-footer__buttons:hover {
        background-color: #d5001c
    }

        .module-footer__buttons:hover ul {
            display: flex;
            position: absolute;
            top: 3.125rem;
            width: 100%;
            background-color: #fff;
            left: 0;
            border-left: 1px solid #c8cacb;
            border-right: 1px solid #c8cacb;
            border-bottom: 1px solid #c8cacb;
            padding: .75em .5em 1.75em
        }

            .module-footer__buttons:hover ul li {
                padding-left: 1rem;
                display: flex;
                align-items: center;
                gap: .5rem
            }

                .module-footer__buttons:hover ul li a {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #fff;
                    width: 50px;
                    height: 50px;
                    overflow: hidden
                }

                    .module-footer__buttons:hover ul li a:hover {
                        opacity: .7
                    }

                    .module-footer__buttons:hover ul li a.facebook {
                        background-color: #2753a7
                    }

                    .module-footer__buttons:hover ul li a.x-twitter {
                        background-color: #14171a
                    }

                    .module-footer__buttons:hover ul li a.linkedin {
                        background-color: #0a66c2
                    }

                    .module-footer__buttons:hover ul li a.pinterest {
                        background-color: #e60023
                    }

                    .module-footer__buttons:hover ul li a > i.fa-brands {
                        font-size: 22px
                    }

    .module-footer__buttons ul {
        display: none
    }

    .module-footer__buttons p {
        margin: 0;
        margin-top: 0 !important
    }

.module-footer__share p {
    width: 100%;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    padding-bottom: .5rem;
    color: #959899;
    margin-bottom: 0
}

.module-footer__share ul {
    display: flex;
    align-items: center;
    list-style: none;
    flex-wrap: wrap;
    gap: .5rem
}

    .module-footer__share ul a {
        background-color: #313639;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color .24s,color .24s;
        color: #fff
    }

        .module-footer__share ul a > i.fa-brands {
            font-size: 22px
        }

        .module-footer__share ul a:hover.facebook {
            background-color: #2753a7
        }

        .module-footer__share ul a:hover.linkedin {
            background-color: #0a66c2
        }

        .module-footer__share ul a:hover.x-twitter {
            background-color: #14171a
        }

        .module-footer__share ul a:hover.pinterest {
            background-color: #e60023
        }

        .module-footer__share ul a:hover.youtube {
            background-color: red
        }

.modal.intro {
    z-index: 10001
}

.intro-modal .close-button {
    position: fixed;
    top: 1.875rem;
    right: 3rem;
    z-index: 999991;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 5px 5px 5px -2.5px rgba(0,0,0,.2);
    background-color: #d5001c;
    line-height: 34px;
    font-size: 26px;
    color: #fff;
    border: 0;
    cursor: pointer
}

    .intro-modal .close-button:hover {
        background-color: #fff;
        color: #d5001c
    }

.intro-modal .modal-fullscreen .modal-content {
    height: unset
}

.intro-modal .modal .module-gridInfo__wrapper.bg-transparent:after, .intro-modal .modal .module-gridInfo__wrapper.bg-white:after {
    background: rgba(0,0,0,0)
}

.intro-modal .modal .module-gridInfo__wrapper .module-row {
    margin-top: 4.375rem
}

    .intro-modal .modal .module-gridInfo__wrapper .module-row h3 {
        font-size: 26px;
        line-height: 34px;
        font-weight: 600
    }

    .intro-modal .modal .module-gridInfo__wrapper .module-row p {
        margin: 1rem 0
    }

    .intro-modal .modal .module-gridInfo__wrapper .module-row ul {
        padding-left: 3rem
    }

.intro-modal .modal .module-gridInfo__wrapper .module-row-text {
    margin-left: 5rem;
    padding-bottom: 2rem
}

.intro-modal .modal .module-gridInfo__wrapper .module-row-button {
    display: flex;
    flex-direction: column;
    row-gap: 1rem
}

.intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper {
    padding-left: 7.14286%;
    padding-right: 7.14286%;
    margin: 1.875rem 0 0
}

.intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-wrapper {
    padding-bottom: 2.25rem
}

.intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-slide {
    width: 100% !important
}

.intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-pagination {
    bottom: 0
}

.intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-pagination-bullet {
    width: .625rem;
    height: .625rem;
    background: #313639;
    opacity: 1;
    margin: 5px
}

.intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-pagination-bullet-active {
    background: #d5001c
}

.intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-button-next, .intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-button-prev {
    width: 50px;
    height: 50px;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    background-size: 45%;
    background-position: center 50%;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
    color: #191f22;
    display: inline-block;
    font-size: 20px;
    padding: 15px
}

    .intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-button-next::after, .intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-button-prev::after {
        font-size: 11px !important;
        content: ""
    }

    .intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-button-next:hover, .intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-button-prev:hover {
        background-color: #d5001c
    }

.intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-button-next {
    right: 17px;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z"/></svg>');
    background-repeat: no-repeat
}

    .intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-button-next:hover {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z" fill="white" /></svg>')
    }

.intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-button-prev {
    left: 0;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z"/></svg>');
    background-repeat: no-repeat
}

    .intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-button-prev:hover {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z" fill="white" /></svg>')
    }

.intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-button-disabled {
    display: none
}

.intro-modal .modal .module-gridInfo__items.bg-black {
    background-color: #000;
    color: #fff
}

    .intro-modal .modal .module-gridInfo__items.bg-black .module-gridInfo__items-group {
        max-width: 800px
    }

        .intro-modal .modal .module-gridInfo__items.bg-black .module-gridInfo__items-group p {
            font-weight: 600;
            font-size: 20px;
            line-height: 28px
        }

.intro-modal .modal .module-gridInfo__items.color-white {
    color: #fff
}

.intro-modal .modal .module-gridInfo__items.color-black {
    color: #000
}

.intro-modal .modal .module-gridInfo__items-group.facts-list {
    max-width: unset
}

.intro-modal .modal .module-gridInfo__items-group h3 {
    font-size: 64px;
    line-height: 72px;
    text-align: right;
    padding: 1.875rem 0;
    text-align: right;
    white-space: normal !important;
    overflow-wrap: break-word;
    font-weight: 600
}

.intro-modal .modal .module-gridInfo__items-group--text {
    font-weight: normal;
    font-size: 18px;
    line-height: 26px
}

.intro-modal .modal .module-gridInfo__items-group .center {
    display: flex;
    align-items: center
}

.intro-modal .modal .module-gridInfo__items.modal-end {
    display: inline-block
}

    .intro-modal .modal .module-gridInfo__items.modal-end > p {
        font-size: 18px;
        line-height: 26px
    }

    .intro-modal .modal .module-gridInfo__items.modal-end > h2 {
        font-size: 48px;
        line-height: 54px;
        font-weight: 600
    }

    .intro-modal .modal .module-gridInfo__items.modal-end > i.fa-solid {
        font-size: 40px;
        line-height: 48px;
        font-weight: 600
    }

    .intro-modal .modal .module-gridInfo__items.modal-end:hover {
        color: #d5001c
    }

.intro-modal .modal .announcement-module__wrapper .row {
    background-color: #191f22
}

.intro-modal .modal .announcement-module__right {
    background-color: unset
}

.intro-modal .modal .announcement-module__right-text {
    color: #fff
}

.intro-modal .modal .announcement-module__right.home-charge {
    background-color: #eff0f1
}

    .intro-modal .modal .announcement-module__right.home-charge .announcement-module__right-text {
        color: #000
    }

.technical-detail-info {
    display: flex;
    justify-content: space-between;
    line-height: 3rem;
    color: #535457
}

.technical-detail-info-bold {
    font-weight: 600;
    color: #010205
}

.header {
    height: 5.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999
}

.header-logo {
    width: 240px;
    height: 48px;
    line-height: 48px
}

    .header-logo svg {
        fill: #fbfcff
    }

.header-info {
    position: relative;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(10px + 2.125ex);
    height: calc(10px + 2.125ex);
    visibility: hidden;
}

    .header-info img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(102deg) brightness(106%) contrast(101%)
    }

    .header-info:hover {
        background-color: rgba(148,149,152,.18);
        border-radius: 4px
    }

.white-header {
    border-bottom: 1px solid #e3e4e5
}

    .white-header .header {
        position: relative
    }

        .white-header .header #menuToggle .ac, .white-header .header-logo, .white-header .header-info {
            color: #000;
            filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(303deg) brightness(95%) contrast(100%)
        }

            .white-header .header #menuToggle .ac svg, .white-header .header-logo svg, .white-header .header-info svg {
                fill: #000
            }

#menuToggle {
    display: block;
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    #menuToggle .ac {
        display: flex;
        align-items: center;
        gap: 4px;
        border-radius: 4px;
        padding: .15rem;
        cursor: pointer;
        opacity: 1;
        z-index: 2;
        -webkit-touch-callout: none;
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(45deg) brightness(102%) contrast(102%)
    }

        #menuToggle .ac:hover {
            background-color: rgba(148,149,152,.18)
        }

#menu {
    position: absolute;
    inline-size: 64%;
    top: 0;
    left: 0;
    height: 100vh;
    background-color: #eeeff2;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    z-index: 999;
    transform-origin: 0% 0%;
    transform: translate(-101%, 0);
    transition: transform .3s cubic-bezier(0.77, 0.2, 0.05, 1)
}

    #menu .nav {
        height: 100vh;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center
    }

        #menu .nav button {
            color: #000;
            font-size: 1.5rem;
            text-align: left;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 438px;
            height: 52px;
            margin-bottom: 1rem
        }

    #menu svg {
        color: #000
    }

    #menu .leftMenu .swiper, #menu .rightMenu .swiper {
        overflow: hidden;
        height: 100%
    }

    #menu .leftMenu .swiper-slide {
        padding-block-start: 2.625rem;
        padding-block-end: 6rem;
        overflow-y: auto;
    }

    #menu .rightMenu .swiper-slide {
        padding: 6rem .5rem;
    }

    #menu .leftMenu .leftMenu-lists .active, #menu .leftMenu .leftMenu-models > li .active, #menu .rightMenu .leftMenu-lists .active, #menu .rightMenu .leftMenu-models > li .active {
        background-color: rgba(148,149,152,.18)
    }

    #menu .leftMenu {
        background-color: #fff;
        position: relative;
        overflow: hidden;
        inline-size: 40%;
        height: 100%;
        width: 100%;
        padding-inline: 5%;
    }

        #menu .leftMenu .swiper {
            overflow: hidden
        }

        #menu .leftMenu .swiper-slide:last-child {
            padding-top: 2.625rem
        }

    #menu .leftMenu-lists {
        gap: .85rem
    }

        #menu .leftMenu-lists > li {
            padding: 0 .5rem
        }

            #menu .leftMenu-lists > li:hover {
                -webkit-backdrop-filter: blur(32px);
                backdrop-filter: blur(32px);
                background-color: rgba(148,149,152,.18)
            }

            #menu .leftMenu-lists > li > a {
                display: flex;
                align-items: center;
                justify-content: space-between;
                height: 100%
            }

                #menu .leftMenu-lists > li > a span {
                    font-family: "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
                    font-size: 22px;
                    line-height: 52px
                }

                #menu .leftMenu-lists > li > a > img {
                    width: 1.5rem;
                    height: 1.5rem
                }

    #menu .leftMenu-models-signature {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem .5rem 1rem .875rem;
        margin-bottom: .5rem
    }

        #menu .leftMenu-models-signature > span {
            height: 3.25rem;
            display: block;
            width: 100%
        }

    #menu .leftMenu-models-signature-logo {
        display: block;
        width: 100%;
        height: 1.625rem;
        text-transform: capitalize
    }

        #menu .leftMenu-models-signature-logo > img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            pointer-events: none;
            filter: invert(3%) sepia(7%) saturate(2930%) hue-rotate(188deg) brightness(91%) contrast(103%);
            height: inherit
        }

        #menu .leftMenu-models-signature-logo.model-name {
            font-size: 1.375rem;
        }

        #menu .leftMenu-models-signature-logo.model-fueltype {
            font: normal normal 400 1rem / calc(6px + 2.125ex) 'Porsche Next', 'Arial Narrow', Arial, 'Heiti SC', SimHei, sans-serif;
            overflow-wrap: break-word;
            color: #6B6D70;
            white-space: nowrap;
            max-width: 100%;
            overflow: hidden;
            font-size: clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem);
            font-weight: 400;
        }

    #menu .leftMenu-models-signature > img {
        width: 1.5rem;
        height: 1.5rem
    }

    #menu .leftMenu-models-signature:hover {
        -webkit-backdrop-filter: blur(32px);
        backdrop-filter: blur(32px);
        background-color: rgba(148,149,152,.18);
        border-radius: 4px
    }

    #menu .leftMenu-back {
        margin-bottom: 1.5rem;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 4px;
        padding: .25rem
    }

        #menu .leftMenu-back:hover {
            -webkit-backdrop-filter: blur(32px);
            backdrop-filter: blur(32px);
            background-color: rgba(148,149,152,.18);
            border-radius: 4px
        }

    #menu .leftMenu-lists, #menu .leftMenu-models {
        list-style: none;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
    }

    #menu .container-fluid .container {
        position: relative
    }

    #menu .rightMenu {
        background-color: #eeeff2;
        position: relative;
        overflow: hidden;
        inline-size: 50%;
        height: 100%;
        width: 100%;
        z-index: 9;
        margin-inline: 5%;
        transform: translateZ(0);
        will-change: transform;
    }

        #menu .rightMenu .swiper {
            z-index: 10;
            position: relative;
        }

        #menu .rightMenu .swiper-slide {
            overflow-y: auto;
            height: 100%;
        }

            #menu .rightMenu .swiper-slide:first-child {
                padding-top: 5rem
            }

            #menu .rightMenu .swiper-slide::-webkit-scrollbar {
                display: none;
            }

            #menu .rightMenu .swiper-slide .model-logo {
                display: block;
                inline-size: 100%;
                text-align: center;
                margin-block-start: -3.25rem;
                height: 2.5rem;
            }

    #menu .right-menu .swiper-slide .model-logo > img {
        vertical-align: top;
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin-block: auto;
        margin-inline: auto;
    }

    #menu .rightMenu-models,
    #menu .rightMenu-modelTypes,
    #menu .rightMenu-lists {
        list-style-type: none
    }

    #menu .vehicle-models .vehicle-models-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: .5rem;
        border-radius: .75rem;
        transition: background 0.25s cubic-bezier(0.25, 0.1, 0.25, 1)
    }

        #menu .vehicle-models .vehicle-models-item:hover {
            background-color: #fff;
        }

            #menu .vehicle-models .vehicle-models-item:hover .vehicle-models-image img {
                transform: translate3d(0.75rem, 0, 0);
            }

            #menu .vehicle-models .vehicle-models-item:hover .vehicle-models-fueltype {
                background-color: #EEEFF2;
            }

        #menu .vehicle-models .vehicle-models-item .fueltype-group {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: .5rem;
        }

        #menu .vehicle-models .vehicle-models-item .vehicle-models-name {
            font: 600 clamp(1.13rem, 1.08rem + 0.21vw, 1.33rem) / calc(2.125ex + 6px) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
            display: block;
        }

    #menu .vehicle-models .vehicle-models-image-group {
        padding-block-end: 33%;
        position: relative;
        overflow: hidden;
        inline-size: 100%;
        display: block;
        box-sizing: border-box;
        margin-block-start: 4px;
    }

    #menu .vehicle-models .vehicle-models-image {
        padding-block: 0;
        inline-size: calc(100% - (1rem + 16px));
        padding-inline: 0.25rem .5rem;
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        block-size: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        #menu .vehicle-models .vehicle-models-image img {
            position: relative;
            backface-visibility: hidden;
            object-fit: cover;
            inline-size: 100%;
            block-size: auto;
            transition: transform 0.24s cubic-bezier(0.25, 0.1, 0.25, 1);
        }

    #menu .rightMenu-modelTypes.vehicle-models .vehicle-models-image img {
        margin-block-start: -25px;
    }

    #menu .vehicle-models .vehicle-models-status {
        font: 400 1rem / calc(2.125ex + 6px) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
        color: rgb(107, 109, 112);
    }

    #menu .vehicle-models .vehicle-models-item .vehicle-models-fueltype {
        display: block;
        margin-top: .5rem;
        position: relative;
        display: flex;
        gap: 2px;
        padding: 4px 9px;
        border-radius: 4px;
        font: normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem) / calc(6px + 2.125ex) 'Porsche Next', 'Arial Narrow', Arial, 'Heiti SC', SimHei, sans-serif;
        color: #010205;
        background-color: #FFF;
        transition: background-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1)
    }

    #menu .rightMenu-modelTypes.vehicle-models {
        margin: 1.625rem 0 1rem;
        display: flex;
        flex-direction: column;
        gap: clamp(8px, 0.5vw + 6px, 16px);
    }

    #menu .rightMenu-modelTypes.vehicle-models,
    #menu .rightMenu-models.vehicle-models {
        max-inline-size: 22rem;
        inline-size: 100%;
        margin-inline: auto;
    }

        #menu .rightMenu-modelTypes.vehicle-models .rightMenu-modelTypes-inner,
        #menu .rightMenu-models.vehicle-models > li {
            inline-size: 100%;
            aspect-ratio: 1.59;
        }

    #menu .rightMenu-lists > li:not(:last-child) > a {
        margin-bottom: 2rem
    }

    #menu .rightMenu-lists > li a {
        display: inline-block;
        overflow-wrap: break-word;
        font-size: 1.25rem;
        padding: .25rem .5rem .25rem .25rem
    }

        #menu .rightMenu-lists > li a:hover {
            -webkit-backdrop-filter: blur(32px);
            backdrop-filter: blur(32px);
            background-color: rgba(148,149,152,.18);
            border-radius: 4px
        }

    #menu .rightMenu-location {
        position: relative
    }

    #menu .rightMenu-location-search {
        display: block;
        width: 100%;
        height: calc(6px + 2.125ex + 10px + 4px + 16px);
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-sizing: border-box;
        border: 2px solid #6b6d70;
        border-radius: 4px;
        background: rgba(0,0,0,0);
        font: normal normal 400 1rem/calc(6px + 2.125ex + 6px) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        text-indent: 0;
        color: #010205;
        transition: background-color var(0.25s) cubic-bezier(0.25, 0.1, 0.25, 1),border-color var(0.25s) cubic-bezier(0.25, 0.1, 0.25, 1),color var(0.25s) cubic-bezier(0.25, 0.1, 0.25, 1);
        grid-area: 1/1/1/-1;
        padding: .5rem 1rem;
        padding-inline-start: 1rem;
        padding-inline-end: calc(17px + (6px + 2.125ex + 8px)*2)
    }

    #menu .rightMenu-location-icon {
        position: absolute;
        right: .5rem;
        top: 0;
        bottom: 0;
        padding: 4px;
        display: flex;
        height: 2rem;
        width: 2rem;
        border-radius: 4px;
        flex-direction: column;
        margin: auto 0;
        justify-content: center;
        align-items: center
    }

        #menu .rightMenu-location-icon:hover {
            -webkit-backdrop-filter: blur(32px);
            backdrop-filter: blur(32px);
            background-color: rgba(148,149,152,.18)
        }

        #menu .rightMenu-location-icon img {
            width: 100%;
            height: 100%
        }

    #menu .rightMenu .gradient-box {
        position: absolute;
        height: 10rem;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #eeeff2);
        opacity: 1;
        width: 100%;
        bottom: 0;
        pointer-events: none;
        width: 100%;
        border-radius: 0 0 4px 0;
        z-index: 11;
        display: none;
    }

    #menu .rightMenu-buttons {
        max-inline-size: 22rem;
        margin-block: 3rem 16px;
        margin-inline: auto;
    }

        #menu .rightMenu-buttons > a {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            width: 100%;
            min-width: 54px;
            min-height: 54px;
            text-decoration: none;
            border: 2px solid #010205;
            border-radius: 4px;
            background-color: rgba(0,0,0,0);
            color: #010205;
            font: normal normal 400 1rem/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
            overflow-wrap: break-word;
            padding: 13px 26px;
            gap: 8px;
            outline: none;
            box-shadow: none;
            transform: translateZ(0);
            will-change: transform;
        }

            #menu .rightMenu-buttons > a:not(:last-child) {
                margin-bottom: 1rem
            }

            #menu .rightMenu-buttons > a:hover {
                background-color: rgba(148,149,152,.18);
                border-color: #6b6d70;
                -webkit-backdrop-filter: blur(32px);
                backdrop-filter: blur(32px)
            }

        #menu .rightMenu-buttons.bottom-button {
            width: 100%;
            margin-top: 4rem
        }

    #menu .tab-content {
        padding-top: 75px;
        text-align: center
    }

        #menu .tab-content div img:hover {
            image-rendering: high-quality;
            transform: scale3d(1.08, 1.08, 1.08);
            background-color: #dadade;
            border-radius: 5px
        }

    #menu .close {
        width: 3.375rem;
        height: 3.375rem;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 0;
        color: #fff;
        top: .5rem;
        cursor: pointer
    }

        #menu .close img {
            filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(305deg) brightness(105%) contrast(101%);
            width: 1.6rem;
            height: 1.6rem
        }

        #menu .close:hover {
            background-color: rgba(148,149,152,.18);
            border-color: #88898c;
            -webkit-backdrop-filter: blur(32px);
            backdrop-filter: blur(32px)
        }

.backDrop {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    background-color: rgba(0,0,0,.6);
    cursor: pointer;
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    display: none
}

.openMenu {
    transform: none !important
}

.fixed-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100
}

.region {
    font-weight: 400;
    background-color: #0e0e12;
    padding: 4rem 4rem 7.5rem 4rem
}

    .region h2 {
        margin-bottom: .8rem;
        color: #fff;
        font-size: clamp(1.13rem,.21vw + 1.08rem,1.33rem)
    }

    .region p {
        font-size: 1rem;
        color: #fff
    }

    .region .region_text a {
        color: #fff !important;
        text-decoration: underline;
    }

.region_country {
    padding-bottom: 3rem
}

    .region_country img {
        width: 30px;
        height: 30px;
        border: 1px solid #fff;
        border-radius: 50%
    }

    .region_country a {
        padding-left: 1rem;
        cursor: pointer
    }

.region_item {
    gap: 3rem;
    display: flex;
    flex-wrap: wrap
}

.region_item_box {
    min-width: 300px
}

.region_item_box_head {
    display: flex;
    gap: .6rem
}

    .region_item_box_head span {
        width: 54px;
        height: 54px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        cursor: pointer
    }

.region_item_box p:nth-child(2) {
    max-width: 250px;
    min-height: 48px;
    margin-bottom: 1rem
}

.region_item_box span a {
    width: 300px;
    height: 54px;
    border-radius: 5px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000 !important
}

.region_item_box a {
    color: #fff !important;
    display: flex;
    padding-bottom: .5rem
}

.region_item_last {
    width: 100%;
    padding-top: 3rem
}

.region_bottom {
    padding-bottom: 3rem;
    padding-top: 3rem
}

    .region_bottom hr {
        margin: 0px;
        padding: 0px;
        border: none;
        text-align: start;
        background: #fff;
        height: 1px;
        width: 100%
    }

.region_text {
    color: #fff
}

    .region_text p {
        margin-bottom: 2rem
    }

    .region_text svg {
        height: 16px;
        fill: #fbfcff;
        text-align: center;
        width: 100%
    }

.footer-second {
    background-color: #191f22;
    color: #fff;
    padding-bottom: 4.375rem;
    padding-left: 7.14286%;
    padding-right: 7.14286%
}

.footer-second__content {
    box-sizing: border-box;
    position: relative;
    display: block;
    clear: both
}

.footer-second .footer-second__content .footer-second__content-text p a {
    color: #fff !important;
    text-decoration: underline;
}

.footer-second__content-text .footnote {
    color: #fff
}

    .footer-second__content-text .footnote a {
        color: #fff;
        text-decoration: underline
    }

        .footer-second__content-text .footnote a:hover {
            color: #d5001c;
            text-decoration: none
        }

.footer-second__select {
    display: flex;
    align-items: center;
    gap: .75rem
}

.footer-second__select-country, .footer-second__select-language {
    margin: 1.25rem 0 1.875rem;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
    min-height: 1px;
    width: 24%
}

    .footer-second__select-country select, .footer-second__select-language select {
        background-color: #313639;
        color: #fff;
        border: none;
        outline: none;
        border-radius: 0;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        position: relative;
        min-height: 1px;
        padding: 13px 30px 13px 13px;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        background-size: 16px;
        background-position: right 17px center;
        cursor: pointer
    }

        .footer-second__select-country select:focus, .footer-second__select-language select:focus {
            outline: 0;
            box-shadow: none
        }

        .footer-second__select-country select option:not(:checked), .footer-second__select-language select option:not(:checked) {
            background-color: #fff;
            color: #000
        }

        .footer-second__select-country select option[default], .footer-second__select-language select option[default] {
            display: none
        }

.footer-second__sitemap {
    padding-top: 1.25rem
}

.footer-second__sitemap--text {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    display: inline-block
}

.footer-second__copyright {
    border-top: 1px solid #494e51;
    padding-top: 1.875em
}

    .footer-second__copyright p {
        color: #fff;
        margin-bottom: 0;
        line-height: 1.78571em
    }

/*.form-select {
    padding: 0;
    background-color: inherit;
    background-image: none;
    border: none;
}*/

.play, .pause {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0,0,0,0);
    border: 2px solid #fbfcff;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 13px;
    transform: translateZ(0);
    transition: background-color var(--pcom-transition-duration) ease,border-color var(--pcom-transition-duration) ease,color var(--pcom-transition-duration) ease
}

    .play svg, .pause svg {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(195deg) brightness(102%) contrast(101%);
    }

.buttons {
    margin-top: 5px;
    text-align: center;
    position: absolute;
    bottom: 1.85rem;
    right: 3.75rem;
    z-index: 9;
}

.bev_btn {
    padding: 1rem !important;
    right: 2rem !important;
    top: 5rem !important;
    z-index: 99;
    position: fixed;
    background: #d5001c;
    color: white;
    font-size: 1.3rem;
    font-weight: 700;
    font-family: 'FontAwesome';
    opacity: 1;
}

    .bev_btn:hover {
        background-color: white;
        color: #d5001c
    }

.bev_modal_t {
    top: 3.7rem !important
}


.technical_btn_fixed {
    position: fixed;
    bottom: 0;
    min-width: 100%;
    background-color: white;
    z-index: 9;
    left: 0;
    padding: 0rem 2rem;
    box-shadow: rgba(204, 204, 204, 0.35) 0px -5px 10px;
}

.homeVideo {
    position: relative;
    height: 100vh;
    overflow: hidden
}

    .homeVideo h1 {
        font: normal normal 400 clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem)/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
        position: absolute;
        bottom: 12rem;
        left: 10rem;
        color: #fff;
        max-width: 749px
    }

    .homeVideo span {
        position: absolute;
        bottom: 2rem;
        text-align: center;
        color: #afb0b3;
        display: block;
        width: 100%;
        font-size: 14px
    }

    .homeVideo .videoDetail {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        min-width: 100px;
        width: auto;
        height: 54px;
        color: #fff !important;
        box-sizing: border-box;
        text-align: start;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-decoration: none;
        border: 2px solid #fbfcff;
        border-radius: 4px;
        transform: translate3d(0px, 0px, 0px);
        background-color: rgba(0,0,0,0);
        color: #fbfcff;
        font: 400 1rem/calc(2.125ex + 6px) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
        transition: background-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1),border-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1),color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1);
        padding: 13px 26px;
        gap: 8px;
        cursor: pointer;
        position: absolute;
        bottom: 7rem;
        left: 10rem
    }

        .homeVideo .videoDetail:hover {
            background-color: rgba(148,149,152,.18);
            border-color: #88898c;
            -webkit-backdrop-filter: blur(32px);
            backdrop-filter: blur(32px)
        }

.play {
    display: none
}

.modals {
    background-image: url("/assets/img/Section.png");
    position: relative;
    overflow: hidden
}

    .modals img {
        width: 100%
    }

.ModelIntro .taycanHomeVideo {
    position: relative;
    height: 100vh;
    overflow: hidden;
    width: 100%;
    max-height: 440px;
}

    .ModelIntro .taycanHomeVideo img {
        position: absolute;
        left: 0;
        color: #fff;
        margin-left: auto;
        margin-right: auto;
        right: 0;
        bottom: 11.75rem;
    }

.ModelSwiper {
    max-width: 1670px
}

    .ModelSwiper .swiper-wrapper {
        padding: 1rem 0 3rem
    }

    .ModelSwiper .swiper-slide-active .modalsDetail-item {
        transition: opacity 200ms ease-in-out;
        box-shadow: 10px 10px 30px 0 #c8cacb
    }

    .ModelSwiper .swiper-pagination {
        bottom: 0rem !important;
        display: none
    }

    .ModelSwiper .m-364-module-specs-detail {
        justify-content: flex-start;
        border-bottom: 1px solid #e3e4e4;
        margin-bottom: .5rem;
        padding-bottom: .5rem;
        visibility: visible;
        bottom: 0
    }

    .ModelSwiper .m-364-module-item-info {
        display: flex;
        align-items: center;
        margin-top: 2rem
    }

    .ModelSwiper .m-364-module-item-info-detail {
        display: flex;
        align-items: center;
        border: 1px solid #fff;
        height: 50px;
        width: auto;
        padding: 10px;
        cursor: pointer;
        margin-right: 1rem;
        color: #313639;
        border: 1px solid #313639
    }

        .ModelSwiper .m-364-module-item-info-detail:hover {
            border: 1px solid #d5001c
        }

            .ModelSwiper .m-364-module-item-info-detail:hover * {
                filter: brightness(0) saturate(100%) invert(15%) sepia(98%) saturate(3060%) hue-rotate(341deg) brightness(91%) contrast(120%)
            }

        .ModelSwiper .m-364-module-item-info-detail img {
            filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7157%) hue-rotate(285deg) brightness(101%) contrast(101%);
            width: 20px;
            height: 20px
        }

        .ModelSwiper .m-364-module-item-info-detail p {
            width: -moz-max-content;
            width: max-content;
            font-size: 14px
        }

    .ModelSwiper .m-364-module-specs {
        flex-wrap: wrap;
        position: relative;
        bottom: 0;
        visibility: visible
    }

    .ModelSwiper .m-364-module-specs-data {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #e3e4e4;
        display: flex;
        align-items: center;
        padding: .3rem;
        margin-bottom: .3rem
    }

        .ModelSwiper .m-364-module-specs-data p {
            min-width: 40%
        }

    .ModelSwiper p {
        color: #000
    }

    .ModelSwiper span {
        color: #000
    }

    .ModelSwiper img {
        width: 100%
    }

.section h3 {
    font-size: 48px;
    padding-top: 2rem
}

.Die-719 {
    height: 90vh
}

.modelsName {
    padding-top: 2rem;
    visibility: hidden
}

    .modelsName p {
        font-size: 60px;
        font-weight: 600;
        color: #fff;
        padding-bottom: 2rem
    }

    .modelsName span {
        font-weight: normal;
        font-size: 16px;
        color: #fff
    }

.mySwiper .swiper-slide {
    text-align: center;
    font-size: 18px
}

.mySwiper .swiper-slide-active .modelsName {
    visibility: visible
}

.mySwiper .swiper-slide-active .m-364-module-specs {
    visibility: visible
}

.mySwiper .swiper-slide-active .m-364-module-specs-detail {
    visibility: visible;
    width: 1100px
}

.mySwiper .swiper-pagination {
    bottom: 2rem !important
}

.mySwiper .swiper-bottom-nav-right {
    width: 50px !important;
    height: 50px !important;
    background-color: #fff;
    color: #000
}

    .mySwiper .swiper-bottom-nav-right::after {
        font-size: 11px !important
    }

    .mySwiper .swiper-bottom-nav-right:hover {
        background-color: #d5001c;
        color: #fff
    }

.mySwiper .swiper-bottom-nav-left {
    width: 50px !important;
    height: 50px !important;
    background-color: #fff;
    color: #000
}

    .mySwiper .swiper-bottom-nav-left::after {
        font-size: 11px !important
    }

    .mySwiper .swiper-bottom-nav-left:hover {
        background-color: #d5001c;
        color: #fff
    }

.m-364-module-specs {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    visibility: hidden;
    position: absolute;
    bottom: 10rem
}

.m-364-module-specs-data p {
    font-size: 20px;
    font-weight: 600;
    color: #fff
}

.m-364-module-specs-data span {
    font-size: 16px;
    color: #fff
}

.m-364-module-specs-detail {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    visibility: hidden;
    position: relative;
    bottom: 4rem
}

.m-364-module-specs-detail-one {
    color: #959899;
    margin-bottom: 4px;
    display: block;
    width: 100%;
    text-align: left
}

.m-364-module-specs-detail-two {
    display: flex;
    align-items: center;
    margin-right: 2rem;
    float: left
}

    .m-364-module-specs-detail-two p {
        color: #fff;
        font-size: 16px;
        line-height: .75
    }

    .m-364-module-specs-detail-two span {
        color: #fff;
        font-size: 10px
    }

    .m-364-module-specs-detail-two .icon-area {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border-style: solid;
        border-color: #fff;
        border-width: 1px;
        display: -ms-flexbox;
        margin-right: .25rem;
        display: flex;
        align-self: center;
        align-items: center;
        justify-content: center;
        font-style: normal
    }

        .m-364-module-specs-detail-two .icon-area > img {
            filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(49deg) brightness(101%) contrast(101%)
        }

.m-364-module-specs-detail-two-item {
    text-align: left;
    line-height: 1
}

.m-364-module-specs-detail-two-item-black {
    color: #000 !important
}

.m-364-module-specs-detail-tri {
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    height: 50px;
    width: auto;
    padding: 10px;
    cursor: pointer;
    margin-right: .5rem;
    float: left;
    margin-bottom: .5rem
}

    .m-364-module-specs-detail-tri img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(140deg) brightness(101%) contrast(101%);
        width: 20px;
        height: 20px
    }

    .m-364-module-specs-detail-tri p {
        color: #fff
    }

.modelMenuBack {
    background-color: #fff;
    box-shadow: 0 5px 5px -2.5px rgba(0,0,0,.2);
    overflow: hidden;
    position: relative;
    height: 60px;
    line-height: 60px;
    padding: 0
}

    .modelMenuBack .swiper-button-disabled {
        opacity: 0 !important
    }

    .modelMenuBack .container {
        position: relative
    }

        .modelMenuBack .container .swiper-button-next {
            top: 2rem;
            color: #000;
            right: 0
        }

            .modelMenuBack .container .swiper-button-next::after {
                font-size: 11px !important
            }

        .modelMenuBack .container .swiper-button-prev {
            top: 2rem;
            color: #000;
            left: 0
        }

            .modelMenuBack .container .swiper-button-prev::after {
                font-size: 11px !important
            }

        .modelMenuBack .container .swiper-wrapper {
            display: flex;
            justify-content: center;
            width: 100%
        }

.modelMenu .swiper-slide {
    cursor: pointer
}

    .modelMenu .swiper-slide p {
        text-align: center
    }

    .modelMenu .swiper-slide .active {
        position: relative;
        max-height: 60px
    }

        .modelMenu .swiper-slide .active::after {
            content: "";
            border-bottom: 2px solid #d5001c;
            border-color: #d5001c;
            display: flex;
            width: 100%;
            position: absolute;
            bottom: .5em
        }

.car-360 {
    padding-top: 2.5rem
}

    .car-360 h1 {
        font-size: 48px;
        font-weight: 600
    }

.car-360-nav > div {
    border: none
}

    .car-360-nav > div button {
        width: auto;
        font-weight: 600;
        color: #000
    }

        .car-360-nav > div button:hover {
            color: #000
        }

.car-360 .nav-link:hover {
    border-color: #fff
}

.car-360 .nav-link.active {
    border-color: #fff;
    position: relative
}

    .car-360 .nav-link.active::after {
        content: "";
        border-bottom: 2px solid #d5001c;
        border-color: #d5001c;
        display: flex;
        width: 100%;
        position: absolute;
        bottom: .1em;
        left: 0
    }

.footer-second__copyright p a {
    color: #fff
}

.modalsDetail {
    padding: 4rem 0;
    height: 100vh;
    position: relative
}

.modalsDetail-item {
    width: auto;
    min-width: auto;
    min-height: 386px;
    padding: 45px 39px 30px
}

.modalsDetail-item-box {
    display: flex;
    align-items: flex-start
}

.modalsDetail-item-box-name {
    width: 60%;
    text-align: left
}

    .modalsDetail-item-box-name p {
        font-size: 28px;
        font-weight: 600;
        text-align: left;
        margin-bottom: 1rem
    }

    .modalsDetail-item-box-name span {
        font-size: 20px;
        font-weight: 600;
        cursor: pointer;
        font-weight: 600;
        text-decoration: none;
        display: inline;
        padding-bottom: 2px;
        transition: all .35s linear;
        background: linear-gradient(to bottom, #d5001c 0%, #d5001c 98%);
        background-size: 0px 2px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

        .modalsDetail-item-box-name span:hover {
            background-size: 100% 2px
        }

.modalsDetail-item-box-img {
    width: 40%
}

.modalsDetail .modelsDetailName p {
    font-size: 48px;
    color: #000;
    font-weight: 600
}

.modalsDetail .nav {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: none;
    padding-top: 2rem
}

    .modalsDetail .nav li {
        width: auto
    }

        .modalsDetail .nav li button {
            border: none;
            width: -moz-fit-content;
            width: fit-content;
            color: #000
        }

        .modalsDetail .nav li .active {
            background-color: unset;
            color: #000;
            font-weight: 600
        }

            .modalsDetail .nav li .active::after {
                content: "";
                background-color: #d5001c;
                backface-visibility: hidden;
                position: absolute;
                left: 0;
                bottom: 12px;
                display: inline-block;
                height: 2px;
                width: 100%
            }

.sliderModel {
    display: flex;
    justify-content: flex-end;
    position: relative
}

    .sliderModel .swiper-button-next {
        width: 50px !important;
        height: 50px !important;
        background-color: #fff;
        color: #000;
        box-shadow: 0 0 .4375rem rgba(0,0,0,.15)
    }

        .sliderModel .swiper-button-next::after {
            font-size: 11px !important
        }

        .sliderModel .swiper-button-next:hover {
            background-color: #d5001c;
            color: #fff
        }

    .sliderModel .swiper-button-prev {
        width: 50px !important;
        height: 50px !important;
        background-color: #fff;
        color: #000;
        box-shadow: 0 0 .4375rem rgba(0,0,0,.15)
    }

        .sliderModel .swiper-button-prev::after {
            font-size: 11px !important
        }

        .sliderModel .swiper-button-prev:hover {
            background-color: #d5001c;
            color: #fff
        }

.viewer-360V {
    width: 100%
}

.view360 {
    position: relative
}

    .view360 .icon360 {
        position: absolute;
        top: 0;
        width: 100%
    }

        .view360 .icon360 img {
            width: 100%
        }

    .view360 .icon360-img {
        position: absolute;
        z-index: 2;
        height: 100vh;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .view360 .icon360-img-icon {
        width: 104px;
        height: 104px;
        border-radius: 50%;
        background-color: #d5001c;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        opacity: .9
    }

        .view360 .icon360-img-icon img {
            filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(2554%) hue-rotate(196deg) brightness(105%) contrast(104%);
            width: 70px;
            height: 70px;
            font-weight: 300
        }

.m-106-next-best-actions {
    margin-top: 2rem
}

    .m-106-next-best-actions h2 {
        font-size: 48px;
        margin-bottom: 2rem
    }

.m-106-next-best-actions-map {
    margin-top: 2rem;
    margin-bottom: 5rem
}

    .m-106-next-best-actions-map *:hover {
        filter: brightness(0) saturate(100%) invert(14%) sepia(89%) saturate(3250%) hue-rotate(348deg) brightness(111%) contrast(101%)
    }

    .m-106-next-best-actions-map p {
        font-weight: normal;
        font-size: 16px;
        display: inline-block
    }

        .m-106-next-best-actions-map p span {
            padding-right: .5rem
        }

            .m-106-next-best-actions-map p span img {
                width: 24px
            }

.m-106-next-best-actions-item {
    margin-bottom: 5rem
}

    .m-106-next-best-actions-item .viewer-360-flex {
        width: 25%;
        align-items: normal
    }

        .m-106-next-best-actions-item .viewer-360-flex > div {
            position: relative
        }

        .m-106-next-best-actions-item .viewer-360-flex span {
            font-weight: normal;
            font-size: 10px;
            line-height: 16px;
            white-space: nowrap;
            position: absolute;
            bottom: 0
        }

.m-106-next-best-actions-footer {
    border-top: 1px solid #c8cacb;
    margin-bottom: 5rem
}

.m-106-next-best-actions-footer-title {
    padding-top: 2rem;
    color: #000;
    cursor: auto;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1rem
}

.m-106-next-best-actions-footer ul {
    list-style: none
}

    .m-106-next-best-actions-footer ul li {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

        .m-106-next-best-actions-footer ul li:hover * {
            filter: brightness(0) saturate(100%) invert(15%) sepia(98%) saturate(3060%) hue-rotate(341deg) brightness(91%) contrast(120%)
        }

        .m-106-next-best-actions-footer ul li a {
            font-size: 16px
        }

.m-106-next-best-actions-footer-button {
    color: inherit;
    text-decoration: inherit;
    cursor: inherit;
    cursor: pointer;
    display: inline-block;
    padding-top: 13px;
    padding-bottom: 13px;
    background-color: #313639;
    color: #fff;
    padding-left: 21px;
    padding-right: 21px;
    max-width: 324px;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 2rem;
    margin-top: 2rem
}

    .m-106-next-best-actions-footer-button img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(175deg) brightness(103%) contrast(104%);
        padding-right: 1rem
    }

    .m-106-next-best-actions-footer-button:hover {
        background-color: #d5001c
    }

        .m-106-next-best-actions-footer-button:hover ul {
            display: block;
            position: absolute;
            bottom: -3.5rem;
            width: 100%;
            background-color: #fff;
            left: 0;
            border-left: 1px solid #c8cacb;
            border-right: 1px solid #c8cacb;
            border-bottom: 1px solid #c8cacb
        }

            .m-106-next-best-actions-footer-button:hover ul li {
                padding-left: 1rem
            }

                .m-106-next-best-actions-footer-button:hover ul li a img {
                    filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(4%) hue-rotate(188deg) brightness(102%) contrast(102%);
                    width: 35px
                }

    .m-106-next-best-actions-footer-button ul {
        display: none
    }

    .m-106-next-best-actions-footer-button p {
        margin: 0;
        margin-top: 0 !important
    }

.m-106-next-best-actions-footer-share {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}

    .m-106-next-best-actions-footer-share a {
        background-color: #313639;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }

    .m-106-next-best-actions-footer-share img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(175deg) brightness(103%) contrast(104%);
        width: 24px
    }

    .m-106-next-best-actions-footer-share p {
        width: 100%;
        font-weight: 600;
        font-size: 22px;
        line-height: 26px;
        padding-bottom: .5rem;
        color: #959899;
        margin-bottom: 0
    }

@keyframes sp-anime {
    100% {
        transform: rotate(360deg)
    }
}

.is-hide {
    display: none
}

.gallery {
    margin-top: 5rem
}

    .gallery p {
        font-size: 48px;
        font-weight: 600
    }

.galleryGrid {
    margin-top: 3rem
}

.galleryGridBottom {
    position: relative;
    height: 272px;
    overflow: hidden
}

.galleryGridBottom-one {
    position: absolute;
    top: 2.5rem;
    z-index: 2
}

    .galleryGridBottom-one h2 {
        font-size: 48px;
        color: #fff;
        margin-bottom: 24px
    }

    .galleryGridBottom-one p {
        font-size: 16px !important;
        margin-bottom: 24px;
        color: #fff
    }

    .galleryGridBottom-one .m-364-module-specs-detail-tri {
        color: inherit;
        text-decoration: inherit;
        cursor: inherit;
        cursor: pointer;
        display: inline-block;
        padding-top: 13px;
        padding-bottom: 13px;
        background-color: #313639;
        color: #fff;
        padding-right: 21px;
        width: -moz-fit-content;
        width: fit-content;
        display: flex;
        border: none;
        align-items: center;
        justify-content: flex-start
    }

        .galleryGridBottom-one .m-364-module-specs-detail-tri p {
            margin: 0
        }

        .galleryGridBottom-one .m-364-module-specs-detail-tri:hover {
            background-color: #d5001c
        }

.galleryGridBottom::after {
    background: linear-gradient(to right, #000 15%, rgba(255, 255, 255, 0) 80%);
    bottom: 0;
    content: "";
    left: 0;
    opacity: .8;
    position: absolute;
    right: 0;
    top: 0
}

.main-grid {
    display: grid;
    grid-template-columns: 2fr 2fr
}

.main .card {
    border-radius: 2px
}

.main .card-image {
    background: #fff;
    display: block;
    padding-top: 54%;
    position: relative;
    width: 100%
}

    .main .card-image img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.m-084-info {
    background-color: #eff0f1;
    position: relative;
    margin-top: 4rem
}

.m-084-info-content {
    display: flex;
    align-items: center;
    justify-content: center
}

    .m-084-info-content .galleryGridBottom-one {
        position: relative;
        max-width: 372px
    }

        .m-084-info-content .galleryGridBottom-one h2 {
            color: #000
        }

.HighlightsImage h6 {
    font-size: 48px;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.HighlightsSlider .swiper-bottom-highlights-right {
    width: 50px !important;
    height: 50px !important;
    background-color: #fff;
    color: #000;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15)
}

    .HighlightsSlider .swiper-bottom-highlights-right::after {
        font-size: 11px !important
    }

    .HighlightsSlider .swiper-bottom-highlights-right:hover {
        background-color: #d5001c;
        color: #fff
    }

.HighlightsSlider .swiper-bottom-highlights-left {
    width: 50px !important;
    height: 50px !important;
    background-color: #fff;
    color: #000;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15)
}

    .HighlightsSlider .swiper-bottom-highlights-left::after {
        font-size: 11px !important
    }

    .HighlightsSlider .swiper-bottom-highlights-left:hover {
        background-color: #d5001c;
        color: #fff
    }

.listMobile {
    display: none
}

.column-left {
    width: 50%;
    position: relative
}

    .column-left h6 {
        font-size: 60px;
        color: #fff
    }

    .column-left .accordion {
        position: absolute;
        width: 50%;
        left: 8rem;
        top: 10rem
    }

    .column-left .accordion-item {
        background: none;
        color: #fff;
        cursor: pointer
    }

        .column-left .accordion-item .accordion-header {
            position: relative
        }

    .column-left .accordion-header {
        position: relative;
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 15px;
        margin: 0;
        height: auto;
        cursor: pointer;
        font-weight: 600;
        cursor: pointer;
        font-weight: 600;
        text-decoration: none;
        display: inline;
        padding-bottom: 2px;
        transition: all .35s linear;
        background: linear-gradient(to bottom, #d5001c 0%, #d5001c 98%);
        background-size: 0px 2px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

        .column-left .accordion-header:hover {
            background-size: 100% 2px;
            display: block
        }

    .column-left .accordion-content {
        padding-top: 1rem
    }

        .column-left .accordion-content p {
            font-size: 16px
        }

    .column-left .accordion .active .accordion-header {
        padding-bottom: .5rem;
        width: 100%;
        display: block;
        background-size: 100% 2px
    }

.column-right {
    width: 100%
}

    .column-right img {
        width: 100%
    }

.accordion-item {
    padding: 10px
}

.accordion-content {
    display: none
}

.accordion-item.active .accordion-content {
    display: block
}

.parallax-image .filter__consumEmission-model {
    color: #fff !important;
    font-size: 60px;
    margin-bottom: 2rem
}

.parallax-image .text-area p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0
}

.parallax-image .icon-area {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(140deg) brightness(101%) contrast(101%)
}

.parallax-image .tooltipster-items {
    padding: 0;
    border-left: 2px solid #fff;
    padding-left: .5rem;
    height: auto;
    overflow: hidden
}

    .parallax-image .tooltipster-items h4 {
        color: #fff;
        font-size: 38px;
        line-height: 1.2
    }

.den911 {
    position: relative;
    z-index: 2;
    padding: 40px 0 32px;
    background-color: #fff
}

    .den911 h3 {
        font-size: 48px;
        padding: 0
    }

.denImage {
    height: 100%;
    position: relative
}

    .denImage img {
        width: 100%;
        min-height: 100vh;
        -o-object-fit: cover;
        object-fit: cover
    }

.m-308-wrapper {
    max-width: 682px;
    position: absolute;
    top: 2rem;
    width: 100%
}

    .m-308-wrapper .m-308-wrapperBox {
        display: block;
        margin-bottom: 10px;
        position: relative;
        background: #fff;
        border: 1px solid #e3e4e4;
        padding: 16px 26px;
        box-sizing: border-box;
        margin-left: -1%;
        transition: background 240ms,box-shadow 240ms,border-color 240ms;
        cursor: pointer;
        height: auto;
        width: 100%
    }

    .m-308-wrapper .m-308-wrapperBox_right {
        position: absolute;
        right: 1rem;
        top: 35%
    }

    .m-308-wrapper .m-308-wrapperBox_rightText {
        position: absolute;
        right: 0rem;
        top: 40%;
        transform: translate3d(0, 0, 0);
        transition: transform .4s ease;
        opacity: 0
    }

    .m-308-wrapper .m-308-wrapperBox:hover {
        border-color: #d5001c;
        background: #d5001c;
        box-shadow: 10px 10px 30px 0 rgba(0,0,0,.5);
        color: #fff;
        height: 115px
    }

        .m-308-wrapper .m-308-wrapperBox:hover .m-308-wrapperBox_rightText {
            opacity: 1;
            transform: translate3d(-48px, 0, 0)
        }

        .m-308-wrapper .m-308-wrapperBox:hover .m-308-wrapperBox_left {
            transform: translate3d(0, 15px, 0)
        }

        .m-308-wrapper .m-308-wrapperBox:hover .m-308-wrapperBoxDetail {
            display: none
        }

    .m-308-wrapper .m-308-wrapperBox h3 {
        padding: 0
    }

.progressMenuArea .modelIntroBanner > .row {
    justify-content: center
}

    .progressMenuArea .modelIntroBanner > .row .row {
        align-items: center
    }

.ModelIntro {
    position: relative;
    height: 500px;
    margin-top: 1rem;
}

    .ModelIntro h5 {
        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;
        text-align: center;
        margin-top: 2rem
    }

.ModelIntro__Button {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 4rem
}

.ModelIntro__description {
    font-size: clamp(.81rem,.23vw + .77rem,.88rem);
    line-height: calc(6px + 2.125ex);
    color: #6b6d70;
    max-width: 68rem;
    padding-top: 2rem;
    margin: 0 auto
}

    .ModelIntro__description > span {
        display: block;
        text-align: center;
    }

.ModelIntro .ModelIntro__gradient {
    height: 373px;
    background: linear-gradient(179deg, rgba(255, 0, 0, 0), rgb(228, 228, 228) 250.71%);
    display: flex;
    justify-content: center
}

    .ModelIntro .ModelIntro__gradient .taycanHomeVideo img {
        filter: brightness(0) saturate(100%) invert(92%) sepia(10%) saturate(5%) hue-rotate(352deg) brightness(98%) contrast(87%);
        opacity: .75;
        top: clamp(48px, 3vw + 38px, 96px);
        height: clamp( 35px, calc( 100vw - calc(5vw - 16px + (clamp(16px, 1.25vw + 12px, 36px) + (100vw - ((5vw - 16px)*2) - (clamp(16px, 1.25vw + 12px, 36px)*15))/16)*2) * 2 ) * .129, 170px );
    }

.ModelIntro__imageRow {
    max-width: 1041px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.ModelIntro__imageRow__img img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
    aspect-ratio: 2560 / 811;
}

.ModelIntro__contentRow {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

    .ModelIntro__contentRow a {
        cursor: pointer;
        padding: 0px !important;
        outline: 0px !important;
        border-radius: 4px !important;
        background: rgba(0,0,0,0) !important;
        display: inline-block !important;
        position: relative !important;
        vertical-align: top !important;
        font-family: inherit !important;
        font-style: inherit !important;
        font-variant: inherit !important;
        font-weight: inherit !important;
        font-size: inherit !important;
        line-height: inherit !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        outline-offset: 1px !important;
        text-decoration: none !important;
        text-align: start !important;
        border: 0px !important;
        color: #010205 !important;
        z-index: 0 !important
    }

        .ModelIntro__contentRow a:hover {
            background-color: #ededed;
            border-radius: 5px;
            color: unset
        }

    .ModelIntro__contentRow .active {
        position: relative
    }

        .ModelIntro__contentRow .active::after {
            content: "";
            position: absolute !important;
            height: 2px !important;
            left: 0px !important;
            background: #010205 !important;
            right: 0px !important;
            bottom: -6px !important;
            visibility: inherit !important
        }

.bannerText {
    background-color: #000
}

    .bannerText p, .bannerText span {
        color: #fff
    }

.taycanCar {
    max-width: 749px;
    margin: 0 auto
}

    .taycanCar img {
        width: 100%
    }

.counters_box {
    align-items: baseline;
    position: relative;
    height: 118px;
    margin-bottom: 3rem
}

.counters_box_detail {
    color: #6b6d70;
    line-height: calc(6px + 2.125ex);
    text-wrap: balance;
    font-size: 1rem !important;
    margin-top: 1rem;
    position: absolute;
    bottom: 2rem
}

.counters_box_text_b {
    top: 3rem;
    font-weight: 400 !important;
}

    .counters_box_text_b > a {
        font-weight: 700;
        max-width: 100%;
        overflow: hidden;
        color: #6b6d70;
        line-height: calc(6px + 2.125ex);
        transition: background var(--p-transition-duration, .25s) cubic-bezier(.25,.1,.25,1);
        text-decoration: underline;
    }

        .counters_box_text_b > a:hover {
            color: #d5001c;
            text-decoration: none;
            background: #9495982e
        }

.counters_box_detail_mt6 {
    margin-top: 6rem
}

.macan-sub-text {
    font: 400 0.8rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif !important;
    color: #afb0b3;
}

    .macan-sub-text sup {
        font-size: 0.5rem;
        top: -0.4rem;
    }

.counters_box p {
    padding: 0 calc(var(--pcom-spacing-small) - var(--pcom-spacing-x-small));
    font-size: 4rem;
    font-weight: 600;
    font-size: clamp(1.27rem,.51vw + 1.16rem,1.78rem)
}

.counters_box .counting {
    font-size: clamp(2.03rem,3.58vw + 1.31rem,5.61rem);
    height: 100%
}

.image-container,
.image-container-two {
    width: 100%;
    height: 200px;
}

    .image-container img,
    .image-container-two img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 12px;
    }

    .image-container .scroll-text,
    .image-container-two .scroll-text-two {
        position: absolute;
        transform: translateX(-50%);
        transition: transform 0.1s ease-out;
    }

        .image-container-two .scroll-text-two p {
            color: #fff;
        }

.pcomGrid {
    justify-content: center;
    padding: 12rem 0 0;
    position: relative;
}

.pcomGrid__item {
    position: relative;
    height: 100%;
    width: 100%;
    transform: translateZ(0);
    height: 684px;
}

    .pcomGrid__item:nth-child(2) .pcomGrid__item__button {
        bottom: 2rem
    }

    .pcomGrid__item:nth-child(2) .pcomGrid__item__footer {
        bottom: -5rem
    }

.pcomGrid [class*="col-"]:nth-child(1) {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.pcomGrid [class*="col-"]:nth-child(2) .pcomGrid__item {
    margin-top: -10rem
}

.pcomGrid__item__detail {
    position: absolute;
    left: 2rem;
    bottom: 7rem;
}

    .pcomGrid__item__detail p {
        font-size: clamp(4.375rem,6.25vw + 3.125rem,10rem);
        color: #000;
        display: flex;
        align-items: baseline;
        width: -moz-max-content;
        width: max-content;
    }

        .pcomGrid__item__detail p span {
            font: normal normal 400 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif
        }

            .pcomGrid__item__detail p span:nth-child(1) {
                position: absolute;
                top: -6rem
            }

.pcomGrid__item__button {
    display: flex;
    align-items: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    gap: 8px;
    background-color: #eeeff2;
    color: #010205;
    padding: 16px 8px 16px 16px;
    position: relative;
    transition: background var(--pcom-motion-duration-short) ease;
    min-height: 74px;
    box-sizing: border-box;
    border-radius: 8px;
    justify-content: space-between;
    position: absolute;
    bottom: 2rem;
    left: 2.5rem;
    top: unset !important;
    max-width: 55%;
    width: 100%;
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
    background-color: rgba(255,255,255,.3294117647);
    height: 77px;
    cursor: pointer
}

    .pcomGrid__item__button:hover {
        background: rgba(255,255,255,.5019607843)
    }

    .pcomGrid__item__button .title {
        font: 600 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
        display: block
    }

    .pcomGrid__item__button .subtitle {
        font: normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        display: block
    }

.pcomGrid__item__footer {
    position: relative;
    max-width: 570px;
    width: 100%;
    margin-top: 1rem;
}

    .pcomGrid__item__footer span {
        font: 400 0.75rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
        -webkit-hyphens: auto;
        hyphens: auto;
        overflow-wrap: break-word
    }

main {
    position: relative
}

.taycan__container {
    margin-top: 6rem
}

    .taycan__container .row {
        justify-content: center;
    }

        .taycan__container .row [class*="col-"]:last-child .porscheNew {
            margin-top: -3rem;
        }

.porscheNew {
    min-width: 100px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

    .porscheNew img {
        width: 100%;
        transition: transform .2s ease-in-out;
        aspect-ratio: 3 / 4;
    }

        .porscheNew img.active {
            transform: scale3d(1.05, 1.05, 1.05);
        }

.porscheNew__design {
    position: relative
}

.porscheNew__design__item {
    position: absolute;
    bottom: 0;
    padding: clamp(32px, 2.75vw + 23px, 76px) clamp(16px, 1.25vw + 12px, 36px) clamp(16px, 1.25vw + 12px, 36px);
}

    .porscheNew__design__item h3 {
        font: normal normal 600 clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        color: #fff;
        margin-bottom: 1rem
    }

    .porscheNew__design__item p {
        font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
        color: #fff;
        max-width: 546px;
        margin-bottom: 2rem
    }

.porscheNew:nth-child(2) {
    margin-top: -3rem
}

.porscheNew:nth-child(4) {
    margin-top: -3rem
}

.card-slider.swiper {
    padding: 0px calc(-16px + 5vw + (clamp(16px, 12px + 1.25vw, 36px) + (32px + 90vw - clamp(16px, 12px + 1.25vw, 36px) * 15) / 16) * 1);
    cursor: grab;
}

.card-slider .swiper-slide {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    height: clamp(540px,40vw,650px);
    width: auto;
}

    .card-slider .swiper-slide:after {
        content: "";
        z-index: 1;
        height: 30%;
        width: 100%;
        position: absolute;
        right: 0;
        bottom: 0;
        background: linear-gradient(to top,#000c,#000c 8.1%,#000c 15.5%,#000c 22.5%,#000000c7 29%,#000000ba 35.3%,#000000ab,#0009 47.1%,#00000085 52.9%,#00000070,#00000054 64.7%,#00000038 71%,#0000001f 77.5%,#0000000d 84.5%,#00000003 91.9%,#0000);
    }

    .card-slider .swiper-slide .slide-video {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .card-slider .swiper-slide .details {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 2;
        color: #fbfcff;
        padding: clamp(32px, 2.75vw + 23px, 76px) clamp(32px, 2.75vw + 23px, 76px) clamp(16px, 1.25vw + 12px, 36px) clamp(16px, 1.25vw + 12px, 36px);
    }

        .card-slider .swiper-slide .details h2 {
            font: normal normal 600 clamp(1.42rem,.94vw + 1.23rem,2.37rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
            margin-bottom: clamp(8px, .5vw + 6px, 16px);
        }

        .card-slider .swiper-slide .details p {
            font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
        }

    .card-slider .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.card-slider .card-slider-inner {
    height: 100%;
}

.model-taycan .progressMenuArea.hasIframe {
    height: 920px;
}

.model-cayenne .progressMenuArea.hasIframe {
    height: calc(100vh + 318px);
}

.model-detail__nav {
    background-color: #fff;
    box-shadow: 0 3px 8px #00000029;
}

    .model-detail__nav.sticky {
        position: sticky;
        top: 0;
        z-index: 9;
    }

.model-detail__nav-menu {
    position: relative;
    padding: clamp(16px, 1.25vw + 12px, 36px) 0 clamp(8px, .5vw + 6px, 16px);
    max-width: 1036px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: clamp(16px,1.25vw + 12px,36px);
}

    .model-detail__nav-menu > a {
        padding: 4px;
        border-radius: 4px;
        position: relative;
    }

        .model-detail__nav-menu > a:hover {
            backdrop-filter: blur(32px);
            background: rgba(148, 149, 152, .18);
            transition: background-color 0.25s cubic-bezier(0.25,0.1,0.25,1);
        }

    .model-detail__nav-menu .nav-indicator {
        position: absolute;
        bottom: 8px;
        height: 3px;
        background: #010205;
        transition: all 0.3s ease-in-out;
        left: 0;
    }

.model-series-slider {
    padding: clamp(48px, 3vw + 38px, 96px) 0 clamp(32px, 2.75vw + 23px, 76px);
    background-color: transparent;
}

.model-series-slider__top {
    padding: 0 calc(calc(5vw - 16px) + (clamp(16px, 1.25vw + 12px, 36px) + calc((100vw - calc(5vw - 16px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16)) * 2);
    margin-bottom: clamp(16px, 1.25vw + 12px, 36px);
}

.model-series-slider__title {
    font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) 'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif !important;
}

.model-series-slider__subtitle {
    max-width: min(1086px,83%);
    padding: .75rem 0 4rem;
    font: normal normal 400 clamp(1.13rem,.21vw + 1.08rem,1.33rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
}

.model-series-slider__top .nav-pills {
    display: inline-flex;
    padding: 4px;
    gap: 1rem;
}

    .model-series-slider__top .nav-pills .nav-link {
        border: none;
        color: #010205;
        padding: 0;
        margin-bottom: 4px;
        position: relative;
    }

        .model-series-slider__top .nav-pills .nav-link.active {
            background-color: transparent;
        }

            .model-series-slider__top .nav-pills .nav-link.active::after {
                content: '';
                position: absolute;
                height: 2px;
                left: 0;
                background: #010205;
                right: 0px;
                bottom: -6px;
            }

.model-series-slider .tab-content {
    padding: 0 calc(calc(5vw - 16px) + (clamp(16px, 1.25vw + 12px, 36px) + calc((100vw - calc(5vw - 16px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16)) * 2);
}

.model-series-slider #pills-tabContent .swiper-wrapper {
    gap: 1.875rem;
}

.model-series-slider #pills-tabContent .swiper-slide {
    width: calc((0.333333 * (100% + clamp(16px, 12px + 1.25vw, 36px))) - clamp(16px, 12px + 1.25vw, 36px));
    height: auto;
}

.model-series-slider .model-series__slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: .75rem;
    background-color: transparent;
    cursor: pointer;
    transition: background-color .3s ease-in-out;
}

    .model-series-slider .model-series__slide:hover {
        background-color: rgba(148, 149, 152, .18);
    }

        .model-series-slider .model-series__slide:hover .model-series__slide-img > img {
            transform: scale(1.05);
        }

.model-series-slider .model-series__slide-img > img {
    aspect-ratio: 1236 / 927;
    transition: transform .3s ease-in-out;
    object-fit: contain;
}

.model-series-slider .model-series__slide-body {
    padding: 1rem .75rem;
    color: #010205;
}

.model-series-slider .model-series__slide-title {
    font: normal normal 600 clamp(1.13rem,.21vw + 1.08rem,1.33rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
}

.model-series-slider .model-series__slide-features {
    margin-top: .625rem;
}

.model-series-slider .model-series__slide-features,
.model-series-slider .model-series__slide-configure {
    font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
    color: #010205;
}

.model-series-slider .model-series__slide-configure {
    margin-top: 1rem;
    display: inline-flex;
    gap: 2px;
    align-items: center;
    border-radius: 4px;
    padding: 4px;
}

    .model-series-slider .model-series__slide-configure:hover {
        background-color: rgba(148, 149, 152, 0.18);
    }

    .model-series-slider .model-series__slide-configure::before {
        content: '';
        background-image: url('/img/arrow-right.svg');
        background-repeat: no-repeat;
        width: 1.375rem;
        height: 1.375rem;
    }

.model-series-slider .model-series__slide-desc {
    margin-top: 1.75rem;
    color: #6b6d70;
    font: 400 .75rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
}

.model-macan .mosaic-editorial {
    margin-top: 10rem;
}

.model-911 .porschePerformance {
    padding-top: 5rem;
}

.model-macan .swiper-slide:nth-child(4) .card-slider-inner > img,
.model-cayenne .swiper-slide:nth-child(1) .card-slider-inner > img,
.model-cayenne.swiper-slide:nth-child(4) .card-slider-inner > img,
.model-panamera .swiper-slide:nth-child(4) .card-slider-inner > img,
.model-panamera .swiper-slide:nth-child(6) .card-slider-inner > img,
.model-911 .swiper-slide:nth-child(4) .card-slider-inner > img,
.model-718 .swiper-slide:nth-child(2) .card-slider-şnner > img {
    aspect-ratio: 820 / 1300;
}

.model-taycan .swiper-slide:nth-child(1) .card-slider-inner > img,
.model-taycan .swiper-slide:nth-child(1) .card-slider-inner > video,
.model-taycan .swiper-slide:nth-child(4) .card-slider-inner > img,
.model-macan .swiper-slide:nth-child(1) .card-slider-inner > img,
.model-macan .swiper-slide:nth-child(3) .card-slider-inner > img,
.model-macan .swiper-slide:nth-child(5) .card-slider-inner > img,
.model-cayenne .swiper-slide:nth-child(2) .card-slider-inner > img,
.model-cayenne .swiper-slide:nth-child(5) .card-slider-inner > img,
.model-panamera .swiper-slide:nth-child(1) .card-slider-inner > img,
.model-panamera .swiper-slide:nth-child(3) .card-slider-inner > img,
.model-911 .swiper-slide:nth-child(2) .card-slider-inner > img,
.model-911 .swiper-slide:nth-child(5) .card-slider-inner > img,
.model-718 .swiper-slide:nth-child(1) .card-slider-inner > img,
.model-718 .swiper-slide:nth-child(4) .card-slider-inner > img,
.model-718 .swiper-slide:nth-child(5) .card-slider-inner > img,
.model-718 .swiper-slide:nth-child(6) .card-slider-inner > img {
    aspect-ratio: 1300 / 1301;
}

.model-taycan .swiper-slide:nth-child(2) .card-slider-inner > img,
.model-taycan .swiper-slide:nth-child(3) .card-slider-inner > img,
.model-taycan .swiper-slide:nth-child(5) .card-slider-inner > img,
.model-macan .swiper-slide:nth-child(2) .card-slider-inner > img,
.model-macan .swiper-slide:nth-child(6) .card-slider-inner > img,
.model-cayenne .swiper-slide:nth-child(3) .card-slider-inner > img,
.model-cayenne .swiper-slide:nth-child(6) .card-slider-inner > img,
.model-panamera .swiper-slide:nth-child(2) .card-slider-inner > img,
.model-panamera .swiper-slide:nth-child(5) .card-slider-inner > img,
.model-911 .swiper-slide:nth-child(1) .card-slider-inner > img,
.model-911 .swiper-slide:nth-child(3) .card-slider-inner > img,
.model-911 .swiper-slide:nth-child(6) .card-slider-inner > img,
.model-718 .swiper-slide:nth-child(3) .card-slider-inner > img,
.model-718 .swiper-slide:nth-child(5) .card-slider-inner > img {
    aspect-ratio: 1700 / 1300;
}

.dynamicSwiper.swiper {
    padding-left: 10rem;
}

.dynamicSwiper .swiper-slide {
    position: relative
}

    .dynamicSwiper .swiper-slide img {
        box-shadow: inset 0 0 10px 5px #000
    }

.dynamic {
    display: flex;
    align-items: flex-start;
    justify-content: space-around
}

    .dynamic img {
        border-radius: 10px;
        width: 100%;
    }

.dynamic__detail {
    width: 100%;
    max-width: 550px;
    padding: 2rem
}

    .dynamic__detail p:nth-child(1) {
        font: normal normal 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-bottom: 1rem
    }

    .dynamic__detail p:nth-child(2) {
        font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
        margin-bottom: 2rem
    }

    .dynamic__detail p:nth-child(3) {
        font: 400 0.75rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
        color: #6b6d70
    }

#dynamic {
    bottom: -3rem
}

    #dynamic .swiper-pagination-bullet {
        opacity: 1 !important;
        background: #6b6d70;
        margin: 0 5px;
        position: relative;
        transition: left 300ms,transform 300ms;
        width: 10px;
        height: 10px;
        display: inline-block;
        border-radius: 100%;
        border: 1px solid #fff
    }

    #dynamic .swiper-pagination-bullet-active {
        background: #000;
        height: 10px;
        width: 20px;
        border-radius: 4px
    }

.twoBackground {
    position: relative;
    height: 100%;
    background: linear-gradient(0deg, rgba(45, 85, 242, 0.0196078431), rgba(45, 85, 242, 0.0196078431)),linear-gradient(0deg, rgba(0, 0, 0, 0.0509803922), rgba(0, 0, 0, 0.0509803922)),#fff;
    border-radius: 20px;
    width: calc(calc((100vw - calc(5vw - 16px + (clamp(16px, 1.25vw + 12px, 36px) + (100vw - ((5vw - 16px) * 2) - (clamp(16px, 1.25vw + 12px, 36px) * 15)) / 16) * 1) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 13) / 14) * 8 + clamp(16px,1.25vw + 12px,36px) * 7);
    border-radius: 20px;
    overflow: hidden;
}

    .twoBackground .twoBackground-col {
        height: 100%;
    }

.twoBackground__tri {
    position: absolute;
    bottom: 0;
    padding: clamp(16px, 1.25vw + 12px, 36px);
}

    .twoBackground__tri h4 {
        font: normal normal 600 clamp(1.42rem,.94vw + 1.23rem,2.37rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        color: #010205;
        margin-bottom: clamp(16px, 1.25vw + 12px, 36px);
    }

    .twoBackground__tri p {
        font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
    }

.twoBackground .section-img {
    box-shadow: none !important;
}

.taycanSwiperBottom {
    text-align: center
}

.taycanSwiperTwo__box {
    background: linear-gradient(0deg, rgba(45, 85, 242, 0.0196078431), rgba(45, 85, 242, 0.0196078431)),linear-gradient(0deg, rgba(0, 0, 0, 0.0509803922), rgba(0, 0, 0, 0.0509803922)),#fff;
    height: 100%;
    border-radius: 20px;
    width: 100%;
    position: relative;
    padding-top: 6rem;
    width: calc(calc((100vw - calc(5vw - 16px + (clamp(16px, 1.25vw + 12px, 36px) + (100vw - ((5vw - 16px) * 2) - (clamp(16px, 1.25vw + 12px, 36px) * 15)) / 16) * 1) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 13) / 14) * 8 + clamp(16px,1.25vw + 12px,36px) * 7)
}

.taycanSwiperTwo__box1x1 {
    width: 100%;
    padding-bottom: clamp(16px, 1.25vw + 12px, 36px);
}

.taycan-counting-text-color {
    color: #6b6d70;
}

.taycanSwiperTwo .swiper-slide {
    height: 581px;
    width: auto;
}

    .taycanSwiperTwo .swiper-slide .details {
        position: absolute;
        bottom: 2rem;
        left: 2rem;
        right: 2rem;
        max-width: 538px;
        z-index: 2;
        color: #fff
    }

        .taycanSwiperTwo .swiper-slide .details h2 {
            color: #000;
            margin-bottom: 1rem
        }

        .taycanSwiperTwo .swiper-slide .details p {
            font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
            color: #000
        }

            .taycanSwiperTwo .swiper-slide .details p a {
                display: block
            }

            .taycanSwiperTwo .swiper-slide .details p:last-child {
                font: normal normal 400 clamp(.81rem,.23vw + .77rem,.88rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
                color: #6b6d70;
                margin-top: clamp(16px, 1.25vw + 12px, 36px);
            }

    .taycanSwiperTwo .swiper-slide img {
        max-width: 100%;
        box-shadow: inset 0 0 10px 5px #000;
        height: auto;
        display: block;
    }

.model-718 .taycanSwiperTwo .swiper-slide {
    height: 650px;
}

.model-718 .twoBackground__tri {
    align-items: flex-end;
}

.taycanSwiperTwo.swiper {
    padding: 0 calc(calc(5vw - 16px) + (clamp(16px, 1.25vw + 12px, 36px) + calc((100vw - calc(5vw - 16px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16)) * 2);
    cursor: grab;
}

.porschePerformance {
    position: relative
}

    .porschePerformance img {
        width: 100%;
        object-fit: cover !important;
        height: 100%;
    }

        .porschePerformance img:nth-child(2) {
            display: none
        }

.porschePerformance__bottom {
    position: absolute;
    bottom: 0;
    display: block;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 2;
    background: linear-gradient(-180deg, rgba(0, 0, 0, 0), #010205 95%);
}

    .porschePerformance__bottom .porschePerformance__bottom-inner {
        max-width: 1041px;
        width: 100%;
        margin: 0 auto;
    }

    .porschePerformance__bottom h2 {
        font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        color: #fff;
        margin-bottom: 1rem;
    }

    .porschePerformance__bottom p {
        font: normal normal 400 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        color: #fff;
        margin-bottom: 1rem;
        text-wrap: balance;
    }

.taycanSlider {
    position: relative;
    height: 100%;
    padding-top: 1.5rem;
    margin-bottom: 5rem;
}

    .taycanSlider h3 {
        font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif !important;
        text-align: center;
    }

    .taycanSlider .sliderTitle {
        font: normal normal 400 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        max-width: 1016px;
        text-align: center;
        margin: 1rem auto
    }

.taycanSlider__arrow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 13rem;
    margin-bottom: 2rem;
}

    .taycanSlider__arrow .swiper-button-disabled {
        opacity: .3
    }

.model-panamera .taycanSlider .taycanSlider__arrow {
    display: none;
}

.arrow-btn-inner .arrow-btn {
    padding: .6rem;
    border-radius: 4px;
    transition: background-color 0.25s cubic-bezier(0.25,0.1,0.25,1)
}

    .arrow-btn-inner .arrow-btn:not(.swiper-button-disabled):hover {
        backdrop-filter: blur(32px);
        background-color: rgba(148, 149, 152, 0.18);
    }

    .arrow-btn-inner .arrow-btn:before {
        content: "";
        background-repeat: no-repeat;
        background-size: 100%;
        display: flex;
        width: 1.45rem;
        height: 1.45rem;
    }

    .arrow-btn-inner .arrow-btn.swiper-button-disabled {
        opacity: .3;
        pointer-events: none;
    }

.arrow-btn-inner .arrow-btn-prev:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M9.19 18 4 11.5 9.19 5h1.25l-4.81 6H20v1H5.63l4.81 6z'/%3E%3C/svg%3E");
}

.arrow-btn-inner .arrow-btn-next:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M14.81 18 20 11.5 14.81 5h-1.25l4.81 6H4v1h14.37l-4.81 6z'/%3E%3C/svg%3E");
}

.taycanSlider .swiper-wrapper {
    padding-bottom: 3rem;
}

.taycanSlider #taycan .swiper-pagination-bullet {
    opacity: 1 !important;
    background: #6b6d70;
    margin: 0 5px;
    position: relative;
    transition: left 300ms,transform 300ms;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #fff
}

.taycanSlider #taycan .swiper-pagination-bullet-active {
    background: #000;
    height: 10px;
    width: 20px;
    border-radius: 4px
}

.taycanSliderBottom {
    background: linear-gradient(180deg, #010205 67%, transparent 33%);
    position: relative;
    height: 100%;
    margin-bottom: 5rem
}

    .taycanSliderBottom h3 {
        font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif !important;
        text-align: center
    }

.taycanSliderBottom__arrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 2.25rem;
    padding: clamp(32px, 2.75vw + 23px, 76px) calc(calc(5vw - 16px) + (clamp(16px, 1.25vw + 12px, 36px) + calc((100vw - calc(5vw - 16px) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 15) / 16)) * 2) 0;
    gap: 1rem;
}

    .taycanSliderBottom__arrow svg {
        filter: brightness(0) saturate(100%) invert(88%) sepia(47%) saturate(2%) hue-rotate(157deg) brightness(110%) contrast(101%)
    }

    .taycanSliderBottom__arrow .swiper-button-disabled {
        opacity: .3
    }

    .taycanSliderBottom__arrow .taycanSliderBottom__arrow-group {
        display: flex;
        align-items: center;
    }

    .taycanSliderBottom__arrow .taycanSliderBottom__menu {
        display: flex;
        align-items: center;
        list-style: none;
        gap: 1rem;
    }

        .taycanSliderBottom__arrow .taycanSliderBottom__menu > li {
            position: relative;
            color: #fff;
            cursor: pointer;
            border-radius: 4px;
            padding: .2rem;
        }

            .taycanSliderBottom__arrow .taycanSliderBottom__menu > li.active::after {
                content: '';
                position: absolute;
                height: 1px;
                left: 0px;
                background: rgb(251, 252, 255);
                right: 0px;
                bottom: -6px;
            }

            .taycanSliderBottom__arrow .taycanSliderBottom__menu > li:hover {
                backdrop-filter: blur(32px);
                background: rgba(148, 149, 152, 0.18);
            }

.taycanSliderBottom__arrow-group.arrow-btn-inner .arrow-btn:not(.swiper-button-disabled):hover {
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    background-color: rgba(148, 149, 152, .18);
}

.taycanSliderBottom__arrow-group.arrow-btn-inner .arrow-btn:before {
    filter: brightness(0) saturate(100%) invert(88%) sepia(47%) saturate(2%) hue-rotate(157deg) brightness(110%) contrast(101%);
}

.taycanSliderBottom #modelPagination {
    bottom: -3rem
}

    .taycanSliderBottom #modelPagination .swiper-pagination-bullet {
        opacity: 1 !important;
        background: #6b6d70;
        margin: 0 5px;
        position: relative;
        transition: left 300ms,transform 300ms;
        width: 10px;
        height: 10px;
        display: inline-block;
        border-radius: 100%;
        border: 1px solid #fff
    }

    .taycanSliderBottom #modelPagination .swiper-pagination-bullet-active {
        background: #000;
        height: 10px;
        width: 20px;
        border-radius: 4px
    }

#modalPagination {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0%
}

    #modalPagination .swiper-pagination {
        opacity: 1 !important;
        background-color: #313639;
        margin: 0 5px;
        position: relative;
        transition: left 300ms,transform 300ms;
        width: 10px !important;
        height: 10px !important;
        display: inline-block;
        border-radius: 100%;
        border: 1px solid #fff
    }

    #modalPagination .swiper-pagination-active {
        background: #d5001c !important
    }

.cross-link-teaser__wrapper {
    margin: clamp(48px, 3vw + 38px, 96px) 0 clamp(48px, 3vw + 38px, 96px)
}

.cross-link-teaser__item {
    position: relative;
    max-width: 1041px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 12px;
}

    .cross-link-teaser__item > img {
        object-fit: cover;
        aspect-ratio: 16 / 9;
        transform: translateZ(1);
        transition: transform .24s ease-in-out;
    }

    .cross-link-teaser__item.hovered > img {
        transform: scale3d(1.05, 1.05, 1.05);
    }

.cross-link-teaser__textButton {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    padding: clamp(32px, 2.75vw + 23px, 76px);
    color: #fbfcff;
    max-width: 520px;
    width: 100%;
    left: 0;
}

    .cross-link-teaser__textButton > h4 {
        text-wrap: balance;
        font: normal normal 600 clamp(1.27rem, .51vw + 1.16rem, 1.78rem) / calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
    }

    .cross-link-teaser__textButton > p {
        max-width: 90%;
        margin-top: clamp(4px, .25vw + 3px, 8px);
        font: 400 1rem / calc(6px + 2.125ex) Porsche Next, Arial Narrow, Arial, Heiti SC, SimHei, sans-serif;
    }

.blur-btn {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: clamp(16px, 1.25vw + 12px, 36px);
    min-width: 195px;
    width: auto;
    font: 400 1rem / calc(2.125ex + 6px) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
    overflow-wrap: break-word;
    border: 2px solid rgb(251, 252, 255);
    border-radius: 4px;
    transform: translate3d(0px, 0px, 0px);
    background-color: transparent;
    color: rgb(251, 252, 255);
    padding: 13px 26px;
    gap: 8px;
    transition: background-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25,0.1,0.25,1), border-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25,0.1,0.25,1), color var(--p-transition-duration, 0.25s) cubic-bezier(0.25,0.1,0.25,1);
}

    .blur-btn:hover {
        background-color: rgba(148, 149, 152, 0.18);
        border-color: rgb(136, 137, 140);
        backdrop-filter: blur(32px);
        color: rgb(251, 252, 255);
    }

#panorama {
    width: 100%;
    height: 752px;
    margin-bottom: 3rem;
    border-radius: 15px
}

#form2 {
    display: none
}

.panaromaTitle {
    font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
    text-align: center;
    margin-top: 10rem;
    margin-bottom: 4rem
}

.taycanPanaroma {
    position: relative
}

.taycanPanaroma__button {
    position: absolute;
    top: 2rem;
    width: 100%;
    display: block;
    z-index: 2;
    text-align: center;
    padding: 12px;
    background-color: rgba(38,38,41,.6705882353);
    border-radius: 8px;
    touch-action: pan-x pan-y;
    width: 100%;
    max-width: 339px;
    left: 50%;
    transform: translate(-50%, 0%);
    display: flex;
    gap: 1rem
}

    .taycanPanaroma__button * {
        width: 50%
    }

.taycanPanaroma .pnlm-render-container {
    background-image: url("https://images-porsche.imgix.net/-/media/54642AAF378E454FAE3048EAEC3EB6F3_E888912F6BC94DDEAD139D3F932DC2B7_taycan-turbo-s-interior-cockpit?w=479&q=85&auto=format%201x,https://images-porsche.imgix.net/-/media/54642AAF378E454FAE3048EAEC3EB6F3_E888912F6BC94DDEAD139D3F932DC2B7_taycan-turbo-s-interior-cockpit?w=479&q=45&dpr=2&auto=format%202x");
    background-size: cover;
    background-repeat: no-repeat
}

.taycanPanaroma .pnlm-load-button {
    width: 256px;
    height: 256px;
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
    position: relative;
    color: #fbfcff;
    background: rgba(148,149,152,.1803921569);
    text-align: center;
    border-radius: 50%;
    margin: -9%
}

    .taycanPanaroma .pnlm-load-button div {
        width: 100%;
        height: 100%;
        align-content: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 70%;
        margin: 0 auto
    }

        .taycanPanaroma .pnlm-load-button div img {
            filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(49deg) brightness(101%) contrast(101%);
            width: 48px;
            height: 48px
        }

        .taycanPanaroma .pnlm-load-button div p {
            font: normal normal 400 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
            width: 100%
        }

    .taycanPanaroma .pnlm-load-button:hover {
        background-color: unset
    }

.model-close-x {
    display: flex;
    justify-content: end;
    padding: 0.5rem 2rem;
}

.battery {
    position: relative;
    border: 10px solid #767879;
    height: 100px;
    border-radius: 15px;
    transform: rotate(270deg);
    height: 7.5rem;
    top: 18rem;
}

    .battery:before {
        content: "";
        position: absolute;
        top: 6px;
        left: 6px;
        height: 88px;
        background-color: #9b9d9e;
        border-radius: 5px;
        animation: full 2s linear infinite
    }

    .battery:after {
        content: "";
        position: absolute;
        right: -30px;
        top: 28px;
        width: 15px;
        height: 50px;
        background-color: #5c5f61;
        border-bottom-right-radius: 90px;
        border-top-right-radius: 90px
    }

@keyframes full {
    0% {
        width: 0%
    }

    25% {
        width: 24%
    }

    50% {
        width: 48%
    }

    75% {
        width: 72%
    }

    100% {
        width: 96%
    }
}

.taycanBottom h2 {
    font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
    color: #000;
    text-align: center;
    margin: 4rem 0
}

.taycanBottom p {
    font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
    color: #000;
    margin-bottom: 5rem
}

.taycanAccordion {
    max-width: 1200px;
    padding-top: 10rem;
    margin: 4rem auto
}

.taycanAccordion__item {
    max-width: 800px;
    margin: 0 auto;
    padding: 5rem 0
}

.taycanAccordion h3 {
    font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
    color: #010205;
    text-align: center;
    letter-spacing: normal;
    list-style-type: none;
    white-space: inherit;
    font-size: clamp(1.6rem,1.56vw + 1.29rem,3.16rem)
}

.taycanAccordion p {
    font: normal normal 400 1rem/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: #010205;
    text-align: center;
    letter-spacing: normal;
    list-style-type: none;
    white-space: inherit;
    font-size: clamp(1.13rem,.21vw + 1.08rem,1.33rem);
    font-weight: 400
}

.welcerTaycan {
    position: relative;
}

    .welcerTaycan .tab-content {
        position: relative;
        padding-bottom: 3rem;
    }

    .welcerTaycan .WelcherTop .taycanSlider__arrow {
        display: none;
    }

.welcerTaycan__text {
    text-align: center;
    width: 100%;
    position: relative;
    margin-top: 2rem;
}

    .welcerTaycan__text p {
        font: normal normal 400 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        color: #010205;
        margin-bottom: 2rem
    }

.welcerTaycan h2 {
    margin: 3rem 0;
    text-align: center;
    font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif !important
}

.select-modal-inner {
    display: grid;
    grid-template-columns: 3fr 0fr;
}

.modalContent .side-menu {
    display: flex;
    align-items: flex-start;
    gap: 4.0625rem;
}

.tab-menu-wrapper .tab-menu-content > .nav {
    flex-direction: column;
    position: sticky;
    top: 0;
}

.tab-menu-wrapper .tab-menu-content .side-menu-btn {
    display: flex;
    flex-direction: column;
    row-gap: clamp(8px, 0.5vw + 6px, 16px);
}

.tab-menu-wrapper .tab-menu-content .nav > p {
    color: #6b6d70;
    font-size: 14px;
    font: normal normal 400 clamp(.81rem, .23vw + .77rem, .88rem) / calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
    padding-bottom: clamp(8px, .5vw + 6px, 16px);
    color: #535457;
}

.modalContent .side-menu .modelSelect {
    display: flex;
    align-items: center;
    gap: clamp(8px, .5vw + 6px, 16px);
}

    .modalContent .side-menu .modelSelect > p {
        font: normal normal 400 clamp(.81rem,.23vw + .77rem,.88rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif
    }

    .modalContent .side-menu .modelSelect #modelSelectName {
        color: #010205;
        font-weight: 600;
    }

    .modalContent .side-menu .modelSelect > p:not(#modelSelectName) {
        color: #6b6d70;
    }

.WelcherTop {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    padding: 0px calc(-16px + 5vw + (clamp(16px, 12px + 1.25vw, 36px) + (32px + 90vw - clamp(16px, 12px + 1.25vw, 36px) * 15) / 16) * 1);
}

.WelcherTop__item ul {
    gap: .5rem
}

.WelcherTop__item button {
    border: none !important;
    background: none;
    color: #000;
    position: relative;
    padding: 0;
    height: 100%;
}

    .WelcherTop__item button:hover {
        color: #000
    }

    .WelcherTop__item button.active::after {
        content: "";
        position: absolute;
        height: 2px;
        border-bottom: 2px solid #010205;
        bottom: 0;
        z-index: 99;
        width: 100%;
        left: 0
    }

.welcerTaycan .tab-content .tab-pane .swiper-pagination {
    bottom: 0;
}

    .welcerTaycan .tab-content .tab-pane .swiper-pagination .swiper-pagination-bullet {
        opacity: 1 !important;
        background: #6b6d70;
        margin: 0 5px;
        position: relative;
        transition: left 300ms,transform 300ms;
        width: 10px;
        height: 10px;
        display: inline-block;
        border-radius: 100%;
        border: 1px solid #fff
    }

    .welcerTaycan .tab-content .tab-pane .swiper-pagination .swiper-pagination-bullet-active {
        background: #000;
        height: 10px;
        width: 20px;
        border-radius: 4px
    }

.Welcher {
    padding-left: 4rem;
}

    .Welcher .swiper-slide {
        display: flex;
        justify-content: center;
    }

.swiper-slide-active .Welcher__Slider {
    background-color: white;
}

.Welcher__Slider {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    background-color: #eeeff2;
    border: 2px solid #d8d8db;
    border-radius: 10px;
    height: 100%;
    width: 100%;
    padding: 1.5rem;
}

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

    .Welcher__Slider__top span {
        display: flex;
        gap: 2px;
        align-items: center;
        position: relative;
        padding: 4px 9px;
        border-radius: 4px;
        background: #eeeff2;
        color: #010205;
        font: normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif
    }

.Welcher__Slider__img {
    min-height: 141px;
    align-content: end;
    margin-bottom: 3rem
}

    .Welcher__Slider__img img {
        width: 100%
    }

.Welcher__Slider__info h3 {
    font: normal normal 600 clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
    padding-bottom: .5rem
}

.Welcher__Slider__info span {
    font: normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
    color: #535457
}

.Welcher__Slider__info p {
    font-size: .75rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    min-height: 104px;
}

.Welcher__Slider__detail {
    margin-bottom: 1rem
}

    .Welcher__Slider__detail p {
        font: normal normal 400 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        font-weight: 600
    }

    .Welcher__Slider__detail span {
        font: normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        color: #535457
    }

.Welcher__Slider .button-group {
    display: flex;
    gap: .75rem;
}

.pageNavigationBar {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 16px 0;
    z-index: 100;
    box-shadow: 0 8px 40px rgba(0,0,0,.1607843137);
    width: 100%;
    z-index: 99;
    opacity: 0;
    transition: opacity .25s ease-in-out 0s,visibility .25s ease-in-out 0s
}

.pageNavigationBar__header {
    display: flex;
    justify-content: space-between;
    padding: 0 1rem 0 0
}

    .pageNavigationBar__header div {
        display: flex;
        align-items: center;
        gap: 2rem
    }

        .pageNavigationBar__header div p-button button {
            background-color: #fff
        }

        .pageNavigationBar__header div:nth-child(1) {
            padding-left: 5rem
        }

        .pageNavigationBar__header div:nth-child(2) {
            padding-right: 5rem
        }

        .pageNavigationBar__header div:nth-child(3) {
            display: none
        }

        .pageNavigationBar__header div h2 {
            font: normal normal 600 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif
        }

        .pageNavigationBar__header div p {
            cursor: pointer;
            font: normal normal 400 1rem/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif
        }

            .pageNavigationBar__header div p:hover {
                -webkit-backdrop-filter: blur(32px);
                backdrop-filter: blur(32px);
                background-color: rgba(148,149,152,.18)
            }

.progress {
    height: 3px;
    border-radius: 0;
    z-index: 8;
    width: 100%;
    background-color: #fff;
    position: absolute;
    bottom: 0px
}

.progress__bar {
    height: 10px;
    background-color: #000;
    width: 0
}

.modalImgRight {
    max-width: 15%
}

.modalContent .side-menu .tab-pane {
    margin: 0;
    border-radius: 8px;
}

.tab-menu-wrapper .nav .active {
    color: #000;
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    background-color: rgba(148,149,152,.18);
}

.tab-menu-wrapper button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 242px;
    height: 54px;
    padding: 12px;
    color: #000
}

    .tab-menu-wrapper button:hover {
        color: #000;
        -webkit-backdrop-filter: blur(32px);
        backdrop-filter: blur(32px);
        background-color: rgba(148,149,152,.18);
    }

    .tab-menu-wrapper button img {
        display: block;
        width: 23px;
    }

.modalContent_info {
    width: 45vw;
    height: 100vh
}

.model-select-item {
    background-color: #eeeff2;
    border-radius: 8px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    min-height: 461px;
    height: auto;
    transition: background-color .25s cubic-bezier(.25, .1, .25, 1);
}

    .model-select-item p {
        font: normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        color: #535457;
        margin-top: clamp(8px, .5vw + 6px, 16px);
    }

    .model-select-item .model-select-item-top {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.nff {
    filter: brightness(108%);
}

.model-select-item .model-select-item-title {
    font: normal normal 600 clamp(1.42rem,.94vw + 1.23rem,2.37rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif
}

.model-select-item img {
    width: 100%;
    transition: all .3s ease-in-out;
    margin: clamp(8px, .5vw + 6px, 16px) 0;
}

.model-select {
    position: relative;
    width: 100%;
}

    .model-select .model-select-one {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        gap: clamp(16px, 1.25vw + 12px, 36px);
        position: relative;
    }

        .model-select .model-select-one .model-select__box {
            flex-basis: calc(50% - clamp(16px, 1.25vw + 12px, 36px) / 2);
        }

            .model-select .model-select-one .model-select__box h4 {
                font: normal normal 600 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif
            }

            .model-select .model-select-one .model-select__box p {
                font: normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
                color: #535457
            }

.model-select-two {
    visibility: hidden;
    position: absolute;
    bottom: 0;
}

    .model-select-two * {
        width: -webkit-fill-available;
    }

.model-select-item:not(.checked):hover {
    background-color: #fff;
    box-shadow: rgba(99,99,99,.2) 0px 2px 8px 0px;
    transition: background-color box-shadow .25s cubic-bezier(.25, .1, .25, 1);
}

    .model-select-item:not(.checked):hover .nff {
        filter: brightness(100%);
    }

    .model-select-item:not(.checked):hover img {
        transform: scale3d(1.025,1.025,1.025);
        transition: transform .25s cubic-bezier(.4, 0, .5, 1);
    }

    .model-select-item:not(.checked):hover .model-select .model-select-one {
        visibility: hidden;
    }

    .model-select-item:not(.checked):hover .model-select-two {
        visibility: visible;
        transition: visibility 1s ease-out;
        width: 100%;
    }

.modal-toggle {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    left: -100%;
    top: -100%
}

.mobileMenuWhite {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: inline-block;
    font-size: 16px;
    line-height: 2em;
    height: 2em;
    border-radius: 6px;
    margin: 1em;
    z-index: 99;
    color: #eee;
    text-align: center;
    -webkit-font-smoothing: antialiased
}

    .mobileMenuWhite:after {
        content: url("../img/three-dots-vertical.svg")
    }

.c-modal-manual {
    position: fixed;
    left: 50%;
    z-index: 9;
    top: 0;
    width: 100%;
    height: 300px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .6s ease-in-out 0s;
    transform: translateX(-50%) scaleY(0);
    transform-origin: top
}

.c-modal-manual__content {
    line-height: 80px;
    background: #fff;
    width: 100%;
    height: 100%;
    color: #eee;
    flex-wrap: wrap;
    gap: 0 !important
}

    .c-modal-manual__content * {
        max-width: 90%;
        width: 100%
    }

    .c-modal-manual__content h2 {
        font: normal normal 600 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        color: #000;
        display: block;
        width: 100%;
        text-align: left
    }

.modal-toggle:checked ~ .c-modal-manual {
    transform: translateX(-50%) scaleY(1)
}

.modal-toggle:checked + label:after {
    content: url("../img/x-lg.svg")
}

.wehicle__Image {
    background-color: #eeeff2;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 3rem
}

    .wehicle__Image img {
        width: 100%
    }

    .wehicle__Image p {
        font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
        color: #535457
    }

    .wehicle__Image span {
        font: normal normal 400 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        color: #000;
        font-weight: 600
    }

.TechnicalDataLayerGroup {
    border-bottom: 1px solid gray;
    padding-top: 0.6rem
}

.porscheModal {
    z-index: 99999
}

    .porscheModal h2 {
        font-size: 48px
    }

    .porscheModal .modal-dialog {
        width: 100%;
        max-width: 100%;
        padding: .1rem;
        margin: 0
    }

        .porscheModal .modal-dialog .modal-content {
            border: 1px solid #d5001c
        }

            .porscheModal .modal-dialog .modal-content .modal-body {
                padding: 0;
                position: relative
            }

            .porscheModal .modal-dialog .modal-content .modal-body__close {
                background: #d5001c;
                width: 50px;
                height: 50px;
                position: fixed;
                top: .5rem;
                right: 1rem;
                z-index: 99;
                margin: 1rem;
                display: flex;
                align-items: center;
                justify-content: center
            }

                .porscheModal .modal-dialog .modal-content .modal-body__close:hover {
                    background: #fff
                }

                    .porscheModal .modal-dialog .modal-content .modal-body__close:hover .btn-close {
                        filter: brightness(0) saturate(100%) invert(20%) sepia(100%) saturate(7425%) hue-rotate(282deg) brightness(118%) contrast(121%)
                    }

                .porscheModal .modal-dialog .modal-content .modal-body__close .btn-close {
                    width: 50px;
                    height: 50px;
                    opacity: 1;
                    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(25%) hue-rotate(70deg) brightness(108%) contrast(108%)
                }

    .porscheModal .highlights__wrapper.engine .slick-track {
        margin: unset;
    }

.popupNewSlider {
    box-shadow: 10px 10px 30px 0 #c8cacb;
    max-width: 472px;
    max-height: 620px;
    height: 620px
}

    .popupNewSlider img {
        width: 100%
    }

.popupNewSlider__box {
    padding: 20px 20px 10px 20px
}

    .popupNewSlider__box span {
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        color: #000
    }

.galleryNewSlider {
    box-shadow: 10px 10px 30px 0 #c8cacb;
    max-width: 1474px
}

    .galleryNewSlider img {
        width: 100%
    }

.galleryNewSlider__box {
    padding: 20px 20px 10px 20px
}

    .galleryNewSlider__box span {
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        color: #000
    }

.popupSwiper .swiper-wrapper {
    margin-bottom: 2rem
}

.popupSwiper h2 {
    font-weight: 600;
    font-size: 48px;
    margin-top: 4rem;
    margin-bottom: 2rem;
    padding: 0
}

.popupSwiper .swiper-slide {
    max-width: 472px
}

    .popupSwiper .swiper-slide:nth-child(1) {
        margin-left: 8rem
    }

.popupSwiper__arrow__next {
    width: 50px;
    height: 50px;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    color: #191f22;
    background-size: 45%;
    background-position: center 50%;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .popupSwiper__arrow__next:hover {
        background-color: #d5001c;
        color: #fff
    }

    .popupSwiper__arrow__next:after {
        font-size: 12px
    }

.popupSwiper__arrow__prev {
    width: 50px;
    height: 50px;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    color: #191f22;
    background-size: 45%;
    background-position: center 50%;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .popupSwiper__arrow__prev:hover {
        background-color: #d5001c;
        color: #fff
    }

    .popupSwiper__arrow__prev:after {
        font-size: 12px
    }

.popupSwiper__arrow .swiper-button-disabled {
    opacity: 0
}

.gallerySwiper .swiper-wrapper {
    margin-bottom: 2rem
}

.gallerySwiper h2 {
    font-weight: 600;
    font-size: 48px;
    margin-top: 4rem;
    margin-bottom: 2rem;
    padding: 0
}

.gallerySwiper .swiper-slide {
    max-width: 1434px
}

    .gallerySwiper .swiper-slide:nth-child(1) {
        margin-left: 8rem
    }

.gallerySwiper__arrow__next {
    width: 50px;
    height: 50px;
    background-color: #fff;
    color: #191f22;
    background-size: 45%;
    background-position: center 50%;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .gallerySwiper__arrow__next:hover {
        background-color: #d5001c;
        color: #fff
    }

    .gallerySwiper__arrow__next:after {
        font-size: 12px
    }

.gallerySwiper__arrow__prev {
    width: 50px;
    height: 50px;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    color: #191f22;
    background-size: 45%;
    background-position: center 50%;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .gallerySwiper__arrow__prev:hover {
        background-color: #d5001c;
        color: #fff
    }

    .gallerySwiper__arrow__prev:after {
        font-size: 12px
    }

.gallerySwiper__arrow .swiper-button-disabled {
    opacity: 0
}

#popupPagination .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: top;
    height: 10px;
    width: 10px;
    background-color: #313639;
    border-radius: 5px;
    margin: 5px;
    padding: 0;
    transition: height .3s,width .3s,border-radius .3s,margin .3s;
    border: 1px solid #fff;
    opacity: 1
}

#popupPagination .swiper-pagination-bullet-active {
    background-color: #d5001c
}

#galleryPagination .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: top;
    height: 10px;
    width: 10px;
    background-color: #313639;
    border-radius: 5px;
    margin: 5px;
    padding: 0;
    transition: height .3s,width .3s,border-radius .3s,margin .3s;
    border: 1px solid #fff;
    opacity: 1
}

#galleryPagination .swiper-pagination-bullet-active {
    background-color: #d5001c
}

.modalFooter {
    background-color: #191f22
}

.modalFooter__info {
    border-top: 1px solid #494e51;
    padding: 2rem 0
}

.modalFooter .module-container {
    background-color: #191f22
}

    .modalFooter .module-container .module-values .icon-area {
        border-color: #fff
    }

        .modalFooter .module-container .module-values .icon-area img {
            filter: brightness(0) saturate(100%) invert(100%) sepia(9%) saturate(35%) hue-rotate(262deg) brightness(107%) contrast(107%)
        }

    .modalFooter .module-container .module-values .info p {
        color: #fff
    }

    .modalFooter .module-container .module-values .info span {
        color: #fff
    }

    .modalFooter .module-container h2 {
        color: #fff
    }

    .modalFooter .module-container * {
        color: #fff
    }

.popupheader {
    background: #eff0f1;
    padding: 4rem 0
}

    .popupheader h2 {
        font-size: 60px;
        font-weight: 600;
        padding-bottom: 1rem
    }

    .popupheader .m-309-data {
        display: flex;
        gap: 1.5rem
    }

    .popupheader .m-309-data-item {
        border-right: 1px solid #e3e4e4;
        padding-right: .5rem
    }

        .popupheader .m-309-data-item .m-309-data-value {
            font-size: 18px;
            line-height: 26px;
            font-weight: 600
        }

        .popupheader .m-309-data-item .m-309-data-title {
            font-weight: normal;
            font-size: 10px;
            line-height: 16px
        }

    .popupheader .module-container__inner-item--group .icon-area {
        border-color: #000
    }

        .popupheader .module-container__inner-item--group .icon-area img {
            filter: invert(1%) sepia(23%) saturate(2004%) hue-rotate(147deg) brightness(105%) contrast(101%)
        }

.m-309-image {
    transform: rotate(90deg);
    margin-top: 20rem
}

.m-309-accordion-wrapper {
    padding-top: 4rem
}

.m-309-table {
    width: 100%
}

.m-309-accordion-title {
    font-size: 28px;
    padding: 16px 0;
    border-top: 1px solid #e3e4e4
}

.m-309-accordion-subheadline {
    font-size: 38px;
    padding-bottom: 13px;
    font-weight: 600
}

.m-309-table__row {
    border-top: 1px solid #e3e4e4
}

    .m-309-table__row .m-309-caption {
        padding: 13px 0
    }

        .m-309-table__row .m-309-caption span {
            color: #626669
        }

    .m-309-table__row .m-309-value {
        padding: 13px 0
    }

        .m-309-table__row .m-309-value span {
            font-weight: 600;
            font-size: 20px
        }

.modalCollapse .accordion-item {
    border: none;
    padding: .5rem 0
}

    .modalCollapse .accordion-item button {
        padding: 1rem .5rem 1rem 0;
        font-size: 28px;
        font-weight: 600
    }

        .modalCollapse .accordion-item button:hover {
            color: #d5001c
        }

        .modalCollapse .accordion-item button:focus {
            box-shadow: none
        }

        .modalCollapse .accordion-item button:not(.collapsed) {
            background-color: unset;
            color: #d5001c
        }

.modalCollapse .accordion-body {
    padding: 1rem 0
}

.m-309-button-container {
    display: flex;
    gap: 1rem;
    margin: 2rem 0
}

#exampleModalTwo .modalFooter p {
    color: #fff;
    padding-bottom: 1rem
}

    #exampleModalTwo .modalFooter p:nth-child(1) {
        padding-top: 4rem
    }

    #exampleModalTwo .modalFooter p:last-child {
        padding-bottom: 4rem
    }

    #exampleModalTwo .modalFooter p a {
        color: #fff
    }

.menu-navigation__wrapper.compareHead .swiper-wrapper {
    justify-content: center
}

.compare-detail {
    margin: 3rem 0
}

    .compare-detail h2 {
        font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
        text-align: center
    }

.compare-detail-info {
    border-bottom: 1px solid #d5d5d5;
    padding-top: 1rem
}

    .compare-detail-info p {
        font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
        color: #010205;
        margin-bottom: 1rem
    }

.compare-detail-info-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20rem
}

    .compare-detail-info-head p {
        font: 600 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
        color: #010205;
        min-width: 204px
    }

.porsche-image {
    max-width: 617px;
    margin: 4rem auto
}

    .porsche-image img {
        width: 100%;
        border-radius: 20px
    }

.porsche-buttons {
    max-width: 617px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    gap: 1rem;
    display: flex;
    flex-wrap: wrap
}

    .porsche-buttons p {
        font: 600 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
        display: block;
        width: 100%
    }

    .porsche-buttons button {
        width: 138px;
        height: 50px
    }

    .porsche-buttons .red {
        background: #c03;
        border-radius: 10px;
        border: none
    }

    .porsche-buttons .black {
        background: #000;
        border-radius: 10px;
        border: none
    }

    .porsche-buttons .yellow {
        background: #fc0;
        border-radius: 10px;
        border: none
    }

    .porsche-buttons .white {
        background: #efefef;
        border-radius: 10px;
        border: none
    }

    .porsche-buttons .blue {
        background: #00194b;
        border-radius: 10px;
        border: none
    }

.comparison {
    overflow: hidden;
    margin: 3rem 0
}

    .comparison .mySwiper2 {
        max-height: 737px;
        margin-bottom: 1rem;
        overflow: hidden
    }

    .comparison .mySwiper .swiper-slide {
        max-width: 243px;
        max-height: 136px
    }

    .comparison .mySwiper img {
        border-radius: 20px
    }

.mySwiper #newsPegination {
    left: 0;
    right: 0;
    bottom: 0rem !important
}

.img-slider {
    position: relative;
    width: 100%
}

.img-under {
    position: absolute;
    left: 0;
    top: 0
}

.img-over {
    width: 100%
}

    .img-over .slide-handle {
        border-radius: 6px;
        background-color: #fff;
        font-size: 20px;
        color: #fff;
        position: absolute;
        left: 45%;
        top: 50%;
        text-align: center;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center
    }

.sound {
    position: relative;
    margin: 2rem 0
}

    .sound img {
        width: 100%;
        border-radius: 20px
    }

    .sound audio {
        position: absolute;
        left: 2rem;
        bottom: 1rem;
        width: 90%
    }

.compare-footer {
    background-color: #eeeff2;
    padding-top: 4rem
}

.compare-footer-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 5rem 0
}

    .compare-footer-item * {
        max-width: 432px;
        width: 100%;
        margin-bottom: 1rem
    }

.compare-footer h2 {
    font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
    text-align: center
}

.page-module__textMedia {
    width: 1050px;
}

.home .home-cards__wrapper {
    max-width: 1300px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

    .home .home-cards__wrapper .row {
        justify-content: center;
        gap: clamp(16px, 1.25vw + 12px, 36px);
    }

.home-cards__wrapper {
    margin: 5rem 0 9.25rem;
}

.home-cards__title {
    font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
    color: #010205;
    text-wrap: balance;
    text-align: center;
    margin-bottom: 3rem
}

.home-cards__item {
    position: relative;
    overflow: hidden;
    border-radius: .75rem
}

    .home-cards__item:after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        inset: 0px;
        transition: transform var(--p-transition-duration, 0.4s) cubic-bezier(0.25, 0.1, 0.25, 1)
    }

    .home-cards__item:hover > img {
        transform: scale(1.05)
    }

    .home-cards__item > img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        z-index: -1;
        transition: .4s
    }

.home-cards__item-content {
    position: absolute;
    left: 0px;
    right: 0px;
    display: grid;
    place-items: center start;
    gap: 16px;
    border-radius: 12px;
    bottom: 0px;
    padding: clamp(32px,23px + 2.75vw,76px) clamp(16px,12px + 1.25vw,36px) clamp(16px,12px + 1.25vw,36px);
    background: linear-gradient(to top, rgba(31, 31, 31, 0.9) 0%, rgba(31, 31, 31, 0.9) 20%, rgba(31, 31, 31, 0.85) 26.67%, rgba(32, 32, 32, 0.77) 33.33%, rgba(33, 33, 33, 0.667) 40%, rgba(34, 34, 34, 0.557) 46.67%, rgba(35, 35, 35, 0.443) 53.33%, rgba(36, 36, 36, 0.333) 60%, rgba(37, 37, 37, 0.23) 66.67%, rgba(38, 38, 38, 0.15) 73.33%, rgba(39, 39, 39, 0.082) 80%, rgba(39, 39, 39, 0.035) 86.67%, rgba(39, 39, 39, 0.008) 93.33%, rgba(39, 39, 39, 0) 100%);
    grid-template-columns: auto 24px;
    grid-template-rows: auto
}

    .home-cards__item-content p {
        line-height: calc(2.125ex + 6px);
        font-family: "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
        overflow-wrap: break-word;
        z-index: 3;
        margin: 0px;
        max-width: 34.375rem;
        font-size: inherit;
        font-weight: 600;
        color: rgb(251, 252, 255);
    }

.discover .home-cards__item-content p {
    font: clamp(1.13rem, 1.08rem + 0.21vw, 1.33rem) / calc(2.125ex + 6px) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif
}

.home-cards__item-content img {
    display: block;
    margin: 0px;
    padding: 0px;
    pointer-events: none;
    filter: invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
    animation: 1ms ease 0s 1 normal none running rerender-dark-primary;
    width: inherit;
    height: inherit
}

.home-models__wrapper {
    padding: clamp(80px, 7.5vw + 56px, 200px) 0;
}

.home-models__title {
    margin-bottom: 3rem;
    font: normal normal 400 clamp(2.03rem,3.58vw + 1.31rem,5.61rem)/ calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
    padding-bottom: clamp(48px, 3vw + 38px, 96px);
    padding-left: max(50px + 2.9vw);
}

.home-models__cards {
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 1.25vw + 12px, 36px);
    padding: 0 clamp(16px, 1.25vw + 12px, 36px) 0 clamp(16px, 1.25vw + 12px, 36px);
    margin: 0 auto;
    max-width: 1880px;
    width: 92vw;
}

    .home-models__cards .home-models__cards-item--video {
        width: 100%;
        height: 100%;
    }

        .home-models__cards .home-models__cards-item--video .vjs-poster img {
            object-fit: cover;
        }

.home-models__cards-row {
    display: flex;
    gap: clamp(16px, 1.25vw + 12px, 36px);
}


.home-models__cards-item {
    position: relative;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    border-radius: .5rem;
    color: #fbfcff;
    flex: 1;
    transition: flex 0.5s ease;
    height: calc(7vh + 39vw);
    cursor: pointer;
}

    .home-models__cards-item > img {
        max-height: 1000px;
        min-height: 1000px;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        z-index: -1;
        transition: .4s
    }

    .home-models__cards-item:hover {
        flex: 1.3;
    }

        .home-models__cards-item:hover ~ .home-models__cards-item {
            flex: 1;
        }

.home-models__cards-row .home-models__cards-item:not(:hover):has(+ .home-models__cards-item:hover) {
    flex: 1;
}

.home-models__cards-item--signature {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .8) 8.1%, rgba(0, 0, 0, .8) 15.5%, rgba(0, 0, 0, .8) 22.5%, rgba(0, 0, 0, .78) 29%, rgba(0, 0, 0, .73) 35.3%, rgba(0, 0, 0, .67) 41.2%, rgba(0, 0, 0, .6) 47.1%, rgba(0, 0, 0, .52) 52.9%, rgba(0, 0, 0, .44) 58.8%, rgba(0, 0, 0, .33) 64.7%, rgba(0, 0, 0, .22) 71%, rgba(0, 0, 0, .12) 77.5%, rgba(0, 0, 0, .05) 84.5%, rgba(0, 0, 0, .011) 91.9%, transparent);
    height: 20%;
    width: 100%;
    z-index: 5;
}

    .home-models__cards-item--signature > span {
        display: inline-block;
        vertical-align: top;
        max-width: 100%;
        max-height: 36px
    }

        .home-models__cards-item--signature > span > img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            width: 100%;
            height: 40px;
            pointer-events: none;
            filter: invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%)
        }

.home-models__cards-item--content {
    position: absolute;
    bottom: 0;
    height: 20%;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 5;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .8) 8.1%, rgba(0, 0, 0, .8) 15.5%, rgba(0, 0, 0, .8) 22.5%, rgba(0, 0, 0, .78) 29%, rgba(0, 0, 0, .73) 35.3%, rgba(0, 0, 0, .67) 41.2%, rgba(0, 0, 0, .6) 47.1%, rgba(0, 0, 0, .52) 52.9%, rgba(0, 0, 0, .44) 58.8%, rgba(0, 0, 0, .33) 64.7%, rgba(0, 0, 0, .22) 71%, rgba(0, 0, 0, .12) 77.5%, rgba(0, 0, 0, .05) 84.5%, rgba(0, 0, 0, .011) 91.9%, transparent);
}

    .home-models__cards-item--content .heading {
        display: flex;
        justify-content: space-between;
        font: normal normal 400 1rem/calc(6px + 2.125ex) 'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif;
        overflow-wrap: break-word;
    }

        .home-models__cards-item--content .heading a > img {
            filter: brightness(0) saturate(100%) invert(99%) sepia(32%) saturate(2%) hue-rotate(292deg) brightness(110%) contrast(100%);
        }

    .home-models__cards-item--content .description {
        margin: -12px 0px 0px;
        font: 400 1rem/calc(2.125ex + 6px) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        overflow-wrap: break-word
    }

.home-models__cards-item--inner {
    position: absolute;
    bottom: 0;
    margin: clamp(16px, 1.25vw + 12px, 36px) 0;
    padding: 0 clamp(16px, 1.25vw + 12px, 36px);
    width: 100%;
    left: 0;
    right: 0;
}

    .home-models__cards-item--inner .fuel-type-wrapper {
        display: flex;
        align-items: center;
        gap: clamp(8px, .5vw + 6px, 32px);
        margin-bottom: clamp(8px, .5vw + 6px, 16px);
    }

    .home-models__cards-item--inner .fuel-type {
        position: relative;
        display: inline-flex;
        gap: 2px;
        padding: 1px 6px;
        border-radius: 4px;
        font: normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem) / calc(6px + 2.125ex) 'Porsche Next', 'Arial Narrow', Arial, 'Heiti SC', SimHei, sans-serif;
        color: #fff;
        background: hsl(240 4% 85% / 35%);
        -webkit-backdrop-filter: blur(32px);
        backdrop-filter: blur(32px);
        transition: color var(--p-transition-duration, 0.25s) cubic-bezier(0.25,0.1,0.25,1), background-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25,0.1,0.25,1), backdrop-filter var(--p-transition-duration, 0.25s) cubic-bezier(0.25,0.1,0.25,1);
    }

/*.home-models__cards-item--content .button-group {
        display: flex;
        width: 100%;
        gap: clamp(8px,6px + .5vw,16px);
        flex-flow: column;
        align-items: stretch
    }

        .home-models__cards-item--content .button-group > a {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            width: 100%;
            min-width: 54px;
            min-height: 54px;
            box-sizing: border-box;
            text-align: start;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            text-decoration: none;
            border: 2px solid #fbfcff;
            border-radius: 4px;
            transform: translate3d(0px, 0px, 0px);
            background-color: #fbfcff;
            color: #010205;
            font: 400 1rem/calc(2.125ex + 6px) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
            overflow-wrap: break-word;
            transition: background-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1),border-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1),color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1);
            padding: 13px 26px;
            gap: 8px
        }

            .home-models__cards-item--content .button-group > a:first-child:hover {
                background-color: #afb0b3;
                border-color: #afb0b3
            }

            .home-models__cards-item--content .button-group > a:last-child {
                background-color: rgba(0,0,0,0);
                color: #fbfcff;
                padding: 13px 26px;
                gap: 8px
            }

                .home-models__cards-item--content .button-group > a:last-child:hover {
                    background-color: rgba(148,149,152,.18);
                    border-color: #88898c;
                    -webkit-backdrop-filter: blur(32px);
                    backdrop-filter: blur(32px)
                }*/
.home-find__wrapper {
    margin: 7rem 0;
    padding: 0;
    background-image: url("/assets/img/home-search-image.png");
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    color: #000;
    overflow: auto;
    background-position: right;
    color: #000
}

    .home-find__wrapper h2 {
        font: normal normal 600 clamp(1.42rem, 0.94vw + 1.23rem, 2.37rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        margin-bottom: .25rem
    }

    .home-find__wrapper p {
        font: 400 1rem/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        overflow-wrap: break-word
    }

.home-find__panel {
    margin-top: 5rem;
}

.home-find__wrapper-search {
    margin-top: 2rem
}

    .home-find__wrapper-search label {
        margin-bottom: .25rem;
        font: 400 1rem/calc(2.125ex + 6px) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
        cursor: pointer;
        justify-self: flex-start;
        color: #010205
    }

.home-find__wrapper-search--input {
    position: relative
}

    .home-find__wrapper-search--input input {
        display: block;
        width: 100%;
        height: calc(2.125ex + 36px);
        margin: 0;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-sizing: border-box;
        border: 2px solid #6b6d70;
        border-radius: 4px;
        background: rgba(0,0,0,0);
        font: 400 1rem/calc(2.125ex + 12px) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        text-indent: 0;
        color: #010205;
        transition: background-color .25s cubic-bezier(0.25, 0.1, 0.25, 1),border-color .25s cubic-bezier(0.25, 0.1, 0.25, 1),color .25s cubic-bezier(0.25, 0.1, 0.25, 1);
        grid-area: 1/1/1/-1;
        padding: 8px 16px;
        padding-inline-start: calc(17px + (6px + 2.125ex + 8px)*1);
        padding-inline-end: calc(17px + (6px + 2.125ex + 8px)*1)
    }

    .home-find__wrapper-search--input .find-icon {
        position: absolute;
        top: 23%;
        left: 10px;
        grid-area: 1/2;
        place-self: center;
        padding: 4px;
        pointer-events: none
    }

        .home-find__wrapper-search--input .find-icon > img {
            display: block;
            margin: 0px;
            padding: 0px;
            pointer-events: none;
            filter: invert(63%) sepia(8%) saturate(108%) hue-rotate(188deg) brightness(94%) contrast(86%);
            animation: 1ms ease 0s 1 normal none running rerender-light-state-disabled;
            width: calc(2.125ex + 6px);
            height: calc(2.125ex + 6px);
            font: 1rem "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif
        }

.filter h1 {
    text-transform: capitalize
}

.filter .b-title {
    position: relative;
    padding-top: 1.25rem;
}

.filter .b-title__wrapper {
    height: unset;
    margin-bottom: .625rem;
    background-color: #eff0f1
}

    .filter .b-title__wrapper h2 {
        font-weight: 600;
        line-height: 34px;
        font-size: 26px
    }

.filter .b-title__filter {
    position: relative;
    width: 100%;
    background-color: #eff0f1
}

    .filter .b-title__filter.menu-fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        padding-bottom: .625rem !important
    }

.filter .b-title__filter-menu {
    width: 60px;
    height: 60px;
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding-left: 0;
    outline: 0;
    background-color: #950014;
    transition-duration: .5s;
    position: relative
}

    .filter .b-title__filter-menu:hover {
        background-color: #313639;
        cursor: pointer
    }

        .filter .b-title__filter-menu:hover li > a img {
            filter: brightness(0) saturate(100%) invert(14%) sepia(91%) saturate(3814%) hue-rotate(344deg) brightness(90%) contrast(112%)
        }

.filter .b-title__filter-menu--hover {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none
}

    .filter .b-title__filter-menu--hover:hover > ul {
        display: block;
        opacity: 1;
        visibility: visible
    }

    .filter .b-title__filter-menu--hover > a img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(16%) saturate(0%) hue-rotate(172deg) brightness(102%) contrast(102%)
    }

    .filter .b-title__filter-menu--hover > ul {
        visibility: hidden;
        opacity: 0;
        max-height: calc(100vh - 60px);
        width: 320px;
        position: absolute;
        transition: all .5s ease;
        top: 60px;
        left: 0;
        display: none;
        list-style: none;
        background-color: #313639;
        color: #fff
    }

        .filter .b-title__filter-menu--hover > ul > li {
            padding: .5rem 0;
            clear: both
        }

            .filter .b-title__filter-menu--hover > ul > li.home {
                background-color: #950014
            }

            .filter .b-title__filter-menu--hover > ul > li.home-sub > a {
                padding-left: 2em
            }

            .filter .b-title__filter-menu--hover > ul > li:not(:first-child) {
                border-top: 1px solid #626669
            }

            .filter .b-title__filter-menu--hover > ul > li:hover {
                background-color: #950014
            }

            .filter .b-title__filter-menu--hover > ul > li > a {
                margin: 0 2em;
                display: flex;
                justify-content: space-between;
                align-items: center;
                line-height: 40px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                max-width: 100%;
                color: #fff
            }

.filter__wrapper {
    margin-top: 3.125rem
}

    .filter__wrapper > .row {
        margin-bottom: 2.5rem
    }

.filter__buttons {
    padding-top: 1.875rem
}

.filter__buttons-content {
    margin-right: 2.5rem;
    border-right: 2px solid #e3e4e4
}

.filter__buttons-group:not(:last-child) {
    margin-bottom: 1.75rem
}

.filter__buttons-group h2 {
    width: 100%;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    text-transform: capitalize
}

.filter__buttons-group label {
    border: 1px solid #313639;
    display: flex;
    align-items: center;
    margin-right: .625rem;
    margin-top: .625rem;
    padding: .625rem 1.25rem .625rem 2.5rem;
    height: calc(1.75em + 1.25rem + 5px);
    position: relative;
    margin-right: 0;
    max-width: 184px;
    width: 100%;
    background-color: #fff;
    cursor: pointer;
    border-radius: 0;
    line-height: 0
}

    .filter__buttons-group label:before {
        content: "+";
        top: 45%;
        left: 15px;
        font-size: 25px;
        position: absolute
    }

    .filter__buttons-group label:hover {
        border-color: #d5001c;
        color: #d5001c
    }

    .filter__buttons-group label > input {
        display: none
    }

    .filter__buttons-group label.checked {
        background-color: #313639;
        color: #fff
    }

        .filter__buttons-group label.checked:before {
            content: "";
            font-family: "FontAwesome";
            font-weight: 600;
            font-size: 17px;
            top: 50%
        }

        .filter__buttons-group label.checked:hover, .filter__buttons-group label.checked:active {
            background-color: #d5001c
        }

    .filter__buttons-group label > span {
        line-height: 1.25rem;
    }

    .filter__buttons-group label.disabled {
        pointer-events: none;
        border-color: #c8cacb;
        color: #c8cacb
    }

.filter__buttons-group #resetFilter:before {
    content: "\f105";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    top: 50%;
    left: 10%;
    font-size: 1em;
    position: absolute;
}

.filter__models-item {
    margin-bottom: 2.5rem
}

    .filter__models-item.model-options {
        display: none
    }

        .filter__models-item.model-options.active {
            display: block
        }

    .filter__models-item .row {
        row-gap: 2rem;
    }

@font-face {
    font-family: "PorscheNextWLa";
    font-weight: 100;
    font-style: normal;
    src: url("/fonts/PorscheNextWLa-Thin.eot");
    src: url("/fonts/PorscheNextWLa-Thin.eot?#iefix") format("embedded-opentype"), url("/fonts/PorscheNextWLa-Thin.woff2") format("woff2"), url("/fonts/PorscheNextWLa-Thin.woff") format("woff"), url("/fonts/PorscheNextWLa-Thin.ttf") format("truetype"), url("/fonts/PorscheNextWLa-Thin.svg#PorscheNextWLa-Thin") format("svg");
    font-display: swap
}

.filter__models-item--title {
    font-family: "PorscheNextWLa";
    display: flex;
    align-items: center;
    font-weight: 100;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 1.5rem;
}

    .filter__models-item--title:hover {
        color: #d5001c
    }

        .filter__models-item--title:hover p-icon {
            filter: brightness(0) saturate(100%) invert(18%) sepia(94%) saturate(2642%) hue-rotate(342deg) brightness(87%) contrast(114%)
        }

.filter__models-item--car {
    height: 100%;
    display: block
}

    .filter__models-item--car img {
        width: 100%
    }

    .filter__models-item--car:hover {
        color: #000
    }

    .filter__models-item--car .model-image {
        display: block;
        height: 100%;
        padding: 3rem 0 2rem;
    }

    .filter__models-item--car p {
        font-size: 15px;
    }

.filter__models-item .model-options {
    display: none;
    margin-bottom: 1.5rem
}

    .filter__models-item .model-options.active {
        display: block
    }

.filter__models-item .model-options-emission {
    font-weight: normal;
    font-size: 10px;
    line-height: 16px
}

.filter__consumEmission .model-options {
    display: none
}

    .filter__consumEmission .model-options.active {
        display: block
    }

.filter__consumEmission h1 {
    margin-bottom: 1.5rem
}

.filter__consumEmission-model {
    color: #959899;
    margin-bottom: 4px
}

.filter__consumEmission h3, .filter__consumEmission p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.filter__consumEmission-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: .625rem;
    cursor: pointer
}

.filter__consumEmission-item--group {
    display: flex;
    align-items: center;
    margin-bottom: .5rem
}

    .filter__consumEmission-item--group:not(:last-child) {
        margin-right: 1rem
    }

    .filter__consumEmission-item--group .icon-area {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border-style: solid;
        border-color: inherit;
        border-width: 1px;
        display: -ms-flexbox;
        margin-right: .25rem;
        display: flex;
        align-self: center;
        align-items: center;
        justify-content: center;
        font-style: normal
    }

    .filter__consumEmission-item--group .text-area p:last-child {
        font-size: 10px;
        line-height: 16px;
        white-space: nowrap
    }

.filter__consumEmission .tooltipster-items {
    display: none
}

.tooltipster-base {
    max-width: 90%;
    max-height: 90%;
    box-shadow: 2px 2px 10px 0 #7b7e80;
    overflow-x: hidden;
    z-index: 9999 !important;
}

.tooltipster-sidetip .tooltipster-box {
    border: 0 !important;
    border-radius: 0 !important
}

.tooltipster-content {
    padding: 15px;
    position: relative;
    flex: 1 1 auto;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
}

.tooltipster-items {
    -webkit-overflow-scrolling: touch;
    padding: 15px 40px;
    position: relative;
    height: 100%;
    z-index: 0;
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto
}

    .tooltipster-items h4 {
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        margin: 0;
        color: #000
    }

.tooltipster-items-custom {
    margin-top: 15px;
    color: #000
}

    .tooltipster-items-custom span {
        display: block;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px
    }

    .tooltipster-items-custom .subtitle {
        color: #959899
    }

.tooltipster-close {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    line-height: 2.5;
    padding-left: 15px;
    padding-right: 15px;
    display: block !important
}

    .tooltipster-close > i.fa-solid {
        color: #000;
        font-size: 21px
    }

.car-specs__wrapper {
    position: relative;
    overflow: hidden;
    background-image: url("https://files.porsche.com/filestore/image/multimedia/none/modelseries-modelexplorer-backplate/normal/f2242816-9100-11ea-80c9-005056bbdc38;sM;twebp/porsche-normal.webp");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 3.125rem 0 0;
    background-color: #000;
    outline: 0;
    z-index: 1
}

    .car-specs__wrapper .swiper-button-next-specs, .car-specs__wrapper .swiper-button-prev-specs {
        width: 50px;
        height: 50px;
        background-color: #fff;
        transform: translateY(-50%);
        top: 50%;
        color: #191f22;
        background-size: 45%;
        background-position: center 50%;
        box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
        display: inline-block;
        font-size: 20px;
        padding: 15px
    }

        .car-specs__wrapper .swiper-button-next-specs::after, .car-specs__wrapper .swiper-button-prev-specs::after {
            font-size: 11px !important;
            content: ""
        }

        .car-specs__wrapper .swiper-button-next-specs:hover, .car-specs__wrapper .swiper-button-prev-specs:hover {
            background-color: #d5001c
        }

    .car-specs__wrapper .swiper-button-next-specs {
        right: 0;
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z"/></svg>');
        background-repeat: no-repeat
    }

        .car-specs__wrapper .swiper-button-next-specs:hover {
            background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z" fill="white" /></svg>')
        }

    .car-specs__wrapper .swiper-button-prev-specs {
        left: 0;
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z"/></svg>');
        background-repeat: no-repeat
    }

        .car-specs__wrapper .swiper-button-prev-specs:hover {
            background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z" fill="white" /></svg>')
        }

    .car-specs__wrapper .swiper-button-disabled {
        display: none
    }

    .car-specs__wrapper .swiper-pagination {
        bottom: 70px;
        right: 0;
        left: 0
    }

    .car-specs__wrapper .swiper-pagination-bullet {
        opacity: 1;
        background: #313639;
        margin: 0 5px;
        position: relative;
        transition: left 300ms,transform 300ms;
        width: 10px !important;
        height: 10px !important;
        display: inline-block;
        border-radius: 100%;
        border: 1px solid #fff
    }

    .car-specs__wrapper .swiper-pagination-bullet-active {
        background: #d5001c;
        outline-width: 2px;
        outline-style: solid;
        outline-offset: 1px;
        outline-color: #00d5b9
    }

    .car-specs__wrapper .car-specs-tab-inner {
        position: relative;
    }

    .car-specs__wrapper .nav {
        justify-content: center;
        border: none;
        gap: 1.25rem
    }

    .car-specs__wrapper .slider {
        visibility: hidden;
        display: inline-block;
        width: 30px;
        height: 2px;
        border-radius: 3px;
        background-color: #d5001c;
        position: absolute;
        top: 1.5625rem;
        transition: all .4s linear
    }

    .car-specs__wrapper .nav-item {
        width: auto;
        margin: 0
    }

    .car-specs__wrapper .nav-link {
        border: none;
        width: -moz-fit-content;
        width: fit-content;
        color: #fff;
        position: relative;
        padding: 0;
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 0
    }

        .car-specs__wrapper .nav-link:hover {
            color: #d5001c
        }

        .car-specs__wrapper .nav-link.active {
            background-color: unset;
            color: #fff;
            font-weight: 600;
            position: relative
        }

    .car-specs__wrapper .tab-pane {
        position: relative;
        z-index: 10
    }

.car-specs__module {
    position: relative;
    margin-top: 7.25rem;
    bottom: 6.75rem;
    z-index: 999;
    width: 100%;
    min-height: 50px;
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.car-specs__module-group {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 1rem;
    margin-bottom: 1.25rem
}

.car-specs__module-data {
    padding: 0 2rem;
    color: #fff;
    flex-wrap: nowrap
}

.car-specs__module-data--title {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-align: center
}

.car-specs__module-data--copy {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px
}

.car-specs__module-additional {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    flex-wrap: wrap;
    row-gap: .75rem;
    -moz-column-gap: 5rem;
    column-gap: 5rem
}

.car-specs__module-additional--items > p {
    color: #959899;
    margin-bottom: 4px
}

.car-specs__module-additional--items-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem
}

.car-specs__module-additional--items-data {
    display: flex;
    align-items: center;
    margin-bottom: .5rem
}

    .car-specs__module-additional--items-data .icon-area {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border-style: solid;
        border-color: #fff;
        border-width: 1px;
        display: flex;
        align-self: center;
        align-items: center;
        justify-content: center;
        font-style: normal
    }

        .car-specs__module-additional--items-data .icon-area > img {
            filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(49deg) brightness(101%) contrast(101%)
        }

    .car-specs__module-additional--items-data .info {
        line-height: 1;
        margin-left: .375rem
    }

        .car-specs__module-additional--items-data .info p {
            color: #fff;
            font-size: 16px
        }

        .car-specs__module-additional--items-data .info span {
            color: #fff;
            font-size: 10px
        }

.car-specs__module-additional--buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .625rem
}

.car-specs__module-additional--buttons-item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    background: none;
    border: 1px solid #fff;
    cursor: pointer;
    padding: .75rem 1.25rem;
    text-decoration: inherit;
    transition: background-color .24s,color .24s,border-color .24s;
    font-size: 16px;
    color: #fff;
    gap: .5rem
}

    .car-specs__module-additional--buttons-item i {
        font-size: 1em
    }

    .car-specs__module-additional--buttons-item:hover {
        border-color: #d5001c;
        background-color: rgba(0,0,0,0);
        color: #d5001c
    }

.car-specs__slider {
    position: relative;
    padding-left: 7.14286%;
    padding-right: 7.14286%;
    z-index: 10
}

.car-specs__slider-modelName {
    margin-top: 1.5rem;
    visibility: hidden;
    min-height: 160px;
    text-align: center;
    color: #fff
}

    .car-specs__slider-modelName p {
        line-height: 54px;
        font-size: 48px;
        font-weight: 600
    }

    .car-specs__slider-modelName span {
        font-weight: normal;
        font-size: 16px;
        line-height: 26px
    }

.car-specs__slider-modelImage {
    height: 345px;
    display: flex;
    justify-content: center;
    align-items: center
}

.car-specs__slider-modelImage--in {
    height: 145%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 400ms;
    transform-origin: center;
    will-change: transform;
    backface-visibility: visible
}

.car-specs__slider-modelImage img {
    height: 100%;
    width: auto
}

.car-specs__slider .swiper-slide-active .car-specs__slider-modelName {
    visibility: visible
}

.car-specs__slider-gradient {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 30%;
    background: linear-gradient(0deg, #000 60%, rgba(0, 0, 0, 0) 100%);
    z-index: 1
}

.menu-navigation__wrapper {
    background-color: #fff;
    box-shadow: 0 5px 5px -2.5px rgba(0,0,0,.2);
    overflow: hidden;
    position: relative;
    height: 60px;
    line-height: 60px
}

    .menu-navigation__wrapper .swiper {
        max-width: 1302px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        height: 100%;
        width: 100%;
        list-style: none;
        padding: 0;
        z-index: 1
    }

    .menu-navigation__wrapper .swiper-wrapper {
        padding: 0;
        margin: 0;
        justify-content: flex-start
    }

    .menu-navigation__wrapper .swiper-slide {
        width: auto !important
    }

        .menu-navigation__wrapper .swiper-slide:not(:last-child) > a {
            margin-right: 3rem
        }

        .menu-navigation__wrapper .swiper-slide > a {
            display: flex;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
            font-size: 18px;
            line-height: 26px;
            font-weight: normal;
            text-align: center;
            text-decoration: none;
            transition: border-bottom .3s ease;
            height: 100%
        }

            .menu-navigation__wrapper .swiper-slide > a.active {
                font-weight: bold
            }

                .menu-navigation__wrapper .swiper-slide > a.active::after {
                    content: "";
                    position: absolute;
                    bottom: 10px;
                    width: -webkit-fill-available;
                    height: 2px;
                    background: red
                }

            .menu-navigation__wrapper .swiper-slide > a:hover {
                color: #d5001c
            }

    .menu-navigation__wrapper .swiper-button-disabled {
        display: none
    }

.menu-navigation__fixed {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999
}

.menu-navigation-next, .menu-navigation-prev {
    color: #000;
    font-weight: 700;
    background-color: rgba(255,255,255,.5)
}

    .menu-navigation-next:hover, .menu-navigation-prev:hover {
        color: #d5001c
    }

    .menu-navigation-next::after, .menu-navigation-prev::after {
        font-size: 15px;
        z-index: 1;
        position: relative
    }

.menu-navigation-next {
    right: 0;
    justify-content: flex-end
}

    .menu-navigation-next::before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 40px;
        z-index: 0;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white);
        right: 0
    }

.menu-navigation-prev {
    left: 0;
    justify-content: flex-start
}

    .menu-navigation-prev::before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 40px;
        z-index: 0;
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white);
        right: -10px
    }

.announcement-module__wrapper.model-cayenne, .announcement-module__wrapper.model-panamera {
    margin-top: 1.875rem
}

    .announcement-module__wrapper.model-cayenne > .row, .announcement-module__wrapper.model-panamera > .row {
        flex-direction: row-reverse
    }

.announcement-module__wrapper.model-macan .announcement-module__right {
    background-color: #fff
}

.announcement-module__wrapper.model-macan .announcement-module__right-title, .announcement-module__wrapper.model-macan .announcement-module__right-text {
    color: #000
}

.announcement-module__wrapper.model-macan .announcement-module__right-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    background: none;
    margin-top: 26px;
    border: 1px solid #313639;
    font-weight: normal;
    cursor: pointer;
    padding: .75rem 1.25rem;
    text-decoration: inherit;
    transition: background-color .24s,color .24s,border-color .24s;
    font-size: 16px;
    color: #313639;
    gap: .85rem
}

    .announcement-module__wrapper.model-macan .announcement-module__right-button > i.fa-solid {
        font-size: 13px
    }

    .announcement-module__wrapper.model-macan .announcement-module__right-button:hover {
        border-color: #d5001c;
        background-color: rgba(0,0,0,0);
        color: #d5001c
    }

.announcement-module__right {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    height: 100%;
    justify-content: center;
    width: 100%;
    background-color: #000
}

.announcement-module__right-content {
    max-width: 315px;
    width: 100%
}

.announcement-module__right-title {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: .75rem;
    color: #fff;
    line-height: 48px
}

.announcement-module__right-text {
    display: block;
    font-size: 18px;
    line-height: 26px;
    width: 100%;
    color: #fff
}

.announcement-module__right-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 21px;
    background-color: #313639;
    color: #fff;
    font-size: 18px;
    margin-top: 1.5rem;
    transition: background-color .35s ease
}

    .announcement-module__right-button img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(268deg) brightness(102%) contrast(102%)
    }

    .announcement-module__right-button:hover {
        background-color: #d5001c;
        color: #fff
    }

.announcement-module__left {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    height: 100%;
    justify-content: center;
    width: 100%;
    background-color: #fff
}

    .announcement-module__left.model-911 {
        background-color: #000
    }

        .announcement-module__left.model-911 .announcement-module__left-content {
            color: #fff
        }

.announcement-module__left-content {
    max-width: 315px;
    width: 100%;
    color: #000;
    margin: 2rem 0rem
}

.announcement-module__left-title {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: .75rem;
    line-height: 48px
}

.announcement-module__left-text {
    display: block;
    font-size: 18px;
    line-height: 26px;
    width: 100%
}

.announcement-module__left-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    background: none;
    margin-top: 26px;
    border: 1px solid #313639;
    font-weight: normal;
    cursor: pointer;
    padding: .75rem 1.25rem;
    text-decoration: inherit;
    transition: background-color .24s,color .24s,border-color .24s;
    font-size: 16px;
    color: #313639;
    gap: .85rem
}

    .announcement-module__left-button i.fa-solid {
        font-size: 13px
    }

    .announcement-module__left-button:hover {
        border-color: #d5001c;
        background-color: rgba(0,0,0,0);
        color: #d5001c
    }

.module-container {
    padding: 1.875rem 7.14286% 2.5rem 7.14286%;
    background-color: #fff
}

.module-container__subtitle {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0 0
}

.module-container__inner.section2 {
    margin-top: -45vh
}

.module-container__inner.section-start .module-container__inner-text {
    height: 100vh
}

.module-container__inner.section-start .module-container__inner-text {
    height: 100vh
}

.module-container__inner-text {
    padding-left: 7.14286%;
    padding-right: 7.14286%;
    margin-top: -32vh;
    padding-bottom: 20vh;
    padding-top: 50px;
    pointer-events: auto;
    position: relative;
    transition: opacity ease-out .5s;
    width: 100%;
    height: 80vh;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

    .module-container__inner-text.section1 {
        margin-top: -21vh;
        padding-bottom: 40vh
    }

        .module-container__inner-text.section1 .module-container__inner-content {
            margin-bottom: 100vh
        }

    .module-container__inner-text p {
        font-size: 48px;
        line-height: 54px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 2rem;
        width: 100%;
        max-width: 1000px
    }

    .module-container__inner-text h6 {
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        text-transform: capitalize;
        margin-bottom: 2rem;
        color: #fff
    }

    .module-container__inner-text span {
        font-size: 16px;
        line-height: 24px;
        color: #fff;
        max-width: 66.66667%;
        width: 100%;
        display: inline-block
    }

        .module-container__inner-text span:not(:last-child) {
            margin-bottom: 1.5rem
        }

    .module-container__inner-text .model-911 .module-container__inner-item--group:not(:last-child) {
        margin-right: .5rem
    }

    .module-container__inner-text .model-911 .tooltipster-items {
        padding: 0;
        border-left: 2px solid #fff;
        padding-left: .5rem;
        height: auto;
        overflow: hidden
    }

        .module-container__inner-text .model-911 .tooltipster-items h4 {
            color: #fff;
            font-size: 24px;
            line-height: 1.2
        }

    .module-container__inner-text.model-macan {
        align-items: flex-end;
        overflow: hidden
    }

        .module-container__inner-text.model-macan .models-inner {
            display: flex;
            flex-direction: column;
            width: 50%
        }

            .module-container__inner-text.model-macan .models-inner .module-container__inner-valuesWrap {
                flex-direction: row;
                flex-wrap: wrap;
                gap: 0
            }

            .module-container__inner-text.model-macan .models-inner .module-container__inner-text span {
                display: flex;
                justify-content: flex-start
            }

            .module-container__inner-text.model-macan .models-inner .module-container__inner-model {
                color: #959899;
                margin-bottom: 4px
            }

            .module-container__inner-text.model-macan .models-inner > span:last-of-type {
                display: block;
                margin: 60vh 0 25vh
            }

.module-container__inner-button {
    padding: .625rem 1.25rem .625rem .9375rem;
    height: 44px;
    display: flex;
    justify-content: flex-start;
    background-color: #fff;
    align-items: center;
    color: #000;
    text-transform: capitalize;
    cursor: pointer;
    margin-top: 3.75rem
}

    .module-container__inner-button img {
        margin-right: 15px
    }

    .module-container__inner-button:hover {
        background-color: #d5001c;
        border-color: #d5001c;
        color: #fff !important
    }

        .module-container__inner-button:hover img {
            filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(140deg) brightness(101%) contrast(101%)
        }

.module-container__inner .parallax-media {
    position: sticky;
    top: 0;
    z-index: 9
}

    .module-container__inner .parallax-media video {
        display: flex
    }

    .module-container__inner .parallax-media > img {
        width: 100%;
        height: 100vh
    }

    .module-container__inner .parallax-media .backdrop-container {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 89%;
        background-color: rgba(0,0,0,.1);
        transition: background .5s ease;
        z-index: 9999
    }

.module-container__inner-valuesWrap {
    display: flex;
    align-items: center;
    gap: 1rem
}

.module-container__inner-model {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 4px;
    white-space: nowrap
}

.module-container__inner-item {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: .625rem;
    cursor: pointer
}

.module-container__inner-item--group {
    display: flex;
    align-items: center;
    margin-bottom: .5rem
}

    .module-container__inner-item--group:not(:last-child) {
        margin-right: 1rem
    }

    .module-container__inner-item--group .icon-area {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border-style: solid;
        border-color: #fff;
        border-width: 1px;
        display: -ms-flexbox;
        margin-right: .25rem;
        display: flex;
        align-self: center;
        align-items: center;
        justify-content: center;
        font-style: normal
    }

        .module-container__inner-item--group .icon-area > img {
            filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(49deg) brightness(101%) contrast(101%)
        }

    .module-container__inner-item--group .text-area-value {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        margin-bottom: 0
    }

        .module-container__inner-item--group .text-area-value:last-child {
            font-size: 10px;
            line-height: 16px;
            white-space: nowrap
        }

.module-container__inner .tooltipster-items {
    display: none
}

.module-container .module-headline {
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    color: #000;
    margin-bottom: 2.125rem
}

.module-container .module-link {
    display: flex;
    align-items: center;
    gap: .625rem;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap
}

    .module-container .module-link i.fa-solid {
        font-size: 24px
    }

    .module-container .module-link:hover {
        color: #d5001c
    }

.module-container .module-values {
    margin-top: 3.75rem;
    margin-bottom: 1.25rem
}

    .module-container .module-values .row [class*=col-] {
        margin-bottom: 1.25rem
    }

.module-container .module-values__inner {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.module-container .module-values__inner-item {
    display: flex;
    align-items: center
}

    .module-container .module-values__inner-item .icon-area {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border-style: solid;
        border-color: #000;
        border-width: 1px;
        display: flex;
        align-self: center;
        align-items: center;
        justify-content: center;
        font-style: normal
    }

    .module-container .module-values__inner-item .info {
        line-height: 1;
        margin-left: .375rem
    }

        .module-container .module-values__inner-item .info p {
            color: #000;
            font-size: 16px
        }

        .module-container .module-values__inner-item .info span {
            color: #000;
            font-size: 10px
        }

.module-container .module-values__title {
    font-weight: normal;
    color: #959899;
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 26px
}

.module-container__menu {
    width: 60%;
    position: relative
}

    .module-container__menu h6 {
        font-size: 60px;
        color: #fff
    }

    .module-container__menu .accordion {
        position: absolute;
        width: 50%;
        left: 8rem;
        top: 10rem
    }

    .module-container__menu .accordion-item {
        background: none;
        color: #fff;
        cursor: pointer
    }

        .module-container__menu .accordion-item .accordion-header {
            position: relative
        }

    .module-container__menu .accordion-header {
        position: relative;
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 15px;
        margin: 0;
        height: auto;
        cursor: pointer;
        font-weight: 600;
        text-decoration: none;
        display: inline;
        padding-bottom: 2px;
        transition: all .35s linear;
        background: linear-gradient(to bottom, #d5001c 0%, #d5001c 98%);
        background-size: 0px 2px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

        .module-container__menu .accordion-header:hover {
            background-size: 100% 2px;
            display: block
        }

    .module-container__menu .accordion-content {
        padding-top: 1rem
    }

        .module-container__menu .accordion-content p {
            font-size: 16px
        }

    .module-container__menu .accordion .active .accordion-header {
        padding-bottom: .5rem;
        width: 100%;
        display: block;
        background-size: 100% 2px
    }

.module-container__imageWrap img {
    width: 100%
}

.vehicle-details.model-cayenne .vehicle-details__items-item, .vehicle-details.model-panamera .vehicle-details__items-item {
    padding: 26px
}

    .vehicle-details.model-cayenne .vehicle-details__items-item:hover .vehicle-details__items-item--headline, .vehicle-details.model-panamera .vehicle-details__items-item:hover .vehicle-details__items-item--headline {
        animation: hoverAnimation .4s ease forwards
    }

.vehicle-details.model-cayenne .vehicle-details__items-item--headline, .vehicle-details.model-panamera .vehicle-details__items-item--headline {
    transition: transform .4s ease,opacity .4s ease
}

.vehicle-details.model-panamera .vehicle-details__wrapper {
    position: relative
}

    .vehicle-details.model-panamera .vehicle-details__wrapper > img {
        -o-object-fit: none;
        object-fit: none;
        min-height: auto;
        position: relative
    }

.vehicle-details__subtitle {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0 0
}

.vehicle-details__wrapper {
    height: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover
}

    .vehicle-details__wrapper .module-container {
        background: none;
        width: 100%;
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
        height: 100%
    }

.vehicle-details__items {
    max-width: 682px;
    width: 100%
}

.vehicle-details__items-item {
    display: block;
    margin-bottom: 10px;
    position: relative;
    background: #fff;
    border: 1px solid #e3e4e4;
    padding: 26px;
    box-sizing: border-box;
    transition: background 240ms,box-shadow 240ms,border-color 240ms;
    cursor: pointer;
    height: auto;
    width: 100%
}

    .vehicle-details__items-item:hover {
        border-color: #d5001c;
        background: #d5001c;
        box-shadow: 10px 10px 30px 0 rgba(0,0,0,.5);
        color: #fff
    }

        .vehicle-details__items-item:hover .vehicle-details__items-item--brand {
            opacity: 1;
            transform: translate3d(-65px, 0, 0)
        }

            .vehicle-details__items-item:hover .vehicle-details__items-item--brand > a {
                color: #fff;
            }

        .vehicle-details__items-item:hover .vehicle-details__items-item--headline {
            transform: translate3d(0, 10px, 0)
        }

        .vehicle-details__items-item:hover .vehicle-details__items-item--text {
            opacity: 0
        }

        .vehicle-details__items-item:hover .vehicle-details__items-item--arrow img {
            filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2%) hue-rotate(319deg) brightness(107%) contrast(101%)
        }

.vehicle-details__items-item--arrow {
    position: absolute;
    top: 0;
    right: 25px;
    display: flex;
    bottom: 0;
    justify-content: center;
    align-items: center
}

    .vehicle-details__items-item--arrow img {
        filter: brightness(0) saturate(100%) invert(21%) sepia(100%) saturate(2334%) hue-rotate(336deg) brightness(76%) contrast(131%)
    }

.vehicle-details__items-item--brand {
    position: absolute;
    right: 0rem;
    top: -1px;
    transform: translate3d(0, 0, 0);
    transition: transform .4s ease;
    opacity: 0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.vehicle-details__items-item--headline h3 {
    font-size: 34px;
    padding: 0
}

.vehicle-details__items-item--text {
    margin-top: .625rem
}

@keyframes hoverAnimation {
    0% {
        transform: translate3d(0, -10px, 0);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.highlights__wrapper {
    padding: 1.875rem 7.14286% 2.5rem;
    background-color: #fff;
    overflow: hidden;
    position: relative
}

    .highlights__wrapper .slick-slider {
        position: unset
    }

    .highlights__wrapper .slick-disabled {
        display: none !important
    }

    .highlights__wrapper .slick-prev {
        left: 0
    }

        .highlights__wrapper .slick-prev:before {
            content: ""
        }

    .highlights__wrapper .slick-prev, .highlights__wrapper .slick-next {
        top: 35%;
        width: 50px;
        height: 50px;
        background-color: #fff;
        color: #000;
        box-shadow: 0 0 .4375rem rgba(0,0,0,.15)
    }

        .highlights__wrapper .slick-prev:before, .highlights__wrapper .slick-next:before {
            color: #000;
            font-family: "Font Awesome 6 Free";
            font-weight: 600
        }

        .highlights__wrapper .slick-prev:hover, .highlights__wrapper .slick-next:hover {
            background-color: #d5001c
        }

            .highlights__wrapper .slick-prev:hover::before, .highlights__wrapper .slick-next:hover::before {
                color: #fff
            }

        .highlights__wrapper .slick-prev::after, .highlights__wrapper .slick-next::after {
            font-size: 11px !important
        }

    .highlights__wrapper .slick-next {
        right: 0
    }

        .highlights__wrapper .slick-next:before {
            content: ""
        }

.highlights__headline {
    font-weight: 600;
    font-size: 40px;
    line-height: 32px;
    margin-bottom: 1.5rem;
    color: #000
}

.highlights__imageSlider {
    margin-bottom: 1.25rem
}

    .highlights__imageSlider .swiper-slide img {
        height: 100%;
        width: 100%
    }

    .highlights__imageSlider .slick-dots {
        bottom: .75rem;
        left: 0;
        z-index: 99
    }

        .highlights__imageSlider .slick-dots li {
            margin: 0
        }

            .highlights__imageSlider .slick-dots li.slick-active button {
                background-color: #d5001c
            }

            .highlights__imageSlider .slick-dots li button {
                display: inline-block;
                vertical-align: top;
                height: 10px;
                width: 10px;
                border-radius: 5px;
                margin: 5px;
                padding: 0;
                transition: height .3s,width .3s,border-radius .3s,margin .3s;
                background-color: #313639;
                border: 1px solid #fff
            }

                .highlights__imageSlider .slick-dots li button::before {
                    content: ""
                }

.highlights__textSlider .slick-dotted.slick-slider {
    margin-bottom: 0
}

.highlights__textSlider .slider-nav .slick-list {
    overflow: visible
}

.highlights__textSlider .slider-nav .slick-slide {
    cursor: pointer
}

.highlights__textSlider-box {
    cursor: pointer;
    height: auto;
    flex-shrink: 0;
    padding: 20px 25px;
    outline: 0;
    min-height: 1px;
    overflow: hidden;
    transition-property: transform,box-shadow;
    transition-duration: .1s;
    transition-timing-function: linear
}

    .highlights__textSlider-box.is-active {
        box-shadow: 0 0 50px -20px rgba(0,0,0,.7);
        transform: translateY(-40px);
        background-color: #fff
    }

    .highlights__textSlider-box h4 {
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        margin-top: 0;
        margin-bottom: 0
    }

    .highlights__textSlider-box p {
        margin: 1rem 0 4rem
    }

.viewer-360__head {
    padding: 1.875rem 7.14286% 1.25rem 7.14286%;
    width: 100%
}

.viewer-360__head-wrapper {
    margin-bottom: 3.75rem
}

    .viewer-360__head-wrapper h3 {
        width: 100%;
        color: #959899;
        font-size: 16px;
        line-height: 24px;
        font-weight: normal;
        margin-bottom: 4px
    }

.viewer-360__head-values {
    display: flex;
    align-items: center;
    gap: 1rem
}

.viewer-360__head-values--item {
    display: flex;
    align-items: center;
    margin-bottom: .5rem
}

    .viewer-360__head-values--item .icon-area {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border-style: solid;
        border-color: #000;
        border-width: 1px;
        display: flex;
        align-self: center;
        align-items: center;
        justify-content: center;
        font-style: normal
    }

    .viewer-360__head-values--item .info {
        line-height: 1;
        margin-left: .375rem
    }

        .viewer-360__head-values--item .info p {
            color: #000;
            font-size: 16px
        }

        .viewer-360__head-values--item .info span {
            color: #000;
            font-size: 10px
        }

.viewer-360__head-tabs h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px
}

.viewer-360__head-tabs .nav {
    display: flex;
    align-items: center;
    border: none;
    list-style-type: none;
    margin-top: 1rem;
    gap: 1.875rem
}

.viewer-360__head-tabs .nav-link {
    width: auto;
    font-weight: 700;
    font-size: 1rem;
    color: #000;
    padding: 0;
    padding-bottom: 4px
}

    .viewer-360__head-tabs .nav-link:hover {
        border-color: rgba(0,0,0,0);
        border-bottom: 3px solid #d5001c
    }

    .viewer-360__head-tabs .nav-link.active {
        border-color: #fff;
        position: relative;
        border-bottom: 3px solid #d5001c;
        color: #000
    }

.viewer-360__tabContent-view360 {
    position: relative
}

.viewer-360__tabContent-view360--icon {
    height: 100%;
    width: 100%;
    z-index: 10;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

    .viewer-360__tabContent-view360--icon img {
        width: 100%;
        display: block;
        position: relative;
        height: auto;
        max-width: 100%;
        transition: .3s ease-in-out
    }

    .viewer-360__tabContent-view360--icon:hover img {
        transform: scale(1.02)
    }

    .viewer-360__tabContent-view360--icon:hover .icon-image-inner {
        background-color: #d5001c
    }

    .viewer-360__tabContent-view360--icon .icon-image {
        position: absolute;
        z-index: 2;
        height: 100%;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .viewer-360__tabContent-view360--icon .icon-image-inner {
        width: 104px;
        height: 104px;
        border-radius: 50%;
        opacity: .9;
        background-color: rgba(0,0,0,.8);
        box-shadow: 1px 1px 20px 0 rgba(0,0,0,.5);
        border-radius: 50%;
        transition: .3s ease-in-out;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        opacity: .9
    }

        .viewer-360__tabContent-view360--icon .icon-image-inner img {
            filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(2554%) hue-rotate(196deg) brightness(105%) contrast(104%);
            width: 70px;
            height: 70px;
            font-weight: 300
        }

    .viewer-360__tabContent-view360--icon #overlay {
        position: absolute;
        top: 0;
        z-index: 100;
        width: 100%;
        height: 100%;
        display: none;
        background: rgba(0,0,0,.6)
    }

        .viewer-360__tabContent-view360--icon #overlay .cv-spinner {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .viewer-360__tabContent-view360--icon #overlay .cv-spinner .spinner {
                width: 40px;
                height: 40px;
                border: 4px #ddd solid;
                border-top: 4px #2e93e6 solid;
                border-radius: 50%;
                animation: sp-anime .8s infinite linear
            }

@keyframes sp-anime {
    100% {
        transform: rotate(360deg)
    }
}

.viewer-360__tabContent-view360--inner .inner-close {
    display: none
}

.viewer-360__tabContent-view360 canvas {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 9;
    display: none
}

.models-data.model-cayenne .nav-tabs {
    display: none
}

.models-data.model-cayenne .swiper.models-data-swiper {
    padding-top: 0
}

.models-data__wrapper {
    padding-top: 1.875rem
}

    .models-data__wrapper .swiper {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
        display: block
    }

        .models-data__wrapper .swiper.models-data-swiper {
            padding-left: 1rem;
            padding-bottom: 3rem;
            padding-top: 1.875rem
        }

    .models-data__wrapper .swiper-wrapper .active-card {
        z-index: -1;
        width: 573px;
        max-width: 573px;
        box-shadow: 10px 10px 30px 0 #c8cacb;
        display: inline-block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        transition: width .3s ease,left .3s ease
    }


    .models-data__wrapper .swiper-slide {
        transition: transform .3s ease
    }

    .models-data__wrapper .swiper-slide-active .models-data__card .models-data__card-header--name span {
        background-size: 100% 2.5px
    }

    .models-data__wrapper .swiper-button-next, .models-data__wrapper .swiper-button-prev {
        width: 50px;
        height: 50px;
        background-color: #fff;
        transform: translateY(-50%);
        top: 50%;
        background-size: 45%;
        background-position: center 50%;
        box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
        color: #191f22;
        display: inline-block;
        font-size: 20px;
        padding: 15px
    }

        .models-data__wrapper .swiper-button-next::after, .models-data__wrapper .swiper-button-prev::after {
            font-size: 11px !important;
            content: ""
        }

        .models-data__wrapper .swiper-button-next:hover, .models-data__wrapper .swiper-button-prev:hover {
            background-color: #d5001c
        }

    .models-data__wrapper .swiper-button-next {
        right: 0;
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z"/></svg>');
        background-repeat: no-repeat
    }

        .models-data__wrapper .swiper-button-next:hover {
            background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z" fill="white" /></svg>')
        }

    .models-data__wrapper .swiper-button-prev {
        left: 0;
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z"/></svg>');
        background-repeat: no-repeat
    }

        .models-data__wrapper .swiper-button-prev:hover {
            background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z" fill="white" /></svg>')
        }

    .models-data__wrapper .swiper-button-disabled {
        display: none
    }

    .models-data__wrapper .swiper-pagination {
        bottom: 0;
        right: 0;
        left: 0
    }

    .models-data__wrapper .swiper-pagination-bullet {
        opacity: 1;
        background: #313639;
        margin: 0 5px;
        position: relative;
        transition: left 300ms,transform 300ms;
        width: 10px !important;
        height: 10px !important;
        display: inline-block;
        border-radius: 100%;
        border: 1px solid #fff
    }

    .models-data__wrapper .swiper-pagination-bullet-active {
        background: #d5001c;
        outline-width: 2px;
        outline-style: solid;
        outline-offset: 1px;
        outline-color: #00d5b9
    }

    .models-data__wrapper .tab-content {
        position: relative
    }

.models-data__header {
    padding-left: 7.14286%;
    padding-right: 7.14286%
}

    .models-data__header h1 {
        font-weight: 600;
        font-size: 40px;
        line-height: 48px;
        color: #000;
        margin-bottom: 2.75rem
    }

    .models-data__header .nav {
        border: none;
        position: relative;
        gap: .5rem
    }

        .models-data__header .nav .slider {
            visibility: hidden;
            display: inline-block;
            width: 30px;
            height: 2px;
            border-radius: 3px;
            background-color: #d5001c;
            position: absolute;
            top: 1.5625rem;
            transition: all .4s linear
        }

    .models-data__header .nav-item {
        width: auto;
        margin: 0
    }

    .models-data__header .nav-link {
        border: none;
        width: -moz-fit-content;
        width: fit-content;
        text-decoration: none;
        box-sizing: border-box;
        height: 50px;
        border: 1px solid #313639;
        color: #000;
        border-radius: 0;
        padding: 13px 20px;
        white-space: nowrap;
        cursor: pointer;
        font-size: 16px;
        line-height: 24px
    }

        .models-data__header .nav-link:hover {
            background-color: #d5001c;
            color: #fff
        }

        .models-data__header .nav-link.active {
            background-color: #d5001c;
            color: #fff;
            font-weight: 600;
            position: relative
        }

.models-data-swiper .swiper-slide {
    padding: 1.375rem 2rem 1.875rem;
}

.models-data__card {
    min-height: 386px;
    display: flex;
    flex-direction: column;
    color: #000;
    cursor: pointer;
    outline: none;
    position: relative;
    white-space: normal;
    height: 100%
}

    .models-data__card:hover .models-data__card-header--name span {
        background-size: 100% 2.5px
    }

.models-data__card-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.models-data__card-header--name p {
    font-size: 26px;
    text-align: left;
    margin-bottom: 6px;
    font-weight: bold
}

.models-data__card-header--name span {
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    text-decoration: none;
    display: inline;
    padding-bottom: 10px;
    transition: all .35s linear;
    background: linear-gradient(to bottom, #d5001c 0%, #d5001c 98%);
    background-size: 0px 2px;
    background-repeat: no-repeat;
    background-position: left 100%
}

.models-data__card-header--image img {
    width: 196px
}

.models-data__card-values {
    margin-top: 3.75rem;
    margin-bottom: 1.25rem
}

.models-data__card-values--wrapper {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap
}

.models-data__card-values--title {
    color: #959899;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
    font-weight: normal
}

.models-data__card-values--item {
    display: flex;
    align-items: center
}

.models-data__card filter__consumEmission .models-data__card-values--item {
    flex-wrap: wrap;
}

.models-data__card-values--item .icon-area {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border-style: solid;
    border-color: #000;
    border-width: 1px;
    display: flex;
    align-self: center;
    align-items: center;
    justify-content: center;
    font-style: normal
}

.models-data__card-values--item .info {
    line-height: 1;
    margin-left: .375rem
}

    .models-data__card-values--item .info p {
        color: #000;
        font-size: 16px
    }

    .models-data__card-values--item .info span {
        color: #000;
        font-size: 10px
    }

.models-data__card-specs {
    border-top: 1px solid #e3e4e4;
    flex-direction: column
}

    .models-data__card-specs .row {
        align-items: center
    }

        .models-data__card-specs .row:not(:last-child) {
            border-bottom: 1px solid #e3e4e4
        }

.models-data__card-specs--item {
    padding: 6px 0
}

    .models-data__card-specs--item p {
        font-weight: bold;
        font-size: 20px;
        line-height: 28px
    }

    .models-data__card-specs--item span {
        display: block;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px
    }

.models-data__card-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 1.875rem;
    gap: 5px;
    flex-wrap: wrap;
    display: none;
}

.models-data__card-buttons--item {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    background: none;
    border: 1px solid #313639;
    cursor: pointer;
    padding: .75rem 1.25rem;
    text-decoration: inherit;
    transition: background-color .24s,color .24s,border-color .24s;
    font-size: 16px;
    color: #313639;
    gap: .5rem
}

    .models-data__card-buttons--item i {
        font-size: 1em
    }

    .models-data__card-buttons--item:hover {
        border-color: #d5001c;
        background-color: rgba(0,0,0,0);
        color: #d5001c
    }

.info-section {
    background-color: #eff0f1;
    position: relative;
    margin-top: 4rem
}

.info-section__right {
    display: flex;
    align-items: center;
    justify-content: center
}

.info-section__item {
    position: relative;
    max-width: 372px;
    width: 100%
}

.info-section__item-title {
    color: #000;
    margin-bottom: 1.25rem
}

.info-section__item-button {
    display: inline-block;
    padding: 13px 20px;
    background-color: #313639;
    color: #fff;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: none
}

    .info-section__item-button:hover {
        background-color: #d5001c;
        color: #fff
    }

    .info-section__item-button img {
        margin-right: .5rem;
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(140deg) brightness(101%) contrast(101%);
        width: 1.25rem;
        height: 1.25rem
    }

.gallery-section {
    margin: 2rem 0 0
}

    .gallery-section.model-cayenne {
        z-index: 10001;
        position: relative;
        background-color: #fff
    }

.gallery-section__title {
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    padding: 0 7.14286%;
    margin-bottom: 2rem
}

.gallery-section__wrapper main {
    position: relative
}

.gallery-section__inner {
    display: grid;
    grid-template-columns: 2fr 2fr
}

.gallery-section__inner-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

.gallery-section__inner-card--image {
    background: #fff;
    display: block;
    padding-top: 54%;
    position: relative;
    width: 100%;
    cursor: pointer;
}

    .gallery-section__inner-card--image img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .gallery-section__inner-card--image:hover .dealer-name::before {
        zoom: 1;
        opacity: 1;
        visibility: visible;
        background-color: rgba(25, 31, 34, .9);
    }

    .gallery-section__inner-card--image:hover .dealer-name > p {
        display: inline-block;
    }

    .gallery-section__inner-card--image .dealer-name {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        z-index: 98;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
    }

        .gallery-section__inner-card--image .dealer-name::before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: '';
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.4s linear, visibility 0.4s linear, background-color 0.4s linear;
        }

        .gallery-section__inner-card--image .dealer-name.small {
            padding-top: 2rem;
            align-items: flex-start;
        }

            .gallery-section__inner-card--image .dealer-name.small > p {
                width: 82%;
            }

        .gallery-section__inner-card--image .dealer-name > p {
            display: none;
            width: 65%;
            color: #fff;
            vertical-align: middle;
            font-weight: 100;
            font-size: 20px;
            line-height: 28px;
            z-index: 99;
        }

.module-gridInfo__wrapper {
    position: relative;
    overflow: hidden
}

    .module-gridInfo__wrapper::after {
        background: linear-gradient(to right, #000 15%, rgba(255, 255, 255, 0) 80%);
        bottom: 0;
        content: "";
        left: 0;
        opacity: 1;
        position: absolute;
        right: 0;
        top: 0
    }

    .module-gridInfo__wrapper > img {
        height: auto;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        -o-object-position: right top;
        object-position: right top;
        -o-object-fit: cover;
        object-fit: cover
    }

.module-gridInfo__items {
    background: rgba(0,0,0,0);
    padding: 1.875rem 7.14286% 2.5rem;
    color: #fff;
    z-index: 99;
    position: relative
}

.module-gridInfo__items-headline {
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    margin-bottom: 1.5rem;
    text-transform: capitalize
}

.module-gridInfo__items-group {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
    min-height: 1px;
    max-width: 50%;
    min-width: auto;
    width: 100%
}

.module-gridInfo__items-button {
    margin-top: 1.5rem;
    display: inline-block;
    padding: 13px 20px;
    background-color: #313639;
    color: #fff;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: none
}

    .module-gridInfo__items-button:hover {
        background-color: #d5001c;
        color: #fff
    }

    .module-gridInfo__items-button img {
        margin-right: .5rem;
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(140deg) brightness(101%) contrast(101%);
        width: 1.25rem;
        height: 1.25rem
    }

.tabslider-module__wrapper {
    position: relative;
    min-height: 720px;
    height: 100vh;
    padding: 1.875rem 0;
    overflow: hidden
}

    .tabslider-module__wrapper .nav {
        position: absolute;
        width: 100%;
        padding: 0 7.14286%;
        min-height: 30px;
        gap: 2.5rem
    }

    .tabslider-module__wrapper .nav-item:hover .nav-link {
        background-size: 100% 2.5px
    }

    .tabslider-module__wrapper .nav-link {
        white-space: nowrap;
        flex-shrink: 0;
        cursor: pointer;
        padding: 0;
        border-radius: 0;
        font-size: 18px;
        line-height: 35px;
        font-weight: bold;
        color: #fff;
        transition: all .35s linear;
        background: linear-gradient(to bottom, #d5001c 0%, #d5001c 98%);
        background-size: 0px 2px;
        background-repeat: no-repeat;
        background-position: left 100%
    }

        .tabslider-module__wrapper .nav-link.active {
            background-color: unset;
            background-size: 100% 2.5px
        }

    .tabslider-module__wrapper .module-container {
        background-color: rgba(0,0,0,0);
        height: 100vh
    }

.tabslider-module__image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden
}

    .tabslider-module__image > img {
        min-height: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

.tabslider-module__content {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.tabslider-module__content-text {
    max-width: 425px;
    width: 100%;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    background: rgba(0,0,0,.3);
    box-shadow: 0 0 90px 100px rgba(0,0,0,.3)
}

.tabslider-module__datas {
    max-width: 350px;
    width: 100%;
    color: #fff
}

.tabslider-module__datas-model {
    color: #959899;
    margin-bottom: 4px;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px
}

.tabslider-module__datas-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: .625rem;
    cursor: pointer
}

.tabslider-module__datas-item--group {
    display: flex;
    align-items: center;
    margin-bottom: .5rem
}

    .tabslider-module__datas-item--group:not(:last-child) {
        margin-right: 1rem
    }

    .tabslider-module__datas-item--group .icon-area {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border-style: solid;
        border-color: inherit;
        border-width: 1px;
        display: -ms-flexbox;
        margin-right: .25rem;
        border-color: #fff;
        display: flex;
        align-self: center;
        align-items: center;
        justify-content: center;
        font-style: normal
    }

        .tabslider-module__datas-item--group .icon-area > img {
            filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(49deg) brightness(101%) contrast(101%)
        }

    .tabslider-module__datas-item--group .text-area p:last-child {
        font-size: 10px;
        line-height: 16px;
        white-space: nowrap
    }

.tabslider-module__datas-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 1rem
}

.static-page p {
    margin-bottom: 1rem
}

.static-page .static-page-popup {
    margin-bottom: 1rem;
    display: block
}

.static-page ul {
    margin-bottom: 1rem;
    padding-left: 1.25rem;
}

.normalTable table {
    width: 100%
}

    .normalTable table thead {
        height: 3.07143em;
        color: #fff;
        background-color: gray
    }

        .normalTable table thead tr th {
            padding: 1rem
        }

    .normalTable table tr td {
        background-color: #fff;
        border-bottom: 1px dashed #ccc;
        padding: 1rem
    }

.cookiePolicy {
    max-width: 862px;
    margin: 0 auto;
    padding-bottom: 5rem
}

    .cookiePolicy h1 {
        font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        margin: 3rem 0;
        text-align: center
    }

.cookiePolicy__Acordion__detail {
    display: flex;
    align-items: center;
    margin-top: 1rem
}

    .cookiePolicy__Acordion__detail a {
        font: 400 1rem/calc(2.125ex + 6px) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
        color: #010205;
        text-align: start;
        letter-spacing: normal;
        list-style-type: none;
        white-space: inherit;
        font-weight: 700
    }

        .cookiePolicy__Acordion__detail a span {
            width: 100%;
            display: block;
            font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif
        }

    .cookiePolicy__Acordion__detail input {
        height: 30px;
        width: 30px;
        margin-right: .5rem;
        margin-top: .5rem;
        margin-bottom: .5rem
    }

        .cookiePolicy__Acordion__detail input:checked {
            border-color: #010205 !important;
            background-color: #010205 !important
        }

.cookiePolicy__Acordion .accordion-item {
    border: none
}

    .cookiePolicy__Acordion .accordion-item h2 {
        display: flex;
        align-items: center
    }

        .cookiePolicy__Acordion .accordion-item h2 button {
            padding: .5rem;
            box-shadow: none;
            background: none;
            font: 400 1rem/calc(2.125ex + 6px) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
            overflow-wrap: break-word;
            -webkit-hyphens: auto;
            hyphens: auto;
            color: #010205;
            text-align: start;
            letter-spacing: normal;
            list-style-type: none;
            white-space: inherit
        }

            .cookiePolicy__Acordion .accordion-item h2 button svg {
                margin-left: 1rem
            }

        .cookiePolicy__Acordion .accordion-item h2 input:checked {
            border-color: #010205 !important;
            background-color: #010205 !important
        }

.modal-view__close {
    position: fixed;
    top: 1.875rem;
    right: 3rem;
    z-index: 999;
    min-width: 54px;
    min-height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 5px 5px 5px -2.5px rgba(0,0,0,.2);
    background-color: #fff;
    line-height: 34px;
    color: #010205;
    border: 2px solid #fbfcff;
    border-radius: 4px;
    cursor: pointer
}

    .modal-view__close:hover {
        background-color: #afb0b3;
        border-color: #afb0b3
    }

.modal-view__wrapper {
    position: relative
}

    .modal-view__wrapper > img {
        height: 100vh;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.modal-view__content {
    position: absolute;
    bottom: 0;
    max-width: 1167px;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    right: 0;
    left: 0;
    z-index: 3
}

.modal-view__text {
    max-width: 550px;
    width: 100%;
    color: #fff;
    padding-bottom: 1rem
}

.modal-view__text-title {
    font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
    margin-bottom: 1rem
}

.modal-view__text-desc {
    font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
    overflow-wrap: break-word
}

.modal-view .gradient-box {
    position: absolute;
    height: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(to top, #010205, rgba(1, 2, 5, 0.9882352941) 3.4%, rgba(1, 2, 5, 0.9529411765) 7.9%, rgba(1, 2, 5, 0.8941176471) 13.4%, rgba(1, 2, 5, 0.8235294118) 19.7%, rgba(1, 2, 5, 0.7411764706) 26.6%, rgba(1, 2, 5, 0.6470588235) 34%, rgba(1, 2, 5, 0.5490196078) 41.9%, rgba(1, 2, 5, 0.4509803922) 49.9%, rgba(1, 2, 5, 0.3529411765), rgba(1, 2, 5, 0.2588235294) 66.1%, rgba(1, 2, 5, 0.1764705882) 73.9%, rgba(1, 2, 5, 0.1058823529) 81.3%, rgba(1, 2, 5, 0.0470588235) 88.3%, rgba(1, 2, 5, 0.0117647059) 94.5%, rgba(1, 2, 5, 0))
}

.custom-hotspot {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #fff;
    animation: hotspot 2.5s .35s ease-out infinite
}

    .custom-hotspot::before {
        content: "+";
        font-family: "Font Awesome 6 free",sans-serif;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        font-size: 15px;
        color: rgba(0,0,0,.4)
    }

    .custom-hotspot > span {
        display: none
    }

    .custom-hotspot:hover {
        cursor: pointer
    }

@keyframes hotspot {
    0% {
        box-shadow: 0 0 0 0 #fff,0 0 4px 2px rgba(0,0,0,.4)
    }

    100% {
        box-shadow: 0 0 0 10px rgba(255,147,223,0),0 0 4px 2px rgba(0,0,0,.4)
    }
}

.technical-data__wrapper {
    position: relative;
    margin-top: 1.25rem;
    display: none;
}

.technical-data__head {
    background-color: #eff0f1
}

.technical-data__head-title {
    font-size: 48px;
    line-height: 54px
}

.technical-data__head-info {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    gap: 1.25rem;
    margin-top: 1.25rem;
    height: 80px
}

.technical-data__head-info--item {
    display: flex;
    flex-direction: column;
    height: 100%
}

    .technical-data__head-info--item:not(:last-child) {
        padding-right: 1.25rem;
        border-right: 1px solid #e3e4e4
    }

    .technical-data__head-info--item p {
        font-size: 18px;
        line-height: 26px;
        font-weight: 700;
    }

    .technical-data__head-info--item span {
        font-size: 10px;
        line-height: 16px
    }

.technical-data__body .accordion-body {
    padding: 0 0 2.5rem
}

    .technical-data__body .accordion-body .acc-content {
        max-width: 540px;
        width: 100%
    }

        .technical-data__body .accordion-body .acc-content .row {
            border-bottom: 1px solid #e3e4e4
        }

            .technical-data__body .accordion-body .acc-content .row [class*=col-] {
                padding: .8125rem 1.25rem .8125rem 0
            }

            .technical-data__body .accordion-body .acc-content .row .second-col {
                font-size: 20px;
                line-height: 28px;
                font-weight: 600
            }

.technical-data__body .accordion-item {
    border: none;
    border-bottom: 1px solid #e3e4e4;
    padding: 0
}

    .technical-data__body .accordion-item #acc-head-zero button {
        font-size: 34px;
        line-height: 40px;
        cursor: text
    }

        .technical-data__body .accordion-item #acc-head-zero button::after {
            background-image: none
        }

        .technical-data__body .accordion-item #acc-head-zero button:focus {
            outline: 0
        }

        .technical-data__body .accordion-item #acc-head-zero button:hover {
            color: #000
        }

.technical-data__body .accordion-button {
    padding: 1rem 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600
}

    .technical-data__body .accordion-button::after {
        background-image: url("/img/arrow-head-down.svg");
        transition: transform .3s linear
    }

    .technical-data__body .accordion-button:hover {
        color: #d5001c
    }

    .technical-data__body .accordion-button:focus {
        box-shadow: none;
        outline-width: 2px;
        outline-style: solid;
        outline-offset: 1px;
        outline-color: #00d5b9;
        border-color: inherit
    }

    .technical-data__body .accordion-button:not(.collapsed) {
        background-color: rgba(0,0,0,0);
        box-shadow: none;
        color: #000
    }

        .technical-data__body .accordion-button:not(.collapsed):hover {
            color: #d5001c
        }

.technical-data__body-vehicle {
    margin-top: 30px;
    height: 100%;
    position: relative
}

    .technical-data__body-vehicle .sticky-container {
        position: sticky;
        top: 60px;
        display: flex;
        flex-direction: column
    }

.technical-data__body-vehicle--img {
    overflow: hidden;
    padding: 10% 0
}

    .technical-data__body-vehicle--img img {
        width: 100%;
        height: 100%;
        transform: scale(1.2)
    }

.technical-data__body-vehicle .technical-data__body-vehicle--top {
    display: flex;
    align-items: center;
    gap: 7rem;
    padding-left: 4rem;
    margin-bottom: 2rem
}

.technical-data__body-vehicle .data-item p {
    color: #626669
}

.technical-data__body-vehicle .data-item span {
    font-size: 20px;
    line-height: 28px;
    font-weight: bold
}

.technical-data__body-vehicle .technical-data__body-vehicle--center {
    position: absolute;
    top: 55%
}

    .technical-data__body-vehicle .technical-data__body-vehicle--center.right {
        right: 0
    }

.technical-data__body-btn {
    display: flex;
    align-items: center;
    margin-top: 3.75rem;
    gap: .625rem
}

    .technical-data__body-btn > a {
        gap: .625rem
    }

        .technical-data__body-btn > a > i.fa-solid {
            font-size: 1rem
        }

.technical-data__head, .technical-data__body {
    position: relative;
    z-index: 2
}

.technical-data__close {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0)
}

    .technical-data__close .close-button {
        position: sticky;
        top: 90px;
        margin-left: auto
    }

.slider-left-radius {
    border-radius: 20px 0px 0px 20px;
    overflow: hidden;
    padding: 0px;
    height: 100%;
}

.slider-right-radius {
    border-radius: 0px 20px 20px 0px;
    overflow: hidden;
    padding: 0px;
}

.slider-video-text {
    align-content: flex-end;
    margin-bottom: 2rem;
}

.slider-top-radius img {
    border-radius: 20px 20px 0px 0px;
}

.slider-top-radius video {
    border-radius: 20px 20px 0px 0px;
}

.intro-section__video {
    position: relative;
    display: inline-block;
    max-width: 100%;
    width: 100%;
    height: auto
}

.intro-section__video-thumbnail {
    width: 100%;
    display: block
}

.intro-section__video-frame {
    display: none;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

    .intro-section__video-frame iframe {
        width: 100%;
        height: 100%
    }

.intro-section__video-play {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    cursor: pointer;
    background-color: rgba(255,255,255,.8);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 35px
}

    .intro-section__video-play:hover {
        background-color: #d5001c;
        color: #313639
    }

.intro-section__image {
    position: relative;
    overflow: hidden
}

    .intro-section__image > img {
        width: 100%
    }

.intro-section__image-gradient {
    height: 38%;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: flex-end;
    background: linear-gradient(to top, rgba(31, 31, 31, 0.9019607843), rgba(31, 31, 31, 0.9019607843) 20%, rgba(31, 31, 31, 0.8509803922), rgba(32, 32, 32, 0.768627451), rgba(33, 33, 33, 0.6666666667), rgba(34, 34, 34, 0.5568627451), rgba(35, 35, 35, 0.4431372549), rgba(36, 36, 36, 0.3333333333), rgba(37, 37, 37, 0.231372549), rgba(38, 38, 38, 0.1490196078), rgba(39, 39, 39, 0.0823529412), rgba(39, 39, 39, 0.0352941176), rgba(39, 39, 39, 0.0078431373), rgba(39, 39, 39, 0))
}

    .intro-section__image-gradient h1 {
        max-width: 1219px;
        width: 100%;
        margin: 0 auto;
        color: #fbfcff;
        padding: clamp(48px,3vw + 38px,96px) 0 clamp(32px,2.75vw + 23px,76px);
        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;
        font-weight: 400
    }

.intro-section__text {
    max-width: 85%;
    width: 100%;
    position: absolute;
    bottom: 2.85714em;
    right: 7.14286%;
    left: 7.14286%;
    color: #fff;
    font-weight: 600
}

    .intro-section__text h1 {
        line-height: 54px;
        font-size: 48px
    }

    .intro-section__text span {
        line-height: 34px;
        font-size: 26px
    }

.intro-modal .module-container__inner-group {
    max-width: 800px;
    width: 100%
}

.intro-modal .popup-Swiper > .row {
    margin-top: 4rem
}

    .intro-modal .popup-Swiper > .row > h2 {
        font-weight: 600;
        font-size: 48px;
        margin-bottom: 2rem
    }

.intro-modal .popup-Swiper .swiper-slide {
    padding-left: 5px;
    padding-right: 5px;
    flex: 0 0 auto;
    width: 33.33333333%
}

.intro-modal .popup-Swiper .popupSwiper-cards {
    padding-top: 2rem
}

.intro-modal .popup-Swiper .popupNewSlider {
    min-height: 427px;
    max-height: unset;
    height: 100%
}

.intro-modal .popup-Swiper .popupNewSlider__box {
    padding: 20px 16px 10px 16px
}

.intro-modal .porscheModal {
    position: relative
}

    .intro-modal .porscheModal h2 {
        margin-bottom: 1.75rem
    }

    .intro-modal .porscheModal .swiper-button-next {
        right: 0
    }

    .intro-modal .porscheModal .swiper-button-prev {
        left: 1.75rem
    }

    .intro-modal .porscheModal .swiper-button-prev, .intro-modal .porscheModal .swiper-button-next {
        transform: translate(-50%, 50%)
    }

        .intro-modal .porscheModal .swiper-button-prev.swiper-button-disabled, .intro-modal .porscheModal .swiper-button-next.swiper-button-disabled {
            display: none
        }

.intro-modal .gallerySwiper .swiper-wrapper {
    margin: 0
}

.intro-modal .gallerySwiper .swiper-slide:nth-child(1),
.e-performance .gallerySwiper .swiper-slide:nth-child(1) {
    margin: 0
}

.intro-modal .gallerySwiper .swiper-pagination {
    bottom: 0
}

.intro-modal .tabslider-module__content {
    z-index: 10;
    position: relative
}

.intro-modal .tabslider-module__wrapper h1 {
    padding: 0 7.14286%;
    line-height: 54px;
    font-size: 48px;
    margin-bottom: 25px
}

.intro-modal .tabslider-module__wrapper .nav {
    z-index: 11
}

.intro-modal .tabslider-module__image {
    z-index: 1
}

.intro-modal .module-container .module-values__title {
    margin-top: .5rem
}

.intro-modal .module-container .module-values__inner {
    flex-wrap: wrap;
    row-gap: 1rem;
    margin-bottom: .75rem
}

.intro-modal .highlights__textSlider-box p {
    margin: 0
}

.intro-modal .info-section {
    background-color: #fff
}

.intro-modal .info-section__item {
    max-width: 450px
}

.intro-modal .info-section h2 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 600
}

.intro-modal .module-gridInfo__items-headline {
    margin-bottom: 1rem
}

.intro-modal .module-gridInfo__items.modal-end {
    color: #212529
}

.intro .announcement-module__wrapper {
    padding-left: 7.14286%
}

.intro .announcement-module__left {
    justify-content: flex-start
}

.intro .announcement-module__left-content {
    max-width: 430px;
    width: 100%
}

.part-page {
    height: calc(100vh - 5.25rem)
}

    .part-page .intro-section__video {
        height: 100%
    }

        .part-page .intro-section__video .video-js {
            padding-bottom: unset
        }

.page-module__intro {
    margin: 0 auto;
    max-width: 861px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: clamp(48px,3vw + 38px,96px)
}

    .page-module__intro h2, .page-module__intro p {
        padding-left: 5rem;
        padding-right: 5rem
    }

.page-module__textMedia {
    max-width: 1040px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: clamp(32px,2.75vw + 23px,76px)
}

    .page-module__textMedia .row .text-list {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

        .page-module__textMedia .row .text-list.right {
            padding-left: calc(clamp(32px,2.75vw + 23px,76px) - clamp(16px,1.25vw + 12px,36px))
        }

            .page-module__textMedia .row .text-list.right ul {
                margin-top: 1.5rem
            }

        .page-module__textMedia .row .text-list.left {
            padding-right: calc(clamp(32px,2.75vw + 23px,76px) - clamp(16px,1.25vw + 12px,36px))
        }

        .page-module__textMedia .row .text-list ul {
            list-style-type: square
        }

            .page-module__textMedia .row .text-list ul li::marker {
                font-size: 10px
            }

        .page-module__textMedia .row .text-list ul, .page-module__textMedia .row .text-list li {
            padding-left: 1rem
        }

        .page-module__textMedia .row .text-list p {
            margin-top: 2rem
        }

.page-module__textMedia-media {
    overflow: hidden;
    position: relative;
    border-radius: .75rem
}

    .page-module__textMedia-media img {
        aspect-ratio: 1440/1080;
        max-width: 100%;
        display: block;
        height: auto
    }

.page-module__description {
    padding: clamp(48px,3vw + 38px,96px) 0;
    max-width: 683px;
    width: 100%;
    margin: 0 auto
}

    .page-module__description p:not(:last-child) {
        margin-bottom: 1.5rem
    }

.page-module__downloads {
    max-width: 861px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: clamp(32px,2.75vw + 23px,76px)
}

.page-module__downloads-item {
    padding: 1rem;
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 8px;
    background-color: #eeeff2;
    color: #010205;
    position: relative;
    transition: background var(--pcom-motion-duration-short) ease;
    min-height: 74px;
    box-sizing: border-box;
    border-radius: 8px
}

    .page-module__downloads-item:hover {
        background-color: #d8d8db
    }

.page-module__downloads-item--text {
    display: block;
    width: 100%;
    color: #010205;
    text-align: start
}

    .page-module__downloads-item--text .main-text, .page-module__downloads-item--text .sub-text {
        display: block
    }

    .page-module__downloads-item--text .main-text {
        white-space: nowrap;
        max-width: 100%;
        overflow: hidden;
        font: 600 1rem/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif
    }

.infoBar__black {
    color: #000;
    font-size: 60px !important;
    font-weight: 100 !important;
    line-height: 72px !important;
}

.page-module__intros {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 40px;
    padding-top: 30px;
}

    .page-module__intros p {
        line-height: 36px;
        font-size: 28px;
        font-weight: 100;
        width: 800px;
        margin-left: -12rem;
    }

.page-module__intros__image {
    overflow: hidden;
    position: relative;
}

    .page-module__intros__image img {
        width: 100%;
        object-fit: cover;
    }

.page-module__intros__text {
    padding-left: 37%;
}

    .page-module__intros__text p {
        font-size: 20px;
        line-height: 28px;
    }

.page-module__intros_textMedia {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 40px;
    padding-top: 30px;
}

    .page-module__intros_textMedia p {
        line-height: 28px;
        font-size: 20px;
        font-weight: 100;
        padding: 20px 0;
        width: 800px;
        margin-left: -12rem;
    }

    .page-module__intros_textMedia h4 {
        font-size: 36px;
        line-height: 44px;
        font-weight: 100;
        width: 75%;
        margin: 1rem 0;
    }

        .page-module__intros_textMedia h4 a {
            text-decoration: underline;
        }

            .page-module__intros_textMedia h4 a:hover {
                color: #d5001c;
                text-decoration: none;
            }

.infoBar_container {
    margin: 0 auto;
    max-width: 1000px;
    padding-bottom: clamp(48px, 3vw + 38px, 96px);
}

.infoBar_container_between {
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    height: 45px;
}

.content-info-boxes__item {
    max-width: 1218px;
    width: 100%;
    margin: 0 auto;
    border-radius: .75rem;
    overflow: hidden;
    position: relative;
    margin-top: clamp(48px,3vw + 38px,96px);
    margin-bottom: clamp(32px,2.75vw + 23px,76px)
}

    .content-info-boxes__item img {
        aspect-ratio: 1920/1080;
        width: 100%;
        height: 100%;
        max-width: 100%;
        display: block
    }

.content-info-boxes__item-text {
    background-color: #0e0e12;
    color: #fbfcff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding: clamp(32px,2.75vw + 23px,76px)
}

    .content-info-boxes__item-text h3 {
        font: normal normal 600 clamp(1.42rem, 0.94vw + 1.23rem, 2.37rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif
    }

    .content-info-boxes__item-text p {
        margin-top: clamp(8px,.5vw + 6px,16px)
    }

    .content-info-boxes__item-text a {
        margin-top: clamp(16px,1.25vw + 12px,36px);
        display: flex;
        align-items: flex-start;
        justify-content: center;
        min-width: 54px;
        min-height: 54px;
        box-sizing: border-box;
        text-align: start;
        border: 2px solid #fbfcff;
        border-radius: 4px;
        transform: translate3d(0px, 0px, 0px);
        background-color: #fbfcff;
        color: #010205;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
        transition: background-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1),border-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1),color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1);
        padding: 13px 26px;
        gap: 8px
    }

        .content-info-boxes__item-text a:hover {
            background-color: #afb0b3;
            border-color: #afb0b3
        }

.model-teaser__wrapper .row {
    margin-bottom: 4rem
}

.model-teaser__title {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px
}

.model-teaser__left img {
    width: 100%
}

    .model-teaser__left img:first-child {
        margin-top: 10%
    }

    .model-teaser__left img:last-child {
        padding-left: 17%
    }

.model-teaser__right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.model-teaser__text {
    padding: 0 0 3% 3%
}

    .model-teaser__text h3 {
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        margin: 1em 0
    }

.extended-teaser__slider {
    padding: clamp(48px,3vw + 38px,96px) 0 clamp(32px,2.75vw + 23px,76px);
    background-color: rgba(0,0,0,0)
}

.approved-used__items {
    margin-top: 2rem
}

    .approved-used__items .module-gridInfo__items {
        background: linear-gradient(to right, #eff0f1, #eff0f1 45%, rgba(255, 255, 255, 0));
        color: #000;
        opacity: 1
    }

    .approved-used__items .announcement-module__wrapper .row {
        flex-direction: row-reverse
    }

.approved-warranty .page-headline {
    text-align: center;
    font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
    padding-top: clamp(48px,3vw + 38px,96px);
    padding-bottom: clamp(32px,2.75vw + 23px,76px)
}

.approved-warranty .menu-navigation__wrapper {
    height: 80px;
    line-height: 80px;
    padding-bottom: clamp(8px,6px + .5vw,16px);
    padding-top: clamp(16px,12px + 1.25vw,36px)
}

    .approved-warranty .menu-navigation__wrapper .swiper-wrapper {
        max-width: 1040px;
        width: 100%;
        margin: 0 auto;
        justify-content: flex-start
    }

    .approved-warranty .menu-navigation__wrapper .swiper-slide a {
        font-size: 1rem !important
    }

        .approved-warranty .menu-navigation__wrapper .swiper-slide a.active {
            font-weight: 400
        }

            .approved-warranty .menu-navigation__wrapper .swiper-slide a.active::after {
                background-color: #010205;
                bottom: 0;
                height: 1.5px
            }

        .approved-warranty .menu-navigation__wrapper .swiper-slide a:hover {
            -webkit-backdrop-filter: blur(32px) !important;
            backdrop-filter: blur(32px) !important;
            background: rgba(148,149,152,.18) !important;
            border-radius: 4px;
            color: #010205
        }

.e-performance .menu-navigation__wrapper .swiper {
    max-width: unset
}

.e-performance .menu-navigation__wrapper .swiper-wrapper {
    justify-content: flex-start
}

.e-performance .menu-navigation__wrapper .module-container {
    padding-left: 7.14286%;
    padding-right: 7.14286%;
    overflow: hidden
}

.e-performance .intro-module__text {
    background-color: rgba(0,0,0,0);
    overflow: hidden;
    position: relative
}

    .e-performance .intro-module__text > p {
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        padding: 1em 0;
        margin-top: 0;
        max-width: 800px;
        width: 100%
    }

.e-performance .page-module .card {
    min-height: 529px;
    max-width: 428px;
    width: 100%;
    border-radius: 0;
    position: relative;
    cursor: pointer;
    box-shadow: 10px 10px 30px 0 #c8cacb;
    background-color: #fff
}

.e-performance .page-module .card-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    margin-bottom: .625rem
}

.e-performance .page-module .card-body {
    padding: 1.25rem
}

.e-performance .page-module .card-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    background: none;
    margin-top: 26px;
    font-weight: normal;
    cursor: pointer;
    padding: .75rem 1.25rem;
    text-decoration: inherit;
    transition: background-color .24s,color .24s,border-color .24s;
    font-size: 16px;
    background-color: #313639;
    color: #fff;
    gap: .85rem
}

    .e-performance .page-module .card-button i.fa-solid {
        font-size: 15px
    }

    .e-performance .page-module .card-button:hover {
        background-color: #d5001c
    }

.e-performance .page-module h2 {
    line-height: 48px;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 1.5rem
}

.e-performance .page-module__models {
    background-color: #eff0f1;
    overflow: hidden
}

    .e-performance .page-module__models.module-container {
        padding-bottom: 0
    }

    .e-performance .page-module__models .nav {
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        display: inline-flex;
        width: auto;
        padding: 0;
        margin-bottom: 1.25rem;
        box-shadow: 5px 4px 10px 0 rgba(0,0,0,.2);
        margin-bottom: 1.25rem
    }

    .e-performance .page-module__models .nav-item {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        display: inline-block;
        position: relative
    }

    .e-performance .page-module__models .nav-link {
        padding-bottom: 5px;
        text-decoration: none;
        display: inline-block;
        text-align: center;
        background-color: #fff;
        color: #000;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        position: relative;
        border-bottom: none;
        padding: 13px 20px;
        border-radius: 0
    }

        .e-performance .page-module__models .nav-link.active {
            background-color: #d5001c;
            color: #fff
        }

.e-performance .page-module__services {
    background-color: #eff0f1
}

    .e-performance .page-module__services .module-container {
        background-color: inherit;
    }

    .e-performance .page-module__services .video-swiper {
        padding: 0 7.14286% 2.5rem;
    }

        .e-performance .page-module__services .video-swiper .swiper-slide {
            padding: 3.125rem;
            background-color: #fff;
            box-shadow: 10px 10px 30px 0 #c8cacb;
        }

    .e-performance .page-module__services .porscheModal {
        display: none;
        z-index: 99;
    }

        .e-performance .page-module__services .porscheModal .btn-close {
            position: absolute;
            right: 7.85%;
            top: 1%;
            z-index: 999;
            font-size: 16px;
            line-height: 30px;
            opacity: 1;
        }

            .e-performance .page-module__services .porscheModal .btn-close:hover {
                filter: brightness(0) saturate(100%) invert(24%) sepia(78%) saturate(1687%) hue-rotate(334deg) brightness(96%) contrast(124%);
            }

.e-performance .page-module__services-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    padding: 1em 0;
    margin-top: 0;
    max-width: 800px;
    width: 100%
}

    .e-performance .page-module__services-title > p {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px
    }

.e-performance .page-module__services-cards .card {
    min-height: unset
}

.e-performance .page-module__accordion-items .accordion {
    margin-bottom: 5rem
}

.e-performance .page-module__accordion-items .accordion-item {
    border-bottom: 1px solid #c8cacb;
    padding: 0
}

    .e-performance .page-module__accordion-items .accordion-item .only-title .accordion-button {
        line-height: 34px;
        font-size: 26px;
        font-weight: 600;
        cursor: auto
    }

        .e-performance .page-module__accordion-items .accordion-item .only-title .accordion-button:after {
            content: ""
        }

.e-performance .page-module__accordion-items .accordion-button {
    padding: 1rem 0;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400
}

    .e-performance .page-module__accordion-items .accordion-button:focus {
        box-shadow: none
    }

    .e-performance .page-module__accordion-items .accordion-button:after {
        content: "";
        width: auto;
        height: auto;
        font-family: "Font Awesome 6 Free";
        font-style: normal;
        font-weight: 900;
        background-image: unset;
        transition: none;
        color: #d5001c
    }

    .e-performance .page-module__accordion-items .accordion-button:not(.collapsed) {
        background-color: rgba(0,0,0,0);
        color: unset
    }

        .e-performance .page-module__accordion-items .accordion-button:not(.collapsed):after {
            background-image: unset
        }

.e-performance .page-module__accordion-items .accordion-body {
    padding: 0
}

    .e-performance .page-module__accordion-items .accordion-body p {
        margin-bottom: .75rem
    }

    .e-performance .page-module__accordion-items .accordion-body .list-item {
        padding-left: 1rem;
        list-style-type: none;
        margin-bottom: 1rem
    }

.e-performance .common-slider .swiper-wrapper {
    gap: .625rem;
    padding-bottom: 2.5rem
}

.e-performance .common-slider .swiper-slide {
    width: auto
}

.e-performance .announcement-module__right, .e-performance .announcement-module__left {
    background-color: #eff0f1
}

.e-performance .announcement-module__right-title, .e-performance .announcement-module__right-text {
    color: #000
}

.e-performance .module-gridInfo__wrapper:after {
    background: linear-gradient(to right, #eff0f1, #eff0f1 45%, rgba(255, 255, 255, 0))
}

.e-performance .module-gridInfo__items {
    color: #000
}

.e-performance .module-gridInfo__items-button {
    background-color: rgba(0,0,0,0);
    border: 1px solid #000;
    color: #000;
    gap: .7rem
}

    .e-performance .module-gridInfo__items-button .fa-solid {
        font-size: 1rem
    }

    .e-performance .module-gridInfo__items-button:hover {
        border-color: #d5001c;
        color: #d5001c
    }

.e-performance.charge .intro-module__text-bold {
    border-bottom: 1px solid #c8cacb;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    padding: 1em 0;
    margin: 0 0 1em
}

.e-performance.charge .intro-module__text > p:not(.intro-module__text-bold) {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px
}

.e-performance .module-base-slider__headline {
    margin-bottom: 1em
}

    .e-performance .module-base-slider__headline > p {
        max-width: 800px;
        width: 100%
    }

.e-performance .module-base-slider__wrapper {
    position: relative
}

    .e-performance .module-base-slider__wrapper .swiper {
        padding-left: 7.14286%;
        padding-right: 7.14286%;
        margin-bottom: 2.5rem
    }

    .e-performance .module-base-slider__wrapper .swiper-wrapper {
        padding-bottom: 2.25rem
    }

    .e-performance .module-base-slider__wrapper .swiper-slide {
        max-width: 428px;
        width: 100%;
        height: auto;
    }

    .e-performance .module-base-slider__wrapper .swiper-pagination {
        bottom: 0
    }

    .e-performance .module-base-slider__wrapper .swiper-pagination-bullet {
        width: .625rem;
        height: .625rem;
        background: #313639;
        opacity: 1;
        margin: 5px
    }

    .e-performance .module-base-slider__wrapper .swiper-pagination-bullet-active {
        background: #d5001c
    }

    .e-performance .module-base-slider__wrapper .swiper-button-next, .e-performance .module-base-slider__wrapper .swiper-button-prev {
        width: 50px;
        height: 50px;
        background-color: #fff;
        transform: translateY(-50%);
        top: 50%;
        background-size: 45%;
        background-position: center 50%;
        box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
        color: #191f22;
        display: inline-block;
        font-size: 20px;
        padding: 15px
    }

        .e-performance .module-base-slider__wrapper .swiper-button-next::after, .e-performance .module-base-slider__wrapper .swiper-button-prev::after {
            font-size: 11px !important;
            content: ""
        }

        .e-performance .module-base-slider__wrapper .swiper-button-next:hover, .e-performance .module-base-slider__wrapper .swiper-button-prev:hover {
            background-color: #d5001c
        }

    .e-performance .module-base-slider__wrapper .swiper-button-next {
        right: 17px;
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z"/></svg>');
        background-repeat: no-repeat
    }

        .e-performance .module-base-slider__wrapper .swiper-button-next:hover {
            background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z" fill="white" /></svg>')
        }

    .e-performance .module-base-slider__wrapper .swiper-button-prev {
        left: 0;
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z"/></svg>');
        background-repeat: no-repeat
    }

        .e-performance .module-base-slider__wrapper .swiper-button-prev:hover {
            background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z" fill="white" /></svg>')
        }

    .e-performance .module-base-slider__wrapper .swiper-button-disabled {
        display: none
    }

    .e-performance .module-base-slider__wrapper .swiper .card {
        height: 100%;
        width: 100%;
        border-radius: 0;
        position: relative;
        cursor: pointer;
        box-shadow: 10px 10px 30px 0 #c8cacb;
        background-color: #fff
    }

.e-performance .module-base-slider__button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem
}

    .e-performance .module-base-slider__button > a {
        margin-top: 0
    }

.news-list__wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 2rem
}

.news-list__item {
    position: relative;
}

    .news-list__item .row {
        position: relative;
        align-items: flex-start;
        width: 100%;
    }

    .news-list__item:hover .row .news-list__item-image > img {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    .news-list__item .news-list__item-link {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
    }

.news-list__item-image {
    max-width: 300px;
    width: 100%;
    height: 170px;
    overflow: hidden;
    border-radius: .75rem;
}

    .news-list__item-image img {
        display: block;
        width: 100%;
        height: 100%;
        transition: transform .24s ease;
        object-fit: cover;
    }

.news-list__item-text {
    height: 100%;
    margin-top: .625rem;
}

.news-list__item-text--title {
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #000;
    margin-bottom: 1rem;
    font-weight: 600
}

.news-list__item-text--desc {
    font-family: Porsche Next, Arial, sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 18px;
    line-height: 1.5rem
}

.news-detail__wrapper {
    margin-bottom: 2rem
}

.news-detail__banner {
    height: 584px;
    position: relative
}

    .news-detail__banner:hover .news-detail__banner-next,
    .news-detail__banner:hover .news-detail__banner-prev {
        opacity: 1;
        transition: opacity .3s linear
    }

    .news-detail__banner .swiper {
        overflow: hidden;
        height: 100%
    }

    .news-detail__banner .swiper-pagination {
        bottom: 0;
        width: 100%;
        padding-bottom: 20px
    }

    .news-detail__banner .swiper-pagination-bullet {
        background: #c8cacb;
        opacity: 1;
        margin: 0 .5rem
    }

    .news-detail__banner .swiper-pagination-bullet-active {
        background: #fff
    }

    .news-detail__banner .swiper-slide img {
        width: 100%
    }

.news-detail__content {
    max-width: 800px;
    width: 100%
}

    .news-detail__content h2,
    .news-detail__content p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 1rem
    }

    .news-detail__content h2 {
        font-weight: 700
    }

.exclusive {
    position: relative;
    overflow: hidden
}

.exclusive__slide {
    position: relative
}

    .exclusive__slide img {
        width: 100%
    }

.exclusive__slide__text {
    position: absolute;
    bottom: 1rem;
    z-index: 9;
    width: 100%;
    color: #fff;
    line-height: normal;
    cursor: pointer
}

    .exclusive__slide__text:hover {
        color: #d5001c
    }

    .exclusive__slide__text .container {
        position: relative
    }

    .exclusive__slide__text a {
        position: absolute;
        width: 30px;
        height: 30px;
        bottom: 5rem;
        left: -1rem
    }

        .exclusive__slide__text a img {
            filter: brightness(0) saturate(100%) invert(13%) sepia(92%) saturate(2306%) hue-rotate(336deg) brightness(101%) contrast(119%)
        }

    .exclusive__slide__text p {
        font-size: 60px;
        font-weight: 600
    }

    .exclusive__slide__text span {
        font-size: 30px;
        font-weight: 600
    }

.exclusive__video {
    display: none
}

.exclusive__arrow__next,
.exclusive__arrow__prev,
.news-detail__banner-next,
.news-detail__banner-prev {
    width: 50px;
    height: 50px;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    color: #191f22;
    background-size: 45%;
    background-position: center 50%;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    right: 0;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.3s linear;
}

.exclusive__arrow__next,
.news-detail__banner-next {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z"/></svg>');
}

    .exclusive__arrow__next:hover,
    .news-detail__banner-next:hover {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z" fill="white" /></svg>');
        background-color: #d5001c;
    }

    .exclusive__arrow__next::after,
    .news-detail__banner-next::after {
        display: none
    }

.exclusive__arrow__prev,
.news-detail__banner-prev {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z"/></svg>');
}

    .exclusive__arrow__prev:hover,
    .news-detail__banner-prev:hover {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z" fill="white" /></svg>');
        background-color: #d5001c
    }

    .exclusive__arrow__prev::after,
    .news-detail__banner-prev::after {
        display: none
    }

.swiper.exclusive {
    height: 584px;
}

    .swiper.exclusive:hover .exclusive__arrow__prev,
    .swiper.exclusive:hover .exclusive__arrow__next {
        opacity: 1;
        transition: opacity .3s linear;
    }

.exclusive .video-js {
    padding-bottom: 0;
}

.exclusive .intro-section__video {
    height: 100%;
}

.swiper.magazine {
    height: calc(100vh - 85px);
}

.magazine {
    position: relative;
    overflow: hidden
}

.magazine__slide {
    position: relative;
    height: 100%;
}

.magazine__slide__text {
    position: absolute;
    bottom: 2.2rem;
    z-index: 9;
    width: 100%;
    color: #fff;
    line-height: normal;
    cursor: pointer
}

    .magazine__slide__text:hover {
        color: #d5001c
    }

    .magazine__slide__text .container {
        position: relative
    }

    .magazine__slide__text a {
        position: absolute;
        width: 30px;
        height: 30px;
        bottom: 5rem;
        left: -1rem
    }

        .magazine__slide__text a img {
            filter: brightness(0) saturate(100%) invert(13%) sepia(92%) saturate(2306%) hue-rotate(336deg) brightness(101%) contrast(119%)
        }

    .magazine__slide__text p {
        font-size: 60px;
        font-weight: 600
    }

    .magazine__slide__text span {
        font-size: 30px;
        font-weight: 600
    }

.magazine__arrow__next {
    width: 50px;
    height: 50px;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    color: #191f22;
    background-size: 45%;
    background-position: center 50%;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    right: 0;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z"/></svg>');
    background-repeat: no-repeat
}

    .magazine__arrow__next:hover {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z" fill="white" /></svg>');
        background-color: #d5001c
    }

    .magazine__arrow__next::after {
        display: none
    }

.magazine__arrow__prev {
    width: 50px;
    height: 50px;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    color: #191f22;
    background-size: 45%;
    background-position: center 50%;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    left: 0;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z"/></svg>');
    background-repeat: no-repeat
}

    .magazine__arrow__prev:hover {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z" fill="white" /></svg>');
        background-color: #d5001c
    }

    .magazine__arrow__prev::after {
        display: none
    }

.magazine__arrow .swiper-button-disabled {
    opacity: 0
}

.magazine #magazinePagination {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    gap: 1rem;
    bottom: 1rem
}

    .magazine #magazinePagination .swiper-pagination-bullet {
        display: block;
        width: 8px !important;
        height: 8px !important;
        border-radius: 50%;
        background: #c8cacb;
        opacity: 1;
        transform: scale(1)
    }

    .magazine #magazinePagination .swiper-pagination-bullet-active {
        background-color: #d5001c
    }

.experience h2 {
    font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
    text-align: center
}

.experience__detail {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center;
    padding: 8rem 0;
    max-width: 862px
}

    .experience__detail h1 {
        font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        margin-bottom: 1rem
    }

    .experience__detail p {
        font: normal normal 400 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        margin-bottom: 3rem
    }

    .experience__detail span {
        font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
        margin-bottom: 2rem
    }

.experience__Center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

    .experience__Center h2 {
        font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        text-align: center
    }

    .experience__Center .home-cards__item {
        max-height: 358px;
        max-width: 637px
    }

.experience__Center__Image img {
    width: 100%;
    max-height: 478px;
    border-radius: 20px;
    max-width: 637px
}

.experience__Center__Detail {
    max-width: 597px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    height: 100%;
    padding: 2rem
}

    .experience__Center__Detail p {
        font: normal normal 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-bottom: 1rem
    }

    .experience__Center__Detail span {
        font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
        margin-bottom: 1rem;
        display: block
    }

.experience__Bottom {
    text-align: center;
    margin-bottom: 2rem
}

    .experience__Bottom p {
        font: normal normal 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-bottom: 1rem
    }

    .experience__Bottom span {
        font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif
    }

.module-container__inner img {
    -o-object-fit: cover;
    object-fit: cover
}

.experienceParallax {
    margin: 4rem 0
}

    .experienceParallax .two p {
        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
    }

    .experienceParallax .two span {
        font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif
    }

    .experienceParallax .two p, .experienceParallax .two span {
        text-align: right;
        max-width: 655px;
        margin-left: auto
    }

    .experienceParallax .one p {
        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
    }

    .experienceParallax .one span {
        font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif
    }

    .experienceParallax .one p, .experienceParallax .one span {
        max-width: 655px
    }

    .experienceParallax .tri p {
        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
    }

    .experienceParallax .tri span {
        font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif
    }

    .experienceParallax .tri p, .experienceParallax .tri span {
        max-width: 655px
    }

.museum {
    position: relative;
    overflow: hidden
}

.museum__slide {
    position: relative
}

    .museum__slide img {
        width: 100%
    }

.museum__slide__text {
    position: absolute;
    bottom: 2.2rem;
    z-index: 9;
    width: 100%;
    color: #fff;
    line-height: normal
}

    .museum__slide__text .container {
        position: relative
    }

    .museum__slide__text a {
        position: absolute;
        width: 30px;
        height: 30px;
        bottom: 5rem;
        left: -1rem
    }

        .museum__slide__text a img {
            filter: brightness(0) saturate(100%) invert(13%) sepia(92%) saturate(2306%) hue-rotate(336deg) brightness(101%) contrast(119%)
        }

    .museum__slide__text p {
        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
    }

    .museum__slide__text span {
        font-size: 30px;
        font-weight: 600
    }

.museum__arrow__next {
    width: 50px;
    height: 50px;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    color: #191f22;
    background-size: 45%;
    background-position: center 50%;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    right: 0;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z"/></svg>');
    background-repeat: no-repeat
}

    .museum__arrow__next:hover {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z" fill="white" /></svg>');
        background-color: #d5001c
    }

    .museum__arrow__next::after {
        display: none
    }

.museum__arrow__prev {
    width: 50px;
    height: 50px;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    color: #191f22;
    background-size: 45%;
    background-position: center 50%;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    left: 0;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z"/></svg>');
    background-repeat: no-repeat
}

    .museum__arrow__prev:hover {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z" fill="white" /></svg>');
        background-color: #d5001c
    }

    .museum__arrow__prev::after {
        display: none
    }

.museum__arrow .swiper-button-disabled {
    opacity: 0
}

.museum #museumPagination {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    gap: 1rem;
    bottom: 1rem
}

    .museum #museumPagination .swiper-pagination-bullet {
        display: block;
        width: 8px !important;
        height: 8px !important;
        border-radius: 50%;
        background: #c8cacb;
        opacity: 1;
        transform: scale(1)
    }

    .museum #museumPagination .swiper-pagination-bullet-active {
        background-color: #d5001c
    }

.b-slideBar {
    background-color: #fff;
    height: 87px;
    box-shadow: 0 3px 8px rgba(0,0,0,.1607843137);
    display: flex;
    align-items: center
}

    .b-slideBar.stick {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999999;
        width: 100%
    }

    .b-slideBar a {
        position: relative
    }

        .b-slideBar a.active::after {
            content: "";
            position: absolute;
            height: 2px;
            border-bottom: 2px solid #010205;
            bottom: -4px;
            z-index: 99999;
            width: 100%;
            left: 0
        }

.b-slideBar__item {
    font-size: 18px;
    white-space: nowrap
}

    .b-slideBar__item a {
        margin-right: 1rem
    }

.b-slideBar .menu-navigation__wrapper {
    box-shadow: none
}

.experienceVideo {
    margin-bottom: 2rem
}

    .experienceVideo video {
        border-radius: 20px
    }

.pcomGrid__Item {
    margin: 4rem 0
}

.pcomGrid__Item__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-text-decoration: none;
    text-decoration: none;
    gap: 8px;
    background-color: #eeeff2;
    color: #010205;
    padding: 0 1rem;
    position: relative;
    transition: background var(--pcom-motion-duration-short) ease;
    min-height: 74px;
    box-sizing: border-box;
    border-radius: 8px;
    max-width: 525px;
    margin: 0 auto
}

.Begeisterung {
    margin-bottom: 10rem;
    position: relative
}

    .Begeisterung .swiper-wrapper {
        overflow: hidden
    }

    .Begeisterung .swiper-slide {
        width: 100%;
        max-height: 734px;
        max-width: 1311px
    }

        .Begeisterung .swiper-slide:nth-child(1) {
            margin-left: 12rem
        }

.Begeisterung__Slider {
    background-color: #fff;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    cursor: pointer
}

    .Begeisterung__Slider img {
        width: 100%;
        border-radius: 20px
    }

.news {
    margin-bottom: 7rem;
    position: relative
}

    .news .swiper-wrapper {
        overflow: hidden
    }

    .news .swiper-slide {
        max-width: 413px;
        width: 100%
    }

        .news .swiper-slide:nth-child(1) {
            margin-left: 12rem
        }

.news__Slider {
    background-color: #fff;
    border-radius: 10px;
    max-width: 413px;
    max-height: 625px;
    width: 100%;
    height: 100%;
    cursor: pointer
}

    .news__Slider img {
        width: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }

.news__Slider__box {
    padding: 1.5rem .5rem;
}

    .news__Slider__box h3 {
        padding-bottom: .5rem;
        font: normal normal 600 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif
    }

    .news__Slider__box p {
        padding-bottom: .5rem
    }

.news__Slider:hover {
    background-color: #ececec
}

.Slide__arrow {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-bottom: 1rem
}

    .Slide__arrow .swiper-button-disabled {
        opacity: .2
    }

.begeisterungHeader {
    font: 600 clamp(1.6rem, 1.29rem + 1.56vw, 3.16rem)/calc(2.125ex + 6px) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif !important;
    text-align: center;
    margin: 5rem 0
}

.newsHeader {
    font: 600 clamp(1.6rem, 1.29rem + 1.56vw, 3.16rem)/calc(2.125ex + 6px) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif !important;
    text-align: center;
    margin: 5rem 0
}

#newsPegination {
    bottom: -4rem
}

    #newsPegination .swiper-pagination-bullet {
        opacity: 1 !important;
        background: #6b6d70;
        margin: 0 5px;
        position: relative;
        transition: left 300ms,transform 300ms;
        width: 10px;
        height: 10px;
        display: inline-block;
        border-radius: 100%;
        border: 1px solid #fff
    }

    #newsPegination .swiper-pagination-bullet-active {
        background: #000;
        height: 10px;
        width: 20px;
        border-radius: 4px
    }

#begeisterungPegination {
    bottom: -4rem
}

    #begeisterungPegination .swiper-pagination-bullet {
        opacity: 1 !important;
        background: #6b6d70;
        margin: 0 5px;
        position: relative;
        transition: left 300ms,transform 300ms;
        width: 10px;
        height: 10px;
        display: inline-block;
        border-radius: 100%;
        border: 1px solid #fff
    }

    #begeisterungPegination .swiper-pagination-bullet-active {
        background: #000;
        height: 10px;
        width: 20px;
        border-radius: 4px
    }

.beforeMagazine {
    margin-top: 10rem;
    margin-bottom: 2rem
}

    .beforeMagazine h2 {
        font-size: 48px;
        font-weight: 600
    }

.beforeMagazine__image {
    position: relative;
    cursor: pointer
}

    .beforeMagazine__image img {
        width: 100%
    }

    .beforeMagazine__image span {
        background-color: #d5001c;
        width: 100%;
        height: 5px;
        position: absolute;
        bottom: 0;
        z-index: 9;
        left: 0;
        display: none
    }

    .beforeMagazine__image:hover span {
        display: block
    }

.beforeMagazine__detail {
    text-align: center;
    cursor: pointer;
    margin-top: 1rem
}

    .beforeMagazine__detail a {
        color: #000;
        display: block;
        text-align: left;
        margin-bottom: 1rem
    }

        .beforeMagazine__detail a:hover {
            color: #d5001c !important
        }

    .beforeMagazine__detail img {
        filter: invert(23%) sepia(64%) saturate(6166%) hue-rotate(341deg) brightness(77%) contrast(122%)
    }

.module-values-context {
    text-align: left
}

    .module-values-context a {
        border-left: 1px solid #c8cacb;
        padding-right: .875em;
        display: inline-block;
        padding-left: 1rem;
        margin-bottom: 1rem
    }

        .module-values-context a span {
            line-height: normal;
            display: inline-block
        }

.heritage {
    max-width: 385px
}

.heritageTitle {
    font: 600 clamp(1.6rem, 1.29rem + 1.56vw, 3.16rem)/calc(2.125ex + 6px) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif !important;
    text-align: center;
    margin: 3rem 0
}

.home-cards__wrapper .museumCard {
    max-width: 637px;
    max-height: 358px;
    width: 100%
}

.cardHeader {
    font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
    text-align: center;
    margin: 4rem 0
}

.gallerySlider {
    position: relative;
    overflow: hidden
}

    .gallerySlider img {
        width: 100%
    }

.gallerySlider__arrow__next {
    width: 50px;
    height: 50px;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    color: #191f22;
    background-size: 45%;
    background-position: center 50%;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    right: 0;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z"/></svg>');
    background-repeat: no-repeat
}

    .gallerySlider__arrow__next:hover {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z" fill="white" /></svg>');
        background-color: #d5001c
    }

    .gallerySlider__arrow__next::after {
        display: none
    }

.gallerySlider__arrow__prev {
    width: 50px;
    height: 50px;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    color: #191f22;
    background-size: 45%;
    background-position: center 50%;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    left: 0;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z"/></svg>');
    background-repeat: no-repeat
}

    .gallerySlider__arrow__prev:hover {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z" fill="white" /></svg>');
        background-color: #d5001c
    }

    .gallerySlider__arrow__prev::after {
        display: none
    }

.gallerySlider__arrow .swiper-button-disabled {
    opacity: 0
}

.motorSport {
    position: relative;
    margin-bottom: 1rem
}

    .motorSport h2 {
        font-size: 48px;
        font-weight: 600;
        margin: 2rem 0
    }

    .motorSport img {
        width: 100%
    }

.motorSport__button {
    padding-left: 5rem
}

    .motorSport__button h3 {
        margin-bottom: 1rem
    }

.motorSport__button__btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    background-color: #313639;
    border: 1px solid #fff;
    cursor: pointer;
    padding: .75rem 1.25rem;
    text-decoration: inherit;
    transition: background-color .24s,color .24s,border-color .24s;
    font-size: 16px;
    color: #fff;
    gap: .5rem;
    max-width: 255px;
    min-width: 156px;
}

    .motorSport__button__btn:hover {
        border-color: #d5001c;
        background-color: rgba(0,0,0,0);
        color: #d5001c
    }

.motorSport__button__info {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 1rem
}

.motorSport__detail {
    position: absolute;
    bottom: 1rem;
    left: 2rem;
    z-index: 9;
    width: 100%;
    color: #fff;
    line-height: normal;
    cursor: pointer
}

    .motorSport__detail:hover {
        color: #d5001c
    }

    .motorSport__detail a {
        position: absolute;
        width: 20px;
        height: 20px;
        bottom: 6px;
        left: -1.5rem
    }

        .motorSport__detail a img {
            filter: brightness(0) saturate(100%) invert(13%) sepia(92%) saturate(2306%) hue-rotate(336deg) brightness(101%) contrast(119%)
        }

    .motorSport__detail span {
        font-size: 16px;
        line-height: 24px
    }

.motorSport a .motorSport__detail:hover {
    color: #d5001c
}

.motorSport a .motorSport__detail img {
    width: 20px;
    height: 20px;
    filter: brightness(0) saturate(100%) invert(13%) sepia(92%) saturate(2306%) hue-rotate(336deg) brightness(101%) contrast(119%)
}

.motorSport-container {
    padding: 2rem 0
}

.motorSport-container__headline {
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    color: #000;
    margin-bottom: 2.125rem
}

.motorSport-container__link {
    display: flex;
    align-items: center;
    gap: .625rem;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap
}

#exclusivePagination {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    gap: .5rem;
    bottom: 1rem
}

    #exclusivePagination .swiper-pagination-bullet {
        display: block;
        width: 8px !important;
        height: 8px !important;
        border-radius: 50%;
        background: #c8cacb;
        opacity: 1;
        transform: scale(1)
    }

    #exclusivePagination .swiper-pagination-bullet-active {
        background-color: #d5001c
    }

.b-title {
    background-color: #eff0f1;
    margin-bottom: 2rem
}

.b-title__wrapper {
    display: flex;
    align-items: center;
    padding-top: 1.25rem;
    padding-bottom: 0.625rem;
}

    .b-title__wrapper h2 {
        font-size: 24px;
        font-weight: unset;
    }

.callUs {
    height: 60px;
    width: 100%;
    background-color: #eff0f1
}

    .callUs .container {
        position: relative;
        visibility: hidden
    }

    .callUs.stick {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
    }

.callUs__button {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #950014;
    outline: 0;
    cursor: pointer;
    visibility: visible
}

    .callUs__button:hover {
        background-color: #313639
    }

        .callUs__button:hover img {
            filter: brightness(0) saturate(100%) invert(14%) sepia(91%) saturate(3814%) hue-rotate(344deg) brightness(90%) contrast(112%)
        }

        .callUs__button:hover ~ .b-title__hoverMenu {
            visibility: visible;
            z-index: 9;
            background-color: #313639;
            width: 320px;
            height: 284px
        }

            .callUs__button:hover ~ .b-title__hoverMenu ul li ul {
                visibility: visible;
                opacity: 1;
                display: block
            }

    .callUs__button img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(342deg) brightness(106%) contrast(101%)
    }

.callUs__detail {
    position: absolute;
    top: 1rem;
    right: 0;
    gap: 1rem;
    display: flex
}

    .callUs__detail a {
        color: #196a99;
        font-weight: normal;
        font-size: 16px
    }

        .callUs__detail a img {
            filter: brightness(0) saturate(100%) invert(32%) sepia(63%) saturate(590%) hue-rotate(157deg) brightness(100%) contrast(97%);
            width: 25px
        }

        .callUs__detail a:hover:hover {
            filter: brightness(0) saturate(100%) invert(18%) sepia(100%) saturate(3094%) hue-rotate(341deg) brightness(79%) contrast(119%)
        }

.b-title__sticky {
    height: 60px;
    width: 100%;
    background-color: #eff0f1
}

    .b-title__sticky .container {
        position: relative;
        visibility: hidden
    }

    .b-title__sticky.stick {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
    }

.b-title__sticky__button {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #950014;
    outline: 0;
    cursor: pointer;
    visibility: visible
}

    .b-title__sticky__button:hover {
        background-color: #313639
    }

        .b-title__sticky__button:hover img {
            filter: brightness(0) saturate(100%) invert(14%) sepia(91%) saturate(3814%) hue-rotate(344deg) brightness(90%) contrast(112%)
        }

        .b-title__sticky__button:hover ~ .b-title__hoverMenu {
            visibility: visible;
            z-index: 9;
            background-color: #313639;
            width: 320px;
            height: auto;
        }

            .b-title__sticky__button:hover ~ .b-title__hoverMenu ul li ul {
                visibility: visible;
                opacity: 1;
                display: block
            }

    .b-title__sticky__button img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(342deg) brightness(106%) contrast(101%)
    }

.b-title__sticky__detail {
    position: absolute;
    top: 1rem;
    right: 0;
    gap: 1rem;
    display: flex
}

    .b-title__sticky__detail a {
        color: #196a99;
        font-weight: normal;
        font-size: 16px
    }

        .b-title__sticky__detail a img {
            filter: brightness(0) saturate(100%) invert(32%) sepia(63%) saturate(590%) hue-rotate(157deg) brightness(100%) contrast(97%);
            width: 25px
        }

        .b-title__sticky__detail a:hover:hover {
            filter: brightness(0) saturate(100%) invert(18%) sepia(100%) saturate(3094%) hue-rotate(341deg) brightness(79%) contrast(119%)
        }

.b-title__hoverMenu {
    width: 320px;
    height: 284px;
    position: relative;
    visibility: hidden;
    z-index: 2;
    opacity: 0
}

    .b-title__hoverMenu ul li {
        padding: 0 1rem;
        list-style: none;
        cursor: pointer;
        color: #fff
    }

        .b-title__hoverMenu ul li a {
            color: #fff !important;
            display: flex;
            align-items: center;
            justify-content: space-between;
            line-height: 56px
        }

        .b-title__hoverMenu ul li:hover {
            background-color: #950014
        }

        .b-title__hoverMenu ul li img {
            filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(342deg) brightness(106%) contrast(101%)
        }

    .b-title__hoverMenu ul ul {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        transition: all .5s ease;
        top: 0;
        display: none;
        background-color: #313639;
        width: 320px;
        height: auto;
        left: 0
    }

        .b-title__hoverMenu ul ul li {
            clear: both;
            width: 100%
        }

    .b-title__hoverMenu li:hover {
        cursor: pointer
    }

    .b-title__hoverMenu ul li:hover > ul, .b-title__hoverMenu ul li ul:hover {
        visibility: visible;
        opacity: 1;
        display: block
    }

.introduction {
    margin-top: 4rem;
    margin-bottom: 2rem;
    max-width: 800px;
    width: 100%;
}

    .introduction p {
        font-weight: 600;
        font-size: 20px;
        line-height: normal
    }

.flexwrapper {
    position: relative;
    height: 100%;
    cursor: pointer;
}

    .flexwrapper img {
        width: 100%;
        height: 100%;
        transition: all .5s ease-in-out
    }

    .flexwrapper:hover img {
        transform: translateX(5px);
    }

.flexwrapper__wrapper {
    position: absolute;
    bottom: 1rem;
    color: #fff;
    max-width: 90%;
    left: 2rem;
    z-index: 20;
}

    .flexwrapper__wrapper a {
        font-size: 24px;
        color: #fff;
        transition: color .24s;
    }

        .flexwrapper__wrapper a img {
            filter: brightness(0) saturate(100%) invert(13%) sepia(92%) saturate(2306%) hue-rotate(336deg) brightness(101%) contrast(119%);
            position: absolute;
            left: -1.5rem;
            bottom: 3rem;
            width: 25px;
            height: 25px;
        }

    .flexwrapper__wrapper > p {
        font-size: 1.05rem;
        color: #fff;
    }

.flexwrapper:hover .text-item {
    color: #d5001c;
}

.flexwrapper .img-overlay {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 21%,rgba(0,0,0,.9) 100%);
    z-index: 10;
}

.videoTextSlider img {
    width: 100%
}

.videoTextSlider .blackBg {
    background-color: #191f22
}

.videoTextSlider__detail {
    max-width: 347px
}

    .videoTextSlider__detail h2 {
        color: #fff;
        font-size: 48px;
        margin-bottom: 2rem
    }

    .videoTextSlider__detail p {
        color: #fff;
        margin-bottom: 2rem
    }

    .videoTextSlider__detail a {
        min-width: 156px;
        max-width: 255px;
    }

        .videoTextSlider__detail a span {
            margin: 0
        }

.m-29-features-v2-headline-wrapper h2 {
    font-size: 48px;
    margin-top: 3rem
}

.touchSlider {
    margin: 2rem 0;
    max-width: 100%;
    padding-left: 8rem;
}

    .touchSlider .swiper-slide {
        max-width: 275px
    }

        .touchSlider .swiper-slide img {
            width: 100%
        }

.touchSlider__detail {
    padding: 1rem
}

    .touchSlider__detail h3 {
        font-weight: 600;
        font-size: 20px;
        line-height: 28px
    }

    .touchSlider__detail p {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px
    }

.touchSlider #touchSliderScrool {
    border-radius: 0;
    background-color: #c8cacb
}

    .touchSlider #touchSliderScrool .swiper-scrollbar-drag {
        cursor: pointer;
        background-color: #313639;
        height: 16px;
        width: 536px;
        border-radius: 0
    }

        .touchSlider #touchSliderScrool .swiper-scrollbar-drag:hover {
            background-color: #d5001c
        }

.tequipmentText {
    font-size: 48px;
    font-weight: 600;
    margin: 1rem 0
}

.tequipment {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.tequipment__Item {
    position: relative;
    max-width: 265px;
    max-height: 302px
}

    .tequipment__Item img {
        width: 100%
    }

.tequipment__Item__text {
    position: absolute;
    bottom: 1rem;
    z-index: 9;
    left: .5rem;
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 500
}

    .tequipment__Item__text img {
        filter: invert(14%) sepia(81%) saturate(4747%) hue-rotate(344deg) brightness(84%) contrast(114%)
    }

    .tequipment__Item__text:hover {
        color: #fff
    }

.tequipment-title {
    font-size: 48px;
    font-weight: 600;
    width: 100%;
}

.tequipment-desc {
    max-width: 800px;
    width: 100%;
    margin-top: 1rem;
}

.historie {
    background-color: #191f22;
    position: relative;
    margin-top: 3rem
}

.historie-inner > h2 {
    font-size: 38px;
    text-align: center;
    color: #fff;
    margin-bottom: 1.5625rem;
}

.historie__Swiper {
    max-width: 1536px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

    .historie__Swiper .swiper-wrapper {
        padding-bottom: 1.25rem;
    }

.historie__Swiper__box {
    display: flex;
    width: 614px;
    height: 100%;
    background-color: rgba(255,255,255,.9);
    opacity: .9;
    position: absolute;
    top: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    overflow-y: auto;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-115%, 0);
    transition: transform .5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

    .historie__Swiper__box h2 {
        max-width: 430px;
        font-size: 28px;
        font-weight: 600;
        color: #000;
        padding: 0;
        width: 100%;
        padding-bottom: 1rem
    }

    .historie__Swiper__box p {
        max-width: 430px
    }

.historie__Swiper .swiper-slide.swiper-slide-active .historie__Swiper__box.active {
    transform: none;
    left: 7%;
}

.historie__Swiper__arrow__next,
.historie__Swiper__arrow__prev {
    width: 50px;
    height: 50px;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    color: #191f22;
    background-size: 45%;
    background-position: center 50%;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    background-repeat: no-repeat;
}

.historie__Swiper__arrow__next {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z"/></svg>');
    right: 0;
    transform: translate(-75%, -50%);
}

    .historie__Swiper__arrow__next:hover {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z" fill="white" /></svg>');
        background-color: #d5001c
    }

    .historie__Swiper__arrow__next::after {
        display: none
    }

.historie__Swiper__arrow__prev {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z"/></svg>');
    left: 0;
    transform: translate(75%, -50%);
}

    .historie__Swiper__arrow__prev:hover {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z" fill="white" /></svg>');
        background-color: #d5001c
    }

    .historie__Swiper__arrow__prev::after {
        display: none
    }

.historie__Swiper__arrow .swiper-button-disabled {
    opacity: 0
}

#historiePagination {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    gap: .5rem;
    bottom: 0;
    left: 0
}

    #historiePagination .swiper-pagination-bullet {
        display: inline-block;
        vertical-align: top;
        height: 10px;
        width: 10px;
        border-radius: 5px;
        margin: 1px;
        padding: 0;
        transition: height .3s,width .3s,border-radius .3s,margin .3s;
        background-color: #e3e4e4;
        border: 1px solid #fff;
        opacity: 1
    }

    #historiePagination .swiper-pagination-bullet-active {
        background-color: #d5001c
    }

.historie__Swiper .box-invisible {
    visibility: hidden;
}

.grayBox__Head {
    background-color: #eff0f1;
    height: 60px;
    display: flex;
    align-items: center
}

    .grayBox__Head h1 {
        font-size: 24px
    }

.grayBox .historie {
    margin-top: 0
}

.historieBox {
    height: 60px;
    background-color: #eff0f1
}

.accessoriesText {
    font-size: 36px;
    font-weight: 100;
    text-align: center;
    margin: 2rem 0
}

.accessories {
    padding-bottom: 4rem;
    margin-top: 3rem
}


    .accessories:hover {
        cursor: grab;
    }

.accessories__Swiper {
    position: relative;
    max-width: 1536px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    max-height: 551px
}

    .accessories__Swiper .swiper-slide img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        max-height: 551px;
        width: 100%
    }

.accessories .accessories__Swiper__arrow {
    display: none;
}

.accessories__Swiper__arrow__next {
    width: 50px;
    height: 50px;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    color: #191f22;
    background-size: 45%;
    background-position: center 50%;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    right: 0;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z"/></svg>');
    background-repeat: no-repeat;
    right: 1rem
}

    .accessories__Swiper__arrow__next:hover {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z" fill="white" /></svg>');
        background-color: #d5001c
    }

    .accessories__Swiper__arrow__next::after {
        display: none
    }

.accessories__Swiper__arrow__prev {
    width: 50px;
    height: 50px;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    color: #191f22;
    background-size: 45%;
    background-position: center 50%;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    left: 0;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z"/></svg>');
    background-repeat: no-repeat;
    left: 1rem
}

    .accessories__Swiper__arrow__prev:hover {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z" fill="white" /></svg>');
        background-color: #d5001c
    }

    .accessories__Swiper__arrow__prev::after {
        display: none
    }

.accessories__Swiper__arrow .swiper-button-disabled {
    opacity: 0
}

.accessories__Swiper__title {
    position: absolute;
    top: 5rem;
    left: 5rem
}

    .accessories__Swiper__title p {
        font-size: 60px;
        color: #fff;
        font-weight: normal
    }

#accessoriesPagination {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    gap: .5rem;
    bottom: 1rem;
    left: 0
}

    #accessoriesPagination .swiper-pagination-bullet {
        display: inline-block;
        vertical-align: top;
        height: 10px;
        width: 10px;
        border-radius: 5px;
        margin: 5px;
        padding: 0;
        transition: height .3s,width .3s,border-radius .3s,margin .3s;
        background-color: #e3e4e4;
        border: 1px solid #fff;
        opacity: 1
    }

    #accessoriesPagination .swiper-pagination-bullet-active {
        background-color: #d5001c
    }

.tequipmentNew {
    overflow: hidden;
    position: relative;
    margin-bottom: 3rem
}

.tequipmentNew__title {
    position: absolute;
    top: 5rem;
    left: 5rem
}

    .tequipmentNew__title p {
        font-size: 60px;
        color: #fff;
        font-weight: 600
    }

.tequipmentNew__arrow__next {
    width: 50px;
    height: 50px;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    color: #191f22;
    background-size: 45%;
    background-position: center 50%;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    right: 0;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z"/></svg>');
    background-repeat: no-repeat;
    right: 1rem
}

    .tequipmentNew__arrow__next:hover {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z" fill="white" /></svg>');
        background-color: #d5001c
    }

    .tequipmentNew__arrow__next::after {
        display: none
    }

.tequipmentNew__arrow__prev {
    width: 50px;
    height: 50px;
    background-color: #fff;
    transform: translateY(-50%);
    top: 50%;
    color: #191f22;
    background-size: 45%;
    background-position: center 50%;
    box-shadow: 0 0 .4375rem rgba(0,0,0,.15);
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    left: 0;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z"/></svg>');
    background-repeat: no-repeat;
    left: 1rem
}

    .tequipmentNew__arrow__prev:hover {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z" fill="white" /></svg>');
        background-color: #d5001c
    }

    .tequipmentNew__arrow__prev::after {
        display: none
    }

.tequipmentNew__arrow .swiper-button-disabled {
    opacity: 0
}

#tequipmentNewPegination {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    gap: .5rem;
    bottom: 1rem;
    left: 0
}

    #tequipmentNewPegination .swiper-pagination-bullet {
        display: inline-block;
        vertical-align: top;
        height: 10px;
        width: 10px;
        border-radius: 5px;
        margin: 5px;
        padding: 0;
        transition: height .3s,width .3s,border-radius .3s,margin .3s;
        background-color: #e3e4e4;
        border: 1px solid #fff;
        opacity: 1
    }

    #tequipmentNewPegination .swiper-pagination-bullet-active {
        background-color: #d5001c
    }

.tequipmentTitle h2 {
    font-size: 48px;
    font-weight: 600;
    text-align: left
}

.accessoriesTitle .header {
    position: relative
}

.accessoriesHead {
    position: absolute;
    z-index: 9;
    top: 0;
    background-color: #fff
}

    .accessoriesHead #menuToggle a:hover {
        background-color: unset
    }

    .accessoriesHead #menuToggle .ac {
        filter: brightness(0) saturate(100%) invert(0%) sepia(23%) saturate(0%) hue-rotate(344deg) brightness(98%) contrast(100%)
    }

    .accessoriesHead .header-logo svg {
        filter: brightness(0) saturate(100%) invert(0%) sepia(23%) saturate(0%) hue-rotate(344deg) brightness(98%) contrast(100%)
    }

    .accessoriesHead .header-info {
        opacity: 0
    }

        .accessoriesHead .header-info img {
            filter: brightness(0) saturate(100%) invert(0%) sepia(23%) saturate(0%) hue-rotate(344deg) brightness(98%) contrast(100%)
        }

.documents h2 {
    font-size: 36px;
    font-weight: 100;
    text-align: center;
    margin-top: 4rem;
    margin-bottom: 2rem
}

.documents__Url {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: 2rem;
    gap: 1rem;
    flex-wrap: wrap
}

    .documents__Url a {
        color: #fff;
        background-color: #313639;
        width: 100%;
        position: relative;
        display: block;
        padding: 1rem;
        width: 425px;
        height: 50px;
        font-size: 14px
    }

        .documents__Url a:hover {
            background-color: #d5001c
        }

        .documents__Url a img {
            filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(6%) hue-rotate(337deg) brightness(101%) contrast(102%)
        }

.documentImage {
    width: 100%
}

.documentImage__Item {
    width: 100%;
    position: relative
}

.documentImage__Item__text {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    color: #fff
}

.find-dealer {
    margin-top: 5rem;
    margin-bottom: 3rem
}

    .find-dealer h2 {
        font-size: 36px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 2rem
    }

.find-dealer__head {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 2rem
}

.report-teaser-item {
    margin-bottom: 2rem;
    max-width: 350px;
    font-size: 16px;
    line-height: 24px;
}

    .report-teaser-item a {
        font-size: unset;
        text-align: left;
        font-weight: normal
    }

        .report-teaser-item a:hover {
            color: #d5001c;
        }

    .report-teaser-item p {
        font-size: unset;
        text-align: left;
        font-weight: normal
    }

.porsche-dealer .contact-info {
    margin: 2rem 0 0
}

.gm-style .gm-style-iw-d {
    max-height: 282px !important;
}

.map-container {
    width: 100%
}

    .map-container .section-title {
        font-size: 40px;
        font-weight: 600;
    }

    .map-container #map {
        height: 500px;
        width: 100%
    }

    .map-container.models .section-title {
        margin-bottom: 1.5rem;
    }

    .map-container.models #map {
        height: 385px;
        width: 100%
    }

    .map-container #map .infoWindow {
        position: relative;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        border-bottom: 4px solid transparent;
        box-shadow: 0 0 6px rgba(0, 0, 0, .2);
        margin-bottom: 6px;
        margin-top: 20px;
        border-bottom: 4px solid #d5001c;
    }

        .map-container #map .infoWindow h3 {
            color: #d5001c;
            cursor: pointer;
            margin: 20px 20px 0 20px;
            font-weight: 600;
            font-size: 20px;
            line-height: 28px;
            position: relative;
        }

        .map-container #map .infoWindow .place-info {
            display: flex;
            flex-wrap: wrap;
            margin-top: 20px;
            padding: 15px 20px 0;
            gap: 20px;
        }

            .map-container #map .infoWindow .place-info > a {
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
                margin-bottom: 0;
                text-decoration: none;
                font-size: 13px;
                font-weight: 300;
            }

                .map-container #map .infoWindow .place-info > a > i {
                    height: 45px;
                    width: 45px;
                    border-radius: 50%;
                    border: 1px solid #000;
                    display: flex;
                    align-self: center;
                    align-items: center;
                    justify-content: center;
                    transition: background-color .24s, color .24s, border-color .24s;
                    font-size: 20px;
                }

                .map-container #map .infoWindow .place-info > a > span {
                    font-size: 12px;
                    line-height: 14px;
                    margin-top: 10px;
                    max-width: 50px;
                    text-align: center;
                    transition: color .24s;
                }

                .map-container #map .infoWindow .place-info > a:hover > i {
                    border-color: #d5001c;
                    color: #d5001c;
                }

                .map-container #map .infoWindow .place-info > a:hover > span {
                    color: #d5001c;
                }

        .map-container #map .infoWindow .dealer-info {
            margin-top: 1.25rem;
            padding-left: 1.25rem;
        }

            .map-container #map .infoWindow .dealer-info .telephone {
                margin: .625rem 0;
            }

            .map-container #map .infoWindow .dealer-info .working-hours {
                margin: .625rem 0
            }

.porsche-dealer .row {
    row-gap: 2rem
}

.cookie {
    padding-top: 1em;
    padding-bottom: 1em;
    color: #84868c;
    font-size: 12px;
    background-color: #191f22;
    z-index: 99999;
    position: absolute;
    width: 100%
}

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

.cookie__content__wrapper {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem
}

    .cookie__content__wrapper a {
        width: 136px;
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #84868c;
        color: #84868c
    }

        .cookie__content__wrapper a:hover {
            background-color: #fff;
            color: #d5001c
        }

body.content header.custom {
    background-color: #eeeff2;
    border-bottom: 0
}

.model-compare .is-visible {
    display: none
}

.model-compare__wrapper {
    box-shadow: 0 6px 8px rgba(0,0,0,.1607843137);
    box-sizing: border-box;
    margin-bottom: 5rem
}

    .model-compare__wrapper.selected {
        margin-bottom: 0;
        box-shadow: none
    }

        .model-compare__wrapper.selected .model-compare__top {
            padding-bottom: 14rem
        }

.model-compare__top {
    background-color: #eeeff2;
    display: flex;
    justify-content: center;
    padding: 2rem 0 10rem
}

.model-compare__top-content {
    text-align: center;
    color: #010205
}

    .model-compare__top-content h1 {
        font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,Heiti SC,SimHei,sans-serif;
        margin-bottom: .75rem
    }

    .model-compare__top-content h3 {
        font: normal normal 400 clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,Heiti SC,SimHei,sans-serif;
        font-weight: 400
    }

.model-compare__buttons > .row {
    justify-content: center
}

    .model-compare__buttons > .row .row {
        justify-content: center
    }

        .model-compare__buttons > .row .row [class*=col-] {
            margin-bottom: 3.125rem
        }

            .model-compare__buttons > .row .row [class*=col-]:first-child {
                display: flex;
                justify-content: flex-end
            }

        .model-compare__buttons > .row .row .model-1, .model-compare__buttons > .row .row .model-2 {
            display: none
        }

.model-compare__buttons-item {
    max-width: 500px;
    width: 100%;
    height: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

    .model-compare__buttons-item button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 2px solid #010205;
        border-radius: 4px;
        transform: translate3d(0px, 0px, 0px);
        background-color: rgba(0,0,0,0);
        color: #010205;
        font: 400 1rem/calc(2.125ex + 6px) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        overflow-wrap: break-word;
        transition: background-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1),border-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1),color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1);
        padding: 13px 26px;
        gap: 10px;
        cursor: pointer;
        margin: 0px
    }

        .model-compare__buttons-item button > i {
            font-size: 18px;
            font-weight: 400
        }

        .model-compare__buttons-item button:hover {
            background-color: rgba(148,149,152,.18);
            border-color: #6b6d70;
            -webkit-backdrop-filter: blur(32px);
            backdrop-filter: blur(32px)
        }

.model-compare .modal {
    background: rgba(0,0,0,.4);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    overflow: hidden
}

    .model-compare .modal.fade .modal-dialog {
        transform: translateY(100%);
        transition: transform .4s ease-out
    }

    .model-compare .modal.show .modal-dialog {
        transform: none
    }

.model-compare .modal-dialog {
    position: fixed !important;
    bottom: 0 !important;
    left: 0% !important;
    right: 0% !important;
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh
}

.model-compare .modal-backdrop {
    display: none
}

.model-compare .modal-header {
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem 2rem 0;
    border-bottom: 0;
    box-shadow: 0 4px 16px rgba(0,0,0,.1607843137)
}

    .model-compare .modal-header #progress-container {
        background-color: #d1d1d1;
        height: 3px;
        width: 100%
    }

    .model-compare .modal-header #progress-bar {
        background-color: #6b6d70;
        display: block;
        height: 3px;
        transition: width .3s
    }

.model-compare .modal-body {
    padding: 1.5rem 2rem 0
}

    .model-compare .modal-body > .row {
        row-gap: .75rem
    }

    .model-compare .modal-body .step-body {
        max-height: 416px;
        overflow: hidden auto;
        padding-right: 1rem
    }

        .model-compare .modal-body .step-body#step-content, .model-compare .modal-body .step-body#submodel-content {
            display: none
        }

        .model-compare .modal-body .step-body.step-scroll::-webkit-scrollbar-track {
            background-color: #f5f5f5
        }

        .model-compare .modal-body .step-body.step-scroll::-webkit-scrollbar {
            width: 8px;
            background-color: #f5f5f5
        }

        .model-compare .modal-body .step-body.step-scroll::-webkit-scrollbar-thumb {
            background-color: #535457
        }

        .model-compare .modal-body .step-body .sub-sub-models {
            row-gap: .75rem
        }

        .model-compare .modal-body .step-body#step-content .step-content.row {
            row-gap: .75rem
        }

.model-compare .modal-title {
    font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,Heiti SC,SimHei,sans-serif;
    margin-bottom: 1rem
}

.model-compare .modal-content {
    height: calc(584px + clamp(16px,1.25vw + 12px,36px))
}

    .model-compare .modal-content.after-first-step {
        height: calc(584px + clamp(32px,2.75vw + 23px,76px))
    }

.model-compare .modal-footer {
    padding: 1rem;
    justify-content: flex-start;
    display: none;
    gap: 1rem
}

    .model-compare .modal-footer > .btn {
        display: flex;
        align-items: center;
        margin: .75rem 0;
        padding: 0;
        color: #010205;
        font: normal normal 400 1rem/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
        gap: 4px;
        border: 0;
        cursor: pointer
    }

        .model-compare .modal-footer > .btn > i {
            width: 23px;
            height: 23px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px
        }

        .model-compare .modal-footer > .btn:focus {
            box-shadow: none
        }

        .model-compare .modal-footer > .btn:hover {
            -webkit-backdrop-filter: blur(32px);
            backdrop-filter: blur(32px);
            background-color: rgba(148,149,152,.18)
        }

    .model-compare .modal-footer #selection-info {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        box-sizing: border-box;
        text-align: start;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-decoration: none;
        border: 2px solid #010205;
        border-radius: 4px;
        transform: translate3d(0, 0, 0);
        font: normal normal 400 1rem/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
        transition: background-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1),border-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1),color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1);
        padding: 13px 26px;
        margin: 0;
        gap: .5rem;
        background-color: #010205;
        color: #fbfcff;
        cursor: pointer
    }

        .model-compare .modal-footer #selection-info.disabled {
            background-color: #949598;
            color: #535457;
            cursor: not-allowed;
            border-color: #949598;
            pointer-events: none;
            user-select: none;
        }

            .model-compare .modal-footer #selection-info.disabled:hover {
                background-color: #949598;
                color: #535457;
                border-color: #949598
            }

        .model-compare .modal-footer #selection-info.hidden {
            display: none
        }

        .model-compare .modal-footer #selection-info:hover {
            background-color: #535457;
            border-color: #535457
        }

.model-compare .modal #another-series {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%
}

.model-compare__modal-top {
    display: flex;
    justify-content: space-between;
    width: 100%
}

    .model-compare__modal-top #step-info {
        font: normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,Heiti SC,SimHei,sans-serif;
        color: #010205
    }

    .model-compare__modal-top .btn-close {
        background-size: .75em
    }

        .model-compare__modal-top .btn-close:focus {
            box-shadow: none
        }

.model-compare__modal-vehicle {
    width: 205px;
    height: 170px;
    overflow: hidden;
    position: relative;
    border-radius: .75rem;
    cursor: pointer
}

    .model-compare__modal-vehicle:hover .model-compare__modal-vehicle--image img {
        transform: scale(1.1);
        transition: transform .25s ease
    }

    .model-compare__modal-vehicle:not(:hover) .model-compare__modal-vehicle--image img {
        transform: scale(1);
        transition: transform .25s ease-in-out
    }

.model-compare__modal-vehicle--image {
    border-radius: .75rem;
    height: 150%;
    margin-top: -40px;
    width: 100%
}

    .model-compare__modal-vehicle--image.models {
        height: 110%;
        margin-top: -10px
    }

    .model-compare__modal-vehicle--image > img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.model-compare__modal-vehicle .backdrop {
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6), transparent);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: color .24s;
    width: 100%;
    padding: 20px 20px 0
}

    .model-compare__modal-vehicle .backdrop.models {
        padding-bottom: 21px
    }

        .model-compare__modal-vehicle .backdrop.models .backdrop-media {
            height: unset;
            margin-bottom: 0
        }

            .model-compare__modal-vehicle .backdrop.models .backdrop-media > p {
                font: normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,Heiti SC,SimHei,sans-serif;
                color: #d8d8db;
                text-align: center;
                font-weight: 400
            }

.model-compare__modal-vehicle .backdrop-media {
    height: 30px;
    max-height: 30%;
    margin-bottom: .5rem
}

    .model-compare__modal-vehicle .backdrop-media img {
        width: 100%;
        filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(4%) hue-rotate(123deg) brightness(102%) contrast(101%);
        width: 100%;
        filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(4%) hue-rotate(123deg) brightness(102%) contrast(101%);
        height: 100%
    }

.model-compare__modal-subModelInfo {
    font-weight: 400;
    border-top: 1px solid #d8d8db;
    padding: 1rem 0
}

    .model-compare__modal-subModelInfo h3 {
        font: normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,Heiti SC,SimHei,sans-serif;
        color: inherit
    }

    .model-compare__modal-subModelInfo p {
        font: 400 0.75rem/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,Heiti SC,SimHei,sans-serif;
        color: #535457
    }

.model-compare__modal-submodel {
    background-color: #eeeff2;
    border-radius: .75rem;
    box-sizing: border-box;
    overflow: hidden;
    padding: .5rem;
    transition: box-shadow .25s;
    width: 100%;
    height: 136px;
    cursor: pointer
}

    .model-compare__modal-submodel:hover, .model-compare__modal-submodel.checked {
        background-color: rgba(0,0,0,0);
        box-shadow: inset 0 0 0 1px #d8d8db;
        transition: all .25s ease
    }

    .model-compare__modal-submodel.checked {
        box-shadow: inset 0 0 0 2px #6b6d70
    }

    .model-compare__modal-submodel .hidden-checkbox {
        display: none
    }

    .model-compare__modal-submodel .custom-checkbox-label {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        height: 100%;
        cursor: pointer
    }

        .model-compare__modal-submodel .custom-checkbox-label img {
            width: 100%
        }

        .model-compare__modal-submodel .custom-checkbox-label > i {
            font-weight: 400;
            font-size: 18px
        }

        .model-compare__modal-submodel .custom-checkbox-label p {
            font: normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,Heiti SC,SimHei,sans-serif;
            font-weight: 400;
            color: #010205;
            text-align: center
        }

.model-compare__selected {
    position: relative;
    margin-top: -24%
}

.model-compare__selected-images {
    margin-bottom: 1.25rem;
    padding-top: 1.75rem;
    height: calc(clamp(80px,7.5vw + 56px,200px)*2 - clamp(32px,2.75vw + 23px,76px));
    position: relative
}

    .model-compare__selected-images > div, .model-compare__selected-images > p {
        position: absolute;
        text-align: center;
        width: 100%
    }

    .model-compare__selected-images img {
        height: 100%;
        width: 100%
    }

.model-compare__selected-images--signature {
    height: clamp(32px,2.75vw + 23px,76px)
}

    .model-compare__selected-images--signature img {
        filter: brightness(0) invert(1);
        height: 100%
    }

.model-compare__selected-images--vehicle {
    height: 100%;
    top: -2rem
}

    .model-compare__selected-images--vehicle > img {
        -o-object-fit: cover;
        object-fit: cover
    }

.model-compare__selected-images .model-compare__selected-model {
    bottom: .75rem
}

.model-compare__selected-model {
    font: normal normal 600 clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem)/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
    color: #010205;
    text-align: center
}

.model-compare__selected-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 0;
    right: 0;
    color: #010205;
    opacity: .6
}

    .model-compare__selected-close:hover {
        -webkit-backdrop-filter: blur(32px);
        backdrop-filter: blur(32px);
        background-color: rgba(148,149,152,.18)
    }

.model-compare__selected-item {
    margin-bottom: 1.25rem
}

    .model-compare__selected-item .form-check {
        display: flex;
        align-items: center;
        gap: .5rem;
        margin-top: .75rem
    }

        .model-compare__selected-item .form-check:hover .form-check-input {
            border-color: #535457;
            background-color: #535457
        }

    .model-compare__selected-item .form-check-group {
        display: flex;
        align-items: center
    }

    .model-compare__selected-item .form-check-input {
        width: calc(6px + 2.125ex);
        height: calc(6px + 2.125ex);
        font: 1rem "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        box-sizing: content-box;
        background: rgba(0,0,0,0) 0% 0%/calc(6px + 2.125ex);
        transition: background-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1),border-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1);
        border: 2px solid #6b6d70;
        outline: 0;
        cursor: pointer;
        border-radius: 50%
    }

        .model-compare__selected-item .form-check-input:checked {
            background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle fill="%23FBFCFF" cx="12" cy="12" r="6"/></svg>');
            border-color: #010205;
            background-color: #010205
        }

        .model-compare__selected-item .form-check-input:focus {
            box-shadow: none
        }

    .model-compare__selected-item .form-check-label {
        padding-top: .3rem
    }

.model-compare__selected-subinfo {
    font: 400 0.75rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
    color: #535457
}

.model-compare .b-slideBar {
    height: 36px;
    border-top: 1px solid #d8d8db
}

    .model-compare .b-slideBar.stick {
        box-shadow: 0 3px 8px rgba(0,0,0,0.1607843137)
    }

    .model-compare .b-slideBar .compareHead {
        width: 100%;
        height: 100%;
        line-height: 0
    }

        .model-compare .b-slideBar .compareHead .swiper-wrapper {
            gap: 1rem
        }

        .model-compare .b-slideBar .compareHead .swiper-slide:not(:last-child) > a {
            margin-right: 0
        }

        .model-compare .b-slideBar .compareHead .swiper-slide > a {
            font-size: 16px;
            color: #010205
        }

            .model-compare .b-slideBar .compareHead .swiper-slide > a span:hover {
                -webkit-backdrop-filter: blur(32px);
                backdrop-filter: blur(32px);
                background: rgba(148,149,152,.18)
            }

            .model-compare .b-slideBar .compareHead .swiper-slide > a.active {
                font-weight: normal
            }

                .model-compare .b-slideBar .compareHead .swiper-slide > a.active:after {
                    border: 1px solid #010205;
                    background: rgba(0,0,0,0);
                    bottom: 0
                }

.model-compare .comparison .swiper {
    width: 100%;
    height: 100%
}

.model-compare .comparison .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

    .model-compare .comparison .swiper-slide img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.model-compare .comparison .thumbsGallery {
    height: 80%;
    width: 100%
}

.model-compare .comparison .swipeToChangeColor {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0 20px
}

    .model-compare .comparison .swipeToChangeColor .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: .4
    }

    .model-compare .comparison .swipeToChangeColor .swiper-slide-thumb-active {
        opacity: 1
    }

        .model-compare .comparison .swipeToChangeColor .swiper-slide-thumb-active img {
            border-radius: 20px
        }

    .model-compare .comparison .swipeToChangeColor #changeColorPagination {
        bottom: -5px
    }

        .model-compare .comparison .swipeToChangeColor #changeColorPagination .swiper-pagination-bullet {
            opacity: 1 !important;
            background: #6b6d70;
            margin: 0 5px;
            position: relative;
            transition: left 300ms,transform 300ms;
            width: 10px;
            height: 10px;
            display: inline-block;
            border-radius: 100%;
            border: 1px solid #fff
        }

        .model-compare .comparison .swipeToChangeColor #changeColorPagination .swiper-pagination-bullet-active {
            background: #000;
            height: 10px;
            width: 20px;
            border-radius: 4px
        }

.error {
    color: red;
    font-size: 0.9em;
}

input.error,
select.error {
    border: 1px solid red;
}

.call {
    max-width: 438px
}

    .call .btn-group {
        width: 100%
    }

    .call select {
        height: 50px;
        background-color: #3e4146;
        color: #fff;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20class%3D%22bi%20bi-chevron-down%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708%22%2F%3E%3C%2Fsvg%3E");
        background-size: 16px 16px;
        background-repeat: no-repeat
    }

.call-text {
    max-width: 450px
}

.call-text-personal {
    display: flex;
    gap: .5rem
}

.call-text input {
    width: 25px;
    height: 25px;
    max-width: 25px;
    min-width: 25px
}

.call-text-head {
    font-weight: 600;
    margin: 1rem 0
}

.call-text p:first-child {
    margin-top: 1rem
}

.call-text a {
    text-decoration: underline
}

    .call-text a:hover {
        color: #d5001c
    }

.call p {
    font-size: 16px
}

.call input {
    height: 50px;
    width: 100%
}

    .call input::-moz-placeholder {
        font-size: 14px
    }

    .call input::placeholder {
        font-size: 14px
    }

canvas {
    max-width: 100%
}

.textButton {
    width: 119px;
    height: 51px;
    background-color: #3e4146;
    color: #fff;
    float: right
}

    .textButton:hover {
        background-color: #d5001c;
        color: #fff
    }

.contact-form .textButton {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .25rem;
}

.contact-form .g-recaptcha {
    display: flex;
    justify-content: flex-end;
}

.captcha {
    display: flex;
    align-items: center;
    gap: 1rem
}

.captcha-img {
    display: flex;
    align-items: center
}

.call {
    max-width: 500px;
    width: 100%;
}

    .call .btn-group {
        width: 100%
    }

    .call select {
        height: 50px;
        background-color: #3e4146;
        color: #fff;
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20class%3D%22bi%20bi-chevron-down%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708%22%2F%3E%3C%2Fsvg%3E");
        background-size: 16px 16px;
        background-repeat: no-repeat
    }

.call-text {
    max-width: 550px;
    width: 100%;
}

.call-text-personal {
    display: flex;
    gap: .5rem
}

.call-text input {
    width: 25px;
    height: 25px;
    max-width: 25px;
    min-width: 25px
}

.call-text-head {
    font-weight: 600;
    margin: 1rem 0
}

.call-text p:first-child {
    margin-top: 1rem
}

.call-text a {
    text-decoration: underline
}

    .call-text a:hover {
        color: #d5001c
    }

.call p {
    font-size: 16px
}

.call input {
    height: 50px;
    width: 100%
}

    .call input::-moz-placeholder {
        font-size: 14px
    }

    .call input::placeholder {
        font-size: 14px
    }

canvas {
    max-width: 100%
}

.textButton {
    width: 119px;
    height: 51px;
    background-color: #3e4146;
    color: #fff;
    float: right
}

    .textButton:hover {
        background-color: #d5001c;
        color: #fff
    }

.captcha {
    display: flex;
    align-items: center;
    gap: 1rem
}

.captcha-img {
    display: flex;
    align-items: center
}

.module-container__inner .parallax-media .backdrop-container {
    height: 88%;
}

.b-standard-content-wrapper {
    padding-left: 7.14286%;
    padding-right: 7.14286%;
    padding-bottom: 2em;
}

    .b-standard-content-wrapper table {
        max-width: 800px;
        border-color: gray;
    }

        .b-standard-content-wrapper table tr, .b-standard-content-wrapper table td {
            border: 1px solid #ccc;
        }

    .b-standard-content-wrapper h4 {
        font-size: 24px;
        font-weight: 100;
    }

    .b-standard-content-wrapper p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        margin: 1em 0;
        max-width: 800px;
    }

        .b-standard-content-wrapper p a {
            text-decoration: underline;
        }

    .b-standard-content-wrapper table ul li {
        list-style: none;
    }

.hamburger-sticky {
    position: sticky;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    z-index: 992;
}

.price-img-responsive {
    width: 68%;
}

.price-table {
    min-width: 100%;
}

    .price-table th {
        font-weight: 600;
        padding: 5px;
        text-align: left;
        border-bottom: #d8d8d8 solid 1px;
    }

    .price-table td {
        font-weight: 200;
        padding: 5px;
        text-align: left;
        border-bottom: #d8d8d8 solid 1px;
        width: 50%;
    }

.price-page-container {
    padding: 0 7%;
}

.price-page-info {
    padding: 0 10% 5% 10%;
}

    .price-page-info h2 {
        font-weight: 100;
        font-size: 60px;
    }

    .price-page-info p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        margin: 1em 0;
    }

.mobilite-page-info {
    padding: 65px 9% 0 9%;
}

    .mobilite-page-info h3 {
        font-weight: 100;
        font-size: 28px;
        line-height: 32px;
    }

    .mobilite-page-info p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        margin: 1em 0;
        max-width: 800px;
    }

.mobilite-header {
    font-size: 36px;
    font-weight: 100;
    text-align: center;
    margin-bottom: 2rem;
    line-height: 44px;
    margin-top: 4rem;
}

.mobilite-page-info p span {
    display: block;
}

.mobilite-page-list-info {
    padding: 0px 9% 0 9%;
}

    .mobilite-page-list-info h3 {
        font-weight: 100;
        font-size: 28px;
        line-height: 32px;
    }

    .mobilite-page-list-info h1 {
        font-weight: 100;
        font-size: 24px;
        line-height: 32px;
    }

    .mobilite-page-list-info p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        margin: 1em 0;
        max-width: 800px;
    }

    .mobilite-page-list-info span {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        margin: 0;
        max-width: 800px;
    }

        .mobilite-page-list-info span a {
            color: black;
            text-decoration: underline;
            font-weight: bold;
        }

            .mobilite-page-list-info span a:hover {
                color: #d5001c;
                text-decoration: none;
                font-weight: bold;
            }

    .mobilite-page-list-info ul {
        padding-left: 33px;
        ;
    }

    .mobilite-page-list-info p a {
        color: black;
        text-decoration: underline;
        font-weight: bold;
    }

        .mobilite-page-list-info p a:hover {
            color: #d5001c;
            text-decoration: none;
            font-weight: bold;
        }

.motorSport-button-info {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 3rem;
    width: 80.66667%;
}

.motorSportSmallImage {
    max-width: 300px;
    padding-top: 4rem;
}

.fuel-table th {
    font-weight: 800;
    padding: 5px;
    text-align: left;
    border-bottom: #d8d8d8 solid 1px;
}

.fuel-table {
    min-width: 100%;
}

    .fuel-table td {
        font-weight: 200;
        padding: 5px;
        text-align: left;
        border-bottom: #d8d8d8 solid 1px;
    }

.fuel-img-responsive {
    width: 100%;
    max-width: 546px;
}

.price-list-box {
    padding: 50px 0px;
}

.price-page-container .row {
    padding: 50px 0px;
}

.porsche_services_page_info {
    padding: 30px 7.14286% 40px 7.14286%;
}

    .porsche_services_page_info p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        padding: 1em 0;
    }

    .porsche_services_page_info h1 {
        font-size: 36px;
        font-weight: 600;
    }

    .porsche_services_page_info span a {
        text-decoration: underline;
    }

.services_underline {
    text-decoration: underline;
    color: #000;
}

.porsche_services_page_info {
    padding: 0px 7.14286% 40px 7.14286%;
}

    .porsche_services_page_info p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        padding: 1em 0;
    }

        .porsche_services_page_info p span a {
            text-decoration: underline !important;
        }

    .porsche_services_page_info h1 {
        font-size: 36px;
        font-weight: 600;
    }

.team_container {
    padding-top: 30px;
    padding-bottom: 40px;
}

.team_page_container {
    padding: 0px 7.14286% 24px 7.14286%;
    display: flex;
}

    .team_page_container h1 {
        margin-left: 1%;
        font-weight: 600;
    }

.team_page_info p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 1em 0;
}

    .team_page_info p span a {
        text-decoration: underline !important;
    }

.team_page_image {
    margin: 0 2em 2em 0
}

.sub-page__content-section {
    display: flex;
    align-items: flex-start
}

    .sub-page__content-section > * {
        flex: 1 0 50%
    }

    .sub-page__content-section:last-child .sub-page__content-text {
        padding: .625rem 0 0 1.875rem
    }

        .sub-page__content-section:last-child .sub-page__content-text h2 {
            margin-bottom: 1rem
        }

.sub-page__content-text h1 {
    font-size: 23px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 1rem;
    color: #000
}

.sub-page__content-text h2,
.sub-page__content-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.sub-page__content-text h2 {
    font-weight: bold
}

.sub-page__content-text p {
    margin-bottom: 2rem
}

    .sub-page__content-text p a {
        text-decoration: underline
    }

        .sub-page__content-text p a:hover {
            text-decoration: none;
            color: #d5001c
        }

.sub-page__content-text ul {
    padding-left: 1rem;
    margin-bottom: 1rem;
    list-style-type: square
}

    .sub-page__content-text ul li::marker {
        font-size: .6em
    }

.sub-page__content-text small {
    margin-bottom: 3.5rem;
    display: block
}

.sub-page__content-image img {
    width: 100%;
    height: 400px
}

.dealer-page__banner {
    height: calc(100vh - 84px);
}

    .dealer-page__banner:hover .swiper-button-next,
    .dealer-page__banner:hover .swiper-button-prev {
        opacity: 1;
        transition: opacity .3s linear
    }

    .dealer-page__banner .swiper {
        position: relative;
        overflow: hidden;
        height: 100%
    }

    .dealer-page__banner .swiper-slide .swiper-slide-overlay {
        position: absolute;
        background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 42.71%, rgb(0, 0, 0) 100%);
        width: 100%;
        height: inherit;
        top: 0;
        bottom: 0;
    }

    .dealer-page__banner .swiper-slide .dealer-page__text {
        position: absolute;
        bottom: 0;
        max-width: 85%;
        width: 100%;
        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;
        bottom: clamp(48px,3vw + 38px,96px);
        left: 7.14286%;
        z-index: 999;
        color: #fbfcff;
        margin-bottom: clamp(16px,1.25vw + 12px,36px);
    }

        .dealer-page__banner .swiper-slide .dealer-page__text > a {
            display: flex;
            flex-direction: column;
            font-weight: normal;
            color: #fbfcff;
        }

    .dealer-page__banner .swiper-slide .dealer-page__text-title {
        font-size: 60px;
        line-height: 72px;
        position: relative;
    }

    .dealer-page__banner .swiper-slide .dealer-page__text-subtitle {
        font-size: 24px;
        line-height: 30px;
        font: 400 clamp(1.27rem, 1.16rem + 0.51vw, 1.78rem) / calc(2.125ex + 6px) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
        overflow-wrap: break-word;
        color: rgb(251, 252, 255);
    }

    .dealer-page__banner .swiper-button-next,
    .dealer-page__banner .swiper-button-prev {
        width: 27px;
        height: 27px;
        background: transparent;
        transform: translateY(-50%);
        top: 50%;
        color: #191f22;
        border-radius: 4px;
        background-size: 80%;
        background-position: center 50%;
        display: inline-block;
        right: 0;
        background-repeat: no-repeat;
        outline: 0;
        opacity: 0;
        transition: opacity .3s linear
    }

        .dealer-page__banner .swiper-button-next::after,
        .dealer-page__banner .swiper-button-prev::after {
            content: ""
        }

        .dealer-page__banner .swiper-button-next:hover,
        .dealer-page__banner .swiper-button-prev:hover {
            backdrop-filter: blur(32px);
            background-color: rgba(148, 149, 152, 0.18);
            transition: background-color .25s cubic-bezier(0.25,0.1,0.25,1);
        }

    .dealer-page__banner .swiper-button-next {
        right: .625rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.75 6.14 4.52 5.36H4v1h14.27l-4.52 5.36.77.64 5.47-6.5H20l-5.48-6.5z' fill='white'/%3E%3C/svg%3E");
    }

    .dealer-page__banner .swiper-button-prev {
        left: .625rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.25 17.86 5.73 12.5H20v-1H5.73l4.52-5.36-.77-.64L4.01 12H4l5.48 6.5z' fill='white'/%3E%3C/svg%3E");
    }

    .dealer-page__banner .swiper-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        bottom: clamp(32px,2.75vw + 23px,76px);
    }

    .dealer-page__banner .swiper-pagination-bullet,
    .extended-teaser-feature .swiper-pagination-bullet {
        cursor: pointer;
        background-color: #c8cacb;
        opacity: 1;
        margin: 0 4px;
        border: none;
        border-radius: 16px;
        background-color: #88898c;
        transition: background-color .4s ease 0s, width .4s ease 0s;
        width: 8px;
        height: 8px;
    }

    .dealer-page__banner .swiper-pagination-bullet-active,
    .extended-teaser-feature .swiper-pagination-bullet-active {
        background-color: #fbfcff;
        width: 20px;
        opacity: 1;
    }

.dealer-page.action-bar {
    position: relative;
    width: 100%;
    background-color: #212225;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    padding: 1rem .5rem;
    z-index: 10;
    transition: top 0.3s ease;
}

.dealer-page.action-bar__fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 500;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: #262629ab;
    box-shadow: 0 .5rem 2.5rem #00000029;
}

.dealer-page .action-bar__button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 0;
    border-radius: .25rem;
    text-align: center;
    width: 12.5rem;
    font-family: Porsche Next, Arial Narrow, Arial, Heiti SC, SimHei, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: rgb(251, 252, 255);
    white-space: nowrap;
}

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

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

    .dealer-page .action-bar__button > img {
        margin-right: .5rem;
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(66deg) brightness(106%) contrast(101%);
    }

.dealer-page__title {
    font: 600 clamp(1.42rem, 1.23rem + 0.94vw, 2.37rem) / calc(2.125ex + 6px) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
    color: rgb(1, 2, 5);
    text-align: start;
    max-width: 56.25rem;
    width: 100%;
}

.dealer-page__textWrapper {
    max-width: 800px;
    width: 100%
}

    .dealer-page__textWrapper > p {
        font-size: 15px
    }

        .dealer-page__textWrapper > p:not(:last-child) {
            margin-bottom: 2rem
        }

.dealer-page__teaser,
.dealer-page__models,
.dealer-page__map,
.dealer-page__hours {
    max-width: 1041px;
    width: 100%;
    margin: clamp(80px,7.5vw + 56px,200px) auto 0;
}

    .dealer-page__teaser > h2 {
        margin-bottom: clamp(32px,2.75vw + 23px,76px);
    }

.dealer-page__boxes {
    padding: 0 1rem
}

    .dealer-page__boxes > .row {
        row-gap: clamp(16px,1.25vw + 8px,32px)
    }

.dealer-page__boxes-item {
    height: 100%;
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 12px;
}

    .dealer-page__boxes-item:hover .dealer-page__boxes-item--img > img {
        transform: scale(1.05);
    }

.dealer-page__boxes-item--overlay {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, .2) 41%, rgba(0, 0, 0, .5) 67%, rgb(0, 0, 0) 100%);
}

.dealer-page__boxes-item--img {
    position: relative;
    display: block;
}

    .dealer-page__boxes-item--img::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        height: 5px;
        background-color: rgba(255, 255, 255, 0);
        width: 100%
    }

    .dealer-page__boxes-item--img > img {
        transition: transform .4s ease-out;
    }

.dealer-page__boxes-item--title {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    bottom: 1.5rem;
    z-index: 150;
    padding: 0 2rem;
}

    .dealer-page__boxes-item--title span {
        display: inline-block;
        position: relative;
        font-weight: 400;
        color: rgb(251, 252, 255);
        font-size: clamp(1.13rem, 1.08rem + 0.21vw, 1.33rem);
        text-align: left;
        font-size: 15px
    }

        .dealer-page__boxes-item--title span > img {
            filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(190deg) brightness(105%) contrast(101%);
        }

.conf-teaser {
    min-height: 200px;
    height: 100%;
    margin-top: clamp(80px,7.5vw + 56px,200px);
}

    .conf-teaser .conf-teaser-top {
        padding: 0px calc(-16px + 5vw + (2 * (clamp(16px, 12px + 1.25vw, 36px) + (0.0625 * (32px + 90vw - (15 * clamp(16px, 12px + 1.25vw, 36px)))))));
    }

        .conf-teaser .conf-teaser-top h2 {
            margin: 0 0 clamp(16px, 1.25vw + 12px, 36px);
        }

    .conf-teaser .arrow-btn-inner {
        display: flex;
        justify-content: flex-end;
    }

    .conf-teaser .conf-teaser-swiper {
        padding: 0px calc(-16px + 5vw + (2 * (clamp(16px, 12px + 1.25vw, 36px) + (0.0625 * (32px + 90vw - (15 * clamp(16px, 12px + 1.25vw, 36px)))))));
    }

        .conf-teaser .conf-teaser-swiper .swiper-slide {
            height: 340px;
        }

    .conf-teaser .conf-teaser-item {
        margin: 0 1.125rem 80px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        height: 100%;
        width: 100%;
    }

        .conf-teaser .conf-teaser-item .conf-teaser-button {
            display: flex;
            justify-content: center;
        }

.dealer-page__btn {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-width: min-content;
    text-decoration: none;
    font: 400 1rem / calc(2.125ex + 6px) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
    overflow-wrap: break-word;
    border: 2px solid rgb(1, 2, 5);
    border-radius: 4px;
    transform: translate3d(0px, 0px, 0px);
    background-color: transparent;
    color: rgb(1, 2, 5);
    --p-internal-scaling-factor: 1;
    transition: background-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25,0.1,0.25,1), border-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25,0.1,0.25,1), color var(--p-transition-duration, 0.25s) cubic-bezier(0.25,0.1,0.25,1);
    padding: calc(var(--p-internal-link-scaling, var(--p-internal-scaling-factor)) * 0.8125 * 16px) max(calc(var(--p-internal-link-scaling, var(--p-internal-scaling-factor)) * 1.625 * 16px), 4px);
    gap: clamp(2px, calc(var(--p-internal-link-scaling, var(--p-internal-scaling-factor)) * 0.5 * 16px), 16px);
}

    .dealer-page__btn:hover {
        background-color: rgba(148, 149, 152, 0.18);
        border-color: rgb(107, 109, 112);
        backdrop-filter: blur(32px);
    }

.dealer-page__models > h2 {
    margin-bottom: clamp(32px,2.75vw + 23px,76px);
}

.dealer-page__models-inner .row {
    row-gap: clamp(16px,1.25vw + 12px,36px);
}

.dealer-page__models-item {
    overflow: hidden;
}

    .dealer-page__models-item > img {
        border-radius: .5rem;
    }

.dealer-page__models-item--group {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    width: 100%
}

    .dealer-page__models-item--group > a:first-child {
        display: block;
        font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) 'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif;
        font-size: clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem);
        color: #010205;
        margin-bottom: 16px;
        overflow-wrap: break-word;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

.dealer-page__map {
    overflow: hidden;
    border-radius: .75rem;
    margin-bottom: clamp(80px,7.5vw + 56px,200px);
}

    .dealer-page__map iframe {
        width: 100%;
        height: 100%;
    }

.dealer-page__map-links {
    background: #0e0e12;
    padding: clamp(48px, 3vw + 38px, 96px) clamp(32px, 2.75vw + 23px, 76px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.dealer-page__map-links--item {
    display: inline-block;
    font-size: clamp(1.13rem, 1.08rem + 0.21vw, 1.33rem);
    color: rgb(251, 252, 255);
    border-radius: .25rem;
    padding: .25rem;
    align-self: flex-start;
}

    .dealer-page__map-links--item:hover {
        backdrop-filter: blur(32px);
        background-color: rgba(148, 149, 152, 0.18);
        color: rgb(251, 252, 255);
    }

    .dealer-page__map-links--item img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(38deg) brightness(106%) contrast(101%);
    }

    .dealer-page__map-links--item:not(:last-child) {
        margin-bottom: clamp(16px,1.25vw + 12px,36px);
    }

.dealer-page__hours {
    margin-top: 5rem
}

    .dealer-page__hours h3 {
        font: 600 clamp(1.42rem, 1.23rem + 0.94vw, 2.37rem) / calc(2.125ex + 6px) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
        margin-bottom: clamp(16px,1.25vw + 12px,36px);
        color: rgb(1, 2, 5);
    }

    .dealer-page__hours h4 {
        font: clamp(1.13rem, 1.08rem + 0.21vw, 1.33rem) / calc(2.125ex + 6px) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
        margin-bottom: clamp(8px,.5vw + 6px,16px);
        color: rgb(1, 2, 5);
        font-weight: 600;
    }

    .dealer-page__hours .contact-details {
        margin-top: clamp(16px,1.25vw + 12px,36px);
    }

    .dealer-page__hours a {
        display: flex;
        align-items: center;
        gap: 4px;
        border-radius: .25rem;
        padding: .25rem;
    }

        .dealer-page__hours a:hover {
            backdrop-filter: blur(32px);
            background-color: rgba(148, 149, 152, 0.18);
        }

        .dealer-page__hours a::before {
            content: '';
            background-repeat: no-repeat;
            width: 1.5rem;
            height: 1.5rem
        }

        .dealer-page__hours a.mail::before {
            background-image: url("/img/email.svg");
        }

        .dealer-page__hours a.home::before {
            background-image: url("/img/globe.svg");
        }

        .dealer-page__hours a.arrow::before {
            background-image: url("/img/arrow-right.svg");
        }

    .dealer-page__hours .contact-group {
        display: flex;
        align-items: center;
        gap: 2rem;
    }

.dealer-page__hours-inner:last-child {
    margin-top: 3rem
}

.dealer-page__hours-item {
    display: flex;
    align-items: center;
    gap: .625rem;
}

    .dealer-page__hours-item:not(:last-child) {
        margin-bottom: clamp(4px,.25vw + 3px,8px);
    }

    .dealer-page__hours-item p {
        flex: 0 1 25%
    }

    .dealer-page__hours-item span {
        flex: 0 1 75%
    }

.dealer-page__gallery {
    margin-top: clamp(80px,7.5vw + 56px,200px);
    background-color: #000;
    padding-left: 7.14286%;
    padding-top: 1.875rem;
    padding-bottom: 2.5rem
}

    .dealer-page__gallery h2 {
        color: #fff;
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .dealer-page__gallery > .row {
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
        padding-bottom: .4rem;
    }

        .dealer-page__gallery > .row::-webkit-scrollbar-track {
            border-radius: none;
            background-color: #959899
        }

        .dealer-page__gallery > .row::-webkit-scrollbar {
            height: 14px;
            background-color: #d5001c
        }

        .dealer-page__gallery > .row::-webkit-scrollbar-thumb {
            border-radius: none;
            background-image: url("/img/vertical-lines-black.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            background-color: #fff
        }

            .dealer-page__gallery > .row::-webkit-scrollbar-thumb:hover {
                cursor: pointer;
                background-image: url("/img/vertical-lines-white.svg");
                background-color: #d5001c
            }

    .dealer-page__gallery .gallery-section__inner-card {
        border-radius: 0;
        border: 2.5px solid #000;
        background-color: inherit
    }

.banner__wrapper {
    height: calc(100vh - 116px)
}

.page__slider {
    position: relative;
    padding-right: 0
}

    .page__slider .swiper-wrapper {
        padding-bottom: 2.5rem
    }

    .page__slider .swiper-button-next,
    .page__slider .swiper-button-prev {
        width: 50px;
        height: 50px;
        background-color: #fff;
        transform: translateY(-50%);
        top: 50%;
        color: #191f22;
        background-size: 45%;
        background-position: center 50%;
        box-shadow: 0 0 .4375rem rgba(0, 0, 0, .15);
        display: inline-block;
        font-size: 20px;
        padding: 15px;
        right: 0;
        background-repeat: no-repeat
    }

        .page__slider .swiper-button-next::after,
        .page__slider .swiper-button-prev::after {
            content: ""
        }

        .page__slider .swiper-button-next:hover,
        .page__slider .swiper-button-prev:hover {
            background-color: #d5001c
        }

    .page__slider .swiper-button-next {
        right: .625rem;
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z"/></svg>')
    }

        .page__slider .swiper-button-next:hover {
            background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="m14.75 12-6 8h1.26L16 12l-5.99-8H8.75z" fill="white" /></svg>')
        }

    .page__slider .swiper-button-prev {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z"/></svg>')
    }

        .page__slider .swiper-button-prev:hover {
            background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="100%" height="100%"><path d="M15.25 4h-1.26L8 12l5.99 8h1.26l-6-8z" fill="white" /></svg>')
        }

    .page__slider .swiper-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        bottom: 0
    }

    .page__slider .swiper-pagination-bullet {
        cursor: pointer;
        background-color: #313639;
        opacity: 1;
        margin: 0 .3125rem;
        width: 8px;
        height: 8px
    }

    .page__slider .swiper-pagination-bullet-active {
        background-color: #d5001c
    }

    .page__slider .swiper-text {
        padding: 0 0 0 6rem
    }

        .page__slider .swiper-text > h2 {
            font-size: 28px;
            line-height: 36px;
            font-weight: 100;
            margin-bottom: 1rem;
            font-family: "PorscheNextWLa", "Arial Narrow", sans-serif
        }

        .page__slider .swiper-text > p {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px
        }

.page__content-title {
    font-size: 36px;
    line-height: 44px;
    font-weight: 100;
    font-family: "PorscheNextWLa", "Arial Narrow", sans-serif;
    text-align: center;
    margin: 1.875rem 0 0
}

.intro__text {
    max-width: 800px;
    width: 100%
}

    .intro__text h2 {
        border-bottom: 1px solid #c8cacb;
        padding-bottom: 1rem;
        font-size: 24px;
        line-height: 30px;
        font-weight: 100;
        font-family: "PorscheNextWLa", "Arial Narrow", sans-serif;
        margin-bottom: 2rem
    }

    .intro__text p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px
    }

.tyres .intro__text-title {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 1rem
}

.tyres .intro__text-p {
    line-height: 24px
}

    .tyres .intro__text-p:not(:last-child) {
        margin: 0 0 2rem
    }

.tyres .module-headline, .tyres .b-module-lined-headline {
    margin-left: 1%
}

.tyres .page__content-image {
    position: relative
}

.tyres .page__content-text {
    position: absolute;
    left: 7.14286%;
    bottom: 1em;
    line-height: 52px;
    font-size: 44px;
    font-weight: 600;
    color: #fff;
    margin: 0
}

.tyres .page__content-p {
    max-width: 800px;
    width: 100%
}

.tyres .page__content ol {
    margin: 0 0 2rem;
    padding-left: 1rem
}

.tyres .page__content-row--item:not(:last-child) {
    margin-bottom: 3.75rem
}

.tyres .motorSport > h2,
.tyres .introduction > h3 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
}

.tyres .motorSport {
    margin-bottom: 0;
}

.tyres .introduction {
    max-width: 100%;
}

    .tyres .introduction > div {
        max-width: 49%;
        width: 100%;
    }

        .tyres .introduction > div > p {
            font-size: 16px;
            line-height: 24px;
            font-weight: 400;
        }

.hotspots-map.type-css .hotspots .hotspot {
    visibility: visible !important
}

.responsive-iframe-container {
    position: relative;
    width: 100%;
    padding-top: 0;
    height: auto;
    overflow: hidden;
}

iframe.iframe-module {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 0;
}

.ModelIntro .model-fuel {
    display: flex;
    justify-content: center;
}

    .ModelIntro .model-fuel .badge {
        min-width: 50px;
        width: auto;
        margin-top: clamp(4px, .25vw + 3px, 8px);
        margin-bottom: clamp(8px, .5vw + 6px, 16px);
        padding: 1px 6px;
        border-radius: 4px;
        font: 400 clamp(0.81rem, 0.77rem + 0.23vw, 0.88rem) / calc(2.125ex + 6px) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
    }

        .ModelIntro .model-fuel .badge.bg-secondary {
            background-color: rgb(238, 239, 242) !important;
            color: rgb(1, 2, 5);
        }

/*models slider components*/

.model-taycan .taycanSwiperTwo .swiper-slide:nth-child(1) .taycanSwiperTwo__box,
.model-macan .taycanSwiperTwo .swiper-slide:nth-child(1) .taycanSwiperTwo__box,
.model-macan .taycanSwiperTwo .swiper-slide:nth-child(6) .taycanSwiperTwo__box {
    width: calc(calc((100vw - calc(5vw - 16px + (clamp(16px, 1.25vw + 12px, 36px) + (100vw - ((5vw - 16px) * 2) - (clamp(16px, 1.25vw + 12px, 36px) * 15)) / 16) * 1) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 13) / 14) * 6 + clamp(16px,1.25vw + 12px,36px) * 5);
}

.model-taycan .twoBackground .slider-right-radius > img,
.model-taycan .taycanSwiperTwo .swiper-slide:not(:nth-child(3)) .twoBackground .slider-left-radius > img,
.model-macan .taycanSwiperTwo.swiper .swiper-slide:nth-child(7) .twoBackground .slider-left-radius > img {
    height: auto;
    aspect-ratio: 5 / 11;
    object-fit: cover;
}

.model-taycan .taycanSwiperTwo.swiper .swiper-slide:nth-child(4) .twoBackground > img,
.model-911 .taycanSwiperTwo.swiper .swiper-slide:nth-child(2) .twoBackground > img,
.model-718 .taycanSwiperTwo.swiper .swiper-slide:not(:nth-child(2)):not(:nth-child(4)):not(:nth-child(5)) .twoBackground > img,
.model-macan .taycanSwiperTwo.swiper .swiper-slide:nth-child(5) .twoBackground > img,
.model-cayenne .taycanSwiperTwo.swiper .swiper-slide:nth-child(1) .twoBackground > img,
.model-panamera .taycanSwiperTwo.swiper .swiper-slide:nth-child(1) .twoBackground > img,
.model-panamera .taycanSwiperTwo.swiper .swiper-slide:nth-child(3) .twoBackground > img,
.model-panamera .taycanSwiperTwo.swiper .swiper-slide:nth-child(4) .twoBackground > img {
    aspect-ratio: 125 / 66;
}

.model-taycan .taycanSwiperTwo.swiper .swiper-slide:nth-child(6) .twoBackground > img,
.model-macan .taycanSwiperTwo.swiper .swiper-slide:nth-child(6) .twoBackground > img,
.model-911 .taycanSwiperTwo.swiper .swiper-slide:nth-child(1) .twoBackground > img,
.model-911 .taycanSwiperTwo.swiper .swiper-slide:nth-child(3) .twoBackground > img,
.model-718 .taycanSwiperTwo.swiper .swiper-slide:nth-child(2) .twoBackground > img,
.model-718 .taycanSwiperTwo.swiper .swiper-slide:nth-child(4) .twoBackground > img,
.model-718 .taycanSwiperTwo.swiper .swiper-slide:nth-child(5) .twoBackground > img {
    aspect-ratio: 27 / 11;
}

.model-taycan .taycanSwiperTwo.swiper .swiper-slide:nth-child(7) .twoBackground > img {
    aspect-ratio: 16 / 9;
}

.model-cayenne .taycanSwiperTwo.swiper .swiper-slide:nth-child(3) .twoBackground,
.model-taycan .taycanSwiperTwo.swiper .swiper-slide:nth-child(6) .twoBackground,
.model-macan .taycanSwiperTwo.swiper .swiper-slide:nth-child(2) .twoBackground,
.model-macan .taycanSwiperTwo .swiper-slide:last-child .twoBackground,
.model-panamera .taycanSwiperTwo .swiper-slide:nth-child(2) .twoBackground,
.model-911 .taycanSwiperTwo .swiper-slide:nth-child(1) .twoBackground,
.model-718 .taycanSwiperTwo .swiper-slide:nth-child(2) .twoBackground,
.model-718 .taycanSwiperTwo .swiper-slide:nth-child(4) .twoBackground,
.model-718 .taycanSwiperTwo .swiper-slide:nth-child(5) .twoBackground,
.model-macan .taycanSwiperTwo.swiper .swiper-slide:nth-child(6) .twoBackground {
    max-width: 872px;
    width: 100%;
}

    .model-macan .taycanSwiperTwo.swiper .swiper-slide:nth-child(2) .twoBackground > img {
        aspect-ratio: 21 / 11;
        width: 95%;
        margin: 0 auto;
    }

.model-taycan .swiper-slide:nth-child(4) .twoBackground__tri,
.model-taycan .swiper-slide:nth-child(6) .twoBackground__tri,
.model-taycan .swiper-slide:nth-child(7) .twoBackground__tri,
.model-macan .swiper-slide:nth-child(2) .twoBackground__tri,
.model-macan .swiper-slide:nth-child(5) .twoBackground__tri,
.model-macan .swiper-slide:nth-child(8) .twoBackground__tri,
.model-cayenne .swiper-slide:nth-child(1) .twoBackground__tri,
.model-cayenne .swiper-slide:nth-child(3) .twoBackground__tri,
.model-panamera .twoBackground__tri,
.model-911 .twoBackground__tri,
.model-718 .twoBackground__tri {
    display: flex;
    gap: clamp(16px, 1.25vw + 12px, 36px);
}

    .model-taycan .swiper-slide:nth-child(4) .twoBackground__tri > h4,
    .model-taycan .swiper-slide:nth-child(6) .twoBackground__tri > h4,
    .model-taycan .swiper-slide:nth-child(7) .twoBackground__tri > h4
    .model-macan .swiper-slide:nth-child(2) .twoBackground__tri > h4,
    .model-macan .swiper-slide:nth-child(5) .twoBackground__tri > h4,
    .model-macan .swiper-slide:nth-child(8) .twoBackground__tri > h4,
    .model-cayenne .swiper-slide:nth-child(1) .twoBackground__tri > h4,
    .model-cayenne .swiper-slide:nth-child(3) .twoBackground__tri > h4,
    .model-panamera .taycanSwiperTwo .twoBackground__tri > h4,
    .model-911 .twoBackground__tri > h4,
    .model-718 .twoBackground__tri > h4 {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin-bottom: 0;
        flex: 1 1 calc(40% - clamp(16px, 1.25vw + 12px, 36px) * .5);
    }

    .model-taycan .swiper-slide:nth-child(4) .twoBackground__tri > p,
    .model-taycan .swiper-slide:nth-child(6) .twoBackground__tri > p,
    .model-taycan .swiper-slide:nth-child(7) .twoBackground__tri > p,
    .model-macan .swiper-slide:nth-child(2) .twoBackground__tri > p,
    .model-macan .swiper-slide:nth-child(5) .twoBackground__tri > p,
    .model-macan .swiper-slide:nth-child(8) .twoBackground__tri > p,
    .model-cayenne .swiper-slide:nth-child(1) .twoBackground__tri > p,
    .model-cayenne .swiper-slide:nth-child(3) .twoBackground__tri > p,
    .model-panamera .taycanSwiperTwo .twoBackground__tri > p,
    .model-911 .twoBackground__tri > p,
    .model-718 .twoBackground__tri > p {
        margin-bottom: 0;
        flex: 1 1 calc(60% - clamp(16px, 1.25vw + 12px, 36px) * .5)
    }

.model-macan .taycanSwiperTwo .swiper-slide:first-child .details p:last-child,
.model-taycan .taycanSwiperTwo .swiper-slide:first-child .details p:last-child {
    font: normal normal 400 clamp(.81rem,.23vw + .77rem,.88rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
}

.mosaic-editorial {
    position: relative;
}

    .mosaic-editorial.custom .mosaic-editorial__content {
        background-color: #fff;
    }

    .mosaic-editorial.custom .mosaic-editorial__text {
        color: #010205;
    }

.mosaic-editorial__wrapper {
    padding: 50% 0 0;
}

.mosaic-editorial.custom .mosaic-editorial__wrapper {
    padding-bottom: 0;
}

.model-cayenne .mosaic-editorial.custom .mosaic-editorial__wrapper {
    padding: 40% 0 15%;
}

.mosaic-editorial__content {
    position: relative;
    background-color: #010205;
    height: 100%;
    max-width: 100%;
    z-index: 2;
}

.mosaic-editorial__wrapper::after {
    content: '';
    background-color: #fff;
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

.mosaic-editorial__top {
    max-width: 1283px;
    width: 100%;
    margin: 0 auto;
    transform: translateY(-50%);
    position: relative;
    z-index: 0;
}

.mosaic-editorial__logo {
    position: relative;
    z-index: 6;
    margin-bottom: -2.75rem;
    text-align: center;
}

    .mosaic-editorial__logo > img {
        display: inline-block;
        vertical-align: top;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: clamp(2.0625rem, 3.625vw + 1.3375rem, 5.6875rem);
        aspect-ratio: 167 / 36 !important;
    }

.mosaic-editorial__media {
    position: relative;
}

.mosaic-editorial__media-inner {
    border-radius: 15px;
    overflow: hidden;
    transition: transform 0.1s ease-out;
    will-change: transform;
}

    .mosaic-editorial__media-inner > img {
        aspect-ratio: 1442 / 811;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

.mosaic-editorial__media > video {
    display: block;
    width: 100%;
    height: 100%;
}

.mosaic-editorial .blur-btn {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    min-width: auto;
    max-width: 53px;
    margin-top: 0;
    padding: 13px;
}

    .mosaic-editorial .blur-btn img {
        filter: invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
    }

.mosaic-editorial__text {
    max-width: 600px;
    width: 100%;
    padding: 4.75rem 0 0 7rem;
    color: #fbfcff;
}

    .mosaic-editorial__text > h2 {
        font: normal normal 400 clamp(3rem, 3vw + 1.32rem, 4rem)/calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        margin-bottom: clamp(16px, 1.25vw + 12px, 36px);
    }

    .mosaic-editorial__text > p {
        font: normal normal 400 clamp(1.13rem,.21vw + 1.08rem,1.33rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
    }

.mosaic-editorial__images {
    position: absolute;
    top: 25%;
    right: 3.75rem;
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
    transition: transform 0.2s ease-out;
    will-change: transform;
    width: 100%;
}

    .mosaic-editorial__images .mosaic-editorial__images-item {
        position: relative;
        width: 100%;
    }

        .mosaic-editorial__images .mosaic-editorial__images-item:first-child {
            max-width: 595px;
            transform: translateY(-20%);
            z-index: 9;
        }

            .mosaic-editorial__images .mosaic-editorial__images-item:first-child > img {
                aspect-ratio: 748 / 993;
            }

        .mosaic-editorial__images .mosaic-editorial__images-item:last-child {
            max-width: 694px;
            transform: translateY(50%) translateX(20%);
        }

            .mosaic-editorial__images .mosaic-editorial__images-item:last-child > img {
                aspect-ratio: 860 / 616;
            }

        .mosaic-editorial__images .mosaic-editorial__images-item > img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 15px;
        }

        .mosaic-editorial__images .mosaic-editorial__images-item video {
            border-radius: 15px;
        }

.mosaic-editorial .mosaic-editorial__images-item .ratio {
    height: 100%;
}

.mosaic-editorial .mosaic-editorial__images-item.firstHasVideo {
    aspect-ratio: 748 / 993;
}

.mosaic-editorial .mosaic-editorial__images-item.hasVideo {
    aspect-ratio: 860 / 616;
    transform: translateY(23%) translateX(20%);
    z-index: 999;
}

.model-911 .topic-explorer__slider {
    position: relative;
    overflow: hidden;
    border-radius: 1.25rem;
    height: 100%;
    width: calc(calc((100vw - calc(5vw - 16px + (clamp(16px, 1.25vw + 12px, 36px) + (100vw - ((5vw - 16px) * 2) - (clamp(16px, 1.25vw + 12px, 36px) * 15)) / 16) * 1) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 13) / 14) * 10 + clamp(16px, 1.25vw + 12px, 36px) * (9));
}

    .model-911 .topic-explorer__slider::after {
        content: "";
        position: absolute;
        z-index: 1;
        opacity: .95;
        background: linear-gradient(to top, #0e0e12, #0e0e12fc 3.4%, #0e0e12f3 7.9%, #0e0e12e4 13.4%, #0e0e12d2 19.7%, #0e0e12bd 26.6%, #0e0e12a5 34%, #0e0e128c 41.9%, #0e0e1273 49.9%, #0e0e125a, #0e0e1242 66.1%, #0e0e122d 73.9%, #0e0e121b 81.3%, #0e0e120c 88.3%, #0e0e1203 94.5%, #0e0e1200);
        top: 45%;
        right: -1px;
        bottom: -1px;
        left: -1px;
    }

.model-911 .topic-explorer__slider-media {
    display: flex;
    height: 100%;
    position: relative;
    z-index: 1;
}

    .model-911 .topic-explorer__slider-media > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.model-911 .taycanSwiperTwo .swiper-slide:nth-child(1) .topic-explorer__slider,
.model-911 .taycanSwiperTwo .swiper-slide:nth-child(3) .topic-explorer__slider,
.model-911 .taycanSwiperTwo .swiper-slide:nth-child(5) .topic-explorer__slider {
    max-width: 700px;
    width: 100%;
}

.model-911 .taycanSwiperTwo .swiper-slide:nth-child(4) .topic-explorer__slider {
    max-width: 510px;
    width: 100%;
}

.model-911 .taycanSwiperTwo .swiper-slide:nth-child(1) .topic-explorer__slider-media > img,
.model-911 .taycanSwiperTwo .swiper-slide:nth-child(3) .topic-explorer__slider-media > img,
.model-911 .taycanSwiperTwo .swiper-slide:nth-child(5) .topic-explorer__slider-media > img {
    aspect-ratio: 25 / 22;
}

.model-911 .taycanSwiperTwo .swiper-slide:nth-child(2) .topic-explorer__slider-media > img {
    aspect-ratio: 647 / 440;
}

.model-911 .taycanSwiperTwo .swiper-slide:nth-child(4) .topic-explorer__slider-media > img {
    aspect-ratio: 5 / 6;
}

.model-911 .topic-explorer__slider-text {
    padding: clamp(16px, 1.25vw + 12px, 36px);
    position: absolute;
    bottom: 0;
    color: #fff;
    z-index: 9;
}

    .model-911 .topic-explorer__slider-text > h4 {
        font: normal normal 600 clamp(1.42rem,.94vw + 1.23rem,2.37rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        margin-bottom: clamp(8px, .5vw + 6px, 16px);
    }

    .model-911 .topic-explorer__slider-text > p {
        font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
        margin-top: calc(clamp(16px, 1.25vw + 12px, 36px) - clamp(8px, .5vw + 6px, 16px) * 2);
        padding: clamp(8px, .5vw + 6px, 16px) clamp(4px, .25vw + 3px, 8px) clamp(8px, .5vw + 6px, 16px) 0;
    }

.nav-info {
    background-color: #eff0f1;
    padding: 0 7.14286%;
}

    .nav-info > p {
        font-family: "PorscheNextWLa","Arial Narrow",sans-serif;
        padding: 1.25rem 0 .625rem;
        font-weight: 100;
        font-size: 24px;
        line-height: 30px;
        margin: 0;
    }

.sticky-menu {
    position: sticky;
    top: 0;
    z-index: 997;
    height: 60px;
    display: flex;
    background-color: #eff0f1;
    padding: 0 7.14286%;
}

    .sticky-menu ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
        display: flex;
    }

    .sticky-menu > ul > li {
        color: #fff;
        background-color: #950014;
        display: block;
        padding: 1rem;
        position: relative;
        transition-duration: 0.5s;
    }

    .sticky-menu li a {
        color: #fff;
        text-decoration: none;
    }

        .sticky-menu li a > img,
        .sticky-menu li.scroll-move a > img {
            margin: 0;
            filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(3%) hue-rotate(290deg) brightness(102%) contrast(102%);
        }

    .sticky-menu li:hover ul {
        background-color: #313639;
    }

    .sticky-menu ul li ul {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        transition: all 0.5s ease;
        margin-top: 1rem;
        left: 0;
        display: none;
        z-index: 2000;
        max-height: calc(100vh - 60px);
        overflow-y: auto;
        width: 320px;
    }

        .sticky-menu ul li ul li:hover {
            background-color: #950014;
        }

        .sticky-menu ul li ul li {
            width: 100%;
            padding: .5rem 2rem;
            line-height: 40px;
        }

        .sticky-menu ul li ul > li > a {
            font-family: "PorscheNextWLa","Arial Narrow",sans-serif;
        }

    .sticky-menu ul li .dropdown .menu-up {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .sticky-menu ul li .dropdown .menu-up::after {
            content: '';
            background-image: url('/img/arrow-head-down.svg');
            background-repeat: no-repeat;
            width: 1.25rem;
            height: 1.25rem;
            transform: rotate(-180deg);
            filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(253deg) brightness(103%) contrast(102%);
        }

    .sticky-menu .dropdown.scroll-move {
        visibility: hidden;
        opacity: 0;
    }

    .sticky-menu a:not([class]):hover {
        color: #fff;
    }

    .sticky-menu a:focus {
        outline: 0;
        outline-color: transparent;
    }

.model-911 .progressMenuArea.hasIframe {
    width: 100%;
    height: calc(100vh + 1932px);
    max-height: 100%;
    border: none;
}

.extended-teaser-feature {
    padding-top: clamp(48px, 3vw + 38px, 96px);
    padding-bottom: clamp(32px, 2.75vw + 23px, 76px);
    background-color: #0e0e12;
}

.extended-teaser-feature__top {
    padding: 0px calc(-16px + 5vw + (2 * (clamp(16px, 12px + 1.25vw, 36px) + (0.0625 * (32px + 90vw - (15 * clamp(16px, 12px + 1.25vw, 36px)))))));
    margin-bottom: clamp(16px, 12px + 1.25vw, 36px);
}

    .extended-teaser-feature__top > h2 {
        font: 600 clamp(1.6rem, 1.29rem + 1.56vw, 3.16rem) / calc(2.125ex + 6px) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
        text-align: center;
        margin: 0px 0px clamp(16px, 12px + 1.25vw, 36px);
        color: rgb(251, 252, 255);
    }

    .extended-teaser-feature__top .arrow-btn-inner {
        display: flex;
        justify-content: flex-end;
    }

        .extended-teaser-feature__top .arrow-btn-inner .arrow-btn {
            cursor: pointer;
        }

        .extended-teaser-feature__top .arrow-btn-inner .extended-teaser-prev::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath fill='white' d='M9.19 18 4 11.5 9.19 5h1.25l-4.81 6H20v1H5.63l4.81 6z'/%3E%3C/svg%3E")
        }

        .extended-teaser-feature__top .arrow-btn-inner .extended-teaser-next::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath fill='white' d='M14.81 18 20 11.5 14.81 5h-1.25l4.81 6H4v1h14.37l-4.81 6z'/%3E%3C/svg%3E")
        }

.extended-teaser-feature .swiper {
    padding: 0px calc(-16px + 5vw + (2 * (clamp(16px, 12px + 1.25vw, 36px) + (0.0625 * (32px + 90vw - (15 * clamp(16px, 12px + 1.25vw, 36px)))))));
    cursor: grab;
    user-select: none;
}

    .extended-teaser-feature .swiper .swiper-wrapper {
        padding-bottom: clamp(16px, 1.25vw + 48px, 64px);
    }

    .extended-teaser-feature .swiper .swiper-slide {
        width: auto;
    }

.extended-teaser-feature .card {
    border-radius: .75rem;
    overflow: hidden;
    border: none;
    background-color: #0e0e12;
    width: 324px;
}

    .extended-teaser-feature .card:hover .card-body {
        background-color: rgba(148, 149, 152, .18);
    }

    .extended-teaser-feature .card:hover img {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    .extended-teaser-feature .card[data-link] {
        cursor: pointer;
    }

    .extended-teaser-feature .card img {
        aspect-ratio: 824 / 618;
        transition: transform .2s ease-in-out;
    }

    .extended-teaser-feature .card .card-body {
        background-color: #0e0e12;
        transition: background .2s ease-in-out;
        padding: clamp(16px, 1.25vw + 12px, 36px) clamp(8px, .5vw + 6px, 16px);
        color: #fbfcff;
    }

        .extended-teaser-feature .card .card-body .card-title {
            font: normal normal 600 clamp(1.13rem,.21vw + 1.08rem,1.33rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
            margin-bottom: clamp(4px, .25vw + 3px, 8px);
        }

        .extended-teaser-feature .card .card-body .card-text {
            font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
            margin-bottom: clamp(8px, .5vw + 6px, 16px)
        }

        .extended-teaser-feature .card .card-body a {
            display: flex;
            align-items: center;
            gap: 4px;
            width: fit-content;
            color: #fbfcff;
            padding: 4px;
            border-radius: 4px;
        }

            .extended-teaser-feature .card .card-body a::before {
                content: '';
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.81 18 20 11.5 14.81 5h-1.25l4.81 6H4v1h14.37l-4.81 6z' fill='white'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                width: 1.5rem;
                height: 1.5rem;
            }

            .extended-teaser-feature .card .card-body a:hover {
                backdrop-filter: blur(32px);
                background-color: rgba(148, 149, 152, 0.18);
            }

.cross-link-teaser {
    margin: clamp(48px, 3vw + 38px, 96px) 0;
}

    .cross-link-teaser .row {
        justify-content: center;
        gap: clamp(16px,1.25vw + 12px,36px)
    }

.feature-card {
    border: none;
    height: 100%;
    max-width: 400px;
}

.feature-card-img-container {
    position: relative;
    height: 500px;
    border-radius: 10px;
    overflow: hidden;
}

.feature-card-img-top {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s ease-in-out;
}

    .feature-card-img-top.active {
        transform: scale3d(1.05, 1.05, 1.05);
    }

.feature-card-body {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 25px;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 100%);
    color: white;
}

.feature-card-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.feature-card-text {
    margin-bottom: 25px;
}

.text-media__wrapper {
    max-width: 1041px;
    width: 100%;
    margin: 0 auto;
    padding: clamp(48px, 3vw + 38px, 96px) 0 clamp(32px, 2.75vw + 23px, 76px);
}

    .text-media__wrapper .text-media__content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
        padding: 0 0 0 calc(clamp(32px, 2.75vw + 23px, 76px) - clamp(16px,1.25vw + 12px,36px))
    }

    .text-media__wrapper h2 {
        font: normal normal 600 clamp(1.27rem,.51vw + 1.16rem,1.78rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        color: #010205;
        margin-bottom: clamp(8px, .5vw + 6px, 16px);
    }

    .text-media__wrapper .text-media__content p:not(:last-of-type) {
        margin-bottom: clamp(8px, .5vw + 20px, 32px);
    }

    .text-media__wrapper .text-media__content small {
        display: block;
        margin-top: clamp(16px, 1.25vw + 12px, 36px);
    }

    .text-media__wrapper img {
        aspect-ratio: 1272 / 954;
    }

.features-cards__wrapper {
    max-width: 1041px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: clamp(32px, 2.75vw + 23px, 76px);
}

    .features-cards__wrapper .p-modal-inner {
        padding: clamp(16px, 12px + 1.25vw, 36px) calc(clamp(32px, 23px + 2.75vw, 76px) - clamp(8px, 6px + 0.5vw, 16px));
    }

    .features-cards__wrapper .p-modal-heading {
        margin-top: 1.75rem;
    }

    .features-cards__wrapper .p-modal-inner p-text {
        margin-top: clamp(4px, .25vw + 3px, 8px);
    }

.features-cards__top {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: clamp(48px, 3vw + 38px, 96px) 0 clamp(48px, 3vw + 38px, 96px);
}

    .features-cards__top > h2 {
        font: normal normal 600 clamp(1.6rem,1.56vw + 1.29rem,3.16rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        margin-bottom: clamp(8px, .5vw + 6px, 16px);
    }

    .features-cards__top > p {
        font: normal normal 400 clamp(1.13rem,.21vw + 1.08rem,1.33rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;
        color: #010205;
    }

.features-cards__wrapper .row {
    row-gap: clamp(16px,1.25vw + 12px,36px);
}

    .features-cards__wrapper .row .card-link {
        display: block;
        height: 100%;
    }

.single-page-media .module-container__inner-text {
    max-width: 1000px;
}

@media(min-width: 576px) {
    .model-compare .modal-dialog {
        max-width: 710px;
        height: calc(584px + 1.25rem)
    }
}

@media screen and (max-width: 767px) {
    .mosaic-editorial {
        margin: 5rem 0;
    }

    .mosaic-editorial__images {
        right: 0;
        top: 62%;
        align-items: flex-start;
    }

        .mosaic-editorial__images .mosaic-editorial__images-item:first-child {
            transform: translateY(5%);
            z-index: 9;
            flex: 1 0 45%;
        }

        .mosaic-editorial__images .mosaic-editorial__images-item:last-child {
            max-width: 270px;
            transform: translateY(-25%) translateX(12%);
            flex: 1 0 70%;
            z-index: 99;
        }

    .mosaic-editorial__logo {
        margin-bottom: 0;
    }

    .mosaic-editorial__text {
        bottom: -10rem;
        left: 2rem;
    }

    .mosaic-editorial .blur-btn {
        max-width: 27px;
        padding: 0;
        left: unset;
        right: 1rem;
    }

    .mosaic-editorial__content {
        padding-bottom: 10%;
    }

    .mosaic-editorial__top {
        transform: translateY(-40%);
    }

    .mosaic-editorial__images {
        top: 65%;
    }

    .intro-modal .close-button {
        right: 1.875rem;
        font-size: 21px
    }

    .intro-modal .modal .intro-section__image img {
        -o-object-position: center;
        object-position: center
    }

    .intro-modal .modal .announcement-module__wrapper.info-content .row {
        flex-direction: column-reverse !important
    }

    .intro-modal .modal .announcement-module__wrapper .row:first-child {
        flex-direction: column-reverse
    }

    .intro-modal .modal .announcement-module__wrapper .row:last-child {
        flex-direction: unset
    }

    .intro-modal .modal .module-gridInfo__wrapper.module-slider {
        margin-bottom: 2rem
    }

        .intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-button-prev,
        .intro-modal .modal .module-gridInfo__wrapper.module-slider .swiper-button-next {
            display: none
        }

    .intro-modal .modal .module-gridInfo__wrapper .module-row h3 {
        margin-top: 1.5rem
    }

    .intro-modal .modal .module-gridInfo__wrapper .module-row-text {
        margin-left: 0
    }

    .intro-modal .modal .module-gridInfo__wrapper .module-row-button > a {
        width: -moz-fit-content;
        width: fit-content
    }

    .intro-modal .modal .module-gridInfo__items.modal-end {
        padding-top: 25px;
        padding-bottom: 25px
    }

        .intro-modal .modal .module-gridInfo__items.modal-end > p {
            font-size: 16px;
            line-height: 24px
        }

        .intro-modal .modal .module-gridInfo__items.modal-end > h2 {
            font-weight: 600;
            font-size: 30px;
            line-height: 38px
        }

        .intro-modal .modal .module-gridInfo__items.modal-end > i.fa-solid {
            font-weight: 600;
            font-size: 24px;
            line-height: 32px;
            line-height: 1
        }

    .intro-modal .modal .module-gridInfo__items.color-white {
        padding-top: 25px;
        padding-bottom: 25px
    }

        .intro-modal .modal .module-gridInfo__items.color-white h4 {
            font-weight: 600;
            font-size: 18px;
            line-height: 26px;
            margin-bottom: 1.5rem
        }

    .intro-modal .modal .module-gridInfo__items-group h3 {
        padding: 15px 0;
        font-weight: 600;
        font-size: 36px;
        line-height: 44px;
        text-align: left
    }

    .intro-modal .modal .module-gridInfo__items-group--text {
        margin-bottom: 1.25rem
    }

    .intro-modal .modal .module-base-slider__headline {
        margin-bottom: 3.125rem
    }

    .intro-modal .modal .module-base-slider__wrapper .swiper-button-prev,
    .intro-modal .modal .module-base-slider__wrapper .swiper-button-next {
        display: none
    }

    .intro-modal .modal .module-base-slider__button {
        flex-direction: column;
        padding-top: 25px;
        padding-bottom: 25px
    }

    .header {
        display: none
    }

    .m-menu__checkbox {
        display: none
    }

    .hamburger-menu {
        position: relative;
        top: 0;
        height: 4.125rem;
        padding: 13px 34px;
        padding-top: 1rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 999;
        width: 100%;
        background-color: #fff
    }

        .hamburger-menu .header-info {
            padding: .375rem
        }

    .hamburger-menu-image {
        width: 30px;
        height: 40px
    }

        .hamburger-menu-image > img {
            width: 100%
        }

    .hamburger-menu label.m-menu__toggle {
        cursor: pointer;
        margin: .375rem
    }

    .hamburger-menu .m-menu label.m-menu__toggle {
        display: flex;
        border-bottom: 0;
        padding: 0;
        box-sizing: content-box
    }

    .hamburger-menu-wrapper {
        margin: 0 auto;
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        height: 100%;
        transform: translate3d(-450px, 0, 0);
        transition: transform .35s;
        z-index: 1;
        overflow: hidden;
    }

        .hamburger-menu-wrapper .m-menu {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            overflow: hidden;
            background-color: #fff
        }

        .hamburger-menu-wrapper .m-menu__overlay {
            background-color: rgba(103, 103, 103, .5);
            position: absolute;
            top: 0;
            width: 100%;
            bottom: 0;
            z-index: 1;
            display: none
        }

        .hamburger-menu-wrapper .m-menu__header {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            padding: 1.125rem 1.6875rem 1.9375rem 1.6875rem;
            height: 80px;
        }

            .hamburger-menu-wrapper .m-menu__header span {
                font-size: 1.25rem;
                text-align: center;
                width: 100%;
                font: normal normal 600 clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
                color: #010205;
                letter-spacing: normal
            }

        .hamburger-menu-wrapper .m-menu__header-back {
            padding: 0 !important;
            margin: 0 !important
        }

        .hamburger-menu-wrapper .m-menu__header .models-detail {
            display: flex;
            flex-direction: column;
            height: 100%
        }

            .hamburger-menu-wrapper .m-menu__header .models-detail img {
                height: 1.625rem;
                pointer-events: none;
                filter: invert(3%) sepia(7%) saturate(2930%) hue-rotate(188deg) brightness(91%) contrast(103%)
            }

            .hamburger-menu-wrapper .m-menu__header .models-detail > span {
                font-size: clamp(.81rem, .23vw + .77rem, .88rem);
                font-weight: 400
            }

        .hamburger-menu-wrapper .m-menu__toggle {
            padding: 0;
            margin: 0 !important
        }

        .hamburger-menu-wrapper .m-menu__buttons {
            padding-top: 1rem
        }

            .hamburger-menu-wrapper .m-menu__buttons > a {
                display: flex;
                align-items: flex-start;
                justify-content: center;
                width: 100%;
                min-width: 54px;
                min-height: 54px;
                box-sizing: border-box;
                text-align: start;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                text-decoration: none;
                border: 2px solid #010205;
                border-radius: 4px;
                transform: translate3d(0, 0, 0);
                background-color: rgba(0, 0, 0, 0);
                color: #010205;
                font: normal normal 400 1rem/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
                overflow-wrap: break-word;
                -webkit-hyphens: auto;
                hyphens: auto;
                transition: background-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1), border-color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1), color var(--p-transition-duration, 0.25s) cubic-bezier(0.25, 0.1, 0.25, 1);
                padding: 13px 26px;
                gap: 8px
            }

                .hamburger-menu-wrapper .m-menu__buttons > a:not(:last-child) {
                    margin-bottom: 1rem
                }

                .hamburger-menu-wrapper .m-menu__buttons > a:hover {
                    background-color: rgba(148, 149, 152, .18);
                    border-color: #6b6d70;
                    -webkit-backdrop-filter: blur(32px);
                    backdrop-filter: blur(32px)
                }

            .hamburger-menu-wrapper .m-menu__buttons.bottom-button {
                width: 100%;
                margin-top: 4rem
            }

        .hamburger-menu-wrapper .m-menu__modelTypes {
            list-style-type: none
        }

            .hamburger-menu-wrapper .m-menu__modelTypes > li:not(:last-child) {
                margin-bottom: 5px
            }

                .hamburger-menu-wrapper .m-menu__modelTypes > li:not(:last-child) > a {
                    margin-bottom: 0 !important
                }

            .hamburger-menu-wrapper .m-menu__modelTypes > li:hover {
                background-color: rgba(148, 149, 152, .18)
            }

            .hamburger-menu-wrapper .m-menu__modelTypes > li > a {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                height: 100%;
                padding-bottom: 5px !important;
                position: relative;
            }

                .hamburger-menu-wrapper .m-menu__modelTypes > li > a > p {
                    color: #010205;
                    font-size: clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem);
                    font: normal normal 600 clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem)/calc(6px + 2.125ex) 'Porsche Next', 'Arial Narrow', Arial, 'Heiti SC', SimHei, sans-serif;
                }

            .hamburger-menu-wrapper .m-menu__modelTypes .model-types-status {
                color: #6B6D70;
                font-size: 1.25rem;
                line-height: 1;
            }

            .hamburger-menu-wrapper .m-menu__modelTypes .model-types-image {
                margin-top: -35px;
                display: block;
            }

                .hamburger-menu-wrapper .m-menu__modelTypes .model-types-image img {
                    width: calc(100% - 1rem);
                    height: auto;
                }

            .hamburger-menu-wrapper .m-menu__modelTypes .model-types-fuel {
                position: absolute;
                bottom: 0;
            }

        .hamburger-menu-wrapper .m-menu__content {
            position: relative;
            padding-bottom: 10rem;
            flex-direction: column;
        }

        .hamburger-menu-wrapper .m-menu .m-menu {
            transform: translate3d(480px, 0, 0)
        }

        .hamburger-menu-wrapper .m-menu.item > ul {
            padding-bottom: 0;
            height: calc(100vh - 80px);
            overflow: auto;
        }

        .hamburger-menu-wrapper .m-menu > ul {
            overflow-y: auto;
            height: 100vh;
            width: 100vw;
            box-sizing: border-box;
            padding: 0 1.6875rem 6.25rem 1.6875rem;
            list-style: none
        }

    .hamburger-menu-width {
        width: 70%;
    }


    .hamburger-menu-wrapper .m-menu > ul li:not(:last-child) > a,
    .hamburger-menu-wrapper .m-menu > ul li:not(:last-child) > label {
        margin-bottom: 2.25rem
    }

    .hamburger-menu-wrapper .m-menu > ul li > a,
    .hamburger-menu-wrapper .m-menu > ul li > label {
        display: flex;
        justify-content: space-between;
        text-align: left;
        line-height: 47px;
        text-decoration: none;
        color: #010205;
        font: normal normal 400 1rem/calc(6px + 2.125ex) 'Porsche Next', 'Arial Narrow', Arial, 'Heiti SC', SimHei, sans-serif;
        cursor: pointer;
        font-size: 1.5rem;
        position: relative;
        padding: 0 4px
    }

    .hamburger-menu-wrapper .m-menu > ul li label.a-label__chevron::after {
        content: "";
        position: absolute;
        display: inline-block;
        height: 10px;
        width: 10px;
        border-color: #333;
        border-style: solid;
        border-width: 1px 1px 0 0;
        transform: rotate(45deg);
        top: 50%;
        margin-top: -5px;
        right: 16px
    }

    .hamburger-menu-wrapper .m-menu.item > ul li {
        display: flex;
        justify-content: center;
        gap: 1.25rem;
    }

        .hamburger-menu-wrapper .m-menu.item > ul li:not(:last-child) {
            margin-bottom: 1.25rem;
        }

    .hamburger-menu-wrapper .m-menu > ul li .sublist {
        font-size: 1rem;
    }

        .hamburger-menu-wrapper .m-menu > ul li .sublist.models {
            flex-direction: column;
            align-items: flex-start;
            max-width: 15.5rem;
            padding: 4px;
            margin-bottom: 0;
        }

            .hamburger-menu-wrapper .m-menu > ul li .sublist.models .models-name {
                color: #010205;
                font-size: clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem);
                font-weight: 700;
            }

            .hamburger-menu-wrapper .m-menu > ul li .sublist.models span,
            .hamburger-menu-wrapper .m-menu__modelTypes .model-types-fuel {
                padding: 4px 9px;
                border-radius: 4px;
                font: normal normal 400 clamp(0.81rem, 0.23vw + 0.77rem, 0.88rem) / calc(6px + 2.125ex) 'Porsche Next', 'Arial Narrow', Arial, 'Heiti SC', SimHei, sans-serif;
                color: #010205;
                background: #EEEFF2;
                margin-top: .5rem;
            }

            .hamburger-menu-wrapper .m-menu > ul li .sublist.models img {
                width: calc(100% - 1rem);
                margin-top: 4px;
            }

            .hamburger-menu-wrapper .m-menu > ul li .sublist.models:hover img,
            .hamburger-menu-wrapper .m-menu__modelTypes > li:hover .model-types-image img {
                transform: translate3d(0.75rem, 0, 0);
            }

    .hamburger-menu-wrapper .m-menu > ul li .-invisible {
        border-bottom: 0
    }

    .hamburger-menu-wrapper .m-menu .gradient-box {
        display: none;
        position: absolute;
        height: 10rem;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #eeeff2);
        opacity: 1;
        width: 100%;
        bottom: 0;
        pointer-events: none;
        width: 100%;
        border-radius: 0 0 4px 0;
        z-index: 11
    }

    .hamburger-menu-wrapper .m-menu__checkbox:checked ~ .m-menu {
        transform: translate3d(0, 0, 0)
    }

    .hamburger-menu-wrapper .m-menu-inner.open-transform {
        transform: translate3d(0, 0, 0)
    }

    .hamburger-menu-wrapper.active {
        transform: translate3d(0, 0, 0);
        z-index: 999
    }

    .region {
        padding: 2rem 2rem 4.5rem 2rem
    }

    .region_text svg {
        height: 10px
    }

    .footer-second__sitemap--text {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px
    }

    .footer-second__select {
        margin-top: 1.25rem;
        flex-direction: column
    }

    .footer-second__select-country,
    .footer-second__select-language {
        margin: 0;
        width: 100%
    }

    .home-models__cards-item img {
        max-height: 100%;
        min-height: 100%;
        height: 700px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .home-models__cards .row [class*=col-] {
        margin-bottom: 1rem
    }

    .home-models__wrapper {
        padding: 0 1rem
    }

    .region_item_box_head {
        flex-wrap: wrap;
    }

    .taycanSlider h3 {
        color: black;
    }

    .car-specs__wrapper {
        padding-top: 1.5625rem;
        background-image: url("https://files.porsche.com/filestore/image/multimedia/none/modelseries-macan-pa-backplate/normal/f2242816-9100-11ea-80c9-005056bbdc38;sR;twebp/porsche-normal.webp");
        background-size: 100% 35%
    }

        .car-specs__wrapper .nav {
            justify-content: flex-start;
            padding-left: 7.14286%;
            padding-bottom: 20px;
            max-height: 50px
        }

        .car-specs__wrapper .swiper-button-next,
        .car-specs__wrapper .swiper-button-prev {
            display: none
        }

    .car-specs__slider .swiper-slide {
        display: flex;
        flex-direction: column-reverse
    }

    .car-specs__slider .swiper-pagination {
        bottom: 2.75rem
    }

    .car-specs__slider-modelImage {
        height: 170px
    }

    .car-specs__slider-modelImage--in {
        height: 100%;
        justify-content: center
    }

    .car-specs__slider-modelName {
        margin-top: 1rem;
        min-height: 100%
    }

        .car-specs__slider-modelName p {
            font-size: 2rem
        }

    .car-specs__slider-gradient {
        background: linear-gradient(0deg, #000 75%, rgba(0, 0, 0, 0) 100%);
        height: 80%;
        top: 224px
    }

    .car-specs__module-data {
        padding: 0
    }

    .car-specs__module-data--title {
        font-size: 16px;
        text-align: left
    }

    .car-specs__module-data--copy {
        font-weight: normal;
        font-size: 10px;
        line-height: 16px
    }

    .car-specs__module-additional {
        justify-content: flex-start;
        align-items: center
    }

    .car-specs__module-additional--items-data .icon-area {
        height: 20px;
        width: 20px;
        min-width: 20px
    }

        .car-specs__module-additional--items-data .icon-area img {
            width: 14px;
            height: 14px
        }

    .car-specs__module-additional--items-data .info p {
        font-weight: normal;
        font-size: 10px
    }

    .car-specs__module-additional--buttons {
        flex-direction: column;
        width: 100%;
        margin: 1.25rem 0 0
    }

    .car-specs__module-additional--buttons-item {
        width: 100%;
        justify-content: flex-start
    }

    .car-specs__module-group {
        justify-content: space-between
    }

        .car-specs__module-group .car-specs__module-data {
            flex: 1 0 50%
        }

            .car-specs__module-group .car-specs__module-data:last-child {
                display: none
            }

    .btn-models {
        width: 100%
    }

    .menu-navigation__wrapper {
        padding-left: 7.14286%
    }

        .menu-navigation__wrapper .navigation-menu .swiper-wrapper {
            flex-wrap: nowrap;
            overflow-x: auto;
            display: flex;
            gap: 2.25rem
        }

        .menu-navigation__wrapper .navigation-menu .swiper-slide {
            flex: 0 0 auto
        }

            .menu-navigation__wrapper .navigation-menu .swiper-slide:last-child {
                margin-right: 2.25rem
            }

            .menu-navigation__wrapper .navigation-menu .swiper-slide:not(:last-child) > a {
                margin-right: 0
            }

            .menu-navigation__wrapper .navigation-menu .swiper-slide > a {
                font-size: 16px !important;
                line-height: 24px
            }

        .menu-navigation__wrapper .navigation-menu .swiper-button-prev,
        .menu-navigation__wrapper .navigation-menu .swiper-button-next {
            display: none
        }

    .menu-navigation__fixed {
        top: -1px
    }

    .announcement-module__left {
        padding: 1.5625rem 0
    }

    .announcement-module__left-title {
        margin-bottom: .625rem;
        font-weight: 600;
        font-size: 24px;
        line-height: 32px
    }

    .announcement-module__left-text {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px
    }

    .announcement-module__right {
        padding: 1.5625rem 0
    }

    .announcement-module__right-title {
        margin-bottom: .625rem;
        font-weight: 600;
        font-size: 24px;
        line-height: 32px
    }

    .announcement-module__right-text {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px
    }

    .announcement-module__left-content,
    .announcement-module__right-content {
        max-width: unset;
        padding-left: 7.14286%;
        padding-right: 7.14286%
    }

    .module-container__inner .parallax-media {
        height: 100vh
    }

        .module-container__inner .parallax-media > img {
            height: 100vh;
            -o-object-fit: cover;
            object-fit: cover
        }

    .module-container__inner-text p {
        font-weight: 600;
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 1.875rem
    }

    .module-container__inner-text span {
        max-width: 100%
    }

    .module-container__inner-text .model-911 .tooltipster-items {
        border-left: none
    }

    .module-container__inner-text .model-macan .models-inner {
        width: 100%
    }

    .module-container__inner-button {
        margin-top: 2.5rem
    }

    .module-container__inner-valuesWrap {
        flex-direction: column
    }

    .module-container .module-values {
        margin-bottom: 2rem;
    }

    .module-container .module-headline {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px
    }

    .module-container__wrapper h6 {
        font-size: 24px
    }

    .module-container__menu {
        width: 100%
    }

        .module-container__menu .accordion {
            width: 100%;
            left: 0;
            top: 0;
            padding: 1rem
        }

    .module-container__imageWrap img {
        width: 100%;
        height: 500px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .module-container h1 {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px
    }

    .module-container h3 {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px
    }

    .viewer-360__head {
        padding-top: 4.375rem
    }

    .viewer-360__head-tabs h2 {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px
    }

    .viewer-360__tabContent-view360--icon .icon-image-inner {
        width: 60px;
        height: 60px
    }

        .viewer-360__tabContent-view360--icon .icon-image-inner img {
            width: 40px;
            height: 40px
        }

    .viewer-360__tabContent-view360--inner {
        position: relative
    }

        .viewer-360__tabContent-view360--inner.mobile-active {
            position: fixed;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            height: 100%;
            background: #000;
            width: 100%;
            z-index: 99999;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .viewer-360__tabContent-view360--inner.mobile-active .inner-close {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 50px;
                width: 50px;
                top: 23px;
                right: 33px;
                position: absolute;
                background-color: #fff
            }

                .viewer-360__tabContent-view360--inner.mobile-active .inner-close:hover {
                    background-color: #d5001c;
                    cursor: pointer
                }

                .viewer-360__tabContent-view360--inner.mobile-active .inner-close i.fa-solid {
                    font-size: 25px
                }

        .viewer-360__tabContent-view360--inner canvas {
            cursor: w-resize;
            height: 205px;
            width: 100%;
            transform: scale(1.5)
        }

    .models-data__wrapper .swiper-wrapper .active-card {
        width: auto
    }

    .models-data__wrapper .swiper-button-next,
    .models-data__wrapper .swiper-button-prev {
        display: none
    }

    .models-data__card {
        width: 100%;
        min-width: unset;
        min-height: 519px;
        height: auto;
        padding: 22px 25px 30px
    }

    .models-data__card-header {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

    .models-data__card-buttons {
        flex-direction: column
    }

    .models-data__card-buttons--item {
        width: 100%;
        justify-content: flex-start
    }

    .models-data__card-values {
        margin-top: .75rem
    }

    .info-section__item {
        margin: 1.5625rem 0
    }

    .info-section__item-button {
        width: 100%
    }

    .module-gridInfo__items-headline {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px
    }

    .module-gridInfo__items-group {
        max-width: 100%
    }

    .highlights__headline {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px
    }

    .highlights__imageSlider .slick-slide > img {
        width: 100%;
        height: 500px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

    .highlights__imageSlider .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 5px
    }

    .highlights__imageSlider .slick-prev,
    .highlights__imageSlider .slick-next {
        display: none !important
    }

    .highlights__textSlider {
        padding: 0 10px
    }

    .vehicle-details.model-panamera .vehicle-details__wrapper > img {
        min-height: 100vh;
        -o-object-position: right;
        object-position: right
    }

    .vehicle-details__items-item--headline h3 {
        font-size: 27px
    }

    .vehicle-details__items-item--brand {
        display: none
    }

    .vehicle-details__items-item--text {
        max-width: 295px;
        width: 100%
    }

    .gallery-section__title {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px
    }

    .tabslider-module__wrapper {
        background-color: #000
    }

        .tabslider-module__wrapper .nav {
            flex-wrap: nowrap;
            overflow-x: auto
        }

        .tabslider-module__wrapper .nav-item {
            flex: 0 0 auto
        }

    .tabslider-module__content {
        justify-content: flex-start;
        padding-top: 3rem
    }

    .tabslider-module__content-text {
        margin-top: .75rem
    }

    .tabslider-module__content > img {
        width: 100%
    }

    .model-teaser__wrapper .row {
        flex-direction: column-reverse;
        margin-bottom: 0
    }

    .model-teaser__title {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px
    }

    .model-teaser__left {
        width: 100%;
        display: flex
    }

        .model-teaser__left img {
            width: 50%;
            height: auto
        }

            .model-teaser__left img:first-child {
                margin-top: 0
            }

            .model-teaser__left img:last-child {
                padding-left: 0
            }

    .model-teaser__text {
        padding: 0 1.75rem 1.75rem
    }

        .model-teaser__text h3 {
            font-weight: 600;
            font-size: 20px;
            line-height: 28px;
            margin: 1em 0
        }

    .intro-section__image-gradient {
        height: 30%
    }

        .intro-section__image-gradient h1 {
            margin: 0 .5rem;
            padding-left: 1.65rem;
            padding-right: 1.65rem
        }

    .page-module__wrapper .row {
        --bs-gutter-y: 0;
        --bs-gutter-x: 0
    }

    .page-module__wrapper #section1 .row {
        flex-direction: column-reverse
    }

    .page-module__intro h2 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .page-module__intro p {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .page-module__textMedia {
        padding-left: 2rem;
        padding-right: 2rem
    }

        .page-module__textMedia .row .text-list.right,
        .page-module__textMedia .row .text-list.left {
            padding: 0
        }

        .page-module__textMedia .row .text-list ul {
            margin-top: 2.5rem
        }

    .page-module__description {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .page-module__downloads {
        padding-left: 2rem;
        padding-right: 2rem
    }

        .page-module__downloads .row {
            row-gap: clamp(16px, 1.25vw + 12px, 36px)
        }

    .content-info-boxes {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .content-info-boxes__item-text {
        padding: clamp(32px, 2.75vw + 23px, 76px) clamp(16px, 1.25vw + 12px, 36px)
    }

        .content-info-boxes__item-text a {
            width: 100%
        }

    .content-info-boxes__item:last-child .row {
        flex-direction: column-reverse
    }

    .approved-used__items .module-gridInfo__items {
        background: #eff0f1;
        opacity: .8
    }

    .approved-used__items .announcement-module__left-group {
        display: flex;
        flex-direction: column
    }

    .approved-warranty .menu-navigation__wrapper {
        height: 60px;
        line-height: 60px;
        padding-bottom: unset;
        padding-top: unset
    }

    .e-performance.charge .intro-section__image img {
        -o-object-position: left;
        object-position: left
    }

    .e-performance .intro-section__wrapper {
        width: 100%;
        height: 484px
    }

    .e-performance .intro-section__image {
        height: 100%
    }

        .e-performance .intro-section__image img {
            height: 100%;
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

    .e-performance .intro-section__text {
        font-weight: 600
    }

        .e-performance .intro-section__text h1 {
            font-size: 30px;
            line-height: 38px
        }

        .e-performance .intro-section__text span {
            font-size: 20px;
            line-height: 28px
        }

    .e-performance .intro-module__text > p {
        padding: 0
    }

    .e-performance .page-module .card {
        min-height: 505px
    }

    .e-performance .page-module h2 {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px;
        text-align: left
    }

    .e-performance .page-module__models.module-container {
        padding: 1.875rem 0 0
    }

    .e-performance .page-module__models-head {
        padding-left: 7.14286%;
        padding-right: 7.14286%
    }

    .e-performance .page-module__services.module-container {
        padding: 1.875rem 0 0
    }

    .e-performance .page-module__services-title {
        padding-left: 7.14286%;
        padding-right: 7.14286%
    }

    .e-performance .page-module__services-cards .card {
        min-height: 425px;
        max-width: 425px;
        height: 100%
    }

    .e-performance .page-module__accordion h2 {
        font-weight: 600;
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 0
    }

    .e-performance .page-module__accordion-items .accordion-button {
        gap: .5rem
    }

    .e-performance .page-module__accordion-items .accordion-item .only-title button {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px
    }

    .e-performance .common-slider {
        padding-left: 7.14286%;
        padding-right: 7.14286%
    }

        .e-performance .common-slider .swiper-wrapper {
            gap: 5px;
            padding-bottom: 3.5rem
        }

        .e-performance .common-slider .swiper-pagination {
            bottom: 1.5rem
        }

        .e-performance .common-slider .swiper-pagination-bullet {
            width: .625rem;
            height: .625rem;
            background: #313639;
            opacity: 1;
            margin: 0 6px
        }

        .e-performance .common-slider .swiper-pagination-bullet-active {
            background: #d5001c
        }

    .e-performance .announcement-module__wrapper .row:last-child {
        flex-direction: column-reverse
    }

    .e-performance .announcement-module__right-button,
    .e-performance .announcement-module__left-button {
        width: 100%;
        justify-content: flex-start
    }

    .e-performance .module-gridInfo__items-button {
        width: 100%
    }

    .page-module__intros p {
        width: 375px;
    }

    .page-module__intros_textMedia p {
        width: 375px;
    }

    .page-module__intros_textMedia h4 {
        width: 375px;
        font-size: 24px;
        line-height: 32px;
    }

    .page-module__textMedia {
        width: 375px;
    }

    .news {
        margin-bottom: 1rem
    }

    .news-list__item-image {
        height: 226px;
    }

    .news-list__item-text {
        padding-top: 1rem;
    }

    .news-list__item .row {
        --bs-gutter-y: 0;
        --bs-gutter-x: 0
    }

    .price-page-container .d-flex {
        display: block !important;
    }

    .fuel-table {
        font-size: 12px !important;
        line-height: 16px !important;
    }

    .price-list-img {
        padding: 1rem 0rem;
        justify-content: center;
        display: flex;
    }

    .price-img-responsive {
        width: 100%;
    }

    .infoBar__black {
        font-size: 28px;
        line-height: 36px;
    }

    .page-module__intros p {
        width: 430px;
        font-size: 24px;
        line-height: 30px;
        font-weight: 100;
    }

    .page-module__intros_textMedia p {
        width: 430px;
        font-size: 20px;
        line-height: 28px;
        font-weight: 100;
    }

    .page-module__intros_textMedia h4 {
        width: 430px;
        font-size: 26px;
        line-height: 34px;
        font-weight: 100;
        padding-left: 7.14286%;
        padding-right: 7.14286%;
    }

    .page-module__textMedia {
        width: 430px;
    }

    .dealer-page__hours-item {
        flex-direction: column;
        align-items: flex-start
    }

    .intro__text h2 {
        font-size: 20px;
        line-height: 28px;
        font-weight: 100
    }

    .tyres .intro__text-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px
    }

    .finance-summary p {
        font-size: 30px;
    }

    .firstCredit,
    .firstCredit_title {
        flex-wrap: wrap;
    }

    .firstLeasing,
    .firstLeasing_title {
        flex-wrap: wrap;
    }

    .bank-group button,
    .leasing-group button {
        margin-bottom: 1rem;
    }

    .mbSpace {
        padding: 1rem;
    }

    .financeRight {
        max-height: unset;
    }

    .finance {
        padding: 1rem;
    }

        .finance h2 {
            font-size: 26px;
        }

    .financeOption {
        min-width: 100%;
    }

    .finance-container {
        flex-wrap: wrap;
    }

    .panaromaTitle {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .buttons {
        bottom: 8rem;
        right: 2rem
    }

    .play,
    .pause {
        width: 24px;
        height: 24px;
        align-items: center;
        justify-content: center
    }

    .homeVideo {
        max-height: unset;
        width: 100%;
        height: 100vh
    }

        .homeVideo h1 {
            left: 1rem;
            bottom: 15rem
        }

        .homeVideo span {
            bottom: 6rem
        }

    video {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .ModelIntro .ModelIntro__gradient {
        height: 155px;
    }

        .ModelIntro .ModelIntro__gradient .taycanHomeVideo img {
            top: clamp(48px, 3vw + 38px, 96px);
            height: clamp( 35px, calc( 100vw - max(22px, 10.625vw - 12px) * 2 ) * .129, 170px );
        }

    .ModelIntro__imageRow {
        bottom: -60px;
    }

    .ModelIntro .taycanHomeVideo img {
        bottom: unset;
        top: 4.5rem
    }

    .image-container-two .scroll-text-two {
        bottom: -6rem;
    }

    .main .container {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1rem
    }

    .porsche-buttons {
        max-width: unset
    }

        .porsche-buttons button {
            width: 45px;
            height: 45px
        }

    .pcomGrid__item__button {
        max-width: 85%;
        left: 1.8rem
    }

    .compare-detail-info-head {
        gap: 1rem
    }

    .play {
        display: none
    }

    .wehicle__Image {
        padding: 2rem 2rem 0 2rem;
        margin-bottom: 0;
    }

    .wehicle__info {
        gap: 0 8px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-top: 4rem;
    }

    .counters_box_detail {
        text-align: center
    }

    .mbTaycan .hamburger-menu {
        background: unset;
        position: absolute
    }

        .mbTaycan .hamburger-menu .m-menu__toggle img {
            filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(271deg) brightness(105%) contrast(102%)
        }

        .mbTaycan .hamburger-menu .header__info img {
            filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(271deg) brightness(105%) contrast(102%)
        }

    .taycanHomeVideo {
        max-height: 256px
    }

        .taycanHomeVideo img {
            bottom: 5rem
        }

    .dynamic {
        flex-wrap: wrap
    }

        .dynamic img {
            height: auto;
            width: 100%
        }

    .dynamic__detail {
        padding: 1rem
    }

    .dynamicSwiper.swiper {
        padding-left: 1rem
    }

    .pageNavigationBar {
        height: 56px;
        padding: 0
    }

    .pageNavigationBar__header div:nth-child(1) {
        padding-left: 2rem;
        min-width: 100px;
        width: auto;
        text-wrap: nowrap;
    }

        .pageNavigationBar__header div:nth-child(1) p {
            display: none
        }

    .pageNavigationBar__header div:nth-child(2) {
        padding-right: 2rem
    }

        .pageNavigationBar__header div:nth-child(2) p {
            display: none
        }

    .pageNavigationBar__header div:nth-child(3) {
        display: flex
    }

    .taycanAccordion {
        margin: 0;
        padding-top: 3rem
    }

    .porscheNew__design__item {
        max-width: 300px
    }

    .Welcher .swiper-slide:nth-child(1) {
        margin-left: 1rem
    }

    .porschePerformance__bottom {
        position: relative;
        text-align: center;
        background: black;
    }

    .porschePerformance img:nth-child(1) {
        min-height: 375px;
        object-fit: none
    }

    .porschePerformance img:nth-child(2) {
        display: block
    }

    .taycanSliderBottom__arrow {
        display: none
    }

    .taycanPanaroma .pnlm-load-button {
        width: 180px;
        height: 180px;
        margin: -25%
    }

    .taycanSlider h3 {
        margin: 2rem 0
    }

    .porschePerformance {
        margin-top: 3rem
    }

    .porschePerformance__bottom {
        background: black;
        padding: 0 0 2rem;
    }

        .porschePerformance__bottom p {
            padding-bottom: 1rem;
            margin-bottom: 0
        }

    .pin-spacer {
        max-height: 500px;
        height: 100%
    }

    .ModelIntro__imageRow__img {
        padding: 2rem;
    }

        .ModelIntro__imageRow__img img {
            width: 100%;
            aspect-ratio: 2560 / 697;
        }

    .pcomGrid__item:nth-child(1) {
        min-height: unset;
    }

    .pcomGrid__item:nth-child(2) {
        min-height: unset;
        margin-top: unset
    }

        .pcomGrid__item:nth-child(2) .pcomGrid__item__button {
            bottom: 2rem
        }

        .pcomGrid__item:nth-child(2) .pcomGrid__item__footer {
            bottom: -7rem
        }

    .homeVideo h1 {
        left: 2rem;
        bottom: 16rem
    }

    .homeVideo span {
        bottom: 7rem;
        max-width: 90%;
        left: 2rem
    }

    .buttonTaycan {
        margin: 0 auto;
        display: flex;
        max-width: 70%;
        margin-bottom: 3rem
    }

    .counters_box {
        justify-content: center;
        margin-bottom: 0
    }

    .ModelIntro__contentRow {
        margin-top: 3rem;
    }

    .ModelIntro {
        height: auto;
        margin-top: 0;
    }

    .ModelIntro__gradient {
        height: 255px
    }

    .ModelIntro__Button {
        flex-wrap: wrap;
        gap: 1rem
    }

        .ModelIntro__Button .hydrated {
            width: 90%
        }

    .ModelIntro__description {
        margin-bottom: 4rem !important;
        max-width: 90% !important
    }

    .mobileGrid {
        display: grid
    }

    .modals {
        height: 100vh
    }

        .modals .swiper-pagination {
            width: 100%;
            bottom: 1rem
        }

        .modals .nav {
            justify-content: flex-start;
            padding-top: 5rem
        }

    .ModelSwiper {
        max-width: 100%
    }

        .ModelSwiper .swiper-pagination {
            display: flex
        }

        .ModelSwiper .m-364-module-item-info {
            flex-wrap: wrap
        }

        .ModelSwiper .m-364-module-item-info-detail {
            width: 100%;
            margin-bottom: 1rem
        }

        .ModelSwiper .m-364-module-specs {
            padding-left: 0
        }

        .ModelSwiper .m-364-module-specs-data {
            display: block
        }

    .sliderModel {
        display: block
    }

    .Die-719 {
        height: unset
    }

    #modalPagination {
        bottom: 0 !important
    }

    .ModelSwiper .swiper-wrapper {
        padding-bottom: 3rem
    }

    .section h3 {
        font-size: 30px
    }

    .m-308-wrapper {
        max-width: 350px
    }

        .m-308-wrapper .m-308-wrapperBox {
            height: 116px
        }

    .view360 .icon360-img {
        height: 100% !important
    }

    .view360 .icon360 {
        z-index: 9
    }

    .view360 .icon360-img-icon {
        width: 60px;
        height: 60px
    }

        .view360 .icon360-img-icon img {
            width: 50px;
            height: 50px
        }

    .HighlightsImage h6 {
        font-size: 30px
    }

    .column-left {
        width: 90%
    }

        .column-left h6 {
            margin-bottom: 30px;
            margin-left: 0;
            float: none;
            text-align: left;
            font-weight: 600;
            font-size: 30px;
            line-height: 38px
        }

        .column-left .accordion {
            width: 100%;
            left: 2rem;
            top: 10rem
        }

    .column-right {
        height: 100%;
        min-height: 800px
    }

        .column-right img {
            min-height: inherit;
            -o-object-fit: cover;
            object-fit: cover
        }

    .parallax-image .filter__consumEmission-model {
        font-size: 30px
    }

    .parallax-image img {
        height: inherit;
        -o-object-fit: cover;
        object-fit: cover
    }

    .modelMenuBack {
        height: 70px;
        line-height: 70px
    }

    .mySwiper {
        overflow: unset !important
    }

        .mySwiper .swiper-bottom-nav-right,
        .mySwiper .swiper-bottom-nav-left {
            opacity: 0
        }

        .mySwiper #homeSlider {
            bottom: -8rem !important
        }

        .mySwiper .m-364-module-specs {
            bottom: 16rem;
            padding-left: 2rem
        }

    .listMobile {
        display: block
    }

    .listDesktop {
        display: none
    }

    .galleryGrid {
        margin-bottom: 2rem
    }

    .m-106-next-best-actions-item .viewer-360-flex {
        width: 30%
    }

    .galleryGridBottom-one h2 {
        font-weight: 600;
        font-size: 24px !important;
        line-height: 32px;
        text-align: left
    }

    .m-084-info {
        display: flex;
        flex-wrap: wrap-reverse
    }

    .models-next,
    .models-prev {
        display: none !important
    }

    .modalsDetail-item {
        width: 100%;
        padding: 1rem;
        min-width: unset;
        transition: opacity 200ms ease-in-out;
        box-shadow: 10px 10px 30px 0 #c8cacb
    }

    .modalsDetail-item-box {
        display: block
    }

    .modalsDetail-item-box-img {
        width: 100% !important
    }

    .car-360 h1 {
        font-weight: 600;
        font-size: 24px !important;
        line-height: 32px;
        text-align: left
    }

    .Die-718-video {
        margin-left: 2rem
    }

        .Die-718-video p {
            font-weight: 600;
            line-height: 38px
        }

        .Die-718-video span {
            font-size: 16px !important;
            max-width: 100%;
            width: 95%
        }

    .Die-718 .parallax-image {
        height: 100vh
    }

        .Die-718 .parallax-image p {
            font-size: 30px
        }

    .modelMenu .swiper-slide {
        margin: 0 .5rem;
        width: auto !important
    }

    .modelsName {
        padding-top: 0
    }

        .modelsName p {
            font-size: 32px !important;
            padding-bottom: .5rem;
            text-align: left;
            padding-left: 2rem
        }

        .modelsName span {
            padding-left: 2rem
        }

    .swiper-pagination {
        width: 100%
    }

    .m-364-module-specs-detail {
        position: relative;
        justify-content: flex-start;
        padding-left: 2rem;
        bottom: -5rem
    }

    .m-364-module-specs-detail-one {
        padding-top: 1rem
    }

    .m-364-module-specs-detail-two svg {
        width: 20px;
        height: 20px
    }

    .m-364-module-specs-detail-two p {
        font-size: 10px !important
    }

    .m-364-module-specs-detail-tri {
        width: 290px;
        margin-bottom: .5rem
    }

    .m-364-module-specs-data:last-child {
        display: none
    }

    .m-364-module-specs-data p {
        font-size: 16px !important;
        text-align: left
    }

    .m-364-module-specs-data span {
        font-size: 10px !important
    }

    .cross-link-teaser__item {
        height: 483px;
    }

    .cross-link-teaser__textButton {
        bottom: 0;
        top: unset;
        transform: unset;
        padding: clamp(32px, 2.75vw + 23px, 76px) clamp(16px, 1.25vw + 12px, 36px) clamp(16px, 1.25vw + 12px, 36px);
    }

    .blur-btn {
        width: 100%;
    }

    .call {
        padding: 2rem;
    }

    .call-text {
        padding: 2rem;
    }

    .price-page-info h2 {
        font-size: 24px;
        line-height: 36px;
        font-weight: 100;
    }

    .price-img-responsive {
        width: 100%;
    }

    .modalContent {
        width: 100% !important;
    }

    .mobilite-header {
        font-size: 24px;
        font-weight: 100;
        text-align: center;
        margin-bottom: 2rem;
        line-height: 34px;
        margin-top: 4rem;
    }

    .grayBox__Head {
        font-size: 20px
    }

    .b-title__wrapper h2 {
        padding: 0rem 2rem;
    }

    .motorSport {
        padding: 0;
    }

        .motorSport h2 {
            padding: 0rem;
            margin: 1.5625rem 0 .5625rem;
        }

    .Begeisterung {
        margin-bottom: 7rem
    }

    .experience__Bottom {
        margin: 2rem
    }

    .experience h2 {
        margin: 1rem
    }

    .experience__detail {
        padding: 2rem
    }

        .experience__detail h1 {
            text-align: center
        }

        .experience__detail p {
            text-align: center
        }

    .experience__Center__Image {
        margin: 2rem
    }

    .experience__Center__Detail p-link {
        width: 100%
    }

    .experience__Center .home-cards__item {
        margin: .5rem 2rem
    }

    .experienceVideo {
        padding: 2rem
    }

    .containerMobileP4 {
        padding: 0 2rem 2rem 2rem !important
    }

    .flexwrapper {
        padding: .5rem
    }

    .videoTextSlider .row {
        --bs-gutter-x: 0
    }

    .videoTextSlider__detail a {
        max-width: 100%
    }

    .videoTextSlider .row-mobile-reverse {
        flex-direction: column-reverse
    }

    .m-flexwrapper {
        padding: .5rem
    }

    .find-dealer {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

        .find-dealer h2 {
            font-size: 26px !important
        }

        .find-dealer p {
            font-size: 16px
        }

    .documents__Url a {
        height: 65px
    }

    .accessoriesText {
        font-size: 24px;
        margin: 1rem 0
    }

    .documents h2 {
        font-size: 24px !important;
        margin-bottom: 2rem;
        margin-top: 2rem;
        margin-left: auto;
        margin-right: auto;
        max-width: 350px
    }

    .documentImage__Item img {
        width: 100%;
        margin: 2rem 0
    }

    .accessories {
        padding: 2rem;
        margin-top: 0
    }

    .accessories__Swiper .swiper-slide {
        height: 415px
    }

    .accessories__Swiper__arrow {
        display: none
    }

    .accessories__Swiper__title p {
        font-size: 28px;
        top: 2rem;
        left: 1rem;
        line-height: normal
    }

    .accessoriesHead {
        position: relative;
        top: 0
    }

    .cookie__content {
        flex-wrap: wrap
    }

    .cookie__content__wrapper {
        justify-content: flex-start !important
    }

    .b-title__sticky__detail {
        display: none
    }

    .motorSport h2 {
        font-size: 24px
    }

    .tequipmentNew {
        height: 415px
    }

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

    .tequipmentNew__title {
        top: 2rem;
        left: 2rem
    }

        .tequipmentNew__title p {
            font-size: 30px
        }

    .tequipmentNew__arrow {
        display: none
    }

    .module-footer {
        margin: 1rem
    }

    .mbMagazine {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 1rem
    }

        .mbMagazine .beforeMagazine__image {
            max-width: 35%
        }

            .mbMagazine .beforeMagazine__image img {
                width: 100%
            }

    .motorSport-container {
        padding: 2rem
    }

    .motorSport__button {
        padding-left: 0
    }

    .beforeMagazine h2 {
        font-size: 24px;
        padding-bottom: 1rem
    }

    .magazine__slide img {
        height: 480px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .magazine__slide__text p {
        font-weight: 600;
        font-size: 30px;
        line-height: 38px
    }

    .magazine__slide__text span {
        font-weight: 600;
        font-size: 20px;
        line-height: 28px
    }

    .magazine__slide__text a {
        display: none
    }

    .exclusive__slide > img {
        -o-object-fit: cover;
        object-fit: cover
    }

    .exclusive__slide__text p {
        font-weight: 600;
        font-size: 30px;
        line-height: 38px;
        padding: 0rem 2rem;
    }

    .exclusive__slide__text span {
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        padding: 0rem 2rem;
        display: block;
    }

    .exclusive__slide__text a {
        display: none
    }

    .module-container .module-values {
        padding: 1rem
    }

    .home-cards__wrapper {
        margin: 2.5rem 0;
        padding: 0 2rem;
    }

        .home-cards__wrapper > .row {
            row-gap: 1.5rem;
        }

        .home-cards__wrapper .museumCard {
            margin-bottom: 1rem
        }

    .home-find__wrapper {
        margin: 5rem 0;
    }

    .home-find__panel {
        margin-top: 0;
    }

    .cardHeader {
        margin: 2rem 0
    }

    .Slide__arrow {
        display: none
    }

    .newsHeader {
        margin: 2rem 0
    }

    .videoTextSlider {
        padding: 1rem
    }

    .videoTextSlider__detail {
        padding: 1rem 0
    }

        .videoTextSlider__detail h2 {
            font: normal normal 600 clamp(1.42rem, 0.94vw + 1.23rem, 2.37rem)/calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
            margin-bottom: .8rem
        }

        .videoTextSlider__detail p {
            font: 400 1rem/calc(6px + 2.125ex) Porsche Next, Arial Narrow, Arial, Heiti SC, SimHei, sans-serif;
            margin-bottom: .8rem
        }

        .videoTextSlider__detail p-link {
            margin: 0 auto;
            width: 100%
        }

    .pcomGrid__Item {
        margin: 2rem 0;
        max-width: 362px;
        width: 100%
    }

    .news {
        overflow-x: hidden;
    }

        .news .swiper-slide {
            padding-bottom: 2rem
        }

            .news .swiper-slide:nth-child(1) {
                margin-left: 1rem
            }

    #newsPegination {
        bottom: 0
    }


    .museum__slide img {
        height: 430px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .museum__slide__text p {
        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;
        padding-left: 2rem
    }

    .museum__slide__text span {
        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;
        padding-left: 2rem
    }

    .home-cards__wrapper .museumCard {
        width: auto;
    }

    .taycanSwiperTwo__box1x1 {
        display: flex;
        justify-content: center;
        padding-top: 1rem;
    }

    .sub-page__content-section:first-child {
        flex-direction: column-reverse
    }

        .sub-page__content-section:first-child .sub-page__content-text h1 {
            margin-top: 1rem
        }

    .sub-page__content-section:last-child {
        flex-direction: column
    }

        .sub-page__content-section:last-child .sub-page__content-text {
            padding: 1rem 0
        }

    .home-models__cards-item--signature > span {
        max-height: 100%;
    }

        .home-models__cards-item--signature > span > img {
            height: 16px;
        }

    .feature-card-img-container {
        height: 500px;
    }
}

@media screen and (min-width: 767px) and (max-width:992px) {

    #menu {
        inline-size: 85%;
    }

    .pageNavigationBar__header div:nth-child(1) {
        padding-left: 3rem;
    }

    .pageNavigationBar__header div {
        gap: 1rem;
    }

    .mosaic-editorial {
        margin: 8rem 0;
    }

    .mosaic-editorial__logo {
        margin-bottom: -.75rem;
    }

    .mosaic-editorial__images {
        top: 45%;
        align-items: flex-start;
    }

        .mosaic-editorial__images .mosaic-editorial__images-item:first-child {
            transform: translateY(25%) translateX(15%);
            flex: 1 0 50%;
            z-index: unset;
        }

        .mosaic-editorial__images .mosaic-editorial__images-item:last-child {
            transform: translateY(0) translateX(28%);
            flex: 1 0 70%;
            max-width: 500px;
        }

    .feature-card-img-container {
        height: 750px;
    }

    .feature-card {
        max-width: 600px;
    }

    .dealer-page.action-bar {
        gap: 1px;
    }
}

@media screen and (max-width: 992px) {

    .mosaic-editorial__text {
        padding: 3rem 1rem 2rem;
    }

        .mosaic-editorial__text > h2 {
            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;
        }

    .buttons {
        bottom: 1rem;
        right: 2rem
    }

    .play,
    .pause {
        width: 28px;
        height: 28px;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .homeVideo {
        max-height: unset;
        width: 100%;
        height: 100vh
    }

        .homeVideo h1 {
            left: 2rem;
            bottom: 12rem
        }

        .homeVideo .videoDetail {
            left: 2rem;
            bottom: 8rem;
            width: 85%;
            font-size: .9rem
        }

        .homeVideo span {
            left: 2rem;
            bottom: 4rem;
            text-align: left
        }

    video {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .technical_btn_mobile {
        width: 100%
    }


    .cross-link-teaser__wrapper {
        padding: 0 clamp(16px, 1.25vw + 12px, 36px);
    }

    .cross-link-teaser__item > img {
        aspect-ratio: 3 / 4;
        height: 100%;
        width: 100%;
    }

    .pcomGrid {
        margin: 0;
        row-gap: 4rem;
        padding: 6rem 0 0;
    }

    .pcomGrid__item {
        height: 484px;
    }

    .pcomGrid [class*="col-"]:nth-child(2) .pcomGrid__item {
        margin-top: 0;
    }

    .pcomGrid__item__button {
        max-width: 85%;
        left: 1.8rem
    }

    .Welcher__Slider .button-group {
        flex-direction: column !important
    }

    .Welcher {
        padding-left: 0;
    }

    .card-slider.swiper {
        padding-left: 1rem;
        padding-right: 0;
    }

    .modalContent_info {
        width: 100%;
        height: 100vh
    }

    .technical-detail-info {
        display: block;
        margin-bottom: 1rem;
        line-height: 1.5rem
    }

    .WelcherTop {
        padding-bottom: clamp(8px, 1.25vw + 6px, 36px);
    }

    .welcerTaycan .WelcherTop .taycanSlider__arrow {
        display: none;
    }

    .b-title__wrapper {
        margin-bottom: 1rem;
    }

    .technical-data__wrapper .module-container {
        padding-top: 1.5625rem;
        padding-bottom: 1.5625rem
    }

    .technical-data__head-title {
        font-weight: 600;
        font-size: 30px;
        line-height: 38px;
        width: 80%
    }

    .technical-data__head-info {
        height: unset
    }

    .technical-data__head-info--item:not(:first-child):not(:last-child) {
        display: none
    }

    .technical-data__body > .row {
        flex-direction: column-reverse
    }

    .technical-data__body-vehicle {
        transform: translateX(-35%);
        margin-top: 0
    }

        .technical-data__body-vehicle .sticky-container {
            flex-direction: row-reverse;
            align-items: flex-start
        }

    .technical-data__body-vehicle--top {
        width: 100%;
        justify-content: flex-end;
        gap: 0;
        flex-direction: column;
        padding: 0;
        margin: 3rem 0 0
    }

    .technical-data__body-vehicle--center {
        position: unset
    }

    .technical-data__body-vehicle--img img {
        transform: scale(1.4)
    }

    .technical-data__body-vehicle--group {
        position: absolute;
        top: 50%;
        display: flex;
        flex-direction: column;
        right: 5px
    }

    .technical-data__body .accordion-item #acc-head-zero button {
        font-weight: 600;
        font-size: 28px;
        line-height: 34px;
        padding: .75rem 0
    }

    .technical-data__body .accordion-button {
        padding: 1rem 0;
        width: 100%;
        font-weight: 600;
        font-size: 18px;
        line-height: 26px
    }

    .technical-data__body .accordion-body .acc-content .row .second-col {
        font-size: 16px;
        line-height: 24px
    }

    .technical-data__body-btn {
        flex-direction: column;
        gap: .625rem
    }

        .technical-data__body-btn > a {
            width: 100%;
            justify-content: flex-start;
            margin: 0
        }

    .info-section {
        margin-top: 3rem
    }

        .info-section.announcement {
            padding: 0 7.14286%
        }

            .info-section.announcement .info-section__item > a {
                width: 100%
            }

    .intro-modal .modal-content .info-section h2 {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 12px
    }

    .team_page_container {
        display: block !important;
    }

    .infoBar__black {
        color: #000;
        font-size: 40px !important;
        font-weight: 100 !important;
        line-height: 52px !important;
    }

    .infoBar_container_between {
        padding-left: 7.14286%;
        padding-right: 7.14286%;
    }

    .page-module__intros {
        padding-left: 7.14286%;
        padding-right: 7.14286%;
    }

        .page-module__intros p {
            padding-left: 7.14286%;
            padding-right: 7.14286%;
            margin-left: 0;
            width: 640px;
        }

    .page-module__intros_textMedia p {
        padding-left: 7.14286%;
        padding-right: 7.14286%;
        margin-left: 0;
        width: 640px;
    }

    .page-module__intros__text {
        padding-left: 0;
        margin: 1rem 0;
    }

    .page-module__textMedia {
        width: 640px;
        padding-left: 7.14286%;
        padding-right: 7.14286%;
    }

    .select-modal-inner {
        grid-template-columns: auto;
        position: relative;
    }

    .custom-model-logo {
        display: flex;
        justify-content: center;
    }

    .modelSelectHeader {
        flex-direction: column;
        align-items: center;
    }

    .modalContent {
        height: 100% !important;
        width: 60vw;
    }

        .modalContent .side-menu {
            flex-direction: column;
            gap: clamp(16px, 1.25vw + 12px, 36px);
        }

    .tab-menu-wrapper .tab-menu-content .nav {
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        justify-content: center;
        gap: .5rem;
        padding-bottom: .75rem;
    }

        .tab-menu-wrapper .tab-menu-content .nav > p {
            display: none;
        }

    .tab-menu-wrapper .tab-menu-content .side-menu-btn {
        flex-direction: row;
        gap: 1rem;
    }

    .modalContent .side-menu .modelSelect {
        display: none;
    }

    .custom-model-logo {
        height: 35px;
    }

    .modalImgRight {
        max-width: 45%;
    }

    .tab-menu-content {
        margin-top: 2.5rem;
    }

    .tab-menu-wrapper button.nav-link {
        position: relative;
        width: auto;
        height: unset;
        padding: 0;
        font-weight: 600;
    }

        .tab-menu-wrapper button.nav-link.active::before {
            content: '';
            position: absolute;
            height: 2px;
            left: 0;
            background: #010205;
            right: 0px;
            bottom: -6px;
        }

    .tab-menu-wrapper button img {
        display: none;
    }

    .tab-menu-wrapper .nav .active {
        background-color: inherit;
        backdrop-filter: none;
    }

    .tab-menu-wrapper button:hover {
        background-color: inherit;
    }

    .side-menu .mobile-count {
        text-align: center;
        width: 100%;
        font: normal normal 400 clamp(.81rem, .23vw + .77rem, .88rem) / calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
        color: #6b6d70;
    }

    .modelSelectHeader {
        display: none;
    }

    .modalContent .side-menu .tab-content {
        padding: 0;
    }

    .model-select-item {
        padding: 1rem;
    }

    .modalContent .tab-content .tab-pane {
        padding: 1rem 0;
    }

    .model-select-item:last-child {
        margin-bottom: 0;
    }

    .slider-left-radius {
        height: unset;
    }

    .news-detail__banner {
        height: 440px
    }

        .news-detail__banner .swiper-slide img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

    .part-page {
        height: unset
    }

        .part-page .intro-section__video {
            height: auto
        }

            .part-page .intro-section__video .video-js {
                padding-bottom: 56.25%
            }

    .intro .announcement-module__wrapper {
        padding: 0 7.14286%
    }

        .intro .announcement-module__wrapper > .row {
            flex-direction: column-reverse !important
        }

    .intro .announcement-module__left-content {
        padding: 0
    }

    .intro-modal .porscheModal h2 {
        font-size: 30px
    }

    .intro-modal .porscheModal .swiper-button-next {
        right: -1.25rem
    }

    .intro-modal .popup-Swiper {
        padding-bottom: 0
    }

        .intro-modal .popup-Swiper > .row > h2 {
            font-size: 30px;
            margin-bottom: 1.5rem
        }

        .intro-modal .popup-Swiper .swiper {
            margin-left: auto;
            margin-right: auto;
            position: relative;
            overflow: hidden;
            list-style: none;
            padding: 0;
            z-index: 1
        }

        .intro-modal .popup-Swiper .swiper-slide {
            width: unset
        }

        .intro-modal .popup-Swiper .popupSwiper-cards {
            padding-bottom: 2rem
        }

        .intro-modal .popup-Swiper .popupNewSlider {
            min-height: 385px
        }

    .tequipment-head {
        padding: 1rem;
    }

    .tequipment-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px;
    }

    .tequipment-desc {
        margin-top: .5rem
    }

    .tequipment-cards {
        padding: 1rem;
    }

    .tequipment {
        gap: .7rem;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .tequipment__Item {
        max-width: unset;
        width: 47%
    }

    .tequipmentText {
        font-size: 24px
    }

    .historie {
        max-height: 670px;
    }

    .historie-inner > h2 {
        padding: 0;
        font-size: 28px;
    }

    .historie__Swiper img {
        width: 100%
    }

    .historie__Swiper .swiper-slide {
        display: flex;
        flex-wrap: wrap
    }

    .historie__Swiper__box {
        width: 100%;
        height: 100%;
        position: relative;
        left: 0;
        top: 0;
        padding: 1rem;
        background-color: #fff;
        transform: none;
    }

        .historie__Swiper__box h2 {
            font-size: 24px
        }

    .historie__Swiper__arrow {
        display: none
    }

    .historie__Swiper .box-invisible {
        visibility: inherit;
    }

    #magazine > .row {
        padding-left: 7.14286%;
        padding-right: 7.14286%;
    }

    .exclusive__slide__text p {
        font-size: 40px;
        line-height: 48px
    }

    .exclusive__slide__text a {
        bottom: 4rem;
        left: -2rem
    }

    .swiper.magazine {
        height: 100%;
    }

    #exclusiveCarousel.swiper.exclusive {
        height: 340px;
    }

    .exclusive .exclusive__arrow__next .exclusive .exclusive__arrow__prev {
        display: none;
    }

    .content .vjs-poster {
        background-size: cover;
        background-position: top;
    }

    .news {
        margin-bottom: 3rem;
    }

    .news-list__item-image {
        max-width: 100%;
    }

    .news-list__item-text {
        margin-top: 0;
    }

    #slider.m-29-features-v2-headline-wrapper {
        padding: 0 1rem;
    }

    .touchSlider {
        padding: 0;
    }

    .model-taycan .taycanSwiperTwo .swiper-slide:nth-child(1) .taycanSwiperTwo__box,
    .model-macan .taycanSwiperTwo .swiper-slide:nth-child(1) .taycanSwiperTwo__box,
    .model-macan .taycanSwiperTwo .swiper-slide:nth-child(5) .taycanSwiperTwo__box,
    .model-macan .taycanSwiperTwo .swiper-slide:nth-child(6) .taycanSwiperTwo__box {
        width: auto;
    }

    .taycanSwiperTwo .swiper-slide .details p:last-child {
        margin: 0;
        font: normal normal 400 clamp(.81rem, .23vw + .77rem, .88rem)/ calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif
    }

    .taycanSwiperTwo .swiper-slide .details h2 {
        margin-bottom: clamp(8px, .5vw + 6px, 16px);
    }

    .model-taycan .twoBackground .slider-right-radius > img,
    .model-taycan .taycanSwiperTwo .swiper-slide:not(:nth-child(3)) .twoBackground .slider-left-radius > img,
    .model-taycan .taycanSwiperTwo.swiper .swiper-slide:nth-child(7) .twoBackground > img,
    .model-taycan .taycanSwiperTwo.swiper .swiper-slide:nth-child(6) .twoBackground > img,
    .model-macan .taycanSwiperTwo.swiper .swiper-slide:nth-child(2) .twoBackground > img {
        aspect-ratio: 4 / 3;
        width: 100%;
    }

    .model-taycan .taycanSwiperTwo.swiper .swiper-slide:nth-child(4) .twoBackground > img {
        aspect-ratio: 4 / 3;
        width: 100%;
        margin: auto;
    }

    .model-taycan .taycanSwiperTwo__box1x1 {
        padding-top: 0;
        flex-direction: column;
    }

    .model-taycan .taycanSwiperTwo .swiper-slide .details {
        position: fixed;
        bottom: 0;
        left: 0;
        padding: clamp(16px, 1.25vw + 12px, 36px);
    }

    .model-taycan .taycanSwiperTwo .swiper-slide:nth-child(5) .twoBackground .slider-left-radius > img {
        height: unset !important;
        aspect-ratio: inherit;
    }

    .taycanSwiperTwo .swiper-slide:nth-child(2) .twoBackground {
        flex-direction: column-reverse;
        justify-content: flex-end;
    }

    .model-panamera .taycanSwiperTwo .swiper-slide .details {
        bottom: clamp(16px, 1.25vw + 12px, 36px);
        left: clamp(16px, 1.25vw + 12px, 36px);
    }

    .twoBackground__tri {
        flex-direction: column;
        gap: clamp(8px, .5vw + 6px, 16px);
    }

        .twoBackground__tri p {
            margin: clamp(8px, .5vw + 6px, 16px) 0 0;
        }

    .taycanSwiperTwo.swiper {
        padding: 0 max(22px, 10.625vw - 12px);
    }

    .taycanSwiperTwo .swiper-slide {
        height: 524px;
    }

        .taycanSwiperTwo .swiper-slide img {
            aspect-ratio: 3 / 4 !important;
            object-fit: cover;
        }

    #modelSliderCounter .taycanSliderBottom__arrow {
        display: flex;
    }

    .taycanSliderBottom__arrow .taycanSliderBottom__arrow-group {
        display: none;
    }

    .taycanSliderBottom__arrow {
        padding: 0 max(22px, 10.625vw - 12px);
    }

    .twoBackground__tri h4 {
        margin-bottom: 0;
    }

    .model-panamera .taycanSwiperTwo .swiper-slide:last-child .row.twoBackground {
        flex-direction: column-reverse;
        justify-content: flex-end;
    }

        .model-panamera .taycanSwiperTwo .swiper-slide:last-child .row.twoBackground .slider-right-radius > img {
            transform: rotate(90deg);
            object-fit: contain;
        }


    .twoBackground {
        width: 100%;
    }

        .twoBackground .twoBackground-col {
            height: unset;
        }

    .responsive-iframe-container {
        margin-bottom: 0;
        height: 100%;
    }

        .responsive-iframe-container iframe {
            height: 900px !important;
        }

    .dealer-page__banner {
        height: 484px
    }

        .dealer-page__banner .dealer-banner__arrow {
            display: none
        }

        .dealer-page__banner .swiper-slide .dealer-page__text > a:hover span {
            transition: color .24s;
            color: #fff
        }

        .dealer-page__banner .swiper-slide .dealer-page__text-title {
            font-size: 28px;
            line-height: 36px
        }

            .dealer-page__banner .swiper-slide .dealer-page__text-title::before {
                width: 2rem;
                height: 2rem;
                top: .25rem;
                bottom: 0;
                left: -1.75rem
            }

        .dealer-page__banner .swiper-slide .dealer-page__text-subtitle {
            font-size: 20px;
            line-height: 28px
        }

        .dealer-page__banner .swiper-slide img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

    .dealer-page__boxes {
        padding: 0;
    }

        .dealer-page__boxes .row {
            row-gap: 1.25rem
        }

    .dealer-page__boxes-item {
        display: flex;
        gap: 22px
    }

    .dealer-page__boxes-item--title {
        margin-top: 0;
        text-align: left
    }

        .dealer-page__boxes-item--title span {
            word-break: break-word
        }

    .dealer-page__models {
        margin: 2rem 0 1.5rem
    }

    .dealer-page__models-item--group {
        padding: 7.14286% 7.14286% 0;
        justify-content: flex-end;
        top: 22px
    }

        .dealer-page__models-item--group > a {
            font-size: 20px;
            line-height: 28px;
            font-weight: normal;
            display: flex;
            align-items: center;
            pointer-events: auto;
            -webkit-user-select: all;
            -moz-user-select: all;
            user-select: all
        }

    .dealer-page__gallery {
        padding-top: 1.5625rem;
        padding-bottom: 1.5625rem
    }

    .content .banner__wrapper .vjs-poster {
        background-position: center
    }

    .content .module-container {
        padding-top: 1.5625rem;
        padding-bottom: 1.5625rem
    }

    .banner__wrapper {
        height: 100%
    }

    .page__slider {
        padding: 0
    }

        .page__slider.mobile {
            padding-left: 7.14286%;
            padding-right: 7.14286%
        }

        .page__slider .swiper-button-next,
        .page__slider .swiper-button-prev {
            display: none
        }

        .page__slider .swiper-text {
            padding: 0;
            margin-top: 1.5rem
        }

            .page__slider .swiper-text > h2 {
                font-size: 24px;
                line-height: 30px;
                font-weight: 100
            }

    .page__content-title {
        font-size: 26px;
        line-height: 34px;
        font-weight: 100
    }

    .m-35-info-card .m-35-dropdown-wrapper label {
        width: 97%
    }

    .tyres .page__content {
        margin-top: 1.75rem
    }

    .tyres .page__content-image {
        height: 415px;
        margin-bottom: 4rem
    }

        .tyres .page__content-image > img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

    .tyres .page__content-text {
        font-weight: 600;
        font-size: 30px;
        line-height: 38px
    }

    .tyres .page__content-row--item .row img {
        margin-bottom: 1.5rem
    }

    .tyres .module-container:nth-child(6) .page__content {
        margin-top: 0
    }

    .tyres .module-container:nth-child(6) .page__content-image {
        margin-bottom: 0
    }

    .sticky-menu {
        padding: 0;
    }

        .sticky-menu.menu-open {
            height: auto;
        }

            .sticky-menu.menu-open > ul,
            .sticky-menu.menu-open > ul > li,
            .sticky-menu.menu-open ul li ul {
                width: 100%;
            }

                .sticky-menu.menu-open > ul > li {
                    background-color: #313639;
                    padding: 1rem 0 0;
                }

        .sticky-menu > ul > li {
            transition-duration: unset;
        }

        .sticky-menu.menu-open > ul > li > a {
            padding-left: 1rem;
        }

        .sticky-menu.menu-open > ul li:first-child {
            border-top: 1px solid #fff;
        }

        .sticky-menu.menu-open > ul li:not(:last-child) {
            border-bottom: 1px solid #fff;
        }

        .sticky-menu.menu-open > ul li a > img {
            filter: brightness(0) saturate(100%) invert(13%) sepia(96%) saturate(2742%) hue-rotate(342deg) brightness(85%) contrast(110%);
        }

        .sticky-menu.menu-open ul li > ul {
            visibility: visible;
            opacity: 1;
            display: block;
            position: unset;
        }

    .model-911 .topic-explorer__slider {
        width: auto;
    }

    .home-models__wrapper {
        margin-top: clamp(80px, 7.5vw + 56px, 200px);
    }

    .home-models__title {
        padding-left: max(22px, 10.625vw - 10px);
    }

    .home-models__cards-item--inner {
        display: none;
    }

    .person-quote .person-quote-inner {
        padding: 3rem 0;
    }

    .dealer-page.action-bar {
        gap: unset;
        justify-content: flex-start;
        align-items: flex-start;
        padding: .5rem;
    }

    .dealer-page .action-bar__button {
        flex-direction: column;
        padding: .25rem;
    }

        .dealer-page .action-bar__button span {
            display: block;
            text-wrap: wrap;
        }

        .dealer-page .action-bar__button > img {
            margin-right: 0;
        }

    .dealer-page.action-bar__fixed .action-bar__button span {
        display: none;
    }

    .dealer-page__models-inner {
        overflow-x: auto;
        padding: 0 0 2rem;
    }

        .dealer-page__models-inner .row {
            flex-wrap: nowrap;
            display: flex;
        }

    .dealer-page__title {
        font: normal normal 600 clamp(1.42rem, 0.94vw + 1.23rem, 2.37rem)/calc(6px + 2.125ex) 'Porsche Next','Arial Narrow',Arial,'Heiti SC',SimHei,sans-serif;
        margin: 0 0 clamp(16px, 1.25vw + 12px, 36px);
    }

    .dealer-page__teaser,
    .dealer-page__models,
    .dealer-page__map,
    .dealer-page__hours {
        padding: 0 max(22px, 10.625vw - 12px);
    }

    .conf-teaser .conf-teaser-item {
        margin-right: 0;
        margin-left: 0;
    }

    .dealer-page__btn {
        width: 100%;
    }

    .conf-teaser .conf-teaser-swiper {
        padding: 0 max(22px, 10.625vw - 12px);
    }

    .conf-teaser .arrow-btn-inner {
        display: none;
    }

    .dealer-page__map iframe {
        border-top-right-radius: .75rem;
        border-top-left-radius: .75rem;
        height: 300px;
    }

    .dealer-page__map-links {
        border-bottom-right-radius: .75rem;
        border-bottom-left-radius: .75rem;
    }

    .dealer-page__hours .row {
        row-gap: 2rem;
    }

    .extended-teaser-feature__top {
        padding: 0 max(22px, 10.625vw - 12px);
        margin-bottom: clamp(32px, 24px + 2.5vw, 72px)
    }

        .extended-teaser-feature__top .arrow-btn-inner {
            display: none;
        }

        .extended-teaser-feature__top > h2 {
            margin: 0;
        }

    .extended-teaser-feature .card {
        width: 100%;
    }

        .extended-teaser-feature .card img {
            aspect-ratio: 664 / 498;
        }

    .extended-teaser-feature .swiper {
        padding: 0 max(22px, 10.625vw - 12px);
    }

    .extended-teaser-feature .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 7px;
    }

    .cross-link-teaser,
    .taycan__container {
        padding: 0 1rem;
    }

    .taycan__container {
        margin-top: 3rem;
    }

        .taycan__container .row [class*="col-"]:last-child .porscheNew {
            margin-top: 0;
        }

        .taycan__container .row {
            row-gap: clamp(16px,1.25vw + 12px,36px);
        }

    .model-series-slider__top {
        padding: 0 max(22px, 10.625vw - 12px);
    }

    .model-series-slider #pills-tabContent .swiper-wrapper {
        gap: unset;
        padding-bottom: 4rem;
    }

    .model-series-slider #pills-tabContent {
        padding: 0;
    }

        .model-series-slider #pills-tabContent .swiper {
            padding: 0 max(22px, 10.625vw - 12px);
        }

    .model-series-slider .model-series__slide-features {
        margin-top: 0;
    }

    .model-series-slider .model-series__slide-configure {
        flex-direction: row-reverse;
    }

    .model-series-slider .model-series__slide-desc {
        margin-top: .5rem;
    }

    .model-series-slider #pills-tabContent .swiper-pagination {
        bottom: 0;
    }

    .model-series-slider #pills-tabContent .swiper-pagination-bullet {
        cursor: pointer;
        opacity: 1;
        margin: 0 8px;
        border: none;
        border-radius: 4px;
        background-color: #6B6D70;
        transition: background-color 0.4s, width 0.4s;
        width: 8px;
        height: 8px;
    }

    .model-series-slider #pills-tabContent .swiper-pagination-bullet-active {
        background-color: #010205;
        width: 20px;
        opacity: 1;
    }

    .model-detail__nav-menu {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .text-media__wrapper {
        padding-right: 2rem;
        padding-left: 2rem;
    }

        .text-media__wrapper .row {
            --bs-gutter-y: 0;
            --bs-gutter-x: 0;
            gap: clamp(16px,1.25vw + 12px,36px);
        }

        .text-media__wrapper .text-media__content {
            padding: 0;
        }

    .features-cards__wrapper {
        padding-right: 2rem;
        padding-left: 2rem;
    }

        .features-cards__wrapper .p-modal-inner {
            padding: 0;
        }

    .hamburger-menu {
        border-bottom: 1px solid rgb(227, 228, 229);
    }
}

@media screen and (min-width: 992px) {
    .sticky-menu ul li:hover > ul,
    .sticky-menu ul li ul:hover {
        visibility: visible;
        opacity: 1;
        display: block;
    }

    .sticky-menu > ul > li:hover {
        cursor: pointer;
        background-color: #313639;
    }

    .sticky-menu > ul > li.scroll-move:hover {
        background-color: #950014;
    }

    .sticky-menu li:hover img {
        filter: brightness(0) saturate(100%) invert(12%) sepia(89%) saturate(3197%) hue-rotate(339deg) brightness(114%) contrast(126%)
    }

    .cross-link-teaser .row,
    .taycan__container .row {
        width: 100%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1320px) {
    .Welcher__Slider {
        min-height: 100%
    }

        .Welcher__Slider .button-group {
            justify-content: center;
            margin-top: 3rem;
            flex-flow: nowrap;
        }

    .exclusive__slide__text p {
        font-size: 44px;
        padding-bottom: 15px;
        padding-left: 10px;
    }

    .exclusive__slide__text span {
        font-size: 24px;
        bottom: 40px;
        padding-left: 10px;
        position: sticky;
    }

    .porscheNew__design__item p {
        max-width: 420px;
    }

    .ModelIntro .ModelIntro__gradient .taycanHomeVideo img {
        top: 6rem;
    }

    .price-img-responsive {
        width: 100%;
    }

    #menu .leftMenu .swiper-slide, #menu .rightMenu .swiper-slide {
        padding-bottom: 2rem;
    }

    .mosaic-editorial__text {
        max-width: 400px;
        padding-left: 0;
    }    
}

/* only thinkpad */
@media screen and (min-width: 1280px)and (max-width: 1281px) {

    .model-cayenne .taycanSwiperTwo .swiper-slide:nth-child(2) img {
        height: 100%;
    }

    .car .btnGas {
        bottom: 5rem;
    }

    .news-detail__banner .swiper-slide img {
        height: 100%;
        object-fit: cover;
    }

    .exclusive__slide {
        height: 100%;
    }

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

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

    .page-module__intros {
        max-width: 727px;
    }

        .page-module__intros p {
            width: 727px;
            margin-left: 0;
        }

    .page-module__intros__text {
        padding-left: 32%;
    }

    .page-module__intros_textMedia {
        max-width: 727px;
    }

        .page-module__intros_textMedia p {
            width: 727px;
            margin-left: 0;
        }

    .infoBar_container {
        max-width: 727px;
    }

    .infoBar_container_between {
        max-width: 727px;
    }

    .mosaic-editorial__images .mosaic-editorial__images-item:last-child {
        transform: translateY(55%) translateX(20%);
    }
}

@media screen and (min-width: 1200px)and (max-width: 1600px) {

    .firstCredit,
    .firstCredit_title {
        flex-wrap: wrap;
    }

    .firstLeasing,
    .firstLeasing_title {
        flex-wrap: wrap;
    }

    .financeRight {
        max-height: unset;
    }

    .models-data__wrapper .swiper-wrapper .active-card {
        max-width: 400px;
    }

    .models-data-swiper .swiper-slide {
        max-width: 400px !important;
    }

    .modalContent .side-menu .tab-content::-webkit-scrollbar {
        display: none;
    }

    .image-container,
    .image-container-two {
        max-width: 570px;
        width: 100%;
    }

    .m-364-module-specs {
        bottom: 7rem
    }

    .m-364-module-specs-detail {
        bottom: 2rem !important
    }

    .m-364-module-specs-detail-two {
        margin-right: 1rem !important
    }

    .homeVideo {
        max-height: unset;
        width: 100%;
        height: 100vh
    }

    video {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .news-detail__banner .swiper-slide img {
        height: 100%;
        object-fit: cover;
    }

    .exclusive__slide {
        height: 100%;
    }

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

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

@media screen and (min-width: 1400px) {
    .welcerTaycan #welcherSlider .swiper-slide,
    .conf-teaser .swiper-slide {
        width: auto !important;
    }

        .welcerTaycan #welcherSlider .swiper-slide .Welcher__Slider,
        .conf-teaser .conf-teaser-item {
            width: calc(calc((100vw - calc(5vw - 10px + (clamp(16px, 1.25vw + 12px, 36px) + (100vw - ((5vw - 16px) * 2) - (clamp(16px, 1.25vw + 12px, 36px) * 15)) / 16) * 1) * 2 - clamp(16px, 1.25vw + 12px, 36px) * 13) / 14) * 5 + clamp(16px,1.25vw + 12px,36px) * 3);
        }
}

@media screen and (min-width: 1400px)and (max-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1440px;
    }
}

@media(min-width: 1601px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1551px;
    }

    .pcomGrid__item {
        width: 637px
    }

    .pcomGrid__item__button {
        max-width: 85%;
        left: 1.8rem
    }

    .card-slider .swiper-slide {
        max-width: 715px;
        margin-right: clamp(16px, 12px + 1.25vw, 36px);
    }

    .ModelSwiper {
        max-width: 1730px
    }
}

@media (min-width: 1920px) {
    .taycanSwiperTwo.swiper .swiper-slide .twoBackground > img {
        width: 100%;
        height: 70%;
    }
}