/** CSS Reset **/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@media screen and (min-width: 1026px) {
	
	#bgimg {display:none !important;}

	#loader-overlay img {width:145px !important;}

	#loader-overlay span {font-size:18px !important;}
	
}

/** Windows Knap **/
		
		.windows button:focus{
			outline:none;
		}
		.windows{
			display:none;
			width:400px;
			background:#C0C0C0;
			border-width:1px;
			border-color:#FFFFFF #808080 #808080 #FFFFFF;
			border-style:solid;
			position:relative;
			margin:0 auto;
			padding:1px;
			z-index:60;
			bottom: 298px;
			right: 33px;
			color:black;
		}
		.windows div.title{
			height:18px;
			width:100%;
			background:#00a;
			color:black;
		}
		.windows img.title{
			float:left;
			color:black;
		}
		.windows p.title{
			margin:2px 0 0 4px;
			float:left;
			font-family: 'MSW98';
			font-size:12px;
			position:relative;
			top:1px;
			color:white;
		}
		.windows .title button {
			margin:2px 2px 2px 0;
			float:right;
			width:14px;
			height:13.5px;
			background:#C0C0C0;
			border-width:1px;
			border-color:#FFFFFF #808080 #808080 #FFFFFF;
			padding:0;
			font-size:10px;
			font-family:'Verdana';
			font-weight:bold;
			text-align:center;
			focus:none;
			color:black;
		}

		.windows p{
			font-family: 'MSW98';
			letter-spacing:0.5px;
			font-size:11px;
			color:black;
		}
		.windows div.body button{	
			font-family: 'MSW98';
			font-size:14px;
			outline:1px solid #000000;
			background:#C0C0C0;
			border-width:1px;
			border-color:#FFFFFF #808080 #808080 #FFFFFF;
			padding:4px 10px;
			margin:20px auto 3px;
			display:block;
			position:relative;
			bottom:0px;
			focus:none;
			color:black;
		}
		
		#hint-window {
			text-align:center; 
			display:none;
			font-family: 'MSW98';
			font-size: 16px;
			text-align: center;
			line-height: 22px;
			width: 90%;
			padding: 20px 20px 10px 20px;
			margin: 0 auto;
			color:black;
		}
		
		#windows-buttons {text-align:center;}
		
		#startButton, #viewAnswerButton, #hintButton, #newVideoButton {
			font-family: 'MSW98';
			font-size:14px;
			outline:1px solid #000000;
			background:#C0C0C0;
			border-width:1px;
			border-color:#FFFFFF #808080 #808080 #FFFFFF;
			padding:4px 10px;
			margin:10px;
			display:block;
			position:relative;
			bottom:0px;
			focus:none;
			color:black;
        }
        
        #viewAnswerButton, #hintButton, #newVideoButton {
            display: none;
			color:black;
        }    
		
		#videoTitle, #hintText, #error-message {
			font-family: 'MSW98';
			font-size: 16px;
            display: none;
            text-align: center;
            padding: 20px 20px 10px 20px;
            width: 50%;
            margin: 0 auto;
			color:black;
        }
		
		#quiz-tekst {
			font-family: 'MSW98';
			font-size: 16px;
            display: none; 
            text-align: center;
			line-height: 22px;
			width: 90%;
			padding: 20px 20px 10px 20px;
            margin: 0 auto;
			color:black;
        }
        
        #countdownTimer {
            font-size: 18px;
            text-align: center;
            margin-top: 10px;
            color: red;
			color:black;
        }

        .buttons {
            text-align: center;
            margin-top: 20px;
			color:black;
        }

        .button {
            width: 50px;
            height: 50px;
            margin: 10px;
            cursor: pointer;
			color:black;
        }
				
		#svar-hints {text-align:center;}
		
		#knapper {text-align:center;}		
		
/** Windows Knap Slut**/

/** Netscape Knap CSS **/

.gaestebog-knap {
	display:none;
    position: absolute;
    height: 30px;
    right: 10px;
    z-index: 999;
    bottom: 35px;
}

.gaestebog-knap > a {
	border: 1px solid;
	border-color:black;
	text-decoration: none;
}

.nsbutton--netscape {
	align-items: center;
	background: #ccc;
	border-color: var(--color-gallery) var(--color-cod-gray) var(--color-cod-gray) var(--color-gallery);
	border-radius: 0;
	border-width: 2px;
	cursor: pointer;
	display: inline-flex;
	font-family: "Times New Roman";
	font-weight: 700;
	min-height: 31px;
	min-width: 88px;
	padding: 2px 4px 2px 2px;
	position: relative;
	white-space: nowrap;
  
  /* Zoom */
  zoom: 1.5;

	&:hover,
	&:focus {
		outline: 1px dotted var(--c-link);
	}

	&:active {
		border-color: var(--color-cod-gray) transparent transparent var(--color-cod-gray);
    padding: 4px 2px 0px 4px;
	}

}

.nsbutton--netscape a > img {padding-bottom:2px;}

.nsbutton--netscape a, .nsbutton--netscape span {
	align-items: center;
	cursor: pointer;
	display: inline-flex;
	font-size:10px;
	font-family: "Times New Roman";
	font-weight: 700;
	padding: 6px 6px 2px 2px;
	position: relative;
	white-space: nowrap;
	color:black;
  
  /* Zoom */
  zoom: 1.5;

	&:hover,
	&:focus {
		outline: 1px dotted var(--c-link);
	}

	&:active {
    padding: 4px 2px 0px 4px;
	}

}

.nsbutton--text {
  font-size: 10px;
}

/** Diverse CSS **/

