/* ============================================================================
 * Ratgeber Kindergeburtstag (/kindergeburtstag-ideen/) — additions to the topic-page layout
 * (umland.css + themen.css). v0.296.0
 * ========================================================================= */

/* Kopf: bigger figures in the keys; the photo's subject (LEGO figures) sits low in the frame */
.rc-kgi .rc-th-keys strong { font-size: var(--robbo-fs-lg); }
.rc-kgi .rc-th-hero img { object-position: 50% 90%; }

/* Wo feiern: the first column wraps (themen.css keeps it on one line for short age labels) */
.rc-kgi .rc-kgi-types tbody th { white-space: normal; }
.rc-kgi .rc-kgi-types td strong { font-weight: 700; }
@media (min-width: 720px) {
    .rc-kgi .rc-kgi-types thead th:first-child { width: 20%; }
    .rc-kgi .rc-kgi-types thead th:nth-child(2) { width: 30%; }
    .rc-kgi .rc-kgi-types thead th:nth-child(3) { width: 34%; }
    .rc-kgi .rc-kgi-types thead th:nth-child(4) { width: 16%; }
}

/* Ideen: link to the hub's age page at the foot of each card */
.rc-kgi-age { display: flex; flex-direction: column; }
.rc-kgi-more {
    margin-top: auto;
    padding-top: 14px;
    font-size: var(--robbo-fs-md);
    font-weight: 700;
    line-height: 1.4;
    color: var(--robbo-green-dark);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.rc-kgi-more:hover { color: var(--robbo-coal); }
.rc-kgi .rc-th-checks { margin-bottom: 0; }
.rc-kgi .rc-th-checks a { color: var(--robbo-green-dark); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }

/* Checkliste: one column of phases */
.rc-kgi-steps {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 780px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.rc-kgi-step { margin: 0; border-left: 4px solid var(--robbo-green); }
.rc-kgi-step .rc-th-checks { margin-top: 8px; }

/* CTA follows the FAQ directly: no strip of page grey between the FAQ's background and the green band */
.rc-kgi .rc-um-cta { margin-top: 0; }

/* CTA: the bookable themes */
.rc-kgi-cta-themes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 16px;
    max-width: 720px;
    margin: 0 auto 22px;
    font-size: var(--robbo-fs-md);
    line-height: 1.5;
    color: var(--robbo-white);
}
.rc-kgi-cta-themes span { font-weight: 700; }
.rc-kgi-cta-themes a { color: var(--robbo-white); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.rc-kgi-cta-themes a:hover { color: var(--robbo-white); text-decoration-thickness: 2px; }