.elementor-25785 .elementor-element.elementor-element-198035a{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overlay-opacity:1;--padding-top:44px;--padding-bottom:28px;--padding-left:0px;--padding-right:0px;}.elementor-25785 .elementor-element.elementor-element-198035a::before, .elementor-25785 .elementor-element.elementor-element-198035a > .elementor-background-video-container::before, .elementor-25785 .elementor-element.elementor-element-198035a > .e-con-inner > .elementor-background-video-container::before, .elementor-25785 .elementor-element.elementor-element-198035a > .elementor-background-slideshow::before, .elementor-25785 .elementor-element.elementor-element-198035a > .e-con-inner > .elementor-background-slideshow::before, .elementor-25785 .elementor-element.elementor-element-198035a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-25785 .elementor-element.elementor-element-7614eb4{--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-25785 .elementor-element.elementor-element-91be30d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-25785 .elementor-element.elementor-element-ccf57d3 > .elementor-widget-container{margin:0em 0em -1em 0em;}.elementor-25785 .elementor-element.elementor-element-ccf57d3{font-size:var( --e-global-typography-27540ab-font-size );}.elementor-25785 .elementor-element.elementor-element-ccf57d3 a{color:var( --e-global-color-text );}.elementor-25785 .elementor-element.elementor-element-a2e4317{text-align:start;}.elementor-25785 .elementor-element.elementor-element-a2e4317 .elementor-heading-title{font-family:var( --e-global-typography-5839943-font-family ), Sans-serif;font-size:var( --e-global-typography-5839943-font-size );font-weight:var( --e-global-typography-5839943-font-weight );text-transform:var( --e-global-typography-5839943-text-transform );line-height:var( --e-global-typography-5839943-line-height );}.elementor-25785 .elementor-element.elementor-element-d5549e3{font-size:var( --e-global-typography-8b275db-font-size );line-height:var( --e-global-typography-8b275db-line-height );}.elementor-25785 .elementor-element.elementor-element-b5d2740 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(25px/2);}.elementor-25785 .elementor-element.elementor-element-b5d2740 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(25px/2);}.elementor-25785 .elementor-element.elementor-element-b5d2740 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(25px/2);margin-left:calc(25px/2);}.elementor-25785 .elementor-element.elementor-element-b5d2740 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-25px/2);margin-left:calc(-25px/2);}body.rtl .elementor-25785 .elementor-element.elementor-element-b5d2740 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-25px/2);}body:not(.rtl) .elementor-25785 .elementor-element.elementor-element-b5d2740 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-25px/2);}.elementor-25785 .elementor-element.elementor-element-b5d2740 .elementor-icon-list-icon{width:14px;}.elementor-25785 .elementor-element.elementor-element-b5d2740 .elementor-icon-list-icon i{font-size:14px;}.elementor-25785 .elementor-element.elementor-element-b5d2740 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-25785 .elementor-element.elementor-element-b5d2740 .elementor-icon-list-item{font-size:var( --e-global-typography-6ec3a1f-font-size );}.elementor-25785 .elementor-element.elementor-element-c6a3703{font-size:var( --e-global-typography-8b275db-font-size );line-height:var( --e-global-typography-8b275db-line-height );}.elementor-25785 .elementor-element.elementor-element-67b374a img{border-style:none;border-radius:10px 10px 10px 10px;}.elementor-25785 .elementor-element.elementor-element-c7b8bee{--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:space-between;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--flex-wrap:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-25785 .elementor-element.elementor-element-3e77c17{--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;--gap:28px 28px;--row-gap:28px;--column-gap:28px;border-style:none;--border-style:none;}.elementor-25785 .elementor-element.elementor-element-80a6d36{--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:space-between;--flex-wrap:wrap;--border-radius:1em 1em 1em 1em;--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-25785 .elementor-element.elementor-element-80a6d36:not(.elementor-motion-effects-element-type-background), .elementor-25785 .elementor-element.elementor-element-80a6d36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a8542ae );}.elementor-25785 .elementor-element.elementor-element-4f7d77f{width:var( --container-widget-width, 70px );max-width:70px;--container-widget-width:70px;--container-widget-flex-grow:0;}.elementor-25785 .elementor-element.elementor-element-4f7d77f img{width:70px;height:70px;object-fit:cover;object-position:top center;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-ea555b1 );border-radius:100px 100px 100px 100px;}.elementor-25785 .elementor-element.elementor-element-1f039f0{--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 20px;--row-gap:0px;--column-gap:20px;--flex-wrap:wrap;}.elementor-25785 .elementor-element.elementor-element-3c7766d .elementor-heading-title{font-size:var( --e-global-typography-be99b6c-font-size );line-height:var( --e-global-typography-be99b6c-line-height );color:var( --e-global-color-text );}.elementor-25785 .elementor-element.elementor-element-ee10d5a .elementor-heading-title{color:var( --e-global-color-6c119c6 );}.elementor-25785 .elementor-element.elementor-element-60f66f3{--box-border-width:0px;--separator-width:0px;--box-padding:0px;--item-text-active-color:#F1F1F1;}.elementor-25785 .elementor-element.elementor-element-60f66f3 .elementor-toc__header-title{text-align:start;}.elementor-25785 .elementor-element.elementor-element-c7f16de.elementor-element{--align-self:flex-start;}.elementor-25785 .elementor-element.elementor-element-c7f16de{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-25785 .elementor-element.elementor-element-c7f16de .elementor-share-btn{border-width:2px;}.elementor-25785 .elementor-element.elementor-element-bac05c4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;border-style:none;--border-style:none;}.elementor-25785 .elementor-element.elementor-element-bac05c4:hover{border-style:none;}.elementor-25785 .elementor-element.elementor-element-bac05c4, .elementor-25785 .elementor-element.elementor-element-bac05c4::before{--border-transition:0.3s;}.elementor-25785 .elementor-element.elementor-element-bac05c4.e-con{--align-self:flex-start;}.elementor-25785 .elementor-element.elementor-element-58dd362 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-25785 .elementor-element.elementor-element-58dd362 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}:is( .elementor-25785 .elementor-element.elementor-element-58dd362 > .elementor-widget-container > .jet-listing-grid > .swiper-lib > .swiper-wrapper, .elementor-25785 .elementor-element.elementor-element-58dd362 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-25785 .elementor-element.elementor-element-58dd362 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-25785 .elementor-element.elementor-element-58dd362 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(0px / 2);padding-right:calc(0px / 2);}:is( .elementor-25785 .elementor-element.elementor-element-58dd362 > .elementor-widget-container > .jet-listing-grid, .elementor-25785 .elementor-element.elementor-element-58dd362 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider.slick-lib, .elementor-25785 .elementor-element.elementor-element-58dd362 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 0px / -2);margin-right:calc( 0px / -2);width:calc(100% + 0px);}.elementor-25785 .elementor-element.elementor-element-58dd362 > .elementor-widget-container > .jet-listing-grid:has( > .jet-listing-grid__slider.swiper-lib ){margin-left:calc( 0px / -2);margin-right:calc( 0px / -2);}:is( .elementor-25785 .elementor-element.elementor-element-58dd362 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-25785 .elementor-element.elementor-element-58dd362 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-25785 .elementor-element.elementor-element-58dd362 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-top:calc(0px / 2);padding-bottom:calc(0px / 2);}:is( .elementor-25785 .elementor-element.elementor-element-58dd362 > .elementor-widget-container > .jet-listing-grid, .elementor-25785 .elementor-element.elementor-element-58dd362 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider, .elementor-25785 .elementor-element.elementor-element-58dd362 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 0px / -2);margin-bottom:calc( 0px / -2);}.elementor-25785 .elementor-element.elementor-element-c1ba3e8{--display:flex;--gap:2em 2em;--row-gap:2em;--column-gap:2em;}.elementor-25785 .elementor-element.elementor-element-f2185a0{font-size:var( --e-global-typography-be99b6c-font-size );line-height:var( --e-global-typography-be99b6c-line-height );}.elementor-25785 .elementor-element.elementor-element-2db8a70{font-size:var( --e-global-typography-73b0a1b-font-size );line-height:var( --e-global-typography-73b0a1b-line-height );}.elementor-25785 .elementor-element.elementor-element-5e196c4{--display:flex;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.75rem;--padding-right:1.75rem;}.elementor-25785 .elementor-element.elementor-element-5e196c4:not(.elementor-motion-effects-element-type-background), .elementor-25785 .elementor-element.elementor-element-5e196c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a8542ae );}.elementor-25785 .elementor-element.elementor-element-e50e614{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-25785 .elementor-element.elementor-element-5cfe81d{--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-25785 .elementor-element.elementor-element-20813e5{font-size:var( --e-global-typography-73b0a1b-font-size );line-height:var( --e-global-typography-73b0a1b-line-height );}.elementor-25785 .elementor-element.elementor-element-8fd051e > .elementor-widget-container{margin:0px 0px -27px 0px;}.elementor-25785 .elementor-element.elementor-element-8fd051e{font-size:var( --e-global-typography-be99b6c-font-size );line-height:var( --e-global-typography-be99b6c-line-height );}.elementor-25785 .elementor-element.elementor-element-e7f9e2d{--n-accordion-title-font-size:clamp(1rem, 0.96rem + 0.18vw, 1.125rem);--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:1rem;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-text );--n-accordion-icon-hover-color:var( --e-global-color-text );--n-accordion-icon-active-color:var( --e-global-color-text );}:where( .elementor-25785 .elementor-element.elementor-element-e7f9e2d > .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-weight:600;letter-spacing:0.01em;}:where( .elementor-25785 .elementor-element.elementor-element-e7f9e2d > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{--padding-top:1em;--padding-right:0em;--padding-bottom:0em;--padding-left:0em;}.elementor-25785 .elementor-element.elementor-element-161a446{font-size:var( --e-global-typography-73b0a1b-font-size );line-height:var( --e-global-typography-73b0a1b-line-height );}.elementor-25785 .elementor-element.elementor-element-1810795.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-25785 .elementor-element.elementor-element-1810795 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(16px/2);}.elementor-25785 .elementor-element.elementor-element-1810795 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(16px/2);}.elementor-25785 .elementor-element.elementor-element-1810795 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(16px/2);margin-left:calc(16px/2);}.elementor-25785 .elementor-element.elementor-element-1810795 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-16px/2);margin-left:calc(-16px/2);}body.rtl .elementor-25785 .elementor-element.elementor-element-1810795 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-16px/2);}body:not(.rtl) .elementor-25785 .elementor-element.elementor-element-1810795 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-16px/2);}.elementor-25785 .elementor-element.elementor-element-1810795 .elementor-icon-list-item:not(:last-child):after{content:"";height:12px;border-color:#ddd;}.elementor-25785 .elementor-element.elementor-element-1810795 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-25785 .elementor-element.elementor-element-1810795 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-25785 .elementor-element.elementor-element-1810795 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-25785 .elementor-element.elementor-element-1810795 .elementor-icon-list-icon{width:14px;}.elementor-25785 .elementor-element.elementor-element-1810795 .elementor-icon-list-icon i{font-size:14px;}.elementor-25785 .elementor-element.elementor-element-1810795 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-25785 .elementor-element.elementor-element-1810795 .elementor-icon-list-item{font-size:var( --e-global-typography-6ec3a1f-font-size );}.elementor-25785 .elementor-element.elementor-element-2c1d724{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25785 .elementor-element.elementor-element-2c1d724:not(.elementor-motion-effects-element-type-background), .elementor-25785 .elementor-element.elementor-element-2c1d724 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3766912 );}.elementor-25785 .elementor-element.elementor-element-786531a{--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:space-between;--align-items:center;--flex-wrap:wrap;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:50px;}.elementor-25785 .elementor-element.elementor-element-786531a:not(.elementor-motion-effects-element-type-background), .elementor-25785 .elementor-element.elementor-element-786531a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a8542ae );}.elementor-25785 .elementor-element.elementor-element-b6a13bf{text-align:start;}.elementor-25785 .elementor-element.elementor-element-b6a13bf img{width:239px;}.elementor-25785 .elementor-element.elementor-element-e30d659{width:auto;max-width:auto;}.elementor-25785 .elementor-element.elementor-element-e30d659.elementor-element{--align-self:flex-start;}.elementor-25785 .elementor-element.elementor-element-e30d659 .elementor-icon-wrapper{text-align:start;}.elementor-25785 .elementor-element.elementor-element-e30d659 .elementor-icon{font-size:25px;}.elementor-25785 .elementor-element.elementor-element-e30d659 .elementor-icon svg{height:25px;}.elementor-25785 .elementor-element.elementor-element-536eeed{--display:flex;--justify-content:flex-start;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-25785 .elementor-element.elementor-element-51d5cb4 .elementor-heading-title{font-size:var( --e-global-typography-0d48bd0-font-size );line-height:var( --e-global-typography-0d48bd0-line-height );}.elementor-25785 .elementor-element.elementor-element-7e824be{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:150px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-25785 .elementor-element.elementor-element-7e824be:not(.elementor-motion-effects-element-type-background), .elementor-25785 .elementor-element.elementor-element-7e824be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3766912 );}.elementor-25785 .elementor-element.elementor-element-bc5cb5b{text-align:center;}.elementor-25785 .elementor-element.elementor-element-2f7e08c > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-25785 .elementor-element.elementor-element-2f7e08c > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}.elementor-25785 .elementor-element.elementor-element-3ef9966 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-25785 .elementor-element.elementor-element-3ef9966 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-25785 .elementor-element.elementor-element-3ef9966 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-25785 .elementor-element.elementor-element-3ef9966 .jet-listing-grid__slider .jet-slick-dots li{background:var( --e-global-color-ea555b1 );}.elementor-25785 .elementor-element.elementor-element-3ef9966 .jet-engine-swiper-pagination-wrapper{--swiper-pagination-bullet-inactive-color:var( --e-global-color-ea555b1 );--swiper-pagination-color:var( --e-global-color-text );}.elementor-25785 .elementor-element.elementor-element-3ef9966 .jet-listing-grid__slider .jet-slick-dots li.slick-active{background:var( --e-global-color-text );}.elementor-25785 .elementor-element.elementor-element-803a523{--display:flex;}@media(max-width:1024px){.elementor-25785 .elementor-element.elementor-element-198035a{--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;--flex-wrap:wrap;--padding-top:36px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;}.elementor-25785 .elementor-element.elementor-element-ccf57d3{font-size:var( --e-global-typography-27540ab-font-size );}.elementor-25785 .elementor-element.elementor-element-a2e4317 .elementor-heading-title{font-size:var( --e-global-typography-5839943-font-size );line-height:var( --e-global-typography-5839943-line-height );}.elementor-25785 .elementor-element.elementor-element-d5549e3{font-size:var( --e-global-typography-8b275db-font-size );line-height:var( --e-global-typography-8b275db-line-height );}.elementor-25785 .elementor-element.elementor-element-b5d2740 .elementor-icon-list-item{font-size:var( --e-global-typography-6ec3a1f-font-size );}.elementor-25785 .elementor-element.elementor-element-c6a3703{font-size:var( --e-global-typography-8b275db-font-size );line-height:var( --e-global-typography-8b275db-line-height );}.elementor-25785 .elementor-element.elementor-element-67b374a > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-25785 .elementor-element.elementor-element-c7b8bee{--padding-top:50px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-25785 .elementor-element.elementor-element-80a6d36{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25785 .elementor-element.elementor-element-3c7766d .elementor-heading-title{font-size:var( --e-global-typography-be99b6c-font-size );line-height:var( --e-global-typography-be99b6c-line-height );} .elementor-25785 .elementor-element.elementor-element-c7f16de{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-25785 .elementor-element.elementor-element-c1ba3e8{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-25785 .elementor-element.elementor-element-f2185a0{font-size:var( --e-global-typography-be99b6c-font-size );line-height:var( --e-global-typography-be99b6c-line-height );}.elementor-25785 .elementor-element.elementor-element-2db8a70{font-size:var( --e-global-typography-73b0a1b-font-size );line-height:var( --e-global-typography-73b0a1b-line-height );}.elementor-25785 .elementor-element.elementor-element-5e196c4{--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-25785 .elementor-element.elementor-element-20813e5{font-size:var( --e-global-typography-73b0a1b-font-size );line-height:var( --e-global-typography-73b0a1b-line-height );}.elementor-25785 .elementor-element.elementor-element-8fd051e{font-size:var( --e-global-typography-be99b6c-font-size );line-height:var( --e-global-typography-be99b6c-line-height );}.elementor-25785 .elementor-element.elementor-element-161a446{font-size:var( --e-global-typography-73b0a1b-font-size );line-height:var( --e-global-typography-73b0a1b-line-height );}.elementor-25785 .elementor-element.elementor-element-1810795 .elementor-icon-list-item{font-size:var( --e-global-typography-6ec3a1f-font-size );}.elementor-25785 .elementor-element.elementor-element-2c1d724{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-25785 .elementor-element.elementor-element-51d5cb4 .elementor-heading-title{font-size:var( --e-global-typography-0d48bd0-font-size );line-height:var( --e-global-typography-0d48bd0-line-height );}.elementor-25785 .elementor-element.elementor-element-7e824be{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-25785 .elementor-element.elementor-element-2f7e08c > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-25785 .elementor-element.elementor-element-2f7e08c > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}}@media(max-width:767px){.elementor-25785 .elementor-element.elementor-element-198035a{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:28px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-25785 .elementor-element.elementor-element-ccf57d3{font-size:var( --e-global-typography-27540ab-font-size );}.elementor-25785 .elementor-element.elementor-element-a2e4317 .elementor-heading-title{font-size:var( --e-global-typography-5839943-font-size );line-height:var( --e-global-typography-5839943-line-height );}.elementor-25785 .elementor-element.elementor-element-d5549e3{font-size:var( --e-global-typography-8b275db-font-size );line-height:var( --e-global-typography-8b275db-line-height );}.elementor-25785 .elementor-element.elementor-element-b5d2740 .elementor-icon-list-item{font-size:var( --e-global-typography-6ec3a1f-font-size );}.elementor-25785 .elementor-element.elementor-element-c6a3703{font-size:var( --e-global-typography-8b275db-font-size );line-height:var( --e-global-typography-8b275db-line-height );}.elementor-25785 .elementor-element.elementor-element-c7b8bee{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-25785 .elementor-element.elementor-element-80a6d36{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:wrap;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-25785 .elementor-element.elementor-element-4f7d77f img{border-width:1px 1px 1px 1px;}.elementor-25785 .elementor-element.elementor-element-1f039f0{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-25785 .elementor-element.elementor-element-3c7766d .elementor-heading-title{font-size:var( --e-global-typography-be99b6c-font-size );line-height:var( --e-global-typography-be99b6c-line-height );} .elementor-25785 .elementor-element.elementor-element-c7f16de{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-25785 .elementor-element.elementor-element-bac05c4{--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-25785 .elementor-element.elementor-element-f2185a0{font-size:var( --e-global-typography-be99b6c-font-size );line-height:var( --e-global-typography-be99b6c-line-height );}.elementor-25785 .elementor-element.elementor-element-2db8a70{font-size:var( --e-global-typography-73b0a1b-font-size );line-height:var( --e-global-typography-73b0a1b-line-height );}.elementor-25785 .elementor-element.elementor-element-5e196c4{--padding-top:1.25rem;--padding-bottom:1.25rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-25785 .elementor-element.elementor-element-20813e5{font-size:var( --e-global-typography-73b0a1b-font-size );line-height:var( --e-global-typography-73b0a1b-line-height );}.elementor-25785 .elementor-element.elementor-element-8fd051e{font-size:var( --e-global-typography-be99b6c-font-size );line-height:var( --e-global-typography-be99b6c-line-height );}.elementor-25785 .elementor-element.elementor-element-161a446{font-size:var( --e-global-typography-73b0a1b-font-size );line-height:var( --e-global-typography-73b0a1b-line-height );}.elementor-25785 .elementor-element.elementor-element-1810795 .elementor-icon-list-item{font-size:var( --e-global-typography-6ec3a1f-font-size );}.elementor-25785 .elementor-element.elementor-element-b6a13bf img{width:100%;}.elementor-25785 .elementor-element.elementor-element-51d5cb4 .elementor-heading-title{font-size:var( --e-global-typography-0d48bd0-font-size );line-height:var( --e-global-typography-0d48bd0-line-height );}.elementor-25785 .elementor-element.elementor-element-2f7e08c > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-25785 .elementor-element.elementor-element-2f7e08c > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-25785 .elementor-element.elementor-element-3ef9966 .jet-listing-grid__slider .jet-slick-dots li{width:7px;height:7px;}.elementor-25785 .elementor-element.elementor-element-3ef9966 .swiper-pagination-bullet{--swiper-pagination-bullet-size:7px;}}@media(min-width:768px){.elementor-25785 .elementor-element.elementor-element-198035a{--content-width:1048px;}.elementor-25785 .elementor-element.elementor-element-7614eb4{--width:680px;}.elementor-25785 .elementor-element.elementor-element-3e77c17{--width:264px;}.elementor-25785 .elementor-element.elementor-element-80a6d36{--width:680px;}.elementor-25785 .elementor-element.elementor-element-1f039f0{--width:85%;}.elementor-25785 .elementor-element.elementor-element-bac05c4{--width:264px;}.elementor-25785 .elementor-element.elementor-element-c1ba3e8{--width:720px;}.elementor-25785 .elementor-element.elementor-element-2c1d724{--content-width:895px;}.elementor-25785 .elementor-element.elementor-element-536eeed{--width:67%;}}@media(max-width:1024px) and (min-width:768px){.elementor-25785 .elementor-element.elementor-element-3e77c17{--width:100%;}.elementor-25785 .elementor-element.elementor-element-bac05c4{--width:100%;}.elementor-25785 .elementor-element.elementor-element-c1ba3e8{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-80a6d36 */.authorbox{
  
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-20813e5 */.elementor-25785 .elementor-element.elementor-element-20813e5 ul{
    padding: 0 25px;
}
.elementor-25785 .elementor-element.elementor-element-20813e5 li{
    margin-bottom: 30px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8fd051e */.elementor-25785 .elementor-element.elementor-element-8fd051e ul{
    padding: 0 25px;
}
.elementor-25785 .elementor-element.elementor-element-8fd051e li{
    margin-bottom: 30px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-20813e5 */.elementor-25785 .elementor-element.elementor-element-20813e5 ul{
    padding: 0 25px;
}
.elementor-25785 .elementor-element.elementor-element-20813e5 li{
    margin-bottom: 30px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8fd051e */.elementor-25785 .elementor-element.elementor-element-8fd051e ul{
    padding: 0 25px;
}
.elementor-25785 .elementor-element.elementor-element-8fd051e li{
    margin-bottom: 30px;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-e7f9e2d */.accordeon{
  --n-accordion-border-width: 0px !important;
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   TOC / Inhaltsverzeichnis
   ========================================================= */

/* Entfernt Standard-Abstände bei Listen im TOC */
body.elementor-page-25785 ul,
body.elementor-page-25785 ol{
  margin-top: 0;
  margin-bottom: 0;
}

/* Scroll-Verhalten des TOC-Containers */
body.elementor-page-25785{
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* Scrollbar in WebKit-Browsern ausblenden */
body.elementor-page-25785::-webkit-scrollbar{
  display: none;
}

/* Abstand im TOC-Header */
body.elementor-page-25785 .elementor-toc__header{
  padding: 0 1em 0 0.75em;
}

/* Entfernt zusätzliche Abstände zwischen TOC-Items */
body.elementor-page-25785 .elementor-toc__list-item{
  margin: 0;
}

/* Stil der klickbaren TOC-Einträge */
body.elementor-page-25785 .elementor-toc__list-item-text{
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0.4em 1em 0.4em 0.75em;
  line-height: 1.35;
}

/* Aktiver TOC-Eintrag */
body.elementor-page-25785 .elementor-item-active{
  display: block;
  width: 100%;
  background: #191E1C;
  border-radius: 10px;
}

/* TOC Toggle-Icon */
body.elementor-page-25785 .elementor-toc__toggle-button svg{
  fill: #f1f1f1;
}

/* Mobile TOC */
@media (max-width: 767px){

  body.elementor-page-25785 .elementor-toc__header{
    padding: 0 0.75em 0 0.75em;
  }

  body.elementor-page-25785 .elementor-toc__list-item-text{
    padding: 0.35em 0.75em 0.35em 0.75em;
    line-height: 1.3;
    font-size: 0.92em;
  }

  body.elementor-page-25785 .elementor-item-active{
    border-radius: 8px;
  }
}



/* =========================================================
   INFO BOX
   ========================================================= */

.bw-info-box{
  margin: 2em 0;
  padding: 1.25em 1.25em;
  background: #222;
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.bw-info-box__header{
  display: flex;
  align-items: center;
  margin-bottom: 0.9em;
}

.bw-info-box__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.15em;
  height: 1.15em;
  color: #E0E05C;
  flex-shrink: 0;
}

.bw-info-box__icon svg{
  width: 100%;
  height: 100%;
  display: block;
  fill: currentColor;
}

.bw-info-box__content{
  color: inherit;
}

.bw-info-box__content > *:first-child{
  margin-top: 0;
}

.bw-info-box__content > *:last-child{
  margin-bottom: 0;
}



/* =========================================================
   BLOG TYPOGRAFIE / DESKTOP
   ========================================================= */

/* Absatz-Abstand */
.blog-prose p{
  margin-bottom: 1.35em;
}

/* H2 */
.blog-prose h2{
  font-size: clamp(1.625rem, 1.53rem + 0.42vw, 1.875rem);
  line-height: 1.22;
  margin-top: 2.7em;
  margin-bottom: 0.75em;
}

/* Entfernt den Abstand nach oben, wenn die h2 das erste Element im Container ist */
.blog-prose h2:first-child {
  margin-top: 0;
}

/* H3 */
.blog-prose h3{
  font-size: clamp(1.3125rem, 1.25rem + 0.28vw, 1.5rem);
  line-height: 1.3;
  margin-top: 2.1em;
  margin-bottom: 0.7em;
}

/* H4 */
.blog-prose h4{
  font-size: clamp(1.125rem, 1.1rem + 0.08vw, 1.1875rem);
  line-height: 1.35;
  margin-top: 1.7em;
  margin-bottom: 0.6em;
}

/* Listen */
.blog-prose ul,
.blog-prose ol{
  margin: 0 0 1.4em;
  padding-left: 1.25em;
}

/* Listenelemente */
.blog-prose li{
  margin-bottom: 0.55em;
  line-height: 1.65;
}

/* Bilder */
.blog-prose img{
  display: block;
  width: 100%;
  height: auto;
  margin: 2em 0;
  border-radius: 1rem !important;
}

/* Figure */
.blog-prose figure{
  margin: 2em 0;
}

/* Bildunterschrift */
.blog-prose figcaption{
  margin-top: 0.75em;
  font-size: 0.875em;
  line-height: 1.55;
  opacity: 0.72;
}

/* Blockquote */
.blog-prose blockquote{
  margin: 2em 0;
  padding: 0.1em 0 0.1em 1em;
  border-left: 2px solid rgba(255,255,255,0.18);
  font-size: 1.05em;
  line-height: 1.65;
}




/* =========================================================
   BLOG TYPOGRAFIE / MOBILE
   ========================================================= */

@media (max-width: 767px){

  .blog-prose{
    line-height: 1.72;
  }

  .blog-prose p{
    margin-bottom: 1.22em;
  }

  .blog-prose h2{
    font-size: clamp(1.5rem, 1.36rem + 0.7vw, 1.75rem);
    line-height: 1.2;
    margin-top: 2.2em;
    margin-bottom: 0.65em;
  }

  .blog-prose h3{
    font-size: clamp(1.25rem, 1.18rem + 0.35vw, 1.375rem);
    line-height: 1.28;
    margin-top: 1.85em;
    margin-bottom: 0.58em;
  }

  .blog-prose h4{
    font-size: 1.125rem;
    line-height: 1.32;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
  }

  .blog-prose ul,
  .blog-prose ol{
    margin: 0 0 1.2em;
    padding-left: 1.15em;
  }

  .blog-prose li{
    margin-bottom: 0.45em;
    line-height: 1.62;
  }

  .blog-prose img,
  .blog-prose figure{
    margin: 1.5em 0;
  }

  .blog-prose img{
    border-radius: 0.875rem !important;
  }

  .blog-prose figcaption{
    margin-top: 0.6em;
    font-size: 0.82em;
    line-height: 1.5;
  }

  .blog-prose blockquote{
    margin: 1.5em 0;
    padding: 0.1em 0 0.1em 0.9em;
    font-size: 1em;
    line-height: 1.6;
  }

  .blog-prose hr{
    margin: 2em 0;
  }
}


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

/* Gesamte Tabelle:
   - volle Breite
   - Abstand oben/unten
   - feste Tabellenlogik
   - dunkler Hintergrund
   - abgerundete Ecken
*/
.blog-prose table{
  width: 100%;
  margin: 2em 0;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  background: #191E1C;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}

/* Tabellenbeschreibung / Caption:
   - bleibt oberhalb der Tabelle
   - linksbündig
   - etwas Abstand nach unten
*/
.blog-prose caption{
  caption-side: top;
  padding: 0 0 0.65em;
  text-align: left;
  font-weight: 600;
}

/* Kopfzeile oben:
   - dunkler als der Rest
   - etwas kräftiger */
.blog-prose thead th{
  background: #303030;
  font-weight: 600;
}

/* Erste Spalte als Zeilenkopf:
   - leicht hervorgehoben
   - hilft beim Scannen */
.blog-prose tbody th[scope="row"]{
  font-weight: 500;
}

/* Alle Zellen:
   - Innenabstand
   - linksbündig
   - oben ausgerichtet
   - feine Trennlinien
   - lange Wörter dürfen umbrechen */
.blog-prose th,
.blog-prose td{
  padding: 1em;
  text-align: left;
  vertical-align: top;
  border: 0;
  border-right: 1px solid rgba(255,255,255,0.05);
  border-bottom: 1px solid rgba(255,255,255,0.0);
  word-break: break-word;
}

/* Letzte Spalte:
   - kein rechter Rand mehr */
.blog-prose tr > *:last-child{
  border-right: 0;
}

/* Letzte Tabellenzeile:
   - kein unterer Rand mehr */
.blog-prose tbody tr:last-child > *{
  border-bottom: 0;
}

/* Leichter Hover-Effekt im Tabelleninhalt */
.blog-prose tbody tr:hover td,
.blog-prose tbody tr:hover th{
  background: rgba(255,255,255,0.02);
}


/* =========================================================
   TABELLEN / SCROLL-WRAPPER
   ========================================================= */

/* Der Wrapper übernimmt Abstand, Radius und das Scrolling */
.blog-prose .bw-table-scroll{
  position: relative;
  margin: 2em 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  border-radius: 10px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.18) transparent;
}

/* Abstand liegt am Wrapper, nicht mehr an der Tabelle */
.blog-prose .bw-table-scroll > table{
  margin: 0;
}

/* Der Wrapper ist per Tab erreichbar, also sichtbarer Fokus */
.blog-prose .bw-table-scroll:focus-visible{
  outline: 2px solid #E0E05C;
  outline-offset: 3px;
}

/* Dezente Scrollbar in WebKit-Browsern */
.blog-prose .bw-table-scroll::-webkit-scrollbar{
  height: 6px;
}

.blog-prose .bw-table-scroll::-webkit-scrollbar-track{
  background: transparent;
}

.blog-prose .bw-table-scroll::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,0.18);
  border-radius: 999px;
}


/* =========================================================
   TABELLEN / MOBILE
   ========================================================= */

@media (max-width: 767px){

  .blog-prose .bw-table-scroll{
    margin: 1.5em 0;
  }

  /* Mindestbreite erzwingt das horizontale Scrollen.
     table-layout: fixed und colgroup vom Desktop bleiben aktiv,
     die Spaltenprozente beziehen sich jetzt auf 44rem. */
  .blog-prose table{
    min-width: var(--bw-table-min, 44rem);
    margin: 0;
  }

  .blog-prose th,
  .blog-prose td{
    padding: 0.85em 0.9em;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .blog-prose caption{
    padding: 0 0 0.55em;
  }

  /* Hover auf Mobile neutralisieren */
  .blog-prose tbody tr:hover td,
  .blog-prose tbody tr:hover th{
    background: transparent;
  }
}

@media (max-width: 767px){
  .blog-prose thead th:first-child,
  .blog-prose tbody th[scope="row"]{
    position: sticky;
    left: 0;
    z-index: 2;
    background: #191E1C;
  }

  .blog-prose thead th:first-child{
    z-index: 3;
    background: #303030;
  }
}



/* =========================================================
   WORDPRESS AGENTUR CTA
   ========================================================= */

.bw-wordpress-agentur-cta {
  margin: 2.5rem 0;
}

.bw-wordpress-agentur-cta__inner {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  padding: 2rem;
  border-radius: 10px;
  background: #191E1C;
}

.bw-wordpress-agentur-cta__person {
  flex: 0 0 150px;
  max-width: 150px;
  text-align: center;
  font-size: 14px;
}

.bw-wordpress-agentur-cta__image-wrap {
  width: 150px;
  height: 150px;
  margin: 0 auto 0.5rem;
}

.bw-wordpress-agentur-cta__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .bw-wordpress-agentur-cta__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    padding: 1.25rem;
  }

  .bw-wordpress-agentur-cta__person {
    flex: none;
    max-width: none;
    width: 100%;
    text-align: center;
  }

  .bw-wordpress-agentur-cta__image-wrap {
    width: 96px;
    height: 96px;
    margin: 0 auto 0.45rem;
  }

  .bw-wordpress-agentur-cta__name {
    text-align: center;
  }

  .bw-wordpress-agentur-cta__content {
    width: 100%;
  }

  .bw-wordpress-agentur-cta__actions {
    margin-top: 1rem;
    width: 100%;
  }

  .bw-wordpress-agentur-cta__actions .elementor-button-wrapper {
    width: 100%;
  }

  .bw-wordpress-agentur-cta__actions .elementor-button {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
  }
}

/* =======================================================
   BW BLOG A-RUHIG - Satzbild und Inhaltsverzeichnis
   Gilt nur fuer dieses Test-Template.
   ======================================================= */

/* ---------- Fliesstext: Rhythmus, Skala, Zeilenlaenge ---------- */

.blog-prose{
  font-size:19px !important;
  line-height:1.8 !important;
}
.blog-prose > .elementor-widget-container{
  max-width:38.5rem;
}

/* Abstaende ueber den Fluss steuern, nicht ueber Einzelmargins.
   So kollabiert nichts und die Werte stimmen verlaesslich. */
.blog-prose > .elementor-widget-container > *{ margin-block:0 !important; }
.blog-prose > .elementor-widget-container > * + *{ margin-block-start:2.375rem !important; }
.blog-prose > .elementor-widget-container > * + h2{ margin-block-start:4.5rem !important; }
.blog-prose > .elementor-widget-container > h2 + *{ margin-block-start:1.25rem !important; }
.blog-prose > .elementor-widget-container > * + h3{ margin-block-start:3rem !important; }
.blog-prose > .elementor-widget-container > h3 + *{ margin-block-start:.875rem !important; }
.blog-prose > .elementor-widget-container > * + h4{ margin-block-start:2.25rem !important; }
.blog-prose > .elementor-widget-container > h4 + *{ margin-block-start:.75rem !important; }

.blog-prose h2{
  font-size:2.05em !important; line-height:1.22 !important;
  font-weight:600; letter-spacing:-.015em; text-wrap:balance;
}
.blog-prose h3{
  font-size:1.4em !important; line-height:1.3 !important;
  font-weight:600; letter-spacing:-.01em; text-wrap:balance;
}
.blog-prose h4{
  font-size:1.15em !important; line-height:1.35 !important; font-weight:600;
}
.blog-prose p{ margin:0 !important; }

.blog-prose ul, .blog-prose ol{
  margin:0 !important; padding-left:1.35em;
  display:flex; flex-direction:column; gap:.6em;
}
.blog-prose li{ margin:0 !important; }
.blog-prose li::marker{ color:var(--e-global-color-primary); }

.blog-prose table{ font-size:.85em; line-height:1.55; }
.blog-prose figure{ margin:0 !important; }
.blog-prose figcaption{ font-size:.78em; line-height:1.5; color:var(--e-global-color-6c119c6); margin-top:.75rem; }

@media (max-width:767px){
  .blog-prose{ font-size:17.5px !important; }
  .blog-prose > .elementor-widget-container > * + h2{ margin-block-start:3.25rem !important; }
  .blog-prose > .elementor-widget-container > * + h3{ margin-block-start:2.25rem !important; }
}

/* ---------- Inhaltsverzeichnis als Rail ---------- */

.elementor-widget-table-of-contents .elementor-widget-container{
  background-color:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  min-height:0 !important;
}
.elementor-toc__header{
  background:transparent !important;
  border-bottom:0 !important;
  padding:0 0 .875rem !important;
}
.elementor-toc__header-title{
  font-size:.6875rem !important;
  text-transform:uppercase; letter-spacing:.13em; font-weight:600;
  color:var(--e-global-color-6c119c6) !important;
}
.elementor-toc__body{
  padding:0 !important;
  max-height:none !important;
  border-left:1px solid var(--e-global-color-6c7a9af);
}
.elementor-toc__list-wrapper{
  list-style:none !important; margin:0 !important; padding:0 !important;
}
.elementor-toc__list-item{ margin:0 !important; }
.elementor-toc__list-item::marker{ content:"" !important; }
.elementor-toc__list-item-text{
  display:block;
  padding:.4375rem 0 .4375rem .9375rem;
  margin-left:-1px;
  border-left:2px solid transparent;
  font-size:.8125rem; line-height:1.45;
  color:var(--e-global-color-6c119c6) !important;
  transition:color .15s, border-color .15s;
}
.elementor-toc__list-item-text:hover{ color:var(--e-global-color-text) !important; }
.elementor-toc__list-item.elementor-item-active > .elementor-toc__list-item-text-wrapper > .elementor-toc__list-item-text,
.elementor-toc__list-item-text.elementor-item-active{
  color:var(--e-global-color-text) !important;
  border-left-color:var(--e-global-color-primary);
  font-weight:600;
}
.elementor-toc__list-item .elementor-toc__list-wrapper .elementor-toc__list-item-text{
  padding-left:1.75rem; font-size:.78125rem;
}


/* =======================================================
   BW BLOG HERO v2
   Weniger Leerraum, klare Rangfolge, Autor als ruhige
   Zeile statt als Kachel, die den Titel ueberstrahlt.
   ======================================================= */

.elementor-element-198035a{
  padding-top:clamp(2.25rem, 1.25rem + 3vw, 3.75rem) !important;
  padding-bottom:clamp(1.75rem, 1.25rem + 2vw, 2.75rem) !important;
}
.elementor-element-7614eb4{ max-width:44rem; }

/* Breadcrumb leiser - Orientierung, nicht Hauptdarsteller */
.elementor-element-ccf57d3{ margin-bottom:0 !important; }
.elementor-element-ccf57d3,
.elementor-element-ccf57d3 *{
  font-size:.75rem !important;
  color:var(--e-global-color-6c119c6) !important;
}
.elementor-element-ccf57d3 a{ color:var(--e-global-color-1d4693a) !important; }

/* Titel */
.elementor-element-a2e4317{ margin-top:1.125rem !important; margin-bottom:0 !important; }
.elementor-element-a2e4317 .elementor-heading-title{
  line-height:1.1 !important;
  letter-spacing:-.02em;
  text-wrap:balance;
}

/* Untertitel: zweite Stimme, nicht dritte */
.elementor-element-d5549e3{ margin-top:1rem !important; margin-bottom:0 !important; }
.elementor-element-d5549e3 p{
  font-size:1.1875rem !important;
  line-height:1.55 !important;
  color:var(--e-global-color-1d4693a) !important;
  margin:0 !important;
  max-width:38rem;
}

/* "Zuletzt aktualisiert": leise Fussnote */
.elementor-element-b5d2740{ margin-top:1.375rem !important; margin-bottom:0 !important; }
.elementor-element-b5d2740,
.elementor-element-b5d2740 *{
  font-size:.75rem !important;
  color:var(--e-global-color-6c119c6) !important;
}

/* Autor: Zeile mit Trennlinie statt Kachel */
.authorbox{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  border-top:1px solid var(--e-global-color-6c7a9af) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:1.125rem 0 0 !important;
  margin-top:1.375rem !important;
  max-width:44rem;
  flex-direction:row !important;
  align-items:center !important;
  gap:.875rem !important;
}
.authorbox > .elementor-widget-image{ margin:0 !important; width:auto !important; flex:0 0 auto; }
.authorbox .elementor-widget-image img{
  width:2.5rem !important; height:2.5rem !important;
  border-radius:50%; object-fit:cover; display:block;
}
.elementor-element-1f039f0{
  gap:.1875rem !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}
.elementor-element-1f039f0 > *{ margin:0 !important; }
.elementor-element-3c7766d .elementor-heading-title{
  font-size:.9375rem !important; font-weight:600; line-height:1.3 !important;
}
.elementor-element-ee10d5a .elementor-heading-title{
  font-size:.8125rem !important; line-height:1.3 !important;
}
.elementor-element-1810795,
.elementor-element-1810795 *{
  font-size:.75rem !important;
  color:var(--e-global-color-6c119c6) !important;
}

@media (max-width:767px){
  .elementor-element-198035a{ padding-top:1.75rem !important; }
  .elementor-element-d5549e3 p{ font-size:1.0625rem !important; }
  .authorbox{ gap:.75rem !important; }
}

/* ---- Hero v2, Korrektur ----
   Der Hero-Container hat ein Flex-Gap von 40px. Meine Abstaende
   kamen oben drauf, dadurch wurde der Hero hoeher statt kompakter.
   Gap auf 0, die Rhythmik macht allein die Marge. */
.elementor-element-198035a{
  --gap:0px 0px !important;
  --row-gap:0px !important;
  --column-gap:0px !important;
  --padding-top:clamp(2.25rem, 1.25rem + 3vw, 3.5rem) !important;
  --padding-bottom:clamp(1.75rem, 1.25rem + 2vw, 2.5rem) !important;
}
.elementor-element-7614eb4{
  --gap:0px 0px !important;
  --row-gap:0px !important;
  --column-gap:0px !important;
}
.elementor-element-91be30d{ --gap:0px 0px !important; --row-gap:0px !important; }

/* Breadcrumb hatte einen negativen Rand aus dem Alt-Template */
.elementor-element-ccf57d3 > .elementor-widget-container{ margin:0 !important; }

/* Autorenzeile: auf Mobile nicht umbrechen */
.authorbox{ --gap:0px 0px !important; flex-wrap:nowrap !important; }
.elementor-element-1f039f0{ --gap:0px 0px !important; --width:auto !important; flex-wrap:nowrap !important; }

@media (max-width:767px){
  .elementor-element-198035a{
    --padding-top:1.75rem !important;
    --padding-bottom:1.5rem !important;
  }
  .authorbox{ align-items:center !important; }
  .authorbox .elementor-widget-image img{ width:2.25rem !important; height:2.25rem !important; }
}

/* ---- Hero v2, Schliff ----
   Der Autoren-Container stand auf space-between, dadurch klebte
   der Name am rechten Rand statt neben dem Bild. */
.authorbox{
  --justify-content:flex-start !important;
  justify-content:flex-start !important;
}
.elementor-element-1f039f0{
  --justify-content:flex-start !important;
  justify-content:flex-start !important;
  --align-items:flex-start !important;
  flex:0 1 auto !important;
}
.elementor-element-3c7766d,
.elementor-element-ee10d5a,
.elementor-element-1810795{ text-align:left !important; }
.elementor-element-3c7766d .elementor-heading-title,
.elementor-element-ee10d5a .elementor-heading-title{ text-align:left !important; }
.elementor-element-1810795 .elementor-icon-list-items{ justify-content:flex-start !important; }

/* Abstand zwischen Hero und Artikel etwas straffen */
.elementor-element-c7b8bee{ --padding-top:clamp(2.5rem, 1.5rem + 3vw, 4rem) !important; }

/* =======================================================
   BW BLOG HERO v3
   Loest die Bloecke HERO v2 / Korrektur / Schliff darueber ab.
   Aufbau nach Webflow-Vorbild: Brotkrume, Titel, Lead,
   eine einzige ruhige Autorenzeile, dann direkt das Bild.
   ======================================================= */

/* Keine Hintergrundgrafik mehr im Artikel-Hero */
.elementor-element-198035a{
  background-image:none !important;
  --gap:0px 0px !important; --row-gap:0px !important; --column-gap:0px !important;
  --padding-top:2.75rem !important;
  --padding-bottom:1.5rem !important;
  --justify-content:flex-start !important;
}
.elementor-element-7614eb4{
  max-width:44rem;
  --gap:0px 0px !important; --row-gap:0px !important;
}

/* Doppelte Datumszeile ueber dem Autor faellt weg,
   das Datum steht jetzt in der Autorenzeile. */
.elementor-element-b5d2740{ display:none !important; }

/* ---- Autorenzeile: eine Zeile, eine Kante ---- */
.authorbox{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  border-top:1px solid var(--e-global-color-6c7a9af) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:1.125rem 0 0 !important;
  margin-top:1.5rem !important;
  width:100% !important;
  max-width:44rem !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  --justify-content:flex-start !important;
  --gap:0px 0px !important;
  gap:.8125rem !important;
}
.authorbox > .elementor-widget-image{
  width:auto !important; flex:0 0 auto !important; margin:0 !important;
}
.authorbox .elementor-widget-image img{
  width:2.75rem !important; height:2.75rem !important;
  border-radius:50% !important;
  object-fit:cover; display:block;
  box-shadow:0 0 0 1px rgba(255,255,255,.16);
}

.elementor-element-1f039f0{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  --justify-content:flex-start !important;
  --align-items:center !important;
  --gap:0px 0px !important;
  gap:.25rem .8125rem !important;
  width:auto !important; --width:auto !important;
  flex:1 1 auto !important;
}
.elementor-element-1f039f0 > *{ margin:0 !important; width:auto !important; }

.elementor-element-3c7766d .elementor-heading-title{
  font-size:.9375rem !important;
  font-weight:600 !important;
  line-height:1.45 !important;
  text-align:left !important;
  color:var(--e-global-color-text) !important;
}

/* Datum und Lesezeit */
.elementor-element-1810795{
  display:flex !important; align-items:center !important; gap:.8125rem !important;
}
.elementor-element-1810795,
.elementor-element-1810795 *{
  font-size:.8125rem !important;
  line-height:1.45 !important;
  color:var(--e-global-color-6c119c6) !important;
}
.elementor-element-1810795 .elementor-icon-list-items{
  display:flex !important; flex-wrap:wrap !important;
  align-items:center !important; justify-content:flex-start !important;
  margin:0 !important; padding:0 !important;
}

/* LinkedIn ans Ende der Zeile */
.elementor-element-ee10d5a{
  display:flex !important; align-items:center !important; gap:.8125rem !important;
}
.elementor-element-ee10d5a .elementor-heading-title{
  font-size:.8125rem !important;
  font-weight:500 !important;
  line-height:1.45 !important;
  text-align:left !important;
}

/* Feine Trennpunkte zwischen den Teilen der Zeile */
.elementor-element-1810795::before,
.elementor-element-ee10d5a::before{
  content:"\00b7";
  color:var(--e-global-color-6c7a9af);
  font-size:.8125rem;
  line-height:1;
}

/* Abstand Hero zu Beitragsbild und Artikel */
.elementor-element-c7b8bee{
  --padding-top:1.75rem !important;
}

@media (max-width:767px){
  .elementor-element-198035a{
    --padding-top:1.75rem !important;
    --padding-bottom:1.25rem !important;
  }
  .authorbox{ gap:.75rem !important; align-items:center !important; }
  .authorbox .elementor-widget-image img{
    width:2.5rem !important; height:2.5rem !important;
  }
  .elementor-element-1f039f0{ gap:.125rem .625rem !important; }
  .elementor-element-1810795{ gap:.625rem !important; }
  .elementor-element-ee10d5a{ gap:.625rem !important; }
  .elementor-element-c7b8bee{ --padding-top:1.25rem !important; }
}

/* =======================================================
   Kasten "Das Wichtigste in Kuerze"
   Ruhiger Kasten, Icon aus der Designsprache (FAQ-Plus/Minus).
   ======================================================= */

.elementor-element-5e196c4{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
  margin:0 !important;
  max-width:38.5rem;
}
.elementor-element-e7f9e2d .e-n-accordion-item-title,
.elementor-element-e7f9e2d summary{
  padding:0 !important;
  cursor:pointer;
}
.elementor-element-e7f9e2d .e-n-accordion-item-title-text{
  letter-spacing:.01em;
}
.elementor-element-e7f9e2d .e-n-accordion-item-title-icon{
  width:1.0625rem !important; height:1.0625rem !important;
  flex:0 0 1.0625rem !important;
  display:inline-flex !important;
  align-items:center !important; justify-content:center !important;
  opacity:.6; transition:opacity .18s ease;
}
.elementor-element-e7f9e2d .e-n-accordion-item-title-icon svg,
.elementor-element-e7f9e2d .e-n-accordion-item-title-icon img{
  width:100% !important; height:100% !important; display:block;
}
.elementor-element-e7f9e2d summary:hover .e-n-accordion-item-title-icon{ opacity:1; }

.elementor-element-e7f9e2d ul{
  margin:0 !important; padding-left:1.15em !important;
  display:flex; flex-direction:column; gap:.5em;
}
.elementor-element-e7f9e2d li{
  margin:0 !important;
  font-size:1rem !important;
  line-height:1.62 !important;
  color:var(--e-global-color-1d4693a) !important;
}
.elementor-element-e7f9e2d li::marker{
  color:var(--e-global-color-primary);
  font-size:.8em;
}
.elementor-element-e7f9e2d p:last-child{ margin-bottom:0 !important; }

/* ---- Hero v3, Ausrichtung ----
   Die Textspalte des Artikels sitzt 12px links der Seitenmitte,
   weil links das Inhaltsverzeichnis (240px) und rechts der
   Leadmagnet (264px) unterschiedlich breit sind. Der Hero
   bekommt dieselbe Breite und denselben Versatz, damit Titel,
   Autorenzeile und Beitragsbild auf einer Kante stehen. */
@media (min-width:1025px){
  .elementor-element-7614eb4,
  .elementor-element-80a6d36.authorbox{
    max-width:720px !important;
    width:100% !important;
    margin-left:-12px !important;
  }
}

/* ---- Autorenzeile auf Mobile: zwei Zeilen statt drei ---- */
@media (max-width:767px){
  .elementor-element-1f039f0{
    align-items:flex-start !important;
    gap:.125rem .625rem !important;
  }
  /* Reihenfolge: Name, LinkedIn, darunter Datum und Lesezeit */
  .elementor-element-3c7766d{ order:1; }
  .elementor-element-ee10d5a{ order:2; }
  .elementor-element-1810795{ order:3; flex:1 0 100% !important; }
  /* Der Trennpunkt gehoert nicht an den Zeilenanfang */
  .elementor-element-1810795::before{ display:none !important; }
  /* "Aktualisiert am" ist auf Mobile zu lang, das Datum genuegt */
  .elementor-element-1810795 .elementor-post-info__item-prefix{ display:none !important; }
}

/* ---- Hero v3, Ausrichtung, Korrektur ----
   Sauberer als ein Versatz: die linke Schiene (Inhaltsverzeichnis)
   bekommt dieselbe Breite wie die rechte (Leadmagnet, 264px).
   Damit sitzt die Textspalte exakt in der Seitenmitte und der
   mittig gesetzte Hero steht bei jeder Fensterbreite auf
   derselben Kante wie Beitragsbild und Fliesstext.
   Zusaetzlich darf die Textspalte schrumpfen, sonst rutscht der
   Leadmagnet zwischen 1025 und 1350px unter den Artikel. */
@media (min-width:1025px){
  .elementor-element-3e77c17{
    flex:0 0 264px !important;
    width:264px !important;
    max-width:264px !important;
  }
  .elementor-element-bac05c4{
    flex:0 0 264px !important;
  }
  .elementor-element-c1ba3e8{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:720px !important;
  }
  .elementor-element-7614eb4,
  .elementor-element-80a6d36.authorbox{
    max-width:720px !important;
    width:100% !important;
    margin-left:0 !important;
  }
}

/* ---- Hero v3, Breite mitwachsen lassen ----
   Zwischen 1025 und 1350px schrumpft die Textspalte, weil die
   beiden Schienen (2x264px) plus Abstaende fix sind. Der Hero
   rechnet dieselbe Breite aus, damit Titel und Fliesstext auch
   dort dieselbe Kante haben. */
@media (min-width:1025px){
  .elementor-element-7614eb4,
  .elementor-element-80a6d36.authorbox{
    max-width:min(720px, calc(100% - 678px)) !important;
  }
}

/* ---- Hero v3, Korrektur zur Breite ----
   Der vorige Versuch rechnete gegen die Breite des Hero-Containers
   (720px), nicht gegen das Fenster, dadurch schrumpfte der Hero auf
   42px. Zurueck auf die feste Breite: ab 1350px stehen Hero, Bild
   und Fliesstext exakt auf einer Kante, darunter ist der Hero etwas
   breiter als die Textspalte, aber auf derselben Mittelachse. */
@media (min-width:1025px){
  .elementor-element-7614eb4,
  .elementor-element-80a6d36.authorbox{
    max-width:720px !important;
    width:100% !important;
  }
}

/* ---- Hero v3, Feinschliff ----
   1. Das leere Lexikon-Untertitel-Feld (lex_subtitle) rendert bei
      Blogbeitraegen einen leeren Block und erzeugt rund 44px Luft
      zwischen Autorenzeile und Beitragsbild. Auf Blogbeitraegen weg.
   2. Trennzeichen vereinheitlichen: ueberall der gleiche Mittelpunkt,
      nicht einmal Strich und einmal Punkt. */
.elementor-element-c6a3703{ display:none !important; }

.elementor-element-1810795 .elementor-icon-list-item:not(:last-child):after{
  content:"\00b7" !important;
  border:0 !important;
  border-left:0 !important;
  width:auto !important;
  height:auto !important;
  position:static !important;
  transform:none !important;
  margin:0 !important;
  color:var(--e-global-color-6c7a9af) !important;
  font-size:.8125rem !important;
  line-height:1 !important;
}

/* ---- Hero v3, doppelte Polsterung ----
   Gemessen: der Hero hatte oben 60px am aeusseren Container (Rest
   aus dem v2-Block) PLUS 44px am inneren .e-con-inner, unten 44+24.
   Das waren die zusaetzlichen rund 100px Luft. Die Polsterung sitzt
   jetzt nur noch innen, an einer Stelle. */
.elementor-element-198035a{
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.elementor-element-198035a > .e-con-inner{
  padding-top:2.75rem !important;
  padding-bottom:1.5rem !important;
}
@media (max-width:767px){
  .elementor-element-198035a > .e-con-inner{
    padding-top:1.75rem !important;
    padding-bottom:1.25rem !important;
  }
}

/* ---- Hero v3, Autorenzeile auf Mobile ----
   Datum und Lesezeit brauchten bei 13px zwei Zeilen. 12px und ein
   knapperer Abstand bringen beides auf eine Zeile, damit der Block
   zwei Zeilen hoch bleibt statt drei. */
@media (max-width:767px){
  .elementor-element-1810795,
  .elementor-element-1810795 *{ font-size:.75rem !important; }
  .elementor-element-1810795{ gap:.5rem !important; }
  .elementor-element-1810795 .elementor-icon-list-item:not(:last-child):after{
    font-size:.75rem !important;
  }
}
/* Trennpunkte etwas praesenter, sonst wirken sie wie Staub */
.elementor-element-1810795::before,
.elementor-element-ee10d5a::before,
.elementor-element-1810795 .elementor-icon-list-item:not(:last-child):after{
  color:var(--e-global-color-6c119c6) !important;
}

/* Trennpunkt in der Meta-Zeile braucht Luft, sonst klebt er am Datum */
.elementor-element-1810795 .elementor-icon-list-item:not(:last-child):after{
  margin:0 .45em !important;
}

/* ---- Titelumbruch ----
   Der Titel brach nach "fuer", obwohl die Zeile noch Platz hatte:
   text-wrap:balance verteilt die Zeilen gleichmaessig, statt die
   erste zu fuellen. Fuer die H1 nicht gewollt. */
.elementor-element-a2e4317 .elementor-heading-title{
  text-wrap:pretty !important;
}

/* =======================================================
   BW BLOG v4 - Aufbau nach Webflow-Vorbild
   Hero: Titel und Lead links, Beitragsbild rechts.
   Linke Schiene: Autor, Inhaltsverzeichnis, Teilen, Leadmagnet.
   Rechts: nur der Artikel.
   Dieser Block loest saemtliche HERO v2 / v3 Bloecke darueber ab.
   ======================================================= */

/* ---------- Hero ---------- */
.elementor-element-198035a{
  background-image:
    radial-gradient(46% 58% at 74% 18%, rgba(224,224,92,.10), transparent 70%),
    radial-gradient(40% 50% at 26% 6%, rgba(120,160,130,.09), transparent 72%) !important;
  background-color:transparent !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.elementor-element-198035a > .e-con-inner{
  padding-top:3rem !important;
  padding-bottom:3rem !important;
  --gap:3rem !important;
  --row-gap:3rem !important;
  --column-gap:3rem !important;
  gap:3rem !important;
  align-items:center !important;
}
/* Textspalte des Heros */
.elementor-element-7614eb4{
  max-width:none !important;
  width:auto !important;
  flex:1 1 46% !important;
  min-width:0 !important;
}
/* Beitragsbild im Hero */
.elementor-element-67b374a{
  flex:1 1 54% !important;
  min-width:0 !important;
  width:auto !important;
  margin:0 !important;
}
.elementor-element-67b374a img{
  width:100% !important;
  aspect-ratio:16/10;
  object-fit:cover;
  border-radius:12px !important;
  display:block;
}
.elementor-element-d5549e3 p{ max-width:32ch !important; }

/* ---------- Zweispaltiger Koerper ---------- */
.elementor-element-c7b8bee{
  --justify-content:center !important;
  justify-content:center !important;
  --gap:4rem !important;
  --column-gap:4rem !important;
  --padding-top:2.5rem !important;
  align-items:stretch !important;
}
@media (min-width:1025px){
  .elementor-element-3e77c17{
    flex:0 0 264px !important;
    width:264px !important;
    max-width:264px !important;
    align-self:stretch !important;
  }
  .elementor-element-c1ba3e8{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:720px !important;
  }
}

/* ---------- Autor in der Schiene ---------- */
.authorbox{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  border-top:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  width:100% !important;
  max-width:none !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  --justify-content:flex-start !important;
  gap:.75rem !important;
}
.authorbox .elementor-widget-image img{
  width:44px !important; height:44px !important;
  border-radius:8px !important;
  object-fit:cover;
  box-shadow:0 0 0 1px rgba(255,255,255,.1);
}
.elementor-element-1f039f0{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:.125rem !important;
  flex:1 1 auto !important;
}
.elementor-element-3c7766d .elementor-heading-title{
  font-size:.875rem !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  color:var(--e-global-color-text) !important;
  text-decoration:none;
}
.elementor-element-3c7766d a:hover .elementor-heading-title,
.elementor-element-3c7766d .elementor-heading-title:hover{
  color:var(--e-global-color-primary) !important;
}
.elementor-element-ee10d5a{ display:block !important; }
.elementor-element-ee10d5a::before{ content:none !important; }
.elementor-element-ee10d5a .elementor-heading-title{
  font-size:.8125rem !important;
  font-weight:400 !important;
  line-height:1.35 !important;
  color:var(--e-global-color-6c119c6) !important;
}

/* ---------- Inhaltsverzeichnis: ruhige Karte, keine Animation ---------- */
.elementor-element-60f66f3 .elementor-widget-container{
  border:1px solid var(--e-global-color-6c7a9af) !important;
  border-radius:10px !important;
  padding:1rem 1rem 1.125rem !important;
  background:rgba(255,255,255,.015) !important;
}
.elementor-element-60f66f3 .elementor-toc__body{
  border-left:0 !important;
  padding:0 !important;
}
.elementor-element-60f66f3 .elementor-toc__list-item-text{
  border-left:0 !important;
  margin-left:0 !important;
  padding:.3125rem .25rem !important;
  border-radius:5px;
}
.elementor-element-60f66f3 .elementor-toc__list-item-text:hover{
  background:rgba(255,255,255,.04);
}
.elementor-element-60f66f3 .elementor-toc__list-item.elementor-item-active > .elementor-toc__list-item-text-wrapper > .elementor-toc__list-item-text,
.elementor-element-60f66f3 .elementor-toc__list-item-text.elementor-item-active{
  border-left-color:transparent !important;
  background:transparent !important;
}

/* ---------- Teilen ---------- */
.bw-share .elementor-share-btn{
  border-radius:8px !important;
  border:1px solid var(--e-global-color-6c7a9af) !important;
  background:transparent !important;
  color:var(--e-global-color-6c119c6) !important;
  height:32px !important;
  min-height:32px !important;
}
.bw-share .elementor-share-btn:hover{
  color:var(--e-global-color-text) !important;
  border-color:var(--e-global-color-6c119c6) !important;
}
.bw-share .elementor-grid{ gap:.5rem !important; }

/* ---------- Leadmagnet bleibt beim Scrollen stehen ---------- */
@media (min-width:1025px){
  .elementor-element-bac05c4{
    position:sticky !important;
    top:1.5rem !important;
    flex:0 0 auto !important;
    width:100% !important;
    align-self:flex-start !important;
  }
}

/* ---------- Artikel: Einstiegsabsatz und ruhigere Zwischentitel ---------- */
.blog-prose > .elementor-widget-container > p:first-child{
  font-size:1.28em !important;
  line-height:1.55 !important;
  font-weight:500;
  color:var(--e-global-color-text) !important;
  margin-block-end:.5rem !important;
}
.blog-prose h2{ font-size:1.6em !important; line-height:1.25 !important; }
.blog-prose h3{ font-size:1.24em !important; }
.blog-prose > .elementor-widget-container > * + h2{ margin-block-start:3.25rem !important; }
.blog-prose > .elementor-widget-container > * + h3{ margin-block-start:2.25rem !important; }

/* ---------- Meta-Zeile am Artikelende ---------- */
.elementor-element-1810795{
  display:block !important;
  border-top:1px solid var(--e-global-color-6c7a9af);
  margin-top:3rem !important;
  padding-top:1.25rem !important;
  max-width:38.5rem;
}
.elementor-element-1810795::before{ content:none !important; }
.elementor-element-1810795,
.elementor-element-1810795 *{
  font-size:.8125rem !important;
  color:var(--e-global-color-6c119c6) !important;
}
.elementor-element-1810795 a{ color:var(--e-global-color-primary) !important; }

/* ---------- Kuerze-Kasten: Kante links, nicht mehr aufklappbar ---------- */
.elementor-element-5e196c4{
  border-left:3px solid var(--e-global-color-primary) !important;
  border-radius:0 12px 12px 0 !important;
  box-shadow:none !important;
  max-width:38.5rem;
}
.elementor-element-e7f9e2d summary{
  pointer-events:none !important;
  cursor:default !important;
}
.elementor-element-e7f9e2d .e-n-accordion-item-title-icon{
  display:none !important;
}

/* ---- v4 Korrekturen ---- */

/* Teilen-Buttons: Elementor faerbt sie in den Markenfarben der Netzwerke
   ueber eine CSS-Variable. Die Variable selber ueberschreiben, sonst
   bleiben Rahmen und Icon blau bzw. rot. */
.bw-share .elementor-share-btn,
.bw-share .elementor-share-btn__icon,
.bw-share .elementor-share-btn__text{
  --e-share-buttons-brand-color:var(--e-global-color-6c119c6) !important;
  color:var(--e-global-color-6c119c6) !important;
  background:transparent !important;
  background-color:transparent !important;
  border-color:var(--e-global-color-6c7a9af) !important;
}
.bw-share .elementor-share-btn{
  border:1px solid var(--e-global-color-6c7a9af) !important;
  border-radius:8px !important;
  height:34px !important;
  min-height:34px !important;
  transition:color .15s, border-color .15s;
}
.bw-share .elementor-share-btn:hover,
.bw-share .elementor-share-btn:hover .elementor-share-btn__icon{
  color:var(--e-global-color-text) !important;
  border-color:var(--e-global-color-6c119c6) !important;
}
.bw-share .elementor-share-btn i,
.bw-share .elementor-share-btn svg{ font-size:15px; width:15px; height:15px; fill:currentColor; }

/* Meta-Zeile am Artikelende: eine Zeile, an der Textkante */
.elementor-element-1810795{
  align-self:flex-start !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
.elementor-element-1810795 .elementor-icon-list-items{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:0 !important;
}
.elementor-element-1810795 .elementor-icon-list-item{
  display:inline-flex !important;
  align-items:center !important;
  margin:0 !important;
}

/* =======================================================
   BW BLOG v5 - Korrekturen nach Abgleich mit Webflow
   1. Inhaltsverzeichnis ohne Aufklappen, klarerer Titel, Pfeile
   2. Mehr Luft zwischen Schiene und Text
   3. Fliesstext etwas kleiner und breiter, mehr Woerter pro Zeile
   4. Teilen-Icons in der Footer-Formensprache, linksbuendig
   5. Sticky-Leadmagnet unter den einblendbaren Header schieben
   ======================================================= */

/* ---------- 2. Spaltenmass: Schiene 264 + 96 Luft + Text 688 = 1048,
   also exakt die Breite des Heros darueber ---------- */
.elementor-element-c7b8bee{
  --gap:6rem !important;
  --column-gap:6rem !important;
  gap:6rem !important;
}
@media (min-width:1025px){
  .elementor-element-c1ba3e8{ max-width:688px !important; }
}

/* ---------- 3. Satzbild: 17px statt 19px, dafuer volle Spaltenbreite.
   Ergibt rund 80 Zeichen pro Zeile statt 66, wie bei Webflow. ---------- */
.blog-prose{
  font-size:17px !important;
  line-height:1.75 !important;
}
.blog-prose > .elementor-widget-container{ max-width:none !important; }
.elementor-element-5e196c4{ max-width:none !important; }
.elementor-element-1810795{ max-width:none !important; }
@media (max-width:767px){
  .blog-prose{ font-size:16.5px !important; }
}

/* ---------- 1. Inhaltsverzeichnis ---------- */
/* Kein Auf- und Zuklappen */
.elementor-element-60f66f3 .elementor-toc__toggle-button{ display:none !important; }

/* Titel als echte Ueberschrift, mit Trennlinie darunter */
.elementor-element-60f66f3 .elementor-toc__header{
  padding:0 0 .75rem !important;
  margin-bottom:.75rem !important;
  border-bottom:1px solid var(--e-global-color-6c7a9af) !important;
}
.elementor-element-60f66f3 .elementor-toc__header-title{
  font-size:.9375rem !important;
  font-weight:600 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  color:var(--e-global-color-text) !important;
}

/* Pfeil vor jedem Eintrag, wie bei Webflow */
.elementor-element-60f66f3 .elementor-toc__list-item{
  position:relative;
  padding-left:1.125rem;
}
.elementor-element-60f66f3 .elementor-toc__list-item::before{
  content:"\21B3";
  position:absolute;
  left:0;
  top:.3125rem;
  font-size:.75rem;
  line-height:1.45;
  color:var(--e-global-color-6c7a9af);
}
.elementor-element-60f66f3 .elementor-toc__list-item-text{
  padding:.3125rem .25rem .3125rem 0 !important;
  font-size:.8125rem !important;
  line-height:1.45 !important;
}
.elementor-element-60f66f3 .elementor-toc__list-item:hover::before{
  color:var(--e-global-color-primary);
}

/* ---------- 4. Teilen-Icons in der Formensprache des Footers ---------- */
.bw-share .elementor-grid{
  display:flex !important;
  flex-direction:row !important;
  justify-content:flex-start !important;
  gap:.625rem !important;
  grid-template-columns:none !important;
}
.bw-share .elementor-grid-item{ width:auto !important; }
.bw-share .elementor-share-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:2.25rem !important;
  height:2.25rem !important;
  min-height:2.25rem !important;
  border-radius:.625rem !important;
  border:0 !important;
  background:rgba(224,224,92,.14) !important;
  color:var(--e-global-color-primary) !important;
  --e-share-buttons-brand-color:var(--e-global-color-primary) !important;
  transition:background .18s ease, color .18s ease;
}
.bw-share .elementor-share-btn__icon{
  background:transparent !important;
  color:var(--e-global-color-primary) !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
}
.bw-share .elementor-share-btn svg{
  width:.9375rem !important;
  height:.9375rem !important;
  fill:currentColor !important;
}
.bw-share .elementor-share-btn:hover{
  background:rgba(224,224,92,.24) !important;
  color:var(--e-global-color-primary) !important;
}

/* ---------- 5. Sticky-Leadmagnet: Platz fuer den Header lassen ---------- */
@media (min-width:1025px){
  .elementor-element-bac05c4{
    top:8.25rem !important;
  }
}

/* ---- Beitragsbild im Hero: Rahmen wie bei allen Kacheln ----
   Gilt fuer das Bild-Widget, nicht fuer ein bestimmtes Bild. Jedes
   kuenftige Beitragsbild bekommt den Rahmen automatisch. */
.elementor-element-67b374a img{
  border:1px solid var(--e-global-color-6c7a9af) !important;
  background-color:var(--e-global-color-a8542ae);
}


/* ==================================================================
   BW BLOG v6 – Ruhe im Einstieg, Rhythmus im Fliesstext
   1) Kein hervorgehobener Einstiegssatz mehr (Subtitle im Hero reicht)
   2) Mehr Luft zwischen Hero und Main-Body
   3) Enger zwischen Absaetzen, dafuer deutlich mehr vor Zwischentiteln
   ================================================================== */

/* --- 1. Intro wieder als normaler Fliesstext ------------------------ */
.blog-prose > .elementor-widget-container > p:first-child{
  font-size:1em !important;
  line-height:1.75 !important;
  font-weight:400 !important;
  margin-block-end:0 !important;
}

/* --- 2. Atempause zwischen Hero und Inhalt ------------------------- */
.elementor-element-198035a > .e-con-inner{
  padding-bottom:clamp(3rem, 1.5rem + 3.5vw, 4.5rem) !important;
}
.elementor-element-c7b8bee{
  --padding-top:clamp(3rem, 1.5rem + 3.5vw, 4.5rem) !important;
}
@media (max-width:767px){
  .elementor-element-198035a > .e-con-inner{ padding-bottom:2.25rem !important; }
  .elementor-element-c7b8bee{ --padding-top:2.25rem !important; }
}

/* --- 3. Absatz-Rhythmus -------------------------------------------- */
/* Absaetze stehen naeher beieinander: rund zwei Drittel einer Zeile. */
.blog-prose > .elementor-widget-container > * + *{
  margin-block-start:1.25rem !important;
}
/* Bloecke mit eigener Flaeche brauchen etwas mehr Luft als ein Absatz. */
.blog-prose > .elementor-widget-container > * + ul,
.blog-prose > .elementor-widget-container > * + ol,
.blog-prose > .elementor-widget-container > * + figure,
.blog-prose > .elementor-widget-container > * + table,
.blog-prose > .elementor-widget-container > * + blockquote,
.blog-prose > .elementor-widget-container > ul + *,
.blog-prose > .elementor-widget-container > ol + *,
.blog-prose > .elementor-widget-container > figure + *,
.blog-prose > .elementor-widget-container > table + *,
.blog-prose > .elementor-widget-container > blockquote + *{
  margin-block-start:1.875rem !important;
}
/* Abschnittswechsel bleibt klar erkennbar: dreifacher Absatzabstand. */
.blog-prose > .elementor-widget-container > * + h2{
  margin-block-start:3.75rem !important;
}
.blog-prose > .elementor-widget-container > h2 + *{
  margin-block-start:1rem !important;
}
.blog-prose > .elementor-widget-container > * + h3{
  margin-block-start:2.5rem !important;
}
.blog-prose > .elementor-widget-container > h3 + *{
  margin-block-start:.75rem !important;
}
.blog-prose > .elementor-widget-container > * + h4{
  margin-block-start:2rem !important;
}
.blog-prose > .elementor-widget-container > h4 + *{
  margin-block-start:.625rem !important;
}
/* Listenpunkte bekommen einen eigenen, kleineren Takt. */
.blog-prose li + li{ margin-block-start:.5rem !important; }


/* --- v6.1 Nachtrag ------------------------------------------------- */

/* Eingebettete Bloecke (Info-Kasten, CTA, Bilder-Sektionen) sind
   Flaechen, keine Absaetze - sie brauchen mehr Luft als 1.25rem. */
.blog-prose > .elementor-widget-container > * + div,
.blog-prose > .elementor-widget-container > * + section,
.blog-prose > .elementor-widget-container > * + aside,
.blog-prose > .elementor-widget-container > div + *,
.blog-prose > .elementor-widget-container > section + *,
.blog-prose > .elementor-widget-container > aside + *{
  margin-block-start:2.5rem !important;
}

/* Tabellen ohne .bw-table-scroll-Wrapper zogen auf Mobile die ganze
   Seite auf 740px auf (min-width:44rem ohne scrollenden Container).
   Solche Tabellen schrumpfen jetzt mit, statt die Seite zu sprengen. */
@media (max-width:767px){
  .blog-prose > .elementor-widget-container > table{
    min-width:0 !important;
    width:100% !important;
    font-size:.78em;
  }
  .blog-prose > .elementor-widget-container > table th,
  .blog-prose > .elementor-widget-container > table td{
    padding:.7em .6em;
    overflow-wrap:anywhere;
  }
}


/* v6.2: Ein Zwischentitel nach einem Kasten behaelt den vollen
   Abschnitts-Abstand - sonst gewinnt die Kasten-Regel darueber. */
.blog-prose > .elementor-widget-container > div + h2,
.blog-prose > .elementor-widget-container > section + h2,
.blog-prose > .elementor-widget-container > aside + h2,
.blog-prose > .elementor-widget-container > ul + h2,
.blog-prose > .elementor-widget-container > ol + h2,
.blog-prose > .elementor-widget-container > table + h2,
.blog-prose > .elementor-widget-container > figure + h2,
.blog-prose > .elementor-widget-container > blockquote + h2{
  margin-block-start:3.75rem !important;
}
.blog-prose > .elementor-widget-container > div + h3,
.blog-prose > .elementor-widget-container > section + h3,
.blog-prose > .elementor-widget-container > aside + h3,
.blog-prose > .elementor-widget-container > ul + h3,
.blog-prose > .elementor-widget-container > ol + h3,
.blog-prose > .elementor-widget-container > table + h3,
.blog-prose > .elementor-widget-container > figure + h3,
.blog-prose > .elementor-widget-container > blockquote + h3{
  margin-block-start:2.5rem !important;
}


/* ==================================================================
   BW BLOG v7
   1) Trennlinie unter dem Hero (wie bei Webflow)
   2) Autoren-Box: auf der Textkante, mit Rahmen, sauberes Portrait,
      LinkedIn-Icon in der Footer-Formensprache
   3) Related-Karten im Webflow-Aufbau: Bild oben, Text darunter
   ================================================================== */

/* --- 1. Trennlinie Hero zu Inhalt --------------------------------- */
.elementor-element-198035a{
  border-bottom:1px solid var(--e-global-color-6c7a9af) !important;
}

/* --- 2. Autoren-Box ------------------------------------------------ */

/* Gleiche Kante und gleiche Breite wie die Textspalte:
   1048 Innenbreite, davon 264 Schiene + 96 Abstand als Vorlauf. */
.elementor-element-2c1d724{
  --content-width:1048px !important;
  margin-top:4.5rem !important;
}
@media (min-width:1025px){
  .elementor-element-2c1d724 > .e-con-inner{
    padding-left:360px !important;
    padding-right:0 !important;
  }
}

/* Die Karte selbst */
.elementor-element-786531a{
  border:1px solid var(--e-global-color-6c7a9af) !important;
  border-radius:12px !important;
  padding:1.75rem !important;
  gap:1.25rem !important;
  --justify-content:flex-start !important;
  justify-content:flex-start !important;
  --align-items:flex-start !important;
  align-items:flex-start !important;
  flex-wrap:nowrap !important;
}

/* Portrait: fester Rahmen, Kopf oben, nichts wird mehr angeschnitten */
.elementor-element-b6a13bf{
  width:auto !important;
  max-width:none !important;
  flex:0 0 auto !important;
  margin:0 !important;
  align-self:flex-start !important;
}
.elementor-element-b6a13bf img{
  width:96px !important;
  height:96px !important;
  object-fit:cover !important;
  object-position:top center !important;
  border-radius:12px !important;
  border:1px solid var(--e-global-color-6c7a9af) !important;
  background-color:var(--e-global-color-3766912);
  display:block;
}

/* Textspalte der Karte */
.elementor-element-536eeed{
  flex:1 1 auto !important;
  min-width:0 !important;
  --gap:0px !important;
  gap:0 !important;
  align-items:flex-start !important;
  --align-items:flex-start !important;
}
.elementor-element-536eeed > *{ margin:0 !important; width:100% !important; }

/* "Artikel von" als leise Auszeichnung */
.elementor-element-51d5cb4 .elementor-heading-title{
  font-size:.6875rem !important;
  font-weight:600 !important;
  text-transform:uppercase;
  letter-spacing:.13em;
  line-height:1.4 !important;
  color:var(--e-global-color-6c119c6) !important;
}
/* Name */
.elementor-element-c56bad8{ margin-top:.5rem !important; }
.elementor-element-c56bad8 .elementor-heading-title{
  font-size:1.0625rem !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  color:var(--e-global-color-text) !important;
}
/* Kurzbio */
.elementor-element-b0d6b07{ margin-top:.625rem !important; }
.elementor-element-b0d6b07,
.elementor-element-b0d6b07 p{
  font-size:.9375rem !important;
  line-height:1.65 !important;
  color:var(--e-global-color-1d4693a) !important;
  margin:0 !important;
}
/* LinkedIn wie die Icons im Footer */
.elementor-element-e30d659{
  margin-top:1rem !important;
  width:auto !important;
}
.elementor-element-e30d659 .elementor-icon-wrapper{ text-align:left !important; }
.elementor-element-e30d659 .elementor-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:2.25rem !important;
  height:2.25rem !important;
  border-radius:.625rem !important;
  background:rgba(224,224,92,.14) !important;
  color:var(--e-global-color-primary) !important;
  font-size:0 !important;
  transition:background .18s ease;
}
.elementor-element-e30d659 .elementor-icon:hover{
  background:rgba(224,224,92,.24) !important;
}
.elementor-element-e30d659 .elementor-icon svg,
.elementor-element-e30d659 .elementor-icon img{
  width:.9375rem !important;
  height:.9375rem !important;
  fill:currentColor !important;
}

@media (max-width:1024px){
  .elementor-element-786531a{ padding:1.5rem !important; }
}
@media (max-width:767px){
  .elementor-element-786531a{
    flex-wrap:wrap !important;
    gap:1rem !important;
  }
  .elementor-element-b6a13bf img{ width:76px !important; height:76px !important; }
}

/* --- 3. Related-Karten -------------------------------------------- */

/* Gleiche Aussenkante wie der Hero */
.elementor-element-7e824be > .e-con-inner{
  max-width:1048px !important;
  margin-inline:auto !important;
}
.elementor-element-7e824be{
  padding-top:6rem !important;
  padding-bottom:4rem !important;
}

/* Ueberschrift links, nicht mittig */
.elementor-element-bc5cb5b{ text-align:left !important; margin-bottom:2rem !important; }
.elementor-element-bc5cb5b .elementor-heading-title{
  text-align:left !important;
  font-size:1.75rem !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  letter-spacing:-.01em;
}

/* Karte: Bild oben, Text darunter, kein Kasten drumherum */
.elementor-element-7e824be .jet-listing-grid__items{
  gap:2.5rem 2rem !important;
}
.elementor-element-7e824be .jet-listing-grid__item > .elementor{
  height:100%;
}
.elementor-element-7e824be .jet-listing-grid__item .elementor-element-4372642{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  flex-direction:column !important;
  --flex-direction:column !important;
  align-items:stretch !important;
  --align-items:stretch !important;
  gap:.875rem !important;
  --gap:.875rem !important;
  height:100%;
}

/* Beitragsbild wie im Hero: 16:10, Rahmen im Boxen-Grau */
.elementor-element-7e824be .elementor-element-ac0eadd{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
.elementor-element-7e824be .elementor-element-ac0eadd img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:16/10;
  object-fit:cover;
  display:block;
  border-radius:12px !important;
  border:1px solid var(--e-global-color-6c7a9af) !important;
  background-color:var(--e-global-color-a8542ae);
}

/* Textblock der Karte */
.elementor-element-7e824be .elementor-element-08172fc{
  --gap:.625rem !important;
  gap:.625rem !important;
  flex-direction:column !important;
  --flex-direction:column !important;
  flex:1 1 auto !important;
  justify-content:flex-start !important;
}
.elementor-element-7e824be .elementor-element-11a23f6{
  --gap:.375rem !important;
  gap:.375rem !important;
  flex-direction:column !important;
  --flex-direction:column !important;
}
/* Lesezeit als leise Meta-Zeile */
.elementor-element-7e824be .elementor-element-d2433b9 .elementor-heading-title{
  font-size:.75rem !important;
  font-weight:500 !important;
  line-height:1.4 !important;
  letter-spacing:.02em;
  color:var(--e-global-color-6c119c6) !important;
}
/* Titel */
.elementor-element-7e824be .elementor-element-bc5a04f .elementor-heading-title{
  font-size:1.0625rem !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  letter-spacing:-.005em;
  color:var(--e-global-color-text) !important;
}
/* "Artikel lesen" ans Kartenende */
.elementor-element-7e824be .elementor-element-3b9997e{
  margin-top:auto !important;
  padding-top:.25rem;
}
.elementor-element-7e824be .elementor-element-3b9997e .elementor-heading-title,
.elementor-element-7e824be .elementor-element-3b9997e a{
  font-size:.875rem !important;
  font-weight:500 !important;
  line-height:1.4 !important;
  color:var(--e-global-color-primary) !important;
}

@media (max-width:1024px){
  .elementor-element-7e824be{ padding-top:4rem !important; padding-bottom:3rem !important; }
  .elementor-element-7e824be .jet-listing-grid__items{ gap:2rem 1.5rem !important; }
}
@media (max-width:767px){
  .elementor-element-bc5cb5b .elementor-heading-title{ font-size:1.5rem !important; }
}


/* v7.1: JetEngine legt die Spaltenabstaende ueber negative Aussen-
   raender und Innenabstaende an (margin:0 -10px / padding:10px).
   Zusammen mit einem eigenen gap passten nur noch 2 Karten pro Reihe
   und die Reihe sass 10px links neben der Sektionskante.
   Das Gitter wird darum hier komplett selbst gerechnet - nur im
   Desktop-Grid, der Mobile-Slider bleibt unberuehrt. */
.elementor-element-2f7e08c .jet-listing-grid__items{
  display:flex !important;
  flex-wrap:wrap !important;
  margin:0 !important;
  gap:2.5rem 2rem !important;
}
.elementor-element-2f7e08c .jet-listing-grid__item{
  padding:0 !important;
  margin:0 !important;
  flex:0 0 calc((100% - 4rem) / 3) !important;
  max-width:calc((100% - 4rem) / 3) !important;
  width:auto !important;
}
@media (max-width:1024px){
  .elementor-element-2f7e08c .jet-listing-grid__items{ gap:2rem 1.5rem !important; }
  .elementor-element-2f7e08c .jet-listing-grid__item{
    flex:0 0 calc((100% - 1.5rem) / 2) !important;
    max-width:calc((100% - 1.5rem) / 2) !important;
  }
}
@media (max-width:767px){
  .elementor-element-2f7e08c .jet-listing-grid__item{
    flex:0 0 100% !important;
    max-width:100% !important;
  }
}


/* v7.2: zwei Messfehler von v7 korrigiert.
   a) JetEngine setzt am Gitter eine feste Breite calc(100% + 20px),
      dadurch stand die dritte Karte 20px ueber der Sektionskante.
   b) Die Polsterung der Related-Sektion sitzt wie bei allen Elementor-
      Containern an .e-con-inner, nicht am aeusseren Container. */
.elementor-element-2f7e08c .jet-listing-grid__items{
  width:100% !important;
  max-width:100% !important;
}
.elementor-element-7e824be{
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.elementor-element-7e824be > .e-con-inner{
  padding-top:6rem !important;
  padding-bottom:4.5rem !important;
}
@media (max-width:1024px){
  .elementor-element-7e824be > .e-con-inner{
    padding-top:4rem !important;
    padding-bottom:3rem !important;
  }
}


/* ==================================================================
   BW BLOG v8
   1) Autoren-Box: LinkedIn unter dem Portrait, gleiche Innenabstaende
   2) Related: ganze Karte klickbar, Hover, Pfeil raus
   3) Kontakt-Sektion auf dieselbe Kante wie der Rest der Seite
   ================================================================== */

/* --- 1. Autoren-Box als Raster ------------------------------------ */
/* Links das Portrait, darunter LinkedIn. Rechts der Text ueber beide
   Zeilen. Dadurch ist die Boxhoehe wieder allein vom Text bestimmt
   und oben wie unten steht derselbe Innenabstand. */
.elementor-element-786531a{
  display:grid !important;
  grid-template-columns:96px minmax(0,1fr);
  grid-template-areas:
    "avatar text"
    "social text";
  grid-template-rows:auto auto;
  align-items:start;
  column-gap:1.5rem !important;
  row-gap:1rem !important;
  padding:1.75rem !important;
}
.elementor-element-b6a13bf{ grid-area:avatar; align-self:start; }
.elementor-element-e30d659{
  grid-area:social;
  align-self:start;
  justify-self:start;
  margin:0 !important;
}
.elementor-element-536eeed{
  grid-area:text;
  flex:none !important;
}
/* Der Text darf oben nicht mehr durch die Zeilenhoehe verrutschen */
.elementor-element-51d5cb4 .elementor-heading-title{ margin-top:-.15em; }

@media (max-width:767px){
  .elementor-element-786531a{
    grid-template-columns:76px minmax(0,1fr);
    column-gap:1rem !important;
    padding:1.25rem !important;
  }
}

/* --- 2. Related-Karten: klickbar und mit Hover -------------------- */

/* Der Link im Kartenfuss wird ueber die ganze Karte gezogen. */
.elementor-element-7e824be .jet-listing-grid__item .elementor-element-4372642{
  position:relative;
}
.elementor-element-7e824be .elementor-element-3b9997e a{
  position:static;
}
.elementor-element-7e824be .elementor-element-3b9997e a::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
}
.elementor-element-7e824be .jet-listing-grid__item{ cursor:pointer; }

/* Der lange Pfeil kommt sonst nirgends auf der Seite vor - weg damit. */
.elementor-element-7e824be .elementor-element-3b9997e .elementor-heading-title::before{
  content:none !important;
  display:none !important;
}

/* Hover: Bildrahmen hellt auf, Titel wechselt auf die Akzentfarbe */
.elementor-element-7e824be .elementor-element-ac0eadd img{
  transition:border-color .2s ease;
}
.elementor-element-7e824be .elementor-element-bc5a04f .elementor-heading-title,
.elementor-element-7e824be .elementor-element-3b9997e a{
  transition:color .2s ease;
}
.elementor-element-7e824be .jet-listing-grid__item:hover .elementor-element-ac0eadd img{
  border-color:var(--e-global-color-6c119c6) !important;
}
.elementor-element-7e824be .jet-listing-grid__item:hover .elementor-element-bc5a04f .elementor-heading-title{
  color:var(--e-global-color-primary) !important;
}
.elementor-element-7e824be .jet-listing-grid__item:hover .elementor-element-3b9997e a{
  text-decoration:underline;
  text-underline-offset:.3em;
  text-decoration-thickness:1px;
}
/* Tastaturbedienung: der Fokus muss die ganze Karte zeigen */
.elementor-element-7e824be .elementor-element-3b9997e a:focus-visible::after{
  outline:2px solid var(--e-global-color-primary);
  outline-offset:4px;
  border-radius:14px;
}

/* --- 3. Kontakt-Sektion vor dem Footer ---------------------------- */
/* Sie laeuft auf dem seitenweiten 1240er-Raster, der Blogartikel auf
   1048. Auf Blogbeitraegen bekommt sie darum dieselbe Kante wie Hero,
   Artikel und Related. Gilt nur hier, andere Seiten bleiben unberuehrt. */
@media (min-width:1025px){
  .elementor-element-803a523 .elementor-19945 > .elementor-element > .e-con-inner{
    max-width:1048px !important;
    margin-inline:auto !important;
  }
}
/* Der Abstand zur Related-Sektion war 72 + 90 = 162px. */
.elementor-element-803a523 .elementor-19945 > .elementor-element > .e-con-inner{
  padding-top:3rem !important;
}


/* v8.1: zwei Messbefunde aus der Related-Karte.
   a) Elementor setzt auf jedes Widget position:relative. Dadurch lag
      die Klickflaeche nur ueber "Artikel lesen" (197x24px) statt ueber
      der ganzen Karte. Die Zwischenebenen werden darum auf static
      gesetzt, damit die Karte selbst der Bezugsrahmen ist.
   b) Der Textblock der Karte war nur 197px breit statt 328, der Titel
      brach dadurch unnoetig frueh um. */
.elementor-element-7e824be .jet-listing-grid__item .elementor-element-4372642{
  position:relative !important;
}
.elementor-element-7e824be .elementor-element-08172fc,
.elementor-element-7e824be .elementor-element-11a23f6,
.elementor-element-7e824be .elementor-element-d2433b9,
.elementor-element-7e824be .elementor-element-bc5a04f,
.elementor-element-7e824be .elementor-element-3b9997e{
  position:static !important;
  width:100% !important;
  max-width:none !important;
}
.elementor-element-7e824be .elementor-element-3b9997e a::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2;
}


/* ==================================================================
   BW BLOG v9 - Blog auf das Seitenraster (1240px)

   Gemessen bei 1440px Fensterbreite:
     Startseite  linke Textkante x=100 (Hero, Ueber uns, Referenzen,
                 Ablauf, Kontakt, FAQ) - also 1240 mittig
     Footer      x=100
     Blogartikel x=196 - der Blog lief auf einem eigenen 1048er-Raster

   Damit stimmt jetzt die Aussenkante ueber alle Sektionen: Hero,
   Artikel, Autoren-Box, Related, Kontakt und Footer starten bei 100.
   Die innere Aufteilung bleibt: Schiene 264 + 96 Abstand + Textspalte
   688 - die Zeilenlaenge im Artikel aendert sich also nicht, der Block
   rutscht nur 96px nach links und die Seite wird 192px breiter.
   Der Rest rechts bleibt frei, genau wie bei Webflow.
   Loest die 1048er-Regeln aus v7 und v8 ab.
   ================================================================== */

@media (min-width:1025px){

  /* Eine gemeinsame Aussenkante fuer alle Sektionen des Templates */
  .elementor-element-198035a,
  .elementor-element-c7b8bee,
  .elementor-element-2c1d724,
  .elementor-element-7e824be,
  .elementor-element-803a523{
    padding-left:max(50px, calc((100% - 1240px) / 2)) !important;
    padding-right:max(50px, calc((100% - 1240px) / 2)) !important;
  }

  /* Die Boxbreiten der Container werden dadurch ueberfluessig */
  .elementor-element-198035a > .e-con-inner,
  .elementor-element-2c1d724 > .e-con-inner,
  .elementor-element-7e824be > .e-con-inner,
  .elementor-element-803a523 > .e-con-inner{
    max-width:none !important;
    width:100% !important;
  }

  /* Artikelkoerper: Schiene sitzt an der linken Rasterkante */
  .elementor-element-c7b8bee{
    --justify-content:flex-start !important;
    justify-content:flex-start !important;
  }

  /* Autoren-Box bleibt auf der Textkante: 264 Schiene + 96 Abstand */
  .elementor-element-2c1d724 > .e-con-inner{
    padding-left:360px !important;
    padding-right:0 !important;
  }
  .elementor-element-786531a{
    max-width:688px !important;
  }

  /* Kontakt-Sektion: die eingebettete Vorlage bringt eigene 24px
     Seitenpolsterung mit, dadurch stand sie 24px innerhalb des
     Rasters. Auf der Startseite ist die Sektion buendig. */
  .elementor-element-803a523 .elementor-19945 > .elementor-element{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .elementor-element-803a523 .elementor-19945 > .elementor-element > .e-con-inner{
    max-width:none !important;
    width:100% !important;
  }
}/* End custom CSS */