/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #d0b2b2;
  background-color: #293454;
}

h1, h2, h3, h4, p, p.lead {
  line-height: 1.4;
  color: #d0b2b2;
  text-align: center;  
}
h3 {
  text-align: center;
  margin-bottom: 30px;
}
.lead {
  font-size: 21px !important;
  margin: 20px auto;
  width: 60%;
}
hr {
  border-color: #a5adb0;
  margin-top: 100px;
  margin-bottom: 100px;
  width: 70%;
}
a {
	color: #a5adb0;
}
a:hover {
	color: #a5adb0;
}


/* CONTENT
-------------------------------------------------- */
.well {
  opacity: 1 !important;
}
.center-block {
  text-align: center;
}
form {
  width: 40%;
  margin: 0 auto;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.navbar {
  background: transparent;
  background-color: #d0b2b2;
  margin: 0px;
  border-bottom: 2px solid #a5adb0;
}
.navbar h1, .navbar h2 {
  color: #293454;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  margin-bottom: 40px;
  z-index: 10;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 15;
}
/* Declare heights because of positioning of img element */
.carousel h1 {
  line-height: 41px;
  font-size: 37px;
  color: #0168b5;
}
.carousel p {
  line-height: 21px;
  font-size: 18px;
}
.well {
  background-image: repeat-x url(../img/bg-1.png);
  border-radius: 21px;
  border: none;
  opacity: 0.75;
  -moz-opacity: 0.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter:alpha(opacity=75);
}
.list-group-item {
	background: transparent;
	border: none;
}
.list-group {
	box-shadow: none;
	border: none;
}
.list-group-item  > .badge {
	background-color: #a5adb0;
}
iframe {
	/*max-width: 100%;*/
}


/* Responsive Video
-------------------------------------------------- */
.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;
}


/* FOOTER
-------------------------------------------------- */
footer {
  background-color: #a5adb0;
  margin-top: 60px;
  padding: 30px 0px;
  border-top: 1px solid #c2b6b8;
  font-size: 12px;
}
footer hr {
  border-top: 1px solid #c2b6b8;
}
footer a, footer p {
  color: #293454;
}
footer a:hover {
  color: #293454;
  text-decoration: underline;
}
footer .row div {
  margin-bottom: 0px;
}
footer p.lead {
	margin-top: 0px;
	margin-bottom: 0px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 767px) /* Phone */ {
	h1 {
	  font-size: 19px  
	}
	h2 {
	  font-size: 15px;  
	}
	h3 {
	  font-size: 18px;
	  font-weight: bold;
	}
	h4 {
	  font-size: 16px;
	  font-weight: bold;
	}
	p {
	  font-size: 14px;  
	}
	p.lead {
	  font-size: 16px !important;  
	}
	body {
		padding: 0;
	}
	footer .pull-right {
		text-align: center;
		float: none !important;
	}
	.container {
		padding-top: 15px;
	}
	hr {
		margin-top: 50px;
		margin-bottom: 50px;
		width: 80%;
	}
	form {
	  width: 85%;
	}
	iframe {
		/*height: auto;*/
	}
	.platz {
		margin-bottom: 30px;		
	}
}
@media (min-width: 768px) /* Tablet */ {
	body {
		padding: 0;
	}
	.platz {
		margin-top: 10%;
		margin-bottom: 10%;		
	}
}
@media (min-width: 992px) /* Desktop */ {
	body {
		padding-top: 200px;
	}
}
@media (min-width: 1200px) /* Large Desktop */ {
	.platz {
		margin-top: 10%;
		margin-bottom: 10%;		
	}
}