* { margin:0; padding:0; }

html, body { 
font-family: 'Raleway', sans-serif;
color:#333333;
font-size:16px;
font-weight:500;
background-color: #000;
margin: 0;
padding: 0;
height: 100%;
width:100%;
overflow-x:hidden;
}

.flex-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
/*
    Legacy Firefox implementation treats all flex containers
    as inline-block elements.
*/

/*
@-moz-document url-prefix() {
.flex-container {
    width: 100%;
    -moz-box-sizing: border-box;
    }
*/

strong, b {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
}


a:link, a:visited {
	color:white;
	text-decoration:underline;
}

a:hover, a:active, a:focus {
	#color:rgb(45, 55, 65);
	color:white;
	text-decoration:underline;
	#background-color:rgba(120, 150, 170, 0.4);
	background-color:rgba(20, 50, 70, 0.3);
}

.first {
	opacity: 1 !important;
	visibility: visible !important;
}

.fullscreen {
	display: block !important;
	position: absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
	opacity: 0;
	visibility: hidden;
	background-position:center top !important;
	background-color: #000 !important;
	background-repeat:repeat-y !important;
	background-attachment: fixed !important;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;

	transition: opacity 0.6s ease-in-out, visibility 0s linear 1s;
	-webkit-transition: opacity 0.6s ease-in-out, visibility 0s linear 1s;
	-moz-transition: opacity 0.6s ease-in-out, visibility 0s linear 1s;
	-o-transition: opacity 0.6s ease-in-out, visibility 0s linear 1s;
}

.fullscreen:target {
	opacity: 1 !important;
	visibility: visible;

	transition: opacity 2s ease-in-out, visibility 0s linear;
	-webkit-transition: opacity 2s ease-in-out, visibility 0s linear;
	-moz-transition: opacity 2s ease-in-out, visibility 0s linear;
	-o-transition: opacity 2s ease-in-out, visibility 0s linear;
}

.content {
	display:block;
	width:88%;
	height:100%;
	margin:144px auto 20px auto !important;
	padding:0px 5px 30px 5px !important;
	color:white;
	font-size: 15px;
	line-height: 130%;
	font-weight: 300;
	text-shadow:1px 1px 2px #000;
}

.content p {
	color:white !important;
	text-shadow:1px 1px 2px #000;
	text-align: left;
	margin-bottom:34px;
}

.content p.wrap {
	margin-bottom: 16px !important;
}

.content p.line {
	padding:0 0 35px 0;
	border-bottom:1px solid white;
}

.content img {
	max-width:40%;
	max-height:40%;
}




#start {
	background-image:url('images/mobile/bg_01.jpg');
}

#band {
	background-image:url('images/mobile/bg_02.jpg');
}

#media {
	background-image:url('images/mobile/bg_03.jpg'); 
}

#kontakt {
	background-image:url('images/mobile/bg_04.jpg');
}

#datenschutz {
	background-image:url('images/mobile/bg_05.jpg');
}

#impressum {
	background-image:url('images/mobile/bg_05.jpg');
}

.impressum {
	display:block;
 	text-align:right !important;
 	margin-top:50px;
 	padding-top:10px;
 	border-top:1px solid white;
}



#logo {
	margin:10px auto 10px auto;
	width:190px !important;
	height:60px !important;
	z-index:5;
}

#logo img {
	width:100%;
	height:100%;
}

a#logo , a#logo:link, a#logo:visited, a#logo:hover, a#logo:active, a#logo:focus {
	color: transparent !important;
	text-decoration:none !important;
	background-color: transparent !important;
	background: none !important;
}

#navbar {
margin:0 auto 20px auto;
height:30px; /* 63px */
background:none transparent;
z-index:2;

-webkit-transition: top 1.5s ease;
-moz-transition: top 1.5s ease;
-o-transition: top 1.5s ease;
transition: top 1.5s ease;
}


#navbar li.aktiv a {
	border:1px solid #FFF;
}

#navbar a {
	height:20px;
	padding:5px 7px 5px 7px;
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	font-weight:300 !important;
	background:url('images/navback.png') top repeat;
	/*-webkit-tap-highlight-color: transparent;*/
}

#navbar a:link, #navbar a:visited {
	color:white;
	text-decoration:none;
	border:1px solid transparent;
}

#navbar li:hover a, #navbar li:active a, #navbar li:focus a {
	color:white;
	text-decoration:none;
	background-color:transparent !important;
}

#navbar li:hover, #navbar li:active, #navbar li:focus {
	border-color: 1px solid white;
}


ul.menu {
	list-style-type:none;
	padding:0;
	margin:0 auto;
	text-align:center;
}

#navbar li {
	display: inline;
	height: 20px;
	float:left;
	text-align:center;
	padding: 0;
	margin-right:5px;
}

#navbar li:last-child{
	margin:0;
}


#footer {
	display:none;
	position: fixed;
	bottom:0;
	width:100%;
	#height:20px;
	#background-color:rgba(30, 30, 30, 0.5);
 	text-align: right;
 	padding:10px 0 10px 0;
 	color:rgba(200, 200, 200, 0.2);
 	font-family: Helvetica, sans-serif;
 	font-size:13px;
 	font-size:300 !important;
 	text-shadow:none !important;
}

#footer span {
	margin:0 10px 0 10px;
}

#footer a {
	margin:0 15px 0 10px;
}

#footer a:link, #footer a:visited {
	color:rgba(200, 200, 200, 0.2) !important;
	text-decoration:underline;
}

#footer a:hover, #footer a:active, #footer a:focus {
	color:#999 !important;
	text-decoration:underline;
	background-color:transparent !important;
}