.table_res{
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}


/******* Correction several Tablet devices *******/
@media(min-width: 992px) {
  #mobileNav,
    .sectionFrame5 {
    display: none !important;
  }
  #quickSearch {
    display: block !important;
  }
}
  
@media(max-width: 991px) {

    /* Layout Definition */
    
    * {
      max-height: 9999px;
      font-size: 12px;
    }
    
    html {
      -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    }
    
    #main h3.bulletin, 
    #main h3.event, 
    #main h3.shop, 
    #main h3.member {
        width: 100%;
    }
    
    #main h3.bulletin div,
    #main h3.event div,
    #main h3.shop div, 
    #main h3.member div {
        padding: 0 54px 3px 6px;
        background-position: right 10px top 4px;
    }
    
    html.noScroll {
      overflow-y: hidden;
    }
    
    .ctArea .fceGreenbox table {
        max-width: 455px;
        width: 100%;
    }

    #langNav,
    .fce4Columns .fceLeftInnerCol,
    .fce4Columns .fceLeftOuterCol,
    .fce4Columns .fceRightOuterCol,
    .fce4Columns .fceRightInnerCol,
  .fce3Columns .fceLeftCol,
    .fce3Columns .fceMidCol,
    .fce3Columns .fceRightCol,
    {
  padding:    0px;
  margin:      0px;
  left:      auto;
  top:      auto;
  right:      auto;
  bottom:      auto;
  position:   static;
    font-size: 1em;
    }

    #head{
  position:    relative;
    height: 210px;
    }
    
    #leftCol,
    #metaNav,
    #shopLink,
    #mainNav,
    #bulletinLink,
    #quickSearch,
    #quickSearch #tx-indexedsearch-quicksearch-sword,
    #quickLogin,
    #quickLogin .loginLabel,
    #quickLogin .registrationLink,
    #quickLogin .myElectrosuisseLink,
    #ce7226,
    #ce7131, 
    .contentFlow,
    .fceShopTeaser {
      display: none !important;
    }
    
    #quickSearch,
    #quickLogin,
    #quickLogin .loginLabel,
    #quickLogin .registrationLink,
    #quickLogin .myElectrosuisseLink {
      float:      left;  
    }
    
    li.login {
        display: block;
    }
    
    #head h1 a{
        left:   10px;
        top:    10px;
    }
    
    #quickLinks{
    width: 100%;
    position: absolute;
    top: 140px;
        display: block;
    }
    
    #langNav {
    background: none;
  position:   absolute;
  top:      10px;
  right:      10px;
  background: none;
  padding: 0;
    }
    
    #langNav li{
        margin-left: 6px;
    }
    
    .mobileButtons{
  position:  absolute;
  top:    78px;
  right:    10px;
  display:  block;
    }
    /* Definition Header Buttons */    
    #searchButton a,
    #navButton {
  height:            38px;
  width:            38px;
  display:          block;
  float:            right;
  position:          relative;
    background-size:    30px 30px;
    background-position: center;
    border:             2px solid #a3d671;
    cursor:             pointer;
    }
    
    #navButton {
        background-image: url("../../images/mainNav_button.png");      
    }
    
    #searchButton {
      float: right;
    }
    
    #searchButton a {
        background-image: url("../../images/search_button.png");
        margin-right: 5px;
        text-indent: -99999px;
        outline: none;
    }
    
    #rightCol .ctArea {
        margin: 0px;
    }
    
    .login,
    .register,
    .myelectrosuisse {
        width:      calc(100% / 3);
        display:  block;
        float:      left;
        
    }
    
    
    
    #rightCol h4 {
        line-height: 23px;
    }
    
    .login > a,
    .register > a,
    .myelectrosuisse > a,
    .shop > a,
    .basket > a {
        display:  inline-block;
        width:      100%; 
        padding:    0px;    
        margin:     0px;
        min-height: 15px;
        line-height: 15px;
        vertical-align:     center;
    }
    
    #rightCol h3 div a {
        margin: -10px -54px -3px -6px;
        text-align: left;
    }
    
    
    .login,
    .register,
    .myelectrosuisse,
    .shop,
    .basket {    
        float:           left;
        line-height:       100%;
        padding-top:       10px;
        padding-bottom:    10px;
        height:            15px;
        text-align:         center;
        background:      #9ACC36;/*rgb(157, 204, 54);*/
        border-top:         1px solid #fff;
        color:         #FFF; 
        vertical-align:     center;
        line-height: 15px;
    }
   
    
    #quickLinks a {
      color: #ffffff;
    }
     
    .shop,
    .basket {
    width:              calc(50% - 2px);
    padding-right:        0px;
    padding-left:        0px;
    border-left:          1px solid #fff;
    border-right:         1px solid #fff;
    border-bottom:        1px solid #fff;
    }
    
    .shop {
      width:         calc(50% - 1px);
      border-right:    0px;
    }
    
    .shop > span{
        background:    #9ACC36 url("../../images/shop_button.png") no-repeat left; /* rgb(157, 204, 54) url("../../images/shop_button.png") no-repeat left;*/
    }
    
    .login {
  border-left:  1px solid #fff;
  border-right:  1px solid #fff;
    width:        calc(100% / 3 - 2px);
    }
    
    .myelectrosuisse {
  border-right:  1px solid #fff;
    width:        calc(100% / 3 - 1px);
    }
    
    .register{
  border-right:  1px solid #fff;
    width:        calc(100% / 3 - 1px);
    }
    
    #head h1 a{
  background-size: 100% auto;
  /*width: calc(100% * 0.2);*/
  height:    auto;
    }
    
    /*Footer*/
    #footer {
        width:        calc(100% - 30px);
        height:         auto;
        margin-left:  10px;
        margin-right:   10px;
        padding:        5px;
        background:      #cccccc;
    }

    #footerNav {
        position: static;
        max-width: calc(100% - 160px);
        margin-top: -2px;
    }
    
    ul#footerNav li a {
        position: static;
        display: inline-block;
    }

    #copyright {
        top: 3px;
        right: 5px;
    }
    
    #mobileNav {
        position:   absolute;
        z-index :   1000;
        width: 100%;
        background: #ffffff; /* rgb(157, 204, 54); */
        color:      #010101;
        height:     auto;
        overflow:   auto;
        top:        140px;
    }
    
    #mobileNav a {
        color:          #010101;
        padding-bottom:   5px;
    }
    
    #mobileNav li.subpages > ul {
      display: none;
    }
    
    #mobileNav li.subpages.expanded > ul {
      display: block;
    }
    
    #mobileNav li.subpages > .nav-link-border > ul {
      display: none;
    }
    
    #mobileNav li.subpages.expanded > .nav-link-border > ul {
      display: block;
    }
    .tx-indexedsearch .defaultForm label,
    .tx-indexedsearch .defaultForm input.tx-indexedsearch-searchbox-sword,
    .tx-indexedsearch .defaultForm select {
        width: 100% !important;
        display: inline-block;
    }
    

    /*
    .glyphicon-plus {
        right: 13px;
        font-size: 28px;
        line-height: 30px;
        content: "+";
        float: right;
        width: 20px;
        height: 20px;
        background: red;
        position: relative;
    }
    
    .glyphicon-minus {
        right: 13px;
        font-size: 28px;
        line-height: 30px;
        content: "+";
        float: right;
        width: 20px;
        height: 20px;
        background: blue;
        position: relative;
    }
    */
    
    #mobileNav li {
      position: relative;
    }
    
    /* Is not needed any more, made the same whit TypoScript
    #mobileNav li.level1.last {
        display: none;
    }*/
    
    .glyphicon-plus::before {
    content: "+";
  }
    
    .glyphicon-minus::before {
    content: "−";
  }
  
  #mobileNav .glyphicon {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    
    position: absolute;
    right: 27px;
    top: 11px;
        
        padding: 0px;
  }
  
  #mobileNav .expander {
    -webkit-font-smoothing: antialiased;
        box-sizing: border-box;
        color: #FFFFF4;
        cursor: pointer;
        display: block;
        font-size: 28px !important;
        font-style: normal;
        font-weight: normal;
        height: 30px;
        width: 30px;
        line-height: 30px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        position: absolute;       
        right: 13px;
        text-align: center;
        top: 8px;
        padding-right: 0px;
        font-family: Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, sans-serif;
  }
       
    
    #mobileNav li.level2 .expander {
        top: 7px;
        color: #7F7F7F;
        font-size: 18px !important;
    }
    
    #mobileNav li.level3 .expander {
        top: -4px;
        color: #7F7F7F;
        font-size: 18px !important;
        right: -6px;
    }
    
    #mobileNav li.level4 .expander {
        top: -4px;
        color: #7F7F7F;
        font-size: 18px !important;
        right: -5px;
    }
    
    #mobileNav li.level5 .expander {
        top: -3px;
        color: #7F7F7F;
        font-size: 18px !important;
        right: -4px;
    }
    
    #mobileNav li.level6 .expander {
        top: -3px;
        color: #7F7F7F;
       font-size: 18px !important;
        right: 0px;
    }
    
    #mobileNav li.level1,
    #mobileNav li.level2 > .nav-link-border.level2  
    /*#mobileNav li.level3 > .nav-link-border.level3,
    #mobileNav li.level4 > .nav-link-border.level4,
    #mobileNav li.level5 > .nav-link-border.level5,
    #mobileNav li.level6 > .nav-link-border.level6*/ {    
        border-bottom-color: #FFFFFF;
        border-bottom-style: solid;
        border-bottom-width: 1px;          
    }
    
    #mobileNav li.level2 > .nav-link-border.level2 {
        margin-left: 20px;
        padding-left: -20px;
        margin-right: 20px;
        padding-right: -20px;
    }
    
    #mobileNav li.level2:first-child > .nav-link-border.level2  
    /*#mobileNav li.level3:first-child > .nav-link-border.level3
    #mobileNav li.level4:first-child > .nav-link-border.level4,
    #mobileNav li.level5:first-child > .nav-link-border.level5,
    #mobileNav li.level6:first-child > .nav-link-border.level6*/ {    
        border-top-color: #FFFFFF;
        border-top-style: solid;
        border-top-width: 1px;
        
    }
    
    #mobileNav li.level2:last-child > .nav-link-border.level2,  
    #mobileNav li.level3:last-child > .nav-link-border.level3,
    #mobileNav li.level4:last-child > .nav-link-border.level4,
    #mobileNav li.level5:last-child > .nav-link-border.level5,
    #mobileNav li.level6:last-child > .nav-link-border.level6{    
        border-bottom: none;
        
    }
    
    #mobileNav li.level1 ul,
    #mobileNav li.level2 ul,  
    #mobileNav li.level3 ul,
    #mobileNav li.level4 ul,
    #mobileNav li.level5 ul { 
        background: #F2F2F2;  
    }
    
    #mobileNav li.level1{
        background: #92D050;
        margin-left: 0px;
        padding-left: 0px;
        margin-right: 0px;
        padding-right: 0px;
    }
    
    
    #mobileNav li.level1 a.level1 {
        box-sizing: border-box;
        color: #FFFFF4;
        display: block;
        font-size: 19px;
        font-weight: bold;
        line-height: 21px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        padding-bottom: 15px;
        padding-left: 14px;
        padding-right: 31px;
        padding-top: 17px;
        text-align: left;
        text-decoration: none;
        width: 383px;
        word-wrap: break-word;
        
        width: calc(100% - 40px);
    }
    
    #mobileNav li.level1 a.level1:first {
        margin-top: 5px;     
    }
    
    #mobileNav li.level2 a.level2{
        box-sizing: border-box;
        color: #7F7F7F;
        display: block;
        font-size: 19px;
        font-weight: normal;
        line-height: 21px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        padding-left: 4px;
        text-align: left;
        text-decoration: none;
        width: 383px;
        word-wrap: break-word;
        
        padding-top: 14px;
        padding-bottom: 13px;
        
        width: calc(100% - 40px);
    } 
    
    #mobileNav li.level3 a.level3{
        box-sizing: border-box;
        color: #7F7F7F;
        display: block;
        font-size: 15px;
        font-weight: normal;
        line-height: 15px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        padding-bottom: 5px;
        padding-left: 24px;
        padding-right: 43px;
        padding-top: 6px;
        text-align: left;
        text-decoration: none;
        width: 383px;
        word-wrap: break-word;

        width: calc(100% - 40px);
    } 
    
    #mobileNav li.level4 a.level4{
        box-sizing: border-box;
        color: #7F7F7F;
        display: block;
        font-size: 14px;
        font-weight: normal;
        line-height: 16px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        padding-bottom: 5px;
        padding-left: 44px;
        padding-right: 33px;
        padding-top: 6px;
        text-align: left;
        text-decoration: none;
        width: 383px;
        word-wrap: break-word;
        
        width: calc(100% - 40px);
    } 
    
     #mobileNav li.level5 a.level5{
        box-sizing: border-box;
        color: #7F7F7F;
        display: block;
        font-size: 13px;
        font-weight: normal;
        line-height: 16px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        padding-left: 54px;
        text-align: left;
        text-decoration: none;
        width: 383px;
        word-wrap: break-word;
        
        width: calc(100% - 40px);
    } 
    
    #mobileNav li.level6 a.level6{
        box-sizing: border-box;
        color: #7F7F7F;
        display: block;
        font-size: 12px;
        font-weight: normal;
        line-height: 34px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        padding-left: 64px;
        text-align: left;
        text-decoration: none;
        width: 383px;
        word-wrap: break-word;
        
        width: calc(100% - 40px);
    } 
    
    .csc-textpic-image img {
      width: 100%;
    }
   
    /* Content */
    img {
  max-width: 100%;
  height: auto;
  /*width: 100%;*/
    }
    
    /* Content Definition */
    
    #midCol,
    #rightCol {
        width: calc(100% - 20px);
        margin: 10px !important;
        float: none;
    }

    
    #mainContainerInner {
    
    }

    #main,
    #contentCols {
     width: 100%;
     background-image:   none;
    }

    #contentCols {
     padding:    0px;
    }
    
    .fce3Columns,
    .fce4Columns,
    .fce2Columns {
        width: 100%;
        background: none;
    }
    
    .fce4Columns .fceSeperator {
        display: none;
    }
    

    .fce3Columns .fceLeftCol,
    .fce3Columns .fceMidCol,
    .fce3Columns .fceRightCol,
    .fce4Columns .fceLeftOuterCol,
    .fce4Columns .fceRightOuterCol,
    .fce4Columns .fceLeftInnerCol,
    .fce4Columns .fceRightInnerCol, 
    .fce2Columns .fceLeftCol,
    .fce2Columns .fceRightCol {
        width:  50%;
        box-sizing:border-box;
        float: left;
        
    }
    
     .fce3Columns .fceLeftCol,
    .fce3Columns .fceMidCol,
    .fce3Columns .fceRightCol {
        width:  100%;
        margin: 0;
    }
    
    .fce3Columns .fceLeftCol,
    .fce4Columns .fceLeftOuterCol, 
    .fce2Columns .fceLeftCol {
        padding-right: 0px;
    }
    
    .fce3Columns .fceRightCol,
    .fce4Columns .fceRightOuterCol,
    .fce2Columns .fceRightCol {
        padding-left: 5px;
    }
    
    .fce4Columns .fceRightOuterCol,
    .fce4Columns .fceRightInnerCol {
        margin-top: 10px;
    }
    
    .fce4Columns .fceLeftInnerCol {
        padding-left: 5px;   
    }
    
    .fce4Columns .fceRightInnerCol {
        clear: both;
        padding-right: 5px;
    }
    .fce3Columns > div {
      padding: 0;
      padding-bottom: 10px;
    }
    
    
    
    
    #midCol .ctArea .ctElement {
  width: 100%;
    }

    .ctArea table.contenttable {
  width: 100%;
    }
    
    .blackText {
        font-size: 10px;
    }
    
    .fceRightOuterCol > div > div > .underline,
    .fceRightOuterCol > div > div > div > .underline,
    .fceRightInnerCol > div > div > .underline  {
        border-top: #B3B3B3 solid 1px;/*rgb(179, 179, 179) solid 1px;*/
        padding-top: 8px;
        margin-top: 8px !important;
    }
    
    .fce3Columns .underline{
      border-top: #B3B3B3 solid 1px;/*rgb(179, 179, 179) solid 1px;*/
        padding-top: 8px;
        margin-top: 8px !important;
    }
    
    
    hr .hidden {
        display: none;
    }
    
    #rightColSpacer {
      display: none;
    }
    
    /* Power Mails */
    .defaultForm .captchaImage img,
    .tx-felogin-pi1 .defaultForm label {
        width: 160px !important;
        margin: 0px; 
    }
    
    .tx-felogin-pi1 .defaultForm label {
        margin-top: 10px;
    }
    
    .tx-felogin-pi1 .defaultForm input.checkbox{
        margin-top: 14px;
        margin-left: 0px;
    }
    
    .defaultForm label,
    .tx-felogin-pi1 .defaultForm input {
        width: 100%;      
    }
    
    .defaultForm label{
        width: auto !important;
    }
    
    .required {
        padding-left: 5px;
    }
    
    input.tx-powermail-pi1_mandatory_submit, 
    .defaultForm input, 
    .defaultForm select, 
    .defaultForm button,
    .defaultForm textarea {
        height: 24px;
        width: 100%;
    }
    
    .defaultForm textarea {
        height: 120px;
    }
    
    .tx-powermail-pi1 {
        width: 100%;
    }
    
    /* Header Bild Mobile */
    
    .sectionFrame5 {
        display: block;
    }
    
    .sectionFrame5 img {
        position: static;
        float: none;
        width: 100%;
        height: auto;
    }
    
    #main h3.underline a {
      font-size: 15px;
    }

    .tx-kids-shop .defaultForm select,
    .tx-kids-shop .defaultForm input {
      width: 100%;
    }
    .tx-kids-shop .defaultForm input.jscalendar {
      width: 100%;
    }
    
    /* NO Form Zoom */
    /*input,
    textarea {
        -webkit-text-size-adjust: 100%;
    }*/
    
    /*input[type="email"], 
    input[type="file"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="radio"],
    input[type="range"],
    input[type="search"],
    input[type="tel"],
    input[type="url"],               
    input[type="text"],
    textarea { 
        font-size: 16px; 
    }*/
    
        
    /* Markus Approved */
    
    /* Imagegallery */
    
    .defaultForm div.checkbox fieldset, 
    .defaultForm div.radio fieldset {
      margin-left: 0;
    } 
    
    
    .csc-textpic-firstcol {
        clear: none !important;
    }
    
    .csc-textpic-imagerow {
        display: inline;
    }
    
    .csc-textpic-lastcol {
        margin-right: 7px !important;
    }
    
    .csc-textpic-caption {
        min-height: 60px;
        padding-bottom: 5px;
        text-align: left;
    }
    
    div.csc-textpic-imagecolumn {
      margin-bottom: 10px;
    }
    
    #calroot {
      margin-top:-985px;
    }
    
  .hidden-sm {
    display: none;
  }
}

@media(max-width: 533px) {
    .fce4Columns .fceLeftOuterCol,
    .fce4Columns .fceRightOuterCol,
    .fce4Columns .fceLeftInnerCol,
    .fce4Columns .fceRightInnerCol {
        width:  100%;
        margin: 0px;
        padding: 0px;
    }
    
    input[type="checkbox"] + label span,
    .defaultForm div.checkbox fieldset label, 
    .defaultForm div.radio fieldset label {
        display: inline-block;
        width: 276px !important;
        vertical-align: top;
        margin-top: -3px;
    }
    
    .defaultForm .captchaImage img {
        width: 160px;
        margin-left: 0px;
    }
    
    input.tx-powermail-pi1_mandatory_submit, 
    .defaultForm input, 
    .defaultForm select, 
    .defaultForm textarea, 
    .defaultForm button {
       width: 100%;
    }
    
    .defaultForm .tx_powermail_pi1_fieldwrap_html_captcha .csc-mailform-label{
        padding: 0px;
    }
    
    .fceLeftInnerCol > div > div > .underline  {
        border-top: #B3B3B3 solid 1px;
        padding-top: 8px;
        margin-top: 8px !important;
    }
    
    #calroot {
      margin-top:-1212px;
    }
    
    
}

/* IE11 Fix for quicklinks */
@media all and (-ms-high-contrast:none){
    .login,
    .register,
    .myelectrosuisse {
      width:      33.1%;        
    }
}

@media(max-width: 650px) and (-ms-high-contrast:none){
    .login,
    .register,
    .myelectrosuisse {
      width:      33%;        
    }
}

@media(max-width: 533px) and (-ms-high-contrast:none){
    .login,
    .register,
    .myelectrosuisse {
      width:      32.9%;        
    }
}

@media(max-width: 400px) and (-ms-high-contrast:none){
    .login,
    .register,
    .myelectrosuisse {
      width:      32.7%;        
    }
}