/*
Theme Name: Foundation, for WordPress
Theme URI: http://fwp.drewsymo.com
Author: Drew Morris
Author URI: http://drewsymo.com
Version: 4.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: foundation
Description: Foundation for WordPress, a Responsive Starter Theme.
Tags: two-columns
*/

/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Images
:: Posts
:: Typography
:: Header
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/

/* -----------------------------------------
   Images
----------------------------------------- */

.widget img {
    max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}
img.size-full {
    max-width: 97.5%;
    width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}

.wp-caption { max-width: 100%; }

/* -----------------------------------------
   Posts
----------------------------------------- */

.author-box h5 {margin-top:0px;}
.author-box .author_gravatar {margin-right:10px;}
.author-box p {font-size:14px; font-size:1.4em;}

article .th {margin-bottom:10px; margin-bottom:1em;}

.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {margin:0 auto;text-align:center;}

/* -----------------------------------------
   Typography
----------------------------------------- */

body,h1,h2,h3,h4,h5,h6,p {font-family: 'Open Sans', sans-serif;}
!h1,h2,h3,h4,h5,h6,a:link {font-weight:300;}

.site-title .subheader {margin-bottom:0;}

/* -----------------------------------------
   Header
----------------------------------------- */

.site-header {border-bottom:0px solid #ddd;margin:-1.875em 0 1.875em 0;width: 100%;height: 250px;}
.sidebar ul li {list-style:none;}
.top-bar-section ul li>a {border-left:1px solid #333;border-right:none;}

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
.wp-caption-text {text-align: center;}
.sticky { }
.gallery-caption { }
.bypostauthor{ }
.site-content .gallery {
  margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
  border: none;
  height: auto;
  max-width: 90%;
}
.site-content .gallery dd {
  margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

embed,
iframe,
object {
  max-width: 100%;
}
/* -----------------------------------------
   Page Name 1
----------------------------------------- */

/* -----------------------------------------
   Page Name 2
----------------------------------------- */


/* -----------------------------------------
   Viet Header
----------------------------------------- */



.top-bar{
  height: 50px;
  background-color: #132635;
  margin-bottom: 0em;
}

.site-header{
  max-width:1280px;
  margin: auto;
  background-color: #cccccc;
  background-position: center;
}

.title-area{
  background-color: #132635;
  height: 50px;
}


.top-bar .name{
  height:22px;
}

.top-bar-section ul li>a{
  color:#fff;
  font-weight:normal;
  text-transform: uppercase;
  background-color: transparent;
  height: 50px;
  padding: 7px 15px 0 15px !important;
}

.top-bar-section li a:not(.button){
  background: #132635;
  line-height: 50px;
}

.top-bar-section li a:hover{
  color: #F2963A;
  background-color: #132635 !important;
}

.top-bar-section ul li>a{
  border-left: 1px solid #4285B2;
  border-right: none;
}

.name img{
  display:block;
  height: 22px;
  width: 100px;
  position:relative;
  top:14px;
  margin-right: 98px;
}

.top-bar input{
  background-color: #2A5580;
font-family: inherit;
border: 1px solid #4285B2;


color: rgba(0,0,0,0.75);
display: block;
font-size: 0.875em;
margin: 0 0 1em 0;
padding: 0.5em;
height: 2.3125em;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
transition: all 0.15s linear;
}

.top-bar .button{
  -webkit-box-shadow: 0 0 0 rgba(255,255,255,0.5) inset;
box-shadow: 0 0 0 rgba(255,255,255,0.5) inset;
  background-color: #F2963A;
  border: 1px solid #F2963A;
  height:32px;
  color: #fff;
}

.top-bar .button:hover{
  color: #000;
}


/* -----------------------------------------
   Viet body
----------------------------------------- */

@media all and (max-width: 2560px) and (min-width: 1281px) {
  .cycloneslider-template-default .cycloneslider-slide img{
  height: 250px;
  display: inline !important;
  min-width: 1280px;
  position: relative;
}
}

@media all and (max-width: 1280px) {
.cycloneslider-template-default .cycloneslider-slide img{
  height: 250px;
  display: inline !important;
  min-width: 1280px;
  position: relative;
  left:25%;
  margin-left: -640px !important;
}
}





.cycloneslider-template-default .cycloneslider-caption{
  background: none !important;
}

.cycloneslider-template-default .cycloneslider-caption-description{
  background-color: #F2963A !important;
  padding:0px 0px 0px 0px !important;
  margin-top: -10px !important;
  display:table;
  width: auto !important;
  -webkit-box-sizing:content-box;
}

.cycloneslider-caption{
  max-width: 1000px;
  position: relative !important;
  margin-top: -160px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 50px;
}

.cycloneslider-template-default .cycloneslider-caption-title{
  color:#fff;
  font-size:0.875rem !important;
  background-color:#000000; !#F2963A;
  opacity:0.5;
  position:absolute;
  right: 7px;
  top:110px;
  padding:10px !important;
  !text-transform: uppercase;
  display: inline;

}

.cycloneslider-caption-description{
  background-color:#000000;
}

.cycloneslider-slides {
  height: 250px !important;

}

.haupt{
  !margin-top: 30px;
}

#addressAside{
  
}


#headerWrapper{
  height:250px;
  background-image: url('http://www.khp-leipzig.de/wordpress/wp-content/uploads/2014/02/background-related.jpg');
}

#startProject article{
  margin-top: 0px;
}

