/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
}

.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
	opacity:0.05;
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    background-repeat: none;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* http://jsfiddle.net/pYjnF/ */

.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	-moz-flex-flow: column wrap;
	flex-flow: column wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content:center;

}

.flex p {
	-webkit-flex: initial;
	-moz-flex: initial;
	flex: initial;
    margin: 0;
}


.videohead {
    height: 100%;
}

video#bgvid { 
    position: fixed;
	opacity:1;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover; 
}

.div90 {
	height: 90%;
	background-color:#FFFFFF;

}


@media (max-width: 768px) {
.videohead {
    background: url('../video/video_testr.jpg') center center / cover no-repeat;
  }

.videohead {
    height: 80%;
}
  video#bgvid {
    display: none;
  }

.referenz-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 2.3em;
}

.referenz-modal .modal-content p.item-intro {
    font-size: 20px;
	line-height: 20px
}
}