/* Allgemein */
html {
  background: rgb(235, 235, 235);
}

body {
  font-family: Arial, Helvetica, sans-serif;
  min-width: 20rem;
  max-width: 75rem;
  margin: 0 auto;
  padding: 0;
  height: 100vh;
}

main {
  padding-bottom: 9rem;
}

.site-wrapper {
  height: auto;
  width: 100%;
  min-height: 100vh;
  background: #fff;
  overflow: hidden;
}

.row {
  clear: both;
  width: 100%;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

ul {
  padding-left: 0;
}

li {
  list-style-type: none;
}

a {
  text-decoration: none;
}

h1, h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 500;
  color: #5170A6;
}

h3 {
  color: #5170A6;
  font-weight: 600;
  font-size: 1rem;
}

h4 {
  margin: 0;
  font-weight: lighter;
  text-decoration: underline;
}

h4 + p, p:first-child, h3:first-child {
  margin-top: 0;
}

.textlink {
  font-weight: 600;
  color: #5170A6;
}

.textlink:hover {
  color: red;
  text-decoration: underline;
}

.main-nav .current, .sub-nav .current {
  color: black;
}

.mobil-phone {
  width: 100%;
  background: #fff;
  text-align: center;
}
.mobil-phone h2 {
  margin-bottom: 0;
}
@media only screen and (min-width: 37.5rem) {
  .mobil-phone {
    display: none;
  }
}

/* Gallery Elemente */
.gallery-row > div {
  width: 100%;
  height: auto;
  background: #fff;
}

.gallery-row > div:nth-last-child(1) {
  background: #fff;
  display: none;
}

.gallery-row > div:nth-last-child(2) {
  display: none;
}

@media only screen and (min-width: 37.5rem) {
  .gallery-row {
    display: flex;
  }
  .gallery-row > div {
    width: 50%;
  }
  .gallery-row > div:nth-last-child(2) {
    display: block;
  }
}
@media only screen and (min-width: 58.5rem) {
  .gallery-row > div {
    width: 33.333%;
  }
  .gallery-row > div:nth-last-child(1) {
    display: block;
  }
}
.slider {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0;
}

.slider::before {
  content: "";
  float: left;
  padding-bottom: 62.5%;
}

.slide {
  position: relative;
}

.slide1, .slide2, .slide3, .slide4, .slide5, .slide6, .slide7, .slide8, .slide9, .slide10 {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
}

.slide1 {
  -webkit-animation: fade1 20s infinite;
  animation: fade1 20s infinite;
}

.slide2 {
  -webkit-animation: fade2 20s infinite;
  animation: fade2 20s infinite;
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.slide3 {
  -webkit-animation: fade3 20s infinite;
  animation: fade3 20s infinite;
}

.slide4 {
  -webkit-animation: fade4 20s infinite;
  animation: fade4 20s infinite;
}

.slide5 {
  -webkit-animation: fade5 20s infinite;
  animation: fade5 20s infinite;
}

@-webkit-keyframes fade1 {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade1 {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade2 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade2 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fade3 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade3 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fade4 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade4 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fade5 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade5 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.slide6 {
  -webkit-animation: fade6 23s infinite;
  animation: fade6 23s infinite;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.slide7 {
  -webkit-animation: fade7 23s infinite;
  animation: fade7 23s infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.slide8 {
  -webkit-animation: fade8 23s infinite;
  animation: fade8 23s infinite;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.slide9 {
  -webkit-animation: fade9 23s infinite;
  animation: fade9 23s infinite;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.slide10 {
  -webkit-animation: fade10 23s infinite;
  animation: fade10 23s infinite;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

@-webkit-keyframes fade6 {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade6 {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade7 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade7 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fade8 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade8 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fade9 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade9 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fade10 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade10 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Site-Header Elemente */
.site-header {
  position: relative;
  width: 100%;
  height: 12.7rem;
}
@media only screen and (min-width: 37.5rem) {
  .site-header {
    height: 14.5rem;
  }
}

.header-blue-box {
  position: relative;
  top: 12%;
  left: 50%;
  transform: translateX(-50%);
  background: #9AB7DE;
  width: max(17.5rem, 94%);
  height: 88%;
  box-sizing: border-box;
  overflow: hidden;
  clear: both;
}

/* Seitentitel und Logo im Header */
.site-title {
  position: relative;
  top: 25%;
  transform: translateY(-50%);
  margin-left: 5%;
  text-align: left;
}

@media only screen and (min-width: 37.5rem) {
  .site-title {
    top: 32%;
    margin-left: 0;
    margin-right: 10rem;
    text-align: right;
  }
}
.site-title h1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.02em;
  line-height: 1em;
  color: #fff;
  margin-bottom: 0.1em;
}

.site-title p {
  font-size: 0.9rem;
  margin-top: 0;
  color: #5170A6;
}

@media only screen and (min-width: 25rem) {
  .site-title h1 {
    font-size: 2rem;
  }
  .site-title p {
    font-size: 0.95rem;
  }
}
.logo-box {
  position: absolute;
  top: -12%;
  right: -2rem;
}

.logo-box img {
  width: 58%;
  height: auto;
  float: right;
}

@media only screen and (min-width: 25rem) {
  .logo-box {
    right: -2.375rem;
  }
  .logo-box img {
    width: 70%;
  }
}
/* Navigationselemente */
.menu-toggle {
  position: absolute;
  left: 5%;
  top: 70%;
  color: white;
  cursor: pointer;
  font-size: 0.9rem;
  letter-spacing: 0.07em;
  z-index: 3;
}
@media only screen and (min-width: 37.5rem) {
  .menu-toggle {
    top: 55%;
  }
}

.menu-toggle.opended {
  color: grey;
}

.main-nav {
  position: relative;
  left: 103%;
  top: 4%;
  width: 100%;
  background: #5170A6;
  z-index: 2;
  display: block;
}

.main-nav.opended {
  left: 0;
}

.main-nav ul {
  position: relative;
  left: 3rem;
  padding-top: 3rem;
  padding-left: 0;
  padding-bottom: 1.5rem;
}

.main-nav li {
  margin-bottom: 1.8rem;
}

.main-nav li a {
  color: white;
  cursor: pointer;
  font-size: 0.9rem;
  letter-spacing: 0.07em;
  text-decoration: none;
}

@media only screen and (min-width: 58.5rem) {
  .menu-toggle {
    display: none;
  }
  .main-nav {
    position: relative;
    left: 1rem;
    top: -35%;
    width: 100%;
    background: transparent;
  }
  .main-nav li {
    display: inline;
    margin-right: 1em;
  }
  .main-nav li a {
    font-size: 0.7rem;
    letter-spacing: 0.2em;
  }
}
/* Hauptinhalt */
.main-content {
  max-width: 1010px;
  margin: 0 auto;
  font-size: 0.95rem;
  line-height: 1.5em;
}

.flexy {
  width: 90%;
  margin: 0 auto 2rem;
}

@media only screen and (min-width: 37.5rem) {
  .flexy {
    display: flex;
    gap: 20px;
  }
}
@media only screen and (min-width: 58.5rem) {
  .flexy {
    gap: 70px;
  }
}
.col-50 {
  flex-basis: 50%;
}

.wrapper-side-heading {
  width: min(90%, 700px);
  text-align: center;
  margin: 1.5rem auto 1.5rem;
}
@media only screen and (min-width: 37.5rem) {
  .wrapper-side-heading {
    margin: 1.5rem auto 2rem;
  }
}
.wrapper-side-heading.--footer {
  margin-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

.--schmaler {
  width: min(90%, 500px);
}

.--left {
  text-align: left;
}

.--left-center {
  text-align: center;
}
@media only screen and (min-width: 25rem) {
  .--left-center {
    text-align: left;
  }
}

.wrapper-side-heading h1 {
  font-size: 1.6rem;
  line-height: 1.2em;
}
@media only screen and (min-width: 37.5rem) {
  .wrapper-side-heading h1 {
    font-size: 1.9rem;
  }
}

.wrapper-img {
  max-width: 23.75rem;
  display: inline-block;
  border: 3px solid #9FB6DC;
}

.wrapper-maps {
  border: 3px solid #9FB6DC;
  height: 25vh;
  margin: 0 auto 3rem;
  width: min(90%, 1010px);
}

/* Hauptinhalt Teamliste */
.team-member {
  border-bottom: 2px solid #9FB6DC;
  margin-bottom: 3rem;
}

.team-member li {
  list-style-type: initial;
  margin-left: 1rem;
}

.vierzig {
  width: 40%;
  margin-top: 0.5rem;
}

/* Footer */
.site-footer {
  width: 100%;
  height: 9rem;
  background: #CEDAF1;
  margin-top: -9rem;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding-top: 0.1rem;
  overflow: hidden;
  box-sizing: border-box;
}

.site-footer h2 {
  color: #4E4E4A;
  font-size: 1.05rem;
  font-style: normal;
  font-weight: lighter;
  margin-bottom: 0;
  line-height: 1.5em;
}

.site-footer span {
  color: #5170A6;
  font-size: 1.175rem;
  display: block;
}

@media only screen and (min-width: 58.5rem) {
  .site-footer h2 {
    font-size: 1.25rem;
  }
  .site-footer span {
    font-size: 1.375rem;
    display: inline;
  }
  .site-footer {
    height: 7.5rem;
    margin-top: -7.5rem;
    padding-top: 0.7rem;
  }
}
.sub-nav ul li {
  display: inline-block;
}

.sub-nav ul li:first-child {
  margin-right: 1.5rem;
}

.sub-nav {
  width: 100%;
  overflow: hidden;
}

.sub-nav ul li a {
  color: #5170A6;
  font-style: normal;
  font-weight: lighter;
  font-size: 0.8rem;
}/*# sourceMappingURL=style.css.map */