.kloster1 {
	position: relative;
}

#shapeklosterb {
	width: 40vw;
	position: absolute;
	rotate: 180deg;
	transform: scaleX(-1);
	margin-top: 4vw;
	margin-left: 30vw;
	opacity: 0.4;
}

#klosteroverskrift {
	width: 80vw;
	position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
	font-size: 4.5vw;
	padding-bottom: 1vw;
	margin-top: 20.5vw;
	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);
}

/*_____Section 1_______*/

#klostermockup {
	width: 80vw;
	margin-left: 10vw;
	margin-top: 70vw;
}

#mockuptekstklosterh2 {
	position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
	font-size: 3.5vw;
	padding-bottom: 1vw;
	width: 70vw;
	text-align: center;
	margin-top: 62vw;
	margin-left: 15vw;
	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);
}

#mockupptekstkloster {
	width: 36vw;
	position: absolute;
	margin-top: 37vw;
	margin-left: 32vw;
	font-size: 1.5vw;
	color: var(--blysort);
	text-align: center;

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

#klostermockupptekst {
	width: 44vw;
	position: absolute;
	z-index: 8;
	margin-top: 132vw;
	margin-left: 11.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;
}

/*_______Section 2_______*/

#klosterlogoh2 {
	position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
	font-size: 3.5vw;
	padding-bottom: 1vw;
	width: 70vw;
	text-align: center;
	margin-top: 10vw;
	margin-left: 15vw;
	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);
}

#logop {
	width: 44vw;
	position: absolute;
	z-index: 8;
	margin-top: 17vw;
	margin-left: 28vw;
	font-size: 1.5vw;
	color: var(--blysort);
	text-align: center;

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

#proceskloster1 {
	width: 40vw;
	margin-top: 40vw;
	margin-left: 30vw;
	border: solid 0.3vw #3ca4a4;
	border-radius: 0.5vw;
}
#proceskloster2 {
	width: 40vw;
	margin-top: 4vw;
	margin-left: 30vw;
	border: solid 0.3vw #3ca4a4;
	border-radius: 0.5vw;
}
#proceskloster3 {
	width: 40vw;
	margin-top: 4vw;
	margin-left: 30vw;
	border: solid 0.3vw #3ca4a4;
	border-radius: 0.5vw;
}
#proceskloster4 {
	width: 40vw;
	margin-top: 4vw;
	margin-left: 30vw;
	border: solid 0.3vw #3ca4a4;
	border-radius: 0.5vw;
}
#endeligelogokloster {
	position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
	font-size: 3.5vw;
	padding-bottom: 1vw;
	width: 70vw;
	text-align: center;
	margin-top: 3vw;
	margin-left: 15vw;
	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);
}
#proceskloster5 {
	width: 40vw;
	margin-top: 9vw;
	margin-left: 30vw;
	border: solid 0.3vw #3ca4a4;
	border-radius: 0.5vw;
}

/*_______Section 3_______*/

#styleh2 {
	position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
	font-size: 3.5vw;
	padding-bottom: 1vw;
	width: 70vw;
	text-align: center;
	margin-top: 6vw;
	margin-left: 15vw;
	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);
}

#stylep {
	width: 44vw;
	position: absolute;
	z-index: 8;
	margin-top: 12vw;
	margin-left: 28vw;
	font-size: 1.5vw;
	color: var(--blysort);
	text-align: center;

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

#styletileimg {
	width: 56vw;
	margin-top: 20vw;
	margin-left: 22vw;
	border: solid 0.3vw #3ca4a4;
	border-radius: 0.5vw;
}

/*_______Section 4_______*/

#someh2 {
	position: absolute;
	font-family: var(--brod1);
	font-weight: 400;
	font-style: normal;
	font-size: 3.5vw;
	padding-bottom: 1vw;
	width: 70vw;
	text-align: center;
	margin-top: 6vw;
	margin-left: 15vw;
	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);
}

#somep {
	width: 24vw;
	position: absolute;
	z-index: 8;
	margin-top: 15vw;
	margin-left: 53vw;
	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;
	line-height: 2.3vw;
}

#content1 {
	width: 25vw;
	border: solid 0.3vw #3ca4a4;
	border-radius: 0.5vw;
	margin-top: 15vw;
	margin-left: 23vw;
}

#content2 {
	width: 60vw;
	margin-top: 4vw;
	margin-left: 20vw;
	border: solid 0.3vw #3ca4a4;
	border-radius: 0.5vw;
}

.buttonkloster1 img {
	width: 30vw;
	height: 5.1vw;
	margin-top: 5vw;
	margin-left: 35vw;
	position: absolute;
}

.klosterbutton1 {
	padding: 1.5vw 2vw;
	position: absolute;
	margin-top: 5vw;
	margin-left: 35vw;
	font-size: 1.5vw;
	width: 30vw;
	height: 5.1vw;
	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;
}

.buttonkloster1 a:hover {
	width: 30vw;
	height: 4.8vw;
	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;
}

.buttonkloster2 img {
	width: 30vw;
	height: 5.1vw;
	margin-top: 20vw;
	margin-left: 35vw;
	position: absolute;
}

.klosterbutton2 {
	padding: 1.5vw 2vw;
	position: absolute;
	margin-top: 20vw;
	margin-left: 35vw;
	font-size: 1.5vw;
	width: 30vw;
	height: 5.1vw;
	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;
}

.buttonkloster2 a:hover {
	width: 30vw;
	height: 4.8vw;
	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;
}

#ellerkloster {
	position: absolute;
	z-index: 10;
	width: 40vw;
	margin-left: 30vw;
	margin-top: 27vw;
	font-size: 3vw;
	color: var(--blysort);
	text-align: center;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

.buttonkloster3 img {
	width: 30vw;
	height: 5.1vw;
	margin-top: 33vw;
	margin-left: 35vw;
	position: absolute;
}

.klosterbutton3 {
	padding: 1.5vw 2vw;
	position: absolute;
	margin-top: 33vw;
	margin-left: 35vw;
	font-size: 1.5vw;
	width: 30vw;
	height: 5.1vw;
	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;
}

.buttonkloster3 a:hover {
	width: 30vw;
	height: 4.8vw;
	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;
}

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

	padding-left: 6vw;
}

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

.futterkloster img {
	position: absolute;
}

/*________ Futter ____Slut_________*/