@media (min-width: 768px) {
  header .topbar nav.topnav li {
    display: inline;
  }
  header .topbar nav.topnav li a {
    color: #2c354f;
    padding-top: 23px;
    padding-left: 10px;
    display: inline-block;
    line-height: 50px;
    font-size: 14px;
  }
  header .header-nav #main-navigation {
    background-color: #2c354f;
    padding: 0;
  }
  header .header-nav #main-navigation ul#menu-hauptmenu {
    margin-bottom: 0;
  }
  header .header-nav #main-navigation ul#menu-hauptmenu li {
    display: inline;
  }
  header .header-nav #main-navigation ul#menu-hauptmenu li a {
    color: #fff !important;
    padding: 20px 0 20px 10px;
  }
  header .header-image .header-content {
    position: absolute;
    top: 31%;
    width: 100%;
    background-color: transparent;
    transform: translateY(-50%);
  }
  header .header-image .header-content h1 {
    font-size: 35px;
    text-shadow: 1px 1px 2px #969696;
  }
  header .header-image .immo-online {
    font-size: 14px;
    top: 10px;
  }
  header .header-image .immo-search {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  header .header-image .immo-search .form-wrapper {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 15px 15px 5px 15px;
  }
  footer .footer-newsletter {
    font-size: 20px;
  }
  .content .content-map .teaser {
    margin-top: 30%;
    transform: translateY(-50%);
  }
  .content .content-map .teaser p {
    font-size: 25px;
  }
  .content .immoport-archive-index h2 {
    text-align: left;
  }
  .content .content-service h2 {
    text-align: left;
  }
  .content .content-immo-other-countries h2 {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  header .topbar nav.topnav {
    margin-top: 30px;
  }
  header .topbar nav.topnav ul {
    text-align: right;
  }
  header .topbar nav.topnav ul li a {
    padding-top: 0;
    font-size: 16px;
  }
  header .header-nav #main-navigation li a {
    font-size: 16px;
  }
  header .header-image .immo-online {
    font-size: 20px;
    top: 25px;
  }
  header .header-image .header-content {
    top: 34%;
  }
  header .header-image .header-content h1 {
    font-size: 32px;
  }
  header .header-image .immo-search {
    bottom: 9%;
  }
  footer .footer-newsletter p {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 0;
  }
  .content .content-map .teaser {
    margin-top: 25%;
    transform: translateY(-50%);
  }
  .content .content-map .teaser p {
    font-size: 30px;
  }
  .single-immobilien h1 {
    font-size: 30px;
  }
}
@media (min-width: 1440px) {
  header .topbar nav.topnav {
    margin-top: 40px;
  }
  header .topbar nav.topnav li a {
    line-height: 30px;
  }
  header .header-image .immo-online {
    font-size: 30px;
  }
  footer .footer-newsletter p {
    margin-top: 0;
    font-size: 22px;
  }
  .content .content-map .teaser {
    margin-top: 20%;
    transform: translateY(-50%);
  }
  .content .content-map .teaser p {
    font-size: 35px;
  }
}