@charset "UTF-8";
/*
 * Theme Name: Alpe Lusia Testfield for Stimming
 * Theme URI: http://www.crushed-eyes.com
 * Theme Description: Alpe Lusia Bootstrap Wordpress Theme for Martin Stimming
 * Author: Friedrich Seydel / Michael Gnadt
 * Author URI: http://www.crushed-eyes.com/
 * Version: 1.0
 * Tags: twitter bootstrap, white, blank
 * License: license.txt
 * License URI:
*/



/* Apply bootstrap styles */
@import url('bootstrap/css/bootstrap.min.css');

@charset "UTF-8";

/* ############################################### */
/* ############ COLLAPSE BORDER FIX ############## */
/* ############################################### */

.panel{
	background-color: transparent;
	border: 0 none;
	border-radius: 0px;
	box-shadow: none;
}
.panel-group .panel{
	border-radius: 0px;
}

/* ############################################### */
/* ##################### FONT #################### */
/* ############################################### */

@font-face{
	font-family: 'rokkitt';
	src: url('fonts/Rokkitt-Regular.ttf') format('truetype');
} 
@font-face{
	font-family: 'rokkitt';
	src: url('fonts/Rokkitt-Bold.ttf') format('truetype');
	font-weight: bold;
}
@font-face{
	font-family: 'brandon-bld';
	src: url('fonts/Brandon_bld.otf') format('opentype');
}
@font-face{
	font-family: 'brandon-bld';
	src: url('fonts/Brandon_bld_it.otf') format('opentype');
	font-style: italic;
}
.font__bo{
	font-weight: bold;
}
.font__it{
	font-style: italic;
}
.font--color__black{
	color: #000000!important;
}
.font--color__white{
	color: #ffffff;
}
.font--color__gold{
	color: #af9438;
}

/* ############################################### */
/* ########### GENERAL / GRID ELEMENTS ########### */
/* ############################################### */

/* ##### GENERAL ##### */

html{
	position: relative;
  min-height: 100%;
}
body{
	font-family: 'rokkitt';
	color: #000000;
	margin-bottom: 50px;
	margin-left: 0px;
	max-width: 1200px;
}
html, body{}
h1, h2, h3, h4, h5, h6{
	font-family: 'brandon-bld';
	letter-spacing: 0.1em;
}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
a,
a:link,
a:visited,
a:hover,
a:focus{
	color: #000000;
	text-decoration: underline;
}
a:active{
	color: #af9438;
}
a,
a:link,
a:visited,
a:hover,
a:focus,
a:active{
	outline: none;
}
p{}

/* ##### GRID ##### */

.container, .container-fluid{}
.grid{
	margin: 0px;
}
header.grid{
	margin: 0 39px;
}
.container.grid{}
.container-fluid.grid{
	padding-left: 39px;
	padding-right: 39px;
}
footer.grid{
	bottom: 0;
	height: 50px;
	position: absolute;
	width: 100%;
}

/* ############################################### */
/* ################# VIEW HEADER ################# */
/* ############################################### */

header.grid{

}
.logo{
	height: 88px;
	margin: 0;
}
.logo--title{
	font-family: 'brandon-bld';
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 88px;
	padding: 0;
}
.logo--desc{}

/* ############################################### */
/* ################## NAVIGATION ################# */
/* ############################################### */

#mainnav{}
.panel{}
.panel-group{}
.panel-group .panel{}
.panel-group .panel + .panel{
	margin-top: 14px;
}
.panel-title{
	font-family: 'brandon-bld';
	letter-spacing: 0.1em;
	width: 100%;
	height: 58px;
	background-color: #1d1d1b; 
	display: inline-block;
}
a.panel-title{
	text-decoration: none;
	color: #ffffff; 
}
#mainnav a.panel-title > h1,
#mainnav a.panel-title > h2,
#mainnav a.panel-title > h3,
#mainnav a.panel-title > h4,
#mainnav a.panel-title > h5,
#mainnav a.panel-title > h6{
	line-height: 58px;
  margin: 0;
  padding: 0 18px;
}

/*##### HIGHLIGHTING ##### */

a.panel-title[aria-expanded='true']{
	background-color: #af9438; /* GOLD*/
	color: #000000;
}
a.panel-title[aria-expanded='true'] .icon--nav__minus{
	width: 32px;
	height: 32px;
	top: 13px;
	margin-right: 13px;
}

/* ############################################### */
/* ################ VIEW CONTENT ################# */
/* ############################################### */

.ce-content{
	font-weight: bold;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0.025em;
}
.ce-content p{}

