{"CACHEDAT":"2026-04-14 02:12:07","SLUG":"funktioniert-top-QuXyDcrO1q","MARKDOWN":"```javascript\n/* NAVIGATIONSLEISTE */\n/* kein Strich zwischen Navbar und Top Container */\n.border-bottom {\n border-bottom: 1px solid #ffffff !important;\n}\n\n/* TOP CONTAINER\ndarin findet sich nur die Progress Bar */\n#limesurvey {\n background-color: #ffffff;\n padding-top: 25px;\n padding-bottom: 50px;\n}\n\n.top-container {\n margin-top: 0px;\n margin-bottom: 50px;\n padding-top: 10px;\n padding-bottom: 10px;\n background-color: #eb9929;\n border: none !important;\n position: fixed;\n display: none;\n}\n\n.top-container .container {\n margin-top: 0px;\n margin-bottom: 0px;\n padding-top: 0px !important;\n padding-bottom: 0px;\n background-color: transparent;\n}\n\n/* height of the progress bar */\n.top-container .progress {\n height: 20px;\n background-color: #eb9929;\n border: 0px solid #005575 !important;\n}\n\n.top-container .progress-bar {\n background-color: #ffffff !important;\n color: #eb9929;\n}\n\n.group-container {\n padding-left: 30px;\n padding-right: 30px;\n background-color: #ffffff;\n}\n\n/* Weißer Hintergrund für den Fragenbereich */\n#limesurvey .group-outer-container {\n background-color: #ffffff;\n}\n\n/*erforderlich, wenn top-container / progress-bar mit position:fixed */\n.outerframe {\n margin-top: 0px;\n padding-top: 0px;\n font-size: 18px;\n}\n\n.survey-form-container,\n.form {\n padding-top: 10px;\n}\n\n#firstpage-changelang {\n padding-top: 20px;\n}\n\np {\n font-size: 18px;\n}\n\nli {\n font-size: 18px;\n}\n\n/* Startseite */\n#welcome-container {\n padding: 30px !important;\n margin-top: 0;\n color: #005575 !important;\n}\n\n.text-info {\n color: #005575 !important;\n text-align: left !important;\n}\n\n.survey-description a {\n color: #eb9929 !important;\n}\n\n.survey-description a:visited {\n color: #6699AC !important;\n}\n\n.survey-description a:hover {\n color: #eb9929 !important;\n}\n\n.survey-description a:active {\n color: #eb9929 !important;\n}\n\n/* PRIVACY */\n.privacy {\n min-height: 20px;\n background: none !important;\n color: #ffffff !important;\n margin-top: 50px;\n font-size: 18px;\n}\n\n.privacy-block {\n background: #eb9929;\n padding-left: 30px;\n}\n\n.privacy .form-check {\n padding-left: 30px;\n padding-right: 30px;\n background: #eb9929;\n}\n\n.privacy .form-check-label {\n margin-left: 10px;\n font-weight: normal !important;\n font-size: 18px;\n}\n\n.privacy a {\n padding-left: 10px;\n font-weight: normal !important;\n color: #005575;\n}\n\n.privacy .form-check-label a:visited {\n color: #6699AC !important;\n}\n\n.privacy .form-check-label a:hover {\n color: #005575 !important;\n}\n\n.privacy .form-check-label a:active {\n color: #005575 !important;\n}\n\n/* Buttons ohne abgerundete Ecken */\n.ls-move-btn {\n border-radius: 0;\n}\n\n.ls-move-btn:hover {\n color: #ffffff;\n}\n\n.survey-name {\n color: #eb9929;\n margin-top: 0px;\n margin-bottom: 60px;\n font-size: 60px;\n font-weight: 400;\n text-align: center !important;\n}\n\n/* QUESTIONS */\n/* Fragen-Box */\n.outerwrapper {\n margin-top: 10px;\n margin-bottom: 10px;\n margin-left: 0;\n margin-right: 0;\n float: none;\n clear: both;\n background-color: #fff;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);\n}\n\n/* Abstände zwischen einzelnen Fragen */\n.question-container {\n background-color: #ffffff;\n border: none;\n width: 100%;\n margin-left: 0px;\n margin-right: 0px;\n padding-bottom: 0px;\n margin-bottom: 40px;\n margin-top: 40px;\n}\n\n/* Stlying für Fragen-Titel */\n.question-title-container {\n background-color: #ffffff;\n color: #005575;\n margin-bottom: 0;\n padding: 0;\n padding-right: 10px;\n font-weight: normal;\n font-size: 18px;\n}\n\n/* Längere Fragen oberhalb der Antwort-Box anzeigen, so dass auch ein Help Text möglich ist */\n.text-box .question-title-container {\n width: 100%;\n}\n\n.ls-answers tbody .answertext {\n text-align: left !important;\n margin-bottom: 0 !important;\n}\n\n.ls-answers tbody .answertext p {\n font-weight: bold !important;\n margin-bottom: 0 !important;\n}\n\n.ls-answers tbody ul {\n padding-left: 0 !important;\n margin-left: 1rem !important;\n}\n\n.ls-answers tbody .radio-list li {\n margin-right: 0 !important;\n margin-bottom: 1em;\n}\n\n/* =====================================================\n SIDE-BY-SIDE LAYOUT FIX - HIGH SPECIFICITY VERSION\n ===================================================== */\n\n/* Override Bootstrap flex on question-container */\n#limesurvey .question-container.row {\n display: block !important;\n}\n\n/* Question title - fixed width on the left */\n#limesurvey .question-container.row > .question-title-container.col-12 {\n width: 220px !important;\n float: left !important;\n clear: left !important;\n flex: none !important;\n max-width: 220px !important;\n margin-bottom: 10px;\n}\n\n/* Answer container - fills remaining space */\n#limesurvey .question-container.row > .answer-container.col-12 {\n width: calc(100% - 230px) !important;\n float: right !important;\n flex: none !important;\n max-width: calc(100% - 230px) !important;\n}\n\n/* Hide help and valid containers properly */\n#limesurvey .question-container.row > .question-help-container.col-12,\n#limesurvey .question-container.row > .question-valid-container.col-12 {\n display: none !important;\n}\n\n/* Clearfix */\n#limesurvey .question-container.row::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n/* Text-box questions stay full width (stacked) */\n#limesurvey .question-container.row.text-box > .question-title-container.col-12,\n#limesurvey .question-container.row.text-box > .answer-container.col-12 {\n width: 100% !important;\n max-width: 100% !important;\n float: none !important;\n clear: both !important;\n}\n\n/* Mobile - stack vertically */\n@media only screen and (max-width: 767px) {\n #limesurvey .question-container.row > .question-title-container.col-12,\n #limesurvey .question-container.row > .answer-container.col-12 {\n width: 100% !important;\n max-width: 100% !important;\n float: none !important;\n clear: both !important;\n }\n}\n\n/* Medium screens - narrower label */\n@media only screen and (min-width: 768px) and (max-width: 1023px) {\n #limesurvey .question-container.row > .question-title-container.col-12 {\n width: 180px !important;\n max-width: 180px !important;\n }\n\n #limesurvey .question-container.row > .answer-container.col-12 {\n width: calc(100% - 190px) !important;\n max-width: calc(100% - 190px) !important;\n }\n}\n\n/* ===================================================== */\n\n/* =====================================================\n CHECKBOX/RADIO SPALTEN - RESPONSIVE\n ===================================================== */\n\n/* Weniger Spalten auf mittleren Bildschirmen */\n@media only screen and (min-width: 768px) and (max-width: 1199px) {\n .checkbox-list.ls-column-count-5,\n .radio-list.ls-column-count-5,\n .checkbox-list.ls-column-count-6,\n .radio-list.ls-column-count-6 {\n column-count: 3 !important;\n }\n}\n\n@media only screen and (max-width: 767px) {\n .checkbox-list.ls-column-count-5,\n .radio-list.ls-column-count-5,\n .checkbox-list.ls-column-count-6,\n .radio-list.ls-column-count-6 {\n column-count: 2 !important;\n }\n}\n\n@media only screen and (max-width: 480px) {\n .checkbox-list.ls-column-count-5,\n .radio-list.ls-column-count-5,\n .checkbox-list.ls-column-count-6,\n .radio-list.ls-column-count-6 {\n column-count: 1 !important;\n }\n}\n\n\n/* Dropdown volle Breite */\n.answer-container .ls-answers.answer-item .col-auto {\n width: 100% !important;\n flex: 1 1 100% !important;\n}\n\n.answer-container .ls-answers.answer-item select.form-select {\n width: 100% !important;\n}\n\n/* ===================================================== */\n\n@media only screen and (max-width: 480px) {\n #welcome-container {\n padding-left: 5px !important;\n padding-right: 5px !important;\n }\n\n .survey-form-container {\n padding-left: 5px !important;\n padding-right: 5px !important;\n }\n\n .title-responsive {\n margin-top: 20px !important;\n margin-bottom: 50px !important;\n }\n\n .title-responsive h1 {\n font-size: 40px !important;\n color: #005575 !important;\n }\n}\n\n@media only screen and (max-width: 768px) {\n #welcome-container {\n padding-left: 20px !important;\n padding-right: 20px !important;\n }\n\n .survey-form-container {\n padding-left: 20px !important;\n padding-right: 20px !important;\n }\n}\n\n@media only screen and (min-width: 768px) {\n .survey-form-container {\n padding-left: 50px;\n padding-right: 50px;\n }\n}\n\n.group-title {\n text-align: left;\n margin-bottom: 50px;\n margin-top: 20px;\n background: transparent;\n}\n\n/* FELD ZWISCHEN FRAGEN UND ANTWORTEN */\n/* Warnung */\n.alert {\n background-color: #eb9929;\n color: #ffffff;\n}\n\n/* Hilfe */\n.group-container .question-help-container {\n background-color: #ffffff;\n margin-bottom: 0px;\n padding-left: 0px;\n padding-right: 0px;\n}\n\n.ls-questionhelp {\n font-size: 18px;\n color: #eb9929;\n padding-left: 5px;\n}\n\n/* Warnmeldung mandatory */\n.group-container .question-valid-container {\n background-color: #ffffff;\n margin-bottom: 0px;\n padding-left: 30px;\n padding-right: 30px;\n color: #eb9929 !important;\n}\n\n.em_num_answers,\n.emtip,\n.error {\n font-size: 18px;\n color: #005575;\n}\n\n/* Farbe vom Rufezeichen und Abstand Rufezeichen Text*/\n.question-valid-container {\n display: none;\n}\n\n.group-container .question-valid-container .fa {\n padding-right: 5px;\n}\n\n/* hide red asterisk for mandatory questions */\n.asterisk {\n display: none;\n}\n\n/* ANTWORTEN */\n.answer-container .container {\n padding-left: 0;\n padding-right: 0;\n}\n\n/* Auswahl-Buttons - links bündig, aber rechts Abstand zum nächsten*/\n.form-check {\n padding-left: 0;\n padding-right: 20px;\n border-radius: 0;\n}\n\n/* BUTTONS */\n.btn-primary:hover,\n.btn-primary:focus {\n background: #eb9929 !important;\n border: 1px solid #005575 !important;\n filter: none !important;\n color: #ffffff !important;\n}\n\n.btn-check:checked+.btn-primary {\n background-color: #eb9929 !important;\n border: 1px solid #eb9229 !important;\n box-shadow: none !important;\n color: #ffffff !important;\n filter: none !important;\n}\n\n.btn-check .btn-primary:focus,\n.btn-check:focus+.btn-primary {\n background-color: #eb9929 !important;\n border: 1px solid #005575 !important;\n box-shadow: none !important;\n color: #ffffff !important;\n filter: none !important;\n}\n\n.btn-check:focus:checked+.btn-primary,\n.btn-check .btn-primary:focus:checked {\n background-color: #eb9929 !important;\n border: 1px solid #005575 !important;\n color: #fff !important;\n filter: none !important;\n}\n\n.btn-check .btn-primary:active,\n.btn-check:active+.btn-primary {\n background-color: #eb9929 !important;\n border: 1px solid #eb9929 !important;\n box-shadow: none !important;\n color: #fff !important;\n filter: none !important;\n}\n\n/* Matrix Text in blau */\n.table {\n --bs-table-bg: transparent;\n --bs-table-accent-bg: transparent;\n --bs-table-striped-color: #005575;\n --bs-table-striped-bg: #d1e1e1;\n --bs-table-active-color: #ffffff;\n --bs-table-active-bg: #eb9929;\n --bs-table-hover-color: #ffffff;\n --bs-table-hover-bg: #eb9929;\n border-color: #d1e1e1;\n color: #005575;\n margin-bottom: 1rem;\n vertical-align: top;\n width: 100%;\n}\n\n/* horizontale Linien raus */\n.table-bordered>:not(caption)>* {\n border-width: 1px 0;\n}\n\nth,\ntd {\n color: #005575;\n}\n\n.dropdown-menu>li>a:hover,\n.dropdown-menu>li>a:focus {\n background-color: #d1e1e1;\n}\n\n.table-hover>tbody>tr:hover,\ntr.answers-list:hover,\n.array-flexible-column tr.answers-list:hover {\n background-color: #d1e1e1;\n}\n\n/* SINGLE- & MULTIPLE CHOICE LISTS */\n/* Gleicher Abstand zwischen allen Auswahlmöglichkeiten */\n.answer-container .radio-item,\n.answer-container .checkbox-item,\n.answer-container .question-item,\n.answer-container .answer-item,\n.answer-container .mb-1 {\n margin-bottom: 8px !important;\n}\n\n/* Mehr Abstand zwischen Checkbox/Radio und Label \n& Vertikale Ausrichtung von Checkbox/Radio und Label */\n.answer-container .radio-item label,\n.answer-container .checkbox-item label {\n padding-left: 10px;\n vertical-align: middle !important;\n margin-top:1px;\n}\n\n\n\n.dir-ltr .radio-item input[type=\"radio\"], .dir-ltr .checkbox-item input[type=\"checkbox\"]\n {\n left: 0;\n margin-top:1px!important;\n}\n\n/* nur Kommentarfeld in Multiple Choice with Comment */\n#limesurvey .comment-box-no-text .comment-item .form-control {\n margin-left: 20px;\n margin-top: -25px;\n}\n\n#limesurvey .comment-box-no-text .row,\n#limesurvey .SSI-topics .row {\n padding-left: 10px !important;\n padding-right: 20px;\n}\n\n/* REGISTRATION FORM */\n/* Breite von Checkbox-Antworten festlegen, damit alle untereinander angezeigt werden */\n.registration-form .list-unstyled.col-12.col-md-2,\n.registration-form .list-unstyled.col-md-4.col-12 {\n width: 170px;\n padding-right: 0;\n margin-right: 0;\n}\n\n/* Other: nicht anzeigen */\n.registration-form .checkbox-item.othertext-label-checkox-container {\n display: none;\n}\n\n.registration-form ul {\n margin-bottom: 0;\n}\n\n.ls-answers {\n padding: 0;\n}\n\n/* Mehrere Fragen in einer Zeile - WICHTIG: dann müssen CSS Media Queries definiert werden*/\n.float-left {\n float: left;\n clear: left;\n}\n\n.float-right {\n float: right;\n}\n\n/* 2 Fragen in einer Zeile */\n.2Q_50-50_left {\n float: left;\n width: 50%;\n clear: left;\n}\n\n.2Q_50-50_right {\n float: right;\n width: 50%;\n}\n\n/* 3 Fragen in einer Zeile */\n.Q_10_left {\n float: left;\n width: 20%;\n clear: left;\n}\n\n.Q_20_left {\n float: left;\n width: 20%;\n clear: left;\n}\n\n.Q_26_left {\n float: left;\n width: 26%;\n clear: left;\n}\n\n.Q_33\\.3left {\n float: left;\n width: 33.3%;\n clear: left;\n}\n\n.Q_50_left {\n float: left;\n width: 50%;\n clear: left;\n}\n\n.Q_10 {\n float: left;\n width: 10%;\n}\n\n.Q_11 {\n float: left;\n width: 11%;\n}\n\n.Q_20 {\n float: left;\n width: 20%;\n}\n\n.Q_26 {\n float: left;\n width: 26%;\n}\n\n.Q_33\\.3 {\n float: left;\n width: 33.3%;\n}\n\n.Q_40 {\n float: left;\n width: 40%;\n}\n\n.Q_50 {\n float: left;\n width: 50%;\n}\n\n/* weiß ich nicht mehr */\n.Q-page {\n width: 100%;\n}\n\n/*Submit-Button eingerückt*/\n.text-start {\n padding-left: 40px !important;\n}\n\n.text-end {\n padding-right: 40px !important;\n}\n\n/* Checkbox-Label wird bei Multiple Choice unter den anderen dargestellt -> so nicht mehr */\n.checkbox-item.othertext-label-checkox-container {\n padding-top: 0;\n}\n\n/* Links nicht in nicht passendem blau */\na {\n color: #eb9929 !important;\n}\n\na:visited {\n color: #6699AC !important;\n}\n\na:hover {\n color: #eb9929 !important;\n}\n\na:active {\n color: #eb9929 !important;\n}\n```","HTML":"
/* NAVIGATIONSLEISTE */
/* kein Strich zwischen Navbar und Top Container */
.border-bottom {
    border-bottom: 1px solid #ffffff !important;
}

/* TOP CONTAINER
darin findet sich nur die Progress Bar */
#limesurvey {
    background-color: #ffffff;
    padding-top: 25px;
    padding-bottom: 50px;
}

