/* BASIC SETTINGS */
*{
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 767px) {
	.hidden{
		display: none;
	}
}
html{
	min-height: 100%;
}
body {
	min-height: 100%;
	background-image: linear-gradient(0deg, #000000, #2C2A4A);
	background-repeat: no-repeat;
  }

/* bree-serif-regular - latin */
@font-face {
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../../src//fonts/bree-serif-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../src//fonts/bree-serif-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../src//fonts/bree-serif-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../src//fonts/bree-serif-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../src//fonts/bree-serif-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../src//fonts/bree-serif-v16-latin-regular.svg#BreeSerif') format('svg'); /* Legacy iOS */
}

/* FONTS */
h1, h2{
	font-family: "Bree Serif", serif;
	color: #2C2A4A;
}
h3{
	font-family: "Bree Serif", serif;
}
p{
	margin: 0;
}

/* BUTTON */
.button {
	display: inline-block;
	margin-top: 3rem;
	padding: 15px 30px;
	font-family: "Bree Serif", serif;
	font-size: 1.5rem;
	text-decoration: none;
	background-color: #ff7f50;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px #000000;
	cursor: pointer;
}
.button:hover {
	background-color: #ffd700;
}
	.button p{
		margin: 0;
	}
	.button{
		text-decoration: none;
		color: #ffffff;
	}
	.button:hover{
		color: #000000;
	}

.mail-button {
	display: inline-block;
	height: 36px;
	width: 100%;
	color: #ffffff;
	font-family: "Bree Serif", serif;
	text-decoration: none;
	background-color: #ff7f50;
	border-radius: 5px;
	cursor: pointer;
}
	.mail-button:hover {
		background-color: #ffd700;
		color: #000000;
	}

/* NAVIGATION SETTINGS */
.navbar{
	background-color: #2C2A4A;
	box-shadow: 0px 0px 10px 0px #000000;
}
	.navbar .navbar-text a:hover{
		color: #ffd700;
		text-decoration: none;
	}

/* CONTAINER SETTINGS */
#home-container{
	margin-top: 10rem;
	margin-bottom: 10rem;
	overflow: hidden;
}
	@media only screen and (max-width: 767px) {
		#home-container{
			margin-top: 7rem;
			margin-bottom: 7rem;
		}
}
	#home-container h1{
		font-size: 3rem;
		line-height: 4rem;
		color: white;
	}
	#home-container h2{
		font-size: 2rem;
		line-height: 3rem;
		color: white;
	}
	#home-container img{
		width: 100%;
		margin-bottom: 2rem;
	}

.home-table{
	margin-bottom: 2rem;
	color: #ffffff;
}
	.home-table a{
		text-decoration: none;
		color: #ffffff;
	}
		.home-table a:hover{
			text-decoration: none;
			color: #ffffff;
			font-weight: 500;
		}
	.home-table h3{
		margin-top: 2rem;
	}
	.home-table p{
		border-bottom: 1px solid #ffffff;
	}

#content-container{
	background-color: white;
	box-shadow: 0px 0px 10px #000000;
}
	#content-container .row{
		padding-top: 1rem;
		padding-bottom: 1rem;
		border-bottom: 5px solid #000000;
	}
		#content-container .row #gaensemenu{
			padding-bottom: 0rem;
			border-bottom: 0px;
		}	
		#content-container .row:last-child{
			border: 0;
		}
	#content-container p{
		color: #2C2A4A;
	}
		#content-container p i{
			font-family: "Bree Serif", serif;
			font-size: 1.5rem;
			}

/* ROW SETTINGS */
.row-artist .col-md-3{
	overflow: hidden;
}
.row-artist img{
	position: absolute;
	bottom: 0;
	max-width: 100%;
	max-height: 100%;
	padding-right: 15px;
}
@media only screen and (max-width: 767px) {
	.row-artist img{
		position: relative;
		max-width: 50%;
		border-bottom: 5px solid #2C2A4A;
		display: block;
    	margin-left: auto;
		margin-right: auto;
		padding-right: 0px;
}
	}
}
.row-artist a{
	text-decoration: none;
}
	.row-artist a:hover{
		text-decoration: none;
	}
#content-container .row .artist-date{
	padding: 0;
	margin: 0;
	margin-bottom: 0.5rem;
	text-align: center;
	line-height: 1rem;
	background-color: #f9f9fa;
	border-bottom: 0;
	box-shadow: 0px 0px 5px 0px #ffffff;
	cursor: pointer;
	transition: 0.2s ease;
}
	#content-container .row .artist-date .col{
		text-align: left;
	}
		.info-text{
			font-size: 0.65rem;
		}
	#content-container .row .artist-date .col-2{
		padding: 0;
		color: #ffffff;
	}
		#content-container .row .artist-date .col-2 p{
			color: #ffffff;
			font-weight: bold;
			background-color: #2C2A4A;
		}
	#content-container .row .artist-date p{
		margin: 0;

	}
#content-container .row .artist-date:last-child{
		margin-bottom: 0rem;
	}
#content-container .row .artist-date:hover{
	background-color: #ffd700;
	}

/* GALLERY */
.gallery-pic{
	max-width: 100%;
}

/* SONSTIGES */
.form-group {
    margin-bottom: 0rem;
}