.elementor-201 .elementor-element.elementor-element-f1b5b16{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-201 .elementor-element.elementor-element-f1b5b16:not(.elementor-motion-effects-element-type-background), .elementor-201 .elementor-element.elementor-element-f1b5b16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kobalt.ch/wp-content/uploads/2026/06/Kobalt-Duo-scaled.png");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-201 .elementor-element.elementor-element-6fb2d8c{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-201 .elementor-element.elementor-element-8718efe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-201 .elementor-element.elementor-element-8718efe .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-201 .elementor-element.elementor-element-8718efe .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-201 .elementor-element.elementor-element-8718efe .elementor-nav-menu--main .elementor-item:hover,
					.elementor-201 .elementor-element.elementor-element-8718efe .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-201 .elementor-element.elementor-element-8718efe .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-201 .elementor-element.elementor-element-8718efe .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-201 .elementor-element.elementor-element-8718efe .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-201 .elementor-element.elementor-element-8718efe .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-201 .elementor-element.elementor-element-8718efe .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-201 .elementor-element.elementor-element-8718efe .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-201 .elementor-element.elementor-element-8718efe .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-201 .elementor-element.elementor-element-8718efe .e--pointer-underline .elementor-item:after,
					 .elementor-201 .elementor-element.elementor-element-8718efe .e--pointer-overline .elementor-item:before,
					 .elementor-201 .elementor-element.elementor-element-8718efe .e--pointer-double-line .elementor-item:before,
					 .elementor-201 .elementor-element.elementor-element-8718efe .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-201 .elementor-element.elementor-element-8718efe .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-201 .elementor-element.elementor-element-a8ac799{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-b2053bc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-201 .elementor-element.elementor-element-9634311 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-201 .elementor-element.elementor-element-cfb5644{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:2px;width:var( --container-widget-width, 250px );max-width:250px;margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-201 .elementor-element.elementor-element-cfb5644 .elementor-divider-separator{width:100%;}.elementor-201 .elementor-element.elementor-element-cfb5644 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-201 .elementor-element.elementor-element-c44e774{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-2af04b5{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-201 .elementor-element.elementor-element-aa86008{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-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 );line-height:var( --e-global-typography-text-line-height );}.elementor-201 .elementor-element.elementor-element-99a43bb img{width:100px;}.elementor-201 .elementor-element.elementor-element-daa8ae1.elementor-element{--align-self:center;}.elementor-201 .elementor-element.elementor-element-daa8ae1 .elementor-heading-title{color:var( --e-global-color-accent );}.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 );line-height:var( --e-global-typography-text-line-height );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-201 .elementor-element.elementor-element-23387dc{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;line-height:25px;color:var( --e-global-color-accent );}.elementor-201 .elementor-element.elementor-element-ef0cb33{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-0407ac9{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-201 .elementor-element.elementor-element-85e8375{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-312c82d img{width:100px;}.elementor-201 .elementor-element.elementor-element-ab84ddf.elementor-element{--align-self:center;}.elementor-201 .elementor-element.elementor-element-ab84ddf .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-201 .elementor-element.elementor-element-c09f234{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;line-height:25px;color:var( --e-global-color-accent );}.elementor-201 .elementor-element.elementor-element-a83e30d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-0130462{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-201 .elementor-element.elementor-element-42f20c2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-2adda03 img{width:100px;}.elementor-201 .elementor-element.elementor-element-125ee45.elementor-element{--align-self:center;}.elementor-201 .elementor-element.elementor-element-125ee45 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-201 .elementor-element.elementor-element-f2e6503{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;line-height:25px;color:var( --e-global-color-accent );}.elementor-201 .elementor-element.elementor-element-f9af0a4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-4b24e77{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-201 .elementor-element.elementor-element-3b1ae4d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-d1de8e4 img{width:100px;}.elementor-201 .elementor-element.elementor-element-e18a64e.elementor-element{--align-self:center;}.elementor-201 .elementor-element.elementor-element-e18a64e .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-201 .elementor-element.elementor-element-5a2369e{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;line-height:25px;color:var( --e-global-color-accent );}.elementor-201 .elementor-element.elementor-element-fef10c8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-374b76d{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-201 .elementor-element.elementor-element-ce79842{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-d3b5f08 img{width:100px;}.elementor-201 .elementor-element.elementor-element-b7d71f8.elementor-element{--align-self:center;}.elementor-201 .elementor-element.elementor-element-b7d71f8 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-201 .elementor-element.elementor-element-2aa9389{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;line-height:25px;color:var( --e-global-color-accent );}.elementor-201 .elementor-element.elementor-element-f4b857c{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:150px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-padding-top:30px;--n-tabs-title-padding-right:30px;--n-tabs-title-padding-bottom:30px;--n-tabs-title-padding-left:30px;--n-tabs-title-font-size:var( --e-global-typography-text-font-size );--n-tabs-title-color:var( --e-global-color-accent );}.elementor-201 .elementor-element.elementor-element-f4b857c > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-primary );}.elementor-201 .elementor-element.elementor-element-f4b857c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-201 .elementor-element.elementor-element-f4b857c.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-201 .elementor-element.elementor-element-f4b857c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-201 .elementor-element.elementor-element-8aee4a0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-58090f2{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 );line-height:var( --e-global-typography-text-line-height );}.elementor-201 .elementor-element.elementor-element-3a0e7f2{--display:flex;--overlay-opacity:1;--overlay-mix-blend-mode:darken;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-3a0e7f2::before, .elementor-201 .elementor-element.elementor-element-3a0e7f2 > .elementor-background-video-container::before, .elementor-201 .elementor-element.elementor-element-3a0e7f2 > .e-con-inner > .elementor-background-video-container::before, .elementor-201 .elementor-element.elementor-element-3a0e7f2 > .elementor-background-slideshow::before, .elementor-201 .elementor-element.elementor-element-3a0e7f2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-201 .elementor-element.elementor-element-3a0e7f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://kobalt.ch/wp-content/uploads/2026/06/Logos.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}@media(max-width:1024px){.elementor-201 .elementor-element.elementor-element-f1b5b16{--justify-content:center;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-201 .elementor-element.elementor-element-f1b5b16:not(.elementor-motion-effects-element-type-background), .elementor-201 .elementor-element.elementor-element-f1b5b16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-201 .elementor-element.elementor-element-8718efe .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-201 .elementor-element.elementor-element-b2053bc{--padding-top:50px;--padding-bottom:50px;--padding-left:35px;--padding-right:35px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-201 .elementor-element.elementor-element-f4b857c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 35px) 0px;--n-tabs-title-font-size:var( --e-global-typography-text-font-size );}.elementor-201 .elementor-element.elementor-element-f4b857c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-text-line-height );}.elementor-201 .elementor-element.elementor-element-58090f2{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-201 .elementor-element.elementor-element-f1b5b16:not(.elementor-motion-effects-element-type-background), .elementor-201 .elementor-element.elementor-element-f1b5b16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-425px 0px;background-size:cover;}.elementor-201 .elementor-element.elementor-element-f1b5b16{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-201 .elementor-element.elementor-element-8718efe .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-201 .elementor-element.elementor-element-a8ac799{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-201 .elementor-element.elementor-element-b2053bc{--padding-top:35px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-201 .elementor-element.elementor-element-9634311{padding:20px 20px 20px 20px;}.elementor-201 .elementor-element.elementor-element-cfb5644{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;}.elementor-201 .elementor-element.elementor-element-aa86008{--justify-content:center;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-201 .elementor-element.elementor-element-85e8375{--justify-content:center;}.elementor-201 .elementor-element.elementor-element-42f20c2{--justify-content:center;}.elementor-201 .elementor-element.elementor-element-3b1ae4d{--justify-content:flex-start;}.elementor-201 .elementor-element.elementor-element-d1de8e4{text-align:center;}.elementor-201 .elementor-element.elementor-element-d1de8e4 img{width:1000px;height:100px;}.elementor-201 .elementor-element.elementor-element-e18a64e{text-align:start;}.elementor-201 .elementor-element.elementor-element-ce79842{--justify-content:center;}.elementor-201 .elementor-element.elementor-element-f4b857c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-tabs-heading-width:80px;--n-tabs-title-font-size:var( --e-global-typography-text-font-size );}.elementor-201 .elementor-element.elementor-element-f4b857c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-text-line-height );}.elementor-201 .elementor-element.elementor-element-8aee4a0{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-201 .elementor-element.elementor-element-58090f2{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for nested-tabs, class: .elementor-element-f4b857c *//* =========================================
   METHODIK / SCHRITT TABS – KOMPLETTES CSS
   Für Elementor Nested Tabs

   Einfügen in:
   Nested Tabs Widget → Erweitert → Custom CSS

   Wichtig:
   Dem Widget zusätzlich unter "CSS-Klassen" geben:
   methodik-tabs-widget

   Enthält:
   - Tab-Design
   - animierter Content-Wechsel
   - weicher Hintergrundwechsel
   - kompaktere Höhe
   - Sticky-Scroll-Scene für Scroll-Tabs
   ========================================= */


/* =========================================
   SCROLL-STICKY WRAPPER
   Wird vom HTML/JS automatisch um das Widget gebaut
   ========================================= */

.methodik-scroll-scene {
  position: relative;

  /*
    Länge des Scrollbereichs.
    Kleinerer Wert = Tabs wechseln schneller
    Größerer Wert = Tabs wechseln langsamer
  */
  --methodik-scroll-step: 75vh;
  --methodik-scroll-tabs: 5;

  /*
    Abstand des gesamten Sticky-Tabs-Widgets von oben.
    Wenn das Widget zu hoch sitzt: Wert erhöhen.
    Wenn es zu tief sitzt: Wert verringern.
  */
  --methodik-sticky-top: 90px;

  min-height: calc(var(--methodik-scroll-tabs) * var(--methodik-scroll-step));
}

.methodik-scroll-sticky {
  position: sticky;
  top: var(--methodik-sticky-top);

  /*
    Höhe wird um den oberen Abstand reduziert,
    damit das Widget nicht unten aus dem Viewport gedrückt wird.
  */
  min-height: calc(100vh - var(--methodik-sticky-top));

  display: flex;
  align-items: center;
}

.methodik-scroll-sticky > .methodik-tabs-widget {
  width: 100%;
}


/* =========================================
   BASIS-VARIABLEN
   ========================================= */

.elementor-201 .elementor-element.elementor-element-f4b857c {
  /* Größen */
  --tab-w: 170px;

  /*
    Tab-Höhe.
    Vorher: 250px
    Jetzt kompakter.
  */
  --tab-h: 250px;

  --tab-gap: 12px;
  --content-gap: 10px;

  /*
    Content-Höhe Desktop.
    Vorher: 698px
    Jetzt dynamischer und niedriger.

    520px = Untergrenze
    62vh  = dynamische Viewport-Höhe
    620px = Obergrenze
  */
  --content-h: 623px;

  /* Formen */
  --tab-radius: 6px;
  --notch-w: 28px;
  --notch-h: 26px;
  --arrow-size: 34px;

  /* Schatten */
  --tab-shadow: 0 10px 18px rgba(0, 0, 0, 0.28);
  --tab-shadow-hover: 0 14px 24px rgba(0, 0, 0, 0.34);

  /* Farben Tabs */
  --tab-1-bg: #12bfd0;
  --tab-1-number: #d1f1f4;

  --tab-2-bg: #008b96;
  --tab-2-number: #b6dfe3;

  --tab-3-bg: #00505a;
  --tab-3-number: rgba(255, 255, 255, 0.45);

  --tab-4-bg: #003137;
  --tab-4-number: rgba(255, 255, 255, 0.45);

  --tab-5-bg: #020308;
  --tab-5-number: rgba(255, 255, 255, 0.6);

  /*
    Aktuelle Hintergrundfarbe des Content-Bereichs.
    Wird per JS über Klassen methodik-active-1 bis methodik-active-5 geändert.
  */
  --panel-bg-current: var(--tab-1-bg);

  /* Motion / Animation */
  --methodik-ease: cubic-bezier(0.22, 1, 0.36, 1);

  /*
    Dauer alter Content raus.
  */
  --methodik-exit-duration: 240ms;

  /*
    Dauer neuer Content rein.
  */
  --methodik-enter-duration: 1000ms;

  /*
    Dauer Hintergrundwechsel.
  */
  --methodik-bg-duration: 1000ms;

  /*
    Strecke, die der Content beim Tabwechsel hoch/runter gleitet.
  */
  --methodik-slide-distance: 34px;

  /*
    Bewegung der Tab-Buttons bei Hover.
  */
  --tab-motion-duration: 260ms;
  --tab-hover-move: 4px;
}


/* =========================================
   AKTIVE PANEL-FARBE PER JS-KLASSE
   ========================================= */

.elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-1 {
  --panel-bg-current: var(--tab-1-bg);
}

.elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-2 {
  --panel-bg-current: var(--tab-2-bg);
}

.elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-3 {
  --panel-bg-current: var(--tab-3-bg);
}

.elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-4 {
  --panel-bg-current: var(--tab-4-bg);
}

.elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-5 {
  --panel-bg-current: var(--tab-5-bg);
}


/*
  Fallback ohne JS:
  Moderne Browser können über :has() trotzdem die passende Farbe setzen.
*/
@supports .elementor-201 .elementor-element.elementor-element-f4b857c(:has(*)) {
  .elementor-201 .elementor-element.elementor-element-f4b857c:not(.methodik-js-ready):has(.e-n-tab-title[data-tab-index="1"][aria-selected="true"]) {
    --panel-bg-current: var(--tab-1-bg);
  }

  .elementor-201 .elementor-element.elementor-element-f4b857c:not(.methodik-js-ready):has(.e-n-tab-title[data-tab-index="2"][aria-selected="true"]) {
    --panel-bg-current: var(--tab-2-bg);
  }

  .elementor-201 .elementor-element.elementor-element-f4b857c:not(.methodik-js-ready):has(.e-n-tab-title[data-tab-index="3"][aria-selected="true"]) {
    --panel-bg-current: var(--tab-3-bg);
  }

  .elementor-201 .elementor-element.elementor-element-f4b857c:not(.methodik-js-ready):has(.e-n-tab-title[data-tab-index="4"][aria-selected="true"]) {
    --panel-bg-current: var(--tab-4-bg);
  }

  .elementor-201 .elementor-element.elementor-element-f4b857c:not(.methodik-js-ready):has(.e-n-tab-title[data-tab-index="5"][aria-selected="true"]) {
    --panel-bg-current: var(--tab-5-bg);
  }
}


/* =========================================
   KEYFRAMES: CONTENT RAUS / REIN
   Variante: hoch / runter
   ========================================= */

/* Vorwärts: Alter Content gleitet nach oben raus */
@keyframes wolffMethodikContentOutNext {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, calc(0px - var(--methodik-slide-distance)), 0);
  }
}

/* Vorwärts: Neuer Content kommt von unten rein */
@keyframes wolffMethodikContentInNext {
  from {
    opacity: 0;
    transform: translate3d(0, var(--methodik-slide-distance), 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Rückwärts: Alter Content gleitet nach unten raus */
@keyframes wolffMethodikContentOutPrev {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, var(--methodik-slide-distance), 0);
  }
}

/* Rückwärts: Neuer Content kommt von oben rein */
@keyframes wolffMethodikContentInPrev {
  from {
    opacity: 0;
    transform: translate3d(0, calc(0px - var(--methodik-slide-distance)), 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Kleiner Einflug für den aktiven rechten Pfeil */
@keyframes wolffMethodikArrowIn {
  from {
    opacity: 0;
    transform: translateY(-50%) translateX(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}


/* =========================================
   GRUNDLAYOUT
   ========================================= */

.elementor-201 .elementor-element.elementor-element-f4b857c,
.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs,
.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs-heading {
  overflow: visible !important;
}

.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs {
  align-items: flex-start !important;
  column-gap: var(--content-gap) !important;
}

.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs-heading {
  gap: var(--tab-gap) !important;
  position: relative;
  z-index: 10;
  flex-shrink: 0;
}


/* =========================================
   CONTENT-WRAPPER
   Hintergrundfarbe liegt auf .e-n-tabs-content
   ========================================= */

.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs-content {
  position: relative;
  z-index: 1;

  min-height: var(--content-h);

  background-color: var(--panel-bg-current) !important;
  transition: background-color var(--methodik-bg-duration) var(--methodik-ease);

  /*
    Wichtig für die raus/rein Animation:
    Content wird sauber innerhalb der Fläche geclippt.
  */
  overflow: hidden !important;
}


/* =========================================
   TAB-BUTTONS / ZAHLEN
   ========================================= */

.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title {
  --tab-bg: #003238;
  --tab-number: rgba(255, 255, 255, 0.45);

  width: var(--tab-w);
  height: var(--tab-h);
  min-height: unset !important;

  padding: 0 !important;
  margin: 0 !important;

  background: var(--tab-bg) !important;
  border: none !important;
  border-radius: var(--tab-radius) !important;

  position: relative;
  overflow: visible !important;

  display: flex;
  align-items: center;
  justify-content: center;

  box-shadow: var(--tab-shadow);

  transition:
    transform var(--tab-motion-duration) var(--methodik-ease),
    box-shadow var(--tab-motion-duration) var(--methodik-ease),
    filter var(--tab-motion-duration) var(--methodik-ease);
}

.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title .e-n-tab-title-text {
  color: var(--tab-number) !important;

  /*
    Vorher: 86px / 130px
    Jetzt passend zur kleineren Tab-Höhe.
  */
  font-size: 75px;
  height: 115px;

  font-weight: 800;
  line-height: 1;

  transition:
    color var(--tab-motion-duration) var(--methodik-ease),
    opacity var(--tab-motion-duration) var(--methodik-ease);
}


/* Desktop Hover */
@media (hover: hover) and (pointer: fine) {
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title:hover {
    transform: translateX(var(--tab-hover-move));
    box-shadow: var(--tab-shadow-hover);
    filter: saturate(1.06);
  }
}


/* =========================================
   EINZELNE TAB-FARBEN + EBENEN
   ========================================= */

.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title[data-tab-index="1"] {
  --tab-bg: var(--tab-1-bg);
  --tab-number: var(--tab-1-number);
  z-index: 5;
}

.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title[data-tab-index="2"] {
  --tab-bg: var(--tab-2-bg);
  --tab-number: var(--tab-2-number);
  z-index: 4;
}

.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title[data-tab-index="3"] {
  --tab-bg: var(--tab-3-bg);
  --tab-number: var(--tab-3-number);
  z-index: 3;
}

.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title[data-tab-index="4"] {
  --tab-bg: var(--tab-4-bg);
  --tab-number: var(--tab-4-number);
  z-index: 2;
}

.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title[data-tab-index="5"] {
  --tab-bg: var(--tab-5-bg);
  --tab-number: var(--tab-5-number);
  z-index: 1;
}


/* Aktiver Tab: Zahl weiß */
.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
  color: #ffffff !important;
}

.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title[aria-selected="true"] {
  filter: saturate(1.08);
}


/* =========================================
   SPITZE NACH UNTEN
   ========================================= */

.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(0px - var(--notch-h));
  transform: translateX(-50%);

  width: 0;
  height: 0;

  border-left: var(--notch-w) solid transparent;
  border-right: var(--notch-w) solid transparent;
  border-top: var(--notch-h) solid var(--tab-bg);

  z-index: 3;
  pointer-events: none;
}

/* Beim letzten Tab keine Spitze nach unten */
.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title[data-tab-index="5"]::before {
  display: none;
}


/* =========================================
   PFEIL NACH RECHTS BEIM AKTIVEN TAB
   ========================================= */

.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title[aria-selected="true"]::after {
  content: "";
  position: absolute;
  right: calc(0px - var(--arrow-size));
  top: 50%;
  transform: translateY(-50%);

  width: 0;
  height: 0;

  border-top: var(--arrow-size) solid transparent;
  border-bottom: var(--arrow-size) solid transparent;
  border-left: var(--arrow-size) solid var(--tab-bg);

  z-index: 20;
  pointer-events: none;

  animation: wolffMethodikArrowIn var(--tab-motion-duration) var(--methodik-ease) both;
}


/* =========================================
   CONTENT-BEREICHE
   Klassen auf jeweilige Tab-Content-Container:
   methodik-tab-1, methodik-tab-2 usw.
   ========================================= */

.elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs-content > [role="tabpanel"] {
  min-height: var(--content-h);

  position: relative;
  background: transparent !important;
  overflow: hidden !important;
}

.elementor-201 .elementor-element.elementor-element-f4b857c .methodik-tab-1,
.elementor-201 .elementor-element.elementor-element-f4b857c .methodik-tab-2,
.elementor-201 .elementor-element.elementor-element-f4b857c .methodik-tab-3,
.elementor-201 .elementor-element.elementor-element-f4b857c .methodik-tab-4,
.elementor-201 .elementor-element.elementor-element-f4b857c .methodik-tab-5 {
  min-height: var(--content-h);

  /*
    Keine harte Panel-Farbe.
    Farbe kommt von .e-n-tabs-content.
  */
  background: transparent !important;

  position: relative;
  z-index: 1;

  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  will-change: opacity, transform;
}


/* =========================================
   JS-GESTEUERTE CONTENT-ANIMATION
   ========================================= */

/* Vorwärts: Alter Content raus */
.elementor-201 .elementor-element.elementor-element-f4b857c[data-methodik-direction="next"] .methodik-panel-leaving {
  animation: wolffMethodikContentOutNext var(--methodik-exit-duration) var(--methodik-ease) both;
}

/* Vorwärts: Neuer Content rein */
.elementor-201 .elementor-element.elementor-element-f4b857c[data-methodik-direction="next"] .methodik-panel-entering {
  animation: wolffMethodikContentInNext var(--methodik-enter-duration) var(--methodik-ease) both;
}

/* Rückwärts: Alter Content raus */
.elementor-201 .elementor-element.elementor-element-f4b857c[data-methodik-direction="prev"] .methodik-panel-leaving {
  animation: wolffMethodikContentOutPrev var(--methodik-exit-duration) var(--methodik-ease) both;
}

/* Rückwärts: Neuer Content rein */
.elementor-201 .elementor-element.elementor-element-f4b857c[data-methodik-direction="prev"] .methodik-panel-entering {
  animation: wolffMethodikContentInPrev var(--methodik-enter-duration) var(--methodik-ease) both;
}

/* Fallback, falls keine Richtung gesetzt wurde */
.elementor-201 .elementor-element.elementor-element-f4b857c .methodik-panel-leaving {
  animation: wolffMethodikContentOutNext var(--methodik-exit-duration) var(--methodik-ease) both;
}

.elementor-201 .elementor-element.elementor-element-f4b857c .methodik-panel-entering {
  animation: wolffMethodikContentInNext var(--methodik-enter-duration) var(--methodik-ease) both;
}


/* =========================================
   MOBILE OVERRIDE
   max-width: 767px
   ========================================= */

@media (max-width: 767px) {

  /*
    Scroll-Sticky auf Mobile deaktivieren.
    Tabs funktionieren dann normal klickbar.
  */
  .methodik-scroll-scene {
    min-height: auto;
  }

  .methodik-scroll-sticky {
    position: relative;
    top: auto;
    min-height: auto;
    display: block;
  }

  .elementor-201 .elementor-element.elementor-element-f4b857c {
    --tab-w: 56px;
    --tab-h: 56px;
    --tab-gap: 8px;
    --content-gap: 14px;

    /*
      Mobile: keine feste Content-Höhe
    */
    --content-h: auto;

    --tab-radius: 6px;
    --tab-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
    --tab-shadow-hover: 0 6px 12px rgba(0, 0, 0, 0.18);

    --methodik-exit-duration: 220ms;
    --methodik-enter-duration: 340ms;
    --methodik-bg-duration: 380ms;
    --methodik-slide-distance: 22px;
  }


  /* Gesamtstruktur: Tabs oben, Content darunter */
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    column-gap: 0 !important;
    row-gap: var(--content-gap) !important;
    width: 100% !important;
  }


  /* Horizontale Tab-Leiste */
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: var(--tab-gap) !important;

    width: 100% !important;
    max-width: 100% !important;

    overflow-x: auto !important;
    overflow-y: visible !important;

    padding-bottom: 4px;
    z-index: 10;

    -webkit-overflow-scrolling: touch;

    scroll-snap-type: x proximity;
    scroll-behavior: smooth;
  }


  /* Optional: Scrollbar ausblenden */
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs-heading::-webkit-scrollbar {
    display: none;
  }

  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs-heading {
    scrollbar-width: none;
  }


  /* Mobile Tab-Buttons */
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title {
    width: var(--tab-w) !important;
    height: var(--tab-h) !important;
    min-width: var(--tab-w) !important;
    min-height: var(--tab-h) !important;

    flex: 0 0 var(--tab-w) !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: var(--tab-radius) !important;
    box-shadow: var(--tab-shadow);

    scroll-snap-align: start;
  }


  /* Mobile: keine Hover-Verschiebung */
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title:hover {
    transform: none !important;
  }


  /* Mobile Zahlen kleiner */
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title .e-n-tab-title-text {
    font-size: 30px !important;
    line-height: 1 !important;
    height: auto !important;
  }


  /* Desktop-Spitzen deaktivieren */
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title::before {
    display: none !important;
    content: none !important;
  }


  /* Desktop-Pfeil nach rechts deaktivieren */
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title[aria-selected="true"]::after {
    display: none !important;
    content: none !important;
  }


  /* Content vollbreit */
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs-content {
    width: 100% !important;
    min-height: 0 !important;
  }


  /* Panels nicht mehr auf fixe Höhe zwingen */
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs-content > [role="tabpanel"] {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
  }


  .elementor-201 .elementor-element.elementor-element-f4b857c .methodik-tab-1,
  .elementor-201 .elementor-element.elementor-element-f4b857c .methodik-tab-2,
  .elementor-201 .elementor-element.elementor-element-f4b857c .methodik-tab-3,
  .elementor-201 .elementor-element.elementor-element-f4b857c .methodik-tab-4,
  .elementor-201 .elementor-element.elementor-element-f4b857c .methodik-tab-5 {
    min-height: 0 !important;
    height: auto !important;
  }
}


/* =========================================
   REDUCED MOTION
   Für Nutzer, die reduzierte Bewegung aktiviert haben.
   ========================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs,
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title,
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title::before,
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title::after,
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tab-title .e-n-tab-title-text,
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs-content,
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs-content > [role="tabpanel"],
  .elementor-201 .elementor-element.elementor-element-f4b857c .methodik-tab-1,
  .elementor-201 .elementor-element.elementor-element-f4b857c .methodik-tab-2,
  .elementor-201 .elementor-element.elementor-element-f4b857c .methodik-tab-3,
  .elementor-201 .elementor-element.elementor-element-f4b857c .methodik-tab-4,
  .elementor-201 .elementor-element.elementor-element-f4b857c .methodik-tab-5 {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    scroll-behavior: auto !important;
  }

  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs-heading {
    scroll-behavior: auto !important;
  }
}

/* =========================================
   METHODIK TABS – MOBILE BACKGROUND FIX
   Nur ergänzen, ganz ans Ende des bestehenden CSS
   ========================================= */

@media (max-width: 767px) {

  /* Grundsätzlich: Content-Fläche darf mobil nicht transparent sein */
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs-content {
    background-color: var(--panel-bg-current) !important;
    overflow: hidden !important;
  }

  /* Aktives Panel bekommt ebenfalls die aktive Farbe */
  .elementor-201 .elementor-element.elementor-element-f4b857c .e-n-tabs-content > [role="tabpanel"].e-active {
    background-color: var(--panel-bg-current) !important;
  }


  /* Fallback je aktivem Schritt */
  .elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-1 .e-n-tabs-content,
  .elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-1 .e-n-tabs-content > [role="tabpanel"].e-active,
  .elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-1 .methodik-tab-1 {
    background-color: var(--tab-1-bg) !important;
  }

  .elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-2 .e-n-tabs-content,
  .elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-2 .e-n-tabs-content > [role="tabpanel"].e-active,
  .elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-2 .methodik-tab-2 {
    background-color: var(--tab-2-bg) !important;
  }

  .elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-3 .e-n-tabs-content,
  .elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-3 .e-n-tabs-content > [role="tabpanel"].e-active,
  .elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-3 .methodik-tab-3 {
    background-color: var(--tab-3-bg) !important;
  }

  .elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-4 .e-n-tabs-content,
  .elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-4 .e-n-tabs-content > [role="tabpanel"].e-active,
  .elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-4 .methodik-tab-4 {
    background-color: var(--tab-4-bg) !important;
  }

  .elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-5 .e-n-tabs-content,
  .elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-5 .e-n-tabs-content > [role="tabpanel"].e-active,
  .elementor-201 .elementor-element.elementor-element-f4b857c.methodik-active-5 .methodik-tab-5 {
    background-color: var(--tab-5-bg) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a0e7f2 */.firmenlogos {
    height: 70vh;
    max-height: 615px;
}

@media (max-width: 1024px) {
    .firmenlogos {
        max-height: 500px;
    }
}

@media (max-width: 768px) {
    .firmenlogos {
        max-height: 250px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-ExtraBold.eot');
	src: url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-ExtraBold.woff2') format('woff2'),
		url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-ExtraBold.woff') format('woff'),
		url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-ExtraBold.ttf') format('truetype'),
		url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-ExtraBold.svg#Roboto') format('svg');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-Light.eot');
	src: url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-Light.woff2') format('woff2'),
		url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-Light.woff') format('woff'),
		url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-Light.ttf') format('truetype'),
		url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-Light.svg#Roboto') format('svg');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-Regular.eot');
	src: url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-Regular.woff2') format('woff2'),
		url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-Regular.woff') format('woff'),
		url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-Regular.ttf') format('truetype'),
		url('http://kobalt.ch/wp-content/uploads/2026/06/Roboto-Regular.svg#Roboto') format('svg');
}
/* End Custom Fonts CSS */