@font-face {
  font-family: 'NeciaRegular';
  src: url('../fonts/NeciaRegular.eot?#iefix') format('embedded-opentype'),  url('../fonts/NeciaRegular.woff') format('woff'), url('../fonts/NeciaRegular.ttf')  format('truetype'), url('../fonts/NeciaRegular.svg#NeciaRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NeciaBold';
  src: url('../fonts/NeciaBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/NeciaBold.woff') format('woff'), url('../fonts/NeciaBold.ttf')  format('truetype'), url('../fonts/NeciaBold.svg#NeciaBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('../fonts/pt-sans-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v11-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('../fonts/pt-sans-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v11-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

html, body {
	font-family: 'PT Sans';
	position: relative;
	height: 100%;
	color: #1e1e1e;
	font-size: 17px;
}

body {
	overflow-x: hidden;
	height: 100%;
}

.container-fluid {
	max-width: 2562px;
	padding-left: 4px;
	padding-right: 4px;
}

.container-fluid .row {
	margin-left: -4px;
	margin-right: -4px;
	margin-left: 0px;
	margin-right: 0px;
}

a:hover {
	text-decoration: none;
}

h2 {
	font-family: 'NeciaRegular';
	font-size: 28px;
	letter-spacing: 2px;
}

.nowrap {
	white-space: nowrap;
}

.hidden {
  overflow: hidden;
  display: none;
  visibility: hidden;
}

.mobile {
    display: none;
}

.item {
	float: left;
	margin: 0 4px;
}

.item img {
	margin-bottom: 9px;
}

.item.sm {
	width: 19.56%;
}

.item.lg {
	width: 39.64%;
}

.item.md {
	width: 39.64%;
}

.grid-item {
  float: left;
  /*padding-left: 4px;
  padding-right: 4px;*/
  overflow-y: hidden;
  position: relative;
  width: 20%;
}

.grid-item .img-wrap a::before{
  position:absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:transparent;
  border:4px solid #fff;
  border-left:8px solid #fff;
  border-right:0;
  z-index:1002;
}

.grid-item[style*="left: 0px"] .img-wrap a::before{
	border-left:0;
}

.grid-item .img-wrap a{
  position:relative;
  display:block;
  height:100%;
  z-index:1001;
}

.grid-detail {
	margin:45px -5px 0;
}

.grid-detail .grid-item {
	width:50%;
	padding-right:5px;
	padding-left:5px;
	margin-bottom:10px;
}

.grid-item .img-wrap img {
	width:100%;
	height:auto;
}

/*
.grid-detail .grid-item:nth-child(2n) {
	padding-right:0px;
	padding-left:5px;
}*/

.grid-detail .grid-item img{
	width:100%;
	height:auto;
}

.gutter-sizer {
	width: 0;
}

.img-wrap {
	overflow: hidden;
}
/*
.grid-item .img-wrap {
	margin-bottom: 8px;
}*/

.grid-sizer
/*.grid-item--width2*/ { 
	width: 20%;
}

.grid-item--width2,
.grid-item--width3 {
	width: 39.98%;
	width: 40%;
}

.grid-item .half-1 {
	height: 50%;
}

.img-wrap {
	position: relative;
	overflow: hidden;
}

.img-wrap img {
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    vertical-align: bottom;
    transform: scale(1, 1);
    backface-visibility: hidden;
}

.grid-item .img-wrap img {
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale);
}

	
.grid-item .img-wrap:hover img {
	-webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
	filter: none;
}

.img-wrap:hover img {
	transform:scale(1.02, 1.02);
	-webkit-transition: scale 0.4 linear;
	-moz-transition: scale 0.4 linear;
	-o-transition: scale 0.4 linear;
	transition: scale 0.4 linear;
}

.grid-item .name {
	font-size: 31px;
	display: block;
	letter-spacing: 3px;
	margin-bottom: 5px;
	padding-left: 35px;
}

.grid-item .location {
	font-size: 14px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 4px;
	padding-left: 35px;
	padding-bottom: 13px;
}

.grid-item .overlay {
	color: #fff;
}

.overlay {
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	margin: 0 4px 8px;
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
	font-family: 'NeciaRegular';
}

.overlay.cnst {
	opacity: 1;
	text-align: center;
}

.overlay.cnst .mail {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 1.2;
	font-size: 32px;
}

.grid-item .img-wrap:hover .overlay {
	opacity: 1;
	transform:translate3d(0, -10px, 0);
}

#section4,
#team {
	padding-top: 93px;
	padding-bottom: 30px;
	position: relative;
	z-index: 1;
}

.team-items {
	margin-top: 35px;
}
#section4 .row,
#team .row {
	margin-left: -5px;
	margin-right: -5px;
}

#section4 .img-wrap,
#team .img-wrap {
	position: relative;
	display: block;
	max-width: 459px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

#section4 .overlay,
#team .overlay {
	top: 0;
	bottom: 0;
	background: rgba(255,255,255,0.6);
	z-index: 100;
	margin: 0;
	font-family: 'NeciaBold';
	max-width: 459px;
	letter-spacing: 1;
}

#section4 .overlay-top,
#team .overlay-top {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10000;
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

#section4 .overlay-bottom,
#team .overlay-bottom {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10000;
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
	line-height: 1.7;
}

#section4 .name,
#team .name {
	position: absolute;
	top: 0;
	font-size: 22px;
	padding: 20px 16px 15px;
	letter-spacing: 2px;
}

#section4 .name .pos,
#team .name .pos {
	display: block;
	margin-top: 5px;
	font-size: 13px;
	letter-spacing: 1px;
}

#section4 .info,
#team .info {
	position: absolute;
	bottom: 0;
	padding: 15px 16px 20px;
	font-size: 15px;
}

#section4 a,
#team a {
	color: #1e1e1e;
}

#section4 .img-wrap:hover .overlay,
#team .img-wrap:hover .overlay {
	opacity: 1;
}

#section4 .overlay:hover .overlay-top,
#team .overlay:hover .overlay-top {
	transform:translate3d(0, 10px, 0)};
}

#section4 .overlay:hover .overlay-bottom, 
#team .overlay:hover .overlay-bottom {
	transform:translate3d(0, -10px, 0)};
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.logo-bar a {
	outline: none;
}

.logo-bar img {
	display: block;
}

.logo {
	height: 66px;
	margin-bottom: 15px;
	-webkit-transition: transform 0.4s linear, margin-top  0.4s linear;
    -moz-transition: transform 0.4s linear, margin-top  0.4s linear;
	-ms-transition: transform 0.4s linear, margin-top  0.4s linear;
    -o-transition: transform 0.4s linear, margin-top  0.4s linear;
    transition: transform 0.4s linear, margin-top  0.4s linear;
}

#toggle-btn {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #000;
  width: 38px;
  padding: 2px 4px;
  display: none;
  z-index: 1025;
}

.bar1, .bar2, .bar3 {
  width: 28px;
  height: 3px;
  background-color: #000;
  margin: 5px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-6px, 6px);
  transform: rotate(-45deg) translate(-6px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-6px, -5px);
  transform: rotate(45deg) translate(-6px, -5px);
}

