.elementor-323 .elementor-element.elementor-element-60553282{--display:flex;--min-height:500px;--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;--justify-content:center;--overlay-opacity:0.5;}.elementor-323 .elementor-element.elementor-element-60553282:not(.elementor-motion-effects-element-type-background), .elementor-323 .elementor-element.elementor-element-60553282 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://electra-me.de/wp-content/uploads/2025/05/background_2.jpg");background-position:center center;background-size:cover;}.elementor-323 .elementor-element.elementor-element-60553282::before, .elementor-323 .elementor-element.elementor-element-60553282 > .elementor-background-video-container::before, .elementor-323 .elementor-element.elementor-element-60553282 > .e-con-inner > .elementor-background-video-container::before, .elementor-323 .elementor-element.elementor-element-60553282 > .elementor-background-slideshow::before, .elementor-323 .elementor-element.elementor-element-60553282 > .e-con-inner > .elementor-background-slideshow::before, .elementor-323 .elementor-element.elementor-element-60553282 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.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-323 .elementor-element.elementor-element-70124f71{text-align:center;}.elementor-323 .elementor-element.elementor-element-70124f71 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:27px;font-weight:600;text-shadow:-1px 0px 18px #000000;color:var( --e-global-color-96c7ef7 );}.elementor-323 .elementor-element.elementor-element-df4b7b6{--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;}.elementor-323 .elementor-element.elementor-element-02aefbe{--spacer-size:50px;}.elementor-323 .elementor-element.elementor-element-a3e7660{--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;}.elementor-323 .elementor-element.elementor-element-98ce791{text-align:center;}.elementor-323 .elementor-element.elementor-element-98ce791 .elementor-heading-title{color:var( --e-global-color-787bc9b );}.elementor-323 .elementor-element.elementor-element-7de1af2{--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;}.elementor-323 .elementor-element.elementor-element-a55e577{--spacer-size:50px;}.elementor-323 .elementor-element.elementor-element-f5339ff{--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;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-323 .elementor-element.elementor-element-e98d256{--grid-row-gap:35px;width:100%;max-width:100%;--grid-column-gap:30px;}.elementor-323 .elementor-element.elementor-element-e98d256 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.8 * 100% );}.elementor-323 .elementor-element.elementor-element-e98d256:after{content:"0.8";}.elementor-323 .elementor-element.elementor-element-e98d256 .elementor-post__thumbnail__link{width:100%;}.elementor-323 .elementor-element.elementor-element-e98d256 .elementor-post__meta-data span + span:before{content:"•";}.elementor-323 .elementor-element.elementor-element-e98d256 .elementor-post__card{background-color:var( --e-global-color-primary );}.elementor-323 .elementor-element.elementor-element-e98d256 .elementor-post__text{margin-top:20px;}.elementor-323 .elementor-element.elementor-element-e98d256 .elementor-post__title, .elementor-323 .elementor-element.elementor-element-e98d256 .elementor-post__title a{color:var( --e-global-color-96c7ef7 );font-family:"Helvetica", Sans-serif;font-weight:500;}.elementor-323 .elementor-element.elementor-element-e98d256 .elementor-post__title{margin-bottom:0px;}.elementor-323 .elementor-element.elementor-element-8e16584{--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;}.elementor-323 .elementor-element.elementor-element-ff5f9fd{--spacer-size:50px;}.elementor-323 .elementor-element.elementor-element-af01a95{--display:flex;}.elementor-323 .elementor-element.elementor-element-af01a95.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-323 .elementor-element.elementor-element-aa27edb{width:100%;max-width:100%;}.elementor-323 .elementor-element.elementor-element-dc4c428{--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;}.elementor-323 .elementor-element.elementor-element-34a93df{--display:flex;}.elementor-323 .elementor-element.elementor-element-0a3b44a{--display:flex;}.elementor-323 .elementor-element.elementor-element-81c13fc{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-323 .elementor-element.elementor-element-af01a95{--width:100%;}}@media(max-width:767px){.elementor-323 .elementor-element.elementor-element-60553282{--min-height:35vh;}.elementor-323 .elementor-element.elementor-element-70124f71 .elementor-heading-title{font-size:20px;}.elementor-323 .elementor-element.elementor-element-e98d256 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-323 .elementor-element.elementor-element-e98d256:after{content:"0.5";}.elementor-323 .elementor-element.elementor-element-e98d256 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-e98d256 */.elementor-323 .elementor-element.elementor-element-e98d256 {
   .elementor-post__card {
  position: relative;
  overflow: hidden;
}

.elementor-post__text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40%;
  background: rgba(75, 183, 241,0.75);
  transition: height 0.5s ease, background 0.5s ease;
  z-index: 2;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;   /* Center vertically */
  align-items: center;       /* Center horizontally */
}

/* On hover, expand upward from bottom */
.elementor-post__card:hover .elementor-post__text {
  height: 100%;
  background: rgba(75, 183, 241,0.75); /* Optional: fully opaque */
}

.elementor-post__card:hover .elementor-post__title > a {
      text-decoration: underline !important;
      text-underline-offset: 5px !important;
}

.elementor-post__title a::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-bottom: 4px;
  margin-right: 3px;
  background-color: #FFF;
  -webkit-mask-image: url('https://electra-me.de/wp-content/uploads/2025/07/BulletPointArrow.svg');
  mask-image: url(''https://electra-me.de/wp-content/uploads/2025/07/BulletPointArrow.svg'');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  vertical-align: middle;
}/* End custom CSS */
/* Start custom CSS for template, class: .elementor-element-aa27edb */.elementor-323 .elementor-element.elementor-element-aa27edb{
    width: 100%;
    padding: 0;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc4c428 */.blue-tilt-container-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 600px; /* Adjust as needed */
}

.blue-tilt-1 {
  background-color: #4BB7F1;
  height: 300px;
  transform: rotate(-5deg) scale(1.5);
  position: absolute;
  top: 30%; /* Position to cross in the middle */
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 80%;
}

.blue-tilt-2 {
  background-color: #4BB7F1;
  height: 300px;
  transform: rotate(5deg) scale(1.5);
  position: absolute;
  top: 30%; /* Same position as tilt-1 to create the X */
  left: 0;
  right: 0;
  z-index: 2;
  opacity: 80%;
}

.form-container {
  position: relative;
  z-index: 3;
  padding: 150px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Additional CSS to center the form content within the container */
.form-container .elementor-widget-container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  background-color: transparent; /* Ensure form background is transparent */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .blue-tilt-1, .blue-tilt-2 {
    height: 250px;
  }
  
  .blue-tilt-container-wrapper {
    min-height: 500px;
  }
}

@media (max-width: 480px) {
  .blue-tilt-1, .blue-tilt-2 {
    height: 400px;
  }
  
  .blue-tilt-container-wrapper {
    min-height: 400px;
  }
}/* End custom CSS */