@font-face{font-family:'Rajdhani-Bold';src:url('Rajdhani-Bold.woff2')format('truetype');}
body,html{
  margin:0;padding:0;  
  background-color: #111111;

}
body{
    font-family:'Rajdhani-Bold';
    /*cursor: none;*/
}
*{color:#eee;}
.tvblock{
    width:100vw;
    height: 100vh;
    position: fixed;
    top:0px;
    left:0px;
}
#tycoon-logo{
    position: fixed;
    top: 50px;
    right: 50px;
    z-index: 20;
    background-image: url('/tycoon-logo.png');
    width: 200px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
}
#poweredby{
    z-index: 11;
    position: fixed;
    fill: #fff;
    bottom:10px;
    right:10px;
    width:100px;
}
.tvblock {
    display: grid;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
.tvblock[data-contenttype="4"]{ /* 3 zeilen */
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
}
.tvblock[data-contenttype="4"] .bgimg { grid-area: 1 / 1 / 4 / 2; }
.tvblock[data-contenttype="4"] .title { grid-area: 1 / 1 / 2 / 2; }
.tvblock[data-contenttype="4"] .zeit { grid-area: 2 / 1 / 3 / 2;  }
.tvblock[data-contenttype="4"] .desc { grid-area: 3 / 1 / 4 / 2;  }

.tvblock[data-contenttype="3"]{ /* 2 zeilen */
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
}
.tvblock[data-contenttype="3"] .bgimg { grid-area: 1 / 1 / 3 / 2; }
.tvblock[data-contenttype="3"] .title { grid-area: 1 / 1 / 2 / 2; }
.tvblock[data-contenttype="3"] .desc { grid-area: 2 / 1 / 3 / 2;  }

.title, .zeit, .desc{
    display:flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-align: center;

}
.title span, .zeit span, .desc span{
    position: absolute;
    width:100vw;
    line-height:1em;
}
.zeit span{
    color: #e53f3f !important;
}
.title span{
    font-size:10em;
    top:-100vh
    
}
.zeit span{
    font-size:8em;
    left:100vw
}
.desc span{
    font-size:5em;
    left:-100vw;
}
.bgimg{
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
}
#infoblock{position: fixed;
    width: 100%;
    height: 14px;
    z-index:99;
    bottom: 0px;
    font-size: 6pt;
    font-family: arial;
    display:none;}
#infoblock span{padding-left:5px}

.tvblock[data-contenttype="Uhr"] .desc { text-align: center; font-size:2em; }
.tvblock[data-contenttype="Uhr"] .bgimg span { position: absolute; width: 100vw; display: block; }

.tvblock[data-contenttype="Uhr"] .bgimg { text-align: center; }

 circle.fgH, circle.fgM, circle.fgS {
    transform: rotate(-90deg);
    transform-origin: 250px 250px;
  }
  .Uhrsvg{top:30%;position:relative;}