@media screen and ( max-height: 930px ){
    #overlayNav .nav a.mainLink{font-size:20px;}
}

@media screen and ( max-height: 1000px ){
    #content .button_bar{top:500px!important;}
}

@media screen and ( max-height: 700px ){
    #content .button_bar{top:340px!important;}
}

@media screen and ( max-height: 600px ){
    #content .button_bar{top:200px!important;}
}

@media screen and ( max-height: 450px ){
    #content .button_bar{top:100px!important;}
}

@media only screen and (min-width: 1100px){
#loginImg img{ padding-top:0px!important;   width: 100%;
    height: auto;}
}

@media only screen and (min-width: 1850px){
.galeriebild{margin: 0.5%; width: 11.5%; float:left;}
}

@media only screen and (max-width: 1850px){
.galeriebild{margin: 0.5%; width: 13.2%; float:left;}
}

@media only screen and (max-width: 1700px){
.galeriebild{margin: 0.5%; width: 15.6%; float:left;}
}

@media only screen and (max-width: 1580px){
#mainNav .internNav{   margin-left: 230px;}
.internNav ul.nav{width:auto;}
.loggedIn .footerStd{margin-left:300px;}
}

@media only screen and (max-width: 1300px){
.galeriebild{margin: 1%; width: 18%; float:left;}
}

