/*########################### next2sun css ######################*/
@font-face {
    font-family: DIN-Medium;
    /* voller Pfad wegen Safari */
    src: url("fonts/DINMedium.ttf")
        format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* Variables */
:root {
    --primary: #f29400;
    --secondary: #d8cd53;
    --white: #fff;
    --black: #000;
    --text-color: #8a8b8d;
    --header-space: 0px;
    --font: Arial, Helvetica, sans-serif;
}
.toolbar-fixed.toolbar-tray-open {
    --header-space: 29px;
}
.toolbar-fixed {
    --header-space: 40px;
}
.toolbar-fixed.toolbar-horizontal.toolbar-tray-open {
    --header-space: 79px;
}
html,
body,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}
html,
body {
    height: 100%;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
}
body {
    font-family: var(--font);
    color: var(--text-color);
    line-height: 1.4em;
    background: var(--white);
    -webkit-text-size-adjust: 100%;
    hyphens: auto;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    word-wrap: break-word;
}
ul {
    padding-left: 15px;
    margin-bottom: 20px;
}
.page {
    background-color: var(--white);
}
.anker {
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}
div.logo_wrapper > div:last-child {
    margin-left: 30px;
}
div.logo_wrapper > div:last-child img {
    height: 140px;
    width: auto;
}
#site_slogan {
    float: left;
    padding-top: 10px;
    padding-left: 25px;
}
#site_slogan a {
    font-size: 72px;
    color: var(--white);
    line-height: 65px;
}
#site_slogan a strong {
    font-weight: 900;
}
.navibutton_wrapper {
    display: none;
    margin-left: 2rem;
}
.menu_trigger {
    font-size: 28px;
    display: none;
}
.navibutton_wrapper.fixed {
    right: 10px;
    padding: 8px;
    background-color: var(--white);
    z-index: 999;
}
.block-scrolltop img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.75);
    z-index: 10000;
}
#scrolltop {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.region-content-bottom {
    background-color: var(--white);
    margin-top: 40px;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/******* div table ************/
.divtable .divrow {
    display: flex;
    justify-content: space-between;
}
.divtable .divrow > div {
    padding: 5px;
}
.divtable .divrow.none > div {
    border: none !important;
    font-weight: 700;
}
.divtable .divrow > div.spacer {
    margin: 0px 1%;
    display: flex;
    padding: 1% 0px;
}
.divtable .divrow > div.spacer > div {
    background-color: #cecdcc;
    width: 1.5px;
}
.lh_normal {
    line-height: normal !important;
}
#main-content {
    margin-bottom: 75px;
}
#main a,
#main a:link,
#main a:visited {
    text-decoration: underline;
    color: #202020;
}
#main a,
#main a:hover {
    color: var(--primary);
}
h1.title,
.page h1,
h2,
h3 {
    font-family: "DIN-Medium";
    text-transform: none;
    font-size: 2rem;
    color: var(--black);
    line-height: 2.222rem;
    letter-spacing: -0.00275rem;
    font-weight: bold;
}
h2 {
    font-size: 22px;
}
h4 {
    color: var(--black);
    font-weight: bold;
}
.front .content_block_1 {
    margin-top: 0;
}
#ee_subscription_block > h2 {
    font-size: 33px;
}
h2.center,
h1.title {
    text-align: center;
}
h1.title {
    margin: 0 auto;
    margin-top: 3.7rem;
    margin-bottom: 0px;
}
.subtitle {
    text-align: center;
    font-size: 1.5rem;
    margin-top: 5px;
}
.headline h1 {
    font-size: 2rem;
}
h3 {
    font-size: 1.333rem;
    line-height: 1.556rem;
    letter-spacing: -0.00275rem;
}
h3.center {
    text-align: center;
}
h3.a_right {
    text-align: center;
}
h3.blue {
    color: var(--primary);
    font-size: 1rem;
    line-height: 1.333rem;
    margin-bottom: 0px;
}
a.investieren_button.fullwidth {
    width: 100%;
    margin-top: 15px;
}
#footer .block h2 {
    display: block;
    color: var(--text-color);
    text-decoration: none;
    line-height: 2.333rem;
    border-bottom: none;
    padding-bottom: 0.1111rem;
    margin-bottom: 0;
    font-weight: 600;
    white-space: nowrap;
}
#footer .vermittler_hinweis h2 {
    white-space: normal;
    font-size: 20px;
    padding-bottom: 1em;
    padding-top: 1em;
}
#footer .region-footer .footer-divider {
    width: 100%;
}
#footer .footer-quarter {
    width: 25%;
}
.footer-divider-img {
    background-image: url(/sites/invest.next2sun.de/public/n2s_footer_big_col.png);
    background-position: initial;
    background-repeat: no-repeat;
    background-size: 450px auto;
    height: 130px;
    position: relative;
}
.footer-divider-wrapper {
    width: 100%;
}
svg.footer-divider-svg {
    width: 100%;
    height: 52px;
    transform: rotate(180deg) rotateY(180deg);
    fill: #d7cc51;
    position: relative;
    bottom: 50px;
}
.testimonials_content_wrapper {
    text-align: center;
    margin-bottom: 50px;
}
.page-blog #main-inner h2.title a {
    text-decoration: none;
}
#main-inner p {
    line-height: 1.333rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
/* Header Regions
-------------------------------------------------------------- */
/* Header Top region to the bottom of Header region */
header {
    display: block;
    clear: both;
}
.header-group-wrapper {
    display: block;
    clear: both;
    background: transparent;
    /*border-top:1px solid #007AC0;*/
}
.headerbild_image {
    width: 100%;
    height: 400px;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 60%;
}
.region-header {
    padding: 0;
}
.region-header .block {
    margin: 0 !important;
}
.header-inner * {
    width: 100%;
}
.region-header .header-inner {
    position: relative;
}
.header_slogan {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.header_slogan .flex_block {
    position: absolute;
    margin-top: 250px;
    text-transform: uppercase;
    color: var(--primary);
    font-size: 1.5rem;
}
#page .header_slogan .flex_block {
    align-items: center;
    /*background-color: rgba(255,255,255,0.7);*/
    padding: 5px 35px 5px 15px;
}
#page .header_slogan .flex_block > div {
    width: auto;
}
#page .header_slogan .flex_block > div.image {
    margin-right: 15px;
}
#page .header_slogan .flex_block .image img {
    display: block;
    width: 80px !important;
    height: auto !important;
}
.headertext_wrapper > div {
    font-family: "GreenCityReplica-Crazy";
    text-transform: uppercase;
    font-size: 4.5rem;
    line-height: 3.889rem;
}
.headertext_wrapper > div.subtext {
    text-transform: none;
    font-size: 2.4rem;
    line-height: 2rem;
}
.header_button {
    position: absolute;
    margin-top: 0px;
    width: 100%;
}
.header_button .content {
    width: 95%;
}
.header_button .content > div {
    float: right;
    color: var(--white);
    height: 220px;
    width: 220px;
    background-color: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.header_button .content > div a {
    color: var(--white);
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
}
/******************* slideshow ***************************/
#views_slideshow_cycle_main_eueco7_slideshow-slideshow_header,
#views_slideshow_cycle_teaser_section_eueco7_slideshow-slideshow_header,
#views_slideshow_cycle_main_eueco7_slideshow-slideshow_content,
#views_slideshow_cycle_teaser_section_eueco7_slideshow-slideshow_content,
.views-slideshow-cycle-main-frame-row,
.views-slideshow-cycle-main-frame views_slideshow_cycle_teaser_section,
.slideshow_header,
.slideshow_row {
    width: 100% !important;
}
.slideshow_image {
    width: 100%;
    height: 780px;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.slideshow_content {
    align-self: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.slogan_title,
.slogan_content {
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    line-height: normal;
}
.slideshow-header .slogan_title {
    font-size: 60px;
    font-weight: 600;
}
.slideshow-header .slogan_title:after {
    font-family: "Arial", sans-serif;
    content: "______";
    font-size: 18px;
    display: block;
    text-align: center;
}
.slogan_title {
    color: var(--white);
}
.slogan_content {
    text-align: center;
    color: var(--white);
}
.slogan_content p {
    margin: 0px;
}
.slide_text,
.slide_text p,
.slide_link {
    margin-top: 30px;
    margin-bottom: 0px;
}
.slide_text {
    width: 100%;
    margin-top: 0px;
    color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.slide_text ul {
    align-self: center;
}
.slide_text p {
    align-self: center;
    text-align: center;
}
input.button-primary,
.slide_link {
    display: flex;
    justify-content: center;
}
ul.check {
    list-style: none;
    margin-left: 0px;
    margin-bottom: 20px;
    align-self: center;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    line-height: 30px;
    padding-left: 0px;
}
ul.no_check {
    list-style: square;
    padding-left: 18px;
}
ul.check li {
    margin-left: 40px;
}
ul.check li::before {
    content: "→";
    font-family: "GreenCity Iconica";
    font-weight: normal;
    font-style: normal;
    color: var(--primary);
    font-size: 1.3333rem;
    position: absolute;
    text-align: center;
    margin-left: -40px;
}
body .slide_link a {
    color: var(--white);
    display: block;
    border-radius: 3px;
    text-align: center;
    width: 160px;
    height: 40px;
    line-height: 40px;
    border: 1px solid var(--white);
}
.slide_link a:last-child {
    background-color: var(--primary);
    margin-left: 20px;
    border: 1px solid var(--primary);
}
body .slide_link a:hover {
    background-color: var(--primary);
    border: 1px solid var(--primary);
}
.header-inner .slide_link a:last-child:hover {
    background: none;
    border: 1px solid var(--white);
}
#views_slideshow_controls_text_next_eueco7_slideshow-slideshow_header,
#views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_header,
#views_slideshow_controls_text_next_eueco7_slideshow-slideshow_content,
#views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_content,
#views_slideshow_controls_text_next_eueco7_slideshow-block_1,
#views_slideshow_controls_text_previous_eueco7_slideshow-block_1 {
    margin-top: 370px;
    position: absolute;
    z-index: 899;
    color: var(--white);
}
#views_slideshow_controls_text_next_eueco7_slideshow-slideshow_header a,
#views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_header a,
#views_slideshow_controls_text_next_eueco7_slideshow-slideshow_content a,
#views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_content a,
#views_slideshow_controls_text_next_eueco7_slideshow-block_1 a,
#views_slideshow_controls_text_previous_eueco7_slideshow-block_1 a {
    color: var(--white);
    font-size: 60px;
    /*text-shadow: 2px 0px 3px rgba(150, 150, 150, 0.5);*/
}
#views_slideshow_controls_text_next_eueco7_slideshow-block_1,
#views_slideshow_controls_text_next_eueco7_slideshow-slideshow_header,
#views_slideshow_controls_text_next_eueco7_slideshow-slideshow_content {
    right: 0px;
    padding: 15px 15px 15px 19px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
}
#views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_header,
#views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_content,
#views_slideshow_controls_text_previous_eueco7_slideshow-block_1 {
    left: 0px;
    padding: 15px 19px 15px 15px;
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    background-color: rgba(0, 0, 0, 0.4);
}
#views_slideshow_controls_text_next_eueco7_slideshow-slideshow_header a span,
#views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_header
    a
    span {
    font-size: 70px;
}
.views-slideshow-controls-bottom {
    position: absolute;
    margin-top: -300px;
    width: 1200px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    z-index: 100;
}
.views-slideshow-pager-fields {
    float: right;
}
.views-slideshow-pager-field-item {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    margin-bottom: 15px;
    font-size: 0px;
    line-height: normal;
    background-color: rgba(255, 255, 255, 0.33);
    cursor: pointer;
}
.views-slideshow-pager-fields .active {
    background-color: rgba(255, 255, 255, 1);
}

