/* ---------------------------------------------------------------------- */
/* Clearfix */
/* ---------------------------------------------------------------------- */

/* @import url(http://allfont.de/allfont.css?fonts=arial-narrow); */

@font-face {
  font-family: 'ArialNarrow';
  src: url('../fonts/ArialNarrow.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ArialNarrow-Bold';
  src: url('../fonts/ArialNarrow-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}
/* * html .clearfix,:first-child+html .clearfix{zoom:1} */

/* ---------------------------------------------------------------------- */
/* Basic settings */
/* ---------------------------------------------------------------------- */

html {
	  font-family: 'Arial Narrow', arial;
		-webkit-text-size-adjust: 100%;
	      -ms-text-size-adjust: 100%;
}

body {
    background-color: #fff;
    color: #333;
      font-family: 'Arial Narrow', arial;
    font-size: 15px;
    line-height: 1.4;
    overflow-x: hidden;
}

.body_wrap {
    overflow-x: hidden;
}

a {color: #333; outline: none;}

.contentText {margin-bottom: 40px;}

.accordion-content .contentText {margin-bottom: 0;}

.tab-content .contentText {margin-bottom: 0;}

.contentText a {text-decoration: underline;}

.contentText a.button-blau {text-decoration: none;}

.footer-bottom-box .contentText a {text-decoration: none;}

a:hover, a:focus {color: #2F52A0; outline: none;}

h1, .h1 {
    color: #2F52A0;
    text-align: center;
    background-image: url("../img/linie.png");
    background-repeat: no-repeat;
    background-position: center bottom;
   	padding: 10px 0 80px;
   	margin: 0 0 10px 0;
}

h2, .h2 {
    color: #2F52A0;
    font-size: 20px;
}

/*.csc-header h2 {
    margin-top: 20px;
}*/


h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 20px;
    margin-top: 0;
}

h3, .h3 {
    font-size: 20px;
}

.contentText ul {
    list-style: square url("../icons/listicon.png");
}

ul, ol {
    padding-left: 15px;
}

li {margin-bottom: 10px;}

.csc-menu {margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.csc-menu li {
    list-style: square url("../icons/listicon.png");
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.33333;
    margin-bottom: 0;
    padding: 2px;
    text-align: center;
    transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
    vertical-align: middle;
    white-space: nowrap;
    float: none;
    margin-right: 0;
    margin-left: 40px;
}

.csc-menu li a {
	padding: 10px 60px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-user-select: none;
    background-color: #fff;
    background-image: none;
    border-color: #ccc #ccc #ccc #b3bcc2;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
}

.csc-menu li a:hover {
    background-color: #2f52a0;
    border-color: #adadad;
    color: #fff;
    text-decoration: none;
}

.blaue-linie {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee -moz-use-text-color -moz-use-text-color;
    border-image: url("../img/linie.png");
    border-style: solid none none;
    border-width: 60px 0 0;
    background-image: url("../img/linie.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-bottom: 10px;
    margin-top: 10px;
}

.blaue-linie hr {display: none;}

.nav > li > a {
    display: block;
    padding: 10px;
    position: relative;
}

.table a {color:#2F52A0; text-decoration: underline;}

.isotope-contacts-filter a {color:#2F52A0; text-decoration: underline;}

#page_181 section a:link {text-decoration: underline}

.navbar-default .navbar-nav > li > a:hover {
    color: #2f52a0;
}

.csc-textpic-caption {
    text-align: left;
    caption-side: bottom;
    padding: 5px 35px;
}

/* ---------------------------------------------------------------------- */
/* Upload */
/* ---------------------------------------------------------------------- */

.plupload_header_content {
    display: none;
}

.plupload_container {
    padding: 0;
}

.plupload_filelist_header, .plupload_filelist_footer {
    background: #B3BCC2 none repeat scroll 0 0;
    color: #333;
    padding: 8px;
}

.plupload_scroll .plupload_filelist {
    background: #F6F6F6 none repeat scroll 0 0;
}

/* ---------------------------------------------------------------------- */
/* Buttons */
/* ---------------------------------------------------------------------- */

.button-rahmen {border:1px solid #B3BCC2; border-left: 2px solid #B3BCC2; display:block;}

.btn-lg, .btn-group-lg > .btn {
    border-radius: 0;
    font-size: 18px;
    line-height: 1.33333;
    padding: 10px 40px;
    border-left: 5px #B3BCC2 solid;
}

.btn-default:hover {
  background-color: #2F52A0;
  border-color: #B3BCC2;
  color: #fff;
}

.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #B3BCC2;
  border-color: #B3BCC2;
}

.button-blau {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-user-select: none;
    background-color: #fff;
    background-image: none;
    border-color: #ccc #ccc #ccc #b3bcc2;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.33333;
    margin-bottom: 0;
    padding: 10px 40px;
    text-align: center;
    transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
    vertical-align: middle;
    white-space: nowrap;
}

.button-blau:hover, #footer .button-blau:hover {
    background-color: #2F52A0;
    border-color: #adadad;
    color: #fff;
    text-decoration: none;
}

.button-red {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	-moz-user-select: none;
	background-color: #8b2939;
	background-image: none;
	border-color: #ccc #ccc #ccc #b3bcc2;
	border-image: none;
	border-radius: 0;
	border-style: solid;
	border-width: 1px 1px 1px 5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.33333;
	margin-bottom: 0;
	padding: 10px 40px;
	text-align: center;
	transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
	vertical-align: middle;
	white-space: nowrap;
}
.button-red:hover, #footer .button-blau:hover {
    background-color: #2F52A0;
    border-color: #adadad;
    color: #fff;
    text-decoration: none;
}

.btn {
    border-radius: 0;
    outline: none;
}

.btn-default.btn-left {
    background-color: #fff;
    border-color: #B3BCC2;
    color: #333;
    border-right: 5px solid #B3BCC2;
    margin-left: 15px;
    outline: none;
}

.btn-default.btn-right {
    background-color: #fff;
    border-color: #B3BCC2;
    color: #333;
    border-left: 5px solid #B3BCC2;
    margin-right: 15px;
    outline: none;
}

.btn-default.btn-left:hover, .btn-default.btn-right:hover {
    color: #fff;
}

#footer .button-blau {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-user-select: none;
    background-color: #fff;
    background-image: none;
    border-color: #ccc #ccc #ccc #b3bcc2;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.33333;
    margin-bottom: 0;
    padding: 2px 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

#map_canvas {margin-top: -1px;}

/* ---------------------------------------------------------------------- */
/* Full Width Background */
/* ---------------------------------------------------------------------- */

.grey-background-full-width {background-color: #d9dde0; padding: 40px 0; margin: 40px 0}

.grey-background-full-width h1, .grey-background-full-width .h1 {padding: 0 0 80px;}

/* ---------------------------------------------------------------------- */
/* Sitemap */
/* ---------------------------------------------------------------------- */

.csc-sitemap ul {
    margin-top: 10px;
}

.csc-sitemap li {
	list-style: none;
    margin-left: 20px;
    background: #fff url("../icons/menue-list-icon.png") no-repeat scroll 8px 15px / 4px auto;
	color: #333;
	padding: 8px 0 8px 20px;
}

/* ---------------------------------------------------------------------- */
/* Download Button */
/* ---------------------------------------------------------------------- */

.csc-uploads {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #F6F6F6 url("../icons/hinweis-retina-icons-download.png") no-repeat scroll 20px 15px / 55px 55px;
    border-color: #ccc #ccc #ccc #B3BCC2;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin: 20px 0;
    padding: 15px 0 15px 100px !important;
    text-decoration: none;
}

.csc-uploads span {float: left;margin-right: 8px;}

.csc-uploads a {
	text-decoration: none;
	color: #2F52A0;
}

.download-item {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #F6F6F6 url("../icons/hinweis-retina-icons-download.png") no-repeat scroll 20px 15px / 55px 55px;
    border-color: #ccc #ccc #ccc #B3BCC2;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    height: 85px;
    width: 40%;
    margin: 20px 0;
    padding: 10px 0 0 100px !important;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
}

li.download-item {margin-bottom: 20px;}

.download-item a {
	text-decoration: none;
	color: #2F52A0;
}

.download-item a:hover {
	text-decoration: underline;
}

.tx-dce-pi1 ul li {list-style: none;}

.downloads-list {
    padding-left: 0;
}

.tx-dce-pi1 ul.downloads-list li span {float:left; margin-right: 5px;}

.tx-dce-pi1 ul.downloads-list li span.download-filesize {font-size: 11px; padding-top: 3px;font-style: italic;}

/* ---------------------------------------------------------------------- */
/* Schriften */
/* ---------------------------------------------------------------------- */

samp {
    font-family: 'Arial Narrow', arial;
}

.tooltip {
    font-family: 'Arial Narrow', arial;
}

.popover {
    font-family: 'Arial Narrow', arial;
}

/* ---------------------------------------------------------------------- */
/* Suche */
/* ---------------------------------------------------------------------- */

.tx-indexedsearch-info {
    display: none;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
    margin-right: 20px;
    margin-bottom: 20px;
}
.tx-indexedsearch .tx-indexedsearch-whatis {
    margin-top: 40px !important;
}
.tx-indexedsearch-icon img {
    margin-bottom: 0;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
    color: #005ba9 !important;
}
.tx-indexedsearch-searchbox-sword {
    height: 60px !important;
    margin-left: 20px;
}
.tx-indexedsearch-title {
    vertical-align: top;
}
.search-input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border-bottom-color: #a4a5a5;
    border-bottom-style: solid;
    border-radius: 0 !important;
    border-width: 0 0 1px !important;
    box-shadow: none !important;
    color: #333;
    height: 25px;
    margin-top: -3px;
    padding-bottom: 0;
    width: 90px;
}
.search-submit {
    /*background: rgba(0, 0, 0, 0) url("../img/search-icon.png") no-repeat scroll 0 4px !important;*/
    border: medium none;
    display: inline-block;
    height: 20px !important;
    margin-top: 5px;
    padding: 0 !important;
    width: 20px !important;
}
.tx-macinasearchbox-pi1 {
    float: right;
    margin-top: 3px;
    padding-bottom: 5px;
}

.tx-indexedsearch-searchbox option {
    padding: 20px 7px;
}

/* ---------------------------------------------------------------------- */
/* Back to Top */
/* ---------------------------------------------------------------------- */

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(47, 82, 160, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 9999;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
a.cd-top:hover {
  background-color: #2F52A0;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

@media only screen and (max-width: 767px ) {
    .bereiche.header {
        display:none;
    }
}

/* ---------------------------------------------------------------------- */
/* Navigation */
/* ---------------------------------------------------------------------- */

.nav-top {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #d9dde0;
    border-color: -moz-use-text-color;
    border-image: none;
    border-style: none;
    border-width: 0 0 1px;
    font-size: 13px;
    height: 30px;
}

.navbar-nav {
    margin: 0 0 0 3px;
}

.navbar-header {display:none;}

.navigation_linie {border-top: 1px #2F52A0 solid; border-bottom: 1px #2F52A0 solid;}

#page_3 .navigation_linie, #page_1 .navigation_linie {border-top: 1px #2F52A0 solid; border-bottom: none;}

.navbar-language {margin-top: 5px;}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
}

.dropdown-menu {
    min-width: 55px;
    margin: 5px 0 0;
}

.active-lang {margin-right: 5px;}

#lang-de span, #lang-en span {text-transform: uppercase;}

.megamenu-links a[data-uid="9"] {
    background: url("../icons/menue-icon-stainless.png") no-repeat scroll 0 13px / 30px 21px ;
    padding-left: 40px;
}

.megamenu-links a[data-uid="10"] {
    background: url("../icons/menue-icon-fixings.png") no-repeat scroll 0 13px / 30px 21px ;
    padding-left: 40px;
}

.megamenu-links a[data-uid="11"] {
    background: url("../icons/menue-icon-stainless.png") no-repeat scroll 0 13px / 30px 21px ;
    padding-left: 40px;
}

.megamenu-links a[data-uid="13"] {
    background: url("../icons/menue-icon-trade.png") no-repeat scroll 0 13px / 30px 21px ;
    padding-left: 40px;
}

.megamenu .navbar-collapse .megamenu-content ul.megamenu-links li a[data-uid="9"] {
    color: #2A2252;
}

.megamenu .navbar-collapse .megamenu-content ul.megamenu-links li a[data-uid="10"] {
    color: #8B2939;
}

.megamenu .navbar-collapse .megamenu-content ul.megamenu-links li a[data-uid="11"] {
    color: #2A2252;
}

.megamenu .navbar-collapse .megamenu-content ul.megamenu-links li a[data-uid="13"] {
    color: #a98631;
}

.m-fixings-nav ul li ul li {
    color: #8B2939;
}

.megamenu .navbar-collapse .megamenu-content ul.megamenu-sublinks > li {
    border-left: 5px solid #b3bcc2;
    margin-top: 10px;
    width: 65%;
}

.megamenu .navbar-collapse .megamenu-content ul.megamenu-sublinks > li ul {
    width: 65%;
}

/* Ist jetzt die Farbe für M-CUSTOM */
.megamenu .navbar-collapse .megamenu-content #m-stainless-nav ul.megamenu-sublinks > li > a {
    color: #2a2252;
}
/* Ist jetzt die Farbe für M-SYSTEM */
.megamenu .navbar-collapse .megamenu-content #m-fixings-nav ul.megamenu-sublinks > li > a {
    color: #8b2939;
}
/* Ist jetzt die Farbe für M-TRADE*/
.megamenu .navbar-collapse .megamenu-content #m-construct-nav ul.megamenu-sublinks > li > a {
    color: #a98631;
}
/* wird nicht mehr verwendet */
.megamenu .navbar-collapse .megamenu-content #zubehoer-nav ul.megamenu-sublinks > li > a {
    color: #2F52A0;
}

li .megamenu-content {height: auto;}

ul .megamenu-links {height: 10%;}

/* Ist jetzt die Farbe für M-CUSTOM */
#m-stainless-nav h3, #m-stainless-nav .h3 {
	margin-top: 0;
    margin-bottom: 20px;
    color: #2a2252;
}
/* Ist jetzt die Farbe für M-SYSTEM */
#m-fixings-nav h3, #m-fixings-nav .h3 {
	margin-top: 0;
    margin-bottom: 20px;
    color: #8b2939;
}
/* Ist jetzt die Farbe für M-TRADE */
#m-construct-nav h3, #m-construct-nav .h3 {
	margin-top: 0;
    margin-bottom: 20px;
    color: #a98631;
}
/* wird nicht mehr verwendet */
#zubehoer-nav h3, #zubehoer-nav .h3 {
	margin-top: 0;
    margin-bottom: 20px;
    color: #2F52A0;
}