@media only screen and (max-width: 1217px){
	div.tx-hbproductmanager .show .text .einspaltig >.links{
		width:60%;
	}


	.tx-hbproductmanager .show .detail_images {width:80%;}
.tx-hbproductmanager .show .detail_images .swiper-container-mini {width: 80%;}
.tx-hbproductmanager .show .detail_images .overflow {width: 80%;}
	 #content .loginformbox, #content .logoutform,
	 #content .tx-felogin-pi1 p, #content .tx-felogin-pi1 h3,
	 #content .tx-felogin-pi1 div, #content .tx-felogin-pi1 form.error { padding: 0 120px; width: auto;}
	 #content form.error fieldset div {padding: 0px;}
	 #content .tx-felogin-pi1 {width: auto;}

	.tx-hbproductmanager .show .detail_images{width:70%;}

	  .tx-hbproductmanager .show div.text {  width: auto;
    padding: 0 120px;}
	.gridOuter.open .gridTitel .plusKreuz {
    background-position-x: 40px;
}
.loggedIn .footerStd{padding-left:0;}
.loggedIn .quicklinksBad{left: 360px;}

.footTitel{margin-top: 20px;
  margin-left: 120px;}
	.tx-hbdownloadmanager {
    padding: 30px 120px;
}
	.gridTitel .plusKreuz {
    background: url(/typo3conf/ext/hbproductmanager/Resources/Public/img/plus_icon_light.png) 40px 30px no-repeat;
	width:auto; margin:0px; padding:0px;}
	.gridTitel .plusKreuz h2{padding:30px 120px;}

	/** Trennlinie **/
hr.trennlinie {
	    margin: 49px 120px;
    width: auto;
  border: none;
  border-top: 1px solid #323232;
}
/** Ende Trennlinie **/
    .titelElement .headTitel{padding:30px 120px; width:auto;}
    .titelElement.ohneBild .headTitel{padding:30px 120px; width:auto;}
    .nav li.link2 {margin-left: 120px;}
    .gridOuter h2{  padding: 30px 105px; width: auto; font-size: 22px; text-transform: none; font-weight: lighter;}
    .kachelOuter{margin: 0 30px 0 120px; width: auto;}
    div.tx-hbproductmanager .filter_list .filter .name {width:300px; background: url("/typo3conf/ext/hbproductmanager/Resources/Public/img/mini_plus.png") 265px no-repeat; }
	div.tx-hbproductmanager .filter_list .wrap{margin-left:100px; width:auto;}
    div.tx-hbproductmanager .filter_list .search {background: url("/typo3conf/ext/hbproductmanager/Resources/Public/img/search.png") 265px no-repeat; width:300px;}
    ul.nav{width:auto;}
    .footerStd{  padding:0 120px;  width:auto; position: relative;}
    .quicklinks{left:760px;}
    .dceInhaltselement, .csc-default .tx-kesearch-pi1{padding:0 120px; width: auto; margin-top: 50px;}
    .dceInhaltselement.spalten2 {width:auto; }
    .dceInhaltselement.spalten2 .spalte {width:45%; padding: 0; margin-right: 20px; margin-bottom: 0;}
    .dceTextBildVollbreite .text {width:auto; padding:0 105px;}


    div.news {width:auto; padding: 0 0 0 108px;}
    .news .news-list-view{   margin: 50px 0 50px -20px; overflow:hidden; width: auto;}
    .moreNewsOuter { margin-left: 0;}
    .csc-header, .tx-indexedsearch{ width:auto; padding:0 120px; margin:0 auto;}
    div.swiper-container-products .swiper-slide .overlay{width: 76%; margin: 0; left: 12%;}
	div.tx-hbproductmanager .produkte{margin-left:100px; width: auto;}
	.tx-powermail{width:auto;   margin-left: 120px;
  padding-left: 0;}

  .powermail_fieldset_7{width:100%;}
  .powermail_fieldset_7 .powermail_fieldwrap_html{width:30%; float:left;}
  #powermail_fieldwrap_11, #powermail_fieldwrap_12{margin-right:40px;}
  .news-single .headerOuter .header {     font-size: 30px;
    width: auto; padding:0 120px;}
	.news-single .newscontentOuter{    width: auto; padding: 0 120px;}
	.quicklinksBad{  text-align: left; position: absolute; left: 480px; bottom: 8px;}
}
@media screen and ( max-width: 1039px ){
    .powermail_fieldset{width:100%;}
    .powermail_fieldset_4, .powermail_fieldset_10{width:47%;margin:0;}
    .powermail_fieldset_1, .powermail_fieldset_8{width:47%; margin-right:6%; margin-bottom:0}
	.powermail_fieldset_7 .powermail_fieldwrap_html{width:auto; float:none;}
  #powermail_fieldwrap_11, #powermail_fieldwrap_12{margin-right:0;}
}
@media screen and ( max-width: 1100px ){
	body.loggedIn #mobNav .nav li.noSub{background-image:none;}
	div.tx-hbproductmanager .filter_list .description{width:95%}
	#header #mobNav .button.merkliste{display:none;}
	.loggedIn .menuButton{display:block;}
 body.loggedIn input#ke_search_sword{  background-color: transparent;
  border: 0;
  color: white;
  width: 100%;
  padding: 10px 5% 10px 40px;}
  body.loggedIn #mobNav div.login {
    left: 48px;
}
body.loggedIn #mobNav .noLang div.login {
    left: 0;
}
 body.loggedIn .csc-default div.kesearchbox{margin-bottom: 20px;}
  body.loggedIn .csc-default input#ke_search_sword{border:1px solid #BBB; color:black; width:245px;}
  body.loggedIn .searchform .tx-kesearch-pi1{width:100%;}
	body.loggedIn div.titelElement.ohneBild {min-height:20px;}
    body.loggedIn .searchform input[type="text"]{ width: 93%; color: white; background:transparent;   padding: 0px 2% 0 40px; height:100%;}
    body.loggedIn .searchform input[type="submit"]{display:none;}
    body.loggedIn #mobNav .searchform{  width: 100%; height: 100%; left: 0;}
    body.loggedIn #header .button.merkliste { top: 0; left: 96px; background-color: rgb(100,100,100);}
    body.loggedIn #header .button.merkliste .counter{top:-12px;}
    body.loggedIn div.news {width:auto; padding:0 0 0 60px;}
    body.loggedIn #content .loginformbox, .tx-hbdownloadmanager{padding:20px 60px}
    body.loggedIn .team{  width: 105%;}
    body.loggedIn .dceInhaltselement, .csc-default .tx-kesearch-pi1 { padding: 0 60px;}
    body.loggedIn .dceTextBildVollbreite .text {padding:0 60px;}
    body.loggedIn #menuButtonOuter{width:50px!important; height:50px!important; overflow:visible;}
    body.loggedIn .menuButton{width:50px; height:50px; background-size:26px;}
    body.loggedIn #logo img {width: 92px; height: 33px;}
    body.loggedIn #logo {top: 10px; right: 15px;  z-index: 999;}
    body.loggedIn #mainNav{display:none;}
    body.loggedIn .internNav {margin-top: 0; }
    body.loggedIn ul.nav{display:none;}
    body.loggedIn #mobNav #loginImg{width:98%; height:49px; margin-left:0px;  padding-top:0; float:none;}
    body.loggedIn #loginImg .loggedAs{  float: left; margin-top: 16px; margin-left: 10px;}
    body.loggedIn #mobNav #loginImg img{  height: 89%;width: auto; padding-left: 10px;   float: left;}
    body.loggedIn #mobNav .buttonWrapper{width: 100%; height: 50px; position: relative;}
    body.loggedIn #mobNav ul.nav{display:block; position:relative; width:98%;}
    body.loggedIn #mobNav .nav li{float:none;   margin-left: 0;padding:0;   margin-bottom: 2px;  background-image: url(../Images/open.png); background-repeat: no-repeat; background-position: right 15px; background-size: 25px;}
   body.loggedIn  #mobNav .nav li.subOpen{background-image: url(../Images/subClose.png);}
    body.loggedIn #mobNav .button{  width: 40px; height: 40px; margin: 5px 5px 0; position: relative; float: left;}
    body.loggedIn #mobNav .search, body.loggedIn #mobNav .login, body.loggedIn #mobNav .lang{top: 0; position:absolute;  background-color: rgb(100,100,100);}
    body.loggedIn #mobNav .lang a{padding: 6px 12px; font-size: 13px; color: rgb(180,180,180); line-height: 15px;}
    body.loggedIn #mobNav .lang a .white{color: white;}
   body.loggedIn #mobNav #overlayNav{left:auto; }
    body.loggedIn #mobNav .nav a.mainLink{  padding: 10px; border:none; font-size:22px;width: 80%; color:white;}
    body.loggedIn #mobNav #overlayNav ul.level2{margin-top:0; -webkit-box-shadow: 0px 0 0 0 #000000;
    box-shadow: 0px 0 0 0 #000000;}
   body.loggedIn  #overlayNav ul.level2, body.loggedIn #overlayNav li:hover ul.level2{display:none;}

    body.loggedIn #mobNav #overlayNav .nav ul.level2 li{  border-top: 2px solid rgb(50,50,50); background:transparent;}
    body.loggedIn #mobNav #overlayNav .nav ul.level2 li a {    padding: 8px 5%;
    width: 90%; margin-left: 0;}

   body.loggedIn #menuButtonOuter .buttonWrapper{display:none;}
    body.loggedIn #menuButtonOuter:hover{background-color:transparent;}
    body.loggedIn .menuButton:hover{background-color:rgb(50,50,50);}
    body.loggedIn #menuButtonOuter:hover .menuButton{background-image:url(/fileadmin/Resources/Public/Images/menu.png);}
    body.loggedIn #menuButtonOuter .menuButton:hover{background-image:url(/fileadmin/Resources/Public/Images/menu_h.png);}

   body.loggedIn #mobNav div.search{  left: 96px; width: 66%; background-position-x: 10px;}

    body.loggedIn #content {padding-top: 50px;}
    body.loggedIn .dceInhaltselement.spalten2 .spalte {width:100%;}

    body.loggedIn .headTitel, .gridOuter h2{  padding: 30px 30px 30px 60px; width:auto;}

    body.loggedIn .spalte1, .spalte2, .spalte3{width: 100%; float: none;   margin-bottom: 50px;}
    body.loggedIn .bild{height: 300px; overflow: hidden;}
    body.loggedIn .bild img {margin-top: -21%;}
    body.loggedIn .spalte2, .spalte3{margin-left: 0;}

    body.loggedIn .galeriebild{width: 31%;}
    body.loggedIn .galerieInner{width: 103%;}
    body.loggedIn .mitarbeiterOpen{display:block;}
    body.loggedIn p.telefon, p.email{  margin: 10px 0; padding: 10px 0; border: 1px solid white;}
    body.loggedIn fieldset.powermail_fieldset_6{clear: both; width: 100%;}
    body.loggedIn .powermail_fieldset{width:47%; margin:0;}

    body.loggedIn .powermail_fieldset_1, .powermail_fieldset_8{margin-right:6%;}
    body.loggedIn .powermail_fieldwrap_textarea textarea{width:98%; padding-left:2%;}
    body.loggedIn fieldset.powermail_fieldset_7{clear: both; width: 100%;}
   body.loggedIn  .adressForm, .powermail_fieldset_12{width:100%;}
	body.loggedIn .powermail_fieldset_12{margin-bottom:40px;}
    body.loggedIn .tx-powermail{padding: 0; margin-left:60px;   width: 80%;}
    body.loggedIn .llogo{ width: 100%; height: 100%;}
    body.loggedIn .slogo{ width:45px; height: 100%;}
    body.loggedIn #menuButtonOuter #overlayNav .nav .act a { color: white; font-weight:lighter;  }

    /*body.loggedIn #mobNav #overlayNav .nav ul.level2 li:hover, #mobNav #overlayNav .nav ul.level2 li.act  { background: white; }*/
    body.loggedIn #mobNav #overlayNav .nav ul.level2 li.act a.sub1:hover, body.loggedIn #mobNav #overlayNav .nav ul.level2 li a.sub1 { background: transparent;}
	body.loggedIn #mobNav #overlayNav .nav ul.level2 li a.sub1 {color:white;}
	/*body.loggedIn #mobNav #overlayNav .nav ul.level2 li a.sub1:hover{color:rgb(24,42,128);}*/
    body.loggedIn #mobNav a{color:rgb(100,100,100)}

  body.loggedIn #overlayNav .nav li.link2 ul.level2 a:hover,#overlayNav .nav  .link3 ul.level2 a:hover{color:white;}

    body.loggedIn .menuButton{display:block;}

    body.loggedIn .kachelOuter{margin: 0 30px 0 60px; width:auto;}

    body.loggedIn .moreNews{color: #323232; background-color: white;}

	body.loggedIn hr.trennlinie {margin: 49px 60px;}
	  body.loggedIn .news-single .headerOuter .header {     font-size: 30px;
    width: auto; padding:0 60px;}
	body.loggedIn .news-single .newscontentOuter{    width: auto; padding: 0 60px;}
	}

