.elementor-11 .elementor-element.elementor-element-119fb0c1{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--overlay-opacity:0.25;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:100px;--padding-right:100px;}.elementor-11 .elementor-element.elementor-element-119fb0c1:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-119fb0c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F5F8;background-image:url("https://fliesenmeister.ch/wp-content/uploads/2025/04/Fliesenmeister.jpeg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-119fb0c1::before, .elementor-11 .elementor-element.elementor-element-119fb0c1 > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-119fb0c1 > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-119fb0c1 > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-119fb0c1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-119fb0c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-11 .elementor-element.elementor-element-119fb0c1.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-2d1d4795{--display:flex;--min-height:30vh;--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:center;--align-items:flex-end;}.elementor-11 .elementor-element.elementor-element-4bf68ec4{--display:flex;--min-height:200px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-133b8a06 > .elementor-widget-container{padding:0px 0px 0px 0px;border-style:none;border-radius:25px 25px 25px 25px;}.elementor-11 .elementor-element.elementor-element-133b8a06{--e-transform-transition-duration:1100ms;}.elementor-11 .elementor-element.elementor-element-133b8a06 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;color:#0E4396;}.elementor-11 .elementor-element.elementor-element-133b8a06 .elementor-heading-title a:hover, .elementor-11 .elementor-element.elementor-element-133b8a06 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-11 .elementor-element.elementor-element-133b8a06 .elementor-heading-title a{transition-duration:1.1s;}.elementor-11 .elementor-element.elementor-element-565137da{--display:flex;--min-height:200px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11 .elementor-element.elementor-element-2f75d18f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-287fca7{--display:flex;--min-height:200px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11 .elementor-element.elementor-element-534eea02 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-4c88c29e{--display:flex;--min-height:30vh;--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:center;--align-items:flex-start;}.elementor-11 .elementor-element.elementor-element-46cbc7f7{--display:flex;--min-height:200px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11 .elementor-element.elementor-element-6d244d00 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-2392203a{--display:flex;--min-height:200px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11 .elementor-element.elementor-element-3cc45df7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-2c60e61c{--display:flex;--min-height:200px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11 .elementor-element.elementor-element-68022bf2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-4bf68ec4{--min-height:150px;}.elementor-11 .elementor-element.elementor-element-133b8a06 .elementor-heading-title{font-size:28px;}.elementor-11 .elementor-element.elementor-element-565137da{--min-height:150px;}.elementor-11 .elementor-element.elementor-element-2f75d18f .elementor-heading-title{font-size:28px;}.elementor-11 .elementor-element.elementor-element-287fca7{--min-height:150px;}.elementor-11 .elementor-element.elementor-element-534eea02 .elementor-heading-title{font-size:28px;}.elementor-11 .elementor-element.elementor-element-46cbc7f7{--min-height:150px;}.elementor-11 .elementor-element.elementor-element-6d244d00 .elementor-heading-title{font-size:28px;}.elementor-11 .elementor-element.elementor-element-2392203a{--min-height:150px;}.elementor-11 .elementor-element.elementor-element-3cc45df7 .elementor-heading-title{font-size:28px;}.elementor-11 .elementor-element.elementor-element-2c60e61c{--min-height:150px;}.elementor-11 .elementor-element.elementor-element-68022bf2 .elementor-heading-title{font-size:28px;}}/* Start custom CSS for heading, class: .elementor-element-133b8a06 */.references-title {
  font-size: 3.5rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #002e5d;
  letter-spacing: 3px;
  text-align: center;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 2;
}
.references-title {
  font-size: 3.5rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #002e5d;
  letter-spacing: 3px;
  text-align: center;
  position: relative;
  z-index: 2;
  cursor: default;
}

/* Linie unter der Überschrift */
.references-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  margin: 14px auto 0;
  background: linear-gradient(90deg, #0057b8, #0072ff);
  border-radius: 4px;
  transition: width 0.4s ease;
}

/* Hover-Effekt: Linie wird breiter */
.references-title:hover::after {
  width: 120px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bf68ec4 */.tile-hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 12px;
  padding: 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s;
  position: relative;
  overflow: hidden;
}

