:root {
      --bg: #2e2e2e; --bg-alt: #393939; --text: #cacaca;
      --accent: #DEB887; --accent-strong: #c89b5d;
      --muted: #9a9a9a; --radius: 18px;
      --solid: 2px solid var(--accent);
    }
    html,body{margin:0;background:var(--bg);color:var(--text);font-family:'Raleway','Ubuntu',sans-serif;}
    .wrap{max-width:1100px;margin:32px auto;padding:0 16px 48px}
    h1{font-weight:800;font-size:2rem;margin:0 0 12px}
    .intro{margin:0 0 24px;color:var(--muted);line-height:1.6}
    .card{background:var(--bg-alt);border:var(--solid);border-radius:var(--radius);padding:14px}
    .inner{border:var(--solid);border-radius:calc(var(--radius) - 6px);padding:12px}
    .fc{--fc-border-color:var(--accent);--fc-today-bg-color:rgba(222,184,135,.1);}
    .legend{display:flex;gap:12px;flex-wrap:wrap;margin:12px 8px 0;color:var(--muted);font-size:14px}
    .pill{display:inline-flex;align-items:center;gap:8px;border:var(--solid);border-radius:999px;padding:4px 10px}
    /* Zweizeilige Events */
    .fc-sandy { line-height: 1.15; display:block; }
    .fc-sandy-time { font-weight: 800; }
    .fc-sandy-title { display:block; }

/* Seite/Kalender-Hintergrund transparent machen */
html, body { background: transparent !important; }
#calendar, .calendar-wrapper, .fc { background: transparent !important; box-shadow: none !important; border: none !important; }

/* Falls FullCalendar-Variablen genutzt werden */
:root {
  --fc-page-bg-color: transparent !important;
}


/* Hauptüberschrift über dem Kalender */
h1.calendar-title,
#calendar-title,
.calendar-wrapper h1 {
  font-size: 1.5rem !important;
  line-height: 1.3;
  margin: 0 0 .5rem 0;
}

/* Einleitungstext / Absatz direkt unter der Überschrift */
p.calendar-intro,
.calendar-wrapper > p,
#calendar-intro {
  font-size: 1.2rem !important;
  line-height: 1.6;
  margin: 0 0 1rem 0;
}

/* FullCalendar: Titel (z. B. Oktober 2025) */
.fc .fc-toolbar-title {
  font-size: 1.5rem !important;
  line-height: 1.2;
}

/* Grundlegende Button-Optik per FC-Variablen */
:root {
  --fc-button-text-color: #f0f0f0;
  --fc-button-bg-color: #3a3a3a;
  --fc-button-border-color: #4a4a4a;

  --fc-button-hover-bg-color: #505050;
  --fc-button-hover-border-color: #5a5a5a;

  --fc-button-active-bg-color: #606060;
  --fc-button-active-border-color: #6a6a6a;
}

/* Schriftgröße der Buttons */
.fc .fc-toolbar .fc-button {
  font-size: 1.2rem !important;
  padding: .35rem .7rem;   /* optional: feinjustieren */
  border-radius: .5rem;    /* optional */
}

/* Optional: deaktivierter Heute-Button (wenn bereits heute) */
.fc .fc-toolbar .fc-button:disabled {
  opacity: .6;
}
/* Kopfzeile der Spalten: Mo, Di, Mi, ... */
.fc .fc-col-header, 
.fc .fc-col-header-cell {
  background: #2e2e2e !important; /* dunkler Hintergrund */
  border: none;                    /* optional */
}

/* Der eigentliche Text in der Kopfzeile */
.fc .fc-col-header-cell-cushion {
  color: #e8e8e8 !important;   /* helle, gut lesbare Schrift */
  font-size: 1.2rem !important;
  font-weight: 600;            /* optional etwas kräftiger */
  padding: .6rem .4rem;        /* etwas Luft */
  text-transform: none;        /* Monats-/Tages-Schreibweise unverändert */
}

/* Tageszellen etwas luftiger, Rahmen ruhiger */
.fc .fc-daygrid-day-frame { padding: .4rem; }
.fc .fc-scrollgrid, 
.fc .fc-scrollgrid-section > * { border-color: #444 !important; }

/* Listenansicht – gleiche Button-/Titel-Typo beibehalten */
.fc .fc-list { background: transparent !important; }
.fc .fc-list-day-cushion { background: #2e2e2e !important; color: #e8e8e8 !important; }