:root {
	--stream24-pink: #df0657;
	--stream24-blue: #009ee0;
	--stream24-light-gray: #e2e3e5;
	--stream24-dark-gray: #57616a;
    --stream24-yellow: #FFFF66;
    --white: #FFFFFF;
    --black: #000000;
	--questions-card-bg: #FFFFFF;
	--questions-card-bg1b: #e5ecf0;
	--questions-card-bg1c: #e8eeec;
}

body
{
	font-family: Arial,sans-serif !important;
	background-color: #EFEFEF !important;
	color: var(--stream24-dark-gray) !important;
	/* font-size: 0.9375rem !important; */
	font-size: 1.0rem !important;
	line-height: 1.4rem !important;
	font-weight: 400 !important;
}

#nanobar {
	height: 4px;
}
#nanobar .bar {
	background: var(--stream24-blue);
}

#ajax-loader {
	display: none;
	position: fixed;
	z-index: 999;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/*background: rgba(255,255,255,.7);*/
}

#ajax-loader img {
	position: fixed;
	top: 40%;
	left: 49%;
	width: 32px !important;
	height: 32px !important;
}

#scroll-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 35px;
	color: var(--stream24-blue);
	cursor: pointer;

	transition: opacity 1s;
	opacity: 0;
	height: 0;
	overflow: hidden;
}
#scroll-to-top.active {
	opacity: 1;
	height: auto;
}

.body-questions
{
	/* weiß, statt hellgrau, damit die leichten Fragen-Hintergrundfarben sich besser hervorheben */
	background-color: #FFFFFF !important;
}

p {
	color: var(--stream24-dark-gray) !important;
}

.text-justify {
  text-align: justify;
}

.mainnav-link {
    display: block;
    padding: .5rem 2.0rem 0.5rem 0.75rem;
	color: #FFFFFF !important;
	text-decoration: none;
	font-size: 1.15rem !important;
}

.mainnav-link:hover {
	color: var(--stream24-blue) !important;
	text-decoration: none !important;
}

.mainnav-link.active,
.mainnav-link.active:hover
{
    color: var(--stream24-blue) !important;
}

.mainnav-link.active:hover
{
    color: #FFFFFF !important;
}

.mainnav-linktext
{
	display: inline;
	vertical-align: middle;
	line-height: 100%;
}

@media (max-width: 880px) {
	.mainnav-linktext
	{
		display: none;
	}

	.mainnav-link {
		padding: .5rem 1.5rem 0.5rem 0.75rem;
	}

}

.sidebar-header,
.area_title {

	font-size: 1.0rem !important;
	text-transform: uppercase !important;
}

.sidebar-link .fab, .sidebar-link .fal, .sidebar-link .far, .sidebar-link .fas, .sidebar-link svg, a.sidebar-link .fab, a.sidebar-link .fal, a.sidebar-link .far, a.sidebar-link .fas, a.sidebar-link svg
{
    margin-right: .75rem;
    color: var(--stream24-blue) !important;
}

.wct_logo_link,
.wct_logo_link a
{
	color: var(--stream24-dark-gray);
	font-size: 1rem;
	text-decoration: none;
}

.wct_logo_link a:hover
{
	text-decoration: none;
	color: var(--stream24-dark-gray);
}

.sidebar-user,
.sidebar-link,
.sidebar-link, a.sidebar-link
 {
	color: var(--stream24-dark-gray)
	font-size: 1.1rem !important;
	font-weight: normal;
}

.sidebar-dropdown .sidebar-link {
    color: var(--stream24-blue) !important;
	font-size: 0.95rem !important;
}

.sidebar-dropdown .sidebar-link:hover {
    color: var(--stream24-dark-gray) !important;
}

.sidebar-dropdown .sidebar-link.active-subpage,
.sidebar-dropdown .sidebar-link.active-subpage:hover
{
	font-weight: bold !important;
}
.sidebar .sidebar-content {
	overflow-y: auto;
	scrollbar-width: thin;
}
.sidebar .sidebar-content::-webkit-scrollbar {
	width: 0.3em;
	background-color: #ccc;
}
.sidebar .sidebar-content::-webkit-scrollbar-thumb {
	background-color: #a6a6a6;
}