.tile-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.2);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2f75d18f */.references-title {
  font-size: 3.5rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #002e5d;
  letter-spacing: 3px;
  text-align: center;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 2;
}
.references-title {
  font-size: 3.5rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #002e5d;
  letter-spacing: 3px;
  text-align: center;
  position: relative;
  z-index: 2;
  cursor: default;
}

/* Linie unter der Überschrift */
.references-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  margin: 14px auto 0;
  background: linear-gradient(90deg, #0057b8, #0072ff);
  border-radius: 4px;
  transition: width 0.4s ease;
}

/* Hover-Effekt: Linie wird breiter */
.references-title:hover::after {
  width: 120px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-565137da */.tile-hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 12px;
  padding: 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s;
  position: relative;
  overflow: hidden;
}

.tile-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.2);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-534eea02 */.references-title {
  font-size: 3.5rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #002e5d;
  letter-spacing: 3px;
  text-align: center;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 2;
}
.references-title {
  font-size: 3.5rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #002e5d;
  letter-spacing: 3px;
  text-align: center;
  position: relative;
  z-index: 2;
  cursor: default;
}

/* Linie unter der Überschrift */
.references-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  margin: 14px auto 0;
  background: linear-gradient(90deg, #0057b8, #0072ff);
  border-radius: 4px;
  transition: width 0.4s ease;
}

/* Hover-Effekt: Linie wird breiter */
.references-title:hover::after {
  width: 120px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-287fca7 */.tile-hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 12px;
  padding: 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s;
  position: relative;
  overflow: hidden;
}

.tile-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.2);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6d244d00 */.references-title {
  font-size: 3.5rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #002e5d;
  letter-spacing: 3px;
  text-align: center;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 2;
}
.references-title {
  font-size: 3.5rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #002e5d;
  letter-spacing: 3px;
  text-align: center;
  position: relative;
  z-index: 2;
  cursor: default;
}

/* Linie unter der Überschrift */
.references-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  margin: 14px auto 0;
  background: linear-gradient(90deg, #0057b8, #0072ff);
  border-radius: 4px;
  transition: width 0.4s ease;
}

/* Hover-Effekt: Linie wird breiter */
.references-title:hover::after {
  width: 120px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46cbc7f7 */.tile-hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 12px;
  padding: 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s;
  position: relative;
  overflow: hidden;
}

.tile-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.2);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3cc45df7 */.references-title {
  font-size: 3.5rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #002e5d;
  letter-spacing: 3px;
  text-align: center;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 2;
}
.references-title {
  font-size: 3.5rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #002e5d;
  letter-spacing: 3px;
  text-align: center;
  position: relative;
  z-index: 2;
  cursor: default;
}

/* Linie unter der Überschrift */
.references-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  margin: 14px auto 0;
  background: linear-gradient(90deg, #0057b8, #0072ff);
  border-radius: 4px;
  transition: width 0.4s ease;
}

/* Hover-Effekt: Linie wird breiter */
.references-title:hover::after {
  width: 120px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2392203a */.tile-hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 12px;
  padding: 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s;
  position: relative;
  overflow: hidden;
}

.tile-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.2);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-68022bf2 */.references-title {
  font-size: 3.5rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #002e5d;
  letter-spacing: 3px;
  text-align: center;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 2;
}
.references-title {
  font-size: 3.5rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #002e5d;
  letter-spacing: 3px;
  text-align: center;
  position: relative;
  z-index: 2;
  cursor: default;
}

/* Linie unter der Überschrift */
.references-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  margin: 14px auto 0;
  background: linear-gradient(90deg, #0057b8, #0072ff);
  border-radius: 4px;
  transition: width 0.4s ease;
}

/* Hover-Effekt: Linie wird breiter */
.references-title:hover::after {
  width: 120px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c60e61c */.tile-hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 12px;
  padding: 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s;
  position: relative;
  overflow: hidden;
}

.tile-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.2);
}/* End custom CSS */