/* ------------------------------------------------------------- 08/02/2023 - *
   .b-post-content
 * -------------------------------------------------------------------------- */
.b-post-content {
//border: 1px dashed Red;

  .b-imagegrid { margin: 2em 0; } 
} /* .b-post-content */


/* -------------------------------------------------------------------------- *
   .b-post-headline
 * -------------------------------------------------------------------------- */
.b-post-headline {
//border: 1px dashed;  
  max-width: 54ch;
  margin-bottom: 1em;
  line-height: inherit;
  
  a { 
    color: inherit;

    &:hover {
      text-decoration: none;
      color: var(--link-hex, 0,100,255); 
    } /* hover */
  } /* a */

  span:not(:first-child):before { content: ' · '; }
} /* .b-post-headline */


/* -------------------------------------------------------------------------- *
   .b-post-teaserbild
 * -------------------------------------------------------------------------- */
.b-post-teaserbild {
  display: inline-block;
  margin-bottom: 2em;  
  @extend .-shd-curved !optional;  

            picture { transition: 1s; }  
    &:hover picture { transform: scale(1.02); }
} /* .b-post-teaserbild */


/* -------------------------------------------------------------------------- *
   .b-post-pagination
 * -------------------------------------------------------------------------- */
.b-post-pagination {
  display: grid; 
  grid-auto-flow: column;
  grid-gap: 1px;
  justify-content: start; /* Container ausrichten "horizontal" auto | normal | start | end | center | stretch | left | right | space-between | space-around | space-evenly */
  //> * { border: 1px dotted }

  span {
    u { 
      font-weight: bold;
      text-decoration:  none;
      margin-left: 1em;
      padding: 4px 1em;
      background-color: rgba(var(--text-rgb, 0,0,0),.05);
      clip-path: polygon(12% 0%, 100% 0%, 86% 100%, 0% 100%);

      &:before,
      &:after  { 
        font-family: 'Font Awesome 6 Free'; 
        font-weight: 900;
      }
    } /* u */

    &.cur:before   { content: 'Seite '; }
    &.lst u:before { content: '\f104'; /* fa-angle-left */  margin-right: .5em; }
    &.nxt u:after  { content: '\f105'; /* fa-angle-right */ margin-left:  .5em; }
    a.disable u { display: none; }
  } /* span */
} /* .b-post-pagination */


/* ------------------------------------------------------------- 03/09/2020 - *
   .b-post-pagination-grid 
 * -------------------------------------------------------------------------- */
.b-post-pagination-grid {
  display: grid; 
  grid-auto-flow: column;
  align-items: center;
  padding: .5em 0;
  border-top: 1px solid rgba(var(--text-rgb, 0,0,0),.05);
//> * { border: 1px dotted }
  > :last-child { justify-self: end; }
} /* b-grid */