html,body {
	/* font-size:15px; */
	font-family:"Microsoft Sans Serif",Arial,Helvetica,sans-serif;
	width:100%;
	margin:0;
}

/* Highlights für den Barrierefreiheitsmodus wiederherstellen */
.question_outer.accessible fieldset {
	padding:0;
	border:0;
	width:100%;
}

/* a:focus, */
#btn_start:focus,
#questionnaire_selected_language:focus,
.question_outer.accessible input:focus,
.question_outer.accessible textarea:focus,
.question_outer.accessible select:focus,
.question_outer.accessible button:focus,
.question_outer.accessible img.image_mode.focus {
	outline:1px dotted #000;
}

#btn_survey_decline {
	background-color: #98A4AB;
	border:0.063em solid #98A4AB;
	color: #FFF;
	padding: 0 1.25em;
	-webkit-appearance: none;
}
#btn_survey_decline:focus {
	outline:1px dotted #000;
}

.question_outer.accessible legend {
	box-sizing: border-box; /* IE9-11 & Edge 12-13 */
	display: table; /* IE8-11 */
	max-width: 100%; /* Patch for IE9-11 & Edge 12-13 */
	white-space: normal; /* IE8-11 */
}

/* Klasse um beim ImageMode (grafische Formularelemente) die Checkboxen/Radiobuttons auszublenden */
.imageMode{
	transform:scale(0);
	margin:0;
	opacity:0;
	height:0;
	width:0;
	z-index:2;
	top:0;
	left:0;
	position: absolute;
}

/* Bilder innerhalb Links ohne Rahmen*/
a img{
	border:0;
}

/* Firefox akzeptiert leider die Breitenangabe für Inputfelder nicht, daher muss das Formularfeld um die Firefox eigene Formularfeldbreite von
   13px nach links verschoben werden, da sonst die Radiobuttons bzw. Checkboxen nicht mittig zentriert werden */
@-moz-document url-prefix() {
	.imageMode{
		margin-left:-13px;
	}
}

/*  Frage/Anworten */
/* Frage */
.question {
	width: 100%;
}

/*  Frage/Anworten */
/* Footer der Frage */
.footer {
	margin-top:1em;
}
.question_inner .footer {
	color: #333333;
	padding: 0;
	margin: 0;
	background-color: transparent;
}

/* Tabelle Antworten */
table.answer {
	padding:0;
	background-color:#EEEEEE;
	border:0;
	border-top:1px solid #D0D0D5;
	min-width:50%;
}

/* gerade Tabellenzeile */
table.answer tr.answer_0 {
	background:#FFF;
}
/* ungerade Tabellenzeile */
table.answer tr.answer_1 {
	background:#F9F9F9;
}

table.answer tr td, table.answer tr th[scope="row"] {
	padding:5px 5px 5px 5px;
	vertical-align:top;
	border-bottom:1px solid #D0D0D5;
}

table.answer tr th[scope="row"].answer_rating_slider_text {
	vertical-align:middle;
}

table.answer tr th[scope="row"] {
	font-weight: normal;
	text-align: inherit;
	text-align: -webkit-auto; /* Sprachenspezifische Textausrichtung für Safari Browser (ab iOS11 und MacOS11). */
}

table.answer tr th {
	padding:5px 5px 5px 5px;
	text-align: center;
}

/* onMouseOver der Tabellenzeile */
table.answer tr.answer_over {
	background:#E0E0E0;
}


/* single-Antwort */
/* Zelle Text */
table.answer tr td.answer_single_text,
table.answer tr td.answer_single_datalist_text {
}

/* Zelle Formularelement */
table.answer tr td.answer_single_form,
table.answer tr td.answer_single_datalist_form {
	text-align:right;
	vertical-align:middle;
	padding-top:0;
	padding-bottom:0;
	width: 1px;
}


/* multiple-Antwort */
/* Zelle Text */
table.answer tr td.answer_multiple_text {
}
/* Zelle Formularelement */
table.answer tr td.answer_multiple_form {
	text-align:right;
	vertical-align:middle;
	padding-top:0;
	padding-bottom:0;
	width:1px;
}

/* multiple-Antwort mit Datenliste */
/* Zelle Text */
table.answer tr td.answer_multiple_datalist_text	{
}
/* Zelle Formularelement */
table.answer tr td.answer_multiple_datalist_form {
	text-align:right;
	vertical-align:middle;
	padding-top:0;
	padding-bottom:0;
}


