@media only screen and (max-device-width: 1024px)and (-webkit-min-device-pixel-ratio: 1){ 
    input[type="submit"]{
        -webkit-appearance: none;
        border-radius: 0px;
    }
    textarea{
        -webkit-appearance: none;
        border-radius: 0px;
    }
    #pid-user-register #main
    {
        display: block;
        width:90% !important;
        margin-left:auto;
        margin-right:auto;
    }
    .aspect-ratio {
        padding-bottom: 67%;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 15px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px){ 
    #page{
        width: 100%;
    }
    .text.fourhundred {
        min-width: 400px;
    }
    #page * {
        /*border:1px solid red;*/
    }
    .logo_wrapper,
        /* .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,
    #user-register-form, #main-inner,
    .page-node-edit #main,
    .page-admin #main,
    #content,
    .field-name-body .field-item .field-item-content,
    .front #main .field-name-body .content_block_4 .field-item-content,
    #main .field-name-body .field-item .field-item-content, 
    .front #main .field-name-body .content_block_2 .field-item-content,
    .region-postscript-top {
        width:100%!important;
        margin-left: auto;
        margin-right: auto;
        /* padding:0px; */
    }
    .page-user-reset #main,
    #pid-datenschutz .page_title_wrapper,
    #pid-nutzungsbedingungen .page_title_wrapper,
    .region-footer-bottom,
    #main .field-name-body .field-item .field-item-content,
    .platform #content {
        width: 90%!important;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    #content,
    #main .field-name-body .field-item .field-item-content.full{
        width:100%!important;
    }
    #header_top.primary-menu-fixed{

    }
    #page .teaserboxen .flex_block{
        margin-left: auto;
        margin-right: auto;
    }
    .logo_wrapper,
    .region-footer {
        margin-left: auto;
        margin-right: auto;
    }
    .logo_wrapper {
        width:95%!important;
    }
    .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%;
    }
    .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 (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) { 
    #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;
    }
    #block-block-164{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    #header_top {
        /* height: 110px; */
        padding-top: 0px;
        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: 90px;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }
    #header_top .anmelden_toggle,
    #header_top .abmelden_toggle {

        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }
    #header_top .anmelden_toggle::before, 
    #header_top .abmelden_toggle::before {
        background-image: url('/sites/egis-energie.de/themes/eueco_site/images/egis/login_icon_small.png');
        width: 18px;
        height: 21px;
        margin-top: 5px;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }
    .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;
    }
    flex_block.egis_copy > div:last-child > div {
        width: 100%;
    }
    .flex_block.egis_copy > div .image_wrapper {
        width:100%;
    }
}

