html {
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
	font-size: 16px;
    height: 100%;
}



body {
	font-family: 'Kievit Slab', sans-serif;
	text-rendering: optimizeLegibility;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.5;
    height: 100%;
    background-color: #f5f5f5;
}

a {
	outline: 0 !important;
}


/* ======================================= 
   TYPO
   ======================================= */

a {text-decoration: none; transition: all 0.3s ease-in-out;}
p, a, ul, li {font-size: 1.125rem; color: #757a7f;}

ul {display: inline-block; margin: 0; padding: 0;}

h1 {font-size: 44px; line-height: 1.4; margin-top: 0; color: #fff; font-weight: 600;}
h2 {font-size: 40px; font-weight: 800; margin-top: 0; margin-bottom: 0.67em; text-transform: uppercase; color: #2e2424;}
h3 {font-size: 1.3rem; font-weight: 600; margin-bottom: 3px; color: #fff;}
h4 {font-size: 1.125rem; margin: 0; padding: 0 0 8px 0; color: #fff; margin-top: -8px;}






/* ======================================= 
   CONTENT
   ======================================= */

.start {
	background-size: cover;
	text-align: center;
	height: 100%;
    min-height: 680px;
    width: 100%;
	color: #fff;
    position: relative;
    overflow: hidden;
}


    .start .logo {
        position: absolute;
        top: 40%;
        width: 100%;
        text-align: center;
         z-index: 10;
    }

    .start .logo img {
         width: 410px;
        height: 240px;
        z-index: 10;
    }

.start.small {
    height: 680px;
}

.start.small h1 {
    font-size: 60px;
    font-weight: 800;
    margin-top: 50px;
}


.vid-overlay {
    background-color: rgba(38,38,38,1);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 8;
}

.vid-overlay.pedro video,
.vid-overlay.bijan video,
.vid-overlay.carlos video,
.vid-overlay.daniel video,
.vid-overlay.jakob video {
	display: none;
}

.vid-overlay.pedro {
	background: url("../img/team/pedro.jpg") no-repeat center center;
	background-size: cover;
}

.vid-overlay.bijan {
	background: url("../img/team/bijan.jpg") no-repeat center center;
	background-size: cover;
}

.vid-overlay.carlos {
	background: url("../img/team/carlos.jpg") no-repeat center center;
	background-size: cover;
}

.vid-overlay.daniel {
	background: url("../img/team/daniel.jpg") no-repeat center center;
	background-size: cover;
}

.vid-overlay.jakob {
	background: url("../img/team/jakob.jpg") no-repeat center center;
	background-size: cover;
}

.start video {
position: absolute;
bottom: 0%;
left: 50%;
min-width: 100%;
min-height: 100%;
    z-index: 5;
width: auto;
height: auto;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
background-size: cover;
transition: 1s opacity;
	opacity: 0.6;
}

.text {
	padding: 150px 0px;
}

.text p {
	font-size: 20px;
    line-height: 1.8;
    text-align: justify;
    text-align-last: center;
    -webkit-text-align-last: center;
    -moz-text-align-last: center;
    color: #262626;
	margin-bottom: 50px;
}

.text p a {
	color: #b33143;
    font-style: italic;
    font-size: 20px;
    line-height: 1.8;
}

.text .rspnsv {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.text .rspnsv iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

nav {
    width: 100%;
    padding: 15px 5%;
    position: absolute;
    height: 90px;
    top: 70px;
    z-index: 999;
    text-align: left;
    transition: background-color 0.3s ease-in-out;
}

.nav-logo {
    width: 58px;
    height: 58px;
    float: left;
    margin-left: .5em;
}

.nav-logo img {
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-in-out;
}

nav ul {
    list-style-type: none;
    padding-left: 50px;
    padding-top: 15px;
}

nav ul li {
    float: left;
    display: inline-block;
    margin-right: 40px;
}

nav ul li a {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    transition: color 0.2s ease-in-out;
    text-transform: uppercase;
    font-weight: 800;
}

nav ul li a:hover {
    color: #b33143;
}

.language {
	float: right;
    margin-left: 50px;
    margin-top: 15px;
	position: relative;
}

.language .active {
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	position: relative;
}

.language .active .arrow {
	margin-left: 10px;
	display: inline-block;
	background: url(../img/arrow-dwon.svg) no-repeat center center;
	background-size: cover;
	height: 6px;
	width: 10px;
	line-height: 1.8;
	vertical-align: 3px;
}

.language .active:after {
	display: inline-block;
	content: '';
}

.language ul {
	padding: 0;
	position: absolute;
	top: 110%;
	left: 50%;
	margin-left: -37.5px;
	background: white;
	border-radius: 3px;
	box-shadow: 0 10px 21px rgba(0,0,0,0.18);
	display: none;
}

.language ul li {
	display: block;
	float: none;
	margin: 0;
	text-align: center;
	line-height: 1;
}

.language ul li.active {
	background: rgba(0,0,0,0.05);
}

.language ul li.active a {
	color: #b33143;
}

.language ul li a {
	display: block;
	color: #262626;
	padding: 10px 20px;
	width: 75px;
	font-weight: normal;
}

.fixed {
    position: fixed;
    top: 0;
}

.dark {
    background-color: rgba(38,38,38,0.95);
}

.fixed .nav-logo img {
    width: 70%;
    height: 70%;
    margin-top: 10px;
}

.arrow {
    width: 15px;
    height: 26px;
    background-size: contain;
    position: absolute;
    bottom: 30px;
    display: block;
}

.arrow img {
     width: 15px;
    height: 26px;
    display: block;
}




/* ======================================= 
   ABOUT
   ======================================= */

.about {
    padding: 140px 0px;
    background: transparent url('../img/bgab.jpg') center bottom no-repeat;
	background-size: cover;
    text-align: center;
}

.about.bij {
    background: transparent url('../img/bg-alt1.jpg') top center no-repeat;
	background-size: cover;	
}

.about.phil {
    background: transparent url('../img/bg-phil.png') top center no-repeat;
	background-size: cover;	
}

.about.alt1 {
    background: transparent url('../img/bg-alt2.jpg') top center no-repeat;
	background-size: cover;
}

.about.alt2 {
    background: transparent url('../img/bg-alt3.jpg') top center no-repeat;
	background-size: cover;
}

.about.alt3 {
    background: transparent url('../img/bg-alt4.jpg') top center no-repeat;
	background-size: cover;
}

.about.alt4 {
    background: transparent url('../img/bg-alt5.jpg') top center no-repeat;
	background-size: cover;
}

.about#keyfacts {
	padding: 210px 0;
}

.about#keyfacts ul li a {
	color: white;
	font-size: 20px;
	color: white;
	line-height: 1.8;
}

.about#keyfacts h1 {
	margin-bottom: 85px;
}

.about#keyfacts li {
	list-style: none;
	color: white;
    font-size: 20px;
    line-height: 1.8;
}

.about fg8 {
    max-width: 790px;
}

.subhead {
    font-size: 22px; 
    line-height: 1.5; 
    margin-top: 0; color: #fff; 
    font-weight: 400;
    max-width: 600px;
    display: inline-block;
    padding-bottom: 100px;
}

.subhead a {
	font-style: italic;
	color: white;
	font-size: 20px;
	line-height: 1.8;
	font-weight: bold;
}


a.cta {
    border: 2px solid white;
    padding: 10px 90px 10px 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
}

.clients2 .fg6 img {
	width: 100%;
}

.clients2 .fg6 {
	margin-right: 1%;
	width: 49%;
	margin-left: 0;
}

.clients2 .fg6  .links {
	position: absolute;
	height: 100%;
	width: 100%;
}

.clients2 .fg6  .links.diff > li {
	height: 18.8%;
}

.clients2 .fg6  .links > li {
	list-style: none;
	margin-left: 0;
	width: 31.6666%;
	height: 15.66%;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	float: left;
}

.clients2 .fg6  .links > li a {
	display: block;
	height: 100%;
	width: 100%;
}

.clients2 .fg6  .links > li:nth-child(3n){
	margin-right: 0;
}

.cta.white::before {
  content:url('../img/arrow-white.svg');
  position:absolute;
  width:8px;
  height:14px;
 margin-left: 105px;
}


.divide {
    background-size: contain;
	background-repeat: no-repeat;
    width: 25px;
    height: 33px;
    margin: 0 auto;
    margin-bottom: 40px;
    margin-top: 50px;
}

.divide.white {
     background-image: url(../img/poly-white.svg);
}

.divide.red {
     background-image: url(../img/poly-red.svg);
}

.divide.white:before {
    content: '';
    width: 20%;
    border-bottom:1px solid rgba(255,255,255,0.2);
    position: absolute;
    padding-top: 12px;
    margin-left: 2.5%;
}

.divide.white:after {
    content: '';
    width: 20%;
    border-bottom:1px solid rgba(255,255,255,0.2);
    position: absolute;
    padding-top: 12px;
    margin-left: -22.5%;
}

.divide.red:before {
    content: '';
    width: 20%;
    border-bottom:1px solid rgba(0,0,0,0.2);
    position: absolute;
    padding-top: 12px;
    margin-left: 3.5%;
}

.divide.red:after {
    content: '';
    width: 20%;
    border-bottom:1px solid rgba(0,0,0,0.2);
    position: absolute;
    padding-top: 12px;
    margin-left: -21.5%;
}

/* ======================================= 
   TRAILER
   ======================================= */
.trailer {
    height: 675px;
    background: transparent url('../img/trailer-bg.jpg') center center no-repeat;
	background-size: cover;
    text-align: center;
    position: relative;
}

.play-btn {
    position: absolute;
    width: 85px;
    height: 85px;
    border: 2px solid white;
    top: 50%;
    left: 50%;
    margin-top: -42px;
    margin-left: -42px;
    background-image: url('../img/arrow-white.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20%;
}

/* ======================================= 
   TEAM
   ======================================= */
.team {
    padding: 150px 0px;
}

.team h2 {
    text-align: center;
    margin: 0.67em 0;
}



.member-box {
    width: 18%;
    height: 530px;
    background-color: #fff;
    position: relative;
    float: left;
    margin-right: 2%;
    margin-bottom: 60px;
    box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.06);
	cursor: pointer;
}

.member-box.alternative {
	width: 23%;
}

.member-box:before {
    content: '';
    width: 80%;
    left: 10%;
    box-shadow: 0px 7px 29px 0px rgba(0, 0, 0, 0.24);
    height: 50px;
    position: absolute;
    bottom: 2%;
    z-index: -1;
}

.member-box p {
    font-size: 17px;
    margin-bottom: 8px;
    font-weight: 800;
    color: #262626;
    text-align-last: left !important;
}

.member-box span {
    font-size: 13px;
    font-weight: normal;
    color: #8b8b8b;
    display: block;
}


.member-desc a.cta {
    border: 2px solid #262626;
    padding: 6px 70px 6px 16px;
    color: #262626;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-top: 30px;
    position: absolute;
    bottom: 30px;
}

.clients h2 {
	position: relative;
}

.clients a.cta {
    border: 2px solid #262626;
    padding: 6px 70px 6px 16px;
    color: #262626;
    font-size: 16px;
	right: 1%;
    font-weight: 600;
    display: inline-block;
    margin-top: 0px;
    position: absolute;
    bottom: 0px;
}


.member-desc .cta.white::before {
  content:url('../img/arrow-black.svg');
  position:absolute;
  width:6px;
  height:12px;
 margin-left: 85px;
}

.clients .cta::before {
  content:url('../img/arrow-black.svg');
  position:absolute;
  width:6px;
  height:12px;
 margin-left: 95px;
}


.member-desc {
    padding: 30px;
}

.member-thumb {
    width: 100%;
    height: 284px;
    background-size: cover;
}

.member-thumb.landschaft { 
	background: url(../img/cat1/titel.jpg) center center;
	background-size: cover;
}

.member-thumb.reportage { 
	background: url(../img/cat2/titel.jpg) center center;
	background-size: cover;
}

.member-thumb.portrait { 
	background: url(../img/cat3/titel.JPG) center center;
	background-size: cover;
}

.member-thumb.reise { 
	background: url(../img/cat4/titel.JPG) center center;
	background-size: cover;
}

.member-thumb.instagram { 
	background: url(../img/youtubeprofile.png) center center;
	background-size: cover;
}

.bijan {background-image: url(../img/bijan-thumb.jpg)}

.carlos {background-image: url(../img/carlos-thumb.jpg)}

.daniel {background-image: url(../img/daniel-thumb.jpg)}

.jakob {background-image: url(../img/jakob-thumb.jpg)}

.pedro {background-image: url(../img/pedro-thumb.jpg)}

.team .divide {
    margin-top: 20px;
}

.clients h2 {
	text-align: left;
}


/* ======================================= 
   Leistungen
   ======================================= */
.leistungen {
    padding: 150px 0px;
    background: url(../img/bg-alt1-grey.jpg) no-repeat center top;
	background-size: cover;
}

.leistungen h2, .leistungen p {
    color: #fff;
}

.leistungen p {
    font-size: 20px;
    line-height: 1.8;
    text-align: justify;
    text-align-last: center;
}

.leistungen p a, .refs p a {
    color: #b33143;
    font-style: italic;
    font-size: 20px;
    line-height: 1.8;
}



/* ======================================= 
   REFERENZEN
   ======================================= */
.refs {
    padding: 150px 0px;
    background-color: #fff;
}

.refs .fg8 {
    text-align: center;
}

.portrait .vid-thumb {
	background-size: cover !important;
}

.refs .member-box p {
	line-height: 1.4;
}

.refs p {
    font-size: 20px;
    line-height: 1.8;
    text-align: justify;
    text-align-last: center;
    -webkit-text-align-last: center;
    -moz-text-align-last: center;
    color: #262626;
}

.refs .fg8 .divide:after {
	margin-left: -22.5%;
}

.refs .fg8 .divide:before {
	margin-left: 2.5%;
}

.clients {
    padding-top: 140px;
}

.logowall div img {
    width: 100%;
}

.logowall div {
    width: 15.66%;
    margin-right: 1%;
    margin-bottom: 1%;
    float: left;
    position: relative;
}



/* ======================================= 
   SELECTED SHOTS
   ======================================= */
.selected-shots {
    padding-top: 50px;
    width: 100%;
    background-color: #fff;
    text-align: center;
    margin-bottom: -25px;
}

.pdbot {
	padding-bottom: 140px;
}

.slider {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    margin-bottom: -25px;
}

.slider .slide {
    width: 100%;
    height: 100%;
    position: relative;
}

.slider .slick-slide img {
    width: 100%;
}

.pic-1 {background-color: red;}
.pic-2 {background-color: black;}
.pic-3 {background-color: gold;}
.pic-4 {background-color: yellow;}
/* ======================================= 
   LOCATIONS
   ======================================= */

.locations {
    padding: 140px 0px;
    background: transparent url('../img/bg-locations.jpg') center center no-repeat;
	background-size: cover;
    text-align: center;
}

.locations .subhead {
    max-width: none;
    font-size: 20px;
}

.cities div {
    width: 15.6%;
    margin-right: 1%;
    margin-bottom: 1%;
    height: 280px;
    border: 3px solid #d3394e;
    position: relative;
    float: left;
    margin-bottom: 60px;
    text-align: center;
}

.cities div img {
    width: 100%;
    max-width: 100px;
    padding-top: 50px;
    padding-bottom: 33px;
    display: block;
    margin: 0 auto;
}

.cities div span {
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    padding-top: 20px;
}

.cities div span:before {
    content: '';
    background-color: #fff;
    width: 28px;
    height: 3px;
    display: block;
    margin: 0 auto;
    margin-bottom: 24px;
}


/* ======================================= 
   FOOTER
   ======================================= */

footer {
    padding-top: 100px;
    background-color: #262626;
    text-align: center;
}

footer img {
    width: 91px;
    height: 91px;
    margin-bottom: 55px;
}

footer a.mail {
    font-size: 44px;
    font-weight: 600;
    color: #fff;
    display: block;
}

.social {
    position: relative;
    margin: 0 auto;
}

.social a {
}

.social a img {
    width: auto;
    transform: scale(0.3);
}
.social:before {
    content: '';
    background-color: #b33143;
    width: 40px;
    height: 4px;
    display: block;
    margin: 0 auto;
    margin-bottom: 24px;
    margin-top: 50px;
}

.imprint {
    width: 100%;
    height: 70px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 25px;
    padding-bottom: 32px;
    margin-top: 30px;
    background-color: #1a1a1a;
    text-align: left;
}

.imprint span, .imprint a {
    color: #5e5e5e;
    font-size: 14px;
    margin-left: .5em;
}

.imprint a {
    float: right;
}




/* ======================================= 
    VIDEOS
======================================= */


.vid-grid {
    width: 100%;
    display: block;
    height: auto;
    overflow-x: hidden;
}

.vid-thumb {
    width: 33.333%;
    float: left;
    display: block;
    position: relative;
}


.vid-thumb:before {
    content: "";
    display: block;
    padding-bottom: 62.5%;
}

.overlay {
    background-color: rgba(179,49,67,0.9);
    padding: 10%;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all 0.2s ease-in-out;
    top: 0;
    left: 0;
    opacity: 0;
    
}

.vid-thumb:hover .overlay {
    opacity: 1;
}

.overlay h4 {
    font-size: 20px;
    padding-bottom: 10%;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.overlay h4 span {
    color: #fff;
    display:block;
    font-size: 15px;
    font-weight: 400;
}

.overlay:before {
    content: '';
    width: 70px;
    height: 70px;
    background-image: url(../img/play-btn2.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
}

.vid-grid a .vid-thumb {
	background-size: cover;
}


.vid-grid a:nth-child(1) .vid-thumb{
    background-image: url(../img/vid-thumbs/1.jpg);
    background-size: cover;
}

.vid-grid a:nth-child(2) .vid-thumb{
    background-image: url(../img/vid-thumbs/2.jpg);
    background-size: cover;
}

.vid-grid a:nth-child(3) .vid-thumb{
    background-image: url(../img/vid-thumbs/3.jpg);
    background-size: cover;
}

.vid-grid a:nth-child(4) .vid-thumb{
    background-image: url(../img/vid-thumbs/4.jpg);
    background-size: cover;
}

.vid-grid a:nth-child(5) .vid-thumb{
    background-image: url(../img/vid-thumbs/5.jpg);
    background-size: cover;
}

.vid-grid a:nth-child(6) .vid-thumb{
    background-image: url(../img/vid-thumbs/6.jpg);
    background-size: cover;
}

.vid-grid a:nth-child(7) .vid-thumb{
    background-image: url(../img/vid-thumbs/7.jpg);
    background-size: cover;
}

.vid-grid a:nth-child(8) .vid-thumb{
    background-image: url(../img/vid-thumbs/8.jpg);
    background-size: cover;
}

.vid-grid a:nth-child(9) .vid-thumb{
    background-image: url(../img/vid-thumbs/9.jpg);
    background-size: cover;
}

.vid-grid a:nth-child(10) .vid-thumb{
    background-image: url(../img/vid-thumbs/10.jpg);
    background-size: cover;
}

.vid-grid a:nth-child(11) .vid-thumb{
    background-image: url(../img/vid-thumbs/11.jpg);
    background-size: cover;
}

.vid-grid a:nth-child(12) .vid-thumb{
    background-image: url(../img/vid-thumbs/12.jpg);
    background-size: cover;
}

.vid-grid a:nth-child(13) .vid-thumb{
    background-image: url(../img/vid-thumbs/13.jpg);
    background-size: cover;
}

.vid-grid a:nth-child(14) .vid-thumb{
    background-image: url(../img/vid-thumbs/14.jpg);
    background-size: cover;
}

.vid-grid a:nth-child(15) .vid-thumb{
    background-image: url(../img/vid-thumbs/15.jpg);
    background-size: cover;
}

.vid-grid a:nth-child(16) .vid-thumb{
    background-image: url(../img/vid-thumbs/16.jpg);
    background-size: cover;
}

.vid-grid a:nth-child(17) .vid-thumb{
    background-image: url(../img/vid-thumbs/17.jpg);
    background-size: cover;
}


.vid-grid a:nth-child(18) .vid-thumb{
    background-image: url(../img/vid-thumbs/18.jpg);
    background-size: cover;
}


.vid-grid a:nth-child(19) .vid-thumb{
    background-image: url(../img/vid-thumbs/19.jpg);
    background-size: cover;
}


.vid-grid a:nth-child(20) .vid-thumb{
    background-image: url(../img/vid-thumbs/20.jpg);
    background-size: cover;
}


.vid-grid a:nth-child(21) .vid-thumb{
    background-image: url(../img/vid-thumbs/21.jpg);
    background-size: cover;
}


.vid-grid a:nth-child(22) .vid-thumb{
    background-image: url(../img/vid-thumbs/22.jpg);
    background-size: cover;
}


/* ======================================= 
   media queries
   ======================================= */





@media screen and (max-width: 1281px ) {
	.text p a {
		font-size: 16px;
		margin: 0;
		padding: 0;
		line-height: 1.8;
	}
	
	p, .subhead {
		font-size: 16px !important;
	}
	
	h2 {
		font-size: 30px !important;
	}
	
	.subhead a {
		font-size: 16px;
		margin: 0;
		padding: 0;
		line-height: 1.5;
	}
	
	.leistungen p a,
	.refs p a {
		font-size: 16px;
		margin: 0;
		padding: 0;
		line-height: 1.8;
	}
	
	.logo.text-center h1 {
		font-size: 36px !important;
	}
	
		.member-box {
            width: 31%;
            margin-right: 2%;
            margin-bottom: 60px;

        }	
	
		.member-box.alternative {
            width: 48%;
            margin-right: 2%;
            margin-bottom: 60px;
			margin-left: 0 !important;

        }
    
        .member-box:nth-child(4){
            margin-left: 16.5%;
        }
        
        .fg8 {
            width: 95%;
            margin-left: 2%;
        }
        
        .start .logo {
            position: absolute;
            top: 40%;
            width: 100%;
            text-align: center;
             z-index: 10;
        }

        .start .logo img {
             width: 340px;
            height: 220px;
            z-index: 10;
        }
    
}


@media screen and (max-width: 1100px ) {
        .cities div {
            width: 30%;
            margin-right: 3%;
            margin-bottom: 3%;
            height: 280px;
            border: 3px solid #d3394e;
            position: relative;
            float: left;
            text-align: center;
        }
    
        .vid-thumb {
            width: 50%;
            float: left;
            display: block;
            position: relative;
        }
}



@media screen and (max-width: 1024px ) {

        nav ul {
            list-style-type: none;
            padding-left: 30px;
            padding-top: 15px;
        }

        nav ul li {
            float: left;
            display: inline-block;
            margin-right: 20px;
        }

        nav ul li a {
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            transition: color 0.2s ease-in-out;
        }

}



.text-center {
    text-align: center;
}


/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#262626; /* change if the mask should have another color then white */
	z-index:9999; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../img/logo-circle.svg); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}


.featherlight .featherlight-content {
	width: 90%;
    height: 90%;
    background-color: #000;

}

.featherlight .featherlight-content #impressum.hide {
	display: block;
}

#impressum h3 {
	font-size: 40px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 40px;
    text-transform: uppercase;
    color: #2e2424;
}

section.landschaft a .vid-thumb .overlay:before,
section.portrait a .vid-thumb .overlay:before {
	background: transparent !important;
}

#impressum .refs {
	padding: 100px 0;
}

#impressum.hide {
	display: none;
}

body.startoverlay .featherlight-iframe .featherlight-content,
body.landschaften .featherlight .featherlight-content {
	width: auto;
    height: auto;
    background-color: #000;
}

body.startoverlay .featherlight-iframe .featherlight-content {
	width: 100%;
	max-width: 1600px;
    background-color: #000;
	margin-left: 0;
	margin-right: 0;
	height: 56.5%;
}

.featherlight-content iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}

.featherlight .featherlight-close-icon {
    position: absolute;
z-index: 9999;
top: 0;
right: 0;
line-height: 25px;
width: 25px;
cursor: pointer;
text-align: center;
font-family: Arial, sans-serif;
background: none;
color: #fff;
}