/***************************************************************
*** RESPONSIVE CSS - Dhu-Fachkreise
****************************************************************/
@media only screen and (max-width: 1024px) {
  html {
    height:auto;
  }

  body {
      height: auto;
      margin: 0;
      overflow: visible;
  }

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

  #header {
    margin:0;
  }
  #logo {
    padding:0 10px 0 10px;
    text-align: left;
    width:auto;
  }
  div#slider .slideritem img {
    width:100%;
    height:auto;
  }
  div#logincnt #loginimg img {
    display:inline;
    width:100%;
    height:auto;
  }
  #logincnt #cntcont {
     right:0;
  }
  #logincnt #middle #dcloginform {
     padding: 0 0 0 0;
  }
  #logincnt #cntcont #content #middle {
      padding: 40% 0 0 0;
  }

  #container {
    overflow:visible;
  }
  #content {
    padding:0 10px 0 10px;
  }
  #mobilenavbut {
    padding:7px 0 10px 0;
    margin-top:2px;
    display:block;
    text-align:center;
    background-color:#33668b;
  }
  #mobilenavbut a img,
  #closepanelbut a img {
    display:inline;
  }
  #closepanelbut {
    display:block;
    padding: 10px 20px 25px 0;
    text-align:right;
  }
  #mainnavcnt {
      left: -320px;
      position: absolute;
      top: 0;
      z-index:9999;
      background-color:#33668b;
      display:none;
      overflow:hidden;
      width:300px;
      -webkit-box-shadow: 4px 0px 5px 0px rgba(0,0,0,0.48); 
      -moz-box-shadow: 4px 0px 5px 0px rgba(0,0,0,0.48); 
      box-shadow: 4px 0px 5px 0px rgba(0,0,0,0.48);
  }

  #mainnavcnt ul.dropdown {display:block; width:100%;}

  /** Erste Ebene **/
  #mainnavcnt {position:absolute; padding:0 5px 0 10px;}
  #mainnavcnt ul.dropdown li {float:none; display:block; height:auto; width:100%; margin:0; padding:0;}
  #mainnavcnt ul.dropdown li a {display:block; height:auto; text-align:left; padding:8px 0 8px 0;}
  #mainnavcnt ul.dropdown li.first a {background:none; margin:3px 0 0 0;}
  #mainnavcnt ul.dropdown li,
  #mainnavcnt ul.dropdown li.act,
  #mainnavcnt ul.dropdown li.cur {padding-right:1px;}
  #mainnavcnt ul.dropdown li.act a,
  #mainnavcnt ul.dropdown li.cur a {
    border:none;
  }
  #mainnavicnt ul.dropdown li.act a,
  #mainnavicnt ul.dropdown li.cur a,
  #mainnavicnt ul.dropdown li:hover > a,
  #mainnavicnt ul.dropdown li a:hover {
    position:relative; 
    z-index:2; 
    height:auto; 
    text-decoration:none; 
    border:none;
  }

  #mainnavcnt ul.dropdown li a:hover {}
  #mainnavcnt ul.dropdown li a {
      background:none;
      padding-left:5px;
  }
  #mainnavicnt ul.dropdown li.navhomeicon {
    border-top:1px dotted #4d799a;
    border-bottom:1px dotted #4d799a;

  }

  /** Zweite Ebene **/
  #mainnavicnt ul.dropdown li ul {
      background:none;
      -webkit-box-shadow: none;
     -moz-box-shadow: none;
    box-shadow: none;
      display: block;
      padding: 0;
      width: auto;
  }

  /** Dritte Ebene **/
  #mainnavicnt ul.dropdown li ul.third-level {
      left: 0;
       -webkit-box-shadow: none;
     -moz-box-shadow: none;
    box-shadow: none;
      display: block;
      padding: 0 0 0 10px;
      margin:0;
      width: auto;
  }

  /*#mainnavcnt ul.dropdown li ul {display:block; left:0; width:25em; white-space: nowrap;}*/

  #mainnavcnt ul.dropdown li ul li {display:block; float: none !important; right:0; height:auto; padding:0; margin:0; text-align:left;}
  #mainnavcnt ul.dropdown li ul li a {margin:0; height:auto; width:auto; color:#ffffff; padding:5px 5px 5px 20px; background:none; }
  #mainnavcnt ul.dropdown li.last ul {right: 0; left:auto;}
  #mainnavcnt ul.dropdown li.last span.last ul {right:0; left:auto;}
  #mainnavcnt ul.dropdown li.first ul li a {height:auto;}
  #mainnavcnt ul.dropdown li.act ul li a,
  #mainnavcnt ul.dropdown li.cur ul li a {background:none; color:#ffffff;}
  #mainnavcnt ul.dropdown li ul li a:hover {background:none;}
  #mainnavcnt ul.dropdown li ul li.curlink a {display:block; }

  #mainnavcnt ul li ul li.curlink span {
      background-image: url("../Gfx/Design/resp-nav-pfeil.png");
      background-repeat: no-repeat;
      background-position:0 50%;
      color: #ffffff;
      display: block;
      font-size: 0.875rem;
      margin: 0;
      padding:5px 5px 5px 20px;
  }

  #mainnavcnt ul.dropdown ul {
      left: 0;
      position: relative;
      top: 0;
      visibility: visible;
      width: 100%;
      z-index: 98;
  }

  #mainnavcnt ul.dropdown {
      float: none;
      z-index: 10;
  }

  #mainnavcnt ul.dropdown li {
    height:auto;
    margin-bottom:2px;
    position:relative;
  }

  #mainnavcnt ul.dropdown li ul {
      left: 0;
      padding-top: 5px;
      white-space: normal;
      width: auto;
  }
  
  #mainnavcnt ul.dropdown li ul ul {padding:0; margin-left:20px;}

  /** Accordion-Navigation in Panel **/
  #mainnavcnt ul.dropdown > li {
    position: relative;
    overflow:hidden;
  }
  #mainnavcnt ul.dropdown li a  {display:inline-block; width:90%;}
  #mainnavcnt ul.dropdown li ul li a {display:inline-block; width:92%;}
  #mainnavcnt ul.dropdown span.open {position:absolute; right:0; z-index:99; display:inline-block; width:11px; height:auto; cursor:pointer; padding:8px 30px 8px 30px;}
  #mainnavcnt ul.dropdown span.open {background-image:url('../Gfx/Design/responsivesubnavopener.png'); background-repeat: no-repeat; background-position: 50% 50%;}

  #breadcrumb {
     display:none;
  }

  #totopbuttoncnt {
    display:none;
  }
  #cntcont {
      margin: 0 0 0 0;
  }
  #piccopyrightcnt,
  ul#footernav,
  #footer-line {
    padding:10px 10px 0 10px;
  }
  div#footer-line {
      margin:0;
  }
  div#footerCopyright {
      margin-bottom: 30 0 30px 0;
  }
  
  h1 {
      line-height: normal;
    }

    div.grid.multi-clmns-cnt {
     padding: 0;
  }

  div#sitemapcontent {
    padding:10px 10px 0 10px;
    margin:0 auto 0 auto;
  }
  div#sitemapcontent div.grid.multi-clmns-cnt li.column {
    display:block;
    float:left;
  }

  div#sitemapcontent div.grid.multi-clmns-cnt li.column:nth-child(1):nth-last-child(4), 
  div#sitemapcontent div.grid.multi-clmns-cnt li.column:nth-child(2):nth-last-child(3), 
  div#sitemapcontent div.grid.multi-clmns-cnt li.column:nth-child(3):nth-last-child(2), 
  div#sitemapcontent div.grid.multi-clmns-cnt li.column:nth-child(4):nth-last-child(1) {
     width:49%;
     margin-bottom:5px;
  }
  div#sitemapcontent div.grid.multi-clmns-cnt li.column:nth-child(2):nth-last-child(3) {
    border-right:0;
  }

}

