.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 {
  position: absolute;
  top: 10rem; 
  right: 1rem;
  display: flex;
  gap: .75rem;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity .18s ease, transform .18s ease;
  z-index: 10000;
}

/* 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{
  padding:0;
  font-size: 1.43rem;
  line-height: 26pt;
  font-weight: 300;
}

.ql-bubble .ql-editor h1 {
  color: var(--blue);
  font-family: var(--lora)!important;
  font-size: 3.5rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  font-weight: 400;
}

.ql-bubble .ql-editor h2 {
  color: var(--blue);
  font-family: var(--lora)!important;
  font-size: 2.43rem;
  line-height: 2.92rem;
  font-weight: 400;
  margin-bottom: 1rem;
}

.ql-bubble .ql-editor h3 {
  color: var(--blue);
  font-family: var(--inter)!important;
  font-size: 27px;
  line-height: 1;
  font-weight: 400;
}

.ql-bubble .ql-editor h4 {
  color: var(--blue);
  font-family: var(--lora)!important;
  font-size: 1.68rem;
  line-height: 1.2;
  font-weight: 400;
}

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

.ql-bubble .ql-editor p{
  color: var(--blue);
  font-size: 1.44rem;
  line-height: 1.5;
}

.ql-bubble .ql-editor strong, .ql-bubble .ql-editor b{
  font-weight: bolder;
}

.artikel_mit_bild_bg .ql-bubble .ql-editor *{
  color: var(--white);
}

.artikel_mit_bild_camping .ql-bubble .ql-editor p{
  color: var(--white);
}

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

.ql-bubble ol{
  padding:0;
  margin-bottom: 1rem;
}

.ql-editor li > .ql-ui:before{
  text-align: center;
}