/*
* Charset: UTF-8 (äöüÄÖÜß字集)
*
* $LastChangedDate: 2025-11-04 09:30:14 +0100 (Tue, 04 Nov 2025) $
* $LastChangedRevision: 42404 $
* $LastChangedBy: ms $
*
*/

/* keyingress6 - 07-2019 */

/* Open-Sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/open-sans/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Open Sans Regular'), local('OpenSans-Regular'),
	url('fonts/open-sans/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/open-sans/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('fonts/open-sans/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/open-sans/open-sans-v17-latin-regular.svg') format('svg'); /* Legacy iOS */
}


/* Open-Sans-bold - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	src: url('fonts/open-sans/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
	url('fonts/open-sans/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/open-sans/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
	url('fonts/open-sans/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/open-sans/open-sans-v17-latin-700.svg') format('svg'); /* Legacy iOS */
}

/* Ingress Icon Font */
@font-face {
	font-family: IngressIconFont;
	src: url("ingress_icon_font.eot");
	src: url("ingress_icon_font.woff") format("woff");
}


/* Cross-Browser Resets */
input,
select,
textarea,
input:focus,
button {
	border:none;
	border-radius: 0;
	background-image:none;
	background-color:transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

html,
body {
	font-family: 'Roboto', sans-serif!important;
	height: 100%;
	width: 100%;
	font-family: sans-serif;
	font-size: 16px;
	color: #14152D;
	text-align: left;
	margin:0;
	padding: 0;
	background-color: #faf9f9;
	text-rendering: geometricPrecision;
}

body.wait *, body.wait {
	cursor: progress !important;
}

body {
	overflow-y: scroll;
}

a {
	text-decoration: none;
	color: #14152d;
}

img {
	border: 0 none;
}

label {
	font-size: 14px;
	cursor: pointer;
}

/* Veraltete Inline-Styles überschreiben */
div[id^="layer_id_"] {
	padding: 0!important;
	background-color: #FAFAFA;
}

/* Explizite Inline-Angaben überschreiben */
#layer_content {
	width: auto!important;
}

.monospace,
#template_content {
	font-family: 'Roboto Mono', monospace !important;
	font-style:normal;
	font-size: 12px;
	line-height: 16px;
}

input[type="checkbox"],
input[type="radio"] {
	margin: 0 5px 3px 0;
	cursor: pointer;
}

input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
	opacity: 0.4;
}

input[type="checkbox"] {
	width: 20px;
	height: 20px;
	background: transparent url(../images/buttons/checkbox.svg) repeat-y 0 0;
	background-size: 100%;
	vertical-align: middle;
}

input[type="checkbox"]:checked{
	background: transparent url(../images/buttons/checkbox.svg) repeat-y 100% 100%;
	background-size: 100%;
}

input[type="date" i] {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	border: 1px solid #a0a5a7;
	padding: 9px;
	background-color: #FFFFFF;
}

input[type="radio"] {
	width: 20px;
	height: 20px;
	background: transparent url(../images/buttons/radiobutton.svg) repeat-y 0 0;
	background-size: 100%;
	vertical-align: middle;
}
input[type="radio"]:checked{
	background: transparent url(../images/buttons/radiobutton.svg) repeat-y 100% 100%;
	background-size: 100%;
}

input[type="time" i] {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	border: 1px solid #a0a5a7;
	padding: 9px;
	background-color: #FFFFFF;
}

select {
	cursor: pointer;
	padding: 8px 48px 8px 14px;
	background-color: #FFFFFF;
	color: #14152D;
	font-size: 16px;
	line-height: 21px;
	background-image: url(../images/buttons/icon_dropdown.svg);
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-size: contain;
	border: 1px solid #D0D0D5;
	max-width: 100%;
}
.widget-elements-wrap select {
	border: 0;
}

/* Entferne den Select-Pfeil im IE10 */
select::-ms-expand {
	display: none;
}

/* Ausnahmen für Select-Liste im Footer */
select[name="search_lst"] {
	height: 28px;
	padding: 0 40px 0 7px;
}

select[multiple] {
	border: 1px solid #D0D0D5;
	font-size: 16px;
	line-height: 18px;
	padding: 5px 0;
	background: none;
	background-color: #FFFFFF;
	color: #14152D;
	min-height: 80px
}

select[multiple] option {
	padding: 5px 5px 6px 5px;
}

select[multiple] option:checked {
	-webkit-text-fill-color: #14152D;
	background: #E7E7EA linear-gradient(0deg, #E7E7EA 0%, #E7E7EA 100%);
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="file"],
textarea,
.value-text,
.showif-showif,
input.value-text:focus,
input.showif-showif:focus,
input.input {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #434457;
	background-color: #FFF;
	border: 1px solid #D0D0D5;
	box-sizing: unset;
}

.value-text, input.value-text:focus {
	font-size: 14px;
}

input[type="submit"]:disabled,
input[type="button"]:disabled,
button:disabled{
	background-color: #dfe1e2;
	color: #ffffff;
}

/* Kleine Eingabefelder */
.input_small {
	width: 40px;
}

/* Nummernfelder rechtsbündig */
.input_number {
	text-align: right;
}

/* Funktionslabel unter Input-Elementen (z.B. "Neue Zeile hinzufügen) */
.add_item {
	display: flex;
	flex-flow: row;
	align-items: end;
	cursor: pointer;
}

/* Icons, die neben Input-Elementen erscheinen sollen */
.icon_next_to_input {
	display:inline-block;
	vertical-align:middle;
	margin-left: 5px;
	cursor: pointer;
}

.icon_next_to_input img {
	width: 20px;
}

button {
	border: 0 none;
}

button.translation {
	min-width: 80px;
}

button.translation img {
	max-height: 20px;
}

textarea {
	overflow: auto;
}

progress {
	margin: 5px 0 5px 0;
	width: 360px;
	height: 10px;
	color: red;
}

progress::-moz-progress-bar {
	background: #1EC280;
}

progress::-webkit-progress-value {
	background: #D0D0D5;
}

.chevron {
	font-size: 22px;
	line-height: 14px;
	padding: 0;
	vertical-align: middle;
	display: inline-block;
	/* Cross-Browser Positionskorrektur */
	position: relative;
	bottom: 2px;
	font-family: 'Roboto Mono', monospace !important;
}


/* Login-Maske */
.login_box_wrap {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	height: 70%;
}

.login_box {
	width: 400px;
	max-width: 500px;
	box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16);
	margin: 0 auto;
	padding: 40px;
	background-color: #ffffff;
}

.login_box_logo {
	width: 100%;
	text-align: center;
	padding: 5px 5px;
	margin-top: 15px;
}

.login_box_logo img {
	height: auto;
	max-width: 240px;
	width: auto;
}

.login_box_info {
	font-size: 16px;
	color: #434457;
	margin-top: 50px;
	margin-bottom: 12px;
}

.login_box input[type="password"], .login_box input[type="text"] {
	padding: 0;
	margin: 2px 0 12px 0;
	height: 30px;
	width: 100%;
	height: 40px;
	text-indent: 12px;
	font-weight: bold;
	min-width: 240px;
	background-color: #F8F8F8;
}

.login_box input.submit:disabled {
	background-color: #e4e4e4;
	color: #14152d;
}

.login_box input.submit {
	font-family: 'Roboto', sans-serif!important;
	font-style: normal;
	font-weight: 500!important;
	border-radius: 2px;
	width: 100%;
	background-color: #f47920;
	color: #ffffff;
}

.content_loading {
	width: 100%;
	height: 44vh;
	flex-flow: row;
	justify-content: center;
	align-items: center;
	/* Das display: flex Attribut wird per JS in default.menu.html gesetzt. */
	display: none;
	opacity: 0;
	transition: opacity 0.5s ease-in;
}

.content_loading div {
	position: relative;
	top: 40%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

.content_loading div img {
	width: 80px;
}

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

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

/* Ende Login-Maske */


/* Header und Menü */
.header {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	padding: 20px 0;
	max-width: 1700px;
	margin: 0 auto;
	background-color: #FAFAFA;
	position: relative;
}

.header #project_info {
	order: 1;
	align-self: center; /* Vertikal zentriert */
	font-weight: bold;
	text-align: left;
	position: relative;
}

.header #project_info img {
	margin-right: 10px;
}

.header #project_info .user_info {
	font-size: 12px;
	font-weight: normal;
}

.header #project_info .project_selection {
	cursor: pointer;
}

