/* Blog Detail Page */

:root {

    --blog-font-size: 16px;
}

.single-post #main .main_color {
    background: #f2f2f2;
}

.single-post #main .main_color .entry-content-wrapper.standard-content > * {
    background: #fff;
    padding: 30px 60px;
}

.single-post #main .main_color .entry-content-wrapper.standard-content header.entry-content-header {
    padding-top: 60px;
}

.special-content-box .special-content-text,
.cta-box .cta-content
{
    padding-top: 30px;
}
.cta-box .cta-content {
	padding-bottom: 30px;
}

#top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 40svw;
}

#top .fullsize .template-blog .post .entry-content-wrapper {
	text-align: left;
}

.single-post #main .main_color .entry-content-wrapper.standard-content .entry-content,
.single-post #main .main_color .entry-content-wrapper.standard-content .special-content-box,
.single-post #main .main_color .entry-content-wrapper.standard-content .post-meta-infos,
.single-post #main .main_color .entry-content-wrapper.standard-content .cta-box
{
    margin-bottom: 30px;
}

.html_elegant-blog #top .post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .slide-meta,
.av-social-sharing-box,
.av-share-box {
	float: none;
}

.post-meta-infos {
	top: 0;
}

.wp-caption-text, #top .wp-caption .wp-caption-dd {
    font-family: inherit;
    line-height: normal;
}

.single-post #main .main_color .entry-content-wrapper.standard-content .entry-content table {
    margin: 20px 0 40px;
    width: 100%;
    border-collapse: collapse;
}
.single-post #main .main_color .entry-content-wrapper.standard-content .entry-content th, .single-post #main .main_color .entry-content-wrapper.standard-content .entry-content td {
    line-height: normal;
    border: 1px solid #ededed;
}
.single-post #main .main_color .entry-content-wrapper.standard-content .entry-content th strong {
    font-weight: 700;
}


#top .fullsize .template-blog .post-title {
	max-width: 100%;
}

#top .fullsize .template-blog .post .entry-content-wrapper {
	max-width: 50%;
}


.main_color .av-share-box ul,
.main_color .entry-content-wrapper div li {
	border-color: #ebebeb;
}


.cta-box h3 {
    font-weight: 600;
}
.main_color a.cta-btn {
    background: var(--enfold-main-color-primary);
    color: #fff;
    padding: 12px 30px;
    line-height: normal;
    display: inline-block;
    font-size: 15px;
    transition: all .3s ease-in-out;
    border: 1px solid var(--enfold-main-color-primary);
}
.main_color a.cta-btn:hover {
    background: #fff;
    color: var(--enfold-main-color-primary);
}


.custom-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background: var(--enfold-main-color-bg2);
}
.html_modern-blog #top .post-entry .blog-categories {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.custom-meta *,
.html_modern-blog #top .post-entry .blog-categories *
{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.html_modern-blog #top .post-entry .blog-categories .material-symbols-sharp,
.custom-meta .material-symbols-sharp {
    font-variation-settings: 'wght' 300;
}

.html_elegant-blog .entry-content-wrapper .big-preview.single-big {
    margin-top: 0;
    margin-bottom: 20px;
}

.html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title {
    letter-spacing: 0px;
}
.html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title {
    text-transform: none;
    padding-bottom: 0;
}

h2 + h3 {
    margin-top: 0.6em;
}

.single-post .entry-content,
.custom-meta,
.cta-content p,
.cta-content a {
    font-size: var(--blog-font-size);
    line-height: 1.7em;
}

#top .main_color thead tr {
    background: var(--enfold-main-color-button-border2);
    color: #fff;
}
#top .main_color thead tr th, #top .main_color thead tr th strong {
    color: #fff;
}


.html_modern-blog #top .post-entry .blog-categories {
    top: 0;
}
.html_modern-blog #top .post-entry .blog-categories + .custom-meta {
    margin-top: 20px;
}


/* IVZ */

/* Stil für den Akkordeon-Button */
.accordion-header button {
    background-color: var(--enfold-alternate-color-color);
    color: #fff;
    padding: 10px 15px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

/* Stil für den Akkordeon-Inhalt */
.accordion-content {
    background-color: #f7f7f7;
    padding: 10px 15px;
}

/* Optional: Stil für die TOC-Liste */
.accordion-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.accordion-content li {
    margin-bottom: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.main_color .accordion-content a {
    color: var(--enfold-alternate-color-color);
    text-decoration: none;
}

.accordion-content a:hover {
    text-decoration: underline;
}

div#toc-accordion {
    margin-bottom: 30px;
}

/* FAQ */

.single-post section.av_toggle_section {
    border-bottom: 1px solid #eeeeee;
}


/*
++++ Responsive Breakpoints ++++
*/

@media only screen and (max-width: 479px) {

    :root {

        --blog-font-size: 15px;
    }


    #top .fullsize .template-blog .post .entry-content-wrapper {
        max-width: 100%;
    }

    .single-post #main .main_color .entry-content-wrapper.standard-content > * {
        padding: 30px 20px;
    }
    .single-post #main .main_color .entry-content-wrapper.standard-content header.entry-content-header {
        padding-top: 30px;
    }

    .single-post #main .main_color .entry-content-wrapper.standard-content>header.entry-content-header {
        padding-bottom: 0;
    }

    .html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title {
        font-size: 1.3em;
    }
    #top h2 {
        font-size: 19px;
        line-height: 1.3em;
    }
    div:not(.cta-box) h3 {
        font-size: 18px;
        line-height: 1.3em;
    }

    .custom-meta {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
        font-size: 0.8em;
    }

    .special-content-box .special-content-text, .cta-box .cta-content {
        padding-top: 0;
        padding-bottom: 0;
    }

    #toc-accordion .accordion-content li {
        margin-left: 0;
    }



    footer.entry-footer > .av-social-sharing-box {
        margin: 0;
    }


/*End Media Query*/    
}