.header-title
{
	color: #9ca6ae !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	font-size: 1.25rem !important;
}

.card-title
{
	color: var(--stream24-blue) !important;
	text-transform: uppercase;
	font-size: 0.9rem ! important;
}

.wrapper::before
{
    width: 100%;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--stream24-dark-gray) !important;
    content: " ";
}

.header
{
	margin-bottom: 2.0rem !important;
}

.content
{
	margin-top: 1.5rem !important;
}

.webcast_url
{
	color: var(--stream24-pink) !important;
	font-size: 1.1rem;
}

.btn-primary {
    color: #FFFFFF;
    background-color: var(--stream24-blue) !important;
    border-color: var(--stream24-blue) !important;
}

.img-language
{
	/* margin: 15px 8px 2px 8px; */
	margin-top: 3px;
	height: 20px;
	border-radius: 3px;
	border: 1px solid var(--stream24-dark-gray);
	display: inline-block;
}

.img-background-language
{
	margin: 5px -10px ! important;
	height: 20px ! important;
	border-radius: 3px;
	border: 0px solid var(--stream24-dark-gray);
	display: inline-block;
}


.img-language-liststyle
{
	margin-right: 0.5rem;
	height: 20px;
	border-radius: 3px;
	border: 1px solid var(--stream24-dark-gray);
	display: inline-block;
}



input[type="radio"],
label
{
	cursor: pointer !important;
}

.card-questions {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
	border: 0 solid rgba(0,0,0,.125);
	border-radius: .2rem;
	margin-bottom: 1.0rem;
	color: #333333;
	transition: background-color 1000ms linear;
}

.card-monitor-questions {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
	border: 0 solid rgba(0,0,0,.125);
	border-radius: .2rem;
	margin-bottom: 1.0rem;
	color: #333333;
	transition: background-color 1000ms linear;
}

.card-questions-header {
	padding: .5rem 1.25rem 0.25rem 1.25rem;
	margin-bottom: 0;
	border-bottom: 0 solid rgba(0,0,0,.125);
	border-radius: .2rem .2rem 0 0;
}

.card-monitor-questions-header {
	padding: .35rem 1.0rem 0.25rem 1.0rem;
	margin-bottom: 0;
	border-bottom: 0 solid rgba(0,0,0,.125);
	border-radius: .2rem .2rem 0 0;
}


.card-questions-title-sortmenu
{
	font-size: 1.0rem !important;
    color: var(--stream24-blue) !important;
    text-transform: uppercase;
	letter-spacing: 1px !important;
	margin-bottom: 0.5rem;
}

.card-questions-title-db-result
{
	text-transform: none !important;
	color: #333333;
	display: inline ! important;
	font-size: .9rem !important;
	letter-spacing: normal;
}

.card-questions-title {
	margin-bottom: 0rem;
	font-size: 0.9375rem !important;
	color: var(--stream24-dark-gray) !important;
}

.card-monitor-questions-title {
	margin-bottom: 0rem;
	font-size: 0.8rem !important;
	color: var(--stream24-dark-gray) !important;
}

.card-monitor-questions-title b {
	font-size: 0.9rem !important;
	color: #000000 ! important;
}


.card-monitor-questions-drag-and-drop-icons {
	margin-bottom:  0rem;
	font-size: 0.9375rem !important;
	color: #333333 !important;
	border-bottom: 2px solid #FFFFFF;
	padding: 0.35rem 1.0rem;
}

.card-monitor-questions-drag-and-drop-icons a,
.card-monitor-questions-drag-and-drop-icons a:hover
{
	cursor: pointer;
	text-decoration: none;
	color: #333333 !important;
	font-size: 1.0rem;
	vertical-align: middle;
}
.card-monitor-questions-move i {
	cursor: pointer;
}
.card-monitor-questions-move i.disabled {
	color: var(--stream24-light-gray);
	cursor: auto;
}

