.elementor-4261 .elementor-element.elementor-element-17ca8e17:not(.elementor-motion-effects-element-type-background), .elementor-4261 .elementor-element.elementor-element-17ca8e17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rogo-systems.de/wp-content/uploads/2026/05/individuelle-Softwareentwicklung.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4261 .elementor-element.elementor-element-17ca8e17 > .elementor-background-overlay{background-color:var( --e-global-color-044b931 );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4261 .elementor-element.elementor-element-17ca8e17 > .elementor-container{min-height:602px;}.elementor-4261 .elementor-element.elementor-element-17ca8e17{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:7% 0% 0% 0%;}.elementor-4261 .elementor-element.elementor-element-d5ada1f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4261 .elementor-element.elementor-element-26833275 > .elementor-container{max-width:720px;}.elementor-4261 .elementor-element.elementor-element-26833275{padding:7em 0em 7em 0em;}.elementor-4261 .elementor-element.elementor-element-44850081 > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-4261 .elementor-element.elementor-element-331b12b{text-align:center;}.elementor-4261 .elementor-element.elementor-element-331b12b .elementor-heading-title{font-family:"Saira", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:1px;color:var( --e-global-color-332724a );}.elementor-4261 .elementor-element.elementor-element-2aa22975{text-align:center;}.elementor-4261 .elementor-element.elementor-element-2aa22975 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-4261 .elementor-element.elementor-element-49cf6f96{text-align:center;}.elementor-4261 .elementor-element.elementor-element-49cf6f96 .elementor-heading-title{color:#FFFFFF;}.elementor-4261 .elementor-element.elementor-element-e67c11f:not(.elementor-motion-effects-element-type-background), .elementor-4261 .elementor-element.elementor-element-e67c11f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4261 .elementor-element.elementor-element-e67c11f > .elementor-container{max-width:1600px;}.elementor-4261 .elementor-element.elementor-element-e67c11f, .elementor-4261 .elementor-element.elementor-element-e67c11f > .elementor-background-overlay{border-radius:24px 24px 24px 24px;}.elementor-4261 .elementor-element.elementor-element-e67c11f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 28px 20px 28px;}.elementor-4261 .elementor-element.elementor-element-e67c11f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4261 .elementor-element.elementor-element-7d79b2a > .elementor-element-populated{padding:18px 18px 18px 18px;}.elementor-4261 .elementor-element.elementor-element-9fc1d22 .elementor-icon-box-wrapper{gap:15px;}.elementor-4261 .elementor-element.elementor-element-9fc1d22.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-332724a );}.elementor-4261 .elementor-element.elementor-element-9fc1d22.elementor-view-framed .elementor-icon, .elementor-4261 .elementor-element.elementor-element-9fc1d22.elementor-view-default .elementor-icon{fill:var( --e-global-color-332724a );color:var( --e-global-color-332724a );border-color:var( --e-global-color-332724a );}.elementor-4261 .elementor-element.elementor-element-9fc1d22.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-4261 .elementor-element.elementor-element-9fc1d22.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-text );}.elementor-4261 .elementor-element.elementor-element-9fc1d22.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-4261 .elementor-element.elementor-element-9fc1d22.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-4261 .elementor-element.elementor-element-9fc1d22.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-4261 .elementor-element.elementor-element-9fc1d22.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-4261 .elementor-element.elementor-element-929592f > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-4261 .elementor-element.elementor-element-b8e55b0 .elementor-icon-box-wrapper{gap:15px;}.elementor-4261 .elementor-element.elementor-element-b8e55b0.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-332724a );}.elementor-4261 .elementor-element.elementor-element-b8e55b0.elementor-view-framed .elementor-icon, .elementor-4261 .elementor-element.elementor-element-b8e55b0.elementor-view-default .elementor-icon{fill:var( --e-global-color-332724a );color:var( --e-global-color-332724a );border-color:var( --e-global-color-332724a );}.elementor-4261 .elementor-element.elementor-element-b8e55b0.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-4261 .elementor-element.elementor-element-b8e55b0.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-text );}.elementor-4261 .elementor-element.elementor-element-b8e55b0.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-4261 .elementor-element.elementor-element-b8e55b0.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-4261 .elementor-element.elementor-element-b8e55b0.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-4261 .elementor-element.elementor-element-b8e55b0.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-4261 .elementor-element.elementor-element-bd2d023 > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-4261 .elementor-element.elementor-element-84586bf .elementor-icon-box-wrapper{gap:15px;}.elementor-4261 .elementor-element.elementor-element-84586bf.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-332724a );}.elementor-4261 .elementor-element.elementor-element-84586bf.elementor-view-framed .elementor-icon, .elementor-4261 .elementor-element.elementor-element-84586bf.elementor-view-default .elementor-icon{fill:var( --e-global-color-332724a );color:var( --e-global-color-332724a );border-color:var( --e-global-color-332724a );}.elementor-4261 .elementor-element.elementor-element-84586bf.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-4261 .elementor-element.elementor-element-84586bf.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-text );}.elementor-4261 .elementor-element.elementor-element-84586bf.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-4261 .elementor-element.elementor-element-84586bf.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-4261 .elementor-element.elementor-element-84586bf.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-4261 .elementor-element.elementor-element-84586bf.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-4261 .elementor-element.elementor-element-2f641c02 > .elementor-container{min-height:644px;}.elementor-4261 .elementor-element.elementor-element-2f641c02{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0em 0em 0em 0em;}.elementor-4261 .elementor-element.elementor-element-2f641c02 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4261 .elementor-element.elementor-element-12224a84 > .elementor-element-populated{padding:3em 5em 3em 1em;}.elementor-4261 .elementor-element.elementor-element-86476f4{text-align:start;}.elementor-4261 .elementor-element.elementor-element-86476f4 .elementor-heading-title{font-family:"Saira", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:1px;color:var( --e-global-color-332724a );}.elementor-4261 .elementor-element.elementor-element-5b42143{--divider-border-style:solid;--divider-color:var( --e-global-color-332724a );--divider-border-width:1px;}.elementor-4261 .elementor-element.elementor-element-5b42143 .elementor-divider-separator{width:18%;margin:0 auto;margin-left:0;}.elementor-4261 .elementor-element.elementor-element-5b42143 .elementor-divider{text-align:left;}.elementor-4261 .elementor-element.elementor-element-28d1a707{text-align:start;}.elementor-4261 .elementor-element.elementor-element-28d1a707 .elementor-heading-title{font-family:var( --e-global-typography-5d167aa-font-family ), Sans-serif;font-size:var( --e-global-typography-5d167aa-font-size );font-weight:var( --e-global-typography-5d167aa-font-weight );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );color:var( --e-global-color-secondary );}.elementor-4261 .elementor-element.elementor-element-66105e5f{text-align:start;}.elementor-4261 .elementor-element.elementor-element-66105e5f .elementor-heading-title{font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );color:var( --e-global-color-secondary );}.elementor-4261 .elementor-element.elementor-element-4e337d8 > .elementor-widget-container{background-color:var( --e-global-color-044b931 );border-radius:20px 20px 20px 20px;}.elementor-4261 .elementor-element.elementor-element-4e337d8 img{width:100%;height:450px;object-fit:cover;object-position:center center;opacity:0.5;}.elementor-4261 .elementor-element.elementor-element-fdecffd > .elementor-widget-container{padding:25px 25px 25px 25px;border-style:solid;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 24px 0px rgba(0,0,0,0.5);}.elementor-4261 .elementor-element.elementor-element-fdecffd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(16px/2);}.elementor-4261 .elementor-element.elementor-element-fdecffd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(16px/2);}.elementor-4261 .elementor-element.elementor-element-fdecffd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(16px/2);}.elementor-4261 .elementor-element.elementor-element-fdecffd .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-16px/2);}.elementor-4261 .elementor-element.elementor-element-fdecffd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-16px/2);}.elementor-4261 .elementor-element.elementor-element-fdecffd .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4261 .elementor-element.elementor-element-fdecffd .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4261 .elementor-element.elementor-element-fdecffd{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4261 .elementor-element.elementor-element-fdecffd .elementor-icon-list-text{transition:color 0.3s;}.elementor-4261 .elementor-element.elementor-element-49fb14ef > .elementor-element-populated, .elementor-4261 .elementor-element.elementor-element-49fb14ef > .elementor-element-populated > .elementor-background-overlay, .elementor-4261 .elementor-element.elementor-element-49fb14ef > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-4261 .elementor-element.elementor-element-49fb14ef > .elementor-element-populated{padding:0em 0em 0em 0em;}.elementor-4261 .elementor-element.elementor-element-7917abc7 > .elementor-widget-container{background-color:var( --e-global-color-044b931 );border-radius:20px 20px 20px 20px;}.elementor-4261 .elementor-element.elementor-element-7917abc7 img{width:100%;height:450px;object-fit:cover;object-position:center center;opacity:1;}.elementor-4261 .elementor-element.elementor-element-3be789c3{--display:flex;--min-height:798px;}.elementor-4261 .elementor-element.elementor-element-3be789c3:not(.elementor-motion-effects-element-type-background), .elementor-4261 .elementor-element.elementor-element-3be789c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cfa1f76 );}.elementor-4261 .elementor-element.elementor-element-9844c29 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-4261 .elementor-element.elementor-element-9844c29{text-align:center;}.elementor-4261 .elementor-element.elementor-element-9844c29 .elementor-heading-title{font-family:"Saira", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:1px;color:var( --e-global-color-332724a );}.elementor-4261 .elementor-element.elementor-element-79b53ff2{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4261 .elementor-element.elementor-element-1416928{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4261 .elementor-element.elementor-element-1ee6c754 p{margin-block-end:0px;}.elementor-4261 .elementor-element.elementor-element-7b209b5d{--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:center;--border-radius:45px 45px 45px 45px;}.elementor-4261 .elementor-element.elementor-element-1bea7b64{--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;}.elementor-4261 .elementor-element.elementor-element-6598461a{--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:center;}.elementor-4261 .elementor-element.elementor-element-7c7bda2f{--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-4261 .elementor-element.elementor-element-7f75737a{--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;}.elementor-4261 .elementor-element.elementor-element-4de98519{--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:center;}.elementor-4261 .elementor-element.elementor-element-1ed6abab{--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-4261 .elementor-element.elementor-element-73475a8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(8px/2);}.elementor-4261 .elementor-element.elementor-element-73475a8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(8px/2);}.elementor-4261 .elementor-element.elementor-element-73475a8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(8px/2);margin-left:calc(8px/2);}.elementor-4261 .elementor-element.elementor-element-73475a8 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-8px/2);margin-left:calc(-8px/2);}body.rtl .elementor-4261 .elementor-element.elementor-element-73475a8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-8px/2);}body:not(.rtl) .elementor-4261 .elementor-element.elementor-element-73475a8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-8px/2);}.elementor-4261 .elementor-element.elementor-element-73475a8 .elementor-icon-list-icon{width:14px;}.elementor-4261 .elementor-element.elementor-element-73475a8 .elementor-icon-list-icon i{font-size:14px;}.elementor-4261 .elementor-element.elementor-element-73475a8 .elementor-icon-list-icon svg{max-width:14px;}.elementor-4261 .elementor-element.elementor-element-73475a8 .elementor-icon-list-text{padding-left:10px;}.elementor-4261 .elementor-element.elementor-element-22ab0c9c{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:16px;--n-tabs-gap:45px;--n-tabs-title-border-radius:14px 14px 14px 14px;--n-tabs-title-color:var( --e-global-color-primary );--n-tabs-title-color-active:var( --e-global-color-text );--n-tabs-icon-color:var( --e-global-color-332724a );}.elementor-4261 .elementor-element.elementor-element-22ab0c9c > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-text );}.elementor-4261 .elementor-element.elementor-element-22ab0c9c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-332724a );}.elementor-4261 .elementor-element.elementor-element-22ab0c9c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4261 .elementor-element.elementor-element-22ab0c9c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );border-style:none;box-shadow:0px 0px 19px 0px rgba(0,0,0,0.5);}.elementor-4261 .elementor-element.elementor-element-22ab0c9c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#DCE4EF;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-4261 .elementor-element.elementor-element-22ab0c9c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-weight:600;}.elementor-4261 .elementor-element.elementor-element-22ab0c9c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ) :is( span, a, i ){-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-4261 .elementor-element.elementor-element-22ab0c9c [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-d49ac81 );}.elementor-4261 .elementor-element.elementor-element-8ef12d1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-4261 .elementor-element.elementor-element-8ef12d1:not(.elementor-motion-effects-element-type-background), .elementor-4261 .elementor-element.elementor-element-8ef12d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F8FB;}.elementor-4261 .elementor-element.elementor-element-09f244d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4261 .elementor-element.elementor-element-00837fe{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-4261 .elementor-element.elementor-element-9259f7e{--display:flex;--justify-content:center;--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}.elementor-4261 .elementor-element.elementor-element-838fcee{text-align:center;}.elementor-4261 .elementor-element.elementor-element-838fcee .elementor-heading-title{font-family:"Saira", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:1px;color:var( --e-global-color-332724a );}.elementor-4261 .elementor-element.elementor-element-ff09e08{text-align:center;}.elementor-4261 .elementor-element.elementor-element-ff09e08 .elementor-heading-title{font-family:var( --e-global-typography-5d167aa-font-family ), Sans-serif;font-size:var( --e-global-typography-5d167aa-font-size );font-weight:var( --e-global-typography-5d167aa-font-weight );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );color:var( --e-global-color-secondary );}.elementor-4261 .elementor-element.elementor-element-4c2ccef{--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-4261 .elementor-element.elementor-element-4c2ccef:not(.elementor-motion-effects-element-type-background), .elementor-4261 .elementor-element.elementor-element-4c2ccef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F8FB;}.elementor-4261 .elementor-element.elementor-element-2dacbf8{--display:flex;}.elementor-4261 .elementor-element.elementor-element-f035861 .elementor-icon-wrapper{text-align:center;}.elementor-4261 .elementor-element.elementor-element-52199ce{--display:flex;}.elementor-4261 .elementor-element.elementor-element-b611d5b .elementor-icon-wrapper{text-align:center;}.elementor-4261 .elementor-element.elementor-element-b3d7407{--display:flex;}.elementor-4261 .elementor-element.elementor-element-c98878f .elementor-icon-wrapper{text-align:center;}.elementor-4261 .elementor-element.elementor-element-1f0b932{--display:flex;}.elementor-4261 .elementor-element.elementor-element-0a681a9 .elementor-icon-wrapper{text-align:center;}.elementor-4261 .elementor-element.elementor-element-13b60b8{--display:flex;}.elementor-4261 .elementor-element.elementor-element-5e85af9{padding:5em 0em 7em 0em;}.elementor-4261 .elementor-element.elementor-element-693504d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4261 .elementor-element.elementor-element-394d3a4 > .elementor-container{max-width:720px;}.elementor-4261 .elementor-element.elementor-element-394d3a4{padding:0em 0em 1em 0em;}.elementor-4261 .elementor-element.elementor-element-63f7251 > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-4261 .elementor-element.elementor-element-3b19b05{text-align:center;}.elementor-4261 .elementor-element.elementor-element-3b19b05 .elementor-heading-title{font-family:"Saira", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:1px;color:var( --e-global-color-332724a );}.elementor-4261 .elementor-element.elementor-element-8d5351a{text-align:center;}.elementor-4261 .elementor-element.elementor-element-8d5351a .elementor-heading-title{font-family:var( --e-global-typography-5d167aa-font-family ), Sans-serif;font-size:var( --e-global-typography-5d167aa-font-size );font-weight:var( --e-global-typography-5d167aa-font-weight );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );color:var( --e-global-color-secondary );}.elementor-4261 .elementor-element.elementor-element-0854216{text-align:center;}.elementor-4261 .elementor-element.elementor-element-0854216 .elementor-heading-title{font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );color:var( --e-global-color-secondary );}.elementor-4261 .elementor-element.elementor-element-563e598{--display:flex;}.elementor-4261 .elementor-element.elementor-element-da1fa06{--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-4261 .elementor-element.elementor-element-a0cfd42{--display:flex;}.elementor-4261 .elementor-element.elementor-element-7983856{--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-4261 .elementor-element.elementor-element-5d14cb2{--display:flex;}.elementor-4261 .elementor-element.elementor-element-3fa6da3{--display:flex;}.elementor-4261 .elementor-element.elementor-element-c5f93ae{--display:flex;}.elementor-4261 .elementor-element.elementor-element-58004ce{--display:flex;}.elementor-4261 .elementor-element.elementor-element-f03c1c6{--display:flex;}.elementor-4261 .elementor-element.elementor-element-b5d8726{--n-accordion-title-font-size:var( --e-global-typography-7044a64-font-size );--n-accordion-title-icon-order:-1;--n-accordion-item-title-space-between:5px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:25px 25px 25px 25px;--n-accordion-title-normal-color:var( --e-global-color-secondary );--n-accordion-icon-size:15px;--n-accordion-icon-gap:9px;}.elementor-4261 .elementor-element.elementor-element-b5d8726 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-text );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-4d462f5 );}.elementor-4261 .elementor-element.elementor-element-b5d8726 > .elementor-widget-container{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-4261 .elementor-element.elementor-element-b5d8726 {--n-accordion-padding:22px 22px 22px 22px;}:where( .elementor-4261 .elementor-element.elementor-element-b5d8726 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:var( --e-global-typography-7044a64-font-family ), Sans-serif;font-weight:var( --e-global-typography-7044a64-font-weight );line-height:var( --e-global-typography-7044a64-line-height );letter-spacing:var( --e-global-typography-7044a64-letter-spacing );}.elementor-4261 .elementor-element.elementor-element-722d17e:not(.elementor-motion-effects-element-type-background), .elementor-4261 .elementor-element.elementor-element-722d17e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://rogo-systems.de/wp-content/uploads/2026/05/individuelle-Softwareentwicklung.jpg");background-position:top center;background-repeat:no-repeat;background-size:100% auto;}.elementor-4261 .elementor-element.elementor-element-722d17e > .elementor-background-overlay{background-color:var( --e-global-color-044b931 );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4261 .elementor-element.elementor-element-722d17e > .elementor-container{max-width:724px;min-height:450px;}.elementor-4261 .elementor-element.elementor-element-722d17e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:7em 0em 7em 0em;}.elementor-4261 .elementor-element.elementor-element-117ff8b > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-4261 .elementor-element.elementor-element-eaf33ea{text-align:center;}.elementor-4261 .elementor-element.elementor-element-eaf33ea .elementor-heading-title{font-family:var( --e-global-typography-5d167aa-font-family ), Sans-serif;font-size:var( --e-global-typography-5d167aa-font-size );font-weight:var( --e-global-typography-5d167aa-font-weight );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );color:#FFFFFF;}.elementor-4261 .elementor-element.elementor-element-d71e33f{text-align:center;font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );color:#FFFFFF;}.elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-field-group > label, .elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-text );}.elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-field-group .elementor-field{color:var( --e-global-color-secondary );}.elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-color:var( --e-global-color-text );border-width:1px 1px 1px 1px;border-radius:15px 15px 15px 15px;}.elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-field-group .elementor-select-wrapper select{border-color:var( --e-global-color-text );border-width:1px 1px 1px 1px;border-radius:15px 15px 15px 15px;}.elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-text );}.elementor-4261 .elementor-element.elementor-element-ca7ecbb .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-button[type="submit"]{color:#ffffff;}.elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-4261 .elementor-element.elementor-element-ca7ecbb .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-4261 .elementor-element.elementor-element-ca7ecbb .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-4261 .elementor-element.elementor-element-ca7ecbb .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-4261 .elementor-element.elementor-element-ca7ecbb .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-4261 .elementor-element.elementor-element-ca7ecbb{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:768px){.elementor-4261 .elementor-element.elementor-element-1416928{--width:50%;}.elementor-4261 .elementor-element.elementor-element-7b209b5d{--width:50%;}.elementor-4261 .elementor-element.elementor-element-6598461a{--width:50%;}.elementor-4261 .elementor-element.elementor-element-7c7bda2f{--width:50%;}.elementor-4261 .elementor-element.elementor-element-4de98519{--width:50%;}.elementor-4261 .elementor-element.elementor-element-1ed6abab{--width:50%;}.elementor-4261 .elementor-element.elementor-element-00837fe{--width:720px;}}@media(max-width:1024px){.elementor-4261 .elementor-element.elementor-element-17ca8e17{padding:7em 0em 0em 0em;}.elementor-4261 .elementor-element.elementor-element-26833275{padding:5em 0em 5em 0em;}.elementor-4261 .elementor-element.elementor-element-331b12b{text-align:center;}.elementor-4261 .elementor-element.elementor-element-331b12b .elementor-heading-title{font-size:13px;}.elementor-4261 .elementor-element.elementor-element-2f641c02{padding:1em 1em 3em 1em;}.elementor-4261 .elementor-element.elementor-element-12224a84 > .elementor-element-populated{padding:2em 2em 2em 1em;}.elementor-4261 .elementor-element.elementor-element-86476f4{text-align:center;}.elementor-4261 .elementor-element.elementor-element-86476f4 .elementor-heading-title{font-size:13px;}.elementor-4261 .elementor-element.elementor-element-5b42143 .elementor-divider{text-align:center;}.elementor-4261 .elementor-element.elementor-element-5b42143 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-4261 .elementor-element.elementor-element-28d1a707{text-align:center;}.elementor-4261 .elementor-element.elementor-element-28d1a707 .elementor-heading-title{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-4261 .elementor-element.elementor-element-66105e5f{text-align:center;}.elementor-4261 .elementor-element.elementor-element-66105e5f .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-4261 .elementor-element.elementor-element-4e337d8 img{height:400px;}.elementor-4261 .elementor-element.elementor-element-49fb14ef > .elementor-element-populated{padding:0em 0em 0em 0em;}.elementor-4261 .elementor-element.elementor-element-7917abc7 img{height:400px;}.elementor-4261 .elementor-element.elementor-element-9844c29 .elementor-heading-title{font-size:13px;}.elementor-4261 .elementor-element.elementor-element-7c7bda2f{--justify-content:center;}.elementor-4261 .elementor-element.elementor-element-22ab0c9c{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-gap:0px;}.elementor-4261 .elementor-element.elementor-element-838fcee .elementor-heading-title{font-size:13px;}.elementor-4261 .elementor-element.elementor-element-ff09e08 .elementor-heading-title{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-4261 .elementor-element.elementor-element-4c2ccef{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-4261 .elementor-element.elementor-element-5e85af9{padding:1em 0em 3em 0em;}.elementor-4261 .elementor-element.elementor-element-3b19b05 .elementor-heading-title{font-size:13px;}.elementor-4261 .elementor-element.elementor-element-8d5351a .elementor-heading-title{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-4261 .elementor-element.elementor-element-0854216 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-4261 .elementor-element.elementor-element-b5d8726 > .elementor-widget-container{margin:0px 10px 0px 10px;}.elementor-4261 .elementor-element.elementor-element-b5d8726{--n-accordion-title-font-size:var( --e-global-typography-7044a64-font-size );}:where( .elementor-4261 .elementor-element.elementor-element-b5d8726 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-7044a64-line-height );letter-spacing:var( --e-global-typography-7044a64-letter-spacing );}.elementor-4261 .elementor-element.elementor-element-722d17e:not(.elementor-motion-effects-element-type-background), .elementor-4261 .elementor-element.elementor-element-722d17e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-4261 .elementor-element.elementor-element-722d17e{padding:4em 0em 4em 0em;}.elementor-4261 .elementor-element.elementor-element-eaf33ea .elementor-heading-title{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-4261 .elementor-element.elementor-element-d71e33f{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}}@media(max-width:767px){.elementor-4261 .elementor-element.elementor-element-17ca8e17{padding:7em 0em 0em 0em;}.elementor-4261 .elementor-element.elementor-element-d5ada1f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4261 .elementor-element.elementor-element-26833275{padding:2em 0em 2em 0em;}.elementor-4261 .elementor-element.elementor-element-44850081 > .elementor-element-populated{padding:21px 21px 21px 21px;}.elementor-4261 .elementor-element.elementor-element-331b12b .elementor-heading-title{font-size:12px;}.elementor-4261 .elementor-element.elementor-element-e67c11f{padding:1em 1em 1em 1em;}.elementor-4261 .elementor-element.elementor-element-7d79b2a{width:50%;}.elementor-4261 .elementor-element.elementor-element-929592f{width:50%;}.elementor-4261 .elementor-element.elementor-element-bd2d023{width:50%;}.elementor-4261 .elementor-element.elementor-element-2f641c02{padding:1em 1em 2em 1em;}.elementor-4261 .elementor-element.elementor-element-12224a84 > .elementor-element-populated{padding:1em 1em 2em 1em;}.elementor-4261 .elementor-element.elementor-element-86476f4 .elementor-heading-title{font-size:12px;}.elementor-4261 .elementor-element.elementor-element-28d1a707 .elementor-heading-title{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-4261 .elementor-element.elementor-element-66105e5f .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-4261 .elementor-element.elementor-element-4e337d8 img{height:250px;}.elementor-4261 .elementor-element.elementor-element-7917abc7 img{height:250px;}.elementor-4261 .elementor-element.elementor-element-3be789c3{--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-4261 .elementor-element.elementor-element-9844c29.elementor-element{--align-self:center;}.elementor-4261 .elementor-element.elementor-element-9844c29 .elementor-heading-title{font-size:12px;}.elementor-4261 .elementor-element.elementor-element-22ab0c9c{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:10px;--n-tabs-gap:10px;--n-tabs-title-padding-top:17px;--n-tabs-title-padding-right:17px;--n-tabs-title-padding-bottom:17px;--n-tabs-title-padding-left:17px;}.elementor-4261 .elementor-element.elementor-element-22ab0c9c.elementor-element{--order:99999 /* order end hack */;}.elementor-4261 .elementor-element.elementor-element-838fcee .elementor-heading-title{font-size:12px;}.elementor-4261 .elementor-element.elementor-element-ff09e08 .elementor-heading-title{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-4261 .elementor-element.elementor-element-5e85af9{padding:0em 0em 2em 0em;}.elementor-4261 .elementor-element.elementor-element-3b19b05 .elementor-heading-title{font-size:12px;}.elementor-4261 .elementor-element.elementor-element-8d5351a .elementor-heading-title{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-4261 .elementor-element.elementor-element-0854216 .elementor-heading-title{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}.elementor-4261 .elementor-element.elementor-element-b5d8726{--n-accordion-title-font-size:var( --e-global-typography-7044a64-font-size );}:where( .elementor-4261 .elementor-element.elementor-element-b5d8726 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:var( --e-global-typography-7044a64-line-height );letter-spacing:var( --e-global-typography-7044a64-letter-spacing );}.elementor-4261 .elementor-element.elementor-element-722d17e{padding:3em 0em 3em 0em;}.elementor-4261 .elementor-element.elementor-element-117ff8b > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-4261 .elementor-element.elementor-element-eaf33ea .elementor-heading-title{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );}.elementor-4261 .elementor-element.elementor-element-d71e33f{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );}}@media(max-width:1024px) and (min-width:768px){.elementor-4261 .elementor-element.elementor-element-12224a84{width:100%;}.elementor-4261 .elementor-element.elementor-element-49fb14ef{width:100%;}}/* Start custom CSS for section, class: .elementor-element-e67c11f *//* =========================================
   SOFTWARE BENEFIT BAR
========================================= */

.elementor-4261 .elementor-element.elementor-element-e67c11f {
    width: 100%;
    max-width: none;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative;
    z-index: 5;

    background: #252A33 !important;

    border-radius: 0 !important;

    box-shadow:
        inset 0 1px 0 rgba(50,184,240,0.28),
        inset 0 -1px 0 rgba(50,184,240,0.18),
        0 10px 28px rgba(18,30,60,0.10);

    overflow: visible !important;
}


/* =========================================
   INNERER BEREICH
========================================= */

.elementor-4261 .elementor-element.elementor-element-e67c11f > .elementor-container {
    width: 100% !important;
    max-width: 1250px !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 auto !important;
    padding: 24px 25px !important;

    align-items: center !important;
}


/* =========================================
   DREI SPALTEN
========================================= */

.elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item {
    position: relative;

    width: 33.333% !important;

    height: auto !important;
    min-height: 0 !important;

    padding: 4px 35px !important;

    box-sizing: border-box !important;
}


/* Spalte selbst NICHT als Grid */
.elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item > .elementor-widget-wrap {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================
   ICON BOX
========================================= */

.elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-widget-icon-box {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
}


/* Icon links / Text rechts */
.elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon-box-wrapper {
    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 16px !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
}


/* =========================================
   ICON
========================================= */

.elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon-box-icon {
    flex: 0 0 56px !important;

    width: 56px !important;

    margin: 0 !important;
}


.elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon {
    width: 54px !important;
    height: 54px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    color: #32B8F0 !important;

    font-size: 23px !important;

    border: 1px solid rgba(50,184,240,0.65) !important;
    border-radius: 50% !important;

    background: rgba(50,184,240,0.03) !important;

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        background-color 0.3s ease;
}


/* =========================================
   TEXTBEREICH
========================================= */

.elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon-box-content {
    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    text-align: left !important;
}


/* Titel */
.elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon-box-title {
    margin: 0 0 5px 0 !important;

    color: #FFFFFF !important;

    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 700;

    text-align: left !important;
}


/* Beschreibung */
.elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon-box-description {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    color: rgba(255,255,255,0.76) !important;

    font-size: 14px !important;
    line-height: 1.4 !important;

    text-align: left !important;
}


/* =========================================
   TRENNLINIEN
========================================= */

.elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item:not(:last-child)::after {
    content: "";

    position: absolute;

    right: 0;
    top: 10%;

    width: 1px;
    height: 80%;

    background: linear-gradient(
        to bottom,
        transparent,
        rgba(255,255,255,0.14),
        transparent
    );
}


/* =========================================
   HOVER
========================================= */

@media (hover: hover) {

    .elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item:hover .elementor-icon {
        transform: translateY(-2px);

        border-color: #32B8F0 !important;

        background: rgba(50,184,240,0.07) !important;
    }
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .elementor-4261 .elementor-element.elementor-element-e67c11f > .elementor-container {
        max-width: 100% !important;

        padding: 22px 20px !important;
    }

    .elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item {
        padding: 6px 20px !important;
    }

    .elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon-box-wrapper {
        gap: 13px !important;
    }

    .elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon-box-icon {
        flex-basis: 50px !important;
        width: 50px !important;
    }

    .elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon {
        width: 48px !important;
        height: 48px !important;

        font-size: 21px !important;
    }

    .elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon-box-title {
        font-size: 18px !important;
    }

    .elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon-box-description {
        font-size: 13px !important;
    }
}


/* =========================================
   SMARTPHONE
========================================= */

@media (max-width: 767px) {

    .elementor-4261 .elementor-element.elementor-element-e67c11f > .elementor-container {
        padding: 10px 18px !important;
    }

    .elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        padding: 18px 4px !important;
    }

    .elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon-box-wrapper {
        gap: 15px !important;
    }

    .elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon-box-icon {
        flex-basis: 52px !important;
        width: 52px !important;
    }

    .elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon {
        width: 50px !important;
        height: 50px !important;

        font-size: 22px !important;
    }

    .elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon-box-title {
        font-size: 18px !important;
    }

    .elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon-box-description {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    .elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item:not(:last-child)::after {
        top: auto;
        right: auto;

        left: 0;
        bottom: 0;

        width: 100%;
        height: 1px;

        background: linear-gradient(
            to right,
            transparent,
            rgba(255,255,255,0.13),
            transparent
        );
    }
}


/* =========================================
   ICON-FARBEN FIX
========================================= */

.elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon,
.elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon i {
    color: #32B8F0 !important;
}

.elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon svg {
    color: #32B8F0 !important;
    fill: #32B8F0 !important;
}

.elementor-4261 .elementor-element.elementor-element-e67c11f .software-benefit-item .elementor-icon svg path {
    fill: #32B8F0 !important;
    stroke: #32B8F0 !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-fdecffd */.elementor-4261 .elementor-element.elementor-element-fdecffd {
    background: #FFFFFF !important;

    border: 1px solid #DCE5F0 !important;
    border-radius: 18px !important;

    padding: 24px !important;

    box-shadow:
        0 8px 24px rgba(18,30,60,0.07) !important;
}

/* Listeneinträge */
.elementor-4261 .elementor-element.elementor-element-fdecffd li {
    margin-bottom: 14px !important;

    font-size: 15px !important;
    line-height: 1.45 !important;

    color: #303641 !important;
}

/* letzter Punkt ohne zusätzlichen Abstand */
.elementor-4261 .elementor-element.elementor-element-fdecffd li:last-child {
    margin-bottom: 0 !important;
}

/* Icons / Haken */
.elementor-4261 .elementor-element.elementor-element-fdecffd i,
.elementor-4261 .elementor-element.elementor-element-fdecffd svg {
    color: #32B8F0 !important;
    fill: #32B8F0 !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-49fb14ef */.elementor-4261 .elementor-element.elementor-element-49fb14ef {
    border-radius: 25px !important;
    overflow: hidden;
}

.elementor-4261 .elementor-element.elementor-element-49fb14ef img {
    border-radius: 25px !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-22ab0c9c *//* =========================================
   SOFTWAREENTWICKLUNG TABS – FINAL
   Desktop / Tablet / Smartphone
========================================= */


/* =========================================
   GRUNDEINSTELLUNGEN
========================================= */

.elementor-4261 .elementor-element.elementor-element-22ab0c9c {
    overflow-anchor: none;
}

.elementor-4261 .elementor-element.elementor-element-22ab0c9c .elementor-tab-title,
.elementor-4261 .elementor-element.elementor-element-22ab0c9c .elementor-accordion-title,
.elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-tab-title,
.elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-accordion-item-title {
    scroll-margin-top: 0 !important;
}


/* =========================================
   TAB-TITEL ALLGEMEIN
========================================= */

.elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-tab-title {
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    text-align: center !important;

    border-radius: 12px !important;
}

.elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-tab-title-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    font-weight: 700 !important;
    letter-spacing: 0.3px !important;

    white-space: normal !important;
}


/* =========================================
   DESKTOP
========================================= */

@media (min-width: 1025px) {

    .elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-tabs-heading {
        display: flex !important;

        justify-content: center !important;
        align-items: center !important;

        flex-wrap: nowrap !important;

        gap: 14px !important;

        width: 100% !important;

        margin: 0 0 38px 0 !important;
        padding: 0 !important;
    }

    .elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-tab-title {
        flex: 0 0 225px !important;

        width: 225px !important;
        min-width: 225px !important;
        max-width: 225px !important;

        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;

        padding: 8px 18px !important;

        border-radius: 12px !important;
    }

    .elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-tab-title-text {
        font-size: 13px !important;
        line-height: 1.1 !important;
    }
}


/* =========================================
   TABLET
   3 TABS NEBENEINANDER
========================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-tabs-heading {
        display: grid !important;

        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        column-gap: 12px !important;

        width: 100% !important;
        max-width: 720px !important;

        margin: 0 auto 34px auto !important;
        padding: 0 8px 10px 8px !important;

        box-sizing: border-box !important;

        overflow: visible !important;
    }

    .elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-tab-title {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;

        margin: 0 !important;

        padding: 7px 12px !important;

        border-radius: 11px !important;
    }

    .elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-tab-title-text {
        font-size: 12px !important;
        line-height: 1.1 !important;
    }
}


/* =========================================
   SMARTPHONE
========================================= */

@media (max-width: 767px) {

    .elementor-4261 .elementor-element.elementor-element-22ab0c9c {
        width: 100% !important;
        max-width: 100% !important;
    }

    .elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-tabs-heading {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        column-gap: 8px !important;
        row-gap: 8px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 26px 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    .elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-tab-title,
    .elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-tab-title:first-child,
    .elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-tab-title:not(:first-child) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;

        margin: 0 !important;

        padding: 6px 8px !important;

        border-radius: 10px !important;
    }

    .elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-tab-title[aria-selected="true"] {
        width: 100% !important;

        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;

        margin: 0 !important;

        padding: 6px 8px !important;
    }

    .elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-tab-title-text {
        font-size: 11px !important;
        line-height: 1.05 !important;

        white-space: normal !important;
    }

    /* 3. Tab mittig in zweiter Reihe */
    .elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-tab-title:nth-child(3) {
        grid-column: 1 / -1 !important;

        width: calc(50% - 4px) !important;

        justify-self: center !important;
    }

    .elementor-4261 .elementor-element.elementor-element-22ab0c9c .e-n-tabs-content {
        width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   ROGO SOFTWAREENTWICKLUNG – PROZESSBEREICH
========================================================= */


/* =========================================================
   1. KOPFBEREICH
========================================================= */

#software-process-head {
    position: relative;

    width: 100%;
    height: auto;
    min-height: 0;

    margin: 0 !important;
    padding: 35px 20px 28px !important;

    overflow: hidden;

    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(50,184,240,0.07) 0%,
            rgba(50,184,240,0.025) 40%,
            transparent 68%
        ),
        linear-gradient(
            180deg,
            #EEF1FF 0%,
            #F4F6FC 55%,
            #F7F8FB 100%
        );
}


/* Keine künstliche Höhe durch Elementor */
#software-process-head > .elementor-container,
#software-process-head > .e-con-inner {
    height: auto !important;
    min-height: 0 !important;
}


/* =========================================================
   2. GESAMTER STEPS-BEREICH
========================================================= */

#software-steps-grid {
    position: relative;

    width: 100% !important;

    margin: 0 !important;
    padding: 45px 24px 65px !important;

    background: #F7F8FB !important;

    overflow: visible !important;
}


/* =========================================================
   INNERER ELEMENTOR-CONTAINER
   WICHTIG BEI "INHALTSBREITE = BOXED"
========================================================= */

#software-steps-grid > .e-con-inner,
#software-steps-grid > .elementor-container {
    position: relative;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 26px !important;

    width: 100% !important;
    max-width: 1280px !important;

    margin: 0 auto !important;

    overflow: visible !important;
}