.knap-overlay {
	position: absolute;
    left: 678px;
    top: 514px;
    width: 164px;
    height: 45px;
    background: transparent;
    border: none;
    cursor: grab;
    z-index: 30;
    padding: 0;
	display:none;
	pointer-events:none;
}

.flipdintelefon {
	display: none; /* Hidden by default */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 9999;
	justify-content: center;
	align-items: center;
	color: white;
	text-align: center;
  }

/** Tekst TV **/

@font-face {
	src: url(lcdfonts/raster-forge-font/RasterForgeRegular-JpBgm.ttf)
		format('truetype');
	font-family: 'RasterForge';
	}

@font-face {
  font-family: 'FiraCodeVF';
  src: url('lcdfonts/firacode/woff2/FiraCode-VF.woff2') format('woff2-variations'),
       url('lcdfonts/firacode/woff/FiraCode-VF.woff') format('woff-variations');
  font-weight: 300 700;
  font-style: normal;
}

#teksttv {
	font-family: 'FiraCodeVF';
	font-weight:400;
	background-color: #000000;
	z-index:-1;
	position:absolute;
	opacity: 0;
	display:block; 
	margin-top: 72px;
	margin-left: 47px;
	width: 618px;
	height:477px;
	pointer-events:none;
	padding-top:8px;
	}

#teksttv-frame {
	background-color: #000000;
	z-index:20;
	position:absolute;
	opacity: 0;
	display:block; 
	width: 618px;
	height:425px;
	margin-top:28px;
	}

#teksttv-knap {
	position: absolute;
	left: 691px;
	top: 304px;
	width: 38px;
	height: 23px;
	background: transparent;
	border: none;
	cursor: grab;
	z-index:30;
	padding:0;
	pointer-events:none;
	}

#teksttv #main, #teksttv #header, #teksttv #footer {
  background-color:black;
  color:#ffffff;
	}

#teksttv #footer {
    bottom: 25px;
    position: absolute;
    width: 618px;
    padding:0 40px;
	display: flex;
	justify-content: center;
	}

#teksttv #header {}

#teksttv #header .datetime {
	width:60%;
	display:inline-block;
	text-align:right;
	float:right;
	margin-right:55px;
	top: 2px;
    position: relative;
	}

#teksttv #header .page-number {
	width:20%;
	display:inline-block;	
	margin-left:-16px;
	background-color: #f0f8ff00;
    color: white;
    border: none;
    font-family: 'FiraCodeVF';
	font-size:16px;
	}

#teksttv .list {
	width:100%;
	margin-top:15px;
	}	

#teksttv .listleft, .listright {
	margin:4px 0px;
	font-size:17px;
	letter-spacing:-0.7px;
	display:inline-block;
	height:18px;
	}

#teksttv .listleft {
	width:5%;
	color:#00ffff;
	padding-right: 6px;
	color:#10c510;
	}

#teksttv .listright {
	width:85%;
	text-align:left;
	color: white !important;
	}

#teksttv .listright:last-child {
    padding-bottom: 15px;
}	

#teksttv p {
	text-align: left;
	line-height: 18px;
	padding: 15px 35px;
	}		

#teksttv #topbanner {
	display: flex;
	background-color: #0000ff;
	justify-content: space-between;
	margin-top: 5px;
	height: 72px;
	}
#teksttv #topbanner-left {
	width: 85%;
	display: flex;
	align-items: center;
	justify-content: left;
	padding-left:41px;
	}

#teksttv #topbanner-left > img {
	display:none;
	width:164px;
	}
#teksttv #topbanner-right {
	width: 15%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	}

#teksttv #topbanner-right img {
	height:75px;
	padding-right:35px;
	position:absolute;
	top:30px;
	}


#teksttv h1 {
	display:block;
	text-align:center;
	color:#ffff00;
	font-family: RasterForge;
	font-size:38px;
	padding-top:10px;
	position:relative;
	bottom:3px;
	}

#teksttv h3 {
  color:#ffff00;
	}

#teksttv .teksttv-nyhed {
	flex-direction: column;
    display: flex;
    gap: 10px;
    text-align: left;
    justify-content: center;
    padding: 15px 40px;
	line-height:20px;
	}

#teksttv .teksttv-nyhed p {padding: 10px 0 0 0;}

#teksttv .teksttv-nyhed h3 {
    color: #45fefe;
	}

#teksttv .teksttv-forside {    
	flex-direction: column;
    display: flex;
    gap: 10px;
    text-align: left;
    justify-content: center;
    padding: 15px 40px;
  }	 

#teksttv .side {
  color:red;
	background-color: #f0f8ff00;
    border: none;
    font-family: 'FiraCodeVF';
	font-size:17px;
	cursor:pointer;
	}

#teksttv .side-navi-left {
	color:#ffff00;
	background-color: #f0f8ff00;
	border: none;
	font-family: 'FiraCodeVF';
	font-size:16px;
	margin-top: 2px;
	}	

#teksttv .side-navi-right {
	color:#ffff00;
	background-color: #f0f8ff00;
	border: none;
	font-family: 'FiraCodeVF';
	font-size:16px;
	margin-top: 2px;
	padding-right: 2px;
	text-align: right;
	}

#teksttv .teksttv-split {
	display:flex;
  	text-align:center;
	height:130px;
	}
#teksttv .teksttv-split p {
	padding:0; 
	text-align:center;
	}

#teksttv .teksttv-vejr {
	width:30%; 
	background-color:blue;
	padding:17px 10px;
	border: 3px dotted;
    border-color: blue;
	}

#teksttv .teksttv-dagens {
	width:70%; 
	padding:17px 10px;
	border:3px dotted;
	border-color:white;
	}

#teksttv .teksttv-dagens h3:nth-child(2) {
	margin-top:10px;
	}

