@charset "UTF-8";

h1, h2, h3, h4, h5, h6 {
  color: var(--primary);
}

.ui-state-active {
  border: 1px solid var(--primary) !important;
  background: var(--primary) !important;
}

.questionaire_helpphone_v2 {
  font-size: 14px;
}
.questionaire_helpphone_v2 h2 {
  font-size: 1.15rem;
}

#questionnaire-content_v2 {
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
	#page_2_accordion_2 .row .word-break {
		width: 425px;
	}
}

div#page-wrapper {
	height: auto;
}

#logo_helpphone {
    padding-left: 35%;
}

#logo_helpphone a {
  width: 300px;
  height: 150px;
  display: inline-block;
  background-image: url("/local/questionaire_helpphone_v2/pix/UBSKM_Hilfe_Telefon_Sexueller_Missbrauch_Claim_CMYK_Portal.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.page_0 .fa-exclamation-circle::before {
  content: "*";
}


/**********************************************
******************Page 1***********************
***********************************************/

.page_1 .fa-exclamation-circle::before {
  content: "*";
}

.page_1 #questionnaire-content_v2 .form-group .form-inline.felement {
	flex-direction: column;
}

/**********************************************
******************Page 2***********************
***********************************************/

#welcome_message_2 p {
  margin-bottom: 7px;
}

.page_2 .fa-exclamation-circle::before {
  content: "*";
}

/* #page_2_accordion_3, */
/* #page_2_accordion_2 { */
/* 	min-width: 1350px !important; */
/* } */

.page_2 .ui-accordion .ui-accordion-content {
	overflow: hidden;
}

/* .other_next_btn_container, .accordion_question_header_container .accordion_question_header { */
/*   float: left; */
/*   width: 100px; */
/*   margin: 15px; */
/* } */

.first_next_btn_container {
  float: left;
}

.first_next_btn_container, .accordion_question_header_container .accordion_question_header#header0 {
  width: 425px;
}

/* #page_2_accordion_2 .next_accordion_container_page2 .col-md-3, */
/* #page_2_accordion_2 .row .col-md-3 { */
/*   width: 425px; */
/*   top: -11px; */
/*   flex: unset; */
/*   max-width: unset; */
/*   float: left; */
/* } */

/* #page_2_accordion_2 .next_accordion_container_page2 .col-md-9, */
/* #page_2_accordion_2 .row .col-md-9 { */
/*   float: left; */
/*   flex: unset; */
/*   max-width: unset; */
/*   width: 850px; */
/*   padding: unset; */
/* } */

/* #page_2_accordion_2 .row .col-md-9.form-inline.felement label { */
/*   width: 100px; */
/*   margin: 15px; */
/* } */

/* #page_2_accordion_2 .row .col-md-9.form-inline.felement label input { */
/*   margin-left: 50%; */
/* } */

.next_accordion_container_page2 {
  text-align: right;
  padding-right: 70px;
}

.page_2 .mform #fgroup_id_buttonsgrp {
  margin-top: 20px;
}

/* .page_2 .mform #fgroup_id_buttonsgrp .col-md-3 { */
/*   flex: 0 0 45%; */
/*   max-width: 45%; */
/* } */

/* .page_2 .mform #fgroup_id_buttonsgrp .col-md-9 { */
/*   flex: 0 0 45%; */
/* } */

/**********************************************
******************Page 3***********************
***********************************************/

/* .page_3 .col-md-3 { */
/*   flex: unset; */
/*   min-height: 25px; */
/*   max-width: unset; */
/*   font-size: 13px; */
/*   margin-bottom: 10px; */
/* } */

.page_3 #questionnaire-content_v2 h4 {
  font-size: 13px;
}

.page_3 .mform #fgroup_id_buttonsgrp {
  margin-top: 20px;
}

/* .page_3 .mform #fgroup_id_buttonsgrp .col-md-3 { */
/*   flex: 0 0 45%; */
/*   max-width: 45%; */
/* } */

/* .page_3 .mform #fgroup_id_buttonsgrp .col-md-9 { */
/*   flex: 0 0 45%; */
/* } */

/**********************************************
******************Page 4***********************
***********************************************/

.page_4 .fa-exclamation-circle::before {
  content: "*";
}

