{"CACHEDAT":"2026-04-14 02:10:14","SLUG":"neu-strukturiert-gCSRmCsLPI","MARKDOWN":"```javascript\n/* =====================================================\n GRUNDLAYOUT & CONTAINER\n ===================================================== */\n\n/* Kein Strich zwischen Navbar und Top Container */\n.border-bottom {\n border-bottom: 1px solid #ffffff !important;\n}\n\n#limesurvey {\n background-color: #ffffff;\n padding-top: 25px;\n padding-bottom: 50px;\n}\n\n#limesurvey .group-outer-container {\n background-color: #ffffff;\n}\n\n.outerframe {\n padding: 0;\n font-size: 18px;\n}\n\n.survey-form-container,\n.form {\n padding-top: 0px;\n}\n\n.group-container {\n padding-left: 30px;\n padding-right: 30px;\n background-color: #ffffff;\n}\n\n.group-title {\n text-align: left;\n margin-bottom: 50px;\n margin-top: 20px;\n background: transparent;\n}\n\np {\n font-size: 18px;\n}\n\nli {\n font-size: 18px;\n}\n\n\n/* =====================================================\n NAVBAR & PROGRESS BAR\n ===================================================== */\n\n#survey-nav .container {\n padding: 0;\n}\n\n.logo-container > img {\n padding-left: 0;\n padding-right: 0;\n}\n\n.navbar-action-link {\n padding-right: 0;\n}\n\n.px-2 {\n padding-right: 0 !important;\n}\n\n/* Kein Strich zwischen Navbar und Top Container */\n#survey-nav .border-bottom {\n border-bottom: 1px solid #ffffff !important;\n display: none;\n}\n\n/* Progress Bar fixiert */\n.top-container {\n margin: 0;\n padding-top: 10px;\n padding-bottom: 10px;\n padding-left: 0 !important;\n padding-right: 0 !important;\n background-color: #eb9929;\n border: none !important;\n position: fixed;\n z-index: 5;\n}\n\n.top-container .container {\n margin-top: 0px;\n margin-bottom: 0px;\n padding-top: 0px !important;\n padding-bottom: 0px;\n padding-left: 0px;\n padding-right: 0px;\n background-color: transparent;\n}\n\n.top-container .progress {\n height: 20px;\n background-color: #eb9929;\n border: 0px solid #005575 !important;\n display: block;\n}\n\n.top-container .progress-bar {\n background-color: #ffffff !important;\n color: #eb9929;\n z-index: 20;\n font-size: 16px;\n}\n\n/* Platz für fixierte Progress Bar */\n#main-row {\n margin-top: -1px;\n padding-top: 60px;\n}\n\n#main-col {\n margin: 0;\n padding: 0;\n}\n\n\n/* =====================================================\n STARTSEITE & WELCOME\n ===================================================== */\n\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#firstpage-changelang {\n padding-top: 20px;\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\n/* =====================================================\n DATENSCHUTZ (PRIVACY)\n ===================================================== */\n\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\n/* =====================================================\n SURVEY TITEL\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\n/* =====================================================\n FRAGEN-CONTAINER\n ===================================================== */\n\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.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.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 (mit Help Text) */\n.text-box .question-title-container {\n width: 100%;\n}\n\n\n/* =====================================================\n SIDE-BY-SIDE LAYOUT FIX\n Frage links (220px), Antwort rechts (Rest)\n ===================================================== */\n\n#limesurvey .question-container.row {\n display: block !important;\n}\n\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#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#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#limesurvey .question-container.row::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\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\n/* =====================================================\n HILFE & VALIDIERUNG\n ===================================================== */\n\n.alert {\n background-color: #eb9929;\n color: #ffffff;\n}\n\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.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.question-valid-container {\n display: none;\n}\n\n.group-container .question-valid-container .fa {\n padding-right: 5px;\n}\n\n.em_num_answers,\n.emtip,\n.error {\n font-size: 18px;\n color: #005575;\n}\n\n.asterisk {\n display: none;\n}\n\n\n/* =====================================================\n ANTWORTEN & FORMULARELEMENTE\n ===================================================== */\n\n.answer-container .container {\n padding-left: 0;\n padding-right: 0;\n}\n\n.form-check {\n padding-left: 0;\n padding-right: 20px;\n border-radius: 0;\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.ls-answers {\n padding: 0;\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/* =====================================================\n SINGLE & MULTIPLE CHOICE\n ===================================================== */\n\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.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.dir-ltr .radio-item input[type=\"radio\"],\n.dir-ltr .checkbox-item input[type=\"checkbox\"] {\n left: 0;\n margin-top: 1px !important;\n}\n\n/* 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.checkbox-item.othertext-label-checkox-container {\n padding-top: 0;\n}\n\n\n/* =====================================================\n TABELLEN & MATRIX\n ===================================================== */\n\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.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\n/* =====================================================\n BUTTONS\n ===================================================== */\n\n.ls-move-btn {\n border-radius: 0;\n}\n\n.ls-move-btn:hover {\n color: #ffffff;\n}\n\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.text-start {\n padding-left: 40px !important;\n}\n\n.text-end {\n padding-right: 40px !important;\n}\n\n\n/* =====================================================\n REGISTRATION FORM SPEZIFISCH\n ===================================================== */\n\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.registration-form .checkbox-item.othertext-label-checkox-container {\n display: none;\n}\n\n.registration-form ul {\n margin-bottom: 0;\n}\n\n\n/* =====================================================\n CUSTOM CLASSES FÜR MEHRSPALTIGE LAYOUTS\n ===================================================== */\n\n.float-left {\n float: left;\n clear: left;\n}\n\n.float-right {\n float: right;\n}\n\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.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.Q-page {\n width: 100%;\n}\n\n\n/* =====================================================\n LINKS\n ===================================================== */\n\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\n\n/* =====================================================\n RESPONSIVE BREAKPOINTS (Bootstrap 5 Standard)\n - Mobile: max 575px\n - Tablet: max 767px\n - Medium: 768px - 991px\n - Large: 992px+\n ===================================================== */\n\n/* Mobile */\n@media only screen and (max-width: 575px) {\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 .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/* Tablet */\n@media only screen and (max-width: 767px) {\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 #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 .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/* Titel Breakpoint */\n@media only screen and (max-width: 991px) {\n .title-responsive {\n margin-top: 50px !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/* Medium */\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n .survey-form-container {\n padding-left: 50px;\n padding-right: 50px;\n }\n\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 .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/* Large */\n@media only screen and (min-width: 992px) {\n .survey-form-container {\n padding-left: 50px;\n padding-right: 50px;\n }\n}\n```","HTML":"
/* =====================================================
   GRUNDLAYOUT & CONTAINER
   ===================================================== */

/* Kein Strich zwischen Navbar und Top Container */
.border-bottom {
    border-bottom: 1px solid #ffffff !important;
}

#limesurvey {
    background-color: #ffffff;
    padding-top: 25px;
    padding-bottom: 50px;
}

