.i_device input[type="submit"]{
    -webkit-appearance: none;
}
.i_device #ee-doc-upload-modal-init,
input[type="button"]{
    -webkit-appearance: none;
} 
@media (max-width: 1100px){ 
    .steps_info,
    .flex_block.steps {
        width: 95%;
    }

}
@media only screen and (min-width: 1025px) and (max-width: 1199px){ 
    #page{
        width: 100%;
    }
    #page * {
        /*border:1px solid red;*/
    }
    .flex_block.anlage a.investieren_button,
    .flex_block.wrap .text:last-child .button{
        font-size:1.5vw;
    }
    #tabs_wrapper,
    #pid-node-70-done #main,
    .page-node-add #main,
    .platform #main,
    .page-user-reset #main,
    #pid-customerdata #main,
    .page_title,
    #content_top,
    .region-content-top, 
    .page-node-webform-components #main-inner,
    #webform-components-form,
    .node-type-eueco-faq    #main-inner,
    #pid-user-register #main-inner,
    .page-node-edit #main,
    .page-admin #main,
    #content,
    .field-name-body .field-item .field-item-content,
    .front .field-name-body .content_block_4 .field-item-content,
    .field-name-body .field-item .field-item-content, 
    .front .field-name-body .content_block_2 .field-item-content,
    .region-footer, .region-footer-bottom,
    .region-postscript-top,
    .region-footer-bottom    {
        width:100%!important;
        margin-left: auto;
        margin-right: auto;
    }
    #header_top.primary-menu-fixed{

    }
    #page .teaserboxen .flex_block{
        margin-left: auto;
        margin-right: auto;
    }
    .logo_wrapper,
    .region-footer    {

    }
    .logo_wrapper,
    .login_out_block .content,
    .flex_block.anlage    {
        width:95%!important;
        margin-left: auto;
        margin-right: auto;
    }
    .flex_block.anlage .flex_block.wrap .text:nth-child(3),
    .flex_block.anlage .flex_block.wrap .text:nth-child(4), 
    .flex_block.anlage .flex_block.wrap .text:nth-child(5)     {
        margin-top: 20px;
        width: 100%;
    }
    .flex_block.anlage .flex_block.wrap .text:nth-child(3) .button.gray, 
    .flex_block.anlage .flex_block.wrap .text:nth-child(4) .button.gray, 
    .flex_block.anlage .flex_block.wrap .text:nth-child(5) .button.gray     {
        width: 100%;
    }
    #buergerbeteiligung ~ .flex_block,
    #berliner_stadtwerke ~ .flex_block    {
        width:90%!important;
        margin-left: auto;
        margin-right: auto;
    }
    #buergerbeteiligung ~ .flex_block img,
    #berliner_stadtwerke ~ .flex_block img {
        display: block;
        width:100%!important;
        height:auto!important;
        margin:15px auto;
    }
    .view-display-id-faq_block{
        display: block;
        width:90%;
        margin-left: auto;
        margin-right: auto;
    }
    .field-item-content > .flex_block > .text {
        width: 48%;
    }
    #webform-client-form-206{
        width:90%;
    }
    #pid-customerdata #content{
        padding:0px 20px;
    }
}
@media (min-width: 900px) and (max-width: 1023px) and (orientation : portrait)and (-webkit-min-device-pixel-ratio: 1.5){
    input[type="submit"]{
        -webkit-appearance: none;
        border-radius: 0px;
    }
    textarea{
        -webkit-appearance: none;
        border-radius: 0px;
    }
}
@media (max-width: 1024px) {
    /*    #page * {
            border:1px solid red;
        }
        input[type="submit"]{
            -webkit-appearance: none;
            border-radius: 0px;
        }
        textarea{
            -webkit-appearance: none;
            border-radius: 0px;
        }*/
    .flex_block.anlage > .text:first-child {
        margin-bottom: 20px;
	}
	.anlage a.informieren {
		display: block;
		margin-left:auto;
		margin-right:auto;
		width:60%;
	}
    .logo_wrapper_inner,
    #tabs_wrapper,
    #pid-node-70-done #main,
    .page-node-add #main,
    .platform #main,
    .page-user-reset #main,
    #pid-customerdata #main,
    .page_title,
    #content_top,
    .teaserboxen > .content,
    .region-content-top, 
    .page-node-webform-components #main-inner,
    #webform-components-form,
    .node-type-eueco-faq    #main-inner,
    #pid-user-register #main-inner,
    .page-node-edit #main,
    .page-admin #main,
    .field-name-body .field-item .field-item-content,
    .front .field-name-body .content_block_4 .field-item-content,
    .region-postscript-top,
    .region-footer,
    .region-footer-bottom {
        width:100%!important;
    }
    .region-header-top {
        flex-grow: 0;
    }
    #header_top.primary-menu-fixed {
        height: 90px;
    }
    #fixed_top {
        width: 100%;
    }
    .logo_wrapper_inner {
        justify-content:flex-start;
    }
    .navibutton_wrapper{
        order:0;
        display: flex;
        justify-content: flex-end;
		position: absolute;
		right: 0;
    }
    .region-header-top{
        order:1;
        margin-left: 1rem;
    }
    .login_out_block .content {
        width: 100%;
    }
	.primary-menu-inner > ul.menu > li {
		padding: 0px 0.7rem!important;
	}
    body a.anmelden_toggle, 
    body a.abmelden_toggle{
        min-width: auto;
    	padding: 0px 0.7rem!important;
    }
    .login_out_block_fixed .anmelden_toggle, 
	.login_out_block_fixed .abmelden_toggle {
        margin-top: -60px;
    }
    #logo{
        order:2;
        flex-grow: 1;
        padding-top: 5px;
    }
    .view-display-id-faq_block .view-header > div {
        font-size: 18px;
    }
    .headerbild_image {
        height: 310px;
    }
    .field-name-body .field-item {
        margin-bottom: 50px;
    }
	.projekt .flex_block.column > h2 {
		min-height: 52px;
	}
	body .flex_block a.button.green {
    	width: 100%;
    }
	.hinweis.hasparent.gray {
		padding: 25px 10px;
	}
    footer {
        margin-top: 0px;
    }
	#footer, 
	#footer_bottom,
    #content{
		width: 100% !important;
		float: none;
		margin-left: auto;
		margin-right: auto;
		padding: 0 5%;
    }
	.region-footer, 
	.region-footer-bottom,
    .field-name-body .field-item .field-item-content{
        padding:0px !important;
    }
    .platform #main .tabs,
    .page-user-edit *,
    .page-user-edit #page.adminpage *,
    .platform #main fieldset,
    .platform #main #tabs_wrapper,
    .platform #main .page_title,
    .platform #main .title {
        box-sizing: border-box;
    }
    #page .teaserboxen .flex_block{
        width:99%;
        margin-left:auto;
        margin-right:auto;
    }
    .field-name-body .field-item {
        width:100%;
    }
    .teaserboxen .flex_block > div {
        width: 33%;
    } 
    .teaserboxen .flex_block > div.green {
        width: 34%;
    }
    .field-name-body .content_block_2 .field-item-content .text > div {
        width:100%;
    }
    .field-item-content > .flex_block > .text {
        width: 50%;
    }
    .flex_block.anlage {
        flex-direction: column;
        width:100%;
        align-items: center;
    }
    .field-item-content .flex_block.anlage > div.text {
        width:100%;
    }
    #page .field-name-body .field-item .field-item-content {
        box-sizing: border-box;
    }
    .flex_block.anlage .flex_block.wrap .text:nth-child(5) {
        margin-top: 0px;
    }
    .flex_block.anlage .image img {
        margin-left:auto;
        margin-right:auto;
        width:auto!important;
		height:auto!important;
    }
    .anlage > .text h3.bold {
        text-align: center;
    }
    .field-name-body .content_block_4 .field-item-content{
        padding: 0px 0px!important;
    }
    .flex_block.steps {
        flex-wrap: wrap;
    }
    .flex_block.steps > div {
        width: 50%;
        margin-bottom:30px;
    }
    .steps_info {
        width:100%;
        margin-top: 0px;
    }
    .anlage > .text h3 {

    }
    #gmap_canvas,
    .anlage .flex_block.wrap .text, 
    .anlage .flex_block.wrap .text .button {
        font-size:1rem;
    }
    .anlage .flex_block.wrap .text .button {
        width:100%!important;
    }
    #gmap_canvas{
        width:100%!important;
    }
    #pid-node .field-item-content > .flex_block {
		flex-direction: column;
    }
    .flex_block.anlage a.investieren_button{
        margin-bottom: 40px;
    }
    .flex_block.column {
        flex-direction: column;
		width: 100% !important;
    }
    .flex_block.column .text {
        padding-top: 13px;
        width: 100%;
    }
    h1.title, 
	.page h1, 
	body.page-blog h1.title, 
	#beteiligen h2, 
	#news + h2, 
	.testimonials_content_wrapper h2, 
	.flex_block.full h2 {
        font-size: 4.5vw;
		word-break: break-word;
		word-wrap: break-word;
    }
    .anlage .flex_block.wrap .text .button {
        margin-bottom:15px;
    }
    .field-name-body .field-item .field-item-content, 
	.front .field-name-body .content_block_2 .field-item-content{
        width:100%;
    }
    .front .field-name-body .content_block_2 {
        border-radius: 8px;
    }
    .flex_block.steps {
        margin-top: 30px;
    }
    #beteiligen h2{

    }
    .flex_block.steps > div {
        width: 50%;
        height:auto;
        margin-bottom: 0px;
        padding:30px!important;
    }
    .steps_info {

    }
    body #beteiligen a.button {
        width: 100%;
    }
    body #beteiligen a.button,
    #beteiligen h2 + .closed + .closed + .closed + .closed + .steps + .text a {
        margin-top: 45px !important;
    }
    .field-item-content > .flex_block > .text {
        width: 100%;
    }
    #buergerbeteiligung    ~ .flex_block > .text img,
    #berliner_stadtwerke ~ .flex_block > .text img {
        display: block;
        margin:15px auto;
    }
    .view-display-id-faq_block .accordion {
        padding: 15px 0px;
    }
    .accordion h3.ui-accordion-header {
        font-size: 15px !important;
        line-height: normal;
		padding-right: 50px;
    }
	.accordion .ui-accordion-content, 
	.accordion .ui-widget-content {
		font-size: 15px !important;
	}
    .view-display-id-faq_block + .text.full .investieren_button {
        width: 100%;
    }
    .closenavi,
    body .menu_trigger {
        display:block;
        background-color: #003a6c;
        text-align: center;
        width: 4rem;
        height: 4rem;
        color:#fff !important;
    }
    .closenavi,
    html.mm-opened .menu_trigger,
    .menu_trigger:hover {
        #cacaca !important
    }
    html.mm-opened .menu_trigger:hover{
        /*color:#595959;*/
    }
	.menu_trigger span.fa.fa-bars {
		margin-top: 16px;
	}
    .region-header-top,
    .header-top-inner {
        /*width:50%!important;*/
    }
    .header-top-inner{
        display: flex;
        flex-direction:column;
        align-items: flex-end;
        justify-content: space-around;
        height: 80px;
    }
    .logo_wrapper {
        margin: 0 auto;
        width: 100%;
        padding: 0px 15px;
    }
    .slideshow-header .slogan_title {
        font-size:5.6vw!important;
        text-align: center;
		display: none;
    }
    .view-display-id-slideshow_news .slick_slider .content-slide {

    }
    .slick_slider .content-slide .slider_image img {
        width:100%;
        height:auto;
    }
    .view-display-id-slideshow_testimonials .slick_slider .slick_inner_wrapper{
        max-width:590px;
    }
    .slick_slider .content-slide.testimonial .text_wrapper:before {
        margin-top: 25px;
    }
    .logo_wrapper{
        display: flex;
        width:100%;
    }
    .primary-menu-fixed #primary_menu_wrapper > div {
        margin-top: 0px;
    }
    element {

    }
    .primary-menu-fixed #primary_menu_wrapper > div {
        margin-top: 0px;
    }
    .primary-menu-fixed #primary_menu_wrapper > div {
        margin-top: 0px;
    }
	header.fixed #primary_menu_wrapper {
		height: auto !important;
	}
    #primary_menu_wrapper > div {
        float: left;
		height: auto !important;
    }
	#primary_menu_wrapper > #primary-menu {
		display: inline-block;
	}
    .primary_menu_block,
	.abmelden_toggle,
	.anmelden_toggle {
        display: inline-block;
    	float: left;
    }
    .menu_trigger{
        align-self: center;
    }
    .login_out_block {
        margin-top: 3px;
    	line-height: 40px;
    }
    .primary-menu-fixed #abmelden_toggle {

    }
    .primary-menu-fixed #anmelden_toggle, 
	.primary-menu-fixed #abmelden_toggle {
        line-height:normal;
    }
    .primary-menu-fixed #primary_menu_wrapper {
        width:50%;
        margin-top:0px;
        padding-top: 0px;
    }
    #ee_portfolio_details .row,
    .platform table.tablesorter,
    table.tablesorter thead tr th, 
    table.tablesorter tfoot tr th {
        font-size: 12px!important;
    }
    .ee-portfolio-project-details .title {
        width: 18%;
    }
    .ee-portfolio-project-details .value, 
	.ee-portfolio-project-details .value-2 {
        width: 32%;
    }
	.region-footer-bottom {
    	flex-direction: column;
	}
	.region-footer-bottom .block {
    	margin-bottom: 40px;
    	max-width: 100%;
	}
	.footer_newsletter {
		max-width: 350px !important;
	}
	#header_top.primary-menu-fixed,
	#header_top {
		height: 90px !important;
	}
	.region.region-header {
		
	}
	#logo img {
		margin-top: 0px;
	}
	#logo {
		top: -1.5rem;
		left: calc(50% - 5rem);
		width: 10rem;
	}
	.primary-menu-fixed #logo img {
		width: 9rem!important;
		clip: rect(auto auto 88px auto);
		transition: none !important;
	}
	.primary-menu-fixed #logo {
		height: 88px;
	}
	#page .flex_block.steps .text img {
		width: 120px!important;
	}
	.slideshow-header .slogan_content .first {
		border-bottom: none !important;
		font-size: 3.7vw;
    	line-height: 1;
	}
	.slideshow-header .slogan_content .last {
		border-top: 3px solid #003a6c;
		margin: 0 auto;
		width: fit-content;
		font-size: 7vw;
	}
	.timeline_wrapper.full {
		background-color: #fff;
	}
	#pid-node .field-item.content_block_2 h2 {
		margin-bottom: 0 !important;
	}
	.slideshow_image {
		background-position: center !important;
	}
    a.zeichnung_link {
		margin-bottom: 10px !important;
	}
}
@media (min-width: 768px) and (max-width: 1024px) { 
    #admin-menu {
        /*display: none;*/
    }
    #page * {
        /*border:1px solid red;*/
    }
    #admin-menu {
        display: none;
    }
    .teaserboxen h2 {
        font-size: 20px;
        font-weight: 100;
    }
    .teaserboxen .flex_block>div div {
        font-size: 18px;
        padding:0px 10px;
    }
    .admin-menu .page,
    html body.admin-menu,
    body.admin-menu {
        margin-top: 0px !important;
    }
    #mm-blocker {
        margin-top:100px !important;
    }
    #pid-customer-portfolio fieldset{
        margin-left: auto;
        margin-right: auto;
        width: 98% !important;
    }
    #ee_customer_data_block #group-master-data-wrapper, 
    #ee_customer_data_block #group-address-wrapper, 
    #ee_customer_data_block #group-account-area-wrapper, 
    #ee_customer_data_block #group-crm-wrapper, 
    #ee_customer_data_block #group-identification-wrapper, 
    #ee_customer_data_block #group-delivery-wrapper, 
    #ee_customer_data_block #group-kist-wrapper {
        width: 48%!important;
        border: none;
    }
    .region-footer {
        flex-wrap: wrap;
    }
    .region-content-top,
    #content_top{
        width:100%;
        padding:0px;
        margin-left: auto;
        margin-right: auto;
    }
	.login_out_block {
    	float: right;
    }
    #block-block-164{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    #header_top {
        /*height: 110px;
        padding-top: 0px;
        background-color: #ffffff;
        width: 100%;
        padding-bottom: 10px;
		-webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.36);
		-moz-box-shadow:    0px 2px 4px 0px rgba(50, 50, 50, 0.36);
		box-shadow:         0px 2px 4px 0px rgba(50, 50, 50, 0.36);
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;*/
    }
    #header_top #logo img {
        /*width: auto;
        height: 90px;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;*/
    }
    #header_top #logo {
        /*width: auto;
        height: 114px;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;*/
    }
    #header_top #anmelden_toggle,
    #header_top #abmelden_toggle {
        
    }
    #header_top #anmelden_toggle::before, 
    #header_top #abmelden_toggle::before {
        
    }
    .header-inner{
        width: 100% !important;
    }
    body #beteiligen a.button {
        margin-top: 120px;
        width: 80%;
        margin-left: auto; 
        margin-right: auto; 
    }
    .steps_info:before{
        display: inline-block;
    }
    .addtoany_list{
        margin-top:20px;
    }
    #ee_customer_data_block .form-item {
        width: 100%!important;
    }
    #ee_customer_data_block .form-select {
        width: 80%!important;
    }
    #ee_customer_data_block .form-text {
        width: 80%!important;
    }footer p {
		font-size: 15px;
	}
	.footer_menu .list a {
		padding: 0 5px;
	}
}

