/*########################### egis css xx ######################*/
@font-face {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 300;
    src: url(fonts/Rubik-Light.ttf) format("truetype");
}

@font-face {
    font-family: "Rubik";
    font-style: italic;
    font-weight: 300;
    src: url(fonts/Rubik-LightItalic.ttf) format("truetype");
}

@font-face {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Rubik-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Rubik";
    font-style: italic;
    font-weight: 400;
    src: url(fonts/Rubik-Italic.ttf) format("truetype");
}

@font-face {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 500;
    src: url(fonts/Rubik-Medium.ttf) format("truetype");
}

@font-face {
    font-family: "Rubik";
    font-style: italic;
    font-weight: 500;
    src: url(fonts/Rubik-MediumItalic.ttf) format("truetype");
}

@font-face {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 600;
    src: url(fonts/Rubik-SemiBold.ttf) format("truetype");
}

@font-face {
    font-family: "Rubik";
    font-style: italic;
    font-weight: 600;
    src: url(fonts/Rubik-SemiBoldItalic.ttf) format("truetype");
}

@font-face {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 700;
    src: url(fonts/Rubik-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "Rubik";
    font-style: italic;
    font-weight: 700;
    src: url(fonts/Rubik-BlackItalic.ttf) format("truetype");
}

@font-face {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 800;
    src: url(fonts/Rubik-ExtraBold.ttf) format("truetype");
}

@font-face {
    font-family: "Rubik";
    font-style: italic;
    font-weight: 800;
    src: url(fonts/Rubik-ExtraBoldItalic.ttf) format("truetype");
}

@font-face {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 900;
    src: url(fonts/Rubik-Black.ttf) format("truetype");
}

@font-face {
    font-family: "Rubik";
    font-style: italic;
    font-weight: 400;
    src: url(fonts/Rubik-BlackItalic.ttf) format("truetype");
}

html,
body,
div,
p,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
textarea {
    margin: 0px;
    padding: 0px;
}

:focus {
    outline: 0;
    outline: none;
}

ul {
    padding-left: 15px;
    margin-bottom: 20px;
}

body {
    font-family: "Rubik", sans-serif;
    color: #414141;
    line-height: 28px;
    font-size: 20px;
    -webkit-text-size-adjust: 100%;
}

body .block-page-title-block * {
    line-height: normal;
}

table thead tr th {
    color: #595959;
}

.page {
    background-color: #ffffff;
}

.region-header .block {
    float: none;
    margin: 0 !important;
}

#logo img {
    width: auto !important;
    height: 90px !important;
    margin-top: 25px;
}

#page .logo_wrapper {
    /*box-sizing: content-box!important;*/
}

#logo {
    float: left;
}

#site_slogan {
    float: left;
    padding-top: 10px;
    padding-left: 25px;
}

#site_slogan a {
    font-size: 72px;
    color: #ffffff;
    line-height: 65px;
}

#site_slogan a strong {
    font-weight: 900;
}

.menu_trigger {
    font-size: 28px;
    display: none;
}

.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);
}

h1,
h2,
h3,
h4,
h3 a {
    font-weight: normal;
}

.page-title {
    max-width: 100%;
}

p {
    margin: 1em 0px;
}

.right {
    float: right;
}

.region-content {
}

.region-content-bottom {
    background-color: #ffffff;
    margin-top: 40px;
}

.button.large {
    width: 100%;
}

/******* div table ************/
.divtable {
    display: table;
}

.divrow {
    display: table-row;
    border-radius: 5px;
    font-size: 14px;
}

.divrow:nth-child(odd) > div {
    background-color: #f2f2f2;
}

.divrow:nth-child(even) > div {
    background-color: #e4e0e0;
}

.divrow > div {
    display: table-cell;
}

.divtable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 10px;
}

.divrow > div {
    line-height: normal;
    min-height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.divrow > div:first-child {
    font-weight: 600;
    border-radius: 5px 0px 0px 5px;
    padding-left: 10px;
    width: 50%;
}

.divrow > div:last-child {
    padding-right: 10px;
    border-radius: 0px 5px 5px 0px;
}

#main {
}

#main-content {
    margin-bottom: 75px;
}

#main a,
#main a:link,
#main a:visited {
    color: #51af31;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    border-bottom-style: none;
}

h1.title,
.page h1,
body.page-blog h1.title,
#beteiligen h2,
#news + h2,
.testimonials_content_wrapper h2,
.flex_block.full h2 {
    font-size: 40px;
    color: #595959;
    font-weight: 400;
    text-align: center;
    line-height: normal;
}

h1.title {
    margin-bottom: 0px;
}

#beteiligen h2,
footer .block h2,
#news + h2 {
    font-family: "Rubik", sans-serif;
    color: #ffffff;
    font-weight: 400;
}

#news + h2 {
    font-weight: 400;
    margin-bottom: 60px;
}

#faqs + h2 {
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: #595959;
    text-align: center;
    margin-bottom: 0px;
}

a.investieren_button.fullwidth {
    width: 100%;
    margin-top: 15px;
}

.flex_block.full h2 {
    font-family: "Rubik", sans-serif;
    font-weight: 600;
}

.flex_block.full h2,
.flex_block.full h2:after,
#footer .block h2,
#footer .block h2:after {
    color: #ffffff;
    text-align: left;
}

#footer .block h2 {
    text-transform: uppercase;
}

#footer .block h2:after {
    margin-top: 10px;
    margin-bottom: 25px;
    line-height: 2px;
}

.testimonials_content_wrapper {
    text-align: center;
    margin-bottom: 50px;
}

.page-blog #main-inner h2.title a {
    text-decoration: none;
}

#main-inner p {
    margin-top: 0px;
    margin-bottom: 20px;
}

#sliding-popup {
    background: none;
    background-color: #51af31;
    color: #fff;
}

/* Header Regions
-------------------------------------------------------------- */
/* Header Top region to the bottom of Header region */
header {
    display: block;
    clear: both;
}

#header_top {
    display: block;
    clear: both;
    height: 150px;
    -webkit-transition: height 100ms linear;
    -moz-transition: height 100ms linear;
    -o-transition: height 100ms linear;
    -ms-transition: height 100ms linear;
    transition: height 100ms linear;
}

.header-group-wrapper {
    display: block;
    clear: both;
    background: transparent;
    /*border-top:1px solid #007AC0;*/
}

.headerbild_image {
    width: 100%;
    height: 355px;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.footer_image {
    display: block;
    width: 100%;
    height: 355px;
}

/******************* 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;
    margin-top: 120px;
}

.slogan_title,
.slogan_content {
    font-family: "Rubik", 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: "Rubik", sans-serif;
    content: "______";
    font-size: 18px;
    display: block;
    text-align: center;
}

.slogan_title {
    color: #ffffff;
}

.slogan_content {
    text-align: center;
    color: #ffffff;
}

.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: #ffffff;
    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;
    padding-left: 3px;
    align-self: center;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    line-height: 30px;
}

ul.check li {
    margin-left: 40px;
}

ul.check li::before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    color: #a6b911;
    font-weight: 600;
    font-size: 24px;
    vertical-align: top;
    position: absolute;
    padding-right: 6px;
    margin-left: -30px;
}

body .slide_link a {
    color: #ffffff;
    display: block;
    border-radius: 3px;
    text-align: center;
    width: 160px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ffffff;
}

.slide_link a:last-child {
    background-color: #51af31;
    margin-left: 20px;
    border: 1px solid #51af31;
}

body .slide_link a:hover {
    background-color: #51af31;
    border: 1px solid #51af31;
}

.header-inner .slide_link a:last-child:hover {
    background: none;
    border: 1px solid #ffffff;
}

#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: #ffffff;
}

#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: #ffffff;
    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: #ffffff;
    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: "Rubik", 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: #0d78c8;
    color: #ffffff;
    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;
}

.view-display-id-slideshow_testimonials .slick-slide {
}

.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 {
    background-image: url("/sites/egis-energie.de/themes/eueco_site/images/egis/slick.png");
    font-size: 0px !important;
    line-height: 10px !important;
    width: 10px !important;
    height: 10px !important;
    content: " " !important;
    opacity: 1 !important;
}

.slick-dots li.slick-active button::before {
    opacity: 1 !important;
    color: black;
    background-image: url("/sites/egis-energie.de/themes/eueco_site/images/egis/slick_active.png");
}

.view-display-id-slideshow_testimonials .slick-dots li button::before {
    background-image: url("/sites/egis-energie.de/themes/eueco_site/images/egis/slick_gray.png");
}

.view-display-id-slideshow_testimonials .slick-dots li.slick-active button::before {
    background-image: url("/sites/egis-energie.de/themes/eueco_site/images/egis/slick_gray_active.png");
}

.view-display-id-slideshow_testimonials .slick-slider .slick-track {
    margin-bottom: 20px;
}

.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 */
.slick-slide {
    /*margin: 0 15px;*/
}

/* the parent */
.slick-list {
    /*margin: 0 -10px;*/
}

/* +++++++++++++++++++++
Accordion
++++++++++++++++++++++ */
#block-views-faqs-faq-block {
    margin-top: 50px;
}

.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: 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: 4px;
}

.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: "Rubik", sans-serif;
    display: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 20px 20px;
    border: none;
    font-size: 16px;
    line-height: 20px;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 0px;
    height: auto !important;
    overflow: visible !important;
}

