.elementor-kit-8{--e-global-color-primary:#E3F0FF;--e-global-color-secondary:#F1F1F1;--e-global-color-text:#000000;--e-global-color-accent:#FFEA00;--e-global-typography-primary-font-family:"Sterling";--e-global-typography-primary-font-size:18px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Sterling";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Sterling";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Sterling";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:500;font-family:"Sterling", Sans-serif;font-size:16px;font-weight:400;line-height:26px;}.elementor-kit-8 e-page-transition{background-color:#FFFFFF;}.elementor-kit-8 p{margin-block-end:10px;}.elementor-kit-8 a{color:var( --e-global-color-text );font-family:"Sterling", Sans-serif;}.elementor-kit-8 h1{font-family:"Sterling", Sans-serif;font-size:42px;line-height:52px;}.elementor-kit-8 h2{font-family:"Sterling", Sans-serif;font-size:35px;font-weight:400;line-height:46px;}.elementor-kit-8 h3{font-family:"Sterling", Sans-serif;font-size:28px;font-weight:400;line-height:40px;}.elementor-kit-8 h4{font-family:"Sterling", Sans-serif;font-size:28px;font-weight:400;line-height:40px;}.elementor-kit-8 h5{font-family:"Sterling", Sans-serif;font-size:21px;font-weight:400;line-height:28px;}.elementor-kit-8 h6{font-family:"Sterling", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:24px;letter-spacing:1px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8 h1{font-size:36px;line-height:46px;}.elementor-kit-8 h2{font-size:32px;line-height:42px;}.elementor-kit-8 h3{font-size:26px;line-height:36px;}.elementor-kit-8 h4{font-size:26px;line-height:36px;}.elementor-kit-8 h5{font-size:20px;line-height:28px;}.elementor-kit-8 h6{font-size:14px;line-height:20px;letter-spacing:1px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Underline Animation */

.underline, .underline-footer, .underline-body {
  display: inline-block;
  position: relative;
}

.underline:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 1px;
  bottom: -5px;
  left: 0;
  background-color: #000;
  transform-origin: bottom left;
  transition: transform 0.25s ease-in;
}

.underline:hover:after {
    transform: scaleX(0);
    transform-origin: bottom right;
}

.underline-footer:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transform-origin: bottom left;
  transition: transform 0.25s ease-in;
}

.underline-footer:hover:after {
    transform: scaleX(0);
    transform-origin: bottom right;
}

.underline-body:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #000;
  transform-origin: bottom left;
  transition: transform 0.25s ease-in;
}

.underline-body:hover:after {
    transform: scaleX(0);
    transform-origin: bottom right;
}



/* Referenzen Slider Hover */

.slider-parent {
    background-color: #FFFFFF;
}

@media (width>768px) {
.slider-parent:hover {
    background-color:#FFEA00;
}    
    
    
}

.slider-child-container{
    border-style: solid;
    border-color: black;
    border-width: 0px 1px 1px 1px;
}



@media (width>768px) {
.slider-parent:hover .slider-child-container {
    border-style: solid;
    border-color: #ffea00;
    border-width: 0px 1px 1px 1px;
}}

.slider-child-icon  .elementor-icon {
    border: 1px solid black;
    background-color: white;
    fill: black;
}

@media (width>768px) {
.slider-parent:hover .slider-child-icon .elementor-icon  {
    border: 1px solid black;
    background-color: black;
    fill: white;
}}


/* Disable Button-Hover on mobile */

@media (width<768px) {
    a.elementor-button:hover {
    background-color: #FFFFFF!important;
    color: #000000!important;
    border-color: #000000!important;
    fill: #000000!important;
}
    a.elementor-button:hover svg {
        fill: #000000!important;
    }
    
    
    
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Sterling';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.haid-architektur.com/wp-content/uploads/2025/09/ftsterling-regular-webfont.eot');
	src: url('https://www.haid-architektur.com/wp-content/uploads/2025/09/ftsterling-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://www.haid-architektur.com/wp-content/uploads/2025/09/ftsterling-regular-webfont.woff2') format('woff2'),
		url('https://www.haid-architektur.com/wp-content/uploads/2025/09/ftsterling-regular-webfont.woff') format('woff'),
		url('https://www.haid-architektur.com/wp-content/uploads/2025/09/ftsterling-regular-webfont.ttf') format('truetype'),
		url('https://www.haid-architektur.com/wp-content/uploads/2025/09/ftsterling-regular-webfont.svg#Sterling') format('svg');
}
@font-face {
	font-family: 'Sterling';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.haid-architektur.com/wp-content/uploads/2025/09/ftsterling-semi-bold-webfont.eot');
	src: url('https://www.haid-architektur.com/wp-content/uploads/2025/09/ftsterling-semi-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://www.haid-architektur.com/wp-content/uploads/2025/09/ftsterling-semi-bold-webfont.woff2') format('woff2'),
		url('https://www.haid-architektur.com/wp-content/uploads/2025/09/ftsterling-semi-bold-webfont.woff') format('woff'),
		url('https://www.haid-architektur.com/wp-content/uploads/2025/09/ftsterling-semi-bold-webfont.ttf') format('truetype'),
		url('https://www.haid-architektur.com/wp-content/uploads/2025/09/ftsterling-semi-bold-webfont.svg#Sterling') format('svg');
}
/* End Custom Fonts CSS */