/*! @version pwa-studio: 0.0.1, @magento/venia-ui: ~11.4.0, @magento/upward-security-headers: ~1.0.14, @magento/upward-js: ^5.3.2, @magento/pwa-theme-venia: ~2.4.0, @magento/pwa-buildpack: ~11.4.1, @magento/peregrine: ~14.3.1, @magento/pagebuilder: ~9.3.1, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.3.3, @apollo/client: ~3.5.0 */
.ankaufForm-container-gPt {

    margin-top: 1.5rem;
    margin-bottom: 3rem;
}

@media(min-width: 768px) {
    .ankaufForm-container-gPt {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem;
    }
}

.ankaufForm-stepsContent-qFG {
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
}

.ankaufForm-debug-Z7W {
    border: 2px dashed grey;

}

legend {
    font-size: 0.875rem;
    font-family: monospase;
}

.ankaufForm-form-vJJ{
    position: relative;
}
.ankaufForm-loading-L6A{
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255, 0.75);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.tradeInTarget-targetRoot-5aD {
    background-color: var(--color-light-grey);
}

.tradeInTarget-targetHeader-xH- {
}

.tradeInTarget-targetContainer-1qq {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .tradeInTarget-targetContainer-1qq {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
    }
}

@media (max-width: 767px) {
    .tradeInTarget-backToTargetLinkWrp-Pt7 {
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 768px) {
    .tradeInTarget-backToTargetLinkWrp-Pt7 {
        margin-left: -1rem;
    }
}

.tradeInTarget-backToTargetLink-4w8 {
    display: inline-flex;
    align-items: center;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;

    stroke: var(--color-green);
}

@media (max-width: 767px) {
    .tradeInTarget-backToTargetHeader-Fzq {
        display: none;
    }
}

@media (min-width: 768px) {
    .tradeInTarget-backToTargetHeader-Fzq {
        font-size: 1rem;
        font-weight: 600;
    }
}

.tradeInTarget-root--ig {
}

.tradeInTarget-content-3pJ {
    display: grid;
    grid-template-columns: 5rem auto;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .tradeInTarget-content-3pJ {
        padding-bottom: 1.375rem;
    }
}

.tradeInTarget-preview-kb9 {
    display: block;
    width: 100%;
    height: 100%;

    -o-object-fit: contain;

       object-fit: contain;
    mix-blend-mode: darken;
}

.tradeInTarget-nameWrp-M5n {
    margin-bottom: 0.25rem;

    font-size: 0.875rem;
    line-height: 1.3em;
    color: var(--color-dark);
}

.tradeInTarget-brand-Lsd {
    margin-top: 0;
    margin-bottom: 0;

    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tradeInTarget-model-hbt {
    margin-top: 0;
    margin-bottom: 0;
}

.tradeInTarget-attributes-Mxu {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 0.25rem;
    margin-bottom: 0.25rem;

    font-size: 0.6875rem;
    line-height: 1.3em;
    color: var(--color-grey);
    text-transform: uppercase;
}

.tradeInTarget-attrItem-iQV {
    display: flex;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
}

.tradeInTarget-productPrice-H3n {
    display: flex;
    font-size: 1.25rem;
    line-height: 1em;
}

.tradeInTarget-priceContainer-M4P {
    position: relative;

    display: flex;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    flex-wrap: wrap;
    margin-top: auto;
}

.tradeInTarget-price-cTE {
    display: flex;
    flex-wrap: nowrap;
    font-size: 1.25rem;
    line-height: 1.1em;
}

.tradeInTarget-priceFinal-koA {

    color: var(--color-red);
}

.tradeInTarget-priceRegular-fjP {

    position: relative;

    color: var(--color-grey);
    font-weight: 300;
}

.tradeInTarget-priceRegular-fjP:after {
    content: '';

    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;

    background-color: var(--color-grey);
    transform: translateY(-50%);
}
.stepsNavigation-root-a2M {
    display: grid;
    grid-template-areas:
        "steps"
        "card";
    align-items: center;
}

@media (min-width: 768px) {
    .stepsNavigation-root-a2M {
        grid-template-areas: "card steps placeholder";
        grid-template-columns: 1fr 20rem 1fr;
        gap: 5rem;
    }
}

.stepsNavigation-card-hWM {
    display: flex;
    align-items: center;
    grid-area: card;
}

@media (max-width: 767px) {
    .stepsNavigation-card-hWM {
        margin-left: -0.5rem;
    }
}

@media (min-width: 768px) {
    .stepsNavigation-card-hWM {
        justify-self: flex-end;
    }
}

.stepsNavigation-steps-XzI {
    grid-area: steps;
}

.stepsNavigation-card-hWM svg {
    stroke: var(--color-green);
}

.watchCard-root-IyD {
    display: grid;
    grid-template-areas:
        'image brand'
        'image model'
        'image refer';
    justify-items: start;
    align-items: center;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    
    font-size: 0.875rem;
    line-height: 1.25;
    letter-spacing: 0.08em;
}

.watchCard-overflowText-p-0 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;    
}

.watchCard-brand-rpv {

    grid-area: brand;
    
    font-weight: 600;
    text-transform: uppercase;
}

.watchCard-model-rxs {

    grid-area: model;
    margin-bottom: 0.5rem;
}

.watchCard-refer-tES {

    grid-area: refer;
    display: inline-block;
    padding: 0 2px;
    max-width: 100%;


    text-transform: uppercase;
    font-size: 0.688rem;
    font-weight: 300;
    line-height: 1rem;
    color: var(--color-grey);
}

.watchCard-refer-tES::before {
    content: 'ref.';
}

.watchCard-image-UgG {
    grid-area: image;
    
    width: 80px;
    height: 100%;
    max-height: 60px;
}

.watchCard-image-UgG img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.watchCard-imagePlaceholder-Xff {
    width: 100%;
    height: 100%;
    background-color: var(--color-light-grey);
}

.steps-root-8pY {
    position: relative;
    margin: auto;
    margin-bottom: 3rem;
    width: 100%;
    max-width: 20rem;
}

@media(min-width: 768px) {
    .steps-root-8pY {
        max-width: 20rem;
    }
}

.steps-list-uCE {
    position: relative;
    top: 0;
    margin: 1rem 0 2.5rem!important;
    display: flex;
    justify-content: space-between;
    padding: 0;
    list-style-type: none;
}

.steps-list-uCE::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: var(--color-green);
    z-index: 0;
    width: 0;
}