.ui-accordion .ui-accordion-header-active {
    border: none !important;
    background-color: #0088d0 !important;
    color: #ffffff !important;
    border-radius: 4px;
}

.accordion {
    margin-top: 0px;
    padding-bottom: 0px;
    border: none;
}

.faq_block h2.ui-accordion-header,
.archiv h2.ui-accordion-header,
.accordion h3.ui-accordion-header {
    font-size: 16px;
    font-weight: 700;
    border: none;
    background: none;
    padding-left: 30px;
    margin-bottom: 15px;
    background-color: rgba(0, 0, 0, 0.05);
}

.accordion h3.ui-state-default {
}

.accordion h3.ui-accordion-header:hover,
.accordion h3.ui-state-active {
}

.accordion h3.ui-accordion-header-active {
    margin-bottom: 0px;
    border-radius: 4px;
    background-color: #0088d0;
    color: #ffffff;
}

.accordion h3.ui-state-default::after {
    display: table-cell;
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
    color: #000000;
    width: 19px;
    height: 19px;
    font-size: 20px;
    display: inline-block;
    width: 19px;
    height: 19px;
    line-height: 17px;
    position: absolute;
    right: 15px;
    top: 50%;
    text-align: center;
    font-weight: 600;
    margin-top: -10px;
}

.faq_block h2.ui-state-default::after,
.archiv h2.ui-state-default::after {
    display: table-cell;
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
    color: #000000;
    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;
    font-weight: 600;
    margin-top: -10px;
}

.accordion h3.ui-accordion-header-active::after {
    display: table-cell;
    font-family: "Font Awesome 5 Free";
    content: "\f0d8";
    line-height: 1.3;
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
}

.faq_block h2.ui-accordion-header-active::after,
.archiv h2.ui-accordion-header-active::after {
    display: table-cell;
    font-family: "Font Awesome 5 Free";
    content: "\f0d8";
    line-height: 1.3;
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
}

footer {
    margin-top: 100px;
}

#footer_bottom {
    background-color: #3d3d3d;
    margin-top: 20px;
}

footer .block p {
    margin-top: 0px;
}

footer .block a {
    color: #ffffff;
    text-decoration: none;
}

.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 {
    background-color: #51af31;
    padding: 35px 65px;
    color: #ffffff;
    border-radius: 15px;
}

.newsletter-sidebar a,
.newsletter-sidebar a:link {
    text-decoration: none;
    color: #008cba;
}

.social-links {
    font-size: 11px;
}

.social-links ul {
    list-style: outside none none;
    margin: 0px;
    margin-top: 28px;
}

.social-links ul > li {
    display: inline-block;
    list-style: none;
    width: 30px;
}

.social-links ul > li a {
    color: #008cba;
    line-height: inherit;
    text-decoration: none;
}

.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 {
    margin: 0px;
    padding: 0px 0px;
    border-right: none;
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    float: none;
}

#footer-message {
    display: block;
    padding-top: 0px;
}

.st-copyright {
    padding-right: 0px;
}

body .st-copyright a {
    text-decoration: none;
}

/*########################### egis Menu top ######################*/
#primary-menu #block-superfish-1,
#primary-menu #block-superfish-2,
#primary-menu #block-superfish-3 {
    float: right;
}

#primary_menu_wrapper {
}

#primary_menu_wrapper > #primary-menu {
    margin-top: 28px;
}

#pid-fast-registry-step1 #primary_menu_wrapper > #primary-menu {
    margin-top: 88px;
}

.primary-menu-fixed #primary_menu_wrapper > div {
    /*margin-top:20px;*/
}

.block-superfish .content {
}

#primary_menu_wrapper .block-superfish .content > ul.menu {
    margin-top: 1em;
    width: 100%;
}

.block-superfish .content > ul.menu {
    list-style-type: none;
    float: left;
}

.block-superfish .content > ul.menu > li {
    width: auto;
}

.block-superfish .content ul li a {
    color: #595959 !important;
    padding: 0px 10px !important;
    box-sizing: border-box !important;
    background: none;
    transition: none;
}

.block-superfish .content > ul.menu > li a {
    font-size: 20px;
    background: none;
    padding-left: 10px;
    padding-right: 10px;
    transition: none;
}

.block-superfish .content > ul.menu > li.first a {
    padding-left: 0px;
}

.block-superfish .content > ul.menu > li > a {
    line-height: 30px;
}

.block-superfish .content ul li a:hover {
    color: #033069;
    background: none;
}

.block-superfish .content > ul.menu > li.last {
    margin-right: 0px;
}

.block-superfish .content > ul.menu > li > ul {
    background-color: #ffffff;
    z-index: 10000;
    padding-bottom: 20px;
}

.block-superfish .content > ul > li.first {
    border-left: none;
}

.block-superfish .content ul.sf-menu a {
    text-transform: none;
}

.block-superfish .content ul li a {
    font-weight: normal;
}

.block-superfish .content > ul.menu li ul li a {
    color: #595959;
    font-size: 15px;
    line-height: 28px;
    white-space: nowrap;
}

.block-superfish .content > ul.menu li ul li {
    border-bottom: none;
}

.block-superfish .content > ul.menu li ul li.last {
}

.block-superfish .content > ul.menu li ul li.first a {
    padding-top: 0px;
}

#primary-menu ul li ul li a {
    border: none;
    line-height: 30px;
    min-width: 150px;
}

.block-superfish .content > ul.menu > li > ul > li.last:after {
}

.block-superfish .content ul.sf-menu ul {
    width: auto !important;
    margin-top: 0px;
    padding-top: 10px;
    background: none;
    -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 5px 5px;
}

.not-front .block-superfish .content > ul > li.active-trail > a,
.block-superfish .content > ul > li.active-trail li.active-trail a.active,
.not-front .block-superfish .content > ul > li a.active,
.block-superfish .content > ul > li:hover > a,
.block-superfish .content > ul.menu > li li:hover a {
    background: none;
    color: #033069 !important;
    transition: none;
}

.block-superfish .content li.active-trail {
    background: none;
}

.block-superfish .content > ul.menu li ul.menu li.active-trail ul li a.active {
}

.block-superfish .content > ul.menu li ul a:hover {
    color: #033069;
    background: none;
}

.block-superfish .content > ul.menu li ul li.active-trail a,
.block-superfish .content > ul.menu li ul li a.active {
    background: none;
    color: #033069;
}

.primary-menu-fixed {
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 99;
}

.primary-menu-fixed .region-header-top {
}

.primary-menu-fixed #logo img {
    /*  width: auto!important;
	height: 90px!important;
	margin-top: 0px;*/
}

.primary-menu-fixed #logo {
    /*  width: auto;
	height: 90px;*/
}

.primary-menu-fixed #primary_menu_wrapper {
    /*  margin-top: 0px;
	padding-top: 5px;*/
}

#header_top.primary-menu-fixed {
    padding-top: 0px;
    background-color: #ffffff;
    width: 100%;
    padding-bottom: 10px;
    -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);
    -webkit-transition: height 100ms linear;
    -moz-transition: height 100ms linear;
    -o-transition: height 100ms linear;
    -ms-transition: height 100ms linear;
    transition: height 300ms linear;
}

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;
}

.login_out_block {
    margin-top: 28px;
    margin-right: 35px;
}

.button-registrieren {
    margin-left: 795px;
    width: 162px;
}

.login_out_block .ui-button-right {
    display: none;
}

.logged-in .button-registrieren {
    display: none;
}

.anmelden_toggle,
.abmelden_toggle {
    font-family: "Rubik", sans-serif;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff !important;
    background-color: #51af31;
    text-decoration: none;
    border-radius: 5px 0px 0px 5px;
    font-size: 20px;
    line-height: 33px;
    padding-left: 15px;
    padding-right: 40px;
}

.primary-menu-fixed .anmelden_toggle,
.primary-menu-fixed .abmelden_toggle {
    /*  font-size:14px;
	line-height: 22px;
	position: relative;*/
}

.anmelden_toggle div,
.abmelden_toggle div {
    display: inline-block;
}

.anmelden_toggle > div,
.abmelden_toggle > div {
    display: inline-block;
    position: absolute;
    margin-left: 20px;
    height: 55px;
    width: 55px;
    background-color: #51af31;
    border-radius: 50%;
    margin-top: -10px;
    margin-right: 30px;
    line-height: 50px;
}

.anmelden_toggle div:after,
.abmelden_toggle div:after {
    position: absolute;
    /*margin-left: -35px;*/
    content: "-";
    text-align: center;
    font-weight: 700;
    color: #51af31;
    height: 15px;
    width: 15px;
    text-align: center;
    line-height: 10px;
    border: 1px solid #51af31;
    background-color: #ffffff;
    border-radius: 50%;
    margin-top: 28px;
    margin-left: -33px;
}

.anmelden_toggle div:after {
    content: "+";
    line-height: 12px;
}

.anmelden_toggle div:before,
.abmelden_toggle div:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    content: "\f007";
    font-size: 35px;
    color: #ffffff;
    /*margin-right:-30px;*/
    font-weight: 600;
}

.primary-menu-fixed #primary_menu_wrapper > #primary-menu,
.primary-menu-fixed #primary_menu_wrapper > div {
    /*  margin-top: 15px;*/
}

#pid-fast-registry-step1 .primary-menu-fixed #primary_menu_wrapper > #primary-menu {
    /*margin-top: 45px;*/
}