.card-questions-body {
	flex: 1 1 auto;
	padding: 0rem 1.25rem 0.5rem 1.25rem;
	margin-top: -0.2rem ! important;
	/* font-size: 0.9375rem; */
	font-size: 1.0rem !important;
	font-weight: 400;
	line-height: 1.4;
	color: #333333;
}
.card-questions-body a i.far {
	margin-right: 0.2rem;
}
.card-questions-body textarea {
	display: block;
	width: 100%;
	height: 75px;

}
.card-questions-body.disabled a,
.card-questions-body.disabled a:hover {
	cursor: auto;
	color: var(--stream24-light-gray);
}

.card-monitor-questions-body {
	flex: 1 1 auto;
	padding: 0rem 1.0rem 0.2rem 1.0rem;
	margin-top: -0.2rem ! important;
	font-size: 1.0rem !important;
	font-size: 0.9375rem !important;
	font-weight: 400;
	line-height: 1.35;
	color: #333333;
}


.card-questions-subtitle {
	margin-top: -.25rem;
}

.card-questions-subtitle,.card-questions-text:last-child {
	margin-bottom: 0;
}

.card-questions-footer
{
	border-top: 3px solid #FFFFFF;
	border-radius: 0 0 .2rem .2rem;
	text-align: right;
	padding: 0.2rem 1.25rem 0.2rem 1.25rem;
}

.card-monitor-questions-footer
{
	border-top: 2px solid #FFFFFF;
	border-radius: 0 0 .2rem .2rem;
	text-align: right;
	padding: 0.2rem 1.0rem 0.2rem 1.0rem;
}

.card-questions-footer a,
.card-questions-footer a:hover,
.card-monitor-questions-footer a,
.card-monitor-questions-footer a:hover
{
	cursor: pointer ! important;
	text-decoration: none;
	color: var(--stream24-dark-gray) !important;
	font-size: 0.80rem;
	vertical-align: middle;
}

.card-questions-footer label
{
	cursor: pointer ! important;
	color: var(--stream24-dark-gray) !important;
	font-size: .8rem !important;
	vertical-align: middle;
	/* padding-top: 0.15rem; */
}

.card-monitor-questions-footer label
{
	cursor: pointer ! important;
	color: var(--stream24-dark-gray) !important;
	font-size: .75rem !important;
	vertical-align: middle;
	/* padding-top: 0.15rem; */
}


.card-questions-footer select,
.card-monitor-questions-footer select,
.card-questions-footer .custom-form-select-container,
.card-monitor-questions-footer .custom-form-select-container
{
	width: auto !important;
	font-size: 0.75rem !important;
	display: inline !important;
	cursor: pointer !important;
	/* margin-left: -1.0rem ! important; */
}

.card-questions-footer .form-check-input,
.card-monitor-questions-footer .form-check-input
{
	/* margin-left: -1.5rem ! important; */
	cursor: pointer !important;
}

.card-questions-footer.btn-group-sm>.btn,.btn-sm,
.card-monitor-questions-footer.btn-group-sm>.btn,.btn-sm {
	font-size: 0.8rem;
	border-radius: 0.2rem !important;
	padding: 0rem 0.5rem !important;
	margin: 0.1rem 0rem !important;
	cursor: pointer !important;
}

.btn-refresh {
	font-size: 0.9rem;
	background-color: var(--stream24-blue) ! important;
	border-color: var(--stream24-blue) ! important;
	border-radius: 0.25rem !important;
	padding: 0.25rem 0.5rem !important;
	line-height: 100%;
	margin-top: -0.25rem !important;
	cursor: pointer !important;
}

.btn-refresh:hover
{
	background-color: var(--stream24-pink) ! important;
	border-color: var(--stream24-pink) ! important;
    color: #FFFFFF;
    text-decoration: none;
}

