.elementor-301 .elementor-element.elementor-element-b8c321a{--display:flex;--position:fixed;--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:space-between;--align-items:center;--gap:2em 2em;--row-gap:2em;--column-gap:2em;--flex-wrap:nowrap;--padding-top:0;--padding-bottom:0;--padding-left:6%;--padding-right:6%;top:0px;--z-index:99;}body:not(.rtl) .elementor-301 .elementor-element.elementor-element-b8c321a{left:0px;}body.rtl .elementor-301 .elementor-element.elementor-element-b8c321a{right:0px;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-301 .elementor-element.elementor-element-d6a2e3d{width:auto;max-width:auto;}.elementor-301 .elementor-element.elementor-element-d6a2e3d > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0px 0px 0px 0px;}.elementor-301 .elementor-element.elementor-element-d6a2e3d img{width:100%;max-width:300px;}.elementor-301 .elementor-element.elementor-element-5d74446{--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-end;--align-items:center;--gap:4em 4em;--row-gap:4em;--column-gap:4em;--flex-wrap:nowrap;}.elementor-301 .elementor-element.elementor-element-e1041cd{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-301 .elementor-element.elementor-element-00adf6e{--grid-template-columns:repeat(2, auto);width:auto;max-width:auto;z-index:5;--icon-size:25px;--grid-column-gap:30px;--grid-row-gap:0px;}.elementor-301 .elementor-element.elementor-element-00adf6e .elementor-widget-container{text-align:left;}.elementor-301 .elementor-element.elementor-element-00adf6e > .elementor-widget-container{margin:0px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-301 .elementor-element.elementor-element-00adf6e.elementor-element{--align-self:center;}.elementor-301 .elementor-element.elementor-element-00adf6e .elementor-social-icon{background-color:#FFFFFF00;--icon-padding:0em;}.elementor-301 .elementor-element.elementor-element-00adf6e .elementor-social-icon i{color:var( --e-global-color-c2046db );}.elementor-301 .elementor-element.elementor-element-00adf6e .elementor-social-icon svg{fill:var( --e-global-color-c2046db );}.elementor-301 .elementor-element.elementor-element-00adf6e .elementor-social-icon:hover i{color:var( --e-global-color-secondary );}.elementor-301 .elementor-element.elementor-element-00adf6e .elementor-social-icon:hover svg{fill:var( --e-global-color-secondary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-301 .elementor-element.elementor-element-7b263dd .elementor-button{background-color:#FFFFFF00;font-family:"Roboto", Sans-serif;font-size:30px;font-weight:400;fill:var( --e-global-color-c2046db );color:var( --e-global-color-c2046db );border-style:solid;border-width:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-301 .elementor-element.elementor-element-7b263dd .elementor-button:hover, .elementor-301 .elementor-element.elementor-element-7b263dd .elementor-button:focus{background-color:#FFDD0000;color:var( --e-global-color-secondary );}.elementor-301 .elementor-element.elementor-element-7b263dd{width:auto;max-width:auto;}.elementor-301 .elementor-element.elementor-element-7b263dd > .elementor-widget-container{margin:0px 0px -8px 0px;}.elementor-301 .elementor-element.elementor-element-7b263dd .elementor-button:hover svg, .elementor-301 .elementor-element.elementor-element-7b263dd .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-301 .elementor-element.elementor-element-b8c321a{--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:2em;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-301 .elementor-element.elementor-element-e1041cd{--container-widget-width:10px;--container-widget-flex-grow:0;width:var( --container-widget-width, 10px );max-width:10px;}.elementor-301 .elementor-element.elementor-element-93a4a65{width:var( --container-widget-width, 10px );max-width:10px;--container-widget-width:10px;--container-widget-flex-grow:0;}.elementor-301 .elementor-element.elementor-element-00adf6e{--grid-column-gap:30px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-301 .elementor-element.elementor-element-7b263dd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-301 .elementor-element.elementor-element-7b263dd .elementor-button{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-301 .elementor-element.elementor-element-b8c321a{--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:2em;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-301 .elementor-element.elementor-element-d6a2e3d{text-align:start;}.elementor-301 .elementor-element.elementor-element-e1041cd{--container-widget-width:20px;--container-widget-flex-grow:0;width:var( --container-widget-width, 20px );max-width:20px;}.elementor-301 .elementor-element.elementor-element-00adf6e{--grid-column-gap:30px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}/* Start custom CSS for button, class: .elementor-element-7b263dd */.elementor-301 .elementor-element.elementor-element-7b263dd i:hover {
    transition: ease-in-out 0.25s;
    color: var(--e-global-color-secondary);
}

.elementor-301 .elementor-element.elementor-element-7b263dd .elementor-button:after,
.elementor-301 .elementor-element.elementor-element-7b263dd .elementor-button:before {
    border: 0px !important;
    content: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8c321a *//* Standardzustand - Transparenter Header und negatives Logo */
.site-header {
    background-color: transparent;
    transition: background-color 0.25s ease; /* Weicher Übergang für den Hintergrund */
}

.site-logo img {
    transition: content 0.25s ease; /* Weicher Übergang für das Logo */
}

/* Farbwechsel für Icons im Standardzustand (z.B. weiß) */
.elementor-social-icon i,
.elementor-button-icon i {
    color: white; /* Standardfarbe der Icons */
    transition: color 0.25s ease; /* Weicher Übergang für die Farbe der Icons */
}

/* Wenn die Seite gescrollt wird - weißer Header, positives Logo, schwarze Icons */
.scrolled .site-header {
    background-color: white; /* Header wird weiß beim Scrollen */
}

.scrolled .site-logo img {
    content: url('https://klima.stsh.ch/wp-content/uploads/STSH_Logo_RGB_pos.webp'); /* Positives Logo beim Scrollen */
}

/* Farbwechsel für Icons beim Scrollen (mit !important, um den Standard zu überschreiben) */
.scrolled .elementor-social-icon i,
.scrolled .elementor-button-icon i {
    color: black !important; /* Icons werden schwarz beim Scrollen */
    transition: color 0.25s ease; /* Weicher Übergang für die Farbe der Icons */
}
.scrolled .elementor-social-icon svg,
.scrolled .elementor-button-icon svg {
    fill: black !important; /* Icons werden schwarz beim Scrollen */
    transition: fill 0.25s ease; /* Weicher Übergang für die Farbe der Icons */
}

/* Hover-Effekt: Icons ändern die Farbe beim Hover auf Gelb (oder eine Sekundärfarbe) */
.scrolled .elementor-social-icon i:hover,
.scrolled .elementor-button-icon i:hover {
    color: var(--e-global-color-secondary) !important; /* Icons ändern sich beim Hover in Sekundärfarbe */
}
.scrolled .elementor-social-icon:hover svg,
.scrolled .elementor-button-icon:hover svg {
    fill: var(--e-global-color-secondary) !important; 
    transition: fill 0.25s ease; /* Weicher Übergang für die Farbe der Icons */
}/* End custom CSS */