.primary-menu-fixed .login_out_block {
    /*  margin-right: 17px;
	margin-top:0px;*/
}

.primary-menu-fixed .anmelden_toggle div:after,
.primary-menu-fixed .abmelden_toggle div:after {
    /*  height:9px;
	width:9px;
	line-height: 9px;
	margin-top:20px;
	margin-left:-22px;*/
}

.primary-menu-fixed .anmelden_toggle div:after {
    /*  font-size: 10px;*/
}

.primary-menu-fixed .anmelden_toggle div:before,
.primary-menu-fixed .abmelden_toggle div:before {
    /*  font-size: 24px;*/
}

.primary-menu-fixed .anmelden_toggle > div,
.primary-menu-fixed .abmelden_toggle > div {
    /*  display: inline-block;
	position: absolute;
	margin-left:20px;
	height:36px;
	width:36px;
	background-color: #0088d0;
	border-radius: 50%;
	margin-top: -8px;
	margin-right:30px;
	line-height: 36px;*/
}

.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 #dcdcdc;
    color: rgba(0, 0, 0, 0.75);
    font-family: "Rubik", sans-serif;
    font-size: 15px;
    padding: 5px;
}

.primary-menu-fixed {
    /*  position: fixed;
	top:0px;
	z-index:995;*/
}

#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: #ffffff;
    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 #edit-cancel,
body form input.form-submit,
body input.form-submit,
body input.small-submit {
    background: none;
    border: none;
    background-color: #51af31 !important;
    color: #ffffff !important;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    border-radius: 5px;
    line-height: 35px;
    height: 35px;
    text-align: center;
    text-decoration: none;
    padding-right: 16px;
    padding-left: 16px;
    float: none;
    margin-bottom: 20px;
    margin-right: 8px;
    width: auto;
    z-index: 3;
}

.page-newsletter-confirm #edit-cancel {
    float: right;
}

body input.small-submit {
    line-height: 26px;
    max-width: 100px;
}

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;
    font-size: 14px;
}

.ui-dialog-overlay {
    background: none repeat scroll 0 0 #000000;
    opacity: 0.8;
}

.ui-dialog-title {
    color: #ffffff;
    font-weight: bold;
}

.ui-dialog .ui-dialog-buttonpane button {
    background: none;
    border: none;
    background-color: #007ac0;
    color: #ffffff;
}

#modal-upload-wrapper {
    margin-bottom: 10px;
}

.flex_block {
    display: flex;
    justify-content: space-between;
    box-sizing: content-box;
}

.flex_block.about span {
    display: block;
    text-align: center;
}

.flex_block.about a img {
    border-radius: 15px;
    width: 100% !important;
    height: auto !important;
}

.ajax_content img.throbber {
    display: block;
    margin: 0px auto;
    width: 128px !important;
    height: auto !important;
}

.flex_block.two > div {
    width: 45% !important;
}

.flex_block.two.kontaktmap > div {
    width: 30% !important;
}

.flex_block.two.kontaktmap > div.map {
    width: 68% !important;
}

.flex_block.column {
    flex-direction: column !important;
}

.flex_block.mitgliedschaft > div h3 {
    font-size: 30px;
    color: #818181;
    margin-bottom: 25px;
}

.flex_block.mitgliedschaft .flex_block.column div {
    font-size: 18px;
    padding: 5px 15px;
    margin-bottom: 10px;
    border-radius: 8px;
    line-height: normal;
    min-height: 38px;
}

.flex_block.mitgliedschaft .flex_block.column div:nth-child(odd) {
    background-color: #f2f2f2;
}

.flex_block.mitgliedschaft .flex_block.column div:nth-child(even) {
    background-color: #e4e0e0;
}

#page .flex_block.slick-initialized {
    /*display: block;*/
}

#page .flex_block.wrap {
    flex-wrap: wrap;
    flex-direction: row;
}

.flex_block .hundred {
    width: 100%;
}

.flex_block.column.hundred > div {
    margin-top: 20px;
}

.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;
}

.link_wrapper {
}

a.download,
a.more_link {
    display: table-cell;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}

a.download {
    display: inline-block;
    text-transform: none;
    line-height: 37px;
}

a.more_link:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    content: "\f067";
    font-weight: 100;
    font-size: 13px;
    padding-right: 5px;
    margin-top: -4px;
    vertical-align: middle;
    font-weight: 600;
}

a.download:before {
    content: " ";
    float: left;
    background-image: url("../images/bbp/icons/icon_download.png");
    background-repeat: no-repeat;
    height: 37px;
    width: 37px;
    padding-left: 15px;
    font-size: 0px;
}

#main .ajax_content_row,
#main .field-name-body .field-item {
    margin-bottom: 65px;
}

#main .content_block_1 {
    margin-top: 50px;
}

.flex_block.testimonial .text {
    font-size: 35px;
    color: #79a9d6;
    line-height: normal;
}

.flex_block.testimonial .text div {
    font-weight: 700;
    font-size: 18px;
    color: #000000;
    text-transform: uppercase;
}

.flex_block.testimonial .text div span {
    font-weight: 100;
    text-transform: none;
}

.flex_block.testimonial .image img {
    border-radius: 20%;
}

.flex_block.kontakt {
    background-color: #79a9d6;
    border-radius: 70px;
}

.flex_block.kontakt {
    justify-content: flex-start;
}

.flex_block.kontakt .image img {
    display: block;
}

.flex_block.kontakt .text {
    font-size: 35px;
    color: #ffffff;
    line-height: normal;
    margin-top: 55px;
    text-transform: uppercase;
    margin-left: 55px;
}

.flex_block.kontakt .text div {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    line-height: 50px;
    margin-top: 50px;
    font-family: "Rubik", 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: #ffffff;
    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/files/content/beteiligung2.png");
}

.flex_block.mieterstrom .image {
    background-image: url("/sites/bb-partnerunternehmen.de/files/content/gezeichnet.jpg");
}

.flex_block.darlehen .image {
    background-image: url("/sites/bb-partnerunternehmen.de/files/content/darlehen.jpg");
}

.flex_block.beteiligung .image img {
    display: block;
}

.flex_block.beteiligung .image {
    color: #ffffff;
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
    padding: 205px 45px 0px 45px;
}

.flex_block.beteiligung .image div {
    font-family: "Rubik", 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 {
    margin-bottom: 0px;
}

.ee-projectdetails-invested-block {
    display: flex;
    flex-direction: column;
}

.region-content .ee-projectdetails-title {
    font-size: 20px;
    padding: 0px;
    color: #595959;
    margin-bottom: 20px;
    order: 0;
}

.region-content .ee-value-wrapper {
    width: 100%;
    color: #000000;
    margin-top: 10px;
    cursor: pointer;
    z-index: 200;
    order: 3;
}

.tooltip:hover span {
    margin-top: 5px;
}

.tooltip span.classic,
.region-content .ee-projectdetails-invested-block .tooltip span.classic,
.tooltip:hover span.classic {
    background: none;
    margin-left: 20px;
    font-size: 14px !important;
    background-color: #ffffff;
    border: 1px solid #79a9d6;
    border-radius: 5px;
    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 span.classic em {
    font-size: 14px !important;
    font-weight: normal;
    line-height: normal;
    font-style: normal;
    padding: 0px;
}

/*.region-content .tooltip span.classic:before {
    font-family: 'Font Awesome 5 Free';
    content:"\f0d8";
    z-index:100;
    font-size:24px;
    text-shadow: 0px 0px 1px rgba(150, 150, 150, 1);
    position: absolute;
    display:block;
    margin-left: 40%;
    margin-top: -27px;
    z-index:100;
    font-weight: 600;
}*/
#page .region-content .tooltip {
    border: none;
    height: 8px;
    box-sizing: content-box;
    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: 9px;
    border-radius: 5px;
    margin-top: 5px;
    background-color: #ececec;
    line-height: 0px;
    display: flex;
    font-size: 0px;
}

.region-content #ee-invested {
    color: #79a9d6;
    font-weight: bold;
    font-size: 115%;
    margin-left: 5px;
    position: relative;
    top: -38px;
    display: none;
}

.region-content #ee-skala #ee-value {
    background: url("../images/eueco/icons/value.png");
    top: -29px;
    height: 9px;
    position: static;
    display: inline-block;
}

.region-content #ee-skala .circle {
    display: inline-block;
    line-height: 0px;
    margin-right: -2px;
    border-radius: 50%;
    margin-top: -1px;
}

.region-content #ee-skala .circle.after {
    margin-left: -3px;
    margin-right: 0px;
}

.region-content #ee-skala .circle.after:before {
    margin-left: -3px;
    margin-right: 0px;
}

.region-content #ee-skala .circle:before {
    content: " ";
    display: inline-block;
    background-image: url("/sites/egis-energie.de/themes/eueco_site/images/egis/circle.png");
    border-radius: 50%;
    font-size: 12px;
    line-height: 7px;
    width: 11px;
    height: 11px;
}

/*.region-content #ee-skala #ee-value:before,
.region-content #ee-skala #ee-value:after {
	font-family: 'Font Awesome 5 Free';
	content: '\f10c';
	font-size:10px;
	line-height:normal;
	margin-right:20px;
    font-weight: 600;
}*/
.region-content #ee-skala #ee-value:after {
}

.region-content #ee-skala #ee-value:before {
}

.region-content .content_block_5 #ee-skala #ee-value {
}