/* =========================================================
   3. VERBINDUNGSLINIE
========================================================= */

#software-steps-grid::before {
    content: "";

    position: absolute;

    left: 6%;
    right: 6%;
    top: 50%;

    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(10,10,92,0.13) 10%,
        rgba(10,10,92,0.13) 90%,
        transparent
    );

    transform: translateY(-50%);

    z-index: 0;
}


/* =========================================================
   4. ALLE VIER KARTEN
========================================================= */

#software-steps-grid .geo-step-card {
    position: relative;
    z-index: 2;

    flex: 1 1 0 !important;

    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 330px !important;
    min-height: 330px !important;

    margin: 0 !important;

    padding: 22px 22px 46px !important;

    background: #FFFFFF !important;

    border: 1px solid #DBE4EF !important;
    border-radius: 20px !important;

    box-shadow:
        0 12px 30px rgba(18,30,60,0.10) !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: flex-start !important;

    text-align: center !important;

    box-sizing: border-box !important;

    overflow: visible !important;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease !important;
}


/* =========================================================
   5. NUMMER
========================================================= */

#software-steps-grid .rogo-step-number {
    position: absolute !important;

    top: 18px !important;
    left: 20px !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 5 !important;
}

#software-steps-grid .rogo-step-number .elementor-widget-container,
#software-steps-grid .rogo-step-number p {
    margin: 0 !important;
    padding: 0 !important;

    color: #0A0A5C !important;

    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    text-align: left !important;
}


