#navi-leiste
    {
        margin-left: auto;
        margin-right: auto;
        width: 1240px;
        height: 50px;
    }
  
    #normal-navi
    {
      background-color: rgb(0, 0,102);
      font-family: Calibri;
      text-align: center;
      width: 93px;
      height: 39px;
      font-weight: bold;
    }

    #selected-navi
    {
      background-color: rgb(153, 51, 153);
      font-family: Calibri;
      text-align: center;
      width: 93px;
      height: 39px;
      font-weight: bold;
    }

    #termin-01N
    {
        text-align: left; 
        font-family: Calibri; 
        width: 85px; 
        font-weight: bold;
    }

    #termin-02N
    {
        text-align: left;
        font-family: Calibri;
        width: 72px;
        font-weight: bold;
    }

    #termin-03N
    {
        text-align: left;
        font-family: Calibri; 
        width: 72px;
    }

    #termin-01colored
    {
        text-align: left; 
        font-family: Calibri;
        background-color: rgb(204, 255, 255);
        width: 85px;
        font-weight: bold;
    }

    #termin-02colored
    {
        text-align: left;
        font-family: Calibri;
        background-color: rgb(204, 255, 255);
        width: 70px;
        font-weight: bold;
    }

    #termin-03colored
    {
        text-align: left;
        font-family: Calibri;
        background-color: rgb(204, 255, 255);
        width: 652px;
    }

    #termin-link
    {
        background-color: rgb(0, 0, 102);
        color: rgb(255, 255, 255);
        font-family: Calibri;
        text-align: center;
    }

    #HB-thump
    {
        width: 160px; 
        height: 225px;
        text-align: center;
        margin: 5px;
    }
 
    #HB-dataCell
    {
        width: 25%; 
        text-align: center;
        padding: 5px;
    }

    #Jub-hoch
    {
        width: 435px; 
        height: 770px;
    }

    #Jub-quer
    {
        width: 1024px; 
        height: 577px;
    }

    #Bilder
    {
        width: 140px; 
        height: 95px;
        color: black;
    }

    
	.marquee {
		max-width: 100vw; /* iOS braucht das */
		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 30s 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: translate3d(0,0,0);}
	    100% {transform: translate3d(-100%,0,0);}
	}