:root {
	/*Colors*/
	/* CSS HEX */
	--main: #f6ffff;
	--raahvid: #e8e8e8ff;
	--lysegraa: #dcdcdcff;
	--tyrkis: #3ca4a4;
	--morketyrkis: #2a8282;
	--mellemtyrkis: #097373;
	--headfarve: #b5d5d4;
	--blysort: #313333;
	--mellemsort: #111111ff;
	--black: #000000ff;

	/* fonte */

	--over: input-serif, serif;
	--brod1: "oswald", sans-serif;

	--overny: cheap-pine, sans-serif;
	--overny2: cheap-pine-shadow, sans-serif;
	/*cheap-pine-sans, sans-serif;*/
}

.sectionetmu {
	position: relative;
}

.wrapper {
	position: absolute;
	height: 2vw;
	margin-top: 12vw;
	margin-left: 14vw;
	display: inline-block;
	z-index: 7;
}

.typingtext {
	width: 31.7vw;
	animation: typing 2s steps(15), blink 0.5s step-end infinite alternate;
	white-space: nowrap;
	overflow: hidden;
	border-right: 3px solid;
	font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
	font-weight: 400;
	font-size: 3.5vw;
}

@keyframes typing {
	from {
		width: 0;
	}
}

@keyframes blink {
	50% {
		border-color: transparent;
	}
}

.wrapperto {
	position: absolute;
	height: 2vw;
	margin-top: 18vw;
	margin-left: 63vw;
	display: inline-block;
	z-index: 7;
}

.typingtextto {
	width: 24.5vw;
	animation: typing 1.5s steps(18), blink 0.5s step-end infinite alternate;
	white-space: nowrap;
	overflow: hidden;
	border-right: 3px solid;
	font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
	font-weight: 400;
	font-size: 3vw;
}

.wrappertre {
	position: absolute;
	height: 2vw;
	margin-top: 21.5vw;
	margin-left: 63vw;
	display: inline-block;
	z-index: 7;
}

.typingtexttre {
	width: 26vw;
	animation: typing 2s steps(14), blink 0.5s step-end infinite alternate;
	white-space: nowrap;
	overflow: hidden;
	border-right: 3px solid;
	font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
	font-weight: 400;
	font-size: 3vw;
}
.wrapperfire {
	position: absolute;
	height: 2vw;
	margin-top: 37vw;
	margin-left: 12vw;
	display: inline-block;
	z-index: 7;
}

.typingtextfire {
	width: 28vw;
	animation: typing 2s steps(14), blink 0.5s step-end infinite alternate;
	white-space: nowrap;
	overflow: hidden;
	border-right: 3px solid;
	font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
	font-weight: 400;
	font-size: 1.9vw;
}
.wrapperfem {
	position: absolute;
	height: 2vw;
	margin-top: 39.3vw;
	margin-left: 12vw;
	display: inline-block;
	z-index: 7;
}

.typingtextfem {
	width: 28.5vw;
	animation: typing 2s steps(14), blink 0.5s step-end infinite alternate;
	white-space: nowrap;
	overflow: hidden;
	border-right: 3px solid;
	font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
	font-weight: 400;
	font-size: 1.9vw;
}

#pilunivers {
	margin-top: 63vw;
	margin-left: 46.5vw;
	position: absolute;
	width: 8vw;
	animation: pilnedunivers 2s ease infinite;
}

@keyframes pilnedunivers {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-1.8vw);
	}
	60% {
		transform: translateY(-0.8vw);
	}
}

#bigblue {
	width: 37vw;
	position: absolute;
	z-index: 2;
	margin-left: 34.5vw;
	margin-top: 19.6vw;
}

#smallblue1 {
	position: absolute;
	width: 13vw;
	margin-top: 50vw;
	margin-left: 17vw;
	rotate: 40deg;
}

#smallblue2 {
	position: absolute;
	width: 17vw;
	margin-top: 13vw;
	margin-left: 75vw;
	rotate: -140deg;
	z-index: 1;
}

#smallblue3 {
	position: absolute;
	width: 18vw;
	margin-top: 9vw;
	margin-left: 9vw;
	rotate: 165deg;
	z-index: 1;
	opacity: 50%;
}

#smallblue4 {
	position: absolute;
	width: 15vw;
	margin-top: 45vw;
	margin-left: 73vw;
	rotate: 8deg;
	z-index: 1;
	opacity: 50%;
}

