/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


@media screen and (max-width: 480px) {
  .main-row-0-background-layers {
    min-height: 500px!important;
  }
  .main-row-0-background-layers h1 {
    font-size: 18px!important;
  }
  .desktop-tablet-only {
    display:none!important;
  }
}

.main-row-0-background-layers {
  min-height: 1000px;
  display: flex;
  align-items: center;
}

.dnd-section > .row-fluid, .content-wrapper, .header__wrapper {
  max-width: 1200px!important;
}

/* Section Header */
.solar-header {
  text-align: center;
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 20px;
}

.solar-highlight {
  color: #6ABF4B;
}

/* Step Boxes */
.solar-step-box {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 20px;
  margin-right: 0px;
  padding: 10px 20px 10px 10px;
  text-align: center;
  border-right: 2px solid #e9e9e9;
}

.solar-step-box-container .solar-step-box:nth-child(2) {
  padding-left:0px!important;
  padding-right:20px!important;
  margin-left:0px!important;
  margin-right:0px!important;
}

.solar-step-box-container .solar-step-box:nth-child(3) {
  padding-left:0px!important;
  margin-left:0px!important;
  border-right: none!important
}

.solar-step-box-container {
  background:white;
  border-radius: 20px;
}


.solar-step-box .number-box {
  flex-basis: 20%;
}

.solar-step-box .text-box {
  flex-basis: 80%;
  text-align: left;
}

.solar-step-box-container {
  display:flex;
}
.solar-step-box-container .solar-step-box:nth-child(2) {
  position: relative
}
.solar-step-box-container .solar-step-box:nth-child(2)::after {
  background-color: #fff;
  bottom: -35px;
  clip-path: polygon(50% 100%, 100% 0, 0 0);
  content: "";
  height: 25px;
  left: 50%;
  position: absolute;
  width: 60px;
}

/* Step Number */
.solar-step-number {
  color: #6ABF4B;
  font-size: 42px;
  margin-bottom: 10px;
  font-weight: bold;
}

/* Step Title */
.solar-step-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}

/* Step Description */
.solar-step-description {
  font-size: 14px;
  color: #555;
  margin-bottom: 0px!important;
}