#limesurvey .group-outer-container {
    background-color: #ffffff;
}

.outerframe {
    padding: 0;
    font-size: 18px;
}

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

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

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

p {
    font-size: 18px;
}

li {
    font-size: 18px;
}


/* =====================================================
   NAVBAR & PROGRESS BAR
   ===================================================== */

#survey-nav .container {
    padding: 0;
}

.logo-container > img {
    padding-left: 0;
    padding-right: 0;
}

.navbar-action-link {
    padding-right: 0;
}

.px-2 {
    padding-right: 0 !important;
}

/* Kein Strich zwischen Navbar und Top Container */
#survey-nav .border-bottom {
    border-bottom: 1px solid #ffffff !important;
    display: none;
}

/* Progress Bar fixiert */
.top-container {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: #eb9929;
    border: none !important;
    position: fixed;
    z-index: 5;
}

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

.top-container .progress {
    height: 20px;
    background-color: #eb9929;
    border: 0px solid #005575 !important;
    display: block;
}

.top-container .progress-bar {
    background-color: #ffffff !important;
    color: #eb9929;
    z-index: 20;
    font-size: 16px;
}

/* Platz für fixierte Progress Bar */
#main-row {
    margin-top: -1px;
    padding-top: 60px;
}

#main-col {
    margin: 0;
    padding: 0;
}


