@media (min-width: 576px){
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    #footer_bottom {
        padding-top: 0;
        background-size: 100% 128%;
        background-image: url("/sites/beteiligung.statkraft.de/files/content/tablet_footer.png");
    }
    .three-cols .keyfigure__item {
        width: 33%;
    }
    .numbers .keyfigure__icon:after {
        content: "";
        width: calc(100% - 110px);
        height: 5px;
        position: absolute;
        background-color: #00b0dc;
        left: calc(50% + 60px);
        z-index: 1;
    }
    .region-footer-bottom .field-item-content, 
    .footer_menu .content {
        padding: 40px 40px 20px 40px;
    }
    .ArticleList {
        padding: 50px 0;
    }
    .contactlistblock__listing {
        padding: 0 20px;
    }
}
@media (min-width: 768px) {
    .navigation__list-wrapper::-webkit-scrollbar,
    .navigation__list-wrapper ul ul::-webkit-scrollbar {
        width: 5px;
        background-color: #f5f5f5;
    }
    .navigation__list-wrapper::-webkit-scrollbar-thumb,
    .navigation__list-wrapper ul ul::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 6px #d8d8d8;
        background-color: #d8d8d8;
    }
    header .headline,
    .hero__contentblock {
        display: flex;
        flex-direction: column;
        max-width: 470px;
    }
    #footer_bottom {
        background-size: 100% 66%;
        background-image: url("/sites/beteiligung.statkraft.de/files/content/desktop_footer.png");
    }
    .region-footer-bottom > div, 
    .region-footer-bottom > nav {
        position: relative;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .socialmediablock,
    .footer_menu .content,
    .footer_menu .content ul {
        margin-left: auto;
        margin-right: 14px;
    }
    .footer_kontakt .footer__content {
        min-height: 350px;
    }
}
@media (min-width: 992px) {
    #page {
        padding-left: 280px;
        margin-top: 0px;
    }
    .navbar__toggle {
        display: none;
    }
    #eueco_logo {
        margin-left: 0px;
    }
    .navigation__header {
        margin: 40px 0;
        flex-direction: column;
    }
    .headerbild_image {
        min-height: 37.5vw;
        max-height: 960px;
    }
    #footer_bottom {
        background-size: 100% 68%;
    }
    header .headline, .hero__contentblock {
        min-width: 470px;
        width: 50%;
        max-width: unset;
    }
    .footer__title {
        font-size: 22px;
        line-height: 28px;
    }
}
@media (min-width: 1200px){
    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}
