html {
	height: 100% 
}
body {
	padding-top:0px;
	height:100%}

/* FONTS STYLES */
h1, h2, .h2, h3, .h3, p, a {
	margin: 0px;
	padding:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal !important;
	font-weight: 400 !important;
}
h1, h2, .h2, h3, .h3, p, .navbar-brand {
	color: rgba(60,60,60,1);
}

h1 {
	font-size:1.2em !important;
	margin-bottom:15px !important;
	padding-left:50px;
}

h2, .h2 {
	font-size:1.5em !important;
	margin-bottom:50px !important;

}
h3, .h3 {
	font-size:1.25em !important;
	vertical-align: middle;
	margin-top:30px !important;
}
.h3 {display:block;}

p {
	font-feature-settings: "kern" 1; 
	font-kerning: normal;
	letter-spacing: 0.015em;
	word-spacing: 0.001em;
	-webkit-font-smoothing: antialiased; /* Chrome, Safari */ 
	-moz-osx-font-smoothing: grayscale; /* Firefox */
	text-rendering: optimizeLegibility;

	font-size:1.2em;
	line-height: 1.35em;
	margin-bottom:0.6em !important;
	text-indent: 0px;
}
p.intro,
p.gig {
	font-size:1.2em;
}
p.intro a
p.gig a {
	font-size:1em !important;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	border-bottom:1px solid #000;
}
p.gig {
	border-top:1px solid #ccc;
	padding-top:15px;
}
p.gig a {
	font-size:0.85em;
	display:block;
}
p.intro a:link,
p.intro a:visited,
p.gig a:link,
p.gig a:visited {
	color:rgba(60, 60, 60, 1);
}
p.intro a:hover,
p.intro:focus,
p.gig a:hover,
p.gig:focus {
	color:rgba(0, 0, 0, 1);
}

@media (min-width: 768px) {
	p.intro,
	p.gig {
		font-size:1.45em;
	}

	p.intro a { font-size:1em; }
}
.small {font-size:0.75em !important;}

sup {top: -0.4em !important;}

/* LINKS*/

a {
	font-size:0.85rem;
	cursor: pointer;
}

/* ANCRES */
.ancre {
	margin-top:-122px;
	display: block;
	width:100%;
	height:122px;
}

/* CUSTOM MARGINS */
.mt-10 {
	margin-top:150px !important;
}
.mb-6 {
	margin-bottom:100px;
}
.mb-10 {
	margin-bottom:150px !important;
}
.w-85 {
	width:85% !important;
}

/* IMAGES */

img {
	margin:0px auto;
	vertical-align:middle;
	width: 100%;
}

.headline {
	display:block !important;
	width:100%;
	height:100%;
	margin: 0;
	background-image: url("/img/anda-a-anda-cover.jpg");
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: 80%;
}
#vernissage-container img,
#concerts-container img {
	margin:0px;
	display: block;
	margin-bottom: 0.75rem !important;
	margin-top: 0.75rem !important;
}
#vernissage-container img {
	width:60%;
}
#concerts-container img {
	width:60%;
}
@media (min-width: 768px) {
	.headline {
		background-size: 70%;
	}
}
@media (min-width: 992px) {
	.headline {
		background-size: 60%;
	}
	#concerts-container img {
		width:45%;
	}
}
@media (min-width: 1200px) {
	.headline {
		background-size: 50%;
	}
}

/* NAVIGATION */
.navbar .nav-link {
	background-color:rgb(60,60,60);
	border-radius: 1000px;
	width:20px;
	height:20px;
	margin-top:0px;
	margin-left:0px;
	padding:0px !important;
}
.navbar a:hover {
	opacity:0.65;
}

nav.fixed-top {
	background-color: #fff;
	height:80px;
	border-bottom:1px solid #ccc;
}
.navbar-brand {
	font-size: 1.2em !important;
	padding-left: 0px;
	text-align: right;
	width:auto;
	position:fixed;
	right:40px;
	top:25px;
	background-color:#fff;
}
@media (min-width: 768px) {
	.navbar-brand {font-size: 1.2em !important;}
}
a.navbar-brand:hover {
	background-color: #fff;
}

#navigation {
	position:fixed;
	bottom:15px;
	right:30px;
}
#navigation .navbar-nav li {
	padding-bottom: 20px
}
#navigation .navbar-nav {
	flex-direction: column !important;
}
@media (min-width: 768px) {
	#navigation {
		right:50px;
		bottom:50px;
	}
}
 
/* GALLERY */
.carousel-control-prev .p,
.carousel-control-next .p {
	font-size: 4em;
	color: rgba(0, 0, 0, 1.0) !important;
}

/* MODAL */
.modal {
	background-color: rgba(0, 0, 0, 0.25) !important;
	margin-top:0px !important;
}
.modal-dialog {
	margin-top:30px !important;
}
.modal-header {
	border-bottom: 1px solid #ccc !important;
	box-shadow: 0px 5px 2px rgba(0,0,0,0.02);
}
.modal-header .btn-close {
	font-size: 0.85em;
}
h2.modal-title {
	margin-bottom:0px !important;
	font-size:0.9em !important;
}
.modal-content {
	border: 0px solid transparent !important;
	border-radius: 0px !important;
}


#gallery {
	top:80px;
}
/*IFRAME */
iframe {
	width:100%;
	height:600px;
	border:none;
	overflow: hidden;
}