*{ 
border:0px;
margin:0px;
padding:0px;
text-decoration:none;
outline:none;
-webkit-tap-highlight-color: rgba(255,255,255,0.4)
}

*::selection {
background:#fff;
color:#000;
}

textarea, input[type="text"] {
-webkit-appearance: none;
-webkit-border-radius:0; 
border-radius:0;
}

html, body {
height: 100%;
}

body {
background: #000;
color: #fff;
font-family: 'Arvo', Arial, Verdana, sans-serif;
font-size: 14px;
-webkit-text-size-adjust: none;
}

div {
	position: relative;
}

img, iframe {
vertical-align:bottom;
}

h1, h2, h3, h4, h5, h6 {
-webkit-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}

h1{
font-size:30px;
color: #d3fb00;
}

h2{
margin: 10px 0 0 0;
font-size:24px;
color: #5e5e5e;
}

h3{
margin: 13px 0 0 0;
font-size:16px;
}

h3 a{
color:#fff;
}

h3 a:hover{
color:#d3fb00;
}

h4{
margin: 5px 0 0 0;
font-size:16px;
}

h5{
font-size:14px;
margin: 0 0 22px 19px;
}

p {
margin: 0 0 10px 0;
font-size:14px;
line-height:20px;
-webkit-hyphens: auto;
hyphens: auto;
}

p a{
color:#fff;
}

p a:hover{
color:#d3fb00;
border-bottom:1px dotted #999;
}

hr{
height: 0;
margin: 10px 0;
border-bottom: 1px solid #ccc;
}

/* LAYOUT */

.section{
width: 100%;
}

.wrap{
width:960px;
margin: 0 auto;
}

.col{
float: left;
margin:0 0 10px 0;
}

.header .col, .section.header{
min-height: 0px;
}

.col.quarter{
width:225px;
}

.col.third{
	width:300px;
}

.col.half{
width:465px;
}

.col.two_thirds{
width:630px;
}

.col.full{
width:960px;
}

.col.full2{
width:960px;
margin:0 0 -10px 0;
}

.col.gap{
background: none;
width:30px;
height: 30px;
}

.col.gap20{
background: none;
width:20px;
height: 20px;
}

/* NAVIGATION */

.navigation {
	font-size: 20px;
	position:absolute;
	right:80px;
	top:0;
}

.navigation ul{
list-style: none;
}

.navigation ul li{
margin: 0 0 0 50px;
float: left;
}

@media ( max-width : 960px ) {
.navigation ul li{
margin: 0 0 0 30px;
}
}


.navigation ul li a{
display: block;
color: #fff;
height:50px;
line-height:50px;
transition:all .3s;
}

.navigation ul li a:hover{
opacity: 0.5;
}


.navigation ul li.current a{
color: #d3fb00;
}

/* CUSTOM */

.logo{
list-style: none;
}

.header{
position:fixed;
height:50px;
background:#333;
background:rgba(50,50,50,.8);
z-index:100;
}

.fullwidth{
width:100%;
}

.video iframe{
width:100%;
height:300px;
}

@media ( min-width : 1260px ) {
.video iframe{ height:350px; }
}
	
@media ( max-width : 960px ) {
.video iframe{ height:240px; }
}

@media ( max-width : 600px ) {
.video iframe{ height:200px; }
}

.padding30{
padding:30px 0;
background:#000;
z-index:1;
}

.padding40{
padding:30px 0;
background:#1a1a1a;
z-index:1;	
}

.padding50{
padding:30px 0;
background:#333;
z-index:1;
}

.padding60{
padding:0 0;
background:#333;
z-index:1;
}

#audio{
display:none;
height:0;
width:0;
opacity:0;
}

.audiolink{
margin: 15px 0 0 0;
font-size:20px;
color: #5e5e5e;
}

.audiolink:before {
content: "\f04b";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #fff;
font-size: 14px;
padding-right: 0.5em;
}

.audiolink.playing:before {
content: "\f04c";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #fff;
font-size: 14px;
padding-right: 0.5em;
}

