@font-face {
    font-family: 'Encode Sans Condensed';
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-Bold.eot');
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansCondensed-Bold.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansCondensed-Bold.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansCondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Condensed';
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-Light.eot');
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansCondensed-Light.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansCondensed-Light.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Condensed ExLight';
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-ExtraLight.eot');
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansCondensed-ExtraLight.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansCondensed-ExtraLight.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansCondensed-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/specific/stellantis/EncodeSans-ExtraBold.eot');
    src: url('../fonts/specific/stellantis/EncodeSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSans-ExtraBold.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSans-ExtraBold.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSans-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Condensed';
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-Regular.eot');
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansCondensed-Regular.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansCondensed-Regular.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/specific/stellantis/EncodeSans-Bold.eot');
    src: url('../fonts/specific/stellantis/EncodeSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSans-Bold.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSans-Bold.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Condensed';
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-SemiBold.eot');
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansCondensed-SemiBold.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansCondensed-SemiBold.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansCondensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Condensed';
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-Thin.eot');
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansCondensed-Thin.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansCondensed-Thin.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansCondensed-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/specific/stellantis/EncodeSans-Black.eot');
    src: url('../fonts/specific/stellantis/EncodeSans-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSans-Black.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSans-Black.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Condensed';
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-ExtraBold.eot');
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansCondensed-ExtraBold.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansCondensed-ExtraBold.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansCondensed-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/specific/stellantis/EncodeSans-Regular.eot');
    src: url('../fonts/specific/stellantis/EncodeSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSans-Regular.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSans-Regular.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/specific/stellantis/EncodeSans-Light.eot');
    src: url('../fonts/specific/stellantis/EncodeSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSans-Light.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSans-Light.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Condensed';
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-Black.eot');
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansCondensed-Black.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansCondensed-Black.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansCondensed-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/specific/stellantis/EncodeSans-SemiBold.eot');
    src: url('../fonts/specific/stellantis/EncodeSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSans-SemiBold.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSans-SemiBold.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/specific/stellantis/EncodeSans-Medium.eot');
    src: url('../fonts/specific/stellantis/EncodeSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSans-Medium.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSans-Medium.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/specific/stellantis/EncodeSans-ExtraLight.eot');
    src: url('../fonts/specific/stellantis/EncodeSans-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSans-ExtraLight.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSans-ExtraLight.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Condensed';
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-Medium.eot');
    src: url('../fonts/specific/stellantis/EncodeSansCondensed-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansCondensed-Medium.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansCondensed-Medium.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansCondensed-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Semi Condensed';
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Bold.eot');
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Bold.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Bold.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Semi Condensed SmBd';
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-SemiBold.eot');
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-SemiBold.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-SemiBold.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Semi Condensed';
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Thin.eot');
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Thin.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Thin.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Semi Condensed';
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Black.eot');
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Black.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Black.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Semi Condensed';
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Regular.eot');
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Regular.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Regular.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Semi Condensed ExLight';
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-ExtraLight.eot');
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-ExtraLight.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-ExtraLight.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Semi Condensed';
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Medium.eot');
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Medium.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Medium.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Semi Condensed';
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Light.eot');
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Light.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Light.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/specific/stellantis/EncodeSans-Thin.eot');
    src: url('../fonts/specific/stellantis/EncodeSans-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSans-Thin.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSans-Thin.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Semi Condensed ExBd';
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-ExtraBold.eot');
    src: url('../fonts/specific/stellantis/EncodeSansSemiCondensed-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-ExtraBold.woff2') format('woff2'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-ExtraBold.woff') format('woff'), url('../fonts/specific/stellantis/EncodeSansSemiCondensed-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html, body, td, th, h1, h2, h3, h4, h5, h6, p, div, input, select, td, th {
    font-family: "Encode Sans", Arial, Verdana, sans-serif !important;
}

/* Colors */
:root {
    --primary-color: #2b377f;
    --secondary-color: #505050;
    --accent-color: #F3C300;
    --background: #F9F9F9;
    --border: #F2F2F2;
    --white: #FFFFFF;
    --gray: #505050;
}

body {
    background-color: var(--background);
}


#div_Location {
    margin-top: 80px;
}

#div_Location > .text-container {
    margin-bottom: 48px;
}


.bh-sl-container .bh-sl-loc-list .list-focus {
    border: 1px solid var(--primary-color);
}

.navbar {
    background-color: var(--white);
    padding: 24px 56px !important;
    flex-basis: 100%;
}

.navbar > .container {
    padding: 0;
    margin: 0;
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--primary-color);
    letter-spacing: 0.25rem;
}

.headerLogo {
    height: 44px !important;
    max-width: fit-content;
    margin: 0 !important;
    padding: 0 !important
}

#hl_Menu_SignUp {
    font-weight: 600;
}

.headline {
    margin-top: 0 !important;
}

.hero-headline {
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(15px);
    z-index: 1;
    padding: 60px 0px;
}

.hero-headline > .subline {
    margin-top: 8px !important;
    margin-bottom: 0px !important;
}

.hero-headline > a {
    margin-top: 32px !important;
}

.btn {
    font-family: "Encode Sans Semi Condensed" !important;
}

.btn-common, .btn-inverse, .btn-check {
    font-size: 1rem;
    padding: 16px 24px 16px 24px;
    font-weight: 600;
    border: 1px solid var(--primary-color);
    transition: all ease-in-out 100ms, 300ms;
}

.btn-common, .btn-check {
    background-color: var(--primary-color);
    color: var(--white);
}

.btn-inverse {
    background-color: var(--white);
    color: var(--primary-color);
    border: none !important;
}

.btn-common:hover, .btn-common:active, btn-check:hover, .btn-check:active {
    background-color: var(--white);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.hover:hover {
    border: 1px solid var(--primary-color) !important; 
}

.btn-inverse:hover, .btn-inverse:active {
    background-color: var(--primary-color);
    color: var(--white);
}

.text-container {
    line-height: 120%;
    font-size: 1.375rem;
    color: var(--gray);
    font-weight: 400;
}

.subline, .headline {
    font-weight: 700;
    color: var(--primary-color);
    /* FONT FAMILY?    */
    font-size: 1.625rem;
    line-height: 120%;
}

.headline {
    line-height: 120%;
}

h1:not(.mb-0) {
    color: var(--primary-color);
}

.hero-headline > .headline, .hero-headline > .subline {
    color: white;
}

.hero-headline > .headline {
    /* FONT FAMILY?    */
    font-size: 2.375rem;
    font-weight: 700;
}

.hero-headline > .subline {
    /* FONT FAMILY?    */
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 120%;
}

a {
    font-size: 1.375rem;
    line-height: 120%;
    color: var(--primary-color);
    text-decoration: underline;
}

.form-group label {
    color: var(--gray);
    font-weight: 400;
    font-size: 1.125rem;
    float: left;
    padding-bottom: 4px;
    text-transform: unset !important;
    letter-spacing: 0;
}

.form-control {
    border: 1px solid var(--border);
    border-radius: 4px;
    background-color: var(--white);
}

.card {
    box-shadow: none;
    border: none;
}

.card-register {
    background-color: transparent;
    padding: 0;
    margin-top: 48px !important;
}

.text-container.mt-5 {
    margin-top: 80px !important;
}

.card-register .form-row {
    display: flex;
    flex-direction: column;
    margin-top: 24px !important;
    gap: 24px;
}

.card-register .form-row .form-group {
    width: 100%;
    text-align: left;
}

.add-companion {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: var(--primary-color) !important;
    align-items:center;
    cursor: pointer;
}

#cph_Content_pnl_ConfirmWrapper {
    margin-bottom: 60px;
}

.add-companion > * {
    color: var(--primary-color) !important;
}

.form-control {
    padding-top: 12px;
    padding-bottom: 12px;
}

.privacy {
    margin-top: 80px !important;
}

body:not(:has(.modal-footer input[type=submit])) input[type=submit] {
    margin-top: 48px !important;
}

#sec_register > .subline {
    margin-top: 0 !important;
}

#cph_Content_pnl_Register {
    margin-top: 80px !important;
}

section:not(#cph_Content_sec_locations) {
    padding-top: 66px;
}

footer {
    margin-top: 14px;
    background-color: var(--white);
    padding-bottom: 60px;
    padding-top: 40px;
    border-top: 1px solid var(--border);
    color: var(--gray);
    font-size: 1rem !important;
}

footer h4 {
    font-size: 1rem !important;
    color: var(--gray) !important;
}

.footer-list li a {
    color: var(--gray);
    font-size: 1rem !important;
}

.footer-bottom {
    padding-top: 4px !important;
    border-top: 1px solid var(--border)
}

.footer-list li a:hover {
    text-decoration: none;
    color: var(--primary-color);
}

#img_footer_logo {
    width: 128px;
}

.hero-headline {
    display: none;
}

.hero-headline a {
    display: none
}

.hero-pic {
    background-size: cover;
    background-position: center;
    max-height: 50vh;
}

@media (min-width: 1600px) {
    .hero-pic {
        height: 50vh;
        max-height: 50vh;
        min-height: 50vh;
    }
}


.text-container li {
    text-align: left;
}

.btn-common:hover, .btn-common:active, .btn-check:checked + .btn-common, .btn-inverse:hover, .btn-inverse:active {
    background-color: var(--gray);
    color: #fff;
}

.icheck-peterriver > input[type=radio]:first-child:checked + input[type=hidden] + label::before, .icheck-peterriver > input[type=radio]:first-child:checked + label::before, .icheck-peterriver > input[type=checkbox]:first-child:checked + input[type=hidden] + label::before, .icheck-peterriver > input[type=checkbox]:first-child:checked + label::before {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* NFC */

.div_slot {
    background-color: transparent;
    color: var(--primary-color) !important;
    font-weight: 600;
    border-bottom: 1px solid var(--primary-color);
    padding: 12px 0 12px 0;
}

.accordion {
    color: var(--primary-color);
    padding: 12px 0 12px 0;
    border-bottom: 1px solid var(--primary-color);
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
}

.card-accordion {
    margin-top: 12px;
}

#p_Webnfc {
    color: red;
    font-weight: 600;
    padding-bottom: 1rem;
    text-align: center;
}