.elementor-2107 .elementor-element.elementor-element-367ab75{--display:flex;--min-height:1000px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:015%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-367ab75:not(.elementor-motion-effects-element-type-background), .elementor-2107 .elementor-element.elementor-element-367ab75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://matrans.de/wp-content/uploads/2026/05/dd37a4a6-f942-49bc-b1ad-3ce614908a03.png");background-position:top left;background-repeat:no-repeat;background-size:cover;}.elementor-2107 .elementor-element.elementor-element-de1b4ac{--display:flex;--min-height:1000px;--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;--padding-top:80px;--padding-bottom:0px;--padding-left:97px;--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-2107 .elementor-element.elementor-element-85bc0fe .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;}.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-2107 .elementor-element.elementor-element-88d62b8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2107 .elementor-element.elementor-element-88d62b8{font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:300;line-height:23px;color:#FFFFFF;}.elementor-2107 .elementor-element.elementor-element-88d62b8 a{color:var( --e-global-color-58e7ba9 );}.elementor-widget-button .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-2107 .elementor-element.elementor-element-76524a9 .elementor-button{background-color:#FFFFFF00;font-family:"Meta Pro", Sans-serif;font-weight:300;text-transform:uppercase;fill:var( --e-global-color-58e7ba9 );color:var( --e-global-color-58e7ba9 );border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:15px 30px 15px 30px;}.elementor-2107 .elementor-element.elementor-element-76524a9 .elementor-button:hover, .elementor-2107 .elementor-element.elementor-element-76524a9 .elementor-button:focus{background-color:var( --e-global-color-58e7ba9 );color:var( --e-global-color-secondary );}.elementor-2107 .elementor-element.elementor-element-76524a9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-style:none;}.elementor-2107 .elementor-element.elementor-element-76524a9 .elementor-button:hover svg, .elementor-2107 .elementor-element.elementor-element-76524a9 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-2107 .elementor-element.elementor-element-1440b73{--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-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-2107 .elementor-element.elementor-element-e1855e4{padding:80px 50px 0px 113px;}.elementor-2107 .elementor-element.elementor-element-d35919a{--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;--margin-top:0%;--margin-bottom:0%;--margin-left:15%;--margin-right:0%;}.elementor-2107 .elementor-element.elementor-element-291326d{padding:0px 393px 0px 316px;}.elementor-2107 .elementor-element.elementor-element-291326d img{width:80%;}.elementor-2107 .elementor-element.elementor-element-13e63ce{--display:flex;--min-height:0px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:15%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-6752f64{--display:flex;--min-height:0px;--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;--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:97px;--padding-right:40px;}.elementor-2107 .elementor-element.elementor-element-deb2220.elementor-element{--order:-99999 /* order start hack */;}.elementor-2107 .elementor-element.elementor-element-deb2220 .elementor-heading-title{font-family:"Meta Pro", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-2d21f8e );}.elementor-2107 .elementor-element.elementor-element-4eb737d{font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:300;color:var( --e-global-color-text );}.elementor-2107 .elementor-element.elementor-element-3043de8{--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-2107 .elementor-element.elementor-element-e824a0f{--display:flex;}.elementor-2107 .elementor-element.elementor-element-42b9319{--e-transform-scale:0.75;}.elementor-2107 .elementor-element.elementor-element-4d1b0e3{--display:flex;--justify-content:center;}.elementor-2107 .elementor-element.elementor-element-579cab9{width:initial;max-width:initial;font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:300;line-height:23px;}.elementor-2107 .elementor-element.elementor-element-579cab9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2107 .elementor-element.elementor-element-579cab9 p{margin-block-end:0px;}.elementor-2107 .elementor-element.elementor-element-8732a24{--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-2107 .elementor-element.elementor-element-ed0dc48{--display:flex;}.elementor-2107 .elementor-element.elementor-element-66095fa{--e-transform-scale:0.8;}.elementor-2107 .elementor-element.elementor-element-e2c5669{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:300;line-height:23px;}.elementor-2107 .elementor-element.elementor-element-1ae0797{--display:flex;}.elementor-2107 .elementor-element.elementor-element-512803c{--e-transform-scale:0.8;}.elementor-2107 .elementor-element.elementor-element-f6f9da3{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:300;line-height:23px;}.elementor-2107 .elementor-element.elementor-element-624fe04{--display:flex;--min-height:1700px;--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0400px;--padding-bottom:80px;--padding-left:74px;--padding-right:40px;}.elementor-2107 .elementor-element.elementor-element-624fe04:not(.elementor-motion-effects-element-type-background), .elementor-2107 .elementor-element.elementor-element-624fe04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://matrans.de/wp-content/uploads/2026/07/8de852a6-e1d9-4dfe-bcb8-a2efab462867.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-2107 .elementor-element.elementor-element-6ea5331{--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:13px 13px;--row-gap:13px;--column-gap:13px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-edee15a{--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-2107 .elementor-element.elementor-element-f69f8cf{--e-transform-scale:0.6;}.elementor-2107 .elementor-element.elementor-element-f69f8cf.elementor-element{--align-self:center;}.elementor-2107 .elementor-element.elementor-element-60a6dd3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-18415bf{--e-transform-scale:0.6;}.elementor-2107 .elementor-element.elementor-element-b7f63dd{--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-2107 .elementor-element.elementor-element-1ba4bfa{--display:flex;}.elementor-2107 .elementor-element.elementor-element-73e13a6{--e-transform-scale:0.6;}.elementor-2107 .elementor-element.elementor-element-1c659d1{--display:flex;}.elementor-2107 .elementor-element.elementor-element-86eb31f{--e-transform-scale:0.6;}.elementor-2107 .elementor-element.elementor-element-84dc5f0{--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-2107 .elementor-element.elementor-element-6a5542b{--display:flex;}.elementor-2107 .elementor-element.elementor-element-ed664c1{--e-transform-scale:0.6;}.elementor-2107 .elementor-element.elementor-element-de0c413{--display:flex;}.elementor-2107 .elementor-element.elementor-element-b7532e6{--e-transform-scale:0.6;}.elementor-2107 .elementor-element.elementor-element-8c6382d{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:15%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-64c5a6f{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:97px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-b5dba0a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 45px) 0px;}.elementor-2107 .elementor-element.elementor-element-b5dba0a .elementor-heading-title{color:var( --e-global-color-2d21f8e );}.elementor-2107 .elementor-element.elementor-element-4b149ca{--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;--padding-top:130px;--padding-bottom:0px;--padding-left:45px;--padding-right:163px;}.elementor-2107 .elementor-element.elementor-element-ccc1e93 .elementor-heading-title{font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:500;line-height:23px;color:var( --e-global-color-2d21f8e );}.elementor-2107 .elementor-element.elementor-element-fbf012e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:300;line-height:21px;}.elementor-2107 .elementor-element.elementor-element-428321d{margin:-42px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:300;line-height:23px;color:#006385;}.elementor-2107 .elementor-element.elementor-element-428321d.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-2107 .elementor-element.elementor-element-428321d a{color:#006385;}.elementor-2107 .elementor-element.elementor-element-3b8668c .elementor-button{background-color:#FFFFFF00;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:#00B1EB;color:#00B1EB;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;padding:15px 30px 15px 30px;}.elementor-2107 .elementor-element.elementor-element-3b8668c .elementor-button:hover, .elementor-2107 .elementor-element.elementor-element-3b8668c .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-58e7ba9 );}.elementor-2107 .elementor-element.elementor-element-3b8668c{border-style:none;}.elementor-2107 .elementor-element.elementor-element-3b8668c .elementor-button:hover svg, .elementor-2107 .elementor-element.elementor-element-3b8668c .elementor-button:focus svg{fill:var( --e-global-color-58e7ba9 );}.elementor-2107 .elementor-element.elementor-element-2a9d393{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:03%;--margin-bottom:0%;--margin-left:15%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-0045c8a{--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;--padding-top:80px;--padding-bottom:0px;--padding-left:97px;--padding-right:50px;}.elementor-2107 .elementor-element.elementor-element-69aa45f .elementor-heading-title{font-family:"Meta Pro", Sans-serif;font-size:30px;font-weight:600;line-height:38px;color:var( --e-global-color-2d21f8e );}.elementor-2107 .elementor-element.elementor-element-8cc1d3c{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2107 .elementor-element.elementor-element-8cc1d3c .elementor-heading-title{font-family:"Meta Pro", Sans-serif;font-size:22px;font-weight:500;line-height:28px;color:var( --e-global-color-2d21f8e );}.elementor-2107 .elementor-element.elementor-element-50986aa{width:var( --container-widget-width, 87.408% );max-width:87.408%;--container-widget-width:87.408%;--container-widget-flex-grow:0;font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:300;line-height:23px;}.elementor-2107 .elementor-element.elementor-element-50986aa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2107 .elementor-element.elementor-element-0af0cb4{--display:flex;--min-height:1000px;--margin-top:227px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-0af0cb4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2107 .elementor-element.elementor-element-293a93f img{width:95%;max-width:100%;border-style:solid;}.elementor-2107 .elementor-element.elementor-element-39f4379{--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-2107 .elementor-element.elementor-element-ae041d6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;--z-index:3;}.elementor-2107 .elementor-element.elementor-element-ae041d6.e-con{--e-con-transform-scale:0.8;}.elementor-2107 .elementor-element.elementor-element-b98497d{--display:flex;--min-height:550px;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:90px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2107 .elementor-element.elementor-element-b98497d:not(.elementor-motion-effects-element-type-background), .elementor-2107 .elementor-element.elementor-element-b98497d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-2107 .elementor-element.elementor-element-07693c8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;text-align:center;}.elementor-2107 .elementor-element.elementor-element-07693c8 .elementor-heading-title{font-family:"Meta Pro", Sans-serif;font-size:22px;font-weight:500;line-height:28px;color:var( --e-global-color-58e7ba9 );}.elementor-2107 .elementor-element.elementor-element-6919758{text-align:center;}.elementor-2107 .elementor-element.elementor-element-6919758 .elementor-heading-title{color:var( --e-global-color-58e7ba9 );}.elementor-2107 .elementor-element.elementor-element-ab9adc9{width:var( --container-widget-width, 76.136% );max-width:76.136%;margin:-38px 0px calc(var(--kit-widget-spacing, 0px) + 7px) 0px;padding:0px 0px 0px 0px;--container-widget-width:76.136%;--container-widget-flex-grow:0;text-align:center;font-family:"Meta Pro", Sans-serif;font-size:19px;font-weight:300;line-height:23px;color:var( --e-global-color-58e7ba9 );}.elementor-2107 .elementor-element.elementor-element-ab9adc9.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2107 .elementor-element.elementor-element-ab9adc9 p{margin-block-end:0px;}.elementor-2107 .elementor-element.elementor-element-26d8b38 .elementor-button{background-color:#FFFFFF00;font-family:"Meta Pro", Sans-serif;font-weight:300;fill:var( --e-global-color-58e7ba9 );color:var( --e-global-color-58e7ba9 );border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:15px 30px 15px 30px;}.elementor-2107 .elementor-element.elementor-element-26d8b38 .elementor-button:hover, .elementor-2107 .elementor-element.elementor-element-26d8b38 .elementor-button:focus{background-color:var( --e-global-color-58e7ba9 );color:var( --e-global-color-secondary );}.elementor-2107 .elementor-element.elementor-element-26d8b38{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-style:none;}.elementor-2107 .elementor-element.elementor-element-26d8b38 .elementor-button:hover svg, .elementor-2107 .elementor-element.elementor-element-26d8b38 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-2107 .elementor-element.elementor-element-3a7dead{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-18a9fe5{--e-transform-translateX:-21px;--e-transform-translateY:0px;--e-transform-scale:1.1;margin:-198px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:1;}.elementor-2107 .elementor-element.elementor-element-18a9fe5 img{width:100%;}.elementor-2107 .elementor-element.elementor-element-d2eeaee{--display:flex;--margin-top:85px;--margin-bottom:90px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:163px;}.elementor-2107 .elementor-element.elementor-element-c647055 .elementor-heading-title{font-family:"Meta Pro", Sans-serif;font-size:22px;font-weight:500;line-height:28px;color:var( --e-global-color-2d21f8e );}.elementor-2107 .elementor-element.elementor-element-e8e4039{font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:300;line-height:23px;}.elementor-2107 .elementor-element.elementor-element-284b811{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-e8964d8{z-index:1;}.elementor-2107 .elementor-element.elementor-element-ab6691f{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:15%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-931f629{--display:flex;--min-height:1000px;--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;--padding-top:204px;--padding-bottom:90px;--padding-left:97px;--padding-right:80px;}.elementor-2107 .elementor-element.elementor-element-931f629:not(.elementor-motion-effects-element-type-background), .elementor-2107 .elementor-element.elementor-element-931f629 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://matrans.de/wp-content/uploads/2026/07/Design-ohne-Titel-2.jpg");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-2107 .elementor-element.elementor-element-6ae4a09{margin:38px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2107 .elementor-element.elementor-element-6ae4a09 .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-58e7ba9 );}.elementor-2107 .elementor-element.elementor-element-101a19d{width:var( --container-widget-width, 83.088% );max-width:83.088%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 70px) 0px;--container-widget-width:83.088%;--container-widget-flex-grow:0;font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:300;line-height:23px;color:var( --e-global-color-58e7ba9 );}.elementor-2107 .elementor-element.elementor-element-101a19d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2107 .elementor-element.elementor-element-9e3d943{--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:45px 45px;--row-gap:45px;--column-gap:45px;--margin-top:-47px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2107 .elementor-element.elementor-element-621d5d9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:-17px;--margin-right:0px;}.elementor-2107 .elementor-element.elementor-element-54a84ae img{width:100%;max-width:100%;}.elementor-2107 .elementor-element.elementor-element-58ff3b4{font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:300;line-height:23px;color:var( --e-global-color-58e7ba9 );}.elementor-2107 .elementor-element.elementor-element-dc6b6dd{--display:flex;}.elementor-2107 .elementor-element.elementor-element-1fb01dc img{width:100%;}.elementor-2107 .elementor-element.elementor-element-bfda897{font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:300;line-height:23px;color:var( --e-global-color-58e7ba9 );}.elementor-2107 .elementor-element.elementor-element-e1e11f1{--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;--padding-top:120px;--padding-bottom:0px;--padding-left:45px;--padding-right:90px;}.elementor-2107 .elementor-element.elementor-element-b4a9cf6{width:var( --container-widget-width, 100% );max-width:100%;--e-transform-scale:1.3;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -50px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-2107 .elementor-element.elementor-element-b4a9cf6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2107 .elementor-element.elementor-element-b4a9cf6 img{width:100%;}.elementor-2107 .elementor-element.elementor-element-fa17a34{margin:67px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2107 .elementor-element.elementor-element-fa17a34 .elementor-heading-title{font-family:"Meta Pro", Sans-serif;font-size:22px;font-weight:500;line-height:28px;color:var( --e-global-color-2d21f8e );}.elementor-2107 .elementor-element.elementor-element-4071317{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:300;line-height:23px;}.elementor-2107 .elementor-element.elementor-element-4071317 a{transition-duration:0s;}.elementor-2107 .elementor-element.elementor-element-c417702 .elementor-button{background-color:#FFFFFF00;font-family:"Meta Pro", Sans-serif;font-size:14px;font-weight:300;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;padding:15px 30px 15px 30px;}.elementor-2107 .elementor-element.elementor-element-c417702 .elementor-button:hover, .elementor-2107 .elementor-element.elementor-element-c417702 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-58e7ba9 );}.elementor-2107 .elementor-element.elementor-element-c417702{border-style:none;}.elementor-2107 .elementor-element.elementor-element-c417702 .elementor-button:hover svg, .elementor-2107 .elementor-element.elementor-element-c417702 .elementor-button:focus svg{fill:var( --e-global-color-58e7ba9 );}.elementor-2107 .elementor-element.elementor-element-8f3e611{--display:flex;--min-height:250px;--justify-content:center;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:28px;--padding-left:30px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-8f3e611:not(.elementor-motion-effects-element-type-background), .elementor-2107 .elementor-element.elementor-element-8f3e611 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://matrans.de/wp-content/uploads/2026/07/239d9627-fca5-4764-bedd-4e33d34d394b.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2107 .elementor-element.elementor-element-8f3e611.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2107 .elementor-element.elementor-element-896d2ed{--e-transform-translateX:-84px;--e-transform-translateY:0px;--e-transform-scale:1.8;margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:1.824%;text-align:end;}body:not(.rtl) .elementor-2107 .elementor-element.elementor-element-896d2ed{left:9.67%;}body.rtl .elementor-2107 .elementor-element.elementor-element-896d2ed{right:9.67%;}.elementor-2107 .elementor-element.elementor-element-896d2ed img{width:20%;}.elementor-2107 .elementor-element.elementor-element-1e1b703{margin:0px 38px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-2107 .elementor-element.elementor-element-1e1b703 .elementor-heading-title{font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:500;line-height:22px;color:var( --e-global-color-2d21f8e );}.elementor-2107 .elementor-element.elementor-element-ae56258{margin:0px 34px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Meta Pro", Sans-serif;font-size:18px;font-weight:300;line-height:23px;color:var( --e-global-color-2d21f8e );}.elementor-2107 .elementor-element.elementor-element-ae56258 a{color:#006385;}.elementor-2107 .elementor-element.elementor-element-8ae6986{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:15%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-49a65d8{--display:flex;--min-height:1000px;--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;--padding-top:204px;--padding-bottom:90px;--padding-left:97px;--padding-right:80px;}.elementor-2107 .elementor-element.elementor-element-49a65d8:not(.elementor-motion-effects-element-type-background), .elementor-2107 .elementor-element.elementor-element-49a65d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);}.elementor-2107 .elementor-element.elementor-element-1c1b381 .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-58e7ba9 );}.elementor-2107 .elementor-element.elementor-element-1bd44aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 70px) 0px;font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:300;line-height:23px;color:var( --e-global-color-58e7ba9 );}.elementor-2107 .elementor-element.elementor-element-0c3da2c{--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:45px 45px;--row-gap:45px;--column-gap:45px;}.elementor-2107 .elementor-element.elementor-element-a9798bf{--display:flex;}.elementor-2107 .elementor-element.elementor-element-0323c0d img{width:100%;max-width:100%;}.elementor-2107 .elementor-element.elementor-element-5a2fc16{font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:300;line-height:23px;color:var( --e-global-color-58e7ba9 );}.elementor-2107 .elementor-element.elementor-element-e387a15{--display:flex;}.elementor-2107 .elementor-element.elementor-element-405b901 img{width:100%;}.elementor-2107 .elementor-element.elementor-element-309a6c2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2107 .elementor-element.elementor-element-309a6c2{font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:300;line-height:23px;color:var( --e-global-color-58e7ba9 );}.elementor-2107 .elementor-element.elementor-element-ffe1b6d{--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;--padding-top:120px;--padding-bottom:0px;--padding-left:45px;--padding-right:90px;}.elementor-2107 .elementor-element.elementor-element-bcc247a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -90px;text-align:start;}.elementor-2107 .elementor-element.elementor-element-bcc247a img{width:90%;}.elementor-2107 .elementor-element.elementor-element-2e2f7a0 .elementor-heading-title{font-family:"Meta Pro", Sans-serif;font-weight:500;color:var( --e-global-color-2d21f8e );}.elementor-2107 .elementor-element.elementor-element-699713a{font-family:"Meta Pro", Sans-serif;font-size:17px;font-weight:300;line-height:23px;}.elementor-2107 .elementor-element.elementor-element-699713a a{transition-duration:0s;}.elementor-2107 .elementor-element.elementor-element-4790e94 .elementor-button{background-color:#FFFFFF00;font-family:"Meta Pro", Sans-serif;font-weight:300;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;padding:15px 30px 15px 30px;}.elementor-2107 .elementor-element.elementor-element-4790e94 .elementor-button:hover, .elementor-2107 .elementor-element.elementor-element-4790e94 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-58e7ba9 );}.elementor-2107 .elementor-element.elementor-element-4790e94{border-style:none;}.elementor-2107 .elementor-element.elementor-element-4790e94 .elementor-button:hover svg, .elementor-2107 .elementor-element.elementor-element-4790e94 .elementor-button:focus svg{fill:var( --e-global-color-58e7ba9 );}.elementor-2107 .elementor-element.elementor-element-9a02626{--display:flex;--min-height:250px;--justify-content:center;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:28px;--padding-left:30px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-9a02626:not(.elementor-motion-effects-element-type-background), .elementor-2107 .elementor-element.elementor-element-9a02626 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://matrans.de/wp-content/uploads/2026/07/239d9627-fca5-4764-bedd-4e33d34d394b.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2107 .elementor-element.elementor-element-77acdd9{margin:-80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:1.824%;text-align:end;}body:not(.rtl) .elementor-2107 .elementor-element.elementor-element-77acdd9{left:9.67%;}body.rtl .elementor-2107 .elementor-element.elementor-element-77acdd9{right:9.67%;}.elementor-2107 .elementor-element.elementor-element-77acdd9 img{width:20%;}.elementor-2107 .elementor-element.elementor-element-8ec0f2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-2107 .elementor-element.elementor-element-8ec0f2b .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-2d21f8e );}.elementor-2107 .elementor-element.elementor-element-e4f2ae7{text-align:start;font-family:"Meta Pro", Sans-serif;font-size:18px;font-weight:300;line-height:23px;color:var( --e-global-color-2d21f8e );}.elementor-2107 .elementor-element.elementor-element-e4f2ae7 a{color:#006385;}@media(max-width:1024px){.elementor-2107 .elementor-element.elementor-element-367ab75{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:140px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-85bc0fe{text-align:start;}.elementor-2107 .elementor-element.elementor-element-88d62b8{width:var( --container-widget-width, 835px );max-width:835px;padding:0px 0px 0px 0px;--container-widget-width:835px;--container-widget-flex-grow:0;text-align:start;}.elementor-2107 .elementor-element.elementor-element-e1855e4{padding:0px 0px 0px 0px;}.elementor-2107 .elementor-element.elementor-element-d35919a{--margin-top:-400px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2107 .elementor-element.elementor-element-291326d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:end;}.elementor-2107 .elementor-element.elementor-element-291326d img{width:50%;}.elementor-2107 .elementor-element.elementor-element-13e63ce{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-2107 .elementor-element.elementor-element-6752f64{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2107 .elementor-element.elementor-element-3043de8{--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-2107 .elementor-element.elementor-element-8732a24{--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-2107 .elementor-element.elementor-element-6ea5331{--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-2107 .elementor-element.elementor-element-b7f63dd{--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-2107 .elementor-element.elementor-element-84dc5f0{--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-2107 .elementor-element.elementor-element-8c6382d{--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-4b149ca{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2107 .elementor-element.elementor-element-2a9d393{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-2107 .elementor-element.elementor-element-ae041d6{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-2107 .elementor-element.elementor-element-ab9adc9{width:initial;max-width:initial;}.elementor-2107 .elementor-element.elementor-element-d2eeaee{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-ab6691f{--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:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-2107 .elementor-element.elementor-element-931f629{--padding-top:300px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2107 .elementor-element.elementor-element-9e3d943{--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-2107 .elementor-element.elementor-element-e1e11f1{--padding-top:200px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-2107 .elementor-element.elementor-element-8ae6986{--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:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-2107 .elementor-element.elementor-element-49a65d8{--padding-top:300px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2107 .elementor-element.elementor-element-0c3da2c{--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-2107 .elementor-element.elementor-element-ffe1b6d{--padding-top:200px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}}@media(min-width:768px){.elementor-2107 .elementor-element.elementor-element-367ab75{--width:85%;}.elementor-2107 .elementor-element.elementor-element-de1b4ac{--width:50%;}.elementor-2107 .elementor-element.elementor-element-1440b73{--width:50%;}.elementor-2107 .elementor-element.elementor-element-d35919a{--width:85%;}.elementor-2107 .elementor-element.elementor-element-13e63ce{--width:85%;}.elementor-2107 .elementor-element.elementor-element-6752f64{--width:50%;}.elementor-2107 .elementor-element.elementor-element-624fe04{--width:50%;}.elementor-2107 .elementor-element.elementor-element-8c6382d{--width:85%;}.elementor-2107 .elementor-element.elementor-element-64c5a6f{--width:50%;}.elementor-2107 .elementor-element.elementor-element-4b149ca{--width:59%;}.elementor-2107 .elementor-element.elementor-element-2a9d393{--width:85%;}.elementor-2107 .elementor-element.elementor-element-0045c8a{--width:50%;}.elementor-2107 .elementor-element.elementor-element-0af0cb4{--width:93.706%;}.elementor-2107 .elementor-element.elementor-element-39f4379{--width:50%;}.elementor-2107 .elementor-element.elementor-element-ae041d6{--width:88%;}.elementor-2107 .elementor-element.elementor-element-b98497d{--width:500px;}.elementor-2107 .elementor-element.elementor-element-ab6691f{--width:85%;}.elementor-2107 .elementor-element.elementor-element-931f629{--width:100%;}.elementor-2107 .elementor-element.elementor-element-e1e11f1{--width:50%;}.elementor-2107 .elementor-element.elementor-element-8f3e611{--width:105.29%;}.elementor-2107 .elementor-element.elementor-element-8ae6986{--width:85%;}.elementor-2107 .elementor-element.elementor-element-49a65d8{--width:50%;}.elementor-2107 .elementor-element.elementor-element-ffe1b6d{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2107 .elementor-element.elementor-element-367ab75{--width:100%;}.elementor-2107 .elementor-element.elementor-element-d35919a{--width:100%;}.elementor-2107 .elementor-element.elementor-element-13e63ce{--width:100%;}.elementor-2107 .elementor-element.elementor-element-8c6382d{--width:100%;}.elementor-2107 .elementor-element.elementor-element-2a9d393{--width:100%;}.elementor-2107 .elementor-element.elementor-element-ab6691f{--width:100%;}.elementor-2107 .elementor-element.elementor-element-8ae6986{--width:100%;}}@media(max-width:767px){.elementor-2107 .elementor-element.elementor-element-367ab75{--min-height:500px;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-de1b4ac{--min-height:500px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2107 .elementor-element.elementor-element-85bc0fe{text-align:start;}.elementor-2107 .elementor-element.elementor-element-88d62b8{--container-widget-width:499px;--container-widget-flex-grow:0;width:var( --container-widget-width, 499px );max-width:499px;text-align:start;}.elementor-2107 .elementor-element.elementor-element-76524a9{padding:0px 0px 25px 0px;}.elementor-2107 .elementor-element.elementor-element-1440b73{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-e1855e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2107 .elementor-element.elementor-element-13e63ce{--width:100%;--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-6752f64{--margin-top:250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2107 .elementor-element.elementor-element-deb2220{padding:150px 0px 0px 0px;}.elementor-2107 .elementor-element.elementor-element-4d1b0e3{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2107 .elementor-element.elementor-element-579cab9{margin:-38px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 11px;text-align:center;}.elementor-2107 .elementor-element.elementor-element-e2c5669{margin:-38px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2107 .elementor-element.elementor-element-1ae0797{--padding-top:0px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-f6f9da3{margin:-38px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2107 .elementor-element.elementor-element-624fe04{--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-64c5a6f{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-b5dba0a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 17px) 0px;padding:0px 0px 0px 20px;}.elementor-2107 .elementor-element.elementor-element-3b8668c{padding:0px 0px 25px 0px;}.elementor-2107 .elementor-element.elementor-element-3b8668c .elementor-button{border-width:1px 1px 1px 1px;padding:10px 15px 10px 15px;}.elementor-2107 .elementor-element.elementor-element-2a9d393{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-0045c8a{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2107 .elementor-element.elementor-element-0af0cb4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2107 .elementor-element.elementor-element-39f4379{--width:100%;--margin-top:-1058px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-ae041d6{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-2107 .elementor-element.elementor-element-b98497d{--width:300px;--min-height:330px;--gap:020px 020px;--row-gap:020px;--column-gap:020px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:31px;--padding-left:10px;--padding-right:10px;}.elementor-2107 .elementor-element.elementor-element-6919758{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 39px) 0px;}.elementor-2107 .elementor-element.elementor-element-26d8b38{padding:0px 0px 25px 0px;}.elementor-2107 .elementor-element.elementor-element-26d8b38 .elementor-button{font-size:14px;border-width:1px 1px 1px 1px;padding:10px 15px 10px 15px;}.elementor-2107 .elementor-element.elementor-element-d2eeaee{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2107 .elementor-element.elementor-element-284b811{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2107 .elementor-element.elementor-element-ab6691f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-931f629:not(.elementor-motion-effects-element-type-background), .elementor-2107 .elementor-element.elementor-element-931f629 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top left;}.elementor-2107 .elementor-element.elementor-element-931f629{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-6ae4a09{margin:180px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;}.elementor-2107 .elementor-element.elementor-element-101a19d{padding:0px 0px 0px 20px;}.elementor-2107 .elementor-element.elementor-element-e1e11f1{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2107 .elementor-element.elementor-element-b4a9cf6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:239px;--container-widget-flex-grow:0;width:var( --container-widget-width, 239px );max-width:239px;}.elementor-2107 .elementor-element.elementor-element-b4a9cf6 img{width:100%;}.elementor-2107 .elementor-element.elementor-element-c417702{padding:0px 0px 25px 0px;}.elementor-2107 .elementor-element.elementor-element-8ae6986{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2107 .elementor-element.elementor-element-49a65d8{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-2107 .elementor-element.elementor-element-1c1b381{margin:80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;}.elementor-2107 .elementor-element.elementor-element-1bd44aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;}.elementor-2107 .elementor-element.elementor-element-0c3da2c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2107 .elementor-element.elementor-element-5a2fc16{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 13px) 0px;}.elementor-2107 .elementor-element.elementor-element-e387a15{--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2107 .elementor-element.elementor-element-309a6c2{width:var( --container-widget-width, 270px );max-width:270px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 12px;--container-widget-width:270px;--container-widget-flex-grow:0;}.elementor-2107 .elementor-element.elementor-element-ffe1b6d{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2107 .elementor-element.elementor-element-bcc247a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2107 .elementor-element.elementor-element-bcc247a img{width:100%;}.elementor-2107 .elementor-element.elementor-element-2e2f7a0{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2107 .elementor-element.elementor-element-2e2f7a0 .elementor-heading-title{font-size:17px;}.elementor-2107 .elementor-element.elementor-element-699713a{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2107 .elementor-element.elementor-element-4790e94{padding:0px 0px 25px 0px;}.elementor-2107 .elementor-element.elementor-element-4790e94 .elementor-button{font-size:14px;border-width:1px 1px 1px 1px;padding:10px 15px 10px 15px;}.elementor-2107 .elementor-element.elementor-element-77acdd9{margin:-132px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;top:22.525%;}body:not(.rtl) .elementor-2107 .elementor-element.elementor-element-77acdd9{left:9.485%;}body.rtl .elementor-2107 .elementor-element.elementor-element-77acdd9{right:9.485%;}.elementor-2107 .elementor-element.elementor-element-77acdd9 img{width:34%;max-width:37%;}.elementor-2107 .elementor-element.elementor-element-8ec0f2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -8px;}.elementor-2107 .elementor-element.elementor-element-e4f2ae7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -8px;}}/* Start custom CSS for container, class: .elementor-element-d35919a */.elementor-element-291326d{
    margin-top:-500px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42b9319 *//* 1. Kartengröße und 3D-Effekt aktivieren */
.matrans-team-card {
    width: 240px;
    height: 280px;
    perspective: 1000px;
    margin: 0 auto;
}

/* 2. Der Dreh-Mechanismus (Hover) */
.card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.matrans-team-card:hover .card-inner {
    transform: rotateY(180deg); /* Dreht die Karte um die eigene Achse */
}

/* 3. Vorder- und Rückseite exakt übereinanderlegen */
.card-front, .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden; /* Versteckt die Rückseite, wenn sie weggedreht ist */
}

