/*.single.single-post article.single-post .post-thumbnail img { display: block; width: auto; height: auto; -webkit-mask-image: url(../../assets/image/mask3.png); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: cover; mask-image: url(../../assets/image/mask3.png); mask-repeat: no-repeat; mask-position: center; mask-size: contain; }*/

.blogdetail-banner { display: flex; align-items: center; padding: 0 0 60px 0; }
.blogdetail-banner .title-content-wrapper { width: 50%; padding-right: 30px; padding-left: 15px; }
.blogdetail-banner .title-content-wrapper .main-title h1 { font-size: clamp(1.75rem, 1.7rem + 0.25vw, 2rem); }
.blogdetail-banner .blog-detail-banner-image { width: 50%; }
.blogdetail-banner .blog-detail-banner-image img { height: calc(100vh - 100px); object-fit: cover; display: block; }
@media screen and (min-width:1430px) {
    .blogdetail-banner .title-content-wrapper { padding-left: calc(100vw / 2 - 665px); }
}
@media screen and (max-width:1199px) {
    .blogdetail-banner { flex-direction: column-reverse; align-items: start; }
    .blogdetail-banner .title-content-wrapper { width: 100%; padding: 20px 15px 0 15px; }
    .blogdetail-banner .blog-detail-banner-image { width: 100%; }
    .blogdetail-banner .blog-detail-banner-image img { height: auto; }
}

body.single.single-post .single-post article.single-post { padding: 0 0 60px 0; }
body.single.single-post .single-post article.single-post .post-thumbnail img.wp-post-image { width: auto; object-fit: contain; }
body.single.single-post .single-post article.single-post .post-thumbnail { padding: 0 0 30px 0; }
body.single.single-post .single-post article.single-post .post-title { margin: 0 0 30px 0; }
body.single.single-post .single-post article.single-post  .post-categories { padding: 0 0 30px 0; }
body.single.single-post .single-post article.single-post .post-content h2.wp-block-heading { font-size: clamp(1.5rem, 1.475rem + 0.125vw, 1.625rem); }
body.single.single-post .single-post article.single-post .post-content { color: var(--bodycolor); }
body.single.single-post .single-post article.single-post .post-content p { margin: 0 0 20px 0; }
body.single.single-post .single-post article.single-post .post-content p + .wp-block-heading { margin: 50px 0 15px 0; }

body.single.single-post .single-post article.single-post .post-content ul.wp-block-list { margin: 40px 0; }
body.single.single-post .single-post article.single-post .post-content ul.wp-block-list li { position: relative; padding: 0 0 0 50px; }
body.single.single-post .single-post article.single-post .post-content ul.wp-block-list li:before { content: ''; background: url(http://relaunch.papierhausgroth.de/wp-content/uploads/2025/10/favicon.png) no-repeat center center / contain; position: absolute; left: 0; top: 1px; width: 26px; height: 21px; }
body.single.single-post .single-post article.single-post .post-content ul.wp-block-list li + li:before { top: 15px; }
body.single.single-post .single-post article.single-post .post-content ul.wp-block-list li + li { padding: 15px 0 0 50px; }

@media screen and (max-width:1199px) {
    body.single.single-post .single-post article.single-post .post-content p { margin: 0 0 10px 0; }
    body.single.single-post .single-post article.single-post .post-content p + .wp-block-heading { margin: 30px 0 15px 0; }
}
@media screen and (max-width:767px) {
    body.single.single-post .single-post article.single-post .post-content ul.wp-block-list li { padding: 0 0 0 30px; }
    body.single.single-post .single-post article.single-post .post-content ul.wp-block-list li + li { padding: 10px 0 0 30px; }
    body.single.single-post .single-post article.single-post .post-content ul.wp-block-list li:before { top: 6px; width: 18px; height: 13px; }
}


footer { padding: 100px 0 70px 0; }
footer .top-footer .title-content-wrapper .main-title h2 { font-size: clamp(2.75rem, 1.8rem + 4.75vw, 7.5rem); line-height: normal; margin: 0; }
footer .top-footer .title-content-wrapper .main-title h2:has(> span) { align-items: start; }
footer .top-footer .title-content-wrapper .main-title h2:has(> span).has-title-icon { display: flex; align-items: center; flex-direction: row; justify-content: start; gap: 60px; }
footer .top-footer .title-content-wrapper .main-title h2:has(> span).has-title-icon > span { padding: 0; }
footer .top-footer .title-content-wrapper .main-title h2:has(> span) { justify-content: start; }
footer .top-footer .title-content-wrapper .main-title h2:has(> span) > span { padding: 0; }
footer .bottom-footer { border-top: 2px solid rgb(0 0 0 / 25%); padding: 50px 0 0 0; margin: 140px 0 0 0; }
footer .bottom-footer .inner { display: flex; justify-content: space-between; font-size: 16px; line-height: normal; }
footer .bottom-footer .inner .left-content { color: var(--secondarycolor); display: flex; flex-direction: column; justify-content: space-between; }
footer .bottom-footer .inner .left-content .left-content-copyright a { font-weight: 600; }
footer .bottom-footer .inner .footer-logo img { max-width: 171px; }
footer .bottom-footer .inner .social-media { display: flex; align-items: center; gap: 15px; }
footer .bottom-footer .inner .social-media .social-media-title { color: var(--secondarycolor); }
footer .bottom-footer .inner .social-media ul { display: flex; align-items: center; gap: 10px; }
footer .bottom-footer .inner .social-media ul li a { width: 44px; height: 44px; border: 1px solid rgb(0 0 0 / 10%); border-radius: 50px; display: flex; align-items: center; justify-content: center; }
footer .bottom-footer .inner .social-media ul li a img { max-width: 16px; max-height: 16px; }
footer .bottom-footer .inner .social-media ul li a:hover { border-color: var(--primarycolor); background-color: var(--primarycolor); opacity: 1; }
footer .bottom-footer .inner .social-media ul li a:hover img { filter: brightness(0) invert(1); }

footer .bottom-footer .inner .left-content .footer-menus ul { display: flex; flex-flow: row wrap; gap: 45px; }

@media screen and (max-width:767px) {
    footer { padding: 40px 0 50px 0; }
    footer .bottom-footer { margin: 60px 0 0 0; }
    footer .top-footer { text-align: center; }
    footer .top-footer .title-content-wrapper .main-title h2:has(> span).has-title-icon { flex-direction: column; gap: 30px; margin: 0 0 40px 0; }
    footer .top-footer [class*="button--"] { padding: 30px 0 0 0; }
    footer .bottom-footer .inner { flex-direction: column-reverse; text-align: center; gap: 30px; }
    footer .bottom-footer .inner .left-content .footer-menus ul { justify-content: center; padding: 30px 0 0 0; }
    footer .bottom-footer .inner .footer-logo img { margin: 0 auto; }
}