@charset "utf-8";


a.text-white{color:#fff !important;text-decoration:none !important;border:none}


/* CSS Document */



body{font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;padding-top:50px;}

body{background-attachment: fixed;background-position: center top;background-repeat: no-repeat;background-size: cover !important;}



/*Hintergrundbild*/

body.layout-1{}

/*Hintergrundbild + transparenter Jumbotron*/

body.layout-2 .jumbotron{background-color:transparent}



/*Hintergrundbild + halbtransparenter Jumbotron*/

body.layout-3 .jumbotron{background-color:rgba(201, 210, 216, 0.5)}


/*Solution-Category*/
a#solution-direct{display:none}

.catwrap{width:300px}

.solution-category, .solution-no-category{background-color:#0f2230;width: 140px;
color: #fff;padding:3px;padding-bottom:0px;
position:relative;margin-right: 10px;

margin-bottom: 10px;
}

.solution-no-category{background-color:#dadee4;color:#a1abb6}



.solution-category p, .solution-no-category p{
  display: inline-block;
  width: inherit;
  color: white !important;
  font-weight: bold;
  margin-top: 0px;
  position: absolute;
  top: 1px;
  font-size: 13px;
  left: 26px;
}

.solution-category p::after, .solution-no-category p::after{
  display: none !important;
}


.solution-category::before,.solution-no-category::before {content:"X";width: 17px;
height: 17px;
color:#0f2230;
background-color:#fff;
display: inline-block;
padding-left: 1px;
font-weight: bold;
line-height: 16px;
font-size: 19px;}

.solution-no-category::before {content:" ";}




/* Newsletterform*/
/*********************/
#c9908 a {
    color: blue;
}

#c9908 input:required {
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 200, 0.85);
}

.caret.collap{float:right;margin-top:10px}

a:active, a:focus {outline: none;}

footer li{margin-left:-25px}



.external-link-new-window::before, .external-link::before, .internal-link::before, .internal-link-new-window::before, .download::before, .mail::before{

  content:""

}







/******************

*** Farben ********

******************/