.header #main_logo_wrap {
	order: 2;
	align-self: center; /* Vertikal zentriert */
	width: 57%;
	text-align: right;   /* Wenn logo mittig positioniert werden soll oder die Positionen mit project_info getauscht werden: text-align: left */
	clear: both; /* Das floating in .info_wrap_text_wrap wieder auflösen */
}
#main_logo_wrap #main_logo {
	max-height: 40px;
}

#info_wrap {
	display: flex;
	flex-flow: row;
	align-items: center;
}

#info_wrap.project_selection,
#info_wrap.project_selection span {
	cursor: pointer;
}

#info_wrap span {
	font-size: 14px;
}

.info_wrap_text_wrap {
	float: left;
}

.menu_wrap {
	background-color: #14152D;
	z-index: 1000;
	width: 100%;
	top: 0;
	position: sticky;
	position: -webkit-sticky;
}

.menu_wrap.fixed {
	position: fixed;
	top: 0;
}

.menu_stripe {
	width: 100%;
	height: 3px;
	background-color: #f47920;
}

.breadcrumbs_wrap_wrap {
	width: 100%;
}

.breadcrumbs_wrap_wrap.fixed {
	position: fixed;
	top: 45px;
}

.menu_inner {
	position: relative;
	max-width: 1700px;
	margin: 0 auto;
}

.menu_bar {
	max-width: 1700px;
	margin: 0 auto;
	color: #FAFAFA;
	padding: 3px 0 0 0;
	display: flex;
	flex-flow: row;
	height: 42px;
}

.menu_bar span {
	padding: 0 30px;
	height: 95%;
	display: flex;
	cursor: pointer;
	align-self: flex-end; /* Vertikale Positionierung */
	align-items: center;
	border-radius: 3px 3px 0 0;
	margin-right: 5px;
}

#misc_menu_btn {
	margin-right: 0;
}

/* Projekteinrichtung */
.menu_bar span[id='02']:hover {
	background-color: #f47920;
	color: #FFFFFF;
}

/* Portal */
.menu_bar span[id='08']:hover {
	background-color: #1ec280;
	color: #FFFFFF;
}

/* Auswertung & Exporte */
.menu_bar span[id='15']:hover {
	background-color: #12ADCF;
	color: #FFFFFF;
}

/* Extras */
.menu_bar span[id='16']:hover {
	background-color: #454997;
	color: #FFFFFF;
}

/* Support */
.menu_bar span[id='17']:hover {
	background-color: #727381;
	color: #FFFFFF;
}

.menu_bar span#misc_menu_btn:hover,
.menu_bar span#misc_menu_btn.menu_span_active,
span#misc_menu_btn.menu_span_selected {
	background-color: #FAFAFA;
	cursor: pointer;

}

.menu_bar span#misc_contact_btn:hover,
.menu_bar span#misc_contact_btn.menu_span_active,
span#misc_contact_btn.menu_span_selected {
	background-color: #FAFAFA;
	cursor: pointer;

}

.menu_bar span label {
	font-size: 16px;
	line-height: 18px;
	user-select: none;
	font-weight: 500;
}

.menu_bar span .img {
	margin-right: 5px;
	height: 30px;
	width: 30px;
	background-repeat: no-repeat;
	position: relative;
	bottom: 1px;
	display: block;
}


/* Die einzelnen Menü-Farben */
/* rein numerische IDs können in CSS3 nicht direkt mit # angesprochen werden */

.menu_stripe_defaultcolor {
	background-color: #E7E7EA;
}

/* Projekteinrichtung */
.menu_bar span[id='02'].active_bg_01,
.menu_stripe_color_02 {
	background-color: #ffcf61!important;
	color: #14152d!important;
}

.menu_bar span[id='02'].active_bg_02,
.menu_stripe_color_03, .menu_stripe_color_20, .menu_stripe_color_19 {
	background-color: #f47920!important;
}

.menu_bar span[id='02'].active_bg_03,
.menu_stripe_color_04, .menu_stripe_color_10 {
	background-color: #d71920!important;
}

/* Auswertung & Exporte */
.menu_bar span[id='15'].active_bg_04,
.menu_stripe_color_15, .menu_stripe_color_21 {
	background-color: #12adcf!important;
}

/* Portal */
.menu_bar span[id='08'].active_bg_05,
.menu_stripe_color_08 {
	background-color: #1ec280!important;
}

/* Extras */
.menu_bar span[id='16'].active_bg_06,
.menu_stripe_color_16, .menu_stripe_color_23 {
	background-color: #454997!important;
}

/* Support */
.menu_bar span[id='17'].active_bg_07,
.menu_stripe_color_17, .menu_stripe_color_24 {
	background-color: #727381!important;
}

/* etc. Menü auf der rechten Seite */
.menu_bar div#misc_option_btn {
	position: absolute;
	right: calc(1% + 100px);
	bottom: 0;
	height: 39px;
	width: 40px;
	padding: 0;
	border-radius: 0;
	cursor: pointer;
	border-radius: 3px 3px 0 0;
	margin: 0;
	background-color: #14152D;
}
.menu_bar div#misc_option_btn:hover {
	background-color: #FAFAFA;
}
.menu_bar div#misc_option_btn:hover .icon_menu_customize{
	background-image: url(../images/buttons/icon_menu_customize_hover_darkblue.svg);
}

.menu_bar div#misc_contact_btn {
	position: absolute;
	right: calc(1% + 50px);
	bottom: 0;
	height: 39px;
	width: 40px;
	padding: 0;
	border-radius: 0;
	cursor: pointer;
	border-radius: 3px 3px 0 0;
	margin: 0;
	background-color: #14152D;
}
.menu_bar div#misc_contact_btn:hover {
	background-color: #FAFAFA;
}
.menu_bar div#misc_contact_btn:hover .icon_menu_questions {
	background-image: url(../images/buttons/icon_menu_questions_hover_darkblue.svg);
}

.menu_bar div#misc_menu_btn {
	position: absolute;
	right: 1%;
	bottom: 0;
	height: 39px;
	width: 40px;
	padding: 0;
	border-radius: 0;
	cursor: pointer;
	border-radius: 3px 3px 0 0;
	margin: 0;
	background-color: #14152D;
}
.menu_bar div#misc_menu_btn:hover {
	background-color: #FAFAFA;
}
.menu_bar div#misc_menu_btn:hover .icon_menu_logout {
	background-image: url(../images/buttons/icon_menu_logout_hover_darkblue.svg);
}

/* Interviewer-Bereich */
.menu_bar span[id='20'].menu_span_active {
	background-color: #f47920;
}

.menu_bar span[id='21'].menu_span_active {
	background-color: #12adcf;
}

.menu_bar span[id='23'].menu_span_active {
	background-color: #454997;
}

.menu_bar span[id='24'].menu_span_active {
	background-color: #727381;
}

/* Ende Interviewer-Bereich */

.menu_bar span[id='15'].menu_span_active {
	background-color: #12adcf;
}

.menu_bar span[id='08'].menu_span_active {
	background-color: #1ec280;
}

.menu_bar span[id='16'].menu_span_active {
	background-color: #454997;
}

.menu_bar span[id='17'].menu_span_active {
	background-color: #727381;
}

.menu_bar span[id='02'].menu_span_active {
	background-color: #f47920;
}

.menu_bar span#misc_menu_btn.menu_span_active .img,
.menu_bar span#misc_menu_btn.menu_span_selected .img,
.menu_bar span#misc_menu_btn:hover .img {
	background-image: url(../images/buttons/user_icon_darkblue.svg);
}

.menu_bar span#misc_contact_btn.menu_span_active .img,
.menu_bar span#misc_contact_btn.menu_span_selected .img,
.menu_bar span#misc_contact_btn:hover .img {
	background-image: url(../images/buttons/contact_data_darkblue.svg);
}

/* Menüeinträge im Interviewerbereich */
.menu_bar a {
	color: #FAFAFA;
	height: 100%;
	display: flex;
}

.mega_menu, .misc_menu, .project_menu, .misc_contact {
	position: absolute;
	padding: 12px 24px;
	top: 20px;
	opacity: 0;
	display: none;
	text-align: left;
	z-index: 999;
	background-color: #FAFAFA;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;

	max-height: 80vh;
	overflow-y: auto;
}

.misc_menu {
	right: -20px;
}
.misc_contact {
	right:4%;
	font-size: 14px;
}

.misc_menu h3 {
	margin: 0 0 12px 0;
}

.mega_menu_background {
	background-color: #FAFAFA;
	position: fixed;
	z-index: 998;
	height: 100%;
	width: 100%;
	display: none;
	opacity: 0;
}