.top-container {
    margin-top: 0px;
    margin-bottom: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eb9929;
    border: none !important;
    position: fixed;
    display: none;
}

.top-container .container {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px !important;
    padding-bottom: 0px;
    background-color: transparent;
}

/* height of the progress bar */
.top-container .progress {
    height: 20px;
    background-color: #eb9929;
    border: 0px solid #005575 !important;
}

.top-container .progress-bar {
    background-color: #ffffff !important;
    color: #eb9929;
}

.group-container {
    padding-left: 30px;
    padding-right: 30px;
    background-color: #ffffff;
}

/* Weißer Hintergrund für den Fragenbereich */
#limesurvey .group-outer-container {
    background-color: #ffffff;
}

/*erforderlich, wenn top-container / progress-bar mit position:fixed */
.outerframe {
    margin-top: 0px;
    padding-top: 0px;
    font-size: 18px;
}

.survey-form-container,
.form {
    padding-top: 10px;
}

#firstpage-changelang {
    padding-top: 20px;
}

p {
    font-size: 18px;
}

li {
    font-size: 18px;
}

/* Startseite */
#welcome-container {
    padding: 30px !important;
    margin-top: 0;
    color: #005575 !important;
}

.text-info {
    color: #005575 !important;
    text-align: left !important;
}