@media only screen and (max-width: 1000px){
	.tx-hbteamplugin{padding: 0 108px;width:auto;}
    .teammitglied{  width: 300px; height: 330px; position:relative; float: left; margin:20px;}


}

@media screen and ( max-width: 980px ){
    .spalte1, .spalte2, .spalte3{width:31%;}
    .spalte2, .spalte3{margin-left: 3%;}
    .bild {width: 100%; height: auto;}
    .quicklinks p, .quicklinksBad p {display: block; margin-right: 10px; margin-top:5px; color:#646464}
	p.quickformat{color:#969696;}
    .quicklinks { left: 330px; }
    .adresse{  padding-bottom: 60px;}

    /*.powermail_fieldset{width:29%;}*/
    .adressForm{width:29%;}
    .powermail_fieldset_7{width:90%;}
	/*.powermail_fieldset_4{ margin-right: 6%;}*/
	#filter{right:24px;}
}

@media screen and ( max-width: 1025px ){
#overlayNav .nav .level2 .act a, #overlayNav .nav .level2 li:hover a{color:white;}
#overlayNav .nav li.link2 ul.level2 a:hover,#overlayNav .nav  .link2 ul.level2 a:hover{color:white;}
#overlayNav .nav li.link4 ul.level2 a:hover,#overlayNav .nav  .link4 ul.level2 a:hover{color:white;}
#overlayNav .nav li.link3 ul.level2 a:hover,#overlayNav .nav  .link3 ul.level2 a:hover{color:white;}
#overlayNav .nav li.link20 ul.level2 a:hover,#overlayNav .nav  .link20 ul.level2 a:hover{color:white;}
#overlayNav .nav li.link21 ul.level2 a:hover,#overlayNav .nav  .link21 ul.level2 a:hover{color:white;}
#overlayNav .nav li.link22 ul.level2 a:hover,#overlayNav .nav  .link22 ul.level2 a:hover{color:white;}
#mobNav #overlayNav .nav .link2 ul.level2 li.act a, #mobNav #overlayNav .nav .link4 ul.level2 li.act a, #mobNav #overlayNav .nav .link3 ul.level2 li.act a, #mobNav #overlayNav .nav .link20 ul.level2 li.act a, #mobNav #overlayNav .nav .link21 ul.level2 li.act a, #mobNav #overlayNav .nav .link22 ul.level2 li.act a {
    color: white;
}


	div.tx-hbproductmanager .show .text .einspaltig >.links {
    width: 55%;
}
fieldset.powermail_fieldset_15{width:100%;}
    fieldset.powermail_fieldset_14, fieldset.powermail_fieldset_38{margin-right: 6%;}

#header.open {
        height: auto;
		overflow-y:scroll;
}
	#footerOuterHome{display:none;}
	.gridTitel .plusKreuz h2{padding:30px 60px;}
	div.tx-hbproductmanager .filter_list .wrap { margin-left: 60px;
}
div.tx-hbproductmanager .produkte {
  margin-left: 60px;
}
.mitarbeiterHover .mitarbeiterWrap{    position: absolute;
    width: 100%;
    bottom: 10px;}
.footTitel{
  margin-left: 60px;}
  input#ke_search_sword{  background-color: transparent;
  border: 0;
  color: white;
  width: 90%;
  padding: 10px 5%;}
 .csc-default div.kesearchbox{margin-bottom: 20px;}
  .csc-default input#ke_search_sword{border:1px solid #BBB; color:black; width:245px;}
  .searchform .tx-kesearch-pi1{width:100%;}
	div.tx-hbproductmanager .produkte{  margin-left:100px;}
	div.titelElement.ohneBild {min-height:20px;}
    .searchform input[type="text"]{ width: 93%; color: white; background:transparent;   padding: 0px 2% 0 40px; height:100%;}
    .searchform input[type="submit"]{display:none;}
    #mobNav .searchform{  width: 100%; height: 100%; left: 0;}
    #header .button.merkliste { top: 0; left: 96px; background-color: rgb(100,100,100);}
    #header .button.merkliste .counter{top:-12px;}
    .tx-hbteamplugin{padding:0 60px;}
    div.news {width:auto; padding:0 0 0 60px;}
    #content .loginformbox, .tx-hbdownloadmanager{padding:20px 60px}
    .team{  width: 105%;}
    .titelElement .headTitel {padding: 30px 60px;}
    .dceInhaltselement, .csc-default .tx-kesearch-pi1 { padding: 0 60px;}
	#content .tx-felogin-pi1 {width:auto;}
	#content .tx-felogin-pi1 p, #content .tx-felogin-pi1 h3, #content .tx-felogin-pi1 div, #content .tx-felogin-pi1 form.error{ padding: 0 60px;}
	#content form.error fieldset div {padding: 0px;}
    .dceTextBildVollbreite .text {padding:0 60px;}
    .gridOuter .gridTitel .plusKreuz{  background: url(/typo3conf/ext/hbproductmanager/Resources/Public/img/plus_icon_light.png) 18px 28px no-repeat rgb(240, 240, 240); background-size: 30px;}
	.gridOuter.open .gridTitel .plusKreuz{  background-position-x: 18px;}
    #header{height:auto; min-height:50px; overflow:scroll; position:fixed;}
    #menuButtonOuter{width:100%!important; height:50px!important; overflow:visible;}
    .menuButton{width:50px; height:50px; background-size:26px;}
    #logo img {width: 92px; height: 33px;}
    #logo {top: 10px; right: 15px;  z-index: 999;}
    #mainNav{display:none;}
    .loggedIn .internNav {margin-top: 51px; }
    ul.nav{display:none;}
    #mobNav #loginImg{width:98%; height:49px; margin-left:0px;  padding-top:0;}
    #loginImg .loggedAs{  float: left; margin-top: 16px; margin-left: 10px;}
    #mobNav #loginImg img{  height: 100%;width: auto; padding-left: 10px;   float: left;}
    #mobNav .buttonWrapper{width: 100%; height: 50px; position: relative;}
    #mobNav ul.nav{display:block; position:relative; width:98%;}
    #mobNav .nav li{float:none;   margin-left: 0;padding:0;   margin-bottom: 2px;  background-image: url(../Images/open.png); background-repeat: no-repeat; background-position: right 15px; background-size: 25px;}
    #mobNav .nav li.subOpen{background-image: url(../Images/subClose.png);}
    #mobNav .button{  width: 40px; height: 40px; margin: 5px 5px 0; position: relative; float: left;}
    #mobNav .search, #mobNav .login, #mobNav .lang{top: 0; position:absolute;  background-color: rgb(100,100,100);}
    #mobNav .lang a{padding: 6px 12px; font-size: 13px; color: rgb(180,180,180); line-height: 15px;}
    #mobNav .lang a .white{color: white;}
    #mobNav #overlayNav{left:auto; }
    #mobNav .nav a.mainLink{  padding: 10px; border:none; font-size:22px;width: 80%;}
    #mobNav #overlayNav ul.level2{margin-top:0; -webkit-box-shadow: 0px 0 0 0 #000000;
    box-shadow: 0px 0 0 0 #000000;}
    #overlayNav ul.level2, #overlayNav li:hover ul.level2{display:none;}

    #mobNav #overlayNav .nav ul.level2 li{  border-top: 2px solid rgb(50,50,50);}
    #mobNav #overlayNav .nav ul.level2 li a {    padding: 8px 5%;
    width: 90%; margin-left: 0;}

    #menuButtonOuter .buttonWrapper, #menuButtonOuter #overlayNav{display:none;}
    #menuButtonOuter:hover{background-color:transparent;}
    .menuButton:hover{background-color:rgb(50,50,50);}
    #menuButtonOuter:hover .menuButton{background-image:url(/fileadmin/Resources/Public/Images/menu.png);}
    #menuButtonOuter .menuButton:hover{background-image:url(/fileadmin/Resources/Public/Images/menu_h.png);}

    #mobNav div.search{  left: 96px; width: 66%; background-position-x: 10px;}
    #mobNav .noLang div.search{  left: 47px !important; width: 66%; background-position-x: 10px;}

	#mobNav div.login{  left: 48px;}
    #mobNav .noLang div.login{  left: 0;}

    #content {padding-top: 50px;}
    .dceInhaltselement.spalten2 .spalte {width:100%;}

    .headTitel, .gridOuter h2{  padding: 30px 30px 30px 60px; width:auto;}
    .titelElement.ohneBild .headTitel{padding: 30px 30px 30px 60px; width:auto;}

    .spalte1, .spalte2, .spalte3{width: 100%; float: none;   margin-bottom: 50px;}
    .bild{height: 300px; overflow: hidden;}
    .bild img {margin-top: -21%;}
    .spalte2, .spalte3{margin-left: 0;}

    .galeriebild{width: 31%;}
    .galerieInner{width: 103%;}
    .mitarbeiterOpen{display:block;}
    p.telefon, p.email{  margin: 10px 0; padding: 10px 0; border: 1px solid white;}
    fieldset.powermail_fieldset_6{clear: both; width: 100%;}
    .powermail_fieldset{width:47%; margin:0;}

    .powermail_fieldset_1, .powermail_fieldset_8, .powermail_fieldset_42, .powermail_fieldset_45 {margin-right:6%;}
    .powermail_fieldwrap_textarea textarea{width:98%; padding-left:2%;}
    fieldset.powermail_fieldset_7{clear: both; width: 100%;}
    .adressForm, .powermail_fieldset_12{width:100%;}
	.powermail_fieldset_12{margin-bottom:40px;}
    .tx-powermail{padding: 0; margin-left:60px;   width: 80%;}
    .llogo{ width: 100%; height: 100%;}
    .slogo{ width:45px; height: 100%;}
    #menuButtonOuter #overlayNav .nav .act a { color: white; font-weight:lighter;  }


    #mobNav #overlayNav .nav ul.level2 li.act a.sub1:hover, #mobNav #overlayNav .nav ul.level2 li a.sub1 { background: transparent; }
    #mobNav a{color:rgb(100,100,100)}

    .loggedIn div#menuButtonOuter { background-color: transparent; }
    .loggedIn .menuButton{display:block;}

    .kachelOuter{margin: 0 30px 0 60px; width:auto;}

    .moreNews{color: #323232; background-color: white;}
    .csc-header, .tx-indexedsearch{ width:auto; padding:0 60px; margin:0 auto;}

	hr.trennlinie {margin: 49px 60px;}
	  .news-single .headerOuter .header {     font-size: 30px;
    width: auto; padding:0 60px;}
	.news-single .newscontentOuter{    width: auto; padding: 0 60px;}
}
@media screen and ( max-width: 860px ){
    #footerOuter, #footerOuterHome{display:none;}
    #footerOuterMob{display:block;}
	div.tx-hbproductmanager .show .text .einspaltig >.links{
		width:50%;
	}
	.tx-hbproductmanager .show .detail_images{width:90%;}

	  .tx-hbproductmanager .show div.text { width:90%; margin:0 auto; padding:0;}
}
@media screen and ( max-width: 830px ){
.swiper-slide-active .slideImg{    transform: matrix3d(1.06983, 0.00018, 0, 0, -0.00018, 1.06983, 0, 0, 0, 0, 1, 0, 0, -20, -20, 1);}
}