#prikker1 {
	position: absolute;
	width: 10vw;
	margin-top: 50vw;
	margin-left: 68vw;
	opacity: 70%;
}

#prikker2 {
	position: absolute;
	width: 10vw;
	margin-top: 18vw;
	margin-left: 18vw;
	opacity: 70%;
}

.picturemig {
	margin-top: 15vw;
	position: absolute;
	z-index: 3;
}

#migpicture {
	width: 34vw;
	margin-left: 34vw;
}

/*________ Section et Start__________*/

#minvej {
	width: 80vw;
	position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
	font-size: 4.4vw;
	padding-bottom: 1vw;
	margin-top: 80vw;
	margin-left: 10vw;
	letter-spacing: 0.5vw;
	text-transform: uppercase;
	text-align: center;

	color: transparent;
	background: #3ca4a4;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.53);
}

#pminvej {
	width: 50vw;
	position: absolute;
	margin-top: 87vw;
	margin-left: 25vw;
	font-size: 2vw;
	color: var(--blysort);
	text-align: center;

	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

#farmorh2 {
	width: 32vw;
	position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
	font-size: 2.4vw;
	padding-bottom: 1vw;
	margin-top: 102vw;
	margin-left: 54.9vw;
	letter-spacing: 0.3vw;
	text-transform: uppercase;
	text-align: left;

	color: transparent;
	background: #3ca4a4;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.53);
}

#farmor {
	position: absolute;
	width: 42vw;
	margin-top: 94vw;
	margin-left: 13vw;
}

#farmorp {
	width: 31vw;
	position: absolute;
	margin-top: 106vw;
	margin-left: 55vw;
	font-size: 1.5vw;
	color: var(--blysort);
	text-align: left;

	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

#migvideo {
	position: absolute;
	width: 32vw;
	margin-top: 136vw;
	margin-left: 52vw;
	box-shadow: 0.3vw 0.3vw 2vw 0.2vw #0973738e;
}

#videoh2 {
	width: 32vw;
	position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
	font-size: 2.4vw;
	padding-bottom: 1vw;
	margin-top: 137vw;
	margin-left: 22vw;
	letter-spacing: 0.3vw;
	text-transform: uppercase;
	text-align: left;

	color: transparent;
	background: #3ca4a4;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.53);
}

#videop {
	width: 31vw;
	position: absolute;
	margin-top: 141vw;
	margin-left: 18.2vw;
	font-size: 1.5vw;
	color: var(--blysort);
	text-align: right;

	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

#studenth2 {
	width: 36vw;
	position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
	font-size: 2.4vw;
	padding-bottom: 1vw;
	margin-top: 184.5vw;
	margin-left: 54.4vw;
	letter-spacing: 0.3vw;
	text-transform: uppercase;
	text-align: left;

	color: transparent;
	background: #3ca4a4;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.53);
}

#studntimg {
	position: absolute;
	width: 38vw;
	margin-top: 178vw;
	margin-left: 15vw;
}

#studentp {
	width: 31vw;
	position: absolute;
	margin-top: 192vw;
	margin-left: 54.5vw;
	font-size: 1.5vw;
	color: var(--blysort);
	text-align: left;

	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

.univers2 {
	position: relative;
}

#eventyrh2 {
	width: 80vw;
	position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
	font-size: 4.4vw;
	padding-bottom: 1vw;
	margin-top: 230vw;
	margin-left: 10vw;
	letter-spacing: 0.5vw;
	text-transform: uppercase;
	text-align: center;

	color: transparent;
	background: #3ca4a4;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.53);
}

#eventyrpa {
	width: 56vw;
	position: absolute;
	margin-top: 238vw;
	margin-left: 22vw;
	font-size: 2vw;
	color: var(--blysort);
	text-align: center;

	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

#eventyrh2b {
	width: 36vw;
	position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
	font-size: 2.4vw;
	padding-bottom: 1vw;
	margin-top: 256vw;
	margin-left: 59.9vw;
	letter-spacing: 0.3vw;
	text-transform: uppercase;
	text-align: left;

	color: transparent;
	background: #3ca4a4;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.53);
}

#eventyrpb {
	width: 27vw;
	position: absolute;
	margin-top: 260.5vw;
	margin-left: 60vw;
	font-size: 1.5vw;
	color: var(--blysort);
	text-align: left;

	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

#eventyrimg1 {
	position: absolute;
	width: 25vw;
	margin-top: 264vw;
	margin-left: 14vw;
	box-shadow: 0.3vw 0.3vw 2vw 0.2vw #0973738e;
}

