body * {
    /*border:0.5px solid red;*/
}

@media all and (max-width: 1098.33px) {

    #primary_menu_wrapper {
        order: 2;
        width: 100%;
    }

    #logo .site-logo img {
        max-height: 70px;
        margin-top: 0px;
    }

    #header_inner #logo {
        justify-content: flex-start;
        margin-bottom: 0;
    }

    #primary-menu {
        width: auto;
    }

    form {
        box-sizing: border-box;
    }

    form * {
        box-sizing: border-box;
    }

    .not-front #main {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media all and (max-width: 1599px) {
  #page.platform #main,
    #user-pass-reset,
    #user-pass,
    #block-eueco-site-webform,
    .headertext_wrapper,
    #primary_menu_wrapper,
    #content_top,
    .ee_content_block, #postscript,
    .primary-menu-inner,
    .region-preface-bottom,
    .region-postscript-top,
    .region-postscript-bottom,
    .region-footer,
    .region-footer-bottom,
    nav.tabs {
        max-width: 1224px;
    }
}

@media all and (max-width: 1280px) {
    .ee_content_block {
        max-width: 1014px;
    }
  #page.platform #main{
    max-width: 1014px;
  }
    .overlay_wrapper {
        height: 450px;
    }

    .overlay_item .overlay_text {
        padding-top: 50px;
    }

    .ee_content_block.slider_wrapper_cut {
        padding-left: 12px;
    }

    .card_wrapper.slider .slide {
        padding-right: 45px;
    }

}

@media all and (max-width: 1024px) {
  #page.platform #main,
    .region-footer,
    .region-footer-bottom,
    .ee_content_block {
        max-width: 744px
    }

    .headline-wrapper:not(.first) h2::before {
        content: unset;
        display: none;
    }

    .headline-wrapper:not(.first) {
        position: relative;
        padding-left: 0;
        min-height: unset;
    }

    .ee_content_block.slider_wrapper_cut {
        margin-right: 0;
        padding-left: calc((100vw - 744px) / 2 + 12px);
    }

    .overlay_wrapper {
        flex-direction: column;
    }

    .overlay_wrapper {
        height: unset;
    }

    #main .overlay_item .overlay_text a {
        font-size: 22px;
        margin-top: 20px;
    }

    .overlay_item,
    .overlay_item .image_to_bg {
        min-height: 330px;
    }

    .overlay_item .overlay_text {
        padding-top: 48px;
    }

    .card_wrapper {
        gap: 50px;
    }
}

@media all and (max-width: 1024px) {
    .wir h2, .headertext_wrapper h1 {
        font-size: 100px;
        text-wrap: balance;
    }

    .headerbild-wrapper > div > div,
    .headerimage {
        height: 600px;
    }


    #block-hamburger {
        display: block;
    }


    .login_out_block {
        display: none;
    }

    #ee_psps_wrapper .payHead h4 {
        width: 100%;
    }

    #ee_psps_wrapper .payHead.banktransfer .icon {
        background-size: 100%;
    }
}

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

@media all and (max-width: 835px) {
    .wir h2, .headertext_wrapper h1 {
        font-size: 90px;
    }

    .headerbild-wrapper > div > div,
    .headerimage {
        height: 500px;
    }

    .howto {
        height: 500px;
    }

    .wir_wrapper {
        height: 470px;
    }
}

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

@media (max-width: 900px) {

    h2 {
        line-height: normal;
    }

    .region-footer-middle {
        flex-wrap: wrap;
    }

    .datenschutz .divrow,
    .datenschutz .divrow > div {
        display: block;
        width: 100% !important;
    }

    .datenschutz .divrow {
        border: none;
        padding: 0px;
    }

    .datenschutz .divrow.th {
        display: none;
    }

    .datenschutz .divrow div:before {
        content: attr(title) ":";
        display: block;
        font-weight: 700;
        font-size: 100%;
    }

    .datenschutz .divrow > div:first-child {
        font-weight: normal;
        font-size: inherit;
        width: auto;
    }

    #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: 880px) {

    .divTableCell,
    .divTableHead {
        display: table-cell;
        text-align: left;
    }

    .divTableRow {
        display: table-row;
    }

    .flex.side {
        margin-top: 0px;
        display: block;
    }

    .slide-text p:last-child {
        text-align: left !important;
    }

    .region-footer-middle {
        gap: 30px;
    }
}

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

