/*markitup*/

/* Button "Forumcodes" als Text statt Icon */
.markItUp .markItUpButton.forencodes a {
  background: none !important;   /* Icon weg */
  text-indent: 0 !important;     /* Text wieder sichtbar */
  width: auto !important;
  padding: 0 0px !important;
  line-height: 22px;
  font-weight: 600;
}

/* Falls ein Icon auf dem li liegt */
.markItUp .markItUpButton.forencodes {
  background: none !important;
}

/* --- 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: #7a0f2a !important;   /* <- deine Wunschfarbe */
	margin-top: -5px;
	margin-left: -10px;
}

/* 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;
	margin-left: -5px;
	margn-top: 2px;
  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:#7a0f2a !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:#7a0f2a !important;
  text-align:center;
  font-family:'Protest Revolution', 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:#7a0f2a !important;
  text-align:center;
  font-family:'Protest Revolution', 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:#7a0f2a !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:'Protest Revolution', sans-serif;
  font-size:14px !important;              /* 25px -> mini */
  color:#7a0f2a !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:#7a0f2a !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 #7a0f2a !important;
  background:#515152 !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 #7a0f2a !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 #7a0f2a !important;
  background:#515152 !important;          /* ähnlich box-title */
  color:#e8eded !important;
  text-transform:uppercase;
  font-size:11px !important;
  font-family:'Protest Revolution', sans-serif;
  letter-spacing:1.2px;
  padding:5px 6px !important;
  text-align:center;
  margin:3px 0 !important;
}