/* Variables */
:root {
  --primary: rgba(247, 164, 54, 1);
  --primaryhover: rgba(247, 164, 54, 0.8);
  --secondary: rgba(0, 72, 128, 1);
  --secondaryhover: rgba(0, 72, 128, 0.8);
  --text-color: #000;
  --text-color-alt: #222;
  --lightgray: #e8e8e8;
  /* Background */
  --bg_dark: #212e3e;
  --bg_pale_green: #7c9599;
  --bg_pale_grey: #f1f4f4;
  --bg_sea_green: #225e66;
  /* Background */
  --max-width: 1280px;
  --content-width: 960px;
}
.pale_green {
  background-color: var(--bg_pale_green);
  color: #fff;
}
.pale_grey {
  background-color: var(--bg_pale_grey);
}
.sea_green {
  background-color: var(--bg_sea_green);
  color: #fff;
}

html {
  scroll-behavior: smooth;
}
h2 {
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: 135%;
  margin-bottom: 16px;
  margin-top: 0;
}
img {
  max-width: 100%;
  height: auto;
}
ul.menu {
  margin: 0;
  list-style: none;
}
html {
  font-size: 16px;
  scroll-padding-top: 200px;
}
#page * {
  box-sizing: border-box;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
}
body *::selection {
  background-color: rgb(247 164 54 / 50%);
}
#page {
  background-color: #fff;
}
.blue {
  background-color: var(--primary);
}
.violet {
  background-color: var(--primary);
}
#header_inner {
  position: relative;
  height: 92px;
  transition: height 10ms linear;
  justify-content: space-between;
}
.fixed #header_inner {
  height: 80px;
  transition: height 10ms linear;
}
#primary-menu ul li {
  position: relative;
}
.big-image-content a,
.region-aux a.anmelden_toggle,
.region-aux a.abmelden_toggle,
#primary-menu ul li a {
  color: black;
  line-height: normal;
  background: none;
  padding: 0;
  text-transform: uppercase;
}
.region-aux a.anmelden_toggle,
.region-aux a.abmelden_toggle,
#primary-menu #superfish-main > li > a {
  padding: 0 6px;
  font-size: 13px;
}
#primary-menu #superfish-main > li > a:hover,
.region-aux a.anmelden_toggle:hover,
.region-aux a.abmelden_toggle:hover {
  color: var(--primary);
}
#primary-menu ul.sf-menu li > u,
#primary-menu ul.sf-menu li:hover > ul {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  top: 20px;
  border-top: 2px solid var(--primary);
  padding-top: 10px;
}
#primary-menu .content .sf-menu > li ul a {
  padding: 5px 10px;
  font-size: 14px;
}
.header-wrapper {
  position: relative;
}
.headerimage {
  height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.front .headerimage {
  height: 50vh;
  padding: 0;
}
.twocols .image.to_bg .inhalt {
  position: relative;
  z-index: 1;
}
.region-aux a.anmelden_toggle,
.region-aux a.abmelden_toggle {
  padding-bottom: 33.5px;
  padding-left: 10px;
  text-transform: uppercase;
}

.headertextwrapper {
  font-size: 18px;
  color: #fff;
  position: relative;
  z-index: 5;
}
.headertextwrapper h1 {
  font-size: 72px;
  line-height: 93px;
  font-weight: 300;
  color: #fff;
  margin-top: 0;
  margin-bottom: 24px;
}
.headertextwrapper h2 {
  font-size: 72px;
  line-height: 93px;
  font-weight: 300;
  color: #fff;
  margin-top: 0;
  margin-bottom: 24px;
  text-transform: uppercase;
}
.headerbild_title h1 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0;
  color: #fff;
}
h2.faq_headline,
.content_block h2 {
  color: var(--primary);
  font-size: 31.25px;
  font-weight: 500;
  line-height: 38.4px;
  margin-bottom: 62px;
}
.content_block h2.text_color {
  color: var(--text-color);
  margin-bottom: 20px;
  font-weight: 700;
}
.twocols .image > *,
.threecols .image > * {
  display: block;
  width: 100%;
  height: auto;
}
.twocols.left > .inhalt {
  padding: 100px 64px 100px 0;
}
.twocols.right > .inhalt {
  padding: 100px 0 100px 64px;
}
.twocols .inhalt_inner {
  /* min-width: 640px; */
  max-width: 800px;
}
/* SUBTITLE */
.about_us-title {
  max-width: var(--max-width);
  padding-left: 20px;
  margin: 0 auto;
}
.about_us-title h2 {
  margin-bottom: 0;
}

