@font-face {
font-family: 'bauhaus93';
src: url('../fonts/bauhaus.ttf') format('truetype'),
url('../fonts/bauhaus.woff') format('woff'),
url('../fonts/bauhaus.woff2') format('woff2');
}

@font-face {
font-family: 'fontello';
src: url('../fonts/fontello.eot');
src: url('../fonts/fontello.eot#iefix') format('embedded-opentype'),
url('../fonts/fontello.woff') format('woff'),
url('../fonts/fontello.ttf') format('truetype'),
url('../fonts/fontello.svg') format('svg');
font-weight: normal;
font-style: normal;
}

html {overflow: -moz-scrollbars-vertical; overflow-y: scroll}
body {font-family: Verdana, Arial, sans-serif; font-size:95%; -webkit-text-size-adjust:none; color: #444; background-color:#e0d7c8; background-image: url(img/standard.jpg)}
html, body {height:100% }

a {text-decoration: underline}
h1, h2, h3, h4 {color:#545; font-weight: bold}
h1 {line-height:1.4em; font-size:1.5em}
h2 {line-height: 1.35em; font-size:1.3em; margin: 1.3em 0 1.3em 0}
h3 {line-height: 1.35em; font-size:1.2em}
h4 {line-height: 1.2em; font-size: 1em}

.normal {text-align:justify}
p {margin-top:0}
p.untertitel {font-size:1.3em;margin: 0 0 .5em 0;font-style:italic}
p.rechts {text-align:right}
p.text {text-align: center; font-size: .85em; margin: .2em 0}
p.lizenzhinweis {text-align:left; font-size: .7em; padding: .5em; margin: .5em 0 .25em 0; color: grey; background-color: #dcdcdc}
p.urheber {font-size: .9em; text-align:justify; font-style:italic; color:#700000}
p.hinweis {text-align:justify; font-style:italic}
p.anmerkung {font-size:.9em;	text-indent:-2em;	margin-left: 2em;	margin-right: 4em}
p.anmerkung verweis {display: inline-block; float: left; width: 2em}
p.endab {margin-bottom: 50em}
p.bauhaus {font-family:'bauhaus93',sans-serif; font-size:3em; color:#700000}

.fontello-gross {font-family:'fontello',sans-serif; font-size:2.2em; line-height:1em}
.fontello {font-family:'fontello',sans-serif; font-size:1.2em}
.zitat {font-size:.9em; text-align:justify; margin-left:1em; margin-right:1em}
.hervorheb {color:#700000; font-size:1em}

.i_button { float:right}
.i_anmerk { float:right; margin-right:-3em;	}
ul.standardliste {overflow:auto; padding-left: 1.5em}

.bild_links {border: 1px solid #aaa; float: left; background: #fff !important; padding: 5px; margin:.3em .5em .3em 0}
.bild_rechts {border: 1px solid #aaa; float: right; background: #fff !important; padding: 5px; margin:.3em 0 .3em .5em}
.bild_mitte {border: 1px solid #aaa; background: #fff !important; padding: 5px; max-width:calc(100% - 12px); display:table; margin:.3em auto}

#main a img {transition: all .7s ease;height:auto}
#main a:hover img, #main a:focus img {transform:scale(1.2)}
#main a:hover img.after, #main a:focus img.after {transform:none}
#main a.anmerk {text-decoration:none; font-size: 12px; vertical-align:super; margin: 0.67em 0; border: solid 1px #616161; border-radius: 10px}
.sprung {	display:block}
.sprung::before {	display: block;	content: ""; height: 0em;	margin-top: 0em; visibility: hidden}

#kopf {background-image: url("img/banner.jpg"); background-repeat: no-repeat; margin-top: 10px; background-size: 100% ; padding: .5em 5em; box-sizing: border-box; border: 1px solid #fff; text-align: center; background-position: bottom; background-color: #627ea6}
#kopf h1, #kopf p {color: #fff; text-shadow: 0 -1px #555, 1px 0 #555, 0 1px #555, -1px 0 #555; font-weight: bold}
#kopf h1 {margin: 4px 0 7px 0; font-style:italic; font-size: 2.5em;letter-spacing:-1px}
#kopf p {font-size: 1.5em;	font-style:italic; margin: 0}

#scrollUp{bottom:3em;right:2em;text-decoration:none;/*outline:none;*/opacity:.7;border:1px solid #aaa;border-radius:10em !important;background:#fff;padding:6px}
#scrollUp:hover, #scrollUp:focus{background:#f1f1f1;opacity:1}
#scrollUp img {opacity:.5; vertical-align: middle}
footer {position: -webkit-sticky; position:sticky; bottom: 0}
footer { background: #d3d6d8 url(img/hellgrau.jpg); min-height:3em;padding: .5em 1em; border:1px solid #fff}
footer a, #main a:link, #main a:visited {color:#700000}
footer a:hover, footer a:focus,#main a:hover, #main a:focus {color:#700000}
footer, .small{font-size:.9em}

#xNavBar { background-color: #d3d6d8; }
.navbar-brand a { padding-left: 10px; color: #fff; }
.sidebar-user { background-color: #bdb5b8; }
.menuLinks { color: #545 !important; }
.menuLinks:hover { color: #ccc !important; }
.sidebar-content { background: #d3d6d8 url(img/hellgrau.jpg); }
.sidebar-light .nav-sidebar>.nav-item>.nav-link.active span:after, .sidebar-light .nav-sidebar .nav-item > .nav-link.active span:after {content: "\00A0✓"; display: inline-block; font-size: 1em; line-height: 1; margin-right: -14px;}
.sidebar-light .nav-sidebar .nav-item>.nav-link.active { background-color: #ccc; }
.sidebar-light .nav-sidebar>.nav-item-open>.nav-link:not(.disabled), .sidebar-light .nav-sidebar>.nav-item>.nav-link.active {background-color: #ccc}
.sidebar-light a, .sidebar-light a:hover, .sidebar-light a:focus {color: #cfcfd0;	text-decoration: none;}
.sidebar-light .nav-sidebar .nav-item-open>.nav-link:not(.disabled), .sidebar-light .nav-sidebar>.nav-item-expanded:not(.nav-item-open)>.nav-link {background-color: #ccc}
.sidebar .nav-link {padding: 0.2rem .6rem; color: #212529; font-size: .8rem; border-left: solid 3px transparent; border-radius: 0; transition: border .3s, background .3s}
.sidebar .nav-link.active {background-color: #eee; color: #212529; border-left: solid 3px #bbb}
expanded:not(.nav-item-open)>.nav-link { background-color: #ccc; }
.nav-sidebar>.nav-item-open a:before { content: none !important; }

header nav { background-color: #d3d6d8 !important; margin-bottom: 20px; }
.navbar-light { border: 1px solid #fff; }
.navbar-light .navbar-nav .nav-link { color: #444; }
.nav-item { border-right: 1px solid #fff; padding: 1px 5px}
.nav-item-submenu>.nav-link:after { margin-top: -7px; }
.nav-item.last { border-right: none; }
.navbar { padding: 0; }

@media only screen and (max-width: 992px) {
.normal {text-align:left}
p.hinweis {text-align:left}
p.urheber {text-align:left}
p.zitat {text-align:left}
#kopf, .headerContainer, header .container { padding: 0 !important}
#kopf h1 {margin: 0;font-size:1.5em; color:#fff}
#kopf p {margin: 0;font-size:1.2em; color:#fff}
footer {position: initial; bottom: 0}
.nav-link {margin-left: 10px}
.second-nav {display: block}
.second-nav li {float: left; display: inline}
.bild_links {float: none; border: 1px solid #aaa; background: #fff !important; padding: 5px; max-width:calc(100% - 12px); display:table; margin:.3em auto}
.bild_rechts {float: none; border: 1px solid #aaa; background: #fff !important; padding: 5px; max-width:calc(100% - 12px); display:table; margin:.3em auto}
.sprung {	display:block}
.sprung::before {	display: block;	content: ""; height: 2.5em;	margin-top: -2.5em;	visibility: hidden;	}
}

@media only screen and (min-width: 992px) {
.container {padding-left: 85px; padding-right: 85px}
footer .container {width: 100%}
a.nav-link, a.dropdown-item {font-size: 15px}
}

@media only screen and (max-width: 768px) {
.headerContainer {margin-top: 50px}
}

@media (min-width: 769px) {
#xNavBar {display: none}
.sidebar {width: 100%}
.container {padding: 0}
.sidebar, .sidebar-content {height: 100%}
.sidebarRow {margin: 0}
}