@import url('../ext_tmpl/tt-news-slider/slider.css');

/* mobile Nav*/

.mean-container .mean-nav ul li.cur > a {
	background: rgba(255,255,255,1);
  color: #5d247f;
}
.mean-container .mean-nav ul li.cur > a:hover {
	background: rgba(255,255,255,0.95);
  color: #5d247f;
}
.mean-container .mean-nav ul li.cur > a.mean-expand:hover {
	background: rgba(255,255,255,0.8);
  color: #5d247f;
}
.mean-container .mean-nav ul li a:hover {
	background: rgba(255,255,255,0.8);
  color: #FFF;
}
html .mean-container .mean-nav ul li.spacer  {
	display: none;
}

body.mean-container .mean-bar,
body.mean-container .mean-nav {
    background-color: #5d247f;
}
body.mean-container .mean-nav ul li a.mean-expand:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
}

/* Gallery to top */
@media (max-width:989px) {
  body .csc-textpic-imagewrap {
    float: left;
  }
} 

/* fix mean menu on top 
body.mean-container {
  margin-top: 52px;
}
body.mean-container .mean-bar {
  position: fixed;
  top: 0;
} 
*/

/* wecmap responsive */
.tx-wecmap-pi1 table, 
.tx-wecmap-pi1 td {
    width: 100%!important
}
.tx-wecmap-map {
    width: 100% !important;
}

/* wt_directory */
#contentWrap .wtdirectory_all.wtdirectory_all_div img {
  width: auto;
  height: auto;
}
#contentWrap .wtdirectory_filter.wtdirectory_filter_abc:after {
  content: "";
  display: block;
  line-height: 1px;
  height: 1px;
  clear: both;
}

/* mainMenu */
#mainMenu ul ul {
  display: none;
}


@media (max-width: 989px) {

  #website,
  #topWrap,
  #contentWrap,
  #footerWrap,
  #bottomInfo {
    width: 100%;
    overflow-x: hidden;
  }
  #menuWrap,
  #spacerWrap {
    max-width: 100%;
  }  
  #subContent {
    width: 66%;
    float: right !important;
    clear: none !important;
    margin: 0 0 2em;
    padding: 0;  
    border: 0 none;
  }
  #rightContent,
  #contentSubWrap #subMenu {
    width: 31%;
    float: left !important;
    clear: none !important;
    margin-right: 0;
    margin-left: 0;
  }
  #contentSubWrap #subMenu > ul.hmenu {
    display: none;
  }  
  body img.spacer-gif {
    display: none;
  }
  
  #subMenu ul.hmenu {
    width: auto;
  }
  
  /* mainMenu */
  #mainMenu #jqmenu {
    display: flex;
    flex-direction: row;
  }
  #mainMenu ul li {
    float: none;
    /* font-size: 0.9em; */
  }
  
  
  .serviceBar {
      min-height: 26px;
  }
  body #bild-und-bibel {
    display: none !important;
  }
  #rightContent {
    float: none;
    clear: both;
  }
  #contentWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  #contentWrap > div {
    padding: 0;
    margin: 0;
    float: none;
    width: auto;
    padding: 15px;
  }
  #centerContent {
    -webkit-box-ordinal-group: 1; 
    -moz-box-ordinal-group: 1; 
    -ms-flex-order: 1;
    order: 1;
  }
  #rightContent {
    -webkit-box-ordinal-group: 2; 
    -moz-box-ordinal-group: 2; 
    -ms-flex-order: 2;
    order: 2;
  }
  .contWraper .tt-news .startnews .item {
    float: none;
    width: auto;
    height: auto;
  }
  .contWraper .tt-news .startnews .item .newstext {
    float: none;
    width: auto;
  }
  .tt-news .list.startnews .image {
      width: auto;
      max-width: 45%;
  }
  #topWrap #zoomWrap {
    margin-left: 0;
  }

  #headerWrap {
    background-size: contain;
    width: 100%;
    height: auto;
    max-height: 128px;
    overflow: hidden;
  }
  body #website #logoWrap {
      height: auto !important;
  }
  #logoWrap a,
  #headerWrap #logoWrap {

  }
  #headerWrap #logoWrap {
    height: auto;
    width: 100%;
    background-image: none; 
  }
  #logoWrap a {
    width: auto;
    height: 100%;
    min-height: 128px;
    background: rgba(0, 0, 0, 0) no-repeat scroll 100% 20%;  
    background-size: contain;   
  }
  .serviceBar {
    overflow-x: hidden;
  }
  /* centerContent */
  body #centerContent,
  body .tt-news .list.topnews .item {
      max-width: 100%;
  }
  /* rightContent */
  #rightContent h3,
  #rightContent .inhaltsbox ul.csc-menu, .inhaltsbox .contWraper, #subMenu .contWraper, #rightContent .contWraper, #subMenu .serviceContent, #rightContent .serviceContent {
      width: auto;
  }
  body #rightContent .contWraper .tx-socialshareprivacy-pi1 .dummy_btn img {
    height: 20px;
    width: auto !important;
  }
  body #rightContent .contWraper .social_share_privacy_area li.help_info {
      position: relative;
      width: 100%;
  }
  #metaFooter {
      float: left;
      margin: 6px 0 9px 15px;
  }
  body #website #bottomInfo {
    padding: 20px 0 ;
  }
  body #website #bottomInfo ul.multicolumnContainer {
  margin: 0 15px;
  width: auto !important;
  }
  
  html body .multicolumnContainer.multicolumnLayout10 .column.column1.columnFirst.listItemFirst {
    width: auto !important;
    max-width: 67%;
  }
  

  
  DIV.csc-textpic-intext-right:after, DIV.csc-textpic-intext-left:after {
    content: ' ';
    display: block;
    clear: both;
    max-height: 1px;
    height: 1px;
    overflow: hidden;
  }   

}
/* MEDIA 840
***************************************************************/
@media (max-width: 840px) {
  html body .multicolumnContainer.multicolumnLayout10 .column.column1.columnFirst.listItemFirst {
      max-width: 64%;
  }
}

