/*!
 * GABRIEL DESIGN (http://gabrieldesign.ch)
 * Copyright 2012 - 2015 GABRIEL DESIGN®
 */

html {
	font-family: 'Alegreya', serif;}

body {
	font-family: 'Alegreya', serif;	font-size:1.7em;
	background:url(../img/symphony.png);
	background-size:150px;
	background-repeat:repeat;
}

p {
	font-size:20px;
	font-weight:normal;
	color:#333;
}

a {
	color:#c5001c;
	text-decoration:none;	
}

a:hover {
	color:#c5001c;
	text-decoration:underline;	
}

.container {
	width:90%;
	padding:100px 0 100px 0;
}

.img-responsive {
	width:98%;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	transition:all 0.5s ease;
}

.img-responsive:hover {
	width:100%;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.img-responsive-normal {
	width:100%;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin-bottom:30px;
}

.img-logo {
	width:100%;
	padding-bottom:30px;
}

.img-footer {
	width:30%;
	text-align:center;
	padding-bottom:10px;
}

.thumbnail {
	width:auto;
	height:150px;
	border:0;
	background:#fff;
	transition:all 0.5s ease;
}

.thumbnail:hover {
	background:#ffe100;
}

h1 {
	color:#c5001c;	
}

h2 {
	color:#c5001c;	
}

blockquote {
	border-left: 5px solid #ffe100;
	color:#333;
	font-size:20px;
	font-style:italic;
}

.gd-footer {
	padding-top:100px;
	font-size:15px;
	text-align:center;
}

/*---------- NAVIGATION ZENTRIEREN ----------*/

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

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

/*---------- ENDE NAVIGATION ZENTRIEREN ----------*/

@media (max-width: 767px) {
  .container {
		width:90%;
		padding:100px 0 0 0;
  }
  .img-footer {
	  width:100%;
	  text-align:center;
	  padding-bottom:10px;
  }
  .img-logo {
	  width:80%;
	  padding-left:15%;
	  padding-bottom:0;
	  text-align:center;
  }
  .thumbnail {
	  width:100%;
	  height:auto;
	  background:none;
  }
}

@media (min-width: 768px) {
  .container {
		width:90%;
		padding:100px 0 0 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .container {
		width:90%;
		padding:100px 0 0 0;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .container {
		width:90%;
		padding:100px 0 0 0;
  }
}

@media (min-width: 1200px) {
  .container {
		width:60%;
		padding:150px 0 150px 0;
  }
}