.font-sm-small {
    font-size: smaller
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot);
    src: local(""), url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix) format("embedded-opentype"), url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2) format("woff2"), url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff) format("woff"), url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf) format("truetype"), url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#OpenSans) format("svg")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.eot);
    src: local(""), url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.eot?#iefix) format("embedded-opentype"), url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2) format("woff2"), url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff) format("woff"), url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf) format("truetype"), url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.svg#OpenSans) format("svg")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 800;
    src: url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.eot);
    src: local(""), url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.eot?#iefix) format("embedded-opentype"), url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2) format("woff2"), url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.woff) format("woff"), url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf) format("truetype"), url(/CommonContent/fonts/open-sans-v23-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.svg#OpenSans) format("svg")
}

@font-face {
    font-display: block;
    font-family: asfinag;
    font-style: normal;
    font-weight: 400;
    src: url(/CommonContent/fonts/asfinag.ttf?5lsxxd) format("truetype"), url(/CommonContent/fonts/asfinag.woff?5lsxxd) format("woff"), url(/CommonContent/fonts/asfinag.svg?5lsxxd#asfinag) format("svg")
}

[class*=" asf-"],
[class^=asf-] {
    font-family: asfinag !important;
    speak: never;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block
}

.asf-1x {
    font-size: 1rem !important
}

.asf-2x {
    font-size: 2rem !important
}

.asf-3x {
    font-size: 3rem !important
}

.asf-ui-close {
    transform: rotate(0)
}

.asf-ui-plus {
    transform: rotate(45deg)
}

.asf-ui-plus:before {
    content: "\e917"
}

.asf-message-danger:before {
    content: "\e920"
}

.asf-chevron-right {
    transform: rotate(90deg)
}

.asf-chevron-right:before {
    content: "\e921";
    margin-left: 1px
}

.asf-chevron-left {
    margin-left: -1px;
    transform: rotate(270deg)
}

.asf-chevron-left:before {
    content: "\e921"
}

.asf-chevron-down {
    transform: rotate(180deg)
}

.asf-chevron-down:before {
    content: "\e921";
    padding-bottom: 2px
}

.asf-message-hint:before {
    content: "\e902"
}

.asf-check:before {
    content: "\e900"
}

.asf-copy:before {
    content: "\e901"
}

.asf-trash:before {
    content: "\e904"
}

.asf-hint:before {
    content: "\e902"
}

.asf-sign:before {
    content: "\e903"
}

.asf-help-faq:before {
    content: "\e905"
}

.asf-chat:before {
    content: "\e945"
}

.asf-call-operator:before {
    content: "\e944"
}

.asf-saving-pig:before {
    content: "\e942"
}

.asf-stop-watch:before {
    content: "\e943"
}

.asf-vintage-car:before {
    content: "\e93d"
}

.asf-car:before {
    content: "\e93e"
}

.asf-electric:before {
    content: "\e93f"
}

.asf-caravan:before {
    content: "\e940"
}

.asf-cabrio:before {
    content: "\e941"
}

.asf-news:before {
    content: "\e93c"
}

.asf-ticket-check:before {
    content: "\e934"
}

.asf-calendar-reload:before {
    content: "\e935"
}

.asf-hand-cog:before {
    content: "\e936"
}

.asf-id-card:before {
    content: "\e937"
}

.asf-shopping-cart-check:before {
    content: "\e938"
}

.asf-shopping-cart-plus:before {
    content: "\e939"
}

.asf-tag:before {
    content: "\e93a"
}

.asf-credit-cards:before {
    content: "\e93b"
}

.asf-car2b:before {
    content: "\e933"
}

.asf-euro:before {
    content: "\e932"
}

.asf-doc-info:before {
    content: "\e908"
}

.asf-calculator:before {
    content: "\e930"
}

.asf-lock:before {
    content: "\e92e"
}

.asf-file-csv:before {
    content: "\e92f"
}

.asf-map:before {
    content: "\e92b"
}

.asf-map-pin:before {
    content: "\e907"
}

.asf-info:before {
    content: "\e929"
}

.asf-phone:before {
    content: "\e913"
}

.asf-fat-right:before {
    content: "\e906"
}

.asf-arrow-right:before {
    content: "\e91f"
}

.asf-calendar:before {
    content: "\e92a"
}

.asf-motorbike:before {
    content: "\e90d"
}

.asf-sport-car:before {
    content: "\e90e"
}

.asf-chevron-up:before {
    content: "\e921"
}

.asf-cloud-download:before {
    content: "\e92d"
}

.asf-double-arrow-vertical:before {
    content: "\e92c"
}

.asf-edit:before {
    content: "\e922"
}

.asf-ellipsis-v:before {
    content: "\e90f"
}

.asf-email:before {
    content: "\e923"
}

.asf-building:before {
    content: "\e909"
}

.asf-file-o:before {
    content: "\e924"
}

.asf-file-text-o:before {
    content: "\e925"
}

.asf-keyboard:before {
    content: "\e910"
}

.asf-print:before {
    content: "\e918"
}

.asf-file-word-o:before {
    content: "\e90a"
}

.asf-file-image:before {
    content: "\e926"
}

.asf-file-pdf-o:before {
    content: "\e927"
}

.asf-filter:before {
    content: "\e928"
}

.asf-gear:before {
    content: "\e911"
}

.asf-hamburger-navi:before {
    content: "\e912"
}

.asf-message-info:before {
    content: "\e919"
}

.asf-message-success:before {
    content: "\e91a"
}

.asf-message-warning:before {
    content: "\e920"
}

.asf-reset:before {
    content: "\e91c"
}

.asf-search:before {
    content: "\e91d"
}

.asf-share:before {
    content: "\e91e"
}

.asf-shopping-cart:before {
    content: "\e914"
}

.asf-ui-sort-down:before {
    content: "\e915"
}

.asf-ui-sort-up:before {
    content: "\e916"
}

.asf-user-full:before {
    content: "\e90b"
}

.asf-ux-contrast:before {
    content: "\e90c"
}

.asf-ui-close:before {
    content: "\e917"
}

.asf-tickets1:before {
    content: "\e91b"
}

.asf-tickets2:before {
    content: "\e931"
}

.asf-tickets:before {
    content: "\e946"
}

.asf-login:before {
    content: "\e947"
}

.asf-present:before {
    content: "\e948"
}

.alert {
    --bs-alert-border: none
}

.alert-hint {
    background-color: var(--bs-warning-bg-subtle);
    color: var(--bs-warning-text-emphasis)
}

:not(details).alert-danger:before,
:not(details).alert-warning:before {
    content: "\e920";
    font-family: Asfinag;
    margin-right: .5rem
}

:not(details).alert-success:before {
    content: "\e91a";
    font-family: Asfinag;
    margin-right: .5rem
}

:not(details).alert-info:before {
    content: "\e919";
    font-family: Asfinag;
    margin-right: .5rem
}

:not(details).alert-hint:before {
    content: "\e902";
    font-family: Asfinag;
    margin-right: .5rem
}

.alert p:first-of-type {
    display: inline
}

.fixed-back-to-top {
    bottom: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: 100vh;
    width: 50px
}

.fixed-back-to-top>a {
    bottom: .5rem;
    display: block;
    position: sticky;
    right: 0
}

.bg-gray-700,
.fixed-back-to-top>a:active,
.fixed-back-to-top>a:focus,
.fixed-back-to-top>a:hover {
    background-color: var(--bs-gray-700)
}

.bg-gray-500 {
    background-color: var(--bs-gray-500)
}

.bg-gray-300 {
    background-color: var(--bs-gray-300)
}

.bg-gray-200 {
    background-color: var(--bs-gray-200)
}

.bg-gray-100 {
    background-color: var(--bs-gray-100)
}

.bg-communication-green {
    background-color: var(--asf-communcation-green)
}

.bg-blue {
    background-color: var(--bs-blue)
}

.border-left-vignette {
    border-left: 5px solid var(--asf-vignette-red)
}

.border-left-special-toll {
    border-left: 5px solid var(--asf-flex-green)
}

.btn {
    --bs-btn-color: #eb6a0a;
    --bs-btn-hover-color: #eb6a0a;
    font-weight: 600
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    cursor: not-allowed
}

.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-hover-bg: #d66009;
    --bs-btn-hover-border-color: #d66009;
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-bg: #abb0b5;
    --bs-btn-disabled-border-color: #abb0b5
}

