* {
	padding:0;
	margin:0;

}

html {	height:100%;}

body { 
	background-color:black;
	background: url(../img/logo_black.jpg) no-repeat 100px top fixed; 
	background-color:black;
	font-family:T-Star;font-size:14px;
	color:#ddd;
	height:100%;
}

#footer {position:fixed;bottom:0px;left:0px;width:100%;text-align:center;font-size:0.8em}
#footer span {background:white}

.navbar {font-family:Roboto;color:white;}
.navbar a {text-transform:uppercase;color:white}
.navbar-image {display:none}

body a {color:#0080d1}
body a:hover {color:#0080d1}


.header {
	position:fixed;
	top:0px;left:0px;
	width:280px;
	background:none;
	z-index:1000;
	font-size:24px;
	
}

.menu-bar {
	color:#fff;
	font-size:26px;
	cursor:pointer;
	padding:10px 12px;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
}

.menu-bar:hover {
	border-radius:50px;
	background-color:rgba(255, 255, 255, 0.2);

}
#tag-menu {
	display:none;
}


#tag-menu:checked ~ div.drawer {
 animation: slide-in 0.5s ease;
 animation-fill-mode: forwards;
}

.drawer {
	font-size:14px;
	position:fixed;
	left:-280px;
	background-color:black;
	height:100%;
	z-index:100;
	width:280px;
	animation: slide-out 0.5s ease;
	animation-fill-mode: forwards;
    background: -webkit-linear-gradient(left, rgba(0,0,0, 1), rgba(0,0,0, 0.7)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(0,0,0, 1), rgba(0,0,0, 0.7)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(0,0,0, 1), rgba(0,0,0, 0.7)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(0,0,0, 1), rgba(0,0,0, 0.7)); /* Standard syntax (must be last) */	

}

.drawer ul li {
	list-style:none;
}

.drawer ul li a {
	padding:10px 30px;
	text-decoration:none;
	display:block;
	color:#ddd;
	border-top:1px solid #333;
}

.drawer ul li a:hover{
	background-color:rgba(255, 255,255 , 0.25);
}

.drawer ul li a i {
	width:50px;
	height:35px;
	text-align:center;
	padding-top:15px;
}

@keyframes slide-in {
 from {left: -280px;}
 to {left: 0;}
}

@keyframes slide-out {
 from {left: 0;}
 to {left: -280px;}
}

.announce {
	z-index:99;
	margin: 0;
	padding:12px 60px 12px 20px;
	background:#;
	position: absolute;
	bottom: 12%;
	left: 10%;	
	border: 1px solid #999;	
	opacity:0.9;
	box-shadow: 10px 6px 12px rgba(0,0,0,0.35);
	line-height:1.8em;
	max-width:80%;
	min-width:15%;
}
.announce .date, .wrap_date  {padding-left:2px;}
.announce .title, .announce .wrap_title {font-size:1.6em;font-weight:bold}
.announce .location, .wrap_location {padding-left:1px;}

.radar {position:absolute;top:0px;left:0px;}

.modal-content { background:black}
.modal-body { padding:0px 40px 60px 40px;}
.modal-header {  border:0px}
.modal-header button {color:white} 



#haus {
	width:100%;height:100%;
	text-align: center; 
	margin:0 auto;  
	display: flex;
	justify-content: center;
	align-items: center;
 }
#haus svg {width:100%;max-width:1420px;height:100%;}
#haus svg {}
#haus polygon, #haus rect {
	fill: none;
	pointer-events: all;
}
#haus polygon:hover, #haus rect:hover, 
#haus polygon:focus, #haus rect:focus { 
	cursor: pointer;
	fill: #000000;
	opacity:0.5;
}	
svg path { 
	opacity: 0.5;
	transition: 1s opacity;
}
svg path:hover {
	opacity: 0.1;
}
svg g#Donau path {
	opacity: 0.75;
}	
svg g#Donau path:hover {
	opacity: 1;
}

.overlay { opacity: 0; }
.overlay line {stroke:#ffffff;stroke:#ffffff; stroke-width:1;opacity: 0.4;}

path:hover + .overlay, image:hover + .overlay, 
path:focus + .overlay { 
	opacity: 1;
} 

a.item image {opacity: 0.7}
a.item image:hover {opacity: 1}
	

svg g { transition: 1s; font-size: 14px; }
svg text {font-size:1.6em; fill:#dddddd; stroke-width:0px;}




@media (max-width: 768px) and (max-aspect-ratio:768/768) 
{	
	#haus {margin-top:-10%}
	.announce .title {font-size:1.5em;}
	.announce {padding-right:10px;line-height:1.6em;}
}


@media (max-height: 768px) and (min-aspect-ratio:768/768) 
{	
	.announce .title {font-size:1.4em;}
	.announce {padding-right:10px;line-height:1.5em;}
}