.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-email,
.webform-submission-form .form-text,
.webform-submission-form select {
    width: 100%;
    border-radius: 10px;
    line-height: 40px;
    font-size: 24px;
    padding-left: 8px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    height: 40px;
    vertical-align: middle;
}

.webform-submission-form select {
    font-size: 20px;
}

.webform-submission-form label {
    font-size: 18px;
    font-weight: normal;
    height: 22px;
    color: #595959;
    margin-bottom: 5px;
}

.webform-submission-form textarea {
    width: 100%;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 40px;
    font-size: 24px;
    padding-left: 8px;
    border: 1px solid #dcdcdc;
}

.webform-submission-form .form-item-captcha-response label {
    font-size: 14px;
}

.webform-submission-form .form-textarea-wrapper .grippie {
}

.webform-submission-form .form-required:after {
    font-family: "Font Awesome 5 Free";
    content: "\f069";
    display: inline-block;
    position: absolute;
    font-size: 12px;
    color: #51af31;
    padding-left: 5px;
    margin-top: -5px;
    font-weight: 600;
    background: none;
}

.webform-submission-form .resizable-textarea .grippie {
    background: #51af31 url(../images/bbp/icons/grippie.png) no-repeat center 2px;
}

.webform-submission-form > div {
    /* width: 700px; */
}

.webform-submission-form > div fieldset {
    border: none;
    margin-bottom: 50px;
}

.webform-submission-form fieldset:nth-child(3) {
    margin-bottom: 0px;
}

.webform-submission-form fieldset legend {
    font-size: 30px;
    text-transform: uppercase;
    line-height: normal;
    color: #595959;
}

.webform-submission-form .webform-component--anmeldung-zum-newsletter legend,
.webform-submission-form .webform-component--projektdaten legend {
    display: none;
}

.webform-submission-form fieldset:nth-child(4) .fieldset-wrapper .form-item {
    margin: 10px 0px;
}

.webform-submission-form fieldset:nth-child(4) .fieldset-wrapper .form-item input,
.webform-submission-form fieldset:nth-child(4) .fieldset-wrapper .form-item select {
    display: table-cell;
}

.webform-submission-form fieldset:nth-child(4) .fieldset-wrapper .form-item select {
    display: inline-block;
    width: 470px;
    text-align: center;
    padding-left: 5px;
    margin-top: 0px;
    line-height: 40px;
    height: 40px;
    border: 1px solid #595959;
    border-radius: 5px;
    background-color: #ffffff;
    color: #595959;
    font-size: 18px;
}

.webform-submission-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: 100;
    padding-right: 5px;
    font-weight: 600;
}

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;
    }
}

.doc_header {
    color: #8b9396 !important;
}

.password-suggestions ul {
    margin-left: 15px;
    margin-top: 8px;
}

.view-display-id-faq_block {
    margin-bottom: 100px;
}

.view-display-id-faq_block .view-header {
    display: flex;
    justify-content: flex-start;
}

.view-display-id-faq_block .view-header > div {
    cursor: pointer;
    border: 1px solid #f2f2f2;
    border-bottom: none;
    width: 230px;
    line-height: 40px;
    height: 40px;
    text-align: center;
}

.view-display-id-faq_block .view-header > div:last-child {
    border-radius: 0px 8px 0px 0px;
}

.view-display-id-faq_block .view-header > div:first-child {
    border-radius: 8px 0px 0px 0px;
}

.view-display-id-faq_block .view-header > div:hover,
.view-display-id-faq_block .view-header > div.open {
    background-color: #707070;
    border: 1px solid #707070;
    color: #ffffff;
}

/*.view-display-id-faq_block .accordion{
	display:none;
	border:1px solid #f2f2f2;
	padding:40px;
	border-radius: 0px 8px 8px 8px;
}*/
.view-display-id-faq_block #allgemeines.accordion {
    display: block;
}

#ui-datepicker-div {
    font-size: 13px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    text-align: center;
}

/*pictureblock*/
/*.field-name-body .content_block_2 .field-item-content .text{
	width:50%;
	height:600px;
	color:#ffffff;
	padding-top:150px;
	display:flex;
	flex-direction: row;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/
/*.field-name-body .content_block_2 .field-item-content .text>div{
	width:530px;
}*/
/*.field-name-body .content_block_2 .field-item-content .text:first-child{
j	ustify-content:flex-end;
}*/
.text em {
    font-style: normal;
}

/*.field-name-body .content_block_2 .field-item-content .text:first-child em{
color:#97bf41;
}
.field-name-body .content_block_2 .field-item-content .text:last-child{
justify-content:flex-start;
}
.field-name-body .content_block_2 .field-item-content .text:last-child em{
color:#0c78c8;
}*/
#page .flex_block.full {
    display: flex;
    justify-content: center;
    box-sizing: content-box;
}

#page .flex_block.full > .text {
    width: 50%;
    box-sizing: content-box;
}

.registrieren.button,
#user-login-form #edit-submit,
#user-login-form #edit-submit--2,
#user-login-form #edit-submit--3,
#user-login-form #edit-submit--5,
.modal_login .form-actions input#edit-submit--2,
.modal_login .form-actions input#edit-submit--3,
.modal_login .form-actions input#edit-submit--5,
body .modal_logout a,
body .flex_block.full a {
    color: #ffffff;
    display: block;
    border-radius: 3px;
    text-align: center;
    width: 160px;
    height: 40px;
    margin-top: 40px;
    line-height: 40px;
    border: 1px solid #ffffff;
    text-transform: none;
}

.registrieren.button,
body .modal_logout a,
#user-login-form #edit-submit {
    font-family: "Rubik", sans-serif;
    margin-top: 10px;
    font-size: 16px;
    text-transform: none;
}

body .flex_block.full a:hover {
    background-color: #97bf41;
    border: 1px solid #97bf41;
}

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: "Rubik", 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: "Rubik", 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: "Rubik", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #7e888c;
}

.anlage > .text h3 {
    margin: 35px 0px;
    font-family: "Rubik", 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: #51af31;
    border-radius: 5px;
}

.betrieb.scale .scalevalue {
    background-color: #fab91f;
}

.scalelabel {
    float: right;
}

#ee-skala #ee-invested {
    position: static;
    display: inline-block;
    float: left;
    margin-top: -15px;
    margin-left: -35px;
    line-height: 8px;
    font-size: 14px;
    color: #7f878a;
    font-weight: 100;
}

.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%;
}

body a.button {
    display: inline-block;
    line-height: 45px;
    height: 45px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    border-radius: 5px;
}

#pid-customer-portfolio #main .button.green a {
    border: none;
    background-color: #51af31;
    color: #ffffff;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    border-radius: 5px;
    line-height: 35px !important;
    height: 35px;
    text-align: center;
    text-decoration: none;
    padding: 0px 16px;
    float: none;
    margin-bottom: 20px;
    margin-right: 8px;
    width: auto;
}

.slick_slider .slide_link a:hover {
    background-color: #999999;
    border: 1px solid #999999;
}

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;
}

/*.front .field-name-body .content_block_2 {
    background-color: #51af31;
}
.front .field-name-body .content_block_6 {
    background-color: #b3b392;
    padding: 60px 0px;
    margin-bottom: 0px;
}*/
#beteiligen {
    text-align: center;
    color: #ffffff;
    padding: 60px 0px;
}

.steps_info {
    display: none;
    position: absolute;
    width: 1170px;
    margin-top: 255px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    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);
}

.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: #ffffff;
    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: 330px;
    background-color: #51af31;
    border-radius: 5px;
    color: #ffffff;
    font-size: 24px;
    padding: 20px !important;
}

.modal_login .item-list {
    display: none;
}

.modal_login .form-item-name {
    margin-top: 10px;
    margin-bottom: 20px;
}

.modal_logout {
    color: #ffffff;
}

.modal_logout .realname {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ffffff;
}

.modal_login input {
    width: 100%;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    padding-left: 10px;
    margin-left: 0px;
    border: none;
    border-radius: 5px;
}

.modal_login .form-type-password {
    margin-bottom: 5px;
}

.modal_login .form-required-text {
    font-size: 14px;
    color: #ffffff;
    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:before,
.modal_logout:before {
	width: 0;
	height: 0;
	float: left;
	content: "";
	display: block;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 20px solid #0066aa;
	left: 0%;
	margin-left: 120px;
	margin-top: -38px;
}*/
.modal_login #user-login-form #edit-submit,
.modal_login #user-login-form #edit-submit--2,
.modal_login #user-login-form #edit-submit--3,
.modal_login .registrieren.button {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.modal_login #user-login-form #edit-submit--2,
.modal_login #user-login-form #edit-submit--3 {
    margin-top: 10px;
}

.modal_login .form-actions input {
    background: none;
    width: 121px;
    height: 30px;
    color: #0066aa;
    line-height: normal;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    font-size: 13px;
    margin-bottom: 0px;
    float: none;
}

.modal_login .reset_password {
    margin-left: 0px;
}

.modal_login .reset_password a {
    color: #ffffff;
    font-size: 16px;
}

.modal_login .reset_password a:hover {
    color: #0d78c8;
}

body .modal_logout a:hover,
.registrieren.button:hover,
#user-login-form #edit-submit:hover,
#user-login-form #edit-submit--2:hover,
#user-login-form #edit-submit--3:hover {
    background-color: #0d78c8;
    border: 1px solid #0d78c8;
}

.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: #ffffff;
}

