html, body {
    font-family: Helvetica, Arial, sans-serif;
	background-color: #F7F7F7;
    height: 100%;
    margin: 0;
    padding: 0;
}
a:link {text-decoration: none; color: #000;}
a:visited {text-decoration: none; color: #000;}
a:hover {text-decoration: none; color: #000;}
.container {

    text-decoration: none;
    width: 100%;
	background-color: #F7F7F7;
    min-height: 100vh; /* Full viewport height */
    display: flex;
    flex-direction: column;	

}
.head_container{

	width: 100%;
	background-color: #fff;
	top: 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 999;
flex-shrink: 0; /* Ensure the header doesn't grow */
	
	
}
.head{

	z-index: 999;
	background-image:url("logo.jpg");
	background-repeat: no-repeat;
	background-position:top left;
	width: 254px;
	min-height: 149px;
	height: 100%;
	margin-left: 10%;
	margin-right: auto;
	position: absolute;
	float: left;
	

	
}
.navi{
	position: relative;
	float: left;
	color: #000;
	text-align: right;
	font-size: 16px;
	margin-top: 170px;
	margin-left: auto;
	margin-right: 50px;
	min-width: 300px;
	width: 100%;
	z-index: 999;

	flex-wrap: wrap;
	flex-direction: row;

}
@media (max-width: 1000px) 
 {
    .navi
    {
        font-size: 26px; 
    }
	
}

.footer {
 background-color: #ffffff;
    padding: 0px;
    text-align: center;

    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */
    width: 100%;
    flex-shrink: 0; /* Footer stays at the bottom */
	bottom: 0;
    left: 0; /* Ensure it starts at the left edge */
    right: 0; /* Ensure it extends to the right edge */
	height: 100px;

}

.n1{
	
	height: 30px;
}
.content{
	
    flex-grow: 1; /* This ensures content takes up all available space */
    width: 100%;
    margin: 0 auto;
	
	
}
.c1-1{

	position: relative;
	height: 300px;
	min-width: 400px;
	margin: 10px;
	background-image:url("logo2.jpg");
	background-position: 70%;
	background-repeat: no-repeat;
	background-color: #ffffff;
	float: left;
	flex: auto;
}
.c1-2{

	position: relative;
	height: 300px;
	background-color: #004998;
	margin: 10px;
	padding: 30px;
	float: left;
	flex: auto;
	display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */

}
	.c1-3{

	position: relative;
	height: 300px;
	min-width: 300px;
	margin: 10px;
	float: right;
		

	
}
.c2-1{


	position: relative;
	height: 300px;
	background-color: #004998;
	margin: 10px;
	padding: 30px;
	float: left;
	flex: auto;
	display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */

}
.c2-2{

	position: relative;
	height: 300px;
	background-color: #707173;
	min-width: 600px;
	margin: 10px;
	float: left;

}
.c2-3{

	
	height: 300px;
	background-color: #004998;
	float: left;
	margin: 10px;
	padding: 30px;
	flex: auto;
	display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */

}
.c3-1{
	position: relative;
	height: 300px;
	background-color: #fff;
	width: 300px;
	margin: 10px;
		

}
.c3-2{
	position: relative;
	height: 300px;
	background-color: #004998;
	flex: auto;
margin: 10px;


}
	.c3-3{
	position: relative;
	height: 300px;
	background-color: #f7f7f7;
	margin-left: auto;
	margin-right: auto;
	flex: 0.48;
	padding-left: 0px;
	padding-right: 0px;
  
}
.c4-1{

	position: relative;
	height: 300px;
	width: 640px;
	background-color: #004998;
	flex: 0.45;
}
.c4-2{

	position: relative;
	height: 300px;
	background-color: #004998;
	margin-left: auto;
	width: 300px;
	flex: 0.85;
	margin-top: auto;

}
	.c4-3{
    	background-color: #004998;
	position: relative;
	height: 300px;
	width: 340px;
	margin: auto;
}
	.reihe1{
	width: 100%;
 display: flex;
		 flex-wrap: wrap;
 justify-content: center; /* Centers the content horizontally */
    align-items: center; /* Optional: Center vertically if needed */
    margin: 0 auto; /* Ensure centering within its container */
}
	
.video1-bild{
	width: 100%;
	height: 100%;
	z-index: 999;
}
h1{color: #009ee0;}
h2{color: #fff; font-size: 68pt; text-align: center;}
h3{color: #000; font-size: 24pt; text-align: center;}
h4{color: #fff; font-size: 40pt; text-align: center;}
h5{color: #fff; font-size: 30pt; text-align: center;}

 a.normal:link {
  color:#fff; text-decoration: none;
  }
 a.normal:visited {
  color:#fff; text-decoration: none;
  }
 a.normal:hover {
  color:#fff;
  }
 .navi_oben {
  color:#000; text-decoration: none;
  padding: 5px;
  }
 a.navi_oben:link {
  color:#000; text-decoration: none;
  }
 a.navi_oben:visited {
  color:#000; text-decoration: none;
  }
 a.navi_oben:hover {
  color:#000;
  }
.benefit{
	width: 200px;
	height: 200px;
	background-color: #004998;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 10px;
	float: left;
	
}
.benefit_content{
	position: relative;
	color: #fff;
	text-align: center;
	top: 25px;
}

.jobs_blau{

	width: 300px;
	float:left;
height: 250px;
padding: 40px;
margin: auto;
	background-color: #004998;
	
}
.jobs_blau_inaktiv{
	width: 330px;
	float:left;
height: 250px;
padding: 40px;
margin: auto;
	background-color: #004998;
	
}
.jobs_grau{
	width: 300px;
	float:left;
height: 250px;
padding: 40px;
	margin: auto;
	

	background-color: #717274;
}
.jobs_grau_inaktiv{
	width: 330px;
	float:left;
height: 250px;
padding: 40px;
	

	background-color: #717274;
}

.jobs_titel{
	font-size: 1.75em;
	color: #fff;
	font-weight: bold;
}
.jobs_titel_inaktiv{
	font-size: 1.75em;
	color: #fff;
	opacity: 0.1;
	font-weight: bold;
}
.jobs_titel2{
	font-size: 1.25em;
	color: #fff;
	font-weight: bold;
}
.jobs_untertitel{color: #fff;}
.jobs_untertitel_inaktiv{color: #fff; opacity: 0.1;}
.bewerben {background-color: #004998; height: 55px; width: 250px; color: #fff; text-align: center; font-weight: bold; border-radius: 10px; margin-top: 20px; font-size: 20px; padding-top: 10px;}
.bewerben a:link, a:hover {color: #fff; text-decoration: none;}