#eventyrimg2 {
	position: absolute;
	width: 25vw;
	margin-top: 255vw;
	margin-left: 32vw;
	box-shadow: 0.3vw 0.3vw 2vw 0.2vw #0973738e;
}

#clip1 {
	position: absolute;
	width: 6vw;
	margin-top: 259.3vw;
	margin-left: 23.5vw;
}

#clip2 {
	position: absolute;
	width: 6vw;
	margin-top: 250.4vw;
	margin-left: 41.5vw;
}

#eventyrimg3 {
	position: absolute;
	width: 25vw;
	margin-top: 298vw;
	margin-left: 62vw;
	box-shadow: 0.3vw 0.3vw 2vw 0.2vw #0973738e;
}

#eventyrimg4 {
	position: absolute;
	width: 20vw;
	margin-top: 309vw;
	margin-left: 48vw;
	box-shadow: 0.3vw 0.3vw 2vw 0.2vw #0973738e;
}

#clip3 {
	position: absolute;
	width: 6vw;
	margin-top: 293.2vw;
	margin-left: 71.5vw;
}

#clip4 {
	position: absolute;
	width: 6vw;
	margin-top: 304.2vw;
	margin-left: 55vw;
}

#belgienh2 {
	width: 36vw;
	position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
	font-size: 2.4vw;
	padding-bottom: 1vw;
	margin-top: 303.5vw;
	margin-left: 19vw;
	letter-spacing: 0.3vw;
	text-transform: uppercase;
	text-align: left;

	color: transparent;
	background: #3ca4a4;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.53);
}

#belgienp {
	width: 32vw;
	position: absolute;
	margin-top: 308vw;
	margin-left: 13.6vw;
	font-size: 1.5vw;
	color: var(--blysort);
	text-align: right;

	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

.buttonbelgien img {
	width: 28vw;
	height: 5vw;
	margin-top: 330.5vw;
	margin-left: 17vw;
	position: absolute;
}

.belgienbutton {
	padding: 1.5vw 2vw;
	position: absolute;
	margin-top: 330.5vw;
	margin-left: 17vw;
	font-size: 1.5vw;
	width: 28vw;
	height: 5vw;
	text-align: center;
	color: var(--tyrkis);

	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
	text-decoration: none;
}

.buttonbelgien a:hover {
	width: 28vw;
	height: 4.7vw;
	padding-top: 1.5vw;
	padding-bottom: 1.5vw;
	border-radius: 100vw;
	border-color: var(--tyrkis);
	background-color: var(--tyrkis);

	color: #f6ffff;
	box-shadow: 2px 9px 16px #09737333;
	transition: all 0.3s ease 0s;
}

.univers3 {
	position: relative;
}

#spejderh2stor {
	width: 80vw;
	position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
	font-size: 4.4vw;
	padding-bottom: 1vw;
	margin-top: 345vw;
	margin-left: 10vw;
	letter-spacing: 0.5vw;
	text-transform: uppercase;
	text-align: center;

	color: transparent;
	background: #3ca4a4;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.53);
}

#spejder1 {
	position: absolute;
	width: 20vw;
	margin-top: 383vw;
	margin-left: 55vw;
	box-shadow: 0.3vw 0.3vw 2vw 0.2vw #0973738e;
}

#spejder2 {
	position: absolute;
	width: 30vw;
	margin-top: 386vw;
	margin-left: 32vw;
	box-shadow: 0.3vw 0.3vw 2vw 0.2vw #0973738e;
}

#spejder3 {
	position: absolute;
	width: 22vw;
	margin-top: 355vw;
	margin-left: 14vw;
	box-shadow: 0.3vw 0.3vw 2vw 0.2vw #0973738e;
}

#clipspejd1 {
	position: absolute;
	width: 6vw;
	margin-top: 350.2vw;
	margin-left: 22.5vw;
}

#clipspejd2 {
	position: absolute;
	width: 6vw;
	margin-top: 381.2vw;
	margin-left: 43.5vw;
}

#clipspejd3 {
	position: absolute;
	width: 6vw;
	margin-top: 378.2vw;
	margin-left: 62vw;
}

#spejderp1 {
	width: 43vw;
	position: absolute;
	margin-top: 352.5vw;
	margin-left: 39vw;
	font-size: 1.5vw;
	color: var(--blysort);
	text-align: left;

	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

