/** Navi Farbe **/
:root {
	--p-primary-color: #5A5F63;
}

#publication .bottom-toolbar {
	color: white;
	background-color: var(--p-primary-color);

	/** Kanten abrunden */
	border-radius: 10px 10px 0 0;
}

#publication .bottom-toolbar .icon {
	color: currentColor !important;
}

#publication .bottom-toolbar .svg-button svg {
	fill: #fff;
}

/** Navi rechts **/
#publication .bottom-toolbar-frame {
	position: absolute;
	right: 0;
	top: 50%;
	height: auto !important;
	width: auto !important;
	transform: translateY(-50%);
	z-index: 99999;
}
#publication .bottom-toolbar .divider {
	transform: rotate(90deg);
	border-color: #fff !important;
}
#publication .bottom-toolbar  {
	flex-direction: column !important;
	height: auto !important;
	padding: 10px !important;

	/** Kanten abrunden */
	border-radius: 10px 0 0 10px;
}

/** Navi Schrift **/
#publication .toc-item-title {
	font-family: Arial;
}
/** Navi Icon **/
#publication li.toc-item .icon {
	background-size: contain;
	background-position: center;
}

#publication li.toc-item:nth-child(1) .icon {
	background-image: url('../img/test.png');
}

#publication li.toc-item:nth-child(2) .icon {
	background-image: url('../img/test.png');
}


#publication .badge-cart,
#publication .badge-wishlist {
	position: absolute;
	border: 1px solid #ffff;
	border-radius: 100px;
	font-size: 8px;
	right: -4px;
	top: -3px;
	background: #fff;
	color: var(--p-primary-color);
	width: 15px;
	height: 15px;
	line-height: 15px;
	text-align: center;
}