@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=782140ec-ab13-45f1-927f-be6697b0f590&fontids=1475496,1475544");
html, body {
  font-size: 16px;
}

.clearfix {
  clear: both;
}

.print-visible {
  display: none;
}

.print-hidden {
  display: block;
}

.hide-on-phone {
  display: none;
}
@media screen and (min-width: 768px) {
  .hide-on-phone {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .show-on-phone {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .hide-on-tablet {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .hide-on-tablet {
    display: block;
  }
}

.show-on-tablet {
  display: none;
}
@media screen and (min-width: 768px) {
  .show-on-tablet {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .show-on-tablet {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .hide-on-desktop {
    display: none;
  }
}

.show-on-desktop {
  display: none;
}
@media screen and (min-width: 1200px) {
  .show-on-desktop {
    display: block;
  }
}

.csc-default.margin-bottom {
  margin-bottom: 30px;
}

#access-skip-wrapper {
  display: none;
}

#header {
  position: sticky;
  padding-top: 10px;
  height: 105px;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  background-color: white;
  transition: ease-in-out all 0.3s;
}
#header.header-fixed {
  padding-top: 10px;
}
@media screen and (min-width: 992px) {
  #header.header-fixed {
    height: 80px;
  }
}
@media screen and (min-width: 992px) {
  #header {
    padding-top: 20px;
  }
}
@media screen and (min-width: 992px) {
  #header {
    height: 126px;
  }
}

#logo img {
  width: 150px;
  height: auto;
  transition: ease-in-out 0.3s width;
}
.header-fixed #logo img {
  width: 150px;
}
@media screen and (min-width: 992px) {
  #logo img {
    width: 220px;
  }
}
@media screen and (min-width: 992px) {
  #logo img {
    margin-top: 16px;
  }
}

.toggle-main-navigation {
  display: none;
}

.select-category {
  display: block;
}
@media screen and (min-width: 768px) {
  .select-category {
    display: none;
  }
}

footer {
  margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
  #main-navigation, #project-navigation {
    display: none !important;
  }
}

#main-navigation, #project-navigation {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  left: 0;
  top: 80px;
  transition: ease-in-out top 0.3s;
}
@media screen and (min-width: 768px) {
  #main-navigation, #project-navigation {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  #main-navigation, #project-navigation {
    top: 20px;
    right: 0;
    left: initial;
  }
  .header-fixed #main-navigation, .header-fixed #project-navigation {
    top: 10px;
  }
}
#main-navigation li, #project-navigation li {
  float: left;
  font-size: 16px;
  margin-right: 10px;
}
@media screen and (min-width: 768px) {
  #main-navigation li, #project-navigation li {
    margin-right: 15px;
  }
}
@media screen and (min-width: 992px) {
  #main-navigation li, #project-navigation li {
    margin-right: 18px;
  }
}
#main-navigation li:last-of-type, #project-navigation li:last-of-type {
  margin-right: 0;
}
#main-navigation li a, #project-navigation li a {
  color: #a0a0a0;
  text-transform: uppercase;
}
#main-navigation li a:hover, #project-navigation li a:hover {
  text-decoration: none;
  color: #000000;
}

.mobile-nav-button {
  position: absolute;
  top: 15px;
  right: 0;
  width: 35px;
  height: 26px;
  border: none;
  background-color: transparent;
}
@media screen and (min-width: 768px) {
  .mobile-nav-button {
    display: none;
  }
}
.mobile-nav-button--open .mobile-nav-button__line {
  top: 50%;
  left: 50%;
}
.mobile-nav-button--open .mobile-nav-button__line--top {
  transform: translate(-50%) rotate(45deg);
}
.mobile-nav-button--open .mobile-nav-button__line--center {
  opacity: 0;
}
.mobile-nav-button--open .mobile-nav-button__line--bottom {
  transform: translate(-50%) rotate(-45deg);
}
.mobile-nav-button__line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #000000;
  transition: 0.3s ease-in-out all;
}
.mobile-nav-button__line--top {
  top: 0;
}
.mobile-nav-button__line--center {
  top: 11px;
  opacity: 1;
}
.mobile-nav-button__line--bottom {
  bottom: 0;
}

