.blog {
      background:#fbfbfb;
  }

  .blog-wrap {
      display:flex;
      flex-wrap:wrap;
     justify-content: center;

  }


  .blog-list {

        flex-basis:100%;
        width:100%;
  }

@media(min-width:960px) {

  .blog-list {

        flex-basis:70%;
        width:70%;
  }

  .blog-list.single {

        flex-basis:800px;
        width:800px;
  }

}

  .blog-sidebar {
    padding-left:30px;

  }
  .blog-list-inhalt {

      display:flex;
      flex-wrap:wrap;

  }


  .blog-post {
    flex-basis: 100%;
    width:100%;
    padding:10px;
    position:relative;
  }

@media(min-width:640px) {

  .blog-post {
    flex-basis: 50%;
    width:50%;
    padding:20px;
    position:relative;
  }
}

@media(min-width:960px) {

  .blog-post {
    flex-basis: 33.3333%;
    width:33.3333%;
    padding:20px;
    position:relative;
  }

}

  .blog-post-inhalt {


    border-top:4px solid #ee7202;

    background:#fff;
    box-shadow: 0px 20px 60px -30px rgba(0, 0, 0, 0.45);
    min-height:100%;

  }

  .blog-post h2 a {
      text-decoration:none;
      color:#222;
  }

  .blog-post h2 a:hover {
      color: #ee7202;
  }



  .blog-post h2 {
      font-size:16px;
      margin-bottom:15px;
  }

  .blog-post p {
      font-size:16px;
  }

  .blog-post-image {
      position:relative;
  }

  .blog-cats {
      position:absolute;
      z-index:4;
      top:5px; right:10px;
  }



  .blog-post-image img{
      width:100%;
      height:auto;
      display:block;
      transition:all 0.3s;
  }

  .blog-post-image-link {
      position:absolute;
      z-index:3;
      width:100%;
      height:100%;
      display:flex;
      justify-content:center;
      align-items:center;
      text-decoration:none;
      color:#fff;
      font-size:26px;
      font-weight:bold;
      opacity:0;

  }



  .blog-post-image:hover  .blog-post-image-link {
      opacity:1;
  }

  .blog-post-image-link:after {
        display:block;
        width:13px;
        height:13px;
        border-top:2px solid #fff;
        border-right:2px solid #fff;
        transform:rotate(45deg);
        content:"";
        margin-left:8px;
  }

  .blog-post-image {
      position:relative;
      overflow:hidden;
  }

  .blog-post-image:hover img {
      transform:scale(1.2);
  }

  .blog-post-image:before {
      content:"";
      display:block;
      width:100%;
      height:100%;
      background:#ee7202;
      position:absolute;
      z-index:2;
      opacity:0;
      cursor:pointer;
      transition:all 0.3s;
  }

  .blog-post-image:hover:before {
      opacity:0.85;
  }




  .blog-post-details {
      padding:20px;
  }


  .blog-date {
      font-size:14px;
      margin-bottom:15px;
  }


  .pagination {
        padding:10px;
  }

  .nav-links {
      display:flex;

  }

  .page-numbers:first-child {
      margin-left:0;
  }

  .page-numbers:last-child {
      margin-right:0;
  }

  .page-numbers {
        text-decoration:none;
        color:#fff;
        justify-content: center;
        align-items:center;
        display:flex;
        margin:5px;

        width:50px;
        height:50px;
      /*  background:#ee7202; */
      background:#4c4c4c;

  }

  .page-numbers.current {

       background:#ee7202;

  }

  .page-numbers:hover {
        background:#ee7202;
  }

  .prev.page-numbers {
      text-indent:-9999px;
      position:relative;
  }

  .prev.page-numbers:before {
        content:"";
        display:block;
        position:absolute;
        width:20px;
        height:20px;
        border-top:2px solid #fff;
        border-right:2px solid #fff;
        transform:rotate(-135deg);
        transform-origin: center;
        margin-left:10px;


  }

  .next.page-numbers:before {
        content:"";
        display:block;
        position:absolute;
        width:20px;
        height:20px;
        border-top:2px solid #fff;
        border-right:2px solid #fff;
        transform:rotate(45deg);
        transform-origin: center;
        margin-left:-10px;


  }



  .blog-sidebar {
    padding-top:20px;
    width:300px;
  }



   .blog-widget-area {
      max-width:300px;
   }

  .blog-widget-area h2{
      font-size:20px;
      border-bottom:1px solid #000;
  }

    .blog-widget-area ul {
        list-style:none;
        padding:0;
    }

    .blog-widget-area ul li a {
        text-decoration:none;
        font-size:14px;
        color:#222;
    }

    .tagcloud {
        margin-bottom:15px;
        padding: 20px 0;
    }

    .tag-cloud-link, .cat-name, .blog-link a {
        padding:5px 10px;
       background:#ee7202;
  /*  background:#4c4c4c;*/
        color:#fff;
        margin-top:10px;
        font-size:14px !important;
        text-decoration:none;
        display:inline-block;
        text-transform:uppercase;
    }

    .tag-cloud-link:hover {
background:#ee7202;

    }

    .cat-name {
        font-size:12px;
        margin-right:5px;
    }

    .blog-link {
        color:#fff;
    }
    .blog-link a {
        text-decoration:none;
        color:#fff;
    }

    .blog-widget-area ul li a {

    }

    .cat-item,.blog-widget-area ul li  {
      padding:5px 10px;
      background:#f1f1f1;
      color:#fff;
      margin-top:0px;
      font-size:14px !important;
      text-decoration:none;
        display:block;
        border-bottom:1px solid #fff;

    }

    .cat-item,.blog-widget-area ul li:hover, .cat-item.current-cat {
          background:#ee7202;

    }

    .cat-item,.blog-widget-area ul li:hover a, .cat-item.current-cat a {
        color:#fff;
    }

    .cat-item a { color:#fff; }



    /* SingleSeite */
    .blog-post-single {
        max-width:800px;
        margin:0 auto;
        margin-top:40px;
    }

    .blog-post-single img {
        display:block;
        width:100%;
        height:auto;
        margin-bottom:15px;

    }

    .blog-post-single h1{
        font-size:42px;
        margin-bottom:15px;
    }

    .blog-post-single a {
        text-decoration:none;
        color:#ee7202;
    }

    .post-date {
      color:#222;
      display:block;
      font-size:12px;

    }

    .blog-post-single h2 {
      font-size:1.95em;
      margin-bottom:15px;
    }

    .blog-post-single h3 {
      font-size:1.65em;
      margin-bottom:25px;
    }

    .blog-post-single h2+h3{
        margin-top:-10px;
    }

    .blog-post-single p {
        font-size:16px;
        line-height:1.8em;
    }

    hr.wp-block-separator {
        margin-bottom:25px;
        margin-top:25px
    }