.btn-outline-primary {
    --bs-btn-hover-bg: #fef8f3;
    --bs-btn-bg: var(--bs-white);
    --bs-btn-hover-color: #b73f03;
    --bs-btn-active-bg: #fef8f3;
    --bs-btn-active-color: #b73f03;
    --bs-btn-hover-border-color: #b73f03
}

.btn-blue-bg {
    --bs-btn-bg: #fff;
    --bs-btn-color: #48535e;
    --bs-btn-hover-bg: #e5f0fb;
    --bs-btn-border-color: #a3a9ae;
    --bs-btn-active-bg: #0066d3;
    --bs-btn-active-border-color: #0066d3;
    --bs-btn-active-color: #fff;
    --bs-btn-border-width: var(--bs-border-width)
}

.btn-blue-bg:hover {
    background-color: #e5f0fb !important;
    border-color: #a3a9ae !important
}

.btn-active-blue-bg {
    --bs-btn-bg: #0066d3;
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #48535e;
    --bs-btn-hover-bg: #e5f0fb;
    --bs-btn-active-bg: #0066d3;
    --bs-btn-active-color: #fff
}

input[type=radio]:checked+.btn-blue-bg:hover {
    background-color: #0066d3 !important
}

input[type=radio]+label .asf-check {
    display: none
}