@media only screen and (max-width: 860px) {
  #logo {
      position: relative;
      top: 0;
      width: auto;
  }

  div.tx-dhu .brochure-item div.grid.multi-clmns-cnt li.column:nth-child(1):nth-last-child(3) {
      margin: 0 2% 0 0;
      width: 120px;
      overflow:hidden;
  }
  div.tx-dhu div.brochure-item div.grid.multi-clmns-cnt li.column:nth-child(2):nth-last-child(2) {
    margin:0 0 0 27%;  
      float:none;
      overflow:hidden;
      width:71%;
  }

  div.brochure-item div.grid.multi-clmns-cnt li.column:nth-child(3):nth-last-child(1) {
      margin: 0 0 0 29%;
      width: 100%;
      float:none;
  }
  div.tx-dhu .brochure-item .download.top {
      margin-bottom: 5px;
  }
}

@media only screen and (max-width: 780px) {
  #logo #logoimg {
      float: none;
      margin: 0;
  }

  div.extragrid.grid-2-3 div.grid.multi-clmns-cnt li.column:nth-child(1):nth-last-child(2) {
      margin: 0;
      width: 100%;
      float:none;
  }
  div.extragrid.grid-2-3 div.grid.multi-clmns-cnt li.column:nth-child(2):nth-last-child(1) {
    float:none;
      width: 97.5%;
      margin:0;
  }
  div.teaser-greybox-shadow {
      margin: 0 0 40px 5px;
  }
}