.about_us-title h3,
.faq-container h2,
section#benefits h3,
.big-image-content h3,
.onecol h3,
.twocols .inhalt h3 {
  color: var(--secondary);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 8px;
  text-transform: uppercase;
}
div.big-image-content h3 {
  margin-bottom: 20px;
  font-size: 28px;
}
.twocols.sea_green .inhalt h3 {
  color: #fff;
}
.twocols .inhalt h2 {
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: 135%;
  margin-bottom: 16px;
  margin-top: 0;
}

.fourcols .image img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.fourcols h2 {
  color: var(--text-color);
  font-weight: 700;
  margin-bottom: 16px;
  margin-top: 16px;
  font-size: 1.25rem;
  line-height: 1.4;
  hyphens: auto;
}
.blue .inhalt,
.blue .inhalt h2,
.violet .inhalt h2,
.violet .inhalt {
  color: #fff;
}
.image.to_bg {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.banner .image.to_bg {
  height: 405px;
}
.absprung .image.to_bg.none img,
.banner .image.to_bg.none img {
  display: none;
}
.twocols.wrapper .image {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.twocols.wrapper h2 {
  margin-top: 0;
}
.banner .inhalt,
.banner .inhalt h2,
.banner .inhalt a {
  color: #fff;
}
.banner .inhalt {
  font-size: 1rem;
}
#goto.threecols {
  gap: 100px;
  padding: 75px 150px;
}
#goto .image {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  padding: 70px;
  width: 250px;
  height: 250px;
}
#goto > div {
  display: flex;
}

footer {
  font-size: 14px;
  line-height: 1.428;
  margin-top: 50px;
}

.euecolink #user-link a.button.green,
#investor_edit_wrapper a,
.arrow_link_wrapper a {
  color: var(--primary);
}
.euecolink #user-link a.button.green,
#investor_edit_wrapper a {
  font-weight: 700;
}
.euecolink #user-link a.button.green:hover,
.euecolink #user-link a.button.green:focus {
  background: none;
}
.euecolink #user-link a.button.green:after,
#investor_edit_wrapper a:after {
  content: "\2192";
  font-family: Orsted Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  padding-left: 5px;
  display: inline;
  transition: right 0.2s cubic-bezier(0.165, 0.84, 0.26, 0.98);
}

.button_wrapper {
  margin-top: 30px;
}
.not-front .button,
#logout_button,
#ee-button-area #edit-submit,
a.registrieren.button,
div[id^="edit-actions"] input.form-submit,
a .read_more,
input[type="submit"],
.big-image-content a,
.button_wrapper a {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: var(--text-color-alt);
  background-color: var(--secondary);
  padding: 8px 20px;
  text-align: center;
  color: white;
  /* border: 2px solid var(--secondary); */
  border-radius: 0;
}
.front .button_wrapper a {
  text-transform: uppercase;
}
/* a.registrieren.button:hover,
div[id^="edit-actions"] input.form-submit:hover,
a:hover .read_more,
.button_wrapper a:hover {
  background-color: #7eff97;
  border-color: #7eff97;
}
*/
a .read_more {
  display: block;
}

.button_wrapper.inverse a {
  color: var(--primary);
  background-color: #fff;
}
.violet .button_wrapper.inverse a {
  color: var(--primary);
}
#log_overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 20000px;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  z-index: 1;
}

.modal_login label {
  display: none;
}
#pid-fast-registry-step1 .platform #main *,
#pid-kontakt .platform #main * {
  box-sizing: border-box;
}
#main-wrapper {
  min-height: 60vh;
}
#pid-info #main-wrapper,
#pid-kontakt #main-wrapper {
  background-color: var(--secondary);
  margin-top: 0;
  padding-top: 45px;
  color: #fff;
}
#pid-kontakt #main-wrapper h2 {
  font-size: 40px;
  font-family: "Mulish", sans-serif;
  font-weight: 100;
  color: #fff;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
