/* === RÄUMLICHKEITEN (Seite 58): Gallery-Grid 4-spaltig === */
.page-id-58 .wp-block-gallery {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
}
.page-id-58 .wp-block-gallery .wp-block-image {
    flex: 0 0 calc(25% - 8px) !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
}
.page-id-58 .wp-block-gallery .wp-block-image img {
    width: 100% !important;
    height: auto !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}
.page-id-58 .wp-block-gallery .wp-block-image img:hover {
    transform: scale(1.03);
    transition: transform 0.2s ease;
}
.page-id-58 .wp-block-gallery .wp-block-image figcaption {
    text-align: center !important;
    font-size: 12px !important;
    color: #888 !important;
    margin-top: 6px !important;
}
@media (max-width: 900px) {
    .page-id-58 .wp-block-gallery .wp-block-image {
        flex: 0 0 calc(33.333% - 7px) !important;
    }
}
@media (max-width: 600px) {
    .page-id-58 .wp-block-gallery .wp-block-image {
        flex: 0 0 calc(50% - 5px) !important;
    }
}
@media (max-width: 400px) {
    .page-id-58 .wp-block-gallery .wp-block-image {
        flex: 0 0 100% !important;
    }
}

/* === GALERIE (Seite 496): 4-spaltiges Raster === */
.page-id-496 .entry-content {
    text-align: center !important;
}
.page-id-496 .entry-content .wp-block-image {
    display: inline-block !important;
    width: calc(25% - 12px) !important;
    margin: 6px !important;
    vertical-align: top !important;
}
.page-id-496 .entry-content .wp-block-image img {
    width: 100% !important;
    height: auto !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}
.page-id-496 .entry-content .wp-block-image img:hover {
    transform: scale(1.03);
    transition: transform 0.2s ease;
}
.page-id-496 .entry-content .wp-block-image figcaption {
    text-align: center !important;
    font-size: 12px !important;
    color: #888 !important;
    margin-top: 6px !important;
}
@media (max-width: 900px) {
    .page-id-496 .entry-content .wp-block-image {
        width: calc(33.333% - 10px) !important;
        margin: 5px !important;
    }
}
@media (max-width: 600px) {
    .page-id-496 .entry-content .wp-block-image {
        width: calc(50% - 8px) !important;
        margin: 4px !important;
    }
}
@media (max-width: 400px) {
    .page-id-496 .entry-content .wp-block-image {
        width: 100% !important;
        margin: 4px 0 !important;
    }
}

/* === EINGEWÖHNUNG (Seite 116): Schatten weg, Margins, Clearing === */
.page-id-116 .wp-block-image img {
    box-shadow: none !important;
    border-radius: 4px !important;
}
.page-id-116 .wp-block-image figure.alignright {
    margin: 0 0 20px 55px !important;
}
.page-id-116 .wp-block-image figure.alignleft {
    margin: 0 55px 20px 0 !important;
}
.page-id-116 .entry-content h2:nth-of-type(3),
.page-id-116 .entry-content h2:nth-of-type(4) {
    clear: both !important;
}
.page-id-116 .entry-content ul {
    list-style-position: outside !important;
    padding-left: 25px !important;
}

/* === ERNÄHRUNG (Seite 38): Schatten weg, Margins, Clearing === */
.page-id-38 .wp-block-image img {
    box-shadow: none !important;
    border-radius: 4px !important;
}
.page-id-38 .wp-block-image figure.alignright {
    margin: 0 0 20px 55px !important;
}
.page-id-38 .wp-block-image figure.alignleft {
    margin: 0 55px 20px 0 !important;
}
.page-id-38 .entry-content h2:nth-of-type(2),
.page-id-38 .entry-content h2:nth-of-type(3) {
    clear: both !important;
}
.page-id-38 .entry-content ul {
    list-style-position: outside !important;
    padding-left: 25px !important;
}

/* === FÖRDERUNG (Seite 119): Schatten weg, Margins, Clearing === */
.page-id-119 .wp-block-image img {
    box-shadow: none !important;
    border-radius: 4px !important;
}
.page-id-119 .wp-block-image figure.alignright {
    margin: 0 0 20px 55px !important;
}
.page-id-119 .wp-block-image figure.alignleft {
    margin: 0 55px 20px 0 !important;
}
.page-id-119 .entry-content h2:nth-of-type(3),
.page-id-119 .entry-content h2:nth-of-type(4) {
    clear: both !important;
}
.page-id-119 .entry-content ul {
    list-style-position: outside !important;
    padding-left: 25px !important;
}

