@media only screen and (min-width: 1200px) {
    #blockTop .container {
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 992px) {
    #blockTop #languageSelector {
        margin: 50px 0 0 15px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    #navigationMainNav ul.navLevel1Container li a {
        padding: 10px;
    }

    .langpicker-and-search #searchBox {
        margin: 0px;
    }

    #blockTop #languageSelector {
        margin: 0px;
    }
}

@media only screen and (max-width: 768px) {
    .elementBox_var3 {
        display: none;
    }

    .elementBox_var0 {
        float: left;
        width: 100%;
    }

    .breadcrumb {
        padding: 8px 15px 8px 0px;
    }

    #navigationMainNav ul.navLevel1Container li:last-child {
        border-bottom: 0px;
    }

    .navigation-main .container {
        width: 100%;
        padding: 10px 15px 0 15px;
    }

    .navigation-main {
        background: transparent;
    }

    .navigation-main .navbar {
        background: #3c942c;
    }

    #blockContentFullRight {
        padding: 0px;
    }

    #blockTop #languageSelector {
        margin: 0px;
    }

    .langpicker-and-search #searchBox {
        margin: 0;
    }

    #navigationSubTop4Level ul li {
        border-bottom: 1px solid #fff;
        border-left: 0px;
    }

    #navigationSubTop4Level ul li:last-child {
        border-bottom: 0px;
    }

    .navImages > div > div {
        width: 100%;
        padding: 20px 20px 0 20px;
    }

    .navbar-collapse.collapse {
        display: none;
        width: 100%;
        margin: 0 auto;
    }

    .navbar-toggle {
        display: block;
    }

    .navImagesBorder {
        color: #fff;
    }

    div#navigationMainNav ul.navLevel2Container {
        min-height: auto;
    }

    #blockContentFullInner > .elementContainer.row-eq-height {
        display: block;
    }

    /* http://test.knx.org/knx-en/Microsites/HVAC/systems/index.php */
    .elementAccordion_var0 .accordionContent .row-eq-height {
        display: block;
    }

    .elementAccordion_var0 .accordionContent .col1_30,
    .elementAccordion_var0 .accordionContent .col2_70 {
        width: 100%;
        float: left;
    }

    .elementAccordion_var0 .accordionContent .col2_70_inner,
    .elementAccordion_var0 .accordionContent .col1_30_inner {
        margin: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .col-sm-6.style-6:nth-child(2) {
        margin: 0px 0px 0px 0px !important;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
    #navigationMainNav ul.navLevel2Container {
        min-height: 500px;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 1024px) {
    #areaContent5Global .row-eq-height,
    .start .row-eq-height {
        display: block !important;
    }

    #navigationMeta ul li {
        display: inline-block;
        width: 100%;
    }

    #navigationMeta ul {
        margin: 0px;
        width: 100%;
        background: #C0C0C0;
        z-index: 1;
        position: relative;
        display: none;
    }

    .start .col1_33,
    .start .col2_33,
    .start .col3_33 {
        margin: 0 15px 10px 0 !important;
    }

    #blockTop #languageSelector.mobile_only .inner {
        margin: -24px 0 0 0;
    }

    /* http://test.knx.org/knx-en/software/overview/index.php 0 15px 15px 0 !important */
    .style-6 {
        margin: 0 15px 0px 0 !important;
    }

    .landingpages #blockTopInner .secondRow {
        margin-top: 0px;
    }

    .browserButton input,
    .listIndex select.filelist {
        border: 1px solid #6e6e6e;
    }

    .browserButton {
        margin: 0px;
    }

    .landingpages #blockTopInner .firstRow {
        height: 150px;
    }

    #blockBottom {
        width: 100%;
    }

    iframe {
        border: 0px !important;
    }

    .wPageTypeFullLeft #blockBeforeLeftContentRightInner {
        background: none;
    }

    /*** startseite ****/
    .listTopic li {
        height: auto;
        padding: 10px 10px;
        margin: 0px;
    }

    ul.listTopic {
        height: auto !important;
    }

    .start li.listEntry.position2 {
        position: relative !important;
        margin-top: 20px;
    }

    #navigationMain a.navLevel1 {
        border-right: 0px;
    }

    #navigationSub a.navLevel3 {
        color: #333;
        background: url(/wGlobal/wGlobal/layout/images/backgrounds/navRowSub_bg.gif) 0 bottom repeat-x;
        background-color: #f3f2f2;
        font-size: 12px;
        margin-right: 0px;
        padding: 10px 15px 10px 15px;
    }

    a:hover {
        text-decoration: none !important;
    }

    .start .col3_33_inner,
    .start .col2_33_inner,
    .start .col1_33_inner {
        margin: 0px;
    }

    .start .numberBox {
        margin-bottom: 10px;
    }

    table.tb_partner_approved_for tr {
        display: flex;
    }

    #navigationMain a.navLevel1OpenDescendantSelected + .navLevel2Container {
        display: block;
    }

    table.letteredList tr.details {
        width: 100%;
        display: inline-table;
    }

    div#bannerSlider_a576889f {
        display: none;
    }

    .letteredList .details .left table.tutortable th,
    .letteredList .details .left table.tutortable td {
        width: 33%;
    }

    .letteredList .details .left table.tutortable tbody {
        display: inline-table;
    }

    #blockContentInner #accordion_downloads {
        float: left;
    }

    #navigationMain li.navLevel1 a.navLevel1 {
        background: #005bb1;
        border-top: 1px solid #fff;
        padding: 10px 15px 10px 15px;
    }

    div#anchor_3d854e21_Downloads {
        margin-top: 10px;
    }

    #map {
        width: 100% !important;
    }

    /*##################################################################################################################################################################*/
    /*#################################################################        Start Site        #######################################################################*/
    /*##################################################################################################################################################################*/
    .desktop_only {
        display: none !important;
    }

    .mobile_only {
        display: block !important;
    }

    .start .royalSlider {
        display: none !important;
    }

    .elementList-bannerSlider_var99 {
        display: block !important;
    }

    body {
        font-size: 13px;
    }

    #blockMainOuter {
        margin: 0 auto;
        width: 100%;
    }

    #blockTop #navigationMain .nav-shadow {
        width: 100%;
        margin: 0px;
    }

    .start .royalSlider {
        width: 100%;
    }

    .start .royalSlider .rsOverflow {
        width: 100% !important;
    }

    .start #blockContentFullLeft {
        float: left;
        width: 100%;
    }

    .col1_33, .col2_33, .col3_33 {
        width: 100%;
    }

    .elementBox_var1 p {
        height: auto !important;
    }

    #blockContentFullLeft hr {
        width: 100%;
    }

    .start .wPageTypeFullLeft #blockRight {
        width: 95%;
        margin: 0 2.5%;
    }

    #blockTop #topBox {
        right: 0px;
        width: 100%;
        padding: 0px;
        height: auto;
    }

    .elementText p {
        text-align: left;
    }

    .start #areaContent3Global {
        height: auto;
    }

    .elementBox_var3 {
        position: relative;
        padding: 0px;
        top: initial;
        width: 100%;
        margin: 0px;
    }

    .start .wPageTypeFullLeft #blockBeforeLeftContentRightInner {
        background: #fff;
    }

    /*##################################################################################################################################################################*/
    /*#################################################################        andere Site        ######################################################################*/
    /*##################################################################################################################################################################*/
    #blockLeft {
        width: 100%;
    }

    #blockContentFullRight {
        width: 100%;
        margin: 0px;
    }

    div#countrySelection .elementStandard input[type="radio"] {
        width: 7%;
        margin: 0px !important;
    }

    div#countrySelection .elementStandard label {
        width: 93%;
        margin: 0px !important;
    }

    #blockContent {
        width: 100%;
        padding: 0px;
    }

    .wPageType #blockRight {
        width: 100%;
    }

    /* downloads bereich */
    .level2.heading a.file {
        padding: 0px !important;
    }

    #blockTop #languageSelector .container {
        margin: -20px 0px 0px 0px;
    }

    #blockTop #languageSelector .inner {
        padding: 15px 0px 15px 0px;
        width: 100%;
    }

    #blockBeforeLeftContentRightInner {
        margin: 0px;
    }

    div#countrySelection .col4_25 {
        float: left;
    }

    .col3_25_inner {
        margin: 0px;
    }

    .col4_25_inner {
        margin-left: 5px;
        margin-right: 10px;
    }

    .wPageTypeFullRight #blockBeforeLeftContentRightInner,
    .wPageType #blockBeforeLeftContentRightInner {
        background: #fff;
    }

    .elementBox_var0 .col_inner.col2_50_inner {
        margin-left: 0px;
    }

    .wPageTypeFullRight #blockLeftInner,
    .wPageType #blockLeftInner {
        margin: 0px;
    }

    .col2_33_inner,
    .col3_33_inner {
        margin: 0px;
    }

    .col2_30_inner .elementText ul {
        padding: 0px 0px 0px 15px;
    }

    /*##################################################################################################################################################################*/
    /*#################################################################        MENÜ        ##############################################################################*/
    /*##################################################################################################################################################################*/
    #blockTop #languageSelector .inner {
        height: auto;
    }

    .service_menu {
        float: right;
        padding: 10px 23px 10px 15px;
        background: url(/wGlobal/wGlobal/layout/images/responsive/plus.png) no-repeat 55px 15px;
        color: #fff;
        margin-right: 15px;
        cursor: pointer;
    }

    #topBox .mobile_only ul {
        display: none;
        background: #f1f1f1 !important;
        position: absolute;
        z-index: 9;
        top: 40px;
        width: 100%;
    }

    #topBox .mobile_only ul li {
        float: none;
    }

    #blockTop #navigationMeta.mobile_only.service {
        padding: 0px;
        background: #3c942c;
        height: 44px;
    }

    #blockTop #navigationMeta.mobile_only.service li {
        border-top: 1px solid #6e6e6e;
    }

    #navigationMeta li:last-child {
        margin: 0px;
        padding: 0 0 0 10px;
    }

    #navigationMeta li:last-child a.navLevel1 {
        padding: 5px 0px 5px 20px;
        background: url(/wGlobal/wGlobal/layout/images/icons/myknx.png) left 10px no-repeat;
    }

    #blockTop #navigationMeta.mobile_only .nav-shadow {
        background: url(/wGlobal/wGlobal/layout/images/backgrounds/nav-shadow.png) repeat-x;
        height: 8px;
        position: relative;
        top: 40px;
    }

    .mobile_only.service {
        width: 100%;
    }

    .service_menu ul li {
        float: none;
    }

    #blockTop #languageSelector {
        top: 140px;
        width: 100%;
        height: 40px;
        padding: 0px;
    }

    #blockTop #languageSelector a.opener {
        padding: 0px;
        width: 100%;
        display: block;
        height: 40px;
    }

    #blockMainInner #blockTop #languageSelector a.opener span {
        padding: 0px 20px 0 0;
        background: url(/wGlobal/wGlobal/layout/images/icons/arrow-down.png) no-repeat right 5px;
        line-height: 40px;
    }

    #blockMainInner #blockTop #languageSelector a.opener img {
        display: block;
        margin: 15px 15px 12px 15px;
        float: left;
    }

    #blockTop #topBox {
        background: none;
    }

    #blockTopInner .firstRow {
        height: 140px;
        background: #fff;
    }

    #blockTop #logo {
        margin: 60px 15px 3px 15px;
        width: calc(100% - 30px);
    }

    body {
        background-position: 0px 50px;
    }

    #navigationMeta a.navLevel1 {
        color: #fff;
        margin: 0px;
        line-height: 30px;
        padding: 2px 10px 2px 10px;
        text-decoration: none;
        width: calc(100% - 20px);
        display: block;
    }

    .main_menu {
        background: url(/wGlobal/wGlobal/layout/images/icons/arrow-down1.png) no-repeat 65px 7px;
        width: 90px;
        height: 20px;
        position: absolute;
        margin: 10px 15px 10px 15px;
        color: #fff;
    }

    #navigationSub li.navLevel3Selected .navWrapInner > a.navLevel3Selected {
        padding: 10px 15px 10px 15px;
        margin: 0px;
    }

    #navigationMeta ul {
        margin: 0px;
    }

    /* die drei balken */
    .elementBox_var3 {
        right: 0px;
    }

    .elementBox_var3 .elementLink {
        width: 248px;
    }

    #navigationSub li.navLevel3Selected .navWrap,
    #navigationSub li.navLevel3OpenSelected .navWrap {
        padding: 0px;
        margin: 0px;
    }

    /*##################################################################################################################################################################*/
    /*#################################################################        main navigation    ######################################################################*/
    /*##################################################################################################################################################################*/
    #navigationMain.mobile_only li.navLevel1 {
        float: none;
    }

    #navigationMain.mobile_only ul.navLevel1Container {
        display: none;
        margin: 37px 0px 0px 0px !important;
        background: #109129 !important;
        z-index: 1710;
        position: absolute;
        width: 100%;
    }

    #blockTopInner .secondRow {
        margin-top: 40px;
    }

    #navigationSubTop {
        display: none;
    }

    #navigationMain.mobile_only li.navLevel1 ul.navLevel2Container {
        list-style: none;
        padding: 0px;
        margin: 0px;
        background: #a0a0a0;
    }

    #navigationMain.mobile_only li.navLevel1 ul.navLevel2Container li a.navLevel2 {
        padding: 10px 15px 10px 15px;
    }

    #navigationMain.mobile_only li.navLevel1 ul.navLevel2Container li {
        color: #fff;
        border-bottom: 1px solid #fff;
    }

    #navigationMain.mobile_only li.navLevel1 ul.navLevel2Container li.navLevel3 {
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    #navigationMain.mobile_only li.navLevel1 ul.navLevel2Container li a.navLevel3 {
        padding: 10px 15px;
    }

    #navigationMain.mobile_only li.navLevel1 ul.navLevel2Container li.navLevel3:last-child {
        border: 0px;
    }

    ul.navLevel3Container {
        padding: 5px 0px 0px 0px;
    }

    #navigationMain.mobile_only li.navLevel1 ul.navLevel2Container li a {
        color: #fff;
        width: calc(100% - 30px);
        display: block;
    }

    #navigationMain a.navLevel1:hover {
        border: 0px solid #fff;
    }

    #navigationMain.mobile_only li.navLevel1 ul.navLevel2Container li.navLevel2Selected,
    #navigationMain.mobile_only li.navLevel1 ul.navLevel2Container li.navLevel2Open,
    #navigationMain.mobile_only li.navLevel1 ul.navLevel2Container li.navLevel2 {
        background: #a0a0a0 !important;
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    #blockTop #languageSelector .nationalSites,
    #blockTop #languageSelector .languageSites {
        width: calc(100% - 30px);
        margin: 0px;
        padding: 15px 15px 0 15px;
    }

    #blockContentFullInner {
        /*width: calc(100% - 30px);
        margin: 0px;
        padding: 15px;*/
    }

    .col1_50_inner {
        margin: 0px;
    }

    div.elementBox_var6,
    div.elementBox_var7 {
        height: auto;
    }

    #blockBeforeLeftContentRightInner,
    #blockBeforeFull {
        background: #fff;
    }

    /*##################################################################################################################################################################*/
    /*#################################################################        search             ######################################################################*/
    /*##################################################################################################################################################################*/
    .search_mobile.mobile_only {
        position: absolute;
        top: 188px;
        right: 7px;
        width: 75%;
        height: 25px;
        margin-bottom: 0px;
    }

    form#frmSearch dl {
        position: absolute;
        top: -4px;
    }

    .search_mobile.mobile_only .form dt label {
        display: none;
    }

    #blockTop #searchBox {
        display: none;
    }

    .search_mobile.mobile_only .search {
        background: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org…,4.402-4.402,4.402C3.607,10.396,1.632,8.423,1.632,5.996z%22/%3E%3C/svg%3E") center left no-repeat;
        display: block;
        float: right;
        height: 20px;
        padding: 0 0 0 20px;
    }

    .search_mobile.mobile_only .form dd input {
        width: 185px;
        position: relative;
        float: right;
        height: 21px;
        margin-top: 2px;
        padding: 0px 5px;
    }

    #collapsibleDirList {
        padding-bottom: 35px;
    }

    /*##################################################################################################################################################################*/
    /*#################################################################        footer             ######################################################################*/
    /*##################################################################################################################################################################*/
    div#areaContent5Global .col1_25, div#areaContent5Global .col2_25, div#areaContent5Global .col3_25, div#areaContent5Global .col4_25 {
        width: 100%;
    }

    div#areaContent5Global .col1_25 > .col_inner, div#areaContent5Global .col2_25 > .col_inner, div#areaContent5Global .col3_25 > .col_inner, div#areaContent5Global .col4_25 > .col_inner {
        margin: 0px;
        background-size: 1px 1px;
        float: left;
        width: 100%;
        margin-bottom: 25px;
    }

    #blockBottomInner {
        margin: 0 0 0 0;
        padding: 40px 15px;
    }

    #areaContent5Global .col_inner div {
        text-align: center;
    }

    #areaContent5Global .col_inner div.elementStandard.elementText p {
        text-align: center;
    }

    #areaContent5Global .col_inner div.elementStandard.elementText,
    #areaContent5Global .col_inner div.elementStandard.elementLink {
        position: relative;
        float: none;
    }

    #areaContent5Global .col_inner div.mediaChannels div .col_inner.col1_30_inner .elementPicture {
        margin: 0 0 20px 0px;
        text-align: right;
        float: right;
        width: 100px;
    }

    #areaContent5Global .col_inner div.mediaChannels div .col_inner.col1_30_inner {
        float: right;
    }

    #areaContent5Global .col_inner div.mediaChannels div a img {
        float: right;
    }

    /*##################################################################################################################################################################*/
    /*#################################################################        events Site        ######################################################################*/
    /*##################################################################################################################################################################*/
    #accordion2.accordion.cols3, .event_header {
        width: 100% !important;
    }

    .col_event + .col_c {
        display: none;
    }

    #accordion2 .accordion-group {
        background: #f3f2f2;
        margin: 0px;
    }

    .event .col_c {
        line-height: 15px;
        padding-top: 5px;
    }

    #accordion2 .accordion-heading .accordion-toggle.event {
        /*height: 74px;*/
    }

    .accordion-group.second .accordion-body.in.collapse {
        width: calc(100% - 20px);
        margin: 10px 10px;
    }

    #accordion2 .level_2 .accordion-heading:hover {
        height: auto;
    }

    #accordion2 .accordion-heading .accordion-toggle.event,
    #accordion2 .accordion-heading.active {
        /*height: 85px !important;*/
    }

    #map_canvas {
        width: 100% !important;
    }

    /*##################################################################################################################################################################*/
    /*#################################################################        DATABASES Site        ###################################################################*/
    /*##################################################################################################################################################################*/
    table.letteredList tr.listItem,
    table.letteredList tr.sectionHeader,
    table.letteredList tbody,
    .elementStandard table.letteredList {
        width: 100%;
        display: block;
    }

    .letteredListContainer table.cols3 tbody td {
        width: 33% !important;
        height: 40px;
        word-break: break-all;

    }

    table.letteredList tr.listItem {
        display: inline-table !important;
    }

    .details td.newProductsDetailView p {
        text-align: justify;
    }

    /* national pages */
    #navigationSubTop1 {
        width: 100%;
    }

    #navigationSubTop1 #myTab {
        width: 100%;
    }

    #navigationSubTop1 #myTab li {
        width: 100%;
        background: #f3f2f2;
    }

    #navigationSubTop1 #myTab a {
        color: #333;
        font-size: 12px;
        margin-right: 1px;
        padding: 7px 0 7px 15px;
        border-top: 1px solid #666;
    }

    #navigationSubTop1 #myTab li.active a {
        background: linear-gradient(to bottom, #005bb1 0%, #002d63 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #005bb1), color-stop(1, #002d63));background: -webkit-linear-gradient(to bottom, #005bb1 0%, #002d63 100%);background: -moz-linear-gradient(to bottom, #005bb1 0%, #002d63 100%);background: -ms-linear-gradient(to bottom, #005bb1 0%, #002d63 100%);background: -o-linear-gradient(to bottom, #005bb1 0%, #002d63 100%);
        color: #fff;
        margin-top: 10px;
    }

    #navigationSubTop1 #myTab li.active {
        margin-bottom: 10px;
    }

    #blockContentFullInner #navigationSubTop1 {
        width: 100%;
        position: relative;
        top: 0px;
        left: 0px;
    }

    /* container benefit */
    .elementList,
    .elementPictureRight,
    .elementHeadline {
        float: left;
        width: 100%;
    }

    .blockContentInner .elementPicture > div {
        float: none;
        margin: 0px;
        padding: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    div.pictureRight img.pictureRight {
        margin: 0;
        float: none;
        display: table-caption;
        margin: 0 auto;
    }

    .elementText {
        float: left;
        margin: 0 0 15px 0;
    }

    div.pictureLeft img.pictureLeft,
    div.pictureRight img.pictureRight {
        margin: 0px 0px 15px 0px;
    }

    .listAwards .innerRight .thumbs li {
        float: left;
        margin: 0 0 10px 25px;
    }

    .listAwards .innerRight {
        width: 100%;
    }

    .elementStandard.elementLink {
        float: left;
        width: 100%;
    }

    .elementList-award_var {
        float: left;
    }

    .awards .col1_33,
    .awards .col3_33 {
        width: 100%;
    }

    .elementSocialBookmarks {
        margin: 10px 0px;
    }

    .elementLink.elementBlank {
        float: left;
        width: 100%;
    }

    div#pageContent2 div {
        float: left;
    }

    table.letteredList tr.details td.left.mobile {
        padding: 10px 2.5%;
    }

    .elementBox_var2 {
        margin: 0px;
        overflow: hidden;
        padding: 2%;
    }

    .start #blockRightInner {
        border-top: 1px solid #e0e0e0;
        margin: 0px;
        padding-top: 10px;
    }

    .elementStandard.elementTable {
        width: 100%;
        overflow-y: auto;
        _overflow: auto;
        margin: 0 0 1em;
        float: left;
    }

    .trainingcenter .accordion-inner .addressblock,
    .accordion-inner .addressblock {
        padding: 20px;
        margin: 0px;
    }

    .trainingcenter .accordion-inner .member_description,
    .accordion-inner .member_description {
        width: 95%;
        padding: 0 2.5%;
        overflow-y: scroll;
    }

    .letteredListContainer table.m_heading {
        width: 100%;
    }

    .members_accordion .accordion {
        width: 100%;
    }

    .accordion-heading a.accordion-toggle.memberheading.activecollapsed {
        min-height: 65px;
    }

    li.navLevel2.navLevel2Open .navLevel3Container {
        margin: 0px;
    }

    #navigationMain li.navLevel1 {
        margin: 0px;
        border: 0px;
    }

    #navigationMain ul.navLevel4Container {
        display: none;
    }

    #navigationMain ul.navLevel4Container {
        padding: 5px 0px 0px 0px;
    }

    #navigationMain.mobile_only li.navLevel1 ul.navLevel2Container ul.navLevel4Container li.navLevel4:last-child {
        border: 0px;
    }

    #navigationMain.mobile_only li.navLevel1:not(.navLevel1OpenDescendantSelected) ul.navLevel2Container {
        display: none;
    }

    ul.navLevel3Container {
        list-style: none;
    }

    ul.navLevel4Container {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    li.navLevel2.navLevel2Selected a:before,
    a.navLevel2.navLevel2OpenDescendantSelected:before {
        content: ' ';
        background: url(/wGlobal/wGlobal/layout/images/arrows/arrow-24-16.png);
        width: 10px;
        height: 10px;
        display: inline-block;
        padding: 0 5px 0 0;
        position: relative;
        right: 5px;
        background-size: 10px 10px;
    }

    ul.navLevel3Container {
        padding: 0px;
        margin: 0px;
    }

    #navigationMain.mobile_only li.navLevel1 ul.navLevel2Container li.navLevel3Selected {
        background: #08457e;
    }

    /* container */
    #blockContentFullLeft {
        width: 100%;
    }

    #blockContentFullLeftInner {
        margin: 30px 2.5%;
    }

    .elementVideoExternal {
        float: left;
        padding: 0px;
        height: 300px;
        width: 100%;
    }

    .col1_100 .elementStandard.elementText {
        width: 100%;
    }

    #countrySelection .col1_25,
    #countrySelection .col2_25,
    #countrySelection .col3_25,
    #countrySelection .col4_25 {
        width: 100%;
    }

    #blockContentFullRight .elementStandard.elementContainer .col1_30,
    #blockContentFullRight .elementStandard.elementContainer .col2_70 {
        width: 100%;
        float: left;
    }

    .elementBox_var0 .col1_70,
    .elementBox_var0 .col2_30 {
        width: 100%;
        float: left;
    }

    .elementBox_var0 .col1_70 .col2_70_inner {
        margin-left: 0px;
    }

    .elementBox_var0 .col2_30 .col2_30_inner {
        margin-left: 0px;
    }

    .wPageTypeFullLeft #blockRight {
        width: 100%;
        float: left;
    }

    #blockRightInner {
        margin: 35px 2.5%;
    }

    #navigationSub li.navLevel3Open .navWrap {
        background: none;
        margin: 0px;
        padding: 0px;
    }

    .col2_25_inner {
        margin: 0px;
        padding: 0px;
    }

    table.letteredList tr.details td.detailsWhite {
        width: 95%;
        padding: 10px 2.5%;
    }

    #blockContentFullRight .elementStandard.elementContainer .col2_70 .col_inner div {
        float: left;
        width: 100%;
    }

    div#anchor_c3c78561_Find-a-Userclub + .elementStandard + .elementStandard {
        display: none;
    }

    #navigationSub a.navLevel3Open {
        padding: 0px;
    }

    #navigationSub li.navLevel3Open .navWrapInner > a {
        color: #333;
        background: url(/wGlobal/wGlobal/layout/images/backgrounds/navRowSub_bg.gif) 0 bottom repeat-x;
        background-color: #f3f2f2;
        font-size: 12px;
        margin-right: 1px;
        padding: 7px 0 7px 15px;
        margin: 0 2px 0 12px;
    }

    div#countrySelection .col4_25 .col_inner.col4_25_inner {
        margin: 0px;
    }

    a.navLevel3.navLevel3OpenDescendantSelected + navLevel4Container {
        display: block;
    }

    #blockTop #navigationMain {
        min-height: 40px;
        position: none;
    }

    .highlight {
        display: block !important;
    }

    .tab-content > .tab-pane {
        padding: 10px 0px 10px 0px !important;
    }

    table.letteredList thead {
        width: 100%;
        display: inline-table;
    }
}