@media all and (max-width: 767px) {
    .wir h2, .headertext_wrapper h1 {
        font-size: 70px;
        text-wrap: balance;
    }

    .headerbild-wrapper > div > div,
    .headerimage {
        height: 400px;
    }

    .howto {
        height: 400px;
    }

    .wir_wrapper {
        height: 345px;
    }

    .faq_header {
        flex-direction: column;
        gap: 1em;
    }

    #header_inner #logo,
    #header_inner .eueco-logo {
        order: 0;
        width: auto;
        padding-right: 0;
    }

    #header_inner {
        padding: 1rem;
        height: auto;
        align-items: center;
    }

    #page > header {
        height: auto;
    }


    #logo .site-logo img {
        margin-top: 0;
    }


    .form-actions .button {
        width: auto;
    }


    h1, h2, h3 {
        font-size: 25px;
    }

    .faq_header a, a.j_button {
        padding: 14.2px 30px;
    }

    .not-front #main {
        padding-left: 20px;
        padding-right: 20px;
    }

    .card_wrapper.slider .slick-list {
        padding: unset;
    }

    .ee_content_block.slider_wrapper_cut {
        margin-right: auto;
        padding-left: 12px;
    }

    .region-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 40px;
    }

    .headertext_wrapper {
        height: 400px;
    }
}


@media (max-width: 730px) {
    #primary-menu {
        display: block;
    }

    #pid-customer-portfolio .ee-portfolio-project-details .title,
    #pid-customer-portfolio .ee-portfolio-project-details .value {
        width: 50% !important;
    }

    #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 {
        width: 100%;
    }

    #edit-account .form-item-current-pass {
        margin-left: 0px !important;
    }

    #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-crm-wrapper,
    #ee_customer_data_block #group-identification-wrapper,
    #ee_customer_data_block #group-kist-wrapper {
        width: 100% !important;
        box-sizing: border-box;
        margin-top: 10px;
    }

    .page-user #page #user-profile-form legend,
    .page-user #page legend a,
    #pid-customerdata legend a,
    #ee_customer_data_block #group-master-data-wrapper legend a,
    #ee_customer_data_block #group-address-wrapper legend a,
    #ee_customer_data_block #group-account-area-wrapper legend a {
        height: auto !important;
        font-size: 20px !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;
        margin-left: 0px;
        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;
    }

    #edit-account .form-item-roles {
        display: none;
    }

    #ee_customer_data_block .value-ok {
        margin-left: 10px;
    }

    #ee_customer_data_block .form-select,
    #ee_customer_data_block #group-master-data-wrapper input,
    #ee_customer_data_block #group-address-wrapper input,
    #ee_customer_data_block #group-account-area-wrapper input,
    #ee_customer_data_block #group-crm-wrapper input,
    #ee_customer_data_block #group-manager-wrapper input,
    #ee_customer_data_block #group-kist-wrapper input,
    #ee_customer_data_block #group-contact-wrapper input,
    #ee_customer_data_block #group-crm-wrapper .form-text,
    #ee_customer_data_block #group-identification-wrapper input {
        display: inline-block;
        width: 90% !important;
        margin-bottom: 20px;
    }

    #ee_customer_data_block .value-ok {
        right: 0;
    }

    #ee_customer_data_block .indicator-error::after, #ee_customer_data_block .value-ok::after {
        position: absolute;
        right: 5px;
    }

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

    #ee-customer-insert-block-form .fieldset-wrapper .description {
        display: block;
        position: unset;
        float: left;
        margin-bottom: 1em;
    }

    #ee_customer_data_block details,
    .page-user #page #user-profile-form details,
    #ee-customer-insert-block-form details,
    .page-user #page #user-profile-form fieldset,
    #ee-customer-insert-block-form fieldset {
        width: 100%;
    }

    #ee_customer_data_block .value-ok,
    #ee_customer_data_block .indicator-error {
        float: right;
    }

    #ee-portfolio-main-table thead {
        display: none !important;
        float: none !important;
    }

    #pid-customerdata #main {
        padding: 0;
    }

    #ee_customer_data_block {
        padding: 30px 30px 30px 30px;
        border-bottom: 0;
        border: none;
    }

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

    #pid-customerdata #block-seitentitel {
        padding: 0 20px;
    }

    #main-inner {
        display: block;
    }

    .header-inner,
    .region-header-top,
    .region-navigation,
    .region-preface-top,
    .region-preface-bottom,
    .region-content-top,
    #content,
    .region-content-bottom,
    .region-postscript-top,
    .region-postscript-bottom,
    .region-footer,
    .region-footer-bottom {
        width: 100%;
    }

    .region-footer,
    .region-footer-bottom,
    .ee_content_block {
        max-width: 564px
    }

    .overlay_wrapper {
        width: 446px;
        margin: 0 auto;
    }

    #pid-faqs #main {
        padding: 0;
    }
    .faq_block {
        width: 100%;
    }
    .block-ee-faq .ui-accordion-header, .block-ee-faq .ui-accordion-header.ui-accordion-header-active.ui-state-active {
        padding: 18px 20px 18px 20px;
    }

}

