:root {

--cassiopeia-color-primary: #223344;
--cassiopeia-color-link: #443322;
--cassiopeia-color-hover: #334422;

--color-bleft: #284096;
--color-bright: #fff;

--color-btop: #f8d9ba; /*#284096;*/
--color-bunten: #f8eee4;

--color-hleft: #050604;
--color-hright: #1f1702;

--color-htop: #8b4417; /*#9ebcd6;*/
--color-hunten: #ca9364; /*#5287bb;*/

--color-fleft: #cfc0a6;
--color-fright: #3a0608;

}

body {
	/* background-image: url(
	"../images/page.jpeg");
	background-repeat: repeat;
	background-position: center top;
	*/
	background-image: linear-gradient(to top, var(--color-bunten)0%, var(--color-btop) 100%);
}

.container-header {
    position: relative;
    z-index: 10;
    margin-bottom: 5px;
    background-color: var(--color-hunten);
	/*
	background-image: url("/images/Bottom_texture.jpg");
	background-image: linear-gradient(135deg, var(--color-hleft) 0%, var(--color-hright) 100%);
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
	background-image: linear-gradient(to top, black 100%, white 0%);*/
	background-image: linear-gradient(to top, var(--color-htop)0%, var(--color-hunten) 100%);
}

.footer {
	margin-top: 1em;
	color: black; 
	background-color: var(--cassiopeia-color-fleft);
	background-image: linear-gradient(to top, var(--color-btop) 0%, var(--color-bunten) 100%);
	background-image: linear-gradient(to top, var(--color-btop)0%, var(--color-bunten) 100%);
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;	
}

.footer .grid-child {
  align-items: center;
  justify-content: space-between;
  padding: 0.5em;
}