/* #page_4_accordion_2 { */
/*   min-width: 1350px; */
/* } */

.page_4 .ui-accordion .ui-accordion-content {
	overflow: hidden;
}

/* #page_4_accordion_2 .next_accordion_container_page3 .col-md-3, */
/* #page_4_accordion_2 .row .col-md-3 { */
/*   width: 425px; */
/*   top: -11px; */
/*   flex: unset; */
/*   max-width: unset; */
/*   float: left; */
/* } */

/* #page_4_accordion_2 .row .col-md-9.form-inline.felement label { */
/*   width: 100px; */
/*   margin: 15px; */
/* } */

.next_accordion_container_page3 {
  text-align: right;
  padding-right: 70px;
}

/* #page_4_accordion_2 #fitem_id_conclusion.row .col-md-3 { */
/*   width: 100%; */
/*   /*top: 10px;*/ */
/* } */

#page_4_accordion_2 #fgroup_id_buttonsgrp {
  margin-top: 30px;
}

/* #page_4_accordion_2 #fitem_id_conclusion.row .col-md-9.form-inline.felement { */
/*   top: 5px; */
/*   left: 0; */
/* } */

/* #page_4_accordion_2 .next_accordion_container_page3 .col-md-9, */
/* #page_4_accordion_2 .col-md-9 { */
/*   flex: unset; */
/*   max-width: unset; */
/*   float: left; */
/*   width: 850px; */
/*   padding: unset; */
/*   margin-top: -14px; */
/* } */

/* #page_4_accordion_2 .row .col-md-9.form-inline.felement label input { */
/*   margin-left: 50%; */
/* } */

.page_4 .mform #fgroup_id_buttonsgrp {
  margin-top: 20px;
}

/* .page_4 .mform #fgroup_id_buttonsgrp .col-md-3 { */
/*   flex: 0 0 45%; */
/*   max-width: 45%; */
/* } */

/* .page_4 .mform #fgroup_id_buttonsgrp .col-md-9 { */
/*   flex: 0 0 45%; */
/* } */

/**********************************************
******************Page 5***********************
***********************************************/

/* #page_5_accordion_2 { */
/*   min-width: 1350px; */
/* } */

#a6_a10_header.ui-accordion-header.hidden {
  display: none;
}

.page_5 .ui-accordion .ui-accordion-content {
	overflow: hidden;
}

.accordion_question_header_container.a6_a10 {
  height: 95px;
}

.accordion_question_header_container.c1_c7 {
  height: 50px;
}

/* #page_5_accordion_2 .next_accordion_container_page3 .col-md-3, */
/* #page_5_accordion_2 .row .col-md-3 { */
/*   width: 425px; */
/*   top: -11px; */
/*   flex: unset; */
/*   max-width: unset; */
/*   float: left; */
/* } */

/* #page_5_accordion_2 .row .col-md-9.form-inline.felement label { */
/*   width: 100px; */
/*   margin: 15px; */
/* } */

/* #page_5_accordion_2 #fgroup_id_a6.row .col-md-9.form-inline.felement label { */
/*   width: 100px; */
/*   margin: 15px; */
/* } */

.page_2 #ui-id-10 .accordion_question_header_container .accordion_question_header#header0,
.page_2 #ui-id-8 .accordion_question_header_container .accordion_question_header#header0,
.page_2 #ui-id-7 .accordion_question_header_container .accordion_question_header#header0,
.page_2 #ui-id-6 .accordion_question_header_container .accordion_question_header#header0,
.page_2 #ui-id-4 .accordion_question_header_container .accordion_question_header#header0,
.page_2 #ui-id-2 .accordion_question_header_container .accordion_question_header#header0 {
  width: 410px;
}

.page_4 #ui-id-6 .accordion_question_header_container .accordion_question_header#header0 {
  width: 410px;
}

.page_5 #ui-id-2 .accordion_question_header_container .accordion_question_header#header5 {
  width: 114px;
}

.page_5 #ui-id-6 .accordion_question_header_container .accordion_question_header#header3 {
  width: 120px;
}

.page_5 #ui-id-6 .accordion_question_header_container .accordion_question_header#header2 {
  width: 95px;
}

.page_5 #ui-id-6 .accordion_question_header_container .accordion_question_header#header0 {
  width: 445px;
}

