@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700%7CRaleway:400,700);
/* fix */
.player {
  height: auto !important;
}
/* block social icons */
.ccm-block-svg_social_media_icons .icon-container a {
  transition: none;
}
.ccm-block-svg_social_media_icons .icon-container a:hover {
  border-bottom: none;
}
body {
  background-color: #ffffff;
  background-image: url('https://53nord.net/packages/frame/themes/frame/css//');
  background-position: center center;
  color: #303030;
  font-size: 14px;
  font-weight: 400;
  font-family: Raleway;
  line-height: 25.6px;
  text-transform: none;
}
.ccm-page {
  /* Grid */
  /* Typography */
  /* Page Info */
  /* Header */
  /* div.c5h-header-navigation-wrap {
		background-color: @header-navigation-background-color;
		background-image: url(https://53nord.net/application/files/cache/css/frame/@header-navigation-background-image);
		background-position: center center;
		color: @header-navigation-text-color;
		padding-top: @header-navigation-padding-top-size;
		padding-bottom: @header-navigation-padding-bottom-size;
	} */
  /* Top Bar Navigation */
  /*div.top-bar .dropdown.menu.vertical > li.opens-right > a::after {
		border-color: transparent transparent transparent fade(@top-bar-navigation-link-type-color, 50%);
	}*/
  /* Frame Menu */
  /* Off Canvas */
  /* Main */
  /* Footer */
  /* Project Page Type */
}
.ccm-page .column,
.ccm-page .columns {
  padding-left: 30px;
  padding-right: 30px;
}
.ccm-page .row .row {
  margin: 0 -30px;
}
.ccm-page .large-collapse > .column,
.ccm-page .large-collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}
.ccm-page .large-collapse .row {
  margin-left: 0;
  margin-right: 0;
}
.ccm-page .medium-collapse > .column,
.ccm-page .medium-collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}
.ccm-page .medium-collapse .row {
  margin-left: 0;
  margin-right: 0;
}
.ccm-page p {
  color: #303030;
  font-size: 14px;
  font-weight: 400;
  font-family: Raleway;
  line-height: 25.6px;
  text-transform: none;
  letter-spacing: 0.4px;
}
.ccm-page a {
  color: #2199e8;
  font-weight: 400;
  font-family: Raleway;
  text-transform: none;
}
.ccm-page a:hover,
.ccm-page a:focus {
  color: #0c4d78;
  font-weight: 400;
  font-family: Raleway;
  text-transform: none;
}
.ccm-page h1 {
  color: #303030;
  font-weight: 400;
  font-family: Montserrat;
  text-transform: none;
  letter-spacing: 1px;
}
.ccm-page h2 {
  color: #303030;
  font-weight: 700;
  font-family: Montserrat;
  text-transform: none;
  letter-spacing: 1px;
}
.ccm-page h3 {
  color: #303030;
  font-weight: 700;
  font-family: Montserrat;
  text-transform: none;
  letter-spacing: 1px;
}
.ccm-page h4 {
  color: #303030;
  font-weight: 400;
  font-family: Montserrat;
  text-transform: none;
  letter-spacing: 1px;
}
.ccm-page h5 {
  color: #303030;
  font-weight: 400;
  font-family: Montserrat;
  text-transform: none;
  letter-spacing: 1px;
}
.ccm-page h6 {
  color: #303030;
  font-weight: 400;
  font-family: Montserrat;
  text-transform: none;
  letter-spacing: 1px;
}
@media only screen and (min-width: 40.063em) {
  .ccm-page h1 {
    font-size: 25px;
    line-height: 62px;
  }
  .ccm-page h2 {
    font-size: 37px;
    line-height: 52px;
  }
  .ccm-page h3 {
    font-size: 27px;
    line-height: 38px;
  }
  .ccm-page h4 {
    font-size: 23px;
    line-height: 32px;
  }
  .ccm-page h5 {
    font-size: 18px;
    line-height: 25px;
  }
  .ccm-page h6 {
    font-size: 16px;
    line-height: 22px;
  }
}
.ccm-page .c5h-page-info-wrap {
  background-color: #303030;
  background-image: url('https://53nord.net/packages/frame/themes/frame/css//');
  background-position: center center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.ccm-page .c5h-page-info-wrap h1 {
  color: #ffffff;
  font-size: 44px;
  font-weight: 400;
  font-family: Raleway;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 0;
}
.ccm-page .c5h-page-info-wrap h2 {
  color: #ffffff;
  font-size: 23px;
  font-weight: 400;
  font-family: Raleway;
  text-transform: none;
  margin-bottom: 0;
}
.ccm-page header {
  background-color: #ffffff;
  background-image: url('https://53nord.net/packages/frame/themes/frame/css//');
  background-position: center center;
  color: #333333;
  padding-top: 0px;
  padding-bottom: 0px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 40.0625em) {
  .ccm-page .top-bar,
  .ccm-page .top-bar ul:not(.submenu),
  .ccm-page .top-bar ul:not(.submenu) li:not(.is-submenu-item) > a {
    height: 50px;
    line-height: 50px;
  }
  .ccm-page .top-bar,
  .ccm-page .top-bar ul:not(.submenu) li:not(.is-submenu-item) > a {
    padding-top: 0;
    padding-bottom: 0;
  }
  .ccm-page .top-bar .top-bar-title img {
    max-height: 50px;
    width: auto;
  }
}
@media only screen and (max-width: 40em) {
  .ccm-page .top-bar .top-bar-title img {
    max-height: 42px;
    width: auto;
  }
  .ccm-page .top-bar-title {
    width: 100%;
  }
}
.ccm-page .top-bar {
  padding-left: 0;
  padding-right: 0;
}
.ccm-page .top-bar-title {
  padding-left: 1rem;
  padding-right: 1rem;
}
.ccm-page .top-bar,
.ccm-page .top-bar ul {
  background-color: #ffffff;
}
.ccm-page .top-bar .is-dropdown-submenu {
  z-index: 3;
}
.ccm-page div.top-bar ul.menu > li > a {
  color: #303030;
  font-size: 16px;
  font-weight: 400;
  font-family: Raleway;
  text-transform: uppercase;
  background-color: #f5f5f5;
}
.ccm-page div.top-bar ul.menu > li > a.nav-selected.nav-path-selected {
  color: #303030;
  font-size: 16px;
  font-weight: 400;
  font-family: Raleway;
  text-transform: uppercase;
  background-color: #e2e2e2;
}
.ccm-page div.top-bar ul.menu > li > a:hover {
  color: #303030;
  font-size: 16px;
  font-weight: 400;
  font-family: Raleway;
  text-transform: uppercase;
  background-color: #ebebeb;
}
.ccm-page div.top-bar ul.is-dropdown-submenu {
  background: transparent;
  border: none;
}
.ccm-page .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
  border-color: rgba(48, 48, 48, 0.5) transparent transparent;
}
.ccm-page .is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent rgba(48, 48, 48, 0.5);
}
.ccm-page .js-drilldown-back > a::before {
  border-color: transparent rgba(48, 48, 48, 0.5) transparent transparent;
}
.ccm-page div.top-bar .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  border-color: transparent rgba(48, 48, 48, 0.5) transparent;
  border-width: 5px 0 5px 5px;
  margin-top: -5px;
  right: 10px;
}
.ccm-page div.top-bar .is-dropdown-submenu .is-dropdown-submenu {
  margin-top: 0;
}
.ccm-page div.c5h-frame-menu,
.ccm-page div.title-bar {
  background-color: #ffffff;
  background-image: url('https://53nord.net/packages/frame/themes/frame/css//');
}
.ccm-page div.title-bar-title,
.ccm-page span.title-bar-title {
  color: #303030;
}
.ccm-page div.c5h-frame-menu.text-center ul.menu li ul.menu.nested {
  margin-left: 0;
}
@media screen and (max-width: 63.9375em) {
  .ccm-page div.c5h-frame-menu ul.menu li ul.menu.nested {
    margin-left: 0;
  }
}
.ccm-page div.c5h-frame-menu.text-right ul.menu li.is-accordion-submenu-parent > a::after {
  left: 1rem;
}
.ccm-page div.c5h-frame-menu ul.menu > li > a {
  color: #303030;
  font-size: 14px;
  font-weight: 400;
  font-family: Montserrat;
  text-transform: uppercase;
  background-color: #ffffff;
}
@media screen and (min-width: 40em) {
  .ccm-page div.c5h-frame-menu ul.menu:not(.submenu) > li > a {
    min-height: 200px;
    line-height: 200px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .ccm-page div.c5h-frame-menu ul.menu > li > a img {
    max-height: 200px;
    margin-right: 0;
  }
}
.ccm-page div.c5h-frame-menu > li > a.nav-selected.nav-path-selected,
.ccm-page div.c5h-frame-menu ul.menu li.nav-selected.nav-path-selected,
.ccm-page div.c5h-frame-menu ul.menu > li > a.nav-path-selected {
  color: #303030;
  font-size: 14px;
  font-weight: 400;
  font-family: Montserrat;
  text-transform: uppercase;
  background-color: #ffffff;
}
.ccm-page div.c5h-frame-menu > li > a:hover,
.ccm-page div.c5h-frame-menu ul li a:hover {
  color: #565656;
  font-size: 14px;
  font-weight: 400;
  font-family: Montserrat;
  text-transform: uppercase;
  background-color: #f5f5f5;
}
.ccm-page div.c5h-frame-menu ul.menu > li.is-submenu-item > a {
  color: #303030;
  font-size: 14px;
  font-weight: 400;
  font-family: Montserrat;
  text-transform: uppercase;
  background-color: #ffffff;
}
.ccm-page div.c5h-frame-menu > li.is-submenu-item > a.nav-selected.nav-path-selected,
.ccm-page div.c5h-frame-menu ul.menu > li.is-submenu-item > a.nav-path-selected {
  color: #303030;
  font-size: 14px;
  font-weight: 400;
  font-family: Montserrat;
  text-transform: uppercase;
  background-color: #f5f5f5;
}
.ccm-page div.c5h-frame-menu > li.is-submenu-item > a:hover,
.ccm-page div.c5h-frame-menu ul li.is-submenu-item a:hover {
  color: #565656;
  font-size: 14px;
  font-weight: 400;
  font-family: Montserrat;
  text-transform: uppercase;
  background-color: #f5f5f5;
}
.ccm-page div.c5h-frame-menu .is-drilldown-submenu-parent > a {
  padding-right: 1.5rem;
}
.ccm-page div.c5h-frame-menu .is-drilldown-submenu-parent > a::after {
  border-width: 5px 0 5px 5px;
  margin-top: -5px;
  right: 10px;
}
.ccm-page div.c5h-frame-menu .is-accordion-submenu-parent > a {
  padding-right: 1.5rem;
}
.ccm-page div.c5h-frame-menu .is-accordion-submenu-parent > a::after {
  border-color: rgba(48, 48, 48, 0.5) transparent transparent;
  border-width: 5px 5px 0;
  margin-top: -2px;
  right: 10px;
}
.ccm-page div.c5h-frame-menu .dropdown.menu > li.is-dropdown-submenu-parent > a {
  padding-right: 1.5rem;
}
.ccm-page div.c5h-frame-menu .dropdown.menu > li.is-dropdown-submenu-parent > a::after,
.ccm-page div.c5h-frame-menu .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  border-color: transparent rgba(48, 48, 48, 0.5) transparent;
  border-width: 5px 0 5px 5px;
  margin-top: -2px;
  right: 10px;
}
.ccm-page div.c5h-frame-menu .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
  border-color: rgba(48, 48, 48, 0.5) transparent transparent;
  border-width: 5px 5px 0;
  margin-top: -2px;
  right: 5px;
}
.ccm-page div.c5h-frame-menu ul.is-dropdown-submenu {
  background: transparent;
  border: none;
}
.ccm-page div.c5h-frame-menu .is-dropdown-submenu .is-dropdown-submenu {
  margin-top: 0;
}
.ccm-page div.c5h-frame-menu ul.is-drilldown-submenu {
  background: #ffffff;
}
.ccm-page div.c5h-frame-menu .menu > li {
  vertical-align: inherit;
}
@media screen and (max-width: 39.9375em) {
  .ccm-page div.c5h-frame-menu .menu.small-horizontal > li {
    display: inline-block;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .ccm-page div.c5h-frame-menu .menu.medium-horizontal > li {
    display: inline-block;
  }
  .ccm-page div.c5h-frame-menu .menu.medium-horizontal.expanded > li {
    display: table-cell;
  }
}
@media screen and (min-width: 64em) {
  .ccm-page div.c5h-frame-menu .menu.large-horizontal > li {
    display: inline-block;
  }
  .ccm-page div.c5h-frame-menu .menu.large-horizontal.expanded > li {
    display: table-cell;
  }
}
@media only screen and (max-width: 40em) {
  .ccm-page .menu.small-vertical > li {
    display: block;
  }
}
.ccm-page div.off-canvas-content-title-bar.title-bar {
  background-color: #fbf8f5;
}
.ccm-page div.off-canvas-content-title-bar span.title-bar-title {
  color: #303030;
}
.ccm-page div.off-canvas-wrapper div.off-canvas {
  /*height: 100%;*/
  background-color: rgba(0, 0, 0, 0);
  /*overflow-y: visible;*/
  /*z-index: 2;*/
}
.ccm-page div.off-canvas-content {
  box-shadow: none;
}
.ccm-page div.position-left.reveal-for-large {
  /* position: absolute; */
}
.ccm-page .off-canvas.position-left {
  /* left: -@off-canvas-sidebar-width-size; */
  top: 0;
  width: 250px;
}
.ccm-page .is-open-left {
  -webkit-transform: translateX(250px);
  -ms-transform: translateX(250px);
  transform: translateX(250px);
}
.ccm-page .off-canvas.position-right {
  right: -250px;
  top: 0;
  width: 250px;
}
.ccm-page .is-open-right {
  -webkit-transform: translateX(-250px);
  -ms-transform: translateX(-250px);
  transform: translateX(-250px);
}
@media screen and (min-width: 40em) {
  .ccm-page .position-left.reveal-for-medium {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .ccm-page .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }
  .ccm-page .position-right.reveal-for-medium {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .ccm-page .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }
}
@media screen and (min-width: 64em) {
  .ccm-page .position-left.reveal-for-large {
    left: 0;
    z-index: auto;
    position: fixed;
  }
  .ccm-page .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }
  .ccm-page .position-right.reveal-for-large {
    right: 0;
    z-index: auto;
    position: fixed;
  }
  .ccm-page .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }
}
.ccm-page main {
  background-color: #fbf8f8;
  background-image: url('https://53nord.net/packages/frame/themes/frame/css//');
  background-position: center center;
  color: #303030;
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 20px;
}
.ccm-page footer {
  background-color: #ffffff;
  background-image: url('https://53nord.net/packages/frame/themes/frame/css//');
  background-position: center center;
  color: #424040;
  padding-top: 20px;
  padding-bottom: 20px;
}
.ccm-page div.c5h-project-image-wrap {
  margin-top: 30px;
  margin-bottom: 30px;
}
.ccm-page div.c5h-project-content-wrap {
  padding-top: 50px;
  padding-bottom: 50px;
}
.ccm-page div.c5h-project-navigation-wrap {
  background-color: #F5F5F5;
  padding-top: 30px;
  padding-bottom: 30px;
}
[data-responsive-menu] ul,
[data-responsive-toggle] {
  display: none;
}
/* CUSTOM */
body {
  /*	background-color: #f6f6f6; /*
}
.row {
	 max-width: 80rem
}

.frame-project:first-child {
/*	display: none; */
}
.frame-project {
  border-top: 10px solid #fff;
}
.ccm-page .large-collapse > .column,
.ccm-page .large-collapse > .columns {
  border: 5px solid #fff;
}
.ccm-page .large-collapse > .column:nth-child(odd),
.ccm-page .large-collapse > .columns:nth-child(odd) {
  border-left: none;
}
.ccm-page .large-collapse > .column:nth-child(even),
.ccm-page .large-collapse > .columns:nth-child(even) {
  border-right: none;
}
div.frame-project figure figcaption h2 {
  bottom: 0;
  top: inherit;
  text-transform: none;
  text-align: left;
}
div.frame-project figure figcaption:hover h2 {
  display: none;
}
.c5h-header-navigation-wrap {
  padding: 8% 0 5%;
}
.ccm-page .top-bar,
.ccm-page .top-bar ul,
.ccm-page .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after,
.ccm-page div.top-bar ul.menu > li > a.nav-selected.nav-path-selected,
.ccm-page div.top-bar ul.menu > li > a,
.ccm-page div.top-bar ul.menu > li > a:hover {
  background-color: transparent !important;
}
.ccm-page div.top-bar ul.menu > li > a {
  text-transform: inherit !important;
  padding: 0;
}
.ccm-page .top-bar,
.ccm-page .top-bar ul:not(.submenu),
.ccm-page .top-bar ul:not(.submenu) li:not(.is-submenu-item) > a {
  height: 30px;
  line-height: 33px;
  display: inline;
}
.ccm-page .top-bar ul:not(.submenu) li:not(.is-submenu-item) {
  padding-left: 0;
  width: 30%;
}
.ccm-page,
footer {
  margin-left: auto;
  margin-right: auto;
  max-width: 87.5rem;
}
footer {
  background-color: #fff;
}
footer,
footer.ccm-page a {
  color: #a1a1a1;
}
.ccm-page p {
  color: #1e1e1e;
  font-size: 15px;
}
a {
  transition: color 0.1s ease 0s, border-color 0.1s ease 0s;
  border-bottom: 1px solid transparent;
}
.ccm-page a:hover,
.ccm-page a:focus {
  color: #000;
  border-bottom: 1px solid #000;
}
div.frame-project figure img {
  opacity: 1;
  width: 100%;
}
.c5h-header-navigation-wrap img {
  float: left;
}
/* Abstände */
.space-s {
  padding: 4% 0px;
}
.space-m {
  padding: 6% 0;
}
.space-m-b {
  padding-bottom: 6%;
}
.space-l {
  padding: 8% 0;
}
/* Projektinfos */
.info-item {
  color: #a1a1a1 !important;
  display: block;
  font-size: 0.875rem !important;
  margin: 0;
}
.info-item a {
  color: #a1a1a1;
}
.info-item a:hover {
  color: #2d2d2d;
}
.info-item-name {
  display: block;
  float: left;
  position: absolute;
}
.info-item-content {
  display: block;
  margin: 0 0 0 6.25rem;
}
.trenner {
  float: left;
}
.trenner::after {
  content: "/";
}
.trenner:last-child:after {
  content: "";
}
/* next-prev-nav */
.np {
  color: #1e1e1e !important;
  font-size: 25px;
  line-height: 35px;
}
/*footermenu */
.nopadding {
  padding: 0 !important;
}