.elementor-52146 .elementor-element.elementor-element-9e55c93{--display:flex;--min-height:10px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;box-shadow:0px 2px 30px 0px rgba(0,0,0,0.3);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-52146 .elementor-element.elementor-element-9e55c93:not(.elementor-motion-effects-element-type-background), .elementor-52146 .elementor-element.elementor-element-9e55c93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(270deg, #FDE173 0%, #FF8BA8 100%);}.elementor-52146 .elementor-element.elementor-element-9e55c93.e-con{--align-self:center;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );}.elementor-52146 .elementor-element.elementor-element-18b5873 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-52146 .elementor-element.elementor-element-18b5873.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-52146 .elementor-element.elementor-element-18b5873 .elementor-icon-list-icon i{color:#FFDD91;transition:color 0.3s;}.elementor-52146 .elementor-element.elementor-element-18b5873 .elementor-icon-list-icon svg{fill:#FFDD91;transition:fill 0.3s;}.elementor-52146 .elementor-element.elementor-element-18b5873{--e-icon-list-icon-size:17px;--icon-vertical-offset:0px;}.elementor-52146 .elementor-element.elementor-element-18b5873 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-52146 .elementor-element.elementor-element-18b5873 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:16px;}.elementor-52146 .elementor-element.elementor-element-18b5873 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-52146 .elementor-element.elementor-element-a83b47d{--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:3% 3%;--row-gap:3%;--column-gap:3%;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:030px;--padding-right:20px;}.elementor-52146 .elementor-element.elementor-element-a83b47d:not(.elementor-motion-effects-element-type-background), .elementor-52146 .elementor-element.elementor-element-a83b47d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #28385B 17%, #7885A3 100%);}.elementor-52146 .elementor-element.elementor-element-a83b47d.e-con{--align-self:flex-start;}.elementor-52146 .elementor-element.elementor-element-0fd1c66{--display:flex;--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:flex-start;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-52146 .elementor-element.elementor-element-0fd1c66.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-52146 .elementor-element.elementor-element-dbdee0c > .elementor-widget-container{padding:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-52146 .elementor-element.elementor-element-dbdee0c .elementor-icon-list-icon i{color:#15CE75;transition:color 0.3s;}.elementor-52146 .elementor-element.elementor-element-dbdee0c .elementor-icon-list-icon svg{fill:#15CE75;transition:fill 0.3s;}.elementor-52146 .elementor-element.elementor-element-dbdee0c{--e-icon-list-icon-size:14px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-52146 .elementor-element.elementor-element-dbdee0c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-52146 .elementor-element.elementor-element-dbdee0c .elementor-icon-list-item > a{font-family:"Sofia", Sans-serif;font-size:19px;}.elementor-52146 .elementor-element.elementor-element-dbdee0c .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );}.elementor-52146 .elementor-element.elementor-element-d98a851{text-align:left;}.elementor-52146 .elementor-element.elementor-element-d98a851 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:3.4vw;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:-2px;word-spacing:0em;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );}.elementor-52146 .elementor-element.elementor-element-53ac86c{text-align:left;font-family:"Poppins", Sans-serif;font-size:22px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.4em;letter-spacing:0px;word-spacing:0em;color:#FFFFFF;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );}.elementor-52146 .elementor-element.elementor-element-2a787e5 .elementor-button{background-color:#FFFFFFE8;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:50px 50px 50px 50px;padding:20px 50px 20px 50px;}.elementor-52146 .elementor-element.elementor-element-2a787e5 .elementor-button:hover, .elementor-52146 .elementor-element.elementor-element-2a787e5 .elementor-button:focus{background-color:#FFFDFD;color:#000000;border-color:#000000;}.elementor-52146 .elementor-element.elementor-element-2a787e5{width:100%;max-width:100%;}.elementor-52146 .elementor-element.elementor-element-2a787e5 .elementor-button:hover svg, .elementor-52146 .elementor-element.elementor-element-2a787e5 .elementor-button:focus svg{fill:#000000;}.elementor-52146 .elementor-element.elementor-element-b156b2b .elementor-icon-list-icon i{color:#89FF6E;transition:color 0.3s;}.elementor-52146 .elementor-element.elementor-element-b156b2b .elementor-icon-list-icon svg{fill:#89FF6E;transition:fill 0.3s;}.elementor-52146 .elementor-element.elementor-element-b156b2b{--e-icon-list-icon-size:20px;--icon-vertical-align:flex-start;--icon-vertical-offset:3px;}.elementor-52146 .elementor-element.elementor-element-b156b2b .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-52146 .elementor-element.elementor-element-9dbb9ae{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:10px 10px 10px 10px;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-52146 .elementor-element.elementor-element-d6aa967{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-52146 .elementor-element.elementor-element-d6aa967:not(.elementor-motion-effects-element-type-background), .elementor-52146 .elementor-element.elementor-element-d6aa967 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );}.elementor-52146 .elementor-element.elementor-element-c9e5b60 img{border-radius:10px 10px 10px 10px;}.elementor-52146 .elementor-element.elementor-element-27e486a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-5923485 img{height:144px;object-fit:contain;object-position:center center;}.elementor-52146 .elementor-element.elementor-element-99436d7 img{height:144px;object-fit:contain;object-position:center center;}.elementor-52146 .elementor-element.elementor-element-8b9c1e9 img{height:144px;object-fit:contain;object-position:center center;}.elementor-52146 .elementor-element.elementor-element-2f8507f .elementor-button{background-color:transparent;font-family:"Inter", Sans-serif;font-size:17px;font-weight:500;text-transform:uppercase;line-height:1.1em;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(114deg, #122030 0%, #436C9C 100%);border-style:none;border-radius:10px 10px 10px 10px;padding:22px 22px 22px 22px;}.elementor-52146 .elementor-element.elementor-element-2f8507f .elementor-button-content-wrapper{flex-direction:row;}.elementor-52146 .elementor-element.elementor-element-2f8507f .elementor-button .elementor-button-content-wrapper{gap:12px;justify-content:center;}.elementor-52146 .elementor-element.elementor-element-8d836c7{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-52146 .elementor-element.elementor-element-92c4ef1 > .elementor-widget-container{background-color:transparent;padding:5px 20px 0px 20px;background-image:linear-gradient(112deg, #EFF6FF 0%, #DBEAFE 100%);border-radius:10px 10px 10px 10px;}.elementor-52146 .elementor-element.elementor-element-92c4ef1.elementor-element{--align-self:center;}.elementor-52146 .elementor-element.elementor-element-92c4ef1{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:500;color:#28385B;}.elementor-52146 .elementor-element.elementor-element-460d312{text-align:center;}.elementor-52146 .elementor-element.elementor-element-460d312 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:normal;color:#28385B;}.elementor-52146 .elementor-element.elementor-element-2666375{text-align:center;font-family:"Inter", Sans-serif;font-size:19px;}.elementor-52146 .elementor-element.elementor-element-2509c84{width:100%;max-width:100%;}.elementor-52146 .elementor-element.elementor-element-2509c84 > .elementor-widget-container{margin:50px 0px 50px 0px;}.elementor-52146 .elementor-element.elementor-element-ee5ec83{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-52146 .elementor-element.elementor-element-0f9d681 > .elementor-widget-container{background-color:transparent;padding:5px 20px 0px 20px;background-image:linear-gradient(112deg, #EFF6FF 0%, #DBEAFE 100%);border-radius:10px 10px 10px 10px;}.elementor-52146 .elementor-element.elementor-element-0f9d681.elementor-element{--align-self:center;}.elementor-52146 .elementor-element.elementor-element-0f9d681{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:500;color:#28385B;}.elementor-52146 .elementor-element.elementor-element-43543d9{text-align:center;}.elementor-52146 .elementor-element.elementor-element-43543d9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:normal;color:#28385B;}.elementor-52146 .elementor-element.elementor-element-259e215{text-align:center;}.elementor-52146 .elementor-element.elementor-element-e725da6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:1.5% 1.5%;--row-gap:1.5%;--column-gap:1.5%;--padding-top:3%;--padding-bottom:3%;--padding-left:8%;--padding-right:8%;}.elementor-52146 .elementor-element.elementor-element-e725da6:not(.elementor-motion-effects-element-type-background), .elementor-52146 .elementor-element.elementor-element-e725da6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0B8;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );}.elementor-52146 .elementor-element.elementor-element-ad9fb60{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-52146 .elementor-element.elementor-element-ad9fb60 > .elementor-widget-container{padding:10px 10px 10px 10px;box-shadow:0px 0px 23px -1px rgba(0, 0, 0, 0.16);}.elementor-52146 .elementor-element.elementor-element-ad9fb60 .elementor-image-box-wrapper{text-align:left;}.elementor-52146 .elementor-element.elementor-element-ad9fb60.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-52146 .elementor-element.elementor-element-ad9fb60.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-52146 .elementor-element.elementor-element-ad9fb60.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-52146 .elementor-element.elementor-element-ad9fb60 .elementor-image-box-title{margin-bottom:15px;font-family:"Inter", Sans-serif;font-size:22px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:#1C244B;}.elementor-52146 .elementor-element.elementor-element-ad9fb60 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-52146 .elementor-element.elementor-element-ad9fb60 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-52146 .elementor-element.elementor-element-ad9fb60 .elementor-image-box-description{font-family:"Sofia", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;color:#324A6D;}.elementor-52146 .elementor-element.elementor-element-f66bbe2{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-52146 .elementor-element.elementor-element-f66bbe2 > .elementor-widget-container{padding:10px 10px 10px 10px;box-shadow:0px 0px 23px -1px rgba(0, 0, 0, 0.16);}.elementor-52146 .elementor-element.elementor-element-f66bbe2 .elementor-image-box-wrapper{text-align:left;}.elementor-52146 .elementor-element.elementor-element-f66bbe2.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-52146 .elementor-element.elementor-element-f66bbe2.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-52146 .elementor-element.elementor-element-f66bbe2.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-52146 .elementor-element.elementor-element-f66bbe2 .elementor-image-box-title{margin-bottom:15px;font-family:"Inter", Sans-serif;font-size:22px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:#1C244B;}.elementor-52146 .elementor-element.elementor-element-f66bbe2 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-52146 .elementor-element.elementor-element-f66bbe2 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-52146 .elementor-element.elementor-element-f66bbe2 .elementor-image-box-description{font-family:"Sofia", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;color:#324A6D;}.elementor-52146 .elementor-element.elementor-element-0e52c60{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-52146 .elementor-element.elementor-element-0e52c60 > .elementor-widget-container{padding:10px 10px 10px 10px;box-shadow:0px 0px 23px -1px rgba(0, 0, 0, 0.16);}.elementor-52146 .elementor-element.elementor-element-0e52c60 .elementor-image-box-wrapper{text-align:left;}.elementor-52146 .elementor-element.elementor-element-0e52c60.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-52146 .elementor-element.elementor-element-0e52c60.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-52146 .elementor-element.elementor-element-0e52c60.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-52146 .elementor-element.elementor-element-0e52c60 .elementor-image-box-title{margin-bottom:15px;font-family:"Inter", Sans-serif;font-size:22px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:#1C244B;}.elementor-52146 .elementor-element.elementor-element-0e52c60 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-52146 .elementor-element.elementor-element-0e52c60 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-52146 .elementor-element.elementor-element-0e52c60 .elementor-image-box-description{font-family:"Sofia", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;color:#324A6D;}.elementor-52146 .elementor-element.elementor-element-0f9ba64{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-52146 .elementor-element.elementor-element-0f9ba64 > .elementor-widget-container{padding:10px 10px 10px 10px;box-shadow:0px 0px 23px -1px rgba(0, 0, 0, 0.16);}.elementor-52146 .elementor-element.elementor-element-0f9ba64 .elementor-image-box-wrapper{text-align:left;}.elementor-52146 .elementor-element.elementor-element-0f9ba64.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-52146 .elementor-element.elementor-element-0f9ba64.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-52146 .elementor-element.elementor-element-0f9ba64.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-52146 .elementor-element.elementor-element-0f9ba64 .elementor-image-box-title{margin-bottom:15px;font-family:"Inter", Sans-serif;font-size:22px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:#1C244B;}.elementor-52146 .elementor-element.elementor-element-0f9ba64 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-52146 .elementor-element.elementor-element-0f9ba64 .elementor-image-box-img img{border-radius:10px;transition-duration:0.3s;}.elementor-52146 .elementor-element.elementor-element-0f9ba64 .elementor-image-box-description{font-family:"Sofia", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;color:#324A6D;}.elementor-52146 .elementor-element.elementor-element-a557104{--display:flex;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:03%;--padding-left:0%;--padding-right:0%;}.elementor-52146 .elementor-element.elementor-element-a557104:not(.elementor-motion-effects-element-type-background), .elementor-52146 .elementor-element.elementor-element-a557104 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-52146 .elementor-element.elementor-element-a557104.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-52146 .elementor-element.elementor-element-8802941{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-92a0e0a{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-c4904fe{width:auto;max-width:auto;font-family:"Sofia", Sans-serif;font-size:19px;}.elementor-52146 .elementor-element.elementor-element-c4904fe > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-52146 .elementor-element.elementor-element-c4904fe.elementor-element{--align-self:flex-start;}.elementor-52146 .elementor-element.elementor-element-2d8f498.elementor-element{--align-self:flex-start;}.elementor-52146 .elementor-element.elementor-element-2d8f498{font-family:"Inter", Sans-serif;font-size:19px;}.elementor-52146 .elementor-element.elementor-element-5042b59{font-family:"Inter", Sans-serif;font-size:23px;}.elementor-52146 .elementor-element.elementor-element-6d7952a{font-family:"Inter", Sans-serif;font-size:30px;}.elementor-52146 .elementor-element.elementor-element-43b76a1 .elementor-button{background-color:#02010100;font-family:"Sofia", Sans-serif;font-size:22px;fill:#B9B9B9;color:#B9B9B9;}.elementor-52146 .elementor-element.elementor-element-43b76a1 .elementor-button-content-wrapper{flex-direction:row;}.elementor-52146 .elementor-element.elementor-element-48a805e{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-2c58896 img{border-radius:100px 0px 100px 100px;}.elementor-52146 .elementor-element.elementor-element-bc31b12{width:auto;max-width:auto;font-family:"Sofia", Sans-serif;font-size:19px;}.elementor-52146 .elementor-element.elementor-element-bc31b12 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-52146 .elementor-element.elementor-element-bc31b12.elementor-element{--align-self:flex-start;}.elementor-52146 .elementor-element.elementor-element-0631e88.elementor-element{--align-self:flex-start;}.elementor-52146 .elementor-element.elementor-element-0631e88{font-family:"Inter", Sans-serif;font-size:19px;}.elementor-52146 .elementor-element.elementor-element-c3b55cc{font-family:"Inter", Sans-serif;font-size:23px;}.elementor-52146 .elementor-element.elementor-element-fd2d954{font-family:"Inter", Sans-serif;font-size:30px;}.elementor-52146 .elementor-element.elementor-element-cb46d28 .elementor-button{background-color:#02010100;font-family:"Sofia", Sans-serif;font-size:22px;fill:#B9B9B9;color:#B9B9B9;}.elementor-52146 .elementor-element.elementor-element-cb46d28 .elementor-button-content-wrapper{flex-direction:row;}.elementor-52146 .elementor-element.elementor-element-2a34827{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-894a0d9 img{border-radius:100px 0px 100px 100px;}.elementor-52146 .elementor-element.elementor-element-20885e3{width:auto;max-width:auto;}.elementor-52146 .elementor-element.elementor-element-20885e3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-52146 .elementor-element.elementor-element-20885e3.elementor-element{--align-self:flex-start;}.elementor-52146 .elementor-element.elementor-element-84c0909.elementor-element{--align-self:flex-start;}.elementor-52146 .elementor-element.elementor-element-84c0909{font-family:"Inter", Sans-serif;font-size:19px;}.elementor-52146 .elementor-element.elementor-element-3ec45ec{font-family:"Inter", Sans-serif;font-size:23px;}.elementor-52146 .elementor-element.elementor-element-f10b245{font-family:"Inter", Sans-serif;font-size:30px;}.elementor-52146 .elementor-element.elementor-element-69edc91 .elementor-button{background-color:#02010100;font-family:"Sofia", Sans-serif;font-size:22px;fill:#B9B9B9;color:#B9B9B9;}.elementor-52146 .elementor-element.elementor-element-69edc91 .elementor-button-content-wrapper{flex-direction:row;}.elementor-52146 .elementor-element.elementor-element-dfc583e{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-79945bc img{border-radius:100px 0px 100px 100px;}.elementor-52146 .elementor-element.elementor-element-8bdcbfb{width:auto;max-width:auto;}.elementor-52146 .elementor-element.elementor-element-8bdcbfb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-52146 .elementor-element.elementor-element-8bdcbfb.elementor-element{--align-self:flex-start;}.elementor-52146 .elementor-element.elementor-element-35e4ef1.elementor-element{--align-self:flex-start;}.elementor-52146 .elementor-element.elementor-element-35e4ef1{font-family:"Inter", Sans-serif;font-size:19px;}.elementor-52146 .elementor-element.elementor-element-d62cff7{font-family:"Inter", Sans-serif;font-size:23px;}.elementor-52146 .elementor-element.elementor-element-337636e{font-family:"Inter", Sans-serif;font-size:30px;}.elementor-52146 .elementor-element.elementor-element-06dfee7 .elementor-button{background-color:#02010100;font-family:"Sofia", Sans-serif;font-size:22px;fill:#FFFFFF;color:#FFFFFF;}.elementor-52146 .elementor-element.elementor-element-06dfee7 .elementor-button-content-wrapper{flex-direction:row;}.elementor-52146 .elementor-element.elementor-element-592fce1{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-6ff0c15 img{border-radius:100px 0px 100px 100px;}.elementor-52146 .elementor-element.elementor-element-0a92258{width:auto;max-width:auto;}.elementor-52146 .elementor-element.elementor-element-0a92258 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-52146 .elementor-element.elementor-element-0a92258.elementor-element{--align-self:flex-start;}.elementor-52146 .elementor-element.elementor-element-fdea061.elementor-element{--align-self:flex-start;}.elementor-52146 .elementor-element.elementor-element-fdea061{font-family:"Inter", Sans-serif;font-size:19px;}.elementor-52146 .elementor-element.elementor-element-2d8210a{font-family:"Inter", Sans-serif;font-size:23px;}.elementor-52146 .elementor-element.elementor-element-2ab22e0{font-family:"Inter", Sans-serif;font-size:30px;}.elementor-52146 .elementor-element.elementor-element-884fad2 .elementor-button{background-color:#02010100;font-family:"Sofia", Sans-serif;font-size:22px;fill:#B9B9B9;color:#B9B9B9;}.elementor-52146 .elementor-element.elementor-element-884fad2 .elementor-button-content-wrapper{flex-direction:row;}.elementor-52146 .elementor-element.elementor-element-988ea7a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-52146 .elementor-element.elementor-element-988ea7a::before, .elementor-52146 .elementor-element.elementor-element-988ea7a > .elementor-background-video-container::before, .elementor-52146 .elementor-element.elementor-element-988ea7a > .e-con-inner > .elementor-background-video-container::before, .elementor-52146 .elementor-element.elementor-element-988ea7a > .elementor-background-slideshow::before, .elementor-52146 .elementor-element.elementor-element-988ea7a > .e-con-inner > .elementor-background-slideshow::before, .elementor-52146 .elementor-element.elementor-element-988ea7a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-52146 .elementor-element.elementor-element-15cd9d0{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--overlay-opacity:0.62;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:0px;}.elementor-52146 .elementor-element.elementor-element-15cd9d0:not(.elementor-motion-effects-element-type-background), .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#122030;}.elementor-52146 .elementor-element.elementor-element-15cd9d0::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .elementor-background-video-container::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .e-con-inner > .elementor-background-video-container::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .elementor-background-slideshow::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.aqua-free.com/_assets/d5b18b22092951d169765bbd4f5c394f/Images/AquaFree_Logo.svg");--background-overlay:'';background-position:-18px 56px;background-repeat:no-repeat;background-size:60% auto;}.elementor-52146 .elementor-element.elementor-element-15cd9d0.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-52146 .elementor-element.elementor-element-caba210{width:auto;max-width:auto;font-family:"Sofia", Sans-serif;font-size:18px;font-weight:normal;line-height:1.8em;color:#C9C9C9;}.elementor-52146 .elementor-element.elementor-element-caba210 > .elementor-widget-container{padding:0px 0px 0px 50px;}.elementor-52146 .elementor-element.elementor-element-caba210.elementor-element{--align-self:center;}.elementor-52146 .elementor-element.elementor-element-3897364{--display:grid;--min-height:649px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:0px;}.elementor-52146 .elementor-element.elementor-element-3897364:not(.elementor-motion-effects-element-type-background), .elementor-52146 .elementor-element.elementor-element-3897364 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sanquell.de/wp-content/uploads/2025/11/arzt-haus.jpg");background-position:-404px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-52146 .elementor-element.elementor-element-f55900a{width:initial;max-width:initial;text-align:left;font-family:"Georgia", Sans-serif;font-size:21px;color:#0A0808;}.elementor-52146 .elementor-element.elementor-element-f55900a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-52146 .elementor-element.elementor-element-f55900a.elementor-element{--align-self:flex-end;}.elementor-52146 .elementor-element.elementor-element-5826430{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-52146 .elementor-element.elementor-element-7a67efc{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-52146 .elementor-element.elementor-element-7a67efc:not(.elementor-motion-effects-element-type-background), .elementor-52146 .elementor-element.elementor-element-7a67efc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#122030;}.elementor-52146 .elementor-element.elementor-element-7a67efc.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-52146 .elementor-element.elementor-element-9ac271a{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-9ac271a:not(.elementor-motion-effects-element-type-background), .elementor-52146 .elementor-element.elementor-element-9ac271a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sanquell.de/wp-content/uploads/2025/11/patientenshop.jpg");background-position:center center;background-size:cover;}.elementor-52146 .elementor-element.elementor-element-0097f62{width:auto;max-width:auto;font-family:"Sofia", Sans-serif;font-size:18px;font-weight:normal;line-height:1.8em;color:#C9C9C9;}.elementor-52146 .elementor-element.elementor-element-0097f62 > .elementor-widget-container{padding:50px 50px 80px 50px;}.elementor-52146 .elementor-element.elementor-element-0097f62.elementor-element{--align-self:center;}.elementor-52146 .elementor-element.elementor-element-8c54ae6{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-52146 .elementor-element.elementor-element-8c54ae6:not(.elementor-motion-effects-element-type-background), .elementor-52146 .elementor-element.elementor-element-8c54ae6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFB;}.elementor-52146 .elementor-element.elementor-element-7d7c50c > .elementor-widget-container{background-color:transparent;padding:5px 20px 0px 20px;background-image:linear-gradient(112deg, #EFF6FF 0%, #DBEAFE 100%);border-radius:10px 10px 10px 10px;}.elementor-52146 .elementor-element.elementor-element-7d7c50c.elementor-element{--align-self:center;}.elementor-52146 .elementor-element.elementor-element-7d7c50c{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:500;color:#28385B;}.elementor-52146 .elementor-element.elementor-element-a23a286{text-align:center;}.elementor-52146 .elementor-element.elementor-element-a23a286 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:normal;color:#28385B;}.elementor-52146 .elementor-element.elementor-element-83930da{text-align:center;}.elementor-52146 .elementor-element.elementor-element-482a77d{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-52146 .elementor-element.elementor-element-07f57da{text-align:center;font-family:"Inter", Sans-serif;font-size:36px;font-weight:normal;}.elementor-52146 .elementor-element.elementor-element-32c46eb{--display:flex;}.elementor-52146 .elementor-element.elementor-element-8a0ead2{--display:flex;}.elementor-52146 .elementor-element.elementor-element-66fc316{--display:flex;}.elementor-52146 .elementor-element.elementor-element-ab128a0{--display:flex;}.elementor-52146 .elementor-element.elementor-element-73501f9{--display:flex;}.elementor-52146 .elementor-element.elementor-element-c0d86e2{--display:flex;}.elementor-52146 .elementor-element.elementor-element-acffe14{--n-accordion-title-font-size:20px;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#000000;--n-accordion-title-active-color:#3438DB;--n-accordion-icon-size:15px;}:where( .elementor-52146 .elementor-element.elementor-element-acffe14 > .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:"Inter", Sans-serif;}:where( .elementor-52146 .elementor-element.elementor-element-acffe14 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;--border-radius:0px 0px 0px 0px;--padding-top:10px;--padding-right:10px;--padding-bottom:10px;--padding-left:10px;}.elementor-52146 .elementor-element.elementor-element-78830b0{--display:flex;}.elementor-52146 .elementor-element.elementor-element-eb8480c{--display:grid;--min-height:329px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-52146 .elementor-element.elementor-element-eb8480c:not(.elementor-motion-effects-element-type-background), .elementor-52146 .elementor-element.elementor-element-eb8480c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #667EEA 0%, #764BA2 100%);}.elementor-52146 .elementor-element.elementor-element-ddbbef1{text-align:center;font-family:"Inter", Sans-serif;font-size:36px;font-weight:normal;color:#FFFFFF;}.elementor-52146 .elementor-element.elementor-element-4f3781d{text-align:center;color:#FFFFFF;}.elementor-52146 .elementor-element.elementor-element-8c1cac1 .elementor-button{background-color:transparent;font-family:"Inter", Sans-serif;font-size:20px;font-weight:bold;text-transform:uppercase;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #FFFFFF 0%, #FAF4FF 100%);border-radius:20px 20px 20px 20px;padding:20px 50px 20px 50px;}.elementor-52146 .elementor-element.elementor-element-382ee62{text-align:center;font-family:"Sofia", Sans-serif;font-size:15px;text-decoration:underline;color:#FFFFFF;}.elementor-52146 .elementor-element.elementor-element-382ee62 a{color:#FFFFFF;}@media(min-width:576px){.elementor-52146 .elementor-element.elementor-element-0fd1c66{--width:46.193%;}.elementor-52146 .elementor-element.elementor-element-15cd9d0{--width:100%;}.elementor-52146 .elementor-element.elementor-element-3897364{--width:100%;}.elementor-52146 .elementor-element.elementor-element-7a67efc{--width:100%;}}@media(max-width:1279px) and (min-width:576px){.elementor-52146 .elementor-element.elementor-element-0fd1c66{--width:100%;}}@media(min-width:1280px){.elementor-52146 .elementor-element.elementor-element-15cd9d0::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .elementor-background-video-container::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .e-con-inner > .elementor-background-video-container::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .elementor-background-slideshow::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}}@media(max-width:1279px){.elementor-52146 .elementor-element.elementor-element-9e55c93{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:030px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-52146 .elementor-element.elementor-element-a83b47d{--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;--align-items:center;--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-52146 .elementor-element.elementor-element-0fd1c66{--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;--margin-top:0%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-52146 .elementor-element.elementor-element-d98a851{text-align:center;}.elementor-52146 .elementor-element.elementor-element-d98a851 .elementor-heading-title{font-size:45px;line-height:1.1em;letter-spacing:0px;word-spacing:0em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-52146 .elementor-element.elementor-element-53ac86c{text-align:center;font-size:20px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-52146 .elementor-element.elementor-element-2a787e5 .elementor-button{font-size:14px;}.elementor-52146 .elementor-element.elementor-element-9dbb9ae{--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-d6aa967{--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-52146 .elementor-element.elementor-element-27e486a{--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-e725da6{--gap:2px 2px;--row-gap:2px;--column-gap:2px;--flex-wrap:wrap;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-52146 .elementor-element.elementor-element-ad9fb60{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-52146 .elementor-element.elementor-element-ad9fb60 .elementor-image-box-description{font-size:14px;}.elementor-52146 .elementor-element.elementor-element-f66bbe2{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-52146 .elementor-element.elementor-element-f66bbe2 .elementor-image-box-description{font-size:14px;}.elementor-52146 .elementor-element.elementor-element-0e52c60{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-52146 .elementor-element.elementor-element-0e52c60 .elementor-image-box-description{font-size:14px;}.elementor-52146 .elementor-element.elementor-element-0f9ba64{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-52146 .elementor-element.elementor-element-0f9ba64 .elementor-image-box-description{font-size:14px;}.elementor-52146 .elementor-element.elementor-element-a557104{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:5%;}.elementor-52146 .elementor-element.elementor-element-8802941{--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-92a0e0a{--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-43b76a1 > .elementor-widget-container{margin:0px 0px 0px -32px;}.elementor-52146 .elementor-element.elementor-element-43b76a1 .elementor-button{font-size:19px;}.elementor-52146 .elementor-element.elementor-element-48a805e{--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-cb46d28 > .elementor-widget-container{margin:0px 0px 0px -32px;}.elementor-52146 .elementor-element.elementor-element-cb46d28 .elementor-button{font-size:19px;}.elementor-52146 .elementor-element.elementor-element-2a34827{--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-69edc91 > .elementor-widget-container{margin:0px 0px 0px -32px;}.elementor-52146 .elementor-element.elementor-element-69edc91 .elementor-button{font-size:19px;}.elementor-52146 .elementor-element.elementor-element-dfc583e{--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-06dfee7 > .elementor-widget-container{margin:0px 0px 0px -32px;}.elementor-52146 .elementor-element.elementor-element-06dfee7 .elementor-button{font-size:19px;}.elementor-52146 .elementor-element.elementor-element-592fce1{--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-884fad2 > .elementor-widget-container{margin:0px 0px 0px -32px;}.elementor-52146 .elementor-element.elementor-element-884fad2 .elementor-button{font-size:19px;}.elementor-52146 .elementor-element.elementor-element-15cd9d0{--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-52146 .elementor-element.elementor-element-15cd9d0::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .elementor-background-video-container::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .e-con-inner > .elementor-background-video-container::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .elementor-background-slideshow::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-52146 .elementor-element.elementor-element-3897364{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-3897364:not(.elementor-motion-effects-element-type-background), .elementor-52146 .elementor-element.elementor-element-3897364 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-52146 .elementor-element.elementor-element-7a67efc{--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-52146 .elementor-element.elementor-element-9ac271a{--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-eb8480c{--grid-auto-flow:row;}}@media(max-width:575px){.elementor-52146 .elementor-element.elementor-element-9e55c93{--min-height:50px;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-52146 .elementor-element.elementor-element-18b5873{--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;--icon-vertical-offset:3px;}.elementor-52146 .elementor-element.elementor-element-18b5873 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-52146 .elementor-element.elementor-element-18b5873 .elementor-icon-list-item > a{font-size:15px;}.elementor-52146 .elementor-element.elementor-element-a83b47d{--min-height:600px;--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-52146 .elementor-element.elementor-element-0fd1c66{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-52146 .elementor-element.elementor-element-dbdee0c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-52146 .elementor-element.elementor-element-dbdee0c .elementor-icon-list-item > a{font-size:18px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-52146 .elementor-element.elementor-element-d98a851 .elementor-heading-title{font-size:32px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-52146 .elementor-element.elementor-element-53ac86c{font-size:18px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-52146 .elementor-element.elementor-element-2a787e5 .elementor-button{letter-spacing:2px;padding:15px 30px 15px 30px;}.elementor-52146 .elementor-element.elementor-element-9dbb9ae{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-52146 .elementor-element.elementor-element-d6aa967{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-52146 .elementor-element.elementor-element-27e486a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-2f8507f .elementor-button{font-size:16px;}.elementor-52146 .elementor-element.elementor-element-e725da6{--justify-content:center;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-52146 .elementor-element.elementor-element-ad9fb60{width:100%;max-width:100%;}.elementor-52146 .elementor-element.elementor-element-ad9fb60 > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-52146 .elementor-element.elementor-element-ad9fb60 .elementor-image-box-img{margin-bottom:15px;}.elementor-52146 .elementor-element.elementor-element-ad9fb60 .elementor-image-box-title{font-size:22px;}.elementor-52146 .elementor-element.elementor-element-ad9fb60 .elementor-image-box-description{font-size:19px;}.elementor-52146 .elementor-element.elementor-element-f66bbe2{width:100%;max-width:100%;}.elementor-52146 .elementor-element.elementor-element-f66bbe2 > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-52146 .elementor-element.elementor-element-f66bbe2 .elementor-image-box-img{margin-bottom:15px;}.elementor-52146 .elementor-element.elementor-element-f66bbe2 .elementor-image-box-title{font-size:22px;}.elementor-52146 .elementor-element.elementor-element-f66bbe2 .elementor-image-box-description{font-size:19px;}.elementor-52146 .elementor-element.elementor-element-0e52c60{width:100%;max-width:100%;}.elementor-52146 .elementor-element.elementor-element-0e52c60 > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-52146 .elementor-element.elementor-element-0e52c60 .elementor-image-box-img{margin-bottom:15px;}.elementor-52146 .elementor-element.elementor-element-0e52c60 .elementor-image-box-title{font-size:22px;}.elementor-52146 .elementor-element.elementor-element-0e52c60 .elementor-image-box-description{font-size:19px;}.elementor-52146 .elementor-element.elementor-element-0f9ba64{width:100%;max-width:100%;}.elementor-52146 .elementor-element.elementor-element-0f9ba64 > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-52146 .elementor-element.elementor-element-0f9ba64 .elementor-image-box-img{margin-bottom:15px;}.elementor-52146 .elementor-element.elementor-element-0f9ba64 .elementor-image-box-title{font-size:22px;}.elementor-52146 .elementor-element.elementor-element-0f9ba64 .elementor-image-box-description{font-size:19px;}.elementor-52146 .elementor-element.elementor-element-a557104{--margin-top:35%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-52146 .elementor-element.elementor-element-8802941{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-92a0e0a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-43b76a1 > .elementor-widget-container{margin:0px 0px 0px -26px;padding:0px 0px 0px 0px;}.elementor-52146 .elementor-element.elementor-element-43b76a1 .elementor-button{font-size:19px;}.elementor-52146 .elementor-element.elementor-element-48a805e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-cb46d28 > .elementor-widget-container{margin:0px 0px 0px -26px;padding:0px 0px 0px 0px;}.elementor-52146 .elementor-element.elementor-element-cb46d28 .elementor-button{font-size:19px;}.elementor-52146 .elementor-element.elementor-element-2a34827{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-69edc91 > .elementor-widget-container{margin:0px 0px 0px -26px;padding:0px 0px 0px 0px;}.elementor-52146 .elementor-element.elementor-element-69edc91 .elementor-button{font-size:19px;}.elementor-52146 .elementor-element.elementor-element-dfc583e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-06dfee7 > .elementor-widget-container{margin:0px 0px 0px -26px;padding:0px 0px 0px 0px;}.elementor-52146 .elementor-element.elementor-element-06dfee7 .elementor-button{font-size:19px;}.elementor-52146 .elementor-element.elementor-element-592fce1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-884fad2 > .elementor-widget-container{margin:0px 0px 0px -26px;padding:0px 0px 0px 0px;}.elementor-52146 .elementor-element.elementor-element-884fad2 .elementor-button{font-size:19px;}.elementor-52146 .elementor-element.elementor-element-15cd9d0{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-52146 .elementor-element.elementor-element-15cd9d0::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .elementor-background-video-container::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .e-con-inner > .elementor-background-video-container::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .elementor-background-slideshow::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-52146 .elementor-element.elementor-element-15cd9d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:45px 102px;background-size:305px auto;}.elementor-52146 .elementor-element.elementor-element-caba210 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-52146 .elementor-element.elementor-element-3897364{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-3897364:not(.elementor-motion-effects-element-type-background), .elementor-52146 .elementor-element.elementor-element-3897364 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-548px 0px;}.elementor-52146 .elementor-element.elementor-element-7a67efc{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-52146 .elementor-element.elementor-element-9ac271a{--min-height:234px;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-52146 .elementor-element.elementor-element-0097f62 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-52146 .elementor-element.elementor-element-482a77d{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-52146 .elementor-element.elementor-element-eb8480c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for heading, class: .elementor-element-d98a851 */body {
box-sizing: border-box;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif!important;
margin: 0;
padding: 0;
line-height: 1.6;
}
* {
box-sizing: border-box;
}
.hero-gradient {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
position: relative;
overflow: hidden;
padding: 80px 20px;
}
.hero-gradient::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.1) 0%, transparent 50%);
}
.hero-content {
position: relative;
z-index: 2;
max-width: 1200px;
margin: 0 auto;
}
.premium-card {
background: rgba(255, 255, 255, 0.98);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 24px;
padding: 40px;
margin: 20px 0;
}
.premium-card:hover {
transform: translateY(-8px);
box-shadow: 0 32px 64px rgba(0, 0, 0, 0.12);
}
.gradient-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
box-shadow: 0 8px 32px rgba(102, 126, 234, 0.4);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border: none;
border-radius: 16px;
padding: 20px 40px;
color: white;
font-weight: 600;
font-size: 18px;
cursor: pointer;
text-decoration: none;
display: inline-block;
text-align: center;
}
.gradient-button:hover {
transform: translateY(-2px);
box-shadow: 0 16px 48px rgba(102, 126, 234, 0.5);
}
.secondary-button {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
box-shadow: 0 8px 32px rgba(245, 87, 108, 0.3);
border: none;
border-radius: 16px;
padding: 20px 32px;
color: white;
font-weight: 500;
font-size: 18px;
cursor: pointer;
text-decoration: none;
display: inline-block;
text-align: center;
}
.secondary-button:hover {
transform: translateY(-2px);
box-shadow: 0 16px 48px rgba(245, 87, 108, 0.4);
}
.feature-gradient {
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}
.success-gradient {
background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}
.warning-gradient {
background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}
.floating-animation {
animation: float 8s ease-in-out infinite;
}
@keyframes float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
}
.text-gradient {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.grid {
display: grid;
gap: 40px;
}
.grid-2 {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.grid-3 {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.grid-4 {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.text-center { text-align: center; }
.text-white { color: white; }
.text-gray-600 { color: #4b5563; }
.text-gray-700 { color: #374151; }
.text-gray-800 { color: #1f2937; }
.text-red-600 { color: #dc2626; }
.text-blue-600 { color: #2563eb; }
.text-green-700 { color: #15803d; }
.text-yellow-400 { color: #facc15; }
.font-bold { font-weight: 700; }
.font-semibold { font-weight: 600; }
.font-medium { font-weight: 500; }
.text-sm { font-size: 14px; }
.text-lg { font-size: 18px; }
.text-xl { font-size: 20px; }
.text-2xl { font-size: 24px; }
.text-3xl { font-size: 30px; }
.text-4xl { font-size: 36px; }
.text-5xl { font-size: 48px; }
.text-6xl { font-size: 60px; }
.mb-4 { margin-bottom: 16px; }
.mb-6 { margin-bottom: 24px; }
.mb-8 { margin-bottom: 32px; }
.mb-12 { margin-bottom: 48px; }
.mb-16 { margin-bottom: 64px; }
.mb-20 { margin-bottom: 80px; }
.py-8 { padding: 32px 0; }
.py-16 { padding: 64px 0; }
.py-20 { padding: 80px 0; }
.py-24 { padding: 96px 0; }
.px-4 { padding: 0 16px; }
.px-6 { padding: 0 24px; }
.px-8 { padding: 0 32px; }
.p-4 { padding: 16px; }
.p-6 { padding: 24px; }
.p-8 { padding: 32px; }
.bg-white { background-color: white; }
.bg-gray-50 { background-color: #f9fafb; }
.bg-gray-800 { background-color: #1f2937; }
.bg-red-50 { background-color: #fef2f2; }
.bg-green-50 { background-color: #f0fdf4; }
.rounded-2xl { border-radius: 16px; }
.rounded-3xl { border-radius: 24px; }
.rounded-full { border-radius: 50%; }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
.flex { display: flex; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.space-x-4 > * + * { margin-left: 16px; }
.space-y-4 > * + * { margin-top: 16px; }
.space-y-6 > * + * { margin-top: 24px; }
.space-y-8 > * + * { margin-top: 32px; }
.w-16 { width: 64px; }
.h-16 { height: 64px; }
.w-20 { width: 80px; }
.h-20 { height: 80px; }
.w-full { width: 100%; }
.max-w-4xl { max-width: 896px; }
.mx-auto { margin: 0 auto; }
.image-placeholder {
background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
border: 2px dashed #9ca3af;
display: flex;
align-items: center;
justify-content: center;
color: #6b7280;
font-weight: 500;
text-align: center;
border-radius: 12px;
position: relative;
overflow: hidden;
}
.image-placeholder::before {
content: '📷';
font-size: 2rem;
margin-bottom: 8px;
display: block;
}
.video-placeholder {
background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
border: 2px dashed #6b7280;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: 500;
text-align: center;
border-radius: 12px;
position: relative;
cursor: pointer;
transition: all 0.3s ease;
}
.video-placeholder:hover {
transform: scale(1.02);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
.play-button {
width: 80px;
height: 80px;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
transition: all 0.3s ease;
}
.play-button:hover {
background: white;
transform: scale(1.1);
}
.thumbnail-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
margin-top: 16px;
}
.thumbnail {
aspect-ratio: 1;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
border: 2px solid transparent;
}
.thumbnail:hover {
border-color: #667eea;
transform: scale(1.05);
}
.thumbnail.active {
border-color: #667eea;
}
/* Responsive Design */
@media (max-width: 768px) {
.hero-gradient { padding: 60px 20px; }
.text-6xl { font-size: 36px; }
.text-5xl { font-size: 32px; }
.text-4xl { font-size: 28px; }
.premium-card { padding: 24px; }
.gradient-button, .secondary-button {
padding: 16px 24px;
font-size: 16px;
width: 100%;
margin-bottom: 12px;
}
.grid { gap: 24px; }
.py-24 { padding: 60px 0; }
.py-20 { padding: 60px 0; }
}
@media (max-width: 480px) {
.container { padding: 0 16px; }
.premium-card { padding: 20px; }
.text-6xl { font-size: 28px; }
.thumbnail-grid { grid-template-columns: repeat(2, 1fr); }
}
/* End custom CSS */
/* Start custom CSS */body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
line-height: 1.7;
color: #1f1f1f;
background: #ffffff;
box-sizing: border-box;
overflow-x: hidden;
font-size: 17px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html, body {
height: 100%;
}
/* Conversion-optimierte Sticky Bar */
.sticky-bar {
position: fixed;
top: 0;
left: 0;
right: 0;
background: linear-gradient(135deg, #0066ff 0%, #0052cc 100%);
color: #ffffff;
padding: 14px 20px;
text-align: center;
font-size: 14px;
font-weight: 500;
z-index: 1000;
border-bottom: none;
animation: slideDown 0.5s ease-out;
box-shadow: 0 2px 20px rgba(0, 102, 255, 0.15);
}
@keyframes slideDown {
from { transform: translateY(-100%); }
to { transform: translateY(0); }
}
.sticky-bar-content {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
}
.sticky-bar-icon {
font-size: 18px;
}
/* Hero Section - Above the Fold Optimierung */
.hero-section {
background: linear-gradient(135deg, #0a2540 0%, #1e3a5f 50%, #2d5a8c 100%);
color: #ffffff;
padding: 120px 20px 100px;
position: relative;
overflow: hidden;
border-bottom: none;
}
.hero-section::before {
content: "";
position: absolute;
top: -50%;
right: -10%;
width: 60%;
height: 150%;
background: radial-gradient(circle, rgba(0, 212, 255, 0.15) 0%, transparent 70%);
pointer-events: none;
animation: float 20s ease-in-out infinite;
}
.hero-container {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
position: relative;
z-index: 1;
}
.hero-content {
text-align: left;
}
.hero-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, rgba(0, 102, 255, 0.08) 0%, rgba(0, 82, 204, 0.08) 100%);
color: #0066ff;
padding: 8px 16px;
border-radius: 100px;
font-size: 13px;
font-weight: 600;
margin-bottom: 24px;
border: 1px solid rgba(0, 102, 255, 0.15);
text-transform: none;
letter-spacing: 0;
}
.hero-headline {
font-size: 64px;
font-weight: 800;
line-height: 1.1;
margin-bottom: 28px;
letter-spacing: -1.5px;
color: #ffffff;
}
.hero-headline-highlight {
background: linear-gradient(135deg, #00d4ff 0%, #0066ff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
display: block;
}
.hero-subheadline {
font-size: 21px;
line-height: 1.6;
margin-bottom: 40px;
color: rgba(255, 255, 255, 0.9);
font-weight: 400;
max-width: 580px;
}
/* Trust Indicators direkt im Hero */
.hero-trust-indicators {
display: flex;
gap: 30px;
margin-bottom: 35px;
flex-wrap: wrap;
}
.trust-indicator {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
color: rgba(255, 255, 255, 0.9);
}
.trust-indicator-icon {
font-size: 20px;
color: #34d399;
}
/* CTA Button - Conversion optimiert */
.cta-primary {
display: inline-flex;
align-items: center;
gap: 12px;
background: linear-gradient(135deg, #0066ff 0%, #0052cc 100%);
color: white;
padding: 18px 40px;
border-radius: 12px;
font-size: 17px;
font-weight: 600;
text-decoration: none;
border: none;
cursor: pointer;
box-shadow: 0 4px 24px rgba(0, 102, 255, 0.25);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
}
.cta-primary::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
transition: left 0.6s ease;
}
.cta-primary:hover::before {
left: 100%;
}
.cta-primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 32px rgba(0, 102, 255, 0.35);
}
.cta-arrow {
font-size: 20px;
transition: transform 0.3s ease;
}
.cta-primary:hover .cta-arrow {
transform: translateX(5px);
}
/* Micro-Copy unter CTA */
.cta-microcopy {
margin-top: 15px;
font-size: 13px;
color: rgba(255, 255, 255, 0.7);
display: flex;
align-items: center;
gap: 8px;
}
/* Hero Visual mit Social Proof */
.hero-visual {
position: relative;
}
.hero-image-container {
background: rgba(255, 255, 255, 0.1);
border-radius: 24px;
padding: 0;
border: 2px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
position: relative;
overflow: hidden;
backdrop-filter: blur(10px);
}
.hero-product-image {
width: 100%;
height: 500px;
display: flex;
align-items: center;
justify-content: center;
font-size: 280px;
position: relative;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
}
/* Floating Trust Badge */
.floating-trust-badge {
position: absolute;
top: 20px;
right: 20px;
background: rgba(255, 255, 255, 0.95);
color: #0a4275;
padding: 14px 20px;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
font-weight: 700;
font-size: 13px;
text-align: center;
animation: float 3s ease-in-out infinite;
border: 2px solid #10b981;
backdrop-filter: blur(10px);
}
@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
.floating-trust-badge-number {
font-size: 24px;
color: #10b981;
display: block;
margin-bottom: 5px;
}
/* About Section */
.about-section {
padding: 100px 20px;
background: #ffffff;
}
.about-container {
max-width: 1200px;
margin: 0 auto;
}
.about-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}
.about-text {
padding-right: 20px;
}
.about-description {
font-size: 18px;
line-height: 1.8;
color: #475569;
margin-bottom: 25px;
}
.about-features {
margin-top: 40px;
display: flex;
flex-direction: column;
gap: 25px;
}
.about-feature {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 20px;
background: #f8fafc;
border-radius: 12px;
transition: all 0.3s ease;
}
.about-feature:hover {
background: #eff6ff;
transform: translateX(5px);
}
.about-feature-icon {
font-size: 36px;
flex-shrink: 0;
}
.about-feature-content h4 {
font-size: 18px;
font-weight: 700;
color: #0f172a;
margin-bottom: 5px;
}
.about-feature-content p {
font-size: 15px;
color: #64748b;
line-height: 1.6;
}
.about-visual {
display: flex;
flex-direction: column;
gap: 20px;
}
.about-image-card {
background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
border-radius: 20px;
padding: 60px 40px;
text-align: center;
border: 2px solid #bfdbfe;
}
.about-image {
font-size: 120px;
margin-bottom: 20px;
}
.about-caption {
font-size: 15px;
color: #1e40af;
font-weight: 600;
}
.about-stats-card {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.about-stat {
background: #ffffff;
padding: 30px;
border-radius: 16px;
text-align: center;
border: 2px solid #e8eef5;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.about-stat-number {
font-size: 42px;
font-weight: 800;
color: #0066ff;
margin-bottom: 8px;
}
.about-stat-label {
font-size: 14px;
color: #64748b;
font-weight: 500;
}
/* Video Section */
.video-section {
padding: 80px 20px;
background: #f8fafb;
border-top: 1px solid #e8eef3;
border-bottom: 1px solid #e8eef3;
}
.video-container {
max-width: 1000px;
margin: 0 auto;
}
.video-wrapper {
margin: 40px 0;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
border: 1px solid #e8eef3;
}
.video-placeholder {
position: relative;
width: 100%;
padding-bottom: 56.25%;
background: linear-gradient(135deg, #0a4275 0%, #0d5a9e 100%);
cursor: pointer;
transition: all 0.3s ease;
}
.video-placeholder:hover {
transform: scale(1.02);
}
.video-play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
transition: all 0.3s ease;
filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.3));
}
.video-placeholder:hover .video-play-button {
transform: translate(-50%, -50%) scale(1.1);
}
.video-overlay-text {
position: absolute;
bottom: 40px;
left: 40px;
right: 40px;
color: white;
z-index: 1;
}
.video-duration {
display: inline-block;
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(10px);
padding: 8px 16px;
border-radius: 20px;
font-size: 14px;
font-weight: 600;
margin-bottom: 15px;
}
.video-overlay-text h3 {
font-size: 32px;
font-weight: 700;
margin-bottom: 10px;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.video-overlay-text p {
font-size: 18px;
opacity: 0.95;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.video-features {
display: flex;
justify-content: center;
gap: 50px;
margin-top: 40px;
flex-wrap: wrap;
}
.video-feature {
display: flex;
align-items: center;
gap: 12px;
font-size: 17px;
color: #1f2937;
font-weight: 500;
}
.video-feature-icon {
width: 28px;
height: 28px;
background: linear-gradient(135deg, #10b981 0%, #059669 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 14px;
font-weight: 700;
}
/* Social Proof Section */
.social-proof-section {
background: rgba(248, 250, 252, 0.5);
padding: 60px 20px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.social-proof-container {
max-width: 1200px;
margin: 0 auto;
}
.social-proof-stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
text-align: center;
}
.stat-item {
padding: 20px;
}
.stat-number {
font-size: 44px;
font-weight: 700;
color: #0a4275;
margin-bottom: 8px;
}
.stat-label {
font-size: 15px;
color: #5a6c7d;
font-weight: 400;
}
/* Benefits Section - Conversion-fokussiert */
.benefits-section {
padding: 80px 20px;
background: white;
}
.benefits-container {
max-width: 1200px;
margin: 0 auto;
}
.section-header {
text-align: center;
margin-bottom: 60px;
}
.section-eyebrow {
color: #0066ff;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 16px;
}
.section-headline {
font-size: 48px;
font-weight: 800;
color: #1f1f1f;
margin-bottom: 20px;
line-height: 1.2;
letter-spacing: -1px;
}
.section-subheadline {
font-size: 19px;
color: #5f6368;
max-width: 680px;
margin: 0 auto;
font-weight: 400;
line-height: 1.6;
}
.benefits-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.benefit-card {
background: #ffffff;
padding: 40px 32px;
border-radius: 16px;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
border: 1px solid #e8eef5;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.benefit-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0, 102, 255, 0.12);
border-color: rgba(0, 102, 255, 0.2);
}
.benefit-icon {
width: 64px;
height: 64px;
background: linear-gradient(135deg, #0066ff 0%, #00d4ff 100%);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
margin-bottom: 24px;
box-shadow: 0 8px 24px rgba(0, 102, 255, 0.2);
}
.benefit-title {
font-size: 20px;
font-weight: 700;
color: #1f1f1f;
margin-bottom: 12px;
letter-spacing: -0.3px;
}
.benefit-description {
font-size: 15px;
color: #5f6368;
line-height: 1.7;
}
/* Problem-Solution Section */
.problem-solution-section {
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
padding: 100px 20px;
position: relative;
overflow: hidden;
}
.problem-solution-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(0, 102, 255, 0.2), transparent);
}
.problem-solution-container {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: stretch;
}
.problem-box {
background: #ffffff;
padding: 50px 40px;
border-radius: 24px;
border: 2px solid #fee2e2;
box-shadow: 0 10px 40px rgba(239, 68, 68, 0.08);
position: relative;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.problem-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 6px;
background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
border-radius: 24px 24px 0 0;
}
.problem-box:hover {
transform: translateY(-5px);
box-shadow: 0 20px 60px rgba(239, 68, 68, 0.15);
}
.problem-box h3 {
color: #ef4444;
font-size: 32px;
margin-bottom: 30px;
font-weight: 800;
display: flex;
align-items: center;
gap: 15px;
letter-spacing: -0.5px;
}
.problem-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
flex-shrink: 0;
}
.problem-list {
list-style: none;
}
.problem-list li {
padding: 18px 0;
color: #475569;
font-size: 16px;
display: flex;
align-items: flex-start;
gap: 16px;
line-height: 1.7;
border-bottom: 1px solid #f1f5f9;
transition: all 0.3s ease;
}
.problem-list li:last-child {
border-bottom: none;
}
.problem-list li:hover {
padding-left: 10px;
color: #1e293b;
}
.problem-list li::before {
content: "✗";
color: #ef4444;
font-weight: 900;
font-size: 24px;
flex-shrink: 0;
width: 32px;
height: 32px;
background: #fee2e2;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.solution-box {
background: linear-gradient(135deg, #10b981 0%, #059669 100%);
padding: 50px 40px;
border-radius: 24px;
color: white;
box-shadow: 0 10px 40px rgba(16, 185, 129, 0.25);
position: relative;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
}
.solution-box::before {
content: "";
position: absolute;
top: -50%;
right: -50%;
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%);
pointer-events: none;
}
.solution-box:hover {
transform: translateY(-5px) scale(1.02);
box-shadow: 0 20px 60px rgba(16, 185, 129, 0.35);
}
.solution-box h3 {
font-size: 32px;
margin-bottom: 30px;
font-weight: 800;
display: flex;
align-items: center;
gap: 15px;
position: relative;
z-index: 1;
letter-spacing: -0.5px;
}
.solution-icon {
width: 60px;
height: 60px;
background: rgba(255, 255, 255, 0.25);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
flex-shrink: 0;
backdrop-filter: blur(10px);
}
.solution-list {
list-style: none;
position: relative;
z-index: 1;
}
.solution-list li {
padding: 18px 0;
font-size: 16px;
display: flex;
align-items: flex-start;
gap: 16px;
line-height: 1.7;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
transition: all 0.3s ease;
}
.solution-list li:last-child {
border-bottom: none;
}
.solution-list li:hover {
padding-left: 10px;
color: #ffffff;
}
.solution-list li::before {
content: "✓";
font-weight: 900;
font-size: 24px;
flex-shrink: 0;
width: 32px;
height: 32px;
background: rgba(255, 255, 255, 0.25);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
backdrop-filter: blur(10px);
}
/* Featured Products Section */
.featured-products-section {
padding: 100px 20px;
background: linear-gradient(180deg, rgba(249, 250, 251, 0.5) 0%, #ffffff 100%);
}
.featured-products-container {
max-width: 1200px;
margin: 0 auto;
}
.products-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 60px;
}
.product-card {
background: #ffffff;
border-radius: 20px;
overflow: hidden;
border: 1px solid #e8eef5;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.product-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 48px rgba(0, 102, 255, 0.15);
border-color: rgba(0, 102, 255, 0.3);
}
.product-card.featured-product {
border: 2px solid #0066ff;
background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
box-shadow: 0 8px 32px rgba(0, 102, 255, 0.15);
}
.product-image {
position: relative;
background: linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(139, 92, 246, 0.08) 100%);
padding: 60px 40px;
text-align: center;
}
.product-badge {
position: absolute;
top: 15px;
right: 15px;
background: #27ae60;
color: white;
padding: 6px 14px;
border-radius: 3px;
font-size: 12px;
font-weight: 700;
box-shadow: 0 2px 6px rgba(39, 174, 96, 0.3);
text-transform: uppercase;
letter-spacing: 0.5px;
}
.product-badge.special {
background: #f39c12;
box-shadow: 0 2px 6px rgba(243, 156, 18, 0.3);
}
.product-icon {
font-size: 80px;
filter: drop-shadow(0 8px 20px rgba(99, 102, 241, 0.2));
}
.product-content {
padding: 35px;
}
.product-title {
font-size: 22px;
font-weight: 700;
color: #0a4275;
margin-bottom: 12px;
}
.product-description {
font-size: 16px;
color: #6b7280;
line-height: 1.7;
margin-bottom: 25px;
}
.product-specs {
list-style: none;
margin-bottom: 30px;
}
.product-specs li {
font-size: 15px;
color: #4b5563;
padding: 8px 0;
font-weight: 500;
}
.product-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding-top: 25px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.product-price {
display: flex;
flex-direction: column;
gap: 5px;
}
.price-label {
font-size: 13px;
color: #9ca3af;
font-weight: 500;
}
.price-value {
font-size: 32px;
font-weight: 800;
background: linear-gradient(135deg, #1f2937 0%, #6366f1 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
line-height: 1;
}
.price-save {
font-size: 13px;
color: #10b981;
font-weight: 600;
}
.product-cta {
padding: 12px 24px;
background: transparent;
color: #0066ff;
border: 2px solid #0066ff;
border-radius: 10px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
white-space: nowrap;
}
.product-cta:hover {
background: #0066ff;
color: white;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 102, 255, 0.25);
}
.product-cta.primary {
background: linear-gradient(135deg, #0066ff 0%, #0052cc 100%);
color: white;
border: 2px solid transparent;
box-shadow: 0 4px 16px rgba(0, 102, 255, 0.25);
}
.product-cta.primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(0, 102, 255, 0.35);
}
/* Use Cases Section */
.use-cases-section {
padding: 100px 20px;
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}
.use-cases-container {
max-width: 1200px;
margin: 0 auto;
}
.use-cases-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 60px;
}
.use-case-card {
background: #ffffff;
padding: 40px 32px;
border-radius: 20px;
border: 2px solid #e8eef5;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.use-case-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0, 102, 255, 0.12);
border-color: #0066ff;
}
.use-case-icon {
width: 80px;
height: 80px;
background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 40px;
margin-bottom: 24px;
border: 2px solid #bfdbfe;
}
.use-case-title {
font-size: 22px;
font-weight: 700;
color: #0f172a;
margin-bottom: 16px;
line-height: 1.3;
}
.use-case-description {
font-size: 15px;
color: #475569;
line-height: 1.7;
margin-bottom: 20px;
}
.use-case-highlight {
padding: 12px 16px;
background: #f0fdf4;
border-left: 3px solid #10b981;
border-radius: 6px;
font-size: 13px;
color: #065f46;
}
.use-case-highlight strong {
color: #047857;
}
.use-cases-cta {
margin-top: 60px;
text-align: center;
padding: 50px;
background: #ffffff;
border-radius: 24px;
border: 2px solid #e8eef5;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}
.use-cases-cta-text {
font-size: 18px;
color: #334155;
margin-bottom: 30px;
line-height: 1.7;
}
.use-cases-cta-text strong {
color: #0f172a;
font-size: 20px;
}
/* Testimonials - Social Proof */
.testimonials-section {
padding: 80px 20px;
background: white;
}
.testimonials-container {
max-width: 1200px;
margin: 0 auto;
}
.testimonials-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 50px;
}
.testimonial-card {
background: #ffffff;
padding: 30px;
border-radius: 4px;
position: relative;
border: 1px solid #e8eef3;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.testimonial-card:hover {
border-color: #0a4275;
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
.testimonial-stars {
color: #fbbf24;
font-size: 20px;
margin-bottom: 20px;
}
.testimonial-text {
font-size: 16px;
color: #334155;
line-height: 1.7;
margin-bottom: 25px;
font-style: italic;
}
.testimonial-author {
display: flex;
align-items: center;
gap: 15px;
}
.testimonial-avatar {
width: 50px;
height: 50px;
background: linear-gradient(135deg, #3b82f6 0%, #1e3a8a 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: white;
font-weight: 700;
}
.testimonial-author-info h4 {
font-size: 16px;
font-weight: 700;
color: #0f172a;
margin-bottom: 3px;
}
.testimonial-author-info p {
font-size: 14px;
color: #64748b;
}
/* Pricing Section - Conversion optimiert */
.pricing-section {
padding: 80px 20px;
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}
.pricing-container {
max-width: 1200px;
margin: 0 auto;
}
.pricing-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 50px;
}
.pricing-card {
background: white;
border-radius: 24px;
padding: 40px;
border: 2px solid #e8eef5;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.pricing-card.featured {
border-color: #0066ff;
box-shadow: 0 20px 48px rgba(0, 102, 255, 0.2);
transform: scale(1.05);
background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
}
.pricing-badge {
position: absolute;
top: -14px;
left: 50%;
transform: translateX(-50%);
background: linear-gradient(135deg, #0066ff 0%, #00d4ff 100%);
color: white;
padding: 8px 24px;
border-radius: 100px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
box-shadow: 0 4px 16px rgba(0, 102, 255, 0.3);
}
.pricing-card:hover {
transform: translateY(-10px);
box-shadow: 0 25px 50px rgba(0,0,0,0.15);
}
.pricing-card.featured:hover {
transform: scale(1.05) translateY(-10px);
}
.pricing-header {
text-align: center;
margin-bottom: 30px;
}
.pricing-icon {
font-size: 50px;
margin-bottom: 20px;
}
.pricing-title {
font-size: 24px;
font-weight: 800;
color: #0f172a;
margin-bottom: 10px;
}
.pricing-subtitle {
font-size: 14px;
color: #64748b;
}
.pricing-price {
text-align: center;
margin: 30px 0;
}
.price-amount {
font-size: 56px;
font-weight: 900;
color: #0f172a;
line-height: 1;
}
.price-currency {
font-size: 28px;
vertical-align: super;
}
.price-period {
font-size: 16px;
color: #64748b;
display: block;
margin-top: 10px;
}
.pricing-features {
list-style: none;
margin: 30px 0;
}
.pricing-features li {
padding: 12px 0;
color: #334155;
font-size: 15px;
display: flex;
align-items: flex-start;
gap: 12px;
}
.pricing-features li::before {
content: "✓";
color: #10b981;
font-weight: bold;
font-size: 18px;
flex-shrink: 0;
}
.pricing-cta {
width: 100%;
padding: 18px;
border-radius: 12px;
font-size: 16px;
font-weight: 700;
border: none;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
margin-top: 20px;
}
.pricing-cta.primary {
background: linear-gradient(135deg, #0066ff 0%, #0052cc 100%);
color: white;
box-shadow: 0 4px 20px rgba(0, 102, 255, 0.3);
}
.pricing-cta.primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 28px rgba(0, 102, 255, 0.4);
}
.pricing-cta.secondary {
background: transparent;
color: #0066ff;
border: 2px solid #0066ff;
}
.pricing-cta.secondary:hover {
background: #0066ff;
color: white;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 102, 255, 0.25);
}
/* Urgency Section */
.urgency-section {
background: #fff3cd;
padding: 35px 20px;
border-top: 3px solid #f39c12;
border-bottom: 3px solid #f39c12;
}
.urgency-container {
max-width: 1000px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
flex-wrap: wrap;
}
.urgency-content {
flex: 1;
}
.urgency-title {
font-size: 24px;
font-weight: 700;
color: #856404;
margin-bottom: 8px;
}
.urgency-text {
font-size: 15px;
color: #856404;
}
.urgency-timer {
display: flex;
gap: 15px;
}
.timer-box {
background: white;
padding: 15px 20px;
border-radius: 12px;
text-align: center;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.timer-number {
font-size: 32px;
font-weight: 900;
color: #dc2626;
display: block;
}
.timer-label {
font-size: 12px;
color: #64748b;
text-transform: uppercase;
font-weight: 600;
}
/* Guarantee Section */
.guarantee-section {
padding: 80px 20px;
background: white;
}
.guarantee-container {
max-width: 900px;
margin: 0 auto;
text-align: center;
}
.guarantee-badge {
width: 100px;
height: 100px;
background: #27ae60;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 25px;
font-size: 44px;
box-shadow: 0 4px 16px rgba(39, 174, 96, 0.25);
}
.guarantee-title {
font-size: 32px;
font-weight: 700;
color: #0a4275;
margin-bottom: 18px;
}
.guarantee-text {
font-size: 18px;
color: #64748b;
line-height: 1.8;
margin-bottom: 30px;
}
.guarantee-features {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 50px;
}
.guarantee-feature {
padding: 25px;
background: #f8fafc;
border-radius: 12px;
}
.guarantee-feature-icon {
font-size: 36px;
margin-bottom: 15px;
}
.guarantee-feature-title {
font-size: 18px;
font-weight: 700;
color: #0f172a;
margin-bottom: 10px;
}
.guarantee-feature-text {
font-size: 14px;
color: #64748b;
}
/* Final CTA Section */
.final-cta-section {
background: linear-gradient(135deg, #0066ff 0%, #0052cc 100%);
padding: 100px 20px;
color: white;
text-align: center;
position: relative;
overflow: hidden;
border-top: none;
}
.final-cta-section::before {
content: "";
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
animation: rotate 30s linear infinite;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.final-cta-container {
max-width: 800px;
margin: 0 auto;
position: relative;
z-index: 1;
}
.final-cta-title {
font-size: 48px;
font-weight: 900;
margin-bottom: 25px;
line-height: 1.2;
}
.final-cta-subtitle {
font-size: 22px;
margin-bottom: 40px;
color: rgba(255, 255, 255, 0.9);
}
.final-cta-buttons {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}
.cta-button-large {
padding: 22px 50px;
font-size: 20px;
font-weight: 700;
border-radius: 12px;
border: none;
cursor: pointer;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
gap: 12px;
}
.cta-button-large.primary {
background: white;
color: #0066ff;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}
.cta-button-large.primary:hover {
transform: translateY(-4px);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
}
.cta-button-large.secondary {
background: rgba(255, 255, 255, 0.15);
color: white;
border: 2px solid rgba(255, 255, 255, 0.4);
backdrop-filter: blur(10px);
}
.cta-button-large.secondary:hover {
background: rgba(255, 255, 255, 0.25);
border-color: white;
transform: translateY(-4px);
}
/* Footer */
.footer {
background: #2c3e50;
color: rgba(255, 255, 255, 0.8);
padding: 60px 20px 30px;
}
.footer-container {
max-width: 1200px;
margin: 0 auto;
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 50px;
margin-bottom: 50px;
}
.footer-brand h3 {
font-size: 24px;
color: white;
margin-bottom: 15px;
font-weight: 800;
}
.footer-brand p {
font-size: 14px;
line-height: 1.7;
margin-bottom: 20px;
}
.footer-column h4 {
color: white;
font-size: 16px;
font-weight: 700;
margin-bottom: 20px;
}
.footer-links {
list-style: none;
}
.footer-links li {
margin-bottom: 12px;
}
.footer-links a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
font-size: 14px;
transition: color 0.3s ease;
}
.footer-links a:hover {
color: #3b82f6;
}
.footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 30px;
text-align: center;
font-size: 14px;
}
.trust-badges-footer {
display: flex;
justify-content: center;
gap: 30px;
margin-top: 20px;
flex-wrap: wrap;
}
.trust-badge-footer {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
}
/* Responsive Design */
@media (max-width: 1024px) {
.hero-container {
grid-template-columns: 1fr;
gap: 40px;
}
.hero-content {
text-align: center;
}
.hero-trust-indicators {
justify-content: center;
}
.benefits-grid,
.testimonials-grid,
.pricing-grid,
.products-grid,
.use-cases-grid {
grid-template-columns: 1fr;
}
.problem-solution-container,
.about-content {
grid-template-columns: 1fr;
}
.social-proof-stats {
grid-template-columns: repeat(2, 1fr);
}
.footer-grid {
grid-template-columns: 1fr;
gap: 30px;
}
}
@media (max-width: 768px) {
body {
font-size: 17px;
}
.hero-headline {
font-size: 42px;
}
.hero-subheadline {
font-size: 20px;
}
.section-headline {
font-size: 36px;
}
.section-subheadline {
font-size: 19px;
}
.final-cta-title {
font-size: 36px;
}
.pricing-card.featured {
transform: scale(1);
}
.guarantee-features {
grid-template-columns: 1fr;
}
.urgency-container {
flex-direction: column;
text-align: center;
}
.final-cta-buttons {
flex-direction: column;
}
.cta-button-large {
width: 100%;
justify-content: center;
}
.video-overlay-text h3 {
font-size: 24px;
}
.video-overlay-text p {
font-size: 16px;
}
}
/* Scroll Animations */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.animate-on-scroll {
animation: fadeInUp 0.8s ease-out;
}
.unscharfes-overlay {
/* Basis-Stile für das Milchglas-Overlay */
background-color: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px); /* Für Safari-Unterstützung */
/* Positionierung des Overlays über dem Bild */
position: absolute;
/* Macht das Overlay zum Bezugspunkt für den Rand */
position: relative;
z-index: 1; /* Stellt sicher, dass der Inhalt des Overlays über dem Bild liegt */
/* Optionale Stile für den Inhalt des Overlays */
display: flex;
justify-content: center;
align-items: center;
color: #000;
font-size: 20px;
}
/* Pseudoelement für den Flaggenrand am linken Rand */
.unscharfes-overlay::after {
content: ''; /* Notwendig für Pseudoelemente */
position: absolute;
top: 0;
left: 0; /* ✨ Hier ist die Änderung: Am linken Rand positioniert */
width: 3px; /* Breite des Randes */
height: 100%; /* Volle Höhe des Overlays */
z-index: 2; /* Liegt über dem Inhalt des Overlays */
/* Vertikaler Farbverlauf der Deutschlandflagge (Schwarz, Rot, Gold) */
background: linear-gradient(
to bottom,
#000000 0%, #000000 33%, /* Schwarz */
#FF0000 33%, #FF0000 66%, /* Rot */
#FFCC00 66%, #FFCC00 100% /* Gold */
);
}
/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: auto;
src: url('https://sanquell.de/wp-content/uploads/2025/11/Inter_18pt-Bold.ttf') format('truetype');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: normal;
font-display: auto;
src: url('https://sanquell.de/wp-content/uploads/2025/11/inter-v20-latin-regular.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Sofia';
font-style: normal;
font-weight: normal;
font-display: auto;
src: url('https://sanquell.de/wp-content/uploads/2025/01/SofiaSans-VariableFont_wght.ttf') format('truetype');
}
@font-face {
font-family: 'Sofia';
font-style: normal;
font-weight: normal;
font-display: auto;
src: ;
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-display: auto;
src: url('https://sanquell.de/wp-content/uploads/2023/03/poppins-v20-latin-regular.eot');
src: url('https://sanquell.de/wp-content/uploads/2023/03/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
url('https://sanquell.de/wp-content/uploads/2023/03/poppins-v20-latin-regular.woff2') format('woff2'),
url('https://sanquell.de/wp-content/uploads/2023/03/poppins-v20-latin-regular.woff') format('woff'),
url('https://sanquell.de/wp-content/uploads/2023/03/poppins-v20-latin-regular.ttf') format('truetype'),
url('https://sanquell.de/wp-content/uploads/2023/03/poppins-v20-latin-regular.svg#Poppins') format('svg');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Outfit';
font-display: auto;
src: url('https://sanquell.de/wp-content/uploads/2025/01/Outfit-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */