@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}

body {
	font-family: 'Lato', sans-serif;
	margin:0;
	padding:0;
	font-size:16px;
	color:#545454;
	font-weight:400;
	background:#000;
}

@font-face {
  font-family: 'oswald';
  src: url('../fonts/oswald.eot?29447509');
  src: url('../fonts/oswald.eot?29447509#iefix') format('embedded-opentype'),
       url('../fonts/oswald.woff?29447509') format('woff'),
       url('../fonts/oswald.ttf?29447509') format('truetype'),
       url('../fonts/oswald.svg?29447509#oswald') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'lato';
  src: url('../fonts/social_fontello.eot?71546669');
  src: url('../fonts/social_fontello.eot?71546669#iefix') format('embedded-opentype'),
       url('../fonts/social_fontello.woff2?71546669') format('woff2'),
       url('../fonts/social_fontello.woff?71546669') format('woff'),
       url('../fonts/social_fontello.ttf?71546669') format('truetype'),
       url('../fonts/social_fontello.svg?71546669#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

.loadmore, .loadmore_gb   {width:100%; height:42px; background:#666; color:#FFF; cursor:pointer; text-align:center; display:table-cell; vertical-align:middle;}

p {padding:0 0 8px 0; margin:0}
.clear {clear:both;}
img {max-width:100%;}
.float-left {float:left;}
.float-right {float:right;}
a {color:#000; text-decoration:none;}
a:hover {color:#d90000; text-decoration:none;}


.img-responsive{width:100%; max-width:100%;}

.content-news img {max-width:100%; width:100%;}
.carousel-inner img {max-width:100%; width:100%;}
li {padding:0 0 4px 0;}

h1 {padding:0 0 25px 0 !important; margin:0 !important; font-family:"oswald"; font-size:2.188em; color:#545454; font-weight:400; word-wrap:break-word;}
h1.white {padding:0 0 25px 0 !important; margin:0 !important; font-family:"oswald"; font-size:2.188em; color:#fff; font-weight:400; word-wrap:break-word;}
h2.termine-titel {padding:0 0 10px 0 !important; margin:0 !important; font-family:"oswald"; font-size:2.188em; color:#fff; font-weight:400; word-wrap:break-word;}
h3 {padding:0 0 10px 0 !important; margin:0 !important; font-size:1.250em; font-weight:700; word-wrap:break-word;}
h3.termine-titeluebersicht {padding:10px 0 5px 0 !important; margin:0 !important; font-size:1.250em; line-height:1.438em; font-weight:700; word-wrap:break-word;}
h2.newsletter-titel {margin:0 !important; font-family:"oswald"; font-size:2.188em; color:#fff; font-weight:400; line-height:42px; height:42px; word-wrap:break-word;}
h4 {padding: 0 !important; margin:3px 0 0 0 !important; font-size:1.1em; font-weight:700; word-wrap:break-word;}


.hidden-phone {visibility:hidden !important; height:1px !important;}
.hidden-desktop {visibility:visible !important;}

.content {padding:40px 0; background:#fff;}
.content-news {background:#222;}
.content-grey {background:#222; padding:40px 0; position:relative;}
.content-band {background:url('../images/hg-band.jpg') center top no-repeat;  background-size: auto 100%; background-attachment:fixed;}
.content-black {background:#000; padding:40px 0; position:relative;}
.content-facebook {background:#3F63B6;}
.content-newsletter {background:#b20000; padding:17px 0 17px 0;}

.row { margin:0;}


.navbar-default { background:#000;}
.navbar { margin:0;}
.navbar-brand {padding:5px 15px;}
a.navbar-brand > img {height:40px; width:59px;}
.navbar-default .navbar-toggle {border-color:#444; border-radius:0;  margin-right: 15px;}
.navbar-default .navbar-toggle .icon-bar {background:#fff;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #d90000; border:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #444;}
.navbar-collapse {padding:0;}
span.nav-text-small {display:none;}
.navbar-nav > li, .navbar-nav .open .dropdown-menu > li {padding:0}
.navbar-nav > li > a {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:19px;
	line-height:1.4;
	padding:10px 15px;
		transition: background-color .500s;
	-moz-transition: background-color .500s;
	-o-transition: background-color .500s;
	-webkit-transition: background-color .500s;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color:#D90000; 
	color:#fff;

}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color:#D90000; 
    color: #fff;

}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color:#D90000; 
}
.brake {display:none;}
.navbar-nav .open .dropdown-menu {
	background:#000;
	border:0;
	text-align:left;
	min-width:200px;
	padding:0;
	border-radius:0;
	color:#fff;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a   {
	display:block;
	height:100%;
	padding:10px 15px;
	color:#fff;
	border-bottom:1px dashed #333;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .subnav_aktiv  {
	background:#B20000;
	color:#fff;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 20px;
    height: 43px;
    width: 43px;
	line-height:36px;
	margin-top:-20px;
	border:3px solid #d8d8d8;
	border-radius:50%;
	text-align:center;	
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{padding:0 3px 0 0;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{padding:0 0 0 3px;}

/* News */
.news-datum-klein {color:#fff; font-size:0.938em; display:inline-block; padding: 10px 0 10px 0;}
h3.news-titel {color:#999; font-size:1.250em; font-weight:400; padding:10px 0;}
h3.news-titel a {color:#999; font-size:1.250em; font-weight:400; padding:10px 0;}
h3.news-titel a:hover {text-decoration:none;}
.news-text {color:#DDD; font-size:0.938em;}
.mehr-info-icon {width:15px; height:20px; background:#d90000; float:left; margin:0 5px 0 0;}
.mehr-info, .mehr-info-dunkel {line-height:17px; height:20px; margin:10px 0;}
a.mehr-info-text {color:#DDD; font-size:0.813em; text-decoration:none; text-transform:uppercase; font-weight:700;}
a.mehr-info-text:hover {color:#d90000 !important; text-decoration:none;}
.mehr-info-dunkel a.mehr-info-text {color:#333; font-size:0.813em; text-decoration:none; text-transform:uppercase; font-weight:700;}


.content-news .col-md-5 {padding-left:0; padding-right:0;}

.carousel-news {position:relative;}
.control-news .slide-next, .control-news .slide-prev {font-size: 15px; line-height:15px;}
.controlls-news a {color:#ddd; text-decoration:none;}
.controlls-news a:hover {color:#808080;}
.news-controll-all {font-size:15px; text-decoration:none; text-transform:uppercase; font-weight:900;  padding: 0 10px;}
.controlls-news {height:50px; text-align:center; line-height:50px;}


 /*Kontakt checkbox */

.dsgvo_text {
	position:relative;
	padding-left: 2.5em;
	font-size: 14px;
	margin:20px 0px 30px 0;
}
.dsgvo_text input[type="checkbox"] {
  position:absolute;
	left: 0;
	top:0;
  margin:0;
}

input[type="checkbox"] {
  position:relative;
  display:inline-block;
  top:0.25em;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="checkbox"], input[type="checkbox"]:after {
  left:0;
  top:0;
  right:0;
  bottom:0;
  margin:auto;
  content:'';
  width:2em;
  height:2em;
}
input[type="checkbox"] {
  background: #ccc;
  border:1px solid #ccc;
  z-index:1;
}
input[type="checkbox"]:checked {
  background-color:#545454;
  border:1px solid #545454;


}
input[type="checkbox"].roter_rahmen {
  border-color:#d90000;
}
input[type="checkbox"]:checked:after {
	display:block;
	position:absolute;
	font-family: 'glyphicons-halflings-regular';
	font-size:12px;
	content: '\E013';
	text-align:center;
	color:white;
	z-index:2;
	padding-top:4px;
}

.roter_text {
	color:#d90000;
}

/* Newsliste*/
.news-bild { 
	width:100%;
	position:relative;	
	overflow:hidden;
}

.news-bild:before{
	content: "";
	display: block;
	padding-top: 70%;	/* initial ratio of 2:1*/
}

.news-bild-box {position:absolute; top:0; bottom:0; left:0; right:0;}
.news-bild img {width:100%; position:absolute; bottom:0;}

.newslist_datum {width:100%; background:#3a3a3a; color:#fff; text-align:center; height:50px; line-height:50px; margin:0 0 10px 0; font-size: 1.3em; font-weight:600;}
button.loadmore, button.loadmore_gb  {background:#444; color:#999; font-size:1em; border:0; font-weight:700; text-transform:uppercase; padding: 4px 10px; width: 100%; margin:40px 0;}
button.loadmore:hover, , button.loadmore_gb:hover {background:#999; color:#fff;}
.newsliste-btn {text-align:center;}
.newslist-inhalte {margin:0 0 30px 0;}
.newslisten-ende-text  {color:#444; font-size:1.250em; border:0; font-weight:700; padding: 9px 0px; text-align:center; margin:40px 0;}

/*Termine*/
.col-md-3.termine_container {border-right:1px solid #555;}
.col-md-3.termine_container:nth-child(2) {border-right:none}
.col-md-3.termine_container {margin-bottom:20px;}

.control-termine .slide-next, .control-news .slide-prev {font-size: 15px; line-height:15px;}
.controlls-termine a {color:#ddd; text-decoration:none;}
.controlls-termine a:hover {color:#808080;}
.termine-controll-all {font-size:15px; text-decoration:none; text-transform:uppercase; font-weight:900;  padding: 0 10px;}
.controlls-termine {text-align:center;}

/*Facebook*/
.img-helper {display: inline-block; height: 100%; vertical-align: middle; padding:9px 5px 9px 0;}
.img-helper img {vertical-align:middle;}
.facebook-text {font-size:1.4em; display:inline-block; height:100%; vertical-align:middle; color:#fff}
.facebook-text-bold {font-weight:700;}
.content-facebook .col-md-12 {text-align:center;}

/*Newsletter*/
.content-newsletter .col-md-7, .content-newsletter .col-md-3 , .content-newsletter .col-md-2 {margin:0 0 10px 0 !important;}
.form-group-tie {margin-bottom:0 !important;}
.form-control-tie {border-radius:0; height:42px; border:none; font-size:1em;}
.btn-tie {border-radius:0; height:42px; background:#000; font-size:1em; color:#ddd; border:0; font-weight:700; text-transform:uppercase; padding: 9px 16px;}
.btn-tie:hover, .btn-tie:focos, .btn-tie:active {background:#333 !important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {background-color: #333;}


/*footer*/
.footer .col-md-12 {text-align:center; padding-bottom:13px !important;}
.footer .col-md-12:last-child {padding-bottom:0px !important;}
.footer-links a {text-decoration:none; color:#999; font-size:1.125em;}
.footer-links a:hover {text-decoration:none; color:#d90000;}
.footer-links .strich {color:#999; font-size:1.125em; display:inline-block; padding:0 5px;}
.footer-links .strich:last-child {visibility:hidden;}
.footer-links {word-wrap:break-word;}
 

.footer-nav a {text-decoration:none; color:#fff; font-size:1.250em; display:inline-block; padding:0 6px;}
.footer-nav a:hover {text-decoration:none; color:#d90000;}

.footer-facebook-text {color:#727272; font-size:1.250em; display:inline-block; height:100%; vertical-align:middle;}
.footer-facebook-icon {color:#fff; font-size:1.875em; display: inline-block; height: 100%; vertical-align: middle; padding:0 0 0 5px;}

/*Veranstaltungen*/

#map-canvas img {max-width:none;}
.responsiveContainer {
	position: relative;
	padding-bottom: 35%;
	height: 0;
	overflow: hidden;
	min-height:250px;
}

.responsiveContainer_detail {
	position: relative;
	padding-bottom: 65%;
	height: 0;
	overflow: hidden;
	min-height:250px;
}

.responsiveContainer #map-canvas, .responsiveContainer_detail #map-canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div[id^="zabuto_calendar"] .modal-header {color:#fff; background:#d90000; border:none !important;}
div[id^="zabuto_calendar"] .close {color:#000;}
div[id^="zabuto_calendar"] .termin_titel{color:#545454;}
div[id^="zabuto_calendar"] div.modal-footer{display:none;}
div[id^="zabuto_calendar"] .mehr-info-dunkel {border-top:1px solid #ccc; padding: 15px 0 15px 0;}
div[id^="zabuto_calendar"] .modal-dialog {width:90%; margin: 0px auto !important;}

div[id^="zabuto_calendar"] > .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {vertical-align: middle !important; border:none !important;}
div.zabuto_calendar .table tr.calendar-month-header th {background-color: #545454 !important; color:#ccc;}
div.zabuto_calendar .table tr.calendar-dow-header th {background-color: #999 !important; }
div.zabuto_calendar .table tr td.event div.day, div.zabuto_calendar ul.legend li.event {background-color: #d90000 !important; color:#fff !important;}
div[id^="zabuto_calendar"] .badge, div[id^="zabuto_calendar"] span.badge-today {background:none !important; color:#545454; padding:0px !important; border-radius:0px; line-height: 1.42857 !important; font-weight:bold !important; font-size:inherit !important; display:block;}
div[id^="zabuto_calendar"] .event > .day > span.badge-today {color:#fff; }
div.zabuto_calendar .table tr.calendar-dow th , div.zabuto_calendar .table tr.calendar-dow td  {padding:1px !important}
div.zabuto_calendar .table tr td div.day {margin: 0; padding-bottom: 10px; padding-top: 10px;}
div.zabuto_calendar .table tr:last-child {border-bottom: none !important;}
div.zabuto_calendar .table tr th, div.zabuto_calendar .table tr td {background-color: #eee !important;}

.termine-box { background:#d90000; color:#fff; position:relative; text-align:center; padding-top:10px; padding-bottom:10px;}
.triangle-top{
    width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;	
	border-bottom: 10px solid #eee;
	position:absolute;
	left:15px;
	bottom:0px;
	display:block;
}

.triangle-left {display:none;}
.termin-text {background:#eee; padding-top:10px; padding-bottom:10px;}
.termine-abstand {margin-bottom:10px;}
.termine-datum-tag {padding:0 !important; margin:0 !important; font-family:"oswald"; font-size:2.188em; display:block; color:#fff; font-weight:400;}
.termine-datum-monat {font-size:1.2em;}
.abstand-termine-detail {padding-top:20px;}
 
 /*NEWSLETTER FORM*/
.tiecaptcha {position: relative; height: 78px; width: 55px;	float: left; margin-right: 10px;}
.tiecaptcha:last-child {margin-right: 0px;}
.tiecaptcha_cover, .tiecaptcha_overlay {position: absolute;	left: 0px; top: 0px;}
.tiecaptcha_cover, .tiecaptcha_overlay .tiecaptcha_overlay_transparent {height: 78px; width: 55px;}
.tiecaptcha_overlay_haekchen {position: absolute; bottom: 0px;right: 0px;}
.tiecaptcha_cover {z-index: 10;}
.tiecaptcha_overlay {cursor: pointer; z-index: 20;}
.tiecaptcha_overlay_aktiv { background-color: #e9e9e9; opacity: 0.60; 	filter: alpha(opacity = 60);}
.tiecaptcha input {display: none;}

.f_text, .fhr_text, .fhl_text {
	background-color: #ccc; 
	background-image: none;
	border:none;
    color: #545454;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    width: 100%;
	margin:0 0 10px 0;
}

.fhr_text, .fhl_text {
    width: 48%;
	margin:0 0 10px 0;
	float:left;
}

.fhr_text {
	float:right;
}

.f_area{
	background-color: #ccc; 
	background-image: none;
	border:none;
    color: #545454;
    display: block;
    font-size: 14px;
    padding: 6px 12px;
    width: 100%;
	resize: none;
	margin:0 0 10px 0;
}


.roter_rahmen {border:1px solid #d90000;}

label {font-weight:normal;}
.text-klein {font-size:0.7em;}
.newsletter_hg_grau{background:#eee !important; padding-top:15px; padding-bottom:15px;}
.error_from {color:#d90000;}
.erflog_form {color:#690; text-align:center;}
.abstand-padding {padding-top:15px; padding-bottom:15px;}

/* GAESTEBUCH */
.gaestebuch_avatar {display:table-cell; padding:5px 0 0 0; background:#eee; vertical-align:middle; text-align:center; float:left; box-sizing: border-box; width:20%;}
.gaestebuch_text {position:relative; box-sizing:border-box; padding:0 0 0 25px; float:left; width:80%;}
.gaestebuch_eintrag {margin-bottom:15px; border-bottom:1px solid #cbcbcb; padding-bottom:10px;}
.gaestebuch_eintrag:last-child {margin-bottom:15px; border-bottom:none; padding-bottom:10px;}
.gaestebuch_button {text-align:center;}
.triangle-right{
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent  #eee;
	position:absolute;
	left:0px;
	top:15px;
}

.gaestebuch_datum {font-size:0.8em;}
.gaestebuch_text_p {padding-top:5px !important;}
.fehler-box {padding-bottom:20px;}

/*Kontakt*/
.padding-top-weg {padding-top:0px !important;}
.padding-bottom-weg {padding-bottom:0px !important;}
.padding-weg {padding:15px 0 15px 0px !important;}
.im-urlaub {box-sizing: border-box;  padding:10px; background:#d90000; color:#fff; margin:25px 0;}


/*LINKS*/
.link-bild-box, .technik-bild-box {text-align:center; padding:30px; box-sizing: border-box;}
.box-border-grau {box-sizing:border-box; background:#fff; margin-bottom:20px;}
.link-text-box, .technik-text-box {background:#eee; padding:15px 15px 5px; 15px; box-sizing: border-box; word-wrap:break-word;}

/*TECHNIK*/
.technik-bild-box, .technik-text-box{float:none; width:100%;}
.technik-bild-box {background:#fff;}
.technik-box-inhalt {margin-bottom:20px;}

/*LEISTUNGEN*/
.box-leistungen {border-bottom: 1px solid #ccc; border-right:none; margin-bottom:30px; padding-bottom:30px;}
.box-leistungen:last-child {border-bottom:none; border-right:none;}

.leistungen-icon-glyphicon {
    border-radius: 50%;
	background:#333;
	color:#fff;
	padding:30px;
	font-size:2em;
}

.leistungen-icon {width:100%; text-align:center;}
ul.leistungen-list {list-style:none; padding:0 !important; margin:0 !important;}
ul.leistungen-list > li {padding:0 0 2px 0 !important; list-style:none; margin:0 !important;}
.line {height:1px; border-bottom:1px dashed #ccc; margin-bottom:20px; padding-top:20px; }

/*PRESSE*/
div.presse-box .modal-header {
    background: none repeat scroll 0 0 #d90000;
    border: medium none !important;
    color: #fff;
}

div.presse-box .modal-dialog {width:90%;}
div.presse-box .modal-dialog {margin: 10px auto;}

/*BAND*/
.band-name {text-align:center; position:absolute;  padding:10px; background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.8); bottom:0px; width:100%; z-index:100; cursor:pointer;}
.band-name:hover { background:rgb(217, 0, 0); background:rgba(217, 0, 0, 0.8); color:#fff !important;}

.band-name h2 {padding:0px; margin:0px; color:#fff;}
.band-box {position:relative; margin-bottom:30px;}

#site-wrapper {position: relative;overflow: hidden; width:100%}
#site-canvas {
width:100%;
position: relative;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: .3s ease all;
transition: .3s ease all;
padding:0px 5%;
}

#site-menu {
width: 300px;
height: 100%;
position: absolute;
top: 0;
left: -300px;
background: #333;
box-sizing:border-box;
background: rgb(0, 0, 0); 
background: rgba(0, 0, 0, 0.8);
}

#site-wrapper.musiker_wanted #site-canvas {-webkit-transform: translateX(300px); -ms-transform: translateX(300px); /* IE 9 */ transform: translateX(300px);}
.musiker-icon-close {text-align:right;}
.toggle-nav_zu {color:#fff; cursor:pointer;}
.toggle-nav_zu:hover {color:#d90000;}

.steckbrief {padding:15px;}
.wanted {height:50px; background:#111; color:#fff; text-transform:uppercase; font-size:3em; font-weight:700; line-height:1em; letter-spacing: 15px; padding:0 0 0 15px; font-family:"oswald";}
h1.steckbrief_h {padding:0 !important; margin:0 !important; font-family:"oswald"; font-size:2.188em; color:#fff; font-weight:400;}
.steckbrief-text {float:left; width: 42%; color:#747474;}
.steckgrief-text-inhalt {float:left; width:58%; color:#ccc; padding:0 0 10px 0;}
.steckgrief-text-inhalt:after {clear:both; }
.steckgrief-text-inhalt a {color:#fff !important;}
.steckgrief-text-inhalt a:hover {color:#d90000 !important;}

/*Slider fade Band*/
.carousel-band .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-band .carousel-inner .active {
  opacity: 1;
}


@media only screen and (min-width: 10em) {
		
}

/* 480 px mobiles Querformat */
@media only screen and (min-width:30em) {
div[id^="zabuto_calendar"] .modal-dialog {width:400px; margin: 30px auto !important;}
	
}

/* 576 px kleine Tablets 600x800 */
@media only screen and (min-width: 36em) {
	
button.loadmore, button.loadmore_gb {background:#444; color:#999; font-size:1em; border:0; font-weight:700; text-transform:uppercase; padding: 4px 10px; width: 100% !important; margin:40px 0;}

}

/* 768px Tablet Hochformat (768x1024)/mini Tablet Querformat (800x600)*/
@media only screen and (min-width:48em) {

	
	
div.presse-box .modal-dialog {width:70%;}
.box-leistungen {border-right: 1px solid #ccc; border-bottom:none;  margin-bottom:0px; padding-bottom:0px;}
.box-leistungen:last-child {border-right:none; border-bottom:none;}

.technik-bild-box, .technik-text-box{float:left; width:50%;}
.padding-top-weg {padding-top:15px !important;}
.padding-bottom-weg {padding-bottom:15px !important;}

.abstand-termine-detail {padding-top:0px;}

.triangle-left{
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #eee transparent transparent;
	position:absolute;
	right:0px;
	top:25px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display:block;
}
.termine-box {padding-top:0px; padding-bottom:0px;}

.triangle-top {display:none;}

	
.col-middle {vertical-align:middle;}
.container-xs-height-t {display:table; width: 100%;}
.row-xs-height-t {display:table-row; width: 100%;}
.col-xs-height-t {display:table-cell; float:none;}
	
.wrapper {width:100%; margin:auto;}
/*navigation*/
#header {background:#000;}
.navbar {background:none; border-radius:0px; margin:0; border:0px;}
.navbar-brand { padding:8px 15px; height:117px;}
a.navbar-brand > img {width:150px; height:101px;}
.navbar-nav > li {text-align:center;}
.navbar-nav li a {height:117px; display:table-cell; vertical-align:middle; }
span.nav-text-small {font-weight: 300; font-size:19px; display:inline;}
.brake {display:inline;}
.navbar-nav > li > a {font-size:19px; padding:0 17px;}
.dropdown-menu {
	background:#000;
	border:0;
	text-align:left;
	min-width:200px;
	padding:0;
	border-radius:0;
	color:#fff;
}

.dropdown-menu li a  {
	display:block;
	height:100%;
	padding:10px 15px;
	color:#fff;
}

.dropdown-menu li a:hover  {
	background:#D90000;
	color:#fff;
}

/* Karusell */
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 30px;
    height: 65px;
    width: 65px;
	line-height:54px;
	margin-top:-30px;
	border:5px solid #d8d8d8;
	border-radius:50%;
	text-align:center;	
}



.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{padding:0 6px 0 0;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{padding:0 0 0 6px;}

/*Facebook*/
.facebook-text {font-size:1.65em; }

/*Newsletter*/
.content-newsletter .col-md-7, .content-newsletter .col-md-3, .content-newsletter .col-md-2  {float:left; margin:0 !important;}
.content-newsletter .col-md-2 {width:16.6667%;}
.content-newsletter .col-md-7 {width: 58.3333%;}
.content-newsletter .col-md-3 {width: 25%;}
h2.newsletter-titel {font-size:1.9em;}
.btn-tie {font-size:1em !important; padding: 4px 10px;}

button.loadmore, button.loadmore_gb  {background:#444; color:#999; font-size:1em; border:0; font-weight:700; text-transform:uppercase; padding: 4px 10px; width: 60% !important; margin:40px 0;}


}

/* 960 px Tablet Querformat, Desktop */
@media only screen and (min-width:62em) {
#site-menu {width: 50%;left: -50%;}
#site-wrapper.musiker_wanted #site-canvas {-webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%);}
.wrapper {width:90%; margin:auto;}
span.nav-text-small {font-weight: 300; font-size:22px;}
.navbar-nav > li > a {	font-size:22px;	padding:0 20px;}

/*News*/
.content-news .col-md-5 {padding-right:0; padding-left:15px;}
.content-news .col-md-1.news-datum {background: #d90000; font-size:2.188em; color:#fff; white-space:nowrap; padding-top: 0; padding-left:0; padding-right:0; width:50px !important;}
.rotate {
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform:rotate(-90deg);	
}

.col-middle {vertical-align:middle;}
.container-xs-height, .container-xs-height-t {display:table; width: 100%;}
.row-xs-height, .row-xs-height-t {display:table-row; width: 100%;}
.col-xs-height, .col-xs-height-t {display:table-cell; float:none;}

.hidden-phone {visibility:visible !important;}
.hidden-desktop {visibility:hidden !important; height:1px !important;}

.carousel-news {position:relative;}
.control-news .slide-next, .control-news .slide-prev {font-size: 15px; line-height:15px;}
.controlls-news a {color:#ddd; text-decoration:none;}
.controlls-news a:hover {color:#808080;}
.news-controll-all {font-size:15px; text-decoration:none; text-transform:uppercase; font-weight:900; padding: 0 10px;}
.controlls-news {height:15px; display:table-cell; vertical-align:middle; position:absolute; top:40px; right:7.5%; line-height:15px; padding:0 15px 0 0;}

/*Termine*/
.col-md-3.termine_container, .col-md-3.termine_container:nth-child(2) {border-right:1px solid #555;}
.col-md-3.termine_container:last-child {border-right:none}	

.control-termine-desktop .slide-next, .control-news-desktop .slide-prev {font-size: 15px; line-height:15px;}
.controlls-termine-desktop a {color:#ddd; text-decoration:none;}
.controlls-termine-desktop a:hover {color:#808080;}
.termine-desktop-controll-all {font-size:15px; text-decoration:none; text-transform:uppercase; font-weight:900;  padding: 0 10px;}
.col-md-6.termine-desktop {text-align:right !important;} 

/*Facebook*/
.facebook-text {font-size:1.8em;}


/*Newsletter*/
.content-newsletter .col-md-7, .content-newsletter .col-md-3  {margin:0 !important; text-align:right;}
h2.newsletter-titel {font-size:2em;}
.btn-tie {font-size:1.250em;}

button.loadmore, button.loadmore_gb  {background:#444; color:#999; font-size:1em; border:0; font-weight:700; text-transform:uppercase; padding: 4px 10px; width: 40%; margin:40px 0;}

}

/* 1024 px Desktop */
@media only screen and (min-width:64em) {
h2.newsletter-titel {font-size:2.1em;}

}

/* 1200 px Desktop */
@media only screen and (min-width:75em) {
h2.newsletter-titel {font-size:2.188em;}
}
/* 1280 px Desktop */
@media only screen and (min-width:80em) {
h2.newsletter-titel {font-size:2.188em;}
.wrapper {width:90%; margin:auto;}
.navbar-nav > li > a {	padding:0 30px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {margin-top:-30px;}

}