@media (max-width: 1023px) {
    #page * {
        /*border:1px solid red;*/
    }
    #pid-contact #main,
    #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,
    #user-register-form, #main-inner,
    .page-node-edit #main,
    .page-admin #main,
    #main .field-name-body .field-item .field-item-content,
    .front #main .field-name-body .content_block_4 .field-item-content,
    .region-postscript-top,
    .region-footer,
    .region-footer-bottom {
        width:100%!important;
    }
    .page-user-reset #main,
    #pid-datenschutz .page_title_wrapper,
    #pid-nutzungsbedingungen .page_title_wrapper,
    .region-footer-bottom,
    #main .field-name-body .field-item .field-item-content,
    .platform #content {
        width:90%!important;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    #main .field-name-body .field-item .field-item-content.full{
        width:100%!important;
    }
    .region-footer-bottom .flex_block.column .button {
        margin-top:20px;
    }
    #main .field-name-body .field-item .field-item-content{
        padding:0px;
    }
    .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 #main .field-name-body .field-item .field-item-content {
        box-sizing: border-box;
    }
    .content_block_2 .field-item-content .text{
        padding:0 20px;
    }
    #pid-dienstleistungen .content_block_2 .field-item-content .text{
        padding:0 0px;
    }
    .flex_block.anlage .flex_block.wrap .text:nth-child(5) {
        margin-top: 0px;
    }
    .flex_block.anlage .image img {
        margin-left:auto;
        margin-right:auto;
    }
    .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:90%;
        left: 0; 
        right: 0; 
        margin-left: auto; 
        margin-right: auto; 
        margin-top: 420px;
    }
    .anlage > .text h3 {
        font-size: 16px;
    }
    #gmap_canvas,
    .anlage .flex_block.wrap .text, 
    .anlage .flex_block.wrap .text .button {
        width:100%!important;
    }
    #pid-node #main .field-item-content > .flex_block {
        flex-direction: column;
    }
    .field-item-content > .flex_block.about > div {
        margin-bottom:50px;
    }
    .flex_block.column {
        flex-direction: column;
    }
    .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: 5vw;
    }
    .anlage .flex_block.wrap .text .button {
        margin-bottom:15px;
    }
    #main .field-name-body .field-item .field-item-content, 
    .front #main .field-name-body .content_block_2 .field-item-content{
        width:100%;
    }
    .front #main .field-name-body .content_block_2 {
        border-radius: 8px;
    }
    .flex_block.steps {
        flex-direction: column;
        margin-top: 30px;
    }
    #beteiligen h2{

    }
    .flex_block.steps > div {
        width: 90%;
        height:auto;
        margin-bottom: 15px;
        padding:30px!important;
    }
    .steps_info {
        position: fixed;
        width: 90%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top:auto;
        top:40%;
    }
    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%;
    }
    .view-display-id-faq_block .accordion {
        padding: 15px;
        padding-right:0px;
    }
    .accordion h3.ui-accordion-header {
        font-size: 15px !important;
        line-height: normal;
        padding-left: 40px;
    }
    .view-display-id-faq_block + .text.full .investieren_button {
        width: 100%;
    }
    .closenavi,
    body .menu_trigger {
        display:block;
        /* background-color: #ffffff; */
        text-align: center;
        width: 25px;
        height: 25px;
        color: var(--primary);
    }
    .closenavi,
    html.mm-opened .menu_trigger,
    .menu_trigger:hover {
        color:#8fbb2f;
    }
    html.mm-opened .menu_trigger:hover{
        /*color:#595959;*/
    }
    .region-header-top,
    .header-top-inner {
        /*width:50%!important;*/
    }
    .navibutton_wrapper{
        display: block;
    }
    .slideshow-header .slogan_title {
        font-size:4.6vw!important;
        text-align: center;
        font-weight: 600;
    }
    .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;
    }
    .primary-menu-fixed #primary_menu_wrapper > div {
        margin-top: 0px;
    }
    #primary_menu_wrapper,
    .logo_wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .region-header-top{
        flex-grow: 1;
    }
    .header-top-inner{
        height:100%;
    }
    .navibutton_wrapper{
        margin-right: 30px !important;
        margin-left: 30px !important;
    }
    #primary_menu_wrapper{
        flex-direction: column;
    }
    .primary-menu-fixed #primary_menu_wrapper > div {
        margin-top: 0px;
    }
    .primary-menu-fixed #primary_menu_wrapper > div {
        margin-top: 0px;
    }
    #primary_menu_wrapper > div {
        width: 100%;
        margin-top: 15px!important;
    }
    #primary-menu {
        display: none;
    }
    .menu_trigger{
        align-self: center;
    }
    .login_out_block {
        margin-top: 0px;
        line-height: normal;
    }

    .primary-menu-fixed .anmelden_toggle, 
    .primary-menu-fixed .abmelden_toggle {
        line-height:normal;
    }
    .login_out_block {
        margin-top: 0px!important
    }
    #primary_menu_wrapper {
        margin-top: 0px!important;
        padding-top: 5px!important;
    }
    .modal_login, .modal_logout {
        position: fixed;
        display: none;
        width: 95%;
        max-width: 330px;
        margin-left:0px; 
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    header .absprung, .logo_wrapper {
        width:100%;
        padding: 0px 15px;
        /*display: none;*/
    }
    #logo img {
        width: auto !important;
        height: 90px !important;
        margin-top: 0px;
    }
    #header_top {
        height: 110px;
    }
    .anmelden_toggle,
    .abmelden_toggle {
        font-size: 20px;
        line-height: 22px!important;
        position: relative!important;
    }
    .flex_block.about > div a img {
        display:block;
        margin:0px auto;
        width: 100% !important;
        max-width:282px;
        height: auto !important;
    }
    .region-footer-bottom {
        flex-direction: row;
        flex-wrap: wrap;
    }
    #footer_bottom .block {
        /*width: 40%;*/
    }
    .header-top-inner {
        display: flex;
        justify-content: space-between;
        width: auto;
        align-items: center;
    }
    .not-front .field-item-content > .flex_block.about > div {
        max-width:31%;
    }
    #pid-node .field-item-content > .flex_block.about > div {
        max-width:100%;
    }
    .ajax_buttons .ajax_content_row .flex_block{
        flex-direction: column;
    }
    .ajax_buttons .ajax_content_row .flex_block > div {
        width:100%;
    }
    .ajax_buttons .ajax_content_row .flex_block.column {
        align-items: center;
    }
    .ajax_buttons .ajax_content_row .flex_block.column > div.image,
    .ajax_buttons .ajax_content_row .flex_block.column  > div.aspect-ratio {
        width:70%!important;
    }
    .ajax_buttons .ajax_content_row > .flex_block .text{
        margin-bottom: 25px;
    }
    .text.fourhundred {
        min-width: 0px !important;
        max-width: 400px !important;
        width: 400px !important;
        margin-left:auto;
        margin-right: auto;
    }
    .aspect-ratio {
        padding-bottom: 37%;
        width: 100% !important;
        min-width: 0px !important;
        max-width: 400px !important;
        margin-left:auto;
        margin-right: auto;
    }
    .ajax_buttons .ajax_content_row .flex_block.column > div.image img {
        width:100%!important;
        height:auto!important;
    }
    .ajax_buttons .ajax_content_row .flex_block.column  > div.aspect-ratio {
        padding-bottom: 51%;
        margin-bottom:20px;
    }
    .ajax_buttons .ajax_content_row .flex_block > div.aspect-ratio iframe {
        width:100%;
    }
    .ajax_buttons .ajax_content_row .flex_block > div.image img{
        display: block;
        margin:20px auto;
    }
    #webform-client-form-3406 > div {

    }
}
@media (max-width:1024px) {
    header .region-header .block.absprung {
        margin-top: -102px !important;
    }
}
@media (max-width: 860px) {
    #front_overlay_content.p2020 .text{
        font-size:18px;
    }
    #front_overlay_content.p2020 h1{
        font-size: 25px;
    }
}
@media (max-width: 800px) {
    #tarif_switcher{
        flex-direction: column;
    }
    #tarif_switcher > div {
        width: 100%;
    }
    #strom_on a {
        border-radius: 9px 9px 0px 0px;
        border:none;
    }
    #gas_on a {
        border-radius: 0px 0px 0px 0px;
    }
    #gas_on a {
        border:none;
    }
}
@media (max-width: 767px) {
    #strom_wrapper, 
    #gas_wrapper {
        min-height: 830px;
    }
    #gas_wrapper iframe, 
    #strom_wrapper iframe {
        height:820px !important;
    }
    #logo img {
        width: auto !important;
        height: 79px !important;
    }
    .logged-in .header-top-inner .login_out_block .content > div:first-child{
        display: none;
    }
    .flex_block.two > div {
        width: 100% !important;
    }
    body #main div.button a {
        line-height: normal!important;
    }
    #pid-projekte2020 .accordion.box{
        padding: 15px 0px;
    }
    #primary_menu_wrapper > div {
        margin-top: 0px;
    }
    .logo_wrapper{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    header .region-header .block.absprung {
        position: relative;
        margin-top: -50px !important;
    }
    .flex_block.egis_copy > div:last-child {
        width: 100%;
        order:0;
    }
    .flex_block.egis_copy > div:first-child {
        width: 100%;
        padding-bottom: 0px;
    }
    .flex_block.egis_copy > div:last-child > .image_wrapper{
        margin:0px auto;
        margin-bottom: 20px;
        width:50%;
        max-width: 280px;
    }
    #logo {
        width:auto;
    }
    .front.admin-menu .page #preface_bottom{
        height:auto;
    }
    .flex_block {
        flex-direction: column;
    }
    .flex_block.egis_copy {
        flex-direction: column-reverse;
    }
    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, 
    #user-register-form,
    .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;
    }
    #header_top {
        height: 80px;
    }
    #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);
    }
    #scrolltop {
        text-align: center;
        display: block;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        background-color: rgba(124, 175, 31, 0.8);
        font-size: 26px;
        line-height: 43px;
        color: #ffffff;
        -webkit-tap-highlight-color: rgba(232, 245, 237, 0);
        -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;
    }
    #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{
        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: 30px;
    }
    .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:80%;
        float:none;
        display: block;
        margin-left:auto;
        margin-right:auto;
        font-size:6vw!important;
        line-height: normal;
        margin-top:50px;
    }
    .views-slideshow-controls-bottom {
        display: none;
    }
    .slideshow_content_inner_wrapper,
    .headerbild_text{
        display: none;
    }
    .slideshow_content_inner{
        display: none;
    }
    header,
    #preface,
    .region-preface-top,
    #main,
    .front #main-content .field-name-body > .field-items > .field-item,
    footer {
        margin-left:auto;
        margin-right:auto;
        width:100%!important;
    }
    .page h1.title, .field_body h2 {
        line-height: 30px;
        font-size: 26px;
    }
    #block-menu-menu-footermenu {
        padding-left: 0px;
        width: 100%;
    }
    .region-footer{
        max-width: 90% !important;
        gap: 1em;
    }
    .region-footer  div.block {
        width: 100%;
        display:block;
        clear:both;
    }
    #ee_fast_registry_block{
        width:100%!important;
        display:flex!important;
        flex-direction:column!important;
        flex-wrap:nowrap!important;
    }
    #pid-fast-registry-step1 #user-register-form {
        padding: 15px;
    }
    #registry_info div {
        width:100%!important;
    }
    .register_title h2 {
        padding-left: 0px;
        background-image:none;
        height: auto;
    }
    #pid-fast-registry-step1 #fast-registry-login{
        order:1;
    }
    #pid-fast-registry-step1 #content #registrieren .flex_block > div {
        margin-top: 0px;
    }
    #registrieren > .flex_block > div {
        text-align: right;
    }
    #pid-fast-registry-step1 #ee_fast_registry_block h2 {
        width:100%!important;
    }
    .registry_info{
        display:none;
    }
    #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-fsa-wrapper,
    #ee_customer_data_block #group-marketing-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;
    }
    .flex_block.two.kontaktmap > div {
        width: 100% !important;
    }
    .flex_block.two.kontaktmap > div.map {
        margin-top:20px;
        width: 100% !important;
    }
    .webform-client-form {
        display: block;
        width:90% !important;
        margin-left:auto;
        margin-right:auto;
        border: none!important;
        border-radius: 0px!important;
        padding:0px!important;
    }
    .webform-client-form >div,
    .webform-client-form fieldset .fieldset-wrapper {
        display: block !important;
    }
    #pid-user-register #user-register-form > div, 
    #pid-fast-registry-step1 #user-register-form > div {
        margin: 0px auto;
        width:100%;
    }
    .webform-client-form > div > fieldset,
    .webform-client-form >div > div,
    .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;
    }
    .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{
        line-height: normal;
        padding-left:15px;
    }
    .divrow > div:first-child{
        font-weight:bold;
    }
    /********************/
    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;
    }
    .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 > div{
        margin-bottom:20px;
    }
    footer ul.menu li a {
        font-size: 14px;
        line-height: 25px;
    }
    .ui-accordion .ui-accordion-header {
        font-size: 14px!important;
        background-image:none;
        background-color: #85BC22;
        line-height: normal;
        vertical-align: middle;
        display: table!important;
        padding-left: 5px!important;
        padding-right: 22px!important;
    }
    .accordion h3.ui-accordion-header{
        font-size: 14px!important;
    }
    .faq_block h2.ui-state-default::after, 
    .archiv h2.ui-state-default::after {
        float:none!important;
        margin-right: 0px;
        font-size: 20px;
        vertical-align: middle;
        display: table-cell;
        right: 5px!important;
        padding-right: 0px;
    }
    .ui-accordion .ui-accordion-header,
    .ui-accordion-header{
        display: block!important;
    }
    .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-fast-registry-step1 #main-inner,
    #pid-user-register #main-inner {
        padding:0px;
    }
    .webform-client-form .form-text {
        width: 100%;
    }
    .addtoany_list{
        margin-top:20px;
    }
    .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 {
        border-radius: 8px 8px 0px 0px;
    }
    .view-display-id-faq_block .view-header > div:last-child {
        border-radius: 0px 0px 0px 0px;
    }
    /*platform*/
    #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;
    }
    .logo_wrapper_inner{
        width:50%!important;
    }
    .primary-menu-fixed .anmelden_toggle, 
    .primary-menu-fixed .abmelden_toggle {
        font-size: 18px;
    }
    .flex_block.ajax_buttons .ajax_content{
        width:100%;
    }
    .flex_block.ajax_buttons > div {
        width: 100%;
    }
    .flex_block img{
        display:block;
        margin-left:auto;
        margin-right:auto;
        width:100%!important;
        height:auto!important;
    }
    .page_title_wrapper,
    .region-footer-bottom,
    #main .field-name-body .field-item .field-item-content,
    .platform #content {
        width:90%!important;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    #pid-user-register #user-register-form input {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    #pid-fast-registry-step1 .platform #content,
    #content,
    #main .field-name-body .field-item .field-item-content.full{
        width:100%!important;
    }
    .headerbild_image {
        height: 180px;
    }
    .footer_image,
    .footer_image .headerbild_image 
    {
    height: 63px;
        object-fit: contain;
        width: 100%;
        background-position: center;
    }
    .full.bg_image {
        height: 100px;

    }
    #footer_bottom .block {
        width: 45%!important;
    }
    .flex_block.service{
        margin-bottom:30px;
    }
    .flex_block.service > div.text,
    .flex_block.service > div.image {
        width: 100%;
    }
    .flex_block.service > div.image {
        margin-bottom:15px;
    }
    .flex_block.service > div.image img{
        max-width: 282px;
    }
    body .about a {
        font-size: 5vw;
    }
    .flex_block.mitgliedschaft > div h3 {
        font-size: 5vw;
    }
    .flex_block.awards .image.full img{
        width:100%!important;
        height:auto!important;
        max-width:285px;
    }
    #pid-news #main .field-item-content > .flex_block.about > div {
        max-width: 100%;
    }
    .field-item-content > .flex_block.about.news a {
        /*font-size: 4vw;*/
        display: block;
        margin-bottom:15px;
    }
    .flex_block .image img{
        width:100%!important;
        height:auto!important;
        max-width:285px;
    }
    .accordion_archive .ui-widget-content {
        border: none;
        padding-left: 10px;
    }
    .flex_block .image{
        order:0;
        margin-bottom:20px;
    }
    .flex_block .image.full{
        order:1;
    }
    .flex_block.awards .aspect-ratio{
        height:auto!important;
        max-width:285px;
        margin:20px auto;
    }
    .text.fourhundred,
    .aspect-ratio {
        max-width:285px;
        margin-left: auto;
        margin-right: auto;
    }
    .text.fourhundred,
    .field-item-content > .flex_block.about{
        flex-direction: column;
    }
    .ajax_buttons .ajax_content_row .flex_block.column > div.image img,
    .field-item-content > .flex_block.about a img{
        max-width:285px;
        display: block;
        margin:0px auto;
    }
    .field-item-content > .flex_block.about > div {
        max-width:100%;
    }
    .ajax_button_wrapper .cat_title img,
    .ajax_buttons .ajax_content_row .flex_block.column > div.image img {
        max-width:285px!important;
    }
    .ajax_button_wrapper .cat_title {
        width: 100%;
        height: 282px;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .flex_block.two.kontaktmap > div.map {
        width: 100% !important;
    }
    #pid-fast-registry-step1 #user-register-form,
    #pid-user-register #user-register-form,
    #webform-client-form-3405, 
    #webform-client-form-3406 {
        border: none;
        border-radius:0px;
    }
    #webform-client-form-3406 > div {
        display: block;
    }
    #user-register-form, #user-register-form > div,
    #pid-user-register #user-register-form > div,
    #webform-client-form-3406 > div > fieldset, 
    #webform-client-form-3406 > div > div {
        width: 100%;
    }
    #registrieren > .flex_block {
        flex-direction: row;
    }
    #registrieren > .flex_block {
        width: 100%;
    }
    #registrieren > .flex_block > h1,
    #registrieren > .flex_block > div {
        width: 50%;
    }
    #webform-client-form-3405 > div {
        width: 100%;
    }
    .webform-component--projektdaten--titel-newsletter {
        margin-left: 0px;
    }
    #webform-client-form-3405 {
        margin: 30px auto;
    }
    #webform-client-form-3406 .webform-component{
        margin-bottom:20px;
    }
    .faq_block h2.ui-state-default,.archiv h2.ui-state-default {
        padding-right:25px;
        line-height: normal;
        width:100%;
    }
    .accordion h3.ui-state-default::after,
    .faq_block h2.ui-state-default::after, 
    .archiv h2.ui-state-default::after {
        right: 5px;
        padding-right:0px;
    }
    .field-item-content > .flex_block.about.news a {
        max-width: 100%;
        width:100%;
    }
    .not-front .field-item-content > .flex_block.about.news > div {
        max-width: 100%;
    }
    .flex_block.news .text {
        margin-left: 0px;
    }
    .faq_block h2.ui-accordion-header, 
    .archiv h2.ui-accordion-header, 
    .accordion h3.ui-accordion-header {
        font-size: 13px!important;
        padding-left: 15px;
        padding-right:25px;
    }
    .page-user-edit #main #edit-account{
        border:none;
        padding:0px;
    }
    .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: 10px 0px 20px 5px;
        border: none;
        font-size: 13px;
        line-height:normal;
        line-height: 20px;
        margin-top: 5px;
        margin-bottom: 0px;
        height: auto !important;
        overflow: visible !important;
    }
    #ee_genossenschaft_info_wrapper {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    #ee_genossenschaft_info_wrapper .inner_wrapper {
        width: 100%;
    }
    .front_wrapper {
        padding: 15px;
    }
    .front_wrapper h1 {
        margin: 1em 0;
    }
    .cta-box-wrapper {
        gap: 10px;
    }
    .cta-box-wrapper>div {
        width: 100%;
        margin: 0 auto;
    }
}
@media (max-width: 767px) {
    #front_overlay_content.p2020 > .flex_block{
        flex-direction: row;
        align-items: center;
    }
    #front_overlay_content.p2020 .column {
        margin-bottom: 0px;
    }
    #front_overlay_content.p2020 > .flex_block > div{
        width:48%;
    }
    #front_overlay_content.p2020 .button a{
        width:100%;
    }
}
@media (max-width:590px) {
    #video video{
        width:100%!important;
        height:auto!important;
    }
    video {
        width: 100%    !important;
        height: auto   !important;
    }
}
@media (max-width: 460px) {
    #front_overlay_content.p2020 > .flex_block{
        flex-direction: column;
        align-items: center;
    }
    #pid-projekte2020 .accordion .ui-accordion-content, 
    #pid-projekte2020 .accordion .ui-widget-conten{
        padding: 10px 0px 20px 0px;
    }
    .accordion h3.ui-state-default::after {
        right: 8px;
    }
    #front_overlay_content.p2020 .column {
        margin-bottom: 0px;
    }
    #front_overlay_content.p2020 > .flex_block > div{
        width:100%;
    }
    #front_overlay_content.p2020 .button a{
        width:100%;
    }
}
@media (max-width:420px) {
    .region-footer-bottom {
        flex-direction: column;
        align-content: center;
    }
    #footer_bottom .block {
        width: 60%!important;
    }
    .region-footer-bottom div.button a {
        font-size: 4vw !important;
    }
    .not-front .field-item-content > .flex_block.about > div {
        max-width:100%;
    }
}
@media (max-width:330px) {
    #tarif_switcher > div a{
        text-align: right;
        padding-right: 15px;
    }
    #strom_on a.frame_open::before, 
    #gas_on a::before {
        margin-left: -50px;
    }
    #gas_on a.frame_open::before, #gas_on a:hover::before {
        margin-left: -50px;
    }
}
@media (max-width: 841px) {
    #frontteaser{
        width:673px;
        height:506px;
    }
}
@media (max-width: 673px) {
    #frontteaser{
        width:538px;
        height:405px;
    }
}
@media (max-width: 506px) {
    #frontteaser{
        width:430;
        height:324px;
    }
}
@media (max-width: 430px) {
    #frontteaser{
        width:344px;
        height:259px;
    }
}
@media (max-width: 344px) {
    #frontteaser{
        width:275px;
        height:207px;
    }
}