/*****************news slider********************/
.view-display-id-slideshow_news .slick_slider .content-slide {
    /*max-width:370px;*/
    /*display: block;*/
    margin-bottom: 35px;
}
.view-display-id-slideshow_news .slick_slider .slick_inner_wrapper {
    display: block;
    max-width: 370px;
    background-color: var(--white);
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
}
.view-display-id-slideshow_testimonials .slick_slider .slick_inner_wrapper {
    display: block;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}
.view-display-id-slideshow_news .content-slide .slider_image {
    max-width: 370px;
}
#page .flex_block.slick_slider {
    display: block;
}
.slick_slider .content-slide .content_wrapper {
    display: flex;
    justify-content: space-between;
    padding: 20px 25px;
}
.view-display-id-slideshow_news .slick_slider .content-slide .content_wrapper {
    min-height: 240px;
    max-width: 370px;
}
.view-display-id-slideshow_news .content-slide .text_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.view-display-id-slideshow_news .content-slide .text_wrapper .slide_content {
    flex-grow: 1;
}
.view-display-id-slideshow_news .content-slide .text_wrapper .slide_link {
    margin: 0px;
    display: block;
    margin-left: 20px;
}
.slick_slider .content-slide.testimonial .content_wrapper {
    padding: 0px 0px;
}
.slick_slider .content-slide .date_wrapper .date {
    text-align: center;
}
.slick_slider .content-slide .text_wrapper {
    width: 270px;
}
.slick_slider .content-slide.testimonial .image_wrapper {
    width: 145px;
}
.slick_slider .content-slide.testimonial .slider_image {
    margin-bottom: 15px;
}
.slick_slider .content-slide.testimonial .slider_image img {
    display: block;
}
.slick_slider .content-slide.testimonial .text_wrapper {
    font-family: "Source Sans Pro", sans-serif;
    width: 420px;
    height: 205px;
    background-color: #f4f4f4;
    padding: 25px;
    border-radius: 8px;
}
.slick_slider .content-slide.testimonial .text_wrapper:before {
    content: " ";
    position: absolute;
    border-style: solid;
    border-width: 15px 12px 15px 0;
    border-color: transparent #f4f4f4;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -35px;
    margin-top: 15px;
}
.slick_slider .content-slide.testimonial .slogan_title {
    font-weight: 700;
    font-size: 16px;
}
.slick_slider .content-slide.testimonial .slogan_title:after {
    content: "";
    margin: 0px;
}
.slick_slider .content-slide.testimonial .slogan_content {
    color: #595959;
    font-size: 12px;
    text-transform: none;
    text-align: left;
}
.slick_slider .content-slide .slider_image img {
    border-radius: 5px 5px 0px 0px;
}
.slick_slider .content-slide .date div:first-child {
    background-color: var(--primary);
    color: var(--white);
    border-radius: 3px 3px 0px 0px;
    font-size: 16px;
    padding: 5px 5px;
}
.slick_slider .content-slide .date div:last-child {
    border: 1px solid #e6e6e6;
    color: #595959;
    border-radius: 0px 0px 3px 3px;
    font-size: 12px;
    padding: 5px 5px;
}
.slick_slider .slogan_title {
    color: #595959;
    font-size: 18px;
    text-transform: none;
    line-height: 16px;
    margin: 0px;
}
.slick_slider .slogan_title:after {
    content: "____";
    display: block;
    color: #e6e6e6;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 13px;
}
.slick_slider .slide_content {
    color: #7e888c;
    font-size: 16px;
    line-height: 20px;
}
.slick-dots li {
    width: 10px !important;
    height: 10px !important;
    margin: 0 3px !important;
}
.slick-dots li button {
    width: 10px !important;
    height: 10px !important;
    padding: 0px !important;
}

.slick-dots li button::before {
    font-size: 10px !important;
}
.slick-dots li.slick-active button::before {
    color: var(--primary) !important;
}
.view-display-id-slideshow_testimonials .slick-dots li button::before {
    background-image: url("/sites/berlinerstadtwerke.de/themes/eueco_site/images/berlin/slick_gray.png");
}
.view-display-id-slideshow_testimonials
    .slick-dots
    li.slick-active
    button::before {
    background-image: url("/sites/berlinerstadtwerke.de/themes/eueco_site/images/berlin/slick_gray_active.png");
}
.view-display-id-slideshow_testimonials .slick-slider .slick-track {
    margin-bottom: 20px;
}
.slick-prev,
.slick-next {
    top: 220px !important;
}
.view-display-id-slideshow_testimonials .slick-prev,
.view-display-id-slideshow_testimonials .slick-next {
    top: 90px !important;
}
.view-display-id-slideshow_testimonials .slick-prev::before,
.view-display-id-slideshow_testimonials .slick-next::before {
    opacity: 1;
    color: #f4f4f4;
}
/* the slides */
.slider img {
    margin: 0 auto;
}
/* +++++++++++++++++++++
Accordion
++++++++++++++++++++++ */
.ui-accordion {
    width: 100%;
}
.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
}
.ui-accordion .ui-accordion-li-fix {
    display: inline;
}
.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: 0.5em 0.5em 0.5em 0.7em;
}
.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: 0.5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}
.ui-accordion .ui-accordion-content-active {
    display: block;
}
.ui-state-default .ui-icon {
    background-image: none;
}
.accordion {
    margin-top: 0px;
    padding-bottom: 0px;
    border: none;
}
.accordion h3.ui-accordion-header {
    display: table;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    background-image: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    margin: 0px 0px -2px 0px;
    cursor: pointer;
    line-height: 23px;
    border-radius: 0px;
}
.accordion h3.ui-accordion-header span {
    display: table-cell;
}
.accordion h3.ui-accordion-header span:first-child {
    width: 40px;
    text-align: right !important;
    padding-right: 10px;
}
.accordion .ui-accordion-content,
.accordion .ui-widget-content {
    background: none !important;
    font-family: Verdana, Arial, sans-serif;
    display: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 20px 10px 20px;
    border: none;
    font-size: 16px;
    line-height: 20px;
    line-height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: auto !important;
    overflow: visible !important;
    border-radius: 0px;
    background-color: var(--white) !important;
}
#main-inner .accordion .ui-accordion-content p {
    margin-top: 0rem;
    margin-bottom: 1rem;
}
.ui-accordion .ui-accordion-header-active {
    border: none !important;
}
.accordion {
    margin-top: 0px;
    padding-bottom: 0px;
    border: none;
}
.accordion h3.ui-accordion-header {
    font-size: 16px;
    font-weight: 700;
    border: none;
    background: none;
    padding-left: 30px;
    margin-bottom: 25px;
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6 !important;
    color: #f39200;
    font-family: var(--font);
}
.accordion h3.ui-accordion-header:hover,
.accordion h3.ui-state-active {
    background-color: #f39200;
    border: 1px solid #f39200 !important;
    color: var(--white);
}
.accordion h3.ui-state-default:hover::before {
    color: var(--white);
}
.accordion h3.ui-accordion-header-active {
    margin-bottom: 0px;
    border-radius: 0px;
}
.accordion h3.ui-state-default::before {
    display: table-cell;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    content: "\f067";
    color: #f39200;
    width: 19px;
    height: 19px;
    font-size: 20px;
    display: inline-block;
    width: 19px;
    height: 19px;
    line-height: 1.3;
    position: absolute;
    right: 15px;
    top: 50%;
    text-align: center;
    margin-top: -10px;
}
.accordion h3.ui-accordion-header-active::before {
    display: table-cell;
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
    content: "\f068";
    line-height: 1.3;
    font-size: 20px;
    color: var(--white);
}
.footer-line {
    height: 3px;
    width: 50%;
    background: gray;
    margin-left: auto;
    margin-right: auto;
}
#footer_bg img {
    width: 100%;
    height: auto;
}
footer .block p {
    text-transform: none;
}
footer .block a {
    color: var(--text-color);
    text-decoration: none;
    font-size: 22px;
}
.social-share {
    padding-top: 20px;
    margin-bottom: 35px;
    margin-left: 15px;
}
.region-sidebar-second .block {
    margin-bottom: 20px;
}
.region-sidebar-second .content p {
    margin: 0px;
}
.region-sidebar-second .content {
    color: #8b9396;
    background-color: var(--white);
    border: 1px solid #f1f1f1;
    width: 208px;
    font-size: 11px;
    line-height: 1.5;
    padding: 20px 10px;
}
.newsletter-sidebar a,
.newsletter-sidebar a:link {
    text-decoration: none;
    color: #008cba;
}
.addtoany_list {
    width: 43%;
}
.addtoany_list ul {
    display: flex;
    justify-content: space-between;
    padding-left: 0px;
    list-style: none;
}
.addtoany_list ul li {
    width: 14.3%;
}
.social-media-links__item {
    text-align: center;
}
.social-media-link {
    display: block;
    height: 26px;
    background-position: center center;
    width: 100%;
    background-repeat: no-repeat;
}
.social-media-link--facebook {
    background-image: url(../images/greencity/social_media_facebook_white.png);
    background-size: 14px 26px;
}
.social-media-link--twitter {
    background-image: url(../images/greencity/social_media_twitter_white.png);
    background-size: 32px 26px;
}
.social-media-link--youtube {
    background-image: url(../images/greencity/social_media_youtube_white.png);
    background-size: 37px 26px;
}
.social-media-link--xing {
    background-image: url(../images/greencity/social_media_xing_white.png);
    background-size: 23px 26px;
}
.social-media-link--linkedin {
    background-image: url(../images/greencity/social_media_linked_white.png);
    background-size: 27px 26px;
}
.social-media-link--googleplus {
    background-image: url(../images/greencity/social_media_google_white.png);
    background-size: 40px 26px;
}
.social-media-link--tumblr {
    background-image: url(../images/greencity/social_media_tumblr_white.png);
    background-size: 17px 26px;
}
.fa-file-pdf-o::before {
    margin-left: -15px;
    position: absolute;
    display: inline-block;
}
footer ul.menu {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    float: none;
}
footer ul.menu li {
    margin: 0px;
    padding: 0px;
    float: none;
    list-style: outside none none;
    text-align: left;
    line-height: normal;
}
footer ul.menu li.last a {
    margin: 0px;
    padding: 0px;
}
footer ul.menu li a {
    text-transform: none;
    line-height: 1rem;
    letter-spacing: 0.00275rem;
}
#footer-message {
    display: block;
    padding-top: 0px;
}
.st-copyright {
    padding-right: 0px;
}
body .st-copyright a {
    text-decoration: none;
}
/*########################### Menu top ######################*/
#header_top {
    display: flex;
    padding: 0 3%;
}
#header_top .anmelden_toggle {
    text-decoration: none;
}
#primary_menu_wrapper {
    display: flex;
    clear: both;
    margin-left: auto;
    flex-direction: column;
    align-items: flex-end;
}
#primary_menu_wrapper > #primary-menu {
    margin-top: 20px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}
#primary_menu_wrapper > img {
    height: 3em;
    margin-top: 10px;
}
#block-superfish-1,
#block-superfish-2,
.not-logged-in #block-superfish-3 {
    flex-grow: 1;
}
.primary-menu-fixed #primary_menu_wrapper > div {
    margin-top: 20px;
}
.primary-menu-inner > ul.menu {
    list-style-type: none;
    float: left;
}
.primary-menu-inner > ul.menu > li {
    width: auto;
}
#primary-menu ul li a,
.primary-menu-inner ul li a {
    color: var(--black);
    transition: none;
    background: unset;
}
#primary-menu ul li.active-trail a {
    color: var(--primary);
    transition: none;
}
.primary-menu-inner > ul.menu > li a {
    background: none;
    padding-left: 10px;
    padding-right: 10px;
    transition: none;
}
.primary-menu-inner > ul.menu > li.first a {
    padding-left: 0px;
}
#block-menu-menu-logoutbar
    > ul.menu
    > li
    > a
    .primary-menu-inner
    > ul.menu
    > li
    > a {
    line-height: normal !important;
    height: auto !important;
}
.primary-menu-inner ul li a:hover {
    color: var(--primary);
    background: none;
}
.primary-menu-inner > ul.menu > li.last {
    margin-right: 0px;
}
.primary-menu-inner > ul.menu > li > ul {
    background-color: var(--white);
    z-index: 10000;
    padding-bottom: 20px;
}
.primary-menu-inner > ul > li.first {
    border-left: none;
}
.primary-menu-inner ul.sf-menu a {
    text-transform: none;
}
.primary-menu-inner ul li a {
    font-weight: normal;
}
.primary-menu-inner > ul.menu li ul li a {
    color: var(--primary);
    font-size: 15px;
    line-height: 28px;
    white-space: nowrap;
}
.primary-menu-inner > ul.menu li ul li {
    border-bottom: none;
}
.primary-menu-inner > ul.menu li ul li.first a {
    padding-top: 0px;
}
#primary-menu ul li ul li a {
    border: none;
    line-height: 30px;
    width: auto;
}
.primary-menu-inner ul.sf-menu ul {
    width: auto !important;
    margin-top: 0px;
    padding-top: 10px;
    background: none;
    background-color: var(--white);
    -webkit-box-shadow: 0px 5px 4px 0px rgba(50, 50, 50, 0.23);
    -moz-box-shadow: 0px 5px 4px 0px rgba(50, 50, 50, 0.23);
    box-shadow: 0px 5px 4px 0px rgba(50, 50, 50, 0.23);
    border-radius: 0px 0px 0px 0px;
}
.not-front .primary-menu-inner > ul > li.active-trail > a,
.primary-menu-inner > ul > li.active-trail li.active-trail a.active,
.not-front .primary-menu-inner > ul > li a.active,
.primary-menu-inner > ul > li:hover > a,
.primary-menu-inner > ul.menu > li li:hover a {
    background: none;
    color: var(--primary) !important;
    transition: none;
}
.primary-menu-inner li.active-trail {
    background: none;
}
.primary-menu-inner > ul.menu li ul a:hover {
    color: var(--primary);
    background: none;
}
.primary-menu-inner > ul.menu li ul li.active-trail a,
.primary-menu-inner > ul.menu li ul li a.active {
    background: none;
    color: var(--primary);
}
.primary-menu-fixed {
    position: fixed;
    top: 0px;
    z-index: 998;
    width: 100%;
}
#header_top.small {
    height: 0px;
    transition: height 0.4s ease-in-out;
}
#header_top.fixed.small {
    height: auto;
    width: 100%;
    background-color: var(--white);
    transition: height 0.4s ease-in-out;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.36);
    -moz-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.36);
    box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.36);
}
#header_top.fixed.small #primary-menu {
    margin-top: 15px;
    transition: margin-top 0.4s ease-in-out;
}
#header_top.small.slideup {
    overflow: hidden;
    height: 0px;
    transition: height 0.4s ease-in-out;
}
#header_top.small.slideup #primary-menu {
    margin-top: -1.667rem;
    transition: margin-top 0.4s ease-in-out;
}
.admin-menu #mm-0 #header_top.slideup {
    height: 0px;
    transition: none;
}
.admin-menu #mm-0 #header_top.fixed {
    top: 0px;
    width: 100%;
    transition: none;
}
.admin-menu #mm-0 #header_top.slideup #primary-menu {
    margin-top: 0px;
    visibility: hidden !important;
    transition: none;
}
.admin-menu #mm-0 #header_top.fixed #primary-menu {
    visibility: visible !important;
    transition: none;
}
#header_top.fixed {
    position: fixed;
    z-index: 9;
    top: var(--header-space);
    width: 100%;
    box-sizing: border-box;
}
div.content-messages div.status {
    background-color: #eff8fb;
    border-color: #008cba;
    color: #008cba;
    margin-left: 8px;
    width: 94%;
}
div.content-messages div.status a {
    color: #008cba;
}
div.content-messages div.warning,
div.content-messages div.error,
div.content-messages div.help {
    background-color: #fdf7e6;
    border-color: #f2af00;
    color: #f2af00;
    margin-left: 8px;
    width: 94%;
}
div.content-messages div.warning a,
div.content-messages div.error a,
div.content-messages div.help a {
    color: #f2af00;
}
li.taxonomy_term_1 {
    display: none !important;
}
.node-type-blog div.links {
    float: left;
    margin-bottom: 30px;
}
.node-type-blog div.terms {
    margin-bottom: 30px;
    margin-top: 30px;
}
.node-type-blog h1.title {
    background: none;
    font-size: 40px;
    color: #1f1f1f;
    line-height: 42px;
    margin-top: 0px;
    margin-bottom: 0px;
    background: none;
    padding-top: 0px;
}
/*########################### Login ######################*/
.button-registrieren,
.login_out_block {
    text-align: center;
    border-top: none;
}
#registrieren-anker {
    margin-bottom: 80px;
}
header .login_out_block {
    align-self: center;
}
.button-registrieren {
    margin-left: 795px;
    width: 162px;
}
.login_out_block .ui-button-right {
    display: none;
}
.logged-in .button-registrieren {
    display: none;
}
header .anmelden_toggle,
header .abmelden_toggle {
    display: inline-block;
    font-weight: normal;
    color: var(--white) !important;
    background-color: var(--primary);
    text-decoration: none !important;
    border-radius: 5px 0px 0px 5px;
    font-size: 20px;
    line-height: 33px;
    padding-left: 15px;
    padding-right: 40px;
    font-family: var(--font);
    hyphens: none;
}
header .anmelden_toggle > div,
header .abmelden_toggle > div {
    display: inline-block;
    position: absolute;
    margin-left: 20px;
    height: 55px;
    width: 55px;
    background-color: var(--primary);
    border-radius: 50%;
    margin-top: -10px;
    margin-right: 30px;
    line-height: 50px;
}
header .anmelden_toggle div::before,
header .abmelden_toggle div::before {
    display: inline-block;
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
    content: "\f007";
    font-size: 35px;
    color: var(--white);
}
header .anmelden_toggle div::after,
header .abmelden_toggle div::after {
    position: absolute;
    margin-left: -35px;
    content: "-";
    text-align: center;
    font-weight: 700;
    color: var(--primary);
    height: 15px;
    width: 15px;
    text-align: center;
    line-height: 15px;
    border: 1px solid var(--primary);
    background-color: var(--white);
    border-radius: 50%;
    margin-top: 28px;
    margin-left: -33px;
}
header .anmelden_toggle div::after {
    content: "+";
    line-height: 12px;
}
.fixed .anmelden_toggle,
.fixed .abmelden_toggle {
    color: var(--white) !important;
    text-decoration: none !important;
    font-size: 22px;
}
.login_out_block a.ui-button-ref:hover {
    margin-top: 0px;
    -webkit-transition: margin-top 100ms linear;
    -moz-transition: margin-top 100ms linear;
    -o-transition: margin-top 100ms linear;
    -ms-transition: margin-top 100ms linear;
    transition: margin-top 100ms linear;
}
/*         Buttons
------------------------------*/
.webform-submission-form textarea {
    border: 1px solid #cccccc;
    color: rgba(0, 0, 0, 0.75);
    font-family: var(--font);
    font-size: 15px;
    padding: 5px;
}
#pid-node-70-done #content-content,
.page-newsletter #content-content,
#pid-node-1945-done #content-content {
    padding-left: 15px;
}
#simplenews-confirm-add-form .container-inline a {
    background: #007ac0 none repeat scroll 0 0;
    color: var(--white);
    float: left;
    padding: 10px 16px;
    text-align: center;
    width: 140px;
}
#simplenews-confirm-add-form .container-inline a:hover {
    text-decoration: none;
}
/****************Der Weg CEPP*****************************/
#frame_der_weg .picture-wrapper {
    width: 650px;
    height: 200px;
}
#frame_der_weg #der_weg_1 .picture-wrapper {
    background: url("/sites/all/cepp/fotos/SoGehts1.png") no-repeat scroll 0 0 /
        100% auto;
}
#frame_der_weg #der_weg_2 .picture-wrapper {
    background: url("/sites/all/cepp/fotos/SoGehts2.png") no-repeat scroll 0 0 /
        100% auto;
}
#frame_der_weg #der_weg_3 .picture-wrapper {
    background: url("/sites/all/cepp/fotos/SoGehts3.png") no-repeat scroll 0 0 /
        100% auto;
}
#frame_der_weg #der_weg_1 {
    position: absolute;
}
#frame_der_weg #der_weg_2,
#frame_der_weg #der_weg_3 {
    display: none;
    position: absolute;
}
#frame_der_weg .titel {
    font-size: 16px;
    font-weight: bold;
}
#frame_der_weg {
    background-color: #eeeeee;
    padding: 25px;
    height: 405px;
    width: 700px;
}
#frame_der_weg .content-wrapper {
    width: 650px;
}
#frame_der_weg .picture_button {
    position: absolute;
    width: 100px;
    height: 90px;
    z-index: 1000;
    cursor: pointer;
}
#frame_der_weg #der_weg_1_button {
    margin-top: 140px;
}
#frame_der_weg #der_weg_2_button {
    margin-left: 275px;
    margin-top: 65px;
}
#frame_der_weg #der_weg_3_button {
    margin-left: 550px;
    margin-top: 140px;
}
#pid-so-funktionierts #button-area {
    text-align: center;
}
#pid-so-funktionierts #button-area img {
    cursor: pointer;
}
#pid-so-funktionierts #button-area .button {
    float: left;
    padding: 10px 0px 0px;
}
#pid-so-funktionierts #button-area #go_left {
    margin-left: 299px;
}
#node-title-70 h1 {
    margin-bottom: 0;
}
.page-newsletter-confirm #main #edit-cancel,
body form input.form-submit,
body input.form-submit,
body input.small-submit {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 0.74rem;
    text-align: center;
    line-height: 2.778rem;
    padding: 0 2rem;
    text-decoration: none;
    background-color: var(--primary);
    color: var(--white) !important;
    border: 0.1111rem solid var(--primary);
    text-decoration: none !important;
    text-transform: uppercase;
    text-decoration: none;
    width: auto;
    z-index: 3;
    border-radius: 0;
    margin: 0;
}
body .adminpage form input.form-submit,
body .adminpage input.form-submit,
body .adminpage input.small-submit {
    font-size: 1rem;
    text-align: center;
    line-height: 1.7rem;
    padding: 0 1rem;
    border-radius: 0.1667rem;
    width: auto;
    z-index: 3;
}
.page-newsletter-confirm #main #edit-cancel:hover,
body form input.form-submit:hover,
body input.form-submit:hover,
body input.small-submit:hover {
    background-color: var(--white);
    color: var(--primary) !important;
    border: 0.1111rem solid var(--primary);
}
body .adminpage #edit-actions input.form-submit {
    margin-right: 5px;
}
body input.small-submit {
    line-height: 26px;
    min-width: 0px;
}
body form input.form-submit:hover,
body input.form-submit:hover,
body input.small-submit:hover {
    cursor: pointer;
}
#pid-user-password .form-item label {
    font-weight: normal;
}
#progress {
    position: fixed;
    text-align: center;
    top: 300px;
    visibility: hidden;
    width: 100%;
    z-index: 10000;
}
body .ui-dialog {
    border: 0;
    border-radius: 0;
    padding: 0;
}
body .ui-dialog-content {
    height: auto !important;
}
body .ui-widget {
    font-size: inherit;
}
body .ui-dialog .ui-dialog-titlebar-close {
    background: rgba(0, 0, 0, 0) url("../images/eueco/icons/icon_close.gif")
        no-repeat scroll 0 0;
    border: medium none;
}
body .ui-dialog .ui-dialog-titlebar-close:hover {
    background: rgba(0, 0, 0, 0)
        url("../images/eueco/icons/icon_close_hover.gif") no-repeat scroll 0 0;
}
body .ui-dialog-titlebar {
    background: #007ac0 none repeat-x scroll 0 center;
    border: medium none;
    border-radius: 0;
    background-color: var(--primary);
    font-size: 14px;
}
.ui-dialog-overlay {
    background: none repeat scroll 0 0 var(--black);
    opacity: 0.8;
}
.ui-dialog-title {
    color: var(--white);
    font-weight: bold;
}
.ui-dialog .ui-dialog-buttonpane button {
    background: none;
    border: none;
    background-color: var(--primary);
    color: var(--white);
}
#modal-upload-wrapper {
    margin-bottom: 10px;
}
#page .flex_block {
    display: flex;
    justify-content: space-between;
}
#page .flex_block.column {
    flex-direction: column;
}
#page .flex_block > div {
    width: 50%;
}
#page .flex_block.column > div {
    width: 100%;
}
#page .flex_block.one.projekt {
    justify-content: center !important;
}