#project-navigation {
  display: none;
}
#project-navigation li.separator {
  border-left: 1px solid #a0a0a0;
  height: 20px;
}
#project-navigation li.category {
  display: none;
}
#project-navigation li.category.active {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #project-navigation li.category {
    display: inline-block;
  }
}

#project-cat-selector {
  display: none;
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  left: 0;
  top: 126px;
}
#project-cat-selector.open {
  display: block;
}
#project-cat-selector li {
  font-size: 16px;
  margin-bottom: 4px;
}
#project-cat-selector li a {
  color: #a0a0a0;
}
#project-cat-selector li a:hover {
  text-decoration: none;
  color: #000000;
}
#project-cat-selector li.active a {
  color: #000000;
}

#meta-navigation {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 30px 0 20px;
}
#meta-navigation li {
  display: inline-block;
  padding: 0;
  margin-right: 20px;
  font-size: 14px;
}
#meta-navigation li a {
  color: #a0a0a0;
  text-transform: uppercase;
}

#social-sharing {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  right: 0;
  top: 10px;
  transition: ease-in-out top 0.3s;
  display: none;
}
@media screen and (min-width: 768px) {
  #social-sharing {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  #social-sharing {
    top: 87px;
  }
  .header-fixed #social-sharing {
    top: 52px;
  }
}
@media screen and (min-width: 1200px) {
  #social-sharing {
    right: 0;
  }
}
#social-sharing li {
  display: inline-block;
  margin-left: 10px;
}
#social-sharing li a {
  display: block;
  height: 20px;
  width: 20px;
  text-indent: -999px;
  overflow: hidden;
}
#social-sharing li a.instagram {
  background: url("../Images/icon_instagram.svg") no-repeat;
}
#social-sharing li a.facebook {
  background: url("../Images/icon_facebook.svg") no-repeat;
}
#social-sharing li a.linkedin {
  background: url("../Images/icon_linkedin.svg") no-repeat;
}
#social-sharing li a.pinterest {
  background: url("../Images/icon_pinterest.svg") no-repeat;
}

#container {
  max-width: 1440px;
  width: initial;
}

#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background: url("../Images/alpha_white.png");
}
#overlay img {
  display: block;
  margin: 300px auto;
}

.cookie-disclaimer {
  z-index: 99;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 18px;
  box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.11), 0 -1px 0 rgba(0, 0, 0, 0.11);
  background-color: #ffffff;
}
.cookie-disclaimer a {
  color: #000000;
  text-decoration: underline;
}
.cookie-disclaimer__content {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
  padding: 0 20px;
}
.cookie-disclaimer__message {
  margin-top: 5px;
  float: left;
  color: #000000;
  text-align: center;
}
.cookie-disclaimer__message a {
  color: #000000;
}
.cookie-disclaimer__dismiss {
  position: relative;
  top: -5px;
  z-index: 100;
  width: auto;
  background: none;
  border: 1px solid #c0c0c0;
  padding: 0 11px;
  height: 34px;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: #a0a0a0;
  text-align: left;
  float: none;
  display: block;
  margin: 0 auto;
}

.mobile-navigation {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: -9999px;
  opacity: 0;
  background-color: #fff;
  display: block;
  z-index: 9999;
}
.mobile-navigation--open {
  opacity: 1;
  left: 0;
}
@media screen and (min-width: 768px) {
  .mobile-navigation--open {
    display: none;
  }
}
.mobile-navigation--open #main-navigation {
  display: block !important;
  width: calc(100% - 40px);
  height: calc(100% - 245px);
  margin: 50px 20px 0;
  overflow-y: auto;
}
.mobile-navigation--open #main-navigation li {
  float: none;
  width: 100%;
  text-align: center;
}
.mobile-navigation--open #main-navigation li.active a {
  color: #a0a0a0;
}
.mobile-navigation--open #main-navigation li.active ul li a {
  color: #000000;
}
.mobile-navigation--open #main-navigation li.active ul li.active a {
  color: #a0a0a0;
}
.mobile-navigation--open #main-navigation li.open-sub button.open-sub-nav {
  transform: rotate(180deg);
}
.mobile-navigation--open #main-navigation li a {
  font-size: 30px;
  font-weight: normal;
  color: #000;
}
.mobile-navigation--open #main-navigation li button.open-sub-nav {
  width: 30px;
  height: 20px;
  margin-left: 10px;
  background-color: transparent;
  border: none;
  position: relative;
  top: -12px;
  margin-right: -30px;
  transition: ease-in-out 0.3s transform;
  transform: rotate(0deg);
}
.mobile-navigation--open #main-navigation li button.open-sub-nav:before {
  content: " ";
  display: block;
  width: 15px;
  height: 15px;
  transform: translate(-50%, -50%) rotate(45deg);
  position: absolute;
  top: calc(50% - 5px);
  left: 50%;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}
