@font-face {
  font-family: "Lucida Grande";
  src: url("/sites/55c08eda170dd6b9b0000002/theme/fonts/LucidaGrande.ttf?1446399638") format("truetype"); }
@font-face {
  font-family: "Lucida Grande Bold";
  src: url("/sites/55c08eda170dd6b9b0000002/theme/fonts/LucidaGrande-Bold.ttf?1446399638") format("truetype"); }
body {
  background-image: url("/sites/55c08eda170dd6b9b0000002/theme/images/bckgrnd.jpeg?1446399638");
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
  font-family: "Lucida Grande"; }

#main-fix {
  position: fixed;
  top: 60px;
  right: 0;
  left: 0;
  bottom: 0;
  margin-left: 16.66667%;
  width: 83.33333%;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#grid {
  margin-bottom: 20px; }

.presse-container {
  background-color: rgba(255, 255, 255, 0.2);
  overflow: auto;
  height: calc(100vh - 60px);
  -webkit-overflow-scrolling: touch; }

.leistung-container {
  background-color: rgba(255, 255, 255, 0.2);
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.project-container {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: rgba(255, 255, 255, 0.2); }

.project-container a {
  color: #FFB00D;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s; }

.project-container a:hover {
  color: #5b9ede; }

.project-container h2 {
  position: relative;
  font-size: 24px;
  margin: 10px 0 12px;
  color: #112448; }

.project-container hr {
  border-top: 1px solid #112448; }

.presse-container h2 {
  color: #112448; }

.presse-container hr {
  border-top: 1px solid #112448; }

.leistung-container h2 {
  color: #112448; }

.leistung-container hr {
  border-top: 1px solid #112448; }

.navbar {
  border: none;
  background-color: transparent;
  height: 60px;
  margin-left: 16.66667%;
  margin-top: 15px; }

.navbar-default .navbar-nav > li > a {
  font-family: "Lucida Grande Bold";
  font-size: 16px;
  color: #112448;
  text-transform: uppercase; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
  color: #fff;
  background: none; }

.navbar-default .navbar-toggle {
  border-color: #112448;
  margin-right: 30px; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #112448; }

.nav > li {
  width: 210px; }

.nav > li > a {
  padding: 10px 0px; }

.navbar-default .navbar-nav > li > a:hover {
  color: #fff; }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: rgba(17, 36, 72, 0.2); }

.navbar-default .navbar-collapse {
  border-color: #112448; }

ul.nav.navbar-nav {
  margin-left: 15px; }

.navigation {
  list-style: none;
  height: 100%;
  background: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: nowrap;
  justify-content: flex-start; }

.navigation button {
  background: none;
  text-decoration: none;
  text-align: left;
  display: block;
  color: #112448;
  height: 100%;
  width: 209px;
  font-size: 1.2em;
  text-transform: uppercase;
  padding: 0; }

.navigation button:hover {
  color: #fff;
  background: transparent;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out; }

.btn:focus, .btn:active {
  outline: none !important; }

#nav-spacer {
  height: 100%;
  width: 10%; }

#sidebar {
  font-family: "Lucida Grande Bold";
  position: fixed;
  bottom: 0;
  /* increase for footer use */
  left: 0;
  right: 0;
  top: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  text-align: left; }

#sidebar a {
  color: #112448; }

#sidebar .logo {
  margin: 30px 0 20px 11px;
  width: 80%; }

.filter-options {
  margin-top: 20px;
  margin-left: 20px; }

.filter-options button {
  font-size: 1.2em;
  text-transform: uppercase;
  display: inline;
  width: 100%;
  text-align: left;
  color: #112448;
  background-color: transparent;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  box-shadow: none; }

.filter-options > button:hover {
  color: #fff; }

button.active, button:active {
  color: white;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

#sidebar-footer {
  padding-left: 15px;
  position: absolute;
  bottom: 5px; }

#press-column {
  padding: 0px; }

#press {
  position: fixed;
  min-width: 19.6%;
  top: 60px;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.2);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0px 15px;
  margin-right: 20px;
  margin-left: 10px;
  color: #112448;
  font-size: 1vw; }

.hidden-press {
  display: none; }

#leistungen-container {
  background: none;
  height: 100%;
  margin-left: -15px; }

#leistungen {
  width: 700px;
  background: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: nowrap;
  justify-content: flex-start;
  flex-direction: row;
  -webkit-flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

#leistungen img {
  height: 200px;
  width: 200px;
  margin: 0 10px 10px 0; }

@media all and (min-width: 1300px) {
  .navbar {
    margin-left: 10.66667%; }

  #sidebar .logo {
    max-width: 50%; }

  #main-fix {
    margin-left: 10.66667%; }

  #press {
    font-size: 1em; } }
@media all and (max-width: 1100px) {
  .filter-options button {
    font-size: 1.1em; }

  #press {
    font-size: 0.8em; } }
@media all and (max-width: 1025px) {
  .filter-options button {
    font-size: 1.0em; }

  .navigation button {
    font-size: 1.2em; }

  .nav > li {
    width: 150px; } }
@media all and (max-width: 800px) {
  #main-fix {
    width: 87%; }

  #main-fix p {
    font-size: 0.8em; }

  #press-column {
    display: none; }

  #sidebar button {
    display: none; }

  .navbar {
    font-size: 8px; }

  .project-container, .leistung-container, .presse-container {
    font-size: 12px;
    width: 90%; }

  #sidebar .logo {
    margin: 0 0 0 0; }

  #leistungen {
    width: 550px; }

  #leistungen img {
    height: 150px;
    width: 150px;
    margin: 0 10px 10px 0; } }
@media only screen and (max-width: 766px) {
  .navbar-nav {
    margin: 7.5px; }

  .collapsing, .in {
    background-color: rgba(17, 36, 72, 0.9); }

  .collapsing ul li a, .in ul li a {
    color: #bfbfbf !important; }

  .collapsing ul li.active > a,
  .in ul li.active > a {
    color: #fff !important; }

  ul.nav.navbar-nav {
    margin-left: 5px; } }
@media all and (max-width: 600px) {
  #leistungen {
    width: 280px; }

  #leistungen img {
    height: 130px;
    width: 130px;
    margin: 10px 10px 10px 0; }

  #leistungen > img {
    display: none; } }
@media all and (max-height: 500px) {
  #sidebar-footer {
    visibility: hidden; } }
.picture-item {
  height: 200px;
  width: 200px;
  margin-top: 10px; }

.picture-item.shuffle-item {
  margin-left: 0; }

.picture-item .picture-item__inner {
  height: 200px;
  overflow: hidden; }

.picture-item img {
  display: block;
  width: 200px;
  height: 200px; }

.picture-item .picture-item__details, .picture-item .picture-item__description {
  padding: 1em; }

.picture-item .picture-item__description {
  margin: 0;
  padding-top: 0;
  padding-right: 2em; }

.picture-item .picture-item__tags {
  margin: 0; }

.shuffle--container {
  position: relative;
  overflow: hidden; }