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

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

  #breadcrumb {
      padding: 15px 0 0 10px;
  }
  #logo {
    padding:20px 10px 0 10px;
  }
  div.headerpict.simplepict,
  div.headerpict.nopict {
    margin:221px 0 0 0;
  }
  div.headerpict.bigpic {
    position:relative;
    margin-top:110px;
  }
  div.headerpict.bigpic {
      position: relative;
      display: inline-block;
      overflow: hidden;
      min-height: 100%;
      height: 500px;
      width: 100%;
      text-align: center;
      background-position: center bottom;
      background-attachment: initial; 
      background-repeat: no-repeat;
      background-size: 100%;
      margin: 0 auto 0 auto;
  }
  div.front-more {
    display:none;
  }
  div.freeentrance h2 {
    color:#5e84cb;
  }
  
  #mainnavicnt {
    width:100%;
    display:block;
  }
  #mobilenavbut {
    padding:12px 0 10px 0;
    /*margin-top:2px;*/
    display:block;
    text-align:center;
    background-color:#ffffff;
    width:100%;
  }
  #mobilenavbut a img,
  #closepanelbut a img {
    display:inline;
  }
  #closepanelbut {
    display:block;
    padding: 10px 20px 25px 0;
    text-align:right;
  }
  #mainnavcnt {
      left: -360px;
      position: absolute;
      top: 0;
      z-index:999999;
      background-color:rgba(165, 165, 165, 0.9);
      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; color:#ffffff;}
  #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; 
    
    background:none;
    color:#ffffff;
  }
  #mainnavicnt ul.dropdown li:hover {
    background:none;
  }
  #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;

  }
  #mainnavicnt ul.dropdown li a.right {
    color:#ffffff;
  }

  /** 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; 
    color:#ffffff;
  }
  #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%;}

  #middle {
      padding: 45px 10px 0 10px;
  }
  /*body.page #middle {
    margin:150px 0 0 0;
  }*/

  div.grid.multi-clmns-cnt,
  div.grid.multi-clmns-cnt div.gridrow.row-4 {
    height:100%;
    position:relative;
  }
  div.grid.multi-clmns-cnt div.gridrow.row-4 div.column.col-md-1 {
      float:none;
      overflow:hidden;
  }
  div.grid.multi-clmns-cnt div.gridrow.row-4 div.column {
    display:block;
    float:none;
    vertical-align:top;
    width:42%;
    max-width:100%;
    min-height:100%;
    margin:0;
    position:relative;
  }
  div.grid.multi-clmns-cnt div.gridrow.row-4 div.column.col-md-0,
  div.grid.multi-clmns-cnt div.gridrow.row-4 div.column.col-md-2 {
    margin-right:10%;
    float:left;
  }
  div.column div.csc-textpic .csc-textpic-imagewrap img {
    display:inline;
    width:100%;
    height:auto;
  }
  div.column div.csc-textpic-center .csc-textpic-center-outer {
      float: none;
      position: relative;
      right: auto;
  }
  div.column div.csc-textpic-center .csc-textpic-center-inner {
      float: none;
      position: relative;
      right: auto;
  }



  .thumbs-carousel {
      display:none;
  }


  footer div.footercontent {
    padding: 0 10px 0 10px;
  }
  
  div#footerLogos {
    display: inline-block;
      float: none;      
      width:auto;
      padding-bottom:40px;
  }
  div#footerLogos div.csc-textpic-right .csc-textpic-imagewrap {
      float: none;
  }
  /*footer#main-footer div.cnt-row {
    padding:0 10px 0 10px;
    text-align:center;
  }*/
}


@media only screen and (max-width: 1024px) {
  
  #logo {
      display: block;
      width:100%;
      text-align:center;
  }  
  #logo a {
    display:block;
  }
  /*#servicehotline-cnt {
    width:auto;
  }*/
  #mobilenavbut {
    background:none;
  }
  div.freeentrance {
    position:fixed;
    top:155px;
    right:0;
    z-index:19;
    bottom:auto;
    padding: 10px 20px 10px 20px;
  }
  div.freeentrance h2 {
    color:#5e84cb;
  }
  div.contentinlayer {
    position:relative;
    top:0;
    min-width:100%;
    max-width:100%;
    width:100%;
    overflow:hidden;
    height:auto;
    z-index:0;
    display:inline-block;
    margin:0 0 50px 0;
  }
  div.layercontent {
    overflow:hidden;
  }

}


