/*------------------------------------*\
  $RESPONSIVE
\*------------------------------------*/
.mobile-menu {
  display:none;
}

/*--- Bilder Responsive ---*/
.nav-sub-category-image img,.news-teaser-image img,#container div.csc-textpic .csc-textpic-imagewrap img,.slideshow-images img,.slideshow-images,.slideshow img,.product-preview-item img,#container li.csc-textpic .csc-textpic-imagewrap img {
  display: block;
  height: auto;
  max-width: 100%;
  width: inherit;
}

/*--- Bilder zurücksetzen der TYPO3 Klassen ---*/
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {float:none;}
.csc-textpic-intext-right-nowrap .csc-textpic-text {margin:auto;}
div.csc-textpic-center .csc-textpic-center-inner,div.csc-textpic-center .csc-textpic-center-outer {float:none;position:static;right:auto;}

DIV.csc-textpic .csc-textpic-imagewrap FIGURE, DIV.csc-textpic FIGURE.csc-textpic-imagewrap {display:block;}
/*div.csc-textpic div.csc-textpic-imagecolumn,div.csc-textpic-intext-right .csc-textpic-imagewrap {float:none;}*/

/* CE Text und Bilder */
.csc-textpic-imagecolumn {width:100%;}
div.csc-textpic div.csc-textpic-imagecolumn {float:none;}
#main .csc-textpic-imagerow figure {
float:left;
margin-right:1%;
margin-bottom:1%;
}

.imagewrap-1cols figure {width:99%;}
.imagewrap-2cols figure {width:49%;}
.imagewrap-3cols figure{width:32%;}
.imagewrap-4cols figure{width:24%;}
.imagewrap-5cols figure{width:19%;}
.imagewrap-6cols figure{width:15%;}
.imagewrap-7cols figure{width:13%;}
.imagewrap-8cols figure{width:11%;}

@media (max-width: 768px) {

  .visible-phone,.mobile-menu {
    display:block;
  }
  /*
  .visible-desktop {
    display:none;
  }
  */

  div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float:none;
    margin:0;
  }
  
  .mobile-language-menu {
    margin:0 0 0 10px;
  }
  
  #header-metanavigation {
    position: absolute;
    right: 40px;
    top: 3px;
    margin:0;
    padding:0;
  }
  
  .metanavigation a, .metanavigation span {
    font-size:13px;
    float:none;
    display:inline-block;
  }
  
  #page #header {background:none;}
  
  #logo {
    top:0;
    margin-top:10px;
  }
     
  /*---Tables ---*/
  table {font-size:12px;padding:2px 3px;}
  
  .caption {font-size:12px;}
     
  /*--- Slideshow ---*/
   
  .slideshow-images img {position:static;}
  
  #stage .csc-header,#stage .slideshow-captions {
    position:static;
    width:auto;
    height:auto;
  }
  
  .slideshow {
    width:auto !important;
    height:auto !important;
    max-width: 100%;
  }
  
  #page #stage .slideshow-captions {
    top: 0;
    width: 100%;
  }
  
  #stage #famos-7-demo-wrapper {display:none;}
  
  #container img {
    display: block;
    height: auto;
    max-width: 100%;
  }

  div.csc-textpic .csc-textpic-imagewrap figure {
    display:block;
  }

  body {
    font: 16px/22px "Trebuchet MS",Helvetica,sans-serif;
  }
      
  #page {margin:0;padding:0 10px;}

  #main,#right,div.csc-textpic-left .csc-textpic-imagewrap {float:none;}

  #rootline {
    background:#ccc;
    font-size:14px;
    padding:5px;
    margin-bottom:0;
  }

  #rootline span.last {
    background-position:0 -20px;
    color: #da0047;
    padding-left: 14px;
  }

  #mobile-nav,#mobile-navigation select{
    width:100%;
    padding:5px 0;
    font-size:20px;
    margin:0 0 12px 0;
  }

  .fade-border:after,.fade-border {
    border:0;
    background:none;
  }
  
  #container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px    
  }

  #container .col,#container .subcolumns_full .col {
    float: none;
    width: auto;
    padding:0 0 1em 0;
    border-bottom:1px solid #CFCFCF;
  }

  .subcolumns,.subcolumns_full  {
    background:none;
    margin: 0 0 1em;
    padding-top: 11px;
  }

  #container .subcol-bgimg .row .col-md-4:nth-child(1)::after, #container .subcol-bgimg .row .col-md-4:nth-child(2)::after {
    background:none;
    border:0;
  }
  
  #container .subcol-bgimg .row .col-md-4:nth-child(1), #container .subcol-bgimg .row .col-md-4:nth-child(2) {
    border:0;        
  }
  
  #sitesearch,#questions-dialog-btn {
    display:none;
  }

  #page {margin:0;padding:0 10px;}

  #main,#right {float:none;}
  
  #mobile-nav{
    width:100%;
    padding:5px 0;
    font-size:20px;
  }
    
  #rootline .cta-link {
    background: linear-gradient(to bottom, #2d88db 0%, #0e70c9 3%, #0164c2 5%, #005cb3 23%, #003d74 77%, #013668 90%, #003362 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #004687;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin: 0.5em 0;
    padding: 5px 8px;
    text-align: center;
    width: auto;
  }
  
  figcaption.csc-textpic-caption {
    display:block;
    text-align:left;
  }
  
  /*--- NEWS ---*/
  
  #right .textblock, #right ul.csc-uploads, #right .csc-default p.bodytext, #right .csc-default ul, .dl_all {
    padding-left:0;
  }

  .news-single-img, .news-teaser-image,div.csc-textpic-center .csc-textpic-center-inner,div.csc-textpic-center .csc-textpic-center-outer,.news-teaser-image {
    float:none;
  }

  div.csc-textpic-center .csc-textpic-center-inner,div.csc-textpic-center .csc-textpic-center-outer,#stage .csc-header, #stage .slideshow-captions{
    left:0;
  }

  .news-list-item h2, .news-list-item h2 a {
    font-size:17px;
    line-height:24px;
  }
  
  .news-single-img, .news-teaser-image {
    margin:0 0 1em 0;
  }
  
  .anythingSlider-imc-slider-theme .csc-textpic-text {
    width:100%;
    top:5px;
    left:0;    
  }
  
  .news-list-date, .news-latest-date,.news-list-morelink a {
    font-size:16px;
    line-height:22px;
    background:none;
  }
       
  /*--- Social Sharing ---*/ 
  .socialshareprivacy li {
    margin:0 0 12px 0 !important;
  }
  
  #rootline {
    padding: 8px 5px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    margin-bottom:0;
  }
  #rootline > div.rootline-item {
    display: inline-block;
  }
  #rootline > div.rootline-item:before,#rootline > span.last:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
  }
  #rootline a,#rootline span.last,#rootline .trail {
   background:none;
   margin:0;
   padding:0;
  }
  #rootline > .active {
    color: #777;
  }  

  #stage .flex-caption {
    right: 0;
    top: 25%;
    width: 50%;
    padding-right:5px;
  }
  
  #stage .flex-caption strong,#stage .flex-caption span {
    display:inline;
    font-size: 14px;
    line-height:18px;    
  }
  
  .tabs-4-menu {
    margin:0;
    line-height:22px;
  }
  
  .tabs-navigation {
    width:100%;
    height:auto;
    margin:24px 0;
    border-bottom:1px solid #c2c2c2;
  }
  
  .tabs-navigation li {float:none;}
  
  .tabs-navigation li a {
    float:none;
    display:block;
    font-size:14px;
    padding:10px 0 10px 10px;
  }
  
  .tab-content {
    background:none;
    padding:1em 0;
  }
 
   .subcolumns, .subcolumns_full {
    padding-top:0;
    margin-bottom:0;
  }
   
  .subcol-bgimg {
  background:none;
  }
   
  /*--- Footer ---*/
  #footer_nav_wrapper {
    padding:0;
  }
  
  #cycle-slideshow-wrapper {display:none;}
  
  #footer .inside {
    padding:0 10px;
  }
  
  .footer_nav .csc-default {
    float:none;
    width:auto;
  }
  
  #sm-links-footer {
  margin:0;
  }
  
  #footer_nav_wrapper {padding-top:1em;}
  
  .footer_nav .csc-default li:first-child {
    margin-top:1.5em;    
  }
  
  .footer_nav li,.subcol-bgimg li {
    margin:8px 0;
  }
  
  .footer_nav a,.subcol-bgimg li {
    padding:2px 0;
  }
  
  /*--- Forms ---*/
  div.tx-powermail {
    width:100%;
  }
  
  .powermail_fieldset {
  border:0;
  background:none;
  padding:0;
  }
  
  .powermail_label,.powermail_radio_outer, .powermail_captcha_outer, .powermail_check_outer {
    float:none;
    width:95%;
  }
  
  .powermail_legend {
    float:left;
  }
  
  .powermail_field {
    width:95%;
    font-size:18px;
    padding:5px 3px;
  }
  
  .powermail_submit {
    float:none;
    margin:10px 0;
  }
  
  .tx-powermail .powermail_fieldset .powermail_field,.tx-powermail .powermail_fieldset .powermail_label,.tx-powermail .powermail_fieldset .powermail_check_outer {float:none;width:100%;}
  
  /*--- srfeuserregisetr ---*/
  #page .tx-srfeuserregister-pi1 dt,#page .tx-sremailsubscribe-pi1 dt,#page dd.tx-srfeuserregister-pi1-terms {
    width:100%;
  }
  
  #page .tx-srfeuserregister-pi1 dt, #page .tx-srfeuserregister-pi1 dd, #page .tx-sremailsubscribe-pi1 dt, #page .tx-sremailsubscribe-pi1 dd {float:none;}
  
  #page .tx-srfeuserregister-pi1 input,#page .tx-sremailsubscribe-pi1 input {
    width:95%;
    font-size:18px;
    padding:5px 3px;
  }
  
  /*--- irfaq ---*/
  #page #c12483,#page  #c12482,#page  #c12995 {
    float: none;
    height: auto;
    width: auto;
  }
  
  #page #c12483 .select {width:100%;}
  
  #page .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-radio, #page .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-checkbox {width:auto;}
 
  /*--- Kontakt ---*/
  /*--- remove once responsive images are implemented ---*/
  #c8029 DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {display:none;}
  #c8029 .csc-textpic-intext-right-nowrap-185 .csc-textpic-text {margin-right:0;}
  #c8029 .csc-textpic-intext-right-nowrap .csc-textpic-text {margin-right:0;}

  /*--- List Nav ---*/
  .list-navigation .list-nav-desc {
    float:none;
    width:auto; 
  }
  
  /*--- Filter Nav ---*/
  #sortnav, #filternav {
    float:none;
    width:auto;
  }

  /*--- General fixes ---*/
  #rootline span.home {margin-left:8px;}
  
  /*--- Filelinks ---*/
  #main .layout2 .dl_infos, #main .layout0 .dl_infos,#right .layout2 .dl_infos, #right .layout0 .dl_infos {margin-left:5px;}
   .dl_thumb img {border:0;}
  #right .layout2 .dl_infos, #right .layout0 .dl_infos,#right .layout2 .dl_thumb, #right .layout0 .dl_thumb {
    float:left;
    font-size: 13px;
    line-height: 18px;
  }
  
  
  /*--- flexible Medien ---*/
  img, embed, object, video {
   max-width: 100%;
   height: auto;
   width: auto;
  }
  
  /* CSS-Styled-Content Regeln überschreiben */
  DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
  DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
   float: none;
   /*display: inline-block;*/
   vertical-align: top;
  }
  DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
   /*display: inline-block;*/
  }
  DIV.csc-textpic-imagewrap UL.csc-textpic-imagerow-none .csc-textpic-image {
   display: block;
  }
  .csc-default {clear: both;}
 
}

@media (max-width: 1200px) {
    #cycle-slideshow-wrapper {display:none;}
}

@media (min-width: 768px) and (max-width: 991px) {
  
  body {
    /*background:#ff0000;*/
  }
    
}
    
.anythingSlider img {
  width:960px;
  height:300px;
} 

/*--- Logo for High Res Screens ---*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx)
{
  .de #logo img,.en #logo img,.nl #logo img,.fr #logo img,.mex #logo img,.us #logo img,.cn #logo img {display:none;}
  .de #logo {
    background-image: url(/fileadmin/templates/images/imc-logo-x2.jpg); 
    background-size: 279px 76px;
    background-repeat:no-repeat;
    background-position: left center;
    width:265px;
  }
  
  .en #logo,.nl #logo,.mex #logo,.us #logo,.cn #logo{
    background-image: url(/fileadmin/templates/images/imc-logo-x2-en.jpg); 
    background-size: 279px 76px;
    background-repeat:no-repeat;
    background-position: left center;
  }
  
  .fr #logo {
    background-image: url(/fileadmin/templates/images/imc-logo-x2-fr.jpg); 
    background-size: 279px 76px;
    background-repeat:no-repeat;
    background-position: left center;
  }  
  
}
 
div.csc-textpic-left .csc-textpic-imagewrap {float:none;}