/* MOBILE */

	.kontrast-mobile-menu {
	    display: block;
	    position: relative;
	    padding: 0px;
        top: -5px;
		left: -27px;
        height: 70px;
        width: 70px;
        background-color: rgba(255, 255, 255, 0.7);
        border-radius: 50%;
	}

	.kontrast-mobile-menu > label {
	    cursor: pointer;
	    color: #fff;
	}
	
    .kontrast-mobile-menu > label::after {
	   
	}

    #kontrast-mobile-menu-icon {
    padding: 16px 22px;
		width: 24px;
		height: 24px;
       	display: block;
    }
    
    #kontrast-mobile-menu-icon::after {
       content: url(../images/logo.svg);
       width: 16px;
       height: 16px;
       cursor: pointer;
    }
    
    #kontrast-mobile-menu-icon.kontrast-x-icon::after {
        content: "\D7";
	}

	input#kontrast-mobile-menu-trigger {
		display: none;
	}

	.kontrast-mobile-menu {
		display: none;
	}

@media all and (max-width: 800px) {
	nav.kontrast-navbar {
		border-bottom: 0px solid white;
	}
	ul.kontrast-navlist {
		display: none;
		position: absolute;
		width: 100vh;
		left: -25px;
		font-size: 3em;
		line-height: 130%;

	}
	
	ul.kontrast-navlayer {
		position: relative;
		top: 0;
		left: 0;		
	}	
	
	ul.kontrast-navlist > li.active {
		background-color: white;
		color: #fff;
	}	
	
	ul.kontrast-navlist > li.active,
	ul.kontrast-navlist > li.active > a {
		background-color: white;
		color: #fff;
	}	

	.kontrast-mobile-menu {
		display: block;
	}

    input#kontrast-mobile-menu-trigger:checked~.kontrast-navlist {
		display: inline-block !important;
		opacity: 1;
		visibility: visible;
		height: 100%;
		word-break: break-all; 
		background-color: black;
    }
	.elementtext {
	    width: 80%;
	    height: 80%;
	}
    .kontrastiv-logo {
	    display: none;
    }
    .navigation-x {
	    display: none;
	}
}