.modal_login .do_register p {
    margin-top: 0px;
}

#edit-submit:hover {
    background-color: #0d78c8;
}

/*Registerform*/
#pid-fast-registry-step1 #user-register-form {
    border: 3px solid #dcdcdc;
    border-radius: 15px;
    padding: 44px;
}

#pid-user-register #user-register-form > div,
#pid-fast-registry-step1 #user-register-form > div {
    margin: 0px auto;
    width: 85%;
}

#pid-fast-registry-step1 #user-register-form input.form-text,
#pid-fast-registry-step1 #user-register-form input.form-email,
#user-profile-form input.form-text,
#pid-user-register #user-register-form input {
    max-width: 70%;
    line-height: 40px;
    font-size: 18px;
    padding-left: 8px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    height: 40px;
    vertical-align: middle;
}

#pid-user-register #user-register-form input.form-submit {
    background-color: #51af31;
    display: inline-block;
    line-height: 45px;
    height: 45px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    border-radius: 5px;
    width: auto;
    padding: 0px 30px;
}

#pid-user-register #user-register-form .form-required {
    color: #51af31;
}

#pid-user-register #user-register-form input.form-submit:hover {
    background-color: #999999;
}

/*#user-register-form #edit-legal .form-type-checkbox {*/
/*    position: relative;*/
/*}*/
/*#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;
}

#pid-user-register #tabs_wrapper {
    display: none;
}

#pid-user-register #content #registrieren,
#pid-fast-registry-step1 #content #registrieren {
    text-align: left;
    margin-top: 100px;
}

#pid-fast-registry-step1 #content #registrieren {
    text-align: left;
    margin-top: 0px;
}

#pid-user-register #content h1,
#pid-fast-registry-step1 #content h1 {
    text-align: left;
    margin-top: 0px;
}

#pid-user-register #content #registrieren .flex_block > div,
#pid-fast-registry-step1 #content #registrieren .flex_block > div {
    margin-top: 15px;
}

#anmelden_trigger {
    color: #51af31;
}

#anmelden_trigger:hover {
    color: #51af31;
}

#pid-user-register #content h1:after {
    content: "";
    margin-bottom: 10px;
}

#pid-user-register #main {
    margin: 0 auto;
    width: 1170px;
    padding: 0px 15px;
}

#log_overlay {
    position: absolute;
    display: none;
    width: 100%;
    height: 10000px;
    top: -30px;
    left: 0px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

/*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: #51af31;
    border-bottom: 1px solid #ccc;
}

.mm-navbar .mm-title {
    font-family: "Rubik", sans-serif;
    top: 20px;
    /*left: 40px;*/
    width: calc(100% - 82px);
    padding: 10px 0 10px 10px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}

.mm-panels > .mm-panel {
    padding: 0 0px;
}

.mm-menu .menu > li > a,
.mm-menu .menu > li > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0;
}

.mm-menu .menu > li > a:last-child {
    font-family: "Rubik", sans-serif;
    border-bottom: 1px solid #cccccc;
    color: #595959;
    font-size: 14px;
    line-height: 12px;
}

.mm-menu .menu > li > a:first-child {
    border-bottom: 1px solid #cccccc;
}

.mm-menu.mm-keyboardfocus a:focus,
.mm-menu .mm-menu .menu > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-menu .menu > li.mm-selected > span,
.mm-menu .menu > li > a:hover {
    background-color: #51af31;
    color: #ffffff;
}

.mm-menu .menu > li:not(.mm-divider)::after {
    border: none;
}

.mm-menu.mm-keyboardfocus a:focus,
.mm-menu .mm-menu .menu > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-menu .menu > li.mm-selected > span,
.mm-menu .menu > li > a:hover {
    background-color: #51af31;
    color: #ffffff;
}

.mm-panels > .mm-panel {
    background-color: #ffffff;
}

.mm-panels ul.menu li {
    margin: 0 0 0 0;
}

.mm-menu .mm-navbar a,
.mm-menu .mm-navbar > * {
    color: #fff;
}

.mm-navbar {
    text-align: left;
}

.mm-prev::before {
    width: 15px;
    height: 15px;
    top: 37px;
    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-menu .menu {
    margin: 0px 0px 0px 0px;
}

.mm-panels > .mm-panel > .mm-menu .menu:first-child {
    margin: 20px 0px 0px 0px;
}

.mm-panels > .mm-panel > .mm-menu .menu:last-child {
    margin: 0px 0px 20px 0px;
}

.mm-menu .mm-btn::after,
.mm-menu .mm-btn::before {
    border-color: #ffffff;
}

.mm-menu .mm-menu .menu > li .mm-next::after {
    border-color: #595959;
    width: 10px;
    height: 10px;
}

.mm-menu .menu .mm-next::before {
    border: none;
}

.mm-close::after,
.mm-close::before {
    width: 10px;
    height: 10px;
    top: 37px;
}

.mm-menu .mm-menu .menu > li .mm-next:hover:after {
    border-color: #ffffff;
}

.mm-close::after {
    right: 43px;
}

.mm-close::before {
    right: 30px;
}

html.mm-blocking,
html.mm-blocking body {
    overflow: visible;
}

.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;
    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: #ffffff !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;
}

.region-content-top {
    display: block;
    width: auto;
    height: 260px;
    margin-left: auto;
    margin-right: auto;
}

.front .content_block_7 {
    background-color: #51af31;
}

.newsletter {
    height: 100px;
    background-color: #51af31;
    display: flex;
    justify-content: center;
}

body .newsletter a.button {
    font-family: "Rubik", sans-serif;
    font-size: 40px;
    line-height: 60px;
    height: 60px;
    width: 100%;
    align-self: center;
}

.page-user-reset #main #main-inner p {
    margin-top: 0px;
    margin-bottom: 0px;
}

#user-register-form #ee-legal_1,
#user-register-form .fieldset-wrapper > p,
#edit-legal .fieldset-wrapper > p,
#user-register-form #edit-legal legend,
#fast-registry-registry .legal-terms,
.user-form .legal-terms {
    display: none;
}

#ee-legal {
    font-size: 17px;
}

#user-register-form #edit-legal {
    margin-bottom: 30px;
}

footer .footer_service ul.menu li a {
    font-size: 14px;
    line-height: 22px;
}

body #block-menu-menu-footermenu a:hover {
    color: #0d78c8;
}

.region-footer {
    display: block;
}

.region-footer-bottom {
    display: flex;
}

.region-footer-bottom {
    padding: 20px 0px 30px 0px;
}

.footer_bottom .block {
    margin-top: 30px;
}

.block.footer_address {
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
    margin-top: 0px;
}

body .block.footer_address a {
    text-decoration: underline !important;
}

.footer_address div {
    margin-bottom: 10px;
}

#footer_bottom .block {
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    width: 23%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

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: #0d78c8;
}

body .footer_registrieren {
    line-height: 29px;
}

body .footer_newsletter a,
body .footer_registrieren a {
    display: block;
    width: 100%;
    margin-top: 10px;
}

footer .addtoany_list {
    float: right;
}

footer .addtoany_list > div {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

body .addtoany_list a {
    border: 0;
    box-shadow: none;
    display: inline-block;
    font-size: 16px;
    padding: 0 4px;
    vertical-align: middle;
    margin-right: 5px;
}

.addtoany_list a span {
    display: inline-block;
    float: none;
}

.addtoany_list .a2a_label {
    display: none;
}

.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 .anmelden_toggle::before,
#header_top.notransition,
#header_top.notransition * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

#anmelden_trigger {
}

#buergerbeteiligung {
    height: 0px;
}

.page-user-reset .region-content,
#pid-user-password .region-content,
.page-newsletter-confirm .region-content,
#pid-user-login .region-content,
#pid-fast-registry-step2 .region-content,
#pid-SEPA .region-content,
.platform:not(.adminpage) .region-content,
.adminpage #main-content,
.page-node-done #main,
#pid-contract-manager #main,
#pid-fsa #main,
#pid-kist #main,
#pid-download #main,
#pid-node-3405-done #main,
.page-title {
    margin-top: 80px;
}

.page-title {
    padding: 0px 15px;
}

body[id^="pid-user-reset"] .page-title {
    padding-bottom: 50px;
}

.stepwrapper .step:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0ab";
    display: inline-block;
    margin-left: 10px;
    font-weight: 600;
}

.stepwrapper .step:after {
    font-family: "Font Awesome 5 Free";
    content: "\f055";
    display: inline-block;
    margin-left: 10px;
    font-weight: 600;
}

.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: #51af31;
    color: #ffffff;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    border-radius: 5px;
    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: #0d78c8;
}

.form-item-captcha-response label {
    display: none !important;
}

.user-register-form fieldset {
    margin: 15px auto;
    width: 85%;
}

.form-item-captcha-response .description {
    line-height: normal;
}

header .region-header .block.absprung {
    position: relative;
    margin-top: -162px !important;
    margin-bottom: 15px !important;
}

.flex_block.info > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #51af31;
    padding: 35px 65px;
    color: #ffffff;
    border-radius: 15px;
    text-align: center;
}

.flex_block.egis_copy {
    align-items: flex-end;
    width: 100%;
}

.flex_block.egis_copy > div:last-child {
    width: 28.4%;
}

.flex_block.egis_copy > div:last-child > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #0088d0;
    font-size: 30px;
    text-transform: uppercase;
}

