body{
  overflow:auto;
}
.page_container{
  position:relative;   
} 

.survey_headline_container{
  height:3rem;
  background:#FFFFFF;
  position:fixed;
  z-index:99;
  width:100%;
  box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 0px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;   
}
.survey_headline_element{
  height:3rem;
  line-height:3rem; 
  font-family: 'Capitolina', serif;
  font-size:2.0rem;    
  font-weight:500;
  color: #2c95b5;
  font-style:italic;
  margin:0rem 0rem;
  
}
.survey_headline_element_left{  
  float:left;
  margin-left:1rem;
}
.survey_headline_element_right{  
  float:right;
  margin-right:1rem;
}
.survey_headline_element img{
  height:2.5rem;
  margin:0.25rem 0rem;  
  transition:0.3s;
}
.survey_headline_element_right:hover img{
  opacity:0.7;
}

.dashboard_element_container{
  box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 0px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;
  border-radius: 8px;  
  flex: 0 0 calc(33% - 3rem);  
  transition:0.6s;
  border-radius:0.5rem;  
  border:1px solid #ebebec;  
  background:#FFFFFF;
  position:relative;
}
.dashboard_element_headline{  
  margin-bottom:0.5rem;  
  color:#49494C;
  height:2rem;
  line-height:2rem;
  margin-bottom:0.25rem;
  padding:0.25rem 0.5rem;
  font-size:1.15rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  transition:0.3s;
  background:#ebebec;
  font-weight:500;
}
.dashboard_element_survey_headline_element{    
  color:#49494C;
  height:2rem;
  line-height:2rem;    
  font-size:1.15rem;    
  font-weight:500;
  transition:0.3s;
}
.dashboard_element_container:hover .dashboard_element_headline{    
  background:#A4ABAF;    
  color:#FFFFFF;
}
.dashboard_element_container:hover .dashboard_element_survey_headline_element{      
  color:#FFFFFF;
}
.dashboard_element_content{  
  padding:0.25rem 0.5rem;  
  position:relative;
  height:20rem;
}
.dashboard_element_content_section{
  width:calc(33% - 2rem);
  margin-right:2rem;
  float:left;
}

.survey_container{  
  height: calc(100% - 3rem) !important;
  padding: 0;
  margin: 0;  
  padding-top:3rem;
  width:100%;
  position:relative !important;
}
.survey_container_row{
  max-width: 80rem;
  min-height:calc(60%);
}
.survey_container_menu_container { 
  max-width: 80rem;        
  text-align: center;
  display: flex;
  justify-content: space-between;  
  flex-direction: row;
  flex-wrap: wrap; 
  margin-bottom:2rem;
}
.survey_container_question {  
  width:100%;
  max-width: 60rem;  
  line-height: 3rem;  
  font-weight: 900;
  font-size: 2.5rem;
  text-align: center;
  margin-bottom:2rem;
}
.survey_container_question_sub {  
  width:100%;
  max-width: 60rem;  
  line-height: 3rem;  
  font-weight: 400;
  font-size: 2rem;
  text-align: center;
  margin-bottom:2rem;
}
.survey_container_notice {  
  width: 60rem;  
  line-height: 2rem;  
  font-weight: 400;
  font-size: 1.8rem;
  text-align: center;
  margin-bottom:3rem;
  color: #A4ABAF;
}
.survey_container_scale_container {  
  width: 80rem;      
  font-weight: 700;
  font-size: 2rem;
  margin:0rem auto;
  margin-top:2rem;
  text-align: center;
  display: flex;
  justify-content: space-between;  
  flex-direction: row;
  flex-wrap: nowrap;  
}
.survey_container_scale_container_options {   
  justify-content: center;  
}
.survey_container_input_container {  
  width: 60rem;    
  margin:0rem auto;
  font-weight: 700;
  font-size: 3rem;
  text-align: center;
}
.survey_container_button_container {  
  width: 50rem;    
  margin:0rem auto;
  margin-top:3rem;
  font-weight: 700;
  font-size: 3rem;
  text-align: center;
}
.survey_container_input_container input{  
  outline: 0;
  padding:0.25rem 0rem;
  width:100%;
  height:2.5rem;
  line-height:2.5rem;
  text-align:center;
  font-size:2.2rem;
  background:transparent;
  margin:0;
  border:0px solid transparent;  
  border-bottom:1px solid #A4ABAF;  
}
.survey_container_input_container textarea{  
  outline: 0;
  padding:0.5rem 1rem;
  width:calc(100% - 2rem);
  height:10rem;
  line-height:1.6rem;
  text-align:left;
  font-size:1.4rem;
  background:#FFFFFF;
  margin:0;
  border:1px solid #A4ABAF;    
  resize:vertical;
}
.survey_container_input_container ul{    
  text-align: left;
  list-style: none;  
  padding: 0;
  margin:0rem auto;
}
.survey_container_input_container ul li::before {
  content: "";
}
.survey_container_input_container .ul_30{    
  width:30rem;
}
.survey_container_input_container .ul_60{    
  width:60rem;
}
.survey_container_input_container li{    
  margin: 0;
  padding: 0;
  text-align: left;
  margin-bottom:0.5rem;
}
.survey_container_input_container li input{    
  float:left;
  height:2.2rem;
  width:2.2rem;
  margin:0.15rem 0rem;
}
.survey_container_input_container li label{    
  float:left;
  text-align: left;
  margin-left:2.5rem;
  height:2.5rem;
  line-height:2.5rem;
  font-size:1.5rem;
}