/* rating-Antwort */
/* Zelle Text */
table.answer tr td.answer_rating_text {
}
div.answer_rating_text {
	margin-bottom:0.25em;
}

/* Zelle Text */
table.answer tr td.answer_rating_select_text {
}
/* Zelle Text links Polaritaeten */
table.answer tr td.answer_rating_text_0 {
	text-align:right;
}
/* Zelle Text rechts Polaritaeten */
table.answer tr td.answer_rating_text_1 {
}
/* Zelle Formularelement */
table.answer tr td.answer_rating_form {
	text-align:center;
	vertical-align:middle;
}
/* Zelle Formularelement */
table.answer tr td.answer_rating_select_form {
	text-align:center;
	vertical-align:middle;
	padding-top:0;
	padding-bottom:0;
}
/* Zelle Formularelement ungerade */
table.answer tr td.answer_rating_form_1 {
	text-align:center;
	vertical-align:middle;
	padding-top:0;
	padding-bottom:0;
}

/* Zeile Ueberschrift zu Ratingwerten */
table.answer tr td.answer_rating_value_description {
}
/* Zelle Text links neben Ueberschrift */
table.answer tr td.answer_rating_text_description {
	border-bottom:0;
}
/* Zelle Ueberschriften */
table.answer tr td.answer_rating_value_description_text {
	font-weight:bold;
	text-align:center;
	border-bottom:0;
}
/* mobile: Zelle Ueberschriften */
table.answer tr td.answer_rating_value_description_text_mobile {
	font-weight:bold;
	text-align:left;
}

/* Zelle zwischen zwei Ueberschriften zu Ratingwerten */
table.answer tr th.answer_rating_value_description_space {
	background-color:#EFEFEF;
	border-bottom:0;
	width:1%;
}

/* Zeile Ratingwerte */
table.answer tr td.answer_rating_value {
}
/* Zelle Text links neben Ratingwert */
table.answer tr td.answer_rating_text_value {
	vertical-align:middle;
}
/* Zelle Ratingwert */
table.answer tr td.answer_rating_value_text,table.answer tr th.answer_rating_value_text {
	font-weight: normal;
	vertical-align:bottom;
	text-align:center;
}
/* Zelle zwischen Ratingwerten zweier Dimensionen */
table.answer tr th.answer_rating_value_space {
	background-color:#EFEFEF;
	width:1%;
}

/* Zelle zwischen Formularelementen zweier Dimensionen */
table.answer tr td.answer_rating_form_space {
	background-color:#EFEFEF;
	width:1%;
	border:0;
}

/* mobile: Abstand zwischen zwei Ratingdimensionen */
div.answer_rating_dimension_space {
	height: 1em;
}

/* mobile: Abstand zwischen zwei Antworten */
div.answer_rating_answer_space {
	height: 3em;
}


/* multiple_matrix */
/* Zelle Text */
table.answer tr td.answer_multiple_matrix_text {
}
/* Zelle Formularelement */
table.answer tr td.answer_multiple_matrix_form {
	text-align:center;
	vertical-align:middle;
	padding-top:0;
	padding-bottom:0;
}
/* Zelle Formularelement */
table.answer tr td.answer_multiple_matrix_form_1 {
	text-align:center;
	vertical-align:middle;
	padding-top:0;
	padding-bottom:0;
}
/* Klassen fuer Ueberschriften und Leerraum siehe rating */


/* input-Antwort */
/* Zelle Text */
table.answer tr td.answer_input_text {
}
/* Zelle Formularelement */
table.answer tr td.answer_input_form {
	vertical-align:middle;
	padding-top:0;
	padding-bottom:0;
}


/* ranking-Antwort */
/* Zelle Text */
table.answer tr td.answer_ranking_text {
}
/* Zelle Formularelement */
table.answer tr td.answer_ranking_form {
	text-align:center;
	vertical-align:middle;
	padding-top:0;
	padding-bottom:0;
}

/* neues Ranking 2022 */
table.answer tr.answer_ranking_version2 {
	cursor: pointer;
}

/* neues Ranking 2022 - Labels */
table.answer tr.answer_ranking_version2 span.ranking_label {
	display: inline-block;
	background: #999;
	color: #FFF;
	padding: 3px;
	border-radius: 10px;
	min-width: 20px;
}

/* interviewer-Antwort */
/* Zelle Text */
table.answer tr td.answer_interviewer_text {
}


