body, html {
	font-family: Comic Sans Ms;
	color:#D0B16D;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#000000;
	overflow: auto;
	background-image: url(./../../hgbilder/Chat.svg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
	scrollbar-base-color:#2B428B;
	scrollbar-3d-light-color:#ff0000;
	scrollbar-arrow-color:#74ad00;
	scrollbar-darkshadow-color:#4253aa;
	scrollbar-face-color:#2B428B;
	scrollbar-highlight-color:#4253aa;
	scrollbar-shadow-color:#4253aa;
	scrollbar-track-color:#121923;
	scrollbar-radius: 60px;
	scrollbar-width: 1px;
	box-shadow: 0px 0px 30px -5px rgba(208,177,109,1) inset;
	-webkit-box-shadow: 0px 0px 30px -5px rgba(208,177,109,1) inset;
	-moz-box-shadow: 0px 0px 30px -5px rgba(208,177,109,1) inset;
}

a:link { 
	text-decoration: none; color: #D0B16D;
}
a:visited { 
	text-decoration: none; color: #D0B16D;
}
a:active { 
	text-decoration: none; color: #D0B16D;
}
a:hover { 
	text-decoration: none; color: #FF0000;
}

#hb_chat_login_div {
	position: relative;
	width:85%;
	min-width: 940px;
	max-width: calc(100% - 3em);
	height:600px;
	top:75px;
	background-color:transparent;
}

#hb_chat_logininh {
	width:100%;
	height:100%;
	margin: 0px;
	background-color:transparent;
	background-image: url(./../../hgbilder/Chat.svg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
	border-top: 1px solid #D0B16D;
	border-left: 1px solid #D0B16D;
	border-right: 1px solid #D0B16D;
	border-bottom: 1px solid #D0B16D;
	-webkit-box-shadow: 0px 0px 20px 3px rgba(208,177,109,1);
	-moz-box-shadow: 0px 0px 20px 3px rgba(208,177,109,1);
	box-shadow: 0px 0px 20px 3px rgba(208,177,109,1);
}

.hb_chat_logindivs {
	width:85%;
	height:470px;
	margin: 0px;
	background-color:transparent;
	background-image: url(./../../hgbilder/Chat.svg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
	border-top: 1px solid #D0B16D;
	border-left: 1px solid #D0B16D;
	border-right: 1px solid #D0B16D;
	border-bottom: 1px solid #D0B16D;
	-webkit-box-shadow: 0px 0px 20px 3px rgba(208,177,109,1);
	-moz-box-shadow: 0px 0px 20px 3px rgba(208,177,109,1);
	box-shadow: 0px 0px 20px 3px rgba(208,177,109,1);
}

#hb_chat_loginbox {
	width:85%;
	min-width:270px;
	height:470px;
	margin: 0px;
	background-color:transparent;
	background-image: url(./../../hgbilder/Chat.svg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
}

#hb_chat_regisbox {
	width:85%;
	min-width:270px;
	height:470px;
	margin: 0px;
	background-color:transparent;
	background-image: url(./../../hgbilder/Chat.svg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
}

#hb_chat_copyinh1 {
	width:300px;
	height:25px;
	margin: 0px;
	background-color:transparent;
	background-image: url(./../../hgbilder/Chat.svg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
	border: 1px solid #D0B16D;
	-webkit-box-shadow: 0px 3px 10px 1px rgba(208,177,109,1);
	-moz-box-shadow: 0px 3px 10px 1px rgba(208,177,109,1);
	box-shadow: 0px 3px 10px 1px rgba(208,177,109,1);
	padding-top: 3px;
}

#hb_chat_copyinh2 {
	width:300px;
	height:25px;
	margin: 0px;
	background-color:transparent;
	background-image: url(./../../hgbilder/Chat.svg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
	border: 1px solid #D0B16D;
	-webkit-box-shadow: 0px 3px 10px 1px rgba(208,177,109,1);
	-moz-box-shadow: 0px 3px 10px 1px rgba(208,177,109,1);
	box-shadow: 0px 3px 10px 1px rgba(208,177,109,1);
	padding-top: 3px;
}

#hb_chat_copyinh3 {
	width:300px;
	height:25px;
	margin: 0px;
	background-color:transparent;
	background-image: url(./../../hgbilder/Chat.svg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
	border: 1px solid #D0B16D;
	-webkit-box-shadow: 0px 3px 10px 1px rgba(208,177,109,1);
	-moz-box-shadow: 0px 3px 10px 1px rgba(208,177,109,1);
	box-shadow: 0px 3px 10px 1px rgba(208,177,109,1);
	padding-top: 3px;
}

/* Loginseite buttons sachen anfang */

.hb_input_feld {
	color:#D0B16D;
	font-size: 15px;
	font-weight: bold;
	background-color:transparent;
	border: 1px solid #D0B16D;
}

.hb_input_feld:hover {
	color:#D0B16D;
	font-weight: bold;
	font-size: 15px;
	background-color:transparent;
	border: 1px solid #ff0000;
}

.hb_inputerror_feld {
	color:#000000;
	font-size: 15px;
	font-weight: bold;
	background-color:#ff0000;
	border: 1px solid #D0B16D;
}

.hb_inputerror_feld:hover {
	color:#000000;
	font-weight: bold;
	font-size: 15px;
	background-color:#ff0000;
	border: 1px solid #ff0000;
}

.hb_inputerror_feld::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
  opacity: 1;
}

