.header-post-holder .container {
  padding: 0; }
  @media (min-width: 1100px) {
    .header-post-holder .container {
      padding: 0 4%; } }
  @media (min-width: 1500px) {
    .header-post-holder .container {
      padding: 0 3.75rem; } }

.header-post-holder .featured-image-holder {
  overflow: hidden;
  position: relative; }
 
  .header-post-holder .featured-image-holder .featured-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 1rem 1rem;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    @media (min-width: 700px) {
      .header-post-holder .featured-image-holder .featured-content {
        padding: 0 1.75rem 1.125rem; } }
    @media (min-width: 1100px) {
      .header-post-holder .featured-image-holder .featured-content {
        max-width: 80%;
        padding: 0 2.75rem 1.875rem; } }
    @media (min-width: 1500px) {
      .header-post-holder .featured-image-holder .featured-content {
        padding: 0 3.9375rem 2.3125rem;
        max-width: 70%; } }
  .header-post-holder .featured-image-holder a:hover .featured-content {
    opacity: 0.7; }


.header-post-holder .featured-image:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -webkit-linear-gradient(top, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
  background: linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
  opacity: 0.5; }

.header-post-holder .featured-image img {
  width: auto;
  max-width: none;
  min-height: 20rem; }
  @media (min-width: 700px) {
    .header-post-holder .featured-iamge img,
    .header-post-holder .featured-image img {
      max-width: 100%;
      height: auto;
      min-height: 0; } }

.header-post-holder h1 {
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin: 0 0 0.4375rem;
  color: #fff; }
  @media (min-width: 700px) {
    .header-post-holder h1 {
      font-size: 2.5rem;
      line-height: 3.25rem;
      margin: 0 0 0.4375rem; } }
  @media (min-width: 1100px) {
    .header-post-holder h1 {
      font-size: 2.5rem;
      line-height: 3.25rem;
      margin: 0 0 0.625rem; } }
  @media (min-width: 1500px) {
    .header-post-holder h1 {
      font-size: 2.875rem;
      line-height: 3.625rem;
      margin: 0 0 1.0625rem; } }

.header-post-holder .reading-time {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 1100px) {
    .header-post-holder .reading-time {
      font-size: 0.9375rem;
      line-height: 1.4375rem; } }
  @media (min-width: 1500px) {
    .header-post-holder .reading-time {
      font-size: 1rem;
      line-height: 1.5rem; } }
  .header-post-holder .reading-time .bsf-rt-reading-time {
    background: url("../../../assets/img/lesezeit_neg.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 0.875rem;
    height: 0.875rem;
    margin: 0 0.3125rem 0 0; }
    @media (min-width: 1100px) {
      .header-post-holder .reading-time .bsf-rt-reading-time {
        width: 1rem;
        height: 1rem;
        margin: 0 0.5rem 0 0; } }
    @media (min-width: 1500px) {
      .header-post-holder .reading-time .bsf-rt-reading-time {
        width: 1.0625rem;
        height: 1.0625rem; } }