/\\ NAVIGATIONSLEISTE \\/
\n\\n/\\ kein Strich zwischen Navbar und Top Container \\/ .border-bottom { border-bottom: 1px solid #ffffff !important; }
\n\\n/\\ TOP CONTAINER darin findet sich nur die Progress Bar \\/
\n\\n#limesurvey { background-color:#ffffff; padding-top:25px; padding-bottom:50px;
\n}.top-container { margin-top:0px; margin-bottom:50px; padding-top:10px; padding-bottom:10px; background-color:#eb9929; border:none !important; position:fixed; display:none;
\n.top-container .container { margin-top:0px; margin-bottom:0px; padding-top:0px !important; padding-bottom:0px; background-color:transparent;
\n\\n/\\ height of the progress bar \\/
\n.top-container .progress { height: 20px; background-color:#eb9929; border: 0px solid #005575 !important;
\n.top-container .progress-bar { background-color:#ffffff !important; color:#eb9929; }
\n\\n.group-container { padding-left:30px; padding-right:30px;
\n/\\erforderlich, wenn top-container / progress-bar mit position:fixed \\/
\n.outerframe { margin-top:0px; padding-top:0px; font-size:18px; }
\n.survey-form-container, .form { padding-top:10px; }
\n\\n#firstpage-changelang { padding-top:20px; }
\np {font-size:18px;} li {font-size:18px;}
\n/\\ Startseite \\/ #welcome-container { padding:30px !important; margin-top:0; color:#005575 !important; }
\n.text-info { color:#005575 !important; text-align:left !important;
\n\\n.survey-description a { color:#eb9929 !important; }
\n.survey-description a:visited { color:#6699AC !important; }
\n.survey-description a:hover { color:#eb9929 !important; }
\n.survey-description a:active { color:#eb9929 !important; }
\n\\n/\\ PRIVACY \\/
\n\\n.privacy { min-height: 20px; background:none !important; color:#ffffff !important; margin-top:50px; font-size:18px; }
\n.privacy-block { background:#eb9929; padding-left:30px; }
\n.privacy .form-check { padding-left:30px; padding-right:30px; background:#eb9929; }
\n.privacy .form-check-label { margin-left:10px; font-weight:normal !important; font-size:18px; }
\n.privacy a { padding-left:10px; font-weight:normal !important; color:#005575; }
\n.privacy .form-check-label a:visited { color:#6699AC !important; }
\n.privacy .form-check-label a:hover { color:#005575 !important; }
\n.privacy .form-check-label a:active { color:#005575 !important; }
\n\\n/\\ Buttons ohne abgerundete Ecken \\/
\n.ls-move-btn { border-radius:0; }
\n.ls-move-btn:hover { color:#ffffff; }
\n\\n.survey-name {color:#eb9929; margin-top:0px; margin-bottom:60px; font-size:60px; font-weight:400; text-align:center !important; }
\n\\n/\\ QUESTIONS \\/
\n\\n/\\ Fragen-Box \\/
\n.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) }
\n\\n/\\ Abstände zwischen einzelnen Fragen \\/
\n\\n.question-container { background-color: #ffffff; border:none; width=100%; margin-left:0px; margin-right:0px; padding-bottom:0px; margin-bottom:40px; margin-top:40px;
\n}/\\ Breite Answer-Container muss Breite entsprechend mit calc - Breite hier abgezogen - definiert werden \\/
\n.question-title-container { background-color: #ffffff;\\ncolor:#005575; margin-bottom:0; padding:0; padding-right:10px; font-weight:normal; font-size:18px; float: left; width:220px; clear:left }
\n.answer-container {
\n/\\ Längere Fragen oberhalb der Antwort-Box anzeigen, so dass auch ein Help Text möglich ist; alternativ könnte man in question.twig top / bottom vertauschen, damit Hilfstexte immer unterhalb - gesamte Breite - Frage /Antwort angezeigt werden. \\/
\n.text-box .question-title-container { width:100%; }
\n\\n.ls-answers tbody .answertext { text-align:left !important; margin-bottom:0 !important; }
\n.ls-answers tbody .answertext p { font-weight:bold !important; margin-bottom:0; !important; }
\n.ls-answers tbody ul { padding-left:0 !important; margin-left:1rem !important; }
\n.ls-answers tbody .radio-list li { margin-right:0 !important; margin-bottom:1em; }
\n@media only screen and (max-width: 600px) {
\n.question-title-container, .answer-container {
width:100%;
padding-left:0 !important;
padding-right:0 !important;
margin-bottom:10px;
}@media only screen and (max-width: 480px) {
\n\\#welcome-container { padding-left:5px !important; padding-right:5px !important; }
\n.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) {
\n\\#welcome-container { padding-left:20px !important; padding-right:20px !important; }
\n.survey-form-container {
padding-left:20px !important;
padding-right:20px!important;\\n@media only screen and (min-width: 768px) { .survey-form-container { padding-left:50px; padding-right:50px;\\n}
\n.group-title { text-align:left;
\nmargin-bottom:50px; margin-top:20px; background: transparent; }
\n\\n/\\ FELD ZWISCHEN FRAGEN UND ANTWORTEN \\/
\n/\\ Warnung \\/
\n.alert { background-color:#eb9929; color:#ffffff; }
\n/\\ Hilfe \\/
\n.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; ; }
\n/\\ Warnmeldung mandatory \\/
\n.group-container .question-valid-container { background-color:#ffffff; margin-bottom:0px; padding-left:30px; padding-right:30px; color:#eb9929 !important; } .emnumanswers, .emtip, .error { font-size:18px; color:#005575;
\n/\\ Farbe vom Rufezeichen und Abstand Rufezeichen Text\\/ .question-valid-container {display:none} .group-container .question-valid-container .fa { padding-right:5px;}
\n\\n/\\ hide red asterisk for mandatory questions \\/ .asterisk {display: none;}
\n\\n/\\ ANTWORTEN \\/
\n\\n@media only screen and (min-width: 600px) {
\n.answer-container {
\npadding-top:0 !important;
padding-bottom:0 !important;
padding-left:0 !important;
padding-right:0 !important;
margin-bottom:0 !important;
float:left !important;width:calc(100% - 220px); } } .answer-container .container { padding-left:0; padding-right:0; }
\n/\\ Auswahl-Buttons - links bündig, aber rechts Abstand zum nächsten\\/
\n.form-check { padding-left:0; padding-right:20px; border-radius:0; }
\n\\n/\\ BUTTONS \\/
\n.btn-primary:hover, .btn-primary:focus { background: #eb9929 !important; border: 1px solid #005575 !important; filter: none !important; color: #ffffff !important; }
\n.btn-check:checked+.btn-primary { background-color: #eb9929 !important; border: 1px solid #eb9229 !important; box-shadow: none !important; color: #ffffff !important; filter:none !important; }
\n\\n.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; }
\n.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; }
\n\\n/\\ Matrix Text in blau \\/
\n.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%; }
\n/\\ horizontale Linien raus \\/
\n.table-bordered>:not(caption)>\\* { border-width: 1px 0; }
\n\\nth, td { color:#005575; }
\n.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #d1e1e1; }
\n.table-hover>tbody>tr:hover, tr.answers-list:hover, .array-flexible-column tr.answers-list:hover { background-color: #d1e1e1;}
\n\\n/\\ SINGLE- & MULTIPLE CHOICE LISTS \\/
\n/\\ Mehr Abstand zwischen einzelnen Auswahlmöglichkeiten \\/ .answer-container .radio-item, .answer-container .checkbox-item, .answer-container .question-item, .answer-container .answer-item, .answer-container .mb-1 { margin-bottom:5px !important;}
\n/\\ Mehr Abstand zwischen Checkbox und Text \\/ .answer-container .radio-item label, .answer-container .checkbox-item label { padding-left:10px; }
\n\\n/\\ nur Kommentarfeld in Multiple Choice with Comment \\/ #limesurvey .comment-box-no-text .comment-item .form-control { margin-left:20px ; margin-top:-25px ; }
\n\\#limesurvey .comment-box-no-text .row, #limesurvey .SSI-topics .row {
\npadding-left:10px !important;
padding-right:20px;\\n/\\ REGISTRATION FORM \\/
\n/\\ Breite von Checkbox-Antworten festlegen, damit alle untereinander angezeigt werden \\/
\n.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; }
\n/\\ Other: nicht anzeigen \\/ .registration-form .checkbox-item.othertext-label-checkox-container {display:none}
\n.registration-form ul {margin-bottom:0}
\n.ls-answers {padding:0}
\n\\n/\\ Mehrere Fragen in einer Zeile - WICHTIG: dann müssen CSS Media Queries definiert werden\\/
\n.float-left { float: left; clear:left; } .float-right { float:right; }
\n/\\ 2 Fragen in einer Zeile \\/ .2Q50-50left { float: left; width:50%; clear:left } .2Q50-50right { float:right; width: 50%; }
\n/\\ 3 Fragen in einer Zeile \\/
\n.Q10left{ float: left; width:20%; clear:left }
\n.Q20left { float: left; width:20%; clear:left }
\n.Q26left { float: left; width:26%; clear:left }
\n.Q_33.3left { float: left; width:33.3%; clear:left }
\n.Q50left { float: left; width:50%; clear:left }
\n\\n.Q_10 { float:left; width:10%; }
\n.Q_11 { float:left; width:11%; }
\n.Q_20 { float:left; width: 20%; }
\n.Q_26 { float:left; width: 26%; }
\n.Q_33.3 { float: left; width:33.3%; }
\n.Q_40 { float:left; width: 40%; }
\n.Q_50 { float:left; width: 50%; }
\n/* weiß ich nicht mehr */.Q-page { width:100% }
\n\\n/Submit-Button eingerückt/ .text-start {padding-left:40px !important;} .text-end {padding-right:40px !important;
\n\\n/\\ Checkbox-Label wird bei Multiple Choice unter den anderen dargestellt -> so nicht mehr \\/ .checkbox-item.othertext-label-checkox-container { padding-top:0; }
\n\\n/\\ Links nicht in nicht passendem blau \\/ a { color:#eb9929 !important; }
\na:visited { color:#6699AC !important; }
\na:hover { color:#eb9929 !important; }
\na:active { color:#eb9929 !important; }
","UPDATEDAT":"2026-01-14T15:52:24.666Z","ID":"308213d1-7034-415e-8425-bdcd59ac286d","TITLE":"v 01 - Frage / Antwort nicht mehr nebeneinander"}