:root {
  --jh-lime: #38f20d;
  --jh-lime-soft: #eaffdf;
  --jh-green: #247a32;
  --jh-green-dark: #14532d;
  --jh-charcoal: #202522;
  --jh-ink: #17201b;
  --jh-muted: #637069;
  --jh-line: #dbe4dc;
  --jh-canvas: #f4f7f3;
  --jh-card: #ffffff;
  --jh-warm: #fff9e8;
  --jh-shadow: 0 18px 50px rgba(31, 45, 35, .09);
}

html { scroll-padding-top: 108px; }
body {
  color: var(--jh-ink) !important;
  background:
    radial-gradient(circle at 7% 8%, rgba(56, 242, 13, .09), transparent 25rem),
    radial-gradient(circle at 92% 20%, rgba(36, 122, 50, .07), transparent 28rem),
    var(--jh-canvas) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
body::before { display: none !important; }
button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible {
  outline: 3px solid rgba(36, 122, 50, .28) !important;
  outline-offset: 3px !important;
}

/* Kopfbereich und Marke */
.site-brand-header {
  position: sticky !important;
  top: 0;
  z-index: 35;
  background: rgba(255, 255, 255, .94) !important;
  border-bottom: 1px solid var(--jh-line) !important;
  box-shadow: 0 8px 30px rgba(31, 45, 35, .06) !important;
  backdrop-filter: blur(18px);
}
.brand-header-inner { min-height: 92px !important; gap: 24px !important; }
.brand-main { min-width: 0; }
.brand-logo-shell {
  width: 156px !important;
  height: 70px !important;
  padding: 3px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.brand-logo-img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
.brand-copy { display: none !important; }
.brand-main:has(.brand-logo-shell.hidden) .brand-copy { display: block !important; }
.brand-main:has(.brand-logo-shell.hidden) .brand-title { color: var(--jh-ink) !important; font-size: 1.3rem !important; }
.brand-main:has(.brand-logo-shell.hidden) .brand-subtitle { color: var(--jh-muted) !important; }
.jh-desktop-nav { margin-left: auto; display: flex; align-items: center; gap: 5px; }
.jh-desktop-nav a {
  min-height: 42px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  border-radius: 11px;
  color: #37443b;
  font-size: .9rem;
  font-weight: 800;
  text-decoration: none;
}
.jh-desktop-nav a:hover { color: var(--jh-green-dark); background: var(--jh-lime-soft); }
.brand-actions { margin-left: 4px; }
.brand-action-btn {
  min-width: 43px !important;
  min-height: 43px !important;
  color: var(--jh-green-dark) !important;
  background: #f6faf5 !important;
  border: 1px solid var(--jh-line) !important;
  box-shadow: none !important;
}

/* Aufbau der öffentlichen Seite */
main.max-w-7xl {
  width: min(1220px, calc(100% - 32px));
  max-width: none !important;
  padding: 28px 0 48px !important;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
main.max-w-7xl > * { margin-top: 0 !important; }
#noticeBanner { order: 0; }
#heroSection { order: 1; }
#todayOverview { order: 2; }
#weekSection { order: 3; }
#upcomingSection { order: 4; }
#newsSection { order: 5; }
#holidayInfoSection { order: 6; }
#comeBySection { order: 7; }

.glass, .glass-strong {
  background: var(--jh-card) !important;
  border-color: var(--jh-line) !important;
  box-shadow: var(--jh-shadow) !important;
  backdrop-filter: none !important;
}

/* Heute-Hero */
#heroSection.hero-premium {
  padding: clamp(24px, 4vw, 48px) !important;
  border: 1px solid #cde4c8 !important;
  border-radius: 30px !important;
  color: var(--jh-ink);
  background:
    radial-gradient(circle at 12% 14%, rgba(56, 242, 13, .18), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(255, 211, 92, .24), transparent 30%),
    linear-gradient(135deg, #f7fff3 0%, #eaf8e4 58%, #fff9e8 100%) !important;
  box-shadow: 0 22px 58px rgba(53, 91, 59, .13) !important;
}
#heroSection.hero-premium::before {
  content: "SCHLITZ" !important;
  right: -20px !important;
  bottom: -10px !important;
  color: rgba(36, 122, 50, .065) !important;
  font-size: clamp(5rem, 15vw, 11rem) !important;
  letter-spacing: .12em !important;
}
.hero-kicker-v2 {
  width: max-content;
  margin: 0 auto 15px;
  padding: 7px 11px;
  border: 1px solid #bfe6b4;
  border-radius: 999px;
  color: var(--jh-green-dark);
  background: rgba(255, 255, 255, .72);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
#currentDate {
  color: var(--jh-ink) !important;
  background: none !important;
  -webkit-text-fill-color: var(--jh-ink) !important;
  font-size: clamp(2.4rem, 6vw, 4.7rem) !important;
  letter-spacing: -.055em !important;
}
#currentDay, #statusReason { color: #44534a !important; }
#statusCountdown {
  color: var(--jh-green-dark) !important;
  background: rgba(255, 255, 255, .78) !important;
  border-color: #cbe1c7 !important;
  box-shadow: 0 7px 18px rgba(44, 88, 51, .08) !important;
}
#statusBadge {
  min-width: min(100%, 310px);
  justify-content: center;
  border: 1px solid rgba(255,255,255,.72);
  box-shadow: 0 14px 32px rgba(36,122,50,.18), inset 0 1px 0 rgba(255,255,255,.26) !important;
}
#nextEventBtn {
  color: var(--jh-ink) !important;
  background: rgba(255,255,255,.8) !important;
  border-color: #cbe1c7 !important;
  box-shadow: 0 9px 22px rgba(44,88,51,.08) !important;
}
#nextEventBtn:hover { background: #fff !important; border-color: #9ccb91 !important; }
#nextEventBtn .text-slate-800 { color: var(--jh-green-dark) !important; }
#nextEventBtn .text-slate-600 { color: #46534a !important; }
#weatherDisplay {
  color: var(--jh-ink);
  background: rgba(255, 255, 255, .9) !important;
  border: 1px solid #d5e7d1 !important;
  box-shadow: 0 18px 45px rgba(53,91,59,.12) !important;
}
#weatherDescription { color: #46534a !important; }
#weatherLocation { color: var(--jh-muted) !important; }

