/* ===================================================
Werbeagentur Himmelblau AG - www.himmelblau.ch
====================================================== */

@charset "UTF-8";
.clear, .clearfix{ clear:both; border:0; opacity:0; height:0; font-size:0; visibility: hidden; }

/* =====================  kalibrierung  ===================== */
body{ font-family: Roboto, Arial, sans-serif}

p{  font-size: 16px; font-weight: lighter; font-family: "Roboto",sans-serif; color:#323232}
a{color:rgb(50,50,50);}
#footerOuter p,#footerOuter .quicklinks p.quickformat,#footerOuter p,#footerOuter .quicklinksBad p.quickformat, .quicklinks p.quickformat a, .quicklinksBad p.quickformat a{color:#969696; text-decoration:none;}
.footerOuter a,#footerOuter .quicklinks p, #footerOuter .quicklinksBad p, .quicklinks p a, .quicklinksBad p a, #footerOuterMob a,#footerOuterHome a{color:rgb(100,100,100); text-decoration:none;}
a:hover{}
h1{ }
h2{margin:0;  font-family: "Roboto", sans-serif; font-size: 30px; font-weight: normal; text-transform: uppercase; color:#323232;}
h3{margin:0; font-family: "Roboto", sans-serif; font-size: 30px; font-weight: 300; text-transform: uppercase; color:#323232;}
h4{font-size: 16px; font-weight: normal; font-family: "Roboto",sans-serif; color:#323232;}
input.tx-indexedsearch-searchbox-sword.sword,input.tx-indexedsearch-searchbox-button.submit {
  margin-left: 10px;
}
#tx_indexedsearch p,.tx-indexedsearch-whatis, .tx-indexedsearch-browsebox,td.tx-indexedsearch-info.info, td.tx-indexedsearch-percent.percent {
  display: none;
}
.tx-indexedsearch-searchbox {
  margin-bottom: 40px;
}
.tx-indexedsearch-res .tx-indexedsearch-res {
  border-bottom: 1px solid #323232;
  margin-bottom: 40px;

}
#footmap .footTitel h1{
  color:#fff;
  font-size:30px;
  margin:0;
  font-weight:400;
  text-transform:uppercase;
}
#footmap .footTitel h2{
  color:#fff;
  font-size:30px;
  font-weight:300;
}

.foot
.noLang .lang{display:none;}

.gridOuter .dceInhaltsTitel h2{padding-left:0px;}
.gridOuter .dceInhaltsTitel{margin-top:0px;}
ul{ list-style-image:url(../Images/list_pfeil.png); padding: 0 0 0 1em; margin-top:0;}
ol{ padding: 0 0 0 1.2em; margin-top:0;}
div.jfilestyle{border:1px solid #323232;     width: 100%;
    margin-top: 21px;
    height: 52px;}
.powermail_fieldwrap_file_inner div.jfilestyle input{    width: 45% !important;
    height: 36px;
    background: #fff;
    border: 0px;
    color: black;
    font-size: 16px;
    font-weight: lighter;
    font-family: "Roboto", sans-serif;
      padding: 6px 5%;}

.powermail_fieldwrap_file_inner div.jfilestyle label{     width: 33%; height:24px;  border: 0px;
    font-size: 16px;
    font-weight: lighter;
    font-family: "Roboto", sans-serif;
    padding: 14px 6%;    background: #323232;
    color: white;float:right;
    border-radius: 0px!important;}
  .powermail_fieldwrap_file_inner div.jfilestyle label:hover{    background: #323232;
    color: white;}

.csc-default.title .dceInhaltselement{margin-top:0;}
.csc-default.title .csc-header h2{    margin: 32px 0 26px;}

#menuButtonOuter.no_merkliste.scrollClose{height:auto;}
#menuButtonOuter.no_merkliste.scrollClose.open{height:280px;}
#menuButtonOuter.no_merkliste.scrollClose.open.menuOpen{height:100%;}
#menuButtonOuter .searchform .tx-kesearch-pi1{ font-family:inherit!important; font:inherit!important;}
#menuButtonOuter .searchform .tx-kesearch-pi1 form{ margin:inherit!important; padding:inherit !important; border:inherit !important;}
#menuButtonOuter .searchform .resetbutt{ display:none;}
#menuButtonOuter .searchform #ke_search_sword {
  position: inherit;
  /* top: 1px; */
  width: 203px;
   height: inherit;
  /* padding: 8px 40px 7px 9px; */
  /* margin: 0; */
  display: inherit;
}
#menuButtonOuter .searchform .kesearchbox{ height:inherit !important;}
#menuButtonOuter .searchform .tx-kesearch-pi1 input[type="text"], #menuButtonOuter .searchform .tx-kesearch-pi1 select, #menuButtonOuter .searchform .tx-kesearch-pi1 textarea {
  padding: inherit;
  background: #FFF;
  border: 0px !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #2B2B2B;
}
.internNav .nav ul.level2 li.act a, div.internNav .nav ul.level2 li.noAct:hover a{color: #182A80}
.internNav .nav ul.level2 li.act, .internNav .nav ul.level2 li:hover{background:white;}
#menuButtonOuter .searchform li.checkboxButtonSubmit span,#menuButtonOuter .searchform span.submitbutt input, #menuButtonOuter .searchform input.kesGreyButt[type="submit"] {
  min-width: inherit;
  max-width: 220px;
  border-radius: 0px;
  font-size:0;
}
#menuButtonOuter .link2 .level2 > li:first-child, #menuButtonOuter .link3 .level2 > li:first-child, #menuButtonOuter .link4 .level2 > li:first-child, #mainNav .link2 .level2 > li:first-child, #mainNav .link3 .level2 > li:first-child, #mainNav .link4 .level2 > li:first-child{display:none;}
#menuButtonOuter .searchform span.resetbutt a:hover, #menuButtonOuter .searchform span.submitbutt input:hover, #menuButtonOuter .searchform input.kesGreyButt:hover, #menuButtonOuter .searchform span.kesGreyButt:hover{ background: url(../Images/arrow_right.png) no-repeat center center #323232; !important;   background-size: 43% !important;}

#menuButtonOuter .searchform #kesearch_submit, #kesearch_submit{ display:none;}

