/* import fonts */
@font-face {
  font-family: 'Dax Regular';
  src:
    url('fonts/FFDaxProRegular/font.woff2') format('woff2'),
    url('fonts/FFDaxProRegular/font.woff') format('woff');
}
@font-face {
  font-family: 'Dax medium';
  src:
    url('fonts/FFDaxProMedium/font.woff2') format('woff2'),
    url('fonts/FFDaxProMedium/font.woff') format('woff');
}
@font-face {
  font-family: 'PT Sans';
  src:
    url('fonts/PTSans-Regular/font.woff2') format('woff2'),
    url('fonts/PTSans-Regular/font.woff') format('woff');
}

/* GENERAL */
body #page.frontend * {
  font-family: 'Dax Regular';
}
body #main a {
  color: black;
}
header {
  min-height: unset;
}
h1 {
  font-size: 4rem;
}
/* cookie banner */

div#sliding-popup,
div#sliding-popup .eu-cookie-withdraw-banner,
.eu-cookie-withdraw-tab {
  background-color: black;
}

/* login/logout modal */
#block-ee-theme-benutzeranmeldung .user-login-form {
  color: black;
}

/* header */
header {
  box-shadow: unset;
  margin-bottom: 20px;
}
.block-block__eueco-logo img {
  filter: unset;
}
header img {
  padding-bottom: 5px;
}
#header_inner {
  width: 100%;
  margin: 0 auto;
}
header.region {
  padding: unset;
}
.region.region-header {
  align-items: flex-end;
  max-width: var(--wide_content_width);
  margin: 0 auto;
  border-bottom: 2px solid var(--primary);
  padding-top: 20px;
}
ul.sf-menu > li > a {
  padding: unset;
}
ul.menu li a {
  text-transform: unset;
}
ul.menu > li.sf-no-children > span a[href^='/user/logout'],
ul.menu > li.sf-no-children > span a[href='/user/login'],
#page ul.menu > li.sf-no-children > span a[href^='/user/logout']:hover,
#page ul.menu > li.sf-no-children > span a[href^='/user/login']:hover {
  padding: 0;
  background: none;
  color: black;
}
.block-superfish {
  width: 75%;
}
#page ul.menu:not(.euecolink) {
  align-items: flex-end;
}
#page ul.menu li a.is-active:not([href^='/#']) {
  background-color: #bad379;
  padding: 0px 15px;
  font-weight: 700;
}
#page ul.menu li a:hover {
  color: var(--text_color, #000000);
}
/* main content */
div#hero {
  padding: 0;
}
#hero .layout__region--first {
  max-width: 80%;
}
#about_us .ee_button,
#hero .ee_button,
#hinweis_verm .ee_button {
  color: var(--primary);
  background-color: black;
}
#contact .ee_button,
#about_us .ee_button,
#hero .ee_button,
#projektname .ee_button,
#hero .ee_button,
#hinweis_verm .ee_button {
  padding: 5px 10px;
  max-width: fit-content;
  margin: 5px 0;
}
.layout_section a.ee_button:hover {
  border-color: unset;
}
nav#block-ee-theme-menu-menu-footermenu ul.menu li.menu-item a:hover {
  color: white;
}
/* FOOTER */
.region--footer-bottom {
  padding-bottom: 25px;
}
#footer_infos h3 {
  border-bottom: 2px solid black;
  width: 70%;
}
/* MISC */
summary {
  cursor: pointer;
}
#contact .ee_button,
#so_gehts.layout_section a.ee_button {
  display: inline-block;
}
.raster .block-inline-blockee-card .block__content {
  text-align: left;
}
.raster .block-inline-blockee-card .block__content {
  align-items: unset;
}
.steps img {
  position: relative;
  left: 0;
  top: 0;
}
#so_gehts img {
  width: 30%;
}
#projektname .layout--twocol-section {
  box-shadow: 1px 1px 5px 0px #000000;
}
#projektname .layout--twocol-section img {
  width: 100%;
}
#projektname .layout__region--first {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#projektname .layout__region--first h3 {
  font-size: 1.8rem;
}
.block-ee-faq h2 {
  text-align: center;
  margin-bottom: 20px;
}
.block-ee-faq .faq_header {
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  padding: 20px 0;
}
.faq_header .faq_cat_switch {
  color: black;
}
#ee-faq_block h3.ui-accordion-header-active {
  border-bottom: unset;
}
#ee-faq_block .ui-accordion-content-active {
  border-bottom: 2px solid var(--primary, darkgray);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ee_button_inverse.download-button.ee_icon:after,
.ee_track_login_form_reset_password {
  color: black;
}
.faq_block .ui-accordion-header::after {
  margin-right: 0;
}

#about_us.layout_section h2::after,
#hinweis_verm h2::after {
  position: absolute;
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px;
  width: 80px;
  right: 10%;
  top: 35px;
}

#hinweis_verm h2::after {
  background-image: url(/sites/solarinvest.stadtwerke-celle.de/files/sw-celle/Icon%20Info.svg);
}
#about_us.layout_section h2::after {
  background-image: url(/sites/solarinvest.stadtwerke-celle.de/files/sw-celle/Icon%20Herz.svg);
}
.kontakt .ee_button {
  max-width: 300px;
}
#hinweis_verm .ee_block_wrapper,
#about_us .ee_block_wrapper {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  /* height: 300px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#so_gehts .block-inline-blockee-card {
  max-width: 350px;
}
#footer_infos.layout_section,
#hero.layout_section.primary {
  background-color: #93bb3b;
}
#hinweis_verm p:nth-child(2) {
  text-decoration: underline;
}
.download-button.ee_icon:before {
  content: '\f019';
  font: var(--fa-font-sharp-light);
  color: black;
  font-size: 20px;
  background: none !important;
  margin-right: 5px;
}
.download-button.ee_icon:after {
  display: none;
}
#about_us .ee_button:after {
  content: '\f08e';
  font-size: 10px;
  font-family: 'Fontawesome';
  color: var(--primary);
  margin-left: 5px;
}
#block-ee-theme-benutzeranmeldung {
  color: black;
}
.modal_login,
.modal_logout {
  background-color: var(--primary);
  color: black;
}
#block-ee-theme-benutzeranmeldung .button,
a.logout_button,
#block-ee-theme-benutzeranmeldung #edit-submit,
#block-ee-theme-tfauserlogin #edit-submit,
#block-ee-theme-tfauserlogin .button,
#page.backend .button:not(.button--danger) {
  background-color: black;
  color: white;
}
#contractdetailsbar #contract_identifier,
#contractdetailsbar #stepswrapper .step {
  color: black;
}
#ee_portfolio_details i {
  font-family: fontawesome;
}
/* WEBFORM */
body.path-webform main#main {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 10px;
}
#kontakt_form .form-item__label.form-required::after,
#kontakt_form a,
#ee_subscription_block a.file_download::before,
.ee_input_icon:after,
.ee_icon:after {
  color: black;
}

#contact .kontakt a.ee_button {
  color: white;
}

/* MAP MARKER  */
.ee_openstreet_map svg,
.ee_openstreet_map path {
  fill: black;
}