.songs a{
float: left;
margin: 0 10px 0 0;
border:3px solid #000;

}

.songs .active{
	border:3px solid #d3fb00;
}

.songtexte div{
display:none;
margin: 0 10px 0 0;
}

.right{
text-align:right;
}

.tour_datum, .tour_ort, .tour_beschreibung{
float:left;
margin:0 0 5px 0;
}

.tour_datum{
	width:145px;
	text-align:right;
	margin:0 2% 5px 0;
}

.tour_ort{
	width:145px;
	margin:0 2% 5px 0;
	color:#d3fb00;
	font-weight: 700;
}

.tour_beschreibung{

}

@media ( max-width : 600px ) {
.tour_datum, .tour_ort, .tour_beschreibung{
text-align:left;
float:none;
width:100%;
margin:0 0 5px 0;
}

.tour_beschreibung{
margin:0 0 15px 0;
}
}

#impressum{
display:none;
}

.content ul li{
margin:0 0 5px 30px;
line-height:22px;
}

.not_selectable{
-moz-user-select:none;
-webkit-user-select:none;
user-select:none;
}

.clearer{
clear:both;
}

.mobile{
display: none;
}

/* BILDWECHSEL */
.fullwidth{
width:100%;
}

.imgwrap .sw{
transition:opacity .7s;
z-index:2;		
}

.imgwrap .sw:hover{
opacity:0;
transition:opacity .2s;	
}

.imgwrap .rgb{
position:absolute;
top:0;
left:0;
z-index:-1;	
}

/* LARGE SCREENS * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media ( min-width : 1260px ) {

.wrap{
width:1160px
}

.col.quarter{
width:275px;
}

.col.third{
width:300px;
}

.col.half{
width:560px;
}

.col.two_thirds{
width:760px;
}

.col.full{
width:1160px;
}

.col.gap{
width:40px;
height: 40px;
}

}


/* IPAD PORTRAIT * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media ( max-width : 960px ) {

.wrap{
width:730px
}

.col.quarter{
width:165px;
}

.col.third{
width:230px;
}

.col.half{
width:355px;
}

.col.two_thirds{
width:480px;
}

.col.full{
width:730px;
}

.col.gap{
width:20px;
height: 20px;
}

}


/* MOBILE * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media ( max-width : 600px ) {
*{
box-sizing:border-box;
}

h1{
font-size:20px;
color: #d3fb00;
}

.desktop{
display: none;
}

.mobile{
display: block;
}

.wrap{
width:100%;
padding:0 15px;
}

.header .wrap{
padding:0 0px;
}

.col.quarter{
width:100%;
}

.col.third{
width:100%;
}

.col.half{
width:100%;
}

.col.two_thirds{
width:100%;
}

.col.full{
width:100%;
}

.col.gap, .col.gap20{
display: none;
}

.header{
height:auto;
}

.header .col{
margin:0;
}

.navigation{
position:relative;
font-size: 14px;
right:auto;
top:auto;
border-bottom:1px solid #ddd;
-webkit-transition: max-height 0.5s;
-moz-transition: max-height 0.5s;
-o-transition: max-height 0.5s;
transition: max-height 0.5s;
max-height: 0;
overflow:hidden;
} 

.navigation.expanded {
max-height: 300px;
}

.navigation ul li{
margin: 0 0 0 0;
width: 100%;
float: none;
height:auto;
line-height:auto;
}

.navigation ul li a{
display: block;
height:40px;
line-height:40px;
border-top:1px solid #ddd;
padding:0 15px;
}

.navigation ul li a:hover{
color: #fff;
background:#333;
}

.navigation ul li a.current{
color: #fff;
height:auto;
font-weight: bold;
border-bottom:0;
background:#333;
}

.toggle_navigation{
position: absolute;
right: 10px;
top:10px;
font-size: 21px;
}

#top{
padding-top: 50px;
}

.tour_beschreibung{
margin:0 0 10px 0;

}