input[type=radio]:checked+label .asf-check {
    display: inline
}

@media (max-width:992px) {
    .btn.full-width-mobile-only {
        width: 100%
    }
    .mobile-sticky-buttons {
        background-color: var(--bs-white);
        bottom: 0;
        left: 0;
        padding: .5rem;
        position: fixed;
        width: 100%
    }
}

#checkout-progress {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 2px
}

#checkout-progress .circle-3rem {
    align-items: center;
    display: flex;
    font-weight: 600;
    height: 3rem;
    justify-content: center;
    width: 3rem
}

#checkout-progress .state-current {
    background-color: var(--bs-primary);
    color: #fff
}

#checkout-progress .state-next {
    background-color: #fff;
    border: 2px solid var(--bs-gray-300);
    color: var(--bs-gray-300)
}

#checkout-progress li.no-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.progress-0 {
    background: linear-gradient(to right, var(--bs-gray-300) 0, var(--bs-gray-300) 100%)
}

.progress-1 {
    background: linear-gradient(to right, var(--bs-primary) 0, var(--bs-primary) 25%, var(--bs-gray-300) 25%, var(--bs-gray-300) 100%)
}

.progress-2 {
    background: linear-gradient(to right, var(--bs-primary) 0, var(--bs-primary) 50%, var(--bs-gray-300) 50%, var(--bs-gray-300) 100%)
}

.progress-3 {
    background: linear-gradient(to right, var(--bs-primary) 0, var(--bs-primary) 75%, var(--bs-gray-300) 75%, var(--bs-gray-300) 100%)
}

.progress-4 {
    background: linear-gradient(to right, var(--bs-primary) 0, var(--bs-primary) 100%)
}

.color-white {
    color: var(--bs-white)
}

.color-primary {
    color: var(--bs-primary)
}

.color-gray {
    color: var(--bs-gray)
}

.color-gray-700 {
    color: var(--bs-gray-700)
}

.color-asf-red {
    color: var(--asf-vignette-red)
}

.color-asf-green {
    color: var(--asf-flex-green)
}

body {
    color: var(--bs-gray-800);
    color: var(--bs-gray-700);
    margin: 0;
    padding: 0;
    position: relative;
    scroll-margin-top: 4rem
}

:root {
    --bs-body-font-family: "Open Sans";
    --asf-flex-green: #00833c;
    --asf-vignette-red: #d30000;
    --asf-communcation-green: #00e676;
    --bs-border-width: 2px;
    --input-border-width: 1px;
    --bs-heading-color: var(--bs-primary)
}

.cursor-pointer {
    cursor: pointer
}

@media (min-width:992px) {
    .rounded-lg {
        border-radius: var(--bs-border-radius) !important
    }
}

.product-image img {
    margin-right: 1rem;
    max-width: 2rem;
    width: 2rem
}

.mt-10 {
    margin-top: 6rem
}

dialog {
    min-width: 360px
}

footer,
main {
    min-width: 380px
}

.mw-50 {
    max-width: 100% !important;
    min-width: 50% !important
}

.btn i {
    font-weight: 400 !important
}