.mobile-navigation--open #main-navigation li .menu-level-2 {
  margin: 0;
  padding: 10px 0 20px;
  display: none;
}
.mobile-navigation--open #main-navigation li .menu-level-2 li {
  margin: 0;
  list-style: none outside none;
}
.mobile-navigation--open #main-navigation li .menu-level-2 li a {
  font-size: 18px;
  line-height: 34px;
}
.mobile-navigation--open #social-sharing {
  display: block;
  position: absolute;
  top: initial;
  bottom: 70px;
  left: 0;
  width: 100%;
  height: 30px;
  text-align: center;
}
.mobile-navigation--open #social-sharing li a {
  width: 30px;
  height: 30px;
}
.mobile-navigation--open ul#meta-navigation {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.mobile-navigation--open ul#meta-navigation li {
  margin: 0;
  padding: 0 5px;
}

@font-face {
  font-family: "Avenir";
  src: url("../Fonts/Avenir/Fonts/1475496/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"), url("../Fonts/Avenir/Fonts/1475496/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff");
}
@font-face {
  font-family: "Avenir";
  font-weight: bold;
  src: url("../Fonts/Avenir/Fonts/1475544/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"), url("../Fonts/Avenir/Fonts/1475544/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff");
}
h1, h2, h3 {
  margin-top: 8px;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

h1, h2 {
  text-transform: uppercase;
}

h1 {
  margin-bottom: 30px;
  font-size: 24px;
}
h1 span {
  font-weight: normal;
}
h1 .csc-firstHeader {
  margin-top: 0;
}

b, strong {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

p {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  margin-bottom: 18px;
}

.csc-textpic img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

a.download {
  background: url("../Images/download.png") no-repeat 0 1px;
  padding-left: 16px;
}

.news-slider .news-slide img {
  max-width: 100%;
  height: auto;
}
.news-slider .news-slide h1 {
  margin-top: 20px;
  font-size: 24px;
}

.project-matrix {
  display: flex;
  flex-wrap: wrap;
}
.project-matrix .project-teaser {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 480px) {
  .project-matrix .project-teaser {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .project-matrix .project-teaser:nth-child(2n+0) {
    margin-right: 0;
  }
  .project-matrix .project-teaser {
    width: 33.333333%;
  }
}
@media screen and (min-width: 1200px) {
  .project-matrix .project-teaser {
    margin: 0;
  }
}
.project-matrix .project-teaser .project-image {
  margin-right: 5px;
  margin-bottom: 5px;
}
.project-matrix .project-teaser .project-image img {
  width: 100%;
  height: auto;
}
.project-matrix .project-teaser .project-image {
  z-index: 10;
}
.project-matrix .project-teaser .project-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  padding: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
  background: #fff;
  transition: opacity 0.5s;
}
.project-matrix .project-teaser .project-info h1 {
  margin-top: 6px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .project-matrix .project-teaser .project-info h1 {
    margin-bottom: 0;
  }
}
.project-matrix .project-teaser .project-info dl dd {
  padding: 0;
  margin: 0 0 5px;
  float: left;
  width: 100px;
  line-height: 18px;
}
.project-matrix .project-teaser .project-info dl dt {
  font-weight: normal;
  line-height: 18px;
  float: left;
  margin: 0 0 5px;
  width: calc(100% - 100px);
}
.project-matrix .project-teaser .project-info p {
  margin: 0;
}
.project-matrix .project-teaser .project-info a.more {
  display: inline-block;
  margin-top: 20px;
}
.project-matrix .project-teaser .project-info .ajaxLink {
  display: none;
}
.project-matrix .project-teaser:hover .project-info {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity 0.5s;
}

.project-detail {
  position: relative;
}
.project-detail .project-title {
  margin-top: 50px;
}
.project-detail .project-title h1 {
  font-size: 28px;
}
.project-detail .project-images {
  margin-bottom: 30px;
}
.project-detail .project-images img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.project-detail .project-data {
  margin-bottom: 18px;
}
.project-detail .project-data h1 {
  font-size: 28px;
  margin: 0 0 10px 0;
}
.project-detail .project-data h2 {
  font-size: 14px;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin: 0 0 24px 0;
}
.project-detail .project-data dl dd {
  padding: 0;
  margin: 0;
  float: left;
  width: 80px;
  line-height: 18px;
}
.project-detail .project-data dl dt {
  font-weight: normal;
  line-height: 18px;
}
.project-detail .project-description {
  padding: 0 20px;
}
.project-detail .project-description p {
  font-size: 16px;
}
.project-detail .project-description .copy {
  position: relative;
  display: block;
}

.project-data-footer {
  margin-top: 0;
}
@media screen and (min-width: 992px) {
  .project-data-footer {
    margin-top: -54px;
  }
}
@media screen and (min-width: 1200px) {
  .project-data-footer {
    margin-top: -14px;
    padding-left: 0;
  }
}
.project-data-footer #carousel-index-stats {
  display: inline-block;
  width: 80px;
}

/*
	Fading slider
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
/*
	Gallery
*/
.gallery-thumb img:hover {
  cursor: pointer;
}

.gallery-image {
  margin-top: 10px;
  margin-bottom: 20px;
}

.news-detail .news-image {
  margin-top: 10px;
}
.news-detail .news-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.news-detail ul {
  list-style: none;
  padding: 0;
}

.news-teaser {
  width: 100%;
  margin: 20px 0;
  display: flex;
  flex-wrap: wrap;
}
.news-teaser .news-image {
  width: 40%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .news-teaser .news-image {
    width: 100%;
  }
}
.news-teaser .news-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.news-teaser .news-content {
  width: calc(60% - 20px);
  padding-left: 20px;
}
@media only screen and (max-width: 768px) {
  .news-teaser .news-content {
    width: 100%;
    padding-left: 0;
  }
}
.news-teaser .news-content h2 {
  margin: 0;
}
.news-teaser .news-content h3 {
  margin-bottom: 20px;
}
.news-teaser .news-content .news-text p {
  margin-top: 0;
}

/*
	Staff matrix
*/
.team-container > .csc-frame-default, .team-container > .csc-default {
  position: relative;
  float: left;
  margin: 0 28px 36px 0;
  width: 100%;
}
.team-container > .csc-frame-default h2, .team-container > .csc-frame-default h3, .team-container > .csc-default h2, .team-container > .csc-default h3 {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 14px;
  font-weight: normal;
}
.team-container > .csc-frame-default h2, .team-container > .csc-default h2 {
  margin-top: 20px;
}
.team-container > .csc-frame-default p, .team-container > .csc-default p {
  margin: 0;
  line-height: 30px;
}

#map img {
  max-width: none;
}