#teksttv .vejr-by {text-align:left;}

#teksttv .vejr-by p:nth-child(1) {
	display:inline-block;
	}

	#teksttv .vejr-by p:nth-child(2) {
	display:inline-block;
	float:right;
	}

#teksttv #pre-footer {
    bottom: 45px;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    width: 618px;
    background-color: #0000ff;
    padding: 10px;
    font-size:16px;
    letter-spacing: -0.7px;
    font-weight:400;
	}

#teksttv .side-navi-left {
	color:#ffff00;
	background-color: #f0f8ff00;
	border: none;
	font-family: 'FiraCodeVF';
	font-size:16px;
	margin-top: 2px;
	}		

#teksttv #navigation-footer {
	width: 500px;
    margin: 0 auto;
	}

#teksttv #navigation-footer button {float:right;}

#teksttv hr {
  height:6px;
  width:100%;
  color:#0000ff;
  background-color:#0000ff;
  border:1px solid #0000ff;
  margin:20px 0px;
	}

#teksttv #white, #teksttv #red, #teksttv #green, #teksttv #yellow, #teksttv #blue {
	font-family: 'FiraCodeVF';
	letter-spacing:-0.7px;
  width:18%;
  display:inline;
  border:0px;
  float:left;
  text-align:center;
  background-color:black;
  font-size:16px;
  font-weight:400;
  padding:0;

}

#teksttv #red {
  color:#ff0000;
}

#teksttv #green {
  color:#00ff00;
}

#teksttv #yellow {
  color:#ffff00;
}

#teksttv #blue {
  color:#00ffff;
}

#teksttv #white {
  color:#ffffff;
}

#teksttv #nyhedstekst img {
	max-width: 45%;
  height: auto;
  bottom: 28px;
  position: absolute;
  left: 150px;
}

#teksttv .nyhed {
    display: flex;
    align-items: center;
}

#teksttv .nyhed .tid {
    margin-right: 10px;
    min-width: 50px;
	color:white !important;
}

#teksttv .nyhed .tekst {
    flex: 1;
	color:white !important;
}

#teksttv .nyhed .side {
    margin-left: auto;
    background: none;
    border: none;
    color: red;
    cursor: pointer;
    padding: 0;
    font-size: inherit;
	float:right;
	font-family: 'FiraCodeVF';
}

@media screen and (max-width: 850px) {
#teksttv #header, #teksttv #main, #teksttv #footer {
    width:100%;
  }
}

/** Tekst TV - Sidespecifik CSS **/

.teksttv-page-100 #topbanner-left h1 {
  display: none !important;
}

.teksttv-page-100 #topbanner-left > img {
  display: block !important;
}

.teksttv-page-302 .listright {margin:2px 0px !important;} 
.teksttv-page-302 .listleft {margin:2px 0px !important;} 

.teksttv-page-401 p, .teksttv-page-402 p, .teksttv-page-403 p, .teksttv-page-404 p, .teksttv-page-405 p, .teksttv-page-406 p {text-align:center !important;}
.teksttv-page-401 #topbanner-left, .teksttv-page-402 #topbanner-left, .teksttv-page-403 #topbanner-left, .teksttv-page-404 #topbanner-left, .teksttv-page-405 #topbanner-left, .teksttv-page-406 #topbanner-left {width: 100% !important;padding-left: 50px !important;}
.teksttv-page-401 #topbanner-right, .teksttv-page-402 #topbanner-right, .teksttv-page-403 #topbanner-right, .teksttv-page-404 #topbanner-right, .teksttv-page-405 #topbanner-right, .teksttv-page-406 #topbanner-right {display:none !important;}
.teksttv-page-401 .teksttv-nyhed > img {width:200px; margin:0 auto;}
.teksttv-page-402 .teksttv-nyhed > img {width:200px; margin:0 auto;}
.teksttv-page-403 .teksttv-nyhed > img {width:100px; margin:0 auto;}
.teksttv-page-404 .teksttv-nyhed > img {width:125px; margin:0 auto;}
.teksttv-page-405 .teksttv-nyhed > img {width:195px; margin:0 auto;}
.teksttv-page-406 .teksttv-nyhed > img {width:170px; margin:0 auto;}
.teksttv-page-401 h1 {font-size:37px !important;}
.teksttv-page-402 h1 {font-size:33px !important;}
.teksttv-page-404 h1 {font-size:36px !important;}
.teksttv-page-405 h1 {font-size:35px !important;}

/** Forside Logo/Skrift **/

.pixel-text {
  display: none;
  font-family: 'RasterForge', monospace;
  text-transform: uppercase;
  gap: 4px;
  line-height: 1.2;
}

.pixel-text span {
  display: inline-block;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  text-shadow: 3px 3px #ffff00, 4px 4px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  position:relative;
}