#startProject .fpw-excerpt{
  padding-top: 14px;
}

#startProject .fpw-featured-image{
  margin-bottom: -2px;

} 

.HeaderTitleLink{

  margin-top: 20px;

  font-size: 1em;
  color:#fff;
}

.headerTitleWrapper{
    margin: auto;
  position: relative;
    width:100%;
  max-width:1000px;

}



.HeaderTitleLink a{
  color:#fff;
  font-size: 1.1rem;
  background-color: #F2963A;
  padding:10px;
  text-transform: uppercase;
}

.HeaderTitleLink li{
  color:#fff;
  list-style-type: none;
  text-decoration: none;
}

.HeaderTitleLink ul{
  margin-bottom: 0px;
}


.startArticleTitle{
  margin: 14px 7px 0px 7px;
  background-color: #F2963A;
  padding: 9px 0 0 14px;
  height: 40px;
  font-size: 1em; ;
  font-weight: normal;
  color: #fff;
  -webkit-margin-before: 0em;
-webkit-margin-after: 0em;
}


article{
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18);
}

article header{
  background-color: #F2963A;
  padding: 9px 0 0 14px;
  height: 40px;
}

article p{
  !text-shadow: 0 0 1px rgba(34,34,34,0.2);
  text-align: justify;
  font-size: 0.875em;
  line-height: normal;
  margin: 14px 28px 14px 28px;
  !font-weight: 300;
  !padding: 14px 28px 14px 28px;
  !margin-bottom: 0;
}

article img{
  margin: 14px 0px 14px 0px;
}

article h1{
  font-size: 1em; 0.875em;
  font-weight: bold;
  text-align: justify;
  margin: 28px 28px 14px 28px;
  !line-height: 20px;
  !padding: 0px 28px 0 28px;
  !padding: 28px 28px 14px 28px;
  !margin-top: 0;
  !margin-bottom: 0;
}

article h2{
  font-size: 1em; !0.875em;
  font-weight: bold;
  font-variant: small-caps;
  margin: 14px 28px 0px 28px;
  !padding: 14px 28px 0px 28px;
  !margin-top: 0;
  !margin-bottom: 0;
}

article hr{
  margin: 0px 28px 14px 28px;
}

article ul{
  list-style-type: circle;
}
article li{
  font-size: 0.875em;
  !font-weight: 400;
  line-height: 20px;
  margin: 0px 28px 0px 42px;
  !padding: 0 28px 0 7px;
  !margin-left: 42px; 
}

p:first-of-type{
  !margin-top: 28px; 
}

p:last-of-type{
  padding-bottom: 42px;
}

