/* Carsten Peters */

body { color: #fff; background: #30828e; font-family: 'Open Sans', sans-serif; font-size: 14px; }
#galerie, #presse { background: #0b5860; }
a { color: #b6dade; }
a:hover, a:focus, a:active { color: #fff; outline: none; text-decoration: none; }
h1, h2 { font-size: 24px; font-weight: 600; }
#live h2 { font-size: 19px; margin: 60px 0 20px 0; }
#vita h2 { font-size: 19px; }
#presse h1 { margin: 60px 0 0 0; }
#presse h2 { font-size: 19px; margin-top: 140px }
#presse h3 { font-size: 19px; font-weight: 600; margin-top: 120px; }
#pesse p { margin: 0 0 5px 0; }
#presse #IdOper h3 { margin-top: 60px; }
#presse #IdLied h3,
#presse #IdOratorium h3 { margin-top: 40px; }
#presse .irmelin h2 { margin-top: 55px; }
#presse .irmelin { margin-top: 34px; }
#presse .oratorium { margin-top: 20px; }
#presse .col-md-4 { text-align: center; }
#presse .col-md-4 a { display: block; }
#presse .col-md-4 span { font-size: 24px; font-weight: 600; line-height: 0em; }
#vita { background: #0b5860; }
.background { max-height: 615px; }
#repertoire .background { float: right; }
.intro-header { background: url(../img/bg.gif) repeat-x; }
#repertoire .intro-header,
#live .intro-header { background: url(../img/bg_2.gif) repeat-x; }
#presse .intro-header { background: url(../img/bg.gif) repeat-x; min-height: 615px; }
#live .intro-header { background: url(../img/bg_3.gif) repeat-x; min-height: 615px; }
#live header span { font-size: 16px; color: #b6dade; }
#repertoire header span { font-size: 13px; }
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-fixed-bottom,
.navbar-fixed-top { left: 0; position: absolute; right: 0; z-index: 0; }
#vita .navbar-fixed-top .nav a { position: relative; z-index: 9051; }
.navbar { background: rgba(0,0,0,0); }
.navbar-nav { position: relative; margin-top: 555px; background-color: rgba(109, 182, 189, 0.85); background: rgba(109, 182, 189, 0.85); color: rgba(109, 182, 189, 0.85); -webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5); -moz-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5); box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5); z-index: 1100; height: 196px }
.navbar-nav > li { float: none; }
.navbar-custom .nav li a { color: #0b5860; padding: 4px 5px; text-transform: none; font-size: 15px; font-weight: 500; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover { background-color: none; background: none; color: rgba(255, 255, 255, 0.85); }
.navbar-default { border: 0; }
.download { position: relative; bottom: -20px; background-color: rgba(255, 255, 255, 0.85); background: rgba(255, 255, 255, 0.85); color: rgba(109, 182, 189, 0.85); -webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5); -moz-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5); box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5);  }

.panel { background-color: transparent; border: none; box-shadow: none; }
.panel-default > .panel-heading { background-color: transparent; border: none; color: #86c2c8; padding-bottom: 5px; }
.panel-title { font-weight: 700; font-size: 20px; }
.panel-body { padding: 0 15px; }
.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body { border-top: none; }
.panel-group a:focus { outline: none; text-decoration: n; }
.panel-collapse ul { list-style: none; padding: 0; }
.panel-collapse a { color: #86c2c8; }
.panel-collapse ul { list-style: none; padding: 0; }

.modal-content,
.fancybox-skin { border-radius: 0; padding: 15px; color: #084246; background-color: rgba(255, 255, 255, 0.9); border: none; -webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5); -moz-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5); box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5); }
.modal-content { margin-top: 60px; }
#presse .modal-content { margin-top: 200px; }
#live .modal-content { margin-top: 125px; }
.modal-header { border-bottom: none; min-height: 16.43px; padding: 15px; }
#live .modal-header { padding: 10px 15px 0 15px; }
.modal-title { color: #0c7d89; font-size: 24px; font-weight: 600; }
.modal-title span { font-size: 19px; color: #084044; }
.modal-content { padding: 0 5px; }
.modal-backdrop { display: none; }
.modal a { color: #084044; }
#repertoire .modal-body { padding: 5px 15px 15px 15px; }
#repertoire .modal-body li { margin-bottom: 5px; }
#repertoire .modal-body a:hover,
#repertoire .modal-body a:focus { color: #0c7d89; }
#repertoire .modal-content { margin-top: 100px; }
#repertoire th,
#repertoire td { width: 30%; }
#repertoire .ort { width: 40px; }
#vita .modal { bottom: auto; display: block !important; left: auto; position: static; z-index: 1; margin-top: -615px; margin-left: 130px; }

.fancybox img { -webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5); -moz-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5); box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5); }
hr { border-color: transparent; }
#is { height: auto; margin: -85px 0 0 40px; position: absolute; width: 340px; }
#repertoire ul { padding: 0; list-style: none; }
#repertoire .intro-header ul { top: 120px; position: absolute; }
#repertoire .intro-header ul li { margin-bottom: 5px; font-size: 16px; font-weight: 600; }
#repertoire .col-xs-12 { margin: 100px 0 0 0; }
#repertoire .col-md-3 { position: static; }
#repertoire .intro-header .row { margin-top: -400px; }
#galerie .intro-header { padding-top: 110px; }
#galerie #is { margin: 390px 0 0 40px; }
#presse #is { margin: 500px 0 0 40px; }
#live #is { margin: 500px 0 0 40px; }
#repertoire #is { margin: 500px 0 0 40px; }
#vita #is { margin: -115px 0 0 40px; }

.contact { margin-top: -80px; }
.box { position: absolute; top: -460px; background: rgba(255, 255, 255, 0.9); margin: 60px 15px 0 0; padding: 15px; color: #084246; -webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5); -moz-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5); box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5); }
.box h1 { color: #0c8591; font-size: 24px; margin: 0 0 10px 0; }
.box h2 { color: #0c8591; font-size: 19px; margin: 20px 0 10px 0; }
.datenschutz h3 { font-size: 18px; }
.box p { margin: 0 0 10px; }
.name { color: #0c8591; font-weight: 600; }
.ort { font-size: 12px; padding-left: 20px; }
td { vertical-align: top; }
th { font-weight: 400; padding-right: 20px; vertical-align: top; }
footer { padding: 0; }
.elastic-video { position: relative; padding-bottom: 55%; padding-top: 7px; height: 0; overflow: hidden; margin-bottom: 10px; }
.elastic-video iframe { position: absolute; top: 0;	left: 0;	width: 100%;	height: 100%; }


@media (max-width: 767px) {
	.navbar-nav { margin-top: 0; box-shadow: none; height: auto; }
	.navbar { position: relative; }
	.box { position: relative; top: 0; }
	.intro-header { background: none; }
  #is { width: 240px; }
  #vita .modal { margin-top: 0; margin-left: 0; }
	.download { bottom: 0; box-shadow: none; }
	#galerie .fancybox img { margin-bottom: 20px; }
	#repertoire .intro-header ul { position: relative; top: 420px; }
	#repertoire .modal-content {  margin-top: 280px; }
	#presse h3 { margin-top: 40px !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-nav { margin-top: 0; box-shadow: none; height: auto; }
	.navbar { position: relative; }
	.box { position: relative; top: 0; }
	.intro-header { background: none; }
   #is { width: 240px; }
	#vita .modal { margin-top: 0; margin-left: 0; }
	.download { bottom: 0; box-shadow: none; }
	#galerie .fancybox { margin: 0 auto 10px auto; }
	#repertoire .intro-header ul { position: relative; top: 420px; }
	#repertoire .modal-content {  margin-top: 380px; }
	#presse h3 { margin-top: 40px !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.modal-dialog { width: 450px; }
	.navbar-nav { position: relative; margin-top: 405px; }
	#presse #IdLied,
  #presse #IdOratorium { margin-right: 80px; }
}
@media (min-width: 1200px) {

}