/* =====================================================
   STARTSEITE & WELCOME
   ===================================================== */

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

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

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

.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;
}


/* =====================================================
   DATENSCHUTZ (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;
}


/* =====================================================
   SURVEY TITEL
   ===================================================== */

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


/* =====================================================
   FRAGEN-CONTAINER
   ===================================================== */

.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);
}

.question-container {
    background-color: #ffffff;
    border: none;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    margin-bottom: 40px;
    margin-top: 40px;
}

.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 (mit Help Text) */
.text-box .question-title-container {
    width: 100%;
}


/* =====================================================
   SIDE-BY-SIDE LAYOUT FIX
   Frage links (220px), Antwort rechts (Rest)
   ===================================================== */

#limesurvey .question-container.row {
    display: block !important;
}

#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;
}

#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;
}

#limesurvey .question-container.row > .question-help-container.col-12,
#limesurvey .question-container.row > .question-valid-container.col-12 {
    display: none !important;
}

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

#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;
}


/* =====================================================
   HILFE & VALIDIERUNG
   ===================================================== */

.alert {
    background-color: #eb9929;
    color: #ffffff;
}

.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;
}

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

.question-valid-container {
    display: none;
}

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

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

.asterisk {
    display: none;
}


/* =====================================================
   ANTWORTEN & FORMULARELEMENTE
   ===================================================== */

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

.form-check {
    padding-left: 0;
    padding-right: 20px;
    border-radius: 0;
}

/* 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;
}

.ls-answers {
    padding: 0;
}

.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;
}


/* =====================================================
   SINGLE & MULTIPLE CHOICE
   ===================================================== */

.answer-container .radio-item,
.answer-container .checkbox-item,
.answer-container .question-item,
.answer-container .answer-item,
.answer-container .mb-1 {
    margin-bottom: 8px !important;
}

.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;
}

/* 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;
}

.checkbox-item.othertext-label-checkox-container {
    padding-top: 0;
}


/* =====================================================
   TABELLEN & MATRIX
   ===================================================== */

.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%;
}

.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;
}


/* =====================================================
   BUTTONS
   ===================================================== */

.ls-move-btn {
    border-radius: 0;
}

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

.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;
}

.text-start {
    padding-left: 40px !important;
}

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


/* =====================================================
   REGISTRATION FORM SPEZIFISCH
   ===================================================== */

.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;
}

.registration-form .checkbox-item.othertext-label-checkox-container {
    display: none;
}

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


/* =====================================================
   CUSTOM CLASSES FÜR MEHRSPALTIGE LAYOUTS
   ===================================================== */

.float-left {
    float: left;
    clear: left;
}

.float-right {
    float: right;
}

.2Q_50-50_left {
    float: left;
    width: 50%;
    clear: left;
}

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

.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%;
}

.Q-page {
    width: 100%;
}


/* =====================================================
   LINKS
   ===================================================== */

a {
    color: #eb9929 !important;
}

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

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

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


/* =====================================================
   RESPONSIVE BREAKPOINTS (Bootstrap 5 Standard)
   - Mobile: max 575px
   - Tablet: max 767px
   - Medium: 768px - 991px
   - Large: 992px+
   ===================================================== */

/* Mobile */
@media only screen and (max-width: 575px) {
    #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;
    }

    .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;
    }
}

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

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

    #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;
    }

    .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;
    }
}

/* Titel Breakpoint */
@media only screen and (max-width: 991px) {
    .title-responsive {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

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

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

    #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-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;
    }
}

/* Large */
@media only screen and (min-width: 992px) {
    .survey-form-container {
        padding-left: 50px;
        padding-right: 50px;
    }
}
","UPDATEDAT":"2026-01-14T19:06:38.397Z","ID":"c2b53c47-4333-49c5-b8bd-e2b1606d181d","TITLE":"neu strukturiert"}