.pixel-text span:nth-child(1)  { background-color: #000000; font-size: 40px; } /* S */
.pixel-text span:nth-child(2)  { background-color: #000000; font-size: 40px; } /* L */
.pixel-text span:nth-child(3)  { background-color: #000000; font-size: 40px; } /* A */
.pixel-text span:nth-child(4)  { background-color: #000000; font-size: 40px; } /* G */
.pixel-text span:nth-child(5)  { background-color: #000000; font-size: 40px; } /* E */
.pixel-text span:nth-child(6)  { background-color: #000000; font-size: 40px; } /* T */
.pixel-text span:nth-child(7)  { background-color: #000000; font-size: 40px; } /* O */
.pixel-text span:nth-child(8)  { background-color: #000000; font-size: 40px; } /* M */
.pixel-text span:nth-child(9)  { font-size: 30px; background: transparent; } /* Space */

.pixel-text span:nth-child(-n+8) {}

.pixel-text span:nth-child(9) {
	display:none;
	}

.pixel-text span:nth-child(10) {
  background-image: linear-gradient(90deg, #00ffff, #00ccff);
  font-size: 48px;
  transform: scale(1.1);
  text-shadow: 2px 2px #000, -1px -1px #00ffff;
  top:1px;
  margin-left:5px;
	}

.pixel-text span:nth-child(11) {
  background-image: linear-gradient(90deg, #ff00ff, #cc00cc);
  font-size: 48px;
  transform: scale(1.1);
  text-shadow: 2px 2px #000, -1px -1px #ff00ff;
  margin-left:5px;
  top:1px;
	}

/** League Table **/

.stilling-tabel {
	width:100%; 
	border-collapse: collapse; 
	text-align: right;
	font-family: 'FiraCodeVF';
    margin: 0 auto;
    font-size: 16px;
}

.stilling-tabel .table-team-name {
	text-align: left;	
	padding-left: 8px;
	width:255px;
}

.stilling-tabel tr {
	border: 2px solid #ffffff00;
}

#league-table p {
	font-size:16px;
	line-height:0px;
	font-family: 'FiraCodeVF';
	margin:0;
	color: white;
    overflow-wrap: break-word;
    inline-size: 100%;
	width:100%;
	padding:1px;
}

#league-table #table {
	width:525px;
	margin:0 auto;
}

#league-table .tabeloverskrift {
	color: #ff0;
	text-align:center;
}

#league-table .tabelpoints {
	margin: 5px 0px 20px 241px;
    letter-spacing: 3px;
}

#league-table .team {
    letter-spacing: 0px;
	min-width:200px;
}

#league-table .team-name {
		text-align: left;
		padding-left: 8px;
	  }
	
#league-table .pts {
	letter-spacing:3px;
}

#league-table span {
	height:15px;
	display:inline-block;
}
	
#league-table hr {display:none;}

#league-table .tabeloverskrift {
    color: #ff0;
}

#league-table .yellow { color: #ff0; }
#league-table .green { color: #0f0; }
#league-table .white { color: #fff; }
#league-table .cyan { color: #0ff; }
#league-table .downabit { position: relative; top: 2vmin; }
#league-table .doblue { background-color: blue; padding-top: .5vmin; }
#league-table .red { color: red; }
#league-table .blue { color: blue; }
#league-table .blinking { 
    color: #0f0; 
    animation: blink 1s steps(1, end) infinite; 
}

@keyframes blink {
    0% { opacity: 0; }
    50% { opacity: 1; }
}

#league-table .myd { 
    position: relative; 
    top: -1.7vmin; 
    scale: 1 2; 
}

/** Glitch Bar **/

		#glitchdiv1 {
			box-sizing: border-box;
			display:block; 
			position: absolute;
			top:100px;
			width: 670px;
			height: 60px;
			z-index:5;
			animation: vertical-shaking 0.65s infinite;
			-webkit-animation: vertical-shaking 0.65s infinite;
		} 
		
		.glitch-top {
			box-sizing: border-box;
			opacity:0;
			display:block; 
			visibility:hidden;
			position: absolute;
			top:5px;
			left: -4%;
			-webkit-transform: translateX(-4%);
			transform: translateX(-4%);
			width: 670px;
			height: 60px;
			z-index:5;
			animation: vertical-shaking 0.65s infinite;
			-webkit-animation: vertical-shaking 0.65s infinite;
		}
		
		#glitchdiv2 {
			box-sizing: border-box;
			display:block; 
			position: absolute;
			top:534px;
			width: 670px;
			height: 60px;
			z-index:5;
			animation: vertical-shaking 0.65s infinite;
			-webkit-animation: vertical-shaking 0.65s infinite;
		}
		
		.glitch-bottom {
			box-sizing: border-box;
			opacity:0;
			display:block; 
			visibility:hidden;
			position: absolute;
			left: -4%;
			-webkit-transform: translateX(-4%);
			transform: translateX(-4%);
			width: 670px;
			height: 60px;
			z-index:5;
			animation: vertical-shaking 0.65s infinite;
			-webkit-animation: vertical-shaking 0.65s infinite;
		}	

		@keyframes vertical-shaking {
			0% { transform: translateY(0); }
			5% { transform: translateY(7px); }
			10% { transform: translateY(-2px); }
			15% { transform: translateY(6px); }
			20% { transform: translateY(-7px); }
			25% { transform: translateY(5px); }
			30% { transform: translateY(-3px); }
			35% { transform: translateY(4px); }
			40% { transform: translateY(-5px); }
			45% { transform: translateY(3px); }
			50% { transform: translateY(-4px); }
			55% { transform: translateY(2px); }
			60% { transform: translateY(-3px); }
			65% { transform: translateY(1px); }
			70% { transform: translateY(-2px); }
			75% { transform: translateY(0); }
			80% { transform: translateY(-1px); }
			85% { transform: translateY(2px); }
			90% { transform: translateY(-3px); }
			95% { transform: translateY(4px); }
			100% { transform: translateY(0); }
		}

/** Glitch Bar Slut **/

/** Marquee Title **/

    .marquee-container {
		width: 140px;
		height: 45px;
		overflow: hidden;
		position: absolute;
		border: 1px solid black;
		color: #1f318a;
		font-size: 22px;
		background-color: black;
		margin-left: 695px;
		margin-top: 51px;
		border-radius: 3px 0 3px 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
    }

	.marquee-text {
		font-family: 'LCDLight2';
		font-weight: 300;
		font-style: normal;
		position: absolute;
		white-space: nowrap;
		padding-left: 100%;
		padding-top: 1px;
		width:max-content !important;
		animation: marquee 18s linear infinite;
    }

    @keyframes marquee {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-100%);
      }
	}

	@keyframes marquee-mobil {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-160%);
      }
	}
	