.mega_menu_inner {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	user-select: none;
}

.mega_menu_inner_column {
	height: 100%;
	position: relative;
	margin-right: 12px;
}

.mega_menu_inner_column:last-of-type .mega_menu_inner_column_list {
	margin-right: 0;
}

.mega_menu_inner_column_wrap {
	display: flex;
	max-width: 280px;
}

/* Menü Projekteinrichtung */
.menu_02 .mega_menu_inner_column.menu_02 .mega_menu_inner_column_colorbar,
.menu_02 .mega_menu_inner_column.menu_02 .small_dot {
	background-color: #ffcf61;
}

.menu_02 .mega_menu_inner_column.menu_03 .mega_menu_inner_column_colorbar,
.menu_02 .mega_menu_inner_column.menu_03 .small_dot {
	background-color: #f47920;
}

.menu_02 .mega_menu_inner_column.menu_04 .mega_menu_inner_column_colorbar,
.menu_02 .mega_menu_inner_column.menu_04 .small_dot {
	background-color: #d71920;
}

/* Menü Auswertung und Exporte */
.menu_15 .mega_menu_inner_column.menu_15 .mega_menu_inner_column_colorbar,
.menu_15 .mega_menu_inner_column.menu_15 .small_dot {
	background-color: #12adcf;
}

/* Menü Portal */
.menu_08 .mega_menu_inner_column.menu_08 .mega_menu_inner_column_colorbar,
.menu_08 .mega_menu_inner_column.menu_08 .small_dot {
	background-color: #1ec280;
}

/* Menü Extras */
.menu_16 .mega_menu_inner_column.menu_16 .mega_menu_inner_column_colorbar,
.menu_16 .mega_menu_inner_column.menu_16 .small_dot {
	background-color: #454997;
}

/* Menü Support */
.menu_17 .mega_menu_inner_column.menu_17 .mega_menu_inner_column_colorbar,
.menu_17 .mega_menu_inner_column.menu_17 .small_dot {
	background-color: #727381;
}

/* Menü Extras (Interviewer) */
.menu_23 .mega_menu_inner_column .mega_menu_inner_column_colorbar,
.menu_23 .mega_menu_inner_column .small_dot {
	background-color: #454997;
}

.menu_23 .mega_menu_inner_column .mega_menu_inner_column_colorbar,
.menu_23 .mega_menu_inner_column .small_dot {
	background-color: #454997;
}

.colorbar_img {
	text-align: center;
}

.colorbar_img img {
	max-width: 30px;
}

.small_dot {
	height: 7px;
	width: 7px;
}

.mega_menu_column_headline {
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 14px;
	font-weight: 500;
	color: #14152D;
	cursor: default;
	position: relative;
	text-transform: uppercase;
}

.mega_menu_list_headline_wrap {
	display: flex;
	flex-flow: row;
	align-items: center;
	line-height: 26px;
}

.mega_menu_list_headline {
	font-size: 14px;
	font-weight: 500;
	width: 100%;
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 0 4px 0 12px ;
}
.mega_menu_inner_column_list a.level_2_link {
	line-height: 26px;
	font-size: 14px;
	color: #14152d;
	display: block;
	margin: 0;
	padding: 0 4px 0 20px;
}
.mega_menu_inner_column_list a.level_3_link {
	line-height: 26px;
	font-size: 14px;
	color: #14152d;
	display: block;
	margin: 0;
	padding: 0 4px 0 44px;
}

.mega_menu_list_headline:not(.inactive):hover,
.mega_menu_inner_column_list a.level_2_link:not(.inactive):hover,
.mega_menu_inner_column_list a.level_3_link:not(.inactive):hover {
	background-color: #E7E7EA!important;
	color: var(--color_dark)!important;
}

.mega_menu_list_headline.inactive {
	cursor: default;
}

.mega_menu_inner_column_colorbar_wrap {
	position: relative;
	width: 3px;
}

.mega_menu_inner_column_list {
	margin-right: 24px;
}

.mega_menu_inner_column_list a.level_2_link.inactive,
.mega_menu_inner_column_list a.level_3_link.inactive {
	cursor: default;
}

.mega_menu_list_headline_wrap:first-of-type {
	margin-top: 0;
}

.mega_menu_inner_column_colorbar {
	position: absolute; /* Das ist notwendig, damit Safari die Höhe richtig berechnet */
	width: 4px;
	height: 100%;
}

.misc_menu {
	right: 6.8%!important;
	left: unset!important;

}

.misc_menu_inner_column {
	display: flex;
	align-items: center;
}

.misc_menu.misc .misc_menu_inner_column, .misc_contact.misc .misc_menu_inner_column {
	margin-bottom: 8px;
}

.misc_menu.misc .misc_menu_inner_column:last-of-type, .misc_contact.misc .misc_menu_inner_column:last-of-type {
	margin-bottom: 0;
}

.misc_menu_inner_column a {
	font-weight: bold;
	font-size: 14px;
	font-weight: 500;
	line-height: 15px;
	margin-left: 5px;
	cursor: pointer;
	color: #14152d;
	display: inline-block;
	width: 100%;
	padding: 4px;
}

.misc_menu.misc .misc_menu_inner_column a, .misc_contact.misc .misc_menu_inner_column a {
	letter-spacing: 0.4px;
}

.misc_menu_inner_column a:hover:not(.nohover) {
	background-color: #E7E7EA;
}

.misc_menu_inner_wrap {
	display: flex;
	flex-flow: column;
}

.misc_menu.misc .misc_menu_inner_column, .misc_contact.misc .misc_menu_inner_column {
	line-height: 21px;
}

#oldbrowser_error_wrap {
	position: fixed;
	width: 100%;
	display: none;
}

.oldbrowser_error {
	color: #851900;
	background-color: #ffd6cc;
	border: 1px solid #ffc5b8;
	margin: 19% auto;
	width: 330px;
	z-index: 1000;
	padding: 10px;
}

.misc_menu_active {
	top: 0!important;
	opacity: 1!important;
}

.misc_menu.misc_menu_active, .misc_contact.misc_menu_active {
	top: 50px!important;
}

.mega_menu_inner_column.active {
	opacity: 1!important;
	top: 0!important;
}

.mega_menu.active {
	top: 50px!important;
	opacity: 1!important;
}

.background_active {
	opacity: 0.8!important;
}


/* Aktuell aktives m */
.mega_menu_inner_column_list a.currently_active,
.misc_menu_inner_column a.currently_active {
	color: var(--color_light);
	background-color: var(--color_primary);
	font-weight: 700;
}

/* Ausgewählter/Aktiver Menüpunkt (Projekteinrichtung + Fragebogen) */
.menu_02 .mega_menu_inner_column_list a.currently_active,
.menu_02 .misc_menu_inner_column a.currently_active {
	color: var(--color_dark);
	background-color: #ffcf61;
	font-weight: 700;
}
/* Ausgewählter/Aktiver Menüpunkt (Projekteinrichtung + Zielgruppenmanagement) */
.menu_03 .mega_menu_inner_column_list a.currently_active,
.menu_03 .misc_menu_inner_column a.currently_active {
	color: var(--color_light);
	background-color: var(--color_primary);
	font-weight: 700;
}
/* Ausgewählter/Aktiver Menüpunkt (Projekteinrichtung + Befragungen) */
.menu_04 .mega_menu_inner_column_list a.currently_active,
.menu_04 .misc_menu_inner_column a.currently_active {
	color: var(--color_light);
	background-color: var(--color_negative);
	font-weight: 700;
}
/* Ausgewählter/Aktiver (Auswertung & Exporte) */
.menu_15 .mega_menu_inner_column_list a.currently_active,
.menu_15 .misc_menu_inner_column a.currently_active {
	color: var(--color_light);
	background-color: var(--color_secondary);
	font-weight: 700;
}
/* Ausgewählter/Aktiver (Portal) */
.menu_08 .mega_menu_inner_column_list a.currently_active,
.menu_08 .misc_menu_inner_column a.currently_active {
	color: var(--color_light);
	background-color: var(--color_positive);
	font-weight: 700;
}
/* Ausgewählter/Aktiver (Extras) */
.menu_16 .mega_menu_inner_column_list a.currently_active,
.menu_16 .misc_menu_inner_column a.currently_active,
.menu_16 .misc_menu_inner_column a.currently_active {
	color: var(--color_light);
	background-color: #454997;
	font-weight: 700;
}
/* Ausgewählter/Aktiver (Support) */
.menu_17 .mega_menu_inner_column_list a.currently_active,
.menu_17 .misc_menu_inner_column a.currently_active {
	color: var(--color_light);
	background-color: #727381;
	font-weight: 700;
}