/* Heute und nächster Termin */
.today-overview-grid { grid-template-columns: minmax(0, 1.45fr) minmax(310px, .55fr) !important; gap: 16px !important; }
.today-focus-card, .today-next-card {
  border-radius: 24px !important;
  border: 1px solid var(--jh-line) !important;
  background: #fff !important;
  box-shadow: 0 12px 36px rgba(31,45,35,.07) !important;
}
.today-focus-card { border-left: 6px solid var(--jh-lime) !important; }
.today-focus-card::before, .today-next-card::before { display: none !important; }
.today-next-card {
  color: var(--jh-ink);
  background:
    radial-gradient(circle at 100% 0, rgba(56,242,13,.15), transparent 45%),
    linear-gradient(145deg, #f5fff1, #e6f5df) !important;
  border-color: #bfdbb9 !important;
  box-shadow: 0 12px 36px rgba(50,93,57,.1) !important;
}
.today-next-card .today-kicker { color: var(--jh-green-dark) !important; background: rgba(255,255,255,.75) !important; border-color: #b9ddaF !important; }
.today-next-card .today-next-date, .today-next-card .today-next-meta { color: #526158 !important; }
.today-next-card .today-next-title { color: var(--jh-ink) !important; }
.today-next-card .today-action-secondary {
  color: #fff !important;
  background: var(--jh-green) !important;
  border-color: var(--jh-green) !important;
  box-shadow: 0 10px 24px rgba(36,122,50,.18) !important;
}
.today-next-card .today-action-secondary:hover { background: var(--jh-green-dark) !important; }
.today-kicker { color: var(--jh-green-dark) !important; background: var(--jh-lime-soft) !important; border-color: #bbf4a8 !important; }
.today-title { color: var(--jh-ink) !important; }
.today-action { min-height: 46px !important; border-radius: 12px !important; }
.today-action-primary, .news-action-primary {
  color: #fff !important;
  background: var(--jh-green) !important;
  box-shadow: 0 12px 28px rgba(36,122,50,.2) !important;
}
.today-action-primary:hover, .news-action-primary:hover { background: var(--jh-green-dark) !important; }

/* Abschnitte und Wochenplan */
#weekSection, #upcomingSection, #newsSection, #holidayInfoSection {
  padding: clamp(20px, 3vw, 30px) !important;
  border-radius: 24px !important;
  border: 1px solid var(--jh-line) !important;
  background: #fff !important;
  box-shadow: 0 12px 38px rgba(31,45,35,.07) !important;
}
#weekSection h2, #upcomingTitle, #newsSection h2 { color: var(--jh-ink) !important; font-weight: 900 !important; }
#currentWeekBtn { color: #fff !important; background: var(--jh-green) !important; box-shadow: none !important; }
#prevWeek, #nextWeek, #weekTabs .week-tab { border: 1px solid var(--jh-line) !important; background: #f7faf7 !important; box-shadow: none !important; }
#weekTabs .week-tab.active,
#weekTabs .week-tab.is-active,
#weekTabs .week-tab.bg-slate-900 {
  color: #fff !important;
  background: linear-gradient(135deg, var(--jh-green), var(--jh-green-dark)) !important;
  border-color: var(--jh-green) !important;
  box-shadow: 0 8px 20px rgba(36, 122, 50, .18) !important;
}
#weekTabs .week-tab.active:hover,
#weekTabs .week-tab.is-active:hover,
#weekTabs .week-tab.bg-slate-900:hover {
  background: var(--jh-green-dark) !important;
}
#weeklySchedule { gap: 12px !important; }
.day-card {
  min-height: 245px !important;
  padding: 15px !important;
  border-radius: 18px !important;
  border: 1px solid var(--jh-line) !important;
  background: #fff !important;
  box-shadow: 0 6px 20px rgba(31,45,35,.055) !important;
}
.day-card:hover { transform: translateY(-2px) !important; box-shadow: 0 14px 32px rgba(31,45,35,.1) !important; }
.day-card.ring-2, .day-card.border-blue-400 { border: 2px solid var(--jh-green) !important; box-shadow: 0 0 0 4px rgba(56,242,13,.14) !important; }
.day-card > span.bg-blue-600 { color: #13311a !important; background: var(--jh-lime) !important; }
.day-card.closed-day { opacity: .7 !important; background: #f5f7f5 !important; }
.day-card .program-box { background: #f3faf2 !important; border-color: #d2ead1 !important; }
.day-card .program-box h4, .day-card .program-box p, .day-card .program-box div { color: #284a2e !important; }
.type-pill { color: #315337 !important; background: #f0f7ef !important; border-color: #d4e5d3 !important; }
.upcoming-card {
  border-radius: 17px !important;
  border: 1px solid var(--jh-line) !important;
  background: #f7faf7 !important;
  box-shadow: none !important;
}
.upcoming-card:hover { border-color: #9ccb9f !important; transform: translateY(-1px) !important; }
.upcoming-card .bg-blue-600 { color: #13311a !important; background: var(--jh-lime) !important; }

/* News, Ferien, Kontakt */
.news-kicker { color: var(--jh-green-dark) !important; background: var(--jh-lime-soft) !important; border-color: #bbf4a8 !important; }
.news-card-premium { border-color: var(--jh-line) !important; background: #fff !important; box-shadow: 0 8px 26px rgba(31,45,35,.06) !important; }
.news-card-premium::before { background: linear-gradient(90deg, var(--jh-lime), var(--jh-green)) !important; }
.news-priority-pill { color: #315337 !important; background: #f5faf4 !important; border-color: var(--jh-line) !important; }
.info-card-premium { border-color: var(--jh-line) !important; background: #f7faf7 !important; box-shadow: none !important; }
.info-card-icon { color: var(--jh-green-dark) !important; background: var(--jh-lime-soft) !important; }
.come-by-grid { grid-template-columns: 1.25fr .75fr !important; }
.come-by-card {
  border: 1px solid var(--jh-line) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 10px 34px rgba(31,45,35,.065) !important;
}
.come-by-card:first-child { background: linear-gradient(140deg, #f5fff2, #fff) !important; }
.come-by-card::after { background: rgba(56,242,13,.08) !important; }
.come-by-tag { color: #315337 !important; border-color: #d5e5d4 !important; background: #fff !important; }
.holiday-info-section::before { background: linear-gradient(90deg, var(--jh-lime), #facc15) !important; }

/* Mobile Navigation */
.mobile-quick-nav {
  border: 1px solid var(--jh-line) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 18px 45px rgba(31,45,35,.18) !important;
}
.mobile-quick-nav a { color: #4b5b50 !important; }
.mobile-quick-nav a.is-active { color: #fff !important; background: var(--jh-green-dark) !important; }
.mobile-quick-nav a:first-child:not(.is-active) { color: #4b5b50 !important; background: transparent !important; }
#adminFab {
  width: 52px !important;
  height: 52px !important;
  color: #fff !important;
  background: var(--jh-green-dark) !important;
  box-shadow: 0 14px 35px rgba(20,83,45,.25) !important;
}

/* Detaildialog */
#viewDayModal { backdrop-filter: blur(8px); }
#viewDayModal .modal-panel { border-radius: 22px !important; border: 1px solid var(--jh-line) !important; background: #fff !important; box-shadow: 0 30px 85px rgba(12,28,17,.28) !important; }
#viewDayModal .sticky { background: rgba(255,255,255,.96) !important; }
.event-detail-actions button { min-height: 46px; border-radius: 12px !important; }

/* Admin als übersichtlicher Arbeitsbereich */
#adminModal { padding: 14px !important; background: rgba(12, 22, 15, .68) !important; backdrop-filter: blur(10px); }
#adminModal > .glass-strong {
  width: min(1500px, 100%) !important;
  max-width: 1500px !important;
  height: min(95vh, 980px) !important;
  max-height: 95vh !important;
  border-radius: 25px !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  background: #f3f6f3 !important;
  box-shadow: 0 35px 100px rgba(0,0,0,.36) !important;
}
#adminModal > .glass-strong > .sticky {
  color: #fff;
  background: var(--jh-charcoal) !important;
  border-color: rgba(255,255,255,.09) !important;
}
#adminModal > .glass-strong > .sticky h3 { color: #fff; }
#adminModal > .glass-strong > .sticky button { color: #fff !important; }
#adminLogin { width: min(520px, 100%); margin: 40px auto; padding: 28px !important; border: 1px solid var(--jh-line); border-radius: 20px; background: #fff; box-shadow: 0 16px 45px rgba(31,45,35,.08); }
#adminLogin input { min-height: 48px; border-color: var(--jh-line) !important; border-radius: 12px !important; }
#adminLoginBtn { min-height: 46px; border-radius: 12px !important; background: var(--jh-green) !important; font-weight: 900; }
#adminPanel:not(.hidden) {
  padding: 18px 20px 70px;
  display: grid !important;
  grid-template-columns: 290px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}
.admin-ux-header { grid-column: 1 / -1; margin: 0 !important; border-radius: 18px !important; background: #fff !important; border-color: var(--jh-line) !important; box-shadow: 0 8px 28px rgba(31,45,35,.06) !important; }
.admin-ux-pill { color: var(--jh-green-dark) !important; background: var(--jh-lime-soft) !important; border-color: #b9efa9 !important; }
.admin-ux-actions { align-items: center; }
.admin-search-v2 input {
  width: min(260px, 36vw);
  min-height: 42px;
  padding: 0 13px;
  border: 1px solid var(--jh-line);
  border-radius: 11px;
  color: var(--jh-ink);
  background: #f8faf8;
}
.admin-section-tabs.admin-nav-panel {
  grid-column: 1;
  grid-row: 2;
  position: sticky;
  top: 0;
  max-height: calc(95vh - 175px);
  overflow-y: auto;
  padding: 11px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  border: 1px solid var(--jh-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 8px 28px rgba(31,45,35,.055) !important;
}
.admin-nav-group { padding: 8px !important; border-radius: 13px !important; background: #f6f8f6 !important; border-color: var(--jh-line) !important; }
.admin-nav-group-title { color: #657169 !important; }
.admin-tab-btn {
  min-height: 58px !important;
  border-radius: 12px !important;
  background: #fff !important;
  border-color: var(--jh-line) !important;
}
.admin-tab-btn:hover { border-color: #9bcca0 !important; background: #f8fff6 !important; transform: none !important; box-shadow: none !important; }
.admin-tab-btn.is-active { background: var(--jh-green-dark) !important; border-color: var(--jh-green-dark) !important; box-shadow: 0 10px 26px rgba(20,83,45,.18) !important; }
#adminHome, #adminSections { grid-column: 2; grid-row: 2; min-width: 0; padding-bottom: 40px !important; }
.admin-card { border-radius: 17px !important; border-color: var(--jh-line) !important; background: #fff !important; box-shadow: 0 8px 27px rgba(31,45,35,.06) !important; }
.admin-home-hero { border-radius: 19px !important; border-color: #cde9cc !important; background: linear-gradient(135deg, #f1ffed, #fff) !important; }
.admin-home-hero::after { background: rgba(56,242,13,.09) !important; }
.admin-task-card, .cockpit-tile, .admin-flow-group { border-radius: 15px !important; border-color: var(--jh-line) !important; box-shadow: none !important; }
.admin-task-card:hover { border-color: #9bcca0 !important; transform: translateY(-1px) !important; }
.admin-task-icon { background: var(--jh-lime-soft) !important; border-color: #c8f1bb !important; }
.cockpit-tile::before { background: linear-gradient(90deg, var(--jh-lime), var(--jh-green)) !important; }
.cockpit-action { color: var(--jh-green-dark) !important; background: #f2faf1 !important; border-color: #cfe5ce !important; }
.admin-section-titlebar { position: sticky; top: -1px; z-index: 8; padding: 9px; border: 1px solid var(--jh-line); border-radius: 14px; background: rgba(243,246,243,.96); backdrop-filter: blur(10px); }
.month-day.today { border-color: var(--jh-green) !important; outline-color: rgba(56,242,13,.17) !important; }
.bg-blue-600, .bg-blue-700, .bg-indigo-600, .bg-indigo-700, .bg-lime-600 { background-color: var(--jh-green) !important; }
.hover\:bg-blue-700:hover, .hover\:bg-blue-800:hover, .hover\:bg-indigo-700:hover, .hover\:bg-lime-700:hover { background-color: var(--jh-green-dark) !important; }
.text-blue-600, .text-blue-700, .text-blue-800 { color: var(--jh-green-dark) !important; }
.border-blue-100, .border-blue-200 { border-color: #cfe5ce !important; }
.bg-blue-50 { background-color: #f2faf1 !important; }
.safe-save-bar { background: #17251c !important; }
.safe-save-actions .primary { background: var(--jh-green) !important; }

/* Footer */
#legalFooter { margin: 0 auto 24px !important; width: min(1220px, calc(100% - 32px)) !important; padding: 0 !important; }
.legal-footer-v2 {
  min-height: 82px;
  padding: 13px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid var(--jh-line);
  border-radius: 18px;
  background: #fff;
}
.legal-brand-v2 { display: flex; align-items: center; gap: 14px; color: var(--jh-muted); font-size: .8rem; font-weight: 700; }
.legal-brand-v2 img { width: 116px; height: 48px; object-fit: contain; }
.legal-links-v2 { display: flex; gap: 18px; }
.legal-links-v2 a { color: #415047; font-size: .84rem; font-weight: 800; text-decoration: none; }
.legal-links-v2 a:hover { color: var(--jh-green-dark); text-decoration: underline; }

@media (max-width: 1050px) {
  .jh-desktop-nav { display: none; }
  .brand-actions { margin-left: auto; }
  #adminPanel:not(.hidden) { grid-template-columns: 240px minmax(0,1fr); }
}

@media (max-width: 820px) {
  .today-overview-grid, .come-by-grid { grid-template-columns: 1fr !important; }
  #adminModal { padding: 0 !important; }
  #adminModal > .glass-strong { width: 100% !important; height: 100vh !important; max-height: 100vh !important; border-radius: 0 !important; }
  #adminPanel:not(.hidden) { padding: 13px 13px 90px; display: block !important; }
  .admin-ux-header { margin-bottom: 12px !important; }
  .admin-section-tabs.admin-nav-panel { position: static; margin-bottom: 12px; grid-template-columns: 1fr 1fr !important; }
  .admin-section-tabs.admin-nav-panel { max-height: none; overflow: visible; }
  #adminHome, #adminSections { padding-bottom: 80px !important; }
  .admin-search-v2 { width: 100%; }
  .admin-search-v2 input { width: 100%; }
}

@media (max-width: 640px) {
  html { scroll-padding-top: 16px; }
  .site-brand-header { position: relative !important; }
  .brand-header-inner { min-height: 76px !important; }
  .brand-logo-shell { width: 132px !important; height: 58px !important; }
  main.max-w-7xl { width: min(100% - 20px, 1220px); padding-top: 12px !important; padding-bottom: 96px !important; gap: 12px !important; }
  #heroSection.hero-premium { padding: 22px 15px !important; border-radius: 22px !important; }
  #heroSection.hero-premium > .grid { gap: 20px !important; }
  #currentDate { font-size: clamp(2rem, 13vw, 3.5rem) !important; }
  #statusBadge { width: 100%; min-width: 0; padding: 13px 16px !important; font-size: 1.25rem !important; }
  #weatherDisplay { padding: 15px !important; border-radius: 18px !important; }
  #weatherIcon { font-size: 2.6rem !important; }
  #weatherTemp { font-size: 2.7rem !important; }
  .today-focus-card, .today-next-card { padding: 18px !important; border-radius: 18px !important; }
  #weekSection, #upcomingSection, #newsSection, #holidayInfoSection { padding: 16px !important; border-radius: 18px !important; }
  #weekSection > .flex:first-child { display: grid !important; grid-template-columns: 1fr; }
  #weekSection > .flex:first-child > div { justify-content: stretch !important; display: grid !important; grid-template-columns: repeat(3,1fr); }
  #prevWeek, #currentWeekBtn, #nextWeek { padding: 9px 5px !important; font-size: .78rem !important; }
  #weekTabs { grid-template-columns: 1fr 1fr !important; }
  .day-card { min-height: 0 !important; padding: 14px !important; border-radius: 15px !important; }
  .day-card > .text-center:first-of-type { margin-bottom: 10px !important; text-align: left !important; padding-right: 50px; }
  .day-card > .text-center:nth-of-type(2) { text-align: left !important; }
  .news-card-premium.news-feature .news-card-inner { grid-template-columns: 1fr !important; }
  .mobile-quick-nav { display: grid !important; left: 8px !important; right: 8px !important; bottom: 8px !important; }
  #adminFab { bottom: 76px !important; right: 12px !important; }
  .admin-section-tabs.admin-nav-panel { grid-template-columns: 1fr !important; }
  .admin-nav-group { padding: 7px !important; }
  .admin-ux-actions { width: 100%; justify-content: stretch !important; }
  .admin-ux-actions > * { flex: 1; }
  .legal-footer-v2 { flex-direction: column; text-align: center; }
  .legal-brand-v2 { flex-direction: column; gap: 4px; }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; transition: none !important; }
}

body.a11y-contrast { background: #fff !important; }
body.a11y-contrast #heroSection { background: #111 !important; }
body.a11y-contrast .day-card, body.a11y-contrast .today-focus-card, body.a11y-contrast #weekSection { border-color: #56615a !important; }