/** Pausebillede **/

		#fejl {
			z-index:4;
			visibility: hidden;
			padding-right: 56px;
			padding-top: 73px;
		}		

		#fejl-tv {
			margin-top: 71px;
			margin-left: -59px;
			width: 609px;
			height: 481px;
			display:block;
			position:absolute;
			z-index:15;
			opacity:0;
		}
		
		#fejl img {
			height:475px;
		}

/** Pausebillede Slut **/

/** Pause / Kanal Overlay **/

	.pause-menu {   
	 	opacity: 0;
	    width: 160px;
	    position:absolute;
	    margin-top: 129px;
		margin-left: -405px;
		z-index:990;
		pointer-events:none;
		filter:blur(0.17px);
    }

	.pause-menu > img {width:160px;}

	.nosignal-menu {   
		display:none;
	 	opacity: 0;
	    width: 160px;
	    position:absolute;
	    margin-top: 129px;
		margin-left: -405px;
		z-index:990;
		pointer-events:none;
		filter:blur(0.17px);
    }    	

	.nosignal-menu > img {width:160px;}

	@media screen and (min-width: 1026px) {
		.nosignal-menu > img {width:260px !important;}
	}
		
/** TV Knapper **/

		.onoff-pause-next-overlay {
			opacity:0;
	    height: 44px;
	    z-index: 920;
	    position: absolute;
	    top: 517px;
	    left: 679px;
	    pointer-events: none;
		}

		.onoff-pause-next-overlay[data-index="0"] {
		  opacity: 1;
		}
		
		#play {
			position: absolute;
			left: 684px;
			top: 510px;
			width: 52px;
			height: 50px;
			background: transparent;
			border: none;
			cursor: grab;
			z-index:30;
			padding:0;
		}							

		#pause-resume {
			position: absolute;
			left: 736px;
			top: 510px;
			width: 52px;
			height: 50px;
			background: transparent;
			border: none;
			cursor: grab;
			z-index:30;
			pointer-events:none;
			padding:0;
		}

		#restart {
			display:none;
			position: absolute;
			left: 684px;
			top: 510px;
			width: 52px;
			height: 50px;
			background: transparent;
			border: none;
			cursor: grab;
			z-index:30;
			padding:0;						
		}		

		#restart-quiz {
			display:none;
			position: absolute;
			left: 684px;
			top: 510px;
			width: 52px;
			height: 50px;
			background: transparent;
			border: none;
			cursor: grab;
			z-index:30;
			padding:0;						
		}		

		#off {
			position: absolute;
			left: 684px;
			top: 510px; 
			width: 52px;
			height: 50px;
			background: transparent;
			border: none;
			cursor: grab;
			z-index:30;
			display:none;
			padding:0;
		}

		#next {
			display:block;
			position: absolute;
			left: 788px;
			top: 510px;
			width: 52px;
			height: 50px;
			background: transparent;
			border: none;
			cursor: grab;
			padding:0;			
		}
		
		#restart-music {
			display:none;
			position: absolute;
			left: 788px;
			top: 510px; 
			width: 52px;
			height: 50px;
			background: transparent;
			border: none;
			cursor: grab;
			z-index:30;	
			padding:0;				
		}							
		
		#easteregg {
			position: absolute;
			left: 789px;
			top: 306px;
			width: 21px;
			height: 16px;
			background: transparent;
			border: none;
			cursor: grab;
			z-index:30;
			padding:0;
		}				
		
		#easteregg2 {
			position: absolute;
			left: 235px;
			top: 224px;
			width: 21px;
			height: 16px;
			background: transparent;
			border: none;
			cursor: grab;
			z-index:130;
			padding:0;
		}

		#easteregg3 {
			position: absolute;
			left: 768px;
			top: 306px;
			width: 21px;
			height: 16px;
			background: transparent;
			border: none;
			cursor: grab;
			z-index:30;
			padding:0;
		}			
		
		#easteregg4 {
			position: absolute;
			left: 809px;
			top: 306px;
			width: 21px;
			height: 16px;
			background: transparent;
			border: none;
			cursor: grab;
			z-index:30;
			padding:0;
		}	

		#lionel {
			display: flex;
			width: 100%;
			justify-content: center;	
			position:fixed;
			top:100vh;	
			transition: top 5s ease;
		}

		#lionel-button {
			position: absolute;
			left: 80px;
			top: 588px;
			width: 50px;
			height: 50px;
			background: transparent;
			border: none;
			cursor: grab;
			z-index: 30;
		}

		.snowflake {
		  position: absolute;
		  top: -100px;
		  pointer-events: none;		
		  z-index:900;
		}
		
		#sne-effekt {
			z-index:901;
			position:fixed;
			opacity:0;
		}	

		.upperbuttons-overlay {
		opacity:0;
	    height: 122px;
	    z-index: 920;
	    position: absolute;
	    top: 97px;
	    left: 699px;
	    pointer-events: none;
		}	

		.upperbuttons-overlay[data-index="0"] {
		  opacity: 1;
		}				
		
		#switch {
			display:block;
			position: absolute;
			left: 699px;
			top: 100px;
			width: 135px;
			height: 66px;
			background: transparent;
			border: none;
			cursor: grab;
		}

		#switch-reset {
			display:none;
			position: absolute;
			left: 699px;
			top: 100px;
			width: 135px;
			height: 66px;
			background: transparent;
			border: none;
			cursor: grab;
		}		
		
		#switch2 {
			display:block;
			position: absolute;
			left: 699px;
			top: 168px;
			width: 135px;
			height: 66px;
			background: transparent;
			border: none;
			cursor: grab;
		}		
		
		#switch3 {
			display:block;
			position: absolute;
			left: 699px;
			top: 168px;
			width: 135px;
			height: 66px;
			background: transparent;
			border: none;
			cursor: grab;
		}		
		
		#kanal1, #kanal2, #kanal3, #kanal4, #kanal5 {
			display:block;
			position: absolute;
			top: 219px;
			width: 27px;
			height: 32px;
			padding:0;
			background: transparent;
			border: none;
			cursor: grab;
		}
		
		#kanal6, #kanal7, #kanal8, #kanal9, #kanal10 {
			display:block;
			position: absolute;
			top: 251px;
			width: 27px;
			height: 32px;
			padding:0;
			background: transparent;
			border: none;
			cursor: grab;
		}
		
		#kanal1, #kanal6 {left: 701px;}
		#kanal2, #kanal7 {left: 727px;}
		#kanal3, #kanal8 {left: 753px;}
		#kanal4, #kanal9 {left: 779px;}
		#kanal5, #kanal10 {left: 805px;}	
		
		.button-img {
		height: 61px;
		z-index: 920;
		position: absolute;
		top: 221px;
		left: 701px;
		pointer-events: none;
		opacity:0;
		}		
		
		.button-img[data-index="0"] {
		  opacity: 1;
		}
		
