/* --- Farbdefinition --- */

:root {
	--MainBgColor: #EBEBEB;
	--DarkTextColor: #262626;
	--LighterTextColor: #afafaf;
	--StandartBoxBGColor: #fff;
	--ShadowColor: #ccc;
    --HighLightBgColor: #0072d5 /*#a80030*/;
    --HighLightTextColor: #fff;
    --LightHighLightBgColor: #ffc8d7;
    --ButtonHighLightBgColor: #63b343;
}


/* --- Mafra's Blog Standard-Theme --- */

body {
	background-color: var(--MainBgColor);
}

.standardBox {
	background-color: var(--StandartBoxBGColor);
	box-shadow: 0 0 5px var(--ShadowColor);
}

.sidebarBox {
	background-color: var(--StandartBoxBGColor);
	box-shadow: 0 0 5px var(--ShadowColor);
}

.highlightBox {
	background-color: var(--HighLightBgColor);
	color: var(--HighLightTextColor);
}

header p a {
	color: var(--DarkTextColor);
	font-size: 2.2rem;
	font-weight: 400;
	}

h1 {
	color: var(--DarkTextColor);
}

article dl {
	color: var(--LighterTextColor);
}
	
	article dd a{
		color: var(--HighLightBgColor);
		}


	article h2 {
		color: color: var(--DarkTextColor);
	}
		
		article h2 a{
			color: var(--HighLightBgColor);
		}

	article p {
		color: var(--DarkTextColor);
	}
		
		article p a{
			color: var(--HighLightBgColor);
		}

		article h2 {
			color: var(--DarkTextColor);
		}

		article ul li {
			color: var(--DarkTextColor);
		}

		blockquote {
			border-left: 7px solid var(--HighLightBgColor);
		}

	div.mainbtn p a {
		color: var(--HighLightTextColor);
		background-color: var(--ButtonHighLightBgColor);
		box-shadow: 0 0 5px var(--ShadowColor);
		}

	section.Comments article{
		border-left: 7px solid var(--MainBgColor);
	}

	input.text_field {
		color: var(--DarkTextColor);
		border: 1px solid var(--DarkTextColor);
		}

	textarea {
		color: var(--DarkTextColor);
		border: 1px solid var(--DarkTextColor);
		}

	input.form_btn {
		color: var(--HighLightTextColor);
		background-color: var(--HighLightBgColor);
		border: 1px solid var(--HighLightBgColor);
		box-shadow: 0 0 5px var(--ShadowColor);
		}

	aside ul li a {
		background-color: var(--MainBgColor);
		color: var(--DarkTextColor);	
	}

	aside ul li a:hover {
		background-color: var(--HighLightBgColor);
		color: var(--HighLightTextColor);
	}

	footer a{
		color: var(--HighLightBgColor);
	}