/*STANDARD:*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Baumans&display=swap');

body, html{	
	overflow-x: hidden;
	max-width: 100svw;
}

html {	background-color: black;}
body {
	display: flex;
	flex-direction: column;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	max-width: 100vw;
	width: 100%;
	margin:0;
	padding:0; 
	background-color: black;
	opacity: 1;
	overflow-x: hidden;
	color: white;
	background-image:url('');
	background-size: 100%;
	align-content: center;
	background-repeat: repeat;
	height: auto;
	background-attachment: fixed;
	position: relative;
}
wrapper{opacity:0;width:100%;display: flex;flex-direction: column;}
section{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10vh 0;
}
section inner{
	width: 100%;
	padding: 0 2em;
	box-sizing: border-box;
	max-width: 600px;
}
load svg path {fill:white;opacity: .1;transform-origin: center;}
load {height: 100dvh;width: 100vw;display: flex; position: fixed; align-items: center;justify-content: center;z-index: 0}
load svg {width:100px;transform-origin: center;}
cover{
	display: flex;
	width: 100vw;
	min-height: 100svh;
	position: relative;
	overflow: hidden;
	flex-direction: column;
	z-index: 1;
	align-items: center;
	justify-content: center;
}
logoer{
	width: 100%;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
logoer svg{
	height: 100%;
	display: block;
}
.speaker {
	height: 30px;
	opacity: 1;
	cursor:pointer;
}
.speakerButton {
	opacity: .5;
	transform: scale(0.7);
	transition: all 0.2s;
}
.speakerButton:hover {
	opacity: 1;
	transform: scale(1);
}
.speakerButton[togglesound='0'] .speakerOff {fill:white;}
.speakerButton[togglesound='1'] .speakerOff {fill:transparent;}
.speakerButton[togglesound='0'] .speakerOn {fill:transparent;}
.speakerButton[togglesound='1'] .speakerOn {fill:white;}		
lydspor{display:block; width:30px;height:30px;z-index:10;;padding:10px;position: relative;cursor:pointer}
lydspor.fixed{position:fixed;top:0;right:0}	
footer{width: 100%;display: flex;flex-direction: column;justify-content: center; align-items: center;color: white;padding: 100px 0px;letter-spacing: .1em;}
footer a{color: inherit;text-decoration: none;}
footer kred{display: flex;flex-direction: column;justify-content: center; align-items: center;text-align:center;font-size:.7em;margin-top:50px;opacity:.6;}
meny{z-index:50000;position: fixed;top:0;width: 100%;display:flex;flex-direction: column;box-sizing: border-box;height: 100%;background-color: black;justify-content: flex-start;align-items: center;overflow-y: auto;}
meny ul{margin:0;padding:20px;text-decoration:none;}
meny ul li{list-style-type: none;margin:0;padding:0;position: relative;}
meny ul ul {margin:10px 0;padding:0;text-decoration:none; border-left: rgba(255,255,255,.2) solid 1px;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
meny ul ul undermeny_tittel{display: block; margin:0;padding:0;padding-left:20px;padding-bottom:5px;font-size: .6em;text-transform: uppercase;letter-spacing: .2em;font-weight: 100;color: rgba(255,255,255,0.5)}
meny ul ul li {list-style-type: none; margin:0;padding-left:20px;text-decoration:none;position: relative;}
meny ul li {font-weight:100;display:block;padding-top:5px;padding-bottom:5px;padding-left: calc(1em * var(--level));}
hamburger {z-index: 9999; width:60px;height:60px;fill:gray;mix-blend-mode: difference;padding:20px;box-sizing:border-box;display:block;opacity: .5;position: fixed;}
hamburger svg {height: 100%;width: 100%;}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}