/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */
html,
body {
    height: 100%;
}

body {
	color:white;
    padding-top: 30px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	background-color:#4a78d6;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

/* die Streifen*/
body {
	background: repeating-linear-gradient(
		-20deg,
		#4a78d6,
		#4a78d6 300px,
		#375eae 350px,
		#375eae 700px
	);
}

.container {
	display: none;
}

.infoContainer {
  padding-top: 15px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .infoContainer {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .infoContainer {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .infoContainer {
    width: 1170px;
  }
}


.page-header {
	margin: 10px 0 -20px;
	border-bottom: 0px;
}

hr {
	margin-bottom: 40px;
}

iframe {
	border: 0;
}
.camframe {
	width: 100%;
	height: 645px;
	border: solid 0px green;
}
.youtubeVideoFrame {
	width: 100%;
	height: 645px;
	border: solid 3px white;
}

#wrap {
	width: 100%;
	height: 645px;
	padding: 0;
	overflow: hidden;
	border: 0px solid red;
}
#textWrap {
	width: 100%;
	height: 645px;
	padding: 30px;
	padding-top: 10px;
	overflow: hidden;
	border: 0px solid red;
	color: black;
	font-size:24px;
	background-repeat: no-repeat;
	background-position: center;
	
}
#textWrap > h1 {
	font-size: 45px;
	font-weight:bold;
}
#textWrap > h2 {
	font-size: 35px;
	font-weight:bold;
}
#textWrap > h3 {
	font-size: 30px;
	font-weight:bold;
}

#frame {
	width: 100%;
	height: 100%;
	border: 0px solid red; 
}




.progress-bar {
    width: calc(100% - 6px);
    height: 3px;
    background: #e0e0e0;
    padding: 0px;
    border-radius: 3px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
}

.progress-bar-fill {
    display: block;
    height: 3px;
    background: #4a78d6;
    border-radius: 3px;
	/*   transition: width 5s ease-in-out; */}