.breadcrumb-bar-wrapper.productgroup { margin: 0 auto; padding: 21px 0; }

.productgroup-featureblock          { __background: #f0efed; } 
.productgroup-featureblock-content  {
    display: flex; flex-direction: column; align-items: center; justify-content: space-between;
    max-width: 93% !important; min-height: 230px; max-width: 1140px;
    margin: 0 auto; padding: 15px 0px;
}

.productgroup-featureblock-content  { width: 1140px !important; }

.productgroup-featureblock-image-wrapper                { position: relative; width: 250px; }
.productgroup-featureblock-image-wrapper.landscape      { width: 450px; }
.productgroup-featureblock-image-wrapper.shadow img     { box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.2); }
.productgroup-featureblock-image                        { max-width: 100%; }
.productgroup-featureblock-info-wrapper                 { display: flex; flex-flow: column nowrap; justify-content: center; }
.productgroup-featureblock-title                        { margin: 0 0 0px; font-size: 34px; }
.productgroup-featureblock-intro                        { margin: 0 0 15px; }

.productgroup-featureblock-bullets-wrapper              { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0; list-style: none; }
.productgroup-featureblock-bullet                       { width: CALC(50% - 20px); font-weight: 600; margin-bottom: 2px; padding-left: 20px; }
.productgroup-featureblock-bullet .fa-check             { margin: 0 3px 0 0; margin-left: -20px; }

.productgroup-tabs-wrapper      { padding: 20px 0 0; __background: #f0efed; display: none; }
.productgroup-tabs-content      { display: flex; justify-content: flex-start; width: 980px; margin: 0 auto; }

.productgroup-tab               { margin: 0 1px 0 0; padding: 7px 15px; font-weight: 700; background: #d4d4d4; cursor: pointer; }
.productgroup-tab.active        { background: #777; }
.productgroup-tab:hover         { text-decoration: underline; color: #000; }

.productgroup-content-wrapper   { padding: 30px 0; }
.productgroup-content           { display: flex; justify-content: space-between; flex-flow: column; width: 1140px; margin: 0 auto; }

.productgroup-panel             { display: none; }
.productgroup-panel.active      { display: block; }

.productgroup-panels-wrapper .productgroup-tab { display: none; }

.productgroup-breadcrumb-container,
.productgroup-featureblock,
.productgroup-tabs-wrapper {
    __background: #efefef;
}

.productgroup-featureblock-content .productgroup-featureblock-image-wrapper     { width: 100%; margin-bottom: 20px; }
.productgroup-featureblock-info-wrapper.landscape                               { width: 100%; }
.productgroup-featureblock-info-wrapper                                         { width: 100%; }
.productgroup-featureblock-bullets-wrapper                                      { display: block; }
.productgroup-featureblock-bullet                                               { width: 100%; }

.productgroup-tab  {
    margin: 0 0 10px; padding: 10px 12px; font-size: 14px; color: #000;
    background: var(--menu-bgcolor) url('/images/arrow-right-black.svg') 99% 8px / 25px auto no-repeat; border-radius: 24px;
}
.productgroup-tab.active {
    margin: 0 0 10px; padding: 10px 12px; font-size: 14px; color: black;
    background: var(--menu-bgcolor) url('/images/arrow-down-black.svg') 99% 8px / 25px auto no-repeat; border-radius: 12px 12px 0 0;
}

.productgroup-panels-wrapper .productgroup-tab      { display: block; }

.overview-productgroup-product-wrapper,
.product-overview-productgroup-info                 { display: none; }

.product-overview-productgroup-contentwrapper .product-info-bestelitem-button-label   { display: block; }


/* WHITE TEKST OP EEN DONKERE ONDERGROND */
.color-invert,
.color-invert a:not(.productgroup-tab)                        { color: #FFF; }
.color-invert p a                      { text-decoration: underline }
.color-invert .btn                     { background: #FFF; color: #000; }
.color-invert .btn.btn-default         { background: #FFF; color: #000; } 
.color-invert .btn.btn-primary         { background: #FFF; color: #000; } 
.color-invert .btn.btn-default:hover         {  color: #000; background-color: #FFF; border-color: #4a4f56; } 
.color-invert .btn.btn-primary:hover         {  color: #000; background-color: #FFF; border-color: #4a4f56; } 


@media (min-width: 768px) {

    .overview-productgroup-product-wrapper,
    .product-overview-productgroup-info                 { display: block; }

}

@media (min-width: 992px) {

    .productgroup-tab                                   { margin: 0; padding: 7px 15px; background: #efefef url('/images/arrow-right-black.svg') 99% 4px / 27px auto no-repeat; }
    .productgroup-tab.active                            { padding: 7px 15px; background: #777 url('/images/arrow-down-black.svg') 99% 4px / 27px auto no-repeat; }

    .productgroup-panels-wrapper .productgroup-tab      { display: none; }

    .productgroup-tabs-wrapper  { display: block; }
    .productgroup-tab           { border-radius: 10px 10px 0 0; margin-right: 5px; background-image: none; }
    .productgroup-tab.active    { margin: 0 5px 0 0; background: #fff; color: #000; }
    
    .productgroup-panel.active  { padding: 20px 0; }
    
    .productgroup-featureblock-info-wrapper     { flex: 90% 1 1; }
    .productgroup-featureblock-content          { flex-direction: row; }

    .productgroup-featureblock-content .productgroup-featureblock-image-wrapper,
    .productgroup-featureblock-content .productgroup-featureblock-image-wrapper.landscape   { max-width: 440px; margin-bottom: 0; text-align: center; }

    .productgroup-featureblock-content .productgroup-featureblock-image  { max-width: 400px; }
    
}

@media (min-width: 1025px) {

    .productgroup-content   { flex-flow: row; }
    .productgroup-main      { max-width: 70%; width: 100%; min-width: 650px; padding-right: 40px; box-sizing: border-box; }
    .productgroup-side      { max-width: 30%; width: 100%; min-width: 300px; }

}

@media (min-width: 1200px) {
    .productgroup-featureblock-bullets-wrapper                                      { display: flex; }
    .productgroup-featureblock-bullet                                               { width: 50%; }
}