/*  Allgemein  */

:root
{
  	--dropdownColor: rgba(69, 139, 0, 0.7);
}

/*  Navigation  */

header .Navigation #NavigationIcon
{
  	display: none;
}

header .Navigation #CloseIcon
{
    display: none;
}

header .Navigation ul
{
    display: flex;
    justify-content: center;
  	margin-top: 0.5rem;
}

header .Navigation ul li
{
    margin-top: 1.2rem;
}

header .Navigation ul li a
{
    padding: 0.2rem 1.5rem 0.2rem 1.5rem;
  	border-radius: 1.5rem;
}

header .Navigation ul .active a
{
    border: 4px double var(--headerFont);
}

header .Navigation ul li:hover
{
    filter: drop-shadow(0 2px 4px #1a3300);
}

/*  Navigation, Unterelemente  */

header .Navigation ul li ul
{
  	display: none;
  	flex-direction: column;
  	position: absolute;
  	white-space: nowrap;
  	background-color: var(--dropdownColor);
  	padding: 1rem;
  	border-radius: 0px 0px 14px 14px;
}

header .Navigation ul li:hover ul
{
  	display: flex;
}

/*  Link nach oben  */

.top a
{
  	border: 2px solid var(--mainLink);
  	margin-left: 10vw;
  	border-radius: 14px;
  	text-align: center;
}

.top
{
  	padding-bottom: 1rem;
}

/*  Links zu Social Media  */

.socialmedia img
{
  	height: 1rem;
}