:root{
	--cassiopeia-color-primary:#fafafa;
	--cassiopeia-color-link:#224faa;
	--link-color:#224faa;
	--link-color-rgb:34,79,170;
	--cassiopeia-color-hover:#e1e1e1;
	--a-heimatverein-color:#323332;
	--menue-heimatverein-color: rgb(172,204,234);
}

.container-header .mod-menu>li.active:after,.container-header .mod-menu>li:hover:after{
	background: var(--a-heimatverein-color);
	left:0;
	right:2px;
	height: 1px;
	opacity: 0.5;	
}

.container-header .mod-menu>li.active:after{
	background: var(--a-heimatverein-color);
	height: 1px;
	opacity: 0.5;
}

.container-header .mod-menu {
    color: var(--a-heimatverein-color);
	#background: var(--menue-heimatverein-color);
}

.container-header .navbar-brand {
	margin: 0 auto;
}
	
.container-header .navbar-brand a {
	color: var(--a-heimatverein-color);
    text-decoration-line: none;
}

.container-header .site-description {
    color: var(--a-heimatverein-color);
    font-size: 1.5rem;
    white-space: normal;
    text-align: center;
}

.container-header .container-nav{
	padding-bottom: 0.3em;
	background: var(--menue-heimatverein-color);
}

.mod-list li {
    margin: 0 auto;
}

.card {
	--card-border-width: 0;	
}	

body:not(.has-sidebar-right)
.site-grid .container-component {
    padding-right: 20px;
    padding-left: 20px;
}

.footer .grid-child {
	width: fit-content;
	color: var(--a-heimatverein-color);
	font-size: 0.9rem;
	padding: 0.5rem 0.5em;
}