.btn-refresh-off {
	font-size: 0.9rem;
	background-color: var(--stream24-pink) ! important;
	border-color: var(--stream24-pink) ! important;
	border-radius: 0.25rem !important;
	padding: 0.25rem 0.5rem !important;
	line-height: 100%;
	margin-top: -0.25rem !important;
}

.btn-refresh-off:hover
{
	background-color: var(--stream24-blue) ! important;
	border-color: var(--stream24-blue) ! important;
    color: #FFFFFF;
    text-decoration: none;
}

.card-questions-footer .form-check-input {
	margin-right: 0.35rem !important;
	vertical-align: middle !important;
	height: 1.0rem ! important;
	cursor: pointer !important;
}

.card-questions-background-default
{
	background-color: #f0f8ff ! important;
}

.card-questions-background-approved
{
	background-color: #f0f8ff ! important; /* Blau */
	/* border: 1px solid var(--stream24-dark-gray); */
}


.card-questions-background-reloaded:not(.card-questions-background-reloaded-seen)
{
	background-color: #ffeeee ! important; /* Rot */
}

.card-questions-background-archived
{
	background-color: #EEEEEE ! important; /* Grau */
}

.card-questions-background-answered
{
	background-color: #e9fddb ! important; /* Grün */
}

.card-questions-background-monitored
{
	background-color: #f1f1ff ! important; /* Lila */
}

/*
	background-color: #f1f1ff ! important; /* Lila */
	background-color: #ffeeee ! important; /* Rot */
	background-color: #feffef ! important; /* Gelb */
	background-color: #e9fddb ! important; /* Grün */
	background-color: #EEEEEE ! important; /* Grau */
	background-color: #f0f8ff ! important; /* Blau */
	Rosa-Ton: ffdef2

*/

.card-body li
{
	margin-bottom: 0.75rem;
}

.card-help-bg
{
	background-color: #eeeeee ! important;
}

.form-switch.form-switch-sm {
  /* margin-bottom: 0rem; */
	cursor: pointer !important;
}

.form-switch.form-switch-sm .form-check-input {
  height: 1.1rem;
  width: calc(1.7rem + 0.75rem);
  border-radius: 3rem;
  margin-right: 0.35rem;
}


.form-switch.form-switch-md {
  margin-bottom: 1rem; /* JUST FOR STYLING PURPOSE */
  cursor: pointer !important;
}

.form-switch.form-switch-md .form-check-input {
  height: 1.5rem;
  width: calc(2rem + 0.75rem);
  border-radius: 3rem;
  margin-right: 0.5rem;
  margin-top: 0rem;
}

.form-switch.form-switch-lg {
  margin-bottom: 1.5rem; /* JUST FOR STYLING PURPOSE */
}

.form-switch.form-switch-lg .form-check-input {
  height: 2rem;
  width: calc(3rem + 0.75rem);
  border-radius: 4rem;
}

.form-switch.form-switch-xl {
  margin-bottom: 2rem; /* JUST FOR STYLING PURPOSE */
}

.form-switch.form-switch-xl .form-check-input {
  height: 2.5rem;
  width: calc(4rem + 0.75rem);
  border-radius: 5rem;
}

