.title_section .title_placeholder {
  background-color: #003888;
}
.title_section h1 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  text-align: center;
  color: #fff;
}

/*.blog_menu_section
 *  padding-top: pxToRem(10)
 *  padding-bottom: pxToRem(10)
 *  background-color: #ccc
 *
 *  // Blog-Suche
 *  /*.blog_search
 *      form
 *          float: left
 *          input.form-control
 *              padding: 0 pxToRem(15)
 *              width: pxToRem(180)
 *              height: pxToRem(46)
 *              color: $light_black
 *              border-radius: 0
 *          input.form-control::placeholder 
 *              color: $dark_grey
 *      .search_term
 *          position: relative
 *          float: left
 *          margin-top: auto
 *          margin-bottom: auto
 *          margin-right: pxToRem(10)
 *          background-color: $jaeckli_blue
 *          cursor: pointer
 *          p
 *              margin-bottom: 0
 *              margin-right: pxToRem(12)
 *              padding-top: pxToRem(4)
 *              padding-bottom: pxToRem(3)
 *              padding-left: pxToRem(10)
 *              padding-right: pxToRem(10)
 *              color: $white
 *          i
 *              position: absolute
 *              right: pxToRem(5)
 *              top: pxToRem(3)
 *              font-size: $font_text_small_size
 *              color: $white
 *  // Tags
 *  /*.tags
 *      margin-top: pxToRem(8)
 *      width: 100%
 *      height: 100%
 *      .tag
 *          float: left
 *          padding-top: pxToRem(4)
 *          padding-bottom: pxToRem(3)
 *          padding-left: pxToRem(10)
 *          padding-right: pxToRem(10)
 *          margin-right: pxToRem(10)
 *          background-color: $light_grey
 *          color: $dark_grey
 *          cursor: pointer
 *      .tag.active
 *          background-color: $jaeckli_blue
 *          color: $white */
.blog_section {
  background-color: #eee;
}
.blog_section .col-md-4 {
  margin-bottom: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog_section .col-md-4 .blog_entry {
  height: 100%;
  width: 100%;
  background-color: #fff;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out;
}
.blog_section .col-md-4 .blog_entry a {
  display: block;
  text-decoration: none;
}
.blog_section .col-md-4 .blog_entry a .blog_image {
  height: 15rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  overflow: hidden;
}
.blog_section .col-md-4 .blog_entry a .blog_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog_section .col-md-4 .blog_entry a .blog_text {
  padding: 1.25rem;
  padding-bottom: 0.9375rem;
}
.blog_section .col-md-4 .blog_entry a .blog_text h2 {
  margin-bottom: 0.75rem;
  font-size: 1.1875rem;
}
.blog_section .col-md-4 .blog_entry a .blog_text p {
  margin-bottom: 0;
}
.blog_section .col-md-4 .blog_entry.no_image {
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
}
.blog_section .col-md-4 .blog_entry.dark {
  color: #fff;
  background-color: #222d;
}
.blog_section .col-md-4 .blog_entry.dark a .blog_text {
  text-align: center;
}
.blog_section .col-md-4 .blog_entry.dark a .blog_text h2 {
  color: #fff;
}
.blog_section .col-md-4 .blog_entry.dark a .blog_text p {
  color: #fff;
}
.blog_section .col-md-4 .blog_entry:hover {
  transform: scale(1.05);
}

.blog_hidden {
    display: none !important;
}

.jag-button {
    background-color: #003888;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

/*# sourceMappingURL=blog-overview.css.map */