.flex_block.egis_copy > div:last-child .image img {
    width: 100% !important;
    height: auto !important;
}

body .flex_block.egis_copy > div:last-child a {
    color: #0088d0;
}

.flex_block.egis_copy > div:first-child {
    width: 66%;
}

.flex_block.egis_copy > div .image {
    text-align: center;
    margin-bottom: 20px;
}

.flex_block.tochtergesellschaften > div h3,
.page h1,
h2,
.flex_block.egis_copy h1 {
    font-size: 30px;
    line-height: normal;
    color: #89ca3d;
    text-align: left;
}

.flex_block.egis_copy h1 {
    padding-left: 15px;
    font-size: 45px;
}

.flex_block.info > div {
    flex-direction: row;
    background-color: #f2f2f2;
    color: #51af31;
    padding: 35px 10px;
    align-items: center;
}

.flex_block.info > div img {
    width: 100px !important;
    height: auto !important;
}

.flex_block.info > div .text {
    width: 180px;
    padding: 0px 0px 0px 10px;
}

.absprung .flex_block > a > .image .fa:before {
    font-size: 150px;
    text-align: center;
}

.absprung .flex_block > a > .image {
    min-width: 150px;
    margin-bottom: 20px;
}

.absprung .flex_block > a > .text {
    font-size: 26px;
}

.flex_block.tarifrechner .rechner {
    width: 80%;
}

.flex_block.tarifrechner .text {
    width: 18%;
}

.flex_block.buergerwerke .text {
    width: 300px;
}

.field-item.has_bg .flex_block {
    padding: 35px 0px;
}

.flex_block.investieren {
    justify-content: center;
    padding: 35px 0px;
}

.flex_block.investieren > div {
    width: 282px;
    color: #ffffff;
}

.flex_block.ajax_buttons > div {
    width: 30%;
}

.flex_block.ajax_buttons > div a {
    color: #ffffff;
    display: block;
}

.flex_block.ajax_buttons img {
    display: block;
    margin: 0 auto;
}

.flex_block.ajax_buttons .cat_title {
    min-height: 180px;
}

.flex_block.ajax_buttons > div:nth-child(even) {
}

.ajax_content_desk,
.ajax_content {
    margin-top: 35px;
    margin-bottom: 65px;
}

.ajax_content_desk img.throbber {
    display: block;
    margin: 50px auto;
    width: 100px !important;
    height: auto !important;
}

.ajax_content_desk h3 a {
    margin-bottom: 20px;
    display: block;
    color: #0088d0;
}

.ajax_content_desk h2 {
    margin-bottom: 20px;
    display: block;
    color: #818181;
}

.ajax_content_desk .flex_block > div {
    width: 45%;
}

.ajax_content_desk .flex_block > div.image {
    width: 40%;
}

.ajax_content_desk .flex_block div.text h3 {
    margin: 20px 0px;
}

#ajax_content_desk .flex_block > div.image .flex_block {
}

#ajax_content_desk .flex_block > div.image .flex_block .button a {
    padding: 5px 0px;
    text-align: center;
    border-radius: 5px;
}

.flex_block.investieren > div:first-child {
    margin-right: 35px;
}

.flex_block.investieren > div:last-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex_block.investieren > div:last-child > div:last-child {
    background-color: #51af31;
    padding: 15px 65px;
    border-radius: 15px;
    text-align: center;
}

.flex_block.investieren div:first-child {
    background-color: #0088d0;
    padding: 35px 35px;
    border-radius: 15px;
}

.flex_block.investieren div:last-child div:first-child {
    margin-bottom: 20px;
}

.ajax_button_wrapper,
.flex_block.news {
    justify-content: flex-start;
}

.ajax_button_wrapper {
    margin-bottom: 25px;
}

.flex_block.about.news {
}

.flex_block.news .text {
    display: flex;
    flex-direction: column;
    margin-left: 80px;
}

.flex_block.news .text h2 {
    margin-bottom: 20px;
}

.flex_block.news .text > div {
    text-align: left;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 13px;
}

#main .flex_block.news a {
    display: block;
    font-size: 22px;
}

.ajax_button_wrapper .cat_title {
    width: 282px;
    height: 282px;
    margin-right: 50px;
}

.ajax_button_wrapper .cat_title img {
    border-radius: 15px;
    width: 100%;
    height: auto;
    min-height: 282px;
}

.ajax_columns {
    flex-grow: 1;
}

.ajax_button_wrapper a.ajax_button {
    display: block;
    border-radius: 5px;
    line-height: 30px;
    height: 30px;
    margin-top: 10px;
    color: #818181 !important;
}

.ajax_button_wrapper .ajax_content {
    display: none;
}

.ajax_button_wrapper.wasser a,
.ajax_button_wrapper.wasser .cat_title,
.flex_block.news.blue {
}

.flex_block.news > div.date {
    width: 262px;
    font-size: 50px;
    align-self: center;
}

.button,
.button:hover {
    font-family: "Rubik", sans-serif;
    margin: 0;
    background: none;
}

.modal_login .registrieren.button:hover {
    margin-top: 10px;
}

div.box,
#main div.button a {
    display: block;
    color: #ffffff;
    padding: 15px 65px;
    border-radius: 10px;
}

div.box h3,
body #main div.button a {
    color: #ffffff;
    text-align: center;
    line-height: 28px;
    font-size: 20px;
}

body #main div.button a:hover {
    color: #ffffff;
}

#pid-node-3405-done #main .links a,
#page div.button.green a {
    background-color: #51af31;
}

div.gray {
    background-color: #f2f2f2;
    color: #595959;
}

#main div.button.large a {
    font-size: 30px;
}

#main div.button.blue a,
div.box.blue {
    background-color: #0088d0;
}

.flex_block.testimonials {
    justify-content: space-around;
}

.flex_block.testimonials .content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 auto;
    width: 420px;
}

.flex_block.testimonials .content .text_wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}

body .flex_block.testimonials .content .text_wrapper a {
    color: #ffffff;
}

.flex_block.testimonials .content {
    position: relative;
}

.flex_block.testimonials .content > div.image {
    height: 100%;
}

.flex_block.testimonials .content > div.image img {
    display: block;
    width: 100% !important;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    margin-bottom: 15px;
}

.flex_block.testimonials .content {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    min-height: 370px;
}


.slick-prev::before,
.slick-next::before {
    color: #0088d0 !important;
    opacity: 1 !important;
}

.slick-prev:hover::before,
.slick-next:hover::before {
    opacity: 0.75 !important;
}

/******* theme features**********/
.read_more {
    max-height: 120px;
    position: relative;
    overflow: hidden;
}

.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),
    #ffffff);
}

.read_more.open {
    overflow: visible;
}

.read_more.open .read_more_click {
    /*background: none;*/
    padding: 0px;
}

.read_more.closed .read_more_click:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
    float: right;
    margin-top: 92px;
    font-weight: 600;
}

.read_more.open .read_more_close {
    cursor: pointer;
    display: block;
}

.read_more.open .read_more_close:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0d8";
    float: right;
    font-weight: 600;
}

.field-item.has_img_bg {
    width: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

#pid-news-archiv #main {
    margin: 0 auto;
    width: 990px;
}

.accordion_archive .ui-widget-content {
    border: none;
    padding-left: 30px;
}

.accordion_archive .archive_link {
    margin-bottom: 10px;
}

.accordion_archive .archive_link a {
    font-size: 16px;
}

.accordion_archive .archive_link a:hover {
    color: #033069 !important;
}

#pid-GV-2021 h2.about + div.ajax_content h2,
#pid-ueber-uns h2.about + div.ajax_content h2,
#pid-mitgliedschaft h2.about + div.ajax_content h2,
#pid-fwe h2.about + div.ajax_content h2 {
    display: none;
}

#main .about a {
    color: #818181;
    font-size: 30px;
}

#main .about a:hover,
#main .ajax_button_wrapper a:hover {
    color: #0088d0;
    border-bottom-style: none;
}

#main .active_ajax .about a.with_active {
    color: #818181;
}

#main a.with_active {
    display: block;
    margin-bottom: 20px;
}

.ajax_here.with_active:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
    float: right;
    font-weight: 600;
}

.about.active_ajax a.ajax_content_active,
.ajax_here.with_active.ajax_content_active,
.ajax_here.with_active.active_ajax {
    color: #0088d0;
}

.ajax_here.with_active.active_ajax:after,
.active_ajax .ajax_here.with_active:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0d8";
    font-weight: 600;
}

.slick-prev::before,
.slick-next::before {
    font-family: "Font Awesome 5 Free" !important;
    color: #51af31 !important;
    font-weight: 600;
}

.slick-prev::before {
    content: "\f053" !important;
}

.slick-next::before {
    content: "\f054" !important;
}