/* === ANMELDUNG (Seite 747): Schatten weg, Margins, Clearing === */
.page-id-747 .wp-block-image img {
    box-shadow: none !important;
    border-radius: 4px !important;
}
.page-id-747 .wp-block-image figure.alignright {
    margin: 0 0 20px 55px !important;
}
.page-id-747 .wp-block-image figure.alignleft {
    margin: 0 55px 20px 0 !important;
}
.page-id-747 .entry-content ul {
    list-style-position: outside !important;
    padding-left: 25px !important;
}

/* === TAGESABLAUF (Seite 149): Bild === */
.page-id-149 .wp-block-image img {
    box-shadow: none !important;
    border-radius: 4px !important;
}

/* === TAGESABLAUF (Seite 149): TablePress-Tabelle === */
.page-id-149 #tablepress-1 {
    --head-bg-color: #789904 !important;
    --head-text-color: #fff !important;
    --even-bg-color: #f8faf7 !important;
}
.page-id-149 .tablepress th {
    padding: 12px 16px !important;
}
.page-id-149 .tablepress td {
    padding: 10px 16px !important;
}
/* Hover auf Zeilen */
.page-id-149 .tablepress.row-hover tbody tr:hover td {
    background-color: #edf3e8 !important;
}
/* Zebra-Streifen (row-hover hat kein row-striping) */
.page-id-149 .tablepress tbody tr:nth-child(even) td {
    background: #f8faf7 !important;
}

/* === GLOBALE UX: FAQ-Stil === */
.page-id-149 .entry-content h3 + p strong:first-child,
.page-id-116 .entry-content h3 + p strong:first-child,
.page-id-38 .entry-content h3 + p strong:first-child,
.page-id-119 .entry-content h3 + p strong:first-child,
.page-id-747 .entry-content h3 + p strong:first-child {
    color: #567a14 !important;
    font-size: 1.05em !important;
}

/* === FAQ Karten-Styling (Startseite, Tagesablauf, Eingewöhnung, Förderung) === */
.page-id-2 .faq-section,
.page-id-58 .faq-section,
.page-id-116 .faq-section,
.page-id-119 .faq-section,
.page-id-149 .faq-section {
    margin: 30px 0 !important;
}
.page-id-2 .faq-section h3,
.page-id-58 .faq-section h3,
.page-id-116 .faq-section h3,
.page-id-119 .faq-section h3,
.page-id-149 .faq-section h3 {
    color: #444 !important;
    margin-bottom: 24px !important;
    font-size: 1.3em !important;
}
/* Q&A-Karte: umschliesst Frage + Antwort */
.page-id-2 .faq-question,
.page-id-58 .faq-question,
.page-id-116 .faq-question,
.page-id-119 .faq-question,
.page-id-149 .faq-question {
    background: #fff !important;
    border-left: 4px solid #789904 !important;
    padding: 14px 18px !important;
    margin: 28px 0 0 0 !important;
    border-radius: 6px 6px 0 0 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
    transition: box-shadow 0.2s ease, border-left-color 0.2s ease !important;
}
.page-id-2 .faq-question strong,
.page-id-58 .faq-question strong,
.page-id-116 .faq-question strong,
.page-id-119 .faq-question strong,
.page-id-149 .faq-question strong {
    color: #567a14 !important;
    font-size: 1.05em !important;
}
/* Antwort an Frage angedockt */
.page-id-2 .faq-answer,
.page-id-58 .faq-answer,
.page-id-116 .faq-answer,
.page-id-119 .faq-answer,
.page-id-149 .faq-answer {
    background: #f8faf7 !important;
    border-left: 4px solid #789904 !important;
    padding: 8px 18px 16px 18px !important;
    margin: 0 0 0 0 !important;
    border-radius: 0 0 6px 6px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
    transition: box-shadow 0.2s ease, border-left-color 0.2s ease !important;
}
/* Hover: Karte hebt sich */
.page-id-2 .faq-question:hover,
.page-id-2 .faq-question:hover + .faq-answer,
.page-id-2 .faq-answer:hover,
.page-id-58 .faq-question:hover,
.page-id-58 .faq-question:hover + .faq-answer,
.page-id-58 .faq-answer:hover,
.page-id-116 .faq-question:hover,
.page-id-116 .faq-question:hover + .faq-answer,
.page-id-116 .faq-answer:hover,
.page-id-119 .faq-question:hover,
.page-id-119 .faq-question:hover + .faq-answer,
.page-id-119 .faq-answer:hover,
.page-id-149 .faq-question:hover,
.page-id-149 .faq-question:hover + .faq-answer,
.page-id-149 .faq-answer:hover {
    box-shadow: 0 3px 12px rgba(0,0,0,0.10) !important;
    border-left-color: #5c7a03 !important;
}
/* Antwort ohne vorherige Frage (Fallback) */
.page-id-2 .faq-answer:first-child,
.page-id-58 .faq-answer:first-child,
.page-id-116 .faq-answer:first-child,
.page-id-119 .faq-answer:first-child,
.page-id-149 .faq-answer:first-child {
    border-radius: 6px !important;
    margin-top: 28px !important;
}
/* Letzte Antwort hat Abstand nach unten */
.page-id-2 .faq-answer:last-child,
.page-id-58 .faq-answer:last-child,
.page-id-116 .faq-answer:last-child,
.page-id-119 .faq-answer:last-child,
.page-id-149 .faq-answer:last-child {
    margin-bottom: 8px !important;
}