.project_menu_column a.currently_active,
.project_menu_column span.currently_active {
	color: var(--color_primary);
	font-weight: 700;
}

.project_menu_wrap {
	max-width: 1700px;
	margin: 0 auto;
	position: relative;
}

.project_menu {
	max-width: 1360px;
	left: 0;
	padding-top: 0;
	z-index: 1001;
	top: -30px;
}

.project_menu a, .project_menu span.currently_active {
	display: block;
	margin-bottom: 6px;
	font-size: 16px;
	word-break: break-word;
	word-wrap: break-word;
	vertical-align: middle;
}

#project_menu_inner {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: flex-start;
}

.project_menu_column {
	width: 250px;
	height: max-content;
	margin: 0 12px 24px 0;
}

.project_menu_column label.letter {
	display: block;
	background-color: #F2FBFD;
	color: #434457;
	margin-bottom: 6px;
	font-weight: 700;
	padding: 2px 12px;
	text-transform: uppercase;
	cursor: default;
}

/* der erste Header soll etwas dunkler erscheinen */
.project_menu_column label.letterFirst {
	background-color: #d0eff5;
	color: #434457;
	font-size: 16px;
	font-weight: 700;
}

.project_menu_column a, .project_menu_column span.currently_active {
	padding: 2px 12px;
}

.project_menu_column a:hover {
	background-color: #E7E7EA;
}
/* Ende Header und Menü */

.outercontent {
	max-width: 1700px;
	margin: 0 auto;
}

.breadcrumbs_wrap {
	text-align: right;
	display: flex;
	flex-flow: row-reverse;
	align-items: center;
	justify-content: flex-end;
	max-width: 1700px;
	margin: 0 auto;
	font-size: 14px;
	color: var(--color_default);
}

.breadcrumbs_wrap a,
.breadcrumbs_wrap span {
	color: var(--color_default);
}

.breadcrumbs_wrap a:last-of-type,
.breadcrumbs_wrap span:last-of-type {
	color: var(--color_default);
	font-weight: 500;
}

.breadcrumbs_symbol_wrap {
	height: 7px;
	width: 7px;
	margin-left: 13px;
}

.breadcrumbs_symbol {
	display: flex;
	align-content: center;
	align-items: center;
	flex-flow: row;
	width: 7px;
	height: 7px;
}

.breadcrumbs_symbol img {
	margin: 0 auto;
	max-width: 25px;
}

.introtext {
	text-align: left;
	line-height: 28px;
}

.small {
	font-size: 13px;
}

/* Layer-Inhalt (Formulare, Suchmasken etc.)  */

/* Fieldset Sonderheiten */
fieldset legend {
	text-indent: 2.4%;
	display: table;
	font-weight: bold;
	font-size: 16px;
	width: 100%;
	padding: 26px 0 0 0;
	margin-bottom: 0;
}

fieldset {
	border: 0;
	padding: 0 0 21px 0;
}

fieldset:last-of-type {
	margin-bottom: 0;
}

fieldset .textinput_big {
	width: 99%;
}

fieldset .textinput_medium {
	width: 50%;
}

fieldset p,
div.fieldsetcontent {
	margin: 7px auto 7px auto;
	display: block;
	width: 95%;
}

fieldset table {
	margin: 0 auto;
	width: 100%;
}

fieldset table td {
	padding: 10px;
}

fieldset:nth-of-type(odd),
fieldset:nth-of-type(odd) legend,
#interviewerContent div fieldset:nth-of-type(odd),
#interviewerContent div fieldset:nth-of-type(odd) legend,
fieldset.fieldset_bg,
fieldset.fieldset_bg legend {
	background-color: #FFFFFF;
}

fieldset:nth-of-type(even),
fieldset:nth-of-type(even) legend,
#interviewerContent div fieldset:nth-of-type(even),
#interviewerContent div fieldset:nth-of-type(even) legend,
fieldset.fieldset_bg, fieldset.fieldset_bg legend {
	background-color: #E7E7EA;
}

fieldset.fieldset_nobg,
fieldset.fieldset_nobg legend {
	background-color: #FFFFFF!important;
}

.subheadline {
	display: block;
	margin-bottom: 10px;
}

/* Ende Fieldset Sonderheiten */

#layer_footer {
	box-sizing: content-box;
	height: 44px;
	position: relative;
	display: flex;
	align-items: center;
	z-index: 10;
	border-top: 2px solid #727381;
	background-color: #FFFFFF;
	padding: 8px 40px;
}

/* Allgemeiner Button im Footer & Allgemeine Buttons */
#layer_footer .popup_button,
#layer_footer input#preview,
#layer_footer input.back,
#layer_footer input.submit,
.popup_button,
input[type="submit"],
input[type="button"],
button.submit,
.modal_main_inner_footer input.submit,
.modal_main_inner_footer input.back {
	font-family: 'Roboto', sans-serif!important;
	font-weight: 500!important;
	font-size: 14px;
	text-decoration: none;
	border-radius: 3px;
	background-color: #727381;
	color: #ffffff;
	padding: 12px 24px;
	margin: 2px 12px 2px 0;
	cursor: pointer;
	box-shadow: 0 3px 7px rgba(0,0,0,0.22);
}

/* Allgemeine Buttons */
.popup_button,
input[type="submit"],
input[type="button"],
button {
	cursor: pointer;
}

/* Speichern Button */
#layer_footer input#send,
#layer_footer input#save,
#layer_footer input#save_and_close,
#layer_footer input#send_replace_button,
#layer_footer input[name="crm_send"],
#layer_footer input[name="send1"],
#layer_footer input.submit,
#coding_button_save,
input[name="crm_send"],
button.submit,
#layer_footer input.submit,
.modal_main_inner_footer input.submit,
.dashboard-buttons input.submit, .widget-modal-footer input.submit {
	font-family: 'Roboto', sans-serif!important;
	font-weight: 500!important;
	background-color: #f47920;
	color: #ffffff;
	box-shadow: 0 3px 7px rgba(0,0,0,0.22);
}

/* Buttons wie "Neue Befragung anlegen" */
input.new {
	background-color: #12adcf;
}

/* Abbrechen Button */
input.back:not(#preview) {
	font-family: 'Roboto', sans-serif!important;
	font-weight: 500!important;
	background-color: #ffffff;
	color: #434457;
	box-shadow: 0 3px 7px rgba(0,0,0,0.22);
}

#layer_footer input[type="button"]:disabled {
	background-color: #dfe1e2!important;
	color: #ffffff!important;
}

/* Checkbox-Labels neben den Buttons im Footer */
#layer_footer label:first-of-type {
	margin-left: 2px;
	font-size: 14px;
}

#layer_footer label {
	margin-left: 16px;
	font-size: 14px;
}

/* Kalender Symbol bei Datumsauswahl zentrieren */
a[onclick^="DateTimePicker.show"] img, img.icon_calendar {
	vertical-align: middle;
}

a[onclick^="DateTimePicker.show"] {
	border: 0;
}

.highlight {
	color: #FFF;
	background-color: #F47921;
	font-weight: 500;
	margin: 0;
	vertical-align: baseline;
}

#layer_slide, #layer_slide_menu_top {
	width: 266px;
	margin-right: 21px;
}

#layer_slide ul, #layer_slide_menu_top ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.08);
}

#layer_slide_menu_top ul {
	display: flex;
	flex-flow: row;
}

#layer_slide ul li, #layer_slide_menu_top ul li {
	background-color: #FFFFFF;
	color: #14152D;
	cursor: pointer;
	display: flex;
	border-bottom: 2px solid #E7E7EA;
}

#layer_slide_menu_top ul li {
	align-items: center;
}

#layer_slide ul li span.layer_arrow, #layer_slide_menu_top ul li span.layer_arrow {
	align-self: center;
	text-align: center;
	font-weight: 600;
	opacity: 0;
	left: -30px;
	position: relative;
}

#layer_slide ul li a, #layer_slide_menu_top ul li a {
	padding: 12px 6px;
	display: block;
	width: 100%;
}

#layer_slide ul li.hover, #layer_slide_menu_top ul li.hover {
	background-color: #E7E7EA;
}

#layer_slide ul li.hover > span.layer_arrow, #layer_slide_menu_top ul li.hover > span.layer_arrow  {
	left: 0;
	opacity: 1;
}