.navbar {
	z-index: 1025;
	padding-top: 39px;
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.navbar.fixed-top {
	background: rgba(255,255,255,0.8);
}

.navbar-collapse {
	align-self: flex-start;
}

.navbar-nav {
	margin-top: 30px;
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.navbar-nav .nav-link {
	color: #000;
	font-family: 'NeciaBold';
	font-size: 15px;
	letter-spacing: 1px;
}

.navbar-nav .nav-link:hover {
	color: #4fa2b4;
}

.instagram-icon {
	width:22px;
	height:22px;
	margin-top:30px;
	margin-left:32px;
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.instagram-icon:hover,
.instagram-icon:focus,
.instagram-icon:active {
	ms-fill:#4fa2b4;
	fill:#4fa2b4;
}

.instagram-icon.white {
	display:none !important;
}

.fixed-top .instagram-icon {
	margin-top:21px;
}

.fullscreen-wrapper {
	height: 100%;
}

.fullscreen {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: auto;
}

.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	z-index: 1020;
}

.swiper-slide {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.swiper-button-prev,
.swiper-button-next {
	z-index: 1030;
	width: 15px;
	height: 27px;
}

.swiper-button-prev {
	background: url(../images/arrow-left.png) no-repeat center center;
	left: 25px;
}

.swiper-button-next {
	background: url(../images/arrow-right.png) no-repeat center center;
	right: 25px;
}

.swiper-button-prev:after,
.swiper-button-next:after {
	content: '';
}

.intro {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1024;
	opacity: 0;
}

.intro.container {
	position: relative;
}

.intro .call {
	position: absolute;
	bottom: 100px;
	font-size: 26px;
	font-family: 'NeciaBold';
	color: #4fa2b4;
	letter-spacing: 5px;
	line-height: 1.15;
	margin-left: 17%;
	opacity: 0;
	animation-delay: 0.4s;
}

.intro .arrow {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	text-align: center;
	opacity: 0;
	animation-delay: 0.6s;
}

.grey-bg {
	background: #071218;
}

.title {
	text-align: center;
}

.filters {
	margin-top: 30px;
	margin-bottom: 36px;
}

.filters .btn {
	margin-left: 20px;
	margin-right: 20px;
	font-family: 'NeciaBold';
	outline: 0;
	cursor: pointer;
}

.filters .btn:focus,
.filters .btn:hover,
.filters .btn:active,
.filters .btn.active {
	color: #4fa2b4 !important;
}

.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus {
	box-shadow: none;
}

.filters .btn-group {
	margin: 0 auto;
}

.filters input[type=radio] {
    display: none;
}

.filters .cat-name {
	font-family: 'NeciaBold';
	font-size: 15px;
	letter-spacing: 2px;
}

.filters .cat-name:hover,
.filters .cat-name:focus,
.filters .cat-name:active {
	color:#4fa2b4;
}

.dropdown-menu {
	border-radius: 0;
	border: 1px solid #1e1e1e;
	font-family: 'NeciaBold';
	z-index:1003;
}

.dropdown-item:last-of-type {
	margin: 0;
}

.btn-main {
	background: none;
	border-radius: 0;
	border: 1px solid #1e1e1e;
	color: #1e1e1e;
	margin-top: 38px;
	width: 234px;
	height: 50px;
	font-family: 'NeciaBold';
	font-size: 18px;
	letter-spacing: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.btn-main.active, .btn-main:active, .btn-main:focus, .btn-main.active, .btn-main:hover, .btn-main:focus {
	box-shadow: none;
	color:#4fa2b4;
	border: 1px solid #4fa2b4;
}

.container-mid {
	padding-left: 15px;
	padding-right: 15px;
}

.w-20 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.w-xl-20 {
	padding: 5px;
}

.overview {
	color: #fff;
	font-size: 17px;
	line-height: 1.8;
	padding-top: 105px;
	padding-bottom: 45px;
}

.overview .in {
	color: #4fa2b4;
	font-family: 'NeciaRegular';
	font-size: 22px;
	line-height: 1.6;
	letter-spacing: 1px;
}

h3 {
	color: #1e1e1e;
	font-family: 'NeciaRegular';
	font-size: 22px;
}

.details .top {
	margin-top: 23px;
}

.details .text {
	padding-bottom: 20px;
	line-height: 1.6;
	letter-spacing: 0.8px;
	font-size: 16px;
}

.details .text .link {
	display: block;
	padding-top: 15px;
	font-family: 'NeciaBold';
	color: #1e1e1e;
}

.details h1 {
	font-size: 24px;
	font-family: 'NeciaRegular';
	line-height: 1.35;
	margin-bottom: 20px;
}

.grey-bg h3 {
	color: #4fa2b4;
}

.bar {
	height: 1px;
	width: 56px;
	background: #dadce1;
	margin-top: 10px;
}

#section2 p {
    margin-bottom: 0;
}

#section2 .bar,
#leistungen .bar {
	width: 120px;
	background: #4fa2b4;
}

#section3 .bar,
#projekte .bar {
	background: #1e1e1e;
}

.overview-items {
	margin-top: 50px;
}

.overview-item {
	margin-bottom: 20px;
}

.grey-bg h2 {
	color: #dadce1;
}

.title {
	display: inline-block;
}

#section3,
#projekte {
	padding-top: 105px;
	padding-bottom: 45px;
	font-family: 'NeciaRegular';
	font-size: 15px;
}

