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

   body .top-container {
    margin-top: 0 !important; }


/* Mobile Styles */

    @media only screen and (max-width: 400px) {
  body {
   padding-top: 0 !important;}   
}

/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 960px) {
  body {
  padding-top: 0 !important;}
}

/* Desktop Styles */
@media only screen and (min-width: 961px) {
  body {
  padding-top:10px !important; 
  }

}




/*Ganze Zeilen anklickbar*/
.radio-item label,.checkbox-item label {
 width:100%; 
}

.radio-item {
        padding-top:0.5em;   margin-bottom: 0 !important; padding-bottom: 0.5em; 
    }




.checkbox-item {
        margin-bottom: 0 !important; 
    }
    


.radio-list li:hover, .checkbox-list li:hover
{
background-color:#eeeeee;
}
.radio-list
{}

.radio-list li, .checkbox-list li {
    border-top-style: solid;
  border-top-width: 1px;  border-top-color:#cccccc;
}

.question-container  {border-style: dotted !important;
  border-width: 1px !important; border-color:#ffffff !important; }


  
.question-text{
padding:3px; background:#e6e6e6;
}


/*Umfrage verlassen und löschen ausblenden*/
.ls-link-clearall {
  display: none !important;
 }


/*Matrix Antwortoptionen nicht fett*/
.ls-answers .ls-heading th{font-weight:normal !important;}


.answers-list { padding-top:0; padding-bottom:0; }
.ls-questionhelp:before{content:"\f05a"; color:green;}
.ls-questionhelp {font-size:14px;color:#000000;}
.space-col {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/*#outerframeContainer{
		width:50%; 
	}*/


/*Umfragetitel  und weißen Rand oben ausblenden*/
html body .navbar.navbar-default.navbar-fixed-top {display:none;
    
}


.navbar {min-height: 0;}


#question112 .question-title-container {}

.answer-container {
  border-width: 0 0 0 0;
  border-style: solid;
  padding-top: 0.5em;
  padding-bottom:0.5em;
}

.question-text {font-size: 1.2em;}
.ls-answers {font-size: 1.2em; }
#play,#button,#stop {text-align:left;}
#button, #play,#stop {
border: 1px solid #353E64;
-webkit-border-radius: 10px;}

*#button:hover{text-decoration: underline; font-weight:bold;}
*#play:hover{text-decoration: underline; font-weight:bold;}
*#stop:hover{text-decoration: underline; font-weight:bold;}
/*.multiple-short-txt .form-horizontal .control-label {
    text-align: left;
}*/



.asterisk {display: none;}


/*Fehlertext ausblenden, zB. bei Zahleneingabe*/
.ls-em-tip{}


.ls-question-mandatory .fa-exclamation-circle:before {
    display:none;
}

/*Meldung "bitte kontaktieren Sie" ausblenden, wenn Umfrage abgelaufen*/
.message-1 {display: none;}

 #div1{
  background:#e6e6e6;}

  .question-text{
    padding:5px; }

/*Video*/
video::-webkit-media-controls {
    display:none !important;
 }
 


@media only screen and (max-width: 960px) {
 #testvideo{width:100%;height:auto;}
   #myvideo1   {width:80%;height:auto;}

}

@media only screen and (min-width: 961px) {
 #testvideo  {width:50%;height:auto;}
 #myvideo1  {width:50%;height:auto;} 

 }


     
/* Video Querformat*/
 #myvideo  {width:100%;height:auto;}

  


   @media screen and (orientation: portrait) {
     .space {
      margin-top:180px !important; }

   
  .turn{
  -moz-transform:scale(1.5)  rotate(90deg);
  -webkit-transform: scale(1.5) rotate(90deg);
  -o-transform:scale(1.5) rotate(90deg);
  -ms-transform:scale(1.5) rotate(90deg);
    transform: scale(1.5)rotate(90deg);}

}
  
  @media screen and (orientation: landscape) {
      .space {
      height:calc(100vh - 66px) !important;
}

  .turn{
  -moz-transform: rotate(0deg);
  -webkit-transform:  rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
    transform: rotate(0deg); }  
.test {width:50% !important;}
  }

 /* Banner Hochformat 360x720*/

   #mybanner{
       height: calc(80vh); } 
   
   #mybanner1 {height: calc(50vh); } 
   
    @media screen and (orientation: portrait) {
    
  .turn1{
  -moz-transform: rotate(0deg);
  -webkit-transform:  rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
    transform: rotate(0deg);
        }
    }

  
  @media screen and (orientation: landscape){
      
  .turn1{
  -moz-transform: rotate(-90deg);
  -webkit-transform:  rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); 
   margin-top:-120px !important;margin-left:120px;
   height: calc(150vh) !important;
  } 
  }
  
  /*Banner Querformat 432x360*/
 @media screen and (orientation:portrait){
   #bannerquad   {width: 70%; height:auto; }
   .port {width:100% !important; height:auto !important; }
 }
 
  @media screen and (orientation:landscape) {
       #bannerquad   {width: 40%; height:auto; }
  }
  

.col-xs-12 {

}



/*No tables for matrix*/
@media only screen and (min-width: 761px) {
    
    /* Force table to not be like tables anymore */
	.no-more-tables table, 
	.no-more-tables thead, 
	.no-more-tables tbody, 
	.no-more-tables th, 
	.no-more-tables td, 
	.no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.no-more-tables tr { border: 1px solid e1e1e1; margin-bottom: 1.5rem;}
 
	.no-more-tables th {padding: 1.5rem 0 1.5rem 0.75rem; background-color: #e1e1e1; background-image: linear-gradient(#eee, #e1e1e1); text-align:left !important;color:#317eac; font-weight: bold; 
		 }
 
	.no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
	    padding-left:25px !important;
		white-space: normal;
		text-align:left !important;
}
 
	.no-more-tables td:after { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 7px;
		left: 30px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		

	}
}

/*Matrix mobile*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

table.ls-answers  tr th {background-color: #e1e1e1; background-image: linear-gradient(#eee, #e1e1e1);font-weight:bold;}

table.ls-answers td {min-height:2.5em;}
table.ls-answers td:after {
     	position: absolute;
		/* Top/left values mimic padding */
       
		left: 32px; 

		 }

}






/*kein word-wrap bei Matrix Header*/
table.ls-answers {
 table-layout: auto;
}
#outerframeContainer {
word-wrap: normal;
hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none;
}
.star-rating{
    font-size: 24px;
    line-height:36px;
    cursor: pointer;
    display: block;
    float: left;
    height: 36px;
    overflow: hidden;
    width: 60px;
}