#layer_slide ul li:hover, #layer_slide_menu_top ul li:hover {
	background-color: #E7E7EA;
}

#layer_slide .highlight, #layer_slide_menu_top .highlight {
	background-color: transparent;
}

#lbl_button-add {
	cursor: pointer;
}

#button-add {
	width: 20px;
}

#layer_search_wrap {
	border-bottom: 1px solid #14152D;
}

#layer_search_wrap img {
	width: 38px;
	vertical-align: middle;
}


/* Tabellen "Systemmeldungen" und "Änderungshistorie" auf der Startseite */
table.change_log {
	border-spacing: 0;
	margin-bottom: 5px;
}

table.change_log tr.data_row {
	height: 60px;
}

table.change_log tr.data_row td {
	border-radius: 4px;
	border: 1px solid #E7E7EA;
	background-color: #E7E7EA;
	vertical-align: top;
	padding: 5px;
}

table.change_log tr.data_row td:first-of-type {
	font-weight: bold;
	border-radius: 4px 0 0 4px;
	padding-left: 10px;
}

table.change_log tr.data_row td:last-of-type {
	padding-left: 20px;
	padding-right: 10px;
	border-radius: 0 4px 4px 0;
}

table.change_log .second_row td {
	font-size: 18px;
	font-weight: bold;
}
/* ENDE Tabellen "Systemmeldungen" und "Änderungshistorie" auf der Startseite */

a.next {
	background:url(../images/buttons/next100.svg);
	display: inline-block;
	width:23px;
	height:23px;
	background-repeat:no-repeat;
	background-size: 100%;
	margin:5px;
	vertical-align: middle;
}

a.back {
	background:url(../images/buttons/previous100.svg);
	display: inline-block;
	width:23px;
	height:23px;
	background-repeat:no-repeat;
	background-size: 100%;
	margin:5px;
	vertical-align: middle;
}

/* Weiter und Zurück buttons in Bearbeitungsliste, Suche und Teilnehmerliste */
a.next100_participants {
	background:url(../images/buttons/next100.svg);
	display: inline-block;
	width:23px;
	height:23px;
	background-repeat:no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin:5px;
	float: right;
}
a.next1000_participants{
	background:url(../images/buttons/next1000.svg);
	display: inline-block;
	width:38px;
	height:23px;
	background-repeat:no-repeat;
	background-size: 100%;
	margin:5px;
	vertical-align: middle;
	float: right;
}

a.next10000_participants{
	background-image:url(../images/buttons/next10000.svg);
	display: inline-block;
	width:54px;
	height:23px;
	background-repeat:no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin:5px;
	float: right;

}

a.previous100_participants {
	background:url(../images/buttons/previous100.svg);
	display: inline-block;
	width:23px;
	height:23px;
	background-repeat:no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 5px;
}

a.previous1000_participants {
	background:url(../images/buttons/previous1000.svg);
	display: inline-block;
	width:38px;
	height:23px;
	background-repeat:no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 5px;
}
a.previous10000_participants {
	background:url(../images/buttons/previous10000.svg);
	display: inline-block;
	width:54px;
	height:23px;
	background-repeat:no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 5px;
}
.left_participant_icons{
	width: 424px;
	float: left;
	margin-bottom: 5px;
}
.right_participant_icons{
	width: 145px;
	float: left;
	margin-right: 50px;
	margin-bottom: 5px;
}
h4.participants_count_title{
	font-size:16px;
	font-weight: normal;
	margin-left:7px;
}
/* Ende: Weiter und Zurück buttons in Bearbeitungsliste, Suche und Teilnehmerliste */

/* Defaultlist Tabelle */
.defaultlist,
.list {
	border-spacing: 0;
	background-color: #FFFFFF;
}

/* "..." Button und Menü */
.defaultlist_context_menu {
	position: absolute;
	padding: 13px 25px;
	background-color: #FFFFFF;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	z-index: -10;
	text-align: left;
	top: 20px;
	left: 23px;
	opacity: 0;
    pointer-events: none;
}

.separator {
	border-color: rgba(0, 0, 0, 0.16);
	width: 120%;
	position: relative;
	right: 10%;
}

.defaultlist_context_menu.context_menu_active {
	z-index: 1000;
	top: 40px;
	opacity: 1;
	pointer-events: auto;
}

.defaultlist_context_menu_entry {
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 9px;
	white-space: nowrap;
	padding:0 2px 0 2px;
}
.defaultlist_context_menu_entry:hover {
	display: block;
	background-color: #E7E7EA;
}

.defaultlist_context_menu_entry:last-of-type {
	margin-bottom: 0;
}

.defaultlist_context_menu_entry a img {
	vertical-align: middle;
}

a.new_button_plus {
	position: relative;
	top: 4px;
}

.defaultlist,
.list,
.defaultlist select,
.list select,
.defaultlist input,
.list input,
.defaultlist textarea,
.list textarea {
	font-size: 14px;
}

.defaultlist tr.second_row th,
.list_title, .list tr th {
	border-bottom: 2px solid #727381;
}

/* Damit scrollen Table-Header mit */
/*.defaultlist tr.first_row th:not(.buttons_end), .defaultlist tr.second_row th:not(.buttons_end) {
	position: sticky;
	top: 146px;
}*/

/*.defaultlist th.new_button, .defaultlist .buttons_start, .list tr th:first-of-type, .list tr td:first-of-type {
	background-color: #FAFAFA;
}*/

.defaultlist .list_title,
.list tr th:first-of-type {
	padding: 21px 7px 14px 7px;
	background-color: #faf9f9;
	text-align:left;
	vertical-align: middle;
	font-size: 16px;
}

/* Kategorie-Zeile (wenn vorhanden) */
.defaultlist tr.category_row td {
	background-color: #FAF9F9;
	padding: 40px 10px 17px 10px;
	border-bottom: 2px solid #525252;
	font-weight: bold;
}

/* Wenn die Kategorie-Zeile als erstes kommt (also alle Einträge gehören zu einer Kategorie), dann den dicken Border wieder entfernen */
.defaultlist tr.category_row:nth-child(3) td {
	border-top: 0;
}

.defaultlist th.grouping,
.list th {
	padding: 5px;
	font-size: 14px;
	text-align: center;
	font-weight: normal;
}

.defaultlist th,
.list th {
	background-color: #FFFFFF;
}

.defaultlist th.grouping_empty {
	border-bottom: 0 none;
	background-color:#faf9f9;
}

.defaultlist th.grouping_headline,
.defaultlist th.buttons_end {
	padding: 12px;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
}

.defaultlist th.grouping_headline,
.defaultlist th.buttons_end {
	font-weight: normal;
}

.defaultlist td.name {
	min-width: 120px;
}

.defaultlist td.name a img {
	float: right;
	height: 48px;
}

.defaultlist td.data a img, .list tr td {
	vertical-align: text-top;
	margin-left: 5px;
	margin-top: 3px;
}

.defaultlist td.name,
.defaultlist td.data,
.list tr td {
	padding: 10px 15px 5px 15px;
}

.defaultlist td.data, .list tr td {
	white-space: nowrap;
}

.defaultlist td.name .description {
	font-size: 13px;
	margin: 0;
	line-height: 28px;
}

.defaultlist .buttons_start,
.defaultlist .buttons_end {
	padding: 10px 5px;
	width: 20px;
	text-align: center;
}

.defaultlist_copy {
	width: 100%;
}

.defaultlist:not(.defaultlist_class):not(.defaultlist_copy) tr th:not(.list_title):not(.grouping):not(.buttons_end) {
	border-bottom: 2px solid #727381;
	vertical-align: middle;
}

.defaultlist .buttons_end {
	background-color: #FFFFFF;
}



/* Allgemeine Styles für .list-Tabellen. Diese ergänzen ggfs. bereits vorhandene list-styles oben in den defaultlist-Angaben. */

.list tr th:first-of-type {
	padding: 0 15px;
	vertical-align: middle;
}

.list tr th {
	padding: 12px;
	font-size: 14px;
	text-align: center;
}

.list tr td {
	padding: 10px 15px 11px 15px;
	border-bottom: 1px solid #D0D0D5;
}

.list tr th, .list tr td {
	border-right: 2px solid #FFFFFF;
}

.list tr:nth-of-type(odd) td:first-of-type {
	background-color: #faf9f9;
}

.list tr th:nth-of-type(even):not(:first-of-type), .list tr td:nth-of-type(even):not(:first-of-type)  {
	background-color: #F0EFF4;
}

