:root {  
	--icon-color: #222;
	--bewertung-color: rgba(152,106,105,1);
	--bewertung-light-color: rgba(220,220,220,1);

}

@media screen and (prefers-color-scheme: dark) {
	:root {  
		--icon-color: #ddd;
		--bewertung-light-color: rgba(80,80,80,1);
	}
}

.emoji, [class^="emoji-"]:before, [class*=" emoji-"]:before { 
	font-family: monospace,"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols,"EmojiOne Mozilla";font-style: normal;color: #000; 
	font-size:1em;
	position:relative;
	line-height:2px;
	top:2px;
}
.e-x2 {
	font-size: 2em;
}
.e-x15 {
	font-size: 1.5em;
}
.e-x12 {
	font-size: 1.2em;
}
.emoji-sun:before, .emoji-face-sunglasses:before {
	content: '😎';
}
.emoji-flushed:before, .emoji-face-flushed:before {
	content: '😳';
}
.emoji-winking:before, .emoji-face-winking:before {
	content: '😉';
}
.emoji-kiss:before {
	content: '😘';
}
.emoji-hearts-eyes:before {
	content: '😍';
}
.emoji-hearts-face:before {
	content: '🥰';
}
.emoji-hand-ok:before {
	content: '👌';
}

.emoji-weinen:before {
	content: '😢';
}