.survey-description a {
    color: #eb9929 !important;
}

.survey-description a:visited {
    color: #6699AC !important;
}

.survey-description a:hover {
    color: #eb9929 !important;
}

.survey-description a:active {
    color: #eb9929 !important;
}

/* PRIVACY */
.privacy {
    min-height: 20px;
    background: none !important;
    color: #ffffff !important;
    margin-top: 50px;
    font-size: 18px;
}

.privacy-block {
    background: #eb9929;
    padding-left: 30px;
}

.privacy .form-check {
    padding-left: 30px;
    padding-right: 30px;
    background: #eb9929;
}

.privacy .form-check-label {
    margin-left: 10px;
    font-weight: normal !important;
    font-size: 18px;
}

.privacy a {
    padding-left: 10px;
    font-weight: normal !important;
    color: #005575;
}

.privacy .form-check-label a:visited {
    color: #6699AC !important;
}

.privacy .form-check-label a:hover {
    color: #005575 !important;
}

.privacy .form-check-label a:active {
    color: #005575 !important;
}

/* Buttons ohne abgerundete Ecken */
.ls-move-btn {
    border-radius: 0;
}

.ls-move-btn:hover {
    color: #ffffff;
}

.survey-name {
    color: #eb9929;
    margin-top: 0px;
    margin-bottom: 60px;
    font-size: 60px;
    font-weight: 400;
    text-align: center !important;
}