/** TV Knapper Slut **/

/** Static / Flimmer **/

		#static-out {
			z-index: 11;
			position: absolute;
			transition: opacity 3.5s ease;
			opacity: 0.92;
			display: none;
			margin-top: 69px;
			margin-left: -48px;
			width: 649px;
			height: 486px;
			background: url(bgs/static-6-200x-200-min.gif);
			background-size:35%;
		}		

		#static-out > img {display:none;}
		
		#static-out-music {
			z-index: 11;
			position: absolute;
			opacity: 0.92;
			display: none;
			margin-top: -5000px;
			margin-left: -48px;
			width: 649px;
			height: 486px;
			background: url(bgs/static-6-200x-200-min.gif);
			background-size:35%;
		}

		#static-out-music > img {display:none;}

		#static-pause {
			z-index: 11;
			position: absolute;
			animation: shake 1s infinite;
			opacity: 1;
			display: none;
			margin-top: 68px;
			margin-left: -48px;
			width: 649px;
			height: 486px;
			background: url(bgs/static-6-200x-200-min.gif);
			background-size:35%;
		}

		#static-pause > img {display:none;}

		#static-kanalskift {
			z-index: 11;
			position: absolute;
			opacity: 1;
			display: none;
			margin-top: 56px;
			margin-left: -48px;
			width: 649px;
			height: 486px;
			background: url(bgs/static-6-200x-200-min.gif);
			background-size:35%;
		}	

		#static-kanalskift > img {display:none;}
	
		#static {
			z-index: 4;
			position: absolute;
			transition: opacity 3.5s ease;
			animation: shake 1s infinite;
			opacity: 1;
			display:block; 
			margin-top: 69px;
			margin-left: -48px;
			width: 649px;
			height: 486px;
			background: url(bgs/static-6-200x-200-min.gif);
			background-size:35%;
		}			

		#static > img {display:none;}

		#static-fejl {
			z-index: 4;
			position: absolute;
			animation: shake 1s infinite;
			opacity: 1;
			display:none; 
			margin-top: 69px;
			margin-left: -48px;
			width: 649px;
			height: 486px;
			background: url(bgs/static-6-200x-200-min.gif);
			background-size:35%;
		}		

		#static-fejl > img {display:none;}
		
		#tv-glow {
			z-index: 980;
			position: absolute;
			opacity: 0;
			display: block;
			margin-top: 88px;
			margin-left: -58px;
			width: 593px;
			height: 454px;
			border-radius: 13% 12%;
			box-shadow: rgba(190, 165, 206, 0.1) 0px 0px 16.4348px 16.4348px;
			transition: box-shadow 0.1s ease;
			pointer-events: none;
		}		
		
		#tv-glow-inset {
			z-index: 980;
			position: absolute;
			opacity: 0;
			display: block;
			margin-top: 88px;
			margin-left: -58px;
			width: 593px;
			height: 454px;
			border-radius: 13% 12%;
			box-shadow: inset rgba(190, 165, 206, 0.1) 0px 0px 16.4348px 16.4348px;
			transition: box-shadow 0.1s ease;
			pointer-events: none;
		}

		#flimmer {
			position:absolute;
			z-index: 7;
			width: 659px;
			margin-top: 135px;
			margin-left: -50px;
			height: 250px;
		}

		#flimmer-ats {
			display:none;
			position:absolute;
			z-index: 17;
			width: 659px;
			margin-top: 135px;
			margin-left: -50px;
			height: 250px;
		}

		@keyframes flimmerLoop {
		  from {
		    margin-top: -50px;
		  }
		  to {
		    margin-top: 300px;
		  }
		}

		#flimmer.loop-animation {
		  animation: flimmerLoop 6s linear infinite alternate !important;
}		

/** Static Slut **/

