.elementor-140 .elementor-element.elementor-element-792d0fb5{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-140 .elementor-element.elementor-element-792d0fb5:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-792d0fb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sauber-stark.at/wp-content/uploads/2026/04/Lehrling.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-140 .elementor-element.elementor-element-8ada1a1{--display:flex;--min-height:10px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-140 .elementor-element.elementor-element-8ada1a1:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-8ada1a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1ce3004 );}.elementor-140 .elementor-element.elementor-element-35ae15e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-140 .elementor-element.elementor-element-761261b{--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:flex-start;}.elementor-140 .elementor-element.elementor-element-761261b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-140 .elementor-element.elementor-element-64e7f19 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2.5em;font-weight:700;color:var( --e-global-color-5c944ce );}.elementor-140 .elementor-element.elementor-element-acab009{font-family:"Source Sans 3", Sans-serif;font-size:1.6em;font-weight:400;color:var( --e-global-color-520f341 );}.elementor-140 .elementor-element.elementor-element-375c99e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-140 .elementor-element.elementor-element-c99324c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-140 .elementor-element.elementor-element-6f95897{font-family:"Source Sans 3", Sans-serif;font-size:1.6em;font-weight:400;}.elementor-140 .elementor-element.elementor-element-86ded46{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-140 .elementor-element.elementor-element-86ded46:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-86ded46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-894b234 );}.elementor-140 .elementor-element.elementor-element-7f56dea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-140 .elementor-element.elementor-element-282ad10 > .elementor-widget-container{padding:30px 0px 30px 0px;}.elementor-140 .elementor-element.elementor-element-282ad10{text-align:center;}.elementor-140 .elementor-element.elementor-element-282ad10 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2.5em;font-weight:700;color:var( --e-global-color-5c944ce );}.elementor-140 .elementor-element.elementor-element-9e7bbb8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 24px;--row-gap:0px;--column-gap:24px;}.elementor-140 .elementor-element.elementor-element-9e7bbb8:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-9e7bbb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-894b234 );}.elementor-140 .elementor-element.elementor-element-1a9abb8{--display:flex;--min-height:350px;--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;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-140 .elementor-element.elementor-element-1a9abb8:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-1a9abb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sauber-stark.at/wp-content/uploads/2026/04/REcyclingfachkraft.jpg");background-position:-52px -57px;background-repeat:no-repeat;background-size:500px auto;}.elementor-140 .elementor-element.elementor-element-2fdab86 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.6em;font-weight:700;color:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-c1927b4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 90px;--row-gap:0px;--column-gap:90px;}.elementor-140 .elementor-element.elementor-element-010c871{font-family:"Source Sans 3", Sans-serif;font-size:1.3em;font-weight:700;color:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-0410600 .elementor-icon-wrapper{text-align:center;}.elementor-140 .elementor-element.elementor-element-0410600.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-0410600.elementor-view-framed .elementor-icon, .elementor-140 .elementor-element.elementor-element-0410600.elementor-view-default .elementor-icon{color:var( --e-global-color-a51eda8 );border-color:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-0410600.elementor-view-framed .elementor-icon, .elementor-140 .elementor-element.elementor-element-0410600.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-0410600 .elementor-icon{font-size:45px;}.elementor-140 .elementor-element.elementor-element-0410600 .elementor-icon svg{height:45px;}.elementor-140 .elementor-element.elementor-element-c716544{--display:flex;--min-height:350px;--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;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-140 .elementor-element.elementor-element-c716544:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-c716544 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sauber-stark.at/wp-content/uploads/2026/03/sus_lehre_beitragsbild_reinigungsfachmann_800x800.jpg");background-position:-110px -140px;background-repeat:no-repeat;background-size:500px auto;}.elementor-140 .elementor-element.elementor-element-5c9bfd2 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.6em;font-weight:700;color:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-580aa58{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 90px;--row-gap:0px;--column-gap:90px;}.elementor-140 .elementor-element.elementor-element-a5b9814{font-family:"Source Sans 3", Sans-serif;font-size:1.3em;font-weight:700;color:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-b1ead1b .elementor-icon-wrapper{text-align:center;}.elementor-140 .elementor-element.elementor-element-b1ead1b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-b1ead1b.elementor-view-framed .elementor-icon, .elementor-140 .elementor-element.elementor-element-b1ead1b.elementor-view-default .elementor-icon{color:var( --e-global-color-a51eda8 );border-color:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-b1ead1b.elementor-view-framed .elementor-icon, .elementor-140 .elementor-element.elementor-element-b1ead1b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-b1ead1b .elementor-icon{font-size:45px;}.elementor-140 .elementor-element.elementor-element-b1ead1b .elementor-icon svg{height:45px;}.elementor-140 .elementor-element.elementor-element-95f27f5{--display:flex;--min-height:350px;--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;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-140 .elementor-element.elementor-element-95f27f5:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-95f27f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sauber-stark.at/wp-content/uploads/2026/04/EMF_6830-e1775817120484.jpg");background-position:-110px -66px;background-repeat:no-repeat;background-size:500px auto;}.elementor-140 .elementor-element.elementor-element-2215a83 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.6em;font-weight:700;color:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-fdb9610{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 90px;--row-gap:0px;--column-gap:90px;}.elementor-140 .elementor-element.elementor-element-b4874c4{font-family:"Source Sans 3", Sans-serif;font-size:1.3em;font-weight:700;color:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-9b6fc34 .elementor-icon-wrapper{text-align:center;}.elementor-140 .elementor-element.elementor-element-9b6fc34.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-9b6fc34.elementor-view-framed .elementor-icon, .elementor-140 .elementor-element.elementor-element-9b6fc34.elementor-view-default .elementor-icon{color:var( --e-global-color-a51eda8 );border-color:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-9b6fc34.elementor-view-framed .elementor-icon, .elementor-140 .elementor-element.elementor-element-9b6fc34.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-9b6fc34 .elementor-icon{font-size:45px;}.elementor-140 .elementor-element.elementor-element-9b6fc34 .elementor-icon svg{height:45px;}.elementor-140 .elementor-element.elementor-element-a9420b7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-140 .elementor-element.elementor-element-a9420b7:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-a9420b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-894b234 );}.elementor-140 .elementor-element.elementor-element-db1a38c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-140 .elementor-element.elementor-element-bfe0809 > .elementor-widget-container{padding:30px 0px 30px 0px;}.elementor-140 .elementor-element.elementor-element-bfe0809{text-align:center;}.elementor-140 .elementor-element.elementor-element-bfe0809 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2.5em;font-weight:700;color:var( --e-global-color-5c944ce );}.elementor-140 .elementor-element.elementor-element-c885b8a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-140 .elementor-element.elementor-element-c885b8a:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-c885b8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-140 .elementor-element.elementor-element-4ee40cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 15px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:15px;border-color:var( --e-global-color-5c944ce );--border-color:var( --e-global-color-5c944ce );--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-140 .elementor-element.elementor-element-4ee40cd:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-4ee40cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-865d5d8 .elementor-icon-box-wrapper{gap:20px;}.elementor-140 .elementor-element.elementor-element-865d5d8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5c944ce );}.elementor-140 .elementor-element.elementor-element-865d5d8.elementor-view-framed .elementor-icon, .elementor-140 .elementor-element.elementor-element-865d5d8.elementor-view-default .elementor-icon{fill:var( --e-global-color-5c944ce );color:var( --e-global-color-5c944ce );border-color:var( --e-global-color-5c944ce );}.elementor-140 .elementor-element.elementor-element-865d5d8 .elementor-icon-box-title, .elementor-140 .elementor-element.elementor-element-865d5d8 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:2em;font-weight:600;}.elementor-140 .elementor-element.elementor-element-865d5d8 .elementor-icon-box-title{color:var( --e-global-color-5c944ce );}.elementor-140 .elementor-element.elementor-element-865d5d8 .elementor-icon-box-description{font-family:"Source Sans 3", Sans-serif;font-size:1.2em;font-weight:400;}.elementor-140 .elementor-element.elementor-element-6bc497b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 15px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:15px;border-color:var( --e-global-color-5c944ce );--border-color:var( --e-global-color-5c944ce );--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-140 .elementor-element.elementor-element-6bc497b:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-6bc497b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-4b885d7 .elementor-icon-box-wrapper{gap:20px;}.elementor-140 .elementor-element.elementor-element-4b885d7.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5c944ce );}.elementor-140 .elementor-element.elementor-element-4b885d7.elementor-view-framed .elementor-icon, .elementor-140 .elementor-element.elementor-element-4b885d7.elementor-view-default .elementor-icon{fill:var( --e-global-color-5c944ce );color:var( --e-global-color-5c944ce );border-color:var( --e-global-color-5c944ce );}.elementor-140 .elementor-element.elementor-element-4b885d7 .elementor-icon-box-title, .elementor-140 .elementor-element.elementor-element-4b885d7 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:2em;font-weight:600;}.elementor-140 .elementor-element.elementor-element-4b885d7 .elementor-icon-box-title{color:var( --e-global-color-5c944ce );}.elementor-140 .elementor-element.elementor-element-4b885d7 .elementor-icon-box-description{font-family:"Source Sans 3", Sans-serif;font-size:1.2em;font-weight:400;}.elementor-140 .elementor-element.elementor-element-9bef720{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 15px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:15px;border-color:var( --e-global-color-5c944ce );--border-color:var( --e-global-color-5c944ce );--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-140 .elementor-element.elementor-element-9bef720:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-9bef720 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a51eda8 );}.elementor-140 .elementor-element.elementor-element-718c61a .elementor-icon-box-wrapper{gap:20px;}.elementor-140 .elementor-element.elementor-element-718c61a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5c944ce );}.elementor-140 .elementor-element.elementor-element-718c61a.elementor-view-framed .elementor-icon, .elementor-140 .elementor-element.elementor-element-718c61a.elementor-view-default .elementor-icon{fill:var( --e-global-color-5c944ce );color:var( --e-global-color-5c944ce );border-color:var( --e-global-color-5c944ce );}.elementor-140 .elementor-element.elementor-element-718c61a .elementor-icon-box-title, .elementor-140 .elementor-element.elementor-element-718c61a .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:2em;font-weight:600;}.elementor-140 .elementor-element.elementor-element-718c61a .elementor-icon-box-title{color:var( --e-global-color-5c944ce );}.elementor-140 .elementor-element.elementor-element-718c61a .elementor-icon-box-description{font-family:"Source Sans 3", Sans-serif;font-size:1.2em;font-weight:400;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-140 .elementor-element.elementor-element-35ae15e{--width:1140px;}.elementor-140 .elementor-element.elementor-element-761261b{--width:54%;}.elementor-140 .elementor-element.elementor-element-375c99e{--width:100%;}.elementor-140 .elementor-element.elementor-element-7f56dea{--width:100%;}.elementor-140 .elementor-element.elementor-element-1a9abb8{--width:33.33%;}.elementor-140 .elementor-element.elementor-element-c716544{--width:33.33%;}.elementor-140 .elementor-element.elementor-element-95f27f5{--width:33.33%;}.elementor-140 .elementor-element.elementor-element-db1a38c{--width:100%;}.elementor-140 .elementor-element.elementor-element-4ee40cd{--width:33.33%;}.elementor-140 .elementor-element.elementor-element-6bc497b{--width:33.33%;}.elementor-140 .elementor-element.elementor-element-9bef720{--width:33.33%;}}@media(max-width:1024px){.elementor-140 .elementor-element.elementor-element-1a9abb8:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-1a9abb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-140 .elementor-element.elementor-element-c716544:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-c716544 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-140 .elementor-element.elementor-element-95f27f5:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-95f27f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-140 .elementor-element.elementor-element-1a9abb8:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-1a9abb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-140 .elementor-element.elementor-element-c716544:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-c716544 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-140 .elementor-element.elementor-element-95f27f5:not(.elementor-motion-effects-element-type-background), .elementor-140 .elementor-element.elementor-element-95f27f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for container, class: .elementor-element-1a9abb8 *//* =========================================================
Lehrberuf-Kachel – Komplett CSS inkl. CTA komplett klickbar (Overlay-Link)
Einfügen in: Container → Individuelles CSS
Klassen:
- Heading: lehr-title
- CTA Container: lehr-cta
- (Optional) Image Widget: lehr-img
- Link im HTML-Widget:
========================================================= */
/* ---------- Basis ---------- */
.elementor-140 .elementor-element.elementor-element-1a9abb8{
position:relative;
overflow:hidden;
border-radius:14px;
}
/* Inneres Layout: alles nach unten */
.elementor-140 .elementor-element.elementor-element-1a9abb8 > .e-con-inner{
min-height:100%;
display:flex;
flex-direction:column;
justify-content:flex-end;
gap:0; /* wichtig: kein Abstand im Non-Hover */
position:relative;
z-index:2;
}
/* Widgets über Overlay */
.elementor-140 .elementor-element.elementor-element-1a9abb8 .elementor-widget{
position:relative;
z-index:2;
}
/* ---------- Bild (optional via Image Widget) ---------- */
.elementor-140 .elementor-element.elementor-element-1a9abb8 .lehr-img{
position:absolute;
inset:0;
z-index:0;
}
.elementor-140 .elementor-element.elementor-element-1a9abb8 .lehr-img img{
width:100%;
height:100%;
object-fit:cover;
transform:scale(1);
transition:transform .35s ease;
}
.elementor-140 .elementor-element.elementor-element-1a9abb8:hover .lehr-img img{
transform:scale(1.06);
}
/* ---------- Overlay ---------- */
.elementor-140 .elementor-element.elementor-element-1a9abb8:before{
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(
180deg,
rgba(0,0,0,.05) 0%,
rgba(0,0,0,.10) 45%,
rgba(0,45,140,.75) 100%
);
}
/* ---------- Headline ---------- */
.elementor-140 .elementor-element.elementor-element-1a9abb8 .lehr-title{
margin:0 !important;
color:#fff !important;
text-shadow:0 6px 18px rgba(0,0,0,.35);
transform:translateY(0);
transition:transform .25s ease;
}
.elementor-140 .elementor-element.elementor-element-1a9abb8:hover .lehr-title{
transform:translateY(-18px); /* Feintuning: -14 bis -26 */
}
/* ---------- CTA: Non-Hover wirklich weg ---------- */
.elementor-140 .elementor-element.elementor-element-1a9abb8 .lehr-cta{
position:relative;
z-index:5;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
background:rgba(170, 205, 255, .45);
border:1px solid rgba(255,255,255,.25);
border-radius:12px;
margin-top:0 !important;
padding:0 18px !important;
opacity:0 !important;
visibility:hidden !important;
pointer-events:none !important;
max-height:0 !important;
overflow:hidden !important;
transform:translateY(10px);
transition:
opacity .22s ease,
transform .25s ease,
max-height .25s ease,
padding .25s ease,
margin-top .25s ease,
visibility 0s linear .25s;
}
/* Hover: CTA erscheint */
.elementor-140 .elementor-element.elementor-element-1a9abb8:hover .lehr-cta{
opacity:1 !important;
visibility:visible !important;
/* CTA soll anklickbar sein – wir geben Klicks gleich dem Overlay-Link, nicht dem CTA selbst */
pointer-events:auto !important;
transform:translateY(0);
margin-top:14px !important;
padding:16px 18px !important;
max-height:140px !important;
transition:
opacity .22s ease,
transform .25s ease,
max-height .25s ease,
padding .25s ease,
margin-top .25s ease,
visibility 0s;
}
/* ---------- CTA Inhalt: Optik + saubere Textwerte ---------- */
.elementor-140 .elementor-element.elementor-element-1a9abb8 .lehr-cta,
.elementor-140 .elementor-element.elementor-element-1a9abb8 .lehr-cta *{
color:#fff !important;
opacity:1 !important;
filter:none !important;
text-shadow:0 4px 12px rgba(0,0,0,.25);
}
/* Elementor-Defaults im CTA neutralisieren */
.elementor-140 .elementor-element.elementor-element-1a9abb8 .lehr-cta .elementor-widget,
.elementor-140 .elementor-element.elementor-element-1a9abb8 .lehr-cta .elementor-widget-wrap,
.elementor-140 .elementor-element.elementor-element-1a9abb8 .lehr-cta .elementor-widget-container{
margin:0 !important;
padding:0 !important;
}
.elementor-140 .elementor-element.elementor-element-1a9abb8 .lehr-cta p{
margin:0 !important;
line-height:1.1 !important;
}
.elementor-140 .elementor-element.elementor-element-1a9abb8 .lehr-cta svg{
display:block !important;
fill:currentColor !important;
stroke:currentColor !important;
}
/* ---------- CTA komplett klickbar: Overlay-Link "Agentur-sicher" ---------- */
/* 1) Alles im CTA soll Klicks NICHT abfangen (Text/Icon werden klickdurchlässig) */
.elementor-140 .elementor-element.elementor-element-1a9abb8 .lehr-cta > *{
pointer-events:none !important;
}
/* 2) HTML-Widget im CTA flächenfüllend über den gesamten CTA legen */
.elementor-140 .elementor-element.elementor-element-1a9abb8 .lehr-cta .elementor-widget-html,
.elementor-140 .elementor-element.elementor-element-1a9abb8 .lehr-cta .elementor-widget-html .elementor-widget-container{
position:absolute !important;
inset:0 !important;
margin:0 !important;
padding:0 !important;
z-index:999 !important;
pointer-events:auto !important;
}
/* 3) Der Link selbst füllt die Fläche */
.elementor-140 .elementor-element.elementor-element-1a9abb8 .lehr-cta .cta-overlay-link{
display:block !important;
width:100% !important;
height:100% !important;
}
/* Cursor-Feedback */
.elementor-140 .elementor-element.elementor-element-1a9abb8:hover .lehr-cta{
cursor:pointer;
}
/* ---------- Alternative: Falls Background Image am Container statt Image-Widget ---------- */
/*
.elementor-140 .elementor-element.elementor-element-1a9abb8{
background-size:100%;
background-position:center;
transition:background-size .35s ease;
}
.elementor-140 .elementor-element.elementor-element-1a9abb8:hover{
background-size:110%;
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c716544 *//* =========================================================
Lehrberuf-Kachel – Komplett CSS inkl. CTA komplett klickbar (Overlay-Link)
Einfügen in: Container → Individuelles CSS
Klassen:
- Heading: lehr-title
- CTA Container: lehr-cta
- (Optional) Image Widget: lehr-img
- Link im HTML-Widget:
========================================================= */
/* ---------- Basis ---------- */
.elementor-140 .elementor-element.elementor-element-c716544{
position:relative;
overflow:hidden;
border-radius:14px;
}
/* Inneres Layout: alles nach unten */
.elementor-140 .elementor-element.elementor-element-c716544 > .e-con-inner{
min-height:100%;
display:flex;
flex-direction:column;
justify-content:flex-end;
gap:0; /* wichtig: kein Abstand im Non-Hover */
position:relative;
z-index:2;
}
/* Widgets über Overlay */
.elementor-140 .elementor-element.elementor-element-c716544 .elementor-widget{
position:relative;
z-index:2;
}
/* ---------- Bild (optional via Image Widget) ---------- */
.elementor-140 .elementor-element.elementor-element-c716544 .lehr-img{
position:absolute;
inset:0;
z-index:0;
}
.elementor-140 .elementor-element.elementor-element-c716544 .lehr-img img{
width:100%;
height:100%;
object-fit:cover;
transform:scale(1);
transition:transform .35s ease;
}
.elementor-140 .elementor-element.elementor-element-c716544:hover .lehr-img img{
transform:scale(1.06);
}
/* ---------- Overlay ---------- */
.elementor-140 .elementor-element.elementor-element-c716544:before{
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(
180deg,
rgba(0,0,0,.05) 0%,
rgba(0,0,0,.10) 45%,
rgba(0,45,140,.75) 100%
);
}
/* ---------- Headline ---------- */
.elementor-140 .elementor-element.elementor-element-c716544 .lehr-title{
margin:0 !important;
color:#fff !important;
text-shadow:0 6px 18px rgba(0,0,0,.35);
transform:translateY(0);
transition:transform .25s ease;
}
.elementor-140 .elementor-element.elementor-element-c716544:hover .lehr-title{
transform:translateY(-18px); /* Feintuning: -14 bis -26 */
}
/* ---------- CTA: Non-Hover wirklich weg ---------- */
.elementor-140 .elementor-element.elementor-element-c716544 .lehr-cta{
position:relative;
z-index:5;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
background:rgba(170, 205, 255, .45);
border:1px solid rgba(255,255,255,.25);
border-radius:12px;
margin-top:0 !important;
padding:0 18px !important;
opacity:0 !important;
visibility:hidden !important;
pointer-events:none !important;
max-height:0 !important;
overflow:hidden !important;
transform:translateY(10px);
transition:
opacity .22s ease,
transform .25s ease,
max-height .25s ease,
padding .25s ease,
margin-top .25s ease,
visibility 0s linear .25s;
}
/* Hover: CTA erscheint */
.elementor-140 .elementor-element.elementor-element-c716544:hover .lehr-cta{
opacity:1 !important;
visibility:visible !important;
/* CTA soll anklickbar sein – wir geben Klicks gleich dem Overlay-Link, nicht dem CTA selbst */
pointer-events:auto !important;
transform:translateY(0);
margin-top:14px !important;
padding:16px 18px !important;
max-height:140px !important;
transition:
opacity .22s ease,
transform .25s ease,
max-height .25s ease,
padding .25s ease,
margin-top .25s ease,
visibility 0s;
}
/* ---------- CTA Inhalt: Optik + saubere Textwerte ---------- */
.elementor-140 .elementor-element.elementor-element-c716544 .lehr-cta,
.elementor-140 .elementor-element.elementor-element-c716544 .lehr-cta *{
color:#fff !important;
opacity:1 !important;
filter:none !important;
text-shadow:0 4px 12px rgba(0,0,0,.25);
}
/* Elementor-Defaults im CTA neutralisieren */
.elementor-140 .elementor-element.elementor-element-c716544 .lehr-cta .elementor-widget,
.elementor-140 .elementor-element.elementor-element-c716544 .lehr-cta .elementor-widget-wrap,
.elementor-140 .elementor-element.elementor-element-c716544 .lehr-cta .elementor-widget-container{
margin:0 !important;
padding:0 !important;
}
.elementor-140 .elementor-element.elementor-element-c716544 .lehr-cta p{
margin:0 !important;
line-height:1.1 !important;
}
.elementor-140 .elementor-element.elementor-element-c716544 .lehr-cta svg{
display:block !important;
fill:currentColor !important;
stroke:currentColor !important;
}
/* ---------- CTA komplett klickbar: Overlay-Link "Agentur-sicher" ---------- */
/* 1) Alles im CTA soll Klicks NICHT abfangen (Text/Icon werden klickdurchlässig) */
.elementor-140 .elementor-element.elementor-element-c716544 .lehr-cta > *{
pointer-events:none !important;
}
/* 2) HTML-Widget im CTA flächenfüllend über den gesamten CTA legen */
.elementor-140 .elementor-element.elementor-element-c716544 .lehr-cta .elementor-widget-html,
.elementor-140 .elementor-element.elementor-element-c716544 .lehr-cta .elementor-widget-html .elementor-widget-container{
position:absolute !important;
inset:0 !important;
margin:0 !important;
padding:0 !important;
z-index:999 !important;
pointer-events:auto !important;
}
/* 3) Der Link selbst füllt die Fläche */
.elementor-140 .elementor-element.elementor-element-c716544 .lehr-cta .cta-overlay-link{
display:block !important;
width:100% !important;
height:100% !important;
}
/* Cursor-Feedback */
.elementor-140 .elementor-element.elementor-element-c716544:hover .lehr-cta{
cursor:pointer;
}
/* ---------- Alternative: Falls Background Image am Container statt Image-Widget ---------- */
/*
.elementor-140 .elementor-element.elementor-element-c716544{
background-size:100%;
background-position:center;
transition:background-size .35s ease;
}
.elementor-140 .elementor-element.elementor-element-c716544:hover{
background-size:110%;
}
*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95f27f5 *//* =========================================================
Lehrberuf-Kachel – Komplett CSS inkl. CTA komplett klickbar (Overlay-Link)
Einfügen in: Container → Individuelles CSS
Klassen:
- Heading: lehr-title
- CTA Container: lehr-cta
- (Optional) Image Widget: lehr-img
- Link im HTML-Widget:
========================================================= */
/* ---------- Basis ---------- */
.elementor-140 .elementor-element.elementor-element-95f27f5{
position:relative;
overflow:hidden;
border-radius:14px;
}
/* Inneres Layout: alles nach unten */
.elementor-140 .elementor-element.elementor-element-95f27f5 > .e-con-inner{
min-height:100%;
display:flex;
flex-direction:column;
justify-content:flex-end;
gap:0; /* wichtig: kein Abstand im Non-Hover */
position:relative;
z-index:2;
}
/* Widgets über Overlay */
.elementor-140 .elementor-element.elementor-element-95f27f5 .elementor-widget{
position:relative;
z-index:2;
}
/* ---------- Bild (optional via Image Widget) ---------- */
.elementor-140 .elementor-element.elementor-element-95f27f5 .lehr-img{
position:absolute;
inset:0;
z-index:0;
}
.elementor-140 .elementor-element.elementor-element-95f27f5 .lehr-img img{
width:100%;
height:100%;
object-fit:cover;
transform:scale(1);
transition:transform .35s ease;
}
.elementor-140 .elementor-element.elementor-element-95f27f5:hover .lehr-img img{
transform:scale(1.06);
}
/* ---------- Overlay ---------- */
.elementor-140 .elementor-element.elementor-element-95f27f5:before{
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(
180deg,
rgba(0,0,0,.05) 0%,
rgba(0,0,0,.10) 45%,
rgba(0,45,140,.75) 100%
);
}
/* ---------- Headline ---------- */
.elementor-140 .elementor-element.elementor-element-95f27f5 .lehr-title{
margin:0 !important;
color:#fff !important;
text-shadow:0 6px 18px rgba(0,0,0,.35);
transform:translateY(0);
transition:transform .25s ease;
}
.elementor-140 .elementor-element.elementor-element-95f27f5:hover .lehr-title{
transform:translateY(-18px); /* Feintuning: -14 bis -26 */
}
/* ---------- CTA: Non-Hover wirklich weg ---------- */
.elementor-140 .elementor-element.elementor-element-95f27f5 .lehr-cta{
position:relative;
z-index:5;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
background:rgba(170, 205, 255, .45);
border:1px solid rgba(255,255,255,.25);
border-radius:12px;
margin-top:0 !important;
padding:0 18px !important;
opacity:0 !important;
visibility:hidden !important;
pointer-events:none !important;
max-height:0 !important;
overflow:hidden !important;
transform:translateY(10px);
transition:
opacity .22s ease,
transform .25s ease,
max-height .25s ease,
padding .25s ease,
margin-top .25s ease,
visibility 0s linear .25s;
}
/* Hover: CTA erscheint */
.elementor-140 .elementor-element.elementor-element-95f27f5:hover .lehr-cta{
opacity:1 !important;
visibility:visible !important;
/* CTA soll anklickbar sein – wir geben Klicks gleich dem Overlay-Link, nicht dem CTA selbst */
pointer-events:auto !important;
transform:translateY(0);
margin-top:14px !important;
padding:16px 18px !important;
max-height:140px !important;
transition:
opacity .22s ease,
transform .25s ease,
max-height .25s ease,
padding .25s ease,
margin-top .25s ease,
visibility 0s;
}
/* ---------- CTA Inhalt: Optik + saubere Textwerte ---------- */
.elementor-140 .elementor-element.elementor-element-95f27f5 .lehr-cta,
.elementor-140 .elementor-element.elementor-element-95f27f5 .lehr-cta *{
color:#fff !important;
opacity:1 !important;
filter:none !important;
text-shadow:0 4px 12px rgba(0,0,0,.25);
}
/* Elementor-Defaults im CTA neutralisieren */
.elementor-140 .elementor-element.elementor-element-95f27f5 .lehr-cta .elementor-widget,
.elementor-140 .elementor-element.elementor-element-95f27f5 .lehr-cta .elementor-widget-wrap,
.elementor-140 .elementor-element.elementor-element-95f27f5 .lehr-cta .elementor-widget-container{
margin:0 !important;
padding:0 !important;
}
.elementor-140 .elementor-element.elementor-element-95f27f5 .lehr-cta p{
margin:0 !important;
line-height:1.1 !important;
}
.elementor-140 .elementor-element.elementor-element-95f27f5 .lehr-cta svg{
display:block !important;
fill:currentColor !important;
stroke:currentColor !important;
}
/* ---------- CTA komplett klickbar: Overlay-Link "Agentur-sicher" ---------- */
/* 1) Alles im CTA soll Klicks NICHT abfangen (Text/Icon werden klickdurchlässig) */
.elementor-140 .elementor-element.elementor-element-95f27f5 .lehr-cta > *{
pointer-events:none !important;
}
/* 2) HTML-Widget im CTA flächenfüllend über den gesamten CTA legen */
.elementor-140 .elementor-element.elementor-element-95f27f5 .lehr-cta .elementor-widget-html,
.elementor-140 .elementor-element.elementor-element-95f27f5 .lehr-cta .elementor-widget-html .elementor-widget-container{
position:absolute !important;
inset:0 !important;
margin:0 !important;
padding:0 !important;
z-index:999 !important;
pointer-events:auto !important;
}
/* 3) Der Link selbst füllt die Fläche */
.elementor-140 .elementor-element.elementor-element-95f27f5 .lehr-cta .cta-overlay-link{
display:block !important;
width:100% !important;
height:100% !important;
}
/* Cursor-Feedback */
.elementor-140 .elementor-element.elementor-element-95f27f5:hover .lehr-cta{
cursor:pointer;
}
/* ---------- Alternative: Falls Background Image am Container statt Image-Widget ---------- */
/*
.elementor-140 .elementor-element.elementor-element-95f27f5{
background-size:100%;
background-position:center;
transition:background-size .35s ease;
}
.elementor-140 .elementor-element.elementor-element-95f27f5:hover{
background-size:110%;
}
*//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-display: auto;
src: url('https://sauber-stark.at/wp-content/uploads/2026/01/inter-v20-latin-300.woff2') format('woff2');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url('https://sauber-stark.at/wp-content/uploads/2026/01/inter-v20-latin-regular.woff2') format('woff2');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-display: auto;
src: url('https://sauber-stark.at/wp-content/uploads/2026/01/inter-v20-latin-600.woff2') format('woff2');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: auto;
src: url('https://sauber-stark.at/wp-content/uploads/2026/01/inter-v20-latin-700.woff2') format('woff2');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 800;
font-display: auto;
src: url('https://sauber-stark.at/wp-content/uploads/2026/01/inter-v20-latin-800.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Source Sans 3';
font-style: normal;
font-weight: 300;
font-display: auto;
src: url('https://sauber-stark.at/wp-content/uploads/2026/01/source-sans-3-v19-latin-300.woff2') format('woff2');
}
@font-face {
font-family: 'Source Sans 3';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url('https://sauber-stark.at/wp-content/uploads/2026/01/source-sans-3-v19-latin-regular.woff2') format('woff2');
}
@font-face {
font-family: 'Source Sans 3';
font-style: normal;
font-weight: 600;
font-display: auto;
src: url('https://sauber-stark.at/wp-content/uploads/2026/01/source-sans-3-v19-latin-600.woff2') format('woff2');
}
@font-face {
font-family: 'Source Sans 3';
font-style: normal;
font-weight: 700;
font-display: auto;
src: url('https://sauber-stark.at/wp-content/uploads/2026/01/source-sans-3-v19-latin-700.woff2') format('woff2');
}
@font-face {
font-family: 'Source Sans 3';
font-style: normal;
font-weight: 800;
font-display: auto;
src: url('https://sauber-stark.at/wp-content/uploads/2026/01/source-sans-3-v19-latin-800.woff2') format('woff2');
}
/* End Custom Fonts CSS */