/* ----- beginn einstellungen body ----- */
body[data-skin="Default"]{
	font-family: 'Open Sans', sans-serif;
	background:#cccccc;   /*hintergrund gesamte seite vorher cccccc*/
	/*background-image: url("../music/met/images/background.jpg");*/
    font-size:14px; /* schriftgrösse menu */
	position:relative;
	padding-top:20px;
}

.section-1{ /*nur für datum bei show */
	background-image: url("../music/met/images/background.jpg");
}

/* ----- ende einstellungen body ----- */


/* ----- beginn farbe für einzelne line beim inhalt als trennung class="hr" ----- */
.hr {background:#ff0000; /* farbe der linie */
} 
/* ----- ende farbe für einzelne line beim inhalt als trennung class="hr" ----- */


/* ----- beginn hintergrund farbe von den einzelnen containern wo shows oder mitglieder usw sind ----- */
.container-article{
	background-color: #cccccc; /* hintergrund farbe von containern wo shows oder mitglieder usw sind vorher dedede */
}

.container-article-inhalt{
	background-color: #dedede; /* orig dedede fafafa auch coll mit background bild hintergrund farbe von containern wo shows oder mitglieder usw sind vorher dedede */
	padding: 10px;
	font-size:17px; /*schriftgrösse von text bei grid info also datum spielzeit usw.*/
}

.container-article-songtext{
	background-color: #dedede; /* hintergrund farbe von containern wo shows oder mitglieder usw sind vorher dedede */
	/*padding: 10px;*/
}
/* ----- ende hintergrund farbe von den einzelnen containern wo shows oder mitglieder usw sind ----- */


/* ----- beginn hintergrund farbe bei dropdown menu und den dropdown links ----- */
.dropdown-item{ 
	background: #dedede; /* hintergrundfarbe der links bei dropdown menu vorher f2060a rot */
}

.dropdown-menu{
	background:#cccccc; /* hintergrundfarbe bei dropdown menu vorher 57ea09 grün */
}
/* ----- ende hintergrund farbe bei dropdown menu und den dropdown links ----- */


/* ----- beginn farbe der linie bei dropdown menu ----- */
.dropdown-linie {
  height: 0;
  margin: 0;
  overflow: hidden;
  border-top: 1px solid #F50404; /* original e9ecef */
}
/* ----- ende farbe der linie bei dropdown menu ----- */


/* ----- beginn wrapper für einzelne seiten ----- */
.wrapper{
	position:relative;
	max-width:1150px;
	margin:0 auto;
	padding:0 15px
}

body[data-skin="Default"] .section-info{
	background:#dedede; /* gesamter hintergrund bei info und ein weiser strich am oberen rand */
	margin-top:10px;
	margin-bottom:10px; /* original 30 */
	padding:10px 0 /* original 24 */
}

.section-info-more{
	zoom:1;
	margin:-30px 0 30px;
	padding:30px 0 35px;
	transform:none
}

.section-info-more:after{
	content:'';
	display:table;
	clear:both
}

body[data-skin="Default"] .section-info-more{
	background:#dedede /* gesamter grauer hintergrund bei info */
}

