@font-face {
    font-family: "Trade Gothic LT W01 Light";
    src: url('../fonts/dc61b9f1-7609-475e-af7d-8b2b5deb401d.eot?#iefix');
    src: url('../fonts/dc61b9f1-7609-475e-af7d-8b2b5deb401d.eot?#iefix') format("eot"), url('../fonts/655d9d2d-89f2-4a22-8374-53dc74dfec80.woff2') format("woff2"), url('../fonts/3490ccd3-6e42-49ba-9733-7af1e400a3b4.woff') format("woff"), url('../fonts/c44646ee-cf36-4809-92b4-9b4f292a2ca1.ttf') format("truetype"), url('../fonts/c5450be6-d3a7-4704-ae0b-1e82bc5b9c2b.svg#c5450be6-d3a7-4704-ae0b-1e82bc5b9c2b') format("svg");
}

@font-face {
    font-family: "Trade Gothic LT W01 Bold";
    src: url('../fonts/d1380d7c-6e23-49c9-bac2-0f927e77eb17.eot?#iefix');
    src: url('../fonts/d1380d7c-6e23-49c9-bac2-0f927e77eb17.eot?#iefix') format("eot"), url('../fonts/2bd4e485-6e2d-478c-94c7-9a7cabf8e98d.woff2') format("woff2"), url('../fonts/3e9c6e62-e41c-408b-bef3-ffa454301b17.woff') format("woff"), url('../fonts/a74675c3-a15b-41ed-8409-e90f921c3cb8.ttf') format("truetype"), url('../fonts/32260af6-2329-4a39-a8a3-3339f87a580b.svg#32260af6-2329-4a39-a8a3-3339f87a580b') format("svg");
}
h1,h2,h3{
    font-family: "Trade Gothic LT W01 Bold", sans-serif;
    font-style: normal;
}

h4, h5, #leadTextWrapper, #leadFactsWrapper {
    font-family: "Trade Gothic LT W01 Bold", sans-serif;
}
@media only screen and (max-width: 450px) {
    h1 {
        font-size: 2em;
    }

    h3 {
        font-size: 1.8em;
    }

    h4 {
        font-size: 1.4em;
    }
    h5 {
        font-size: 1.2em;
    }
    .productTitle {
        font-size: 1.3em !important;
    }
    #overlay, .pendingAnswer {
        background-size: 100px !important;
    }
}
@media only screen and (max-width: 350px) {
    h1 {
        font-size: 1.7em;
    }

    h3 {
        font-size: 1.4em;
    }

    h4 {
        font-size: 1.2em;
    }
    h5 {
        font-size: 1em;
    }
    .productTitle {
        font-size: 1.24em !important
    }
    #overlay, .pendingAnswer {
        background-size: 80px !important;
    }

}
body {
    /*max-width: 1000px;*/
    margin: 0 auto;
    padding: 0;
    overflow-x: hidden;
    font-family: "Trade Gothic LT W01 Light", sans-serif;
    font-size: 100%;
    line-height: 27px;
    background-color: #000;
}
header, main, footer{
    margin: 0;
    padding: 0;
}
main {
    color: #fff;
}
footer {
    padding-bottom: 20px !important;
}