.wcag-links a:not(:focus) {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.wcag-links a:focus {
    display: block;
    margin: .5rem auto;
    padding: .25rem;
    text-align: center;
    width: 100%
}

@media (min-width:992px) {
    body:not(.startpage) {
        background-attachment: fixed;
        background-color: #f0f0f0;
        background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="500" height="300"><path fill-opacity=".05" d="M63.318 248.234c-7.995-.255-15.202-1.355-22.236-3.393-7.704-2.232-14.567-5.776-20.496-10.582a51.7 51.7 0 0 1-7.174-7.148c-4.407-5.4-7.855-11.942-9.785-18.565-2.217-7.61-3.02-16.812-2.23-25.564.897-9.932 3.948-19.213 9.197-27.972 5.09-8.495 12.444-15.903 22.184-22.35a105 105 0 0 1 7.89-4.719c.145-.078.264-.16.264-.181 0-.022-.369-.555-.82-1.184a160 160 0 0 1-11.12-17.952c-.891-1.676-2.801-5.527-3.286-6.623-2.961-6.704-4.543-13.134-4.9-19.92-.073-1.408-.03-5.11.077-6.447.505-6.32 1.976-11.776 4.576-16.972 4.238-8.468 10.894-15.273 19.788-20.232 1.08-.602 3.592-1.84 4.782-2.356 6.268-2.721 12.652-4.41 19.904-5.267 6.886-.814 14.671-.824 21.775-.03 6.154.69 11.818 2 17.143 3.968 6.934 2.561 12.706 5.967 17.666 10.42 1.04.935 2.986 2.902 3.844 3.885 7.59 8.706 11.351 19.242 11.154 31.25-.054 3.302-.317 5.795-.937 8.881-2.546 12.666-10.287 24.581-22.989 35.386-3.52 2.994-7.973 6.272-12.183 8.967-.4.256-.735.472-.745.48-.018.017 23.88 32.2 24.022 32.35.08.083.109.046.532-.678 1.216-2.083 2.438-4.738 3.307-7.187 1.42-3.996 2.712-10.258 3.262-15.807.044-.441.092-.899.107-1.016l.027-.213h46.393l-.018.213c-.01.118-.042.642-.071 1.167-.627 11.31-3.08 23.586-6.834 34.194a73 73 0 0 1-16.81 26.823c-.683.693-1.241 1.272-1.241 1.288 0 .023 11.56 16.17 27.101 37.856l1.448 2.02-29.46-.013-29.46-.013-4.539-6.146c-2.495-3.38-4.57-6.192-4.608-6.246-.057-.081-.088-.09-.162-.043-.331.207-3.172 1.869-4.273 2.5-4.765 2.732-8.831 4.87-11.54 6.069-4.976 2.2-10.147 3.833-16.385 5.17-5.154 1.105-9.318 1.636-14.749 1.882-1.568.071-5.832.1-7.392.05m14.61-40.815c3.095-.333 6.008-1.22 9.568-2.916 2.407-1.146 4.407-2.335 6.134-3.648.326-.248.583-.476.571-.506-.025-.066-28.111-38.211-28.198-38.298-.045-.045-.206.06-.686.447-3.45 2.784-6.063 5.548-8.017 8.479-2.154 3.23-3.708 6.882-4.222 9.923-.316 1.866-.26 4.46.147 6.799.54 3.113 1.86 6.388 3.697 9.182 2.63 3.999 6.419 7.173 10.778 9.032.728.31 2.3.831 3.086 1.022 1.095.267 2.452.476 3.617.557.825.058 2.66.02 3.524-.073m2.8-106.496c1.653-1.537 4.415-4.267 5.685-5.62 4.01-4.275 6.376-7.468 8.177-11.039 1.67-3.308 2.4-6.07 2.319-8.755-.128-4.212-1.653-7.665-4.546-10.296-2.459-2.235-5.242-3.49-8.783-3.964-.96-.128-3.937-.128-4.892 0-3.346.45-5.987 1.588-8.36 3.6-1.947 1.651-3.414 3.799-4.18 6.119-1.006 3.05-1.047 6.272-.122 9.558 1.038 3.683 3.161 7.637 7.235 13.472 1.783 2.554 6.01 8.202 6.112 8.165.017-.007.627-.565 1.354-1.24" style="fill:%23000"/></svg>');
        background-position: center 2rem;
        background-repeat: no-repeat;
        background-size: auto 1000px
    }
    div.content-frame {
        background-color: hsla(0, 0%, 100%, .8);
        box-shadow: 0 0 10px 1px #ccc;
        min-height: 40rem
    }
}

details>summary {
    list-style: none
}

summary::-webkit-details-marker {
    display: none
}

summary .asf-summary-arrow:after {
    color: var(--bs-gray-700);
    content: "\e921"/"";
    padding-bottom: 2px;
    transform: rotate(180deg)
}

details[open] summary .asf-summary-arrow:after {
    content: "\e921"/"";
    margin-left: 1px;
    transform: rotate(0deg)
}

dialog {
    border: 0;
    border-radius: .5rem
}

dialog::backdrop {
    background-color: rgba(0, 0, 0, .75);
    pointer-events: none
}

@media (max-width:991px) {
    #cookieModal {
        bottom: 19px;
        margin: auto auto 0
    }
    #cookieModal button {
        width: 100%
    }
    #cookieModal .modal-footer {
        flex-wrap: wrap-reverse
    }
}