/** TV Frame + Player **/	

        body {
		margin: 0 !important;
		}

		#mobil-image-sepaatv {display:none;}
		
		#container {
			width: 100vw;
      		height: 100vh;
			position:relative;
			overflow:hidden;
        }
		
		#video-container {
			text-align:center;
            margin: 0 auto;
			padding-top:40px;
			z-index:2;
        }	
		
		#tvframe {
			z-index:20;
			position:absolute;
			width: 770px;
			display:block;
		}

		.taend {
			display:block;
			pointer-events:none;
		}
		
		#player-container {
			margin: 0 auto;
			text-align: center;
			display: flex;
			align-content: flex-end;
			justify-content: space-around;
			align-items: stretch;			
			-webkit-align-content: flex-end;
			-webkit-justify-content: space-around;
			-webkit-align-items: stretch;
			height:560px;
		}			       
		
		#player-div {
			z-index: 3;
			display: flex;
			margin: 0 auto;
			padding-right:62px;
			position: fixed;
			filter: blur(0px);
			transition: all 3s ease;
			width: 650px;
			height: 561px;
			border: none;
			top:60px;
			-webkit-align-content: flex-end;
			-webkit-justify-content: space-around;
			-webkit-align-items: stretch;
    }     
		
		#player-div-quiz {
			z-index: 3;
			display: flex;
			margin: 0 auto;
			padding-right:62px;
			position: fixed;
			filter: blur(0px);
			transition: all 3s ease;
			width: 650px;
			height: 561px;
			border: none;
			top:60px;
			-webkit-align-content: flex-end;
			-webkit-justify-content: space-around;
			-webkit-align-items: stretch;
        }
		
		.screen {
			margin-top: 69px;
			margin-left: -48px;
			width: 649px;
			height: 486px;
			display:block;
			position:absolute;
			background-color: black;
			z-index:9;
		}
		
		#guesswho {
			z-index: 15 !important;
			position: absolute;
			opacity: 0.8;
			display: block;
			padding-top: 229px;
			padding-right: 43px;
			width: 500px;
		}		
		
		#bgimg2 {display:none;} 

/** TV Frame - Ny CSS (Skjul Titel) **/

		#player-container-nyc {
			display: block;
			position:absolute;
			overflow:hidden;
			width:649px;
			height:639px;
			z-index:3;
			margin-left:-37px;
			top:14px;
			pointer-events:none;
		}	    

		#player-div-nyc {
			z-index: 3;
			display: block;
			position: absolute;
			filter: blur(0px);
			width: 4000px;
			height: 478px;
			border: none;
			margin-top: -99px;
			top: 199px;
			margin-left: -105px;
			overflow: hidden;
			left: -1578px;
			pointer-events:none;
    }
		
/** TV Frame + Player Slut **/

/** TV Shutdown Effect **/

.shutdown {
  animation: shutdown 0.7s cubic-bezier(0.755, 0.05, 0.855, 0.06) forwards;
}
@keyframes shutdown {
  0% {
    transform: scaleY(1) scaleX(1);
  }
  70% {
    transform: scaleY(0.01) scaleX(1);
  }
  100% {
    transform: scaleY(0) scaleX(0);
    opacity: 0;
  }
}

/** TV Shutdown Effect Slut **/

/** Fonts **/

