@import url('https://fonts.googleapis.com/css?family=Bree+Serif&display=swap');
html {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:0px;
}
body {
	background: #ffffff;
	color:#444444;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: -moz-none !important;
	-ms-user-select: none !important;
	user-select: none !important;
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size:1em;
}
*, *:after, *:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.infobox {
	position: fixed;
	top:60px;
	left:60px;
 	z-index:90;
}
.streiferl {
	background: repeating-linear-gradient(
	  45deg,
	  #FF3,
	  #FF3 6px,
	  #000000 6px,
	  #000000 12px
	);	
	padding:8px;
}
.infotext {
	font-family: 'PT Sans', sans-serif;
	font-weight:700;
	font-size:14px;
	line-height:18px;
	text-transform:uppercase;
	vertical-align:middle;
	color:#cc0033;
	background-color:#ffffff;
	padding:7px 5px 5px 5px;
}
.derbalken {
  background: #FF3;
  padding: 5px 0;
  -webkit-transform: skew(0deg, -5deg);
  transform: skew(0deg, -5deg);
  margin-top: 180px;
  position: fixed;
  z-index:99;
  width:100%;
  text-align:center;
  -moz-box-shadow: 0 9px 9px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 9px 9px rgba(0, 0, 0, 0.4);
  box-shadow: 0 9px 9px rgba(0, 0, 0, 0.4);
}
.ticker {
    width: 100%;
    overflow: hidden;
  }
.ticker-wrap {
    width: 100%;
    padding-left: 100%;
  }
.tick {
    display: inline-block;
    color: #cc0033;
	font-family: 'PT Sans', sans-serif;
	font-weight:400;
    font-size: 18px;
    padding: 5px 0;
    text-transform: uppercase;
    white-space: nowrap
}
.tick span:nth-child(odd) {
    color: #000000;
}
.run {
    animation: runner 10s infinite linear
}
@keyframes runner {
    from {
        transform: translateX(-50%)
    }

    to {
        transform: translateX(0)
    }
}
.copyright {	
	position: fixed;
	bottom:20px;
	right:20px;
 	z-index:9;
}
.unterstrichen {
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
	font-family: 'PT Sans', sans-serif;
    font-style: italic;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #000;
    z-index: 1
}
.unterstrichen:before {
    position: absolute;
    content: "";
    left: -8px;
    top: 15px;
    background: #f8e139;
    width: calc(100% + 14px);
    height: 30%;
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
    z-index: -1
}