/* The seasonal story fills roughly one and a half screens below the logo. */
.home-season-story{min-height:150vh;min-height:150svh;display:flex;flex-direction:column;justify-content:space-evenly;padding-bottom:24px}
.home-season-story>.season-opener{margin:0 auto}
.home-season-story>#saisonkarte{width:100%}
.home-navigation{position:sticky;top:0;z-index:30;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 26px;padding:14px 4%;background:var(--paper);border-block:1px solid var(--line);box-shadow:0 3px 12px #24382e08;font-size:15px}
.home-navigation>a{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.35}
.home-navigation .button{padding:12px 20px}
body.home-page main [id]{scroll-margin-top:calc(var(--home-nav-height,150px) + 18px)}
body.home-page .home-teaser>img.watercolor{object-fit:contain;border-radius:0;height:auto;max-height:160px}
@media(max-width:600px){.home-navigation{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:6px 4%;font-size:13px}.home-navigation .button{grid-column:1/-1;min-height:42px;margin-top:4px;padding:9px 16px}.home-navigation>a{min-height:38px}}
@media print{.home-navigation{position:static}.home-season-story{min-height:0}}

/* Larger original watercolors, with the text remaining readable on phones. */
body.home-page .home-teaser{grid-template-columns:minmax(130px,40%) minmax(0,1fr);gap:24px}
body.home-page .home-teaser>img.watercolor{width:100%;max-height:300px;height:auto}
@media(max-width:600px){body.home-page .home-teaser{grid-template-columns:minmax(110px,36%) minmax(0,1fr);gap:18px}body.home-page .home-teaser>img.watercolor{max-height:230px}}
@media(max-width:360px){body.home-page .home-teaser{grid-template-columns:1fr}body.home-page .home-teaser>img.watercolor{width:70%;max-height:260px;justify-self:center}}