/* ==========================================================================
	Teaser / Programm
   ========================================================================== */

.tsr h2 {	
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase; 
	
	font-size: 13px;
	font-weight: 300;
	line-height: 13px;
	
	color: #000;
}


h2.tsrHeadline {	
	display: block;
	float: left;
	width: 100%;
	
	background: #f2f2f2;
	font-size: 16px;
	font-weight: 300;
	line-height: 32px;
	color: #000;
	
	margin: 0 0 10px 0;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	padding: 0 8px 0 8px;
}


.tsrCont {
	position: relative;
	display: block;
	background: #f9f9f9;
	margin-bottom: 30px;
	
	border: 0;
}


/* Höhen */

.tsr-1-det-cont .tsrCont {
	height: 450px;
	overflow: hidden;
}

.tsr-1-det-cont .tmDaten {
	max-height: 66px;
}

.tsr-1-mid-cont .tsrCont {
	height: 320px;
	overflow: hidden;
}

.tsr-1-short-cont .tsrCont {
	height: 246px;
	overflow: hidden;
}

.tsr-1-short-cont-1 .tsrCont {
	height: 180px;
	overflow: hidden;
}

.tsr-1-short-cont-2 .tsrCont {
	height: 250px;
	overflow: hidden;
}



.tsr-2 .tsrCont {
	height: 90px;
	overflow: hidden;
	margin-bottom: 1px;
}

.tsr-3 .tsrCont {
	height: 90px;
	overflow: hidden;
	margin-bottom: 1px;
}



.tsr a {
	text-decoration: none;
	border: 0;
}

.tsr a:hover {
	text-decoration: none;
	border: 0;
	color: #000;
}