.lp-raw-form {
  background:none!important;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.hs_salutation_custom {
  flex-basis: 100%;
}

.hs_firstname, .hs_email, .hs_message, .hs-phone {
  flex-basis: calc(50% - 25px);
  margin-right: 25px;
}

.hs_callback_yes_no li.hs-form-radio {
  margin-top:0px!important;
}

.hs_callback_yes_no {
  display: flex;
  align-items: flex-start;
  margin-right: 25px;
}

.hs_lastname, .hs_address {
  flex-basis: calc(50% - 25px);
}

.lp-raw-form .hs_salutation_custom, .lp-raw-form .hs_salutation_custom ul[role="checkbox"], .lp-raw-form .hs_callback_radio ul[role="checkbox"] {
  display:flex;
  gap: 20px;
  align-items: center;
}


.hs_zip {
  flex-basis: calc(15% - 25px);
  margin-right: 25px;
}

.hs_city {
  flex-basis: calc(35% - 15px);
}

.lp-raw-form .hs_salutation_custom ul[role="checkbox"] input, .lp-raw-form .hs_callback_yes_no ul[role="checkbox"] input, .lp-raw-form .hs_callback_radio ul[role="checkbox"] input, .legal-consent-container input {
  display:none;
}
.lp-raw-form .hs_salutation_custom ul[role="checkbox"] input+span:before, 
.lp-raw-form .hs_callback_yes_no ul[role="checkbox"] input+span:before, 
.lp-raw-form .hs_callback_radio ul[role="checkbox"] input+span:before,
.legal-consent-container input+span:before
{
  content: "";
  width: 26px;
  height: 26px;
  display: inline-block;
  border-radius: 50%;
  background: url(https://solar-invest.sonachhaltig.de/hubfs/green-radio.png) no-repeat 0 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.lp-raw-form .hs_salutation_custom ul[role="checkbox"] input:checked+span:before, 
.lp-raw-form .hs_callback_yes_no ul[role="checkbox"] input:checked+span:before, 
.lp-raw-form .hs_callback_radio ul[role="checkbox"]  input:checked+span:before, 
.legal-consent-container input:checked+span:before
{
  content: "";
  width: 26px;
  height: 26px;
  display: inline-block;
  border-radius: 50%;
  background: url(https://solar-invest.sonachhaltig.de/hubfs/green-radio-checked.png) no-repeat 0 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.lp-raw-form .hs-fieldtype-text.hs-form-field, .lp-raw-form .hs-message.hs-form-field, .lp-raw-form .hs-fieldtype-phonenumber {
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 16px;
  margin-bottom: 1.4rem;
  padding: 10px 20px 10px 20px;
}

.lp-raw-form .hs-fieldtype-text.hs-form-field label span, .lp-raw-form .hs-message.hs-form-field label span, .lp-raw-form .hs-fieldtype-phonenumber span {
  color: #B2B1B1;
}

.lp-raw-form .hs-fieldtype-text.hs-form-field input, .lp-raw-form .hs-fieldtype-phonenumber.hs-form-field input {
  padding-top:10px;
  padding-bottom: 10px;
  padding-left: 0px!important;
  margin:0px!important  
}

.lp-raw-form .hs-fieldtype-text.hs-form-field input:focus, .lp-raw-form .hs_message textarea:focus , .lp-raw-form .hs-phone input:focus{
  outline:none!important
}


.lp-raw-form .hs_callback_radio ul[role="checkbox"] {
  display: flex;
}
.lp-raw-form ul.hs-error-msgs.inputs-list {
  position:absolute;
  bottom: 20px;
}

.lp-raw-form .hs-form-field {
  position: relative
}

.lp-raw-form .hs-error-msgs.inputs-list, .lp-raw-form .hs-error-msgs.inputs-list *{
  margin:0px!important;
  padding:0px!important;
  height:0px!important;
  font-size:11px!important;
}

.lp-raw-form .legal-consent-container {
  padding-bottom: 20px;
}


.lp-raw-form input[type='submit'] {
  background: #67b33d;
  border-radius: 10px;
  color: #fff;
  font-size: 20px;
  padding-left: 40px;
  padding-right: 40px;
}


.lp-raw-form input[type='submit']:hover {
  color: #67b33d;
  background: white;
  transition: color 0.5s ease-in-out, background 0.5s ease-in-out;
}

.text-container {
  margin-left: 10%;
  margin-right: 10%;
}

.reviewer-image {
  padding: 20px;
  border-radius: 100%;
  background:#e4e8eb;
  margin-right: 10px;
}
.reviewer-image i {
  font-size: 24px;
  color: #fff;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.review-container {
  position: relative;
}
.review-ratings{
  position: absolute;
  top: 12px;
  right:20px;
}
.review-ratings i {
  font-size: 10px; color: #6abf4b;
}

#review-container-1 {
  margin-left: 10%;
}
#review-container-2 {
  margin-right: 10%;
}
.vorteil-container img {
  height: 76px;
  width: 76px;
}
.vorteil-container h3 {
  margin-bottom: 0px!important;
}

.footer.child-theme .widget-type-logo img {
  max-width: 261px;
}

.footer-links a {
  text-decoration:none!important;
}

.footer-links a:hover {
  color: #67b33d!important;
}

.footer-links {
  display:flex;
  flex-direction:row;
  gap: 20px;
}

@font-face {
  font-family: 'Agrandir';
  src: url("//145486059.fs1.hubspotusercontent-eu1.net/hubfs/145486059/raw_assets/public/2HM%20Growth%20Theme%20-%20Basic%20Growth%20Child%20Theme/custom-fonts/Agrandir-Regular.woff2") format("woff2");
  font-weight: 400; /* Bold weight */
  font-style: normal; /* Regular style */
}

@font-face {
  font-family: 'Agrandir';
  src: url("//145486059.fs1.hubspotusercontent-eu1.net/hubfs/145486059/raw_assets/public/2HM%20Growth%20Theme%20-%20Basic%20Growth%20Child%20Theme/custom-fonts/Agrandir-Bold.woff2") format("woff2");
  font-weight: 700; /* Bold weight */
  font-style: normal; /* Regular style */
}

@font-face {
  font-family: 'Agrandir-Grand';
  src: url("//145486059.fs1.hubspotusercontent-eu1.net/hubfs/145486059/raw_assets/public/2HM%20Growth%20Theme%20-%20Basic%20Growth%20Child%20Theme/custom-fonts/Agrandir-GrandRegular.woff2") format("woff2");
  font-weight: 400; /* Bold weight */
  font-style: normal; /* Regular style */
}

@font-face {
  font-family: 'Agrandir-Grand';
  src: url("//145486059.fs1.hubspotusercontent-eu1.net/hubfs/145486059/raw_assets/public/2HM%20Growth%20Theme%20-%20Basic%20Growth%20Child%20Theme/custom-fonts/Agrandir-GrandBold.woff2") format("woff2");
  font-weight: 700; /* Bold weight */
  font-style: normal; /* Regular style */
}

.header__top_cta .header_top_text_text {
  font-family: 'Agrandir', sans-serif!important;
  font-style: normal;
  font-weight: 400!important;
}

.header__bottom a {
  font-family: 'Agrandir', sans-serif!important;
  font-style: normal;
  font-weight: 700!important;
}

h1 {
  font-family: 'Agrandir-Grand', sans-serif!important;
  font-style: normal;
  font-weight: 700!important;
  font-size:42px;
}

h2 {
  font-family: 'Agrandir', sans-serif!important;
  font-style: normal;
  font-weight: 700!important;
  font-size: 34px!important;
}

h3, h4 {
  font-family: 'Agrandir', sans-serif!important;
  font-style: normal;
  font-weight: 700!important;
}

.anfragen-cta-image-container a{
  font-family: 'Agrandir', sans-serif!important;
  font-style: normal;
  font-weight: 400!important;
}

.anfragen-cta-image-container h3, .anfragen-cta-image-container p {
  font-size:20px;
  font-weight: 700!important;
}

p, .lp-raw-form span {
  font-family: 'Agrandir', sans-serif!important;
  font-style: normal;
  font-weight: 400!important;
}

.banner-text-container p {
  width: 75%;
  font-size:20px;
}

.legal-consent-container span{
  font-size:14px;
}

#beratung-termin-container .phone-number i {
  font-size: 32px;
}

#beratung-termin-container .phone-number {
  font-size: 32px!important;
  font-weight: 700!important;
}
.termin-buchen-cta {
  max-width: 60%
}

