.inpage_editorbar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    color: white;
    background: #2B3643;
    padding: 5px 0px;
    z-index: 10000;
}

.inpage_editorbar .left-panel {
    display: flex;
    align-items: center;
}

.inpage_editorbar .cms-icon img {
    width: 35px;
}

.inpage_editorbar .username {
    font-size: 13px;
}

.inpage_editorbar .username .name{
    font-weight: bolder;
}

.inpage_editorbar a{
    color:white;
    text-decoration: none;
}

.inpage_editorbar .right-panel{
    text-align: right;
}

.inpage_editorbar .right-panel a{
    margin-left: 15px;
}

.iq-editable {
  position: relative;             /* WICHTIG: Referenz für Action Bar */
}

/* Verstecke die Aktionsleiste standardmäßig */
.iq-editable .iq-action-bar {
  z-index: 10;
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: flex;
  gap: .75rem;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity .18s ease, transform .18s ease;
}

/* Beim Hovern – oder wenn “editing” aktiv – anzeigen */
.iq-editable:hover .iq-action-bar,
.iq-editable.editing .iq-action-bar {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}

/* Schicker Glass-/Neumorph-Look für die Buttons */
.iq-editable .iq-btn {
  all: unset;                     /* Resets */
  cursor: pointer;
   width: 44px;          /* vorher 36px */
  height: 44px;         /* vorher 36px */
  border-radius: 1rem;  /* dezent runder, weil größer */
  font-size: 1.25rem;   /* Icon/Text etwas wachsen lassen */
  display: grid; place-content: center;
  backdrop-filter: blur(8px);
  background: rgba(255,255,255,.35);
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
  transition: background .15s ease, box-shadow .15s ease;
}

/* Hover-Glow */
.iq-editable .iq-btn:hover:not(:disabled) {
  background: rgba(255,255,255,.55);
  box-shadow: 0 4px 10px rgba(0,0,0,.2);
}

/* Deaktivierter Save-Button leicht ausgegraut */
.iq-editable .iq-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
}

/* Optionale Farbakzente … */
.iq-editable .iq-btn.edit   { color: #2563eb; }   /* blau   */
.iq-editable .iq-btn.save   { color: #16a34a; }   /* grün   */

.ql-bubble .ql-editor h1 {
  color: var(--black);
  font-family: var(--headline-font);
  font-size: 2.35rem;
  margin-bottom: 0.5rem;
}

.ql-bubble .ql-editor h2 {
  color: var(--black);
  font-family: var(--text-font);
  font-size: 1.45rem;
  margin-bottom: 0.5rem;
}

.ql-bubble .ql-editor h3 {
  color: var(--black);
  font-family: var(--text-font);
  font-size: 1.35rem;
  margin-bottom: 0.5rem;
}

.ql-bubble .ql-editor h4 {
  color: var(--black);
  font-family: var(--text-font);
  font-size: 1.35rem;
  margin-bottom: 0.5rem;
}

.ql-bubble .ql-editor a {
  color: var(--black);
  transition: 0.6 all ease-in-out;
  text-decoration: none;
}

.ql-bubble .ql-editor p{
  color: var(--black);
  font-size: 1rem;
}

.ql-bubble .ql-tooltip{
  z-index: 100;
}

.ql-editor{
  padding:0;
}

.ql-container{
  font-family: unset;
}