#section5,
#kontakt {
	padding-top: 105px;
	padding-bottom: 45px;
}

#ref-list-container {
	display: none;
}

#ref-list {
	max-width: 856px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

#ref-list .col {
	display: none;
	border-bottom: 1px solid #1e1e1e;
	padding-top: 9px;	
	padding-bottom: 9px;	
}

#ref-list .year, #ref-list .loc,
#ref-list .name, #ref-list .desc {
	float: left;
}

#ref-list .year {
	padding-right: 30px;
	min-width:64px;
}

#ref-list .name {
	padding-left: 20px;
	font-family: 'NeciaBold';
	font-size: 15px;
	min-width:240px;
}

#ref-list .desc {
	padding-left: 20px;
}

#more {
	display: block;
	opacity: 1;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	background: none;
	border: none;
}

#section5,
#kontakt {
	color: #1e1e1e;
	font-size: 17px;
	position: relative;
	z-index: 2;
}

.grey-bg#kontakt {
	color: #fff;
}

#section5 .bar.sub,
#kontakt .bar.sub {
	background-color: #1e1e1e;
	margin-top: 8px;
}

.grey-bg#kontakt .bar.sub {
	background-color: #4fa2b4;
}

.kontakt-info {
	margin-top: 50px;
	position: relative;
}

#section5 p,
#kontakt p {
	margin-top: 12px;
	margin-bottom: 30px;
}

#section5 p a,
#kontakt p a {
	color: #1e1e1e;
}

.grey-bg#section5 p a,
.grey-bg#kontakt p a {
	color: #fff;
}

#section5 .insta,
#kontakt .insta {
	position: absolute;
	top: 5px;
	right: 15px;
}

.footer {
	color: #1e1e1e;
	font-size: 14px;
	font-family: 'NeciaRegular';
	letter-spacing: 0.5px;
	padding:  20px 0 21px;
	text-align: right;
}

.footer.grey-bg {
	color: #dadce1;
}

.footer a {
	color: #1e1e1e;
	margin-left: 6px;
	margin-right: 6px;
}

.instagram-icon-footer {
	width:22px;
	height:auto;
	-ms-fill:#4fa2b4;
	fill:#4fa2b4;
}

.instagram-icon-footer:hover,
.instagram-icon-footer:focus,
.instagram-icon-footer:active {
	-ms-fill:#fff;
	fill:#fff;
}

.footer.grey-bg a {
	color: #dadce1;
}

.footer a:first-of-type {
	margin-left: 0;
}

.footer a:last-of-type {
	margin-right: 0;
}

#section4 a:hover,
#section4 a:focus,
#section4 a:active {
    color: #4fa2b4;
}

.footer a:hover,
.footer a:focus,
.footer a:active {
    color: #4fa2b4;
}

#kontakt p a:hover,
#kontakt p a:focus,
#kontakt p a:active {
    color: #4fa2b4;
}

.imp {
	padding-top: 50px;
}

.imp, .imp a {
	color: #000;
}

.imp h1 {
	font-family: 'NeciaRegular';
	font-size: 42px;
	letter-spacing: 3px;
	margin-bottom: 28px;
}

.imp h2 {
	font-family: 'PT Sans';
	font-weight: 700;
	font-size: 15px;
}

.imp p {
	margin-bottom: 25px;
	line-height: 1.8;
}

.mfp-title{
	padding-right: 70px;
}

.mfp-title span {
	display: block;
}

.mfp-arrow {
	width: 15px;
    height: 27px;
	top: auto;
	bottom: 12px;
	margin-top: 0;
	opacity: 1;
}

.mfp-arrow.mfp-arrow-left {
	width: 15px;
	height: 27px;
	left: auto;
	right: 47px;
}

.mfp-arrow.mfp-arrow-right {
  width: 15px;
  height: 27px;
}

.mfp-arrow::before,
.mfp-arrow::after {
  display: none;
  content:'';
  margin: 0;
}

.mfp-title {
	font-size: 19px;
	font-family: 'NeciaRegular';
	letter-spacing: 2px;
	padding-top: 11px;
	height: 55px;
}

