/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
/* Datenschutzerklärung auf kleinen Bildschirmen scrollbar machen */
@media (max-width: 767.98px) {

    [id^="data-security-modal-"] .modal-dialog {
        height: calc(100dvh - 1rem);
        max-height: calc(100dvh - 1rem);
        margin: 0.5rem;
    }

    [id^="data-security-modal-"] .modal-content {
        display: flex;
        flex-direction: column;
        height: 100%;
        max-height: calc(100dvh - 1rem);
        overflow: hidden;
    }

    [id^="data-security-modal-"] .modal-header,
    [id^="data-security-modal-"] .modal-footer {
        flex: 0 0 auto;
    }

    [id^="data-security-modal-"] .modal-body {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto !important;
        overflow-x: hidden;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }
}
/* Radio-Matrixfragen mobil eindeutig darstellen */
@media (max-width: 767.98px) {

    .table-array-radio td.answer-item {
        display: flex !important;
        align-items: flex-start !important;
        gap: 0.5rem !important;
        padding: 0.45rem 0.75rem !important;
    }

    /* Nativen Radiobutton verwenden */
    .table-array-radio td.answer-item input[type="radio"] {
        display: block !important;
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        clip: auto !important;
        clip-path: none !important;
        width: 1rem !important;
        height: 1rem !important;
        flex: 0 0 1rem !important;
        margin: 0.15rem 0 0 0 !important;
        appearance: radio !important;
        -webkit-appearance: radio !important;
        -moz-appearance: radio !important;
        accent-color: #35ad68 !important;
    }

    /* Zahlenwert und Antworttext zusammen anzeigen */
    .table-array-radio td.answer-item label.ls-label-xs-visibility {
        display: inline-flex !important;
        align-items: baseline !important;
        flex-wrap: wrap !important;
        column-gap: 0.7rem !important;
        position: static !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    /* Künstliche LimeSurvey-Auswahlkreise ausblenden */
    .table-array-radio td.answer-item label.ls-label-xs-visibility::before,
    .table-array-radio td.answer-item label.ls-label-xs-visibility::after {
        display: none !important;
        content: none !important;
    }

    /* Trennung zwischen Zahlenwert und Beschriftung entfernen */
    .table-array-radio td.answer-item label.ls-label-xs-visibility br {
        display: none !important;
    }

    .table-array-radio td.answer-item label.ls-label-xs-visibility strong {
        display: inline !important;
        margin: 0 !important;
    }
}
/* Semantisches Differenzial STUDPOSEXT:
   feste Zahlenspalte und bündige Endpunkttexte */
@media (max-width: 767.98px) {

    .table-array-radio tr[id$="STUDPOSEXT"] td.answer-item
    label.ls-label-xs-visibility {
        display: grid !important;
        grid-template-columns: 2.2rem minmax(0, 1fr) !important;
        column-gap: 0.7rem !important;
        align-items: baseline !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;

        /* Uneinheitliche Originalbeschriftung ausblenden */
        font-size: 0 !important;
    }

    .table-array-radio tr[id$="STUDPOSEXT"] td.answer-item
    label.ls-label-xs-visibility br,
    .table-array-radio tr[id$="STUDPOSEXT"] td.answer-item
    label.ls-label-xs-visibility strong {
        display: none !important;
    }

    /* Pseudoelemente vollständig zurücksetzen */
    .table-array-radio tr[id$="STUDPOSEXT"] td.answer-item
    label.ls-label-xs-visibility::before,
    .table-array-radio tr[id$="STUDPOSEXT"] td.answer-item
    label.ls-label-xs-visibility::after {
        display: block !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: none !important;
        box-shadow: none !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        color: inherit !important;
        font-size: 1rem !important;
        line-height: 1.3 !important;
        pointer-events: none !important;
    }

    /* Einheitliche Zahlenspalte */
    .table-array-radio tr[id$="STUDPOSEXT"] td.answer-item
    label.ls-label-xs-visibility::before {
        grid-column: 1 !important;
        grid-row: 1 !important;
        text-align: right !important;
        font-variant-numeric: tabular-nums;
    }

    /* Einheitliche Spalte für die Endpunkttexte */
    .table-array-radio tr[id$="STUDPOSEXT"] td.answer-item
    label.ls-label-xs-visibility::after {
        grid-column: 2 !important;
        grid-row: 1 !important;
        text-align: left !important;
    }

    /* Skalenwerte */
    .table-array-radio tr[id$="STUDPOSEXT"] td.answer_cell_1
    label.ls-label-xs-visibility::before {
        content: "-2" !important;
    }

    .table-array-radio tr[id$="STUDPOSEXT"] td.answer_cell_2
    label.ls-label-xs-visibility::before {
        content: "-1" !important;
    }

    .table-array-radio tr[id$="STUDPOSEXT"] td.answer_cell_3
    label.ls-label-xs-visibility::before {
        content: "0" !important;
    }

    .table-array-radio tr[id$="STUDPOSEXT"] td.answer_cell_4
    label.ls-label-xs-visibility::before {
        content: "1" !important;
    }

    .table-array-radio tr[id$="STUDPOSEXT"] td.answer_cell_5
    label.ls-label-xs-visibility::before {
        content: "2" !important;
    }

    /* Endpunktbeschriftungen */
    .table-array-radio tr[id$="STUDPOSEXT"] td.answer_cell_1
    label.ls-label-xs-visibility::after {
        content: "nie" !important;
    }

    .table-array-radio tr[id$="STUDPOSEXT"] td.answer_cell_2
    label.ls-label-xs-visibility::after,
    .table-array-radio tr[id$="STUDPOSEXT"] td.answer_cell_3
    label.ls-label-xs-visibility::after,
    .table-array-radio tr[id$="STUDPOSEXT"] td.answer_cell_4
    label.ls-label-xs-visibility::after {
        content: "" !important;
    }

    .table-array-radio tr[id$="STUDPOSEXT"] td.answer_cell_5
    label.ls-label-xs-visibility::after {
        content: "sehr häufig" !important;
    }
}
/* Semantisches Differenzial STUDWIEDER:
   feste Zahlenspalte und bündige Endpunkttexte */
@media (max-width: 767.98px) {

    .table-array-radio tr[id$="STUDWIEDER"] td.answer-item
    label.ls-label-xs-visibility {
        display: grid !important;
        grid-template-columns: 2.2rem minmax(0, 1fr) !important;
        column-gap: 0.7rem !important;
        align-items: baseline !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;

        /* Uneinheitliche Originalbeschriftung ausblenden */
        font-size: 0 !important;
    }

    .table-array-radio tr[id$="STUDWIEDER"] td.answer-item
    label.ls-label-xs-visibility br,
    .table-array-radio tr[id$="STUDWIEDER"] td.answer-item
    label.ls-label-xs-visibility strong {
        display: none !important;
    }

    /* Pseudoelemente vollständig zurücksetzen */
    .table-array-radio tr[id$="STUDWIEDER"] td.answer-item
    label.ls-label-xs-visibility::before,
    .table-array-radio tr[id$="STUDWIEDER"] td.answer-item
    label.ls-label-xs-visibility::after {
        display: block !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: none !important;
        box-shadow: none !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        color: inherit !important;
        font-size: 1rem !important;
        line-height: 1.3 !important;
        pointer-events: none !important;
    }

    /* Einheitliche Zahlenspalte */
    .table-array-radio tr[id$="STUDWIEDER"] td.answer-item
    label.ls-label-xs-visibility::before {
        grid-column: 1 !important;
        grid-row: 1 !important;
        text-align: right !important;
        font-variant-numeric: tabular-nums;
    }

    /* Einheitliche Spalte für die Endpunkttexte */
    .table-array-radio tr[id$="STUDWIEDER"] td.answer-item
    label.ls-label-xs-visibility::after {
        grid-column: 2 !important;
        grid-row: 1 !important;
        text-align: left !important;
    }

    /* Skalenwerte */
    .table-array-radio tr[id$="STUDWIEDER"] td.answer_cell_1
    label.ls-label-xs-visibility::before {
        content: "-2" !important;
    }

    .table-array-radio tr[id$="STUDWIEDER"] td.answer_cell_2
    label.ls-label-xs-visibility::before {
        content: "-1" !important;
    }

    .table-array-radio tr[id$="STUDWIEDER"] td.answer_cell_3
    label.ls-label-xs-visibility::before {
        content: "0" !important;
    }

    .table-array-radio tr[id$="STUDWIEDER"] td.answer_cell_4
    label.ls-label-xs-visibility::before {
        content: "1" !important;
    }

    .table-array-radio tr[id$="STUDWIEDER"] td.answer_cell_5
    label.ls-label-xs-visibility::before {
        content: "2" !important;
    }

    /* Endpunktbeschriftungen */
    .table-array-radio tr[id$="STUDWIEDER"] td.answer_cell_1
    label.ls-label-xs-visibility::after {
        content: "nicht wieder eine Mitgliedschaft in diesem Studio abschliessen" !important;
    }

    .table-array-radio tr[id$="STUDWIEDER"] td.answer_cell_2
    label.ls-label-xs-visibility::after,
    .table-array-radio tr[id$="STUDWIEDER"] td.answer_cell_3
    label.ls-label-xs-visibility::after,
    .table-array-radio tr[id$="STUDWIEDER"] td.answer_cell_4
    label.ls-label-xs-visibility::after {
        content: "" !important;
    }

    .table-array-radio tr[id$="STUDWIEDER"] td.answer_cell_5
    label.ls-label-xs-visibility::after {
        content: "auf jeden Fall wieder eine Mitgliedschaft in diesem Studio abschliessen" !important;
    }
}
/* NPS STUDNPS:
   feste Zahlenspalte und bündige Endpunkttexte */
@media (max-width: 767.98px) {

    .table-array-radio tr[id$="STUDNPS"] td.answer-item
    label.ls-label-xs-visibility {
        display: grid !important;
        grid-template-columns: 1.6rem minmax(0, 1fr) !important;
        column-gap: 0.7rem !important;
        align-items: baseline !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;

        /* Ursprüngliche Beschriftungen ausblenden */
        font-size: 0 !important;
    }

    .table-array-radio tr[id$="STUDNPS"] td.answer-item
    label.ls-label-xs-visibility br,
    .table-array-radio tr[id$="STUDNPS"] td.answer-item
    label.ls-label-xs-visibility strong {
        display: none !important;
    }

    /* Pseudoelemente für Zahl und Endpunkttext */
    .table-array-radio tr[id$="STUDNPS"] td.answer-item
    label.ls-label-xs-visibility::before,
    .table-array-radio tr[id$="STUDNPS"] td.answer-item
    label.ls-label-xs-visibility::after {
        display: block !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: none !important;
        box-shadow: none !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        color: inherit !important;
        font-size: 1rem !important;
        line-height: 1.3 !important;
        pointer-events: none !important;
    }

    /* Zahlenspalte */
    .table-array-radio tr[id$="STUDNPS"] td.answer-item
    label.ls-label-xs-visibility::before {
        grid-column: 1 !important;
        grid-row: 1 !important;
        text-align: left !important;
        font-variant-numeric: tabular-nums;
    }

    /* Spalte für Endpunkttexte */
    .table-array-radio tr[id$="STUDNPS"] td.answer-item
    label.ls-label-xs-visibility::after {
        grid-column: 2 !important;
        grid-row: 1 !important;
        text-align: left !important;
        content: "" !important;
    }

    /* Werte 0 bis 10 */
    .table-array-radio tr[id$="STUDNPS"] td.answer_cell_0
    label.ls-label-xs-visibility::before {
        content: "0" !important;
    }

    .table-array-radio tr[id$="STUDNPS"] td.answer_cell_1
    label.ls-label-xs-visibility::before {
        content: "1" !important;
    }

    .table-array-radio tr[id$="STUDNPS"] td.answer_cell_2
    label.ls-label-xs-visibility::before {
        content: "2" !important;
    }

    .table-array-radio tr[id$="STUDNPS"] td.answer_cell_3
    label.ls-label-xs-visibility::before {
        content: "3" !important;
    }

    .table-array-radio tr[id$="STUDNPS"] td.answer_cell_4
    label.ls-label-xs-visibility::before {
        content: "4" !important;
    }

    .table-array-radio tr[id$="STUDNPS"] td.answer_cell_5
    label.ls-label-xs-visibility::before {
        content: "5" !important;
    }

    .table-array-radio tr[id$="STUDNPS"] td.answer_cell_6
    label.ls-label-xs-visibility::before {
        content: "6" !important;
    }

    .table-array-radio tr[id$="STUDNPS"] td.answer_cell_7
    label.ls-label-xs-visibility::before {
        content: "7" !important;
    }

    .table-array-radio tr[id$="STUDNPS"] td.answer_cell_8
    label.ls-label-xs-visibility::before {
        content: "8" !important;
    }

    .table-array-radio tr[id$="STUDNPS"] td.answer_cell_9
    label.ls-label-xs-visibility::before {
        content: "9" !important;
    }

    .table-array-radio tr[id$="STUDNPS"] td.answer_cell_10
    label.ls-label-xs-visibility::before {
        content: "10" !important;
    }

    /* Endpunktbeschriftungen */
    .table-array-radio tr[id$="STUDNPS"] td.answer_cell_0
    label.ls-label-xs-visibility::after {
        content: "sehr unwahrscheinlich" !important;
    }

    .table-array-radio tr[id$="STUDNPS"] td.answer_cell_10
    label.ls-label-xs-visibility::after {
        content: "sehr wahrscheinlich" !important;
    }
}
/* Zeilenumbruch der ersten Kano-Teilfrage mobil aufheben */
@media (max-width: 767.98px) {
    .kano-desktop-break {
        display: none !important;
    }
}

.kano-mobile-space {
    display: none;
}

@media (max-width: 767.98px) {
    .kano-mobile-space {
        display: inline !important;
    }
}
/* Unterschiedliche Textvarianten für Desktop und Mobil */
.kano-desktop-only {
    display: inline !important;
}

.kano-mobile-only {
    display: none !important;
}

@media (max-width: 767.98px) {

    .kano-desktop-only {
        display: none !important;
    }

    .kano-mobile-only {
        display: inline !important;
        hyphens: none !important;
        -webkit-hyphens: none !important;
    }
}
/* Semantisches Differenzial FITNESSROLLE:
   nur für die konkrete Matrixzeile X50X507LEBEN */
@media (max-width: 767.98px) {

    .fitnessrolle-skala .table-array-radio tr[id$="LEBEN"] td.answer-item
    label.ls-label-xs-visibility {
        display: grid !important;
        grid-template-columns: 2.2rem minmax(0, 1fr) !important;
        column-gap: 0.7rem !important;
        align-items: baseline !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        font-size: 0 !important;
    }

    .fitnessrolle-skala .table-array-radio tr[id$="LEBEN"] td.answer-item
    label.ls-label-xs-visibility br,
    .fitnessrolle-skala .table-array-radio tr[id$="LEBEN"] td.answer-item
    label.ls-label-xs-visibility strong {
        display: none !important;
    }

    .fitnessrolle-skala .table-array-radio tr[id$="LEBEN"] td.answer-item
    label.ls-label-xs-visibility::before,
    .fitnessrolle-skala .table-array-radio tr[id$="LEBEN"] td.answer-item
    label.ls-label-xs-visibility::after {
        display: block !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: none !important;
        box-shadow: none !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        color: inherit !important;
        font-size: 1rem !important;
        line-height: 1.3 !important;
        pointer-events: none !important;
    }

    /* Zahlenspalte */
    .fitnessrolle-skala .table-array-radio tr[id$="LEBEN"] td.answer-item
    label.ls-label-xs-visibility::before {
        grid-column: 1 !important;
        grid-row: 1 !important;
        text-align: right !important;
        font-variant-numeric: tabular-nums;
    }

    /* Endpunkttexte */
    .fitnessrolle-skala .table-array-radio tr[id$="LEBEN"] td.answer-item
    label.ls-label-xs-visibility::after {
        grid-column: 2 !important;
        grid-row: 1 !important;
        text-align: left !important;
    }

    /* Skalenwerte */
    .fitnessrolle-skala .table-array-radio tr[id$="LEBEN"] td.answer_cell_1
    label.ls-label-xs-visibility::before {
        content: "-2" !important;
    }

    .fitnessrolle-skala .table-array-radio tr[id$="LEBEN"] td.answer_cell_2
    label.ls-label-xs-visibility::before {
        content: "-1" !important;
    }

    .fitnessrolle-skala .table-array-radio tr[id$="LEBEN"] td.answer_cell_3
    label.ls-label-xs-visibility::before {
        content: "0" !important;
    }

    .fitnessrolle-skala .table-array-radio tr[id$="LEBEN"] td.answer_cell_4
    label.ls-label-xs-visibility::before {
        content: "1" !important;
    }

    .fitnessrolle-skala .table-array-radio tr[id$="LEBEN"] td.answer_cell_5
    label.ls-label-xs-visibility::before {
        content: "2" !important;
    }

    /* Endpunktbeschriftung bei -2 */
    .fitnessrolle-skala .table-array-radio tr[id$="LEBEN"] td.answer_cell_1
    label.ls-label-xs-visibility::after {
        content: "überhaupt keine Rolle, sondern findet für mich nur im Fitnessstudio statt" !important;
    }

    /* Keine Endpunkttexte bei -1, 0 und 1 */
    .fitnessrolle-skala .table-array-radio tr[id$="LEBEN"] td.answer_cell_2
    label.ls-label-xs-visibility::after,
    .fitnessrolle-skala .table-array-radio tr[id$="LEBEN"] td.answer_cell_3
    label.ls-label-xs-visibility::after,
    .fitnessrolle-skala .table-array-radio tr[id$="LEBEN"] td.answer_cell_4
    label.ls-label-xs-visibility::after {
        content: "" !important;
    }

    /* Endpunktbeschriftung bei 2 */
    .fitnessrolle-skala .table-array-radio tr[id$="LEBEN"] td.answer_cell_5
    label.ls-label-xs-visibility::after {
        content: "eine sehr grosse Rolle und zieht sich durch alle Lebensbereiche" !important;
        hyphens: none !important;
        -webkit-hyphens: none !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
}
/* Zusatz zur Bildungsantwort nur mobil in neuer Zeile */
.edu-mobile-block {
    display: inline;
}

@media (max-width: 767.98px) {
    .edu-mobile-block {
        display: block !important;
    }
}
/* Umbruch vor „Studio“ nur in der Mobilansicht */
.studio-mobile-break {
    display: none !important;
}

@media (max-width: 767.98px) {
    .studio-mobile-break {
        display: block !important;
    }
}
/* Fragegruppenüberschriften nur mobil verkleinern */
@media (max-width: 767.98px) {

    .group-title,
    .group-title h1,
    .group-name,
    .group-name h1,
    .question-group-title {
        font-size: 2rem !important;
        line-height: 1.15 !important;
        margin-bottom: 0.75rem !important;
    }
}
/* Umbruch nach „Sportarten/“ nur mobil */
.sportarten-mobile-break {
    display: none !important;
}

@media (max-width: 767.98px) {
    .sportarten-mobile-break {
        display: block !important;
    }
}
/* „Motivation“ nur mobil ungetrennt darstellen */
.motivation-mobile-nowrap {
    display: inline;
    white-space: normal;
}

@media (max-width: 767.98px) {
    .motivation-mobile-nowrap {
        display: inline-block !important;
        white-space: nowrap !important;
        hyphens: none !important;
        -webkit-hyphens: none !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
}
/* „erreicht“ nur mobil zusammenhalten */
.erreicht-mobile-nowrap {
    display: inline;
    white-space: normal;
}

@media (max-width: 767.98px) {
    .erreicht-mobile-nowrap {
        display: inline-block !important;
        white-space: nowrap !important;
        hyphens: none !important;
        -webkit-hyphens: none !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
}
/* Einzelne Wörter nur am Desktop ungetrennt darstellen */
.desktop-word-nowrap {
    display: inline-block !important;
    white-space: nowrap !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

@media (max-width: 767.98px) {
    .desktop-word-nowrap {
        display: inline !important;
        white-space: normal !important;
    }
}
/* „Gewissen“ nur mobil zusammenhalten */
.gewissen-mobile-nowrap {
    white-space: normal;
}

@media (max-width: 767.98px) {
    .gewissen-mobile-nowrap {
        display: inline-block !important;
        white-space: nowrap !important;
        hyphens: none !important;
        -webkit-hyphens: none !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
}
/* „aktiver“ nur mobil zusammenhalten */
.aktiver-mobile-nowrap {
    white-space: normal;
}

@media (max-width: 767.98px) {
    .aktiver-mobile-nowrap {
        display: inline-block !important;
        white-space: nowrap !important;
        hyphens: none !important;
        -webkit-hyphens: none !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
    }
}
/* Überschrift „Ich persönlich trainiere …“ nur mobil absetzen */
@media (max-width: 767.98px) {
    p.mobile-first-item-gap {
        margin-top: 1.5rem !important;
        margin-bottom: 0.2rem !important;
    }
}
/* „Fitnessstudios“ nur mobil zusammenhalten */
.fitnessstudios-mobile-nowrap {
    white-space: normal;
}

@media (max-width: 767.98px) {
    .fitnessstudios-mobile-nowrap {
        display: inline-block !important;
        white-space: nowrap !important;
        hyphens: none !important;
        -webkit-hyphens: none !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
}
/* „dieses“ nur mobil zusammenhalten */
.dieses-mobile-nowrap {
    white-space: normal;
}

@media (max-width: 767.98px) {
    .dieses-mobile-nowrap {
        display: inline-block !important;
        white-space: nowrap !important;
        hyphens: none !important;
        -webkit-hyphens: none !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
}
/* „Personen“ nur mobil zusammenhalten */
.personen-mobile-nowrap {
    white-space: normal;
}

@media (max-width: 767.98px) {
    .personen-mobile-nowrap {
        display: inline-block !important;
        white-space: nowrap !important;
        hyphens: none !important;
        -webkit-hyphens: none !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
}
/* Auto-Zoom bei Texteingaben auf Mobilgeräten verhindern */
@media (max-width: 767.98px) {

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="date"],
    textarea,
    select,
    .form-control,
    .form-select {
        font-size: 16px !important;
    }
}
/* Automatischer Umbruch im Fragegruppentitel nur mobil */
.group-mobile-break {
    display: none !important;
}

@media (max-width: 767.98px) {
    .group-mobile-break {
        display: block !important;
    }
}