.navbar-language a:link, .login a:link {text-decoration: none;}

/* ---------------------------------------------------------------------- */
/* Header */
/* ---------------------------------------------------------------------- */

#logo {
    margin-left: 30px;    
}
.col-md-6.header-logo {width: auto;}
.header-logo {padding: 50px 0; outline:none;}

.header-logo a:focus {outline: none;}

.bereiche {
	padding: 0;
	height: 550px;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 30px;
}

.bereiche-produkte {
	padding: 0;
	height: 320px;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 30px;
}

.bereiche .header h1 {
    margin-top: 30px;
}

.header-bereiche {padding-top:150px; background: url(../img/pfeilspitze.png) no-repeat 49% 0; margin-bottom: 50px;}

.header-produkte {padding-top:90px; margin-bottom: 20px;}

.header-bereiche h1, .header-bereiche h2 {
    font-size: 31px;
    text-align: center;
    font-weight: 600;
    margin-top: 50px;
    background-image: none;
}

.header-bereiche h3 {color:#2F52A0; font-size: 22px;text-align: center; font-weight: 400;}

.col-md-2.suche {width: 140px;}
.suche .search > .twitter-typeahead {
    width: 80%;
}
.suche .search > i.glyphicon {
    top: 5px
}

.col-md-1.login {
    border-left: 1px solid #555555;
    padding: 6px 15px;
    width: auto;
    font-size: 13px;
}

#lock {height: 14px; margin-right: 8px;}

#trade {
	width: 133px;
	height: 129px;
	background: url("../img/bereichslogo-trade-de.png") no-repeat scroll 0 0;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

a:hover > #trade {
	background: url("../img/bereichslogo-trade-de.png") no-repeat scroll 0 0;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#trade-en {
	width: 133px;
	height: 129px;
	background: url("../img/bereichslogo-trade-en.png") no-repeat scroll 0 0;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

a:hover > #trade-en {
	background: url("../img/bereichslogo-trade-en.png") no-repeat scroll 0 0;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#system-m {
	width: 133px;
	height: 129px;
	background: url("../img/bereichslogo-system-mauerwerk-de.png") no-repeat scroll 0 0;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

a:hover > #system-m {
	background: url("../img/bereichslogo-system-mauerwerk-de.png") no-repeat scroll 0 0;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#system-m-en {
	width: 133px;
	height: 129px;
	background: url("../img/bereichslogo-system-mauerwerk-en.png") no-repeat scroll 0 0;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

a:hover > #system-m-en {
	background: url("../img/bereichslogo-system-mauerwerk-en.png") no-repeat scroll 0 0;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#system-b {
	width: 133px;
	height: 129px;
	background: url("../img/bereichslogo-system-beton-de.png") no-repeat scroll 0 0;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

a:hover > #system-b {
	background: url("../img/bereichslogo-system-beton-de.png") no-repeat scroll 0 0;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#system-b-en {
	width: 133px;
	height: 129px;
	background: url("../img/bereichslogo-system-beton-en.png") no-repeat scroll 0 0;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

a:hover > #system-b-en {
	background: url("../img/bereichslogo-system-beton-en.png") no-repeat scroll 0 0;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#custom {
	width: 133px;
	height: 129px;
	background: url("../img/bereichslogo-custom-de.png") no-repeat scroll 0 0;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

a:hover > #custom {
	background: url("../img/bereichslogo-custom-de.png") no-repeat scroll 0 0;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#custom-en {
	width: 133px;
	height: 129px;
	background: url("../img/bereichslogo-custom-en.png") no-repeat scroll 0 0;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

a:hover > #custom-en {
	background: url("../img/bereichslogo-custom-en.png") no-repeat scroll 0 0;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* ---------------------------------------------------------------------- */
/* Carousel */
/* ---------------------------------------------------------------------- */

.carousel-caption {
    background: rgba(217, 221, 224, 0.8) none repeat scroll 0 0;
    color: #333;
    font-size: 15px;
    left: 0;
    padding: 4px 0 80px 15px;
    right: 0;
    text-align: left;
    text-shadow: none;
    top: 84%;
}

#header-carousel .carousel-caption {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    font-size: 20px;
    left: 0;
    padding: 5px 0 60px 15px;
    right: 0;
    text-align: left;
    text-shadow: none;
    margin-top: 100px;
    margin-left: -15px;
}

