.konfiguratorx_group__label b {
    display: block;
    margin: 1rem 0 0;
}

.konfiguratorx_item {
    border: 1px solid var(--gray-medium);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: .5rem 0;
    padding: 0.5rem;
    gap: 0 1rem;
}
.konfiguratorx_item:hover {
    border-color: var(--primary);
}
.konfiguratorx_item.hasVariations:hover .konfiguratorx_item__selection {
    cursor: pointer;
}
.konfiguratorx_item__selection {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
}
.konfiguratorx_item__qty {
    flex: 0 0 5rem;
}
.konfiguratorx_item__qty .quantity {
    border-color: var(--gray-medium);
    text-align: center;
}

.status-hinweis {
    color: var(--danger);
}

.selection__text {
    flex: 1;
}
.selection__text > small {
    display: block;
}
.selection__icon {
    font-size: 1rem;
}

.konfiguratorx_item__images {
    flex: 1 0 100%;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid var(--gray-medium);
    margin: 0.5rem -.125rem 0;
    padding-top: 0.5rem;
}
.konfiguratorx_item__images img {
    padding: 0.125rem;
    width: calc(100% / 10);
}

.konfiguratorx_variation {
    border: 1px solid var(--gray-medium);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0.5rem 0;
    padding: 0.5rem;
    gap: 0 1rem;
}
.konfiguratorx_variation:hover {
    border-color: var(--primary);
}
.konfiguratorx_variation__selection {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    text-decoration: none;
}
.konfiguratorx_variation__selection:hover, 
.konfiguratorx_variation__selection:focus {
    color: inherit;
}
.konfiguratorx_variation__selection .selection__icon {
    color: var(--success);
    opacity: 0;
    padding-right: .5rem;
    transition: opacity .3s;
}
.konfiguratorx_variation__selection:hover .selection__icon, 
.konfiguratorx_variation__selection:focus .selection__icon, 
.konfiguratorx_variation__selection.active .selection__icon {
    opacity: 1;
}