@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../../typo3conf/ext/bnbasic/Resources/Public/Fonts/OpenSans/Open-Sans.eot);
  src: local('Open Sans'), local('OpenSans'), url(../../typo3conf/ext/bnbasic/Resources/Public/Fonts/OpenSans/Open-Sans.woff) format('woff'), url(../../typo3conf/ext/bnbasic/Resources/Public/Fonts/OpenSans/Open-Sans.svg#OpenSans) format('svg'), url(../../typo3conf/ext/bnbasic/Resources/Public/Fonts/OpenSans/Open-Sans.eot?#iefix) format('embedded-opentype'), url(../../typo3conf/ext/bnbasic/Resources/Public/Fonts/OpenSans/Open-Sans.woff2) format('woff2'), url(../../typo3conf/ext/bnbasic/Resources/Public/Fonts/OpenSans/Open-Sans.ttf) format('truetype'); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../../typo3conf/ext/bnbasic/Resources/Public/Fonts/OpenSans/Open-Sans-Semibold.woff) format('woff'), url(../../typo3conf/ext/bnbasic/Resources/Public/Fonts/OpenSans/Open-Sans-Semibold.woff2) format('woff2'), url(../../typo3conf/ext/bnbasic/Resources/Public/Fonts/OpenSans/Open-Sans-Semibold.ttf) format('truetype'); }

html, body {
  font-size: 14px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  width: 100%;
  margin: auto;
  line-height: 1.85; }

div {
  border: 0px solid;
  border-color: red;
  box-sizing: border-box;
  padding: 0px; }

.bn-std-header {
  /*height:200px;*/ }

.bn-logo {
  margin: 0 auto;
  text-align: center; }

.bn-logo a {
  display: inline-block;
  padding: 25px; }
/* THE MAGIC STARTS HERE */
.center {
  margin: 0 auto; }

.max-width {
  max-width: 1170px;
  /* scss var from bootstrapp: $container-large-desktop */
  text-align: left; }

.full-width {
  padding: 0;
  margin: 0 auto; }

.full-width > .col {
  padding: 0;
  margin: 0; }
/* THE MAGIC ENDSS HERE */
.bg {
  background-size: cover;
  background-position: center center; }

.page_footer {
  min-height: 150px;
  background-color: #fff;
  padding-top: 20px; }
/* you can do it, but it's not recommended ;) */
.max-width > .col {
  padding: 15px; }

.grid {
  margin: 0; }

.full-width {
  overflow: hidden !important; }

#topnavi {
  margin: 30px 0 0 0; }
  #topnavi ul.navbar-nav, #topnavi .navbar-collapse {
    margin: 0;
    padding: 0; }

#gln {
  background-color: #fff;
  border: none;
  z-index: 10; }