#header-carousel {margin-top: -1px;}

#header-carousel .carousel-caption {position: static;}

#carousel-example-generic {margin-bottom: 30px;}

#carousel-header .carousel-indicators {
    bottom: 10px;
    left: 60%;
    list-style: outside none none;
    margin-left: -30%;
    padding-left: 0;
    position: absolute;
    text-align: center;
    width: 40%;
    z-index: 15;
}

#carousel-header .carousel-indicators li {
	border: 1px solid #fff;
    border-radius: 0;
}

#carousel-header .carousel-indicators .active {
    background-color: #fff;
}

.carousel-indicators {
    bottom: -40px;
    left: 80%;
    list-style: outside none none;
    margin-left: -40%;
    padding-left: 0;
    position: absolute;
    text-align: right;
    width: 60%;
    z-index: 15;
}

.carousel-indicators li {
	border: 1px solid #2F52A0;
    border-radius: 0;
}

.carousel-indicators .active {
    background-color: #2F52A0;
}

.header-carousel-headline1 {display:inline-block; padding: 5px 20px; background-color: #2F52A0; margin-bottom: 5px;}
.header-carousel-headline2 {display:inline-block; padding: 5px 20px; background: rgba(43,80,159,0.5);}

.header-carousel-headline1 p, .header-carousel-headline2 p {margin: 0;}

.carousel-inner img {border: 1px solid #B3BCC2; border-left: 5px solid #B3BCC2;}

.carousel-control.left {
    background-image: none;
}

.carousel-control.right {
    background-image: none;
}

.tx-dce-pi1 .carousel {margin-bottom: 30px;}

/* ---------------------------------------------------------------------- */
/* Lightbox */
/* ---------------------------------------------------------------------- */

.lightbox .lb-image {
  border-radius: 0;
}

.lb-outerContainer {
  border-radius: 0;
}

.lb-dataContainer {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* ---------------------------------------------------------------------- */
/* Cookie Banner */
/* ---------------------------------------------------------------------- */

/*#cookieBanner {*/
  /*display: none;*/
  /*font-size: 14px;*/
  /*width: 100%;*/
  /*margin: 0 auto;*/
  /*padding: 15px;*/
  /*background-color: #ddd;*/
  /*border-bottom: solid 1px #ccc;*/
/*}*/

/*#cookieBanner a:link, #cookieBanner a:visited {text-decoration: underline; color: #103478;}*/

/*#cookieBanner a:active, #cookieBanner a:hover {text-decoration: none;}*/

/*#cookieBannerClose {float: right;}*/

/*#cookieBannerClose a {text-decoration: none !important;}*/

/*#cookieBannerActions {text-align: center; padding-top: 4px; }*/


#tx_cookies_inner {
    position: relative;
    background: #D9DDE0;
    padding: 10px;
    border-bottom: 1px #2F52A0 solid;
}

#tx_cookies h3, ul.typo3-messages {
    display: none;
}

#tx_cookies_inner {
    text-align: center;
}

#tx_cookies button, #tx_cookies input[type="submit"] {
    padding: 5px 10px 4px 10px;
    background: #D9DDE0;
}

#tx_cookies button:hover,#tx_cookies input[type="submit"]:hover {
    background: #fff !important;
    color: #000 !important;
}

#tx_cookies input[type="submit"] {
    margin-top: 5px;
    margin-bottom: 5px;
}

#tx_cookies_showPermanent {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1040;
    /*right: 10px;*/
}

#tx_cookies_inner {
    padding: 10px 10%;
}

#tx_cookies #tx_cookies_close {
    position: absolute;
    right: auto;
    top: 0;
    z-index: 99;
    left: 0;
}

#tx_cookies_link {
    text-decoration: underline;
}

#tx_cookies_inner form#tx_cookies_accept {
    /*float: left;*/
    margin: 5px 10px 0 10px;
}

#tx_cookies_inner form#tx_cookies_disable {
    /*float: right;*/
    margin: 5px 10px 0 10px;
}

#tx_cookies_inner_form {
    background-color: #D9DDE0;
    width: 100%;
    height: 50px;
}

#tx_cookies_inner_form #tx_cookies_disable input[type="submit"] {
    background: #2F52A0;
    color: #fff;
}

#tx_cookies_inner_form #tx_cookies_accept input[type="submit"] {
    background: #2F52A0;
    color: #fff;
}

#tx_cookies_inner_form_btn  {
    overflow:hidden;
    min-width: 1px;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

#tx_cookies_inner_form_btn form {
    /*width: 50%;*/
    /*float:left;*/
    display: block;
    overflow:hidden;
    margin:0 !important;
}

#tx_cookies_btn {
    display: block;
    margin: 0 auto;
    width: auto;
}

@media (max-width: 979px) {

    #tx_cookies_inner_form_btn {
        width: auto;
    }

    #tx_cookies_inner_form {
        height: 90px;
    }
}

/* ---------------------------------------------------------------------- */
/* News */
/* ---------------------------------------------------------------------- */

.pagination {
    margin-right: 15px;
    margin-top: 50px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 0;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #2F52A0;
    border-color: #2F52A0;
}

.pagination > li > a, .pagination > li > span {
    color: #2F52A0;
}

.page-navigation p {display: none;}

.news-text-wrap {margin-bottom: 30px;}

