@charset "UTF-8";

.tx_jobs_search [class*="col-2"] {
  width: 11%; margin-right:1rem; padding-top:2rem;  
  }
.tx_jobs_search [class*="col-3"] {
  width: 25%; margin-right:1rem;
  }
  
.tx_jobs_search [class*="col-4"] {
 width: 33.33333%; margin-right:1rem;
  } 
.tx_jobs_search label {padding-bottom:10px;}    
.tx_jobs_search select {width:100%;} 

.cell-header {overflow:hidden; width:100%; display:block; background:#007dbd;}
.cell-header .cell { color:#fff; font-weight:700; }
.tx_jobs .cell-wrap {clear:both; float:none; display: inline-block; width:100%; box-sizing: border-box;  }
.tx_jobs .cell-wrap:nth-child(even) {background: #d0e5f3; }
.tx_jobs .cell {float:left; position:relative; padding:0.5rem 1rem; } 
.tx_jobs .cell:nth-child(1) {width:50%; } 
.tx_jobs .cell:nth-child(2) {width:25%;} 
.tx_jobs .cell:nth-child(3) {width:25%;} 
.tx_jobs .cell-sub { 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%;
    background:#fff;	
	padding-top:3rem;
    padding-left:2.5rem;
    padding-right:2rem;	
	-webkit-box-shadow: 2px 2px 4px 2px rgba(199,191,199,1);
    -moz-box-shadow: 2px 2px 4px 2px rgba(199,191,199,1);
    box-shadow: 2px 2px 4px 2px rgba(199,191,199,1);
	display:none; 
	}
.tx_jobs .cell-sub p{ font-size: 0.875rem;}
	
.cell a.jobtitel { position:absolute;top:2px; left:2px;  padding:5px 10px 5px 10px;}
.cell a.jobtitel:hover { 
	background:#007dbd; 
	color:#fff; 
	padding:5px 10px 5px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; }
.cell a.jobtitel:before { content: "\f08b "; font-family: 'FontAwesome'; padding-right:0.75rem }

#c475 .tx-jobs {margin-bottom:2rem;}
#c475 .cell {
		float:none !important; 
		clear:both;  
		position:relative; 
		padding:0.5rem 1rem; 
		width:100%; 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border:1px solid #ccc;
		} 
#c475 .cell a.jobtitel { position:relative; top:0; left:0; padding:5px 10px; display:block; width:100%; font-weight:700 }

#c590 .tx-jobs {margin-bottom:2rem;}
#c590 .cell {
		float:none !important; 
		clear:both;  
		position:relative; 
		padding:0.5rem 1rem; 
		width:100%; 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border:1px solid #ccc;
		} 
#c590 .cell a.jobtitel { position:relative; top:0; left:0; padding:5px 10px; display:block; width:100%; font-weight:700 }
.link_z_index {z-index:1000; }
.cell_z_index {z-index:999; }



/* Job Detailsanischt */    

.singleheadline {
      position:absolute; 
      bottom:0; 
      left:0; 
      z-index:1000; 
      width:70%; 
      background:#006ab3; 
      -khtml-opacity: 0.9 ;
      -moz-opacity: 0.9;
      -webkit-opacity: 0.9;
      filter: alpha(opacity=90);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
      opacity: 0.9;     
      padding:20px; 
      -webkit-border-top-right-radius: 20px;
            -moz-border-radius-topright: 20px;
            border-top-right-radius: 20px;
      }

.singleheader { position:relative; overflow:hidden; width:100%; margin:10px 0 0 0; padding:0; background:#006ab3;  }
.singleheader img { margin:0;}


  .job-btn {
	  background:#006ab3 !important; 
      padding:0.625rem 1rem; 
	  text-decoration:none !important; 
	  -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
	  color:#fff !important;
	  }
  .job-btn:hover {color:#000 !important; }
  
  
  div.jobhead { font-size:14px; color:#fff; margin:0; font-weight:bold; cursor:pointer; display:inline} 
  h1.jobhead2 { font-size:2rem; color:#fff; margin:10px 0 0 0; padding:0; font-weight:300;  display:block;} 
  .jobsubheadline { 
  	font-size:1.5rem; 
	color:#fff;
	padding:0;
	line-height:2rem; 
	margin:0;
	} 
  h2.subhd {font-size:1rem; margin:40px 0 0 0; color:#fff; line-height: 1.625rem; padding-bottom:1rem; }	 
  div.jobcontent {width:70%; overflow:hidden; padding:20px 20px 20px 0; float:left; font-size: 1rem;	}  
  div.jobleft { 
  	overflow:hidden; 
	width:30%; 
	 padding:20px 15px 40px 20px;
	background-color: rgba(0, 106, 179, 1);  
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-left-radius: 20px;  
	
	} 
  div.jobleft ul { list-style-type: none; }
  div.jobcontent ul { list-style-type: none; padding-left:1rem; }
  h3.joblocation { font-weight:700; font-style:normal; margin:10px 10px 1.5em 0; color:#666; font-size: 1.1em; display:inline; }
      
  div.jobleft ul li{    
  list-style-type: none; 
  background:#fff; 
  padding:6px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; 
  margin-bottom:10px;
  margin-right:20px;
  }
  
  div.jobcontent li{
	padding-bottom:5px;
    font-size: 1rem;	
  }
  
  div.jobcontent li:before {
	color:#006ab3;
	font-family: 'FontAwesome';
    content: "\f046";
   padding-right:1rem;
}

div.jobleft a.joblink{    
  color:#666666;
  text-decoration:none;
  padding-bottom:5px;
  }
  
  div.jobleft a.bewerbenlink{    
  color:#fff;
  text-decoration:none;
  padding-bottom:5px;
  }

  div.jobleft a:before {
    position: relative;
    top: 3px;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 13px 0 0;
	font-size:30px;
  }

   div.jobleft a.bewerbenlink:before {
    content: "\f2bd";
	color:#ffffff;
	font-family: 'FontAwesome';
  }
 
   div.jobleft a.joblink:before {
     content: "\f03a";
	 color:#ffb933;
	 font-family: 'FontAwesome';
  }
  .fa-phone-square:before, .phonenumber {
   color:#fff;
   font-size:1.375rem;
}

.jobrechts-b {
    margin:20px auto 0 auto;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffb933;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffb933;
	box-shadow:inset 0px 1px 0px 0px #ffb933;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffb933), color-stop(1, #ffa800));
	background:-moz-linear-gradient(top, #ffb933 5%, #ffa800 100%);
	background:-webkit-linear-gradient(top, #ffb933 5%, #ffa800 100%);
	background:-o-linear-gradient(top, #ffb933 5%, #ffa800 100%);
	background:-ms-linear-gradient(top, #ffb933 5%, #ffa800 100%);
	background:linear-gradient(to bottom, #ffb933 5%, #ffa800 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb933', endColorstr='#ffa800',GradientType=0);
	background-color:#ffb933;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #ffa800;
	display:inline-block;
	cursor:pointer;
	font-size:20px;
	width:95%;
	padding:8px 20px 8px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd; 
}
.jobrechts-b:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa800), color-stop(1, #ffb933));
	background:-moz-linear-gradient(top, #ffa800 5%, #ffb933 100%);
	background:-webkit-linear-gradient(top, #ffa800 5%, #ffb933 100%);
	background:-o-linear-gradient(top, #ffa800 5%, #ffb933 100%);
	background:-ms-linear-gradient(top, #ffa800 5%, #ffb933 100%);
	background:linear-gradient(to bottom, #ffa800 5%, #ffb933 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa800', endColorstr='#ffb933',GradientType=0);
	background-color:#ffa800;
}
.jobrechts-b:active, .jobrechts-j:active  {
	position:relative;
	top:1px;
}

.jobrechts-j {
    margin:20px auto 0 auto;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #cccccc));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #cccccc 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #cccccc 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #cccccc 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #cccccc 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #cccccc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#cccccc',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #c5c3c3;
	display:inline-block;
	cursor:pointer;
	font-size:20px;
	width:95%;
	padding:8px 20px 8px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.jobrechts-j:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #cccccc 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #cccccc 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #cccccc 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #cccccc 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #cccccc 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#f9f9f9',GradientType=0);
	background-color:#cccccc;
}
.jobrechts-b:active, .jobrechts-j:active  {
	position:relative;
	top:1px;
}
 
   a.link-jobs { 
   	background: url(../Images/jobs.png) no-repeat; 
	width:100%; 
	display:block; 
	padding:10px 0 10px 60px; 
	color:#fff; 
	text-decoration:none;  
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 8px; 
	}  
   a:hover.link-jobs  {color:#000000;}	
	
   a.link-personalanfrage { 
   background: url(../Images/personalanfrage.png) no-repeat; 
   width:100%; 
   display:block; 
   padding:10px 0 10px 60px; 
   color:#fff; 
   text-decoration:none; 
   -moz-border-radius: 8px; 
   -webkit-border-radius: 8px; 
   border-radius: 8px;
   margin-bottom:20px;
   } 
   a:hover.link-personalanfrage  {color:#000000;}	
   
   a.link-ansprechpartner { 
   background: url(../Images/ansprechpartner.png) no-repeat; 
   width:100%; 
   display:block; 
   padding:10px 0 10px 60px; 
   color:#fff; 
   text-decoration:none; 
   -moz-border-radius: 8px; 
   -webkit-border-radius: 8px; 
   border-radius: 8px;
   }
   a:hover.link-ansprechpartner  {color:#000000;}
    
   a.link-bewerben { 
   background: url(../Images/bewerben.png) no-repeat; 
   width:100%; 
   display:block; 
   padding:10px 0 10px 60px; 
   color:#fff; 
   text-decoration:none; 
   -moz-border-radius: 8px; 
   -webkit-border-radius: 8px; 
   border-radius: 8px;
   margin-bottom:20px;
   }  
   a:hover.link-bewerben  {color:#000000;}	
   
 @media screen and (max-width: 800px) {  
   .tx_jobs_search [class*="col-2"] {
  width: 11%; margin-right:1rem; padding-top:2rem;  
  }
.tx_jobs_search [class*="col-3"] {
  width: 50%; margin-right:1rem;
  }
  
.tx_jobs_search [class*="col-4"] {
 width: 33.33333%; margin-right:1rem;
  }
  
  div.jobcontent {width:100%; overflow:hidden; padding:20px 20px 20px 0; float:none; font-size: 1rem;	}  
  div.jobleft { 
	width:100%; 
	}
.jobsubheadline { 
  	font-size:1.125rem; 
	color:#fff;
	padding:0;
	line-height:2rem; 
	margin:0;
	}
 h1.jobhead2 { font-size:1.5rem; color:#fff; margin:10px 0 0 0; padding:0; font-weight:300; display:block;} 	
 
 }
 
  @media screen and (max-width: 600px) {   
   .tx_jobs_search [class*="col-2"] {
  width: 25%; margin-right:1rem; padding-top:2rem;  
  }
.tx_jobs_search [class*="col-3"] {
  width: 100%; margin-right:1rem;
  }
  
.tx_jobs_search [class*="col-4"] {
 width: 100%; margin-right:1rem;
  }
 }
 
  @media screen and (max-width: 480px) { 
 .singleheadline {
      position:relative; 
      bottom:0; 
      left:0; 
      z-index:1000; 
      width:100%; 
      background:#006ab3; 
      -khtml-opacity: 0.9 ;
      -moz-opacity: 0.9;
      -webkit-opacity: 0.9;
      filter: alpha(opacity=90);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
      opacity: 0.9;     
      padding:20px; 
      -webkit-border-top-right-radius: 20px;
            -moz-border-radius-topright: 20px;
            border-top-right-radius: 20px;
      }
	.fa-phone-square:before, .phonenumber {
     color:#fff;
     font-size:1.125rem;
    }  
  }

  @media screen and (max-width: 420px) { 
.cell-header { display:none} 
.tx_jobs .cell-wrap {clear:both; float:none; display:block; width:100%;  box-sizing: border-box; margin-bottom:0.5rem;  } 
.cell a.jobtitel { position:relative; top:2px; left:2px;  padding:5px 10px 5px 0;}
.tx_jobs .cell {float:none;  position:relative; padding:0.125rem 1rem; } 
.tx_jobs .cell:nth-child(1) {width:100%;} 
.tx_jobs .cell:nth-child(2) {width:100%;} 
.tx_jobs .cell:nth-child(3) {width:100%;} 

  }