.tsr .tmPic,
.tsr .tmPic-link {
	display: block;
	position: relative;
	width: 100%;
	/* min-height: 138px; */
	margin-bottom: 5px;		
	
	border: 0;
	border-top: 5px;
	border-style: solid;
	
	overflow: hidden;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
	
	/*
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	*/

	
	-ms-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.tsr .tmPic img,
.tsr .tmPic-link img {
	display: block;
	width: 100%;
	/* max-width: 440px; */
	height: auto;
	border: 0;

	-ms-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.no-touch .tsrCont:hover {
	background-color: #e0e0e0;
	
	-ms-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.no-touch .tsrCont:hover .tmPic img {
	-ms-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	
	opacity: 0.3
}

.tsr h2.tmDate {
	font-size: 15px;
	font-weight: 400;
	line-height: 15px;
	
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: none; 
	color: #fff;
	background: #000;
	padding: 5px;
	margin: 0;
}

.tsr .tmPic h2.tmDate,
.tsr .tmPic-link h2.tmDate {
	position: absolute;
	z-index: 99;
	bottom: 0;
	left: 0;
}

/* Farben Rubrik */
.tsr .tmPic.tColor-1,
.tsr .tmPic-link.tColor-1 {
	background-color: #a93216;
	border-color: #a93216;
}

.tsr .tmPic.tColor-2,
.tsr .tmPic-link.tColor-2{
	background-color: #3b4954;
	border-color: #3b4954;
}

.tsr .tmPic.tColor-3,
.tsr .tmPic-link.tColor-3 {
	background-color: #9e3679;
	border-color: #9e3679;
}

.tsr .tmPic.tColor-31,
.tsr .tmPic-link.tColor-31 {
	background-color: #ef7d00;
	border-color: #ef7d00;
}

.tsr .tmPic.tColor-4,
.tsr .tmPic-link.tColor-4 {
	background-color: #ae9e17;
	border-color: #ae9e17;
}

.tsr .tmPic.tColor-5,
.tsr .tmPic-link.tColor-5 {
	background-color: #5f899a;
	border-color: #5f899a;
}

.tsr .tmPic.tColor-6,
.tsr .tmPic-link.tColor-6 {
	background-color: #7b8082;
	border-color: #7b8082;
}

.tsr .tmPic.tColor-7,
.tsr .tmPic-link.tColor-7 {
	background-color: #c5770d;
	border-color: #c5770d;
}

.tsr .tmPic.tColor-8,
.tsr .tmPic-link.tColor-8 {
	background-color: #0c970f;
	border-color: #0c970f;
}



.tsr h2.tmTitle1 {
	font-size: 18px;
	font-weight: 400;
	line-height: 18px; 

	text-transform: uppercase; 
	color: #000;
	
	display: block;
	padding: 0 5px 0 5px;
	margin-bottom: 5px;
	
	height: 34px;
	overflow: hidden;
}

.tsr h2.tmTitle1.tmTitle1-small {
	font-size: 16px;
	font-weight: 400;
	line-height: 16px; 
}

.tsr h2.tmTitle2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	text-transform: none; 
	
	max-height: 48px;
	overflow: hidden;
	color: #000;
	
	display: block;
	padding: 0 5px 0 5px;
	margin-bottom: 5px;

}

.tsr h2.tmTitle2.tmTitle2-small {
	font-size: 12px;
	font-weight: bold;
	line-height: 16px; 
}

.tsr .tmDaten {
	line-height: 16px;
	float: left;
	display: block;
	width: 100%;
	padding: 0 5px 0 5px;
	overflow: hidden;
}

.tsr .tmDaten h2 {
	font-size: 14px;
	line-height: 16px;
	display: block;
	margin-bottom: 2px;
}

.tsr .tmDaten h2.tmEinlass {
	display: inline-block;
}

.tsr .tmDaten h2.tmBeginn,
.tsr .tmDaten h2.tmBeginn span {
	display: inline-block;
	margin-right: 2px;
}

.tsr .tmDaten h2.tmBeginn.einBeg span {
	margin-left: 2px;
}


.tsr .tmText {
	font-size: 14px;
	line-height: 16px;
	float: left;
	display:block;
	max-height: 130px;
	overflow: hidden;
	padding: 0 5px 0 5px;
	margin-top: 5px;
}

.tsr a.tmMore {
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
	
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase; 
	color: #fff;
	background: #000;
	padding: 4px;
	
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.tsr a.tmMore:hover {
	color: #fff;
	background: #e4391d;
}

/* ==========================================================================
	Teaser / Rechts 1-Spalter
   ========================================================================== */
   
.tsr-2-cont-inner {
	margin-bottom: 20px;
}

.tsr-2 .tmPic {
	float: left;
	width: 90px;
	height: 90px;
	min-height: inherit;
	margin-bottom: 0;		
}

.tsr-2 h2.tmDate {
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    margin: 0;
    padding: 5px;
    text-transform: none;
}

.tsr-2 .tmPic img {
	position: relative;
	width: auto;
	height: 90px;
	margin: 0 -50px;	
}

.tsr-2-cont .noPadd {
	padding: 0;
}

.tsr-2 h2.tmTitle1 {
	font-size: 18px;
	font-weight: 400;
	line-height: 18px; 

	text-transform: uppercase; 
	color: #000;
	
	display: block;
	padding: 5px 5px 0 5px;
	margin-bottom: 0;
	
	height: 39px;
	overflow: hidden;
}

.tsr-2 h2.tmTitle1.tmTitle1-small {
	font-size: 14px;
	font-weight: 400;
	line-height: 16px; 
}

.tsr-2 h2.tmTitle2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	text-transform: none; 
	
	max-height: 48px;
	overflow: hidden;
	color: #000;
	
	display: block;
	padding: 0 5px 0 5px;
	margin-bottom: 0;
}

.tsr-2 h2.tmTitle2.tmTitle2-small {
	font-size: 13px;
	font-weight: normal;
	line-height: 15px; 
}

.tsr-2 a.tColor-1 {
	background-color: #c89083;
}

.tsr-2 a.tColor-2 {
	background-color: #aeb7be;
}

.tsr-2 a.tColor-3 {
	background-color: #c08faf;
}

.tsr-2 a.tColor-31 {
	background-color: #ef7d00;
}

.tsr-2 a.tColor-4 {
	background-color: #bcb57d;
}

.tsr-2 a.tColor-5 {
	background-color: #9fc7d7;
}

.tsr-2 a.tColor-6 {
	background-color: #c0c3c4;
}

.tsr-2 a.tColor-7 {
	background-color: #dead69;
}

.tsr-2 a.tColor-8 {
	background-color: #0c970f;
}


/* ==========================================================================
	Teaser / Home 3-Spalter
   ========================================================================== */
   
.tsr-3-cont-inner {
	margin-bottom: 20px;
}

.tsr-3 .tmPic {
	float: left;
	width: 90px;
	height: 90px;
	min-height: inherit;
	margin-bottom: 0;		
}

.tsr-3 h2.tmDate {
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    margin: 0;
    padding: 5px;
    text-transform: none;
}

.tsr-3 .tmPic img {
	position: relative;
	width: auto;
	height: 90px;
	margin: 0 -46px;	
}

.tsr-3.cubePic .tmPic img {
	margin: 0;	
}


.tsr-3-cont .noPadd {
	padding: 0;
}

.tsr-3 h2.tmTitle1 {
	font-size: 18px;
	font-weight: 400;
	line-height: 18px; 

	text-transform: uppercase; 
	color: #000;
	
	display: block;
	padding: 5px 5px 0 5px;
	margin-bottom: 0;
	
	height: 39px;
	overflow: hidden;
}

.tsr-3 h2.tmTitle1.tmTitle1-small {
	font-size: 14px;
	font-weight: 400;
	line-height: 16px; 
}

.tsr-3 h2.tmTitle2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	text-transform: none; 
	
	max-height: 48px;
	overflow: hidden;
	color: #000;
	
	display: block;
	padding: 0 5px 0 5px;
	margin-bottom: 0;
}

.tsr-3 h2.tmTitle2.tmTitle2-small {
	font-size: 13px;
	font-weight: normal;
	line-height: 15px; 
}

.tsr-3 a.tColor-1 {
	background-color: #c89083;
}

.tsr-3 a.tColor-2 {
	background-color: #aeb7be;
}

.tsr-3 a.tColor-3 {
	background-color: #c08faf;
}

.tsr-3 a.tColor-31 {
	background-color: #ef7d00;
}

.tsr-3 a.tColor-4 {
	background-color: #bcb57d;
}

.tsr-3 a.tColor-5 {
	background-color: #9fc7d7;
}

.tsr-3 a.tColor-6 {
	background-color: #c0c3c4;
}

.tsr-3 a.tColor-7 {
	background-color: #dead69;
}

.tsr-3 a.tColor-8 {
	background-color: #66c966;
}


/* ==========================================================================
	Pagination
   ========================================================================== */
 
.pagination a {
 	border: 0;
}

.pagination {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	font-size: 17px;
    line-height: 17px;
    margin: 25px 0 40px;
    padding: 0;
    position: relative;
    width: 100%;
    float: left;
    text-align: center;
}

.pagination span.active,
.pagination span a {
    border-radius: 50%;
    color: #000;
    display: inline-block;
    margin: 0 1px;
    min-width: 10px;
    /*padding: 8px 13px 10px;*/
    
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    
    text-decoration: none;
	background: transparent;
	border: 0;
    transition: background 0.2s linear 0s;
}

span.pageBack,
span.pageFwd {
	color: #9e9e9e;
}

a.pageBack,
a.pageFwd {
	color: #000;
}

.pagination span.active,
.pagination span {
	margin-right: 8px;
}


.pagination span a:hover {
	color: #fff;
	background: #000;
}

.pagination span.active,
.pagination span a.active {
	color: #fff;
	background: #000;
}

.pageBack {
	float: left;
	padding: 8px 13px 10px;
}

.pageFwd {
	float: right;
	padding: 8px 13px 10px;
}

a.pageBack:hover,
a.pageFwd:hover {
	color: #fff;
	background: #000;
}

@media only screen and (max-width: 940px) {

.pagination span.pageNumber {
	display: none;
	}

} /* Querie END */



/* Farben Rubrik */
.tsrHeadline.mColor-1 {
	color: #fff;
	background: #a93216;
}

.tsrHeadline.mColor-2 {
	color: #fff;
	background: #3b4954;
}

.tsrHeadline.mColor-3 {
	color: #fff;
	background: #9e3679;
}

.tsrHeadline.mColor-31 {
	color: #fff;
	background: #ef7d00;
}

.tsrHeadline.mColor-4 {
	color: #fff;
	background: #ae9e17;
}

.tsrHeadline.mColor-5 {
	color: #fff;
	background: #5f899a;
}

.tsrHeadline.mColor-6 {
	color: #fff;
	background: #7b8082;
}

.tsrHeadline.mColor-7 {
	color: #fff;
	background: #c5770d;
}

.tsrHeadline.mColor-,
.tsrHeadline.mColor-0,
.tsrHeadline.mColor-99 {
	color: #fff;
	background: #4a4a4a;
}

.tsrHeadline a {
	border: 0;
	color: #fff;
}

.tsrHeadline a:hover {
	border-bottom: 1px dotted #fff;
	color: #fff;
}

/* ==========================================================================
	Sold Out
   ========================================================================== */

.soldTxt,
.tmStatus {
	display: none;
	
	position: absolute;
	z-index: 99;
	top: 0;
	right: 0;
	
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase; 
	font-size: 15px;
	font-weight: 400;
	line-height: 15px;
	
	color: #fff;
	background: rgba(228,57,29, 0.8);
	padding: 5px;
}

.tsr-1-det .tmStatus,
.tsr-1-mid .tmStatus,
.tsr-1-short .tmStatus,
.tsr-1-short-1 .tmStatus,
.tsr-1-short-2 .tmStatus {
	top: inherit;
	bottom: -10px;
}

.tmSoldOut .tmStatus,
.tmVVK .tmStatus {
	display: inline-block;
	color: #fff;
	
	font-size: 15px;
	font-weight: 400;
	line-height: 15px;
}

.tsr-1-det.tmSoldOut .tmStatus,
.tsr-1-mid.tmSoldOut .tmStatus,
.tsr-1-short.tmSoldOut .tmStatus,
.tsr-1-short-1.tmSoldOut .tmStatus,
.tsr-1-short-2.tmSoldOut .tmStatus,
h2.soldTxt {
	bottom: 7px;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	line-height: 15px;
	padding: 5px 50px;
	right: -50px;
	top: inherit;
	transform: rotate(-46deg);
}

.soldTxt:before,
.tmSoldOut .tmStatus:before {
	content: 'Sold Out!';
}

.tmVVK .tmStatus:before {
	content: 'Im VVK!';
}



/* ==========================================================================
	Teaser / Cube-4-Spalter
   ========================================================================== */
   
.tsr-1-cube-cont .tsr-1-cube {
	height: 0;
    padding-bottom: 100%;
    
    background: #fff;
    overflow:hidden;
    
    cursor: pointer;
    
    -webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

   
.tsr-1-cube-cont .tsr-1-cube .tsrCont {
	position:absolute;
    top: 0;
    left: 10px;
    right: 10px;
    bottom: 0;
    
    width: 100%
    height: 100%;
    
    margin-bottom: 20px;
    
    overflow:hidden;
}


.tsr-1-cube .tmPic { 
	border-width: 0;
	margin: 0;
	
	z-index: 10;
}

.tsr-1-cube .tmPic h2.tmDate {
	top: 0;
	bottom: inherit;
}

.tsr-1-cube .tmDaten {
	width: 100%;
	height: 100%;
	
	position: absolute;
	z-index: 20;
	
	padding: 10px;
	
	top: 47.5%;
	
	 -webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
   
.tsr-1-cube .tsrCont:hover .tmDaten,
.tsr-1-cube .tsrCont:active .tmDaten,
.tsr-1-cube .tsrCont:focus .tmDaten {
	top: 0;
	
	 -webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.tsr-1-cube .tsrCont .tmDaten,
.tsr-1-cube .tsrCont .tmDaten h2 {
	color: #fff;
}

.tsr-1-cube .tsrCont h2.tmTitle1,
.tsr-1-cube .tsrCont h2.tmTitle1-small,
.tsr-1-cube .tsrCont h2.tmTitle2,
.tsr-1-cube .tsrCont h2.tmTitle2-small,
.tsr-1-cube .tsrCont .tmText {
	padding: 0;
}

.tsr-1-cube .tsrCont h2.tmTitle1 {
	font-size: 18px;
	line-height: 18px;
}

.tsr-1-cube .tsrCont h2.tmTitle1-small {
	font-size: 16px;
	line-height: 16px;
}

/* Farben Cube */
.tsr-1-cube .tsrCont .tmDaten.tColor-1 {
	background: rgba(190,50,22, 1);
}

.tsr-1-cube .tsrCont .tmDaten.tColor-2 {
	background: rgba(59,73,84, 1);
}

.tsr-1-cube .tsrCont .tmDaten.tColor-3 {
	background: rgba(158,54,121, 1);
}

.tsr-1-cube .tsrCont .tmDaten.tColor-4 {
	background: rgba(174,158,23, 1);
}

.tsr-1-cube .tsrCont .tmDaten.tColor-5 {
	background: rgba(95,137,154, 1);
}

.tsr-1-cube .tsrCont .tmDaten.tColor-6 {
	background: rgba(123,128,130, 1);
}

.tsr-1-cube .tsrCont .tmDaten.tColor-7 {
	background: rgba(197,119,13, 1);
}

.tsr-1-cube .tsrCont .tmDaten.tColor-8 {
	background: rgba(12,151,15, 1);
}

.tsr-1-cube .tsrCont .tmDaten.tColor-,
.tsr-1-cube .tsrCont .tmDaten.tColor-0,
.tsr-1-cube .tsrCont .tmDaten.tColor-99 {
	background: rgba(0,0,0, 1);
}


@media (min-width: 480px) {
.tsr-1-cube-cont .tsr-1-cube {
    padding-bottom: 50%;
	}
}

@media (min-width: 768px) {
.tsr-1-cube-cont .tsr-1-cube {
    padding-bottom: 33.33333333%;
	}
}

@media (min-width: 992px) {
.tsr-1-cube-cont .tsr-1-cube {
    padding-bottom: 25%;
	}
}


/* ==========================================================================
	YouTube Help
   ========================================================================== */
   
h2.hlp-Headline {	
	display: block;
	float: left;
	width: 100%;
	
	background: #e4391d;
	font-size: 20px;
	font-weight: 300;
	line-height: 40px;
	color: #fff;
	
	margin: 0 0 10px 0;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	padding: 0 8px 0 8px;
}

.vid-bg {
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
}

.vid-bg,
.vid-txt {
	background-repeat: no-repeat;
	background-size: cover;
	
	margin-bottom: 15px;
}

.vid-cnt {
	position: relative;
	margin: 40px auto;
	
	width: 80%;
}

.pp-bt {
	position: relative;
	display: block;
	
	margin: 0 auto;
	width: 80%;
	height: 100px;
	
}


a.pp-url {
	position: relative;
	display: block;
	float: left;
	
	width: 100%;
	border-radius: 3em;
	
	
	padding: 8%;
	text-align: center;
	
	background-color: #f6c443;
	border: 4px solid #f4ad3c;
	
	-ms-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;	    
}

.no-touch a.pp-url:hover {
	background-color: #e4391d;
	border: 4px solid #e4391d;
	
	-ms-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;	    
}

.pp-url img {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	height: auto;
}

input.pp-url {
	position: relative;
	display: block;
	float: left;
	
	width: 80%;
	height: auto;
}


/* ==========================================================================
  YouTube 2 Query
   ========================================================================== */   
  
@media only screen and (max-width: 767px) {
	.vid-bg {
		padding: 0;
	}
	
	
	
	.vid-cnt {
		margin: 0;
		width: 100%;
	}
	
	.vid-cnt .videoCont {
		margin: 0;
	}


}