:root {  
	--icon-color: #666;
}

@media screen and (prefers-color-scheme: dark) {
	:root {  
		--icon-color: #ddd;
	}
}

.icon, [class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: 'blogfilericons';
	font-style: normal;
	speak: none;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	font-size:24px;
	line-height:2px;
	color:var(--icon-color);
	position:relative;
	top:4px;
	margin-right:8px;
}
#blf_menu [class^="icon-"]:before, [class*=" icon-"]:before {
	font-size:20px;
	line-height:10px;
	color:#fff;
	margin-right:5px;
	top:3px;
}
#menu [class^="icon-"]:before, [class*=" icon-"]:before {
	font-size:25px;
	color:#fff;
	position:relative;
	top:4px;
	margin-right:6px;
}
.icon-anzeigen:before {
	content: "\0051";
}
.icon-eintrag_bearbeiten:before {
	content: "\0042";
}
.icon-eintrag:before {
	content: "\0043";
}
.icon-bilder:before {
	content: "\0044";
}
.icon-bild:before {
	content: "\0072";
}
.icon-datum:before {
	content: "\0045";
}
.icon-kommentare:before {
	content: "\0046";
}
.icon-einstellungen:before {
	content: "\0047";
}
.icon-kategorien:before {
	content: "\0048";
}
.icon-login:before, .icon-lock:before {
	content: "\0049";
}
.icon-lock:before {
	font-size:54px;
}
.icon-logout:before {
	content: "\0059";
}
.icon-passwort_aendern:before {
	content: "\005C";
}
.icon-rakete:before {
	content: "\007a";
}
a .icon-bearbeiten:hover:before, a .icon-datum:hover:before, a .icon-right:hover:before, a .icon-left:hover:before, a .icon-goto-right:hover:before, .icon-www-button:hover:before, .icon-www-button-blue:hover:before, .icon-www-button-blue-small:hover:before, .icon-bearbeiten-blue:hover:before {
	color:#fff;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;	
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#7ca3e6;
	padding:4px 3px 0px 3px;
}
.icon-loeschen:before {
	color:#cf0711;
	content: "\004A";
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0),
	1px -1px 1px rgba(255, 255, 255, 1.0),
	-1px 1px 1px rgba(255, 255, 255, 1.0),
	-1px -1px 1px rgba(255, 255, 255, 1.0);
}
a .icon-loeschen:hover:before  {
	color:#fff;
	text-shadow: none;
}
.icon-logs:before {
	content: "\004B";
}
.icon-notizen:before {
	content: "\004C";
}
.icon-bearbeiten:before {
	content: "\004D";
}
.icon-neu:before {
	color:#099d02;
	content: "\004E";
}
.icon-camera:before {
	content: "\0076";
}
.icon-sync:before {
	content: "\005F";
}
.icon-benutzer:before {
	content: "\004F";
}
.icon-neuer_benutzer:before {
	content: "\005B";
}
.icon-bearbeiten_button:before {
	color:#fff;
	content: "\0050";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8),
	1px -1px 1px rgba(0, 0, 0, 0.8),
	-1px 1px 1px rgba(0, 0, 0, 0.8),
	-1px -1px 1px rgba(0, 0, 0, 0.8);
	opacity:.9;
}
a .icon-bearbeiten_button:hover:before  {
	color:#7ca3e6;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8),
	1px -1px 1px rgba(255, 255, 255, 0.8),
	-1px 1px 1px rgba(255, 255, 255, 0.8),
	-1px -1px 1px rgba(255, 255, 255, 0.8);
}
.icon-okay:before {
	color:#099d02;
	content: "\0057";
}
.icon-okaygray:before {
	color:var(--icon-color);
	content: "\0057";
}
.icon-okayblack:before {
	color:#111;
	content: "\0057";
}
.icon-okaygreen:before {
	color:#008722;
	content: "\0057";
}
.icon-achtung:before {
	color:#cf0711;
	content: "\0058";
}
.icon-left:before {
	content: "\0056";
	margin:0;
}
.icon-left-white:before {
	content: "\0056";
	color:#fff;
	margin:0 0 0 -7px;
	top:2px;
}
.icon-right:before {
	content: "\0055";
	margin:0;
}
.icon-right-white:before {
	content: "\0055";
	color:#fff;
	margin:0 -10px 0 0;
	top:2px;
}
.icon-navleftsmall:before,.icon-navleft:before {
	content: "\2005";
	color: var(--link-color);
	font-size:36px;
	margin:0;
}
.icon-navrightsmall:before, .icon-navright:before {
	content: "\2004";
	color: var(--link-color);
	font-size:36px;
	margin:0;
}
.icon-navright:before, .icon-navleft:before {
	font-size:128px;
	opacity:.2;
}
.icon-navright:hover:before, .icon-navleft:hover:before {
	opacity:1;
}
.icon-goto-right:before {
	content: "\005D";
	margin:0;
}
.icon-goto-left:before {
	content: "\005E";
	margin:0;
}
.icon-up:before {
	content: "\0054";
}
.icon-down:before {
	content: "\0053";
}
.icon-links:before {
	content: "\201A";
	margin:0;
	top:2px;
}
.icon-rechts:before {
	content: "\2026";
	margin:0;
	top:2px;
}
.icon-anfang:before {
	content: "\2019";
	margin:0;
	top:2px;
}
.icon-ende:before {
	content: "\201C";
	margin:0;
	top:2px;
}
a .icon-links:hover:before, a .icon-rechts:hover:before, a .icon-anfang:hover:before, a .icon-ende:hover:before, .icon-goto-page:hover:before  {
	color:#fff;
	margin:0;
}
.icon-goto-page:before {
	content: "\2122";
	margin:0;
}
.icon-goto:before {
	content: "\2122";
	margin:0;
}
.icon-schlagwoerter:before {
	content: "\0178";
}
.iconindent {
	text-indent: -28px;
	margin-left:28px;
}
.entbehrlich {
}
.icon-drehen:before {
	content: "\0061";
}
.icon-www:before {
	content: "\007a";
}
.icon-www-button:before {
	content: "\007a";
}
.icon-www-button-blue:before {
	content: "\02DC";
	color:#7ca3e6;
}
.icon-www-button-blue-small:before {
	content: "\02DC";
	color:#7ca3e6;
	font-size:20px;
	top:2px;
	margin:0px;
}
.icon-bearbeiten-blue:before {
	content: "\004D";
	color:#7ca3e6;
}
.icon-neuer-eintrag-mit-bild:before {
	color:#099d02;
	content: "\00A4";
}
.icon-herz:before {
	content: "\203A";
	margin:0;
}
.icon-herz-halb:before {
	content: "\00A3";
	margin:0 0 0 -16px;
	font-size:16px;
}
.icon-herz-grau:before {
	color:#ccc;
	content: "\203A";
	margin:0;
}
.icon-bulli:before {
	content: "\00A8";
	margin:0 5px 0 0;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-bulli-grau:before {
	content: "\00A8";
	margin:0 5px 0 0;
	color:#ccc;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-bulli-halb:before {
	content: "\00AB";
	margin:0 5px 0 -29px;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-stern:before {
	content: "\2001";
	margin:0 5px 0 0;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-stern-grau:before {
	content: "\2001";
	margin:0 5px 0 0;
	color:#ccc;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-stern-halb:before {
	content: "\2002";
	margin:0 5px 0 -29px;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-robot:before {
	content: "\00B4";
	margin:0;
	font-size:28px !important;
}
.icon-robot-grau:before {
	content: "\00B4";
	margin:0 5px 0 0;
	color:#ccc;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-robot-halb:before {
	content: "\2003";
	margin:0 5px 0 -29px;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-open-sidebar:before {
	color:#fff;
	content: "\005D";
	margin:0 -10px 0 0;
	top:4px;
	font-size:28px;
}
.icon-close-sidebar:before {
	color:#fff;
	content: "\005E";
	margin:0 -10px 0 0;
	top:4px;
	font-size:28px;
}
.icon-besserwisser:before {
	content: "\0075";
}
.icon-buecher:before {
	content: "\007E";
}
.icon-widget:before {
	content: "\20AC";
}
.icon-digitalewelt:before {
	content: "\0074";
}
.icon-film:before {
	content: "\0079";
}
.icon-fotos:before {
	content: "\0076";
}
.icon-gestaltung:before {
	content: "\2039";
}
.icon-kueche:before {
	content: "\0077";
}
.icon-leben:before {
	content: "\0070";
}
.icon-musik:before {
	content: "\0071";
}
.icon-photoshop:before {
	content: "\0072";
}
.icon-webdesign:before {
	content: "\0073";
}
.icon-start:before {
	content: "\007A";
}
.icon-portfolio:before {
	content: "\0044";
}
.icon-kontakt:before {
	content: "\0078";
}
.icon-hilfe:before {
	content: "\0052";
}
.icon-rss:before {
	content: "\202F";
}