.full.bg_image {
    width: 100%;
    height: 355px;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.flex_block.service {
    flex-wrap: wrap;
}

.flex_block.service > div.image {
    width: 30%;
}

.flex_block.service > div.image img {
    width: 100% !important;
    height: auto !important;
}

.flex_block.service > div.text {
    width: 65%;
}

.flex_block.service > div.fullwidth {
    width: 100%;
}

iframe,
.flex_block div.image img {
    border-radius: 15px;
}

.flex_block.about div.text {
    text-align: center;
}

.region-footer-bottom .block h2,
.region-footer-bottom .block h2::after {
    color: #ffffff;
    text-align: left;
}

.region-footer-bottom .block h2::after {
    font-family: "Rubik", sans-serif;
    content: "______";
    font-size: 18px;
    display: block;
    margin-top: 0px;
    margin-bottom: 20px;
    line-height: 2px;
}

#pid-node-3405-done #main .links a,
.region-footer-bottom div.button a {
    display: block;
    color: #ffffff;
    padding: 0px 0px;
    width: 100%;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    border-radius: 7px;
}

.social-media-link--facebook {
    background-image: url(../images/egis/social_media_facebook_white.png);
    background-size: 14px 26px;
}

.addtoany_list {
    margin-top: 20px;
}

.addtoany_list ul {
    display: flex;
    justify-content: flex-start;
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
    margin-left: -15px;
}

.addtoany_list ul li {
    width: 50px;
}

.social-media-link {
    display: block;
    height: 35px;
    background-position: center center;
    width: 100%;
    background-repeat: no-repeat;
}

.social-media-links__item {
    text-align: center;
}

.social-media-link--googleplus {
    background-image: url(../images/egis/social_media_google_white.png);
    background-size: 40px 26px;
}

.region-footer-bottom .block-block .content {
    height: 100%;
}

.region-footer-bottom .block-block .content .flex_block.column {
    flex-grow: 1;
}

.region-footer-bottom .block-block .content .flex_block.column > div:first-child {
    flex-grow: 1;
}

#footer_bottom .block.footer_service {
    width: 140px;
}

#footer_bottom .block .content,
#footer_bottom .block .flex_block,
#footer_bottom .field,
#footer_bottom .field-items,
#footer_bottom .field-item,
#footer_bottom .field-item-content {
    height: 100%;
}

.webform-submission-form {
    border: 3px solid #dcdcdc;
    border-radius: 15px;
    padding: 44px;
}

.abstimmung .webform-submission-form {
    border: 2px solid #d8d8d8;
    padding: 15px 15px 15px 15px;
    border-radius: 8px;
    margin: 0;
}

.webform-submission-form > div {
    /* margin: 0px auto;
    width: 80%; */
}

.webform-submission-kontakt-form > div > fieldset,
.webform-submission-kontakt-form > div > div {
    width: 51%;
}

.webform-submission-form {
    margin: 50px 0px;
}

.webform-submission-form {
}

.node-webform .content_block_1 .flex_block,
.node-webform .content_block_1 {
    margin-bottom: 20px;
}

.webform-submission-form fieldset {
    border: none;
}

fieldset.webform-component--projektdaten .fieldset-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.form-item-anrede-newsletter {
    width: 49%;
    margin-right: 1%;
    display: inline-block;
}

.form-item-titel-newsletter {
    width: 49%;
    margin-left: 1%;
    display: inline-block;
    float: right;
}

.webform-component--datenschutz {
    width: 100% !important;
    margin-top: 40px;
}

.webform-component--details .fieldset-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 262px;
}

.webform-component--nachricht,
.webform-component--details .fieldset-wrapper > div {
    margin: 0px;
}

.flex_block.two.kontaktmap {
    margin-bottom: 50px;
}

#id_3393 img,
#id_3443 img {
    margin: 0 auto;
    display: block;
}

#id_3443 p img {
    width: 70% !important;
    height: auto !important;
}

#pid-node-3405-done #main .links a {
    display: inline-block;
    width: auto;
    margin-top: 30px;
    padding: 0px 25px;
}

.flex_block.tochtergesellschaften {
    flex-direction: row;
    flex-wrap: wrap;
    width: 60%;
}

.flex_block.tochtergesellschaften > div {
    width: 100%;
}

div.spacer {
    margin: 20px 0px;
}

.spacer_bottom {
    margin-bottom: 20px;
}

.flex_block.tochtergesellschaften > div.two {
    width: 50%;
}

.flex_block.tochtergesellschaften > div.third {
    width: 15%;
}

.flex_block.tochtergesellschaften > div.twothird {
    width: 83%;
}

div.caption {
    font-style: italic;
}

.flex_block.tochtergesellschaften > div.em {
    font-weight: 800;
}

#id_3444 h3,
.h_three,
.flex_block.tochtergesellschaften > div h3 {
    line-height: normal;
    color: #0088d0;
    text-align: left;
    font-weight: normal;
    font-size: 25px;
}

.aspect-ratio {
    margin-top: 20px;
    position: relative;
    width: 100% !important;
    max-width: 400px;
    height: 0;
    padding-bottom: 67%;
    margin-bottom: 20px;
}

#id_3444 .aspect-ratio {
    max-width: 100%;
}

.aspect-ratio iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.flex_block.awards .image.full img {
    width: 100% !important;
    height: auto !important;
}

.do_wrap {
    flex-wrap: wrap;
}

#pid-news #main .field-item-content > .flex_block.about > div {
    max-width: 48%;
}

.ext_link a {
    display: block;
    margin-bottom: 20px;
}

/*#pid-news #main .flex_block.news a:after,
#pid-newsletter-archiv #main .ui-widget-content a:after,*/
a.ext_link:after,
.ext_link a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    display: inline-block;
    margin-left: 10px;
    font-weight: 600;
}

a.ext_link:hover,
.ext_link a:hover {
    color: #0088d0;
}

.text.fourhundred {
    width: 40% !important;
}

.ajax_buttons .ajax_content_row {
    margin-bottom: 0px;
}

#main-inner .frankenthal .text p:last-child {
    margin-bottom: 0px;
}

.center_image img {
    display: block;
    margin: 0px auto;
}

body a.intext {
    color: #0088d0;
}

a.intext:hover {
    text-decoration: underline;
}

#pid-tarifkalkulator .field-item {
    margin-bottom: 0px;
}

flex_block.siegel {
    justify-content: flex-start;
    margin-top: 20px;
}

body .page * {
    /*border:1px solid red;*/
}

.ui-widget-overlay {
    display: none !important;
}

div.ui-dialog {
    font-size: 14px;
    -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);
}

#pid-user-register #login_links {
    display: none;
}

.membercount {
    text-align: center;
    line-height: 28px;
    font-size: 30px;
}

.page-node-done #main .links a {
    background: none;
    border: none;
    background-color: #51af31;
    color: #ffffff;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    border-radius: 5px;
    line-height: 35px;
    height: 35px;
    text-align: center;
    text-decoration: none;
    padding-right: 16px;
    padding-left: 16px;
    float: none;
    width: auto;
}

.webform-confirmation table {
    width: 100% !important;
}

.webform-confirmation table td {
    padding: 0px;
}

.button.satzung {
    margin-top: 20px;
}

#ee_fsa_table_wrapper {
    font-size: 16px;
    line-height: normal;
}

#primary-menu ul#superfish-main > li:first-child > a {
    padding-left: 0px !important;
}

.modal_logout #edit-actions {
    display: block !important;
}

.frame_closed {
    display: none;
}

#strom_wrapper {
    position: relative;
    min-height: 440px;
    margin-bottom: 20px;
}

#gas_wrapper {
    position: relative;
    min-height: 440px;
    margin-bottom: 20px;
}

#gas_wrapper iframe {
    height: 500px !important;
}

#strom_wrapper iframe {
    height: 500px !important;
}

#tarif_switcher {
    margin-bottom: 50px;
    border-radius: 9px 9px 0px 0px;
    background-color: #dcdcdc;
}

#tarif_switcher > div {
    width: 50%;
    text-align: center;
}

#tarif_switcher > div a {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 50px;
}

#tarif_switcher > div a.frame_open,
#tarif_switcher > div a:hover {
    color: #ffffff;
    background-color: #51af31;
}

#gas_on a {
    border-radius: 0px 9px 0px 0px;
    border-left: 1px solid #ffffff;
}

#strom_on a {
    border-radius: 9px 0px 0px 0px;
    border-right: 1px solid #ffffff;
}

#tarif_switcher a:before {
    width: 50px;
    height: 50px;
    content: " ";
    background-size: 60% !important;
    position: absolute;
}

#strom_on a:before {
    background: url(../images/egis/plug_gray.png) center center no-repeat;
    margin-left: -60px;
}

#gas_on a:before {
    background: url(../images/egis/flame_gray.png) center center no-repeat;
    margin-left: -60px;
    background-size: 50% !important;
}

#strom_on a.frame_open:before,
#strom_on a:hover:before {
    background: url(../images/egis/plug_white.png) center center no-repeat;
    margin-left: -60px;
}

#gas_on a.frame_open:before,
#gas_on a:hover:before {
    background: url(../images/egis/flame_white.png) center center no-repeat;
    margin-left: -60px;
    background-size: 50% !important;
}

.egis_copy div.image img {
    border-radius: 0px !important;
    max-width: 280px;
}

/*Tarifrechner*/
/*#pid-node .fancybox-content{
	width: 700px!important;
	height: 523px!important;
  padding-left:10px!important;
  padding-right:10px!important;
  background: none!important;
}*/
#pid-dienstleistungen .fancybox-content {
    background: none !important;
    padding: 40px 0px 0px 0px;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

video::-webkit-media-controls-fullscreen-button {
}

.message.fancybox-content img {
    width: 100% !important;
    height: auto !important;
}

.message.fancybox-content {
    text-align: center;
    font-size: 18px;
}

.message.fancybox-content #gas_on a.frame_open::before,
.message.fancybox-content #gas_on a:hover::before {
    margin-left: -50px;
    background-size: 50% !important;
}

