.elementor-kit-5865{--e-global-color-primary:#F39200;--e-global-color-text:#FDE9CC;--e-global-color-accent:#FAFAFA;--e-global-color-secondary:#3D3D42;--e-global-color-8796a54:#FFFFFF;--e-global-color-2affa20:#FD3E00;--e-global-color-4a8aa5d:#404041;--e-global-color-49c548e:#7D7D7E;--e-global-color-f5fe098:#D73C1D;--e-global-color-c43014c:#000000;--e-global-color-b87062a:#EEEEEF;--e-global-color-79a168d:#0DAF76;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:22px;--e-global-typography-accent-font-weight:500;--e-global-typography-efb6259-font-family:"Poppins";--e-global-typography-efb6259-font-size:60px;--e-global-typography-efb6259-font-weight:200;--e-global-typography-efb6259-line-height:60px;--e-global-typography-ff12e8f-font-family:"Poppins";--e-global-typography-ff12e8f-font-size:24px;--e-global-typography-ff12e8f-font-weight:400;--e-global-typography-56ef357-font-family:"Montserrat";--e-global-typography-56ef357-font-size:clamp(2rem, 0.875rem + 3vw, 3.125rem);--e-global-typography-56ef357-font-weight:400;--e-global-typography-56ef357-line-height:calc(clamp(2rem, 0.875rem + 3vw, 3.125rem)*1.3);--e-global-typography-7f9f048-font-family:"Montserrat";--e-global-typography-7f9f048-font-size:clamp(1.5rem, 1.125rem + 1vw, 1.875rem);--e-global-typography-7f9f048-font-weight:400;--e-global-typography-e693912-font-family:"Montserrat";--e-global-typography-e693912-font-size:clamp(1rem, 0.875rem + 0.3333vw, 1.125rem);--e-global-typography-e693912-font-weight:400;--e-global-typography-615b69a-font-family:"Montserrat";--e-global-typography-615b69a-font-size:clamp(1rem, 0.875rem + 0.3333vw, 1.125rem);--e-global-typography-615b69a-font-weight:700;--e-global-typography-c2bd131-font-family:"Montserrat";--e-global-typography-c2bd131-font-size:clamp(1.25rem, 1rem + 0.6667vw, 1.5rem);--e-global-typography-c2bd131-font-weight:400;--e-global-typography-c2bd131-line-height:1.1;--e-global-typography-4f38584-font-family:"Montserrat";--e-global-typography-4f38584-font-size:clamp(0.8125rem, 0.75rem + 0.1667vw, 0.875rem);--e-global-typography-4f38584-font-weight:400;color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-5865 button,.elementor-kit-5865 input[type="button"],.elementor-kit-5865 input[type="submit"],.elementor-kit-5865 .elementor-button{background-color:var( --e-global-color-primary );text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-8796a54 );border-style:solid;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-kit-5865 button:hover,.elementor-kit-5865 button:focus,.elementor-kit-5865 input[type="button"]:hover,.elementor-kit-5865 input[type="button"]:focus,.elementor-kit-5865 input[type="submit"]:hover,.elementor-kit-5865 input[type="submit"]:focus,.elementor-kit-5865 .elementor-button:hover,.elementor-kit-5865 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-8796a54 );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:solid;border-color:var( --e-global-color-primary );}.elementor-kit-5865 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5865 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-5865 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-5865 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-kit-5865 h4{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;text-decoration:underline;}.elementor-kit-5865 input:not([type="button"]):not([type="submit"]),.elementor-kit-5865 textarea,.elementor-kit-5865 .elementor-field-textual{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );padding:20px 0px 7px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1260px;}.e-con{--container-max-width:1260px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header .header-inner{width:1600px;max-width:100%;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-header .site-branding .site-logo img{width:50%;max-width:50%;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5865{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-5865 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-5865 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-5865 h3{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-5865 input:not([type="button"]):not([type="submit"]),.elementor-kit-5865 textarea,.elementor-kit-5865 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:768px){.elementor-kit-5865{--e-global-typography-primary-font-size:30px;--e-global-typography-secondary-font-size:20px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:18px;--e-global-typography-efb6259-font-size:41px;--e-global-typography-efb6259-line-height:43px;--e-global-typography-ff12e8f-font-size:19px;}.elementor-kit-5865 h4{font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:480px){.elementor-kit-5865{--e-global-typography-primary-font-size:30px;--e-global-typography-secondary-font-size:20px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;--e-global-typography-efb6259-font-size:36px;--e-global-typography-efb6259-line-height:33px;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-5865 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-5865 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-5865 h3{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-5865 h4{font-size:14px;}.elementor-kit-5865 input:not([type="button"]):not([type="submit"]),.elementor-kit-5865 textarea,.elementor-kit-5865 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}/* Start custom CSS */@keyframes fadeDown { from { opacity: 0; transform: translate3d(0,-30px,0) } to { opacity: 1; transform: none } } .elementor-element.fadeInDown { animation-name: fadeDown } @keyframes fadeLeft { from { opacity: 0; transform: translate3d(-30px,0,0) } to { opacity: 1; transform: none } } .elementor-element.fadeInLeft { animation-name: fadeLeft } @keyframes fadeRight { from { opacity: 0; transform: translate3d(30px,0,0) } to { opacity: 1; transform: none } } .elementor-element.fadeInRight { animation-name: fadeRight } @keyframes fadeUp { from { opacity: 0; transform: translate3d(0,30px,0) } to { opacity: 1; transform: none } } .elementor-element.fadeInUp { animation-name: fadeUp } #icon-orange .cls-1{ fill: #f39200 !important; } #icon-light .cls-1{ fill: #fde9cc !important; } #icon-blueblack .cls-1{ fill: #3d3d42 !important; } .mm-button { overflow: hidden; border-radius: 8px; } .mm-button svg { width:100px; height: 100px; position: absolute !important; top: 50%; left: -30px; transform: translateY(-50%); opacity: 0.15 } /* ========================================================= PROZESS-GRID ========================================================= */ .prozess-grid { /* Diese Werte an deinen Elementor-Grid-Abstand anpassen */ --prozess-gap-x: 20px; --prozess-gap-y: 20px; /* Gestaltung der Verbindung */ --prozess-line-color: #7D7D7E; --prozess-line-width: 0px; --prozess-arrow-size: 15px; overflow: visible; } /* ========================================================= CONTAINER DER EINZELNEN PROZESSSCHRITTE ========================================================= */ .prozess-grid > .prozess-1, .prozess-grid > .prozess-2, .prozess-grid > .prozess-3, .prozess-grid > .prozess-4, .prozess-grid > .prozess-5 { position: relative; overflow: visible; } /* ========================================================= GRID-POSITIONEN ========================================================= */ /* Erste Reihe */ .prozess-grid > .prozess-1 { grid-column: 1; grid-row: 1; } .prozess-grid > .prozess-2 { grid-column: 2; grid-row: 1; } .prozess-grid > .prozess-3 { grid-column: 3; grid-row: 1; } /* Zweite Reihe von rechts nach links */ .prozess-grid > .prozess-4 { grid-column: 3; grid-row: 2; } .prozess-grid > .prozess-5 { grid-column: 2; grid-row: 2; } /* ========================================================= 1 → 2 2 → 3 ========================================================= */ /* Verbindungslinie */ .prozess-grid > .prozess-1::after, .prozess-grid > .prozess-2::after { content: ""; position: absolute; top: 50%; left: 100%; width: var(--prozess-gap-x); height: var(--prozess-line-width); background: var(--prozess-line-color); transform: translateY(-50%); pointer-events: none; z-index: 5; } /* Pfeilspitze */ .prozess-grid > .prozess-1::before, .prozess-grid > .prozess-2::before { content: ""; position: absolute; top: 50%; left: calc(100% + var(--prozess-gap-x)); width: 0; height: 0; border-top: var(--prozess-arrow-size) solid transparent; border-bottom: var(--prozess-arrow-size) solid transparent; border-left: calc(var(--prozess-arrow-size) + 2px) solid var(--prozess-line-color); transform: translate(-100%, -50%); pointer-events: none; z-index: 6; } /* ========================================================= 3 ↓ 4 ========================================================= */ /* Vertikale Verbindungslinie */ .prozess-grid > .prozess-3::after { content: ""; position: absolute; top: 100%; left: 50%; width: var(--prozess-line-width); height: var(--prozess-gap-y); background: var(--prozess-line-color); transform: translateX(-50%); pointer-events: none; z-index: 5; } /* Pfeil nach unten */ .prozess-grid > .prozess-3::before { content: ""; position: absolute; top: calc(100% + var(--prozess-gap-y)); left: 50%; width: 0; height: 0; border-left: var(--prozess-arrow-size) solid transparent; border-right: var(--prozess-arrow-size) solid transparent; border-top: calc(var(--prozess-arrow-size) + 2px) solid var(--prozess-line-color); transform: translate(-50%, -100%); pointer-events: none; z-index: 6; } /* ========================================================= 4 → 5 NACH LINKS ========================================================= */ /* Verbindungslinie */ .prozess-grid > .prozess-4::after { content: ""; position: absolute; top: 50%; right: 100%; width: var(--prozess-gap-x); height: var(--prozess-line-width); background: var(--prozess-line-color); transform: translateY(-50%); pointer-events: none; z-index: 5; } /* Pfeilspitze von Prozess 4 nach links zu Prozess 5 */ .prozess-grid > .prozess-4::before { content: ""; position: absolute; top: 50%; left: calc(-1 * var(--prozess-gap-x)); width: 0; height: 0; border-top: var(--prozess-arrow-size) solid transparent; border-bottom: var(--prozess-arrow-size) solid transparent; border-right: calc(var(--prozess-arrow-size) + 2px) solid var(--prozess-line-color); transform: translateY(-50%); pointer-events: none; z-index: 6; } /* ========================================================= MOBILE Alle Schritte untereinander ========================================================= */ @media (max-width: 767px) { .prozess-grid { --prozess-gap-y: 20px; } /* Grid-Positionierung vom Desktop zurücksetzen */ .prozess-grid > .prozess-1, .prozess-grid > .prozess-2, .prozess-grid > .prozess-3, .prozess-grid > .prozess-4, .prozess-grid > .prozess-5 { grid-column: 1; } .prozess-grid > .prozess-1 { grid-row: 1; } .prozess-grid > .prozess-2 { grid-row: 2; } .prozess-grid > .prozess-3 { grid-row: 3; } .prozess-grid > .prozess-4 { grid-row: 4; } .prozess-grid > .prozess-5 { grid-row: 5; } /* Alle Verbindungen von 1 bis 4 vertikal */ .prozess-grid > .prozess-1::after, .prozess-grid > .prozess-2::after, .prozess-grid > .prozess-3::after, .prozess-grid > .prozess-4::after { content: ""; position: absolute; top: 100%; bottom: auto; left: 50%; right: auto; width: var(--prozess-line-width); height: var(--prozess-gap-y); background: var(--prozess-line-color); transform: translateX(-50%); } /* Alle Pfeilspitzen nach unten */ .prozess-grid > .prozess-1::before, .prozess-grid > .prozess-2::before, .prozess-grid > .prozess-3::before, .prozess-grid > .prozess-4::before { content: ""; position: absolute; top: calc(100% + var(--prozess-gap-y)); bottom: auto; left: 50%; right: auto; width: 0; height: 0; border: 0; border-left: var(--prozess-arrow-size) solid transparent; border-right: var(--prozess-arrow-size) solid transparent; border-top: calc(var(--prozess-arrow-size) + 2px) solid var(--prozess-line-color); transform: translate(-50%, -100%); } } /* ========================================================= SONDERFALL: PROZESS ENDET BEI SCHRITT 4 --------------------------------------------------------- Wenn kein Prozess 5 vorhanden ist, erhält Prozess 4 keinen weiteren Pfeil. ========================================================= */ .prozess-grid:not(:has(> .prozess-5)) > .prozess-4::before, .prozess-grid:not(:has(> .prozess-5)) > .prozess-4::after { content: none !important; display: none !important; } /* Der letzte Prozessschritt hat keinen Verbinder */ .prozess-grid > .prozess-5::before, .prozess-grid > .prozess-5::after { content: none; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Roboto'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://dicusolut.de/wp-content/uploads/2025/01/Roboto-Regular-1.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://dicusolut.de/wp-content/uploads/2025/01/Roboto-Regular-1.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://dicusolut.de/wp-content/uploads/2025/01/Roboto-Bold-1.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://dicusolut.de/wp-content/uploads/2025/01/Roboto-Bold-1.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://dicusolut.de/wp-content/uploads/2025/01/Roboto-Medium-1.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Poppins'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://dicusolut.de/wp-content/uploads/2025/01/Poppins-Regular-1.ttf') format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://dicusolut.de/wp-content/uploads/2025/01/Poppins-Regular-1.ttf') format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://dicusolut.de/wp-content/uploads/2025/01/Poppins-Bold-1.ttf') format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://dicusolut.de/wp-content/uploads/2025/01/Poppins-Bold-1.ttf') format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; font-display: auto; src: url('https://dicusolut.de/wp-content/uploads/2025/01/Poppins-ExtraLight-1-1.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Montserrat'; font-display: auto; src: url('https://dicusolut.de/wp-content/uploads/2026/02/Montserrat-VariableFont_wght-1.ttf') format('truetype'); } /* End Custom Fonts CSS */