.sp_suggestion {

    overflow: hidden;

}



.sp_suggestion,

.sp_suggestion * {

    box-sizing: border-box;

}



.suggestion-search {

    display: none;

    position: absolute;

    top: 65px;

    left: 0;

    right: 0;

    z-index: 15;

}



.sp_suggestion {

    position: relative;

    width: 100%;

    height: 432px;

    margin: 0 auto;

    background: #f5f5f5;

    overflow: hidden;

    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);

}



.sp_suggestion_body {

    position: relative;

    max-width: 1200px;

    margin: 40px auto 20px auto;

    z-index: 58;

}



.sp_suggestion_searchterm {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    flex-wrap: nowrap;

    gap: 16px;

    position: absolute;

    width: 262px;

    height: 200px;

    top: 0;

    left: 0;

}



.sp_suggestion_searchterm_header {

    align-self: stretch;

    flex-shrink: 0;

    position: relative;

    min-width: 0;

    height: 16px;

    z-index: 1;

}



.sp_suggestion_searchterm_header_text {

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

    position: absolute;

    height: 100%;

    top: 0;

    left: 0;

    font-family: Work Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 16px;

    text-align: left;

    white-space: nowrap;

    letter-spacing: 1.2px;

    z-index: 2;

}



.sp_suggestion_searchterm_list {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    align-self: stretch;

    flex-wrap: nowrap;

    flex-shrink: 0;

    gap: 12px;

    position: relative;

    min-width: 0;

    padding: 0 0 0 12px;

    z-index: 3;

}



.sp_suggestion_searchterm_listitem {

    display: flex;

    flex-shrink: 0;

    gap: 4px;

    position: relative;

    height: 24px;

    z-index: 4;

}



.icon-lupe {

    flex-shrink: 0;

    position: relative;

    width: 16px;

    height: 16px;

    background: url(/img/spiral/suggestion_lupe.png) no-repeat center;

    background-size: cover;

    z-index: 5;

    overflow: hidden;

}



.sp_suggestion_searchterm_listitem_text {

    flex-shrink: 0;

    flex-basis: auto;

    position: relative;

    height: 20px;

    font-family: Work Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

    text-align: left;

    white-space: nowrap;

    z-index: 6;

    overflow: hidden;

    max-width: 200px;

    text-overflow: ellipsis;

}





.line {

    position: absolute;

    width: 0px;

    height: 328px;

    top: 0;

    left: 282px;

    background: url(/img/spiral/suggestion_line.png) no-repeat center;

    background-size: cover;

    border: 1px solid #e0e0e0;

    z-index: 57;

}



.line2 {

    position: absolute;

    width: 0px;

    height: 328px;

    top: 0;

    left: 588px;

    background: url(/img/spiral/suggestion_line.png) no-repeat center;

    background-size: cover;

    border: 1px solid #e0e0e0;

    

    z-index: 58;

}



.sp_suggestion_category {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    flex-wrap: nowrap;

    gap: 16px;

    position: absolute;

    width: 262px;

    height: 200px;

    top: 0;

    left: 306px;

    z-index: 19;

}



.sp_suggestion_category_header {

    align-self: stretch;

    flex-shrink: 0;

    position: relative;

    min-width: 0;

    height: 16px;

    z-index: 20;

}



.sp_suggestion_category_header_text {

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

    position: absolute;

    height: 100%;

    top: 0;

    left: 0;

    font-family: Work Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 16px;

    text-align: left;

    white-space: nowrap;

    letter-spacing: 1.2px;

    z-index: 21;

}



.sp_suggestion_category_list {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    align-self: stretch;

    flex-wrap: nowrap;

    flex-shrink: 0;

    gap: 12px;

    position: relative;

    min-width: 0;

    padding: 0 0 0 12px;

    z-index: 22;

}



.sp_suggestion_category_listitem {

    display: flex;

    flex-wrap: nowrap;

    flex-shrink: 0;

    gap: 4px;

    position: relative;

    width: 100%;

    height: 24px;

    z-index: 23;

}