.team-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px 32px;
}
.team-container .csc-frame-default {
  grid-column: span 3;
}
@media only screen and (max-width: 1200px) {
  .team-container .csc-frame-default {
    grid-column: span 4;
  }
}
@media only screen and (max-width: 992px) {
  .team-container .csc-frame-default {
    grid-column: span 6;
  }
}
@media only screen and (max-width: 576px) {
  .team-container .csc-frame-default {
    grid-column: span 12;
  }
}
.team-container .csc-frame-default {
  margin: 0 0 20px;
  float: none;
}
.team-container .csc-frame-default .csc-textpic .csc-textpic-imagewrap {
  position: relative;
}
.team-container .csc-frame-default .csc-textpic .csc-textpic-imagewrap .csc-textpic-center-outer {
  float: none;
  right: initial;
  height: 100%;
}
.team-container .csc-frame-default .csc-textpic .csc-textpic-imagewrap .csc-textpic-center-outer .csc-textpic-center-inner {
  height: 100%;
  float: none;
  right: initial;
}
.team-container .csc-frame-default .csc-textpic .csc-textpic-imagewrap .csc-textpic-center-outer .csc-textpic-center-inner figure {
  width: 100%;
  text-align: center;
}
.team-container .csc-frame-default .csc-textpic .csc-textpic-imagewrap .csc-textpic-center-outer .csc-textpic-center-inner figure img {
  height: auto;
  width: 100%;
}
.team-container .csc-frame-default .csc-textpic .csc-textpic-imagewrap img {
  width: auto;
  height: 280px;
}
.team-container .csc-frame-default .csc-textpic .csc-textpic-text {
  position: relative;
  margin-top: 10px;
}
.team-container .csc-frame-default .csc-textpic .csc-textpic-text h2 {
  margin-top: 0;
  font-size: 24px;
  line-height: 32px;
}
.team-container .csc-frame-default .csc-textpic .csc-textpic-text h3 {
  line-height: 22px !important;
  text-transform: uppercase;
}
.team-container .csc-frame-default .csc-textpic .csc-textpic-text .staff-details {
  font-size: 0px;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
.team-container .csc-frame-default .csc-textpic .csc-textpic-text .staff-details:hover:before {
  color: #000000;
}
.team-container .csc-frame-default .csc-textpic .csc-textpic-text .staff-details:before {
  content: "+";
  font-size: 50px;
  width: 50px;
  display: block;
  text-align: center;
  line-height: 50px;
  transition: 0.3s ease-in-out color;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0 !important;
}

.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
  float: left;
  width: 480px;
  margin-right: 50px;
}
@media only screen and (max-width: 1024px) {
  .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    width: 33.3333%;
  }
}
@media only screen and (max-width: 768px) {
  .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    width: 100%;
    float: none;
  }
}
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap figure.csc-textpic-image {
  width: 100%;
  margin-bottom: 0;
}
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap figure.csc-textpic-image img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap figure.csc-textpic-image img {
    margin-bottom: 20px;
  }
}
.csc-textpic-intext-left-nowrap .csc-textpic-text {
  float: right;
  width: calc(100% - 530px);
}
@media only screen and (max-width: 1024px) {
  .csc-textpic-intext-left-nowrap .csc-textpic-text {
    width: calc(66.6666% - 50px);
  }
}
@media only screen and (max-width: 768px) {
  .csc-textpic-intext-left-nowrap .csc-textpic-text {
    width: 100%;
    float: none;
  }
}