.list tr th:nth-of-type(odd):not(:first-of-type), .list tr td:nth-of-type(odd):not(:first-of-type)  {
	background-color: #F2F1F1;
}

.list tr:hover td {
	box-shadow: inset -2000px 0 rgba(244, 121, 32, 0.2), 0 0 rgba(244, 121, 32, 0.2);
	border-color: rgba(244, 121, 32, 0.2);
}
/* Ende Allgemeine Styles für .list-Tabellen */



/* Alle Zeilen bekommen abwechselnd eine Beige-Hintergrundfarbe */
.defaultlist:not(.no_even_odd) tr.data_row:not(.previous_is_category_row):nth-of-type(even) td {
	background-color: #FAFAFA;
}

/* Spezialfall: Zeilen, die nach einer Kategorie-Zeile kommen, müssen wieder mit einer weißen Hintergrundfarbe anfangen und dann von vorn alternieren. */
/* Dies wird per jQuery in DefaultList.class.php gesteuert */
.defaultlist:not(.no_even_odd) tr.category_block_row_even td {
	background-color: #faf9f9!important;
}

.defaultlist:not(.no_even_odd) tr.category_block_row_odd td {
	background-color: #FFFFFF!important;
}

.defaultlist tr.data_row td {
	border-bottom: 1px solid #D0D0D5;
	vertical-align: inherit;
}

.defaultlist:not(.defaultlist_class)/*:not(.defaultlist_copy)*/ tr td:not(.name):not(.buttons_start):not(.buttons_end):nth-of-type(even),
.defaultlist:not(.defaultlist_class)/*:not(.defaultlist_copy)*/ tr th:not(.list_title):not(.buttons_end):nth-of-type(even) {
	background-color: #E7E7EA;
}

.defaultlist:not(.defaultlist_class)/*:not(.defaultlist_copy)*/ tr td:not(.name):not(.buttons_start):not(.buttons_end):nth-of-type(odd),
.defaultlist:not(.defaultlist_class)/*:not(.defaultlist_copy)*/ tr th:not(.list_title):not(.buttons_end):nth-of-type(odd) {
	background-color:  #F3F3F4;
}

table.defaultlist tr th.even, table.defaultlist tr.data_row td.even {
	background-color: #F3F3F4!important;
}

table.defaultlist tr th.odd, table.defaultlist tr.data_row td.odd {
	background-color: #E7E7EA!important;
}

.defaultlist th.breaker_column,
.defaultlist td.breaker_column {
	width: 0px;
}

.defaultlist:not(.defaultlist_class) td.data,
.defaultlist:not(.defaultlist_class) th.grouping_headline,
.defaultlist:not(.defaultlist_class) th.grouping {
	padding: 8px 14px;
}

.defaultlist td a.reset,
a.reset {
	background:url(../images/buttons/reset.svg);
}
.defaultlist td a.delete,
a.delete {
	background:url(../images/buttons/delete.svg);
}

.defaultlist td a.unlocked {
	background:url(../images/buttons/icon_lock.svg);
	background-position: 0 74px;
}

.defaultlist td a.locked {
	background:url(../images/buttons/icon_lock.svg);
	background-position: 0 18px;
}

.context_menu_button {
	background:url(../images/buttons/icon_context_menu.svg);
	background-position: 0 68px;
}

.defaultlist td a.icon_user {
	background:url(../images/icon_user.svg);
	background-position: 0 40px;
	background-size: 100%;
	width: 20px;
	height: 20px;
	display: inline-block;
}

.defaultlist td a.icon_user:hover {
	background-position: 0 20px;
}

.defaultlist td a.icon_clock {
	background:url(../images/icon_clock.svg);
	background-position: 0 50px;
	background-size: 100%;
	width: 25px;
	height: 25px;
	display: inline-block;
}

.defaultlist td a.icon_clock:hover {
	background-position: 0 25px;
}

.defaultlist a.icon_notepad-write {
	background:url(../images/icon_notepad-write.svg);
	background-position: 0 48px;
	background-size: 24px 72px;
	width: 24px;
	height: 24px;
	display: inline-block;
}

.defaultlist a.icon_notepad-write:hover {
	background-position: 0 24px;
}

.defaultlist a.icon_notepad-write_small {
	background:url(../images/icon_notepad-write.svg);
	background-position: 0 0;
	background-size: 22px 66px;
	width: 22px;
	height: 22px;
	display: inline-block;
}

.defaultlist tr:hover a.icon_notepad-write_small {
	background-position: 0 43px;
}

.defaultlist a.icon_notepad-write_small:hover {
	background-position: 0 21px!important;
}

.defaultlist td a.icon_copy {
	background:url(../images/icon_copy.svg);
	background-position: 0 50px;
	background-size: 100%;
	width: 25px;
	height: 25px;
	display: inline-block;
}

.defaultlist td a.icon_copy:hover {
	background-position: 0 25px;
}

.context_menu_button {
	width:20px;
	height:20px;
	display: block;
	background-size: 22px 74px;
}

.defaultlist td a.unlocked,
.defaultlist td a.locked {
	width:18px;
	height:18px;
	display: block;
	background-size: 20px 75px;
}

.defaultlist td a.flash {
	background:url(../images/buttons/flash.svg);
	background-position: 0 0;
	background-size: 21px 53px;
	width:20px;
	height:15px;
	display: block;
}

.defaultlist td a.reset_grey, a.reset_grey {
	background:url(../images/buttons/reset_grey.svg);
	background-size: 100%;
	background-position: 21px 38px;
	display: block;
	width: 20px;
	height: 18px;
}

.defaultlist td a.reset_grey:hover, a.reset_grey:hover {
	background-position: 1px 18px;
}

.defaultlist td a.icon_preview, a.icon_preview {
	background:url(../images/buttons/icon_preview.svg);
	background-size: 25px 62px;
	background-position: 23px 42px;
	display: inline-block;
	width: 22px;
	height: 22px;
}

.defaultlist td a.icon_preview:hover, a.icon_preview:hover {
	background-position: -2px 18px;
}

.defaultlist td span.sprite_info, .quota_send_info {
	background:url(../images/buttons/icon_info.svg);
	background-position: 11px -1px;
	background-repeat: repeat-y;
	background-size: 26px 46px;
	padding: 0 18px;
	width: 20px;
	height: 23px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	bottom: 1px;
	left: 3px;
}

.defaultlist td a.reset, a.reset,
.defaultlist td a.delete, a.delete {
	width:17px;
	height:17px;
	display: block;
	margin: 0 auto;
	background-repeat: no-repeat;
}

/* die rote Hinweisfarbe bei hover über Löschen-Button */
.defaultlist tr.data_row.alert td {
	-webkit-box-shadow: inset -2000px 0 rgba(215, 25, 32, 0.4), 0 0 rgba(215, 25, 32, 0.4)!important;
	-moz-box-shadow: inset -2000px 0 rgba(215, 25, 32, 0.4), 0 0 rgba(215, 25, 32, 0.4)!important;
	box-shadow: inset -2000px 0 rgba(215, 25, 32, 0.4), 0 0 rgba(215, 25, 32, 0.4)!important;
	border-color: rgba(215, 25, 32, 0.4)!important;
}

.defaultlist:not(.no_even_odd) tr.data_row td.error {
	background-color: #EFA3A5 !important;
}

/* Scrollender Tabellen-Header */
.table_scroll_head {
	display: none!important;
	position: fixed;
	top: 45px;
}

/* Für Tabellen in iFrames wiederum nicht */
#div_iframe .table_scroll_head {
	position: static;
	display: none!important;
}

/* Tabellen, die nicht per defaultList.class.php erzeugt werden, bekommen einen Pseudo-Trennstrich */
table.defaultlist:not(.defaultlist_class) tr th,
table.defaultlist:not(.defaultlist_class) tr td:not(.buttons_start) {
	padding: 10px 15px;
}

table.defaultlist:not(.defaultlist_class) tr td {
	padding: 10px 15px;
}

#div_iframe table.defaultlist:not(.defaultlist_class) tr th,
#div_iframe table.defaultlist:not(.defaultlist_class) tr td {
	padding: 0 10px;
}

#div_iframe table.defaultlist:not(.defaultlist_class) tr th {
	line-height: 12px;
}

#div_iframe table.defaultlist:not(.defaultlist_class) tr td {
	line-height: normal;
}

#div_iframe table.defaultlist:not(.defaultlist_class) tr .list_title {
	min-width: 70px;
}