/* QUESTIONS */
/* Fragen-Box */
.outerwrapper {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    float: none;
    clear: both;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
}

/* Abstände zwischen einzelnen Fragen */
.question-container {
    background-color: #ffffff;
    border: none;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    margin-bottom: 40px;
    margin-top: 40px;
}

/* Stlying für Fragen-Titel */
.question-title-container {
    background-color: #ffffff;
    color: #005575;
    margin-bottom: 0;
    padding: 0;
    padding-right: 10px;
    font-weight: normal;
    font-size: 18px;
}

/* Längere Fragen oberhalb der Antwort-Box anzeigen, so dass auch ein Help Text möglich ist */
.text-box .question-title-container {
    width: 100%;
}

.ls-answers tbody .answertext {
    text-align: left !important;
    margin-bottom: 0 !important;
}

.ls-answers tbody .answertext p {
    font-weight: bold !important;
    margin-bottom: 0 !important;
}

.ls-answers tbody ul {
    padding-left: 0 !important;
    margin-left: 1rem !important;
}

.ls-answers tbody .radio-list li {
    margin-right: 0 !important;
    margin-bottom: 1em;
}

/* =====================================================
   SIDE-BY-SIDE LAYOUT FIX - HIGH SPECIFICITY VERSION
   ===================================================== */

