/* Basics (gemeinsam) */
.sidebar-logo { max-width: 150px; }
.sidebar-title { font-size: 1.7rem; }
.platform-table td { vertical-align: middle; }
.platform-table td > div.sourceCode { margin-top: .3rem; margin-bottom: .3rem; }

/* Boxen – freundliche, klare Varianten (aus der kleineren Datei) */
.infobox {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  border: 2px solid lightblue;
  color: black;
  border-radius: 3px;
  background: #fff 5px center/3em no-repeat;
}
.successbox {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  border: 2px solid #12C012;
  color: black;
  border-radius: 3px;
  background: #fff 5px center/3em no-repeat;
}
.cautionbox {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  border: 2px solid red;
  color: orange;
  border-radius: 3px;
  background: #fff 5px center/3em no-repeat;
}
.warning {
  padding: 1em 1em 1em 4em;
  margin-bottom: 5px;
  color: red;
  font-style: italic;
}

/* Piktogramm-Hintergründe (gemeinsam) */
.info    { background-image: url("../images/info.png"); }
.ginfo   { background-image: url("../images/ginfo.png"); }
.caution { background-image: url("../images/danger.png"); }
.fire    { background-image: url("../images/fire.png"); }
.test    { background-image: url("../images/test.png"); }
.ok      { background-image: url("../images/ok.png"); }
.wt      { background-image: url("../images/whereto.png"); }

/* Spalten-Utilities (aus der größeren Datei) */
.columns.clean-columns { display:flex; gap:2.4rem; margin:1.25rem 0 2rem; }
.columns.clean-columns .column { padding:0 .9rem; border-left:1px solid var(--bs-border-color); }
.columns.clean-columns .column:first-child { border-left:none; }
.columns.clean-columns h4, .columns.clean-columns h5, .columns.clean-columns h6 { margin-top:.2rem; }
.columns.clean-columns p { margin-bottom:.6rem; line-height:1.65; }

/* Tabellen dezent abgrenzen (aus der größeren Datei) */
table { border-collapse: collapse; }
table td, table th { border-bottom:1px solid var(--bs-border-color); padding:.4rem .6rem; }

/* Responsiv für Spalten */
@media (max-width: 768px) {
  .columns.clean-columns { flex-direction:column; gap:1rem; }
  .columns.clean-columns .column {
    border-left:none;
    border-top:1px solid var(--bs-border-color);
    padding:.8rem 0;
  }
  .columns.clean-columns .column:first-child { border-top:none; }
}

/* Hinweis: Keine Fonts/Größen überschreiben – Theme behält Kontrolle */
/* Falls dir der Textbereich zu schmal/zu breit wirkt, kannst du das hier steuern:
   main.content { max-width: 920px; }  /* <- optional; aus der großen Datei */


}