@media (min-width: 1480px){
    #footer_bottom {
        background-size: 100% 77%;
    }
    .platform #main-content {
        padding: 100px 10%;
    }
}
@media (max-width: 1023px) {
    #simplenews-confirm-add-form #edit-cancel,
    .page-newsletter #edit-cancel,
    .webform-confirmation + .links a,
    body form input.form-submit,
    body input.form-submit,
    body input.small-submit {
        -webkit-appearance: none;
        border-radius: 0px;
    }
    #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,
    #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 {
        float: none;
        width: 100%;
    }
}
@media (max-width: 991.98px){
    #toolbar-administration {
        display: none;
    }
    .toolbar-horizontal #navigation,
    .toolbar-horizontal.toolbar-tray-open #navigation {
        margin-top: 0px;
    }
    body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
        margin-left: 0;
    }
    #navigation {
        width: 100%;
        background-color: transparent;
        height: auto;
    }
    .navigation__inner {
        border-right: none;
        background-color: transparent;
        height: 0;
        transition-delay: .4s;
        width: 100% !important;
    }
    .navigation__header {
        height: 50px;
    }
    #eueco_logo img {
        max-height: 45px;
        margin-top: 2.5px;
    }
    .navigation__controller {
        transform: translateX(-100%);
        min-height: unset;
    }
    .navigation--active .navigation__controller {
        transform: translateX(0);
        width: 100%;
        transition: transform .4s;
    }
    .navigation__list-wrapper {
        padding-bottom: 120px;
    }
    #primary-menu ul li ul {
        padding-top: 0px !important;
    }
    #primary-menu li.menuparent ul.open,
    #primary-menu ul li.sfHover > ul {
        z-index: 499 !important;
        display: block;
        width: 100% !important;
        height: 100vh !important;
        clip: unset !important;
        background-color: #fff !important;
        transform: unset;
    }
}
@media (max-width: 767.98px) {
    #page {
        margin-top: 0px;
    }
    .aside,
    #main-inner,
    .one-sidebar #main-content,
    .two-sidebars #main-content,
    .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,
    .logo_wrapper,
    footer {
        float: none;
        margin-left: auto;
        margin-right: auto;
        height: auto !important;
        width: 100% !important;
    }
    #main-inner {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    #main-content {
        order: 1;
        margin-bottom: 25px;
    }
    .sidebar-inner {
        float: none;
        width: 90%;
        margin: 0 auto;
    }
    .region-sidebar-second .content {
        width: 100%;
        font-size: 13px;
        text-align: center;
    }
    .region-sidebar-first {
        width: 100%;
        order: 2;
    }
    .region-sidebar-second {
        order: 3;
        width: 100%;
    }
    .region-footer {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-around;
    }
    .ee_gezeichnet,
    .header-inner,
    #main,
    .region-header-top,
    .region-navigation,
    .region-preface-top,
    .region-preface-bottom,
    .region-content-top,
    #content,
    #webform-client-form-206,
    .region-content-bottom,
    .region-postscript-top,
    .region-postscript-bottom,
    .region-footer,
    .region-footer-bottom {
        width: 100% !important;
    }
    .field-name-body {
        display: block;
        width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #main-inner {
        display: block;
    }
    .sidebar-second #main-content,
    .sidebar-second #main-content .region {
        width: 100% !important;
    }
    .header-top-inner {
        margin-left: auto;
        margin-right: auto;
        height: auto !important;
        width: 100% !important;
    }
    header .headline,
    .hero__contentblock {
        margin: 15px;
        padding: 15px 20px;
    }
    header .headline {
        width: calc(100% - 30px);
    }
    .headerbild_image {
        min-height: 400px;
    }
    .primary_menu_block {
        display: none;
    }
    .header-opener,
    #primary-menu .primary_menu_block,
    .content-top {
        display: none;
    }
    .sidebar-inner {
        float: none;
        width: 90%;
        margin: 0 auto;
    }
    footer {
        margin-top: 15px;
    }
    .region-footer,
    .region-footer ul.menu li {
        font-size: 13px !important;
        line-height: 25px;
    }
    .region-footer .block {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
    .region-footer .menu li {
        width: 100%;
        display: block;
    }
    form.webform-submission-contact-form > div, 
    #captcha {
        width: 100%;
        margin: 0;
    }
    div[id^=edit-ssl] {
        display: none;
    }    
    div[id^=edit-mobile-ssl] {
        display: block;
    }
    #fast-registry-registry {
        padding: 20px;
    }
    #fast-registry-registry .form-type-checkbox input {
        width: auto !important;
    }
    .modal_login, 
    .modal_logout {
        padding: 20px !important;
    }
    .flex_block.two {
        flex-direction: column;
    }
    .flex_block.two > div {
        width: 100%;
    }
    .vermittler_hinweis .flex_block {
        flex-direction: column;
    }
    .vermittler_hinweis .flex_block > div {
        max-width: unset;
    }
    #primary-menu .sf-accordion-toggle {
        display: none;
    }
    #primary-menu ul#superfish-main {
        display: block !important;
    }
}
@media (max-width: 575.98px) {
    .flex_block {
        margin: 0 20px;
    }
    .flex_block .flex_block.column {
        margin: 0;
    }
    .vermittler_hinweis .flex_block {
        margin: 0 30px;
    }
    #pid-impressum #content,
    #pid-datenschutz #content {
        margin: 50px 20px;
    }
}