@media screen and ( max-width: 780px ){
	.menuButton:hover{background-color:#fff;}
    #menuButtonOuter:hover .menuButton{background-image:url(/fileadmin/Resources/Public/Images/menu.png);}
    #menuButtonOuter .menuButton:hover{background-image:url(/fileadmin/Resources/Public/Images/menu.png);}
	input#ke_search_sword {
    background-color: transparent;
    border: 0;
    color: white;
    width: 100%; left:0;
    padding: 10px 5% 10px 40px;}
    #content .button_bar {display: none;}
    /* ============ Loader Home ======= */
    #loadwrap{width: 280px;}
    #loader .text{font-size: 24px;}
    .tx-hbdownloadmanager ul.legend li.type{width: 120px;}

    .tx-hbdownloadmanager ul.legend li.name{width: 170px; text-align: right;}
    .tx-hbdownloadmanager ul.legend li.new{width: 103px;}
    .tx-hbdownloadmanager ul.legend li.date{width: 67px; margin-right: 0; text-align: right;}
    .tx-hbdownloadmanager ul.files,.tx-hbdownloadmanager ul.legend{ width:100%}


	/* ========== Column 3 ============ */

	.column3 .leftContent, .column3 .middleContent, .column3 .rightContent{ float:none; width:100%; margin-right:0%;}
	.column3 .rightContent{ margin-right:0;}

	/* ========== Column 2 ============ */

	.column2 .leftContent, .column2 .rightContent{ float:none; width:100%; margin-right:0%;}
	.column2 .rightContent{ margin-right:0;}
	.tx-hbdownloadmanager {
    width: 85%;
}

.tx-hbdownloadmanager ul.files li span.type{width:10%}
.tx-hbdownloadmanager ul.files li span.name{width:20%;}
.tx-hbdownloadmanager ul.files li span.size{width:20%;}
.tx-hbdownloadmanager ul.files li span.new{width:20%;}
.tx-hbdownloadmanager ul.files li span.date{width:10%;}
.tx-hbdownloadmanager ul.legend li.type{width:10%; padding-right:25px;}
.tx-hbdownloadmanager ul.legend li.name{width:20%;}
.tx-hbdownloadmanager ul.legend li.size{width:20%;}
.tx-hbdownloadmanager ul.legend li.new{width:20%;}
.tx-hbdownloadmanager ul.legend li.date{width:10%;}

}
@media screen and ( max-width: 715px ){
div.tx-hbproductmanager .show .text .einspaltig >.links {
    width: 90%;
}
}
@media screen and ( max-width: 700px ){
.lirooms li {width: 32%;}
}
@media screen and ( max-width: 630px ){
.tx-hbdownloadmanager ul.legend li.size,.tx-hbdownloadmanager ul.files li span.size{display:none;}
.tx-hbdownloadmanager ul.legend li.date,.tx-hbdownloadmanager ul.files li span.date{display:none;}
.tx-hbdownloadmanager ul.legend li.name, .tx-hbdownloadmanager ul.files li span.name{width:55%;}
.tx-hbdownloadmanager ul.legend li.new, .tx-hbdownloadmanager ul.files li span.new{width:20%;}
}