/* Override Bootstrap flex on question-container */
#limesurvey .question-container.row {
    display: block !important;
}

/* Question title - fixed width on the left */
#limesurvey .question-container.row > .question-title-container.col-12 {
    width: 220px !important;
    float: left !important;
    clear: left !important;
    flex: none !important;
    max-width: 220px !important;
    margin-bottom: 10px;
}

/* Answer container - fills remaining space */
#limesurvey .question-container.row > .answer-container.col-12 {
    width: calc(100% - 230px) !important;
    float: right !important;
    flex: none !important;
    max-width: calc(100% - 230px) !important;
}

/* Hide help and valid containers properly */
#limesurvey .question-container.row > .question-help-container.col-12,
#limesurvey .question-container.row > .question-valid-container.col-12 {
    display: none !important;
}

/* Clearfix */
#limesurvey .question-container.row::after {
    content: "";
    display: table;
    clear: both;
}

/* Text-box questions stay full width (stacked) */
#limesurvey .question-container.row.text-box > .question-title-container.col-12,
#limesurvey .question-container.row.text-box > .answer-container.col-12 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
}

/* Mobile - stack vertically */
@media only screen and (max-width: 767px) {
    #limesurvey .question-container.row > .question-title-container.col-12,
    #limesurvey .question-container.row > .answer-container.col-12 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
    }
}

