:root {
  --main-color: #5ea378;
  --sec-color: #edf8f1;
  --thir-color: #5ea37838;
  --button-text-color-light: #5ea378;
  --button-bg-color-light: #edf8f1;
  --link-color: #5ea378;
  --backend-button-bg: #5ea378;
  --backend-button-text: #ffffff;
  --strong-button-bg: #1d6b4e;
  --strong-button-text: #ffffff;
  --button-hover: #76be92;
  --button-light-hover: #daf1e3;
  --select-color: #1c6b4e;
  --preview-message-bg: #f5f5f5;
  --create-project-progressbar: #1c6b4e;
  --fade-color-header: #6bc690;
  --graph-money-close-details: #62af80;
  --progress-percent: #1a5d38;
  --progress: #ebeff2;
  --progress-value: #6ac78f;
  --com-project-img-path: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --com-project-bg-gradient: #6bc69060;
  --com-project-progrss-bar: green;
  --com-project-threshold: #bceece78;
  --cpro-tiles-headline: #1d6b4e;
  --project-filter-image: "wp-content/plugins/ccass-platform/assets/wind.jpg";
  --progress-color: #6bc690;
  --button-with-border: #70bf8f;
  --color-fade-dark: #5ea390;
  --color-fade-light: #6bc690;
  --img-header-ivest: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --img-header-home: url("/wp-content/plugins/ccass-platform/assets/wind.jpg");
  --login-bg: #e2ffe2;
  --login-success: #4bb71b;
}

[data-theme=enerparc]:root {
  --main-color: #003878;
  --sec-color: #efefef;
  --thir-color: #00387841;
  --button-text-color-light: #fff;
  --button-bg-color-light: #003878;
  --link-color: #003878;
  --backend-button-bg: #003878;
  --backend-button-text: #ffffff;
  --strong-button-bg: #000;
  --strong-button-text: #ffffff;
  --button-hover: #003878;
  --button-light-hover: #003878;
  --select-color: #003878;
  --preview-message-bg: #f5f5f5;
  --create-project-progressbar: #003878;
  --fade-color-header: #003878;
  --graph-money-close-details: #000;
  --progress-percent: #003878;
  --progress: #ebeff2;
  --progress-value: #003878;
  --com-project-img-path: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --com-project-bg-gradient: #003878;
  --com-project-progrss-bar: #003878;
  --com-project-threshold: #65b5e2;
  --cpro-tiles-headline: #000;
  --project-filter-image: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --progress-color: #003878;
  --button-with-border: #003878;
  --color-fade-dark: #003878;
  --color-fade-light: #003878;
  --img-header-ivest: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --img-header-home: url("/wp-content/uploads/sites/25/2023/03/ez-enerparc-header.jpg");
  --login-bg: #003878;
  --login-success: #003878;
}

[data-theme=gpjoule]:root {
  --main-color: #ffe51f;
  --sec-color: #000;
  --thir-color: #fff8cc;
  --link-color: #000;
  --backend-button-bg: #ffe51f;
  --backend-button-text: #000;
  --strong-button-bg: #ffe51f;
  --strong-button-text: #000;
  --button-hover: #ffe51f;
  --fade-color-header: #ffe51f;
  --progress-color: #6bc690;
  --login-success: #4bb71b;
}

[data-theme=reon]:root {
  --main-color: #ef8606;
  --sec-color: #fff;
  --thir-color: #ffcc00;
  --link-color: #ef8606;
  --backend-button-bg: #ef8606;
  --backend-button-text: #fff;
  --strong-button-bg: #ef8606;
  --strong-button-text: #fff;
  --fade-color-header: #ef8606;
  --cpro-tiles-headline: #0063a0;
}

