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

    body a.menu_trigger {
        color: #595959;
    }

    .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-right: 17px !important;
        margin-top: 0px !important
    }

    .anmelden_toggle div:after,
    .abmelden_toggle div:after {
        height: 9px !important;
        width: 9px !important;
        line-height: 9px !important;
        margin-top: 20px !important;
        margin-left: -22px !important;
    }

    .anmelden_toggle div:after {
        font-size: 10px !important;
    }

    .anmelden_toggle div:before,
    .abmelden_toggle div:before {
        font-size: 24px !important;
    }

    .anmelden_toggle > div,
    .abmelden_toggle > div {
        display: inline-block;
        position: absolute;
        margin-left: 20px !important;
        height: 36px !important;
        width: 36px !important;
        border-radius: 50% !important;
        margin-top: -8px !important;
        margin-right: 30px !important;
        line-height: 36px !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: 14px !important;
        line-height: 22px !important;
        position: relative !important;
    }

    .anmelden_toggle > div, .abmelden_toggle > div {
        display: inline-block;
        position: absolute;
        margin-left: 20px;
        height: 36px !important;
        width: 36px !important;
        border-radius: 50%;
        margin-top: -8px !important;
        margin-right: 30px !important;
        line-height: 36px !important;
    }

    .anmelden_toggle div::before,
    .abmelden_toggle div::before {
        font-size: 24px !important;
    }

    .anmelden_toggle div::after,
    .abmelden_toggle div::after {
        height: 9px !important;
        width: 9px !important;
        line-height: 9px !important;
        margin-top: 20px !important;
        margin-left: -22px !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: 945px) {
    #contractdetailsbar #stepswrapper > .step.open::before,
    #contractdetailsbar #stepswrapper > .step.active::before {
        width: 96.5%;
    }
}

@media (max-width: 900px) {
    #stepswrapper > .step.active::before,
    #stepswrapper > .step.open::before {
        width: 97.2%;
    }

    #stepswrapper .step.completed::after {
        right: 20px;
        font-size: 25px;
        height: 25px;
    }

    #stepswrapper #step3.step.active a::after {
        height: 20px;
        right: 20px;
        font-size: 20px;
    }
}

@media (max-width: 860px) {
    #front_overlay_content.p2020 .text {
        font-size: 18px;
    }

    #front_overlay_content.p2020 h1 {
        font-size: 25px;
    }
}

@media all and (max-width: 870px) {
    #ee_psps_wrapper .payHead h4 {
        flex-direction: column;
    }
}

@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: 840px) {

    #contractdetailsbar #stepswrapper {
        display: block;
        margin-right: 0;
    }

    #contractdetailsbar #stepswrapper .step {
        margin-bottom: 15px;
    }

    #contractdetailsbar #stepswrapper > .step {
        margin-right: 0;
    }

    #contractdetailsbar #stepswrapper > .step.active::before,
    #contractdetailsbar #stepswrapper > .step.open::before {
        width: 98.6%;
    }
}

@media (max-width: 767px) {
    #ee_portfolio_main .ee-subscription-date, #ee_portfolio_main .ee-final-due-date-credit, #ee_portfolio_main .ee-status, #ee_portfolio_main .ee-allocation-volume, #ee_portfolio_main .ee-subscript-volume {
        width: 100%;
    }

    #ee_portfolio_main .ee-contract-id {
        width: 100%;
    }

    #strom_wrapper,
    #gas_wrapper {
        min-height: 830px;
    }

    #gas_wrapper iframe,
    #strom_wrapper iframe {
        height: 820px !important;
    }

    #logo img {
        width: auto !important;
        height: 50px !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;
    }

    #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 {

    }

    .region-footer {
        display: block;
    }

    .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 #ee-legal,
    #pid-fast-registry-step1 #ee-legal a,
    #pid-fast-registry-step1 .form-item-legal-accept label {
        font-size: 13px;
    }

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

    #edit-legal-accept {
        width: auto !important;
        min-width: 15px;
        min-height: 15px;
    }

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

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

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

    #main #block-eueco-site-block-160 .field-name-body .field-item .field-item-content {
        width: 100% !important;
    }

    #pid-fast-registry-step1 #user-register-form input,
    #pid-user-register #user-register-form input {
        width: 100%;
    }

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

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

}