#pid-kontakt #main-wrapper label {
  font-size: 14px;
  color: #becacc;
  font-weight: 400;
  margin-bottom: 8px;
}
#pid-kontakt input.form-submit {
  text-transform: uppercase;
}
#ee_customer_data_block .form-submit {
  max-width: 300px;
}
#ee_customer_data_block .form-text,
#ee_customer_data_block .form-select {
  height: unset;
  padding: 10px 16px;
}
#pid-user-password #edit-name,
#user-form input.form-text,
body .webform-submission-form input.form-text,
#fast-registry-registry input.form-text,
#user-form input.form-text,
body .webform-submission-form input.form-tel,
#user-form input.form-tel,
#fast-registry-registry input.form-email,
#user-form input.form-email,
body .webform-submission-form input.form-email,
body .webform-submission-form select,
.modal_login input {
  border-radius: 0;
  background-color: transparent;
  height: 45px;
  width: 100%;
  border: 1px solid #90a5a8;
  border-radius: 0;
  max-width: 100%;
}
body .webform-submission-form #edit-processed-text-01 a {
  color: #ffffff;
  text-decoration: underline;
  position: relative;
  display: flex;
  gap: 3px;
  text-indent: unset;
}
body .webform-submission-form #edit-processed-text-01 a:after {
  font-family: var(--ee_awesome);
  content: "\f019";
  color: #ffffff;
  font-size: 20px;
  font-weight: 300;
  margin-left: 10px;
}
body .webform-submission-form #edit-processed-text-01 a:hover:after {
  color: var(--primary);
}
:focus {
  outline: none;
  /* Removes the default focus outline */
}
body .webform-submission-form select,
body .webform-submission-form input {
  color: #becacc;
  padding: 0 15px;
}
body .webform-submission-form select option {
  color: var(--bg_sea_green);
}
body .webform-submission-form textarea {
  color: #becacc;
  background-color: transparent;
  max-width: 100%;
}
#fast-registry-registry input.form-email,
#fast-registry-registry input,
#fast-registry-registry input.form-text {
  font-family: Mulish, Helvetica Neue, Arial, sans-serif;
  display: block;
  margin-bottom: 20px;
  padding: 8px 10px;
  font-size: 16px;
  line-height: 20px;
}
#fast-registry-registry input.button {
  font-family: Mulish, Helvetica Neue, Arial, sans-serif;
  padding: 10px 25px;
}
h1.title {
  line-height: normal;
  font-size: 26px;
}

#user-form input.password-field,
#user-form input.password-confirm {
  max-width: 300px;
}
#pid-user-password #user-pass label,
#ee-customer-insert-block-form label,
#pid-fast-registry-step1 label,
#user-form label {
  margin-bottom: 5px;
}

.area_triggers > div,
#legal-login input#edit-save,
div[id^="edit-actions"] input.form-submit,
#ee_certification_block #ee-finish-button,
#ee-button-area #edit-submit,
a.arrow_button,
.area_triggers > div,
a.registrieren.button,
#legal-login input#edit-save,
button,
input[type="button"],
input[type="submit"],
.button div[id^="edit-actions"] a,
div[id^="edit-actions"] input {
  background-color: var(--primary);
  border: none;
  color: var(--text-color-alt);
  margin: 0;
  outline: none;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
#ee-button-area #edit-submit,
#pid-customerdata #ee-button-area input[type="submit"] {
  margin-bottom: 50px;
}
#pid-kontakt
  #main-wrapper
  .webform-submission-form
  .js-form-type-checkbox
  label {
  margin-left: 0;
  padding-left: 0;
}
#edit-datenschutz--description a {
  color: #fff;
  text-decoration: underline;
}
#edit-datenschutz--description a:hover {
  color: #3b4956;
  text-decoration: none;
}
fieldset.captcha {
  border: none;
  padding: 0;
}
fieldset.captcha legend {
  display: none;
}

::-webkit-input-placeholder {
  /* Chrome, Safari, Edge, Opera */
  color: #becacc;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer/Edge */
  color: #becacc;
  opacity: 1;
}
::placeholder {
  /* Standard */
  color: #becacc;
  opacity: 1;
}

/* For Firefox */
input:-moz-placeholder {
  color: var(--text-color);
  font-family: Mulish;
  opacity: 1;
}
input::-moz-placeholder {
  color: #becacc;
  opacity: 1;
}
footer ul.menu {
  display: flex;
  justify-content: flex-end;
}
footer ul.menu a {
  color: var(--primary);
  font-size: 12px;
  line-height: 1.428;
  position: relative;
  padding: 0 16px;
}
footer ul.menu a.is-active,
footer ul.menu a:hover {
  text-decoration: underline;
  font-size: 14px;
  line-height: 1.428;
}