/* tablet */
@media only screen and (min-width: 760px) and (max-width: 768px) {
    body:not(.start) .col1_50_inner .numberBox {
        width: calc(100% - 10px);
    }
}

@media only screen and (max-width: 420px) {
    div.row-eq-height.col1_50 {
        margin-bottom: 10px !important;
    }

    div.row-eq-height {
        display: block;
    }

    .accordion div.row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .addressblock .col-xs-12 {
        padding: 0px;
    }

    button#clearselection,
    input#searchButton,
    button#showall {
        width: 100%;
    }

    div.nopadding {
        padding: 0 15px !important;
    }

    h1 {
        font-size: 28px;
        line-height: 30px;
    }
}

/* phone */

@media only screen and (max-width: 760px) {

    body:not(.start) .numberBox {
        height: auto;
        margin-bottom: 20px;
    }

    body:not(.start) .numberBox .bold {
        height: auto;
        float: left;
        width: calc(100% - 15px);
        position: relative;
        top: 0px;
    }

    body:not(.start) .numberBox .community_text {
        padding: 15px;
        width: calc(100% - 30px);
    }

    #areaContent5Global .col_inner div.mediaChannels div.col2_70 .col2_70_inner .elementPicture {
        text-align: left;
    }

    .elementBox_var3 .elementLink {
        width: 248px;
        margin: 0 auto;
    }

    .col1_33, .col2_33, .col3_33 {
        width: 100%;
    }

    .elementBox_var3 .elementLink {
        width: 28%;
        float: left;
        margin-left: 2.5%;
        background: #f3f2f2;
        height: 62px;
        background-size: 197px 81px;
    }

    .elementBox_var3 .ribbonIcon01 a,
    .elementBox_var3 .ribbonIcon02 a,
    .elementBox_var3 .ribbonIcon03 a {
        background: none !important;
    }

}

