* {box-sizing: border-box;}

body {
	background-color:#8CC0E7;
	margin:0;
	padding:0;
	height:100%;
}

.hidden {display:none;}

.wolke-1 {
	background-image: url("//cdn.biexcellence.com/majaai/img/arcade/imgstyle/wolke_1.png");
	width: 31.25rem;
	height: 12.75rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 4.5rem;
    left: -5%;
	right:auto;
}
.wolke-2 {
	background-image: url("//cdn.biexcellence.com/majaai/img/arcade/imgstyle/wolke_2.png");
	width: 19.5rem;
    height: 7.813rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -1.5rem;
    left: 45%;
    right: auto;
}
.wolke-3 {
	background-image: url("//cdn.biexcellence.com/majaai/img/arcade/imgstyle/wolke_3.png");
	width: 15rem;
    height: 5.45rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 6.5rem;
    left: auto;
    right: 6%;
}
.wolke-1,
.wolke-2,
.wolke-3 {z-index: 5;}

/*
.radial-shine {
	background-image: radial-gradient(circle, rgba(255,255,255,0.3), rgba(255,255,255,0));
	width: 100%;
    height: calc(100vh);
    position: absolute;
}
*/


.mainwrapper {
	display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
	z-index: 1;
    height: calc(100vh);
}

header {
	background-image: url("//cdn.biexcellence.com/majaai/img/arcade/imgstyle/Flugzeug_Banner.gif");
	background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
	width: 95.5rem;
    height: 18rem;
    position: relative;
    top: 5%;
}
header h1 {
	color:#409088;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 2.4rem;
    position: absolute;
    top: 7rem;
    left: 18rem;
    font-weight: 600;
}

.chatrelated {
	margin-top: auto;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    position: relative;
    justify-content: center;
    width: 100%;
	background-image: linear-gradient(#8CC0E7), #61a7dc);
}
.chatrelated .majaai-wrapper {
	background-image: url("//cdn.biexcellence.com/majaai/img/arcade/imgstyle/Stage@3x.png");
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	width: 100rem;
    height: 50rem;
    position: relative;
    bottom: 6rem;
}
.chatrelated .process-img {
	background-image: url("//cdn.biexcellence.com/majaai/img/arcade/imgstyle/Maja_HG.png");
	background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20.19rem;
    height: 25.69rem;
    margin-left: 10rem;
    position: relative;
    bottom: -0.55rem;
}
.chatrelated .process-img img {
	position: absolute;
    left: 1.55rem;
    bottom: 0.4rem;
}

.ground {
	width:100%;
	position:absolute;
	bottom:0;
}
.ground .green-top {
	background-color:rgb(149, 193, 34);
	width:100%;
	height:3rem;
}
.ground .green-middle {
	background-color:rgb(127, 164, 42);
	width:100%;
	height:1rem;
}
.ground .brown-bottom {
	background-color:rgb(125, 78, 36);
	width:100%;
	overflow: hidden;
	height:5rem;
}
.ground .brown-bottom img {height:2.5rem;}