article header h2{
    font-size: 1em;
    color:#fff;
    font-weight: normal;
    font-variant: normal;
    padding: 0 0 0 0;
    margin: 0;
}



aside div{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18);
}

li div{
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.18);
}

aside li{
  background-color: #fff;
}

li a{
  color:#000;
}

.ilink{
  padding: 10px 14px 14px 14px;
}


/*Viet*/
.ilink{
  padding-left:0px;
  padding-bottom: 8px;
}

.HeaderTitleLink .textwidget{
  background-color: #F2963A;
  padding:10px 10px 10px 10px;
  margin-top: -10px;
  display:inline;
  width: auto !important;
  -webkit-box-sizing:content-box;
}

aside h5{
  background-color: #2A5580;
  padding: 9px 0 0 14px;
  height: 40px;
  font-size: 1em;
  font-weight: normal;
  margin: 14px 0px 0px 0px;
  margin-bottom: 0em;
  color:#fff;
  !-webkit-margin-before: 0em;
  !-webkit-margin-after: 0em;
}

.textwidget {
  font-size: 0.875em;
  background-color: #fff;
  padding: 10px 14px 10px 14px; 
  line-height: 20px;
  !text-shadow: 0 0 1px rgba(34,34,34,0.2);
}

.textwidget a{
  color: rgb(34,34,34);
}

/* -----------------------------------------
   Viet Leistungsbereiche
----------------------------------------- */

#page-26 .column{
  padding-left:0px;
  padding-right: 0px;
}

#page-26 .large-4{
  float:left;
  padding:10px;
}

#page-26 .large-4 img{
  width:100%;
}

/* -----------------------------------------
  Viet Featured page 
  ----------------------------------------*/

footer .large-4{
  margin-top: 0em;
}

footer h5{
  display: block;
  font-size: 1em;
  color:#fff;
  background-color: #2A5580;
  padding:0.875em;
  padding-bottom:2em; 

  height:12px;
  margin-top: 0em;
  margin-bottom: 0em;
  -webkit-margin-before: 0em;
-webkit-margin-after: 0em;
}

.fpw-widget-page .widget-title, .fpw-widget-page .fpw-page-title, .fpw-widget-page .fpw-featured-image{
  margin: 0px;
}

.fpw-featured-image img{
  width:100%;
}

footer p:first-of-type{
  padding-top: 0px !important;
}

footer p:last-of-type{
  padding-bottom: 0px !important;
}

/* -----------------------------------------
  Viet Referenzen
  ----------------------------------------*/

#impressum-khp{
  text-align: right;
  color: #fff;
  margin-top: 30px;
  height:100px;
  background-image: url('http://www.khp-leipzig.de/wordpress/wp-content/uploads/2014/02/background-related.jpg');
  font-size:1em;
  padding-right: 20px;
  padding-top:70px;
}

#impressum-khp a{
  color:#fff;
}

aside {
  margin-top: 17px;
}

.large-3 .fpw-widget-page{
  margin-top: 20px;
}

.entry-summary p{
  margin-top: 0px !important;
}

article p{
  
}

[class*="column"]+[class*="column"]:last-child {
  float: left;
}

.intelliwidget-title{
  background-color: #2A5580;
  color: #fff;
  padding:9px 0 0 14px;
  height: 40px;
  font-size:1em;
  font-weight: normal;
  text-align: left;

}

.intelliwidget-title a{
  color: #fff;
  font-size: 1em;

}

.leistung-3{
  line-height: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.18);
}

.referenzen-title{
  color:#222;
  padding: 14px 0 0 14px;
  height: 48px;
  font-size: :1em;
  text-align: left;
  background-color: #fff;
  line-height: 0;
}

.referenzen-4 a{
  color:#222;
  margin-top:10px;
  display: block;
}

.sidebar .intelliwidget-album-container{
  margin-top: 14px; !20px;
  !margin-bottom: 20px;
}

!.sidebar div:first-child{
!  margin-top: 0px;
!}