@media (max-width: 767px) {
	.anker {
		top: -140px;
	}
    .front.admin-menu .page #preface_bottom{
        height:auto;
    }
    .modal_login, .modal_logout {
        position: fixed;
        display: none;
        width: 95%;
        margin-left:0px; 
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .flex_block.profis{
        flex-direction: column;
    }
	.field-item-content > .flex_block.profis > .text{
		width:100%;
    }
    ul.check {
        line-height: 25px;
    }
    .slide_text, 
    .slide_text p, 
    .slide_link,
    ul.check {
        margin-top: 10px;
    }
    .slogan_title::after {
        line-height: 10px;
    }
    .slide_text {
        margin-top: 0px;
    }
    .header-inner, .region-header-top, .region-navigation, 
    .region-preface-top, .page-user-edit #page.adminpage #main, 
    .region-preface-bottom, .region-content-bottom, 
    .region-postscript-top, 
    #webform-client-form-206, #webform-client-form-70, 
    .region-postscript-bottom, .region-footer, 
    .view-display-id-slideshow_news, 
    .view-display-id-slideshow_testimonials, 
    .region-footer-bottom {
        width: 100% !important; 
    }
    .page-user-reset .region-content, 
    #pid-user-password .region-content, 
    #pid-user-login .region-content, 
    #pid-fast-registry-step2 .region-content, 
    .platform:not(.adminpage) .region-content, 
    .adminpage #main-content, 
    #pid-contact .page_title_wrapper, 
    #pid-impressum .page_title_wrapper, 
    #pid-datenschutz .page_title_wrapper {
        margin-top: 50px;
    }
    #pid-customer-portfolio .navibutton{
        box-sizing: content-box!important;
    }
    body a.navibutton:hover{
        color:#b7cc25;
    }
    .navibutton.navi_small{
        -webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.55);
        -moz-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.55);
        box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.55);
    }
    #ee_fast_registry_block *{
        /*border:1px solid red;*/
    }
    #pid-customer-portfolio #content,
    .system_messages_wrapper,
    .headerbild_image,
    #preface_bottom,
    .platform #main-content,
    #main-content {
        width:100%!important;
    }
    #ee-portfolio-main-table_pager_info{
        width:30%;
    }
    .system_messages_wrapper{
        margin-left: 0px;
        left:0;
        box-sizing: border-box!important;
        padding: 0px 10px 10px 10px;
    }
    .system_messages_wrapper .closer {
        margin-right: -10px;
    }
    .headerbild_image {
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    #main-content {
        padding: 0px 0px;
    }
    #preface{
        background-color: #f5f5f5; 
    }
    .front #content > .region-content {
        padding-top: 0px;
    }
    .headerbild_image {
        height: 280px;
    }
    #views_slideshow_cycle_teaser_section_eueco7_slideshow-slideshow_header {
        height:280px!important; 
        /* border: 1px solid red; */
    }
    .view-display-id-slideshow_header .slideshow_content_wrapper {
        height:280px;
        line-height: normal;
    }
    #page .teaserboxen .flex_block {
        width: 100%;
        margin-top: 30px;
        flex-direction: column;
    }
    .teaserboxen .flex_block > div {
        width: 100%!important;
        height: 260px;
        text-align: center;
        padding-top: 55px;
        color: #ffffff;
        line-height: 23px;
    }
    .teaserboxen .flex_block > div.white {
        border-radius: 8px 8px 0px 0px;
    }
    .teaserboxen .flex_block > div.blue {
        border-radius: 0px 0px 8px 8px;
    }
    .flex_block.anlage .image {
        flex-direction: column;
        margin-bottom: 35px;
    }
    .flex_block.anlage .image img:first-child {
        margin-bottom: 35px;
    }
    .slideshow_content {
        align-self: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 120px;
    }
    .slideshow-content .slideshow_content:before {
        content: '';
    }
    .slideshow-content{
        display: none;
    }
    .slideshow-content .views-slideshow-pager-fields {
        display: none;
    }
    .slideshow-header .slideshow_image {
        margin-top:0px;
    }
    .slideshow-header .slideshow_image, 
    .slideshow-content .slideshow_image {
        height: 280px;
    }
    #views_slideshow_controls_text_next_eueco7_slideshow-slideshow_header, 
    #views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_header {
        display: none;
    }
    #views_slideshow_controls_text_next_eueco7_slideshow-block_1,
    #views_slideshow_controls_text_previous_eueco7_slideshow-block_1, 
    #views_slideshow_controls_text_next_eueco7_slideshow-slideshow_content, 
    #views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_content {
        display: none;
    }
    #views_slideshow_controls_text_previous_eueco7_slideshow-block_1,
    #views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_header, 
    #views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_content {
        display: none;
    }
    #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 {
        display: none;
    }
    .slideshow_content {
        padding:0px;
        width:100%;
        margin:0px;
    }
    .slogan_content{
        width:90%;
        float:none;
        display: block;
        margin-left:auto;
        margin-right:auto;
        font-size:6vw!important;
        line-height: normal;
        margin-top:0 !important;
    }
    .views-slideshow-controls-bottom {
        display: none;
    }
    .slideshow_content_inner_wrapper,
    .headerbild_text{
        display: none;
    }
    .slideshow_content_inner{
        display: none;
    }
    header,
    #preface,
    #pid-fast-registry-step1 #content,
    .region-preface-top,
    #main,
    .front #main-content .field-name-body > .field-items > .field-item,
    footer {
        margin-left:auto;
        margin-right:auto;
        width:100%!important;
    }
    #pid-fast-registry-step1 .registry_blocks_inner {
        border: 0px solid #268D84!important;
        padding: 0px!important;
	}
	#header_top {
		height: 90px;
	}
	#logo {
		padding-top: 10px;
	}
	.primary-menu-fixed #logo {
		top: -2rem;
	}
	.login_out_block_fixed .anmelden_toggle, 
	.login_out_block_fixed .abmelden_toggle {
		margin-top: -20px;
		font-size: 10px;
	}
    .page h1.title, .field_body h2 {
        line-height: 30px;
        font-size: 26px;
    }
    #block-menu-menu-footermenu {
        width: 100%;
    }
    .region-footer{
        padding: 0px 20px;
        padding-top:20px;
    }
    .region-footer{
        display:block;
    }
    .region-footer    div.block {
        width: 100%;
        display:block;
        clear:both;
    }
	.footer_menu {
		height: 220px;
	}
	.footer_kontakt {
		border: none;
	}
    #ee_fast_registry_block{
        width:100%!important;
        display:flex!important;
        flex-direction:column!important;
        flex-wrap:wrap!important;
    }
    #registry_info div {
        width:100%!important;
    }
    .register_title h2 {
        padding-left: 0px;
        background-image:none;
        height: auto;
    }
    #pid-fast-registry-step1 #fast-registry-login, 
    #pid-fast-registry-step1 #fast-registry-registry{
        display: block!important;
        width: 90%!important;
        margin-left:auto!important;
        margin-right:auto!important;
        float:none!important;
    }
    #pid-fast-registry-step1 #fast-registry-login{
        order:1;
    }
    #pid-fast-registry-step1 #ee_fast_registry_block h1, 
    #pid-fast-registry-step1 #ee_fast_registry_block h2 {
        width:100%!important;
    }
    .registry_info{
        display:none;
    }
    #edit-legal-accept{
        width:auto!important;
    }
    #admin-menu{
        display: none;
    }
    #pid-customer-portfolio .navibutton{
        box-sizing: content-box!important;
    }
    #pid-customer-portfolio #main * {
        box-sizing: border-box !important;
    }
    #pid-customer-portfolio table.tablesorter tbody tr td {
        width: auto !important;
        min-width: 0px;
        padding-left: 10px;
    }
    #pid-customer-portfolio table.tablesorter tbody tr td {
        width: auto !important;
        min-width: 0px;
        padding-left: 10px;
    }
    #ee-portfolio-main-table thead {
        display: none !important;
        float: none !important;
    }
    table.bt tfoot th::before, 
	table.bt tfoot td::before, 
	table.bt tbody td::before {
        content: attr(data-th) ": ";
        display: inline-block;
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        font-weight: bold;
        width: 50%;
    }
    #ee-portfolio-main-table td.ee-subscript-volume {
        text-align: left;
    }
    #pid-customer-portfolio #ee-project-type-title {
        font-size: 0px;
    }
    #ee_customer_data_block .form-select {
        margin-left:0px;
        width: auto;
    }
    #pid-customerdata .platform #main *{
        box-sizing: border-box;
    }
    #pid-customerdata .platform #main-content{
        float:none!important;
    }
    #ee_customer_data_block #group-manager-wrapper .value-ok,
    #ee_customer_data_block #group-contact-wrapper .value-ok {
        margin-right:0px!important;
    }
    #ee_customer_data_block #group-master-data-wrapper,
    #ee_customer_data_block #group-address-wrapper,
    #ee_customer_data_block #group-account-area-wrapper,
    #ee_customer_data_block #group-delivery-wrapper,
    #ee_customer_data_block #group-crm-wrapper, 
    #ee_customer_data_block #group-identification-wrapper,
    #ee_customer_data_block #group-kist-wrapper {
        width:100%!important;
        box-sizing: border-box;
        margin-top: 10px;
    }
    #group-customer-class-wrapper legend{
        width:100%!important;
    }
    #group-customer-class-wrapper #edit-field-regtype-inner-wrapper{
        width: 100% !important;
    }
    #ee_customer_data_block .form-item label {
        margin-top: 15px;
    }
    .page-user #page #user-profile-form legend,
    .page-user #page legend a,
    #ee_customer_data_block legend span, 
    #ee_customer_data_block legend a {
        color:#8fbb2f;
        height:auto!important;
        font-size: 16px!important;
    }
    #ee_customer_data_block #group-customer-class-wrapper {
        display: block;
        float: none;
        height:auto!important;
        box-sizing: border-box;
    }
    #ee_customer_data_block #edit-field-foundation-date-wrapper input,
    #ee_customer_data_block #group-customer-class-wrapper select {
        margin-bottom:5px!important;
    }
    #edit-field-foundation-date-outer-wrapper .container-inline-date{
        margin:0px;
    }
    #ee_customer_data_block #edit-field-offline-customer-outer-wrapper {
        margin-left: 0px;
    }
    #ee_customer_data_block #edit-field-regtype-wrapper .description,
    #ee_customer_data_block #edit-field-offline-customer-outer-wrapper {
        display: block;
        float: none;
        clear:both;
    }
    #ee_customer_data_block #edit-field-offline-customer-outer-wrapper {
        margin-left: 0px!important;
    }
    #group-identification-wrapper, 
    #group-crm-wrapper, 
    #group-kist-wrapper, 
    #group-offers-wrapper, 
    #group-advantage-wrapper {
        padding-left: 10px!important;
        box-sizing: border-box;
    }
    #ee_customer_data_block #edit-field-regtype-wrapper .description{
        margin-top:0px;
    }
    #ee_customer_data_block #group-customer-class-wrapper .fieldset-wrapper {
        float: none;
        position: static;
    }
    #ee_customer_data_block #edit-field-birthday-outer-wrapper {
        height: auto;
    }
    #ee_customer_data_block .inner-wrapper,
    #ee_customer_data_block .outer-wrapper,
    #ee_customer_data_block .form-item {
        display: block;
        float: none;
    }
    #ee_customer_data_block .value-ok {
        margin-left: 10px;
    }
    #ee_customer_data_block .form-select,
    #ee_customer_data_block .form-text {
        display: inline-block;
        float: left;
        width:80%!important;
        margin-bottom:20px;
        margin-top: 0px;
        box-sizing:content-box!important;
    }
    #ee_customer_data_block #edit-field-offline-customer-outer-wrapper {
        margin-left: 0px;
    }
    #ee_customer_data_block .form-submit {
        float: none;
        display:block;
        width:200px;
        margin-left:auto;
        margin-right:auto;
    }
    #ee_customer_data_block .fieldset-wrapper .description {
        margin-left: 0px;
    }

    /*******************    Kennwort / E-Mail ändern *************************/
    .password-strength {
        width: auto;
    }
    .page-user-edit #main {
        box-sizing: border-box;
        width: 100% !important;
        padding: 0px 10px;
    }
    .page-user-edit #edit-account {
        box-sizing: border-box;
        padding: 30px;
        width: 100%;
    }
    .password-strength {
        float: none; 
        display:block;
        margin-bottom:10px;
    }
    .page-user-edit #main #edit-account * ,
    .page-user-edit #main #edit-account {
        box-sizing: border-box; 
    }
    .page-user-edit #edit-account .form-item-current-pass input, 
    .page-user-edit #edit-account .form-item-name input, 
    .page-user-edit #edit-account .form-item-mail input {
        width: 80%;
    }
    .page-user-edit #main #edit-account * ,
    .page-user-edit #main #edit-account {
        box-sizing: border-box; 
    }
    .page-user-edit #edit-account .form-item-current-pass input, 
    .page-user-edit #edit-account .password-parent, 
    .page-user-edit #edit-account .confirm-parent, 
    .page-user-edit #edit-account .form-item-name input, 
    .page-user-edit #edit-account .form-item-mail input, 
    .page-user-edit #edit-account .form-item-current-pass .description, 
    .page-user-edit #edit-account .form-item-name .description,
    #edit-account .form-item-name .description,
    .page-user-edit #edit-account .form-item-mail .description,
    .page-user-edit #edit-account .description {
        width: 100%!important; 
    }
    .page-user-edit #user-profile-form #edit-submit {
        width:150px;
        margin-left:auto;
        margin-right:auto;
    }
    .page-user-edit #edit-legal label{
        width:90%;
    }
    .page-user-edit #main    #edit-account * ,
    .page-user-edit #main    #edit-account {
        box-sizing: border-box; 
    }
    .page-user-edit #edit-account .form-item-current-pass input, 
    .page-user-edit #edit-account .password-parent, 
    .page-user-edit #edit-account .confirm-parent, 
    .page-user-edit #edit-account .form-item-name input, 
    .page-user-edit #edit-account .form-item-mail input, 
    .page-user-edit #edit-account .form-item-current-pass .description, 
    .page-user-edit #edit-account .form-item-name .description,
    #edit-account .form-item-name .description,
    .page-user-edit #edit-account .form-item-mail .description,
    .page-user-edit #edit-account .description {
        width: 100%!important; 
    }
    .page-user-edit #user-profile-form #edit-submit {
        float:none;
        display:block;
        width:150px;
        margin-left:auto;
        margin-right:auto;
    }
    .page-user-edit #edit-legal label{
        width:90%;
    }

    /**********webforms***********/

    #pid-contact #main,
    #pid-newsletter #main {
        box-sizing: border-box;
        width: 100% !important;
        padding: 0px 10px;
    }
    #pid-newsletter .newsletter_archiv_link{
        float:none;
        margin-top:20px;
        width:100%;
    }
    #simplenews-confirm-add-form #edit-actions input,
    #simplenews-confirm-add-form #edit-actions a {
        margin-left:auto;
        margin-right:auto;
    }
    .sidebar-first-s .menu:first-child + .menu li.first{

    }
    #edit-submitted-nachricht {
        width:100% !important;
    }
    .webform-client-form,
    #webform-client-form-70 {
        display: block;
        width:90% !important;
        margin-left:auto;
        margin-right:auto;
    }
    .webform-client-form fieldset .fieldset-wrapper {
        display: block !important;
    }
    #pid-newsletter .envia_block.projekt,
    .webform-client-form fieldset input.form-text,
    .webform-client-form .form-textarea-wrapper .grippie {
        width: 100%!important;
    }
    #webform-client-form-70 .form-submit {
        float: none;
        font-size:4vw!important;
        display: block !important;
        width: 100%!important;
    }
    .map iframe{
        width:100%!important;
    }
    .flex_block > .flex_block{
        width:100%;
    }
    .flex_block > .flex_block:first-child {
        border-right: none;
    }
    .flex_block > .flex_block > div.image {
        width:100%!important;
    }
    .flex_block > .flex_block > div img{
        display: block;
        margin-left:auto;
        margin-right:auto;
    }
	#page .flex_block .image.small {
		flex-direction: column;
	}
	#page .flex_block > .image img {
		width: 100% !important;
		margin-bottom: 20px;
	}
    .faq-bloecke .accordion h3.ui-state-default .icon::after {
        font-size: 23px;
        margin-right: 15px;
    }
    .view-faq-kategorien div,
    body .view-faq-kategorien a {
        float:none;
        display:block;
        font-size: 16px;
        text-align:center;
        width:auto;
        line-height: 35px;
        margin-bottom:5px;
    }
    .view-faq-kategorien > div > div {
        margin-left:auto;
        margin-right: auto;
    }
    /******* div table ************/
    .divtable{

    }
    .divrow{
        
    }
    .divrow > div{
        
    }
    .divrow > div:first-child{
        
    }
    /********************/
    body *{
        /*border:1px solid red;*/
    }
    .tabs--primary{
        display: none;
    }
    .style_projectpage .region-footer{
        display:flex;
        flex-direction:column;
    }
    .style_projectpage .region-footer > div,
    .style_projectpage footer ul.menu li {
        text-align: center;
    }
    .website_link .round_image_link {
        margin-left:auto;
        margin-right:auto;
    }
    .website_link{
        order:5;
    }
    .content-slider-row {
        display:block;
    }
    .ee_content_slider .views-slideshow-controls-text-previous-processed,
    .ee_content_slider .views-slideshow-controls-text-next-processed {
        display:none;
    }
    .contenslider_image,
    .contenslider_content {
        width: 90%;
        display:block;
        margin-left:auto;
        margin-right:auto;
    }
    .contenslider_image img{
        display:block;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:15px;
    }
    #pid-customer-portfolio .platform .row{
        font-size: 12px!important;
    }
    #pid-projekte h1.title {
        margin-bottom: 30px;
    }
    #buergerbeteiligung    ~ .flex_block > .text img,
    #berliner_stadtwerke ~ .flex_block > .text img {
        width: 100%!important;
        height:auto!important;
        display: block;
        margin:15px auto;
    }
    .region-content #ee-projectdetails-invested-block .tooltip,
    .region-content #ee-skala {
        width:    100%;
    }
    .field-item-content >div > img{
        display:block;
        width:100%!important;
        height:auto!important;
        margin-left:auto;
        margin-right:auto;
    }
    .front #preface_bottom {
        height: auto;
    }
    .front_buttons {
        position: static;
        width: 100%;
        margin-top:20px;
    }
    .front_buttons .flexcontainer {
        display:block;
    }
    .front_buttons .flexcontainer >div {
        margin-bottom:20px;
    }
    .front_buttons .flexcontainer img {
        display:block;
        width:75%!important;
        max-width:380px;
        height:auto!important;
        margin-left:auto;
        margin-right:auto;
    }
    .testimonials img,
    .prinzip img{
        width:100%!important;
        height:auto!important;
    }
    .region-footer-bottom {
        flex-direction: column;
    }
    .region-footer-bottom > div{
        margin-bottom:20px;
    }
    footer ul.menu li a {
        font-size: 14px;
        line-height: 25px;
    }
    .ui-accordion .ui-accordion-header {
        background-image:none;
        background-color: #85BC22;
        line-height: 25px;
        vertical-align: middle;
        display: table!important;
        padding-left: 5px;    
    }
    .accordion h3.ui-state-default::after {
        float:none!important;
        margin-right: 10px;
        font-size: 20px;
        vertical-align: middle;
        display: table-cell;
        padding-right:5px;
    }
    .ui-widget-content img{
        width:100%!important;
        height:auto!important;
    }
    .accordion .ui-widget-content > .projekt_content {
        display: block;
    }
    .accordion .ui-widget-content > .projekt_content > div {
        margin-bottom:20px;
    }
    .projekt_content > div .projekt_link {
        margin-top: 30px;
    }
    .projekt_content div table,
    table.details {
        background-image:none;
        background-color: #E0EAF1;
        width: 100%;
        font-size:4vw!important;
    }
    table.details td {
        border:1px solid #ffffff;
        padding:0px 3px;
    }
    #smart-menu-wrapper .menu li.startseite{
        display:none;
    }
    headerbild_image.allgemein {
        background-position: center top;
    }
    #pid-user-register #content #registrieren {
        margin-top: 80px;
    }
    #anmelden_trigger {
        font-size: 14px !important;
    }
    #anmelden_trigger::before {
        margin-right: 8px;
    }
    #pid-user-register #content #registrieren .flex_block > div {
        margin-top: 0px;
    }
    #pid-user-register #main-inner{
        padding:0px;
    }
    .webform-client-form .form-text {
        width: 100%;
    }
    .addtoany_list{
        margin-top:20px;
    }
    #buergerbeteiligung + h2{
        font-size: 8.3vw;
    }
    .flex_block.anlage > .text:last-child {
        padding: 15px;
    }
    .flex_block.anlage .flex_block.wrap .text:nth-child(5) a {
        height:auto;
        line-height: normal;
        padding-top:3px;
        padding-bottom:3px;
    }
    #faqs + h2 {
        font-size: 10vw;
        line-height: normal;
    }
    .view-display-id-faq_block .view-header {
        flex-direction: column;
    }
    .view-display-id-faq_block .view-header > div {
        width: 100%;
    }
    .view-display-id-faq_block .view-header > div:first-child {
        
    }
    .view-display-id-faq_block .view-header > div:last-child {
        border-radius: 0px 0px 0px 0px;
    }
    /*platform*/
    #pid-user-register #user-register-form input {
        width:100%;
    }
    #ee_portfolio_details .row{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #ee_portfolio_details .row > div{
        margin-bottom: 10px;
    }
    .ee-portfolio-project-details .title {
        width: 40%;
    }
    .ee-portfolio-project-details .value, 
    .ee-portfolio-project-details .value-2 {
        width: 60%;
    }
    #pid-customer-portfolio #ee-project-type-title {
        font-size: 12px;
    }
    #pid-customer-portfolio table.tablesorter tbody tr td {
        font-size:13px!important;
    }
    .platform #main-inner {
        padding-bottom: 0px!important;
    }
    .primary-menu-fixed #anmelden_toggle, 
	.primary-menu-fixed #abmelden_toggle {
        font-size: 18px;
    }
	.flex_block.steps > div {
		width: 100% !important;
	}
	#block-menu-menu-footermenu .menu {
		display: block;
	}
	.logo2 img {
		width: 90px !important;
		height: auto !important;
	}
	#logo img {
		width: auto !important;
		height: 90px !important;
	}
	.flex_block.invest_info {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.flex_block.invest_info .text{
		text-align: center;
		margin-bottom:20px;
	}
	.flex_block.invest_info .text:last-child {
		text-align: center;
	}
	.flex_block.anlage > .text:first-child{
		margin-bottom: 20px;
	}
	.flex_block.two.projekt {
		flex-direction: column;
	}
	#page .flex_block.two.projekt > .flex_block {
		width: 100% !important;
		border: none !important;
		margin-bottom: 60px;
		padding: 0 !important;
	}
	div#views_slideshow_cycle_main_eueco7_slideshow-slideshow_header_1, 
	.views-slideshow-cycle-main-frame, 
	.views-slideshow-cycle-main-frame-row {
		max-height: 280px;	
	}
	div[id^='views_slideshow_controls_text_next_eueco7_slideshow-slideshow_header'], 
	div[id^='views_slideshow_controls_text_previous_eueco7_slideshow-slideshow_header'],
	#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: 62px;
	}
	footer {
		order: 3;
	}
	#page .flex_block.projekt > .flex_block .image {
		height:auto;
	}
	.divtable.projekte .divrow {
		width: 50%;
	}
	.slideshow-header .slogan_content .first ,
	.slideshow-header .slogan_content .last{
		font-size: 5.7vw;
	}
	.image img {
		height: auto !important;
	}
	.footer_menu .content {
		float: left;
	}
	#page .flex_block .image img {
		max-height: none;
	}
}
@media (max-width: 640px) {
	.dividend_total {
		position: relative;
		text-align: right;
		right: 0;
	}
}
@media (max-width: 510px) {
    #page * {
        /*border:1px solid red;*/
    }
	.flex_block.anlage > .text:last-child h2 {
        font-size: 6.5vw;	
	}
    body div.ui-widget{
        width:100%!important;
    }
    #ee_subscription_block select#ee-select-investor {
        width: 100%;
    }
    #ee_subscription_block {
        padding: 15px 20px 15px 15px !important;
    }
    #subscription-header h1 {
        font-size: 7vw;
    }
    #ee_subscription_block #ee-submit-button {
        width: 100%;
        text-align: center;
    }
    #ee-skills-shares-wrapper, 
    #ee-experiences-shares-wrapper, 
    #ee-skills-investment-wrapper, 
    #ee-experiences-investment-wrapper, 
    #ee-skills-nachrang-wrapper, 
    #ee-experiences-nachrang-wrapper, 
    #ee-skills-direct-wrapper, 
    #experiences-details-nachrang-wrapper, 
    #ee-experiences-direct-wrapper, 
    #ee-skills-shares-wrapper, 
    #experiences-details-direct-wrapper, 
    #experiences-details-investment-wrapper, 
    #experiences-details-shares-wrapper {
        width: auto!important;
    }
    .ee_e_sig_input_inner_wrapper > div {
        width: 100%;
    }
    #ee_e_sig_ort-wrapper{
        margin-bottom: 0px;
    }
    #pid-zeichnung a.smart_link{
        display: inline-block;
    }
    body .anlage a.informieren {
        height:auto;
        line-height: normal;
		padding:5px 0px;
    }
	#pid-customer-portfolio #block-block-165 .button.green {
        width: 100%;
	}
	.ee-portfolio-project-details .title {
        width: 100%;
	}
	.ee-portfolio-project-details .value, 
	.ee-portfolio-project-details .value-2 {
		width: 100%;
	}
	.divrow div {
		float: none;
		width: 100%;
	}
	.flex_block.steps > div {
		width: 100% !important;
	}
	.divtable.projekte .divrow {
		width: 100%;
	}
	#primary_menu_wrapper > #primary-menu {
		flex-direction: column;
	}
	.footer_menu {
		height: 290px;
	}
	.footer_menu .list a {
		display: table-row;
	}
}
@media (max-width: 427px) {
	.total td.ee-booking-date {
		display: none;
	}
}
@media (max-width: 281px) {
	#ee-bookings-table tr.total {
		display: none;
	}
}