.news .news-single img .img-responsive {border: 0 solid #B3BCC2;
    border-left: 5px solid #B3BCC2;
    border-right: 1px solid #B3BCC2;}

.thumbnail {
	border: 0 solid #B3BCC2;
    border-left: 5px solid #B3BCC2;
    border-right: 1px solid #B3BCC2;
    border-radius: 0;
    padding: 0;
}

.thumbnail img {
	width: 1140px;
}

.article h2  {
    margin-top: 0;
    font-size: 22px;
}

.article .button-blau {
    float: right
}

.article .extra {
    border-right: 5px solid #B3BCC2;
    font-size: 15px;
    text-align: center;
    width: 82px;
    color: #333;
}

.lead {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 20px;
    min-height: 50px;
}

.news .img-responsive {
    min-width: 100%;
}

.extra span {
    color: #2f52a0;
    font-size: 34px;
    font-weight: 600;
}

.extra {text-align: center;}

.news-list-item h2, .news-list-item .h2 {margin-top: 20px;font-weight: 600;}

.news-list-item h2 a, .news-list-item .h2 a {color: #2F52A0;font-size:22px;}

.caption {
	background: rgba(217, 221, 224, 0.8) none repeat scroll 0 0;
    font-size: 16px;
    left: 15px;
    right: 15px;
    text-align: left;
    text-shadow: none;
    top: 85%;
    bottom: 20px;
    position: absolute;
    z-index: 10;
}

.thumbnail .caption {
    color: #333;
    padding: 4px 0 65px 15px;
}

/* _:-ms-lang(x), */
div.bhoechie-tab-menu div.list-group > a.active, div.bhoechie-tab-menu div.list-group > a.active .glyphicon, div.bhoechie-tab-menu div.list-group > a.active .fa {
    border: #B3BCC2 1px solid;
}

.news .alert {
    display: none;
}

.news-list-view .col-md-6 {min-height: 500px;}

/* ---------------------------------------------------------------------- */
/* Tabs */
/* ---------------------------------------------------------------------- */

.tab-line {
    background: #2f52a0 none repeat scroll 0 0;
    height: 20px;
    margin-top: 40px;
    overflow-x: hidden;
    position: relative;
    width: 2400px;
    z-index: 1000;
    border-left: 1px solid #B3BCC2;
}

.nav-tabs {
    border-bottom: none;
}

.nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: 0;
    line-height: 1.42857;
    margin: 0;
    height: 45px;
}

.nav-tabs > li {
    border-bottom: 1px solid #b3bcc2;
    border-left: 1px solid #b3bcc2;
    border-right: 1px solid #b3bcc2;
    float: left;
    margin-bottom: -1px;
    margin-right: -1px;
    margin-top: -1px;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #f6f6f6;
    text-decoration: none;
}

.nav-tabs > li > a:hover {
    border-color: #eee;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #2F52A0;
    border-color: transparent #B3BCC2;
    border-image: none;
    border-style: solid;
    border-width: 0;
    color: #fff;
    cursor: default;
    margin-right: 0;
}

.super-tab-compiled .tab-content {border: none; padding: 30px 0;}

.tab-compiled .tab-content {border: #B3BCC2 1px solid; padding: 30px;}

.tab-compiled {margin-bottom: 30px;}

.super-tab-compiled {margin-bottom: 30px;}

.super-tab-compiled > .nav-tabs > li.active > a, .super-tab-compiled > .nav-tabs > li.active > a {
    background-color: #B3BCC2;
    border-color: #B3BCC2;
}

.super-tab-compiled > .nav-tabs {
    border-left: 1px solid #B3BCC2;
}

.super-tab-compiled > .nav-tabs > li {
    border-right: 1px solid #B3BCC2;
    border-bottom: 1px solid #B3BCC2;
    border-bottom-left-radius: 0 !important;
}

.super-tab-compiled > .nav-tabs > li.active > a, .super-tab-compiled > .nav-tabs > li.active > a:hover, .super-tab-compiled > .nav-tabs > li.active > a:active, .super-tab-compiled > .nav-tabs > li.active > a:focus {
    background: #B3BCC2;
}

.super-tab-compiled ul li a {
    color: #B3BCC2;
}

.super-tab-compiled ul.downloads-list li a {
    color: #2f52a0;
}

.nav-tabs > li a {
    padding: 10px 10px 12px 6px;
    font-size: 13px;
    height: 40px;
}

/* ---------------------------------------------------------------------- */
/* Table */
/* ---------------------------------------------------------------------- */

.table-bordered {
    border: 0 solid #B3BCC2;
    border-left: 5px solid #B3BCC2;
    border-right: 1px solid #B3BCC2;
    background: #F6F6F6;
}

.table {margin-top: 20px;}

th {color:#2F52A0;}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 1px;
    border-bottom-color: #2F52A0;
    vertical-align: middle;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border-left: 1px solid #2F52A0;
}

.grauer-rahmen {
    border: 1px solid #B3BCC2;
    border-left: 5px solid #B3BCC2;
    background: #F6F6F6;
    padding: 15px;
    margin: 40px 0;
}

.grauer-rahmen img {margin-right: 0;}

.grauer-rahmen li {margin-left: 10px;}

.grauer-rahmen h2, .grauer-rahmen .h2 {
    margin-top: 15px;
}

/* ---------------------------------------------------------------------- */
/* Produkte */
/* ---------------------------------------------------------------------- */

.logo-container {border: #B3BCC2 1px solid; margin-bottom: 20px; }

.logo-container img {padding: 10px 10px;}

/*

.products-submenu li {display: block; border: #333 1px solid; }

.products-submenu li ul {display: block; border: none; }

.products-submenu a {padding: 10px;}

*/

ul.products-submenu {
    padding-left: 0;
}

.products-submenu li {
    list-style: outside none none;
    text-decoration: none;
    margin-bottom: -1px;
}

.products-submenu li a:hover {
    text-decoration: none;
    color: #2F52A0;
}


/* first level */
.products-submenu li a {
	background: #FFF url("../icons/submenue-background-retina.png") no-repeat scroll 100% -60px / 56px 112px;
	padding:15px 0 15px 20px;
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	border: 1px solid #B3BCC2;
}

.products-submenu li a {
	background: #FFF url("../icons/submenue-background-retina.png") no-repeat scroll 100% -60px / 56px 112px;
	padding:15px 0 15px 20px;
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	border: 1px solid #B3BCC2;
}

.products-submenu li ul li {
    background: #fff url("../icons/submenue-background-retina.png") no-repeat scroll 0 0 / 10px 10px;
}

.products-submenu li ul a {
	border: none;
}

.products-submenu li.active a, .products-submenu li.current a{
	background: #2F52A0 url("../icons/submenue-background-retina.png") no-repeat scroll 100% 0 / 56px 112px;
	color: #FFF;
}

.products-submenu li.active ul li a:hover, .products-submenu li.current ul li a:hover{
    color: #2F52A0;
}

	/* Second Level */
	.products-submenu li ul li{
		border-bottom: none;
	}

	.products-submenu li.active ul li a, .products-submenu li.current ul li a{
		background: #fff url("../icons/menue-list-icon.png") no-repeat scroll 8px 15px / 4px auto;
		color: #333;
		padding: 8px 0 8px 20px;
	}

	.products-submenu li.active ul li.active a, .products-submenu li.current ul li a {
    color: #2F52A0;
	}

	.products-submenu li.active ul li.active ul li a, .products-submenu li.current ul li a {
    color: #333;
	}

	.products-submenu li.active ul li.active ul li.active a, .products-submenu li.current ul li a {
    color: #2F52A0;
	}

	.products-submenu li ul li.active a.activeLink {
		background: rgba(0, 0, 0, 0) url("../icons/submenue-background-retina.png") no-repeat scroll 100% 0 / 56px 112px;
	}

	.products-submenu li ul li.current a.activeLink {
	    background: rgba(0, 0, 0, 0) url("../icons/submenue-background-retina.png") no-repeat scroll 100% 0 / 56px 112px;
	    border-bottom: medium none;
	    color: #333 !important;
	    display: inline-block;
/* 	    zoom:1; */
	    padding-right: 20px;
	    text-decoration: underline;
	    width: auto;
	}

			/* Third Level */
			.products-submenu li ul li ul li{
				border-bottom: none;
			}
					.products-submenu li ul li ul li a{
				border-bottom: none !important;
				padding: 5px 0 0 55px;
			}

			.products-submenu li ul li ul li.active a.activeLink {
				background: rgba(0, 0, 0, 0) url("../icons/submenue-background-retina.png") no-repeat scroll 100% 0 / 56px 112px;
			}

			.products-submenu li ul li ul li.current a.activeLink {
			    background: rgba(0, 0, 0, 0) url("../icons/submenue-background-retina.png") no-repeat scroll 100% 0 / 56px 112px;

			}

			.products-submenu li ul li ul li:last-child{padding-bottom: 10px !important;}



					/* Level Four */
					.products-submenu li ul li ul li ul li a{
						padding: 5px 0 0 75px;
					}


/* ---------------------------------------------------------------------- */
/*	Formular
/* ---------------------------------------------------------------------- */

.tx-powermail {
	border: none;
}

.tx-powermail a {
    color: #2f52a0;
}

.tx-powermail h3 {display: none;}

.tx-powermail ul li {
	list-style: none;
	margin-top: 8px;
	margin-left: 0;
	color: #e30613;
}

label {
	cursor: pointer;
	margin: 0 0 5px;
}

input, textarea, select {
	border: 1px solid #B3BCC2;
	border-left:5px solid #B3BCC2;
	-webkit-appearance: none; /* Fix for Mobile Safari */
	background-color: #fff;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	color: #333;
	font: 15px/1.5 Arial Narrow,Arial,sans-serif;
	padding: 15px 10px;
	border-radius: 0;
	margin: 0;
	margin-bottom: -1px;
}

.tx-felogin-pi1 input, textarea, select {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #b3bcc2;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    box-shadow: none;
    font: 15px/1.5 Arial Narrow,Arial,sans-serif;
    margin: 0;
    padding: 15px 10px;
}

.powermail_label {display: none;}

.powermail_legend {display: none;}

input, select {
	/*height: 20px;*/
	width: 100%;
}

.tx-felogin-pi1 input, select {
	width: 30%;
}

textarea {
	padding: 10px;
	resize: both;
	width: 100%;
}

input:hover, textarea:hover, select:hover { background: none !important; color: #333 !important; }

input:focus, textarea:focus, select:focus { border-color: #ccc; }

input[type="submit"], input[type="reset"], .powermail_confirmation_submit {
    background: #2f52a0 none repeat scroll 0 0;
    border: 1px solid #b3bcc2;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    margin-top: -2px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {margin: 20px 20px;}

.tx-indexedsearch select {
    width: 100%;
    padding: 0 8px;
}

.tx-felogin-pi1 input[type="submit"], .tx-felogin-pi1  input[type="reset"] {
    margin-top: 20px;
}

.tx-felogin-pi1 legend {display: none;}

.tx-felogin-pi1 form {
    margin-bottom: 20px;
    margin-top: 20px;
}

.tx-felogin-pi1 a {text-decoration: none;}

.tx-felogin-pi1 a:hover {text-decoration: none; color: #2f52a0;}

.tx-felogin-pi1 label {margin-top: 10px;}

.tx-felogin-pi1 h3 {display: none;}

.powermail_confirmation_form {margin-bottom: 0 !important;}

.tx-powermail ul {margin: 0 0;}

input[type="submit"].medium, input[type="reset"].medium, button.medium { font-size: 15px; }

input[type="submit"].large, input[type="reset"].large, button.large { font-size: 17px; }

select, option {
	cursor: pointer;
	padding: 35px 7px;
}

input[type="checkbox"], input[type="radio"], .contact-form input[type="checkbox"], .contact-form input[type="radio"] { width: 20px; }

/* Fix for Mobile Safari */
input[type="checkbox"] { -webkit-appearance: checkbox; }

input[type="radio"] { -webkit-appearance: radio; }

/* Chrome, Safari */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #B3BCC2; }

/* Firefox */
input:-moz-placeholder, textarea:-moz-placeholder { color: #B3BCC2; }

/* jQuery fallback */
input.placeholder, textarea.placeholder { color: #B3BCC2; }

.powermail_radio_inner {float: left;}

.powermail_field_error_container{float: left;}

.powermail_form span {
	color: #fff;
	float: right;
	font-size: 11px;
	margin: 0 53px 10px 0;
}

.tx-powermail dl {margin-left: 40px; margin-bottom: 15px;}

.tx-powermail dl.powermail_all {
    margin-bottom: 15px;
    margin-left: 0;
}

.tx-powermail dt {font-weight: 800; margin-right: 10px;}

.tx-powermail dt {float: left;}

.powermail_confirmation h4 {margin: 20px 0 10px 40px;}

.parsley-custom-error-message, .parsley-required {color: #cd0000;}

.powermail_create p {
    color: #333;
    margin-bottom: 15px;
}

.powermail_headline {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #2F52A0;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 25px 0 15px 40px;
	text-align: left;
}

.powermail_radio_outer {margin-top: 20px;}

/* ---------------------------------------------------------------------- */
/* Suche */
/* ---------------------------------------------------------------------- */

.suche_input {
	background-color: #d9dde0;
	color: #333;
	font-size: 13px;
	border: none;
	border-bottom: 1px solid #555555;
	height: 20px;
	padding: 0;
}

.suche {
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	padding-top: 4px;
	padding-bottom: 4px;
	margin:0;
	height: 30px;
}

/* ---------------------------------------------------------------------- */
/* Kacheln */
/* ---------------------------------------------------------------------- */

#tiles-filtered, #tiles-unfiltered {
    margin: 30px 0;
}

#tiles-filtered .isotope-item img, #tiles-unfiltered .isotope-item img {
    width: 100% !important;
}

.slide-desc {
    display: none
}

#tiles-filtered .columns-5.mini .isotope-item, #tiles-filtered .columns-3.mini .isotope-item, #tiles-filtered .columns-2.mini .isotope-item, #tiles-unfiltered .columns-5.mini .isotope-item, #tiles-unfiltered .columns-3.mini .isotope-item, #tiles-unfiltered .columns-2.mini .isotope-item {
    height: 200px !important;
    overflow-y: hidden !important; }

#tiles-filtered .columns-5 .isotope-item, #tiles-unfiltered .columns-5 .isotope-item {
    width: 20% !important; }

#tiles-filtered .columns-3 .isotope-item, #tiles-unfiltered .columns-3 .isotope-item {
    width: 33% !important; }

#tiles-filtered .columns-2 .isotope-item, #tiles-unfiltered .columns-2 .isotope-item {
    width: 49.5% !important; }

#tiles-filtered #filter, #tiles-unfiltered #filter {
    padding-left: 11px; }

#tiles-filtered #filter > li > a.current, #tiles-unfiltered #filter > li > a.current, #contacts #filter > li > a.current {
    background: none repeat scroll 0 0 #b3bcc2 !important;
    border-color: #b3bcc2 !important;
    color: #fff !important; }

#tiles-filtered .isotope-item .slide-desc, #tiles-unfiltered .isotope-item .slide-desc {
    opacity: 1;
}

#tiles-filtered .isotope-item .slide-desc, #tiles-unfiltered .isotope-item .slide-desc {
    padding: 0;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important; }

#tiles-filtered .isotope-item .slide-desc h3, #tiles-filtered .isotope-item .slide-desc h4, #tiles-unfiltered .isotope-item .slide-desc h3, #tiles-unfiltered .isotope-item .slide-desc h4 {
    background-color: #2f52a0;
    color: #fff;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 10px 25px;
    width: auto;
    text-align: left;
}