.maxwidth-content {
    max-width: 1000px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.navbar .maxwidth-content {
    width: 100%;
}
.navbar-toggler {
    float: right;
    margin-top: 10px;
}
.navbar-brand {
    float: left;
}
button {
    font-family: "Trade Gothic LT W01 Bold", sans-serif;
    font-size: 16px;
    font-style: italic;
    color: #fff;
    background-color: #575e62;
    max-width: 220px;
    padding: 5px 35px;
    border: none;
}
button:focus, button:active {
    outline: none;
}
a, a:hover, a:active, a:visited {
    /*color: #000;*/
    color: #fff;
    text-decoration: none;
}
.boldText, strong {
    font-weight: normal !important;
    font-family: "Trade Gothic LT W01 Bold", sans-serif;
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.d-flex-noimp {
    display: -ms-flexbox;
    display: flex
}
#overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000 no-repeat url(https://abt-powertage.ch/imgs/spinner.gif) center 60%;
    background-size: 120px;
}
.overlayed {
    pointer-events: none !important;
    overflow: hidden !important;
}
/*Checkboxes*/
.custom-control-label::before {
    border-color: #212522;
    border: none;
    width: 20px;
    height: 20px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #c71d1f;
    border-color:  #c71d1f;
}
.custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: none;
    border-color:  #c71d1f;
}
.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
    border-color: #212522;
}
.custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
    box-shadow: none;
    border-color: #212522;
    background-color: #fff;
    width: 20px;
    height: 20px;
}
label.custom-control-label {
    padding: 1px 0 0 4px;
}
.custom-control-label::after {
    position: absolute;
    top: 2px;
    left: -26px;
    display: block;
    width: 24px;
    height: 24px;
    content: "";
    background: no-repeat 50%/50% 50%;
}
nav.navbar {
    background-color: #364040;
}
#date_typeHeadline {
    margin-top: -6px;
}
.nav-link {
    padding: 0;
}
.nav-item.nav-link, .nav-item.nav-link a {
    color: #fff !important;
    font-size: 0.9em;
}

#langNavWrapper>ul {
    display: inline-flex;
    justify-content: center;
    list-style: none;
}

#langNavWrapper>ul li {
    padding-right: 0;
    padding-left: 0;
}
#langNavWrapper>ul li:not(:first-child):before {
    content: '\00a0|\00a0';
    color: #fff;
    font-weight: normal !important;
}
#brandNavWrapper {
    display: flex;
    padding-right: 30px;
}
button.navbar-toggler:focus {
    outline: none;
}
#resetBtn, #backBtn, .greyBtn {
    /*background-color: #3640407d;*/
    background-color: #575e62;
}
a#advancedCollapseBtn{
    text-decoration: underline;
}
a#advancedCollapseBtn:after{
    content: '^';
    display: inline-block;
    font-size: 20px;
    transition: transform 0.2s;
    /*vertical-align: text-top;*/
    margin-left: 5px;
    position: relative;
    top: 5px;
}
a#advancedCollapseBtn.collapsed:after{
    transform: rotateX(180deg);
    vertical-align: baseline;
    top: 0;
}
#keineTSN {
    display: none;
}
.featherlight-content #keineTSN {
    display: block !important;
}

#bottomFooterLinks {
    font-size: 0.8em;
    white-space: nowrap;
}
#bottomFooterLinks>ul {
    display: flex;
    justify-content: center;
    list-style: none;
}
#bottomFooterLinks>ul li:not(:first-child):before {
    content: '\00a0|\00a0';
}
#footerLine {
    font-size: 0.8em;
    color: #ccc;
}
#footerLine>ul {
    margin-left: -33px;
    line-height: 1.3em;
}
ul {
    margin: 0;
}
ul.dashed {
    list-style-type: none;
}
ul.dashed > li {
    text-indent: -8px;
}
ul.dashed > li:before {
    content: "- ";
    text-indent: -8px;
}
#leadWrapper {
    /*background-color: #e7e7e6;*/
    background-color: #fff;
}

.hide {
    display: none !important;
    visibility: hidden !important;
}
.modelSelect, .engineSelect, .car_typeSelect {
    cursor: pointer;
}

#contactFormWrapper, #directSelectCarDetailsWrapper {
    width: 100%;
    /*max-width: 700px;*/
}

