/* Text "Ingame-Farbe" ausblenden, nur Icon anzeigen */
.markItUp .ingamefarbe a{
  background: none !important;
  position: relative;
  width: 26px;          /* ggf. an deine Toolbar anpassen */
  height: 26px;
  overflow: hidden;
  text-indent: -9999px; /* versteckt den Button-Text */
  white-space: nowrap;
}

/* Icon reinzeichnen */
.markItUp .ingamefarbe a:before{
  content: "\f007"; /* user */
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 25%;
  top: 25%;
  transform: translate(-50%, -50%);
  text-indent: 0;
	color: #baf7f7;
}


/* Forumcodes: Text komplett verstecken (ohne Zentrierung) */
.mybbeditor li.forencodes > a{
  background-image: none !important; /* icons.png aus */
  font-size: 0 !important;           /* Text verschwindet sicher */
  line-height: 26px !important;
  height: 26px !important;
  width: 26px !important;            /* Buttonbreite */
  padding: 0 !important;
  text-indent: 0 !important;         /* egal, wir nutzen font-size:0 */
  overflow: hidden !important;
  white-space: nowrap !important;
  display: block !important;
  text-align: left !important;       /* NICHT zentriert */
}

/* FA Icon links im Button (nicht zentriert) */
.mybbeditor li.forencodes > a:before{
  content: "\f1b2"; /* cube */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 14px;                  /* hier Größe anpassen */
  display: inline-block;
  margin-left: 0px;                 /* links Abstand */
  line-height: 26px;
}

/*markitup*/

/* --- Dropdown "Forumcodes" sauber layouten --- */

/* Untermenü positionieren + genug Breite geben */
.markItUp .markItUpButton.forencodes > ul {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;              /* wird per Klick gezeigt */
  min-width: 180px;           /* Breite vom Dropdown */
  padding: 4px 0;
  margin: 2px 0 0 0;
  z-index: 9999;
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,.2);
}

