body {
  font-family: "myriad-pro", sans-serif;
  font-size: 18px;
  color: #828591;
}
a,
a:hover {
  color: #828591;
}
h1,
h2,
h3,
h4 {
  font-family:"Dutch_809 W03 It";
  font-style: italic;
}
h1,
h2 {
  font-size: 49px;
  letter-spacing: 2px;
  text-align: center;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
  margin-top: 2em;
}
section {
  padding: 2em 0;
}
section.grey {
  padding: 3.5em 0;
}
section.grey .container {
  max-width: 780px;
}
#header h3 {
  margin: 3em 0 0;
}
#header-image .img-responsive {
  width: 100%;
}
.grey {
  background-color: #828592;
  color: #fff;
}
.red {
  background-color: #B71923;
  color: #fff;
}
.green {
  background-color: #007836;
  color: #fff;
}
.blue {
  background-color: #00599F;
  color: #fff;
}
.grey a {
  color: #fff;
}
.grey a:hover {
  color: #fff;
}
.light-grey {
  background-color: #F3F3F5;
  text-align: right;
}
.logo-cont {
  text-align: right;
  margin: 1em 0;
}
footer {
  padding: 2em 0;
  background-image: url('../img/layout/logo-footer.png');
  background-repeat: no-repeat;
  background-position: 10% 100%;
  text-transform: uppercase;
}
.bg-logo {
  background-image: url('../img/layout/bg-section-1.png');
  background-repeat: no-repeat;
  background-position: 10% 100%;
}
p.narrow {
  max-width: 360px;
  text-align: right;
  float: right;
}
@media screen and (min-width: 1024px) {
  p.narrow {
    text-align: left;
    float: none;
  }
  .light-grey p.narrow {
    text-align: right;
    float: right;
  }
}
iframe {
  margin-bottom: -10px;
}
.scrolloff {
  pointer-events: none;
}
/*# sourceMappingURL=styles.css.map */
.dropbtn {
    background: transparent;
    color: #828592;
    padding: 20px 0 0 30px;
    border: none;
    cursor: pointer;
    display: block;
}

.dropbtn a.active, .dropbtn a:hover {
    text-decoration: underline;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #828592;
    min-width: 330px;
    width: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1;
						   color: #828592;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    
}
.nav-slider {
  width: auto;
/*  float: left;*/
  clear: both;
}
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}

/* Corrections */

#header #logo img {
    display: block;
    float: left;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

#header h3 {
    display: block;
    float: left;
    width: 100%;
    text-align: right;
    margin-top: 0px;
    margin-bottom: 10px;
}

#header #desktop-nav {
    display: block;
    float: right;
}

.robert-koch-text {
    color: #b81824 !important;
}

.landhaus-text {
    color: #0a7937 !important;
}

.poggensee-text {
    color: #00589f !important;
}

.robert-koch {
    color: white !important;
    background-color: #b81824 !important;
}

.landhaus {
    color: white !important;
    background-color: #0a7937 !important;
}

.poggensee {
    color: white !important;
    background-color: #00589f !important;
}

.circle {
    width: 100%;
    padding: 20px;
}

.circle.small {
    width: 95%;
    margin-top: 5%;
}
.circle.small.first {
    left: 5%;
    float: right;
}
.circle.small.last {
    right: 5%;
}

@media screen and (max-width: 991px) {
    .circle.small {
        width: 100%;
        left: 0;
        right: 0;
        margin-top: 0px;
        float: left;
    }
}

.nav-slider-image {
    display: block;
    float: left;
    /*width: 33.333367%;*/
    width: 50%;
    position: relative;
    cursor: pointer;
}

.nav-slider {
    overflow: hidden;
}

#header-image {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
}
.bx-wrapper {
    border: none !important;
}

.navbar {
    background: #828592;
    margin-bottom: 0px;
}

#smalllogo {
    display: block;
    float: left;
    margin-top: -9px;
}

.navbar-toggle {
    border-radius: 0;
    background: transparent !important;
    border-color: white;
}

.navbar-toggle .icon-bar {
    background-color: white !important;
}
#navbar-collapse {
padding: 15px;
}
#navbar-collapse ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    width:100%;
    color: white;
}

#navbar-collapse li {
    list-style: none;
    display: block;
    float: left;
    width:100%;
    margin: 0;
    padding: 0;
    color: white;
}

#navbar-collapse li > ul {
    margin-left: 15px;
}

#navbar-collapse a {
    display: block;
    float: left;
    width:100%;
    color: white;
    text-decoration: none;
    height: 32px;
}

.footer-image {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin-top: 30px;
    clear: both;
    margin-bottom: -97px;
}
.poggensee-signet {
    background-image: url("../img/layout/Gahl-Logo-Signet-Poggensee-17.09.png");
    background-repeat: no-repeat;
    background-position: right bottom;
}
.robert-koch-signet {
    background-image: url("../img/layout/Gahl-Logo-Signet-Robert-Koch-Park-17.09.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    
}
.landhaus-signet {
    background-image: url("../img/layout/Gahl-Logo-Signet-Landhaus-17.09.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    
}

footer {
    min-height: 91px;
    display: block;
    float: left;
    width: 100%;
}

footer .container, footer .row, footer .col-xs-12 {
    background: transparent !important;
}

@media screen and (max-width: 991px) {
    .footer-image {
        margin-bottom: -20px;
    }
}

#map {
    display: block;
    float: left;
    width: 100%;
    height: 500px;
}

@media screen and (max-width: 991px) {
    section:not(.grey) h2 {
        text-align: center !important;
    }
}
 .img-center {
	    	display: block;
	    	width: 100%;
	    	height: auto;
	    	max-width: 500px; /* Maximale Breite kann hier definiert werden */
	    	text-align: center;
	    	margin: auto;
	    	margin-bottom: 15px;
	    }
/*# sourceMappingURL=styles.css.map */
h1,
h2 {
  font-size: 42px;
  letter-spacing: 2px;
}

.bx-default-pager {
	display:none !important;
}