@media screen and ( max-width: 527px ){
.powermail_fieldset {
  width: 100%;}
}

@media screen and ( max-width: 522px ){
.lirooms li {width: 49%;}
}

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


 body.loggedIn .menuButton:hover{background-color:rgb(255,255,255);}
    body.loggedIn #menuButtonOuter:hover .menuButton{background-image:url(/fileadmin/Resources/Public/Images/menu.png);}
    body.loggedIn #menuButtonOuter .menuButton:hover{background-image:url(/fileadmin/Resources/Public/Images/menu.png);}
    .tx-hbdownloadmanager ul.legend li.size, .tx-hbdownloadmanager ul.files li span.size{display:none;}
.gridTitel .plusKreuz h2{padding:30px 15px;}
.infbox{width:auto; position:relative;}
	  .news-single .headerOuter .header {padding:0; margin-left:15px;}
	div.news-single .newscontentOuter{padding: 0; margin-left: 15px;}
	.footTitel{margin-top:15px;}
	.footTitel h2, .footTitel h3{font-size:15px;}
	.mobFootTitel{display:block;}
	.slideOverlayInner{/*margin-top:40px!important;*/}
	div.tx-hbproductmanager .filter_list .wrap {
  margin-left: 15px;
}
div.tx-hbproductmanager .produkte {
  margin-left: 15px;
}
.footTitel{
  margin-left: 15px;}