/* Medium screens - narrower label */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #limesurvey .question-container.row > .question-title-container.col-12 {
        width: 180px !important;
        max-width: 180px !important;
    }

    #limesurvey .question-container.row > .answer-container.col-12 {
        width: calc(100% - 190px) !important;
        max-width: calc(100% - 190px) !important;
    }
}

/* ===================================================== */

/* =====================================================
   CHECKBOX/RADIO SPALTEN - RESPONSIVE
   ===================================================== */

/* Weniger Spalten auf mittleren Bildschirmen */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .checkbox-list.ls-column-count-5,
    .radio-list.ls-column-count-5,
    .checkbox-list.ls-column-count-6,
    .radio-list.ls-column-count-6 {
        column-count: 3 !important;
    }
}

@media only screen and (max-width: 767px) {
    .checkbox-list.ls-column-count-5,
    .radio-list.ls-column-count-5,
    .checkbox-list.ls-column-count-6,
    .radio-list.ls-column-count-6 {
        column-count: 2 !important;
    }
}

@media only screen and (max-width: 480px) {
    .checkbox-list.ls-column-count-5,
    .radio-list.ls-column-count-5,
    .checkbox-list.ls-column-count-6,
    .radio-list.ls-column-count-6 {
        column-count: 1 !important;
    }
}