.mfp-title span {
	font-size: 13px;
	text-transform: uppercase;
	margin-top: 8px;
}

.mfp-bg {
	opacity: 0.95;
}

.mfp-image-holder .mfp-close {
	width: 28px;
	height: 28px;
	right: 0;
	margin: 0 0 5px;
	padding: 0;
	opacity: 1;
}

.mfp-image-holder .mfp-close img {
	margin: 0;
}

#section5 .map,
#kontakt .map {
	margin-top: 75px;
	margin-bottom: 17px;
}

.map {
	height: 445px;
	width: 100%;
}

.ol-attribution a {
	color: #000;
}

.ol-control button {
	background: rgba(0,0,0,0.5);
}

.ol-control button:hover, .ol-control button:active,
.ol-control button:focus {
	background: rgba(0,0,0,0.8);
}

.btn-back {
	width: 120px;
	height: 45px;
	border-radius: 0;
	border: 1px solid #1e1e1e;
	color: #1e1e1e;
	font-family: 'NeciaBold';
	font-size: 18px;
	letter-spacing: 2px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 60px;
}

.stripe {
	margin-left: -5px;
	margin-right: -5px;
	display: flex;
}

.stripe div[class^="col"] {
	padding-left: 5px;
	padding-right: 5px;
}

.details .stripe img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.aniview {
	opacity: 0;
    transition: opacity 3s;
}

.aniview-2 {
	animation-delay: 0.2s;
}

.aniview-3 {
	animation-delay: 0.25s;
}

.aniview-4 {
	animation-delay: 0.3s;
}

.aniview-5 {
	animation-delay: 0.35s;
}

.aniview-6 {
	animation-delay: 0.4s;
}

.aniview-7 {
	animation-delay: 0.45s;
}

.aniview-8 {
	animation-delay: 0.5s;
}

.aniview-9 {
	animation-delay: 0.55s;
}

.aniview-10 {
	animation-delay: 0.6s;
}

.aniview-11 {
	animation-delay: 0.65s;
}

.aniview-12 {
	animation-delay: 0.7s;
}

@media (max-width:575px) {
.navbar {
	padding: 0;
}

.navbar.fixed-top.change .logo,
.navbar.fixed-top.change .logo-sub {
	display: none;
}

.navbar-collapse {
	height: 100vh;
}

.navbar-nav .nav-link {
	font-size: 20px;
	margin-top: 13px;
	margin-bottom: 13px;
	padding-left: 98px;
}

.logo-bar img {
	z-index: 1;
	width: 90px;
	margin-left: 30px;
}

.logo {
	margin-top: 29px;
	margin-bottom: 0;
}

#toggle-btn {
	display: block;
	margin: 5px 30px;
	margin-top: 39px;
	margin-bottom: auto;
}

#toggle-btn.change {
	margin-top: 39px;
}

.navbar.fixed-top {
	background: none;
	padding: 0;
}

.navbar.change #toggle-btn {
	border: 1px solid #fff;
}
.navbar.invert #toggle-btn {
	border: 1px solid transparent;
	background: #071218;
}

.navbar.change .bar1, .navbar.change .bar2, .navbar.change .bar3,
.navbar.invert .bar1, .navbar.invert .bar2, .navbar.invert .bar3 {
	background-color: #fff;
}

.navbar.change {
	background: #071218;
}

.navbar-nav .nav-link {
	color: #fff;
}

.overlay-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background: #071218;
	z-index: 1025;
	display: none;
}

.intro .call {
	line-height: 1.3;
	bottom: 144px;
	margin-left: 11%;
}

.swiper-button-prev,
.swiper-button-next {
	display: none;
}

.overview, #ref-list, #kontakt {
	padding-left: 15px;
	padding-right: 15px;
}

#section4 .name,
#team .name {
	font-size: 25px;
	padding: 34px 22px 15px;
}

#section4 .name .pos,
#team .name .pos {
    font-size: 14px;
	margin-top: 7px;
}

#section4 .info,
#team .info {
	font-size: 16px;
	padding: 15px 22px 34px;
}