.faq-container details:first-of-type {
    border-top: 2px solid #a3a9ae
}

.faq-container .float-right {
    float: right
}

.faq-container details {
    border-bottom: 2px solid #a3a9ae
}

.faq-container details summary::marker {
    display: none
}

.faq-container details summary::-webkit-details-marker {
    display: none
}

.faq-container details summary {
    list-style: none;
    padding: 1rem;
    vertical-align: middle
}

.faq-container details summary i.asf-ui-plus {
    color: #eb6a0a;
    padding: 0 0 0 .5rem;
    transform: rotate(45deg);
    transition: all .4s
}

.faq-container details summary:hover {
    background: #fafafa;
    cursor: pointer;
    text-decoration: none
}

.faq-container details>div:first-of-type {
    margin: 1.5rem
}

.faq-container details[open]>summary i.asf-ui-plus {
    color: #48535e;
    transform: rotate(90deg) !important;
    transition: all .4s
}

footer {
    color: var(--bs-gray-500)
}

footer .footer-links {
    color: #fff;
    padding: 1em
}

footer .footer-links ul li a {
    color: #fff;
    text-decoration: none
}

footer .footer-links ul li a:hover {
    color: #fff;
    text-decoration: underline
}

footer ul.list-unstyled-inline {
    list-style: none
}

footer ul.list-unstyled-inline li {
    float: left;
    padding-right: .25em
}

footer ul.list-unstyled-inline li a {
    display: block
}

.payment-icons {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.payment-icons>* {
    flex: 0 1 6rem;
    max-width: 6rem
}

#communication-widget.sticky {
    height: -moz-fit-content;
    height: fit-content;
    position: absolute
}

#communication-widget {
    bottom: 0;
    position: fixed
}

#communication-widget .btn-widget {
    background-color: rgba(0, 0, 0, .33)
}

#communication-widget .btn-widget i {
    background-color: var(--asf-communcation-green);
    border-radius: 1.5rem;
    display: inline-block;
    font-size: 2.2rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    width: 3rem
}

#communication-widget .btn-widget:focus,
#communication-widget .btn-widget:hover {
    text-decoration: none !important
}

#communication-widget .btn-widget:focus i,
#communication-widget .btn-widget:hover i {
    background-color: blue !important
}

#contact-widget [class*=" asf-"],
#contact-widget [class^=asf-] {
    font-size: 24px !important
}

.social-media-icons img {
    padding: .25rem
}

.loading-indicator {
    animation: loadingAnimation 2s ease-in-out infinite;
    cursor: not-allowed;
    outline: 4px solid transparent
}

@keyframes loadingAnimation {
    0% {
        outline-color: transparent
    }
    50% {
        outline-color: #eb6a0a
    }
    to {
        outline-color: transparent
    }
}

.form-check-input:disabled,
.form-check-input[readonly],
.form-radio-input:disabled,
.form-radio-input[readonly],
.selectpicker:disabled,
.selectpicker[readonly],
input.form-control:disabled,
input.form-control[readonly] {
    border-color: #6d757e;
    color: #6d757e
}

.form-control {
    padding: .75rem
}

.form-check-input,
.form-control {
    --bs-border-color: #333b43;
    --bs-border-width: 1px
}

.form-check-input {
    height: 1.25rem;
    width: 1.25rem
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary)
}

.form-radio-input {
    accent-color: var(--bs-primary);
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto
}

.form-radio-input:focus {
    box-shadow: none
}

.form-radio-input:not(:checked)+label {
    border-color: #6c757d
}

.selectpicker {
    color: var(--bs-body-color);
    outline: none
}

.selectpicker:focus {
    border-color: #0066d3;
    box-shadow: 0 0 0 .25rem #cadff6
}