/* Jeder Eintrag eine Zeile, nicht gequetscht */
.markItUp .markItUpButton.forencodes > ul > li {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Klickbare Fläche + lesbare Höhe */
.markItUp .markItUpButton.forencodes > ul > li > a {
  display: block !important;
  width: auto !important;
  height: auto !important;
  line-height: 20px !important;
  padding: 4px 10px !important;
  text-indent: 0 !important;
  white-space: nowrap;
  background: none !important;
  color: #000;
  font-weight: 600;
}

/* Hover-Look im Dropdown */
.markItUp .markItUpButton.forencodes > ul > li > a:hover {
  background: #f0f0f0 !important;
}

/* Optional: der Button selbst etwas Luft */
.markItUp .markItUpButton.forencodes a {
  padding: 0 8px !important;
  width: auto !important;
}

/* standardmäßig zu */
.markItUp .markItUpDropMenu > ul { display:none; }

/* offen wenn geklickt */
.markItUp li.markItUpOpen > ul { display:block !important; }

/* Farbe vom Button-Text in der Leiste */
.markItUp .markItUpButton.forencodes > a {
  color: #baf7f7 !important;   /* <- deine Wunschfarbe */
	margin-top: -5px;
	margin-left: -17px;
}

/* Farbe der Einträge im Dropdown */
.markItUp .markItUpButton.forencodes > ul > li > a {
  color: #000 !important;   /* <- deine Wunschfarbe */
}

/* Hover-Farbe im Dropdown (optional) */
.markItUp .markItUpButton.forencodes > ul > li > a:hover {
  color: #000 !important;      /* Textfarbe beim Hover */
}

/* Spoiler-Icon in der Leiste */
.markItUp .markItUpButton.spoiler > a {
  background-image: url(../../../images/spoiler.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;  /* Text ausblenden, nur Icon */
  width: 11px;           /* an dein Icon anpassen */
  height: 11px;
  display: block;
}

/* Grundlayout wie Font-Dropdown */
.mybbeditor .markItUpButton.forencodes ul a{
  background: transparent !important;
  padding: 6px 8px !important;
  height:auto !important;
  width: 220px !important;     /* gern anpassen */
  text-indent: 0 !important;
  white-space: nowrap !important;
  display:block !important;
  box-sizing:border-box;
}

/* ---------- MINI-SIMULATION deiner MyCodes ---------- */

/* [sub] */
.mybbeditor .markItUpButton.forencodes ul li.fc-sub a{
  background-color:#3e8a8a !important;
  color:#e8eded !important;
  text-align:center;
  font-size:9px !important;
  letter-spacing:1.5px;
  text-transform:uppercase;
  padding:4px 6px !important;
  margin:2px 0 !important;
}

/* [main] (mit Linie) */
.mybbeditor .markItUpButton.forencodes ul li.fc-main a{
  color:#3e8a8a !important;
  text-align:center;
  font-family:'Asimovian', sans-serif;
  font-size:18px !important;              /* 40px -> mini */
  font-weight:700;
  border-bottom:1px dashed #3e8a8a;
  padding:4px 0 6px !important;
  margin:2px 0 !important;
}

/* [maino] (ohne Linie) */
.mybbeditor .markItUpButton.forencodes ul li.fc-maino a{
  color:#3e8a8a !important;
  text-align:center;
  font-family:'Asimovian', sans-serif;
  font-size:18px !important;
  font-weight:700;
  padding:4px 0 6px !important;
  margin:2px 0 !important;
}

/* [punkt] */
.mybbeditor .markItUpButton.forencodes ul li.fc-punkt a{
  background-color:#3e8a8a !important;
  color:#e8eded !important;
  font-family:'Saira Semi Condensed', sans-serif;
  font-size:11px !important;              /* 13px -> mini */
  font-weight:bold;
  text-transform:uppercase;
  display:block !important;        /* wie im echten Code */
  padding:2px 6px !important;
  margin:3px 0 !important;
  width:auto !important;
}

/* [titel] */
.mybbeditor .markItUpButton.forencodes ul li.fc-titel a{
  font-family:'Asimovian', sans-serif;
  font-size:14px !important;              /* 25px -> mini */
  color:#3e8a8a !important;
  font-weight:bold;
  text-transform:uppercase;
  border-bottom:1px double #3e8a8a;
  text-align:center;
  padding:4px 0 6px !important;
  margin:2px 0 !important;
}

/* [unti] */
.mybbeditor .markItUpButton.forencodes ul li.fc-unti a{
  background:#3e8a8a !important;
  color:#e8eded !important;
  font-size:9px !important;               /* 10px -> mini */
  text-transform:uppercase;
  letter-spacing:1.5px;
  text-align:center;
  padding:3px 6px !important;
  margin:2px 0 !important;
}

/* [box]  (nur „Titel“-Look simuliert, ohne verschachtelten Inhalt) */
.mybbeditor .markItUpButton.forencodes ul li.fc-box a{
  border:1px solid #3e8a8a !important;
  background:#405252 !important;
  color:#e8eded !important;
  font-size:10.5px !important;
  text-transform:uppercase;
  letter-spacing:1px;
  text-align:center;
  padding:5px 6px !important;
  margin:3px 0 !important;
}

/* [links] */
.mybbeditor .markItUpButton.forencodes ul li.fc-links a{
  border-left:4px solid #3e8a8a !important;  /* 5px -> mini */
  padding:4px 6px !important;
  margin:3px 0 !important;
  text-align:justify;
  color:#111 !important;
  background:#f7f7f7 !important;
  font-size:11px !important;
}

/* [boxt] (Box + Titel) */
.mybbeditor .markItUpButton.forencodes ul li.fc-boxt a{
  border:1px solid #3e8a8a !important;
  background:#4d6161 !important;          /* ähnlich box-title */
  color:#e8eded !important;
  text-transform:uppercase;
  font-size:11px !important;
  font-family:'Asimovian', sans-serif;
  letter-spacing:1.2px;
  padding:5px 6px !important;
  text-align:center;
  margin:3px 0 !important;
}