/* === FAQ: Listen in Antworten === */
.page-id-2 .faq-answer ul,
.page-id-58 .faq-answer ul,
.page-id-116 .faq-answer ul,
.page-id-119 .faq-answer ul,
.page-id-149 .faq-answer ul {
    margin: 4px 0 4px 0 !important;
    padding-left: 20px !important;
    list-style: none !important;
}
.page-id-2 .faq-answer ul li,
.page-id-58 .faq-answer ul li,
.page-id-116 .faq-answer ul li,
.page-id-119 .faq-answer ul li,
.page-id-149 .faq-answer ul li {
    padding: 3px 0 !important;
    margin: 0 !important;
    font-size: 0.95em !important;
    color: #444 !important;
}
.page-id-2 .faq-answer ul li::before,
.page-id-58 .faq-answer ul li::before,
.page-id-116 .faq-answer ul li::before,
.page-id-119 .faq-answer ul li::before,
.page-id-149 .faq-answer ul li::before {
    content: "▸ " !important;
    color: #789904 !important;
    font-size: 0.85em !important;
}

/* === BLOG-POSTS: FAQ Karten-Styling (gleiche Regeln wie Seiten) === */
.single .faq-question {
    background: #fff !important;
    border-left: 4px solid #789904 !important;
    padding: 14px 18px !important;
    margin: 28px 0 0 0 !important;
    border-radius: 6px 6px 0 0 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
    transition: box-shadow 0.2s ease, border-left-color 0.2s ease !important;
}
.single .faq-question strong {
    color: #567a14 !important;
    font-size: 1.05em !important;
}
.single .faq-answer {
    background: #f8faf7 !important;
    border-left: 4px solid #789904 !important;
    padding: 8px 18px 16px 18px !important;
    margin: 0 0 8px 0 !important;
    border-radius: 0 0 6px 6px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
    transition: box-shadow 0.2s ease, border-left-color 0.2s ease !important;
}
.single .faq-question:hover,
.single .faq-question:hover + .faq-answer,
.single .faq-answer:hover {
    box-shadow: 0 3px 12px rgba(0,0,0,0.10) !important;
    border-left-color: #5c7a03 !important;
}

/* === ANMELDUNG (Seite 747): H3-FAQ Karten-Styling === */
.page-id-747 .faq-section h2 {
    color: #444 !important;
    margin-bottom: 24px !important;
}
.page-id-747 .faq-section h3.wp-block-heading {
    background: #fff !important;
    border-left: 4px solid #789904 !important;
    padding: 14px 18px !important;
    margin: 28px 0 0 0 !important;
    border-radius: 6px 6px 0 0 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
    color: #567a14 !important;
    font-size: 1.1em !important;
    transition: box-shadow 0.2s ease, border-left-color 0.2s ease !important;
}
.page-id-747 .faq-section h3.wp-block-heading + p {
    background: #f8faf7 !important;
    border-left: 4px solid #789904 !important;
    padding: 8px 18px 16px 18px !important;
    margin: 0 0 8px 0 !important;
    border-radius: 0 0 6px 6px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
    transition: box-shadow 0.2s ease, border-left-color 0.2s ease !important;
}
.page-id-747 .faq-section h3.wp-block-heading:hover,
.page-id-747 .faq-section h3.wp-block-heading:hover + p,
.page-id-747 .faq-section h3.wp-block-heading + p:hover {
    box-shadow: 0 3px 12px rgba(0,0,0,0.10) !important;
    border-left-color: #5c7a03 !important;
}