@media only screen and (max-width: 768px) {
  #logo {
      display: block;
      width:100%;
      text-align:center;
  }  
  #logo a {
    display:block;
  }
  body.splashscreen div.headerpict.bigpic {
    background-position: center top;
  }
  #mobilenavbut {
    background:none;
  }
  div.freeentrance {
    position:fixed;
    top:155px;
    right:0;
    z-index:19;
    bottom:auto;
    padding: 10px 20px 10px 20px;
  }
  div.freeentrance h2 {
    color:#5e84cb;
  }
  div.contentinlayer {
    position:relative;
    top:0;
    min-width:100%;
    max-width:100%;
    width:100%;
    overflow:hidden;
    height:auto;
    z-index:0;
    display:inline-block;
    margin:0 0 50px 0;
  }
  div.layercontent {
    overflow:hidden;
  }
  
  .owl-carousel .owl-item img {
      backface-visibility: hidden;
      display: inline;
      margin: 0 auto;
      text-align: center;
      transform-style: preserve-3d;
      width: 100px;
      height:auto;
  }
  .gallery-carousel img, .thumbs-carousel img {
      margin: 0 auto;
      height:auto;
      width: 100% !important;
  }

  .news.news-single div.newsimage img {
    width:100%;
    height:auto;
  }
  .news.news-single div.newstext div.ce-above img {
    width:100%;
    height:auto;
  }
  
}
@media only screen and (max-width: 667px) {
  div.headerpict.bigpic {   
      height: 360px;
      width: 100%;
      background-size: 100%;
      background-position: center center;
      margin:95px 0 0 0;
  }
  body.splashscreen div.freeentrance {
    left:0;
    top:15px;
    display:inline-block;
    width:40%;
  }
  .splashscreen #cntcont {
    position:absolute;
    /*background-color:#5e84cb;*/
  }
}
@media only screen and (max-width: 640px) {
  div.headerpict.bigpic {
      
      height: 360px;
      
  }

  div.gridrow.row-2 > div.column:nth-of-type(n+1),
  div.gridrow.row-4 > div.column:nth-of-type(n+1) {
      clear: both;
  }
  div.grid.multi-clmns-cnt div.gridrow.row-2 div.column,
  div.grid.multi-clmns-cnt div.gridrow.row-4 div.column,
  div.gridrow.row-4 > div.column {
      width: 100%;
      padding:0;
      margin:0;
      max-width: 100%;
      display:block;
  }
  div.column img {
     width:100%;
     height:auto;
  }
  div.column div.csc-textpic .csc-textpic-imagewrap img {
    display:inline;
    width:100%;
    height:auto;
  }
  div.column div.csc-textpic-center .csc-textpic-center-outer {
      float: none;
      position: relative;
      right: auto;
  }
  div.column div.csc-textpic-center .csc-textpic-center-inner {
      float: none;
      position: relative;
      right: auto;
  }

  .floatleft {
      float: none;
  }
  .floatright {
      float: none;
  }
  .medium-5 {
      width: 100%;
  }
  .medium-7 {
      width: 100%;
  }
  .medium-8 {
      width: 100%;
  }
  .medium-3 {
      width: auto;
  }

}

@media only screen and (max-width: 460px) {
  div.headerpict.bigpic {
      position: relative;
      display: inline-block;
      overflow: hidden;
      min-height: 100%;
      height: 360px;
      width: 100%;
      text-align: center;
      background-position: center bottom;
      background-attachment: initial; 
      background-repeat: no-repeat;
      background-size: 100%;
      margin: 0 auto 0 auto;
  }
  body.splashscreen div.headerpict.bigpic {
    background-position: center top;
  }
  #logo {
    text-align:left;
  }
  #ab19uhr {
    left:70%;
  }
  #mobilenavbut {
    text-align:left;
    padding-left:70px;
    background:none;
  }
  div.freeentrance {
    position:fixed;
    top:155px;
    right:0;
    z-index:19;
    bottom:auto;
    padding: 10px 20px 10px 20px;
  }
  div.freeentrance h2 {
    font-size:1.5rem;
    color:#5e84cb;
  }
  body.splashscreen div.freeentrance {
    left:0;
    top:15px;
    display:inline-block;
    width:40%;
  }
  body.splashscreen div.freeentrance h2 {
    font-size:1.0rem;
    color:#5e84cb;
  }
  body.splashscreen #container {
    height:auto;
    min-height:100%;
    max-height:100%;
  }
  .splashscreen #cntcont {
    position:absolute;
    /*background-color:#5e84cb;*/
  }

  #middle {
    /*margin:132px 0 0 0;*/
  }

  div.contentinlayer {
    position:relative;
    top:0;
    min-width:100%;
    max-width:100%;
    width:100%;
    overflow:hidden;
    height:auto;
    z-index:0;
    display:inline-block;
    margin:0 0 50px 0;
  }
  div.layercontent {
    overflow:hidden;
  }

  div.frame-type-textpic .ce-gallery .ce-row {
    text-align:center;
  }
  div.frame-type-textpic .ce-gallery .ce-row .ce-column {
    display:inline-block;
    float:none;
  }
  div.frame-type-textpic .ce-gallery img {
    max-width:100%;
    height:auto;
  }

  div.news-list-view .article, 
  div.news-list-view .itemcnt {
    max-width:100%;
  }
  div.news-list-view .article {
    margin:0 0 50px 0;
  }
  div.news-list-view .article:nth-last-child(1) {
    margin:0 !important;
  }
  div.news div.news-list-view .article.topnews .zweitermine {
    right:20%;
  }
  div.frame-type-form_formframework label.control-label {
    float:none;
    width:100%;
  }
  div.frame-type-form_formframework div.form-group {
    padding:1rem 0.5rem 1rem 0.5rem;
  }
  div.frame-type-form_formframework div.form-group input, 
  div.frame-type-form_formframework div.form-group textarea, 
  div.frame-type-form_formframework div.form-group select {
    width:90%;
  }


}

@media only screen and (max-width: 340px) {
  /*#logo span#slogancnt img {
      width:100%;
      height:auto;
  }*/
}