.form-switch .form-check-input {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -4 16 8'%3E%3Ccircle r='3' style='transform: translate(-3.7px, 0.2px)' fill='rgba(0,0,0,0.25)'/%3E %3Cpath style='transform: translate(-12px, -5.3px) scale(0.5);' d='M29.725 11.204l3.318-3.315a.51.51 0 10-.724-.724L29 10.48l-3.319-3.315a.51.51 0 10-.724.724l3.318 3.315-3.318 3.317a.51.51 0 10.724.723L29 11.928l3.319 3.317a.509.509 0 00.724 0c.2-.2.2-.525 0-.724l-3.318-3.317z' fill='rgba(0, 0, 0, 0.5)' fill-rule='nonzero'%3E%3C/path%3E %3C/svg%3E");
	cursor: pointer !important;
}
.form-switch .form-check-input:focus {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -4 16 8'%3E%3Ccircle r='3' style='transform: translate(-3.7px, 0.2px)' fill='rgba(0,0,0,0.25)'/%3E %3Cpath style='transform: translate(-12px, -5.3px) scale(0.5);' d='M29.725 11.204l3.318-3.315a.51.51 0 10-.724-.724L29 10.48l-3.319-3.315a.51.51 0 10-.724.724l3.318 3.315-3.318 3.317a.51.51 0 10.724.723L29 11.928l3.319 3.317a.509.509 0 00.724 0c.2-.2.2-.525 0-.724l-3.318-3.317z' fill='rgba(0, 0, 0, 0.5)' fill-rule='nonzero'%3E%3C/path%3E %3C/svg%3E");
	cursor: pointer !important;
}
.form-switch .form-check-input:checked {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -4 16 8'%3E%3Ccircle r='3' style='transform: translate(4px, 0px)' fill='%23fff'/%3E %3Cpath style='transform: translate(-1px, -2px) scale(0.6);' d='M0 0c.192.173.208.47.035.662l-5.59 6.209a.467.467 0 01-.202.131l-.02.006a.467.467 0 01-.492-.133l-2.209-2.452a.469.469 0 01.697-.627l1.866 2.072 5.253-5.833a.469.469 0 01.662-.035z' fill='rgba(250,250,250,1)'%3E%3C/path%3E %3C/svg%3E");
	cursor: pointer !important;
}

.col-form-label-sm2 {
	padding-top: calc(.15rem + 1px);
	padding-bottom: calc(.15rem + 1px);
	font-size: .85rem;
}

.monitor-copy {
	text-decoration: none ! important;
}
.monitor-copy:hover {
	color: var(--stream24-dark-gray);
}
.monitor-copy.disabled {
	color: var(--stream24-light-gray);
}
.monitor-copy.disabled:hover {
	cursor: auto;
}
.monitor-copy .monitor-copy-drag {
	cursor: move;
	font-size: 1.1rem;
	vertical-align: middle;
}
.monitor-copy.disabled .monitor-copy-drag {
	cursor: revert;
}

.custom-form-select-container {
	position: relative;
	text-align: left;
	white-space: nowrap;
}
.custom-form-select-container.disabled {
	opacity: .5;
}
.custom-form-select-container > .label {
	display: inline-block;
}
.custom-form-select-container ul {
	padding-left: 0;
}
.form-floating .custom-form-select-container ul.custom-form-select {
	margin-top: 25px;
}

ul.custom-form-select {
	display: none;
	margin-bottom: 0;
}

ul.custom-form-select.open {
	background: white;
	border: 1px solid #e0e0e0;
	border-top: 0;
	display: block;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}
ul.custom-form-select.full-width {
	right: 0;
}
ul.custom-form-select li {
	list-style-type: none;
	padding: 5px 10px;
	padding-right: 40px;
}

.li_padding {
	padding-top: 5px ! important;
}

ul.custom-form-select li.selected {
	background: #ccc;
}
ul.custom-form-select.open ul li:not(.optgroup) {
	padding-left: 25px;
}
ul.custom-form-select.disabled li,
ul.custom-form-select ul li.optgroup {
	color: #a5a5a5;
}
ul.custom-form-select.open li:not(.optgroup):hover {
	background: var(--stream24-light-gray);
}
ul.custom-form-select li.disabled {
	background: white !important;
	color: #ccc;
}

.custom-form-select-container.disabled {
	border: 1px solid #e8e8e8;
	color: var(--bs-gray-500);
}
.custom-form-select-container-btn {
	border: 1px solid var(--bs-gray-400);
	border-left: 0;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.custom-form-select-container-btn.no-selection {
	opacity: 0.5;
}
.custom-form-select-container-btn.disabled {
	border: 1px solid var(--bs-gray-400) !important;
	background: var(--bs-gray-400) !important;
}

.category-label {
	display: inline; font-size: 0.8rem ! important;
}
.category-label.disabled {
	opacity: .5;
}

#accountdata tr.stripped {
	background-color: #f0f8ff;
}

