/*	Website template
	content css
	(C) 2024 ConfidIT
	schnaarsweg 8
	D-28865 Lilienthal
*/


/*	header wrapper layout starts														*/

#headerwrap
{
	display								: block;
	position							: relative;
	z-index								: 10;
	width								: 100vw;
}

/*	header wrapper layout ends															*/


#header
{
	height								: 76px;
}



/*	background layer layout starts														*/

.background
{
	position								: fixed;
	top										: 0;
	left									: 0;
	width									: 100vw;
	height									: 100vh;
	background-size							: cover;
	background-position						: center;
	opacity									: 0;
	transition								: opacity 0.5s ease-in-out;
	z-index									: -2;
}

#pagebackground00, #pagebackground99
{
	opacity									: 1;
}

/*	background layer layout ends														*/


/*	general flexbox layout starts														*/

.flexbox
{
	display									: -webkit-box;
	display									: -moz-box;
	display									: -ms-flexbox;
	display									: -moz-flex;
	display									: -webkit-flex;
	display									: flex;
}


.flexbox.stretch
{
	-ms-flex-align							: stretch;
	align-items								: stretch;
}

.flexitem
{
	display									: inline-block;
}

.flexbox.center
{
	-ms-flex-align							: center;
	align-items								: center;
}

.rowwrap
{
	flex-flow								: wrap;
}

.nowrap
{
	flex-flow								: nowrap;
}

.vertical
{
	flex-direction							: column;
}

.horizontal
{
	flex-direction							: row;
}

.alignbottom
{
	align-self								: flex-end;
}

/*	general flexbox layout ends															*/









/*	column layout starts																*/

#pageforeground
{
	position								: absolute;
	top										: 0px;
	left									: 0px;
	float									: left;
	background-size							: 100% 100%;
	background-repeat						: no-repeat;
	background-position						: center bottom;
	z-index									: 0;
	height									: 90px;
}

#contentwrap
{
	display									: block;
	position								: absolute;
	float									: left;
	top										: 76px;
	width									: 100vw;
}

.pagesection
{
	display									: block;
	width									: 100vw;
	min-height								: 100vh;
}



/*
#pagesection_04
{
	height									: 90vh;
}

#pagesection_05
{
	height									: 100vh;
}

#pagesection_06
{
	height									: 90vh;
}

*/

#logowrap
{
	position								: relative;
	display									: inline-block;
	top										: 10px;
	left									: 0px;
	padding-left							: 15px;
	width									: 260px;
	z-index									: 90;
}

#logowrap img
{
	width									: 100%;
}

.outerwrap .article
{
	padding									: 30px;
}


/*	column layout ends																	*/





/*	image layout starts																	*/

img.textimage.left
{
	position								: relative;
	display									: inline-block;
	top										: 5px;
	right									: 15px;
	width									: 35px;
}

img.icon
{
	width									: 35px;
}

img.galleryimage
{
	width									: 100%;
}

/*	image layout ends																	*/




/*	color layout starts																	*/



/*	color layout ends																	*/






/*	footer wrapper layout starts														*/

#footerwrap
{
	width								: 100%;
	display								: block;
	position							: fixed;
	bottom								: 0px;
}

/*	footer wrapper layout ends															*/