#menuButtonOuter .searchform .tx-kesearch-pi1 input[type="text"], #menuButtonOuter .searchform .tx-kesearch-pi1 select, #menuButtonOuter .searchform .tx-kesearch-pi1 textarea{border: none; margin: 0; width: 200px; height: 20px; background: white; padding: 20px; position: absolute; top: 0; left: 6px; font-size: 16px; height: 20px; font-weight: lighter; color:#323232;}
.searchform input[type="submit"]{background: url(../Images/arrow_right.png) no-repeat center center #323232; background-size: 40%; position: absolute; right: 0; top: 0; border: none; margin: 0; height: 60px; width: 60px;}
input#ke_search_sword {width: 254px;}
.csc-default .tx-kesearch-pi1{ font-size: 16px; font-weight: lighter; font-family: "Roboto",sans-serif; color:#323232;}
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr{font-style:normal; font-weight:lighter; padding-left:5px;}
.tx-indexedsearch .tx-indexedsearch-whatis, .tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr, td{color:#323232;}
.csc-header, .tx-indexedsearch, .tx-kesearch-pi1{ width:980px; margin:0 auto;}
.tx-kesearch-pi1{ margin-top:20px; margin-bottom:50px;}
.searchform .tx-kesearch-pi1{ margin:0 !important;}
.csc-default #kesearch_results .result-list-item {border-bottom:1px solid #323232;clear: both;margin: 0;padding: 20px 0 20px;}
.csc-default #kesearch_pagebrowser_bottom .pages_total{ border:0;}
.csc-default span.resetbutt a, .csc-default span.submitbutt input, .csc-default input.kesGreyButt, .csc-default span.kesGreyButt{ font-family: "Roboto",sans-serif;}

#overlayNav .internNav .nav li{    background-color: #182A80;}

#header{position:fixed; width:100%;     max-height:100%; height: 72px;   z-index: 99999;   -webkit-box-shadow: 0px 1px 10px -3px #666666;
  box-shadow: 0px 1px 10px -3px #666666;}
.headerBottom{position:absolute; bottom:0; box-shadow: 0px 0px 6px grey; width: 100%; height: 100%;   z-index: 10;}
#mainNavbox{position: absolute; z-index: 611; width:100%}
#loginImg{ display:inline-block; float:left; margin-left:84px; width:147px; height:62px; margin-right: -120px; text-align: center; font-size:12px; font-family: "Roboto", sans-serif; padding-top:10px; font-weight:lighter; background-color:rgb(240,240,240);}
ul.nav{  width: 980px; margin: 0 auto; padding:0;}
.internNav ul.nav{width:1120px;}
#overlayNav ul.nav{padding:0; margin: 0;  position: absolute; z-index: 611; display:none;}
.nav li{float:left; list-style:none; margin-left:70px; padding: 17px 0 17px;position: relative;}
.nav li.link2{  margin-left: 0;}
.nav a{color:black; text-decoration:none; text-transform:uppercase; font-weight:300; font-size:29px;}
#logo{  position: absolute; top: 12px; right: 25px;   z-index: 611;}
#logo img{width: 127px; height: 47px;}
#menuButtonOuter{ width:72px; height:72px; float: left;position:absolute;  z-index: 612;-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.buttonWrapper{ height:72px;position:absolute; overflow: hidden; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
div#menuButtonOuter.menuOpen .nav{ display:inline-block;}
#menuButtonOuter.open{height:280px;background-color:rgb(50,50,50);}
#menuButtonOuter.no_merkliste{height:280px;}
#header .menuOpen .button.merkliste{display:block;}
#menuButtonOuter.open .buttonWrapper{ margin-top:72px; height:294px;}
#menuButtonOuter.open .buttonWrapper.noLang {
    margin-top: 126px;}
div#menuButtonOuter.menuOpen{overflow: hidden;width:100%; height:100%; position:fixed; overflow-y: scroll;}
.loggedIn div#menuButtonOuter{height:216px;     background-color: rgb(50,50,50);}
.loggedIn .menuButton{display:none;}
.loggedIn div#menuButtonOuter .buttonWrapper{margin-top:0; height:294px; }
.loggedIn .login.button{top:-66px;}
.loggedIn .search.button{top:66px;}
.loggedIn .lang.button{top:132px;}
.internNav, .loggedIn .stdNav{display:none;}
.loggedIn .internNav{display:block;}


/*Changed Nordfabrik 31.Jan*/
 /*.nav li.link22 { position: absolute; left: 580px;}*/
 .nav .link22:hover a, .nav .link22.act a,  .nav .link22.act_parent a{color:rgb(150,150,150); /*font-weight:bold;*/}
 .nav .link22 ul{ background: rgb(150,150,150); min-width: 224px;}
 .nav .link22 ul.level2 a:hover, .nav .link22 ul.level2 li.act a, #overlayNav .nav .link22 ul.level2 li.act a{color:rgb(150,150,150); background:white;}
/*.nav .link22 ul.level2 {margin-left: -15px;}*/

.internNav .nav ul.level2 li.noAct a:hover,.internNav .nav ul.level2 li.act a:hover {color:#000;}
.internNav .nav li.act > a, .internNav .nav li.act_parent > a{color:rgb(24,42,128); font-weight: 400;}
.internNav .nav ul, .internNav .nav  ul {
    background: #92A600 none repeat scroll 0% 0%;
}
.internNav ul.level2 { margin-left:0;}

#content .button_bar {position: fixed; top:625px !important; right:0; z-index: 9999; }
#content .button_bar .swissmade {
    display: block;
    cursor: pointer;
    background: url("/fileadmin/Resources/Public/Images/swissmade.png") no-repeat;
    width: 45px;
    height: 160px;
    background-size: 47px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#content .button_bar .merkliste { display: block; cursor: pointer; background: url("/typo3conf/ext/hbproductmanager/Resources/Public/img/merkliste_button.png") no-repeat; width:45px; height: 127px;      background-size: 47px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
#content .button_bar .merkliste.langFR {background: url("/fileadmin/Resources/Public/Images/mes_favoris_weiss.png") no-repeat;;background-size: 47px;}
#content .button_bar .news {      display: block; cursor: pointer; background: url("/typo3conf/ext/hbproductmanager/Resources/Public/img/news_button.png") no-repeat; width:45px; height: 82px; background-size: 47px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
#content .button_bar .swissmade:hover{     background-image: url("/fileadmin/Resources/Public/Images/swissmade_h.png"); position: relative;}
#content .button_bar .merkliste:hover{     background-image: url("/typo3conf/ext/hbproductmanager/Resources/Public/img/merkliste_button_hover.png"); position: relative;}

#content .button_bar .merkliste.langFR:hover{     background-image: url("/fileadmin/Resources/Public/Images/mes_favoris_h.png"); position: relative;}
#content .button_bar .news:hover{background-image: url("/typo3conf/ext/hbproductmanager/Resources/Public/img/news_button_hover.png");}
#content .button_bar .merkliste .counter {display: none; padding-top: 7px; width:30px; line-height:1em;

    padding-bottom: 6px; -webkit-border-radius: 100%; border-radius: 100%; background:rgb(50,50,50); color:white; text-align: center; font-weight: 100; position: absolute; margin-top:-12px; left:-12px; font-size: 13px; border:1px solid white; font-size: 14px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}




.menuOpen, .open{background-color:rgb(50,50,50);}
.menuOpen .menuButton{background-image:url(/fileadmin/Resources/Public/Images/close.png);}
.menuButton{cursor:pointer; background:url(/fileadmin/Resources/Public/Images/menu.png) no-repeat center center; background-size: 32px; width: 72px; height: 72px; float: left;   position: relative; z-index: 614; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
#menuButtonOuter.open .menuButton{background-image:url(/fileadmin/Resources/Public/Images/menu_h.png);}
#menuButtonOuter.menuOpen:hover .menuButton{background-image:url(/fileadmin/Resources/Public/Images/closeTeam.png);}

#menuButtonOuter.scrollClose .menuButton{  background-image: url(/fileadmin/Resources/Public/Images/menu_h.png);
  background-color: rgb(50,50,50);}
.nav li.link2:hover a,.nav  .link3:hover a, .nav .link2.act a,  .nav .link2.act_parent a, .nav .link3.act a,  .nav .link3.act_parent a{color:rgb(146,166,0); /*font-weight:bold;*/}
.nav .link4:hover a, .nav .link4.act a,  .nav .link4.act_parent a{color:rgb(24,42,128); /*font-weight:bold;*/}
.nav li.link2 ul.level2 a:hover,.nav  .link3 ul.level2 a:hover, .nav .link2 ul.level2 li.act a, .nav .link3 ul.level2 li.act a, #overlayNav .nav .link2 ul.level2 li.act a, #overlayNav .nav .link3 ul.level2 li.act a{color:rgb(146,166,0); background:white;}
.nav .link4 ul.level2 a:hover, .nav .link4 ul.level2 li.act a, #overlayNav .nav .link4 ul.level2 li.act a{color:rgb(24,42,128); background:white;}
#overlayNav .nav .link4.act a, #overlayNav .nav .link4.act_parent a{font-weight:lighter;}
.nav .link2 ul, .nav .link3 ul{ background: rgb(146,166,0);}
.nav .link4 ul{ background: rgb(24,42,128);}
.nav ul.level2 li.noAct a,.nav ul.level2 li.act a{ color:white; font-weight:lighter;}
ul.level2 { position: absolute; padding: 0; text-align: center; padding: 20px 0;   top: 72px; min-width:170px;   /*margin-left: -48px;*/ display:none; left:50%; transform: translate(-50%);}
#mainNav ul.level2{-webkit-box-shadow:0px 2px 5px 0px rgb(0,0,0);
  box-shadow: 0px 2px 5px 0px rgb(0,0,0);}
  #mainNav .link4 ul.level2{-webkit-box-shadow:0px 2px 5px 0px rgb(0,0,0);
  box-shadow: 0px 2px 5px 0px rgb(0,0,0);}
