/* mod_serenade_intro — typography from template.css (h1/h2/p) */

.mod-serenade-intro {
    width: 100%;
    max-width: var(--layout-inner);
    margin: 0 auto;
    padding: 0;
    color: var(--c-petrol);
}

.mod-serenade-intro__title--petrol { color: var(--c-petrol); }
.mod-serenade-intro__title--wasser { color: var(--c-wasser); }
.mod-serenade-intro__title--wiese  { color: var(--c-wiese);  }
.mod-serenade-intro__title--schilf { color: var(--c-schilf); }

.mod-serenade-intro__columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--s-7);
}

@media (max-width: 768px) {
    .mod-serenade-intro__columns {
        grid-template-columns: 1fr;
    }
}