@charset "UTF-8";

@media all and (max-width: 702px) {

	#maindiv {
	    position: absolute;
	    left:0;
		box-shadow: none;
		z-index: 100;
	}

    #headeretc {
		position: fixed;
		flex-flow: row nowrap;
	    justify-content: flex-start;
		z-index: 1000;
    }

	#headerlogo {
		display: block;
		flex:1 0 12vmin;
		width:8vmin;
		height:8vmin;
		background-image: url('logo.svg');
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: 8vmin 8vmin;
		margin:auto 4vmin;
		margin-right: 0;
		/*display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-content:center;*/
	}

	#headernonlogo {
		flex-flow: column;
        justify-content: space-around;
	}

	#headermenu {
		display: block;
		flex:1 0 12vmin;
		width:8vmin;
		height:8vmin;
		background-image: url('menu.svg');
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: 8vmin 8vmin;
		margin:auto 4vmin;
		margin-left: 0;
	}

    #headerlabel {
        flex:2 1 auto;
		font-size: 5vmin;
        text-align: center;
		padding: 4vmin;
    }

	#headerinfos {
        flex:2 1 auto;
		font-size: 3vmin;
        text-align: left;
		padding:4vmin;
		display: none;
    }

	#mainlist {
		position: relative;
		display:flex;
		flex:none;
		width:100vw;
	}

	.mainlist_header {
		font-size: 2.2rem;
		padding:1rem 1.5rem;
		text-align: center;
	}

	.mainlist_subheader {
		font-size: 2.2rem;
		padding:1rem 1.5rem;
		text-align: center;
	}

	.mainlist_item {
		font-size: 2.2rem;
		padding:1rem 1.5rem;
		text-align: center;
	}

	.mainlist_footer {
		font-size: 2.2rem;
		padding:1rem 1.5rem;
		text-align: center;
	}

    #menudiv {
		border-top: 2px solid #343434;
        width:100vw;
		z-index: 900;
    }

    .menupoint .mp_label {
        text-align: center;
        font-size: 5vmin;
        padding: 2vmin;
    }

	.menupoint .mp_icon {
		display: none;
	}

	.menupoint.hidden {
	    display: flex;
		height: 8vmin;
		min-height: 8vmin;
		cursor: default;
	}

	.menupoint.break {
	    height:3px;
		margin:2vmin 6vmin;
		display: none;
	}

	#menulogo {
		display: none;
	}
}