.elementor-20 .elementor-element.elementor-element-3295b084{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-20 .elementor-element.elementor-element-98ef256{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-37e1b69b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-37e1b69b.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-37e1b69b .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:22px;font-weight:400;line-height:1.2em;letter-spacing:-0.02em;color:#000000;}.elementor-20 .elementor-element.elementor-element-5db9d800{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-5db9d800.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-5db9d800 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;letter-spacing:-0.02em;color:#000000;}.elementor-20 .elementor-element.elementor-element-21337454{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:5;}.elementor-20 .elementor-element.elementor-element-21337454 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-20 .elementor-element.elementor-element-44de6dc6{--display:flex;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-44de6dc6:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-44de6dc6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top left, #CBD8DDB3 0%, #FFFFFF 80%);}.elementor-20 .elementor-element.elementor-element-26c36daf{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-20 .elementor-element.elementor-element-26c36daf .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:0.2em;}.elementor-20 .elementor-element.elementor-element-5491ed9d{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-5491ed9d .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:40px;font-weight:400;line-height:1.2em;letter-spacing:-0.02em;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-3df87e75{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;--z-index:2;}.elementor-20 .elementor-element.elementor-element-3df87e75:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-3df87e75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #CADADFFC 20%, #9CB9C3C4 100%);}.elementor-20 .elementor-element.elementor-element-144cad05{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-20 .elementor-element.elementor-element-144cad05 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:0.2em;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-20 .elementor-element.elementor-element-4880799c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-4880799c .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;gap:0px;color:#26313A;font-family:"MontserratSH", Sans-serif;font-size:62px;font-weight:100;line-height:1.2em;letter-spacing:-0.02em;}.elementor-20 .elementor-element.elementor-element-4ce4401e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-20 .elementor-element.elementor-element-4ce4401e .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;line-height:1em;letter-spacing:0.8px;color:var( --e-global-color-text );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-5b2b700c{--divider-border-style:solid;--divider-border-width:2.5px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-5b2b700c .elementor-divider-separator{width:55px;}.elementor-20 .elementor-element.elementor-element-5b2b700c .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-28e346ba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:600;line-height:1.5em;}.elementor-20 .elementor-element.elementor-element-d355b76{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20 .elementor-element.elementor-element-19c061fb .elementor-button{background-color:var( --e-global-color-text );font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;fill:#FFFFFF;color:#FFFFFF;transition-duration:0.2s;border-radius:2px 2px 2px 2px;padding:15px 25px 15px 25px;}.elementor-20 .elementor-element.elementor-element-19c061fb .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-19c061fb .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-text );box-shadow:0px 18px 36px -16px rgba(0, 0, 0, 0.81);}.elementor-20 .elementor-element.elementor-element-19c061fb{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-20 .elementor-element.elementor-element-19c061fb .elementor-button-content-wrapper{flex-direction:row;}.elementor-20 .elementor-element.elementor-element-19c061fb .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-20 .elementor-element.elementor-element-19c061fb .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-19c061fb .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-4555655d{--display:flex;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-37e51fb7{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-569203d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-4b9a3228{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-4b9a3228 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:400;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-372be336{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-7e2520f1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-7e2520f1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-3c9ba680{--display:flex;--min-height:50vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-3c9ba680:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-3c9ba680 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://meinarchitekt.de/wp-content/uploads/2026/08/garten-entspannung.jpg");background-position:-489px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-21927aac{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:20px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-44d25507{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-20 .elementor-element.elementor-element-44d25507 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:0.2em;}.elementor-20 .elementor-element.elementor-element-4057c3c5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-4057c3c5 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:40px;font-weight:400;line-height:1em;letter-spacing:-0.02em;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-580d13ef{padding:0px 0px 0px 0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;}.elementor-20 .elementor-element.elementor-element-374dcf1e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-20 .elementor-element.elementor-element-374dcf1e .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:0.2em;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-20 .elementor-element.elementor-element-95390a3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-4fcdf98a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 0px 10px;border-style:solid;border-width:0px 0px 0px 2px;border-color:#9CB9C3;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;}.elementor-20 .elementor-element.elementor-element-8d3601a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-68a2d802{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 0px 10px;border-style:solid;border-width:0px 0px 0px 2px;border-color:#9CB9C3;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;}.elementor-20 .elementor-element.elementor-element-73af0220{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-14d2c2ef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 0px 10px;border-style:solid;border-width:0px 0px 0px 2px;border-color:#9CB9C3;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;}.elementor-20 .elementor-element.elementor-element-26edfe65{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-215c8e9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 0px 10px;border-style:solid;border-width:0px 0px 0px 2px;border-color:#9CB9C3;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;}.elementor-20 .elementor-element.elementor-element-7a017e21{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:015px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:15px;--n-tabs-title-font-size:14px;--n-tabs-title-color:#4F5A60;--n-tabs-title-color-active:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-7a017e21 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF00;}.elementor-20 .elementor-element.elementor-element-7a017e21.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF00;border-style:solid;border-color:#9CB9C3;box-shadow:0px 14px 13px -12px rgba(59.99999999999999, 90, 102, 0.39);}.elementor-20 .elementor-element.elementor-element-7a017e21.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-20 .elementor-element.elementor-element-7a017e21.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#9CB9C3;border-style:solid;border-width:1px 1px 1px 1px;border-color:#9CB9C3;}.elementor-20 .elementor-element.elementor-element-7a017e21.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7E0E3;}.elementor-20 .elementor-element.elementor-element-7a017e21.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"MontserratSH", Sans-serif;font-weight:700;}.elementor-20 .elementor-element.elementor-element-7a017e21 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#4F5A60;}.elementor-20 .elementor-element.elementor-element-d6b95a2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-119cdeb .elementor-button{background-color:#FFFFFF;font-family:"MontserratSH", Sans-serif;font-size:16px;font-weight:400;text-transform:none;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:5px 5px 5px 5px;padding:15px 15px 15px 15px;}.elementor-20 .elementor-element.elementor-element-119cdeb .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-119cdeb .elementor-button:focus{background-color:#EEEEEE;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-119cdeb{z-index:3;}.elementor-20 .elementor-element.elementor-element-119cdeb .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-119cdeb .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-22d0658d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-10f1a301{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-20 .elementor-element.elementor-element-10f1a301 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:0.2em;}.elementor-20 .elementor-element.elementor-element-1b4cc2ae{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-1b4cc2ae .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:40px;font-weight:400;line-height:1.2em;letter-spacing:-0.02em;color:var( --e-global-color-text );}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-repeater-item-19be5b2 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://meinarchitekt.de/wp-content/uploads/2026/08/interior-bild-6.jpg);background-size:cover;}.elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-repeater-item-2fbb290 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://meinarchitekt.de/wp-content/uploads/2026/08/interior-bild-1.jpg);background-size:cover;}.elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-repeater-item-df3bbb9 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://meinarchitekt.de/wp-content/uploads/2026/08/interior-bild-2.jpg);background-size:cover;}.elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-repeater-item-ba13439 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://meinarchitekt.de/wp-content/uploads/2026/08/interior-bild-3.jpg);background-size:cover;}.elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-repeater-item-31e5409 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://meinarchitekt.de/wp-content/uploads/2026/08/interior-bild-0.jpg);background-size:cover;}.elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-repeater-item-d1f9d76 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://meinarchitekt.de/wp-content/uploads/2026/08/interior-bild-4.jpg);background-size:cover;}.elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-repeater-item-f4f5d4b .swiper-slide-bg{background-color:#833ca3;background-image:url(https://meinarchitekt.de/wp-content/uploads/2026/08/interior-bild-7.jpg);background-size:cover;}.elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-repeater-item-5c8f063 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://meinarchitekt.de/wp-content/uploads/2026/08/interior-bild-5.jpg);background-size:cover;}.elementor-20 .elementor-element.elementor-element-3ffb3017 .swiper-slide{height:530px;}.elementor-20 .elementor-element.elementor-element-3ffb3017 .swiper-slide-contents{max-width:100%;}.elementor-20 .elementor-element.elementor-element-3ffb3017 .swiper-slide-inner{text-align:start;}.elementor-20 .elementor-element.elementor-element-3ffb3017 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:5px;}.elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-slide-heading{color:#DCE7EB;font-family:"MontserratSH", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;}.elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-slide-description{color:#FFFFFF;font-family:"MontserratSH", Sans-serif;font-size:18px;font-weight:400;text-transform:none;}.elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-swiper-button{font-size:17px;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-swiper-button svg{fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-332c99e5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-332c99e5.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-511e3005 iframe{height:650px;}.elementor-20 .elementor-element.elementor-element-39899ad0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-5b94fd25{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-20 .elementor-element.elementor-element-5b94fd25 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:0.2em;}.elementor-20 .elementor-element.elementor-element-6b0c0ac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;color:#5F828F;}.elementor-20 .elementor-element.elementor-element-6b0c0ac a{color:#5F828F;}.elementor-20 .elementor-element.elementor-element-2b37d892{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-27beb062 .elementor-image-box-wrapper{text-align:start;}.elementor-20 .elementor-element.elementor-element-27beb062.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-20 .elementor-element.elementor-element-27beb062.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-20 .elementor-element.elementor-element-27beb062.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-20 .elementor-element.elementor-element-27beb062 .elementor-image-box-title{margin-bottom:0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:700;letter-spacing:0em;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-27beb062 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-20 .elementor-element.elementor-element-27beb062 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-27beb062:has(:hover) .elementor-image-box-title, .elementor-20 .elementor-element.elementor-element-27beb062:has(:focus) .elementor-image-box-title{color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-27beb062 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:26px;font-weight:400;line-height:1.5em;}.elementor-20 .elementor-element.elementor-element-781e3df2 .elementor-image-box-wrapper{text-align:start;}.elementor-20 .elementor-element.elementor-element-781e3df2.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-20 .elementor-element.elementor-element-781e3df2.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-20 .elementor-element.elementor-element-781e3df2.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-20 .elementor-element.elementor-element-781e3df2 .elementor-image-box-title{margin-bottom:0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:700;letter-spacing:0em;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-781e3df2 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-20 .elementor-element.elementor-element-781e3df2 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-781e3df2:has(:hover) .elementor-image-box-title, .elementor-20 .elementor-element.elementor-element-781e3df2:has(:focus) .elementor-image-box-title{color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-781e3df2 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:26px;font-weight:400;line-height:1.5em;}.elementor-20 .elementor-element.elementor-element-4714176b .elementor-image-box-wrapper{text-align:start;}.elementor-20 .elementor-element.elementor-element-4714176b.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-20 .elementor-element.elementor-element-4714176b.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-20 .elementor-element.elementor-element-4714176b.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-20 .elementor-element.elementor-element-4714176b .elementor-image-box-title{margin-bottom:0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:700;letter-spacing:0em;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-4714176b .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-20 .elementor-element.elementor-element-4714176b .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-4714176b:has(:hover) .elementor-image-box-title, .elementor-20 .elementor-element.elementor-element-4714176b:has(:focus) .elementor-image-box-title{color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-4714176b .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:26px;font-weight:400;line-height:1.5em;}.elementor-20 .elementor-element.elementor-element-1092c412 .elementor-image-box-wrapper{text-align:start;}.elementor-20 .elementor-element.elementor-element-1092c412.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-20 .elementor-element.elementor-element-1092c412.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-20 .elementor-element.elementor-element-1092c412.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-20 .elementor-element.elementor-element-1092c412 .elementor-image-box-title{margin-bottom:0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:700;letter-spacing:0em;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-1092c412 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-20 .elementor-element.elementor-element-1092c412 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-1092c412:has(:hover) .elementor-image-box-title, .elementor-20 .elementor-element.elementor-element-1092c412:has(:focus) .elementor-image-box-title{color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-1092c412 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:26px;font-weight:400;line-height:1.5em;}.elementor-20 .elementor-element.elementor-element-7ed481d0 .elementor-image-box-wrapper{text-align:start;}.elementor-20 .elementor-element.elementor-element-7ed481d0.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-20 .elementor-element.elementor-element-7ed481d0.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-20 .elementor-element.elementor-element-7ed481d0.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-20 .elementor-element.elementor-element-7ed481d0 .elementor-image-box-title{margin-bottom:0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:700;letter-spacing:0em;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-7ed481d0 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-20 .elementor-element.elementor-element-7ed481d0 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-7ed481d0:has(:hover) .elementor-image-box-title, .elementor-20 .elementor-element.elementor-element-7ed481d0:has(:focus) .elementor-image-box-title{color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-7ed481d0 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:26px;font-weight:400;line-height:1.5em;}.elementor-20 .elementor-element.elementor-element-3e30c951 .elementor-image-box-wrapper{text-align:start;}.elementor-20 .elementor-element.elementor-element-3e30c951.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-20 .elementor-element.elementor-element-3e30c951.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-20 .elementor-element.elementor-element-3e30c951.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-20 .elementor-element.elementor-element-3e30c951 .elementor-image-box-title{margin-bottom:0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:700;letter-spacing:0em;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-3e30c951 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-20 .elementor-element.elementor-element-3e30c951 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-20 .elementor-element.elementor-element-3e30c951:has(:hover) .elementor-image-box-title, .elementor-20 .elementor-element.elementor-element-3e30c951:has(:focus) .elementor-image-box-title{color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-3e30c951 .elementor-image-box-description{font-family:"Inter", Sans-serif;font-size:26px;font-weight:400;line-height:1.5em;}.elementor-20 .elementor-element.elementor-element-27f52303{--display:flex;--margin-top:-20px;--margin-bottom:-15px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-32b7f467{--display:flex;}.elementor-20 .elementor-element.elementor-element-50827cbb{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-20 .elementor-element.elementor-element-50827cbb .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:0.2em;}.elementor-20 .elementor-element.elementor-element-2838463f{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-2838463f .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:40px;font-weight:400;line-height:1.2em;letter-spacing:-0.02em;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-3f804f07{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-3f804f07 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-75a33ff3{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.7em;color:#5F828F;}.elementor-20 .elementor-element.elementor-element-75a33ff3 a{color:#5F828F;}.elementor-20 .elementor-element.elementor-element-6328c8b1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-67da9f1b{--display:flex;}.elementor-20 .elementor-element.elementor-element-6f511026{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-20 .elementor-element.elementor-element-6f511026 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:0.2em;}.elementor-20 .elementor-element.elementor-element-3dfebd71{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-3dfebd71 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:40px;font-weight:400;line-height:1.2em;letter-spacing:-0.02em;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-6007457e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-6007457e .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-3475a46f{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.7em;color:#5F828F;}.elementor-20 .elementor-element.elementor-element-3475a46f a{color:#5F828F;}.elementor-20 .elementor-element.elementor-element-3a65867d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-2eddd995{--display:flex;}.elementor-20 .elementor-element.elementor-element-328966c5{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-20 .elementor-element.elementor-element-328966c5 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:0.2em;}.elementor-20 .elementor-element.elementor-element-71e9ba31{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-71e9ba31 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:40px;font-weight:400;line-height:1.2em;letter-spacing:-0.02em;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-71d9362{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-71d9362 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:500;line-height:1.2em;}.elementor-20 .elementor-element.elementor-element-9f829a2{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.7em;color:#5F828F;}.elementor-20 .elementor-element.elementor-element-9f829a2 a{color:#5F828F;}.elementor-20 .elementor-element.elementor-element-11172a2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-39ed16d0{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:7px;--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:15px;}:where( .elementor-20 .elementor-element.elementor-element-39ed16d0 .swiper-slide ) > .e-con{--padding-top:0px;--padding-right:20px;--padding-bottom:0px;--padding-left:20px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:0px;--padding-inline-end:20px;--padding-block-end:0px;--padding-inline-start:20px;}.elementor-20 .elementor-element.elementor-element-39ed16d0 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:5px;--swiper-pagination-bullet-vertical-gap:5px;}.elementor-20 .elementor-element.elementor-element-206a725f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-50443ff{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-20 .elementor-element.elementor-element-50443ff .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:0.2em;}.elementor-20 .elementor-element.elementor-element-1eac2a53{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-1eac2a53 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:40px;font-weight:400;line-height:1.2em;letter-spacing:-0.02em;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-a0d497d{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;color:#5F828F;}.elementor-20 .elementor-element.elementor-element-a0d497d a{color:#5F828F;}.elementor-20 .elementor-element.elementor-element-153b812{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-20 .elementor-element.elementor-element-467cdea9{--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:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-6306c108{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-20 .elementor-element.elementor-element-6306c108 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:0.2em;}.elementor-20 .elementor-element.elementor-element-9bb54a6{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-9bb54a6 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:40px;font-weight:400;line-height:1.2em;letter-spacing:-0.02em;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-57a53440{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-57a53440.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-4cd57eb0{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-7e98dd9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-15a0a0b8{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-20 .elementor-element.elementor-element-15a0a0b8 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:0.2em;}.elementor-20 .elementor-element.elementor-element-1b99deaf{--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;--margin-top:15px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-580f1ff7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-5a86c957{--display:flex;--min-height:258px;}.elementor-20 .elementor-element.elementor-element-5a86c957:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-5a86c957 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://meinarchitekt.de/wp-content/uploads/2026/08/beratung-onur-akter.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-1c9500a4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-723172ac{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-723172ac .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:40px;font-weight:400;line-height:1.2em;letter-spacing:-0.02em;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-12ee3ad3{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-12ee3ad3 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:20px;font-weight:400;line-height:1em;}.elementor-20 .elementor-element.elementor-element-1bbc16fb{font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;color:#5F828F;}.elementor-20 .elementor-element.elementor-element-1bbc16fb a{color:#5F828F;}.elementor-20 .elementor-element.elementor-element-163c54e4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-460baee .elementor-button{background-color:#26313A;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;text-transform:none;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7E0E3;padding:15px 25px 15px 25px;}.elementor-20 .elementor-element.elementor-element-460baee .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-460baee .elementor-button:focus{background-color:#9CB9C3;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-460baee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-460baee .elementor-button-content-wrapper{flex-direction:row;}.elementor-20 .elementor-element.elementor-element-460baee .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-20 .elementor-element.elementor-element-460baee .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-460baee .elementor-button:focus svg{fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-6ecf1011 .elementor-button{background-color:#FFFFFF;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;text-transform:none;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7E0E3;padding:15px 25px 15px 25px;}.elementor-20 .elementor-element.elementor-element-6ecf1011 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-6ecf1011 .elementor-button:focus{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-6ecf1011{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-6ecf1011 .elementor-button-content-wrapper{flex-direction:row;}.elementor-20 .elementor-element.elementor-element-6ecf1011 .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-20 .elementor-element.elementor-element-4a64d726 .elementor-button{background-color:#FFFFFF;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;text-transform:none;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7E0E3;padding:15px 25px 15px 25px;}.elementor-20 .elementor-element.elementor-element-4a64d726 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-4a64d726 .elementor-button:focus{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-4a64d726{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-4a64d726 .elementor-button-content-wrapper{flex-direction:row;}.elementor-20 .elementor-element.elementor-element-4a64d726 .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-20 .elementor-element.elementor-element-4258971 .elementor-button{background-color:#26313A;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;text-transform:none;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7E0E3;padding:15px 25px 15px 25px;}.elementor-20 .elementor-element.elementor-element-4258971 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-4258971 .elementor-button:focus{background-color:#9CB9C3;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-4258971{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-4258971 .elementor-button-content-wrapper{flex-direction:row;}.elementor-20 .elementor-element.elementor-element-4258971 .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-20 .elementor-element.elementor-element-4258971 .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-4258971 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-70100af{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-20 .elementor-element.elementor-element-cb4c2d3 .elementor-button{background-color:#FFFFFF;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;text-transform:none;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7E0E3;padding:15px 25px 15px 25px;}.elementor-20 .elementor-element.elementor-element-cb4c2d3 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-cb4c2d3 .elementor-button:focus{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-cb4c2d3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-cb4c2d3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-20 .elementor-element.elementor-element-cb4c2d3 .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-20 .elementor-element.elementor-element-271b332 .elementor-button{background-color:#FFFFFF;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;text-transform:none;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7E0E3;padding:15px 25px 15px 25px;}.elementor-20 .elementor-element.elementor-element-271b332 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-271b332 .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-271b332{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-271b332 .elementor-button-content-wrapper{flex-direction:row;}.elementor-20 .elementor-element.elementor-element-271b332 .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-20 .elementor-element.elementor-element-271b332 .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-271b332 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-fd536af{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-31689df5 .elementor-button{background-color:#FFFFFF;font-family:"MontserratSH", Sans-serif;font-size:16px;font-weight:400;text-transform:none;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:5px 5px 5px 5px;padding:15px 15px 15px 15px;}.elementor-20 .elementor-element.elementor-element-31689df5 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-31689df5 .elementor-button:focus{background-color:#EEEEEE;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-31689df5{z-index:3;}.elementor-20 .elementor-element.elementor-element-31689df5 .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-31689df5 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-4baf23c7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-2838b6bb{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-20 .elementor-element.elementor-element-2838b6bb .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:0.2em;}.elementor-20 .elementor-element.elementor-element-506d1a1d{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-506d1a1d .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:40px;font-weight:400;line-height:1.2em;letter-spacing:-0.02em;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-8579ae0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;font-family:"MontserratSH", Sans-serif;font-size:15px;font-weight:400;line-height:1.5em;}.elementor-20 .elementor-element.elementor-element-1a2ed6fe{--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;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-4487ace9 .elementor-button{background-color:#9CB9C31A;font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:400;text-transform:none;fill:#4F5A60;color:#4F5A60;border-style:none;padding:8px 13px 8px 13px;}.elementor-20 .elementor-element.elementor-element-4487ace9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-83d096 .elementor-button{background-color:#9CB9C31A;font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:400;text-transform:none;fill:#4F5A60;color:#4F5A60;border-style:none;padding:8px 13px 8px 13px;}.elementor-20 .elementor-element.elementor-element-83d096{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-509c743f .elementor-button{background-color:#9CB9C31A;font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:400;text-transform:none;fill:#4F5A60;color:#4F5A60;border-style:none;padding:8px 13px 8px 13px;}.elementor-20 .elementor-element.elementor-element-509c743f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-2e00d963 .elementor-button{background-color:#9CB9C31A;font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:400;text-transform:none;fill:#4F5A60;color:#4F5A60;border-style:none;padding:8px 13px 8px 13px;}.elementor-20 .elementor-element.elementor-element-2e00d963{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-bcd1592{--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;--margin-top:-17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-47d8dff1 .elementor-button{background-color:#9CB9C31A;font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:400;text-transform:none;fill:#4F5A60;color:#4F5A60;border-style:none;padding:8px 13px 8px 13px;}.elementor-20 .elementor-element.elementor-element-47d8dff1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-2c0843a5 .elementor-button{background-color:#9CB9C31A;font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:400;text-transform:none;fill:#4F5A60;color:#4F5A60;border-style:none;padding:8px 13px 8px 13px;}.elementor-20 .elementor-element.elementor-element-2c0843a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-b92a2e8 .elementor-button{background-color:#9CB9C31A;font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:400;text-transform:none;fill:#4F5A60;color:#4F5A60;border-style:none;padding:8px 13px 8px 13px;}.elementor-20 .elementor-element.elementor-element-b92a2e8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-1a12d9c7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-6e86acc8{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-20 .elementor-element.elementor-element-6e86acc8 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:0.2em;}.elementor-20 .elementor-element.elementor-element-6d4addf0{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-6d4addf0 .elementor-heading-title{font-family:"MontserratSH", Sans-serif;font-size:40px;font-weight:400;line-height:1.2em;letter-spacing:-0.02em;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-1d50e37b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;color:#5F828F;}.elementor-20 .elementor-element.elementor-element-1d50e37b.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-1d50e37b a{color:#5F828F;}.elementor-20 .elementor-element.elementor-element-6b35c272{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-3028cd22{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;color:#5F828F;}.elementor-20 .elementor-element.elementor-element-3028cd22.elementor-element{--align-self:flex-start;}.elementor-20 .elementor-element.elementor-element-3028cd22 a{color:#5F828F;}.elementor-20 .elementor-element.elementor-element-621f65a3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-1d6ab518{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;color:#5F828F;}.elementor-20 .elementor-element.elementor-element-1d6ab518.elementor-element{--align-self:flex-start;}.elementor-20 .elementor-element.elementor-element-1d6ab518 a{color:#5F828F;}.elementor-20 .elementor-element.elementor-element-400fd066{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-2a543fb9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;color:#5F828F;}.elementor-20 .elementor-element.elementor-element-2a543fb9.elementor-element{--align-self:flex-start;}.elementor-20 .elementor-element.elementor-element-2a543fb9 a{color:#5F828F;}.elementor-20 .elementor-element.elementor-element-829164d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-3bb41bcd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;color:#5F828F;}.elementor-20 .elementor-element.elementor-element-3bb41bcd.elementor-element{--align-self:flex-start;}.elementor-20 .elementor-element.elementor-element-3bb41bcd a{color:#5F828F;}.elementor-20 .elementor-element.elementor-element-10f366da{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-51ece974{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;color:#5F828F;}.elementor-20 .elementor-element.elementor-element-51ece974.elementor-element{--align-self:flex-start;}.elementor-20 .elementor-element.elementor-element-51ece974 a{color:#5F828F;}.elementor-20 .elementor-element.elementor-element-71dc5c4f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-228093c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;color:#5F828F;}.elementor-20 .elementor-element.elementor-element-228093c.elementor-element{--align-self:flex-start;}.elementor-20 .elementor-element.elementor-element-228093c a{color:#5F828F;}.elementor-20 .elementor-element.elementor-element-2c5dfbc5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-36363ed7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;color:#5F828F;}.elementor-20 .elementor-element.elementor-element-36363ed7.elementor-element{--align-self:flex-start;}.elementor-20 .elementor-element.elementor-element-36363ed7 a{color:#5F828F;}.elementor-20 .elementor-element.elementor-element-7f3c1f73{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-339adfc7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;line-height:1.5em;color:#5F828F;}.elementor-20 .elementor-element.elementor-element-339adfc7.elementor-element{--align-self:flex-start;}.elementor-20 .elementor-element.elementor-element-339adfc7 a{color:#5F828F;}.elementor-20 .elementor-element.elementor-element-23c135c8{--n-accordion-title-font-size:14px;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:10px;--n-accordion-icon-size:15px;}.elementor-20 .elementor-element.elementor-element-23c135c8 > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#9CB9C3;}.elementor-20 .elementor-element.elementor-element-23c135c8 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5ECEE;}.elementor-20 .elementor-element.elementor-element-23c135c8 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#9CB9C3;}.elementor-20 .elementor-element.elementor-element-23c135c8 {--n-accordion-padding:17px 17px 17px 17px;}:where( .elementor-20 .elementor-element.elementor-element-23c135c8 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"MontserratSH", Sans-serif;font-weight:400;}.elementor-20 .elementor-element.elementor-element-24b39468{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-28fb4db3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;font-family:"MontserratSH", Sans-serif;font-size:15px;font-weight:400;line-height:1.5em;color:#5F828F;}.elementor-20 .elementor-element.elementor-element-28fb4db3.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-28fb4db3 a{color:#5F828F;}.elementor-20 .elementor-element.elementor-element-6a4a9809 .elementor-button{background-color:#26313A;font-family:"MontserratSH", Sans-serif;font-size:14px;font-weight:400;text-transform:none;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D7E0E3;padding:15px 25px 15px 25px;}.elementor-20 .elementor-element.elementor-element-6a4a9809 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-6a4a9809 .elementor-button:focus{background-color:#9CB9C3;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-6a4a9809{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-6a4a9809 .elementor-button-content-wrapper{flex-direction:row;}.elementor-20 .elementor-element.elementor-element-6a4a9809 .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-20 .elementor-element.elementor-element-6a4a9809 .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-6a4a9809 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-db02579{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;font-family:"MontserratSH", Sans-serif;font-size:15px;font-weight:400;line-height:1.5em;}.elementor-20 .elementor-element.elementor-element-db02579.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-3bf8da90{--display:flex;--position:fixed;--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:10px 10px;--row-gap:10px;--column-gap:10px;--z-index:16;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-654d89b9 .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-654d89b9.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-654d89b9.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-654d89b9.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-654d89b9.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-654d89b9.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-654d89b9 .elementor-icon{font-size:17px;}.elementor-20 .elementor-element.elementor-element-654d89b9 .elementor-icon svg{height:17px;}.elementor-20 .elementor-element.elementor-element-3524c68 .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-3524c68.elementor-view-stacked .elementor-icon:hover{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-3524c68.elementor-view-framed .elementor-icon:hover, .elementor-20 .elementor-element.elementor-element-3524c68.elementor-view-default .elementor-icon:hover{color:#FFFFFF;border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-3524c68.elementor-view-framed .elementor-icon:hover, .elementor-20 .elementor-element.elementor-element-3524c68.elementor-view-default .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-3524c68 .elementor-icon{font-size:20px;}.elementor-20 .elementor-element.elementor-element-3524c68 .elementor-icon svg{height:20px;}.elementor-20 .elementor-element.elementor-element-11ab5663 .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-11ab5663.elementor-view-stacked .elementor-icon:hover{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-11ab5663.elementor-view-framed .elementor-icon:hover, .elementor-20 .elementor-element.elementor-element-11ab5663.elementor-view-default .elementor-icon:hover{color:#FFFFFF;border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-11ab5663.elementor-view-framed .elementor-icon:hover, .elementor-20 .elementor-element.elementor-element-11ab5663.elementor-view-default .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-11ab5663 .elementor-icon{font-size:18px;}.elementor-20 .elementor-element.elementor-element-11ab5663 .elementor-icon svg{height:18px;}.elementor-20 .elementor-element.elementor-element-71b39af0 .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-71b39af0.elementor-view-stacked .elementor-icon:hover{background-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-71b39af0.elementor-view-framed .elementor-icon:hover, .elementor-20 .elementor-element.elementor-element-71b39af0.elementor-view-default .elementor-icon:hover{color:#FFFFFF;border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-71b39af0.elementor-view-framed .elementor-icon:hover, .elementor-20 .elementor-element.elementor-element-71b39af0.elementor-view-default .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-71b39af0 .elementor-icon{font-size:18px;}.elementor-20 .elementor-element.elementor-element-71b39af0 .elementor-icon svg{height:18px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-3295b084{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-20 .elementor-element.elementor-element-98ef256{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-20 .elementor-element.elementor-element-37e1b69b .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-5db9d800 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-26c36daf .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-5491ed9d .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-144cad05 .elementor-heading-title{font-size:54px;}.elementor-widget-counter .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-counter .elementor-counter-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-20 .elementor-element.elementor-element-4880799c .elementor-counter-number-wrapper{font-size:54px;}.elementor-20 .elementor-element.elementor-element-4ce4401e .elementor-heading-title{font-size:54px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-20 .elementor-element.elementor-element-28e346ba{font-size:20px;}.elementor-20 .elementor-element.elementor-element-d355b76{font-size:20px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-20 .elementor-element.elementor-element-19c061fb .elementor-button{font-size:20px;}.elementor-20 .elementor-element.elementor-element-4b9a3228 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-372be336{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-20 .elementor-element.elementor-element-7e2520f1{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-20 .elementor-element.elementor-element-3c9ba680{--min-height:52vh;}.elementor-20 .elementor-element.elementor-element-3c9ba680:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-3c9ba680 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-500px 0px;}.elementor-20 .elementor-element.elementor-element-21927aac{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-44d25507 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-4057c3c5{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-20 .elementor-element.elementor-element-4057c3c5 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-580d13ef{font-size:20px;}.elementor-20 .elementor-element.elementor-element-374dcf1e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-20 .elementor-element.elementor-element-374dcf1e .elementor-heading-title{font-size:54px;}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-20 .elementor-element.elementor-element-4fcdf98a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;font-size:20px;}.elementor-20 .elementor-element.elementor-element-68a2d802{font-size:20px;}.elementor-20 .elementor-element.elementor-element-14d2c2ef{font-size:20px;}.elementor-20 .elementor-element.elementor-element-215c8e9{font-size:20px;}.elementor-20 .elementor-element.elementor-element-7a017e21{--n-tabs-title-font-size:20px;}.elementor-20 .elementor-element.elementor-element-119cdeb .elementor-button{font-size:20px;}.elementor-20 .elementor-element.elementor-element-10f1a301 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-1b4cc2ae .elementor-heading-title{font-size:54px;}.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-slide-heading{font-size:54px;}.elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-slide-description{font-size:28px;}.elementor-20 .elementor-element.elementor-element-5b94fd25 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-6b0c0ac{font-size:20px;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-20 .elementor-element.elementor-element-27beb062 .elementor-image-box-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-27beb062 .elementor-image-box-description{font-size:20px;}.elementor-20 .elementor-element.elementor-element-781e3df2 .elementor-image-box-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-781e3df2 .elementor-image-box-description{font-size:20px;}.elementor-20 .elementor-element.elementor-element-4714176b .elementor-image-box-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-4714176b .elementor-image-box-description{font-size:20px;}.elementor-20 .elementor-element.elementor-element-1092c412 .elementor-image-box-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-1092c412 .elementor-image-box-description{font-size:20px;}.elementor-20 .elementor-element.elementor-element-7ed481d0 .elementor-image-box-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-7ed481d0 .elementor-image-box-description{font-size:20px;}.elementor-20 .elementor-element.elementor-element-3e30c951 .elementor-image-box-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-3e30c951 .elementor-image-box-description{font-size:20px;}.elementor-20 .elementor-element.elementor-element-50827cbb .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-2838463f .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-3f804f07 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-75a33ff3{font-size:20px;}.elementor-20 .elementor-element.elementor-element-6f511026 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-3dfebd71 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-6007457e .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-3475a46f{font-size:20px;}.elementor-20 .elementor-element.elementor-element-328966c5 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-71e9ba31 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-71d9362 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-9f829a2{font-size:20px;}.elementor-20 .elementor-element.elementor-element-39ed16d0{--e-n-carousel-swiper-slides-to-display:1;}.elementor-20 .elementor-element.elementor-element-50443ff .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-1eac2a53 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-a0d497d{font-size:20px;}.elementor-20 .elementor-element.elementor-element-6306c108 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-9bb54a6 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-15a0a0b8 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-1b99deaf{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-723172ac .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-12ee3ad3 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-1bbc16fb{font-size:20px;}.elementor-20 .elementor-element.elementor-element-460baee .elementor-button{font-size:20px;}.elementor-20 .elementor-element.elementor-element-6ecf1011 .elementor-button{font-size:20px;}.elementor-20 .elementor-element.elementor-element-4a64d726 .elementor-button{font-size:20px;}.elementor-20 .elementor-element.elementor-element-4258971 .elementor-button{font-size:20px;}.elementor-20 .elementor-element.elementor-element-70100af{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 10px;--row-gap:0px;--column-gap:10px;--grid-auto-flow:row;--justify-items:stretch;--margin-top:-9px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-cb4c2d3 .elementor-button{font-size:14px;}.elementor-20 .elementor-element.elementor-element-271b332 .elementor-button{font-size:14px;}.elementor-20 .elementor-element.elementor-element-31689df5 .elementor-button{font-size:20px;}.elementor-20 .elementor-element.elementor-element-2838b6bb .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-506d1a1d .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-8579ae0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;font-size:20px;}.elementor-20 .elementor-element.elementor-element-4487ace9 .elementor-button{font-size:20px;}.elementor-20 .elementor-element.elementor-element-83d096 .elementor-button{font-size:20px;}.elementor-20 .elementor-element.elementor-element-509c743f .elementor-button{font-size:20px;}.elementor-20 .elementor-element.elementor-element-2e00d963 .elementor-button{font-size:20px;}.elementor-20 .elementor-element.elementor-element-47d8dff1 .elementor-button{font-size:20px;}.elementor-20 .elementor-element.elementor-element-2c0843a5 .elementor-button{font-size:20px;}.elementor-20 .elementor-element.elementor-element-b92a2e8 .elementor-button{font-size:20px;}.elementor-20 .elementor-element.elementor-element-6e86acc8 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-6d4addf0 .elementor-heading-title{font-size:54px;}.elementor-20 .elementor-element.elementor-element-1d50e37b{font-size:20px;}.elementor-20 .elementor-element.elementor-element-3028cd22{font-size:20px;}.elementor-20 .elementor-element.elementor-element-1d6ab518{font-size:20px;}.elementor-20 .elementor-element.elementor-element-2a543fb9{font-size:20px;}.elementor-20 .elementor-element.elementor-element-3bb41bcd{font-size:20px;}.elementor-20 .elementor-element.elementor-element-51ece974{font-size:20px;}.elementor-20 .elementor-element.elementor-element-228093c{font-size:20px;}.elementor-20 .elementor-element.elementor-element-36363ed7{font-size:20px;}.elementor-20 .elementor-element.elementor-element-339adfc7{font-size:20px;}.elementor-20 .elementor-element.elementor-element-28fb4db3{font-size:20px;}.elementor-20 .elementor-element.elementor-element-6a4a9809 .elementor-button{font-size:20px;}.elementor-20 .elementor-element.elementor-element-db02579{font-size:20px;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-3295b084{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-20 .elementor-element.elementor-element-98ef256{margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-20 .elementor-element.elementor-element-37e1b69b .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-5db9d800 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-26c36daf .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-5491ed9d .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-144cad05 .elementor-heading-title{font-size:44px;}.elementor-widget-counter .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-counter .elementor-counter-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-20 .elementor-element.elementor-element-4880799c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-20 .elementor-element.elementor-element-4880799c .elementor-counter-number-wrapper{font-size:44px;}.elementor-20 .elementor-element.elementor-element-4ce4401e .elementor-heading-title{font-size:44px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-20 .elementor-element.elementor-element-28e346ba{font-size:18px;}.elementor-20 .elementor-element.elementor-element-d355b76{font-size:18px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-20 .elementor-element.elementor-element-19c061fb .elementor-button{font-size:18px;}.elementor-20 .elementor-element.elementor-element-4b9a3228 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-3c9ba680{--min-height:250px;}.elementor-20 .elementor-element.elementor-element-3c9ba680:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-3c9ba680 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-20 .elementor-element.elementor-element-21927aac{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-44d25507 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-4057c3c5{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-20 .elementor-element.elementor-element-4057c3c5 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-580d13ef{font-size:18px;}.elementor-20 .elementor-element.elementor-element-374dcf1e{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-20 .elementor-element.elementor-element-374dcf1e .elementor-heading-title{font-size:44px;}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-20 .elementor-element.elementor-element-95390a3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-4fcdf98a{font-size:18px;}.elementor-20 .elementor-element.elementor-element-68a2d802{font-size:18px;}.elementor-20 .elementor-element.elementor-element-14d2c2ef{font-size:18px;}.elementor-20 .elementor-element.elementor-element-215c8e9{font-size:18px;}.elementor-20 .elementor-element.elementor-element-7a017e21{--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:5px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:5px;--n-tabs-title-font-size:18px;}.elementor-20 .elementor-element.elementor-element-d6b95a2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-119cdeb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-119cdeb .elementor-button{font-size:18px;}.elementor-20 .elementor-element.elementor-element-10f1a301 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-1b4cc2ae .elementor-heading-title{font-size:44px;}.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-slide-heading{font-size:44px;}.elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-slide-description{font-size:22px;}.elementor-20 .elementor-element.elementor-element-5b94fd25 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-6b0c0ac{font-size:18px;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-20 .elementor-element.elementor-element-27beb062 .elementor-image-box-img{margin-bottom:0px;}.elementor-20 .elementor-element.elementor-element-27beb062 .elementor-image-box-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-27beb062 .elementor-image-box-description{font-size:18px;}.elementor-20 .elementor-element.elementor-element-781e3df2 .elementor-image-box-img{margin-bottom:0px;}.elementor-20 .elementor-element.elementor-element-781e3df2 .elementor-image-box-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-781e3df2 .elementor-image-box-description{font-size:18px;}.elementor-20 .elementor-element.elementor-element-4714176b .elementor-image-box-img{margin-bottom:0px;}.elementor-20 .elementor-element.elementor-element-4714176b .elementor-image-box-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-4714176b .elementor-image-box-description{font-size:18px;}.elementor-20 .elementor-element.elementor-element-1092c412 .elementor-image-box-img{margin-bottom:0px;}.elementor-20 .elementor-element.elementor-element-1092c412 .elementor-image-box-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-1092c412 .elementor-image-box-description{font-size:18px;}.elementor-20 .elementor-element.elementor-element-7ed481d0 .elementor-image-box-img{margin-bottom:0px;}.elementor-20 .elementor-element.elementor-element-7ed481d0 .elementor-image-box-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-7ed481d0 .elementor-image-box-description{font-size:18px;}.elementor-20 .elementor-element.elementor-element-3e30c951 .elementor-image-box-img{margin-bottom:0px;}.elementor-20 .elementor-element.elementor-element-3e30c951 .elementor-image-box-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-3e30c951 .elementor-image-box-description{font-size:18px;}.elementor-20 .elementor-element.elementor-element-50827cbb .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-2838463f .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-3f804f07 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-75a33ff3{font-size:18px;}.elementor-20 .elementor-element.elementor-element-6f511026 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-3dfebd71 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-6007457e .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-3475a46f{font-size:18px;}.elementor-20 .elementor-element.elementor-element-328966c5 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-71e9ba31 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-71d9362 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-9f829a2{font-size:18px;}.elementor-20 .elementor-element.elementor-element-39ed16d0{--e-n-carousel-swiper-slides-to-display:1;}.elementor-20 .elementor-element.elementor-element-50443ff .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-1eac2a53 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-a0d497d{font-size:18px;}.elementor-20 .elementor-element.elementor-element-467cdea9{--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-6306c108 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-9bb54a6 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-7e98dd9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-15a0a0b8 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-1b99deaf{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-723172ac{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-723172ac .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-12ee3ad3 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-1bbc16fb{font-size:18px;}.elementor-20 .elementor-element.elementor-element-460baee .elementor-button{font-size:18px;}.elementor-20 .elementor-element.elementor-element-6ecf1011 .elementor-button{font-size:18px;}.elementor-20 .elementor-element.elementor-element-4a64d726 .elementor-button{font-size:18px;}.elementor-20 .elementor-element.elementor-element-4258971 .elementor-button{font-size:18px;border-radius:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-70100af{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 10px;--row-gap:0px;--column-gap:10px;--grid-auto-flow:row;--justify-items:stretch;--margin-top:-11px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-cb4c2d3{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-20 .elementor-element.elementor-element-cb4c2d3 .elementor-button{font-size:14px;border-radius:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-271b332{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-20 .elementor-element.elementor-element-271b332 .elementor-button{font-size:14px;border-radius:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-31689df5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-31689df5 .elementor-button{font-size:18px;}.elementor-20 .elementor-element.elementor-element-2838b6bb{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-2838b6bb .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-506d1a1d .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-8579ae0{font-size:18px;}.elementor-20 .elementor-element.elementor-element-4487ace9 .elementor-button{font-size:18px;}.elementor-20 .elementor-element.elementor-element-83d096 .elementor-button{font-size:18px;}.elementor-20 .elementor-element.elementor-element-509c743f .elementor-button{font-size:18px;}.elementor-20 .elementor-element.elementor-element-2e00d963 .elementor-button{font-size:18px;}.elementor-20 .elementor-element.elementor-element-47d8dff1 .elementor-button{font-size:18px;}.elementor-20 .elementor-element.elementor-element-2c0843a5 .elementor-button{font-size:18px;}.elementor-20 .elementor-element.elementor-element-b92a2e8 .elementor-button{font-size:18px;}.elementor-20 .elementor-element.elementor-element-6e86acc8{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-6e86acc8 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-6d4addf0 .elementor-heading-title{font-size:44px;}.elementor-20 .elementor-element.elementor-element-1d50e37b{font-size:18px;}.elementor-20 .elementor-element.elementor-element-3028cd22{font-size:18px;}.elementor-20 .elementor-element.elementor-element-1d6ab518{font-size:18px;}.elementor-20 .elementor-element.elementor-element-2a543fb9{font-size:18px;}.elementor-20 .elementor-element.elementor-element-3bb41bcd{font-size:18px;}.elementor-20 .elementor-element.elementor-element-51ece974{font-size:18px;}.elementor-20 .elementor-element.elementor-element-228093c{font-size:18px;}.elementor-20 .elementor-element.elementor-element-36363ed7{font-size:18px;}.elementor-20 .elementor-element.elementor-element-339adfc7{font-size:18px;}.elementor-20 .elementor-element.elementor-element-28fb4db3{font-size:18px;}.elementor-20 .elementor-element.elementor-element-6a4a9809 .elementor-button{font-size:18px;}.elementor-20 .elementor-element.elementor-element-db02579{font-size:18px;}.elementor-20 .elementor-element.elementor-element-3bf8da90{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-654d89b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-3295b084{--content-width:1000px;}.elementor-20 .elementor-element.elementor-element-372be336{--width:100%;}.elementor-20 .elementor-element.elementor-element-7e2520f1{--width:40%;}.elementor-20 .elementor-element.elementor-element-21927aac{--width:60%;}.elementor-20 .elementor-element.elementor-element-57a53440{--width:100%;}.elementor-20 .elementor-element.elementor-element-580f1ff7{--width:40%;}.elementor-20 .elementor-element.elementor-element-3bf8da90{--content-width:50px;}}@media(max-width:1024px) and (min-width:768px){.elementor-20 .elementor-element.elementor-element-7e2520f1{--width:40%;}.elementor-20 .elementor-element.elementor-element-21927aac{--width:60%;}}/* Start custom CSS for heading, class: .elementor-element-37e1b69b */.elementor-20 .elementor-element.elementor-element-37e1b69b h1 {font-family:"MontserratSH, sans-serif"; color:#000;} .elementor-20 .elementor-element.elementor-element-37e1b69b h1 span {color:#7a8a90;} .elementor-20 .elementor-element.elementor-element-37e1b69b .elementor-heading-title { color: #121212; background-image: linear-gradient( 110deg, #121212 0%, #121212 43%, #ffffff 50%, #121212 57%, #121212 100% ); background-size: 250% 100%; background-position: 100% 0; background-clip: text; -webkit-background-clip: text; animation: text-shine 6s ease-in-out infinite; } @keyframes text-shine { /* Shine startet außerhalb des Textes */ 0% { background-position: 100% 0; color: transparent; -webkit-text-fill-color: transparent; } /* Shine läuft etwa eine Sekunde */ 16% { background-position: -100% 0; color: transparent; -webkit-text-fill-color: transparent; } /* Text wird vollständig dunkel */ 17%, 100% { background-position: -100% 0; color: #121212; -webkit-text-fill-color: #121212; } } @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-37e1b69b h1 {font-size:1em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5db9d800 */.elementor-20 .elementor-element.elementor-element-5db9d800 h2 {font-family:"MontserratSH, sans-serif"; color:#000;} .elementor-20 .elementor-element.elementor-element-5db9d800 h2 span {color:#7a8a90;} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-5db9d800 h2 {font-size:.8em!important;} }/* End custom CSS */ /* Start custom CSS for video, class: .elementor-element-21337454 */.elementor-20 .elementor-element.elementor-element-21337454 {border-radius:5px; overflow:hidden;} /* Dunkler Hintergrund der Bedienleiste */ .elementor-20 .elementor-element.elementor-element-21337454 video::-webkit-media-controls-panel { background: linear-gradient( to top, rgba(0, 0, 0, 0.75), transparent ); } /* Play-, Lautstärke- und Vollbild-Button weiß */ .elementor-20 .elementor-element.elementor-element-21337454 video::-webkit-media-controls-play-button, .elementor-20 .elementor-element.elementor-element-21337454 video::-webkit-media-controls-mute-button, .elementor-20 .elementor-element.elementor-element-21337454 video::-webkit-media-controls-fullscreen-button { filter: brightness(0) invert(1); } /* Zeitangaben weiß */ .elementor-20 .elementor-element.elementor-element-21337454 video::-webkit-media-controls-current-time-display, .elementor-20 .elementor-element.elementor-element-21337454 video::-webkit-media-controls-time-remaining-display { color: #ffffff; text-shadow: none; } /* Fortschrittsregler */ .elementor-20 .elementor-element.elementor-element-21337454 video { accent-color: #ffffff; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-26c36daf */.elementor-20 .elementor-element.elementor-element-26c36daf span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-26c36daf h2, .elementor-20 .elementor-element.elementor-element-26c36daf h3, .elementor-20 .elementor-element.elementor-element-26c36daf h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5491ed9d */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-5491ed9d h2, .elementor-20 .elementor-element.elementor-element-5491ed9d h3, .elementor-20 .elementor-element.elementor-element-5491ed9d h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-144cad05 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-144cad05 h2, .elementor-20 .elementor-element.elementor-element-144cad05 h3, .elementor-20 .elementor-element.elementor-element-144cad05 h4 {font-size:16px!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4ce4401e */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-4ce4401e h2, .elementor-20 .elementor-element.elementor-element-4ce4401e h3, .elementor-20 .elementor-element.elementor-element-4ce4401e h4 {font-size:12px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-28e346ba */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-28e346ba {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-d355b76 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-d355b76 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-19c061fb */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-19c061fb .elementor-button {font-size:12px!important;} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3df87e75 *//* Element mit Shine-Effekt */ .shine-effekt { position: relative; overflow: hidden; isolation: isolate; } /* Weißer Lichtstreifen */ .shine-effekt::after { content: ""; position: absolute; z-index: 10; top: -35%; bottom: -35%; left: -50%; width: 40%; pointer-events: none; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.02) 15%, rgba(255, 255, 255, 0.10) 35%, rgba(255, 255, 255, 0.30) 50%, rgba(255, 255, 255, 0.10) 65%, rgba(255, 255, 255, 0.02) 85%, transparent 100% ); filter: blur(16px); transform: translateX(0) skewX(-18deg); animation: weisser-shine-effekt 10s cubic-bezier(.19, 1, .22, 1) .6s infinite; } /* Bewegung mit Pause zwischen den Durchläufen */ @keyframes weisser-shine-effekt { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 5% { opacity: 1; } 40% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 45% { transform: translateX(520%) skewX(-18deg); opacity: 0; } 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } } /* Barrierefreiheit: Animation bei reduzierter Bewegung deaktivieren */ @media (prefers-reduced-motion: reduce) { .shine-effekt::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5b04660c */..elementor-20 .elementor-element.elementor-element-5b04660c img {width:20px!important; height:auto;}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4555655d *//* ================================================== GRID Desktop: 4 Boxen Bis 767 px: 2 Boxen ================================================== */ .info-box-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: auto; align-items: start; gap: 10px; width: 100%; } /* Verhindert Überbreite innerhalb des Elementor-Grids */ .info-box-grid > * { min-width: 0; } @media (max-width: 1024px) { .info-box-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ================================================== EINZELNE BOX ================================================== */ .info-box { --mouse-x: 50%; --mouse-y: 50%; position: relative; overflow: hidden; isolation: isolate; width: 100%; border: 1px solid #e5ecee; background: rgba(255, 255, 255, 0.4); color: #26313a; font-family: "MontserratSH", sans-serif; transition: border-color 0.25s ease, box-shadow 0.25s ease; } .info-box:hover { border-color: #9cb9c3; box-shadow: 0 26px 50px -26px rgba(38, 49, 58, 0.34); } /* ================================================== UNSICHTBARE CHECKBOX ================================================== */ .info-box > input[type="checkbox"] { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; } /* ================================================== KOPFBEREICH ================================================== */ .info-box__header { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; min-height: 150px; padding: 20px 0; text-align: center; cursor: pointer; } .info-box__heading { display: flex; flex-direction: column; align-items: center; } /* ================================================== ICON ================================================== */ .info-box__icon { margin-bottom: 15px; line-height: 1; transition: transform 0.25s ease; } .info-box__icon img { display: block; max-width: 100%; height: auto; } .info-box:hover .info-box__icon { transform: scale(1.1); } /* ================================================== WERT UND TITEL ================================================== */ .info-box__value { color: #5f828f !important; font-size: 24px; font-weight: 300; line-height: 1.1; } .info-box__value small { font-size: 16px; } .info-box__title { margin-top: 9px; color: #26313a; font-size: 10.5px; font-weight: 500; line-height: 1.4; letter-spacing: 1px; text-transform: uppercase; } /* ================================================== PLUS- UND X-SCHALTER ================================================== */ .info-box__toggle { position: absolute; top: 10px; right: 10px; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: 1px solid #c9dce2; border-radius: 50%; background: transparent; color: #8aadb9; font-size: 16px; font-weight: 300; line-height: 1; transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease; } /* Geschlossen: Pluszeichen */ .info-box__toggle::before { content: "+"; display: block; transform: translateY(-1px); } /* Geöffnet: gefüllter Kreis */ .info-box input:checked + .info-box__header .info-box__toggle { color: #ffffff; background: #9abac5; border-color: #9abac5; } /* Geöffnet: X-Zeichen */ .info-box input:checked + .info-box__header .info-box__toggle::before { content: "×"; transform: translateY(-1px); } /* ================================================== AUSKLAPPBARER INHALT ================================================== */ .info-box__collapse { position: relative; z-index: 1; display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.3s ease; } .info-box__content-wrapper { min-height: 0; overflow: hidden; } .info-box__content { padding: 0 15px; color: #66747c; font-size: 13px; font-weight: 400; line-height: 1.6; opacity: 0; transform: translateY(-5px); transition: padding 0.3s ease, opacity 0.2s ease, transform 0.3s ease; } /* Geöffneter Inhalt */ .info-box input:checked ~ .info-box__collapse { grid-template-rows: 1fr; } .info-box input:checked ~ .info-box__collapse .info-box__content { padding-top: 2px; padding-bottom: 22px; opacity: 1; transform: translateY(0); } /* ================================================== GEÖFFNETER ZUSTAND UND TASTATURFOKUS ================================================== */ .info-box:has(input:checked) { border-color: #94b9c6; } .info-box input:focus-visible + .info-box__header { outline: 2px solid #8aadb9; outline-offset: -3px; } /* ================================================== HOVER-LICHTPUNKT ================================================== */ .info-box::before { content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; background: radial-gradient( circle 130px at var(--mouse-x) var(--mouse-y), rgba(165, 207, 220, 0.42) 0%, rgba(190, 220, 230, 0.22) 35%, rgba(210, 232, 238, 0.08) 60%, transparent 75% ); opacity: 0; transition: opacity 0.3s ease; } .info-box:hover::before { opacity: 0.4; } /* ================================================== LANGSAMER SHINE-EFFEKT ================================================== */ .shine-effekt-langsam { position: relative; overflow: hidden; isolation: isolate; } .shine-effekt-langsam::after { content: ""; position: absolute; z-index: 10; top: -35%; bottom: -35%; left: -50%; width: 40%; pointer-events: none; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.02) 15%, rgba(255, 255, 255, 0.08) 35%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.08) 65%, rgba(255, 255, 255, 0.02) 85%, transparent 100% ); filter: blur(18px); transform: translateX(0) skewX(-18deg); animation: langsamer-weisser-shine 16s cubic-bezier(0.19, 1, 0.22, 1) 1s infinite; } @keyframes langsamer-weisser-shine { 0% { opacity: 0; transform: translateX(0) skewX(-18deg); } 5% { opacity: 1; } 45% { opacity: 1; transform: translateX(520%) skewX(-18deg); } 50%, 100% { opacity: 0; transform: translateX(520%) skewX(-18deg); } } /* ================================================== SMARTPHONE ================================================== */ @media (max-width: 480px) { .info-box__header { min-height: 125px; } } /* ================================================== REDUZIERTE BEWEGUNGEN ================================================== */ @media (prefers-reduced-motion: reduce) { .shine-effekt-langsam::after { animation: none; } .info-box, .info-box__icon, .info-box__toggle, .info-box__collapse, .info-box__content, .info-box::before { transition: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4b9a3228 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-4b9a3228 div {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44de6dc6 */.elementor-20 .elementor-element.elementor-element-44de6dc6 {overflow:hidden;}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-44d25507 */.elementor-20 .elementor-element.elementor-element-44d25507 span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-44d25507 h2, .elementor-20 .elementor-element.elementor-element-44d25507 h3, .elementor-20 .elementor-element.elementor-element-44d25507 h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4057c3c5 */.elementor-20 .elementor-element.elementor-element-4057c3c5 span {background:#ccdbe1!important; display:inline-block!important; padding:0 5px!important; margin:0!important;} /* Element mit Shine-Effekt */ .shine-effekt { position: relative; overflow: hidden; isolation: isolate; } /* Weißer Lichtstreifen */ .shine-effekt::after { content: ""; position: absolute; z-index: 10; top: -35%; bottom: -35%; left: -50%; width: 40%; pointer-events: none; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.02) 15%, rgba(255, 255, 255, 0.10) 35%, rgba(255, 255, 255, 0.30) 50%, rgba(255, 255, 255, 0.10) 65%, rgba(255, 255, 255, 0.02) 85%, transparent 100% ); filter: blur(16px); transform: translateX(0) skewX(-18deg); animation: weisser-shine-effekt 10s cubic-bezier(.19, 1, .22, 1) .6s infinite; } @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-4057c3c5 h2, .elementor-20 .elementor-element.elementor-element-4057c3c5 h3, .elementor-20 .elementor-element.elementor-element-4057c3c5 h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-580d13ef */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-580d13ef {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-374dcf1e */.elementor-20 .elementor-element.elementor-element-374dcf1e span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-374dcf1e h2, .elementor-20 .elementor-element.elementor-element-374dcf1e h3, .elementor-20 .elementor-element.elementor-element-374dcf1e h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4fcdf98a */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-4fcdf98a {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-68a2d802 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-68a2d802 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-14d2c2ef */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-14d2c2ef {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-215c8e9 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-215c8e9 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4fcdf98a */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-4fcdf98a {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-68a2d802 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-68a2d802 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-14d2c2ef */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-14d2c2ef {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-215c8e9 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-215c8e9 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4fcdf98a */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-4fcdf98a {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-68a2d802 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-68a2d802 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-14d2c2ef */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-14d2c2ef {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-215c8e9 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-215c8e9 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4fcdf98a */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-4fcdf98a {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-68a2d802 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-68a2d802 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-14d2c2ef */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-14d2c2ef {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-215c8e9 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-215c8e9 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4fcdf98a */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-4fcdf98a {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-68a2d802 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-68a2d802 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-14d2c2ef */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-14d2c2ef {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-215c8e9 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-215c8e9 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-7a017e21 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-7a017e21 .e-n-tab-title-text {font-size:12px!important; padding:2px 5px} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-372be336 *//* BG GRADIENT */ .elementor-20 .elementor-element.elementor-element-372be336 { background-color: #ffffff; background-image: radial-gradient( ellipse at 82% 12%, rgba(210, 226, 231, 0.72) 0%, rgba(225, 236, 239, 0.48) 25%, rgba(242, 247, 248, 0.22) 48%, transparent 72% ), radial-gradient( ellipse at 5% 100%, rgba(225, 236, 239, 0.45) 0%, rgba(242, 247, 248, 0.20) 38%, transparent 70% ); } /* SHINE EFFECT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-119cdeb *//* Normaler HTML-Button */ .button-impuls, /* Elementor-Button */ .button-impuls .elementor-button { transform-origin: center; will-change: transform; animation: button-aufmerksamkeit 4s ease-in-out infinite; } @keyframes button-aufmerksamkeit { /* Ruhezustand */ 0%, 5%, 50%, 100% { transform: scale(1) rotate(0deg); } /* Kurz zusammenziehen */ 10% { transform: scale(0.94) rotate(0deg); } /* Leicht vergrößern */ 15% { transform: scale(1.06) rotate(0deg); } /* Wackelbewegung */ 20% { transform: scale(1.06) rotate(-2deg); } 25% { transform: scale(1.06) rotate(2deg); } 30% { transform: scale(1.06) rotate(-1.5deg); } 35% { transform: scale(1.06) rotate(1deg); } 40% { transform: scale(1.06) rotate(0deg); } /* Zurück zum Ausgangszustand */ 45% { transform: scale(1) rotate(0deg); } } /* Klick-Effekt */ .button-impuls:active, .button-impuls .elementor-button:active { transform: scale(0.96); } /* Animation bei reduzierter Bewegung deaktivieren */ @media (prefers-reduced-motion: reduce) { .button-impuls, .button-impuls .elementor-button { animation: none; } } @media (max-width:1024px) { .elementor-20 .elementor-element.elementor-element-119cdeb {text-align:center; padding:25px 0!important;} .elementor-20 .elementor-element.elementor-element-119cdeb .elementor-button {max-width:86%; font-size:14px!important;} } @media (max-width: 767px) { .elementor-20 .elementor-element.elementor-element-119cdeb {text-align:center; padding:15px 0!important;} .elementor-20 .elementor-element.elementor-element-119cdeb .elementor-button {max-width:84%; font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d6b95a2 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-d6b95a2 {overflow:hidden!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-10f1a301 */.elementor-20 .elementor-element.elementor-element-10f1a301 span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-10f1a301 h2, .elementor-20 .elementor-element.elementor-element-10f1a301 h3, .elementor-20 .elementor-element.elementor-element-10f1a301 h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1b4cc2ae */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-1b4cc2ae h2, .elementor-20 .elementor-element.elementor-element-1b4cc2ae h3, .elementor-20 .elementor-element.elementor-element-1b4cc2ae h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for slides, class: .elementor-element-3ffb3017 */.elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-slide-heading {width:300px; position:absolute; bottom:40px; left:20px;} .elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-slide-description {width:335px; position:absolute; bottom:15px; left:20px;} .elementor-swiper-button {border-radius:100px; border:1px solid #FFF; padding:10px; background: rgba(26,33,38,.4); backdrop-filter: blur(6px);} .elementor-swiper-button:hover {background:#9cb9c3; border:1px solid #9cb9c3;} .swiper-slide-inner {background: #000000; background: linear-gradient(0deg, rgba(0, 0, 0, 0.69) 0%, rgba(255, 255, 255, 0) 45%);} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-slide-heading {font-size:12px!important; height:25px;} .elementor-20 .elementor-element.elementor-element-3ffb3017 .elementor-slide-description {font-size:16px!important;} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-22d0658d *//* BG GRADIENT */ .elementor-20 .elementor-element.elementor-element-22d0658d { background-color: #ffffff; background-image: radial-gradient( ellipse at 5% 5%, rgba(218, 231, 235, 0.65) 0%, rgba(232, 240, 242, 0.38) 28%, rgba(247, 250, 250, 0.15) 52%, transparent 72% ), radial-gradient( ellipse at 95% 95%, rgba(218, 231, 235, 0.58) 0%, rgba(232, 240, 242, 0.34) 30%, rgba(247, 250, 250, 0.12) 54%, transparent 75% ); } /* SHINE EFFECT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5b94fd25 */.elementor-20 .elementor-element.elementor-element-5b94fd25 span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-5b94fd25 h2, .elementor-20 .elementor-element.elementor-element-5b94fd25 h3, .elementor-20 .elementor-element.elementor-element-5b94fd25 h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-6b0c0ac */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-6b0c0ac {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-27beb062 */.elementor-image-box-title, .elementor-image-box-description {padding:0 15px; font-family:'MontserratSH'!important;} .elementor-image-box-title {font-weight:600!important;} .elementor-image-box-title span {margin:5px 0 0 0; font-weight:400; display:block;} .elementor-image-box-description {font-size:13px!important; margin:10px 0 0 0!important;} .elementor-widget-image-box {border: 1px solid #e5ecee; background:#FFF; padding:0 0 20px 0; overflow:hidden;} .elementor-widget-image-box:hover {border: 1px solid #9cb9c3; box-shadow: 0 26px 50px -28px rgba(38,49,58,.32)!important;} .elementor-image-box-img img:hover {scale:1.05!important;} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-27beb062 .elementor-image-box-title, .elementor-image-box-title span {font-size:13px!important;} .elementor-20 .elementor-element.elementor-element-27beb062 .elementor-image-box-description {font-size:12px!important; font-family:'MontserratSH'!important;} }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-781e3df2 */.elementor-image-box-title, .elementor-image-box-description {padding:0 15px; font-family:'MontserratSH'!important;} .elementor-image-box-title {font-weight:600!important;} .elementor-image-box-title span {margin:5px 0 0 0; font-weight:400; display:block;} .elementor-image-box-description {font-size:13px!important; margin:10px 0 0 0!important;} .elementor-widget-image-box {border: 1px solid #e5ecee; background:#FFF; padding:0 0 20px 0; overflow:hidden;} .elementor-widget-image-box:hover {border: 1px solid #9cb9c3; box-shadow: 0 26px 50px -28px rgba(38,49,58,.32)!important;} .elementor-image-box-img img:hover {scale:1.05!important;} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-781e3df2 .elementor-image-box-title, .elementor-image-box-title span {font-size:13px!important;} .elementor-20 .elementor-element.elementor-element-781e3df2 .elementor-image-box-description {font-size:12px!important; font-family:'MontserratSH'!important;} }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4714176b */.elementor-image-box-title, .elementor-image-box-description {padding:0 15px; font-family:'MontserratSH'!important;} .elementor-image-box-title {font-weight:600!important;} .elementor-image-box-title span {margin:5px 0 0 0; font-weight:400; display:block;} .elementor-image-box-description {font-size:13px!important; margin:10px 0 0 0!important;} .elementor-widget-image-box {border: 1px solid #e5ecee; background:#FFF; padding:0 0 20px 0; overflow:hidden;} .elementor-widget-image-box:hover {border: 1px solid #9cb9c3; box-shadow: 0 26px 50px -28px rgba(38,49,58,.32)!important;} .elementor-image-box-img img:hover {scale:1.05!important;} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-4714176b .elementor-image-box-title, .elementor-image-box-title span {font-size:13px!important;} .elementor-20 .elementor-element.elementor-element-4714176b .elementor-image-box-description {font-size:12px!important; font-family:'MontserratSH'!important;} }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1092c412 */.elementor-image-box-title, .elementor-image-box-description {padding:0 15px; font-family:'MontserratSH'!important;} .elementor-image-box-title {font-weight:600!important;} .elementor-image-box-title span {margin:5px 0 0 0; font-weight:400; display:block;} .elementor-image-box-description {font-size:13px!important; margin:10px 0 0 0!important;} .elementor-widget-image-box {border: 1px solid #e5ecee; background:#FFF; padding:0 0 20px 0; overflow:hidden;} .elementor-widget-image-box:hover {border: 1px solid #9cb9c3; box-shadow: 0 26px 50px -28px rgba(38,49,58,.32)!important;} .elementor-image-box-img img:hover {scale:1.05!important;} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-1092c412 .elementor-image-box-title, .elementor-image-box-title span {font-size:13px!important;} .elementor-20 .elementor-element.elementor-element-1092c412 .elementor-image-box-description {font-size:12px!important; font-family:'MontserratSH'!important;} }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-7ed481d0 */.elementor-image-box-title, .elementor-image-box-description {padding:0 15px; font-family:'MontserratSH'!important;} .elementor-image-box-title {font-weight:600!important;} .elementor-image-box-title span {margin:5px 0 0 0; font-weight:400; display:block;} .elementor-image-box-description {font-size:13px!important; margin:10px 0 0 0!important;} .elementor-widget-image-box {border: 1px solid #e5ecee; background:#FFF; padding:0 0 20px 0; overflow:hidden;} .elementor-widget-image-box:hover {border: 1px solid #9cb9c3; box-shadow: 0 26px 50px -28px rgba(38,49,58,.32)!important;} .elementor-image-box-img img:hover {scale:1.05!important;} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-7ed481d0 .elementor-image-box-title, .elementor-image-box-title span {font-size:13px!important;} .elementor-20 .elementor-element.elementor-element-7ed481d0 .elementor-image-box-description {font-size:12px!important; font-family:'MontserratSH'!important;} }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-3e30c951 */.elementor-image-box-title, .elementor-image-box-description {padding:0 15px; font-family:'MontserratSH'!important;} .elementor-image-box-title {font-weight:600!important;} .elementor-image-box-title span {margin:5px 0 0 0; font-weight:400; display:block;} .elementor-image-box-description {font-size:13px!important; margin:10px 0 0 0!important;} .elementor-widget-image-box {border: 1px solid #e5ecee; background:#FFF; padding:0 0 20px 0; overflow:hidden;} .elementor-widget-image-box:hover {border: 1px solid #9cb9c3; box-shadow: 0 26px 50px -28px rgba(38,49,58,.32)!important;} .elementor-image-box-img img:hover {scale:1.05!important;} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3e30c951 .elementor-image-box-title, .elementor-image-box-title span {font-size:13px!important;} .elementor-20 .elementor-element.elementor-element-3e30c951 .elementor-image-box-description {font-size:12px!important; font-family:'MontserratSH'!important;} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2b37d892 */.erleben-grid { display: flex; flex-wrap: wrap; gap: 20px; align-items: stretch; } /* Desktop: drei Boxen */ .erleben-grid > .elementor-widget-image-box { width: calc((100% - 40px) / 3); max-width: calc((100% - 40px) / 3); flex: 0 0 calc((100% - 40px) / 3); } .erleben-grid .elementor-image-box-wrapper { height: 100%; } /* Bis 767 px: zwei Boxen */ @media (max-width: 767px) { .erleben-grid > .elementor-widget-image-box { width: calc((100% - 20px) / 2); max-width: calc((100% - 20px) / 2); flex-basis: calc((100% - 20px) / 2); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-39899ad0 *//* BG GRADIENT */ .elementor-20 .elementor-element.elementor-element-39899ad0 { background-color: #ffffff; background-image: /* Unteren Bereich weiß ausblenden */ linear-gradient( to bottom, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.75) 78%, #ffffff 100% ), radial-gradient( circle at 82% 14%, rgba(186, 211, 220, 0.38) 0%, rgba(214, 229, 234, 0.22) 24%, rgba(255, 255, 255, 0) 52% ), radial-gradient( circle at 8% 72%, rgba(198, 219, 226, 0.22) 0%, rgba(226, 237, 240, 0.12) 25%, rgba(255, 255, 255, 0) 48% ), radial-gradient( circle at 48% 42%, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.72) 42%, rgba(255, 255, 255, 0) 75% ), linear-gradient( 135deg, #ffffff 0%, #f8fbfc 52%, #eef4f6 100% ); background-repeat: no-repeat; background-size: cover; } /* SHINE EFFECT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-50827cbb */.elementor-20 .elementor-element.elementor-element-50827cbb span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-50827cbb h2, .elementor-20 .elementor-element.elementor-element-50827cbb h3, .elementor-20 .elementor-element.elementor-element-50827cbb h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2838463f */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-2838463f h2, .elementor-20 .elementor-element.elementor-element-2838463f h3, .elementor-20 .elementor-element.elementor-element-2838463f h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3f804f07 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-3f804f07 h2, .elementor-20 .elementor-element.elementor-element-3f804f07 h3, .elementor-20 .elementor-element.elementor-element-3f804f07 h4 {font-size:20px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-75a33ff3 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-75a33ff3 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6328c8b1 */.c10-planwrap { width: 100%; max-width: 1400px; margin: 0 auto; } .c10-plan { position: relative; width: 100%; margin: 0; overflow: hidden; } .c10-plan-img { display: block; width: 100%; height: auto; } /* SVG exakt über dem Grundriss */ .c10-trace { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .c10-snake { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; /* * 55 = Länge des sichtbaren Strichs * 945 = unsichtbarer Abschnitt * Zusammen immer 1000 */ stroke-dasharray: 55 945; stroke-dashoffset: 0; animation: c10-snake-rundlauf 8s linear infinite; } /* Breiter hellblauer Lichtschein */ .c10-snake-glow { stroke: rgba(110, 210, 245, 0.1); stroke-width: 14px; opacity: 0.75; filter: blur(5px) drop-shadow(0 0 6px rgba(100, 205, 245, 0.9)) drop-shadow(0 0 13px rgba(100, 205, 245, 0.65)); } /* Scharfer weißer Strich */ .c10-snake-core { stroke: rgba(255, 255, 255, 0.98); stroke-width: 4px; filter: drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 5px rgba(130, 215, 245, 0.95)); } /* Bewegung entlang der eingezeichneten Richtung */ @keyframes c10-snake-rundlauf { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -1000; } } @media (prefers-reduced-motion: reduce) { .c10-snake { animation: none; } } /* SHINE EFFEKT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6f511026 */.elementor-20 .elementor-element.elementor-element-6f511026 span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-6f511026 h2, .elementor-20 .elementor-element.elementor-element-6f511026 h3, .elementor-20 .elementor-element.elementor-element-6f511026 h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3dfebd71 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-3dfebd71 h2, .elementor-20 .elementor-element.elementor-element-3dfebd71 h3, .elementor-20 .elementor-element.elementor-element-3dfebd71 h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6007457e */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-6007457e h2, .elementor-20 .elementor-element.elementor-element-6007457e h3, .elementor-20 .elementor-element.elementor-element-6007457e h4 {font-size:20px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3475a46f */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-3475a46f {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3a65867d */.c10-planwrap { width: 100%; max-width: 1400px; margin: 0 auto; } .c10-plan { position: relative; width: 100%; margin: 0; overflow: hidden; } .c10-plan-img { display: block; width: 100%; height: auto; } /* SVG exakt über dem Grundriss */ .c10-trace { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .c10-snake { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; /* * 55 = Länge des sichtbaren Strichs * 945 = unsichtbarer Abschnitt * Zusammen immer 1000 */ stroke-dasharray: 55 945; stroke-dashoffset: 0; animation: c10-snake-rundlauf 8s linear infinite; } /* Breiter hellblauer Lichtschein */ .c10-snake-glow { stroke: rgba(110, 210, 245, 0.1); stroke-width: 14px; opacity: 0.75; filter: blur(5px) drop-shadow(0 0 6px rgba(100, 205, 245, 0.9)) drop-shadow(0 0 13px rgba(100, 205, 245, 0.65)); } /* Scharfer weißer Strich */ .c10-snake-core { stroke: rgba(255, 255, 255, 0.98); stroke-width: 4px; filter: drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 5px rgba(130, 215, 245, 0.95)); } /* Bewegung entlang der eingezeichneten Richtung */ @keyframes c10-snake-rundlauf { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -1000; } } @media (prefers-reduced-motion: reduce) { .c10-snake { animation: none; } } /* SHINE EFFEKT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-328966c5 */.elementor-20 .elementor-element.elementor-element-328966c5 span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-328966c5 h2, .elementor-20 .elementor-element.elementor-element-328966c5 h3, .elementor-20 .elementor-element.elementor-element-328966c5 h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-71e9ba31 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-71e9ba31 h2, .elementor-20 .elementor-element.elementor-element-71e9ba31 h3, .elementor-20 .elementor-element.elementor-element-71e9ba31 h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-71d9362 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-71d9362 h2, .elementor-20 .elementor-element.elementor-element-71d9362 h3, .elementor-20 .elementor-element.elementor-element-71d9362 h4 {font-size:20px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9f829a2 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-9f829a2 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-11172a2b */.c10-planwrap { width: 100%; max-width: 1400px; margin: 0 auto; } .c10-plan { position: relative; width: 100%; margin: 0; overflow: hidden; } .c10-plan-img { display: block; width: 100%; height: auto; } /* SVG exakt über dem Grundriss */ .c10-trace { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .c10-snake { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; /* * 55 = Länge des sichtbaren Strichs * 945 = unsichtbarer Abschnitt * Zusammen immer 1000 */ stroke-dasharray: 55 945; stroke-dashoffset: 0; animation: c10-snake-rundlauf 8s linear infinite; } /* Breiter hellblauer Lichtschein */ .c10-snake-glow { stroke: rgba(110, 210, 245, 0.1); stroke-width: 14px; opacity: 0.75; filter: blur(5px) drop-shadow(0 0 6px rgba(100, 205, 245, 0.9)) drop-shadow(0 0 13px rgba(100, 205, 245, 0.65)); } /* Scharfer weißer Strich */ .c10-snake-core { stroke: rgba(255, 255, 255, 0.98); stroke-width: 4px; filter: drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 5px rgba(130, 215, 245, 0.95)); } /* Bewegung entlang der eingezeichneten Richtung */ @keyframes c10-snake-rundlauf { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -1000; } } @media (prefers-reduced-motion: reduce) { .c10-snake { animation: none; } } /* SHINE EFFEKT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-50827cbb */.elementor-20 .elementor-element.elementor-element-50827cbb span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-50827cbb h2, .elementor-20 .elementor-element.elementor-element-50827cbb h3, .elementor-20 .elementor-element.elementor-element-50827cbb h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2838463f */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-2838463f h2, .elementor-20 .elementor-element.elementor-element-2838463f h3, .elementor-20 .elementor-element.elementor-element-2838463f h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3f804f07 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-3f804f07 h2, .elementor-20 .elementor-element.elementor-element-3f804f07 h3, .elementor-20 .elementor-element.elementor-element-3f804f07 h4 {font-size:20px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-75a33ff3 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-75a33ff3 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6328c8b1 */.c10-planwrap { width: 100%; max-width: 1400px; margin: 0 auto; } .c10-plan { position: relative; width: 100%; margin: 0; overflow: hidden; } .c10-plan-img { display: block; width: 100%; height: auto; } /* SVG exakt über dem Grundriss */ .c10-trace { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .c10-snake { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; /* * 55 = Länge des sichtbaren Strichs * 945 = unsichtbarer Abschnitt * Zusammen immer 1000 */ stroke-dasharray: 55 945; stroke-dashoffset: 0; animation: c10-snake-rundlauf 8s linear infinite; } /* Breiter hellblauer Lichtschein */ .c10-snake-glow { stroke: rgba(110, 210, 245, 0.1); stroke-width: 14px; opacity: 0.75; filter: blur(5px) drop-shadow(0 0 6px rgba(100, 205, 245, 0.9)) drop-shadow(0 0 13px rgba(100, 205, 245, 0.65)); } /* Scharfer weißer Strich */ .c10-snake-core { stroke: rgba(255, 255, 255, 0.98); stroke-width: 4px; filter: drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 5px rgba(130, 215, 245, 0.95)); } /* Bewegung entlang der eingezeichneten Richtung */ @keyframes c10-snake-rundlauf { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -1000; } } @media (prefers-reduced-motion: reduce) { .c10-snake { animation: none; } } /* SHINE EFFEKT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6f511026 */.elementor-20 .elementor-element.elementor-element-6f511026 span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-6f511026 h2, .elementor-20 .elementor-element.elementor-element-6f511026 h3, .elementor-20 .elementor-element.elementor-element-6f511026 h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3dfebd71 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-3dfebd71 h2, .elementor-20 .elementor-element.elementor-element-3dfebd71 h3, .elementor-20 .elementor-element.elementor-element-3dfebd71 h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6007457e */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-6007457e h2, .elementor-20 .elementor-element.elementor-element-6007457e h3, .elementor-20 .elementor-element.elementor-element-6007457e h4 {font-size:20px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3475a46f */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-3475a46f {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3a65867d */.c10-planwrap { width: 100%; max-width: 1400px; margin: 0 auto; } .c10-plan { position: relative; width: 100%; margin: 0; overflow: hidden; } .c10-plan-img { display: block; width: 100%; height: auto; } /* SVG exakt über dem Grundriss */ .c10-trace { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .c10-snake { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; /* * 55 = Länge des sichtbaren Strichs * 945 = unsichtbarer Abschnitt * Zusammen immer 1000 */ stroke-dasharray: 55 945; stroke-dashoffset: 0; animation: c10-snake-rundlauf 8s linear infinite; } /* Breiter hellblauer Lichtschein */ .c10-snake-glow { stroke: rgba(110, 210, 245, 0.1); stroke-width: 14px; opacity: 0.75; filter: blur(5px) drop-shadow(0 0 6px rgba(100, 205, 245, 0.9)) drop-shadow(0 0 13px rgba(100, 205, 245, 0.65)); } /* Scharfer weißer Strich */ .c10-snake-core { stroke: rgba(255, 255, 255, 0.98); stroke-width: 4px; filter: drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 5px rgba(130, 215, 245, 0.95)); } /* Bewegung entlang der eingezeichneten Richtung */ @keyframes c10-snake-rundlauf { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -1000; } } @media (prefers-reduced-motion: reduce) { .c10-snake { animation: none; } } /* SHINE EFFEKT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-328966c5 */.elementor-20 .elementor-element.elementor-element-328966c5 span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-328966c5 h2, .elementor-20 .elementor-element.elementor-element-328966c5 h3, .elementor-20 .elementor-element.elementor-element-328966c5 h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-71e9ba31 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-71e9ba31 h2, .elementor-20 .elementor-element.elementor-element-71e9ba31 h3, .elementor-20 .elementor-element.elementor-element-71e9ba31 h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-71d9362 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-71d9362 h2, .elementor-20 .elementor-element.elementor-element-71d9362 h3, .elementor-20 .elementor-element.elementor-element-71d9362 h4 {font-size:20px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9f829a2 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-9f829a2 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-11172a2b */.c10-planwrap { width: 100%; max-width: 1400px; margin: 0 auto; } .c10-plan { position: relative; width: 100%; margin: 0; overflow: hidden; } .c10-plan-img { display: block; width: 100%; height: auto; } /* SVG exakt über dem Grundriss */ .c10-trace { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .c10-snake { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; /* * 55 = Länge des sichtbaren Strichs * 945 = unsichtbarer Abschnitt * Zusammen immer 1000 */ stroke-dasharray: 55 945; stroke-dashoffset: 0; animation: c10-snake-rundlauf 8s linear infinite; } /* Breiter hellblauer Lichtschein */ .c10-snake-glow { stroke: rgba(110, 210, 245, 0.1); stroke-width: 14px; opacity: 0.75; filter: blur(5px) drop-shadow(0 0 6px rgba(100, 205, 245, 0.9)) drop-shadow(0 0 13px rgba(100, 205, 245, 0.65)); } /* Scharfer weißer Strich */ .c10-snake-core { stroke: rgba(255, 255, 255, 0.98); stroke-width: 4px; filter: drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 5px rgba(130, 215, 245, 0.95)); } /* Bewegung entlang der eingezeichneten Richtung */ @keyframes c10-snake-rundlauf { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -1000; } } @media (prefers-reduced-motion: reduce) { .c10-snake { animation: none; } } /* SHINE EFFEKT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-50827cbb */.elementor-20 .elementor-element.elementor-element-50827cbb span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-50827cbb h2, .elementor-20 .elementor-element.elementor-element-50827cbb h3, .elementor-20 .elementor-element.elementor-element-50827cbb h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2838463f */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-2838463f h2, .elementor-20 .elementor-element.elementor-element-2838463f h3, .elementor-20 .elementor-element.elementor-element-2838463f h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3f804f07 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-3f804f07 h2, .elementor-20 .elementor-element.elementor-element-3f804f07 h3, .elementor-20 .elementor-element.elementor-element-3f804f07 h4 {font-size:20px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-75a33ff3 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-75a33ff3 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6328c8b1 */.c10-planwrap { width: 100%; max-width: 1400px; margin: 0 auto; } .c10-plan { position: relative; width: 100%; margin: 0; overflow: hidden; } .c10-plan-img { display: block; width: 100%; height: auto; } /* SVG exakt über dem Grundriss */ .c10-trace { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .c10-snake { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; /* * 55 = Länge des sichtbaren Strichs * 945 = unsichtbarer Abschnitt * Zusammen immer 1000 */ stroke-dasharray: 55 945; stroke-dashoffset: 0; animation: c10-snake-rundlauf 8s linear infinite; } /* Breiter hellblauer Lichtschein */ .c10-snake-glow { stroke: rgba(110, 210, 245, 0.1); stroke-width: 14px; opacity: 0.75; filter: blur(5px) drop-shadow(0 0 6px rgba(100, 205, 245, 0.9)) drop-shadow(0 0 13px rgba(100, 205, 245, 0.65)); } /* Scharfer weißer Strich */ .c10-snake-core { stroke: rgba(255, 255, 255, 0.98); stroke-width: 4px; filter: drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 5px rgba(130, 215, 245, 0.95)); } /* Bewegung entlang der eingezeichneten Richtung */ @keyframes c10-snake-rundlauf { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -1000; } } @media (prefers-reduced-motion: reduce) { .c10-snake { animation: none; } } /* SHINE EFFEKT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6f511026 */.elementor-20 .elementor-element.elementor-element-6f511026 span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-6f511026 h2, .elementor-20 .elementor-element.elementor-element-6f511026 h3, .elementor-20 .elementor-element.elementor-element-6f511026 h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3dfebd71 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-3dfebd71 h2, .elementor-20 .elementor-element.elementor-element-3dfebd71 h3, .elementor-20 .elementor-element.elementor-element-3dfebd71 h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6007457e */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-6007457e h2, .elementor-20 .elementor-element.elementor-element-6007457e h3, .elementor-20 .elementor-element.elementor-element-6007457e h4 {font-size:20px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3475a46f */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-3475a46f {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3a65867d */.c10-planwrap { width: 100%; max-width: 1400px; margin: 0 auto; } .c10-plan { position: relative; width: 100%; margin: 0; overflow: hidden; } .c10-plan-img { display: block; width: 100%; height: auto; } /* SVG exakt über dem Grundriss */ .c10-trace { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .c10-snake { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; /* * 55 = Länge des sichtbaren Strichs * 945 = unsichtbarer Abschnitt * Zusammen immer 1000 */ stroke-dasharray: 55 945; stroke-dashoffset: 0; animation: c10-snake-rundlauf 8s linear infinite; } /* Breiter hellblauer Lichtschein */ .c10-snake-glow { stroke: rgba(110, 210, 245, 0.1); stroke-width: 14px; opacity: 0.75; filter: blur(5px) drop-shadow(0 0 6px rgba(100, 205, 245, 0.9)) drop-shadow(0 0 13px rgba(100, 205, 245, 0.65)); } /* Scharfer weißer Strich */ .c10-snake-core { stroke: rgba(255, 255, 255, 0.98); stroke-width: 4px; filter: drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 5px rgba(130, 215, 245, 0.95)); } /* Bewegung entlang der eingezeichneten Richtung */ @keyframes c10-snake-rundlauf { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -1000; } } @media (prefers-reduced-motion: reduce) { .c10-snake { animation: none; } } /* SHINE EFFEKT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-328966c5 */.elementor-20 .elementor-element.elementor-element-328966c5 span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-328966c5 h2, .elementor-20 .elementor-element.elementor-element-328966c5 h3, .elementor-20 .elementor-element.elementor-element-328966c5 h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-71e9ba31 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-71e9ba31 h2, .elementor-20 .elementor-element.elementor-element-71e9ba31 h3, .elementor-20 .elementor-element.elementor-element-71e9ba31 h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-71d9362 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-71d9362 h2, .elementor-20 .elementor-element.elementor-element-71d9362 h3, .elementor-20 .elementor-element.elementor-element-71d9362 h4 {font-size:20px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9f829a2 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-9f829a2 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-11172a2b */.c10-planwrap { width: 100%; max-width: 1400px; margin: 0 auto; } .c10-plan { position: relative; width: 100%; margin: 0; overflow: hidden; } .c10-plan-img { display: block; width: 100%; height: auto; } /* SVG exakt über dem Grundriss */ .c10-trace { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .c10-snake { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; /* * 55 = Länge des sichtbaren Strichs * 945 = unsichtbarer Abschnitt * Zusammen immer 1000 */ stroke-dasharray: 55 945; stroke-dashoffset: 0; animation: c10-snake-rundlauf 8s linear infinite; } /* Breiter hellblauer Lichtschein */ .c10-snake-glow { stroke: rgba(110, 210, 245, 0.1); stroke-width: 14px; opacity: 0.75; filter: blur(5px) drop-shadow(0 0 6px rgba(100, 205, 245, 0.9)) drop-shadow(0 0 13px rgba(100, 205, 245, 0.65)); } /* Scharfer weißer Strich */ .c10-snake-core { stroke: rgba(255, 255, 255, 0.98); stroke-width: 4px; filter: drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 5px rgba(130, 215, 245, 0.95)); } /* Bewegung entlang der eingezeichneten Richtung */ @keyframes c10-snake-rundlauf { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -1000; } } @media (prefers-reduced-motion: reduce) { .c10-snake { animation: none; } } /* SHINE EFFEKT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-50827cbb */.elementor-20 .elementor-element.elementor-element-50827cbb span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-50827cbb h2, .elementor-20 .elementor-element.elementor-element-50827cbb h3, .elementor-20 .elementor-element.elementor-element-50827cbb h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2838463f */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-2838463f h2, .elementor-20 .elementor-element.elementor-element-2838463f h3, .elementor-20 .elementor-element.elementor-element-2838463f h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3f804f07 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-3f804f07 h2, .elementor-20 .elementor-element.elementor-element-3f804f07 h3, .elementor-20 .elementor-element.elementor-element-3f804f07 h4 {font-size:20px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-75a33ff3 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-75a33ff3 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6328c8b1 */.c10-planwrap { width: 100%; max-width: 1400px; margin: 0 auto; } .c10-plan { position: relative; width: 100%; margin: 0; overflow: hidden; } .c10-plan-img { display: block; width: 100%; height: auto; } /* SVG exakt über dem Grundriss */ .c10-trace { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .c10-snake { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; /* * 55 = Länge des sichtbaren Strichs * 945 = unsichtbarer Abschnitt * Zusammen immer 1000 */ stroke-dasharray: 55 945; stroke-dashoffset: 0; animation: c10-snake-rundlauf 8s linear infinite; } /* Breiter hellblauer Lichtschein */ .c10-snake-glow { stroke: rgba(110, 210, 245, 0.1); stroke-width: 14px; opacity: 0.75; filter: blur(5px) drop-shadow(0 0 6px rgba(100, 205, 245, 0.9)) drop-shadow(0 0 13px rgba(100, 205, 245, 0.65)); } /* Scharfer weißer Strich */ .c10-snake-core { stroke: rgba(255, 255, 255, 0.98); stroke-width: 4px; filter: drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 5px rgba(130, 215, 245, 0.95)); } /* Bewegung entlang der eingezeichneten Richtung */ @keyframes c10-snake-rundlauf { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -1000; } } @media (prefers-reduced-motion: reduce) { .c10-snake { animation: none; } } /* SHINE EFFEKT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6f511026 */.elementor-20 .elementor-element.elementor-element-6f511026 span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-6f511026 h2, .elementor-20 .elementor-element.elementor-element-6f511026 h3, .elementor-20 .elementor-element.elementor-element-6f511026 h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3dfebd71 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-3dfebd71 h2, .elementor-20 .elementor-element.elementor-element-3dfebd71 h3, .elementor-20 .elementor-element.elementor-element-3dfebd71 h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6007457e */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-6007457e h2, .elementor-20 .elementor-element.elementor-element-6007457e h3, .elementor-20 .elementor-element.elementor-element-6007457e h4 {font-size:20px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3475a46f */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-3475a46f {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3a65867d */.c10-planwrap { width: 100%; max-width: 1400px; margin: 0 auto; } .c10-plan { position: relative; width: 100%; margin: 0; overflow: hidden; } .c10-plan-img { display: block; width: 100%; height: auto; } /* SVG exakt über dem Grundriss */ .c10-trace { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .c10-snake { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; /* * 55 = Länge des sichtbaren Strichs * 945 = unsichtbarer Abschnitt * Zusammen immer 1000 */ stroke-dasharray: 55 945; stroke-dashoffset: 0; animation: c10-snake-rundlauf 8s linear infinite; } /* Breiter hellblauer Lichtschein */ .c10-snake-glow { stroke: rgba(110, 210, 245, 0.1); stroke-width: 14px; opacity: 0.75; filter: blur(5px) drop-shadow(0 0 6px rgba(100, 205, 245, 0.9)) drop-shadow(0 0 13px rgba(100, 205, 245, 0.65)); } /* Scharfer weißer Strich */ .c10-snake-core { stroke: rgba(255, 255, 255, 0.98); stroke-width: 4px; filter: drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 5px rgba(130, 215, 245, 0.95)); } /* Bewegung entlang der eingezeichneten Richtung */ @keyframes c10-snake-rundlauf { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -1000; } } @media (prefers-reduced-motion: reduce) { .c10-snake { animation: none; } } /* SHINE EFFEKT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-328966c5 */.elementor-20 .elementor-element.elementor-element-328966c5 span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-328966c5 h2, .elementor-20 .elementor-element.elementor-element-328966c5 h3, .elementor-20 .elementor-element.elementor-element-328966c5 h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-71e9ba31 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-71e9ba31 h2, .elementor-20 .elementor-element.elementor-element-71e9ba31 h3, .elementor-20 .elementor-element.elementor-element-71e9ba31 h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-71d9362 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-71d9362 h2, .elementor-20 .elementor-element.elementor-element-71d9362 h3, .elementor-20 .elementor-element.elementor-element-71d9362 h4 {font-size:20px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9f829a2 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-9f829a2 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-11172a2b */.c10-planwrap { width: 100%; max-width: 1400px; margin: 0 auto; } .c10-plan { position: relative; width: 100%; margin: 0; overflow: hidden; } .c10-plan-img { display: block; width: 100%; height: auto; } /* SVG exakt über dem Grundriss */ .c10-trace { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .c10-snake { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; /* * 55 = Länge des sichtbaren Strichs * 945 = unsichtbarer Abschnitt * Zusammen immer 1000 */ stroke-dasharray: 55 945; stroke-dashoffset: 0; animation: c10-snake-rundlauf 8s linear infinite; } /* Breiter hellblauer Lichtschein */ .c10-snake-glow { stroke: rgba(110, 210, 245, 0.1); stroke-width: 14px; opacity: 0.75; filter: blur(5px) drop-shadow(0 0 6px rgba(100, 205, 245, 0.9)) drop-shadow(0 0 13px rgba(100, 205, 245, 0.65)); } /* Scharfer weißer Strich */ .c10-snake-core { stroke: rgba(255, 255, 255, 0.98); stroke-width: 4px; filter: drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 5px rgba(130, 215, 245, 0.95)); } /* Bewegung entlang der eingezeichneten Richtung */ @keyframes c10-snake-rundlauf { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -1000; } } @media (prefers-reduced-motion: reduce) { .c10-snake { animation: none; } } /* SHINE EFFEKT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-39ed16d0 */.elementor-20 .elementor-element.elementor-element-39ed16d0:hover {cursor:pointer;}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-50443ff */.elementor-20 .elementor-element.elementor-element-50443ff span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-50443ff h2, .elementor-20 .elementor-element.elementor-element-50443ff h3, .elementor-20 .elementor-element.elementor-element-50443ff h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1eac2a53 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-1eac2a53 h2, .elementor-20 .elementor-element.elementor-element-1eac2a53 h3, .elementor-20 .elementor-element.elementor-element-1eac2a53 h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-a0d497d */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-a0d497d {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-27f52303 *//* SHINE EFFECT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6306c108 */.elementor-20 .elementor-element.elementor-element-6306c108 span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-6306c108 h2, .elementor-20 .elementor-element.elementor-element-6306c108 h3, .elementor-20 .elementor-element.elementor-element-6306c108 h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9bb54a6 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-9bb54a6 h2, .elementor-20 .elementor-element.elementor-element-9bb54a6 h3, .elementor-20 .elementor-element.elementor-element-9bb54a6 h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4cd57eb0 *//* Raster: jeweils zwei Feature-Boxen nebeneinander */ .feature-box-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 20px; width: 100%; } @media (max-width: 767px) { .feature-box-grid {display:block!important;} .feature-box {margin-bottom:10px;} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-57a53440 *//* Einzelne Box */ .feature-box { position: relative; align-self: start; overflow: hidden; isolation: isolate; border: 1px solid #e0e9ec; background: rgba(255, 255, 255, 0.72); color: #26313a; transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } .feature-box * { box-sizing: border-box; font-family: "MontserratSH", Montserrat, sans-serif; } /* Checkbox ausblenden */ .feature-box__checkbox { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; } /* Klickbarer Kopfbereich */ .feature-box__header { position: relative; z-index: 2; display: flex; align-items: center; min-height: 80px; padding: 14px 48px 14px 16px; cursor: pointer; } /* Dezenter Hintergrundeffekt */ .feature-box::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 110deg, rgba(156, 185, 195, 0.15), rgba(255, 255, 255, 0.45) 55%, transparent ); opacity: 0; transform: translateX(-25%); transition: opacity 0.4s ease, transform 0.5s ease; } /* Icon-Kreis */ .feature-box__icon { flex: 0 0 48px; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-right: 14px; border-radius: 50%; background: #f1f6f7; color: #6d98a7; transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease; } .feature-box__icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } /* Texte */ .feature-box__text { display: flex; flex-direction: column; min-width: 0; } .feature-box__title { color: #26313a; font-size: 15px; font-weight: 600; line-height: 1.3; } .feature-box__subtitle { margin-top: 4px; color: #9ab0b8; font-size: 11px; font-weight: 600; line-height: 1.3; letter-spacing: 1.2px; text-transform: uppercase; } /* Pfeil */ .feature-box__arrow { position: absolute; top: 50%; right: 20px; color: #bdd0d6; font-family: Arial, sans-serif; font-size: 25px; font-weight: 300; line-height: 1; transform: translateY(-52%); transition: color 0.3s ease, transform 0.3s ease; } /* Ausklappbarer Inhalt */ .feature-box__collapse { position: relative; z-index: 2; display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s ease; } .feature-box__content-wrapper { overflow: hidden; } .feature-box__content { padding: 0 24px; color: #66747c; font-size: 14px; font-weight: 400; line-height: 1.7; opacity: 0; transform: translateY(-8px); transition: padding 0.35s ease, opacity 0.25s ease, transform 0.35s ease; } /* Hover */ .feature-box:hover { border-color: #9abac5; background: #ffffff; box-shadow: 0 18px 35px -24px rgba(38, 49, 58, 0.55); transform: translateY(-2px); } .feature-box:hover::before { opacity: 1; transform: translateX(0); } .feature-box:hover .feature-box__icon { color: #ffffff; background: #9abac5; transform: scale(1.06); } .feature-box:hover .feature-box__arrow { color: #6d98a7; transform: translate(4px, -52%); } /* Geöffneter Zustand */ .feature-box__checkbox:checked ~ .feature-box__collapse { grid-template-rows: 1fr; } .feature-box__checkbox:checked ~ .feature-box__collapse .feature-box__content { padding-top: 2px; padding-bottom: 20px; opacity: 1; transform: translateY(0); } .feature-box__checkbox:checked + .feature-box__header .feature-box__icon { color: #ffffff; background: #9abac5; } .feature-box__checkbox:checked + .feature-box__header .feature-box__arrow { color: #6d98a7; transform: translateY(-50%) rotate(90deg); } .feature-box:has(.feature-box__checkbox:checked) { border-color: #9abac5; background: #ffffff; box-shadow: 0 18px 35px -24px rgba(38, 49, 58, 0.45); } /* Tastatur-Fokus */ .feature-box__checkbox:focus-visible + .feature-box__header { outline: 2px solid #6d98a7; outline-offset: -3px; } /* Smartphone */ @media (max-width: 650px) { .feature-box-grid { grid-template-columns: 1fr; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-467cdea9 *//* BG GRADIENT */ .elementor-20 .elementor-element.elementor-element-467cdea9 { background-color: #ffffff; background-image: radial-gradient( ellipse at 82% 12%, rgba(210, 226, 231, 0.72) 0%, rgba(225, 236, 239, 0.48) 25%, rgba(242, 247, 248, 0.22) 48%, transparent 72% ), radial-gradient( ellipse at 5% 100%, rgba(225, 236, 239, 0.45) 0%, rgba(242, 247, 248, 0.20) 38%, transparent 70% ); } /* SHINE EFFECT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-15a0a0b8 */.elementor-20 .elementor-element.elementor-element-15a0a0b8 span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-15a0a0b8 h2, .elementor-20 .elementor-element.elementor-element-15a0a0b8 h3, .elementor-20 .elementor-element.elementor-element-15a0a0b8 h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-723172ac */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-723172ac h2, .elementor-20 .elementor-element.elementor-element-723172ac h3, .elementor-20 .elementor-element.elementor-element-723172ac h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-12ee3ad3 */.elementor-20 .elementor-element.elementor-element-12ee3ad3 span {background:#cfdde2; display:inline-block; padding:0 5px;} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-12ee3ad3 h3 {font-size:24px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1bbc16fb */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-1bbc16fb {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-460baee */.elementor-20 .elementor-element.elementor-element-460baee i {color:#FFF!important;} .elementor-button:hover i {color:#FFF;} .elementor-20 .elementor-element.elementor-element-460baee {transition: transform .4s cubic-bezier(.19,1,.22,1),border-color .3s ease,background .3s ease,color .3s ease;} .elementor-20 .elementor-element.elementor-element-460baee:hover {transform: translateY(-2px);} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-460baee .elementor-button {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6ecf1011 */.elementor-20 .elementor-element.elementor-element-6ecf1011 .elementor-button-icon svg {fill:#9cb9c3!important;} .elementor-20 .elementor-element.elementor-element-6ecf1011 {transition: transform .4s cubic-bezier(.19,1,.22,1),border-color .3s ease,background .3s ease,color .3s ease;} .elementor-20 .elementor-element.elementor-element-6ecf1011:hover {transform: translateY(-2px);} .elementor-button:hover {border:1px solid #9cb9c3;} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-6ecf1011 .elementor-button {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4a64d726 */.elementor-20 .elementor-element.elementor-element-4a64d726 .elementor-button-icon svg {fill:#9cb9c3!important;} .elementor-20 .elementor-element.elementor-element-4a64d726 {transition: transform .4s cubic-bezier(.19,1,.22,1),border-color .3s ease,background .3s ease,color .3s ease;} .elementor-20 .elementor-element.elementor-element-4a64d726:hover {transform: translateY(-2px);} .elementor-button:hover {border:1px solid #9cb9c3;} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-4a64d726 .elementor-button {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-163c54e4 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-163c54e4 {display:none;} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4258971 */.elementor-20 .elementor-element.elementor-element-4258971 i {color:#FFF!important;} .elementor-button:hover i {color:#FFF;} .elementor-20 .elementor-element.elementor-element-4258971 {transition: transform .4s cubic-bezier(.19,1,.22,1),border-color .3s ease,background .3s ease,color .3s ease;} .elementor-20 .elementor-element.elementor-element-4258971:hover {transform: translateY(-2px);} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-4258971 .elementor-button {font-size:14px!important;} } .elementor-20 .elementor-element.elementor-element-4258971 a {display:block!important; width:100%!important;} @media (min-width: 1024px) { .elementor-20 .elementor-element.elementor-element-4258971 {display:none;} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cb4c2d3 */.elementor-20 .elementor-element.elementor-element-cb4c2d3 .elementor-button-icon svg {fill:#9cb9c3!important;} .elementor-20 .elementor-element.elementor-element-cb4c2d3 {transition: transform .4s cubic-bezier(.19,1,.22,1),border-color .3s ease,background .3s ease,color .3s ease;} .elementor-20 .elementor-element.elementor-element-cb4c2d3:hover {transform: translateY(-2px);} .elementor-button:hover {border:1px solid #9cb9c3;} .elementor-20 .elementor-element.elementor-element-cb4c2d3 a {width:100%;}/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-271b332 */.elementor-20 .elementor-element.elementor-element-271b332 .elementor-button-icon svg {fill:#9cb9c3!important;} .elementor-20 .elementor-element.elementor-element-271b332 {transition: transform .4s cubic-bezier(.19,1,.22,1),border-color .3s ease,background .3s ease,color .3s ease;} .elementor-20 .elementor-element.elementor-element-271b332:hover {transform: translateY(-2px);} .elementor-button:hover {border:1px solid #9cb9c3;} .elementor-20 .elementor-element.elementor-element-271b332 a {width:100%;}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-70100af */@media (min-width: 1024px) { .elementor-20 .elementor-element.elementor-element-70100af {display:none;} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b99deaf */.elementor-20 .elementor-element.elementor-element-1b99deaf {box-shadow: 0 26px 54px -34px rgba(38,49,58,.4),inset 0 1px 0 rgba(255,255,255,.7); border:1px solid #e5ecee; background:#FFF;}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7e98dd9 *//* Unscharfer Gradient-Hintergrund */ .elementor-20 .elementor-element.elementor-element-7e98dd9::before { content: ""; position: absolute; inset: -10%; z-index: 0; pointer-events: none; background: radial-gradient( ellipse at 84% 16%, rgba(174, 204, 215, 0.48) 0%, rgba(201, 220, 227, 0.25) 25%, transparent 55% ), radial-gradient( ellipse at 8% 82%, rgba(185, 211, 220, 0.38) 0%, rgba(218, 232, 237, 0.20) 30%, transparent 58% ), radial-gradient( ellipse at 48% 46%, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.75) 38%, transparent 72% ), linear-gradient( 135deg, #ffffff 0%, #f6f9fa 55%, #eaf1f3 100% ); filter: blur(38px); transform: scale(1.08); } /* Nach unten in Weiß ausblenden */ .elementor-20 .elementor-element.elementor-element-7e98dd9::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( to bottom, transparent 55%, rgba(255, 255, 255, 0.65) 82%, #ffffff 100% ); } /* SHINE EFFECT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-31689df5 *//* Normaler HTML-Button */ .button-impuls, /* Elementor-Button */ .button-impuls .elementor-button { transform-origin: center; will-change: transform; animation: button-aufmerksamkeit 4s ease-in-out infinite; } @keyframes button-aufmerksamkeit { /* Ruhezustand */ 0%, 5%, 50%, 100% { transform: scale(1) rotate(0deg); } /* Kurz zusammenziehen */ 10% { transform: scale(0.94) rotate(0deg); } /* Leicht vergrößern */ 15% { transform: scale(1.06) rotate(0deg); } /* Wackelbewegung */ 20% { transform: scale(1.06) rotate(-2deg); } 25% { transform: scale(1.06) rotate(2deg); } 30% { transform: scale(1.06) rotate(-1.5deg); } 35% { transform: scale(1.06) rotate(1deg); } 40% { transform: scale(1.06) rotate(0deg); } /* Zurück zum Ausgangszustand */ 45% { transform: scale(1) rotate(0deg); } } /* Klick-Effekt */ .button-impuls:active, .button-impuls .elementor-button:active { transform: scale(0.96); } /* Animation bei reduzierter Bewegung deaktivieren */ @media (prefers-reduced-motion: reduce) { .button-impuls, .button-impuls .elementor-button { animation: none; } } @media (max-width:1024px) { .elementor-20 .elementor-element.elementor-element-31689df5 {text-align:center; padding:25px 0!important;} .elementor-20 .elementor-element.elementor-element-31689df5 .elementor-button {max-width:86%; font-size:14px!important;} } @media (max-width: 767px) { .elementor-20 .elementor-element.elementor-element-31689df5 {text-align:center; padding:15px 0!important;} .elementor-20 .elementor-element.elementor-element-31689df5 .elementor-button {max-width:84%; font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fd536af */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-fd536af {overflow:hidden!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2838b6bb */.elementor-20 .elementor-element.elementor-element-2838b6bb span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-2838b6bb h2, .elementor-20 .elementor-element.elementor-element-2838b6bb h3, .elementor-20 .elementor-element.elementor-element-2838b6bb h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-506d1a1d */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-506d1a1d h2, .elementor-20 .elementor-element.elementor-element-506d1a1d h3, .elementor-20 .elementor-element.elementor-element-506d1a1d h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-8579ae0 */@media (max-width: 1204px) { .elementor-20 .elementor-element.elementor-element-8579ae0 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4487ace9 */@media (max-width:1024px) { .elementor-20 .elementor-element.elementor-element-4487ace9 .elementor-button {font-size:13px!important;} } @media (max-width:767px) { .elementor-20 .elementor-element.elementor-element-4487ace9 .elementor-button {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-83d096 */@media (max-width:1024px) { .elementor-20 .elementor-element.elementor-element-83d096 .elementor-button {font-size:13px!important;} } @media (max-width:767px) { .elementor-20 .elementor-element.elementor-element-83d096 .elementor-button {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-509c743f */@media (max-width:1024px) { .elementor-20 .elementor-element.elementor-element-509c743f .elementor-button {font-size:13px!important;} } @media (max-width:767px) { .elementor-20 .elementor-element.elementor-element-509c743f .elementor-button {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2e00d963 */@media (max-width:1024px) { .elementor-20 .elementor-element.elementor-element-2e00d963 .elementor-button {font-size:13px!important;} } @media (max-width:767px) { .elementor-20 .elementor-element.elementor-element-2e00d963 .elementor-button {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-47d8dff1 */@media (max-width:1024px) { .elementor-20 .elementor-element.elementor-element-47d8dff1 .elementor-button {font-size:13px!important;} } @media (max-width:767px) { .elementor-20 .elementor-element.elementor-element-47d8dff1 .elementor-button {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2c0843a5 */@media (max-width:1024px) { .elementor-20 .elementor-element.elementor-element-2c0843a5 .elementor-button {font-size:13px!important;} } @media (max-width:767px) { .elementor-20 .elementor-element.elementor-element-2c0843a5 .elementor-button {font-size:14px!important; text-align:left; max-width:210px;} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b92a2e8 */@media (max-width:1024px) { .elementor-20 .elementor-element.elementor-element-b92a2e8 .elementor-button {font-size:13px!important;} } @media (max-width:767px) { .elementor-20 .elementor-element.elementor-element-b92a2e8 .elementor-button {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bcd1592 */@media (max-width: 767px) { .elementor-20 .elementor-element.elementor-element-bcd1592 {margin-top:0px!important;} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4baf23c7 *//* Hintergrund wie im Screenshot */ .elementor-20 .elementor-element.elementor-element-4baf23c7 { background-color: #f8fafb; background-image: /* Heller Mittelpunkt */ radial-gradient( ellipse at 48% 48%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.88) 34%, rgba(255, 255, 255, 0) 68% ), /* Hellblauer Bereich oben rechts */ radial-gradient( ellipse at 88% 12%, rgba(184, 209, 218, 0.42) 0%, rgba(213, 228, 233, 0.24) 28%, rgba(255, 255, 255, 0) 58% ), /* Hellblauer Bereich unten links */ radial-gradient( ellipse at 5% 92%, rgba(191, 215, 223, 0.32) 0%, rgba(221, 234, 238, 0.18) 28%, rgba(255, 255, 255, 0) 56% ), /* Sehr dezente Grundfläche */ linear-gradient( 135deg, #ffffff 0%, #f8fafb 52%, #eef4f6 100% ); background-repeat: no-repeat; background-size: cover; } /* SHINE EFFECT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6e86acc8 */.elementor-20 .elementor-element.elementor-element-6e86acc8 span {position:relative; top:-1px; letter-spacing:-1px; margin-right:5px; color:#9cb9c3;} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-6e86acc8 h2, .elementor-20 .elementor-element.elementor-element-6e86acc8 h3, .elementor-20 .elementor-element.elementor-element-6e86acc8 h4 {font-size:0.6em!important;} }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6d4addf0 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-6d4addf0 h2, .elementor-20 .elementor-element.elementor-element-6d4addf0 h3, .elementor-20 .elementor-element.elementor-element-6d4addf0 h4 {font-size:30px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1d50e37b */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-1d50e37b {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3028cd22 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3028cd22 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1d6ab518 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-1d6ab518 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2a543fb9 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-2a543fb9 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3bb41bcd */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3bb41bcd {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-51ece974 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-51ece974 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-228093c */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-228093c {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-36363ed7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-36363ed7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-339adfc7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-339adfc7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3028cd22 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3028cd22 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1d6ab518 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-1d6ab518 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2a543fb9 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-2a543fb9 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3bb41bcd */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3bb41bcd {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-51ece974 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-51ece974 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-228093c */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-228093c {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-36363ed7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-36363ed7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-339adfc7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-339adfc7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3028cd22 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3028cd22 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1d6ab518 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-1d6ab518 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2a543fb9 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-2a543fb9 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3bb41bcd */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3bb41bcd {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-51ece974 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-51ece974 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-228093c */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-228093c {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-36363ed7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-36363ed7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-339adfc7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-339adfc7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3028cd22 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3028cd22 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1d6ab518 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-1d6ab518 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2a543fb9 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-2a543fb9 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3bb41bcd */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3bb41bcd {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-51ece974 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-51ece974 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-228093c */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-228093c {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-36363ed7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-36363ed7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-339adfc7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-339adfc7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3028cd22 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3028cd22 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1d6ab518 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-1d6ab518 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2a543fb9 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-2a543fb9 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3bb41bcd */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3bb41bcd {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-51ece974 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-51ece974 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-228093c */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-228093c {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-36363ed7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-36363ed7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-339adfc7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-339adfc7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3028cd22 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3028cd22 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1d6ab518 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-1d6ab518 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2a543fb9 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-2a543fb9 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3bb41bcd */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3bb41bcd {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-51ece974 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-51ece974 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-228093c */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-228093c {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-36363ed7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-36363ed7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-339adfc7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-339adfc7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3028cd22 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3028cd22 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1d6ab518 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-1d6ab518 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2a543fb9 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-2a543fb9 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3bb41bcd */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3bb41bcd {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-51ece974 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-51ece974 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-228093c */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-228093c {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-36363ed7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-36363ed7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-339adfc7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-339adfc7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3028cd22 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3028cd22 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1d6ab518 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-1d6ab518 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2a543fb9 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-2a543fb9 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3bb41bcd */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3bb41bcd {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-51ece974 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-51ece974 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-228093c */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-228093c {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-36363ed7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-36363ed7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-339adfc7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-339adfc7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3028cd22 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3028cd22 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-1d6ab518 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-1d6ab518 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2a543fb9 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-2a543fb9 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3bb41bcd */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3bb41bcd {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-51ece974 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-51ece974 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-228093c */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-228093c {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-36363ed7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-36363ed7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-339adfc7 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-339adfc7 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-23c135c8 */.elementor-20 .elementor-element.elementor-element-23c135c8 .e-n-accordion-item-title-header {width:97%!important;} .elementor-4420 .elementor-element.elementor-element-3a84935 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title {border-bottom:0px!important;} .elementor-20 .elementor-element.elementor-element-23c135c8 .e-con-full {background:#FFF!important; border-top:0px!important} .elementor-20 .elementor-element.elementor-element-23c135c8 .e-n-accordion-item:open {box-shadow: 0 10px 25px -20px rgba(38,49,58,.3)!important; border:1px solid #9cb9c3!important;} .elementor-20 .elementor-element.elementor-element-23c135c8 .e-n-accordion-item {background: rgba(255,255,255,.6); border:1px solid #e5e7eb!important} .elementor-20 .elementor-element.elementor-element-23c135c8 .e-n-accordion-item:hover {border:1px solid #9cb9c3!important} .elementor-20 .elementor-element.elementor-element-23c135c8 .e-n-accordion-item-title {border:none!important} .elementor-20 .elementor-element.elementor-element-23c135c8 .e-n-accordion-item-title-icon svg {fill: #9cb9c3!important;}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-28fb4db3 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-28fb4db3 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6a4a9809 */.elementor-20 .elementor-element.elementor-element-6a4a9809 i {color:#FFF!important;} .elementor-button:hover i {color:#FFF;} .elementor-20 .elementor-element.elementor-element-6a4a9809 {transition: transform .4s cubic-bezier(.19,1,.22,1),border-color .3s ease,background .3s ease,color .3s ease;} .elementor-20 .elementor-element.elementor-element-6a4a9809:hover {transform: translateY(-2px);} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-6a4a9809 a {font-size:0.7em!important;} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-24b39468 */.elementor-20 .elementor-element.elementor-element-24b39468 {background: rgba(156,185,195,.08); border: 1px solid rgba(226,234,236,.9);}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1a12d9c7 *//* BG GRADIENT */ .elementor-20 .elementor-element.elementor-element-1a12d9c7 { background-color: #ffffff; background-image: /* Unteren Bereich weiß ausblenden */ linear-gradient( to bottom, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.75) 78%, #ffffff 100% ), radial-gradient( circle at 82% 14%, rgba(186, 211, 220, 0.38) 0%, rgba(214, 229, 234, 0.22) 24%, rgba(255, 255, 255, 0) 52% ), radial-gradient( circle at 8% 72%, rgba(198, 219, 226, 0.22) 0%, rgba(226, 237, 240, 0.12) 25%, rgba(255, 255, 255, 0) 48% ), radial-gradient( circle at 48% 42%, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.72) 42%, rgba(255, 255, 255, 0) 75% ), linear-gradient( 135deg, #ffffff 0%, #f8fbfc 52%, #eef4f6 100% ); background-repeat: no-repeat; background-size: cover; } /* SHINE EFFECT */ .shine-effekt-langsam::after { animation: langsamer-weisser-shine 8s linear 1s infinite; } @keyframes langsamer-weisser-shine { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 2% { opacity: 1; } /* Nach 2 Sekunden rechts angekommen */ 25% { transform: translateX(520%) skewX(-18deg); opacity: 1; } 28% { transform: translateX(520%) skewX(-18deg); opacity: 0; } /* Pause bis zum nächsten Durchlauf */ 100% { transform: translateX(520%) skewX(-18deg); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-db02579 */@media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-db02579 {font-size:14px!important;} }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-654d89b9 */.elementor-20 .elementor-element.elementor-element-654d89b9 {border-radius:50px!important; width:50px; height:50px; box-shadow: 0 12px 28px -10px rgba(38,49,58,.35)!important; margin:0!important; padding:0!important; border:1px solid #26313a!important; background:#26313a; line-height:50px} .elementor-20 .elementor-element.elementor-element-654d89b9 i {color:#FFF!important; font-size:18px; line-height:26px; padding:0!important; margin:0px!important;} .elementor-20 .elementor-element.elementor-element-654d89b9:hover {background:#9cb9c3!important; border:1px solid #9cb9c3!important;} .elementor-20 .elementor-element.elementor-element-654d89b9:hover i {color:#FFF!important;} /* Tooltip-Grundlage */ .elementor-widget-icon { position: relative; } /* Tooltip gestalten */ .elementor-widget-icon::before { position: absolute; content: ""; top: 50%; right: calc(100% + 12px); transform: translateY(-50%) translateX(5px); padding: 8px 13px; background-color: #172832; color: #ffffff; font-size: 12px; font-weight: 600; line-height: 1; white-space: nowrap; border-radius: 20px; box-shadow: 0 4px 12px rgba(18, 18, 18, 0.18); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; z-index: 9999; } /* Tooltip-Texte */ .elementor-widget-icon#expose::before { content: "Expose"; } /* Tooltip einblenden */ .elementor-widget-icon:hover::before { opacity: 1; visibility: visible; transform: translateY(-50%) translateX(0); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-3524c68 */.elementor-20 .elementor-element.elementor-element-3524c68 {border-radius:50px!important; width:50px; height:50px; box-shadow: 0 12px 28px -10px rgba(38,49,58,.35)!important; margin:0!important; padding:0!important; border:1px solid #e5e7eb!important; background:#FFF!important; line-height:55px;} .elementor-20 .elementor-element.elementor-element-3524c68 i {color:#5f828f!important; font-size:18px; line-height:26px; padding:0!important; margin:0px!important;} .elementor-20 .elementor-element.elementor-element-3524c68:hover {background:#25d366!important; border:1px solid #25d366!important;} #whatsapp:hover svg {fill:#FFF;} /* Tooltip-Grundlage */ .elementor-widget-icon { position: relative; } /* Tooltip gestalten */ .elementor-widget-icon::before { position: absolute; content: ""; top: 50%; right: calc(100% + 12px); transform: translateY(-50%) translateX(5px); padding: 8px 13px; background-color: #172832; color: #ffffff; font-size: 12px; font-weight: 600; line-height: 1; white-space: nowrap; border-radius: 20px; box-shadow: 0 4px 12px rgba(18, 18, 18, 0.18); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; z-index: 9999; } /* Tooltip-Texte */ .elementor-widget-icon#whatsapp::before { content: "WhatsApp"; } /* Tooltip einblenden */ .elementor-widget-icon:hover::before { opacity: 1; visibility: visible; transform: translateY(-50%) translateX(0); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-11ab5663 */.elementor-20 .elementor-element.elementor-element-11ab5663 {border-radius:50px!important; width:50px; height:50px; box-shadow: 0 12px 28px -10px rgba(38,49,58,.35)!important; margin:0!important; padding:0!important; border:1px solid #e5e7eb!important; background:#FFF!important; line-height:55px;} .elementor-20 .elementor-element.elementor-element-11ab5663:hover svg {fill:#FFF!important;} .elementor-20 .elementor-element.elementor-element-11ab5663:hover {background:#9cb9c3!important; border:1px solid #9cb9c3!important;} .elementor-20 .elementor-element.elementor-element-11ab5663:hover i {color:#FFF!important;} /* Tooltip-Grundlage */ .elementor-widget-icon { position: relative; } /* Tooltip gestalten */ .elementor-widget-icon::before { position: absolute; content: ""; top: 50%; right: calc(100% + 12px); transform: translateY(-50%) translateX(5px); padding: 8px 13px; background-color: #172832; color: #ffffff; font-size: 12px; font-weight: 600; line-height: 1; white-space: nowrap; border-radius: 20px; box-shadow: 0 4px 12px rgba(18, 18, 18, 0.18); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; z-index: 9999; } /* Tooltip-Texte */ .elementor-widget-icon#email::before { content: "E-Mail"; } /* Tooltip einblenden */ .elementor-widget-icon:hover::before { opacity: 1; visibility: visible; transform: translateY(-50%) translateX(0); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-71b39af0 */.elementor-20 .elementor-element.elementor-element-71b39af0 {border-radius:50px!important; width:50px; height:50px; box-shadow: 0 12px 28px -10px rgba(38,49,58,.35)!important; margin:0!important; padding:0!important; border:1px solid #e5e7eb!important; background:#FFF!important; line-height:54px;} .elementor-20 .elementor-element.elementor-element-71b39af0:hover svg {fill:#FFF!important;} .elementor-20 .elementor-element.elementor-element-71b39af0:hover {background:#9cb9c3!important; border:1px solid #9cb9c3!important;} .elementor-20 .elementor-element.elementor-element-71b39af0:hover i {color:#FFF!important;} /* Tooltip-Grundlage */ .elementor-widget-icon { position: relative; } /* Tooltip gestalten */ .elementor-widget-icon::before { position: absolute; content: ""; top: 50%; right: calc(100% + 12px); transform: translateY(-50%) translateX(5px); padding: 8px 13px; background-color: #172832; color: #ffffff; font-size: 12px; font-weight: 600; line-height: 1; white-space: nowrap; border-radius: 20px; box-shadow: 0 4px 12px rgba(18, 18, 18, 0.18); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; z-index: 9999; } /* Tooltip-Texte */ .elementor-widget-icon#anrufen::before { content: "Anrufen"; } /* Tooltip einblenden */ .elementor-widget-icon:hover::before { opacity: 1; visibility: visible; transform: translateY(-50%) translateX(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3bf8da90 */.elementor-20 .elementor-element.elementor-element-3bf8da90 {width:75px; right:5px; top:35%;} @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-3bf8da90 i {line-height:38px!important;} .elementor-20 .elementor-element.elementor-element-3bf8da90 {width:70px; right:-5px; top:40%; scale:.8;} } @media (max-width: 767px) { .elementor-20 .elementor-element.elementor-element-3bf8da90 i {line-height:41px!important;} .elementor-20 .elementor-element.elementor-element-3bf8da90 {width:55px; right:0; top:30%; scale:.8;} }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'MontserratSH'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://meinarchitekt.de/wp-content/uploads/2026/08/Montserrat-Regular.ttf') format('truetype'); } @font-face { font-family: 'MontserratSH'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://meinarchitekt.de/wp-content/uploads/2026/08/Montserrat-Bold.ttf') format('truetype'); } @font-face { font-family: 'MontserratSH'; font-style: normal; font-weight: 900; font-display: auto; src: url('https://meinarchitekt.de/wp-content/uploads/2026/08/Montserrat-Black.ttf') format('truetype'); } @font-face { font-family: 'MontserratSH'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://meinarchitekt.de/wp-content/uploads/2026/08/Montserrat-ExtraBold.ttf') format('truetype'); } @font-face { font-family: 'MontserratSH'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://meinarchitekt.de/wp-content/uploads/2026/08/Montserrat-SemiBold.ttf') format('truetype'); } @font-face { font-family: 'MontserratSH'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://meinarchitekt.de/wp-content/uploads/2026/08/Montserrat-Medium.ttf') format('truetype'); } @font-face { font-family: 'MontserratSH'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://meinarchitekt.de/wp-content/uploads/2026/08/Montserrat-Light.ttf') format('truetype'); } @font-face { font-family: 'MontserratSH'; font-style: normal; font-weight: 200; font-display: auto; src: url('https://meinarchitekt.de/wp-content/uploads/2026/08/Montserrat-ExtraLight.ttf') format('truetype'); } @font-face { font-family: 'MontserratSH'; font-style: normal; font-weight: 100; font-display: auto; src: url('https://meinarchitekt.de/wp-content/uploads/2026/08/Montserrat-Thin.ttf') format('truetype'); } /* End Custom Fonts CSS */