#section5, #section5 .map-section,
#kontakt, #kontakt .map-section {
	padding-left: 0;
	padding-right: 0;
}

#section5 .insta,
#kontakt .insta {
	top: auto;
	bottom: -50px;
	left: 30px;
}

.kontakt-info {
	padding-left: 15px;
	padding-right: 15px;
}

.imp {
	padding-top: 160px;
	padding-left: 30px;
	padding-right: 30px;
}

.footer {
	padding-top: 40px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

.overlay.cnst .mail {
	font-size: 41px;
}

#ref-list .year,
#ref-list .loc {
    width: 100%;
	padding: 0;
}
/*
#ref-list .desc {
	padding-top: 4px;
}*/

.back {
	padding-top: 160px;
	padding-left: 15px;
	padding-right: 15px;
}

.details .text {
	padding-left: 30px;
	padding-right: 30px;
}

.details .img {
	padding-left: 0;
	padding-right: 0;
}

.stripe {
	margin-left: -15px;
	margin-right: -15px;
}

.stripe div[class^="col"] {
	padding-left: 0;
	padding-right: 0;
}
/*
.instagram-icon {
	display:none !important;
}*/

.instagram-icon {
	display:block !important;
	margin-left:98px;
	margin-top:28px;
	-ms-fill:#fff;
	fill:#fff;
}
}

@media (min-width: 576px) and (max-width: 767px) {
.intro .call {
	font-size: 30px;
	margin-left: 12%;
}
.instagram-icon {
    margin-top: 30px;
    margin-left: 6px;
}
}

@media (min-width: 576px) and (max-width: 1339px) {
.intro .call {
	bottom: 160px;
}
}

@media (min-width: 576px) {
.w-sm-20 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.navbar.fixed-top {
	padding: 13px 0 0;
}

.navbar.fixed-top .navbar-nav {
	margin-top: 20px;
}

.navbar.fixed-top .logo {
	transform: scale(0.82);
}

.navbar.fixed-top .logo-sub {
	display: none;
}
}

@media (max-width: 767px) {
.img-wrap {
	max-width: 505px;
	margin-left: auto;
	margin-right: auto;
}
.grid-item {
	width: 100%;
	height: auto!important;
}

.grid-detail .grid-item {
    width: 100%;
}

.grid-item img {
	height: auto!important;
}

.grid-item .img-wrap {
	margin-bottom:8px;
}

.grid-item .img-wrap a::before{
  display:none;
}

.stripe  img {
	margin-top: 20px;
}

#ref-list .name,
#ref-list .desc{
	float:none;
}
}

@media (min-width: 768px) and (max-width: 991px){
#ref-list .year {
    padding-right: 10px;
}

#ref-list .loc {
	padding-right: 0;
}

#ref-list .desc {
    padding-left: 40px;
}

.grid-item .name {
	font-size: 17px;
	padding-left: 10px;
	margin-bottom: 0;
}

.grid-item .location {
	font-size: 12px;
	padding-left: 10px;
	padding-bottom: 0;
}
}

@media (min-width: 768px) and (max-width: 1339px){
.container-mid {
	padding-left: 25px;
	padding-right: 25px;
}

.intro .call {
	font-size: 46px;
}

.instagram-icon {
    margin-left: 17px;
}

.fixed-top .instagram-icon {
    margin-top: 20px;
}

}

@media (min-width: 768px) {
.w-md-20 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.container-mid {
    max-width: 750px;
}

.navbar-nav .nav-item {
	margin-left: 10px;
	margin-right: 10px;
}

.details .text p {
	text-align: justify;
}

.stripe {
	margin-top: 30px;
}

.width-1 { flex: 1.8; }
.width-2 { flex: 1.203; }
.width-3 { flex: 3.02; }
.width-4 { flex: 1.5; }
}

@media (max-width:991px) {
.desktop {
    display: none;
}

.mobile {
    display: block;
}

.filters {
	margin-top: 35px;
}

.filters .btn {
	width: 100px;
	height: 35px;
	border-radius: 0;
	border: 1px solid #1e1e1e;
	display: block;
	margin-left: auto;
	margin-right: auto;
	box-shadow: none;
}

.gallery-wrapper {
	margin-top: 28px;
}

.details .text {
	padding-top: 30px;
}
}


