Content Teil vor dem more tag. Content Teil nach dem
this is a test post to see if the body class is set if post is edited by classic editor and not the advanced layout editor und hier geht es weiter mit Inhalt
Das ist der Einleitungssatz zu einem normalen Post. Also kein ALB Post. Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click here to add your own text Click […]
Nice mobile phone from huawei
This should demonstrate the use of even characters that start a code tag. This should demonstrate the use of even characters that start a code tag. This should demonstrate the use of even characters that start a code tag.

Asign to the Blog Posts Element the custom-class:  my-blog-template

@media only screen and (min-width:990px) {
  #top .my-blog-template .post-entry {
    display: flex;
    gap: 30px;
    flex-flow: row nowrap;
    justify-content: flex-start;
    margin-bottom: 50px
  }

  #top .my-blog-template .post-entry > * {
    margin: unset !important;
  }

  #top .my-blog-template .post-entry .entry-content-wrapper {
    align-self: center;
    background-color: rgba(255,255,255,0.8);
    backdrop-filter: blur(4px);
    box-shadow: 3px 3px 10px #aaa;
    position: relative;
    margin-left: -150px !important;
    width: calc(60% + 150px); /*** synchronise with margin-left ***/
    z-index: 50;
    max-width: unset !important;
    padding: 10px 20px;
    border: 2px solid #FFF;
    border-radius: 10px;
    overflow: hidden !important;
  }

  #top .my-blog-template .post-entry .entry-content-wrapper .entry-title {
    margin: 0;
  }

  #top .my-blog-template  .post-entry .blog-meta {
    width: 40% !important;
    display: inline-block !important;
    z-index: 10 !important;
  }

  #top .my-blog-template  .post-entry .small-preview {
    width: 100%;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
  }
}

@media only screen and (max-width:989px) {
	#top .template-blog.my-blog-template .blog-meta {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center; /*** or flex-start ***/
		width: 100%;
	}
	#top .template-blog.my-blog-template .blog-meta .small-preview  {
		width: 100%;
		max-width: 500px;  /*** set to your needs - remove if you like full-width ***/
		height: auto !important;
		text-align: left;
		position: relative;
		left: 0 !important;
		float: none
	}
}