@font-face {
	font-family: 'W95fa';
	src: url('lcdfonts/w95fa.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	src: url(lcdfonts/sys.ttf)
		format('truetype');
	font-family: 'Sys';
	}

@font-face {
    font-family: 'LCDLight1';
    src: url('lcdfonts/LCDLight.woff2') format('woff2'),
         url('lcdfonts/LCDLight.woff') format('woff'),
         url('lcdfonts/LCDLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LCDLight2';
    src: url('lcdfonts/LCDLight2.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DigitalPlay';
    src: url('lcdfonts/DigitalPlay.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: '2PStart';
    src: url('lcdfonts/2P-Start.woff2') format('woff2'),
    font-weight: 300;
    font-style: normal;
    font-display: swap;
	}
	
@font-face {
    font-family: 'Windows';
    src: url('lcdfonts/Windows.woff2') format('woff2'),
         url('lcdfonts/Windows.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
	}
	
@font-face {
    font-family: 'MS Sans Serif 1';
    src: url('lcdfonts/MSSansSerif1.woff2') format('woff2'),
        url('lcdfonts/MSSansSerif1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
	}

@font-face {
    font-family: 'MSW98';
    src: url('lcdfonts/MSW98UI-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
	}

@font-face {
    font-family: 'MSW98Bold';
    src: url('lcdfonts/MSW98UI-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
	}
		
@font-face {
    font-family: 'PressStart';
    src: url('lcdfonts/PressStart2P-Regular.woff2') format('woff2'),
        url('lcdfonts/PressStart2P-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
	}
	
/** Fonts Slut **/

/** Easter Egg 4 Hampster **/

#hampster {
	display:none;
	width:100vw;
	height:100vh;
	z-index:998;
	position: absolute;
	background: url(bgs/hampsterdance.gif);
	background-repeat: repeat;
}

.hampster-div {
	position: fixed;
    right: 100px;
    bottom: 100px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.hampster-text {
	display:inline-block;
}

.hampster-tv {
	display:inline-block;
	bottom: 20px;
    position: relative;
    margin-left: 40px;
    width: 140px;
}

.hampster-headline-img {
	margin-left: 100px;
    top: 5px;
    position: relative;
}

.visitor-div {
	display:block;
	position:fixed;
	left:20px;
	bottom:20px;
	width:250px;
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	font-size: 18px;
	text-align: center; 
	padding: 10px; 
	border: 5px solid #ff0000;
	background-color: #ffff00;
}

.visitor-tekst {
	color: #ff00ff;
	background-color: #ffff00; 
	text-shadow: 2px 2px #00ff00;
	margin-bottom:10px;
}

.visitor-counter-tekst {
	color: #ff00ff;
	background-color: #ffff00; 
	text-shadow: 2px 2px #00ff00;
}

.visitor-counter {
	color: #ffbfbf;
    background-color: black;
    text-shadow: 0px 1px #ecf1ec;
    padding: 5px 15px;
}

.wordart {
	font-family: Arial, sans-serif;
	font-size: 4em;
	font-weight: bold;
	position: relative;
	z-index: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.blues {
    font-family: Impact, sans-serif;
    color: #24c0fd;
    -webkit-text-stroke: 0.01em #0000aa;
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#0000aa,Strength=1);
    text-shadow: 0.13em -0.13em 0px #0000aa;
    letter-spacing: -0.05em;
}

.wordart.tilt {
    display: inline-block;
    transform: scaleY(2) perspective(1em) rotateX(15deg) translate3d(-19%, -14%, -0.4em);
    -webkit-transform: scaleY(2) perspective(1em) rotateX(15deg) translate3d(-19%, -14%, -0.4em);
    -moz-transform: scaleY(2) perspective(1em) rotateX(15deg) translate3d(-19%, -14%, -0.4em);
    -o-transform: scaleY(2) perspective(1em) rotateX(15deg) translate3d(-19%, -14%, -0.4em);
    -ms-transform: scaleY(2) perspective(1em) rotateX(15deg) translate3d(-19%, -14%, -0.4em);
}

.wordart.tilt .text {
    font-family: Arial, sans-serif;
    font-weight: bold;
    background: #390c0b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #390c0b 0%, #f6bf28 73%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #390c0b), color-stop(73%, #f6bf28));
    background: -webkit-linear-gradient(top, #390c0b 0%, #f6bf28 73%);
    background: -o-linear-gradient(top, #390c0b 0%, #f6bf28 73%);
    background: -ms-linear-gradient(top, #390c0b 0%, #f6bf28 73%);
    background: linear-gradient(to bottom, #390c0b 0%, #f6bf28 73%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#390c0b', endColorstr='#f6bf28', GradientType=0);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -0.01em;
    -webkit-text-stroke: 0.01em #A3A3A3;
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#a3a3a3, Strength=1);
}

.wordart.tilt .text::before {
    content: attr(data-text);
    position: absolute;
    z-index: -1;
    top: 0.17em;
    -webkit-text-fill-color: #6D4916;
    -webkit-background-clip: border-box;
    transform: perspective(1em) rotateX(65deg) scale(0.77);
    -webkit-transform: perspective(1em) rotateX(65deg) scale(0.77);
    -moz-transform: perspective(1em) rotateX(65deg) scale(0.77);
    -o-transform: perspective(1em) rotateX(65deg) scale(0.77);
    -ms-transform: perspective(1em) rotateX(65deg) scale(0.77);
}

/** Easter Egg 3 BSOD **/

.easteregg3 {
	display:none;
	background-color: rgb(1, 2, 172);
	font-family: 'PressStart';
	color: white;
	width:100vw;
	height:100vh;
	z-index:998;
	position: absolute;
	font-size:15px;
	line-height:30px;
    justify-content: center;
    align-items: center;
	z-index:9999999999;
}

.msg {
	padding:0 100px;
}

.easteregg3 p {
	text-align: left;
	margin: 20px auto;
}

.continue {
	text-align: center;
}

.highlight {
	color: rgb(1, 2, 172);
    background-color: rgb(172, 173, 168);
    padding: 3px;
    text-align: center !important;
    width: 150px;
    position: relative;
    top: -20px;
}

.blink {
	animation: blink 1s steps(2, start) infinite;
}

@keyframes blink {
  to {
    visibility: hidden;
  }
}

/** Easter Egg 2 Glass Break **/

#glas {
	display:none;
	z-index: 99;
    margin-top: 100px;
    margin-right: 300px;
    width: 250px;
    position: absolute;
}

/** Easter Egg 1 Sne! **/

#snow {
	pointer-events: none;
	opacity:0;
	background: none;
	font-family: Androgyne;
	background-image: 
	url('https://4.bp.blogspot.com/-RGdg1HwjcN0/V0MfveH5tnI/AAAAAAAAV9U/JuZAFpkJmHkhrLHTY3Nzt--f1_D4QUDRACLcB/s1600/s1.png'),	url('https://3.bp.blogspot.com/-lLYG_aPYaWI/V0MfvZui2cI/AAAAAAAAV9Q/ivLLay21G6IKLLGEI-bHgpzmPRHFubhwgCLcB/s1600/s2.png'), 
	url('https://3.bp.blogspot.com/-mPW9Z5fvV5w/V0MfvZ1kmnI/AAAAAAAAV9Y/qU7_F2J0XP4bXNi3rIyV55Y1z9RyTRoqQCLcB/s1600/s3.png');
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:999;
	-webkit-animation: snow 1s linear infinite;
	-moz-animation: snow 12s linear infinite;
	-ms-animation: snow 12s linear infinite;
	animation: snow 12s linear infinite;
}

@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}	

/** Sne Slut **/

/** Loader Styles **/

#loader-overlay {
	position: absolute; /* Changed from fixed to absolute */
	top: 300px;
	left: 0;
	width: 100%;
	height: 200px;
	background-color: rgba(255, 255, 255, 0); 
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	z-index: 900; /* Ensure it's on top of everything inside #container */
	color: #fff;
}

#loader-overlay img {
	margin-bottom: 8px;
	width:110px;
}

#loader-overlay span {
	font-family: 'MSW98';
	font-size: 18px;    
	margin-left:21px;
}

#video-container {display: none;}
.startbar {display:none;}

/** Gæstebog **/

#guestbook-button {
	align-items: center;
	background: #ccc;
	border-color: var(--color-gallery) var(--color-cod-gray) var(--color-cod-gray) var(--color-gallery);
	border-radius: 0;
	border-width: 2px;
	cursor: pointer;
	display: inline-flex;
	font-family: "Times New Roman";
	font-weight: 700;
	position: relative;
	white-space: nowrap;
	zoom:1.5;
	padding: 0 2px 0 0;
}