.survey_button{
  border-radius:0.5rem;
  line-height: 2.5rem;
  height: 2.5rem;
  background:#ebebec;
  border:1px solid #2c95b5;
  color:#2c95b5;
  text-align:center;
  transition:0.8s;
  cursor:pointer;
  padding:0rem 1rem;
  display:inline-block;
  margin:0rem auto;
  font-size:1.5rem;
  font-weight:500;
}
.survey_button img{
  height: 2.5rem;
  width: 2.5rem;    
  margin-bottom:-0.9rem;
  margin-right:0.1rem;
}
.survey_button:hover{
  background:#2c95b5;
  color:#FFFFFF;
}

.survey_scale_item{
  border-radius: 8px;  
  flex-basis: calc(10% - 0.5rem);  
  transition:0.8s;
  border-radius:0.5rem;  
  border:1px solid #ebebec;  
  background:#FFFFFF;
  position:relative;
  font-size:1.5rem;
  line-height:2.5rem;
  height:2.5rem;
  color:#A4ABAF;
}
.survey_scale_item_binary{
  border-radius: 8px;  
  flex-basis: 12rem;  
  transition:0.6s;
  border-radius:0.5rem;  
  border:1px solid #ebebec;  
  background:#FFFFFF;
  position:relative;
  font-size:1.5rem;
  line-height:2.5rem;
  height:2.5rem;
  color:#A4ABAF;
}
.survey_scale_item_option{
  border-radius: 8px;  
  flex-basis: 25rem;  
  transition:0.6s;
  border-radius:0.5rem;  
  border:1px solid #ebebec;  
  background:#FFFFFF;
  position:relative;
  font-size:1.5rem;
  line-height:2.5rem;
  height:2.5rem;
  color:#A4ABAF;
  margin:0rem 0rem;
}
.survey_scale_item_option_spacer{
  flex-basis: 5rem;  
  border:1px solid transparent;  
  position:relative;
  font-size:1.2rem;
  line-height:2.5rem;
  height:2.5rem;
  color:#49494C;
  text-align:center;
  margin:0rem 0rem;
}
.survey_scale_item_selected{  
  border:1px solid #2c95b5;  
  background:#2c95b5;  
  color:#FFFFFF;
}
.survey_scale_item:hover, .survey_scale_item_binary:hover, .survey_scale_item_option:hover{  
  border:1px solid #A4ABAF;  
  background:#A4ABAF;  
  color:#FFFFFF;
  cursor:pointer;
}

.survey_scale_description_item{  
  flex: 0 0 calc(33%);    
  position:relative;
  font-size:1.5rem;  
  color:#A4ABAF;
}
.survey_scale_description_item:nth-child(1){
  text-align:left;
}
.survey_scale_description_item:nth-child(2){
  text-align:center;
}
.survey_scale_description_item:nth-child(3){
  text-align:right;
}