#page .flex_block.three > div {
    width: 31%;
}
#page .flex_block > .text {
    width: 48%;
}
#page .flex_block.projekt > .flex_block {
    width: 48%;
}
.flex_block.two.projekt.column .flex_block.column {
    margin: 0 auto;
}
#page .flex_block.projekt > .flex_block .image {
    margin-bottom: 35px;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#page .flex_block.projekt > .flex_block:first-child .image img {
    max-width: 214px;
    display: block;
    margin: 0 auto;
    max-height: 190px;
}
#page .flex_block.projekt > .flex_block:last-child .image {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
body .flex_block.projekt a.button.green {
    width: 100%;
    margin-top: 20px;
}
#page .flex_block > .image {
    width: 48%;
}
#page .flex_block > div img {
    width: 100% !important;
    height: auto !important;
    display: block;
    max-width: 214px;
}
#page .flex_block.wrap {
    flex-wrap: wrap;
}
.flex_block .text .teaserHeadline {
    font-size: 35px;
    margin-bottom: 35px;
    margin-top: 15px;
    line-height: normal;
}
.flex_block .text .teaserHeadline {
    font-size: 35px;
    margin-bottom: 35px;
    margin-top: 15px;
    line-height: normal;
}
.flex_block .teaserHeadline {
    text-transform: uppercase;
}
.flex_block.columns {
    flex-direction: row;
    justify-content: space-between;
}
#page .flex_block.inestieren_hinweis > .text:first-child {
    width: 40%;
    /*padding-right:30px;*/
}
#page .flex_block.inestieren_hinweis > .text:last-child {
    width: 55%;
}
#page .flex_block.inestieren_hinweis > .text:last-child .button {
    width: 100%;
}
a.more_link {
    display: table-cell;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}
body a.download {
    display: block;
    text-transform: none;
    margin-left: 20px;
}
a.more_link:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    content: "\f067";
    font-weight: bold;
    font-size: 13px;
    padding-right: 5px;
    margin-top: -4px;
    vertical-align: middle;
}
a.download:before {
    content: "→";
    font-family: "GreenCity Iconica";
    font-weight: normal;
    font-style: normal;
    color: var(--primary);
    font-size: 1rem;
    position: absolute;
    text-align: center;
    margin-left: -25px;
    transform: rotate(90deg) scale(0.8, 1);
    margin-top: 3px;
}
#main .field-name-body .field-item {
    margin-bottom: 3.7rem;
}
.front #main .field-item-content.full .full,
#main-inner .field-item-content.full p {
    font-size: 0.7222rem;
    line-height: 1rem;
    letter-spacing: 0.00275rem;
    font-weight: normal;
}
.field-item.gray {
    background-color: #f6f6f6;
}
.field-item.green {
    background: #edf6eb;
}
.flex_block.testimonial .text {
    font-size: 35px;
    color: #79a9d6;
    line-height: normal;
}
.flex_block.testimonial .text div {
    font-weight: 700;
    font-size: 18px;
    color: var(--black);
    text-transform: uppercase;
}
.flex_block.testimonial .text div span {
    font-weight: 100;
    text-transform: none;
}
.flex_block.testimonial .image img {
    border-radius: 20%;
}
#block-block-176 {
    background-color: #f6f6f6;
    padding: 2rem 0;
}
#block-block-176 {
    margin-top: 50px;
}
#block-block-176 .content {
    width: 63%;
    margin-left: auto;
    margin-right: auto;
}
#page .flex_block.kontakt {
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
#page .flex_block.kontakt .flex_block {
    width: 100%;
}
#page .flex_block.kontakt .flex_block > div:last-child {
    width: auto;
    align-self: flex-end;
    min-width: 374px;
}
#page .flex_block.kontakt .flex_block div:before {
    color: var(--primary);
    margin-right: 10px;
}
#page .flex_block.kontakt .flex_block .email:before {
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
    content: "\f0e0";
}
#page .flex_block.kontakt .flex_block .formular:before {
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
    content: "\f040";
}
#page .flex_block.kontakt .flex_block .telefon:before {
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
    content: "\f095";
}
#page .flex_block.konditionen,
#page .flex_block.konditionen a.download {
    margin-top: 1rem;
}
#page .flex_block.konditionen > div {
    width: 48%;
}
#page .flex_block.konditionen a.download:first-child {
    margin-top: 0px;
}
#page .flex_block.kontakt .image {
    width: 45%;
    margin-right: 6%;
}
.flex_block.kontakt .image img {
    display: block;
}
#page .flex_block.kontakt .text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 50%;
    width: 30%;
    font-size: 1rem;
    line-height: 1.333rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.flex_block.kontakt .text div {
    font-size: 24px;
    font-weight: 700;
    color: var(--white);
    line-height: 50px;
    margin-top: 50px;
    font-family: arial, sans-serif;
}
.flex_block.kontakt .text div img {
    margin-right: 10px;
    margin-bottom: -7px;
}
.flex_block.kontakt .text div a img {
    margin-bottom: -2px;
}
.flex_block.kontakt .text div.email a {
    color: var(--white);
    text-transform: none;
}
.flex_block.newsletter .text {
    color: #79a9d6;
    text-transform: uppercase;
    margin-left: 50px;
}
.flex_block.newsletter {
    justify-content: flex-start;
}
.flex_block.beteiligung .image {
    background-repeat: no-repeat;
    width: 333px;
    height: 332px;
}
.flex_block.breitband .image {
    background-image: url("/sites/bb-partnerunternehmen.de/public/content/beteiligung2.png");
}
.flex_block.mieterstrom .image {
    background-image: url("/sites/bb-partnerunternehmen.de/public/content/gezeichnet.jpg");
}
.flex_block.darlehen .image {
    background-image: url("/sites/bb-partnerunternehmen.de/public/content/darlehen.jpg");
}
.flex_block.beteiligung .image img {
    display: block;
}
.flex_block.beteiligung .image {
    color: var(--white);
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
    padding: 205px 45px 0px 45px;
}
.flex_block.beteiligung .image div {
    font-family: arial, sans-serif;
    font-size: 66px;
}
.flex_block.beteiligung a.download {
    float: right;
}
.flex_block.beteiligung .teaserHeadline,
.flex_block.investition .teaserHeadline {
    margin-top: 0px;
}
.region-content .ee-projectdetails-invested-block,
.region-content #ee-projectdetails-invested-block,
.region-content .ee-projectdetails-invested-disabled {
    margin-bottom: 0px;
    border: 1px solid #cecdcc;
    padding: 20px;
}
.region-content .ee-projectdetails-invested-disabled {
    text-align: center;
}
.flex_block.projekt .divtable.spreadout {
    margin-bottom: 20px;
}
#page .flex_block.projekt > .flex_block .divtable.spreadout {
    min-height: 240px;
}
.ee-projectdetails-invested-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
}
.ee-projectdetails-invested-block .tooltip {
    width: 100%;
}
.ee-invested {
    font-size: 20px;
    margin-bottom: 20px;
    color: var(--text-color);
    z-index: 1;
}
.complete #ee-value-wrapper {
    display: none;
}
.region-content .ee-projectdetails-title {
    font-size: 20px;
    padding: 0px;
    color: #595959;
    margin-bottom: 20px;
    order: 0;
    display: flex;
    justify-content: center;
}
.region-content .ee-value-wrapper {
    display: none;
}
.tooltip:hover span {
    margin-top: 5px;
}
.tooltip span.classic,
.region-content .ee-projectdetails-invested-block .tooltip span.classic {
    background: none;
    margin-left: 20px;
    font-size: 14px !important;
    background-color: var(--white);
    border: 1px solid var(--primary);
    width: 160px;
    padding: 7px;
    margin-top: 10px !important;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.75);
    display: none;
}
.region-content .ee-projectdetails-invested-block .tooltip:hover span.classic {
    display: block;
}
.region-content .ee-projectdetails-invested-block .tooltip span.classic em {
    font-size: 14px !important;
    font-weight: normal;
    line-height: normal;
    font-style: normal;
    padding: 0px;
}
#page .region-content .tooltip {
    border: none;
    order: 1;
}
.region-content .ee-value-wrapper .ee-min-value {
    display: none;
}
.region-content .ee-value-wrapper .ee-max-value {
    color: #28a6ec;
    font-weight: 700;
    font-size: 24px;
    margin-right: 0px;
}
.region-content .ee-skala {
    background-image: none;
    height: 15px;
    margin-top: 5px;
    background-color: #ececec;
    line-height: 0px;
    display: flex;
    font-size: 0px;
}
.region-content .ee-skala .ee-value {
    background: url("../images/eueco/icons/value.png");
    top: -29px;
    height: 15px;
    position: static;
    display: inline-block;
}
.region-content .ee-value-wrapper:hover + div + .tooltip span.classic {
    display: block;
}
.flex_block.investition .text {
    width: 760px;
}
.flex_block.investition .text.liste {
    width: 333px;
}
.flex_block.investition .text.liste ul {
    list-style: none;
    display: table;
    margin-top: 82px;
}
.flex_block.investition .text.liste ul li {
    height: 36px;
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
    color: #79a9d6;
}
.flex_block.investition .text.liste ul li:before {
    content: " ";
    display: inline-block;
    float: left;
    background-image: url("../images/bbp/icons/plus_small.png");
    background-repeat: no-repeat;
    height: 36px;
    width: 36px;
    padding-left: 15px;
}
#pid-ueber-uns .content_block_2 .flex_block .text {
    width: 800px;
}
.webform-submission-form .form-text,
.webform-submission-form .form-email {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: var(--white);
    border: none;
    box-sizing: border-box;
    box-shadow: none;
    color: #202020;
    border: 1px solid var(--primary);
    display: block;
    font-size: 1rem;
    line-height: 1.333rem;
    height: 2.222rem;
    outline: 0;
    max-width: 100%;
    margin: 0;
    padding-left: 0.5556rem;
}
.webform-submission-form label {
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: 0.00275rem;
    color: #202020;
}
.webform-submission-form textarea {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: var(--white);
    border-radius: 0.1111rem;
    box-sizing: border-box;
    box-shadow: none;
    color: #202020;
    display: block;
    font-size: 1rem;
    line-height: 1.333rem;
    height: 5.222rem;
    outline: 0;
    max-width: 100%;
    margin: 0;
    padding-left: 0.5556rem;
}
.webform-submission-form .form-item-captcha-response label {
    font-size: 14px;
}
.webform-submission-form span.form-required {
    font-size: 0px;
}
.webform-submission-form span.form-required:before {
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
    content: "\f069";
    display: inline-block;
    position: absolute;
    font-size: 12px;
    color: var(--primary);
    padding-left: 0px;
    margin-top: -3px;
}
.webform-submission-form .resizable-textarea .grippie {
    background: var(--primary) url(../images/bbp/icons/grippie.png) no-repeat center
        2px;
}
.webform-submission-webform-70-form > div {
    width: 700px;
}
.webform-submission-webform-70-form fieldset {
    border: none;
    margin-bottom: 50px;
}
.webform-submission-webform-70-form fieldset:nth-child(3) {
    margin-bottom: 0px;
}
.webform-submission-form fieldset legend {
    font-size: 30px;
    text-transform: uppercase;
    line-height: normal;
    color: var(--primary);
}
.webform-submission-webform-70-form .webform-component--anmeldung-zum-newsletter legend,
.webform-submission-webform-70-form .webform-component--projektdaten legend {
    display: none;
}
.webform-submission-webform-70-form fieldset:nth-child(4) .fieldset-wrapper .form-item {
    margin: 10px 0px;
}
.webform-submission-webform-70-form
    fieldset:nth-child(4)
    .fieldset-wrapper
    .form-item
    input,