.navbar-nav {
  width: 100%;
  text-align: center;
  float: none;
  font-size: 18px; }
  .navbar-nav .last {
    border-right: 0px !important; }
  .navbar-nav > li {
    float: none;
    display: inline-block;
    border-right: 2px solid #000; }
    .navbar-nav > li > a {
      padding-top: 0px;
      padding-bottom: 0px; }
    .navbar-nav > li > a:hover {
      color: #000; }
  .navbar-nav > .active > a {
    font-weight: 600;
    background-color: inherit !important; }

aside .content-box {
  padding-right: 0px !important;
  padding-left: 0px !important; }

.module-subnav .panel {
  border: 0;
  box-shadow: none;
  background-color: transparent; }
  .module-subnav ul, .module-subnav li {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .module-subnav li {
    position: relative; }
  .module-subnav a {
    display: block;
    padding: 10px 0;
    text-decoration: none;
    border-top: 1px solid #ccc;
    color: #000;
    padding-left: 50px; }
  .module-subnav a:hover, .module-subnav a:active, .module-subnav li.active.current > a {
    background-color: #f2f2f2; }
  .module-subnav li.active > a, .module-subnav li.active.current > a {
    font-weight: bold; }
  .module-subnav a::before {
    font-family: 'Glyphicons Halflings';
    content: "\e250";
    color: #777;
    font-size: 8px;
    padding-right: 20px;
    margin-left: -28px; }
  .module-subnav li.extend > a.collapseable::before {
    content: "\e252";
    color: #292929; }
  .module-subnav li.extend > a.collapsed::before {
    content: "\e250";
    color: #777; }
  .module-subnav li > ul a::before {
    content: '';
    padding-left: 9px; }
  .module-subnav > ul > li:first-child a {
    border-top: 0 none transparent; }

@media (max-width: 767px) {
  #topnavi {
    padding-right: 0px;
    padding-left: 0px; }

  #gln > .row {
    margin-left: 0px;
    margin-right: 0px; }
    #gln > .row > .container > .navbar-collapse {
      margin-right: -30px;
      padding-right: 0px; }

  .navbar-nav {
    text-align: left; }
    .navbar-nav > .last {
      border-bottom: 0px solid; }
    .navbar-nav > li {
      display: block;
      padding: 15px 15px;
      border-right: 0px;
      border-bottom: 1px solid; } }

#main-search-form .form-group .form-control {
  background-color: transparent;
  width: 200px;
  display: inline;
  color: #fff;
  border-radius: 0px; }
  #main-search-form .form-group #main-search-submit {
    background-color: transparent;
    font-size: 16px;
    border: 1px solid;
    margin-left: -4px;
    height: 34px;
    width: 34px; }

.tx-indexedsearch .tx-indexedsearch-form {
  margin-bottom: 20px; }
  .tx-indexedsearch .tx-indexedsearch-form input {
    border: 1px solid #cfcfcf;
    height: 35px;
    padding: 0 10px; }
    .tx-indexedsearch .tx-indexedsearch-form input#tx-indexedsearch-searchbox-button-submit, .tx-indexedsearch .tx-indexedsearch-form input.tx-indexedsearch-searchbox-button {
      border: 1px solid #cfcfcf;
      border-left: 0;
      margin-left: -19px;
      background: #cfcfcf; }
    .tx-indexedsearch .tx-indexedsearch-form input.tx-indexedsearch-searchbox-sword {
      border-right: 0;
      width: 400px; }
  .tx-indexedsearch .tx-indexedsearch-form .arrow {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 35px;
    left: -18px; }
    .tx-indexedsearch .tx-indexedsearch-form .arrow::after {
      position: absolute;
      right: 0;
      top: 32%;
      content: ' ';
      width: 0;
      height: 0;
      border: 0 solid transparent;
      border-top-width: 17px;
      border-bottom-width: 17px;
      border-right: 17px solid #cfcfcf; }
  .tx-indexedsearch .tx-indexedsearch-res {
    border-top: 1px solid #cfcfcf;
    padding-top: 35px; }
  .tx-indexedsearch .tx-indexedsearch-res.res0 {
    border-top: 0; }
  .tx-indexedsearch ul.tx-indexedsearch-browsebox {
    padding: 0; }
  .tx-indexedsearch ul.tx-indexedsearch-browsebox li {
    margin-right: 0; }
    .tx-indexedsearch ul.tx-indexedsearch-browsebox li a {
      border: 1px solid #cfcfcf;
      border-left: 0;
      padding: 5px 10px; }
    .tx-indexedsearch ul.tx-indexedsearch-browsebox li:first-child a {
      border-left: 1px solid #cfcfcf; }

@media (max-width: 767px) {
  .ce-media .video {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    /* 16:9 */ }
    .ce-media .video iframe, .ce-media .video embed, .ce-media .video object, .ce-media .video video {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      height: 100%;
      width: 100%;
      border: 0; }

  .ce-inner {
    float: none !important; }

  .ce-outer {
    float: none !important; } }

.topbg {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 260px;
  overflow: hidden; }
  .topbg img {
    visibility: hidden;
    opacity: 0; }

.topbgSlide {
  overflow: hidden; }
  .topbgSlide .item {
    height: auto;
    min-height: 260px;
    max-height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
  .topbgSlide .item img {
    visibility: hidden;
    opacity: 0; }
  .topbgSlide .carousel-caption {
    top: 0; }
  .topbgSlide .slide-text {
    color: #fff; }
/**
 * Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
 * CSS from:       http://codepen.io/transportedman/pen/NPWRGq
 * and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
 * Inspired from:  http://codepen.io/Rowno/pen/Afykb
 *
 */
/**
 *
 * HINWEIS HR:
 * Die CSS Klassen von "carousel slide" in "carousel-fade slide" ändern, damit es funktioniert!
 *
 */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity; }
  .carousel-fade .carousel-inner .active {
    opacity: 1; }
  .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1; }
  .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1; }
  .carousel-fade .carousel-control {
    z-index: 2; }
/*
 WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
 Need to override the 3.3 new styles for modern browsers & apply opacity
 */
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }

@media print {
  .bn-std-header {
    height: 120px; }

  .topbgSlide {
    display: none; }

  .footercol a {
    display: none; }

  .footercol form {
    display: none; } }
/**
 * RESPONSIVE TABLES
 *
 */
/* Force table to not be like tables anymore */
@media (max-width: 767px) {
  /* Hide table headers (but not display: none;, for accessibility) */
  /*
   Label the data
   */
    table.contenttable, .contenttable thead, .contenttable tbody, .contenttable th, .contenttable td, .contenttable tr {
      display: block; }
    table.contenttable thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    table.contenttable tr {
      border: 1px solid #ccc; }
    table.contenttable td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50% !important;
      white-space: normal;
      text-align: left; }
    table.contenttable td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
      text-align: left;
      font-weight: bold; }
    table.contenttable td:before {
      content: attr(data-title); } }