@media only screen and (max-height: 860px) {
  #menu-hauptmenue > li {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #menu-hauptmenue {
    margin-top: 40px;
  }
  .wrap.projekte.test {
    margin-top: 120px;
  }
  .wrap.aktuelles {
    margin-top: 107px;
  }
}
@media only screen and (max-height: 740px) {
  #menu-hauptmenue > li > ul > li {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #menu-hauptmenue > li {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #menu-hauptmenue > li.menu-item-has-children.current-menu-item ul {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1500px) {
  .overallwrap.projektesingle .maincontent {
    width: 75%;
  }
}
@media only screen and (max-width: 1270px) {
  .page-id-2 .overallwrap .maincontent, .page-id-35 .overallwrap .maincontent, .page-id-194 .overallwrap .maincontent {
    width: 900px;
    max-width: 900px;
  }
  .overallwrap .maincontent {
    width: 820px;
    max-width: 820px;
  }
}
@media only screen and (max-width: 1160px) {
  .page-id-2 .overallwrap .maincontent, .page-id-35 .overallwrap .maincontent, .page-id-194 .overallwrap .maincontent {
    width: 800px;
    max-width: 800px;
  }
  .overallwrap .maincontent {
    width: 720px;
    max-width: 720px;
  }
  .wrap.buero .partnerdetails .lebenslauf {
    padding-left: 60px;
  }
}
@media only screen and (max-width: 1100px) {
  .wrap.projekt article.post {
    flex-wrap: wrap;
  }
  .wrap.projekt article.post .text {
    width: 100%;
    order: 2;
  }
  .wrap.projekt article.post .specs {
    width: 100%;
    order: 1;
  }
  .wrap.projekt article.post .specs .spec, .wrap.projekt article.post .specs .value {
    margin-bottom: 10px;
  }
  .wrap.projekt article.post h1 {
    margin-top: 60px;
    margin-bottom: 23px;
  }
  .wrap.projekt article.post .specs {
    margin-top: 0;
  }
  .wrap.projekt .projektbeschreibung {
    padding-bottom: 80px;
  }
  .page-id-2 .overallwrap .maincontent, .page-id-35 .overallwrap .maincontent, .page-id-194 .overallwrap .maincontent {
    width: 650px;
    max-width: 650px;
  }
  .overallwrap .maincontent {
    width: 570px;
    max-width: 570px;
  }
  .naviwrap.active {
    background-color: white;
  }
  .wrap.buero .partnerdetails {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .wrap.buero .partnerdetails .profilbild {
    width: 100%;
  }
  .wrap.buero .partnerdetails .profilbild img {
    width: 340px;
    height: auto;
  }
  .wrap.buero .partnerdetails .lebenslauf {
    width: 100%;
    padding-left: 0;
    margin-top: 60px;
  }
}
@media only screen and (max-width: 900px) {
  .overallwrap, .overallwrap .siteheader {
    width: 100%;
  }
  .wrap.projekte.test {
    margin-top: 60px;
  }
  .overallwrap .maincontent {
    width: 100%;
    max-width: 100%;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    right: unset;
  }
  .overallwrap .siteheader {
    z-index: 999;
    left: 0;
    box-sizing: border-box;
    background-color: white;
    height: 58px;
    transition: top 0.3s;
  }
  .overallwrap .siteheader .logo {
    font-size: 40px;
    margin-top: 0;
    top: 5px;
    z-index: 60;
    margin-left: 17px;
    position: relative;
    font-weight: 300;
    transition: top 0.3s;
  }
  .overallwrap .siteheader .logo.nav-up {
    top: -55px;
  }
  .naviwrap {
    position: absolute;
    z-index: 50;
    width: 100%;
    background: #e0e93c;
    top: 0;
    left: 0;
    height: 100vh;
    display: block;
    visibility: hidden;
    transform: translateY(100vh);
    transition: all 0.4s;
    opacity: 1;
    background-color: transparent;
  }
  .naviwrap.active {
    display: block;
    transform: translateY(0vh);
    visibility: visible;
    opacity: 1;
  }
  .hamburger {
    display: block;
  }
  #menu-hauptmenue {
    margin-top: 100px;
  }
  #menu-hauptmenue > li {
    margin-left: 20px;
    font-weight: 300;
  }
  #menu-hauptmenue > li.current-menu-item > a {
    color: #555800;
  }
  ul.sub-menu {
    right: 20px;
    margin-top: -32px;
    position: absolute;
  }
  ul.sub-menu::before {
    content: "|";
    position: absolute;
    font-size: 15px;
    left: -30px;
    top: 8px;
  }
  .wrap.aktuelles .tablehead {
    display: none;
  }
  .wrap.aktuelles .newspost {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .wrap.aktuelles .newspost .image {
    width: 100%;
    height: 190px;
    order: 1;
  }
  .wrap.aktuelles .newspost .content {
    margin-left: 20px;
    margin-right: 0;
    margin-top: 15px;
    order: 3;
  }
  .wrap.aktuelles .newspost .content h1 {
    margin-bottom: 15px;
  }
  .wrap.aktuelles .newspost .date {
    order: 2;
    text-align: left;
    margin-top: 15px;
  }
  #ajaxsearchlite1 {
    margin-top: 10px;
    box-shadow: none !important;
    border-bottom: 1px solid black !important;
  }
  #ajaxsearchlite1 .probox, div.asl_w .probox {
    margin-top: 50px !important;
  }
  .introimage {
    margin-top: 90px;
  }
  .overallwrap.projektesingle .maincontent {
    width: 100%;
  }
  .wrap.projekt {
    margin-top: 80px;
  }
  .close.btn.projekt {
    right: 15px;
    top: 21px;
  }
  .wrap.projekt .slideshow {
    margin-bottom: 60px;
  }
  .wrap.projekt article.post h1 {
    margin-top: 40px;
  }
  .wrap.projekt .slideshow .projektslider .item {
    height: 360px;
  }
  .wrap.projekt .slideshow .projektslider .item.square {
    width: 360px;
  }
  .wrap.projekt .slideshow .projektslider .item.portrait {
    width: 170px;
  }
  .page-id-2 .overallwrap .maincontent, .page-id-35 .overallwrap .maincontent, .page-id-194 .overallwrap .maincontent {
    width: calc(100% + 80px);
    max-width: calc(100% + 80px);
  }
  .wrap.projekte {
    transform: translateX(-40px);
  }
  .overallwrap {
    overflow-x: hidden;
  }
  #menu-item-51 ul li a.filtered {
    color: #545800;
  }
  .startpage.filtered {
    color: black !important;
  }
  .maincontent .wrap.search {
    margin-top: 50px;
  }
  .theBall-outer, .theBall {
    display: none;
  }
  html {
    cursor: auto;
  }
}
@media only screen and (max-width: 510px) {
  .theBall-outer, .theBall {
    display: none;
  }
  .page-id-194 .overallwrap .maincontent {
    width: 100%;
  }
  .wrap.aktuelles .newspost .content {
    margin-left: 0px;
  }
  .wrap.projekte.test .hoch.filteredVersion, .wrap.projekte.test .voll, .wrap.projekte.test .quadrat, .wrap.projekte.test .quer, .wrap.projekte.test .hoch, .wrap.projekte.test .hoch.growright + .item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .wrap.projekte.test .voll, .wrap.projekte.test .quer {
    height: 300px;
  }
  .wrap.projekte.test .voll .mainimage, .wrap.projekte.test .quer .mainimage {
    height: 170px;
  }
  .wrap.projekte.test .voll .projecttitle, .wrap.projekte.test .quer .projecttitle {
    top: 160px;
  }
  .wrap.projekte.test .hoch, .wrap.projekte.test .hoch.filteredVersion {
    height: 600px;
  }
  .wrap.projekte.test .hoch .mainimage, .wrap.projekte.test .hoch.filteredVersion .mainimage {
    height: 450px;
  }
  .wrap.projekte.test .hoch .projecttitle, .wrap.projekte.test .hoch.filteredVersion .projecttitle {
    top: 460px;
  }
  .wrap.projekte.test .quadrat {
    height: 480px;
  }
  .wrap.projekte.test .quadrat .mainimage {
    height: 335px;
  }
  .wrap.projekte.test .quadrat .projecttitle {
    top: 345px;
  }
  .wrap.buero .partner .first, .wrap.buero .mitarbeiter .first, .wrap.buero .partner .second, .wrap.buero .mitarbeiter .second {
    width: 100%;
  }
  .wrap.buero .mitarbeiter .second {
    margin-bottom: 25px;
  }
  .wrap.buero .partner .first, .wrap.buero .mitarbeiter .first {
    line-height: 30px;
  }
  .introimage img {
    width: 100%;
  }
  hr {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .wrap.buero .intro {
    margin-bottom: 50px;
  }
  .wrap.buero #team h1:nth-of-type(2) {
    margin-bottom: 0px;
  }
  #menu-hauptmenue > li > ul > li {
    margin-bottom: 12px;
  }
  #menu-hauptmenue > li > ul > li.active a, #menu-hauptmenue > li a:hover {
    color: #555800;
  }
  .page-id-2 .overallwrap .maincontent, .page-id-35 .overallwrap .maincontent, .page-id-194 .overallwrap .maincontent {
    width: 100%;
    max-width: 100%;
  }
  .wrap.projekte {
    transform: translateX(0px);
  }
  .wrap.projekt article.post .text {
    margin-right: 0;
  }
  .wrap.buero .partner .row .first {
    max-width: 140px;
    width: 140px;
  }
  .wrap.buero .partnerdetails .profilbild img {
    width: 100%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .theBall-outer, .theBall {
    display: none;
  }
  .page-id-194 .overallwrap .maincontent {
    width: 100%;
  }
  .wrap.aktuelles .newspost .content {
    margin-left: 0px;
  }
  .wrap.projekte.test .hoch.filteredVersion, .wrap.projekte.test .voll, .wrap.projekte.test .quadrat, .wrap.projekte.test .quer, .wrap.projekte.test .hoch, .wrap.projekte.test .hoch.growright + .item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .wrap.projekte.test .voll, .wrap.projekte.test .quer {
    height: 300px;
  }
  .wrap.projekte.test .voll .mainimage, .wrap.projekte.test .quer .mainimage {
    height: 170px;
  }
  .wrap.projekte.test .voll .projecttitle, .wrap.projekte.test .quer .projecttitle {
    top: 160px;
  }
  .wrap.projekte.test .hoch, .wrap.projekte.test .hoch.filteredVersion {
    height: 600px;
  }
  .wrap.projekte.test .hoch .mainimage, .wrap.projekte.test .hoch.filteredVersion .mainimage {
    height: 450px;
  }
  .wrap.projekte.test .hoch .projecttitle, .wrap.projekte.test .hoch.filteredVersion .projecttitle {
    top: 460px;
  }
  .wrap.projekte.test .quadrat {
    height: 480px;
  }
  .wrap.projekte.test .quadrat .mainimage {
    height: 335px;
  }
  .wrap.projekte.test .quadrat .projecttitle {
    top: 345px;
  }
  .wrap.buero .partner .first, .wrap.buero .mitarbeiter .first, .wrap.buero .partner .second, .wrap.buero .mitarbeiter .second {
    width: 100%;
  }
  .wrap.buero .mitarbeiter .second {
    margin-bottom: 25px;
  }
  .wrap.buero .partner .first, .wrap.buero .mitarbeiter .first {
    line-height: 30px;
  }
  .introimage img {
    width: 100%;
  }
  hr {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .wrap.buero .intro {
    margin-bottom: 50px;
  }
  .wrap.buero #team h1:nth-of-type(2) {
    margin-bottom: 0px;
  }
  #menu-hauptmenue > li > ul > li {
    margin-bottom: 12px;
  }
  #menu-hauptmenue > li > ul > li.active a, #menu-hauptmenue > li a:hover {
    color: #555800;
  }
  .page-id-2 .overallwrap .maincontent, .page-id-35 .overallwrap .maincontent, .page-id-194 .overallwrap .maincontent {
    width: 100%;
    max-width: 100%;
  }
  .wrap.projekte {
    transform: translateX(0px);
  }
  .wrap.projekt article.post .text {
    margin-right: 0;
  }
  .wrap.buero .partner .row .first {
    width: 90px;
  }
}
@media (orientation: landscape) {
  #menu-hauptmenue > li.menu-item-has-children.current-menu-item ul {
    bottom: 0;
  }
  #menu-hauptmenue > li > ul > li {
    margin-top: 3px;
    margin-bottom: 3px;
  }
}