.elementor-17872 .elementor-element.elementor-element-main{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-hero{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:88px;--padding-bottom:112px;--padding-left:24px;--padding-right:24px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-hero:not(.elementor-motion-effects-element-type-background), .elementor-17872 .elementor-element.elementor-element-hero > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17872 .elementor-element.elementor-element-hero-grid{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:auto;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--grid-auto-flow:row;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-hero-copy{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-hero-eyebrow > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-17872 .elementor-element.elementor-element-hero-eyebrow .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:0.78rem;font-weight:600;text-transform:uppercase;line-height:1.6;letter-spacing:0.08em;color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-hero-h1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17872 .elementor-element.elementor-element-hero-h1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:clamp(2rem, 7vw, 3.6rem);font-weight:700;line-height:1.08;letter-spacing:-0.025em;color:#020028;}.elementor-17872 .elementor-element.elementor-element-hero-sub{width:var( --container-widget-width, min(100%, 540px) );max-width:min(100%, 540px);--container-widget-width:min(100%, 540px);--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:1.2rem;font-weight:400;line-height:1.55;color:#333333;}.elementor-17872 .elementor-element.elementor-element-hero-sub > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17872 .elementor-element.elementor-element-hero-sub p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-hero-ctas{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-hero-btn0 .elementor-button{background-color:#020028;font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:600;line-height:1.6;fill:#BEFF2E;color:#BEFF2E;border-style:solid;border-width:2px 2px 2px 2px;border-color:#020028;border-radius:999px 999px 999px 999px;padding:16px 34px 16px 34px;}.elementor-17872 .elementor-element.elementor-element-hero-btn1 .elementor-button{background-color:rgba(0,0,0,0);font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:600;line-height:1.6;fill:#020028;color:#020028;border-style:solid;border-width:2px 2px 2px 2px;border-color:#020028;border-radius:999px 999px 999px 999px;padding:16px 34px 16px 34px;}.elementor-17872 .elementor-element.elementor-element-hero-note{font-family:"Roboto", Sans-serif;font-size:0.9rem;font-weight:400;line-height:1.5;color:#66708A;}.elementor-17872 .elementor-element.elementor-element-hero-note p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-hero-phone{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-hero-app-note > .elementor-widget-container{margin:28px 0px 0px 0px;}.elementor-17872 .elementor-element.elementor-element-hero-app-note{text-align:center;font-family:"Roboto", Sans-serif;font-size:0.72rem;font-weight:400;line-height:1.6;color:#8A93A6;}.elementor-17872 .elementor-element.elementor-element-hero-app-note p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-tag{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:112px;--padding-bottom:112px;--padding-left:24px;--padding-right:24px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-tag:not(.elementor-motion-effects-element-type-background), .elementor-17872 .elementor-element.elementor-element-tag > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020028;}.elementor-17872 .elementor-element.elementor-element-tag-head{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:48px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-tag-head.e-con{--align-self:center;}.elementor-17872 .elementor-element.elementor-element-tag-head-eyebrow > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-17872 .elementor-element.elementor-element-tag-head-eyebrow{text-align:center;}.elementor-17872 .elementor-element.elementor-element-tag-head-eyebrow .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:0.78rem;font-weight:600;text-transform:uppercase;line-height:1.6;letter-spacing:0.08em;color:#558CED;}.elementor-17872 .elementor-element.elementor-element-tag-head-h2{text-align:center;}.elementor-17872 .elementor-element.elementor-element-tag-head-h2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:clamp(1.8rem, 3.2vw, 2.5rem);font-weight:700;line-height:1.12;letter-spacing:-0.018em;color:#FFFFFF;}.elementor-17872 .elementor-element.elementor-element-tag-head-p0 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-17872 .elementor-element.elementor-element-tag-head-p0{text-align:center;font-family:"Roboto", Sans-serif;font-size:1.1rem;font-weight:400;line-height:1.6;color:rgba(201,210,238,.62);}.elementor-17872 .elementor-element.elementor-element-tag-head-p0 p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-tag-note{text-align:center;font-family:"Roboto", Sans-serif;font-size:0.74rem;font-weight:400;line-height:1.6;color:rgba(201,210,238,.62);}.elementor-17872 .elementor-element.elementor-element-tag-note p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-funktionen{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:112px;--padding-bottom:112px;--padding-left:24px;--padding-right:24px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-funktionen:not(.elementor-motion-effects-element-type-background), .elementor-17872 .elementor-element.elementor-element-funktionen > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17872 .elementor-element.elementor-element-funktionen-head{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:48px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-funktionen-head-eyebrow > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-17872 .elementor-element.elementor-element-funktionen-head-eyebrow .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:0.78rem;font-weight:600;text-transform:uppercase;line-height:1.6;letter-spacing:0.08em;color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-funktionen-head-h2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:clamp(1.8rem, 3.2vw, 2.5rem);font-weight:700;line-height:1.12;letter-spacing:-0.018em;color:#020028;}.elementor-17872 .elementor-element.elementor-element-funktionen-head-p0 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-17872 .elementor-element.elementor-element-funktionen-head-p0{font-family:"Roboto", Sans-serif;font-size:1.1rem;font-weight:400;line-height:1.6;color:#333333;}.elementor-17872 .elementor-element.elementor-element-funktionen-head-p0 p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-draussen{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:112px;--padding-bottom:112px;--padding-left:24px;--padding-right:24px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-draussen:not(.elementor-motion-effects-element-type-background), .elementor-17872 .elementor-element.elementor-element-draussen > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEFF7;}.elementor-17872 .elementor-element.elementor-element-draussen-head{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:48px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-draussen-head-eyebrow > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-17872 .elementor-element.elementor-element-draussen-head-eyebrow .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:0.78rem;font-weight:600;text-transform:uppercase;line-height:1.6;letter-spacing:0.08em;color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-draussen-head-h2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:clamp(1.8rem, 3.2vw, 2.5rem);font-weight:700;line-height:1.12;letter-spacing:-0.018em;color:#020028;}.elementor-17872 .elementor-element.elementor-element-draussen-head-p0 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-17872 .elementor-element.elementor-element-draussen-head-p0{font-family:"Roboto", Sans-serif;font-size:1.1rem;font-weight:400;line-height:1.6;color:#333333;}.elementor-17872 .elementor-element.elementor-element-draussen-head-p0 p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-draussen-grid{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:auto;--gap:22px 22px;--row-gap:22px;--column-gap:22px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-fc0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:11px 11px;--row-gap:11px;--column-gap:11px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6ECF6;--border-color:#E6ECF6;--border-radius:14px 14px 14px 14px;--padding-top:28px;--padding-bottom:28px;--padding-left:26px;--padding-right:26px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-fc0:not(.elementor-motion-effects-element-type-background), .elementor-17872 .elementor-element.elementor-element-fc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17872 .elementor-element.elementor-element-fc0-icon{--display:flex;--min-height:46px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-fc0-icon:not(.elementor-motion-effects-element-type-background), .elementor-17872 .elementor-element.elementor-element-fc0-icon > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEFF7;}.elementor-17872 .elementor-element.elementor-element-fc0-svg .elementor-icon-wrapper{text-align:center;}.elementor-17872 .elementor-element.elementor-element-fc0-svg.elementor-view-stacked .elementor-icon{background-color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-fc0-svg.elementor-view-framed .elementor-icon, .elementor-17872 .elementor-element.elementor-element-fc0-svg.elementor-view-default .elementor-icon{color:#203AEA;border-color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-fc0-svg.elementor-view-framed .elementor-icon, .elementor-17872 .elementor-element.elementor-element-fc0-svg.elementor-view-default .elementor-icon svg{fill:#203AEA;}.elementor-17872 .elementor-element.elementor-element-fc0-svg .elementor-icon{font-size:23px;}.elementor-17872 .elementor-element.elementor-element-fc0-svg .elementor-icon svg{height:23px;}.elementor-17872 .elementor-element.elementor-element-fc0-h3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.06rem;font-weight:600;line-height:1.25;letter-spacing:-0.008em;color:#020028;}.elementor-17872 .elementor-element.elementor-element-fc0-text{font-family:"Roboto", Sans-serif;font-size:0.93rem;font-weight:400;line-height:1.55;color:#4A536B;}.elementor-17872 .elementor-element.elementor-element-fc0-text p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-fc1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:11px 11px;--row-gap:11px;--column-gap:11px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6ECF6;--border-color:#E6ECF6;--border-radius:14px 14px 14px 14px;--padding-top:28px;--padding-bottom:28px;--padding-left:26px;--padding-right:26px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-fc1:not(.elementor-motion-effects-element-type-background), .elementor-17872 .elementor-element.elementor-element-fc1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17872 .elementor-element.elementor-element-fc1-icon{--display:flex;--min-height:46px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-fc1-icon:not(.elementor-motion-effects-element-type-background), .elementor-17872 .elementor-element.elementor-element-fc1-icon > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEFF7;}.elementor-17872 .elementor-element.elementor-element-fc1-svg .elementor-icon-wrapper{text-align:center;}.elementor-17872 .elementor-element.elementor-element-fc1-svg.elementor-view-stacked .elementor-icon{background-color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-fc1-svg.elementor-view-framed .elementor-icon, .elementor-17872 .elementor-element.elementor-element-fc1-svg.elementor-view-default .elementor-icon{color:#203AEA;border-color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-fc1-svg.elementor-view-framed .elementor-icon, .elementor-17872 .elementor-element.elementor-element-fc1-svg.elementor-view-default .elementor-icon svg{fill:#203AEA;}.elementor-17872 .elementor-element.elementor-element-fc1-svg .elementor-icon{font-size:23px;}.elementor-17872 .elementor-element.elementor-element-fc1-svg .elementor-icon svg{height:23px;}.elementor-17872 .elementor-element.elementor-element-fc1-h3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.06rem;font-weight:600;line-height:1.25;letter-spacing:-0.008em;color:#020028;}.elementor-17872 .elementor-element.elementor-element-fc1-text{font-family:"Roboto", Sans-serif;font-size:0.93rem;font-weight:400;line-height:1.55;color:#4A536B;}.elementor-17872 .elementor-element.elementor-element-fc1-text p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-fc2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:11px 11px;--row-gap:11px;--column-gap:11px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6ECF6;--border-color:#E6ECF6;--border-radius:14px 14px 14px 14px;--padding-top:28px;--padding-bottom:28px;--padding-left:26px;--padding-right:26px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-fc2:not(.elementor-motion-effects-element-type-background), .elementor-17872 .elementor-element.elementor-element-fc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17872 .elementor-element.elementor-element-fc2-icon{--display:flex;--min-height:46px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-fc2-icon:not(.elementor-motion-effects-element-type-background), .elementor-17872 .elementor-element.elementor-element-fc2-icon > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEFF7;}.elementor-17872 .elementor-element.elementor-element-fc2-svg .elementor-icon-wrapper{text-align:center;}.elementor-17872 .elementor-element.elementor-element-fc2-svg.elementor-view-stacked .elementor-icon{background-color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-fc2-svg.elementor-view-framed .elementor-icon, .elementor-17872 .elementor-element.elementor-element-fc2-svg.elementor-view-default .elementor-icon{color:#203AEA;border-color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-fc2-svg.elementor-view-framed .elementor-icon, .elementor-17872 .elementor-element.elementor-element-fc2-svg.elementor-view-default .elementor-icon svg{fill:#203AEA;}.elementor-17872 .elementor-element.elementor-element-fc2-svg .elementor-icon{font-size:23px;}.elementor-17872 .elementor-element.elementor-element-fc2-svg .elementor-icon svg{height:23px;}.elementor-17872 .elementor-element.elementor-element-fc2-h3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.06rem;font-weight:600;line-height:1.25;letter-spacing:-0.008em;color:#020028;}.elementor-17872 .elementor-element.elementor-element-fc2-text{font-family:"Roboto", Sans-serif;font-size:0.93rem;font-weight:400;line-height:1.55;color:#4A536B;}.elementor-17872 .elementor-element.elementor-element-fc2-text p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-fc3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:11px 11px;--row-gap:11px;--column-gap:11px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6ECF6;--border-color:#E6ECF6;--border-radius:14px 14px 14px 14px;--padding-top:28px;--padding-bottom:28px;--padding-left:26px;--padding-right:26px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-fc3:not(.elementor-motion-effects-element-type-background), .elementor-17872 .elementor-element.elementor-element-fc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17872 .elementor-element.elementor-element-fc3-icon{--display:flex;--min-height:46px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-fc3-icon:not(.elementor-motion-effects-element-type-background), .elementor-17872 .elementor-element.elementor-element-fc3-icon > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEFF7;}.elementor-17872 .elementor-element.elementor-element-fc3-svg .elementor-icon-wrapper{text-align:center;}.elementor-17872 .elementor-element.elementor-element-fc3-svg.elementor-view-stacked .elementor-icon{background-color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-fc3-svg.elementor-view-framed .elementor-icon, .elementor-17872 .elementor-element.elementor-element-fc3-svg.elementor-view-default .elementor-icon{color:#203AEA;border-color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-fc3-svg.elementor-view-framed .elementor-icon, .elementor-17872 .elementor-element.elementor-element-fc3-svg.elementor-view-default .elementor-icon svg{fill:#203AEA;}.elementor-17872 .elementor-element.elementor-element-fc3-svg .elementor-icon{font-size:23px;}.elementor-17872 .elementor-element.elementor-element-fc3-svg .elementor-icon svg{height:23px;}.elementor-17872 .elementor-element.elementor-element-fc3-h3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.06rem;font-weight:600;line-height:1.25;letter-spacing:-0.008em;color:#020028;}.elementor-17872 .elementor-element.elementor-element-fc3-text{font-family:"Roboto", Sans-serif;font-size:0.93rem;font-weight:400;line-height:1.55;color:#4A536B;}.elementor-17872 .elementor-element.elementor-element-fc3-text p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-buero{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:112px;--padding-bottom:112px;--padding-left:24px;--padding-right:24px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-buero:not(.elementor-motion-effects-element-type-background), .elementor-17872 .elementor-element.elementor-element-buero > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020028;}.elementor-17872 .elementor-element.elementor-element-buero-head{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:48px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-buero-head.e-con{--align-self:center;}.elementor-17872 .elementor-element.elementor-element-buero-head-eyebrow > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-17872 .elementor-element.elementor-element-buero-head-eyebrow{text-align:center;}.elementor-17872 .elementor-element.elementor-element-buero-head-eyebrow .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:0.78rem;font-weight:600;text-transform:uppercase;line-height:1.6;letter-spacing:0.08em;color:#558CED;}.elementor-17872 .elementor-element.elementor-element-buero-head-h2{text-align:center;}.elementor-17872 .elementor-element.elementor-element-buero-head-h2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:clamp(1.8rem, 3.2vw, 2.5rem);font-weight:700;line-height:1.12;letter-spacing:-0.018em;color:#FFFFFF;}.elementor-17872 .elementor-element.elementor-element-buero-head-p0 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-17872 .elementor-element.elementor-element-buero-head-p0{text-align:center;font-family:"Roboto", Sans-serif;font-size:1.1rem;font-weight:400;line-height:1.6;color:rgba(201,210,238,.62);}.elementor-17872 .elementor-element.elementor-element-buero-head-p0 p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-buero-foot{text-align:center;font-family:"Roboto", Sans-serif;font-size:0.93rem;font-weight:400;line-height:1.6;color:rgba(201,210,238,.62);}.elementor-17872 .elementor-element.elementor-element-buero-foot p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-buero-foot a{color:#558CED;}.elementor-17872 .elementor-element.elementor-element-buero-foot a:hover, .elementor-17872 .elementor-element.elementor-element-buero-foot a:focus{color:#558CED;}.elementor-17872 .elementor-element.elementor-element-preis{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:112px;--padding-bottom:112px;--padding-left:24px;--padding-right:24px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-preis:not(.elementor-motion-effects-element-type-background), .elementor-17872 .elementor-element.elementor-element-preis > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17872 .elementor-element.elementor-element-preis-grid{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:auto;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--grid-auto-flow:row;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-preis-copy{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-preis-eyebrow > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-17872 .elementor-element.elementor-element-preis-eyebrow .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:0.78rem;font-weight:600;text-transform:uppercase;line-height:1.6;letter-spacing:0.08em;color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-preis-h2 > .elementor-widget-container{margin:0px 0px 18px 0px;}.elementor-17872 .elementor-element.elementor-element-preis-h2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:clamp(1.8rem, 3.2vw, 2.5rem);font-weight:700;line-height:1.12;letter-spacing:-0.018em;color:#020028;}.elementor-17872 .elementor-element.elementor-element-preis-text0{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;line-height:1.6;color:#333333;}.elementor-17872 .elementor-element.elementor-element-preis-text0 p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-preis-links > .elementor-widget-container{margin:26px 0px 0px 0px;}.elementor-17872 .elementor-element.elementor-element-preis-links{font-family:"Poppins", Sans-serif;font-size:0.95rem;font-weight:600;line-height:1.6;color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-preis-links p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-preis-links a{color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-preis-links a:hover, .elementor-17872 .elementor-element.elementor-element-preis-links a:focus{color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-faq{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:112px;--padding-bottom:112px;--padding-left:24px;--padding-right:24px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-faq:not(.elementor-motion-effects-element-type-background), .elementor-17872 .elementor-element.elementor-element-faq > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEFF7;}.elementor-17872 .elementor-element.elementor-element-faq-head{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:48px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-faq-head-eyebrow > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-17872 .elementor-element.elementor-element-faq-head-eyebrow .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:0.78rem;font-weight:600;text-transform:uppercase;line-height:1.6;letter-spacing:0.08em;color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-faq-head-h2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:clamp(1.8rem, 3.2vw, 2.5rem);font-weight:700;line-height:1.12;letter-spacing:-0.018em;color:#020028;}.elementor-17872 .elementor-element.elementor-element-faq-wrap{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:12px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text > .elementor-widget-container{padding:0px 24px 22px 24px;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text{font-family:"Roboto", Sans-serif;font-size:0.98rem;font-weight:400;line-height:1.6;color:#4A536B;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text a{color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text a:hover, .elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text a:focus{color:#020028;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text > .elementor-widget-container{padding:0px 24px 22px 24px;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text{font-family:"Roboto", Sans-serif;font-size:0.98rem;font-weight:400;line-height:1.6;color:#4A536B;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text a{color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text a:hover, .elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text a:focus{color:#020028;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text > .elementor-widget-container{padding:0px 24px 22px 24px;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text{font-family:"Roboto", Sans-serif;font-size:0.98rem;font-weight:400;line-height:1.6;color:#4A536B;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text a{color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text a:hover, .elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text a:focus{color:#020028;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text > .elementor-widget-container{padding:0px 24px 22px 24px;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text{font-family:"Roboto", Sans-serif;font-size:0.98rem;font-weight:400;line-height:1.6;color:#4A536B;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text a{color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text a:hover, .elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text a:focus{color:#020028;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text > .elementor-widget-container{padding:0px 24px 22px 24px;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text{font-family:"Roboto", Sans-serif;font-size:0.98rem;font-weight:400;line-height:1.6;color:#4A536B;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text a{color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text a:hover, .elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text a:focus{color:#020028;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text > .elementor-widget-container{padding:0px 24px 22px 24px;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text{font-family:"Roboto", Sans-serif;font-size:0.98rem;font-weight:400;line-height:1.6;color:#4A536B;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text a{color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text a:hover, .elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text a:focus{color:#020028;}.elementor-17872 .elementor-element.elementor-element-faq-liste{--n-accordion-title-font-size:1.02rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:14px 14px 14px 14px;--n-accordion-title-normal-color:#020028;--n-accordion-title-hover-color:#203AEA;--n-accordion-title-active-color:#020028;--n-accordion-icon-size:15px;}.elementor-17872 .elementor-element.elementor-element-faq-liste > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}.elementor-17872 .elementor-element.elementor-element-faq-liste > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:none;}.elementor-17872 .elementor-element.elementor-element-faq-liste > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:none;}.elementor-17872 .elementor-element.elementor-element-faq-liste {--n-accordion-padding:20px 24px 20px 24px;}:where( .elementor-17872 .elementor-element.elementor-element-faq-liste > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Poppins", Sans-serif;font-weight:600;line-height:1.6;}:where( .elementor-17872 .elementor-element.elementor-element-faq-liste > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-17872 .elementor-element.elementor-element-stimme{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:112px;--padding-bottom:112px;--padding-left:24px;--padding-right:24px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-stimme:not(.elementor-motion-effects-element-type-background), .elementor-17872 .elementor-element.elementor-element-stimme > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020028;}.elementor-17872 .elementor-element.elementor-element-stimme-head{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:48px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-stimme-head.e-con{--align-self:center;}.elementor-17872 .elementor-element.elementor-element-stimme-head-eyebrow > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-17872 .elementor-element.elementor-element-stimme-head-eyebrow{text-align:center;}.elementor-17872 .elementor-element.elementor-element-stimme-head-eyebrow .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:0.78rem;font-weight:600;text-transform:uppercase;line-height:1.6;letter-spacing:0.08em;color:#558CED;}.elementor-17872 .elementor-element.elementor-element-stimme-head-h2{text-align:center;}.elementor-17872 .elementor-element.elementor-element-stimme-head-h2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:clamp(1.8rem, 3.2vw, 2.5rem);font-weight:700;line-height:1.12;letter-spacing:-0.018em;color:#FFFFFF;}.elementor-17872 .elementor-element.elementor-element-stimme-note{text-align:center;font-family:"Roboto", Sans-serif;font-size:0.86rem;font-weight:400;line-height:1.6;color:rgba(201,210,238,.62);}.elementor-17872 .elementor-element.elementor-element-stimme-note p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-stimme-note a{color:#558CED;}.elementor-17872 .elementor-element.elementor-element-stimme-note a:hover, .elementor-17872 .elementor-element.elementor-element-stimme-note a:focus{color:#558CED;}.elementor-17872 .elementor-element.elementor-element-erstgespraech{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:112px;--padding-bottom:112px;--padding-left:24px;--padding-right:24px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-erstgespraech:not(.elementor-motion-effects-element-type-background), .elementor-17872 .elementor-element.elementor-element-erstgespraech > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17872 .elementor-element.elementor-element-cta-inner{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-17872 .elementor-element.elementor-element-cta-eyebrow > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-17872 .elementor-element.elementor-element-cta-eyebrow{text-align:center;}.elementor-17872 .elementor-element.elementor-element-cta-eyebrow .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:0.78rem;font-weight:600;text-transform:uppercase;line-height:1.6;letter-spacing:0.08em;color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-cta-h2{width:var( --container-widget-width, min(100%, 640px) );max-width:min(100%, 640px);--container-widget-width:min(100%, 640px);--container-widget-flex-grow:0;text-align:center;}.elementor-17872 .elementor-element.elementor-element-cta-h2 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-17872 .elementor-element.elementor-element-cta-h2.elementor-element{--align-self:center;}.elementor-17872 .elementor-element.elementor-element-cta-h2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:clamp(1.8rem, 3.2vw, 2.5rem);font-weight:700;line-height:1.12;letter-spacing:-0.018em;color:#020028;}.elementor-17872 .elementor-element.elementor-element-cta-text{width:var( --container-widget-width, min(100%, 540px) );max-width:min(100%, 540px);--container-widget-width:min(100%, 540px);--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:1.1rem;font-weight:400;line-height:1.6;color:#333333;}.elementor-17872 .elementor-element.elementor-element-cta-text > .elementor-widget-container{margin:0px 0px 36px 0px;}.elementor-17872 .elementor-element.elementor-element-cta-text.elementor-element{--align-self:center;}.elementor-17872 .elementor-element.elementor-element-cta-text p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-cta-btn .elementor-button{background-color:#020028;font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:600;line-height:1.6;fill:#BEFF2E;color:#BEFF2E;border-style:solid;border-width:2px 2px 2px 2px;border-color:#020028;border-radius:999px 999px 999px 999px;padding:16px 34px 16px 34px;}.elementor-17872 .elementor-element.elementor-element-cta-note{width:var( --container-widget-width, min(100%, 560px) );max-width:min(100%, 560px);--container-widget-width:min(100%, 560px);--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:1.1rem;font-weight:400;line-height:1.5;color:#66708A;}.elementor-17872 .elementor-element.elementor-element-cta-note > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-17872 .elementor-element.elementor-element-cta-note.elementor-element{--align-self:center;}.elementor-17872 .elementor-element.elementor-element-cta-note p{margin-block-end:0px;}.elementor-17872 .elementor-element.elementor-element-cta-note a{color:#203AEA;}.elementor-17872 .elementor-element.elementor-element-cta-note a:hover, .elementor-17872 .elementor-element.elementor-element-cta-note a:focus{color:#020028;}@media(max-width:1024px){.elementor-17872 .elementor-element.elementor-element-hero-grid{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-17872 .elementor-element.elementor-element-draussen-grid{--e-con-grid-template-columns:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-17872 .elementor-element.elementor-element-preis-grid{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-17872 .elementor-element.elementor-element-hero-grid{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-17872 .elementor-element.elementor-element-draussen-grid{--e-con-grid-template-columns:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-17872 .elementor-element.elementor-element-fc0-icon{--width:46px;}.elementor-17872 .elementor-element.elementor-element-fc1-icon{--width:46px;}.elementor-17872 .elementor-element.elementor-element-fc2-icon{--width:46px;}.elementor-17872 .elementor-element.elementor-element-fc3-icon{--width:46px;}.elementor-17872 .elementor-element.elementor-element-preis-grid{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-17872 .elementor-element.elementor-element-hero{--content-width:1192px;}.elementor-17872 .elementor-element.elementor-element-tag{--content-width:1192px;}.elementor-17872 .elementor-element.elementor-element-tag-head{--width:min(100%, 720px);}.elementor-17872 .elementor-element.elementor-element-funktionen{--content-width:1192px;}.elementor-17872 .elementor-element.elementor-element-funktionen-head{--width:min(100%, 720px);}.elementor-17872 .elementor-element.elementor-element-draussen{--content-width:1192px;}.elementor-17872 .elementor-element.elementor-element-draussen-head{--width:min(100%, 720px);}.elementor-17872 .elementor-element.elementor-element-fc0-icon{--width:46px;}.elementor-17872 .elementor-element.elementor-element-fc1-icon{--width:46px;}.elementor-17872 .elementor-element.elementor-element-fc2-icon{--width:46px;}.elementor-17872 .elementor-element.elementor-element-fc3-icon{--width:46px;}.elementor-17872 .elementor-element.elementor-element-buero{--content-width:1192px;}.elementor-17872 .elementor-element.elementor-element-buero-head{--width:min(100%, 720px);}.elementor-17872 .elementor-element.elementor-element-preis{--content-width:1192px;}.elementor-17872 .elementor-element.elementor-element-faq{--content-width:1192px;}.elementor-17872 .elementor-element.elementor-element-faq-head{--width:min(100%, 720px);}.elementor-17872 .elementor-element.elementor-element-faq-wrap{--width:min(100%, 820px);}.elementor-17872 .elementor-element.elementor-element-stimme{--content-width:1192px;}.elementor-17872 .elementor-element.elementor-element-stimme-head{--width:min(100%, 720px);}.elementor-17872 .elementor-element.elementor-element-erstgespraech{--content-width:1192px;}}@media(max-width:1024px) and (min-width:768px){.elementor-17872 .elementor-element.elementor-element-fc0-icon{--width:46px;}.elementor-17872 .elementor-element.elementor-element-fc1-icon{--width:46px;}.elementor-17872 .elementor-element.elementor-element-fc2-icon{--width:46px;}.elementor-17872 .elementor-element.elementor-element-fc3-icon{--width:46px;}} /* Start custom CSS for heading, class: .elementor-element-hero-h1 */.elementor-17872 .elementor-element.elementor-element-hero-h1 .elementor-heading-title{font-family:'Poppins',Arial,sans-serif} .elementor-17872 .elementor-element.elementor-element-hero-h1 .elementor-heading-title{overflow-wrap:break-word;hyphens:manual} /* dive-v2.css: Schmalspalten-Band 1001-1200 px */ @media (min-width:1001px) and (max-width:1200px){.elementor-17872 .elementor-element.elementor-element-hero-h1 .elementor-heading-title.elementor-heading-title{font-size:clamp(2.2rem,4.4vw,2.9rem)}} /* Abstand ausserhalb der Reveal-Box wie im Prototyp (lib/page.reveal_margin_out) */ .elementor-17872 .elementor-element.elementor-element-hero-h1.elementor-widget{margin:0px 0px 24px 0px}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-hero-sub */.elementor-17872 .elementor-element.elementor-element-hero-sub{font-family:'Roboto',Arial,sans-serif} .elementor-17872 .elementor-element.elementor-element-hero-sub{--i:1} /* Abstand ausserhalb der Reveal-Box wie im Prototyp (lib/page.reveal_margin_out) */ .elementor-17872 .elementor-element.elementor-element-hero-sub.elementor-widget{margin:0px 0px 36px 0px}/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-hero-btn0 */.elementor-17872 .elementor-element.elementor-element-hero-btn0 .elementor-button{font-family:'Poppins',Arial,sans-serif} .elementor-17872 .elementor-element.elementor-element-hero-btn0 .elementor-button:focus-visible{border-radius:4px}/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-hero-btn1 */.elementor-17872 .elementor-element.elementor-element-hero-btn1 .elementor-button{font-family:'Poppins',Arial,sans-serif} .elementor-17872 .elementor-element.elementor-element-hero-btn1 .elementor-button:focus-visible{border-radius:4px}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-hero-ctas */.elementor-17872 .elementor-element.elementor-element-hero-ctas{--i:2} .elementor-17872 .elementor-element.elementor-element-hero-ctas.e-con.e-con{--flex-wrap-mobile:wrap}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-hero-note */.elementor-17872 .elementor-element.elementor-element-hero-note{font-family:'Roboto',Arial,sans-serif} .elementor-17872 .elementor-element.elementor-element-hero-note{margin-top:16px} .elementor-17872 .elementor-element.elementor-element-hero-note p{display:inline-block;padding:10px 18px;border:1px solid #E6ECF6;border-radius:999px;background:#FFFFFF} .elementor-17872 .elementor-element.elementor-element-hero-note p strong{color:#020028;font-weight:600} .elementor-17872 .elementor-element.elementor-element-hero-note{--i:3}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-hero-phone-mock */.elementor-17872 .elementor-element.elementor-element-hero-phone-mock{--dunkelblau:#020028;--einfachblau:#558CED;--lime:#BEFF2E;--vividblue:#203AEA;--hellblau:#EAEFF7;--gradient:linear-gradient(135deg,#020028 0%,#212F98 100%);--body:#333333;--white:#FFFFFF;--font-head:'Poppins',Arial,sans-serif;--font-body:'Roboto',Arial,sans-serif;--container:1240px;--sec-y:112px;--sec-y-mobile:64px;--radius:14px;--dunkelblau-rgb:2,0,40;--lime-rgb:190,255,46;--vividblue-rgb:32,58,234;--einfachblau-rgb:85,140,237;--hellblau-rgb:234,239,247;--gradientend-rgb:33,47,152;--text-body:#333333;--text-secondary:#4A536B;--text-muted:#66708A;--text-faint:#8A93A6;--text-on-dark:#C9D2EE;--text-on-dark-muted:rgba(201,210,238,.62);--border-light:#E6ECF6;--border-hover:rgba(var(--einfachblau-rgb),.45);--border-dashed:#B9C7E2;--border-on-dark:rgba(255,255,255,.10);--border-on-dark-blue:rgba(var(--einfachblau-rgb),.20);--border-on-dark-hover:rgba(var(--einfachblau-rgb),.40);--surface-soft:#F4F7FC;--surface-deep:#151340;--surface-deep-2:rgba(255,255,255,.04);--surface-tint:rgba(var(--einfachblau-rgb),.08);--surface-wash:linear-gradient(180deg, rgba(var(--einfachblau-rgb),.10) 0%, rgba(var(--hellblau-rgb),.55) 38%, var(--white) 100%);--status-ok-bg:#E9FBD0;--status-ok-fg:#3D6B00;--status-info-bg:#E3ECFD;--status-info-fg:#1D47B8;--status-neutral-bg:#EEF1F7;--status-neutral-fg:#66708A;--status-warn-bg:#FDE5E3;--status-warn-fg:#B8341D;--fs-h1:clamp(2.1rem,6.5vw,3.6rem);--fs-h2:clamp(1.8rem,3.2vw,2.5rem);--fs-h3:1.25rem;--fs-h4:1.05rem;--fs-lead:1.2rem;--fs-body:17px;--fs-small:.9rem;--fs-caption:.78rem;--radius-sm:8px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(var(--dunkelblau-rgb),.06);--shadow-sm:0 1px 1px rgba(var(--dunkelblau-rgb),.03), 0 4px 12px -2px rgba(var(--dunkelblau-rgb),.06);--shadow-md:0 2px 4px -1px rgba(var(--dunkelblau-rgb),.05), 0 12px 28px -8px rgba(var(--dunkelblau-rgb),.10);--shadow-lg:0 4px 8px -2px rgba(var(--dunkelblau-rgb),.06), 0 30px 45px -30px rgba(var(--gradientend-rgb),.25);--shadow-dark:0 10px 30px rgba(var(--dunkelblau-rgb),.35);--shadow-feature:0 8px 30px rgba(var(--einfachblau-rgb),.14);--bevel-light:inset 0 1px 0 rgba(255,255,255,.14);--bevel-dark:inset 0 -1px 0 rgba(var(--dunkelblau-rgb),.55);--ease-out:cubic-bezier(.22,1,.36,1);--dur-fast:.18s;--dur-base:.25s;--dur-reveal:.6s;--stagger:90ms} @media (max-width:600px){.elementor-17872 .elementor-element.elementor-element-hero-phone-mock{--stagger:0ms}} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html :where(.dvx, .dvx *:not(svg, svg *)){all:revert} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .dvx{font-family:var(--font-body);font-size:17px;line-height:1.6;color:var(--body);-webkit-font-smoothing:antialiased;text-align:start;font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;white-space:normal;word-spacing:normal} .js-anim .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*var(--dv-stagger)),transform .6s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*var(--dv-stagger));animation:dv-reveal-fallback 0s 3s forwards} .js-anim .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .reveal.visible{opacity:1;transform:none} .js-anim .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .reveal-draw{transform:scaleX(0);transform-origin:left center} .js-anim .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .reveal-draw.visible{transform:none} @media (prefers-reduced-motion:reduce){.js-anim .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .reveal,.js-anim .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .reveal-draw{opacity:1;transform:none;transition:none;animation:none}} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html *{margin: 0px; padding: 0px; box-sizing: border-box;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html img, .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html svg{max-width: 100%; display: block;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .pill{display: inline-block; font-size: 0.7rem; font-weight: 500; padding: 3px 10px; border-radius: 999px;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .pill.green{background: rgb(233, 251, 208); color: rgb(61, 107, 0);} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .pill.grey{background: rgb(238, 241, 247); color: rgb(102, 112, 138);} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .pill.red{background: rgb(253, 229, 227); color: rgb(184, 52, 29);} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-wrap{position: relative; width: 356px; max-width: 100%; margin: 0px auto;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone{position: relative; width: 100%; aspect-ratio: 71.5 / 147.6; background: rgb(22, 23, 29); border-radius: 58px; padding: 11px; box-shadow: inset 0 0 0 1.5px #4a4d58,inset 0 0 0 4px #0d0e12,0 0 0 1.5px #a7aab3,0 0 0 3px #5c5f69, 0 60px 90px -40px rgba(var(--gradientend-rgb),.55),0 24px 40px -20px rgba(var(--dunkelblau-rgb),.35);} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone::before{content: ""; position: absolute; left: -5px; top: 17%; width: 3px; height: 4.2%; border-radius: 2px 0px 0px 2px; background: rgb(125, 128, 138); box-shadow: rgb(125, 128, 138) 0px 60px 0px 0px, transparent 0px 60px 0px 3px, rgb(125, 128, 138) 0px 118px 0px 0px;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone::after{content: ""; position: absolute; right: -5px; top: 25%; width: 3px; height: 12%; border-radius: 0px 2px 2px 0px; background: rgb(125, 128, 138);} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-island{position: absolute; top: 22px; left: 50%; transform: translateX(-50%); width: 31%; height: 31px; background: rgb(0, 0, 0); border-radius: 20px; z-index: 5;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-screen{position: relative; height: 100%; background: var(--surface-soft); border-radius: 47px; overflow: hidden; display: flex; flex-direction: column;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-status{display: flex; justify-content: space-between; align-items: center; padding: 19px 30px 10px; background: var(--white); font-family: var(--font-head); font-weight: 700; font-size: 0.8rem; color: var(--dunkelblau);} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-status .ps-r{display: flex; gap: 6px; align-items: center; color: var(--dunkelblau);} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-status svg{display: block;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-head{background: var(--white); padding: 6px 18px 14px; border-bottom: 1px solid var(--border-light); display: flex; align-items: center; gap: 10px;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .ph-logo{width: 30px; height: 30px; border-radius: 9px; background: var(--gradient); display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-family: var(--font-head); font-weight: 700; font-size: 0.92rem; flex-shrink: 0;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .ph-meta{min-width: 0px; flex: 1 1 0%; display: flex; flex-direction: column;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-head .ph-title{font-family: var(--font-head); font-weight: 600; font-size: 0.9rem; color: var(--dunkelblau); line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-head .ph-sub{font-size: 0.66rem; color: var(--text-muted);} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .ph-avatar{width: 30px; height: 30px; border-radius: 50%; background: var(--hellblau); color: var(--vividblue); font-family: var(--font-head); font-weight: 700; font-size: 0.68rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-body{padding: 14px; display: flex; flex-direction: column; gap: 11px; flex: 1 1 0%;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .ph-daylabel{font-family: var(--font-head); font-weight: 600; font-size: 0.62rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); margin: 0px 2px -2px;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .ph-card{background: var(--white); border: 1px solid var(--border-light); border-radius: 14px; padding: 13px 14px; font-size: 0.74rem; color: var(--text-secondary); box-shadow: var(--shadow-xs);} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .ph-card .ph-card-title{font-family: var(--font-head); font-weight: 600; color: var(--dunkelblau); font-size: 0.82rem; display: flex; justify-content: space-between; align-items: center; gap: 8px;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .ph-timer{display: flex; align-items: baseline; gap: 7px; margin: 8px 0px 3px;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .ph-timer b{font-family: var(--font-head); font-weight: 700; font-size: 1.55rem; color: var(--dunkelblau); line-height: 1; letter-spacing: -0.01em;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .ph-timer span{font-size: 0.68rem; color: var(--text-muted);} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .ph-meta-row{font-size: 0.7rem; color: var(--text-muted); margin-top: 2px;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .ph-photos{display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 10px;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .ph-photos img{display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .ph-photos i{aspect-ratio: 4 / 3; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: var(--surface-soft); border: 1.5px dashed var(--border-dashed); color: var(--text-muted); font-style: normal; font-weight: 600; font-size: 1rem;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .ph-chips{display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .ph-chips span{font-size: 0.64rem; font-weight: 600; color: var(--dunkelblau); background: var(--surface-soft); border: 1px solid var(--border-light); border-radius: var(--radius-pill); padding: 3px 8px;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .ph-btn{background: var(--dunkelblau); color: var(--white); font-family: var(--font-head); font-weight: 600; font-size: 0.8rem; text-align: center; border-radius: 12px; padding: 12px; margin-top: 2px;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-tabs{position: relative; display: flex; justify-content: space-around; align-items: center; background: var(--white); border-top: 1px solid var(--border-light); padding: 10px 6px 30px;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-tabs::after{content: ""; position: absolute; left: 50%; bottom: 9px; transform: translateX(-50%); width: 36%; height: 5px; border-radius: 3px; background: var(--dunkelblau);} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-tabs span{display: flex; flex-direction: column; align-items: center; gap: 3px; font-family: var(--font-head); font-weight: 600; font-size: 0.56rem; color: var(--text-faint);} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-tabs .on{color: var(--vividblue);} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-tabs svg{width: 21px; height: 21px;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-float{position: absolute; left: -150px; top: 61%; z-index: 6; width: 218px; background: var(--white); border: 1px solid var(--border-light); border-radius: 16px; padding: 13px 15px; box-shadow: 0 24px 48px -20px rgba(var(--dunkelblau-rgb),.35),var(--shadow-xs); font-size: 0.72rem; color: var(--text-secondary);} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-float .pf-k{display: flex; align-items: center; gap: 7px; font-family: var(--font-head); font-weight: 600; font-size: 0.62rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 6px;} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-float .pf-k::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--status-ok-fg,#2e9e5b);} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-float b{display: block; font-family: var(--font-head); font-size: 0.86rem; color: var(--dunkelblau); margin-bottom: 2px;} @media (max-width: 1000px){.elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-float{left: -110px;}} @media (max-width: 520px){.elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-wrap{width: 300px;}} @media (max-width: 520px){.elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone{border-radius: 50px; padding: 10px;}} @media (max-width: 520px){.elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-screen{border-radius: 40px;}} @media (max-width: 520px){.elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-island{top: 19px; height: 27px;}} @media (max-width: 520px){.elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .phone-float{display: none;}} @media (max-width: 520px){.elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html .ph-extra{display: none;}} .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html [id]{scroll-margin-top:100px} /* Hello-Reset *,:after,:before{box-sizing:border-box} trifft Pseudo-Elemente (der Kapsel-Reset nur Elemente); im Prototyp gilt border-box nur fuer Elemente (site.css *{…}) -> ::before/::after content-box (Akku-Symbol, Pfeilspitzen) */ .elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html :where(.dvx, .dvx *)::before,.elementor-17872 .elementor-element.elementor-element-hero-phone-mock.elementor-widget.elementor-widget-html :where(.dvx, .dvx *)::after{box-sizing:content-box}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-hero-app-note */.elementor-17872 .elementor-element.elementor-element-hero-app-note{font-family:'Roboto',Arial,sans-serif} .elementor-17872 .elementor-element.elementor-element-hero-app-note{position:static}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-hero-phone */.elementor-17872 .elementor-element.elementor-element-hero-phone{--i:1}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-hero-grid */.elementor-17872 .elementor-element.elementor-element-hero-grid{--e-con-grid-template-columns:1.05fr .95fr} .elementor-17872 .elementor-element.elementor-element-hero-grid > .elementor-element{min-width:0} @media (max-width:1000px){.elementor-17872 .elementor-element.elementor-element-hero-grid{--e-con-grid-template-columns:1fr}}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-hero */.elementor-17872 .elementor-element.elementor-element-hero{background-image:linear-gradient(180deg, rgba(85,140,237,.10) 0%, rgba(234,239,247,.55) 38%, #FFFFFF 100%)} @media (max-width:1000px){.elementor-17872 .elementor-element.elementor-element-hero{--padding-top:56px;--padding-bottom:64px}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-tag-head-h2 */.elementor-17872 .elementor-element.elementor-element-tag-head-h2 .elementor-heading-title{overflow-wrap:break-word}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-tag-head-p0 */.elementor-17872 .elementor-element.elementor-element-tag-head-p0{font-family:'Roboto',Arial,sans-serif}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-tag-day */.elementor-17872 .elementor-element.elementor-element-tag-day{--dunkelblau:#020028;--einfachblau:#558CED;--lime:#BEFF2E;--vividblue:#203AEA;--hellblau:#EAEFF7;--gradient:linear-gradient(135deg,#020028 0%,#212F98 100%);--body:#333333;--white:#FFFFFF;--font-head:'Poppins',Arial,sans-serif;--font-body:'Roboto',Arial,sans-serif;--container:1240px;--sec-y:112px;--sec-y-mobile:64px;--radius:14px;--dunkelblau-rgb:2,0,40;--lime-rgb:190,255,46;--vividblue-rgb:32,58,234;--einfachblau-rgb:85,140,237;--hellblau-rgb:234,239,247;--gradientend-rgb:33,47,152;--text-body:#333333;--text-secondary:#4A536B;--text-muted:#66708A;--text-faint:#8A93A6;--text-on-dark:#C9D2EE;--text-on-dark-muted:rgba(201,210,238,.62);--border-light:#E6ECF6;--border-hover:rgba(var(--einfachblau-rgb),.45);--border-dashed:#B9C7E2;--border-on-dark:rgba(255,255,255,.10);--border-on-dark-blue:rgba(var(--einfachblau-rgb),.20);--border-on-dark-hover:rgba(var(--einfachblau-rgb),.40);--surface-soft:#F4F7FC;--surface-deep:#151340;--surface-deep-2:rgba(255,255,255,.04);--surface-tint:rgba(var(--einfachblau-rgb),.08);--surface-wash:linear-gradient(180deg, rgba(var(--einfachblau-rgb),.10) 0%, rgba(var(--hellblau-rgb),.55) 38%, var(--white) 100%);--status-ok-bg:#E9FBD0;--status-ok-fg:#3D6B00;--status-info-bg:#E3ECFD;--status-info-fg:#1D47B8;--status-neutral-bg:#EEF1F7;--status-neutral-fg:#66708A;--status-warn-bg:#FDE5E3;--status-warn-fg:#B8341D;--fs-h1:clamp(2.1rem,6.5vw,3.6rem);--fs-h2:clamp(1.8rem,3.2vw,2.5rem);--fs-h3:1.25rem;--fs-h4:1.05rem;--fs-lead:1.2rem;--fs-body:17px;--fs-small:.9rem;--fs-caption:.78rem;--radius-sm:8px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(var(--dunkelblau-rgb),.06);--shadow-sm:0 1px 1px rgba(var(--dunkelblau-rgb),.03), 0 4px 12px -2px rgba(var(--dunkelblau-rgb),.06);--shadow-md:0 2px 4px -1px rgba(var(--dunkelblau-rgb),.05), 0 12px 28px -8px rgba(var(--dunkelblau-rgb),.10);--shadow-lg:0 4px 8px -2px rgba(var(--dunkelblau-rgb),.06), 0 30px 45px -30px rgba(var(--gradientend-rgb),.25);--shadow-dark:0 10px 30px rgba(var(--dunkelblau-rgb),.35);--shadow-feature:0 8px 30px rgba(var(--einfachblau-rgb),.14);--bevel-light:inset 0 1px 0 rgba(255,255,255,.14);--bevel-dark:inset 0 -1px 0 rgba(var(--dunkelblau-rgb),.55);--ease-out:cubic-bezier(.22,1,.36,1);--dur-fast:.18s;--dur-base:.25s;--dur-reveal:.6s;--stagger:90ms} @media (max-width:600px){.elementor-17872 .elementor-element.elementor-element-tag-day{--stagger:0ms}} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html :where(.dvx, .dvx *:not(svg, svg *)){all:revert} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .dvx{font-family:var(--font-body);font-size:17px;line-height:1.6;color:#C9D2EE;-webkit-font-smoothing:antialiased;text-align:start;font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;white-space:normal;word-spacing:normal} .js-anim .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*var(--dv-stagger)),transform .6s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*var(--dv-stagger));animation:dv-reveal-fallback 0s 3s forwards} .js-anim .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .reveal.visible{opacity:1;transform:none} .js-anim .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .reveal-draw{transform:scaleX(0);transform-origin:left center} .js-anim .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .reveal-draw.visible{transform:none} @media (prefers-reduced-motion:reduce){.js-anim .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .reveal,.js-anim .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .reveal-draw{opacity:1;transform:none;transition:none;animation:none}} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html *{margin: 0px; padding: 0px; box-sizing: border-box;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html h1, .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html h2, .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html h3, .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html h4{font-family: var(--font-head); color: var(--dunkelblau); line-height: 0.95; font-weight: 700;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html h3{font-size: 1.25rem; line-height: 1.15; font-weight: 600;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html p{line-height: 1.5;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html img, .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html svg{max-width: 100%; display: block;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .pill{display: inline-block; font-size: 0.7rem; font-weight: 500; padding: 3px 10px; border-radius: 999px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .pill.green{background: rgb(233, 251, 208); color: rgb(61, 107, 0);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .pill.blue{background: rgb(227, 236, 253); color: rgb(29, 71, 184);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .pill.grey{background: rgb(238, 241, 247); color: rgb(102, 112, 138);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .pill.red{background: rgb(253, 229, 227); color: rgb(184, 52, 29);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html p, .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html li, .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html dd, .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html td, .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html blockquote{overflow-wrap: break-word;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html h3{line-height: 1.25; letter-spacing: -0.008em;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html p{line-height: 1.6;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .ph-logo{width: 30px; height: 30px; border-radius: 9px; background: var(--gradient); display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-family: var(--font-head); font-weight: 700; font-size: 0.92rem; flex-shrink: 0;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .ph-daylabel{font-family: var(--font-head); font-weight: 600; font-size: 0.62rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); margin: 0px 2px -2px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .ph-card{background: var(--white); border: 1px solid var(--border-light); border-radius: 14px; padding: 13px 14px; font-size: 0.74rem; color: var(--text-secondary); box-shadow: var(--shadow-xs);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .ph-card .ph-card-title{font-family: var(--font-head); font-weight: 600; color: var(--dunkelblau); font-size: 0.82rem; display: flex; justify-content: space-between; align-items: center; gap: 8px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .ph-meta-row{font-size: 0.7rem; color: var(--text-muted); margin-top: 2px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .ph-photos{display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 10px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .ph-photos img{display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .ph-photos i{aspect-ratio: 4 / 3; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: var(--surface-soft); border: 1.5px dashed var(--border-dashed); color: var(--text-muted); font-style: normal; font-weight: 600; font-size: 1rem;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .ph-btn{background: var(--dunkelblau); color: var(--white); font-family: var(--font-head); font-weight: 600; font-size: 0.8rem; text-align: center; border-radius: 12px; padding: 12px; margin-top: 2px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day{list-style: none; margin: 0px; padding: 0px; position: relative; display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 26px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day::before{content: ""; position: absolute; left: 11px; right: 0px; top: 10px; height: 2px; border-radius: 2px; background: linear-gradient(90deg,rgba(var(--einfachblau-rgb),.9),rgba(var(--einfachblau-rgb),.45) 70%,rgba(var(--einfachblau-rgb),.08));} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-m{position: relative; min-width: 0px; display: flex; flex-direction: column;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-time{display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 22px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-dot{width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: var(--dunkelblau); border: 2px solid var(--einfachblau); box-shadow: 0 0 0 5px rgba(var(--einfachblau-rgb),.16);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-dot::after{content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--einfachblau);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-time time{font-family: var(--font-head); font-weight: 700; font-size: 1.15rem; color: var(--white); letter-spacing: 0.01em; line-height: 1;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-m h3{color: var(--white); font-size: 1.1rem; line-height: 1.25; margin: 22px 0px 8px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-app{font-size: 0.93rem; line-height: 1.55; color: var(--text-on-dark);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-office{margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--border-on-dark); font-size: 0.87rem; line-height: 1.55; color: var(--text-on-dark-muted);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-office b{display: flex; align-items: center; gap: 7px; margin-bottom: 5px; font-family: var(--font-head); font-weight: 600; font-size: 0.66rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--white);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-office b::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--einfachblau);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-wrap{padding: 4px 4px 0px; width: 100%; max-width: 236px; mask-image: linear-gradient(rgb(0, 0, 0) 84%, transparent);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip{position: relative; height: 310px; border-radius: 36px 36px 0px 0px; background: rgb(22, 23, 29); padding: 8px 8px 0px; box-shadow: rgb(74, 77, 88) 0px 0px 0px 1.5px inset, rgb(167, 170, 179) 0px 0px 0px 1.5px, rgb(92, 95, 105) 0px 0px 0px 3px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip::before{content: ""; position: absolute; top: 15px; left: 50%; transform: translateX(-50%); width: 30%; height: 17px; border-radius: 10px; background: rgb(0, 0, 0); z-index: 2;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-screen{height: 100%; background: var(--surface-soft); border-radius: 28px 28px 0px 0px; overflow: hidden; display: flex; flex-direction: column;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-status{display: flex; justify-content: space-between; align-items: center; padding: 11px 20px 7px; background: var(--white); font-family: var(--font-head); font-weight: 700; font-size: 0.64rem; color: var(--dunkelblau);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-status::after{content: ""; width: 18px; height: 8px; border-radius: 3px; border: 1.5px solid rgba(var(--dunkelblau-rgb),.45); background: linear-gradient(90deg,var(--dunkelblau) 70%,transparent 70%) content-box; padding: 1px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-head{display: flex; align-items: center; gap: 8px; padding: 3px 12px 9px; background: var(--white); border-bottom: 1px solid var(--border-light);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-head .ph-logo{width: 22px; height: 22px; border-radius: 7px; font-size: 0.68rem;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-t{min-width: 0px; font-family: var(--font-head); font-weight: 600; font-size: 0.7rem; line-height: 1.2; color: var(--dunkelblau); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-t small{display: block; font-family: var(--font-body); font-weight: 400; font-size: 0.6rem; color: var(--text-muted);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-body{padding: 10px; display: flex; flex-direction: column; gap: 8px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip .ph-daylabel{font-size: 0.56rem; margin: 0px 2px -2px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip .ph-card{padding: 11px 12px; border-radius: 12px; font-size: 0.68rem;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip .ph-card .ph-card-title{font-size: 0.74rem; gap: 6px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip .pill{font-size: 0.56rem; padding: 2px 7px; white-space: nowrap; flex-shrink: 0;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip .ph-meta-row{font-size: 0.64rem;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip .ph-btn{padding: 10px; font-size: 0.72rem; border-radius: 10px; margin-top: 0px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip .ph-photos{margin-top: 8px; gap: 5px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-f{display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 6px 0px 0px; margin-top: 6px; border-top: 1px solid var(--surface-soft); font-size: 0.62rem; color: var(--text-muted);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-f b{font-family: var(--font-head); font-weight: 600; font-size: 0.66rem; color: var(--dunkelblau); white-space: nowrap;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-center{text-align: center;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-stamp{position: relative; width: 84px; height: 84px; margin: 8px auto 10px; border-radius: 50%; background: var(--dunkelblau); color: var(--white); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; font-family: var(--font-head); font-weight: 700; font-size: 0.7rem; box-shadow: 0 12px 22px -10px rgba(var(--dunkelblau-rgb),.6);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-stamp svg{width: 20px; height: 20px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-stamp::after{content: ""; position: absolute; inset: -7px; border-radius: 50%; border: 2px solid rgba(var(--einfachblau-rgb),.55);} @media (prefers-reduced-motion: no-preference){.elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-stamp::after{animation: snipPulse 2.6s var(--ease-out) infinite;}} @keyframes snipPulse { 0% { transform: scale(0.92); opacity: 0.9; } 70%, 100% { transform: scale(1.18); opacity: 0; } } .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-check{list-style: none; margin: 6px 0px 0px; padding: 0px;} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-check li{display: flex; align-items: center; gap: 7px; padding: 4px 0px; border-top: 1px solid var(--surface-soft); font-size: 0.64rem; color: var(--text-secondary);} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-check li::before{content: "✓"; flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 15px; height: 15px; border-radius: 50%; background: var(--status-ok-bg); color: var(--status-ok-fg); font-size: 0.56rem; font-weight: 700;} @media (max-width: 1180px){.elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day{grid-template-columns: 1fr; gap: 0px; max-width: 780px; margin: 0px auto;}} @media (max-width: 1180px){.elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day::before{inset: 12px auto 40px 10px; width: 2px; height: auto; background: linear-gradient(180deg,rgba(var(--einfachblau-rgb),.9),rgba(var(--einfachblau-rgb),.35) 85%,rgba(var(--einfachblau-rgb),.08));}} @media (max-width: 1180px){.elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-m{display: grid; grid-template-columns: 236px minmax(0px, 1fr); grid-template-rows: auto auto auto auto 1fr; column-gap: 40px; align-items: start; padding: 0px 0px 52px 50px;}} @media (max-width: 1180px){.elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-m:last-child{padding-bottom: 0px;}} @media (max-width: 1180px){.elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-time{grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 16px; margin: 0px 0px 18px -50px;}} @media (max-width: 1180px){.elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-wrap{grid-area: 2 / 1 / 6;}} @media (max-width: 1180px){.elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-m h3, .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-app, .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-office{grid-column: 2;}} @media (max-width: 1180px){.elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-m h3{margin-top: 6px;}} @media (max-width: 640px){.elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-m{grid-template-columns: minmax(0px, 1fr); grid-template-rows: none; padding-left: 42px;}} @media (max-width: 640px){.elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-time{margin-left: -42px;}} @media (max-width: 640px){.elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .snip-wrap{grid-row: auto; max-width: 250px;}} @media (max-width: 640px){.elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-m h3{margin-top: 20px;}} @media (max-width: 640px){.elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-m h3, .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-app, .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html .day-office{grid-column: 1;}} .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html [id]{scroll-margin-top:100px} /* Hello-Reset *,:after,:before{box-sizing:border-box} trifft Pseudo-Elemente (der Kapsel-Reset nur Elemente); im Prototyp gilt border-box nur fuer Elemente (site.css *{…}) -> ::before/::after content-box (Akku-Symbol, Pfeilspitzen) */ .elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html :where(.dvx, .dvx *)::before,.elementor-17872 .elementor-element.elementor-element-tag-day.elementor-widget.elementor-widget-html :where(.dvx, .dvx *)::after{box-sizing:content-box}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-tag-note */.elementor-17872 .elementor-element.elementor-element-tag-note{font-family:'Roboto',Arial,sans-serif} .elementor-17872 .elementor-element.elementor-element-tag-note{margin-top:44px}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-tag */.elementor-17872 .elementor-element.elementor-element-tag{overflow:hidden} /* .sec-dark::before: zwei Rand-Glows (dive-v2.css) */ .elementor-17872 .elementor-element.elementor-element-tag::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:1;mix-blend-mode:normal;border:0;border-radius:0;background:radial-gradient(600px 320px at 80% -10%, rgba(32,58,234,.35), transparent 70%),radial-gradient(420px 260px at 10% 110%, rgba(85,140,237,.18), transparent 70%)} .elementor-17872 .elementor-element.elementor-element-tag > .e-con-inner{position:relative} @media (max-width:1000px){.elementor-17872 .elementor-element.elementor-element-tag{--padding-top:64px;--padding-bottom:64px}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-funktionen-head-h2 */.elementor-17872 .elementor-element.elementor-element-funktionen-head-h2 .elementor-heading-title{overflow-wrap:break-word}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-funktionen-liste */.elementor-17872 .elementor-element.elementor-element-funktionen-liste{--dunkelblau:#020028;--einfachblau:#558CED;--lime:#BEFF2E;--vividblue:#203AEA;--hellblau:#EAEFF7;--gradient:linear-gradient(135deg,#020028 0%,#212F98 100%);--body:#333333;--white:#FFFFFF;--font-head:'Poppins',Arial,sans-serif;--font-body:'Roboto',Arial,sans-serif;--container:1240px;--sec-y:112px;--sec-y-mobile:64px;--radius:14px;--dunkelblau-rgb:2,0,40;--lime-rgb:190,255,46;--vividblue-rgb:32,58,234;--einfachblau-rgb:85,140,237;--hellblau-rgb:234,239,247;--gradientend-rgb:33,47,152;--text-body:#333333;--text-secondary:#4A536B;--text-muted:#66708A;--text-faint:#8A93A6;--text-on-dark:#C9D2EE;--text-on-dark-muted:rgba(201,210,238,.62);--border-light:#E6ECF6;--border-hover:rgba(var(--einfachblau-rgb),.45);--border-dashed:#B9C7E2;--border-on-dark:rgba(255,255,255,.10);--border-on-dark-blue:rgba(var(--einfachblau-rgb),.20);--border-on-dark-hover:rgba(var(--einfachblau-rgb),.40);--surface-soft:#F4F7FC;--surface-deep:#151340;--surface-deep-2:rgba(255,255,255,.04);--surface-tint:rgba(var(--einfachblau-rgb),.08);--surface-wash:linear-gradient(180deg, rgba(var(--einfachblau-rgb),.10) 0%, rgba(var(--hellblau-rgb),.55) 38%, var(--white) 100%);--status-ok-bg:#E9FBD0;--status-ok-fg:#3D6B00;--status-info-bg:#E3ECFD;--status-info-fg:#1D47B8;--status-neutral-bg:#EEF1F7;--status-neutral-fg:#66708A;--status-warn-bg:#FDE5E3;--status-warn-fg:#B8341D;--fs-h1:clamp(2.1rem,6.5vw,3.6rem);--fs-h2:clamp(1.8rem,3.2vw,2.5rem);--fs-h3:1.25rem;--fs-h4:1.05rem;--fs-lead:1.2rem;--fs-body:17px;--fs-small:.9rem;--fs-caption:.78rem;--radius-sm:8px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(var(--dunkelblau-rgb),.06);--shadow-sm:0 1px 1px rgba(var(--dunkelblau-rgb),.03), 0 4px 12px -2px rgba(var(--dunkelblau-rgb),.06);--shadow-md:0 2px 4px -1px rgba(var(--dunkelblau-rgb),.05), 0 12px 28px -8px rgba(var(--dunkelblau-rgb),.10);--shadow-lg:0 4px 8px -2px rgba(var(--dunkelblau-rgb),.06), 0 30px 45px -30px rgba(var(--gradientend-rgb),.25);--shadow-dark:0 10px 30px rgba(var(--dunkelblau-rgb),.35);--shadow-feature:0 8px 30px rgba(var(--einfachblau-rgb),.14);--bevel-light:inset 0 1px 0 rgba(255,255,255,.14);--bevel-dark:inset 0 -1px 0 rgba(var(--dunkelblau-rgb),.55);--ease-out:cubic-bezier(.22,1,.36,1);--dur-fast:.18s;--dur-base:.25s;--dur-reveal:.6s;--stagger:90ms} @media (max-width:600px){.elementor-17872 .elementor-element.elementor-element-funktionen-liste{--stagger:0ms}} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html :where(.dvx, .dvx *:not(svg, svg *)){all:revert} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .dvx{font-family:var(--font-body);font-size:17px;line-height:1.6;color:var(--body);-webkit-font-smoothing:antialiased;text-align:start;font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;white-space:normal;word-spacing:normal} .js-anim .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*var(--dv-stagger)),transform .6s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*var(--dv-stagger));animation:dv-reveal-fallback 0s 3s forwards} .js-anim .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .reveal.visible{opacity:1;transform:none} .js-anim .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .reveal-draw{transform:scaleX(0);transform-origin:left center} .js-anim .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .reveal-draw.visible{transform:none} @media (prefers-reduced-motion:reduce){.js-anim .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .reveal,.js-anim .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .reveal-draw{opacity:1;transform:none;transition:none;animation:none}} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html *{margin: 0px; padding: 0px; box-sizing: border-box;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html h1, .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html h2, .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html h3, .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html h4{font-family: var(--font-head); color: var(--dunkelblau); line-height: 0.95; font-weight: 700;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html h3{font-size: 1.25rem; line-height: 1.15; font-weight: 600;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html p{line-height: 1.5;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html a{color: var(--einfachblau); text-decoration: none;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html img, .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html svg{max-width: 100%; display: block;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html a:focus-visible{outline: 3px solid var(--einfachblau); outline-offset: 2px; border-radius: 4px;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html p, .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html li, .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html dd, .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html td, .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html blockquote{overflow-wrap: break-word;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html h3{line-height: 1.25; letter-spacing: -0.008em;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html p{line-height: 1.6;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html a{color: var(--vividblue); transition: color var(--dur-fast) var(--ease-out);} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html a:hover{color: var(--dunkelblau);} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html a:hover{text-decoration: underline 1.5px; text-underline-offset: 3px;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .lz-vh{position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); white-space: nowrap; border: 0px;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: start;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-grid > *{min-width: 0px;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-col{background: var(--hellblau); border: 1px solid var(--border-light); border-radius: var(--radius-lg); padding: 24px 26px 12px;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-bereich{font-family: var(--font-head); font-weight: 700; font-size: 0.74rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 6px;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-list{list-style: none; margin: 0px; padding: 0px;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-item{display: flex; gap: 13px; align-items: flex-start; padding: 13px 0px; border-top: 1px solid rgba(var(--dunkelblau-rgb),.07);} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-item:first-child{border-top-width: medium; border-top-style: none; border-top-color: currentcolor;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-ic{box-sizing: border-box; width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: var(--status-ok-bg); color: var(--status-ok-fg);} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-ic svg{width: 15px; height: 15px;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-part .bf-ic{background: var(--white); color: var(--status-info-fg); border: 1.5px solid var(--border-dashed);} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-part .bf-ic svg{width: 17px; height: 17px;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-txt{min-width: 0px; padding-top: 3px;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-name{display: block; font-family: var(--font-head); font-weight: 600; font-size: 0.98rem; line-height: 1.3; color: var(--dunkelblau);} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-name a{color: inherit;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-name a:hover{color: var(--vividblue); text-decoration: underline;} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-sub{display: block; margin-top: 3px; font-size: 0.8rem; line-height: 1.45; color: var(--text-muted);} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-foot{margin-top: 26px; font-size: 0.92rem; color: var(--text-secondary);} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-foot b{font-family: var(--font-head); color: var(--dunkelblau);} @media (max-width: 980px){.elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-grid{grid-template-columns: 1fr 1fr;}} @media (max-width: 620px){.elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-grid{grid-template-columns: 1fr;}} @media (max-width: 620px){.elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html .bf-col{padding: 20px 20px 8px;}} .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html [id]{scroll-margin-top:100px} /* Hello-Reset *,:after,:before{box-sizing:border-box} trifft Pseudo-Elemente (der Kapsel-Reset nur Elemente); im Prototyp gilt border-box nur fuer Elemente (site.css *{…}) -> ::before/::after content-box (Akku-Symbol, Pfeilspitzen) */ .elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html :where(.dvx, .dvx *)::before,.elementor-17872 .elementor-element.elementor-element-funktionen-liste.elementor-widget.elementor-widget-html :where(.dvx, .dvx *)::after{box-sizing:content-box}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-funktionen */@media (max-width:1000px){.elementor-17872 .elementor-element.elementor-element-funktionen{--padding-top:64px;--padding-bottom:64px}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-draussen-head-h2 */.elementor-17872 .elementor-element.elementor-element-draussen-head-h2 .elementor-heading-title{overflow-wrap:break-word}/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-fc0-svg */.elementor-17872 .elementor-element.elementor-element-fc0-svg .elementor-icon-wrapper{line-height:0;display:block} .elementor-17872 .elementor-element.elementor-element-fc0-svg .elementor-icon{display:block;line-height:0;font-size:23px} .elementor-17872 .elementor-element.elementor-element-fc0-svg .elementor-icon svg{width:23px;height:23px;display:block} .elementor-17872 .elementor-element.elementor-element-fc0-svg.elementor-widget-icon.elementor-widget-icon .elementor-icon svg{fill:none}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc0-icon */.elementor-17872 .elementor-element.elementor-element-fc0-icon{flex-shrink:0}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-fc0-h3 */.elementor-17872 .elementor-element.elementor-element-fc0-h3 .elementor-heading-title{font-family:'Poppins',Arial,sans-serif}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-fc0-text */.elementor-17872 .elementor-element.elementor-element-fc0-text{font-family:'Roboto',Arial,sans-serif}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc0 */.elementor-17872 .elementor-element.elementor-element-fc0{box-shadow:0 1px 1px rgba(2,0,40,.03),0 4px 12px -2px rgba(2,0,40,.06)} .elementor-17872 .elementor-element.elementor-element-fc0{--i:0}/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-fc1-svg */.elementor-17872 .elementor-element.elementor-element-fc1-svg .elementor-icon-wrapper{line-height:0;display:block} .elementor-17872 .elementor-element.elementor-element-fc1-svg .elementor-icon{display:block;line-height:0;font-size:23px} .elementor-17872 .elementor-element.elementor-element-fc1-svg .elementor-icon svg{width:23px;height:23px;display:block} .elementor-17872 .elementor-element.elementor-element-fc1-svg.elementor-widget-icon.elementor-widget-icon .elementor-icon svg{fill:none}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc1-icon */.elementor-17872 .elementor-element.elementor-element-fc1-icon{flex-shrink:0}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-fc1-h3 */.elementor-17872 .elementor-element.elementor-element-fc1-h3 .elementor-heading-title{font-family:'Poppins',Arial,sans-serif}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-fc1-text */.elementor-17872 .elementor-element.elementor-element-fc1-text{font-family:'Roboto',Arial,sans-serif}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc1 */.elementor-17872 .elementor-element.elementor-element-fc1{box-shadow:0 1px 1px rgba(2,0,40,.03),0 4px 12px -2px rgba(2,0,40,.06)} .elementor-17872 .elementor-element.elementor-element-fc1{--i:1}/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-fc2-svg */.elementor-17872 .elementor-element.elementor-element-fc2-svg .elementor-icon-wrapper{line-height:0;display:block} .elementor-17872 .elementor-element.elementor-element-fc2-svg .elementor-icon{display:block;line-height:0;font-size:23px} .elementor-17872 .elementor-element.elementor-element-fc2-svg .elementor-icon svg{width:23px;height:23px;display:block} .elementor-17872 .elementor-element.elementor-element-fc2-svg.elementor-widget-icon.elementor-widget-icon .elementor-icon svg{fill:none}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc2-icon */.elementor-17872 .elementor-element.elementor-element-fc2-icon{flex-shrink:0}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-fc2-h3 */.elementor-17872 .elementor-element.elementor-element-fc2-h3 .elementor-heading-title{font-family:'Poppins',Arial,sans-serif}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-fc2-text */.elementor-17872 .elementor-element.elementor-element-fc2-text{font-family:'Roboto',Arial,sans-serif}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc2 */.elementor-17872 .elementor-element.elementor-element-fc2{box-shadow:0 1px 1px rgba(2,0,40,.03),0 4px 12px -2px rgba(2,0,40,.06)} .elementor-17872 .elementor-element.elementor-element-fc2{--i:2}/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-fc3-svg */.elementor-17872 .elementor-element.elementor-element-fc3-svg .elementor-icon-wrapper{line-height:0;display:block} .elementor-17872 .elementor-element.elementor-element-fc3-svg .elementor-icon{display:block;line-height:0;font-size:23px} .elementor-17872 .elementor-element.elementor-element-fc3-svg .elementor-icon svg{width:23px;height:23px;display:block} .elementor-17872 .elementor-element.elementor-element-fc3-svg.elementor-widget-icon.elementor-widget-icon .elementor-icon svg{fill:none}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc3-icon */.elementor-17872 .elementor-element.elementor-element-fc3-icon{flex-shrink:0}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-fc3-h3 */.elementor-17872 .elementor-element.elementor-element-fc3-h3 .elementor-heading-title{font-family:'Poppins',Arial,sans-serif}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-fc3-text */.elementor-17872 .elementor-element.elementor-element-fc3-text{font-family:'Roboto',Arial,sans-serif}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc3 */.elementor-17872 .elementor-element.elementor-element-fc3{box-shadow:0 1px 1px rgba(2,0,40,.03),0 4px 12px -2px rgba(2,0,40,.06)} .elementor-17872 .elementor-element.elementor-element-fc3{--i:3}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-draussen-grid */.elementor-17872 .elementor-element.elementor-element-draussen-grid{--e-con-grid-template-columns:repeat(4, minmax(0, 1fr))} @media (max-width:1180px){.elementor-17872 .elementor-element.elementor-element-draussen-grid{--e-con-grid-template-columns:1fr 1fr}} @media (max-width:640px){.elementor-17872 .elementor-element.elementor-element-draussen-grid{--e-con-grid-template-columns:1fr}}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-draussen */@media (max-width:1000px){.elementor-17872 .elementor-element.elementor-element-draussen{--padding-top:64px;--padding-bottom:64px}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-buero-head-h2 */.elementor-17872 .elementor-element.elementor-element-buero-head-h2 .elementor-heading-title{overflow-wrap:break-word}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-buero-head-p0 */.elementor-17872 .elementor-element.elementor-element-buero-head-p0{font-family:'Roboto',Arial,sans-serif}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-buero-bruecke */.elementor-17872 .elementor-element.elementor-element-buero-bruecke{--dunkelblau:#020028;--einfachblau:#558CED;--lime:#BEFF2E;--vividblue:#203AEA;--hellblau:#EAEFF7;--gradient:linear-gradient(135deg,#020028 0%,#212F98 100%);--body:#333333;--white:#FFFFFF;--font-head:'Poppins',Arial,sans-serif;--font-body:'Roboto',Arial,sans-serif;--container:1240px;--sec-y:112px;--sec-y-mobile:64px;--radius:14px;--dunkelblau-rgb:2,0,40;--lime-rgb:190,255,46;--vividblue-rgb:32,58,234;--einfachblau-rgb:85,140,237;--hellblau-rgb:234,239,247;--gradientend-rgb:33,47,152;--text-body:#333333;--text-secondary:#4A536B;--text-muted:#66708A;--text-faint:#8A93A6;--text-on-dark:#C9D2EE;--text-on-dark-muted:rgba(201,210,238,.62);--border-light:#E6ECF6;--border-hover:rgba(var(--einfachblau-rgb),.45);--border-dashed:#B9C7E2;--border-on-dark:rgba(255,255,255,.10);--border-on-dark-blue:rgba(var(--einfachblau-rgb),.20);--border-on-dark-hover:rgba(var(--einfachblau-rgb),.40);--surface-soft:#F4F7FC;--surface-deep:#151340;--surface-deep-2:rgba(255,255,255,.04);--surface-tint:rgba(var(--einfachblau-rgb),.08);--surface-wash:linear-gradient(180deg, rgba(var(--einfachblau-rgb),.10) 0%, rgba(var(--hellblau-rgb),.55) 38%, var(--white) 100%);--status-ok-bg:#E9FBD0;--status-ok-fg:#3D6B00;--status-info-bg:#E3ECFD;--status-info-fg:#1D47B8;--status-neutral-bg:#EEF1F7;--status-neutral-fg:#66708A;--status-warn-bg:#FDE5E3;--status-warn-fg:#B8341D;--fs-h1:clamp(2.1rem,6.5vw,3.6rem);--fs-h2:clamp(1.8rem,3.2vw,2.5rem);--fs-h3:1.25rem;--fs-h4:1.05rem;--fs-lead:1.2rem;--fs-body:17px;--fs-small:.9rem;--fs-caption:.78rem;--radius-sm:8px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(var(--dunkelblau-rgb),.06);--shadow-sm:0 1px 1px rgba(var(--dunkelblau-rgb),.03), 0 4px 12px -2px rgba(var(--dunkelblau-rgb),.06);--shadow-md:0 2px 4px -1px rgba(var(--dunkelblau-rgb),.05), 0 12px 28px -8px rgba(var(--dunkelblau-rgb),.10);--shadow-lg:0 4px 8px -2px rgba(var(--dunkelblau-rgb),.06), 0 30px 45px -30px rgba(var(--gradientend-rgb),.25);--shadow-dark:0 10px 30px rgba(var(--dunkelblau-rgb),.35);--shadow-feature:0 8px 30px rgba(var(--einfachblau-rgb),.14);--bevel-light:inset 0 1px 0 rgba(255,255,255,.14);--bevel-dark:inset 0 -1px 0 rgba(var(--dunkelblau-rgb),.55);--ease-out:cubic-bezier(.22,1,.36,1);--dur-fast:.18s;--dur-base:.25s;--dur-reveal:.6s;--stagger:90ms} @media (max-width:600px){.elementor-17872 .elementor-element.elementor-element-buero-bruecke{--stagger:0ms}} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html :where(.dvx, .dvx *:not(svg, svg *)){all:revert} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .dvx{font-family:var(--font-body);font-size:17px;line-height:1.6;color:#C9D2EE;-webkit-font-smoothing:antialiased;text-align:start;font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;white-space:normal;word-spacing:normal} .js-anim .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*var(--dv-stagger)),transform .6s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*var(--dv-stagger));animation:dv-reveal-fallback 0s 3s forwards} .js-anim .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .reveal.visible{opacity:1;transform:none} .js-anim .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .reveal-draw{transform:scaleX(0);transform-origin:left center} .js-anim .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .reveal-draw.visible{transform:none} @media (prefers-reduced-motion:reduce){.js-anim .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .reveal,.js-anim .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .reveal-draw{opacity:1;transform:none;transition:none;animation:none}} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html *{margin: 0px; padding: 0px; box-sizing: border-box;} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html a{color: var(--einfachblau); text-decoration: none;} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html img, .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html svg{max-width: 100%; display: block;} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html a:focus-visible{outline: 3px solid var(--einfachblau); outline-offset: 2px; border-radius: 4px;} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html a{color: var(--vividblue); transition: color var(--dur-fast) var(--ease-out);} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html a:hover{color: var(--dunkelblau);} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html a:hover{text-decoration: underline 1.5px; text-underline-offset: 3px;} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .bridge{max-width: 1040px; margin: 0px auto; display: flex; flex-direction: column; gap: 14px;} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-labels{display: grid; grid-template-columns: minmax(0px, 0.9fr) 110px minmax(0px, 1.5fr); margin-bottom: 2px; font-family: var(--font-head); font-weight: 600; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-on-dark-muted);} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-labels span:last-child{grid-column: 3;} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-row{display: grid; grid-template-columns: minmax(0px, 0.9fr) 110px minmax(0px, 1.5fr); align-items: center;} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-app{display: flex; align-items: center; gap: 13px; background: var(--white); border-radius: var(--radius); padding: 15px 18px; box-shadow: rgba(0, 0, 0, 0.55) 0px 18px 36px -20px;} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-app span{min-width: 0px; font-family: var(--font-head); font-weight: 600; font-size: 0.96rem; line-height: 1.25; color: var(--dunkelblau);} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-app small{display: block; margin-top: 2px; font-family: var(--font-body); font-weight: 400; font-size: 0.76rem; color: var(--text-muted);} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-ic{width: 36px; height: 36px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: var(--hellblau); color: var(--vividblue);} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-ic svg{width: 19px; height: 19px;} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-flow{position: relative; height: 2px; margin: 0px 12px; border-radius: 2px; background: linear-gradient(90deg,rgba(var(--einfachblau-rgb),.25),rgba(var(--einfachblau-rgb),.9));} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-flow::after{content: ""; position: absolute; right: -2px; top: 50%; width: 8px; height: 8px; border-top: 2px solid var(--einfachblau); border-right: 2px solid var(--einfachblau); transform: translateY(-50%) rotate(45deg);} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-flow i{position: absolute; top: 50%; left: 0px; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%; background: var(--white); box-shadow: 0 0 10px 2px rgba(var(--einfachblau-rgb),.8); opacity: 0;} @media (prefers-reduced-motion: no-preference){.elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-flow i{animation: 2.8s linear 0s infinite normal none running brRun;}} @media (prefers-reduced-motion: no-preference){.elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-row:nth-child(3) .br-flow i{animation-delay: 0.7s;}} @media (prefers-reduced-motion: no-preference){.elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-row:nth-child(4) .br-flow i{animation-delay: 1.4s;}} @media (prefers-reduced-motion: no-preference){.elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-row:nth-child(5) .br-flow i{animation-delay: 2.1s;}} @keyframes brRun { 0% { left: 0px; opacity: 0; } 15% { opacity: 1; } 80% { opacity: 1; } 100% { left: calc(100% - 7px); opacity: 0; } } .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html a.br-mod{display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: 3px 18px; padding: 15px 20px; border-radius: var(--radius); background: var(--surface-deep); border: 1px solid var(--border-on-dark-blue); color: var(--text-on-dark); transition: border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html a.br-mod:hover{border-color: var(--border-on-dark-hover); transform: translateX(3px); text-decoration: none;} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-mod b{font-family: var(--font-head); font-weight: 600; font-size: 1rem; color: var(--white); display: flex; align-items: center; gap: 8px;} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-mod b i{font-style: normal; font-size: 0.62rem; letter-spacing: 0.06em; text-transform: uppercase; background: var(--dunkelblau); color: var(--lime); border: 1px solid var(--border-on-dark-blue); border-radius: var(--radius-pill); padding: 2px 8px;} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-mod span{grid-column: 1; font-size: 0.88rem; line-height: 1.5; color: var(--text-on-dark-muted);} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-mod em{grid-area: 1 / 2 / span 2; font-style: normal; font-family: var(--font-head); font-weight: 600; font-size: 0.84rem; color: var(--einfachblau); white-space: nowrap;} @media (max-width: 760px){.elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-labels{display: none;}} @media (max-width: 760px){.elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-row{grid-template-columns: 1fr;}} @media (max-width: 760px){.elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-flow{width: 2px; height: 26px; margin: 0px 0px 0px 34px; background: linear-gradient(180deg,rgba(var(--einfachblau-rgb),.25),rgba(var(--einfachblau-rgb),.9));}} @media (max-width: 760px){.elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-flow::after{inset: auto auto -2px 50%; transform: translateX(-50%) rotate(135deg);}} @media (max-width: 760px){.elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-flow i{display: none;}} @media (max-width: 760px){.elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .bridge{gap: 22px;}} @media (max-width: 640px){.elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html a.br-mod{grid-template-columns: 1fr;}} @media (max-width: 640px){.elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html .br-mod em{grid-area: auto / 1; margin-top: 6px;}} .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html [id]{scroll-margin-top:100px} /* Hello-Reset *,:after,:before{box-sizing:border-box} trifft Pseudo-Elemente (der Kapsel-Reset nur Elemente); im Prototyp gilt border-box nur fuer Elemente (site.css *{…}) -> ::before/::after content-box (Akku-Symbol, Pfeilspitzen) */ .elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html :where(.dvx, .dvx *)::before,.elementor-17872 .elementor-element.elementor-element-buero-bruecke.elementor-widget.elementor-widget-html :where(.dvx, .dvx *)::after{box-sizing:content-box}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-buero-foot */.elementor-17872 .elementor-element.elementor-element-buero-foot{font-family:'Roboto',Arial,sans-serif} .elementor-17872 .elementor-element.elementor-element-buero-foot{margin-top:30px} .elementor-17872 .elementor-element.elementor-element-buero-foot a{font-weight:500} .elementor-17872 .elementor-element.elementor-element-buero-foot a:focus:not(:hover){color:#558CED}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-buero */.elementor-17872 .elementor-element.elementor-element-buero{overflow:hidden} /* .sec-dark::before: zwei Rand-Glows (dive-v2.css) */ .elementor-17872 .elementor-element.elementor-element-buero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:1;mix-blend-mode:normal;border:0;border-radius:0;background:radial-gradient(600px 320px at 80% -10%, rgba(32,58,234,.35), transparent 70%),radial-gradient(420px 260px at 10% 110%, rgba(85,140,237,.18), transparent 70%)} .elementor-17872 .elementor-element.elementor-element-buero > .e-con-inner{position:relative} @media (max-width:1000px){.elementor-17872 .elementor-element.elementor-element-buero{--padding-top:64px;--padding-bottom:64px}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-preis-h2 */.elementor-17872 .elementor-element.elementor-element-preis-h2 .elementor-heading-title{overflow-wrap:break-word}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-preis-text0 */.elementor-17872 .elementor-element.elementor-element-preis-text0{font-family:'Roboto',Arial,sans-serif}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-preis-links */.elementor-17872 .elementor-element.elementor-element-preis-links{font-family:'Poppins',Arial,sans-serif} .elementor-17872 .elementor-element.elementor-element-preis-links p{display:flex;flex-direction:column;gap:10px;align-items:flex-start} .elementor-17872 .elementor-element.elementor-element-preis-links a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-preis-rechner */.elementor-17872 .elementor-element.elementor-element-preis-rechner{--dunkelblau:#020028;--einfachblau:#558CED;--lime:#BEFF2E;--vividblue:#203AEA;--hellblau:#EAEFF7;--gradient:linear-gradient(135deg,#020028 0%,#212F98 100%);--body:#333333;--white:#FFFFFF;--font-head:'Poppins',Arial,sans-serif;--font-body:'Roboto',Arial,sans-serif;--container:1240px;--sec-y:112px;--sec-y-mobile:64px;--radius:14px;--dunkelblau-rgb:2,0,40;--lime-rgb:190,255,46;--vividblue-rgb:32,58,234;--einfachblau-rgb:85,140,237;--hellblau-rgb:234,239,247;--gradientend-rgb:33,47,152;--text-body:#333333;--text-secondary:#4A536B;--text-muted:#66708A;--text-faint:#8A93A6;--text-on-dark:#C9D2EE;--text-on-dark-muted:rgba(201,210,238,.62);--border-light:#E6ECF6;--border-hover:rgba(var(--einfachblau-rgb),.45);--border-dashed:#B9C7E2;--border-on-dark:rgba(255,255,255,.10);--border-on-dark-blue:rgba(var(--einfachblau-rgb),.20);--border-on-dark-hover:rgba(var(--einfachblau-rgb),.40);--surface-soft:#F4F7FC;--surface-deep:#151340;--surface-deep-2:rgba(255,255,255,.04);--surface-tint:rgba(var(--einfachblau-rgb),.08);--surface-wash:linear-gradient(180deg, rgba(var(--einfachblau-rgb),.10) 0%, rgba(var(--hellblau-rgb),.55) 38%, var(--white) 100%);--status-ok-bg:#E9FBD0;--status-ok-fg:#3D6B00;--status-info-bg:#E3ECFD;--status-info-fg:#1D47B8;--status-neutral-bg:#EEF1F7;--status-neutral-fg:#66708A;--status-warn-bg:#FDE5E3;--status-warn-fg:#B8341D;--fs-h1:clamp(2.1rem,6.5vw,3.6rem);--fs-h2:clamp(1.8rem,3.2vw,2.5rem);--fs-h3:1.25rem;--fs-h4:1.05rem;--fs-lead:1.2rem;--fs-body:17px;--fs-small:.9rem;--fs-caption:.78rem;--radius-sm:8px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(var(--dunkelblau-rgb),.06);--shadow-sm:0 1px 1px rgba(var(--dunkelblau-rgb),.03), 0 4px 12px -2px rgba(var(--dunkelblau-rgb),.06);--shadow-md:0 2px 4px -1px rgba(var(--dunkelblau-rgb),.05), 0 12px 28px -8px rgba(var(--dunkelblau-rgb),.10);--shadow-lg:0 4px 8px -2px rgba(var(--dunkelblau-rgb),.06), 0 30px 45px -30px rgba(var(--gradientend-rgb),.25);--shadow-dark:0 10px 30px rgba(var(--dunkelblau-rgb),.35);--shadow-feature:0 8px 30px rgba(var(--einfachblau-rgb),.14);--bevel-light:inset 0 1px 0 rgba(255,255,255,.14);--bevel-dark:inset 0 -1px 0 rgba(var(--dunkelblau-rgb),.55);--ease-out:cubic-bezier(.22,1,.36,1);--dur-fast:.18s;--dur-base:.25s;--dur-reveal:.6s;--stagger:90ms} @media (max-width:600px){.elementor-17872 .elementor-element.elementor-element-preis-rechner{--stagger:0ms}} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html :where(.dvx, .dvx *:not(svg, svg *)){all:revert} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .dvx{font-family:var(--font-body);font-size:17px;line-height:1.6;color:var(--body);-webkit-font-smoothing:antialiased;text-align:start;font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;white-space:normal;word-spacing:normal} .js-anim .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*var(--dv-stagger)),transform .6s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*var(--dv-stagger));animation:dv-reveal-fallback 0s 3s forwards} .js-anim .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .reveal.visible{opacity:1;transform:none} .js-anim .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .reveal-draw{transform:scaleX(0);transform-origin:left center} .js-anim .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .reveal-draw.visible{transform:none} @media (prefers-reduced-motion:reduce){.js-anim .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .reveal,.js-anim .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .reveal-draw{opacity:1;transform:none;transition:none;animation:none}} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html *{margin: 0px; padding: 0px; box-sizing: border-box;} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html p{line-height: 1.5;} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .pmap-typ{font-style: normal; font-family: var(--font-head); font-weight: 600; font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; background: var(--hellblau); color: var(--dunkelblau); padding: 4px 10px; border-radius: 6px; white-space: nowrap;} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html p, .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html li, .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html dd, .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html td, .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html blockquote{overflow-wrap: break-word;} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html p{line-height: 1.6;} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc{background: var(--hellblau); border: 1px solid var(--border-light); border-radius: var(--radius-xl); padding: 34px 34px 28px; box-shadow: var(--shadow-sm);} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc-k{display: block; font-family: var(--font-head); font-weight: 600; font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 14px;} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc-row{display: flex; align-items: center; flex-wrap: wrap; gap: 10px 12px; font-family: var(--font-head); font-weight: 600; font-size: 1.08rem; color: var(--dunkelblau);} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc-step{display: inline-flex; align-items: center; background: var(--white); border: 1px solid var(--border-light); border-radius: var(--radius-pill); padding: 4px; box-shadow: var(--shadow-xs);} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc-step button{width: 34px; height: 34px; border-radius: 50%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: var(--hellblau); color: var(--dunkelblau); font-family: var(--font-head); font-weight: 700; font-size: 1.1rem; line-height: 1; cursor: pointer;} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc-step button:hover{background: var(--dunkelblau); color: var(--white);} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc-step button:focus-visible{outline: 3px solid var(--einfachblau); outline-offset: 2px;} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc-step output{min-width: 44px; text-align: center; font-size: 1.2rem; font-weight: 700;} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc-calc{margin: 22px 0px 4px; padding-top: 20px; border-top: 1px solid rgba(var(--dunkelblau-rgb),.08); display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 12px; font-family: var(--font-head); font-weight: 600; font-size: 1.05rem; color: var(--text-secondary);} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc-calc b{font-weight: 700; font-size: 2.3rem; letter-spacing: -0.02em; color: var(--dunkelblau); line-height: 1.1;} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc-unit{font-size: 0.9rem; line-height: 1.7; color: var(--text-secondary);} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc-unit .pmap-typ{margin-right: 6px;} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc-foot{margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(var(--dunkelblau-rgb),.08); font-size: 0.86rem; line-height: 1.6; color: var(--text-muted);} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc .pmap-typ{background: var(--white);} @media (max-width: 640px){.elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc{padding: 26px 22px 22px;}} @media (max-width: 640px){.elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc-calc b{font-size: 1.9rem;}} @media (max-width: 640px){.elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc-row{font-size: 1rem; gap: 8px 10px;}} @media (max-width: 640px){.elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc-step button{width: 30px; height: 30px;}} @media (max-width: 640px){.elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html .kc-step output{min-width: 34px;}} .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html [id]{scroll-margin-top:100px} /* Hello-Reset *,:after,:before{box-sizing:border-box} trifft Pseudo-Elemente (der Kapsel-Reset nur Elemente); im Prototyp gilt border-box nur fuer Elemente (site.css *{…}) -> ::before/::after content-box (Akku-Symbol, Pfeilspitzen) */ .elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html :where(.dvx, .dvx *)::before,.elementor-17872 .elementor-element.elementor-element-preis-rechner.elementor-widget.elementor-widget-html :where(.dvx, .dvx *)::after{box-sizing:content-box}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-preis-grid */.elementor-17872 .elementor-element.elementor-element-preis-grid{--e-con-grid-template-columns:1fr minmax(0, 460px)} .elementor-17872 .elementor-element.elementor-element-preis-grid > .elementor-element{min-width:0} @media (max-width:1000px){.elementor-17872 .elementor-element.elementor-element-preis-grid{--e-con-grid-template-columns:1fr;--gap:40px 40px;--row-gap:40px;--column-gap:40px}}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-preis */@media (max-width:1000px){.elementor-17872 .elementor-element.elementor-element-preis{--padding-top:64px;--padding-bottom:64px}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-faq-head-h2 */.elementor-17872 .elementor-element.elementor-element-faq-head-h2 .elementor-heading-title{overflow-wrap:break-word}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a0-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a1-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a2-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a3-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a4-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a5-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a0-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a1-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a2-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a3-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a4-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a5-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a0-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a1-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a2-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a3-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a4-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a5-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a0-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a1-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a2-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a3-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a4-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a5-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a0-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a1-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a2-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a3-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a4-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a5-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a0-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a1-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a2-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a3-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a4-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a5-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a0-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a0-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a1-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a1-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a2-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a2-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a3-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a3-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a4-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a4-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-faq-liste-a5-text *//* .faq details p{max-width:62ch} - muss .elementor.elementor .e-con>.elementor-widget (0,4,0) schlagen */ .elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text.elementor-widget.elementor-widget-text-editor{max-width:62ch} .elementor-17872 .elementor-element.elementor-element-faq-liste-a5-text a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-faq-liste */.elementor-17872 .elementor-element.elementor-element-faq-liste .e-n-accordion-item{background:#FFFFFF;border:1px solid #E6ECF6;border-radius:14px;box-shadow:0 1px 2px rgba(2,0,40,.06)} .elementor-17872 .elementor-element.elementor-element-faq-liste .e-n-accordion-item-title{gap:16px;align-items:center;justify-content:space-between;list-style:none} .elementor-17872 .elementor-element.elementor-element-faq-liste .e-n-accordion-item-title::-webkit-details-marker{display:none} .elementor-17872 .elementor-element.elementor-element-faq-liste .e-n-accordion-item-title::after{content:"+";font-family:'Poppins',Arial,sans-serif;font-weight:600;font-size:1.3rem;color:#203AEA;line-height:1;transition:transform .18s cubic-bezier(.22,1,.36,1)} .elementor-17872 .elementor-element.elementor-element-faq-liste .e-n-accordion-item[open] > .e-n-accordion-item-title::after{transform:rotate(45deg)} /* Prototyp: .faq summary:hover gilt auch fuer geoeffnete Eintraege (Elementor nur :not([open])) */ .elementor-17872 .elementor-element.elementor-element-faq-liste .e-n-accordion-item[open] > .e-n-accordion-item-title:hover{color:var(--n-accordion-title-hover-color)} .elementor-17872 .elementor-element.elementor-element-faq-liste .e-n-accordion-item-title:focus-visible{outline:3px solid #558CED;outline-offset:-3px;border-radius:14px;box-shadow:none} .elementor-17872 .elementor-element.elementor-element-faq-liste .e-n-accordion-item-title-icon{display:none} .elementor-17872 .elementor-element.elementor-element-faq-liste .e-n-accordion-item:not([open]):hover > .e-n-accordion-item-title:not(:hover){color:#020028} .elementor-17872 .elementor-element.elementor-element-faq-liste .e-n-accordion-item{scroll-margin-top:0}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faq */@media (max-width:1000px){.elementor-17872 .elementor-element.elementor-element-faq{--padding-top:64px;--padding-bottom:64px}}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-stimme-head-h2 */.elementor-17872 .elementor-element.elementor-element-stimme-head-h2 .elementor-heading-title{overflow-wrap:break-word}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-stimme-zitat */.elementor-17872 .elementor-element.elementor-element-stimme-zitat{--dunkelblau:#020028;--einfachblau:#558CED;--lime:#BEFF2E;--vividblue:#203AEA;--hellblau:#EAEFF7;--gradient:linear-gradient(135deg,#020028 0%,#212F98 100%);--body:#333333;--white:#FFFFFF;--font-head:'Poppins',Arial,sans-serif;--font-body:'Roboto',Arial,sans-serif;--container:1240px;--sec-y:112px;--sec-y-mobile:64px;--radius:14px;--dunkelblau-rgb:2,0,40;--lime-rgb:190,255,46;--vividblue-rgb:32,58,234;--einfachblau-rgb:85,140,237;--hellblau-rgb:234,239,247;--gradientend-rgb:33,47,152;--text-body:#333333;--text-secondary:#4A536B;--text-muted:#66708A;--text-faint:#8A93A6;--text-on-dark:#C9D2EE;--text-on-dark-muted:rgba(201,210,238,.62);--border-light:#E6ECF6;--border-hover:rgba(var(--einfachblau-rgb),.45);--border-dashed:#B9C7E2;--border-on-dark:rgba(255,255,255,.10);--border-on-dark-blue:rgba(var(--einfachblau-rgb),.20);--border-on-dark-hover:rgba(var(--einfachblau-rgb),.40);--surface-soft:#F4F7FC;--surface-deep:#151340;--surface-deep-2:rgba(255,255,255,.04);--surface-tint:rgba(var(--einfachblau-rgb),.08);--surface-wash:linear-gradient(180deg, rgba(var(--einfachblau-rgb),.10) 0%, rgba(var(--hellblau-rgb),.55) 38%, var(--white) 100%);--status-ok-bg:#E9FBD0;--status-ok-fg:#3D6B00;--status-info-bg:#E3ECFD;--status-info-fg:#1D47B8;--status-neutral-bg:#EEF1F7;--status-neutral-fg:#66708A;--status-warn-bg:#FDE5E3;--status-warn-fg:#B8341D;--fs-h1:clamp(2.1rem,6.5vw,3.6rem);--fs-h2:clamp(1.8rem,3.2vw,2.5rem);--fs-h3:1.25rem;--fs-h4:1.05rem;--fs-lead:1.2rem;--fs-body:17px;--fs-small:.9rem;--fs-caption:.78rem;--radius-sm:8px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(var(--dunkelblau-rgb),.06);--shadow-sm:0 1px 1px rgba(var(--dunkelblau-rgb),.03), 0 4px 12px -2px rgba(var(--dunkelblau-rgb),.06);--shadow-md:0 2px 4px -1px rgba(var(--dunkelblau-rgb),.05), 0 12px 28px -8px rgba(var(--dunkelblau-rgb),.10);--shadow-lg:0 4px 8px -2px rgba(var(--dunkelblau-rgb),.06), 0 30px 45px -30px rgba(var(--gradientend-rgb),.25);--shadow-dark:0 10px 30px rgba(var(--dunkelblau-rgb),.35);--shadow-feature:0 8px 30px rgba(var(--einfachblau-rgb),.14);--bevel-light:inset 0 1px 0 rgba(255,255,255,.14);--bevel-dark:inset 0 -1px 0 rgba(var(--dunkelblau-rgb),.55);--ease-out:cubic-bezier(.22,1,.36,1);--dur-fast:.18s;--dur-base:.25s;--dur-reveal:.6s;--stagger:90ms} @media (max-width:600px){.elementor-17872 .elementor-element.elementor-element-stimme-zitat{--stagger:0ms}} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html :where(.dvx, .dvx *:not(svg, svg *)){all:revert} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .dvx{font-family:var(--font-body);font-size:17px;line-height:1.6;color:#C9D2EE;-webkit-font-smoothing:antialiased;text-align:start;font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;white-space:normal;word-spacing:normal} .js-anim .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*var(--dv-stagger)),transform .6s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*var(--dv-stagger));animation:dv-reveal-fallback 0s 3s forwards} .js-anim .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .reveal.visible{opacity:1;transform:none} .js-anim .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .reveal-draw{transform:scaleX(0);transform-origin:left center} .js-anim .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .reveal-draw.visible{transform:none} @media (prefers-reduced-motion:reduce){.js-anim .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .reveal,.js-anim .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .reveal-draw{opacity:1;transform:none;transition:none;animation:none}} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html *{margin: 0px; padding: 0px; box-sizing: border-box;} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html a{color: var(--einfachblau); text-decoration: none;} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html img, .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html svg{max-width: 100%; display: block;} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html a:focus-visible{outline: 3px solid var(--einfachblau); outline-offset: 2px; border-radius: 4px;} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html p, .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html li, .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html dd, .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html td, .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html blockquote{overflow-wrap: break-word;} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html a{color: var(--vividblue); transition: color var(--dur-fast) var(--ease-out);} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html a:hover{color: var(--dunkelblau);} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html a:hover{text-decoration: underline 1.5px; text-underline-offset: 3px;} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .honest-tag{display: inline-flex; align-items: center; align-self: flex-start; font-family: var(--font-head); font-weight: 600; font-size: 0.66rem; letter-spacing: 0.07em; text-transform: uppercase; color: var(--text-muted); background: var(--white); border: 1px solid var(--border-light); border-radius: var(--radius-pill); padding: 5px 12px;} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .proof-quote{display: flex; gap: 20px; align-items: flex-start; background: var(--white); border: 1px solid var(--border-light); border-radius: var(--radius); padding: 26px 30px; box-shadow: var(--shadow-sm); margin-bottom: 28px;} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .proof-quote .pq-face{width: 56px; height: 56px; border-radius: 50%; overflow: hidden; flex-shrink: 0; border: 1.5px solid var(--border-dashed);} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .proof-quote .pq-face img{width: 100%; height: 100%; object-fit: cover;} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .proof-quote blockquote{font-size: 1.05rem; line-height: 1.55; color: var(--dunkelblau);} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .proof-quote .pq-who{margin-top: 10px; font-size: 0.86rem; color: var(--text-secondary); display: flex; gap: 10px; align-items: center; flex-wrap: wrap;} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .proof-quote .pq-who b{font-family: var(--font-head); font-weight: 600; color: var(--dunkelblau);} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .proof-quote .pq-more{font-family: var(--font-head); font-weight: 600;} @media (max-width: 700px){.elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .proof-quote{flex-direction: column; gap: 14px;}} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .sec-dark .sec-head p, .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .sec-dark figcaption{color: var(--text-on-dark-muted);} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .sec-dark figcaption b{color: var(--white);} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .sec-dark .proof-quote{background: var(--surface-deep); border-color: var(--border-on-dark-blue); box-shadow: none;} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .sec-dark .proof-quote blockquote, .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .sec-dark .proof-quote .pq-who b{color: var(--white);} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .sec-dark .proof-quote .pq-who{color: var(--text-on-dark-muted);} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .proof-quote.pq-feature{max-width: 920px; margin: 0px auto; gap: 34px; align-items: center; padding: 40px 46px; border-radius: var(--radius-xl);} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .proof-quote.pq-feature .pq-face{width: 112px; height: 112px; border-width: 3px;} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .proof-quote.pq-feature blockquote{font-family: var(--font-head); font-weight: 600; font-size: clamp(1.3rem, 2.4vw, 1.75rem); line-height: 1.35; letter-spacing: -0.01em;} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .proof-quote.pq-feature .pq-who{margin-top: 18px; font-size: 0.92rem;} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .sec-dark .proof-quote .pq-more{color: var(--einfachblau);} @media (max-width: 700px){.elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .proof-quote.pq-feature{padding: 28px 24px; gap: 18px; align-items: flex-start;}} @media (max-width: 700px){.elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html .proof-quote.pq-feature .pq-face{width: 76px; height: 76px;}} .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html [id]{scroll-margin-top:100px} /* Hello-Reset *,:after,:before{box-sizing:border-box} trifft Pseudo-Elemente (der Kapsel-Reset nur Elemente); im Prototyp gilt border-box nur fuer Elemente (site.css *{…}) -> ::before/::after content-box (Akku-Symbol, Pfeilspitzen) */ .elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html :where(.dvx, .dvx *)::before,.elementor-17872 .elementor-element.elementor-element-stimme-zitat.elementor-widget.elementor-widget-html :where(.dvx, .dvx *)::after{box-sizing:content-box}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-stimme-note */.elementor-17872 .elementor-element.elementor-element-stimme-note{font-family:'Roboto',Arial,sans-serif} .elementor-17872 .elementor-element.elementor-element-stimme-note{margin-top:26px} .elementor-17872 .elementor-element.elementor-element-stimme-note a{font-family:'Roboto',Arial,sans-serif} .elementor-17872 .elementor-element.elementor-element-stimme-note a:focus:not(:hover){color:#558CED}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-stimme */.elementor-17872 .elementor-element.elementor-element-stimme{overflow:hidden} /* .sec-dark::before: zwei Rand-Glows (dive-v2.css) */ .elementor-17872 .elementor-element.elementor-element-stimme::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:1;mix-blend-mode:normal;border:0;border-radius:0;background:radial-gradient(600px 320px at 80% -10%, rgba(32,58,234,.35), transparent 70%),radial-gradient(420px 260px at 10% 110%, rgba(85,140,237,.18), transparent 70%)} .elementor-17872 .elementor-element.elementor-element-stimme > .e-con-inner{position:relative} @media (max-width:1000px){.elementor-17872 .elementor-element.elementor-element-stimme{--padding-top:64px;--padding-bottom:64px}}/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-cta-faces */.elementor-17872 .elementor-element.elementor-element-cta-faces{--dunkelblau:#020028;--einfachblau:#558CED;--lime:#BEFF2E;--vividblue:#203AEA;--hellblau:#EAEFF7;--gradient:linear-gradient(135deg,#020028 0%,#212F98 100%);--body:#333333;--white:#FFFFFF;--font-head:'Poppins',Arial,sans-serif;--font-body:'Roboto',Arial,sans-serif;--container:1240px;--sec-y:112px;--sec-y-mobile:64px;--radius:14px;--dunkelblau-rgb:2,0,40;--lime-rgb:190,255,46;--vividblue-rgb:32,58,234;--einfachblau-rgb:85,140,237;--hellblau-rgb:234,239,247;--gradientend-rgb:33,47,152;--text-body:#333333;--text-secondary:#4A536B;--text-muted:#66708A;--text-faint:#8A93A6;--text-on-dark:#C9D2EE;--text-on-dark-muted:rgba(201,210,238,.62);--border-light:#E6ECF6;--border-hover:rgba(var(--einfachblau-rgb),.45);--border-dashed:#B9C7E2;--border-on-dark:rgba(255,255,255,.10);--border-on-dark-blue:rgba(var(--einfachblau-rgb),.20);--border-on-dark-hover:rgba(var(--einfachblau-rgb),.40);--surface-soft:#F4F7FC;--surface-deep:#151340;--surface-deep-2:rgba(255,255,255,.04);--surface-tint:rgba(var(--einfachblau-rgb),.08);--surface-wash:linear-gradient(180deg, rgba(var(--einfachblau-rgb),.10) 0%, rgba(var(--hellblau-rgb),.55) 38%, var(--white) 100%);--status-ok-bg:#E9FBD0;--status-ok-fg:#3D6B00;--status-info-bg:#E3ECFD;--status-info-fg:#1D47B8;--status-neutral-bg:#EEF1F7;--status-neutral-fg:#66708A;--status-warn-bg:#FDE5E3;--status-warn-fg:#B8341D;--fs-h1:clamp(2.1rem,6.5vw,3.6rem);--fs-h2:clamp(1.8rem,3.2vw,2.5rem);--fs-h3:1.25rem;--fs-h4:1.05rem;--fs-lead:1.2rem;--fs-body:17px;--fs-small:.9rem;--fs-caption:.78rem;--radius-sm:8px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(var(--dunkelblau-rgb),.06);--shadow-sm:0 1px 1px rgba(var(--dunkelblau-rgb),.03), 0 4px 12px -2px rgba(var(--dunkelblau-rgb),.06);--shadow-md:0 2px 4px -1px rgba(var(--dunkelblau-rgb),.05), 0 12px 28px -8px rgba(var(--dunkelblau-rgb),.10);--shadow-lg:0 4px 8px -2px rgba(var(--dunkelblau-rgb),.06), 0 30px 45px -30px rgba(var(--gradientend-rgb),.25);--shadow-dark:0 10px 30px rgba(var(--dunkelblau-rgb),.35);--shadow-feature:0 8px 30px rgba(var(--einfachblau-rgb),.14);--bevel-light:inset 0 1px 0 rgba(255,255,255,.14);--bevel-dark:inset 0 -1px 0 rgba(var(--dunkelblau-rgb),.55);--ease-out:cubic-bezier(.22,1,.36,1);--dur-fast:.18s;--dur-base:.25s;--dur-reveal:.6s;--stagger:90ms} @media (max-width:600px){.elementor-17872 .elementor-element.elementor-element-cta-faces{--stagger:0ms}} .elementor-17872 .elementor-element.elementor-element-cta-faces.elementor-widget.elementor-widget-html :where(.dvx, .dvx *:not(svg, svg *)){all:revert} .elementor-17872 .elementor-element.elementor-element-cta-faces.elementor-widget.elementor-widget-html .dvx{font-family:var(--font-body);font-size:17px;line-height:1.6;color:var(--body);-webkit-font-smoothing:antialiased;text-align:start;font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;white-space:normal;word-spacing:normal} .js-anim .elementor-17872 .elementor-element.elementor-element-cta-faces.elementor-widget.elementor-widget-html .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*var(--dv-stagger)),transform .6s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*var(--dv-stagger));animation:dv-reveal-fallback 0s 3s forwards} .js-anim .elementor-17872 .elementor-element.elementor-element-cta-faces.elementor-widget.elementor-widget-html .reveal.visible{opacity:1;transform:none} .js-anim .elementor-17872 .elementor-element.elementor-element-cta-faces.elementor-widget.elementor-widget-html .reveal-draw{transform:scaleX(0);transform-origin:left center} .js-anim .elementor-17872 .elementor-element.elementor-element-cta-faces.elementor-widget.elementor-widget-html .reveal-draw.visible{transform:none} @media (prefers-reduced-motion:reduce){.js-anim .elementor-17872 .elementor-element.elementor-element-cta-faces.elementor-widget.elementor-widget-html .reveal,.js-anim .elementor-17872 .elementor-element.elementor-element-cta-faces.elementor-widget.elementor-widget-html .reveal-draw{opacity:1;transform:none;transition:none;animation:none}} .elementor-17872 .elementor-element.elementor-element-cta-faces.elementor-widget.elementor-widget-html *{margin:0;padding:0;box-sizing:border-box} .elementor-17872 .elementor-element.elementor-element-cta-faces.elementor-widget.elementor-widget-html img, .elementor-17872 .elementor-element.elementor-element-cta-faces.elementor-widget.elementor-widget-html svg{max-width:100%;display:block} .elementor-17872 .elementor-element.elementor-element-cta-faces.elementor-widget.elementor-widget-html .cta-faces{display:flex;justify-content:center;margin-bottom:20px} .elementor-17872 .elementor-element.elementor-element-cta-faces.elementor-widget.elementor-widget-html .cta-faces img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--white);box-shadow:var(--shadow-sm)} .elementor-17872 .elementor-element.elementor-element-cta-faces.elementor-widget.elementor-widget-html .cta-faces img+img{margin-left:-16px} .elementor-17872 .elementor-element.elementor-element-cta-faces.elementor-widget.elementor-widget-html [id]{scroll-margin-top:100px} /* Hello-Reset *,:after,:before{box-sizing:border-box} trifft Pseudo-Elemente (der Kapsel-Reset nur Elemente); im Prototyp gilt border-box nur fuer Elemente (site.css *{…}) -> ::before/::after content-box (Akku-Symbol, Pfeilspitzen) */ .elementor-17872 .elementor-element.elementor-element-cta-faces.elementor-widget.elementor-widget-html :where(.dvx, .dvx *)::before,.elementor-17872 .elementor-element.elementor-element-cta-faces.elementor-widget.elementor-widget-html :where(.dvx, .dvx *)::after{box-sizing:content-box}/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-cta-h2 */.elementor-17872 .elementor-element.elementor-element-cta-h2 .elementor-heading-title{overflow-wrap:break-word}/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cta-btn */.elementor-17872 .elementor-element.elementor-element-cta-btn .elementor-button:focus-visible{border-radius:4px}/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-cta-note */.elementor-17872 .elementor-element.elementor-element-cta-note a:focus:not(:hover){color:#203AEA}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-erstgespraech */@media (max-width:1000px){.elementor-17872 .elementor-element.elementor-element-erstgespraech{--padding-top:64px;--padding-bottom:64px}}/* End custom CSS */ /* Start custom CSS *//* [id]{scroll-margin-top:100px} wie im Prototyp */ .elementor-17872 [id]{scroll-margin-top:100px} /* Elementor: .e-con{--flex-wrap-mobile:wrap} -> Prototyp-Abschnitte sind Block-Fluss: nie umbrechen (ausser .hero-ctas) */ .elementor-17872 .elementor-element.e-con{--flex-wrap-mobile:nowrap}/* End custom CSS */