.steps-rootDetails-aAj .steps-list-uCE::before {
    width: 33.3333%;
}

.steps-rootContacts-oE6 .steps-list-uCE::before {
    width: 66.666%;
}

.steps-rootOverview-ABL .steps-list-uCE::before {
    width: 100%;
}

.steps-list-uCE::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #d9dde1;
    z-index: -1;
}

.steps-item-AlO {
    height: 8px;
    width: 8px;
    margin: 0!important;
    position: relative;
    z-index: 1;

    color: #d9dde1;
    color: var(--color-grey-light);
}

.steps-item-AlO::before {
    content: "";
    display: block;
    position: absolute;
    opacity: 0;
    font-size: 1rem;
    color: #005c4d;
    font-weight: 600;
    top: 4px!important;
}

.steps-itemCurrent-Tm- {
    color: var(--color-dark-green);
}

.steps-itemCurrent-Tm-::before {
    content: "";
    background: #fff;
    width: 40px;
    box-shadow: inset 0 0 0 2px #005c4d;

}

.steps-icon-Mg7 {
    display: flex;
    transform: translate(-16px,-16px);
    width: 40px;
    height: 40px;
    padding: 0;
    background: 0 0;
    border: none;
    position: relative;
}

.steps-icon-Mg7::before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 8px;
    height: 8px;
    margin: auto;
    border-radius: 4px;
    background: #005c4d;
    opacity: 1;
    transition: all .2s ease-in-out;
}

.steps-itemCurrent-Tm-~.steps-item-AlO {
    cursor: default;
}

.steps-itemCurrent-Tm-~.steps-item-AlO .steps-icon-Mg7::before {
    background: #d9dde1;
}

