/* user css file */
/* Darstellung für Semantisches Differenzial: itemdimension als flex container mit 200px Basis */
.question.matrix .listitem.item {
    flex: 1 0 45px;
  align-items: center
} .listitem.dimension {
    flex: 1 1 200px;
} .listitem.itemhead {
    flex: 1 0 45px;
}


/* Selektoren bei Akkordion matrix vertikal alignen */
.acc__bottom-row ul.list {
    display: flex;
    align-items: flex-end;     
}

/* NEU: Abstand zwischen Instruktionstext und Antwortmöglichkeiten verkleinern */
/* Abstand für Semantisches Differenzial - aggressiv */
.question.matrix .tag-header,
.question.matrix .tag-header .subtitle,
.question.matrix .tag-header h2,
.question.matrix .tag-header h3 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.question.matrix .qtype,
.question.matrix .qwrap,
.question.matrix ul.list.head,
.question.matrix ul.list.head.odd {
    margin-top: 1px !important;
    padding-top: 0 !important;
}

/* Auch den Divider minimieren */
.question.matrix .tag-header .divider {
    margin-bottom: 1px !important;
    padding-bottom: 0 !important;
    height: 1px !important;
}

/* Skalenbeschriftungen anzeigen */
.question.matrix .itemhead,
.question.matrix .dimension,
.question.matrix .scale-label,
.question.matrix .listitem.dimension span,
.question.matrix .head .listitem {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: inherit !important;
    overflow: visible !important;
}

/* ========== HELLES TEAL KACHELN FÜR SINGLE-FLOATING ========== */

/* Normal - Helles Teal mit dunklem Text */
.type-single-floating .answer-option,
.type-single-floating .label-text,
.type-single-floating.showItemBackground .listitem .answer-option,
.type-single-floating.showItemBackground .listitem .label-text,
.showItemBackground .listitem .answer-option,
.showItemBackground .listitem .label-text {
    background-color: #E0F2F1 !important;
    background: #E0F2F1 !important;
    color: #009CBC !important;
}

/* Hover - Teal mit schwarzem Text */
.type-single-floating .listitem:hover .answer-option,
.type-single-floating .listitem:hover .label-text,
.showItemBackground .listitem:hover .answer-option,
.showItemBackground .listitem:hover .label-text {
    background-color: #009CBC !important;
    background: #009CBC !important;
    color: #000000 !important;
}

/* Ausgewählt - Teal mit schwarzem Text */
.type-single-floating .listitem.selected .answer-option,
.type-single-floating .listitem.selected .label-text,
.type-single-floating.showItemBackground .listitem.selected .answer-option,
.type-single-floating.showItemBackground .listitem.selected .label-text,
.showItemBackground .listitem.selected .answer-option,
.showItemBackground .listitem.selected .label-text {
    background-color: #009CBC !important;
    background: #009CBC !important;
    color: #000000 !important;
}

/* ========== ENDE HELLES TEAL KACHELN ========== */