styles.css

/* === Grundlegendes Layout === */
.studio-project-header {
  background: #1a1a1a;
  color: #ffffff;
  padding: 1em;
  border-left: 5px solid #cf001b;
  margin-bottom: 1em;
  border-radius: 4px;
}

.studio-header-row {
  font-size: 1.4em;
  margin-bottom: 0.5em;
}

.studio-header-sub {
  font-size: 0.95em;
  color: #cccccc;
}

/* === Tabber Container === */
.tabber,
.tabber .tabbertab {
  background-color: #121212 !important;
  color: #f0f0f0 !important;
  border-radius: 0 0 4px 4px;
}

.tabber .tabbertab {
  padding: 1em;
}

/* Optional: aktiver Tab-Rand rot einfärben */
.tabberlive .tabbertab.tabbertabdefault {
  border-top: 3px solid #cf001b !important;
}

/* === Episodentabelle === */
table.studio-tabber-episodentabelle {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0.5em;
  font-size: 0.95em;
}

table.studio-tabber-episodentabelle th,
table.studio-tabber-episodentabelle td {
  border: 1px solid #444;
  padding: 0.4em 0.6em;
  text-align: left;
}

table.studio-tabber-episodentabelle th {
  background-color: #333;
  color: #fff;
}

table.studio-tabber-episodentabelle tr:nth-child(even) {
  background-color: #1f1f1f;
}

table.studio-tabber-episodentabelle tr:nth-child(odd) {
  background-color: #2a2a2a;
}

/* === Kopiervorlage-Box === */
.studio-copy-template {
  margin-top: 1em;
}

.studio-copy-template pre {
  background-color: #0f0f0f;
  color: #f8f8f8;
  border: 1px solid #333;
  padding: 1em;
  overflow: auto;
  font-size: 0.9em;
  border-left: 4px solid #cf001b;
}

/* === Footer: Infoboxen mit Tabber === */
.studio-project-footer {
  margin-top: 2em;
}

.studio-info-box {
  background: #1a1a1a;
  border-left: 5px solid #cf001b;
  padding: 1em;
  border-radius: 4px;
  color: #f0f0f0;
}

/* Tabber in der Footer-Box */
.studio-footer-tabber .tabbertab {
  padding: 1em !important;
}

/* === Verlinkungen === */
.studio-project-header a,
.studio-info-box a {
  color: #cf001b;
  text-decoration: none;
}

.studio-project-header a:hover,
.studio-info-box a:hover {
  text-decoration: underline;
}