/* Dropdown volle Breite */
.answer-container .ls-answers.answer-item .col-auto {
    width: 100% !important;
    flex: 1 1 100% !important;
}

.answer-container .ls-answers.answer-item select.form-select {
    width: 100% !important;
}

/* ===================================================== */

@media only screen and (max-width: 480px) {
    #welcome-container {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .survey-form-container {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .title-responsive {
        margin-top: 20px !important;
        margin-bottom: 50px !important;
    }

    .title-responsive h1 {
        font-size: 40px !important;
        color: #005575 !important;
    }
}

@media only screen and (max-width: 768px) {
    #welcome-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .survey-form-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media only screen and (min-width: 768px) {
    .survey-form-container {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.group-title {
    text-align: left;
    margin-bottom: 50px;
    margin-top: 20px;
    background: transparent;
}

/* FELD ZWISCHEN FRAGEN UND ANTWORTEN */
/* Warnung */
.alert {
    background-color: #eb9929;
    color: #ffffff;
}

/* Hilfe */
.group-container .question-help-container {
    background-color: #ffffff;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.ls-questionhelp {
    font-size: 18px;
    color: #eb9929;
    padding-left: 5px;
}

/* Warnmeldung mandatory */
.group-container .question-valid-container {
    background-color: #ffffff;
    margin-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
    color: #eb9929 !important;
}

.em_num_answers,
.emtip,
.error {
    font-size: 18px;
    color: #005575;
}

/* Farbe vom Rufezeichen und Abstand Rufezeichen Text*/
.question-valid-container {
    display: none;
}

.group-container .question-valid-container .fa {
    padding-right: 5px;
}

/* hide red asterisk for mandatory questions */
.asterisk {
    display: none;
}

/* ANTWORTEN */
.answer-container .container {
    padding-left: 0;
    padding-right: 0;
}

/* Auswahl-Buttons - links bündig, aber rechts Abstand zum nächsten*/
.form-check {
    padding-left: 0;
    padding-right: 20px;
    border-radius: 0;
}

/* BUTTONS */
.btn-primary:hover,
.btn-primary:focus {
    background: #eb9929 !important;
    border: 1px solid #005575 !important;
    filter: none !important;
    color: #ffffff !important;
}

.btn-check:checked+.btn-primary {
    background-color: #eb9929 !important;
    border: 1px solid #eb9229 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    filter: none !important;
}

.btn-check .btn-primary:focus,
.btn-check:focus+.btn-primary {
    background-color: #eb9929 !important;
    border: 1px solid #005575 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    filter: none !important;
}

.btn-check:focus:checked+.btn-primary,
.btn-check .btn-primary:focus:checked {
    background-color: #eb9929 !important;
    border: 1px solid #005575 !important;
    color: #fff !important;
    filter: none !important;
}

.btn-check .btn-primary:active,
.btn-check:active+.btn-primary {
    background-color: #eb9929 !important;
    border: 1px solid #eb9929 !important;
    box-shadow: none !important;
    color: #fff !important;
    filter: none !important;
}

/* Matrix Text in blau */
.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #005575;
    --bs-table-striped-bg: #d1e1e1;
    --bs-table-active-color: #ffffff;
    --bs-table-active-bg: #eb9929;
    --bs-table-hover-color: #ffffff;
    --bs-table-hover-bg: #eb9929;
    border-color: #d1e1e1;
    color: #005575;
    margin-bottom: 1rem;
    vertical-align: top;
    width: 100%;
}

/* horizontale Linien raus */
.table-bordered>:not(caption)>* {
    border-width: 1px 0;
}

th,
td {
    color: #005575;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: #d1e1e1;
}

.table-hover>tbody>tr:hover,
tr.answers-list:hover,
.array-flexible-column tr.answers-list:hover {
    background-color: #d1e1e1;
}

/* SINGLE- & MULTIPLE CHOICE LISTS */
/* Gleicher Abstand zwischen allen Auswahlmöglichkeiten */
.answer-container .radio-item,
.answer-container .checkbox-item,
.answer-container .question-item,
.answer-container .answer-item,
.answer-container .mb-1 {
    margin-bottom: 8px !important;
}

/* Mehr Abstand zwischen Checkbox/Radio und Label 
& Vertikale Ausrichtung von Checkbox/Radio und Label */
.answer-container .radio-item label,
.answer-container .checkbox-item label {
    padding-left: 10px;
    vertical-align: middle !important;
   margin-top:1px;
}



.dir-ltr .radio-item input[type="radio"], .dir-ltr .checkbox-item input[type="checkbox"]
 {
    left: 0;
    margin-top:1px!important;
}

/* nur Kommentarfeld in Multiple Choice with Comment */
#limesurvey .comment-box-no-text .comment-item .form-control {
    margin-left: 20px;
    margin-top: -25px;
}

