.elementor-6456 .elementor-element.elementor-element-2c55bed8:not(.elementor-motion-effects-element-type-background), .elementor-6456 .elementor-element.elementor-element-2c55bed8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-6456 .elementor-element.elementor-element-2c55bed8 > .elementor-container{max-width:1170px;}.elementor-6456 .elementor-element.elementor-element-2c55bed8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:122px;margin-bottom:0px;padding:0px 0px 60px 0px;}.elementor-6456 .elementor-element.elementor-element-2c55bed8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6456 .elementor-element.elementor-element-6591879c > .elementor-widget-container{margin:34px 0px 0px 0px;}.elementor-6456 .elementor-element.elementor-element-6591879c{z-index:999;}.elementor-6456 .elementor-element.elementor-element-3a3b3e29{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-6456 .elementor-element.elementor-element-274ab51c{--display:flex;--min-height:200px;}.elementor-6456 .elementor-element.elementor-element-274ab51c:not(.elementor-motion-effects-element-type-background), .elementor-6456 .elementor-element.elementor-element-274ab51c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://webdesign.exclousiv.de/wp-content/uploads/denkmalschutz3-1.png");}.elementor-6456 .elementor-element.elementor-element-43ae43a6{--display:flex;}.elementor-6456 .elementor-element.elementor-element-1ed57868{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-6456 .elementor-element.elementor-element-2e8f00ce{text-align:center;}.elementor-6456 .elementor-element.elementor-element-2e8f00ce .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:20px;font-weight:300;text-transform:none;color:#FFFFFF;}.elementor-6456 .elementor-element.elementor-element-2e8f00ce .elementor-heading-title a:hover, .elementor-6456 .elementor-element.elementor-element-2e8f00ce .elementor-heading-title a:focus{color:#FFFFFF;}.elementor-6456 .elementor-element.elementor-element-225d6b3b{--display:flex;--min-height:200px;}.elementor-6456 .elementor-element.elementor-element-780a40f{--display:flex;}.elementor-6456 .elementor-element.elementor-element-61bcb228{--display:flex;}.elementor-6456 .elementor-element.elementor-element-7f450b09{width:100%;max-width:100%;text-align:center;}.elementor-6456 .elementor-element.elementor-element-7f450b09.elementor-element{--align-self:center;}.elementor-6456 .elementor-element.elementor-element-7f450b09 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:300;color:#FFFFFF;}.elementor-6456 .elementor-element.elementor-element-58ace8a{--display:flex;--min-height:200px;}.elementor-6456 .elementor-element.elementor-element-1f4768a8{--display:flex;}.elementor-6456 .elementor-element.elementor-element-18c94586{--display:flex;}.elementor-6456 .elementor-element.elementor-element-376b3d66{text-align:center;}.elementor-6456 .elementor-element.elementor-element-376b3d66 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:300;color:#FFFFFF;}.elementor-6456 .elementor-element.elementor-element-2f36757e{--display:flex;--min-height:200px;}.elementor-6456 .elementor-element.elementor-element-1d004489{--display:flex;}.elementor-6456 .elementor-element.elementor-element-33882851{--display:flex;}.elementor-6456 .elementor-element.elementor-element-1b0b2f35{text-align:center;}.elementor-6456 .elementor-element.elementor-element-1b0b2f35 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:300;color:#FFFFFF;}.elementor-6456 .elementor-element.elementor-element-1937cce4{--display:flex;--min-height:200px;}.elementor-6456 .elementor-element.elementor-element-71b8ac97{--display:flex;}.elementor-6456 .elementor-element.elementor-element-39b7e1dd{--display:flex;}.elementor-6456 .elementor-element.elementor-element-3fdc388{text-align:center;}.elementor-6456 .elementor-element.elementor-element-3fdc388 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:300;color:#FFFFFF;}.elementor-6456 .elementor-element.elementor-element-7b8c5d3e{--display:flex;--min-height:200px;}.elementor-6456 .elementor-element.elementor-element-57aa256b{--display:flex;}.elementor-6456 .elementor-element.elementor-element-7ab052e7{--display:flex;}.elementor-6456 .elementor-element.elementor-element-2a47b9fd{text-align:center;}.elementor-6456 .elementor-element.elementor-element-2a47b9fd .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:300;color:#FFFFFF;}.elementor-6456 .elementor-element.elementor-element-7d5ea332{--display:flex;--min-height:200px;}.elementor-6456 .elementor-element.elementor-element-3869cd51{--display:flex;}.elementor-6456 .elementor-element.elementor-element-4f08b7f8{--display:flex;}.elementor-6456 .elementor-element.elementor-element-212abf34{text-align:center;}.elementor-6456 .elementor-element.elementor-element-212abf34 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:300;color:#FFFFFF;}@media(max-width:1024px){.elementor-6456 .elementor-element.elementor-element-6591879c > .elementor-widget-container{margin:50px 10px 0px 10px;}.elementor-6456 .elementor-element.elementor-element-3a3b3e29{--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-6456 .elementor-element.elementor-element-3a3b3e29{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-274ab51c */.elementor-6456 .elementor-element.elementor-element-274ab51c {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  min-height: 250px;
}