@media only screen and (max-width: 610px) {
  div.align-bottom div.grid.multi-clmns-cnt li.column {
    display:block;
    float:none;
    width:100%;
  }
  div.grid.multi-clmns-cnt li.column:nth-child(1):nth-last-child(2), 
  div.grid.multi-clmns-cnt li.column:nth-child(2):nth-last-child(1) {
      width: 100%;
  }
  div.grid.multi-clmns-cnt li.column {
    margin:0 0 30px 0;
  }
  div.grid.multi-clmns-cnt li.column:last-child {
    margin:0;
  }

  a.link-mit-icon-abstand-links {
      padding-left: 12px;
      background-position: 0 center;
    }
}

@media only screen and (max-width: 560px) {
  div#sitemapcontent div.grid.multi-clmns-cnt li.column {
    float:none;
    border-right:0;
    width:100%;
    padding-left:20px;
  }
  div#sitemapcontent div.grid.multi-clmns-cnt li.column h4 {
    margin: 0 0 5px 0;
  }
  div#sitemapcontent ul.csc-menu li a {
    font-size:0.75rem;
  }
  div#sitemapcontent div.grid.multi-clmns-cnt li.column:nth-child(1):nth-last-child(4), 
  div#sitemapcontent div.grid.multi-clmns-cnt li.column:nth-child(2):nth-last-child(3), 
  div#sitemapcontent div.grid.multi-clmns-cnt li.column:nth-child(3):nth-last-child(2), 
  div#sitemapcontent div.grid.multi-clmns-cnt li.column:nth-child(4):nth-last-child(1) {
      margin-bottom: 5px;
      width: 100%;
  }

  div.teaser-greybox-container div.equalheight div.grid.multi-clmns-cnt ul.gridrow li.column {
      border:0;
      margin:0 0 10px 0;
  }
  div.equalheight div.grid.multi-clmns-cnt ul.gridrow li.column {
      display: block;
  }

  div.grid.automulti-clmns-cnt li.column:nth-child(1):nth-last-child(3), 
  div.grid.multi-clmns-cnt li.column:nth-child(2):nth-last-child(2), 
  div.grid.multi-clmns-cnt li.column:nth-child(3):nth-last-child(1) {
      margin: 0;
      width: 100%;
  }

  div.tx-dhu .orderformaddress .formfield label {
      margin:0;
      padding:0;
      width: 100%;
      float:none;
  }
  div.tx-dhu .formfield.inputfield input, 
  div.tx-dhu .formfield.selectfield select {
      max-width: 390px;
      width: 100%;
  }
}

@media only screen and (max-width: 540px) {
  #footercontent #footernavi ul {
      float: none;
  }
}

@media only screen and (max-width: 515px) {
  div#dcloginform {

  }
  div#dcloginformcnt {
    
  }
  div#dcloginformcnt .login.normal {
    display:none;
  }
  div#dcloginformcnt .login.responsive {
    display:block;
    
  }
}

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

    table, thead, tbody, th, td, tr { 
         display: block; 
    }
        
    thead { 
         position: absolute;
         top: -9999px;
         left: -9999px;
    }
          
    tr { 
      border: 1px solid #ccc; 
      margin-bottom: 6px;
    }

    tr.spacer {display:none;}
    td { 
         border: none;
         padding:0;
         position: relative;
         overflow:hidden;
         height:auto !important;
    }
        
    td:before { 
      content: attr(data-title);
      display: block;
         width: 30%;
         height:auto !important;
         padding-right: 15px; 
         white-space: nowrap;
         font-weight:bold;
         overflow:hidden;
    }

    table.nopadding.nomargin tr,
    table.nopadding.nomargin td:before { 
      border:0;
    }
    table.nopadding.nomargin td:before { 
      display:inline-block;
      padding:0;
      width:auto;
    }

}