/* =========================================================
   6. ICON
========================================================= */

#software-steps-grid .rogo-step-icon {
    width: 96px !important;

    margin: 0 auto 18px !important;
    padding: 0 !important;
}

#software-steps-grid .rogo-step-icon .elementor-widget-container {
    width: 96px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

#software-steps-grid .rogo-step-icon .elementor-icon-wrapper {
    display: flex !important;
    justify-content: center !important;
}

#software-steps-grid .rogo-step-icon .elementor-icon {
    width: 96px !important;
    height: 96px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #F3F5FC !important;

    border: 1px solid #CDD4E2 !important;
    border-radius: 20px !important;

    box-shadow:
        0 5px 12px rgba(18,30,60,0.12) !important;

    color: #0A0A5C !important;
}

#software-steps-grid .rogo-step-icon i {
    font-size: 38px !important;
    color: #0A0A5C !important;
}

#software-steps-grid .rogo-step-icon svg {
    width: 38px !important;
    height: 38px !important;

    color: #0A0A5C !important;
    fill: #0A0A5C !important;
}


/* =========================================================
   7. TITEL
========================================================= */

#software-steps-grid .rogo-step-title {
    width: 100% !important;

    margin: 0 0 8px !important;
    padding: 0 !important;
}

#software-steps-grid .rogo-step-title .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