@media only screen and (max-width: 674px) {
    .elementBox_var3 {
        display: none;
    }

    .start #blockContentFullLeft {
        margin-top: 0px !important;
        padding: 0px;
    }

    table.letteredList tr.details td.partner {
        float: left;
        width: calc(100% - 20px);
    }
}

@media only screen and (min-width: 675px) and (max-width: 1023px) {
    .elementBox_var3 .elementLink {
        background: #f3f2f2;
        display: inline-block;
        width: 255px;
        float: right;
    }

    .elementBox_var3 .ribbonIcon01 a,
    .elementBox_var3 .ribbonIcon02 a,
    .elementBox_var3 .ribbonIcon03 a {
        background: none !important;
    }

    .start .col1_33_inner {
        margin: 0 auto;
    }

    .start .numberBox {
        margin-bottom: 20px;
    }

    .start .col3_33_inner,
    .start .col2_33_inner {
        margin: 0px;
    }
}

@media only screen and (min-width: 280px) and (max-width: 600px) {
    #coountrySelector {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
        margin: 0 0 10px 0;
        width: 100%;
    }
}

#navigationMainNav ul.navLevel1Container li.navLevel2 > a {
    word-break: break-word;
}

.course_content.mobile_only,
.title.mobile_only {
    word-break: break-word;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .listTopic li {
        width: calc(50% - 10px);
        float: left;
    }

    .listTopic li:first-child {
        margin: 0 20px 0 0;
    }

    .listTopic li.position2 {
        margin: 0px !important;
    }
}

