::-moz-selection {
  background: #cfd54c;
}
::selection {
  background: #cfd54c;
}
html {
  width: 100%;
  height: 100%;
  background-color: white;
  cursor: none;
}
body {
  font-family: 'Roboto';
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: none;
  background-color: white;
}
a, a:active, a:focus, button, button:active, button:focus {
  outline: none;
  cursor: none;
}
a.blocklink {
  width: 100%;
  height: 100%;
  z-index: 200;
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: none;
}
a:hover {
  cursor: none;
}
.overallwrap {
  width: 90%;
  margin: 0 auto;
  position: relative;
  max-width: 1300px;
  display: block;
}
.overallwrap .maincontent {
  width: calc(100% - 200px);
  max-width: 920px;
  position: absolute;
  right: 0;
}
.overallwrap .siteheader {
  width: 200px;
  position: fixed;
  left: 5%;
  background-color: white;
}
.overallwrap .siteheader .logo {
  font-size: 85px;
  font-weight: 300;
  margin-top: 10px;
  margin-left: -5px;
}
.maincontent .wrap {
  position: relative;
  margin-top: 50px;
}
.maincontent .wrap .fliesstext {
  max-width: 600px;
}
.maincontent .wrap .fliesstext.intro {
  color: black;
}
strong, b {
  font-family: 'Roboto';
  font-weight: 700;
}
h1 {
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: normal;
}
h3 {
  font-family: 'Roboto';
  font-weight: normal;
  font-size: 25px;
  margin-top: 45px;
}
hr {
  border: 0;
  outline: 0;
  border-bottom: 1px solid black;
  margin-top: 80px;
  margin-bottom: 80px;
}
p {
  font-size: 20px;
  line-height: 32px;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
a {
  text-decoration: none;
  color: black;
}
p a {
  text-decoration: underline;
}
.naviwrap {
  background-color: white;
}
#menu-hauptmenue {
  padding: 0;
  margin-top: 90px;
}
#menu-hauptmenue > li {
  font-size: 30px;
  margin-bottom: 41px;
  margin-top: 41px;
}
#menu-hauptmenue > li.current-menu-item > a {
  color: #cc3;
}
#menu-hauptmenue > li > ul {
  padding: 0;
}
#menu-hauptmenue > li > ul > li {
  font-size: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  /*
   font-size: 16px;
   margin-top: 5px;
   margin-bottom: 5px;
   */
}
#menu-hauptmenue > li > ul > li.active a {
  color: #cc3;
}
#menu-hauptmenue > li > ul #menu-item-62 {
  margin-top: 18px;
  line-height: 22px;
}
#menu-hauptmenue > li.menu-item-has-children ul {
  display: none;
}
#menu-hauptmenue > li.menu-item-has-children.current-menu-item ul {
  display: block;
}
#menu-hauptmenue > li a {
  transition: color 0.3s;
}
#menu-hauptmenue > li a:hover {
  color: #cc3;
}
#menu-item-51 ul li a.filtered {
  color: #cc3;
}
.hamburger {
  display: none;
  position: fixed;
  top: 5px;
  right: 5px;
  /*40px */
  z-index: 9000;
  padding-bottom: 10px !important;
  transition: top 0.3s;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
  background-color: black;
  border-radius: 0px;
  height: 2px;
  width: 28px;
}
.hamburger-box {
  width: 28px;
}
.hamburger-inner:before {
  top: -9px;
}
.hamburger-inner:after {
  bottom: -9px;
}
.hamburger:hover .hamburger-inner, .hamburger:hover .hamburger-inner:after, .hamburger:hover .hamburger-inner:before {
  background-color: #484848;
}
.hamburger.is-active:hover, .hamburger:hover {
  opacity: 1;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
  background-color: black;
}
/** PAGE PROJEKTE  /  PROJEKTÜBERSICHT **/
.wrap.projekte {
  -webkit-transform: translateX(45px);
  -ms-transform: translateX(45px);
  transform: translateX(45px);
}
.wrap.projekte .grid {
  width: 100%;
  background: #ddd;
  position: relative;
  margin-bottom: 100px;
}
.wrap.projekte .gutter-sizer {
  width: 9%;
}
.wrap.projekte .item {
  float: left;
  position: relative;
  display: block;
  overflow: hidden;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wrap.projekte .item .mainimage {
  height: 390px;
  width: auto;
  position: relative;
  background-position: center center;
  background-size: cover;
}
.wrap.projekte .item .mainimage img {
  height: 100%;
}
.wrap.projekte .item .projecttitle {
  margin-top: 20px;
  max-width: 100%;
  overflow: hidden;
  font-size: 15px;
  position: absolute;
  top: 10px;
}
.wrap.projekte .item .item-content {
  position: relative;
}
.page-id-2 .overallwrap .maincontent, .page-id-35 .overallwrap .maincontent, .page-id-194 .overallwrap .maincontent {
  width: 1000px;
  max-width: 1000px;
}
.wrap.projekte.test {
  margin-top: 170px;
}
.wrap.projekte.test .grid {
  width: 100%;
  background: white;
  position: relative;
  margin-bottom: 100px;
}
.wrap.projekte.test .gutter-sizer {
  width: 9%;
}
.wrap.projekte.test .item {
  position: relative;
  display: block;
  overflow: hidden;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px;
  height: 515px;
}
.wrap.projekte.test .item .mainimage {
  height: 390px;
  width: auto;
  position: relative;
  background-position: center center;
  background-size: cover;
}
.wrap.projekte.test .item .mainimage img {
  height: 100%;
}
.wrap.projekte.test .item .projecttitle {
  max-width: 100%;
  position: absolute;
  top: 380px;
}
.wrap.projekte.test .item .item-content {
  height: 100%;
  position: relative;
}
.wrap.projekte.test .gutter-sizer {
  width: 0%;
}
.wrap.projekte.test .hoch {
  width: 35%;
}
.wrap.projekte.test .hoch.growright {
  padding-right: 0;
}
.wrap.projekte.test .hoch.growright + .item {
  padding-left: 80px;
}
.wrap.projekte.test .hoch.growleft {
  padding-left: 0;
}
.wrap.projekte.test .hoch.filteredVersion {
  width: 30%;
}
.wrap.projekte.test .quer.shrinkright {
  padding-right: 80px;
}
.wrap.projekte.test .quadrat {
  width: 50%;
}
.wrap.projekte.test .quer {
  width: 65%;
}
.wrap.projekte.test .voll {
  width: 100%;
}
.wrap.projekte.test .grid:after {
  content: '';
  display: block;
  clear: both;
}
/** SINGLE PROJEKT **/
.close.btn.projekt {
  font-family: "nspsymbol";
  font-size: 42px;
  position: absolute;
  right: 50px;
  top: -15px;
  z-index: 900;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.close.btn.projekt:hover {
  color: #cc3;
}
.overallwrap.projektesingle {
  width: 100%;
  max-width: unset;
}
.overallwrap.projektesingle .maincontent {
  width: 90%;
  max-width: 1260px;
  margin: 0 auto;
  position: relative;
  background-color: white;
}
.wrap.projekt .slideshow {
  margin-bottom: 80px;
  position: relative;
  /*
   .projektslider{
   .item{
   height: 600px;
   background-size: cover;
   background-position: center center;
   }
   .item.square{
   width: 600px;
   }
   .item.portrait{
   width: 600px;
   height: 800px;
   }
   }
   */
}
.wrap.projekt .slideshow .owl-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wrap.projekt .slideshow .owl-nav button {
  width: 50%;
  height: 100%;
  position: relative;
  z-index: 700;
}
.wrap.projekt .slideshow .owl-nav button.owl-next, .wrap.projekt .slideshow .owl-nav button.owl-next:hover {
  cursor: url('../img/cursor_right.png') 0 0, auto;
  cursor: -webkit-image-set(url('../img/cursor_right.png') 1x, url('../img/cursor_right-high.png') 2x) 0 0, auto;
}
.wrap.projekt .slideshow .owl-nav button.owl-prev, .wrap.projekt .slideshow .owl-nav button.owl-prev:hover {
  cursor: url('../img/cursor_left.png') 0 0, auto;
  cursor: -webkit-image-set(url('../img/cursor_left.png') 1x, url('../img/cursor_left-high.png') 2x) 0 0, auto;
}
.wrap.projekt .slideshow .projektslider .item {
  height: 700px;
  width: auto;
}
.wrap.projekt .slideshow .projektslider .item.landscape {
  max-width: 100%;
  max-height: 700px;
  height: auto;
}
.wrap.projekt article.post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.wrap.projekt article.post .text {
  width: 600px;
  margin-right: 40px;
}
.wrap.projekt article.post h1 {
  font-size: 20px;
  margin-bottom: 60px;
}
.wrap.projekt article.post .projektbeschreibung p {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 60px;
}
.wrap.projekt article.post .specs {
  width: 380px;
  position: relative;
  overflow: hidden;
  margin-top: 2px;
}
.wrap.projekt article.post .specs .spec, .wrap.projekt article.post .specs .value {
  float: left;
  font-size: 15px;
  margin-bottom: 40px;
}
.wrap.projekt article.post .specs .spec {
  width: 170px;
}
.wrap.projekt article.post .specs .value {
  width: calc(100% - 170px);
}
/** AKTUELLES **/
.wrap.aktuelles {
  margin-top: 157px;
}
.wrap.aktuelles .tablehead {
  overflow: hidden;
}
.wrap.aktuelles .tablehead div {
  float: left;
}
.wrap.aktuelles .tablehead div span {
  margin-left: 10px;
}
.wrap.aktuelles .tablehead div:first-child {
  margin-left: 300px;
}
.wrap.aktuelles .tablehead div:nth-child(2) {
  float: right;
}
.wrap.aktuelles .tablehead + hr {
  margin-top: 30px;
  margin-bottom: 60px;
}
.wrap.aktuelles .newspost {
  position: relative;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.wrap.aktuelles .newspost .image {
  width: 250px;
  height: 165px;
  background-size: cover;
  background-position: center center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.wrap.aktuelles .newspost .content {
  margin-left: 50px;
  margin-right: 40px;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.wrap.aktuelles .newspost .content h1, .wrap.aktuelles .newspost .content p {
  font-size: 15px;
}
.wrap.aktuelles .newspost .content h1 {
  font-weight: 500;
  margin-bottom: 30px;
}
.wrap.aktuelles .newspost .date {
  min-width: 70px;
  text-align: right;
  font-size: 15px;
}
.wrap.aktuelles .newspost .blocklink {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 150;
}
/** PAGE BÜRO **/
.introimage {
  position: relative;
  height: 350px;
  overflow: hidden;
  text-align: right;
  margin-top: -10px;
}
.introimage img {
  width: 350px;
  float: right;
  margin-top: 0px;
}
.wrap.buero .intro {
  margin-bottom: 80px;
  max-width: 570px;
}
.wrap.buero .mitarbeiter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wrap.buero .mitarbeiter .first {
  width: 50%;
  line-height: 37px;
}
.wrap.buero .mitarbeiter .second {
  width: 50%;
  font-size: 30px;
}
.wrap.buero .partner .row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wrap.buero .partner .row .first {
  width: 50%;
  max-width: 340px;
  line-height: 37px;
}
.wrap.buero .partner .row .second {
  width: 50%;
  font-size: 30px;
}
.wrap.buero .partner .row .showpartnerdetails {
  font-family: "nspsymbol";
  font-size: 60px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}
.wrap.buero .partner .row .showpartnerdetails.active {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.wrap.buero .partner .second {
  margin-bottom: 20px;
  line-height: 33px;
}
.wrap.buero .partnerdetails {
  display: flex;
  position: relative;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid black;
  border-bottom: 0px solid black;
  box-sizing: border-box;
  padding-top: 60px;
  margin-top: 60px;
  padding-bottom: 60px;
  margin-bottom: 60px;
  display: none;
}
.wrap.buero .partnerdetails .profilbild {
  width: 340px;
  flex-shrink: 0;
  position: relative;
}
.wrap.buero .partnerdetails .profilbild img {
  width: 100%;
  height: auto;
  margin-top: 25px;
}
.wrap.buero .partnerdetails .lebenslauf {
  padding-left: 110px;
  box-sizing: border-box;
}
.wrap.buero .partnerdetails .lebenslauf p {
  font-size: 15px;
  line-height: 30px;
}
.wrap.buero .mitarbeiter {
  max-width: 680px;
}
.wrap.buero .mitarbeiter .second {
  margin-bottom: 0px;
}
.wrap.buero .mitarbeiter {
  margin-top: 20px;
}
.wrap.buero #team h1:nth-of-type(2) {
  margin-top: 40px;
  margin-bottom: 80px;
}
.wrap.buero #team h1:nth-of-type(3) {
  margin-bottom: 60px;
}
.wrap.buero #jobs h1 {
  margin-bottom: 40px;
  font-size: 15px !important;
}
.wrap.buero #jobs h1, .wrap.buero #jobs h2, .wrap.buero #jobs h3 {
  font-size: 30px;
  font-weight: normal;
  margin-top: 0px;
}
.wrap.buero #jobs p {
  margin-top: 30px;
  margin-bottom: 30px;
}
.wrap.buero .allemitarbeiter {
  font-size: 30px;
  display: none;
}
.wrap.buero h1.ehemalige {
  position: relative;
}
.wrap.buero .foldoutmitarbeiter {
  font-family: "nspsymbol";
  font-size: 60px;
  position: absolute;
  display: block;
  top: -25px;
  right: 0;
}
.wrap.buero .foldoutmitarbeiter.active {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.wrap.buero #kontakt img.contactlogo {
  max-width: 420px;
  margin-bottom: 0px;
}
.wrap.buero #impressum, .wrap.buero #datenschutz {
  /*
   img.imprintlogo{
   max-width: 320px;
   margin-bottom: 70px;
   }
   */
}
.wrap.buero #impressum p, .wrap.buero #datenschutz p {
  font-size: 15px;
  margin: 0;
}
.wrap.buero #impressum h1, .wrap.buero #datenschutz h1, .wrap.buero #impressum h2, .wrap.buero #datenschutz h2, .wrap.buero #impressum h3, .wrap.buero #datenschutz h3 {
  font-size: 15px;
  margin-top: 45px;
  line-height: 2.9;
}
.wrap.buero #impressum .inhaber p, .wrap.buero #datenschutz .inhaber p {
  margin-bottom: 50px;
}
.wrap.buero #impressum img.imprintlogo, .wrap.buero #datenschutz img.imprintlogo {
  max-width: 320px;
  margin-top: 60px;
}
.wrap.buero #impressum li, .wrap.buero #datenschutz li {
  font-size: 15px;
  line-height: 2;
}
.wrap.buero #datenschutz {
  padding-bottom: 100px;
}
.wrap.buero #impressum h1 {
  margin-bottom: 40px;
}
/** SUCHE / SEARCH **/
.maincontent .wrap.search {
  margin-top: 192px;
}
#ajaxsearchlite1 {
  margin-top: 40px;
  -webkit-box-shadow: 0 1px 0 0 black;
  box-shadow: 0 1px 0 0 black;
}
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
  font-size: 27px !important;
}
div.asl_m .probox .proinput {
  margin: 0 !important;
  padding: 0 !important;
}
div.asl_r.vertical {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid black !important;
  padding: 0 !important;
}
div.asl_r .results .item .asl_content {
  padding: 0 !important;
}
div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a {
  font-size: 20px !important;
  color: black !important;
  line-height: 25px !important;
}
div.asl_r.asl_w.vertical .results .item::after {
  background: black !important;
}
div.asl_r .results .item {
  padding: 5px !important;
  padding-top: 7px !important;
  padding-left: 0 !important;
}
#ajaxsearchlite1 .probox, div.asl_w .probox {
  height: 38px !important;
}
div.asl_m .probox .proclose svg {
  background: transparent !important;
  border-radius: 0 !important;
  fill: #000 !important;
  width: 33px !important;
  height: 33px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  top: 27% !important;
  left: -5% !important;
}
div.asl_w .probox div.asl_simple-circle {
  border: 1.5px solid black !important;
}
div.asl_m .probox div.asl_loader {
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
}
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
  height: 33px !important;
}
/** CURSOR **/
.theBall, .theBall-outer {
  width: 16px;
  height: 16px;
}
.theBall-outer {
  position: fixed;
  top: -20px;
  left: -20px;
  z-index: 90000;
  pointer-events: none !important;
}
.theBall {
  position: absolute;
  background-color: #bfbf5d;
  border-radius: 50%;
  -webkit-transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform-origin: center center;
}
.dark_page .theBall, .coloring .theBall {
  background-color: #9c903e;
}
.zooming.theBall {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  background-color: #9c903e;
}
.transition-fade {
  transition: 0.4s;
  opacity: 1;
}
html.is-animating .transition-fade {
  opacity: 0;
}