/* Rahmen um Bilder */
img.rahmen{
    border: 1px solid #ddd;
}

/* Table of Contents */
div.lwptoc_i{
        width: 100%;
}

/* NextGEN Gallery */
.ngg-gallery-thumbnail{
	padding-bottom: 5px;
}


/* Lazyblocks Listing */

p.code{
 font-style: italic;
 text-decoration: none;
 color: #666;
}

pre.code {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #CA9B52;
    color: #666;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
}

p.text-bild {
padding: 0px;
margin: 0px;
vertical-align: top;
}

div.wp-block-media-text__content{
padding: 0px;
margin: 0px;
vertical-align: top;
}

div.wp-block-media-text alignwide is-stacked-on-mobile{
padding: 0px;
margin: 0px;
vertical-align: top;
}

/* DisplayPosts Plugin Grid style */

.attachment-ashe-grid-thumbnail.size-ashe-grid-thumbnail.wp-post-image{
    height: 172px !important;
    width: 100% !important;
    object-fit: cover;
    object-position: top center;
}

.display-posts-listing.grid img{
    height: 172px !important;
    width: 100% !important;
    object-fit: cover;
    object-position: top center;
}

.display-posts-listing.grid {
	display: grid;
	grid-gap: 10px;
       align-items: top;
}

.display-posts-listing.grid .title {
	display: block;
}

.display-posts-listing.grid img { 
	display: block; 
	max-width: 100%; 
	height: auto; 
}

@media (min-width: 600px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media (min-width: 1024px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 3, 1fr );
	}
}

/* Discography Plugin */
img.discography{
width: 75%;
max-width: 300px;
padding: 50px 0px 30px 0px;
border-spacing: 0px;
display: block;
margin-left: auto;
margin-right: auto;
}

@media only screen and (min-width:480px) {
div.discography {
width: 50%;
vertical-align: top;
padding: 0px;
border-spacing: 0px;
float: left;
}
}

@media only screen and (min-width:768) {
div.discography {
width: 50%;
vertical-align: top;
padding: 0px;
border-spacing: 0px;
float: none;
}

}