input.calendar-asf {
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='768' height='768' viewBox='0 0 768 768'><path  d='M616.1,128.1h-48.3v55.1c0,23.5-18.9,42.7-42.1,42.7c-23.2,0-42.1-19.2-42.1-42.7v-55.1H285v55.1 c0,23.5-18.9,42.7-42.1,42.7s-42.1-19.2-42.1-42.7l0-55.1h-48.9c-27.5,0-49.5,22.3-49.5,50.2v434c0,27.8,22,50.2,49.5,50.2h464.3 c27.5,0,49.5-22.3,49.5-50.2v-434C665.6,150.4,643.6,128.1,616.1,128.1L616.1,128.1L616.1,128.1z M636.9,612.2 c0,11.8-9.2,21-20.8,21H151.9c-11.6,0-20.8-9.3-20.8-21V277.9h506.4v334.3H636.9L636.9,612.2z M242.9,203.6c11.6,0,20.8-9.3,20.8-21 V94.6c0-11.8-9.2-21-20.8-21c-11.6,0-20.8,9.3-20.8,21v87.9C222.1,194.3,231.3,203.6,242.9,203.6L242.9,203.6L242.9,203.6z M525.7,203.6c11.6,0,20.8-9.3,20.8-21V94.6c0-11.8-9.2-21-20.8-21c-11.6,0-20.8,9.3-20.8,21v87.9 C505.6,194.3,514.7,203.6,525.7,203.6L525.7,203.6L525.7,203.6z M521,524.8v81.4h77.6l0-81.4H521z M288.2,304.9v81.4h77.6l0-81.4 H288.2L288.2,304.9z M405.2,304.9v81.4h77.6l0-81.4H405.2L405.2,304.9z M521,304.9v81.4h77.6l0-81.4H521z M171.7,414.2v81.4h77.6 l0-81.4H171.7L171.7,414.2z M287.9,414.2v81.4h77.6l0-81.4H287.9L287.9,414.2z M404.9,414.2v81.4h77.6v-81.4H404.9z M520.7,414.2 v81.4h77.6l0-81.4H520.7L520.7,414.2z M171.7,524.8v81.4h77.6l0-81.4H171.7L171.7,524.8z M287.9,524.8v81.4h77.6l0-81.4H287.9 L287.9,524.8z M404.9,524.8v81.4h77.6v-81.4H404.9z' fill='white'></path></svg>"), linear-gradient(270deg, #eb6a0a 3.3rem, #fff 0);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 3.3rem;
    vertical-align: middle
}

input.calendar-asf::-webkit-calendar-picker-indicator,
input.calendar-asf::-webkit-inner-spin-button {
    background-image: unset;
    color: #fff;
    content: "";
    cursor: pointer;
    height: 3rem;
    width: 3rem
}

.form-control::-webkit-date-and-time-value {
    height: unset !important;
    line-height: unset !important;
    text-align: left
}

form form-check,
form input,
form label,
form select {
    margin-bottom: .25rem;
    margin-top: .2rem
}

form input[type=checkbox]+label {
    margin-top: .175rem
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="gray" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 16 16"><path stroke-width="2" d="m2 5 6 6 6-6"/></svg>');
    background-position-x: calc(100% - 18px);
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    color: var(--bs-gray);
    cursor: pointer;
    font-family: Open Sans;
    padding: .8rem 2rem .8rem 1rem
}

.select-wrapper,
select {
    position: relative
}

.select-wrapper select {
    background-image: unset
}

.select-wrapper:after {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="gray" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 16 16"><path stroke-width="2" d="m2 5 6 6 6-6"/></svg>');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: "";
    height: 14px;
    position: absolute;
    right: 1px;
    top: 17px;
    width: 33px
}

.btn-check+label {
    --bs-btn-color: var(--bs-gray-600) !important;
    --bs-btn-border-color: var(--bs-gray-600) !important
}

.btn-check+label:hover {
    --bs-btn-bg: var(--bs-gray-100) !important
}

.desktop-50-mobile-100 {
    width: 50%
}

@media (max-width:992px) {
    .desktop-50-mobile-100 {
        width: 100%
    }
}

main {
    padding-top: 4rem
}

header {
    box-shadow: unset !important;
    position: fixed;
    z-index: 2
}

header .navbar {
    height: 4rem
}

header .navbar img {
    max-height: 2rem;
    max-width: 40vw;
    width: auto
}

header .navbar #main-nav-bar a.nav-link {
    color: var(--bs-primary);
    margin: .8rem
}

header .navbar #main-nav-bar a.nav-link:hover {
    color: var(--bs-grey) !important
}

header .dropdown-menu.show {
    top: 4rem
}

#more-menu-container {
    background-color: rgba(0, 0, 0, .5);
    left: 0;
    margin-top: 4rem;
    position: fixed
}

#more-menu-container #more-menu {
    height: calc(100vh - 4rem) !important;
    max-width: 30rem;
    width: 100%
}

@media (max-width:991px) {
    #more-menu-container #more-menu-main {
        flex-grow: 1
    }
}

#more-menu-container #more-menu-contrast-toogle {
    padding-bottom: 5rem
}

#more-menu-container .selectpicker {
    width: inherit
}

img.countryFlag {
    border-radius: 6px;
    height: 53px;
    margin-top: calc(-1px - var(--bs-border-width))
}

img.countryFlag+input {
    display: inline;
    width: calc(50% - 32px)
}

@media (max-width:992px) {
    img.countryFlag+input {
        width: calc(100% - 32px)
    }
}