.csc-frame-staff-details {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 40;
  display: none;
}
.csc-frame-staff-details .csc-textpic {
  min-width: 1440px;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1440px) {
  .csc-frame-staff-details .csc-textpic {
    min-width: 1200px;
  }
}
@media only screen and (max-width: 1200px) {
  .csc-frame-staff-details .csc-textpic {
    min-width: 1024px;
  }
}
@media only screen and (max-width: 1024px) {
  .csc-frame-staff-details .csc-textpic {
    min-width: 768px;
  }
}
@media only screen and (max-width: 768px) {
  .csc-frame-staff-details .csc-textpic {
    min-width: 480px;
  }
}
@media only screen and (max-width: 480px) {
  .csc-frame-staff-details .csc-textpic {
    min-width: 300px;
  }
}
.csc-frame-staff-details .csc-textpic .staff-details-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  border: none;
}
.csc-frame-staff-details .csc-textpic .staff-details-close:before, .csc-frame-staff-details .csc-textpic .staff-details-close:after {
  content: " ";
  width: 75%;
  height: 3px;
  background-color: #000000;
  position: absolute;
  top: 50%;
  left: 50%;
}
.csc-frame-staff-details .csc-textpic .staff-details-close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.csc-frame-staff-details .csc-textpic .staff-details-close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.csc-frame-staff-details .csc-textpic.csc-textpic-left:after {
  content: " ";
  display: table;
  clear: both;
}
.csc-frame-staff-details .csc-textpic.csc-textpic-left .csc-textpic-imagewrap {
  float: left;
  width: 33.33333%;
}
@media only screen and (max-width: 480px) {
  .csc-frame-staff-details .csc-textpic.csc-textpic-left .csc-textpic-imagewrap {
    display: none;
  }
}
.csc-frame-staff-details .csc-textpic.csc-textpic-left .csc-textpic-imagewrap img {
  width: 100%;
  height: auto;
}
.csc-frame-staff-details .csc-textpic.csc-textpic-left .csc-textpic-text {
  float: right;
  width: 66.6666%;
  max-height: 550px;
  margin: 50px 0;
  padding: 0 75px;
  overflow-y: scroll;
}
@media only screen and (max-width: 768px) {
  .csc-frame-staff-details .csc-textpic.csc-textpic-left .csc-textpic-text {
    padding: 0 25px;
  }
}
@media only screen and (max-width: 480px) {
  .csc-frame-staff-details .csc-textpic.csc-textpic-left .csc-textpic-text {
    padding: 0 20px;
    width: 100%;
  }
}

