* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}


/*
 * -------------------------------------------------------------------------
 * PSEUDOKLASSEN
 * -------------------------------------------------------------------------
*/

:root {
	--main-bg-color: orange;
	--main-content-width: 100%;
	--size1: 765px;
	--size2: 998px;
	--size3: 1200px;
}

@media all and (min-width: 765px) and (max-width: 997px) {
	--main-content-width: 765px;
}

@media all and (min-width: 998px) and (max-width: 1199px) {
	--main-content-width: 998px;
}

@media all and (min-width: 1200px) {
	--main-content-width: 1200px;
}


html, body {
	height: 100%;
	width: 100%;
	background: white;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0px; 
	font-size: 18px;
	color: #444;
}

main {
	min-height: 100vh;
	background: url('../img/versx_logo.jpg') no-repeat center center fixed;
	background-size: 65% auto;
	background-color: #355a76;
}	

@media (orientation: landscape) {
	main { background-size: auto 50%; }
}

section {
	margin: 0;
	padding: 0;
}

article {
	
}

aside {
	
}


DIV {
	PADDING: 0px;
	MARGIN: 0px;
}

FORM {
	padding: 0;
	/*display: inline;*/
}

SPAN {
	margin: 0;
	padding: 0;
}

P {
	margin: 0;
	padding: 0;
}

H1 {
	margin: 0 0 11px 0;
	padding: 0;
	color: #3B3B3B;
	font: 177% 'Patua One', cursive;	/*font: bold 25px "Patua One";*/
}

H2 {
	margin: 0 0 11px 0;
	padding: 0;
	color: #3B3B3B;
	font: 138% 'Patua One', cursive;
}

H3 {
	margin: 0 0 11px 0;
	padding: 0;
	color: #3B3B3B;
	font: 100% 'Patua One', cursive;
}

A:active, A:link, A:visited {
    /*color: #5c5c5c;
	color: #8F875C;*/
    text-decoration: none;
	color: #FFF;
}

A:hover {
    text-decoration: none;
}

A IMG {
	border: none;
}



/*
 * -------------------------------------------------------------------------
 * ID
 * -------------------------------------------------------------------------
*/

#wrapper {
	/*display: flex;
	justify-content: center;
	align-content: center;
	min-height: 100vh;*/
	background-color: #d6dfdc;
}

/* ID END xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */




/*
 * -------------------------------------------------------------------------
 * HEADER
 * -------------------------------------------------------------------------
*/



/* HEADER END xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/*
 * -------------------------------------------------------------------------
 * START-IMAGE
 * -------------------------------------------------------------------------
*/

/*
#wrapper_bgImage {
	background: #b8d1da;
	background: url(('../img/primez.jpg') no-repeat center center fixed;
	background-size: 25%;
}


@media all and (max-width: 764px) {
	main section #wrapper_bgImage {
		background: red;
	}
	
	/*main section #wrapper_startImage .startImage_bgImage {
		width: 100%;
		height: 250px;
		background-image: url('../img/primez.jpg');
		background-repeat: no-repeat;
		background-size: 25%;
		background-position: center;
	}*/

/*
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/bg_2286.jpg");
background-image: image-set(
	url("/img/bg_960.jpg") 1x,
	url("/img/bg_2286.jpg") 2x
	);
*/

/* START-IMAGE END xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */