* {
   font-family: Arial, Verdana, sans-serif;
   color: #666666;
}

.wf-active * {
   font-family: 'Roboto', sans-serif;
}

.wf-active .glyphicon {
   font-family: 'Glyphicons Halflings';
}

body {
   padding-top: 125px;
   padding-bottom: 20px;
}

h1 {
   font-weight: bold;
   text-align: center;
   line-height: 1.5em;
   font-size: 2.75em;
   color: #444444;
   padding: 50px 0;
   margin: 0;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
}

a.btn {
   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
   white-space: normal;
}

p {
   font-size: 1.75em;
   margin-top: 25px;
   margin-bottom: 25px;
   line-height: 1.75em;
   /*-ms-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;*/
}

a {
   color: #666666;
}

.bold {
   font-weight: bold;
}

.navbar .container {
   position: relative;
   padding-right: 0;
}

.navbar-default .navbar-nav > li > a {
   color: black;
   /*font-size: 1.5em;*/
   line-height: 1.75em;
}

.navbar {
   letter-spacing: 0.1em;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a.active,
#top-right-menue a.active {
   color: #006537;
}

#top-right-menue {
   position: absolute;
   top: 0;
   right: 0;
   font-size: 0.9em;
}

   #top-right-menue ul {
      list-style: none outside none;
      margin: 0;
      padding: 0;
   }

   #top-right-menue li {
      margin: 0 10px;
      display: inline;
   }

   #top-right-menue a {
      text-decoration: none;
      color: #a7a7a7;
   }

      #top-right-menue a:hover {
         color: #444444;
      }

.container {
   padding-left: 45px;
   padding-right: 45px;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
   max-height: initial;
}

.navbar a {
   text-transform: uppercase;
   font-weight: bold;
}

.navbar {
   padding-top: 20px;
   padding-bottom: 9px;
}

.navbar-default {
   border-color: white;
   border-bottom-color: #006537;
   background-color: white;
}

   .navbar-default .navbar-toggle {
      border: none;
   }

      .navbar-default .navbar-toggle .icon-bar {
         background-color: #006537;
      }

   .navbar-default .navbar-collapse, .navbar-default .navbar-form {
      border: none;
   }

.navbar-toggle .icon-bar + .icon-bar {
   margin-top: 10px;
}

.navbar-toggle .icon-bar {
   height: 10px;
   width: 60px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
   background: none;
}

.logo {
   /*background: url("../Images/logo.png") no-repeat top left;*/
   background: url("../Images/logo-complete.png") no-repeat top left;
   display: block;
   width: 178px;
   /*height: 70px;*/
   height: 80px;
   text-indent: -9999px;
}

.skyline {
   width: 100%;
   height: 250px;
   background: url("../Images/skyline_144.png") no-repeat bottom right;
}

.skyline-md img {
   width: 100%;
}

img.btn-icon {
   height: 24px;
   margin-right: 15px;
}

.centered {
   text-align: center;
}

div.centered {
   width: 100%;
   margin: 25px 0;
}

div.button a, div.button button.btn {
   border-color: #006537;
   border-width: 2px;
   color: #444444;
   font-size: 1.5em;
   font-family: 'Roboto', sans-serif;
   letter-spacing: 0.05em;
   padding: 12px 16px;
   text-transform: uppercase;
}

   .btn.small,
   .button.btn.small,
   div.button button.btn.small {
      padding: 6px 12px;
   }

div.button button.btn {
   background-color: white;
}


   div.button button.btn:hover {
      /*background-color: #006537;*/
      border-color: #444444;
      /*color: white;*/
   }

/*a.btn span {
      line-height: 1.25em;
      display: block;
      hyphens: none;
      float: left;

   }*/
a i.glyphicon {
   font-size: 1.25em;
   display: block;
   color: white;
   float: left;
   margin-right: 5px;
}

.contact-person a i.glyphicon {
   display: inline;
   color: #006537;
   float: none;
   font-size: 0.9em;
}

section.green .centered a.btn:hover i.glyphicon {
   color: #444444;
}

div.button a:hover,
div.button a:active,
div.button input.btn:active,
div.button input.btn:hover {
   background-color: white;
}

div.centered table {
   display: inline-table;
   width: 80%;
}

   div.centered table th,
   div.centered table td {
      text-align: center;
      font-size: 1.75em;
   }

   div.centered table th {
      font-weight: normal;
   }

   div.centered table td {
      font-weight: bold;
      color: #006537;
   }

