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

    In this file you can add your own custom CSS    
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/


  /* General Layout */
body {
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #FFF;
  margin: 0 !important;
  padding: 0 !important;
}

#outerwrapper {
  margin-top: 5px;
  margin-bottom: 10px;
  float: none;
  clear: both;
  background-color: #FFF;
}
#outerwrapper #outerwrapper,
#outerwrapper #outerwrapper .container {
  padding: 0;
  width: auto;
}
#outerframeContainer {
  padding: 0;
  width: auto;
}
#dynamicReloadContainer {
	padding: 0;
}
@media only screen and (max-width: 768px) {
  #outerwrapper {
    margin-top: 0;
    margin-bottom: 0;
  }  
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    /*width: 970px;*/
    width: 998px;
  }
}
@media (min-width: 1200px) {
  .container {
    /*width: 1170px;*/
    width: 998px;
  }
}
hr {
  margin: 10px 0;
}
a,
a:link {
  color: #910000;
  text-decoration: underline;
}
a:hover,
a:focus {
  color: #910000;
  text-decoration: none;
}
img {
    max-width: 100%;
}

/* Navbar */
.header-wrapper {
  margin-bottom: 15px;
}
.navbar-toggle {
	float: none;
  margin-right: 0;
}
.navbar-collapse {
	padding: 0;
}
.navbar {
	min-height: 0;
	margin: 0;
	text-align: center;
}
.navbar-header {
  float: none !important;
  padding: 15px 0;
}
.navbar-brand {
  padding: 0 0 15px 0;
  min-height: initial;
  float: none;
  clear: both;
  line-height: 120%;
}
.survey-description {
  font-size: 17px;
  font-weight: 700;
    line-height: 120%;
}
h1.surveyname {
  text-align: left;
  font-weight: 700;
  height: auto;
  line-height: 130%;
  font-size: 24px;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .logo-wrapper,
  h1.surveyname {
    margin-bottom: 15px;
  }
}
.navbar-nav {
	float: none;
}
.navbar-default {
	background-color: transparent;
	border: none;
}
.navbar-action-link {
	padding: 0;
}
.navbar-collapse.in {
	overflow-y: visible;
}
.navbar-item-left {
	text-align: left;
	padding-left: 0;
}
.navbar-item-middle {
	text-align: center;
}
.navbar-item-right {
	text-align: right;
	padding-right: 0;
}
.navbar-logo-left {
  padding-left: 0;
}
.navbar-surveytitle {
  text-align: left;
  margin-top: 45px;
}
.logo-bar {
  margin-top: 0;
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
img.logo-left {
  height: auto;
  width: auto;
}

@media only screen and (max-width: 768px) {
	.navbar-collapse {
		padding: 0 15px;
	}
  .navbar-logo-left {
    padding: 0;
    text-align: center;
  }
  .navbar-item-left {
    text-align: center;
    margin: 6px 0;
    padding: 0;
  }
  .navbar-item-middle {
    text-align: center;
    margin: 6px 0;
    padding: 0;
  }
  .navbar-item-right {
    text-align: center;
    margin: 6px 0;
    padding: 0;
  }
}

/* Language Changer */
.language-wrapper {
  margin: 15px 0;
  text-align: right;
}

/* Progress bar */
.progress-wrapper {
  padding: 0;
}
.progress {
  background-color: #f0f0f0;
  margin-bottom: 0;
}
.progress-bar {
  background-color: #910000;
}

/* Welcome Page */
.text-info {
  color: #333 !important;
}
.survey-welcome {
  margin-top: 15px;
}
.question-count-text {
  margin-top: 15px;
}

/* Privacy */
.privacy {
  margin-top: 15px;
  padding: 15px 0;
  margin: 15px 1px;
  border: 1px solid #e1ecf7;
  background-color: #e1ecf7;
  font-style: normal;
  font-size: 95%;
}
p.ls-privacy-body {
  margin: 15px 0 0 0;
  font-style: italic;
}

/* Group layout */
.group-outer-container {
	display: block;
}
.group-title {
  text-align: left;
  font-weight: 700;
  font-size: 140%;
  margin-top: 0;
  margin-bottom: 15px;
  color: #910000;
}
.group-description {
  margin-top: 0;
  text-align: left;
}

/* Question layout */
.question-number, .question-code {
	float: none;
	margin: 0;
}
.question-container {
    background-color: #fff;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border: none;
}
.input-error.question-container {
    border: none;
}
.question-title-container {
    padding: 0;
    background-color: transparent;
    color: #333;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 17px;
    line-height: 120%;
}
.question-text {
  font-weight: 400;
}
.question-valid-container {
  padding-left: 0;
  padding-right: 0;
  font-style: italic;
  font-size: 90%;
  margin-top: 5px;
}
.answer-container {
  background-color: #f2f2f2;
  padding: 20px 25px 20px 25px;
}
.question-number,
.question-code {
  font-weight: normal;
}
.ls-answers tbody .answertext {
  text-align: left;
}


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border: 0;
  padding: 4px 8px;
}
.table-bordered {
  border: 0;
}