@media (max-width: 767px) {
    #front_overlay_content.p2020 > .flex_block {
        flex-direction: row;
        align-items: center;
    }
    #ee-document-list-inner .itemslider{
        margin-top:40px;
    }
    #ee-document-list-inner .slick-dots {
        bottom: -55px;
    }
    #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%;
    }

    #ee-customer-insert-block-form {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: space-between;
    }

    #ee_customer_data_block details {
        width: 100%;
    }

    #pid-zeichnung #ee_subscription_block {
        padding: 0 !important;
    }

    .platform #content {
        width: 100% !important;
    }

    #contractdetailsbar #stepswrapper > .step.active::before,
    #contractdetailsbar #stepswrapper > .step.open::before {

    }
    div[id^="area-"] .row .field,
    .details-row {
        flex-direction: row;
        justify-content: space-between;
    }
    #area-4 .row .field > div.field-items {
         width: unset !important;
        flex-grow: 1;
        text-align: right;
    }

    div[id^="area-"] .row .field > div,
    .details-row > div {
        width: auto;
    }

    div[id^="area-"] .row .field > div.field-items {
        width: auto;
    }
    div[id^="area-"] .details-row > div {
        flex: 0 1 auto;
    }
    div[id^="area-"] .details-row > div.field-label {
      min-width:185px;
    }
    div[id^="area-"].details-row, .ee_track_participant_data .field {
        margin-bottom: 0px;
        margin-top:10px;
    }
}

@media (max-width: 605px) {
    #page #ee_subscription_block select#ee-select-investor {
        width: 100%;
    }

    #ee_certification_block {
        flex-direction: column;
    }

    #ee_certification_block.psp > form, #ee_psps_wrapper {
        width: 100%;
    }

    #ee_psps_wrapper .payHead h4 {
        flex-direction: row;
    }
}

@media (max-width: 590px) {

#ee_portfolio_details .ee-portfolio-project-details > div.detail {
    flex-direction:column;
    margin-bottom:10px;
}
#ee_portfolio_details .ee-portfolio-project-details > div.detail > *{
width:100%!important;
}
    #video video {
        width: 100% !important;
        height: auto !important;
    }

    video {
        width: 100% !important;
        height: auto !important;
    }

    #registrieren > .flex_block {
        flex-direction: column-reverse;
        gap: 10px;
        margin-bottom: 30px;
    }

    #registrieren > .flex_block > div,
    #registrieren > .flex_block > h1 {
        width: 100%;
    }

    #contractdetailsbar #stepswrapper > .step.active::before,
    #contractdetailsbar #stepswrapper > .step.open::before {
        width: 98.2%;
    }
}

@media (max-width: 500px) {
    #contractdetailsbar #stepswrapper > .step.active::before,
    #contractdetailsbar #stepswrapper > .step.open::before {
        width: 97.9%;
    }
}

@media (max-width: 460px) {
    #front_overlay_content.p2020 > .flex_block {
        flex-direction: column;
        align-items: center;
    }

    #subscription-header {
        border: none;
    }

    #subscription-form #ee-select-investor-wrapper,
    #subscription-form .row:first-of-type {
        padding: 0 15px;
    }

    #ee_fast_registry_block form #edit-account .form-type-textfield input.form-text,
    #pid-fast-registry-step1 #user-register-form input.form-text,
    #pid-fast-registry-step1 #user-register-form input.form-email {
        max-width: 100%;
    }

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

    #contractdetailsbar #stepswrapper > .step.active::before,
    #contractdetailsbar #stepswrapper > .step.open::before {
        width: 97.2%;
    }
}

@media (max-width: 455px) {
    div[id^="area-"] .row .field, .details-row {
        flex-direction: column;
        margin-top: 10px;
    }

    div[id^="area-"] .field-label {
        font-weight: 700;
    }
    div[id^="area-"] .field-items{
        flex:1;
    }
    #area-4 .row .field > div.field-items {
        text-align: left;
    }
}
@media (max-width: 420px) {
 body #area-2 a.file_download {
      display: block;
        max-width: 100%;
    }
}
@media (max-width: 400px) {
    #ee_psps_wrapper .payHead h4 {
        flex-direction: column;
        gap: 10px;
    }
    .itemslider .doc_name {
        word-wrap: anywhere;
    }
}

@media (max-width: 350px) {
    #contractdetailsbar #stepswrapper > .step.active::before,
    #contractdetailsbar #stepswrapper > .step.open::before {
        width: 97.2%;
    }
}

@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: 430px;
        height: 324px;
    }
}

@media (max-width: 430px) {
    #frontteaser {
        width: 344px;
        height: 259px;
    }

    #pid-customer-portfolio #main #block-eueco-site-block-160 .button.green a {
        hyphens: none;
        width: 100%;
        line-height: normal !important;
        height: unset;
        padding: 7px 0;
    }
}

@media (max-width: 344px) {
    #frontteaser {
        width: 275px;
        height: 207px;
    }

    #contractdetailsbar #stepswrapper > .step.active::before,
    #contractdetailsbar #stepswrapper > .step.open::before {

    }
}

@media (max-width: 322px) {
    #contractdetailsbar #stepswrapper > .step.active::before,
    #contractdetailsbar #stepswrapper > .step.open::before {
        width: 97%;
    }
}