/* =====================================================
   q5birthweightgram
   LimeSurvey 6.16.10
   ===================================================== */

/* Alle Unterfragen in einer Zeile */
.q5birthweightgram .ls-answers > ul,
.q5birthweightgram ul.answers-list,
.q5birthweightgram ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Jede Unterfrage als kompakte Eingabegruppe */
.q5birthweightgram li.question-item.answer-item {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 14px 0 0 !important;
    padding: 0 !important;
    float: none !important;
}

/* Eingabebereich vor dem Label */
.q5birthweightgram li.answer-item > div[class*="col-"] {
    order: 1 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Label kg/g hinter das Eingabefeld */
.q5birthweightgram li.answer-item > label {
    order: 2 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 5px 0 0 5px !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

/* Allgemeine Eingabefelder */
.q5birthweightgram input.numeric,
.q5birthweightgram input.form-control {
    display: block !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 35px !important;
    padding: 2px 4px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    border: 1px solid #777 !important;
    border-radius: 0 !important;
}

/* Kilogrammfeld */
.q5birthweightgram li.answer-item:nth-child(1) input {
    width: 40px !important;
    max-width: 40px !important;
}

/* Grammfeld */
.q5birthweightgram li.answer-item:nth-child(2) input {
    width: 58px !important;
    max-width: 58px !important;
}

/* Float-/Abstandsreste entfernen */
.q5birthweightgram .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
input.childid-readonly {
    background-color: #e9ecef !important;
    color: #495057 !important;
    cursor: not-allowed !important;
}
.q22bedtime .answer-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.q22bedtime .answer-container::before {
    content: "An Schultagen geht mein Kind normalerweise ins Bett um";
}

.q22bedtime .answer-container::after {
    content: "Uhr";
    margin-left: 18px !important;
}

.q24bedtimeweekend .answer-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.q24bedtimeweekend .answer-container::before {
    content: "An Wochenenden oder Ferientagen geht mein Kind normalerweise ins Bett um ";
}

.q24bedtimeweekend .answer-container::after {
    content: "Uhr";
    margin-left: 18px !important;
}
.q27fruitdays {
    position: relative;
}

/* Tabelle näher an die Antwortoptionen */
.q27fruitdays .fruit-examples {
    position: absolute !important;
    top: 38px;
    left: 23%;
    right: auto;
    width: 75% !important;
    margin: 0 !important;

    border-collapse: collapse !important;
    border: 1px solid #b8bec4 !important;
    color: #1f3b56;
    font-size: 16px;
    line-height: 1.35;
    background: #ffffff;
}

/* Tabellenzellen */
.q27fruitdays .fruit-examples th,
.q27fruitdays .fruit-examples td {
    border: 1px solid #b8bec4 !important;
    padding: 7px 10px !important;
    text-align: left;
    vertical-align: middle;
}

/* Kopfzeile */
.q27fruitdays .fruit-examples th {
    background-color: #f4f5f6 !important;
    font-weight: 700;
    white-space: nowrap;
}

/* Inhalt */
.q27fruitdays .fruit-examples td {
    background-color: #ffffff !important;
}

/* Antwortoptionen links */
.q27fruitdays .answer-container,
.q27fruitdays .ls-answers {
    width: 20% !important;
    max-width: none !important;
}

.q27fruitdays .ls-answers ul {
    width: 100% !important;
    max-width: none !important;
}

.q27fruitdays .ls-answers li {
    width: 100% !important;
}

.q27fruitdays .ls-answers label {
    white-space: nowrap !important;
}

/* Grüne und rote Symbole */
.q27fruitdays .fruit-icon {
    font-size: 20px;
    font-weight: 400;
    margin-right: 6px;
}

.q27fruitdays .fruit-icon-yes {
    color: #00a651;
}

.q27fruitdays .fruit-icon-no {
    color: #f02b2b;
}
.q27fruitdays .fruit-examples {
    top: 100px !important;
    font-size: 14px !important;
    line-height: 1.3;
}

.q27fruitdays .fruit-examples th,
.q27fruitdays .fruit-examples td {
    padding: 15px 9px !important;
    font-size: 14px !important;
}
.q27fruitdays .fruit-examples {
    left: 25% !important;
    width: 73% !important;
}

.q27fruitdays .answer-container,
.q27fruitdays .ls-answers {
    width: 21% !important;
}
@media (max-width: 700px) {
    .q27fruitdays .fruit-examples {
        position: static !important;
        width: 100% !important;
        margin: 15px 0 !important;
    }

    .q27fruitdays .answer-container,
    .q27fruitdays .ls-answers {
        width: 100% !important;
    }

    .q27fruitdays .ls-answers label {
        white-space: normal !important;
    }
}

.q28fruitportions {
    position: relative;
}

/* Erklärungstabelle rechts */
.q28fruitportions .portion-examples {
    position: absolute !important;
    top: 100px;
    left: 29%;
    right: auto;
    width: 70% !important;
    margin: 0 !important;

    border-collapse: collapse !important;
    border: 1px solid #b8bec4 !important;

    color: #1f3b56;
    background-color: #ffffff;
    font-size: 14px !important;
    line-height: 1.3;
}

/* Tabellenzellen */
.q28fruitportions .portion-examples th,
.q28fruitportions .portion-examples td {
    border: 1px solid #b8bec4 !important;
    padding: 5px 9px !important;
    text-align: left;
    vertical-align: middle;
    font-size: 14px !important;
}

/* Tabellenüberschrift */
.q28fruitportions .portion-examples th {
    background-color: #f4f5f6 !important;
    font-weight: 700;
    white-space: nowrap;
}

/* Aufzählungen innerhalb der Tabelle */
.q28fruitportions .portion-examples ul {
    margin: 0 !important;
    padding-left: 17px !important;
}

.q28fruitportions .portion-examples li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Antwortoptionen links */
.q28fruitportions .answer-container,
.q28fruitportions .ls-answers {
    width: 25% !important;
    max-width: none !important;
}

.q28fruitportions .ls-answers ul {
    width: 100% !important;
    max-width: none !important;
}

.q28fruitportions .ls-answers li {
    width: 100% !important;
}

.q28fruitportions .ls-answers label {
    white-space: nowrap !important;
}
/* Letzte Antwort: Text und Eingabefeld in einer Zeile */
.q28fruitportions .ls-answers li.answer-item:last-child {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    white-space: nowrap !important;
}

/* Radiobutton */
.q28fruitportions .ls-answers li.answer-item:last-child input[type="radio"] {
    flex: 0 0 auto !important;
    margin-right: 6px !important;
}

/* Antworttext */
.q28fruitportions .ls-answers li.answer-item:last-child label {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

/* Freies Eingabefeld */
/* Q28: letzte Antwort sauber in einer Zeile */
.q28fruitportions .ls-answers li.answer-item:last-child {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 34px !important;
    white-space: nowrap !important;
}

/* Antworttext */
.q28fruitportions .ls-answers li.answer-item:last-child label {
    display: inline-block !important;
    width: auto !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

/* Eingabefeld aus der Textmitte herausnehmen */
.q28fruitportions .ls-answers li.answer-item:last-child input[type="text"],
.q28fruitportions .ls-answers li.answer-item:last-child input[type="number"],
.q28fruitportions .ls-answers li.answer-item:last-child .form-control {
    position: absolute !important;
    left: 250px !important;
    top: 0 !important;

    display: inline-block !important;
    width: 65px !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 3px 6px !important;
}
@media (max-width: 700px) {
    .q28fruitportions .portion-examples {
        position: static !important;
        width: 100% !important;
        margin: 15px 0 !important;
    }

    .q28fruitportions .answer-container,
    .q28fruitportions .ls-answers {
        width: 100% !important;
    }

    .q28fruitportions .ls-answers label {
        white-space: normal !important;
    }
}
/* Q50-Tabelle */
.q50taxconsumptionpop table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
}

/* Die leere Teilfragen-Spalte links ausblenden */
.q50taxconsumptionpop table tr > :first-child {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Falls eine colgroup vorhanden ist: erste Spalte ebenfalls entfernen */
.q50taxconsumptionpop table col:first-child {
    width: 0 !important;
    display: none !important;
}

.q50taxconsumptionpop table col:not(:first-child) {
    width: 14.285714% !important;
}

/* Alle sieben Antwortspalten gleich breit */
.q50taxconsumptionpop table tr > :not(:first-child) {
    display: table-cell !important;
    width: 14.285714% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* Überschriften */
.q50taxconsumptionpop table th {
    padding: 6px 4px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    text-align: center !important;
}

/* Antwortzeile */
.q50taxconsumptionpop table td {
    padding: 6px 4px !important;
    text-align: center !important;
}

/* Radiobuttons */
.q50taxconsumptionpop table input[type="radio"] {
    margin: 0 auto !important;
}