.elementor-5193 .elementor-element.elementor-element-19a77a6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--align-items:flex-end;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5193 .elementor-element.elementor-element-77dd8a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5193 .elementor-element.elementor-element-77dd8a2.e-con{--align-self:flex-end;}.elementor-5193 .elementor-element.elementor-element-346d476{color:var( --e-global-color-961ea5f );width:100%;max-width:100%;}.elementor-5193 .elementor-element.elementor-element-346d476 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5193 .elementor-element.elementor-element-ac7d5a7{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--align-items:flex-start;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-ac7d5a7, .elementor-5193 .elementor-element.elementor-element-ac7d5a7::before{--border-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-ac7d5a7.e-con{--align-self:flex-end;}.elementor-5193 .elementor-element.elementor-element-d26b153{text-align:left;color:var( --e-global-color-961ea5f );font-size:17px;text-transform:uppercase;line-height:18px;width:var( --container-widget-width, 47% );max-width:47%;--container-widget-width:47%;--container-widget-flex-grow:0;}.elementor-5193 .elementor-element.elementor-element-d26b153 > .elementor-widget-container{margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5193 .elementor-element.elementor-element-d26b153.elementor-element{--align-self:flex-start;}.elementor-5193 .elementor-element.elementor-element-e67cfd3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-e67cfd3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5193 .elementor-element.elementor-element-fd3ab20{text-align:left;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-5193 .elementor-element.elementor-element-fd3ab20 .elementor-heading-title{color:var( --e-global-color-961ea5f );font-size:var( --e-global-typography-2757f81-font-size );line-height:var( --e-global-typography-2757f81-line-height );letter-spacing:var( --e-global-typography-2757f81-letter-spacing );word-spacing:var( --e-global-typography-2757f81-word-spacing );}.elementor-5193 .elementor-element.elementor-element-fd3ab20 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-5193 .elementor-element.elementor-element-b61e828{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5193 .elementor-element.elementor-element-208fde3{--spacer-size:80px;}.elementor-5193 .elementor-element.elementor-element-309b1b4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5193 .elementor-element.elementor-element-0f6f7e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-c8a6452{color:#000000;}.elementor-5193 .elementor-element.elementor-element-07c9c87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-31e67f2{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5193 .elementor-element.elementor-element-6476327{--spacer-size:70px;}.elementor-5193 .elementor-element.elementor-element-cb45f5e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-5193 .elementor-element.elementor-element-cb45f5e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5193 .elementor-element.elementor-element-57427e3{--spacer-size:80px;}.elementor-5193 .elementor-element.elementor-element-19d076a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5193 .elementor-element.elementor-element-d9de59c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-cf4cd21{color:#000000;}.elementor-5193 .elementor-element.elementor-element-32bd424{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-f6c2c9a{color:var( --e-global-color-961ea5f );font-family:"RM neue", Sans-serif;font-size:30px;font-weight:400;}.elementor-5193 .elementor-element.elementor-element-767192e{--spacer-size:80px;}.elementor-5193 .elementor-element.elementor-element-0a5d2bc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--flex-wrap:wrap;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-0a5d2bc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5193 .elementor-element.elementor-element-9ef4f72{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-a24d586{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-8c912f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-823b4c6 .elementor-repeater-item-ad82186 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://test.studiobrando.com/wp-content/uploads/2024/06/boek-1.png);background-size:cover;}.elementor-5193 .elementor-element.elementor-element-823b4c6 .swiper-slide{height:500px;transition-duration:calc(5000ms*1.2);}.elementor-5193 .elementor-element.elementor-element-823b4c6 .swiper-slide-contents{max-width:66%;}.elementor-5193 .elementor-element.elementor-element-823b4c6 .swiper-slide-inner{text-align:center;}.elementor-5193 .elementor-element.elementor-element-d322140{--display:flex;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-ab292fc{--spacer-size:80px;}.elementor-5193 .elementor-element.elementor-element-03a2c49{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5193 .elementor-element.elementor-element-140315e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-42e57ca{color:#000000;}.elementor-5193 .elementor-element.elementor-element-c08c152{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-48cbbb9{color:var( --e-global-color-961ea5f );font-family:"RM neue", Sans-serif;font-size:30px;font-weight:400;}.elementor-5193 .elementor-element.elementor-element-70fd7bf{--spacer-size:80px;}.elementor-5193 .elementor-element.elementor-element-f6f157f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--flex-wrap:wrap;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-f6f157f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5193 .elementor-element.elementor-element-0f9fb60{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-a1a346e img{width:100%;max-width:100%;}.elementor-5193 .elementor-element.elementor-element-c622d8c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-45840d6 img{width:100%;max-width:100%;}.elementor-5193 .elementor-element.elementor-element-e82edc7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-abe700a .elementor-repeater-item-ad82186 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://test.studiobrando.com/wp-content/uploads/2024/06/Orior_Website_Animation_FINAL_still.webp);background-size:cover;}.elementor-5193 .elementor-element.elementor-element-abe700a .swiper-slide{height:500px;transition-duration:calc(5000ms*1.2);}.elementor-5193 .elementor-element.elementor-element-abe700a .swiper-slide-contents{max-width:66%;}.elementor-5193 .elementor-element.elementor-element-abe700a .swiper-slide-inner{text-align:center;}.elementor-5193 .elementor-element.elementor-element-ceb7c5f{--display:flex;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-d12f88f{--spacer-size:175px;}.elementor-5193 .elementor-element.elementor-element-9288bc8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5193 .elementor-element.elementor-element-82e8021{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-14c9d40{color:#000000;}.elementor-5193 .elementor-element.elementor-element-cccea2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-a85f30e{color:var( --e-global-color-961ea5f );font-family:"RM neue", Sans-serif;font-size:30px;font-weight:400;}.elementor-5193 .elementor-element.elementor-element-f72c38e{--spacer-size:65px;}.elementor-5193 .elementor-element.elementor-element-8c38f3e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--flex-wrap:wrap;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-a8ccc88{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-78fb0ee > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5193 .elementor-element.elementor-element-78fb0ee{width:100%;max-width:100%;}{{WRAPPE}}.uce-cursor-enabled-yes{--cursor-text-label:"View Project";}.elementor-5193 .elementor-element.elementor-element-78fb0ee.uce-cursor-enabled-yes .bdt-cursor-text{color:#000000;background-color:#FFFFFF;padding:45px 12px 45px 12px;border-radius:107px 107px 107px 107px;}.elementor-5193 .elementor-element.elementor-element-4817d6d{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-e126acb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5193 .elementor-element.elementor-element-e126acb{width:100%;max-width:100%;}.elementor-5193 .elementor-element.elementor-element-e126acb.elementor-element{--align-self:center;}.elementor-5193 .elementor-element.elementor-element-76b4b72{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-0b9bd31 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5193 .elementor-element.elementor-element-0b9bd31{width:100%;max-width:100%;}.elementor-5193 .elementor-element.elementor-element-0b9bd31.uce-cursor-enabled-yes .bdt-cursor-text{color:#FFFFFF;background-color:#000000;padding:42px 10px 42px 10px;border-radius:107px 107px 107px 107px;}.elementor-5193 .elementor-element.elementor-element-8c8b4dc{--display:flex;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-4f81e82{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-5193 .elementor-element.elementor-element-4f81e82 .elementor-divider-separator{width:100%;}.elementor-5193 .elementor-element.elementor-element-4f81e82 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5193 .elementor-element.elementor-element-9d3b57c{--spacer-size:165px;}.elementor-5193 .elementor-element.elementor-element-35c79af{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5193 .elementor-element.elementor-element-4b1ac0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-9fddb5c{color:#000000;}.elementor-5193 .elementor-element.elementor-element-a61078e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-367f9c2 .elementor-heading-title{color:var( --e-global-color-961ea5f );font-size:65px;}.elementor-5193 .elementor-element.elementor-element-c289b72{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5193 .elementor-element.elementor-element-841aa58{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-841aa58.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5193 .elementor-element.elementor-element-987d13d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-5193 .elementor-element.elementor-element-3b27aab{color:var( --e-global-color-961ea5f );}@media(min-width:768px){.elementor-5193 .elementor-element.elementor-element-19a77a6{--width:100%;}.elementor-5193 .elementor-element.elementor-element-77dd8a2{--width:16%;}.elementor-5193 .elementor-element.elementor-element-ac7d5a7{--width:26%;}.elementor-5193 .elementor-element.elementor-element-e67cfd3{--width:58.005%;}.elementor-5193 .elementor-element.elementor-element-b61e828{--width:100%;}.elementor-5193 .elementor-element.elementor-element-0f6f7e3{--width:41%;}.elementor-5193 .elementor-element.elementor-element-07c9c87{--width:50%;}.elementor-5193 .elementor-element.elementor-element-d9de59c{--width:41%;}.elementor-5193 .elementor-element.elementor-element-32bd424{--width:50%;}.elementor-5193 .elementor-element.elementor-element-0a5d2bc{--width:100%;}.elementor-5193 .elementor-element.elementor-element-9ef4f72{--width:50%;}.elementor-5193 .elementor-element.elementor-element-a24d586{--width:50%;}.elementor-5193 .elementor-element.elementor-element-8c912f6{--width:100%;}.elementor-5193 .elementor-element.elementor-element-140315e{--width:41%;}.elementor-5193 .elementor-element.elementor-element-c08c152{--width:50%;}.elementor-5193 .elementor-element.elementor-element-f6f157f{--width:100%;}.elementor-5193 .elementor-element.elementor-element-0f9fb60{--width:50%;}.elementor-5193 .elementor-element.elementor-element-c622d8c{--width:50%;}.elementor-5193 .elementor-element.elementor-element-e82edc7{--width:100%;}.elementor-5193 .elementor-element.elementor-element-82e8021{--width:41%;}.elementor-5193 .elementor-element.elementor-element-cccea2b{--width:50%;}.elementor-5193 .elementor-element.elementor-element-a8ccc88{--width:33.3333%;}.elementor-5193 .elementor-element.elementor-element-4817d6d{--width:33.3333%;}.elementor-5193 .elementor-element.elementor-element-76b4b72{--width:33.3333%;}.elementor-5193 .elementor-element.elementor-element-4b1ac0f{--width:41%;}.elementor-5193 .elementor-element.elementor-element-a61078e{--width:50%;}.elementor-5193 .elementor-element.elementor-element-841aa58{--width:41.215%;}.elementor-5193 .elementor-element.elementor-element-987d13d{--width:41%;}}@media(min-width:2400px){.elementor-5193 .elementor-element.elementor-element-fd3ab20 .elementor-heading-title{font-size:var( --e-global-typography-2757f81-font-size );line-height:var( --e-global-typography-2757f81-line-height );letter-spacing:var( --e-global-typography-2757f81-letter-spacing );word-spacing:var( --e-global-typography-2757f81-word-spacing );}.elementor-5193 .elementor-element.elementor-element-a8ccc88{--grid-auto-flow:row;}.elementor-5193 .elementor-element.elementor-element-4817d6d{--grid-auto-flow:row;}.elementor-5193 .elementor-element.elementor-element-76b4b72{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-5193 .elementor-element.elementor-element-fd3ab20 .elementor-heading-title{font-size:var( --e-global-typography-2757f81-font-size );line-height:var( --e-global-typography-2757f81-line-height );letter-spacing:var( --e-global-typography-2757f81-letter-spacing );word-spacing:var( --e-global-typography-2757f81-word-spacing );}.elementor-5193 .elementor-element.elementor-element-a8ccc88{--grid-auto-flow:row;}.elementor-5193 .elementor-element.elementor-element-4817d6d{--grid-auto-flow:row;}.elementor-5193 .elementor-element.elementor-element-76b4b72{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5193 .elementor-element.elementor-element-fd3ab20 .elementor-heading-title{font-size:var( --e-global-typography-2757f81-font-size );line-height:var( --e-global-typography-2757f81-line-height );letter-spacing:var( --e-global-typography-2757f81-letter-spacing );word-spacing:var( --e-global-typography-2757f81-word-spacing );}.elementor-5193 .elementor-element.elementor-element-a8ccc88{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5193 .elementor-element.elementor-element-4817d6d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5193 .elementor-element.elementor-element-76b4b72{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for text-editor, class: .elementor-element-d26b153 */.home2 .your-navigation-element {
    display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1c316c8 */#more {display: none;}

.readmore {
    padding: 0rem;
    cursor: pointer;
    color: #333333; 
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 6px; 
    border: none;
    background: none;
    font-size:16px;
    transition: color 0.3s ease;
}

.readmore:hover {
    color: grey; /* Optional: Change color on hover */
}


.readmore:focus, .readmore:hover {
    color:black;
    background-color: white;
    text-decoration: underline
    
}

.content2 {
    line-height: 1.15;
    font-size: 30px;
    font-weight: normal;
    transition: font-size 0.3s ease;
}

@media (max-width: 1200px) {
    .content2 {
        font-size: 1.8rem;
    }
}

@media (max-width: 992px) {
    .content2 {
        font-size: 1.6rem;
    }
}

@media (max-width: 768px) {
    .content2 {
        font-size: 1.4rem;
    }
}

@media (max-width: 576px) {
    .content2 {
        font-size: 1.2rem;
    }
    .readmore {
        font-size: 0.9em;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-78fb0ee */.card video,
.card img {
    width: 100%;
    max-height: 900px;
    object-fit: cover;
    margin-bottom: 5px;
    transition: transform 0.3s ease;
    
    	
}
 




.content {

 
    display: flex; /* Gebruik flexbox-layout */
    align-items: center; /* Verticaal centreren van inhoud */
    
}

/* Stijl voor de titel */
.title {
    font-size: 20px;
    padding-right: 10px;
}

/* Stijl voor de knop */
.cardkiki {

 font-size: 20px;
 
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    background: white;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Overgangseffect toegevoegd */
    
    padding: 10px 0px; /* Voeg wat ruimte toe rond de knop */
    margin-left: 10px; /* Voeg wat ruimte toe tussen de titel en de knop */
}

.cardkiki span {
    
    
    position: relative;
    background: inherit;
}

.cardkiki span::before {
    position: absolute;
    content: "";
    background: inherit;
}

.cardkiki:hover, .cardkiki:focus {
    background: white;
}

.cardkiki:hover span, .cardkiki:focus span {
    color: black;
}

/* Animatie voor knop bij hover van de kaart */
.card:hover .cardkiki span::before {
    animation: chitchat linear both 0.3s;
}

@keyframes chitchat {
    0% {
        content: "e";
    }
    5% {
        content: "h";
    }
    10% {
        content: "@";
    }
    15% {
        content: "br";
    }
    20% {
        content: "#.";
    }
    25% {
        content: "dhzd";
    }
    30% {
        content: "BR";
    }
    35% {
        content: "@}-?";
    }
    40% {
        content: "?{4@%";
    }
    45% {
        content: "=.,^!";
    }
    50% {
        content: "?2@%";
    }
    55% {
        content: "life";
    }
    60% {
        content: "brando";
        right: 0;
    }
    65% {
        content: "d";
        right: 0;
    }
    70% {
        content: "{4%0%";
        right: 0;
    }
    75% {
        content: "'1_0<";
        right: 0;
    }
    80% {
        content: "{0%";
        right: 0;
    }
    85% {
        content: "]>'";
        right: 0;
    }
    90% {
        content: "4";
        right: 0;
    }
    95% {
        content: "2";
        right: 0;
    }
    100% {
        content: "Branding / Web";
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e126acb *//* Styling button */
.text-change2 {
    padding-left: 10px;
  
    color: black;
    opacity: 1; /* Begin met volledig zichtbaar */
}

/* Opaciteit verminderen bij hover */
.card:hover .text-change2 span {
    opacity: 0;
    transition: opacity 0.8s ease; /* Overgang met een duur van 0.8 seconden */
}

/* Tekst vervangen door "Branding / Web" */
.card:hover .text-change2:before {
    content: "Branding";
    opacity: 1;
}

.card {
    position: relative;
    display: inline-block;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; /* Overgang van opaciteit en transform */
    transform: scale(0.80) translateZ(0); /* Begin met een kleinere schaal */
}

.card:hover .overlay {
    opacity: 1;
    transform: scale(1) translateZ(0); /* Schaal naar originele grootte bij hover */
}

.circle-button {
    background-color: blue;
    color: white;
    font-size: 24px;
    width: 100px; /* Breedte van de cirkel */
    height: 100px; /* Hoogte van de cirkel */
    border-radius: 50%; /* Maak het een cirkel */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.centered { 
font-weight: normal;
    color: white;
    font-size: 15px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b9bd31 *//* Styling button */
.text-change3 {
    padding-left: 10px;

    color: rgba(0, 0, 0, 1);
    
    opacity: 1; /* Begin met volledig zichtbaar */
}

/* Opaciteit verminderen bij hover */
.card:hover .text-change3 span {
    opacity: 0;
    transition: opacity 0.8s ease; /* Overgang met een duur van 0.5 seconden */
}

/* Tekst vervangen door "Branding / Web" */
.card:hover .text-change3:before {
    content: "Branding / Web";
    opacity: 1;


}





.hyphen { 
    color: black;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'RM neue';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://test.studiobrando.com/wp-content/uploads/2024/05/RMNeueTRIAL-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */