ul {
  margin: 0;
  padding: 0 0 0 20px;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #f8f8f8;
  box-shadow: inset 0 0 5px #ddd;
}

::-webkit-scrollbar-thumb {
  background: #1e4f79;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #45731a;
}

html.noScroll {
  overflow: hidden;
}

body {
  margin: 0;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
  color: #222222;
}
body .container {
  max-width: 95%;
  margin: 0 auto;
}
body a {
  color: #45731a;
}
body h1 {
  font-size: 2rem;
  color: #1b3183;
}
body h3 {
  margin: 0;
  padding: 0;
  font-size: 1rem;
}
body p {
  margin: 0;
  padding: 10px 0;
  font-size: 1rem;
  line-height: 1.5rem;
}
body .hide, body .mobileNav {
  display: none;
}
body .small-font {
  font-size: 0.8rem;
}
body .btn-transparent {
  display: inline-block;
  margin: 20px 0 10px;
  padding: 10px 20px;
  border: 2px solid #222222;
  color: #222222;
  text-decoration: none;
}
body .btn-transparent:hover {
  background: #222222;
  color: #ffffff;
}
body sub {
  padding: 15px 0;
  display: block;
  text-align: center;
  color: #1b3183;
}
body .center-me {
  display: block;
  text-align: center;
  margin: 0 auto;
}
body #pubArchive {
  display: none;
}
body #pubArchive.show {
  display: block;
}
body nav {
  width: 100%;
  position: sticky;
  z-index: 10;
  top: 0;
  left: 0;
  background: #ffffff;
}
body nav.changeBg {
  box-shadow: 0 0 50px -40px;
}
body nav .container {
  display: block;
  align-items: center;
  text-align: center;
}
body nav .container #logo-fasshauer-lab {
  padding: 20px 0;
}
body nav .container #logo-fasshauer-lab a {
  display: block;
  text-decoration: none;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #222222;
}
body nav .container #logo-fasshauer-lab a span {
  font-weight: 400;
}
body nav .container #logo-fasshauer-lab a img {
  display: block;
  width: 185px;
  margin: 0 auto;
}
body nav .container ul {
  margin: 0;
  padding: 0 0 20px 0;
}
body nav .container ul li {
  display: inline;
  margin: 0 15px;
}
body nav .container ul li a {
  font-weight: 500;
  text-decoration: none;
  color: #222222;
}
body nav .container ul li a:hover, body nav .container ul li a:active, body nav .container ul li a:focus {
  color: #222222;
}
body nav .container ul li a:hover {
  border-bottom: 3px solid;
}
body nav .container ul li.active a {
  border-bottom: 3px solid;
}
body section {
  padding: 60px 0;
  scroll-margin: 10rem 0 0 0;
}
body section .container {
  width: 95%;
  max-width: 1600px;
}
body section .container .row {
  display: flex;
  align-items: center;
}
body section .container .row .twenty {
  width: 20%;
}
body section .container .row .fourth {
  width: 25%;
}
body section .container .row .third {
  width: 33%;
}
body section .container .row .fourty {
  width: 40%;
}
body section .container .row .sixty {
  width: 60%;
}
body section .container .row .sixty img {
  width: 300px;
  margin: 40px 0 0;
}
body section .container .row div .box {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  margin: 0 10px;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0 0 90px -25px rgba(0, 0, 0, 0.2);
}
body section .container .row div .box:nth-child(1) {
  margin-left: 0;
}
body section .container .row div .box a {
  padding: 12px 0;
}
body section .container .row div .box a img, body section .container .row div .box a svg {
  width: 120px;
  max-width: 120px;
  transition: transform 0.3s;
}
body section .container .row div .box a:hover img, body section .container .row div .box a:hover svg {
  transform: scale(1.1);
}
body section .container .row .half {
  width: 50%;
}
body section .container .row .half img {
  width: 382px;
}
body section .container .row .half img.small {
  width: 351px;
}
body section .container .row .half img.large {
  width: 100%;
  max-width: 436px;
}
body section .container .row .half ul li {
  padding: 10px 0;
  border-bottom: 1px solid #e5f3ff;
}
body section .container .row .half:nth-child(1) {
  margin: 0 60px 0 0;
}
body section .container .row .half:nth-child(2) {
  text-align: center;
}
body section .container .row.alt .half {
  text-align: left;
}
body section .container .pub {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0509803922);
}
body section .container .pub p {
  padding: 0;
}
body section .container .pub .pub-mag {
  font-style: italic;
}
body section .container .divider {
  height: 1px;
  margin: 40px 0;
  background: #eee;
}
body #intro {
  width: 95%;
  height: 480px;
  max-width: 1600px;
  margin: 5px auto 0;
  padding: 40px 0;
  display: flex;
  align-items: center;
  border-radius: 8px;
  background: #eeeeee url("../media/fasshauer-hero-bg4.jpg") no-repeat center center/cover;
  transition: background-size 0.5s;
}
body #intro-txt {
  margin: -100px 0 0 0;
  padding: 0;
}
body #intro-txt .container .row .txt {
  width: 95%;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
  border-radius: 8px;
  text-align: center;
  background: white;
}
body #intro-txt .container .row .txt h1 {
  font-size: 1.7rem;
  font-weight: 400;
  color: #262626;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.7);
}
body .dash {
  width: 70px;
  height: 5px;
  margin: 0 auto;
  border-radius: 4px;
  background: #1b3183;
  opacity: 1;
  transition: opacity 0.5s;
}
body #publications {
  padding: 100px 0;
  background: #e5f3ff;
}
body #publications h2 {
  padding: 10px 0 0 0;
  font-size: 1rem;
}
body #databases {
  background: #e5f3ff;
}
body #databases .container .row {
  align-items: flex-start;
  margin: 40px 0;
}
body #databases .container .row #snare {
  background: url(../media/snare-bg.jpg) no-repeat center center/cover;
}
body #databases .container .row #aaa {
  background: url(../media/aaa-bg.jpg) no-repeat center center/cover;
}
body #databases .container .row #rab {
  background: url(../media/rab-bg.jpg) no-repeat center center/cover;
}
body #databases .container .row .third {
  margin: 0 10px 0 0;
  padding: 82px 0;
  text-align: center;
  text-decoration: none;
}
body #databases .container .row .third:nth-child(3) {
  margin: 0;
}
body #databases .container .row .third h1 {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #ffffff;
}
body #databases .container .row .seventy {
  width: 70%;
  padding: 0 0 0 60px;
}
body #databases .container .row .seventy h2 {
  margin: 0 0 20px 0;
}
body #news {
  padding: 40px 0 120px;
}
body #news .container .row, body #group-members .container .row {
  align-items: flex-start;
}
body #news .container .row .half ul, body #group-members .container .row .half ul {
  padding: 0 0 0 25px;
}
body #news .container .row .half ul li, body #group-members .container .row .half ul li {
  list-style: none;
}
body #news .container .row .half ul li:before, body #group-members .container .row .half ul li:before {
  content: url(../media/ic-newspaper.svg);
  display: inline-block;
  width: 17px;
  margin-left: -25px;
  padding-right: 4px !important;
}
body #news .container .row .half ul li span, body #group-members .container .row .half ul li span {
  font-size: 0.8rem;
}
body #news .container .row .half ul li span a, body #group-members .container .row .half ul li span a {
  color: #1b3183;
}
body #group-members h1 {
  text-align: center;
}
body #group-members .container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
body #group-members .container .lab-member {
  min-height: 700px;
  padding: 40px;
}
body #group-members .container .lab-member .member-info {
  text-align: center;
}
body #group-members .container .lab-member .member-info h2 {
  margin-bottom: 0;
  padding-bottom: 0;
}
body #group-members .container .lab-member .member-info h4 {
  padding-top: 0;
  margin-top: 0;
}
body #group-members .container .lab-member img {
  width: 300px;
  height: 300px;
  border: 8px solid #e5f3ff;
  border-radius: 50%;
}
body #alumni {
  padding: 60px 0 100px 0;
  background: #e5f3ff;
}
body #contact {
  padding: 40px 0 80px 0;
}
body #contact .container .row .half .card {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: #f5f5f5;
  border-radius: 10px;
}
body #contact .container .row .half .card .img-container {
  display: flex;
}
body #contact .container .row .half .card .img-container img {
  width: 200px;
  height: 200px;
  max-width: 200px;
  border-radius: 50%;
}
body #contact .container .row .half .card .contact-info-dirk {
  padding: 0 0 0 20px;
  text-align: left;
}
body #footer {
  padding: 4px 0;
  background: #1b3183;
}
body #footer .container .row {
  align-items: flex-start;
}
body #footer .container .row .half p {
  font-family: "Open Sans", sans-serif;
  font-size: 0.8rem;
  font-weight: 300;
  color: #ffffff;
}
body #footer .container .row .half p a {
  color: #ffffff;
  font-weight: 400;
}
body #footer .container .row .half:last-child p a {
  color: #4bde8e;
}
body #footer .container .row .half:last-child {
  text-align: end;
}

@media screen and (max-width: 1320px) {
  body section .container {
    width: auto;
    max-width: 95%;
  }
}
@media screen and (max-width: 1240px) {
  body #group-members .container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1172px) {
  body nav .container ul {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1024px) {
  body nav {
    padding: 0;
  }
  body nav .container {
    display: flex;
    align-items: center;
    text-align: initial;
  }
  body nav .container #logo-fasshauer-lab {
    flex: 1;
    padding: 10px 0;
  }
  body nav .container #logo-fasshauer-lab a {
    font-size: 1.5rem;
  }
  body nav .container #logo-fasshauer-lab a img {
    width: 180px;
    margin: 0;
  }
  body nav .container ul {
    display: none;
  }
  body nav .container .mobileNav {
    display: block;
    height: 30px;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
  }
  body nav .container .mobileNav span {
    display: block;
    height: 5px;
    width: 35px;
    background: #1b3183;
    border-radius: 3px;
  }
  body nav .container .mobileNav span:nth-child(2) {
    margin: 4px 0 0;
  }
  body nav.openClose {
    padding: 0;
  }
  body nav.openClose .container {
    width: 100%;
    max-width: 100%;
    position: relative;
  }
  body nav.openClose .container #logo-fasshauer-lab {
    padding: 10px 0 10px 2.5%;
    position: relative;
    z-index: 10;
  }
  body nav.openClose .container .mobileNav {
    padding: 10px 2.5% 10px 0;
    display: block;
    position: relative;
    top: 0;
    z-index: 11;
    height: 30px;
  }
  body nav.openClose .container .mobileNav span {
    position: relative;
    bottom: -5px;
    transform: rotate(-45deg);
    transition: transform 0.4s;
  }
  body nav.openClose .container .mobileNav span:nth-child(2) {
    margin: 0;
    transform: rotate(45deg);
    bottom: 0;
  }
  body nav.openClose .container ul {
    display: block;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 22% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    text-align: center;
    background: rgba(255, 255, 255, 0.968627451);
  }
  body nav.openClose .container ul li {
    display: block;
    margin: 20px 0;
  }
  body nav.openClose .container ul li a {
    font-size: 1.7rem;
    font-weight: 700;
  }
  body nav.openClose .container ul li.active a, body nav.openClose .container ul li:hover a {
    border: none;
  }
  body nav.openClose .container ul li:hover {
    color: #1b3183;
  }
  body section .container .row {
    display: block;
  }
  body section .container .row .twenty, body section .container .row .third, body section .container .row .fourth, body section .container .row .fourty, body section .container .row .half, body section .container .row .sixty, body section .container .row .seventy {
    width: 100%;
  }
  body section .container .row .twenty img, body section .container .row .third img, body section .container .row .fourth img, body section .container .row .fourty img, body section .container .row .half img, body section .container .row .sixty img, body section .container .row .seventy img {
    width: 100%;
    max-width: 350px;
  }
  body section .container .row.alt {
    display: flex;
    flex-direction: column-reverse;
  }
  body section .container .row.alt .half {
    margin: 0;
  }
  body #intro {
    height: 350px;
    padding: 10px 0;
  }
  body #intro-txt {
    margin: -73px 0 0 0;
  }
  body #intro-txt .container .row .txt {
    max-width: 600px;
    padding: 1px 20px;
  }
  body #intro-txt .container .row .txt h1 {
    font-size: 1.3rem;
  }
  body #databases .container .row .seventy {
    width: 100%;
    padding: 20px 0 0;
  }
  body #group-members .container .row .third {
    padding: 40px 0 0;
    min-height: auto;
  }
  body #contact .container .row .half .card {
    margin: 30px 0 0 0;
  }
  body #footer .container .row {
    display: flex;
  }
  body #footer .container .row .half {
    width: 50%;
  }
  body #footer .container .row .half:nth-child(1) {
    margin: 0;
  }
  body #footer .container .row .half:nth-child(2) {
    margin: 0;
    text-align: right;
  }
  body #footer .container .row .half:nth-child(2) p {
    text-align: right;
  }
}
@media screen and (max-width: 823px) {
  body h1 {
    font-size: 1.7rem;
  }
  body .container {
    max-width: 95%;
  }
  body nav .container #logo-fasshauer-lab a {
    font-size: 1.2rem;
  }
  body nav .container #logo-fasshauer-lab a img {
    width: 146px;
    margin: -3px 0 0;
  }
  body nav.changeBg {
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.2);
  }
  body section {
    padding: 20px 0;
  }
  body section .container .row .half img.small {
    width: 100%;
  }
  body #intro-txt {
    margin: 0;
  }
  body #intro-txt .container .row .txt {
    width: 100%;
    max-width: initial;
    padding: 0;
    text-align: center;
  }
  body #intro-txt .container .row .txt h1 {
    font-size: 1rem;
    font-style: italic;
  }
  body #publications, body #news {
    padding: 20px 0;
  }
  body #group-members .container {
    grid-template-columns: repeat(1, 1fr);
  }
  body #group-members .container .lab-member {
    min-height: auto;
  }
  body #databases .container h1 {
    padding: 0;
  }
  body #databases .container .row .third {
    padding: 30px 0;
  }
}
@media screen and (max-width: 480px) {
  body #intro {
    height: 200px;
  }
  body #intro-txt {
    padding: 10px 0;
  }
  body #intro-txt .container .row .txt {
    text-align: start;
  }
  body #intro-txt .container .row .txt h1 {
    font-size: 0.8rem;
  }
  body #research-interest {
    padding: 10px 0;
  }
}/*# sourceMappingURL=styles.css.map */