/* Nur auf der Startseite: Bild und Begrüßung an die Fensterhöhe anpassen. */
@media (min-width: 901px) {
    .kita-welcome {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: auto auto;
        column-gap: clamp(20px, 2.2vw, 32px);
        row-gap: 8px;
        margin-block: 16px 12px;
        padding: clamp(16px, 2.2vh, 24px);
    }

    .kita-welcome-copy { padding: 0; align-self: start; }
    .kita-welcome-copy h1 {
        margin-bottom: 12px;
        font-size: clamp(1.5rem, 3.3vh, 2rem);
        line-height: 1.15;
    }
    .kita-welcome-copy .lead {
        max-width: none;
        font-size: clamp(.9375rem, 1.9vh, 1rem);
        line-height: 1.5;
    }
    .kita-welcome-copy .lead + .lead { margin-top: 12px; }

    .kita-welcome-scene {
        width: min(100%, calc((100svh - 240px) * 1672 / 941));
        justify-self: center;
        align-self: start;
    }
    .kita-welcome-actions { width: 100%; justify-content: center; margin-top: 0; }
    .kita-welcome-actions .button { min-height: 44px; padding: .6rem 1rem; }
}

@media (min-width: 901px) and (max-height: 700px) {
    .language-strip-inner { min-height: 32px; }
    .language-menu summary { padding-block: .3rem; }
    .playful-3d-theme .header-inner { min-height: 64px; }
    .playful-3d-theme .brand img { width: 48px; height: 48px; }
    .kita-welcome { margin-top: 12px; padding-block: 14px; }
    .kita-welcome-copy h1 { font-size: 1.5rem; margin-bottom: 10px; }
    .kita-welcome-copy .lead { font-size: .9375rem; line-height: 1.45; }
    .kita-welcome-copy .lead + .lead { margin-top: 10px; }
}

/* Auf schmalen Geräten steht die Begrüßung direkt über dem Bild. */
@media (max-width: 900px) {
    .kita-welcome {
        grid-template-areas: "heading" "scene" "actions" "intro" "values" "closing";
        margin-top: 12px;
        gap: 12px;
    }
    .kita-welcome-copy { display: contents; }
    .kita-welcome-copy h1 {
        grid-area: heading;
        max-width: none;
        margin: 0;
        padding-inline: 4px;
        font-size: clamp(1.35rem, 4vw, 1.7rem);
        line-height: 1.16;
    }
    .kita-welcome-copy h1 .welcome-name { white-space: normal; }
    .kita-welcome-copy .lead { max-width: none; margin: 0; padding-inline: 4px; }
    .kita-welcome-copy .lead + .lead { margin-top: 0; }
    .kita-welcome-copy .lead:nth-of-type(1) { grid-area: intro; }
    .kita-welcome-copy .lead:nth-of-type(2) { grid-area: values; }
    .kita-welcome-copy .lead:nth-of-type(3) { grid-area: closing; }
    .kita-welcome-scene { width: 100%; max-width: 540px; justify-self: center; }
}