/* A gentle, child-friendly background, with quiet surfaces for longer text. */
:root { --paper:#fffdf7; }
main {
  background-color:#fffdf7;
  background-image:linear-gradient(90deg,rgba(255,253,247,.06),rgba(255,253,247,.78) 18%,rgba(255,253,247,.78) 82%,rgba(255,253,247,.06)),url('/assets/kita-hintergrund.webp');
  background-size:auto,760px 760px;
  background-repeat:repeat;
}
header { background:#fffefb; }
.band {
  background-color:#edf7fb;
  background-image:linear-gradient(rgba(237,247,251,.83),rgba(237,247,251,.83)),url('/assets/kita-hintergrund.webp');
  background-size:auto,760px 760px;
}
.white { background:rgba(255,255,255,.86); }
.footer {
  background-color:#edf4da;
  background-image:linear-gradient(rgba(237,244,218,.88),rgba(237,244,218,.88)),url('/assets/kita-hintergrund.webp');
  background-size:auto,760px 760px;
}
.tags span { background:#ffffffcf; }
.topic-nav { border-color:#e2e5d8; }
.topic-nav a { background:#fff; border:1px solid #e1e7d5; }
.topic-nav a:nth-child(3n+1) { background:#eef4dc; }
.topic-nav a:nth-child(3n+2) { background:#fff0c8; }
.topic-nav a:nth-child(3n) { background:#e8f4fa; }
.topic-nav a:hover { background:var(--lime); }
.principles article { background:rgba(255,253,247,.85); padding-left:18px; padding-right:18px; }
.principles article:first-child { padding-top:20px; }
.principles article:first-child { border-radius:18px 18px 0 0; }
.principles article:last-child { border-radius:0 0 18px 18px; }
.value { background:rgba(255,255,255,.88); padding:27px; border-radius:20px; border-top:4px solid #cadb90; }
.value:nth-child(2) { border-top-color:#f2d06a; }
.value:nth-child(3) { border-top-color:#99cedd; }
.dayline li { background:rgba(255,255,255,.9); border-radius:0 0 18px 18px; padding:26px 22px; }
.dayline li:nth-child(2) { border-top-color:#f2ce67; }
.dayline li:nth-child(3) { border-top-color:#95cdda; }
.legal-copy { background:rgba(255,255,255,.97); border-radius:22px; padding:8px 30px 15px; }
.legal-layout nav { background:#f0f5e8; border-radius:18px; border:0; padding:23px; }
@media(max-width:760px) {
  main,.band,.footer { background-size:auto,540px 540px; }
  main { background-image:linear-gradient(rgba(255,253,247,.55),rgba(255,253,247,.55)),url('/assets/kita-hintergrund.webp'); }
  .legal-copy { padding:5px 21px 12px; }
  .value { padding:25px; }
}