.csc-frame-jobs:after {
  content: " ";
  display: table;
  clear: both;
}
.csc-frame-jobs .csc-textpic {
  margin-bottom: 30px;
}
.csc-frame-jobs .csc-textpic:after {
  content: " ";
  display: table;
  clear: both;
}
.csc-frame-jobs .csc-textpic .csc-textpic-textwrapper {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .csc-frame-jobs .csc-textpic .csc-textpic-textwrapper {
    width: calc(66.6666% - 50px);
    float: left;
  }
}
@media screen and (min-width: 992px) {
  .csc-frame-jobs .csc-textpic .csc-textpic-textwrapper {
    width: calc(100% - 530px);
  }
}
.csc-frame-jobs .csc-textpic .csc-textpic-textwrapper .csc-textpic-text {
  width: 100%;
  display: none;
}
.csc-frame-jobs .csc-textpic .csc-textpic-textwrapper button {
  padding: 0;
  border: 0;
  background-color: transparent;
}

.cookie-optin {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 10;
}
.cookie-optin__content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 0 20px;
}
@media only screen and (max-width: 1400px) {
  .cookie-optin__content {
    width: 100%;
    margin: initial;
    padding: 0 20px 20px;
  }
}
.cookie-optin__content #cookie-list {
  padding: 0;
}
.cookie-optin__content #cookie-list li {
  list-style: none outside none;
  width: calc(50% - 10px);
  float: left;
}
.cookie-optin__content #cookie-list li:after {
  content: " ";
  display: table;
  clear: both;
}
.cookie-optin__content #cookie-list li:nth-of-type(2n) {
  margin-left: 20px;
}
@media only screen and (max-width: 480px) {
  .cookie-optin__content #cookie-list li:nth-of-type(2n) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 480px) {
  .cookie-optin__content #cookie-list li {
    width: 100%;
    margin-left: 0;
  }
}
.cookie-optin__content #cookie-list li input[type=checkbox] {
  float: left;
  position: relative;
  top: 7px;
  left: 2px;
  margin-right: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 34px;
  height: 8px;
  background-color: #efefef;
  border-radius: 4px;
  transition: ease-in-out background-color 0.3s;
}
.cookie-optin__content #cookie-list li input[type=checkbox]:checked {
  background-color: #66aa66;
}
.cookie-optin__content #cookie-list li input[type=checkbox]:checked:disabled:before {
  background-color: #aaaaaa;
}
.cookie-optin__content #cookie-list li input[type=checkbox]:checked:before {
  left: 14px;
}
.cookie-optin__content #cookie-list li input[type=checkbox]:before {
  content: " ";
  position: absolute;
  top: -4px;
  left: 4px;
  width: 16px;
  height: 16px;
  background-color: #000000;
  border-radius: 50%;
  border: 1px solid #ffffff;
  transition: ease-in-out left 0.3s;
}
.cookie-optin__content #cookie-list li .cookie-list__description {
  float: left;
  width: calc(100% - 54px);
  margin-left: 10px;
}
.cookie-optin__content #cookie-list li .cookie-list__description p {
  margin: 0 0 20px;
  font-size: 14px;
}
.cookie-optin__content #cookie-list li label {
  font-weight: bold;
}
.cookie-optin__button {
  float: right;
}
.cookie-optin__button--allow-all-cookies {
  background-color: #000;
  border: none;
  color: #fff;
  padding: 8px;
  margin: 0 0 15px 15px;
}
@media only screen and (max-width: 480px) {
  .cookie-optin__button--allow-all-cookies {
    margin-bottom: 5px;
  }
}
.cookie-optin__button--submit {
  border: 1px solid #000;
  background-color: transparent;
  color: #000;
  font-size: 14px;
}
@media only screen and (max-width: 480px) {
  .cookie-optin__button--submit {
    margin-bottom: 10px;
  }
}