/* hamburger-menu */

input#hamburg{
	display:none;
}



label.hamburg{
    position:fixed;
	right:var(--spacing-ext);
	top:calc(var(--spacing-top) - 6px);
	z-index:500;
	cursor:pointer;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
	margin-top:var(--spacing-top);
}
.scrollup,
#scrolldown{
	position:absolute;
	bottom:var(--spacing-top);
	right:var(--spacing-ext);
	width:35px;
	width:28px;
	height:35px;
	/*border:1px solid #fff;*/
	/*right:50%;*/
	z-index:100;
	padding:0.1em;
	margin-bottom:0.2em;
}

.scrollup{
	position:fixed;
	bottom:2.8vw;
}

#scrolldown{display:none}
/*
#footermenu{
	margin-right:3.5vw;
	
}
*/
footer{
	padding-bottom:3.5vw !important;
}

.downpage .scrollup{
	display:block;
}

.scrollup img,
#scrolldown img{
	/*width:2.2vw;*/
	/*transform:rotate(90deg);*/
	object-fit:contain !important;
	padding-top:0.2em;
}



.scrollup img{
	transform:rotate(180deg)
}

.line { 
	position: absolute;
	z-index:600;   
	background: var(--mainColor);
	display: block;
	transition: -webkit-transform 350ms ease-in;
    transition: -ms-transform 350ms ease-in;
    transition: transform 350ms ease-in;  
    transform-origin: center; 
	height: 3px; 
	width: 35px; 
	}

.line:nth-child(1) {
	transform: translatey(-6px);
	}

.line:nth-child(2) {
	transform: scale(0);
	}

.line:nth-child(3) {
	transform: translatey(6px);
	}
	
/*.navactive .hamburg .line:nth-child(1),
.navdown .hamburg .line:nth-child(1),*/

.closemenu .hamburg .line:nth-child(1),
#hamburg:checked + .hamburg .line:nth-child(1){
    transform: translatex(3.5px) rotate(-45deg);
    width: 28px;
   	}
	
/*.navactive .hamburg .line:nth-child(3),
.navdown .hamburg .line:nth-child(3),*/
.closemenu .hamburg .line:nth-child(3),
#hamburg:checked + .hamburg .line:nth-child(3){
    transform: translatex(3.5px) rotate(45deg);
    width: 28px;
   	}
	
/*	

#hamburg:checked + .hamburg  + #nav-mobile{  
	width:30%;
	min-width:360px;
}
*/
	
	
/* Hamburger weiß */
	
.alternativ .hamburg .line{
	background:#fff ;
	}
	
	
.dark .closemenu .hamburg .line,
.alternativ .dark .hamburg .line,
.alternativ.navdown .hamburg .line,
.alternativ .stick .hamburg .line{
	background:var(--mainColor) !important ;
	}
	

	
@media screen and (min-width:900px){
	
	#scrolldown{display:block;
	border:red}	
	
	#scrolldown .chevron-dark{
	display:none;
	}

	#scrolldown.dark .chevron-dark{
	display:block;
	}

	#scrolldown.dark .chevron-white{
	display:none;
	}
	
	.scrollup{
	display:none !important;
	}
}

@media screen and (min-width:1367px){
	
label.hamburg,
#scrolldown img{
	transform: scale(140%)
}


	
}

@media screen and (min-width:1680px){
	
label.hamburg,
#scrolldown img{
	transform: scale(160%)
}


	
}