body[data-skin="Default"] .section-info-more{
	-webkit-box-shadow: 0 1px #8d8989,inset 0px -2px 4px rgba(0,0,0,.6);
    box-shadow: 0 1px #8d8989,inset 0px -2px 4px rgba(0,0,0,.6) /* orig 0,0,0,.1 ffffff ist der weisse strich über info */;}

.heading{
	font-family: 'Open Sans', sans-serif;
	text-transform: none; /* gross kleinschreibung t */
	letter-spacing: .05em; /* abstand zwischen den buchstaben */
	line-height: 1; /* zeilenabstand */
	color: #000000;
	font-size: 20px;
}
/* ----- ende wrapper für einzelne seiten ----- */


.heading-text-center{
	font-family: 'Open Sans', sans-serif;
	text-transform: none; /* gross kleinschreibung t */
	letter-spacing: .05em; /* abstand zwischen den buchstaben */
	line-height: 1; /* zeilenabstand */
	color: #000000;
	font-size: 20px;
}


/* ----- beginn go to top old ----- */
/*
#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: red;
	color: white;
	cursor:url(../cursor/metalhand.cur), url(../cursor/metalhand.png), url(../cursor/metalhand.gif), auto;
	padding: 15px;
	border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}
*/
/* ----- ende go to top old ----- */


/* ----- beginn go to top new ----- */

.back-to-top {
  position: fixed;
  bottom: 0;
  right: 0;
  display: none;  
  padding: 30px;/*1em;*/
  /*margin: 1em;*/
  background: url(https://foltan.ch/cursor/test.png) no-repeat 50% 0;
  /*background: url(https://foltan.ch/cursor/v5.png) no-repeat 50% 0; original */
  cursor:url(https://foltan.ch/cursor/metalhand.cur), url(https/foltan.ch/cursor/metalhand.png), url(https/foltan.ch/cursor/metalhand.gif), auto;
}
/* behalten für einen anderen hover
.back-to-top:hover {
  background: url(https://foltan.ch/cursor/test.png) no-repeat 50% 0;
  cursor:url(https://foltan.ch/cursor/metalhand.cur), url(https/foltan.ch/cursor/metalhand.png), url(https/foltan.ch/cursor/metalhand.gif), auto;
}*/

/*
.back-to-top {
  position: fixed;
  bottom: 0;
  right: 0;
  display: inline-block;  
  padding: 1em;
  margin: 1em;
  background: url(https://foltan.ch/cursor/hand2.gif) no-repeat 50% 0;
}
.back-to-top:hover {
  background: url(https://foltan.ch/cursor/metalhand.cur);
  cursor:url(https://foltan.ch/cursor/metalhand.cur), url(https/foltan.ch/cursor/metalhand.png), url(https/foltan.ch/cursor/metalhand.gif), auto;
}*/
/* ----- ende go to top new ----- */


/* ----- beginn schriftfarbe für links und bei hover ----- */
a {
	text-decoration: none;
	color: #000000; 
	/* ----- beginn metal hand ----- */
	cursor:url(../cursor/metalhand.cur), url(../cursor/metalhand.png), url(../cursor/metalhand.gif), auto;
	/* ----- ende metal hand ----- */
}

a:hover {
	text-decoration: none;
    color: #ffffff; /* original 00ace9 */
	/* ----- beginn metal hand ----- */
	cursor:url(../cursor/metalhand.cur), url(../cursor/metalhand.png), url(../cursor/metalhand.gif), auto;
	/* ----- ende metal hand ----- */
}
/* ----- ende schriftfarbe für links und bei hover ----- */



p {
	color: #000000;  /*original 777 */
	text-align: center;
	font-size:18px;  /*schriftgrösse bei namen von band gesamt */
}

p1 { /* vermisste kinder */
	color: #000000;  /*original 777 */
	text-align: left;
	font-size: 18px;  /*schriftgrösse bei namen von band gesamt */
}

p2 { /* setlist cover by */
	color: #000000;  /*original 777 */
	text-align: left;
	font-size: 14px;  /* original 18px schriftgrösse bei namen von band gesamt */
}

p3 { /* setlist */
	color: #000000;  /*original 777 */
	text-align: left;
	font-size: 16px;  /* original 18px schriftgrösse bei namen von band gesamt */
	/*line-height: 2;  zeilenabstand */
}

p4 { /* setlist cover by */
	color: #000000;  /*original 777 */
	text-align: left;
	font-size: 18px;  /* original 18px schriftgrösse bei namen von band gesamt */
}

p5 { /* setlist cover by */
	color: #000000;  /*original 777 */
	text-align: center;
	font-size: 16px;  /* original 18px schriftgrösse videos */
}

p6 { /* setlist cover by */
	color: #F4052D;  /*original 777 */
	/*text-align: center;
	font-size: 16px;   original 18px schriftgrösse videos */
}

p7 { /* news */
	color: #000000;  /*original 777 */
	text-align: left;
	font-size: 18px;  /* original 18px schriftgrösse bei namen von band gesamt */
}


/* ----- beginn für strich bereich inhalt ----- */
.inhalt-section{
	padding: 20px 0; /*macht abstand zum oberen strich kleiner */
	border-top: 1px solid #fff5ee; /* oberer und unterer strich stärke und farbe */
}
/* ----- ende für strich bereich inhalt ----- */
	

/* ----- beginn für kleine bilder auf der startseite wie news und respo ----- */
.error-content{
	display: inline-block;
	text-align: center 
}

.error-msg{
	margin-left:10px;
}
/* ----- ende für kleine bilder auf der startseite wie news und respo ----- */


/* ----- beginn einstellungen steckbrief ----- */
/* ----- beginn steckbrief oben ----- */
.list-steck{
	list-style:none;
	margin:0;
	padding:0
	}

body[data-skin="Default"] .list-steck-info{
	/*border-top:1px solid #000000; /* strich über text */
	margin-bottom:20px
	}


body[data-skin="Default"] .list-steck-info .list-steck-item{
	/*border-bottom:1px solid #000000; /* strich unter text */
	padding:0px 0
	}

@media only screen and (min-width:768px){
	.list-steck-info .list-steck-item{
		display:table;
		width:100%;
		padding:40px 20px
		}
		
	.list-steck-info .list-steck-item>*{
		display:table-cell;
		vertical-align:top;
		margin-bottom:0
		}
	}

body[data-skin="Default"] .steck-left{
	color:#000000; /* schriftfarbe */
    font-size:18px; /* schriftgrösse */
	}

.steck-left{
	display: block;
	line-height: auto; /* zeilenhöhe */
	}
	
@media only screen and (min-width:768px){
	.steck-left{
		width:150px;
		}
	}

body[data-skin="Default"] .steck-right a{
	word-break: break-word;
	text-decoration: none; /* kein strich unter link */
	}
	
.steck-right{
	display:block; /* anzeige festlegen */
	line-height: auto; /* zeilenhöhe festlegen */
	font-size:18px; /* schriftgrösse festlegen */
    color:#000000; /* schriftfarbe von text link */
	}
/* ----- ende steckbrief oben ----- */


/* ----- beginn steckbrief unten ----- */
.steck-section{
	padding:20px 0;
	border-top:1px solid;
    color: #000000;
}

body[data-skin="Default"] .steck-section{
	border-top-color:#000000;
}

.steck-section{
		padding:45px 0
	}

.steck-section-border{
	border: none;
	padding-top: 10px /* abstand */
}

.row-steck{
	zoom:1;
		margin-left:-10px; 
		margin-right:-10px
}


/* ----- beginn auch für aufzählungen auf anderen seiten ----- */
.steck-text{
	margin-bottom: 20px;
	margin-left: 15px; /* abstand das text genau unter der an der kante von info beginnt */
		font-size:18px;
	    color:#000000;
}
/* ----- ende auch für aufzählungen auf anderen seiten ----- */
/* ----- ende steckbrief unten ----- */
/* ----- ende einstellungen steckbrief ----- */


/* ----- beginn links bei kindern sowie it, apps, musik allgemein metallica setlist cd tour links und amon amarth ----- */
/* ----- lassen ----- */
/*body[data-skin="Default"] .section-year{ lassen für später
	box-shadow: inset 0 1px #ffffff,0 2px 4px rgba(0,0,0,.2)/* orig 0,0,0,.2 
	}*/
/* ----- lassen ----- */


.list{
	list-style:none;
	margin:0;
	padding:0;
	color: #000000; /* schriftfarbe */
	}

body[data-skin="Default"] .list-t-events{
	border-top:1px solid #fff5ee;  /* strich über button setlist farbe und stärke 000000 normal fff5ee */
	margin-bottom: 10px
	}


body[data-skin="Default"] .list-t-events .list-item{
	border-bottom:1px solid #fff5ee;  /*strich unter button setlist farbe und stärke 000000 normal fff5ee */
	padding:20px 0
	}

@media only screen and (min-width:768px){
	.list-t-events .list-item{
	display: table;
	width: 100%
		}
		
	.list-t-events .list-item>*{
		display:table-cell;
		vertical-align:top;
		margin-bottom:0
		}
	}

.event-date{
	display:block;
	line-height:1
}

body[data-skin="Default"] .event-date{
	color:#000000 /* schriftfarbe datum */
}

@media only screen and (min-width:768px){
	.event-date{
		width:150px /* abstand von datum wird bei werterhöhung grösser veranstaltungsort wird kleiner */
	}
}

.event-info a{
	word-break:break-word;
	text-decoration:none;
}

.event-info{
	display:block;
}

@media only screen and (min-width:768px){
	.event-info{
		max-width:650px
	}
}

.event-info-location{
	line-height:1;
	font-family: 'Open Sans', sans-serif;
	color: #000000; /* schriftfarbe */
	font-size:18px; /*schriftgrösse */
	text-transform: capitalize;
}

.event-info-location a{
	display:block
}

@media only screen and (min-width:768px){
	.event-info-location{
		font-family: 'Open Sans', sans-serif;
		font-size:18px /*schriftgrösse */
	}
}


.cancelled .event-info {
	text-decoration:line-through;  /* text durchgestrichen */ 
	text-decoration-color: #ff0000;  /* farbe von linie */
}

.event-actions .btn:not(:first-child){
	margin-left:8px
}

@media only screen and (min-width:768px){
	.event-actions{
	width: 150px; /* original 300 abstand von setlist wird bei wert verkleinerung kleiner von veranstaltungs ort dafür grösser */
	text-align: right; /* verschiebt feld setlist nach links oder rechts */
	font-family: 'Open Sans', sans-serif;
	font-size: 18px /*schriftgrösse */
	}
	
	.event-actions .btn{
		font-family: 'Open Sans', sans-serif;
		font-size:18px
	}
}

.heading-m-compact{ /* lassen für show */
	margin:0!important
}

.btn span{
	vertical-align:middle;
	display:inline-block
}

body[data-skin="Default"] .btn-t-default{ 
	padding: 12px 16px;
	font-family: 'Open Sans', sans-serif;
	text-transform: capitalize;
	letter-spacing: .04em;
	border-radius: 6px	
	}

body[data-skin="Default"] .btn-t-ghost{
	padding-top: 6px;
	padding-bottom: 6px; /* rahmen grösse um setlist */
	font-family: 'Open Sans', sans-serif;
	text-transform: capitalize; /* gross und kleinschreibung */
	letter-spacing: .04em;
	border-radius: 6px; /* rahmen ecken */
}

body[data-skin="Default"] .btn-t-ghost:hover{
	color:#ffffff
}

body[data-skin="Default"] .btn-t-ghost-tour{
	color:#000000; /* schriftfarbe im button setlist */
	border:1px solid #000000; /* rehmenstärke und farbe von setlist */
	min-width:120px;
	text-align:center
}

body[data-skin="Default"] .btn-t-ghost-tour:hover{
	background-color:#FFF5EE; /* hintergrund farbe bei button setlist */
	color:#000000; /* schriftfarbe von setlist bei mouse over */
	/* ----- beginn metal hand ----- */
	cursor:url(../cursor/metalhand.cur), url(../cursor/metalhand.png), url(../cursor/metalhand.gif), auto;
	/* ----- ende metal hand ----- */
}
/* ----- ende links bei kindern sowie it, apps, musik allgemein metallica setlist cd tour links und amon amarth ----- */


/* ----- beginn bilder aktuelle und ehemalige mitglieder ----- */
.row-band{
	zoom:1
}

@media only screen and (min-width:768px){/* verschiebt bild vom linken oder rechten rand */
	.row-band{
		margin-left:-10px; 
		margin-right:-10px
	}
}

@media only screen and (min-width:768px){
	.card-row-band{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap
	}
}

@media only screen and (min-width:480px){
	.card-row-l-5-band{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap
	}
	
	.card-row-l-5-band>.card{
		width:-webkit-calc(50% - 20px);
		width:calc(50% - 20px);
		margin-left:10px;
		margin-right:10px
	}
}

@media only screen and (min-width:768px){
	.card-row-l-5-band>.card{
		width:-webkit-calc(33% - 20px)!important;
		width:calc(33% - 20px)!important
	}
}

@media only screen and (min-width:1024px){
	.card-row-l-5-band>.card{
		width:-webkit-calc(25% - 20px)!important;
		width:calc(25% - 20px)!important
	}
}

@media only screen and (min-width:1150px){
	.card-row-l-5-band>.card{
		width:-webkit-calc(20% - 20px)!important;
		width:calc(20% - 20px)!important
	}
}
/* ----- ende bilder aktuelle und ehemalige mitglieder ----- */


/* ----- beginn definition card ----- */
.card-band{
	position:relative;
	display:block;
	overflow:hidden;
	text-decoration:none;
	font-size:16px;
	border-radius:6px;
	background-clip:content-box;
	margin-bottom:20px;
	word-break:break-word;
	z-index:2}

body[data-skin="Default"] .card-band{
	background-color:#fff;
	color:#222
}

.card-band::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:1px;
	display:block;
	z-index:1;
	background:rgba(255,255,255,.2)
}

.card{
  background-color: #d7d4d4; /* hintergrund der kartenfarbe */
  border-radius: 15px; /* radius der ecken unter den bild */
}

.card-placeholder{
  background-color: #dedede; /* hintergrund der kartenfarbe */
}

.myimg { /* für abrundung der ecken bei den bildern */
  	max-width: 100%;
  	height: auto;
  	width:100%;
	border-radius: 15px; /* runde kanten bei den bildern radius */
}

.myimg:hover {opacity: 0.7;}

.myimg_1 {
	max-width: 100%;
  	height: auto;
  	width:100%;
    border-radius: 15px 15px 0 0;
}

.myimg_1:hover {opacity: 0.7;}
/* ----- ende definition card ----- */


/* ----- beginn bilder als visit karte ----- */
.container {
  padding: 10px;
}

.myimg { /* für abrundung der ecken bei den bildern */
  	max-width: 100%;
  	height: auto;
  	width:100%;
	border-radius: 15px; /* runde kanten bei den bildern radius */
}

.myimg:hover {opacity: 0.7;}
/* ----- ende bilder als visit karte ----- */


/* ----- beginn seite zurück oder vor ----- */
.btn-t-pagination-prev .icon-link{
	-webkit-transform:rotate(180deg) translateZ(0);
	transform:rotate(180deg) translateZ(0);
	margin-left:0;
	margin-right:4px;
}

.btn-t-pagination-prev .icon-link,.btn-t-pagination-next .icon-link,.btn-t-load-more .icon-link{
	margin-left:4px;
}

.btn-t-pagination-prev:hover,.btn-t-pagination-next:hover{
	opacity:.8;
}

body[data-skin="Default"] .btn-t-pagination-prev,body[data-skin="Default"] .btn-t-pagination-next{
	color:#151515;
    padding:0;
}

.pagination{clear:both;text-align:center;padding:30px 0 0;width:100%!important}

.pagination-prev,.pagination-next{-webkit-flex-basis:120px;-ms-flex-preferred-size:120px;flex-basis:120px}

.pagination-prev .btn,.pagination-next .btn{
	margin-bottom:4px;
}

.btn{
	background:none;
	display:inline-block;
	border:none;
	padding:0;
	margin:0;
	outline:none;
	line-height:1;
	text-decoration:none;
	word-break:normal;
}
/* ----- ende seite zurück oder vor ----- */


/* ----- beginn placeholder transparent ----- */
.image-placeholder {
    background-color: #dedede; /* original eee */
    display: flex;
    height: 150px;
    margin: 5px;
    width: 150px;
}
/* ----- ende placeholder transparent ----- */


/* ----- beginn info cd single ----- */
body[data-skin="Default"] .section-cd{
	background:#dedede; /* gesamter hintergrund bei info und ein weiser strich am oberen rand */
	margin-top:10px;
	margin-bottom:30px;
	padding:24px 0
	}

.section-cd-nav{ 
	font-family: 'Open Sans', sans-serif;
	letter-spacing: .08em; /* zeichenabstand */
	padding-top: 20px;
	clear: both;
	position: relative;
	z-index: 2;
	text-align: center;
	text-transform: capitalize
	}
	
body[data-skin="Default"] .section-cd-nav{
	color:#000000 /* farbe bei normaler darstellung */
	}
	
@media only screen and (min-width:1024px){
	.section-cd-nav{
		clear:none;
		padding-top:0;
		float:right
		}
	}
	
.section-cd-nav a{
	display:inline-block;
	color:#000000; /* schriftfarbe */
	text-decoration:none;
	line-height:30px; /* zeilenhöhe */
	border-radius:6px; /* rahmen */
	padding:0 8px;
	margin:0 5px
	}
	
.section-cd-nav a:hover,.section-cd-nav a.active{
	color:#FFFFFF /* farbe wenn aktiv grad weiss event eine andre farbe wie e3dba9 */
	}
	
body[data-skin="Default"] .section-cd-nav a:hover,body[data-skin="Default"] .section-cd-nav a.active{
	background:#000000 /* füllfarbe von rahmen um jahreszahlen */
	}
	
.section-cd-extras{
	zoom:1;
	margin:-30px 0 30px;
	padding:30px 0 30px;
	/*-webkit-transform:none;
	-ms-transform:none;*/
	transform:none
	}
	
.section-cd-extras:after{
	content:'';
	display:table;
	clear:both
	}
	
.section-cd-extras .section-cd-extras .section-cd-nav{
	margin:0!important;
	padding:0!important;
	width:100%
	}

body[data-skin="Default"] .section-cd-extras{
	box-shadow:inset 0 1px #ffffff,inset 0 -2px 4px rgba(0,0,0,.4) /* orig 0,0,0,.1 ffffff ist der weisse strich über den jahren */
	}

@media only screen and (min-width:768px){
	.section-cd{
		padding:30px 0
	}
}

.list-cd-single{
	list-style:none;
	margin:0;
	padding:0;
	color: #000000; /* schriftfarbe jahr und namen */
	}

@media only screen and (min-width:768px){
	.list-cd-single-info .list-cd-single-item{
	display: table;
	width: 100%
		}
		
	.list-cd-single-info .list-cd-single-item>*{
		display:table-cell;
		vertical-align:top;
		margin-bottom:0
		}
	}

.cd-single-left{
	display: table-row; /* orig ist block */
	/*line-height:1  zeilenhöhe */
	}
	
body[data-skin="Default"] .cd-single-left{
	color: #000000; /* schriftfarbe info links */
	font-size: 18px; /* schriftgrösse info links */
	text-transform: capitalize;
	}
	
@media only screen and (min-width:768px){
	.cd-single-left{
		width:150px
		}
	}

body[data-skin="Default"] .cd-single-right a{
	color:#000000; /* schriftfarbe von text info rechts */
	word-break: break-word;
	text-decoration: none; /* kein strich unter link */
	}
	
.cd-single-right{
	display: table-row; /* orig ist block anzeige festlegen */
	/*line-height:1;  zeilenhöhe festlegen */
	font-size: 18px; /* schriftgrösse festlegen */
	text-transform: capitalize;
	}

.cd-single-section{
	padding: 10px 0; /*macht abstand zwischen photos und oberen strich kleiner */
	/*border-top: 1px solid #000000;  oberer und unterer strich bei photo stärke und farbe */
}

@media only screen and (min-width:768px){
	.cd-single-section{
		padding:10px 0 /* grösse von abstand zwischen den linien und bild aber auch cover by und setlist */
	}
}
/* ----- ende info cd single ----- */


/* ----- beginn der einzelnen titel von cd single ----- */
.list-title-cd{
	list-style:none;
	margin:0;
	padding:0;
	color: #000000; /* schriftfarbe von albumtitel jahr titel und namen von mitglied */
	}

body[data-skin="Default"] .list-title-cd-info .list-title-cd-item{
	border-bottom:1px solid #FFF5EE;  /* strich unter button setlist farbe und stärke */
	padding:20px 0
	}

@media only screen and (min-width:768px){
	.list-title-cd-info .list-title-cd-item{
	display: table;
	width: 100%
		}
		
	.list-title-cd-info .list-title-cd-item>*{
		display:table-cell;
		vertical-align:top;
		margin-bottom:0
		}
	}

.cd-title{
	display:block;
	line-height:1
}

body[data-skin="Default"] .cd-title{
	color:#000000 /* schriftfarbe datum */
}

@media only screen and (min-width:768px){
	.cd-title{
		width:400px /* original 150 abstand von datum wird bei werterhöhung grösser veranstaltungsort wird kleiner */
	}
}

.cd-title-single{
	text-transform: capitalize; /* schriftgrösse gross klein bei monaten */
	font-family: 'Open Sans', sans-serif;
	font-size: 18px 
} 

.cd-info{
	word-break:break-word;
	text-decoration:none
}

.cd-info{
	display:block
}

@media only screen and (min-width:768px){
	.cd-info{
		max-width:650px
	}
}

.cd-actions .btn-cd{
	margin-bottom:0px /* abstand der unteren line nach setlist */
} 

.cd-actions .btn-cd:not(:first-child){
	margin-left:8px
}

@media only screen and (min-width:768px){
	.cd-actions{
	width: 150px; /* original 300 abstand von setlist wird bei wert verkleinerung kleiner von veranstaltungs ort dafür grösser */
	text-align: right; /* verschiebt button feld setlist nach links oder rechts */
	font-family: 'Open Sans', sans-serif;
	font-size: 18px 
	}
	
	.cd-actions .btn-cd{
		font-family: 'Open Sans', sans-serif;
		font-size:18px
	}
}

.btn-cd{
	background:none;
	display:inline-block;
	border:none;
	padding:0;
	margin:0;
	outline:none;
	line-height:1;
	text-decoration:none;
	word-break:normal
}

.btn-cd span{
	vertical-align:middle;
	display:inline-block
}

body[data-skin="Default"] .btn-t-default_1{ 
	padding: 12px 16px;
	font-family: 'Open Sans', sans-serif;
	text-transform: capitalize;
	letter-spacing: .04em;
	border-radius: 6px	
	}

body[data-skin="Default"] .btn-cd-text{
	padding-top: 6px;
	padding-bottom: 6px; /* rahmen grösse um setlist */
	font-family: 'Open Sans', sans-serif;
	text-transform: capitalize; /* umschalten zwischen gross und kleinschreibung setlist */
	letter-spacing: .04em;
	border-radius: 6px; /* rahmen ecken von setlist */
}

body[data-skin="Default"] .btn-cd-text:hover{
	color:#fff
}

body[data-skin="Default"] .btn-cd-text-button{
	color:#000000; /* schriftfarbe im button setlist */
	border:1px solid #000000; /* rehmenstärke und farbe von setlist */
	min-width:120px;
	text-align:center
}

body[data-skin="Default"] .btn-cd-text-button:hover{
	background-color:#FFF5EE; /* hintergrund farbe bei button setlist */
	color:#000000 /* schriftfarbe von setlist bei mouse over */
}

.cd-info-mitgl{
	line-height:1;
	font-family: 'Open Sans', sans-serif;
	color: #000000; 
	font-size:18px 
}

.cd-info-mitgl a{
	display:block
}

@media only screen and (min-width:768px){
	.cd-info-mitgl{
		font-family: 'Open Sans', sans-serif;
		font-size:18px 
	}
}

.heading-cd-single{ 
	margin:0!important
}
/* ----- ende der einzelnen titel von cd single ----- */


/* ----- beginn songtext bei single cd mit bild ----- */
.text-single-section-t-borderless{
	border: none;
	padding-top: 10px /* abstand */
}

.song-text-single{
	margin-bottom: 20px;
	margin-left: 15px; /* abstand das text genau unter der an der kante von info beginnt */
}

@media only screen and (min-width:768px){
	.song-text-single {
		font-size:18px;
	    color:#000000;  /*schriftfarbe für copyright original 8a8a8a */
	}
}

pre{
    font-family: 'Open Sans', sans-serif;
	margin-bottom: 20px;
	margin-left: 15px; /* abstand das text genau unter der an der kante von info beginnt */
	font-size: 16px;  /* original 18px schriftgrösse videos */
}

/*@media only screen and (min-width:768px){
	pre {
        font-family: 'Open Sans', sans-serif;
		font-size:18px;
	    color:#000000;  /*schriftfarbe für copyright original 8a8a8a *
	}
}*/


/* ----- ende songtext bei single cd mit bild ----- */


/* ----- beginn seite abc alle songs ----- */
body[data-skin="Default"] .section-abc-song-nav a:hover{
	background:#000000 /* hintergrund bei abc bei mouse over */
	}

body[data-skin="Default"] .section-abc-song-nav a.active{
	background:#000000 /* schwarzer hintergrund bei abc wenn activ */
	}

body[data-skin="Default"] .section-abc-song-nav{
	color:#000000 /* buchstabenfarbe von abc schwarz */
	} 

.section-abc-song-nav a:hover,.section-abc-song-nav a.active{
	color:#ffffff /* weisse buchstaben bei abc bei mouse over */
	}

.section-abc-song-nav{ 
	padding-top:20px; /* kontrollieren vorher 20px */
	clear:both;
	position:relative;
	z-index:2;
	text-align:center;
	text-transform:uppercase /* gross klein schreibung bei navigation */
	}

.section-abc-song-nav a{ 
	display:inline-block;
	color:inherit;
	text-decoration:none;/* ändert links bei alphabet keine unterstreichung */
	line-height:30px;
	border-radius:6px;
	padding:0 8px;
	margin:0 5px
	}
	
body[data-skin="Default"] .section-abc-song-info{
	/*box-shadow:inset 0 1px #ffffff,inset 0 -2px 4px rgba(0,0,0,.4)  orig 0,0,0,.1 ffffff ist der weisse strich über den abc */
	}
	
body[data-skin="Default"] .section-abc-song{
	/*background:#dedede;  gesamter hintergrund bei abc und ein weiser strich am oberen rand */
	margin-top:10px;
	margin-bottom:30px;
	padding:24px 0
	}

.section-abc-song-inhalt{
	zoom: 1;
	display: none;	
	padding-top:0 /* kontrollieren vorher 20px */
	}
	
.section-abc-song-inhalt:after{
	content:'';
	display:table;
	clear:both
	}

@media only screen and (min-width:1024px){
	.section-abc-song-inhalt{
		padding-top:0 /* padding-top:30px original kontrollieren */
		}
}

.section-abc-song-inhalt .section-abc-song-nav{
	zoom:1;
	clear:both;
	text-align:left
	}
	
.section-abc-song-inhalt .section-abc-song-nav:after{
	content:'';
	display:table;
	clear:both
	}
	
@media only screen and (min-width:1024px){
	.section-abc-song-inhalt .section-abc-song-nav{
		margin-top:20px
		}
	}

.section-abc-song-inhalt-visible{
	display:block /* keine anzeige von abc wenn deaktiviert */
	}

.section-abc-song-nav{ 
	font-family: 'Open Sans', sans-serif;
	letter-spacing: .08em; /* zeichenabstand */
	padding-top: 20px; /* kadding-top: 20px; original */
	clear: both;
	position: relative;
	z-index: 2;
	text-align: center;
	text-transform: capitalize
	}
	
body[data-skin="Default"] .section-abc-song-nav{
	color:#000000 /* farbe von abc bei normaler darstellung */
	}
	
@media only screen and (min-width:1024px){
	.section-abc-song-nav{
		clear:none;
		padding-top:0;
		float:right
		}
	}
	
.section-abc-song-nav a{
	display:inline-block;
	color:#000000; /* schriftfarbe bei abc */
	text-decoration:none;
	line-height:30px; /* zeilenhöhe */
	border-radius:6px; /* rahmen um abc */
	padding:0 8px;
	margin:0 5px
	}
	
.section-abc-song-nav a:hover,.section-abc-song-nav a.active{
	color:#FFFFFF /* farbe abc wenn aktiv grad weiss event eine andre farbe wie e3dba9 */
	}
	
body[data-skin="Default"] .section-abc-song-nav a:hover,body[data-skin="Default"] .section-abc-song-nav a.active{
	background:#000000 /* füllfarbe von rahmen um abc */
	}
	
.section-abc-song-info{
	zoom:1;
	margin:0; /* margin:-30px 0 30px; original kontrollieren */
	padding:0; /* padding:30px 0 30px; original */
	transform:none
	}
	
.section-abc-song-info:after{
	content:'';
	display:table;
	clear:both
	}
	
.section-abc-song-info .section-abc-song-inhalt,.section-abc-song-info .section-abc-song-nav{
	margin:0!important;
	/*padding:0!important;*/
	width:100%
	}

.abc-grid-nav a{
	font-size:18px;
	width:30px
	}

body[data-skin="Default"] .song-all-section-header{
	border-bottom-color: #000000; /* ändert schwarzen strich zwischen den alphabeth */
	padding-top: 10px; /* abstand buchstabe nach oben zu titel oder menu */
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px; /* abstand buchstabe zur linie darunter */
	margin-bottom: 10px; /* abstand vom titel zu oberen linie */
	border-bottom: 1px solid /* verantwortlich für strichstärke zwischen den titeln */
	}

.song-all-titel-grid{
	margin-bottom: 10px; /* abstand vom titel nach unten zum nächsten buchstaben von abc */
	font-family: 'Open Sans', sans-serif;
	text-transform: capitalize; /* gross kleinschreibung */
	font-size: 18px; /* Schriftgrösse */
	}

@media only screen and (min-width:768px){ /* column damit titel als block dastehen sonst alles untereinander */
	.song-all-titel-grid{
		-webkit-column-count:3; /* das spalten nebeneinander stehen bei titeln original 2*/
		-moz-column-count:3; /* das spalten nebeneinander stehen bei titeln original 2*/
		column-count:3; /* das spalten nebeneinander stehen bei titeln original 2*/
		}
	}

.song-all-titel-grid a{
	display: block; /* setzt titel als block sonst nebeneinander */
	color:#000000;
	text-decoration: none; /* kein unterstrich bei links */
	padding: 5px 10px 5px 0; /* abstände zwischen titeln oben unten rechts */
	word-break: break-word;
	opacity:.7; /* farbe für helligkeit bis max 8 */
	}

h2-song-all {
	font-size:18px; /* schriftgrösse bei text abc von songs */
	color: #000000; /* original 777 schriftfarbe songs */
}
/* ----- ende seite abc alle songs ----- */


/* ----- beginn seite show all und jahre ----- */
body[data-skin="Default"] .section-year{
	/*background:#dedede;  gesamter hintergrund bei den jahren und ein weiser strich am oberen rand */
	margin-top:0; /* original margin-top:10px; kontrollieren wenn alles io */
	margin-bottom:0; /* original margin-bottom:30px; kontrollieren wenn alles io */
	padding:0 /* kontrollieren wenn alles fertig ist original padding:24px 0 */
}

body[data-skin="Default"] .section-year-show{color:#000000}

.section-year-inhalt{
	zoom:1;
	display:none;
	padding-top:0 /* original 20px kontrollieren wenn fertig */
}

.section-year-inhalt:after{
	content:'';
	display:table;
	clear:both
}

@media only screen and (min-width:1024px){
	.section-year-inhalt{
		padding-top:0 /* original 30px kontrollieren wenn fertig */
	}
}

.section-year-inhalt .section-year-nav{
	zoom:1;
	clear:both;
	text-align:left
}

.section-year-inhalt .section-year-nav:after{
	content:'';
	display:table;
	clear:both
}

@media only screen and (min-width:1024px){
	.section-year-inhalt .section-year-nav{
		margin-top:0 /* original margin-top:20px kontrollieren wenn alles io */
	}
}

.section-year-inhalt-visible{
	display: block /* keine anzeige von jahreszahlen wenn deaktiviert */
}

.section-year-nav{
	font-family: 'Open Sans', sans-serif;
	letter-spacing: .04em; /* zeicheabstand */
	padding-top: 0; /* original 20px kontrollieren wenn alles io ist */
	clear: both;
	position: relative;
	z-index: 2;
	text-align: center;
	text-transform: capitalize;
}

body[data-skin="Default"] .section-year-nav{
	color:#000000; /* farbe von jahreszahlen bei normaler darstellung */
}

@media only screen and (min-width:1024px){
	.section-year-nav{
		clear:none;
		padding-top:0;
		float:right
	}
}

.section-year-nav a{
	display:inline-block;
	color:#000000;  /* schriftfarbe bei jahren */
	text-decoration:none;
	line-height:30px;  /* zeilenhöhe original 30px */
	border-radius:6px;  /* rahmen um jahreszahlen */
	padding:0 8px;
	margin:0 5px;
}

.section-year-nav a:hover,.section-year-nav a.active{
	color:#ffffff; /* farbe der jahreszahlen wenn aktiv grad weiss event eine andre farbe wie e3dba9 */
}

body[data-skin="Default"] .section-year-show .section-year-nav a:hover,body[data-skin="Default"] .section-year-show .section-year-nav a.active{
	background:#000000; /* füllfarbe von rahmen umd jahreszahlen */
	/* ----- beginn metal hand ----- */
	cursor:url(../cursor/metalhand.cur), url(../cursor/metalhand.cur), url(../cursor/metalhand.gif), auto;
	/* ----- ende metal hand ----- */
	}

.section-year-info{
	zoom:1;
	margin:0; /* margin:-30px 0 30px; original */
	padding:0; /* margin:-30px 0 35px; original */
	transform:none
}

.section-year-info:after{
	content:'';
	display:table;
	clear:both
}

body[data-skin="Default"] .section-year-info{
	background:#dedede /* gesamter grauer hintergrund bei den jahren lassen */
}

.section-year-info .section-year-inhalt,.section-year-info .section-year-nav{
	/*margin:0!important; kontrollieren wenn alles io ist */
	/* padding:0!important; kontrollieren wenn alles io ist */
	width:100%
}

/* ----- lassen ----- */
/*body[data-skin="Default"] .section-year{ lassen für später
	box-shadow: inset 0 1px #ffffff,0 2px 4px rgba(0,0,0,.2)/* orig 0,0,0,.2 
	}*/
/* ----- lassen ----- */

body[data-skin="Default"] .section-year-info{
	/*box-shadow:inset 0 1px #ffffff,inset 0 -2px 4px rgba(0,0,0,.4)  orig 0,0,0,.1 ffffff ist der weisse strich über den jahren */
	}

.list{
	list-style:none;
	margin:0;
	padding:0;
	color: #000000; /* schriftfarbe */
	}

body[data-skin="Default"] .list-t-events{
	border-top:1px solid #FFF5EE;  /*strich über button setlist farbe und stärke 000000 */
	margin-bottom: 10px
	}


body[data-skin="Default"] .list-t-events .list-item{
	border-bottom:1px solid #FFF5EE;  /*strich unter button setlist farbe und stärke 000000 */
	padding:20px 0
	}

@media only screen and (min-width:768px){
	.list-t-events .list-item{
	display: table;
	width: 100%
		}
		
	.list-t-events .list-item>*{
		display:table-cell;
		vertical-align:top;
		margin-bottom:0
		}
	}

.event-date{
	display:block;
	line-height:1
}

body[data-skin="Default"] .event-date{
	color:#000000 /* schriftfarbe datum */
}

@media only screen and (min-width:768px){
	.event-date{
		width:150px /* abstand von datum wird bei werterhöhung grösser veranstaltungsort wird kleiner */
	}
}

.event-date-month{
	text-transform: capitalize; /* gross klein schreibung */
	font-family: 'Open Sans', sans-serif;
	font-size: 18px /* schriftgrösse */
} 

.event-info a{
	word-break:break-word;
	text-decoration:none;
}

.event-info{
	display:block;
}

@media only screen and (min-width:768px){
	.event-info{
		max-width:650px
	}
}

.event-info-location{
	line-height: 1;
	font-family: 'Open Sans', sans-serif;
	color: #000000; /* schriftfarbe */
	font-size: 18px; /*schriftgrösse */
	text-transform: none;
}

.event-info-location a{
	display:block
}

@media only screen and (min-width:768px){
	.event-info-location{
		font-family: 'Open Sans', sans-serif;
		font-size:18px /*schriftgrösse */
	}
}

.event-info-venue{
	text-transform: capitalize;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px; /*schriftgrösse */
	letter-spacing: .05em; /* abstand zwischen den buchstaben */
}

body[data-skin="Default"] .event-info-venue{
	color:#000000
}

@media only screen and (min-width:768px){
	.event-info-venue{
		font-family: 'Open Sans', sans-serif;
		font-size:18px /* schriftgrösse */
	}
}

.cancelled .event-actions {
	text-decoration:line-through; /* text durchgestrichen */
	text-decoration-color: #ff0000; /* farbe von linie */
}

.event-actions .btn{
	margin-bottom:0px /* abstand der unteren line nach setlist */
} 

.event-actions .btn:not(:first-child){
	margin-left:8px
}

@media only screen and (min-width:768px){
	.event-actions{
	width: 150px; /* original 300 abstand von setlist wird bei wert verkleinerung kleiner von veranstaltungs ort dafür grösser */
	text-align: right; /* verschiebt feld setlist nach links oder rechts */
	font-family: 'Open Sans', sans-serif;
	font-size: 18px /*schriftgrösse */
	}
	
	.event-actions .btn{
		font-family: 'Open Sans', sans-serif;
		font-size:18px
	}
}

.heading-m-compact{ /* lassen für show */
	margin:0!important
}

.btn span{
	vertical-align:middle;
	display:inline-block
}

body[data-skin="Default"] .btn-t-default{ 
	padding: 12px 16px;
	font-family: 'Open Sans', sans-serif;
	text-transform: capitalize;
	letter-spacing: .04em;
	border-radius: 6px	
	}

body[data-skin="Default"] .btn-t-ghost{
	padding-top: 6px;
	padding-bottom: 6px; /* rahmen grösse um setlist */
	font-family: 'Open Sans', sans-serif;
	text-transform: capitalize; /* gross und kleinschreibung */
	letter-spacing: .04em;
	border-radius: 6px; /* rahmen ecken */
}

body[data-skin="Default"] .btn-t-ghost:hover{
	color:#ffffff
}

body[data-skin="Default"] .btn-t-ghost-tour{
	color:#000000; /* schriftfarbe im button setlist */
	border:1px solid #000000; /* rehmenstärke und farbe von setlist */
	min-width:120px;
	text-align:center
}

body[data-skin="Default"] .btn-t-ghost-tour:hover{
	background-color:#FFF5EE; /* hintergrund farbe bei button setlist */
	color:#000000; /* schriftfarbe von setlist bei mouse over */
	/* ----- beginn metal hand ----- */
	cursor:url(../cursor/metalhand.cur), url(../cursor/metalhand.png), url(../cursor/metalhand.gif), auto;
	/* ----- ende metal hand ----- */
}

/* ----- beginn no link no setlist cancelled bei tourdaten ----- */
body[data-skin="Default"] .btn-t-nolink{
	background: #BCB8B8;
	padding-top: 6px;
	padding-bottom: 6px; /* rahmen grösse um setlist */
	font-family: 'Open Sans', sans-serif;
	text-transform: capitalize; /* gross und kleinschreibung */
	letter-spacing: .04em;
	border-radius: 6px; /* rahmen ecken */
}

body[data-skin="Default"] .btn-t-nolink-tour{
	color:#000000; /* schriftfarbe im button setlist */
	border:1px solid #000000; /* rehmenstärke und farbe von setlist */
	min-width:120px;
	text-align:center
}

body[data-skin="Default"] .btn-t-cancelled {
	text-decoration: line-through; /* text durchgestrichen */
	text-decoration-color: #ff0000; /* farbe von linie */
}

body[data-skin="Default"] .btn-t-nolink-cancelled{
	background: #9F9C9C;
	padding-top: 6px;
	padding-bottom: 6px; /* rahmen grösse um setlist */
	font-family: 'Open Sans', sans-serif;
	text-transform: capitalize; /* gross und kleinschreibung */
	letter-spacing: .04em;
	border-radius: 6px; /* rahmen ecken */
}
/* ----- ende no link no setlist cancelled bei tourdaten ----- */
/* ----- ende seite show all und jahre ----- */


/* ----- beginn navigation seite vor und zurück ----- */
.pagination{
	clear:both;
	text-align:center;
	padding:30px 0 0;
	width:100%!important;
}

.pagination .spacer{
	display:inline-block;
	padding:12px 10px;
}

.pagination .btn-t-load-more{
	color:inherit;
}

.pagination-l-numbered{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

.pagination-l-numbered .pagination-prev,.pagination-l-numbered .pagination-next{
	-webkit-flex-basis:120px;
	-ms-flex-preferred-size:120px;
	flex-basis:120px;
}

.pagination-l-numbered .pagination-prev .btn,.pagination-l-numbered .pagination-next .btn{
	margin-bottom:4px;
}

.pagination-l-numbered .pagination-next{
	text-align:right;
}

.pagination-l-numbered .pagination-numbers .btn{
	margin:4px;
	cursor:url(../cursor/metalhand.cur), url(../cursor/metalhand.png), url(../cursor/metalhand.gif), auto;
}

@media only screen and (max-width:767px){
	.pagination-l-numbered{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.pagination-l-numbered .pagination-numbers{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:20px}.pagination-l-numbered .pagination-prev,.pagination-l-numbered .pagination-next{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0;-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto
	}
}

.btn-t-pagination-prev,.btn-t-pagination-next,.btn-t-load-more{
	padding:0;
}

.btn-t-pagination-prev .icon-link,.btn-t-pagination-next .icon-link,.btn-t-load-more .icon-link{
	margin-left:4px;
}

body[data-skin="Default"] .btn-t-pagination-prev,body[data-skin="Default"] .btn-t-pagination-next,body[data-skin="Default"] .btn-t-load-more{
	color:#151515;
}

.btn-t-load-more{margin:0 20px}

.btn-t-pagination-prev .icon-link{
	-webkit-transform:rotate(180deg) translateZ(0);
	transform:rotate(180deg) translateZ(0);
	margin-left:0;
	margin-right:4px;
}

.icon,[class^="icon-"],[class*=" icon-"]{
	font-family:'icomoon';
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.icon-caret-left::before{
	content:"";
}

.icon-caret-right::before{
	content:""
}

.btn-t-default.btn-t-page-number{
	padding-left:14px;
	padding-right:14px;
	background-color:#383838;
	border-color:#383838
}

body[data-skin="Default"] .btn-t-default.btn-t-page-number.active{
	background-color:#c60000;
	border-color:#c60000
}
/* ----- ende navigation seite vor und zurück ----- */


/* ----- beginn infoteil setlist ----- */
.heading-show-single{
	/* ausrichtung von text bei cd single geschrieben von  */
	font-family: 'Open Sans', sans-serif;
	text-transform: none; /* gross kleinschreibung t */
	letter-spacing: .05em; /* abstand zwischen den buchstaben */
	line-height: 1; /* zeilenabstand original 0.5*/
	color: #000000;
	font-size: 18px;
}
/* ----- ende infoteil setlist ----- */


/* ----- beginn cover als visit karte ----- */
.polaroid {
  width: 150px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: left;
  background-color: #d7d4d4; /* hintergrund der kartenfarbe original d7d4d4*/
  border-radius: 6px; /* radius der ecken unter den bild */
}

.polaroid_1 {
  width: 150px; /* original 165 */
  height: 195px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: left;
  background-color: #d7d4d4;
  border-radius: 6px; /* radius der ecken unter den bild */
}

.container {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
	  
.myimg_1 {
    border-radius: 6px 6px 0 0;
}

.myimg_1:hover {
	opacity: 0.7;
}
/* ----- ende cover als visit karte ----- */


/* ----- beginn zoom ----- */
.zoom-container {
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
	
}
.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	font-size: 15px;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption h3{font-family: 'Shadows Into Light', cursive;}
.zoom-container .zoom-caption a{font-size: 20px; color: #fff;}
.zoom-container .zoom-caption i{
	display: block;
	text-align: center;
	font-size: 40px;
	letter-spacing: -1px;
	color: #fff;
	margin: 22% auto 0;
}
.zoom-container .zoom-caption i.icon-play {
	font-size: 20px;
	/*padding: 10px 0;*/
	background-color: rgba(17, 17, 17, 0.8);
	max-width: 48px;
	padding: 8px 5px;
	border-radius: 8px;
}
.zoom-container .zoom-caption i.icon-play:hover {
	background-color: rgba(210, 0, 0, 0.9);
}
.zoom-container:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.zoom-container:hover .zoom-caption {
	background: rgba(48, 54, 63, 0.4); /* original 0,0,0.7 für hintergrund bei mouse over der bilder */
	z-index: 10;
	color: #ffffff;
}
/* ----- ende zoom ----- */


/* ----- beginn infoteil für pics ohne striche ----- */
body[data-skin="Default"] .list-t-events-pic{
	/*border-top:1px solid #08f1f1;  original strich über button setlist farbe und stärke 000000 */
    border-top:1px;  /*strich über button setlist farbe und stärke 000000 */
	margin-bottom: 10px
	}

body[data-skin="Default"] .list-t-events-pic .list-item-pic{
	/*border-bottom:1px solid #08F1F1;   original strich unter button setlist farbe und stärke fff5ee 000000 */
	border-bottom:1px;  /*strich unter button setlist farbe und stärke fff5ee 000000 */
	padding:10px 0;
	}

@media only screen and (min-width:768px){
	.list-t-events-pic .list-item-pic{
	display: table;
	width: 100%
		}
		
	.list-t-events-pic .list-item-pic>*{
		display:table-cell;
		vertical-align:top;
		margin-bottom:0
		}
	}
/* ----- ende infoteil für pics ohne striche ----- */


/* ----- beginn card 404 ----- */
.card-404{
  background-color: #cccccc; /* hintergrund der kartenfarbe d7d4d4*/
  border-radius: 15px; /* radius der ecken unter den bild */
}
/* ----- ende card 404 ----- */





/* ------------------------------------------------------ */
/* ----- test für bilder ohne angaben und test zoom ----- */
/* ------------------------------------------------------ */


/* ---------------------------------------- */
/* ----- beginn cover als visit karte ----- */
.polaroid-tour {
  width: 150px;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  text-align: left;
  background-color: #cccccc; /* hintergrund der kartenfarbe */
  border-radius: 2px; /* radius der ecken unter den text */
}

.polaroid_1-tour {
  width: 150px; /* original 165 */
  height: 195px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: left;
  background-color: #d7d4d4;
  border-radius: 2px; /* radius der ecken unter den bild */
}

.container-tour {
  padding: 10px;
}
	  
.myimg_1-tour {
    border-radius: 6px 6px 0 0;
}

.myimg_1-tour:hover {opacity: 0.7;}

.card-tour{
  background-color: #cccccc; /* hintergrund der kartenfarbe */
  border-radius: 10px; /* radius der ecken unter den bild */
}

.song-text-single-tour{
	margin-left: 15px; /* abstand das text genau unter der an der kante von info beginnt */
}
/* ----- ende cover als visit karte ----- */
/* -------------------------------------- */


/* ----------------------- */
/* ----- beginn zoom ----- */
.zoom-container-tour {
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.zoom-container-tour img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
	
}
.zoom-container-tour .zoom-caption-tour {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	font-size: 15px;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container-tour .zoom-caption-tour h3{font-family: 'Shadows Into Light', cursive;}
.zoom-container-tour .zoom-caption-tour a{font-size: 20px; color: #fff;}
.zoom-container-tour .zoom-caption-tour i{
	display: block;
	text-align: center;
	font-size: 40px;
	letter-spacing: -1px;
	color: #fff;
	margin: 22% auto 0;
}
.zoom-container-tour .zoom-caption-tour i.icon-play-tour {
	font-size: 20px;
	/*padding: 10px 0;*/
	background-color: rgba(17, 17, 17, 0.8);
	max-width: 48px;
	padding: 8px 5px;
	border-radius: 8px;
}
.zoom-container-tour .zoom-caption-tour i.icon-play-tour:hover {
	background-color: rgba(210, 0, 0, 0.9);
}
.zoom-container-tour:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.zoom-container-tour:hover .zoom-caption-tour {
	background: rgba(48, 54, 63, 0.4); /* original 0,0,0.7 für hintergrund bei mouse over der bilder */
	z-index: 10;
	color: #ffffff;
}
/* ----- ende zoom ----- */
/* --------------------- */


/* ------------------------ */
/* ----- beginn video ----- */
.gallery-items{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:distribute;
	justify-content:space-around;
	-ms-flex-line-pack:stretch;
	align-content:stretch;
	-webkit-box-align:stretch;
	-ms-flex-align:stretch;
	align-items:stretch
}

.gallery .gallery-item{
	background:#cccccc; /* original ffffff */
	margin:5px; /* original 10px */
	-webkit-box-flex:1;
	-ms-flex:1 1 320px;
	flex:1 1 320px;
	text-align:center;
	padding:20px; /* original 20px */
}

.gallery-item .gallery-item-wrapper{
	position: relative;
	/*position:relative; original */
	width: 100%;
	padding-bottom: 56.25%;
	background: transparent
}
.gallery-item .gallery-item-wrapper{
	padding-bottom:64%
}
.gallery-item-wrapper iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.gallery .gallery-item img{
	margin-top:25px
		;max-width:75%;
	max-height:70%;
	-webkit-filter:grayscale(1);
	filter:grayscale(1);
	-webkit-transition:all 0.4s;
	transition:all 0.4s
}
.gallery .gallery-item img:hover{
	-webkit-filter:grayscale(0);
	filter:grayscale(0)}
/* ----- ende video ----- */
/* ---------------------- */


/* ----------------------------- */
/* ----- beginn info video ----- */
@media(min-width:1024px){
	.video-name p{
		text-align:left;
		padding-left:52px;
		padding-bottom:26px; /*26*/
		max-width:125px
	}
}

@media(min-width:1024px){
	.video-name p{
		padding:0 20px;
		text-align:center;
		max-width:none
	}
}
/* ---------------------------------------------------------------------------- */
/* ------------------------------- ende info video ---------------------------- */
/* ---------------------------------------------------------------------------- */



/* ----- countdown beginn ----- */
.countdown {
    display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: row;
	text-align: center;
    /*font-family: "Archivo Narrow", sans-serif;*/
    }

    .countdown .day,
    .countdown .hour,
    .countdown .min,
    .countdown .sec {
      color: #000;
      padding: 1px 3px;
      text-align: center;
    }

    .countdown .day .num,
    .countdown .hour .num,
    .countdown .min .num,
    .countdown .sec .num {
      display: block;
      font-size: 28px; /*original 8vm*/
      line-height: 1em;
    }

    .countdown .day .word,
    .countdown .hour .word,
    .countdown .min .word,
    .countdown .sec .word {
      display: block;
      font-size: 14px; /*original 2vm*/
      color: #000; /*original 8a99ab*/
    }


/* ----- countdown ende ----- */


/* ----- css für dropdown start ----- */
.container-drop-field{
	background-color: #cccccc; /* hintergrund drop-field orig dedede */
	padding: 10px;
}

.drop-field{
	text-transform: capitalize; /* gross klein schreibung */
	font-family: 'Open Sans', sans-serif;
	font-size: 16px; /* schriftgrösse */
		border-top:1px solid #FFF5EE;  /*strich über button setlist farbe und stärke 000000 */
	margin-bottom: 10px;
	border-bottom:1px solid #FFF5EE;  /*strich unter button setlist farbe und stärke 000000 */
	padding:20px 0;

} 

.section-drop-nav{
	clear: none;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	font-size: 16px /* schriftgrösse */
	}
/* ----- css für dropdown ende ----- */


/* ----- NEUE SACHEN ----- */