.sp_suggestion_category_listitem_text {

    flex-shrink: 0;

    flex-basis: auto;

    position: relative;

    height: 20px;

    font-family: Work Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

    text-align: left;

    white-space: nowrap;

    z-index: 24;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

}











.sp_suggestion_product {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    flex-wrap: nowrap;

    gap: 16px;

    position: absolute;

    height: 370px;

    top: 0;

    right: 0;

    left: 612px;

    z-index: 33;

}



.sp_suggestion_product_header {

    flex-shrink: 0;

    position: relative;

    width: 91px;

    height: 16px;

    z-index: 34;

}



.sp_suggestion_product_header_text {

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

    position: absolute;

    height: 100%;

    top: 0;

    left: 0;

    font-family: Work Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 16px;

    text-align: left;

    white-space: nowrap;

    letter-spacing: 1.2px;

    z-index: 35;

}



.sp_suggestion_product_list {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    align-self: stretch;

    flex-wrap: nowrap;

    flex-shrink: 0;

    gap: 8px;

    position: relative;

    min-width: 0;

    z-index: 36;

}



.sp_suggestion_product_listitem {

    display: flex;

    align-items: flex-start;

    align-self: stretch;

    flex-wrap: nowrap;

    flex-shrink: 0;

    gap: 16px;

    position: relative;

    padding: 4px 4px 4px 8px;

    background: #ffffff;

    border: 1px solid #e0e0e0;

    z-index: 37;

    border-radius: 8px;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);

}



.sp_suggestion_product_listitem_image {

    flex-shrink: 0;

    position: relative;

    width: 60px;

    height: 60px;

    background: url(/img/spiral/suggestion_placeholder.png) no-repeat center;

    background-size: cover;

    z-index: 38;

    overflow: hidden;

    border-radius: 6px;

}



.sp_suggestion_product_listitem_text {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: space-between;

    align-self: stretch;

    flex-wrap: nowrap;

    flex-grow: 1;

    flex-shrink: 0;

    flex-basis: 0;

    position: relative;

    padding: 4px 0 4px 0;

    z-index: 39;

}



.sp_suggestion_product_listitem_produkttitel {

    flex-shrink: 0;

    flex-basis: auto;

    position: relative;

    height: 20px;

    font-family: Work Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;

    color: #212121;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

    text-align: left;

    white-space: nowrap;

    z-index: 40;

}



.sp_suggestion_product_listitem_stockno {

    flex-shrink: 0;

    flex-basis: auto;

    position: relative;

    height: 16px;

    font-family: Work Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;

    color: #616161;

    font-size: 12px;

    font-weight: 400;

    line-height: 16px;

    text-align: left;

    white-space: nowrap;

    z-index: 41;

}





.sp_suggestion_button {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    flex-wrap: nowrap;

    gap: 8px;

    width: 100%;

    height: 36px;

    z-index: 59;

    border-radius: 8px;

}



.sp_suggestion_alle {

    flex-shrink: 0;

    flex-basis: auto;

    position: relative;

    height: 20px;

    font-family: Work Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;

    color: #212121;

    font-size: 15px;

    font-weight: 600;

    line-height: 20px;

    text-align: left;

    white-space: nowrap;

    letter-spacing: 0.3px;

    z-index: 60;

}



.sp_suggestion_arrow-alt-right {

    flex-shrink: 0;

    position: relative;

    width: 20px;

    height: 20px;

    background: url(/img/spiral/suggestion_arrow-alt-right.png) no-repeat center;

    background-size: cover;

    z-index: 61;

    overflow: hidden;

}