.nav ul li.noAct,   .nav ul li.act {float: none; margin: 0; padding: 0;}
.nav ul li a.sub1 {font-size: 16px;color:white;   padding: 20px 0 15px; width: 100%; display: inline-block;text-transform: none;}
#overlayNav .nav .level2 .act a, #overlayNav .nav .level2 li:hover a{color:rgb(150,150,150); background:white;}
.link2 ul{min-width:214px;}
.link3 ul{min-width:230px;}
.link4 ul{min-width:200px;}
.link20, .link21{display:none;}
#overlayNav .link20,#overlayNav .link21,#overlayNav .link22{display:block;}
#overlayNav{top:0; position: relative; height: 100%;}
#overlayNav .nav li{  background: rgb(150,150,150);  position: relative;}
#overlayNav ul.nav{width:100%; height:100%;   left: 72px;}
#overlayNav ul.level2{display:block; margin-left:0; top:auto; padding:0; position:relative; text-align:left;   z-index: 606;
  margin-top: 20px;   width: 100%; min-width: 0px;}
#overlayNav li.link2, #overlayNav li.link3{background:rgb(146,166,0);}
 #overlayNav li.link4{background: rgb(24,42,128);}
 #overlayNav .nav a{color:white; font-weight:lighter;}
 #overlayNav .nav li.link2 ul.level2 a:hover,#overlayNav .nav  .link3 ul.level2 a:hover{color:rgb(146,166,0);}
#overlayNav .nav .link4 ul.level2 a:hover{color:rgb(24,42,128);}
#overlayNav .nav  ul.level2 a:hover{color:rgb(150,150,150);}
#overlayNav .nav ul.level2 li{  width: auto; background: transparent;padding:0;margin: 0;
  float: none;}

 #overlayNav .nav ul.level2 li a{  padding: 8px 6px; width: auto;   margin-left: -6px;}
 #overlayNav .nav a.mainLink{  width: 100%; display: inline-block; border-bottom: 2px solid white; padding-bottom: 5px;}
 #mobNav #overlayNav .nav li:hover a, div#mobNav .nav li a{font-weight:lighter;}