.steps-itemCurrent-Tm- .steps-icon-Mg7::before {
    content: "";
    background: #fff;
    width: 40px;
    box-shadow: inset 0 0 0 2px #005c4d;
}

.steps-text-7v7 {
    position: absolute;
    top: 100%;
    display: inline-block;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: #005c4d;
    transform: translateX(-50%);
    left: 50%;
    color: #d9dde1
}

.steps-itemCurrent-Tm- .steps-text-7v7 {
    color: #005c4d;
}

.steps-itemCurrent-Tm-~.steps-item-AlO .steps-text-7v7 {
    color: #d9dde1;
}

.stepWatch-root-RCo {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        'title'
        'checkboxes'
        'checkboxText'
        'brands'
        'model'
        'ref'
        'files'
        'buttons';
    gap: 0.9375rem 1.5rem;
    padding: 1rem 0rem;
}

@media(min-width: 768px) {
    .stepWatch-root-RCo {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            'title title'
            'checkboxes checkboxes'
            'checkboxText checkboxText'
            'brands files'
            'model files'
            'ref files'
            'buttons buttons';
    }
}

.stepWatch-title-6aj {

    grid-area: title;
    color: var(--color-dark-grey);
    text-align: center;
    margin: 2rem 0;
}

.stepWatch-buttonGroup-fqn {
    grid-area: buttons;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.stepWatch-checkboxesWrp-ym3 {
    grid-area: checkboxes;
}

.stepWatch-checkboxes-DrX {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media(min-width: 768px) {
    .stepWatch-checkboxes-DrX {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.stepWatch-checkboxMessage-2ZH {
    grid-area: checkboxText;
    margin: 0 0 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-red);
}

.stepWatch-label-1QK {
    display: flex;
    align-items: center;
    -moz-column-gap: 4px;
         column-gap: 4px;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
}

.stepWatch-labelRequired-lgC:after {
    content: '*';
    color: var(--color-red);
}

.stepWatch-brand-jQ1 {
    grid-area: brands;
}

.stepWatch-model-jAQ {
    grid-area: model;
}

.stepWatch-ref-DKw {
    position: relative;
    grid-area: ref;
    margin-bottom: 1.5rem;
}

.stepWatch-refLabel-2T2 {
    display: flex;
    align-items: center;
    -moz-column-gap: 4px;
         column-gap: 4px;
}

.stepWatch-tooltip-ke7 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.stepWatch-tooltipButton-hGs {
    width: 1.5rem;
    height: 1.5rem;
}

.stepWatch-tooltipText-Fiu {
    display: none;
    position: absolute;
    top: 2.5rem;
    left: 0.5rem;
    right: 0;
    z-index: 1;
    padding: 5px;
    width: 100%;
    max-width: 100%;
    font-size: 0.875rem;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #ccc;

}

.stepWatch-tolltipTextVisible-RLQ {
    display: block;
}

.stepWatch-files-Cn8 {
    display: flex;
    flex-direction: column;
    row-gap: 0.75rem;
    grid-area: files;
}

@media(min-width: 768px) {
    .stepWatch-files-Cn8 {
        row-gap: 1.25rem;
    }
}

.stepWatch-addFileLabel-tFu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 2;
    color: var(--color-green);
    background: var(--color-light-grey);
    border: 1px dashed var(--color-green);
    cursor: pointer;
}

.stepWatch-addFileLabelDisabled-BDh {

    opacity: 0.4;
    cursor: default;
}

.stepWatch-addFileInput-mg4 {
}

.stepWatch-imageList-1Op {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.stepWatch-imageWrapper-vd8 {
    position: relative;
    width: 110px;
    height: 100px;
}

.stepWatch-image-k-m {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.stepWatch-removeButton-RG1 {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 0;
    top: 0;
}

.stepWatch-fileTips-Ob3 {
    display: flex;
    flex-direction: column;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.25;
    color: #343a40;
}

.stepWatch-errorText-TvQ {
    font-weight: 400;
    color: var(--color-red);
}
.checkbox-root-fZ0 {
    display: grid;
    grid-template-columns: -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr;
    grid-template-areas:
        'input label'
        'message message';
    grid-auto-flow: column;
    gap: calc(0.875rem - 5px);
    justify-items: center;
    padding: 0.5rem;
    color: var(--color-dark-grey);
    line-height: 1.5rem;
}

.checkbox-label-rO- {
    grid-area: label;
    justify-self: start;
    font-weight: 300;
    font-size: 1rem;
    cursor: pointer;
}

@media(min-width: 768px) {
    .checkbox-label-rO- {
        font-size: 1.125rem;
    }
}

.checkbox-input-ZC1 {
    width: 1.5rem;
    height: 1.5rem;
    -webkit-appearance: none;
    grid-area: input;
    background: none;
    border: 1px solid transparent;
    cursor: pointer;
    background-image: url(/checkbox-3Hh.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

.checkbox-input-ZC1:checked {
    background-image: url(/checkbox-checked-bNY.svg);
}

.select-input-26c {
}

.select-input-26c:focus + .select-inputLine-BkW {
    height: 2px;
    background-color: var(--color-dark-green);
}

.select-input-26c:disabled {
    color: var(--color-grey);
}

.select-input_error-7xl {
}

.select-input_error-7xl + .select-inputLine-BkW {
    background-color: var(--color-red);
}

.select-input_shimmer-wI5 {
}

.select-inputLine-BkW {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--color-dark-grey);
}

.select-errorMessage-McP {
    padding: 0.625rem 0.125rem 0.125rem;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1rem;
    color: var(--color-red);
}

.select-errorMessage-McP:empty {
    display: none;
}

.textInput-input-uty {
}

.textInput-input-uty:focus + .textInput-inputLine-HFC {
    height: 2px;
    background-color: var(--color-dark-green);
}

.textInput-input-uty:disabled {
    color: var(--color-grey);
}

.textInput-input_error-4NY {
}

.textInput-input_error-4NY + .textInput-inputLine-HFC {
    background-color: var(--color-red);
}

.textInput-input_shimmer-5G- {
}

.textInput-inputLine-HFC {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--color-dark-grey);
}

.textInput-errorMessage-iVO {
    padding: 0.625rem 0.125rem 0.125rem;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1rem;
    color: var(--color-red);
}

.textInput-errorMessage-iVO:empty {
    display: none;
}

.stepDetails-root-lte {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        'title'
        'condition'
        'year'
        'priceRetail'
        'priceAsking'
        'checkboxes'
        'buttons';
    gap: 0.9375rem 1.5rem;
    padding: 1rem 0rem;

    align-items: center;
}

@media(min-width: 768px) {
    .stepDetails-root-lte {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            'title title'
            'condition year'
            'priceRetail priceAsking'
            'checkboxes checkboxes'
            'buttons buttons';
    }
}

.stepDetails-title-6EE {

    grid-area: title;
    color: var(--color-dark-grey);
    text-align: center;
    margin: 2rem 0;
}

.stepDetails-condition-Wc1 {

    grid-area: condition;
}

.stepDetails-conditionSelect-2ov {
}

.stepDetails-year-Wk1 {

    grid-area: year;
}

.stepDetails-priceRetail-Zrx {

    grid-area: priceRetail;
}

.stepDetails-priceAsking-pCo {

    grid-area: priceAsking;
}

.stepDetails-label-Vbb {
    display: flex;
    align-items: center;
    -moz-column-gap: 4px;
         column-gap: 4px;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
}

.stepDetails-labelRequired-7J1:after {
    content: '*';
    color: var(--color-red);
}

.stepDetails-checkboxes-a1S {
    grid-area: checkboxes;
    display: flex;
    flex-direction: column;
}

@media(min-width: 768px) {
    .stepDetails-checkboxes-a1S {
        padding-left: 30%;
    }
}

.stepDetails-buttonGroup-oIS {
    grid-area: buttons;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.stepContacts-root-Kzg {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        'title'
        'name'
        'email'
        'phone'
        'argeements'
        'buttons';
    gap: 0.9375rem 1.5rem;
    padding: 1rem 0rem;

    align-items: start;
}

@media(min-width: 768px) {
    .stepContacts-root-Kzg {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            'title title'
            'name email'
            'phone .'
            'argeements argeements'
            'buttons buttons';
    }
}

.stepContacts-title-ufV {

    grid-area: title;
    color: var(--color-dark-grey);
    text-align: center;
    margin: 2rem 0;
}

.stepContacts-name-VNP {

    grid-area: name;
}

.stepContacts-email-lz- {

    grid-area: email;
}

.stepContacts-phone-X2R {

    grid-area: phone;
}

.stepContacts-argeements-FJA {

    grid-area: argeements;
}

.stepContacts-argeements-FJA a {
    color: var(--color-green);
}

.stepContacts-argeements-FJA a:hover,
.stepContacts-argeements-FJA a:focus {
    color: var(--color-dark-green);
}

.stepContacts-argeements-FJA a:active {
    color: var(--color-darkness-green);
}

.stepContacts-argeements-FJA small {
    grid-column: 1 / span 2;
    justify-self: start;
    color: var(--color-red);
}

.stepContacts-label-VvG {
    display: flex;
    align-items: center;
    -moz-column-gap: 4px;
         column-gap: 4px;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
}

.stepContacts-labelRequired-ZG1:after {
    content: '*';
    color: var(--color-red);
}

.stepContacts-buttonGroup-hFr {
    grid-area: buttons;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.stepOverview-root-iSw {
    /* display: grid;
    grid-template-columns: 1fr 8rem; */
    /* grid-template-areas:
        'watchCard jumpToWatchButton'
        '. jumpToStepDetails'
        '. jumpToStepContacts'
        'buttons buttons'; */
}

.stepOverview-section-ge4 {
    display: grid;
    padding: 1rem 0;
    border-bottom: 1px solid var(--color-light-green);
    row-gap: 1rem;
}

@media (min-width: 768px) {
    .stepOverview-section-ge4 {
        grid-template-columns: 1fr 5rem;
    }
}

.stepOverview-card-AUo {
    margin-bottom: 1rem;
}

.stepOverview-card-AUo div[class^="watchCard-root"] {
    grid-template-areas: 'brand'
                        'model'
                        'refer';
}

.stepOverview-card-AUo div[class^="watchCard-image"] {
    display: none;
}

.stepOverview-editButton-I8g {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    -moz-column-gap: 4px;
         column-gap: 4px;
    font-size: 0.875rem;
    line-height: 1;
    color: var(--color-dark-grey);
}

@media (min-width: 768px) {
    .stepOverview-editButton-I8g {
        grid-column: 2/3;
    }
}

.stepOverview-editButton-I8g svg {
    stroke: var(--color-dark-grey);
    stroke-width: 2;
}

.stepOverview-editButton-I8g:hover,
.stepOverview-editButton-I8g:focus {
    color: var(--color-green);
}

.stepOverview-editButton-I8g:hover svg,
.stepOverview-editButton-I8g:focus svg{
    stroke: var(--color-green);
}

.stepOverview-list-4LU {
    grid-column: 1/2;
    display: flex;
    flex-direction: column;
    row-gap: 0.75rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
}

.stepOverview-item-BPv {
    display: flex;
    flex-direction: column;
    padding: 0 15px;
    font-size: 1rem;
    line-height: 1.5;
}

.stepOverview-item-BPv dt {
    font-weight: 300;
    color: var(--color-green);
}

@media(min-width: 768px) {
    .stepOverview-list-4LU {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.stepOverview-buttonGroup-hC9 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0;
}

.stepOverview-resultText-lNJ {

    padding: 2rem 0 4rem;

    text-align: center;
    color: var(--color-dark-grey);
}

.stepOverview-errorText-32G {
    color: var(--color-red);
}

.stepOverview-previewsWrp-7qk {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem
}

.stepOverview-preview-IgG {
    width: 110px;
    height: 100px;
    -o-object-fit: contain;
       object-fit: contain;
}