.elementor-461 .elementor-element.elementor-element-d1b7c23{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-461 .elementor-element.elementor-element-8db3087{--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:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-461 .elementor-element.elementor-element-8db3087:not(.elementor-motion-effects-element-type-background), .elementor-461 .elementor-element.elementor-element-8db3087 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111827;background:url("https://ochs-bau.de/wp-content/uploads/2026/05/Brunnenbau_Leistungen-Fallback.png") 50% 50%;background-size:cover;}.elementor-461 .elementor-element.elementor-element-210190f{--display:flex;--min-height:800px;--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:0rem 04rem;--row-gap:0rem;--column-gap:04rem;--overlay-opacity:0.5;--padding-top:0rem;--padding-bottom:0rem;--padding-left:4rem;--padding-right:4rem;}.elementor-461 .elementor-element.elementor-element-210190f::before, .elementor-461 .elementor-element.elementor-element-210190f > .elementor-background-video-container::before, .elementor-461 .elementor-element.elementor-element-210190f > .e-con-inner > .elementor-background-video-container::before, .elementor-461 .elementor-element.elementor-element-210190f > .elementor-background-slideshow::before, .elementor-461 .elementor-element.elementor-element-210190f > .e-con-inner > .elementor-background-slideshow::before, .elementor-461 .elementor-element.elementor-element-210190f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#4D4D4D00;--background-overlay:'';}.elementor-461 .elementor-element.elementor-element-50d6bff{--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;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-461 .elementor-element.elementor-element-00b97ae .elementor-button{background-color:#DBEAFE;font-weight:600;text-transform:uppercase;letter-spacing:1px;fill:#007AB5;color:#007AB5;border-radius:50px 50px 50px 50px;padding:07px 15px 7px 15px;}.elementor-461 .elementor-element.elementor-element-00b97ae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-461 .elementor-element.elementor-element-c9a2953{padding:0px 0px 0px 0px;text-align:center;}.elementor-461 .elementor-element.elementor-element-c9a2953 .elementor-heading-title{font-size:4.5rem;font-weight:800;line-height:3lh;color:#FFFFFF;}.elementor-461 .elementor-element.elementor-element-70cbd77{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-461 .elementor-element.elementor-element-70cbd77 .elementor-heading-title{font-weight:300;line-height:1.5lh;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;color:#FFFFFF;}.elementor-461 .elementor-element.elementor-element-7543d8d0{--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:100px 100px;--row-gap:100px;--column-gap:100px;--margin-top:5%;--margin-bottom:5%;--margin-left:5%;--margin-right:5%;}.elementor-461 .elementor-element.elementor-element-9883614{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-461 .elementor-element.elementor-element-7ed366f6{text-align:center;}.elementor-461 .elementor-element.elementor-element-7ed366f6 .elementor-heading-title{font-size:24px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-461 .elementor-element.elementor-element-135390fa .elementor-button{background-color:#007AB5;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;transition-duration:200ms;padding:20px 40px 20px 40px;}.elementor-461 .elementor-element.elementor-element-135390fa .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-461 .elementor-element.elementor-element-135390fa .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-461 .elementor-element.elementor-element-519820ed{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-461 .elementor-element.elementor-element-64df416c{text-align:center;}.elementor-461 .elementor-element.elementor-element-64df416c .elementor-heading-title{font-size:24px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-461 .elementor-element.elementor-element-361777f .elementor-button{background-color:#007AB5;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;transition-duration:200ms;padding:20px 40px 20px 40px;}.elementor-461 .elementor-element.elementor-element-361777f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-461 .elementor-element.elementor-element-361777f .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-461 .elementor-element.elementor-element-62e575f3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-461 .elementor-element.elementor-element-34127245{text-align:center;}.elementor-461 .elementor-element.elementor-element-34127245 .elementor-heading-title{font-size:24px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-461 .elementor-element.elementor-element-2059795{--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:100px 100px;--row-gap:100px;--column-gap:100px;--margin-top:5%;--margin-bottom:5%;--margin-left:5%;--margin-right:5%;}.elementor-461 .elementor-element.elementor-element-2219be6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-461 .elementor-element.elementor-element-9394dd6{text-align:center;}.elementor-461 .elementor-element.elementor-element-9394dd6 .elementor-heading-title{font-size:24px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-461 .elementor-element.elementor-element-463263e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-461 .elementor-element.elementor-element-0737065{text-align:center;}.elementor-461 .elementor-element.elementor-element-0737065 .elementor-heading-title{font-size:24px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-461 .elementor-element.elementor-element-a0d77f6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-461 .elementor-element.elementor-element-ee2f5b4{text-align:center;}.elementor-461 .elementor-element.elementor-element-ee2f5b4 .elementor-heading-title{font-size:24px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-461 .elementor-element.elementor-element-e98f3fc{--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:100px 100px;--row-gap:100px;--column-gap:100px;--margin-top:5%;--margin-bottom:5%;--margin-left:5%;--margin-right:5%;}.elementor-461 .elementor-element.elementor-element-31f68e7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-461 .elementor-element.elementor-element-0748317{text-align:center;}.elementor-461 .elementor-element.elementor-element-0748317 .elementor-heading-title{font-size:24px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-461 .elementor-element.elementor-element-ca80ee0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-461 .elementor-element.elementor-element-001fab7{text-align:center;}.elementor-461 .elementor-element.elementor-element-001fab7 .elementor-heading-title{font-size:24px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-461 .elementor-element.elementor-element-46f8324{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-461 .elementor-element.elementor-element-7543d8d0{--width:90%;}.elementor-461 .elementor-element.elementor-element-2059795{--width:90%;}.elementor-461 .elementor-element.elementor-element-e98f3fc{--width:90%;}}@media(max-width:767px){.elementor-461 .elementor-element.elementor-element-210190f{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-461 .elementor-element.elementor-element-c9a2953 .elementor-heading-title{font-size:2.2rem;line-height:2lh;}.elementor-461 .elementor-element.elementor-element-70cbd77{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-461 .elementor-element.elementor-element-7543d8d0{--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-461 .elementor-element.elementor-element-2059795{--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-461 .elementor-element.elementor-element-e98f3fc{--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}}/* Start custom CSS for heading, class: .elementor-element-c9a2953 */.hero-heading {
  background: linear-gradient(90deg, #007DFF, #00BFFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  /* optional */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-210190f */.con-max-width{
    max-width: 120rem;
}/* End custom CSS */
/* Start custom CSS */body{
    font-family: roboto , Sans-Serif;
}

.header-home {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;

  background: transparent;
  transition: 
    background 0.3s ease,
    backdrop-filter 0.3s ease,
    box-shadow 0.3s ease;
}

.header-home.scrolled {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}


/* Container: Behält den in Elementor definierten Rahmen bei und schneidet den Zoom ab */
.leistung-bild {
    overflow: hidden; /* Wichtig: Verhindert, dass das Bild über den Rahmen ragt */
    display: inline-block; /* Stellt sicher, dass der Container das Bild umschließt */
    vertical-align: top; /* Vermeidet unerwünschte Abstände */
}

/* Das Bild: Definition des Normalzustands und der Transition */
.leistung-bild img {
    /* Startzustand: Farbig */
    filter: grayscale(0%);
    
    /* Die Transition muss hier definiert sein, damit sie greift */
    /* Dauer: 1 Sekunde, Verlauf: Sanftes Anfahren und Abbremsen */
    transition: transform 1s ease-in-out, filter 1s ease-in-out;
    
    /* Sicherstellen, dass das Bild den Container füllt */
    width: 100%;
    height: auto;
    display: block;
}

/* Hover-Zustand: Änderung der Werte */
.leistung-bild:hover img {
    /* Zielzustand: Schwarz-Weiß */
    filter: grayscale(100%);
    
    /* Zoom: 1.15 bedeutet 15% Vergrößerung innerhalb des Rahmens */
    transform: scale(1.15);
}


.card-box {
  position: relative;
  cursor: pointer;
}

/* Button initially "hidden" but animatable */
.card-btn {
  display: inline-flex; 
  opacity: 0;      
  visibility: hidden; /* Replaces display: none to allow animation */
  transform: translateY(10px); 
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; 
}

/* Animate button on container hover */
.card-box:hover .card-btn {
  opacity: 1;
  visibility: visible; /* Makes it interactive */
  transform: translateY(0); 
}

/* Responsive: always show button on screens smaller than 990px */
@media screen and (max-width: 990px) {
  .card-btn {
    opacity: 1;
    visibility: visible;
    display: flex; /* Ensures it takes up space on mobile if needed */
    transform: translateY(0); 
    transition: none; /* Disables animation for a cleaner mobile experience */
  }
}/* End custom CSS */