@media all and (max-width: 2560px) and (min-width: 1022px) {

!.large-8{
!  width: 660px;
!}

.referenzen-4{
  width:23.5%;
  margin-right: 20px;
  float:left;
  line-height: 0;
  margin-top: 10px;
}

.referenzen-4:nth-child(4n+5){
  margin-right: 0;
}

.leistung-3{
  !margin-top: 7px; !1.25em;
  padding-right: 0em;
  padding-left: 0em;
  width:320px; !32%;
  !margin-right: 7px; !2%;
  !margin-left: 7px;
  margin: 7px;
  float:left;
}

.leistung-3:nth-child(3n+3){
  margin-right: 7px;
}

header h2{
  margin-bottom: 0em;
  margin-top: 0em;
}

h1{
  line-height: 1.4em;
}

h2{
  line-height: 1.4em;
}

h3{
  color: #fff;
  font-size: 1em;
  margin-top: 0em;
  margin-bottom: 0em;
  -webkit-margin-before: 0em;
-webkit-margin-after: 0em;
}

article{
  !margin-top: 17px; !1.25em;
  margin: 7px;
  margin-top: 14px;
  !width: 100%
  !max-width: 988px;
  !width: 988px;
}

.large-8.columns{
width: 668px;
!margin: 7px;
padding: 0px;
}

.large-4.columns{
width:320px;
padding: 0px;
  margin: 7px;
  margin-top: 0px;
}

!.row.haupt{
!max-width: 1002px;
!}

.row{
max-width: 1002px;
}

.intelliwidget-album-container{
height: 280px;
}


}



@media all and (max-width: 1022px) and (min-width: 835px) {

.leistung-3{
  padding-right: 0em;
  padding-left: 0em;
  width:264px; 
  margin: 7px;
  float:left;
}

.leistung-3:nth-child(3n+3){
  margin-right: 7px;
}

article header{
  height: 33px;
  padding: 7px 0px 0px 14px;
}

.intelliwidget-title{
  height: 33px;
  padding: 5px 0px 0px 14px;
}

article h1{
  font-size: 0.9em;
}

article h2{
  font-size: 0.9em;
}

article p{
  font-size: 0.8em;
}

article li{
  font-size: 0.8em;
}


article header h2{
  font-size: 0.9em;
}

.intelliwidget-title a{
  font-size: 0.9em;
}

.textwidget{
  font-size: 0.8em;
}

header h2{
  margin-bottom: 0em;
  margin-top: 0em;
  line-height: 1.3em;
}

aside h5{
  line-height: 1.3em;
  font-size: 0.9em;
  padding: 7px 0px 0px 14px;
  height: 33px;
}

h1{
  line-height: 1.3em;
}

h2{
  line-height: 1.3em;
}

h3{
  color: #fff;
  font-size: 0.825em;
  lineheight: 1.3em;
  margin-top: 0em;
  margin-bottom: 0em;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}

article{
  margin: 7px;
  margin-top: 14px;
}

.large-8.columns{
width: 556px;
padding: 0px;
}

.large-4.columns{
  width:264px;
  padding: 0px;
  margin: 7px;
  margin-top: 0px;
}

.row{
max-width: 835px;
}

.intelliwidget-album-container{
height: 231px;
}


}

@media all and (max-width: 855px) and (min-width: 688px) {

.leistung-3{
  padding-right: 0em;
  padding-left: 0em;
  width:320px; 
  margin: 7px;
  float:left;
}

.leistung-3:nth-child(3n+3){
  margin-right: 7px;
}

article header{
  height: 40px;
  padding: 9px 0px 0px 14px;
}

.intelliwidget-title{
  height: 40px;
  padding: 9px 0px 0px 14px;
}

article h1{
  font-size: 1em;
}

article h2{
  font-size: 1em;
}

article p{
  font-size: 0.875em;
}

article li{
  font-size: 0.875em;
}


article header h2{
  font-size: 1em;
}

.intelliwidget-title a{
  font-size: 1em;
}

.textwidget{
  font-size: 0.875em;
}

header h2{
  margin-bottom: 0em;
  margin-top: 0em;
  line-height: 1.4em;
}


h1{
  line-height: 1.4em;
}

h2{
  line-height: 1.4em;
}

h3{
  color: #fff;
  font-size: 1em;
  margin-top: 0em;
  margin-bottom: 0em;
  line-height: 1.4em;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}

article{
  margin: 7px;
  margin-top: 14px;
}

.large-8.columns{
width: 668px;
padding: 0px;
}

.large-4.columns{
  width:320px;
  padding: 0px;
  margin: 7px;
  margin-top: 0px;
}

.row{
max-width: 668px;
}

.intelliwidget-album-container{
height: 280px;
}




}