.sp_suggestion_footer {

    position: absolute;

    height: 16px;

    top: 0;

    right: 0;

    left: 0;

    background: linear-gradient(180deg, #e0e0e0, rgba(255, 255, 255, 0));

    z-index: 62;

    overflow: hidden;

}



@media (max-width: 1100px) {



    .suggestion-mob {

        display: none;

        position: absolute;

        top: 104px;

        left: 0;

        right: 0;

        z-index: 100;

    }

    .sp_suggestion {

        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 12px;

        position: relative;

        width: 100%;

        height: 100%;

        margin: 0 auto;

        background: #f5f5f5;

        box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);

    }



    .sp_suggestion_body {

        flex-shrink: 0;

        position: relative;

        width: 100%;

        max-width: 100%;

        padding: 0 48px;

    }



    .sp_suggestion_searchterm {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        flex-wrap: nowrap;

        flex-shrink: 0;

        gap: 16px;

        position: relative;

        width: 100%;

        z-index: 9;

    }



    .sp_suggestion_searchterm_header {

        align-self: stretch;

        flex-shrink: 0;

        position: relative;

        min-width: 0;

        height: 16px;

        z-index: 10;

    }



    .sp_suggestion_searchterm_header_text {

        display: flex;

        align-items: flex-start;

        justify-content: flex-start;

        position: absolute;

        top: 0;

        left: 0;

        color: #212121;

        font-family: Work Sans, var(--default-font-family);

        font-size: 17px;

        font-weight: 600;

        line-height: 24px;

        text-align: left;

        white-space: nowrap;

        z-index: 11;

    }



    .sp_suggestion_searchterm_list {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        align-self: stretch;

        flex-wrap: nowrap;

        flex-shrink: 0;

        gap: 12px;

        position: relative;

        min-width: 0;

        padding: 0 0 0 12px;

        z-index: 12;

    }



    .sp_suggestion_searchterm_listitem {

        display: flex;

        align-items: center;

        justify-content: flex-start;

        flex-shrink: 0;

        gap: 4px;

        position: relative;

        width: 100%;

        height: 24px;

        z-index: 13;

    }



    .icon-lupe {

        flex-shrink: 0;

        position: relative;

        width: 16px;

        height: 16px;

        background: url(/img/spiral/suggestion_lupe.png) no-repeat center;

       background-size: cover;

        z-index: 14;

        overflow: hidden;



    }



    .sp_suggestion_searchterm_listitem_text {

        flex-shrink: 0;

        flex-basis: auto;

        position: relative;

        height: 20px;

        color: #212121;

        font-family: Work Sans, var(--default-font-family);

        font-size: 15px;

        font-weight: 400;

        line-height: 20px;

        text-align: left;

        z-index: 15;

    }



    .line {

        flex-shrink: 0;

        position: absolute;

        width: 0px;

        height: 200px;

        background: url(/img/spiral/suggestion_line.png) no-repeat center;

        background-size: cover;

        border: 1px solid #e0e0e0;

        z-index: 28;

        left: 484px;

    }



    .line2 {

        display: none;

    }



    .sp_suggestion_category {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        flex-wrap: nowrap;

        flex-shrink: 0;

        gap: 16px;

        position: absolute;

        width: 262px;

        z-index: 29;

        left: 500px;

    }



    .sp_suggestion_category_header {

        align-self: stretch;

        flex-shrink: 0;

        position: relative;

        min-width: 0;

        height: 16px;

        z-index: 30;

    }



    .sp_suggestion_category_header_text {

        display: flex;

        align-items: flex-start;

        justify-content: flex-start;

        position: absolute;

        height: 150%;

        top: 0;

        left: 0;

        color: #212121;

        font-family: Work Sans, var(--default-font-family);

        font-size: 17px;

        font-weight: 600;

        line-height: 24px;

        text-align: left;

        white-space: nowrap;

        z-index: 31;

    }



    .sp_suggestion_category_list {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        align-self: stretch;

        flex-wrap: nowrap;

        flex-shrink: 0;

        gap: 12px;

        position: relative;

        min-width: 0;

        padding: 0 0 0 12px;

        z-index: 32;

    }



    .sp_suggestion_category_listitem {

        display: flex;

        align-items: center;

        justify-content: flex-start;

        flex-wrap: nowrap;

        flex-shrink: 0;

        gap: 4px;

        position: relative;

        width: 100%;

        height: 24px;

        z-index: 33;

    }



    .sp_suggestion_category_listitem_text {

        flex-shrink: 0;

        flex-basis: auto;

        position: relative;

        height: 20px;

        color: #212121;

        font-family: Work Sans, var(--default-font-family);

        font-size: 15px;

        font-weight: 400;

        line-height: 20px;

        text-align: left;

        white-space: nowrap;

        z-index: 34;

    }



    .sp_suggestion_product {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        flex-wrap: nowrap;

        flex-shrink: 0;

        gap: 16px;

        position: initial;

        width: 100%;

        z-index: 43;

        margin-top: 42px;

        height: initial;

    }



    .sp_suggestion_product_header {

        flex-shrink: 0;

        position: relative;

        width: 91px;

        height: 16px;

        z-index: 44;

    }



    .sp_suggestion_product_header_text {

        display: flex;

        align-items: flex-start;

        justify-content: flex-start;

        position: absolute;

        height: 150%;

        top: 0;

        left: 0;

        color: #212121;

        font-family: Work Sans, var(--default-font-family);

        font-size: 17px;

        font-weight: 600;

        line-height: 24px;

        text-align: left;

        white-space: nowrap;

        z-index: 45;

    }



    .sp_suggestion_product_list {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        align-self: stretch;

        flex-wrap: nowrap;

        flex-shrink: 0;

        gap: 8px;

        position: relative;

        min-width: 0;

        z-index: 46;

    }



    .sp_suggestion_product_listitem {

        display: flex;

        align-items: flex-start;

        align-self: stretch;

        flex-wrap: nowrap;

        flex-shrink: 0;

        gap: 16px;

        position: relative;

        padding: 4px 4px 4px 8px;

        background: #ffffff;

        border: 1px solid #e0e0e0;

        z-index: 47;

        border-radius: 8px;

        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);

    }



    .sp_suggestion_product_listitem_image {

        flex-shrink: 0;

        position: relative;

        width: 60px;

        height: 60px;

        background: url(/img/spiral/suggestion_placeholder.png) no-repeat center;

        background-size: cover;

        z-index: 48;

        overflow: hidden;

        border-radius: 6px;

    }



    .sp_suggestion_product_listitem_text {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        justify-content: space-between;

        align-self: stretch;

        flex-wrap: nowrap;

        flex-grow: 1;

        flex-shrink: 0;

        flex-basis: 0;

        position: relative;

        padding: 4px 0 4px 0;

        z-index: 49;

    }



    .sp_suggestion_product_listitem_produkttitel {

        flex-shrink: 0;

        flex-basis: auto;

        position: relative;

        height: 20px;

        color: #212121;

        font-family: Work Sans, var(--default-font-family);

        font-size: 15px;

        font-weight: 400;

        line-height: 20px;

        text-align: left;

        white-space: nowrap;

        z-index: 50;

    }



    .sp_suggestion_product_listitem_stockno {

        flex-shrink: 0;

        flex-basis: auto;

        position: relative;

        height: 16px;

        color: #616161;

        font-family: Work Sans, var(--default-font-family);

        font-size: 12px;

        font-weight: 400;

        line-height: 16px;

        text-align: left;

        white-space: nowrap;

        z-index: 51;

    }





    .sp_suggestion_button {

        display: flex;

        align-items: center;

        justify-content: flex-end;

        flex-wrap: nowrap;

        flex-shrink: 0;

        gap: 8px;

        position: relative;

        width: 100%;

        height: 36px;

        z-index: 5;

        border-radius: 8px;

    }



    .sp_suggestion_alle {

        flex-shrink: 0;

        flex-basis: auto;

        position: relative;

        height: 20px;

        color: #212121;

        font-family: Work Sans, var(--default-font-family);

        font-size: 15px;

        font-weight: 600;

        line-height: 20px;

        text-align: left;

        white-space: nowrap;

        letter-spacing: 0.3px;

        z-index: 6;

    }



    .sp_suggestion_arrow-alt-right {

        flex-shrink: 0;

        position: relative;

        width: 20px;

        height: 20px;

        background: url(/img/spiral/suggestion_arrow-alt-right.png) no-repeat center;

        background-size: cover;

        z-index: 7;

        overflow: hidden;

    }

}



