body { background-color: #222; }


.navbar-inverse { background-color: #222; }

@font-face {
 font-family: 'Glyphicons Halflings';
 src: url('fonts/glyphicons-halflings-regular.eot');
 src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

#content > div {
 display: none;
 padding: 50px 2vw;
 background-color:#fff;
 color:#000;
}
#content > div.selected { display:block;  }

.fix-on {
 top: 0px;
 width:100%;
 position: fixed;
 z-index: 999 !important;
 border-radius: 0px;
}
.navbar {
 margin-bottom: 0px;
}
.fix-on > .navbar {
 border-radius: 0;
 box-shadow: 0 8px 6px -6px black;
}

#content a { color: #375A7F; text-decoration: underline; }
#content a:hover { color: #2B3E50; }


#appTop {
 padding-left: 0px;
 padding-right: 0px;
}
#appTop img {
 width: 100%;
}
.appHeader { position:absolute;top:0px;padding:20px 20px; }
.appHeader h1 {
 font-size: 4.5vw;
 margin: 0px;
 text-shadow: 0px 0px 8px #000;
 letter-spacing: 1.7pt;
 color: #fff;
 padding: 0px 20px 0 17px;
}
.appHeader h2 {
 font-size: 2.5vw;
 margin: 0px;
 text-shadow: 0px 0px 4px #000;
}
.appHeader h2 {
 background-color: rgba(50,50,50,.5);
 padding: 0px 20px;
 color: #fff;
}

@media(max-width:600px) {
 .appHeader h1 { font-size: 24pt; }
 .appHeader h2 { font-size: 12pt; }
}
@media(max-width:400px) {
 .appHeader h1 { font-size: 18pt; }
 .appHeader h2 { font-size: 10pt; }
}
@media(max-width:320px) {
 .appHeader h1 { font-size: 14pt; }
 .appHeader h2 { font-size: 9pt; }
}

#links { background-color: #fC3C3C;  background-color: #3B3B3B; }
#links { background-color: rgba(50,50,50,0.8); margin-top:-30px; padding-right:10px;  }
#links a { font-size: 0.9em; color: #fff; padding: 0 15px; cursor: pointer; font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
 text-shadow: 0px 0px 8px #000;}
#links a:hover { background-color: #2D5276; color: #fff; text-decoration: none; }
#links a::before { content: " "; }
#links a::after { content: " "; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
 text-decoration: none;
 color: #2B3E50;
 background-color: #375A7F;
}

.modal-content { background-color: rgba(0,0,0,.75); }
.modal-body { padding: 0px; }
.carousel-control { width: 40px; }
.carousel-control .glyphicon {
 border-radius: 10px; background-color: rgba(255,255,255,.125);
 width: 34px;
 height: 34px;
}
.carousel-inner img {
 box-shadow: 0px 0px 8px #000;
 max-width: 90%;
 max-height: 90%;
}
/*
.carousel-control.left, .carousel-control.right { background-image: none; width: 10%; }
.carousel-control .glyphicon { font-size: 5vw !important; font-family: Arial; }
.carousel-control .glyphicon-chevron-left::before { content: "«"; }
.carousel-control .glyphicon-chevron-right::before { content: "»"; }
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right { top: 20px; margin-top: 0px; }

*/

/* --------------------------------------------- Menüleiste ----------------- */
ul.nav li.dropdown:hover > ul.dropdown-menu {
	display: block;
	margin:-18px 0 0 15px;
 float: right;
 box-shadow: 5px 5px 5px #000;
 border: 1px solid #375A7F;
}
ul.nav li.dropdown:hover > ul.dropdown-menu ul.dropdown-menu {
 position: absolute;
 float: left;
 min-width: 160px;
 padding: 5px 0px;
 margin: 2px 0px 0px;
	left: 100%;
 margin-left: -40px;
	top: 25%;
}
ul.nav ul.dropdown-menu .caret {
	margin-left: 10px;
}


/* -------------------------------------------------------------------------- */
.dropdown-menu>li>a { padding: 5px 20px; }
.siteMapLink { line-height: 2em; }