[data-theme=bad-nauheim]:root {
  --main-color: #4f8c76;
  --sec-color: #8cbe8a;
  --thir-color: #daf1e3;
  --button-text-color-light: #4f8c76;
  --button-bg-color-light: #55bf50;
  --link-color: #4f8c76;
  --backend-button-bg: #4f8c76;
  --backend-button-text: #ffffff;
  --strong-button-bg: #4f8c76;
  --strong-button-text: #ffffff;
  --button-hover: #76be92;
  --button-light-hover: #daf1e3;
  --select-color: #1c6b4e;
  --preview-message-bg: #f5f5f5;
  --create-project-progressbar: #1c6b4e;
  --fade-color-header: #e2e2e2;
  --graph-money-close-details: #62af80;
  --progress-percent: #1a5d38;
  --progress: #ebeff2;
  --progress-value: #6ac78f;
  --com-project-img-path: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --com-project-bg-gradient: #6bc69060;
  --com-project-progrss-bar: green;
  --com-project-threshold: #bceece78;
  --cpro-tiles-headline: #4f8c76;
  --project-filter-image: "wp-content/plugins/ccass-platform/assets/wind.jpg";
  --progress-color: #6bc690;
  --button-with-border: #70bf8f;
  --color-fade-dark: #5ea390;
  --color-fade-light: #6bc690;
  --img-header-ivest: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --img-header-home: url("/wp-content/plugins/ccass-platform/assets/sw-badnauheim/header.jpg");
  --login-bg: #3a8cac;
  --login-success: #4bb71b;
}

[data-theme=gi-crowd]:root {
  --main-color: #8ca16a;
  --sec-color: #f9f9f9;
  --thir-color: #f2f2f2;
  --button-text-color-light: #8ca16a;
  --button-bg-color-light: #edf8f1;
  --link-color: #8ca16a;
  --backend-button-bg: #8ca16a;
  --backend-button-text: #ffffff;
  --strong-button-bg: #8ca16a;
  --strong-button-text: #ffffff;
  --button-hover: #8ca16a;
  --button-light-hover: #daf1e3;
  --select-color: #1c6b4e;
  --preview-message-bg: #f5f5f5;
  --create-project-progressbar: #1c6b4e;
  --fade-color-header: #8ca16a;
  --graph-money-close-details: #62af80;
  --progress-percent: #1a5d38;
  --progress: #ebeff2;
  --progress-value: #6ac78f;
  --com-project-img-path: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --com-project-bg-gradient: #6bc69060;
  --com-project-progrss-bar: green;
  --com-project-threshold: #bceece78;
  --cpro-tiles-headline: #8ca16a;
  --project-filter-image: "/wp-content/plugins/ccass-platform/assets/green-innovations/gi-home.jpg";
  --progress-color: #6bc690;
  --button-with-border: #70bf8f;
  --color-fade-dark: #5ea390;
  --color-fade-light: #6bc690;
  --img-header-ivest: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --img-header-home: url("/wp-content/plugins/ccass-platform/assets/green-innovations/gi-home.jpg");
  --login-bg: #8ca16a;
  --login-success: #4bb71b;
}

[data-theme=solnet]:root {
  --main-color: #f7a600;
  --sec-color: #f2f2f2;
  --thir-color: #f7a50037;
  --button-text-color-light: #f7a600;
  --button-bg-color-light: #edf8f1;
  --link-color: #f7a600;
  --backend-button-bg: #f7a600;
  --backend-button-text: #fff;
  --strong-button-bg: #f7a600;
  --strong-button-text: #000;
  --button-hover: #f4b027;
  --button-light-hover: #daf1e3;
  --select-color: #1c6b4e;
  --preview-message-bg: #f5f5f5;
  --create-project-progressbar: #1c6b4e;
  --fade-color-header: #6bc690;
  --graph-money-close-details: #62af80;
  --progress-percent: #1a5d38;
  --progress: #ebeff2;
  --progress-value: #6ac78f;
  --com-project-img-path: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --com-project-bg-gradient: #6bc69060;
  --com-project-progrss-bar: green;
  --com-project-threshold: #bceece78;
  --cpro-tiles-headline: #f7a600;
  --project-filter-image: "wp-content/plugins/ccass-platform/assets/wind.jpg";
  --progress-color: #6bc690;
  --button-with-border: #70bf8f;
  --color-fade-dark: #5ea390;
  --color-fade-light: #6bc690;
  --img-header-ivest: "/wp-content/plugins/ccass-platform/assets/wind.jpg";
  --img-header-home: url("/wp-content/plugins/ccass-platform/assets/solnet/sol-header.jpg");
  --login-bg: #f7a600;
  --login-success: #4bb71b;
}

body {
  overflow: hidden;
}

#hv-signup-register-form,
#hv-signup-login-form,
#hv-request-password-reset-form {
  display: none;
}

