@charset "utf-8";
/* CSS Document */
 
.wrapper{width:940px; margin-top:20px; margin-left: 150px; }
.logo{float:left; width:100px; height:80px;} 
.banner{width:940px; height:218px; margin-bottom:20px; }
.slogan{font-family: BondoluoPeek; float:left; background:#FFF; }
.slogan li{ font: 10px/40px Arial,  sans-serif; display:block; text-decoration:none;}
.slogan li a {color: #000; text-decoration: none;}
.slogan li a:hover {color: #000;}
.slogan p{font: 12px/40px Arial,  sans-serif; font-weight: bolder; } 
.sprache {float:right;}

.q{margin-right:20px;padding-right:20px; border-right:1px solid #CCC; margin-left: 26px; }
.clear{ clear:both;}
.nav li{float:left;
 display:block;
font:12px/28px Arial , sans-serif ; 
height:28px; font-weight:500;
text-decoration:none; text-align: center; padding:0px 42px; border-left:1px solid #ccc; margin-bottom:30px;}
.nav li:first-child{ border-left:none;}
a:hover{ color:#ccc;
}

.slaider{ height:363px; width:939px; margin-top:45px;}
.nav li a { text-decoration:none; color: #000;}
.nav li a:hover {color: #ccc;}
.nav2 li{float:left;
 display:block; padding-right:25px;}
.nav2{ margin-left:437px; margin-top:77px; margin-bottom:23px;}
.nav2 li a:hover{ background: url(../../betrieblich/image/topor3.jpg) no-repeat;}
.line2{ height:1px; background:#eae9e9; margin-top:25px;}
.line{
	height: 1px;
	background: #cfcfcf;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 940px;
}
.block li{ height:380px; width:300px; margin-left:20px; float:left;}
.block li:first-child{margin-left:0px;}
.content h1{text-align:center; font:30px/30px Arial,  sans-serif; padding-top:70px; padding-bottom:50px;}
.content{text-align:center; }
.content p{
	padding:20px 35px 50px 35px; text-align:center;}
.content a{color:#8b8787; font-size:11px;}
.line3{ height:1px; background:#eae9e9; margin-top:57px;}
.wrapper2 span{ font-size:24px; font-weight:500; padding-top:45px; padding-bottom:15px; display:block;}
.block1 h1 {text-align:left; font:16px Arial,  sans-serif; text-transform:uppercase; padding-top:30px; padding-bottom:30px; }
.block1 h3 {text-align: left; font:14px Arial,  sans-serif; margin-top:10px;}
  .block1 p{text-align: left; font:12px Arial,  sans-serif;padding-bottom:35px; font-weight:200; margin-top:20px;}
.language {font:14px Arial, sans-serif;color:#999;}

  .line4{ height:1px; background:#eae9e9; margin-top:14px; }
  .content2 h1{text-align:left; font:16px Arial,  sans-serif; padding-top:30px; padding-bottom:30px;}
  .content2 {float:left; padding:0.5em; width:250px;}
  .one-column h1{text-align:left; font:20px Arial,  sans-serif; padding-top:30px; padding-bottom:10px;}
    .one-column h2{text-align:left; font:16px Arial,  sans-serif; padding-top:40px; padding-bottom:10px; color:#C8C4AA}

.content2 h3{text-align: left; font:14px Arial,  sans-serif; padding-top:45px; padding-bottom:14px;}
  .content2 p{text-align: left; font:12px Arial,  sans-serif;padding-bottom:35px; font-weight:200;}
  .content2 a{background: #C8C4AA;
	color: #FFFFFF; font:12px Arial,  sans-serif; text-decoration:none;height: 56px;
	padding: 10px 30px 10px 30px; 	line-height: 26px; 	letter-spacing: 1px;
	font-weight: normal;  border: none; margin-bottom:10px;
}
  .line5{ height:1px; background:#eae9e9; margin-top:85px; }
  .line-1{ height:1px; background:#eae9e9; margin-top:25px; }
  .footer{ padding-top:20px;  font:10px Arial,  sans-serif;}
  .one-column {text-align: left; font:12px/20px Arial,  sans-serif; padding-bottom:35px;  display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;}
	.one-column2 {text-align: center; font:12px/20px Arial,  sans-serif; padding-bottom:35px;  display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;}
.job {padding-bottom: 20px;margin-top:-8px;}
.post {
	clear: both;
	padding-bottom: 10px;
}
#mitarbeiter {
	margin-left: 15%;
	margin-right: 15%;
	}

 #unternehmen  {
	margin-left: 15%;
	margin-right: 15%;
	}
 
 #vorteile {
	margin-left: 15%;
	margin-right: 15%;
	}
	 #leistungen {
	margin-left: 15%;
	margin-right: 15%;
	}

.post .title {
	padding-bottom: 10px;
	padding-top: 10px;
	letter-spacing: -1px;
}

.post .title a {
	color:#0C3;
	border: none;
}

.post .meta {
	padding-bottom: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.post .meta a {
}

.post .entry {
	text-align: left;
	margin-bottom: 25px;
	padding: 10px 0px 0px 0px;
	color: #707173;
	font-size: 15px;
}

.post .entry .eins {
	margin-top: 25px;
	margin-bottom: 25px;
}

.post .entry .zwei {
	line.height: 1;
}

.post .entry .drei {
	margin-top: 0px;
	margin-bottom: 25px;
}

.post .entry .vier {
	margin-top: 0px;
	margin-bottom: 5px;
}
.post .entry .fünf {
	color:#C90;
	margin-top: 0px;
	margin-bottom: 5px;
}
.post .entry .sechs {
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}
#table {
	vertical-align: top;
}
a {
	text-decoration: none;
	color:#F2AC66;
    margin-left: 120px;
    font-size: 18px;
}
.drei {
    margin-left:20px;
    font-size: 14px;
}
h5 {
	color:#F0B025;
	font-size: 15px;
	margin-bottom: 5px;
	line-height: 150%;
}

h5 a:hover {
	color:#C30;
	text-decoration:none;
}


  
/*Menü*/
	
#menu {
	width: 940px;
	height: 58px;
	margin: 0px auto;
	text-align: center;
}

#menu ul {
	margin: 0;
	padding: 0px 8px 0px 0px;
	list-style: none;
	line-height: normal;
	text-align: center;
}

#menu li {
	display: inline;
}

#menu a {
	height: 56px;
	margin: 10px;
	padding: 10px 25px 10px 25px;
	line-height: 56px;
	letter-spacing: 1px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #C8C4AA;
	border: none;
}

#menu .current_page_item a {
	background: #C8C4AA;
	color: #FFFFFF;
}
table.vorteile {
	width:800px;
}

#menu a:hover {
	background: #C8C4AA;
	text-decoration: none;
	color: #FFFFFF;
}
p.kursiv {
	font-size:14px;
	line-height: 20px;
	font-style:italic;
}
p.abstand {
	font-size:14px;
	line-height: 20px;
	padding-bottom:20px;
}
p.abstand-kursiv {
	font-size:14px;
	line-height: 20px;
	padding-bottom:20px;
	padding-top:20px;
	font-style: italic;
}

p.fliess {
	font-size:14px;
	line-height: 20px;
	}
	p.fliess_center {
	font-size:14px;
	line-height: 20px;
	text-align:center;
	}

.modal h3 {
    text-align: center;
    margin-top: -4%;
    margin-bottom: 20px;
    color: #F49616;
    font-family:sans-serif;
    font-weight:500;
}


.modal {

    position:absolute;
    transition:visibility 0.6s, opacity 0.6s; 
    visibility:hidden; opacity:0;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    -webkit-align-items: center;
   
        
  
}

.modal:target {
    
    visibility:visible; opacity:1;
    transition-timing-function: ease-in-out;
    position: fixed;
    background: rgba(255,255,255,0.9);
    top:0;
    left:0;
    width:100%;
    height:100%;

  
 
   

}
.lebenslauf {
  
    display: -webkit-flex;
    display: flex;
   -webkit-justify-content: center;
    justify-content: center;
}

    

.lebenslauf a {
    
    margin-left: 10%;
    margin-right: 10%;
    
    
}
.lebenslauf img {
    
    width: 595px;
    max-width: 100%;
    background: #fff;
    border: 1px solid #C8C4AA;
    border-radius: 6px;
    box-sizing: border-box;

    
}
.cerrar {
    display: inline-block;
    background: #F49616;;
    width: 20px;
    height: 20px;
    margin-top: 1%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    padding: 4px;
    line-height: 20px;
    border-radius: 50%;
    font-family:sans-serif;
    
    
}
	


@font-face {
 font-family: BondoluoPeek;
 src: url('fonts/BondoluoPeek.eot') /* EOT file for IE */
}
@font-face {
 font-family: BondoluoPeek;
 src: url ('fonts/BondoluoPeek.ttf') /* TTF file for CSS3 browsers */
}