.button{width: 60px; height: 60px; margin: 6px 6px 0; position: absolute;z-index:613; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; cursor: pointer; }
.search.button, .login.button{top:0; cursor:pointer; position: relative; width: 60px; overflow: hidden;}
.search:hover{background-color:white;}
#header .button.merkliste {display:none; top:216px; background:url(/fileadmin/Resources/Public/Images/merkliste_button.png) no-repeat center center;}
#header .button.merkliste:hover { background:url(/fileadmin/Resources/Public/Images/merkliste_button_hover.png) no-repeat center center; background-color:white;}
#header .button.merkliste .counter {display: none;  width:24px; height:24px; -webkit-border-radius: 50%; border-radius: 50%; background:white; color:rgb(50,50,50); text-align: center; font-weight: 100; position: absolute; top:5px; left:34px; font-size: 13px; padding-top: 3px; border:1px solid white; font-size: 12px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
#header .button.merkliste:hover .counter {background:rgb(50,50,50); color: white; border:none;}
.slogo{background:url(/fileadmin/Resources/Public/Images/search.png) no-repeat center center; background-size: 22px; position: absolute; left: 0; top: 0; width: 60px; height: 60px;}
.search:hover .slogo{background-image:url(/fileadmin/Resources/Public/Images/search_h.png);}
.searchform{position: absolute; left: 60px; top: 0px; width: 306px; height: 60px;}
.searchform input[type="text"]{border: none; margin: 0; width: 200px; height: 20px; background: white; padding: 20px; position: absolute; top: 0; left: 6px; font-size: 16px; height: 20px; font-weight: lighter; color:#323232;}
.searchform input[type="submit"]{background: url(../Images/arrow_right.png) no-repeat center center #323232; background-size: 40%; position: absolute; right: 0; top: 0; border: none; margin: 0; height: 60px; width: 60px;}
.search:hover{background-color:white; width: 366px;}
.login{top:84px; cursor:pointer; overflow:hidden; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.login:hover{background-color:white; width:466px;}
body.loggedInForm .login:hover{background-color:white; width:266px;}
.loggedIn .login:hover{width:266px;}
.llogo{background:url(/fileadmin/Resources/Public/Images/login.png) no-repeat center center; background-size: 22px; position: absolute; left: 0; top: 0; width: 60px; height: 60px;}
.login:hover .llogo{background-image:url(/fileadmin/Resources/Public/Images/login_h.png);}
.lang{top:134px; cursor:pointer;}
.lang:hover{background: white;}
.lang a{color: #646464; text-decoration: none; text-transform: uppercase; font-size: 18px; line-height: 21px; font-weight: 300; padding: 9px 19px; display: block;}
.lang a .white{color: white;}
.lang:hover a .white{color: black;}
.loginform{position: absolute; left: 66px; width: 400px; height: 60px; background: white;}
.loginform input[type="text"]{width: 130px; border: 0; padding: 10px 20px; margin: 10px 0; position: absolute; left: 0px; font-weight: lighter; color:#323232;}
.loginform input[type="password"]{width: 130px; border: 0; padding: 10px 20px; margin: 10px 0; position: absolute; left: 170px; border-left: 1px solid lightgray; font-weight: lighter; color:#323232;}
.loginform input[type="submit"]{background: url(../Images/arrow_right.png) no-repeat center center #323232; background-size: 40%; position: absolute; right: 0; top: 0; border: none; margin: 0; height: 60px; width: 60px;}
.loginform input:focus, .searchform input:focus{outline: 0;}
.logout{ color: rgba(0,0,0,0.00);}
.logoutTxt{font-size: 16px; padding: 20px;}
.logoutform {  width: 200px; position:relative;}

#content{padding-top:72px; padding-bottom:60px;}
.badGen #content{padding-bottom:0;}

#footerOuterHome, #footerOuterMob{  position: absolute; bottom: 0; width: 100%; text-align: center; background: rgb(50,50,50); color: rgb(100,100,100); font-weight: lighter; font-family: "Roboto", sans-serif; font-size: 13px; padding: 13px 0; z-index:99;}
#footerOuterMob{  position: relative;}

  #footerOuter{  position: relative; bottom: 0; width: 100%; text-align: center; background: rgb(50,50,50); color: rgb(100,100,100); font-weight: lighter; font-family: "Roboto", sans-serif; font-size: 13px; padding: 40px 0;}
.footerLogo{float:left; width:157px;  margin-right: 46px;}
.footerLogo img{width:100%; height:auto;}
.adresse, .adresseBad{  float: left; text-align: left; margin: 0 10px; color: rgb(150,150,150);}
.adresse p, .adresseBad p{margin:0 0 8px; color:#969696;}
#mobNav .adresse{padding-bottom: 30px;}
.adressContainer{  width: 430px; margin: 0 auto;}
#footerOuterMob{display:none;}
.footerStd{ width:980px; margin:0 auto;  position: relative;}
.footerStd p{  font-size: 13px;}
.quickformat{color:rgb(150,150,150)}
.quicklinks{  text-align: left; position: absolute; left: 680px; bottom: 8px;}
.quicklinksBad{  text-align: left; position: absolute; left: 360px; bottom: 8px;}
.quicklinks p, .quicklinksBad p{  margin-bottom: 0; margin-top:5px;}
#mobNav{display:none; position: relative; top: 50px; background: rgb(50,50,50); z-index: 601;}
#mobNav .adressContainer .adresse a{color: #969696}
#mobNav #overlayNav ul.nav{left:0;}
.quicklinksBad p {
  margin-top: 5px;
}
.adresseBad a, .adresse a{  color: #969696;
  text-decoration: none;}

  .klassischWechsel {display:inline-block}
  .klassischWechsel a{color:#646464; text-decoration:none;}


 div.swiper-container {width: 2000px;  height: 1600px; z-index:0;overflow: hidden;}
.swiper-slide { overflow:hidden; width:100%;}
.swiper-slide .slideImg{background-size:cover; width:100%; height:100%; background-position: center; -webkit-transition: all 8000ms linear; -moz-transition: all 8000ms linear; -ms-transition: all 8000ms linear; -o-transition: all 8000ms linear; transition: all 8000ms linear; transform-origin: 0px 0px 0px;}
.swiper-slide .slideOverlay{width: 100%; height: 100%; position: absolute; top: 0; background: rgba(255,255,255,0.8); display: block; opacity:0; -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease;-webkit-transition-delay: 3s;
    transition-delay: 3s;}
  .swiper-slide-active .slideImg{    transform: matrix3d(1.06983, 0.00018, 0, 0, -0.00018, 1.06983, 0, 0, 0, 0, 1, 0, -60, -30, -62, 1);}
  .swiper-slide-duplicate.swiper-slide-active .slideImg{    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
}
  .swiper-slide-active.slideWidth img.slideAnim{-webkit-transition: all 7000ms linear; -moz-transition: all 8000ms linear; -ms-transition: all 8000ms linear; -o-transition: all 8000ms linear; transition: all 8000ms linear;left:0;width:100%;}
    .swiper-slide-prev.slideWidth img.slideAnim{-webkit-transition: all 8000ms linear; -moz-transition: all 8000ms linear; -ms-transition: all 8000ms linear; -o-transition: all 8000ms linear; transition: all 8000ms linear;left:0;width:100%;}
  .swiper-slide-active.firstSlide.slideWidth img.slideAnim{left:0;width:100%;}
  .swiper-slide.slideHeight img.slideAnim{-webkit-transition: all 8000ms linear; -moz-transition: all 8000ms linear; -ms-transition: all 8000ms linear; -o-transition: all 8000ms linear; transition: all 8000ms linear;top:0;height:100%;  width:auto;}
  .swiper-slide-active.firstSlide.slideHeight img.slideAnim{top:0;height:100%; width:auto;}
.swiper-slide-active .slideOverlay{opacity:1;}
.swiper-slide-active.slideWidth img.slideAnim{width:106%!important; left:-3%; top:-3%;position:absolute;}
.swiper-slide-active.slideHeight img.slideAnim{height:106%!important; top:-3%; position:absolute;  width:auto;}
.swiper-slide-prev.slideWidth img.slideAnim{width:106%!important; left:-3%; top:-3%;position:absolute;}
.swiper-slide-prev.slideHeight img.slideAnim{height:106%!important; top:-3%; position:absolute;  width:auto;}
.overlayTitel h2, .overlayTitel h3{  margin: 0; text-transform: uppercase; font-size: 30px;}
.overlayTitel h3{font-weight: lighter;}
.overlayTitel{  padding-bottom: 10px; border-bottom: 2px solid rgb(50,50,50); display: inline-block; opacity:0;  margin-left: 50px; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transition-delay: 3s; transition-delay: 3s;}
.swiper-slide-active .overlayTitel, .swiper-slide-active .overlayButton{opacity:1; margin-left:0;}
.slideOverlayInner{  text-align: center;}
div.swiper-container-vertical .swiper-pagination span.swiper-pagination-bullet-active{  background: transparent; border: 1px solid rgb(50,50,50); width: 10px; height: 10px; margin-left: -2px;}
.swiper-container-vertical .swiper-pagination span.swiper-pagination-bullet{  border-radius: 0; background: rgb(50,50,50); opacity:1; margin:15px 0;}

.overlayButton{margin-top:40px; margin-left: 50px; opacity: 0;-webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transition-delay: 3.2s;
    transition-delay: 3.2s;}
.overlayButton a{  padding: 10px 25px; border: 1px solid rgb(50,50,50); color: rgb(50,50,50); text-decoration: none; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.overlayButton a:hover{background:rgb(50,50,50); color:white;}

/*.headTitelOuter{ background: rgb(150,150,150);}*/
.headbild{overflow:hidden;}
.headbild img{  width: 100%; height: auto;}
.headTitel{  padding: 30px 0; width: 980px; margin: auto;}
.headTitel h1{
color: white;
font-size:30px;
font-weight:400;
margin:0;
text-transform:uppercase;
} 
.headTitel h2{
color: white;
font-size 30px;
font-weight:300;
} 
.headTitel h3{color:white;}

.dceInhaltselement, .csc-default .tx-kesearch-pi1{width:980px;margin-left:auto; margin-right:auto; margin-top: 50px;}
.column2.dceInhaltselement,.column3.dceInhaltselement{margin-top:0;}
.column2 .dceInhaltselement,.column3 .dceInhaltselement{margin-top:0px; margin-bottom:50px;}
.dceInhaltselement p, .csc-default .tx-kesearch-pi1 p{line-height: 155%;}
.dceInhaltselement .bild {margin-bottom: 25px;}
.dceInhaltselement h4, .csc-default .tx-kesearch-pi1 h4{margin-top:0;}
.spalte1, .spalte2, .spalte3{width:32%; float:left;}
.spalte2, .spalte3{margin-left: 2%;}
.bild{width:100%; height:auto;}
.bild img{width:100%; height:auto;}
.dceInhaltselement.spalten2 {width:1015px; }
.dceInhaltselement.spalten2 .spalte {width:45%; padding:0 18px;}

.dceTextBildVollbreite {}
.dceTextBildVollbreite .image {width: 100%; height: 330px;}
.dceTextBildVollbreite .text {text-align: center;width: 980px; margin:0 auto;}
.dceTextBildVollbreite h4 {font-size: 21px; font-weight: 100; margin-bottom: 0;}
.dceTextBildVollbreite p {margin:5px 0; line-height: 155%;}

.dceInhaltsTitel h2, .csc-header h2{font-size:22px; line-height:32px; font-weight:300; text-transform:none; margin:32px 0;}

/** Trennlinie **/
hr.trennlinie {
  margin: 49px auto;
  border: none;
  border-top: 1px solid #323232;
  width:980px;
}
/** Ende Trennlinie **/


#mobNav .footerOuter{display:block;   position: relative;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: rgb(50,50,50);
  color: rgb(100,100,100);
  font-weight: lighter;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  padding: 40px 0 90px;}
#mobNav .footerLogo{float:none; margin: 0 auto 30px;}
#mobNav .footerStd{width: 480px;     padding: 0; display: inline-block; margin: 0 auto;}
#mobNav .quicklinks {left: auto; text-align: center;    margin: 0 auto; width: 383px; position: relative;}

/* =====================  Bildergalerie  ===================== */
.galeriebild{margin: 1%; width: 18%; float:left;}
.galeriebild img{width:100%; height:auto;}
.galerieInner{width: 102%; margin-left: -1%;}
.galerieOuter{overflow:hidden;}

/* =====================  Teamplugin  ===================== */
.tx-hbteamplugin{ width: 940px; width:980px; margin: 0 auto;}
.team{margin-left: -20px;}

.teammitglied {width: 29%;height: 35%; margin: 2%; position:relative; float: left;}
.teamBild{  width: 100%; height: 100%;   line-height: 0px;}
.teamBild img{  width: 100%; height: auto;}
.mitarbeiterDetail{opacity:0;   text-align: center; padding: 0 5%;-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.mitarbeiterHover .mitarbeiterDetail{opacity:1;}
.mitarbeiterOuter{background:rgba(0,0,0,0.7);  overflow:hidden; position: absolute; bottom: 0; width: 100%; height: 65px;-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.mitarbeiter{width: 90%; padding: 9px 5%; text-align: center;}
.mitarbeiter h5{color: white; font-weight: lighter; letter-spacing: 1px; text-transform: uppercase;   margin: 5px 0 0 0;   font-size: 16px;}
.mitarbeiter h4{color: white; text-transform: uppercase; letter-spacing: 1px; margin:0;   font-size: 16px;}
.mitarbeiterDetail p, .mitarbeiterDetail a{color:white; text-decoration:none;}
.mobile.mitarbeiterHover{height:100%!important; }
.mitarbeiterHover{height:100%t; }
.mitarbeiterHover .mitarbeiter.mob{padding-top:60px;}
.mitarbeiterDetail .telefon img{width:12px; height:auto;margin-right:7px;}
.mitarbeiterDetail .email img{width:17px; height:auto; margin-right:7px;}
.mitarbeiterOpen{width:60px; height:60px; background:url(/fileadmin/Resources/Public/Images/openTeam.png) no-repeat center center; background-size:25px; position:absolute; top:0px; right:0px; z-index: 10; display:none;}
.mitarbeiterOpen.closeMitarbeiter{background-image:url(/fileadmin/Resources/Public/Images/closeTeam.png)}

.mitarbeiterOuter.closed{padding-top:0!important; height: 65px!important;}

/* =====================  Formular  ===================== */
.chosen-container-single div.chosen-drop {
  margin-left: -1px;}
  div.chosen-container .chosen-results li:first-child{display:none;}
.powermail_fieldset{  border: 0; margin: 0; padding: 0; width:30%; float:left;}
.powermail_fieldset label{display:none;}
.powermail_fieldset legend{display:none;}
form h3{display:none;}
.powermail_fieldset_1, .powermail_fieldset_4, .powermail_fieldset_13, .powermail_fieldset_14, .powermail_fieldset_38, .powermail_fieldset_40, .powermail_fieldset_42, .powermail_fieldset_43, .powermail_fieldset_45 {margin-right:40px;}
.powermail_fieldset_15{padding-top: 15px;}
.powermail_fieldset_15 .powermail_check_inner{margin-bottom: 5px;}
.powermail_fieldset_15 fieldset{    border: 0px;
    padding: 5px 0;}

      .powermail_fieldwrap_164{  margin-top: 21px;}
    .powermail_fieldset_41 fieldset{    border: 0px;
    padding: 5px 0;}
    .powermail_fieldset_41 .powermail_fieldwrap_check legend {
    display: block;
}
.powermail_fieldset_13{padding-top: 15px;}
.powermail_fieldset_13 .powermail_check_inner{margin-bottom: 5px;}
.powermail_fieldset_13 fieldset{    border: 0px;
    padding: 5px 0;}
  .powermail_fieldwrap_51 input{margin-top: 25px; border-radius:0px;}
  .powermail_fieldwrap_52 label{display:block;     font-weight: lighter;}
  .powermail_fieldwrap_52 input{float:left;    margin-top: 4px;
    margin-right: 7px;;}
  .powermail_fieldwrap_54 label{display:block;     font-weight: lighter;}
  .powermail_fieldwrap_54 input{float:left;    margin-top: 4px;
    margin-right: 7px;;}
      .powermail_check_inner input{margin-top: 25px; border-radius:0px;}
  .powermail_check_inner label{display:block;     font-weight: lighter;}
  .powermail_check_inner input{float:left;    margin-top: 4px;
    margin-right: 7px;;}
  .powermail_check_inner label{display:block;     font-weight: lighter;}
  .powermail_check_inner input{float:left;    margin-top: 4px;
    margin-right: 7px;;}
.powermail_fieldset_15 .powermail_check_outer label {
    margin-left: 20px;
}
.powermail_fieldset_13 .powermail_check_outer label {
    margin-left: 20px;
}
.powermail_fieldwrap_54{height:139px;}
.powermail_fieldwrap_146 .powermail_submit{margin-top:25px;}

.powermail_fieldwrap input,
.powermail_fieldwrap_textarea textarea,
powermail_fieldwrap powermail_fieldwrap_textarea powermail_fieldwrap_9,
.powermail_textarea,
.form-control {
  margin-top: 25px;
  width: 95%;
  height: 50px;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: lighter;
  color: #323232;
  border: 1px solid #323232;
  padding: 0 0 0 5%;
  border-radius: 0px !important;
}

#powermail_field_mitteilung {
  padding-top: 10px;
  height: 198px;
}

.btn-primary {
height: 53px;
width: 100% !important;
border: 0px;
background: #323232;
color: #FFF !important;
font-family: "Roboto", sans-serif;
text-transform: uppercase;
font-weight: lighter;
margin-top: 22px;
letter-spacing: 1px;
}

.powermail_fieldwrap_file_inner input{width:100%;}
 .powermail_fieldwrap_textarea textarea {  padding-top: 10px; height: 198px;}
 .parsley-errors-list{margin:0;}
.powermail_submit{height: 53px; width: 100%; border: 0px; background: #323232; color: white; font-family: "Roboto", sans-serif; text-transform: uppercase; font-weight: lighter; margin-top: 22px; letter-spacing: 1px;}
  div.chosen-container{  width: 100%!important; background: url(../Images/plus_Icon.png) no-repeat right 15px center; background-size: 20px; border: 1px solid #323232; margin-top: 25px; height: 52px;}
  div.chosen-container-single .chosen-single{width: 100%; background: transparent; border: 0; box-shadow: 0 0 0 rgba(0,0,0,0); height:auto;   padding-top: 15px; padding-left: 15px; font-size: 16px; font-weight: lighter; font-family: "Roboto", sans-serif;}
input.powermail_file{  height: 38px; margin-top: 25px; padding-top: 14px; padding-left: 5%; width: 95%; border: 1px solid #323232; color:#323232;  font-weight: lighter; border-radius: 0px !important;}
.chosen-container-active.chosen-with-drop a.chosen-single{background:transparent; border:0;}

.tx-powermail{margin-top: 25px;   padding: 0 120px; width:980px; margin-left:auto; margin-right:auto;}
.powermail_fieldset_7{width:980px;   margin-top: 50px; border-top: 1px solid #323232; padding-top: 25px; margin-bottom: 25px;}
.adressForm b{font-weight:normal;}
.adressForm p{line-height:1.5em;}
.adressForm{width:300px; float:left;}
.adressWyssachen, .adressLang{margin-right:40px;}
div.chosen-container .chosen-results{  background: rgb(50,50,50); color: white; margin: 0; padding:0;   width: 101.1%;}
div.chosen-container .chosen-results li{padding: 20px; font-weight: 100; font-size: 16px;}
div.chosen-container .chosen-results li.highlighted{background:white; color:rgb(50,50,50)}
div.chosen-with-drop{background:url("/fileadmin/Resources/Public/Images/closeChosen.png") no-repeat right 15px center; background-size:15px;}

div.chosen-container-single .chosen-single div b{background: transparent;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #323232;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #323232;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #323232;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #323232;
}

.powermail_fieldset_8,.powermail_fieldset_10{margin-right:40px;margin-bottom:40px;}
.powermail_select{width:100%; margin-top:20px; border-radius: 0px !important;}


/* Sevenbit */

.tx-indexedsearch .tx-indexedsearch-whatis, .tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr, td {
    color: #323232;
    width: 300px;
}

/* ========= LOGIN FORM ========= */
.loginform{ /*display:none;*/  }
.loginformbox{}
#content .loginformbox, #content .logoutform{width:980px; margin:0 auto;}
#content .loginformbox input{  display: block; margin-bottom: 10px; font-weight:lighter;}
#content .loginformbox input[type=submit], #content  input.logout{  background-color: rgb(50,50,50); border: none; color: white; text-transform: uppercase; font-weight: lighter;}
#content .logoutTxt{display:none;}
#content .tx-felogin-pi1 {margin:auto; width:980px; font-size: 16px;font-weight: lighter; font-family: "Roboto", sans-serif;color: #323232;}
#content .tx-felogin-pi1 h3 {font-weight: 500;font-size: 16px;line-height: 26px;}
/* ========== Search Form ========= */
.tx-indexedsearch-rules{ display:none;}

/* ========== Akkordeon ========= */

.grid{display:none; padding:0 0 30px;}
.gridOuter h2{ padding-top: 22px!important;  padding-bottom: 22px!important; font-size: 22px; text-transform: none; font-weight: lighter; width:980px; margin:0 auto;cursor:pointer;}
.gridOuter{ background:rgb(240, 240, 240); margin: 15px 0; background-size:30px; cursor:pointer }
.gridOuter.open .gridTitel .plusKreuz{background-image:url(../Images/closeGrid.png);   background-size: 25px;
  background-position-x: 0;
  background-position-y: 24px;}
 .gridTitel .plusKreuz{
    background: url(/typo3conf/ext/hbproductmanager/Resources/Public/img/plus_icon_light.png) 0 22px no-repeat;
  background-position-y:22px!important;
    width: 980px;
    padding: 0 72px;
    margin: 0 auto;
}

.grid .dceInhaltText,.grid .dceInhaltselement.column2,.grid .dceInhaltselement.column3{ margin-top:0;}

/* =========== TEXT CONTENTELEMENT ========== */
.dceInhaltText, .dceInhaltselement li{ font-size:16px; line-height:26px; font-weight:300;}
.dceInhaltText p{ margin-top:0;}
.dceInhaltText h3{ font-weight:500; font-size:16px; line-height:26px;}
.column2 .dceInhaltText, .column3 .dceInhaltText{ margin-bottom: 30px;}

/* =========== BILD CONTENTELEMENT =========== */
.dceInhaltBild h4{ margin:0; margin-top:10px;}
.dceInhaltBild p{ margin-top:0;}
.dceInhaltBild h4{ font-weight:500; font-size:16px; line-height:26px;}
.column3 .dceInhaltBild img, .column2 .dceInhaltBild img{ width:100%; height:auto;}
.column2 .dceInhaltBild, .column3 .dceInhaltBild{ margin-bottom: 30px;}

/* ========== Column 3 ============ */
.column3 .leftContent, .column3 .middleContent, .column3 .rightContent{ float:left; width:30.6%; margin-right:4%;}
.column3 .rightContent{ margin-right:0;}
.column3 .dceInhaltselement{ width:100%; padding:0;}


/* ========== Column 2 ============ */
.column2 .leftContent, .column2 .rightContent{ float:left; width:48%; margin-right:4%;}
.column2 .rightContent{ margin-right:0;}
.column2 .dceInhaltselement{ width:100%; padding:0;}


/* ============ Loader Home ======= */
#loader{position: absolute; left: 0; top: 0; z-index: 99999; background: #323232; width: 100%; height: 100%; display: none;}
#loader_inner{display: table-cell; vertical-align: middle;}
#loadwrap{width: 585px; margin: 0 auto; position: relative;}
#loader .text{text-transform: uppercase; font-size: 50px; font-weight: 300; position: absolute; left: 0; top: 0; width: 100%; white-space: pre;}
#loader #gray{color: #646464;}
#loader #white{color: white; width: 0%;}


/* =========== Fancybox ==========*/

.fancybox-overlay.fancybox-light-overlay{
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#f4f4f4 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #ffffff 0%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.fancybox-wrap.fancybox-light a.fancybox-close{background: url(../Images/closelb.png) no-repeat center center; right: -45px; top: -45px;}
.fancybox-wrap .fancybox-inner a.fancybox-nav.fancybox-next span{background-image: url(../Images/right.png); background-repeat: no-repeat; background-position: center center; }
.fancybox-wrap .fancybox-inner a.fancybox-nav.fancybox-prev span{background-image: url(../Images/left.png); background-repeat: no-repeat; background-position: center center; }
.fancybox-title .kachel{background: url(../Images/list.png) no-repeat 98% center #323232; padding: 5px 10px; cursor: pointer; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.fancybox-title .kachel.disabled{opacity: 0.6;};
.fancybox-light-skin-open{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)!important;}
.fancybox-light a.fancybox-close, .fancybox-light a.fancybox-expand, .fancybox-light a.fancybox-nav span{ background-size: auto auto !important;}

.kachelOuter{margin: 0 auto; width:980px;}
.kachelbild{width: 130px; float: left; margin-right: 10px; text-decoration: none; margin-bottom: 15px;}
.imwrap{position: relative;}
.kachelbild .imwrap .cov{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; background-position: center center;}
.kachelbild:hover .imwrap .cov{ background: url("/typo3conf/ext/hbproductmanager/Resources/Public/img/plus_icon_light.png") no-repeat center center; background-color: #fff; background-color: rgba(255,255,255,0.7);}
.kachelbild a{text-decoration: none;}
.kachelbild img{width: 100%; height: auto; display: block;}
.kachelbild p{margin-top: 10px; text-decoration: none; margin-bottom: 0;}
.kachelpusher{position: relative; height: 5px; float: left;width: 100%;}

.tx-hbdownloadmanager{width:980px; margin:20px auto;}
.tx-hbdownloadmanager ul.legend{list-style: none; border-bottom: 1px solid; padding-left: 0; width: 640px; margin: 0;}
.tx-hbdownloadmanager ul.legend li{float: left; font-size: 14px; font-weight: 400; margin-right: 10px; width: 150px; margin-left: 0; padding: 10px 0;}
.tx-hbdownloadmanager ul.legend li.type{width: 120px;}
.tx-hbdownloadmanager ul.legend li.size{text-align: right; width: 140px;}
.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{list-style: none; padding-left: 0; margin: 0; width: 640px;}
.tx-hbdownloadmanager ul.files li{border-bottom: 1px solid;}
.tx-hbdownloadmanager ul.files li a{display: block; padding: 10px 0;}
.tx-hbdownloadmanager ul.files li span{display: inline-block; width: 150px; margin-right: 10px; font-size: 13px; font-weight: 400;}
.tx-hbdownloadmanager ul.files li span.name{width: 170px; text-align: right;}
.tx-hbdownloadmanager ul.files li span.size{text-align: right; width: 140px;}
.tx-hbdownloadmanager ul.files li span.new{width: 103px; text-align: right;}
.tx-hbdownloadmanager ul.files li span.new .inner{width: auto; padding: 5px 10px; background: #182a80; color: white; display: none;}
.tx-hbdownloadmanager ul.files li span.type{background:url(../Images/download.png) no-repeat left center; padding-left: 25px; width: 95px; text-transform: uppercase;}
.tx-hbdownloadmanager ul.files li span.date{width: 67px; margin-right: 0; text-align: right;}
.tx-hbdownloadmanager #filterfield{margin-bottom: 30px; background: url(../Images/lupe.png) no-repeat 10px center #323232; color: white; font-size: 13px; padding: 10px 10px 10px 40px; border: 0; font-weight: 300; width: 250px;}
.tx-hbdownloadmanager #filterfield:focus, .tx-hbdownloadmanager ul.files li a{outline: none;}
.produkt .img img{width:100%; height:auto;}

/* DCE titelElement */
.titelElement.ohneBild, .tx-hbproductmanager .bmrk .headbar {min-height:208px;}
body.loggedIn .titelElement.ohneBild .headTitel{ margin-top: 0;}
.titelElement.ohneBild .headTitel {padding:45px 0 0;     margin-top: 2px;}
.titelElement.ohneBild .headTitel h2 {margin-bottom: 15px;}
.titelElement.ohneBild .headTitel h3 {font-size: 22px; line-height:32px; text-transform: none;}
.titelElement { background-color:#969696}
.titelElement.bgcolor1 { background-color:#92A600}
.titelElement.bgcolor2 { background-color:#182A80}
.titelElement.bgcolor3 { background-color:#969696}

/* NEWS */
.news .news-list-view .article{position:relative; padding-bottom:0px;}
.article .hoverOverlay{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
      background: rgba(255, 255, 255, 0.7);
    opacity: 0;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;}
.article:hover .hoverOverlay{opacity:1}

.article .hoverOverlay .plus_icon {
    background: url("/typo3conf/ext/hbproductmanager/Resources/Public/img/plus_icon_light.png");
    width: 32px;
    height: 32px;
    margin: 0 auto;
    margin-top: 70px;
}


.hideNews{display:none;}
.moreNewsOuter{text-align: center;
  margin-left: 20px; padding-bottom: 65px;}
  .moreNews{  padding: 15px 40px;
  display: inline;
  border: 1px solid #323232;
  background-color: white;
  color: #323232;
  font-weight: lighter; cursor:pointer;-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
  .moreNews:hover{color: white;
  background-color: #323232;}
  .galeriebild{position:relative;}
  .galeriebild .overlay{-webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease;  background: url("/typo3conf/ext/hbproductmanager/Resources/Public/img/plus_icon_light.png") no-repeat center center;   width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,0.7); opacity:0;}
  .galeriebild:hover .overlay{opacity:1;}
  div.fancybox-title-outside-wrap{color:#323232;}

  /** NEWS **/

.news h3{font-weight:300; font-size:16px;}
.news .news-list-untertitel{ font-weight:bold;}
div.news {width:1020px; margin: 0 auto;}
.news .news-list-view{ margin:50px auto; overflow:hidden; width: 1020px;}
.news .news-list-view .article{float:left; width:300px; margin:0 20px; height:280px;

}
div.news.news-single{width:auto; margin:0; padding:0;}
.news .news-list-view .article, .news .footer p {margin-bottom: 0px;font-size:16px;line-height:26px;color:#000;text-align:center;}

.news .news-list-view .article h3{ margin:0;}
.news .footer{ border:none; color:#000; font-weight:500; margin:0; margin-bottom:2px; padding:0;}
.news .news-list-view .article a{color:inherit; text-decoration:none; width:300px; height:280px; overflow:hidden; margin-right:40px; display:inline-block;}
.news .news-list-view .article a:nth-child(3n){ margin-right:0px;}
.news .article .news-img-wrap img { width:300px;}
.news .news-list-view .news-img-wrap { margin:0; margin-bottom:13px; padding:0;}

.news .news-list-view.mobile .article{ float:none; width:90%; margin-left:5% !important; margin-right:5% !important;}
.news .news-list-view.mobile .article a, .news .news-list-view.mobile .article a img,.news .news-list-view.mobile .news-img-wrap{ width:100%;}
/*.news .news-list-view .article a{ height:auto;}*/
.news .news-list-view.mobile { text-align:center; margin-left:0 !important;}
.news .footer span{ padding-right:0; margin-right:0;}

/* NEWS DETAIL */

.news-single .imgheaderouter{ width:100%; height:380px; overflow:hidden;}
.news-single .imgheaderouter img{ width:100%; height:auto;}

.news-single .headerOuter{ background-color:#969696; color:#FFF; padding:24px 24px 24px 0; margin-bottom:40px;}
.news-single .headerOuter .header {     font-size: 30px;
    width: 980px;
    margin: 0 auto;}
.news-single .headerOuter .header h1{ font-weight: 300; font-size:30px; text-transform:uppercase; margin:0;}
.news-single .header .headerInner{ margin-left:80px;}

.news-single .newscontentOuter{    width: 980px; margin: 0 auto;}
.news-single .newscontentOuter .teaser-text{ font-size:22px; line-height:35px; font-weight: 300; margin-bottom:17px; color:#323232;}
.news-single .newscontentOuter .news-text-wrap{ column-count:2; -webkit-column-count:2; -moz-column-count:2; -webkit-column-gap: 40px;-moz-column-gap: 40px;column-gap: 40px; margin-bottom:40px;}
.news-single .newscontentOuter .news-text-wrap p { margin-top:0; line-height:26px;}

.news-backlink-wrap{ position:relative;float:left; display:inline-block; margin-top: 15px;}
.news-backlink-wrap a{ display:inline-block; }
.backArrowH{position:absolute; top:0; left:0;}

/*/// Photoswipe ///*/
.news-single .pswp__bg{ background-color:#FFF;}
.newsgallery figure{ display:inline-block; float:left; padding:0; margin:0; position:relative;}
.newsgallery figure a{ padding:0; line-height:0;}
.newsgallery figure .overlay {position: absolute; z-index: 99; width:100%; height:100%; background:rgba(255,255,255,0.7); opacity: 0;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
.newsgallery figure:hover .overlay { opacity: 1; }
.newsgallery figure .overlay .plus_icon {background: url("/typo3conf/ext/hbproductmanager/Resources/Public/img/plus_icon_light.png"); width: 32px; height: 32px; margin: 0 auto; margin-top:50px; }

#content.newsPage .button_bar a.news{display:none;}

/* END NEWS */

div.fancybox-light-skin-open {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
}

.news-list-view .boxanim{opacity:0; position:absolute; margin-top:50px !important; height:230px !important; position:absolute; -webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;}
.news-list-view .boxanim.showme{position:relative; opacity:1; margin-top:0 !important; height:280px !important;-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}

#showcaseNavMob li{list-style:none;}

.gm-style div.gm-style-iw{overflow:auto;  font-size: 0;}

.mobFootTitel{display:none;}
.footTitel{      width: 980px;
    margin: 20px auto;}
  #filter{right:120px;}
.footTitel h2, .footTitel h3, .mobFootTitel h2, .mobFootTitel h3{color:white;}
.mobFootTitel{margin-left:15px; margin-top:28px;}
body.loggedIn .button_bar{display:none;}
.fancybox-title .kachel{  color: white;}
#header #mobNav .button.merkliste{display:block;}


.tx-hbmap #filter.filterNone{display:none;}
.tx-hbmap #footmap.Baden{background-color:#182a80;}
.tx-hbmap #footmap.Kochen{background-color:rgb(146,166,0);}
.tx-hbmap #footmap.bgcolor3{background-color:#969696;}

.internNav ul.nav >li:hover >a{color:#182A80;font-weight:400;}
.internNav ul.nav >li{position:relative;}
 .internNav ul.nav ul.level2{width: 100%;background:#182A80;}
.internNav ul.nav ul.level2 li:hover a{color:#182A80;}
.fly{position:absolute;background:rgb(50,50,50); color:white;     padding-top: 7px;
    width: 30px;    padding-bottom: 6px;
    -webkit-border-radius: 100%;
    border-radius: 100%;text-align: center;
    font-weight: 100;    font-size: 13px;
    border: 1px solid white;
    font-size: 14px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}

.lirooms li{float:left; margin-bottom: 10px; margin-right: 10px; width: 24%;}

 .showcaseOpen .overlay{width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    position: absolute;
    top: 0;
  opacity:0;-webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;}
  .showcaseRoom a:hover .overlay{opacity:1;}

  .showcaseRoom .hoverEffect{    position: absolute;
    left: 240px;
    top: 20px;
    padding: 7px 19px 9px 17px;
    background-color: rgb(50,50,50);
    color: white;
    font-weight: lighter;
    font-size: 16px; opacity:0;-webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;}
  .showcaseRoom li:hover .hoverEffect{opacity:1;}
  .showcaseRoom li:hover{width:100%;}
  .showcaseRoom .hoverEffect img{    position: absolute;
    left: -22px;
    top: 5px;}
  #showcaseNav .showcaseRoom li{position:relative; background:transparent; width: 191px;}

    div.fancybox-title-outside-wrap{  font-size: 16px;
    font-weight: lighter;
    font-family: "Roboto",sans-serif;
    color: #323232;
    text-shadow: none;}
  .dceInhaltselement .spalte h3{margin-bottom:0px;     font-weight: 500;
    font-size: 16px;
    line-height: 26px;}
  .dceInhaltselement .spalte p{margin-top:0px;}

  body.loggedInForm #loginImg {
    display: none;
}

/* SevenBit GmbH */
.no-news-found {
display: none !important;
}
#appView > div.socialFeed.collage > div.blog.pad-m.pad-top-l.powrMark.text-center {
  display: none !important;
  }

.tx-reint-downloadmanager, .bodytext, .csc-default {
  width: 980px;
  margin: 0 auto;
}

h3.collection-title {
  text-transform: none;
  padding-bottom: 20px;
  font-size: 25px;
  }
ul.collection-content {
  list-style-image: none;
  list-style: none;
  }
.tx-reint-downloadmanager, .bodytext, .csc-default {
   width: inherit !important;
}