.elementor-273 .elementor-element.elementor-element-205e22c4{--display:flex;--min-height:55vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--overlay-opacity:0.1;--margin-block-start:0%;--margin-block-end:0%;--margin-inline-start:0%;--margin-inline-end:0%;}.elementor-273 .elementor-element.elementor-element-205e22c4:not(.elementor-motion-effects-element-type-background), .elementor-273 .elementor-element.elementor-element-205e22c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hatra.sichtbar.agency/wp-content/uploads/2024/04/hatra-photovoltaik-kundenservice.jpeg");background-position:0px -85px;background-repeat:no-repeat;background-size:cover;}.elementor-273 .elementor-element.elementor-element-205e22c4::before, .elementor-273 .elementor-element.elementor-element-205e22c4 > .elementor-background-video-container::before, .elementor-273 .elementor-element.elementor-element-205e22c4 > .e-con-inner > .elementor-background-video-container::before, .elementor-273 .elementor-element.elementor-element-205e22c4 > .elementor-background-slideshow::before, .elementor-273 .elementor-element.elementor-element-205e22c4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-273 .elementor-element.elementor-element-205e22c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:var( --e-global-color-text );}.elementor-273 .elementor-element.elementor-element-205e22c4, .elementor-273 .elementor-element.elementor-element-205e22c4::before{--border-transition:0.3s;}.elementor-273 .elementor-element.elementor-element-6691051b{--display:flex;--background-transition:0.3s;--margin-block-start:15%;--margin-block-end:0%;--margin-inline-start:0%;--margin-inline-end:0%;--padding-block-start:1%;--padding-block-end:2%;--padding-inline-start:2%;--padding-inline-end:0%;}.elementor-273 .elementor-element.elementor-element-1798f618 .elementor-heading-title{color:var( --e-global-color-5325dd0 );font-size:42px;font-weight:700;line-height:1.5em;}.elementor-273 .elementor-element.elementor-element-6ddb9149 .elementor-heading-title{color:var( --e-global-color-5325dd0 );font-size:25px;font-weight:600;line-height:1.5em;}.elementor-273 .elementor-element.elementor-element-6ddb9149 > .elementor-widget-container{margin:-4% 0% 0% 0%;}.elementor-273 .elementor-element.elementor-element-61cc0fbc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;}.elementor-273 .elementor-element.elementor-element-61cc0fbc:not(.elementor-motion-effects-element-type-background), .elementor-273 .elementor-element.elementor-element-61cc0fbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-273 .elementor-element.elementor-element-61cc0fbc, .elementor-273 .elementor-element.elementor-element-61cc0fbc::before{--border-transition:0.3s;}.elementor-273 .elementor-element.elementor-element-60871a9a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-273 .elementor-element.elementor-element-7bc52b56 .elementor-heading-title{color:var( --e-global-color-primary );font-size:38px;font-weight:700;line-height:45px;}.elementor-273 .elementor-element.elementor-element-7bc52b56 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-273 .elementor-element.elementor-element-7bc52b56{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-273 .elementor-element.elementor-element-cfc5b5d .elementor-heading-title{color:var( --e-global-color-text );font-family:"Barlow", Sans-serif;font-size:20px;font-weight:600;line-height:1.5em;}.elementor-273 .elementor-element.elementor-element-abf74f6 .elementor-heading-title{color:var( --e-global-color-text );font-family:"Barlow", Sans-serif;font-size:20px;font-weight:600;line-height:1.5em;}.elementor-273 .elementor-element.elementor-element-4147a960{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-273 .elementor-element.elementor-element-7327998a img{border-radius:0px 0px 0px 0px;}.elementor-273 .elementor-element.elementor-element-7327998a{width:var( --container-widget-width, 100.208% );max-width:100.208%;--container-widget-width:100.208%;--container-widget-flex-grow:0;}.elementor-273 .elementor-element.elementor-element-7327998a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-273 .elementor-element.elementor-element-42e55a17{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--overlay-opacity:0.34;}.elementor-273 .elementor-element.elementor-element-42e55a17:not(.elementor-motion-effects-element-type-background), .elementor-273 .elementor-element.elementor-element-42e55a17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hatra.sichtbar.agency/wp-content/uploads/2024/04/fuer-die-generation-danach.jpeg");background-position:center center;background-size:cover;}.elementor-273 .elementor-element.elementor-element-42e55a17::before, .elementor-273 .elementor-element.elementor-element-42e55a17 > .elementor-background-video-container::before, .elementor-273 .elementor-element.elementor-element-42e55a17 > .e-con-inner > .elementor-background-video-container::before, .elementor-273 .elementor-element.elementor-element-42e55a17 > .elementor-background-slideshow::before, .elementor-273 .elementor-element.elementor-element-42e55a17 > .e-con-inner > .elementor-background-slideshow::before, .elementor-273 .elementor-element.elementor-element-42e55a17 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:var( --e-global-color-text );}.elementor-273 .elementor-element.elementor-element-42e55a17, .elementor-273 .elementor-element.elementor-element-42e55a17::before{--border-transition:0.3s;}.elementor-273 .elementor-element.elementor-element-683acc38 .elementor-heading-title{color:var( --e-global-color-5325dd0 );font-size:60px;font-weight:700;line-height:60px;}.elementor-273 .elementor-element.elementor-element-683acc38{width:var( --container-widget-width, 74% );max-width:74%;--container-widget-width:74%;--container-widget-flex-grow:0;}.elementor-273 .elementor-element.elementor-element-67f4752a{color:var( --e-global-color-5325dd0 );font-size:18px;font-weight:400;line-height:31px;width:var( --container-widget-width, 54% );max-width:54%;--container-widget-width:54%;--container-widget-flex-grow:0;}.elementor-273 .elementor-element.elementor-element-2aea7ab0 .elementor-button{font-size:16px;font-weight:500;fill:var( --e-global-color-text );color:var( --e-global-color-text );background-color:var( --e-global-color-5325dd0 );}.elementor-273 .elementor-element.elementor-element-2aea7ab0 .elementor-button:hover, .elementor-273 .elementor-element.elementor-element-2aea7ab0 .elementor-button:focus{color:var( --e-global-color-5325dd0 );background-color:var( --e-global-color-primary );}.elementor-273 .elementor-element.elementor-element-2aea7ab0 .elementor-button:hover svg, .elementor-273 .elementor-element.elementor-element-2aea7ab0 .elementor-button:focus svg{fill:var( --e-global-color-5325dd0 );}.elementor-273 .elementor-element.elementor-element-2aea7ab0 > .elementor-widget-container{margin:0% 0% 10% 0%;}.elementor-273 .elementor-element.elementor-element-db4ca51{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}@media(min-width:768px){.elementor-273 .elementor-element.elementor-element-6691051b{--width:57%;}.elementor-273 .elementor-element.elementor-element-60871a9a{--width:60%;}.elementor-273 .elementor-element.elementor-element-4147a960{--width:40%;}.elementor-273 .elementor-element.elementor-element-db4ca51{--content-width:1600px;}}@media(max-width:1024px){.elementor-273 .elementor-element.elementor-element-205e22c4:not(.elementor-motion-effects-element-type-background), .elementor-273 .elementor-element.elementor-element-205e22c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-273 .elementor-element.elementor-element-1798f618 .elementor-heading-title{font-size:30px;}.elementor-273 .elementor-element.elementor-element-6ddb9149 .elementor-heading-title{font-size:30px;}.elementor-273 .elementor-element.elementor-element-7bc52b56 .elementor-heading-title{font-size:30px;}.elementor-273 .elementor-element.elementor-element-cfc5b5d .elementor-heading-title{font-size:30px;}.elementor-273 .elementor-element.elementor-element-abf74f6 .elementor-heading-title{font-size:30px;}.elementor-273 .elementor-element.elementor-element-683acc38 .elementor-heading-title{font-size:30px;}}@media(max-width:767px){.elementor-273 .elementor-element.elementor-element-205e22c4{--min-height:26vh;}.elementor-273 .elementor-element.elementor-element-205e22c4:not(.elementor-motion-effects-element-type-background), .elementor-273 .elementor-element.elementor-element-205e22c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hatra.sichtbar.agency/wp-content/uploads/2024/04/hatra-photovoltaik-kundenservice.jpeg");background-position:0px 0px;background-size:cover;}.elementor-273 .elementor-element.elementor-element-6691051b{--padding-block-start:4%;--padding-block-end:4%;--padding-inline-start:4%;--padding-inline-end:4%;}.elementor-273 .elementor-element.elementor-element-1798f618 .elementor-heading-title{font-size:26px;line-height:1.2em;}.elementor-273 .elementor-element.elementor-element-1798f618 > .elementor-widget-container{margin:0% 0% 11% 3%;}.elementor-273 .elementor-element.elementor-element-6ddb9149 .elementor-heading-title{font-size:18px;line-height:1.2em;}.elementor-273 .elementor-element.elementor-element-6ddb9149 > .elementor-widget-container{margin:-22% 4% 0% 4%;}.elementor-273 .elementor-element.elementor-element-7bc52b56 .elementor-heading-title{font-size:26px;line-height:1.2em;}.elementor-273 .elementor-element.elementor-element-68b448d9{font-size:16px;}.elementor-273 .elementor-element.elementor-element-cfc5b5d .elementor-heading-title{font-size:16px;line-height:1.2em;}.elementor-273 .elementor-element.elementor-element-abf74f6 .elementor-heading-title{font-size:16px;line-height:1.2em;}.elementor-273 .elementor-element.elementor-element-42e55a17{--overlay-opacity:0.54;}.elementor-273 .elementor-element.elementor-element-683acc38 .elementor-heading-title{font-size:20px;line-height:1.2em;}.elementor-273 .elementor-element.elementor-element-683acc38 > .elementor-widget-container{margin:10% 0% 0% 0%;}.elementor-273 .elementor-element.elementor-element-683acc38{--container-widget-width:398px;--container-widget-flex-grow:0;width:var( --container-widget-width, 398px );max-width:398px;}.elementor-273 .elementor-element.elementor-element-67f4752a{font-size:16px;line-height:27px;--container-widget-width:409px;--container-widget-flex-grow:0;width:var( --container-widget-width, 409px );max-width:409px;}}/* Start custom CSS for container, class: .elementor-element-6691051b */.Farbverlauf { 
  background: linear-gradient(130deg, rgba(0, 0, 0, 0.8), transparent); 
  
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7327998a */.formen img {
    position: relative; 
    z-index: 20; 
    border-radius: 0% 40% 0% 40%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6e48660 */html { 
    height: 100%; 
    margin: 0 auto; 
    padding: 0; 
    background: #fcfcfc;
} 

section { 
    position: relative; 
    padding-top: 3.5rem; 
    padding-bottom: 3.5rem;
} 

@media (min-width: 992px){ 
  section { 
    padding-top: 6rem; 
    padding-bottom: 6rem;
  } 
}     

*,:before,:after { 
    box-sizing: border-box;
} 

:selection { 
    color: #fff; 
    background-color: #72b92b;
} 

.container { 
    width: 100%; 
    padding-left: 1rem; 
    padding-right: 1rem; 
    margin-left: auto; 
    margin-right: auto; 
    max-width: 1600px;
} 

.container { 
    max-width: 720px; 
    position: relative; 
    z-index: 20;
} 

@media (min-width: 992px){ 
  .container { 
    max-width: 960px;
  } 
}     

@media (min-width: 1200px){ 
  .container { 
    max-width: 1160px;
  } 
}     

@media (min-width: 1400px){ 
  .container { 
    max-width: 1300px;
  } 
}     

.service-section .container  { 
    display: grid; 
    gap: 2rem;
} 

@media (min-width: 768px){ 
  .service-section .container  { 
    gap: 5rem;
  } 

  .service-section .image-box  { 
    display: flex; 
    justify-content: center;
  } 

  .service-section .image-box:nth-child(2n + 1)  { 
    margin-right: 4rem;
  } 

  .service-section .image-box:nth-child(2n)  { 
    flex-direction: row-reverse; 
    margin-left: 4rem;
  } 
}     

.service-section .box  { 
    margin-left: 1rem; 
    margin-right: 1rem; 
    margin-top: -2rem; 
    background: white; 
    padding: 1.5rem; 
    position: relative; 
    box-shadow: 5px 5px 30px 0 rgba(17, 17, 17, 0.1);
} 

@media (min-width: 768px){ 
  .service-section .box  { 
    width: 420px; 
    min-height: 200px; 
    margin-top: 2rem;
  } 

  .service-section .image-box:nth-child(2n + 1) .box  { 
    margin-left: -3rem;
  } 

  .service-section .image-box:nth-child(2n) .box  { 
    margin-right: -3rem;
  } 
}     

img { 
    max-width: 100%; 
    display: block; 
    height: auto; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    user-select: none;
} 

.service-section img  { 
    width: 100%; 
    height: 200px; 
    -o-object-fit: cover; 
    object-fit: cover;
} 

@media (min-width: 768px){ 
  .service-section img  { 
    width: 420px;
  } 
}     

.h6 { 
    color: #000; 
    font-weight: 500; 
    line-height: 1.2; 
    font-family: "Barlow",sans-serif; 
    margin: 0 0 1rem 0; 
    letter-spacing: .05em;
} 

.font-600 { 
    font-weight: 600;
} 

.h6 { 
    font-size: 16px;
} 

@media (min-width: 992px){ 
  .h6 { 
    font-size: 20px;
  } 
}     

p { 
    margin: 0 0 1rem 0;
} 

.mb-0 { 
    margin-bottom: 0 !important;
} 

.text-white { 
    color: #fff;
} 

.service-section span  { 
    background: #72b92b; 
    color: white; 
    display: inline-block; 
    padding: 5px 10px; 
    margin-right: 10px;
}/* End custom CSS */