.newheadwrap {
	position: fixed;
	display: block;
	top: 0px;
	width: 100%;
	max-width: 1100px;
	margin: 0px auto;
	z-index: 100000;
	background-color: white;
	left: 0;
	right: 0;
	padding-bottom: 3px;
}

.newheadwrap .logo {
	margin-top: 20px;
}

.newheadwrap .logo img {
	position: relative;
	display: block;
	height: 100px;
	width: auto; 
	margin: auto;
}

#slogan {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	padding-top: 5px;
	border-bottom: 1px solid white;
	border-top: 1px solid grey;

}

#slogan span {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 4px;
}
.newnav {
	background: white;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	display: none;
}

.club .newnav {
	background: #fff;/*rgb(120,170,70);*/

}

.club #menulabel {
	color: rgb(120,170,70);
}

.club #nav-button:before {
	background: rgb(120,170,70);
}

.club #nav-button:after {
	background: rgb(120,170,70);
}

.club #respicons {
	background-color: rgb(120,170,70) !important;
}

.opened .newnav {
	display: block;
}

.newnav ul:after {
	position: relative;
}

.newnav ul {
	list-style: none;
	padding-left: 0px;
	margin: 0px;
}

.newnav li {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	border-left: 1px solid rgb(104,170,118);
}

.newnav li:first-child {
	border-left: none;
}



.newnav li a, .newnav li span {
	color: rgb(104,170,118);
	text-transform: uppercase;
	font-weight: 400;
	font-size: 18px;
	text-decoration: none;
}

.opened #slogan {
	background: white;
	color: black;
	padding-bottom: 5px;
	border-top: none;
	border-color: rgb(104,170,118);
}

.club.opened #slogan {
	background: rgb(120,170,70);
}

#icons {
/* 	position: relative; */
}

#icons i {
	float: right;
	color: rgb(104,170,118);
	margin: 10px;
	margin-top: -35px;
}

#desktopicons .fa-archive {
	margin-top: -33.5px;
}

.club #icons i {
	color: rgb(120,170,70);
}

.fa-imprint {
	margin-top: -37px !important;
	font-family: 'Roboto', sans-serif !important;
}

.fa-imprint:before {
	content: "§";
}

.newsubNav {
    display: none;
    width: 100%;
/*     border: 3px solid rgba(104,170,118, 0.85); */
	background-color: rgba(255,255,255,0.85);
    position: absolute;
    z-index: 10000;
    padding: 10px 40px;
}

.club .newsubNav {
	border-color: rgb(120,170,70);
}

.newsubNav ul {
	display: block;
}

.newsubNav li {
	display: list-item;
	text-align: left;
	width: auto;
	padding-left: 1.3em;
	margin-bottom: 5px;
	margin-top: 5px;
}


.newsubNav li:before {
	content: "\f0da"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
	color: rgb(104,170,118);
	font-size: 1.2em;
}

.club .newsubNav li:before {
	color: rgb(120,170,70);
}


.newsubNav ul li a {
	color: gray;
}

#nav-button { 
	position:absolute; 
	padding:0; 
	top:80px; 
	margin-top:-25px; 
	left:5px; 
	height:50px; 
	width:50px; 
	display:block;
    z-index:10000;
    position:absolute;
    cursor: pointer;
    text-transform: none;
    background-color: transparent;
    border: 0;
    overflow: visible;
    outline: none;
}

#nav-button:before,
#nav-button:after,
#nav-button span { content:''; display:block; height:3px; width:26px; background-color:rgb(104,170,118); position:relative; top:0; left:15px;
    transition-property: opacity, transform;
    transition-duration: 0.15s;
    transition-timing-function: linear; }
    
.club #nav-button span {
	background-color: rgb(120,170,70);	
}

#nav-button:before { top:-4px; transform-origin:top left; }
#nav-button:after { top:4px; transform-origin:bottom left; }
#nav-button span { transform-origin:center center; }

.opened #nav-button:before { transform:translateY(-2px) rotate(45deg); }
.opened #nav-button span { transform:translateX(-2px) scaleX(0); opacity:0; }
.opened #nav-button:after { transform:translateY(2px) rotate(-45deg); }

#menulabel {
	position: absolute;
    top: 67px;
    left: 55px;
    font-size: 20px;
    font-weight: 400;
    z-index: 10000;
    color: rgb(104,170,118);
}

.swiper-slide img {
	width: 100%;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    min-width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1000000000000000000000000000;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 15px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.fa-database .tooltiptext {
	margin-left: -75px;
}
.count-badge{
    /* background-color: #b0ca39; */
	/* color: #fff; */
	border: 1px solid rgb(104,170,118);
    border-radius: 10px;
    font-size: 14px;
    padding: 2px 5px;
    position: relative;
    left: 0;
    top: -19px;
}

@media (min-width: 800px) {
	.newnav > ul > li:hover {
		padding-bottom: 6px;
		border-bottom: 4px solid rgb(104,170,118);
	}
	
	.newnav > ul > li:hover > .newsubNav {
		display: block;
	    margin-top: 7px;
	}
	
	#desktopicons {
		display: block;
	}
	#respicons {
		display: none;
	}
	
	.mobilenavbtn {
		visibility: hidden;
	}
	
	.respnavhelper {
		display: none;
	}
	
}

@media (max-width: 800px) {
	.newnav {
		position: absolute;
		width: 100%;
		z-index: 10000;
	}
	
	.newnav li {
		display: list-item;
		text-align: left;
		border-left: none;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	#desktopicons {
		display: none;
	}
	#respicons {
		display: none;
	}
	.opened #respicons {
		display: block;
		background-color: rgb(104,170,118);
		padding: 10px;
		width: 100%;
		text-align: center;
	}
	#respicons a {
		display: inline;
		text-align: center;
		margin: 10px;
		position: relative;
	}
	#respicons .fa-imprint {
		margin-top: 0px !important;
	}
	#respicons .fa-imprint:before {
		position: absolute;
		margin-top: 0px !important;
		top: -13px;
	}
	#respicons i {
		color: white;
	}
	
	.opened #slogan {
		margin-top: 0px;
		padding-top: 5px;
	}
	
	#menulabel {
		display: none;
	}
	
	.opened .mobilenavbtn {
		visibility: visible;
		color: rgb(104,170,118);
		padding-right: 40px;
		float: right;
	}
	
	.newsubNav {
		position: relative;
		background-color: unset;
		padding: 3px;
		padding-left: 10px;
		border: none;
	}
	
	.newsubNav ul {
		list-style: none;
	}
	
	.newsubNav li {
		margin: 0px;
		padding: 0px;
	}
	
	.newsubNav ul li a {
	    color: rgb(104,170,118);
	    font-weight: 300;
	}
	.newsubNav ul li a:hover {
	    color: rgb(83, 134, 94);

	}
	.respnavhelper {
		display: inline;
	}
	.count-badge{
		/* background-color: #b0ca39; */
		color: #fff;
		border: 1px solid #fff;
		border-radius: 10px;
		font-size: 14px;
		padding: 2px 5px;
		position: relative;
		left: 0;
		top: -19px;
	}
}
/* @media (max-width: 550px) { */
/* new  */
@media (max-width: 750px) {
	.newUserData {
		position: absolute;
		top: -20px;
		left: 20px;
		margin-top: 40px;
	}
	.newUserData br {
		display: none !important;
	}
	.newUserData > span:nth-child(3):after {
		content: " | ";
		color: black;
	}
	.newheadwrap .logo {
	    margin-top: 45px;
	}
}