.survey_menu_item{  
  flex: 0 0 2rem;    
  height:2rem;
  line-height:2rem;
  text-align:center;
  position:relative;
  font-size:1.5rem;  
  color:#A4ABAF;
  transition:0.6s;
  background:transparent;
  border:1px solid #A4ABAF;
  border-radius:1rem;
}
.survey_menu_item_answered{    
  color:#000000;
  background:#A2DADB;
  border:1px solid #A2DADB;
}
.survey_menu_item_active{    
  color:#FFFFFF;
  background:#2c95b5;
  border:1px solid #2c95b5;
}
.survey_menu_item:hover{    
  color:#49494C;
  border:1px solid #49494C;
  cursor:pointer;
  background:transparent;
}

.survey_dashboard_container{  
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;  
  flex-direction: row;
  flex-wrap: wrap; 
}
.survey_dashboard_element{   
  min-width:20rem;
  border-radius: 8px;  
  padding: 1rem;
  width: 30rem;
  margin: 3rem;      
  font-size: 1.15rem;
  justify-content: space-between;  
  transition:0.3s;
  box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 0px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;  
  background:#FFFFFF;
}
.survey_dashboard_element .headline{
  display:block;
  flex:none;
  font-size:1.5rem;
  color:#2c95b5;
  font-weight: 700;
  margin-bottom: 0rem;
}
.survey_dashboard_element .subheadline{
  display:block;
  flex:none;
  font-size:1.0rem;
  color:#637174;
  font-weight: 700;
  margin-bottom: 1rem;
}
.survey_dashboard_element_label{
  float:left;
  width:9rem;
  min-height:3rem;
  line-height:3rem;
  font-size:1.3rem;
  color: #A4ABAF
}
.survey_dashboard_element_value{
  float:left;  
  min-height:3rem;
  max-width: calc(100% - 10rem);
  line-height:3rem;
  font-size:1.3rem;
  font-weight: 700;
}
.survey_dashboard_element_value span{
  line-height:1.5rem !important;
  font-size:1.3rem;  
}


.survey_section_link_container{  
  padding:0rem 1rem;
  border-bottom:1px solid #EAEAEA;
  box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 0px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;  
  background:#cfebeb;
}
.survey_section_link{
  float:left;
  height:2.5rem;
  line-height:2.5rem;
  margin-right:2.5rem;
  transition:0.3s;  
  color:#928b8d;
  font-size:1.15rem;
}
.survey_section_link_active{
  color:#03800D;  
  font-weight:bold;
}
.survey_topic_link_container{  
  padding:0rem 1rem;
  border-bottom:0px solid #EAEAEA;
  /* background:#e0f1ef; */
}
.survey_topic_link{
  float:left;
  height:2.5rem;
  line-height:2.5rem;
  margin-right:2.5rem;
  transition:0.3s;  
  color:#928b8d;
  font-size:1.15rem;
}
.survey_topic_link_active{
  color:#2c95b5;  
  font-weight:bold;
}
.survey_topic_note_container{
  width:60rem;
  margin:0rem auto;
  margin-top:1rem;  

}
.survey_topic_info{
  font-size:1.2rem;
  color:#49494C;
  text-align:center;
  margin-bottom:1rem;
}
/*
.survey_section_link:hover{
  color:#FFC20E;  
  cursor:pointer;
}
*/
.survey_infopage_container{
  max-width:80rem;
  box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 0px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;  
  background:#FFFFFF;
  border-radius: 8px;  
  padding: 1rem 1.5rem;
  margin:0rem auto;
  margin-top:2rem;
  font-size: 1.15rem;  
}
.survey_infopage_headline{  
  font-size: 1.3rem;  
  margin-bottom:0.75rem;
  color:#928b8d;
  font-weight:bold;
  letter-spacing:2px;
}
.survey_infopage_text{
  font-size: 1.15rem;    
}
.survey_infopage_text .italicFont{
  font-size: 1.15rem;
}
.survey_infopage_text *{
  font-size: 1.15rem;
}
.survey_infopage_text .team_img{
  display:block;
  max-width:40rem;
  margin:1rem auto;
}

