.elementor-16 .elementor-element.elementor-element-7a4b837{--display:flex;--min-height:370px;--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;--overlay-opacity:0.59;--overlay-mix-blend-mode:multiply;--margin-top:-0px;--margin-bottom:-0px;--margin-left:0px;--margin-right:0px;}.elementor-16 .elementor-element.elementor-element-7a4b837:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-7a4b837 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-7a4b837::before, .elementor-16 .elementor-element.elementor-element-7a4b837 > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-7a4b837 > .e-con-inner > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-7a4b837 > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-7a4b837 > .e-con-inner > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-7a4b837 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#28377833;background-image:url("https://www.goetz-roeder.de/wp-content/uploads/2026/07/KIGA_LA035.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-16 .elementor-element.elementor-element-9420c84{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-c6b4816 .elementor-heading-title{font-family:"Pragati Narrow", Sans-serif;font-size:75px;font-weight:600;color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-e652202{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{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 );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-3e583b9{text-align:center;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 );color:var( --e-global-color-accent );}.elementor-16 .elementor-element.elementor-element-267cf5b > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-267cf5b{text-align:center;}.elementor-16 .elementor-element.elementor-element-267cf5b .elementor-heading-title{font-family:"Pragati Narrow", Sans-serif;font-size:50px;font-weight:600;color:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-d122bdc{text-align:center;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 );color:var( --e-global-color-text );}.elementor-16 .elementor-element.elementor-element-1d711aa{--display:flex;}.elementor-16 .elementor-element.elementor-element-5e5727e{--display:flex;}.elementor-16 .elementor-element.elementor-element-fdfe953{--display:flex;}.elementor-16 .elementor-element.elementor-element-0bf9550{--display:flex;}.elementor-16 .elementor-element.elementor-element-1780f3d{--display:flex;}.elementor-16 .elementor-element.elementor-element-61ae131{--display:flex;}.elementor-16 .elementor-element.elementor-element-4f6896d{--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:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.41;--overlay-mix-blend-mode:luminosity;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-4f6896d:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-4f6896d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-4f6896d::before, .elementor-16 .elementor-element.elementor-element-4f6896d > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-4f6896d > .e-con-inner > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-4f6896d > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-4f6896d > .e-con-inner > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-4f6896d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.goetz-roeder.de/wp-content/uploads/2026/07/Lignotrend.jpg");--background-overlay:'';background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-16 .elementor-element.elementor-element-1afa38d{--display:flex;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-16 .elementor-element.elementor-element-1afa38d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-7c167d2{width:var( --container-widget-width, 114.776% );max-width:114.776%;--container-widget-width:114.776%;--container-widget-flex-grow:0;text-align:start;}.elementor-16 .elementor-element.elementor-element-7c167d2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-7c167d2 .elementor-heading-title{font-family:"Pragati Narrow", Sans-serif;font-size:50px;font-weight:700;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-cef41db{width:var( --container-widget-width, 110.092% );max-width:110.092%;--container-widget-width:110.092%;--container-widget-flex-grow:0;text-align:start;font-family:"Helvetica", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-cef41db.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-3f6b8f5{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-16 .elementor-element.elementor-element-3f6b8f5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button{background-color:var( --e-global-color-primary );-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;border-color:#E8E8E8;border-style:none;border-radius:4px 4px 4px 4px;}	.elementor-16 .elementor-element.elementor-element-926a4e3 [class*="elementor-animation"]:hover,
								.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button::before,
								.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button::after{background-color:var( --e-global-color-secondary );}.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button::before{-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button::after{-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;color:#ffffff;padding:10px 10px 10px 10px;}.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button .wpr-button-icon{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button .wpr-button-icon svg{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button .wpr-button-text{-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button .wpr-button-content{-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button-wrap{max-width:265px;}.elementor-16 .elementor-element.elementor-element-926a4e3{text-align:left;}.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button-content{-webkit-justify-content:center;justify-content:center;}.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button-text{-webkit-justify-content:center;justify-content:center;color:#ffffff;}.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button-icon{font-size:18px;}.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button-icon svg{width:18px;height:18px;}.elementor-16 .elementor-element.elementor-element-926a4e3.wpr-button-icon-position-left .wpr-button-icon{margin-right:12px;}.elementor-16 .elementor-element.elementor-element-926a4e3.wpr-button-icon-position-right .wpr-button-icon{margin-left:12px;}.elementor-16 .elementor-element.elementor-element-926a4e3.wpr-button-icon-style-inline .wpr-button-icon{color:#ffffff;}.elementor-16 .elementor-element.elementor-element-926a4e3.wpr-button-icon-style-inline .wpr-button-icon svg{fill:#ffffff;}.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button-text,.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button::after{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-16 .elementor-element.elementor-element-926a4e3 .wpr-button:hover .wpr-button-text{color:#ffffff;}.elementor-16 .elementor-element.elementor-element-926a4e3.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon{color:#ffffff;}.elementor-16 .elementor-element.elementor-element-926a4e3.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon svg{fill:#ffffff;}.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button:focus .wpr-button-text{color:#ffffff;}.elementor-16 .elementor-element.elementor-element-926a4e3.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon{color:#ffffff;}.elementor-16 .elementor-element.elementor-element-926a4e3.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon svg{fill:#ffffff;}.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button:hover{border-color:#E8E8E8;box-shadow:0px 0px 20px 0px rgba(156, 158, 186, 0.3215686274509804);}.elementor-16 .elementor-element.elementor-element-926a4e3.wpr-button-icon-style-inline .wpr-button{padding:10px 10px 10px 10px;}.elementor-16 .elementor-element.elementor-element-926a4e3.wpr-button-icon-style-block .wpr-button-text{padding:10px 10px 10px 10px;}.elementor-16 .elementor-element.elementor-element-926a4e3.wpr-button-icon-style-inline-block .wpr-button-content{padding:10px 10px 10px 10px;}body.elementor-page-16:not(.elementor-motion-effects-element-type-background), body.elementor-page-16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-16 .elementor-element.elementor-element-1afa38d{--width:70%;}.elementor-16 .elementor-element.elementor-element-3f6b8f5{--width:30%;}}@media(max-width:1024px){.elementor-16 .elementor-element.elementor-element-7a4b837{--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-16 .elementor-element.elementor-element-3e583b9{font-size:var( --e-global-typography-text-font-size );}.elementor-16 .elementor-element.elementor-element-d122bdc{font-size:var( --e-global-typography-text-font-size );}.elementor-16 .elementor-element.elementor-element-4f6896d{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button-text,.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button::after{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-16 .elementor-element.elementor-element-7a4b837{--margin-top:-138px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-16 .elementor-element.elementor-element-c6b4816{text-align:center;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-16 .elementor-element.elementor-element-3e583b9{font-size:var( --e-global-typography-text-font-size );}.elementor-16 .elementor-element.elementor-element-d122bdc{font-size:var( --e-global-typography-text-font-size );}.elementor-16 .elementor-element.elementor-element-4f6896d{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button-text,.elementor-16 .elementor-element.elementor-element-926a4e3 .wpr-button::after{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-03df244 *//* =========================================
   GESAMTER LEISTUNGSBLOCK
========================================= */

.leistung-block {
    display: grid;

    /* Wichtig: Gap wird jetzt korrekt berücksichtigt */
    grid-template-columns: minmax(0, 35fr) minmax(0, 65fr);

    gap: 40px;

    width: 100%;
    max-width: 100%;

    align-items: center;

    box-sizing: border-box;
}


/* =========================================
   TEXTBLOCK
========================================= */

.leistung-text {
    width: 100%;
    max-width: 100%;

    box-sizing: border-box;

    padding: 45px 50px;

    background: #f4f5f7;
    color: #444444;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    min-width: 0;
}


/* ICON */

.leistung-icon {
    display: block;

    width: 58px;
    height: auto;

    margin: 0 0 22px 0;
}


/* ÜBERSCHRIFT */

.leistung-text h2 {
    font-family: "Pragati Narrow", sans-serif;

    font-size: 38px;
    line-height: 1;
    font-weight: 700;

    color: #2866c7;

    margin: 0 0 14px 0;
    padding: 0;
}


/* BLAUE LINIE */

.leistung-linie {
    width: 45px;
    height: 3px;

    background: #2866c7;

    margin: 0 0 25px 0;
}


/* LEISTUNGSLISTE */

.leistung-liste {
    margin: 0;

    font-size: 16px;
    line-height: 1.7;

    color: #444444;
}


/* ABSCHLUSSTEXT */

.leistung-kurztext {
    width: 100%;

    margin: 28px 0 0 0;
    padding-top: 20px;

    border-top: 1px solid #d9d9d9;

    font-size: 14px;
    line-height: 1.6;

    color: #777777;

    box-sizing: border-box;
}


/* =========================================
   GROSSES BILD
========================================= */

.leistung-bild {
    width: 100%;
    max-width: 100%;

    min-width: 0;

    overflow: hidden;

    box-sizing: border-box;
}

.leistung-bild img {
    display: block;

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

    height: auto !important;

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

    object-fit: contain !important;

    box-sizing: border-box;
}


/* =========================================
   GESPIEGELTER BLOCK
========================================= */

.leistung-block.gespiegelt .leistung-bild {
    grid-column: 1;
    grid-row: 1;
}

.leistung-block.gespiegelt .leistung-text {
    grid-column: 2;
    grid-row: 1;
}


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

@media (max-width: 1024px) {

    .leistung-block {
        grid-template-columns: minmax(0, 40fr) minmax(0, 60fr);
        gap: 25px;
    }

    .leistung-text {
        padding: 35px;
    }

    .leistung-text h2 {
        font-size: 34px;
    }
}


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

@media (max-width: 767px) {

    .leistung-block,
    .leistung-block.gespiegelt {
        display: grid !important;

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

        gap: 20px !important;

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

        overflow: hidden !important;
    }


    /* Text immer zuerst */
    .leistung-block .leistung-text,
    .leistung-block.gespiegelt .leistung-text {
        grid-column: 1 !important;
        grid-row: 1 !important;

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

        min-width: 0 !important;

        padding: 32px 28px;
    }


    /* Bild darunter */
    .leistung-block .leistung-bild,
    .leistung-block.gespiegelt .leistung-bild {
        grid-column: 1 !important;
        grid-row: 2 !important;

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

        min-width: 0 !important;

        overflow: hidden !important;
    }


    .leistung-block .leistung-bild img,
    .leistung-block.gespiegelt .leistung-bild img {
        display: block !important;

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

        height: auto !important;

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

        margin: 0 !important;

        object-fit: contain !important;

        aspect-ratio: auto !important;
    }


    .leistung-icon {
        width: 52px;
        height: auto;
    }

    .leistung-text h2 {
        font-size: 32px;
    }

    .leistung-liste {
        font-size: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c69606 *//* =========================================
   GESAMTER LEISTUNGSBLOCK
========================================= */

.leistung-block {
    display: grid;

    /* Wichtig: Gap wird jetzt korrekt berücksichtigt */
    grid-template-columns: minmax(0, 35fr) minmax(0, 65fr);

    gap: 40px;

    width: 100%;
    max-width: 100%;

    align-items: center;

    box-sizing: border-box;
}


/* =========================================
   TEXTBLOCK
========================================= */

.leistung-text {
    width: 100%;
    max-width: 100%;

    box-sizing: border-box;

    padding: 45px 50px;

    background: #f4f5f7;
    color: #444444;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    min-width: 0;
}


/* ICON */

.leistung-icon {
    display: block;

    width: 58px;
    height: auto;

    margin: 0 0 22px 0;
}


/* ÜBERSCHRIFT */

.leistung-text h2 {
    font-family: "Pragati Narrow", sans-serif;

    font-size: 38px;
    line-height: 1;
    font-weight: 700;

    color: #2866c7;

    margin: 0 0 14px 0;
    padding: 0;
}


/* BLAUE LINIE */

.leistung-linie {
    width: 45px;
    height: 3px;

    background: #2866c7;

    margin: 0 0 25px 0;
}


/* LEISTUNGSLISTE */

.leistung-liste {
    margin: 0;

    font-size: 16px;
    line-height: 1.7;

    color: #444444;
}


/* ABSCHLUSSTEXT */

.leistung-kurztext {
    width: 100%;

    margin: 28px 0 0 0;
    padding-top: 20px;

    border-top: 1px solid #d9d9d9;

    font-size: 14px;
    line-height: 1.6;

    color: #777777;

    box-sizing: border-box;
}


/* =========================================
   GROSSES BILD
========================================= */

.leistung-bild {
    width: 100%;
    max-width: 100%;

    min-width: 0;

    overflow: hidden;

    box-sizing: border-box;
}

.leistung-bild img {
    display: block;

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

    height: auto !important;

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

    object-fit: contain !important;

    box-sizing: border-box;
}


/* =========================================
   GESPIEGELTER BLOCK
========================================= */

.leistung-block.gespiegelt .leistung-bild {
    grid-column: 1;
    grid-row: 1;
}

.leistung-block.gespiegelt .leistung-text {
    grid-column: 2;
    grid-row: 1;
}


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

@media (max-width: 1024px) {

    .leistung-block {
        grid-template-columns: minmax(0, 40fr) minmax(0, 60fr);
        gap: 25px;
    }

    .leistung-text {
        padding: 35px;
    }

    .leistung-text h2 {
        font-size: 34px;
    }
}


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

@media (max-width: 767px) {

    .leistung-block,
    .leistung-block.gespiegelt {
        display: grid !important;

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

        gap: 20px !important;

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

        overflow: hidden !important;
    }


    /* Text immer zuerst */
    .leistung-block .leistung-text,
    .leistung-block.gespiegelt .leistung-text {
        grid-column: 1 !important;
        grid-row: 1 !important;

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

        min-width: 0 !important;

        padding: 32px 28px;
    }


    /* Bild darunter */
    .leistung-block .leistung-bild,
    .leistung-block.gespiegelt .leistung-bild {
        grid-column: 1 !important;
        grid-row: 2 !important;

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

        min-width: 0 !important;

        overflow: hidden !important;
    }


    .leistung-block .leistung-bild img,
    .leistung-block.gespiegelt .leistung-bild img {
        display: block !important;

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

        height: auto !important;

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

        margin: 0 !important;

        object-fit: contain !important;

        aspect-ratio: auto !important;
    }


    .leistung-icon {
        width: 52px;
        height: auto;
    }

    .leistung-text h2 {
        font-size: 32px;
    }

    .leistung-liste {
        font-size: 15px;
    }
}
/* =========================================
   GESPIEGELTER BLOCK
   Bild links 65 %, Text rechts 35 %
========================================= */

.leistung-block.gespiegelt {
    grid-template-columns: minmax(0, 65fr) minmax(0, 35fr);
}

.leistung-block.gespiegelt .leistung-bild {
    grid-column: 1;
    grid-row: 1;
}

.leistung-block.gespiegelt .leistung-text {
    grid-column: 2;
    grid-row: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d71721 *//* =========================================
   GESAMTER LEISTUNGSBLOCK
========================================= */

.leistung-block {
    display: grid;

    /* Wichtig: Gap wird jetzt korrekt berücksichtigt */
    grid-template-columns: minmax(0, 35fr) minmax(0, 65fr);

    gap: 40px;

    width: 100%;
    max-width: 100%;

    align-items: center;

    box-sizing: border-box;
}


/* =========================================
   TEXTBLOCK
========================================= */

.leistung-text {
    width: 100%;
    max-width: 100%;

    box-sizing: border-box;

    padding: 45px 50px;

    background: #f4f5f7;
    color: #444444;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    min-width: 0;
}


/* ICON */

.leistung-icon {
    display: block;

    width: 58px;
    height: auto;

    margin: 0 0 22px 0;
}


/* ÜBERSCHRIFT */

.leistung-text h2 {
    font-family: "Pragati Narrow", sans-serif;

    font-size: 38px;
    line-height: 1;
    font-weight: 700;

    color: #2866c7;

    margin: 0 0 14px 0;
    padding: 0;
}


/* BLAUE LINIE */

.leistung-linie {
    width: 45px;
    height: 3px;

    background: #2866c7;

    margin: 0 0 25px 0;
}


/* LEISTUNGSLISTE */

.leistung-liste {
    margin: 0;

    font-size: 16px;
    line-height: 1.7;

    color: #444444;
}


/* ABSCHLUSSTEXT */

.leistung-kurztext {
    width: 100%;

    margin: 28px 0 0 0;
    padding-top: 20px;

    border-top: 1px solid #d9d9d9;

    font-size: 14px;
    line-height: 1.6;

    color: #777777;

    box-sizing: border-box;
}


/* =========================================
   GROSSES BILD
========================================= */

.leistung-bild {
    width: 100%;
    max-width: 100%;

    min-width: 0;

    overflow: hidden;

    box-sizing: border-box;
}

.leistung-bild img {
    display: block;

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

    height: auto !important;

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

    object-fit: contain !important;

    box-sizing: border-box;
}


/* =========================================
   GESPIEGELTER BLOCK
========================================= */

.leistung-block.gespiegelt .leistung-bild {
    grid-column: 1;
    grid-row: 1;
}

.leistung-block.gespiegelt .leistung-text {
    grid-column: 2;
    grid-row: 1;
}


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

@media (max-width: 1024px) {

    .leistung-block {
        grid-template-columns: minmax(0, 40fr) minmax(0, 60fr);
        gap: 25px;
    }

    .leistung-text {
        padding: 35px;
    }

    .leistung-text h2 {
        font-size: 34px;
    }
}


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

@media (max-width: 767px) {

    .leistung-block,
    .leistung-block.gespiegelt {
        display: grid !important;

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

        gap: 20px !important;

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

        overflow: hidden !important;
    }


    /* Text immer zuerst */
    .leistung-block .leistung-text,
    .leistung-block.gespiegelt .leistung-text {
        grid-column: 1 !important;
        grid-row: 1 !important;

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

        min-width: 0 !important;

        padding: 32px 28px;
    }


    /* Bild darunter */
    .leistung-block .leistung-bild,
    .leistung-block.gespiegelt .leistung-bild {
        grid-column: 1 !important;
        grid-row: 2 !important;

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

        min-width: 0 !important;

        overflow: hidden !important;
    }


    .leistung-block .leistung-bild img,
    .leistung-block.gespiegelt .leistung-bild img {
        display: block !important;

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

        height: auto !important;

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

        margin: 0 !important;

        object-fit: contain !important;

        aspect-ratio: auto !important;
    }


    .leistung-icon {
        width: 52px;
        height: auto;
    }

    .leistung-text h2 {
        font-size: 32px;
    }

    .leistung-liste {
        font-size: 15px;
    }
}
/* Überschriften dürfen niemals aus dem Textbereich laufen */
.leistung-text h2 {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
}

/* Mittlere Bildschirmgrößen / kleinere Notebooks */
@media (min-width: 768px) and (max-width: 1200px) {

    .leistung-text h2 {
        font-size: 30px;
        line-height: 1.05;
    }

    .leistung-text {
        padding: 35px 30px;
    }

    .leistung-block {
        grid-template-columns: minmax(0, 40fr) minmax(0, 60fr);
    }

    .leistung-block.gespiegelt {
        grid-template-columns: minmax(0, 60fr) minmax(0, 40fr);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c381b09 *//* =========================================
   GESAMTER LEISTUNGSBLOCK
========================================= */

.leistung-block {
    display: grid;

    /* Wichtig: Gap wird jetzt korrekt berücksichtigt */
    grid-template-columns: minmax(0, 35fr) minmax(0, 65fr);

    gap: 40px;

    width: 100%;
    max-width: 100%;

    align-items: center;

    box-sizing: border-box;
}


/* =========================================
   TEXTBLOCK
========================================= */

.leistung-text {
    width: 100%;
    max-width: 100%;

    box-sizing: border-box;

    padding: 45px 50px;

    background: #f4f5f7;
    color: #444444;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    min-width: 0;
}


/* ICON */

.leistung-icon {
    display: block;

    width: 58px;
    height: auto;

    margin: 0 0 22px 0;
}


/* ÜBERSCHRIFT */

.leistung-text h2 {
    font-family: "Pragati Narrow", sans-serif;

    font-size: 38px;
    line-height: 1;
    font-weight: 700;

    color: #2866c7;

    margin: 0 0 14px 0;
    padding: 0;
}


/* BLAUE LINIE */

.leistung-linie {
    width: 45px;
    height: 3px;

    background: #2866c7;

    margin: 0 0 25px 0;
}


/* LEISTUNGSLISTE */

.leistung-liste {
    margin: 0;

    font-size: 16px;
    line-height: 1.7;

    color: #444444;
}


/* ABSCHLUSSTEXT */

.leistung-kurztext {
    width: 100%;

    margin: 28px 0 0 0;
    padding-top: 20px;

    border-top: 1px solid #d9d9d9;

    font-size: 14px;
    line-height: 1.6;

    color: #777777;

    box-sizing: border-box;
}


/* =========================================
   GROSSES BILD
========================================= */

.leistung-bild {
    width: 100%;
    max-width: 100%;

    min-width: 0;

    overflow: hidden;

    box-sizing: border-box;
}

.leistung-bild img {
    display: block;

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

    height: auto !important;

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

    object-fit: contain !important;

    box-sizing: border-box;
}


/* =========================================
   GESPIEGELTER BLOCK
========================================= */

.leistung-block.gespiegelt .leistung-bild {
    grid-column: 1;
    grid-row: 1;
}

.leistung-block.gespiegelt .leistung-text {
    grid-column: 2;
    grid-row: 1;
}


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

@media (max-width: 1024px) {

    .leistung-block {
        grid-template-columns: minmax(0, 40fr) minmax(0, 60fr);
        gap: 25px;
    }

    .leistung-text {
        padding: 35px;
    }

    .leistung-text h2 {
        font-size: 34px;
    }
}


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

@media (max-width: 767px) {

    .leistung-block,
    .leistung-block.gespiegelt {
        display: grid !important;

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

        gap: 20px !important;

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

        overflow: hidden !important;
    }


    /* Text immer zuerst */
    .leistung-block .leistung-text,
    .leistung-block.gespiegelt .leistung-text {
        grid-column: 1 !important;
        grid-row: 1 !important;

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

        min-width: 0 !important;

        padding: 32px 28px;
    }


    /* Bild darunter */
    .leistung-block .leistung-bild,
    .leistung-block.gespiegelt .leistung-bild {
        grid-column: 1 !important;
        grid-row: 2 !important;

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

        min-width: 0 !important;

        overflow: hidden !important;
    }


    .leistung-block .leistung-bild img,
    .leistung-block.gespiegelt .leistung-bild img {
        display: block !important;

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

        height: auto !important;

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

        margin: 0 !important;

        object-fit: contain !important;

        aspect-ratio: auto !important;
    }


    .leistung-icon {
        width: 52px;
        height: auto;
    }

    .leistung-text h2 {
        font-size: 32px;
    }

    .leistung-liste {
        font-size: 15px;
    }
}
/* =========================================
   GESPIEGELTER BLOCK
   Bild links 65 %, Text rechts 35 %
========================================= */

.leistung-block.gespiegelt {
    grid-template-columns: minmax(0, 65fr) minmax(0, 35fr);
}

.leistung-block.gespiegelt .leistung-bild {
    grid-column: 1;
    grid-row: 1;
}

.leistung-block.gespiegelt .leistung-text {
    grid-column: 2;
    grid-row: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae863ea *//* =========================================
   GESAMTER LEISTUNGSBLOCK
========================================= */

.leistung-block {
    display: grid;

    /* Wichtig: Gap wird jetzt korrekt berücksichtigt */
    grid-template-columns: minmax(0, 35fr) minmax(0, 65fr);

    gap: 40px;

    width: 100%;
    max-width: 100%;

    align-items: center;

    box-sizing: border-box;
}


/* =========================================
   TEXTBLOCK
========================================= */

.leistung-text {
    width: 100%;
    max-width: 100%;

    box-sizing: border-box;

    padding: 45px 50px;

    background: #f4f5f7;
    color: #444444;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    min-width: 0;
}


/* ICON */

.leistung-icon {
    display: block;

    width: 58px;
    height: auto;

    margin: 0 0 22px 0;
}


/* ÜBERSCHRIFT */

.leistung-text h2 {
    font-family: "Pragati Narrow", sans-serif;

    font-size: 38px;
    line-height: 1;
    font-weight: 700;

    color: #2866c7;

    margin: 0 0 14px 0;
    padding: 0;
}


/* BLAUE LINIE */

.leistung-linie {
    width: 45px;
    height: 3px;

    background: #2866c7;

    margin: 0 0 25px 0;
}


/* LEISTUNGSLISTE */

.leistung-liste {
    margin: 0;

    font-size: 16px;
    line-height: 1.7;

    color: #444444;
}


/* ABSCHLUSSTEXT */

.leistung-kurztext {
    width: 100%;

    margin: 28px 0 0 0;
    padding-top: 20px;

    border-top: 1px solid #d9d9d9;

    font-size: 14px;
    line-height: 1.6;

    color: #777777;

    box-sizing: border-box;
}


/* =========================================
   GROSSES BILD
========================================= */

.leistung-bild {
    width: 100%;
    max-width: 100%;

    min-width: 0;

    overflow: hidden;

    box-sizing: border-box;
}

.leistung-bild img {
    display: block;

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

    height: auto !important;

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

    object-fit: contain !important;

    box-sizing: border-box;
}


/* =========================================
   GESPIEGELTER BLOCK
========================================= */

.leistung-block.gespiegelt .leistung-bild {
    grid-column: 1;
    grid-row: 1;
}

.leistung-block.gespiegelt .leistung-text {
    grid-column: 2;
    grid-row: 1;
}


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

@media (max-width: 1024px) {

    .leistung-block {
        grid-template-columns: minmax(0, 40fr) minmax(0, 60fr);
        gap: 25px;
    }

    .leistung-text {
        padding: 35px;
    }

    .leistung-text h2 {
        font-size: 34px;
    }
}


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

@media (max-width: 767px) {

    .leistung-block,
    .leistung-block.gespiegelt {
        display: grid !important;

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

        gap: 20px !important;

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

        overflow: hidden !important;
    }


    /* Text immer zuerst */
    .leistung-block .leistung-text,
    .leistung-block.gespiegelt .leistung-text {
        grid-column: 1 !important;
        grid-row: 1 !important;

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

        min-width: 0 !important;

        padding: 32px 28px;
    }


    /* Bild darunter */
    .leistung-block .leistung-bild,
    .leistung-block.gespiegelt .leistung-bild {
        grid-column: 1 !important;
        grid-row: 2 !important;

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

        min-width: 0 !important;

        overflow: hidden !important;
    }


    .leistung-block .leistung-bild img,
    .leistung-block.gespiegelt .leistung-bild img {
        display: block !important;

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

        height: auto !important;

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

        margin: 0 !important;

        object-fit: contain !important;

        aspect-ratio: auto !important;
    }


    .leistung-icon {
        width: 52px;
        height: auto;
    }

    .leistung-text h2 {
        font-size: 32px;
    }

    .leistung-liste {
        font-size: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ca0f3bb *//* =========================================
   GESAMTER LEISTUNGSBLOCK
========================================= */

.leistung-block {
    display: grid;

    /* Wichtig: Gap wird jetzt korrekt berücksichtigt */
    grid-template-columns: minmax(0, 35fr) minmax(0, 65fr);

    gap: 40px;

    width: 100%;
    max-width: 100%;

    align-items: center;

    box-sizing: border-box;
}


/* =========================================
   TEXTBLOCK
========================================= */

.leistung-text {
    width: 100%;
    max-width: 100%;

    box-sizing: border-box;

    padding: 45px 50px;

    background: #f4f5f7;
    color: #444444;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    min-width: 0;
}


/* ICON */

.leistung-icon {
    display: block;

    width: 58px;
    height: auto;

    margin: 0 0 22px 0;
}


/* ÜBERSCHRIFT */

.leistung-text h2 {
    font-family: "Pragati Narrow", sans-serif;

    font-size: 38px;
    line-height: 1;
    font-weight: 700;

    color: #2866c7;

    margin: 0 0 14px 0;
    padding: 0;
}


/* BLAUE LINIE */

.leistung-linie {
    width: 45px;
    height: 3px;

    background: #2866c7;

    margin: 0 0 25px 0;
}


/* LEISTUNGSLISTE */

.leistung-liste {
    margin: 0;

    font-size: 16px;
    line-height: 1.7;

    color: #444444;
}


/* ABSCHLUSSTEXT */

.leistung-kurztext {
    width: 100%;

    margin: 28px 0 0 0;
    padding-top: 20px;

    border-top: 1px solid #d9d9d9;

    font-size: 14px;
    line-height: 1.6;

    color: #777777;

    box-sizing: border-box;
}


/* =========================================
   GROSSES BILD
========================================= */

.leistung-bild {
    width: 100%;
    max-width: 100%;

    min-width: 0;

    overflow: hidden;

    box-sizing: border-box;
}

.leistung-bild img {
    display: block;

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

    height: auto !important;

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

    object-fit: contain !important;

    box-sizing: border-box;
}


/* =========================================
   GESPIEGELTER BLOCK
========================================= */

.leistung-block.gespiegelt .leistung-bild {
    grid-column: 1;
    grid-row: 1;
}

.leistung-block.gespiegelt .leistung-text {
    grid-column: 2;
    grid-row: 1;
}


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

@media (max-width: 1024px) {

    .leistung-block {
        grid-template-columns: minmax(0, 40fr) minmax(0, 60fr);
        gap: 25px;
    }

    .leistung-text {
        padding: 35px;
    }

    .leistung-text h2 {
        font-size: 34px;
    }
}


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

@media (max-width: 767px) {

    .leistung-block,
    .leistung-block.gespiegelt {
        display: grid !important;

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

        gap: 20px !important;

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

        overflow: hidden !important;
    }


    /* Text immer zuerst */
    .leistung-block .leistung-text,
    .leistung-block.gespiegelt .leistung-text {
        grid-column: 1 !important;
        grid-row: 1 !important;

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

        min-width: 0 !important;

        padding: 32px 28px;
    }


    /* Bild darunter */
    .leistung-block .leistung-bild,
    .leistung-block.gespiegelt .leistung-bild {
        grid-column: 1 !important;
        grid-row: 2 !important;

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

        min-width: 0 !important;

        overflow: hidden !important;
    }


    .leistung-block .leistung-bild img,
    .leistung-block.gespiegelt .leistung-bild img {
        display: block !important;

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

        height: auto !important;

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

        margin: 0 !important;

        object-fit: contain !important;

        aspect-ratio: auto !important;
    }


    .leistung-icon {
        width: 52px;
        height: auto;
    }

    .leistung-text h2 {
        font-size: 32px;
    }

    .leistung-liste {
        font-size: 15px;
    }
}
/* =========================================
   GESPIEGELTER BLOCK
   Bild links 65 %, Text rechts 35 %
========================================= */

.leistung-block.gespiegelt {
    grid-template-columns: minmax(0, 65fr) minmax(0, 35fr);
}

.leistung-block.gespiegelt .leistung-bild {
    grid-column: 1;
    grid-row: 1;
}

.leistung-block.gespiegelt .leistung-text {
    grid-column: 2;
    grid-row: 1;
}/* End custom CSS */