.hb_inputerror_feld:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #000000;
}

.hb_inputerror_feld::-ms-input-placeholder { /* Microsoft Edge */
 color: #000000;
}

.hb_butt_wubo {
	background:#290000;
	-webkit-border-radius:5;
	-moz-border-radius:5;
	border-radius:5px;
	font-family:Comic Sans Ms;
	color:#D0B16D;
	font-size:15px;
	font-weight:bold;
	padding:3px 15px 3px 15px;
	border:solid #D0B16D 1px;
	text-decoration:none;
}
.hb_butt_wubo:hover {
	color:#290000;
	background:#D0B16D;
	border:solid #ff0000 1px;
	text-decoration: none;
}

.hb_butt_neupass {
	background:#290000;
	-webkit-border-radius:5;
	-moz-border-radius:5;
	border-radius:5px;
	font-family:Comic Sans Ms;
	color:#D0B16D;
	font-size:10px;
	font-weight:bold;
	padding:3px 15px 3px 15px;
	border:solid #D0B16D 1px;
	text-decoration:none;
}
.hb_butt_neupass:hover {
	color:#290000;
	background:#D0B16D;
	border:solid #ff0000 1px;
	text-decoration: none;
}

.hb_butt_regis {
	background:#290000;
	-webkit-border-radius:5;
	-moz-border-radius:5;
	border-radius:5px;
	font-family:Comic Sans Ms;
	color:#D0B16D;
	font-size:15px;
	font-weight:bold;
	padding:3px 15px 3px 15px;
	border:solid #D0B16D 1px;
	text-decoration:none;
}
.hb_butt_regis:hover {
	color:#290000;
	background:#D0B16D;
	border:solid #ff0000 1px;
	text-decoration: none;
}

.hb_butt_login {
	background:#290000;
	-webkit-border-radius:5;
	-moz-border-radius:5;
	border-radius:5px;
	font-family:Comic Sans Ms;
	color:#D0B16D;
	font-size:15px;
	font-weight:bold;
	padding:3px 15px 3px 15px;
	border:solid #D0B16D 1px;
	text-decoration:none;
}
.hb_butt_login:hover {
	color:#290000;
	background:#D0B16D;
	border:solid #ff0000 1px;
	text-decoration: none;
}

#hb_captcha_span {
	font-size:15px;
	font-family:Comic Sans Ms;
	font-weight:bold;
	color:#D0B16D;
	margin:10px;
	padding:3px 10px 3px 10px;
	width:70px;
	height:23px;
	background:#000000;
	border:1px solid #D0B16D;
 -ms-user-select: None; 
 -moz-user-select: None; 
 -webkit-user-select: None;
}

.hb_captcha_feld {
	width:60px;
	height:23px;
	color:#D0B16D;
	font-size: 15px;
	font-weight: bold;
	background-color:transparent;
	border: 1px solid #D0B16D;
}

.hb_captcha_feld:hover {
	width:60px;
	height:23px;
	color:#D0B16D;
	font-weight: bold;
	font-size: 15px;
	background-color:transparent;
	border: 1px solid #ff0000;
}

.hb_captcha_felderror {
	width:60px;
	height:23px;
	color:#000000;
	font-size: 15px;
	font-weight: bold;
	background-color:#ff0000;
	border: 1px solid #D0B16D;
}

.hb_captcha_felderror:hover {
	width:60px;
	height:23px;
	color:#000000;
	font-weight: bold;
	font-size: 15px;
	background-color:#ff0000;
	border: 1px solid #ff0000;
}

/* Loginseite buttons sachen ende */
/* Loginseite stream laufband anfang */

.marquee {
	max-width: 250px; /* iOS braucht das max-width: 100vw;*/
	white-space: nowrap;
	overflow: hidden;
	/* hier evtl. noch font-size, color usw. */
}

.marquee span {
	display: inline-block;
	padding-left: 105%; /* die zusätzlichen 5% erzeugen einen verzögerten Start und vermeiden so ein Ruckeln auf langsamen Seiten */
	animation: marquee 12s linear infinite;
}

/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
.marquee span:hover {
	animation-play-state: paused 
}

/* Make it move */
@keyframes marquee {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-100%); }
}

/* Loginseite stream laufband ende */

hr.hb-chat_trenner {
	width:95%;
	border: 0;
	height: 2px;
	margin: 2px;
	background-image: linear-gradient(to right, rgba(167, 124, 78, 0), rgba(167, 124, 78, 0.75), rgba(167, 124, 78, 0));
}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}