/* Navigation */

.nav > li > a:hover {
    background-color: rgba(255,255,255, 0)
}

a:hover .logo {
	opacity: 1.0;
}

#scrollUp {
	bottom: 60px;
}

#scrollUp:hover {
    color: #fff;
    opacity: 1;
}

.icon-left-open-mini:hover,
.icon-right-open-mini:hover {
	color: #fff;
}
.btn, .btn:hover {
	box-shadow: none;
}

/* Typographie */

h1 {
	font-weight: 300;
	color: #5b5c5e;
	font-size: 30px;
	margin-bottom: 5px;
}

h2 {
	font-size: 20px;
	margin-bottom: 30px;
	font-weight: 600;
}

h3.box-text-head {
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
}

/*h5 {
	font-size: 25px;
	font-weight: 300;
	color: #fff;
	background-color: #2f6393;
	display: inline-block;
	padding: 5px 50px 5px 10px;
}*/

h5 {
   height: 0; 
   font-size: 25px;
   font-weight: 300;
   color: #fff;
   width: 230px;
   padding-left: 12px;
   border-bottom: 42px solid #2f6393;
   border-left: 0px solid transparent;
   border-right: 20px solid transparent;
   margin-bottom: 40px;		
}

/* Allgemeines */

.divide-20 {
	margin-bottom: 20px;
}

.divide-30 {
	margin-bottom: 30px;
}

.divide-40 {
	margin-bottom: 40px;
}

.divide-50 {
	margin-bottom: 50px;
}

.divide-60 {
	margin-bottom: 60px;
}

.inner {
	padding-top: 50px;
	padding-bottom: 0px;
}

.clear {
	clear: both;
}

.none {
	display: none;
}

.nobreak {
	white-space: nowrap;
}




/* Slideshow */


#hero p {
    font-size: 50px;
    line-height: 135%;
	text-transform: uppercase;
	font-weight: 300;
	color: #2f6393;
}

.light-color, .light-color .dark-bg {
    color: #2f6393 !important;
}

#owl-main .caption h1.dark-bg span, #owl-main .caption p.dark-bg span {
    background: rgba(255,255,255, 0.8) none repeat scroll 0 0;
    box-decoration-break: clone;
    box-shadow: -0.5em 0 0 rgba(255,255,255, 0.8), 0.5em 0 0 rgba(255,255,255, 0.8);
}

#hero .btn-large {
	color: #534d4d !important;
    font-size: 16px;
	font-weight: 500;
    padding: 15px 35px 17px;
	box-shadow: none;
	border-radius: 0;
	background: rgba(255,255,255, 0.8);
}

#hero .btn-large:hover {
	background: rgba(255,255,255, 1.0);
}

/* Unternehmen */

.box {
	background-color: #f2f4f6;
}

.image-caption {
	padding: 20px;
}

.box-text-head {
	margin: 0 20px 5px 0;
}

/* Qualitätssicherung */
h3.qs {
	font-size: 35px;
	text-transform:  uppercase;
	font-weight: 300;
}

p.qs {
	font-size: 18px;
}

/* Leistungen */
h2.hl {
	font-weight: 300;
	color: #5b5c5e;
	font-size: 30px;
	margin-bottom: 5px;
}

h3.hl {
	font-size: 20px;
	margin-bottom: 30px;
	font-weight: 600;
}

.img-leistungen {
	width: 50%;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
}

ul.square {
	list-style-type: square;
	color: #2f6393;
}

li span{
	color: #5b5c5e;
}

/* Referenzen */
.box-referenz {
	background-color: #f2f4f6;
	position: relative;
	overflow: hidden;
}

.img-referenz {
	width: 50%;
	float: left;
	height: auto;
	margin-right: 20px;
}

.box-referenz-text {
	padding: 10px 10px 10px 0;
}

h4.referenz {
	font-size: 20px;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 0;
}

.owl-pagination .owl-page span {
    background: #bbb none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    display: block;
    height: 15px;
    margin: 0 5px;
    transition: all 200ms ease-out 0s;
    width: 15px;
}

.owl-item img {
  height: auto;
  width: 350px;
 }


/* Jobs */
.img-jobs {
	width: 100%;
	margin-bottom: 20px;
	padding-right: 18px;
}

h4.copy {
	margin-bottom: 5px;
}

h3.bew {
	font-size: 35px;
	line-height: 40px;
	text-transform:  uppercase;
	font-weight: 300;
}

/* Kontaktformular */
.sky-form {
	box-shadow: none;
}

.sky-form fieldset {
	padding-left: 0;
}

.sky-form footer {
	background: none;
	border-top: none;
}

.sky-form .button {
	background-color: #2f6393;
}

.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea {
	background: #f2f4f6 none repeat scroll 0 0;
	border: none;
}

.sky-form .radio, .sky-form .checkbox {
	color: #5b5c5e;
	line-height: 16px;
}

.sky-form .button {
	text-transform: uppercase;
	font-weight: 400;
}

.contact-info {
	line-height: 20px;
}

.contact-info li {
	padding-bottom: 10px;
}

.checkbox {
	padding-top: 5px;
}

/* Google Map */
#map {
  height: 450px;
  width: 100%;
}

/* Footer */
.footer-bottom {
	background-color: #fff;
}

.footer-bottom p, .footer-bottom a {
	color: #5b5c5e;
}

.footer-bottom a:hover {
	color: #2f6292;
}

/* Impressum */

h2.subline {
	margin-bottom: 5px;
}

h2.zh {
	margin-bottom: 20px;
}

/* Smartphones ----------- */
@media only screen and (max-width : 480px) {
	
	#hero p {
    font-size: 30px;
    line-height: 135%;
	text-transform: uppercase;
	font-weight: 300;
	color: #2f6393;
}
	
	#hero .btn-large {
	color: #534d4d !important;
    font-size: 13px;
	font-weight: 500;
    padding: 10px;
	box-shadow: none;
	border-radius: 0;
	background: rgba(255,255,255, 0.8);
}
	
}

/* Smartphones + Tablet Portrait ----------- */
@media (max-width : 768px) {

	#hero p {
    font-size: 30px;
    line-height: 135%;
	text-transform: uppercase;
	font-weight: 300;
	color: #2f6393;
}
	
	#hero .btn-large {
	color: #534d4d !important;
    font-size: 13px;
	font-weight: 500;
    padding: 10px;
	box-shadow: none;
	border-radius: 0;
	background: rgba(255,255,255, 0.8);
}

		
}


@media (max-width : 1024px) {

	
	#hero p {
    font-size: 30px;
    line-height: 135%;
	text-transform: uppercase;
	font-weight: 300;
	color: #2f6393;
}
	
	#hero .btn-large {
	color: #534d4d !important;
    font-size: 13px;
	font-weight: 500;
    padding: 10px;
	box-shadow: none;
	border-radius: 0;
	background: rgba(255,255,255, 0.8);
}

	.img-leistungen {
		width: 100%;
	}
	
	.img-referenz {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.box-referenz-text {
		padding: 10px;
	}
		
}