.elementor-7359 .elementor-element.elementor-element-35bfbed{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--flex-wrap:nowrap;--overflow:hidden;}.elementor-7359 .elementor-element.elementor-element-35bfbed:not(.elementor-motion-effects-element-type-background), .elementor-7359 .elementor-element.elementor-element-35bfbed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7fd0ccc );}.elementor-7359 .elementor-element.elementor-element-c689cfc{--display:flex;--min-height:clamp(25rem, 15rem + 32vi, 35rem);--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:.75rem .75rem;--row-gap:.75rem;--column-gap:.75rem;--flex-wrap:nowrap;--overlay-opacity:1;--padding-top:calc(var(--nd-header-safearea, 6rem) + var(--nd-space));--padding-bottom:var(--nd-space);--padding-left:0;--padding-right:0;--z-index:1;}.elementor-7359 .elementor-element.elementor-element-c689cfc::before, .elementor-7359 .elementor-element.elementor-element-c689cfc > .elementor-background-video-container::before, .elementor-7359 .elementor-element.elementor-element-c689cfc > .e-con-inner > .elementor-background-video-container::before, .elementor-7359 .elementor-element.elementor-element-c689cfc > .elementor-background-slideshow::before, .elementor-7359 .elementor-element.elementor-element-c689cfc > .e-con-inner > .elementor-background-slideshow::before, .elementor-7359 .elementor-element.elementor-element-c689cfc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-09841d1 );--background-overlay:'';}.elementor-7359 .elementor-element.elementor-element-c689cfc.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7359 .elementor-element.elementor-element-6235f21 .elementor-heading-title{font-family:var( --e-global-typography-f9eae32-font-family ), Sans-serif;font-size:var( --e-global-typography-f9eae32-font-size );font-weight:var( --e-global-typography-f9eae32-font-weight );line-height:var( --e-global-typography-f9eae32-line-height );color:var( --e-global-color-472b1a0 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7359 .elementor-element.elementor-element-55c9527{font-family:var( --e-global-typography-f15f598-font-family ), Sans-serif;font-size:var( --e-global-typography-f15f598-font-size );font-weight:var( --e-global-typography-f15f598-font-weight );line-height:var( --e-global-typography-f15f598-line-height );color:var( --e-global-color-472b1a0 );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7359 .elementor-element.elementor-element-af4c986{z-index:0;}.elementor-7359 .elementor-element.elementor-element-af4c986 img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center center;}.elementor-7359 .elementor-element.elementor-element-25f3bfe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:calc(var(--nd-space) / 8 * 6) calc(var(--nd-space) / 8 * 6);--row-gap:calc(var(--nd-space) / 8 * 6);--column-gap:calc(var(--nd-space) / 8 * 6);--flex-wrap:nowrap;--padding-top:var(--nd-space);--padding-bottom:var(--nd-space);--padding-left:0;--padding-right:0;}.elementor-7359 .elementor-element.elementor-element-2bfc848{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:.75rem 1.25rem;--row-gap:.75rem;--column-gap:1.25rem;--flex-wrap:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7359 .elementor-element.elementor-element-25a8d5b .elementor-button{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-7359 .elementor-element.elementor-element-25a8d5b .elementor-button:hover, .elementor-7359 .elementor-element.elementor-element-25a8d5b .elementor-button:focus{color:var( --e-global-color-accent );}.elementor-7359 .elementor-element.elementor-element-25a8d5b .elementor-button:hover svg, .elementor-7359 .elementor-element.elementor-element-25a8d5b .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-7359 .elementor-element.elementor-element-c0b11c0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}@media(max-width:1024px){.elementor-7359 .elementor-element.elementor-element-6235f21 .elementor-heading-title{font-size:var( --e-global-typography-f9eae32-font-size );line-height:var( --e-global-typography-f9eae32-line-height );}.elementor-7359 .elementor-element.elementor-element-55c9527{font-size:var( --e-global-typography-f15f598-font-size );line-height:var( --e-global-typography-f15f598-line-height );}}@media(min-width:768px){.elementor-7359 .elementor-element.elementor-element-35bfbed{--content-width:var(--nd-container);}.elementor-7359 .elementor-element.elementor-element-c689cfc{--width:min(26rem, 100%);}.elementor-7359 .elementor-element.elementor-element-25f3bfe{--content-width:var(--nd-container);}}@media(max-width:767px){.elementor-7359 .elementor-element.elementor-element-35bfbed{--content-width:var(--nd-container);}.elementor-7359 .elementor-element.elementor-element-c689cfc{--width:min(26rem, 100%);}.elementor-7359 .elementor-element.elementor-element-6235f21 .elementor-heading-title{font-size:var( --e-global-typography-f9eae32-font-size );line-height:var( --e-global-typography-f9eae32-line-height );}.elementor-7359 .elementor-element.elementor-element-55c9527{font-size:var( --e-global-typography-f15f598-font-size );line-height:var( --e-global-typography-f15f598-line-height );}.elementor-7359 .elementor-element.elementor-element-25f3bfe{--content-width:var(--nd-container);}}/* Start custom CSS for container, class: .elementor-element-c689cfc *//* modify bg overlay */
.elementor-7359 .elementor-element.elementor-element-c689cfc::before {
    --_slant-size: 3rem;
    
    backdrop-filter: blur(.25rem);
    inset: 0 calc(var(--_slant-size) * -2) 0 -100vw;
    width: unset;
    height: unset;
    clip-path: polygon(0 0, 100% 0%, calc(100% - var(--_slant-size)) 100%, 0% 100%);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-af4c986 */.elementor-7359 .elementor-element.elementor-element-af4c986 {
    position: absolute;
    inset: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2521fe3 */.elementor-7359 .elementor-element.elementor-element-2521fe3 UL {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    list-style-type: none;
}

.elementor-7359 .elementor-element.elementor-element-2521fe3 UL LI A {
    display: block;
    border: 1px solid #000;
    padding: 14px 32px;
    border-radius: 32px;
    transition: color .3s ease, background-color .3s ease;
}

.elementor-7359 .elementor-element.elementor-element-2521fe3 UL LI.active A {
    background-color: var( --e-global-color-accent );
    color: var( --e-global-color-472b1a0 );
    border: 1px solid var( --e-global-color-accent );
}

.elementor-7359 .elementor-element.elementor-element-2521fe3 UL LI A:hover {
    background-color: var( --e-global-color-accent );
    border: 1px solid var( --e-global-color-accent );
    color: var( --e-global-color-472b1a0 );
    transition: color .3s ease, background-color .3s ease;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f64454 */.elementor-7359 .elementor-element.elementor-element-3f64454 #autobahn-webshop-app-container {
    background-color: transparent;
}

.elementor-7359 .elementor-element.elementor-element-3f64454 .favorites-route-button {
    background-color: var( --e-global-color-accent );
    padding: 8px;
}

.elementor-7359 .elementor-element.elementor-element-3f64454 #autobahn-webshop-logical-body {
    background-color: #FFFFFF;
}

.elementor-7359 .elementor-element.elementor-element-3f64454 #autobahn-webshop-logical-body > DIV > DIV {
    margin-inline: 1em;
    padding-top: 0;
    padding-bottom: 10px
}

.elementor-7359 .elementor-element.elementor-element-3f64454 .my-space-like-button {
    background-color: #000000;
}

.elementor-7359 .elementor-element.elementor-element-3f64454 .ab-pagination-brand .ab-pagination-active {
    background: #000!important;
    padding: 10px;
    width: 24px!important;
    height: 24px!important;
}

.elementor-7359 .elementor-element.elementor-element-3f64454 .ab-pagination-brand .ab-pagination-active A {
    color: #FFF;
}

/* car view */
.elementor-7359 .elementor-element.elementor-element-3f64454 {
    .chakra-modal__close-btn {
        inset-block-start: 1rem;
        inset-inline-end: 1rem;
        padding: 0;
        background: var(--close-button-bg);
        color: var(--chakra-colors-chakra-body-text);
        font-size: var(--chakra-fontSizes-xs);
        border-radius: var(--chakra-radii-md);
        
        &:hover {
            --close-button-bg: var(--chakra-colors-blackAlpha-100);
        }
    }
    .chakra-image {
        max-height: 80vh;
    }
    .preview-padding {
        padding-inline: 0;
    }
    .vehicle-transition-enter > div {
        box-shadow: none;
        
        /* mobile share button */
        .chakra-button.css-hc6j41 {
            line-height: 1.2;
            border-radius: var(--chakra-radii-md);
            font-weight: var(--chakra-fontWeights-semibold);
            padding: 0;
            font-size: 1.4em;
            color: var(--chakra-colors-textButtonColor);
            background: none;
        } 
    }
    /* mobile tabs buttons */
    .chakra-tabs__tab {
        margin-bottom: 0.75em;
        transition-property: var(--chakra-transition-property-common);
        transition-duration: var(--chakra-transition-duration-normal);
        font-size: var(--chakra-fontSizes-md);
        color: var(--tabs-color);
        background: var(--tabs-bg);
        border: 0px;
        padding: 0px;
        margin: 0px 1em 0px 0px;
        white-space: nowrap;
    }
    .tab-list-container:after {
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 80%, #fff);
    }
    /* calculator */
    .price-section > div:nth-child(2) > div {
        box-shadow: 0 0 0 1px var(--chakra-colors-chakra-border-color) !important;
        
        .chakra-button {
            padding: 0;
            background-color: var(--chakra-colors-calculatorButtonBackgroundColor);
            color: var(--chakra-colors-brandColor);
            margin-bottom: 0.25em;
            line-height: 1.2;
            font-weight: var(--chakra-fontWeights-semibold);
            font-size: 12px;
            /*border-radius: 100%;*/
            
            &.css-1ruz3q7 {
                background-color: var(--chakra-colors-calculatorActiveButtonBackgroundColor);
                color: rgb(255, 255, 255);
            }
        }
    }
    .webshop-footer-main {
        /*width: calc(100% - 2em);*/
        margin-inline: 0 !important;
        padding-inline: 1em;
        box-shadow: 0 0 0 1px var(--chakra-colors-chakra-border-color);
        z-index: 10;
        
        & > div {
            padding-inline: 0;
            width: var(--nd-content);
        }
        
        .custom-ab-button {
            border-radius: .375em !important;
            padding: .5em 1em !important;
            font-size: 14px !important;
            height: auto !important;
        }
    }
    .css-15uf6d0 {
        padding: 0.65em 1em;
        line-height: 1.2;
        font-weight: var(--chakra-fontWeights-semibold);
        font-size: 14px;
        border-radius: 0.375em;
        background: var(--chakra-colors-buttonBackgroundColor);
        color: var(--chakra-colors-buttonColor);
    }
}

/* modal */
.chakra-portal {
    .chakra-modal__content-container {
        .chakra-modal__close-btn {
            border-radius: var(--chakra-radii-md);
            font-size: var(--chakra-fontSizes-xs);
            padding: 0;
            background: var(--close-button-bg);
            color: inherit;
        }
        .chakra-button {
            padding: 0;
            background-color: var(--chakra-colors-calculatorButtonBackgroundColor);
            color: var(--chakra-colors-brandColor);
            margin-bottom: 0.25em;
            line-height: 1.2;
            font-weight: var(--chakra-fontWeights-semibold);
            font-size: 12px;
            /*border-radius: 100%;*/
            
            &.css-1ruz3q7 {
                background-color: var(--chakra-colors-calculatorActiveButtonBackgroundColor);
                color: rgb(255, 255, 255);
            }
        }
    }
}/* End custom CSS */