@charset "UTF-8";
/**********************VARS*******************************/
/*AOK*/
/*accordeon background*/
/*#d2f2de;*/
/*lighten($primary-color, 65%);*/
/*lighten($secondary-color,10%);*/
/*orange color für exercise*/
/*background for exercices headline*/
/*lighten($highlight-color, 40%);*/
/*classes lastpage, minusbutton*/
/* $secondary-color;*/
/*darken( $secondary-color, 10%);*/
/*class paging*/
/*e.g. for h1 headline, menu-footer*/
/*e.g. personarow at landingpage*/
/*Für Check*/
/**********************VARS Ende*******************************/
* {
  margin: 0;
  padding: 0; }

/**Hier können alle Styles, die sich auf den Plugin-Inhalt beziehen, eingesetzt werden.**/
body {
  /*background-color: red!important;*/ }

h1 {
  /*color: red;*/ }

/*verschiedene Abstufungen der Auswertung verstecken*/
.stufe1, .stufe2, .stufe3, .stufe4,
.isi1, .isi2, .isi3,
.pss1, .pss2, .pss3,
.ptq1, .ptq2, .ptq3,
.audit0, .audit1, .audit2, .audit3, .audit4,
.orga0, .orgarot, .orgagelb, .orgagrün,
.zeit0, .zeitrot, .zeitgelb, .zeitgrün,
.kultur0, .kulturrot, .kulturgelb, .kulturgrün,
.schutz0, .schutzrot, .schutzgelb, .schutzgrün,
.psybelastung0, .psybelastungrot, .psybelastunggelb, .psybelastunggrün {
  display: none; }

#ergebnis {
  display: none; }

.generalinfo {
  display: none;
  margin-top: 40px; }

/*Einzug, um bei col-md keinen Rand*/
#beforestart ul {
  padding-left: 25px; }

#fragen {
  display: none; }

#headline-ergebnis {
  display: none; }

.feedback-area {
  display: none; }

.ergebnisrow {
  border-bottom: solid 1px; }

/*letztes nf-field-element enthält Button und muss ausgeblendet werden*/
.nf-field-container.submit-container {
  display: none !important; }

.loading {
  display: block;
  padding-left: 40%;
  padding-top: 8%; }

.nf-form-content {
  margin-bottom: 0px !important; }

nf-section .nf-input-limit {
  margin-top: 0px !important; }

/*****************progress bar*********************/
#progbar {
  width: 100%;
  height: 28px;
  /*border: solid 1px;*/
  border-radius: 15px;
  display: none;
  margin-bottom: 18px;
  background-color: #99CC99;
  /* red!important;*/
  /*$secondary-color-light;*/
  /* rgba(146,185,192,0.2);*/
  /*background-color: red;*/ }

#progbar-inner {
  width: 0%;
  height: 28px;
  background-color: #339966;
  /*rgba(146,185,192,1);*/
  /*#e98352; #19B5FE; #92b9c0;*/
  z-index: -1;
  border-radius: 15px; }

#progbar-numb {
  padding-top: 4px;
  z-index: 1;
  position: absolute;
  margin-left: 45%; }

/*****************progress bar ende*********************/
/*#fragebogenfrage-phq,*/
#fragebogenfrage-isi, #fragebogenfrage-pss, #fragebogenfrage-ptq, #fragebogenfrage-audit {
  display: none; }

/*****************radio-button-design*********************/
#next, #prev {
  display: none; }

.selected {
  color: white;
  /* white;*/
  background-color: #339966;
  border-radius: 7px;
  width: 100%; }

/*Header für die einzelnen Fragebögen*/
.phq-header {
  color: #1b535f;
  /*  rgb(27,83,95);*/
  background-color: #bfff00;
  /*rgba(146,185,192,0.6);*/
  padding: 2%; }

.isi-header {
  color: white;
  /* rgb(255, 255, 255);*/
  background-color: #739900;
  /*rgba(54,126,145,0.9);*/
  padding: 2%; }

.pss-header {
  color: #1b535f;
  /* rgb(27,83,95);*/
  background-color: #bfff00;
  /*rgba(146,185,192,0.6);*/
  padding: 2%; }

.ptq-header {
  color: #e8eff1;
  /* rgb(232, 239, 241);*/
  background-color: #739900;
  /* rgba(54,126,145,0.9);*/
  padding: 2%; }

.audit-header {
  color: #1b535f;
  /* rgb(27,83,95);*/
  background-color: #bfff00;
  /*rgba(146,185,192,0.6);*/
  padding: 2%; }

/*keine Einrückung der Buttons/Felder*/
.ninja-forms-cont .list-radio-wrap.label-left ul li {
  padding: 0; }

.nf-field-element {
  margin-bottom: 10vh !important; }

/*Die Radio-Buttons ausblenden*/
.nf-field-element ul li input {
  display: none; }

/*Die einzelnen Fragelisten*/
.nf-field-element li {
  height: auto !important; }

.nf-field-element ul li label {
  width: 100% !important; }

/*Die Label/Buttons der einzelnen Fragelisten*/
.nf-field-element ul li {
  font-size: 0.9em;
  margin-right: 15px !important;
  width: 17%;
  height: 60px !important;
  border: solid 1px;
  border-radius: 7px;
  float: left; }