.asterisk {
  margin-right: 5px;
  font-size: 90% !important;
  vertical-align: top;
}
.asterisk small {
  font-size: 90% !important;
  vertical-align: top;  
}
.input-error .asterisk {
  font-size: 90% !important;
  margin-top: 0;  
}
.question-help-container {
  font-size: 90%;
  margin-top: 0;
  color: #910000;
  background-color: #f2f2f2;
  padding: 0 0 15px 30px;
  font-style: italic;
}
.numeric-multi input.numeric,
.multiple-short-txt input.form-control,
.multiple-short-txt textarea.form-control {
  margin-bottom: 15px;
}
.form-control {
  border: 1px solid #aaa !important;
}
.ls-input-group-extra {
  vertical-align: top;
  padding: 1rem 1.2rem;
}
.array-flexible-row .ls-answers .answertextright {
  text-align: right;
}

/* Navigator */
#navigator-container {
  margin-bottom: 15px;
  padding-bottom: 0;
  margin-top: 30px;
}
.btn {
  border-radius: 0;
  font-size: 110%;
  border-radius: 4px;
  padding: 15px 20px;
}
a.btn {
  text-decoration: none;
}
a.btn-primary {
  color: #fff;
}
.btn-primary {
  color: #ffffff;
  background-color: #910000;
  border-color: #910000;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #7d0000;
  border-color: #7d0000; 
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #7d0000;
  border-color: #7d0000;
}
.input-group-addon.btn-primary {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.input-group-addon {
  padding: 6px 12px;
}

.btn-default {
    border-color: #adadad;
}

/* Radios and checkboxes */

/* radio buttons */
.radio-item label::before {
  border: 1px solid #aaa;
  background-color: #FFF;
}
.radio-item label::after {
  background-color: #333;
}
/* checkboxes */
.checkbox-item label::before {
  border: 1px solid #aaa;
  background-color: #FFF;
}
.checkbox-item label::after {
  color: #333;
  background-color: transparent;
}


/* Ranking question */
.sortable-choice {
  padding: 5px;
}
.sortable-choice .ls-choice.sortable-item {
  background-color: #fff;
  border: 2px solid #910000;
  margin-bottom: 5px;
}
.sortable-rank {
  padding: 5px;
}
.sortable-rank .ls-choice.sortable-item {
  background-color: #910000;
  border: 2px solid #fff;
  margin-bottom: 5px;
  color: #fff;
}

/* Gender question */
.gender-button .btn-primary {
  color: #fff;
  background-color: #aaa;
  border: 2px solid #f2f2f2;
}
.gender-button .btn-primary:hover,
.gender-button .btn-primary:focus,
.gender-button .btn-primary.active,
.gender-button .btn-primary.active:hover,
.gender-button .btn-primary.active:focus {
  color: #FFF;
  background-color: #910000;
  border-color: #910000;
  border: 2px solid #f2f2f2;
}

/* Yes No question */
.yes-no .btn-primary {
  color: #fff;
  background-color: #aaa;
  border: 2px solid #f2f2f2;
}
.yes-no .btn-primary:hover,
.yes-no .btn-primary:focus,
.yes-no .btn-primary.active,
.yes-no .btn-primary.active:hover,
.yes-no .btn-primary.active:focus {
  color: #FFF;
  background-color: #910000;
  border-color: #910000;
  border: 2px solid #f2f2f2;
}

/* 5pt choice */
.choice-5-pt-radio li.radio-item {
  margin-right: 15px;
}

/* Slider question */
.slider-handle {
    background-color: #910000;
    background-image: -webkit-linear-gradient(top, #910000 0%, #7d0000 100%);
    background-image: -o-linear-gradient(top, #910000 0%, #7d0000 100%);
    background-image: linear-gradient(to bottom, #910000 0%, #7d0000 100%);
}
.tooltip-inner {
  background-color: rgba(255,255,255,1) !important;
  font-size: 12px !important;
  text-align: left;
}
.tooltip.top .tooltip-arrow {
     border-top-color: #333;
}
.slider-selection {
    background-image: -webkit-linear-gradient(top, #eee 0%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 0%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 0%, #ccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ccc', GradientType=0);
}

/* Print Page */
.url-wrapper-survey-print {
  margin: 15px 0;
}
.question-container-printanswers {
  border-bottom: 1px solid #ccc;
}

/* Footer */
footer .copyright {
	text-align: center;
  margin: 20px 0;
  font-size: 90%;
}


div.yes-no .btn-group label,
.gender .btn-group label {
    padding-top: 10px;
}

.completed-wrapper {
  margin-bottom: 45px;
  min-height: 200px;
 }

 /* Datepicker */

 .datepicker .active,
 .datepicker .today {
  background-color: #333 !important;
  background: #333 !important;
  color: #FFF !important;
 }

/* Index */
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  background-color: #333;
  color: #FFF;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #ccc;
}
.index-item a {
  text-decoration: none;
}

/* Damit Dropdown scrollt */
.dropdown-menu {
    overflow-y: scroll;
    height: 1000%;
}

/* radio buttons */
.radio-item label::before {
  padding: 11px;
  border: 1px solid #aaa;
  margin-top: -2px;
}
.radio-item label::after {
  background-color: #910000;
  width: 16px;
  height: 16px;
  left: 4px;
  top: 2px; 
}
/* checkboxes */
.checkbox-item label::before {
  padding: 11px;
  border: 1px solid #aaa;
  margin-top: -2px;  
}
.checkbox-item label::after {
  color: #910000;
  left: 1px;
  top: -3px;
  font-size: 17px;
  background-color: transparent;
  padding-top: 3px;
}
.radio-item label,
.checkbox-item label {
  padding-left: 15px;
}
.checkbox-item label.ls-label-xs-visibility::after {
  width: 22px;
}
.radio-item .ls-label-xs-visibility, .checkbox-item .ls-label-xs-visibility {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 30px;
  height: 30px;
  line-height: 21px;
  text-indent: 27px;
  margin-top: 10px;
}
.dir-ltr .radio-item .ls-label-xs-visibility, .dir-ltr .checkbox-item .ls-label-xs-visibility {
    left: auto;
    margin-left: -15px;
}

/* Fix array alignment */
td.answer-item.radio-item {
    vertical-align: middle;
}

.boilerplate .question-help-container {
  background-color: transparent;
}

@media only screen and (max-width: 768px) {
  .dir-ltr table.ls-answers .radio-item label.ls-label-xs-visibility::before, .dir-ltr table.ls-answers .checkbox-item label.ls-label-xs-visibility::before,
  .radio-item label::before {
    top: -3px;
  }
  .dir-ltr table.ls-answers .radio-item label.ls-label-xs-visibility::after,
  .radio-item label::after {
    top: 1px;
  }
}




 /* 2018-09-10 Marcel Minke: General CSS adjustments */

/* special help texts */
.em_numbers_only,
.ls-question-message
{
    display: none;
}

/* label adjustments */
.answer-container label
{
    margin-bottom: 0px;
}

.ls-answers 
{
    padding-bottom: 0px;
}

.answer-container .ls-answers ul
{
    margin-bottom: 0px;
}

.question-help-container
{
    padding-bottom: 0px;
}

/* other text field layout optimization */
.multiple-opt .answer-container .checkbox-text-item {
    margin-top: -4px;
}

.group-container .nobottompadding.question-container {
    margin: 0;
}

/* CSS for large questions which shouldn't break up 
.width800
{
    min-width: 800px;
} 
*/

@media only screen and (max-width: 768px) {
  #s2
  {
      display: none;
  }
}

/* 2018-09-10 Marcel Minke: CSS for custom login screen */
.token-page .h3
{
    font-size: 120%;
}

.register-form-table th,
.register-form-table td
{
    padding: 5px;
}

th.register-form-label
{
    padding-right: 15px;
}


/* 2018-09-11 Marcel Minke: CSS for tooltips */
.tooltip-inner
{
    max-width: 50% !important;
    min-width: 400px;
    margin: 0 auto;
    border: 1px solid #910000;
    background-color: rgba(255,255,255,1) !important;
    color: #000;
    font-size: 130%;
   
    white-space: pre-line;
}

.largetooltip .tooltip-inner
{
    max-width: 90% !important;
    min-width: 700px;
    background-color: rgba(255,255,255,1) !important;
}

.top200 .tooltip
{
    top: -200px !important;
}

.tooltip-arrow
{
    display: none;
}

img.book {
    cursor: pointer;
}


            /* 2018-09-11 Marcel Minke: CSS for special question layouts */

/* Custom validations and question numbering */
.question-text .qnumber
{
    font-weight: bold;
    font-size: 130%;    
}




/* Custom sub-heading above subquestions at tables */
.table thead tr.ls-heading td
{
     vertical-align: bottom;
}
.table thead tr.ls-heading th
{
    word-wrap: initial;
}



/* 
Änderungen TV 24-06-2019
*/

/* Roter eingefärbter Economix-Button */

.erc-button {
    color: #ffffff !important;
    background-color: #7d0000 !important;
    border-color: #7d0000;
}


/* Formatierungen für Frage 11 */




.checkbox-text-item.with-hidden-checkbox .checkbox-item,
.checkbox-text-item.with-hidden-checkbox .checkbox-item label {
	padding-left: 0;
}
 
.checkbox-text-item.with-hidden-checkbox label:before,
.checkbox-text-item.with-hidden-checkbox label:after {
	display: none;
}


.checkbox-text-item.moved-checkbox .checkbox-item,
.checkbox-text-item.moved-checkbox .checkbox-item label {
	padding: 20%;
}
 
.checkbox-text-item.moved-checkbox label:before,
.checkbox-text-item.moved-checkbox label:after {
	float: right;
	margin-left: 800%;
	margin-top: -100%;
}


.checkboxq11 {
     display: flex;
     padding: 15%;
     margin-left: 16%;
     margin-bottom: -10%;
     margin-top: -16%;
}


.textboxq11 {
     width: 140%;
     margin-left: -45%;
}

.q11bez1{
    font-family: Noto Sans, Arial, Helvetica, Verdana, Sans-Serif;
    font-size: 17px;
    float: left;
    background-color: #F2F2F2;
    width: 80%;
    padding-bottom: 3.5%;
    padding-top: 2.5%;
    padding-left: 6.5%;
    vertical-align: text-bottom;
    margin-bottom: 0%;
}


.q11bez2{
    font-family: Noto Sans, Arial, Helvetica, Verdana, Sans-Serif;
    font-size: 14px;
    float: right;
    background-color: #F2F2F2;
    width: 20%;
    padding-bottom: 3.5%;
    padding-top: 1%;
    padding-right: 9%;
    text-align: center;
    font-weight: bold;
    vertical-align: text-bottom;
    margin-bottom: 0%;
}


/* Ende Formatierungen für Frage 11 */


/* Anpassen von Herr Minkes customvalidation um die Texteingabefelder zu verkleinern */
.customvalidation
{
    font-family: Noto Sans, Arial, Helvetica, Verdana, Sans-Serif;
    color: #910000 !important;
    font-size: 140%;
    font-weight: bold;
    width: 100%;
    margin-top: 20px;    
    display: block;
    line-height: 1.5;
}




/* TV Edit checkboxen - von overflow:hidden zu overflow:visible 
Q17, Q28, Q32
*/
.checkbox-item label.ls-label-xs-visibility::after {
  width: 22px;
}
.radio-item .ls-label-xs-visibility, .checkbox-item .ls-label-xs-visibility {
  display: inline-block;
  position: relative;
  overflow: visible;
  width: 30px;
  height: 30px;
  line-height: 21px;
  text-indent: 27px;
  margin-top: 10px;
}
.dir-ltr .radio-item .ls-label-xs-visibility, .dir-ltr .checkbox-item .ls-label-xs-visibility {
    left: auto;
    margin-left: -15px;
}


/* Gruppenüberschriften ERC-rot und fett 
*/
.intros {
  color: #910000;
  font-weight: bold;
}


/* Allgemeine Formatierungen der Fragenteile
*/

.no_margin_bottom {
  margin-bottom: -2% !important;
}

.bigger_margin_bottom {
  margin-bottom: -20% !important;
}

.align-left {
     width: 30% !important;   
}

.no_margin_top {
  margin-top: -50% !important;
}



/* Infotext für Q35-38
*/

.infotext {
     font-size: 14px; 
     font-style: italic;
     font-weight: 100;
}

.infotext2 {
     font-size: 16px; 
     font-style: italic;
     font-weight: 100;
}

.hide {
     display: none !important;
}


.moveright {
     margin-left: 75% !important;
}


/* Fragenindex bei Login und Passwortabfrage verstecken */

.hide-fragenindex {
    display: none;
}


/* Rechtsbündige Eingabefelder */
.rechtsbuendig {
    direction:rtl !important;
}

.rechtsbuendig2 {
    text-align: right !important;
}




/* Zwischenüberschriften */
.zwischenueberschrift
{
    font-family: Noto Sans, Arial, Helvetica, Verdana, Sans-Serif;
    color: #910000 !important;
    font-size: 140%;
    font-weight: bold;
    width: 100%;
    margin-top: 20px;    
    display: block;
    line-height: 1.5;
}


.emailbox {
    margin-top: -7%;
}

/* Änderungen Limesurvey v6 2023: Top-Container etwas nach unten verschieben, damit Progress Bar sichtbar ist */

.brand-logo .top-container .top-content {
    padding-top: 4em;
}


/* Rahmen in Tabellen loswerden */

.answer-container .table-bordered, .answer-container .table-bordered tr td, .answer-container .table-bordered tr th tr.ls-heading.ls-header {
  border: transparent;
}

.table-bordered {
   border: transparent;   
}

table.ls-answers > thead:nth-child(2) {
   border: transparent;   
}


.table > :not(:first-child) {
   border-top: transparent;   
}

/* Banner: Hintergrund weiss */
#survey-nav {
    background-color: white !important;
}

/* Später fortfahren verstecken */

li.nav-item:nth-child(1) {
        display: none;
}

/* Fragenindex jetzt in der Mitte oben */

.dropdown {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

/* Fragenindex rot */

.navbar-light .navbar-nav .nav-link{
    color:  #910000;
}


.floatleft {
    width: 80%;
    float: left;
    margin-top: -9%;
    /* in foreground */
    z-index: 2;
}

.floatright {
    width: 20%;
    float: right;
    margin-top: -8.5%;
    /* in foreground */
    z-index: 2;
    
}


.background {
    width: 100%;
    z-index: 1;
}


.abstandVerringern {
    margin-bottom: -1%;
}


.abstandVerringernTop {
    margin-top: -3% !important;
}

.abstandVerringernTop2 {
    margin-top: -4% !important;
}


.checkboxq12 {
    margin-top:-6%;
    height: 2.3em;
}


.checkboxq12_3 {
    margin-top:-6%;
    height: 2.3em;
}


/* niemals das kleine Fragezeichen bei Falscheingaben anzeigen */

.ls-questionhelp {
    display: none;
}


.floatbelow {
    margin-bottom: 1%;
    width: 100%;
}



tr.ls-odd,
.array-flexible-column tr.answers-list:nth-child(even) {
  background-color: #ddd;
}

tr.ls-even,
.array-flexible-column tr.answers-list:nth-child(odd) {
  background-color: #fff;
}


tr.answers-list.ls-odd:hover,
.array-flexible-column tr.answers-list.ls-odd:hover,
.array-flexible-column tr.answers-list:nth-child(even):hover,
.array-multi-flexi tr.ls-odd:hover,
.array-multi-flexi-text tr.ls-odd:hover {
    background-color: #ddd;
}


tr.answers-list.ls-even:hover,
.array-flexible-column tr.answers-list.ls-even:hover,
.array-flexible-column tr.answers-list:nth-child(odd):hover,
.array-multi-flexi tr.ls-even:hover,
.array-multi-flexi-text tr.ls-even:hover {
    background-color: #fff;
}


.subquestion-list{
  --bs-table-hover-bg: transparent; /* Animation beim Hovern über Zellen aus */    
}


.logo-login-left {
    margin-left: -70.75%;
}


.dropdown-item.bg-warning {
    background-color: transparent !important;
}



/*
tr.subquestion-list.ls-even:hover,
.array-flexible-column tr.subquestion-list.ls-even:hover,
.array-flexible-column tr.subquestion-list:nth-child(even):hover,
.array-multi-flexi tr.subquestion-list:hover,
.array-multi-flexi-text tr.subquestion-list:hover {
    background-color: #ddd;
}


*/



/*
tr.ls-even {
  background-color: #ddd;
}

tr.subquestion-list.ls-even:hover {
    background-color: transparent;
}

*/


/*
tr.ls-odd {
  background-color: #fff;
}

tr.subquestion-list.ls-odd:hover {
    background-color: #fff;
}
*/