.survey_page_button_container{
  margin-top:2rem;
  padding-bottom:1.5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;  
}
.survey_page_button_container .survey_button{
  height:2.5rem;
  line-height:2.5rem;
  padding:0rem 1rem;
  border-radius:8px;
  color:#49494C;
  background:#e6ede1;
  border:1px solid #49494C;
  transition:0.3s;
  display: flex;
  justify-content: space-between;  
  flex-direction: row;
  flex-wrap: wrap; 
}
.survey_page_button_container .survey_button:hover{  
  color:#FFFFFF;
  background:#2c95b5;
  border:1px solid #2c95b5;
  cursor: pointer;
}

.survey_question_conatiner{
  margin:1rem 0rem;
  transition:0.3s;
  border-radius: 8px;
  background:#FFFFFF;
  border:1px solid #ebebec;
  padding:0.15rem 0rem;
}
.survey_question_conatiner:hover{
  background:#FAFAFA;
  border:1px solid #E2E2E2;
  /* box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 0px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px; */
}
.survey_question_text{
  font-size:1.3rem;
  color:#000000;
  font-weight:700;
  line-height:1.75rem;  
  margin-left:0.5rem;
  transition:0.3s;
  text-align:center;
  margin-bottom:0.75rem;
}
.survey_question_conatiner:hover .survey_question_text{
  color:#2c95b5;
}


.survey_question_scale_container{  
  line-height:2rem;  
  transition:0.3s;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  padding:0rem 1rem;
}
.survey_question_scale_element{
  width:7rem;  
  border-radius:0.25rem;
  transition:0.3s;
  flex-basis: auto;
  margin:0.25rem;
  position:relative;
  border:1px solid #cacaca;  
  display: flex;
  justify-content: center; /* horizontal center */
  align-items: center;     /* vertical center */
  padding:0.25rem;
}
.survey_question_scale_element:hover{
  cursor:pointer;
  background:#F0F0F0;
}
.survey_question_scale_label{  
  text-align:center;
  font-size:1.0rem;  
  line-height:1rem;
  color:#A4ABAF;  
  transition:0.3s;    
}
.survey_question_scale_selector{
  width:1.5rem;
  height:1.5rem;
  margin:0rem auto;
  border-radius:1rem;
  border:2px solid #A4ABAF;
  background: #FFFFFF;
  transition:0.3s;
  margin-bottom:0.25rem;  
}
.survey_question_scale_element_active .survey_question_scale_selector{
  border:2px solid #FFC20E;
  background: #FFC20E;
}
.survey_question_scale_element_active .survey_question_scale_label{  
  color:#000000;
}
.survey_question_scale_element:hover .survey_question_scale_selector{  
  border:2px solid #FFC20E;
  background: #FFC20E;  
}
.survey_question_scale_element:hover .survey_numeric_scale_selector{  
  border:2px solid #FFC20E;
  background: #FFC20E;  
}
.survey_question_scale_element_active .survey_numeric_scale_selector{
  border:2px solid #2c95b5;
  background: #81d2e2;
}

.survey_numeric_scale_label{
  width:7rem;
  text-align:center;
  font-size:0.8rem;
  line-height:0.9rem;
  height:1rem;
  line-height:1rem;
  color:#A4ABAF;
  margin-bottom:0.15rem;
  transition:0.3s;  
}
.survey_numeric_scale_selector{
  width:2.25rem;
  height:2.25rem;
  line-height:2.35rem;
  font-size:1.25rem;
  margin:0rem auto;
  text-align:center;  
  transition:0.3s;
  margin-top:0.25rem;
  margin-bottom:0.25rem;
  border-radius:1.5rem;
  border:2px solid #A4ABAF;
  background: #FFFFFF;
}

.survey_scale_item{
  border-radius: 8px;  
  flex: 0 0 calc(9.09% - 0.5rem);  
  transition:0.5s;
  border-radius:0.5rem;  
  border:1px solid #ebebec;  
  background:#FFFFFF;
  position:relative;
  font-size:1.5rem;
  line-height:2.5rem;
  height:2.5rem;
  color:#A4ABAF;
}
.survey_container_scale_label_container{
  margin-top:1rem;
}
.survey_scale_label_detractors{
  flex: 0 0 calc(63.7% - 0.5rem);  
  position:relative;
  font-size:1.2rem;  
  line-height:2rem;
  color:#A4ABAF;
  border-top:1px solid #A4ABAF;
  text-align:center;
}
.survey_scale_label_promoters{
  flex: 0 0 calc(18.15% - 0.5rem);  
  position:relative;
  font-size:1.2rem;    
  line-height:2rem;
  color:#A4ABAF;
  border-top:1px solid #A4ABAF;
  text-align:center;
}
.survey_scale_label_passives{
  flex: 0 0 calc(18.15% - 0.5rem);  
  position:relative;
  font-size:1.2rem;    
  line-height:2rem;
  color:#A4ABAF;
  border-top:1px solid #A4ABAF;
  text-align:center;
}

