.elementor-45568 .elementor-element.elementor-element-d75080a{--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;--border-radius:0px 0px 0px 80px;--padding-top:50px;--padding-bottom:95px;--padding-left:40px;--padding-right:40px;}.elementor-45568 .elementor-element.elementor-element-d75080a:not(.elementor-motion-effects-element-type-background), .elementor-45568 .elementor-element.elementor-element-d75080a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0c17bb7 );}.elementor-45568 .elementor-element.elementor-element-e91fd05 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 15px 15px 15px;}.elementor-45568 .elementor-element.elementor-element-e91fd05 .elementor-heading-title{line-height:50px;color:var( --e-global-color-2c98d47 );}.elementor-45568 .elementor-element.elementor-element-36f1a5c2 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-45568 .elementor-element.elementor-element-36f1a5c2{color:var( --e-global-color-2c98d47 );}.elementor-45568 .elementor-element.elementor-element-6209413f{padding:20px 0px 20px 0px;}.elementor-45568 .elementor-element.elementor-element-4befd6a0{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 15px;--row-gap:0px;--column-gap:15px;}.elementor-45568 .elementor-element.elementor-element-7301d243{--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-45568 .elementor-element.elementor-element-44f855ed img{border-radius:15px 15px 15px 15px;}.elementor-45568 .elementor-element.elementor-element-8f2287c{--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-45568 .elementor-element.elementor-element-8f2287c.e-con{--align-self:center;}.elementor-45568 .elementor-element.elementor-element-38f47c1d a:hover, .elementor-45568 .elementor-element.elementor-element-38f47c1d a:focus{color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-3bbe84e9{--display:flex;--flex-direction:row-reverse;--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-reverse;--align-items:flex-start;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-45568 .elementor-element.elementor-element-3bbe84e9:not(.elementor-motion-effects-element-type-background), .elementor-45568 .elementor-element.elementor-element-3bbe84e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c322048 );}.elementor-45568 .elementor-element.elementor-element-30d25b09{--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-45568 .elementor-element.elementor-element-30d25b09.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-45568 .elementor-element.elementor-element-1d2b09cc{color:var( --e-global-color-text );}.elementor-45568 .elementor-element.elementor-element-5d6dbefc{font-size:16px;font-weight:600;line-height:30px;}.elementor-45568 .elementor-element.elementor-element-5d6dbefc a{color:var( --e-global-color-text );}.elementor-45568 .elementor-element.elementor-element-5d6dbefc a:hover, .elementor-45568 .elementor-element.elementor-element-5d6dbefc a:focus{color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-548b55ae{font-weight:500;}.elementor-45568 .elementor-element.elementor-element-548b55ae a{color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-3bd53453{--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-45568 .elementor-element.elementor-element-19e01dbc.elementor-position-right .elementor-image-box-img{margin-left:20px;}.elementor-45568 .elementor-element.elementor-element-19e01dbc.elementor-position-left .elementor-image-box-img{margin-right:20px;}.elementor-45568 .elementor-element.elementor-element-19e01dbc.elementor-position-top .elementor-image-box-img{margin-bottom:20px;}.elementor-45568 .elementor-element.elementor-element-19e01dbc .elementor-image-box-title{margin-bottom:20px;}.elementor-45568 .elementor-element.elementor-element-19e01dbc .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-45568 .elementor-element.elementor-element-19e01dbc .elementor-image-box-img img{border-radius:15px;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );transition-duration:0.3s;}.elementor-45568 .elementor-element.elementor-element-363f1bdc{--divider-border-style:solid;--divider-color:var( --e-global-color-0aa2a2c );--divider-border-width:1px;}.elementor-45568 .elementor-element.elementor-element-363f1bdc .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-45568 .elementor-element.elementor-element-363f1bdc .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-45568 .elementor-element.elementor-element-968f1bf{--alignment:left;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;--e-share-buttons-primary-color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-fae1820{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;}.elementor-45568 .elementor-element.elementor-element-fae1820 .elementor-divider-separator{width:100%;}.elementor-45568 .elementor-element.elementor-element-fae1820 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-45568 .elementor-element.elementor-element-662ae6ae{--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:25px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-45568 .elementor-element.elementor-element-275fff26{color:var( --e-global-color-text );}.elementor-45568 .elementor-element.elementor-element-378dcea6{font-weight:400;}.elementor-45568 .elementor-element.elementor-element-378dcea6 a:hover, .elementor-45568 .elementor-element.elementor-element-378dcea6 a:focus{color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-4d6c82d{--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-45568 .elementor-element.elementor-element-4d6c82d:not(.elementor-motion-effects-element-type-background), .elementor-45568 .elementor-element.elementor-element-4d6c82d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c322048 );}.elementor-45568 .elementor-element.elementor-element-178ddd8{--spacer-size:25px;}.elementor-45568 .elementor-element.elementor-element-f502202 a:hover, .elementor-45568 .elementor-element.elementor-element-f502202 a:focus{color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-1b368a95{--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 30px;--row-gap:0px;--column-gap:30px;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-45568 .elementor-element.elementor-element-1b368a95:not(.elementor-motion-effects-element-type-background), .elementor-45568 .elementor-element.elementor-element-1b368a95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c322048 );}.elementor-45568 .elementor-element.elementor-element-1b368a95.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-45568 .elementor-element.elementor-element-519d08e5{--display:flex;}.elementor-45568 .elementor-element.elementor-element-d304d22{color:var( --e-global-color-text );}.elementor-45568 .elementor-element.elementor-element-626f90d5 a:hover, .elementor-45568 .elementor-element.elementor-element-626f90d5 a:focus{color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-604d62c{--display:flex;}.elementor-45568 .elementor-element.elementor-element-510db8d8{color:var( --e-global-color-text );}.elementor-45568 .elementor-element.elementor-element-22da9a34 a:hover, .elementor-45568 .elementor-element.elementor-element-22da9a34 a:focus{color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-3ae27f65{--display:flex;}.elementor-45568 .elementor-element.elementor-element-4b9f742d{color:var( --e-global-color-text );}.elementor-45568 .elementor-element.elementor-element-4b9f742d a{color:var( --e-global-color-text );}.elementor-45568 .elementor-element.elementor-element-520d79ca{--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:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-45568 .elementor-element.elementor-element-62d0a7e{--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-45568 .elementor-element.elementor-element-271a0e1.elementor-element{--align-self:flex-start;}.elementor-45568 .elementor-element.elementor-element-131d270d{--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:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45568 .elementor-element.elementor-element-131d270d:not(.elementor-motion-effects-element-type-background), .elementor-45568 .elementor-element.elementor-element-131d270d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c322048 );}.elementor-45568 .elementor-element.elementor-element-3099b428{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:010px;--padding-bottom:45px;--padding-left:0px;--padding-right:0px;}.elementor-45568 .elementor-element.elementor-element-3099b428:not(.elementor-motion-effects-element-type-background), .elementor-45568 .elementor-element.elementor-element-3099b428 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c322048 );}.elementor-45568 .elementor-element.elementor-element-4b5101e0{--display:flex;}.elementor-45568 .elementor-element.elementor-element-3ab9c759 .elementor-icon-box-wrapper{gap:15px;}.elementor-45568 .elementor-element.elementor-element-3ab9c759.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-3ab9c759.elementor-view-framed .elementor-icon, .elementor-45568 .elementor-element.elementor-element-3ab9c759.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-740fddd{--display:flex;}.elementor-45568 .elementor-element.elementor-element-2134750b .elementor-icon-box-wrapper{gap:15px;}.elementor-45568 .elementor-element.elementor-element-2134750b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-2134750b.elementor-view-framed .elementor-icon, .elementor-45568 .elementor-element.elementor-element-2134750b.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-2f4665a4{--display:flex;}.elementor-45568 .elementor-element.elementor-element-42825a27 .elementor-icon-box-wrapper{gap:15px;}.elementor-45568 .elementor-element.elementor-element-42825a27.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-42825a27.elementor-view-framed .elementor-icon, .elementor-45568 .elementor-element.elementor-element-42825a27.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-735909e6{--display:flex;}.elementor-45568 .elementor-element.elementor-element-67fde2ce .elementor-icon-box-wrapper{gap:15px;}.elementor-45568 .elementor-element.elementor-element-67fde2ce.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-67fde2ce.elementor-view-framed .elementor-icon, .elementor-45568 .elementor-element.elementor-element-67fde2ce.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-1ade8f7d{--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-45568 .elementor-element.elementor-element-d8afd9c{--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-45568 .elementor-element.elementor-element-c36439e{text-align:start;}.elementor-45568 .elementor-element.elementor-element-c36439e img{border-radius:15px 15px 15px 15px;}.elementor-45568 .elementor-element.elementor-element-41a1583{--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:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-45568 .elementor-element.elementor-element-32a84141{--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:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45568 .elementor-element.elementor-element-32a84141:not(.elementor-motion-effects-element-type-background), .elementor-45568 .elementor-element.elementor-element-32a84141 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c322048 );}.elementor-45568 .elementor-element.elementor-element-4b9bed75{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45568 .elementor-element.elementor-element-4b9bed75:not(.elementor-motion-effects-element-type-background), .elementor-45568 .elementor-element.elementor-element-4b9bed75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c322048 );}.elementor-45568 .elementor-element.elementor-element-516638f1 a:hover, .elementor-45568 .elementor-element.elementor-element-516638f1 a:focus{color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-35bac9ed{--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:25px 0px;--row-gap:25px;--column-gap:0px;--padding-top:25px;--padding-bottom:45px;--padding-left:0px;--padding-right:0px;}.elementor-45568 .elementor-element.elementor-element-35bac9ed:not(.elementor-motion-effects-element-type-background), .elementor-45568 .elementor-element.elementor-element-35bac9ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c322048 );}.elementor-45568 .elementor-element.elementor-element-2fcacc07{--display:flex;}.elementor-45568 .elementor-element.elementor-element-246fce28{color:var( --e-global-color-text );}.elementor-45568 .elementor-element.elementor-element-b676a5a a:hover, .elementor-45568 .elementor-element.elementor-element-b676a5a a:focus{color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-39695488{--display:flex;}.elementor-45568 .elementor-element.elementor-element-3f7b953a{color:var( --e-global-color-text );}.elementor-45568 .elementor-element.elementor-element-4ab7dd9f a:hover, .elementor-45568 .elementor-element.elementor-element-4ab7dd9f a:focus{color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-1f885e38{--display:flex;}.elementor-45568 .elementor-element.elementor-element-43847a05{color:var( --e-global-color-text );}.elementor-45568 .elementor-element.elementor-element-2d33ba02{--display:flex;}.elementor-45568 .elementor-element.elementor-element-3588ac7{color:var( --e-global-color-text );}.elementor-45568 .elementor-element.elementor-element-6f959f8c{--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:45px;--padding-bottom:45px;--padding-left:0px;--padding-right:0px;}.elementor-45568 .elementor-element.elementor-element-6349a4a{--display:flex;}.elementor-45568 .elementor-element.elementor-element-21e6b6f5{color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-8eccf33 a:hover, .elementor-45568 .elementor-element.elementor-element-8eccf33 a:focus{color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-3a7f29a0{--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:25px;--padding-bottom:45px;--padding-left:0px;--padding-right:0px;}.elementor-45568 .elementor-element.elementor-element-255daa96{--display:flex;}.elementor-45568 .elementor-element.elementor-element-3f52b8a{--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-45568 .elementor-element.elementor-element-4feb5cb7{--display:flex;}.elementor-45568 .elementor-element.elementor-element-42a77429{--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-45568 .elementor-element.elementor-element-13d6d8f3{--display:flex;}.elementor-45568 .elementor-element.elementor-element-17458894{--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-45568 .elementor-element.elementor-element-6088d7c7{--display:flex;}.elementor-45568 .elementor-element.elementor-element-5c28b58e{--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-45568 .elementor-element.elementor-element-2adf475{--display:flex;}.elementor-45568 .elementor-element.elementor-element-5e6decb6{--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-45568 .elementor-element.elementor-element-7132c2b6{--display:flex;}.elementor-45568 .elementor-element.elementor-element-591e4ecd{--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-45568 .elementor-element.elementor-element-5f916c73{--n-accordion-title-font-size:20px;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-hover-color:var( --e-global-color-accent );--n-accordion-title-active-color:var( --e-global-color-accent );--n-accordion-icon-size:20px;--n-accordion-icon-normal-color:var( --e-global-color-accent );--n-accordion-icon-hover-color:var( --e-global-color-accent );--n-accordion-icon-active-color:var( --e-global-color-accent );}.elementor-45568 .elementor-element.elementor-element-5f916c73 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-45568 .elementor-element.elementor-element-5f916c73 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-45568 .elementor-element.elementor-element-1d781a98:not(.elementor-motion-effects-element-type-background), .elementor-45568 .elementor-element.elementor-element-1d781a98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-80a41ed );background-image:url("https://comselect.de/wp-content/uploads/2021/10/background-salesforce.png");background-position:center center;background-size:cover;}.elementor-45568 .elementor-element.elementor-element-1d781a98{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:130px 0px 130px 0px;}.elementor-45568 .elementor-element.elementor-element-1d781a98 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-45568 .elementor-element.elementor-global-32217{text-align:center;}.elementor-bc-flex-widget .elementor-45568 .elementor-element.elementor-element-3fc55c77.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-45568 .elementor-element.elementor-element-3fc55c77.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-45568 .elementor-element.elementor-element-3fc55c77 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-45568 .elementor-element.elementor-element-3fc55c77 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-45568 .elementor-element.elementor-element-30d6c93{font-family:"Open Sans", Sans-serif;font-size:20px;line-height:1.6em;}.elementor-45568 .elementor-element.elementor-element-2fe8499c .elementor-button{background-color:var( --e-global-color-0c17bb7 );font-family:var( --e-global-typography-4d00870-font-family ), Sans-serif;font-size:var( --e-global-typography-4d00870-font-size );line-height:var( --e-global-typography-4d00870-line-height );letter-spacing:var( --e-global-typography-4d00870-letter-spacing );fill:var( --e-global-color-2c98d47 );color:var( --e-global-color-2c98d47 );}.elementor-45568 .elementor-element.elementor-element-2fe8499c .elementor-button-content-wrapper{flex-direction:row;}.elementor-45568 .elementor-element.elementor-element-2fe8499c .elementor-button .elementor-button-content-wrapper{gap:19px;}.elementor-45568 .elementor-element.elementor-global-41569 .elementor-button{background-color:var( --e-global-color-0aa2a2c );font-family:var( --e-global-typography-4d00870-font-family ), Sans-serif;font-size:var( --e-global-typography-4d00870-font-size );line-height:var( --e-global-typography-4d00870-line-height );letter-spacing:var( --e-global-typography-4d00870-letter-spacing );fill:var( --e-global-color-2c98d47 );color:var( --e-global-color-2c98d47 );}.elementor-45568 .elementor-element.elementor-global-41569 .elementor-button-content-wrapper{flex-direction:row;}.elementor-45568 .elementor-element.elementor-global-41569 .elementor-button .elementor-button-content-wrapper{gap:19px;}@media(min-width:768px){.elementor-45568 .elementor-element.elementor-element-7301d243{--width:50%;}.elementor-45568 .elementor-element.elementor-element-8f2287c{--width:50%;}.elementor-45568 .elementor-element.elementor-element-30d25b09{--width:50%;}.elementor-45568 .elementor-element.elementor-element-3bd53453{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-45568 .elementor-element.elementor-element-3bbe84e9{--content-width:1531px;}}@media(max-width:1024px){.elementor-45568 .elementor-element.elementor-element-3bbe84e9{--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;} .elementor-45568 .elementor-element.elementor-element-968f1bf{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-45568 .elementor-element.elementor-element-3099b428{--grid-auto-flow:row;}.elementor-45568 .elementor-element.elementor-element-2fe8499c .elementor-button{font-size:var( --e-global-typography-4d00870-font-size );line-height:var( --e-global-typography-4d00870-line-height );letter-spacing:var( --e-global-typography-4d00870-letter-spacing );}.elementor-45568 .elementor-element.elementor-global-41569 .elementor-button{font-size:var( --e-global-typography-4d00870-font-size );line-height:var( --e-global-typography-4d00870-line-height );letter-spacing:var( --e-global-typography-4d00870-letter-spacing );}}@media(max-width:767px){.elementor-45568 .elementor-element.elementor-element-3bd53453{--width:500px;--justify-content:space-between;}.elementor-45568 .elementor-element.elementor-element-19e01dbc .elementor-image-box-wrapper{text-align:center;}.elementor-45568 .elementor-element.elementor-element-19e01dbc .elementor-image-box-img{margin-bottom:20px;} .elementor-45568 .elementor-element.elementor-element-968f1bf{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-45568 .elementor-element.elementor-element-968f1bf .elementor-share-btn{height:3.5em;}.elementor-45568 .elementor-element.elementor-element-1f0b1e6a p{margin-block-end:0px;}.elementor-45568 .elementor-element.elementor-element-3099b428{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-45568 .elementor-element.elementor-element-2fe8499c .elementor-button{font-size:var( --e-global-typography-4d00870-font-size );line-height:var( --e-global-typography-4d00870-line-height );letter-spacing:var( --e-global-typography-4d00870-letter-spacing );}.elementor-45568 .elementor-element.elementor-global-41569 .elementor-button{font-size:var( --e-global-typography-4d00870-font-size );line-height:var( --e-global-typography-4d00870-line-height );letter-spacing:var( --e-global-typography-4d00870-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-3bd53453 *//* Glassmorphismus-Effekt für den Hauptcontainer */ .elementor-45568 .elementor-element.elementor-element-3bd53453 { background: rgba(255, 255, 255, 0.45); /* Halbtransparenter weißer Hintergrund */ backdrop-filter: blur(12px); /* Der eigentliche Glaseffekt (Weichzeichner) */ -webkit-backdrop-filter: blur(12px); /* Safari-Unterstützung */ border: 1px solid rgba(255, 255, 255, 0.25); /* Subtiler heller Rand für den Glaseffekt */ border-radius: 16px; /* Abgerundete Ecken */ box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.08); /* Sanfter Schatten für Tiefe */ padding: 25px; /* Innenabstand für die Box */ transition: all 0.3s ease; /* Weicher Übergang bei Interaktionen */ } /* Optional: Ein leichter Hover-Effekt, wenn man mit der Maus darüberfährt */ .elementor-45568 .elementor-element.elementor-element-3bd53453:hover { background: rgba(255, 255, 255, 0.55); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-519d08e5 */.elementor-45568 .elementor-element.elementor-element-519d08e5 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-604d62c */.elementor-45568 .elementor-element.elementor-element-604d62c { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3ae27f65 */.elementor-45568 .elementor-element.elementor-element-3ae27f65 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-271a0e1 */@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&display=swap'); /* 1. Container ohne jeden Außenrand */ .glass-table-container { width: 100%; max-width: 900px; margin: 20px auto; border-radius: 16px; /* Glassmorphism */ background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2); /* Radikaler Reset für Außenränder */ border: none !important; outline: none !important; overflow: hidden; } /* 2. Tabelle & Zellen: Alle Außenränder gnadenlos löschen */ .glass-table, .glass-table th, .glass-table td { border-top: none !important; border-left: none !important; border-right: none !important; outline: none !important; } .glass-table { width: 100%; border-collapse: collapse; font-family: 'Sora', sans-serif; margin: 0; border-bottom: none !important; } /* 3. Kopfzeile (NUR Trennlinie nach unten) */ .glass-table th { color: #ff4500; font-weight: 700; font-size: 1.1rem; text-align: left; padding: 20px; background: rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important; } /* 4. Normales Feld (NUR Trennlinie nach unten) */ .glass-table td { padding: 16px 20px; line-height: 1.6; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; } /* Merkmale (1. Spalte) gefettet */ .glass-table td:first-child { font-weight: 600; width: 25%; } /* 5. Allerletzte Reihe: Auch unten KEINE Trennlinie */ .glass-table tbody tr:last-child td { border-bottom: none !important; } /* Hover-Effekt */ .glass-table tbody tr:hover { background-color: rgba(255, 255, 255, 0.05); }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-3ab9c759 */.elementor-45568 .elementor-element.elementor-element-3ab9c759 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; height: auto; display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; } /* 4. Subtiler, sanfter Glow für das Icon */ .elementor-45568 .elementor-element.elementor-element-3ab9c759 .elementor-icon, .elementor-45568 .elementor-element.elementor-element-3ab9c759 i, .elementor-45568 .elementor-element.elementor-element-3ab9c759 svg { /* Radius auf 6px und Deckkraft auf 35% reduziert */ filter: drop-shadow(0 0 6px rgba(255, 69, 0, 0.35)) !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2134750b */.elementor-45568 .elementor-element.elementor-element-2134750b { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; height: auto; display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; } /* 4. Subtiler, sanfter Glow für das Icon */ .elementor-45568 .elementor-element.elementor-element-2134750b .elementor-icon, .elementor-45568 .elementor-element.elementor-element-2134750b i, .elementor-45568 .elementor-element.elementor-element-2134750b svg { /* Radius auf 6px und Deckkraft auf 35% reduziert */ filter: drop-shadow(0 0 6px rgba(255, 69, 0, 0.35)) !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-42825a27 */.elementor-45568 .elementor-element.elementor-element-42825a27 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; height: auto; display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; } /* 4. Subtiler, sanfter Glow für das Icon */ .elementor-45568 .elementor-element.elementor-element-42825a27 .elementor-icon, .elementor-45568 .elementor-element.elementor-element-42825a27 i, .elementor-45568 .elementor-element.elementor-element-42825a27 svg { /* Radius auf 6px und Deckkraft auf 35% reduziert */ filter: drop-shadow(0 0 6px rgba(255, 69, 0, 0.35)) !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-67fde2ce */.elementor-45568 .elementor-element.elementor-element-67fde2ce { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; height: auto; display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; } /* 4. Subtiler, sanfter Glow für das Icon */ .elementor-45568 .elementor-element.elementor-element-67fde2ce .elementor-icon, .elementor-45568 .elementor-element.elementor-element-67fde2ce i, .elementor-45568 .elementor-element.elementor-element-67fde2ce svg { /* Radius auf 6px und Deckkraft auf 35% reduziert */ filter: drop-shadow(0 0 6px rgba(255, 69, 0, 0.35)) !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-92d8f44 *//* Ziel auf alle nummerierten Listen im Elementor Texteditor */ .elementor-text-editor ol { list-style: none; /* Standard-Zahlen ausblenden */ counter-reset: custom-list-counter; /* Zähler initialisieren */ padding-left: 0; } .elementor-text-editor ol li { counter-increment: custom-list-counter; position: relative; padding-left: 2.2em; /* Platz für die größere Zahl links schaffen */ margin-bottom: 0.8em; /* Abstand zwischen den Punkten */ } .elementor-text-editor ol li::before { content: counter(custom-list-counter) "."; /* Zahl + Punkt */ position: absolute; left: 0; top: -0.1em; /* Feineinstellung der vertikalen Höhe */ font-size: 1.6em; /* Größe der Zahl relativ zum Text */ font-weight: 700; color: #ff4500; line-height: 1; /* Sanfter orangener Glow-Effekt */ text-shadow: 0 0 8px rgba(255, 69, 0, 0.5), 0 0 15px rgba(255, 69, 0, 0.2); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2fcacc07 */.elementor-45568 .elementor-element.elementor-element-2fcacc07 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-39695488 */.elementor-45568 .elementor-element.elementor-element-39695488 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1f885e38 */.elementor-45568 .elementor-element.elementor-element-1f885e38 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2d33ba02 */.elementor-45568 .elementor-element.elementor-element-2d33ba02 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6349a4a *//* Glassmorphismus-Effekt mit reinem, orangem Glow (ohne Rand, ohne Hover) */ .elementor-45568 .elementor-element.elementor-element-6349a4a { background: rgba(255, 255, 255, 0.4); /* Halbtransparenter weißer Hintergrund */ backdrop-filter: blur(12px); /* Glaseffekt-Weichzeichner */ -webkit-backdrop-filter: blur(12px); /* Safari-Unterstützung */ border: none; /* Kein Rand */ border-radius: 16px; /* Abgerundete Ecken */ /* Reiner, sanfter Glow in #FF4500 */ box-shadow: 0 0 25px 2px rgba(255, 69, 0, 0.25); padding: 25px; /* Innenabstand */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3f52b8a */.elementor-45568 .elementor-element.elementor-element-3f52b8a { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42a77429 */.elementor-45568 .elementor-element.elementor-element-42a77429 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-17458894 */.elementor-45568 .elementor-element.elementor-element-17458894 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c28b58e */.elementor-45568 .elementor-element.elementor-element-5c28b58e { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5e6decb6 */.elementor-45568 .elementor-element.elementor-element-5e6decb6 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-591e4ecd */.elementor-45568 .elementor-element.elementor-element-591e4ecd { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3f52b8a */.elementor-45568 .elementor-element.elementor-element-3f52b8a { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42a77429 */.elementor-45568 .elementor-element.elementor-element-42a77429 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-17458894 */.elementor-45568 .elementor-element.elementor-element-17458894 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c28b58e */.elementor-45568 .elementor-element.elementor-element-5c28b58e { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5e6decb6 */.elementor-45568 .elementor-element.elementor-element-5e6decb6 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-591e4ecd */.elementor-45568 .elementor-element.elementor-element-591e4ecd { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3f52b8a */.elementor-45568 .elementor-element.elementor-element-3f52b8a { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42a77429 */.elementor-45568 .elementor-element.elementor-element-42a77429 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-17458894 */.elementor-45568 .elementor-element.elementor-element-17458894 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c28b58e */.elementor-45568 .elementor-element.elementor-element-5c28b58e { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5e6decb6 */.elementor-45568 .elementor-element.elementor-element-5e6decb6 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-591e4ecd */.elementor-45568 .elementor-element.elementor-element-591e4ecd { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3f52b8a */.elementor-45568 .elementor-element.elementor-element-3f52b8a { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42a77429 */.elementor-45568 .elementor-element.elementor-element-42a77429 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-17458894 */.elementor-45568 .elementor-element.elementor-element-17458894 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c28b58e */.elementor-45568 .elementor-element.elementor-element-5c28b58e { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5e6decb6 */.elementor-45568 .elementor-element.elementor-element-5e6decb6 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-591e4ecd */.elementor-45568 .elementor-element.elementor-element-591e4ecd { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3f52b8a */.elementor-45568 .elementor-element.elementor-element-3f52b8a { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42a77429 */.elementor-45568 .elementor-element.elementor-element-42a77429 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-17458894 */.elementor-45568 .elementor-element.elementor-element-17458894 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c28b58e */.elementor-45568 .elementor-element.elementor-element-5c28b58e { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5e6decb6 */.elementor-45568 .elementor-element.elementor-element-5e6decb6 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-591e4ecd */.elementor-45568 .elementor-element.elementor-element-591e4ecd { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3f52b8a */.elementor-45568 .elementor-element.elementor-element-3f52b8a { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42a77429 */.elementor-45568 .elementor-element.elementor-element-42a77429 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-17458894 */.elementor-45568 .elementor-element.elementor-element-17458894 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c28b58e */.elementor-45568 .elementor-element.elementor-element-5c28b58e { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5e6decb6 */.elementor-45568 .elementor-element.elementor-element-5e6decb6 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-591e4ecd */.elementor-45568 .elementor-element.elementor-element-591e4ecd { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3f52b8a */.elementor-45568 .elementor-element.elementor-element-3f52b8a { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42a77429 */.elementor-45568 .elementor-element.elementor-element-42a77429 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-17458894 */.elementor-45568 .elementor-element.elementor-element-17458894 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c28b58e */.elementor-45568 .elementor-element.elementor-element-5c28b58e { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5e6decb6 */.elementor-45568 .elementor-element.elementor-element-5e6decb6 { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-591e4ecd */.elementor-45568 .elementor-element.elementor-element-591e4ecd { /* 1. Reiner Glassmorphismus-Effekt */ background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); /* 2. Dynamische Höhe ohne Abschneiden */ min-height: 100%; /* Zwingt die Box auf die Höhe der längsten Box */ height: auto; /* Erlaubt der Box zu wachsen, falls der Text noch länger wird */ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px; /* 3. Text-Rettung */ overflow: visible !important; /* Verbietet Elementor absolut, irgendwas abzuschneiden */ }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-5f916c73 *//* 1. Glow für die Icons (Altes & Neues Akkordeon) */ .elementor-45568 .elementor-element.elementor-element-5f916c73 .elementor-accordion-icon i, .elementor-45568 .elementor-element.elementor-element-5f916c73 .elementor-accordion-icon svg, .elementor-45568 .elementor-element.elementor-element-5f916c73 .e-n-accordion-item-title-icon i, .elementor-45568 .elementor-element.elementor-element-5f916c73 .e-n-accordion-item-title-icon svg { filter: drop-shadow(0 0 6px rgba(255, 69, 0, 0.5)) !important; transition: transform 0.25s ease-in-out !important; } /* 2. Grow-Effekt für das Icon beim Hovern */ .elementor-45568 .elementor-element.elementor-element-5f916c73 .elementor-accordion-item:hover .elementor-accordion-icon i, .elementor-45568 .elementor-element.elementor-element-5f916c73 .elementor-accordion-item:hover .elementor-accordion-icon svg, .elementor-45568 .elementor-element.elementor-element-5f916c73 .e-n-accordion-item:hover .e-n-accordion-item-title-icon i, .elementor-45568 .elementor-element.elementor-element-5f916c73 .e-n-accordion-item:hover .e-n-accordion-item-title-icon svg { transform: scale(1.2) !important; } /* 3. Vorbereitung für die Titel-Animation */ .elementor-45568 .elementor-element.elementor-element-5f916c73 .elementor-accordion-title, .elementor-45568 .elementor-element.elementor-element-5f916c73 .e-n-accordion-item-title-text { transition: text-shadow 0.25s ease-in-out, color 0.25s ease-in-out !important; } /* 4. Text-Glow für den Titel beim Hovern */ .elementor-45568 .elementor-element.elementor-element-5f916c73 .elementor-accordion-item:hover .elementor-accordion-title, .elementor-45568 .elementor-element.elementor-element-5f916c73 .e-n-accordion-item:hover .e-n-accordion-item-title-text { text-shadow: 0 0 10px rgba(255, 69, 0, 0.6) !important; }/* End custom CSS */