#mitteilung {
    width: 100%;
}
#termin, #kanton_id, #partner_id, #mitteilung, #getriebe {
    width: 100%;
    height: 38px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    background-color: #fff;
    border-color: rgb(206, 212, 218);
    padding: 8px 6px;
    color: #495057;
}
#mitteilung {
    height: auto;
}
::placeholder {
    color: #495057;
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.pendingAnswer {
    background: url(https://abt-powertage.ch/imgs/spinner.gif) transparent center 38% no-repeat !important;
    width: 100%;
    background-size: 100px !important;
}
.successMsg {
    color: #fff;
    font-size: 1.2em;
}
.textred {
    color: #c71d1f;
}
.red, .errorMsg {
    color: red;
}
#selectionArrow {
    max-width: 120px;
}
#selectionArrow>img {
    width: 100%;
}
div#bottomFooterLinks div, div#bottomFooterLinks a {
    color: #ccc !important;
}
#carDetails, #directSelectionCarDetails, #noGeneralFormCarDetails {
    padding:15px;
    background:#c71d1f;
    display:inline-block;
    width: 100%;
    max-width: 330px;
    min-height: 100px;
    color: #fff !important;
}
#car_detailsDisplay {
    font-size: 116.67%;
}
#carDetailsOutterWrapper, #noGeneralFormCarDetailsOutterWrapper {
    margin-top: -30px;
}
.hrSolid {
    border-top: 1px solid #000;
    margin: 0;
}
.topFooterLink, .topFooterLink a{
    font-size:0.9em;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
#visualWrapper {

}
#visualWrapper>img {
    width: 100%;
    height: auto;
}
#btnsWrapper {
    max-width: 700px;
}
#btnsWrapper>div {
    justify-content: left;
}
#datepickerContainer {
    position: absolute;
}
#datepickerIcon {
    background-image: url(https://abt-powertage.ch/imgs/calendar_icon.png);
    position: absolute;
    top: 0;
    right: 0;
    background-size: contain;
    padding: 10px;
    margin: 8px;
    pointer-events: none;
}

input, select, textarea {
    border-color: #000 !important;
}
hr {
    border-width: 1px;
    border-color: #00000047;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #c9c9c9 !important;
    opacity: 1;
}

select.disabled {
    background-color: #c4c4c4 !important;
    pointer-events: none !important;
}

div#noDirectSelectionTachoWrapper {
    max-width: 420px;
}

div#noDirectSelectionTachoWrapper,
div#noGeneralFormCarDetailsOutterWrapper{
    margin-bottom: 30px;
}

#directSelectCarDetailsWrapper .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
#noGeneralFormCarDetails .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
    background-color: #fff;
}
#directSelectCarDetailsWrapper .custom-checkbox .custom-control-input:checked~.custom-control-label::after,
#noGeneralFormCarDetails .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

@media only screen and (max-width: 991px) {
    #brandNavWrapper .nav-item:first-of-type {
        margin-left: 5px;
    }
    #directSelectCarDetailsWrapper #carDetails,  #directSelectCarDetailsWrapper #directSelectionCarDetails,  #directSelectCarDetailsWrapper #noGeneralFormCarDetails,
    #noGeneralFormCarDetailsOutterWrapper #carDetails,  #noGeneralFormCarDetailsOutterWrapper #directSelectionCarDetails,  #noGeneralFormCarDetailsOutterWrapper #noGeneralFormCarDetails{
        max-width: 100%;
    }
    #requiredText {
        text-align: left !important;
        margin-bottom: 20px;
    }
    body:not(.ivi) #requiredText {
        margin-top: -30px;
    }
    #direktAnfrageBtnWrapper, #scrollToConfigBtnWrapper {
        text-align: left;
        /*margin: auto;*/
        /*margin-bottom: -50px;*/
        margin: 0 -30px 0 15px;
    }
    #selectionArrow {
        transform: rotate(90deg);
        margin: 40px auto 80px auto;
    }
    #findPartnerBtnWrapper {
        text-align:center !important;
    }
    #brandNavWrapper {
        justify-content: space-evenly;
        margin: 80px 0 12px -80px;
        padding: 0;
    }
    #langNavWrapper {
        text-align: center !important;
    }
    #footer-links-row {
        text-align: center;
        display: block !important;
    }
    #langNavWrapper>ul {
        padding: 0;
    }
    .navbar-nav {
        margin-right: 0 !important;
    }
    #leadWrapper {
        padding: 15px;
    }
    main, footer, #offlineSection{
        padding: 15px !important;
    }
    #btnsWrapper {
        margin:0;
        justify-content: center;
        flex-direction: column-reverse;
        margin-top: 1rem !important;
        max-width: none;
    }
    #resetBtnWrapper, #backBtnWrapper, #btnsWrapper>div, #formSubmitWrapper {
        justify-content: center;
    }
    .abt-btn {
        margin-left: auto !important;
        margin-right: auto !important;
        display: table !important
    }
    #bottomFooterLinks>div:first-of-type {
        width: 100%;
        text-align: center;
    }
    #stuetzpunktWrapper {
        text-align: center;
    }
    #directSelectionCarDetailsInnerWrapper {
        text-align: center;
    }
    #directSelectionTachoWrapper {
        text-align: center !important;
    }
    #directSelectCarDetailsWrapper {
        margin: auto;
    }
    #directSelectCarDetailsWrapper h3, #directSelectCarDetailsWrapper #directSelectionTachoWrapper,
    #directSelectCarDetailsWrapper #directSelectionCarDetailsOutterWrapper, #directSelectCarDetailsWrapper #tuningCheckboxWrapper{
        padding: 0;
    }
    #directSelectCarDetailsWrapper #directSelectionCarDetailsInnerWrapper {
        text-align: left;
    }
    #noGeneralFormCarDetailsInnerWrapper {
        text-align: center;
    }
    #noGeneralFormCarDetailsInnerWrapper .productTitle {
        max-width: 100% !important;
    }
    #topBtnsWrapper {
        padding: 0 !important;
    }
}

