/**
 * Energiewissen – Navigation (site-weit geladen).
 * Header-Icon: weiße Zeitung im orangen Kreis, links neben dem Portal-Login-Button.
 * Verhalten spiegelt den Portal-Button (Desktop-Icon >=960px, Text <=959px).
 */

.energiewissen-nav-item { list-style: none; }

/* Desktop: als rundes Icon (SVG als Hintergrund, analog zum Portal-Button) */
.header nav ul li a.energiewissen-nav-link {
	display: inline-block;
	width: 35px;
	color: transparent !important;
	white-space: nowrap;
	overflow: hidden;
	background: url("../img/energiewissen-nav.svg") no-repeat center center;
	background-size: 35px 35px;
	margin-left: 20px;
	transition: .2s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.header nav ul li a.energiewissen-nav-link:hover {
	transform: scale(1.2);
	background-image: url("../img/energiewissen-nav-hover.svg");
	color: transparent !important;
}

/* Mobil/Tablet (<=959px): als normaler Textlink – analog zum Portal-Link */
@media only screen and (max-width: 959px) {
	.header nav ul li a.energiewissen-nav-link {
		width: auto;
		background-image: none;
		color: inherit !important;
		margin-left: 0;
	}
	.header nav ul li a.energiewissen-nav-link:hover {
		transform: none;
		color: #e85412 !important;
	}
}