/* BASIS */
.inplaykalender_tag {
  text-align: center;
  font-size: 9px;
  letter-spacing: 1px;
  height: 21px;
  vertical-align: middle;
}

/* EINZELFARBEN */
.szenen     { background-color: var(--szen); }
.geburtstag { background-color: var(--geb); }
.event      { background-color: var(--plot); }  /* Events & Plots */

/* ============================= */
/* 2ER-KOMBIS (↗ = von links-unten nach rechts-oben, 50/50) */
/* ============================= */
.szenentimeline {
  background: linear-gradient(to left top, var(--szen) 50%, var(--plot) 50%);
}
.szenenevent {
  background: linear-gradient(to left top, var(--szen) 50%, var(--plot) 50%);
}
.szenengeburtstag {
  background: linear-gradient(to left top, var(--szen) 50%, var(--geb) 50%);
}
.geburtstagtimeline {
  background: linear-gradient(to left top, var(--geb) 50%, var(--plot) 50%);
}
.geburtstagevent {
  background: linear-gradient(to left top, var(--geb) 50%, var(--plot) 50%);
}
/* Plot + Event farblich identisch → einfarbig */
.timelineevent {
  background-color: var(--plot);
}

/* ============================= */
/* 3ER-KOMBIS (↗ = von links-unten nach rechts-oben, ca. 33/33/33) */
/* ============================= */
.szenengeburtstagtimeline {
  background: linear-gradient(
    to left top,
    var(--szen) 33%,
    var(--geb) 33% 66%,
    var(--plot) 66%
  );
}
.szenengeburtstagevent {
  background: linear-gradient(
    to left top,
    var(--szen) 33%,
    var(--geb) 33% 66%,
    var(--plot) 66%
  );
}
.szenentimelineevent {
  background: linear-gradient(
    to left top,
    var(--szen) 33%,
    var(--plot) 33% 66%,
    var(--plot) 66%
  );
}
.geburtstagtimelineevent {
  background: linear-gradient(
    to left top,
    var(--geb) 33%,
    var(--plot) 33% 66%,
    var(--plot) 66%
  );
}

/* ============================= */
/* 4ER-KOMBI (↗ = von links-unten nach rechts-oben, 25/25/50) */
/* ============================= */
.szenengeburtstagtimelineevent {
  background: linear-gradient(
    to left top,
    var(--szen) 25%,
    var(--geb) 25% 50%,
    var(--plot) 50%
  );
}

/* ============================= */
/* OPTIONALER KONTRAST FÜR ZAHLEN */
/* ============================= */
/*
.szenentimeline strong,
.szenenevent strong,
.szenengeburtstag strong,
.geburtstagtimeline strong,
.geburtstagevent strong,
.timelineevent strong,
.szenengeburtstagtimeline strong,
.szenengeburtstagevent strong,
.szenentimelineevent strong,
.geburtstagtimelineevent strong,
.szenengeburtstagtimelineevent strong {
  color: #2b2b2b !important;
}
*/