@media only screen and (min-width: 992px) {
    .mobileOnly {
        display: none !important;
    }
    /*#brandNavWrapper {
        border-right: 1px solid #ffffff61;
    }*/
    #leadWrapper {
        padding: 25px 35px 35px 35px;
    }
    #leadTextWrapper, #leadFactsWrapper {
        font-size: 1.15em;
    }
    main, footer {
        /*padding: 30px 45px 20px 45px;*/
        padding: 30px 0 20px 0;
    }
    #btnsWrapper {
        max-width: 700px;
        padding: 0;
    }
    .productImageWrapper{
        padding-right: 50px;
    }
    #directSelectionTachoWrapper {
        padding-right: 40px;
    }
    /*#directSelectionCarDetailsOutterWrapper, */#tuningCheckboxWrapper {
        padding-left: 30px;
    }
    .terminvorschlag_checkbox-wrapper {
        padding-top: 30px;
    }
}

.formAnswer {
    height: 300px;
    padding-top: 100px;
    font-weight: bold;
}

/*Products*/
/*#productSectionHeader, .product:nth-of-type(odd){
    background-color: #e7e7e6;
}*/
img.productImage {
    width: 100%;
    height: auto;
}
.productTitle {
    font-size: 1.4em;
}
.productPriceNew{
    font-weight: bold;
    font-size: 1.24em;
}
#productsWrapper>.product:last-of-type {
    margin-bottom: -20px !important;
}

#offlineSection {
    color: white;
}
#offlineCTAS button a {
    transition: 0.5s all;
}

.findPartnerBtn>a, .abtPageBtn>a {
    color: #fff;
}

.findPartnerBtn:focus, .abtPageBtn:focus {
    box-shadow: none !important;
}

.findPartnerBtn, .findPartnerBtn:visited,
.abtPageBtn, .abtPageBtn:visited {
    background: #d00a11;
    height: 55px;
    border: 2px solid #fff;
    border-radius: 0;
}

.findPartnerBtn:hover, .findPartnerBtn:active,
.abtPageBtn:hover, .abtPageBtn:active{
    border: 2px solid #d00a11;
    background: #fff;
}
.findPartnerBtn:active, .abtPageBtn:active,
.findPartnerBtn:hover>a, .findPartnerBtn:active>a,
.abtPageBtn:hover>a, .abtPageBtn:active>a{
    color: #d00a11 !important;
    border-color: #d00a11 !important;
    background-color: #fff !important;
}


.findPartnerBtn>a,
.abtPageBtn>a{
    color: #fff;
}

.abt-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-family: "Trade Gothic LT W01 Bold", sans-serif;
    font-size: 16px;
    font-style: italic;
    border-radius: 0;
    border-width: 2px;
    transition: color 200ms;
    height: 50px;
    padding: 11px 12px;
    position: relative;
    overflow: hidden;
    z-index: 4;
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.abt-btn:hover {
    text-decoration: none;
    color: #fff;
    border-color: #575e62;
    background: none;
}

.abt-btn:after {
    position: absolute;
    transition: 200ms ease-out;
    content: '';
    width: 0;
    bottom: -1px;
    height: 120%;
    left: -25%;
    transform: skewX(
            -33.5deg
    );
    z-index: -1;
}