/* MEDIA 780
***************************************************************/
@media (max-width: 780px) {

  #website,
  #topWrap,
  #contentWrap,
  #footerWrap,
  #bottomInfo,
  #centerContent,
  #rightContent,
  #subContent {
    width: 100%;
    overflow-x: hidden;
  }
  #menuWrap,
  #spacerWrap {
    max-width: 100%;
  }  
  #subContent {
      float: none;
  }
  #metaWrap ul.hmenu li a,
  #metaWrap ul.hmenu li.glossar a {
    text-indent: -6000em;
    display: block;
    padding-right: 5px;
    margin-top: 8px;
  }
  #metaWrap ul.hmenu li {
      max-width: 28px;
  }
    
  body img.spacer-gif,
  .serviceBar #pathMenu,
  #contentSubWrap #subMenu {
    display: none;
  } 
  #rightContent {
    padding: 0 ;
  }
  
  #mainMenu {
    display: none;
  }

  
  body .serviceBar #searchWrap {
      width: 100%;
      padding: 0 15px ;
      text-align: left;
  }
  body .tx-kesearch-pi1 div.kesearchbox {
      height: auto;
  }
  body .serviceBar #searchWrap .tx-kesearch-pi1 {
    float: left;
    width: auto;
    min-width: 100%;
  }
  body .serviceBar #searchWrap .tx-kesearch-pi1 .kesearchbox input#ke_search_sword {
    position: relative;
    margin-bottom: 0;
  }
  body .serviceBar #searchWrap {
      position: relative;
      right: 0;
      top: 2px;
  }
  body .serviceBar #searchWrap .tx-kesearch-pi1 .kesearchbox #kesearch_submit {
    position: relative;
      left: 0;
      min-width: 30px;
      top: 2px;
      width: auto;
  }
  body .serviceBar #searchWrap .tx-kesearch-pi1 .kesearchbox input#ke_search_sword {
    left: 0;
      top: 0;
      width: 75%;
  }
  html body .multicolumnContainer.multicolumnLayout10 .column.column1.columnFirst.listItemFirst {
      max-width: 50%;
  }    

}

