@font-face {
    font-family: "RockSolid Icons";
    src: url("../../opensauce/fonts/rocksolid-icons.woff") format("woff"), url("../../opensauce/fonts/rocksolid-icons.ttf") format("truetype"), url("../../opensauce/fonts/rocksolid-icons.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

:root {
  --anzeige-breite-maximal: 70em;  /* 70em == 1120px */
  }

/* 
* {
	box-sizing: border-box;
	outline: none !important;
}
 */
body {
	max-width				: var(--anzeige-breite-maximal);
	margin					: auto;
	background-color: var(--farbe-hintergrund);
	}


.main-navigation {

	.level_1 {


	}
}


.main-navigation {

	--nav-leisten-hoehe: auto;
	--nav-leisten-farbe-hintergrund	: #DFDFDF;
	--nav-leisten-farbe-text				:	gray;
	--nav-level-1-farbe-hintergrund	: #DFDFDF;
	--nav-level-1-farbe-active			: #F3F3F3;
	--nav-farbe-hover-hintergrund		: #CDC9C9;
	--nav-farbe-hover-text					: black;

	width:100%;
	position:relative;
	background-color: var(--nav-leisten-farbe-hintergrund);

	.rechts {
		position					: absolute;
		right							: 0em;
	}
	&.level_1 {

		margin						: 0;
		a {
			color						: inherit;
			text-decoration	: none;
		}

/* 
		li {
			background-color: var(--nav-level-1-farbe-hintergrund);
			&.active {
				background-color: var(--nav-level-1-farbe-active);
			}
			color						: var(--nav-leisten-farbe-text);
			font-size				: 16px;

			border					: none;
			:not(.active) {
				cursor				: pointer;
			}

			height					: var(--nav-leisten-hoehe);
			display					: inline-block;
			padding					: 0.5em 1em;
			margin					: 0 0 0 -3px;

			list-style-position: inside;
	
			&.rechts {
				position		: absolute;
				right				: 0;
				ul {
					position	: absolute;
					right			: 0;
					text-align: right;
				}
			}
 */
		
/* 
			&:hover:not(.active) {
				background-color	: var(--nav-farbe-hover-hintergrund);
				color							: var(--nav-farbe-hover-text);
				.level_2 {
					display					: flex;
					flex-direction	: column;
				}
			}

			.level_2 {
				column-gap				: 0px;
				position					: absolute;
				color							: black;
				padding						: 0 0 0 0;
				margin						: 0.4em 0 0 -0em;
				display						: none;
				li {
					display					: block;
					height					: 1.5em;
					padding					: 0.1em 0.5em 0.1em 1.0em;
					list-style-type	: none;
					white-space			: nowrap;
					overflow				: hidden;
					text-overflow		: ellipsis;
					&:hover {
						background-color: var(--nav-farbe-hover-hintergrund);
					}
				}
			}
 */
		}
		
		.willkommen,
		.anmelden,
		.abmelden {
/* 			overflow						: hidden; */
			text-indent					: -99em;
			line-height					: 0;
				padding: auto auto;
			:after {
				font							: 1.5em/1 "RockSolid Icons";
				text-indent				: 0;
				display						: block;
			}
		}

		.willkommen {
			:after {
				content						: "\2302";
			}
		}

		.anmelden,
		.abmelden {
			:after {
				content						: "\e137";
			}
		}
		.abmelden {
			:after {
/* 				font-size					: 1.7em; */
				color							: red;
			}
		}


		
/*
		&.anmelden,
		&.abmelden {
			overflow						: hidden;
			text-indent					: -99em;
			line-height					: 0;
			:after {
				font							: 1.5em/1 "RockSolid Icons";
				content						: "\e137";
				text-indent				: 0;
				display						: block;
			}
		}
		&.abmelden {
			:after {
				color							: red;
			}
		}

	}
*/

}

/* 
.main-navigation-mobile {
	disp´lay:none;
}
 */