.letterlinks {
	padding-right: 0.4rem;
	line-height: 1.0rem;
	font-size: 0.9rem;
}
.letterlinks.selected {
	font-weight: bold;
}
.letterlinks.disabled {
	color: #ccc;
	cursor: unset;
}
.letterlinks.disabled:hover {
	text-decoration: none;
}

.new_account sup {
    top: -.25em;
    position: relative;
    font-size: 1.1rem !important;
    line-height: 0;
    vertical-align: baseline;
    color: var(--stream24-blue) !important;
    font-weight: 700;
}



th, td
{
	font-size: 0.95rem ! important;
}

.tabspan
{
	display: block;
	font-size: 0.8rem ! important;
	font-weight: normal ! important;
	margin-top: -0.3rem ! important;
}

.thcell
{
	padding-left: 0.75rem ! important;
	padding-right: 0.75rem ! important;
}

.thheadercell
{
	padding-right: 2.5rem ! important;
}

.logtab
{
	font-size: 0.85rem ! important;
	line-height: 110% ! important;
}

.logtab_ua
{
	font-size: 0.75rem ! important;
	line-height: 110% ! important;
}

.link-monitor-page {
	color: var(--stream24-pink);
	text-decoration: none;
}

.link-monitor-page:hover {
	color: var(--stream24-blue);
	text-decoration: none !important;
}

/* Login Seite */

.wrapper.auth {
	/* background: white; */
}

.wrapper.auth::before {
	content:none;
}
.wrapper.auth .main {
	padding-top: 0;
	background-color: #FFFFFF;
}

.wrapper.auth .card {
    background-color: #FFFFFF;
    border: 0px ! important;
	box-shadow: unset;
}

.wrapper.auth .main-row {
	height: 100vh;
}
.wrapper.auth .background-image {
	background-size: cover;
}

@media (max-width: 992px) {
	.wrapper.auth .background-image
	{
		background-image: unset ! important;
	}
}

.wrapper.auth .login-container {
	position: relative;
}
.wrapper.auth .login-container-inner {
	height: 100%;
	border: 0px solid #000000;
}

.wrapper.auth h1 {
	font-weight: 700;
}
.wrapper.auth .language-switch {
	margin-top: 25px;
}
.wrapper.auth .language-switch img {
	height: 25px;
	margin: 0 12px;
	border-radius: 3px;
}

.passwd-forget {
	float: right;
	padding-right: 0.25rem;
	font-size: 0.8rem ! important;
	text-decoration: none ! important;
	color: var(--stream24-dark-gray) ! important;
}

.passwd-forget:hover {
	color: var(--stream24-blue) ! important;
}

.wrapper.auth footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.login-screen-kundenlogo {
	margin: 0% auto 20% auto;
	text-align: center;
}

.login-screen-kundenlogo img {
	max-height: 90px;
	max-width: 240px;
	border: 0px;
}

.backend-kundenlogo {
	width: 160px ! important;
	margin: .75rem auto;
}

.backend-kundenlogo img {
	border: 0px ! important;
	width: 100% ! important;
	height: auto ! important;
	margin: 5px auto 10px auto ! important;
	filter: grayscale(100%);
	opacity: .85;
}