#footmap #filter{display:none;}
#footmap{height:70px;}
.overlayTitel{width: 80%;}
.overlayTitel h2, .overlayTitel h3 {
    margin: 0;
    text-transform: uppercase;
    font-size: 25px;
}
    .csc-header, .tx-indexedsearch{ width:auto; padding:0 5%; margin:0 auto;}
    .headTitel h2, .headTitel h3{font-size:25px;}
    .titelElement.ohneBild .headTitel h2{font-size: 25px; line-height:30px;}
	.titelElement.ohneBild .headTitel h3 {font-size: 16px; line-height:26px;}
    div.news {width:auto; padding:0 5%;}

    .headTitel{  padding: 20px 5%;}
    .titelElement .headTitel {padding: 20px 15px;}
    .titelElement.ohneBild .headTitel{  padding: 20px 15px;}

    body.loggedIn .titelElement .headTitel {padding: 20px 15px;}
     body.loggedIn .titelElement.ohneBild .headTitel{  padding: 20px 15px;}
    .bild {height: auto; overflow: visible;}
    .bild img{margin-top:0px;}
    #mobNav .footerStd {width: 90%;}
    .adresse {display:none;}
    .quicklinks {position:relative;}
    .teammitglied {  width: 290px; height: 320px;}
    .rightContent .teammitglied {  width: 290px; height: 320px; margin:2%;}
    .powermail_fieldset{width:100%; margin:0; float:none;}
    .tx-hbteamplugin { padding: 0 15px; }
    #content .loginformbox{padding:20px 15px}
    .gridOuter { background: url(../Images/openTeam.png) 95% 28px no-repeat rgb(240, 240, 240); background-size: 30px;}
    .gridOuter h2 { padding: 30px 15px; }
    .tx-powermail{  padding: 0 15px;
  margin-left: 0;
  width: 92%;}
    .dceInhaltselement, .csc-default .tx-kesearch-pi1 {padding: 0 15px; margin-top:30px;}
	#content .tx-felogin-pi1 p, #content .tx-felogin-pi1 h3, #content .tx-felogin-pi1 div, #content .tx-felogin-pi1 form.error{ padding: 0 15px;}
	 body.loggedIn .dceInhaltselement{padding: 0 15px; margin-top:30px;}
    .dceInhaltselement.spalten2 {padding: 0 15px; }
    .dceTextBildVollbreite .text {padding:0 15px; text-align: left; }
    .dceTextBildVollbreite h4 {font-size: 16px; font-weight: normal;}

    .nextMobSlide{width: 30px; height: 26px; margin: 0 auto; position: relative; bottom: 50px; background: url(../Images/nextSlideMob.png);  background-size: 30px;   z-index: 99;display:none;}

    .kachelOuter{margin: 0 15px;}
    .kachelbild{width: 48%; margin-left: 0; margin-right: 4%;}
    .kachelbild:nth-child(2n){margin-right: 0;}
    .fancybox-title .kachel{display: none;}

    .tx-hbdownloadmanager{padding:20px 5%;}
    .tx-hbdownloadmanager #filterfield{ width:80%}
    .tx-hbdownloadmanager ul.files li span.date,.tx-hbdownloadmanager ul.legend li.date{ display:none;}
	.dceInhaltsTitel h2{ font-size:16px; line-height:26px; font-weight:500; margin:25px 0;}
	hr.trennlinie {margin: 49px 15px;}
	 .gridOuter .gridTitel .plusKreuz{ background-position-x: 95%;}
	.gridOuter.open .gridTitel .plusKreuz{ background-position-x: 95%;}
	.mobMapInfoBoxes > div{  position: fixed;
  bottom: 0px;
  width: 100%;     max-height: 100%;
    overflow-y: scroll;
    z-index: 99999;}
  .infbox .addr, .infbox .oeff, .infbox .head{width:100%;}
  .infbox .head img{  max-width: 216px;
  height: auto;}

  .mobInfoBoxClose{  position: absolute;
  width: 22px;
  height: 22px;
  right: 26px;
  top: 30px;
  background: url(/fileadmin/Resources/Public/Images/closeGrid.png) no-repeat;
  background-size: 22px; cursor:pointer}
}