/* 4. VORDERSEITE: Bild in Sechseck schneiden mit blauer Kante */
.card-front {
    background: transparent;
    /* Erzeugt die blaue Außenkantenlinie durch einen geschickten SVG-Filter */
    filter: drop-shadow(0px 0px 0px #006385) 
            drop-shadow(2px 0px 0px #006385) 
            drop-shadow(-2px 0px 0px #006385) 
            drop-shadow(0px 2px 0px #006385) 
            drop-shadow(0px -2px 0px #006385);
}

.card-front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

/* 5. RÜCKSEITE: Das Sechseck mit dem neuen Hintergrundbild */
.card-back {
    background-size: cover;            
    background-position: center;       
    background-repeat: no-repeat;
    transform: rotateY(180deg);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px !important;     
    box-sizing: border-box;
}

/* Zwingt den Text in Weiß */
.card-back-content,
.card-back-content * {
    color: #ffffff !important;
    font-family: 'Meta Pro', sans-serif !important;
}

/* HIER DIE RETTUNG: Begrenzt die Textbreite im Sechseck */
.card-back-content {
    width: 100% !important;
    max-width: 155px !important; /* Drückt den Text von den schrägen Kanten weg */
    margin: 0 auto !important;
    text-align: center !important;
}

/* Sorgt dafür, dass lange Namen sauber umbrechen und nicht quetschen */
.card-back-content h3 {
    font-size: 22px !important;
    line-height: 1.2 !important;
    margin: 0 0 8px 0 !important;
}

.card-back-content p {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66095fa *//* 1. Kartengröße und 3D-Effekt aktivieren */
.matrans-team-card {
    width: 240px;
    height: 280px;
    perspective: 1000px;
    margin: 0 auto;
}

/* 2. Der Dreh-Mechanismus (Hover) */
.card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.matrans-team-card:hover .card-inner {
    transform: rotateY(180deg); /* Dreht die Karte um die eigene Achse */
}

/* 3. Vorder- und Rückseite exakt übereinanderlegen */
.card-front, .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden; /* Versteckt die Rückseite, wenn sie weggedreht ist */
}

/* 4. VORDERSEITE: Bild in Sechseck schneiden mit blauer Kante */
.card-front {
    background: transparent;
    /* Erzeugt die blaue Außenkantenlinie durch einen geschickten SVG-Filter */
    filter: drop-shadow(0px 0px 0px #006385) 
            drop-shadow(2px 0px 0px #006385) 
            drop-shadow(-2px 0px 0px #006385) 
            drop-shadow(0px 2px 0px #006385) 
            drop-shadow(0px -2px 0px #006385);
}

.card-front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

/* 5. RÜCKSEITE: Das Sechseck mit dem neuen Hintergrundbild */
.card-back {
    background-size: cover;            
    background-position: center;       
    background-repeat: no-repeat;
    transform: rotateY(180deg);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px !important;     
    box-sizing: border-box;
}

/* Zwingt den Text in Weiß */
.card-back-content,
.card-back-content * {
    color: #ffffff !important;
    font-family: 'Meta Pro', sans-serif !important;
}

/* HIER DIE RETTUNG: Begrenzt die Textbreite im Sechseck */
.card-back-content {
    width: 100% !important;
    max-width: 155px !important; /* Drückt den Text von den schrägen Kanten weg */
    margin: 0 auto !important;
    text-align: center !important;
}

/* Sorgt dafür, dass lange Namen sauber umbrechen und nicht quetschen */
.card-back-content h3 {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin: 0 0 8px 0 !important;
}

.card-back-content p {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-512803c *//* 1. Kartengröße und 3D-Effekt aktivieren */
.matrans-team-card {
    width: 240px;
    height: 280px;
    perspective: 1000px;
    margin: 0 auto;
}

/* 2. Der Dreh-Mechanismus (Hover) */
.card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.matrans-team-card:hover .card-inner {
    transform: rotateY(180deg); /* Dreht die Karte um die eigene Achse */
}

/* 3. Vorder- und Rückseite exakt übereinanderlegen */
.card-front, .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden; /* Versteckt die Rückseite, wenn sie weggedreht ist */
}

/* 4. VORDERSEITE: Bild in Sechseck schneiden mit blauer Kante */
.card-front {
    background: transparent;
    /* Erzeugt die blaue Außenkantenlinie durch einen geschickten SVG-Filter */
    filter: drop-shadow(0px 0px 0px #006385) 
            drop-shadow(2px 0px 0px #006385) 
            drop-shadow(-2px 0px 0px #006385) 
            drop-shadow(0px 2px 0px #006385) 
            drop-shadow(0px -2px 0px #006385);
}

.card-front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

/* 5. RÜCKSEITE: Das Sechseck mit dem neuen Hintergrundbild */
.card-back {
    background-size: cover;            
    background-position: center;       
    background-repeat: no-repeat;
    transform: rotateY(180deg);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px !important;     
    box-sizing: border-box;
}

/* Zwingt den Text in Weiß */
.card-back-content,
.card-back-content * {
    color: #ffffff !important;
    font-family: 'Meta Pro', sans-serif !important;
}

/* HIER DIE RETTUNG: Begrenzt die Textbreite im Sechseck */
.card-back-content {
    width: 100% !important;
    max-width: 155px !important; /* Drückt den Text von den schrägen Kanten weg */
    margin: 0 auto !important;
    text-align: center !important;
}

/* Sorgt dafür, dass lange Namen sauber umbrechen und nicht quetschen */
.card-back-content h3 {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin: 0 0 8px 0 !important;
}

.card-back-content p {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f69f8cf *//* 1. Kartengröße und 3D-Effekt aktivieren (Außenabstände genullt) */
.matrans-team-card {
    width: 240px;
    height: 280px;
    perspective: 1000px;
    margin: 0; /* Verhindert ungewollte Außenabstände */
    padding: 0; /* Garantiert, dass kein innerer Abstand den Container verkleinert */
    box-sizing: border-box;
}

/* 2. Der Dreh-Mechanismus (Füllt den Container zu 100%) */
.card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.matrans-team-card:hover .card-inner {
    transform: rotateY(180deg);
}

/* 3. Vorder- und Rückseite exakt deckungsgleich übereinanderlegen */
.card-front, .card-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    backface-visibility: hidden;
}

/* 4. VORDERSEITE: Bild füllt das Sechseck komplett aus */
.card-front {
    background: transparent;
    padding: 0;
    /* Erzeugt die blaue Außenkantenlinie */
    filter: drop-shadow(0px 0px 0px #006385) 
            drop-shadow(2px 0px 0px #006385) 
            drop-shadow(-2px 0px 0px #006385) 
            drop-shadow(0px 2px 0px #006385) 
            drop-shadow(0px -2px 0px #006385);
}

.card-front img {
    width: 100%;
    height: 100%;
    display: block; /* Verhindert kleine CSS-Lücken unter dem Bild */
    object-fit: cover;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

/* 5. RÜCKSEITE: Füllt den Container und zentriert den Text */
.card-back {
    background-size: cover;            
    background-position: center;       
    background-repeat: no-repeat;
    transform: rotateY(180deg);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    display: flex;
    align-items: center;
    justify-content: center;
    /* Internes Padding hält den Text im Sechseck, dehnt aber die Karte nicht aus */
    padding: 40px 20px !important;     
    box-sizing: border-box;
}

/* Zwingt den Text in Weiß */
.card-back-content,
.card-back-content * {
    color: #ffffff !important;
    font-family: 'Meta Pro', sans-serif !important;
}

/* Begrenzt die Textbreite im Sechseck */
.card-back-content {
    width: 100% !important;
    max-width: 155px !important; 
    margin: 0 auto !important;
    text-align: center !important;
}

/* Textformatierung */
.card-back-content h3 {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin: 0 0 8px 0 !important;
}

.card-back-content p {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-18415bf *//* 1. Kartengröße und 3D-Effekt aktivieren */
.matrans-team-card {
    width: 240px;
    height: 280px;
    perspective: 1000px;
    margin: 0 auto;
}

/* 2. Der Dreh-Mechanismus (Hover) */
.card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.matrans-team-card:hover .card-inner {
    transform: rotateY(180deg); /* Dreht die Karte um die eigene Achse */
}

/* 3. Vorder- und Rückseite exakt übereinanderlegen */
.card-front, .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden; /* Versteckt die Rückseite, wenn sie weggedreht ist */
}

/* 4. VORDERSEITE: Bild in Sechseck schneiden mit blauer Kante */
.card-front {
    background: transparent;
    /* Erzeugt die blaue Außenkantenlinie durch einen geschickten SVG-Filter */
    filter: drop-shadow(0px 0px 0px #006385) 
            drop-shadow(2px 0px 0px #006385) 
            drop-shadow(-2px 0px 0px #006385) 
            drop-shadow(0px 2px 0px #006385) 
            drop-shadow(0px -2px 0px #006385);
}

.card-front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

/* 5. RÜCKSEITE: Das Sechseck mit dem neuen Hintergrundbild */
.card-back {
    background-size: cover;            
    background-position: center;       
    background-repeat: no-repeat;
    transform: rotateY(180deg);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px !important;     
    box-sizing: border-box;
}

/* Zwingt den Text in Weiß */
.card-back-content,
.card-back-content * {
    color: #ffffff !important;
    font-family: 'Meta Pro', sans-serif !important;
}

/* HIER DIE RETTUNG: Begrenzt die Textbreite im Sechseck */
.card-back-content {
    width: 100% !important;
    max-width: 155px !important; /* Drückt den Text von den schrägen Kanten weg */
    margin: 0 auto !important;
    text-align: center !important;
}

/* Sorgt dafür, dass lange Namen sauber umbrechen und nicht quetschen */
.card-back-content h3 {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin: 0 0 8px 0 !important;
}

.card-back-content p {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-73e13a6 *//* 1. Kartengröße und 3D-Effekt aktivieren */
.matrans-team-card {
    width: 240px;
    height: 280px;
    perspective: 1000px;
    margin: 0 auto;
}

/* 2. Der Dreh-Mechanismus (Hover) */
.card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.matrans-team-card:hover .card-inner {
    transform: rotateY(180deg); /* Dreht die Karte um die eigene Achse */
}

/* 3. Vorder- und Rückseite exakt übereinanderlegen */
.card-front, .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden; /* Versteckt die Rückseite, wenn sie weggedreht ist */
}

/* 4. VORDERSEITE: Bild in Sechseck schneiden mit blauer Kante */
.card-front {
    background: transparent;
    /* Erzeugt die blaue Außenkantenlinie durch einen geschickten SVG-Filter */
    filter: drop-shadow(0px 0px 0px #006385) 
            drop-shadow(2px 0px 0px #006385) 
            drop-shadow(-2px 0px 0px #006385) 
            drop-shadow(0px 2px 0px #006385) 
            drop-shadow(0px -2px 0px #006385);
}

.card-front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

/* 5. RÜCKSEITE: Das Sechseck mit dem neuen Hintergrundbild */
.card-back {
    background-size: cover;            
    background-position: center;       
    background-repeat: no-repeat;
    transform: rotateY(180deg);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px !important;     
    box-sizing: border-box;
}

/* Zwingt den Text in Weiß */
.card-back-content,
.card-back-content * {
    color: #ffffff !important;
    font-family: 'Meta Pro', sans-serif !important;
}

/* HIER DIE RETTUNG: Begrenzt die Textbreite im Sechseck */
.card-back-content {
    width: 100% !important;
    max-width: 155px !important; /* Drückt den Text von den schrägen Kanten weg */
    margin: 0 auto !important;
    text-align: center !important;
}

/* Sorgt dafür, dass lange Namen sauber umbrechen und nicht quetschen */
.card-back-content h3 {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin: 0 0 8px 0 !important;
}

.card-back-content p {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86eb31f *//* 1. Kartengröße und 3D-Effekt aktivieren */
.matrans-team-card {
    width: 240px;
    height: 280px;
    perspective: 1000px;
    margin: 0 auto;
}

/* 2. Der Dreh-Mechanismus (Hover) */
.card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.matrans-team-card:hover .card-inner {
    transform: rotateY(180deg); /* Dreht die Karte um die eigene Achse */
}

/* 3. Vorder- und Rückseite exakt übereinanderlegen */
.card-front, .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden; /* Versteckt die Rückseite, wenn sie weggedreht ist */
}

/* 4. VORDERSEITE: Bild in Sechseck schneiden mit blauer Kante */
.card-front {
    background: transparent;
    /* Erzeugt die blaue Außenkantenlinie durch einen geschickten SVG-Filter */
    filter: drop-shadow(0px 0px 0px #006385) 
            drop-shadow(2px 0px 0px #006385) 
            drop-shadow(-2px 0px 0px #006385) 
            drop-shadow(0px 2px 0px #006385) 
            drop-shadow(0px -2px 0px #006385);
}

.card-front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

/* 5. RÜCKSEITE: Das Sechseck mit dem neuen Hintergrundbild */
.card-back {
    background-size: cover;            
    background-position: center;       
    background-repeat: no-repeat;
    transform: rotateY(180deg);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px !important;     
    box-sizing: border-box;
}

/* Zwingt den Text in Weiß */
.card-back-content,
.card-back-content * {
    color: #ffffff !important;
    font-family: 'Meta Pro', sans-serif !important;
}

/* HIER DIE RETTUNG: Begrenzt die Textbreite im Sechseck */
.card-back-content {
    width: 100% !important;
    max-width: 155px !important; /* Drückt den Text von den schrägen Kanten weg */
    margin: 0 auto !important;
    text-align: center !important;
}

/* Sorgt dafür, dass lange Namen sauber umbrechen und nicht quetschen */
.card-back-content h3 {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin: 0 0 8px 0 !important;
}

.card-back-content p {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed664c1 *//* 1. Kartengröße und 3D-Effekt aktivieren */
.matrans-team-card {
    width: 240px;
    height: 280px;
    perspective: 1000px;
    margin: 0 auto;
}

/* 2. Der Dreh-Mechanismus (Hover) */
.card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.matrans-team-card:hover .card-inner {
    transform: rotateY(180deg); /* Dreht die Karte um die eigene Achse */
}

/* 3. Vorder- und Rückseite exakt übereinanderlegen */
.card-front, .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden; /* Versteckt die Rückseite, wenn sie weggedreht ist */
}

/* 4. VORDERSEITE: Bild in Sechseck schneiden mit blauer Kante */
.card-front {
    background: transparent;
    /* Erzeugt die blaue Außenkantenlinie durch einen geschickten SVG-Filter */
    filter: drop-shadow(0px 0px 0px #006385) 
            drop-shadow(2px 0px 0px #006385) 
            drop-shadow(-2px 0px 0px #006385) 
            drop-shadow(0px 2px 0px #006385) 
            drop-shadow(0px -2px 0px #006385);
}

.card-front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

/* 5. RÜCKSEITE: Das Sechseck mit dem neuen Hintergrundbild */
.card-back {
    background-size: cover;            
    background-position: center;       
    background-repeat: no-repeat;
    transform: rotateY(180deg);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px !important;     
    box-sizing: border-box;
}

/* Zwingt den Text in Weiß */
.card-back-content,
.card-back-content * {
    color: #ffffff !important;
    font-family: 'Meta Pro', sans-serif !important;
}

/* HIER DIE RETTUNG: Begrenzt die Textbreite im Sechseck */
.card-back-content {
    width: 100% !important;
    max-width: 155px !important; /* Drückt den Text von den schrägen Kanten weg */
    margin: 0 auto !important;
    text-align: center !important;
}

/* Sorgt dafür, dass lange Namen sauber umbrechen und nicht quetschen */
.card-back-content h3 {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin: 0 0 8px 0 !important;
}

.card-back-content p {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b7532e6 *//* 1. Kartengröße und 3D-Effekt aktivieren */
.matrans-team-card {
    width: 240px;
    height: 280px;
    perspective: 1000px;
    margin: 0 auto;
}

/* 2. Der Dreh-Mechanismus (Hover) */
.card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.matrans-team-card:hover .card-inner {
    transform: rotateY(180deg); /* Dreht die Karte um die eigene Achse */
}

/* 3. Vorder- und Rückseite exakt übereinanderlegen */
.card-front, .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden; /* Versteckt die Rückseite, wenn sie weggedreht ist */
}

/* 4. VORDERSEITE: Bild in Sechseck schneiden mit blauer Kante */
.card-front {
    background: transparent;
    /* Erzeugt die blaue Außenkantenlinie durch einen geschickten SVG-Filter */
    filter: drop-shadow(0px 0px 0px #006385) 
            drop-shadow(2px 0px 0px #006385) 
            drop-shadow(-2px 0px 0px #006385) 
            drop-shadow(0px 2px 0px #006385) 
            drop-shadow(0px -2px 0px #006385);
}

.card-front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

/* 5. RÜCKSEITE: Das Sechseck mit dem neuen Hintergrundbild */
.card-back {
    background-size: cover;            
    background-position: center;       
    background-repeat: no-repeat;
    transform: rotateY(180deg);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px !important;     
    box-sizing: border-box;
}

/* Zwingt den Text in Weiß */
.card-back-content,
.card-back-content * {
    color: #ffffff !important;
    font-family: 'Meta Pro', sans-serif !important;
}

/* HIER DIE RETTUNG: Begrenzt die Textbreite im Sechseck */
.card-back-content {
    width: 100% !important;
    max-width: 155px !important; /* Drückt den Text von den schrägen Kanten weg */
    margin: 0 auto !important;
    text-align: center !important;
}

/* Sorgt dafür, dass lange Namen sauber umbrechen und nicht quetschen */
.card-back-content h3 {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin: 0 0 8px 0 !important;
}

.card-back-content p {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

.elementor-2107 .elementor-element .elementor-element-b7532e6{
--e-transform-scale: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-624fe04 */.elementor-element .elementor-element-624fe04{
 margin-top: -200px;   
}
.elementor-2107 .elementor-element.elementor-element-f69f8cf{
 --e-transform-scale: 1.0!important;   
}
.elementor-2107 .elementor-element.elementor-element-18415bf{
     --e-transform-scale: 1.0!important;   

}
.elementor-2107 .elementor-element.elementor-element-a26b070{
         --e-transform-scale: 1.0!important;   

}

.elementor-2107 .elementor-element.elementor-element-86eb31f{
         --e-transform-scale: 1.0!important;   

}
.elementor-2107 .elementor-element.elementor-element-73e13a6{
         --e-transform-scale: 1.0!important;   

}

.elementor-2107 .elementor-element.elementor-element-ed664c1{
         --e-transform-scale: 1.0!important;   

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13e63ce */.elementor-element-13e63ce{
    margin-top:-50px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c6382d */.elementor-element-8c6382d{
    margin-top:-200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b98497d */.elementor-2107 .elementor-element.elementor-element-b98497d {
  clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Meta Pro';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('http://wordpress.p347588.webspaceconfig.de/wp-content/uploads/2026/05/FFMetaProBlk.woff2') format('woff2');
}
@font-face {
	font-family: 'Meta Pro';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('http://wordpress.p347588.webspaceconfig.de/wp-content/uploads/2026/05/FFMetaProBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Meta Pro';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('http://wordpress.p347588.webspaceconfig.de/wp-content/uploads/2026/05/FFMetaProCondMed.woff2') format('woff2');
}
/* End Custom Fonts CSS */