.login-screen-webcast-login {
    color: var(--stream24-dark-gray);
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.login-screen-pw-request {
    color: var(--stream24-dark-gray);
    text-align: center;
    font-size: 1.3rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}



/* Video Eventstream Seite */

.body-eventstream
{
	width: 98% ! important;
	max-width: 1880px ! important;
	margin-left: auto ! important;
	margin-right: auto ! important;
	background-color: #FFFFFF ! important;
}

.eventstream-header {
	width: 100% ! important;
	height: 90px;
	border: 2px solid;
	border-radius: .2rem;
}

.eventstream-logo {
	/* background-color: #FFFFFF ! important; */
}

.eventstream-logo img
{
	padding: 5px 10px! important;
	height: 80px;
	max-height: 80px;
	max-width: 240px;
	/* border: 0px dotted #FF0000; */
}


.eventstream-webcast-titel {
	letter-spacing: 1px;
	font-size: 1.5rem;
	line-height: 115%;
	font-weight: 500;
	width: 85%;
	overflow: hidden;
}

.eventstream-webcast-zeitpunkt {
	letter-spacing: 1px;
	font-size: 1.25rem;
	line-height: 115%;
	font-weight: 500;
	width: 85%;
	overflow: hidden;
}

.eventstream-topnavi a {
	font-size: 1rem ! important;
	text-decoration: none;
	cursor: pointer;
}

.eventstream-topnavi a:hover {
	filter: brightness(85%);
}

.eventstream-topnavi-linktext {
	display: inline;
	vertical-align: middle;
	line-height: 100%;
}


.language-switch-text {
	font-size: 1.2rem ! important;
}

.language-switch-text a {
	font-size: 1rem ! important;
	text-decoration: none;
	cursor: pointer;
}

.language-switch-text a:hover {
	filter: brightness(85%) ! important;
}

.language-switch-flag,
.language-switch-flag a {
	filter: brightness(100%) ! important;
}

.language-switch-flag img {
	height: 20px;
	margin-left: 1rem;
	border-radius: 3px;
	border: 0px;
}

.vlanguage-switch-flag img
{
	height: 20px;
	margin-left: 0.25rem;
	border-radius: 3px;
	border: 0px;
}

.video-container {
	max-width: 70%;
}

.chat-container {
	max-width: 30%;
	min-width: 460px;
}
.chat-message-content .chat-message-header {
	margin-right: 30px;
}
.chat-message-reply-prefix {
	font-size: 15px;
	margin-top: 5px;
	margin-right: 7px;
}
.chat-messages .datetime {
	line-height: 0.9rem;
	font-size: 0.7rem;
	text-align: center;
}

.chat-user-list-container {
	background-color: #f0f8ff !important;
}
.chat-user-list-item {
	background: transparent;
}
.chat-user-list-item:hover,
.chat-user-list-item.selected {
	background-color: #ffffff !important;
	color: #000000;
}
.user-search-container {
	position: relative;
}
.user-search-container .user-search-reset {
	position: absolute;
	right: 10px;
	top: 22px;
	cursor: pointer;
}
.user-avatar-image svg circle {
	fill: var(--bs-gray-200);
	stroke: var(--bs-gray-400);
}
.user-avatar-image svg text {
	fill: var(--stream24-dark-gray);
}
.user-avatar-image-mod svg circle {
	fill: var(--stream24-blue);
	stroke: none;
}
.user-avatar-image-mod svg text {
	fill: #FFFFFF;
}
.user-message-count {
    background-color: var(--stream24-blue) !important;
}
.chat-message-answer {
	overflow: hidden;
	word-break: break-word;
}
.chat-message-form {
	margin-bottom: 50px;
}


.eventstream-video {
  /* 1280x720 bzw. 1360x765 = 16:9 Video */
  max-width: 1360px;
  max-height: 765px;
  border: 2px solid;
  border-radius: .2rem;
  padding: 1px;
}

.eventstream-container-inner {
  background-color: #F0F0F0 ! important;
  height: 100% ! important;
  min-height: 560px;
  border: 2px solid;
  border-radius: .2rem;
  padding: 0px;
  overflow: auto ! important;
}

.eventstream-player
{
	position: relative; padding-bottom: 56.25%;
	padding-top: 0px; height: 0; overflow: hidden;
	max-height: 765px; /* max. 1280x720 bzw. 1360x765 als 16:9 Video */
}

.eventstream-player iframe
{
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	max-height: 765px; /* max. 1280x720 bzw. 1360x765 als 16:9 Video */
}

.welcome
{
	font-size: 1rem;
	margin-top: 0.75rem;
	margin-bottom: 0.5rem;
}

.eventstream-wct-container {
	overflow-x: hidden;
	overflow-y: auto;
}

.wct-header-container {
    background-color: var(--page_bg_color) !important;
    border: 0px;
    display: flex;
    margin: 0px;
    flex-direction: row;
    text-align: center;
}

.wct-header-container p,
.wct-header-container a {
    color: var(--header_text_color);
}

.wct-header-container a {
	display: block;
    font-size: 1.1rem;
    font-weight: normal;
    flex: 1;
    align-self: flex-end;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.wct-header-container a:hover {
	text-decoration: none;
	color: #d7d7d7;
}

.wct-header-container a .notification {
	font-size: 14px;
	line-height: 14px;
	display: inline;
	position: relative;
}

.wct-header-container a .notification .fa-bell {
	position: absolute;
	top: -10px;
	right: -18px;
}

.eventstream-container-survey-bell {
    color: var(--bs-warning);
}


#monitor-drag-placeholder {
	width: 100%;
	height: 100px;
	border: 2px solid #ccc;
	border-radius: .2rem;
	margin-bottom: 1rem;
}

.survey-container-outer {
	height: 90%!important;
}

.survey-inputform-color {
	color: var(--stream24-blue) ! important;
}

.survey-voted-container
{
	font-size: 1.15rem ! important;
}

.survey-title-modal
{
	font-size: 1.4rem ! important;
}

.survey-question-modal
{
	font-size: 1.25rem ! important;
}

.survey-live-title
{
	font-size: 1.1rem ! important;
	font-weight: bold ! important;
}

.survey-live-question
{
	font-size: 1.0rem ! important;
}

.survey-submit-button.disabled {
	/* border: 1px solid var(--bs-gray-400) !important;
	background: var(--bs-gray-400) !important; */
}

.survey-skala-pagination li
{
	flex: 1;
	text-align: center;
}
.survey-skala-pagination .page-link
{
	cursor: pointer;
}
.survey-skala-pagination .active .page-link {
	background-color: #009ee0;
	border-color: #009ee0;
	color: #fff;
	z-index: 3;
}
.survey-skala-pagination-labels
{
	font-size: 12px;
}
.survey-skala-pagination-labels .text-right
{
	text-align: right
}

@media (max-width: 1400px) {

	.eventstream-webcast-titel {
		font-size: 1.4rem;
		width: 95%;
	}

	.eventstream-webcast-zeitpunkt {
		font-size: 1.2rem;
		width: 95%;
	}
}

@media (max-width: 1280px) {

	.eventstream-webcast-titel {
		font-size: 1.3rem;
		width: 100%;
	}

	.eventstream-webcast-zeitpunkt {
		font-size: 1.1rem;
		width: 100%;
	}
}


@media (max-width: 960px) {
	.eventstream-header {
		height: auto;
	}
	.eventstream-header > div {
		display: block !important;
		flex: unset;
		margin-left: 0 !important;
		width: 100%;
	}
	.eventstream-header .align-self-center {
		text-align: center;
	}
	.eventstream-logo {
		display: inline-block;
		margin: 0.25rem auto ! important;
	}

	.eventstream-logo img {
		max-height: 70px ! important;
	}

	.eventstream-webcast-titel {
		height: auto;
		padding: 0.5rem 0.25rem 0.25rem 0.25rem ! important;
		text-align: center;
		font-size: 1.2rem ! important;
		line-height: 110% ! important;
	}

	.eventstream-webcast-zeitpunkt {
		height: auto;
		padding: 0rem 0.25rem ! important;
		text-align: center;
		font-size: 1.0rem ! important;
		line-height: 110% ! important;
	}

	.eventstream-topnavi {
		text-align: center !important;
		width: 100%;
	}

	.language-switch-text {
		/* display: none; */
		margin-top: 0.25rem ! important;
		text-align: center ! important;
	}

	.eventstream-container .d-flex {
		display: block !important;
	}
	.video-container.flex-grow-1,
	.chat-container.flex-grow-1 {
		flex-grow: unset !important;
		width: 100%;
		max-width: unset;
		min-width: unset;
	}

	.chat-container {
		margin: .5rem 0 !important;
	}

	.chat-container .wctapp {
		padding-top: 6rem;
		text-align: center;
	}

}