/*########################### bea css ######################*/
/* Variables */
:root {
--white: #fff;
--black: #000;
--primary: #f58220;
--text-color: #333333;
--header-space: 0;
--header-height: 206px;
--font: Arial, Helvetica, sans-serif;
}
html,
body,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
}
#page * {
/*border:1px solid red;*/
}
html,
body {
height: 100%;
width: 100%;
}
body {
font-family: var(--font);
font-size: 14px;
line-height: 1.42857143;
color: #333333;
background-color: var(--white);
}
a,
a:visited {
color: var(--primary);
}
ul {
padding-left: 15px;
margin-bottom: 20px;
}
.page {
background-color: var(--white);
}
.anker {
height: 0px;
font-size: 0px;
line-height: 0px;
}
#header_top {
background-color: var(--black);
}
.header-top-inner > div.logo_wrapper {
display: flex;
align-items: flex-end;
min-width: 165px;
}
#logo img {
width: 165px;
}
div.logo_wrapper > div:last-child {
margin-left: 30px;
}
div.logo_wrapper > div:last-child img {
}
.eueco_logo_top {
margin-right: 2rem !important;
}
#site_slogan {
float: left;
padding-top: 10px;
padding-left: 25px;
}
#site_slogan a {
font-size: 72px;
color: var(--white);
line-height: 65px;
}
#site_slogan a strong {
font-weight: 900;
}
.navibutton_wrapper {
display: none;
margin-left: 2rem;
}
.menu_trigger {
font-size: 28px;
display: none;
}
.navibutton_wrapper.fixed {
position: fixed;
right: 10px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.55);
box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.55);
padding: 8px;
background-color: #f29400;
z-index: 999;
}
.navibutton_wrapper.fixed a {
color: var(--black);
}
.block-scrolltop img {
width: 45px;
height: 45px;
border-radius: 50%;
-webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.75);
z-index: 10000;
}
#scrolltop {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.region-content-bottom {
background-color: var(--white);
margin-top: 40px;
}
a {
text-decoration: none;
-webkit-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/******* div table ************/
.divtable {
}
.divtable .divrow {
display: flex;
justify-content: space-between;
}
.divtable .divrow > div {
padding: 5px;
}
.divtable .divrow.none > div {
border: none !important;
font-weight: 700;
}
.divtable .divrow > div.spacer {
margin: 0px 1%;
display: flex;
padding: 1% 0px;
}
.divtable .divrow > div.spacer > div {
background-color: #cecdcc;
width: 1.5px;
}
.lh_normal {
line-height: normal !important;
}
#main {
}
#main-content {
margin-bottom: 75px;
}
body a,
body a:link,
body a:visited {
text-decoration: underline;
color: #202020;
}
body a,
body a:hover {
color: var(--primary);
}
h1, h2, h3, h4 {
font-weight: bold;
}
h1.title,
.page h1,
h2,
h3 {
text-transform: none;
font-size: 2rem;
line-height: 2.222rem;
letter-spacing: -0.00275rem;
}
h2 {
font-size: 26px;
text-transform: uppercase;
color: var(--primary);
text-align: center;
}
#pid-datenschutz h2 {
text-align: left;
color: var(--black);
}
#pid-technik h2 {
margin-bottom: 20px;
}
.front #main .content_block_1 {
margin-top: 0;
}
#ee_subscription_block > h2 {
font-size: 33px;
}
h2.center,
h1.title {
text-align: center;
}
h1.title {
margin: 0 auto;
margin-top: 3.7rem;
margin-bottom: 0px;
}
.subtitle {
text-align: center;
font-size: 1.5rem;
margin-top: 5px;
}
.headline h1 {
font-size: 2rem;
}
h3 {
font-size: 1.333rem;
line-height: 1.556rem;
letter-spacing: -0.00275rem;
}
h3.center {
text-align: center;
}
h3.a_right {
text-align: center;
}
h3.blue {
color: var(--primary);
font-size: 1rem;
line-height: 1.333rem;
margin-bottom: 0px;
}
a.investieren_button.fullwidth {
width: 100%;
margin-top: 15px;
}
#footer .block h2 {
display: block;
color: var(--primary);
text-decoration: none;
line-height: 2.333rem;
border-bottom: none;
padding-bottom: 0.1111rem;
margin-bottom: 0;
font-weight: 200;
white-space: nowrap;
text-align: left;
}
#footer .vermittler_hinweis h2 {
white-space: normal;
line-height: normal;
margin-bottom: 15px;
}
.testimonials_content_wrapper {
text-align: center;
margin-bottom: 50px;
}
.page-blog #main-inner h2.title a {
text-decoration: none;
}
#main-inner p {
margin-top: 1rem;
margin-bottom: 1rem;
}
/* Header Regions
-------------------------------------------------------------- */
/* Header Top region to the bottom of Header region */
.toolbar-fixed.toolbar-tray-open {
--header-space: 29px;
}
.toolbar-fixed {
--header-space: 40px;
}
.toolbar-fixed.toolbar-horizontal.toolbar-tray-open {
--header-space: 79px;
}
header {
display: block;
clear: both;
}
/*#header_top{
position: absolute;
clear:both;
width: 100%;
}*/
.header_slogan {
}
.header-group-wrapper {
display: block;
clear: both;
background: transparent;
/*border-top:1px solid #007AC0;*/
}
.headerbild_image {
width: 100%;
height: 500px;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.region-header .header-inner {
position: relative;
}
.header_slogan {
width: 70%;
margin-left: auto;
margin-right: auto;
}
.header_slogan .flex_block {
position: absolute;
margin-top: 250px;
text-transform: uppercase;
color: var(--primary);
font-size: 1.5rem;
}
#page .header_slogan .flex_block {
align-items: center;
/*background-color: rgba(255,255,255,0.7);*/
padding: 5px 35px 5px 15px;
}
#page .header_slogan .flex_block > div {
width: auto;
}
#page .header_slogan .flex_block > div.image {
margin-right: 15px;
}
#page .header_slogan .flex_block .image img {
display: block;
width: 80px !important;
height: auto !important;
}
.headertext_wrapper > div {
font-family: "GreenCityReplica-Crazy";
text-transform: uppercase;
font-size: 4.5rem;
line-height: 3.889rem;
}
.headertext_wrapper > div.subtext {
text-transform: none;
font-size: 2.4rem;
line-height: 2rem;
}
.header_button {
position: absolute;
margin-top: 0px;
width: 100%;
}
.header_button .content {
width: 95%;
}
.header_button .content > div {
float: right;
color: var(--white);
height: 220px;
width: 220px;
background-color: var(--primary);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.header_button .content > div a {
color: var(--white);
font-size: 30px;
text-align: center;
text-transform: uppercase;
}
/******************* slideshow ***************************/
#views_slideshow_cycle_main_eueco7_slideshow-slideshow_header,
#views_slideshow_cycle_teaser_section_eueco7_slideshow-slideshow_header,
#views_slideshow_cycle_main_eueco7_slideshow-slideshow_content,
#views_slideshow_cycle_teaser_section_eueco7_slideshow-slideshow_content,
.views-slideshow-cycle-main-frame-row,
.views-slideshow-cycle-main-frame views_slideshow_cycle_teaser_section,
.slideshow_header,
.slideshow_row {
width: 100% !important;
}
.slideshow_image {
width: 100%;
height: 780px;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.slideshow_content {
align-self: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.slogan_title,
.slogan_content {
font-family: "Open Sans", sans-serif;
text-transform: uppercase;
font-size: 18px;
line-height: normal;
}
.slideshow-header .slogan_title {
font-size: 60px;
font-weight: 600;
}
.slideshow-header .slogan_title:after {
font-family: var(--font);
content: "______";
font-size: 18px;
display: block;
text-align: center;
}
.slogan_title {
color: var(--white);
}
.slogan_content {
text-align: center;
color: var(--white);
}
.slogan_content p {
margin: 0px;
}
.slide_text,
.slide_text p,
.slide_link {
margin-top: 30px;
margin-bottom: 0px;
}
.slide_text {
width: 100%;
margin-top: 0px;
color: var(--white);
display: flex;
flex-direction: column;
justify-content: center;
}
.slide_text ul {
align-self: center;
}
.slide_text p {
align-self: center;
text-align: center;
}
input.button-primary,
.slide_link {
display: flex;
justify-content: center;
}
ul.check {
list-style: none;
margin-left: 0px;
margin-bottom: 20px;
align-self: center;
display: block;
margin: 0 auto;
margin-top: 20px;
line-height: 30px;
padding-left: 0px;
}
ul.no_check {
list-style: square;
padding-left: 18px;
}
ul.check li {
margin-left: 40px;
}
ul.check li::before {
content: "→";
font-family: "GreenCity Iconica";
font-weight: normal;
font-style: normal;
color: var(--primary);
font-size: 1.3333rem;
position: absolute;
text-align: center;
margin-left: -40px;
}
body .slide_link a {
color: var(--white);
display: block;
border-radius: 3px;
text-align: center;
width: 160px;
height: 40px;
line-height: 40px;
border: 1px solid var(--white);
}
.slide_link a:last-child {
background-color: var(--primary);
margin-left: 20px;
border: 1px solid var(--primary);
}
body .slide_link a:hover {
background-color: var(--primary);
border: 1px solid var(--primary);
}
.header-inner .slide_link a:last-child:hover {
background: none;
border: 1px solid var(--white);
}
#views_slideshow_controls_text_next_eueco7_slideshow-slideshow_header,
#views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_header,
#views_slideshow_controls_text_next_eueco7_slideshow-slideshow_content,
#views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_content,
#views_slideshow_controls_text_next_eueco7_slideshow-block_1,
#views_slideshow_controls_text_previous_eueco7_slideshow-block_1 {
margin-top: 370px;
position: absolute;
z-index: 899;
color: var(--white);
}
#views_slideshow_controls_text_next_eueco7_slideshow-slideshow_header a,
#views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_header a,
#views_slideshow_controls_text_next_eueco7_slideshow-slideshow_content a,
#views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_content a,
#views_slideshow_controls_text_next_eueco7_slideshow-block_1 a,
#views_slideshow_controls_text_previous_eueco7_slideshow-block_1 a {
color: var(--white);
font-size: 60px;
/*text-shadow: 2px 0px 3px rgba(150, 150, 150, 0.5);*/
}
#views_slideshow_controls_text_next_eueco7_slideshow-block_1,
#views_slideshow_controls_text_next_eueco7_slideshow-slideshow_header,
#views_slideshow_controls_text_next_eueco7_slideshow-slideshow_content {
right: 0px;
padding: 15px 15px 15px 19px;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
}
#views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_header,
#views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_content,
#views_slideshow_controls_text_previous_eueco7_slideshow-block_1 {
left: 0px;
padding: 15px 19px 15px 15px;
border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
background-color: rgba(0, 0, 0, 0.4);
}
#views_slideshow_controls_text_next_eueco7_slideshow-slideshow_header a span,
#views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_header
a
span {
font-size: 70px;
}
.views-slideshow-controls-bottom {
position: absolute;
margin-top: -300px;
width: 1200px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
z-index: 100;
}
.views-slideshow-pager-fields {
float: right;
}
.views-slideshow-pager-field-item {
width: 34px;
height: 34px;
border-radius: 10px;
margin-bottom: 15px;
font-size: 0px;
line-height: normal;
background-color: rgba(255, 255, 255, 0.33);
cursor: pointer;
}
.views-slideshow-pager-fields .active {
background-color: rgba(255, 255, 255, 1);
}
/*****************news slider********************/
.view-display-id-slideshow_news .slick_slider .content-slide {
/*max-width:370px;*/
/*display: block;*/
margin-bottom: 35px;
}
.view-display-id-slideshow_news .slick_slider .slick_inner_wrapper {
display: block;
max-width: 370px;
background-color: var(--white);
border-radius: 5px;
margin-left: auto;
margin-right: auto;
}
.view-display-id-slideshow_testimonials .slick_slider .slick_inner_wrapper {
display: block;
max-width: 550px;
margin-left: auto;
margin-right: auto;
}
.view-display-id-slideshow_news .content-slide .slider_image {
max-width: 370px;
}
#page .flex_block.slick_slider {
display: block;
}
.slick_slider .content-slide .content_wrapper {
display: flex;
justify-content: space-between;
padding: 20px 25px;
}
.view-display-id-slideshow_news .slick_slider .content-slide .content_wrapper {
min-height: 240px;
max-width: 370px;
}
.view-display-id-slideshow_news .content-slide .text_wrapper {
display: flex;
flex-direction: column;
justify-content: space-around;
}
.view-display-id-slideshow_news .content-slide .text_wrapper .slide_content {
flex-grow: 1;
}
.view-display-id-slideshow_news .content-slide .text_wrapper .slide_link {
margin: 0px;
display: block;
margin-left: 20px;
}
.slick_slider .content-slide.testimonial .content_wrapper {
padding: 0px 0px;
}
.slick_slider .content-slide .date_wrapper .date {
text-align: center;
}
.slick_slider .content-slide .text_wrapper {
width: 270px;
}
.slick_slider .content-slide.testimonial .image_wrapper {
width: 145px;
}
.slick_slider .content-slide.testimonial .slider_image {
margin-bottom: 15px;
}
.slick_slider .content-slide.testimonial .slider_image img {
display: block;
}
.slick_slider .content-slide.testimonial .text_wrapper {
font-family: "Source Sans Pro", sans-serif;
width: 420px;
height: 205px;
background-color: #f4f4f4;
padding: 25px;
border-radius: 8px;
}
.slick_slider .content-slide.testimonial .text_wrapper:before {
content: " ";
position: absolute;
border-style: solid;
border-width: 15px 12px 15px 0;
border-color: transparent #f4f4f4;
display: block;
width: 0;
z-index: 1;
margin-left: -35px;
margin-top: 15px;
}
.slick_slider .content-slide.testimonial .slogan_title {
font-weight: 700;
font-size: 16px;
}
.slick_slider .content-slide.testimonial .slogan_title:after {
content: "";
margin: 0px;
}
.slick_slider .content-slide.testimonial .slogan_content {
color: #595959;
font-size: 12px;
text-transform: none;
text-align: left;
}
.slick_slider .content-slide .slider_image img {
border-radius: 5px 5px 0px 0px;
}
.slick_slider .content-slide .date div:first-child {
background-color: var(--primary);
color: var(--white);
border-radius: 3px 3px 0px 0px;
font-size: 16px;
padding: 5px 5px;
}
.slick_slider .content-slide .date div:last-child {
border: 1px solid #e6e6e6;
color: #595959;
border-radius: 0px 0px 3px 3px;
font-size: 12px;
padding: 5px 5px;
}
.slick_slider .slogan_title {
color: #595959;
font-size: 18px;
text-transform: none;
line-height: 16px;
margin: 0px;
}
.slick_slider .slogan_title:after {
content: "____";
display: block;
color: #e6e6e6;
font-size: 16px;
margin-top: 0px;
margin-bottom: 13px;
}
.slick_slider .slide_content {
color: #7e888c;
font-size: 16px;
line-height: 20px;
}
.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/berlinerstadtwerke.de/themes/eueco_site/images/berlin/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/berlinerstadtwerke.de/themes/eueco_site/images/berlin/slick_active.png");
}
.view-display-id-slideshow_testimonials .slick-dots li button::before {
background-image: url("/sites/berlinerstadtwerke.de/themes/eueco_site/images/berlin/slick_gray.png");
}
.view-display-id-slideshow_testimonials
.slick-dots
li.slick-active
button::before {
background-image: url("/sites/berlinerstadtwerke.de/themes/eueco_site/images/berlin/slick_gray_active.png");
}
.view-display-id-slideshow_testimonials .slick-slider .slick-track {
margin-bottom: 20px;
}
.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
++++++++++++++++++++++ */
.ui-accordion {
width: 100%;
}
.ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
margin-top: 1px;
zoom: 1;
}
.ui-accordion .ui-accordion-li-fix {
display: inline;
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
display: block;
font-size: 1em;
padding: 0.5em 0.5em 0.5em 0.7em;
}
.ui-accordion-icons .ui-accordion-header a {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
left: 0.5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
margin-top: -2px;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: auto;
display: none;
zoom: 1;
}
.ui-accordion .ui-accordion-content-active {
display: block;
}
.ui-state-default .ui-icon {
background-image: none;
}
.accordion {
margin-top: 0px;
padding-bottom: 0px;
border: none;
}
.accordion h3.ui-accordion-header {
display: table;
width: 100%;
font-size: 15px;
font-weight: 400;
background-image: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 8px;
margin: 0px 0px -2px 0px;
cursor: pointer;
line-height: 23px;
border-radius: 0px;
}
.accordion h3.ui-accordion-header span {
display: table-cell;
}
.accordion h3.ui-accordion-header span:first-child {
width: 40px;
text-align: right !important;
padding-right: 10px;
}
.accordion .ui-accordion-content,
.accordion .ui-widget-content {
background: none !important;
font-family: Verdana, Arial, sans-serif;
display: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 20px 10px 20px;
border: none;
font-size: 16px;
line-height: 20px;
line-height: 20px;
margin-top: 0px;
margin-bottom: 0px;
height: auto !important;
overflow: visible !important;
border-radius: 0px;
background-color: var(--white) !important;
}
#main-inner .accordion .ui-accordion-content p {
margin-top: 0rem;
margin-bottom: 1rem;
}
.ui-accordion .ui-accordion-header-active {
border: none !important;
}
.accordion {
margin-top: 0px;
padding-bottom: 0px;
border: none;
}
.accordion h3.ui-accordion-header {
font-size: 16px;
font-weight: 700;
border: none;
background: none;
padding-left: 30px;
margin-bottom: 25px;
background-color: #f6f6f6;
border: 1px solid #f6f6f6 !important;
color: var(--primary);
}
.accordion h3.ui-state-default {
}
.accordion h3.ui-accordion-header:hover,
.accordion h3.ui-state-active {
background-color: var(--primary);
border: 1px solid var(--primary) !important;
color: var(--white);
}
.accordion h3.ui-state-default:hover::before {
color: var(--white);
}
.accordion h3.ui-accordion-header-active {
margin-bottom: 0px;
border-radius: 0px;
}
.accordion h3.ui-state-default::before {
display: table-cell;
font-family: "Font Awesome 5 Free";
content: "\f067";
color: var(--primary);
width: 19px;
height: 19px;
font-size: 20px;
display: inline-block;
width: 19px;
height: 19px;
line-height: 1.3;
position: absolute;
right: 15px;
top: 50%;
text-align: center;
margin-top: -10px;
font-weight: 600;
}
.accordion h3.ui-accordion-header-active::before {
display: table-cell;
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f068";
line-height: 1.3;
font-size: 20px;
color: var(--white);
}
footer {
background-color: var(--black);
color: var(--white);
}
#footer_bg img {
width: 100%;
height: auto;
}
footer .block p {
text-transform: none;
}
footer .block a {
color: var(--white);
text-decoration: none;
font-size: 16px;
}
.social-share {
padding-top: 20px;
margin-bottom: 35px;
margin-left: 15px;
}
.region-sidebar-second .block {
margin-bottom: 20px;
}
.region-sidebar-second .content p {
margin: 0px;
}
.region-sidebar-second .content {
color: #8b9396;
background-color: var(--white);
border: 1px solid #f1f1f1;
width: 208px;
font-size: 11px;
line-height: 1.5;
padding: 20px 10px;
}
.newsletter-sidebar a,
.newsletter-sidebar a:link {
text-decoration: none;
color: #008cba;
}
.addtoany_list {
width: 43%;
}
.addtoany_list ul {
display: flex;
justify-content: space-between;
padding-left: 0px;
list-style: none;
}
.addtoany_list ul li {
width: 14.3%;
}
.social-media-links__item {
text-align: center;
}
.social-media-link {
display: block;
height: 26px;
background-position: center center;
width: 100%;
background-repeat: no-repeat;
}
.social-media-link--facebook {
background-image: url(../images/greencity/social_media_facebook_white.png);
background-size: 14px 26px;
}
.social-media-link--twitter {
background-image: url(../images/greencity/social_media_twitter_white.png);
background-size: 32px 26px;
}
.social-media-link--youtube {
background-image: url(../images/greencity/social_media_youtube_white.png);
background-size: 37px 26px;
}
.social-media-link--xing {
background-image: url(../images/greencity/social_media_xing_white.png);
background-size: 23px 26px;
}
.social-media-link--linkedin {
background-image: url(../images/greencity/social_media_linked_white.png);
background-size: 27px 26px;
}
.social-media-link--googleplus {
background-image: url(../images/greencity/social_media_google_white.png);
background-size: 40px 26px;
}
.social-media-link--tumblr {
background-image: url(../images/greencity/social_media_tumblr_white.png);
background-size: 17px 26px;
}
.fa-file-pdf-o::before {
margin-left: -15px;
position: absolute;
display: inline-block;
}
footer ul.menu {
margin: 0px;
padding: 0px 0px 0px 0px;
float: none;
}
footer ul.menu li {
margin: 0px;
padding: 0px;
float: none;
list-style: outside none none;
text-align: left;
line-height: normal;
}
footer ul.menu li.last a {
margin: 0px;
padding: 0px;
}
footer ul.menu li a {
font-size: 16px;
line-height: 150%;
}
#footer-message {
display: block;
padding-top: 0px;
}
.st-copyright {
padding-right: 0px;
}
body .st-copyright a {
text-decoration: none;
}
#sliding-popup {
background-color: var(--black);
}
/*########################### Menu top ######################*/
#primary_menu_wrapper {
line-height: normal;
background-color: var(--primary);
}
#primary_menu_wrapper > #primary-menu {
display: flex;
margin-left: auto;
margin-right: auto;
align-items: center;
width: 1140px;
height: 50px;
}
#block-superfish-1,
#block-superfish-2,
.not-logged-in #superfish-menu-front-end-menu {
flex-grow: 1;
}
.primary-menu-fixed #primary_menu_wrapper > div {
margin-top: 20px;
}
.primary-menu-inner {
}
.primary-menu-inner > ul.menu {
list-style-type: none;
float: left;
}
.primary-menu-inner > ul.menu > li {
width: auto;
}
#primary-menu ul li a,
.primary-menu-inner ul li a {
color: var(--white) !important;
padding: 0px 15px !important;
box-sizing: border-box !important;
background-color: var(--primary);
transition: none;
text-transform: uppercase;
}
#primary-menu ul li.sfHover a,
#primary-menu ul li a:hover {
background-color: var(--black);
}
#primary-menu ul li ul li a:hover {
background-color: var(--white);
color: var(--black) !important;
}
.primary-menu-inner > ul.menu > li a {
font-size: 22px;
background: none;
padding-left: 10px;
padding-right: 10px;
transition: none;
}
#superfish-3 > li.first a {
/*padding-left: 0px !important;*/
}
.primary-menu-inner > ul.menu > li > a {
line-height: 50px !important;
height: auto !important;
}
.primary-menu-inner ul li a:hover {
color: var(--white);
background: none;
}
.primary-menu-inner > ul.menu > li.last {
margin-right: 0px;
}
.primary-menu-inner > ul.menu > li > ul {
background-color: var(--black);
z-index: 10000;
padding-bottom: 20px;
}
.primary-menu-inner > ul > li.first {
border-left: none;
}
.primary-menu-inner ul.sf-menu a {
text-transform: none;
}
.primary-menu-inner ul li a {
font-weight: normal;
}
.primary-menu-inner > ul.menu li ul li a {
color: var(--white);
font-size: 15px;
line-height: 28px;
white-space: nowrap;
}
.primary-menu-inner > ul.menu li ul li {
border-bottom: none;
}
.primary-menu-inner > ul.menu li ul li.last {
}
.primary-menu-inner > ul.menu li ul li.first a {
padding-top: 0px;
}
#primary-menu ul li ul li a {
border: none;
line-height: 30px;
}
.primary-menu-inner > ul.menu > li > ul > li.last:after {
}
.primary-menu-inner 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 0px 0px;
}
.not-front .primary-menu-inner > ul > li.active-trail > a,
.primary-menu-inner > ul > li.active-trail li.active-trail a.active,
.not-front .primary-menu-inner > ul > li a.active,
.primary-menu-inner > ul > li:hover > a,
.primary-menu-inner > ul.menu > li li:hover a {
background: none;
color: var(--white) !important;
transition: none;
}
.primary-menu-inner li.active-trail {
background: none;
}
.primary-menu-inner > ul.menu li ul.menu li.active-trail ul li a.active {
}
.primary-menu-inner > ul.menu li ul a:hover {
color: var(--white);
background: none;
}
.primary-menu-inner > ul.menu li ul li.active-trail a,
.primary-menu-inner > ul.menu li ul li a.active {
background: none;
color: var(--white);
}
.primary-menu-fixed {
position: fixed;
top: 0px;
z-index: 998;
width: 100%;
}
#primary_menu_wrapper {
display: block;
clear: both;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#primary_menu_wrapper.small {
height: 0px;
transition: height 0.4s ease-in-out;
}
#primary_menu_wrapper.fixed.small {
height: 1.667rem;
width: 100%;
transition: height 0.4s ease-in-out;
-webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.36);
-moz-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.36);
box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.36);
}
#primary_menu_wrapper.fixed.small #primary-menu {
margin-top: 0px;
transition: margin-top 0.4s ease-in-out;
}
#primary_menu_wrapper.small.slideup {
overflow: hidden;
height: 0px;
transition: height 0.4s ease-in-out;
}
#primary_menu_wrapper.small.slideup #primary-menu {
margin-top: -1.667rem;
transition: margin-top 0.4s ease-in-out;
}
.admin-menu #mm-0 #primary_menu_wrapper.slideup {
height: 0px;
transition: none;
}
.admin-menu #mm-0 #primary_menu_wrapper.fixed {
top: 0px;
height: 50px;
width: 100%;
transition: none;
}
.admin-menu #mm-0 #primary_menu_wrapper.slideup #primary-menu {
margin-top: 0px;
visibility: hidden !important;
transition: none;
}
.admin-menu #mm-0 #primary_menu_wrapper.fixed #primary-menu {
visibility: visible !important;
transition: none;
}
#primary_menu_wrapper.fixed {
position: fixed;
z-index: 10;
top: var(--header-space);
width: 100%;
}
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;
}
.login_out_block .field-item-content a div,
.login_out_block .field-item-content a {
display: flex;
align-items: center;
}
#registrieren-anker {
margin-bottom: 80px;
}
header .login_out_block {
align-self: center;
}
.button-registrieren {
margin-left: 795px;
width: 162px;
}
.login_out_block .ui-button-right {
display: none;
}
.logged-in .button-registrieren {
display: none;
}
header .anmelden_toggle,
header .abmelden_toggle {
display: inline-block;
font-size: 22px;
font-weight: normal;
color: var(--white) !important;
text-decoration: none !important;
padding-left: 15px;
text-transform: uppercase;
}
header .anmelden_toggle > div,
header .abmelden_toggle > div {
display: inline-block;
padding-left: 15px;
line-height: 50px;
}
header .anmelden_toggle div::before,
header .abmelden_toggle div::before {
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f007";
font-size: 35px;
color: var(--white);
}
header .anmelden_toggle div::after,
header .abmelden_toggle div::after {
position: absolute;
content: "-";
text-align: center;
font-weight: 700;
color: var(--primary);
height: 15px;
width: 15px;
text-align: center;
line-height: 15px;
border: 1px solid var(--primary);
background-color: var(--white);
border-radius: 50%;
margin-top: 28px;
margin-left: -5px;
}
header .anmelden_toggle div::after {
content: "+";
line-height: 12px;
}
.fixed .anmelden_toggle,
.fixed .abmelden_toggle {
color: var(--white) !important;
text-decoration: none !important;
font-size: 22px;
}
.login_out_block a.ui-button-ref:hover {
margin-top: 0px;
-webkit-transition: margin-top 100ms linear;
-moz-transition: margin-top 100ms linear;
-o-transition: margin-top 100ms linear;
-ms-transition: margin-top 100ms linear;
transition: margin-top 100ms linear;
}
/* Buttons
------------------------------*/
.webform-client-form textarea {
border: 1px solid #cccccc;
color: rgba(0, 0, 0, 0.75);
font-family: var(--font);
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: var(--white);
float: left;
padding: 10px 16px;
text-align: center;
width: 140px;
}
#simplenews-confirm-add-form .container-inline a:hover {
text-decoration: none;
}
/****************Der Weg CEPP*****************************/
#frame_der_weg .picture-wrapper {
width: 650px;
height: 200px;
}
#frame_der_weg #der_weg_1 .picture-wrapper {
background: url("/sites/all/cepp/fotos/SoGehts1.png") no-repeat scroll 0 0 /
100% auto;
}
#frame_der_weg #der_weg_2 .picture-wrapper {
background: url("/sites/all/cepp/fotos/SoGehts2.png") no-repeat scroll 0 0 /
100% auto;
}
#frame_der_weg #der_weg_3 .picture-wrapper {
background: url("/sites/all/cepp/fotos/SoGehts3.png") no-repeat scroll 0 0 /
100% auto;
}
#frame_der_weg #der_weg_1 {
position: absolute;
}
#frame_der_weg #der_weg_2,
#frame_der_weg #der_weg_3 {
display: none;
position: absolute;
}
#frame_der_weg .titel {
font-size: 16px;
font-weight: bold;
}
#frame_der_weg {
background-color: #eeeeee;
padding: 25px;
height: 405px;
width: 700px;
}
#frame_der_weg .content-wrapper {
width: 650px;
}
#frame_der_weg .picture_button {
position: absolute;
width: 100px;
height: 90px;
z-index: 1000;
cursor: pointer;
}
#frame_der_weg #der_weg_1_button {
margin-top: 140px;
}
#frame_der_weg #der_weg_2_button {
margin-left: 275px;
margin-top: 65px;
}
#frame_der_weg #der_weg_3_button {
margin-left: 550px;
margin-top: 140px;
}
#pid-so-funktionierts #button-area {
text-align: center;
}
#pid-so-funktionierts #button-area img {
cursor: pointer;
}
#pid-so-funktionierts #button-area .button {
float: left;
padding: 10px 0px 0px;
}
#pid-so-funktionierts #button-area #go_left {
margin-left: 299px;
}
#node-title-70 h1 {
margin-bottom: 0;
}
.page-newsletter-confirm #main #edit-cancel,
body form input.form-submit,
body input.form-submit,
body input.small-submit {
display: inline-block;
vertical-align: middle;
cursor: pointer;
font-size: 22px;
text-align: center;
line-height: 2rem;
padding: 0 2rem;
text-decoration: none;
background-color: var(--primary);
color: var(--white) !important;
border: 0.1111rem solid var(--primary);
text-decoration: none !important;
text-decoration: none;
width: auto;
z-index: 3;
border-radius: 0 10px 0 0;
}
body .adminpage form input.form-submit,
body .adminpage input.form-submit,
body .adminpage input.small-submit {
font-size: 1rem;
text-align: center;
line-height: 1.7rem;
padding: 0 1rem;
border-radius: 0 10px 0 0;
width: auto;
z-index: 3;
}
.page-newsletter-confirm #main #edit-cancel:hover,
body form input.form-submit:hover,
body input.form-submit:hover,
body input.small-submit:hover {
background-color: #e17120;
color: var(--white) !important;
border: 0.1111rem solid var(--primary);
}
body .adminpage #edit-actions input.form-submit {
margin-right: 5px;
}
body input.small-submit {
line-height: 26px;
min-width: 0px;
}
body form input.form-submit:hover,
body input.form-submit:hover,
body input.small-submit:hover {
cursor: pointer;
}
#pid-user-password .form-item label {
font-weight: normal;
}
#progress {
position: fixed;
text-align: center;
top: 300px;
visibility: hidden;
width: 100%;
z-index: 10000;
}
body .ui-dialog {
border: 0;
border-radius: 0;
padding: 0;
}
body .ui-dialog-content {
height: auto !important;
}
body .ui-widget {
font-size: inherit;
}
body .ui-dialog .ui-dialog-titlebar-close {
background: rgba(0, 0, 0, 0) url("../images/eueco/icons/icon_close.gif")
no-repeat scroll 0 0;
border: medium none;
}
body .ui-dialog .ui-dialog-titlebar-close:hover {
background: rgba(0, 0, 0, 0)
url("../images/eueco/icons/icon_close_hover.gif") no-repeat scroll 0 0;
}
body .ui-dialog-titlebar {
background: #007ac0 none repeat-x scroll 0 center;
border: medium none;
border-radius: 0;
font-size: 14px;
}
.ui-dialog-overlay {
background: none repeat scroll 0 0 var(--black);
opacity: 0.8;
}
.ui-dialog-title {
color: var(--white);
font-weight: bold;
}
.ui-dialog .ui-dialog-buttonpane button {
background: none;
border: none;
background-color: #007ac0;
color: var(--white);
}
#modal-upload-wrapper {
margin-bottom: 10px;
}
#page .flex_block {
display: flex;
justify-content: space-between;
}
#page .flex_block.column {
flex-direction: column;
}
#page .flex_block > div {
width: 50%;
}
.faq .flex_block.two > div:first-child,
.newsletter .flex_block.two > div:first-child,
.contact .flex_block.two > div:first-child {
width: 80% !important;
padding-top: 35px;
}
.faq .flex_block.two > div:last-child,
.newsletter .flex_block.two > div:last-child,
.contact .flex_block.two > div:last-child {
width: 200px !important;
max-width: 20% !important;
}
#page .flex_block.column > div {
width: 100%;
}
#page .flex_block.two > div {
}
#page .flex_block.three > div {
width: 31%;
}
#page .flex_block > .text {
width: 48%;
}
#page .flex_block > .text p {
margin-top: 0;
}
#page .flex_block.projekt > .flex_block {
width: 48%;
}
#page .flex_block.projekt > .flex_block .image {
margin-bottom: 35px;
min-height: 190px;
}
#page .flex_block.projekt > .flex_block:first-child .image img {
max-width: 214px;
display: block;
margin: 0 auto;
}
#page .flex_block.projekt > .flex_block:last-child .image {
display: flex;
flex-direction: column;
justify-content: center;
}
body .flex_block.projekt a.button.green {
width: 100%;
margin-top: 20px;
}
#page .flex_block > .image {
width: 48%;
}
#page .flex_block.projekt > .image {
/*width:48%;*/
}
#page .flex_block > div img {
width: 100% !important;
height: auto !important;
display: block;
}
#page .flex_block.slick-initialized {
/*display: block;*/
}
#page .flex_block.wrap {
flex-wrap: wrap;
}
#main .field-item-content > .flex_block > .text {
}
.flex_block .text .teaserHeadline {
font-size: 35px;
margin-bottom: 35px;
margin-top: 15px;
line-height: normal;
}
.flex_block .text .teaserHeadline {
font-size: 35px;
margin-bottom: 35px;
margin-top: 15px;
line-height: normal;
}
.flex_block .teaserHeadline {
text-transform: uppercase;
}
.flex_block.columns {
flex-direction: row;
justify-content: space-between;
}
#page .flex_block.inestieren_hinweis > .text:first-child {
width: 40%;
/*padding-right:30px;*/
}
#page .flex_block.inestieren_hinweis > .text:last-child {
width: 55%;
}
#page .flex_block.inestieren_hinweis > .text:last-child .button {
width: 100%;
}
a.more_link {
display: table-cell;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
}
body a.download {
display: block;
text-transform: none;
margin-left: 20px;
}
a.more_link:before {
display: inline-block;
font-family: "Font Awesome 5 Free";
content: "\f067";
font-weight: bold;
font-size: 13px;
padding-right: 5px;
margin-top: -4px;
vertical-align: middle;
}
a.download:before {
content: "→";
font-family: "GreenCity Iconica";
font-weight: normal;
font-style: normal;
color: var(--primary);
font-size: 1rem;
position: absolute;
text-align: center;
margin-left: -25px;
transform: rotate(90deg) scale(0.8, 1);
margin-top: 3px;
}
#main .field-name-body .field-item {
margin-bottom: 3.7rem;
}
.front #main .field-item-content.full .full,
#main-inner .field-item-content.full p {
font-size: 0.7222rem;
line-height: 1rem;
letter-spacing: 0.00275rem;
font-weight: normal;
}
.field-item.gray .field-item-content {
background-color: #f6f6f6;
padding: 0 20px;
}
.field-item.green {
background: #edf6eb;
}
.flex_block.testimonial .text {
font-size: 35px;
color: #79a9d6;
line-height: normal;
}
.flex_block.testimonial .text div {
font-weight: 700;
font-size: 18px;
color: var(--black);
text-transform: uppercase;
}
.flex_block.testimonial .text div span {
font-weight: 100;
text-transform: none;
}
.flex_block.testimonial .image img {
border-radius: 20%;
}
#block-block-176 {
background-color: #f6f6f6;
padding: 2rem 0;
}
#block-block-176 {
margin-top: 50px;
}
#block-block-176 .content {
width: 63%;
margin-left: auto;
margin-right: auto;
}
.flex_block.kontakt {
}
#page .flex_block.kontakt {
align-items: center;
flex-direction: column;
justify-content: space-between;
margin-top: 1rem;
margin-bottom: 1rem;
}
#page .flex_block.kontakt .flex_block {
width: 100%;
}
#page .flex_block.kontakt .flex_block > div:first-child {
}
#page .flex_block.kontakt .flex_block > div:last-child {
width: auto;
align-self: flex-end;
min-width: 374px;
}
#page .flex_block.kontakt .flex_block div:before {
color: var(--primary);
margin-right: 10px;
}
#page .flex_block.kontakt .flex_block .email:before {
font-family: "Font Awesome 5 Free";
content: "\f0e0";
font-weight: bold;
}
#page .flex_block.kontakt .flex_block .formular:before {
font-family: "Font Awesome 5 Free";
content: "\f040";
font-weight: bold;
}
#page .flex_block.kontakt .flex_block .telefon:before {
font-family: "Font Awesome 5 Free";
content: "\f095";
font-weight: bold;
}
#page .flex_block.konditionen,
#page .flex_block.konditionen a.download {
margin-top: 1rem;
}
#page .flex_block.konditionen > div {
width: 48%;
}
#page .flex_block.konditionen a.download:first-child {
margin-top: 0px;
}
#page .flex_block.kontakt .image {
width: 45%;
margin-right: 6%;
}
.flex_block.kontakt .image img {
display: block;
}
#page .flex_block.kontakt .text {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 50%;
width: 30%;
font-size: 1rem;
line-height: 1.333rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
.flex_block.kontakt .text div {
font-size: 24px;
font-weight: 700;
color: var(--white);
line-height: 50px;
margin-top: 50px;
font-family: var(--font);
}
.flex_block.kontakt .text div img {
margin-right: 10px;
margin-bottom: -7px;
}
.flex_block.kontakt .text div a img {
margin-bottom: -2px;
}
.flex_block.kontakt .text div.email a {
color: var(--white);
text-transform: none;
}
.flex_block.newsletter .text {
color: #79a9d6;
text-transform: uppercase;
margin-left: 50px;
}
.flex_block.newsletter {
justify-content: flex-start;
}
.flex_block.beteiligung .image {
background-repeat: no-repeat;
width: 333px;
height: 332px;
}
.flex_block.breitband .image {
background-image: url("/sites/bb-partnerunternehmen.de/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: var(--white);
font-size: 35px;
font-weight: 700;
line-height: 45px;
padding: 205px 45px 0px 45px;
}
.flex_block.beteiligung .image div {
font-family: var(--font);
font-size: 66px;
}
.flex_block.beteiligung a.download {
float: right;
}
.flex_block.beteiligung .teaserHeadline,
.flex_block.investition .teaserHeadline {
margin-top: 0px;
}
.region-content .ee-projectdetails-invested-block,
.region-content .ee-projectdetails-invested-disabled {
margin-bottom: 0px;
border: 1px solid #cecdcc;
padding: 20px;
}
.region-content .ee-projectdetails-invested-disabled {
text-align: center;
}
.flex_block.projekt .divtable.spreadout {
margin-bottom: 20px;
}
.front .flex_block.projekt .divtable.spreadout {
min-height: 240px;
}
.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;
display: flex;
justify-content: center;
}
.region-content .ee-value-wrapper {
display: none;
}
.tooltip:hover span {
margin-top: 5px;
}
.tooltip span.classic,
.region-content .ee-projectdetails-invested-block .tooltip span.classic {
background: none;
margin-left: 20px;
font-size: 14px !important;
background-color: var(--white);
border: 1px solid var(--primary);
width: 160px;
padding: 7px;
margin-top: 10px !important;
-webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.75);
display: none;
}
.region-content .ee-projectdetails-invested-block .tooltip:hover span.classic {
display: block;
}
.region-content .ee-projectdetails-invested-block .tooltip span.classic em {
font-size: 14px !important;
font-weight: normal;
line-height: normal;
font-style: normal;
padding: 0px;
}
/*.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;
}*/
#page .region-content .tooltip {
border: none;
order: 1;
}
.region-content .ee-value-wrapper #ee-min-value {
display: none;
}
.region-content .ee-value-wrapper #ee-max-value {
color: #28a6ec;
font-weight: 700;
font-size: 24px;
margin-right: 0px;
}
.region-content #ee-skala {
background-image: none;
height: 15px;
margin-top: 5px;
background-color: #ececec;
line-height: 0px;
display: flex;
font-size: 0px;
}
.region-content #ee-skala #ee-value {
background: url("../images/eueco/icons/value.png");
top: -29px;
height: 15px;
position: static;
display: inline-block;
}
.region-content #ee-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/berlinerstadtwerke.de/themes/eueco_site/images/berlin/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;
}*/
.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;
}
#pid-contact #main,
#pid-newsletter #main {
margin: 0 4vw;
width: auto;
padding-top: 4rem;
margin-top: 5rem;
}
.webform-progressbar {
display: none;
}
.webform-client-form {
width: 1140px;
display: block;
margin: 0 auto;
max-width: 95%;
}
.webform-client-form .form-email,
.webform-client-form .form-text {
width: 100%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: var(--white);
border: none;
box-sizing: border-box;
box-shadow: none;
color: #202020;
border: 1px solid var(--primary);
display: block;
font-size: 1rem;
line-height: 1.333rem;
height: 2.222rem;
outline: 0;
max-width: 100%;
margin: 0;
padding-left: 0.5556rem;
}
.webform-client-form label {
font-size: 1rem;
line-height: 1rem;
letter-spacing: 0.00275rem;
color: #202020;
}
.webform-client-form textarea {
width: 100%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: var(--white);
border-radius: 0.1111rem;
box-sizing: border-box;
box-shadow: none;
color: #202020;
display: block;
font-size: 1rem;
line-height: 1.333rem;
height: 5.222rem;
outline: 0;
max-width: 100%;
margin: 0;
padding-left: 0.5556rem;
}
.webform-client-form .form-item-captcha-response label {
font-size: 14px;
}
.webform-client-form .form-textarea-wrapper .grippie {
}
.webform-client-form span.form-required {
font-size: 0px;
}
.webform-client-form span.form-required:before {
font-family: "Font Awesome 5 Free";
content: "\f069";
font-weight: bold;
display: inline-block;
position: absolute;
font-size: 12px;
color: var(--primary);
padding-left: 0px;
margin-top: -3px;
}
.webform-client-form .resizable-textarea .grippie {
background: var(--primary) url(../images/bbp/icons/grippie.png) no-repeat center
2px;
}
#webform-client-form-70 > div {
width: 700px;
}
#webform-client-form-70 > div fieldset {
border: none;
margin-bottom: 50px;
}
#webform-client-form-70 fieldset:nth-child(3) {
margin-bottom: 0px;
}
.webform-client-form > div fieldset legend {
font-size: 30px;
text-transform: uppercase;
line-height: normal;
color: var(--primary);
}
#webform-client-form-70 .webform-component--anmeldung-zum-newsletter legend,
#webform-client-form-70 .webform-component--projektdaten legend {
display: none;
}
#webform-client-form-70 fieldset:nth-child(4) .fieldset-wrapper .form-item {
margin: 10px 0px;
}
#webform-client-form-70
fieldset:nth-child(4)
.fieldset-wrapper
.form-item
input,
#webform-client-form-70
fieldset:nth-child(4)
.fieldset-wrapper
.form-item
select {
display: table-cell;
}
#webform-client-form-70
fieldset:nth-child(4)
.fieldset-wrapper
.form-item
select {
display: inline-block;
width: 100%;
padding-left: 5px;
margin-top: 0px;
line-height: 40px;
height: 40px;
border: 1px solid var(--primary);
background-color: var(--white);
color: #595959;
font-size: 18px;
}
#webform-client-form-70
fieldset:nth-child(4)
.fieldset-wrapper
.form-item
label {
display: inline-block;
width: 110px;
}
#pid-node-70-done #main {
font-size: 18px;
margin-top: 60px;
}
#pid-node-70-done #main .webform-confirmation table {
width: 760px !important;
line-height: normal;
text-transform: uppercase;
}
#pid-node-70-done #main .webform-confirmation table td {
padding-left: 0px;
}
#pid-node-70-done #main .webform-confirmation table td p {
font-size: 18px;
}
#pid-node-70-done #main .webform-confirmation table td p:first-child {
font-size: 24px;
}
#pid-node-70-done #main .webform-confirmation + .links {
width: 760px !important;
margin-left: auto;
margin-right: auto;
text-transform: uppercase;
}
#pid-node-70-done #main .webform-confirmation + .links a:before {
font-family: "Font Awesome 5 Free";
content: "\f060";
font-weight: bold;
padding-right: 5px;
}
tbody {
border-top: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.region-content #ee-skala #ee-value {
top: -28px;
}
.flex_block.beteiligung .image {
padding: 195px 5px 0px 45px;
font-weight: 700;
}
#pid-customer-portfolio legend,
.page-user-edit #user-profile-form legend {
display: inline-block;
margin-bottom: 10px;
}
#pid-customer-portfolio legend {
padding-left: 0px;
}
}
.system_messages_wrapper {
width: 500px;
height: auto;
position: fixed;
top: 30%;
left: 50%;
margin-top: -50px;
margin-left: -250px;
z-index: 1000;
padding: 0px 20px 20px 20px;
background-color: rgba(50, 50, 50, 0.58);
-webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.58);
-moz-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.58);
box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.7);
}
.system_messages_wrapper .messages {
display: block;
clear: both;
}
.system_messages_wrapper .messages {
display: block;
clear: both;
background-color: #f8fff0;
}
.system_messages_wrapper .closer {
float: right;
cursor: pointer;
font-size: 18px;
padding: 5px;
margin-right: -20px;
color: var(--black);
}
.doc_header {
color: #8b9396 !important;
}
.password-suggestions ul {
margin-left: 15px;
margin-top: 8px;
}
h3.projectdetails {
margin-bottom: 1rem;
}
.view-display-id-faq_block {
margin-bottom: 100px;
}
.view-display-id-faq_block .view-header {
display: flex;
justify-content: space-between;
}
.view-display-id-faq_block .view-header > div {
cursor: pointer;
background-color: #f6f6f6;
border: 1px solid #f6f6f6;
color: var(--primary);
width: 30%;
text-align: center;
}
.view-display-id-faq_block .view-header > div p {
padding: 0px !important;
margin: 0px !important;
line-height: 35px !important;
}
.view-display-id-faq_block .view-header > div:last-child {
}
.view-display-id-faq_block .view-header > div:first-child {
}
.view-display-id-faq_block .view-header > div:hover,
.view-display-id-faq_block .view-header > div.open {
background-color: var(--primary);
border: 1px solid var(--primary);
color: var(--white);
}
.view-display-id-faq_block .accordion {
display: none;
margin-top: 25px;
}
.view-display-id-faq_block #beteiligungsplattform.accordion {
display: block;
}
#ui-datepicker-div {
font-size: 13px;
}
.ui-datepicker td span,
.ui-datepicker td a {
text-align: center;
}
.text em {
font-style: normal;
}
.registrieren.button,
#user-login-form #edit-submit,
#user-login-form #edit-submit--2,
.modal_login .form-actions input#edit-submit--2,
body .modal_logout a {
background: var(--primary);
color: var(--white);
display: block;
text-align: center;
/*width: 160px;*/
height: 2.778rem;
margin-top: 40px;
line-height: 2.778rem;
border: 0.1111rem solid var(--primary);
text-transform: none;
padding: 0 2rem;
font-size: 0.7778rem;
text-decoration: none;
border-radius: 0 10px 0 0;
}
.registrieren.button,
body .modal_logout a,
#user-login-form #edit-submit {
margin-top: 10px;
font-size: 16px;
text-transform: uppercase;
font-size: 0.7778rem;
text-align: center;
line-height: 2.778rem;
border-radius: 0 10px 0 0;
}
body .flex_block.full .text:first-child a:hover {
background-color: #0c78c8;
border: 1px solid #0c78c8;
}
.flex_block.anlage {
color: #595959;
width: 1170px;
}
.flex_block.anlage .text:first-child .text ul {
margin-left: 18px;
}
.flex_block.anlage > .text:last-child {
background-color: #fafafa;
padding: 45px;
padding-top: 20px;
padding-bottom: 20px;
border-radius: 10px;
margin-bottom: 10px;
}
.flex_block.anlage > .text:first-child h2 {
margin-bottom: 35px;
color: #595959;
font-weight: 400;
font-size: 38px;
margin: 0px;
margin-bottom: 35px;
}
.flex_block.anlage > .text:last-child h2 {
font-family: "Source Sans Pro", sans-serif;
color: #595959;
font-size: 24px;
font-weight: 100;
margin: 0px;
margin-bottom: 35px;
}
.flex_block.anlage > .text:last-child .hinweis h2 {
font-family: "Source Sans Pro", sans-serif;
font-size: 21px;
color: #28a6ec;
margin-bottom: 0px;
font-weight: 600;
}
.flex_block.anlage .flex_block.wrap .text:nth-child(5) {
margin-top: 20px;
width: 100%;
}
.flex_block.anlage .flex_block.wrap .text:nth-child(5) .button.gray {
width: 100%;
}
.flex_block.anlage .image {
display: flex;
justify-content: space-between;
margin-bottom: 35px;
}
.flex_block.anlage .image img {
display: block;
border-radius: 8px;
}
.projektstatus {
font-family: "Source Sans Pro", sans-serif;
font-size: 16px;
font-weight: 400;
color: #7e888c;
}
.anlage > .text h3 {
margin: 35px 0px;
font-family: "Source Sans Pro", sans-serif;
font-size: 24px;
color: #595959;
font-weight: 100;
}
.scale {
width: 100%;
background-color: #dfdfdf;
border-radius: 5px;
margin-top: 5px;
margin-bottom: 20px;
}
.scale .scalevalue {
display: block;
height: 10px;
background-color: var(--primary);
border-radius: 5px;
}
.betrieb.scale .scalevalue {
background-color: #fab91f;
}
.scalelabel {
float: right;
}
#ee-invested {
position: static;
margin: 0px;
font-size: 20px;
font-weight: normal;
}
.emissionsvolumen {
float: right;
font-size: 20px;
padding: 0px;
color: #595959;
}
.flex_block.invest_info {
margin-top: 40px;
margin-bottom: 40px;
}
.flex_block.invest_info .text h3 {
color: #28a6ec;
font-weight: 700;
font-size: 24px;
margin: 0px;
}
.flex_block.invest_info .text:last-child {
text-align: right;
}
.text.full {
width: 100%;
}
#pid-customer-portfolio .button.green {
width: 160px;
height: 40px;
line-height: 40px;
display: block;
}
.button.orange {
background-color: var(--primary);
color: var(--white);
}
.button.gray {
background-color: #999999;
}
.button.gray:hover {
background-color: var(--primary);
}
.button.clear {
border: 1px solid var(--white);
}
.slick_slider .slide_link a:hover {
background-color: #999999;
border: 1px solid #999999;
}
.button.ongreen {
background-color: var(--primary);
border: 1px solid var(--primary);
}
.button.ongreen:hover {
background: none;
border: 1px solid var(--white);
}
#beteiligen .investieren_button {
width: 100%;
}
.flex_block.wrap .button.gray {
width: 230px;
}
.anlage .flex_block.wrap .text.full {
margin-bottom: 40px;
}
.anlage .flex_block.wrap {
margin-bottom: 65px;
}
.divtable {
width: 100%;
border-collapse: separate;
}
.divtable.projectdetails {
font-weight: normal;
border-collapse: separate;
border-spacing: 0px 0px;
margin: 2rem auto;
}
.divtable.projectdetails .divrow > div {
line-height: normal;
height: auto;
}
.divtable .divrow > div {
}
.divtable .divrow > div:first-child {
border-right: 1px solid #cecdcc;
text-align: left;
color: #aeabab;
width: 68%;
}
.info .divtable .divrow > div:first-child {
width: 40%;
}
/*.divtable.spreadout .divrow:first-child >div:first-child,
.divtable.spreadout .divrow:first-child >div:last-child{
border-top: 1px solid #cecdcc;
}*/
.divtable.projectdetails .divrow.head > div {
}
.divtable .divrow > div:last-child {
text-align: left;
width: 100%;
padding-left: 15px;
}
.info .divtable .divrow,
.projekt .divtable .divrow {
border-bottom: 1px solid #cecdcc;
padding: 5px;
}
h3.bold {
font-weight: 700;
}
.anlage > .text h3.bold {
font-size: 16px;
margin-bottom: 15px;
font-weight: 700;
}
.flex_block.anlage > .text:last-child > .image {
margin-bottom: 20px;
}
#beteiligen {
text-align: center;
padding: 60px 0px;
}
.flex_block.steps {
margin-top: 80px;
}
.flex_block.steps > div.text {
width: 25%;
cursor: pointer;
}
#page .flex_block.steps > div img {
height: auto !important;
width: auto !important;
}
#page .flex_block.steps > div div.fa {
font-size: 5rem;
color: var(--primary);
}
.steps_info.opened {
display: block;
}
.steps_info:before {
font-family: "Font Awesome 5 Free";
content: "\00d7";
float: right;
margin-top: -10px;
font-size: 20px;
font-weight: 700;
}
body #beteiligen a {
color: var(--white);
font-size: 24px;
}
.stepwrapper {
margin-top: 15px;
}
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 .form-item-name {
margin-top: 10px;
}
.modal_login input {
width: 100% !important;
line-height: 40px;
height: 40px;
font-size: 16px;
padding-left: 10px;
margin-left: 0px;
border: 1px solid #cccccc;
}
.modal_login .form-type-password {
margin-bottom: 5px;
}
.modal_login .form-required-text {
font-size: 14px;
color: var(--white);
padding-left: 20px;
}
#logout_button,
.modal_login #login_links {
margin-left: auto;
margin-right: auto;
}
.modal_login label {
display: none;
}
#block-block-168 #login_links {
display: none;
}
.modal_login #user-login-form #edit-submit,
.modal_login #user-login-form #edit-submit--2,
.modal_login .registrieren.button {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.modal_login #user-login-form #edit-submit--2 {
margin-top: 10px;
}
.modal_login .reset_password {
margin-left: 0px;
}
.modal_login .reset_password a {
color: #414141;
font-size: 16px;
}
.modal_login .reset_password a:hover {
color: #999291;
}
body .modal_logout a:hover,
.registrieren.button:hover,
#user-login-form #edit-submit:hover,
#user-login-form #edit-submit--2:hover {
color: var(--white) !important;
background: #e17120;
border-color: var(--primary);
text-decoration: none;
}
.modal_login #login_links {
display: block;
clear: both;
padding-top: 0px;
}
.modal_login .do_register {
display: block;
padding: 10px 0px 0px 0px;
width: 100%;
color: #414141;
}
.modal_login .do_register p {
margin-top: 0px;
}
#edit-submit:hover {
background-color: #e17120;
}
/*Registerform*/
#pid-user-register #user-register-form {
border: 2px solid #d8d8d8;
padding: 15px 15px 15px 15px;
border-radius: 8px;
}
#pid-user-register #user-register-form input {
line-height: 40px;
font-size: 13px;
padding-left: 10px;
height: 40px;
box-sizing: border-box;
border: 1px solid #d8d8d8;
background-color: #e4e0e0;
border-radius: 3px;
}
#pid-user-register #user-register-form input.form-submit {
background-color: var(--primary);
display: inline-block;
line-height: 45px;
height: 45px;
text-align: center;
color: var(--white);
font-size: 18px;
border-radius: 5px;
}
#pid-user-register #user-register-form input.form-submit:hover {
background-color: #999999;
}
#user-register-form #edit-legal input {
background: transparent;
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
}
#user-register-form #edit-legal,
#user-register-form #edit-legal legend {
border: none;
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}
#user-register-form #edit-legal input[type="checkbox"] + label {
cursor: pointer;
line-height: normal;
padding-left: 33px;
padding-top: 20px;
display: table-cell;
}
#user-register-form #edit-legal input[type="checkbox"]:checked + label::before,
#user-register-form
#edit-legal
input[type="checkbox"]:not(:checked)
+ label::before {
content: " ";
display: inline-block;
width: 18px;
height: 18px;
position: absolute;
margin-top: 5px;
background: white;
background-color: white;
margin-left: -34px;
font-size: 18px;
line-height: 18px;
}
#user-register-form #edit-legal input[type="checkbox"]:checked + label::before,
#user-register-form
#edit-legal
input[type="checkbox"]:not(:checked)
+ label::before {
border: 1px solid #d8d8d8;
background-color: #e4e0e0;
}
#user-register-form #edit-legal input[type="checkbox"]:checked + label::before {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f00c";
border-radius: 0px;
}
#pid-user-register #tabs_wrapper {
display: none;
}
#pid-user-register #content #registrieren {
text-align: left;
margin-top: 170px;
}
#pid-user-register #content h1 {
text-align: left;
margin-top: 0px;
}
#pid-user-register #content #registrieren .flex_block > div {
margin-top: 15px;
}
#pid-user-register #content h1:after {
content: "";
margin-bottom: 10px;
}
#log_overlay {
position: absolute;
display: none;
width: 100%;
height: 10000px;
top: 0px;
left: 0px;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
}
/*mmenu*/
#menu.mm-menu {
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.75);
}
.mm-panels > #mm-1:before {
height: 0px;
}
.mm-navbar {
background-color: var(--primary);
border-bottom: 1px solid #ccc;
}
.mm-navbar .mm-title {
position: absolute;
/*left: 40px;*/
width: calc(100% - 82px);
padding: 10px 0 10px 10px;
color: var(--white);
font-size: 1rem;
text-transform: uppercase;
text-decoration: none;
}
.mm-panels > .mm-panel {
padding: 0 0px;
}
.mm-menu nav[role="navigation"] ul.menu li a {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: inherit;
display: block;
padding: 10px 10px 10px 20px;
margin: 0;
text-decoration: none;
border-bottom: 1px solid #cccccc;
}
.mm-listview > li > a:last-child {
font-family: "Source Sans Pro", sans-serif;
border-bottom: 1px solid #cccccc;
color: #595959;
font-size: 14px;
line-height: 12px;
}
.mm-listview > li > a:first-child {
border-bottom: 1px solid #cccccc;
}
.mm-menu.mm-keyboardfocus a:focus,
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span,
.mm-listview > li > a:hover {
background-color: var(--primary);
color: var(--white);
}
.mm-listview > li:not(.mm-divider)::after {
border: none;
}
.mm-menu.mm-keyboardfocus a:focus,
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span,
.mm-listview > li > a:hover {
background-color: var(--primary);
color: var(--white);
}
.mm-panels > .mm-panel {
background-color: var(--white);
}
.mm-panels ul.menu li {
margin: 0 0 0 0;
}
.mm-menu .mm-navbar a,
.mm-menu .mm-navbar > * {
color: var(--white);
}
.mm-navbar {
text-align: left;
}
.mm-prev::before {
width: 0.7rem;
height: 0.7rem;
margin-left: 8px;
}
.front .mm-navbar .mm-prev + .mm-title {
left: 40px;
padding-left: 20px;
}
.front .mm-navbar .mm-hidden + .mm-title {
left: 0px;
padding-left: 20px;
}
.mm-panels > .mm-panel > .mm-listview {
margin: 0px 0px 0px 0px;
}
.mm-panels > .mm-panel > .mm-listview:first-child {
margin: 20px 0px 0px 0px;
}
.mm-panels > .mm-panel > .mm-listview:last-child {
margin: 0px 0px 20px 0px;
}
.mm-menu .mm-btn::after,
.mm-menu .mm-btn::before {
border-color: var(--white);
}
.mm-menu .mm-listview > li .mm-next::after {
border-color: #595959;
width: 10px;
height: 10px;
}
.mm-listview .mm-next::before {
border: none;
}
.mm-close::after,
.mm-close::before {
width: 0.5rem;
height: 0.5rem;
}
.mm-menu .mm-listview > li .mm-next:hover:after {
border-color: var(--white);
}
.mm-close::after {
right: 41px;
}
.mm-close::before {
right: 30px;
}
html.mm-blocking,
html.mm-blocking body {
overflow: visible;
}
.region-content-top {
display: block;
width: auto;
height: 260px;
margin-left: auto;
margin-right: auto;
}
.teaserboxen {
position: absolute;
width: 100%;
top: 0;
margin-left: auto;
margin-right: auto;
}
.teaserboxen > .content {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
top: 70px;
}
#page .teaserboxen .flex_block {
width: 33.33333333%;
background-color: rgba(255, 255, 255, 0.7);
color: #333;
padding: 20px;
}
#page .teaserboxen .flex_block > div {
width: 100%;
}
#page .teaserboxen .flex_block > div.blue:first-child {
position: relative;
}
.teaserboxen .flex_block .blue div.note {
position: absolute;
bottom: 3px;
left: 5px;
font-size: 0.7rem;
text-align: left;
white-space: nowrap;
}
.teaserboxen .flex_block .blue div.note a {
color: var(--white);
}
.teaserboxen .flex_block > div.blue {
background-color: var(--primary);
}
.teaserboxen .flex_block > div.blue div:nth-child(2) {
}
.teaserboxen h2 {
font-size: 30px;
text-transform: uppercase;
text-align: left;
}
.teaserboxen p {
padding: 15px 0;
}
.page-user-reset #main #main-inner p {
margin-top: 0px;
margin-bottom: 0px;
}
#user-register-form #ee-legal1,
#user-register-form #edit-legal legend {
display: none;
}
#user-register-form #edit-legal {
margin-bottom: 30px;
}
#block-menu-menu-footermenu a {
}
body #block-menu-menu-footermenu a:hover {
text-decoration: underline;
}
.region-footer {
padding-top: 40px;
padding-bottom: 30px;
}
.region-footer > div {
width: 25%;
}
.region-footer > div.footer_address {
/*width:20%*/
}
.region-footer .footer_about,
.region-footer .vermittler_hinweis {
width: 100%;
}
.region-footer .vermittler_hinweis {
width: 100% !important;
padding-top: 10px;
}
.region-footer h5 {
text-transform: none;
font-size: 0.7222rem;
line-height: 1.1rem;
font-weight: 700;
}
.region-footer > div.footer_logo {
width: 15%;
}
.footer_logo img {
width: 100%;
height: auto;
max-width: 200px;
}
.region-footer-bottom {
display: flex;
justify-content: flex-end;
}
.region-footer .block {
margin-top: 30px;
}
.region-footer .block h2 {
padding-bottom: 18px;
line-height: normal;
border-bottom: 1px solid var(--white);
}
.block.footer_address {
}
.block.footer_address h2 {
}
body .block.footer_address a {
text-decoration: underline !important;
}
.footer_address div {
margin-bottom: 10px;
}
footer .block {
font-size: 16px;
line-height: 150%;
}
footer .view-id-news_footer_block {
line-height: 30px;
}
footer .view-id-news_footer_block .news_inhalt {
width: 250px;
}
footer .view-id-news_footer_block p {
margin: 0px;
}
footer .news_title {
color: var(--primary);
}
#footer_bottom {
padding-top: 5px;
padding-bottom: 20px;
}
.button.green a {
background-color: var(--primary);
}
.button.green a:hover {
background-color: #39b567;
}
body .buttonwrapper {
display: flex;
justify-content: center;
}
body .pressearchiv .buttonwrapper {
display: flex;
flex-direction: column;
justify-content: center;
}
body a.mailto_link {
text-decoration: underline;
color: #202020;
}
body a.mailto_link:hover {
color: var(--primary);
}
body a.button {
display: inline-block;
vertical-align: middle;
cursor: pointer;
font-size: 0.7778rem;
text-align: center;
line-height: 2rem;
padding: 0 1rem;
text-decoration: none;
background: var(--primary);
color: var(--white) !important;
border: 0.1111rem solid var(--primary);
text-decoration: none !important;
text-decoration: none;
border-radius: 0 10px 0 0;
}
body a.button.green {
background: var(--primary);
border: 0.1111rem solid var(--primary);
}
body #main a.button {
min-width: 16.67rem;
}
body .modal_login a.button {
min-width: 0px;
}
body a.button:hover {
color: var(--white) !important;
background: #e17120;
border-color: var(--primary);
text-decoration: none;
}
body a.button.green:hover {
color: var(--primary) !important;
border-color: var(--primary);
}
body .footer_registrieren {
line-height: 29px;
width: 40%;
}
body .footer_newsletter a,
body .footer_registrieren a {
display: block;
margin-top: 10px;
}
#block-menu-menu-footermenu {
width: 20%;
margin-left: 5%;
}
.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,
#pid-user-login .region-content,
#pid-fast-registry-step2 .region-content,
.platform:not(.adminpage) #main-content,
.adminpage #main-content,
#pid-contact .page_title_wrapper,
#pid-impressum .page_title_wrapper,
#pid-datenschutz .page_title_wrapper {
margin-top: 20px;
}
#pid-fast-registry-step1 #main,
#pid-user-login #main,
.node-type-simplenews #main-content,
.adminpage #main-content,
.page-user-reset #main-content {
margin-top: 150px;
}
#pid-user-login #main #tabs_wrapper {
display: none;
}
#pid-user-login #user-login {
display: block;
background: #edf6eb;
padding: 2rem;
border-radius: 0.1667rem;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#pid-user-login #user-login input {
width: 100%;
line-height: 40px;
font-size: 13px;
padding-left: 10px;
height: 40px;
box-sizing: border-box;
border: 1px solid #d8d8d8;
border-radius: 0.1667rem;
}
#pid-zeichnung #main-content .field-name-body .field-item {
margin-bottom: 0px;
}
#pid-zeichnung a.file_download {
text-decoration: none !important;
}
#pid-fast-registry-step2 .platform .page_title_wrapper {
display: none;
}
.stepwrapper .step:after {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f0ab";
display: inline-block;
margin-left: 10px;
}
.stepwrapper .step:after {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f055";
display: inline-block;
margin-left: 10px;
}
.is_open .stepwrapper .step:after {
content: "\f056";
}
#pid-admin-people ul.action-links li {
list-style: none;
}
#pid-admin-people ul.action-links li a {
background-color: var(--primary);
color: var(--white);
display: inline-block;
font-weight: 400;
font-size: 16px;
line-height: 35px;
text-align: center;
text-decoration: none;
padding-right: 16px;
padding-left: 16px;
float: none;
margin-bottom: 20px;
width: auto;
}
#pid-admin-people ul.action-links li a:hover {
background-color: var(--primary);
}
.form-item-captcha-response label {
display: none !important;
}
.form-item-captcha-response .description {
line-height: normal;
font-size: 1rem;
margin-top: 5px;
}
.konditionen .div_tabelle .divrow > div {
font-size: 0.8rem;
}
.konditionen .div_tabelle .divrow > div:first-child,
.divtable .divrow.head > div,
.divtable .divrow.foot > div {
font-size: 1rem;
}
.divtable .divrow.head > div {
text-align: center;
}
.div_tabelle .divrow > div:last-child {
margin-bottom: 1rem;
}
.div_tabelle .divrow:last-child > div:last-child {
/*margin-bottom:0px;*/
}
/******* theme features**********/
.read_more {
max-height: 120px;
position: relative;
overflow: hidden;
}
.read_more.closed {
margin-bottom: 1rem;
}
.read_more.open {
max-height: 100%;
}
.read_more .read_more_click {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
margin: 0;
background-image: linear-gradient(
to bottom,
rgba(2155, 255, 255, 0),
var(--white)
);
}
.read_more.open .read_more_click {
/*background: none;*/
padding: 0px;
}
.read_more_headline h4:hover {
cursor: pointer;
}
.read_more_headline.closed h4:after,
.read_more.closed .read_more_click:after {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f0d7";
float: right;
color: var(--primary);
font-size: 1.5rem;
}
.read_more.closed .read_more_click:after {
margin-top: 92px;
}
.read_more_headline.open .closeme {
float: right;
}
.read_more:hover,
.read_more_headline.open .closeme:hover {
cursor: pointer;
}
.read_more_headline.open .closeme:after,
.read_more.open:after {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f0d8";
float: right;
color: var(--primary);
font-size: 1.5rem;
}
.read_more_headline {
margin-top: 1rem;
margin-bottom: 1rem;
}
.read_more_headline h4 {
margin: 0px;
}
#main-inner .read_more_headline p {
margin: 0px;
}
.ajax_content_row {
clear: both;
}
.ajax_content_row a.download {
width: auto;
display: inline-block;
}
/*ajax content*/
.ajax_button_wrapper a.ajax_button {
display: block;
text-align: center;
margin-top: 10px;
}
.ajax_button_wrapper .ajax_content {
display: none;
}
#page .flex_block .ajax_button_wrapper {
justify-content: flex-start;
width: 24%;
}
.flex_block.ajax_buttons > div {
width: 30%;
}
.flex_block.ajax_buttons > .ajax_button_wrapper > a {
background-color: #edf6eb;
color: #282828;
border: 0.1111rem solid #edf6eb;
display: block;
display: inline-block;
vertical-align: middle;
cursor: pointer;
font-size: 0.7778rem;
text-align: center;
line-height: 2.778rem;
padding: 0 2rem;
width: 100%;
border-radius: 0.1667rem;
text-decoration: none;
}
.flex_block.ajax_buttons > div:first-child a {
}
.flex_block.ajax_buttons > div:last-child a {
}
.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 {
padding-top: 35px;
}
#ajax_content_desk img.throbber {
display: block;
margin: 50px auto;
width: 100px !important;
height: auto !important;
}
#ajax_content_desk .flex_block > div {
width: 500px;
}
#ajax_content_desk .flex_block > div.image {
width: 400px;
}
#ajax_content_desk .flex_block > div.image .flex_block {
align-items: center;
}
#ajax_content_desk .flex_block > div.image .flex_block .button a {
padding: 5px 0px;
text-align: center;
border-radius: 5px;
}
footer p strong,
#main-inner p strong,
#ajax_content_desk strong {
}
span#eueco {
/* display: inline-block;
background-image: url('/sites/greencity-crowd.de/themes/eueco_site/images/eueco/eueco_small.png');
background-repeat: no-repeat;
background-position: right center;
background-size: auto 90%, cover;
padding-right: 4.4rem;*/
}
.button_wrapper {
display: flex;
justify-content: center;
}
.button_wrapper a {
width: 50%;
}
#footer .footer_about .flex_block {
margin-top: 1rem;
align-items: center;
display: flex;
justify-content: flex-start;
}
#footer .vermittler_hinweis .flex_block {
margin-top: 1rem;
align-items: center;
display: flex;
justify-content: flex-end;
}
#footer .vermittler_hinweis .flex_block > div {
width: auto;
position: relative;
}
#footer .footer_about .flex_block > div:first-child {
font-size: 1.333rem;
line-height: 1.333rem;
letter-spacing: -0.00275rem;
}
#footer .footer_about .flex_block > div:last-child {
display: flex;
justify-content: flex-end;
align-items: center;
}
#footer .vermittler_hinweis .flex_block img {
width: 180px !important;
height: auto !important;
position: absolute;
right: 0px;
top: -25px;
}
.flex_block.steps {
margin-top: 80px;
flex-wrap: wrap;
}
#page .flex_block.steps > div {
width: 24%;
cursor: pointer;
}
.flex_block.steps .text .stepwrapper .step {
white-space: nowrap;
}
#page .flex_block.steps > .steps_info {
display: none;
width: 100%;
height: 100%;
margin-top: 15px;
border: 1px solid var(--white);
background-color: var(--white);
color: #595959;
padding: 10px;
text-align: left;
border-radius: 8px;
cursor: pointer;
-webkit-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.59);
-moz-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.59);
box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.39);
}
#page .flex_block.steps > .steps_info.opened {
display: block;
}
.steps_info:before {
font-family: "Font Awesome 5 Free";
content: "\00d7";
float: right;
margin-top: -10px;
font-size: 20px;
font-weight: 700;
}
.flex_block.steps .text {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
#page .flex_block.steps .text img {
width: 80px !important;
height: auto !important;
}
.stepwrapper .step > div > div:last-child:after {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f055";
display: inline-block;
margin-left: 10px;
}
.is_open .stepwrapper .step > div:last-child:after {
/*content: "\f056";*/
}
a.steps_button {
margin-left: auto;
margin-right: auto;
display: block !important;
width: 50%;
margin-top: 2rem;
}
.closed + .closed + .closed + .closed + .steps + .text a.steps_button {
margin-top: 80px !important;
}
a.steps_button:hover {
color: var(--primary) !important;
background: var(--white);
border-color: var(--primary);
transition: background 0.2s ease-in-out;
text-decoration: none;
}
.image_container img {
width: 100% !important;
height: auto !important;
}
.parent .field-item-content.fullwidth {
}
.parent .field-item-content.fullwidth div.hasparent.full > div,
#ajax_content_desk .node_edit {
}
.parent .field-item-content.fullwidth div.hasparent.full > h2 {
background-color: #f6f6f6;
text-align: center;
margin-bottom: 3.7rem;
font-size: 26px;
}
.ajax_content_row {
margin-bottom: 3.7rem;
}
.hinweis.hasparent.gray {
padding: 15px 0px;
text-align: center;
}
.hinweis.hasparent.gray h4 {
font-weight: 700;
}
.flex_block.projekt .flex_block.column {
height: 100%;
}
.flex_block.projekt .flex_block.column a {
font-size: 22px;
text-decoration: none;
color: #aeabab;
text-align: center;
width: 100%;
display: inline-block;
line-height: normal;
padding: 10px 0px;
}
.flex_block.projekt .flex_block.column a:hover {
color: var(--primary);
}
.view-display-id-headerbilder_block .header_slogan {
width: 70%;
margin-left: auto;
margin-right: auto;
}
.ajax-button-wrapper {
margin-top: -38px;
}
.ajax-button-wrapper .ajax_content {
display: none;
}
.ajax-button-wrapper .view-content {
width: 99%;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between;
}
.ajax-button-wrapper .view-content > div {
width: 19.8%;
}
.ajax-button-wrapper .view-content > div a.ajax_button {
display: block;
background-color: var(--white);
color: var(--primary);
text-decoration: none;
line-height: 35px;
text-align: center;
}
.flex_block .ajax_button:hover,
.flex_block .ajax_button.ajax_active {
background-color: var(--primary) !important;
color: var(--white) !important;
}
ul.two {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
list-style-position: outside;
}
ul.two li {
margin-left: 1em;
}
.finanzkennzahlen .divtable.spreadout .divrow:first-child {
background-color: #f6f6f6;
}
.finanzkennzahlen .divtable.spreadout {
margin-bottom: 50px;
}
.finanzkennzahlen .divtable.spreadout .divrow:first-child > div {
border: 0px;
text-align: center;
color: var(--primary);
}
.numbers .flex_block div {
text-align: center;
font-size: 1.3rem;
color: #aeabab;
}
.numbers .flex_block div.num {
color: var(--primary);
margin-bottom: 10px;
}
.kapitalherkunft div {
text-align: center;
}
#page .steps .flex_block > div {
display: flex;
flex-direction: column;
align-items: flex-end;
}
#page .steps .flex_block > div .icon {
flex-grow: 1;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 20px;
width: 100%;
text-align: center;
flex-direction: column;
}
#page .steps .flex_block > div .icon img {
max-width: 230px !important;
height: auto !important;
}
#page .steps .flex_block > div:first-child .icon img {
max-width: 200px !important;
height: auto !important;
}
#page .steps .flex_block > div .letters {
text-align: center;
font-size: 1.3rem;
color: #aeabab;
width: 100%;
}
.parent .field-item-content.fullwidth div.downloads > div {
width: 50% !important;
}
.downloads a.file_download {
display: block;
text-decoration: none;
margin-bottom: 20px;
}
.downloads a.file_download:after {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f175";
float: right;
width: 25px;
text-align: center;
border-bottom: 1px solid black;
}
.downloads a.file_download:hover:after {
border-bottom: 1px solid var(--primary);
}
#page .emittentin.flex_block {
margin-top: 50px;
margin-bottom: 50px;
}
#page .emittentin.flex_block > .text {
width: 65%;
}
#page .emittentin.flex_block > div.image {
width: 30%;
text-align: center;
}
#pid-ueber-uns div.image {
text-align: center;
}
#pid-ueber-uns div.image img {
width: 100% !important;
height: auto !important;
}
.page-newsletter-confirm #main #edit-cancel {
margin-left: 50px;
}
#sliding-popup .popup-content.info {
background: none !important;
border: none !important;
}
#ee-invested {
color: var(--black);
}
#page .flex_block.person .image {
width: 20%;
}
#page .flex_block.person .text {
width: 75%;
}
#pid-ueber-oekostrom-saar strong,
.strong_italics strong {
font-weight: 800;
}
#pid-ueber-oekostrom-saar em,
.strong_italics em {
font-style: italic;
}
.person_wrapper {
padding: 30px 0px;
}
.person_wrapper .flex_block {
margin-top: 30px;
}
.not-front .flex_block.projekt .button {
margin-bottom: -3px;
}
.float_left {
float: left;
padding-right: 20px;
}
.float_right {
float: right;
padding-left: 5%;
}
.float_left,
.float_right {
width: 48% !important;
}
.float_left img,
.float_right img {
width: 100% !important;
height: auto !important;
}
.vermittler_hinweis div {
float: left;
box-sizing: border-box !important;
}
.vermittler_hinweis .left {
width: 75%;
padding-right: 5%;
}
.vermittler_hinweis .float_right {
width: 25% !important;
margin-top: 0px;
padding-left: 0;
}
.vermittler_hinweis .float_right img {
width: 100% !important;
height: auto !important;
}
.flex_block .image.change {
display: flex;
justify-content: flex-end;
flex-direction: column;
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
min-height: 250px;
}
.flex_block .image.change > div {
margin-bottom: 2px;
}
.divtable .divrow.column_span > div {
width: 100%;
text-align: center;
}
.divtable .divrow.column_span > .spacer {
display: none;
}
a.pdf_icon {
display: inline-block;
text-decoration: none !important;
}
a.pdf_icon:before {
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: bold;
color: #cb0606;
margin-right: 10px;
content: "\f1c1";
}
.pressearchiv .flex_block {
margin-bottom: 20px;
}
.node-type-eueco-ajax-content .page_title_wrapper {
display: none;
}
.flex_block.map_legende {
margin: 20px 0px;
}
.flex_block.map_legende > div {
text-align: center;
font-size: 16px;
}
#page .flex_block.map_legende > div img {
display: block;
margin: 0 auto;
width: 40px !important;
height: auto !important;
}
.star_green {
color: var(--primary);
font-weight: 700;
}
.stern_hinweis {
margin-top: 15px;
}
.mm-navbars-bottom #anmelden_toggle_mob,
.mm-navbars-bottom #abmelden_toggle_mob {
width: 50%;
display: block;
text-align: center;
margin: 0pxauto;
border-radius: 3px;
align-self: center;
line-height: 24px;
font-size: 16px;
height: auto;
text-decoration: none;
background-color: rgb(125, 125, 125);
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}
.mm-navbars-bottom #anmelden_toggle_mob:hover,
.mm-navbars-bottom #abmelden_toggle_mob:hover {
background-color: rgb(120, 120, 120) !important;
color: var(--white) !important;
}
.not-logged-in .mm-navbars-bottom #abmelden_toggle_mob {
display: none;
}
.mobile_logout_block {
display: none;
}
.logged-in .mm-navbars-bottom #anmelden_toggle_mob {
display: none;
}
.mm-navbars-bottom .mm-navbar {
padding: 30px;
display: flex;
justify-content: center;
}
#anlegerinformation_overlay {
position: absolute;
width: 100%;
height: 10000px;
top: 0px;
left: 0px;
overflow: hidden;
/*background-color: rgba(58, 122, 174, 0.95);*/
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
}
#anlegerinformation {
color: var(--black);
width: 70%;
padding-top: 15px;
padding-bottom: 15px;
background-color: rgba(255, 255, 255, 0.9);
/* -webkit-box-shadow: none;
-moz-box-shadow:none;
box-shadow: none;*/
}
#anlegerinformation_content {
background: none;
text-align: center;
}
#anlegerinformation_content h2 {
color: var(--primary);
line-height: normal;
text-align: center;
margin-bottom: 50px;
}
#anlegerinformation_content .flex_block {
text-align: left;
justify-content: space-between;
margin-top: 20px;
font-size: 0.7rem;
}
#page #anlegerinformation_content .flex_block > div {
width: 48%;
text-align: center;
line-height: normal;
}
#page #anlegerinformation_content .flex_block > div img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
#page #anlegerinformation_content .flex_block > div:first-child img {
height: 50px !important;
width: auto !important;
display: block;
margin-bottom: 15px;
margin-top: 30px;
}
#page #anlegerinformation_content .flex_block > div:last-child img {
height: 80px !important;
width: auto !important;
display: block;
margin-bottom: 15px;
}
#info_logo {
color: #009639;
font-family: "GreenCityReplica-Crazy";
text-transform: uppercase;
font-size: 2.5rem;
line-height: normal;
letter-spacing: -0.00275rem;
text-transform: uppercase;
text-decoration: none;
}
#anlegerinformation_button {
text-align: center;
margin-top: 20px;
}
#anlegerinformation_button a {
display: inline-block;
background-color: rgba(242, 148, 0, 1);
text-decoration: none;
color: var(--white);
line-height: 35px;
padding: 0px 25px;
border-radius: 0 10px 0 0;
}
#anlegerinformation_button a:hover {
background-color: rgba(242, 148, 0, 0.7);
color: var(--white) !important;
}
@media only screen and (min-width: 1272px) and (max-width: 1476px) {
#info_logo {
font-size: 2.3rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
#info_logo {
font-size: 2.2rem;
}
#page #anlegerinformation_content .flex_block > div img {
height: 40px !important;
width: auto !important;
}
}
@media (max-width: 1023px) {
#anlegerinformation {
width: 98%;
padding: 0px 15px;
}
}
@media (max-width: 767px) {
.front.admin-menu .page #preface_bottom {
height: auto;
}
#anlegerinformation {
padding: 0px 15px;
}
#anlegerinformation_content h2 {
font-size: 2rem;
margin-bottom: 20px;
}
#page #anlegerinformation_content .flex_block {
margin-top: 15px;
}
#page #anlegerinformation_content .flex_block > div {
text-align: center;
}
#page #anlegerinformation_content .flex_block > div img {
height: 20px !important;
margin: 0px auto;
margin-bottom: 5px;
}
#page #anlegerinformation_content .flex_block > div:first-child img {
height: 20px !important;
width: auto !important;
display: block;
margin-bottom: 5px;
margin-top: 5px;
}
#page #anlegerinformation_content .flex_block > div:last-child img {
height: 40px !important;
width: auto !important;
display: block;
margin-bottom: 5px;
}
#info_logo {
font-size: 2.2rem;
}
}
@media (max-width: 420px) {
#anlegerinformation {
position: fixed;
top: 0%;
left: 0%;
width: auto;
height: 2000px;
padding: 10px 15px;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
z-index: 1000;
background-color: #edf6eb;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#main-inner #anlegerinformation_content p {
margin-top: 5px;
margin-bottom: 5px;
}
#anlegerinformation_content h2 {
font-size: 1.4rem;
margin-bottom: 0px;
}
#anlegerinformation_button {
margin-top: 10px;
}
#anlegerinformation_button a {
line-height: normal;
padding: 5px 15px;
font-size: 14px;
}
}
#footer .block h2:after,
.teaser h2:after {
font-family: var(--font);
content: "______";
font-size: 18px;
color: var(--white);
display: block;
text-align: center;
margin-top: 0px;
margin-bottom: 25px;
}
.flex_block.full h2,
.flex_block.full h2:after,
#footer .block h2:after {
color: var(--white);
text-align: left;
}
#footer .block h2:after {
margin-bottom: 25px;
line-height: 2px;
}
#footer .vermittler_hinweis h2:after {
display: none;
}
footer a.button {
line-height: 35px;
}
.teaser {
border-radius: 8px;
border: 1px solid #bfbfbf;
}
.teaser > div {
text-align: center;
padding-top: 40px;
line-height: 23px;
}
.orange {
background-color: var(--primary);
color: var(--white) !important;
}
.orange h2 {
color: var(--white);
}
.white h2 {
color: #333333;
}
.teaser h2::after {
font-size: 18px;
margin-top: 0px;
margin-bottom: 30px;
line-height: 10px;
}
.teaser .white h2::after {
color: #333333;
}
.teaser a.button {
margin-top: 15px;
margin-bottom: 30px;
padding: 10px;
line-height: 20px;
min-width: 200px !important;
}
/*steps*/
.flex_block.steps {
margin-top: 40px;
}
.flex_block.steps .text {
line-height: normal;
text-align: center;
}
.steps_info {
display: none;
width: 100%;
margin-top: 25px;
border: 1px solid #aeabab;
background-color: var(--white);
color: #333;
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);*/
}
.stepwrapper .step div {
float: left;
}
.stepwrapper .step::after {
font-family: "Font Awesome 5 Free";
content: "\f055";
display: inline-block;
margin-left: 10px;
color: var(--primary);
font-size: 22px;
font-weight: 600;
position: relative;
top: 4px;
}
.steps_info.opened {
display: block;
}
.steps_info::before {
font-family: "Font Awesome 5 Free";
content: "\00d7";
float: right;
margin-top: -10px;
font-size: 20px;
font-weight: 700;
}
.flex_block.steps > div {
width: 24.3%;
cursor: pointer;
border: 1px solid #aeabab;
padding: 15px;
border-radius: 20px;
display: flex;
flex-direction: column;
}
div.icon {
height: 100%;
width: 100%;
text-align: center;
color: var(--primary);
margin-bottom: 15px;
}
div.icon span:first-child:before {
font-size: 100px;
}
#four div.icon span {
display: block;
}
#four div.icon span:first-child:before {
font-size: 50px;
margin-left: -25px;
}
#four div.icon span:last-child {
margin-top: -8px;
}
#four div.icon span:last-child:before,
#four .fa-money:before {
font-size: 100px;
}
#two div.fa-stack span:last-child {
position: absolute;
margin-top: 20px;
margin-left: 10px;
font-size: 50px;
}
#three div.fa-stack span:last-child {
position: absolute;
margin-top: 40px;
margin-left: -35px;
font-size: 50px;
}
#four div.icon span:first-child:before {
position: absolute;
margin-top: -8px;
height: 10px;
}
#four div.icon span:first-child:before {
height: 10px;
}
#four .fa-long-arrow-left:before {
font-size: 50px !important;
height: 10px !important;
position: absolute;
margin-top: -16px;
margin-left: -25px;
}
body a.investieren_button {
width: 50%;
display: block;
margin: 20px auto;
text-align: center;
font-size: 18px;
}
#pid-bhkw-engelmannweg .download {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.download a {
color: #333;
text-decoration: none;
}
.download img {
width: 60px;
vertical-align: middle;
margin-right: 12px;
}
.ui-dialog .ui-dialog-buttonpane button {
background-color: var(--primary);
border-radius: 0 10px 0 0;
}
#anmelden_toggle_mob {
display: none !important;
}
#pid-faq-uebersicht #content,
.ui-widget,
.accordion .ui-accordion-content,
.accordion .ui-widget-content {
font-family: var(--font) !important;
}
#pid-bhkw-engelmannweg #content a.button.orange {
font-size: 22px;
width: 700px;
max-width: 100%;
}
/*################ 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 var(--white);
-webkit-box-shadow: inset 0 1px 0 0 var(--white);
box-shadow: inset 0px 1px 0px 0px var(--white);
background-color: #ededed;
background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(5%, rgb(237, 237, 237)),
color-stop(100%, rgb(223, 223, 223))
);
background-image: -webkit-linear-gradient(
rgb(237, 237, 237) 5%,
rgb(223, 223, 223) 100%
);
background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background-image: linear-gradient(
rgb(237, 237, 237) 5%,
rgb(223, 223, 223) 100%
);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #dcdcdc;
color: var(--black) !important;
font-family: var(--font);
font-weight: bold;
padding: 4px 8px;
text-decoration: none;
text-shadow: 1px 1px 0px var(--white);
}
#sliding-popup .eu-cookie-compliance-secondary-button:hover {
background-color: #dfdfdf;
background-image: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(5%, rgb(223, 223, 223)),
color-stop(100%, rgb(237, 237, 237))
);
background-image: -webkit-linear-gradient(
rgb(223, 223, 223) 5%,
rgb(237, 237, 237) 100%
);
background-image: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background-image: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background-image: linear-gradient(
rgb(223, 223, 223) 5%,
rgb(237, 237, 237) 100%
);
}
@media (max-width: 600px) {
#sliding-popup .agree-button {
left: 0px;
}
#sliding-popup .eu-cookie-compliance-secondary-button {
bottom: 16px;
top: auto;
left: 120px;
right: auto;
}
}
#page {
max-width: 100%;
}
.header-top-inner .field-item,
#footer_bottom .field-item,
#block-eueco-site-block-37 .field-item {
margin-bottom: 0;
}
ul.menu a.is-active {
color: var(--white);
}
#block-eueco-site-block-187 p {
text-align: right;
}
#superfish-menu-front-end-menu {
display: flex;
}
.sf-sub-indicator {
display: none;
}
#primary-menu ul li a {
line-height: 50px;
}
ul.sf-menu.sf-horizontal.sf-shadow ul,
ul.sf-menu.sf-vertical.sf-shadow ul,
ul.sf-menu.sf-navbar.sf-shadow ul ul {
box-shadow: none;
-webkit-box-shadow: none;
}
ul.sf-menu li:hover > ul,
ul.sf-menu li.sfHover > ul {
top: 2.25em;
}
ul.sf-menu li ul li a {
font-size: 15px;
}
.headerbild_block,
#block-eueco-site-block-189,
#block-eueco-site-block-181 {
width: 100%;
margin: 0 !important;
}
.headerbild_block .field-item,
#block-eueco-site-block-189 .field-item,
#block-eueco-site-block-181 .field-item {
margin: 0;
}
.headerbild_block .field-item .field-item-content,
#block-eueco-site-block-189 .field-item .field-item-content,
#block-eueco-site-block-181 .field-item .field-item-content {
max-width: 100%;
width: 100%;
}
.region-header {
padding: 0;
}
.header-inner {
max-width: 100%;
width: 100% !important;
}
@media (max-width: 730px) {
header.region .header-inner,
header.region .region-header .header-inner {
width: 100% !important;
}
}
.teaserboxen {
z-index: 2;
}
div.block-ee-faq h2 {
display: none;
}
div.block-ee-faq {
margin-top: 25px;
}
div.block-ee-faq .hide {
display: none;
}
#node-2014 .field-item.content_block_2,
#node-2014 .field-item.content_block_2 .view-faqs {
margin: 0 !important;
}
.eueco_icon {
width: 250px;
}