@media (min-width: 420px) {

    #blockContentFullRight {
        padding: 0px;
    }

    #blockContent {
        padding-left: 0px;
    }
}

.sub-navigation-main .container {
    padding: 0px;
}

/* Responsive Menue */
@media only screen and (max-width: 768px) {
    #navigationMainNav ul.navLevel1Container li {
        width: 100%;
        border: 0px;
        background: #005bb1;
        border-top: 1px solid #fff;
    }

    #navigationMainNav ul.navLevel1Container li.navLevel1:first-child {
        border-top: 0px;
    }

    #navigationMainNav ul.navLevel1Container li a.navLevel1 {
        font-size: 19px;
    }

    div#navigationMainNav ul.navLevel1Container li a {
        padding: 10px 15px;
        display: block;
        color: #fff;
        margin: 0 45px 0 0;
    }

    #navigationMainNav ul.navLevel2Container {
        display: block;
    }

    #navigationMainNav ul.navLevel2Container {
        width: 100%;
        list-style: none;
        padding: 0px;
    }

    #topBox #navigationMeta.mobile_only.service {
        padding: 0px;
        background: #109129;
        height: 40px;
    }

    form#frmSearch {
        height: 50px;
    }

    .navbar > .container-fluid a.navbar-toggle.navbar-brand {
        border: 0px;
        color: #fff;
        text-shadow: none;
        float: left;
        margin: 0 15px;
        padding: 9px 15px;
        height: 40px;
        width: calc(100% - 30px);
    }

    .navbar-default .navbar-toggle:hover {
        background: transparent;
        color: #fff;
    }

    #navigationMainNav ul.navLevel3Container,
    #navigationMainNav ul.navLevel2Container {
        display: none;
    }

    #navigationMainNav ul.navLevel3Container li a {
        border-bottom: 0px;
    }

    /*######################################### NEW ################################*/
    span.navToggler {
        content: '';
        background: url(/wGlobal/wGlobal/layout/images/responsive/plus.png) no-repeat center;
        width: 45px;
        height: 45px;
        position: absolute;
        right: 0px;
        margin-top: -45px;
    }

    span.navToggler.minus {
        background: url(/wGlobal/wGlobal/layout/images/responsive/minus.png) no-repeat center;
    }

    #navigationMainNav a.navLevel1:hover,
    #navigationMainNav a.navLevel1Selected,
    #navigationMainNav a.navLevel1Selected:hover,
    #navigationMainNav a.navLevel1Open:hover,
    #navigationMainNav a.navLevel1OpenSelected,
    #navigationMainNav a.navLevel1OpenSelected:hover,
    #navigationMainNav a.navLevel1OpenDescendantSelected:hover,
    #navigationSub li.navLevel3Selected .navWrapInner,
    #navigationSub li.navLevel3OpenSelected .navWrapInner,
    #navigationSub .navLevel4Selected,
    #navigationMeta .navLevel1Selected {
        background: none;
    }

    a.navLevel1.navLevel1Selected:before,
    a.navLevel1.navLevel1OpenSelected:before,
    a.navLevel1.navLevel1OpenDescendantSelected:before,
    a.navLevel2.navLevel2Selected:before,
    a.navLevel2.navLevel2OpenSelected:before,
    a.navLevel2.navLevel2OpenDescendantSelected:before,
    a.navLevel3.navLevel3Selected:before,
    a.navLevel3.navLevel3OpenSelected:before,
    a.navLevel3.navLevel3OpenDescendantSelected:before,
    a.navLevel4.navLevel4Selected:before,
    a.navLevel4.navLevel4OpenSelected:before,
    a.navLevel4.navLevel4OpenDescendantSelected:before {
        content: ' ';
        background: url(/wGlobal/wGlobal/layout/images/responsive/selected.png);
        width: 10px;
        height: 10px;
        display: inline-block;
        padding: 0 5px 0 0;
        position: relative;
        right: 5px;
        background-size: 10px 10px;
    }

    #navigationMainNav ul.navLevel2Container li.navLevel2 a {
        margin-left: 15px;
    }

    #navigationMainNav ul.navLevel3Container li.navLevel3 a {
        margin-left: 30px;
    }

    #navigationMainNav ul.navLevel4Container li.navLevel4 a {
        margin-left: 45px;
    }

    li.navLevel1.navLevel1Selected,
    li.navLevel2.navLevel2Selected,
    li.navLevel3.navLevel3Selected,
    li.navLevel4.navLevel4Selected {
        background: #a0a0a0 !important;
    }

    body.landingpages li.navLevel1.navLevel1Selected,
    body.landingpages li.navLevel2.navLevel2Selected,
    body.landingpages li.navLevel3.navLevel3Selected,
    body.landingpages li.navLevel4.navLevel4Selected {
        background: #005bb1 !important;
    }

    #navigationSubTop4Level a,
    #navigationBreadcrumb a {
        font-size: 13px;
    }

    .navImageLink:before {
        background: url(/wGlobal/wGlobal/layout/images/responsive/selected.png);
        width: 10px;
        height: 10px;
        display: inline-block;
        padding: 0 5px 0 0;
        position: relative;
        right: 5px;
        background-size: 10px 10px;
    }

    .navbar-header.nav-toggler:after {
        content: '';
        width: 16px;
        height: 16px;
        background: url(/wGlobal/wGlobal/layout/images/responsive/menu.png);
        right: 15px;
        position: absolute;
        margin-top: 12px;
    }
}

