.konfigurator {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.konfigurator  div.product-img {
    margin-bottom: 32px;
}

.konfigurator  div.product-img > img {
    border-radius: 6px;
    object-fit: cover;
    width: 100%;
}



.konfigurator  div.product-preview {
    display: flex;
    flex-direction: column;
    flex: 500; /* 754 */
}

div.product-desc {
    margin-top: 25px;
    width: 500px;
}  

.konfigurator div.product-preview > button.to-cart {
    margin-top: 32px;
    width: 315px;
 
    align-self: flex-end;
}



.konfigurator  div.product-editing {
    margin-left: 84px;
    flex: 482;
}

.konfigurator  div.product-editing > h2:first-of-type {
    margin-top: 0px;
}


.konfigurator  div.edit-dropdown > div.product-detail-select {
    margin-bottom: 16px;
}

div.upload {
    margin-bottom: 16px;
}

div.upload > div.product-content {
    border-radius: 6px;
    border: 1px dashed var(--divider);

    width: 100%;
    min-height: 190px;

    display: flex;
    flex-direction: column;
    align-items: center;
}

div.upload > div.product-content > img {
    margin-top: 50px;
    width: 48px;
    height: 48px;
}

div.upload > div.product-content > button.secondary {
    width: 231px;
    margin-top: 16px;
    margin-bottom: 16px;
}

div.upload > div.product-content > p {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.3px;
    color: var(--gray);
}

div.uploadFileBox > div.product-content {
    border-radius: 6px;
    border: 1px dashed var(--divider);

    width: 100%;
    
    display: flex;
    flex-direction: column;
    align-items: center;
}

div.uploadFileBox > div.product-content > p {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.3px;
    color: var(--gray);
    padding: 3px;
}


div.note {
    margin-top: 16px;

    display: flex;
    flex-direction: column;
}

div.note > textarea {
    width: 100%;
    height: 183px;

    border-radius: 6px;
    border: 1px solid var(--divider);

    resize: none;
    outline: none;

    padding-top: 13px;
    padding-left: 15px;
    padding-right: 15px;

    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--gray);

}

@media only screen and (max-width: 1024px) {

    .konfigurator div.product-editing {
        margin-left: 0px;
    }
}