@charset "utf-8";

/* CSS Document */

@font-face {
	font-family: 'icomoon';
		src: url('fonts/icomoon.eot?gl7vrg');
		src: url('fonts/icomoon.eot?gl7vrg#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf?gl7vrg') format('truetype'),
		url('fonts/icomoon.woff?gl7vrg') format('woff'),
		url('fonts/icomoon.svg?gl7vrg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

nav ul li.homezeichen > a::before, #content a span.homezeichen::before { /* Um Home-Icon anzuzeigen */
	content: '\e900';
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	text-decoration: none !important;
}
/* Icon nur im Text (start.php), wenn grosses Display */
@media all and (min-width: 1000px) {
	nav ul li.logoutzeichen > a::before, #content span.logoutzeichen > a::before { /* Um Logout-Icon anzuzeigen */
		content: '\e9b6';
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
	}
	#content span.logoutzeichen a {
		text-decoration: none !important;
	}
	nav ul li.homezeichen span, nav ul li.logoutzeichen span { /* Um Startseite-Text (wegen Icon) zu entfernen */
		/*display: none;*/
		clip: rect(0 0 0 0);
		clip-path: inset(100%);
		width: 1px;
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
	}
}

#content span.okayzeichen::before { /* Um Okay-Icon anzuzeigen */
	content: '\ea10  ';
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
#content span.okayzeichen {
	text-decoration: none !important;
}

@media all and (max-width: 1000px) {
	nav ul li.homezeichen a::before, nav ul li.logoutzeichen a::before { /* Um Home-Icon nicht anzuzeigen */
		content: '';
	}
	nav ul li.homezeichen span, nav ul li.logoutzeichen span { /* Um Startseite-Text anzuzeigen */
		display: inline-block;
		overflow: visible;
		clip-path: none;
		height: auto;
		position: relative;
	}
}