.license-plate-preview {
    max-width: 292px
}

.lpp-image {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px;
    position: relative;
    text-align: center
}

.lpp-image div {
    color: #000;
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    min-width: 20px;
    vertical-align: top;
    width: auto
}

.lpp-district {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 48px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    width: 46px !important
}

.license-plate-mask:after {
    background-color: #fff;
    content: "******";
    cursor: pointer;
    font-size: 1.3em;
    left: 0;
    margin: .25rem 0 0 46px;
    padding: .25rem;
    position: absolute;
    top: 8px;
    width: calc(50% - 46px - .5rem)
}

.loader {
    height: 8px;
    width: 100%;
    --c: no-repeat linear-gradient(#eb6a0a 0 0);
    animation: l16 6s infinite;
    background: var(--c), var(--c), #ffe6d7;
    background-size: 60% 100%
}

@keyframes l16 {
    0% {
        background-position: -150% 0, -150% 0
    }
    66% {
        background-position: 250% 0, -150% 0
    }
    to {
        background-position: 250% 0, 250% 0
    }
}

.h-8rem {
    height: 8rem
}

.h-6rem {
    height: 6rem
}

.mh-20rem {
    min-height: 20rem
}

.mh-4rem {
    max-height: 4rem
}

.minh-4rem {
    min-height: 4rem
}

.w-2rem {
    width: 2rem
}

.h-2rem {
    height: 2rem
}

.text-small {
    font-size: .8rem
}

.ps-2-3-rem {
    padding-left: 2.3rem
}

.fz-1-25 {
    font-size: 1.25rem
}

.fz-1-5 {
    font-size: 1.5rem
}

#StartpageMainContent {
    background-repeat: no-repeat;
    background-size: cover
}

#StartpageMainContent a,
#StartpageMainContent h1,
#StartpageMainContent h2 {
    color: var(--bs-white) !important
}

#StartpageMainContent a {
    font-weight: 600
}

.information-block .gray-1 {
    background-color: var(--bs-gray-300);
    color: var(--bs-gray)
}

.information-block .gray-1 h2,
.information-block .gray-1 h3,
.information-block .gray-1 h4,
.information-block .gray-1 h5 {
    color: var(--bs-gray)
}

.information-block .gray-2 {
    background-color: var(--bs-gray-500);
    color: var(--bs-gray-700)
}

.information-block .gray-2 h2,
.information-block .gray-2 h3,
.information-block .gray-2 h4,
.information-block .gray-2 h5 {
    color: var(--bs-gray-700)
}

.information-block .gray-3 {
    background-color: var(--bs-gray-700);
    color: var(--bs-white)
}

.information-block .gray-3 h2,
.information-block .gray-3 h3,
.information-block .gray-3 h4,
.information-block .gray-3 h5 {
    color: var(--bs-white)
}

.information-block .flex {
    background-color: var(--asf-flex-green);
    color: var(--bs-white)
}

.information-block .flex h2,
.information-block .flex h3,
.information-block .flex h4,
.information-block .flex h5 {
    color: var(--bs-white)
}

span.payment-label {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

img.payment-icon-small {
    height: 100%;
    max-height: 26px
}

#mpay24_container {
    min-height: 180px
}

.embeddedForm {
    max-width: 500px;
    width: 100%
}

.old-style-label {
    color: #48535e !important;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 5px
}

.old-style,
.old-style-label {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.42857143
}

.old-style {
    border: 1px solid #91989e;
    border-radius: 0;
    color: #48535e;
    font-size: 18px;
    height: 46px;
    margin: 0 0 1em;
    padding: 6px 12px;
    width: 100%
}

.old-style:focus {
    border-color: #000 !important;
    border-radius: 2px
}

#popover-route {
    height: 94vh;
    position: fixed;
    width: 96vw
}

#popover-route::backdrop {
    background-color: rgba(0, 0, 0, .75);
    pointer-events: none
}

#add-to-cart {
    left: 0;
    margin-top: 2.2rem;
    position: fixed
}

#add-to-cart .arrow-row {
    height: 1.5rem;
    overflow: hidden
}

#add-to-cart .arrow-row .arrow {
    height: 3rem;
    margin-right: 1.5rem;
    position: relative;
    top: 1.5rem;
    transform: rotate(45deg);
    width: 3rem
}

@media (min-width:992px) {
    #add-to-cart .arrow-row .arrow {
        margin-right: 4rem
    }
}

#add-to-cart::backdrop {
    background-color: rgba(0, 0, 0, .75)
}

