*,*::before,*::after{box-sizing:border-box}
body{
	background:#fff;margin:0;
	padding:0;
	font-family:Helvetica,Arial,sans-serif;
	line-height:1.2;
}
	.main-wrapper{
		height:600px;
		overflow:hidden;
		position:relative;
		width:300px;
		border: 1px solid gray;
	}
		.slide1-wrapper{
			position: absolute;
			left: 0px;
			width: 300px;
			height: 600px;
			z-index: 10;
		}
		.slide2-wrapper{
			position: absolute;
			z-index: 20;
			left: 0px;
			width: 300px;
			height: 600px;
		}
		.trans{
			position: relative;
			background-image: url(../img/overgang.svg);
			background-position: top;
			background-repeat: no-repeat;
			background-color: #fff;
			position: absolute;
			top: 600px;
			left: 0px;
			width: 300px;
			height: 1300px;
		}
		.transition{
			z-index: 15;
		}
		.transition2{
			z-index: 5;
		}
.slide1-wrapper{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 10px;
}
	.text1-wrapper{
		padding: 0 10px;
		flex-grow: 1;
		display: flex;
		align-items: center;
	}
	.footer1{
		padding: 0 10px 10px;
		display: flex;
		justify-content: space-between;
	}
	.image-wrapper{
		overflow: hidden;
		height:330px;
		width:280px;
	}
	.image-wrapper img{
		transform-origin: top;
	}
	.title1-wrapper{
		position: relative;
		flex-grow: 1;
		z-index: 2;
		padding: 10px;
		margin-top: -100px;
	}
	.title1-wrapper img{
		display: block;
	}
	.line{
		overflow: hidden;
		width: 0px;
	}
	.line img{
		height: auto;
		
	}
	.line1 img{
		width: 236px;
	}
	.line2 img{
		width: 215px;
	}
	.line3 img{
		width: 236px;
	}
	.line4 img{
		width: 184px;
	}
	.line5 img{
		width: 270px;
	}

.slide2-wrapper{
	
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 20px;
	padding: 20px;
}
	.logo2{
		margin-top: 160px;
		margin-left: 10px;
		width: 230px;
		height: auto;
	}
	.title2-wrapper{
		margin-bottom: 80px;
		margin-left: 13px;
	}
		.vildu img{
			width: 87.5px;
		}
		.skalvite img{
			width: 124px;
		}

	.text2-wrapper{
		font-size:17px;
		padding-right: 20px;
	}

.button{
	border: 1px solid #000;
	padding: 8px 14px;
	display:inline-flex;
	align-items:center;
	justify-content:center
}