.i_device input[type="submit"] {
    -webkit-appearance: none;
}
.i_device #ee-doc-upload-modal-init,
input[type="button"] {
    -webkit-appearance: none;
}
@media (max-width: 1439px) {
    #page {
        width: 100%;
    }
    #page * {
        /*border:1px solid red;*/
    }
    #svg_mde_production_wrapper {
        width: 100%;
        overflow: hidden;
    }
    #einsparung_text {
        right: 100px;
    }
    #svg_mde_production {
        width: 110% !important;
        overflow: hidden;
    }
    #dashboard_header .dasboard_banner .content > div > div {
        width: 50%;
    }
    #dashboard_header .dasboard_banner .content > div > div img {
        width: 100% !important;
        height: auto !important;
    }
    .dasboard_banner #db_copy {
        font-size: 6vw;
        line-height: normal;
    }
}
@media (max-width: 1425px) {
    #operator_header .operator_header_inner {
        padding: 0px 64px;
    }
    #dashboard,
    #dashboard_filter_outer_wrapper {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 1035px;
        margin-left: auto;
        margin-right: auto;
    }
    #dashboard .object_bottom_info > div {
        width: 23%;
        height: 241px;
    }
}
@media (max-width: 1300px) {
    #einsparung_text {
        position: absolute;
        top: 90px;
        text-align: left;
        margin-left: auto;
        right: 64px;
        font-size: 26px;
    }
    .savings_svg.move_buttons {
        margin-top: -120px;
        margin-left: 48%;
    }
}
@media (max-width: 1120px) {
    html {
        font-size: 18px;
    }
    #page * {
        /*border:1px solid red;*/
    }
    body {
        width: 100%;
        margin: 0px;
        line-height: 27px;
    }
    .not-logged-in .flex_block {
        flex-direction: column;
        align-items: center;
    }
    #page {
        width: 100%;
        max-width: 1120px;
    }
    .front #main .region-content > .block {
        padding-right: 64px;
        padding-left: 64px;
    }
    #header_right_inner {
        padding: 25px 11px 41px 84px;
    }
    #header_right_inner .login_block {
        padding-right: 72px;
    }
    #main {
    }
    #main .block.block-block,
    #main .block.block-views {
        width: 100%;
    }
    .not-logged-in #header_left {
        display: none;
    }
    .logged-in #header_left {
        font-size: 50px;
    }
    .info_not_logged_in .content > div {
        width: 100%;
    }
    .eon_video .flex_block .text {
        max-width: 598px;
        margin-right: 0px;
        width: 100%;
    }
    .faq_not_logged_in .content {
        width: 100%;
    }
    .eon_video .text > div {
        margin-bottom: 23px;
    }
    .faq_not_logged_in h2.block_title,
    footer h2.block_title {
        font-size: 3rem;
    }
    footer .block.redebedarf {
        padding: 26px 64px 104px 64px;
    }
    .mde_footer_disclaimer {
        padding: 36px 0px 34px 0px;
        padding-right: 0px;
        margin-left: 0px;
    }
    #footer_bottom {
        justify-content: flex-start;
        padding: 40px 64px 40px 64px;
    }
    #block-block-176 {
        display: none;
    }
    .mde_mobile_contact,
    #webform-client-form-206
        .webform-component--markup-center--mobile-next-page {
        display: block;
    }
    #footer_top {
        height: auto;
    }
    #kontakt_wrapper {
        background-color: #f6f6f7;
        color: #39393a;
        width: 100%;
    }
    #kontakt_wrapper .wrapper {
        float: none;
        width: 600px;
        height: 100%;
        padding: 120px 108px;
        margin: 0 auto;
    }
    #kontakt_wrapper .right {
        display: none;
    }
    #kontakt_wrapper h2 {
        color: #ea1c0a;
    }
    #kontakt_wrapper a.button {
        background-color: #ea1c0a;
        color: #f6f6f7;
    }
    #sliding-popup .popup-content #popup-text {
        max-width: 100% !important;
    }
    #popup-buttons {
        margin-top: 0px !important;
    }
    .logged-in.front #main .region-content > .block {
        padding-right: 0px;
        padding-left: 0px;
    }
    .block-block__cockpit-production .select_production_wrapper {
        margin-left: 450px;
    }
    .block-block__cockpit-consumption #consumption_top {
        padding: 0px 0px 0px 64px;
    }
    svg.eon.savings1.test {
        width: 200% !important;
    }
    .savings_svg.move_buttons {
        margin-top: -120px;
        margin-left: 48%;
    }
    #einsparung {
        top: 90px;
        margin-left: 54px;
    }
    #einsparung .number {
        font-size: 50px;
        font-weight: 900;
    }
    #einsparung_text {
        position: absolute;
        top: 90px;
        text-align: left;
        margin-left: auto;
        right: 64px;
        font-weight: 900;
        line-height: normal;
        font-size: 24px;
        color: #ffffff;
        max-width: 50%;
    }
}
@media (max-width: 1197px) {
    #dashboard #chart_bilanz svg {
        width: 100% !important;
    }
    #dashboard,
    #dashboard_filter_outer_wrapper,
    .block-block__contract-termination-edit > h2,
    body.operator_page #object_edit_navi,
    body.operator_page .operator_header {
        padding-left: 64px;
        padding-right: 64px;
    }
}
@media (max-width: 1197px) {
    #dashboard .db_chart_wrapper {
        width: 100%;
    }
    #dashboard .db_chart_wrapper > div {
        padding: 43px 20px;
        font-size: 24px;
    }
    #dashboard_objects .db_chart_inner_wrapper scg {
        width: 100%;
    }
}
@media (max-width: 970px) {
    #svg_mde_production_wrapper,
    #svg_mde_production {
        height: 500px;
    }
    #svg_mde_production_wrapper {
        margin-top: 80px;
    }
    .block-block__cockpit-consumption .flex_block > div {
        width: auto;
        flex-grow: 1;
    }
    .savings_svg.move_buttons {
        margin-top: -140px;
    }
    .block-block__cockpit-production .select_production_wrapper {
        margin-left: 350px;
    }
    .block-block__cockpit-production .top {
        margin-top: 40px;
        padding: 0px 64px 0px 0px;
    }
    .block-block__cockpit-production .top h2 {
        font-size: 40px;
    }
    .flex_block h2.red66 {
        font-size: 40px;
    }
    .block-block__cockpit-intraday .top .flex_block,
    .block-block__cockpit-consumption .top .flex_block,
    .block-block__cockpit-savings .flex_block {
        padding: 25px 64px 40px 0px;
    }
}
@media (max-width: 880px) {
    .block-block__cockpit-production .select_production_wrapper {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: -100px;
        position: static;
    }
}
@media (max-width: 720px) {
    #header_side {
        display: none;
    }
    #svg_mde_production_wrapper,
    #svg_mde_production {
        height: 450px;
    }
    header {
        border-left: none;
        justify-content: flex-end;
    }
    #header_right_inner {
        padding: 25px 29px 41px 29px;
    }
    #header_right_inner .login_block {
        padding-right: 0px;
    }
    .eon_logo .content > div {
        justify-content: flex-start;
        align-items: flex-start;
    }
    .eon_logo .content > div > div {
        flex-direction: column;
    }
    .eon_logo .content > div > div img {
        margin-left: 0px;
        width: 68px;
        height: auto;
    }
    .eon_logo .content > div > div > div {
        margin-top: 0px;
    }
    #menu_side {
        width: 55px;
    }
    #eon_side {
        width: 0px;
    }
    #nav_inner {
        padding-right: 10px;
        padding-left: 0px;
    }
    #platform_header h1 {
        font-size: 40px;
        margin-bottom: 15px;
    }
    #pid-renterpower-bills-overview #platform_header h1 {
        margin-bottom: 15px;
    }
    #pid-renterpower-bills-overview #rp_bills_overview-result-table {
        width: 100%;
    }
    #rp_bills_overview_block {
        padding: 167px 64px 131px 64px;
    }
    #rp_bills_overview_block td.rp-date {
        text-align: center;
    }
    .eon_logo > .content > div > img {
        margin-right: 13px;
        width: 65px;
        height: auto;
        padding-top: 10px;
    }
    #footer_bottom,
    .front #main .region-content > .block.eon_video .text,
    .front #main .region-content > .block {
        padding-right: 29px;
        padding-left: 29px;
    }
    .front #main .region-content > .block.eon_video {
        padding-right: 0px;
        padding-left: 0px;
    }
    .video,
    .video video {
        width: 318px !important;
        height: 181px !important;
        display: block;
        margin: 0 auto;
    }
    .ui-accordion .ui-accordion-header {
        padding: 30px 0px 30px 0px;
    }
    .mde_footer_disclaimer #footer_disclaimer {
        width: 100%;
    }
    .mde_footer_disclaimer #footer_disclaimer > div::before {
        content: "*";
        float: none;
        margin-left: 0px;
        margin-right: 30px;
    }
    #footer_bottom ul li.spacer {
        display: none;
    }
    #footer_bottom ul li {
        display: block;
        text-align: right;
    }
    #footer_bottom {
        justify-content: flex-end;
        flex-direction: column;
        text-align: right;
    }
    .bottom_line .eo-nred {
        width: 21%;
    }
    .bottom_line .bordeaux {
        width: 24%;
    }
    #kontakt_wrapper .wrapper {
        width: 100%;
        padding: 29px;
        max-width: 600px;
    }
    #kontakt_wrapper p {
        width: 100%;
        float: none;
    }
    #kontakt_wrapper h2 {
        height: auto;
    }
}
@media (max-width: 600px) {
    #svg_mde_production_wrapper,
    #svg_mde_production {
        height: 400px;
    }
    #webform-client-form-206
        .webform-component--markup-center
        .fieldset-wrapper {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .mde_mobile_contact #webform-client-form-206 fieldset input {
        width: 100%;
    }
    .mde_mobile_contact
        #webform-client-form-206
        .webform-component--markup-center
        .fieldset-wrapper
        > div {
        width: 100%;
    }
    #mobile_next a.button {
        float: right;
    }
    .mde_mobile_contact #webform-client-form-206 .nice-select {
        margin-bottom: 16px;
    }
    .mde_mobile_contact #webform-client-form-206 {
        padding: 0px 29px 30px 29px;
        display: inline-block;
    }
    .mde_mobile_contact .captcha .description {
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 16px;
    }
    #pid-renterpower-cost-overview
        #rp_cost_overview-result-table
        table.dataTable
        tbody
        th,
    #pid-renterpower-cost-overview table.dataTable tbody td {
        text-align: center;
        /*font-family: 'Roboto Mono', monospace;*/
    }
    #rp_cost_overview_block table.dataTable tfoot th,
    #rp_cost_overview_block table.dataTable tfoot td {
        text-align: center;
        /*font-family: 'Roboto Mono', monospace;*/
        padding: 31px 0px 6px 10px;
    }
    #rp_cost_overview_block table.dataTable thead th,
    #rp_cost_overview_block table.dataTable thead td {
        text-align: center;
    }
    #rp_cost_overview_block table.dataTable ul.dtr-details {
        width: 100%;
    }
    table.dataTable.dtr-inline.collapsed
        > tbody
        > tr[role="row"]
        > td:first-child::before,
    table.dataTable.dtr-inline.collapsed
        > tbody
        > tr[role="row"]
        > th:first-child::before {
        content: "";
        background: none;
        background-image: url(/sites/meine-direktenergie.de/themes/mde/images/eon/icon_closed_white.png);
        background-repeat: no-repeat;
        width: 27px;
        height: 27px;
        text-align: center;
        line-height: 27px;
        float: right;
        border: none;
        border-radius: 0px;
        box-shadow: none;
        /*transform: rotate(-90deg);*/
    }
    table.dataTable.dtr-inline.collapsed
        > tbody
        > tr.parent
        > td:first-child::before,
    table.dataTable.dtr-inline.collapsed
        > tbody
        > tr.parent
        > th:first-child::before {
        content: "";
        transform: rotate(-90deg);
    }
    #rp_cost_overview_block table.dataTable tfoot th,
    #rp_cost_overview_block table.dataTable tfoot td {
        border-top: none !important;
    }
    #mobile_slogan {
        display: block;
        font-size: 38px;
        font-weight: 900;
        margin-bottom: 50px;
    }
    .logged-in .eon_logo {
        margin-bottom: 50px;
    }
    #header_left {
        display: none;
    }
    .gen_title {
        font-size: 24px;
    }
    #pid-node.logged-in #header_right_inner {
        padding: 16px 28px 58px 29px;
    }
    #header_side {
        position: absolute;
        top: 10px;
        right: 29px;
        width: 60px;
        height: 60px;
        background: none;
    }
    #header_side a.menu_trigger {
        display: block;
        width: 60px;
        height: 60px;
        background-color: #1ea2b1;
        border-radius: 14px;
        line-height: 60px;
        text-align: center;
        font-size: 29px;
        margin-top: 0px;
    }
    #header_right {
        width: 100%;
    }
    .eon_logo .content > div {
        justify-content: flex-start;
        align-items: flex-end;
        text-align: left;
    }
    #svg_mde_production_wrapper {
        height: 300px;
        clear: both;
        display: block;
    }
    #svg_mde_production_wrapper {
        /*display:none;*/
    }
    #svg_mde_production_wrapper_mobile {
        /*display:block;*/
    }
}
@media (max-width: 500px) {
    #pid-renterpower-cost-overview header,
    #pid-renterpower-bills-overview header {
        display: block;
    }
    #pid-renterpower-cost-overview #platform_header,
    #pid-renterpower-bills-overview #platform_header {
    }
    .mde_cost_overview,
    .mde_bills_overview {
        display: none;
    }
    .eon_logo .content > div > div a img {
        margin-left: 0px;
    }
    .platform header {
        height: auto;
    }
    #platform_header {
        padding: 16px 10px 0px 28px;
    }
    #pid-renterpower-cost-overview #platform_header h1,
    #pid-renterpower-bills-overview #platform_header h1 {
        margin-bottom: 50px;
        font-size: 38px;
        text-align: center;
    }
}
@media (max-width: 340px) {
    #rp_cost_overview_block {
        padding: 73px 32px 31px 32px;
    }
}