/* Wochenplaner – gemeinsamer Rahmen (Schriften, Kopf, Fuß) für alle Seiten für Erwachsene.
   Feste Farbwerte statt Variablen, damit er auch über style.css (Verwaltung) gleich aussieht. */

@font-face {
  font-family: 'Atkinson Hyperlegible Next'; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url('fonts/atkinson-hyperlegible-next-latin-wght-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Fraunces'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('fonts/fraunces-latin-soft-normal.woff2') format('woff2');
}

/* ---------- Kopf ---------- */
.wp-top { background: #F4EFE6; border-bottom: 1.5px solid #1F2B2A; position: sticky; top: 0; z-index: 50; }
.wp-top::after { content: ''; display: block; height: 3px; background: linear-gradient(90deg, #F2B43A, #E9A15A, #EC7A5F, #E482A6, #A487D6, #5AAAD0, #4FB8AA, #6BB37E, #C9C44E); }
.wp-top-inner { max-width: 1180px; margin: 0 auto; padding: 0 20px; min-height: 64px; display: flex; align-items: center; gap: 24px; }
.wp-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #1F2B2A; flex-shrink: 0; }
.wp-brand-name { font-family: 'Fraunces', Georgia, serif; font-weight: 600; font-size: 21px; line-height: 1; }
.wp-brand-by { display: block; font-family: 'Atkinson Hyperlegible Next', 'Atkinson Hyperlegible', Verdana, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #5F6B67; margin-top: 3px; }
.wp-nav { display: flex; gap: 4px; margin-left: auto; flex-wrap: wrap; }
.wp-nav a { padding: 8px 12px; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 15px; color: #46534F; }
.wp-nav a:hover { background: #EBE4D7; color: #1F2B2A; }
.wp-nav a[aria-current="page"] { color: #1F2B2A; box-shadow: inset 0 -2.5px 0 #1F2B2A; border-radius: 0; }
@media (max-width: 720px) {
  .wp-top-inner { flex-wrap: wrap; gap: 6px 16px; padding: 10px 16px; }
  .wp-nav { margin-left: 0; width: 100%; overflow-x: auto; flex-wrap: nowrap; }
  .wp-nav a { white-space: nowrap; padding: 6px 10px; }
}

/* ---------- Fuß ---------- */
.wp-foot { margin-top: auto; background: #1F2B2A; color: #D9D3C7; font-size: 14.5px; }
.wp-foot-thread { height: 3px; background: linear-gradient(90deg, #F2B43A, #E9A15A, #EC7A5F, #E482A6, #A487D6, #5AAAD0, #4FB8AA, #6BB37E, #C9C44E); }
.wp-foot-inner { max-width: 1180px; margin: 0 auto; padding: 22px 20px; display: flex; flex-wrap: wrap; gap: 10px 22px; align-items: center; }
.wp-foot a, .adult .wp-foot a { color: #F4EFE6; text-decoration-color: rgba(244,239,230,.4); }
.wp-foot .knot { opacity: .9; }
.wp-foot-sp { margin-left: auto; }

.wp-top a, .wp-foot a { font-family: 'Atkinson Hyperlegible Next', Verdana, sans-serif; }
.wp-support { margin: 0; padding: 10px 16px; text-align: center; background: #DFEAEE; border-bottom: 1.5px solid #2F5F7A; color: #1F2B2A; font-size: 15px; }
.wp-support a { color: #1F2B2A; font-weight: 700; }
@media print { .wp-top, .wp-foot, .wp-support { display: none; } }
.wp-plan { background: #FFF4DC; border-bottom-color: #C98A1E; }