.elementor-3798 .elementor-element.elementor-element-cs03a001{--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:flex-start;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:nowrap;--padding-top:36px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3798 .elementor-element.elementor-element-cs03a002 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3798 .elementor-element.elementor-element-cs03a002{text-align:center;}.elementor-3798 .elementor-element.elementor-element-cs03a002 .elementor-heading-title{font-family:"cs-Roboto", Sans-serif;font-size:34px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:47.6px;letter-spacing:0px;color:#011C2B;}.elementor-3798 .elementor-element.elementor-element-cs03a003{--display:flex;--min-height:528px;--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:stretch;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3798 .elementor-element.elementor-element-cs03b001{--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:space-between;--align-items:stretch;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:1;--border-radius:25px 25px 25px 25px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-3798 .elementor-element.elementor-element-cs03b001:not(.elementor-motion-effects-element-type-background), .elementor-3798 .elementor-element.elementor-element-cs03b001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ls3.gms-dev.site/wp-content/uploads/2026/10/karte-blendel.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3798 .elementor-element.elementor-element-cs03b001::before, .elementor-3798 .elementor-element.elementor-element-cs03b001 > .elementor-background-video-container::before, .elementor-3798 .elementor-element.elementor-element-cs03b001 > .e-con-inner > .elementor-background-video-container::before, .elementor-3798 .elementor-element.elementor-element-cs03b001 > .elementor-background-slideshow::before, .elementor-3798 .elementor-element.elementor-element-cs03b001 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3798 .elementor-element.elementor-element-cs03b001 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, rgba(0,47,72,0) 50%, #002F48 100%);}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-3798 .elementor-element.elementor-element-cs03b002{width:auto;max-width:auto;}.elementor-3798 .elementor-element.elementor-element-cs03b002 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;border-radius:25px 25px 25px 25px;box-shadow:0px 4px 40px 0px rgba(0,0,0,0.4);}.elementor-3798 .elementor-element.elementor-element-cs03b002.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3798 .elementor-element.elementor-element-cs03b002 img{width:252px;}.elementor-3798 .elementor-element.elementor-element-cs03b003{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3798 .elementor-element.elementor-element-cs03b004 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3798 .elementor-element.elementor-element-cs03b004{text-align:start;}.elementor-3798 .elementor-element.elementor-element-cs03b004 .elementor-heading-title{font-family:"cs-Roboto", Sans-serif;font-size:34px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:47.6px;letter-spacing:0px;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 );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3798 .elementor-element.elementor-element-cs03b005 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3798 .elementor-element.elementor-element-cs03b005{text-align:start;font-family:"cs-Roboto", Sans-serif;font-size:18px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:25.2px;letter-spacing:0px;color:#FFFFFF;}.elementor-3798 .elementor-element.elementor-element-cs03b006{--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:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3798 .elementor-element.elementor-element-cs03b007 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3798 .elementor-element.elementor-element-cs03b007{text-align:start;}.elementor-3798 .elementor-element.elementor-element-cs03b007 .elementor-heading-title{font-family:"cs-Roboto", Sans-serif;font-size:34px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:47.6px;letter-spacing:0px;color:#FFFFFF;}.elementor-3798 .elementor-element.elementor-element-cs03b008{width:auto;max-width:auto;}.elementor-3798 .elementor-element.elementor-element-cs03b008 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:12px 12px 12px 12px;border-radius:100px 100px 100px 100px;}.elementor-3798 .elementor-element.elementor-element-cs03b008.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3798 .elementor-element.elementor-element-cs03b008 img{width:18px;}.elementor-3798 .elementor-element.elementor-element-cs03c001{--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:space-between;--align-items:stretch;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:1;--border-radius:25px 25px 25px 25px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-3798 .elementor-element.elementor-element-cs03c001:not(.elementor-motion-effects-element-type-background), .elementor-3798 .elementor-element.elementor-element-cs03c001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ls3.gms-dev.site/wp-content/uploads/2026/10/karte-scheller.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3798 .elementor-element.elementor-element-cs03c001::before, .elementor-3798 .elementor-element.elementor-element-cs03c001 > .elementor-background-video-container::before, .elementor-3798 .elementor-element.elementor-element-cs03c001 > .e-con-inner > .elementor-background-video-container::before, .elementor-3798 .elementor-element.elementor-element-cs03c001 > .elementor-background-slideshow::before, .elementor-3798 .elementor-element.elementor-element-cs03c001 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3798 .elementor-element.elementor-element-cs03c001 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, rgba(0,47,72,0) 50%, #002F48 100%);}.elementor-3798 .elementor-element.elementor-element-cs03c003{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3798 .elementor-element.elementor-element-cs03c004 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3798 .elementor-element.elementor-element-cs03c004{text-align:start;}.elementor-3798 .elementor-element.elementor-element-cs03c004 .elementor-heading-title{font-family:"cs-Roboto", Sans-serif;font-size:34px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:47.6px;letter-spacing:0px;color:#FFFFFF;}.elementor-3798 .elementor-element.elementor-element-cs03c005 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3798 .elementor-element.elementor-element-cs03c005{text-align:start;font-family:"cs-Roboto", Sans-serif;font-size:18px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:25.2px;letter-spacing:0px;color:#FFFFFF;}.elementor-3798 .elementor-element.elementor-element-cs03c006{--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:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3798 .elementor-element.elementor-element-cs03c007 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3798 .elementor-element.elementor-element-cs03c007{text-align:start;}.elementor-3798 .elementor-element.elementor-element-cs03c007 .elementor-heading-title{font-family:"cs-Roboto", Sans-serif;font-size:34px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:47.6px;letter-spacing:0px;color:#FFFFFF;}.elementor-3798 .elementor-element.elementor-element-cs03c008{width:auto;max-width:auto;}.elementor-3798 .elementor-element.elementor-element-cs03c008 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:12px 12px 12px 12px;border-radius:100px 100px 100px 100px;}.elementor-3798 .elementor-element.elementor-element-cs03c008.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3798 .elementor-element.elementor-element-cs03c008 img{width:18px;}.elementor-3798 .elementor-element.elementor-element-cs03d001{--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:space-between;--align-items:stretch;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:1;--border-radius:25px 25px 25px 25px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-3798 .elementor-element.elementor-element-cs03d001:not(.elementor-motion-effects-element-type-background), .elementor-3798 .elementor-element.elementor-element-cs03d001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ls3.gms-dev.site/wp-content/uploads/2026/10/karte-simedas.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3798 .elementor-element.elementor-element-cs03d001::before, .elementor-3798 .elementor-element.elementor-element-cs03d001 > .elementor-background-video-container::before, .elementor-3798 .elementor-element.elementor-element-cs03d001 > .e-con-inner > .elementor-background-video-container::before, .elementor-3798 .elementor-element.elementor-element-cs03d001 > .elementor-background-slideshow::before, .elementor-3798 .elementor-element.elementor-element-cs03d001 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3798 .elementor-element.elementor-element-cs03d001 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, rgba(0,47,72,0) 50%, #002F48 100%);}.elementor-3798 .elementor-element.elementor-element-cs03d003{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3798 .elementor-element.elementor-element-cs03d004 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3798 .elementor-element.elementor-element-cs03d004{text-align:start;}.elementor-3798 .elementor-element.elementor-element-cs03d004 .elementor-heading-title{font-family:"cs-Roboto", Sans-serif;font-size:34px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:47.6px;letter-spacing:0px;color:#FFFFFF;}.elementor-3798 .elementor-element.elementor-element-cs03d005 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3798 .elementor-element.elementor-element-cs03d005{text-align:start;font-family:"cs-Roboto", Sans-serif;font-size:18px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:25.2px;letter-spacing:0px;color:#FFFFFF;}.elementor-3798 .elementor-element.elementor-element-cs03d006{--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:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3798 .elementor-element.elementor-element-cs03d007 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3798 .elementor-element.elementor-element-cs03d007{text-align:start;}.elementor-3798 .elementor-element.elementor-element-cs03d007 .elementor-heading-title{font-family:"cs-Roboto", Sans-serif;font-size:34px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:47.6px;letter-spacing:0px;color:#FFFFFF;}.elementor-3798 .elementor-element.elementor-element-cs03d008{width:auto;max-width:auto;}.elementor-3798 .elementor-element.elementor-element-cs03d008 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:12px 12px 12px 12px;border-radius:100px 100px 100px 100px;}.elementor-3798 .elementor-element.elementor-element-cs03d008.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3798 .elementor-element.elementor-element-cs03d008 img{width:18px;}.elementor-3798 .elementor-element.elementor-element-cs03a004 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-3798 .elementor-element.elementor-element-cs03a001{--padding-top:41px;--padding-bottom:61px;--padding-left:64px;--padding-right:64px;}.elementor-3798 .elementor-element.elementor-element-cs03a002 .elementor-heading-title{font-size:28px;line-height:39.2px;}.elementor-3798 .elementor-element.elementor-element-cs03a003{--min-height:480px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-3798 .elementor-element.elementor-element-cs03b002 img{width:222px;}.elementor-3798 .elementor-element.elementor-element-cs03b004 .elementor-heading-title{font-size:28px;line-height:39.2px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-3798 .elementor-element.elementor-element-cs03b005{font-size:16px;line-height:22.4px;}.elementor-3798 .elementor-element.elementor-element-cs03b007 .elementor-heading-title{font-size:28px;line-height:39.2px;}.elementor-3798 .elementor-element.elementor-element-cs03c004 .elementor-heading-title{font-size:28px;line-height:39.2px;}.elementor-3798 .elementor-element.elementor-element-cs03c005{font-size:16px;line-height:22.4px;}.elementor-3798 .elementor-element.elementor-element-cs03c007 .elementor-heading-title{font-size:28px;line-height:39.2px;}.elementor-3798 .elementor-element.elementor-element-cs03d004 .elementor-heading-title{font-size:28px;line-height:39.2px;}.elementor-3798 .elementor-element.elementor-element-cs03d005{font-size:16px;line-height:22.4px;}.elementor-3798 .elementor-element.elementor-element-cs03d007 .elementor-heading-title{font-size:28px;line-height:39.2px;}}@media(max-width:767px){.elementor-3798 .elementor-element.elementor-element-cs03a001{--flex-wrap:nowrap;--padding-top:27px;--padding-bottom:37px;--padding-left:24px;--padding-right:24px;}.elementor-3798 .elementor-element.elementor-element-cs03a002 .elementor-heading-title{font-size:22px;line-height:30.8px;}.elementor-3798 .elementor-element.elementor-element-cs03a003{--width:100%;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--flex-wrap:nowrap;}.elementor-3798 .elementor-element.elementor-element-cs03b001{--min-height:320px;--flex-wrap:nowrap;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-3798 .elementor-element.elementor-element-cs03b002 > .elementor-widget-container{padding:12px 16px 12px 16px;border-radius:16px 16px 16px 16px;}.elementor-3798 .elementor-element.elementor-element-cs03b002 img{width:133px;}.elementor-3798 .elementor-element.elementor-element-cs03b003{--flex-wrap:nowrap;}.elementor-3798 .elementor-element.elementor-element-cs03b004 .elementor-heading-title{font-size:24px;line-height:33.6px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-3798 .elementor-element.elementor-element-cs03b005{font-size:16px;line-height:22.4px;}.elementor-3798 .elementor-element.elementor-element-cs03b006{--flex-wrap:nowrap;}.elementor-3798 .elementor-element.elementor-element-cs03c001{--min-height:320px;--flex-wrap:nowrap;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-3798 .elementor-element.elementor-element-cs03c003{--flex-wrap:nowrap;}.elementor-3798 .elementor-element.elementor-element-cs03c004 .elementor-heading-title{font-size:24px;line-height:33.6px;}.elementor-3798 .elementor-element.elementor-element-cs03c005{font-size:16px;line-height:22.4px;}.elementor-3798 .elementor-element.elementor-element-cs03c006{--flex-wrap:nowrap;}.elementor-3798 .elementor-element.elementor-element-cs03d001{--min-height:320px;--flex-wrap:nowrap;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-3798 .elementor-element.elementor-element-cs03d003{--flex-wrap:nowrap;}.elementor-3798 .elementor-element.elementor-element-cs03d004 .elementor-heading-title{font-size:24px;line-height:33.6px;}.elementor-3798 .elementor-element.elementor-element-cs03d005{font-size:16px;line-height:22.4px;}.elementor-3798 .elementor-element.elementor-element-cs03d006{--flex-wrap:nowrap;}}@media(min-width:768px){.elementor-3798 .elementor-element.elementor-element-cs03a003{--width:1440px;}}@media(max-width:1024px) and (min-width:768px){.elementor-3798 .elementor-element.elementor-element-cs03a003{--width:100%;}}/* Start custom CSS *//* site/page.css */
/* LP10849 page CSS (page settings › Custom CSS of the new home page; printed on this page only, travels with the page).
   The live kit, theme and other pages are never touched. `body.elementor-page-3798` is replaced by Elementor Pro with the page wrapper.
   Every name is cs- prefixed. Sections add their own rules in build/<folder>/site.css (scripts/site/page-css.mjs). */

/* Page defaults: the kit sets body weight 700 and Montserrat headings, Astra sets its own body font; this page uses
   cs-Roboto (Elementor custom font, 400/600/700) and the design's ink colour. Widgets still set their own typography. */
body.elementor-page-3798 { font-family: 'cs-Roboto', Roboto, Arial, sans-serif; font-weight: 400; color: #011C2B; background-color: #FFFFFF; }
body.elementor-page-3798 a { text-decoration: none; }

/* Laptop scaling: each section root carries the CSS class cs-zoom. Built in design pixels at 1920 (content 1440); between
   1025 and 1679 the desktop layout is zoomed. The kit's tablet breakpoint is 1024 (no kit change, PLAN.md §5), so the
   floor is .66 for 1025–1199 (body text 18 px → 11.9 px); above that the agreed table. 1680 and up 1:1. */
@media (min-width:1025px) and (max-width:1199px){ body.elementor-page-3798 .cs-zoom{zoom:.66;} body.elementor-page-3798{--cs-z:.66;} }
@media (min-width:1200px) and (max-width:1279px){ body.elementor-page-3798 .cs-zoom{zoom:.71;} body.elementor-page-3798{--cs-z:.71;} }
@media (min-width:1280px) and (max-width:1365px){ body.elementor-page-3798 .cs-zoom{zoom:.76;} body.elementor-page-3798{--cs-z:.76;} }
@media (min-width:1366px) and (max-width:1439px){ body.elementor-page-3798 .cs-zoom{zoom:.82;} body.elementor-page-3798{--cs-z:.82;} }
@media (min-width:1440px) and (max-width:1535px){ body.elementor-page-3798 .cs-zoom{zoom:.87;} body.elementor-page-3798{--cs-z:.87;} }
@media (min-width:1536px) and (max-width:1599px){ body.elementor-page-3798 .cs-zoom{zoom:.93;} body.elementor-page-3798{--cs-z:.93;} }
@media (min-width:1600px) and (max-width:1679px){ body.elementor-page-3798 .cs-zoom{zoom:.97;} body.elementor-page-3798{--cs-z:.97;} }

/* Section roots clip sideways only (rules/v4.md, Layout): glows may reach into the neighbours. */
body.elementor-page-3798 .cs-zoom { overflow-x: clip; }

/* Reduced motion: V3 entrance animations (elementor-invisible until the waypoint, then .animated) show at rest. */
@media (prefers-reduced-motion: reduce) {
  body.elementor-page-3798 .elementor-invisible { visibility: visible !important; }
  body.elementor-page-3798 .animated { animation: none !important; }
  body.elementor-page-3798 * { transition-duration: 0s !important; scroll-behavior: auto !important; }
}
/* The live site's "Simple Custom CSS and JS" styles every .elementor-button (1px blue border, radius 100, a black fill
   sliding in on hover). Our buttons set their own border, radius and hover colours; switch the slide off for the page. */
body.elementor-page-3798 .elementor-button { background-image: none; }
/* Pin badges (01, 07): Figma's drop shadow (0 4.6 σ23 rgba(0,0,0,.4)) as CSS, not as an SVG filter — an <img> clips an
   SVG filter at its own box, which drew a faint square around every pin. CSS blur radius = 2σ. */
body.elementor-page-3798 img[src*="/pin-planung"], body.elementor-page-3798 img[src*="/pin-labor"], body.elementor-page-3798 img[src*="/pin-schutzkleidung"] { filter: drop-shadow(0 4.6px 46px rgba(0, 0, 0, .4)); }

/* build/01-hero/site.css */
/* 01-hero (LP10849). Section CSS beyond the V3 controls; every rule under body.elementor-page-3798 .cs-s01. */

/* Card layers: the design's 3-stop overlay over the photo (Elementor's overlay control has 2 stops) and the hex texture
   inside the card. Children sit above them. */
body.elementor-page-3798 .cs-s01 .cs-card { isolation: isolate; }
body.elementor-page-3798 .cs-s01 .cs-card::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; mix-blend-mode: normal; border-radius: inherit; z-index: 0; pointer-events: none; background-image: linear-gradient(90deg, #002F48 0.4%, #035078 33.8%, rgba(0,91,138,0) 80.8%); }
/* Hex texture 1:650 (multiplied over the card). Figma mirrors the layer (relativeTransform -1): the pseudo is flipped and the
   layer box (--cs-tex, 1920 x 1279 at card y -279) is placed from the right edge by the layer's left offset, which lands it
   where Figma has it, mirrored; the image fills the box (FILL = cover, --cs-img); its white fades are masks (laptop + mirror
   fix 2026-10-09). */
body.elementor-page-3798 .cs-s01 .cs-card::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; transform: scaleX(-1);
  mix-blend-mode: multiply;
  --cs-tex: right 0 top -279px / 1920px 1279px no-repeat; --cs-img: right 0 top -317.7px / 1920px 1356.3px no-repeat;
  background: url("/wp-content/uploads/2026/10/hintergrund-waben.webp") var(--cs-img);
  -webkit-mask: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%) var(--cs-tex),
    linear-gradient(161.6deg, transparent 46.1%, #000 80.1%) var(--cs-tex);
  -webkit-mask-composite: source-in;
  mask: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%) var(--cs-tex),
    linear-gradient(161.6deg, transparent 46.1%, #000 80.1%) var(--cs-tex);
  mask-composite: intersect; }

/* Root: hex texture 1:633 (mirrored too), navy-tinted at 40 %, white fades as masks; 02 carries the rest of the layer
   (same recipe, so the halves meet at the seam). Left-anchored like Figma at every width. */
body.elementor-page-3798 .cs-s01 { isolation: isolate; }
body.elementor-page-3798 .cs-s01 > .cs-card { z-index: 1; }
body.elementor-page-3798 .cs-s01::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; transform: scaleX(-1); opacity: .4;
  --cs-tex: right 0 top 238px / 1920px 1279px no-repeat; --cs-img: right 0 top 199.3px / 1920px 1356.3px no-repeat;
  background: linear-gradient(#002F48, #002F48) var(--cs-tex), url("/wp-content/uploads/2026/10/hintergrund-waben.webp") var(--cs-img);
  background-blend-mode: color, normal;
  -webkit-mask: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%) var(--cs-tex),
    linear-gradient(111.1deg, transparent 39.3%, #000 64.1%) var(--cs-tex);
  -webkit-mask-composite: source-in;
  mask: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%) var(--cs-tex),
    linear-gradient(111.1deg, transparent 39.3%, #000 64.1%) var(--cs-tex);
  mask-composite: intersect; }
body.elementor-page-3798 .cs-s01 .cs-card > .e-con { position: relative; z-index: 1; }
body.elementor-page-3798 .cs-s01 .cs-card > .cs-notch { z-index: 3; }
body.elementor-page-3798 .cs-s01 .cs-card > .cs-pin { z-index: 2; }

/* Header tab (the white notch the wordmark sits in): Figma's own shape (export/notch-*.svg), drawn behind the header. */
body.elementor-page-3798 .cs-s01 .cs-notch::after { content: ""; position: absolute; top: 0; left: 50%; width: 832px; height: 84px; margin-left: -416px; z-index: -1; pointer-events: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 832 84'%3E%3Cpath fill='%23fff' d='M831.999 7.27356e-05L7.34351e-06 0L59.2401 60.1403C74.2761 75.4049 94.8071 83.9999 116.233 83.9999L715.765 84C737.192 84 757.722 75.405 772.758 60.1404L831.999 7.27356e-05Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
body.elementor-page-3798 .cs-s01 .cs-wordmark { transform: translateX(-50%); white-space: nowrap; z-index: 5; }
body.elementor-page-3798 .cs-s01 .cs-wordmark a { transition: color .2s ease-out; }

/* Desktop menu: one WordPress menu, items 4-6 pushed right of the tab. */
body.elementor-page-3798 .cs-s01 .cs-nav .elementor-nav-menu--main > .elementor-nav-menu { flex: 1 1 auto; }
body.elementor-page-3798 .cs-s01 .cs-nav .elementor-nav-menu--main > .elementor-nav-menu > li:nth-child(4) { margin-left: auto; }
body.elementor-page-3798 .cs-s01 .cs-nav .elementor-nav-menu--main .elementor-item::after { bottom: -4px; }

/* Burger (tablet/phone): the white 36 px circle with the word "Menu" in front (part of the toggle, so it opens it too);
   the dropdown is a navy panel under the header row instead of pushing the hero down. */
body.elementor-page-3798 .cs-s01 .cs-nav .elementor-menu-toggle { position: relative; width: 36px; height: 36px; padding: 8px; gap: 10px; justify-content: center; align-items: center; transition: background-color .2s ease-out, color .2s ease-out; }
body.elementor-page-3798 .cs-s01 .cs-nav .elementor-menu-toggle::before { content: "Menu"; position: absolute; right: calc(100% + 16px); top: 50%; transform: translateY(-50%); font: 400 18px/25.2px 'cs-Roboto', Roboto, Arial, sans-serif; color: #FFFFFF; white-space: nowrap; }
body.elementor-page-3798 .cs-s01 .cs-nav nav.elementor-nav-menu--dropdown { position: absolute; top: calc(100% + 12px); right: 0; left: auto; width: 320px; max-width: calc(100vw - 48px); margin-top: 0; border-radius: 16px; overflow: hidden; z-index: 20; box-shadow: 0 20px 40px rgba(0,20,33,.35); }

/* Text */
body.elementor-page-3798 .cs-s01 .elementor-heading-title, body.elementor-page-3798 .cs-s01 .elementor-widget-text-editor p { margin: 0; }
body.elementor-page-3798 .cs-s01 .cs-h1 .elementor-heading-title { max-width: 18.73ch; }

/* CTA: label + the white arrow circle (icon-button-pfeil.svg, inline) as a background image; on hover the pill fills and
   the arrow moves 4 px. */
body.elementor-page-3798 .cs-s01 .cs-cta .elementor-button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background-color .2s ease-out, border-color .2s ease-out; }
body.elementor-page-3798 .cs-s01 .cs-cta .elementor-button::after { content: ""; flex: none; width: 42px; height: 42px; background: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='42' height='42' rx='21' fill='white'/%3E%3Cpath d='M14.8125 21H27.1875' stroke='%230086CD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.125 15.9375L27.1875 21L22.125 26.0625' stroke='%230086CD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 42px 42px no-repeat; transition: transform .2s ease-out; }
body.elementor-page-3798 .cs-s01 .cs-cta .elementor-button:hover::after, body.elementor-page-3798 .cs-s01 .cs-cta .elementor-button:focus-visible::after { transform: translateX(4px); }

/* Pins: pop in (V3 zoomIn, shortened), float gently, scale + name label on hover/focus; the label is the link's name. */
body.elementor-page-3798 .cs-s01 .cs-pin.animated { animation-duration: .5s; }
body.elementor-page-3798 .cs-s01 .cs-pin a { display: block; position: relative; transform-origin: 50% 100%; transition: transform .2s ease-out; }
body.elementor-page-3798 .cs-s01 .cs-pin a:hover, body.elementor-page-3798 .cs-s01 .cs-pin a:focus-visible { transform: scale(1.08); }
body.elementor-page-3798 .cs-s01 .cs-pin img { display: block; width: 100%; height: auto; }
body.elementor-page-3798 .cs-s01 .cs-pin a::after { position: absolute; left: 50%; bottom: calc(100% + 6px); transform: translate(-50%, 4px); opacity: 0; white-space: nowrap; padding: 6px 14px; border-radius: 100px; background: #FFFFFF; color: #002F48; font: 600 calc(14px / var(--cs-z, 1))/1.4 'cs-Roboto', Roboto, Arial, sans-serif; box-shadow: 0 8px 20px rgba(0,47,72,.25); transition: opacity .2s ease-out, transform .2s ease-out; pointer-events: none; }
body.elementor-page-3798 .cs-s01 .cs-pin--scheller a::after { content: "Laborhaus Scheller"; }
body.elementor-page-3798 .cs-s01 .cs-pin--simedas a::after { content: "Simedas"; }
body.elementor-page-3798 .cs-s01 .cs-pin--blendel a::after { content: "Blendel"; }
body.elementor-page-3798 .cs-s01 .cs-pin a:hover::after, body.elementor-page-3798 .cs-s01 .cs-pin a:focus-visible::after { opacity: 1; transform: translate(-50%, 0); }
@media (prefers-reduced-motion: no-preference) {
  body.elementor-page-3798 .cs-s01 .cs-pin img { animation: cs-pin-float 4.5s ease-in-out infinite; }
  body.elementor-page-3798 .cs-s01 .cs-pin--simedas img { animation-delay: -1.5s; }
  body.elementor-page-3798 .cs-s01 .cs-pin--blendel img { animation-delay: -3s; }
}
@keyframes cs-pin-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

@media (max-width: 1024px) {
  body.elementor-page-3798 .cs-s01 .cs-card::after { --cs-tex: right 0 top -121px / 992px 660px no-repeat; --cs-img: right 0 top -141.4px / 992px 700.8px no-repeat; }
  body.elementor-page-3798 .cs-s01::before { --cs-tex: right 0 top 306px / 1024px 682px no-repeat; --cs-img: right 0 top 285.3px / 1024px 723.4px no-repeat; }
  body.elementor-page-3798 .cs-s01 .cs-notch::after { width: 448px; height: 52px; margin-left: -224px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 52'%3E%3Cpath fill='%23fff' d='M447.999 3.91653e-05L4.54598e-06 0L30.1858 35.2308C39.305 45.8741 52.6205 52 66.6362 52L381.363 52C395.379 52 408.694 45.8741 417.814 35.2308L447.999 3.91653e-05Z'/%3E%3C/svg%3E"); }
}
@media (max-width: 767px) {
  body.elementor-page-3798 .cs-s01 .cs-card::before { background-image: linear-gradient(180deg, #002F48 50%, #035078 63%, rgba(0,91,138,0) 76%); }
  body.elementor-page-3798 .cs-s01 .cs-card::after { display: none; }
  body.elementor-page-3798 .cs-s01::before { --cs-tex: right -201px top 752px / 693px 462px no-repeat; --cs-img: right -201px top 738.2px / 693px 489.6px no-repeat; }
  body.elementor-page-3798 .cs-s01 .cs-notch::after { left: 0; margin-left: 0; width: 260px; height: 64px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 64'%3E%3Cpath fill='%23fff' transform='translate(-85 0)' d='M345 3.01608e-05L4.19629e-06 0L29.5242 41.3042C32.5279 45.5064 37.3755 48 42.5407 48L310.858 48C316.888 48 322.407 44.6091 325.131 39.2292L345 3.01608e-05Z'/%3E%3Cpath fill='%23fff' d='M0 47H16Q0 48 0 64Z'/%3E%3C/svg%3E"); }
  body.elementor-page-3798 .cs-s01 .cs-wordmark { transform: none; }
  body.elementor-page-3798 .cs-s01 .cs-nav .elementor-menu-toggle::before { right: calc(100% + 8px); font-size: 16px; line-height: 22.4px; }
  body.elementor-page-3798 .cs-s01 .cs-nav nav.elementor-nav-menu--dropdown .elementor-item { font-size: 16px; }
}

/* LCP (fix 2026-10-09): the card photo is a CSS background, found only after the render-blocking CSS. The HTML widget
   cs01a010 preloads it from the markup (phone file on phones, fetchpriority high); the widget itself takes no space. */
body.elementor-page-3798 .cs-s01 > .cs-preload { position: absolute; width: 0; height: 0; overflow: hidden; margin: 0; }
/* Phone: the wordmark link is 21 px tall; 3 px padding (cancelled by a negative margin, no layout change) makes the
   touch target 27 px (≥ 24 px, WCAG 2.5.8). */
@media (max-width: 767px) { body.elementor-page-3798 .cs-s01 .cs-wordmark a { display: inline-block; padding: 3px 0; margin: -3px 0; } }

/* Laptop range (1025-1679, zoomed .66-.97; fix 2026-10-09): the card is narrower than its 1840 design px (1473 at 1025).
   - Photo and pins are anchored to the card's right edge like Figma's (photo x 595 / width 1778 of 1840 = right -533); the
     left fade of the overlay covers its left edge at every width. The Scheller pin stops short of the H1's second line.
   - The header tab, wordmark and its offset scale with the card (--cs-tab: 832 at >= 1836 design px, less below; the tab
     keeps Figma's 16 px from the left links: 2 x (50 + 438 + 16) = 1008, minus 4 for the tab's rounded top corner), so the
     nav links (fixed: 18 px is the zoom floor) never run under the tab. The card is the size container for cqw. */
@media (min-width: 1025px) {
  body.elementor-page-3798 .cs-s01 > .e-con.cs-card { container-type: inline-size; background-position: right -533px top 0;
    --cs-tab: min(832px, calc(100cqw - 1004px)); }
  body.elementor-page-3798 .cs-s01 .cs-card > .cs-pin.cs-pin--scheller { left: max(calc(100% - 690px), 1010px); }
  body.elementor-page-3798 .cs-s01 .cs-card > .cs-pin.cs-pin--simedas { left: calc(100% - 407px); }
  body.elementor-page-3798 .cs-s01 .cs-card > .cs-pin.cs-pin--blendel { left: calc(100% - 799px); }
  body.elementor-page-3798 .cs-s01 .cs-notch::after { width: var(--cs-tab); height: calc(var(--cs-tab) * .100962); margin-left: calc(var(--cs-tab) / -2); }
  body.elementor-page-3798 .cs-s01 .cs-notch > .cs-wordmark.cs-wordmark { top: calc(var(--cs-tab) * .018029); }
  body.elementor-page-3798 .cs-s01 .cs-wordmark .elementor-heading-title { font-size: calc(var(--cs-tab) * .049591); line-height: calc(var(--cs-tab) * .058053); }
}

/* build/02-intro-video/site.css */
/* 02-intro-video (.cs-s02, anchor #gruppe). Decoration and states the V3 controls cannot express. */
/* Root: the notched rule (Figma 1:1227 / 1:1954 / 1:2447) as a background; hex texture (::before) and glow (::after). */
/* Desktop rule (laptop fix 2026-10-09): Figma's 1735 px rule keeps its 92.5 px side margins at every width: the notch
   (the path cropped to x 570-1175, its left edge at 50% - 297.5 px as in Figma; % here is of the free space, hence +5px) + the flat line left and right of it as 2 px gradients
   (same colour: #0086CD at 20 %), so below 1920 design px the line shortens instead of running edge to edge. */
body.elementor-page-3798 .cs-s02 { position: relative; isolation: isolate;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='605' height='37' viewBox='570 -1 605 37' fill='none'%3E%3Cpath d='M1735 0H1172.35C1166.71 0 1161.21 1.70127 1156.55 4.88125L1119.62 30.1187C1114.96 33.2987 1109.46 35 1103.82 35H631.785C624.675 35 617.832 32.2954 612.643 27.4348L591.431 7.5652C586.243 2.70464 579.399 0 572.289 0H3.20673e-05' stroke='%230086CD' stroke-opacity='.2' stroke-width='2'/%3E%3C/svg%3E") left calc(50% + 5px) bottom 31px / 605px 37px no-repeat,
    linear-gradient(rgba(0,134,205,.2), rgba(0,134,205,.2)) left 92.5px bottom 66px / calc(50% - 390px) 2px no-repeat,
    linear-gradient(rgba(0,134,205,.2), rgba(0,134,205,.2)) right 92.5px bottom 66px / calc(50% - 400px) 2px no-repeat; }
body.elementor-page-3798 .cs-s02 > .e-con { position: relative; z-index: 1; }
/* Hex texture: the lower part of 1:633 (01 draws the upper part; same recipe, so they meet at the seam). Figma mirrors the
   layer (relativeTransform -1): the pseudo is flipped, the layer box (--cs-tex) is placed from the right edge by the layer's
   left offset, the image fills it (FILL = cover, --cs-img), navy colour blend at 40 %, the white fades as masks
   (mirror fix 2026-10-09; was drawn unmirrored with hand-tuned fades). */
body.elementor-page-3798 .cs-s02::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; transform: scaleX(-1); opacity: .4;
  --cs-tex: right 0 top -832px / 1920px 1279px no-repeat; --cs-img: right 0 top -870.7px / 1920px 1356.3px no-repeat;
  background: linear-gradient(#002F48, #002F48) var(--cs-tex), url("/wp-content/uploads/2026/10/hintergrund-waben.webp") var(--cs-img);
  background-blend-mode: color, normal;
  -webkit-mask: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%) var(--cs-tex),
    linear-gradient(111.1deg, transparent 39.3%, #000 64.1%) var(--cs-tex);
  -webkit-mask-composite: source-in;
  mask: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%) var(--cs-tex),
    linear-gradient(111.1deg, transparent 39.3%, #000 64.1%) var(--cs-tex);
  mask-composite: intersect; }
body.elementor-page-3798 .cs-s02::after { content: ""; position: absolute; left: -315px; top: 128px; width: 1229px; height: 1229px; z-index: 0;
  pointer-events: none; border-radius: 50%; background: radial-gradient(closest-side, rgba(216,234,255,.5), rgba(232,245,254,0)); }

/* Video card: frame, tint, overlay crop (Figma FILL = centred cover). */
body.elementor-page-3798 .cs-s02 .cs-s02-video .elementor-wrapper { --video-aspect-ratio: 1.7625; aspect-ratio: 705 / 400; box-sizing: border-box; position: relative;
  border: 2px solid #002F48; border-radius: 20px; overflow: hidden; background-color: rgba(0,0,0,.2);
  display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; }
body.elementor-page-3798 .cs-s02 .cs-s02-video .elementor-custom-embed-image-overlay { background-size: cover; background-position: 50% 50%; }
body.elementor-page-3798 .cs-s02 .cs-s02-video .elementor-custom-embed-image-overlay::before { content: ""; position: absolute; inset: 0;
  background-color: rgba(0,0,0,.2); transition: background-color .3s ease-out; pointer-events: none; }
body.elementor-page-3798 .cs-s02 .cs-s02-video .elementor-custom-embed-image-overlay:hover::before { background-color: rgba(0,0,0,.3); }

/* Play button: the widget's own play icon (SVG 3785, Figma 1:1214), glass blur, hover lift, focus ring, pulse. */
body.elementor-page-3798 .cs-s02 .elementor-custom-embed-play { width: 139px; height: 139px; border-radius: 69.5px; display: flex;
  flex-direction: column; justify-content: center; align-items: center; gap: 10px;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: scale .2s ease-out; }
body.elementor-page-3798 .cs-s02 .elementor-custom-embed-play svg { width: 139px; height: 139px; display: block; fill: none; filter: none; opacity: 1; }
body.elementor-page-3798 .cs-s02 .elementor-custom-embed-play svg circle:nth-of-type(2) { transition: fill .2s ease-out; }
body.elementor-page-3798 .cs-s02 .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play,
body.elementor-page-3798 .cs-s02 .elementor-custom-embed-play:focus-visible { scale: 1.08; }
body.elementor-page-3798 .cs-s02 .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play svg circle:nth-of-type(2),
body.elementor-page-3798 .cs-s02 .elementor-custom-embed-play:focus-visible svg circle:nth-of-type(2) { fill: #FFC83A; }
body.elementor-page-3798 .cs-s02 .elementor-custom-embed-play:focus-visible { outline: 3px solid #0086CD; outline-offset: 4px; }
body.elementor-page-3798 .cs-s02 .elementor-custom-embed-play::after { content: ""; position: absolute; inset: 0; border-radius: 50%;
  border: 2px solid #0086CD; opacity: 0; pointer-events: none; }
@media (prefers-reduced-motion: no-preference) {
  body.elementor-page-3798 .cs-s02 .elementor-custom-embed-play::after { animation: cs-play-pulse 2.4s ease-out infinite; }
  body.elementor-page-3798 .cs-s02 .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play::after { animation: none; }
}
@keyframes cs-play-pulse { 0% { transform: scale(1); opacity: .8; } 70%, 100% { transform: scale(1.35); opacity: 0; } }

/* Text and statement box */
body.elementor-page-3798 .cs-s02 .cs-s02-paras p { margin: 0; }
body.elementor-page-3798 .cs-s02 .cs-s02-check img { display: block; width: 56px; height: 56px; transition: transform .2s ease-out; }
body.elementor-page-3798 .cs-s02 .cs-s02-box:hover .cs-s02-check img { transform: scale(1.08); }
body.elementor-page-3798 .cs-s02 .animated { animation-duration: .5s; }

/* Tablet: the statement box leaves the text column and spans the row (display: contents on the column). */
@media (max-width: 1024px) {
  body.elementor-page-3798 .cs-s02 { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3000' height='37' viewBox='0 -1 3000 37' fill='none'%3E%3Cpath d='M 3000 0 H 1687.63 C 1679.493 0 1671.759 3.539 1666.44 9.697 L 1652.96 25.303 C 1647.641 31.461 1639.907 35 1631.77 35 H 1369.802 C 1360.184 35 1351.239 30.064 1346.112 21.926 L 1340.535 13.074 C 1335.408 4.936 1326.463 0 1316.845 0 H 0' stroke='%230086CD' stroke-opacity='.2' stroke-width='2'/%3E%3C/svg%3E") center bottom 39px / 3000px 37px no-repeat; }
  body.elementor-page-3798 .cs-s02::before { --cs-tex: right 0 top -334px / 1024px 682px no-repeat; --cs-img: right 0 top -354.7px / 1024px 723.4px no-repeat; }
  body.elementor-page-3798 .cs-s02::after { display: none; }
  body.elementor-page-3798 .cs-s02 .cs-s02-textcol { display: contents; }
  body.elementor-page-3798 .cs-s02 .cs-s02-video .elementor-wrapper { border-radius: 16px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body.elementor-page-3798 .cs-s02 .cs-s02-paras { flex: 1 1 0; min-width: 0; }
}
/* Phone: text first, then the video, then the box (order on the paragraphs via the control). */
@media (max-width: 767px) {
  body.elementor-page-3798 .cs-s02 { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2000' height='25' viewBox='0 -1 2000 25' fill='none'%3E%3Cpath d='M 2000 0 H 1099.441 C 1091.559 0 1084.352 4.451 1080.823 11.5 C 1077.295 18.549 1070.088 23 1062.205 23 H 936.77 C 929.418 23 922.85 18.406 920.328 11.5 C 917.806 4.594 911.238 0 903.886 0 H 0' stroke='%230086CD' stroke-opacity='.2' stroke-width='2'/%3E%3C/svg%3E") center bottom 36px / 2000px 25px no-repeat; }
  body.elementor-page-3798 .cs-s02::before { --cs-tex: right -201px top -78px / 693px 462px no-repeat; --cs-img: right -201px top -91.8px / 693px 489.6px no-repeat; }
}

/* build/03-companies/site.css */
/* 03-companies (.cs-s03): expanding company cards, hex texture. Card states and decoration the V3 controls cannot express. */
body.elementor-page-3798 .cs-s03 { position: relative; isolation: isolate; }
body.elementor-page-3798 .cs-s03 > .elementor-element { position: relative; z-index: 1; }
body.elementor-page-3798 .cs-s03 .cs-s03-js { display: none; }
/* Hex texture 1:638 (40 %, white fades top/bottom and from the upper left), the slice inside this band; 02 and 04 draw theirs. */
body.elementor-page-3798 .cs-s03::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 1920px; margin-left: -960px; z-index: 0;
  pointer-events: none; opacity: .4;
  background: url("/wp-content/uploads/2026/10/hintergrund-waben.webp") 0 -141px / 1920px auto no-repeat;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(161.5deg, transparent 46%, #000 80%);
  mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(161.5deg, transparent 46%, #000 80%);
  -webkit-mask-size: 1920px 1279px; mask-size: 1920px 1279px; -webkit-mask-position: 0 -103px; mask-position: 0 -103px;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-composite: source-in; mask-composite: intersect; }

/* Heading: two lines as in Figma (1014 px at 34 px). */
body.elementor-page-3798 .cs-s03 .cs-s03-h2 .elementor-heading-title { max-width: 52.3ch; margin: 0 auto; }
/* Badge and arrow circle: the widget box is the white frame (Figma auto-layout frame with padding). */
body.elementor-page-3798 .cs-s03 .cs-s03-badge > .elementor-widget-container, body.elementor-page-3798 .cs-s03 .cs-s03-arrow > .elementor-widget-container { display: flex; flex-direction: column; gap: 10px; }
body.elementor-page-3798 .cs-s03 .cs-s03-arrow > .elementor-widget-container { flex-direction: row; justify-content: center; align-items: center; transition: transform .2s ease-out; }
body.elementor-page-3798 .cs-s03 .cs-s03-card > .cs-s03-content { margin-top: auto; }

/* Cards: each card is one link (container tag a). Navy 60 % tint of a closed strip = ::after; content above it. */
body.elementor-page-3798 .cs-s03 .cs-s03-card { position: relative; overflow: hidden; min-width: 0; text-decoration: none; color: #FFFFFF; }
body.elementor-page-3798 .cs-s03 .cs-s03-card > .elementor-element { position: relative; z-index: 1; }
body.elementor-page-3798 .cs-s03 .cs-s03-card::after { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; pointer-events: none;
  background-color: rgba(0,47,72,.6); opacity: 0; transition: opacity .5s ease-out; }
body.elementor-page-3798 .cs-s03 .cs-s03-card:focus-visible { outline: 3px solid #0086CD; outline-offset: 3px; }
body.elementor-page-3798 .cs-s03 .cs-s03-card .cs-s03-text p { margin: 0; }
body.elementor-page-3798 .cs-s03 .cs-s03-card > .cs-s03-strip { position: absolute; left: 40px; right: 40px; bottom: 40px; width: auto; display: none; }
body.elementor-page-3798 .cs-s03 .cs-s03-vname .elementor-heading-title { writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; }
body.elementor-page-3798 .cs-s03 .cs-s03-arrow img { display: block; width: 18px; height: 18px; }
/* Hover cue on an open card: underline grows in, an arrow follows the title (R-hover-contrast: white on the navy fade). */
body.elementor-page-3798 .cs-s03 .cs-s03-title .elementor-heading-title { text-decoration: underline 2px transparent; text-underline-offset: 8px;
  transition: text-decoration-color .25s ease-out; }
body.elementor-page-3798 .cs-s03 .cs-s03-title .elementor-heading-title::after { content: "\2192"; display: inline-block; margin-left: 12px; opacity: 0;
  transform: translateX(-8px); transition: opacity .25s ease-out, transform .25s ease-out; }
body.elementor-page-3798 .cs-s03 .cs-s03-card:hover .cs-s03-title .elementor-heading-title, body.elementor-page-3798 .cs-s03 .cs-s03-card:focus-visible .cs-s03-title .elementor-heading-title { text-decoration-color: #FFFFFF; }
body.elementor-page-3798 .cs-s03 .cs-s03-card:hover .cs-s03-title .elementor-heading-title::after, body.elementor-page-3798 .cs-s03 .cs-s03-card:focus-visible .cs-s03-title .elementor-heading-title::after { opacity: 1; transform: none; }
body.elementor-page-3798 .cs-s03 .cs-s03-card:hover .cs-s03-arrow > .elementor-widget-container { transform: scale(1.1); }
body.elementor-page-3798 .cs-s03 .animated { animation-duration: .5s; }

/* Tablet and desktop: a row of one open card and two strips (desktop 928 + 240 + 240, tablet 616 + 124 + 124). */
@media (min-width: 768px) {
body.elementor-page-3798 .cs-s03 .cs-s03-row { container-type: inline-size; }
body.elementor-page-3798 .cs-s03 .cs-s03-card { flex: 0 0 240px; width: auto; /* the open card only grows (flex-grow 0 -> 1 on the same basis), so it never dips below a strip while animating */ transition: flex-grow .5s cubic-bezier(.25,.8,.25,1), flex-basis .5s cubic-bezier(.25,.8,.25,1); }
body.elementor-page-3798 .cs-s03 .cs-s03-card::after { opacity: 1; }
body.elementor-page-3798 .cs-s03 .cs-s03-card .cs-s03-open { opacity: 0; visibility: hidden; transition: opacity .15s ease-out, visibility 0s linear .15s; }
body.elementor-page-3798 .cs-s03 .cs-s03-card .cs-s03-strip { display: flex; opacity: 1; visibility: visible; transition: opacity .3s ease-out .3s, visibility 0s linear 0s; }
/* The open text keeps the open card's width while the card animates (no reflow): row − 2 strips − 2 gaps − padding. */
body.elementor-page-3798 .cs-s03 .cs-s03-card .cs-s03-content { flex: none; width: min(592px, calc(100cqw - 592px)); }
}
@media (min-width: 768px) and (hover: hover) {
body.elementor-page-3798 .cs-s03 .cs-s03-row:has(.cs-s03-card:hover) .cs-s03-card:hover,
body.elementor-page-3798 .cs-s03 .cs-s03-row:not(:has(.cs-s03-card:hover)) .cs-s03-card:focus-visible,
body.elementor-page-3798 .cs-s03 .cs-s03-row:not(:has(.cs-s03-card:hover)):not(:has(.cs-s03-card:focus-visible)) .cs-s03-card.cs-is-open { flex-grow: 1; }
body.elementor-page-3798 .cs-s03 .cs-s03-row:has(.cs-s03-card:hover) .cs-s03-card:hover::after,
body.elementor-page-3798 .cs-s03 .cs-s03-row:not(:has(.cs-s03-card:hover)) .cs-s03-card:focus-visible::after,
body.elementor-page-3798 .cs-s03 .cs-s03-row:not(:has(.cs-s03-card:hover)):not(:has(.cs-s03-card:focus-visible)) .cs-s03-card.cs-is-open::after { opacity: 0; }
body.elementor-page-3798 .cs-s03 .cs-s03-row:has(.cs-s03-card:hover) .cs-s03-card:hover .cs-s03-open,
body.elementor-page-3798 .cs-s03 .cs-s03-row:not(:has(.cs-s03-card:hover)) .cs-s03-card:focus-visible .cs-s03-open,
body.elementor-page-3798 .cs-s03 .cs-s03-row:not(:has(.cs-s03-card:hover)):not(:has(.cs-s03-card:focus-visible)) .cs-s03-card.cs-is-open .cs-s03-open { opacity: 1; visibility: visible; transition: opacity .3s ease-out .3s, visibility 0s linear 0s; }
body.elementor-page-3798 .cs-s03 .cs-s03-row:has(.cs-s03-card:hover) .cs-s03-card:hover .cs-s03-strip,
body.elementor-page-3798 .cs-s03 .cs-s03-row:not(:has(.cs-s03-card:hover)) .cs-s03-card:focus-visible .cs-s03-strip,
body.elementor-page-3798 .cs-s03 .cs-s03-row:not(:has(.cs-s03-card:hover)):not(:has(.cs-s03-card:focus-visible)) .cs-s03-card.cs-is-open .cs-s03-strip { opacity: 0; visibility: hidden; transition: opacity .15s ease-out, visibility 0s linear .15s; }
}
@media (min-width: 768px) and (hover: none) {
body.elementor-page-3798 .cs-s03 .cs-s03-row .cs-s03-card:focus-visible,
body.elementor-page-3798 .cs-s03 .cs-s03-row:not(:has(.cs-s03-card:focus-visible)) .cs-s03-card.cs-is-open { flex-grow: 1; }
body.elementor-page-3798 .cs-s03 .cs-s03-row .cs-s03-card:focus-visible::after,
body.elementor-page-3798 .cs-s03 .cs-s03-row:not(:has(.cs-s03-card:focus-visible)) .cs-s03-card.cs-is-open::after { opacity: 0; }
body.elementor-page-3798 .cs-s03 .cs-s03-row .cs-s03-card:focus-visible .cs-s03-open,
body.elementor-page-3798 .cs-s03 .cs-s03-row:not(:has(.cs-s03-card:focus-visible)) .cs-s03-card.cs-is-open .cs-s03-open { opacity: 1; visibility: visible; transition: opacity .3s ease-out .3s, visibility 0s linear 0s; }
body.elementor-page-3798 .cs-s03 .cs-s03-row .cs-s03-card:focus-visible .cs-s03-strip,
body.elementor-page-3798 .cs-s03 .cs-s03-row:not(:has(.cs-s03-card:focus-visible)) .cs-s03-card.cs-is-open .cs-s03-strip { opacity: 0; visibility: hidden; transition: opacity .15s ease-out, visibility 0s linear .15s; }
}
@media (min-width: 768px) and (max-width: 1024px) {
body.elementor-page-3798 .cs-s03 .cs-s03-card { flex-basis: 124px; }
body.elementor-page-3798 .cs-s03 .cs-s03-h2 .elementor-heading-title { max-width: none; }
body.elementor-page-3798 .cs-s03 .cs-s03-card .cs-s03-content { width: min(536px, calc(100cqw - 360px)); }
body.elementor-page-3798 .cs-s03::before { width: 1024px; margin-left: -512px; background-position: 0 138px; background-size: 1024px auto;
  -webkit-mask-size: 1024px 682px; mask-size: 1024px 682px; -webkit-mask-position: 0 159px; mask-position: 0 159px; }
}
@media (max-width: 767px) {
/* Phones: Scheller and Simedas fade from 27 / 26 % (Figma 1:2458 / 1:2463). Elementor's gradient stops are not responsive. */
body.elementor-page-3798 .cs-s03 .cs-s03-card[data-id="cs03c001"]::before { background-image: linear-gradient(180deg, rgba(0,47,72,0) 27%, #002F48 100%); }
body.elementor-page-3798 .cs-s03 .cs-s03-card[data-id="cs03d001"]::before { background-image: linear-gradient(180deg, rgba(0,47,72,0) 26%, #002F48 100%); }
body.elementor-page-3798 .cs-s03::before { width: 660px; margin-left: -330px; background-position: 0 850px; background-size: 660px auto;
  -webkit-mask-size: 660px 440px; mask-size: 660px 440px; -webkit-mask-position: 0 863px; mask-position: 0 863px; }
}
@media (prefers-reduced-motion: reduce) {
body.elementor-page-3798 .cs-s03 *, body.elementor-page-3798 .cs-s03 *::before, body.elementor-page-3798 .cs-s03 *::after { transition-delay: 0s !important; }
}

/* build/04-stats/site.css */
/* 04-stats (.cs-s04). Decoration and details the V3 controls cannot express. */
/* Root: glow 1:640 as a background; hex texture 1:638 (the part inside this band) as ::before and tinted yellow at the bottom
   left (1:631) as ::after, each with two white fades (vertical, diagonal) = masks, clipped to this band.
   ::before is the same layer box, image placement and masks as 03's ::before (03 draws the part above the seam), so the two
   halves meet without an edge (fix 2026-10-09: it was mirrored and navy-blended, 03's is neither; 03 matches Figma). */
body.elementor-page-3798 .cs-s04 { position: relative; isolation: isolate;
  background: radial-gradient(closest-side, rgba(216,234,255,.5), rgba(232,245,254,0)) -77px 101px / 1272px 1272px no-repeat; }
body.elementor-page-3798 .cs-s04 > .e-con { position: relative; z-index: 1; }
body.elementor-page-3798 .cs-s04::before, body.elementor-page-3798 .cs-s04::after { content: ""; position: absolute; left: 0; width: 100%; height: 1279px;
  z-index: 0; pointer-events: none; transform: scaleX(-1);
  background: var(--cs-tint), url("/wp-content/uploads/2026/10/hintergrund-waben.webp") 50% 50% / cover no-repeat;
  background-blend-mode: color, normal; opacity: .4;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(var(--cs-fade));
  mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(var(--cs-fade));
  -webkit-mask-composite: source-in; mask-composite: intersect; }
body.elementor-page-3798 .cs-s04::before { top: -843px; clip-path: inset(843px 0 0 0); left: 50%; width: 1920px; margin-left: -960px;
  transform: none; background: url("/wp-content/uploads/2026/10/hintergrund-waben.webp") 0 -38px / 1920px auto no-repeat;
  --cs-fade: 161.5deg, transparent 46%, #000 80%; }
/* ::after: the mirrored layer 1:631 keeps Figma's 1920 px box from the left edge at every desktop width (laptop fix
   2026-10-09: it was the section's width, so below 1920 the texture was rescaled); 05's ::before does the same. */
body.elementor-page-3798 .cs-s04::after { top: 391px; clip-path: inset(0 0 570px 0); width: 1920px;
  --cs-tint: linear-gradient(#FBBC0F, #FBBC0F); --cs-fade: 108.3deg, transparent 56.3%, #000 82.8%; }

/* The navy ring (1:644): an inside stroke 17.66 px (8 px on phones), vertical gradient #002F48 -> #0072AE. */
body.elementor-page-3798 .cs-s04 .cs-s04-circle { --cs-ring: 17.66px; }
body.elementor-page-3798 .cs-s04 .cs-s04-circle::before { content: ""; position: absolute; inset: 0; border-radius: 50%; pointer-events: none;
  background: linear-gradient(180deg, #002F48, #0072AE);
  -webkit-mask-image: radial-gradient(closest-side, transparent calc(100% - var(--cs-ring) - .5px), #000 calc(100% - var(--cs-ring) + .5px));
  mask-image: radial-gradient(closest-side, transparent calc(100% - var(--cs-ring) - .5px), #000 calc(100% - var(--cs-ring) + .5px)); }
body.elementor-page-3798 .cs-s04 .cs-s04-photo img { display: block; object-position: 50% 50%; }

/* Counter: number above the label (the label comes first in Elementor's markup), left aligned, steady digits. */
body.elementor-page-3798 .cs-s04 .cs-s04-counter .elementor-counter { flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0; }
body.elementor-page-3798 .cs-s04 .cs-s04-counter .elementor-counter-number-wrapper { order: -1; justify-content: flex-start;
  font-variant-numeric: tabular-nums; }
body.elementor-page-3798 .cs-s04 .cs-s04-counter .elementor-counter-title { justify-content: flex-start; text-align: left; white-space: nowrap; }
body.elementor-page-3798 .cs-s04 .animated { animation-duration: .5s; }
body.elementor-page-3798 .cs-s04 .cs-s04-script { position: absolute; width: 0; height: 0; overflow: hidden; }

@media (max-width: 1024px) {
  body.elementor-page-3798 .cs-s04 { background-position: -213px -122px; }
  body.elementor-page-3798 .cs-s04::before { top: -541px; height: 682px; clip-path: inset(541px 0 0 0); width: 1024px; margin-left: -512px;
    background-position: 0 -21px; background-size: 1024px auto; }
  body.elementor-page-3798 .cs-s04::after { top: 194px; width: 100%; height: 682px; clip-path: inset(0 0 196px 0); }
  /* Tablet and phone: the number hugs its digits (Figma 109/145 and 55/73 px), the label sets the box width. */
  body.elementor-page-3798 .cs-s04 .cs-s04-counter .elementor-counter-number-wrapper { align-self: flex-start; }
}
@media (max-width: 767px) {
  body.elementor-page-3798 .cs-s04 { background-position: -178px -133px; background-size: 600px 600px; }
  body.elementor-page-3798 .cs-s04::before { width: 660px; margin-left: -330px; top: -357px; height: 440px; clip-path: inset(357px 0 0 0);
    background-position: 0 -13px; background-size: 660px auto; }
  body.elementor-page-3798 .cs-s04::after { left: -125px; width: 676px; top: 43px; height: 451px; clip-path: inset(0 0 144px 0); }
  body.elementor-page-3798 .cs-s04 .cs-s04-circle { --cs-ring: 8px; }
}

/* build/05-testimonials/site.css */
/* 05-testimonials (.cs-s05). Decoration and carousel details the V3 controls cannot express. */
/* Root: glows 1:640 (continued from 04, 50 %) and 1:635 as backgrounds. Hex texture tinted yellow: ::before = 1:631 continued
   from 04 (mirrored, the part below 04's band), ::after = 1:634 (desktop, the part inside this band; 06 carries it on).
   Same recipe as 04: texture 40 %, colour-blended with the tint, white fades as masks. */
body.elementor-page-3798 .cs-s05 { position: relative; isolation: isolate;
  background: radial-gradient(closest-side, rgba(216,234,255,.5), rgba(232,245,254,0)) -77px -999px / 1272px 1272px no-repeat,
    radial-gradient(closest-side, #D8EAFF, rgba(232,245,254,0)) -350px 57px / 1265px 1265px no-repeat; }
body.elementor-page-3798 .cs-s05 > .e-con { position: relative; z-index: 1; }
body.elementor-page-3798 .cs-s05::before, body.elementor-page-3798 .cs-s05::after { content: ""; position: absolute; left: 0; width: 100%; height: 1279px;
  z-index: 0; pointer-events: none;
  background: linear-gradient(#FBBC0F, #FBBC0F), url("/wp-content/uploads/2026/10/hintergrund-waben.webp") 50% 50% / cover no-repeat;
  background-blend-mode: color, normal; opacity: .4;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(var(--cs-fade));
  mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(var(--cs-fade));
  -webkit-mask-composite: source-in; mask-composite: intersect; }
/* ::before keeps Figma's 1920 px layer box from the left edge at every desktop width, as 04's ::after (laptop fix 2026-10-09). */
body.elementor-page-3798 .cs-s05::before { top: -709px; clip-path: inset(709px 0 0 0); transform: scaleX(-1); width: 1920px;
  --cs-fade: 108.3deg, transparent 56.3%, #000 82.8%; }
body.elementor-page-3798 .cs-s05::after { top: 614px; clip-path: inset(0 0 993px 0); --cs-fade: 161.5deg, transparent 46.1%, #000 80%; }

/* Panel 1:698: blue #0086CD with the white glow 1:703 (::before) and the hex texture 1:704 multiplied over it (::after).
   The title tab (1:702) is cut out of both layers by a mask, so the texture behind the section shows through, as in Figma. */
body.elementor-page-3798 .cs-s05 .cs-s05-panel { position: relative; isolation: isolate; max-width: 1840px; margin: 0 auto;
  --cs-notch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1026.24 84'%3E%3Cpath d='M0 0L1026.24 0L967.003 60.1404C951.966 75.4051 931.435 84 910.009 84L116.234 84C94.8072 84 74.2763 75.405 59.2402 60.1404L0 0Z'/%3E%3C/svg%3E");
  --cs-notch-size: 1026.24px 84px; }
body.elementor-page-3798 .cs-s05 .cs-s05-panel > .elementor-element { position: relative; z-index: 2; }
body.elementor-page-3798 .cs-s05 .cs-s05-panel::before, body.elementor-page-3798 .cs-s05 .cs-s05-panel::after { content: ""; position: absolute; inset: 0;
  border-radius: inherit; pointer-events: none; }
body.elementor-page-3798 .cs-s05 .cs-s05-panel::before { z-index: 0;
  background: radial-gradient(closest-side, rgba(255,255,255,.4), rgba(255,204,221,0)) 80px 159px / 1485px 1485px no-repeat, #0086CD;
  -webkit-mask: var(--cs-notch) 50% 0 / var(--cs-notch-size) no-repeat, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask: var(--cs-notch) 50% 0 / var(--cs-notch-size) no-repeat exclude, linear-gradient(#000 0 0); }
body.elementor-page-3798 .cs-s05 .cs-s05-panel::after { z-index: 1; mix-blend-mode: multiply;
  background: url("/wp-content/uploads/2026/10/hintergrund-waben.webp") 42px -271.7px / 1920px auto no-repeat;
  --cs-tex: 42px -233px / 1920px 1279px no-repeat;
  -webkit-mask: linear-gradient(161.5deg, transparent 46.1%, #000 80%) var(--cs-tex),
    linear-gradient(180deg, transparent 0, #000 50%, transparent 100%) var(--cs-tex),
    var(--cs-notch) 50% 0 / var(--cs-notch-size) no-repeat, linear-gradient(#000 0 0);
  -webkit-mask-composite: source-in, source-in, xor;
  mask: linear-gradient(161.5deg, transparent 46.1%, #000 80%) var(--cs-tex) intersect,
    linear-gradient(180deg, transparent 0, #000 50%, transparent 100%) var(--cs-tex) intersect,
    var(--cs-notch) 50% 0 / var(--cs-notch-size) no-repeat exclude, linear-gradient(#000 0 0); }

/* Cards: text margins off; the name block sits at the bottom when a neighbour's quote is longer (equal heights, answers 7a). */
body.elementor-page-3798 .cs-s05 .cs-s05-quote p { margin: 0; }
body.elementor-page-3798 .cs-s05 .cs-s05-card .elementor-heading-title { margin: 0; }
body.elementor-page-3798 .cs-s05 .cs-s05-avatar { margin-top: auto; }
body.elementor-page-3798 .cs-s05 .cs-s05-who { width: auto; flex: 1 1 0; min-width: 0; }
body.elementor-page-3798 .cs-s05 .cs-s05-pos { opacity: .5; }
body.elementor-page-3798 .cs-s05 .cs-s05-stars img, body.elementor-page-3798 .cs-s05 .cs-s05-mark img { display: block; height: auto; }
body.elementor-page-3798 .cs-s05 .animated { animation-duration: .5s; }
/* The loop copies of the slides are made by Swiper after Elementor's entrance setup: show them at rest. */
body.elementor-page-3798 .cs-s05 .swiper-slide-duplicate .elementor-invisible { visibility: visible; }

/* Arrows (1:755 prev glass, 1:760 next white): below the track, centred, 16 px apart; 80 px (tablet/phone 64 px).
   The inline SVG is icon-slider-pfeil.svg (80 × 80 with its own glass circle): the circle is hidden, the 24 px glyph shows. */
body.elementor-page-3798 .cs-s05 .cs-s05-carousel .e-n-carousel { margin-bottom: 120px; }
body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button { position: absolute; top: auto; bottom: 0; left: 50%; right: auto;
  transform: none; margin: 0; display: flex; flex-direction: row; gap: 8px; justify-content: center; align-items: center;
  box-sizing: border-box; width: 80px; height: 80px; padding: 24px; border-radius: 1000px; overflow: hidden; cursor: pointer;
  background-color: rgba(255,255,255,.12); transition: background-color .2s ease-out; }
body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button-prev { margin-left: -88px; }
body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button-next { margin-left: 8px; background-color: #FFFFFF; }
body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button svg { flex: none; width: 80px; height: 80px; margin: -28px; fill: none;
  transition: transform .2s ease-out; }
body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button svg > rect { display: none; }
body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button svg path { fill: none; stroke: #FFFFFF; transition: stroke .2s ease-out; }
body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button-next svg { transform: scaleX(-1); }
body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button-next svg path { stroke: #002F48; }
body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button-prev:hover { background-color: #FFFFFF; }
body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button-prev:hover svg path { stroke: #002F48; }
body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button-next:hover { background-color: #FBBC0F; }
body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button:focus-visible { outline: 3px solid #FBBC0F; outline-offset: 3px; }

@media (prefers-reduced-motion: no-preference) {
  /* R-icon-hover-scale: the arrow glyph grows on hover; the card's stars and quote mark grow while the card is hovered. */
  body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button-prev:hover svg { transform: scale(1.1); }
  body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button-next:hover svg { transform: scale(-1.1, 1.1); }
  body.elementor-page-3798 .cs-s05 .cs-s05-stars img, body.elementor-page-3798 .cs-s05 .cs-s05-mark img { transition: transform .2s ease-out; }
  body.elementor-page-3798 .cs-s05 .cs-s05-stars img { transform-origin: 0 50%; }
  body.elementor-page-3798 .cs-s05 .cs-s05-card:hover .cs-s05-stars img, body.elementor-page-3798 .cs-s05 .cs-s05-card:hover .cs-s05-mark img { transform: scale(1.06); }
  /* Arrows arrive last: after the cards have started (answers 6a). */
  /* A transition, not a keyframe animation: a full-element screenshot restarted the keyframes and caught the arrows hidden. */
  body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button { transition: background-color .2s ease-out, opacity .5s ease-out .6s; }
  body.elementor-page-3798 .cs-s05 .cs-s05-carousel:not(:has(.animated)) .elementor-swiper-button { opacity: 0; }
}

@media (max-width: 1024px) {
  body.elementor-page-3798 .cs-s05 { background: radial-gradient(closest-side, rgba(216,234,255,.5), rgba(232,245,254,0)) -213px -802px / 1272px 1272px no-repeat; }
  body.elementor-page-3798 .cs-s05::before { top: -486px; width: 100%; height: 682px; clip-path: inset(486px 0 0 0); }
  body.elementor-page-3798 .cs-s05::after { display: none; }
  body.elementor-page-3798 .cs-s05 .cs-s05-panel { --cs-notch-size: 592px 132px;
    --cs-notch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 592 132'%3E%3Cpath d='M0 0L592 0L555.724 100.322C548.849 119.334 530.8 132 510.584 132L81.416 132C61.2 132 43.1509 119.334 36.2765 100.322L0 0Z'/%3E%3C/svg%3E"); }
  body.elementor-page-3798 .cs-s05 .cs-s05-panel::before {
    background: radial-gradient(closest-side, rgba(255,255,255,.4), rgba(255,204,221,0)) -247px 0 / 1485px 1485px no-repeat, #0086CD; }
  body.elementor-page-3798 .cs-s05 .cs-s05-panel::after { background-position: -417px -64.3px; background-size: 1558px auto; --cs-tex: -417px -33px / 1558px 1038px no-repeat; }
  body.elementor-page-3798 .cs-s05 .cs-s05-h2 .elementor-heading-title { max-width: 21.4ch; margin: 0 auto; }
  body.elementor-page-3798 .cs-s05 .cs-s05-card { -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
  body.elementor-page-3798 .cs-s05 .cs-s05-carousel .e-n-carousel { margin-bottom: 104px; }
  body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button { width: 64px; height: 64px; }
  body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button-prev { margin-left: -72px; }
}
@media (max-width: 767px) {
  body.elementor-page-3798 .cs-s05 { background: radial-gradient(closest-side, rgba(216,234,255,.5), rgba(232,245,254,0)) -178px -483px / 600px 600px no-repeat; }
  body.elementor-page-3798 .cs-s05::before { left: -125px; width: 676px; top: -307px; height: 451px; clip-path: inset(307px 0 0 0); }
  body.elementor-page-3798 .cs-s05 .cs-s05-panel { --cs-notch-size: 316px 48px;
    --cs-notch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 316 48'%3E%3Cpath d='M0 0L316 0L295.033 39.5015C292.257 44.7309 286.821 48 280.9 48L35.0996 48C29.1793 48 23.7428 44.7308 20.9671 39.5015L0 0Z'/%3E%3C/svg%3E"); }
  body.elementor-page-3798 .cs-s05 .cs-s05-panel::before {
    background: radial-gradient(closest-side, rgba(255,255,255,.4), rgba(255,204,221,0)) -431px 452px / 826px 826px no-repeat, #0086CD; }
  body.elementor-page-3798 .cs-s05 .cs-s05-panel::after { background-position: left -414px bottom -94.4px; background-size: 1125px auto;
    --cs-tex: left -414px bottom -72px / 1125px 750px no-repeat; }
  body.elementor-page-3798 .cs-s05 .cs-s05-h2 .elementor-heading-title { max-width: none; }
  /* Phones: one carousel turned into a stack (answers 4a): every card, no arrows, the loop copies hidden. */
  body.elementor-page-3798 .cs-s05 .cs-s05-carousel .e-n-carousel { margin-bottom: 0; overflow: visible; }
  body.elementor-page-3798 .cs-s05 .cs-s05-carousel .swiper-wrapper { flex-direction: column; gap: 16px; transform: none !important; }
  body.elementor-page-3798 .cs-s05 .cs-s05-carousel .swiper-slide { width: 100% !important; margin: 0 !important; }
  body.elementor-page-3798 .cs-s05 .cs-s05-carousel .swiper-slide-duplicate,
  body.elementor-page-3798 .cs-s05 .cs-s05-carousel .elementor-swiper-button { display: none !important; }
}

/* build/06-partner/site.css */
/* 06-partner (.cs-s06). Decoration the V3 controls cannot express. Generated by gen-css.py from site.css.in. */
/* Root: glow 1:635 (continued from 05) as a background; yellow hex texture 1:634 as ::before. The texture layer starts
   286 px up inside 05 (05 draws that part); here only the part inside this band shows (the root clips vertically too).
   Figma: texture 40 %, colour-blended #FBBC0F, white fades (vertical, diagonal) = masks; not mirrored. */
body.elementor-page-3798 .cs-s06 { position: relative; isolation: isolate; overflow: clip;
  background: radial-gradient(closest-side, #D8EAFF, rgba(232,245,254,0)) -350px -843px / 1265px 1265px no-repeat; }
body.elementor-page-3798 .cs-s06 > .e-con { position: relative; z-index: 1; }
body.elementor-page-3798 .cs-s06::before { content: ""; position: absolute; left: 0; top: -286px; width: 100%; height: 1279px; z-index: 0;
  pointer-events: none;
  background: linear-gradient(#FBBC0F, #FBBC0F), url("/wp-content/uploads/2026/10/hintergrund-waben.webp") 50% 50% / cover no-repeat;
  background-blend-mode: color, normal; opacity: .4;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(161.5deg, transparent 46.1%, #000 80%);
  mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(161.5deg, transparent 46.1%, #000 80%);
  -webkit-mask-composite: source-in; mask-composite: intersect; }

/* Photo: the white notch (1:1156) cut out of its right edge; left corners rounded by the widget. */
body.elementor-page-3798 .cs-s06 .cs-s06-photo img { display: block; object-position: 50% 50%;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 766 467' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H766V467H0Z M 766 0 L 766 467 L 738.63 440.04 C 731.69 433.20 727.78 423.86 727.78 414.11 L 727.78 52.89 C 727.78 43.14 731.69 33.80 738.63 26.96 L 766 0 Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 766 467' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H766V467H0Z M 766 0 L 766 467 L 738.63 440.04 C 731.69 433.20 727.78 423.86 727.78 414.11 L 727.78 52.89 C 727.78 43.14 731.69 33.80 738.63 26.96 L 766 0 Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }

/* Problem card: Figma's shape (1:1161) with the arrow tip towards the advantages card. */
body.elementor-page-3798 .cs-s06 .cs-s06-problem { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 630 364' preserveAspectRatio='none'%3E%3Cpath d='M0 339L0 25C0 11.1929 11.1929 0 25.0001 0L566.401 0C577.95 0 587.995 7.91003 590.704 19.1363L628.585 176.136C629.515 179.99 629.515 184.01 628.585 187.864L590.704 344.864C587.995 356.09 577.95 364 566.401 364L25 364C11.1929 364 0 352.807 0 339Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 630 364' preserveAspectRatio='none'%3E%3Cpath d='M0 339L0 25C0 11.1929 11.1929 0 25.0001 0L566.401 0C577.95 0 587.995 7.91003 590.704 19.1363L628.585 176.136C629.515 179.99 629.515 184.01 628.585 187.864L590.704 344.864C587.995 356.09 577.95 364 566.401 364L25 364C11.1929 364 0 352.807 0 339Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }

/* Text: paragraph gap = one line (140 %); the kit/Astra margins neutralised. */
body.elementor-page-3798 .cs-s06 .cs-s06-text p { margin: 0 0 1.4em; }
body.elementor-page-3798 .cs-s06 .cs-s06-text p:last-child { margin-bottom: 0; }
body.elementor-page-3798 .cs-s06 .cs-s06-text strong { font-weight: 700; }
body.elementor-page-3798 .cs-s06 .cs-s06-h2 .elementor-heading-title { margin: 0; }
/* "Labor-Partner…" never splits at its hyphen (tablet/phone break after "perfekter", as in Figma). */
body.elementor-page-3798 .cs-s06 .cs-s06-nowrap { white-space: nowrap; }
/* Row items share the row from a zero basis (Elementor's "grow" keeps an auto basis = the text's full line). */
@media (min-width: 768px) {
  body.elementor-page-3798 .cs-s06 .cs-s06-textcol, body.elementor-page-3798 .cs-s06 .cs-s06-card { flex: 1 1 0; min-width: 0; }
}

/* Icons: block images; a small scale when the card is hovered (R-icon-hover-scale). */
body.elementor-page-3798 .cs-s06 .cs-s06-icon img { display: block; transition: transform .2s ease-out; }
body.elementor-page-3798 .cs-s06 .cs-s06-card:hover .cs-s06-icon img { transform: scale(1.08); }
body.elementor-page-3798 .cs-s06 .animated { animation-duration: .5s; }

@media (max-width: 1024px) {
  body.elementor-page-3798 .cs-s06 { background: none; }
  body.elementor-page-3798 .cs-s06::before { top: 191px; height: 682px; }
  body.elementor-page-3798 .cs-s06 .cs-s06-photo img { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 427 260' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H427V260H0Z M 427 0 L 427 260 L 411.21 246.21 C 405.99 241.65 403 235.06 403 228.13 L 403 31.87 C 403 24.94 405.99 18.35 411.21 13.79 L 427 0 Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 427 260' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H427V260H0Z M 427 0 L 427 260 L 411.21 246.21 C 405.99 241.65 403 235.06 403 228.13 L 403 31.87 C 403 24.94 405.99 18.35 411.21 13.79 L 427 0 Z'/%3E%3C/svg%3E"); }
  body.elementor-page-3798 .cs-s06 .cs-s06-problem { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 355' preserveAspectRatio='none'%3E%3Cpath d='M0 339L0 16C0 7.16344 7.16342 0 16 0L386.497 0C393.954 0 400.422 5.15121 402.091 12.4189L439.178 173.919C439.719 176.276 439.719 178.724 439.178 181.081L402.091 342.581C400.422 349.849 393.954 355 386.497 355L16 355C7.16344 355 0 347.837 0 339Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 355' preserveAspectRatio='none'%3E%3Cpath d='M0 339L0 16C0 7.16344 7.16342 0 16 0L386.497 0C393.954 0 400.422 5.15121 402.091 12.4189L439.178 173.919C439.719 176.276 439.719 178.724 439.178 181.081L402.091 342.581C400.422 349.849 393.954 355 386.497 355L16 355C7.16344 355 0 347.837 0 339Z'/%3E%3C/svg%3E"); }
}
@media (max-width: 767px) {
  body.elementor-page-3798 .cs-s06::before { left: -326px; width: 860px; top: 884px; height: 572px; }
  body.elementor-page-3798 .cs-s06 .cs-s06-photo img { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 342 208' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H342V208H0Z M 0 0 L 342 0 L 320.61 14.90 C 316.58 17.70 311.80 19.20 306.89 19.20 L 35.11 19.20 C 30.20 19.20 25.42 17.70 21.39 14.90 L 0 0 Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 342 208' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H342V208H0Z M 0 0 L 342 0 L 320.61 14.90 C 316.58 17.70 311.80 19.20 306.89 19.20 L 35.11 19.20 C 30.20 19.20 25.42 17.70 21.39 14.90 L 0 0 Z'/%3E%3C/svg%3E"); }
  body.elementor-page-3798 .cs-s06 .cs-s06-problem { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 342 374' preserveAspectRatio='none'%3E%3Cpath d='M 326 0 L 16 0 C 7.16 0 0 7.16 0 16 L 0 342.74 C 0 350.97 6.25 357.86 14.44 358.66 L 169.44 373.85 C 170.48 373.95 171.52 373.95 172.56 373.85 L 327.56 358.66 C 335.75 357.86 342 350.97 342 342.74 L 342 16 C 342 7.16 334.84 0 326 0 Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 342 374' preserveAspectRatio='none'%3E%3Cpath d='M 326 0 L 16 0 C 7.16 0 0 7.16 0 16 L 0 342.74 C 0 350.97 6.25 357.86 14.44 358.66 L 169.44 373.85 C 170.48 373.95 171.52 373.95 172.56 373.85 L 327.56 358.66 C 335.75 357.86 342 350.97 342 342.74 L 342 16 C 342 7.16 334.84 0 326 0 Z'/%3E%3C/svg%3E"); }
}

/* build/07-services/site.css */
/* 07-services (.cs-s07). Decoration and states the V3 controls cannot express. Generated by gen-css.py from site.css.in. */
/* Root: light-blue glow 1:636 as a background; ::before = the yellow hex layer continued from 06 (tablet 1:1868 / phone
   1:2381; on desktop 06's layer ends inside 06); ::after = the white-faded hex layer 1:630 that starts here and runs into 08.
   Recipe of 04–06: texture 40 %, the white fades as masks; the root clips on all sides, so only this band's part shows. */
body.elementor-page-3798 .cs-s07 { position: relative; isolation: isolate; overflow: clip;
  background: radial-gradient(closest-side, #E8F5FE, rgba(232,245,254,0)) -350px 2022px / 1149px 1149px no-repeat; }
body.elementor-page-3798 .cs-s07 > .e-con { position: relative; z-index: 1; }
body.elementor-page-3798 .cs-s07::before, body.elementor-page-3798 .cs-s07::after { content: ""; position: absolute; left: 0; width: 100%; z-index: 0;
  pointer-events: none; opacity: .4; -webkit-mask-composite: source-in; mask-composite: intersect; }
body.elementor-page-3798 .cs-s07::before { display: none; top: -559px; height: 682px;
  background: linear-gradient(#FBBC0F, #FBBC0F), url("/wp-content/uploads/2026/10/hintergrund-waben.webp") 50% 50% / cover no-repeat;
  background-blend-mode: color, normal;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(161.5deg, transparent 46.1%, #000 80%);
  mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(161.5deg, transparent 46.1%, #000 80%); }
/* 1:630 / 1:1871 / 1:2383 are mirrored in Figma (relativeTransform -1, box = the frame's full width): the pseudo is flipped
   in place, fades included (08's ::before continues it the same way, so the seam meets). */
body.elementor-page-3798 .cs-s07::after { top: 1697px; height: 1279px; transform: scaleX(-1);
  background: url("/wp-content/uploads/2026/10/hintergrund-waben.webp") 50% 50% / cover no-repeat;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(111.1deg, transparent 39.3%, #000 64.1%);
  mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(111.1deg, transparent 39.3%, #000 64.1%); }

/* Panel 1:765: ::before = gradient #FBBC0F → #F49513 with the glows 1:771 (orange 48 %) and 1:770 (yellow), the title tab
   (1:768, exported path) cut out; ::after = the yellow-tinted hex texture 1:769 at 32 % with its white fades as masks. */
body.elementor-page-3798 .cs-s07 .cs-s07-panel { position: relative; isolation: isolate;
  --cs-notch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1027 84'%3E%3Cpath d='M1026.24 8.97168e-05L7.3435e-06 1.69812e-05L59.2399 60.1403C74.276 75.4049 94.8069 83.9999 116.233 83.9999L910.007 84C931.433 84 951.964 75.405 967 60.1404L1026.24 8.97168e-05Z'/%3E%3C/svg%3E"); --cs-notch-size: 1027px 84px;
  --cs-tex: right 0 top 358px / 1920px 1279px no-repeat; }
body.elementor-page-3798 .cs-s07 .cs-s07-panel > .elementor-element { position: relative; z-index: 2; }
body.elementor-page-3798 .cs-s07 .cs-s07-panel::before, body.elementor-page-3798 .cs-s07 .cs-s07-panel::after { content: ""; position: absolute; inset: 0;
  border-radius: inherit; pointer-events: none; }
body.elementor-page-3798 .cs-s07 .cs-s07-panel::before { z-index: 0;
  background: radial-gradient(closest-side, rgba(244,149,19,.48), rgba(244,149,19,0)) -206px 276px / 924px 924px no-repeat,
    radial-gradient(closest-side, #FBBC0F, rgba(251,188,15,0)) 458px 590px / 2008px 2008px no-repeat,
    linear-gradient(180deg, #FBBC0F, #F49513);
  -webkit-mask: var(--cs-notch) 50% 0 / var(--cs-notch-size) no-repeat, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask: var(--cs-notch) 50% 0 / var(--cs-notch-size) no-repeat exclude, linear-gradient(#000 0 0); }
/* Figma mirrors the texture layer (1:769 / 1:2121 / 1:2492, relativeTransform -1): the pseudo is flipped and the layer
   box is placed from the right edge by the layer's left offset, which lands it where Figma has it, mirrored. */
body.elementor-page-3798 .cs-s07 .cs-s07-panel::after { z-index: 1; opacity: .32; transform: scaleX(-1);
  background: linear-gradient(#FBBC0F, #FBBC0F) var(--cs-tex), url("/wp-content/uploads/2026/10/hintergrund-waben.webp") var(--cs-tex);
  background-blend-mode: color, normal;
  -webkit-mask: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%) var(--cs-tex),
    linear-gradient(161.5deg, transparent 46.1%, #000 80%) var(--cs-tex);
  -webkit-mask-composite: source-in;
  mask: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%) var(--cs-tex),
    linear-gradient(161.5deg, transparent 46.1%, #000 80%) var(--cs-tex);
  mask-composite: intersect; }

/* Text: margins of the kit/Astra off; the H2 breaks like Figma (850 px at 44 px). */
body.elementor-page-3798 .cs-s07 .elementor-heading-title { margin: 0; }
body.elementor-page-3798 .cs-s07 .cs-s07-h2 .elementor-heading-title { max-width: 33.82ch; margin: 0 auto; }
body.elementor-page-3798 .cs-s07 .cs-s07-text p { margin: 0; }
body.elementor-page-3798 .cs-s07 .cs-s07-icon img { display: block; }
/* Service items: the text takes the rest of its row (desktop) or the full item (tablet/phone). */
body.elementor-page-3798 .cs-s07 .cs-s07-itext { flex: 1 1 0; min-width: 0; }
body.elementor-page-3798 .cs-s07 .cs-s07-item { min-width: 0; }
/* Desktop taglines hug their text (Figma auto-width text boxes). */
@media (min-width: 1025px) { body.elementor-page-3798 .cs-s07 .cs-s07-tag p { width: fit-content; } }

/* Checklist: a real list; the check (icon-check.svg) is the li's bullet. */
body.elementor-page-3798 .cs-s07 .cs-s07-checks { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 20px; }
body.elementor-page-3798 .cs-s07 .cs-s07-checks li { display: flex; align-items: center; gap: 20px; margin: 0; padding: 0; }
body.elementor-page-3798 .cs-s07 .cs-s07-checks li::before { content: ""; flex: none; width: 30px; height: 30px;
  background: url("/wp-content/uploads/2026/10/icon-check.svg") center / 30px 30px no-repeat; }
body.elementor-page-3798 .cs-s07 .cs-s07-checks span { display: block; flex: 1 1 0; min-width: 0; }

/* Cards: the glass gradient (Figma white 20 % → 4 %). Photo frame: the photo fills it (desktop 407 high, tablet as tall as
   the text, phone 280); the pin sits on it (Elementor absolute position, % offsets). */
body.elementor-page-3798 .cs-s07 .cs-s07-card { background: linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,.04)); }
body.elementor-page-3798 .cs-s07 .cs-s07-frame { position: relative; }
body.elementor-page-3798 .cs-s07 .cs-s07-photo { position: absolute; inset: 0; width: 100%; height: 100%; }
body.elementor-page-3798 .cs-s07 .cs-s07-photo .elementor-widget-container, body.elementor-page-3798 .cs-s07 .cs-s07-photo img { width: 100%; height: 100%; }
body.elementor-page-3798 .cs-s07 .cs-s07-photo img { display: block; object-fit: cover; }
/* Simedas: Figma shows the photo mirrored (person left, gloves right; the pin over the sleeve); the Drive original is not. */
body.elementor-page-3798 .cs-s07 .cs-s07-card--simedas .cs-s07-photo img { transform: scaleX(-1); }
body.elementor-page-3798 .cs-s07 .cs-s07-pin { z-index: 1; }
body.elementor-page-3798 .cs-s07 .cs-s07-pin img { display: block; width: 100%; height: auto; }

/* Buttons: label + the white arrow circle (icon-button-pfeil.svg, inline) as ::after; hover (answers 2a): the outline pill
   fills white, label and circle turn navy, the arrow slides 4 px. The CTA: as the hero CTA. */
body.elementor-page-3798 .cs-s07 .cs-s07-btn .elementor-button, body.elementor-page-3798 .cs-s07 .cs-s07-cta .elementor-button { display: inline-flex;
  align-items: center; justify-content: center; gap: 16px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  transition: background-color .2s ease-out, border-color .2s ease-out, color .2s ease-out; }
body.elementor-page-3798 .cs-s07 .cs-s07-btn .elementor-button::after, body.elementor-page-3798 .cs-s07 .cs-s07-cta .elementor-button::after { content: ""; flex: none;
  width: 42px; height: 42px; transition: transform .2s ease-out;
  background: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='42' height='42' rx='21' fill='white'/%3E%3Cpath d='M14.8125 21H27.1875' stroke='%230086CD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.125 15.9375L27.1875 21L22.125 26.0625' stroke='%230086CD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 42px 42px no-repeat; }
body.elementor-page-3798 .cs-s07 .cs-s07-btn .elementor-button:hover::after, body.elementor-page-3798 .cs-s07 .cs-s07-btn .elementor-button:focus-visible::after {
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='42' height='42' rx='21' fill='%23002F48'/%3E%3Cpath d='M14.8125 21H27.1875' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.125 15.9375L27.1875 21L22.125 26.0625' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body.elementor-page-3798 .cs-s07 .cs-s07-btn .elementor-button:hover::after, body.elementor-page-3798 .cs-s07 .cs-s07-btn .elementor-button:focus-visible::after,
body.elementor-page-3798 .cs-s07 .cs-s07-cta .elementor-button:hover::after, body.elementor-page-3798 .cs-s07 .cs-s07-cta .elementor-button:focus-visible::after { transform: translateX(4px); }
/* The live site's custom CSS gives every .elementor-button a sliding black fill on hover (background-image 200 %): off here. */
body.elementor-page-3798 .cs-s07 .elementor-button { background-image: none; }
body.elementor-page-3798 .cs-s07 .elementor-button:focus-visible { outline: 3px solid #002F48; outline-offset: 3px; }

/* Card hover (answers 3a): pin 1.06 from its tip, check bullets 1.08 (R-icon-hover-scale). Icons scale on their item. */
body.elementor-page-3798 .cs-s07 .cs-s07-pin img, body.elementor-page-3798 .cs-s07 .cs-s07-checks li::before, body.elementor-page-3798 .cs-s07 .cs-s07-icon img {
  transition: transform .2s ease-out; }
body.elementor-page-3798 .cs-s07 .cs-s07-pin img { transform-origin: 50% 100%; }
body.elementor-page-3798 .cs-s07 .cs-s07-card:hover .cs-s07-pin img { transform: scale(1.06); }
body.elementor-page-3798 .cs-s07 .cs-s07-card:hover .cs-s07-checks li::before { transform: scale(1.08); }
body.elementor-page-3798 .cs-s07 .cs-s07-item:hover .cs-s07-icon img { transform: scale(1.08); }
body.elementor-page-3798 .cs-s07 .animated { animation-duration: .5s; }

@media (max-width: 1024px) {
  body.elementor-page-3798 .cs-s07 { background: radial-gradient(closest-side, #E8F5FE, rgba(232,245,254,0)) -255px 1921px / 736px 736px no-repeat; }
  body.elementor-page-3798 .cs-s07::before { display: block; }
  body.elementor-page-3798 .cs-s07::after { top: 1713px; width: 1230px; height: 819px; }
  body.elementor-page-3798 .cs-s07 .cs-s07-panel { --cs-notch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 744 84'%3E%3Cpath d='M743.998 0.000120643L-5.70759e-05 1.69812e-05L45.6288 63.8951C54.6386 76.5118 69.1875 83.9999 84.691 83.9999L659.307 84C674.81 84 689.359 76.5119 698.369 63.8952L743.998 0.000120643Z'/%3E%3C/svg%3E"); --cs-notch-size: 744px 84px;
    --cs-tex: right 1px top 735px / 1368px 911px no-repeat; }
  body.elementor-page-3798 .cs-s07 .cs-s07-panel::before {
    background: radial-gradient(closest-side, rgba(244,149,19,.48), rgba(244,149,19,0)) -239px 162px / 924px 924px no-repeat,
      radial-gradient(closest-side, #FBBC0F, rgba(251,188,15,0)) -508px 590px / 2008px 2008px no-repeat,
      linear-gradient(180deg, #FBBC0F, #F49513); }
  body.elementor-page-3798 .cs-s07 .cs-s07-h2 .elementor-heading-title { max-width: 28.79ch; }
  body.elementor-page-3798 .cs-s07 .cs-s07-item, body.elementor-page-3798 .cs-s07 .cs-s07-frame, body.elementor-page-3798 .cs-s07 .cs-s07-textcol { flex: 1 1 0; min-width: 0; }
  body.elementor-page-3798 .cs-s07 .cs-s07-itext { flex: none; width: 100%; }
}
@media (max-width: 767px) {
  body.elementor-page-3798 .cs-s07 { background: radial-gradient(closest-side, #E8F5FE, rgba(232,245,254,0)) -236px 3186px / 487px 487px no-repeat; }
  body.elementor-page-3798 .cs-s07::before { left: -326px; width: 860px; top: -476px; height: 572px; }
  body.elementor-page-3798 .cs-s07::after { left: -67px; top: 3049px; width: 813px; height: 542px; }
  body.elementor-page-3798 .cs-s07 .cs-s07-panel { --cs-notch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 334 48'%3E%3Cpath d='M333.999 5.64767e-05L2.16953e-06 9.70354e-06L22.3449 39.8285C25.1763 44.8753 30.512 47.9999 36.2988 47.9999L297.7 48C303.487 48 308.823 44.8754 311.654 39.8286L333.999 5.64767e-05Z'/%3E%3C/svg%3E"); --cs-notch-size: 334px 48px;
    --cs-tex: right -150px top 332px / 861px 574px no-repeat; }
  body.elementor-page-3798 .cs-s07 .cs-s07-panel::before {
    background: radial-gradient(closest-side, rgba(244,149,19,.48), rgba(244,149,19,0)) -94px 158px / 348px 349px no-repeat,
      radial-gradient(closest-side, #FBBC0F, rgba(251,188,15,0)) -74px 507px / 757px 757px no-repeat,
      radial-gradient(closest-side, #FBBC0F, rgba(251,188,15,0)) -254px 2397px / 757px 757px no-repeat,
      linear-gradient(180deg, #FBBC0F, #F49513); }
  body.elementor-page-3798 .cs-s07 .cs-s07-h2 .elementor-heading-title { max-width: none; }
  body.elementor-page-3798 .cs-s07 .cs-s07-item, body.elementor-page-3798 .cs-s07 .cs-s07-frame, body.elementor-page-3798 .cs-s07 .cs-s07-textcol { flex: none; width: 100%; }
  body.elementor-page-3798 .cs-s07 .cs-s07-checks li { align-items: flex-start; gap: 16px; }
  body.elementor-page-3798 .cs-s07 .cs-s07-btn .elementor-button { display: flex; width: 100%; }
  body.elementor-page-3798 .cs-s07 .cs-s07-btn .elementor-button-content-wrapper { flex: 1 1 0; min-width: 0; }
}

/* build/08-why-us/site.css */
/* 08-why-us (.cs-s08). Decoration the V3 controls cannot express. Generated by gen-css.py from site.css.in. */
/* Root: the notched rule (Figma 1:1210 / 1:1995 / 1:2712) and the glow 1:636 as backgrounds; blue hex 1:630 (::before,
   box starts 483 px up in 07, only the part inside this band shows) and yellow hex 1:632 (::after, runs on into 09).
   Hex: texture at 40 %, white fades as masks: vertical + diagonal from the layers' own handles (1:630 and 1:632 share
   them: 111.1deg, 39.3 % -> 64.1 %, as 07 and 10). 1:630 / 1:1871 / 1:2383 are mirrored in Figma: ::before is flipped. */
/* Desktop rule: Figma's notch piece (x 566-1178 of the 1735 path) centred as before, the flat line on both sides as 2 px
   bands from Figma's side margin (92 px) to the notch, so the rule keeps its margins in the laptop range (zoomed root
   narrower than 1920) instead of running edge to edge. At 1920 it draws exactly the 1735 px rule. */
body.elementor-page-3798 .cs-s08 { position: relative; isolation: isolate; overflow: clip;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='612' height='37' viewBox='566 -1 612 37' fill='none'%3E%3Cpath d='M1735 0H1172.35C1166.71 0 1161.21 1.70127 1156.55 4.88125L1119.62 30.1187C1114.96 33.2987 1109.46 35 1103.82 35H631.785C624.675 35 617.832 32.2954 612.643 27.4348L591.431 7.5652C586.243 2.70464 579.399 0 572.289 0H3.20673e-05' stroke='%230086CD' stroke-opacity='.2' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") calc(50% + 4.5px) calc(100% - 39px) / 612px 37px no-repeat,
    linear-gradient(rgba(0,134,205,.2), rgba(0,134,205,.2)) left 92.5px bottom 74px / calc(50% - 394px) 2px no-repeat,
    linear-gradient(rgba(0,134,205,.2), rgba(0,134,205,.2)) right 92.5px bottom 74px / calc(50% - 403px) 2px no-repeat,
    radial-gradient(closest-side, #E8F5FE, rgba(232,245,254,0)) -350px -158px / 1149px 1149px no-repeat; }
body.elementor-page-3798 .cs-s08 > .e-con { position: relative; z-index: 1; }
body.elementor-page-3798 .cs-s08::before, body.elementor-page-3798 .cs-s08::after { content: ""; position: absolute; left: 0; width: 100%; height: 1279px;
  z-index: 0; pointer-events: none; opacity: .4;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(111.1deg, transparent 39.3%, #000 64.1%);
  mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(111.1deg, transparent 39.3%, #000 64.1%);
  -webkit-mask-composite: source-in; mask-composite: intersect; }
body.elementor-page-3798 .cs-s08::before { top: -483px; transform: scaleX(-1); background: url("/wp-content/uploads/2026/10/hintergrund-waben.webp") 50% 50% / cover no-repeat; }
body.elementor-page-3798 .cs-s08::after { top: 1081px;
  background: linear-gradient(#FBBC0F, #FBBC0F), url("/wp-content/uploads/2026/10/hintergrund-waben.webp") 50% 50% / cover no-repeat;
  background-blend-mode: color, normal; }

/* Image card: photo under the design's navy gradient (::before); the design's cut-out of the woman (fill 403d6f6f) is
   replaced by the same photo again with a soft radial mask around her (::after, answers 1a). The white tab (1:1200) is
   cut out of the bottom edge with Figma's path as a fixed-size mask, so its curves never stretch. */
body.elementor-page-3798 .cs-s08 .cs-s08-card { position: relative; isolation: isolate; overflow: hidden;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1027' height='84' viewBox='0 0 1027 84'%3E%3Cpath d='M0 83.9999L1026.24 84L967 23.8597C951.964 8.59511 931.433 8.14285e-05 910.007 7.95553e-05L116.233 3.30496e-05C94.807 3.11764e-05 74.2761 8.59505 59.2401 23.8596L0 83.9999Z' fill='%23000'/%3E%3C/svg%3E"), linear-gradient(#000, #000); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1027' height='84' viewBox='0 0 1027 84'%3E%3Cpath d='M0 83.9999L1026.24 84L967 23.8597C951.964 8.59511 931.433 8.14285e-05 910.007 7.95553e-05L116.233 3.30496e-05C94.807 3.11764e-05 74.2761 8.59505 59.2401 23.8596L0 83.9999Z' fill='%23000'/%3E%3C/svg%3E"), linear-gradient(#000, #000);
  -webkit-mask-position: 50% 100%, 0 0; mask-position: 50% 100%, 0 0;
  -webkit-mask-size: 1027px 84px, 100% 100%; mask-size: 1027px 84px, 100% 100%;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-composite: xor; mask-composite: exclude; }
body.elementor-page-3798 .cs-s08 .cs-s08-card::before, body.elementor-page-3798 .cs-s08 .cs-s08-card::after { content: ""; display: block; position: absolute;
  top: 0; left: 0; width: 100%; height: 100%; opacity: 1; mix-blend-mode: normal; border-radius: inherit; z-index: 0;
  pointer-events: none; background-repeat: no-repeat; }
body.elementor-page-3798 .cs-s08 .cs-s08-card::before {
  background-image: linear-gradient(90deg, #002F48 0%, rgba(0,47,72,.7) 50%, rgba(0,47,72,0) 100%), url("/wp-content/uploads/2026/10/gruppe-forscherin-mikroskop.webp");
  background-position: 0 0, 23% 37%; background-size: 100% 100%, 118% auto; }
body.elementor-page-3798 .cs-s08 .cs-s08-card::after {
  background-image: url("/wp-content/uploads/2026/10/gruppe-forscherin-mikroskop.webp"); background-position: 23% 37%; background-size: 118% auto;
  -webkit-mask-image: radial-gradient(ellipse 21% 64% at 63% 48%, #000 40%, transparent 100%);
  mask-image: radial-gradient(ellipse 21% 64% at 63% 48%, #000 40%, transparent 100%); }
body.elementor-page-3798 .cs-s08 .cs-s08-card > .e-con { position: relative; z-index: 1; }

/* Text */
body.elementor-page-3798 .cs-s08 .elementor-heading-title { margin: 0; }
body.elementor-page-3798 .cs-s08 .cs-s08-text p { margin: 0; }
body.elementor-page-3798 .cs-s08 .cs-s08-cardtext p.cs-s08-lead { font-weight: 600; font-size: 24px; line-height: 33.6px; margin-bottom: 33.6px; }

/* Benefit boxes share the row from a zero basis (Elementor's "grow" keeps an auto basis). */
@media (min-width: 768px) {
  body.elementor-page-3798 .cs-s08 .cs-s08-box { flex: 1 1 0; min-width: 0; }
}
/* Icons: block images; a small scale when the box is hovered (R-icon-hover-scale; the boxes are not links). */
body.elementor-page-3798 .cs-s08 .cs-s08-icon img { display: block; margin: 0 auto; transition: transform .2s ease-out; }
body.elementor-page-3798 .cs-s08 .cs-s08-introrow .cs-s08-icon img { margin: 0; }
body.elementor-page-3798 .cs-s08 .cs-s08-box:hover .cs-s08-icon img, body.elementor-page-3798 .cs-s08 .cs-s08-card:hover .cs-s08-icon img { transform: scale(1.08); }

/* CTA (as the hero's): label + the white arrow circle (icon-button-pfeil 3730, inline) as a background; hover fills the
   pill and moves the arrow 4 px. */
body.elementor-page-3798 .cs-s08 .cs-s08-cta .elementor-button { display: inline-flex; align-items: center; justify-content: center; gap: 16px;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background-color .2s ease-out, border-color .2s ease-out; }
body.elementor-page-3798 .cs-s08 .cs-s08-cta .elementor-button::after { content: ""; flex: none; width: 42px; height: 42px; background: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='42' height='42' rx='21' fill='white'/%3E%3Cpath d='M14.8125 21H27.1875' stroke='%230086CD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.125 15.9375L27.1875 21L22.125 26.0625' stroke='%230086CD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 42px 42px no-repeat; transition: transform .2s ease-out; }
body.elementor-page-3798 .cs-s08 .cs-s08-cta .elementor-button:hover::after, body.elementor-page-3798 .cs-s08 .cs-s08-cta .elementor-button:focus-visible::after { transform: translateX(4px); }
body.elementor-page-3798 .cs-s08 .animated { animation-duration: .5s; }

@media (max-width: 1024px) {
  body.elementor-page-3798 .cs-s08 { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3000' height='37' viewBox='0 -1 3000 37' fill='none'%3E%3Cpath d='M 3000 0 H 1687.63 C 1679.493 0 1671.759 3.539 1666.44 9.697 L 1652.96 25.303 C 1647.641 31.461 1639.907 35 1631.77 35 H 1369.802 C 1360.184 35 1351.239 30.064 1346.112 21.926 L 1340.535 13.074 C 1335.408 4.936 1326.463 0 1316.845 0 H 0' stroke='%230086CD' stroke-opacity='.2' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50% calc(100% - 38px) / 3000px 37px no-repeat,
    radial-gradient(closest-side, #E8F5FE, rgba(232,245,254,0)) -255px -179px / 736px 736px no-repeat,
    radial-gradient(closest-side, #D8EAFF, rgba(232,245,254,0)) -575px 1274px / 1149px 1149px no-repeat; }
  body.elementor-page-3798 .cs-s08::before { top: -387px; width: 1230px; height: 819px; }
  body.elementor-page-3798 .cs-s08::after { display: none; }
  /* The card is 48 px wider than the column on each side (Figma 992 vs 896). */
  body.elementor-page-3798 .cs-s08 .cs-s08-top { width: calc(100% + 96px); max-width: none; }
  body.elementor-page-3798 .cs-s08 .cs-s08-card { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='744' height='48' viewBox='0 0 744 48'%3E%3Cpath d='M0 47.9999L743.998 48L697.161 10.5217C688.649 3.71077 678.073 5.9279e-05 667.171 5.8326e-05L76.8267 2.19751e-05C65.9254 2.10221e-05 55.3489 3.71073 46.8372 10.5216L0 47.9999Z' fill='%23000'/%3E%3C/svg%3E"), linear-gradient(#000, #000); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='744' height='48' viewBox='0 0 744 48'%3E%3Cpath d='M0 47.9999L743.998 48L697.161 10.5217C688.649 3.71077 678.073 5.9279e-05 667.171 5.8326e-05L76.8267 2.19751e-05C65.9254 2.10221e-05 55.3489 3.71073 46.8372 10.5216L0 47.9999Z' fill='%23000'/%3E%3C/svg%3E"), linear-gradient(#000, #000);
    -webkit-mask-size: 744px 48px, 100% 100%; mask-size: 744px 48px, 100% 100%; }
  body.elementor-page-3798 .cs-s08 .cs-s08-card::before { background-position: 0 0, 0% 70%; background-size: 100% 100%, 125% auto; }
  body.elementor-page-3798 .cs-s08 .cs-s08-card::after { background-position: 0% 70%; background-size: 125% auto;
    -webkit-mask-image: radial-gradient(ellipse 22% 62% at 68% 50%, #000 40%, transparent 100%);
    mask-image: radial-gradient(ellipse 22% 62% at 68% 50%, #000 40%, transparent 100%); }
  body.elementor-page-3798 .cs-s08 .cs-s08-cardtext p.cs-s08-lead { font-size: 20px; line-height: 28px; margin-bottom: 28px; }
}
@media (max-width: 767px) {
  body.elementor-page-3798 .cs-s08 { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2000' height='25' viewBox='0 -1 2000 25' fill='none'%3E%3Cpath d='M 2000 0 H 1099.441 C 1091.559 0 1084.352 4.451 1080.823 11.5 C 1077.295 18.549 1070.088 23 1062.205 23 H 936.77 C 929.418 23 922.85 18.406 920.328 11.5 C 917.806 4.594 911.238 0 903.886 0 H 0' stroke='%230086CD' stroke-opacity='.2' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50% calc(100% - 35px) / 2000px 25px no-repeat,
    radial-gradient(closest-side, #E8F5FE, rgba(232,245,254,0)) -236px -4px / 487px 487px no-repeat; }
  body.elementor-page-3798 .cs-s08::before { left: -67px; top: -141px; width: 813px; height: 542px; }
  body.elementor-page-3798 .cs-s08 .cs-s08-top { width: calc(100% + 32px); }
  /* The H2 keeps the 342 column (Figma), the card under it is 16 px wider on each side. */
  body.elementor-page-3798 .cs-s08 .cs-s08-h2 { width: calc(100% - 32px) !important; }
  body.elementor-page-3798 .cs-s08 .cs-s08-card { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='326' height='32' viewBox='0 0 326 32'%3E%3Cpath d='M0 31.9999L325.998 32L304.515 5.84454C301.476 2.14451 296.939 6.88545e-05 292.151 6.77442e-05L33.8475 1.54779e-05C29.0593 1.43677e-05 24.5228 2.14445 21.4837 5.84448L0 31.9999Z' fill='%23000'/%3E%3C/svg%3E"), linear-gradient(#000, #000); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='326' height='32' viewBox='0 0 326 32'%3E%3Cpath d='M0 31.9999L325.998 32L304.515 5.84454C301.476 2.14451 296.939 6.88545e-05 292.151 6.77442e-05L33.8475 1.54779e-05C29.0593 1.43677e-05 24.5228 2.14445 21.4837 5.84448L0 31.9999Z' fill='%23000'/%3E%3C/svg%3E"), linear-gradient(#000, #000);
    -webkit-mask-size: 326px 32px, 100% 100%; mask-size: 326px 32px, 100% 100%; }
  /* Phone: text on navy at the top, the photo at the bottom; the gradient runs top to bottom; no extra layer needed. */
  body.elementor-page-3798 .cs-s08 .cs-s08-card::before {
    background-image: linear-gradient(180deg, #002F48 51.6%, rgba(0,47,72,.7) 63.4%, rgba(0,47,72,0) 75.3%), url("/wp-content/uploads/2026/10/gruppe-forscherin-mikroskop-phone.webp");
    background-position: 0 0, 42% 100%; background-size: 100% 100%, 193% auto; }
  body.elementor-page-3798 .cs-s08 .cs-s08-card::after { display: none; }
  body.elementor-page-3798 .cs-s08 .cs-s08-introrow .cs-s08-icon img { margin: 0 auto; }
  body.elementor-page-3798 .cs-s08 .cs-s08-h { text-wrap: balance; }
}

/* build/09-location/site.css */
/* 09-location (.cs-s09). Decoration the V3 controls cannot express. Generated by gen-css.py from site.css.in. */
/* Root: glow 1:637 (tablet 1:1874, phone 1:2714) as a background; yellow hex 1:632 (::after) continues the layer 08 starts
   (same box: top -279 here = 1081 in 08), the texture at 40 % with the white fades as masks (diagonal from 1:632's own
   handles, 111.1deg 39.3 % -> 64.1 %, as 08 and 10, so the seams meet; not mirrored). */
body.elementor-page-3798 .cs-s09 { position: relative; isolation: isolate; overflow: clip;
  background: radial-gradient(closest-side, #D8EAFF, rgba(232,245,254,0)) -350px 127px / 1149px 1149px no-repeat; }
body.elementor-page-3798 .cs-s09 > .e-con { position: relative; z-index: 1; }
body.elementor-page-3798 .cs-s09::after { content: ""; position: absolute; left: 0; top: -279px; width: 100%; height: 1279px;
  z-index: 0; pointer-events: none; opacity: .4;
  background: linear-gradient(#FBBC0F, #FBBC0F), url("/wp-content/uploads/2026/10/hintergrund-waben.webp") 50% 50% / cover no-repeat;
  background-blend-mode: color, normal;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(111.1deg, transparent 39.3%, #000 64.1%);
  mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(111.1deg, transparent 39.3%, #000 64.1%);
  -webkit-mask-composite: source-in; mask-composite: intersect; }

/* Text */
body.elementor-page-3798 .cs-s09 .elementor-heading-title { margin: 0; }
body.elementor-page-3798 .cs-s09 .cs-s09-ctext p, body.elementor-page-3798 .cs-s09 .cs-s09-label p { margin: 0; }
body.elementor-page-3798 .cs-s09 .cs-s09-ctext strong { font-weight: 700; }
body.elementor-page-3798 .cs-s09 .cs-s09-ctext .cs-s09-v { font-weight: 400; }
/* Contact links: ink like the text; hover/focus underline in the brand blue (the ink keeps its contrast, R-hover-contrast). */
body.elementor-page-3798 .cs-s09 .cs-s09-ctext a { color: inherit; text-decoration: underline transparent; text-decoration-thickness: 2px;
  text-underline-offset: 4px; transition: text-decoration-color .2s ease-out; }
body.elementor-page-3798 .cs-s09 .cs-s09-ctext a:hover, body.elementor-page-3798 .cs-s09 .cs-s09-ctext a:focus-visible { text-decoration-line: underline;
  text-decoration-color: #0086CD; color: inherit; }
body.elementor-page-3798 .cs-s09 .cs-s09-ctext a:not(:hover):not(:focus-visible) { text-decoration-line: none; }

/* Icons: block images; scale 1.08 when the row is hovered (R-icon-hover-scale). */
body.elementor-page-3798 .cs-s09 .cs-s09-icon img { display: block; margin: 0 auto; transition: transform .2s ease-out; }
body.elementor-page-3798 .cs-s09 .cs-s09-row:hover .cs-s09-icon img { transform: scale(1.08); }

/* Map: one link (container tag a) in Figma's aspect ratio, so the pin and labels (in %) stay on their places; the notch
   (Figma 1:1107) is cut out of the left edge with a mask sized in %; the right corners are the container's radius.
   Hover/focus: the picture zooms 1.04, the pin lifts 1.08. */
body.elementor-page-3798 .cs-s09 .cs-s09-map { position: relative; display: block; aspect-ratio: 766 / 467; flex: none;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='467' viewBox='0 0 39 467' preserveAspectRatio='none'%3E%3Cpath d='M2.04132e-05 0L7.72744e-06 467L27.3674 440.042C34.3137 433.2 38.2249 423.857 38.2249 414.107L38.2249 52.8931C38.2249 43.1428 34.3137 33.8 27.3674 26.9577L2.04132e-05 0Z' fill='%23000'/%3E%3C/svg%3E"), linear-gradient(#000, #000); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='467' viewBox='0 0 39 467' preserveAspectRatio='none'%3E%3Cpath d='M2.04132e-05 0L7.72744e-06 467L27.3674 440.042C34.3137 433.2 38.2249 423.857 38.2249 414.107L38.2249 52.8931C38.2249 43.1428 34.3137 33.8 27.3674 26.9577L2.04132e-05 0Z' fill='%23000'/%3E%3C/svg%3E"), linear-gradient(#000, #000);
  -webkit-mask-position: 0 0, 0 0; mask-position: 0 0, 0 0;
  -webkit-mask-size: 5.091% 100%, 100% 100%; mask-size: 5.091% 100%, 100% 100%;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-composite: xor; mask-composite: exclude; }
body.elementor-page-3798 .cs-s09 .cs-s09-mapimg { position: absolute; inset: 0; width: 100%; height: 100%; }
body.elementor-page-3798 .cs-s09 .cs-s09-mapimg > .elementor-widget-container { height: 100%; }
/* Contact list hugs its rows on desktop (Figma); tablet/phone rows fill the column. */
body.elementor-page-3798 .cs-s09 .cs-s09-list { align-self: flex-start; align-items: flex-start; }
body.elementor-page-3798 .cs-s09 .cs-s09-list, body.elementor-page-3798 .cs-s09 .cs-s09-row { --width: auto; width: auto; }
body.elementor-page-3798 .cs-s09 .cs-s09-mapimg img { border-radius: 0 25px 25px 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover;
  object-position: 50% 50%; transition: transform .4s ease-out; }
body.elementor-page-3798 .cs-s09 .cs-s09-map:hover .cs-s09-mapimg img, body.elementor-page-3798 .cs-s09 .cs-s09-map:focus-visible .cs-s09-mapimg img { transform: scale(1.04); }
body.elementor-page-3798 .cs-s09 .cs-s09-pin { z-index: 2; }
body.elementor-page-3798 .cs-s09 .cs-s09-pin img { width: 100%; transform-origin: 50% 100%; }
body.elementor-page-3798 .cs-s09 .cs-s09-map:hover .cs-s09-pin img, body.elementor-page-3798 .cs-s09 .cs-s09-map:focus-visible .cs-s09-pin img { transform: scale(1.08); }
/* Place labels (Figma 1:1101/1:1103): the frosted chip is the p (flex, as Figma's auto-layout), the name its span. */
body.elementor-page-3798 .cs-s09 .cs-s09-label { z-index: 1; white-space: nowrap; }
body.elementor-page-3798 .cs-s09 .cs-s09-label p.cs-s09-chip { display: flex; flex-direction: row; justify-content: center; align-items: center;
  gap: 10px; padding: 2px 10px; border-radius: 5px; background-color: rgba(255,255,255,.1);
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
body.elementor-page-3798 .cs-s09 .animated { animation-duration: .5s; }

@media (max-width: 1024px) {
  body.elementor-page-3798 .cs-s09 { background: radial-gradient(closest-side, #D8EAFF, rgba(232,245,254,0)) -575px -16px / 1149px 1149px no-repeat; }
  body.elementor-page-3798 .cs-s09::after { left: 115px; top: 79px; width: 1024px; height: 682px; }
  body.elementor-page-3798 .cs-s09 .cs-s09-textcol { flex: 0 1 364px; min-width: 300px; }
  body.elementor-page-3798 .cs-s09 .cs-s09-map { flex: 0 1 516px; min-width: 0; aspect-ratio: 516 / 438;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='438' viewBox='0 0 32 438' preserveAspectRatio='none'%3E%3Cpath d='M0 3.81597e-07L1.16921e-05 438L23.7128 411.831C29.0461 405.945 32 398.286 32 390.344L32 47.6562C32 39.7136 29.0462 32.0547 23.7128 26.169L0 3.81597e-07Z' fill='%23000'/%3E%3C/svg%3E"), linear-gradient(#000, #000); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='438' viewBox='0 0 32 438' preserveAspectRatio='none'%3E%3Cpath d='M0 3.81597e-07L1.16921e-05 438L23.7128 411.831C29.0461 405.945 32 398.286 32 390.344L32 47.6562C32 39.7136 29.0462 32.0547 23.7128 26.169L0 3.81597e-07Z' fill='%23000'/%3E%3C/svg%3E"), linear-gradient(#000, #000);
    -webkit-mask-size: 6.202% 100%, 100% 100%; mask-size: 6.202% 100%, 100% 100%; }
  body.elementor-page-3798 .cs-s09 .cs-s09-list { align-self: stretch; align-items: stretch; }
  body.elementor-page-3798 .cs-s09 .cs-s09-list, body.elementor-page-3798 .cs-s09 .cs-s09-row { --width: 100%; width: 100%; }
  body.elementor-page-3798 .cs-s09 .cs-s09-ctext { flex: 1 1 0; min-width: 0; }
  body.elementor-page-3798 .cs-s09 .cs-s09-mail { flex: 0 1 auto; }
  body.elementor-page-3798 .cs-s09 .cs-s09-mapimg img { border-radius: 0 32px 32px 0; }
  body.elementor-page-3798 .cs-s09 .cs-s09-label p.cs-s09-chip { padding: 2px 8px; }
  /* Figma's tablet/phone nodes for Tel and Mail are 400 (desktop 700); labels and values keep 700/400 as rendered. */
  body.elementor-page-3798 .cs-s09 .cs-s09-telefon p, body.elementor-page-3798 .cs-s09 .cs-s09-mail p { font-weight: 400; }
}
@media (max-width: 767px) {
  body.elementor-page-3798 .cs-s09 { background: radial-gradient(closest-side, #D8EAFF, rgba(232,245,254,0)) -391px 18px / 672px 672px no-repeat; }
  body.elementor-page-3798 .cs-s09::after { left: -131px; top: 321px; width: 753px; height: 502px; }
  /* The text column sits 16 px inside the map's width (Figma 342 in 374). */
  body.elementor-page-3798 .cs-s09 .cs-s09-textcol { flex: none; min-width: 0; --width: auto; width: auto; margin: 0 16px; }
  body.elementor-page-3798 .cs-s09 .cs-s09-mapimg img { border-radius: 0 0 17.5px 17.5px; }
  body.elementor-page-3798 .cs-s09 .cs-s09-label p.cs-s09-chip { gap: 7.25px; padding: 1.45px 5.8px; border-radius: 3.62px; }
  body.elementor-page-3798 .cs-s09 .cs-s09-map { flex: none; width: 100%; aspect-ratio: 374 / 318;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='374' height='24' viewBox='0 0 374 24' preserveAspectRatio='none'%3E%3Cpath d='M373.999 3.2696e-05L2.09814e-06 4.85177e-06L23.814 18.9537C27.9192 22.221 33.0109 24 38.2576 24L335.741 24C340.988 24 346.08 22.2211 350.185 18.9537L373.999 3.2696e-05Z' fill='%23000'/%3E%3C/svg%3E"), linear-gradient(#000, #000); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='374' height='24' viewBox='0 0 374 24' preserveAspectRatio='none'%3E%3Cpath d='M373.999 3.2696e-05L2.09814e-06 4.85177e-06L23.814 18.9537C27.9192 22.221 33.0109 24 38.2576 24L335.741 24C340.988 24 346.08 22.2211 350.185 18.9537L373.999 3.2696e-05Z' fill='%23000'/%3E%3C/svg%3E"), linear-gradient(#000, #000);
    -webkit-mask-size: 100% 7.547%, 100% 100%; mask-size: 100% 7.547%, 100% 100%; }
}

/* build/10-faq/site.css */
/* 10-faq (.cs-s10). Decoration and states the V3 controls cannot express. Generated by gen-css.py from site.css.in. */
/* Root: light-blue glow 1:637 / 1:1874 as a background; ::before = this band's part of the yellow hex layer that comes
   down from 09 (1:632 / 1:1873 / 1:2713; 04–07 recipe: texture 40 %, tinted #FBBC0F, the white fades as masks). The root
   clips on all sides, so only this band's part shows. */
body.elementor-page-3798 .cs-s10 { position: relative; isolation: isolate; overflow: clip;
  background: radial-gradient(closest-side, #D8EAFF, rgba(232,245,254,0)) -350px -473px / 1149px 1149px no-repeat; }
body.elementor-page-3798 .cs-s10 > .e-con { position: relative; z-index: 1; }
body.elementor-page-3798 .cs-s10::before { content: ""; position: absolute; z-index: 0; pointer-events: none; opacity: .4;
  left: 0; top: -879px; width: 100%; height: 1279px; /* 100 % as 08/09's part of 1:632, so the seam meets when zoomed */
  background: linear-gradient(#FBBC0F, #FBBC0F), url("/wp-content/uploads/2026/10/hintergrund-waben.webp") 50% 50% / cover no-repeat;
  background-blend-mode: color, normal;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(111.1deg, transparent 39.4%, #000 64.1%);
  mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(111.1deg, transparent 39.4%, #000 64.1%);
  -webkit-mask-composite: source-in; mask-composite: intersect; }

/* Panel 1:779: ::before = #002F48 with the #0086CD glows 1:784 (40 %) and 1:785 (20 %), the title tab (1:782, Figma's
   path) cut out; ::after = the hex texture 1:783 in multiply, mirrored as in Figma (the whole layer is flipped, so its
   box and fades are written in the flipped coordinates), the white fades as masks. */
body.elementor-page-3798 .cs-s10 .cs-s10-panel { position: relative; isolation: isolate;
  --cs-notch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1026.24 84'%3E%3Cpath d='M0 0L1026.24 1.69812e-05L967.003 60.1404C951.966 75.4051 931.435 84.0001 910.009 84.0001L116.234 84.0001C94.8072 84.0001 74.2763 75.405 59.2402 60.1404L0 0Z'/%3E%3C/svg%3E"); --cs-notch-size: 1026.24px 84px;
  --cs-tex: right 0 top -279px / 1920px 1279px no-repeat; --cs-fade: linear-gradient(161.6deg, transparent 46.1%, #000 80.1%); }
body.elementor-page-3798 .cs-s10 .cs-s10-panel > .elementor-element { position: relative; z-index: 2; }
body.elementor-page-3798 .cs-s10 .cs-s10-panel::before, body.elementor-page-3798 .cs-s10 .cs-s10-panel::after { content: ""; position: absolute; inset: 0;
  border-radius: inherit; pointer-events: none; }
body.elementor-page-3798 .cs-s10 .cs-s10-panel::before { z-index: 0;
  background: radial-gradient(closest-side, rgba(0,134,205,.4), rgba(0,134,205,0)) 458px 376px / 2008px 2008px no-repeat,
    radial-gradient(closest-side, rgba(0,134,205,.2), rgba(0,134,205,0)) -206px 276px / 924px 924px no-repeat,
    #002F48;
  -webkit-mask: var(--cs-notch) 50% 0 / var(--cs-notch-size) no-repeat, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask: var(--cs-notch) 50% 0 / var(--cs-notch-size) no-repeat exclude, linear-gradient(#000 0 0); }
body.elementor-page-3798 .cs-s10 .cs-s10-panel::after { z-index: 1; transform: scaleX(-1); mix-blend-mode: multiply;
  background: url("/wp-content/uploads/2026/10/hintergrund-waben.webp") var(--cs-tex);
  -webkit-mask: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%) var(--cs-tex), var(--cs-fade) var(--cs-tex);
  -webkit-mask-composite: source-in;
  mask: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%) var(--cs-tex), var(--cs-fade) var(--cs-tex);
  mask-composite: intersect; }

/* Heading: kit/Astra margins off; it hugs its text (Figma auto-width box) and sits in the tab. */
body.elementor-page-3798 .cs-s10 .elementor-heading-title { margin: 0 auto; width: fit-content; }

/* FAQ (V3 Toggle): the list is a flex column (Figma gap 24 / 16 / 16); each item is a glass row (radius 25); the title
   is the head row (question + icon circle, gap 32 / 32 / 16); the icon circle is icon-faq-plus.svg / icon-faq-minus.svg
   (attachments 3734 / 3735) as the title's ::after background (no inline SVG, R-svg-as-image). */
body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-toggle { display: flex; flex-direction: column; gap: 24px; }
body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-toggle-item { border-radius: 25px; overflow: hidden; background-color: rgba(0,134,205,0);
  background-image: linear-gradient(180deg, rgba(0,134,205,.2), rgba(0,134,205,.04)); transition: background-color .2s ease-out; }
body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-toggle-item:has(> .elementor-tab-title.elementor-active) {
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-tab-title { display: flex; align-items: center; gap: 32px; border: 0; border-radius: 25px;
  cursor: pointer; }
body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-tab-title::after { content: ""; flex: none; width: 64px; height: 64px;
  background: url("/wp-content/uploads/2026/10/icon-faq-plus.svg") center / 100% 100% no-repeat; transition: transform .2s ease-out; }
body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-tab-title.elementor-active::after {
  background-image: url("/wp-content/uploads/2026/10/icon-faq-minus.svg"); }
body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-toggle-title { display: block; flex: 1 1 0; min-width: 0; color: #FFFFFF; text-decoration: none; }
body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-toggle-title:hover, body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-toggle-title:focus { color: #FFFFFF; }
body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-tab-content { border: 0; }
body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-tab-content p { margin: 0; }
/* Hover: the glass brightens, the icon circle scales 1.08 (R-hover-contrast: the question stays white on navy glass;
   R-icon-hover-scale). Keyboard focus: a yellow ring on the question. */
body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-toggle-item:hover { background-color: rgba(0,134,205,.12); }
body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-toggle-item:hover .elementor-tab-title::after { transform: scale(1.08); }
body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-toggle-title:focus-visible { outline: 2px solid #FBBC0F; outline-offset: 4px; border-radius: 4px; }
body.elementor-page-3798 .cs-s10 .animated { animation-duration: .5s; }

@media (max-width: 1024px) {
  body.elementor-page-3798 .cs-s10 { background: radial-gradient(closest-side, #D8EAFF, rgba(232,245,254,0)) -575px -556px / 1149px 1149px no-repeat; }
  body.elementor-page-3798 .cs-s10::before { left: 115px; top: -461px; width: 1024px; height: 682px;
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(111.1deg, transparent 39.4%, #000 64.1%);
    mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(111.1deg, transparent 39.4%, #000 64.1%); }
  body.elementor-page-3798 .cs-s10 .cs-s10-panel { --cs-notch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 744 48'%3E%3Cpath d='M0 0L744 9.70356e-06L697.163 37.4784C688.651 44.2893 678.074 48.0001 667.173 48.0001L76.8269 48C65.9256 48 55.349 44.2893 46.8373 37.4784L0 0Z'/%3E%3C/svg%3E"); --cs-notch-size: 744px 48px;
    --cs-tex: right 0 top -150.47px / 1035.13px 689.77px no-repeat; --cs-fade: linear-gradient(161.6deg, transparent 46.1%, #000 80.1%); }
  body.elementor-page-3798 .cs-s10 .cs-s10-panel::before {
    background: radial-gradient(closest-side, rgba(0,134,205,.4), rgba(0,134,205,0)) 247px 203px / 1083px 1083px no-repeat,
      radial-gradient(closest-side, rgba(0,134,205,.2), rgba(0,134,205,0)) -111px 149px / 498px 498px no-repeat,
      #002F48; }
  body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-toggle { gap: 16px; }
  body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-tab-title::after { width: 48px; height: 48px; }
  /* Figma: 16 between the head row and the answer, the title's bottom padding is 24. */
  body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-tab-content { margin-top: -8px; }
}
@media (max-width: 767px) {
  body.elementor-page-3798 .cs-s10 { background: none; }
  body.elementor-page-3798 .cs-s10::before { left: -131px; top: -409px; width: 753px; height: 502px;
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(111.1deg, transparent 39.3%, #000 64.1%);
    mask-image: linear-gradient(180deg, transparent 0, #000 50%, transparent 100%), linear-gradient(111.1deg, transparent 39.3%, #000 64.1%); }
  body.elementor-page-3798 .cs-s10 .cs-s10-panel { --cs-notch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 316 48'%3E%3Cpath d='M0 0L316 9.70356e-06L295.033 39.5015C292.257 44.7309 286.821 48.0001 280.9 48.0001L35.0996 48C29.1793 48 23.7428 44.7308 20.9671 39.5015L0 0Z'/%3E%3C/svg%3E"); --cs-notch-size: 316px 48px;
    --cs-tex: right -110px top -70px / 911px 607px no-repeat; --cs-fade: linear-gradient(161.6deg, transparent 46.1%, #000 80.1%); }
  body.elementor-page-3798 .cs-s10 .cs-s10-panel::before {
    background: radial-gradient(closest-side, rgba(0,134,205,.4), rgba(0,134,205,0)) 85px 546px / 709px 710px no-repeat,
      radial-gradient(closest-side, rgba(0,134,205,.2), rgba(0,134,205,0)) -150px 511px / 327px 327px no-repeat,
      #002F48; }
  body.elementor-page-3798 .cs-s10 .elementor-heading-title { width: auto; }
  body.elementor-page-3798 .cs-s10 .cs-s10-faq .elementor-tab-title { gap: 16px; }
}

/* build/11-footer/site.css */
/* 11-footer (LP10849). Section CSS beyond the V3 controls; every rule under body.elementor-page-3798 .cs-s11. Generated by gen-css.py. */

/* Text widgets: no theme margins. */
body.elementor-page-3798 .cs-s11 .elementor-heading-title, body.elementor-page-3798 .cs-s11 .elementor-widget-text-editor p { margin: 0; }

/* Wordmark: above the absolute menu row; link inherits the navy, hover blue (41 px bold: 3:1 is enough). */
body.elementor-page-3798 .cs-s11 .cs-s11-wordmark { position: relative; z-index: 2; white-space: nowrap; }
body.elementor-page-3798 .cs-s11 .cs-s11-wordmark a { color: inherit; transition: color .2s ease-out; }
body.elementor-page-3798 .cs-s11 .cs-s11-wordmark a:hover, body.elementor-page-3798 .cs-s11 .cs-s11-wordmark a:focus-visible { color: #0086CD; }

/* Menu: one WordPress menu; desktop items 4-6 pushed right of the wordmark (as 01's header), 24 px between items. */
body.elementor-page-3798 .cs-s11 .cs-s11-nav { z-index: 1; }
body.elementor-page-3798 .cs-s11 .cs-s11-nav .elementor-nav-menu--main > .elementor-nav-menu { flex: 1 1 auto; flex-wrap: nowrap; gap: 24px; border-radius: 100px; }
body.elementor-page-3798 .cs-s11 .cs-s11-nav .elementor-nav-menu--main > .elementor-nav-menu > li:nth-child(4) { margin-left: auto; }
body.elementor-page-3798 .cs-s11 .cs-s11-nav .elementor-nav-menu--main > .elementor-nav-menu::before, body.elementor-page-3798 .cs-s11 .cs-s11-nav .elementor-nav-menu--main > .elementor-nav-menu::after { display: none; }
body.elementor-page-3798 .cs-s11 .cs-s11-nav .elementor-item { white-space: nowrap; }
body.elementor-page-3798 .cs-s11 .cs-s11-nav .elementor-item::after { bottom: -4px; }
/* Elementor marks an anchor item active while its section is in view; in the footer that only hid the hover (FAQ is
   always active down here). Active looks like rest; hover/focus win. */
body.elementor-page-3798 .cs-s11 .cs-s11-nav .elementor-item.elementor-item-active:not(:hover):not(:focus-visible) { color: #011C2B; }
body.elementor-page-3798 .cs-s11 .cs-s11-nav .elementor-item.elementor-item-active:not(:hover):not(:focus-visible)::after { opacity: 0; }
body.elementor-page-3798 .cs-s11 .cs-s11-nav .elementor-item.elementor-item-active:hover, body.elementor-page-3798 .cs-s11 .cs-s11-nav .elementor-item.elementor-item-active:focus-visible { color: #0072AE; }
body.elementor-page-3798 .cs-s11 .cs-s11-nav .elementor-item.elementor-item-active:hover::after, body.elementor-page-3798 .cs-s11 .cs-s11-nav .elementor-item.elementor-item-active:focus-visible::after { opacity: 1; }
body.elementor-page-3798 .cs-s11 .cs-s11-nav .elementor-menu-toggle, body.elementor-page-3798 .cs-s11 .cs-s11-nav .elementor-nav-menu--dropdown { display: none !important; }

/* Bottom: the line with the raised tab (Figma's own path, export/linie-*.svg): the tab as an SVG centred on the line,
   the straight parts left and right as 2 px gradients; drawn behind the row. */
body.elementor-page-3798 .cs-s11 .cs-s11-bottom { position: relative; }
body.elementor-page-3798 .cs-s11 .cs-s11-line { position: absolute; top: 0; left: 0; right: 0; pointer-events: none; }
body.elementor-page-3798 .cs-s11 .cs-s11-line::before { content: ""; position: absolute; top: -1px; left: 0; right: 0; height: 37px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='614' height='37' viewBox='560.5 -1 614 37'%3E%3Cpath d='M1735 35H1172.35C1166.71 35 1161.21 33.2987 1156.55 30.1187L1119.62 4.88125C1114.96 1.70127 1109.46 0 1103.82 0H631.785C624.675 0 617.832 2.70465 612.643 7.5652L591.431 27.4348C586.243 32.2954 579.399 35 572.289 35H3.20673e-05' fill='none' stroke='%230086CD' stroke-opacity='0.2' stroke-width='2'/%3E%3C/svg%3E") center top / 614px 37px no-repeat,
    linear-gradient(rgba(0,134,205,.2), rgba(0,134,205,.2)) left 35px / calc(50% - 307px) 2px no-repeat,
    linear-gradient(rgba(0,134,205,.2), rgba(0,134,205,.2)) right 35px / calc(50% - 307px) 2px no-repeat; }
body.elementor-page-3798 .cs-s11 .cs-s11-row { position: relative; z-index: 1; }

/* Copyright: one line on desktop, the second sentence on its own line below 1025 (Figma breaks it there). */
body.elementor-page-3798 .cs-s11 .cs-s11-copy p { white-space: nowrap; }

/* Legal links: a row (gap 23 / 16), right-aligned; a centred column on the phone. Rest #0086CD (design); hover navy + underline. */
body.elementor-page-3798 .cs-s11 .cs-s11-legal { display: flex; justify-content: flex-end; align-items: center; gap: 23px; }
body.elementor-page-3798 .cs-s11 .cs-s11-legal a { color: #0072AE; /* design #0086CD = 3.65:1 on #EEF7FB; #0072AE (the design's ring blue) = 4.81:1, WCAG AA */ text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; text-decoration-thickness: 1px; transition: color .2s ease-out, text-decoration-color .2s ease-out; }
body.elementor-page-3798 .cs-s11 .cs-s11-legal a:hover, body.elementor-page-3798 .cs-s11 .cs-s11-legal a:focus-visible { color: #002F48; text-decoration-color: currentColor; }

/* Social buttons: the SVGs carry their circles; hover scale 1.08 + soft blue shadow (R-icon-hover-scale). */
body.elementor-page-3798 .cs-s11 .cs-s11-social a { display: block; border-radius: 50%; }
body.elementor-page-3798 .cs-s11 .cs-s11-social img { display: block; transition: transform .2s ease-out, filter .2s ease-out; }
body.elementor-page-3798 .cs-s11 .cs-s11-social a:hover img, body.elementor-page-3798 .cs-s11 .cs-s11-social a:focus-visible img { transform: scale(1.08); filter: drop-shadow(0 6px 10px rgba(0,134,205,.25)); }
body.elementor-page-3798 .cs-s11 .cs-s11-social.animated { animation-duration: .5s; }
body.elementor-page-3798 .cs-s11 .animated { animation-duration: .5s; }

@media (max-width: 1024px) {
  body.elementor-page-3798 .cs-s11 .cs-s11-nav.elementor-absolute { position: relative !important; top: auto !important; left: auto !important; }
  body.elementor-page-3798 .cs-s11 .cs-s11-nav .elementor-nav-menu--main > .elementor-nav-menu { justify-content: center; }
  body.elementor-page-3798 .cs-s11 .cs-s11-nav .elementor-nav-menu--main > .elementor-nav-menu > li:nth-child(4) { margin-left: 0; }
  body.elementor-page-3798 .cs-s11 .cs-s11-line { position: relative; flex: none; width: calc(100% + 96px) !important; max-width: none; margin: 0 -48px; }
  body.elementor-page-3798 .cs-s11 .cs-s11-line::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='430' height='37' viewBox='281 -1 430 37'%3E%3Cpath d='M992 35H708.433C700.143 35 692.279 31.3266 686.959 24.969L674.459 10.031C669.139 3.67337 661.275 0 652.986 0H340.614C330.855 0 321.799 5.08182 316.715 13.4123L311.724 21.5877C306.64 29.9182 297.584 35 287.825 35H0' fill='none' stroke='%230086CD' stroke-opacity='0.2' stroke-width='2'/%3E%3C/svg%3E"),
    linear-gradient(rgba(0,134,205,.2), rgba(0,134,205,.2)), linear-gradient(rgba(0,134,205,.2), rgba(0,134,205,.2));
    background-size: 430px 37px, calc(50% - 215px) 2px, calc(50% - 215px) 2px; }
  body.elementor-page-3798 .cs-s11 .cs-s11-copy p { white-space: normal; }
  body.elementor-page-3798 .cs-s11 .cs-s11-l2 { display: block; }
  body.elementor-page-3798 .cs-s11 .cs-s11-legal { gap: 16px; }
}
@media (max-width: 767px) {
  body.elementor-page-3798 .cs-s11 .cs-s11-nav .elementor-nav-menu--main > .elementor-nav-menu { flex-direction: column; align-items: center; gap: 24px; }
  body.elementor-page-3798 .cs-s11 .cs-s11-line { width: calc(100% + 112px) !important; margin: 0 -56px; }
  body.elementor-page-3798 .cs-s11 .cs-s11-line::before { height: 25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='204' height='25' viewBox='93 -1 204 25'%3E%3Cpath d='M390 23H294.441C286.559 23 279.352 18.5486 275.823 11.5C272.295 4.45145 265.088 0 257.205 0H131.77C124.418 0 117.85 4.59411 115.328 11.5C112.806 18.4059 106.238 23 98.8861 23H0' fill='none' stroke='%230086CD' stroke-opacity='0.2' stroke-width='2'/%3E%3C/svg%3E"),
    linear-gradient(rgba(0,134,205,.2), rgba(0,134,205,.2)), linear-gradient(rgba(0,134,205,.2), rgba(0,134,205,.2));
    background-size: 204px 25px, calc(50% - 102px) 2px, calc(50% - 102px) 2px;
    background-position: center top, left 23px, right 23px; }
  body.elementor-page-3798 .cs-s11 .cs-s11-legal { flex-direction: column; justify-content: center; gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  body.elementor-page-3798 .cs-s11 .cs-s11-social a:hover img, body.elementor-page-3798 .cs-s11 .cs-s11-social a:focus-visible img { transform: none; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'cs-Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://ls3.gms-dev.site/wp-content/uploads/2026/10/cs-roboto-latin-wght.woff2') format('woff2');
}
@font-face {
	font-family: 'cs-Roboto';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://ls3.gms-dev.site/wp-content/uploads/2026/10/cs-roboto-latin-wght.woff2') format('woff2');
}
@font-face {
	font-family: 'cs-Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://ls3.gms-dev.site/wp-content/uploads/2026/10/cs-roboto-latin-wght.woff2') format('woff2');
}
/* End Custom Fonts CSS */