@media only screen and (max-width: 460px) {
  div.tx-dhu .brochure-item div.grid.multi-clmns-cnt li.column:nth-child(1):nth-last-child(3) {
      float:none;
      width:100%;
      margin:0;
  }
  div.tx-dhu div.brochure-item div.grid.multi-clmns-cnt li.column:nth-child(2):nth-last-child(2) {
    margin:0;
    width:100%;   
  }
  div.brochure-item div.grid.multi-clmns-cnt li.column:nth-child(3):nth-last-child(1) {
      margin: 0;     
  }
  div.tx-dhu .brochure-item li.column div.item-image.shadow {
      padding: 3px 0 8px 0;
      text-align:center;
  }
  div.tx-dhu .brochure-item li.column div.item-image.shadow img {
       display:inline;
  }

}

@media only screen and (max-width: 430px) {
  #headlinecnt img {
    width:100%;
    height:auto;
  }
  ul#footernav li {
      float: none;
      margin: 0 0 15px 0;
  }
  ul#footernav li.trenner {
    display:none;
  }
  ul#footernav li a {
    display:block;
    width:100%;
  }

  .powermail_label {
      float: none;
      width:100%;
      margin:0;      
  }
  .powermail_field input, 
  .powermail_field textarea, 
  .powermail_field select {
      width: 100%;
      max-width:100%;
  }
  div.powermail_fieldwrap {
      margin: 0;
  }
}

@media only screen and (max-width: 370px) {
  #logincnt {
      margin-bottom: 80px;
     
  }
  div.extragrid.grid-2-3 div.grid.multi-clmns-cnt li.column:nth-child(2):nth-last-child(1) {
      width: 100%;
  }
  div#footerCopyright {
      margin-top: 30px;
  }

  .csc-textpic-intext-right-nowrap-99 .csc-textpic-text {
      margin:0;
  }
  div.csc-textpic-intext-right .csc-textpic-imagewrap,
    div.csc-textpic-intext-left .csc-textpic-imagewrap,
    div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
      float: none;
      margin:0;
      text-align:center;
    }

    div.csc-textpic div.csc-textpic-imagecolumn {
      float: none;
      margin:0;
  }
  div#footerSocialBookmarks div.csc-textpic div.csc-textpic-imagecolumn {
    float:left;
  }
  div#footerSocialBookmarks div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
      margin-right: 10px;
  }

    div.csc-textpic .csc-textpic-imagewrap img,
    div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img,
    div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img {
       /*width:70%; 
       height:auto;*/
       margin:0 auto 15px auto;
    }
    div.csc-textpic-above .csc-textpic-imagewrap img, 
    div.csc-textpic-above .csc-textpic-imagewrap .csc-textpic-image img, 
    div.csc-textpic-above div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img {
      display:inline;
    }

    div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
      text-align:center;
  }
  div.csc-textpic-right .csc-textpic-imagewrap {
      float: none;
  }
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
      float: none;
  }
  div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
      margin-left: 0;
  }

  .csc-textpic-intext-right-nowrap .csc-textpic-text {
      margin-right: 0;
  }
    div.csc-textpic-intext-right .csc-textpic-imagewrap,
    div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
      .csc-textpic-intext-left-nowrap .csc-textpic-text {
      margin-left: 0 !important;
    }
    div#footer-line div#footerSocialBookmarks p {
      padding: 0 0 0 0;
  }

    #footerSocialBookmarks div.csc-textpic-intext-right .csc-textpic-imagewrap {
      float: right;
  }
  #footerSocialBookmarks div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
      margin-left: 10px !important;
  }

    
  .powermail_submit {
      margin: 10px 0 10px 0;
  }
  

}