/*style.css und ninja-forms überschreiben*/
label {
  margin: 0;
  font-size: 1.5em;
  margin-bottom: 1em;
  margin-top: 2em; }

.listradio-wrap li label, .list-checkbox-wrap li label {
  margin-top: 0px !important; }

.nf-form-hp {
  display: none; }

.field-wrap {
  /*display: -ms-flexbox;*/
  display: flex; }

.label-below .field-wrap, .label-above .field-wrap {
  flex-direction: column;
  -ms-flex-flow: wrap;
  flex-flow: wrap; }

/*Ende überschreiben*/
.nf-field-label {
  /*font-size: 30px!important;*/ }

.nf-field-element li {
  display: table;
  margin-right: 15px !important; }

/*oberen Abstand von globaler CSS-Datei überschreiben*/
.listradio-wrap li label, .list-checkbox-wrap li label {
  /*padding:10px;*/
  text-align: center;
  font-size: 1.2em;
  display: table-cell;
  vertical-align: middle;
  padding: 3%;
  height: 100%;
  /*padding-top: 8%;*/ }

/*Die Farbe für den Hover-Effekt:*/
.nf-field-element ul li:hover {
  /*color: #92b9c0;*/
  background-color: #339966;
  /*rgba(27,83,95,0.2);*/
  /*color: white;*/ }

.nf-field-element {
  width: 100%;
  display: block; }

.list-radio-wrap .nf-field-element li, .list-checkbox-wrap .nf-field-element li {
  margin-right: 20px !important; }

/*******************raio-button-design ENDE*******************/
/*Smartphone & Tablet*/
/*xs----iPhone*/
@media (max-width: 767px) {
  html, body {
    /*height: 100vw;*/ }

  #phq-1 .nf-field-label {
    /*border: solid 3px;*/
    background-color: #bfff00;
    /*rgba(146,185,192,0.6);*/
    color: #1b535f;
    /* rgb(27,83,95);*/
    width: 100%; }

  #isi-1 .nf-field-label {
    /*border: solid 3px;*/
    background-color: #739900;
    /* rgba(54,126,145,0.9);*/
    color: white;
    /* white;*/
    width: 100%; }

  #pss-1 .nf-field-label {
    /*border: solid 3px;*/
    background-color: #bfff00;
    /* rgba(146,185,192,0.6);*/
    color: #1b535f;
    /* rgb(27,83,95);*/
    width: 100%; }

  #ptq-1 .nf-field-label {
    /*border: solid 3px;*/
    background-color: #739900;
    /* rgba(54,126,145,0.9);*/
    color: white;
    /* white;*/
    width: 100%; }

  #audit-1 .nf-field-label {
    /*border: solid 3px;*/
    background-color: #bfff00;
    /*rgba(146,185,192,0.6);*/
    color: #1b535f;
    /* rgb(27,83,95);*/
    width: 100%; }

  /*body {
      background-color: blue!important;
  }*/
  .navbar {
    margin-bottom: 2% !important; }

  .test {
    margin-top: -38px !important;
    margin-left: 30%;
    font-size: 1.2em !important; }

  .test h1 {
    font-size: 1.2em !important; }

  .nf-field-element ul li {
    width: 100%; }

  .list-radio-wrap .nf-field-element li, .list-checkbox-wrap .nf-field-element li {
    margin-bottom: 3%; }

  label {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    /*font-size: 1.3em;*/ }

  .nf-field-label {
    /* margin-bottom: 2%; */
    padding: 0% 2% 0% 2%; }

  .nf-field-label {
    margin-bottom: 20px !important; }

  .test h1 {
    margin-top: 2px !important;
    margin-bottom: 12px; }

  h3 {
    margin-top: 0px !important; }

  h1#headline-ergebnis {
    margin-top: 40px; }

  .nf-field-element ul li {
    height: 45px !important; }

  .nf-field-element ul li label {
    font-size: 1.2em; }

  #progbar {
    height: 14px;
    margin-bottom: 5px;
    border: none;
    /*solid 1px;*/
    /*border-color: */ }

  #progbar-inner {
    height: 14px; }

  #progbar-numb {
    /*display: none;*/
    padding-top: 0px;
    font-size: 8pt;
    margin-top: -1px; }

  #fragebogenfrage-ptq, #fragebogenfrage-isi, #fragebogenfrage-pss, #fragebogenfrage-phq, #fragebogenfrage-audit {
    margin-bottom: 0px !important;
    font-size: 1.2em !important; }

  .nf-field-label {
    font-size: 12px; }

  .nf-field-element ul li:hover {
    /*color: rgb(27,83,95);*/
    background-color: white; } }
/*sm----iPad*/
@media (min-width: 768px) and (max-width: 1099px) {
  /*body {
      background-color: red!important;
  }*/
  .nf-field-element ul li {
    /*width: 125px;*/ }

  .nf-field-element ul li label {
    line-height: 1.1; }

  .nf-field-label {
    margin-right: 10px; } }
/*md----Laptop*/
@media (min-width: 1100px) and (max-width: 1400px) {
  /*body {
      background-color: yellow!important;
  }*/ }
/*lg----Desktop*/
@media (min-width: 1400px) {
  /*body {
      background-color: green!important;
  }*/ }