.head {  font-family: Verdana, Geneva, sans serif ; line-height: 120%; font-size: 85%;  font-weight: bold; color:#000000;}
.ktext {  font-family: Verdana, Geneva, sans serif; line-height: 140%;  font-weight: normal; color:#000000;}
.text {  font-family: Verdana, Geneva, sans serif; line-height: 140%;  font-size: 90%; color:#000000;}
.textred {  font-family: Verdana, Geneva, sans serif; line-height: 140%;  font-size: 90%; color:#cd101c;}
.itext {  font-family: Verdana, Geneva, sans serif; font-size: 120%; line-height: 140%  font-weight: normal; color:#000000;}
.link {  font-family: Verdana, Geneva, sans serif ; line-height: 120%; font-size: 80%;  font-weight: bold; color:#44a12b;}
.link2 { font-family: Verdana, Geneva, sans serif; font-size: 100%;   font-weight: normal; color:#000000;}
.subhead {  font-family: Verdana, Geneva, sans serif; font-size: 100%;  font-weight: bold; color:#000000;}
.isubhead {  font-family: Verdana, Geneva, sans serif; font-size: 120%;  font-weight: bold; color:#000000;}
.impress {  font-family: Verdana, Geneva, sans serif; font-size: 80%;  font-weight: normal; color:#000000;}

#nav {
	position: absolute;
}

@media (max-width: 768px) {
#nav {
	display: none;
	}
}

@keyframes pulse_animation {
	0% { transform: scale(1); }
	30% { transform: scale(1); }
	40% { transform: scale(1.12); }
	50% { transform: scale(1); }
	60% { transform: scale(1); }
	70% { transform: scale(1.08); }
	80% { transform: scale(1); }
	100% { transform: scale(1); }
}

#pulsebutton
{
	animation-name: pulse_animation;
	animation-duration: 5000ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

 /* Newsticker */
 
 @keyframes fade-in {
    from { opacity:0;}
	to { opacity:0.8;}
} 
 
 
 #container
{
 margin-top: -145px;
 background-color: white;
 position: absolute;

 display: block;

 width: 364px;
 height: 22px;

 background-color: white;
 overflow:hidden;
 animation-name: fade-in;
animation-duration: 2s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}

#ticker1
{
  animation-name: ticker1rtl;
     width: 30em;
	     animation-duration: 10s;
}

#ticker2
{
 animation-name: ticker2rtl;
   width: 60em;
       animation-duration: 15s;
}

#ticker3
{
  animation-name: ticker3rtl;
       width: 90em;
	       animation-duration: 20s;
}

#ticker4
{
  animation-name: ticker4rtl;
     width: 120em;
	     animation-duration: 25s;
}

#ticker5
{
  animation-name: ticker5rtl;
   width: 150em;
       animation-duration: 30s;
}

*.ticker
{

 animation-name: tickerrtl;

	animation-iteration-count: infinite;
	animation-timing-function: linear;
	font-weight: 600;
}

.ticker:hover{
     animation-play-state: paused;
	 cursor: grab;
}

#demo *.ticker
{
 border-right: 4px solid #ff0000;
}

#demo *.ticker:after{content:" [ENDE TICKER] ..... ..... .....  ..... ..... ..... ..... ..... ..... ..... ..... ..... ..... ..... .....";color:#ff0000;font-weight:bold;}

@keyframes ticker5rtl {
    from  { margin-left:27em;}
	to  { margin-left:-150em;}
}

@keyframes ticker4rtl {
    from  { margin-left:27em;}
	to  { margin-left:-120em;}
}

@keyframes ticker3rtl {
    from  { margin-left:27em;}
	to  { margin-left:-90em;}
}

@keyframes ticker2rtl {
    from  { margin-left:27em;}
	to  { margin-left:-60em;}
}

@keyframes ticker1rtl {
    from  { margin-left:27em;}
	to  { margin-left:-30em;}
}

div#main #container
{
 margin-top: 0px;
}

#demo
{
 margin-top: 30px;
}




@keyframes schieben {
    0%   { margin-left:-350px;}
    85% { margin-left:25px;}
	100% { margin-left:350px;}
}

*.schieber
{
 display:block;
 width:364px;

 height:22px;
overflow:hidden;
 animation-name: schieben;
 animation-duration: 5s;
 animation-iteration-count: infinite;
}

.meldung
{
 position:absolute;
 animation-iteration-count: infinite;
 visibility:hidden;
}

/* Optional
.meldung:before,.meldung:after{content:"+++";}
*/



@keyframes wechseln50 {
    0%   { visibility:visible;}
	51%   { visibility:hidden; }
}

@keyframes wechseln33 {
    0%   { visibility:visible;}
	34%   { visibility:hidden; }
}

@keyframes wechseln25 {
    0%   { visibility:visible;}
	26%   { visibility:hidden; }
}

@keyframes wechseln20 {
    0%   { visibility:visible;}
	21%   { visibility:hidden; }
}


#schieber0
{
 display:none;
}

#schieber1 .meldung
{
 visibility:visible;
 animation-timing-function: steps(1,end);
 animation-duration: 5s;
}

#schieber2 .meldung
{
 animation-timing-function: steps(2,end);
 animation-duration: 10s;
 animation-name: wechseln50;
}

#schieber3 .meldung
{
 animation-timing-function: steps(3,end);
 animation-duration: 15s;
 animation-name: wechseln33;
}

#schieber4 .meldung
{
 animation-timing-function: steps(4,end);
 animation-duration: 20s;
 animation-name: wechseln25;
}

#schieber5 .meldung
{
 animation-timing-function: steps(5,end);
 animation-duration: 25s;
 animation-name: wechseln20;
}
 
 
 
 #meldung1
{
 animation-delay: 0s;
}

#meldung2
{
 animation-delay: 5s;
}

#meldung3
{
 animation-delay: 10s;
}

#meldung4
{
 animation-delay: 15s;
}

#meldung5
{
 animation-delay: 20s;
}



.meldunginput
{
 /*width:260px;*/
 width:373px;
}

.login-form label
{
 width: 120px;
 display: inline-block;
}