.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:2px;
	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, nav [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: "\0055";
}
.icon-eintrag:before {
	content: "\0046";
}
.icon-bilder:before {
	content: "\0043";
}
.icon-bild:before {
	content: "\0044";
}
.icon-datum:before {
	content: "\006D";
}
.icon-kommentare:before {
	content: "\0057";
}
.icon-einstellungen:before {
	content: "\0073";
}
.icon-kategorien:before {
	content: "\0048";
}
.icon-login:before, .icon-lock:before {
	content: "\005A";
}
.icon-lock:before {
	font-size:54px;
}
.icon-logout:before {
	content: "\002E";
}
.icon-passwort_aendern:before {
	content: "\0061";
}
.icon-rakete:before {
	content: "\0033";
}

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: "\004D";
	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: "\0049";
}
.icon-notizen:before {
	content: "\004A";
}
.icon-bearbeiten:before {
	content: "\0054";
}
.icon-neu:before {
	color:#099d02;
	content: "\004E";
}
.icon-camera:before {
	content: "\0030";
}
.icon-sync:before {
	content: "\007A";
}
.icon-benutzer:before {
	content: "\0076";
}
.icon-neuer_benutzer:before {
	content: "\0077";
}
.icon-bearbeiten_button:before {
	color:#fff;
	content: "\0055";
	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: "\004C";
}
.icon-fix:before {
	color:#E2A52D;
	content: "\004C";
}
.icon-okaygray:before {
	color:var(--icon-color);
	content: "\004C";
}
.icon-okayblack:before {
	color:#111;
	content: "\004C";
}
.icon-okaygreen:before {
	color:#008722;
	content: "\004C";
}
.icon-achtung:before {
	color:#cf0711;
	content: "\0059";
}
.icon-left:before {
	content: "\007b";
	margin:0;
}
.icon-left-white:before {
	content: "\007b";
	color:#fff;
	margin:0 0 0 -7px;
	top:2px;
}
.icon-right:before {
	content: "\0029";
	margin:0;
}
.icon-right-white:before {
	content: "\0029";
	color:#fff;
	margin:0 -10px 0 0;
	top:2px;
}
.icon-navleftsmall:before,.icon-navleft:before {
	content: "\0023";
	color: var(--link-color);
	font-size:36px;
	margin:0;
	top:4px !important;
}
.icon-navrightsmall:before, .icon-navright:before {
	content: "\0022";
	color: var(--link-color);
	font-size:36px;
	margin:0;
	top:2px !important;
}
.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: "\0029";
	margin:0;
}
.icon-goto-left:before {
	content: "\007b";
	margin:0;
}
.icon-up:before {
	content: "\0028";
}
.icon-down:before {
	content: "\0026";
}
.icon-links:before {
	content: "\005d";
	margin:0;
	top:2px;
}
.icon-rechts:before {
	content: "\201c";
	margin:0;
	top:2px;
}
.icon-anfang:before {
	content: "\005b";
	margin:0;
	top:2px;
}
.icon-ende:before {
	content: "\2018";
	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: "\20ac";
	margin:0;
}
.icon-goto:before {
	content: "\20ac";
	margin:0;
}
.icon-schlagwoerter:before {
	content: "\0035";
}
.icon-lupe:before {
	content: "\003B";
}
.icon-zeitjetzt:before {
	content: "\003F";
}
.icon-iphone:before {
	content: "\003E";
}
.icon-ipad:before {
	content: "\0021";
}
.iconindent {
	text-indent: -28px;
	margin-left:28px;
}
.entbehrlich {
}
.icon-drehen:before {
	content: "\0079";
}
.icon-www:before {
	content: "\0041";
}
.icon-www-button:before {
	content: "\0041";
}
.icon-www-button-blue:before {
	content: "\0041";
	color:#7ca3e6;
}
.icon-www-button-blue-small:before {
	content: "\0041";
	color:#7ca3e6;
	font-size:20px;
	top:2px;
	margin:0px;
}
.icon-bearbeiten-blue:before {
	content: "\0055";
	color:#7ca3e6;
}
.icon-neuer-eintrag-mit-bild:before {
	color:#099d02;
	content: "\0045";
}
.icon-herz:before {
	content: "\002A";
	margin:0 5px 0 0;
	color: var(--bewertung-color) !important;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-herz-halb:before {
	content: "\005E";
	color: var(--bewertung-color) !important;
	margin:0 5px 0 -29px;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-herz-grau:before {
	content: "\002A";
	margin:0 5px 0 0;
	color: var(--bewertung-light-color) !important;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-bulli:before {
	content: "\00A8";
	margin:0 5px 0 0;
	color: var(--bewertung-color) !important;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-bulli-grau:before {
	content: "\00A8";
	margin:0 5px 0 0;
	color: var(--bewertung-light-color) !important;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-bulli-halb:before {
	content: "\00AB";
	color: var(--bewertung-color) !important;
	margin:0 5px 0 -32px;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-bullet:before {
	content: "\002D";
	margin:0 5px 0 0;
	position:relative;
	top:0px;
}
.icon-stern:before {
	content: "\002D";
	margin:0 5px 0 0;
	color: var(--bewertung-color) !important;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-stern-grau:before {
	content: "\002D";
	margin:0 5px 0 0;
	color: var(--bewertung-light-color) !important;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-stern-halb:before {
	content: "\002B";
	color: var(--bewertung-color) !important;
	margin:0 5px 0 -32px;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-robot:before {
	content: "\0036";
	margin:0 5px 0 0;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-robot-grau:before {
	content: "\0036";
	margin:0 5px 0 0;
	color: var(--bewertung-light-color) !important;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-robot-halb:before {
	content: "\0037";
	margin:0 5px 0 -32px;
	position:relative;
	top:3px;
	font-size:28px !important;
}
.icon-open-sidebar:before {
	color:#fff !important;
	content: "\0022";
	margin:0 0px 0 10px;
	top:8px;
	font-size:42px !important;
}
.icon-close-sidebar:before {
	color:#fff !important;
	content: "\0023";
	margin:0 0px 0 10px;
	top:8px;
	font-size:42px !important;
}
.icon-besserwisser:before {
	content: "\0058";
}
.icon-buecher:before {
	content: "\006c";
}
.icon-widget:before {
	content: "\0071";
}
.icon-digitalewelt:before {
	content: "\002c";
}
.icon-film:before {
	content: "\0053";
}
.icon-fotos:before {
	content: "\0030";
}
.icon-gestaltung:before {
	content: "\0055";
}
.icon-kueche:before {
	content: "\0031";
}
.icon-leben:before {
	content: "\0076";
}
.icon-musik:before {
	content: "\0072";
}
.icon-photoshop:before {
	content: "\0044";
}
.icon-webdesign:before {
	content: "\0052";
}
.icon-start:before {
	content: "\0033";
}
.icon-portfolio:before {
	content: "\0043";
}
.icon-kontakt:before {
	content: "\0032";
}
.icon-hilfe:before {
	content: "\004F";
}
.icon-rss2:before {
	content: "\0075";
}
.icon-mastodon:before {
	content: "\005F";
}
.icon-apps:before {
	content: "\0074";
}
.bi-sm:before {
	font-size:19px !important;
	top: 0px;
}
.bi-lg:before {
	font-size:36px !important;
	vertical-align: -24%;
	line-height:24px;
}
.bi-xl:before {
	font-size:48px !important;
	vertical-align: -30%;
	line-height:30px;
}
.bi-arrow:before {
	vertical-align: -12%;
	line-height:20px;
}
.bi-white:before {
	color: #fff !important;
}