.vorteil-container {
  display: flex;
  text-align: left;
  flex-direction: column;
  gap: 10px;
}

footer a {
  font-family: 'Agrandir-Grand', sans-serif!important;
}

/*Tablet*/

@media screen and (min-width: 481px) and (max-width: 1024x) {
  #main-content .container-fluid .main-row-0-background-layers {
    background-image: url(https://solar-invest.sonachhaltig.de/hubfs/best-header.jpg) !important;
    background-position: 60% 50% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  #hs_cos_wrapper_main-module-12_ > img {
    padding-left: 24px;
    padding-right: 12px;
    border-radius:unset!important;
  }
}

@media screen and (min-width: 1280px) {
  .hs_cos_wrapper_type_linked_image img[alt="beratung-image"] {
    height: 100%!important;
    width: auto!important;
    max-width:unset!important;
  }
}

@media screen and (min-width: 481px) and (max-width: 1180px) {
  #main-content .main-row-0-background-layers {
    background-image: url('https://solar-invest.sonachhaltig.de/hubfs/best-header.jpg')!important;
    background-position: 70% 50%!important;
    background-size: cover!important;
  }
}


@media screen and (max-width: 480px) {
  #main-content .main-row-0-background-layers {
    background-image: url('https://solar-invest.sonachhaltig.de/hubfs/header-mobile%20%281%29.png')!important;
    background-position: bottom right!important;
    background-size: contain!important;
  }
}


