/**
 *    weblogPost
 */

.blog-full-post .pageTitle {
    display: none;
}

.weblogPost {
    margin-bottom: var(--articleMarginBottomSmall);
    display: flex;
    flex-direction: column;
}

.weblogPost__introduction {
    margin-bottom: 2rem;
    font-weight: 500;
}

.weblogPost__main {
    order: 1;
    width: 100%;
}

.weblogPost__title {
    margin-bottom: .3rem;
    color: var(--primaryColor500);
}

.weblogPost__text {
    display: inline-block;
}

.weblogPost__text + .wl-tagcloud {
    margin-top: 1.5rem;
}

.weblogPost__metaData {
    margin-bottom: 2rem;
    font-size: var(--labelSize);
}

.weblogPost__sidebar {
    order: 2;
    margin-top: 2rem;
}

.weblogPost__image {
    margin-bottom: 1rem;
    border-radius: var(--borderRadiusLarge);
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.055), 0 0 30px 0 rgba(0, 0, 0, 0.03);
}

/*
    .wl-tagcloud
    Weblog snippet: Tagcloud
*/

.wl-tagcloud ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    display: inline-flex;
    flex-wrap: wrap;
}

/* new code for different layout */
.wl-tagcloud__tag {
    transition: all var(--transitionTime) ease-in-out;
    font-size: var(--labelSize) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--specialFont);
    font-weight: 400;
    color: var(--primaryColor500);
    padding: .5rem 1rem;
    line-height: 1;
    background-color: transparent;
    border-radius: 16px;
    border: 1px solid rgba(var(--primaryRGBColor900), .23);
    min-height: 31px;
    margin-right: calc(var(--innerPaddingXSmall) / 2);
    margin-bottom: calc(var(--rowGutter) / 2);
    float: left;
    text-decoration: none;
}

.wl-tagcloud__tag a:before {
    content: '\e856';
    display: inline-block;
    width: 1em;
    margin-right: 0.5em;
    color: rgba(var(--primaryRGBColor900), .7);
    font-family: var(--iconFont);
    font-style: normal;
    font-weight: normal;
    font-size: .85em;
    speak: never;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wl-tagcloud__tagDescription {
    margin-right: .5rem;
    margin-bottom: 0.5rem;
    display: inline-block;
}


.wl-tagcloud__tag:hover {
    color: var(--primaryColor600);
    border-color: rgba(var(--primaryRGBColor900), .33);
}

.wl-tagcloud__tag[href]:hover,
.wl-tagcloud__tag:hover a,
.wl-tagcloud__tag:hover a:before {
    color: var(--primaryColor900);
}

.wl-tagcloud__tag > a {
    text-decoration: none;
}

.wl-tagcloud__tag:last-child {
    margin-right: 0;
}

/*****/

@media (min-width: 768px) {
    .weblogPost__sidebar {
        float: right;
        max-width: calc(426px + 4rem);
        width: 100%;
        text-align: center;
    }

    .weblogPost__sidebarInner {
        padding: 1.5rem 0 0 0;
    }
}

@media (min-width: 1024px) {
    .weblogPost {
        flex-direction: row;
    }

    .weblogPost__sidebar {
        margin-top: 0;
    }

    .weblogPost__sidebarInner {
        padding: 1.5rem 0 0 4rem;
    }
}

/**
 *    socialMedia
 */

.weblogPost .socialMedia {
    justify-content: flex-start;
}

.weblogPost .socialMedia_list {
    margin: 0;
    padding: 0;
}

.weblogPost .socialMedia__title {
    font-size: var(--h5Size);
}

.twitterShareLink {
    display: block;
    margin: 1rem 0;
    text-align: center;
}

.twitterShareLink::after {
    display: inline-block;
    margin-left: .2rem;
    content: '\e822';
    font-family: var(--iconFont);
}

@media (min-width: 500px) {
    .twitterShareLink {
        display: inline-block;
        text-align: left;
    }
}

/**
 *    weblogPostNavigation
 */

.weblogPostNavigation {
    overflow: hidden;
    margin: 4rem 0;
}

.weblogPostNavigation__link,
.weblogPostNavigation__link:hover {
    display: block;
    width: 40%;
    text-decoration: none;
}

.weblogPostNavigation__link--previous {
    float: left;
}

.weblogPostNavigation__link--next {
    float: right;
    text-align: right;
}

.weblogPostNavigation__linkText,
.weblogPostNavigation__postTitle {
    display: block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

.weblogPostNavigation__linkText {
    font-size: .8rem;
    color: var(--baseDark100);
}

/**
 * weblog attachments
 */

.weblogPost__attachments {
    margin-top: 2rem;
}

.weblogPost__attachmentTitle {
    margin-top: 0;
}

.weblogPost__attachmentList {
    padding: 0;
    list-style: none;
}

.weblogPost__attachmentItem {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: .5rem;
}

.weblogPost__attachmentLink,
.weblogPost__attachmentLink:hover {
    text-decoration: none;
}

.weblogPost__attachmentLink {
    display: block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

.weblogPost__attachmentLink::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: .9rem;
    height: .9rem;
    content: url('../icons/attachment.svg');
}

/**
 * weblogIsBasedOnExternalSource
 */

.weblogExternalSource {
    margin-bottom: 1rem;
    font-size: var(--labelSize);
    color: var(--baseDark100);
}

.weblogExternalSource__sourceUrl {
    text-decoration: none;
    color: var(--baseDark100);
}

.weblogExternalSource__sourceUrl:hover {
    text-decoration: underline;
    color: var(--baseDark100);
}

/**
 *    relatedWeblogPosts
 */

.relatedWeblogPosts__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: var(--columnGutter);
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
}

.relatedWeblogPosts__post {
    position: relative;
    background: var(--baseLight100);
    box-shadow: 0 0 1rem rgba(var(--baseDark100), .1);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
}

.relatedWeblogPosts__post:hover {
    -webkit-transform: scale(1.014);
    transform: scale(1.014);
}

.relatedWeblogPosts__image {
    display: block;
    width: 100%;
}

.relatedWeblogPosts__text {
    padding: 1rem;
}

.relatedWeblogPosts__title {
    margin: 1rem 0 .3rem 0;
}

.relatedWeblogPosts__introduction p {
    display: block;
}

.relatedWeblogPosts__readMore {
    margin: 0 0 1rem 1rem;
}

@media (min-width: 760px) {
    .relatedWeblogPosts__post {
        padding-bottom: 4rem;
    }

    .relatedWeblogPosts__readMore {
        position: absolute;
        bottom: 0;
    }
}

.relatedWeblogPosts__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.relatedWeblogPosts__showMoreLink {
    margin: 2rem;
}


/*
* Related postlist
 */
.wl-related-posts ol {
    list-style: none;
    padding-left: 0;
}

.wl-related-posts .time {
    display: inline-block;
    margin-right: .75rem;
}

.wlp-reaction-amount {
    display: inline-block;
    margin-left: .5rem;
    color: var(--baseDark200);
    font-size: .95rem;
}