.abt-btn-secondary {
    /*color: #575e62;
    border-color: #575e62;*/
    color: #ccc;
    border-color: #ccc;
    background: none;
}
.abt-btn-secondary:hover, .abt-btn-secondary:active {
    color: #fff;
}
.abt-btn-secondary:after {
    /*background: #575e62;*/
    background: #575e62;
}

.abt-btn:focus:after, .abt-btn:hover:after {
    left: -25%;
    width: 150%;
}

.abt-ico {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: center center no-repeat;
    position: relative;
    top: 2px;
    margin-left: 5px;
}

a:hover .abt-ico {
    opacity: 0.8;
}

.abt-btn-secondary .abt-ico.arrow-right-sm {
    background-image: url(https://abt-powertage.ch/imgs/ico-arrow-right-sm-grey3.svg);
}
.abt-btn-secondary:hover .abt-ico.arrow-right-sm {
    background-image: url(https://abt-powertage.ch/imgs/ico-arrow-right-sm-white.svg);
}

#productsSection {
    display: none !important;
}

#tuningCheckbox {
    display: none;
}
#scrollToConfigBtn {
    background-color: #c71d1f;
    border: 2px solid #c71d1f;
}
.makeDateBtnWrapper .makeDateBtn {
    background: #fff;
    border: 2px solid #c71d1f;
    color: #c71d1f;
    position: relative;
    overflow: hidden;
    z-index: 4;
}
.makeDateBtnWrapper .makeDateBtn.skewedBtn, #direktAnfrageBtnWrapper button {
    color: #fff;
    background: #c71d1f;
}
.makeDateBtnWrapper .makeDateBtn:after {
    position: absolute;
    transition: 200ms ease-out;
    content: '';
    width: 0;
    bottom: -1px;
    height: 120%;
    left: -25%;
    transform: skewX(
            -33.5deg
    );
    z-index: -1;
    background: #c71d1f;
}
.makeDateBtnWrapper .makeDateBtn.skewedBtn:after, #direktAnfrageBtnWrapper button:after {
    left: -25%;
    width: 150%;
}

.cupra-icon {
    height: 71px;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
}
button#formSubmit {
    background: #c71d1f;
}
.day:not(.disabled) {
    font-weight: bold !important;
    background: #52bf6bd1;
    color: #fff !important;
    border: 2px solid #fff;
}
.day:not(.disabled):hover {
    color: #000 !important;
}
.day.active {
    border-color: #fff !important;
}
a.navbar-brand {
    outline: none !important;
}
a.navbar-brand:focus-visible, a.navbar-brand:focus, :-webkit-direct-focus {
    outline: none !important;
    border: none;
}
/*datepicker*/
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    background: #000 !important;
    color: #fff !important;
}
.day:not(.disabled) {
    font-weight: bold !important;
    background: #eee !important;
    color: #000 !important;
    border: 2px solid #fff;
}
td.active.day, td.active.day:active {
    background: #c71d1f !important;
    color: #fff !important;
}
td.today {
    background: #000 !important;
    color: #fff !important;
}



#offlineSection {
    display: none !important;
    visibility: hidden !important;
}
/*main {
    display: none !important;
    visibility: hidden !important;
}
header > .maxwidth-content, #leadWrapper {
    display: none;
}*/

#directSelectionCarDetails {
    max-width: 600px;
    padding-top: 0;
}
.redCarDetailsBox {
    border-bottom: 10px solid black;
    padding: 10px 0;
}

#directArrow {
    height: 80px;
    padding-top: 10px;
}

#noGeneralFormCarDetails {
    max-width: 600px;
}
.visual {
    display: block;
}
.visual-mobile {
    display: none;
}
@media only screen and (max-width: 991px) {
    .visual {
        display: none;
    }
    .visual-mobile {
        display: block;
    }
    #leadWrapper h1 {
        font-size: 1.5rem !important;
    }
    #leadTextWrapper {
        line-height: 1.5rem;;
    }
    header button {
        padding: 5px 15px;
    }
    header #direktAnfrageBtnWrapper div:nth-of-type(2) {
        display: none;
    }
}