@media all and (max-width: 680px) {
    .even50.twocols.black.reverse {
        flex-direction: column;
    }

    .even50.twocols > div {
        width: 100%;
        text-align: left;
    }

    #footer,
    #footer_wrapper_inner,
    #header_inner,
    .width-content {
        padding: 1rem;
    }

    #block-aktuelleinvestitionsmoglichkeit, #ee_customer_data_block, #ee_portfolio_main {
        margin-bottom: 50px;
    }

}

@media all and (max-width: 640px) {

    h1 {
        line-height: normal;
        letter-spacing: unset;
    }


    #header_inner {
        padding: 0.5rem 0.5rem;
    }

    header.fixt #header_inner {
        margin: 0;
    }

    #logo .site-logo img {
        width: 212px;
    }


    #footer_wrapper_inner {
        flex-direction: column-reverse;
        gap: 3rem;
    }

    #footer_wrapper_inner > * {
        width: 100%;
    }

    footer .footer_logo:before {
        width: 110%;
        left: -5%;
        max-width: 290px;
    }

    .faq_header a {
        width: 90%;
        max-width: 90%;
    }

    .faq_header {
        width: 90%;
        max-width: 90%;
        margin: 0 auto;
    }
}

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

@media (max-width: 600px) {
    #ee_subscription_block {
        padding: 0 !important;
    }

    .wir h2, .headertext_wrapper h1 {
        font-size: 55px;
        text-wrap: balance;
    }

    .region-footer-middle img {
        max-width: 320px;
    }

    #ee_certification_block {
        flex-direction: column;
    }

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

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

    .card_wrapper {
        flex-direction: column;
    }
}