/* Overlay-Textbereich */
.elementor-6456 .elementor-element.elementor-element-274ab51c .hover-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 2;
  transition: height 0.9s ease;
  box-sizing: border-box;
  pointer-events: none;
}

/* Blauer Balken */
.elementor-6456 .elementor-element.elementor-element-274ab51c .hover-overlay::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(1, 0, 128, 1);
  z-index: 1;
  transition: opacity 0.9s ease;
  opacity: 1;
}

/* Text */
.elementor-6456 .elementor-element.elementor-element-274ab51c .hover-overlay * {
  position: relative;
  z-index: 2;
  color: white;
  font-size: 1.1em;
  text-align: center;
  margin: 0;
}

/* Hover: Overlay fährt hoch, Balken wird transparenter */
.elementor-6456 .elementor-element.elementor-element-274ab51c:hover .hover-overlay {
  height: 100%;
}

.elementor-6456 .elementor-element.elementor-element-274ab51c:hover .hover-overlay::before {
  opacity: 0.4;
}

/* Der klickbare Link */
.elementor-6456 .elementor-element.elementor-element-274ab51c .kachel-link {
  position: absolute;
  inset: 0;
  z-index: 999;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7f450b09 */.elementor-6456 .elementor-element.elementor-element-7f450b09 {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a87cfad */.elementor-6456 .elementor-element.elementor-element-4a87cfad .klick-flaeche {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61bcb228 */.elementor-6456 .elementor-element.elementor-element-61bcb228 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  color: white;
  padding: 1em;
  text-align: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-225d6b3b */.elementor-6456 .elementor-element.elementor-element-225d6b3b {
  position: relative;
  overflow: hidden;
  min-height: 250px;
}

/* Overlay-Bereich */
.elementor-6456 .elementor-element.elementor-element-225d6b3b .hover-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25%;
  z-index: 2;
  transition: height 1.4s ease-in-out;
  box-sizing: border-box;
}

/* Blauer Balken */
.elementor-6456 .elementor-element.elementor-element-225d6b3b .hover-overlay .hover-bg {
  position: absolute;
  inset: 0;
  background-color: rgba(1, 0, 128, 1);
  z-index: 1;
  transition: background-color 1.2s ease-in-out;
}

/* Text – bleibt absolut zentriert */
.elementor-6456 .elementor-element.elementor-element-225d6b3b .hover-overlay .text-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: white;
  font-size: 1.1em;
  text-align: center;
  margin: 0;
  line-height: 1.3;
  max-width: 90%;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5); /* Optional */
}

/* Hovereffekt */
.elementor-6456 .elementor-element.elementor-element-225d6b3b:hover .hover-overlay {
  height: 100%;
}

.elementor-6456 .elementor-element.elementor-element-225d6b3b:hover .hover-overlay .hover-bg {
  background-color: rgba(1, 0, 128, 0.7);
}
.elementor-6456 .elementor-element.elementor-element-225d6b3b {
  cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58ace8a */.elementor-6456 .elementor-element.elementor-element-58ace8a {
  position: relative;
  overflow: hidden;
  min-height: 250px;
}

/* Overlay-Bereich */
.elementor-6456 .elementor-element.elementor-element-58ace8a .hover-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25%;
  z-index: 2;
  transition: height 1.4s ease-in-out;
  box-sizing: border-box;
}

/* Blauer Balken */
.elementor-6456 .elementor-element.elementor-element-58ace8a .hover-overlay .hover-bg {
  position: absolute;
  inset: 0;
  background-color: rgba(1, 0, 128, 1);
  z-index: 1;
  transition: background-color 1.2s ease-in-out;
}

/* Text – bleibt absolut zentriert */
.elementor-6456 .elementor-element.elementor-element-58ace8a .hover-overlay .text-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: white;
  font-size: 1.1em;
  text-align: center;
  margin: 0;
  line-height: 1.3;
  max-width: 90%;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5); /* Optional */
}

/* Hovereffekt */
.elementor-6456 .elementor-element.elementor-element-58ace8a:hover .hover-overlay {
  height: 100%;
}

.elementor-6456 .elementor-element.elementor-element-58ace8a:hover .hover-overlay .hover-bg {
  background-color: rgba(1, 0, 128, 0.7);
}
.elementor-6456 .elementor-element.elementor-element-58ace8a {
  cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f36757e */.elementor-6456 .elementor-element.elementor-element-2f36757e {
  position: relative;
  overflow: hidden;
  min-height: 250px;
}

/* Overlay-Bereich */
.elementor-6456 .elementor-element.elementor-element-2f36757e .hover-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25%;
  z-index: 2;
  transition: height 1.4s ease-in-out;
  box-sizing: border-box;
}