.page_5 #ui-id-2 .accordion_question_header_container .accordion_question_header#header0,
.page_5 #ui-id-4 .accordion_question_header_container .accordion_question_header#header0 {
  width: 430px;
  margin-left: 15px;
}

.accordion_question_header_container .accordion_question_header#header0 {
  width: 450px;
  margin-left: 15px;
}

.accordion_question_header_container.c1_c7 .accordion_question_header {
  margin-left: 8px;
  width: 110px;
}

.sig_c_label,
.sig_b_label,
.sig_a_label {
  margin-bottom: 10px;
}

/* #page_5_accordion_2 #fitem_id_conclusion.row .col-md-3 { */
/*   width: 100%; */
/*   /*top: 10px;*/ */
/* } */

#page_5_accordion_2 #fgroup_id_buttonsgrp {
  margin-top: 30px;
}

/* #page_5_accordion_2 #fitem_id_conclusion.row .col-md-9.form-inline.felement { */
/*   top: 5px; */
/*   left: 0; */
/* } */

/* #page_5_accordion_2 .next_accordion_container_page3 .col-md-9, */
/* #page_5_accordion_2 .col-md-9 { */
/*   flex: unset; */
/*   max-width: unset; */
/*   float: left; */
/*   width: 850px; */
/*   padding: unset; */
/*   margin-top: -14px; */
/* } */

/* #page_5_accordion_2 .row .col-md-9.form-inline.felement label input { */
/*   margin-left: 50%; */
/* } */

.accordion_question_header_container .accordion_question_header.a6_a10#header0 {
  width: 385px;
}

.accordion_question_header_container .accordion_question_header.a6_a10 {
  width: 55px;
}

/* #page_5_accordion_2 #fgroup_id_a10.row .col-md-9.form-inline.felement label.a6_a10, */
/* #page_5_accordion_2 #fgroup_id_a9.row .col-md-9.form-inline.felement label.a6_a10, */
/* #page_5_accordion_2 #fgroup_id_a8.row .col-md-9.form-inline.felement label.a6_a10, */
/* #page_5_accordion_2 #fgroup_id_a7.row .col-md-9.form-inline.felement label.a6_a10, */
/* #page_5_accordion_2 #fgroup_id_a6.row .col-md-9.form-inline.felement label.a6_a10 { */
/*   width: 47px; */
/*   margin: 15px; */
/* } */

/* #page_5_accordion_2 .row.fitem .a6_a10_description { */
/*   position: absolute; */
/*   left: 15px; */
/*   top: 60px; */
/*   font-size: 10px; */
/*   font-weight: bold; */
/*   color: #534d4d; */
/*   margin-left: 5px; */
/* } */

#fgroup_id_a10,
#fgroup_id_a9,
#fgroup_id_a8,
#fgroup_id_a7,
#fgroup_id_a6 {
  margin-bottom: 45px;
}

.page_5 .mform #fgroup_id_buttonsgrp {
  margin-top: 20px;
}

/* .page_5 .mform #fgroup_id_buttonsgrp .col-md-3 { */
/*   flex: 0 0 45%; */
/*   max-width: 45%; */
/* } */

/* .page_5 .mform #fgroup_id_buttonsgrp .col-md-9 { */
/*   flex: 0 0 45%; */
/* } */

/**********************************************
******************Global***********************
***********************************************/

#raster_v2_footer {
  background: #373a3c;
  color: #868e96;
}

#raster_v2_footer #top {
  padding-left: 2%;
  padding-top: 10px;
}

#raster_v2_footer #bottom {
  height: 30px;
}

#raster_v2_footer #bottom #left {
  float: left;
  width: 50%;
  text-align: center;
}

#raster_v2_footer #bottom #right {
  text-align: center;
}

.questionaire_helpphone_v2 .ui-widget-overlay {
	opacity: 0.5;
}

#questionnaire-content-browser-not-supported {
    text-align: center;
    height: 50px;
    border: 1px dotted black;
    padding-top: 50px;
    font-size: 1.5em;
    padding-bottom: 50px;
    font-weight: bold;
}

/******************************************************************************************************/

#fgroup_id_privacy_confirmed .form-check-inline.fitem.required {
  display: block;
}

#questionnaire-content_v2 .col-form-label {
  padding-top: 0;
}