.white{background-color:#fff;color:#000} /*Default*/

.white *{color:inherit}

/*.white a{color:#428bca}*/

.white p a{color:#d37a10;text-decoration: underline}

.white-font{color:#fff !important}


.grey, .gridelement .fsc-default.text.layout-1, .gridelement .fsc-default.textpic.layout-1{background-color:#c9d2d8;color:#000}

.grey *{color:inherit}

/*.grey a{color:#428bca}*/

.grey a{color:#d37a10;text-decoration: underline}



.darkgrey, .gridelement .fsc-default.text.layout-2, .gridelement .fsc-default.textpic.layout-2{background-color:#737a86;color:#fff}

.darkgrey *{color:inherit}

/*.darkgrey a{color:#428bca}*/

.darkgrey a{color:#d37a10;text-decoration: underline}



.transp, .gridelement .fsc-default.text.layout-3, .gridelement .fsc-default.textpic.layout-3{background-color:transparent !important;color:#fff}

.transp *{color:inherit}

/*.transp a{color:#428bca}*/

.transp a{color:#d37a10;text-decoration: underline}



.black, .gridelement .fsc-default.text.layout-4, .gridelement .fsc-default.textpic.layout-4{background-color:#000;color:#fff}

.black *{color:inherit}



.greyopa75, .gridelement .fsc-default.text.layout-5, .gridelement .fsc-default.textpic.layout-5{background-color:rgba(201,210,216,0.75);color:#000}

.greyopa75 *{color:inherit}

/*.greyopa75 a{color:#000}*/

.greyopa75 a{color:#d37a10;text-decoration: underline}



.whitetransp, .gridelement .fsc-default.text.layout-6, .gridelement .fsc-default.textpic.layout-6{background-color:rgba(255,255,255,0.8);color:#000}

.whitetransp *{color:inherit}

/*.whitetransp a{color:#428bca}*/

.whitetransp a{color:#d37a10;text-decoration: underline}



.whiteopa35, .gridelement .fsc-default.text.layout-7, .gridelement .fsc-default.textpic.layout-7{background-color:rgba(255,255,255,0.35);color:#000}

.whiteopa35 *{color:inherit}

/*.whiteopa35 a{color:#428bca}*/

.whiteopa35 a{color:#d37a10;text-decoration: underline}



.darkblue, .gridelement .fsc-default.text.layout-8, .gridelement .fsc-default.textpic.layout-8,.gridelement.layout-8{background-color:#0f2230;color:#fff}

.darkblue *{color:inherit}

.darkblue form input{color:#000}





.whitecolor, .gridelement .fsc-default.text.layout-9, .gridelement .fsc-default.textpic.layout-9{background-color:#fff;color:#000}

.whitecolor *{color:inherit}

/*.grey a{color:#428bca}*/

.whitecolor a{color:#d37a10;text-decoration: underline}



.orange{background-color:#f49227;color:#fff}


h3.grey-box-white-font{
  background-color: rgba(48, 65, 81,0.7);
  color: #fff;
  background-image: none;
  font-weight:normal;
  font-size:16px;
  padding:10px 15px;
  margin-top:-10px
}



.container p a, .container a.more, .container-fluid p a, .container-fluid a.more  {text-decoration:underline;color: #F49227;}


a.scrolllink{text-decoration:none}


/*.container p a, .container a.more{text-decoration:underline;color:inherit}*/



/**************************** 

** exceptional css-class 

****************************/



div.fontcolor-white h1, 

div.fontcolor-white h2,

div.fontcolor-white h3,

div.fontcolor-white h4, 

div.fontcolor-white h5, 

div.fontcolor-white h6, 

div.fontcolor-white p, 

div.fontcolor-white ul,

div.fontcolor-white li{color:#fff}





/**********************************

** blue-circle-numbers => badges **

**********************************/



.badge {

    background: #0057a3 none repeat scroll 0 0;

    border-radius: 0.8em;

    color: #fff !important;

    display: inline-block;

    font-weight: bold;

    line-height: 1.2em;

    margin-right: 5px;

    text-align: center;

    width: 1.6em;

    border: 1px solid white;
    padding: 3px 0px;

}



.teaser-box.box-mouseover .badge{ 

    font-size: 16px;

    left: -20px;

    top: -35px;

}







/******************

** Bilder-Klassen**

******************/



.rotate.rotate-10 img{

   margin:auto;

  -webkit-transform: rotate(10deg); /* chrome & safari*/

  -moz-transform: rotate(10deg); /* firefox */

  -o-transform: rotate(10deg); /* opera */

  transform: rotate(10deg); /* explorer > 9 */

}



img.trans10{

  margin:auto;

  -webkit-transform: rotate(10deg); /* chrome & safari*/

  -moz-transform: rotate(10deg); /* firefox */

  -o-transform: rotate(10deg); /* opera */

  transform: rotate(10deg); /* explorer > 9 */

  position:relative;

  top:-20px;

}





/************************

** Sonstige Grundlagen **

*************************/



main ul li {list-style-type: square;}

main ul {padding-left:15px}





/****************

*** Menu ********

****************/



.container.navBar-container{position:relative}





.navbar{min-height:54px}

.navbar-default{

  background-image: none; 

  background-color:#fff;

  -moz-box-shadow: 4px 4px 8px  rgba(0,0,0,0.5),-4px -4px 8px rgba(0,0,0,0.5),-1px -1px 1px rgba(0,0,0,0.5);

  -webkit-box-shadow:4px 4px 8px  rgba(0,0,0,0.5),-4px -4px 8px rgba(0,0,0,0.5),-1px -1px 1px rgba(0,0,0,0.5);

  box-shadow: 4px 4px 8px  rgba(0,0,0,0.5),-1px -1px 1px rgba(0,0,0,0.5);

}



.navbar-header{position:relative}

button.navbar-toggle{float:left;margin-left:10px}



.navbar-brand{position:absolute;top:0px;right:0px;padding-top:0px;z-index:11}

.navbar-brand img{height:80px !important;width:auto !important}

.navbar-brand div{

  height:24px;

  width:55px;

  background-color:#fff;

  display:block;

  position:absolute;

  top:55px;left:3px;

  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5), -1px -1px 1px rgba(0, 0, 0, 0.5);

  z-index:-1

}



.row.breadcrumb-wrapper{position:absolute;top:54px;left:30px;z-index:10;width:93%}

.row.breadcrumb-wrapper{display:none}

.row .breadcrumb-innerwrapper{background-color:rgba(201, 210, 216, 0.75);width:100%;height:26px}

.row .breadcrumb-innerwrapper .breadcrumb{background-color:transparent;margin-bottom:0px;padding:0px}

.row .breadcrumb-innerwrapper .breadcrumb *{color:#fff;font-size:10px}

.row .breadcrumb-innerwrapper .breadcrumb *.active{color:#737a86}

.row .breadcrumb-innerwrapper .breadcrumb > li + li:before{color:#fff}

.row .breadcrumb-innerwrapper > div{padding-top:0px;padding-bottom:0px}

.row .breadcrumb-innerwrapper .form-inline{position:absolute;top:0px;right:15px;border-bottom:solid 1px #f49227}

.row .breadcrumb-innerwrapper button.btn{border:solid 1px #f49227;border-radius:0;background-color:#f49227;color:#fff;height:25px}

.row .breadcrumb-innerwrapper .form-control{margin-top:1px;color:#fff;border:none;width:105px;border-radius:0;box-shadow:none;font-size:12px;padding:2px 3px;height:24px;background-color:rgb(129,135,146);/*background-color:#737a86;*/margin-left:-5px}


/*.row .breadcrumb-innerwrapper .breadcrumb > li:first-child{display:none}*/


.form-control::-moz-placeholder{color:#eee}



/*Menü Megamenü*/

li.mainmenu_link{width:100% !important;float:none !important;border:none !important}

li.mainmenu_link a{display:block;font-size:24px !important;color:#000}

li.mainmenu_link a:hover{color:#0071bc}

li.mainmenu_link a:after{

  display:inline-block;

  height: 25px;

  width: 14px;

  content: " ›";

  background-color: #102131;

  background-size: 100% 40px;

  background-repeat: no-repeat;

  background-position: center;

  font-family: 'Univers LT W02 45 Light' !important;

  color:#fff;

  line-height:19px;

  padding-left:3px;

  margin-left:10px;

  font-size:32px;

 }





@media (max-width: 767px) {  /*xs*/

    #bs-navbar-collapse-1{max-height:500px}

    .dropdown .dropdown-menu span{display:none}

  #bs-navbar-collapse-1 img{display:none}

  .navbar-nav > li > a{font-size:12px;padding-left:8px;padding-right:8px;padding-bottom:12px}

    .dropdown-menu{min-width:100%;border:none;box-shadow:none}

  

  li.mainmenu_link{display:none}

  .navbar-brand, .navbar-nav > li > a{text-shadow:none}

  .navbar-brand div{left:16px}

  

  /* Flyout Menu */

  .nav > li.dontdisplay{display:block} /*Flyout in normal Menü*/

  .flyout-menu{display:none}  /*Flyout Aus*/



}



@media (min-width: 768px) {  /*sm*/

  .langswitch{display:none}

  .navbar-brand div{left:16px}

  /*Jumpmenü*/

  #bs-navbar-collapse-1{position:relative}

   .row.breadcrumb-wrapper{display:block}

  

  /*Menu*/

  .navbar-nav{position:relative}

  .dropdown-submenu > a:after{display:none}

  .navbar-nav > li > a{font-size:12px;padding-left:8px;padding-right:8px;padding-bottom:12px}

  .navbar-nav > li > a{padding-bottom:13px;border-bottom:6px solid transparent}

  .navbar-nav.navbar-left > li:hover > a, .navbar-nav.navbar-left > li > a:hover{border-bottom:6px solid #0071bc}

  .navbar-nav.navbar-left > li.active > a, .navbar-nav.navbar-left > li > a:focus{background:none !important;box-shadow:none !important;color:#0071bc !important;}

  .navbar-nav.navbar-left > li > a{background:none !important;box-shadow:none !important;}

  .navbar-nav.navbar-left > li > ul.dropdown-menu{margin-top:2px;width:721px;padding-bottom:15px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.176), -1px 6px 5px rgba(0, 0, 0, 0.176) inset}

  .navbar-nav.navbar-left > li > ul.dropdown-menu > li{float:left;margin-left:47px;width:205px}

  .navbar-nav.navbar-left > li > ul.dropdown-menu > li:first-child{float:left;margin-left:20px;width:205px}

  .navbar-nav.navbar-left > li > ul.dropdown-menu > li > a{font-family: 'Univers LT W02 45 Light' !important;}

  .navbar-nav.navbar-left > li > ul.dropdown-menu > li > a > *{font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;}

  .navbar-nav.navbar-left > li > ul.dropdown-menu > li.imgmenueitem{width:330px;margin-left:20px}

  .navbar-nav.navbar-left > li > ul.dropdown-menu > li.imgmenueitem a{white-space:normal;}

  .navbar-nav.navbar-left > li > ul.dropdown-menu > li.imgmenueitem a > * {float:left;}

  .navbar-nav.navbar-left > li > ul.dropdown-menu > li.imgmenueitem a:after{

    content: ".";

    clear: both;

    display: block;

    visibility: hidden;

    height: 0px;

    }

  .navbar-nav a:hover{background:none !important;}

  .navbar-nav.navbar-left > li > ul.dropdown-menu a{white-space:normal}

  .navbar-nav.navbar-left > li > ul.dropdown-menu > li.imgmenueitem img{margin-right:10px}

  .navbar-nav.navbar-left > li > ul.dropdown-menu > li span{display:block;font-size:13px;margin-top:0px;padding-top:7px;}

  .navbar-nav.navbar-left > li > ul.dropdown-menu > li.imgmenueitem span{margin-top:0px;padding-top:0px;display:inline;font-size:13px;border-top:none}

  .navbar-nav.navbar-left > li > ul.dropdown-menu > li.imgmenueitem.lic_5{width:330px}

  .navbar-nav.navbar-left > li > ul.dropdown-menu > li > a{font-size:17px}

  .navbar-nav.navbar-left > li.dropdown {position:static}

  .navbar-nav.navbar-left > li > ul.dropdown-menu {position:absolute}

  .navbar-nav.navbar-left .dropdown-menu > li > a{padding:0;padding-bottom:10px;padding-top:10px;border-bottom:solid 1px #333}

  .navbar-nav.navbar-left > li > ul.dropdown-menu ul.dropdown-menu, 

  .navbar-nav.navbar-left > li > ul.dropdown-menu li.dropdown-submenu{

    display:block;margin-top:0px

  }

  .navbar-nav.navbar-left > li > ul.dropdown-menu li.dropdown-submenu, 

  .navbar-nav.navbar-left > li > ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {

    position:static

  }

  .navbar-nav.navbar-left > li > ul.dropdown-menu li.dropdown-submenu li{position:static}

  .navbar-nav.navbar-left > li > ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {box-shadow:none;border:none}

  .dropdown-menu{padding:0}

  

  .dropdown-menu > .active > a, 

  .dropdown-menu > .active > a:hover, 

  .dropdown-menu > .active > a:focus{

    background-color:transparent;background-image:none;color:#0071bc !important;

  }

  .dropdown-menu a:hover{color:#0071bc !important;}

  .navbar-default .navbar-nav > .active > a, 

  .navbar-default .navbar-nav > .active > a:hover, 

  .navbar-default .navbar-nav > .active > a:focus{

    background-color:transparent;background-image:none;

  }  



  #jumpul.navbar-nav > li > a{padding-bottom:13px;border-bottom:6px solid transparent}

  #jumpul.navbar-nav > li:hover > a, #jumpul.navbar-nav > li > a:hover{border-bottom:6px solid #0071bc}





}



@media (min-width: 992px) {  /*md*/

  .navbar-nav >li > a{font-size:14px}



  .langswitch{display:block} /*Sprache wieder an*/

  .navbar-brand div{left:3px}



  .navbar-nav.navbar-left > li > ul.dropdown-menu{width:942px}

  .navbar-nav.navbar-left > li > ul.dropdown-menu > li.imgmenueitem{width:286px;margin-left:20px}

  .navbar-nav.navbar-left > li > ul.dropdown-menu > li.imgmenueitem.lic_5{width:440px}



  

}



@media (min-width: 1200px) {  /*lg*/

  .navbar-nav.navbar-left > li > ul.dropdown-menu{width:1000px}

  .navbar-nav.navbar-left > li > ul.dropdown-menu > li.imgmenueitem{width:305px}

  .navbar-nav.navbar-left > li > ul.dropdown-menu > li.imgmenueitem.lic_5{width:470px}

}





@media (min-width: 768px) {

   .navbar-nav.navbar-left .dropdown-menu > li > a {border:none}

  .navbar-nav.navbar-left > li > .dropdown-menu > li{border-right:solid 1px #CCC}

  li.dropdown-submenu ul {margin-left:113px !important;margin-top:-60px !important;margin-bottom:25px !important}

  li.dropdown-submenu ul li{list-style-type:square}

  li.dropdown-submenu ul li a{padding:0 !important}

}



@media (min-width: 768px) and (max-width: 991px) {/*sm*/

  .navbar-nav.navbar-left > li > .dropdown-menu > li:nth-of-type(3){border-right:none}

  .navbar-nav.navbar-left > li > .dropdown-menu > li:nth-of-type(5){border-right:none}

  .navbar-nav.navbar-left > li > .dropdown-menu > li:nth-of-type(7){border-right:none}

  .navbar-nav.navbar-left > li > .dropdown-menu > li:nth-of-type(9){border-right:none}

  .navbar-nav.navbar-left > li > .dropdown-menu > li:nth-of-type(11){border-right:none}

  .navbar-nav.navbar-left > li > .dropdown-menu > li:nth-of-type(4){clear:left}

  .navbar-nav.navbar-left > li > .dropdown-menu > li:nth-of-type(6){clear:left}

  .navbar-nav.navbar-left > li > .dropdown-menu > li:nth-of-type(8){clear:left}

}



@media (min-width: 992px) {  /*md*/

  .navbar-nav.navbar-left > li > .dropdown-menu > li:nth-of-type(4){border-right:none}

  .navbar-nav.navbar-left > li > .dropdown-menu > li:nth-of-type(7){border-right:none}

  .navbar-nav.navbar-left > li > .dropdown-menu > li:nth-of-type(10){border-right:none}

  .navbar-nav.navbar-left > li > .dropdown-menu > li:nth-of-type(5){clear:left}

  .navbar-nav.navbar-left > li > .dropdown-menu > li:nth-of-type(8){clear:left}

  .navbar-nav.navbar-left > li > .dropdown-menu > li:nth-of-type(11){clear:left}

}


/************
** MM Menu **
************/

.navbar-left .menu-eco-themen{display:none}
.navbar-left .menu-eco-sprachen{display:none}


#mm-overview{display:none}
.mm-listview img{display:none}
.mm-listview .mainmenu_link{display:none}

@media (max-width: 767px) {  /*xs*/
   #mm-overview{display:none}
   .mm-listview img{display:none}
   #reload{display:none;}

}


@media (min-width: 768px) { 
   #main-navbar.mm-slideout{z-index:-1}
   #main-navbar.mm-slideout #bs-navbar-collapse-1{display:none !important}
   #reload{display:block;width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:3000;background-color:rgba(0,0,0,0.5)}
   #reload > div{
background-color: #fff;
position: relative;
top: 40vh;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin: auto;
padding:20px;
margin-left: 20px;
margin-right: 20px;
text-align: center;}
}






/*****************************

*** Langswitch ********

*****************************/



@media (max-width: 767px) {  /*xs*/

   .navbar-right{list-style:none;margin-left:-15px}

}



@media (min-width: 768px) {  /*sm*/

  

  ul.navbar-right{float: right;margin-right: 60px;list-style-position: outside;list-style-type: none;}

  ul.navbar-right .dropdown-menu{left:auto;right:0;top:36px;border-radius:0px;padding-top:1px;padding-bottom:1px}

  ul.navbar-right span{color:#777}

  ul.navbar-right > li > a span:first-child{color:#f7931e}

  ul.navbar-right .dropdown-menu a, ul.navbar-right .dropdown-menu a:hover{background:none}

  ul.navbar-right .dropdown-menu li.active a{color:#f7931e}

  ul.navbar-right .dropdown-menu li{border-top:solid 1px #333}

  ul.navbar-right .dropdown-menu li:first-child{border:none}

}





@media (min-width: 768px) and (max-width: 991px) {

  ul.navbar-right{margin-top: 0px;}

  .navbar-right{display:block;position:absolute;right:10px;top:0px;}

  ul.navbar-right .dropdown-menu{right:auto;left:19px;top:24px; }

}





/*****************************

*** Containerhandling ********

*****************************/



.box{padding-left:0px;padding-right:0px}





main .container{margin-top:20px}

/*main .container{margin-top:-30px}*/

main .container.darkgrey, main .container.grey, main .container.white{padding-bottom:20px;padding-top:20px}



main .container.nomargintop,

main .container-fluid.nomargintop

{margin-top:0px;padding-top:0px}



main .container.margintopAdd,

main .container-fluid.margintopAdd

{margin-top:20px;padding-top:0px}



main .container.nomargintoppadding{margin-top:0px;padding-top:20px}

.jumbotron + .container + main > .container.nomargintop:first-child{margin-top:-20px;padding-top:5px}





main .container.nomargintoppadding .container.colored.darkgrey, 

main .container.nomargintoppadding .container.colored.grey{

  margin-top:-60px;padding-top:20px;padding-bottom:10px

}



main > .container-fluid{padding-bottom:20px;padding-top:20px}

main > .container-fluid + .container-fluid{margin-top:20px}

main > .container-fluid + .container-fluid.nomargintop{margin-top:0px}







main .container.margintopnegativ,

main .container-fluid.margintopnegativ

{margin-top:-40px; padding-top:0px}







@media (min-width: 768px) {

  main .container:first-child{margin-top:-10px}

  main > .container-fluid > .gridelement:not(.ge_collapsible_container):not(.ge_collapsible_accordion):not(.ge_tabs_container){width:740px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}

  main > .container-fluid > .text{width:740px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}

  main > .container-fluid > .image{width:740px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}

  main > .container-fluid > .list{width:740px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}

  

  /*.jumbotron + .content-wrap > .container-wrap:first-child{margin-top:40px}

  .jumbotron + .content-wrap > .container-wrap.nomargintop:first-child{margin-top:-20px}*/

  .jumbotron + .container + main > .container.nomargintop:first-child{margin-top:-20px;padding-top:10px}

    main .container.colored{width: 720px !important;}

    main .container.colored.grey-rightcol{width: 740px !important;}

    main .container.colored > .row{margin-left:0px;margin-right:0px}

    main .container.colored.grey-rightcol > .row{margin-left:-10px}

    main .container.nomargintoppadding .container.colored.darkgrey, 

    main .container.nomargintoppadding .container.colored.grey{margin-top:-40px;padding-top:20px;padding-bottom:10px}



   main .container.nomargintop > .ge_carousel_container{margin-left:-15px;margin-right:-15px;margin-top:0px !important}

}



@media (min-width: 992px) {

  main .container:first-child{margin-top:-30px}

  main > .container-fluid > .gridelement:not(.ge_collapsible_container):not(.ge_collapsible_accordion):not(.ge_tabs_container){width:960px}

  main > .container-fluid > .text{width:960px}

  main > .container-fluid > .image{width:960px}

  main > .container-fluid > .list{width:960px}

  main > .container.nomargintop{margin-top:0px}

  main .container.colored{width: 940px !important;}

  main .container.colored.grey-rightcol{width: 960px !important;}

  main .container.colored > .row{margin-left:0px;margin-right:0px}

  main .container.colored.grey-rightcol > .row{margin-left:-10px}

  main .container.nomargintoppadding .container.colored.darkgrey, 

  main .container.nomargintoppadding .container.colored.grey{

    margin-top:-60px;padding-top:20px;padding-bottom:10px

  }

  .jumbotron + .container + main > .container.nomargintop:first-child{margin-top:-40px}

}



@media (min-width: 1200px) {

  main > .container-fluid > .gridelement:not(.ge_collapsible_container):not(.ge_collapsible_accordion):not(.ge_tabs_container){width:1020px}

  main > .container-fluid > .text{width:1020px}

  main > .container-fluid > .image{width:1020px}

  main > .container-fluid > .list{width:1020px}

  .jumbotron h1{font-size:40px}

    .container {width: 1020px !important;}

  main .container.colored{width: 990px !important;}

  main .container.colored.grey-rightcol{width: 1020px !important;}

  main .container.colored > .row{margin-left:0px;margin-right:0px}

  main .container.colored.grey-rightcol > .row{margin-left:-10px}

  div.normen img{height:18px;width:auto}

}





/************************

*** Farbige Textboxen ***

************************/



.gridelement .fsc-default.text.layout-1, 

.gridelement .fsc-default.text.layout-2,

.gridelement .fsc-default.text.layout-3,

.gridelement .fsc-default.text.layout-4,

.gridelement .fsc-default.text.layout-5,

.gridelement .fsc-default.text.layout-6,

.gridelement .fsc-default.text.layout-7,

.gridelement .fsc-default.text.layout-8,

.gridelement .fsc-default.text.layout-9,

.gridelement .fsc-default.textpic.layout-1, 

.gridelement .fsc-default.textpic.layout-2,

.gridelement .fsc-default.textpic.layout-3,

.gridelement .fsc-default.textpic.layout-4,

.gridelement .fsc-default.textpic.layout-5,

.gridelement .fsc-default.textpic.layout-6,

.gridelement .fsc-default.textpic.layout-7,

.gridelement .fsc-default.textpic.layout-8,

.gridelement .fsc-default.textpic.layout-9

{padding:15px;padding-left:20px} 





/***********************

*** Teaserboxen ********

***********************/



.teaser-box, .teaser-box-small, .teaser-box-large{
  background-color: #c9d2d8;
  padding:5px;
  padding-left:10px;
  padding-right:20px;
  padding-bottom:40px;
  position:relative;
  background-size:cover !important
}

.teaser-box, .teaser-box-small, .teaser-box-large{border:solid 1px #fff}

a .teaser-box *, a .teaser-box-small *, a .teaser-box-large *{color:#737a86}

a .teaser-box .label-primary, a .teaser-box-small .label-primary, a .teaser-box-large .label-primary{color:#fff;text-decoration:none}


a .teaser-box p.linkfooter + p, a .teaser-box-small p.linkfooter + p, a .teaser-box-large p.linkfooter + p{color:#fff}



a .teaser-box p:after,

a .teaser-box-small p:after,

a .teaser-box-large p:after, 

a .textimgbox:after{

  display:block;

  height: 37px;

  width: 20px;

  content: " ›";

  background-color: #102131; 

  background-size: 100% 40px; 

  background-repeat: no-repeat;

  background-position: center;

  font-family: 'Univers LT W02 45 Light' !important;

  color:#fff; 

  position: absolute;

  right: 0;

  bottom: 0;

  line-height:34px; 

  padding-left:5px; 

  font-size:42px;

}



a .textimgbox:after{/*right:10px;*/ line-height:30px;}



.teaser-box p.linkfooter, 

.teaser-box-small p.linkfooter, 

.teaser-box-large p.linkfooter{

  width:100%;

  color:#fff;

  position:absolute;

  bottom:0px;

  left:0px;

  background-color:rgba(48, 65, 81, 0.69);

  margin:0;

  padding:10px

}



.teaser-box.box-border, .teaser-box-small.box-border, .teaser-box-large.box-border{
  border:solid 1px #707c88 !important;
  height:223px;
  margin-left:1px;
  margin-right:1px;
  margin-top:1px
}



.testimon-box{border: solid 1px #c9d2d8;padding:20px}

.testimon-box *{font-size:16px;color: #f7931e;}



/*Box mouseover*/



.teaser-box.box-mouseover * {display:none;margin-top:10px;color:#333}

.teaser-box.box-mouseover *:first-child {display:block;position:absolute}

.teaser-box.box-mouseover{background-color:rgba(255,255,255,0.8)}

.teaser-box.box-mouseover.noopa{background-color:rgba(255,255,255,1)}

.teaser-box.box-mouseover.grey{background-color:rgba(201,210,216,0.5)}

.teaser-box.box-mouseover.grey.noopa{background-color:rgba(201,210,216,1)}





/*Textimgbox*/



.textimgbox{width:100%;border:solid 1px transparent;/*height:227px*/;height:auto;float:left;position:relative}



.textimgbox .teaser-box{

  border:none;

  float:left;

  width:50%;

  background-color: #c9d2d8;

  padding:5px;

  padding-left:10px;

  padding-right:20px;

  position:relative;

  background-size:cover !important

}



.textimgbox .teaser-box h1, 

.textimgbox .teaser-box h2,

.textimgbox .teaser-box h3,

.textimgbox .teaser-box h4,

.textimgbox .teaser-box h5,

.textimgbox .teaser-box h6,

.textimgbox .teaser-box p{

  margin-top:8px

}



/*Abstände für Nesting bei Teaserboxen*/



.container-wrap .container-wrap{margin-top:0px;}

.container-wrap .container-wrap + .container-wrap{margin-top:20px;}

.container-wrap .container-wrap > .container{padding-left:0;padding-right:20px}



@media (max-width: 767px) {  /*xs*/

  .teaser-box {min-height:150px}

  .teaser-box-small {min-height:150px}

  .teaser-box-large{min-height:150px}

  .page-1 .teaser-box {margin-top:25px}

  .page-1 .teaser-box-small {margin-top:25px}

  .page-1 .teaser-box-large{margin-top:25px}

  .page-1 .col-xs-12{padding-top: 0px; padding-bottom: 0px;}

  .page-1 main .container{ margin-top: -30px;}
   .page-1 .testimon-box {margin-top:25px}

   .testimon-box p{font-size:14px}

  .textimgbox.image-text .teaser-box{width:100%}

  .textimgbox.text-image .teaser-box{width:100%}

  a .textimgbox:after{bottom:10px}

  .container-wrap .container-wrap{margin-top:0px;}

  .container-wrap .container-wrap + .container-wrap{margin-top:0px;}

  .container-wrap .container-wrap > .container{padding-left:0;padding-right:0px}

}







@media (min-width: 768px) {  /*sm*/

  .teaser-box.box-border, 

  .teaser-box-small.box-border, 

  .teaser-box-large.box-border, 

  .teaser-box,

  .teaser-box-small, 

  .teaser-box-large{

    margin-top:20px;

  }



  .textimgbox .teaser-box{margin-top:0px}

  

  

  .teaser-box.box-border, .teaser-box-small.box-border, .teaser-box-large.box-border, .teaser-box{height:200px}
  .teaser-box.box-mouseover{height:auto; min-height:200px}

  .teaser-box-small{min-height:200px;height:auto}

  .teaser-box-large{min-height:419px;height:auto}

  .testimon-box{height:200px;padding-top:10px;margin-top:20px}    



  a .textimgbox:after{/*right:10px;*/}

  .teaser-box h4, .teaser-box-small h4, .teaser-box-large h4{font-size:15px}

  .teaser-box p, .teaser-box-small p, .teaser-box-large p{font-size:12px}

  .testimon-box p{font-size:12px}

  .textimgbox.text-image .teaser-box:first-child{float:right}

}



@media (min-width: 992px) {  /*md*/

  .testimon-box{height:200px;padding-top:20px;margin-top:20px}

  .teaser-box h4, .teaser-box-small h4, .teaser-box-large h4{font-size:18px}

  .teaser-box p, .teaser-box-small p, .teaser-box-large p{font-size:14px}

  .testimon-box p{font-size:16px}

  

  a .teaser-box p:after, 

  a .teaser-box-small p:after, 

  a .teaser-box-large p:after{

    height: 40px;

  }

}



/*Workaround für Produktgruppenübersicht*/

/*#c160 .teaser-box{margin-bottom:20px}

#c1889 .teaser-box{margin-bottom:20px}

#c5534 .teaser-box{margin-bottom:20px}

#c6629 .teaser-box{margin-bottom:20px}

#c7588 .teaser-box{margin-bottom:20px}

#c9086 .teaser-box{margin-bottom:20px}

#c5117 .teaser-box{margin-bottom:20px}*/





/********************************

*** Jumbotron + Carousel ********

********************************/

.jumbotron{padding:0;background-color:#c9d2d8;min-height:auto}

.jumbotron .carousel-inner .container{padding-left:0px;padding-right:0px}

.jumbotron .carousel-caption{

  position:relative;

  background-color:rgba(48, 65, 81, 0.69);

  width:100%;

  padding-bottom:0px;

  padding-top:5px;

  padding-left:10px;

  padding-right:40px;

  min-height:80px;

  margin-bottom:0px;

}



.jumbotron .carousel-caption h1{font-size:24px;margin-bottom:0px;margin-top:0px}

.jumbotron .carousel-caption p{font-size:13px}

.jumbotron .carousel-caption * {text-align:left}



.jumbotron .carousel-caption.lefttop{left:0px;top:0px;bottom:auto;right:auto}

.jumbotron .carousel-caption.leftbottom{left:0px;top:0px;bottom:auto;right:auto}

.jumbotron .carousel-caption.righttop{left:0px;top:0px;bottom:auto;right:auto}

.jumbotron .carousel-caption.rightbottom{left:0px;top:0px;bottom:auto;right:auto}



.jumbotron .carousel-indicators{bottom:-38px}

.jumbotron .carousel-indicators li{border:solid 1px #0f2230}

.jumbotron .carousel-indicators li.active{background-color:#0f2230}



.jumbotron .carousel-caption.subtitle{

  left:auto;

  top:auto;

  bottom:0px;

  right:0px;

  padding-right:15px;

  min-height:30px;

  padding-top:5px;

  padding-bottom:0px

}



.jumbotron .carousel-caption h1, .jumbotron .carousel-caption h2, .jumbotron .carousel-caption h3, .jumbotron .carousel-caption p{text-shadow:none}

.jumbotron .container-wrap{margin-top:4px}

.carousel-indicators li.active{height:10px;width:10px;margin:1px} 





@media (max-width: 767px) {  /*xs*/

  .carousel{overflow:hidden}

  .jumbotron > .container{padding-left:0;padding-right:0}

  .jumbotron .carousel-inner{overflow:visible}

  .jumbotron{margin-bottom:20px;margin-top:6px}

  

  .jumbotron .carousel-caption{

    position:absolute;

    width:auto;

    background-color:rgba(48, 65, 81, 0.69);

    padding-bottom:0px;

    padding-top:0px;

    padding-left:10px;

    padding-right:20px

  }

  

  .jumbotron .carousel-caption h1{font-size:16px;margin-bottom:0px;margin-top:10px}

  .jumbotron .carousel-caption h2{margin-bottom:0px;margin-top:10px}

  .jumbotron .carousel-caption p{font-size:12px}

  .jumbotron .carousel-caption * {text-align:left}

  .jumbotron .carousel-caption{left:0px;top:auto !important;bottom:0px !important;right:auto;width:100%;padding-bottom:3px;min-height:1px !important;padding-top:3px}

  .jumbotron .carousel-indicators{bottom:-38px}

  .jumbotron .carousel-indicators li{border:solid 1px #0f2230}

  .jumbotron .carousel-indicators li.active{background-color:#0f2230}

  .transp .carousel-indicators li{border:solid 1px #ffffff}

  .transp .carousel-indicators li.active{background-color:#ffffff}

  .jumbotron .carousel-caption.subtitle{left:auto;top:auto;bottom:0px;right:0px;padding-right:15px;min-height:20px;padding-top:10px}

  .jumbotron h1{font-size:40px}

  

  .jumbotron a .carousel-caption.lefttop, 

  .jumbotron a .carousel-caption.leftbottom,

  .jumbotron a .carousel-caption.rightbottom, 

  .jumbotron a .carousel-caption.righttop{

    border-right: solid 50px #102131

  }  

}





@media (min-width: 768px) {  /*sm*/

  .jumbotron{margin-bottom:20px}

  .jumbotron .carousel-caption{

    position:absolute;

    width:auto;

    background-color:rgba(48, 65, 81, 0.69);

    padding-bottom:0px;

    padding-top:0px;

    padding-left:10px;

    padding-right:20px

  }



    .jumbotron .carousel-caption h1{font-size:30px;margin-bottom:0px;margin-top:10px}

  .jumbotron .carousel-caption h2{margin-bottom:0px;margin-top:10px}

  .jumbotron .carousel-caption p{font-size:14px}

  .jumbotron .carousel-caption * {text-align:left}

  .jumbotron .carousel-caption.lefttop{left:0px;top:40px;bottom:auto;right:auto}

  .jumbotron .carousel-caption.leftbottom{left:0px;top:auto;bottom:40px;right:auto}

  .jumbotron .carousel-caption.bottom100{left:0px;top:auto;bottom:0px;right:auto;width:100%;padding-bottom:15px;min-height:1px !important;padding-top:10px}

  .jumbotron .carousel-caption.righttop{left:auto;right:0px;top:40px;bottom:auto;}

  .jumbotron .carousel-caption.rightbottom{left:auto;right:0px;top:auto;bottom:40px;}

  .jumbotron .carousel-indicators{bottom:-38px}

  .jumbotron .carousel-indicators li{border:solid 1px #0f2230}

  .jumbotron .carousel-indicators li.active{background-color:#0f2230}

  .transp .carousel-indicators li{border:solid 1px #ffffff}

  .transp .carousel-indicators li.active{background-color:#ffffff}

  .jumbotron .carousel-caption.subtitle{left:auto;top:auto;bottom:0px;right:0px;padding-right:15px;min-height:20px;padding-top:10px}

  .jumbotron h1{font-size:40px}

  

  .jumbotron a .carousel-caption.lefttop, 

  .jumbotron a .carousel-caption.leftbottom,

  .jumbotron a .carousel-caption.rightbottom, 

  .jumbotron a .carousel-caption.righttop{

    border-right: solid 50px #102131

  }

  

  .carousel-inner a div:after{

    display: table-cell;

    vertical-align: middle;

    line-height:0;

    height: 57%;

    content: " ›";

    position: absolute;

    right: -37px;

    bottom: 0;

    font-family: 'Univers LT W02 45 Light' !important;

    color:#fff;

    font-size:88px;

  }



}



@media (min-width: 992px) {  /*md*/

  .jumbotron{margin-bottom:40px}

  .jumbotron + .container.nomargintop{margin-top:-40px}

  .jumbotron .carousel-caption{padding-left:20px;padding-right:30px}

  .jumbotron .carousel-caption h1{font-size:40px;}

  .jumbotron .carousel-caption p{font-size:16px}

  .jumbotron .carousel-caption.lefttop{top:70px}

  .jumbotron .carousel-caption.leftbottom{bottom:40px}

  .jumbotron .carousel-caption.righttop{top:70px;}

  .jumbotron .carousel-caption.rightbottom{bottom:40px;}

  .jumbotron .carousel-indicators{bottom:-38px}

  .jumbotron h1{font-size:40px}

  .carousel-inner a h1:after{width: 50px;background-size: 100% 100px;padding-top:5.5%}

}





/******************************************

***** Collapsibles ************************

******************************************/



.panel-heading a:after {

 /* symbol for "opening" panels */

  font-family: 'Glyphicons Halflings';  
  /*content: "\e114";*/
  content: "\e080"; 
  float: right;        
  color: grey;  
  padding-right: 15px;
  position: absolute;
  right: 5px;  
}



/* symbol for "collapsed" panels */

.panel-heading a[aria-expanded^='true']:after {content: "\e114";}


#accordion_montagezeichnung .panel-heading a:after{content: "\e080";} 
#accordion_montagezeichnung .panel-heading a[aria-expanded^='true']:after {content: "\e114";}



.panel-default .panel-heading a:after {color: white;}

.panel-default .panel-default .panel-heading a:after {color: grey;}



.karriere .panel-default .panel-heading a:after {color: grey;}

.karriere .caret {border-left: none;border-right: none;}

.karriere .panel-default .panel-heading h4 {font-size: 17px;}



[id^='accordion'] .panel-title a {display: block;width: 100%;}

[id^='accordion'] .panel-body {padding-left: 0px;}

div[id^='accordion'] .panel-body {padding-left:45px;padding-right:0px}

div[id^='accordion'] .panel-body .panel-body {padding-left:15px}





.karriere .panel-default .panel-heading{background-color:rgba(201, 210, 216,0.5);color:#333;background-image:none}

.karriere .panel-default .panel-heading a{text-decoration:none}

.karriere .panel-default .panel-heading h4{font-size:24px}



.panel, .panel-heading{border-radius:0;box-shadow:none;border:0}

.panel-default > .panel-heading{background-color:rgba(48, 65, 81,0.7);color:#fff;background-image:none}

.panel-default .panel-default > .panel-heading{background-color:rgba(48, 65, 81,0.25);color:#333;background-image:none}

.panel_v_collapse > .panel{display:none}

.panel_v_collapse > .panel-group{display:block}



.panel-title{position:relative}







@media (max-width: 767px) {  /*xs*/

    div[id^='accordion'] .panel-body{padding-left:0px}

}





/******************************************

***** Footer ************************

******************************************/



footer{background-color:#0f2230;margin-top:20px;padding-top:20px;border-top:none}

footer#page-footer label, footer#page-footer p, footer#page-footer span,  footer#page-footer div{color:#fff;text-align:left}

footer#page-footer p a{color:#F49227;text-align:left}

footer p{font-size:12px}





.footer-menue{list-style-type: outside none none;}

.footer-menue li{float:left;margin-left:0px;list-style-type: outside none none;margin-right:40px}

.footer-menue li a{color:#fff;padding:0;padding-bottom:5px;text-decoration:none}

.footer-menue li a:hover, .footer-menue li a:focus{background-color:transparent}

.footer-menue li a.collapsesel{border-bottom:solid 1px #fff}

footer a.colhide{display:none}

footer div{margin-top:0px}

footer .collapse > div{margin-top:20px}





#page-footer .noContainer{background-color:transparent}



#page-footer .noContainer + .noContainer{margin-top:0px}

#page-footer .noContainer + .noContainer + .noContainer{margin-top:40px}



#page-footer .borderBottom{border-bottom:solid 1px #fff}



.socialmedia-wrap{overflow:hidden;position:relative}

.socialmedia-innerwrap{right:0;position:absolute;top:0;width:auto}

.socialmedia-innerwrap img{height:27px;width:auto}

.socialmedia-wrap .socialmedia-but{text-decoration:none;float:right;font-size:20px;background-color:#0f2230;padding-left:5px;position:relative;z-index:10}



/*sitemap*/

.sitemap a{color: #fff;font-size:13px}

.sitemap > div > ul > li > a{font-size:14px}

.sitemap > div > ul{margin-bottom:25px}

.sitemap ul {list-style-type: none;} 

.sitemap ul ul {list-style-type: square;  } 



@media (max-width: 767px) {  /*xs*/

  footer h3{font-size:20px}

  .footer-menue li{clear:left}   

}

  

@media (min-width: 768px) {  /*sm*/

      footer h3{margin-top:10px}

}





/******************************************

***** Spinner ************************

******************************************/



#spinner{position:fixed;top: 50%;left: 50%;z-index:1000}





/******************************************

***** ECO Products ************************

******************************************/



/*div.prodlist-wrap > div:nth-of-type(4n+5 of .active){background-color:red;clear:left}*/

.prodlist-wrap{width:100%}

div.prodlist-wrap .activeclear{clear:left}

.fsc-default.uploads a{color:#000;text-decoration:none}


div.tx-ecoproducts div.prodthumb{margin-bottom:20px;}

div.tx-ecoproducts div.prodthumb.on{clear:left;}

div.tx-ecoproducts div.prodlist{margin-bottom:20px;}

div.tx-ecoproducts div.prodlist > a img{width:142px !important;height:auto !important;float:left;margin-right:20px}

div.tx-ecoproducts div.prodlist .prodtitle{}

div.tx-ecoproducts div.prodlist .proddescript{height:120px;overflow:hidden;font-size:12px}

div.tx-ecoproducts div.prodlist .proddescript a{color:#333;}

div.tx-ecoproducts div.prodthumb .proddescript{display:none;height:120px;overflow:hidden;font-size:12px}



div.psg-title{}

div.psg-title div{background-color:#c9d2d8;margin-bottom:10px;margin-right:2px;padding:7px}



div.normen{font-size:18px}
div.normen p{margin-bottom:0px}

div.normen .eco-FS{color:#F00}



.display_sm_heigher{display:none}



p.pointer{cursor:pointer}





/*tx-ecoprodukte*/

.prodfiltering h3{font-size:20px}

.prodfiltering.affix-top{position:static !important}

.prodfiltering.affix-bottom{position:relative !important}

.prodfiltering.affix{position:fixed !important}

.prodlistheader{margin-bottom:10px;margin-top:0px}

.prodlistheader > div > div > h3, .prodlistheader > div > div > h4 {margin-top:0px}

.prodlistheader + img + .row{margin-top:10px !important}

.prodlistheader button{float:right;margin-left:5px}

.tx-ecoproducts .prodlistheader .row{margin-top:0px}

.plist a img{border:solid 1px transparent;margin-left:-1px}

.plist a:hover img{border:solid 1px #000}

.plist .prodlist .pover_desc_true{display:none}

.tx-ecoproducts .row{margin-top:20px}

.downloads{margin-top:10px;margin-bottom:10px;margin-right:30px;float:left}

a .downloads p{color:#333}

.produktattr_box{margin-top:20px}

.produktattr_box:first-child{margin-top:0px}

img.colorbut{float:left}

div.colorbut{width:30px;height:30px;border:1px solid #5a5a5a;float:left;border-radius:3px;margin-right:5px}

.prodfiltering{margin-top:40px;width:200px}

/*.prodfiltering.affix{margin-top:-180px}*/



/*Gloable Einstellungen wie #dl-zip Z. 1138*/



.prodvergleich input{}

div.chk_compare{color:#f49227;font-size:12px;margin-bottom:5px;display:none}

div.chk_compare input{color:#f49227;border-color:#f49227;}

.even .compare_attr{padding:5px;background-color:#eee;text-align:center}

.odd .compare_attr{padding:5px;background-color:#fff;text-align:center}

.even div:first-child .compare_attr, .odd div:first-child .compare_attr{text-align:left;}

.compare_attr span{color:#390;font-weight:bold}

.single{margin-top:5px}

.ajax-prodcompare{}

.ajax-prodcompare > .container > .row{margin-top:10px}

.ajax-prodcompare .row.odd, .ajax-prodcompare .row.even{margin-top:0px}

.compare_attr .eco-icon{font-weight:normal;color:#000;font-size:17px;}

.compare_attr .eco-icon.eco-FS{font-weight:normal;color:#F00}



.prodthumb a{display:block}

.produktattr_box.produktnormen .eco-icon{font-size:25px}

.produktattr_box.produktnormen .eco-icon.eco-FS{color:#F00}

.produktattr_box.maticons .eco-icon{font-size:30px}



/*tx_ecoprodukte accordion montagezeichnungen*/







#accordion_montagezeichnung{margin-left:0px;margin-right:0px;margin-top:10px;padding-bottom:5px}

/*#accordion_montagezeichnung .panel{border-top:solid 1px #333;border-radius:0}*/

#accordion_montagezeichnung .panel{border-top:none;border-radius:0}

#accordion_montagezeichnung .panel-body{padding-top:0px;padding-bottom:0px;padding-left:10px;padding-right:10px;margin-left:0px;margin-top:10px;margin-bottom:30px}

/*#accordion_montagezeichnung .panel-body, #accordion_montagezeichnung .panel-body .row{border-top:solid 1px #333;border-radius:0}*/

#accordion_montagezeichnung .panel-body, #accordion_montagezeichnung .panel-body .row{border-top:none;border-radius:0}

#accordion_montagezeichnung .panel-body .row{padding-top:5px;padding-bottom:5px;background-color:#fff;margin-top:5px}

#accordion_montagezeichnung .panel-body .row:first-child{border-top:none}

#accordion_montagezeichnung .panel, #accordion_montagezeichnung .panel .panel-heading{background-color:transparent;color:#333}

#accordion_montagezeichnung .panel .panel-heading{background-color:rgba(48, 65, 81, 0.7);color:#fff}

#accordion_montagezeichnung .panel .panel-heading{padding-left:10px;padding-right:0px}

#accordion_montagezeichnung .panel-title, #accordion_montagezeichnung .panel-title a{font-size:16px;font-weight:normal;text-decoration:none}

#accordion_montagezeichnung .panel-body .row > div, .row.head-montagezeichnung > div{text-align:left}

#accordion_montagezeichnung .panel-body .row > div:first-child, .row.head-montagezeichnung > div:first-child{text-align:left}

#accordion_montagezeichnung .panel-body .row > div a{font-size:17px;color:#333;text-decoration:none}

#accordion_montagezeichnung .only-xs{font-size:14px}


.row.plist{
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
}


@media (max-width: 767px) {  /*xs*/

  .prodfiltering.affix{position:static !important;margin-top:0px !important}
  .prodthumb a  img,div.tx-ecoproducts div.prodlist a  img{width:162px !important}
  .prodlist .prodtitle{clear:left}

}



@media (min-width: 768px) {  /*sm*/

   .prodthumb .prodtitle p{font-size:13px}
   .prodthumb .prodtitle p:first-line{font-size:14px}


  .productslist{margin-top:40px}

  div.tx-ecoproducts{margin-left:-15px;margin-right:-15px}
  .products_plg #ajax-prod{margin-top:10px;margin-left:-15px;margin-right:-15px}
  .products_plg > div:first-child{width:100% !important}
  
  .products_plg .plist{width:720px;margin-left:auto;margin-right:auto}
  .products_plg .prodlistheader{width:720px;margin-left:auto;margin-right:auto}

  #accordion_montagezeichnung .panel-body .row > div, .row.head-montagezeichnung > div{text-align:right}
  #accordion_montagezeichnung .panel-body{margin-left:45px;padding-right:15px}
  #accordion_montagezeichnung .only-xs{display:none}
}



@media (min-width: 992px) {  /*md*/
  .products_plg .plist, .products_plg .prodlistheader{width:940px}

   #accordion_montagezeichnung .panel-body{margin-left:60px}
}



@media (min-width: 1200px) {  /*md*/
  .products_plg .plist, .products_plg .prodlistheader{width:1000px}
}



/*Produkt DEtailhandling*/


.fsc-default.list.proddetail {width:100%}
.fsc-default.list.proddetail .container-fluid{margin-left:-15px;margin-right:-15px;margin-top:20px}
.fsc-default.list.proddetail .container-fluid > .container{margin-top:0px}

.container-prod-downloads{margin-top:20px}
.productslist .container-prod-mz{margin-top:20px}

.productslist .container-prod-downloads{width: 100vw;margin-left: calc((100vw - 1020px) / 2 * -1)}
.productslist .container-prod-mz{width: 100vw;margin-left: calc((100vw - 1020px) / 2 * -1)}


a#backtoprodlist{color:#f7931e}



/******************************************

***** tx_ecoperformance *******************

******************************************/



.tx-ecoperformance .row{margin-top:15px}

.tx-ecoperformance .row:first-child{margin-top:0px}

.tx-ecoperformance h3{margin-top:20px}

.tx-ecoperformance a{color:#000}

.tx-ecoperformance a.perfdlicon{float:right}

.tx-ecoperformance div.div-border{margin-top:10px;border-top:solid 1px #333;padding-top:5px}



.panel a:before{content:"";padding-right:0}

.tx-ecoperformance .panel a{color:#F49227;}

.panel > .panel-body >.list-group .list-group-item {

    border-width: 1px 0;

    border-radius: 0;

}



.panel > .panel-body >.list-group .list-group-item .list-group-item {

    border-width: 1px 0 0 0;

    border-radius: 0;

}



.panel > .panel-body >.list-group .list-group-item .list-group-item:first-child {

    border-width: 0;

    border-radius: 0;

}



.panel-body{padding: 15px 0;}





/******************************************
***** Powermail *******************
******************************************/

.form-horizontal .control-label{text-align:left}

.tx-powermail{width:100%;margin-top:50px}

.grey .tx-powermail{width:100%;margin-top:30px}


main .tx-powermail{margin-top:10px}
.row + .row .tx-powermail{width:100%;margin-top:-24px}
footer .tx-powermail{width:100%;margin-top:-25px}

.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_submit input {
    margin: 5px 0 0 0;
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    background-color: #1e5799;
    border: 1px solid #eee;
}

.tx-powermail fieldset{background-color:transparent !important;border:none !important}
.tx-powermail .powermail_create{background-color:transparent !important;padding-top:6px;}
footer .tx-powermail .powermail_create{background-color:transparent !important;margin-top:28px;}
.tx-powermail .powermail_create *{color:#fff !important}
.seminar-class .tx-powermail .powermail_create *{color:inherit!important}

.tx-powermail h3{display:none}
.tx-powermail legend{display:none}

.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_input label{display:none !important}

.tx-powermail .powermail_form.layout1 .powermail_fieldwrap.powermail_fieldwrap_type_input label{display:block !important}

.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_textarea label{font-weight: normal !important;color:#fff !important}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_submit input{font-weight: normal !important;background-color:#0071bc !important;border-color:#0071bc !important}
.tx-powermail input{color:#000;float:left !important;width:100% !important}
.tx-powermail textarea{color:#000;float:left !important;width:100% !important}
.tx-powermail .powermail_fieldset .powermail_fieldwrap {margin-bottom: 20px}
.tx_powermail ul.parsley-errors-list li{list-style-image:none !important}



.tx-powermail .powermail_form.layout1 .powermail_fieldwrap.powermail_fieldwrap_type_check label.control-label {display:none}
.tx-powermail .powermail_form.layout1 .powermail_fieldwrap.powermail_fieldwrap_type_check input.powermail_checkbox{width:20px !important}

 .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_textarea.layout3 label{color:#000 !important}


/*Checkbox Einwilligung*/
input#powermail_field_marker_1{width:20px !important}
#powermail_field_einwilligung_1{width:20px !important}

/*label a{color:#F49227}*/

/*error*/
li.parsley-required, li.parsley-custom-error-message{margin-left:0px;color:#f00 !important}


/*powermail_fieldwrap*/


/*Seminar-Formular*/
@media (min-width: 768px) {  /*sm*/

  .tx-powermail .powermail_form.layout1 .powermail_fieldwrap{margin-bottom:10px}
  .tx-powermail .powermail_form.layout1 .powermail_fieldwrap.powermail_fieldwrap_type_input label{width:40%;font-weight:400}
  .tx-powermail .powermail_form.layout1 .powermail_fieldwrap.powermail_fieldwrap_type_input label + div{width:60%}
  .tx-powermail .powermail_form.layout1 .powermail_fieldwrap.powermail_fieldwrap_type_submit div{margin-left:40%;width:60%}


   .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_textarea.layout3 label{width:40%;font-weight:400 !important;color:#000 !important}

   .powermail_fieldwrap.layout3 > div{margin-top:10px;width:60%}

  
  .seminar-class .tx-powermail > .container-fluid{padding-left:0;padding-right:0px}

  .powermail_fieldwrap_wirbeziehenbishernochkeineecoprodukte{margin-bottom:20px !important;margin-top:-15px}
  .powermail_fieldwrap_wirbeziehenbishernochkeineecoprodukte .col-sm-12{width:60%;margin-left:40%}
   

}





/*powermail_fieldwrap powermail_fieldwrap_type_submit*/



/*---------------------

      tx_news

----------------------*/



.row.news-list-item{margin-bottom:30px}

.row.news-list-item:first-child hr{display:none}

.row.news-list-item hr{margin-bottom:30px}

.row.news-list-item div.lead p{font-size:14px}





.news.news-single h1{font-size:24px;font-family: 'Univers LT W02 45 Light' !important;}

.news.news-single .lead *{font-size:14px}





.singleitem{margin-top:25px;clear:left}

.singleitem a *{float:left;font-size:12px}

.singleitem a {font-size:12px}

.singleitem a img{margin-right:5px}

.singleitem img:after{content:" ";clear:left}



.news-related-files-size{font-size:11px}



.news-related-wrap{margin-top:0px !important}

.news-related {border: none !important;display: table-cell;padding: 0px !important;width: 50%;}



div.news-single .row > div:last-child{background-color:#c9d2d8;color:#000;padding:15px;padding-left:20px}

div.news-single .row{margin-right:0px}

.singleitem:after {clear: both;content: " ";display: block;}





/***************************************************

** Thumbnail für Downloads bootstrap thumbnails  **

***************************************************/

.container-wrap.servicedownloads + .container-wrap.servicedownloads{margin-top:5px}



.thumbnail{border-radius:0;box-shadow:none;position:relative;padding-top:15px;padding-bottom:15px;border-left:none;border-right:none;border-bottom:none;border-color:#000}



.thumbnail:after{content: ".";clear: both;display: block;visibility: hidden;height: 0px;}

.row.thumbnaildownload .row{margin-left:0px;margin-right:0px}

div.caption div{padding:0;position:absolute;bottom:5px;right:0px}

.thumbnail div.caption h3{font-size:16px;height:40px;margin-top:0px}

.thumbnail div.caption{padding:0}

.thumbnail > div{padding-left:0px;padding-right:0px}

.thumbnail .dl-icons{font-size:25px;margin-top:-10px}

.thumbnail .dl-icons + .dl-icons{margin-top:0px}

.thumbnail .dl-icons a{color:#000}

.thumbnail img{margin-left:0 !important}

.thumbnail a.download, 

.thumbnail a.external-link-new-window{width:80%;position:relative;display:block;padding:7px;background-color:rgba(48, 65, 81, 0.69);color:#fff}

.thumbnail a.download:after, .thumbnail a.external-link-new-window:after{

  font-size:38px;

  line-height:27px;

  padding-left:5px;

  color:#fff; 

  font-family: 'Univers LT W02 45 Light' !important;

  display:block;

  height:34px;

  width:20px;

  content: " ›";

  position:absolute;

  right:0;

  bottom:0;

  background-color:#102131;

  font-size:42px;

}



@media (max-width: 767px) {  /*sm*/

  .thumbnail{border-radius:0;box-shadow:none;position:relative;padding-top:0px;padding-bottom:5px;margin-bottom:-5px}

  .thumbnail:after{content: ".";clear: both;display: block;visibility: hidden;height: 0px;}

  .thumbnail > div:first-child{}

  .thumbnail img{height:100%}

  .row.thumbnaildownload .row{margin-left:0px;margin-right:0px}

  div.caption div{padding:0;position:static;bottom:5px;right:0px}

  .thumbnail div.caption h3{margin-top:0px;font-size:16px}

  .thumbnail a.download, 

  .thumbnail a.external-link-new-window{width:100%;position:relative;display:block;padding:7px;background-color:rgba(48, 65, 81, 0.69);color:#fff}

  .thumbnail a.download:after, .thumbnail a.external-link-new-window:after{

    font-size:38px;

    line-height:27px;

    padding-left:5px;

    color:#fff; 

    font-family: 'Univers LT W02 45 Light' !important;

    display:block;

    height:34px;

    width:20px;

    content: " ›";

    position:absolute;

    right:0;

    bottom:0;

    background-color:#102131;

    font-size:42px;

  }

}





@media (min-width: 768px) and (max-width: 991px) {

  /*Thumbnail Downloads Abstand rechts*/

  .thumbnail img{padding-right:10px !important}

}





/***************
** tx-ecocert **
***************/



.container.cert{padding-left: 0;padding-right: 0;width: 100% !important;}



.certhdl, .certitem{}

.certhdl{margin-top:70px}

.cert button span{background-color:#102131;display:block;height:100%;float:right}

.cert div.but.download{

  position:relative;

  background-color:rgba(48, 65, 81, 0.69);

  color:#fff;

  padding-left:10px;

  padding-top:10px;

  padding-bottom:10px;

  margin-right:10px

}

.cert div.but.download:after{

  font-size:38px;

    line-height:34px;

    padding-left:5px;

    color:#fff; 

    font-family: 'Univers LT W02 45 Light' !important;

    display:block;

    height:40px;

    width:20px;

    content: " ›";

    position:absolute;

    right:0;

    bottom:0;

    background-color:#102131;

    font-size:42px;

}



.cert div.but.zip{

  position:relative;

  color:#666 !important;

  background-color:transparent !important;

  padding-left:10px;

  padding-top:0px !important;

  padding-bottom:0px !important;

  margin-right:0px !important;

  border-left:solid 1px #666;

  float:right

}



.cert div.but.zip input{margin-left:10px}

.cert div span{font-size:18px;color:#666;}

.cert div a:hover span{color:#333;}

.cert div a{float:right}

.cert hr{margin-top:10px;margin-bottom:10px}



.cert div.but.zip{

  position:relative;

  background-color:rgba(48, 65, 81, 0.69);

  color:#fff;

  padding-left:10px;

  padding-top:10px;

  padding-bottom:10px;

  margin-right:0px

}





@media (min-width: 992px) {



  .certitem + .certitem {width:7%}

  .certitem + .certitem + .certitem {width:9%}

  

}





/***************
** hr **
***************/



hr{margin-top:0px;margin-bottom:10px;height:1px;background-color:#737a86}



@media (min-width: 768px) {

  .container-fluid > .div > hr{width:710px;}



}



@media (min-width: 992px) {

  .container-fluid > .div > hr{width:930px;}



}



@media (min-width: 1200px) {

  .container-fluid > .div > hr{width:990px}

}





/****************************
** Imgchange ECO CE Galerie
****************************/

a.imgchange img{border:solid 1px #fff;margin-left:-1px}
a.imgchange:hover img{border:solid 1px #000}

@media (min-width: 768px) {
  .container-imgchange .imgchange-addtext{margin-top:20px}
}


div.grey-rightcol .row > div:last-child{background-color:#c9d2d8;color:#000;padding:15px;padding-left:20px}





div.grey-rightcol .row > div:last-child *{color:inherit}





div.colored.col.black, div.colored.col.darkgrey, div.colored.col.grey, div.colored.col.darkblue, div.colored.col.white, div.colored.col.whitetransp, div.colored.colgreyopa75, div.colored.col.whiteopa35{background-color:transparent;padding:0px}







div.colored.col.black .row, div.colored.col.darkgrey .row, div.colored.col.grey .row, div.colored.col.darkblue .row, div.colored.col.white .row, div.colored.col.whitetransp .row, div.colored.colgreyopa75 .row, div.colored.col.whiteopa35 .row{display:flex}







div.colored.col.black .row > div,







div.colored.col.darkgrey .row > div, 







div.colored.col.grey .row > div, 







div.colored.col.darkblue .row > div, 







div.colored.col.white .row > div, 







div.colored.col.whitetransp .row > div, 







div.colored.colgreyopa75 .row > div, 







div.colored.col.whiteopa35 .row > div{margin-left:20px;padding:20px;}







div.colored.col.black .row > div:first-child,







div.colored.col.darkgrey .row > div:first-child, 







div.colored.col.grey .row > div:first-child, 







div.colored.col.darkblue .row > div:first-child, 







div.colored.col.white .row > div:first-child, 







div.colored.col.whitetransp .row > div:first-child, 







div.colored.colgreyopa7 .row5 > div:first-child, 







div.colored.col.whiteopa35 .row > div:first-child{margin-left:0px}









div.colored.col.black .row > div{background-color:#000}







div.colored.col.darkgrey .row > div{background-color:#737a86}







div.colored.col.grey .row > div{background-color:#428bca}







div.colored.col.darkblue .row > div{background-color:#0f2230}







div.colored.col.white .row > div{background-color:#fff}







div.colored.col.whitetransp .row > div{background-color:rgba(255,255,255,0.8)}







div.colored.colgreyopa75 .row > div{background-color:rgba(201,210,216,0.75)}







div.colored.col.whiteopa35 .row > div{background-color:rgba(255,255,255,0.35)}









.container.nomargintop h1{margin-top:10px}







#jumpnav{top:-55px;z-index:1020}















h1, h2, h3, h4, h5, h6{







font-family: 'Univers LT W02 45 Light' !important;







}









h1, h2{







font-family: 'Univers LT W02 65 Bold' !important;







}







/*h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child{margin-top:0px}*/





/* 30.1.18***



h1:first-child, .h1:first-child, h2:first-child, .h2:first-child {margin-top:0px}

****/





h2:first-child + h2{margin-top:-14px}







.container-wrap > .colored > .row > div > h2:first-child{margin-top:20px}







.container-wrap > .colored > .row > div > p:first-child{margin-top:15px}







.container-wrap.darkgrey h3, .container-wrap.grey h3{margin-top:0px}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12

{padding-top:10px;padding-bottom:10px}


.prodvergleich div.but.download{position:relative;background-color:rgba(48, 65, 81, 0.69);color:#fff;padding-left:10px;padding-top:10px;padding-bottom:10px;margin-right:0px}


.prodvergleich div.but.download:after{font-size:38px;

  line-height:34px;

  padding-left:5px;

  color:#fff; 

  font-family: 'Univers LT W02 45 Light' !important;

  display:block;

  height:40px;

  width:20px;

  content: " ›";

  position:absolute;

  right:0;

  bottom:0;

  background-color:#102131;

  font-size:42px;

}

/****************
** Google Maps **
*****************/
#map-canvas{width:100%;height:400px}

/****************
** Flyout Menu **
*****************/

.nav > li.dontdisplay{display:none}

.flyout-menu{display:none;}

@media (min-width: 768px) {
  .container-imgchange .imgchange-addtext{margin-top:20px}
  .flyout-menu{display:block;position:absolute;width:300px;height:auto;background-color:rgba(48, 65, 81, 0.9);top:90px;color:#fff;left:-300px;z-index:100}
  .flyout-menu *{color:#fff}
  .flyout-menu *:hover, .flyout-menu *:focus{color:#fff}
  .menutab{
  -moz-transform:rotate(-90deg); /* Firefox 3.6 Firefox 4 */
  -webkit-transform:rotate(-90deg); /* Safari */
  -o-transform:rotate(-90deg); /* Opera */
  -ms-transform:rotate(-90deg); /* IE9 */
  transform:rotate(-90deg); /* W3C */
  -moz-transform-origin: 100% 100%;-ms-transform-origin: 100% 100%;-o-transform-origin: 100% 100%;-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;background-color:rgba(48, 65, 81, 0.9);position:absolute;right:-32px;top:-32px;padding:2px 20px 5px;cursor:pointer;border-bottom:4px solid #f49227;}
  .flyout-menu-topics ul{list-style-type: none;margin-bottom:3px;}
  .flyout-menu-topics ul li{border-top:solid 1px #fff;padding-top:6px;padding-bottom:6px;padding-left:10px;margin-left:-39px}
  .flyout-menu-topics ul li:first-child{border:none}

}


@media (max-width: 767px) {  /*sm*/







  h1{font-size:28px}







  h2{font-size:24px}







  













  





   #jumpul{display:none}















   .ulwrapper{display:none}









}







@media (min-width: 768px) {  /*sm*/















  .ulwrapper{position:absolute;background-color:#737a86;color:#fff;width:3000px;padding-bottom:1px;left:3000px}







  ul#jumpul  a{color:#fff !important}







  .ulwrapper > a{display: table-cell;







    vertical-align: middle;







    line-height:0;







    height: 57%;







    content: " ›";







    position: absolute;







    left: 0px;







    bottom: 5px;







    font-family: 'Univers LT W02 45 Light' !important;







    color:#fff;







    font-size:88px;







    text-decoration:none;









   }







  .ulwrapper.mirror > a{







    -moz-transform: scaleX(-1);    /* Gecko */







    -o-transform: scaleX(-1);      /* Operah */







    -webkit-transform: scaleX(-1); /* webkit */







    transform: scaleX(-1);         /* standard */







    filter: FlipH;                 /* IE 6/7/8 */







   }



  /*Jumpmenü ENDE*/


  /*Sprachschalter*/


  /*MENÜ ENDE*/





.nav-tabs > li > a {
    background-color: rgba(238, 238, 238, 0.5);
    border-color: #eee #eee #ddd;
    color: #428bca;
    text-decoration:none;
}

.nav-tabs > li > a:hover{
   background-color: rgba(238, 238, 238,1);
 }








  ul.nav li.dropdown:hover > ul.dropdown-menu{







    display: block;







    margin-top:0px







  }















  form{margin-top:20px}







  .form-inline{margin-top:0px}







  .display_sm_heigher{display:block}







  .panel_v_collapse > .panel{display:block}







  .panel_v_collapse > .panel-group{display:none}









    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12







    {padding-top:0px;padding-bottom:0px}







    /*IMpressumsangaben*/















   



    div.normen img{height:14px;width:auto}







    .prodlist div.normen img{height:18px;width:auto}







  .cert div.but.download, .cert div.but.zip{margin-right:0px}







    /*tx_products*/







    .prodfiltering{margin-top:50px;width:160px}







  







  .proddesc{padding:20px}







  .produktattr_box.maticons:after{content: ".";







    clear: both;







    display: block;







    visibility: hidden;







    height: 0px;}







  .produktattr_box.produktauszeichnung img{







    vertical-align:top;







    max-height:90px !important;







    width:auto !important;







  }







   h1.vertical-center,







   h2.vertical-center,







   h3.vertical-center{position: relative;







    top: 50%;







    -webkit-transform: translateY(-50%);







    -ms-transform: translateY(-50%);







    transform: translateY(-50%);







    color:#273583;







   }





}





@media (min-width: 992px) {  /*md*/













  .row * .row:last-child{margin-bottom:0px}







  /*Navbar Handling*/







  .navbar-brand{z-index:1005}







  a.navbar-brand{padding-left:0px;}







 



  div.normen img{height:18px;width:auto}







  







  .cert div.but.download, .cert div.but.zip{margin-right:10px}





      /*tx_products*/







  .prodfiltering{margin-top:40px;width:200px}







/*#accordion .panel-body{padding-left:60px}*/



div[id^='accordion'] .panel-body{padding-left:60px}







}







@media (min-width: 1200px) {





}







/*Größenunabhängige bootstrap Anpassungen*/









.form-control{border-radius:0px}







.btn-sm, .btn-group-sm > .btn, .btn{border-radius:0px}















.container h4 a{text-decoration:underline;color:inherit}







.panel-group h4 a{text-decoration:none !important} /*Akkordion*/









.container h3 a{text-decoration:none;color:inherit}









.btn-default{background-position:0 -15px}







a:hover {text-decoration:none}









#impressum-toggle h3{border-bottom:solid 1px #fff;padding-bottom:3px}







#impressum-toggle h3 a{color:#fff;}







#impressum-toggle h3 a:focus, #impressum-toggle h3 a:hover{outline:none;text-decoration:none}









#dl-zip,.prodvergleich_but{background-color:#fff;width:100%;position:relative;display:block;padding:7px;border:solid 1px #f49227;color:#f49227}







.prodvergleich_but{text-decoration:none;display:block}







.prodvergleich_but:hover,.prodvergleich_but:active, .prodvergleich_but:focus{text-decoration:none;color:#f49227}









.text-info{color:#fff !important}







h1 + h3{margin-top:0px}







/*.container-wrap ul{margin-left:-25px;}*/



.container-wrap ul li{ color: #fff; list-style-type: square;}.container-wrap .panel-default ul li{ color: #333; list-style-type: square;}



.container-wrap .text-info li{color: #fff; list-style-type: square;}.container-wrap li.text-info {color: #fff; list-style-type: square;}.container-wrap.white ul li { color: #333; list-style-type: square;}.container-wrap .transp li{color: #fff; list-style-type: square;}.container.colored.grey ul li{color:#333; list-style-type: square;}



.container.colored.darkgrey ul li {color:#fff; list-style-type: square;}.container.colored.white ul li {color:#333; list-style-type: square;}



.container.colored.transp {color:#fff; list-style-type: square;}.container.colored.whitetransp {color:#333; list-style-type: square;}.grey ul li {color:#333; list-style-type: square;}#job-tasks ul li {color:#333; list-style-type: square;}#job-requim ul li {color:#333; list-style-type: square;}









.container.colored.grey h1:first-child, .container.colored.grey h2:first-child, .container.colored.grey h3:first-child,







.container.colored.darkgrey h1:first-child, .container.colored.darkgrey h2:first-child, .container.colored.darkgrey h3:first-child, 







.container.colored.white h1:first-child, .container.colored.white h2:first-child, .container.colored.white h3:first-child,







.container.colored.whitetransp h1:first-child, .container.colored.whitetransp h2:first-child, .container.colored.whitetransp h3:first-child,







.container.colored.transp h1:first-child, .container.colored.transp h2:first-child, .container.colored.transp h3:first-child{margin-top:15px !important}

















#ajax-wrap hr{margin-top:10px;}







#ajax-wrap{background-color:#fff}









.panel .list-group{margin-left:0px}





.jumbotron + .container-wrap p{margin-top:15px;margin-bottom:15px}







.jumbotron + .container-wrap .teaser-box p, .jumbotron + .container-wrap .teaser-box-small p, .jumbotron + .container-wrap .teaser-box-large p{margin-top:0px;margin-bottom:0px}















.tx-kesearch-pi1 form{display:none}







#xajax_form_kesearch_pi1 #ke_search_sword {







    display: inline-block !important;







    height: 25px  !important;







    margin: 0 !important;







  margin-left:-5px !important;







    padding: 2px 3px !important;







    position: static !important;







    top: auto !important;







    width: 105px;







}









#xajax_form_kesearch_pi1 button{border:none !important}









/*Türenkonfigurator*/



/*



.page-71 .jumbotron{margin-bottom:0px}







.page-71 footer{margin-top:-5px}



*/













.popover-content{color:#fff}









.popover {







position: fixed !important;







/*position: absolute !important;*/







top: 0;







left: 0;







z-index: 1060;







display: none;







width: 250px !important;







padding: 1px;







text-align: left;







white-space: normal;







background-color: #0f2230 !important;







-webkit-background-clip: padding-box;







background-clip: padding-box;







border: 1px solid #ccc;







border: 1px solid rgba(0, 0, 0, .2);







border-radius: 0px !important;







-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);







box-shadow: 0 5px 10px rgba(0, 0, 0, .2);







}







.popover.left {







  margin-left: 5px;







  margin-top:-60px;







}









.popover.right {







  margin-right: 5px;







  margin-left: 5px;







  /*margin-top:-60px;*/







  margin-top:10px;







  /*top:0 !important;*/







}







.popover > .arrow,







.popover > .arrow:after {







position: absolute;







display: block;







width: 0;







height: 0;







border-color: transparent;







border-style: solid;







}







.popover > .arrow {







border-width: 11px;







}







.popover > .arrow:after {







content: "";







border-width: 10px;







}







.popover.left > .arrow {







/*top: 50%;*/







top: 10%;







right: -11px;







margin-top: -11px;







border-right-width: 0;







border-left-color: #999;







border-left-color: rgba(0, 0, 0, .25);







}







.popover.left > .arrow:after {







right: 1px;







bottom: -10px;







content: " ";







border-right-width: 0;







border-left-color: #0f2230;







}









.popover.right > .arrow {







top: 50%;







left: -11px;







margin-top: -11px;







border-left-width: 0;







border-right-color: #999;







border-right-color: rgba(0, 0, 0, .25);







}







.popover.right > .arrow:after {







left: 1px;







bottom: -10px;







content: " ";







border-left-width: 0;







border-right-color: #0f2230;







}







.popover.bottom{







  width:auto !important







}







.popover.bottom > .arrow {







left: 50%;







right: -11px;







margin-top: 0px;







border-top-width: 0;







border-bottom-color: #999;







border-bottom-color: rgba(0, 0, 0, .25);







}







.popover.bottom > .arrow:after {







right: -10px;







/*bottom: -10px;*/







bottom: 10px;







content: " ";







border-top-width: 0;







border-bottom-color: #0f2230;







}









.popover ul li{font-size:12px}







.popover ul li{margin-top:5px}







.collapse h3{margin-top:10px}







.collapse p.testim{color: #f7931e;font-weight:bold}







.collapse .author{text-align:right}







/*Button ohne Verlauf */







.btn-default{background-image:none}













@media (min-width: 768px) {







   .container-prod-downloads .col-xs-12.col-sm-3.col-md-2{height:170px}







}











@media (min-width: 768px) and (max-width: 991px) {













 .jumbotron + .container-wrap{margin-top:40px}







 /*.menutab{right:-22px;font-size:13px}*/







 .menutab{right:-30px;top:-30px;font-size:13px}



}







/*************

** img-Fix ***

*************/



.img-responsive, 

.thumbnail > img, 

.thumbnail a > img, 

.carousel-inner > .item > img, 

.carousel-inner > .item > a > img {width:auto !important}











/*ECO font-family:'AvantGardeGothicITCW02B 737109';*/









span.eco{font-family:'AvantGardeGothicITCW02B 737109' !important;color:inherit}







h3, h4{line-height:1.2}







/*produkte*/







.ajax-prodlist{margin-bottom:20px}



.ajax-prodlist + div{margin-top:0px}





#overview{display:none}







#comp{display:none}







footer a.download{text-decoration:none}



footer a.download:after{



  font-family: 'ECO-Font';



  speak: none;



  content: "\e60c";



  }











body .tx-lager table{border-spacing:0}



body .tx-lager th{font-size:12px}



body .tx-lager td{padding:5px}



body .tx-lager td img{width:60px}







body .tx-lager th {border-bottom:solid 10px #ddd} 







body .tx-lager tr:nth-child(even) {background: #ddd} 



body .tx-lager tr:nth-childodd) {background: #fff} 



body .tx-lager td.tdbestand, body .tx-lager td.tdpreis, body .tx-lager th.thbestand, body .tx-lager th.thpreis{width:10%;text-align:right}



body .tx-lager th span.thbestell{display:none}



body .tx-lager th span.thbild{display:inline}



body .tx-lager #logo-print{display:none}



body .tx-lager #footer-print{display:none}



body .tx-lager #footimg, body .tx-lager #headimg{display:none}







body .tx-lager h4 a[aria-expanded="true"] span.glyphicon.glyphicon-chevron-down{display:inline-block}



body .tx-lager h4 a[aria-expanded="false"] span.glyphicon.glyphicon-chevron-down{display:none}



body .tx-lager h4 a[aria-expanded="true"] span.glyphicon.glyphicon-chevron-right{display:none}



body .tx-lager h4 a[aria-expanded="false"] span.glyphicon.glyphicon-chevron-right{display:inline-block}











.gallery{position:relative}







.gallery:after{



    content: "\e608";



    font-family: 'ECO-Font';



    speak: none;







  font-style: normal;







  font-weight: normal;







  font-variant: normal;







  text-transform: none;







  line-height: 1;



    color:#fff;



    font-size:18px;



  position:absolute;



  right:0px;



  bottom:0px;



  background-color:rgba(255,255,255,0.5);



  padding:2px;



  padding-left:5px;



  padding-right:5px;



}







/* Datum News ausblenden*/



.news-list-date{display:none}







/* Back-to top Button*/



.back-to-top {



 background-color:rgba(48, 65, 81, 0.9);;



 position: fixed;



 bottom:20px;



 right:-37px;



 padding:14px;



 padding-top:12px;



 -webkit-border-top-left-radius: 22px;



  -webkit-border-bottom-left-radius: 22px;



  -moz-border-radius-topleft: 22px;



  -moz-border-radius-bottomleft: 22px;



  border-top-left-radius: 22px;



  border-bottom-left-radius: 22px;



 height:44px;



 width:70px;



 font-size:16px;



 color:#fff;



 z-index:10



}







.back-to-top:hover, .back-to-top:focus{color:#fff}







/*.preview{perspective: 1000px;-webkit-perspective: 1000px;}*/



.preview-coverflow{position:relative;z-index:0;-webkit-perspective: 1000px;}











/*ios Fixes*/







.background-ios{width:100%;position:fixed;top:0;z-index:-1}



@media (orientation: landscape){ 



  .background-ios img{width:110%;height:auto}



}



@media (orientation: portrait){ 



  .background-ios img{width:auto;height:110%}



}





span.countdown-clock{display:inline-block;text-align:center !important;width:100%}



span.countdown-clock > span > span{width:54px;line-height:0.6;text-align:center !important;border:solid 1px #fff;display:inline-block;padding:5px;padding-top:10px;margin-left:4px;font-family: "Univers LT W02 65 Bold",Verdana !important;font-size:20px;font-weight:500}



span.countdown-clock > span > span > span{font-size:8px;font-family: "Univers LT W02 45 Light",Verdana !important}







@media (min-width: 768px) {



  span.countdown-clock > span > span{width:102px;line-height:0.3;text-align:center !important;border:solid 1px #fff;display:inline-block;padding:10px;padding-top:18px;margin-left:20px;font-family: "Univers LT W02 65 Bold",Verdana !important;font-size:50px;font-weight:500}



  span.countdown-clock > span > span:first-child{margin-left:0px}



  span.countdown-clock > span > span > span{font-size:15px;font-family: "Univers LT W02 45 Light",Verdana !important}



}



/*Firefox-Fix*/
.form-control::placeholder{color:#999;opacity:1}

#ke_search_sword.form-control::placeholder{color:#fff;opacity:1}

/*Fix Produkte Introseite*/
.panel-teaserbox-fix .panel .panel-body{padding-top:0px}
.panel-teaserbox-fix .panel {margin-top:20px}




/****************************
** t3sbs_panel default list-group
*****************************/

  .t3sbs_panel.list-group{-webkit-box-shadow:none;box-shadow: none;}

  .t3sbs_panel.list-group ul{padding-left:0}

  .t3sbs_panel.list-group ul li{
     position: relative;
     display: block;
     padding: 10px 15px;
     margin-bottom: -1px;
     background-color: #fff;
     border: 1px solid #ddd;
     border-top-width: 1px;
     border-width:1px 0;
   }

   .t3sbs_panel.list-group ul li a, ul.list-group  li a{color:#f49227}



/*Unterstreichungen*/
h6{font-size:24px;border-bottom:solid 1px #000;line-height:1.7}


@media (min-width: 768px) {
  .container .row.breadcrumb-wrapper{display:none}
  .container.navBar-container .row.breadcrumb-wrapper{display:block}
}