.elementor-3077 .elementor-element.elementor-element-18696eb8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3077 .elementor-element.elementor-element-18696eb8.e-con{--align-self:center;}.elementor-3077 .elementor-element.elementor-element-701dea9d{z-index:8;}.elementor-3077 .elementor-element.elementor-element-9f757a6{--display:flex;}.elementor-3077 .elementor-element.elementor-element-62e70d0{--display:flex;}.elementor-3077 .elementor-element.elementor-element-a03b8bc{--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;}@media(min-width:768px){.elementor-3077 .elementor-element.elementor-element-18696eb8{--content-width:100%;}}/* Start custom CSS for container, class: .elementor-element-18696eb8 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');

.toggleContainer {
   position: relative;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   width: 300px; /* Verhoog de breedte hier */
   border: 13px solid #EAE0D2;
   border-radius: 30px;
   background: #EAE0D2;
   font-weight: bold;
   color: white;
   cursor: pointer;
 }

.toggleContainer::before {
   content: '';
   position: absolute;
   width: 50%;
   height: 100%;
   left: 0%;
   border-radius: 20px;
   background: #CEA041;
   transition: all 0.3s;
   z-index: 1;
 }

.toggle_switch:checked + .toggleContainer::before {
    left: 50%;
 }

.toggleContainer div {
   padding: 6px;
   text-align: center;
   z-index: 1;
   font-family: 'Ubuntu', sans-serif;
 }

.toggle_switch {
   display: none;
}/* End custom CSS */