@media screen and ( max-width: 430px ){
    #mobNav .quicklinks{  width: 90%;}
	body.loggedIn .tx-hbdownloadmanager{width:90%; overflow:hidden}
	div div.tx-hbproductmanager div.produkte {width:290px; margin-left:15px}
	div.tx-hbproductmanager .produkte .produkt .img{height:159px;}
	.tx-hbdownloadmanager ul.legend li.name, .tx-hbdownloadmanager ul.files li span.name{width:110px;}
.tx-hbdownloadmanager ul.legend li.new, .tx-hbdownloadmanager ul.files li span.new{width:80px;}
.tx-hbdownloadmanager ul.legend li.type, .tx-hbdownloadmanager ul.files li span.type{width:80px;}
.tx-hbdownloadmanager {
    width: 290px;
	padding:20px 0;
	margin-left:15px;
}
	.tx-hbdownloadmanager #filterfield{width:240px;}
}

@media screen and ( max-width: 343px ){
.lirooms li {width: 100%;}
}

/** NEWS **/

@media screen and ( max-width: 760px ){
	.news-single .newscontentOuter .news-text-wrap{ column-count:1; -webkit-column-count:1; -moz-column-count:1; }
	.news-single .newscontentOuter{margin-left:60px; margin-right:60px;}
	.news-single .headerOuter .header { margin-left:60px; }
	.news-single .imgheaderouter{ width:100%; height:270px; overflow:hidden;}
	.news-single .header .headerInner{ margin-left:60px;}

}

@media screen and ( max-width: 464px ){
	div.tx-hbproductmanager .show .text .zweispalten .rechts {
    width: 90%;
}
	.news-single .newscontentOuter .news-text-wrap{ column-count:1; -webkit-column-count:1; -moz-column-count:1; }
	.news-single .newscontentOuter{margin-left:15px; margin-right:15px;}
	.news-single .headerOuter .header { margin-left:15px; font-size:25px;}
	.news-single .headerOuter .header h1{font-size:25px;}
	.news-single .imgheaderouter{ width:100%; height:165px; overflow:hidden;}
	.newsgallery figure{ width:100px;}
	.newsgallery figure img{ width:100px;}
	.newsgallery figure .overlay .plus_icon {margin-top:13px; }
	.news-single .newscontentOuter .teaser-text{ font-size:16px; line-height:26px;}
	.mobFootTitel h2{font-size:25px;}
	.mobFootTitel{margin-top:20px;}
}

/** END NEWS **/