/* Menue */
.container-header .mod-menu {
  color: var(--cassiopeia-color);
}
.container-header .mod-menu .level-1{
  border-top: 3px solid #d5d5d5;
}
.container-header .mod-menu a:hover, .container-header .mod-menu .active{
  color: var(--cassiopeia-color-link);
}

.container-header .mod-menu .level-1:hover, .container-header .mod-menu .active{
  border-top: 3px solid var(--cassiopeia-color-link);
}
.metismenu-item  a {
	color: currentColor;
}

.container-header .mod-menu .active .level-2 {
	border: 0;
	text-decoration:none;
}
.metismenu.mod-menu .metismenu-item.active > a {
	text-decoration:none;
}
.container-header .site-description {
  color: var(--cassiopeia-color-link);
}

/* Farben */
:root {
--cassiopeia-color-primary: #ffffff;
--cassiopeia-color-link: #709500;
--cassiopeia-color-hover: #ffffff;
--cassiopeia-color: #4d4d4d;
--link-color: #709500;
--body-bg: #f0f0f0;
--card-bg: #fff;
  }
.card {
--card-bg: #fff;
}
/* Textformatierung */
main {
  background-color: var(--card-bg);
  padding: 1.2em;
  font-size: 75%;
  color: var(--cassiopeia-color);
}

h1 {
	font-size: 1.7em;
	font-weight: 400;
}
h3 {
	font-size: 1.5em;
}

h2 {
	color: var(--cassiopeia-color-link);
	font-size: 1.6em;
	margin: 0 0 10;
	font-weight: normal;
	line-height: 1.2;
}

.back-to-top-link.visibler, .back-to-top-link, .back-to-top-link:visited, .back-to-top-link:focus, .back-to-top-link:hover {
  color: var(--cassiopeia-color-link);
}
.container-header .navbar-toggler {
  color: var(--cassiopeia-color-link);
}

.noheader {
	display: none;
}
/* Container Abstraende */
.container-component > main:nth-child(3){
  margin-top: 0.1em;
}
.container-component > :first-child {
  margin-top: 1em;
  font-size: 75%;
}
.site-grid > .container-bottom-a {
  padding: 1em 0em 1.2em 0em;
  font-size: 75%;
  column-gap: 0;
}

.container-sidebar-right {
  padding: 1em 0em 1.2em 0em;
  font-size: 75%;
}


.card-body ul li a {
	text-decoration: none;
}

.card-body ul li{
  padding: .25em 0;
  list-style: inside;
}
.card-body ul {
  padding-left: 1.5em;
}

.card, .card-header {
  color: var(--cassiopeia-color);
  background-color: var(--card-bg);
  border: 0;
  margin-top: 0em;
}
.container-sidebar-right .sidebar-right:first-child {
  margin-top: 0em
  }

.container-header .site-description, .container-header .navbar-brand a {
	flex: auto;
	font-size: 1em;
	max-width: 11em;
}

.main_top {
	margin: 0;
	padding: 0;
	border: 0;
	margin-bottom: 1em;
}

.top-b {
  background-color: var(--body-bg);
}
  
.top-b .card-body {
  padding: 0;
  margin-top: 1em;
}

/* Breadcrumps */
.mod-breadcrumbs__wrapper, .breadcrumb{
  background-color: var(--card-bg);
}

.breadcrumb-item+.breadcrumb-item:before {
  color: var(--cassiopeia-color-link);
  content:var(--breadcrumb-divider,">")
}

/* Buttons */
.btn:hover {
	background-color: #f1f3ee;
}

.btn {
	background-color: var(--body-bg);
}

/* Slideshow */
.showplusx-next, .showplusx-previous {
	opacity:0.5;
}

/* Formularfelder */
.formfeld {
	font-size: 100%;
	width: 50%;
	min-width: 15em;
}

.formfeldsmall {
	flex: none !important;
	font-size: 100%;
	width: 20% !important;
	min-width: 11em !important;
}

.formtext {
	font-weight: bolder;
}

/*Header im Vordergrund (OSM)*/
.container-header {
	z-index: 500;
}
/* Header und Navi nicht so viel Abstand und Logo neben Text*/
.container-header .container-nav {
	padding-bottom: 0;
}
.container-header .grid-child {
	padding:0;
}
.container-header nav {
	margin-top: 0;
}

.container-header .navbar-brand {
	display: flex;
	align-items: center;
	gap: 1em;
	padding-top: 0;
	padding-bottom: 0;
}
