/*!
Theme Name: Kabajo
Theme URI: https://kabajo-design.de
Author: Barbara Reitmeier, Christian Daxberger
Author URI: https://kabajo-design.de/
Description: 
Version: 1
Text Domain: kabajo-theme
*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVQUwaEQbjA.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JosefinSans-Light';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(fonts/JosefinSans-Light.ttf) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
  font-family: 'Open Sans', sans-serif;
  color: #83919F;
  font-size: 15px;
  line-height: 21px;
  background: transparent url("img/hg.jpg"); }

#main-header > .container-fluid {
  position: relative;
  padding: 0; }
  #main-header > .container-fluid .container.inner {
    position: relative; }
  #main-header > .container-fluid > * {
    z-index: 2; }

#top-widgets {
  position: absolute;
  right: .9375rem;
  top: 0; }

#top-widgets-box {
  background-color: #B0C829;
  display: block;
  margin: 0;
  padding: 0;
  color: #fff;
  /*
  	form {
  		margin:0;
  		padding:0;
  		display:inline-block;
  	}
  
  	input {
  		display:inline-block;
  		width:15rem;
  		margin:0;
  		padding:0.25rem;
  		font-size:1rem;
  		border-width:0;
  		background:lighten($top-widgets-background, 15%);
  
  		&:after {
  			position:absolute;
  			right:0;
  			top:0;
  			font-size:1em;
  			color:#fff;
  			content: "\f002";
  			font-family:'Font Awesome';
  		}
  	}
  */ }
  #top-widgets-box:after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both; }
  #top-widgets-box li {
    display: block;
    float: left;
    border-right: 1px solid #78891c;
    height: 4.375rem;
    padding: 1rem; }
    #top-widgets-box li:last-child {
      border-right-width: 0; }
  #top-widgets-box a {
    display: block;
    line-height: 2rem; }
  #top-widgets-box .input-group {
    width: 25em; }
    #top-widgets-box .input-group .form-control, #top-widgets-box .input-group .btn {
      border-radius: 0;
      border-width: 0;
      background-color: #cbde5f; }
    #top-widgets-box .input-group .btn {
      color: #fff; }

/*

	.fa {
		line-height:2rem;
	}
	.fa:before {
		color:#fff;
		margin-right:1rem;
	}

	a {
		display:inline-block;
		padding:1rem;
		margin-right: 1rem;
		color: #fff;
		line-height:2rem;
		border-right:1px solid $top-widgets-separator;
	}

}
*/
#main-navigation {
  background-color: #292D33;
  border-bottom: 9px solid #3FB5E4;
  font-family: 'JosefinSans-Light';
  line-height: 53px; }
  #main-navigation ul {
    margin: 0;
    padding: 0; }
    #main-navigation ul:after {
      display: block;
      content: '';
      height: 0;
      overflow: hidden;
      clear: both; }
    #main-navigation ul li {
      display: block;
      float: left;
      width: 20%;
      border-left: 1px solid #474E58;
      margin: 0;
      padding: 0;
      box-sizing: border-box; }
      #main-navigation ul li:first-child {
        border-left-width: 0; }
      #main-navigation ul li a {
        display: block;
        padding: 1rem 0.5em;
        color: #fff;
        text-align: center;
        font-size: 1.875rem;
        font-weight:300; }
      #main-navigation ul li:hover a, #main-navigation ul li.current-menu-item a {
        background: #3FB5E4; }

body.archive.category #main-navigation #menu-item-16 a, body.single.single-post #main-navigation #menu-item-16 a {
  background: #3FB5E4; }
body.archive.tax-kreatives_category #main-navigation #menu-item-37 a, body.single.single-kreatives #main-navigation #menu-item-37 a {
  background: #3FB5E4; }

@media (max-width: 992px) {
  #main-navigation .container {
    padding: 0; }

  .logo-center #logo {
    margin-left: 0; } }
@media (max-width: 768px) {
  #main-navigation {
    position: relative;
    line-height: 40px; }
    #main-navigation .container {
      max-width: 100%;
      padding: 0; }
    #main-navigation .container-fluid {
      padding: 0; }
    #main-navigation ul li {
      border-left: none; }
      #main-navigation ul li a {
        padding-top: 0.4rem !important; }

  .logo-center {
    text-align: center; }
    .logo-center #logo {
      display: inline-block; } }
#logo {
  display: block;
  width: 224px;
  height: 177px;
  background: url("img/kabajo-logo-neu.png") left top no-repeat;
  line-height: 177px;
  text-indent: 224px;
  overflow: hidden;
  margin-left: .9375rem;
  margin-top: 1.075rem;
  margin-bottom: .9375rem; }

#main-footer {
  margin-top: 1.25rem;
  padding: 3.75rem 0;
  background-color: #292D33;
  color: #83919F; }
  #main-footer h6 {
    color: #fff;
    font-size: 1.375rem; }

