@font-face {
    font-family: 'Source Sans Pro Bold';
    src: url('../fonts/SourceSansPro-Bold.eot');
    src: url('../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-Bold.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Bold.woff') format('woff'),
        url('../fonts/SourceSansPro-Bold.ttf') format('truetype'),
        url('../fonts/SourceSansPro-Bold.svg#../fonts/SourceSansPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro Light';
    src: url('../fonts/SourceSansPro-Light.eot');
    src: url('../fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-Light.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Light.woff') format('woff'),
        url('../fonts/SourceSansPro-Light.ttf') format('truetype'),
        url('../fonts/SourceSansPro-Light.svg#../fonts/SourceSansPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro SemiboldItalic';
    src: url('../fonts/SourceSansPro-SemiboldIt.eot');
    src: url('../fonts/SourceSansPro-SemiboldIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-SemiboldIt.woff2') format('woff2'),
        url('../fonts/SourceSansPro-SemiboldIt.woff') format('woff'),
        url('../fonts/SourceSansPro-SemiboldIt.ttf') format('truetype'),
        url('../fonts/SourceSansPro-SemiboldIt.svg#../fonts/SourceSansPro-SemiboldIt') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro Regular';
    src: url('../fonts/SourceSansPro-Regular.eot');
    src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Regular.woff') format('woff'),
        url('../fonts/SourceSansPro-Regular.ttf') format('truetype'),
        url('../fonts/SourceSansPro-Regular.svg#../fonts/SourceSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro RegularItalic';
    src: url('../fonts/SourceSansPro-It.eot');
    src: url('../fonts/SourceSansPro-It.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-It.woff2') format('woff2'),
        url('../fonts/SourceSansPro-It.woff') format('woff'),
        url('../fonts/SourceSansPro-It.ttf') format('truetype'),
        url('../fonts/SourceSansPro-It.svg#../fonts/SourceSansPro-It') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro Semibold';
    src: url('../fonts/SourceSansPro-Semibold.eot');
    src: url('../fonts/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-Semibold.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Semibold.woff') format('woff'),
        url('../fonts/SourceSansPro-Semibold.ttf') format('truetype'),
        url('../fonts/SourceSansPro-Semibold.svg#../fonts/SourceSansPro-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro LightItalic';
    src: url('../fonts/SourceSansPro-LightIt.eot');
    src: url('../fonts/SourceSansPro-LightIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceSansPro-LightIt.woff2') format('woff2'),
        url('../fonts/SourceSansPro-LightIt.woff') format('woff'),
        url('../fonts/SourceSansPro-LightIt.ttf') format('truetype'),
        url('../fonts/SourceSansPro-LightIt.svg#../fonts/SourceSansPro-LightIt') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
		html{margin:0;padding:0;color:#fff;}
		body{background-image: linear-gradient(#c96d7a, #c43c6e);margin:0;padding:0;font-family: "Source Sans Pro Regular", Helvetica, Arial, sans-serif;}
		table{border:0px solid blue;width:100vw;height:100dvh;margin:0;padding:0;border-collapse: collapse;}
		tr{border:0px solid yellow;margin:0;padding:0;}
		td{border:0px solid grey;display:table-cell;margin:0;padding:0;}
		td#mittvy{border:0px solid pink;height:90dvh;width:45dvh;box-shadow: 0 20px 25px rgba(0, 0, 0, 0.25);z-index:10;overflow:hidden;}
		p{margin:0;padding:0;}
		#logoinstr{position:relative;width:100%;margin:0 auto;display:block;border-top:1px solid #c96d7a;z-index:100;}
		#btminstuktion{position:relative;width:100%;margin:10dvh auto;display:block;border:0px solid red;z-index:100;}
		.instruktionsteg{display:block;position:relative;width:90%;margin:0 auto;border:0px solid blue;background-color:#fff;margin-bottom:1dvh;border-radius:5px;}
		.instruktionsteg img{width:60px; height:60px; background-color:#fff;border-radius:5px;float:right;margin-right:-2%;margin-bottom:1dvh;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 8px 0 rgba(0, 0, 0, 0.19);}
		.instruktionsteg p{font-size:2dvh;padding:5%;color:#000;}
		.instruktionsteg b{color:#c43c6e;}
		
		#snurra{display:block;position:fixed;width:40%;height:auto;top:5%;left:30%;}
		#snurra p{text-align:center;}
		.ovremitt{border:0px solid blue;display:block;position:relative;height:70dvh;width:45dvh;}
		.ovremitt .bakgrundovremitt svg{border:0px solid yellow;display:block;position:absolute;height:70dvh;width:auto;left:0;margin:0;padding:0;left:50%;bottom:0;transform:translate(-50%,0);}
		.undremitt{border-top:3px solid #fff;display:block;position:relative;height:20dvh;width:45dvh;}
		.undremitt svg{border:0px solid yellow;display:block;position:absolute;height:20dvh;width:auto;left:0;margin:0;padding:0;left:50%;bottom:0;transform:translate(-50%,0);}
		
		.btmlogo{border-top:1px solid transparent;width:40dvh;height:auto;position:relative;top:0;margin:0 auto;}
		.btmlogo svg{border:0px solid blue;display:block;position:relative;width:100%;height:auto;left:0;margin:20dvh 0 0 0;padding:0;transform:translate(0,0);}
		#kugge{width:4dvh;height:4dvh;border:0px solid red;position:absolute;display:block;left:50%;bottom:6.5dvh;margin-left:-2dvh;cursor:pointer;}
		#kugg img{width:100%;height:100%;}
		#btmlogotop{width:10dvh;height:auto;border:0px solid red;position:absolute;display:block;left:2.6dvh;top:1dvh;cursor:pointer;z-index:10;}
		#btmlogotop img{width:100%;height:100%;}
		#btmhowtoimg{width:14dvh;height:auto;border:0px solid red;position:absolute;display:block;left:1.5dvh;top:2.1dvh;z-index:10;cursor:pointer;}
		#btmhowtoimg img{width:100%;height:100%;}
		#btmtillbaka{width:2.5dvh;height:auto;border:0px solid red;position:absolute;display:block;left:2.5dvh;top:2.5dvh;cursor:pointer;z-index:10;}
		#btmtillbaka img{width:100%;height:100%;}
		#spotifylogo{width:9dvh;height:auto;border:0px solid red;position:absolute;display:block;right:2.3dvh;top:2.1dvh;z-index:10;}
		#spotifylogo img{width:100%;height:100%;}
		.btmknappar{border:0px solid blue;display:block;position:relative;width:40dvh;height:auto;top:12dvh;margin:0 auto;}
		.btmcam{background-color:#fff;width:40dvh;height:40dvh;position:relative;top:6dvh;margin-left:0dvh;top:0;}
		.btmcode{width:40dvh;height:auto;position:absolute;top:5dvh;margin-left:2dvh;border:0px solid blue;}
		.btmform{width:40dvh;height:auto;position:absolute;top:29dvh;margin-left:2dvh;border:0px solid blue;}
		.btmspotify{width:40dvh;height:auto;position:absolute;top:20dvh;margin-left:2dvh;}
		.btmkamera video{padding-top:50px;}
		
		.kameraknapp{width:22dvh;color:#fff;position:relative;margin:0 auto 1dvh auto;padding:0;cursor:pointer;}
		.kodknapp{width:22dvh;color:#fff;position:relative;margin:0 auto 1dvh auto;padding:0;cursor:pointer;}
		.spotknapp{width:24dvh;color:#fff;background-color:#106368;border-radius:0.25em;position:relative;margin:-5dvh auto 1dvh auto;padding:0;cursor:pointer;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		.kameraknapp p,.kodknapp p{text-align:center;font-weight:normal;font-size:1.7dvh;margin:0;padding:1dvh 0;}
		.kameraknapp img,.kodknapp img{width:16dvh;height:16dvh;display:block;position:relative;margin:0 auto;border-radius:0.25em;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		.spotknapp p{text-align:center;font-weight:normal;font-size:1.5dvh;margin:0;padding:2dvh;}
		.kameraknapp span,.kodknapp span,.spotknapp span{font-weight:normal;}
		
		.formdiv{padding-top:42dvh;}
		form{width:15dvh;background-color:#fff;border-radius:0.25em;display:block;position:relative;margin:0 auto 0 auto;padding:2dvh 0;cursor:pointer;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
		input[type=number] {
			width:80%;color:#106368;background-color:transparent;border-radius:0.25em;display:block;position:relative;cursor:pointer;margin:0 auto;
			text-align:center;font-weight:normal;font-size:2dvh;border:0px solid #fff;
		}
		input::-webkit-outer-spin-button,
		input::-webkit-inner-spin-button {
		  -webkit-appearance: none;
		  margin: 0;
	  }
	  input[type=number] {
	    -moz-appearance: textfield;
	  }
		
		/*
		#my-qr-reader__dashboard_section button{width:16dvh;color:#fff;background-color:#c43c6e;border-radius:0.25em;display:block;position:relative;margin:0 auto 10px auto;padding:2.7dvh 0;cursor:pointer;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);text-align:center;font-weight:bold;font-size:1.5em;border:0px solid #fff;border:0px solid #fff;
		}
		*/
		
		#mittknapp1{width:15dvh;height:15dvh;background-color:#fff;position:relative;margin:auto auto 0 auto;top:-7.5dvh;cursor:pointer;border-radius: 0.25em;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		#mittknapp1 svg{width:100%;height:100%;position:relative;display:block;margin:0 auto;}
		#mittknapp2{width:15dvh;height:15dvh;background-color:#fff;position:relative;margin:auto auto 0 auto;top:-7.5dvh;border-radius: 0.25em;

		}
		#mittknapp2 svg{width:100%;height:100%;position:relative;display:block;margin:0 auto;}
		#mittknapp21{width:15dvh;height:15dvh;background-color:#fff;position:relative;margin:auto auto 0 auto;top:-7.5dvh;cursor:pointer;border-radius: 0.25em;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		#mittknapp21 svg{width:100%;height:100%;position:relative;display:block;margin:0 auto;}
		#mittknapp22{width:15dvh;height:15dvh;background-color:#fff;position:relative;margin:auto auto 0 auto;top:-7.5dvh;cursor:pointer;border-radius: 0.25em;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		#mittknapp22 svg{width:100%;height:100%;position:relative;display:block;margin:0 auto;}
		#mittknapp3{width:15dvh;height:15dvh;background-color:#fff;position:relative;margin:auto auto 0 auto;top:-7.5dvh;cursor:pointer;border-radius: 0.25em;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		#mittknapp3 svg{width:100%;height:100%;position:relative;display:block;margin:0 auto;}
		#mittknapp4{width:15dvh;height:15dvh;background-color:#fff;position:relative;margin:auto auto 0 auto;top:-7.5dvh;border-radius: 0.25em;

		}
		#mittknapp4 svg{width:100%;height:100%;position:relative;display:block;margin:0 auto;}
		#mittknapp5{width:15dvh;height:15dvh;background-color:#fff;position:relative;margin:auto auto 0 auto;top:-9dvh;cursor:pointer;border-radius: 0.25em;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		#mittknapp5 svg{width:115%;height:110%;position:relative;display:block;margin:10% 0 0 10%;}
		#mittknapp51{width:15dvh;height:15dvh;background-color:#fff;position:relative;margin:auto auto 0 auto;top:-7.5dvh;cursor:pointer;border-radius: 0.25em;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		#mittknapp51 svg{width:100%;height:100%;position:relative;display:block;margin:0 auto;}
		#mittknapp52{width:15dvh;height:15dvh;background-color:#fff;position:relative;margin:auto auto 0 auto;top:-7.5dvh;cursor:pointer;border-radius: 0.25em;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		#mittknapp52 svg{width:100%;height:100%;position:relative;display:block;margin:0 auto;}
		#counter p{color:#000;font-size:2em;text-align:center;margin:auto auto;display:none;}
		#counter2 p{color:#fff;font-size:1em;text-align:center;margin:auto auto;display:none;position:fixed;z-index:400;}
		.ovremitt p#verionnr{z-index:10;position:relative;text-align:right;width:100%;display:block;top:0.4dvh;right:2dvh;font-size:0.8em;cursor:pointer;}
		/*
		#formnr{z-index:10;position:relative;float:right;text-align:right;display:block;top:0.3dvh;right:1.5dvh;}
		#vnr{font-size:0.9em;color:#efefef;background-color:transparent;border:0px;cursor:pointer;}
		form#formnr{width:auto;background-color:transparent;border-radius:0.25em;display:block;position:relative;margin:0 auto 0 auto;padding:0dvh 0;cursor:pointer;
			box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.19);}
		*/
		
		#spotifyruta{position:absolute;display:block;width:100%;height:100%;margin:0;padding:9dvh 0 0 0;}
		#spotifyruta iframe{width:37dvh;margin:2dvh 0 2dvh 1dvh;border:0px solid blue;}
		#spotifyruta .textkategori{width:37dvh;margin:1dvh auto 0 1dvh;border:0px solid yellow;}
		#spotifyruta .textartist{width:37dvh;margin:0 auto 2dvh 1dvh;border:0px solid red;}
		#spotifyruta .texttitel{width:37dvh;margin:0 auto 0 1dvh;border:0px solid blue;}
    	p.textkategori span{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:normal;margin:0;font-size:4dvh;} 
    	p.textartist span{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:normal;margin:0;font-size:3dvh;} 
    	p.texttitel span{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:normal;margin:0;font-size:3dvh;opacity:0.7;}
		#spotlogo{width:12dvh;margin:2.5dvh 3dvh;}
		#spotlogo img{width:100%;height:auto;}
		
		#spotifyruta .hideresult{position:relative;display:block;}
		#spotifyruta .hideresult #embed-iframe iframe{display:none;}
		#spotifyruta .hideresult .textartist{display:none;}
		#spotifyruta .hideresult .texttitel{display:none;}
		#spotifyruta .hideresult #overlagg{width:100%;height:60dvh;display:block;position:absolute;top:0dvh;left:0dvh;cursor:pointer;z-index:0;}
		#spotifyruta .showresult{position:relative;display:block;}
		#spotifyruta .showresult #embed-iframe iframe{display:block;position:relative;}
		#spotifyruta .showresult .textartist{display:block;}
		#spotifyruta .showresult .texttitel{display:block;}
		#spotifyruta .showresult #overlagg{display:none;}
		#overlagg p{font-size:10dvh;display:none;font-weight:normal;text-align:center;margin:20dvh 0 0 0;}
		#overlagg{}
		
		.folk_indie{background-color:#B76B76;}
		.r_b{background-color:#137379;}
		.hiphop_rap{background-color:#798289;}
		.country{background-color:#3F9B98;}
		.soul_funk{background-color:#DFCC00;}
		.pop2000tal{background-color:#9BAE30;}
		.pop1900tal{background-color:#D83473;}
		.synthpop{background-color:#854572;}
		.disco{background-color:#f0841d;}
		.reggae{background-color:#4E7E3C;}
		.dance_electro{background-color:#AB151D;}
		.rock{background-color:#000000;}
		
		#svaret{
			height:58dvh;
			width:39dvh;
			margin:0 auto;
			overflow:hidden;
		}
			  
	  	.folk_indie #svaret{background-color:#d17986;}
	  	.r_b #svaret{background-color:#0e5f63;}
	  	.hiphop_rap #svaret{background-color:#798289;}
	  	.country #svaret{background-color:#3c928f;}
	  	.soul_funk #svaret{background-color:#d0be00;}
	  	.pop2000tal #svaret{background-color:#8c9e2e;}
	  	.pop1900tal #svaret{background-color:#c23168;}
	  	.synthpop #svaret{background-color:#703a5f;}
	  	.disco #svaret{background-color:#f0841d;}
	  	.reggae #svaret{background-color:#416c33;}
	  	.dance_electro #svaret{background-color:#96150d;}
	  	.rock #svaret{background-color:#000000;}
					
		.album-idnummer{display:none;}
		.album-num{display:none;}
		
		#spotifyruta #__next div{background-color:transparent!important;}

		.hide{display:none;}
		.show{display:block;}
		
		
		
		.section {
		    background-color: #fff;
			overflow:hidden;
		    padding: 0px;
			height:70dvh;
		    border: 0px solid #fff;
		}
		#my-qr-reader {
		    padding: 0px !important;
		    border: 0px solid #b2b2b2 !important;
		    border-radius: 8px;
			background-color:#000;
		}
		#my-qr-reader__dashboard{display:block;position:absolute;top:0;left:0;}
		#my-qr-reader__dashboard_section{
			padding:0!important;
			margin:0!important;
		}
		#my-qr-reader__dashboard_section span{
		}
		#my-qr-reader__dashboard_section_csr{
			border-bottom:1px solid #efefef;
		}
		#my-qr-reader__dashboard_section select{
			width:100%;
			appearance: none;
			outline: 0;
			border:0px solid #c43c6e;
			border-bottom:1px solid #efefef;
			background-color:#fff;
			border: none;
			color: #c43c6e;
			padding: 15px 15px;
			text-align: left;
			text-decoration: none;
			display: inline-block;
			position:relative;
			top:0;right:0;
			font-size: 16px;
			text-transform:uppercase;
			border-radius:0;
		}
		#my-qr-reader__dashboard_section button{
			width:auto;
			color:#c43c6e;
			border:0px solid #c43c6e;
			border-left:1px solid #efefef;
			border-bottom:1px solid #efefef;
			background-color:#fff;
			display:inline-block;
			position:absolute;
			margin:0;
			padding:15px 15px;
			cursor:pointer;
			text-align:right;
			font-weight:normal;
			font-size:1em;
			top:0;
			right:0;
			float:right;
		}
		#my-qr-reader__scan_region{
			width:100%;
			height:70dvh;
			position:relative;
			padding-top:0;
		}
		#my-qr-reader__scan_region video{
			/*
			width:100%!important;
			height:auto!important;
			margin:0 auto!important;
			padding-top:50px;
			*/
			height:66dvh;
			position:relative;
			left:50%;top:50%;transform:translate(-50%,-50%);
		}
		#gronboard{width:100vw;height:48px;background-color: #fff;display:block;position:absolute;top:0;left:0;}

		#my-qr-reader img[alt="Info icon"] {
		    display: none;
		}

		#my-qr-reader img[alt="Camera based scan"] {
		    display: none;
		}

		#equalizer {
		  position: relative;
		
		}
		#bar1 {
		  animation: bar1 1.6s infinite linear;fill:#C43C6E;
		}

		#bar2 {
		  animation: bar2 1.7s infinite linear;fill:#C96D7A;
		}

		#bar3 {
		  animation: bar3 1.8s infinite linear;fill:#F0841D;
		}

		#bar4 {
		  animation: bar4 0.9s infinite linear;fill:#C4B400;
		}
		#bar5 {
		  animation: bar5 1.0s infinite linear;fill:#8C9E2E;
		}
		#bar6 {
		  animation: bar6 1.2s infinite linear;fill:#3B8E8B;
		}
		#bar7 {
		  animation: bar7 1.5s infinite linear;fill:#007780;
		}
		#bar8 {
		  animation: bar8 1.9s infinite linear;fill:#106368;
		}

		@keyframes bar1 {
		  0% {
		    height: 2px;
		  }
		  50% {
		    height: 7px;
		  }
		  100% {
		    height: 2px;
		  }
		}

		@keyframes bar2 {
		  0% {
		    height: 5px;
		  }
		  40% {
		    height: 1px;
		  }
		  80% {
		    height: 7px;
		  }
		  100% {
		    height: 5px;
		  }
		}

		@keyframes bar3 {
		  0% {
		    height: 7px;
		  }
		  50% {
		    height: 0;
		  }
		  100% {
		    height: 7px;
		  }
		}

		@keyframes bar4 {
		  0% {
		    height: 2px;
		  }
		  50% {
		    height: 7px;
		  }
		  100% {
		    height: 2px;
		  }
		}
		@keyframes bar5 {
		  0% {
		    height: 6px;
		  }
		  50% {
		    height: 2px;
		  }
		  100% {
		    height: 6px;
		  }
		}
		@keyframes bar6 {
		  0% {
		    height: 6px;
		  }
		  50% {
		    height: 2px;
		  }
		  100% {
		    height: 6px;
		  }
		}
		@keyframes bar7 {
		  0% {
		    height: 6px;
		  }
		  50% {
		    height: 2px;
		  }
		  100% {
		    height: 6px;
		  }
		}
		@keyframes bar8 {
		  0% {
		    height: 6px;
		  }
		  50% {
		    height: 2px;
		  }
		  100% {
		    height: 6px;
		  }
		}
		
		
		.off{display:none;}
		.on{display:block;}

		
		
		.example {
		  color:#fff;background:#c64777;opacity:0;
		}
		#htmlnr{display:none;}
		.update{color:#fff;text-transform:uppercase;font-weight:normal;text-decoration:underline;}
		.uptodate{color:#efefef;}
		#media{display:none;position:fixed;top:0;left:0;border:1px solid red;width:5vw;height:5vw;margin:0 0;z-index:100;
			background-repeat:no-repeat;
			background-position: center center;
			background-size:contain;
			-o-background-size:contain;
			-moz-background-size:contain;
			-webkit-background-size:contain;
		}
		#doldbank{display:none;}
		/* Extra small devices (phones, 600px and down) */
        @media only screen and (orientation: portrait) and (min-width: 100px) and (max-width: 600px){
 			#snurra{display:none;}
			#svaret{height:63dvh;width:42dvh;}
			#media{background-image: url("svg/pad_port_btm.svg");}
			table{display:table;}
			td#mittvy{height:90dvh;width:45dvh;box-shadow: 0 20px 25px rgba(0, 0, 0, 0.25);}
			.ovremitt{height:70dvh;width:45dvh;}
			.ovremitt .bakgrundovremitt svg{height:70dvh;}
			.undremitt{height:20dvh;width:45dvh;}
			.undremitt .bakgrundundremitt svg{height:20dvh;}
			.formdiv{padding-top:50dvh;}
			#kugge{bottom:10dvh;}
			.btmlogo{width:40dvh;}
			.btmlogo svg{}
			.btmknappar{top:6dvh;width:45dvh;height:auto;}
			.kameraknapp{width:45dvh;}
			.kodknapp{width:45dvh;}
			.spotknapp{width:45dvh;}
			.kameraknapp img,.kodknapp img{width:19dvh;height:19dvh;}
			.kameraknapp p,.kodknapp p{font-size:2.2dvh;margin:0;padding:2dvh;}
			.spotknapp p{font-size:2.2dvh;margin:0;padding:2dvh;}
			
			#my-qr-reader__scan_region{
				height:70dvh;
			}
			.section {
				height:70dvh;
			}
			
			#spotifyruta .hideresult #overlagg{width:100%;height:100%;top:0vw;left:0vw;}
		}

		/* Small devices (portrait tablets and large phones, 600px and up) */
        @media only screen and (orientation: landscape) and (min-width: 100px) and (max-width: 600px){
    		  #snurra{display:none;}
		}

		/* Medium devices (landscape tablets, 768px and up) */
        @media only screen and (orientation: portrait) and (min-width: 601px) and (max-width: 900px){
    		  #snurra{display:none;}
			
		} 

		/* Large devices (laptops/desktops, 992px and up) */
        @media only screen and (orientation: landscape) and (min-width: 601px) and (max-width: 900px){
    		  #snurra{display:none;}
		#media{background-image: url("svg/pad_land.svg");}
		  
		} 

		/* Extra large devices (large laptops and desktops, 1200px and up) */
        @media only screen and (min-width: 901px) and (max-width: 1200px){
    		  #snurra{display:none;}
		#media{background-image: url("svg/screen_smal.svg");}
		  
		}
        @media only screen and (min-width: 1201px) and (max-width: 1600px){
    		  #snurra{display:none;}
			#media{background-image: url("svg/screen_med.svg");}
			
		}
        @media only screen and (min-width: 1601px){
  		  #snurra{display:none;}
			#media{background-image: url("svg/screen_big.svg");}
		}
        @media only screen and (orientation: portrait) and (max-device-width: 1601px){
			#snurra{display:none;}
			#media{background-image: url("svg/mob_port_btm.svg");}
			
			table{display:table;height:100dvh;width:100vw;}
			td#mittvy{height:100dvh;width:100vw;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25);}
			.ovremitt{height:75dvh;width:100vw;}
			.ovremitt .bakgrundovremitt svg{height:75dvh;}
			.undremitt{height:25dvh;width:100vw;}
			.undremitt .bakgrundundremitt svg{height:25.2dvh;}
			
			.btmlogo{width:90vw;}
			.btmlogo svg{}
			.btmknappar{top:8dvh;}

			#my-qr-reader__scan_region{
				height:75dvh;
			}
			.section {
				height:75dvh;
			}
			#spotifyruta .hideresult #overlagg{width:100%;height:100%;top:0vw;left:0vw;}
        }