#VGN .fal {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	line-height: 1;
	text-rendering: auto;
}
#VGN .fa_link_logo {
	background-color: #633;
	border-radius: 3px;
	box-shadow: 0 0 0px #AAA;
	padding: 0px 5px 0px 2px;
	color: #fff!important;
	font-weight: 700;
	text-decoration: none!important;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
}
#VGN .fal[data-fa-icon]::before {
	color: #C41C22;
	content: attr(data-fa-icon);
	font-size: 14px;
	margin: 0 0.25em;
	vertical-align: middle;
}
#VGN .fa_link_logo:hover {box-shadow:0 0 2px #AAA}
#VGN .fa_link_logo:active {box-shadow:0 0 2px #333}
#VGN .fa_link_logo::after {
	font-size: 7px;
	font-weight: 400;
	margin-left: 4px;
	vertical-align: super;
}
#VGN .fa_link_logo::before {
	content: "\f07a";
	display: unset !important;
	font-family: "Font Awesome 5 Pro";
	font-size: 14px;
	font-weight: 400;
	margin-right: 4px;
	text-rendering: auto;
	vertical-align: bottom;
	-webkit-font-smoothing: antialiased;
}
#VGN h3 {
	color: #1f4788;
	font-size: 1.25em;
	padding: 0em;
	margin: 0.6em 0.4em 0.3em 1em;
}
#VGN p {
	max-width: 780px;
	margin: 0.2em 0.5em;
}
#VGN p > .fa_link_logo[data-shopname]::after {content: attr(data-shopname)}
#VGN .amazon_link {background-color: #FF8322}
#VGN .mm_link {background-color: #DF0100}
#VGN .sn_link {background-color: #112D3F}
#VGN .thomann_link {background-color: #008C99}


/* ******************   tables   *************** */
.guru {
	background-color: #FFF;
	border-spacing: 0 0;
	border: solid #F3F3F3 0.25em;
	border-width: 0 0.25em 0.25em 0;
	width: 100%
}
.guru td {
	padding: 2px 4px;
	font-weight: normal;
}
.guru td, .guru th {
	border: 1px inset #DDD;
	border-top: 0px;
	border-left: 0px;
	text-align: center
}
.guru th {
	background-color: #F3F3F3;
	color: #444;
	font-size: 1.15em;
	padding: 0 4px;
}
.guru th > img {
	display: block;
	height: 22px;
	margin: 0.2em auto;
}
.guru td > div.scndR {display: block}
.guru td > div.scndR > ul {
	border: 1px solid #bbb;
	border-radius: 4px;
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	margin: 2px 0;
	padding: 0;
	white-space: nowrap;
}
.guru td > div.scndR > ul > li {
	border-right: 1px solid #bbb;
	display: inline-flex;
	padding: 0 4px;
}
.guru td:last-child, .guru th:last-child, .guru td > div.scndR > ul > li:last-child {border-right: 0px}
.guru tr:last-child > td, .guru tr:last-child > th {border-bottom: 0px}

/* responsive design
	.TD - Tablet + Desktop only
	.MT - Mobile + Tablet only
	.M	- Mobile only
	.D	- Desktop only
*/
@media (max-width: 480px) {
	#VGN .TD {display: none !important}
}
@media (min-width: 481px) {
	#VGN .M {display: none !important}
}
@media (max-width: 800px) {
	#VGN .D {display: none !important}
	#VGN .icon {
		background-size: 14px 18px !important;
		padding: 0px 2px 0px 15px;
	}
	#VGN .guru {border-width: 0 0 0.25em 0}
	#VGN .tti::after {
		bottom: auto !important;
		left: -136px !important;
		top: 17px;
	}
}
@media (min-width: 801px) {
	#VGN .icon {
		background-size: 17px 17px !important;
		padding: 0px 2px 0px 20px;
	}
	#VGN .MT {display: none !important}
	#VGN .tti::after {left: 20px !important; width: 260px !important;}
}