/* Spezialtabelle Interviewer->Wiedervorlagenliste */
#extra_participant_details {
	position: fixed;
	width:620px;
	height:520px;
	right:5px;
	top:217px;
	overflow:auto;
	background-color: #FFFFFF;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	display:none;
	z-index:9999;
}

/* Ende Defaultlist-Tabelle */


/* Quotierungstabelle */
th.hide, td.hide {
	display: none;
}

.history_table tr td {
	border-bottom: 1px solid #D0D0D5;
}

.history_table_detail_row {
	border-top: 1px dashed black;
	border-bottom: 1px dashed black;
	background-color: #FAFAFA;
}

/* Teilnehmerdetails Tabelle */
.participant_fields {
	text-align: left;
	width: auto;
	margin: 0;
}

.participant_fields th {
	vertical-align: top;
	padding: 3px 20px 3px 3px;
	font-weight: 400;
}

.participant_fields td {
	padding: 2px;
}

.participant_fields td a img {
	vertical-align: middle;
}

table.defaultlist  td input[type="text"], table.defaultlist td input[type="number"], table.participant_fields  td input[type="text"], table.participant_fields td input[type="number"] {
	font-family: 'Roboto Mono', monospace !important;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #434457;
	height: 26px;
	width: auto;
	padding: 0 8px;
	margin: 2px 4px 2px 0;
	background-color: #FFF;
	border: 1px solid #D0D0D5;
}

table.defaultlist td select, table.participant_fields td select {
	font-family: 'Roboto Mono', monospace !important;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #434457;
	padding: 0 48px 0 8px;
	margin: 2px 4px 2px 0;
	height: 28px;
}

table.defaultlist td select[multiple], table.participant_fields td select[multiple] {
	font-family: 'Roboto Mono', monospace !important;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #727381;
	margin-top: 2px;
	min-height: 80px;
	min-width: 400px;
	padding: 0;
}

.participant_fields td select {
	padding: 3px 48px 3px 3px;
}
/* Ende Teilnehmerdetails Tabelle */


/* Fragebogen Testen Popup */
#layer_content div.questionnaire_test_template_options {
	width: 55%!important;
}

#layer_content div.questionnaire_test_template_options p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

#layer_content div.questionnaire_test_template_options select {
	width: 70%;
	margin-right: 14px;
}

/* Plain2Form Edit und Template Edit */
#template_content {
	font-size: 12px;
	line-height: 16px;
}
/* Export-Tabelle (Download) */
table.export_table{
	border-collapse:collapse;
	border-bottom: 1px solid #e6e7e9;
	max-width: 800px;
}

table.export_table tr:first-of-type th, table.export_table tr:first-of-type td {
	border-bottom: 2px solid #727381;
	font-weight: bold;
}

table.export_table tr th {
	padding: 20px;
	border-bottom: 1px solid #D0D0D5;
}
table.export_table tr td{
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top:20px;
	width: 635px;
	border-bottom: 1px solid #e6e7e9;

}

table.export_table tr:nth-child(even){
	background-color: #FAF9F9;
}
table.export_table tr:nth-child(odd) th{
	width: 160px;
	background-color: white;
}


table.export_table tr:nth-child(2n+2) td{
	background-color: #E7E7EA;
	border-bottom: 1px solid #D0D0D5;
}
table.export_table tr:nth-child(2n+1) td{
	background-color: #E7E7EA;
}

span.downloadlink{
	text-decoration: underline;
}
table.export_table a, a.downloadlink{
	text-decoration: underline;
}

table.export_table td.questionnaire_name{
	border-bottom: 2px solid black;
	font-weight: bold;
}

table.export_table tr th.name{
	border-bottom: 2px solid black;
	border-top:0;
	background-color: white;
	font-weight: bold;
}
/* Ende Export-Tabelle */



/* Gemeinsame Styles für Modalfenster (Bspw. QuotenEditor, Datenfilter etc.) */
.modal_background {
	position: fixed;
	z-index: 1001;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	display: none;
}

/* Wird per JS die Klasse "active" an modal_background vergeben, wird der Inhalt angezeigt. */
/* Alternativ lässt sich jQuery show() und andere Methoden verwenden. */
.modal_background.active {
	display: block;
}

.modal_wrapper {
	position: fixed;
	z-index: 1002;
	display: flex;
	flex-flow: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

/* das Modalfenster selbst */
.modal_main {
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25), 0 4px 20px 0 rgba(0, 0, 0, 0.22);
	background-color: #faf9f9;
	width: 100%;
	max-width: 1700px;
	min-height: 400px;
	max-height: 800px;
	position: relative;
	top: -80px;
	opacity: 0;
	height: 100%;
	transform: scale(0.9);
}


/* Mit der Klasse "active" wird das Fenster angezeigt. */
.modal_main.active {
	top: 0;
	opacity: 1;
	resize: both;
	overflow: auto;
	transform: scale(1);
}

.modal_main_inner {
	padding: 0 20px;
	height: calc(100% - 112px);
}

.modal_main_inner_head {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #D0D0D5;
	padding: 12px 0;
}

.modal_main_inner_head h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

.modal_main_inner_head .actionButtons.delete {
	cursor: pointer;
	user-select: none;
	background-image: url(../images/buttons/icon_cancel_48x24.svg);
	background-size: 44px 22px;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	width: 22px;
	min-height: 22px;
	min-width: 22px;
	margin: 2px 6px 2px 0;
}

.modal_main_inner_head .actionButtons.minimize {
	cursor: pointer;
	user-select: none;
	background-image: url(../images/buttons/icon_minimize_48x24.svg);
	background-size: 44px 22px;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	width: 22px;
	min-height: 22px;
	min-width: 22px;
	margin: 2px 6px 2px 0;
}

.modal_main_inner_head .actionButtons.maximize {
	cursor: pointer;
	user-select: none;
	background-image: url(../images/buttons/icon_maximize_48x24.svg);
	background-size: 44px 22px;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	width: 22px;
	min-height: 22px;
	min-width: 22px;
	margin: 2px 6px 2px 0;
}

.modal_main_inner_head .actionButtons.fullscreen {
	cursor: pointer;
	user-select: none;
	background-image: url(../images/buttons/icon_maximize_48x24.svg);
	background-size: 44px 22px;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	width: 22px;
	min-height: 22px;
	min-width: 22px;
	margin: 2px 6px 2px 0;
}

.modal_main_inner_head .actionButtons.restore {
	cursor: pointer;
	user-select: none;
	background-image: url(../images/buttons/icon_shrink_48x24.svg);
	background-size: 44px 22px;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	width: 22px;
	min-height: 22px;
	min-width: 22px;
	margin: 2px 6px 2px 0;
}

.modal_main_inner_head .actionButtons.delete:hover, .modal_main_inner_head .actionButtons.minimize:hover, .modal_main_inner_head .actionButtons.fullscreen:hover, .modal_main_inner_head .actionButtons.maximize:hover,.modal_main_inner_head .actionButtons.restore:hover {
	background-position: -22px 0;
}

.modal_main_content {
	height: 100%;
	overflow: auto;
}

.modal_main_inner_footer {
	box-sizing: content-box;
	height: 44px;
	position: absolute;
	display: flex;
	align-items: center;
	z-index: 10;
	border-top: 2px solid #727381;
	background-color: #FFFFFF;
	padding: 8px 20px;

	width: calc(100% - 40px);
	bottom: 0;
	left: 0;
}

.actionButtons.delete {
	cursor: pointer;
	user-select: none;
	background-image: url(../images/buttons/icon_cancel_48x24.svg);
	background-size: 44px 22px;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	width: 22px;
	min-height: 22px;
	min-width: 22px;
	margin: 2px 6px 2px 0;
}

.actionButtons.delete.active, .actionButtons.delete:hover {
	background-position: -22px 0;
}

#ajax_modal .ajax_modal_loading {
	display: none;
	flex-flow: row;
	justify-content: center;
	align-items: center;
	position: relative;
	top: 42%;
}

#ajax_modal .ajax_modal_loading.active {
	display: flex;
}

#ajax_modal_title {
	word-break: break-word;
}

#ajaxModalContent {
	overflow: auto;
	height: 100%;
}

.actionButtons {
	display: none;
}

.actionButtons.delete {
	display: block;
}

.modal_background.minimize {
	background: none;
	width: 0;
	height: 0;
	top: 70%;
	left:100%;
}

.modal_background.minimize:hover .actionButtons.maximize {
	background-position: 0 25px;
}

.modal_background.minimize:hover {
	left: 100%;
}