.message.fancybox-content #tarif_switcher {
    margin-bottom: 0px;
}

/*Tarifrechner*/
/*#pid-node .fancybox-button svg path {
	fill: #ffffff;
	stroke-width: 0;
}*/
.fancybox-is-open .fancybox-bg {
    opacity: 0.7 !important;
}

.message.fancybox-content #gas_on a::before {
    margin-left: -50px;
}

/*################ Cookie Hinweis #####################*/
.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 #ffffff;
    -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    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: #000 !important;
    font-family: "Rubik", sans-serif;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
}

#sliding-popup .eu-cookie-compliance-more-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%);
}

#sliding-popup {
    height: auto !important;
}

@media (max-width: 600px) {
    #sliding-popup .agree-button {
        left: 0px;
    }

    #sliding-popup .eu-cookie-compliance-more-button {
        bottom: 16px;
        top: auto;
        left: 120px;
        right: auto;
    }
}

.blue_button a {
    background-color: #0088d0;
    color: #fff !important;
    padding: 5px !important;
    border-radius: 5px;
    text-align: center;
}

.blue_button {
    width: 48%;
    float: left;
    margin-left: 2%;
}

.blue_button.first {
    margin-left: 0;
    margin-right: 2%;
}

div.accordion.box h3 {
    color: #595959;
}

.accordion.box .ee-value-wrapper {
    display: none;
}

.ee_projectdetails_invested_block {
    position: relative;
}

.ee_projectdetails_invested_block .ee_skala {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 30px;
    width: 100%;
    border: 1px solid gray;
    border-radius: 4px;
    z-index: 1;
}

.ee_projectdetails_invested_block .ee_skala .ee_value {
    position: relative;
    display: block;
    height: 28px;
    border-radius: 3px 0px 0px 3px;
    background-color: #0076b5;
}

.headline_invested {
    font-weight: 600;
}

.value_tooltip {
    position: absolute;
    display: none;
    text-align: center;
    border: 1px solid gray;
    background-color: #ffffff;
    border-radius: 3px;
    padding: 4px 8px;
    font-size: 12px;
    z-index: 100;
    -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);
    margin-top: -50px;
}

.text_tooltip {
    margin-bottom: 6px;
}

div.accordion.box div.button a {
    display: block;
    color: #ffffff;
    padding: 6px 65px;
    border-radius: 4px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.headline_invested {
    margin-top: 10px;
    margin-bottom: 20px;
}

.ee_projectdetails_invested_block .info_values {
    display: flex;
    justify-content: space-between;
}

.blue_button {
    width: 48%;
    float: left;
    margin-left: 2%;
}

.blue_button.first {
    margin-left: 0;
    margin-right: 2%;
}

.blue_button a {
    background-color: #0088d0;
    color: #fff !important;
    padding: 5px !important;
    border-radius: 5px;
    text-align: center;
}

.ajax_content_desk .flex_block div.text h3 {
    margin: 20px 0px;
}

#front_overlay_content {
    margin-top: 30px;
    margin-bottom: 30px;
    justify-content: space-around;
    font-size: 25px;
    text-align: center;
}

#front_overlay_content img {
    display: block;
}

#front_overlay_content .text {
    margin-top: 5px;
}

.message_overlay h1 {
    line-height: normal;
    font-size: 35px;
}

.message_overlay .button {
    max-width: 550px;
    margin: 0 auto;
}

#front_overlay_content.p2020 {
    margin: 0px;
}

#front_overlay_content.p2020 h1 {
    font-size: 30px;
    line-height: normal;
    color: #0088d0;
    text-align: center;
    margin-bottom: 25px;
}

#front_overlay_content.p2020 > .flex_block {
    justify-content: space-between;
    margin-bottom: 25px;
    position: relative;
}

#front_overlay_content.p2020 > .flex_block > div {
    width: 42%;
}

#front_overlay_content.p2020 .image {
    width: 100%;
}

#front_overlay_content.p2020 .text {
    text-align: left;
    font-size: 22px;
    margin: 0px;
    padding: 0px;
}

#front_overlay_content.p2020 .image img {
    width: 100%;
    height: auto;
}

#front_overlay_content.p2020 .button a {
    width: 80%;
    margin: 0 auto;
}

.fancybox-slide--iframe .fancybox-content {
    max-width: 80%;
    max-height: 80%;
    margin: 0;
    position: relative;
}

a.tv_poster {
    position: relative;
    display: block;
    height: 100%;
}

.tv_poster:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2351AF31' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolygon points='10 8 16 12 10 16 10 8'%3E%3C/polygon%3E%3C/svg%3E");
    position: absolute;
    content: " ";
    width: 100px;
    height: 100px;
    background-size: cover;
    left: 38%;
    top: 45%;
}

#pid-GV-2021 .ajax_content img {
    max-width: 100%;
}

.ajax_content_desk .flex_block > div.slick-list {
    width: 100%;
}

#block-eeprojectlist-6 > h2 {
    display: none;
}

#frontteaser {
    background-image: url("/sites/egis-energie.de/files/content/Teaser_NRDs_Projekte2021.JPG");
    background-repeat: no-repeat;
    background-size: cover;
    width: 841px;
    height: 633px;
}

.cta-box-wrapper {
    gap: 1em;
}

.cta-box-wrapper > div {
    width: 100%;
    padding: 1rem;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.bg-grey {
    background-color: #dbdbdb;
}

.system_messages_wrapper {
    margin-left: 0;
    transform: translate(-50%, 0);
}

.not-logged-in .navibutton_wrapper {
    display: none !important;
}

#user-register-form #ee-legal_1,
#user-register-form .fieldset-wrapper > p,
#edit-legal .fieldset-wrapper > p,
#user-register-form #edit-legal legend,
#fast-registry-registry .legal-terms,
#pid-legal-accept .legal-terms,
.user-form .legal-terms {
    display: none;
}

#user-register-form .form-type-email label,
#user-register-form .form-type-textfield label {
    display: block;
}

#ee_customer_data_block .form-text,
#ee_customer_data_block .form-date,
#ee_customer_data_block .form-select,
#pid-fast-registry-step2 .form-text,
#pid-fast-registry-step2 .form-date,
#pid-fast-registry-step2 .form-select {
    border: 1px solid #9b9b9b;
    padding: 4px;
    width: calc(100% - 45px);
    color: #414141;
}

body[id^="pid-user-reset"] h1 {
    margin-bottom: 50px;
}

#contractdetailsbar #stepswrapper > .step {
    background-color: #51af31;
}

#contractdetailsbar #stepswrapper > .step.open::before, #stepswrapper > .step.active::before {
    width: 97%;
    left: 6px;
    height: 42px;
}

#contractdetailsbar #stepswrapper .step.active,
#contractdetailsbar #stepswrapper .step.open,
#contractdetailsbar #stepswrapper .step.active a,
#contractdetailsbar #stepswrapper .step.open a {
    color: #51af31;
}

.platform #main #contractdetailsbar .step.active a:hover {
    text-decoration: none;
}

#contractdetailsbar #contract_identifier {
    border-bottom: 2px solid #51af31;
    color: #51af31;
}

#contractdetailsbar #stepswrapper #step3.step.active a::after {
    font: var(--fa-font-regular);
    color: #51af31;
    font-size: 24px;
    content: "\f08E";
    width: 25px;
    height: 25px;
    text-align: center;
    float: right;
    position: absolute;
    right: 30px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #51af31 !important;
    border: none;
}

#ee-bookings-table_paginate {
    display: block !important;
}

.slick-dots li button {
    border: 1px solid #51af31;
    border-radius: 50%;
}

.slick-dots li.slick-active button {
    background-color: #51af31;
    border-radius: 50%;
}

.slick-list + .slick-dots {
    display: none;
}

#ee_subscription_overview_block table.dataTable.dtr-inline > tbody > tr > td:first-child::before,
#ee_subscription_overview_block table.dataTable.dtr-inline > tbody > tr > th:first-child::before {
    font: var(--fa-font-sharp-light);
    content: "\f13a";
    background-color: transparent;
    color: #51af31;
    float: left;
    margin-left: -28px;
    font-size: 20px;
}

#ee_subscription_overview_block table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before,
#ee_subscription_overview_block table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {
    font: var(--fa-font-sharp-light);
    content: "\f139";
    background-color: transparent;
    color: #51af31;
    float: left;
    margin-left: -28px;
    font-size: 20px;
}

#ee_subscription_overview_block .ee-subscription_volume_euro,
#ee_subscription_overview_block .ee-document_flow_status,
#ee_subscription_overview_block .ee-contract_id,
#ee_subscription_overview_block .ee-member_id{
    hyphens: auto;
}
#ee_subscription_overview_block .ee-subscription_date,
#ee-subscription-result-table .money_flow_date,
#ee_subscription_overview_block .ee-subscription_volume_euro {
    min-width: 90px !important;
    max-width: 90px !important;
    width:90px;
}
#ee_portfolio_details fieldset{
    min-width: initial;
}
#page.wartung #logo{
    float:none;
}
#page.wartung main{
margin-top:50px;
}
#page.wartung main a{
    color: #89ca3d;
}
#page.wartung main h1{
    line-height: normal;
    color: #89ca3d;
    text-align: left;
    font-size: 40px;
}
#page.wartung main h2{
    margin-top:50px;
    line-height: normal;
    color: #89ca3d;
    text-align: left;
    font-size: 40px;
}