.ce-content .article--title{
	font-family: 'brandon-bld';
	letter-spacing: 0.1em;
	color: #af9438;
}
.ce-content .article--author{
	font-size: 12px;
}
.ce-content .article--media,
.ce-content .article--media img{
	width: 100%;
	height: auto;
}
.ce-content .article--media{
	margin-top: 25px;
	margin-bottom: 35px;
	position: relative;
}
.ce-content .article--media img{}

/* ################################### */
/* ##### CONTENT NESTED COLLAPSE ##### */
/* ################################### */

/* ##### ARTICLE INFO ##### */
 
#article--info{
	margin-top: 40px;
	line-height: 1;
}
#article--info a.panel-title{
	height: 24px;
}
#article--info a.panel-title > h1,
#article--info a.panel-title > h2,
#article--info a.panel-title > h3,
#article--info a.panel-title > h4,
#article--info a.panel-title > h5,
#article--info a.panel-title > h6{
	line-height: 24px;
  margin: 0;
  padding: 0 10px;
}
#article--info a.panel-title[aria-expanded='true'] .icon--nav__minus{
	width: 16px;
	height: 16px;
	top: 4px;
	margin-right: 4px; 
}

.article--info .ce-content{
	font-size: 14px;
	line-height: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.article--info .ce-content p{
	margin: 0;
}

.article--info .article--meta__released,
.article--info .article--meta__lastedit,
.article--info .article--meta__tags,
.article--info .article--meta__kurzurl,
.article--info .article--meta__twitter,
.article--info .article--meta__pfad,
.article--info .article--nav__text{
	line-height: 1em;
}

.article--info .article--meta__released,
.article--info .article--meta__lastedit,
.article--info .article--nav__text{
	margin: 0;
}

.article--info p.article--meta__tags,
.article--info p.article--meta__kurzurl,
.article--info p.article--meta__twitter{
	margin-bottom: 10px;
}
.article--info p.article--meta__kurzurl,
.article--info p.article--meta__twitter,
.article--info p.article--meta__pfad{
	padding-top: 10px;
}
.article--info p.article--meta__pfad{
	margin-bottom: 20px;
}

.article--info .article--meta__released{}
.article--info .article--meta__date{}
.article--info .article--meta__author{}
.article--info .article--meta__lastedit{}
.article--info .article--meta__reaktionen{}
.article--info .article--meta__views{}
.article--info .article--meta__tags{}
.article--info .article--meta__kurzurl{}
.article--info .article--meta__twitter{}
.article--info .article--meta__pfad{}
.article--info .article--nav__text{}

.article--info .article--nav__text > span{
	width: 100%;
}
.article--info .article--nav__text .article--prev{}
.article--info .article--nav__text .article--next{}

/* ##### ICONS SOCIAL ##### */

.icons--social{
	top: 15px;
	position: relative;
}
.icons--social > a{}
.icons--social > a > i{}
.icons--social > a:active > i{}
.article--media .icons--social{
	margin-left: 15px;
	position: absolute;
}

/* ##### ICONS NAV ##### */

.article--nav__icon{
	width: 100%;
	height: auto;
	float: left;
}
.icon--nav__plus{
	background: url(images/plus_160x160_70pwhite.png);
}
.icon--nav__minus{
	background: url(images/minus_160x160_70pwhite.png);
}
.icon--nav__plus, .icon--nav__minus{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.article--nav__icon .article--next,
.article--nav__icon .article--prev{
	width: 50%;
	height: auto;
}
.article--nav__icon .article--prev{
	float: left;
}
.article--nav__icon .article--next{
	float: right;
	overflow: hidden;
}
.article--nav__icon .article--prev > div,
.article--nav__icon .article--next > div,
.article--nav__icon .article--prev > div:active,
.article--nav__icon .article--next > div:active{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 160px;
	height: 160px;
	float: left;
}
.article--nav__icon .article--prev > div,
.article--nav__icon .article--prev > div:active{
	margin-left: -55px;
	float: left;
}
.article--nav__icon .article--next > div,
.article--nav__icon .article--next > div:active{
	position: relative;
	right: -55px;
	float: right;
}

.article--nav__icon .icon--nav__plus,
.article--nav__icon .icon--nav__minus,
.article--nav__icon .icon--nav__prev,
.article--nav__icon .icon--nav__next{}

/* ##### SPECIFIC CONTENT ELEMENTS ##### */

/* ##### DATES ##### */

.dates--textversion__link{
	font-size: 10px;
	line-height: 24px;
	/*float:left;*/
}

.dates--textversion{
	width:100%;
}

.dates--worldmap__link{
	font-size: 10px;
	line-height: 24px;
	float:right;
}
.dates--nav__link{
	/*height: 10px;*/
}
.dates--nav__link, .dates--nav{
	font-size: 14px;
	line-height: 20px;
	/*text-align: center;*/
	width: 100%;
}
.dates--nav{
	height: 25px;
}
.dates--nav > div{
	/*display: inline-block;*/
  /*text-align: center;*/
  float: left;
}
.dates--nav .dates--nav__past{
	/*float: left;*/
	width: 45%;
	text-align: left;
}
.dates--nav .dates--nav__today{
	width: 10%;
	/*display: none;
	visibility: hidden;*/
}
.dates--nav .dates--nav__today > a{
	visibility: hidden;
}
.dates--nav .dates--nav__future{
	/*float: right;*/
	width: 45%;
	text-align: right;
}

ul.dates--list{
	list-style-type: none;
	margin: 20px 0 0 0;
	padding: 0;
}
.dates--list .dates--list__item{
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px;
}
ul.dates--list li.dates--list__item:first-child{
	margin-top: 0;
}
.dates--list .dates--list__item + .dates--list__item{
	margin-top: 24px;
}
.dates--list .dates--list__item p{
	margin-bottom: 0;
}
.dates--list__item .article--title{

}
.dates--list__item .dates--desc{}
.dates--list__item .dates--option{
	width: 100%;
	height: auto;
}
.dates--list__item .dates--option .icon--nav__minus,
.dates--list__item .dates--option .icon--nav__plus{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px; 
}
.dates--list__item .dates--option .icon--nav__minus{
	
}
.dates--list__item .dates--option .icon--nav__plus{

}
.dates--list__item .dates--option{}
.dates--list__item .dates--option:active .icon--nav__minus,
.dates--list__item .dates--option:active .icon--nav__plus{
	background: pink;
}

/* ##### PRESS ##### */

.press{}
.press--grid__row{
	margin-top: 35px; 
}
.press--folder{
	text-align: center;
	line-height: 104px;
	width: 100%;
	height: 104px;
	background: url(images/folder_closed_gold_124x104.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	padding-top: 5px;
}
.press--download{
	text-align: center;
}
.press--download .icon{
	width: 25px;
	height: 25px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}

/* ##### DISCOGS ##### */

.discogs{}
.ce-content.discogs{
	font-size: 16px;
}
.discogs--list{
	list-style-type: none;
	padding: 0;
}
.discogs--list__title{
	margin-top: 40px;
}
.discogs--list > li + li{
	margin-top: 10px;
}
.discogs--list__item{}

.discogs--list__item .icon--nav__minus{
	width: 16px;
	height: 16px;
	top: 4px;
	/*margin-right: 4px;*/ 
}
.discogs--list__item .discogs--list__detail{
	font-size: 10px;
	margin: 0;
}
.discogs--list__item .discogs--list__detail > div{
	text-align: center;
	padding: 0;
}

.discogs--list__detail div.discogs--list--detail__relcount{
	text-align: left;
}
.discogs--list__detail div.discogs--list--detail__rellabel{}
.discogs--list__detail div.discogs--list--detail__relnr{}
.discogs--list__detail div.discogs--list--detail__relyear{
	text-align: right;
}

/* ##### BUY ##### */


.buy{}
.buy__label{
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	text-decoration: underline;
	text-align: center;
	position: relative;
	top: 105px;
}

.buy--item{
		height: 150px;
}
.buy--item a{
	display: inline-block;
}

.buy--item p{
	display: none;
}

a.icon--turntable{
	background: url(images/turntable_komplete.png);
}

a:active.icon--turntable{
	background: url(images/turntable_komplete_hover.png);
}

a.icon--turntable, a:active.icon--turntable{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 102px;
}

.discogs-item a img{
	width: 100%;
	height: auto;
}

.social--item i{
	font-size:100px;
	line-height:120px;
}


/* ############################################### */
/* ################# VIEW FOOTER ################# */
/* ############################################### */

.copyright{
	font-size: 11px;
	letter-spacing: 0.1em;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-left: 39px;
	padding-right: 39px;
}

.switch{
	float:right;
}

a.switch, a.switch:link, a.switch:visited, a.switch:hover, a.switch:focus{
	color:#af9438;
	font-size: 11px;
	font-weight:normal;
	letter-spacing: 0.1em;
}

#enable-music{
	margin-top:33px;
}

/* ############################################### */
/* ################## FRIEDRICH ################## */
/* ############################################### */


#mapwrap {
	/*max-width: 1100px;
	text-align:center;
	margin: auto;*/
}

#venuemap {
  width: 100% !important;
  height: 100% !important;
}
#venuemap img {
  width: 20px;
  height: 20px;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.maps-bubble{
	line-height: 18px;
	font-family: 'rokkitt';
	color: #000000;
	font-size: 13px;
	/*font-weight: bold;
	padding-right: 20px;*/
	overflow:hidden;
	white-space: nowrap;
	display:block;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

.maps-bubble span.venuedate{
	/*font-weight: bold;*/
}
.ce-content .article--media {
	 background: white !important;
}
.article--title{
	text-transform: uppercase;
}

#visualizer_wrapper {
	position:absolute;
	left:0px;
	top: 0px;
	right:0px;
	bottom: 0px;
	z-index:0;
	overflow: hidden;
}
#canvas {
}
.row-relative {
	position: relative;
	z-index:1000;
}
.panel {
}
.panel-body {
	min-height:300px;
}

