
/* Schritt 302: Lesbare Schrift und schwebende Tooltip Beschreibung */



.sp-shell,

.sp-shell *,

.tt-card,

.tt-card *,

.tt-grid,

.tt-grid * {

  font-family: "Segoe UI Variable", "Segoe UI", Arial, Helvetica, sans-serif !important;

  text-rendering: geometricPrecision !important;

  -webkit-font-smoothing: antialiased !important;

}



.tt-head h2,

.plan-card h2 {

  font-weight: 800 !important;

  letter-spacing: -0.035em !important;

}



.tt-subject {

  font-weight: 760 !important;

  font-size: 13px !important;

  line-height: 1.18 !important;

  letter-spacing: -0.01em !important;

}



.tt-teacher,

.tt-room,

.tt-type {

  font-weight: 650 !important;

  font-size: 10.8px !important;

  line-height: 1.16 !important;

  letter-spacing: 0 !important;

}



.tt-time {

  font-weight: 750 !important;

  letter-spacing: -0.01em !important;

}



.tt-day strong {

  font-weight: 760 !important;

}



.tt-day span {

  font-weight: 650 !important;

}



/* Native und alte Tooltip Logik überschreiben */

.tt-tooltip {

  position: fixed !important;

  display: none !important;

  left: 0 !important;

  top: 0 !important;

  bottom: auto !important;

  transform: none !important;

  width: max-content !important;

  min-width: 230px !important;

  max-width: 360px !important;

  padding: 12px 14px !important;

  border-radius: 14px !important;

  background: rgba(15, 23, 42, 0.97) !important;

  color: #ffffff !important;

  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.32) !important;

  border: 1px solid rgba(255,255,255,0.10) !important;

  font-size: 13px !important;

  line-height: 1.32 !important;

  white-space: normal !important;

  overflow-wrap: break-word !important;

  word-break: normal !important;

  z-index: 999999 !important;

  pointer-events: none !important;

}



.tt-tooltip.is-visible {

  display: flex !important;

  flex-direction: column !important;

  gap: 4px !important;

}



.tt-tooltip::before {

  display: none !important;

}



.tt-tooltip strong {

  font-weight: 780 !important;

  font-size: 13.5px !important;

  line-height: 1.2 !important;

}



.tt-tooltip span {

  font-weight: 520 !important;

  opacity: .96 !important;

}



/* Raster darf Tooltip nicht abschneiden */

.tt-card,

.tt-week-single,

.tt-week-pair,

.tt-week,

.tt-grid,

.tt-cell {

  overflow: visible !important;

}



.tt-week {

  position: relative !important;

}



.tt-lesson {

  position: relative !important;

}



.tt-lesson:hover {

  z-index: 100 !important;

}



/* Doppelwochenansicht weiterhin kompakter, aber lesbarer */

.tt-mode-double .tt-subject,

.tt-mode-semester .tt-subject {

  font-size: 11.4px !important;

  font-weight: 740 !important;

}



.tt-mode-double .tt-teacher,

.tt-mode-double .tt-room,

.tt-mode-double .tt-type,

.tt-mode-semester .tt-teacher,

.tt-mode-semester .tt-room,

.tt-mode-semester .tt-type {

  font-size: 9.7px !important;

  font-weight: 620 !important;

}