section {
  position: relative;
  z-index: 10; }
  section.first-block {
    margin-top: 0;
    padding-top: 3.6rem; }

h1 {
  font-family: 'JosefinSans-Light';
  color: #282C33;
  text-align: center;
  margin-bottom: 2rem;
  font-size: 3.125rem; }

h1.h1-left {
  text-align: left; }

h2 {
  font-family: 'JosefinSans-Light';
  color: #282C33; }
  h2 a {
    color: #282C33; }

@media (max-width: 768px) {
  h1 {
    font-size: 2.667rem; } }
@media (max-width: 992px) {
  .container {
    max-width: 100%; } }
.fullsize-slider {
  background-color: #292D33;
  margin: 0;
  position: relative;
  z-index: 10; }
  .fullsize-slider .carousel {
    height: 0;
    padding-bottom: 42.1875%;
    background: #666;
    overflow: hidden;
    box-sizing: border-box; }

.fullsize-slider .bg {
  filter: blur(5px);
  background-size: cover; }

@media (max-width: 1280px) {
  .fluid-slider-container {
    max-width: 100%;
    padding: 0px;
    overflow: hidden; } }
.about-block {
  background-color: #3FB4E3;
  padding: 0.635rem;
  margin: 0 0 3.6rem 0;
  color: #C7EAF7; }
  .about-block .container {
    background-color: #3FB4E3; }
  .about-block .content {
    padding: 4rem;
    border: 1px solid #C7EAF7;
    background: url("img/schneiderpuppe.png") 16% center no-repeat; }
  .about-block h1 {
    font-family: 'JosefinSans-Light';
    font-size: 2.75rem;
    line-height: 1.2em;
    padding-bottom: 1.8rem;
    background: url("img/linie-schwung.png") center bottom no-repeat;
    text-align: center;
    color: #fff; }
  .about-block h1, .about-block p {
    max-width: 34rem;
    text-align: center;
    margin: 0 auto 1.5em; }
  .about-block .big {
    font-size: 1.6em; }

@media (max-width: 1280px) {
  .about-block .content {
    background: url("img/schneiderpuppe.png") 10% center no-repeat; } }
@media (max-width: 992px) {
  .about-block .content {
    background: url("img/schneiderpuppe.png") 3% center no-repeat; }
  .about-block .container {
    padding: 0; } }
@media (max-width: 768px) {
  .about-block .content {
    background: none;
    padding-left: 15px;
    padding-right: 15px; } }
@media (max-width: 480px) {
  .about-block .content {
    background: none;
    padding: 15px 30px; }
    .about-block .content h1 {
      font-size: 3em; } }
.news-block .excerpt {
  color: #8391A0;
  height: 9rem;
  overflow: hidden;
  padding: 1.25rem 0; }

section.post-list {
  background: #fff; }
  section.post-list ul.post-list {
    margin: 0;
    padding: 0; }
    section.post-list ul.post-list li {
      list-style-type: none;
      margin-bottom: 4em; }

.post-single {
  background: #f8f8f8;
  z-index: 10; }

@-webkit-keyframes figurezoom {
  from {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
  to {
    left: -10%;
    right: -10%;
    top: -10%;
    bottom: -10%; } }
@-keyframes figurezoom {
  from {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }

  to {
    left: -10%;
    right: -10%;
    top: -10%;
    bottom: -10%; } }
figure {
  position: relative; }
  figure.format-auto {
    background-color: #fff; }
    figure.format-auto img {
      max-width: 100%;
      height: auto; }
  figure.format-3-2 {
    height: 0;
    width: 100%;
    padding-top: 66.666%;
    background-color: #fff; }
    figure.format-3-2 img {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      max-width: 100%;
      height: auto;
      margin: auto; }
  figure:after {
    content: '';
    display: block;
    position: absolute;
    left: 0.625rem;
    top: 0.625rem;
    right: 0.625rem;
    bottom: 0.625rem;
    border: 1px solid #C1C1C1;
    z-index: 1; }
  figure.no-border:after {
    display: none; }
  figure.zoom:hover img {
    -webkit-animation: figurezoomin 0.2s 1 ease;
    animation: figurezoomin 0.2s 1 ease; }
  figure .overlay {
    background: rgba(63, 181, 228, 0.8);
    padding: 0.625rem;
    position: absolute;
    left: 0;
    bottom: 1.875rem;
    display: block;
    color: #fff;
    z-index: 2; }

.btn {
  font-family: 'JosefinSans-Light';
  border-radius: 0;
  border-width: 0;
  font-size: 1.2rem; }
  .btn.btn-primary {
    background-color: #3FB5E4;
    color: #fff; }

section.kreatives-block {
  padding-top: 0;
  padding-bottom: 60px; }
  section.kreatives-block .inner {
    background-color: #efefef;
    padding-top: 3.6rem; }

.kreatives-elemente {
  -webkit-column-count: 4;
  /* Chrome, Safari, Opera */
  -moz-column-count: 4;
  /* Firefox */
  column-count: 4;
  -webkit-column-gap: 0.625rem;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
  padding: 0 15px; }

@media (max-width: 991px) {
  .kreatives-elemente {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3; } }
@media (max-width: 767px) {
  .kreatives-elemente {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2; } }
.kreatives-element {
  display: inline-block;
  width: 100%;
  background: #f8f8f8;
  margin-bottom: 10px;
  padding: 0.625rem 0.625rem 0 0.625rem; }
  .kreatives-element:hover {
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); }
  .kreatives-element figure {
    margin-bottom: 1em;
    padding-top: 0;
    height: auto; }
    .kreatives-element figure:after {
      display: none; }
  .kreatives-element .caption, .grid-item .caption {
    display: block;
    font-family: 'JosefinSans-Light';
    font-size: 20px; }
  .kreatives-element a, .grid-item a{
    color: #272c33;
    text-decoration: none; }
  .kreatives-element .icon-comment:before {
    content: '\E80F';
    vertical-align: top; }
  .kreatives-element .post-views.entry-meta > span.post-views-icon.dashicons {
    font-size: 25px;
    color: #bbb; }
  .kreatives-element .dashicons, .kreatives-element .dashicons-before::before {
    height: 29px;
    width: 35px;
    text-align: center; }
  .kreatives-element .comment-text {
    padding-left: 6px; }

#comments h3 {
  color: #282c33;
  font-size: 3.125rem;
  font-family: "JosefinSans-Light"; }
@media (max-width: 768px) {
  #comments h3 {
    font-size: 2.667rem; } }

ol.commentlist {
  padding: 0; }
  ol.commentlist cite {
    font-weight: bold; }
  ol.commentlist .edit-link {
    float: right;
    font-weight: normal; }
  ol.commentlist li {
    list-style-type: none; }
  ol.commentlist ol {
    margin-left: 10px; }
  @media (max-width: 768px) {
    ol.commentlist .children {
      padding-left: 10px; } }
  @media (max-width: 480px) {
    ol.commentlist .children {
      padding-left: 0px; }
    ol.commentlist ol {
      margin-left: 0px; } }

.comment-respond {
  padding-bottom: 60px; }

.sidebar-style {
  padding-top: 16px;
  padding-bottom: 60px; }
  .sidebar-style h6.widget-title {
    font-size: 2.2em;
    color: #282C33;
    font-family: 'JosefinSans-Light';
    font-weight: 400; }
  .sidebar-style .widget_categories ul, .sidebar-style .widget_lc_taxonomy ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 22px; }
    .sidebar-style .widget_categories ul li, .sidebar-style .widget_lc_taxonomy ul li {
      display: block;
      padding: 8px 0; }
    .sidebar-style .widget_categories ul li:before, .sidebar-style .widget_lc_taxonomy ul li:before {
      content: "\e092";
      font-family: 'Glyphicons Halflings';
      font-size: 15px;
      float: left;
      margin-left: -22px;
      color: #3FB5E4; }
    .sidebar-style .widget_categories ul li a, .sidebar-style .widget_lc_taxonomy ul li a {
      font-size: 1.667em;
      color: #282C33;
      font-family: 'JosefinSans-Light'; }
    .sidebar-style .widget_categories ul li a:hover, .sidebar-style .widget_lc_taxonomy ul li a:hover {
      color: #3FB5E4; }
  @media (max-width: 768px) {
    .sidebar-style {
      background: #eee;
      padding-top: 30px;
      padding-bottom: 30px; } }

.sidebar-top {
  padding-top: 0; }
  @media (max-width: 768px) {
    .sidebar-top {
      padding-top: 30px; } }

/*# sourceMappingURL=style.css.map */



/* ---- grid ---- */

.grid {
  background: #EEE;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */




@media (max-width: 991px) {
  .grid-sizer,
  .grid-item {
    width: 32.4% !important;
  }
}

@media (max-width: 768px) {
  .grid-sizer,
  .grid-item {
    width: 49% !important;
  }
}

@media (max-width: 480px) {
  .grid-sizer,
  .grid-item {
    width: 100% !important;
  }
}

.grid-sizer,
.grid-item {
  width: 24%;
}

.grid-item img{
  width: 100%;
}

.grid-item:hover {
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); }

.grid-item {
  display: inline-block;
  height: auto;
  float: left;
  background: #f8f8f8;
  padding: 10px 10px 10px 10px;
  margin-bottom: 10px;
}

.grid-item .caption {
  padding: 10px 0px;
}