@media (min-width: 992px) and (max-width: 1199px) {
.grid-item .name {
	font-size: 20px;
	padding-left: 15px;
	margin-bottom: 0;
}

.grid-item .location {
	font-size: 13px;
	padding-left: 15px;
	padding-bottom: 0;
}
}

@media (min-width: 992px) {
.container-mid {
    max-width: 980px;
}

.overview .in {
	padding-right: 30px;
}

#ref-list .desc {
	/*padding-left: 130px;*/
	padding-right: 15px;
}
}

@media (min-width: 1200px) and (max-width: 1339px) {
.grid-item .name {
	font-size: 24px;
	padding-left: 20px;
	margin-bottom: 0;
}

.grid-item .location {
	font-size: 14px;
	padding-left: 20px;
	padding-bottom: 0;
}
}

@media (min-width: 1200px) {
.container-mid {
	max-width: 2462px;
}

.w-xl-20 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}
}

@media (min-width: 1340px) {
body {
	font-size: 18px;
}

.container {
	max-width: 1310px;
}

.w-xl-20 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.container-mid {
	max-width: 2495px;
	padding-left: 80px;
	padding-right: 80px;
}

h2 {
	font-size: 42px;
}

.navbar-nav .nav-item {
	margin-left: 23px;
	margin-right: 23px;
}

.intro .call {
	font-size: 65px;
	bottom: 193px;
}

.overview {
	padding-top: 122px;
	padding-bottom: 70px;
	font-size: 18px;
}

.overview .in {
	font-size: 25px;
}

h3 {
	font-size: 25px;
}

.overview  h3 {
	margin-bottom: 15px;
}

.overview-items {
	margin-top: 86px;
	margin-left: -25px;
	margin-right: -25px;
}

.overview-item {
	padding-left: 25px;
	padding-right: 25px;
}

.bar {
	margin-top: 20px;
	width: 76px;
}

#section2 .bar,
#leistungen .bar {
	width: 140px;
}

#section3,
#projekte {
	padding-top: 127px;
	padding-bottom: 61px;
	font-size: 16px;
}

.btn-main {
	margin-top: 52px;
}

#section4,
#team {
	padding-bottom: 88px;
}

.team-items {
	margin-top: 53px;
}

#section4 .name,
#team .name {
	font-size: 25px;
	padding: 34px 22px 15px;
}

#section4 .name .pos,
#team .name .pos {
	font-size: 14px;
	margin-top: 7px;
}

#section4 .info,
#team .info {
	font-size: 16px;
	padding: 15px 22px 34px;
}

#section5,
#kontakt {
	padding-bottom: 43px;
	font-size: 18px;
}

#section5 .bar.sub,
#kontakt .bar.sub {
	margin-top: 16px;
}

.kontakt-info {
	margin-top: 88px;
}

#section5 p,
#kontakt p {
	margin-top: 22px;
}

#section5 .map,
#kontakt .map {
	margin-bottom: 0;
}

.filters {
	margin-top: 40px;
	margin-bottom: 46px;
}

.filters .btn {
	margin-left: 32px;
	margin-right: 32px;
}

.imp {
	padding-top: 100px;
	padding-bottom: 35px;
}

.imp h1 {
	font-size: 56px;
	margin-bottom: 36px;
}

.imp h2 {
	font-size: 18px;
}

.imp p {
	margin-bottom: 35px;
}

.btn-main {
	width: 338px;
	height: 70px;
	font-size: 25px;
	padding-top: 16px;
	padding-bottom: 16px;
}

#ref-list {
	margin-top: 73px;
}

#ref-list .name {
	font-size: 15px;
}

#more {
	margin-top: 48px;
}

.btn-back {
	font-size: 19px;
	margin-top: 120px;
}

.details .text {
	padding-left: 70px;
	margin-top: -3px;
}

.details .link {
	padding-top: 37px;
}

.details h1 {
	font-size: 30px;
	margin-bottom: 45px;
}

.stripe {
	margin-top: 55px;	
}
}

@media (min-width: 1920px) {
.overlay.cnst .mail {
	font-size: 41px;
}	
}