#tiles-filtered .isotope-item .slide-desc h4, #tiles-unfiltered .isotope-item .slide-desc h4 {
      background-color: rgba(43, 80, 159, 0.5);
}

#tiles-filtered .isotope-item .slide-desc h4 a, #tiles-unfiltered .isotope-item .slide-desc h4 a {
    color: #fff;
}

#contacts .isotope-frame .col-md-3, #contacts .isotope-frame .isotope-item {
  padding-top: 100px;
  width: 25% !important;
}

#contacts .kontaktdaten-bild {
    background: rgba(0, 0, 0, 0) url("../img/contacts/bg_kontaktdaten.png") no-repeat scroll 0 0 / 100% auto;
    border: 1px solid #b3bcc2;
    height: 232px;
    width: auto;
}

#contacts .kontaktdaten-bild-img {
  height: 290px;
  margin-top: -291px;
  z-index: 50; }

#contacts .kontaktdaten-text {
  border: 1px;
  border-style: solid;
  border-color: #b3bcc2;
  padding: 10px 10px 0 10px }

#contacts .kontaktdaten-text .kontaktdaten-name {
    color: #2f52a0;
    padding: 5px 0 0;
}

#contacts .kontaktdaten-text .kontaktdaten-position {
    color: #b3bcc2;
    padding: 0 0 5px;
}

#contacts .kontaktdaten-text .kontaktdaten-tel {
    background: url(../img/contacts/kontaktdaten-tel.png) no-repeat;
    padding: 5px 5px 5px 45px;
    margin: 10px 0; }

#contacts .kontaktdaten-text .kontaktdaten-fax {
    background: url(../img/contacts/kontaktdaten-fax.png) no-repeat;
    padding: 5px 5px 5px 45px;
    margin: 10px 0; }

#contacts .kontaktdaten-text .kontaktdaten-mail {
    background: url(../img/contacts/kontaktdaten-mail.png) no-repeat;
    padding: 5px 5px 5px 45px;
    margin: 10px 0; }

#contacts #filter {
    padding-left: 11px; }

div.bhoechie-tab-content {position: relative;}

div.bhoechie-tab-content img {position: relative; width: 100%; }

div.bhoechie-tab-content .news-item-teaser {
    background: rgba(217, 221, 224, 0.8);
    z-index: 100000;
    color: #333;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 320px;
    padding: 30px;
    text-align: left; }

div.bhoechie-tab-content .news-item-teaser a {
      margin-top: 30px; }

    #filter li a:hover, #filter li a.current {
    background: #2f52a0 none repeat scroll 0 0;
    border-color: #2f52a0;
    color: #fff;
	}


/* ---------------------------------------------------------------------- */
/* Accordion */
/* ---------------------------------------------------------------------- */

.accordion-container {margin-bottom: 20px;}

.panel {
	border: 1px solid #B3BCC2;
	border-left:5px solid #B3BCC2;
}