footer h4 {
  font-size: 24px;
  font-weight: 700;
  margin: 25px 0 0;
}

#block-anbieterdervermogensanlagen img,
#block-internetdienstleistungsplattform img {
  max-width: 40%;
  max-height: 100px;
  height: auto;
  aspect-ratio: 3/1;
}
#block-anbieterdervermogensanlagen p,
#block-internetdienstleistungsplattform p {
  max-width: 50%;
}
footer .footer-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.headerbild_title h1 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0;
  color: #fff;
}
.faq-container {
  max-width: var(--max-width);
  margin: 50px auto;
  padding: 0 10px;
}
.ui-accordion .ui-accordion-header {
  font-family: sans-serif;
  font-weight: 400;
  /* background: var(--lightgray); */
  border: none;
  padding: 10px;
  padding-right: 50px;
  padding-right: 60px;
  position: relative;
  margin-top: 5px;
}
#pd-faq .ui-accordion .ui-accordion-header-active,
.ui-accordion .ui-accordion-header-active.ui-state-active {
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  background: var(--lightgray);
  color: var(--secondary);
}
.ui-accordion .ui-accordion-header:after {
  font: var(--fa-font-thin);
  content: "\2b";
  font-size: 30px;
  font-style: normal;
  font-variant: normal;
  font-weight: 100;
  position: absolute;
  right: 30px;
  left: auto;
  line-height: 21px;
  color: var(--secondary);
}
.ui-accordion .ui-accordion-header-active.ui-state-active:after {
  font: var(--fa-font-thin);
  content: "\f068";
  font-size: 30px;
  font-style: normal;
  font-variant: normal;
  font-weight: 100;
  position: absolute;
  right: 30px;
  left: auto;
  color: var(--secondary);
}

.ui-accordion .ui-accordion-header .ui-icon {
  display: none;
}
.ui-accordion-content.ui-widget-content {
  font-family: Orsted Sans, Helvetica Neue, Arial, sans-serif;
  border: none;
  background: var(--lightgray);
  color: var(--text-color);
  padding: 20px 30px;
}
#ee-faq_gruenstrombonus-block {
  margin-bottom: 70px;
}
.image.double {
  width: 50%;
  display: flex;
  align-items: center;
  gap: 50px;
}
.divtable.datenschutz {
  margin-bottom: 30px;
}
.datenschutz .divrow > div {
  display: table-cell;
  border-bottom: 1px solid #d5d3d3;
  padding: 10px;
}
.datenschutz .divrow > div:nth-child(3) {
  width: 150px;
}
.datenschutz .divrow > div:first-child {
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--primary);
}
.datenschutz .divrow > div:first-child {
  font-weight: 600;
  font-size: inherit;
  color: var(--primary);
  width: auto;
}
.datenschutz .divrow.th {
  font-weight: 600;
  color: var(--primary);
}
.datenschutz .divrow > div:last-child {
  text-align: left;
  width: auto;
}
.datenschutz .divrow {
  width: 100%;
  float: none;
  display: table-row;
  padding-right: 5%;
  border-left: none;
  margin-bottom: 2rem;
  padding-left: 1rem;
  border-bottom: 1px solid #d5d3d3;
}
.datenschutz.divtable .divrow:last-child > div {
  border-bottom: 1px solid #d5d3d3 !important;
}
#pid-legal-accept a,
#ee_certification_block a,
#pid-customer-portfolio #ee_portfolio_details a,
#pid-customer-portfolio .slick-slide a,
form#user-form a,
#ee-legal a,
#fast-registry-registry a,
.swk-grid-container__headline-container p a,
a.ee_track_login_form_reset_password {
  color: var(--text-color);
  text-decoration: underline;
}
#pid-legal-accept a:hover,
#ee_certification_block a:hover,
#pid-customer-portfolio #ee_portfolio_details a:hover,
#pid-customer-portfolio .slick-slide a:hover,
form#user-form a:hover,
#ee-legal a:hover,
#fast-registry-registry a:hover,
.swk-grid-container__headline-container p a:hover,
a.ee_track_login_form_reset_password:hover {
  color: var(--primary);
  text-decoration: none;
}
a u {
  text-decoration: none;
}
div#sliding-popup {
  font-family: Orsted Sans;
  border-top: 2px solid #f6f6f6;
  -webkit-box-shadow: 0px -2px 8px -3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px -2px 8px -3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px -2px 8px -3px rgba(0, 0, 0, 0.75);
}
.eu-cookie-compliance-categories-buttons button,
#popup-buttons button.agree-button,
#popup-buttons button.eu-cookie-withdraw-button {
  font-family: Orsted Sans;
  border: solid 1px #ddd;
  background-color: var(--primary);
  color: black;
  text-decoration: none;
  padding: 15px 25px;
  text-align: center !important;
  transition: all 300ms ease;
  font-weight: bold;
  text-transform: none;
}
.eu-cookie-compliance-categories-buttons button:hover,
#popup-buttons button.agree-button:hover,
#popup-buttons button.eu-cookie-withdraw-button:hover {
  background: #99a4ae;
}

