header {
	width: 100%;
	height: 150px;
}

#logo a,
#mobile-menu {
	width: 100%;
    left: 0px;
	display: block;
}

#mobile-menu img {
	float: right;
    padding-right: 10vw;
}

.logo-nav {
	z-index: 100;
}

.mobile-nav {
	display: none;
}

.sticky header {
    position: fixed;
    background: #fff;
    border-bottom: 1px solid #dadada;
	z-index: 100;
    top: 0;
}

.sticky main {
    margin-top: 150px;
}

.sticky header .logo-nav div .btn-mobile-nav {
	position: static;
	margin-right: 0;
	display: block;
}

.sticky header .logo-nav div .btn-mobile-nav img {
	padding-top: 0;
    position: absolute;
    top: 0;
    right: 0;
}

@media 
only screen and (min-width : 220px) and (max-width : 1019px) {
	.mobile-nav {
		display: block;
	}
	.main-nav {
		display: none;
	}
	header .header-flex {
		align-items: baseline;
	}
}

@media 
only screen and (min-width : 220px) and (max-width : 599px) {
	.logo-nav {
		top: 5vh;	
	}
	#logo img {
		max-height: 50px;
	}
	.sticky .logo-nav #logo img {
		margin-left: 0vw;
	}
	.btn-mobile-nav {
		right: 0vw; /*vorher 10*/
	}
	.btn-mobile-nav img, .main-nav .close img {
		max-height: 26px;
	}
}

@media 
only screen and (min-width : 220px) and (max-width : 480px) {
	#logo img {
		max-height: 40px;
	}
}

/*********
Navigation
*********/
.mobile-nav {
	background: #fff;
}

.mobile-nav ab.tn-mobile-nav {
	display: block;
}

.btn-mobile-nav img,
.main-nav .close img {
	height: 25px;
	padding: 15px;
    width: auto;
    float: right;
}

.main-nav .close img {
	position: fixed;
	top: 0;
	right: 0;
	cursor: pointer;
}

@media only screen and (max-width: 599px) and (min-width: 220px) {
	.main-nav .close img {
		padding-top: 7.5vh;
		right: 7vw;
	}
	.sticky header .logo-nav + .main-nav .close img {
		padding-top: 35px;
		right: 7vw;
	}
}

/* Tablet */
@media 
only screen and (min-width : 220px) and (max-width : 599px),
only screen and (min-height : 700px) and (max-height : 1000px) {
	.main-nav li hr {
		border-top: 4px solid #000;
	}
	.main-nav li:hover hr {
		border-top: 4px solid rgba(200,0,0,1.00);
	}
	.main-nav li a.active hr {
		border-top: 4px solid rgba(200,0,0,1.00);
	}
	.main-nav .socialmedia ul li {    
		width: 10%;
	}
}

/* Mobile */
@media 
only screen and (min-height : 500px) and (max-height : 699px) {
	.main-nav .overlay {
		height: 85%;
	}
	.main-nav li hr {
		border-top: 3px solid #000;
	}
	.main-nav li:hover hr {
		border-top: 3px solid rgba(200,0,0,1.00);
	}
	.main-nav li a.active hr {
		border-top: 3px solid rgba(200,0,0,1.00);
	}
	.main-nav .socialmedia ul li {    
		width: 8%;
	}
}

/* Small Mobile */
@media 
only screen and (min-height : 0px) and (max-height : 499px) {
	.main-nav li hr {
		border-top: 2px solid #000;
	}
	.main-nav li:hover hr {
		border-top: 2px solid rgba(200,0,0,1.00);
	}
	.main-nav li a.active hr {
		border-top: 2px solid rgba(200,0,0,1.00);
	}
	.main-nav li a {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.main-nav .socialmedia ul li {    
		width: 8%;
	}
}

body.noscroll {
	
}

.noscroll header {
	position: fixed;
    height: 100vh;
    z-index: 10000;
}

.noscroll .main-nav {
	margin: 0;
	padding: 0;
	position: fixed; /*vorher absolute*/
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	background: #2fa9d2;
	display: none;
	z-index: 500;	
}

.noscroll .main-nav .overlay {
	display: flex;
	justify-content: center;
	height: 100%;
	align-content: center;
	align-items: center;
}

.noscroll .main-nav ul {
	padding-top: calc(25px + 90px + 25px + 50px) !important;
	margin-bottom: 0px;
	border-bottom: 4px solid #fff;
}

.noscroll .main-nav ul li {
	float: none;
	border-bottom: 1px solid #fff;
}

.noscroll .main-nav ul li:first-child {
	border-top: 1px solid #fff;
}

.noscroll .main-nav li a {
	background: transparent;
	color: #fff;
}

.mobile-nav {
	z-index: 1000;
}

.mobile-nav.close {
	display: none;
}

.noscroll .mobile-nav.open {
	display: none;
}

.noscroll .mobile-nav.close {
    display:block;
}

.noscroll .main-nav ul li a {
	margin-left: 90px;
    margin-right: 90px;
}

.noscroll .main-nav li a {
	margin: 0;
    text-align: left;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
	padding: 15px 0px;
}

@media 
only screen and (min-width : 220px) and (max-width : 599.9px) {
	.noscroll .main-nav ul li a {
	    margin-left: 40px;
    	margin-right: 40px;
	}
	.btn-mobile-nav img,
	.main-nav .close img {
		height: 20px;
		padding: 10px;
	}
}