.panel-title > a.collapsed {display: block; padding: 20px 0 22px 70px;background: url(../icons/accordeon-icon.png) no-repeat 10px 10px; color: #333;}

.panel-title > a {display: block; padding: 20px 0 22px 70px;background: #2F52A0 url(../icons/accordeon-icon.png) no-repeat 10px -110px; color: #fff;}

.panel-title a:hover, .panel-title a:focus {
    color: #333;
    text-decoration: none;
}

.panel-group .panel {
    border-radius: 0;
    margin-bottom: -1px;
}
.panel-default {
    border-color: #B3BCC2;
}

.panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
}

.panel-default > .panel-heading {background: #fff;}

.panel-body {padding: 30px;}

.accordion-content {
  border: 1px solid #B3BCC2; }

.accordion-container .csc-header {margin-bottom: -1px;}

.accordion-container .csc-header.active h4 {
    background: #2F52A0 url(../icons/accordeon-icon.png) no-repeat 10px -110px;
    color: #fff;
    border-left: 5px solid #B3BCC2;
}

.accordion-container .csc-header > h4 {
    display: block;
    background: url(../icons/accordeon-icon.png) no-repeat 10px 10px;
    color: #333;
    padding: 20px 0 22px 70px;
    margin: 0;
    border-left: 5px solid #B3BCC2;
}

.tab-content .accordion-container .csc-header > h4 {
    padding: 20px 490px 20px 70px;
}

.accordion-container .csc-header h4:hover {
   color: #2F52A0;
    text-decoration: none;
}

.accordion-container .csc-header h4:focus {
   color: #333;
    text-decoration: none;
}

.accordion-container .csc-header.active h4:hover, .accordion-container .csc-header.active h4:focus {
   color: #fff;
    text-decoration: none;
}

.accordion-container .accordion-content {
  border-radius: 0;
  border-top: 0;
  /*border-bottom: 0; */
}

.accordion-container .csc-header {
  border: 1px solid #B3BCC2;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0;
  cursor: pointer;
}

.accordion-container .csc-header {background: #fff;}

.accordion-content {padding: 30px; margin-bottom: -1px;}

.accordion-container .csc-header > h4 sub, .accordion-container .csc-header > h4 sup {
    color: #333;
}

.accordion-container .csc-header > h4:hover sub, .accordion-container .csc-header > h4:hover sup {
    color: #2F52A0;
}

.accordion-container .csc-header.active h4 sub, .accordion-container .csc-header.active h4 sup {
    color: #fff;
}

.accordion-container .csc-header.active h4:hover sub, .accordion-container .csc-header.active h4:hover sup, .accordion-container .csc-header.active h4:focus sub, .accordion-container .csc-header.active h4:focus sup {
    color: #fff;
}

/* ---------------------------------------------------------------------- */
/* Footer */
/* ---------------------------------------------------------------------- */

#footer {margin-top: 70px; border-top: 1px solid #B3BCC2;}

#footer-downloads {padding-top: 50px;}

#footer-downloads img {
display: block;
margin-left: auto;
margin-right: auto}

#footer-downloads p {margin: 0;}

#footer img {padding: 0;}

#footer .col-md-8 {margin-top: 53px;}

.footer-bottom-box {border-top: #B3BCC2 1px solid; padding-top: 10px;margin-top: 20px;}

.getInTouch_widget .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border-color: rgba(0, 0, 0, 0);
}

.getInTouch_widget .nav-tabs > li.active > a, .getInTouch_widget .nav-tabs > li.active > a:hover, .getInTouch_widget .nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    margin-right: 0;
    background-color: #b3bcc2;
    border-color: #b3bcc2;
}

.getInTouch_widget .nav > li > a:hover, .getInTouch_widget .nav > li > a:focus {
    background-color: #b3bcc2;
    text-decoration: none;
    border-color: #b3bcc2;
}

/* .getInTouch_widget .tab-content .tab-pane.active {background: #fff url("../img/pfeil.jpg") no-repeat scroll 10% 0px / 15px;} */

.getInTouch_widget .nav-tabs > li {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.getInTouch_widget .nav-tabs {
    border-left: 0;
}

.getInTouch_widget .nav-tabs.nav-justified > li > a {
    border-bottom: medium none;
    border-radius: 0;
    height: auto;
    padding: 50px 0;
}

.getInTouch_widget li {
	background-color: #D9DDE0;
}

.getInTouch_widget .tab-content {
	margin-top: 0;
	border: 0;
}

.getInTouch_widget {
	padding-left: 30px;
	padding-right: 15px;
}

.getInTouch_widget .fa-phone {background: rgba(0, 0, 0, 0) url("../icons/social-fb.png") no-repeat scroll 10% 0 / 25px;}

/*
.getInTouch_widget #contactPhone {margin-left: 7%;}

.getInTouch_widget #contactEmail {margin-left: 40%;}

.getInTouch_widget #contactHome {margin-left: 75%;}
*/

.getInTouch_widget .arrow {
	border: 10px solid #b3bcc2;
	font-size:6px;line-height:0;height:0;padding:0;margin:0;
}

.getInTouch_widget .arrow.down, .getInTouch_widget #contactPhone .arrow.down, .getInTouch_widget #contactEmail .arrow.down, .getInTouch_widget #contactHome .arrow.down {
	border-right-color:  transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
}

.getInTouch_widget #contactPhone .arrow {
    border-style: solid;
    border-width: 37px 10px 0;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0 15%;
    padding: 0;
}

.getInTouch_widget #contactPhone img {
    margin: 0 0 0 4%;
}

.getInTouch_widget #contactEmail .arrow {
    border-style: solid;
    border-width: 37px 10px 0;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0 48.5%;
    padding: 0;
}

.getInTouch_widget #contactEmail img  {
    margin: 0 0 0 38%;
}

.getInTouch_widget #contactHome .arrow {
    border-style: solid;
    border-width: 37px 10px 0;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0 82%;
    padding: 0;
}

.getInTouch_widget #contactHome img  {
    margin: 0 0 0 68%;
}


/* ---------------------------------------------------------------------- */
/* Social */
/* ---------------------------------------------------------------------- */

.social-links {float: right;}

.social-links li.facebook a {background: rgba(0, 0, 0, 0) url("../icons/social-fb.png") no-repeat scroll 0 0 / 25px;}

.social-links li.facebook a:hover {background: rgba(0, 0, 0, 0) url("../icons/social-fb.png") no-repeat scroll 0 -25px / 25px;}

.social-links li.instagram a {background: rgba(0, 0, 0, 0) url("../icons/social-instagram.png") no-repeat scroll 0 0 / 25px;}

.social-links li.instagram a:hover {background: rgba(0, 0, 0, 0) url("../icons/social-instagram.png") no-repeat scroll 0 -25px / 25px;}

.social-links li.xing a {background: rgba(0, 0, 0, 0) url("../icons/social-xing.png") no-repeat scroll 0 0 / 25px;}

.social-links li.xing a:hover {background: rgba(0, 0, 0, 0) url("../icons/social-xing.png") no-repeat scroll 0 -25px / 25px;}

.social-links li.linkedin a {background: rgba(0, 0, 0, 0) url("../icons/social-linkedin.png") no-repeat scroll 0 0 / 25px;}

.social-links li.linkedin a:hover {background: rgba(0, 0, 0, 0) url("../icons/social-linkedin.png") no-repeat scroll 0 -25px / 25px;}

.social-links a {
    display: block;
    height: 25px;
    transition: all 0.2s ease-out 0s;
    width: 25px;
}

.social-links li {
	display: inline-block;
	list-style: outside none none;
	margin: 0 5px 10px 0;
}



