:root {
	--mobileLimit: 1080px;
}
  

a {
	text-decoration: none;
}


.header {
	width: calc(100% - 10px);
	display: flex;
	position: relative;
	align-items: stretch;
	
    background: #2c2c2c;
	
    padding: 5px;
    
	font-family: 'Anton', sans-serif;
	
	top: 0;
	z-index: 100;
}


.menuBlock {
	visibility: hidden;

	padding: 10px;
	padding-left: 1rem;

	color: white;
	font-size: 3rem;
	cursor: pointer;

	box-sizing: border-box;
	transition: 0.4s;
}

.menuBlock:hover {
	padding-left: 1.3rem;
}

.fidelio {
	font-size: 2.5rem;
	color: white;
	margin-bottom: 0;
	margin-top: 12px;
}
.fidelioLine {
	font-size: 0.6rem;
	font-family: 'Montserrat', sans-serif;
	margin-top: -8px;
}

.iconBlock {
	box-sizing: border-box;

	flex: 0.2;

	padding: 0px;
    
    text-align: right;
}


.navBlock {
	visibility: visible;
	box-sizing: border-box;
	flex: 1;

	padding-top: 25px;
	font-size: 2rem;

	transition: 0.4s;
}

/* mobile specific style for header bar*/
@media only screen and (max-width: 1080px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 640px) {
	.menuBlock {
		visibility: visible;
	}

	.iconBlock {
		flex: 1;
	}

	.navBlock {
		position: absolute;
		top: 5rem;
		left: -20rem;
		width: 20rem;
		box-shadow: 0 0 10px black;

		border-top-right-radius: 1rem;
		border-bottom-right-radius: 1rem;

		z-index: 101;
		background-color: white;
	}
}


.nav {
	display: inline-block;
	width: 160px;
	box-sizing: border-box;
	height: 2.2rem;
	vertical-align: middle;
	position: relative;
	
	cursor: pointer;
	
	font-size: 1.3rem;
	color: white;
	text-align: center;
	/*line-height: 1.75em;*/
}


.nav::before {
	position: absolute;
	content: ' ';

	height: 4px;

	bottom: 4px;
	left: 40px;
	right: 40px;

	background-image: linear-gradient(to right, #4c00ff , #2f89ff);

	transition: left 0.4s, right 0.4s;
}

.nav:hover::before {
	left: 5px;
	right: 5px;
}



.dropdownTitle {
	color: white;
	visibility: visible;
}

.dropdownChild {
	visibility: hidden;
	width: 160px;
	float: left;
	position: absolute;
	z-index: 10;
}
.dropdownChild:hover {
	visibility: visible;
}

.dropdownBubble {
	background-color: white;
	box-shadow: grey 0 0 5px;
	border-radius: 5px;
    
    margin-top: 10px;

	padding-top: 5px;
	padding-bottom: 5px;
	
	color: black;
	font-size: 1.2rem;
	line-height: 1.5em;
    /*font-family: 'Montserrat', sans-serif;*/
}

.dropdownSubmenu {
    margin-bottom: 10px;
	margin-top: 10px;
	
	transition: background 0.2s;
}

.dropdownSubmenu:hover {
	background-color: #eeeeee;
}

/* mobile specific style for hamburger menu*/
@media only screen and (max-width: 1080px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 640px) {
	.nav {
		width: 100%;
		height: auto;
		padding: 1rem;
		padding-left: 3rem;

		font-size: 2rem;
		text-align: left;

		color: #474747;
	}

	.nav::before {
		visibility: hidden;
	}

	.dropdownTitle {
		color: #474747;
	}

	.dropdownChild {
		visibility: visible;
		width: 100%;
		position: static;
		float: left;
	}

	.dropdownBubble {
		background-color: #eeeeee;
		box-shadow: none;
		padding-left: 1rem;

		margin-top: 0;
	}

	.dropdownSubmenu {
		font-size: 1.6rem;
		color: #474747;
		padding: 0.5rem;
	}
}