/* Mobile and Tablet previously 478px */
@media screen and (max-width: 1024px) { 

  .lp-raw-form .hs_callback_radio ul[role="checkbox"] {
    gap:10px!important;
  }

  .swiper-button-pre, .swiper-button-next {
    top: 40%!important;
  }

  .header__logo {
    margin-left: 10px;
  }

  .reviewer-outer-outer-container .mobile.cta-link {
    display: inline-block;
  }

  #beratung-termin-container .phone-number {
    font-size: 24px!important;
  }

  .lp-raw-form .hs_salutation_custom ul[role="checkbox"] {
    gap:10px!important;
  }

  .hs_callback_yes_no, .hs_callback_radio input, .hs_callback_radio {
    margin-bottom: 0px!important;
  }

  .lp-raw-form .hs_salutation_custom {
    gap: 10px!important;
  }

  .desktop {
    display:none!important;
  }
  .header__logo {
    max-width: 160px;
    min-width: 200px!important;
  }
  .header__bottom {
    padding-bottom:10px!important;
    padding-top: 10px!important;
  }
  h1 {
    font-size: 28px!important;
    margin-top:25%!important
  }
  .banner-text-container p {
    width: 100%;
  }
  #main-content .main-row-0-background-layers {
    /*background-image: url('https://solar-invest.sonachhaltig.de/hubfs/header-mobile%20%281%29.png')!important;*/
    /*background-position: bottom right!important;*/
    /*background-size: contain!important;*/
    background-repeat: no-repeat !important;
  }
  .anfragen-cta-image-container {
    margin-top: calc(50% - 20px)!important;
    margin-bottom: 20px !important;
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .anfragen-cta-image-container > div:nth-child(1), .anfragen-cta-image-container > div:nth-child(2) {
    flex:calc(50% - 20px)!important;
  }
  .anfragen-cta-image-container > div:nth-child(3) {
    flex 100%!important;
  }
  #main-content > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-1.main-row-0-background-layers.dnd-section.main-row-0-background-image {
    padding-bottom:0px!important;
  }
  .anfragen-cta-image-container a {
    width: 100%!important;
    text-align:center;
    font-size:24px!important;
  }
  .anfragen-cta-image-container img{
    width:120%!important;
    max-width:120%!important;
  }
  .solar-step-box-container {
    flex-direction: column;
    display: flex;
  }
  .row-fluid .solar-step-box, .row-fluid .solar-step-box-container .solar-step-box:nth-child(2), .row-fluid .solar-step-box-container .solar-step-box:nth-child(3) {
    margin:0px 10px 0px 10px!important;
    border-right:unset!important;
    padding:20px 10px 20px 10px!important;
    border-bottom: 2px solid #e9e9e9;
  }
  .solar-step-box-container .solar-step-box:nth-child(2)::after {
    display:none;
  }
  .solar-step-box-container .solar-step-box:nth-child(3) {
    border-bottom:unset!important;
    position:relative
  }
  .solar-step-box-container .solar-step-box:nth-child(3)::after {
    background-color: #fff;
    bottom: -20%;
    clip-path: polygon(50% 100%, 100% 0, 0 0);
    content: "";
    height: 25px;
    left: 40%;
    position: absolute;
    width: 60px;
  }

  form[data-form-id="a9fac3c4-7ca7-4283-a6d5-22ef0b11b082"] {
    padding:20px 10px 20px 10px!important;
  }
  form[data-form-id="a9fac3c4-7ca7-4283-a6d5-22ef0b11b082"] .hs-form-radio label span {
    display: flex;
    flex-direction: row;
  }

  form[data-form-id="a9fac3c4-7ca7-4283-a6d5-22ef0b11b082"] .hs-fieldtype-text , form[data-form-id="a9fac3c4-7ca7-4283-a6d5-22ef0b11b082"] .hs-message, form[data-form-id="a9fac3c4-7ca7-4283-a6d5-22ef0b11b082"] .hs-fieldtype-phonenumber {
    flex-basis: 100%!important;
    margin-right:0px!important;
  }
  form[data-form-id="a9fac3c4-7ca7-4283-a6d5-22ef0b11b082"] .legal-consent-container label span{
    margin-left:0px!important;
    line-height:24px;
  }
  form[data-form-id="a9fac3c4-7ca7-4283-a6d5-22ef0b11b082"] .hs_submit  {
    width: 100%;
  }
  .text-container#beratung-termin-container {
    margin-left:15px!important;
    margin-right:15px!important;
    margin-top:15px!important;
  }

  /**Specific rule for Beratung container**/

  #hs_cos_wrapper_main-module-12_ > img {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px
  }

  .termin-buchen-cta {
    max-width:100%!important;
  }

  h2 {
    font-size:26px!important;
  }
}
@media screen and (min-width: 1025px) {
  .mobile {
    display:none!important;
  }
}

@media screen and (min-width: 481px) {
  .mobile-only {
    display:none!important;
  }
}

.header__top_cta .header_top_text_text.mobile a {
  color:white;
  font-family: 'Agrandir', sans-serif!important;
  font-weight: 700;
  text-decoration:none;
  font-size:12px;
}



.header__top_cta .header_top_text_text.mobile .email a, .header__top_cta .header_top_text_text.mobile .phone a {
  display:flex;
  flex-direction:row;
  gap: 5px;
  align-items:center;
  justify-content:center;
}

.header_top_text_text.mobile {
  display:flex;
  gap:5px;
}

header {
  max-width: 100vw;
}

.header__menu-toggle {
  display:none!important;
}

#hsForm_a9fac3c4-7ca7-4283-a6d5-22ef0b11b082 > div.hs_salutation_custom > div > div > div > ul > li, #hsForm_a9fac3c4-7ca7-4283-a6d5-22ef0b11b082 > div.legal-consent-container > div > div > div > ul > li {
  margin-top: 10px!important;
}

html {
  scroll-behavior: smooth;
}

form#hsForm_a9fac3c4-7ca7-4283-a6d5-22ef0b11b082 .legal-consent-container .hs-form-booleancheckbox-display>span {
  margin-left:0px!important;
}

.swiper-button-next, .swiper-button-prev {
  top: 45%!important;
}

.hs_error_rollup {
  display:none
}

#beratung-termin-container .phone-number a {
  text-decoration: none!important;
  color:black;
  font-family: Agrandir;
  font-weight: 700;
}

.mobile.commitment {
  text-align:center;
}

.mobile.commitment img {
  max-width: 60%!important;
  padding-bottom: 60px;
}


span[data-hs-cos-type="linked_image"] img {
  height: auto;
  max-width: 100%;
}