body {
  padding-top: 130px;
  background-color: #004d29; }

.img-center {
  margin: 0 auto; }

.btn-brummeier {
  background-color: #004d29;
  color: #fff; }

.btn-brummeier:hover {
  background-color: #fecc00;
  color: #4d4d4d; }

.header {
  height: 130px;
  border-bottom: 1px solid #ccc;
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 999; }
  .header .topnav {
    height: 50px;
    background-color: #004d29; }
    .header .topnav .menu a {
      display: inline-block;
      color: #fff;
      text-decoration: none;
      font-family: 'Slabo 27px', Arial, sans-serif;
      font-weight: bold;
      font-size: 120%;
      margin-top: 15px;
      margin-right: 15px; }
      .header .topnav .menu a span.glyphicon {
        padding-right: 5px; }
      .header .topnav .menu a:hover {
        color: #fecc00; }
    .header .topnav .hamburger-button {
      background: transparent;
      color: #fff;
      margin-top: 8px; }
    .header .topnav .hamburger-button:hover {
      color: #fecc00; }
  .header .logo {
    display: inline-block;
    padding: 15px 0px;
    padding-top: 20px; }
  .header .plan-download {
    padding-top: 50px; }
    .header .plan-download a {
      text-decoration: none;
      color: #004d29;
      font-family: 'Slabo 27px', Arial, sans-serif;
      font-size: 120%;
      margin-right: 15px; }
      .header .plan-download a span.glyphicon {
        padding-right: 5px; }
    .header .plan-download a:hover {
      color: #fecc00; }
  .header .lang-select {
    text-align: right;
    padding-top: 50px; }
    .header .lang-select a {
      width: 25px;
      text-decoration: none; }

.header.shadow {
  box-shadow: 0px 2px 5px #ccc; }

.content {
  background: url(../../fileadmin/template/Public/Images/background1.jpeg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.navi {
  margin: 15px 0px; }
  .navi .col-md-3 {
    padding: 0px; }
  .navi a {
    display: block;
    color: #fff;
    background-color: #004d29;
    padding: 15px 0px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Slabo 27px', Arial, sans-serif;
    font-size: 120%;
    letter-spacing: 1px; }
  .navi a:hover, .navi .active a {
    background-color: #fecc00;
    color: #4d4d4d; }

.main {
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 30px;
  margin-bottom: 15px; }
  .main h1, .main h2, .main h3, .main h4, .main h5, .main h6 {
    margin-top: 0;
    color: #004d29;
    font-family: 'Slabo 27px', Arial, sans-serif;
    font-weight: bold; }
  .main h1 {
    font-size: 250%; }
  .main h2 {
    font-size: 200%; }
  .main .head h1 {
    margin-bottom: 0; }
    .main .head span {
      font-size: 200%;
      font-family: 'Slabo 27px', Arial, sans-serif;
      color: #4d4d4d; }
  .main hr {
    height: 1px;
    border: 0;
    background-image: linear-gradient(to right, rgba(254, 204, 0, .1), #fecc00, rgba(254, 204, 0, .1)); }
  .main .inner-content p, .main .inner-content ul, .main .inner-content ol {
    font-size: 120%;
    color: #4d4d4d; }
    .main .inner-content a {
      color: #004d29;
      font-weight: bold; }
    .main .inner-content textarea:focus, .main .inner-content input:focus, .main .inner-content select:focus, .main .inner-content input[type]:focus, .main .inner-content .uneditable-input:focus {
      border-color: rgba(0, 77, 41, 0.8) !important;
      box-shadow: 0 1px 1px rgba(0, 77, 41, 0.075) inset, 0 0 8px rgba(0, 77, 41, 0.6) !important;
      outline: 0 none !important; }
    .main .inner-content .well ul {
      font-size: 100%; }
    .main .inner-content .carousel-control {
      color: #004d29; }
    .main .inner-content .carousel-indicators li {
      background: #004d29; }
    .main .inner-content .bild-button .panel-heading {
      padding: 0; }
      .main .inner-content .bild-button .panel-body {
        text-align: center;
        font-size: 90%;
        font-family: 'Slabo 27px', Arial, sans-serif;
        padding-bottom: 0; }
      .main .inner-content .bild-button .panel-body p {
        color: #004d29; }
    .main .inner-content .bild-button:hover {
      border: 1px solid #004d29; }
    .main .inner-content .teaser-box {
      border: none;
      box-shadow: none; }
      .main .inner-content .teaser-box .panel-heading {
        border: none;
        border-radius: 0px;
        color: #004d29;
        font-size: 120%;
        font-family: 'Slabo 27px', Arial, sans-serif;
        background-color: #fecc00; }

.subnavi .affix {
  display: block;
  top: 145px; }
  .subnavi ul {
    list-style-type: none;
    padding: 0;
    margin-left: -15px;
    margin-right: -15px; }
    .subnavi ul li {
      margin-bottom: 10px; }
      .subnavi ul li a {
        display: block;
        color: #4d4d4d;
        background-color: #e7e7e7;
        padding: 15px;
        padding-left: 30px;
        text-decoration: none;
        font-family: 'Slabo 27px', Arial, sans-serif;
        font-size: 120%; }
      .subnavi ul li a:hover {
        background-color: #fecc00; }
    .subnavi ul li.active a {
      background-color: #fecc00; }

.content.front .navi {
  margin-top: 100px; }
  .content.front .main {
    background-color: transparent;
    margin-bottom: 100px; }
    .content.front .main .panel {
      background-color: transparent;
      border: none;
      margin-bottom: 30px; }
      .content.front .main .panel .panel-heading {
        color: #004d29;
        font-family: 'Slabo 27px', Arial, sans-serif;
        font-size: 120%;
        background-color: #fecc00;
        border: none;
        border-radius: 0px; }
      .content.front .main .panel .panel-body {
        background-color: #fff; }

.footer {
  background-color: #004d29;
  color: #fff;
  padding: 15px 0px; }
  .footer strong {
    font-family: 'Slabo 27px', Arial, sans-serif;
    font-size: 120%;
    color: #fecc00; }
  .footer a {
    color: #fff;
    text-decoration: none;
    font-weight: bold; }
  .footer a:hover {
    text-decoration: underline; }
  .footer .address .glyphicon {
    float: left;
    font-size: 300%; }
    .footer .address address {
      margin-bottom: 0;
      padding-left: 60px; }
  .footer .openinghours .glyphicon {
    float: left;
    font-size: 300%; }
    .footer .openinghours .openinghours-inner {
      padding-left: 60px; }
  .footer .quicklinks ul {
    list-style-type: none;
    padding: 0; }
    .footer .quicklinks ul li {
      margin-bottom: 15px; }
    .footer .quicklinks ul li a {
      display: block;
      padding: 5px 10px;
      border: 1px solid #fecc00; }
    .footer .quicklinks ul li a:hover {
      text-decoration: none;
      background: #fecc00;
      color: #4d4d4d; }
  .modal.fade:not(.in) .modal-dialog {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }

#mobileNav {
  background-color: rgba(0, 77, 41, 0.95); }
  #mobileNav .modal-content {
    border: none;
    box-shadow: none;
    background: transparent; }
    #mobileNav .modal-content .modal-header {
      border: none; }
    #mobileNav .modal-content .modal-header .close {
      font-size: 50px;
      color: #fff;
      opacity: 0.8; }
    #mobileNav .modal-content .modal-header .close:hover {
      opacity: 1; }
    #mobileNav .modal-content .modal-body ul {
      list-style-type: none;
      padding: 0;
      text-align: right; }
    #mobileNav .modal-content .modal-body ul li a {
      display: block;
      color: #fff;
      text-decoration: none;
      font-family: 'Slabo 27px', Arial, sans-serif;
      font-size: 250%; }
      #mobileNav .modal-content .modal-body ul li a span.glyphicon {
        vertical-align: middle;
        margin-left: 15px; }
    #mobileNav .modal-content .modal-body ul li ul {
      padding-right: 30px; }
      #mobileNav .modal-content .modal-body ul li ul li a {
        font-size: 200%; }
    #mobileNav .modal-content .modal-body ul li a:hover {
      color: #fecc00; }
    #mobileNav .modal-content .modal-body ul li.active > a {
      color: #fecc00; }
    #mobileNav .modal-content .modal-body > ul > li > a {
      border-bottom: 1px solid #fff;
      padding: 5px 0px; }
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
  body {
    padding-top: 180px; }

  .header {
    height: 180px; }
    .header .logo {
      display: block;
      margin: auto; }

  .main {
    margin-top: 15px; }

  .footer .address, .footer .openinghours {
    margin-bottom: 30px; } }
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .content img {
    margin: auto;
    width: 100%;
    text-align: center; }

  .content.front .main .panel .text {
    margin-top: 15px; } }
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */