@media (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 0) {
}
@media (max-width: 1239px) {
    #primary_menu_wrapper, 
    .region-preface-top, 
    .region-preface-bottom, 
    .region-postscript-top, 
    .region-postscript-bottom, 
    .header-top-inner, 
    .branding, 
    .logo_wrapper, 
    .primary_menu_block, 
    .primary-menu-inner, 
    #main-inner, 
    .region-postscript-top, 
    footer, 
    .region-footer, 
    .region-footer-bottom,
    #primary-menu,
    .region-header-top, 
    .header-inner, 
    .region-content-top, 
    .main {
        width: 960px;
    }
}
@media (max-width: 1023px) {
    body {
        /*width:100%;*/
        /*border:10px solid red;*/
        font-size: 12px;
        line-height: 1.3;
    }
    #primary_menu_wrapper, 
    .region-preface-top, 
    .region-preface-bottom, 
    .region-postscript-top, 
    .region-postscript-bottom, 
    .header-top-inner, 
    .branding, 
    .logo_wrapper, 
    .primary_menu_block, 
    .primary-menu-inner, 
    #main-inner, 
    .region-postscript-top, 
    footer, 
    .region-footer, 
    .region-footer-bottom,
    #primary-menu,
    .region-header-top, 
    .header-inner, 
    .region-content-top, 
    .main {
        width: 690px;
    }
    .region-header-top,
    .primary_menu_block,
    #primary_menu_wrapper,
    #main-inner,
    .header-top-inner,
    .one-sidebar #main-content,
    .two-sidebars #main-content {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 690px !important;
    }
    .header-inner,
    .region-navigation,
    .region-preface-top,
    .region-preface-bottom,
    .region-content-top,
    #content,
    .messages,
    .region-content-bottom,
    .region-postscript-top,
    .region-postscript-bottom,
    footer {
        font-size: 12px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        height: auto !important;
        width: 690px !important;
    }
    #block-views-block-headerbilder-block-1,
    #header_image_wrapper {
        width: 100%;
    }
    .headerbild_image {
        height: 270px;
    }
    header.region {
        margin-top: 15px;
    }
    #primary_menu_wrapper {
        display: none;
    }
    #logo {

    }
    #logo img {
        width: 65px;
    }
    #eueco_logo img {
        height: 65px;
    }
    #header_top {
        margin-bottom: 0px;
        position: relative;
        width: 100%;
    }
    .logo_wrapper {
        position: absolute;
        top: -10px;
        padding: 0;
    }
    .mobileControls {
        display: block;
        padding: 15px 0;
        height: 60px;
        z-index: 1;
        position: relative;
    }
    #block-eueco-site-page-title {
        border-top: 1px solid #d3d3d3;
        width: 100%;
    }
    #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;
    }
    header .headline h2 {
        font-size: 28px;
        line-height: 32px;
    }
    header .headline p {
        font-size: 14px;
        line-height: 18px;
    }
    h2,
    .entega_block .text .teaserHeadline {
        font-size: 22px;
        line-height: 26px;
    }
    .entega_block .text {
        font-size: 12px;
        line-height: 16px;
    }
    a.button, 
    #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, #logout_button {
        font-size: 14px;
        line-height: 18px;
    }
    .entega_block .download a {
        font-size: 18px;
    }
    .entega_block .download a:after {
        font-size: 35px;
    }
    .region-content #ee-skala #ee-value {
        top: -16px;
    }
    .modKontaktleiste {
        width: calc(33.33% - -5px);
    }
    .typo-hls {
        font-size: 26px;
        line-height: 30px;
    }
    .typo-hlm,
    .modBasisText h2 {
        font-size: 28px;
        line-height: 32px;
    }
    .modBasisText h3 {
        font-size: 22px;
        line-height: 26px;
    }
    .modBasisText > div {
        margin-top: 30px;
    }
    .modBasisText h3.typo-sll {
        font-size: 14px;
        line-height: 18px;
    }
    .phoneParagraph {
        min-height: 30px;
        padding-left: 30px;
    }
    .phoneParagraph:before {
        height: 30px;
        font-size: 30px;
    }
    #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: 767px) {
    #page {
        width: 95%;
        margin-top: 0px;
        min-width: 370px;
    }
    .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;
    }
    .primary_menu_block {
        display: none;
    }
    header .headline {
        padding: 20px;
    }
    .header-inner {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .slideshow-row {
        display: flex;
        flex-direction: column-reverse;
    }
    .header-opener,
    #primary-menu .primary_menu_block,
    .content-top {
        display: none;
    }
    .sidebar-inner {
        float: none;
        width: 90%;
        margin: 0 auto;
    }
    .entega_block {
        flex-direction: column;
    }
    .entega_block.mod5050 > div {
        width: 100%;
    }
    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;
    }
    .textTeaser h1.headline,
    .entega_block h1.headline {
        font-size: 38px;
        line-height: 40px;
        margin-bottom: 0px;
    }
    #toolbar-administration {
        display: none;
    }
    .navibutton {
        display: none !important;
    }
    .zeichnung a.button {
        padding: 18px 40px;
    }
    .flex_block.mod32 {
        flex-direction: column;
    }
    .mod32 > div {
        width: 100%;
        margin-bottom: 20px;
    }
    .modKontaktleiste {
        width: 100%;
    }
    .modBasisText > div {
        flex-direction: column;
    }
    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;
    }
    .so_gehts_mobile {
        display: block;
    }
    .so_gehts_desk {
        display: none;
    }
    .block.vermittler_hinweis .flex_block {
        flex-direction: column;
    }
    .block.vermittler_hinweis .text {
        margin-right: 0px;
        margin-bottom: 1em;
    }
    .block.vermittler_hinweis .image {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
    .block.vermittler_hinweis .image img{
        width: 150px;
        max-width: 100%;
    }
}