input:where([type=checkbox][role=switch]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid;
    border-radius: 1em;
    box-sizing: content-box;
    color: inherit;
    font-size: inherit;
    height: 1em;
    margin: auto;
    position: relative;
    vertical-align: text-bottom;
    width: 2em
}

input:where([type=checkbox][role=switch]):before {
    background: var(--bs-white);
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    height: .7em;
    left: 0;
    margin: 0 .15em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .7em
}

input:where([type=checkbox][role=switch]):checked {
    background: var(--bs-primary)
}

input:where([type=checkbox][role=switch]):checked:before {
    color: var(--bs-primary);
    left: 1em
}

input:where([type=checkbox][role=switch]):disabled {
    opacity: .4
}

.fw-600 {
    font-weight: 600
}

.form-control:user-invalid,
.selectpicker:user-invalid,
input:user-invalid,
select:user-invalid {
    border-color: #d30000
}

.custom-checkbox+.validation-error,
.selectpicker-wrapper+.validation-error,
div:has(input[type=checkbox])+.validation-error,
fieldset.radio-group+.validation-error,
input+.validation-error,
select+.validation-error {
    display: none
}

.selectpicker-wrapper:has(select:user-invalid)+.validation-error,
div:has(input[type=checkbox]:user-invalid)+.validation-error,
fieldset.radio-group:has(input[type=radio]:user-invalid)+.validation-error,
input:user-invalid+.validation-error,
select:user-invalid+.validation-error {
    color: #d30000;
    display: block;
    font-size: 1em
}

.selectpicker-wrapper:has(select:user-invalid)+.validation-error ul,
div:has(input[type=checkbox]:user-invalid)+.validation-error ul,
fieldset.radio-group:has(input[type=radio]:user-invalid)+.validation-error ul,
input:user-invalid+.validation-error ul,
select:user-invalid+.validation-error ul {
    padding-top: 0
}

.selectpicker-wrapper:has(select:user-invalid)+.validation-error ul:has(li:only-child),
div:has(input[type=checkbox]:user-invalid)+.validation-error ul:has(li:only-child),
fieldset.radio-group:has(input[type=radio]:user-invalid)+.validation-error ul:has(li:only-child),
input:user-invalid+.validation-error ul:has(li:only-child),
select:user-invalid+.validation-error ul:has(li:only-child) {
    padding-left: 0
}

.selectpicker-wrapper:has(select:user-invalid)+.validation-error ul li:only-child,
div:has(input[type=checkbox]:user-invalid)+.validation-error ul li:only-child,
fieldset.radio-group:has(input[type=radio]:user-invalid)+.validation-error ul li:only-child,
input:user-invalid+.validation-error ul li:only-child,
select:user-invalid+.validation-error ul li:only-child {
    list-style: none;
    padding-left: 0
}

.editor-content ol,
.editor-content ul {
    list-style-position: inside
}

.editor-content ul:not(.list-unstyled) {
    padding-left: 1.5rem
}

.editor-content ol.list-unstyled li a:before,
.editor-content ul.list-unstyled li a:before {
    color: var(--bs-primary);
    content: "\e906";
    display: inline-block;
    font-family: asfinag;
    padding-right: .4rem
}

.editor-content ol.list-unstyled li a:focus:before,
.editor-content ol.list-unstyled li a:hover:before,
.editor-content ul.list-unstyled li a:focus:before,
.editor-content ul.list-unstyled li a:hover:before {
    color: var(--bs-gray-700);
    text-decoration: none
}

.editor-content ol.list-unstyled li a:before,
.editor-content ul.list-unstyled li a:before {
    text-decoration: none
}

.editor-content ul:not(.list-unstyled) li {
    display: block;
    padding-left: 1rem;
    position: relative
}

.editor-content ul:not(.list-unstyled) li:before {
    background-repeat: no-repeat;
    color: var(--bs-primary);
    content: "\e906";
    font-family: asfinag;
    left: -.5rem;
    position: absolute
}

.editor-content ul:not(.list-unstyled) ol {
    list-style-type: disc
}

.editor-content ul:not(.list-unstyled) ol>li:before {
    content: "\f04b"
}

.editor-content ol {
    counter-reset: item
}

.editor-content ol:not(.list-unstyled) {
    padding-left: 1.5rem
}

.editor-content ol:not(.list-unstyled)>li {
    display: block;
    padding-left: .6rem;
    position: relative
}

.editor-content ol:not(.list-unstyled)>li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
    margin-left: -1.5rem;
    width: 1.5rem
}

.editor-content ol:not(.list-unstyled) ol>li:before {
    content: counters(item, ".") " "
}