.localquestionnaire-matrix .column-header-container {
  display: flex;
  flex-direction: row;
  font-weight: bold;
}

.localquestionnaire-matrix .column-header,
.localquestionnaire-matrix .form-group.fitem label.form-check-label {
  flex: 1 1 auto;
  text-align: center;
  margin: 0;
}

.localquestionnaire-matrix .column-header {
  flex-basis: 100%;
  padding: 0 .5em;
}

/* Usability: Bessere Click-Area für die Radion-Buttons */
.localquestionnaire-matrix .form-group.fitem label.form-check-label {
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-indent: -9999px;
}

.localquestionnaire-matrix-range .column-header:first-of-type {
  text-align: left;
}

.localquestionnaire-matrix-range .column-header:last-of-type {
  text-align: right;
}

.localquestionnaire-matrix .form-group {
  margin-top: 0;
  margin-bottom: 0;
}

.localquestionnaire-matrix .form-group + .form-group {
  border-top: 1px solid #d6d6d6;
}

.localquestionnaire-matrix .form-group .col-form-label {
  padding-bottom: 1em !important;
  padding-top: 1em !important;
}

.localquestionnaire-matrix-header-row {
  padding-bottom: 1.5em;
  border-bottom: 1px solid #d6d6d6;
}

.localquestionnaire-matrix input[type="range"] + datalist {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  font-size: .9em;
}

.localquestionnaire-matrix input[type="range"] + datalist option {
  width: 1.5em;
  text-align: center;
  padding: .5em 0;
}

@media only screen and (max-width: 767px) {
  body#page-local-questionaire_helpphone_v2-questionaire_helpphone_v2 #page {
    margin-top: 0;
  }

  body#page-local-questionaire_helpphone_v2-questionaire_helpphone_v2 #region-main,
  #questionnaire-content_v2 > form {
    padding-left: 0;
    padding-right: 0;
  }

  .page-header-headings h1 {
    font-size: 1.75rem;
  }

  .localquestionnaire-matrix-header-row {
    display: none;
  }

  .localquestionnaire-matrix .form-group {
    border: unset;
    padding-top: unset;
    margin-top: .5rem;
  }

  .localquestionnaire-matrix-range .localquestionnaire-matrix-header-row {
    display: flex;
  }

  .localquestionnaire-matrix .form-group .col-form-label {
    margin-top: 0;
    margin-bottom: 0;
  }

  .localquestionnaire-matrix .form-group.fitem label.form-check-label {
    padding-top: .5em;
    padding-bottom: .5em;
    flex-basis: 100%;
    justify-content: start;
    text-indent: unset;
    text-align: left;
  }

  #questionnaire-content-wrapper_v2 {
    padding: unset;
    border: unset;
  }
}

@media only screen and (min-width: 768px) {
  /* Spezielles Styling der Matrix-Checkboxen */
  .localquestionnaire-matrix .form-check-label {
    position: relative;
  }

  .localquestionnaire-matrix input.form-check-input {
    margin: 0;
    display: none;
  }

  .localquestionnaire-matrix.ui-accordion-content input.form-check-input + .checkbox-custom-marker {
    position: absolute;
    pointer-events: none;
    top: 13px;
    left: 50%;
    height: 24px;
    width: 24px;
    transform: translateX(-50%);
    border-radius: 11rem;
    opacity: .3;
    background-color: var(--gray);
    border: 1px solid black;
    box-shadow: 0 0 5px inset black;
  }

  .localquestionnaire-matrix.ui-accordion-content input.form-check-input + .checkbox-custom-marker::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    width: 10px;
    margin: 7px;
    background-color: blue;
    border-radius: 11rem;
    opacity: 0;
    background-color: var(--white);
    transition: opacity 250ms;
  }

  .localquestionnaire-matrix.ui-accordion-content input.form-check-input:checked + .checkbox-custom-marker {
    opacity: 1;
    border: none;
    background-color: var(--primary);
    box-shadow: none;
  }

  .localquestionnaire-matrix.ui-accordion-content input.form-check-input:checked + .checkbox-custom-marker::after {
    opacity: 1;
  }
}

#questionnaire-content-wrapper_v2 hr {
  margin-left: -.9rem;
  margin-right: -.9rem;
  border-width: 2px;
}