*,*::before,*::after{
	box-sizing:border-box
}
@font-face{
	font-family:'OBOSDisplay-Regular';
	src:url("../fonts/OBOSDisplay-Regular.woff2") format("woff2")
}
@font-face{
	font-family:'OBOSDisplay-Bold';
	src:url("../fonts/OBOSDisplay-Bold.woff2") format("woff2")
}
@font-face{
	font-family:'OBOSText-Medium';
	src:url("../fonts/OBOSText-Medium.woff2") format("woff2")
}
body{
	background:#00524c;
	margin:0;
	padding:0;
	font-size:18px;
	color:#fff;
	font-family:"OBOSDisplay-Regular","Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;font-weight:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	line-height:1;
	
	
}
h1,h2{
	color:#fff;
	font-family:"OBOSDisplay-Bold","Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
	font-weight:normal;
	margin:0;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.light-blue{
	color:#bedfec
}
.light-green{
	color:#cdece2
}
p{
	margin:0
}

h2 span.light-green.bold{
	color:#cdece2;font-family:"OBOSDisplay-Bold","Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;display:inline;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}
.button{
	color:#333;font-family:"OBOSText-Medium","Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;font-weight:normal;background-color:#cdece2;border-radius:9px;display:flex;align-items:center;justify-content:center
}


.main-wrapper{
	height:300px;overflow:hidden;position:relative;width:980px
}
.badge{
	position:absolute;
	left:800px;
	top:150px;
	width:230px;
	transform:rotate(-24deg);
	z-index:100
}
.image-wrapper{
	height:300px;left:368px;overflow:hidden;position:absolute;top:0;width:612px;z-index:1
}
.image-wrapper img{
	left:0;position:absolute;
	top:0;
	height:100%;
	width:100%
}
.tags{
	position:absolute;
	left:28px;
	color: #fff;
	top:20px;
	display:flex;
	align-items:flex-start;
	z-index:2
}
.tags img{
	height:32px
}
.tags img+img{
	margin-left:11px
}
.text-wrapper{
	background-color:#00524c;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	height:300px;
	left:0;
	position:absolute;
	top:0;
	width:412px;
	z-index:2
}
.stikktittel{
	position:absolute;
	left:28px;
	top:50px;
	color:#cdece2;
	line-height:1.2;width:320px
}
.text-wrapper h1{
	top:80px;
	left:28px;
	position:absolute;
	font-size:30px;
	line-height:1.1;
	width:380px
}
.text-wrapper p{
	left:28px;
	position:absolute;
	line-height:1.3;
	letter-spacing:0.03em;
	width:980px;
	top:160px;
	width: 370px;
}



.text-wrapper .logo{
	position:absolute;
	left:236px;
	top:245px;
	width:135px
}
.text-wrapper .button{
	position:absolute;
	left:28px;
	top:236px;
	font-size:17px;
	width:167px;
	height:41px
}
.frame{
	background-color:#e8e8e8;
	position:absolute;
	z-index:1000
}
.framepart-top{
	height:1px;
	left:0;
	top:0;
	width:980px
}
.framepart-right{
	height:300px;
	right:0;
	top:0;
	width:1px
}
.framepart-bottom{
	bottom:0;
	height:1px;
	left:0;
	width:980px
}
.framepart-left{
	height:300px;
	left:0;
	top:0;
	width:1px
}