@media (min-width: 768px){

    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2  {
        width: 20%;
    }

    .nav-produkte{
	    margin: 0;
	      font-family: 'Arial Narrow', arial;
	    padding:0;
    }

    .extra {
    margin-bottom: 10px;
    text-align: left;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	 .nav-produkte{
	    margin: 75px 0 0 0;
	      font-family: 'Arial Narrow', arial;
	    padding:0;
    }

    .extra {
    margin-bottom: 10px;
    text-align: left;
	}
}

@media (min-width: 1200px) {

    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
        width: 20%;
    }

    .nav-produkte{
	    margin: 75px 0 0 0;
	      font-family: 'Arial Narrow', arial;
	    padding:0;
    }

}

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

    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
        width: 33%;
    }

	.nav-produkte{
	    margin: 0;
	      font-family: 'Arial Narrow', arial;
	    padding:0;
    }

    .extra {
    margin-bottom: 10px;
    text-align: left;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.extra {
    margin-bottom: 10px;
    text-align: left;
	}

	.navbar-header {display:block;}

	.header-logo {padding: 50px 30px; outline:none;}

	.news {margin: 0 20px;}

		.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 {
    min-height: 0;
	}

	#tiles-filtered .isotope-item .slide-desc h3, #tiles-filtered .isotope-item .slide-desc h4, #tiles-unfiltered .isotope-item .slide-desc h3, #tiles-unfiltered .isotope-item .slide-desc h4 {
    background-color: #2f52a0;
    color: #fff;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
    padding: 2px;
    width: auto;
    text-align: left;
	}

	#tiles-filtered .isotope-item .slide-desc h4 a, #tiles-unfiltered .isotope-item .slide-desc h4 a {
    padding: 2px;
	}

	.getInTouch_widget .nav-tabs > li {
    float: left;
    height: 161px;
    width: 33%;
	}

	.getInTouch_widget #contactPhone img {margin: 0;}

	.getInTouch_widget #contactEmail img {margin: 0 0 0 33%;}

	.getInTouch_widget #contactHome img {margin: 0 0 0 59%;}

	.header-bereiche h2 {
    font-size: 26px;
    margin-top: 160px;
	}
}

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

	.extra {
    margin-bottom: 10px;
    text-align: left;
	}

	#contacts .isotope-frame .col-md-3, #contacts .isotope-frame .isotope-item {
	padding-top: 100px;
	width: 100% !important;
	}

	#contacts .text-left {
    margin-bottom: 50px;
	}

	h1, .h1 {font-size: 26px;}

	.bereiche {height: 310px;}

	.navbar-header {display:block;}

	.navbar-brand {display: none;}

	.navbar-toggle {
		background-color: #fff;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 0;
		float: right;
		margin-bottom: 8px;
		margin-right: 15px;
		margin-top: 8px;
		padding: 15px 12px;
		position: relative;
		z-index: 9999;
	}

	.header-logo {padding: 50px 30px; outline:none;}

	#logo {margin-left: 0;}

	.construct {margin-bottom: 20px;}

	.news {margin: 0 20px;}

	.header-bereiche {padding-top: 40px;}

	.header-bereiche h2 {font-size: 20px;}

	.header-bereiche {background: 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 {
    min-height: 0;
	}

	.megamenu-links a[data-uid="9"] {
	    background: url("../icons/menue-icon-stainless.png") no-repeat scroll 0 0 / 30px 21px ;
	    padding-left: 40px;
	}

	.megamenu-links a[data-uid="10"] {
	    background: url("../icons/menue-icon-fixings.png") no-repeat scroll 0 0 / 30px 21px ;
	    padding-left: 40px;
	}

	.megamenu-links a[data-uid="11"] {
	    background: url("../icons/menue-icon-stainless.png") no-repeat scroll 0 0 / 30px 21px ;
	    padding-left: 40px;
	}

	.megamenu-links a[data-uid="13"] {
	    background: url("../icons/menue-icon-trade.png") no-repeat scroll 0 0 / 30px 21px ;
	    padding-left: 40px;
	}

	.bereiche {
    height: 280px;
	}

	.bereiche-produkte {
    height: 220px;
	}

	#construct {
    background: rgba(0, 0, 0, 0) url("../img/bereichslogo-trade-de.png") no-repeat scroll 0 0 / 80px auto;
    height: 80px;
    opacity: 0.6;
    width: 80px;
    margin-bottom: 15px;
	}

	a:hover > #construct {
	background: url("../img/bereichslogo-trade-de.png") no-repeat scroll 0 0 / 80px auto;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	}

	#construct-en {
	width: 80px;
	height: 80px;
	background: url("../img/bereichslogo-trade-gb.png") no-repeat scroll 0 0 / 80px auto;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

	a:hover > #construct-en {
	background: url("../img/bereichslogo-trade-gb.png") no-repeat scroll 0 0 / 80px auto;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	}

	#fixings {
    background: rgba(0, 0, 0, 0) url("../img/bereichslogo-system-de.png") no-repeat scroll 0 0 / 80px auto;
    height: 80px;
    opacity: 0.6;
    width: 80px;
    margin-bottom: 15px;
	}

	a:hover > #fixings {
	background: url("../img/bereichslogo-system-de.png") no-repeat scroll 0 0 / 80px auto;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	}

	#fixings-en {
	width: 80px;
	height: 80px;
	background: url("../img/bereichslogo-system-gb.png") no-repeat scroll 0 0 / 80px auto;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

	a:hover > #fixings-en {
	background: url("../img/bereichslogo-system-gb.png") no-repeat scroll 0 0 / 80px auto;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	}

	#stainless {
    background: rgba(0, 0, 0, 0) url("../img/bereichslogo-custom-de.png") no-repeat scroll 0 0 / 80px auto;
    height: 80px;
    opacity: 0.6;
    width: 80px;
    margin-bottom: 15px;
	}

	a:hover > #stainless {
	background: url("../img/bereichslogo-custom-de.png") no-repeat scroll 0 0 / 80px auto;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	}

	#stainless-en {
	width: 80px;
	height: 80px;
	background: url("../img/bereichslogo-custom-gb.png") no-repeat scroll 0 0 / 80px auto;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

	a:hover > #stainless-en {
	background: url("../img/bereichslogo-custom-gb.png") no-repeat scroll 0 0 / 80px auto;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	}

	div.bhoechie-tab-content .news-item-teaser {
    background: rgba(217, 221, 224, 0.8) none repeat scroll 0 0;
    color: #333;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
	}

	.header-bereiche h2 {
    font-weight: 600;
    margin-top: 100px;
    text-align: center;
	}

	.header-bereiche h3 {font-size: 18px;}

	div.bhoechie-tab-content .news-item-teaser a {margin-top: 0;}

	#tiles-filtered #filter, #tiles-unfiltered #filter {padding-left: 14px;}

	#filter {
    height: 100%;
    margin-top: -11px;
	}

	#footer-downloads .col-md-6 {margin-bottom: 20px;}

	#tiles-filtered .isotope-item .slide-desc h3, #tiles-filtered .isotope-item .slide-desc h4, #tiles-unfiltered .isotope-item .slide-desc h3, #tiles-unfiltered .isotope-item .slide-desc h4 {
    background-color: #2f52a0;
    color: #fff;
    float: left;
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 0;
    padding: 2px;
    width: auto;
	}

	#tiles-filtered .isotope-item .slide-desc h4 a, #tiles-unfiltered .isotope-item .slide-desc h4 a {
    padding: 2px;
	}

	.getInTouch_widget .nav-tabs > li {
    float: left;
    height: 161px;
    width: 33%;
	}

	.getInTouch_widget #contactPhone img {margin: 0 0 0 0;}

	.getInTouch_widget #contactEmail img {margin: 0 0 0 26%;}

	.getInTouch_widget #contactHome img {margin: 0 0 0 34%;}

	#filter li a {
    display: block;
    font-size: 11px;
    font-weight: normal;
    margin-left: -5px;
    outline: medium none;
    overflow: hidden;
    padding: 10px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
	}

	.tx-powermail {margin-bottom: 40px;}

	.getInTouch_widget #contactPhone .arrow {
    border-style: none;
    border-width: 0;
    margin: 0;
	}

	.getInTouch_widget #contactPhone img {
	    margin: 0;
	}

	.getInTouch_widget #contactEmail .arrow {
    border-style: none;
    border-width: 0;
    margin: 0;
	}

	.getInTouch_widget #contactEmail img  {
	    margin: 0;
	}

	.getInTouch_widget #contactHome .arrow {
    border-style: none;
    border-width: 0;
    margin: 0;
	}

	.getInTouch_widget #contactHome img {
    margin: 0;
	}

    .tab-line {
        width: 100%;
        margin-bottom: 37px;
    }

    .super-tab-header {
        width: 350px !important;
        overflow-x: hidden;
    }

    .nav-tabs {margin-top: -36px; width: 300px; margin-left: 0 !important;}

    .header-bereiche h1, .header-bereiche h2 {
        font-size: 24px;
    }

    .caption {
        position: unset;
    }

    .thumbnail .caption {
        padding: 4px 0 10px 15px;
    }

}