.survey_container_scale_high_low {  
  width: 80rem;      
  font-weight: 700;
  font-size: 2rem;
  margin:0rem auto;  
}
.survey_scale_label_low{  
  position:relative;
  float:left;
  font-size:1.2rem;  
  line-height:2rem;
  color:#A4ABAF;  
  text-align:left;
}
.survey_scale_label_high{  
  position:relative;
  float:right;
  font-size:1.2rem;  
  line-height:2rem;
  color:#A4ABAF;  
  text-align:right;
}

.survey_scale_item_selected{  
  border:1px solid #2c95b5;  
  background: #81d2e2;
  color:#FFFFFF;
}
.survey_scale_item:hover{  
  border:1px solid #A4ABAF;  
  background:#A4ABAF;  
  color:#FFFFFF;
  cursor:pointer;
}
.survey_scale_description_item{  
  flex: 0 0 calc(33%);    
  position:relative;
  font-size:1.5rem;  
  color:#A4ABAF;
}
.survey_scale_description_item:nth-child(1){
  text-align:left;
}
.survey_scale_description_item:nth-child(2){
  text-align:center;
}
.survey_scale_description_item:nth-child(3){
  text-align:right;
}

.survey_freetext_question_container{
  width:60rem;
  margin:0rem auto;
  margin-top:1rem;  
}
.survey_focussed_question_container{
  margin-top:3rem;  
}
.survey_freetext_notice_small{
  font-size:1rem;
  color:#A4ABAF;
  text-align:center;
}
.survey_freetext_notice_important{
  font-size:1rem;
  color:#CF381E;
  margin:0.5rem 0rem;
  font-weight:700;
  text-align:center;
}
.survey_input_textarea{  
  outline: 0;
  padding:0.5rem 1rem;
  width:calc(100% - 2rem);
  height:10rem;
  line-height:1.6rem;
  text-align:left;
  font-size:1.2rem;
  background:#FFFFFF;
  resize:vertical;
  margin:0;
  border:1px solid #A4ABAF;    
}
.survey_input_number{  
  padding:0.5rem 1rem;
  width:10rem;
  text-align:right;
  font-size:1.2rem;
  background:#FFFFFF;
  border:1px solid #A4ABAF;     
  border-radius:8px;
}

.survey_not_found_notice{
  text-align:center;
  font-size:2rem;
  margin-top:3rem;
  color:#A4ABAF;
}
.survey_not_found_notice_small{
  text-align:center;
  font-size:1.15rem;
  margin-top:1rem;
  color:#A4ABAF;
}
.general_survey_notice{
  text-align:center;
  font-size:2rem;
  margin-top:3rem;
  color:#A4ABAF;
}

.survey_language_switches{
  float:right;
  margin-right:1rem;
}
.survey_language_switches select{
  display:block;
  height:2rem;
  line-height:2rem;
  margin:0.5rem 0rem;
}
.live_survey_contact_details input{
  width:40rem;
  font-size:1.15rem;
  padding:0.5rem 1rem;  
}

@media only screen 
  and (min-device-width : 320px) 
  and (max-device-width : 480px) {
    .survey_question_conatiner{
      width: calc(100% -0.4rem);
    }
    .survey_question_conatiner:hover .survey_question_text{
      color: #000000;
    }
    .survey_question_conatiner:hover{
      background:#FFFFFF;
      border:1px solid #E2E2E2;
      box-shadow: none;
    }
    .survey_question_text{    
      transition:none;      
    }
    .survey_question_scale_element{
      width:auto;      
      flex-basis:1;
    }    
    
    .survey_question_scale_container{  
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: stretch;
      gap:0.75rem;
    }
}