/* CSS Verwaltung Basse */

/* baloo-2-regular - latin */
@font-face {
  font-family: "Baloo 2";
  font-style: normal;
  font-weight: 400;
  src: url("../contrib/fonts/baloo-2-v11-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""),
    url("../contrib/fonts/baloo-2-v11-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../contrib/fonts/baloo-2-v11-latin-regular.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("../contrib/fonts/baloo-2-v11-latin-regular.woff") format("woff"),
    /* Modern Browsers */ url("../contrib/fonts/baloo-2-v11-latin-regular.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../contrib/fonts/baloo-2-v11-latin-regular.svg#Baloo2") format("svg"); /* Legacy iOS */
}

/* baloo-2-700 - latin */
@font-face {
  font-family: "Baloo 2";
  font-style: normal;
  font-weight: 700;
  src: url("../contrib/fonts/baloo-2-v11-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""),
    url("../contrib/fonts/baloo-2-v11-latin-700.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../contrib/fonts/baloo-2-v11-latin-700.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("../contrib/fonts/baloo-2-v11-latin-700.woff") format("woff"),
    /* Modern Browsers */ url("../contrib/fonts/baloo-2-v11-latin-700.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../contrib/fonts/baloo-2-v11-latin-700.svg#Baloo2") format("svg"); /* Legacy iOS */
}

* {
  box-sizing: border-box;
}

.clear {
  clear: both;
}

html {
  background: #ffffff;
}

header,
main,
.banner,
footer {
  max-width: 1366px;
  width: 100%;
  margin: 0 auto;
}

header {
  background: #ffffff;
  position: relative;
  height: 170px;
  padding: 60px 68px 12px;
  display: flex;
  justify-content: space-between;
}

.header--nav--button {
  display: none;
}

.header--nav--button svg {
  display: block;
  fill: #0a3e51;
  width: 45px;
}

.header--nav {
  padding: 47px 0 0 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  gap: 40px;
}

.header--nav li {
  display: inline;
}

.header--nav .mobile {
  display: none;
}

.header--nav a {
  font-family: "Arial", sans-serif;
  color: #0a3e51;
  font-size: 1.3em;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

.header--logo {
  text-decoration: none;
  display: block;
}

.header--logo .headline {
  font-family: "Baloo 2", sans-serif;
  font-size: 2.25em;
  font-weight: bold;
  color: #ab907d;
  margin-bottom: 5px;
}

.header--logo .subheadline {
  font-family: "Arial", sans-serif;
  color: #0a3e51;
  font-size: 1.3em;
  font-weight: bold;
}

.banner img {
  display: block;
  max-width: 100%;
}

main {
  background-color: #e9e6e1;
}

.content {
  padding: 50px 68px 60px;
}

.content--title {
  font-family: "Baloo 2", sans-serif;
  font-size: 1.6em;
  color: #0a3e51;
  text-transform: uppercase;
}

.kontakt .content--title {
  color: #ab907d;
}

.content--title .subheadline {
  font-family: "Arial", sans-serif;
  font-size: 0.6em;
  text-transform: none;
}

.content--title .subheadline a {
  text-decoration: none;
  font-style: italic;
  color: #0a3e51;
}

.content--text {
  line-height: 2em;
  color: #0a3e51;
  font-family: "Arial", sans-serif;
}

.content--text h3 {
  font-size: 1.2em;
  color: #0a3e51;
  font-family: "Baloo 2", sans-serif;
}

.content--text p {
  margin-bottom: 2em;
}

.content--text p.bottom-1em {
  margin-bottom: 1em;
}

.content--text a {
  color: #0a3e51;
}

.content--text a.red {
  color: #910000;
}

.gebaeude--list {
  display: flex;
  gap: 90px;
  flex-wrap: wrap;
}

.gebaeude {
  margin: 0;
}

.gebaeude dt {
  font-weight: bold;
  margin-bottom: 10px;
}

.gebaeude dt a {
  text-decoration: none;
}

.gebaeude dd {
  margin-left: 0;
}

.gebaeude dd img {
  max-width: 100%;
  display: block;
}

.error-message {
  display: none;
  color: #ff0000;
}

.form--contact {
  display: flex;
  gap: 50px;
}

.form--first--col,
.form--second--col {
  flex-basis: 0;
  flex-grow: 1;
}

.form input,
.form textarea {
  border: none;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
  margin-bottom: 30px;
}

.form textarea {
  height: 107px;
}

.form--submit--btn {
  background-color: #ab907d;
  color: #ffffff;
}

.uppercase {
  text-transform: uppercase;
}

.normalcase {
  text-transform: none;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.blue {
  color: #0a3e51;
}

.red {
  color: #910000;
}

.center {
  text-align: center;
}

.content--images {
  margin-bottom: 2em;
  width: 100%;
}

.content--images img {
  max-width: 100%;
  display: block;
}

.only-mobile {
  display: none;
}

.banner--slick {
  width: 1129px;
  max-width: 100%;
  margin-left: 43px;
  margin-bottom: 40px;
}

.banner--slick img {
  max-width: 100%;
}

.slick-prev:before,
.slick-next:before {
  content: none;
}

.slick-prev,
.slick-next {
  background-image: url("../img/arrows.jpg");
  width: 28px;
  height: 70px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background-image: url("../img/arrows.jpg");
}

.slick-disabled {
  background-position: -28px 0;
}

.slick-disabled.slick-prev:hover,
.slick-disabled.slick-prev:focus,
.slick-disabled.slick-next:hover,
.slick-disabled.slick-next:focus {
  background-position: -28px 0;
}

.slick-prev {
  transform: rotate(180deg);
  margin-top: -35px;
  left: -43px;
}

.slick-next {
  right: -43px;
}

.text--wohnungen {
  display: flex;
}

.list--austattungen {
  display: flex;
}

.list--austattungen--col {
  flex-basis: 0;
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 25px;
  padding-left: 15px;
}

.geschosse {
  width: 300px;
}

.list--geschosse th {
  text-align: left;
  font-style: italic;
}

.list--geschosse td:first-child,
.list--geschosse th:first-child {
  width: 120px;
}

.austattungen p,
.geschosse p {
  margin-bottom: 1em;
}

footer {
  color: #0a3e51;
  padding: 5px 0 5px;
  font-family: "Baloo 2", sans-serif;
  display: flex;
  justify-content: space-between;
}

footer a {
  color: #0a3e51;
}

.footer--nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  gap: 25px;
}

.footer--nav li {
  display: inline;
}

.footer--nav a {
  text-decoration: none;
}

.sc-link {
  color: #0a3e51;
  text-decoration: none;
}

.sc-signatur {
  margin: 18px 0 20px;
}

.sc-signatur a,
.sc-signatur p,
.sc-signatur strong {
  color: #9d9d9d;
  font: 12px/18px Arial;
  margin: 0;
  text-decoration: none;
}

.sc-signatur img {
  border: 0 none;
  height: auto;
  margin: 0 0 18px;
  width: auto;
  display: block;
}

@media screen and (max-width: 1366px) {
  .banner--slick {
    margin-left: 0;
  }

  .text--wohnungen {
    flex-direction: column-reverse;
  }

  footer {
    padding: 10px 12px 10px;
  }
}

@media screen and (max-width: 1044px) {
  header,
  main,
  .banner,
  footer {
    width: 100%;
    min-width: 350px;
  }

  .only-desktop {
    display: none;
  }

  header {
    height: 118px;
    width: 100%;
    padding: 25px 40px 12px;
  }

  .header--nav--button {
    display: block;
  }

  .header--nav {
    background: #0a3e51;
    position: absolute;
    top: 0;
    right: 0;
    float: none;
    margin: 0;
    height: auto;
    z-index: 4;
    width: 310px;
    max-width: 100%;
    padding-bottom: 25px;
    padding-right: 0;
    display: none;
  }

  .header--nav.open {
    display: block;
  }

  .header--nav li {
    float: left;
    width: 100%;
    padding-left: 60px;
    padding-bottom: 20px;
    position: relative;
  }

  .header--nav li::after {
    content: none;
  }

  .header--nav .mobile {
    display: block;
  }

  .header--nav .active {
    font-weight: bold;
  }

  .header--nav .active a {
    color: #ffffff;
    font-weight: bold;
  }

  .header--nav li a {
    color: #ffffff;
    float: left;
    font-weight: normal;
    font-size: 1.2em;
  }

  .content {
    width: 100%;
    padding: 50px 40px 100px 40px;
  }

  .gebaeude--list {
    gap: 60px;
  }

  .list--austattungen {
    flex-direction: column;
  }

  .only-mobile {
    display: block;
  }

  footer {
    display: block;
  }

  .footer--nav {
    display: none;
  }

  .footer--copy,
  .footer--sc {
    text-align: center;
    float: none;
  }

  .footer--copy {
    padding-left: 0;
    margin-bottom: 0.3em;
  }
}

@media screen and (max-width: 724px) {
  header {
    height: 110px;
    padding: 20px 25px 12px;
  }

  .header--nav--button {
    margin-top: 0;
    margin-left: 25px;
    margin-bottom: 25px;
    margin-right: 5px;
  }

  .header--logo {
    margin-top: 5px;
  }

  .header--logo .headline {
    font-size: 2em;
  }

  .header--logo .subheadline {
    font-size: 1.2em;
  }

  .content {
    padding: 30px 25px 50px;
  }

  .gebaeude--list {
    flex-direction: column;
    gap: 40px;
  }

  .form--contact {
    flex-direction: column;
    gap: 0;
  }
}