@media all and (max-width: 688px) and (min-width: 576px) {

.leistung-3{
  padding-right: 0em;
  padding-left: 0em;
  width:264px; 
  margin: 7px;
  float:left;
}

.leistung-3:nth-child(3n+3){
  margin-right: 7px;
}

article header{
  height: 33px;
  padding: 7px 0px 0px 14px;
}

.intelliwidget-title{
  height: 33px;
  padding: 5px 0px 0px 14px;
}

aside h5{
  line-height: 1.3em;
  font-size: 0.9em;
  padding: 7px 0px 0px 14px;
  height: 33px;
}

article h1{
  font-size: 0.9em;
}

article h2{
  font-size: 0.9em;
}

article p{
  font-size: 0.8em;
}

article li{
  font-size: 0.8em;
}


article header h2{
  font-size: 0.9em;
}

.intelliwidget-title a{
  font-size: 0.9em;
}

.textwidget{
  font-size: 0.8em;
}

header h2{
  margin-bottom: 0em;
  margin-top: 0em;
  line-height: 1.3em;
}

h1{
  line-height: 1.3em;
}

h2{
  line-height: 1.3em;
}

h3{
  color: #fff;
  font-size: 0.825em;
  lineheight: 1.3em;
  margin-top: 0em;
  margin-bottom: 0em;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}

article{
  margin: 7px;
  margin-top: 14px;
}

.large-8.columns{
width: 556px;
padding: 0px;
}

.large-4.columns{
  width:264px;
  padding: 0px;
  margin: 7px;
  margin-top: 0px;
}

.row{
max-width: 835px;
}

.intelliwidget-album-container{
height: 231px;
}


}

@media all and (max-width: 576px) and (min-width: 1px) {

.leistung-3{
  padding-right: 0em;
  padding-left: 0em;
  max-width:264px; 
  width: 100%;
  margin: 7px;
  float:left;
}

.leistung-3:nth-child(3n+3){
  margin-right: 7px;
}

article header{
  min-height: 33px;
  height: 100%;
  padding: 7px 0px 0px 14px;
}

.intelliwidget-title{
  min-height: 33px;
  height: 100%;
  padding: 5px 0px 0px 14px;
}

aside h5{
  line-height: 1.3em;
  font-size: 0.9em;
  padding: 7px 0px 0px 14px;
  height: 33px;
}

article h1{
  font-size: 0.9em;
}

article h2{
  font-size: 0.9em;
}

article p{
  font-size: 0.8em;
}

article li{
  font-size: 0.8em;
}


article header h2{
  font-size: 0.9em;
}

.intelliwidget-title a{
  font-size: 0.9em;
}

.textwidget{
  font-size: 0.8em;
}

header h2{
  margin-bottom: 0em;
  margin-top: 0em;
  line-height: 1.3em;
}

h1{
  line-height: 1.3em;
}

h2{
  line-height: 1.3em;
}

h3{
  color: #fff;
  font-size: 0.825em;
  lineheight: 1.3em;
  margin-top: 0em;
  margin-bottom: 0em;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}

article{
  margin: 7px;
  margin-top: 14px;
}

.large-8.columns{
width: 100%; 
max-width: 556px;
padding: 0px;
}

.large-4.columns{
  max-width:264px;
  width: 100%;
  padding: 0px;
  margin: 7px;
  margin-top: 0px;
}

.row{
max-width: 835px;
}

.intelliwidget-album-container{
max-height: 231px;
height: 100%;

}


}