@charset "UTF-8";

.relative {
    position: relative;
}
.button-text {
    cursor: pointer;
    font-weight: 500;
    color: #055cc6;
}
.button-text:hover,
.button-text:focus {
    color: #000;
}
.cursor-pointer {
    cursor: pointer;
}

/**
 * Imports
 */
/**
 * Layer
 */
.layer-blur {
    background: #444;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000;
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
}
.layer {
    background: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 600px;
    transform: translate(-50%, -50%);
    z-index: 11000;
    transition: width 0.2s ease, padding 0.2s ease;
}
.layer > .close-icon {
    position: absolute;
    top: 17px;
    right: 17px;
}
.layer > .close-icon::before,
.layer > .close-icon::after {
    background-color: #000;
}
.layer:not(.has-content) {
    max-height: calc( 100vh - 60px );
    overflow: auto;
}
.layer.has-content > .layer-content {
    overflow: auto;
    max-height: calc( 100vh - 30px );
    max-height: calc( 100vh - 60px );
    max-height: calc( 100svh - 60px );
}




.layer .text {
    margin: 1em 0 0 0;
}
.layer .text p {
    /*font: 400 14px/20px 'Titillium Web', sans-serif;*/
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.layer .text.borderbottom {
    border-bottom: 2px solid #eeeeee;
    margin-bottom: 4px;
}
.layer .layer-header {
    padding: 30px;
    transition: none;
}
.layer .layer-header.no-bottom {
    padding-bottom: 0 !important;
}
.layer .layer-header .title {
    color: #055cc5;
    /*font: 700 40px/40px 'Titillium Web', sans-serif;*/

    font-weight: 700;
    font-size: 40px;
    line-height: 40px;

    margin: 0 0 0.2em 0;
    text-transform: uppercase;
    transition: font 0.2s ease;
}
.layer .title.add-bottom {
    margin-bottom: 15px;
}
.layer .subtitle {
    color: #000;
    /*font: 400 24px/24px 'Titillium Web', sans-serif;*/

    font-weight: 400;
    font-size: 24px;
    line-height: 24px;

    text-transform: uppercase;
    transition: font 0.2s ease;
}
.layer .subtitle.add-bottom {
    margin-bottom: 15px;
}
.layer .subtitle .emphasize {
    font-weight: 700;
}
.layer .layer-close {
    display: block;
    height: 28px;
    overflow: hidden;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 28px;
    cursor: pointer;
    background-color: transparent;
}
.layer .layer-close::before, .layer .layer-close::after {
    background: #888;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 12px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: transform 0.2s ease;
    -moz-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
    width: 28px;
}
.layer .layer-close::before {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.layer .layer-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.layer#layer-faq #layer-faq-form, .layer#layer-faq #layer-faq-form-buttons {
    display: none;
}
.layer#layer-faq.show-form .layer-header {
    padding-bottom: 10px;
}
.layer#layer-faq.show-form #layer-faq-form {
    display: block;
}
.layer#layer-faq.show-form #layer-faq-form-buttons {
    display: flex;
}
.layer#layer-faq.show-form #layer-faq-content, .layer#layer-faq.show-form #layer-faq-contact-button {
    display: none;
}
.layer .layer-wide-button {
    background: #f1f1f1;
    width: 100%;
    color: #888;
    cursor: pointer;
    /*font: 600 18px/26px 'Titillium Web', sans-serif;*/

    font-weight: 600;
    font-size: 18px;
    line-height: 26px;

    letter-spacing: 2px;
    padding: 18px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    margin-top: auto;
    border-radius: 4px;
}
.layer .layer-wide-button:hover {
    background: #d9d9d9;
}
.layer .layer-wide-bottom-buttons {
    background: #f1f1f1;
    border-radius: 0 0 4px 4px;
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    padding: 25px 30px;
    transition: padding 0.2s ease;
    margin-top: auto;
}
.layer .layer-wide-bottom-buttons .layer-wide-bottom-button {
    background: var(--theme-primary-default, #29aa5d);
    border-radius: 4px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    flex: 0 0 auto;
    /*font: 600 18px/26px 'Titillium Web', sans-serif;*/

    font-weight: 600;
    font-size: 18px;
    line-height: 26px;

    letter-spacing: 2px;
    padding: 12px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.layer .layer-wide-bottom-buttons .layer-wide-bottom-button:hover {
    background: var(--theme-primary-hover, #37b466);
    color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}
.layer .layer-wide-bottom-buttons .layer-wide-bottom-button.secondary {
    background: transparent;
    box-shadow: none;
    color: #888;
    padding: 12px 0;
}
.layer .layer-wide-bottom-buttons .layer-wide-bottom-button.secondary:hover {
    background: transparent;
    color: #888;
    box-shadow: none;
}
.layer .layer-upsell {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    padding: 0 30px 30px 30px;
    transition: padding 0.2s ease;
}
.layer .layer-upsell .layer-upsell-thumb {
    flex: 0 0 auto;
    font-size: 4px;
}
.layer .layer-upsell .layer-upsell-text {
    flex: 1 1 auto;
    padding: 0 0 0 40px;
}
.layer .layer-upsell .layer-upsell-text a {
    color: #000;
    text-decoration: underline;
}
.layer .layer-upsell .layer-upsell-text a:hover {
    text-decoration: none;
}
.layer .layer-upsell .layer-upsell-text p {
    color: #000;
    font: 400 14px/20px 'Titillium Web', sans-serif;
    margin: 0 0 20px 0;
}
.layer .layer-upsell .layer-upsell-text p.small {
    color: #888;
    font: 400 12px/18px 'Titillium Web', sans-serif;
}
.layer .layer-upsell .layer-upsell-text ul {
    color: #000;
    font: 400 14px/20px 'Titillium Web', sans-serif;
}
.layer .layer-upsell .layer-upsell-text ul li {
    margin: 0 0 5px 0;
}
.layer .layer-upsell .layer-upsell-text ul li::before {
    background: url(../img/icon-check.svg) no-repeat 0 0;
    background-size: 14px 14px;
    content: '';
    display: block;
    filter: invert(12%) sepia(95%) saturate(7480%) hue-rotate(206deg) brightness(100%) contrast(96%);
    float: left;
    height: 14px;
    margin: 3px 6px 3px 0;
    width: 14px;
}
.layer .layer-upsell .layer-upsell-text-emission-sticker ul li::before {
    filter: invert(52%) sepia(93%) saturate(353%) hue-rotate(91deg) brightness(87%) contrast(90%);
}
.layer .layer-exit {
    align-items: center;
    padding: 0 30px 30px 30px;
    transition: padding 0.2s ease;
}
.layer .layer-exit.no-overflow {
    overflow: hidden;
}
.layer .layer-exit .layer-exit-thumb {
    font-size: 5px;
    padding: 0 0 30px 0;
    display: flex;
    justify-content: center;
}
.layer .layer-exit .layer-exit-text a {
    color: #000;
    text-decoration: underline;
}
.layer .layer-exit .layer-exit-text a:hover {
    text-decoration: none;
}
.layer .layer-exit .layer-exit-text p {
    color: #000;
    font: 400 16px/24px 'Titillium Web', sans-serif;
    margin: 0 0 20px 0;
}
.layer .layer-exit .layer-exit-text ul {
    color: #000;
    font: 400 16px/24px 'Titillium Web', sans-serif;
}
.layer .layer-exit .layer-exit-text ul li {
    border-bottom: 2px solid #eeeeee;
    margin: 0 0 10px 0;
    padding: 0 0 10px 24px;
    position: relative;
}
.layer .layer-exit .layer-exit-text ul li:last-child {
    border-bottom: 0;
    margin: 0;
    padding: 0 0 0 24px;
}
.layer .layer-exit .layer-exit-text ul li::before {
    background: url(../img/icon-check.svg) no-repeat 0 0;
    background-size: 16px 16px;
    content: '';
    display: block;
    filter: invert(12%) sepia(95%) saturate(7480%) hue-rotate(206deg) brightness(100%) contrast(96%);
    float: left;
    height: 16px;
    margin: 4px 8px 4px -24px;
    position: absolute;
    width: 16px;
}
.layer .layer-exit .layer-exit-text ul li.trust {
    align-items: center;
    display: none;
    flex-flow: row nowrap;
    justify-content: flex-start;
}
.layer .layer-exit .layer-exit-text ul li.trust .trust-rating-text {
    flex: 0 0 auto;
    font-weight: 700;
}
.layer .layer-exit .layer-exit-text ul li.trust .trust-rating-stars {
    flex: 0 0 auto;
    margin: 0 8px;
}
.layer .layer-exit .layer-exit-text ul li.trust .trust-rating-grade {
    flex: 0 0 auto;
    font-weight: 400;
}
.layer .layer-exit .layer-exit-text ul li.trust::before {
    background: transparent no-repeat 0 0;
    background-size: 20px 20px;
    filter: none;
    height: 20px;
    margin: 2px 4px 2px -24px;
    width: 20px;
}



html:not(.webp) .layer .layer-exit .layer-exit-text ul li.trust::before {
    background-image: url(../img/review-star.png);
}
html.webp .layer .layer-exit .layer-exit-text ul li.trust::before {
    background-image: url(../img/review-star.webp);
}



.layer .layer-exit .layer-exit-text ul li strong {
    font-weight: 700;
}
.layer .layer-summary {
    background: #f1f1f1;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 25px 30px;
    transition: padding 0.2s ease;

    &.has-actions {
        gap: 20px;
    }

    .layer-summary-actions {
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;

        @media all and (max-width: 640px) {
            flex-direction: row;
            justify-content: start;
        }

        .layer-summary-button {
            display: inline-flex;
        }
    }

}





.layer .layer-summary .layer-summary-trust {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row nowrap;
}
.layer .layer-summary .layer-summary-trust::before {
    background: transparent no-repeat 0 0;
    background-size: contain;
    content: '';
    display: block;
    flex: 0 0 auto;
    height: 50px;
    margin: 0 15px 0 0;
    width: 50px;
}


html:not(.webp) .layer .layer-summary .layer-summary-trust::before {
    background-image: url(../img/review-star.png);
}
html.webp .layer .layer-summary .layer-summary-trust::before {
    background-image: url(../img/review-star.webp);
}


.layer .layer-summary .layer-summary-trust .layer-summary-trust-wrapper {
    flex: 1 1 auto;
}
.layer .layer-summary .layer-summary-trust .layer-summary-trust-wrapper .layer-summary-trust-name {
    color: #000;
    font: 600 16px/24px 'Titillium Web', sans-serif;
}
.layer .layer-summary .layer-summary-trust .layer-summary-trust-wrapper .layer-summary-trust-rating {
    color: #000;
    flex: 0 0 auto;
    font: 400 12px/18px 'Titillium Web', sans-serif;
}
.layer .layer-summary .layer-summary-button {
    background: var(--theme-primary-default, #29aa5d);
    border-radius: 3px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    flex: 0 0 auto;
    font: 600 18px/26px 'Titillium Web', sans-serif;
    letter-spacing: 2px;
    padding: 12px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.layer .layer-summary .layer-summary-button:hover {
    background: var(--theme-primary-hover, #37b466);
    color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}
.layer .layer-summary .layer-summary-button.loading {
    background-color: #bdbdbd;
}
.layer .layer-summary .layer-summary-button.secondary {
    background: transparent;
    box-shadow: none;
    color: #888;
    padding: 12px 0;
}
.layer .layer-summary .layer-summary-button.secondary:hover {
    background: transparent;
    color: #888;
    box-shadow: none;
}
.layer .layer-summary .layer-summary-button.secondary.loading {
    background-color: transparent;
}
.layer.layer-badge .layer-header .title {
    color: #2aab5d;
}
.layer.layer-badge .badge {
    background: url(../img/green-badge.svg) no-repeat center;
    display: flex;
    background-size: 200px;
    width: 200px;
    height: 200px;
    position: relative;
}
.layer.layer-badge .badge .badge-text {
    font: 9em/0.7em 'nummernschild';
    position: absolute;
    bottom: 31%;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 640px), (max-height: 600px) {
    .layer.layer-mobile-fullscreen {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        border-radius: 0;
        overflow: auto;
    }
    .layer.layer-mobile-fullscreen .layer-summary {
        margin-top: auto;
    }
    .layer.layer-mobile-fullscreen .layer-wide-button {
        border-radius: 0;
    }
}
@media (max-width: 640px) {
    .layer {
        width: 320px;
        width: calc( 100% - 20px );
    }
    .layer > .close-icon {
        top: 17px;
        right: 17px;
    }
    .layer > .close-icon::before,
    .layer > .close-icon::after {
        background-color: #000;
    }
    .layer .layer-header {
        padding: 20px;
    }
    .layer .layer-header .title {
        font: 700 28px/28px 'Titillium Web', sans-serif;
        padding-right: 28px;
    }
    .layer .subtitle {
        font: 400 16px/16px 'Titillium Web', sans-serif;
    }
    .layer .layer-faq {
        padding: 0 20px 15px;
    }
    .layer .layer-wide-bottom-buttons {
        flex-direction: column-reverse;
    }
    .layer .layer-wide-bottom-buttons .secondary {
        margin: 10px 0 -10px 0;
    }
    .layer .layer-upsell {
        flex-flow: column wrap;
        padding: 0 20px 20px 20px;
    }
    .layer .layer-upsell .layer-upsell-thumb {
        flex: 0 0 100%;
        font-size: 4px;
        margin: 0 0 20px 0;
    }
    .layer .layer-upsell .layer-upsell-thumb .carbon-info {
        font-size: 3px;
    }
    .layer .layer-upsell .layer-upsell-text {
        flex: 0 0 100%;
        padding: 0;
    }
    .layer .layer-upsell .layer-upsell-text p {
        display: none;
    }
    .layer .layer-upsell .layer-upsell-text-emission-sticker .desktop-hint {
        display: none;
    }
    .layer .layer-exit {
        padding: 0 20px 20px 20px;
    }
    .layer .layer-exit .layer-exit-thumb {
        font-size: 4px;
        padding: 0 0 20px 0;
    }
    .layer .layer-exit .layer-exit-text p {
        font: 400 14px/20px 'Titillium Web', sans-serif;
    }
    .layer .layer-exit .layer-exit-text ul {
        font: 400 14px/20px 'Titillium Web', sans-serif;
    }
    .layer .layer-exit .layer-exit-text ul li {
        margin: 0 0 8px 0;
        padding: 0 0 8px 20px;
    }
    .layer .layer-exit .layer-exit-text ul li:last-child {
        padding: 0 0 0 20px;
    }
    .layer .layer-exit .layer-exit-text ul li::before {
        background-size: 14px 14px;
        height: 14px;
        margin: 3px 6px 3px -20px;
        width: 14px;
    }
    .layer .layer-exit .layer-exit-text ul li.trust {
        display: flex;
    }
    .layer .layer-exit .layer-exit-text ul li.trust .trust-rating-stars {
        margin: 0 6px;
    }
    .layer .layer-exit .layer-exit-text ul li.trust::before {
        background-size: 16px 16px;
        height: 16px;
        margin: 2px 4px 2px -20px;
        width: 16px;
    }
    .layer .layer-address {
        padding: 0 20px 20px 20px;
        margin-top: -15px;
    }
    .layer .layer-summary {
        flex-flow: column wrap;
        padding: 20px;
    }
    .layer .layer-summary .layer-summary-trust {
        display: none;
    }
    .layer .layer-summary .layer-summary-button {
        order: 1;
    }
    .layer .layer-summary .layer-summary-button.secondary {
        order: 2;
        margin: 10px 0 -10px 0;
    }
    .layer.layer-badge .layer-header .title {
        font: 700 23.5px/23.5px 'Titillium Web', sans-serif;
    }
    .layer.layer-badge .layer-upsell-text {
        flex: 0 0 100%;
        padding: 0;
    }
    .layer.layer-badge .layer-upsell-text p {
        display: block;
    }
    .layer.layer-badge .layer-upsell-text p.small {
        margin: 0;
    }


    #layer-contact .form .form-field {
        margin-bottom: 0px;
        padding-bottom: 10px;
    }
    #layer-contact .form .form-field label {
        margin-bottom: 0px;
    }


}
@media (max-width: 350px) {
    .layer {
        /*position: absolute;*/
    }
}

/**
 * Dialog
 */
.dialog-blur {
    background: #444;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000;
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
}
.dialog {
    background: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 320px;
    transform: translate(-50%, -50%);
    z-index: 11000;
    transition: width 0.2s ease, padding 0.2s ease;
}
.dialog .title {
    color: #000;
    font: 600 24px/24px 'Titillium Web', sans-serif;
    padding: 20px;
    transition: font 0.2s ease, padding 0.2s ease;
}
.dialog .content {
    padding: 0 20px 20px 20px;
}
.dialog .content p {
    color: #000;
    font: 400 14px/20px 'Titillium Web', sans-serif;
}
.dialog .action {
    background: #f1f1f1;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 15px 20px;
    transition: padding 0.2s ease;
}
.dialog .action .button {
    background: var(--theme-primary-default, #29aa5d);
    border-radius: 3px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    flex: 0 0 auto;
    font: 600 16px/22px 'Titillium Web', sans-serif;
    letter-spacing: 1px;
    padding: 5px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.dialog .action .button:hover {
    background: var(--theme-primary-hover, #37b466);
    color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}
.dialog .action .button.loading {
    background-color: #bdbdbd;
}
.dialog .action .button.secondary {
    background: transparent;
    box-shadow: none;
    color: #888;
    padding: 12px 0;
}
.dialog .action .button.secondary:hover {
    background: transparent;
    color: #888;
    box-shadow: none;
}
.dialog .action .button.secondary.loading {
    background-color: transparent;
}
/**
 * eVB Teaser
 **/
.evbteaser {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0 0 20px 0;
}
.evbteaser .evbteaser-features {
    flex: 0 1 auto;
}
.evbteaser .evbteaser-image {
    flex: 0 0 auto;
    height: 70px;
    margin: 0 0 20px 0;
    width: 112px;
}
.layer-address {
    align-items: center;
    padding: 0 30px 30px 30px;
    transition: padding 0.2s ease;
    margin-top: -25px;
}
.layer-address .shipping-type-selection {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.layer-address .shipping-type-selection .shipping-type {
    flex-basis: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #888888;
    text-transform: uppercase;
    cursor: pointer;
    font: 600 14px/20px 'Titillium Web', sans-serif;
    letter-spacing: 1px;
    padding: 10px;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.layer-address .shipping-type-selection .shipping-type:first-child {
    border-radius: 3px 0 0 3px;
}
.layer-address .shipping-type-selection .shipping-type:last-child {
    border-radius: 0 3px 3px 0;
}
.layer-address .shipping-type-selection .shipping-type:hover {
    background-color: var(--theme-gray-medium, #7d7d7d);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
    z-index: 5;
}
.layer-address .shipping-type-selection .shipping-type.active {
    background: #055cc5;
}
.layer-address .shipping-type-selection .shipping-type.active:hover {
    background-color: #004bb1;
}
.layer-address .shipping-type-selection .shipping-type span {
    display: none;
}
.layer-address .subtitle {
    margin: 10px 0;
}
.layer-address .fixed-address-part {
    margin: 0.5em 0;
}
.layer-address .form .form-field .group {
    flex-wrap: wrap;
}
.layer-address .invalid-address-form {
    display: none;
}
.layer-address .invalid-address-form.active {
    display: flex;
}
.viewer-layer {
    max-height: 90vh;
    width: 90vw;
}
.viewer-layer .viewer-container-root {
    width: 100%;
    height: 100%;
}
.viewer-layer .viewer-container-root #viewerContainer {
    display: flex;
    flex-direction: column;
    padding: 1em;
}
.viewer-layer img, .viewer-layer object {
    height: clamp(20vh, 60vh, 70vh);
    width: 100%;
}
.viewer-layer img {
    object-fit: contain;
    margin: auto;
    max-width: fit-content;
}
.viewer-layer .rotate90 {
    transform: rotate(90deg) translate(0%, -100%);
    transform-origin: left top;
}
.viewer-layer .rotate180 {
    transform: rotate(180deg) translate(-100%, 0%);
    transform-origin: center left;
}
.viewer-layer .rotate270 {
    transform: translate(-100%, 0%) rotate(270deg);
    transform-origin: right top;
}
.viewer-layer .rotate270 img {
    float: right;
}
.viewer-layer .icon-button-bar {
    justify-content: center;
    padding: 1em;
}
.viewer-layer .rotate-button-bar {
    display: flex;
    justify-content: center;
    column-gap: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.viewer-layer .rotate-button-bar .rotate-button {
    background-color: #055cc5;
    color: #fff;
    height: 30px;
    width: 120px;
    text-transform: uppercase;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.viewer-layer .rotate-button-bar .rotate-button.left::before {
    background-image: url(../img/rotate-ccw.svg);
    width: 25px;
    height: 25px;
    content: "";
    display: block;
    margin: 10px;
    background-repeat: no-repeat;
}
.viewer-layer .rotate-button-bar .rotate-button.right::before {
    background-image: url(../img/rotate-cw.svg);
    width: 25px;
    height: 25px;
    content: "";
    display: block;
    margin: 10px;
    background-repeat: no-repeat;
}

.checkout .main .main-wrapper, .contentpage .main .main-wrapper {
    max-width: 800px !important;
}
.checkout.checkout-1 .main .main-wrapper, .checkout.checkout-2 .main .main-wrapper, .contentpage.checkout-1 .main .main-wrapper, .contentpage.checkout-2 .main .main-wrapper {
    display: flex;
    flex-flow: row wrap;
    max-width: 1200px !important;
}
.checkout.checkout-1 .main .main-wrapper .checkout-col1, .checkout.checkout-2 .main .main-wrapper .checkout-col1, .contentpage.checkout-1 .main .main-wrapper .checkout-col1, .contentpage.checkout-2 .main .main-wrapper .checkout-col1 {
    flex: 1 1 50%;
    padding: 0 20px 0 0;
    width: 50%;
    order: 1;
}
.checkout.checkout-1 .main .main-wrapper .checkout-col2, .checkout.checkout-2 .main .main-wrapper .checkout-col2, .contentpage.checkout-1 .main .main-wrapper .checkout-col2, .contentpage.checkout-2 .main .main-wrapper .checkout-col2 {
    flex: 1 1 50%;
    padding: 0 0 0 20px;
    width: 50%;
    order: 2;
}
.checkout.checkout-1 .main .main-wrapper .checkout-col, .checkout.checkout-2 .main .main-wrapper .checkout-col, .contentpage.checkout-1 .main .main-wrapper .checkout-col, .contentpage.checkout-2 .main .main-wrapper .checkout-col {
    flex: 1 1 100%;
    padding: 0 0 0 20px;
    width: 100%;
    order: 2;
}
.checkout.checkout-1 .main .main-wrapper .checkout-col .buttongrid-1, .checkout.checkout-2 .main .main-wrapper .checkout-col .buttongrid-1, .contentpage.checkout-1 .main .main-wrapper .checkout-col .buttongrid-1, .contentpage.checkout-2 .main .main-wrapper .checkout-col .buttongrid-1 {
    width: 100%;
}
.checkout.checkout-1 .main .main-wrapper .checkout-col .buttongrid-1 .paypal-buttons, .checkout.checkout-2 .main .main-wrapper .checkout-col .buttongrid-1 .paypal-buttons, .contentpage.checkout-1 .main .main-wrapper .checkout-col .buttongrid-1 .paypal-buttons, .contentpage.checkout-2 .main .main-wrapper .checkout-col .buttongrid-1 .paypal-buttons {
    max-width: 1200px;
}
.checkout.checkout-1 .main .main-wrapper .progressbar, .checkout.checkout-2 .main .main-wrapper .progressbar, .contentpage.checkout-1 .main .main-wrapper .progressbar, .contentpage.checkout-2 .main .main-wrapper .progressbar {
    flex: 0 0 100%;
    order: 0;
}
.checkout.checkout-1 .main .main-wrapper .block-summary, .checkout.checkout-2 .main .main-wrapper .block-summary, .contentpage.checkout-1 .main .main-wrapper .block-summary, .contentpage.checkout-2 .main .main-wrapper .block-summary {
    flex: 0 0 100%;
    order: 3;
}
.checkout.checkout-1 .main .main-wrapper #invoice-form, .checkout.checkout-2 .main .main-wrapper #invoice-form, .contentpage.checkout-1 .main .main-wrapper #invoice-form, .contentpage.checkout-2 .main .main-wrapper #invoice-form {
    padding: 20px 0 0 0;
}
.checkout.checkout-2 .main .main-wrapper .checkout-col1 .form.agb-check, .contentpage.checkout-2 .main .main-wrapper .checkout-col1 .form.agb-check {
    display: none;
}
.checkout.checkout-2 .main .main-wrapper .checkout-col1 .form.agb-check .form-field .group, .contentpage.checkout-2 .main .main-wrapper .checkout-col1 .form.agb-check .form-field .group {
    align-items: center;
}

@media (max-width: 1000px) {
    .checkout.checkout-1 .main .main-wrapper, .checkout.checkout-2 .main .main-wrapper {
        display: block;
    }
    .checkout.checkout-1 .main .main-wrapper .checkout-col1, .checkout.checkout-1 .main .main-wrapper .checkout-col2, .checkout.checkout-2 .main .main-wrapper .checkout-col1, .checkout.checkout-2 .main .main-wrapper .checkout-col2 {
        padding: 0;
        width: 100%;
    }
}
@media (max-width: 640px) {
    .checkout.checkout-2 .main .main-wrapper .checkout-col1 .form.agb-check {
        display: flex;
        margin-top: 25px;
    }
    .checkout.checkout-2 .main .main-wrapper .checkout-col2 {
        display: none;
    }
}



.checkout .checkout-label {
    display: block;
    min-height: 44px;
}

.checkout .checkout-label.full-width {
    width: 100%;
}

.checkout .checkout-label.absolute {
    position: absolute;
    transform: translateY(-100%);
    top: 0;
    left: 0;
    right: 0;
}

.checkout .checkout-label.to-right {
    text-align: right;
}

.main-wrapper.top-col .checkout-col1,
.main-wrapper.top-col .checkout-col2,
.main-wrapper.top-col .checkout-col1 > .block,
.main-wrapper.top-col .checkout-col2 > .block {
    position: relative;
}

.checkout .checkout-label > .label {
    display: inline-flex;
    align-items: center;
    text-align: left;
    min-height: 44px;
    padding: 10px 15px 10px;
    border-radius: 5px 5px 0 0;
    font: 600 1rem 'Titillium Web', sans-serif;
    line-height: 1.2em;
}

.label.is-red {
    background-color: #da0101;
    color: #fff;
}

@media all and (min-width: 992px) {


    .main-wrapper.top-col .checkout-col1,
    .main-wrapper.top-col .checkout-col2 {
        margin-top: 44px;
    }


}

@media all and (max-width: 991px) {


    .main-wrapper.top-col1 .checkout-col1 {
        margin-top: 44px;
    }
    .main-wrapper.top-col2 .checkout-col2 {
        margin-top: 74px;
    }

    .checkout .checkout-label > .label {
        padding: 10px 12px 11px;
        font-size: 0.9rem;
    }


}

@media all and (max-width: 767px) {


    .checkout .checkout-label {
        padding: 10px 10px 0;
    }


}





/**
 * Numberplate Input
 */
@media (max-width: 1000px) {
    .numberplate-check .alternative .wrapper {
        font-size: 1vw;
    }
}
@media (max-width: 767px) {
    .numberplate-check .alternative .wrapper {
        font-size: 1.6vw;
    }
    .numberplate-check .error button, .numberplate-check .success button {
        font: 600 12px/20px 'Titillium Web', sans-serif;
        padding: 4px 16px;
    }
    .numberplate-check .button {
        font: 600 16px/24px 'Titillium Web', sans-serif;
        padding: 10px 28px;
    }
}
.numberplate-check {
    margin-top: 2em;
}
.numberplate-check #numberplate-check-submit-button {
    display: none;
}
.numberplate-check .alternative {
    margin: 0 auto;
}
.numberplate-check .alternative .title {
    align-items: center;
    color: #000;
    display: flex;
    flex-flow: row wrap;
    font: 600 1em/1.1em 'Titillium Web', sans-serif;
    justify-content: center;
    margin-bottom: 1em;
    transition: font 0.2s ease;
}
.numberplate-check .alternative .title .title-text {
    margin: 0 10px;
}
.numberplate-check .alternative .title .alternative-generate {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    font: 400 0.8em/1.1em 'Titillium Web', sans-serif;
    margin: 5px 10px;
    opacity: 0.75;
    transition: opacity 0.2s ease;
}
.numberplate-check .alternative .title .alternative-generate:hover {
    opacity: 1;
}
.numberplate-check .alternative .title .alternative-generate input[type='checkbox'] {
    background: transparent;
    border: 2px solid #055cc5;
    border-radius: 3px;
    box-sizing: border-box;
    display: block;
    flex: 0 0 auto;
    font-size: inherit;
    height: 1em;
    margin-right: 0.5em;
    padding: 2px;
    width: 1em;
}
.numberplate-check .alternative .title .alternative-generate input[type='checkbox']::after {
    background: transparent;
    border-radius: 1px;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
}
.numberplate-check .alternative .title .alternative-generate input[type='checkbox']:checked::after {
    background: #fff;
}
@media (max-width: 767px) {
    .numberplate-check h3 {
        font-size: 1em;
    }
    .numberplate-check .block {
        margin: 0 -1rem;
    }
}
.numberplate-check-hint {
    margin: 2em auto auto;
    font: 400 0.8em/1.2em 'Titillium Web', sans-serif;
    background: #d9d9d9;
    padding: 0.75em 1em;
    border-radius: 4px;
    width: fit-content;
    display: flex;
    align-items: center;
    text-align: left;
    gap: 1em;
}
.numberplate-check-hint::before {
    content: 'i';
    cursor: pointer;
    background: #888;
    border-radius: 3px;
    color: #fff;
    font: 700 11px/14px 'Titillium Web', sans-serif;
    height: 14px;
    text-align: center;
    width: 14px;
    flex-shrink: 0;
}
.numberplate-check-hint button {
    background: transparent;
    cursor: pointer;
    position: relative;
    padding-left: 1em;
}
.numberplate-check-hint button::before, .numberplate-check-hint button::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 1.5px;
    height: 1em;
    background: #888888;
    left: 0.5em;
}
.numberplate-check-hint button::before {
    transform: translateY(-50%) rotate(-45deg);
}
.no-idea .form .form-field.search-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: auto;
    flex-wrap: wrap;
    gap: 0 1em;
}
.no-idea .form .form-field.search-button span.hint {
    visibility: hidden;
    flex-basis: 100%;
}
.no-idea .form .form-field.search-button button {
    background: var(--theme-primary-default, #29aa5d);
    margin: 0;
    padding: 10px 25px;
    display: flex;
    align-items: center;
}
.no-idea .form .form-field.search-button button::before {
    content: '';
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    background-image: url("../img/icon-search.svg");
    background-size: contain;
}
.no-idea .form .form-field.search-button button:hover {
    background: var(--theme-primary-hover, #37b466);
    color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}
.no-idea .form .form-field.search-button.loading button, .no-idea .form .form-field.search-button.loading button:hover {
    background: #bdbdbd;
}
.no-idea .form .form-field.numberplate-check-result-wrapper {
    padding-bottom: 0;
}
.no-idea .form .form-field.numberplate-check-result-wrapper .numberplate-no-idea-result {
    margin-bottom: 0;
}
/**
 * Teaser Block
 */
.wkz-teaser {
    text-align: center;
    font-size: 20px;
    flex-basis: 100%;
}
.wkz-teaser h1 {
    color: #055cc5;
}
.wkz-teaser h2 {
    font-size: 1.25em;
    font-weight: 600;
}
.wkz-teaser h1, .wkz-teaser h2 {
    text-transform: uppercase;
}
.wkz-teaser .wkz-features {
    margin-top: 4em;
    display: flex;
    justify-content: space-around;
}
.wkz-teaser .feature-icon {
    height: 5em;
    background: transparent no-repeat center center;
    background-size: contain;
    margin: auto auto 0.5em;
    aspect-ratio: 1;
}



.wkz-teaser .feature-icon {
    background-image: url("../img/wkz/icon-germany.svg");
}
.wkz-teaser .feature-icon.icon-ssl {
    background-image: url("../img/wkz/icon-ssl.svg");
}


html:not(.webp) .wkz-teaser .feature-icon.icon-certification {
    background-image: url("../img/icon-din.png");
}
html.webp .wkz-teaser .feature-icon.icon-certification {
    background-image: url("../img/icon-din.webp");
}





.wkz-teaser .feature-description {
    font-size: 0.9em;
    line-height: 1.4em;
    font-weight: 600;
    max-width: 8em;
}
.wkz-teaser .wkz-options {
    display: flex;
    gap: 0.5em 3em;
    justify-content: center;
}
.wkz-teaser .wkz-options .form-field {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0;
}
.wkz-teaser .wkz-options .form-field label {
    margin-left: 2px;
}
.wkz-teaser .wkz-teaser-wrapper {
    display: flex;
    flex-direction: column;
}
/**
 * Loading Spinner
 */
.numberplate-check-button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
}
.numberplate-check-button-wrapper.search-button .numberplate-check-spinner {
    margin: 0;
}
.numberplate-check-button-wrapper.search-button .numberplate-check-spinner:after {
    background: #fff;
}
.numberplate-check-spinner {
    display: inline-block;
    height: 1.5em;
    width: 1.5em;
    margin-right: -2.5em;
    border-radius: 50%;
    background: transparent conic-gradient(from 90deg at 52% 50%, #ffffff00 10%, #37B466 100%) 0% 0% no-repeat padding-box;
    position: relative;
    visibility: hidden;
    animation: numberplate-check-spin 1s linear infinite;
    opacity: 0;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}
.numberplate-check-spinner:after {
    content: "";
    position: absolute;
    height: 1em;
    width: 1em;
    background: #f1f1f1;
    left: 0.25em;
    top: 0.25em;
    border-radius: 50%;
}
.loading .numberplate-check-spinner {
    visibility: visible;
    opacity: 1;
}
.loading button, .loading button:hover {
    background: #bdbdbd;
}
@keyframes numberplate-check-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.check-history-result-spinner {
    display: flex;
    padding-top: 1em;
    justify-content: center;
}
.check-history-result-spinner .numberplate-check-spinner::after {
    background: #fff;
}
.numberplate-check-result {
    font-weight: 600;
    letter-spacing: 0.06em;
    margin-bottom: 0.5em;
    display: none;
    align-items: center;
    justify-content: center;
}
.numberplate-check-result::after {
    margin-left: 0.5em;
    content: '';
    display: block;
    height: 14px;
    width: 14px;
}
.numberplate-check-result.error, .numberplate-check-result.success {
    display: flex;
}
.numberplate-check-result.error {
    color: #D54C4C;
}
.numberplate-check-result.error::after {
    background-color: #D54C4C;
    -webkit-mask-image: url(../img/icon-cross.svg);
    mask-image: url(../img/icon-cross.svg);
}
.numberplate-check-result.success {
    color: var(--theme-primary-default, #29aa5d);
}
.numberplate-check-result.success::after {
    background-color: var(--theme-primary-default, #29aa5d);
    -webkit-mask-image: url(../img/icon-check.svg);
    mask-image: url(../img/icon-check.svg);
}
.wkz-only section {
    text-align: left;
    margin-top: 3em;
}
.wkz-only section .block {
    padding-bottom: 2.5em;
}
.wkz-only .button {
    background: var(--theme-primary-default, #29aa5d);
    border-radius: 3px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    font: 600 18px/26px 'Titillium Web', sans-serif;
    letter-spacing: 2px;
    padding: 12px 30px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.wkz-only .button:hover {
    background: var(--theme-primary-hover, #37b466);
    color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}
.wkz-only .button.loading {
    background: var(--theme-primary-hover, #37b466);
    color: rgba(255, 255, 255, 0.25);
}
.wkz-only .button.loading .spinner {
    display: block;
}
.wkz-only h3 {
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-size: 1.25em;
    line-height: 1em;
    font-weight: 600;
}
@media (min-width: 768px) {
    .wkz-teaser .wkz-options {
        flex-direction: row;
        margin: 2em 0 1em 0;
    }
    .wkz-teaser .wkz-options .form-field select {
        font: 400 1.1em/1.2em 'Titillium Web', sans-serif;
        background: transparent url("../img/icon-select.svg") no-repeat right center;
        background-size: 36px 36px;
        padding-right: 32px;
        border: none;
    }
    .wkz-teaser .wkz-options .form-field label {
        display: none;
    }
    .wkz-teaser .wkz-options #sai-options {
        width: unset;
    }
    .wkz-teaser .wkz-options #sai-options .form-group {
        gap: 2em;
        flex-wrap: nowrap;
    }
    .wkz-teaser .wkz-options #sai-options .form-field {
        flex-flow: row;
        align-items: center;
    }
    .wkz-teaser .wkz-options #sai-options label {
        display: block;
        font: 400 1.1em/1.2em 'Titillium Web', sans-serif;
        padding: 0;
        margin: 0 0 0 0;
    }
    .wkz-teaser .wkz-options #sai-options label::after {
        display: none;
    }
    .wkz-teaser .wkz-options #sai-options select {
        color: #055cc5;
        padding-left: 6px;
    }
    .wkz-teaser .wkz-options.form .form-field {
        padding: 0;
        flex: unset;
    }
    .wkz-teaser .wkz-features {
        padding: 2em;
        border-top: 3px solid #d9d9d9;
    }
    .wkz-teaser .wkz-reservation-info {
        padding-top: 2em;
        border-top: 3px solid #d9d9d9;
    }
    .wkz-teaser .wkz-reservation-info p {
        color: #615f5f;
        font: 400 16px/24px 'Titillium Web', sans-serif;
    }
}
@media (max-width: 1000px) {
    .wkz-teaser {
        font-size: 18px;
    }
}
@media (max-width: 900px) {
    .wkz-teaser {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .wkz-teaser {
        padding-top: 114px;
    }
    .wkz-teaser h1 {
        line-height: 1.5em;
    }
    .wkz-teaser h2 {
        margin-bottom: 1em;
    }
    .wkz-teaser .wkz-options {
        margin-top: 2.5em;
        order: 2;
    }
    .wkz-teaser .wkz-features {
        order: 3;
        margin-left: -1rem;
        margin-right: -1rem;
        flex-direction: column;
        margin-top: 2em;
    }
    .wkz-teaser .wkz-features .feature {
        display: flex;
        align-items: center;
        gap: 0.625em;
        border-top: 2px solid #d9d9d9;
        padding: 0.5em 1rem;
    }
    .wkz-teaser .wkz-features .feature:first-child {
        border-top: none;
    }
    .wkz-teaser .wkz-features .feature-icon {
        height: 1.625em;
        margin: unset;
    }
    .wkz-teaser .wkz-features .feature-description {
        max-width: unset;
    }
    .wkz-teaser .wkz-reservation-info {
        border-top: 2px solid #d9d9d9;
        order: 4;
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .wkz-teaser .wkz-reservation-info p {
        color: #615f5f;
        font: 400 14px/24px 'Titillium Web', sans-serif;
        padding: 2em 1em 0 1em;
    }
    .wkz-teaser .numberplate-check {
        order: 3;
        margin-top: 2.5em;
    }
    .wkz-teaser-wrapper {
        padding: 1.875rem 1rem;
    }
}
.numberplate-check-history {
    display: flex;
    flex-direction: column;
    gap: 2em;
}
.check-history-result .check-history-result-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1em;
    padding-bottom: 0.3em;
    border-bottom: 0.15em solid #d9d9d9;
}
.check-history-result .check-history-result-header .check-history-title {
    font: 1.75em 'nummernschild';
}
.check-history-result .check-history-result-header button {
    background: transparent;
    color: #888888;
    flex: 0 0 auto;
    font: 400 0.7em/1em 'Titillium Web', sans-serif;
    cursor: pointer;
    position: relative;
    padding-left: 1.5em;
}
.check-history-result .check-history-result-header button::before, .check-history-result .check-history-result-header button::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 1.5px;
    height: 1em;
    background: #888888;
    left: 0.5em;
}
.check-history-result .check-history-result-header button::before {
    transform: translateY(-50%) rotate(-45deg);
}
.check-result-numberplates {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 2em 4em;
    padding-top: 2em;
}
.check-result-numberplates .check-result-numberplate {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5em;
}
.check-result-numberplates .check-result-numberplate .thumb-numberplate {
    cursor: pointer;
    font-size: min(5px, 1.25vw);
    margin: 0;
}
.check-result-numberplates .button {
    padding: 12px 20px;
}
.check-result-numberplates.not-available {
    padding-top: 1em;
}
.check-result-numberplates.not-available .not-available-message {
    color: #D54C4C;
    display: flex;
    align-items: center;
}
.check-result-numberplates.not-available .not-available-message::before {
    margin-right: 0.5em;
    content: '';
    display: block;
    height: 14px;
    width: 14px;
    background-color: #D54C4C;
    -webkit-mask-image: url(../img/icon-cross.svg);
    mask-image: url(../img/icon-cross.svg);
}
@media (max-width: 767px) {
    .check-result-numberplates {
        grid-template-columns: auto;
        gap: 2em 0.5em;
    }
    .check-result-numberplates .check-result-numberplate {
        justify-content: center;
        gap: 0.75em 1.25em;
    }
    .check-result-numberplates .check-result-numberplate .thumb-numberplate {
        margin: auto;
        order: 1;
    }
    .check-result-numberplates .check-result-numberplate .availability {
        order: 2;
    }
    .check-result-numberplates .check-result-numberplate .button {
        order: 3;
    }
}
/**
 * Checkout
 */
.wkz-only .progressbar .item {
    flex-basis: 25%;
}
.wkz-only section {
    flex-basis: 100%;
}
.wkz-only .block-summary {
    margin-top: 2.5em;
}
.reservation-upselling-items, .reservation-upselling-items .upselling {
    display: flex;
    gap: 2.5em 2.8125em;
    flex-wrap: wrap;
}
.reservation-upselling-items .upselling .item {
    flex-direction: column;
    background: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    width: 12.5em;
    padding: 1em;
    margin: 0;
}
.reservation-upselling-items .upselling .item .item-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25em;
}

.reservation-upselling-items .upselling .item .item-wrapper .item-name {
    font-size: 1em;
    font-weight: 600;
    flex: 0 1 50px;
}
.reservation-upselling-items .upselling .item .item-wrapper .item-group {
    gap: 1em;
}
.reservation-upselling-items .upselling .item .item-wrapper .item-description {
    flex: 1 1 auto;
}
.reservation-upselling-items .upselling .item .item-wrapper .item-description .item-info-layer-content {
    font-size: 14px;
}
.reservation-upselling-items .upselling .item .item-wrapper .item-description .item-info-layer-content .item-info-layer-title {
    display: none;
}
.reservation-upselling-items .upselling .item .item-wrapper .item-price {
    margin: 0.625em 0;
    flex: 0 1 auto;
}
.reservation-upselling-items .upselling .item .item-wrapper .item-price .item-info {
    display: none;
}
.reservation-upselling-items .upselling .item .item-wrapper .item-thumb {
    margin: 0;
    width: 10em;
    height: 10em;
    position: relative;
}
.reservation-upselling-items .upselling .item .item-wrapper .item-thumb .thumb-numberplate {
    font-size: 3.5px;
    margin-left: 10px;
}
.reservation-upselling-items .upselling .item .item-wrapper .item-thumb img {
    width: 100%;
}
.reservation-upselling-items .upselling .item .item-add {
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625em;
}
.reservation-upselling-items .upselling .item .item-add::before {
    content: '';
    background: url(../img/icon-add.svg) no-repeat center;
    background-size: contain;
    width: 0.875em;
    aspect-ratio: 1;
}
.reservation-upselling-items .upselling .item.selected .item-add {
    background: var(--theme-primary-default, #29aa5d);
    color: #fff;
    border: none;
    padding: 10px 0;
}
.reservation-upselling-items .upselling .item.selected .item-add::before {
    filter: invert(1);
    background-image: url(../img/icon-check.svg);
}
.reservation-upselling-items .upselling .item.selected .item-add:hover {
    background: var(--theme-primary-hover, #37b466);
    color: #fff;
}
.reservation-upselling-items .upselling .thumb-emission-sticker-image {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
}
.reservation-upselling-items .upselling .thumb-emission-sticker {
    position: absolute;
    font-size: 3px;
    top: 34em;
    border: none;
}
@media (max-width: 767px) {
    .checkout .wkz-only section {
        padding: 0 1.25em;
    }
    .reservation-upselling-items .upselling {
        gap: 2em;
        width: 100%;
    }
    .reservation-upselling-items .upselling .item {
        width: 100%;
    }
    .reservation-upselling-items .upselling .item .item-add {
        padding: 10px 0;
    }
    .reservation-upselling-items .upselling .item .item-wrapper {
        width: 100%;
    }
    .reservation-upselling-items .upselling .item .item-wrapper .item-thumb {
        margin: auto;
    }
    .reservation-upselling-items .upselling .item .item-wrapper .item-thumb .thumb-numberplate {
        font-size: min(6px, 1.5vw);
    }
}
/**
 * District selector layer
 */
.layer-district .block {
    margin-bottom: 0;
}
.layer-district .form {
    margin-top: 1.25em;
}
.layer-district .confirm-button label {
    visibility: hidden;
}
.layer-district .confirm-button button {
    width: 100%;
    justify-content: center;
}
@media (max-width: 767px) {
    .layer-district .form-field.confirm-button label {
        display: none;
    }
}
/**
 * Reset
 */
html {
    font-family: 'Titillium Web', sans-serif;
}
*, *::before, *::after {
    border: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
*:focus {
    outline: 0;
}
* {
    transition: margin 0.25s ease, padding 0.25s ease;
}
body {
    background: #d9d9d9;
    text-rendering: optimizeSpeed;
}
ol, ul {
    list-style: none;
}
input, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-outline: none;
    outline: none;
}




/**
 * Main
 */
.main:not(.default):not(.article) {
    background: #f1f1f1;
    padding: 40px 50px;
}
.main:not(.default):not(.article).white {
    background: #fff;
}
.main:not(.default):not(.article) .main-wrapper {
    margin: 0 auto;
    max-width: 1200px;
}
@media (max-width: 1000px) {
    .main:not(.default):not(.article) {
        padding: 30px;
    }
}
@media (max-width: 767px) {
    .main:not(.default):not(.article) {
        padding: 0;
    }
    body:not(.no-space) .main:not(.main-under-banner) {
        padding-top: 70px;
    }
    body:not(.no-space) .main:not(.main-under-banner).landingpage-2 {
        padding-top: 120px;
    }
}
@media (max-width: 413px) {
    body:not(.no-space) .main:not(.main-under-banner) {
        padding-top: 65px;
    }
}
@media (max-width: 374px) {
    body:not(.no-space) .main:not(.main-under-banner) {
        padding-top: 60px;
    }
}


/**
 * Progressbar
 */
.progressbar {
    display: flex;
    flex-flow: row nowrap;
    margin: 0 auto 40px auto;
    max-width: 800px;
    position: relative;
}
.progressbar .item {
    flex: 0 0 33.33%;
    overflow: hidden;
    position: relative;
}
.progressbar .item .icon {
    background: #d9d9d9;
    border-radius: 50%;
    color: #888;
    display: block;
    font: 800 15px/30px 'Titillium Web', sans-serif;
    height: 30px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    text-align: center;
    width: 30px;
    z-index: 2000;
}
.progressbar .item .label {
    color: #888;
    display: block;
    font: 600 14px/16px 'Titillium Web', sans-serif;
    letter-spacing: 1px;
    padding-top: 40px;
    text-align: center;
    text-transform: uppercase;
}
.progressbar .item::before {
    background: #d9d9d9;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    top: 14px;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1000;
}
.progressbar .item::after {
    background: #d9d9d9;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    top: 14px;
    transform: translateX(50%);
    width: 100%;
    z-index: 1000;
}
.progressbar .item.active .icon {
    color: #fff;
    background: #888888;
}
.progressbar .item.active .label {
    color: #000;
}
.progressbar .item.active::before {
    background: #888888;
}
.progressbar .item.active::after {
    background: #d9d9d9;
}
.progressbar .item.success .icon {
    color: #fff;
    background: var(--theme-primary-default, #29aa5d);
}
.progressbar .item.success .icon::before {
    background: url(../img/icon-check.svg) no-repeat center center;
    background-size: 14px 14px;
    content: '';
    display: block;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(3deg) brightness(100%) contrast(104%);
    height: 30px;
    width: 30px;
}
.progressbar .item.success .icon span {
    display: none;
}
.progressbar .item.success .label {
    color: #000;
}
.progressbar .item.success::before {
    background: var(--theme-primary-default, #29aa5d);
}
.progressbar .item.success::after {
    background: var(--theme-primary-default, #29aa5d);
}
@media (max-width: 1000px) {
    .progressbar {
        margin: 0 auto 30px auto;
    }
}
@media (max-width: 767px) {
    .progressbar {
        display: none;
    }
}
/**
 * Block
 */
.block {
    border: none;
    padding: 35px 40px;
    margin: 0 0 40px 0;
}
.block:not(.static) {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
}
.block.centered {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.block.secondary {
    background: none;
    border: 2px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: none;
}
.block .block-headline {
    font-size: 20px;
}
.block .block-headline h1 {
    color: #055cc5;
    font: 700 2em/1em 'Titillium Web', sans-serif;
    margin: 0 0 0.2em 0;
    text-transform: uppercase;
    transition: font 0.2s ease;
}
.block .block-headline h2 {
    color: #000;
    font: 600 1.2em/1.1em 'Titillium Web', sans-serif;
    text-transform: uppercase;
    transition: font 0.2s ease;
}
.block .block-headline .add-top {
    margin-top: 10px;
}
.block .block-title {
    color: #000;
    font: 700 24px/28px 'Titillium Web', sans-serif;
    margin: 0 0 16px 0;
}
.block .block-title.block-title-center {
    text-align: center;
}
.block .block-title.asterisk::after {
    color: #055cc5;
    content: ' *';
}
.block .block-more {
    color: #888;
    border: 2px solid #eeeeee;
    border-radius: 3px;
    display: block;
    font: 400 14px/28px 'Titillium Web', sans-serif;
    margin: 20px 0 0 0;
    padding: 4px 15px 4px 15px;
    text-decoration: none;
    transition: color 0.2s ease;
}
.block .block-more:hover {
    color: #000;
}
.block .hint {
    color: #888;
    font-size: 0.75em;
}


@media all and (max-width:575px) {

    .block-title.responsive {
        font-size: 1.2rem;
    }

}





@media all and (max-width:575px) {

    .footer .footer-wrapper {
        padding-bottom: 74px;
    }

}



.close-icon {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    transition: 0.15s;
}
.close-icon::before,
.close-icon::after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 3px;
    background: #000;
    transition: 0.15s;
}
.close-icon::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.close-icon::after {
    transform: translate(-50%, -50%) rotate(45deg);
}



.blocks-faq > .block-faq {
    margin-bottom: 15px;
}

.block.block-faq {
    padding: 0;
}
.block.block-faq > .article {
    display: block;
    position: relative;
    padding: 15px 20px;
    border-top: 2px solid #d9d9d9;
    font-size: 0.9rem;
    transition: 0s;
}
.block.block-faq > .article > p:last-child {
    margin-bottom: 0;
}
.block.block-faq > .title {
    display: block;
    position: relative;
    padding: 15px 50px 15px 20px;
    font-weight: 600;
    line-height: 1.35em;
}
.block.block-faq > .title > .close-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    cursor: pointer;
    transform: translateY(-50%) scale(0.75);
}
.block.block-faq:not(.is-active) > .title > .close-icon {
    transform: translateY(-50%) scale(0.75) rotate(45deg);
}





/*.block.block-faq:not(.is-active) > .title > .close-icon::before {*/
/*  transform: translate(-50%, -50%) rotate(-45deg) translateX(7px);*/
/*  width: 50%;*/
/*  margin-top: 5px;*/
/*}*/
/*.block.block-faq:not(.is-active) > .title > .close-icon::after {*/
/*  transform: translate(-50%, -50%) rotate(45deg) translateX(-7px);*/
/*  width: 50%;*/
/*  margin-top: 5px;*/
/*}*/








@media (max-width: 1000px) {
    .block {
        padding: 25px 30px;
        margin: 0 0 30px 0;
    }
}
@media (max-width: 767px) {
    .block {
        border-radius: 0;
        padding: 20px;
        margin: 0 0 20px 0;
    }
    .block.secondary:not(.regular) {
        background: none;
        border: 0;
    }
}
@media (max-width: 600px) {
    .block .block-headline {
        font-size: 18px;
    }
}
@media (max-width: 500px) {
    .block .block-headline {
        font-size: 16px;
    }
}
@media (max-width: 413px) {
    .block .block-headline {
        font-size: 14px;
    }
}
@media (max-width: 374px) {
    .block .block-headline {
        font-size: 12px;
    }
}

.block-product {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}

.block-summary {
    padding: 25px 30px;
}

@media (max-width: 1000px) {

    .block-summary {
        padding: 20px 25px;
    }

}
@media (max-width: 767px) {

    .block-summary {
        padding: 0 20px 20px 20px;
    }

    .block-summary.block-payment {
        padding-bottom: 60px;
    }

}





/**
 * Content
*/
.content {
    margin: 0 0 -20px 0;
}
.content a {
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}
.content a:hover {
    text-decoration: none;
}
.content strong, .content b {
    font-weight: 600;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    color: #000;
    margin: 0 0 20px 0;
}
.content h1 {
    font: 400 24px/28px 'Titillium Web', sans-serif;
}
.content h2 {
    font: 400 22px/26px 'Titillium Web', sans-serif;
}
.content h3 {
    font: 400 20px/24px 'Titillium Web', sans-serif;
}
.content h4 {
    font: 400 18px/22px 'Titillium Web', sans-serif;
}
.content h5 {
    font: 400 16px/20px 'Titillium Web', sans-serif;
}
.content h6 {
    font: 400 14px/20px 'Titillium Web', sans-serif;
}
.content p {
    color: #000;
    font: 400 14px/20px 'Titillium Web', sans-serif;
    margin: 0 0 20px 0;
}
.content ul, .content ol {
    color: #000;
    font: 400 14px/20px 'Titillium Web', sans-serif;
    margin: 0 0 20px 20px;
}
.content ul li, .content ol li {
    margin: 0 0 5px 0;
}
.content ul li.disabled, .content ol li.disabled {
    opacity: 0.4;
}
.content ul {
    list-style-type: square;
}
.content ol {
    list-style-type: decimal;
}
.content ol[type="a"] {
    list-style-type: lower-latin;
}
.content ol[type="I"] {
    list-style-type: upper-roman;
}
.content .style-type-check {
    list-style: none;
    margin: 0 0 20px 0;
}
.content .style-type-check li::before {
    background: url(../img/icon-check.svg) no-repeat 0 0;
    background-size: 14px 14px;
    content: '';
    display: block;
    filter: invert(12%) sepia(95%) saturate(7480%) hue-rotate(206deg) brightness(100%) contrast(96%);
    float: left;
    height: 14px;
    margin: 3px 6px 3px 0;
    width: 14px;
}
.content .content-gallery {
    margin-bottom: 20px;
}
.content .content-gallery .content-images {
    padding: 1em 1em 0.25em;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}
.content .content-gallery .content-images img {
    width: 100%;
}
.content .content-gallery .content-gallery-controls {
    display: flex;
    justify-content: center;
}
.content .content-gallery .content-gallery-controls button {
    margin: 1em;
    background: #055cc5;
    width: 16px;
    height: 10px;
    cursor: pointer;
    -webkit-mask-image: url(../img/icon-faq-question.svg);
    mask-image: url(../img/icon-faq-question.svg);
    background-size: 16px;
    transform: rotate(-90deg);
}
.content .content-gallery .content-gallery-controls button.gallery-backwards {
    transform: rotate(90deg);
}
.content .content-gallery .content-gallery-controls button.disabled {
    opacity: 0.5;
}

.contents-wrapper {
    margin: 0 auto;
    max-width: 1200px;
}


.wrapper.medium {
    padding-top: 60px;
    padding-bottom: 60px;
}
.wrapper.light {
    background-color: #f0f0f0;
}
.wrapper.light .questions-wrap .questions-list h3:not(:first-child) {
    border-color: #d9d9d9;
}

@media all and (max-width: 575px) {


    .wrapper.medium {
        padding-top: 40px;
        padding-bottom: 40px;
    }



}



.star-rating {
    width: 150px;
    max-width: 100%;
    margin: 0 auto 20px;
}
.star-rating svg {
    width: 100%;
    height: auto;
}

@media all and (max-width: 575px) {

    .star-rating {
        width: 100px;
        margin: 0 auto 5px;
    }

}




/* Articles */

.article,
.article-wrap {
    display: block;
    position: relative;
    max-width: 100%;
}

.article.article-sm,
.article-wrap.article-sm {
    width: 525px;
}

.article.article-md,
.article-wrap.article-md {
    width: 680px;
}

.article.article-lg,
.article-wrap.article-lg {
    width: 920px;
}

.article-wrap.grey {
    color: #636363;
}

.article-wrap.centered {
    margin-left: auto;
    margin-right: auto;
}





/* Article Lists */

.article.has-list {

}
.article.has-list ul {
    position: relative;
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
}
.article.has-list ul > li {
    display: block;
    position: relative;
    padding-left: 24px;
    min-height: 16px;
}
.article.has-list ul > li:not(:last-child) {
    padding-bottom: 0px;
}
.article.has-list ul > li::before {
    content: ' ';
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.article.has-list ul > li::before {
    background-image: url(../img/icon-check.svg);
}
.article.has-list.is-light ul > li::before {
    opacity: 0.5;
}
.article.has-list.is-green ul > li::before {
    background-image: url(../img/icon-check-green.svg);
}



/* Article Titles */
.article.has-title {

}
.article.has-title h1,
.article.has-title h2,
.article.has-title h3,
.article.has-title h4 {
    color: #000;
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
    margin: 0 0 10px 0;
}






/* Images */
.image-wrap {
    display: block;
    position: relative;
    overflow: hidden;
}
.image-wrap.top {
    margin-top: 50px;
}
.image-wrap.bottom {
    margin-bottom: 50px;
}
.image-wrap .image,
.image-wrap .image-inner {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 100%;
}
.image-wrap .image.contain,
.image-wrap .image-inner.contain {
    background-size: contain;
}
.image-wrap .image-inner {
    overflow: hidden;
    position: absolute;
    top: 0; left: 0;
    right: 0; bottom: 0;
    z-index: 5;
}
.image-wrap .image > img {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 8;
}
body.ready .image-wrap {
    transition: 0.25s;
}
.image-wrap.min-height {
    height: 300px;
}
.image-wrap.is-preview-sticker {
    width: 280px;
    max-width: 100%;
}
.image-wrap.is-preview-sticker.odd {
    margin-left: auto;
}



/* Image Frames */
.image-wrap.has-frame.odd {
    padding-left: 50px;
}
.image-wrap.has-frame.even {
    padding-right: 50px;
}
.image-wrap.has-frame {
    overflow: visible;
}
.image-wrap.has-frame > .image::before,
.image-wrap.has-frame > .image::after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%;
    height: 100%;
    border: 5px solid #636363;
}
.image-wrap.has-frame > .image::before {
    z-index: 6;
    opacity: 0.2;
    background-color: #f0f0f0;
}
.image-wrap.has-frame > .image::after {
    display: none;
}
.image-wrap.has-frame.odd > .image::before {
    top: 15px;
    left: -15px;
}
.image-wrap.has-frame.even > .image::before {
    top: 15px;
    left: 15px;
}








/**
 * Form
 */
.form:not(.block) {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px -16px -10px;
}
.form.no-bottom:not(.block) {
    margin-bottom: 0 !important;
}
.form .form-wrapper {
    display: block;
    width: 100%;
}
.form .form-group {
    display: flex;
    flex: 0 0 100%;
    flex-flow: row wrap;
}
.form .form-summary {
    display: flex;
    padding: 16px 10px 0 10px;
}
.form .form-field {
    flex: 0 0 100%;
    padding: 0 10px 16px 10px;
}
.form .form-dashed {
    padding: 10px 15px 15px;
    border: 2px dashed #d9d9d9;
    border-radius: 7px;
}

.form .form-field.relative {
    position: relative;
}
.form .form-field.no-bottom {
    padding-bottom: 0;
}
.form .form-field.w25 {
    flex: 0 0 25%;
}
.form .form-field.w50 {
    flex: 0 0 50%;
}
.form .form-field.w75 {
    flex: 0 0 75%;
}
.form .form-field.w33 {
    flex: 0 0 33.33%;
}
.form .form-field.w66 {
    flex: 0 0 66.66%;
}
.form .form-field.w70 {
    flex: 0 0 70%;
}
.form .form-field.w30 {
    flex: 0 0 30%;
}
.form .form-field.wauto {
    flex: 0 0 auto;
}
.form .form-field.show-more {
    display: flex;
}
.form .form-field.show-more label {
    cursor: pointer;
}
.form .form-field label {
    color: #000;
    display: block;
    font: 600 14px/20px 'Titillium Web', sans-serif;
    padding: 4px 0 6px 0;
}

.form .form-field .justify-between {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.form .form-field small {
    font: 400 12px / 12px 'Titillium Web', sans-serif;
}

.form .form-field {
    margin-bottom: 0px;
    /*padding-bottom: 10px;*/
}
.form .form-field label {
    margin-bottom: 0px;
}
.form .form-field.is-alert {
    padding-top: 16px;
    padding-bottom: 0;
}

.form .form-field label a {
    color: #000;
    text-decoration: underline;
}
.form .form-field label a:hover {
    text-decoration: none;
}
.form .form-field label.optional-field {
    color: #666;
}
.form .form-field label.optional-field:hover {
    color: #444;
}

/*.form .form-field label.tooltip-info-hover-container {*/
/*  position: relative;*/
/*  display: inline-block;*/
/*  padding-right: 28px;*/
/*  z-index: 35;*/
/*}*/
/*.form .form-field label.tooltip-info-hover-container .tooltip-info {*/
/*  position: absolute;*/
/*  top: 7px;*/
/*  right: 0;*/
/*}*/


.form .form-field label.has-tooltip {
    position: relative;
    display: inline-block;
    padding-right: 28px;
}
.form .form-field label.has-tooltip .tooltip-info-hover-container {
    position: absolute;
    top: 3px;
    right: 0;
}


.form .form-field.required label::after {
    color: #055cc5;
    content: ' *';
}
.form .form-field .hint {
    color: #888;
    display: block;
    font: 400 12px/16px 'Titillium Web', sans-serif;
    padding: 4px 0 0 0;
}
.form .form-field .hint.error-message {
    color: #bc0000;
}
.form .form-field input[type='text'],
.form .form-field input[type='password'],
.form .form-field input[type='email'],
.form .form-field input[type='tel'],
.form .form-field select {
    background: #fff;
    border: 2px solid #d9d9d9;
    border-radius: 3px;
    box-sizing: border-box;
    color: #000;
    display: block;
    /*font: 400 14px/28px 'Titillium Web', sans-serif;*/

    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    font-family: 'Titillium Web', sans-serif;

    font-family: 'Helvetica';

    height: 40px;
    padding: 0 10px;
    transition: border 0.2s ease;
    width: 100%;
}

.form .form-field.field-enhanced input[type='text'],
.form .form-field.field-enhanced input[type='password'],
.form .form-field.field-enhanced input[type='email'],
.form .form-field.field-enhanced input[type='tel'],
.form .form-field.field-enhanced select {
    height: 52px;
}

.form .form-field textarea {
    background: #fff;
    border: 2px solid #d9d9d9;
    border-radius: 3px;
    box-sizing: border-box;
    color: #000;
    display: block;
    font: 400 14px/28px 'Titillium Web', sans-serif;
    padding: 5px 10px;
    transition: border 0.2s ease;
    width: 100%;
    height: 8em;
}
.form .form-field.opacity input[type='text'],
.form .form-field.opacity input[type='password'],
.form .form-field.opacity input[type='email'],
.form .form-field.opacity input[type='tel'],
.form .form-field.opacity select,
.form .form-field.opacity textarea {
    opacity: 0.5;
}
.form .form-field.min-height {
    min-height: 86px;
}
.form .form-field.minimal input[type='text'],
.form .form-field.minimal input[type='password'],
.form .form-field.minimal input[type='email'],
.form .form-field.minimal input[type='tel'],
.form .form-field.minimal select,
.form .form-field.minimal textarea {
    height: auto;
    padding: 0;
}
.form .form-field.disabled input[type='text'],
.form .form-field.disabled input[type='password'],
.form .form-field.disabled input[type='email'],
.form .form-field.disabled input[type='tel'],
.form .form-field.disabled select,
.form .form-field.disabled textarea {
    background-color: #f0f0f0;
}
.form .form-field.transparent input[type='text'],
.form .form-field.transparent input[type='password'],
.form .form-field.transparent input[type='email'],
.form .form-field.transparent input[type='tel'],
.form .form-field.transparent select,
.form .form-field.transparent textarea {
    background-color: transparent;
    border-color: transparent;
}
.form .form-field input[type='text']:not([disabled]):hover,
.form .form-field input[type='password']:not([disabled]):hover,
.form .form-field input[type='email']:not([disabled]):hover,
.form .form-field input[type='tel']:not([disabled]):hover,
.form .form-field textarea:not([disabled]):hover,
.form .form-field select:not([disabled]):hover {
    border-color: #888;
}
.form .form-field input[type='text']:not([disabled]):focus,
.form .form-field input[type='password']:not([disabled]):focus,
.form .form-field input[type='email']:not([disabled]):focus,
.form .form-field input[type='tel']:not([disabled]):focus,
.form .form-field textarea:not([disabled]):focus,
.form .form-field select:not([disabled]):focus {
    border-color: #055cc5;
}

.form .form-field .form-action {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 65;
}

.form .form-field .form-action > .button-text {
    margin: 0 12px 8px 0;
}

.form .form-field .add-top {
    margin-top: 15px;
}
.form .form-field .add-top-sm {
    margin-top: 5px;
}
.form .form-field .add-bottom {
    margin-bottom: 15px;
}
.form .form-field select {
    background: #fff url(../img/icon-select.svg) no-repeat right center;
    background-size: 36px 36px;
    padding: 0 36px 0 10px;
    position: relative;
    overflow: hidden;
}
.form .form-field button {
    background: #055cc5;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font: 600 14px/20px 'Titillium Web', sans-serif;
    letter-spacing: 1px;
    margin: 0 0 0 auto;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.form .form-field button:hover {
    background: #004bb1;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
}
.form .form-field button.gray {
    background-color: #888;
}
.form .form-field button.gray:hover {
    background-color: #666;
}
.form .form-field p {
    margin-top: 0.5em;
}
.form .form-field .group {
    display: flex;
    flex-flow: row nowrap;
}
.form .form-field .group.add-left {
    margin-left: 2px;
}

.form .form-field .group.bordertop {
    border-top: 2px solid #eeeeee;
    margin-top: 4px;
    padding-top: 20px;
}
.form .form-field .group.borderbottom {
    border-bottom: 2px solid #eeeeee;
    margin-bottom: 4px;
}
.form .form-field .group.carbon-upgrade {
    background: #eeeeee no-repeat left center;
    background-size: contain;
    border-radius: 3px;
    padding: 12px 20px 12px 100px;
    width: 100%;
}



html:not(.webp) .form .form-field .group.carbon-upgrade {
    background-image: url(../img/carbon-upgrade.png);
}
html.webp .form .form-field .group.carbon-upgrade {
    background-image: url(../img/carbon-upgrade.webp);
}


.form .form-field .group .item:not(.regular),
.form .form-field .group .group-item:not(.regular) {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row nowrap;
    margin: 0 16px 8px 0;
}
.form .form-field .group .item:last-child,
.form .form-field .group .group-item:last-child {
    margin-right: 0 !important;
}
.form .form-field .group .item.no-bottom,
.form .form-field .group .group-item.no-bottom {
    margin-bottom: 0 !important;
}
.form .form-field .group.regular {
    display: block;
}
.form .form-field .group .group-item input {
    position: relative;
    z-index: 5;
}
.form .form-field .group .group-item label {
    user-select: none;
}
.form .form-field .group .group-item.has-numberplate {
    position: relative;
    min-height: 90px;
}
.form .form-field .group .group-item.has-numberplate .mini-numberplate {
    position: absolute;
    left: -2px;
    top: 20px;
    z-index: 2;
    width: 30px;
    height: 64px;
}
.form .form-field .group .group-item.has-numberplate .mini-numberplate::before {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
    z-index: -2;
    height: 24px;
    background-color: #055cc6;
    border-radius: 999px 999px 0 0;
}
.form .form-field .group-item.has-numberplate input[type='checkbox'],
.form .form-field .group-item.has-numberplate input[type='radio'],
.form .form-field .group-item.has-numberplate input[type='checkbox']:hover,
.form .form-field .group-item.has-numberplate input[type='radio']:hover {
    border: 2px solid #055cc6;
}




.form .form-field.field-enhanced .form-input.has-numberplate .mini-numberplate {
    border-radius: 2px 0 0 2px;
    width: 32px;
    bottom: 2px;
    height: auto;
}
.form .form-field.field-enhanced .form-input.has-numberplate .mini-numberplate .numberplate-country {
    font-size: 0.75em;
    bottom: 4px;
}
.form .form-field.field-enhanced .form-input.has-numberplate > input {
    padding-left: 44px;
    font-size: 2rem;
}

.form .form-field.field-enhanced .form-input.has-numberplate.has-select > input {
    padding-left: 108px;
}

.form .form-field .form-input.has-numberplate .mini-select {
    position: absolute;
    z-index: 15;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 0;
    padding: 2px 0 2px 34px;
}

.form .form-field .form-input.has-numberplate .mini-select.has-select::after {
    content: ' ';
    display: block;
    background: transparent url(../img/icon-select.svg) no-repeat right center;
    background-size: 36px 36px;
    position: absolute;
    top: 8px;
    right: 0;
    width: 36px;
    height: 36px;
    z-index: 5;
    pointer-events: none;
    filter: brightness(0);
}


.form .form-field .form-input.has-numberplate .mini-select select.invisibility {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 25;
    opacity: 0;
}

.form .form-field .form-input.has-numberplate .mini-label {
    display: flex;
    position: relative;
    align-items: center;
    pointer-events: none;
    width: 64px;
    height: 100%;
    z-index: 5;
    background-color: rgba(255,255,255,0.25);
}

.form .form-field .form-input.has-numberplate .mini-label.has-border {
    border-right: 2px solid #d9d9d9;
}

.form .form-field .form-input.has-numberplate[data-license-country="NL"] .mini-label.has-border {
    border-color: transparent;
}

.form .form-field .form-input.has-numberplate .mini-label .label {
    font-size: 0.65rem;
    font-weight: 600;
    line-height: 1em;
    position: absolute;
    top: 8px;
    left: 10px;
}

.form .form-field .form-input.has-numberplate .mini-label .numberplate-country {
    line-height: 1em;
    font-size: 1.2em;
    padding: 18px 8px 0;
    font-weight: 600;
}

.form .form-field .group-item.has-paymethod > label {
    /*display: inline-block;*/
    display: inline-flex;
    vertical-align: top;
    padding-top: 0;
}

.form .form-field .group-item.has-paymethod > label.inline-block {
    display: inline-block;
}

.form .form-field .group-item.has-paymethod > label > span {
    display: inline-block;
    vertical-align: top;
    padding: 2px 0 0 6px;
}

.form .form-field .group .item.disabled label,
.form .form-field .group .group-item.disabled label {
    color: #888;
}
.form .form-field .group .item.full,
.form .form-field .group .group-item.full {
    flex: 1 1 auto;
}
.form .form-field .group:not(.has-margin) .item:last-child,
.form .form-field .group:not(.has-margin) .group-item:last-child {
    margin: 0;
}


.form .form-field .group .group-box {
    display: block;
    position: relative;
    width: 100%;
    background-color: #ffffff;
    border: 2px dashed #f0f0f0;
    color: #000;
}

.form .form-field .group .group-box.is-featured {
    background-color: #fff9eb;
    border: 2px dashed #FBBC05;
}

.form .form-field .group .group-box .group-side {
    position: absolute;
    top: 0;
    right: 0;
}
.form .form-field .group .group-box.is-medium,
.form .form-field .group .group-box.is-medium .group-side {
    padding: 10px;
}

.form .form-field .group .group-icons {
    display: block;
    position: relative;
    user-select: none;
}

.form .form-field .group .group-icons > svg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    width: 48px;
    height: 48px;
}
.form .form-field .group .group-icons svg:first-child {
    z-index: 35;
    width: 56px;
    height: 56px;
}

.form .form-field .group .group-icons > svg:nth-child(1) {
    transform: translate(0px, 0px);
}
.form .form-field .group .group-icons > svg:nth-child(2) {
    transform: translate(-40px, 25px);
}
.form .form-field .group .group-icons > svg:nth-child(3) {
    transform: translate(-5px, 45px);
}



.form .form-field input[type='checkbox'], .form .form-field input[type='radio'] {
    background: #fff;
    border: 2px solid #d9d9d9;
    border-radius: 3px;
    box-sizing: border-box;
    display: block;
    flex: 0 0 auto;
    font-size: inherit;
    height: 26px;
    margin: 0 10px 0 0;
    transition: border 0.2s ease;
    width: 26px;
}
.form .form-field input[type='checkbox'].disabled:hover, .form .form-field input[type='radio'].disabled:hover {
    border: 2px solid #d9d9d9;
}
.form .form-field input[type='checkbox']:hover, .form .form-field input[type='radio']:hover {
    border: 2px solid #888;
}
.form .form-field input[type='checkbox']::after, .form .form-field input[type='radio']::after {
    background: #055cc5;
    border: 3px solid #fff;
    border-radius: 2px;
    box-sizing: border-box;
    content: '';
    display: none;
    height: 100%;
    width: 100%;
}

.form .form-field input.has-check[type='checkbox']::after {
    content: ' ';
    background-color: transparent;
    background-image: url('../img/icon-check-blue.svg');
}

.form .form-field input[type='checkbox']:checked::after, .form .form-field input[type='radio']:checked::after {
    display: block;
}
.form .form-field input[type='radio'] {
    border-radius: 50%;
}
.form .form-field input[type='radio']::after {
    border-radius: 50%;
}
.form .form-field input[type='checkbox'] + label, .form .form-field input[type='radio'] + label {
    flex: 1 1 auto;
    padding: 3px 0;
}
.form .form-field.error input[type='text']:not(.ignore),
.form .form-field.error input[type='password']:not(.ignore),
.form .form-field.error input[type='email']:not(.ignore),
.form .form-field.error input[type='tel']:not(.ignore),
.form .form-field.error select:not(.ignore),
.form .form-field.error input[type='checkbox']:not(.ignore),
.form .form-field.error textarea:not(.ignore),
.form .form-field.error input[type='radio']:not(.ignore) {
    border: 2px solid #bc0000;
}
.form .form-field.error label,
.form .form-field.error a {
    color: #bc0000;
}

.form .form-input {
    display: block;
    position: relative;
}
.form .form-field.relative {
    position: relative;
}
.form .form-input.has-numberplate > input {
    padding-left: 36px;
    border-color: #055cc5;
    font-family: 'europlate';
    font-size: 1.5em;
}
.form .form-input[data-license-country="NL"] > input {
    background-color: #f3b700;
}
.form .form-input[data-license-country="BE"] > input {
    color: #ad1715;
}
.form .form-input.has-numberplate .mini-numberplate {
    position: absolute;
    top: 2px;
    left: 2px;
    bottom: 2px;
    height: 36px;
    width: 26px;
    z-index: 1;
    pointer-events: none;
    background-color: #055cc6;
    background-position: center -2px;
    border-radius: 1px 0 0 1px;
}
.form .form-input.has-numberplate .mini-numberplate .numberplate-country {
    font-size: 0.65em;
    bottom: 2px;
    left: 1px;
}
.form .form-input.has-numberplate[data-license-country="CH"] .mini-numberplate {
    background-color: #ffffff;
    background-image: url(../img/license-swiss.svg);
    background-size: 20px;
    background-position: 6px 7px;
}




.form .form-hints {
    border-top: 2px solid #eeeeee;
    color: #888;
    font: 400 12px/16px 'Titillium Web', sans-serif;
    margin: 0 10px;
    padding: 16px 0;
}
.form .form-time {
    flex: 1 1 auto;
    padding: 0 10px 16px 10px;
}
.form .form-upselling {
    flex: 0 0 100%;
    padding: 0 10px 16px 10px;
}
.form .form-availability {
    align-self: center;
    flex: 1 1 auto;
    padding: 0 10px 20px 10px;
}
.form .form-price {
    align-self: center;
    flex: 0 0 auto;
    padding: 0 10px 20px 10px;
}
@media (max-width: 767px) {

    /*.form .form-field.w33 {*/
    /*  flex: 0 0 100%;*/
    /*}*/
    /*.form .form-field.w66 {*/
    /*  flex: 0 0 100%;*/
    /*}*/

    .form .form-field.xw25 {
        flex: 0 0 25%;
    }
    .form .form-field.xw50 {
        flex: 0 0 50%;
    }
    .form .form-field.xw75 {
        flex: 0 0 75%;
    }
    .form .form-field.xw33 {
        flex: 0 0 33.33%;
    }
    .form .form-field.xw66 {
        flex: 0 0 66.66%;
    }
    .form .form-field.xw100 {
        flex: 0 0 100%;
    }
    .form .form-field.xw70 {
        flex: 0 0 70%;
    }
    .form .form-field.xw30 {
        flex: 0 0 30%;
    }


    .form.xcompact {
        margin-left: -5px;
        margin-right: -5px;
    }

    .form.xcompact .form-field {
        padding-left: 5px;
        padding-right: 5px;
    }


    .form .form-field .group {
        display: flex;
        flex-flow: wrap;
    }



}
/**
 * Summary
 */
.summary {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.summary.add-top {
    margin-top: 15px;
}
.summary .summary-price {
    color: #000;
    font: 400 16px/24px 'Titillium Web', sans-serif;
    flex: 1 1 auto;
}
.summary .summary-price small {
    display: block;
    color: #888;
    /*font: 400 12px/18px 'Titillium Web', sans-serif;*/
    font: 400 13px/18px 'Titillium Web', sans-serif;
}
.summary .summary-price small .emphasize {
    color: var(--theme-primary-dark, #29aa5d);
    font-weight: bold;
}
.summary .summary-trust {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row nowrap;
}
.summary .summary-trust::before {
    background: transparent no-repeat 0 0;
    background-size: contain;
    content: '';
    display: block;
    flex: 0 0 auto;
    height: 50px;
    margin: 0 15px 0 0;
    width: 50px;
}



html:not(.webp) .summary .summary-trust::before {
    background-image: url(../img/review-star.png);
}
html.webp .summary .summary-trust::before {
    background-image: url(../img/review-star.webp);
}


.summary .summary-trust .summary-trust-wrapper {
    flex: 1 1 auto;
}
.summary .summary-trust .summary-trust-wrapper .summary-trust-name {
    color: #000;
    font: 600 16px/24px 'Titillium Web', sans-serif;
}
.summary .summary-trust .summary-trust-wrapper .summary-trust-rating {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}
.summary .summary-trust .summary-trust-wrapper .summary-trust-rating.has-gap {
    gap: 0 10px;
}
.summary .summary-trust .summary-trust-wrapper .summary-trust-rating .summary-trust-rating-grade {
    color: #000;
    flex: 0 0 auto;
    font: 400 12px/18px 'Titillium Web', sans-serif;
}
.summary .summary-trust .summary-trust-wrapper .summary-trust-rating .summary-trust-rating-stars {
    font-size: 12px;
    flex: 0 0 auto;
    margin: 0 0 0 4px;
}
.summary .summary-trust .summary-trust-wrapper .summary-trust-rating .summary-trust-rating-stars:not(.size-12) {
    font-size: 16px;
}

.summary .summary-trust .summary-trust-wrapper .summary-trust-rating-element {
    display: inline-block;
    border: 1px solid white;
    background-color: #f1f1f1;
    border-radius: 4px;
    padding: 0 3px;
    margin: 5px 0 0;
}

.summary .summary-trust .summary-trust-wrapper .summary-trust-rating-element .summary-trust-rating-stars {
    padding: 0;
    margin: 2px 0;
}


.summary .summary-button-wrapper a {
    display: none;
}
.summary .summary-button {
    background: var(--theme-primary-default, #29aa5d);
    border-radius: 3px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    flex: 0 0 auto;
    font: 600 18px/26px 'Titillium Web', sans-serif;
    letter-spacing: 2px;
    padding: 12px 30px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.summary .summary-button:hover {
    background: var(--theme-primary-hover, #37b466);
    color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}

.summary .summary-button.is-orange {
    background: #FEBD00;
    color: #000000;
}
.summary .summary-button.is-orange:hover {
    background: #ECB305;
}
.summary .summary-button.is-orange:focus {
    background: #ECB305;
    outline: 5px auto #ffa284;
}


.summary .summary-button.loading {
    background-color: #bdbdbd;
}
.summary .paypal-button {
    width: 45%;
}
.icon-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.icon-button::before {
    display: block;
    content: '';
    background: url(../img/icon-lock-white.svg) no-repeat center center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin-right: 0.5em;
}
.icon-button.secure::before {
    background-image: url(../img/icon-lock-white.svg);
}
.icon-button.customer-service-button::before {
    background-image: url(../img/icon-support.svg);
}

.icon-button.right {
    position: relative;
    text-align: left;
    justify-content: start;
    padding-left: 20px !important;
}
.icon-button.right > span {
    display: inline-block;
}
.icon-button.right::before {
    background-image: url(../img/icon-right.svg);
    position: absolute;
    right: 15px;
    margin: 0;
}

@media all and (max-width:575px) {

    .summary .summary-button {
        font-size: 1rem !important;
    }

}




.summary-review {
    display: block;
    position: relative;
    padding: 20px 0;
}
.summary-review.centered {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.summary-review.top {
    margin-top: 60px;
}
.summary-review.bottom {
    margin-bottom: 30px;
}
.summary-review .article {
    color: var(--theme-gray-medium, #7d7d7d);
    font-size: 1.1rem;
    width: 410px;
    max-width: 100%;
    margin-bottom: 20px;
    padding-left: 65px;
}
.summary-review .article.black {
    color: #000;
}
.summary-review .article.primary {
    margin-top: 15px;
}
.summary-review .article.question {
    font-style: italic;
    margin: 30px 0 0;
}
.summary-review .article.flex-1 {
    flex: 1 1;
}
@media (max-width: 767px) {
    .summary .summary-button-wrapper a {
        display: block;
    }
}
.block-review {
    background: none;
    border: 2px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: none;
    padding: 20px 20px 10px 20px;
}



.review-wrap.centered {
    margin-left: auto;
    margin-right: auto;
}
.review-wrap.medium {
    max-width: 100%;
    width: 930px;
    width: 680px;
}
.review-wrap.top {
    margin-top: 30px;
}
.review-wrap.bottom {
    margin-bottom: 50px;
}

.review-wrap .summary-review {
    padding: 0;
}
.review-wrap .summary-review:not(:last-child) {
    margin-bottom: 20px;
}
.review-wrap .summary-review .article.primary {
    width: auto;
    font-size: 1rem;
}
.review-wrap .summary-review.responsive .summary-trust::before {
    width: 32px;
    height: 32px;
    margin: 0 10px 0 0;
}
.review-wrap .summary-review.responsive .article.primary {
    padding-left: 0;
}

.review-wrap .block-review.is-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0 20px;
}
.review-wrap .summary-review .article.stats {
    width: 160px;
    max-width: 100%;
    text-align: center;
}
.review-wrap .summary-review .article.stats h2 {
    font-size: 4rem;
    line-height: 1em;
}
.review-wrap .summary-review .article.stats p {
    font-size: 1.1rem;
}
.review-wrap .summary-review .article.stats h2,
.review-wrap .summary-review .article.stats ul,
.review-wrap .summary-review .article.stats p {
    margin: 0 0 5px;
}



@media all and (max-width: 575px) {

    .review-wrap .block-review.is-flex {
        flex-direction: column;
    }
    .review-wrap .block-review.is-flex  .article.flex-1 {
        width: 100%;
    }

}



.stats-item {
    display: flex;
    align-items: center;
    gap: 20px;
}

.stats-item:not(:last-child):not(.zero):not(.no-bottom)  {
    margin-bottom: 5px;
}

.stats-item .stats-label {
    display: flex;
    font-size: 1.1rem;
    font-weight: 600;
    align-items: start;
    gap: 5px;
}

.stats-item .stats-label > span {
    display: inline-block;
    line-height: 1.3em;
}

.stats-item .stats-label > .icon {
    width: 18px;
    height: 18px;
    fill: #999;
}

.stats-item .stats-progress {
    display: flex;
    overflow: hidden;
    flex: 1 1;
    height: 5px;
    width: 100%;
    background-color: #f5f7f8;
    box-shadow: inset 0 0 1px;
    border-radius: 5px;
}

.stats-item .stats-progress > span {
    display: inline-flex;
    width: 5px;
    height: 5px;
    background-color: #01b57a;
}



.stats-item .stats-percentage {
    display: flex;
    align-items: start;
    gap: 5px;
}

.stats-item .stats-percentage > span {

}








/**
   * Numberplate
   */
.numberplate {
    position: relative;
}
.numberplate .numberplate-wrapper .numberplate-sticker {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.numberplate .numberplate-wrapper .numberplate-sticker.sticker-preview .sticker-1, .numberplate .numberplate-wrapper .numberplate-sticker.sticker-preview .sticker-2 {
    filter: grayscale(1) opacity(0.7);
}
.numberplate .numberplate-wrapper .numberplate-sticker .sticker-1 {
    display: block;
    background: #ffffff;
    width: 2.3em;
    height: 2.3em;
    border: 0.2em solid #a3a3a3;
    border-radius: 50%;
    transition: background-image 0.2s, filter 0.2s;
}
.numberplate .numberplate-wrapper .numberplate-sticker .sticker-1.plakette {
    border: none;
    background: #ffffff no-repeat 0 0/contain;
}
.numberplate .numberplate-wrapper .numberplate-sticker .sticker-1.soft-mode-enabled {
    background-image: none !important;
    background: #e8e8e8 no-repeat 0 0/contain;
    border: 0.2em solid #c1c1c1;
}
.numberplate .numberplate-wrapper .numberplate-sticker .sticker-2 {
    display: block;
    background: #e8e8e8;
    width: 3em;
    height: 3em;
    border: 0.2em solid #a3a3a3;
    border-radius: 50%;
    margin: 0.75em 0 0 0;
    transition: background-image 0.2s, filter 0.2s;
}
.numberplate .numberplate-wrapper .numberplate-sticker .sticker-2.wappen {
    border: none;
    background: #e8e8e8 no-repeat 0 0/contain;
}
.numberplate .numberplate-wrapper .numberplate-sticker .sticker-2.soft-mode-enabled {
    background-image: none !important;
    border: 0.2em solid #c1c1c1;
}
.numberplate .numberplate-wrapper .numberplate-text {
    color: #000;
    flex: 0 0 auto;
    font: 8em 'europlate';
    text-align: center;
    text-transform: uppercase;
    transition: font 0.25s ease;
    margin: 0 0.1em 0 0;
}
.numberplate .numberplate-wrapper .numberplate-text .numberplate-type {
    float: left;
}
.numberplate .numberplate-wrapper .numberplate-text .numberplate-type-seasonal {
    float: right;
}
.numberplate .numberplate-wrapper .numberplate-text span {
    display: block;
    font: 0.4em/0.6em 'europlate';
    margin: 0 0.15em;
    padding: 0.3em 0;
}
.numberplate .numberplate-wrapper .numberplate-text span.error {
    color: #a52019;
}
.numberplate .numberplate-wrapper .numberplate-text span:first-child {
    border-bottom: 0.1em solid #000;
    margin-bottom: 0.05em;
}
.numberplate .district-select {
    font-size: 11px;
    background-size: auto 10.4em;
    border: 0.3em solid #ffffff;
    border-radius: 1.25em;
    box-shadow: 0 0.15em 0.6em 0 rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    transition: background 0.2s ease, box-shadow 0.2s ease, border 0.2s ease, height 0.2s ease, width 0.2s ease;
    display: table;
    width: 100%;
    margin-top: 15px;
    visibility: hidden;
    background-color: white;
    border-spacing: 0.8em;
}
.numberplate .district-select::before {
    content: 'Zuständige Zulassungstelle wählen';
    font-size: 20px;
    font-weight: bold;
}
.numberplate .district-select .district-wrapper {
    display: table-row;
}
.numberplate .district-select .district-wrapper .district-row {
    box-shadow: 0 0.15em 0.6em 0 rgba(0, 0, 0, 0.5);
    border-radius: 1.25em;
    background: #055cc5;
    color: #fff;
}
.numberplate .district-select .district-wrapper .district-row:hover {
    background: #004bb1;
    color: #fff;
}
.numberplate .district-select .district-wrapper .district-row .district-row-content {
    display: grid;
}
.numberplate .district-select .district-wrapper .district-row .district-row-content .district-code {
    font: 25px 'Titillium Web', sans-serif;
}
.numberplate .district-select .district-wrapper .district-row .district-row-content .district-name {
    font: 20px 'Titillium Web', sans-serif;
}
.numberplate label, .numberplate .error-messages-label {
    background: #ffcc00;
    border-radius: 0.2em;
    box-shadow: 0 0.1em 0.3em 0 rgba(0, 0, 0, 0.25);
    color: #000;
    visibility: hidden;
    opacity: 0;
    font: 600 1.6em/1.3em 'Titillium Web', sans-serif;
    left: 50%;
    padding: 0.7em 0.4em;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 107%;
    transform: translateX(-50%);
    width: 11em;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}
.numberplate label::before, .numberplate .error-messages-label::before {
    background: #ffcc00;
    box-shadow: 0 0.1em 0.3em 0 rgba(0, 0, 0, 0.25);
    content: '';
    display: block;
    height: 1em;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    width: 1em;
}
.numberplate label::after, .numberplate .error-messages-label::after {
    background: #ffcc00;
    content: '';
    display: block;
    height: 0.9em;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 2em;
}
.numberplate label small, .numberplate .error-messages-label small {
    display: block;
    font: 400 0.7em/1.3em 'Titillium Web', sans-serif;
}
.numberplate label.error-messages-label, .numberplate .error-messages-label.error-messages-label {
    background: #bc0000;
    color: #FFFFFF;
    width: 100%;
    left: unset;
    top: unset;
    margin-top: 1em;
    transform: unset;
    position: relative;
}
.numberplate label.error-messages-label span, .numberplate .error-messages-label.error-messages-label span {
    display: inline-block;
}
.numberplate label.error-messages-label::before, .numberplate label.error-messages-label::after, .numberplate .error-messages-label.error-messages-label::before, .numberplate .error-messages-label.error-messages-label::after {
    background: #bc0000;
}
.numberplate label.error-messages-label.active, .numberplate .error-messages-label.error-messages-label.active {
    visibility: visible;
    opacity: 1;
}
.numberplate label.error-messages-label.warning, .numberplate .error-messages-label.error-messages-label.warning {
    background: #ffa000;
    color: #000;
}
.numberplate label.error-messages-label.warning::before, .numberplate label.error-messages-label.warning::after, .numberplate .error-messages-label.error-messages-label.warning::before, .numberplate .error-messages-label.error-messages-label.warning::after {
    background: #ffa000;
}
.numberplate.numberplate-type-taxfree .numberplate-wrapper {
    border: 0.4em solid #007800;
}
.numberplate.numberplate-type-taxfree .numberplate-wrapper .numberplate-field input {
    color: #007800;
}
.numberplate.numberplate-type-taxfree .numberplate-wrapper .numberplate-field input::placeholder {
    color: #afcaaf;
    opacity: 1;
}
.numberplate.numberplate-type-taxfree .numberplate-wrapper .numberplate-field.error input::placeholder {
    color: #d37c7c;
}
.numberplate.numberplate-type-taxfree .numberplate-wrapper .numberplate-text {
    color: #007800;
}
.numberplate:not(.numberplate-type-taxfree) .carbon-look .numberplate-field input:not(:placeholder-shown),
.numberplate:not(.numberplate-type-taxfree) .carbon-look .numberplate-text {
    background-size: 0.125em;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    text-fill-color: transparent;
}


html:not(.webp) .numberplate:not(.numberplate-type-taxfree) .carbon-look .numberplate-field input:not(:placeholder-shown),
html:not(.webp) .numberplate:not(.numberplate-type-taxfree) .carbon-look .numberplate-text {
    background-image: url(../img/carbon-pattern.png);
}
html.webp .numberplate:not(.numberplate-type-taxfree) .carbon-look .numberplate-field input:not(:placeholder-shown),
html.webp .numberplate:not(.numberplate-type-taxfree) .carbon-look .numberplate-text {
    background-image: url(../img/carbon-pattern.webp);
}




.numberplate:not(.numberplate-type-taxfree) .carbon-look .numberplate-field input:not(:placeholder-shown) span:first-child, .numberplate:not(.numberplate-type-taxfree) .carbon-look .numberplate-text span:first-child {
    border-bottom-color: #3e3e3e;
}
.numberplate.numberplate-lines-2 {
    background-size: auto 9.6em;
}
.numberplate.numberplate-lines-2 .numberplate-wrapper {
    flex-wrap: wrap;
    padding: 0.3em;
}
.numberplate.numberplate-lines-2 .numberplate-wrapper .line {
    display: flex;
    flex-flow: row nowrap;
    flex-basis: 100%;
    align-items: center;
}
.numberplate.numberplate-lines-2 .numberplate-wrapper .line.line-1 {
    align-self: flex-start;
    margin-left: 5em;
    justify-content: center;
}
.numberplate.numberplate-lines-2 .numberplate-wrapper .line.line-1 .numberplate-sticker {
    margin-left: 1.5em;
}
.numberplate.numberplate-lines-2 .numberplate-wrapper .line:last-child {
    justify-content: space-around;
    align-self: flex-end;
}
.numberplate.numberplate-lines-2 .numberplate-field input:focus + label {
    display: none;
}
.numberplate.numberplate-lines-2.numberplate-motorcycle {
    background-size: auto 10.4em;
}
.numberplate.numberplate-lines-2.numberplate-motorcycle .numberplate-wrapper .line-2 .numberplate-sticker {
    flex-direction: row;
    margin-left: 5.5em;
}
.numberplate.numberplate-lines-2.numberplate-motorcycle .numberplate-wrapper .line-2 .numberplate-sticker .sticker-2 {
    margin: 0 0 0 0.75em;
}
.numberplate.numberplate-lines-2.numberplate-motorcycle .numberplate-wrapper .line-3 {
    justify-content: space-between;
}
.numberplate.numberplate-lines-2.numberplate-motorcycle .numberplate-wrapper .numberplate-text {
    font: 6.5em/0.8em 'nummernschild';
    margin: 0;
}
.numberplate.numberplate-lines-2.numberplate-motorcycle .numberplate-wrapper .numberplate-text span {
    display: block;
    font: 0.3em/0.5em 'europlate';
    margin: 0 0.15em;
    padding: 0.3em 0;
}
.numberplate.numberplate-lines-2.numberplate-motorcycle .numberplate-wrapper .numberplate-field {
    height: 6em;
}
.numberplate.numberplate-lines-2.numberplate-motorcycle .numberplate-wrapper .numberplate-field.w1 {
    width: 4.2em;
}
.numberplate.numberplate-lines-2.numberplate-motorcycle .numberplate-wrapper .numberplate-field.w2 {
    width: 7.5em;
}
.numberplate.numberplate-lines-2.numberplate-motorcycle .numberplate-wrapper .numberplate-field.w3 {
    width: 10.7em;
}
.numberplate.numberplate-lines-2.numberplate-motorcycle .numberplate-wrapper .numberplate-field.w4 {
    width: 14em;
}
.numberplate.numberplate-lines-2.numberplate-motorcycle .numberplate-wrapper input {
    font: 6.5em/0.8em 'nummernschild';
    height: 100%;
}
.numberplate.numberplate-lines-2.numberplate-motorcycle.numberplate-type-season .numberplate-wrapper .line-2 .numberplate-text {
    margin-left: auto;
}
.numberplate.numberplate-lines-2 .error-messages-label {
    width: 160%;
    transform: translateX(-18.7%);
}
.numberplate.numberplate-lines-2.numberplate-motorcycle .error-messages-label {
    width: 250%;
    transform: translateX(-30%);
}
.numberplate.numberplate-lines-2.numberplate-h-200.numberplate-type-season .numberplate-wrapper .line-1 .numberplate-text {
    margin-left: auto;
}
.numberplate.numberplate-lines-2.numberplate-h-130 {
    background-size: auto 6em;
}
.numberplate.numberplate-lines-2.numberplate-h-130 .numberplate-wrapper {
    padding: 0.4em;
}
.numberplate.numberplate-lines-2.numberplate-h-130 .numberplate-wrapper .line-1 {
    margin-left: 3em;
}
.numberplate.numberplate-lines-2.numberplate-h-130 .numberplate-wrapper .line-1 .numberplate-sticker {
    flex-flow: row-reverse;
}
.numberplate.numberplate-lines-2.numberplate-h-130 .numberplate-wrapper .line-1 .numberplate-sticker .sticker-1 {
    margin-left: 0.75em;
}
.numberplate.numberplate-lines-2.numberplate-h-130 .numberplate-wrapper .line-1 .numberplate-sticker .sticker-2 {
    margin: 0;
}
.numberplate.numberplate-lines-2.numberplate-h-130 .numberplate-wrapper .numberplate-field {
    height: 5em;
}
.numberplate.numberplate-lines-2.numberplate-h-130 .numberplate-wrapper .numberplate-field.w1 {
    width: 3.8em;
}
.numberplate.numberplate-lines-2.numberplate-h-130 .numberplate-wrapper .numberplate-field.w2 {
    width: 6.5em;
}
.numberplate.numberplate-lines-2.numberplate-h-130 .numberplate-wrapper .numberplate-field.w3 {
    width: 9em;
}
.numberplate.numberplate-lines-2.numberplate-h-130 .numberplate-wrapper .numberplate-field.w4 {
    width: 11.6em;
}
.numberplate.numberplate-lines-2.numberplate-h-130 .numberplate-wrapper .numberplate-text {
    font-size: 5.6em;
}
.numberplate.numberplate-lines-2.numberplate-h-130 .numberplate-wrapper input {
    font: 5.3em/0.8em 'nummernschild';
    height: 100%;
}
.numberplate.numberplate-lines-2.numberplate-h-130 .numberplate-wrapper span {
    padding: 0.25em 0;
}
.numberplate.numberplate-parking {
    background: #FFFFFF url(../img/p.svg) no-repeat 0.3em 0;
}
.numberplate.emission-sticker {
    border-radius: 50%;
    background: url(../img/plakette.svg);
    padding: 23em 6em 0;
    transition: box-shadow 0.2s ease;
    flex-shrink: 0;
}
.numberplate.emission-sticker .numberplate-wrapper {
    justify-content: space-around;
    background: #fff;
    padding: 0.4em;
    height: 6.2em;
    border: 3px solid #000000;
}
.numberplate.emission-sticker .numberplate-wrapper::before {
    display: block;
    width: 0;
    font-size: 27em;
    position: relative;
    top: -160px;
    left: 25%;
    font-weight: bold;
}
.numberplate.emission-sticker .numberplate-wrapper .numberplate-field {
    height: 100%;
}
.numberplate.emission-sticker .numberplate-wrapper .numberplate-field.w1 {
    width: 2.7em;
}
.numberplate.emission-sticker .numberplate-wrapper .numberplate-field.w2 {
    width: 5.4em;
}
.numberplate.emission-sticker .numberplate-wrapper .numberplate-field.w3 {
    width: 8.2em;
}
.numberplate.emission-sticker .numberplate-wrapper .numberplate-field.w4 {
    width: 10.5em;
}
.numberplate.emission-sticker .numberplate-wrapper .numberplate-field.w5 {
    width: 14em;
}
.numberplate.emission-sticker .numberplate-wrapper .numberplate-field input {
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    font-size: 5em;
    background: #eee;
    line-height: 0.5em;
}
.numberplate.emission-sticker .numberplate-wrapper .numberplate-field input:focus {
    background: none;
    box-shadow: none;
    animation: none;
    border: none;
}
.numberplate.emission-sticker .numberplate-wrapper .numberplate-sticker {
    display: none;
}
.numberplate.emission-sticker .numberplate-wrapper .numberplate-text {
    font-size: 5.5em;
}
/**
 * Numberplate-Thumbnail
 */
.thumb-emission-sticker span {
    font: 400 18px/26px 'Titillium Web', sans-serif;
    color: #777777;
}
.thumb-emission-sticker span::after {
    content: ' ';
}
.checkout .thumb-emission-sticker-image,
.layer .thumb-emission-sticker-image {
    width: 12em;
    height: 12em;
    background: url(../img/plakette-preview.svg) no-repeat center center;
    margin-right: 2em;
}

.checkout .thumb-emission-sticker-image.no-background,
.layer .thumb-emission-sticker-image.no-background {
    background: none;
}

.checkout .thumb-emission-sticker-france {
    display: flex;
    align-items: center;
    max-width: 100%;
    width: 200px;
}
.checkout .thumb-emission-sticker-france.bottom {
    margin-bottom: 15px;
}
.checkout .thumb-emission-sticker-france > img {
    max-width: 100%;
}

.thumb-emission-sticker.is-plate,
.checkout .thumb-emission-sticker,
.layer .thumb-emission-sticker {
    border: 0.4em solid #000000;
    border-radius: 1em;
    font-size: unset;
    padding: 0 1em;
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.7em;
    height: 8em;
}

.thumb-emission-sticker.align-baseline {
    align-self: baseline;
}

.thumb-emission-sticker.is-plate span,
.checkout .thumb-emission-sticker span,
.layer .thumb-emission-sticker span {
    font: 7.25em/1.2em 'europlate';
    color: #000;
}


.thumb-emission-sticker.is-plate {
    border: 0.3em solid #000000;
    border-radius: 1em;
    padding: 0 1em;
    gap: 0.25em;
    height: 4em;
}
.thumb-emission-sticker.is-plate span {
    font: 2rem 'europlate';
}
.thumb-emission-sticker.is-plate.add-bottom {
    margin-bottom: 20px;
}


.mini-numberplate {
    display: inline-block;
    position: relative;
    background: #FFFFFF url(../img/license.svg) no-repeat;
    background-size: contain;
    width: 28px;
    height: 60px;
}
.mini-numberplate .numberplate-country {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.35em;
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    text-align: center;
}


.thumb-numberplate {
    background: #FFFFFF url(../img/license.svg) no-repeat 0.35em 0;
    border-radius: 1.25em;
    background-size: auto 11em;
    height: 11em;
    width: 50em;
    margin: 0 auto;
}
.thumb-numberplate.emission-sticker {
    display: none;
}
.thumb-numberplate .thumb-numberplate-wrapper {
    position: relative;
    padding: 0 2em 0 7em;
    height: 100%;
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    color: #000;
    width: 100%;
    border: 0.4em solid #000000;
    border-radius: 1em;
}
.thumb-numberplate .thumb-numberplate-wrapper .numberplate-country {
    position: absolute;
    left: 0;
    width: 2em;
    bottom: 0.1em;
    font-size: 2.5em;
    color: #fff;
    font-weight: 500;
    text-align: center;
}
.thumb-numberplate .thumb-numberplate-wrapper .numberplate-type {
    float: left;
}
.thumb-numberplate .thumb-numberplate-wrapper .numberplate-type-seasonal {
    float: right;
    margin-top: 5px;
}
.thumb-numberplate .thumb-numberplate-wrapper span.numberplate-sticker {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.thumb-numberplate .thumb-numberplate-wrapper span.numberplate-sticker .sticker-1 {
    display: block;
    background: #ffffff;
    width: 2.3em;
    height: 2.3em;
    border: 0.2em solid #a3a3a3;
    border-radius: 50%;
    transition: background-image 0.2s, filter 0.2s;
}
.thumb-numberplate .thumb-numberplate-wrapper span.numberplate-sticker .sticker-1.plakette {
    border: none;
    background: #ffffff no-repeat 0 0/contain;
}
.thumb-numberplate .thumb-numberplate-wrapper span.numberplate-sticker .sticker-2 {
    display: block;
    background: #e8e8e8;
    width: 3em;
    height: 3em;
    border: 0.2em solid #a3a3a3;
    border-radius: 50%;
    margin: 0.75em 0 0 0;
    transition: background-image 0.2s, filter 0.2s;
}
.thumb-numberplate .thumb-numberplate-wrapper span.numberplate-sticker .sticker-2.wappen {
    border: none;
    background: #e8e8e8 no-repeat 0 0/contain;
}
.thumb-numberplate .thumb-numberplate-wrapper span.numberplate-sticker.sticker-preview .sticker-1, .thumb-numberplate .thumb-numberplate-wrapper span.numberplate-sticker.sticker-preview .sticker-2 {
    filter: grayscale(1) opacity(0.7);
}
.thumb-numberplate .thumb-numberplate-wrapper span.numberplate-field, .thumb-numberplate .thumb-numberplate-wrapper .numberplate-text, .thumb-numberplate .thumb-numberplate-wrapper .numberplate-field-parking {
    font: 10.75em/0.9em 'nummernschild';
}
.thumb-numberplate .thumb-numberplate-wrapper span.numberplate-field span, .thumb-numberplate .thumb-numberplate-wrapper .numberplate-text span, .thumb-numberplate .thumb-numberplate-wrapper .numberplate-field-parking span {
    display: block;
    font: 0.42em/0.4em 'europlate';
    margin: 0 0.15em;
    padding: 0.3em 0 0 0;
}
.thumb-numberplate .thumb-numberplate-wrapper span.numberplate-field span:first-child, .thumb-numberplate .thumb-numberplate-wrapper .numberplate-text span:first-child, .thumb-numberplate .thumb-numberplate-wrapper .numberplate-field-parking span:first-child {
    border-bottom: 0.1em solid #000;
    padding: 0 0 0.25em 0;
}
.thumb-numberplate .thumb-numberplate-wrapper span.numberplate-field.placeholder, .thumb-numberplate .thumb-numberplate-wrapper .numberplate-text.placeholder, .thumb-numberplate .thumb-numberplate-wrapper .numberplate-field-parking.placeholder {
    color: #888888;
}
.thumb-numberplate .thumb-numberplate-wrapper .numberplate-text {
    display: flex;
    align-items: center;
}
.thumb-numberplate.numberplate-type-taxfree .thumb-numberplate-wrapper {
    border: 0.4em solid #007800;
}
.thumb-numberplate.numberplate-type-taxfree .thumb-numberplate-wrapper span {
    color: #007800;
}
.thumb-numberplate.numberplate-type-taxfree .thumb-numberplate-wrapper span.placeholder {
    color: #afcaaf;
}
.thumb-numberplate.numberplate-lines-2 {
    background-size: auto 9.6em;
}
.thumb-numberplate.numberplate-lines-2 .thumb-numberplate-wrapper {
    flex-wrap: wrap;
    padding: 0.6em;
}
.thumb-numberplate.numberplate-lines-2 .thumb-numberplate-wrapper .line {
    display: flex;
    flex-flow: row nowrap;
    flex-basis: 100%;
    align-items: center;
}
.thumb-numberplate.numberplate-lines-2 .thumb-numberplate-wrapper .line.line-1 {
    align-self: flex-start;
    margin-left: 5em;
    justify-content: center;
}
.thumb-numberplate.numberplate-lines-2 .thumb-numberplate-wrapper .line.line-1 .numberplate-sticker {
    margin-left: 1.5em;
}
.thumb-numberplate.numberplate-lines-2 .thumb-numberplate-wrapper .line:last-child {
    justify-content: space-around;
    align-self: flex-end;
}
.thumb-numberplate.numberplate-lines-2.numberplate-motorcycle {
    background-size: auto 10.4em;
}
.thumb-numberplate.numberplate-lines-2.numberplate-motorcycle .thumb-numberplate-wrapper span.numberplate-text {
    font: 7.2em/0.8em 'nummernschild';
}
.thumb-numberplate.numberplate-lines-2.numberplate-motorcycle .thumb-numberplate-wrapper span.numberplate-field {
    font: 7.2em/0.8em 'nummernschild';
}
.thumb-numberplate.numberplate-lines-2.numberplate-motorcycle .thumb-numberplate-wrapper .line-2 .numberplate-sticker {
    flex-direction: row;
    margin-left: 5.5em;
}
.thumb-numberplate.numberplate-lines-2.numberplate-motorcycle .thumb-numberplate-wrapper .line-2 .numberplate-sticker .sticker-2 {
    margin: 0 0 0 0.75em;
}
.thumb-numberplate.numberplate-lines-2.numberplate-motorcycle .thumb-numberplate-wrapper .line-3 {
    justify-content: space-between;
}
.thumb-numberplate.numberplate-lines-2.numberplate-motorcycle.numberplate-type-season .thumb-numberplate-wrapper .line-2 .numberplate-text {
    margin-left: auto;
}
.thumb-numberplate.numberplate-lines-2.numberplate-h-130 {
    background-size: auto 6.5em;
}
.thumb-numberplate.numberplate-lines-2.numberplate-h-130 .thumb-numberplate-wrapper {
    padding: 0.4em;
}
.thumb-numberplate.numberplate-lines-2.numberplate-h-130 .thumb-numberplate-wrapper span.numberplate-field, .thumb-numberplate.numberplate-lines-2.numberplate-h-130 .thumb-numberplate-wrapper .numberplate-text {
    font: 6.7em/0.8em 'nummernschild';
}
.thumb-numberplate.numberplate-lines-2.numberplate-h-130 .thumb-numberplate-wrapper .line-1 {
    margin-left: 3em;
}
.thumb-numberplate.numberplate-lines-2.numberplate-h-130 .thumb-numberplate-wrapper .line-1 .numberplate-sticker {
    flex-flow: row-reverse;
}
.thumb-numberplate.numberplate-lines-2.numberplate-h-130 .thumb-numberplate-wrapper .line-1 .numberplate-sticker .sticker-1 {
    margin-left: 0.75em;
}
.thumb-numberplate.numberplate-lines-2.numberplate-h-130 .thumb-numberplate-wrapper .line-1 .numberplate-sticker .sticker-2 {
    margin: 0;
}
.thumb-numberplate.numberplate-parking {
    background-image: url(../img/p.svg);
    background-size: auto 11.4em;
}
.thumb-numberplate.numberplate-parking .thumb-numberplate-wrapper {
    justify-content: center;
}
.thumb-numberplate.numberplate-type-season .thumb-numberplate-wrapper .numberplate-text.carbon-color span {
    color: #3e3e3e;
}
.thumb-numberplate.numberplate-type-season .thumb-numberplate-wrapper .numberplate-text.carbon-color span:first-child {
    border-bottom-color: #3e3e3e;
}
.thumb-numberplate.numberplate-type-season.numberplate-lines-2.numberplate-h-200 .thumb-numberplate-wrapper .line-1 .numberplate-text {
    margin-left: auto;
}
/**
 * Footer
 */
.footer {
    background: #d9d9d9;
    padding: 10px 20px;
}
.footer .footer-wrapper {
    margin: 0 auto;
    max-width: 1200px;
}
.footer .footer-wrapper .footer-links {
    column-width: 80px;
    column-gap: 1em;
}
.footer .footer-wrapper .footer-links:not(.one-column) {
    columns: 2;
}
.footer .footer-wrapper .footer-links li {
    color: #000;
    font: 400 14px/28px 'Titillium Web', sans-serif;
}
.footer .footer-wrapper .footer-links li .link,
.footer .footer-wrapper .footer-links li a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

@media all and (max-width:767px) {

    .footer .footer-wrapper .footer-links {
        column-width: auto;
        column-gap: 0;
    }
    .footer .footer-wrapper .customer-service-button {
        margin: 0 0 15px !important;
    }


}


.footer .footer-wrapper .footer-infos {
    display: flex;
    justify-content: space-between;
}
.footer .footer-wrapper .footer-info {
    margin: 0 1em 0.5em;
}
.footer .footer-wrapper .footer-info .footer-info-title {
    font: 600 20px/32px 'Titillium Web', sans-serif;
    margin: 0.7em 0;
}
.footer .footer-wrapper .footer-info .payment-icons.triple {
    width: 400px;
    max-width: 100%;
}
.footer .footer-wrapper .footer-info .footer-icons {
    display: flex;
    flex-flow: row wrap;
    max-width: 28em;
}
.footer .footer-wrapper .footer-info .footer-icons span {
    background: #FFFFFF;
    width: 6em;
    height: 3em;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    margin: 0 1em 1em 0;
}
.footer .footer-wrapper .footer-info .footer-icons span img {
    width: 70%;
    max-height: 60%;
}
.footer .footer-wrapper .footer-info .footer-icons span img.bancontact-icon {
    width: 100%;
    max-height: 100%;
}

.footer .footer-wrapper .footer-info.payment-info {
    margin-right: 1em;
}
.footer .footer-wrapper .footer-info.shipping-info .footer-icons {
    flex-flow: column;
}

.service-button,
.footer .footer-wrapper .customer-service-button {
    background: #055cc5;
    border-radius: 3px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    cursor: pointer;
    font: 600 14px/20px 'Titillium Web', sans-serif;
    letter-spacing: 1px;
    padding: 10px 15px;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    margin-top: 0.5em;
}

.service-button:hover,
.footer .footer-wrapper .customer-service-button:hover {
    background: #004bb1;
    color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
    text-decoration: none !important;
}


.service-button.basic {
    background: #efefef;
    color: #000;
    border: 1px solid #d4d4d4;
    box-shadow: none;
}

.service-button.basic:hover {
    background: #fff;
    color: #000;
    /*box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.25);*/
}



@media (max-width: 767px) {
    .footer .footer-wrapper .footer-infos {
        flex-direction: column;
    }
    .footer .footer-wrapper .footer-info {
        margin: 0;
    }
    .footer .footer-wrapper .footer-info.payment-info .footer-icons {
        margin-right: -1em;
    }
    .footer .footer-wrapper .footer-info.shipping-info .footer-icons {
        flex-flow: row wrap;
    }
}
/*
 * Header
 */
.header .header-wrapper .header-icons .header-tuev, .header .header-wrapper .header-icons .header-trust {
    cursor: pointer;
}
.header .header-wrapper .header-features {
    columns: 2;
    flex: 0 0 auto;
}
.header .header-wrapper .header-features li {
    color: #000;
    font: 400 14px/28px 'Titillium Web', sans-serif;
}
.header .header-wrapper .header-features li::before {
    background: url(../img/icon-check.svg) no-repeat 0 0;
    background-size: 14px 14px;
    content: '';
    display: block;
    filter: invert(12%) sepia(95%) saturate(7480%) hue-rotate(206deg) brightness(100%) contrast(96%);
    float: left;
    height: 14px;
    margin: 7px 6px 7px 0;
    width: 14px;
}
@media (max-width: 1000px) {
    .header .header-wrapper .header-features li {
        font: 400 12px/24px 'Titillium Web', sans-serif;
    }
    .header .header-wrapper .header-features li::before {
        background-size: 12px 12px;
        height: 12px;
        margin: 5px 5px 5px 0;
        width: 12px;
    }
}
@media (max-width: 850px) {
    .header .header-wrapper .header-features {
        display: none;
    }
}
/*
 * Features
 */
.overview-features, .landingpage-features {
    padding: 0 0 10px 0;
}
.overview-features ul li, .landingpage-features ul li {
    border-top: 2px solid #d9d9d9;
    padding: 6px 20px;
    color: #000;
    font: 600 14px/24px 'Titillium Web', sans-serif;
}
.overview-features ul li::before, .landingpage-features ul li::before {
    background: url(../img/icon-check.svg) no-repeat 0 0;
    background-size: 14px 14px;
    content: '';
    display: block;
    filter: invert(12%) sepia(95%) saturate(7480%) hue-rotate(206deg) brightness(100%) contrast(96%);
    float: left;
    height: 14px;
    margin: 5px 12px 5px 0;
    width: 14px;
}
.overview-features ul li.trust, .landingpage-features ul li.trust {
    display: flex;
}
.overview-features ul li.trust > *, .landingpage-features ul li.trust > * {
    display: flex;
    justify-content: center;
    align-items: center;
}
.overview-features ul li.trust .trust-rating-text, .landingpage-features ul li.trust .trust-rating-text {
    flex: 0 0 auto;
}
.overview-features ul li.trust .trust-rating-stars, .landingpage-features ul li.trust .trust-rating-stars {
    flex: 0 0 auto;
    margin: 0 6px;
}
.overview-features ul li.trust .trust-rating-grade, .landingpage-features ul li.trust .trust-rating-grade {
    flex: 0 0 auto;
    font-weight: 400;
}
.overview-features ul li.trust .trust-show-details, .landingpage-features ul li.trust .trust-show-details {
    background: url(../img/icon-select.svg?v=transparent) no-repeat center center;
    background-size: 25px 25px;
    height: 20px;
    width: 15px;
    margin-left: 0.3em;
    transition: transform 0.3s ease;
}
.overview-features ul li.trust::before, .landingpage-features ul li.trust::before {
    display: none;
}
.overview-features ul li.trust a, .landingpage-features ul li.trust a {
    text-decoration: none;
    color: #000;
}
.overview-features ul li.trust a::before, .landingpage-features ul li.trust a::before {
    content: '';
    background: transparent no-repeat 0 0;
    background-size: 20px 20px;
    height: 20px;
    margin: 4px 8px 4px -2px;
    width: 20px;
}



html:not(.webp) .overview-features ul li.trust a::before, .landingpage-features ul li.trust a::before {
    background-image: url(../img/review-star.png);
}
html.webp .overview-features ul li.trust a::before, .landingpage-features ul li.trust a::before {
    background-image: url(../img/review-star.webp);
}



.overview-features ul li.trust.show-details .trust-show-details, .landingpage-features ul li.trust.show-details .trust-show-details {
    transform: rotate(180deg);
}
.overview-features ul li.trust.trust-expandable, .landingpage-features ul li.trust.trust-expandable {
    cursor: pointer;
}
/**
  Trust Details
 */
.trust-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    height: 0;
    transition: height 0.3s ease, visibility 0.3s ease, box-shadow 0.3s ease, margin 0.3s ease;
}
.trust-details.visible {
    height: 7em;
}
.trust-details .trust-score {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.2em;
}
.trust-details .trust-score .trust-score-stars, .trust-details .trust-score .trust-score-percentage {
    width: 4em;
    font: 400 12px/18px 'Titillium Web', sans-serif;
    color: #000;
}
.trust-details .trust-score .trust-score-percentage {
    width: 3em;
    text-align: end;
}
.trust-details .trust-score .trust-score-bar {
    width: 60%;
    border-radius: 3px;
    height: 1em;
    margin: 0.1em 0;
    background: #f1f1f1;
}
.trust-details .trust-score .trust-score-bar .trust-score-bar-fill {
    height: 100%;
    background: #FFCC00;
    border-radius: 3px;
}
@media (max-width: 767px) {
    .trust-details {
        margin: 0 20px;
    }
    .trust-details .trust-score {
        justify-content: space-between;
        margin: 0 10px 0 26px;
    }
    .trust-details .trust-score .trust-score-bar {
        flex-grow: 1;
    }
    .trust-details.visible {
        margin-bottom: 1em;
    }
}






/**
 * Info Tooltips
 */
.tooltip-info {
    margin-left: 0.3em;
    display: inline-block;
}
.tooltip-info-icon {
    cursor: pointer;
    background: #888;
    border-radius: 3px;
    color: #fff;
    font: 700 11px/14px 'Titillium Web', sans-serif;
    height: 14px;
    text-align: center;
    width: 14px;
}
.tooltip-info.safety::before {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 50px;
    margin-top: -5px;
    transform: translate(-50%, -50%);
}


.tooltip-info-hover-container:not(.unhover):hover .tooltip-info-details {
    display: block;
}
.tooltip-info-details {
    display: none;
}
.tooltip-info-details::before {
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    content: '';
    display: block;
    height: 14px;
    margin: 13px 0 0 0;
    position: absolute;
    width: 14px;
    z-index: 5500;
    transform: rotate(-45deg);
}
.tooltip-info-details::after {
    background: #fff;
    content: '';
    display: block;
    height: 15px;
    margin: 20px 0 0 -10px;
    position: absolute;
    width: 30px;
    z-index: 5500;
}
.tooltip-info-details-wrapper {
    height: unset;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    color: #000;
    width: 22em;
    margin: 20px 0 0 0;
    padding: 10px 15px;
    position: absolute;
    transform: translateX(-50%);
    z-index: 5000;
    font: 400 14px/20px 'Titillium Web', sans-serif;
    text-align: left;
}
.tooltip-info-details-wrapper.offset {
    transform: translateX(-25%);
}
.tooltip-info-details-wrapper p {
    margin-top: 0;
    margin-bottom: 1em;
}
.tooltip-info-details-wrapper p:last-child {
    margin-bottom: 0;
}
.tooltip-info-details-wrapper img {
    max-width: 100%;
    height: auto;
}
@media (max-width: 767px) {
    .tooltip-info-details-wrapper {
        width: 70vw;
        left: 10vw;
        transform: none;
    }

    .tooltip-info.safety .tooltip-info-details-wrapper {
        width: 65vw;
        left: 0;
        transform: translateX(-25%);
    }

}
.checkout-3 .main .main-wrapper.checkout-wrapper {
    max-width: 950px !important;
}
/*
 * Checkout-Rating
 */
.checkout-success .confirmation {
    padding: 0 185px 30px;
    text-align: center;
}
.checkout-success .progress {
    padding: 0px 60px;
    display: flex;
    justify-content: space-between;
    visibility: visible;
    height: auto;
}
.checkout-success .progress .step {
    flex: 0 30%;
    text-align: center;
}
.checkout-success .progress .step .step-icon {
    display: inline-block;
}
.checkout-success .progress .step .step-icon::before {
    content: '';
    display: block;
    flex: 0 0 auto;
    margin-bottom: -10px;
    width: 121px;
    height: 100px;
    margin-bottom: 5px;
    background-color: var(--theme-primary-default, #29aa5d);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.checkout-success .progress .step .step-icon.email::before {
    -webkit-mask-image: url(../img/icon-confirm.svg);
    mask-image: url(../img/icon-confirm.svg);
}
.checkout-success .progress .step .step-icon.shipping::before {
    -webkit-mask-image: url(../img/icon-delivery.svg);
    mask-image: url(../img/icon-delivery.svg);
}
.checkout-success .progress .step .step-icon.delivery::before {
    -webkit-mask-image: url(../img/icon-joy.svg);
    mask-image: url(../img/icon-joy.svg);
}
.checkout-success .progress .step .step-title {
    color: #000;
    font: 601 14px/24px 'Titillium Web', sans-serif;
    margin-top: -15px;
}
.checkout-success .progress .step .step-description {
    color: #000;
    font: 400 12px/20px 'Titillium Web', sans-serif;
    margin-top: 5px;
}
.checkout-success .checkout-rating {
    display: flex;
    align-items: center;
    border: 2px solid #d9d9d9;
    border-radius: 4px;
    padding: 16px;
    margin: 18px 0;
}
.checkout-success .checkout-rating .google-rating-logo {
    display: flex;
    margin: 0 0.75em 0 0;
}
.checkout-success .checkout-rating .google-rating-logo::before {
    content: '';
    background: transparent no-repeat 0 0;
    background-size: contain;
    min-height: 50px;
    width: 100px;
}



html:not(.webp) .checkout-success .checkout-rating .google-rating-logo::before {
    background-image: url(../img/google.png);
}
html.webp .checkout-success .checkout-rating .google-rating-logo::before {
    background-image: url(../img/google.webp);
}



.checkout-success .checkout-rating .button {
    margin: 0 0 0 0.75em;
}
.checkout-success .checkout-rating p {
    margin: 0;
    font: 400 14px/20px 'Titillium Web', sans-serif;
}
@media (max-width: 767px) {
    .checkout-success {
        margin: 15px 18px 15px 17px;
        border-radius: 12px;
    }
    .checkout-success .confirmation {
        padding: 0;
    }
    .checkout-success .progress {
        visibility: hidden;
        height: 0px;
    }
    .checkout-success .checkout-rating .google-rating-logo {
        margin: 0 0 0.75em 0;
    }
    .checkout-success .checkout-rating .button {
        margin: 0.75em 0 0 0;
    }
    .checkout-success .progress {
        flex-direction: column;
    }
    .checkout-success .progress .step {
        padding-top: 40px;
    }
}
.checkout-promotion {
    padding: 0;
    box-shadow: none;
}
.checkout-promotion .promotion-board {
    display: flex;
    justify-content: space-between;
    background: #f1f1f1;
}
.checkout-promotion .promotion-board .promotion {
    flex: 0 32%;
    text-align: center;
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
    position: relative;
}
.checkout-promotion .promotion-board .promotion.big {
    flex: 0 100%;
}
.checkout-promotion .promotion-board .promotion.middle {
    flex: 0 48%;
}
.checkout-promotion .promotion-board .promotion .promotion-title {
    color: #000;
    font: 600 18px/26px 'Titillium Web', sans-serif;
    display: flex;
    align-items: center;
    height: 86px;
}
.checkout-promotion .promotion-board .promotion .promotion-title .promotion-badge::before {
    content: '';
    display: block;
    flex: 0 0 auto;
    width: 86px;
    height: 86px;
    margin: -40px -20px 0px -20px;
}
.checkout-promotion .promotion-board .promotion .promotion-title .promotion-badge.new::before {
    background: url(../img/badge-neu.svg) no-repeat 0 0;
    background-size: 86px 86px;
}
.checkout-promotion .promotion-board .promotion .promotion-title .promotion-badge.hint::before {
    background: url(../img/badge-tipp.svg) no-repeat 0 0;
    background-size: 86px 86px;
}
.checkout-promotion .promotion-board .promotion .promotion-title .promotion-badge.important::before {
    background: url(../img/badge-wichtig.svg) no-repeat 0 0;
    background-size: 86px 86px;
}
.checkout-promotion .promotion-board .promotion .promotion-title span {
    padding-right: 20px;
}
.checkout-promotion .promotion-board .promotion .promotion-images {
    position: relative;
}
.checkout-promotion .promotion-board .promotion .promotion-images img {
    width: 100%;
    height: auto;
}
.checkout-promotion .promotion-board .promotion .promotion-images .over-image {
    width: 103px;
    height: auto;
    position: absolute;
    left: 5%;
    top: 20%;
}
.checkout-promotion .promotion-board .promotion .promotion-images .over-image.special {
    width: 130px;
}
.checkout-promotion .promotion-board .promotion .promotion-description {
    color: #000;
    font: 400 14px/20px 'Titillium Web', sans-serif;
    padding: 18px;
    min-height: 100px;
}
.checkout-promotion .promotion-board .promotion .promotion-button {
    display: block;
}
.checkout-promotion .promotion-board .promotion .button {
    margin: 0 0 30px 0;
    text-transform: uppercase;
    padding: 8px 25px;
    font: 602 14px/24px 'Titillium Web', sans-serif;
    letter-spacing: 1px;
}
@media (max-width: 767px) {
    .checkout-promotion .promotion-board {
        flex-direction: column;
    }
    .checkout-promotion .promotion-board .promotion {
        margin: 5px 18px 15px 17px;
        border-radius: 12px;
    }
    .checkout-promotion .promotion-board .promotion .button {
        width: 60%;
    }
}
/**
 * Contentpage
 */
.contentpage .main .go-back-button-block {
    display: none;
}
.contentpage .main .go-back-button-block.sticky .go-back-button-wrapper {
    position: fixed;
    z-index: 9900;
    background-color: #ffffff;
    padding-top: 5px;
}
.contentpage .main .go-back-button-block .go-back-button-wrapper {
    transition: background-color 0.2s ease;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 20px 20px 20px;
}
.contentpage .main .go-back-button-block .go-back-button-wrapper .go-back-button {
    background: #888888;
    border-radius: 3px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    cursor: pointer;
    font: 600 18px/26px 'Titillium Web', sans-serif;
    letter-spacing: 2px;
    padding: 12px 30px;
    text-transform: uppercase;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    width: 100%;
}
.contentpage .contentpage-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.contentpage .contentpage-button {
    background: var(--theme-primary-default, #29aa5d);
    border-radius: 3px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    flex: 0 0 auto;
    font: 600 18px/26px 'Titillium Web', sans-serif;
    letter-spacing: 2px;
    padding: 12px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    flex-basis: 50%;
}
.contentpage .contentpage-button.contentpage-button-support {
    /*flex-basis: 32%;*/
    letter-spacing: 1px;
}
.contentpage .contentpage-button.contentpage-button-support-invoice {
    background: #055cc5;
}
.contentpage .contentpage-button.contentpage-button-support-invoice:hover {
    background: #004bb1;
    color: #fff;
}
.contentpage .contentpage-button:hover {
    background: var(--theme-primary-hover, #37b466);
    color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}
.contentpage .contentpage-button.loading {
    background-color: #bdbdbd;
}
.contentpage .contentpage-button.secondary {
    background: transparent;
    box-shadow: none;
    color: #888;
    padding: 12px 0;
}
.contentpage .contentpage-button.secondary:hover {
    background: transparent;
    color: #888;
    box-shadow: none;
}
.contentpage .contentpage-button.secondary.loading {
    background-color: transparent;
}
.contentpage .contentpage-button.tertiary {
    font: 600 14px/20px 'Titillium Web', sans-serif;
    background: #055cc5;
    color: #fff;
    letter-spacing: 1px;
    padding: 10px 15px;
    text-transform: none;
}
.contentpage .contentpage-button.tertiary:hover {
    background: #004bb1;
    color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}
.contentpage .contentpage-button.button-block {
    display: block;
    margin-top: 1em;
}
@media (max-width: 767px) {
    .contentpage .contentpage-buttons {
        flex-direction: column;
        gap: 0.5em;
    }
}
/**
 * Customer Support
 */
.customer-support .content {
    margin-bottom: 0;
}
.customer-support .customer-support-block {
    background: none;
    box-shadow: none;
    padding: 0;
}
.customer-support .customer-support-header {
    text-align: center;
}
.support-form textarea {
    width: 100%;
    background: #fff;
    border: 2px solid #d9d9d9;
    border-radius: 3px;
    box-sizing: border-box;
    color: #000;
    display: block;
    font: 400 14px/28px 'Titillium Web', sans-serif;
    padding: 0 10px;
    transition: border 0.2s ease;
    resize: none;
}
.support-form textarea:hover {
    border-color: #888;
}
.support-form textarea:focus {
    border-color: #055cc5;
}
.support-form .form .form-field .group .item,
.support-form .form .form-field .group .group-item {
    display: flex;
    flex: 0 1 auto;
    flex-flow: row nowrap;
}
.faq-block-title {
    font: 700 24px/28px 'Titillium Web', sans-serif;
    margin: 1.5em 0 1em 0;
    color: #000;
    text-align: center;
    padding: 0 20px;
}
.faq {
    align-items: center;
    transition: padding 0.2s ease;
}
.faq .faq-contents {
    margin-top: 1.5em;
}
.faq .faq-question {
    border-bottom: 2px solid #eeeeee;
    display: block;
}
.faq .faq-question:last-child {
    border-bottom: none;
}
.faq .faq-question.open .faq-text {
    margin: 0 0 1em 22px;
    display: block;
}
.faq .faq-question.open .faq-text a {
    color: #000;
    text-decoration: underline;
}
.faq .faq-question.open .faq-text a:hover {
    text-decoration: none;
}
.faq .faq-question.open .faq-text p {
    color: #000;
    font: 400 16px/24px 'Titillium Web', sans-serif;
    margin: 0 0 20px 0;
}
.faq .faq-question.open .faq-title::before {
    transform: rotate(0);
    background-color: #055cc5;
}
.faq .faq-question .faq-title {
    display: flex;
    align-items: center;
    margin: 0.8em 0;
    font: 600 18px/22px 'Titillium Web', sans-serif;
}
.faq .faq-question .faq-title::before {
    content: '';
    background-color: #888;
    -webkit-mask-image: url(../img/icon-faq-question.svg);
    mask-image: url(../img/icon-faq-question.svg);
    background-size: 12px;
    width: 12px;
    height: 8px;
    transform: rotate(-90deg);
    transition: transform 0.3s ease, background-color 0.3s ease;
    margin-right: 10px;
    flex-shrink: 0;
}
.faq .faq-question:last-child .faq-text {
    margin-bottom: 0;
}
.faq .faq-question:last-child .faq-text p:last-child {
    margin-bottom: 0;
}
.faq select {
    font-weight: 600;
}
.faq .faq-category:last-child {
    margin-bottom: 0;
}
.faq .faq-category:first-child {
    margin-top: 0;
}
.faq .faq-category:first-child .block-title {
    margin-top: 0px;
}
.faq .faq-category .block-title {
    margin-top: 30px;
}
.support-order-form {
    margin-top: 1.5em;
    margin-bottom: 0;
}
.support-order-form .form {
    margin-bottom: 0;
}
.support-order-form .support-form {
    display: none;
}
.support-topic label {
    border-radius: 3px;
    color: #000;
    font: 600 16px/20px 'Titillium Web', sans-serif;
    cursor: pointer;
}
.support-topic input[type='checkbox'], .support-topic input[type='radio'] {
    background: #fff;
    border: 2px solid #d9d9d9;
    border-radius: 50%;
    box-sizing: border-box;
    display: block;
    flex: 0 0 auto;
    font-size: inherit;
    height: 26px;
    margin: 0 10px 0 0;
    transition: border 0.2s ease;
    width: 26px;
    cursor: pointer;
}
.support-topic input[type='checkbox']:hover, .support-topic input[type='radio']:hover {
    border: 2px solid #888;
}
.support-topic input[type='checkbox']::after, .support-topic input[type='radio']::after {
    background: #055cc5;
    border: 3px solid #fff;
    border-radius: 2px;
    box-sizing: border-box;
    content: '';
    display: none;
    height: 100%;
    width: 100%;
}
.support-topic input[type='checkbox']:checked::after, .support-topic input[type='radio']:checked::after {
    display: block;
}
.support-topic input[type='checkbox']::after, .support-topic input[type='radio']::after {
    border-radius: 50%;
}
.support-topic .support-topic-title {
    display: flex;
    align-items: center;
    margin: 0.8em 0;
    font: 600 18px/22px 'Titillium Web', sans-serif;
}
.support-topic .support-topic-title::before {
    transform: unset;
    background-color: #055cc5;
}
.support-topic:last-child .support-topic-title {
    margin-bottom: 0;
}
.support-topic a {
    color: #000;
    text-decoration: underline;
}
.support-topic a:hover {
    text-decoration: none;
}
.dropzone .drop {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    width: 100%;
    border-width: 2px;
    border-radius: 3px;
    border-color: #d9d9d9;
    border-style: dashed;
    background-color: #fafafa;
    outline: none;
    margin: 10px 0;
    transition: border 0.25s ease, background-color 0.25s ease, color 0.25s ease;
    color: #888;
}
.dropzone .drop.dragging {
    color: #000;
    border-color: #055cc5;
}
.dropzone .preview {
    display: flex;
    flex-wrap: wrap;
    padding-top: 1em;
}
.dropzone .preview .icon-button-bar {
    margin-top: 0.5em;
}
.dropzone .preview img, .dropzone .preview canvas {
    border: 2px solid #cdcdcd;
    padding: 0.5em;
    cursor: pointer;
    max-width: 100%;
    height: fit-content;
}
.dropzone .preview .remove-button {
    margin: 0;
    background: grey;
    display: block;
    width: 25px;
    height: 25px;
    -webkit-mask-image: url(../img/trash.svg);
    mask-image: url(../img/trash.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: background-color 0.2s ease;
}
.dropzone .preview .remove-button:hover {
    background-color: #2f2f2f;
}
.image-preview .icon-button-bar, .dropzone .icon-button-bar {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    align-items: center;
    gap: 0.5em;
}
.image-preview .icon-button-bar .icon-button, .dropzone .icon-button-bar .icon-button {
    margin: 0;
}
.image-preview .icon-button-bar .icon-button::before, .dropzone .icon-button-bar .icon-button::before {
    background-image: url(../img/rotate-cw.svg);
    margin-right: 10px;
}
.image-preview .icon-button-bar .icon-button.left::before, .dropzone .icon-button-bar .icon-button.left::before {
    background-image: url(../img/rotate-ccw.svg);
    margin-right: 10px;
}
@media (max-width: 767px) {
    .customer-support-block {
        margin-top: 1em;
    }
}
/**
 * Feedback
 */
.feedback .content {
    margin-bottom: 0;
}
/**
 * Spinner
 */
.spinner.loading {
    padding: 50px;
    position: relative;
    text-align: center;
}
.spinner.loading:before {
    content: "";
    height: 30px;
    width: 30px;
    margin: -15px auto auto -15px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-width: 8px;
    border-style: solid;
    border-color: #2180c0 #ccc #ccc;
    border-radius: 100%;
    animation: rotation 0.7s infinite linear;
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}








.reviews-blocks {
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.reviews-blocks.min-height {
    min-height: 52px;
}

.reviews-blocks .reviews-block {
    display: inline-flex;
    width: 40px;
    height: 40px;
}

.reviews-blocks .reviews-block .path-block {
    fill: #dcdce6 !important;
}

.reviews-blocks[data-active-state="1"] .reviews-block.active .path-block {
    fill: #ff3822 !important;
}
.reviews-blocks[data-active-state="2"] .reviews-block.active .path-block {
    fill: #ff8623 !important;
}
.reviews-blocks[data-active-state="3"] .reviews-block.active .path-block {
    fill: #ffce05 !important;
}
.reviews-blocks[data-active-state="4"] .reviews-block.active .path-block {
    fill: #74cf10 !important;
}
.reviews-blocks[data-active-state="5"] .reviews-block.active .path-block {
    fill: #05b67a !important;
    fill: #29aa5d !important;
}






.review-widgets {
    display: flex;
    position: relative;
    flex-direction: column;
    overflow: auto;
    max-width: 100%;
    gap: 1rem;
}

.review-widgets .widget-element {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    gap: 10px;
    color: #000;
    border: 1px solid #0085f7;
    /*padding: 8px 6px;*/
    padding: 15px;
    height: 52px;
}

.review-widgets .widget-element:hover,
.review-widgets .widget-element:focus {
    text-decoration: none !important;
}

.review-widgets .widget-element span {
    display: inline-flex;
    font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-weight: 500;
    height: 22px;
}

.review-widgets .widget-element .icon {
    display: inline-flex;
    width: 60px;
    height: 20px;
}

.reviews-widget-element.has-transform {
    position: relative;
}
.reviews-widget-element.has-transform > .reviews-widget {
    transform: translateX(-50px);
}





@media all and (min-width: 576px) {






    /*.reviews-widget-element.has-transform {*/
    /*  display: flex;*/
    /*  position: relative;*/
    /*  width: 350px;*/
    /*  gap: 1rem;*/
    /*}*/

    /*.reviews-widget-element.has-transform > .reviews-widget {*/
    /*  transform: translateX(-50px);*/
    /*}*/



    /*.reviews-widget-element.has-transform {*/
    /*  display: block;*/
    /*  width: 350px;*/
    /*  gap: 1rem;*/
    /*}*/


    /*.reviews-widget-element .widget-element {*/
    /*  display: inline-flex;*/
    /*  align-items: center;*/
    /*  width: 250px;*/
    /*  height: 52px;*/
    /*}*/

    /*.reviews-widget-element.has-transform > .reviews-widget {*/
    /*  transform: translateX(-50px);*/
    /*}*/



    /*.reviews-widget-element .widget-element {*/

    /*}*/

    /*.reviews-widget-element .widget-element {*/
    /*  display: inline-flex;*/
    /*  align-items: center;*/
    /*  width: 250px;*/
    /*  height: 52px;*/
    /*}*/


}









/**
   * Rating
   */
.rating:not(.dynamic) {
    background: transparent no-repeat 0 0;
    background-size: 5em auto;
    display: block;
    height: 1em;
    width: 5em;
}
.rating:not(.dynamic) span {
    background: transparent no-repeat 0 -1em;
    background-size: 5em auto;
    display: block;
    height: 1em;
}

.rating.size-sm:not(.dynamic) {
    background: transparent no-repeat 0 0;
    background-size: 7.5em auto;
    height: 1.5em;
    width: 7.5em;
}
.rating.size-sm:not(.dynamic) span {
    background: transparent no-repeat 0 -1.5em;
    background-size: 7.5em auto;
    height: 1.5em;
}
.rating.size-md:not(.dynamic) {
    background: transparent no-repeat 0 0;
    background-size: 10em auto;
    height: 2em;
    width: 10em;
}
.rating.size-md:not(.dynamic) span {
    background: transparent no-repeat 0 -2em;
    background-size: 10em auto;
    height: 2em;
}




/*.rating:not(.dynamic) {*/
/*  background: url(../img/review-stars.png) no-repeat 0 0;*/
/*}*/
/*.rating:not(.dynamic) span {*/
/*  background: url(../img/review-stars.png) no-repeat 0 -1em;*/
/*}*/

/*.rating.size-sm:not(.dynamic) {*/
/*  background: url(../img/review-stars.png) no-repeat 0 0;*/
/*}*/
/*.rating.size-sm:not(.dynamic) span {*/
/*  background: url(../img/review-stars.png) no-repeat 0 -1.5em;*/
/*}*/
/*.rating.size-md:not(.dynamic) {*/
/*  background: url(../img/review-stars.png) no-repeat 0 0;*/
/*}*/
/*.rating.size-md:not(.dynamic) span {*/
/*  background: url(../img/review-stars.png) no-repeat 0 -2em;*/
/*}*/









/**
 * Rating
 */


:root {
    /*--rating-stars-url-png: url(../img/review-stars.png);*/
    /*--rating-stars-url-webp: url(../img/review-stars.webp);*/

    --rating-stars-url-png: url(../img/trustpilot-stars.png);
    --rating-stars-url-webp: url(../img/trustpilot-stars.webp);

}


html:not(.webp) .rating:not(.dynamic),
html:not(.webp) .rating:not(.dynamic) span {
    background-image: var(--rating-stars-url-png, url(../img/review-stars.png));
}

html.webp .rating:not(.dynamic),
html.webp .rating:not(.dynamic) span {
    background-image: var(--rating-stars-url-webp, url(../img/review-stars.webp));
}


html:not(.webp) .rating.stars-green:not(.dynamic),
html:not(.webp) .rating.stars-green:not(.dynamic) span {
    background-image: url(../img/stars-green.png);
}

html.webp .rating.stars-green:not(.dynamic),
html.webp .rating.stars-green:not(.dynamic) span {
    background-image: url(../img/stars-green.webp);
}


html:not(.webp) .rating.stars-yellow:not(.dynamic),
html:not(.webp) .rating.stars-yellow:not(.dynamic) span {
    background-image: url(../img/stars-yellow.png);
}

html.webp .rating.stars-yellow:not(.dynamic),
html.webp .rating.stars-yellow:not(.dynamic) span {
    background-image: url(../img/stars-yellow.webp);
}




.item-wrapper.is-block {
    display: block !important;
}
.item-wrapper.is-block .item-availability.inline-block {
    display: inline-block;
    vertical-align: top;
}
.item-wrapper.is-block .item-availability.inline-block:not(:last-child) {
    margin-right: 20px;
}

.cart .item .items-availability {
    display: block;
}

.cart .item .items-availability .item-availability {
    display: block;
    margin: 0 0 5px;
}


@media all and (min-width: 576px) {


    .cart .item .items-availability {
        width: 500px;
        max-width: 100%;
    }


    .cart .item .items-availability .item-availability {
        display: inline-block;
        min-width: 170px;
    }


}


@media all and (max-width: 575px) {


    .cart .item .items-availability .item-availability {
        display: inline-block;
        margin: 0 5px 5px 0;
        min-width: 150px;
    }
    .cart .item .items-availability .item-availability:nth-child(2n) {
        min-width: 175px;
    }


    .overview.emissionsticker.is-compact .emission-sticker-preview {
        padding-top: 0 !important;
    }




}






/**
 * Cart
 */
.cart .item {
    border-bottom: 2px solid #eeeeee;
    padding: 0 0 20px 0;
}
.cart .item:not(.zero) {
    margin: 20px 0 20px 0;
}
.cart.bottom .item {
    padding-bottom: 30px;
}
.cart.exactly .item:first-child {
    margin-top: 0 !important;
}
.cart.exactly .item:last-child {
    margin-bottom: 0 !important;
    border-bottom: none !important;
}
.cart .item .item-wrapper {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.cart .item .item-wrapper.align-start {
    align-items: start;
}
.cart .item .item-thumb {
    flex: 0 0 auto;
    font-size: 4px;
    margin: 0 auto 0 5px;
    display: flex;
}
.cart .item .item-thumb.column {
    flex-direction: column;
}
.cart .item .item-thumb.zero {
    margin: 0 auto 0 0;
}


.cart .item .item-thumb.has-absolute > .item-thumb.is-absolute {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -60px;
    display: flex;
    flex-direction: row-reverse;
    gap: 0 20px;
}
.cart .item .item-thumb.has-absolute > .item-thumb.is-absolute > .thumb-emission-sticker-image {
    margin-right: 0;
}


.cart .item .item-qty {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
}
.cart .item .item-qty .item-qty-field {
    background: #fff url(../img/icon-select.svg) no-repeat right center;
    background-size: 36px 36px;
    border: 2px solid #d9d9d9;
    border-radius: 3px;
    box-sizing: border-box;
    color: #000;
    display: block;
    flex: 0 0 auto;
    font: 400 14px/28px 'Titillium Web', sans-serif;
    height: 40px;
    padding: 0 20px 0 10px;
    position: relative;
    transition: border 0.2s ease;
    width: 55px;
}
.cart .item .item-qty .item-qty-field:not(:disabled):hover {
    border-color: #888;
}
.cart .item .item-qty .item-qty-field:not(:disabled):focus {
    border-color: #055cc5;
}
.cart .item .item-qty .item-qty-field:disabled {
    background: none;
    width: auto;
    height: auto;
    padding: 0 10px;
    opacity: 1;
}
.cart .item .item-qty .item-remove {
    background: transparent;
    flex: 0 0 auto;
    height: 15px;
    margin: 0 0 0 5px;
    position: relative;
    width: 15px;
}
.cart .item .item-qty .item-remove::before {
    background: #bfbfbf;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    width: 100%;
    height: 2px;
}
.cart .item .item-qty .item-remove::after {
    background: #bfbfbf;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 100%;
    height: 2px;
}
.cart .item .item-price {
    flex: 0 0 auto;
    flex-flow: column nowrap;
}
.cart .item .item-price .strike {
    align-self: flex-end;
    flex: 0 0 auto;
    order: 2;
}
.cart .item .item-price .sale {
    align-self: flex-end;
    flex: 0 0 auto;
    margin: 0;
    order: 1;
}
.cart .item .item-name {
    color: #000;
    flex: 0 0 100%;
    font: 700 18px/22px 'Titillium Web', sans-serif;
    margin: 15px 0 10px 0;
}
.cart .item .item-name.no-top {
    margin-top: 0 !important;
}
.cart .item .item-availability {
    flex: 0 0 auto;
    margin: 0 0 15px 0;
}
.cart .item .item-edit {
    background: transparent;
    color: #888888;
    flex: 0 0 auto;
    font: 400 12px/16px 'Titillium Web', sans-serif;
    margin: 0 0 15px 0;
    cursor: pointer;
}
.cart .item .item-edit button {
    background: transparent;
    color: #888888;
}
.cart .item .item-edit button:not(:last-child) {
    margin-right: 10px;
}
.cart .item .item-upselling {
    flex: 0 0 100%;
}
.cart .item .item-upselling .item {
    border-bottom: 0;
    padding: 8px 10px 8px 15px;
}
.cart .item .item-upselling .item .item-wrapper .thumb-numberplate {
    font-size: 1px;
}
.cart .item .item-upselling .item .item-wrapper .item-name {
    font: 700 14px/20px 'Titillium Web', sans-serif;
    margin: 0;
}
.cart .item .item-upselling .item .item-wrapper .item-price {
    font: 400 12px/18px 'Titillium Web', sans-serif;
    margin: 0;
}
.cart .item .item-upselling .item .item-add {
    font: 600 12px/20px 'Titillium Web', sans-serif;
    margin: 0 0 0 15px;
    padding: 5px 0;
    width: 105px;
}
.cart .item .item-upselling .item.selected .item-add {
    padding: 3px 0;
}
.cart .buymore-button {
    background: #055cc5;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font: 600 14px/20px 'Titillium Web', sans-serif;
    letter-spacing: 1px;
    margin: 0 0 0 auto;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
}
.cart .buymore-button:hover {
    background: #004bb1;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
    text-decoration: none !important;
    color: #fff;
}

.cart .buymore-button.green {
    background: var(--theme-primary-default, #29aa5d);
}
.cart .buymore-button.green:hover {
    background: var(--theme-primary-hover, #37b466);
}

.cart .buttongrid {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    padding: 0 10px 5px 10px;
    justify-content: space-between;
}
.cart .buttongrid .stripe-button {
    height: 45px;
    margin-bottom: 5px;
}
.cart .buttongrid .buttongrid-1 {
    flex: 0 0 100%;
    text-align: center;
}
.cart .buttongrid .buttongrid-1 .error-message {
    color: #bc0000;
}
.cart .buttongrid .buttongrid-seperator {
    color: #888;
    font: 600 14px/20px 'Titillium Web', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    flex: 0 0 100%;
    text-align: center;
    padding-bottom: 5px;
}
.cart .buttongrid .buttongrid-2 {
    flex: 0 0 100%;
}
.cart .buttongrid .button {
    background: var(--theme-primary-default, #29aa5d);
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font: 600 14px/20px 'Titillium Web', sans-serif;
    letter-spacing: 1px;
    margin: 0 0 0 auto;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    width: 100%;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
}
.cart .buttongrid .button:hover {
    background: var(--theme-primary-hover, #37b466);
    color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
    .cart .item .item-thumb .thumb-numberplate {
        font-size: 3.5px;
    }
}
@media (max-width: 374px) {
    .cart .item .item-thumb .thumb-numberplate {
        font-size: 3px;
    }
}
/**
 * Availability
 */
.availability {
    /*font: 400 12px/16px 'Titillium Web', sans-serif;*/
    font: 600 13px/17px 'Titillium Web', sans-serif;
}
.availability::before {
    content: '';
    display: block;
    float: left;
    height: 10px;
    margin: 3px 5px 3px 0;
    width: 10px;
}
.availability:not([data-before])::before {
    border-radius: 50%;
}


/*.availability.red {*/
/*  color: #a52019;*/
/*}*/
/*.availability.red:not([data-before])::before {*/
/*  background: #a52019;*/
/*}*/
/*.availability.yellow {*/
/*  color: #e5be01;*/
/*}*/
/*.availability.yellow:not([data-before])::before {*/
/*  background: #e5be01;*/
/*}*/
/*.availability.green {*/
/*  color: var(--theme-primary-default, #29aa5d);*/
/*}*/
/*.availability.green:not([data-before])::before {*/
/*  background: var(--theme-primary-default, #29aa5d);*/
/*}*/


.availability.red {
    color: #a52019;
}
.availability.red:not([data-before])::before {
    background: #a52019;
}
.availability.yellow {
    color: #e5be01;
}
.availability.yellow:not([data-before])::before {
    background: #e5be01;
}
.availability.green {
    color: var(--theme-primary-default, #29aa5d);
}
.availability.green:not([data-before])::before {
    background: var(--theme-primary-default, #29aa5d);
}




.availability[data-before="check"]::before {
    color: currentColor;
    content: '✓';
    line-height: 12px;
    font-size: 1.25em;
}


/**
 * Price
 */
.price {
    align-items: center;
    display: flex;
    flex-direction: column;
}
.price .price-text-wrapper {
    display: flex;
}
.price .sale {
    color: #000;
    flex: 0 0 auto;
    font: 700 18px/22px 'Titillium Web', sans-serif;
    margin: 0 0 0 6px;
}
.price .strike {
    color: #000;
    flex: 0 0 auto;
    font: 400 12px/16px 'Titillium Web', sans-serif;
    position: relative;
    margin-left: auto;
}
.price .strike:not(.regular)::before {
    background: #bb1616;
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    top: 8px;
    transform: rotate(-10deg);
}
.price .strike.top {
    margin-top: 15px;
}

/**
 * Upselling
 */
.upselling .item {
    align-items: center;
    background: #eeeeee;
    border-radius: 3px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0 0 10px 0;
    padding: 10px 15px 10px 10px;
    position: relative;
}
.upselling .item:last-child {
    margin-bottom: 0;
}
.upselling .item .item-wrapper {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-flow: row nowrap;
    justify-content: flex-start;
}
.upselling .item .item-wrapper .item-group {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column wrap;
}
.upselling .item .item-wrapper .item-thumb {
    background: #fff;
    border-radius: 2px;
    flex: 0 0 auto;
    height: 60px;
    margin: 0 20px 0 0;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.upselling .item .item-wrapper .item-thumb img {
    width: 80%;
}
.upselling .item .item-wrapper .item-name {
    color: #000;
    flex: 1 1 auto;
    font: 700 16px/24px 'Titillium Web', sans-serif;
}
.upselling .item .item-wrapper .item-name .item-qty-field {
    background: transparent;
    border: 2px solid #D9D9D9;
    border-radius: 3px;
    font: 700 14px/20px 'Titillium Web', sans-serif;
    margin: 0;
    padding: 0 4px;
    width: auto;
}
.upselling .item .item-wrapper .item-price {
    color: #000;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row nowrap;
    font: 400 14px/20px 'Titillium Web', sans-serif;
}
.upselling .item .item-wrapper .item-price .item-info {
    flex: 0 0 auto;
    margin: 3px 0 3px 8px;
}
.upselling .item .item-wrapper .item-price .item-info .item-info-icon {
    cursor: pointer;
    background: #888;
    border-radius: 3px;
    color: #fff;
    font: 700 11px/14px 'Titillium Web', sans-serif;
    height: 14px;
    text-align: center;
    width: 14px;
}
.upselling .item .item-wrapper .item-price .item-info .item-info-layer {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    color: #000;
    display: flex;
    align-items: center;
    font: 400 12px/18px 'Titillium Web', sans-serif;
    left: 0;
    margin: 20px 10px 0 80px;
    padding: 0px 15px;
    position: absolute;
    right: 0;
    z-index: 5000;
}
.upselling .item .item-wrapper .item-price .item-info .item-info-layer img {
    height: 80px;
    margin: 10px 10px 10px 0;
}
.upselling .item .item-wrapper .item-price .item-info .item-info-layer .item-info-layer-content {
    margin: 10px 0;
}
.upselling .item .item-wrapper .item-price .item-info .item-info-layer-wrapper {
    display: none;
}
.upselling .item .item-wrapper .item-price .item-info .item-info-layer-wrapper::before {
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    content: '';
    display: block;
    height: 14px;
    margin: 12px 0 0 0;
    position: absolute;
    width: 14px;
    z-index: 5500;
    transform: rotate(-45deg);
}
.upselling .item .item-wrapper .item-price .item-info .item-info-layer-wrapper::after {
    background: #fff;
    content: '';
    display: block;
    height: 10px;
    margin: 20px 0 0 -10px;
    position: absolute;
    width: 30px;
    z-index: 5500;
}
.upselling .item .item-add {
    background: #055cc5;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    flex: 0 0 auto;
    font: 600 14px/20px 'Titillium Web', sans-serif;
    letter-spacing: 1px;
    margin: 0 0 0 15px;
    padding: 10px 0;
    text-align: center;
    width: 125px;
    text-transform: uppercase;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.upselling .item .item-add:hover {
    background: #004bb1;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
}
.upselling .item.selected .item-add {
    color: #888;
    background: #eee;
    border: 2px solid #888;
    padding: 8px 0;
}
@media (max-width: 767px) {
    .upselling .item {
        padding: 6px 10px 6px 6px;
    }
    .upselling .item .item-wrapper {
        margin: 0;
    }
    .upselling .item .item-wrapper .item-thumb {
        height: 42px;
        margin: 0 10px 0 0;
        width: 42px;
    }
    .upselling .item .item-wrapper .item-name {
        font: 700 14px/20px 'Titillium Web', sans-serif;
    }
    .upselling .item .item-wrapper .item-price {
        font: 400 12px/18px 'Titillium Web', sans-serif;
        margin: 0;
    }
    .upselling .item .item-wrapper .item-price .item-info {
        margin: 2px 0 2px 6px;
    }
    .upselling .item .item-wrapper .item-price .item-info .item-info-layer {
        margin: 20px 6px 0 54px;
    }
    .upselling .item .item-add {
        font: 600 12px/20px 'Titillium Web', sans-serif;
        margin: 0 0 0 15px;
        padding: 5px 0;
        width: 105px;
    }
    .form-upselling .item.selected .item-wrapper .item-name .item-qty-field {
        border-color: #c6c6c6;
    }
    .form-upselling .item.selected .item-add {
        background: #e1e1e1;
        padding: 3px 0;
    }
}
/**
 * Payment
 */
.payment {
    margin: -10px 0 -10px 0;
}
.payment .item {
    align-items: center;
    border-bottom: 2px solid #eeeeee;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 10px 0;
}
.payment .item .payment-icon {
    height: 32px;
    cursor: pointer;
}
.payment .item .item-name {
    align-items: center;
    color: #000;
    display: flex;
    font: 600 14px/28px 'Titillium Web', sans-serif;
    flex: 1 1 auto;
    flex-flow: row nowrap;
}
.payment .item .item-name input[type='radio'] {
    background: #fff;
    border: 2px solid #d9d9d9;
    border-radius: 50%;
    box-sizing: border-box;
    display: block;
    flex: 0 0 auto;
    font-size: inherit;
    height: 26px;
    margin: 0 8px 0 0;
    transition: border 0.2s ease;
    width: 26px;
}
.payment .item .item-name input[type='radio']:hover {
    border: 2px solid #888;
}
.payment .item .item-name input[type='radio']::after {
    background: #055cc5;
    border: 3px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    content: '';
    display: none;
    height: 100%;
    width: 100%;
}
.payment .item .item-name input[type='radio']:checked::after {
    display: block;
}
.payment .item .item-name label {
    flex: 1 1 auto;
}
.payment .item .item-logo {
    background: #eeeeee;
    border-radius: 2px;
    flex: 0 0 80px;
    height: 32px;
    width: 80px;
}
.payment .item .item-description {
    color: #888;
    display: none;
    flex: 1 0 100%;
    font: 400 12px/18px 'Titillium Web', sans-serif;
    padding: 10px 0 10px 34px;
}
.payment .item .item-description .credit-card-description {
    box-shadow: none;
    border: 1px solid gray;
    width: 100%;
    border-radius: 4px;
    height: 44px;
    padding: 12px;
}
.payment .item.active .item-description {
    display: block;
}
.payment .item-disabled {
    pointer-events: none;
}
.payment .item-disabled .item-name {
    color: #D9D9D9;
}
.payment .item-disabled .item-name input[type='radio']:hover {
    border: 2px solid #D9D9D9;
}
.payment .item-disabled .payment-icon {
    opacity: 0.3;
}
@media (min-width: 641px) {
    .payment .item:last-child {
        border-bottom: 0;
    }
}


/**
 * Carbon
 */
.carbon-pattern:not(.placeholder):not(.regular) {
    background-size: 0.125em;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    text-fill-color: transparent;
}



html:not(.webp) .carbon-pattern:not(.placeholder):not(.regular) {
    background-image: url(../img/carbon-pattern.png);
}
html.webp .carbon-pattern:not(.placeholder):not(.regular) {
    background-image: url(../img/carbon-pattern.webp);
}



.carbon-info {
    height: 27em;
    margin: 0 auto 1.75em auto;
    position: relative;
    width: 27em;
}
.carbon-info::before {
    background: #055cc5;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    content: '';
    display: block;
    height: 5em;
    left: 50%;
    position: absolute;
    bottom: -4.5em;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    width: 5em;
}
.carbon-info::after {
    background-size: 10px;
    border: 2px solid #055cc5;
    border-radius: 50%;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    content: '';
    display: block;
    height: 27em;
    position: absolute;
    width: 27em;
}


html:not(.webp) .carbon-info::after {
    background-image: url(../img/carbon-pattern.png);
}
html.webp .carbon-info::after {
    background-image: url(../img/carbon-pattern.webp);
}



/**
 * Invoice
 */
.block-invoices {
    padding-bottom: 20px;
}
.invoice .invoice-wrapper {
    border-bottom: 2px solid #eeeeee;
    margin: 20px 0 20px 0;
    padding: 0 0 20px 0;
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.invoice .invoice-wrapper:last-child {
    border-bottom: none;
    padding: 0;
}
.invoice .invoice-wrapper .invoice-name {
    color: #000;
    flex: 0 0 40%;
    font: 700 18px/22px 'Titillium Web', sans-serif;
    margin: 15px 0 10px 0;
}
.invoice .invoice-wrapper .invoice-status {
    color: #cdcdcd;
    font: 600 14px/16px 'Titillium Web', sans-serif;
    margin: 15px 0 10px 0;
    flex: auto;
}
.invoice .invoice-wrapper .invoice-form {
    background: #efefef;
    margin: 10px 0;
    border: 1px solid #cdcdcd;
}
.invoice .invoice-wrapper .invoice-form form {
    margin: 15px 0 10px 0;
}
.invoice .invoice-wrapper .invoice-form form .block-title {
    margin: 0 0 30px 15px;
    font: 700 18px/22px 'Titillium Web', sans-serif;
}
.delivery-actions, .invoice-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin-left: auto;
}
.delivery-actions button, .invoice-actions button {
    background: var(--theme-primary-default, #29aa5d);
    border-radius: 3px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    flex: 0 0 auto;
    font: 600 14px/16px 'Titillium Web', sans-serif;
    letter-spacing: 1px;
    padding: 12px 15px;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.delivery-actions button:not(:disabled):hover, .invoice-actions button:not(:disabled):hover {
    background: var(--theme-primary-hover, #37b466);
    color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}
.delivery-actions button:disabled, .invoice-actions button:disabled {
    background-color: #808080;
}
.delivery-actions button.secondary, .invoice-actions button.secondary {
    background: #055cc5;
    color: #fff;
}
.delivery-actions button.secondary:hover, .invoice-actions button.secondary:hover {
    background: #004bb1;
    color: #fff;
}
.delivery-actions .hint, .invoice-actions .hint {
    color: #a1a1a1;
    font: 600 14px/16px 'Titillium Web', sans-serif;
    margin-top: 0.25em;
    min-width: 8em;
    flex: auto;
    max-width: 170px;
}
@media (max-width: 756px) {
    .invoice .invoice-wrapper .invoice-name {
        flex: 0 0 100%;
    }
    .invoice .invoice-wrapper .invoice-actions {
        width: 100%;
    }
    .invoice .invoice-wrapper .invoice-actions .button-wrapper {
        width: 94vw;
        position: relative;
        margin-left: -48vw;
        left: 52%;
    }
    .invoice .invoice-wrapper .invoice-actions .button-wrapper button {
        width: 100%;
    }
}
/**
 * Delivery
 */
.block-deliveries {
    padding-bottom: 20px;
}
.delivery .delivery-wrapper {
    border-bottom: 2px solid #eeeeee;
    margin: 20px 0 20px 0;
    padding: 0 0 0.5em 0;
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.delivery .delivery-wrapper:last-child {
    border-bottom: none;
    padding: 0;
}
.delivery .delivery-wrapper .delivery-info {
    display: block;
    margin: 1em 1em 1em 0;
}
.delivery .delivery-wrapper .delivery-name {
    color: #000;
    font: 700 18px/22px 'Titillium Web', sans-serif;
}
.delivery .delivery-wrapper .delivery-status {
    color: #a1a1a1;
    font: 600 14px/16px 'Titillium Web', sans-serif;
    margin-top: 0.25em;
    min-width: 8em;
    flex: auto;
}
.delivery .delivery-wrapper .delivery-form {
    background: #efefef;
    margin: 10px 0;
    border: 1px solid #cdcdcd;
}
.delivery .delivery-wrapper .delivery-form form {
    margin: 15px 0 10px 0;
}
.delivery .delivery-wrapper .delivery-form form .block-title {
    margin: 0 0 30px 15px;
    font: 700 18px/22px 'Titillium Web', sans-serif;
}
.delivery .delivery-wrapper .delivery-items {
    flex-flow: row wrap;
    display: flex;
    width: 100%;
    background: #efefef;
    margin: 10px 0;
    border: 1px solid #cdcdcd;
}
.delivery .delivery-wrapper .delivery-items .delivery-item-wrapper {
    border-bottom: 2px solid #eeeeee;
    margin: 10px;
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}
.delivery .delivery-wrapper .delivery-items .delivery-item-wrapper .delivery-item-name {
    flex: 0 0 70%;
}
.delivery .delivery-wrapper .delivery-items .delivery-item-wrapper .delivery-license-plate {
    width: 100%;
}
.delivery .delivery-wrapper .delivery-items .delivery-item-wrapper .delivery-numberplate-wrapper {
    width: 100%;
}
.delivery .delivery-wrapper .delivery-items .delivery-item-wrapper .delivery-numberplate-wrapper .contentpage-buttons {
    margin-top: 15px;
}
.delivery .delivery-wrapper .delivery-items .delivery-item-wrapper .delivery-numberplate-wrapper .contentpage-buttons button {
    margin-left: auto;
}
.delivery .delivery-wrapper .delivery-items .numberplate {
    font-size: min(11px, 1.3vw);
}
.delivery .delivery-wrapper .delivery-error {
    color: #bb1616;
    width: 100%;
    text-align: center;
}
@media (max-width: 551px) {
    .delivery .delivery-wrapper .delivery-items .delivery-item-wrapper .delivery-item-name {
        flex: 0 0 100%;
    }
    .delivery .delivery-wrapper .delivery-items .delivery-item-wrapper .delivery-numberplate-wrapper .contentpage-buttons button {
        margin-left: unset;
    }
    .delivery .delivery-wrapper .delivery-actions {
        width: 100%;
    }
    .delivery .delivery-wrapper .delivery-actions .hint {
        max-width: unset;
    }
    .delivery .delivery-wrapper .delivery-actions .button-wrapper {
        width: 94vw;
        position: relative;
        margin-left: -48vw;
        left: 52%;
    }
    .delivery .delivery-wrapper .delivery-actions .button-wrapper button {
        width: 100%;
    }
    .delivery .delivery-wrapper .revocation-list {
        padding-top: 20px;
    }
}
.emission-sticker-info {
    font: 400 0.875em/1.5em 'Titillium Web', sans-serif;
    color: #000000;
    margin-bottom: 18px;
}
.emission-sticker-info.bottom-compact {
    margin-bottom: 10px;
}
.emission-sticker-info .add-bottom {
    margin-bottom: 10px;
}
.disclaimer {
    border: solid 1px #D65151;
    padding: 12px;
    margin-bottom: 20px;
}
.disclaimer p {
    margin: 0px;
}
.disclaimer span {
    font-weight: bold;
}
/**
 * Support Center Animation
 */
.delivery-loading {
    width: 100%;
    padding: 2em 0;
}
.delivery-loading .loading-truck {
    width: 12em;
    position: relative;
    animation: moving-truck 6s ease-in infinite;
}
.delivery-loading .shake {
    animation: shake 0.2s ease-in-out infinite alternate;
}
.delivery-loading .speedline {
    stroke-dasharray: 22;
    animation: line 2s ease-in-out infinite;
    animation-fill-mode: both;
}
.delivery-loading .speedline:nth-child(1) {
    animation-delay: 0.4s;
}
.delivery-loading .speedline:nth-child(2) {
    animation-delay: 0.8s;
}
.delivery-loading .speedline:nth-child(3) {
    animation-delay: 1.2s;
}
@keyframes line {
    0% {
        stroke-dashoffset: 22;
    }
    25% {
        stroke-dashoffset: 22;
    }
    50% {
        stroke-dashoffset: 0;
    }
    51% {
        stroke-dashoffset: 0;
    }
    80% {
        stroke-dashoffset: -22;
    }
    100% {
        stroke-dashoffset: -22;
    }
}
@keyframes shake {
    0% {
        transform: translateY(-1%);
    }
    100% {
        transform: translateY(1%);
    }
}
@keyframes moving-truck {
    0% {
        left: -40%;
    }
    95% {
        left: 110%;
    }
    100% {
        left: 110%;
    }
}
/**
 Voucher
 */
.voucher-field {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
}
.voucher-field .form-field {
    flex-basis: unset;
}
.voucher-field .form-field.voucher-input {
    flex-grow: 1;
}
.voucher-field .form-field.voucher-input input.success {
    border-color: var(--theme-primary-default, #29aa5d);
}
.voucher-field .form-field.voucher-input input.error {
    border-color: #bc0000;
}
.voucher-field .voucher-button {
    display: flex;
    margin-left: auto;
}
.voucher-field .voucher-button button {
    margin-top: auto;
}
.voucher-field .voucher-button button.loading {
    background-color: #bdbdbd;
    opacity: 0.2;
}
.voucher-field .voucher-button button.error {
    position: relative;
    top: -20px;
}
.voucher-form {
    margin-top: 2em;
}
#voucher-activated-label label {
    display: flex;
    flex-wrap: wrap;
}
#voucher-activated-label span {
    margin-left: 1em;
    color: var(--theme-primary-default, #29aa5d);
}
#voucher-activated-label a {
    flex-basis: 100%;
    margin-top: 0.25em;
}
@media (min-width: 768px) {
    #voucher-activated-label a {
        flex-basis: unset;
        margin-left: auto;
    }
}



.checkout .district-logo.baden-wuerrtemberg {
    background-position: 0 0em;
}
.checkout .district-logo.bayern {
    background-position: 0 -1.5em;
}
.checkout .district-logo.berlin {
    background-position: 0 -3em;
}
.checkout .district-logo.brandenburg {
    background-position: 0 -4.5em;
}
.checkout .district-logo.bremen {
    background-position: 0 -6em;
}
.checkout .district-logo.germany {
    background-position: 0 -7.5em;
}
.checkout .district-logo.hamburg {
    background-position: 0 -9em;
}
.checkout .district-logo.hessen {
    background-position: 0 -10.5em;
}
.checkout .district-logo.mecklenburg-vorpommern {
    background-position: 0 -12em;
}
.checkout .district-logo.niedersachsen {
    background-position: 0 -13.5em;
}
.checkout .district-logo.nordrhein-westfalen {
    background-position: 0 -15em;
}
.checkout .district-logo.rheinland-pfalz {
    background-position: 0 -16.5em;
}
.checkout .district-logo.saarland {
    background-position: 0 -18em;
}
.checkout .district-logo.sachsen-anhalt {
    background-position: 0 -19.5em;
}
.checkout .district-logo.sachsen {
    background-position: 0 -21em;
}
.checkout .district-logo.schleswig-holstein {
    background-position: 0 -22.5em;
}
.checkout .district-logo.thueringen {
    background-position: 0 -24em;
}

@media (max-width: 767px) {
    body.checkout:not(.no-space) {
        padding-top: 57px;
    }
}





/**
 * Utility Classes
 */
@media (max-width: 767px) {
    .mobile-hidden {
        display: none;
    }
}
@media (min-width: 768px) {
    .mobile-visible {
        display: none;
    }
}
/**
 * Header
 */
.header {
    background: #fff;
    padding: 15px 50px;
    transition: padding 0.2s ease, transform 0.2s ease;
}
.header .header-wrapper {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1200px;
}
.header .header-wrapper .header-logo {
    flex: 0 0 auto;
    height: 80px;
    text-decoration: none;
    transition: height 0.2s ease;
}
.header .header-wrapper .header-logo img {
    height: 80px;
    width: auto;
    transition: height 0.2s ease;
}
.header .header-wrapper .header-cart {
    background: url(../img/icon-cart-header.svg) no-repeat center center;
    background-size: 25px 25px;
    display: none;
    flex: 0 0 auto;
    height: 25px;
    position: relative;
    width: 25px;
}
.header .header-wrapper .header-cart span {
    background: #055cc5;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    font: 600 8px/12px 'Titillium Web', sans-serif;
    height: 16px;
    position: absolute;
    right: -6px;
    text-align: center;
    top: -6px;
    width: 16px;
    animation: headerCartPulse 1s infinite;
}
@keyframes headerCartPulse {
    0% {
        background: #055cc5;
    }
    100% {
        background: #ffcc00;
    }
}




/**
 * Sitemenu
 */
.sitemenu-open {
    display: none;
    flex: 0 0 auto;
    height: 25px;
    order: 1;
    position: relative;
    text-decoration: none;
    width: 25px;
}
.sitemenu-open .patty {
    background: #000;
    display: block;
    height: 2px;
    margin: 0 0 4px 0;
    width: 100%;
}
.sitemenu-open .text {
    color: #000;
    display: block;
    font: 600 8px/7px 'Titillium Web', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
.sitemenu {
    background: #F1F1F1;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    height: 100%;
    left: 0;
    overflow: auto;
    padding: 10px 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 20000;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}
.sitemenu.active {
    opacity: 1;
    visibility: visible;
}
.sitemenu .sitemenu-close {
    display: block;
    height: 28px;
    overflow: hidden;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 28px;
}
.sitemenu .sitemenu-close::before, .sitemenu .sitemenu-close::after {
    background: #fff;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 12px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: transform 0.2s ease;
    -moz-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
    width: 28px;
}
.sitemenu .sitemenu-close.active::before {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.sitemenu .sitemenu-close.active::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sitemenu .sitemenu-nav ul li {
    border-bottom: 2px solid #DBDBDB;
    color: #fff;
    font: 600 16px/28px 'Titillium Web', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.sitemenu .sitemenu-nav ul li a {
    color: #000;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    transition: color 0.2s ease;
}
.sitemenu .sitemenu-nav ul li ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding-bottom 0.4s ease;
}
.sitemenu .sitemenu-nav ul li ul li {
    border-bottom: none;
    font: 400 14px/24px 'Titillium Web', sans-serif;
    letter-spacing: normal;
    text-transform: none;
}
.sitemenu .sitemenu-nav ul li ul li a {
    padding: 5px 20px;
}
.sitemenu .sitemenu-nav ul li.option-cart {
    background-color: #055cc5;
}
.sitemenu .sitemenu-nav ul li.option-cart a {
    font-weight: bold;
    display: flex;
    flex-direction: row;
    color: #fff;
}
.sitemenu .sitemenu-nav ul li.option-cart a:hover {
    color: #ddd;
}
.sitemenu .sitemenu-nav ul li.option-cart a .cart-icon {
    background: url(../img/icon-cart-nav.svg) no-repeat center center;
    background-size: 25px 25px;
    align-self: center;
    height: 25px;
    width: 25px;
    margin-right: 20px;
}
.sitemenu .sitemenu-nav ul li.option-cart a .cart-icon span {
    background: #fff;
    border: 2px solid #055cc5;
    border-radius: 50%;
    color: #055cc5;
    font: 600 8px/12px 'Titillium Web', sans-serif;
    text-align: center;
    height: 16px;
    width: 16px;
    display: block;
    margin: -5px 0 0 14px;
    animation: navCartPulse 1s infinite;
}
.sitemenu .sitemenu-nav ul li.active ul {
    padding-bottom: 10px;
}
@media (max-width: 767px) {
    .sitemenu-open {
        display: block;
    }
}
/**
 * Nav
 */
.nav {
    display: block;
    position: relative;
    background: #F1F1F1;
    padding: 0 35px;
    z-index: 9000;
}
.nav .vehicle-list {
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto;
    max-width: 1230px;
    position: relative;
    padding-right: 59px;
}
.nav .vehicle-list li {
    font: 600 16px/24px 'Titillium Web', sans-serif;
    letter-spacing: 1px;
    position: relative;
    text-transform: uppercase;
    transition: background 0.2s ease;
}
.nav .vehicle-list li:hover {
    background: #d9d9d9;
}
.nav .vehicle-list li a {
    color: #000;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}
.nav .vehicle-list li ul {
    display: none;
}
.nav .vehicle-list li:hover ul {
    background: #888;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
    position: absolute;
    display: block;
    height: auto;
    left: 50%;
    max-width: none;
    top: 44px;
    transform: translateX(-50%);
    z-index: 9500;
}
.nav .vehicle-list li:hover ul::before {
    background: #fff;
    content: '';
    display: block;
    height: 10px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    width: 10px;
}
.nav .vehicle-list li:hover ul li {
    background: #fff;
    border-bottom: 2px solid #dbdbdb;
    font: 400 14px/20px 'Titillium Web', sans-serif;
    letter-spacing: normal;
    text-transform: none;
}
.nav .vehicle-list li:hover ul li:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.nav .vehicle-list li:hover ul li a {
    color: #000;
    padding: 10px 20px;
    transition: color 0.2s ease;
}
.nav .vehicle-list li:hover ul li a:hover {
    color: #55636F;
}
.nav .vehicle-list .nav-cart {
    height: 44px;
    position: absolute;
    right: 15px;
    width: 44px;
}
.nav .vehicle-list .nav-cart a {
    background: url(../img/icon-cart-header.svg) no-repeat center center;
    background-size: 22px 22px;
    height: 100%;
    padding: 0;
    position: relative;
    width: 100%;
}
.nav .vehicle-list .nav-cart a span {
    background: #ffcc00;
    border-radius: 50%;
    color: #fff;
    font: 600 10px/16px 'Titillium Web', sans-serif;
    height: 16px;
    width: 16px;
    margin: -17px 0 0 0;
    position: absolute;
    right: 4px;
    text-align: center;
    top: 50%;
    animation: headerCartPulse 1s infinite;
}
.nav .vehicle-list .nav-cart a:hover span {
    border-color: #004bb1;
}
@media (max-width: 1000px) {
    .nav {
        padding: 0 18px;
    }
    .nav .vehicle-list {
        padding-right: 48px;
    }
    .nav .vehicle-list li {
        font: 600 14px/20px 'Titillium Web', sans-serif;
    }
    .nav .vehicle-list li a {
        padding: 8px 12px;
    }
    .nav .vehicle-list li:hover ul {
        top: 36px;
    }
    .nav .vehicle-list li:hover ul li {
        font: 400 12px/18px 'Titillium Web', sans-serif;
    }
    .nav .vehicle-list li:hover ul li a {
        padding: 8px 12px;
    }
    .nav .vehicle-list .nav-cart {
        height: 36px;
        position: absolute;
        right: 12px;
        width: 36px;
    }
    .nav .vehicle-list .nav-cart a {
        background-size: 18px 18px;
    }
    .nav .vehicle-list .nav-cart a span {
        border-width: 1px;
        font: 600 8px/10px 'Titillium Web', sans-serif;
        height: 12px;
        margin: -13px 0 0 0;
        right: 4px;
        width: 12px;
    }
}
@media (max-width: 767px) {
    .nav {
        display: none;
    }
}





.summary .summary-button-container {
    width: 100%;
}
@media (max-width: 767px) {
    .summary {
        flex-flow: column wrap;
    }
    .summary .summary-price {
        font: 400 14px/20px 'Titillium Web', sans-serif;
        flex: 1 1 100%;
        margin: 0 0 15px 0;
        width: 100%;
    }
    .summary .summary-price small {
        font: 400 14px/20px 'Titillium Web', sans-serif;
    }
    .summary .summary-price small:not(.regular) {
        float: right;
    }
    .summary .summary-trust-alias,
    .summary .summary-trust:not(.regular) {
        display: none;
    }
    .summary .summary-button {
        flex: 1 1 100%;
        font: 600 18px/26px 'Titillium Web', sans-serif;
        padding: 12px 30px;
        width: 100%;
    }
    .summary .paypal-button {
        width: 100%;
    }
}
/**
 * Numberplate
 */
.numberplate {
    font-size: min(0.9vw, 11px);
    background: #fff url(../img/de.svg) no-repeat 0.3em 0;
    background-size: auto 10.4em;
    border: 0.3em solid #ffffff;
    border-radius: 1.25em;
    box-shadow: 0 0.15em 0.6em 0 rgba(0, 0, 0, 0.25);
    height: 11em;
    width: 52em;
    margin: 5em auto 1.5em;
    transition: background 0.25s ease, box-shadow 0.25s ease, border 0.25s ease, height 0.25s ease, width 0.25s ease;
}
.numberplate:hover {
    box-shadow: 0 0.3em 1.2em 0 rgba(0, 0, 0, 0.25);
}
.numberplate .numberplate-wrapper {
    padding: 0 0.6em 0 5.6em;
    height: 100%;
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    position: relative;
    border: 0.4em solid #000000;
    border-radius: 1em;
}
.numberplate .numberplate-wrapper.field-transition {
    overflow: hidden;
}
.numberplate .numberplate-wrapper.field-transition .numberplate-field {
    transition: border 0.25s ease, box-shadow 0.25s ease, width 0.25s ease;
}
.numberplate .numberplate-wrapper .numberplate-field {
    flex: 0 0 auto;
    height: 8.2em;
    position: relative;
    width: 10.2em;
}
.numberplate .numberplate-wrapper .numberplate-field.field-parking {
    width: 100%;
}
.numberplate .numberplate-wrapper .numberplate-field.w1 {
    width: 5.95em;
}
.numberplate .numberplate-wrapper .numberplate-field.w2 {
    width: 9.9em;
}
.numberplate .numberplate-wrapper .numberplate-field.w3 {
    width: 13.6em;
}
.numberplate .numberplate-wrapper .numberplate-field.w4 {
    width: 17.85em;
}
.numberplate .numberplate-wrapper .numberplate-field.full {
    width: 100%;
}
.numberplate .numberplate-wrapper .numberplate-field input {
    border-radius: 0.07em;
    color: #000;
    display: block;
    box-sizing: border-box;
    font: 8.2em/1em 'nummernschild';
    height: 100%;
    text-align: center;
    text-transform: uppercase;
    transition: border 0.25s ease, box-shadow 0.25s ease, font 0.25s ease;
    width: 100%;
    -moz-appearance: textfield;
    background: #eee;
}
.numberplate .numberplate-wrapper .numberplate-field input::placeholder {
    color: #c1c1c1;
    opacity: 1;
}
.numberplate .numberplate-wrapper .numberplate-field input:focus {
    background: #fdf2d0;
    box-shadow: 0 0 0.05em 0.05em #fc0;
    animation: numberplateBlurPulse 1s infinite;
}
.numberplate .numberplate-wrapper .numberplate-field input:focus::placeholder {
    color: #968c6c;
    opacity: 1;
}
@keyframes numberplateBlurPulse {
    0% {
        box-shadow: 0 0 0em 0em #fc0;
    }
    50% {
        box-shadow: 0 0 0.05em 0.05em #fc0;
    }
    100% {
        box-shadow: 0 0 0em 0em #fc0;
    }
}
.numberplate .numberplate-wrapper .numberplate-field input::-webkit-outer-spin-button, .numberplate .numberplate-wrapper .numberplate-field input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.numberplate .numberplate-wrapper .numberplate-field.error input {
    background: #f0dddd;
    box-shadow: none;
    animation: none;
}
.numberplate .numberplate-wrapper .numberplate-field.error input:focus {
    background: #f0dddd;
    box-shadow: 0 0 0.05em 0.05em #d37c7c;
}
.numberplate .numberplate-wrapper .numberplate-field.error input::placeholder {
    color: #d37c7c;
    opacity: 1;
}
.numberplate .numberplate-wrapper .numberplate-field .pointer {
    content: '';
    display: none;
    height: 1.75em;
    position: absolute;
    margin-left: -1.5em;
    top: -1.5em;
    left: 50%;
    width: 3.5em;
    animation: numberplatePointerPulse 1s infinite;
    overflow: hidden;
    z-index: 2000;
}
.numberplate .numberplate-wrapper .numberplate-field .pointer::before {
    background: #ffcc00;
    box-shadow: 0 0 0.4em 0 rgba(0, 0, 0, 0.5);
    content: '';
    display: block;
    height: 2.5em;
    left: 50%;
    position: absolute;
    top: -0.25em;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    width: 2.5em;
}
.numberplate .numberplate-wrapper .numberplate-field .pointer svg {
    height: 2em;
    width: 2em;
}
.numberplate .numberplate-wrapper .numberplate-field .pointer svg polygon {
    fill: #ffcc00;
}
@keyframes numberplatePointerPulse {
    0% {
        top: -1.5em;
    }
    50% {
        top: -2.5em;
    }
    100% {
        top: -1.5em;
    }
}
.numberplate .numberplate-wrapper .numberplate-field input:focus + .pointer {
    display: block;
}
.numberplate .numberplate-wrapper .numberplate-field.error .pointer::before {
    background: #bc0000;
}
.numberplate:not(.numberplate-type-taxfree) .carbon-look .numberplate-field {
    background: #eeeeee;
    border-radius: 0.55em;
}
.numberplate.emission-sticker {
    margin-top: 3em;
}








/**
 * Features
 */
.features {
    display: grid;
    grid-template-columns: auto auto;
    font-size: 20px;
    gap: 1.5em;
}
.features .item {
    display: flex;
    align-items: center;
}
.features .item::before, .features .item a {
    content: '';
    width: 2.5em;
    height: 2.5em;
    background: #55636F no-repeat center center;
    background-size: 1.5em 1.5em;
    border-radius: 50%;
    flex: 0 0 auto;
    margin-right: 0.5em;
}
.features .item.trust::before {
    display: none;
}
.features .item.trust a {
    background-image: url(../img/icon-star-white.svg);
    background-position-y: 0.46em;
}
.features .item.freeshipping::before, .features .item.safeshipping::before {
    background-image: url(../img/icon-box-white.svg);
}
.features .item.dinstandard::before {
    background-image: url(../img/icon-certificate-white.svg);
}
.features .item.fastshipping::before {
    background-image: url(../img/icon-deliverytime-white.svg);
    background-size: 2.25em 2.25em;
    background-position-x: -0.5em;
}
.features .item .item-wrapper .item-name, .features .item .item-wrapper .item-name-mobile {
    color: #000;
    font: 600 0.9em/1.5em 'Titillium Web', sans-serif;
}
.features .item .item-wrapper .item-name-mobile {
    display: none;
}
.features .item .item-wrapper .item-description {
    color: #6F6F6F;
    font: 400 0.7em/1.5em 'Titillium Web', sans-serif;
}
.features .item .item-wrapper .item-rating {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}
.features .item .item-wrapper .item-rating .item-rating-grade {
    color: #6F6F6F;
    flex: 0 0 auto;
    font: 400 0.7em/1.5em 'Titillium Web', sans-serif;
}
.features .item .item-wrapper .item-rating .item-rating-stars {
    font-size: 16px;
    flex: 0 0 auto;
    margin: 0 0 0 6px;
}
.features .emissionsticker-description {
    display: none;
}
.features.emissionsticker .numberplate-description {
    display: none;
}
.features.emissionsticker .emissionsticker-description {
    display: block;
}

.features .item.trust .trust-details {
    height: unset;
}
.features .item.deliverytime .deliverytime-details {
    width: 32em;
}



.numberplate-features {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    margin-bottom: 3em;
}
.numberplate-features .item {
    display: flex;
    align-items: center;
}
.numberplate-features .item::before {
    content: '';
    height: 2.5em;
    margin-right: 0.75em;
    width: 2.5em;
    background: url(../img/icon-deliverytime.svg) no-repeat 0 0;
}
.numberplate-features .item .item-wrapper .item-name {
    color: #000;
    font: 600 0.8em/1.5em 'Titillium Web', sans-serif;
}
.numberplate-features .item .item-wrapper .item-description {
    color: #000;
    font: 400 0.6em/1.5em 'Titillium Web', sans-serif;
}
.numberplate-features .mobile-deliverydate {
    display: none;
}
.numberplate-features .item .item-wrapper .deliverytime-description {
    display: inline-block;
}



@media (max-width: 1200px) {
    .features {
        grid-template-columns: auto;
    }
}
@media (max-width: 1000px) {
    .features {
        grid-template-columns: auto auto;
    }
    .features .item.deliverytime .deliverytime-details {
        transform: translateX(-80%);
    }
}
@media (max-width: 767px) {
    .features {
        font-size: 18px;
        background: #f1f1f1;
        margin: 0 -20px -20px;
        padding: 20px;
    }
    .features .item .item-description {
        display: none;
    }
    .features .item::before, .features .item a {
        width: 2em;
        height: 2em;
        background-size: 1.2em 1.2em;
    }
    .features .item.fastshipping::before {
        background-position-x: -0.75em;
    }
    .features .item.trust a {
        background-position-y: 0.35em;
    }
    .features .item.trust .item-wrapper {
        display: flex;
    }
    .features .item.trust .item-wrapper {
        display: block;
    }
    .features .item.trust .item-wrapper .item-rating .item-rating-stars {
        font-size: 14px;
        margin-left: 0;
    }
    .features .item.trust .item-name,
    .features .item.trust .item-rating-grade {
        display: none;
    }
    .features .item.trust .item-name-mobile {
        display: block;
    }


    .numberplate-features {
        margin-bottom: 20px;
    }
    .numberplate-features.no-convert .item .item-name.is-compact {
        line-height: 1.2em;
        margin-bottom: 5px;
    }
    .numberplate-features.no-convert .item .item-description.is-compact {
        line-height: 1.4em;
    }

    .numberplate-features.no-convert .item .item-name.single-line {
        font-size: 0.875rem;
        white-space: nowrap;
    }

    .numberplate-features.no-convert .item::before {
        margin-left: -10px;
        height: 40px;
        width: 40px;
    }

    .numberplate-features.no-convert .item .item-description,
    .numberplate-features.no-convert .item .item-name {
        display: block !important;
    }
    .numberplate-features:not(.no-convert) {
        margin-bottom: 0.5em;
    }
    .numberplate-features:not(.no-convert) .item.deliverytime {
        max-width: 75vw;
        margin-top: 1em;
    }
    .numberplate-features:not(.no-convert) .item.deliverytime::before, .numberplate-features .item.deliverytime .item-name {
        display: none;
    }
    .numberplate-features:not(.no-convert) .item.deliverytime .item-description {
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        text-align: center;
    }
    .numberplate-features:not(.no-convert) .mobile-deliverydate {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin-top: 2em;
        color: #000;
        font: 400 12px/1.5em 'Titillium Web', sans-serif;
        border-top: 2px solid #DBDBDB;
        padding-top: 1em;
        padding-bottom: 0.5em;
        font-size: 0.95rem;
    }
    .numberplate-features:not(.no-convert) .mobile-deliverydate::before {
        content: '';
        height: 2em;
        margin-right: 0.75em;
        width: 2em;
        background: url(../img/icon-deliverytime.svg) no-repeat 0 0;
    }
}
@media (max-width: 600px) {
    .features {
        font-size: 16px;
    }
}
@media (max-width: 417px) {
    .features {
        font-size: 14px;
    }
}


@media all and (max-width: 339px) {


    .numberplate-features.no-convert .item::before {
        display: none;
    }

}





/**
 * Landingpage
 */
.landingpage .main:not(.default):not(.article) {
    padding: 0;
    background: #fff;
}
.landingpage .main .main-wrapper {
    align-items: stretch;
    display: flex;
    flex-flow: row nowrap;
    max-width: 1270px;
}
.landingpage .main .main-wrapper .landingpage-features {
    display: none;
}
.landingpage .block-product .block-headline .block-title {
    margin: 0;
}
.landingpage .block-product .numberplate-check-vehicle-buttons {
    padding: 30px 0 0 0;
    margin: auto;
    display: none;
}
.landingpage .block-product .numberplate-check-vehicle-buttons ul {
    display: flex;
    flex-flow: row wrap;
}
.landingpage .block-product .numberplate-check-vehicle-buttons li a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    background: #055cc5;
    border-radius: 3px;
    display: inline-block;
    flex: 0 0 auto;
    font: 600 14px/20px 'Titillium Web', sans-serif;
    letter-spacing: 1px;
    margin: 0 0 0 15px;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.landingpage .block-product .district-headline {
    display: flex;
    align-items: center;
    opacity: 0;
    transition: opacity 0.2s ease;
}
.landingpage .block-product .district-headline .district-logo {
    background-size: cover;
    margin-right: 0.5em;
    height: 1.5em;
    width: 1.5em;
    transition: background-image 0.2s, filter 0.2s;
}
.landingpage .block-product .district-headline .district-title {
    color: #55636F;
    font: 400 1.2em/1.5em 'Titillium Web', sans-serif;
}
.landingpage .block-product .district-headline.wappen {
    opacity: 1;
}
.landingpage .block-product .district-headline.preview {
    opacity: 0.5;
}
.landingpage .block-configuration {
    border-left: 2px solid #DBDBDB;
}
.landingpage .block-configuration .form {
    margin-bottom: 10px;
}
.landingpage .block {
    border-radius: unset;
    box-shadow: none;
}
.landingpage .landingpage-col1 {
    flex: 1 1 auto;
}
.landingpage .landingpage-col2 {
    flex: 0 0 430px;
}
.landingpage .landingpage-col2.emissionsticker .block-configuration .form {
    margin-bottom: 0;
}

.landingpage .district-logo.baden-wuerrtemberg {
    background-position: 0 0em;
}
.landingpage .district-logo.bayern {
    background-position: 0 -1.5em;
}
.landingpage .district-logo.berlin {
    background-position: 0 -3em;
}
.landingpage .district-logo.brandenburg {
    background-position: 0 -4.5em;
}
.landingpage .district-logo.bremen {
    background-position: 0 -6em;
}
.landingpage .district-logo.germany {
    background-position: 0 -7.5em;
}
.landingpage .district-logo.hamburg {
    background-position: 0 -9em;
}
.landingpage .district-logo.hessen {
    background-position: 0 -10.5em;
}
.landingpage .district-logo.mecklenburg-vorpommern {
    background-position: 0 -12em;
}
.landingpage .district-logo.niedersachsen {
    background-position: 0 -13.5em;
}
.landingpage .district-logo.nordrhein-westfalen {
    background-position: 0 -15em;
}
.landingpage .district-logo.rheinland-pfalz {
    background-position: 0 -16.5em;
}
.landingpage .district-logo.saarland {
    background-position: 0 -18em;
}
.landingpage .district-logo.sachsen-anhalt {
    background-position: 0 -19.5em;
}
.landingpage .district-logo.sachsen {
    background-position: 0 -21em;
}
.landingpage .district-logo.schleswig-holstein {
    background-position: 0 -22.5em;
}
.landingpage .district-logo.thueringen {
    background-position: 0 -24em;
}
@media (min-width: 1000px) {
    .landingpage .block-product .block-headline .block-title {
        text-transform: none;
        font: 700 1.6em/1.5em 'Titillium Web', sans-serif;
    }
    .landingpage .landingpage-col1 .block, .landingpage .landingpage-col2 .block {
        padding: 0 40px;
        margin: 40px 0;
    }
    .landingpage .landingpage-col1 .block.block-product, .landingpage .landingpage-col2 .block.block-product {
        padding-right: 50px;
    }
    .landingpage .landingpage-col1 .block.block-configuration, .landingpage .landingpage-col2 .block.block-configuration {
        padding-left: 50px;
    }
}
@media (max-width: 1000px) {
    .landingpage .numberplate {
        font-size: 13px;
    }
    .landingpage .block-configuration {
        border: none;
    }
    .landingpage .landingpage-col2 {
        flex: 0 0 100%;
    }
    .landingpage .main {
        padding: 0;
    }
    .landingpage .main .main-wrapper {
        flex-flow: column nowrap;
    }
}
@media (max-width: 767px) {
    .landingpage .numberplate {
        font-size: 1.6vw;
        font-size: 2.2vw;
    }
    .landingpage .main .main-wrapper .landingpage-col1 .block-product {
        margin-bottom: 0;
    }
    .landingpage .main .main-wrapper .landingpage-col2 .block-configuration {
        padding: 25px 20px 0 20px;
        margin-bottom: 10px;
    }
    .landingpage .main .main-wrapper .landingpage-col2 .block-configuration .form {
        display: flex;
        flex-flow: row wrap;
        margin: 0 -10px 10px -10px;
    }
    .landingpage .main .main-wrapper .landingpage-col2 .block-configuration .form .form-group {
        flex-flow: row wrap;
    }
    .landingpage .main .main-wrapper .landingpage-col2 .block-configuration .form .form-group .form-field.w50 {
        flex: 0 0 100%;
    }
    .landingpage .main .main-wrapper .landingpage-col2 .block-configuration .form .form-field {
        display: flex;
        flex-flow: row nowrap;
    }
    .landingpage .main .main-wrapper .landingpage-col2 .block-configuration .form .form-field label {
        flex: 0 0 70px;
        padding: 10px 0;
    }
    .landingpage .main .main-wrapper .landingpage-col2 .block-configuration .form .form-field .label-checkbox {
        flex: 0 0 auto;
        padding: 3px 0;
    }
    .landingpage .main .main-wrapper .landingpage-col2 .block-configuration .form .form-field input[type='text'], .landingpage .main .main-wrapper .landingpage-col2 .block-configuration .form .form-field input[type='password'], .landingpage .main .main-wrapper .landingpage-col2 .block-configuration .form .form-field input[type='email'], .landingpage .main .main-wrapper .landingpage-col2 .block-configuration .form .form-field input[type='tel'], .landingpage .main .main-wrapper .landingpage-col2 .block-configuration .form .form-field select {
        flex: 1 1 auto;
    }
    .landingpage .main .main-wrapper .landingpage-col2 .block-configuration .form .form-upselling .item {
        background: #e1e1e1;
    }
    .landingpage .main .main-wrapper .landingpage-col2 .block-configuration .block-more {
        border: 2px solid #e1e1e1;
    }
    .landingpage .main .main-wrapper .landingpage-col2 .summary-button-wrapper {
        transition: none;
        width: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        margin-bottom: 20px;
    }
    .landingpage .main .main-wrapper .landingpage-col2 .summary-button-wrapper a.din {
        background: transparent no-repeat 0 0;
        background-size: contain;
        flex: 0 0 auto;
        height: 50px;
        width: 50px;
        margin: 0 1em 0 0;
    }



    html:not(.webp) .landingpage .main .main-wrapper .landingpage-col2 .summary-button-wrapper a.din {
        background-image: url(../img/icon-din.png);
    }
    html.webp .landingpage .main .main-wrapper .landingpage-col2 .summary-button-wrapper a.din {
        background-image: url(../img/icon-din.webp);
    }


    .landingpage .main .main-wrapper .landingpage-col2 .summary-button-wrapper.sticky {
        background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #f1f1f1 30px);
        background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #f1f1f1 30px);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #f1f1f1 30px);
        position: fixed;
        z-index: 9900;
        padding: 30px 20px 20px 20px;
        margin-bottom: 0;
    }
    .landingpage .main .main-wrapper .landingpage-features {
        display: block;
    }
    .landingpage .main .main-wrapper .landingpage-features.landingpage-features-numberplate {
        border-bottom: 2px solid #d9d9d9;
        margin: auto auto 16px;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .landingpage .main .main-wrapper .landingpage-features.landingpage-features-numberplate ul li {
        border-top: none;
        padding-left: 0;
        padding-right: 0;
        place-content: center;
        text-align: center;
        max-width: 75vw;
    }
    .landingpage .main .main-wrapper .landingpage-features.landingpage-features-numberplate ul .trust-details {
        padding: 0;
        box-shadow: none;
        margin: auto;
        max-width: 15em;
    }
    .landingpage .main .main-wrapper .landingpage-features.landingpage-features-numberplate ul .trust-details .trust-score {
        margin: 0;
    }
    .landingpage .main .main-wrapper .landingpage-features.landingpage-features-numberplate ul .trust-details .trust-score .trust-score-bar {
        flex-grow: unset;
        padding: 0;
    }
    .landingpage .main .main-wrapper .landingpage-features.landingpage-features-numberplate ul .deliverytime::before {
        content: none;
    }
}
@media (max-width: 767px) {
    .contentpage .main .go-back-button-block {
        display: block;
    }
}

@media all and (max-width: 575px) {

    .landingpage .main .main-wrapper .landingpage-col2 .summary-button-wrapper.sticky {
        padding: 15px 10px 10px 10px;
    }
    .landingpage .main .main-wrapper .landingpage-col2 .summary-button-wrapper.sticky .summary-button {
        font-size: 16px !important;
        padding: 10px 28px;
    }


}

.order-timer {
    color: #055cc5;
    font-weight: 600;
}
/**
 * Emissionsticker - Preview
 */
.overview {
    display: none;
}
.overview.emissionsticker {
    display: flex;
    margin-bottom: 1.5em;
}
.overview.emissionsticker.regular {
    display: block;
    position: relative;
    margin-bottom: 10px;
}
.overview.emissionsticker.regular.pull-up {
    margin-top: -20px;
}
.overview.emissionsticker .overview-summary {
    flex-grow: 1;
}
.overview.emissionsticker .emission-sticker-preview {
    display: block;
    min-height: 94px;
}
.overview.emissionsticker .emission-sticker-preview .title {
    color: #000;
    font: 700 24px/28px 'Titillium Web', sans-serif;
    margin: 0 0 10px 0;
    font-size: 1.4rem;
}
.overview.emissionsticker .overview-cart-image {
    display: block;
    flex-basis: 30%;
    background: url(../img/plakette-preview.svg) no-repeat 100% center;
}




[data-ref="home-de-e"] .numberplate.emission-sticker {
    background-image: url(../img/plakette-blue.svg);
}

[data-ref="home-de-e"] .overview.emissionsticker .overview-cart-image {
    background: url(../img/plakette-preview-blue.svg) no-repeat 100% center;
}
[data-ref="home-de-e"] .thumb-emission-sticker-image {
    background: url(../img/plakette-preview-blue.svg) no-repeat center center;
}





.star-wrap {
    display: inline-block;
    vertical-align: top;
    position: relative;
    line-height: 0;
    font-size: 0;
}
.star-wrap > .star {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 16px;
    height: 16px;
}
.star-wrap > .star:not(:last-child) {
    margin-right: 0.1rem;
}
.star-wrap > .star::before {
    content: ' ';
    inset: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image:url('/images/svg/review-star.svg');
}




.review-star-wrap {
    display: block;
    position: relative;
    line-height: 1em;
}
.review-star-wrap.inline-block {
    display: inline-block;
}
.review-star-wrap.no-wrap {
    white-space: nowrap;
}
.review-star-wrap .star-wrap {
    margin-right: 0.15rem;
}
.review-star-wrap .review-label {
    display: inline-block;
    vertical-align: top;
    font-size: 0.8rem;
    line-height: 16px;
}
.review-star-wrap .review-label span {
    display: inline-block;
    font-weight: 200;
}
.review-star-wrap .review-label strong,
.review-star-wrap .review-label b {
    font-weight: 700;
}








.overview.emissionsticker.regular .emission-sticker-preview {
    padding-top: 45px;
    min-height: 80px;
}
.overview.emissionsticker.regular .emission-sticker-preview .preview-absolute {
    display: flex;
    align-items: end;
    position: absolute;
    flex-wrap: wrap;
    top: 0;
    left: 0;
    right: 100px;
    min-height: 40px;

    &.full-width {
        right: 0;
    }
}

.overview.emissionsticker.regular .overview-cart-image {
    width: 5em;
    height: 5em;
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 767px) {
    .overview.emissionsticker {
        display: none;
    }

    .overview.emissionsticker.regular {
        padding-right: 6em;
    }
    .overview.emissionsticker.regular.pull-up {
        margin-top: 0;
    }
    .overview.emissionsticker.regular .overview-cart-image {
        width: 4em;
        height: 4em;
    }
    .overview.emissionsticker.regular:not(.is-compact) .emission-sticker-preview {
        padding-top: 10px;
        min-height: 80px;
    }
    .overview.emissionsticker.regular:not(.is-compact) .emission-sticker-preview .title {
        width: 200px;
        max-width: 100%;
    }

    .overview.emissionsticker.regular .emission-sticker-preview .preview-absolute {
        position: static;
        padding-bottom: 15px;
        min-height: 20px;
    }

    .overview.emissionsticker.is-compact .emission-sticker-preview {
        min-height: 0 !important;
    }

    .overview.emissionsticker.is-compact {
        padding-right: 0 !important;
        padding-top: 0 !important;
    }


}


@media all and (max-width: 575px) {


    .overview.emissionsticker.is-compact .emission-sticker-preview .title {
        width: auto;
        font-size: 1.25rem;
    }



}



.emission-sticker-info {
    padding-right: 18px;
}


.toggle-content {
    display: none !important;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 1000ms ease-in-out, opacity 1500ms ease-in-out;
}

.toggle-content.is-visible {
    display: inherit !important;
    height: auto;
    opacity: 1;
}


.questions-wrap.bottom {
    padding-bottom: 40px;
}
.questions-wrap .questions-list p {
    transition: 0s;
    font-size: 0.925rem;
}
.questions-wrap .questions-list h3 {
    font-size: 1rem;
}
.questions-wrap .questions-list h3,
.questions-wrap .questions-list h3 > a {
    color: #636363;
    transition: 0s;
    text-decoration: none !important;
}