{"CACHEDAT":"2026-04-14 02:06:04","SLUG":"css-HzEg57sIXf","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\n.group-description {\n background-color:#d1e1e1;\n margin-bottom:50px;\n}\n\n.group-description .well {\n background-color:transparent!important;\n margin-bottom:0 !important;\n}\n\np {\n font-size: 18px !important;\n}\n\nli {\n font-size: 18px;\n text-align:left !important;\n}\n\nh1 {\n line-height:2 !important;\n font-size:2rem !important;\n}\n\nh2 {\n line-height:1.75 !important;\n font-size:1.75rem !important;\n}\n\nh3 {\n line-height:1.5 !important;\n font-size:1.5rem !important;\n}\n\nh4 {\n line-height:1.25 !important;\n font-size:1.25rem !important;\n font-weight:600;\n margin-top:2rem;\n}\n\n/* Silbentrennung deaktiviert: none - aktiviert: auto */\n\n#outerframeContainer {\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n -o-hyphens: none;\n hyphens: none;\n}\n\n/* =====================================================\n NAVBAR & PROGRESS BAR\n ===================================================== */\n#survey-nav .container,\n#survey-nav .container-fluid {\n max-width: 720px;\n margin: 0 auto;\n padding-left: 15px;\n padding-right: 15px;\n}\n\n@media (min-width: 992px) {\n #survey-nav .container,\n #survey-nav .container-fluid {\n max-width: 960px;\n }\n}\n\n@media (min-width: 1200px) {\n #survey-nav .container,\n #survey-nav .container-fluid {\n max-width: 1140px;\n }\n}\n\n@media (min-width: 1400px) {\n #survey-nav .container,\n #survey-nav .container-fluid {\n max-width: 1320px;\n }\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/* WICHTIG: Überschreibt theme.css padding/margin */\n.top-container .top-content {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n margin-bottom: 0 !important;\n}\n\n.top-container .container {\n margin: 0;\n padding: 0 !important;\n background-color: transparent;\n}\n\n.top-container .progress {\n height: 20px;\n background-color: #eb9929;\n border: 0 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-Link: normal weiß, visited #005575 */\n.privacy .form-check-label a,\n.privacy .form-check-label a:link {\n padding-left: 10px;\n font-weight: normal !important;\n color: #ffffff !important;\n}\n\n.privacy .form-check-label a:visited {\n color: #005575 !important;\n}\n\n/* Hover / Active bewusst kontrolliert */\n.privacy .form-check-label a:hover,\n.privacy .form-check-label a:active,\n.privacy .form-check-label a:focus {\n color: #005575 !important;\n}\n\n/* Privacy link inside notice text */\n.privacy-block .limit-text-window a,\n.privacy-block .limit-text-window a:link {\n color: #ffffff !important;\n text-decoration: underline;\n}\n\n/* Visited link */\n.privacy-block .limit-text-window a:visited {\n color: #005575 !important;\n}\n\n/* Hover / focus */\n.privacy-block .limit-text-window a:hover,\n.privacy-block .limit-text-window a:focus,\n.privacy-block .limit-text-window a:active {\n color: #005575 !important;\n}\n\n.privacy .card {\n display:none;\n}\n\n#datasecurity_notice {\n border:none !important;\n margin:0;\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: 4rem !important; /* vorher: 60px */\n font-weight: 400;\n text-align: center !important;\n}\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.bip-item .question-container {\n margin-top: 20px;\n margin-bottom: 20px;\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[style*=\"display: none\"] {\n display: none !important;\n}\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/* Multiple Rows */\n\n.form-horizontal .control-label.col-12 {\n text-align: left !important;\n}\n\n.bip-items .answer-container .mb-3 {\n margin-bottom:25px !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: 10px !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 Akkordeon\n ===================================================== */\n\n.details-wrapper{\nwidth:100% !important;\nmargin-top:50px !important;\n \n}\n\n.details-content{\nmargin-top:0px !important;\nmargin-bottom:30px !important;\npadding-top:10px !important;\npadding-bottom:10px !important;\ntext-align:left\n \n}\n\n\ndetails li{\n font-size:18px;\n text-align:left;\n color:#005575;\n}\n\ndetails summary{\nbackground-color:#005575; !important;\nfont-size:24px !important;\nfont-weight:300 !important;\ncolor:#ffffff !important;\ntext-align:left !important;\npadding-top:5px !important;\npadding-bottom:5px !important;\npadding-left:10px !important;\npadding-right:10px !important;\nmargin-top:20px !important;\nmargin-bottom:0px !important;\nlist-style:none !important;\ncursor:pointer !important;\nborder:none;\n \n}\n\nsummary{\nposition:relative !important}\n\nsummary::marker{\ncolor:transparent !important}\n\nsummary::after{\ncontent:\"+\" !important;\nposition:absolute !important;\ncolor:#ffffff !important;\nfont-size:1.5em !important;\ntop:0 !important;\nright:20px !important;\ntransition:all 0.5s !important}\n\ndetails[open] summary::after{\ntransform: translate(0,0) rotate(45deg);\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\nol {\n margin-left: 20px !important;\n padding-left:0 !important;\n}\n\ndiv .bip {\n margin-top: 25px;\n margin-bottom:50px;\n border-style: solid none solid none !important;\n border-color:#eb9929 !important;\n border-width:5px !important;\n padding-top:0px;\n padding-bottom:25px !important;\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 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\n }\n /* 1 Spalte auf Mobile */\n .checkbox-list,\n .radio-list,\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 /* 2 Spalten auf Tablet (gestapelt = volle Breite) */\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 /* 2 Spalten auf Medium (side-by-side = schmale Antwortbox) */\n .checkbox-list,\n .radio-list,\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/* Large */\n@media only screen and (min-width: 992px) {\n .survey-form-container {\n padding-left: 10px;\n padding-right: 10px;\n }\n .title-responsive h2 {\n color: #ffffcc !important;\n }\n}\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;
}