.webform-submission-webform-70-form
    fieldset:nth-child(4)
    .fieldset-wrapper
    .form-item
    select {
    display: table-cell;
}
.webform-submission-webform-70-form
    fieldset:nth-child(4)
    .fieldset-wrapper
    .form-item
    select {
    display: inline-block;
    width: 100%;
    padding-left: 5px;
    margin-top: 0px;
    line-height: 40px;
    height: 40px;
    border: 1px solid var(--primary);
    background-color: var(--white);
    color: #595959;
    font-size: 18px;
}
.webform-submission-webform-70-form
    fieldset:nth-child(4)
    .fieldset-wrapper
    .form-item
    label {
    display: inline-block;
    width: 110px;
}
#pid-node-70-done #main {
    font-size: 18px;
    margin-top: 60px;
}
#pid-node-70-done #main .webform-confirmation table {
    width: 760px !important;
    line-height: normal;
    text-transform: uppercase;
}
#pid-node-70-done #main .webform-confirmation table td {
    padding-left: 0px;
}
#pid-node-70-done #main .webform-confirmation table td p {
    font-size: 18px;
}
#pid-node-70-done #main .webform-confirmation table td p:first-child {
    font-size: 24px;
}
#pid-node-70-done #main .webform-confirmation + .links {
    width: 760px !important;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
}
#pid-node-70-done #main .webform-confirmation + .links a:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f060";
    font-weight: bold;
    padding-right: 5px;
}
tbody {
    border-top: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .region-content #ee-skala #ee-value {
        top: -28px;
    }
    .flex_block.beteiligung .image {
        padding: 195px 5px 0px 45px;
        font-weight: 700;
    }
    #pid-customer-portfolio legend,
    .page-user-edit #user-profile-form legend {
        display: inline-block;
        margin-bottom: 10px;
    }
    #pid-customer-portfolio legend {
        padding-left: 0px;
    }
}
.system_messages_wrapper {
    width: 500px;
    height: auto;
    position: fixed;
    top: 30%;
    left: 50%;
    margin-top: -50px;
    margin-left: -250px;
    z-index: 1000;
    padding: 0px 20px 20px 20px;
    background-color: rgba(50, 50, 50, 0.58);
    -webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.58);
    -moz-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.58);
    box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.7);
}
.system_messages_wrapper .messages {
    display: block;
    clear: both;
}
.system_messages_wrapper .messages {
    display: block;
    clear: both;
    background-color: #f8fff0;
}
.system_messages_wrapper .closer {
    float: right;
    cursor: pointer;
    font-size: 18px;
    padding: 5px;
    margin-right: -20px;
    color: var(--black);
}
.doc_header {
    color: #8b9396 !important;
}
.password-suggestions ul {
    margin-left: 15px;
    margin-top: 8px;
}
h3.projectdetails {
    margin-bottom: 1rem;
}
.faq_headline {
    display: none;
}
.view-display-id-faq_block {
    margin-bottom: 100px;
}
.view-display-id-faq_block .view-header {
    display: flex;
    justify-content: space-between;
    -webkit-perspective: 800;
}
.view-display-id-faq_block .view-header > div {
    cursor: pointer;
    color: var(--white);
    width: 30%;
    padding-top: 30%;
    text-align: center;
    border-radius: 5px;
    display: flex;
    align-items: center;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
}
.view-display-id-faq_block .view-header > div p {
    font-size: 24px;
    padding: 0px !important;
    margin: 0px !important;
    line-height: 35px !important;
    word-break: break-all;
}
.view-display-id-faq_block .view-header > div.open {
    -webkit-transform: rotatex(-180deg);
}
.view-display-id-faq_block .view-header .face {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 30px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.view-display-id-faq_block .view-header .front {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    background: var(--secondary);
    color: var(--white);
    transform: rotateX(0deg);
}
.view-display-id-faq_block .view-header .back {
    -webkit-transform: rotatex(-180deg);
    background: #f39200;
}
.faq_block {
    display: none;
    margin-top: 25px;
}
#ee-faq_beteiligungsplattform-block {
    display: block;
}
#ui-datepicker-div {
    font-size: 13px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    text-align: center;
}
.text em {
    font-style: normal;
}
.registrieren.button,
#user-login-form #edit-submit,
#user-login-form #edit-submit--2,
.modal_login .form-actions input#edit-submit--2,
body .modal_logout a {
    background: var(--primary);
    color: var(--white);
    display: block;
    border-radius: 0.1667rem;
    text-align: center;
    /*width: 160px;*/
    height: 2.778rem;
    margin-top: 40px;
    line-height: 2.778rem;
    border: 0.1111rem solid var(--primary);
    text-transform: none;
    padding: 0 2rem;
    font-size: 0.7778rem;
    text-decoration: none;
}
.registrieren.button,
body .modal_logout a,
#user-login-form #edit-submit {
    margin-top: 10px;
    font-size: 16px;
    text-transform: uppercase;
    font-size: 0.7778rem;
    text-align: center;
    line-height: 2.778rem;
}
body .flex_block.full .text:first-child a:hover {
    background-color: #0c78c8;
    border: 1px solid #0c78c8;
}
.flex_block.anlage {
    color: #595959;
    width: 1170px;
}
.flex_block.anlage .text:first-child .text ul {
    margin-left: 18px;
}
.flex_block.anlage > .text:last-child {
    background-color: #fafafa;
    padding: 45px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.flex_block.anlage > .text:first-child h2 {
    margin-bottom: 35px;
    color: #595959;
    font-weight: 400;
    font-size: 38px;
    margin: 0px;
    margin-bottom: 35px;
}
.flex_block.anlage > .text:last-child h2 {
    font-family: "Source Sans Pro", sans-serif;
    color: #595959;
    font-size: 24px;
    font-weight: 100;
    margin: 0px;
    margin-bottom: 35px;
}
.flex_block.anlage > .text:last-child .hinweis h2 {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 21px;
    color: #28a6ec;
    margin-bottom: 0px;
    font-weight: 600;
}
.flex_block.anlage .flex_block.wrap .text:nth-child(5) {
    margin-top: 20px;
    width: 100%;
}
.flex_block.anlage .flex_block.wrap .text:nth-child(5) .button.gray {
    width: 100%;
}
.flex_block.anlage .image {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
}
.flex_block.anlage .image img {
    display: block;
    border-radius: 8px;
}
.projektstatus {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #7e888c;
}
.anlage > .text h3 {
    margin: 35px 0px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 24px;
    color: #595959;
    font-weight: 100;
}
.scale {
    width: 100%;
    background-color: #dfdfdf;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 20px;
}
.scale .scalevalue {
    display: block;
    height: 10px;
    background-color: var(--primary);
    border-radius: 5px;
}
.betrieb.scale .scalevalue {
    background-color: #fab91f;
}
.scalelabel {
    float: right;
}
.emissionsvolumen {
    float: right;
    font-size: 20px;
    padding: 0px;
    color: #595959;
}
.flex_block.invest_info {
    margin-top: 40px;
    margin-bottom: 40px;
}
.flex_block.invest_info .text h3 {
    color: #28a6ec;
    font-weight: 700;
    font-size: 24px;
    margin: 0px;
}
.flex_block.invest_info .text:last-child {
    text-align: right;
}
.text.full {
    width: 100%;
}
#pid-customer-portfolio .button.green {
    width: 160px;
    height: 40px;
    line-height: 40px;
    display: block;
}
#main .button.orange {
    background-color: var(--primary);
    color: var(--white);
}
#main .button.gray {
    background-color: #999999;
}
#main .button.gray:hover {
    background-color: var(--primary);
}
#main .button.clear {
    border: 1px solid var(--white);
}
.slick_slider .slide_link a:hover {
    background-color: #999999;
    border: 1px solid #999999;
}
#main .button.ongreen {
    background-color: var(--primary);
    border: 1px solid var(--primary);
}
#main .button.ongreen:hover {
    background: none;
    border: 1px solid var(--white);
}
#beteiligen .investieren_button {
    width: 100%;
}
.flex_block.wrap .button.gray {
    width: 230px;
}
.anlage .flex_block.wrap .text.full {
    margin-bottom: 40px;
}
.anlage .flex_block.wrap {
    margin-bottom: 65px;
}
.divtable {
    width: 100%;
    border-collapse: separate;
}
.divtable.projectdetails {
    font-weight: normal;
    border-collapse: separate;
    border-spacing: 0px 0px;
    margin: 2rem auto;
}
.divtable.projectdetails .divrow > div {
    line-height: normal;
    height: auto;
}
.divtable .divrow > div:first-child {
    border-bottom: 1px solid #cecdcc;
    width: 49%;
    text-align: left;
    color: #aeabab;
}
/*.divtable.spreadout .divrow:first-child >div:first-child,
.divtable.spreadout .divrow:first-child >div:last-child {
    border-top: 1px solid #cecdcc;
}*/
.divtable .divrow > div:last-child {
    text-align: right;
    width: 49%;
    border-bottom: 1px solid #cecdcc;
}
h3.bold {
    font-weight: 700;
}
.anlage > .text h3.bold {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 700;
}
.flex_block.anlage > .text:last-child > .image {
    margin-bottom: 20px;
}
#beteiligen {
    text-align: center;
    color: var(--white);
    padding: 60px 0px;
}
.flex_block.steps {
    margin-top: 80px;
}
.flex_block.steps > div.text {
    width: 25%;
    cursor: pointer;
}
#page .flex_block.steps > div img {
    height: auto !important;
    width: auto !important;
}
#page .flex_block.steps > div div.fa {
    font-size: 5rem;
    color: var(--primary);
}
.flex_block.steps .text .stepwrapper .step {
    font-size: 24px;
}
.steps_info.opened {
    display: block;
}
.steps_info:before {
    font-family: 'Font Awesome 5 Free';
    content: "\00d7";
    float: right;
    margin-top: -10px;
    font-size: 20px;
    font-weight: 700;
}
body #beteiligen a {
    color: var(--white);
    font-size: 24px;
}
.stepwrapper {
    margin-top: 25px;
}
body #beteiligen a.button {
    margin-top: 80px;
    font-weight: normal;
    font-size: 20px;
    width: 403px;
}
#beteiligen h2 + .closed + .closed + .closed + .closed + .steps + .text a {
    margin-top: 80px !important;
}
/*Modal Login*/
.modal_login,
.modal_logout {
    width: 430px;
    background-color: #f6f6f6;
    padding: 2rem;
    border-radius: 0.1667rem;
    z-index: 1000;
    color: #414141;
    font-size: 24px;
}
.modal_login .form-item-name {
    margin-top: 10px;
}
.modal_logout {
    color: #414141;
}
.modal_logout .realname {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #414141;
}
.modal_login input {
    width: 100% !important;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    padding-left: 10px;
    margin-left: 0px;
    border: 1px solid #cccccc;
    border-radius: 0.1667rem;
}
.modal_login .form-type-password {
    margin-bottom: 5px;
}
.modal_login .form-required-text {
    font-size: 14px;
    color: var(--white);
    padding-left: 20px;
}
#logout_button,
.modal_login #login_links {
    margin-left: auto;
    margin-right: auto;
}
.modal_login label {
    display: none;
}
#block-block-168 #login_links {
    display: none;
}
.modal_login #user-login-form #edit-submit,
.modal_login #user-login-form #edit-submit--2,
.modal_login .registrieren.button {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.modal_login #user-login-form #edit-submit--2 {
    margin-top: 10px;
}
.modal_login .reset_password {
    margin-left: 0px;
}
.modal_login .reset_password a {
    color: #414141;
    font-size: 16px;
}
.modal_login .reset_password a:hover {
    color: #999291;
}
body .modal_logout a:hover,
.registrieren.button:hover,
#user-login-form #edit-submit:hover,
#user-login-form #edit-submit--2:hover {
    color: var(--primary) !important;
    background: var(--white);
    border-color: var(--primary);
    transition: 0.3s;
    text-decoration: none;
}
.modal_login #login_links {
    display: block;
    clear: both;
    padding-top: 0px;
}
.modal_login .do_register {
    display: block;
    padding: 10px 0px 0px 0px;
    width: 100%;
    color: #414141;
}
.modal_login .do_register p {
    margin-top: 0px;
}
#edit-submit:hover {
    background-color: var(--white);
}
/*Registerform*/
#pid-user-register #user-register-form {
    border: 2px solid #d8d8d8;
    padding: 15px 15px 15px 15px;
    border-radius: 8px;
}
#pid-user-register #user-register-form input {
    line-height: 40px;
    font-size: 13px;
    padding-left: 10px;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    background-color: #e4e0e0;
    border-radius: 3px;
}
#pid-user-register #user-register-form input.form-submit {
    background-color: var(--primary);
    display: inline-block;
    line-height: 45px;
    height: 45px;
    text-align: center;
    color: var(--white);
    font-size: 18px;
    border-radius: 5px;
}
#pid-user-register #user-register-form input.form-submit:hover {
    background-color: #999999;
}
#user-register-form #edit-legal input {
    background: transparent;
    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
}
#user-register-form #edit-legal,
#user-register-form #edit-legal legend {
    border: none;
    margin: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}
