body {
    background-image: url("../resources/hintergrund.jpg");
	color: #fff;
	padding-top: 54px;
}

@media (min-width: 992px) {
body {
	padding-top: 56px;
}
}


.header-row {
	background-color: rgba(110, 110, 110, 0.9);
}

.bg-black {
	background-color: #000000;
}

.nav-item {
	padding-left: 10px;
}

.bandpic {
    padding-bottom: 15px;
}

.footer-row {
    background-color: rgba(200, 0, 0, 0.6);
    margin: 10px -15px 20px -15px;
    padding-top: 10px;
    padding-bottom: 10px;

}



.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

.modal-content {
     background-color: rgba(0,0,0,.6) !important;
	 border: 1px solid rgba(255,255,255,.6) !important;
}

.modal-header {
	border-bottom: 1px solid rgba(255,255,255,.6) !important;
}

.modal-footer {
	border-top: 1px solid rgba(255,255,255,.6) !important;
}

.close {
	color: #bbb;
}

.close:hover {
	color: #fff;
}