
	#favorites { position: fixed; left: calc(100vw + 0.2em); top: 0; width: 45em; height: 105vh; max-height: 100vh; background: #fff; border-left: 0.2em solid #5d5d5d; z-index: 800; overflow-y: scroll; overflow-x: none; }
	
	#favorites_headline { font-size: 1.4em; font-variant: small-caps; margin: 0.5em 2em 0.5em 1em; }
	#favorites_headline table { float: right; opacity: 0.7; cursor: pointer; font-size: 0.8em; }
	#favorites_headline img { display: block; width: 0.8em; margin-right: 0.25em; }
	#favorites_headline table:hover { opacity: 1; }
	
	#favorites_close { width: 1em; }
	#favorites_close img { display: block; width: 1em; opacity: 0.8; margin-top: 0.25em; cursor: pointer; }
	#favorites_close img:hover { opacity: 1; }
	
	.favorite { display: flex; flex-wrap: wrap; border: 1px solid #b3b3b3; border-radius: 5px; margin: 0.5em 1em; }
	.favorite_img { width: calc(20% - 2em); margin: 0.25em 1em; }
	.favorite_img img { width: 100%; }
	.favorite_title { width: calc(60% - 0.5em); margin-right: 0.5em; font-size: 1.1em; font-variant: small-caps; }
	.favorite_title_keypoints { font-size: 0.8em; font-variant: normal; }
	.favorite_actions { width: 20%; font-variant: small-caps; padding: 0.5em 0; }
	.favorite_action { margin-bottom: 0.25em; border: 1px solid #b3b3b3; border-radius: 5px; cursor: pointer; margin: 0 0.25em 0.5em 0; }
	.favorite_action:hover { border-color: #5d5d5d; }
	.favorite_action table { width: 100%; margin: 0.25em; }
	.favorite_action_img { width: 20%; }
	.favorite_action_img img { display: block; width: calc(100% - 0.25em); }
	.favorite_action_title { font-size: 0.9em; font-variant: small-caps; }
	
	.no_favorites { margin: 1em 1.5em; font-size: 1.1em; font-variant: small-caps; }
	
	
	@media only screen and (max-width: 800px) {
		
		#favorites { width: 100%; }
		.favorite_img { order: 1; width: calc(50% - 2em); margin: 0.5em 1em; }
		.favorite_actions { order: 2; width: 50%; }
		.favorite_title { order: 3; width: calc(100% - 2em); margin: 0 1em 1em 1em; }
		.favorite_title ul { margin: 0; margin-left: 1em; padding: 0; }
		
	}
	