.panel-title {
	/*background:none;
	color:#000000!important;*/
}

.transparent {
	background:none!important;
	/*color:#000000!important;*/
}


a.panel-title {
	/*background:none;*/
}

#mainnav {
	position: relative;
	z-index:100;
}

.loading {
	background:center no-repeat url(images/ajax-loader.gif);
}
h2.logo--title {
	display:inline-block;
}
.head-playbutton {
	/*float:right;
	padding-top: 33px;
	margin-right: -13px;*/
	padding: 0;
	margin-bottom: 14px;
	display:none;
}
.head-playbutton div {
	margin-left: 2px;
	color:	#ffffff;
	background-color: #000000;
	text-align:center;
	display:inline-block;
	cursor:pointer;
	line-height: 21px;
	font-weight: bold;
}
#startMobilePlayback{
	padding-left: 6px;
	padding-right: 6px;
}
.head-player {
	/*float:right;
	padding-top: 33px;
	margin-right: -13px;*/
	padding: 0;
	margin-bottom: 14px;
}
.head-player div {
	margin-left: 2px;
	color:	#ffffff;
	background-color: #000000;
	text-align:center;
	display:inline-block;
	cursor:pointer;
	line-height: 21px;
	font-weight: bold;
}
.player-active{
	background-color: #af9438!important;
	color:#000000!important;
}
.channel-mute{
	width: 21px;
}
#toggleColor, #togglePeaks{
	padding-left: 6px;
	padding-right: 6px;
}
#toggleMute{
	width:28px;
	display:inline-block;
	cursor:pointer;
	height: 22px;
	background:center no-repeat url(images/sound_on.gif);
}
#toggleMute.player-active{
	background-color: transparent!important;
	background:center no-repeat url(images/sound_off.gif);
}
.discogs-item{
	width: 120px;
	height: 120px;
}
/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    /* margin-right:-4px; */
}
.press--wrapper {
	width: 104px;
}
.dates--nav__future a,
.dates--nav__past a
{
	font-family: 'brandon-bld';
	letter-spacing: 0.1em;
	color: #000000;
	font-size:	24px;
	text-decoration: none;
}
.dates--nav__active a{
	color: #af9438;
}
.big-n-fat
{
	font-family: 'brandon-bld';
	letter-spacing: 0.1em;
	color: #000000;
	font-size:	24px;
	text-decoration: none;
}
.big-n-fat-gold
{
	font-family: 'brandon-bld';
	letter-spacing: 0.1em;
	color: #af9438;
	font-size:	24px;
	text-decoration: none;
}
#map-style{
}