#software-steps-grid .rogo-step-title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #111111 !important;

    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;

    text-align: center !important;
}


/* =========================================================
   8. BESCHREIBUNG
========================================================= */

#software-steps-grid .rogo-step-text {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#software-steps-grid .rogo-step-text .elementor-widget-container,
#software-steps-grid .rogo-step-text p {
    margin: 0 !important;
    padding: 0 !important;

    color: #4A5260 !important;

    font-size: 15px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;

    text-align: center !important;
}


/* =========================================================
   9. AKZENTLINIE UNTEN
========================================================= */

#software-steps-grid .geo-step-card::after {
    content: "";

    position: absolute;

    bottom: 18px;
    left: 50%;

    width: 50px;
    height: 2px;

    transform: translateX(-50%);

    background: #0A0A5C;

    border-radius: 20px;

    transition:
        width 0.3s ease,
        background-color 0.3s ease;
}


/* =========================================================
   10. DESKTOP – ZICKZACK
========================================================= */

@media (min-width: 1025px) {

    #software-step-1,
    #software-step-3 {
        transform: translateY(26px);
    }

    #software-step-2,
    #software-step-4 {
        transform: translateY(-26px);
    }
}


/* =========================================================
   11. HOVER
========================================================= */

@media (hover: hover) and (min-width: 1025px) {

    #software-step-1:hover,
    #software-step-3:hover {
        transform: translateY(18px);
    }

    #software-step-2:hover,
    #software-step-4:hover {
        transform: translateY(-34px);
    }

    #software-steps-grid .geo-step-card:hover {
        border-color: rgba(50,184,240,0.38) !important;

        box-shadow:
            0 20px 42px rgba(18,30,60,0.14) !important;
    }

    #software-steps-grid .geo-step-card:hover::after {
        width: 75px;

        background: #32B8F0;
    }
}