.star-1{color: #e6e6e6;text-shadow: 1px 1px #B0B0B0, 2px 2px #606060, .1em .1em .2em rgba(0,0,0,.5); }
.star-1.star-rated-on:not(.star-stub){color: #FFD700}
.star-1.star-drained{color: #FFD700 }
.star-1.star-drained.star-hover{color:#FFD700;}
.star-2{color: #e6e6e6;text-shadow: 1px 1px #B0B0B0, 2px 2px #606060, .1em .1em .2em rgba(0,0,0,.5); }
.star-2.star-rated-on:not(.star-stub){color: #FFD700}
.star-2.star-drained{color: #FFD700}
.star-2.star-drained.star-hover{color:#FFD700;}
.star-3{color: #e6e6e6;text-shadow: 1px 1px #B0B0B0, 2px 2px #606060, .1em .1em .2em rgba(0,0,0,.5); }
.star-3.star-rated-on:not(.star-stub){color: #FFD700}
.star-3.star-drained{color: #FFD700}
.star-3.star-drained.star-hover{color:#FFD700;}
.star-4{color: #e6e6e6;text-shadow: 1px 1px #B0B0B0, 2px 2px #606060, .1em .1em .2em rgba(0,0,0,.5); }
.star-4.star-rated-on:not(.star-stub){color: #FFD700}
.star-4.star-drained{color: #FFD700}
.star-4.star-drained.star-hover{color:#FFD700;}
.star-5{color: #e6e6e6;text-shadow: 1px 1px #B0B0B0, 2px 2px #606060, .1em .1em .2em rgba(0,0,0,.5); }
.star-5.star-rated-on:not(.star-stub){color: #FFD700}
.star-5.star-drained{color: #FFD700}
.star-5.star-drained.star-hover{color:#FFD700;}

/*Umfrageliste ausblenden*/
#surveys-list-jumbotron {display:none;  }
.survey-list-heading {display:none;}
.survey-contact {display:none;}
.footer {display:none;}

/*Umfragetitel ausblenden
.navbar-brand{display:none;}*/

.logo { }
.logo-container {}

.question-text {color:#000000;}
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    table.ls-answers  tr th {
        font-size: 1em;
        text-align: center;
        color: #317eac;
    } }

 /*blauer Text Matrix*/   
#div2  {color:#317eac; font-weight: bold;}  

.multiple-short-txt .form-horizontal .control-label {
    text-align: left;}
    
    



.numeric-item input[data-number='1'] {
    text-align: left;
}
.withprefix {}
.withsuffix {}


.form-horizontal label.control-label {
    text-align: left ;
}


/* Slider Wrapper: alles nebeneinander von ChatGPT */
.slider-container.ls-input-group {
  display: flex !important;
  align-items: center;
  gap: 1px;

  /*orig gap: 10px;*/ 
}
/* Min-Wert links */
.slider-container .pull-left.help-block {
  order: 0;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: bold;
  margin-right: 4px;
  text-align: right;
  color: #000000;
}
/* Max-Wert rechts */
.slider-container .pull-right.help-block {
  order: 2;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: bold;
  margin-left: 4px;
  text-align: left;
  color: #000000;
}
/* Der Slider in der Mitte */
.slider-container .slider {
  order: 1;
  flex: 1 1 auto;
  margin: 0 4px;
}

.slider-container.ls-input-group {
  padding: 1px;
  border-radius: 6px;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  margin-bottom: 8px;
  background-color: #ffffff !important;
}

/* Hovereffekt */
  .slider-container.ls-input-group:hover {
    background-color: #e0f0ff  !important;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    transition: background-color 0.3s, box-shadow 0.3s;
  }
  
   /* Horizontale Darstellung für Sliderfragen von ChatGPT*/
.question-container .subquestion-list .slider-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
 justify-content: space-between;
  gap: 1px; /*background-color:blue;*/
  /*orign gap:10px*/

}

.question-container .subquestion-list .slider-item:hover {
   background-color: #e0f0ff  !important;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    transition: background-color 0.3s, box-shadow 0.3s;
  }

.question-container .subquestion-list .slider-item .slider-container {
 flex: 1;
  margin: 0 10px;border: 1px solid #317eac; 
}



/*.question-container .subquestion-list .answer-item .slider-left,
.question-container .subquestion-list .answer-item .slider-right {
  width: 30px;
  text-align: center;
}*/


/*.question-container .subquestion-list .answer-item .control-label {
  min-width: 99px;
  max-width: 100px;
   white-space: nowrap;
  font-size: 14px;background-color:red;
  text-align:right;

}*/


.question-container .subquestion-list .slider-item .control-label {
  min-width: 99px;
  max-width: 100px;
   white-space: nowrap;
  font-size: 16px;/*background-color:red;*/
  text-align:right;

}

  @media only screen and (min-width: 768px) {
.question-container .subquestion-list .slider-item .control-label {
margin-bottom:30px;
}
}
/*20.07.2025*/

/*.ls-hidden, .ls-irrelevant {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}*/