/* ******************   tooltip information   *************** */
#VGN .tti {
	border: 1px solid transparent;
	border-right-width: 0px;
	border-radius: 0px;
	cursor: help;
	position: relative;
	text-decoration: none;
	transition: all 0.3s ease;
}
#VGN .tti::after {
	background: #FFF;
	border: 1px solid #CCC;
	bottom: -1px;
	color: #222;
	display: none;
	font-size: 12px;
	font-weight: 500;
	left: 16px;
	overflow: hidden;
	padding: 0px 2px;
	position: absolute;
	transition: all 0.3s ease;
	white-space: break-spaces;
	width: 290px;
	z-index: 2;
}
#VGN .tti:hover, #VGN .tti:active {
	background-color: #CCC;
	border-color: #CCC;
}
#VGN .tti:hover::after, #VGN .tti:active::after {
	display: block;
}

#VGN .addbadge::after, .badge {
	background: #444;
	border-radius: 3px;
	color: #fff	!important;
	font-size: 12px;
	font-weight: 700;
	padding: 1px 3px;
	margin-left: 1px;
	vertical-align: bottom;
}


/* ******************   CSS spinner   *************** */
.fa-spin {-webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear}
.fa-pulse {-webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8)}
.fa-spinner::before {content: "\f110"}

@-webkit-keyframes fa-spin {
	0% {-webkit-transform: rotate(0deg); transform: rotate(0deg)}
	100% {-webkit-transform: rotate(360deg); transform: rotate(360deg)}
}
@keyframes fa-spin {
	0% {-webkit-transform: rotate(0deg); transform: rotate(0deg)}
	100% {-webkit-transform: rotate(360deg); transform: rotate(360deg)}
}

#VGN .ProgressSpinFrame {
	margin: 2em auto;
	width: 170px;
}
#VGN .ProgressSpinFrame i {
	color: #666;
	font-size: 30px;
	font-weight: 600;
	margin-left: 70px
}
#VGN .ProgressSpinFrame p {
	color: #666;
	font-weight: 600;
	margin: 1em 0;
	text-align: center
}