.signin {
  display: grid;
  grid-template-columns: 50% 50%;
  min-height: 100vh;
  overflow: hidden;
}

.imgBx {
  overflow: hidden;
}
.imgBx img {
  width: 100%;
  height: 100vh;
  object-fit: cover; /* beschneidet nur innerhalb der Box */
  display: block;
}

/* Rechte Seite: scrollbar */
.form__wrapper {
  overflow-y: auto; /* nur rechter Bereich scrollt */
  overflow-x: hidden;
  height: calc(100vh - 100px);
  background: #fff;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding-inline: clamp(1em, 5vw, 3em);
  padding-block: clamp(1em, 5vw, 3em);
}

.imgBx .imgBx__img__default {
  content: url("/wp-content/plugins/ccass-platform/assets/wind.jpg");
}

[data-theme=reon] .imgBx .imgBx__img__default {
  content: url("/wp-content/uploads/sites/18/2022/03/IMG_3064.jpg");
}

[data-theme=gpjoule] .imgBx .imgBx__img__default {
  content: url("/wp-content/uploads/sites/16/2024/05/gp_login.jpg");
}

[data-theme=enerparc] .imgBx .imgBx__img__default {
  content: url("/wp-content/uploads/sites/25/2023/04/enerparc-solar-panel-high2.jpg");
}

[data-theme=bad-nauheim] .imgBx .imgBx__img__default {
  content: url("/wp-content/plugins/ccass-platform/assets/sw-badnauheim/login.jpg");
}

[data-theme=gi-crowd] .imgBx .imgBx__img__default {
  content: url("/wp-content/plugins/ccass-platform/assets/green-innovations/gi-login.jpg");
}

[data-theme=solnet] .imgBx .imgBx__img__default {
  content: url("/wp-content/plugins/ccass-platform/assets/solnet/sol-login.jpg");
}

#hv-signup-register-form,
#hv-signup-login-form,
#hv-request-password-reset-form {
  width: calc(100% - 2 * clamp(1em, 5vw, 3em));
  max-width: 800px;
  width: 100%;
  margin: 1em auto 3em;
}

.form__content__header {
  margin-bottom: 1em;
}

.row {
  display: flex;
  gap: 1em;
}

.form__field__checkboxes {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  margin: 1em 0;
}
.form__field__checkboxes button {
  margin-top: 1em;
}

.notification {
  border: 2px solid #f3f5fa;
  border-radius: 1em;
  width: 100%;
  padding: 1em;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  margin: 1em 0 2em 0;
}

.row:has(> a):has(:nth-child(2)) {
  /* Regeln hier gelten, wenn .row mind. 2 Kinder hat und eines davon ist ein <a> */
  flex-direction: column-reverse;
  display: flex;
  align-items: flex-end;
  gap: 0;
}
.row:has(> a):has(:nth-child(2)) a {
  font-size: 13px;
  text-decoration: underline;
  color: black;
}

@media (max-width: 1024px) {
  .signin {
    grid-template-columns: 40% 60%;
    min-height: unset;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .signin {
    grid-template-columns: 1fr;
    min-height: unset;
    flex-direction: column;
  }
  .cta__image {
    display: none;
  }
  .form__wrapper {
    justify-content: unset;
    padding-inline: 0;
  }
  #hv-signup-register-form,
  #hv-signup-login-form,
  #hv-request-password-reset-form {
    padding-inline: clamp(1em, 10vw, 3em);
  }
  .cta__image,
  #hv-whitelabel-login-form {
    display: none;
  }
  .row {
    gap: 0;
    flex-direction: column;
  }
}
#success,
#success-password-reset {
  display: flex;
  align-items: center;
  align-items: center;
}

.checkmark {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: inline-block;
  stroke-width: 2;
  stroke: var(--login-success);
  stroke-miterlimit: 10;
  box-shadow: inset 0px 0px 0px var(--login-success);
  animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
  position: relative;
  margin-right: 1em;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: var(--login-success);
  fill: #fff;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px var(--login-success);
  }
}
.error-notification {
  margin-top: 1em;
  color: #ff4152;
  padding: 0.25em;
  font-size: 14px;
  align-self: flex-start;
  margin-bottom: 2em;
  line-height: 1.4;
  border-radius: 4px;
  font-weight: 600;
}