/* min MEDIA 780
***************************************************************/
@media (min-width: 780px) {
  body #mainMenu nav ul ul {
    display: none !important;
  }

}

/* MEDIA 480
***************************************************************/
@media (max-width: 480px) {

  #headerWrap {
    background-image: none !important;
  }
  #logoWrap a {
    width: auto;
    height: 100%;
    min-height: 128px;
    background-position: 95% 20%;  
    background-size: 80%;   
  }  
  
  #contentWrap img {
    width: 100%;
    height: auto;
  }
  
  #contentWrap .socialshareprivacy img {
      width: auto;
  }    

  /* tt_news */
  body .tt-news .news-single-img, .tt-news .list .image {
      float: none;
      clear: both;
      width: 100%;
  }
  body .tt-news .single .news-single-img p.news-single-imgcaption {
    width: 100% !important;
    max-width: 100%;
  }
  /* tt_news Start */
  .tt-news .list.startnews .image {
      max-width: none;
      float: none;
  }
  body .tt-news .list.startnews .item {
      border-left: none;
      clear: both;
      max-height: none;
      min-height: 1px;
      min-width: auto;
      overflow: visible;
      padding-left: 0;
      margin-bottom: 0;
  }
  body .tt-news .list.startnews .newstext {
    min-height: 1px;
  }
  .tt-news .list.startnews .item > a {
    overflow: hidden;
    display: block;
  }
  
  body .tt-news .news-single-img, .tt-news .list .image {
      margin: 0 0 0.2em 0;
  }
  
  #centerContent .multicolumnContainer .inhaltsbox .contWraper {
      min-height: 0;
  }
  
  body .multicolumnContainer.multicolumnLayout10 .column.column1.columnFirst.listItemFirst {
      width: 100% !important;
      margin-right: 0;
  }
  body .multicolumnContainer.multicolumnLayout10 .column.column2.columnLast.listItemLast {
      width: 100% !important;
      position: relative;
      right: 0;
  }
  body .multicolumnContainer.multicolumnLayout10 .column.column1.columnFirst.listItemFirst .columnItems,
  body .multicolumnContainer.multicolumnLayout10 .column.column2.columnLast.listItemLast .columnItems {
      padding: 0 !important;
  }
  .tt-news .scrollable {
      float: none;
      height: auto;
      width: 100%;
  }
  .tt-news .scrollable .items {
      clear: both;
      position: relative;
      width: auto;
  }
  
  .tt-news .items div {
      float: none;
      width: 100%;   
  }
  .tt-news .items > div {
      margin-bottom: 2em;    
  }
  .tt-news .jqBrowser {
    display: none;
  }
  
  /* wt_directory */
  body .wtdirectory_all .wtdirectory_all_dd img {
    width: 13px !important;
  }
  body .wtdirectory_all_dl DT,
  body .wtdirectory_all_dl DD {
      float: none;
      width: 100%;
      margin-left: 0;
  }
  
  /* Start Multi Colum */
  html body .multicolumnContainer.multicolumnLayout10 .column.column1.columnFirst.listItemFirst {
    width: 100% !important;
    max-width: 100%;
  } 
  /* Footer */
  body #bottomInfo ul.multicolumnContainer li.column4:before {
    content: "";
    display: block;
    line-height: 1px;
    height: 1px;
    clear: both;
  }
  body #bottomInfo ul.multicolumnContainer li.column4 {
      text-align: left;
      float: none;
      margin: 0;
      padding: 0 ;
      width: 100%;
      display: block;
  }
  body .column.column4.columnLast.listItemLast {
    width: 100% !important;
  }
  body .column.column4.columnLast .columnItems {
    padding: 0 !important;
    margin-top: 1em;
  }
  
  /* Image Float */
  DIV.csc-textpic-intext-center-nowrap DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    float: none;
  }
  DIV.csc-textpic > div {
    margin: 0 !important;
  }     

  body DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
  body DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
    float: none;
  }   

}