/**********************************start top view***************************************/
#video> div 
{
	font-size: 18.75pt; 
	font-family: arial;
	display: flex;
}

#myVideo 
{
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: fill;
	filter: grayscale(100%) brightness(50%);
	margin-top: 112px;
}

#content 
{
	position: absolute;
	width: 100%;
	bottom: 0;
	color: white;
	text-align: center;
	margin-bottom: 10%;
	font-size: 37.5pt;
	z-index:1;
	top: 40%;
	left:0;
}
/**********************************end top view****************************************/

/**********************************start middle view***********************************/
.flex_container_layer, .flex_container_layer_reverse
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background-image: linear-gradient(290deg,#fff,#474747);
}

.flex_container_layer_reverse
{
	flex-wrap: wrap-reverse;
}

.flex_container_left_text, .flex_container_right_text
{
	background-image: linear-gradient(290deg,#bdbdbd,#515151);
	width: calc(50% - 40px);
	text-align: left;
	font-size: 15pt;
	font-family: arial;
	color: white;
	padding: 20px;
}

.flex_container_left_text > h2, .flex_container_right_text > h2
{
    text-align: center;
    font-size: 25pt;
}

.anker, .anker4
{
	display: block;
	position: relative;
	bottom: 215px;
	visibility: hidden;
}

.flex_container_left_picture, .flex_container_right_picture
{
	width: 50%;
}

.flex_container_left_picture > img
{
	width: 100%;
	height: 100%;	
}

.flex_container_right_picture > img
{
	width: 100%;
	height: 100%;
}

#headline
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	background-color: white;
}

#headline > div
{
	margin: 0 auto;
	font-size: 30pt;
	color: green;
	font-family: arial;
}

.anker2
{
	display: block;
	position: relative;
	bottom: 225px;
	visibility: hidden
}

#teamContainer
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: calc(100% - 40px);
	padding: 20px;
}

.team
{
	width: calc(25% - 20px);
	padding: 10px;
	font-family: arial;
	font-size: 12pt;
}

.innerTeam > a, .flex-ContactPictureR > a
{
	text-decoration: none;
}

.imgPortrait
{
	float: left;
	margin-right: 10px;
	width: 205px;
}

.listHeadline
{
	font-weight: bold;
	padding: 3px;
}

.anker3
{
	display: block;
	position: relative;
	bottom: 155px;
	visibility: hidden
}
/*************************************end middle view*************************************/

/*************************************start bottom view***********************************/
.flex-Contact 
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap-reverse;
    padding: 20px;
    background-color: white;
}

.flex-Contact > div 
{
	background-color: transparent;
	text-align: left; 
	color: #5a5a5a; 
	font-size: 18.75pt; 
	font-family: arial; 
}

#placeholder
{
    width: 25%;
}

#ContactForm, #ContactPicture
{
	width: 50%;
}

input[type=text] 
{
	width: 90%;
	font-size: 18pt;
	font-family: arial;
}

input[type=email] 
{
	width: 90%;
	font-size: 18pt;
	font-family: arial;
}

textarea
{
	font-family: arial;
	font-size: 18pt;
	width: 90%;
	height: 150px;
	resize: none;
}

#sendForm
{
	font-family: arial;
	font-size: 15pt;
	color: white;
	height: 50px; 
    background: #5a5a5a;
    cursor: pointer;
    border-style: solid;
}

#sendForm:hover
{
	opacity: 0.5;
}

#privacyText
{
	font-size: 11.25pt;
}

.flex-ContactPictureR 
{
	margin: 20px;
	padding-top: 5%;
	color: #5a5a5a;
	font-size: 15pt;
}

.adressC
{
	height: 50px;
}

.adressC > img
{
	float: left;
	padding-right: 20px;
}

#iframe
{
	border:0;
	width: 100%;
	height: 600px;
}
/*********************************end bottom view*******************************************/
@media screen and (max-width: 1600px)
{
/*********************************start middle view*****************************************/
	.flex_container_left_text, .flex_container_right_text
	{
		font-size: 12pt;
	}
	
	#headline > div
	{
		font-size: 20pt;
	}
	
	.team
	{
		width: calc(30% - 20px);
		margin: 0 auto;
	}
/*********************************end middle view*******************************************/
}

@media screen and (max-width: 1420px)
{
/**************************************Start top video view**************************************/
	#content 
	{
		font-size: 26.25pt;
	}
/**************************************Start top video view**************************************/
/*********************************start bottom view*****************************************/
	#placeholder
	{
		width: 10%;
	}
/*********************************end bottom view*******************************************/
}

@media screen and (max-width: 1260px)
{
/*********************************start middle view*****************************************/
	.flex_container_left_text, .flex_container_right_text
	{
		font-size: 10pt;
	}
	
	#headline > div
	{
		font-size: 15pt;
	}
	
	.team
	{
		width: calc(35% - 20px);
		font-size: 10pt;
	}
/*********************************end middle view*******************************************/

/*********************************start bottom view*****************************************/
	#placeholder
	{
		display: none;
	}
/*********************************end bottom view*******************************************/
}

@media screen and (max-width: 1024px)
{
/**************************************Start top video view****************************************/
	#content 
	{
		font-size: 21pt;
		bottom: inherit;
	}
/****************************************End top video view****************************************/
/*********************************start middle view*******************************************/
	.flex_container_left_text, .flex_container_right_text
	{
		font-size: 8pt;
	}
	
	#headline > div
	{
		font-size: 10pt;
	}
	
	.team
	{
		width: calc(50% - 20px);
		font-size: 10pt;
	}
/*********************************end middle view*******************************************/	
	
/*********************************start bottom view*****************************************/	
	.flex-Contact > div 
	{ 
		font-size: 15pt; 
	}
	
	.flex-ContactPictureR 
	{
		font-size: 10pt;
		margin: 10px;
	}
/*********************************end bottom view*******************************************/
}

@media screen and (max-width: 780px)
{
/**************************************Start top video view**************************************/
	#content
	{
		font-size: 12.75pt;
	}
/************************************End top video view*****************************************/
/*********************************start middle view*****************************************/
	.flex_container_left_text, .flex_container_right_text
	{
		width: calc(100% - 40px);
	}
	
	.flex_container_left_text, .flex_container_right_text
	{
		font-size: 12pt;
	}
	
	.flex_container_left_picture, .flex_container_right_picture
	{
		width: 100%;
	}
	
	#headline > div
	{
		font-size: 18pt;
	}
	
	.team
	{
		width: calc(100% - 20px);
		font-size: 12pt;
	}
/*********************************end middle view*******************************************/

/*********************************start bottom view*****************************************/	
	#ContactForm, #ContactPicture
	{
		width: 100%;
	}
	
	.anker4
	{
		bottom: 815px;
	}
	
	.flex-ContactPictureR 
	{
		padding-top: 0;
	}
/*********************************end bottom view*******************************************/
}
@media screen and (max-width: 480px)
{
/**************************************Start top video view**************************************/
	#content
	{
		font-size: 8.25pt;
		top: 30%;
	}
/***************************************End top video view***************************************/
/*********************************start middle view*****************************************/
	.imgPortrait
	{
		float: inherit;
		margin: 0 auto;
		display: block;
	}
	
	.innerTeam
	{
		width: 60%;
		margin: 0 auto;
		text-align: center;
	}
/*********************************end middle view*******************************************/
}