:root {
	--body-bg: #d6e7ff; 
	--ms-border-col: #443300;
	--ms-content-bg: #ffffff;
	--ms-menu-bg: #fff;
	--ms-text-bg: #000;
	--ms-highlight: #443300;
	--ms-menu-item-bg: #fffcd6;
	--ms-menu-item-highlight-bg: #fff999;
	--ms-menu-item-activ-bg: #ffee00;
	--ms-menu-item-color: #443300;
}

a, a:active {
  color: var(--ms-border-col);
}

a:focus, a:hover {
  color: var(--ms-highlight)
}

.container-header {
	padding: 10px 10px 0 10px;
	background-image: none;
	background-color: transparent;
	height: auto;
}

.container-header .grid-child {
	border-style: solid;
	border-color: var(--ms-border-col);
	border-width: 4px 4px 8px 4px;
	padding: 0;
	background-image: linear-gradient(var(--ms-menu-item-activ-bg), #fff, var(--ms-menu-item-activ-bg));
	background-color: var(--ms-content-bg);
}

.navbar-brand {
	padding: 0;
}

header > .grid-child.container-nav {
	background: transparent;
	border: none;
	position: absolute;
	top: 20px;
	transform: translate(-50%, 0);
	left: 50%;
	max-width: 1340px;
}

@media (min-width: 992px) {
	.container-header .mod-menu {
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media (max-width: 767.98px) {
	.container-header .container-nav .container-search, .container-header .container-nav nav {
		margin-top: 0;
	}
}

@media (max-width: 800px) {
	.container-header .container-search ul {
	 background-color: rgba(255, 255, 255, 0.5);
	}
}

.container-header .mod-menu .nav-item > a {
	display: inline;
	color: var(--ms-border-col);
	border: 0;
	background-color: transparent;
}

.container-header .mod-menu .nav-item > a:hover {
	background-color: transparent;
	text-decoration: underline;
}

.container-header .container-search {
	margin-top: 0;
	text-align: right;
	padding-right: 25px;
}

.container-footer {
	background-color:  transparent;
	position: float;
	color: var(--ms-border-col);
	padding: 0 10px 10px 10px;
}

.container-footer .grid-child {
	background-image: linear-gradient(var(--ms-menu-item-activ-bg), #fff, var(--ms-menu-item-activ-bg));
	border-style: solid;
	border-color: var(--ms-border-col);
	border-width: 8px 4px 4px 4px;
	padding: 10px 8px 0 8px;
	background-color: var(--ms-content-bg);
  
}

.footer {
	background-image: none;
	margin-top: 0;
}

.site-grid {
	margin-bottom: 0;
	grid-gap: 0 0;
/*	grid-template-columns: [full-start] minmax(10px,1fr) [main-start] repeat(4,minmax(0,330px)) [main-end] minmax(10px,1fr) [full-end]; */
	grid-template-columns: [full-start] minmax(10px,1fr) [main-start] 255px repeat(3,minmax(0,355px)) [main-end] minmax(10px,1fr) [full-end];
}

@media (max-width:991px) {
	.site-grid {
		grid-template-areas: ". banner banner banner banner ." ". top-a  top-a  top-a  top-a  ." ". top-b  top-b  top-b  top-b  ." ". side-l side-l side-l side-l ." ". comp   comp   comp   comp   ." ". side-r side-r side-r side-r ." ". bot-a  bot-a  bot-a  bot-a  ." ". bot-b  bot-b  bot-b  bot-b  .";
	}
}

.container-sidebar-left {
	border-left: 4px solid var(--ms-border-col);
	border-right: 4px solid var(--ms-border-col);
	background-color: var(--ms-menu-bg);
}

.grid-child .container-sidebar-left {
	background-color: var(--ms-menu-bg);
}

.sidebar-left {
	margin: 0;
	padding: 10px 10px 10px 10px;
	background: transparent;
	border: 0;
	font-weight: bold;
}

.container-component {
	border-left: 4px solid var(--ms-border-col);
	border-right: 4px solid var(--ms-border-col);
	background-color: var(--ms-content-bg);
	padding-left: 15px;
}

@media (min-width:992px) {
	.container-sidebar-left {
		border-right: 0;
	}
	
	.container-component {
		border-left: 0;
	}
}

.nav-item > a {
	color: var(--ms-menu-item-color);
/*	border-right: 2px var(--ms-border-col) solid;
	border-left: 5px var(--ms-border-col) solid;*/
	border-bottom: 1px var(--ms-border-col) solid;
	display: block;
/*	width: 180px;*/
	background-color: var(--ms-menu-item-bg);
	text-decoration: none;
	padding: 3px 0 3px 10px;
}

.mod-list li {
	padding: 0;
}

ul.mod-menu.mod-list {
	width: 100%;
}

/* Das arbeitet nur mit maximal einer Untermenüebene korrekt! */
ul.mod-menu.mod-list > li > a {
	margin-right: 14px;
}

.mod-list li:first-child  > a {
	border-top: 1px solid var(--ms-border-col);
}

.mod-list li a:hover {
/*	border-right: 2px var(--ms-highlight) solid;*/
	border-left: 5px var(--ms-highlight) solid;
	background-color: var(--ms-menu-item-highlight-bg);
	color: var(--ms-highlight);
	text-decoration: none;
}

.mod-list li.active > a {
/*	border-right: 2px var(--ms-highlight) solid;*/
	border-left: 5px var(--ms-highlight) solid;
	background-color: var(--ms-menu-item-activ-bg);
	color: var(--ms-highlight);
	text-decoration: none;
}

.back-to-top-link {
	color: var(--ms-border-col);
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 10000;
    padding: .5em;
    pointer-events: all;
    background-color: transparent;
    border: 1px solid var(--ms-border-col);
    border-radius: .25rem;
    opacity: 0;
    transition: opacity .2s ease-in;
}

.back-to-top-link:hover {
    border: 1px solid #fff;
	color: var(--white,#fff);
	background-color: var(--ms-border-col);
}

.back-to-top-link:focus {
    border: 1px solid var(--ms-border-col);
	color: var(--ms-border-col);
    background-color: transparent;
}

.footer-info {
	float: left;
}

.footer-menu {
	float: right;
	font-weight: normal;
}

.footer-menu a {
	text-decoration: none;
}

.footer-menu a:hover {
	text-decoration: underline;
  color:
}

.container-footer .grid-child .mod-custom {
  width: 100%;
}