/* table-Antwort */
/* Zelle Text links  |l*/
table.answer tr td.answer_table_text {
	vertical-align:middle;
}
/* Formularzelle | */
table.answer tr td.answer_table_form {
	text-align:center;
	vertical-align:middle;
	padding-top:0;
	padding-bottom:0;
}
/* Formularzelle ungerade | */
table.answer tr td.answer_table_form_1 {
	text-align:center;
	vertical-align:middle;
}
/* Formularzelle |l */
table.answer tr td.answer_table_form_l {
	vertical-align:middle;
	padding-top:0;
	padding-bottom:0;
}
/* Formularzelle ungerade |l */
table.answer tr td.answer_table_form_1_l {
	vertical-align:middle;
	padding-top:0;
	padding-bottom:0;
}
/* Formularzelle |r */
table.answer tr td.answer_table_form_r {
	vertical-align:middle;
	text-align:right;
	padding-top:0;
	padding-bottom:0;
}
/* Formularzelle ungerade |r */
table.answer tr td.answer_table_form_1_r {
	vertical-align:middle;
	text-align:right;
	padding-top:0;
	padding-bottom:0;
}


/* Formularelemente */
/* Radiobutton */
.radio {
	padding:0;
}

/* Checkbox */
input[type=checkbox] {
	padding:0;
}

/* Eingabefeld */
input[type=text] {
	padding-left:2px;
}

textarea {
	padding:2px;
	width: auto;
	height: auto;
	vertical-align: top;
	resize: both!important;
}

@media (max-width: 840px) {
	textarea {
		width: 50vw!important;
		height: 100%!important;
	}
}

/* Dropdwonliste */
select {

}
/* Submitbutton */
input.submit {
	border: 1px solid #999999;
	border-right-color: #000000;
	border-bottom-color: #000000;
	color:#000000;
	background-color:#EDEDED;
}

input.submit:hover {
	background-color:#F3F3F3;
}
input.submit:active {
	border: 1px solid #999999;
	border-right-color: #000000;
	border-bottom-color: #000000;
	color:#000000;
	background-color:#E0E0E0;
}

/* anklickbarer Text */
label {
	cursor:pointer;
	display:block;
}
/* Fehlermeldung */
.error {
	color:#DD0000;
}
/* fetter Text */
b {
	font-weight:bold;
}
/* Befragungsname */
.survey_name {
	font-weight:bold
}


/* Seitenueberschrift wenn mehrere Fragen angegeben sind */
.page_text {
	margin-bottom:1em;
	font-weight:bold;
}

/* Trennung einzelne Fragen bei mehreren Fragen auf einer Seite */
.question_delimiter {
	height:2.5em;
}

/* Formtierung Sprachauswahl */
#div_questionnaire_selected_language{
	padding-right: 20px;
	text-align:right;
}

/* Formatierung, wenn eine Antwort als missing gekennzeichnet ist */
/* multiple */
table.answer tr.missing td {
}
/* rating */
table.answer tr.answer_rating_value td.missing,
table.answer tr.answer_0 td.missing,
table.answer tr.answer_1 td.missing {
}
/* Element ausblenden */
.hide {
	display: none;
}

/* Login Mail-Befragungen mit Passwortvergabe */
#maillogin {
	border:0;
	margin:0;
	padding:0 0 1em 0;
	display: inline;
}
#maillogin label {
	display:inline;
}

.ingressTooltip {
	position: absolute;
	border: 1px solid #000;
	padding: 5px;
	max-width: 460px;
	background: #FFF;
	z-index: 1000;
}

[data-tooltip] {
	cursor:pointer;
}

/* Anzeige der Anzahl der eingegeben Zeichen in einer Freitextantwort */
.display_count_character_msgtext {
	color: #999999;
	font-size: 14px;
	line-height: 16px;
	display: block;
	margin-top: 8px;
}

.display_count_character_textarea_padding {
	padding: 8px;
	box-sizing: border-box;
}

.display_count_character_msgtext > .counter {
	font-weight: bold;
}

/* Elevator - Ausgeblendete Ratingantworten */
.elevator_system {
	display: none;
}
/* Elevator - gleichmäßigen Abstand erzwingen */
.elevator {
	margin-bottom: 0;
}

/* Elevator - Anzeigezeile-Elemente untere Rahmen, Abstände */
.elevator_head_line {
	border-bottom: 1px solid #D0D0D5;
	width: 20px;
	min-width: 50%;
	width: 100%;
}

