@supports (display: grid) {
    .site-grid {
        grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l side-l side-l side-l ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
   }
   @media (min-width: 992px) {
    .site-grid {
      grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
    }
  }
}

body {
  hyphens: auto;
}
.S-A-L{
  font-weight: bold;
  color: black;
  
}
.zitat{
	background: #BBB;
}
.zitat .quelle{
	text-align: right;
}
p .poetry. com-content-article__body{
    background: #BBB;
    text-align: center;
}

.image-block.item-image{
   margin: 0 auto;
   display: block;
/*   height: 200px; 
   width: auto; */
  text-align: center; 
}
figcaption.caption {
  text-align: center;
  justify-content: center;
  align-items: center;
  float: none;
  /*  
  text-align-last: center;
  display: block;
   */
}

.entry #headline{
  text-align:center;
  font-size: 36px; 
  background:#963;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/media/templates/site/cassiopeia_jims/images/banner.jpg");
}
.searching #headline{
  text-align:center;
  font-size: 36px; 
  justify-content: center;
  align-items: center;
  position: relative;
  background:#963;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/media/templates/site/cassiopeia_jims/images/searching.jpg");
}
.writing #headline{
  text-align:center;
  font-size: 36px; 
  justify-content: center;
  align-items: center;
  position: relative;
  background:#963;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/media/templates/site/cassiopeia_jims/images/writing.jpg");
}
.teaching #headline{
  text-align:center;
  font-size: 36px; 
  justify-content: center;
  align-items: center;
  position: relative;
  background:#963;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/media/templates/site/cassiopeia_jims/images/teaching.jpg");
}
.living #headline{
  text-align:center;
  font-size: 36px; 
  justify-content: center;
  align-items: center;
  position: relative;
  background:#963;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/media/templates/site/cassiopeia_jims/images/living.jpg");
}
@media (min-width: 992px) {
.testing #headline::before {
  content: url('/media/templates/site/cassiopeia_jims/images/S-A-L-Mann100.png'); 
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  }

  .testing #headline::after {
    content: url("/media/templates/site/cassiopeia_jims/images/S-A-L-Mann100.png") ; 
  }
}