#spejderh2lille {
	width: 80vw;
	position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
	font-size: 4.4vw;
	padding-bottom: 1vw;
	margin-top: 420vw;
	margin-left: 10vw;
	letter-spacing: 0.5vw;
	text-transform: uppercase;
	text-align: center;

	color: transparent;
	background: #3ca4a4;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.53);
}

#spejderp2 {
	width: 44vw;
	position: absolute;
	margin-top: 430vw;
	margin-left: 39vw;
	font-size: 1.5vw;
	color: var(--blysort);
	text-align: left;

	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

#spejderimg1 {
	position: absolute;
	width: 22vw;
	margin-top: 435vw;
	margin-left: 14vw;
	box-shadow: 0.3vw 0.3vw 2vw 0.2vw #0973738e;
}

#spejderimg2 {
	position: absolute;
	width: 22vw;
	margin-top: 457vw;
	margin-left: 30vw;
	box-shadow: 0.3vw 0.3vw 2vw 0.2vw #0973738e;
}

#clipspejd4 {
	position: absolute;
	width: 6vw;
	margin-top: 430.2vw;
	margin-left: 22vw;
}

#clipspejd5 {
	position: absolute;
	width: 6vw;
	margin-top: 452.3vw;
	margin-left: 38vw;
}

#spejdlogo {
	position: absolute;
	width: 50vw;
	margin-top: 456vw;
	margin-left: 47vw;
}

.buttonspejd img {
	width: 32vw;
	height: 5vw;
	margin-top: 470vw;
	margin-left: 57vw;
	position: absolute;
}

.spejdbutton {
	padding: 1.5vw 2vw;
	position: absolute;
	margin-top: 470vw;
	margin-left: 57vw;
	font-size: 1.5vw;
	width: 32vw;
	height: 5vw;
	text-align: center;
	color: var(--tyrkis);

	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
	text-decoration: none;
}

.buttonspejd a:hover {
	width: 32vw;
	height: 4.7vw;
	padding-top: 1.5vw;
	padding-bottom: 1.5vw;
	border-radius: 100vw;
	border-color: var(--tyrkis);
	background-color: var(--tyrkis);

	color: #f6ffff;
	box-shadow: 2px 9px 16px #09737333;
	transition: all 0.3s ease 0s;
}

#bricksunivers {
	width: 50vw;
	margin-top: 490vw;
	margin-left: 10vw;
	position: absolute;
}

#mig404univers {
	position: absolute;
	width: 30vw;
	margin-left: 45vw;
	margin-top: 530vw;
	border-radius: 11vw;
}

#fejlsideh2univers {
	position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
	font-size: 5.5vw;
	padding-bottom: 1vw;
	width: 70vw;
	text-align: center;
	margin-top: 490vw;
	margin-left: 27vw;
	letter-spacing: 0.5vw;
	text-transform: uppercase;
	text-align: center;

	color: transparent;
	background: #3ca4a4;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 4px 4px rgba(255, 255, 255, 0.53);
}

#fejlsidepunivers {
	width: 37vw;
	position: absolute;
	z-index: 8;
	margin-top: 499vw;
	margin-left: 55vw;
	font-size: 1.6vw;
	color: var(--blysort);
	text-align: left;

	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: 2.3vw;
}

.buttonunifejl img {
	width: 32vw;
	height: 5vw;
	margin-top: 511vw;
	margin-left: 57.5vw;
	position: absolute;
}

.unifejlbutton {
	padding: 1.5vw 2vw;
	position: absolute;
	margin-top: 511vw;
	margin-left: 57.5vw;
	font-size: 1.5vw;
	width: 32vw;
	height: 5vw;
	text-align: center;
	color: var(--tyrkis);

	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
	text-decoration: none;
}

.buttonunifejl a:hover {
	width: 32vw;
	height: 4.7vw;
	padding-top: 1.5vw;
	padding-bottom: 1.5vw;
	border-radius: 100vw;
	border-color: var(--tyrkis);
	background-color: var(--tyrkis);

	color: #f6ffff;
	box-shadow: 2px 9px 16px #09737333;
	transition: all 0.3s ease 0s;
}

/*________ Futter Start__________*/

footer {
	width: 100%;
	height: auto;
	bottom: 0;

	padding-left: 6vw;
}

.futterunivers {
	position: relative;
	margin-top: 590vw; /*Skub futter op og ned så det passer*/
}

.futterunivers img {
	position: absolute;
}

/*________ Futter ____Slut_________*/