#cff .cff-album-icon {
	display: none;
}

#music-dialog {
	display:none;
	font-family: 'brandon-bld';
	letter-spacing: 0.1em;
	color: #000000;
	font-size:	24px;
	text-decoration: none;
	background-color: #af9438;
	width:300px;
	height:150px;
		position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
		text-align:center;
		z-index: 2005;
		padding-top: 40px;
}

.music-yes{
	padding-left: 20px;
}
.music-no{
	padding-right: 20px;
}

a.music-link, a.music-link:link, a.music-link:visited, a.music-link:hover, a.music-link:focus, .music-link  {
	font-size:	14px;
	text-decoration: none;
}

a.music-link:hover {
	color: #ffffff;
}
#music-backdrop {
	background-color: #ffffff;
	opacity:0.7;
		position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
		overflow:hidden;
		z-index:2000;
}
/*##### UPDATE 2021 #####*/
.js-cm-form label{
	width: 100px;
}
.js-cm-form input{
	margin-bottom: 10px;
}
.js-cm-form button{
	margin-top: 20px;
	background: #af9438;
	/*font-family: 'brandon-bld';*/
	text-transform: uppercase;
	border: none;
	padding-top: 2px;
}

#enable-music {
	background-color: #af9438!important;
	color: #000000!important;
	font-size: 14px;
	width: 200px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	line-height: 21px;
}