@media only screen and (min-width: 420px) and (max-width: 768px) {
    .company-partner {
        margin: 0px !important;
    }
}

@media only screen and (max-width: 700px)  and (min-width: 320px) {
    .mobile_only.mobile-navigation #logo, .mobile_only.mobile-navigation #logo img {
        height: 30px;
    }

    .mobile_only.mobile-navigation #logo img {
        margin-top: 5px;
    }

    .mobile-navigation #news-menue {
        background: url("/wGlobal/wGlobal/layout/images/responsive/news.png") no-repeat bottom center;
        display: block;
    }

    .mobile-navigation #languageSelectorResp {
        background: url("/wGlobal/wGlobal/layout/images/responsive/globe.png") no-repeat bottom center;
        display: block;
    }

    .mobile-navigation #got-to-knx {
        background: url("/wGlobal/wGlobal/layout/images/responsive/external.png") no-repeat bottom center;
        display: block;
    }

    .mobile-navigation #mobile_search {
        background: url("/wGlobal/wGlobal/layout/images/responsive/search.png") no-repeat bottom center;
        display: block;
    }

    .mobile-navigation .nav_resp a {
        background: url(/wGlobal/wGlobal/layout/images/responsive/menu-g.png) no-repeat bottom center;
        margin-right: 0px;
        height: 35px;
        margin-top: 0px;
        width: 36px;
        padding: 0px;
        margin: 0px;
        float: left;
        background-size: 21px;
    }

    .mobile-navigation > .container.toggler > .row > div.services > a {
        margin: 0px;
        float: right;
    }

    .mobile-navigation .nav_resp .navbar-header.nav-toggler:after,
    .mobile-navigation .nav_resp .navbar-header.nav-toggler:before {
        content: '';
    }

    .mobile-navigation > .container.toggler > .row > div > a {
        min-height: 35px;
        width: 35px;
    }

    .mobile-navigation > .container.toggler > .row > div > a#logo {
        width: 68px;
        margin: 0 auto;
        display: block;
    }

    .listTopic li img {
        width: 100%;
    }

    .blockContentInner .elementPicture > div a.picture,
    .blockContentInner .elementPicture > div a.picture img.picture,
    .blockContentInner .elementPicture > div {
        width: 100%;
    }

    .mobile-navigation > .container.toggler > .row {
        padding: 10px 15px;
    }

    .mobile-navigation > .container.toggler > .row > .col {
        padding: 0px;
    }

    .mobile-navigation > .container.toggler > .row .col-xs-2 {
        padding: 0px;
        float: left;
    }

    .mobile-navigation > .container.toggler > .row .col-xs-2 > a {
        float: right;
    }

    body .mobile-navigation > .content #meta-navigation,
    body .mobile-navigation > .content #searchBox,
    body .mobile-navigation > .content #language-selector,
    body .mobile-navigation > .content #navigationMainNav {
        display: none;
        padding: 0px;
    }

    body.landingpages .mobile-navigation {
        display: none !important;
    }

    body.microsites .mobile-navigation {
        display: block !important;
    }

    body.ets-inside.landingpages .mobile-navigation {
        display: block !important;
    }

    body:not(.landingpages) > .logo-and-meta,
    body:not(.landingpages) > .langpicker-and-search,
    body:not(.landingpages) > .navigation-main {
        display: none;
    }

    body.ets-inside.landingpages > .logo-and-meta,
    body.ets-inside.landingpages > .langpicker-and-search,
    body.ets-inside.landingpages > .navigation-main,
    body.microsites > .logo-and-meta,
    body.microsites > .langpicker-and-search,
    body.microsites > .navigation-main {
        display: none;
    }

    body.landingpages .mobile-navigation #mobile_search {
        display: none;
    }

    body.microsites .mobile-navigation #languageSelectorResp {
        display: none;
    }

    span.navToggler {
        right: 15px;
    }

    /*######################################################################*/
    /*######################################################################*/
    /*######################################################################*/
    #languageSelector {
        display: none;
        background: #d8d8d8;
        padding: 15px 10px 15px 10px;
    }

    #languageSelector a.lang {
        line-height: 20px;
        float: left;
        padding: 6px 4px 0 4px;
        color: #4d5158;
        text-decoration: none;
        font-size: 14px
    }

    #languageSelector a.lang img,
    #languageSelector a.langCurrent img {
        display: block;
        margin: 4px 3px 0 0;
        float: left
    }

    #languageSelector a.langCurrent {
        line-height: 20px;
        float: left;
        padding: 6px 4px 0 4px;
        color: #4d5158;
        text-decoration: none;
        opacity: 0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        filter: alpha(opacity=50)
    }

    #languageSelector a.opener {
        padding: 1px 0 0 0;
        color: #666
    }

    #languageSelector a.opener img {
        display: block;
        margin: 4px 5px 0 0;
        float: left
    }

    #languageSelector a.opener span {
        padding: 0 15px 0 0;
        background: url(/wGlobal/wGlobal/layout/images/icons/arrow-down.png) no-repeat right 5px
    }

    #languageSelector .container {
        margin: 6px 0 0 -6px;
        padding: 0px 1px 0px 1px;
        position: absolute;
        z-index: 9999;
        width: 100%
    }

    #languageSelector .container *,
    #languageSelector .container *:before,
    #languageSelector .container *:after {
        -webkit-box-sizing: content-box !important;
        -moz-box-sizing: content-box !important;
        box-sizing: content-box !important;-moz-box-sizing: content-box !important;
    }

    #languageSelector .inner {
        padding: 0;
        width: 100%;
        position: relative;
        height: auto;
        z-index: 4568;
        display: block !important;
    }

    #languageSelector .languageSites {
        margin: 0 0 25px 0
    }

    #languageSelector ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    #languageSelector li {
        float: left;
        width: 140px;
        overflow: hidden
    }

    /* ####################################################################################################################################### */
    /* #######################################################     META NAviagtion  ########################################################## */
    /* ####################################################################################################################################### */
    /* ####################################################################################################################################### */
    #meta-navigation ul li {
        display: inline-block;
        width: 100%;
    }

    #meta-navigation ul {
        margin: 0px;
        width: calc(100% - 30px);
        background: #C0C0C0;
        z-index: 3;
        position: absolute;
        top: 44px;
        padding: 0px;
        display: none;
    }

    #meta-navigation {
        padding: 0px;
        background: #109129;
        height: 44px;
    }

    #meta-navigation.mobile_only.service li {
        border-top: 1px solid #6e6e6e;
    }

    #meta-navigation li:last-child {
        margin: 0px;
        padding: 0 0 0 10px;
    }

    #meta-navigation li:last-child a.navLevel1 {
        background: url(/wGlobal/wGlobal/layout/images/icons/myknx.png) left 10px no-repeat;
        padding: 10px 15px 10px 25px;
    }

    #meta-navigation.mobile_only .nav-shadow {
        background: url(/wGlobal/wGlobal/layout/images/backgrounds/nav-shadow.png) repeat-x;
        height: 8px;
        position: relative;
        top: 40px;
    }

    #meta-navigation a.navLevel1 {
        color: #fff;
        margin: 0px;
        padding: 10px 15px;
        text-decoration: none;
        width: calc(100% - 20px);
        display: block;
    }

    #meta-navigation li {
        border-top: 1px solid #6e6e6e;
    }

    .service_menu {
        float: left;
        padding: 10px 25px 10px 15px;
        background: none;
        color: #fff;
        margin-right: 0px;
        cursor: pointer;
        width: 100%;
        font-size: 19px;
    }

    .service_menu span.navToggler.plus.mobile_only {
        margin-top: -34px;
    }
}