@media (max-width: 768px) {

    .suggestion-mob .sp_suggestion {

        height: 100%;

        width: 100%;

        padding: 0 12px 0 12px;

    }

    .sp_suggestion_body {

        padding: 0;

        margin-top: 32px;

    }

}



@media (max-width: 800px) {

    .sp_suggestion_category {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        flex-wrap: nowrap;

        flex-shrink: 0;

        gap: 16px;

        position: initial;

        width: 262px;

        z-index: 29;

        margin-top: 32px;

        height: fit-content;

    }



    .line {

        display: none;

    }

}



@media (max-width: 450px) {

    body .suggestion-mob {

        position: absolute;

    }

    body .sp_suggestion .sp_suggestion_searchterm_list {

        padding: 0;

    }

    .sp_suggestion {

        display: flex;

        flex-direction: column;

        align-items: center;

        flex-wrap: nowrap;

        gap: 12px;

        position: relative;

        width: 375px;

        margin: 0 auto;

        background: #f5f5f5;

        box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);

        padding: 0 12px;

    }



    body .sp_suggestion_body {

        position: initial;

        flex-shrink: 0;

        width: 100%;

        margin: 32px 0 0 0;

        height: 100%;

        overflow-y: auto;

        overflow-x: hidden;

    }





    .sp_suggestion_searchterm {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        gap: 16px;

        position: initial;

        height: fit-content;

    }



    .sp_suggestion_searchterm_header {

        align-self: stretch;

        flex-shrink: 0;

        position: relative;

        min-width: 0;

        height: 16px;

        z-index: 10;

    }



    .sp_suggestion_searchterm_header_text {

        display: flex;

        align-items: flex-start;

        justify-content: flex-start;

        position: absolute;

        top: 0;

        left: 0;

        color: #212121;

        font-family: Work Sans, var(--default-font-family);

        font-size: 17px;

        font-weight: 600;

        line-height: 24px;

        text-align: left;

        white-space: nowrap;

        z-index: 11;

    }



    .sp_suggestion_searchterm_list {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        align-self: stretch;

        flex-wrap: nowrap;

        flex-shrink: 0;

        gap: 12px;

        position: relative;

        min-width: 0;

        padding: 0 0 0 12px;

        z-index: 12;

    }



    .sp_suggestion_searchterm_listitem {

        display: flex;

        align-items: center;

        justify-content: flex-start;

        flex-shrink: 0;

        gap: 4px;

        position: relative;

        height: 24px;

        z-index: 13;

    }



    .icon-lupe {

        flex-shrink: 0;

        position: relative;

        width: 16px;

        height: 16px;

        background: url(/img/spiral/suggestion_lupe.png) no-repeat center;

        background-size: cover;

        z-index: 14;

        overflow: hidden;

    }



    .sp_suggestion_searchterm_listitem_text {

        flex-shrink: 0;

        flex-basis: auto;

        position: relative;

        height: 20px;

        color: #212121;

        font-family: Work Sans, var(--default-font-family);

        font-size: 15px;

        font-weight: 400;

        line-height: 20px;

        text-align: left;

        white-space: nowrap;

        z-index: 15;

    }



    .line {

        display: none;

    }



    .line2 {

        display: none;

    }



    .sp_suggestion_category_header {

        align-self: stretch;

        flex-shrink: 0;

        position: relative;

        min-width: 0;

        height: 16px;

        z-index: 30;

    }



    .sp_suggestion_category_header_text {

        display: flex;

        align-items: flex-start;

        justify-content: flex-start;

        position: absolute;

        height: 150%;

        top: 0;

        left: 0;

        color: #212121;

        font-family: Work Sans, var(--default-font-family);

        font-size: 17px;

        font-weight: 600;

        line-height: 24px;

        text-align: left;

        white-space: nowrap;

        z-index: 31;

    }



    .sp_suggestion_category_list {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        align-self: stretch;

        flex-wrap: nowrap;

        flex-shrink: 0;

        gap: 12px;

        position: relative;

        min-width: 0;

        padding: 0;

        z-index: 32;

    }



    .sp_suggestion_category_listitem {

        display: flex;

        align-items: center;

        justify-content: flex-start;

        flex-wrap: nowrap;

        flex-shrink: 0;

        gap: 4px;

        position: relative;

        width: 100%;

        height: 24px;

        z-index: 33;

    }



    .sp_suggestion_category_listitem_text {

        flex-shrink: 0;

        flex-basis: auto;

        position: relative;

        height: 20px;

        color: #212121;

        font-family: Work Sans, var(--default-font-family);

        font-size: 15px;

        font-weight: 400;

        line-height: 20px;

        text-align: left;

        white-space: nowrap;

        z-index: 34;

    }



    .sp_suggestion_product {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        flex-wrap: nowrap;

        flex-shrink: 0;

        gap: 16px;

        position: initial;

        width: 100%;

        z-index: 43;

        margin-top: 32px;

        height: 85%;

    }



    .sp_suggestion_product_header {

        flex-shrink: 0;

        position: relative;

        width: 91px;

        height: 16px;

        z-index: 44;

    }



    .sp_suggestion_product_header_text {

        display: flex;

        align-items: flex-start;

        justify-content: flex-start;

        position: absolute;

        height: 150%;

        top: 0;

        left: 0;

        color: #212121;

        font-family: Work Sans, var(--default-font-family);

        font-size: 17px;

        font-weight: 600;

        line-height: 24px;

        text-align: left;

        white-space: nowrap;

        z-index: 45;

    }



    .sp_suggestion_product_list {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        align-self: stretch;

        flex-wrap: nowrap;

        flex-shrink: 0;

        gap: 8px;

        position: relative;

        min-width: 0;

        z-index: 46;

    }



    .sp_suggestion_product_listitem {

        display: flex;

        align-items: flex-start;

        align-self: stretch;

        flex-wrap: nowrap;

        flex-shrink: 0;

        gap: 16px;

        position: relative;

        padding: 4px 4px 4px 8px;

        background: #ffffff;

        border: 1px solid #e0e0e0;

        z-index: 47;

        border-radius: 8px;

        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07);

    }



    .sp_suggestion_product_listitem_image {

        flex-shrink: 0;

        position: relative;

        width: 60px;

        height: 60px;

        background: url(/img/spiral/suggestion_placeholder.png) no-repeat center;

        background-size: cover;

        z-index: 48;

        overflow: hidden;

        border-radius: 6px;

    }



    .sp_suggestion_product_listitem_text {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        justify-content: space-between;

        align-self: stretch;

        flex-wrap: nowrap;

        flex-grow: 1;

        flex-shrink: 0;

        flex-basis: 0;

        position: relative;

        padding: 4px 0 4px 0;

        z-index: 49;

    }



    .sp_suggestion_product_listitem_produkttitel {

        flex-shrink: 0;

        flex-basis: auto;

        position: relative;

        height: 20px;

        color: #212121;

        font-family: Work Sans, var(--default-font-family);

        font-size: 15px;

        font-weight: 400;

        line-height: 20px;

        text-align: left;

        white-space: normal !important;

        z-index: 50;

    }



    .sp_suggestion_product_listitem_stockno {

        flex-shrink: 0;

        flex-basis: auto;

        position: relative;

        height: 16px;

        color: #616161;

        font-family: Work Sans, var(--default-font-family);

        font-size: 12px;

        font-weight: 400;

        line-height: 16px;

        text-align: left;

        white-space: nowrap;

        z-index: 51;

    }

}