/* Blauer Balken */
.elementor-6456 .elementor-element.elementor-element-2f36757e .hover-overlay .hover-bg {
  position: absolute;
  inset: 0;
  background-color: rgba(1, 0, 128, 1);
  z-index: 1;
  transition: background-color 1.2s ease-in-out;
}

/* Text – bleibt absolut zentriert */
.elementor-6456 .elementor-element.elementor-element-2f36757e .hover-overlay .text-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: white;
  font-size: 1.1em;
  text-align: center;
  margin: 0;
  line-height: 1.3;
  max-width: 90%;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5); /* Optional */
}

/* Hovereffekt */
.elementor-6456 .elementor-element.elementor-element-2f36757e:hover .hover-overlay {
  height: 100%;
}

.elementor-6456 .elementor-element.elementor-element-2f36757e:hover .hover-overlay .hover-bg {
  background-color: rgba(1, 0, 128, 0.7);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1937cce4 */.elementor-6456 .elementor-element.elementor-element-1937cce4 {
  position: relative;
  overflow: hidden;
  min-height: 250px;
}

/* Overlay-Bereich */
.elementor-6456 .elementor-element.elementor-element-1937cce4 .hover-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25%;
  z-index: 2;
  transition: height 1.4s ease-in-out;
  box-sizing: border-box;
}

/* Blauer Balken */
.elementor-6456 .elementor-element.elementor-element-1937cce4 .hover-overlay .hover-bg {
  position: absolute;
  inset: 0;
  background-color: rgba(1, 0, 128, 1);
  z-index: 1;
  transition: background-color 1.2s ease-in-out;
}

/* Text – bleibt absolut zentriert */
.elementor-6456 .elementor-element.elementor-element-1937cce4 .hover-overlay .text-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: white;
  font-size: 1.1em;
  text-align: center;
  margin: 0;
  line-height: 1.3;
  max-width: 90%;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5); /* Optional */
}

/* Hovereffekt */
.elementor-6456 .elementor-element.elementor-element-1937cce4:hover .hover-overlay {
  height: 100%;
}

.elementor-6456 .elementor-element.elementor-element-1937cce4:hover .hover-overlay .hover-bg {
  background-color: rgba(1, 0, 128, 0.7);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b8c5d3e */.elementor-6456 .elementor-element.elementor-element-7b8c5d3e {
  position: relative;
  overflow: hidden;
  min-height: 250px;
}

/* Overlay-Bereich */
.elementor-6456 .elementor-element.elementor-element-7b8c5d3e .hover-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25%;
  z-index: 2;
  transition: height 1.4s ease-in-out;
  box-sizing: border-box;
}

/* Blauer Balken */
.elementor-6456 .elementor-element.elementor-element-7b8c5d3e .hover-overlay .hover-bg {
  position: absolute;
  inset: 0;
  background-color: rgba(1, 0, 128, 1);
  z-index: 1;
  transition: background-color 1.2s ease-in-out;
}

/* Text – bleibt absolut zentriert */
.elementor-6456 .elementor-element.elementor-element-7b8c5d3e .hover-overlay .text-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: white;
  font-size: 1.1em;
  text-align: center;
  margin: 0;
  line-height: 1.3;
  max-width: 90%;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5); /* Optional */
}

/* Hovereffekt */
.elementor-6456 .elementor-element.elementor-element-7b8c5d3e:hover .hover-overlay {
  height: 100%;
}

.elementor-6456 .elementor-element.elementor-element-7b8c5d3e:hover .hover-overlay .hover-bg {
  background-color: rgba(1, 0, 128, 0.7);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d5ea332 */.elementor-6456 .elementor-element.elementor-element-7d5ea332 {
  position: relative;
  overflow: hidden;
  min-height: 250px;
}

/* Overlay-Bereich */
.elementor-6456 .elementor-element.elementor-element-7d5ea332 .hover-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25%;
  z-index: 2;
  transition: height 1.4s ease-in-out;
  box-sizing: border-box;
}

/* Blauer Balken */
.elementor-6456 .elementor-element.elementor-element-7d5ea332 .hover-overlay .hover-bg {
  position: absolute;
  inset: 0;
  background-color: rgba(1, 0, 128, 1);
  z-index: 1;
  transition: background-color 1.2s ease-in-out;
}

/* Text – bleibt absolut zentriert */
.elementor-6456 .elementor-element.elementor-element-7d5ea332 .hover-overlay .text-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: white;
  font-size: 1.1em;
  text-align: center;
  margin: 0;
  line-height: 1.3;
  max-width: 90%;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5); /* Optional */
}

/* Hovereffekt */
.elementor-6456 .elementor-element.elementor-element-7d5ea332:hover .hover-overlay {
  height: 100%;
}

.elementor-6456 .elementor-element.elementor-element-7d5ea332:hover .hover-overlay .hover-bg {
  background-color: rgba(1, 0, 128, 0.7);
}/* End custom CSS */