/*
 Theme Name: Twenty Twenty-One Child
 Template: twentytwentyone
 Version: 1.0.0
*/

/* ==============================
   Beiträge - bestehendes Layout
   ============================== */
body.single-post .entry-title {
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.25rem !important;
    text-align: left !important;
}

body.single-post .entry-content {
    font-size: 1rem !important;
    line-height: 1.5 !important;
    text-align: left !important;
    margin-top: 0 !important;
}

/* Footer-Widgets ausblenden */
.footer-widgets,
.widget-area,
.site-footer .widget {
    display: none !important;
}

/* Hintergrund der Seite */
html, body, #page, .site {
    background: #ffffff !important;
}

/* ==============================
   Seitenlayout mit Gutenberg-H1
   ============================== */
.page-template-page-postlayout .wp-block-heading h1 {
    font-size: 1.6rem !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.25rem !important;
}

.page-template-page-postlayout .entry-content,
.page-template-page-postlayout .wp-block-group,
.page-template-page-postlayout .wp-block-columns {
    font-size: 1rem !important;
    line-height: 1.5 !important;
    text-align: left !important;
    margin-top: 0 !important;
}

.page-template-page-postlayout .wp-block-image img,
.page-template-page-postlayout .entry-content img,
.page-template-page-postlayout .wp-block-column img {
    max-width: 800px !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 30px !important;
}

/* ==============================
   HEADER / LOGO – OPTISCHE KORREKTUR
   ============================== */
.site-logo {
    margin-bottom: 0 !important;
}

/* ==============================
   KATEGORIE-SEITEN – ABSTÄNDE
   ============================== */
.sf-category-header {
    margin-bottom: 8px !important;
}

/* ==============================
   MOBILE BILDER - FULLWIDTH
   ============================== */
@media (max-width: 768px) {
  .entry-content .mobile-full {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
    max-width: 100vw;
  }

  .entry-content .mobile-full img {
    width: 100%;
    height: auto;
    display: block;
  }
}

/* ==============================
   Kategorie-Block unter Beitragstext
   ============================== */
body.single-post .post-related-title {
    font-weight: 700; /* bold */
    font-size: 1rem;
    margin-bottom: 0.2em;
}

body.single-post .post-related-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

body.single-post .post-related-item {
    margin-bottom: 0.2em;
}

body.single-post .post-related-item a {
    text-decoration: none;
    font-size: 1rem;
}

/* ==============================
   Kontaktblock
   ==============================
   Keine Änderungen, Überschrift "Kontakt" bleibt sichtbar
*/