.group-description {
    background-color:#d1e1e1;
    margin-bottom:50px;
}

.group-description .well {
    background-color:transparent!important;
    margin-bottom:0 !important;
}

p {
    font-size: 18px !important;
}

li {
    font-size: 18px;
    text-align:left !important;
}

h1 {
    line-height:2 !important;
    font-size:2rem !important;
}

h2 {
    line-height:1.75 !important;
    font-size:1.75rem !important;
}

h3 {
    line-height:1.5 !important;
    font-size:1.5rem !important;
}

h4 {
    line-height:1.25 !important;
    font-size:1.25rem !important;
    font-weight:600;
    margin-top:2rem;
}

/* Silbentrennung deaktiviert: none - aktiviert: auto */

#outerframeContainer {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none;
}

/* =====================================================
   NAVBAR & PROGRESS BAR
   ===================================================== */
#survey-nav .container,
#survey-nav .container-fluid {
    max-width: 720px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    #survey-nav .container,
    #survey-nav .container-fluid {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    #survey-nav .container,
    #survey-nav .container-fluid {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    #survey-nav .container,
    #survey-nav .container-fluid {
        max-width: 1320px;
    }
}

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

/* WICHTIG: Überschreibt theme.css padding/margin */
.top-container .top-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

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

.top-container .progress {
    height: 20px;
    background-color: #eb9929;
    border: 0 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-Link: normal weiß, visited #005575 */
.privacy .form-check-label a,
.privacy .form-check-label a:link {
    padding-left: 10px;
    font-weight: normal !important;
    color: #ffffff !important;
}

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

/* Hover / Active bewusst kontrolliert */
.privacy .form-check-label a:hover,
.privacy .form-check-label a:active,
.privacy .form-check-label a:focus {
    color: #005575 !important;
}

/* Privacy link inside notice text */
.privacy-block .limit-text-window a,
.privacy-block .limit-text-window a:link {
    color: #ffffff !important;
    text-decoration: underline;
}

/* Visited link */
.privacy-block .limit-text-window a:visited {
    color: #005575 !important;
}

/* Hover / focus */
.privacy-block .limit-text-window a:hover,
.privacy-block .limit-text-window a:focus,
.privacy-block .limit-text-window a:active {
    color: #005575 !important;
}

.privacy .card {
    display:none;
}

#datasecurity_notice {
    border:none !important;
    margin:0;
}


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

.survey-name {
    color: #eb9929;
    margin-top: 0px;
    margin-bottom: 60px;
    font-size: 4rem !important; /* vorher: 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;
}

.bip-item .question-container {
    margin-top: 20px;
    margin-bottom: 20px;
}

.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[style*="display: none"] {
    display: none !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;
}

/* Multiple Rows */

.form-horizontal .control-label.col-12 {
    text-align: left !important;
}

.bip-items .answer-container .mb-3 {
   margin-bottom:25px !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: 10px !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;
}

/* =====================================================
   Akkordeon
   ===================================================== */

.details-wrapper{
width:100% !important;
margin-top:50px !important;
    
}

.details-content{
margin-top:0px !important;
margin-bottom:30px !important;
padding-top:10px !important;
padding-bottom:10px !important;
text-align:left
    
}


details li{
    font-size:18px;
    text-align:left;
    color:#005575;
}

details summary{
background-color:#005575; !important;
font-size:24px !important;
font-weight:300 !important;
color:#ffffff !important;
text-align:left !important;
padding-top:5px !important;
padding-bottom:5px !important;
padding-left:10px !important;
padding-right:10px !important;
margin-top:20px !important;
margin-bottom:0px !important;
list-style:none !important;
cursor:pointer !important;
border:none;
    
}

summary{
position:relative !important}

summary::marker{
color:transparent !important}

summary::after{
content:"+" !important;
position:absolute !important;
color:#ffffff !important;
font-size:1.5em !important;
top:0 !important;
right:20px !important;
transition:all 0.5s !important}

details[open] summary::after{
transform: translate(0,0) rotate(45deg);

}

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

ol {
    margin-left: 20px !important;
    padding-left:0 !important;
}

div .bip {
    margin-top: 25px;
    margin-bottom:50px;
    border-style: solid none solid none !important;
    border-color:#eb9929 !important;
    border-width:5px !important;
    padding-top:0px;
    padding-bottom:25px !important;
}

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


    }
    /* 1 Spalte auf Mobile */
    .checkbox-list,
    .radio-list,
    .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;
    }

    /* 2 Spalten auf Tablet (gestapelt = volle Breite) */
    .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;
    }

    /* 2 Spalten auf Medium (side-by-side = schmale Antwortbox) */
    .checkbox-list,
    .radio-list,
    .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;
    }
}

/* Large */
@media only screen and (min-width: 992px) {
    .survey-form-container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .title-responsive h2 {
                color: #ffffcc !important;
    }
}
}
","UPDATEDAT":"2026-02-05T13:20:59.898Z","ID":"a21701a8-2ca1-4792-bc3c-90ce21bd63c3","TITLE":"CSS"}