section {
   padding-top: 75px;
   padding-bottom: 75px;
}

   /*section:nth-child(1) {
      padding-top: 0;
   }*/

   section.first {
      padding-top: 0;
   }


   section.gray {
      background-color: #ebebeb;
   }

      section.gray p,
      section.gray table th {
         color: #444444;
      }

         section.gray p.green {
            color: #006537;
         }

   section.green {
      background-color: #006537;
   }

      section.green h1 {
         color: white;
      }

      section.green .centered a.btn {
         border-color: white;
         color: white;
      }

         section.green .centered a.btn:hover {
            /*background-color: #006537;
            color: black;*/
            background-color: white;
            color: #444444;
            border-color: #444444;
         }

.picture {
   text-align: center;
}

   .picture img {
      max-width: 100%;
   }

h2 {
   color: #006537;
   font-weight: bold;
}

footer h2 {
   text-transform: uppercase;
}

.expose-column {
   padding-top: 25px;
   padding-bottom: 25px;
}

   .expose-column a:hover {
      display: block;
      /*background-color: white;*/
      text-decoration: none;
   }

.form-control,
.form-control:focus,
select.form-control,
select.form-control:focus,
textarea {
   border: none;
   border-bottom: 1px solid #006537;
   border-radius: 0;
   box-shadow: none;
   font-size: 1.75em;
   line-height: 2em;
   height: 2em; /* IE11 fix*/
   color: #444444;
}

   input.form-control,
   input.form-control:focus,
   select.form-control,
   select.form-control:focus {
      margin-top: 30px;
   }

   textarea.form-control {
      margin-top: 15px;
   }

.input-validation-error {
   border-bottom-color: firebrick;
}

   .input-validation-error::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: firebrick;
   }

   .input-validation-error::-moz-placeholder { /* Firefox 19+ */
      color: firebrick;
   }

   .input-validation-error:-ms-input-placeholder { /* IE 10+ */
      color: firebrick;
   }

   .input-validation-error::-moz-placeholder { /* Firefox 18- */
      color: firebrick;
   }

.text-danger span, .field-validation-error {
   color: firebrick;
}

.validation-summary-errors {
   width: 100%;
   text-align: center;
   font-size: 1.5em;
   margin-top: 25px;
}

   .validation-summary-errors ul {
      list-style-type: none;
   }

      .validation-summary-errors,
      .validation-summary-errors ul,
      .validation-summary-errors ul li,
      .input-validation-error {
         color: firebrick;
      }

#map {
   height: 640px;
   width: 100%;
   margin: 0;
   padding: 0;
   background-image: url('../Images/map-xs.png');
   background-position: center center;
}

   #map a {
      width: 100%;
      height: 100%;
      display: block;
   }

.green {
   color: #006537;
}

footer a, footer a:hover {
   color: #666666;
}

.top {
   margin-top: -30px;
   margin-bottom: -30px;
}

/*#contactform .col-md-6:nth-of-type(odd),
#contactform .col-md-4:nth-of-type(odd) {
   padding-left: 0;
}

#contactform .col-md-6:nth-of-type(even),
#contactform .col-md-8:nth-of-type(even) {
   padding-right: 0;
}

#contactform .col-md-12 {
   padding-left: 0;
   padding-right: 0;
}*/

.two-buttons .btn:nth-child(1) {
   margin-right: 15px;
}

.two-buttons .btn:nth-child(2) {
   margin-left: 15px;
}

article p,
.contact-persons p {
   font-size: 1.2em;
}

.contact-person {
   margin-bottom: 60px;
}

   .contact-person a {
      font-weight: normal;
   }

      .contact-person a:hover {
         text-decoration: none;
         color: #666666;
      }

   .contact-person i {
      font-size: 0.9em;
   }

article h1 {
   color: #006537;
   font-size: 1.5em;
   font-weight: normal;
   text-align: left;
   padding: initial;
}

.content h2,
.contact-persons h2 {
   font-size: 1.5em;
   line-height: 1.5em;
}

.content ul {
   list-style-type: none;
   padding-left: 0;
   font-size: 1.2em;
}

   .content ul li {
      line-height: 2em;
   }

/*.content .row .col-md-6 img {
   width: 100%;
}*/

.content .row {
   margin-bottom: 50px;
}

img.exposepicture {
   width: 100%;
}

.line {
   width: 100%;
   border-bottom: 1px solid #006537;
   margin: 25px 0 25px 0;
}

.detail {
   line-height: 1.25em;
}

   .detail span,
   .detail span a {
      color: #006537;
   }

.satzung h2 a,
.satzung h2 a:hover {
   color: #006537;
}

.satzung ol li {
   list-style-type: lower-alpha;
}

.exposes article.row {
   margin-bottom: 80px;
}

.exposes img {
   width: 100%;
}

.exposes table td,
.exposes table th {
   font-size: 1.2em;
}

.exposes table th {
   font-weight: normal;
}

.exposes table td {
   color: #006537;
   font-weight: bold;
}

.middle-column {
   width: 120px;
}

.devider {
   padding: 0;
}

.devider {
   background-color: transparent;
}

   .devider .container {
      border-bottom: 2px black solid;
      height: 1px;
   }

ol {
   font-size: 1.2em;
}

   ol li {
      margin: 15px 0;
   }

.normal {
   color: #666666;
   font-weight: normal;
}

.dropdown-menu > li > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
   line-height: 2em;
   color: black;
   background-color: white;
}

   .dropdown-menu > li > a:hover,
   .dropdown-menu > li > a:focus,
   .dropdown-menu > li > a.active,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a.active,
   .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
      background-color: white;
      color: #006537;
   }
   @media (max-width: 768px)
   {
      .navbar-default .navbar-nav .open .dropdown-menu > li > a {
         color: black;
      }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #006537;
    background-color: transparent;
    }
}

/* Footer */
#footer {
   padding-top: 75px;
}

label a {
   text-decoration: underline;
}

/* Form */
form input.firstname,
form input.age,
form input.address {
    display: none;
}
/* < Smallest devices */
@media (max-width: 768px) {
    .two-buttons .btn:nth-child(1) {
      margin-right: 0;
   }

   .two-buttons .btn:nth-child(2) {
      margin-left: 0;
   }

   .two-buttons .btn {
      margin: 3px 0 3px 0;
   }
   div.button a.flex {
      font-size: 1.2em;
   }
   .thumbnail.gilhaus {
      max-width: 648px;
   }
   .thumbnail.gilhaus {
      max-width: 275px;
   }
}

/* < Small devices */
@media (max-width: 992px) {
   /* Navbar */
   .skyline-md {
      padding-top: 10px;
   }

   .mit {
      width: 100%;
   }

   .container {
      padding-left: 25px;
   }

   .nav > li > a {
      padding-left: 6px;
      padding-right: 6px;
   }

   .navbar-nav {
      margin-left: 7px !important;
   }

   .navbar-default .navbar-nav > li > a {
      font-size: 1em;
      line-height: 1em;
   }

   #top-right-menue {
      font-size: 0.9em;
   }

   /* Contactform */
   #contactform .col-md-6,
   #contactform .col-md-4,
   #contactform .col-md-8 {
      padding-left: 0;
      padding-right: 0;
   }

   /* other */

   p {
      font-size: 1.5em;
   }

   .expose-column div.centered table td,
   .expose-column div.centered table th {
      font-size: 1.25em;
   }

   .form-control, .form-control:focus, select.form-control, select.form-control:focus, textarea {
      font-size: 1em;
   }

   .exposes {
      text-align: center;
   }

      .exposes table {
         margin: auto;
         display: table;
      }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
   .navbar-default {
      border: none;
   }

   .navbar-nav {
      margin-top: 18px;
      margin-left: 30px;
   }

      .navbar-nav > li > a {
         padding-bottom: 0;
         padding-top: 30px;
      }

   ul.nav li.dropdown:hover ul.dropdown-menu {
      display: block;
      margin-top: 0;
   }

   /*.navbar-default .navbar-nav > li > a {
      font-size: 1.25em;
      line-height: 1em;
   }

   #top-right-menue {
      font-size: 1.15em;
   }*/

   #map {
      background-image: url('../Images/map-sm.png');
   }

   #exposes-prewiew .container {
      padding: 0;
   }

   div.centered .a, div.centered .btn,
   div.button .a, div.button .btn {
      font-size: 1em;
   }

   img.btn-icon {
      height: 20px;
      margin-right: 8px;
      margin-top: -4px;
   }

   .thumbnail.gilhaus {
      max-width: 275px;
   }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
   .picture {
      width: 100%;
      /*background-color: white;*/
   }

      .picture img {
         max-height: 230px;
      }

   #background {
      background-image: url('../Images/bg.png');
      background-repeat: no-repeat;
      /*background-position: center bottom;*/
      background-size: cover;
   }

   #background2 {
      background-image: url('../Images/bg2.jpg');
      background-repeat: no-repeat;
      /*background-position: center bottom;*/
      background-size: cover;
   }

      #background.bottom {
         background-size: initial; /* Wir müssen erst cover komplett überschreiben */
         background-size: 100%;
         background-position: bottom;
      }

   #exposes-prewiew {
      background-color: transparent;
   }

   #map {
      background-image: url('../Images/map-md.png');
   }

   footer p,
   footer ul {
      font-size: 1.4em;
      line-height: 1.75em;
   }

   footer ul {
      margin-top: 25px;
      margin-bottom: 25px;
      padding-left: 0;
      list-style-type: none;
      line-height: 1.75em;
   }

   .content .col-md-6:nth-child(1) {
      padding-right: 30px;
   }

   .content .col-md-6:nth-child(2) {
      padding-left: 30px;
   }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
   #map {
      background-image: url('../Images/map-lg.png');
   }
}