#sliding-popup button.find-more-button {
  font-size: 16px;
  color: #222;
  margin-top: 10px;
  border: 0 !important;
  padding: 0 !important;
  background: none !important;
  text-decoration: underline;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 400;
}

.popup-content button.find-more-button {
  font-family: Orsted Sans;
}
.sliding-popup-bottom .eu-cookie-withdraw-tab {
  border-radius: 15px 15px 0 0;
  border: 2px solid var(--primary);
  border-bottom: none;
  font-family: Orsted Sans;
  font-weight: 700;
}
.form-type-checkbox {
  display: flex;
  align-items: flex-start;
  column-gap: 5px;
}
#ee_fast_registry_block .form-type-checkbox label {
  margin-left: 0 !important;
  padding-left: 0;
}
ul#superfish-main ul {
  background-color: #fff;
}
#ee-customer-insert-block-form * {
  box-sizing: border-box;
}
#fast-registry-registry .legal-terms {
  display: none;
}

.burger_menu_wrapper div {
  height: 15px;
  width: 20px;
}
.burger_menu_wrapper div span {
  background-color: #3b4956;
  display: block;
  height: 2px;
  left: 0;
  opacity: 1;
  position: absolute;
  transform: rotate(0);
  transition: 0.25s ease-in-out;
  width: 20px;
}
.burger_menu_wrapper div span:first-child {
  top: 0;
  transform-origin: left center;
}
.burger_menu_wrapper div span:nth-child(2) {
  top: 6px;
  transform-origin: left center;
}
.burger_menu_wrapper div span:nth-child(3) {
  top: 12px;
  transform-origin: left center;
}
.just_mobile,
#block-hamburgermenutrigger {
  display: none;
}
.burger_menu_wrapper > div {
  position: relative;
}
.mm-menu {
  background-color: #fff;
}
nav#menu ul.menu a {
  color: #3b4956;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20px;
  padding-left: 10px;
  padding-bottom: 13px;
  padding-top: 13px;
  display: block;
  cursor: pointer;
}
nav#menu ul.menu ul.menu {
  padding-left: 10px;
}
nav#menu ul.menu a:hover {
  color: var(--primary);
}
nav#menu ul.menu a.open,
/* nav#menu ul.menu a.is-active, */
nav#menu ul.menu a:hover {
  color: var(--primary);
}
#pid-user-password #block-tabs,
[id^="pid-user-"][id$="-edit"] #block-tabs {
  display: none;
}
[id^="pid-user-"][id$="-edit"] #page * {
  box-sizing: border-box;
}
.logged-in .anmelden_toggle_mob,
.not-logged-in .abmelden_toggle_mob {
  display: none;
}
.mm-menu .mm-navbars-bottom .mm-navbar a,
.mm-menu .mm-navbars-bottom .mm-navbar > *,
.anmelden_toggle_mob,
.abmelden_toggle_mob {
  background-color: var(--primary);
  color: #000;
}
#steps .step {
  color: var(--primary);
  font-size: 26px;
  min-height: 80px;
}

#projekte {
  display: flex;
  justify-content: space-between;
  padding: 24px 24px 72px 24px;
}

#projekte_wrapper h2 {
  padding: 72px 0 0 44px;
}
.slick-slide {
  margin: 0 20px;
}
#projekte .slide {
  max-width: 380px;
  background-color: var(--bg_dark);
  display: flex;
  flex-direction: column;
}
#projekte .slide .image {
  width: 100%;
}

#projekte .slide_inner {
  padding: 24px;
}
#projekte .slide div.title {
  font-family: "Mulish", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 135%;
  color: var(--primary);
  margin-bottom: 16px;
}
#projekte .slide a {
  color: #fff;
}
#projekte.abgeschlossen {
  gap: 60px;
  flex-wrap: wrap;
}
#projekte.abgeschlossen .slide {
  max-width: 30%;
}
.slick-prev,
.slick-next {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 3px;
  text-indent: unset;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev::before {
  font: var(--fa-font-regular) !important;
  content: "\f053" !important;
  color: var(--primary) !important;
  font-size: 50px !important;
}
.slick-next::before {
  font: var(--fa-font-regular) !important;
  content: "\f054" !important;
  color: var(--primary) !important;
  font-size: 50px !important;
}
.slick-dots {
  display: flex !important;
  gap: 33px;
  justify-content: center;
  max-width: 90%;
}
.slick-dots {
  bottom: -60px !important;
  margin-bottom: 60px !important;
}
.slick-dots li button::before {
  content: "" !important;
}
.slick-dots li button {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background-color: #d7d7d7 !important;
}
.slick-dots li.slick-active button {
  background-color: var(--primary) !important;
}
.primary .slick-dots li.slick-active button {
  background-color: var(--secondary) !important;
}
.hinweis {
  border: 1px solid var(--secondary);
  padding: 10px 24px;
}
.hinweis h4 {
  font-weight: 700;
}
#projekt_details .inhalt {
  align-items: flex-start;
  justify-content: space-between;
}
#projekt_details.twocols.content_width .inhalt_inner {
  max-width: unset;
  width: 45%;
  min-width: unset;
}

#projekte.abgeschlossen .slide_inner {
  color: #fff;
}

#projekte.abgeschlossen .slide_inner .number {
  color: var(--primary);
  font-weight: 400;
  font-size: 22px;
  line-height: 125%;
}

#pid-faq h2 {
  margin-top: 50px;
}
.faq_header {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  max-width: 900px;
  margin-bottom: 50px;
}
.faq_header a {
  text-align: center;
  color: var(--text-color);
  border-bottom: 2px solid var(--lightgray);
  min-width: unset;
  width: auto;
  padding: 14.2px 0;
  font-size: 24px;
  font-weight: 600;
  color: #000;
}
.faq_header a.active {
  color: var(--secondary);
  border-bottom: 1px solid var(--secondary);
}
.faq_headline {
  font-size: 1.5rem;
  color: var(--primary);
  display: none;
}
.do_register a.registrieren {
  width: 100%;
}
.faq_wrapper .faq_block {
  display: none;
  margin-bottom: 50px;
}
.faq_wrapper #ee-faq_investitionsprozess-block.faq_block {
  display: block;
}
.webform-flex--container {
  margin: 0;
}
.webform-flexbox {
  column-gap: 50px;
}
.webform-flexbox {
  display: flex;
  margin: 1em 0em;
}
#logout_button {
  padding: 0.25em 1.063em;
}
.modal_login a.button {
  display: block;
}
.dark_blue {
  color: var(--secondary);
}
section.project_details,
section.big-image {
  position: relative;
  max-width: var(--max-width);
  margin: 0 auto;
  margin-top: 50px;
}

.background-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.table-section {
  display: flex;
  /* align-items: center; */
  height: 50%;
  width: 40%;
  margin-right: 50px;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 10px;
  z-index: 1;
}

.table-section th {
  font-size: 28px;
  padding-bottom: 15px;
}
.table-section td {
  /* padding-bottom: 15px; */
  text-align: left;
}
section.project_details {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 50px;
  padding: 8rem 1rem;
}

div.big-image-content {
  position: absolute;
  background-color: white;
  padding: 1.2rem 1rem;
  top: 30%;
  left: 60%;
  max-width: 30%;
}
section.legal_warning {
  max-width: var(--max-width);
  width: 90%;
  margin: 20px auto;
  text-align: center;
  border: 2px solid var(--secondary);
}
.about_us-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: var(--max-width);
  margin: 0 auto;
}

.about_us-container img {
  width: 100%;
}

.about_us-container p {
  line-height: 2.1;
}

.column {
  padding: 0 20px;
}

.column > * {
  margin: 0;
}
.column.project_info h4,
.column.additional_info h4 {
  font-size: 18px;
  margin-bottom: 15%;
}

.project_details img {
  width: 100%;
}

.table-section table p {
  margin: 0;
}