.elementor-2857 .elementor-element.elementor-element-343c0138{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-2857 .elementor-element.elementor-element-205f0196{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2857 .elementor-element.elementor-element-5c697545{--display:flex;--gap:80px 0px;--row-gap:80px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2857 .elementor-element.elementor-element-f6f9264{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2857 .elementor-element.elementor-element-1d1ce8fc .elementor-heading-title{font-family:var( --e-global-typography-bbdfe49-font-family ), Sans-serif;font-size:var( --e-global-typography-bbdfe49-font-size );font-weight:var( --e-global-typography-bbdfe49-font-weight );line-height:var( --e-global-typography-bbdfe49-line-height );letter-spacing:var( --e-global-typography-bbdfe49-letter-spacing );color:var( --e-global-color-8769359 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2857 .elementor-element.elementor-element-508e43ec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2857 .elementor-element.elementor-element-22ed4e8a.elementor-element{--align-self:center;}.elementor-2857 .elementor-element.elementor-element-73639cc8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2857 .elementor-element.elementor-element-3b6621b0{--grid-columns:3;--grid-row-gap:24px;--grid-column-gap:24px;}@media(max-width:1366px){.elementor-2857 .elementor-element.elementor-element-1d1ce8fc .elementor-heading-title{font-size:var( --e-global-typography-bbdfe49-font-size );line-height:var( --e-global-typography-bbdfe49-line-height );letter-spacing:var( --e-global-typography-bbdfe49-letter-spacing );}.elementor-2857 .elementor-element.elementor-element-3b6621b0{--grid-columns:3;}}@media(min-width:768px){.elementor-2857 .elementor-element.elementor-element-f6f9264{--width:40%;}}@media(max-width:1366px) and (min-width:768px){.elementor-2857 .elementor-element.elementor-element-f6f9264{--width:500px;}}@media(max-width:1024px){.elementor-2857 .elementor-element.elementor-element-343c0138{--padding-top:48px;--padding-bottom:48px;--padding-left:16px;--padding-right:16px;}.elementor-2857 .elementor-element.elementor-element-1d1ce8fc .elementor-heading-title{font-size:var( --e-global-typography-bbdfe49-font-size );line-height:var( --e-global-typography-bbdfe49-line-height );letter-spacing:var( --e-global-typography-bbdfe49-letter-spacing );}.elementor-2857 .elementor-element.elementor-element-3b6621b0{--grid-columns:2;}}@media(max-width:767px){.elementor-2857 .elementor-element.elementor-element-5c697545{--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-2857 .elementor-element.elementor-element-f6f9264{--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-2857 .elementor-element.elementor-element-1d1ce8fc .elementor-heading-title{font-size:var( --e-global-typography-bbdfe49-font-size );line-height:var( --e-global-typography-bbdfe49-line-height );letter-spacing:var( --e-global-typography-bbdfe49-letter-spacing );}.elementor-2857 .elementor-element.elementor-element-ef80489 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-2857 .elementor-element.elementor-element-3b6621b0{--grid-columns:1;}}/* Start custom CSS */.toggle-container {
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    width: fit-content;
    background-color:#F5F5F4;
    padding:6px;
    gap:5px
}


.toggle-tab {
    padding: 8px 16px!important;
    cursor: pointer;
    background-color: #ffffff00;
    border: solid 1px #E7E5E400;
    transition: background-color 0.3s;
    color:#272727!important;
    font-size:1rem!important;
    font-weight:400;
    border-radius:5px!important;
}

.toggle-tab:hover, .toggle-tab:focus, button .toggle-tab:active {
    background-color: #ffffff!important;
} 


.toggle-tab.active {
    background-color: #fff;
    font-weight: 600;
    border: solid 1px #E7E5E4;
    border-radius: 10px 10px 0 0;
}

@media screen and (max-width: 1024px) {  
    .toggle-container {
    padding:4px;
    gap:5px
    
}

.toggle-tab {
    padding: 5px 10px!important;
    font-size:15px!important;
}
}

@media screen and (max-width: 767px) {
    
.toggle-tab {
    text-transform: capitalize;
}    
    
.toggle-prefix {
        display: none;
    }
}





.toggle-header .toggle-container {
    display: flex;
    overflow: visible;
    width: fit-content;
    background-color: #ffffff00!important;
    gap:10px;
    border: 0px solid #e0e0e0;
    padding:0;
    border-radius: 0;
}


.toggle-header .toggle-tab {
    padding: 6px 12px!important;
    width:130px;
    cursor: pointer;
    background-color: #ffffff000!important;
    border: none;
    transition: all 0s !important;
    position: relative;
    font-weight: 500;
    color: #333;
    z-index: 1;
    border-radius: 10px 10px 0 0!important;
}

.toggle-header .toggle-tab:hover {
    background-color: #ffffff00!important;
} 

.toggle-header .toggle-tab:focus, .toggle-header button .toggle-tab:active {
    background-color: #ffffff!important;
}






/* Zorg dat de hover nooit de active state overschrijft */
.toggle-header .toggle-tab.active:hover {
    background-color: #FFFFFF !important;
}


/* Linker hoek voor actieve tab */
.toggle-header .toggle-tab.active::before {
    content: url('https://spects.nl/wp-content/uploads/2025/07/Corner.png');
    position: absolute;
    bottom: -6px;
    left: -10px;
    transform: rotate(270deg);
    z-index: 2;
}

/* Rechter hoek voor actieve tab */
.toggle-header .toggle-tab.active::after {
    content: url('https://spects.nl/wp-content/uploads/2025/07/Corner.png');
    position: absolute;
    bottom: -6px;
    right: -10px;
    transform: rotate(0deg);
    z-index: 2;
}/* End custom CSS */