#user-register-form #edit-legal input[type="checkbox"] + label {
    cursor: pointer;
    line-height: normal;
    padding-left: 33px;
    padding-top: 20px;
    display: table-cell;
}
#user-register-form #edit-legal input[type="checkbox"]:checked + label::before,
#user-register-form #edit-legal input[type="checkbox"]:not(:checked) + label::before {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    margin-top: 5px;
    background: white;
    background-color: white;
    margin-left: -34px;
    font-size: 18px;
    line-height: 18px;
}
#user-register-form #edit-legal input[type="checkbox"]:checked + label::before,
#user-register-form #edit-legal input[type="checkbox"]:not(:checked) + label::before {
    border: 1px solid #d8d8d8;
    background-color: #e4e0e0;
}
#user-register-form #edit-legal input[type="checkbox"]:checked + label::before {
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
    content: "\f00c";
    border-radius: 0px;
}
#pid-user-register #tabs_wrapper {
    display: none;
}
#pid-user-register #content #registrieren {
    text-align: left;
    margin-top: 170px;
}
#pid-user-register #content h1 {
    text-align: left;
    margin-top: 0px;
}
#pid-user-register #content #registrieren .flex_block > div {
    margin-top: 15px;
}
#pid-user-register #content h1:after {
    content: "";
    margin-bottom: 10px;
}
#log_overlay {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
/*mmenu*/
#menu.mm-menu {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.75);
}
.mm-panels > #mm-1:before {
    height: 0px;
}
.mm-navbar {
    background-color: var(--primary);
    border-bottom: 1px solid #ccc;
}
.mm-navbar .mm-title {
    position: absolute;
    width: calc(100% - 82px);
    padding: 10px 0 10px 10px;
    color: var(--white);
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: none;
}
.mm-panels > .mm-panel {
    padding: 0 0px;
}
.mm-listview > li > a,
.mm-listview > li > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0;
    text-decoration: none;
}
.mm-listview > li > a:last-child {
    font-family: "Source Sans Pro", sans-serif;
    border-bottom: 1px solid #cccccc;
    color: #595959;
    font-size: 14px;
    line-height: 12px;
}
.mm-listview > li > a:first-child {
    border-bottom: 1px solid #cccccc;
}
.mm-menu.mm-keyboardfocus a:focus,
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span,
.mm-listview > li > a:hover {
    background-color: var(--primary);
    color: var(--white);
}
.mm-listview > li:not(.mm-divider)::after {
    border: none;
}
.mm-menu.mm-keyboardfocus a:focus,
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span,
.mm-listview > li > a:hover {
    background-color: var(--primary);
    color: var(--white);
}
.mm-panels > .mm-panel {
    background-color: var(--white);
}
.mm-panels ul.menu li {
    margin: 0 0 0 0;
}
.mm-menu .mm-navbar a,
.mm-menu .mm-navbar > * {
    color: var(--white);
}
.mm-navbar {
    text-align: left;
}
.mm-prev::before {
    width: 0.7rem;
    height: 0.7rem;
    margin-left: 8px;
}
.front .mm-navbar .mm-prev + .mm-title {
    left: 40px;
    padding-left: 20px;
}
.front .mm-navbar .mm-hidden + .mm-title {
    left: 0px;
    padding-left: 20px;
}
.mm-panels > .mm-panel > .mm-listview {
    margin: 0px 0px 0px 0px;
}
.mm-panels > .mm-panel > .mm-listview:first-child {
    margin: 20px 0px 0px 0px;
}
.mm-panels > .mm-panel > .mm-listview:last-child {
    margin: 0px 0px 20px 0px;
}
.mm-menu .mm-btn::after,
.mm-menu .mm-btn::before {
    border-color: var(--white);
}
.mm-menu .mm-listview > li .mm-next::after {
    border-color: #595959;
    width: 10px;
    height: 10px;
}
.mm-listview .mm-next::before {
    border: none;
}
.mm-close::after,
.mm-close::before {
    width: 0.5rem;
    height: 0.5rem;
}
.mm-menu .mm-listview > li .mm-next:hover:after {
    border-color: var(--white);
}
.mm-close::after {
    right: 41px;
}
.mm-close::before {
    right: 30px;
}
html.mm-blocking,
html.mm-blocking body {
    overflow: visible;
}
.region-content-top {
    display: block;
    width: auto;
    height: 260px;
    margin-left: auto;
    margin-right: auto;
}
.teaserboxen > .content {
    display: block;
    width: 93%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: -7rem;
}
#page .teaserboxen .flex_block {
    width: 100%;
    background-color: var(--primary);
    align-self: flex-end;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#page .teaserboxen .flex_block > div {
    width: 33.333333%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 11.1111rem;
}
#page .teaserboxen .flex_block > div.blue:first-child {
    position: relative;
}
.teaserboxen .flex_block .blue div.note {
    position: absolute;
    bottom: 3px;
    left: 5px;
    font-size: 0.7rem;
    text-align: left;
    white-space: nowrap;
}
.teaserboxen .flex_block .blue div.note a {
    color: var(--white);
}
.teaserboxen .flex_block > div.blue {
    background-color: var(--primary);
}
.page-user-reset #main #main-inner p {
    margin-top: 0px;
    margin-bottom: 0px;
}
#user-register-form #ee-legal1,
#user-register-form #edit-legal legend {
    display: none;
}
#user-register-form #edit-legal {
    margin-bottom: 30px;
}
footer {
    padding-top: 40px;
    padding-bottom: 30px;
}
footer a {
    font-size: 22px;
}
footer a:hover {
    color: #999291;
}
.region-footer > div {
    width: 30%;
}
.region-footer .vermittler_hinweis {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.region-footer h5 {
    text-transform: none;
    font-size: 0.7222rem;
    line-height: 1.1rem;
    font-weight: 700;
}
.region-footer > div.footer_logo {
    width: 15%;
}
.footer_logo img {
    width: 100%;
    height: auto;
    max-width: 200px;
}
.region-footer-bottom {
    display: flex;
    justify-content: center;
}
.region.region-footer-bottom .block {
    margin: 0 70px 0 0;
}
.region-footer .block h2 {
    padding-bottom: 18px;
    line-height: normal;
    border-bottom: 1px solid var(--white);
}
body .block.footer_address a {
    text-decoration: underline !important;
}
.footer_address div {
    margin-bottom: 10px;
}
footer .block {
    font-size: 22px;
    line-height: normal;
}
footer .view-id-news_footer_block {
    line-height: 30px;
}
footer .view-id-news_footer_block .news_inhalt {
    width: 250px;
}
footer .view-id-news_footer_block p {
    margin: 0px;
}
footer .news_title {
    color: var(--primary);
}
.button.green a {
    background-color: var(--primary);
}
.button.green a:hover {
    background-color: #39b567;
}
body .buttonwrapper {
    display: flex;
    justify-content: center;
}
body .pressearchiv .buttonwrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
body a.mailto_link {
    text-decoration: underline;
    color: #202020;
}
body a.mailto_link:hover {
    color: var(--primary);
}
body a.button {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
    line-height: 2.778rem;
    padding: 0 2rem;
    text-decoration: none;
    background: #f4f4f4;
    color: var(--black);
    text-decoration: none !important;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    margin: 0;
    border-radius: 0;
}
body a.button.green {
    background: var(--primary);
    border: 0.1111rem solid var(--primary);
    color: var(--black) !important;
}
body .modal_login a.button {
    min-width: 0px;
}
body a.button:hover {
    color: var(--white) !important;
    border-color: var(--primary);
    background-color: var(--primary);
    transition: background 0.2s ease-in-out;
    text-decoration: none;
}
body a.button.green:hover {
    color: var(--text-color) !important;
    border-color: var(--primary);
}
body .footer_registrieren {
    line-height: 29px;
    width: 40%;
}
body .footer_newsletter a,
body .footer_registrieren a {
    display: block;
    margin-top: 10px;
}
.text.full .investieren_button {
    width: 100%;
}
.view-display-id-faq_block + .text.full .investieren_button {
    width: 403px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#header_top.notransition,
#header_top.notransition * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
#buergerbeteiligung {
    height: 0px;
}
.page-user-reset .region-content,
#pid-user-password .region-content,
#pid-user-login .region-content,
#pid-fast-registry-step2 .region-content,
.platform:not(.adminpage) #main-content,
.adminpage #main-content,
#pid-contact .page_title_wrapper,
#pid-impressum .page_title_wrapper,
#pid-datenschutz .page_title_wrapper {
    margin-top: 20px;
}
#pid-fast-registry-step1 #main,
#pid-user-login #main,
.node-type-simplenews #main-content,
.adminpage #main-content,
.page-user-reset #main-content,
#pid-zeichnung #main-content {
    margin-top: 150px;
}
#pid-user-login #main #tabs_wrapper {
    display: none;
}
#pid-user-login #user-login {
    display: block;
    background: #edf6eb;
    padding: 2rem;
    border-radius: 0.1667rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#pid-user-login #user-login input {
    width: 100%;
    line-height: 40px;
    font-size: 13px;
    padding-left: 10px;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    border-radius: 0.1667rem;
}
#pid-zeichnung #main-content .field-name-body .field-item {
    margin-bottom: 0px;
}
#pid-zeichnung a.file_download {
    text-decoration: none !important;
}
#pid-node .page_title_wrapper,
#pid-aktuelle-investments .page_title_wrapper,
#pid-fast-registry-step2 .platform .page_title_wrapper {
    display: none;
}
.stepwrapper .step:after {
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
    content: "\f0ab";
    display: inline-block;
    margin-left: 10px;
}
.stepwrapper .step:after {
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
    content: "\f055";
    display: inline-block;
    margin-left: 10px;
}
.is_open .stepwrapper .step:after {
    content: "\f056";
}
#pid-admin-people ul.action-links li {
    list-style: none;
}
#pid-admin-people ul.action-links li a {
    background-color: var(--primary);
    color: var(--white);
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    padding-right: 16px;
    padding-left: 16px;
    float: none;
    margin-bottom: 20px;
    width: auto;
}
#pid-admin-people ul.action-links li a:hover {
    background-color: var(--primary);
}
.form-item-captcha-response label {
    display: none !important;
}
.form-item-captcha-response .description {
    line-height: normal;
    font-size: 1rem;
    margin-top: 5px;
}
.konditionen .div_tabelle .divrow > div {
    font-size: 0.8rem;
}
.konditionen .div_tabelle .divrow > div:first-child,
.divtable .divrow.head > div,
.divtable .divrow.foot > div {
    font-size: 1rem;
}
.divtable .divrow.head > div {
    text-align: center;
}
.div_tabelle .divrow > div:last-child {
    margin-bottom: 1rem;
}
/******* theme features**********/
.read_more {
    max-height: 120px;
    position: relative;
    overflow: hidden;
}
.read_more.closed {
    margin-bottom: 1rem;
}
.read_more.open {
    max-height: 100%;
}
.read_more .read_more_click {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0;
    background-image: linear-gradient(
        to bottom,
        rgba(2155, 255, 255, 0),
        var(--white)
    );
}
.read_more.open .read_more_click {
    /*background: none;*/
    padding: 0px;
}
.read_more_headline h4:hover {
    cursor: pointer;
}
.read_more_headline.closed h4:after,
.read_more.closed .read_more_click:after {
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
    content: "\f0d7";
    float: right;
    color: var(--primary);
    font-size: 1.5rem;
}
.read_more.closed .read_more_click:after {
    margin-top: 92px;
}
.read_more_headline.open .closeme {
    float: right;
}
.read_more:hover,
.read_more_headline.open .closeme:hover {
    cursor: pointer;
}
.read_more_headline.open .closeme:after,
.read_more.open:after {
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
    content: "\f0d8";
    float: right;
    color: var(--primary);
    font-size: 1.5rem;
}
.read_more_headline {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.read_more_headline h4 {
    margin: 0px;
}
#main-inner .read_more_headline p {
    margin: 0px;
}
.ajax_content_row {
    clear: both;
}
.ajax_content_row a.download {
    width: auto;
    display: inline-block;
}
/*ajax content*/
.ajax_button_wrapper a.ajax_button {
    display: block;
    text-align: center;
    margin-top: 10px;
}
.ajax_button_wrapper .ajax_content {
    display: none;
}
#page .flex_block .ajax_button_wrapper {
    justify-content: flex-start;
    width: 24%;
}
.flex_block.ajax_buttons > div {
    width: 30%;
}
.flex_block.ajax_buttons > .ajax_button_wrapper > a {
    background-color: #edf6eb;
    color: #282828;
    border: 0.1111rem solid #edf6eb;
    display: block;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 0.7778rem;
    text-align: center;
    line-height: 2.778rem;
    padding: 0 2rem;
    width: 100%;
    border-radius: 0.1667rem;
    text-decoration: none;
}
.flex_block.ajax_buttons img {
    display: block;
    margin: 0 auto;
}
.flex_block.ajax_buttons .cat_title {
    min-height: 180px;
}
#ajax_content_desk {
    padding-top: 35px;
}
#ajax_content_desk img.throbber {
    display: block;
    margin: 50px auto;
    width: 100px !important;
    height: auto !important;
}
#ajax_content_desk .flex_block > div {
    width: 500px;
}
#ajax_content_desk .flex_block > div.image {
    width: 400px;
}
#ajax_content_desk .flex_block > div.image .flex_block {
    align-items: center;
}
#ajax_content_desk .flex_block > div.image .flex_block .button a {
    padding: 5px 0px;
    text-align: center;
    border-radius: 5px;
}
.button_wrapper {
    display: flex;
    justify-content: center;
}
.button_wrapper a {
    width: 50%;
}
#footer .footer_about .flex_block {
    margin-top: 1rem;
    align-items: center;
    display: flex;
    justify-content: flex-start;
}
#footer .vermittler_hinweis .flex_block {
    margin-top: 1rem;
    align-items: center;
    display: flex;
    justify-content: flex-end;
}
#footer .vermittler_hinweis .flex_block > div {
    width: auto;
    position: relative;
}
#footer .footer_about .flex_block > div:first-child {
    font-size: 1.333rem;
    line-height: 1.333rem;
    letter-spacing: -0.00275rem;
}
#footer .footer_about .flex_block > div:last-child {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#footer .vermittler_hinweis .flex_block img {
    width: 180px !important;
    height: auto !important;
    position: absolute;
    right: 0px;
    top: -25px;
}
.flex_block.steps {
    margin-top: 80px;
    flex-wrap: wrap;
}
#page .flex_block.steps > div {
    width: 25%;
    cursor: pointer;
}
.flex_block.steps .text .stepwrapper .step {
    font-size: 1rem;
    white-space: nowrap;
}
#page .flex_block.steps > .steps_info {
    display: none;
    width: 100%;
    height: 100%;
    margin-top: 15px;
    border: 1px solid var(--white);
    background-color: var(--white);
    color: #595959;
    padding: 10px;
    text-align: left;
    border-radius: 8px;
    cursor: pointer;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.59);
    -moz-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.59);
    box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.39);
}
#page .flex_block.steps > .steps_info.opened {
    display: block;
}
.steps_info:before {
    font-family: 'Font Awesome 5 Free';
    content: "\00d7";
    float: right;
    margin-top: -10px;
    font-size: 20px;
    font-weight: 700;
}
.flex_block.steps .text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
#page .flex_block.steps .text img {
    width: 80px !important;
    height: auto !important;
}
.stepwrapper .step > div:last-child:after {
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
    content: "\f0ab";
    display: inline-block;
    margin-left: 10px;
}
.stepwrapper .step > div:last-child:after {
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
    content: "\f055";
    display: inline-block;
    margin-left: 10px;
}
.is_open .stepwrapper .step > div:last-child:after {
    content: "\f056";
}
a.steps_button {
    margin-left: auto;
    margin-right: auto;
    display: block !important;
    width: 50%;
    margin-top: 2rem;
}
.closed + .closed + .closed + .closed + .steps + .text a.steps_button {
    margin-top: 80px !important;
}
a.steps_button:hover {
    color: var(--primary) !important;
    background: var(--white);
    border-color: var(--primary);
    transition: background 0.2s ease-in-out;
    text-decoration: none;
}
.image_container img {
    width: 100% !important;
    height: auto !important;
}
.parent .field-item-content.fullwidth {
    width: 100% !important;
}
.parent .field-item-content.fullwidth div.hasparent.full > div,
#ajax_content_desk .node_edit {
    width: 990px;
    margin-right: auto;
    margin-left: auto;
}
.parent .field-item-content.fullwidth div.hasparent.full > h2 {
    background-color: #f6f6f6;
    text-align: center;
    margin-bottom: 3.7rem;
    font-size: 26px;
}
.ajax_content_row {
    margin-bottom: 3.7rem;
}
.hinweis.hasparent.gray {
    padding: 15px 0px;
}
.hinweis.hasparent.gray h4 {
    font-weight: 700;
}
.flex_block.projekt .flex_block.column {
    height: 100%;
}
.flex_block.projekt .flex_block.column a {
    font-size: 1.48rem;
    text-decoration: none;
    color: #aeabab;
    text-align: center;
    width: 100%;
    display: inline-block;
    line-height: normal;
    padding: 10px 0px;
}
.flex_block.projekt .flex_block.column .divrow a {
    font-size: 18px;
    padding: 0;
    text-align: right;
}
.flex_block.projekt .flex_block.column a:hover {
    color: var(--primary);
}
.view-display-id-headerbilder_block .header_slogan {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.ajax-button-wrapper {
    margin-top: -38px;
}
.ajax-button-wrapper .ajax_content {
    display: none;
}
.ajax-button-wrapper .view-content {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}
.ajax-button-wrapper .view-content > div {
    width: 19.8%;
}
.ajax-button-wrapper .view-content > div a.ajax_button {
    display: block;
    background-color: var(--white);
    color: var(--primary);
    text-decoration: none;
    line-height: 35px;
    text-align: center;
}
.flex_block .ajax_button:hover,
.flex_block .ajax_button.ajax_active {
    background-color: var(--primary) !important;
    color: var(--white) !important;
}
ul.two {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    list-style-position: outside;
}
ul.two li {
    margin-left: 1em;
}
.finanzkennzahlen .divtable.spreadout .divrow:first-child {
    background-color: #f6f6f6;
}
.finanzkennzahlen .divtable.spreadout {
    margin-bottom: 50px;
}
.finanzkennzahlen .divtable.spreadout .divrow:first-child > div {
    border: 0px;
    text-align: center;
    color: var(--primary);
}
.numbers .flex_block div {
    text-align: center;
    font-size: 1.3rem;
    color: #aeabab;
}
.numbers .flex_block div.num {
    color: var(--primary);
    margin-bottom: 10px;
}
.kapitalherkunft div {
    text-align: center;
}
#page .steps .flex_block > div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
#page .steps .flex_block > div .icon {
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    flex-direction: column;
}
#page .steps .flex_block > div .icon img {
    max-width: 230px !important;
    height: auto !important;
    max-height: 200px;
}
#page .steps .flex_block > div:first-child .icon img {
    max-width: 200px !important;
    height: auto !important;
}
#page .steps .flex_block > div .letters {
    text-align: center;
    font-size: 1.3rem;
    color: #aeabab;
    width: 100%;
}
.parent .field-item-content.fullwidth div.downloads > div {
    width: 50% !important;
}
.downloads a.file_download {
    display: block;
    text-decoration: none;
    margin-bottom: 20px;
}
.downloads a.file_download:after {
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
    content: "\f175";
    float: right;
    width: 25px;
    text-align: center;
    border-bottom: 1px solid black;
}
.downloads a.file_download:hover:after {
    border-bottom: 1px solid var(--primary);
}
#page .emittentin.flex_block {
    margin-top: 50px;
    margin-bottom: 50px;
}
#page .emittentin.flex_block > .text {
    width: 65%;
}
#page .emittentin.flex_block > div.image {
    width: 30%;
    text-align: center;
}
#pid-ueber-uns div.image {
    text-align: center;
}
#pid-ueber-uns div.image img {
    width: 100% !important;
    height: auto !important;
}
.page-newsletter-confirm #main #edit-cancel {
    margin-left: 50px;
}
#sliding-popup .popup-content.info {
    background: none !important;
    border: none !important;
}
#page .flex_block.person .image {
    width: 20%;
}
#page .flex_block.person .text {
    width: 75%;
}
#pid-ueber-oekostrom-saar strong,
.strong_italics strong {
    font-weight: 800;
}
#pid-ueber-oekostrom-saar em,
.strong_italics em {
    font-style: italic;
}
.person_wrapper {
    padding: 30px 0px;
}
.person_wrapper .flex_block {
    margin-top: 30px;
}
.not-front .flex_block.projekt .button {
    margin-bottom: -3px;
}
.float_left {
    float: left;
    padding-right: 20px;
}
.float_right {
    float: right;
    padding-left: 5%;
}
.float_left,
.float_right {
    width: 48% !important;
}
.float_left img,
.float_right img {
    width: 100% !important;
    height: auto !important;
}
.vermittler_hinweis .float_right {
    width: 20% !important;
    margin-top: 10px;
    margin-right: 37px;
}
.vermittler_hinweis .float_right img {
    width: 100% !important;
    height: auto !important;
}
.flex_block .image.change {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    min-height: 250px;
}
.flex_block .image.change > div {
    margin-bottom: 2px;
}
.divtable .divrow.column_span > div {
    width: 100%;
    text-align: center;
}
.divtable .divrow.column_span > .spacer {
    display: none;
}
a.pdf_icon {
    display: inline-block;
    text-decoration: none !important;
}
a.pdf_icon:before {
    font-weight: bold;
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    color: #cb0606;
    margin-right: 10px;
    content: "\f1c1";
}
.pressearchiv .flex_block {
    margin-bottom: 20px;
}
.node-type-eueco-ajax-content .page_title_wrapper {
    display: none;
}
.flex_block.map_legende {
    margin: 20px 0px;
}
.flex_block.map_legende > div {
    text-align: center;
    font-size: 16px;
}
#page .flex_block.map_legende > div img {
    display: block;
    margin: 0 auto;
    width: 40px !important;
    height: auto !important;
}
.star_green {
    color: var(--primary);
    font-weight: 700;
}
.stern_hinweis {
    margin-top: 15px;
}
.mm-navbars-bottom #anmelden_toggle_mob,
.mm-navbars-bottom #abmelden_toggle_mob {
    width: 50%;
    display: block;
    text-align: center;
    margin: 0pxauto;
    border-radius: 3px;
    align-self: center;
    line-height: 24px;
    font-size: 16px;
    height: auto;
    text-decoration: none;
    background-color: rgb(125, 125, 125);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}