@media (max-width: 564px) {

    .region-footer,
    .region-footer-bottom,
    .ee_content_block {
        max-width: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }

    .overlay_wrapper {
        width: 100%;
    }

    .logo_wrapper {
        gap: 20px;
        max-width: 70%;
    }

    #pid-impressum .ee_content_block,
    #pid-datenschutz .ee_content_block {
        hyphens: auto;
    }

    .divTableCell,
    .divTableHead {
        display: block;
        text-align: center;
    }

    .divTableCell {
        font-weight: 700;
        padding: 0;
    }

    .divTableRow {
        display: block;
        margin-bottom: 1.5em;
    }

    .headerimage .headerbild_image img {
        min-height: 210px;
    }


    #logo .site-logo img {
        max-height: 70px;
    }

    #header_inner .eueco-logo img {
        margin-top: 20px;
        max-height: 20px;
    }


    .region-footer-middle,
    .region-footer-bottom {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .region-footer-middle > div {
        width: 100%;
    }

    .wir h2, .headertext_wrapper h1 {
        font-size: 45px;
        text-wrap: balance;
    }


    .region-footer-middle img {
        max-width: 250px;
    }

    .headertext_wrapper {
        height: 300px;
    }

    .headerbild-wrapper > div > div, .headerimage {
        height: 300px;
    }

    .ee_content_block.full_width {
        padding: 0;
    }

}

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

@media (max-width: 463px) {

    #block-so4logo img {
        width: 220px;
    }

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

    #select-investor #investor_edit_wrapper,
    #ee_genossenschaft_info_wrapper {
        flex-direction: column;
        gap: 10px;
    }

    .ee-portfolio-project-details {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .ee-portfolio-project-details {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 20px;
    }

    .ee-portfolio-project-details .detail {
        flex-direction: column;
        width: 100%;
    }

    .ee-portfolio-project-details .detail > div.title {
        width: 100% !important;
    }
}

@media all and (max-width: 440px) {
    #header_top_wrapper {
        padding: 15px 20px;
    }

    #main .howto a {
        font-size: 1.1rem;
        padding: 5px 30px;
    }

    #main {
        hyphens: auto;
    }

    footer .menu {
        flex-direction: column;
        gap:10px;
    }
}

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

    #ee_customer_data_block .indicator-error::after, #ee_customer_data_block .value-ok::after {
        right: 8px;
    }

    .wir h2, .headertext_wrapper h1 {
        font-size: 35px;
        text-wrap: balance;
    }

    .block-ee-faq .ui-accordion-header, .block-ee-faq .ui-accordion-header.ui-accordion-header-active {
        font-size: 18px;
    }

    .block-ee-faq .ui-accordion-content {
        font-size: 16px;
        text-align: left;
        line-height: normal;
    }

    .headerbild-wrapper > div > div, .headerimage {
        height: 200px;
    }

    .howto {
        height: 200px;
    }

    .wir_wrapper {
        height: 180px;
    }

    body footer {
        font-size: 1rem;
    }

    #countdown_wrapper table td {
        font-size: 2rem;
        width: 40px;
    }

    #countdown_wrapper table tr:last-child td {
        font-size: 0.8rem;
    }

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

@media (max-width: 358px) {
    #pid-kontakt .platform #main .form-item {
        width: 100%;
    }

    #ee_customer_data_block .indicator-error::after, #ee_customer_data_block .value-ok::after {
        right: 0;
    }

    #ee_customer_data_block {
        padding: 30px 20px 30px 20px;
    }

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


    #main .links_wrapper {
        margin-top: 20px;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .check_wrapper {
        margin-bottom: 18px;
    }

    .anmelden_toggle {
        padding: 11px 12px 9px 32px;
        background-image: url('/sites/aufschalkeeg.de/files/images/Icon_Sidebar_User.svg');
        background-repeat: no-repeat;
        background-size: 20px auto;
        background-position: 10px center;
    }

    #block-so4logo img {
        width: 190px;
    }

    .region-footer-middle {
        gap: 15px;
    }

    #pid-zeichnung #main {
        padding-left: 0;
        padding-right: 5px;
    }
}

@media (max-width: 322px) {


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

    #contractdetailsbar #stepswrapper > .step {
        font-size: 1rem;
    }

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

    .wir h2, .headertext_wrapper h1 {
        font-size: 30px;
        text-wrap: balance;
    }

    #log_overlay {
        height: 150vh;
    }
}

#content .node header {
    height: 0px;
}