.elementor-3991 .elementor-element.elementor-element-1311198{--display:flex;--min-height:400px;--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;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3991 .elementor-element.elementor-element-1311198:not(.elementor-motion-effects-element-type-background), .elementor-3991 .elementor-element.elementor-element-1311198 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-3991 .elementor-element.elementor-element-1311198::before, .elementor-3991 .elementor-element.elementor-element-1311198 > .elementor-background-video-container::before, .elementor-3991 .elementor-element.elementor-element-1311198 > .e-con-inner > .elementor-background-video-container::before, .elementor-3991 .elementor-element.elementor-element-1311198 > .elementor-background-slideshow::before, .elementor-3991 .elementor-element.elementor-element-1311198 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3991 .elementor-element.elementor-element-1311198 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3991 .elementor-element.elementor-element-c5082ed{--display:flex;--min-height:130px;--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;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3991 .elementor-element.elementor-element-0dd65db{--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Dm Sans;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3991 .elementor-element.elementor-element-f8315a6{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 10px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:2;}.elementor-3991 .elementor-element.elementor-element-f8315a6.elementor-element{--align-self:center;}.elementor-3991 .elementor-element.elementor-element-f8315a6 .elementor-heading-title{font-family:"Inter Tight", Dm Sans;font-size:72px;font-weight:500;text-transform:uppercase;letter-spacing:-1px;word-spacing:6px;mix-blend-mode:saturation;color:#000000;}.elementor-3991 .elementor-element.elementor-element-454fdc2{--display:flex;--min-height:600px;}.elementor-3991 .elementor-element.elementor-element-454fdc2:not(.elementor-motion-effects-element-type-background), .elementor-3991 .elementor-element.elementor-element-454fdc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-3991 .elementor-element.elementor-element-815584a{--display:flex;}.elementor-3991 .elementor-element.elementor-element-bea89fa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3991 .elementor-element.elementor-element-84d6085{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Dm Sans;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3991 .elementor-element.elementor-element-18fcf89 img{width:1000px;height:550px;object-fit:fill;}.elementor-3991 .elementor-element.elementor-element-96cbaa5 img{width:1000px;height:550px;object-fit:fill;}.elementor-3991 .elementor-element.elementor-element-a0a955c img{width:1000px;height:550px;object-fit:fill;}.elementor-3991 .elementor-element.elementor-element-88f4720{--display:flex;}.elementor-3991 .elementor-element.elementor-element-910d406{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3991 .elementor-element.elementor-element-d1d3e79{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3991 .elementor-element.elementor-element-14546ca img{width:1000px;height:550px;object-fit:fill;}.elementor-3991 .elementor-element.elementor-element-12f369a img{width:1000px;height:550px;object-fit:fill;}.elementor-3991 .elementor-element.elementor-element-0598d40 img{width:1000px;height:550px;object-fit:cover;object-position:center center;}.elementor-3991 .elementor-element.elementor-element-a1d44b3{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3991 .elementor-element.elementor-element-f8315a6{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-3991 .elementor-element.elementor-element-0dd65db{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3991 .elementor-element.elementor-element-0dd65db{--width:69%;}}@media(max-width:767px){.elementor-3991 .elementor-element.elementor-element-1311198{--padding-top:40px;--padding-bottom:0px;--padding-left:015px;--padding-right:015px;}.elementor-3991 .elementor-element.elementor-element-0dd65db.e-con{--e-con-transform-translateY:-40px;}.elementor-3991 .elementor-element.elementor-element-0dd65db{--width:100%;--min-height:0px;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3991 .elementor-element.elementor-element-f8315a6 .elementor-heading-title{font-size:48px;}}/* Start custom CSS for container, class: .elementor-element-1311198 */.angled-corner { position: relative; overflow: hidden; /* verhindert Überlappen */ } .angled-corner::before { content: ""; position: absolute; top: 0; right: 0; /* rechte obere Ecke */ width: 80px; /* Breite */ height: 80px; /* Höhe */ background: #004EEB; clip-path: polygon(50% 0, 0 0, 100% 100%); /* Dreieck rechts oben */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-18fcf89 */.card-wrapper { /* Effekt 1: obere rechte & untere rechte Ecke abschneiden */ clip-path: polygon( 0 0, calc(100% - 40px) 0, 100% 40px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100% ); /* Effekt 2: Schatten */ box-shadow: 0 4px 16px rgba(0,0,0,0.08); /* Effekt 3: Animation beim Hover */ transition: box-shadow 0.3s, clip-path 0.3s; } .card-wrapper:hover { /* Effekt 4: größerer Schatten beim Hover */ box-shadow: 0 8px 32px rgba(0,0,0,0.15); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-96cbaa5 */.card-wrapper { /* Effekt 1: obere rechte & untere rechte Ecke abschneiden */ clip-path: polygon( 0 0, calc(100% - 40px) 0, 100% 40px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100% ); /* Effekt 2: Schatten */ box-shadow: 0 4px 16px rgba(0,0,0,0.08); /* Effekt 3: Animation beim Hover */ transition: box-shadow 0.3s, clip-path 0.3s; } .card-wrapper:hover { /* Effekt 4: größerer Schatten beim Hover */ box-shadow: 0 8px 32px rgba(0,0,0,0.15); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a0a955c */.card-wrapper { /* Effekt 1: obere rechte & untere rechte Ecke abschneiden */ clip-path: polygon( 0 0, calc(100% - 40px) 0, 100% 40px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100% ); /* Effekt 2: Schatten */ box-shadow: 0 4px 16px rgba(0,0,0,0.08); /* Effekt 3: Animation beim Hover */ transition: box-shadow 0.3s, clip-path 0.3s; } .card-wrapper:hover { /* Effekt 4: größerer Schatten beim Hover */ box-shadow: 0 8px 32px rgba(0,0,0,0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bea89fa */.elementor-3991 .elementor-element.elementor-element-bea89fa{ --direction: 1; --speed: 20; --image-aspect-ratio: false; --pause-on-hover: true; --pause-on-hover-mobile: false; } .elementor-3991 .elementor-element.elementor-element-bea89fa{ visibility: hidden; overflow: hidden; } .elementor-3991 .elementor-element.elementor-element-bea89fa.showing{ visibility: visible; } .elementor-3991 .elementor-element.elementor-element-bea89fa .e-con, .elementor-3991 .elementor-element.elementor-element-bea89fa .e-container{ -webkit-animation: sliding calc(var(--est-speed,10) * 1s * 50 / var(--speed)) linear infinite; -moz-animation: sliding calc(var(--est-speed,10) * 1s * 50 / var(--speed)) linear infinite; -o-animation: sliding calc(var(--est-speed,10) * 1s * 50 / var(--speed)) linear infinite; animation: sliding calc(var(--est-speed,10) * 1s * 50 / var(--speed)) linear infinite; max-width: unset !important; } .elementor-3991 .elementor-element.elementor-element-bea89fa:hover .e-con, .elementor-3991 .elementor-element.elementor-element-bea89fa:hover .e-container{ animation-play-state: var(--poh, running); } .elementor-3991 .elementor-element.elementor-element-bea89fa.e-con-boxed:hover .e-con, .elementor-3991 .elementor-element.elementor-element-bea89fa.e-con-boxed:hover .e-container{ animation-play-state: running; } .elementor-3991 .elementor-element.elementor-element-bea89fa.e-con-boxed .e-con-inner:hover .e-con, .elementor-3991 .elementor-element.elementor-element-bea89fa.e-con-boxed .e-con-inner:hover .e-container{ animation-play-state: var(--poh, running); } .elementor-3991 .elementor-element.elementor-element-bea89fa .e-con-inner{ overflow: hidden; } .elementor-3991 .elementor-element.elementor-element-bea89fa .e-con.image-aspect-ratio img, .elementor-3991 .elementor-element.elementor-element-bea89fa .e-container.image-aspect-ratio img{ width: auto !important; } @keyframe sliding{w 0%{ transform: translateX(0); } 100%{ transform: translateX(calc(-1*var(--direction,1)*100%/var(--total,2) )); } } @-webkit-keyframes sliding { 0%{ transform: translateX(0); } 100%{ transform: translateX(calc(-1*var(--direction,1)*100%/var(--total,2) )); } } @-moz-keyframes sliding { 0%{ transform: translateX(0); } 100%{ transform: translateX(calc(var(--direction,1)*100%/var(--total,2) )); } } @-o-keyframes sliding { 0%{ transform: translateX(0); } 100%{ transform: translateX(calc(-1*var(--direction,1)*100%/var(--total,2) )); } } @keyframes sliding { 0%{ transform: translateX(0); } 100%{ transform: translateX(calc(-1*var(--direction,1)*100%/var(--total,2) )); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-14546ca */.card-wrapper { /* Effekt 1: obere rechte & untere rechte Ecke abschneiden */ clip-path: polygon( 0 0, calc(100% - 40px) 0, 100% 40px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100% ); /* Effekt 2: Schatten */ box-shadow: 0 4px 16px rgba(0,0,0,0.08); /* Effekt 3: Animation beim Hover */ transition: box-shadow 0.3s, clip-path 0.3s; } .card-wrapper:hover { /* Effekt 4: größerer Schatten beim Hover */ box-shadow: 0 8px 32px rgba(0,0,0,0.15); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-12f369a */.card-wrapper { /* Effekt 1: obere rechte & untere rechte Ecke abschneiden */ clip-path: polygon( 0 0, calc(100% - 40px) 0, 100% 40px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100% ); /* Effekt 2: Schatten */ box-shadow: 0 4px 16px rgba(0,0,0,0.08); /* Effekt 3: Animation beim Hover */ transition: box-shadow 0.3s, clip-path 0.3s; } .card-wrapper:hover { /* Effekt 4: größerer Schatten beim Hover */ box-shadow: 0 8px 32px rgba(0,0,0,0.15); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0598d40 */.card-wrapper { /* Effekt 1: obere rechte & untere rechte Ecke abschneiden */ clip-path: polygon( 0 0, calc(100% - 40px) 0, 100% 40px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100% ); /* Effekt 2: Schatten */ box-shadow: 0 4px 16px rgba(0,0,0,0.08); /* Effekt 3: Animation beim Hover */ transition: box-shadow 0.3s, clip-path 0.3s; } .card-wrapper:hover { /* Effekt 4: größerer Schatten beim Hover */ box-shadow: 0 8px 32px rgba(0,0,0,0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-910d406 */.elementor-3991 .elementor-element.elementor-element-910d406{ --direction: -1; --speed: 20; --image-aspect-ratio: false; --pause-on-hover: true; --pause-on-hover-mobile: false; } .elementor-3991 .elementor-element.elementor-element-910d406{ visibility: hidden; overflow: hidden; } .elementor-3991 .elementor-element.elementor-element-910d406.showing{ visibility: visible; } .elementor-3991 .elementor-element.elementor-element-910d406 .e-con, .elementor-3991 .elementor-element.elementor-element-910d406 .e-container{ -webkit-animation: sliding calc(var(--est-speed,10) * 1s * 50 / var(--speed)) linear infinite; -moz-animation: sliding calc(var(--est-speed,10) * 1s * 50 / var(--speed)) linear infinite; -o-animation: sliding calc(var(--est-speed,10) * 1s * 50 / var(--speed)) linear infinite; animation: sliding calc(var(--est-speed,10) * 1s * 50 / var(--speed)) linear infinite; max-width: unset !important; } .elementor-3991 .elementor-element.elementor-element-910d406:hover .e-con, .elementor-3991 .elementor-element.elementor-element-910d406:hover .e-container{ animation-play-state: var(--poh, running); } .elementor-3991 .elementor-element.elementor-element-910d406.e-con-boxed:hover .e-con, .elementor-3991 .elementor-element.elementor-element-910d406.e-con-boxed:hover .e-container{ animation-play-state: running; } .elementor-3991 .elementor-element.elementor-element-910d406.e-con-boxed .e-con-inner:hover .e-con, .elementor-3991 .elementor-element.elementor-element-910d406.e-con-boxed .e-con-inner:hover .e-container{ animation-play-state: var(--poh, running); } .elementor-3991 .elementor-element.elementor-element-910d406 .e-con-inner{ overflow: hidden; } .elementor-3991 .elementor-element.elementor-element-910d406 .e-con.image-aspect-ratio img, .elementor-3991 .elementor-element.elementor-element-910d406 .e-container.image-aspect-ratio img{ width: auto !important; } @keyframe sliding{w 0%{ transform: translateX(0); } 100%{ transform: translateX(calc(-1*var(--direction,1)*100%/var(--total,2) )); } } @-webkit-keyframes sliding { 0%{ transform: translateX(0); } 100%{ transform: translateX(calc(-1*var(--direction,1)*100%/var(--total,2) )); } } @-moz-keyframes sliding { 0%{ transform: translateX(0); } 100%{ transform: translateX(calc(var(--direction,1)*100%/var(--total,2) )); } } @-o-keyframes sliding { 0%{ transform: translateX(0); } 100%{ transform: translateX(calc(-1*var(--direction,1)*100%/var(--total,2) )); } } @keyframes sliding { 0%{ transform: translateX(0); } 100%{ transform: translateX(calc(-1*var(--direction,1)*100%/var(--total,2) )); } }/* End custom CSS */