.mm-navbars-bottom #anmelden_toggle_mob:hover,
.mm-navbars-bottom #abmelden_toggle_mob:hover {
    background-color: rgb(120, 120, 120) !important;
    color: var(--white) !important;
}
.not-logged-in .mm-navbars-bottom #abmelden_toggle_mob {
    display: none;
}
.mobile_logout_block {
    display: none;
}
.logged-in .mm-navbars-bottom #anmelden_toggle_mob {
    display: none;
}
.mm-navbars-bottom .mm-navbar {
    padding: 30px;
    display: flex;
    justify-content: center;
}
#anlegerinformation_overlay {
    position: absolute;
    width: 100%;
    height: 10000px;
    top: 0px;
    left: 0px;
    overflow: hidden;
    /*background-color: rgba(58, 122, 174, 0.95);*/
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
#anlegerinformation {
    color: var(--black);
    width: 70%;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: rgba(255, 255, 255, 0.9);
    /*  -webkit-box-shadow: none;
      -moz-box-shadow:none;
      box-shadow: none;*/
}
#anlegerinformation_content {
    background: none;
    text-align: center;
}
#anlegerinformation_content h2 {
    color: var(--primary);
    font-size: 2.5rem;
    line-height: normal;
    text-align: center;
    margin-bottom: 50px;
}
#anlegerinformation_content .flex_block {
    text-align: left;
    justify-content: space-between;
    margin-top: 20px;
    font-size: 0.7rem;
}
#page #anlegerinformation_content .flex_block > div {
    width: 48%;
    text-align: center;
    line-height: normal;
}
#page #anlegerinformation_content .flex_block > div img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
#page #anlegerinformation_content .flex_block > div:first-child img {
    height: 50px !important;
    width: auto !important;
    display: block;
    margin-bottom: 15px;
    margin-top: 30px;
}
#page #anlegerinformation_content .flex_block > div:last-child img {
    height: 80px !important;
    width: auto !important;
    display: block;
    margin-bottom: 15px;
}
#info_logo {
    color: #009639;
    font-family: "GreenCityReplica-Crazy";
    text-transform: uppercase;
    font-size: 2.5rem;
    line-height: normal;
    letter-spacing: -0.00275rem;
    text-transform: uppercase;
    text-decoration: none;
}
#anlegerinformation_button {
    text-align: center;
    margin-top: 20px;
}
#anlegerinformation_button a {
    display: inline-block;
    background-color: rgba(242, 148, 0, 1);
    text-decoration: none;
    color: var(--white);
    line-height: 35px;
    padding: 0px 25px;
}
#anlegerinformation_button a:hover {
    background-color: rgba(242, 148, 0, 0.7);
    color: var(--white) !important;
}
.complete #ee-value-wrapper {
    display: none;
}
.flex_block.projekt.column {
    flex-direction: row !important;
    flex-wrap: wrap;
}
.flex_block.projekt.column .flex_block.column {
    margin-bottom: 50px;
}
@media only screen and (min-width: 1272px) and (max-width: 1476px) {
    #info_logo {
        font-size: 2.3rem;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    #info_logo {
        font-size: 2.2rem;
    }
    #page #anlegerinformation_content .flex_block > div img {
        height: 40px !important;
        width: auto !important;
    }
}
@media (max-width: 1023px) {
    #anlegerinformation {
        width: 98%;
        padding: 0px 15px;
    }
}
@media (max-width: 767px) {
    .front.admin-menu .page #preface_bottom {
        height: auto;
    }
    #anlegerinformation {
        padding: 0px 15px;
    }
    #anlegerinformation_content h2 {
        font-size: 2rem;
        margin-bottom: 20px;
    }
    #page #anlegerinformation_content .flex_block {
        margin-top: 15px;
    }
    #page #anlegerinformation_content .flex_block > div {
        text-align: center;
    }
    #page #anlegerinformation_content .flex_block > div img {
        height: 20px !important;
        margin: 0px auto;
        margin-bottom: 5px;
    }
    #page #anlegerinformation_content .flex_block > div:first-child img {
        height: 20px !important;
        width: auto !important;
        display: block;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    #page #anlegerinformation_content .flex_block > div:last-child img {
        height: 40px !important;
        width: auto !important;
        display: block;
        margin-bottom: 5px;
    }
    #info_logo {
        font-size: 2.2rem;
    }
}
#page .divtable.spreadout .flex_block.two {
    padding: 15px;
}
#page .divtable.spreadout .flex_block.two > div {
    width: 47%;
    max-width: 215px !important;
}
#page .divtable.spreadout .flex_block.two > div img {
    max-width: 215px !important;
    height: auto;
}
#page .divtable.spreadout .flex_block.two > div > div {
    text-align: center;
}
@media (max-width: 420px) {
    #anlegerinformation {
        position: fixed;
        top: 0%;
        left: 0%;
        width: auto;
        height: 2000px;
        padding: 10px 15px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        z-index: 1000;
        background-color: #edf6eb;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    #main-inner #anlegerinformation_content p {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    #anlegerinformation_content h2 {
        font-size: 1.4rem;
        margin-bottom: 0px;
    }
    #anlegerinformation_button {
        margin-top: 10px;
    }
    #anlegerinformation_button a {
        line-height: normal;
        padding: 5px 15px;
        font-size: 14px;
    }
}
.slider img {
    margin: 0 auto;
}
.center {
    text-align: center;
}
.projekt .center {
    font-weight: 600;
}
/*################ Cookie Hinweis #####################*/
#sliding-popup {
    background: var(--primary);
}
.popup-content {
    position: relative;
}
#sliding-popup .agree-button {
    right: 147px;
}
#sliding-popup .eu-cookie-compliance-secondary-button {
    right: 0px;
    top: 1em;
    cursor: pointer;
    vertical-align: middle;
    overflow: visible;
    width: auto;
    margin-right: 5px;
    -moz-box-shadow: inset 0 1px 0 0 var(--white);
    -webkit-box-shadow: inset 0 1px 0 0 var(--white);
    box-shadow: inset 0px 1px 0px 0px var(--white);
    background-color: #ededed;
    background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(5%, rgb(237, 237, 237)),
        color-stop(100%, rgb(223, 223, 223))
    );
    background-image: -webkit-linear-gradient(
        rgb(237, 237, 237) 5%,
        rgb(223, 223, 223) 100%
    );
    background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: linear-gradient(
        rgb(237, 237, 237) 5%,
        rgb(223, 223, 223) 100%
    );
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    color: var(--black) !important;
    font-family: Arial, sans-serif;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: 1px 1px 0px var(--white);
}
#sliding-popup .eu-cookie-compliance-secondary-button:hover {
    background-color: #dfdfdf;
    background-image: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(5%, rgb(223, 223, 223)),
        color-stop(100%, rgb(237, 237, 237))
    );
    background-image: -webkit-linear-gradient(
        rgb(223, 223, 223) 5%,
        rgb(237, 237, 237) 100%
    );
    background-image: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background-image: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background-image: linear-gradient(
        rgb(223, 223, 223) 5%,
        rgb(237, 237, 237) 100%
    );
}
.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;
}
.ui-widget-overlay {
    display: none;
}
.element-container {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    justify-content: space-between;
}
.element-container img {
    width: 100%;
    height: auto;
    padding: 10px;
}
.widget-wrap {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: auto 0;
}
.orange {
    color: var(--primary);
}
.interest-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.investment {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.odd .investment {
    flex-direction: row-reverse;
}
.investment-big {
    width: 55%;
}
.investment-small {
    width: 35%;
}
.investment-top img {
    width: 100%;
}
.investment-big .investment-bottom {
    height: 100%;
}
#main .investment-big a {
    color: unset;
}
.investment-big .investment-top h2 {
    text-align: center;
    color: var(--primary);
}
.investment-big .box-orange {
    background-color: var(--primary);
    text-align: center;
    padding: 10px;
}
.box-orange a.fa-file-pdf-o {
    text-decoration: none;
    padding-left: 10px;
}
.box-orange .fa-file-pdf-o::before {
    margin: unset;
    position: unset;
    color: var(--text-color);
}
.box-orange h3 {
    margin-top: 15px;
    color: var(--text-color);
    font-size: 1.2rem;
}
.investment-small .investment-bottom > div {
    text-align: end;
    background: #ddd;
    padding: 30px;
    height: 100%;
    min-width: fit-content;
}
.odd .investment-small .investment-bottom div {
    text-align: start;
}
.investment-bottom a {
    display: block;
}
.investment-small .investment-bottom a.button {
    margin: 40px 0px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.55);
    box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.55);
}
.investment-big .investment-bottom,
.investment-big,
.investment-small {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#kontakt {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

form.ee-postident-form {
    display: flex;
}