.elementor-7542 .elementor-element.elementor-element-41ad4272{--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:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-7542 .elementor-element.elementor-element-72cc62b3{--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;--overlay-opacity:0.8;--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-7542 .elementor-element.elementor-element-72cc62b3:not(.elementor-motion-effects-element-type-background), .elementor-7542 .elementor-element.elementor-element-72cc62b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ochs-bau.de/wp-content/uploads/2026/07/Gross-Ueberblick-7-Regenerierung-e1785400520259.jpeg");background-size:cover;}.elementor-7542 .elementor-element.elementor-element-72cc62b3::before, .elementor-7542 .elementor-element.elementor-element-72cc62b3 > .elementor-background-video-container::before, .elementor-7542 .elementor-element.elementor-element-72cc62b3 > .e-con-inner > .elementor-background-video-container::before, .elementor-7542 .elementor-element.elementor-element-72cc62b3 > .elementor-background-slideshow::before, .elementor-7542 .elementor-element.elementor-element-72cc62b3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7542 .elementor-element.elementor-element-72cc62b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#111827;--background-overlay:'';}.elementor-7542 .elementor-element.elementor-element-53def83f{--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-7542 .elementor-element.elementor-element-53def83f::before, .elementor-7542 .elementor-element.elementor-element-53def83f > .elementor-background-video-container::before, .elementor-7542 .elementor-element.elementor-element-53def83f > .e-con-inner > .elementor-background-video-container::before, .elementor-7542 .elementor-element.elementor-element-53def83f > .elementor-background-slideshow::before, .elementor-7542 .elementor-element.elementor-element-53def83f > .e-con-inner > .elementor-background-slideshow::before, .elementor-7542 .elementor-element.elementor-element-53def83f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#4D4D4D00;--background-overlay:'';}.elementor-7542 .elementor-element.elementor-element-597be8a3{--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-7542 .elementor-element.elementor-element-acc5bf7 .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-7542 .elementor-element.elementor-element-acc5bf7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7542 .elementor-element.elementor-element-bf609eb{padding:0px 0px 0px 0px;text-align:center;}.elementor-7542 .elementor-element.elementor-element-bf609eb .elementor-heading-title{font-size:4.5rem;font-weight:800;line-height:3lh;color:#FFFFFF;}.elementor-7542 .elementor-element.elementor-element-602241b1{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-7542 .elementor-element.elementor-element-602241b1 .elementor-heading-title{font-weight:300;line-height:1.5lh;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;color:#FFFFFF;}.elementor-7542 .elementor-element.elementor-element-6d6d476{--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:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-7542 .elementor-element.elementor-element-1ea1c6d4{font-size:20px;color:#000000;}.elementor-7542 .elementor-element.elementor-element-78844d26{--e-image-carousel-slides-to-show:4;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7542 .elementor-element.elementor-element-6d6d476{--width:100%;}}@media(max-width:767px){.elementor-7542 .elementor-element.elementor-element-41ad4272{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-7542 .elementor-element.elementor-element-72cc62b3{--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-7542 .elementor-element.elementor-element-53def83f{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-7542 .elementor-element.elementor-element-bf609eb .elementor-heading-title{font-size:2.2rem;line-height:2lh;}.elementor-7542 .elementor-element.elementor-element-602241b1{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-7542 .elementor-element.elementor-element-6d6d476{--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}}/* Start custom CSS for heading, class: .elementor-element-bf609eb */.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-53def83f */.con-max-width{
    max-width: 120rem;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1ea1c6d4 *//* Remove scrollbar completely */.elementor-7542 .elementor-element.elementor-element-1ea1c6d4{
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE / Edge */
}

.elementor-7542 .elementor-element.elementor-element-1ea1c6d4 ::-webkit-scrollbar {
  display: none; /* Chrome / Safari / Opera */
}

.elementor-popup-modal .dialog-widget-content {
  pointer-events: auto !important;
}

.elementor-popup-modal .dialog-overlay {
  pointer-events: none !important;
}/* 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 */