/* @override 
	http://neu.k5-netzwerk.de/themes/k5netzwerk/zkorr.css */





/* ----------------------------------- HOME ----------*/


* {
  box-sizing:border-box;
}

.homesection.left {
	background: #fff;
}

.homesection.left .column-66{
	padding: 0px 20px 0px 0px;
}

.homesection.left .column-33{
	padding: 0px 0px 0px 20px;
}

.homesection.right {
background: #f6f6f6;
}

.homesection.right .column-66{
	padding: 0px 0px 0px 20px;
}

.homesection.right .column-33{
	padding: 0px 20px 0px 0px;
}

.homesection .container {
  padding: 120px 30px;
}

.row:after {
  content: "";
  display: table;
  clear: both
}

.column-66 {
  float: left;
  width: 66.66666%;
}

.column-33 {
  float: left;
  width: 33.33333%;
}

.homesection.left div.container div.row div.column-66 h3, .homesection.right div.container div.row div.column-66 h3 {
  font-size: 25px;
  color: #393b3a;
  letter-spacing: -1px;
  text-transform: uppercase;
}

.homesection h2{
  font-size: 40px;
  font-weight: 500;
  color: #262726;
}

.homesection .button {
  border: none;
  color: white;
	border: 2px solid #241e46;
  padding: 14px 28px;
  font-size: 14px;
  background-color: #241e46;
  text-transform:uppercase;
  font-weight: 700;
  margin-top: 15px;
}

.homesection .button:hover {
    background: transparent repeat scroll 0 0;
    color: #241e46;
	border: 2px solid #241e46;
    text-decoration: none;
    transition: all 0.35s ease-in-out;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}

.homesection .column-33 img {
	width: 220px;
}



/* ----------------------------------- FOOTER ----------*/


.four-column {
  float: left;
  width: 25%;
  padding: 10px;
}

.two-column {
  float: left;
  width: 50%;
  padding: 10px;
}

#footer div.container div.row div.two-column.right {
	text-align: right;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}



/* ----------------------------------- CONTENT HEADER ----------*/


.content-icon {
	width: 120px;
	float: left;
	margin-right: 20px;
}

.content-carousel {
    margin-bottom: 0px;
    background: #222222;	
}
.content-carousel .container {
    position: relative;
    z-index: 9;
}

.content-carousel .item {
    height: 550px;
    max-width: 100%;
}


.infrastructur {
    background: url(/images/Design/backgrounds/design_1.jpg) no-repeat center center;
    background-size: cover;
}

.service {
    background: url(/images/Design/backgrounds/design_2.jpg) no-repeat center center;
    background-size: cover;
}

.cloudsystems {
    background: url(/images/Design/backgrounds/design_3.jpg) no-repeat center center;
    background-size: cover;
}


.solutions {
    background: url(/images/Design/backgrounds/design_4.jpg) no-repeat center center;
    background-size: cover;
}


.ie7 .infrastructur, .ie7 .service, .ie7 .cloudsystems, .ie7 .solutions, .ie8 .infrastructur, .ie8 .service, .ie8 .solutions, .ie8 .cloudsystems{background-size: 100%;}


.container .content-carousel-caption {
    background-color: transparent;
    position: static;
    max-width: 900px;
    padding: 0 20px;
    margin-top: 30%;
    text-align: left;
	text-shadow: 0 0 1px #5a5a5a;
}

.content-carousel-caption h1 {
    font-weight: 700;
    font-size: 55px;
    line-height: 80px;
    color: #FFFFFF;
    margin: 0;
}


/* ----------------------------------- CONTENT TEAM ----------*/


html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

.team-column {
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
  padding: 0 8px;
  text-align:center;
}

@media screen and (max-width: 650px) {
  .team-column {
    width: 100%;
    display: block;
  }
}

.team-column img {
border-radius: 100px;
}

.team-container {
  padding: 0 16px;
  margin-bottom: 20px;
}

.team-container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.team-container h3 {
    font-weight: 300;
    letter-spacing: -1px;
    line-height: normal;	
	margin-bottom: 0px;	
	font-size: 22px;
}


#awuestner {
	background: url(/images/content/team/awuestner_normal_small.png) no-repeat center center;
	background-size: contain;
	width:100%;
	height: 220px;
}

#awuestner:hover {
	background: url(/images/content/team/awuestner_2_small.png) no-repeat center center;
	background-size: contain;
}

#mdoess {
	background: url(/images/content/team/mdoess_normal_small.png) no-repeat center center;
	background-size: contain;
	width:100%;
	height: 220px;
}

#mdoess:hover {
	background: url(/images/content/team/mdoess_2_small.png) no-repeat center center;
	background-size: contain;
}