/* =========================================================
   12. CTA-BEREICH
========================================================= */

#software-steps-cta {
    margin: 0 !important;

    padding: 10px 20px 32px !important;

    background: #F7F8FB !important;
}


/* =========================================================
   13. TABLET – 2 × 2 FINAL
========================================================= */

@media (min-width: 601px) and (max-width: 1100px) {

    /* Kopfbereich */
    #software-process-head {
        padding: 30px 20px 22px !important;
    }


    /* Äußerer Step-Bereich */
    #software-steps-grid {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 28px 20px 42px !important;

        overflow: visible !important;
    }


    /* WICHTIG:
       den tatsächlichen inneren Elementor-Flexcontainer steuern */
    #software-steps-grid > .e-con-inner,
    #software-steps-grid .e-con-inner,
    #software-steps-grid > .elementor-container,
    #software-steps-grid .elementor-container {
        display: flex !important;

        flex-direction: row !important;
        flex-wrap: wrap !important;

        align-items: stretch !important;
        justify-content: flex-start !important;

        column-gap: 18px !important;
        row-gap: 18px !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        overflow: visible !important;
    }


    /* Exakt 2 Karten pro Reihe */
    #software-steps-grid .geo-step-card,
    #software-step-1,
    #software-step-2,
    #software-step-3,
    #software-step-4 {
        flex: 0 0 calc(50% - 9px) !important;

        width: calc(50% - 9px) !important;
        min-width: calc(50% - 9px) !important;
        max-width: calc(50% - 9px) !important;

        height: auto !important;
        min-height: 330px !important;
        max-height: none !important;

        margin: 0 !important;

        padding: 22px 22px 46px !important;

        transform: none !important;

        box-sizing: border-box !important;

        visibility: visible !important;
        opacity: 1 !important;
    }


    /* Zickzack / Verbindungslinie auf Tablet ausschalten */
    #software-steps-grid::before {
        display: none !important;
    }


    /* Nummer */
    #software-steps-grid .rogo-step-number {
        top: 18px !important;
        left: 20px !important;
    }

    #software-steps-grid .rogo-step-number p {
        font-size: 32px !important;
    }


    /* Icon */
    #software-steps-grid .rogo-step-icon,
    #software-steps-grid .rogo-step-icon .elementor-widget-container,
    #software-steps-grid .rogo-step-icon .elementor-icon {
        width: 82px !important;
        height: 82px !important;
    }

    #software-steps-grid .rogo-step-icon i {
        font-size: 32px !important;
    }


    /* Titel */
    #software-steps-grid .rogo-step-title .elementor-heading-title {
        font-size: 18px !important;
        line-height: 1.25 !important;
    }


    /* Beschreibung */
    #software-steps-grid .rogo-step-text p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }


    /* CTA */
    #software-steps-cta {
        padding: 10px 20px 28px !important;
    }
}


/* =========================================================
   14. SMARTPHONE – FINAL
========================================================= */

@media (max-width: 767px) {

    /* Kopfbereich */
    #software-process-head {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 26px 16px 12px !important;
    }


    /* Äußerer Steps-Bereich */
    #software-steps-grid {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 16px 14px 30px !important;

        overflow: visible !important;
    }


    /* Innerer Elementor-Container */
    #software-steps-grid > .e-con-inner,
    #software-steps-grid .e-con-inner,
    #software-steps-grid > .elementor-container,
    #software-steps-grid .elementor-container {

        display: flex !important;

        flex-direction: column !important;
        flex-wrap: nowrap !important;

        align-items: stretch !important;
        justify-content: flex-start !important;

        gap: 14px !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }


    /* Alle vier Karten volle Breite */
    #software-steps-grid .geo-step-card,
    #software-step-1,
    #software-step-2,
    #software-step-3,
    #software-step-4 {

        flex: 0 0 100% !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 285px !important;
        max-height: none !important;

        margin: 0 !important;

        padding: 20px 18px 40px !important;

        transform: none !important;

        align-self: stretch !important;

        box-sizing: border-box !important;

        border-radius: 18px !important;

        overflow: visible !important;
    }


    /* Verbindungslinie aus */
    #software-steps-grid::before {
        display: none !important;
    }


    /* Nummer */
    #software-steps-grid .rogo-step-number {
        top: 16px !important;
        left: 18px !important;
    }

    #software-steps-grid .rogo-step-number p {
        font-size: 30px !important;
    }


    /* Icon */
    #software-steps-grid .rogo-step-icon,
    #software-steps-grid .rogo-step-icon .elementor-widget-container,
    #software-steps-grid .rogo-step-icon .elementor-icon {
        width: 78px !important;
        height: 78px !important;
    }

    #software-steps-grid .rogo-step-icon i {
        font-size: 30px !important;
    }

    #software-steps-grid .rogo-step-icon svg {
        width: 30px !important;
        height: 30px !important;
    }


    /* Titel */
    #software-steps-grid .rogo-step-title {
        width: 100% !important;
    }

    #software-steps-grid .rogo-step-title .elementor-heading-title {
        font-size: 18px !important;
        line-height: 1.25 !important;

        text-align: center !important;
    }


    /* Beschreibung */
    #software-steps-grid .rogo-step-text {
        width: 100% !important;
    }

    #software-steps-grid .rogo-step-text p {
        font-size: 14px !important;
        line-height: 1.5 !important;

        text-align: center !important;
    }


    /* CTA */
    #software-steps-cta {
        margin: 0 !important;

        padding: 8px 14px 24px !important;

        background: #F7F8FB !important;
    }
}