#limesurvey .comment-box-no-text .row,
#limesurvey .SSI-topics .row {
    padding-left: 10px !important;
    padding-right: 20px;
}

/* REGISTRATION FORM */
/* Breite von Checkbox-Antworten festlegen, damit alle untereinander angezeigt werden */
.registration-form .list-unstyled.col-12.col-md-2,
.registration-form .list-unstyled.col-md-4.col-12 {
    width: 170px;
    padding-right: 0;
    margin-right: 0;
}

/* Other: nicht anzeigen */
.registration-form .checkbox-item.othertext-label-checkox-container {
    display: none;
}

.registration-form ul {
    margin-bottom: 0;
}

.ls-answers {
    padding: 0;
}

/* Mehrere Fragen in einer Zeile - WICHTIG: dann müssen CSS Media Queries definiert werden*/
.float-left {
    float: left;
    clear: left;
}

.float-right {
    float: right;
}

/* 2 Fragen in einer Zeile */
.2Q_50-50_left {
    float: left;
    width: 50%;
    clear: left;
}

.2Q_50-50_right {
    float: right;
    width: 50%;
}

/* 3 Fragen in einer Zeile */
.Q_10_left {
    float: left;
    width: 20%;
    clear: left;
}

.Q_20_left {
    float: left;
    width: 20%;
    clear: left;
}

.Q_26_left {
    float: left;
    width: 26%;
    clear: left;
}

.Q_33\.3left {
    float: left;
    width: 33.3%;
    clear: left;
}

.Q_50_left {
    float: left;
    width: 50%;
    clear: left;
}

.Q_10 {
    float: left;
    width: 10%;
}

.Q_11 {
    float: left;
    width: 11%;
}

.Q_20 {
    float: left;
    width: 20%;
}

.Q_26 {
    float: left;
    width: 26%;
}

.Q_33\.3 {
    float: left;
    width: 33.3%;
}

.Q_40 {
    float: left;
    width: 40%;
}

.Q_50 {
    float: left;
    width: 50%;
}

/* weiß ich nicht mehr */
.Q-page {
    width: 100%;
}

/*Submit-Button eingerückt*/
.text-start {
    padding-left: 40px !important;
}

.text-end {
    padding-right: 40px !important;
}

/* Checkbox-Label wird bei Multiple Choice unter den anderen dargestellt -> so nicht mehr */
.checkbox-item.othertext-label-checkox-container {
    padding-top: 0;
}

/* Links nicht in nicht passendem blau */
a {
    color: #eb9929 !important;
}

a:visited {
    color: #6699AC !important;
}

a:hover {
    color: #eb9929 !important;
}

a:active {
    color: #eb9929 !important;
}
","UPDATEDAT":"2026-01-14T17:33:51.804Z","ID":"555e7bce-cbab-48cb-bf5e-1d4513cebd46","TITLE":"funktioniert top"}