#swuestner {
	background: url(/images/content/team/swuestner_normal_small.png) no-repeat center center;
	background-size: contain;
	width:100%;
	height: 220px;
}

#swuestner:hover {
	background: url(/images/content/team/swuestner_2_small.png) no-repeat center center;
	background-size: contain;
}


#mlupp {
	background: url(/images/content/team/mlupp_normal_small.png) no-repeat center center;
	background-size: contain;
	width:100%;
	height: 220px;
}

#mlupp:hover {
	background: url(/images/content/team/mlupp_2_small.png) no-repeat center center;
	background-size: contain;
}


#tschwank {
	background: url(/images/content/team/tschwank_normal_small.png) no-repeat center center;
	background-size: contain;
	width:100%;
	height: 220px;
}

#tschwank:hover {
	background: url(/images/content/team/tschwank_2_small.png) no-repeat center center;
	background-size: contain;
}


#swetzel {
	background: url(/images/content/team/swetzel_normal_small.png) no-repeat center center;
	background-size: contain;
	width:100%;
	height: 220px;
}

#swetzel:hover {
	background: url(/images/content/team/swetzel_2_small.png) no-repeat center center;
	background-size: contain;
}


#dom {
	background: url(/images/content/team/dom.png) no-repeat center center;
	background-size: contain;
	width:100%;
	height: 220px;
}

#dom:hover {
	background: url(/images/content/team/dom_2.png) no-repeat center center;
	background-size: contain;
}


#jbohland {
	background: url(/images/content/team/jbohland_normal_small.png) no-repeat center center;
	background-size: contain;
	width:100%;
	height: 220px;
}

#jbohland:hover {
	background: url(/images/content/team/jbohland_2_small.png) no-repeat center center;
	background-size: contain;
}


#fschabbach {
	background: url(/images/content/team/fschabbach_normal_small.png) no-repeat center center;
	background-size: contain;
	width:100%;
	height: 220px;
}

#fschabbach:hover {
	background: url(/images/content/team/fschabbach_2_small.png) no-repeat center center;
	background-size: contain;
}


#hugo {
	background: url(/images/content/team/hugo_normal_small.png) no-repeat center center;
	background-size: contain;
	width:100%;
	height: 220px;
}

#hugo:hover {
	background: url(/images/content/team/hugo_maske_small.png) no-repeat center center;
	background-size: contain;
}





/* ----------------------------------- MOBILE ----------*/


@media (max-width: 1169px){

	.navbar-brand img{margin-top: 0px;max-height: 35px!important;}
    .navbar .navbar-brand {padding: 8px 20px;margin-top: 2px;}

	.content-carousel .item {height: 400px;}
	.container .content-carousel-caption {margin-top: 22%!important;}


}

@media screen and (max-width: 900px) {

	#footer div.container div.row div.two-column.right {text-align: left;}
	
	.column-66, .column-33 {width: 100%;text-align: left;}

	img {margin: auto;float: left;}
  
  .homesection.left .column-66{padding: 20px 20px 20px 20px;}
  .homesection.left .column-33{padding: 20px 20px 20px 20px;}
  .homesection.right .column-66{padding: 20px 20px 20px 20px;}  
  .homesection.right .column-33{padding: 20px 20px 20px 20px;}
 	
 .homesection .container {padding: 50px 30px; }
	

}


@media screen and (max-width: 767px) {

	body .carousel-caption h1 {font-size: 35px!important; line-height: normal!important;}	
	.container .carousel-caption { max-width: 100%!important; padding: 0 20px; margin-top: 15%!important; text-align: left;}
	.carousel .item {height: 350px!important;}

	.homesection h2{ font-size: 30px;}
	.homesection.left div.container div.row div.column-66 h3, .homesection.right div.container div.row div.column-66 h3 {font-size: 22px;}
	.homesection .button {padding: 8px 20px; font-size: 12px;}

	.content-carousel .item {height: 350px;}
	body .content-carousel-caption h1 {font-size: 35px!important; line-height: normal!important;}	
	.container .content-carousel-caption {margin-top: 20%!important;}
	
	#page-title h1{font-size: 35px!important; line-height: normal!important;}
	
}	


@media screen and (max-width: 600px) {

	.four-column  {width: 100%;}
	.two-column  {width: 100%;}

	#footer .two-column {border-top: none!important;}
	#footer {padding-top: 0px!important; padding-bottom: 40px!important;}

	#bottom {padding-top: 50px; padding-bottom: 20px!important;}


	.content-icon {width: 60px; float: left; margin-right: 0px;margin-bottom: 10px;}
	body .content-carousel-caption h1 {float: left!important; width: 100%;}
	.content-carousel-caption p.lead {float: left;}

	
	
}