.i_badge_txt[data-badgetxt]::after	{content: attr(data-badgetxt)}
.i_oem							{padding: 1px 5px; margin-left: 1px}
.i_oem::before					{content: "\f30f"; font-family: "Font Awesome 5 Pro"}
.i_oem::after					{content: "OEM-Produkte werden meist von mehreren Marken, teils unter verschiedenen Namen, verkauft."}
.i_remark						{color: #C41C22; padding: 1px 3px 1px 2px; margin-left: 1px}
.i_remark[data-txt]::before		{content: "\f071"; font-family: "Font Awesome 5 Pro"}
.i_remark[data-txt]::after		{content: attr(data-txt)}


/* ****************** memory cards *************** */
.i_capacity			{background: url("https://www.speicherkarten.guru/media/design/Storage.svg") 0px 0px no-repeat transparent}
.i_video			{background: url("https://www.speicherkarten.guru/media/design/Video.svg") 0px 0px no-repeat transparent}
.i_video8K::after	{content: "8K"}
.i_video4KHQ::after	{content: "4K+"}
.i_video4K::after	{content: "4K"}
.i_video1080::after	{content: "Full HD"}
.i_video720::after	{content: "HD-Ready"}
.i_videoXAVCS, .i_setonly_cr {color: #C41C22; padding: 1px 3px 1px 2px;	margin-left: 1px}
.i_videoXAVCS::before, .i_setonly_cr::before {content: "\f071"; font-family: "Font Awesome 5 Pro"}
.i_videoXAVCS::after	{content: "Einige Kameras setzen für 4K-Aufnahmen ein Modell mit 64 GB oder mehr Speicherplatz voraus."}
.i_videoNone::before	{content: "\f4e2"; font-family: "Font Awesome 5 Pro"; color:#C41C22}
.i_app					{background: url("https://www.speicherkarten.guru/media/design/Android.svg") 0px 0px no-repeat transparent}
.i_app::after			{content: "Diese Speicherkarte eignet sich für Androids Adoptable-Storage-Funktion."}
.i_setonly_cr::after	{content: "Dieser Kartenleser ist nur als Set mit einer Speicherkarte und nicht einzeln im Handel erhältlich."}


/* ****************** powerbanks *************** */
.i_gan							{background: linear-gradient(45deg, #4678b4 0%, #46b478 100%); color: #fff!important}
.i_ptc							{color: #46b478; padding: 1px 4px 1px 3px;}
.i_ptc::before					{content: "\f074"; font-family: "Font Awesome 5 Pro"}
.i_ptc::after					{content: "unterstützt Pass-through Charging"}
.i_qqc							{background: url("/media/design/QuickCharge.png") 0px -1px no-repeat;padding:0 2px 0 16px !important;background-size: 17px 18px!important;}
.i_qqc[data-qqc]::after			{content: "unterstützt Qualcomm Quick Charge " attr(data-qqc) ".0"}
.i_usba, .i_usba_chg			{background: url("/media/design/USB-A.svg") 1px -1px no-repeat}
.i_usba[data-usba]::after		{content: "Diese Powerbank hat " attr(data-usba) " USB-A-Ausgänge."}
.i_usba[data-usba="1"]::after	{content: "Diese Powerbank hat einen USB-A-Ausgang."}
.i_usba_chg[data-usba]::after	{content: "Dieses Ladegerät hat " attr(data-usba) " USB-A-Ausgänge mit je max. " attr(data-usbaw) " Watt."}
.i_usba_chg[data-usba="1"]::after	{content: "Dieses Ladegerät hat einen USB-A-Ausgang mit maximal " attr(data-usbaw) " Watt."}
.i_usba_chg_qc					{background: url("/media/design/USB-A_QC.svg") 1px -1px no-repeat}
.i_usba_chg_qc[data-usba]::after	{content: "Dieses Ladegerät hat " attr(data-usba) " USB-A-Ausgänge (bis " attr(data-usbaw) " W) und unterstützt Qualcomm Quick Charge " attr(data-qqc) ".0 (bis " attr(data-qqcw) " W)."}
.i_usba_chg_qc[data-usba="1"]::after{content: "Dieses Ladegerät hat einen USB-A-Ausgang (bis " attr(data-usbaw) " W) und unterstützt Qualcomm Quick Charge " attr(data-qqc) ".0 (bis " attr(data-qqcw) " W)."}
.i_usbc, .i_usbc_chg			{background: url("/media/design/USB-C.svg") 1px -1px no-repeat}
.i_usbc[data-usbc]::after		{content: "Diese Powerbank hat " attr(data-usbc) " USB-C-Ein/Ausgänge."}
.i_usbc[data-usbc="1"]::after	{content: "Diese Powerbank hat einen USB-C-Ein/Ausgang."}
.i_usbc_pd, .i_usbc_chg_pd		{background: url("/media/design/USB-C_PD.svg") 1px -1px no-repeat}
.i_usbc_pd[data-usbc]::after	{content: "Diese Powerbank hat " attr(data-usbc) " USB-C-Ein/Ausgänge und unterstützt USB Power Delivery " attr(data-pdv) ".0 (bis " attr(data-pdw) " Watt)."}
.i_usbc_pd[data-usbc="1"]::after{content: "Diese Powerbank hat einen USB-C-Ein/Ausgang mit USB Power Delivery " attr(data-pdv) ".0 (bis " attr(data-pdw) " Watt)."}
.i_usbc_chg_pd[data-usbc]::after	{content: "Dieses Ladegerät hat " attr(data-usbc) " USB-C-Ausgänge und unterstützt USB Power Delivery bis " attr(data-pdw) " Watt."}
.i_usbc_chg_pd[data-usbc="1"]::after{content: "Dieses Ladegerät hat einen USB-C-Ausgang mit USB Power Delivery bis " attr(data-pdw) " Watt."}