.elementor-29057 .elementor-element.elementor-element-42bbc9d{--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;}.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-29057 .elementor-element.elementor-element-f842806 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-weight:600;color:#EC773C;}.elementor-29057 .elementor-element.elementor-element-49750670{--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;}.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-29057 .elementor-element.elementor-element-1634e85e{font-family:"Nunito", Sans-serif;font-size:18px;font-weight:600;color:#4B4A4A;}.elementor-29057 .elementor-element.elementor-element-6228900{--display:flex;--min-height:360px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-29057 .elementor-element.elementor-element-996fe92{--display:flex;}.elementor-29057 .elementor-element.elementor-element-35d933d{text-align:left;}.elementor-29057 .elementor-element.elementor-element-35d933d img{width:65%;}.elementor-29057 .elementor-element.elementor-element-1ffd67f{font-family:"Nunito", Sans-serif;font-size:18px;font-weight:600;}.elementor-29057 .elementor-element.elementor-element-b441579{--display:flex;}.elementor-29057 .elementor-element.elementor-element-18127c6{font-family:"Nunito", Sans-serif;font-size:18px;font-weight:600;color:#4B4A4A;}.elementor-29057 .elementor-element.elementor-element-9d2ee4b{--display:flex;}.elementor-29057 .elementor-element.elementor-element-f8856ed{font-family:"Nunito", Sans-serif;font-size:18px;font-weight:600;color:#4B4A4A;}.elementor-29057 .elementor-element.elementor-element-f8856ed a:hover, .elementor-29057 .elementor-element.elementor-element-f8856ed a:focus{color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-29057 .elementor-element.elementor-element-84fa5dc{--divider-border-style:solid;--divider-color:#E0E0E0;--divider-border-width:1px;}.elementor-29057 .elementor-element.elementor-element-84fa5dc .elementor-divider-separator{width:100%;}.elementor-29057 .elementor-element.elementor-element-84fa5dc .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-29057 .elementor-element.elementor-element-b8f13ed{--display:flex;}.elementor-29057 .elementor-element.elementor-element-a560ba1{font-family:"Nunito", Sans-serif;font-size:18px;font-weight:600;color:#4B4A4A;}.elementor-29057 .elementor-element.elementor-element-92c32d1{--display:flex;}.elementor-29057 .elementor-element.elementor-element-c8e529f{font-family:"Nunito", Sans-serif;font-size:18px;font-weight:600;color:#4B4A4A;}.elementor-29057 .elementor-element.elementor-element-c8e529f a:hover, .elementor-29057 .elementor-element.elementor-element-c8e529f a:focus{color:#FFFFFF;}.elementor-29057 .elementor-element.elementor-element-1aaa3e8{--divider-border-style:solid;--divider-color:#E0E0E0;--divider-border-width:1px;}.elementor-29057 .elementor-element.elementor-element-1aaa3e8 .elementor-divider-separator{width:100%;}.elementor-29057 .elementor-element.elementor-element-1aaa3e8 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-29057 .elementor-element.elementor-element-d03436e{--display:flex;}.elementor-29057 .elementor-element.elementor-element-5613411{font-family:"Nunito", Sans-serif;font-size:18px;font-weight:600;color:#4B4A4A;}.elementor-29057 .elementor-element.elementor-element-5613411 a:hover, .elementor-29057 .elementor-element.elementor-element-5613411 a:focus{color:#FFFFFF;}.elementor-29057 .elementor-element.elementor-element-2ded895{--divider-border-style:solid;--divider-color:#E0E0E0;--divider-border-width:1px;}.elementor-29057 .elementor-element.elementor-element-2ded895 .elementor-divider-separator{width:100%;}.elementor-29057 .elementor-element.elementor-element-2ded895 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-29057 .elementor-element.elementor-element-0319e1e{--display:flex;}.elementor-29057 .elementor-element.elementor-element-4d2deee{font-family:"Nunito", Sans-serif;font-size:18px;font-weight:600;color:#4B4A4A;}.elementor-29057 .elementor-element.elementor-element-4d2deee a:hover, .elementor-29057 .elementor-element.elementor-element-4d2deee a:focus{color:#FFFFFF;}.elementor-29057 .elementor-element.elementor-element-95a8f9b{--divider-border-style:solid;--divider-color:#E0E0E0;--divider-border-width:1px;}.elementor-29057 .elementor-element.elementor-element-95a8f9b .elementor-divider-separator{width:100%;}.elementor-29057 .elementor-element.elementor-element-95a8f9b .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-29057 .elementor-element.elementor-element-0a40296{--display:flex;}.elementor-29057 .elementor-element.elementor-element-1e25ec2{font-family:"Nunito", Sans-serif;font-size:18px;font-weight:600;color:#4B4A4A;}.elementor-29057 .elementor-element.elementor-element-1e25ec2 a:hover, .elementor-29057 .elementor-element.elementor-element-1e25ec2 a:focus{color:#FFFFFF;}.elementor-29057 .elementor-element.elementor-element-734650c{--divider-border-style:solid;--divider-color:#E0E0E0;--divider-border-width:1px;}.elementor-29057 .elementor-element.elementor-element-734650c .elementor-divider-separator{width:100%;}.elementor-29057 .elementor-element.elementor-element-734650c .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-29057 .elementor-element.elementor-element-2d012d4{--display:flex;}.elementor-29057 .elementor-element.elementor-element-2f37134{font-family:"Nunito", Sans-serif;font-size:18px;font-weight:600;color:#4B4A4A;}.elementor-29057 .elementor-element.elementor-element-2f37134 a:hover, .elementor-29057 .elementor-element.elementor-element-2f37134 a:focus{color:#FFFFFF;}.elementor-29057 .elementor-element.elementor-element-3d9b3c7{--divider-border-style:solid;--divider-color:#E0E0E0;--divider-border-width:1px;}.elementor-29057 .elementor-element.elementor-element-3d9b3c7 .elementor-divider-separator{width:100%;}.elementor-29057 .elementor-element.elementor-element-3d9b3c7 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-29057 .elementor-element.elementor-element-d7920f4{--display:flex;}.elementor-29057 .elementor-element.elementor-element-75c16fa{font-family:"Nunito", Sans-serif;font-size:18px;font-weight:600;color:#4B4A4A;}.elementor-29057 .elementor-element.elementor-element-75c16fa a:hover, .elementor-29057 .elementor-element.elementor-element-75c16fa a:focus{color:#FFFFFF;}.elementor-29057 .elementor-element.elementor-element-0cde9b5{--divider-border-style:solid;--divider-color:#E0E0E0;--divider-border-width:1px;}.elementor-29057 .elementor-element.elementor-element-0cde9b5 .elementor-divider-separator{width:100%;}.elementor-29057 .elementor-element.elementor-element-0cde9b5 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-29057 .elementor-element.elementor-element-65af0f8{--display:flex;}.elementor-29057 .elementor-element.elementor-element-cb3a0ad{font-family:"Nunito", Sans-serif;font-size:18px;font-weight:600;color:#4B4A4A;}.elementor-29057 .elementor-element.elementor-element-cb3a0ad a:hover, .elementor-29057 .elementor-element.elementor-element-cb3a0ad a:focus{color:#FFFFFF;}.elementor-29057 .elementor-element.elementor-element-1d5a1b6{--divider-border-style:solid;--divider-color:#E0E0E0;--divider-border-width:1px;}.elementor-29057 .elementor-element.elementor-element-1d5a1b6 .elementor-divider-separator{width:100%;}.elementor-29057 .elementor-element.elementor-element-1d5a1b6 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-29057 .elementor-element.elementor-element-7643838{--display:flex;}.elementor-29057 .elementor-element.elementor-element-be3885f{font-family:"Nunito", Sans-serif;font-size:18px;font-weight:600;color:#4B4A4A;}.elementor-29057 .elementor-element.elementor-element-be3885f a:hover, .elementor-29057 .elementor-element.elementor-element-be3885f a:focus{color:#FFFFFF;}.elementor-29057 .elementor-element.elementor-element-3b0431e{--divider-border-style:solid;--divider-color:#E0E0E0;--divider-border-width:1px;}.elementor-29057 .elementor-element.elementor-element-3b0431e .elementor-divider-separator{width:100%;}.elementor-29057 .elementor-element.elementor-element-3b0431e .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-29057 .elementor-element.elementor-element-e384f29{--display:flex;}.elementor-29057 .elementor-element.elementor-element-c18cc8c{font-family:"Nunito", Sans-serif;font-size:18px;font-weight:600;color:#4B4A4A;}.elementor-29057 .elementor-element.elementor-element-c18cc8c a:hover, .elementor-29057 .elementor-element.elementor-element-c18cc8c a:focus{color:#FFFFFF;}.elementor-29057 .elementor-element.elementor-element-714020a{--divider-border-style:solid;--divider-color:#E0E0E0;--divider-border-width:1px;}.elementor-29057 .elementor-element.elementor-element-714020a .elementor-divider-separator{width:100%;}.elementor-29057 .elementor-element.elementor-element-714020a .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-29057 .elementor-element.elementor-element-abc62fb{--display:flex;}.elementor-29057 .elementor-element.elementor-element-2fa8905{font-family:"Nunito", Sans-serif;font-size:18px;font-weight:600;}.elementor-29057 .elementor-element.elementor-element-2fa8905 a:hover, .elementor-29057 .elementor-element.elementor-element-2fa8905 a:focus{color:#FFFFFF;}@media(max-width:767px){.elementor-29057 .elementor-element.elementor-element-6228900{--min-height:346px;}.elementor-29057 .elementor-element.elementor-element-6834cb8 img{height:320px;}.elementor-29057 .elementor-element.elementor-element-c8e529f{font-size:15px;}.elementor-29057 .elementor-element.elementor-element-5613411{font-size:15px;}.elementor-29057 .elementor-element.elementor-element-4d2deee{font-size:12.5px;}.elementor-29057 .elementor-element.elementor-element-1e25ec2{font-size:12.5px;}.elementor-29057 .elementor-element.elementor-element-2f37134{font-size:12.5px;}.elementor-29057 .elementor-element.elementor-element-75c16fa{font-size:15px;}}@media(min-width:768px){.elementor-29057 .elementor-element.elementor-element-49750670{--content-width:1140px;}.elementor-29057 .elementor-element.elementor-element-6228900{--width:90%;}.elementor-29057 .elementor-element.elementor-element-996fe92{--content-width:1140px;}}/* Start custom CSS for text-editor, class: .elementor-element-f8856ed */.hover-animatie-tekst { position: relative; display: inline-block; padding: 16px 32px; text-decoration: none; color: black; overflow: hidden; z-index: 1; transition: color 0.3s ease; } .hover-animatie-tekst::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #FF6600; z-index: -1; transform: translateY(100%); } /* Achtergrond-animaties */ @keyframes bounceIn { 0% { transform: translateY(100%); } 40% { transform: translateY(-50%); } 60% { transform: translateY(5%); } 80% { transform: translateY(-2%); } 100% { transform: translateY(0); } } @keyframes bounceOut { 0% { transform: translateY(0); } 40% { transform: translateY(-5%); } 100% { transform: translateY(100%); } } /* Hover: achtergrond omhoog, tekst wordt wit */ .hover-animatie-tekst:hover::before { animation: bounceIn 0.7s forwards; } .hover-animatie-tekst:hover { animation: textToWhite 0.7s forwards; } /* Niet-hover: achtergrond omlaag, tekst blijft even wit en dan zwart */ .hover-animatie-tekst:not(:hover)::before { animation: bounceOut 1.0s forwards; } .hover-animatie-tekst:not(:hover) { animation: textToBlack 0.8s forwards; } /* Tekst-kleur animaties */ @keyframes textToWhite { 0% { color: black; } 40% { color: white; } 100% { color: white; } } /* Vertraagde overgang terug naar zwart */ @keyframes textToBlack { 0% { color: white; } 70% { color: white; } /* blijft wit tijdens de bounceOut */ 100% { color: black; } /* pas aan het einde terug naar zwart */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-c8e529f */.hover-animatie-tekst { position: relative; display: inline-block; padding: 16px 32px; text-decoration: none; color: black; overflow: hidden; z-index: 1; transition: color 0.3s ease; } .hover-animatie-tekst::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #FF6600; z-index: -1; transform: translateY(100%); } /* Achtergrond-animaties */ @keyframes bounceIn { 0% { transform: translateY(100%); } 40% { transform: translateY(-50%); } 60% { transform: translateY(5%); } 80% { transform: translateY(-2%); } 100% { transform: translateY(0); } } @keyframes bounceOut { 0% { transform: translateY(0); } 40% { transform: translateY(-5%); } 100% { transform: translateY(100%); } } /* Hover: achtergrond omhoog, tekst wordt wit */ .hover-animatie-tekst:hover::before { animation: bounceIn 0.7s forwards; } .hover-animatie-tekst:hover { animation: textToWhite 0.7s forwards; } /* Niet-hover: achtergrond omlaag, tekst blijft even wit en dan zwart */ .hover-animatie-tekst:not(:hover)::before { animation: bounceOut 1.0s forwards; } .hover-animatie-tekst:not(:hover) { animation: textToBlack 0.8s forwards; } /* Tekst-kleur animaties */ @keyframes textToWhite { 0% { color: black; } 40% { color: white; } 100% { color: white; } } /* Vertraagde overgang terug naar zwart */ @keyframes textToBlack { 0% { color: white; } 70% { color: white; } /* blijft wit tijdens de bounceOut */ 100% { color: black; } /* pas aan het einde terug naar zwart */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5613411 */.hover-animatie-tekst { position: relative; display: inline-block; padding: 16px 32px; text-decoration: none; color: black; overflow: hidden; z-index: 1; transition: color 0.3s ease; } .hover-animatie-tekst::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #FF6600; z-index: -1; transform: translateY(100%); } /* Achtergrond-animaties */ @keyframes bounceIn { 0% { transform: translateY(100%); } 40% { transform: translateY(-50%); } 60% { transform: translateY(5%); } 80% { transform: translateY(-2%); } 100% { transform: translateY(0); } } @keyframes bounceOut { 0% { transform: translateY(0); } 40% { transform: translateY(-5%); } 100% { transform: translateY(100%); } } /* Hover: achtergrond omhoog, tekst wordt wit */ .hover-animatie-tekst:hover::before { animation: bounceIn 0.7s forwards; } .hover-animatie-tekst:hover { animation: textToWhite 0.7s forwards; } /* Niet-hover: achtergrond omlaag, tekst blijft even wit en dan zwart */ .hover-animatie-tekst:not(:hover)::before { animation: bounceOut 1.0s forwards; } .hover-animatie-tekst:not(:hover) { animation: textToBlack 0.8s forwards; } /* Tekst-kleur animaties */ @keyframes textToWhite { 0% { color: black; } 40% { color: white; } 100% { color: white; } } /* Vertraagde overgang terug naar zwart */ @keyframes textToBlack { 0% { color: white; } 70% { color: white; } /* blijft wit tijdens de bounceOut */ 100% { color: black; } /* pas aan het einde terug naar zwart */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4d2deee */.hover-animatie-tekst { position: relative; display: inline-block; padding: 16px 32px; text-decoration: none; color: black; overflow: hidden; z-index: 1; transition: color 0.3s ease; } .hover-animatie-tekst::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #FF6600; z-index: -1; transform: translateY(100%); } /* Achtergrond-animaties */ @keyframes bounceIn { 0% { transform: translateY(100%); } 40% { transform: translateY(-50%); } 60% { transform: translateY(5%); } 80% { transform: translateY(-2%); } 100% { transform: translateY(0); } } @keyframes bounceOut { 0% { transform: translateY(0); } 40% { transform: translateY(-5%); } 100% { transform: translateY(100%); } } /* Hover: achtergrond omhoog, tekst wordt wit */ .hover-animatie-tekst:hover::before { animation: bounceIn 0.7s forwards; } .hover-animatie-tekst:hover { animation: textToWhite 0.7s forwards; } /* Niet-hover: achtergrond omlaag, tekst blijft even wit en dan zwart */ .hover-animatie-tekst:not(:hover)::before { animation: bounceOut 1.0s forwards; } .hover-animatie-tekst:not(:hover) { animation: textToBlack 0.8s forwards; } /* Tekst-kleur animaties */ @keyframes textToWhite { 0% { color: black; } 40% { color: white; } 100% { color: white; } } /* Vertraagde overgang terug naar zwart */ @keyframes textToBlack { 0% { color: white; } 70% { color: white; } /* blijft wit tijdens de bounceOut */ 100% { color: black; } /* pas aan het einde terug naar zwart */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1e25ec2 */.hover-animatie-tekst { position: relative; display: inline-block; padding: 16px 32px; text-decoration: none; color: black; overflow: hidden; z-index: 1; transition: color 0.3s ease; } .hover-animatie-tekst::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #FF6600; z-index: -1; transform: translateY(100%); } /* Achtergrond-animaties */ @keyframes bounceIn { 0% { transform: translateY(100%); } 40% { transform: translateY(-50%); } 60% { transform: translateY(5%); } 80% { transform: translateY(-2%); } 100% { transform: translateY(0); } } @keyframes bounceOut { 0% { transform: translateY(0); } 40% { transform: translateY(-5%); } 100% { transform: translateY(100%); } } /* Hover: achtergrond omhoog, tekst wordt wit */ .hover-animatie-tekst:hover::before { animation: bounceIn 0.7s forwards; } .hover-animatie-tekst:hover { animation: textToWhite 0.7s forwards; } /* Niet-hover: achtergrond omlaag, tekst blijft even wit en dan zwart */ .hover-animatie-tekst:not(:hover)::before { animation: bounceOut 1.0s forwards; } .hover-animatie-tekst:not(:hover) { animation: textToBlack 0.8s forwards; } /* Tekst-kleur animaties */ @keyframes textToWhite { 0% { color: black; } 40% { color: white; } 100% { color: white; } } /* Vertraagde overgang terug naar zwart */ @keyframes textToBlack { 0% { color: white; } 70% { color: white; } /* blijft wit tijdens de bounceOut */ 100% { color: black; } /* pas aan het einde terug naar zwart */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2f37134 */.hover-animatie-tekst { position: relative; display: inline-block; padding: 16px 32px; text-decoration: none; color: black; overflow: hidden; z-index: 1; transition: color 0.3s ease; } .hover-animatie-tekst::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #FF6600; z-index: -1; transform: translateY(100%); } /* Achtergrond-animaties */ @keyframes bounceIn { 0% { transform: translateY(100%); } 40% { transform: translateY(-50%); } 60% { transform: translateY(5%); } 80% { transform: translateY(-2%); } 100% { transform: translateY(0); } } @keyframes bounceOut { 0% { transform: translateY(0); } 40% { transform: translateY(-5%); } 100% { transform: translateY(100%); } } /* Hover: achtergrond omhoog, tekst wordt wit */ .hover-animatie-tekst:hover::before { animation: bounceIn 0.7s forwards; } .hover-animatie-tekst:hover { animation: textToWhite 0.7s forwards; } /* Niet-hover: achtergrond omlaag, tekst blijft even wit en dan zwart */ .hover-animatie-tekst:not(:hover)::before { animation: bounceOut 1.0s forwards; } .hover-animatie-tekst:not(:hover) { animation: textToBlack 0.8s forwards; } /* Tekst-kleur animaties */ @keyframes textToWhite { 0% { color: black; } 40% { color: white; } 100% { color: white; } } /* Vertraagde overgang terug naar zwart */ @keyframes textToBlack { 0% { color: white; } 70% { color: white; } /* blijft wit tijdens de bounceOut */ 100% { color: black; } /* pas aan het einde terug naar zwart */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-75c16fa */.hover-animatie-tekst { position: relative; display: inline-block; padding: 16px 32px; text-decoration: none; color: black; overflow: hidden; z-index: 1; transition: color 0.3s ease; } .hover-animatie-tekst::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #FF6600; z-index: -1; transform: translateY(100%); } /* Achtergrond-animaties */ @keyframes bounceIn { 0% { transform: translateY(100%); } 40% { transform: translateY(-50%); } 60% { transform: translateY(5%); } 80% { transform: translateY(-2%); } 100% { transform: translateY(0); } } @keyframes bounceOut { 0% { transform: translateY(0); } 40% { transform: translateY(-5%); } 100% { transform: translateY(100%); } } /* Hover: achtergrond omhoog, tekst wordt wit */ .hover-animatie-tekst:hover::before { animation: bounceIn 0.7s forwards; } .hover-animatie-tekst:hover { animation: textToWhite 0.7s forwards; } /* Niet-hover: achtergrond omlaag, tekst blijft even wit en dan zwart */ .hover-animatie-tekst:not(:hover)::before { animation: bounceOut 1.0s forwards; } .hover-animatie-tekst:not(:hover) { animation: textToBlack 0.8s forwards; } /* Tekst-kleur animaties */ @keyframes textToWhite { 0% { color: black; } 40% { color: white; } 100% { color: white; } } /* Vertraagde overgang terug naar zwart */ @keyframes textToBlack { 0% { color: white; } 70% { color: white; } /* blijft wit tijdens de bounceOut */ 100% { color: black; } /* pas aan het einde terug naar zwart */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-cb3a0ad */.hover-animatie-tekst { position: relative; display: inline-block; padding: 16px 32px; text-decoration: none; color: black; overflow: hidden; z-index: 1; transition: color 0.3s ease; } .hover-animatie-tekst::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #FF6600; z-index: -1; transform: translateY(100%); } /* Achtergrond-animaties */ @keyframes bounceIn { 0% { transform: translateY(100%); } 40% { transform: translateY(-50%); } 60% { transform: translateY(5%); } 80% { transform: translateY(-2%); } 100% { transform: translateY(0); } } @keyframes bounceOut { 0% { transform: translateY(0); } 40% { transform: translateY(-5%); } 100% { transform: translateY(100%); } } /* Hover: achtergrond omhoog, tekst wordt wit */ .hover-animatie-tekst:hover::before { animation: bounceIn 0.7s forwards; } .hover-animatie-tekst:hover { animation: textToWhite 0.7s forwards; } /* Niet-hover: achtergrond omlaag, tekst blijft even wit en dan zwart */ .hover-animatie-tekst:not(:hover)::before { animation: bounceOut 1.0s forwards; } .hover-animatie-tekst:not(:hover) { animation: textToBlack 0.8s forwards; } /* Tekst-kleur animaties */ @keyframes textToWhite { 0% { color: black; } 40% { color: white; } 100% { color: white; } } /* Vertraagde overgang terug naar zwart */ @keyframes textToBlack { 0% { color: white; } 70% { color: white; } /* blijft wit tijdens de bounceOut */ 100% { color: black; } /* pas aan het einde terug naar zwart */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-be3885f */.hover-animatie-tekst { position: relative; display: inline-block; padding: 16px 32px; text-decoration: none; color: black; overflow: hidden; z-index: 1; transition: color 0.3s ease; } .hover-animatie-tekst::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #FF6600; z-index: -1; transform: translateY(100%); } /* Achtergrond-animaties */ @keyframes bounceIn { 0% { transform: translateY(100%); } 40% { transform: translateY(-50%); } 60% { transform: translateY(5%); } 80% { transform: translateY(-2%); } 100% { transform: translateY(0); } } @keyframes bounceOut { 0% { transform: translateY(0); } 40% { transform: translateY(-5%); } 100% { transform: translateY(100%); } } /* Hover: achtergrond omhoog, tekst wordt wit */ .hover-animatie-tekst:hover::before { animation: bounceIn 0.7s forwards; } .hover-animatie-tekst:hover { animation: textToWhite 0.7s forwards; } /* Niet-hover: achtergrond omlaag, tekst blijft even wit en dan zwart */ .hover-animatie-tekst:not(:hover)::before { animation: bounceOut 1.0s forwards; } .hover-animatie-tekst:not(:hover) { animation: textToBlack 0.8s forwards; } /* Tekst-kleur animaties */ @keyframes textToWhite { 0% { color: black; } 40% { color: white; } 100% { color: white; } } /* Vertraagde overgang terug naar zwart */ @keyframes textToBlack { 0% { color: white; } 70% { color: white; } /* blijft wit tijdens de bounceOut */ 100% { color: black; } /* pas aan het einde terug naar zwart */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-c18cc8c */.hover-animatie-tekst { position: relative; display: inline-block; padding: 16px 32px; text-decoration: none; color: black; overflow: hidden; z-index: 1; transition: color 0.3s ease; } .hover-animatie-tekst::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #FF6600; z-index: -1; transform: translateY(100%); } /* Achtergrond-animaties */ @keyframes bounceIn { 0% { transform: translateY(100%); } 40% { transform: translateY(-50%); } 60% { transform: translateY(5%); } 80% { transform: translateY(-2%); } 100% { transform: translateY(0); } } @keyframes bounceOut { 0% { transform: translateY(0); } 40% { transform: translateY(-5%); } 100% { transform: translateY(100%); } } /* Hover: achtergrond omhoog, tekst wordt wit */ .hover-animatie-tekst:hover::before { animation: bounceIn 0.7s forwards; } .hover-animatie-tekst:hover { animation: textToWhite 0.7s forwards; } /* Niet-hover: achtergrond omlaag, tekst blijft even wit en dan zwart */ .hover-animatie-tekst:not(:hover)::before { animation: bounceOut 1.0s forwards; } .hover-animatie-tekst:not(:hover) { animation: textToBlack 0.8s forwards; } /* Tekst-kleur animaties */ @keyframes textToWhite { 0% { color: black; } 40% { color: white; } 100% { color: white; } } /* Vertraagde overgang terug naar zwart */ @keyframes textToBlack { 0% { color: white; } 70% { color: white; } /* blijft wit tijdens de bounceOut */ 100% { color: black; } /* pas aan het einde terug naar zwart */ }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2fa8905 */.hover-animatie-tekst { position: relative; display: inline-block; padding: 16px 32px; text-decoration: none; color: black; overflow: hidden; z-index: 1; transition: color 0.3s ease; } .hover-animatie-tekst::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #FF6600; z-index: -1; transform: translateY(100%); } /* Achtergrond-animaties */ @keyframes bounceIn { 0% { transform: translateY(100%); } 40% { transform: translateY(-50%); } 60% { transform: translateY(5%); } 80% { transform: translateY(-2%); } 100% { transform: translateY(0); } } @keyframes bounceOut { 0% { transform: translateY(0); } 40% { transform: translateY(-5%); } 100% { transform: translateY(100%); } } /* Hover: achtergrond omhoog, tekst wordt wit */ .hover-animatie-tekst:hover::before { animation: bounceIn 0.7s forwards; } .hover-animatie-tekst:hover { animation: textToWhite 0.7s forwards; } /* Niet-hover: achtergrond omlaag, tekst blijft even wit en dan zwart */ .hover-animatie-tekst:not(:hover)::before { animation: bounceOut 1.0s forwards; } .hover-animatie-tekst:not(:hover) { animation: textToBlack 0.8s forwards; } /* Tekst-kleur animaties */ @keyframes textToWhite { 0% { color: black; } 40% { color: white; } 100% { color: white; } } /* Vertraagde overgang terug naar zwart */ @keyframes textToBlack { 0% { color: white; } 70% { color: white; } /* blijft wit tijdens de bounceOut */ 100% { color: black; } /* pas aan het einde terug naar zwart */ }/* End custom CSS */