body{padding-bottom:10px}
div[id^="group-"]>div{background-color:#fff;margin-bottom:1em}
div[id^="group-"]>div.group-container{background-color:transparent}
.language-changer{background-color:#fff;padding:1em}
#topContainer{position:absolute;width:100%;padding:1em;border-bottom:none}
.progress{height:21px;margin-bottom:0}
#surveynametitle{font-size:4em}
#surveydescription,#surveynametitle,#welcome-container h1{color:#2F3C80}
#surveydescription,.group-name{color:#2c3e50}
#main-row,#welcome-container{background-color:transparent}
#navigator-container{margin-top:1em;padding-top:1em;padding-bottom:1em}
#main-col{margin-top:1em}
.col-centered{float:none;margin:0 auto}
#loadallbtn{white-space:normal}
.label-col{min-width:10%;position:relative;min-height:1px;padding-left:15px;padding-right:15px}
li.responsive-content{display:block;position:relative;float:left;width:100%}
.table-in-qanda-2 thead th{white-space:nowrap}
.numeric-multi ul.slider.computed{width:22em}
.numeric-multi ul.computed li label,.numeric-multi ul.slider.computed li label{padding-right:0}
.numeric-multi div.multinum-slider{width:auto;float:left;margin-top:1.5em;margin-bottom:.2em}
.numeric-multi label.slider-label{display:table-cell;width:auto!important;padding:0 1em .2em 0;margin-top:1.3em;vertical-align:middle}
.numeric-multi .ui-slider-handle{top:-.35em}
.ui-slider-1{width:200px;height:9px;margin-bottom:20px}
.ui-slider-2{width:200px;height:23px;position:relative;background-image:url(../../images/slider-bg-2.png);background-repeat:no-repeat;background-position:center center}
.slider_callout{height:20px;width:100px;overflow:hidden;position:absolute;top:-20px;margin-left:-3px;color:#284a6e;font-size:90%;font-weight:700;text-align:left}
.slider_showmin{float:left;width:50px;margin:15px 0 0 -.3em;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:.7em;font-weight:400;text-align:left}
.slider_showmax{float:right;width:50px;margin:15px -.3em 0 0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:.7em;font-weight:400;text-align:right}
.slider_lefttext{display:table-cell;padding-top:1.5em;padding-right:11px;padding-bottom:3px;vertical-align:top;text-align:right;font-size:.9em}
.slider_righttext{display:table-cell;padding-top:1.5em;padding-left:11px;padding-bottom:3px;vertical-align:top;font-size:.9em}
.withslider{margin-bottom:30px}
#indexcontainer{display:none}
.radio-list li{display:block;clear:both}
.question-item .other-label{margin:0;padding:0}
.strong{font-weight:700;display:inline-block;padding:.2em}
.hide-tip{display:none}
.surveys-list{margin-top:1em;list-style:none}
.surveys-list li{padding:.5em}
.surveys-list li a{margin-left:.5em}
#surveys-list-jumbotron{text-align:center}
#surveyListFooter{width:100%;text-align:center;margin-bottom:0;padding-bottom:0;margin-top:10px}
html,body{height:90%}
.gender-button button{box-shadow:2px 2px 2px 0 rgba(0,0,0,0.16),2px 2px 2px 0 rgba(0,0,0,0.12);margin-left:1em}
.gender-button .btn:focus{box-shadow:none}
.gender-button .btn:focus .gender-text{text-decoration:underline}
.gender-button .btn span{display:block}
html body .navbar.navbar-default.navbar-fixed-top{z-index:2000}
.gender-button .gender-icon{font-size:2em}
.navbar-brand{height:auto}
.array2{background-color:#f9f9f9}
table{width:100%}
.question-help{margin-top:1em}
.wrap-normal{white-space:normal}
.modal{text-align:center;padding:0!important}
.modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px}
.modal-dialog{display:inline-block;text-align:left;vertical-align:middle}
.file-upload-modal-body iframe{height:inherit;width:100%;border:none}
.file-upload-modal-body{padding:0;height:500px}
.file-upload-modal-footer{margin-top:0}
.slider.slider-horizontal{width:100%;margin-bottom:1em}
.slider-min-badge{margin-right:1em}
.slider-left-span{text-align:right}
.slider-right-span{text-align:left}
.slider-container{margin-top:3.5em;margin-bottom:2.5em}
#yii-flash-message{margin-top:3em}
.prefix-text-right{text-align:right}
.align-middle{vertical-align:middle!important}
table.table-multi-text tbody tr th{vertical-align:middle}
table.question.subquestion-list.questions-list.table-multi-text thead tr th{text-align:center}
.form-control-feedback{right:1em;left:auto}
.label{font-size:90%}
body .navbar-default .navbar-brand:hover{color:#fff}
.no-label{font-weight:400}
.table-array-by-column td.radio-item.text-center.answer-item{padding-left:47px}
table > tbody > tr > td.ddprefix{padding-right:1em;vertical-align:middle}
@media only screen and (min-width: 768px) {
.table-dual-scale .separator{width:6%}
table > tbody > tr > td.ddsuffix{padding-left:1em;vertical-align:middle}
}
@media only screen and (max-width: 801px) {
.visible-xs-block{display:block!important}
.row{margin:0;padding:0}
.form-group.row{margin-bottom:15px}
.no-more-tables table,.no-more-tables thead,.no-more-tables tbody,.no-more-tables th,.no-more-tables td{display:block}
.no-more-tables tr{display:inline-block;width:100%}
.no-more-tables tbody{padding:0 1em}
.no-more-tables thead tr{position:absolute;top:-9999px;left:-9999px}
.no-more-tables tr,.array-by-columns-div .radio-list{border:1px solid #ccc;padding:1em}
.no-more-tables tr th,.array-by-columns-div .answertext{font-size:1.1em;text-align:center;color:#317eac}
.no-more-tables tr th{text-align:left}
.array-by-columns-div .answertext{padding:8px;padding-left:0;text-align:left;font-weight:700}
.array-by-columns-div .radio-item{padding-bottom:8px}
.no-more-tables .checkbox{position:relative;top:6px}
.no-more-tables td{min-height:2em;border:none;position:relative;padding-bottom:1em;white-space:normal;text-align:left}
.array-multi-flexi .no-more-tables td,.no-more-tables-array-dual-dropdown-layout td,.no-more-tables-array-multi-text td{padding-left:0}
.no-more-tables td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:700}
.no-more-tables-10-point label{white-space:nowrap}
.no-more-tables-10-point td:before,.no-more-tables-5-point td:before{position:relative;left:2px}
input[type="radio"],.radio input[type="radio"],.radio-inline input[type="radio"]{margin-top:4px}
.five-point-choice .col-xs-12{padding-bottom:8px}
.array-by-columns-table tr > :nth-child(1){display:none}
.array-multi-flexi .answertext{padding-bottom:.5em}
.array-multi-flexi .answer-item label{padding-bottom:.5em}
.slider-left-span{text-align:left}
.prefix-text-right{text-align:left}
table.question.subquestion-list.questions-list tr th.answertext{text-align:left}
.form-control-feedback{right:.5em}
.row-inc-same-dec .radio-item,.thead-inc-same-dec th{text-align:left}
.table-multi-num.no-more-tables tr{border:none}
td.hide-on-small-screen{display:none}
#langchanger-label{padding-top:11px}
.col-xs-12.question-container{padding-right:0;padding-left:0}
}
@media only screen and (max-width: 400px) {
.array-by-columns-div .radio-list{border:1px solid #ccc;padding:1em;margin:1em}
.no-more-tables tbody{padding-left:0;padding-right:0}
.btn-lg,.btn-group-lg label{padding:10px 15px}
.slider.slider-horizontal{width:100%}
.five-point-choice label{margin-left:5px}
.file-upload-modal-body{padding:0;height:300px}
.modal{z-index:3000}
.slider.slider-horizontal{margin-bottom:.4em}
}
@media only screen and (max-width: 800px) and (min-width: 768px) {
.five-point-choice .noanswer-item{padding:0}
}
.radio input[type="radio"]:disabled + label{opacity:.25}
td.answer-item.text-center{padding-left:39px}
table.array-no-dropdown td.answer-item.text-center{padding-left:45px}
.table-5-point-array td.answer-item.text-center{padding-left:54px}
.table-10-point-array td.answer-item.text-center{padding-left:40px}
.table-10-point-array thead tr th.text-center{padding-left:0}
.label-text{margin-top:-24px;margin-left:20px}
.label-clickable:hover{cursor:pointer}
.table > tbody > tr > th{vertical-align:middle}
table.numbers-only th,table.numbers-only input{text-align:right}
.othertext-label-checkox-container{padding-top:5px;margin-right:5px}
.multiple-choice-with-comment.table,.table-multi-num.table{table-layout:auto;width:initial}
.multiple-choice-with-comment.table > tbody > tr > td{padding-left:18px;vertical-align:middle}
.multiple-choice-with-comment.table > tbody > tr > td.comment-container{padding-left:14px}
.checkbox input[type="checkbox"]{position:static;margin-left:0}
.short-free-text .prefix,.short-free-text .suffix,.geoloc-item .search-icon,.geoloc-item .checkbox{padding-top:10px}
.geoname_search{margin-bottom:10px}
body div.row .question-container{margin-bottom:5px}
.answer-container,.question-help-container{border:none}
.answer-container{background-color:#fff}
.question-help-container{border-width:0 1px 1px;padding-bottom:5px}
.question-title-container{padding:10px 0;margin-bottom:10px}
.questionvalidcontainer{position:relative;text-align:center;padding-bottom:5px}
.questionvalidcontainer .text-danger{font-weight:700}
.questionvalidcontainer .text-info{color:#B9CC14;font-weight:700}
.asterisk{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.asterisk:before{content:"\f069"}
#checkjavascript{margin-top:100px}
label,th{font-weight:400}
#surveys-list-container{margin-top:50px}
.navbar-brand{overflow:hidden;text-overflow:ellipsis}
#outerframeContainer{min-height:100%;word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto}
.xdebug-var-dump{z-index:10000;position:relative;top:10px}
.list-unstyled.radio-list{padding-left:15px}
div.yes-no .btn-group label{white-space:normal}
.multipleco-other-topic{max-width:150px}
a,a:active{color:#f66014;text-decoration:none}
a:hover{text-decoration:underline;color:#f66014}
.navbar-header.col-xs-12.col-sm-12.col-lg-12{padding-left:0}
textarea.form-control{height:auto;width:480px}
input.form-control.text.empty {width: 450px;}
#group-95.row .th-11.text-right{text-align:left}
.group-container{height:0}
#javatbd845855X50X649,#javatbd845855X50X6413,#javatbd845855X50X6414{padding-left:40px}
#javatbd845855X50X6410,#javatbd845855X50X6411,#javatbd845855X50X6412{padding-left:70px}
#group-88.row{margin-top:90px}
.naviheader {background-color:#fff; border-bottom: 1px solid #dbdbdb;}
textarea { margin-left: -28px }
.em_default.emtip.good {display: none;}
.row.survey-welcome {margin-top: 60px;}
#tokenmessage {margin-top: 150px;}
.toplogo {width: 324px; height:130px; margin-left: 0;}
.freitextfeld {width: 480px; }

#answer716416X548X2692 {width: 440px;}
#vmsg_2692_regex_validation.em_regex_validation.emtip.good {display: none;}
#vmsg_2692_regex_validation.em_regex_validation.emtip.error {display: none;}

.text-info.questionhelp {  font-size: 11px;}

.btn-primary, #moveprevbtn {
  background-color: #0080c8;
  border: 0 none;
  color: #fff;
  border-radius: 0;
}

.progress .progress-bar {
/*  font-size: 16px;
  line-height: 10px; */
  font-size: 0;
  line-height: 0;
}

/* Symbole ersetzen */
.mitemoji .stars-list .star-rating i.fa.fa-star {
    display: inline-block !important;
    width: 1.45em !important;
    text-align: center !important;
    font-size: 28px !important;
    line-height: 1 !important;
}

.mitemoji .stars-list .star-rating i.fa.fa-star:before {
    display: inline-block !important;
    width: 1.2em !important;
    text-align: center !important;
    font-family: notoemojiregular, sans-serif !important;
    font-variant-emoji: text;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
    color: #777 !important;
    text-shadow: none !important;
}

/*  5er mit Emojis */

@font-face {
 font-family: notoemojiregular;
 src: url('../fonts/NotoEmoji-Regular.eot'); /* IE9 Compat Modes */
 src: url('../fonts/NotoEmoji-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('../fonts/NotoEmoji-Regular.woff2') format('woff2'), /* Super Modern Browsers */
   url('../fonts/NotoEmoji-Regular.woff') format('woff'), /* Pretty Modern Browsers */
   url('../fonts/NotoEmoji-Regular.ttf')  format('truetype'), /* Chrome, Safari, Android, iOS */
   url('../fonts/NotoEmoji-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
  
  
  
.mitemoji .stars-list .star-1 i.fa.fa-star:before { content: "\1F620\FE0E" !important; } /* 😠︎ */
.mitemoji .stars-list .star-2 i.fa.fa-star:before { content: "\1F615\FE0E" !important; } /* 😕︎ */
.mitemoji .stars-list .star-3 i.fa.fa-star:before { content: "\1F610\FE0E" !important; } /* 😐︎ */
.mitemoji .stars-list .star-4 i.fa.fa-star:before { content: "\1F642\FE0E" !important; } /* 🙂︎ */
.mitemoji .stars-list .star-5 i.fa.fa-star:before { content: "\1F970\FE0E" !important; } /* 🥰︎ */

/* Plugin-Zustände absichtlich NICHT rot färben, sonst bleibt es kumulativ */
.mitemoji .stars-list .star-rating.star-rating-hover i.fa.fa-star:before,
.mitemoji .stars-list .star-rating.star-rating-on i.fa.fa-star:before {
    color: #777 !important;
    text-shadow: none !important;
}

/* Nur unsere exakten Zustände färben */
.mitemoji .stars-list .star-rating.emoji-hoveronly i.fa.fa-star:before,
.mitemoji .stars-list .star-rating.emoji-selected i.fa.fa-star:before {
    color: #0080c8 !important;
    text-shadow: none !important;
    font-weight:bold;
}

 .star-cancel-active {
    color: #0080c8 !important;
    text-shadow: 1px 0 #0080c8;
    font-weight:bold;
  }

.mitemoji .stars-list .star-rating.emoji-selected i.fa.fa-star:before {
    color: #0080c8 !important;
    font-weight: 700 !important;
}