/* Audio- u. Videorecording */
.delete-recording {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 15em;
	height: 2em;
	border: solid 1px #d71920;
	background-color: #fdf3f3;
	background-image: url(../../images/buttons/icon_audiorecording_delete_enabled.svg);
	background-repeat: no-repeat;
	background-position: 1em;
	background-size: .75em;
	padding-left: 2em;
	outline: none;
	display: block;
}

.start-recording {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 15em;
	height: 2em;
	border: solid 1px #1ec280;
	background-color: #f3fcf9;
	background-image: url(../../images/buttons/icon_audiorecording_play_enabled.svg);
	background-repeat: no-repeat;
	background-position: 1em;
	background-size: .75em;
	padding-left: 2em;
	outline: none;
}

.start-recording:disabled {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 15em;
	height: 2em;
	border: solid 1px #dfe1e2;
	background-color: #dfe1e2;
	background-image: url(../../images/buttons/icon_audiorecording_play_disabled.svg);
	background-repeat: no-repeat;
	background-position: 1em;
	background-size: .75em;
	padding-left: 2em;
	outline: none;
}

.stop-recording {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 15em;
	height: 2em;
	border: solid 1px #f47920;
	background-color: #fff8f3;
	background-image: url(../../images/buttons/icon_audiorecording_stop_enabled.svg);
	background-repeat: no-repeat;
	background-position: 1em;
	background-size: .75em;
	padding-left: 2em;
	outline: none;
}

.stop-recording:disabled {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 15em;
	height: 2em;
	border: solid 1px #dfe1e2;
	background-color: #dfe1e2;
	background-image: url(../../images/buttons/icon_audiorecording_stop_disabled.svg);
	background-repeat: no-repeat;
	background-position: 1em;
	background-size: .75em;
	padding-left: 2em;
	outline: none;
}

.link-play-recording {
	font-size: 0.75em;
	font-style: italic;
}

.link-play-recording, .link-play-recording > a, .link-play-recording > a:active, .link-play-recording > a:hover, .link-play-recording > a:visited {
	color: #14152d;
}

section.media-recordings video {
	width: 100%;
	max-width: 100%;
}

video#mediarecording-recording {
	display: none;
}

:focus-visible {
	outline: 3px solid #12ADCF;
	outline-offset: 1px;
}

/* design: carousel - START*/
.carousel {
	max-width: 800px;
	margin: 24px auto 12px auto;
	overflow: hidden;
}

.carousel .carousel_container {
	display: flex;
}

.carousel_container table.answer {
	min-width: 100%;
}

.carousel_container .slide {
	flex: 0 0 100%;
	position: relative;
}

.slide .slide_container {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 24px;
	min-height: 40px;
	height: fit-content;
	padding: 12px 0;
}

.slide_container .slide_button_left,
.slide_container .slide_button_right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
}

.slide_container .slide_content{
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	/* position: relative wichtig für  */
	position: relative;
	text-align: center;
	word-break: break-word;
}

.slide_content input[type="text"],
.slide_content textarea {
	width: 100%!important;
	max-width: 50%!important;
}

.slide_content img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 240px;
}

.slide .answer.table_rating {
	word-break: break-word;
}

.carousel_counter {
	display: inline-block;
	padding: 5px;
}

@media (max-width: 800px) {
	.slide_container .slide_content {
		gap: 6px;
		flex-direction: column;
	}
	.slide_content input[type="text"],
	.slide_content textarea {
		width: 100%!important;
		max-width: 100%!important;
	}
}
/* design: carousel - ENDE*/

/* design: carousel_customer_dont_know_1 / carousel_customer_dont_know_2 - START*/
/* Container für desktop */
div.dont_know_container {
	display: flex;
	justify-content: space-between;
	align-items: start;
	gap: 12px;
}
div.dont_know_container .answer_rating_form{
	padding: 5px;
}

/* design: carousel_customer_dont_know_1 / carousel_customer_dont_know_2 - ENDE*/

	/* Stil für Titel innerhalb der Folien */
.title {
	position: absolute;
	bottom: 10px;
	left: 10px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 5px 10px;
	font-size: 14px;
}

.qestionnaire_loading_overlay {
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
	top:0;
	left:0;
}

.qestionnaire_loading_overlay div {
	position: relative;
	top: 40%;
	margin:0 auto;
	width: 100px;
}