@media only screen and (min-width: 699px) {
    .mobile-navigation {
        display: none !important;
    }
}

@media only screen and (max-width: 320px) {
    .mobile-navigation {
        display: none !important;
    }
}

@media only screen and (min-width: 421px)  and (max-width: 990px) {
    .tablet-doppelt-top-buffer {
        margin: 35px 0 0 0 !important;
    }

    #blockTop #languageSelector a.opener {
        padding: 15px 0 0 0;
    }

    .navImages {
        border-top: 1px solid #fff;
    }

    .navImagesBorder {
        width: 100%;
        padding: 10px 15px;
        margin: 0px;
    }

    .navImages > div > div {
        width: 50%;
    }

    #blockTop #languageSelector .inner {
        padding: 0px 0px 15px 0px;
    }

    .col-xs-12.col-sm-6.col-sm-4.tablet-doppelt-top-buffer.col-md-4 {
        padding-left: 0px;
    }
}

@media only screen and (min-width: 421px) and (max-width: 699px) {
    .listTopic li img {
        width: auto;
    }

    .blockContentInner .elementPicture > div a.picture,
    .blockContentInner .elementPicture > div a.picture img.picture,
    .blockContentInner .elementPicture > div {
        width: auto;
    }
}

@media only screen and (min-width: 280px) and (max-width: 360px) {
    div.logo_landing {
        background: url(/wGlobal/wGlobal/layout/images/knx-logo.png) no-repeat;
        width: 100%;
        height: 50px;
        float: left;
        margin: 0px;
        padding-top: 15px;
        background-position: 0px;
        background-size: 100% !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 699px) {
    .mobile-navigation.mobile_only {
        display: block !important;
    }

    div.col1_50_inner.line .elementText {
        margin-right: 0px;
    }

    div.logo_landing {
        background-size: 68px 30px;
        position: relative;
        float: none;
        margin: 0 auto;
        width: 68px;
        height: 30px;
    }

    .landingpages div#topBox {
        margin: 0px;
        padding-top: 15px;
    }
}

.wmd1, .wmd2, .wmd3, .wmd4, .wmd5, .wmd6, .wmd7, .wmd1:before, .wmd2:before, .wmd3:before, .wmd4:before, .wmd5:before, .wmd6:before, .wmd7:before {font:inherit !important;color:inherit !important;text-decoration:inherit !important} .wmd1:before {content:'a';display:inline} .wmd2:before {content:'e';display:inline} .wmd3:before {content:'o';display:inline} .wmd4:before {content:'u';display:inline} .wmd5:before {content:'i';display:inline} .wmd6:before {content:'.';display:inline} .wmd7:before {content:'@';display:inline}