.full-height {
  height: 100%;
  min-height: 100%;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}
body {
  background: #dddddd;
}
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}
.page {
  width: 100%;
  height: 100%;
  display: table;
  background: url(../img/background.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
}
.page > nav.navigation {
  display: table-cell;
  background: #434649;
}
.page > nav.navigation > .logo {
  line-height: 80px;
  text-align: center;
  border-bottom: 1px solid #2758af;
  background: #fff;
}
.page > section {
  width: 100%;
  display: table-cell;
  vertical-align: top;
}
.page > section > nav.landlord .icons {
  margin-top: 20px;
}
.page > section > nav.landlord .icons a {
  display: inline-block;
  width: 33%;
  text-align: center;
}
.page > section > .content {
  visibility: hidden;
}
.filter-box {
  float: right;
}
.text-green {
  color: #27e833;
}
.text-yellow {
  color: #FFBF00;
}
.text-red {
  color: #f9152f;
}
.berechnungen table {
  font-size: 12px;
}
.berechnungen table > tbody > tr > th,
.berechnungen table > tbody > tr td {
  padding: 3px 3px;
}
@media (min-width: 768px) {
  .page > section {
    padding: 0px 10px;
  }
}
@media (min-width: 992px) {
  .page > nav.navigation {
    min-width: 220px;
  }
  .page > section {
    padding: 0px 20px;
  }
}
@media (min-width: 1200px) {
  .page {
    width: 1200px;
    margin: auto;
    box-shadow: -10px 0 15px -10px #333333, 10px 0 15px -10px #333333;
  }
  .page > section {
    min-width: 960px;
    padding: 20px 50px;
  }
}
.page > section > nav.landlord img {
  max-height: 90px;
}
.page > section > nav.landlord .icons {
  display: none;
}
.page > section > nav.landlord > .btn {
  /*display: table-cell;*/
  padding: 0;
}
.page > section > nav.landlord > .btn-25 {
  width: 100%;
  margin: 10px 0;
}
.page > section > nav.landlord > .btn-12 {
  width: 16%;
}
.page > section > nav.landlord > .btn-10 {
  width: 13.5%;
}
.page > section > nav.landlord > .btn-logo {
  text-align: center;
  vertical-align: top;
}
.page > section > nav.landlord > .btn-logo a {
  color: #7E7E7E;
}
.page > section > nav.landlord > .btn-logo a:hover {
  color: #434649;
}
.page > section > nav.landlord > .btn-logo a > span {
  color: #244E8E;
}
.page > section > nav.landlord span {
  color: #244E8E;
}
.page > section > nav.landlord span:hover {
  color: #434649;
}
.page > section > nav.landlord span.active {
  color: #97BF3A;
}
.page > section > nav.landlord i.title {
  font-size: 0.3em;
}
.page > section > nav.landlord p {
  display: block;
  margin: 0;
  padding: 0;
  color: #7E7E7E;
  font-weight: bold;
}
@media (min-width: 992px) {
  .page > section > nav.landlord .icons {
    display: block;
  }
  .page > section > nav.landlord > .btn-25 {
    width: 25%;
    margin: 0;
  }
  .page > section > nav.landlord > .btn-12 {
    width: 12%;
  }
  .page > section > nav.landlord > .btn-10 {
    width: 10%;
  }
}
.page > nav.navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  /* Highlight Partent-Nav */
  /* Hide Sub-Nav init */
  /* Show Sub-Nav if parent active */
  /* Highlight Sub-Nav if parent active */
}
.page > nav.navigation ul li a {
  display: block;
  padding: 10px 0px 10px 20px;
  text-decoration: none;
  text-shadow: 2px 2px 2px #222;
  color: #fff;
  background: linear-gradient(#2758af, #1e4385);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#2758af', endColorstr='#1e4385');
  border-top: 1px solid #618ddb;
  border-bottom: 1px solid #000;
}
.page > nav.navigation ul li a:hover {
  background: #152e5b;
  color: #fff;
}
.page > nav.navigation ul li ul li a {
  background: #376fd2;
  border: 0;
  border-top: 1px solid #2758af;
}
.page > nav.navigation ul li ul li:first-child a {
  border-top: 1px solid #618ddb;
}
.page > nav.navigation ul li ul li:last-child a {
  border-bottom: 1px solid #2758af;
}
.page > nav.navigation ul li.active > a {
  background: linear-gradient(#5c7a1a, #8cb927);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#5c7a1a', endColorstr='#8cb927');
}
.page > nav.navigation ul li ul li {
  display: none;
}
.page > nav.navigation ul li.active ul li {
  display: inline;
}
.page > nav.navigation ul li.active ul li.active a {
  background: #6c8f1e;
}
.page > nav.navigation ul li ul li a {
  padding: 5px 30px;
  font-size: 0.9em;
}
/* Endline after last element*/
nav.navigation > ul {
  border-bottom: 1px solid #618ddb;
}
.list-text {
  padding-left: 0px;
  margin-left: 10px;
  font-size: 0.9em;
}
.nav-tabs {
  border-bottom: 1px solid #000;
}
.nav-tabs > li.active > a {
  background: #273746;
  border-color: #000;
  color: #fff;
}
.nav-tabs > li.active > a:hover {
  background: #273746;
  border-color: #000;
  color: #fff;
}
.nav-tabs > li.active > a:focus {
  background: #273746;
  border-color: #000;
  color: #fff;
}
.nav-tabs > li > a {
  color: #fff;
}
.nav-tabs > li > a:hover {
  background: #273746;
  border-color: #000;
}
.control-label,
h4 {
  color: #000 !important;
}
.panel-title {
  color: #fff;
  text-shadow: 1px 1px 5px #000;
  font-weight: bold;
}
.bs-component {
  background: transparent;
}
.modal .modal-header {
  background: #434649;
}
.modal .modal-header h4 {
  color: #fff !important;
}
.modal .modal-header .close {
  text-shadow: none;
}
.modal .modal-header .close span {
  color: #fff !important;
}
.modal .modal-body {
  color: #000;
}
.modal th,
.modal td {
  background: #63707D;
  color: #fff;
}
.modal-dialog.modal-sm {
  width: 300px;
}
.modal-dialog.modal-md {
  width: 600px;
}
.modal-dialog.modal-lg {
  width: 900px;
}
.modal-dialog.modal-xl {
  width: 1200px;
}
.modal-wide .modal-dialog {
  width: 70%;
}

.modal-empfehlung{
    width: 100% !important;
}

.box-center {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.table tbody > tr > td {
  vertical-align: middle;
}
.table tbody > tr.unread > td {
  font-weight: bold;
}
.page-header h1,
.page-header a {
  color: #000 !important;
}
.jumbotron {
  background: transparent;
}
.breadcrumb {
  background-color: #244E8E;
}
.breadcrumb > li + li:before {
  color: #fff;
}
.breadcrumb > .active {
  color: #97BF3A;
}
.navbar {
  margin: 20px 0 20px;
}
.well {
  background: rgba(0, 0, 0, 0.5);
}
.help-block {
  width: 340px;
}
.dl-horizontal dt {
  width: 50px;
  text-align: left;
  font-size: 1.2em;
}
.dl-horizontal dd {
  margin-left: 50px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.beadministrator .page > nav {
  width: 260px;
}
.beadministrator .page .col-lg-12 .table thead {
  background: #273746;
  color: #fff !important;
}
.beadministrator .page .col-lg-12 .table tbody tr {
  background: #63707D;
  color: #fff !important;
}
.beadministrator .page .col-lg-12 .table-striped > tbody > tr:nth-child(odd) > td,
.beadministrator .page .col-lg-12 .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #495968;
}
.beadministrator .page .modal th,
.beadministrator .page .modal td {
  background: #fff;
  color: #000;
}
.beadministrator .page .table tbody > tr > td {
  vertical-align: top;
}
.experte .page > nav.navigation > .logo {
  width: 100%;
  height: 70px;
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1200px) {
  .experte .page {
    width: 100%;
  }
  .experte .page > section {
    min-width: 80%;
  }
}
@media screen and (max-width: 1023px) {
  .experte .page > nav.navigation > .logo {
    width: 54px;
    height: 54px;
    background-size: 80%;
    /*background-position: left;*/
  }
  .experte .page > section {
    min-width: 100%;
  }
  .experte .page > section .navbar-default .navbar-brand {
    display: none;
  }
  .experte .page > section .navbar-nav.navbar-right {
    display: none;
  }
}
.light {
  background-color: #000;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  overflow: hidden;
  padding: 0 0 4px;
  width: 40px;
  margin: auto;
}
.light span {
  border-radius: 50%;
  display: block;
  height: 20px;
  margin: 4px auto 0;
  opacity: .3;
  width: 20px;
  background-color: #666;
}
.light span.active {
  opacity: 1;
}
.light .red.active {
  background: #ff4000;
  box-shadow: 0 0 7px #111111 inset, 0 0 10px #ff4000;
  background-image: radial-gradient(#666666, transparent);
  background-size: 3px 3px;
  border: dotted 1px #ff4000;
}
.light .orange.active {
  background: #ffbf00;
  box-shadow: 0 0 7px #111111 inset, 0 0 10px #ffbf00;
  background-image: radial-gradient(#666666, transparent);
  background-size: 3px 3px;
  border: dotted 1px #ffbf00;
}
.light .green.active {
  background: #c0ff00;
  box-shadow: 0 0 7px #111111 inset, 0 0 10px #c0ff00;
  background-image: radial-gradient(#666666, transparent);
  background-size: 3px 3px;
  border: dotted 1px #c0ff00;
}
/* Input field */
.select2-selection__rendered { color:black }

/* Around the search field */
.select2-search { color:black }

/* Search field */
.select2-search input { color:black }

/* Each result */
.select2-results { color:black }

/* Higlighted (hover) result */
.select2-results__option--highlighted { color:black }

/* Selected option */
.select2-results__option[aria-selected=true] { color:black }

.dateFiltered{
    display: none;
}

.kulturenFiltered{
    display: none;
}