/* =========================================================
   SOFTWARE – BENEFIT → INTRO
   NAHTLOSER FARBÜBERGANG
========================================================= */

#software-benefit-band {
    position: relative;
    z-index: 5;

    margin-bottom: 0 !important;
}


/* =========================================================
   INTRO-BEREICH
========================================================= */

#software-intro-section {
    position: relative;
    overflow: hidden;

    margin-top: 0 !important;

    padding-top: 90px !important;
    padding-bottom: 90px !important;

    /*
     * WICHTIG:
     * Start exakt mit der Farbe der Benefit-Sektion
     */
    background:
        radial-gradient(
            circle at 86% 25%,
            rgba(50,184,240,0.055) 0%,
            rgba(50,184,240,0.018) 25%,
            transparent 45%
        ),
        linear-gradient(
            180deg,
            #F3F8FF 0%,
            #F3F8FF 12%,
            #F6FAFF 42%,
            #FAFCFF 68%,
            #FFFFFF 100%
        ) !important;
}


/* Inhalt über der Dekoration */
#software-intro-section > * {
    position: relative;
    z-index: 2;
}


/* =========================================================
   DEZENTE KREISE RECHTS
========================================================= */

#software-intro-section::before {
    content: "";

    position: absolute;

    width: 380px;
    height: 380px;

    right: -120px;
    top: 55px;

    border-radius: 50%;

    background:
        repeating-radial-gradient(
            circle,
            transparent 0px,
            transparent 58px,
            rgba(87,149,235,0.075) 59px,
            rgba(87,149,235,0.075) 61px,
            transparent 62px,
            transparent 100px
        );

    opacity: 0.42;

    pointer-events: none;

    z-index: 0;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    #software-intro-section {
        padding-top: 70px !important;
        padding-bottom: 75px !important;

        background:
            radial-gradient(
                circle at 90% 22%,
                rgba(50,184,240,0.045),
                transparent 42%
            ),
            linear-gradient(
                180deg,
                #F3F8FF 0%,
                #F3F8FF 12%,
                #F7FAFE 50%,
                #FFFFFF 100%
            ) !important;
    }

    #software-intro-section::before {
        width: 280px;
        height: 280px;

        right: -110px;
        top: 60px;

        opacity: 0.30;
    }
}


/* =========================================================
   SMARTPHONE
========================================================= */

@media (max-width: 600px) {

    #software-intro-section {
        padding-top: 50px !important;
        padding-bottom: 60px !important;

        background:
            linear-gradient(
                180deg,
                #F3F8FF 0%,
                #F3F8FF 15%,
                #F7FAFE 55%,
                #FFFFFF 100%
            ) !important;
    }

    #software-intro-section::before {
        width: 180px;
        height: 180px;

        right: -90px;
        top: 55px;

        opacity: 0.20;
    }
}/* End custom CSS */