.modal_background.minimize .modal_main {
	width: 264px!important;
	height: 51px!important;
	min-height: auto;
	position: absolute;
	right: -205px;
	bottom: 0;
	resize: none;
	overflow: hidden;
}

.modal_background.minimize .modal_main:hover{
	right: -33px;
}

.modal_background.minimize .modal_main_inner_head {
	border: 0;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	width: 85%;
}

.modal_background.minimize .modal_main_inner {
	background: white;
	cursor: pointer;
	padding: 0;
}

.modal_background.minimize .modal_wrapper {
	position: absolute;
	z-index: unset;
	left:-50%;
	top:40%;
	width: 100%;
	height: 100%;
}

.modal_background.fullscreen .modal_main.active {
	max-width: 100%!important;
	max-height: 100%!important;
}

.modal_background.fullscreen .modal_main {
	width: 100%!important;
	height: 100%!important;
}

.modal_background.minimize #ajax_modal_title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 24ch;
	width: 70%;
}

.modal_window_icons {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.single_filter_list_item_delete, .single_library_list_item_delete {
	background-image: url(../images/buttons/icon_clear_filter.svg);
	width: 20px;
	height: 20px;
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: -10px 0;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
}

.single_filter_list_item_delete:hover, .single_library_list_item_delete:hover {
	background-position: -10px -22px;
}

/* ENDE gemeinsame Styles für Modalfenster */




/* Ansicht Auswertung --> Fragebogen, sowie Grafikmodus (Fragebogeneditor) */


#layer_header .tabs {
	width: 65%;
	display: flex;
	float: left;
}


#layer_header .layer_tab {
	font-family: 'Roboto', sans-serif;
	background-color: #E7E7EA;
	color: #14152D;
	height: 45px;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 5px;
	font-size: 16px;
	font-weight: 700;
	padding: 0 15px;

}

#layer_header .activated, #layer_header .layer_tab:hover{
	background-color: #FFFFFF;
	border: 0 none;
	z-index: 1;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

#layer_header .layer_tab:first-of-type {
	margin-left: 0;
}


/* ENDE: Ansicht Auswertung --> Fragebogen, sowie Grafikmodus (Fragebogeneditor) */

/* Rest */
input[readonly],
textarea[readonly],
select[disabled] {
	background-color: #faf9f9;
	opacity: 0.7;
}

#msg, .error {
	color: #d71920;
}

#quota_colorbox {
	width: 20px;
	height: 20px;
}

.value-image {
	width: 100%;
}

.value-text {
	width: 88%!important;
}

.privacy_icon {
	position:absolute;
	top: 1px;
}

.icon_close {
	background-image:url(../images/buttons/mw_close.svg);
	width: 22px;
	height: 22px;
	background-size: 100%;
	background-position: 0 0;
	display: inline-block;
}

.icon_close:hover {
	background-position: 0 100%;
}

.tooltip span {
	top: 5px!important;
}

#calltimes_matrix tr td {
	padding: 5px;
	text-align: center;
}

#calltimes_matrix tr:nth-child(2n) {
	background-color:#F3F3F4;
}

p.info {
	font-family: sans-serif;
	margin: 16px 0;
}

p.info img {
	vertical-align: middle;
	width: 25px;
	height: 25px;
	margin-right: 4px;
}

.suboptions {
	padding-left: 30px;
}

/* Dynamic select list jQuery Combobox Gruppenüberschrift */
.custom-autocomplete-category {
	padding: 5px 0 5px 20px;
	font-weight: bold;
	font-style: italic;
	background-color: #F0F0F0;
	cursor: default;
}

.survey_edit_footer_label label {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 90%;
}

div.show_copy_template_container {
	display: inline-block;
}

div.hide_copy_template_container {
	display: none;
}

/* Ende Rest */


.checkbox_gray {
	width: 18px;
	height: 18px;
	background: transparent url(../images/buttons/checkbox_gray.svg) repeat-y 0 0;
	background-size: 100%;
	vertical-align: middle;
	display: inline-block;
}

.icon_chevron_up, .icon_chevron_down {
	width: 15px;
	height: 15px;
	background-size: 100%;
	vertical-align: middle;
	display: inline-block;
}

.icon_chevron_up {
	background: transparent url(../images/buttons/icon_chevron_up.svg) no-repeat 0 1px;
}

.icon_chevron_down {
	background: transparent url(../images/buttons/icon_chevron_down.svg) no-repeat 0 1px;
}

.flash_big {
	background: url(../images/buttons/flash.svg);
	background-position: 0 40px;
	background-size: 31px 63px;
	width:30px;
	height:18px;
	display: block;
	cursor: pointer;
}

.flash_big:hover {
	background-position: 0 19px;
}


/* Responsive Styles */
@media (max-width: 1750px) {
	.header,
	.menu_bar,
	.outercontent,
	.breadcrumbs_wrap_wrap {
		padding-left: 1.4%;
		padding-right: 1.4%;
	}

	/* etc. Menü auf der rechten Seite */
	/*.menu_bar span#misc_menu_btn {*/
	/*	right: 1.4%;*/
	/*}*/
	/*.menu_bar span#misc_contact_btn{*/
	/*	right: 26px;*/
	/*}*/

	.misc_contact.active {
		right: 1.45%;
	}

	.misc_menu {
		right: 1.4%;
	}

	.misc_contact{
		right:4.3%;
	}

	.survey_edit_footer_label {
		width: 33%;
	}
}
@media (max-width: 1470px){
	/*.menu_bar span#misc_contact_btn{*/
	/*	right: 30px;*/
	/*}*/

	.misc_contact.active {
		right: 1.55%;
	}

	.misc_menu {
		right: 1.5%;
	}

	.misc_contact{
		right:5%;
	}

	.misc_menu {
		right: 8.8% !important;
	}

	.survey_edit_footer_label {
		width: 60%;
	}

	#layer_footer {
		overflow: auto;
	}

	div.show_copy_template_container {
		display: inline-block;
		padding-top: 10px;
	}
}
@media (max-width: 1120px) {
	/*.menu_bar span#misc_contact_btn{*/
	/*	right: 35px;*/
	/*}*/

	.mega_menu_inner_column {
		margin: 0 0 42px 0;
		/*width: 295px;*/
	}

	.mega_menu_list_headline {
		font-size: 12px;
	}

	.misc_contact{
		right:6%;
	}

	.misc_menu {
		right: 11% !important;
	}

	fieldset .textinput_big,
	#survey_scheduling_category_1,
	#survey_scheduling_category_2,
	#survey_scheduling_category_3 {
		width: 97%;
	}
}

@media (max-width: 980px) {
	#layer_footer label {
		font-size: 14px;
	}


	.misc_contact{
		right:7.9%;
	}

	.misc_menu {
		right: 13% !important;
	}

	.mega_menu_inner_column_list {
		margin-right: 10px;
	}

	/* Layer-Menü verkleinern */
	#layer_slide ul li.hover > span.layer_arrow, #layer_slide_menu_top ul li.hover > span.layer_arrow,
	#layer_slide ul li span.layer_arrow, #layer_slide_menu_top ul li span.layer_arrow {
		display: none!important;
	}

	#layer_slide ul li {
		font-size: 15px;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	#layer_slide ul li a {
		text-overflow: ellipsis;
		overflow: hidden;
		padding: 12px;
	}

	#layer_slide {
		width: 140px;
		margin-right: 8px;
	}
	/* ENDE Layer-Menü verkleinern */

	#layer_footer {
		padding: 10px;
	}

	.survey_edit_footer_label {
		width: 70%;
	}

	.survey_edit_footer_label label {
		overflow: hidden;
		text-overflow: ellipsis;
		width: 90%;
	}

	.menu_bar span {
		padding: 0 16px!important;
	}

}

@media (max-width: 850px) {
	.survey_edit_footer_label label {
		width: 70%;
	}

	.menu_bar span {
		padding: 0 12px!important;
	}
}

@media (max-width: 720px) {
	.mega_menu_inner_column {
		margin: 0 auto 42px auto;
	}

	.mega_menu_inner {
		display: block;
	}

}

.display_none {
	display: none;
}#login_loading_bar {
	width: 100px;
	height: 100px;
}

/* gemeinsame Styles für Suchfelder*/
input.search {
	background-color: #FFFFFF;
	border: 0;
	font-family: 'Roboto Mono';
	font-weight: 400;
	font-size: 14px;
	color: #434457;
	padding: 4px 8px;
	height: 30px;
	box-shadow: 0 3px 6px #D0D0D5;
}