body {
  width: 1920px;
  height: 1080px;
  background: #FFFFFF;
  margin: 0px;
}
.container_left {
  width: 925;
  height: 1040px;
  left: 35px;
  top: 20px;
  position: absolute;
  margin: 0px;
}
.container_right {
  width: 925px;
  height: 1040px;
  left: 960px;
  top: 20px;
  position: absolute;
  margin: 0px;
}
.container_top {
  width: 1920px;
  height: 380px;
  left: 0px;
  top: 20px;
  position: absolute;
  margin: 0px;
}
.container_bottom {
  width: 1850px;
  height: 660px;
  left: 35px;
  top: 400px;
  position: absolute;
  margin: 0px;
}
.container_all {
  width: 1850px;
  height: 1040px;
  left: 35px;
  top: 20px;
  position: absolute;
  margin: 0px;
  clip: rect(0px,1850px,1080px,0px);
}
.container_full {
  width: 1850px;
  height: 1040px;
  left: 35px;
  top: 20px;
  position: absolute;
  margin: 0px;
}
.clock {
  width: 800px;
  height: 800px;
  left: 63px;
  top: 0px;
  position: absolute;
  margin: 5px;
  background-image: url("../images/clock_face.png");
  z-index: 0;
}
.bogen-logo {
  width: 380px;
  height: 60px;
  left: 0px;
  top: 20px;
  position: absolute;
  margin: 0px;
  background-image: url("../images/bogen_logo.png");
   z-index: -1;
}
.messages{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;		
}
.messages2{
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;		
}
.message{
  border-radius: 15px;
  padding: 20px; 
  margin: 20px;
  width: 830px;	
  height: auto;
  white-space: normal;
  overflow: hidden;
  text-overflow: clip;
}
.message_2_column{
  border-radius: 15px;
  padding: 10px; 
  margin: 10px;
  width: 875px;	
  height: auto;
  white-space: normal;
  overflow: hidden;
  text-overflow: clip;
}
.message_3_column{
  border-radius: 15px;
  padding: 10px; 
  margin: 10px;
  width: 570px;	
  height: auto;
  white-space: normal;
  overflow: hidden;
  text-overflow: clip;
}
.message_full{
  border-radius: 15px;
  padding: 20px; 
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;
  width: 1770px;	
  height: auto;
  white-space: normal;
  overflow: hidden;
  text-overflow: clip;
}
.second-hand {
  position: absolute;
  z-index: 3;
  width: 25px;
  height: 740px;
  left: 388px;
  top: 30px;
  background-image: url("../images/second_hand.png");
}
.minute-hand {
  position: absolute;
  z-index: 2;
  width: 25px;
  height: 740px;
  left: 388px;
  top: 30px;
  background-image: url("../images/minute_hand.png");
}
.hour-hand {
  position: absolute;
  z-index: 1;
  width: 23px;
  height: 500px;
  left: 388px;
  top: 150px;
  background-image: url("../images/hour_hand.png");
}
.info {
  position: absolute;
  width: 800px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  font-weight: bold;
  z-index: 4;
  margin-left: 0px;
  white-space: nowrap;
}
.date {
	left: 68px;
	top: 810px;
}
.event {
	left: 68px;
	top: 920px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.date-digital {
	position: absolute;
	left: 960px;
	top: 285px;
	width: 960px;
	height: 120px;
	text-align: center;
	font-family: Liberation-Sans;
	font-size: 80px;
	white-space: nowrap;
}
.event-digital {
	position: absolute;
	left: 0px;
	top: 285px;
	width: 960px;
	height: 120px;
	text-align: center;
	font-family: Liberation-Sans;
	font-size: 80px;
	
	white-space: nowrap; 
  	overflow: hidden;
 	text-overflow: ellipsis;
}
.time-digital {
	position: absolute;
	left: 470px;
	top: -40px;
	width: auto;
	height: auto;
	text-align: left;
	font-family: Liberation-Sans;
}
.hour-digital {
	position: absolute;
	left: 470px;
	top: -40px;
	width: auto;
	height: auto;
	text-align: right;
	font-family: Liberation-Sans;
}
.colon-digital {
	position: absolute;
	left: 470px;
	top: -40px;
	width: auto;
	height: auto;
	text-align: left;
	font-family: Liberation-Sans;
}
.minute-digital {
	position: absolute;
	left: 470px;
	top: -40px;
	width: auto;
	height: auto;
	text-align: left;
	font-family: Liberation-Sans;
}
.ampm-digital {
	position: absolute;
	left: 470px;
	top: -40px;
	width: auto;
	height: auto;
	text-align: left;
	font-family: Liberation-Sans;
}
.check-digital {
	position: absolute;
	left:0px;
	top: -1000px;
	width: auto;
	height: auto;
	text-align: left;
	font-family: Liberation-Sans;
}
.messages_flex{
	display: flex;
  	flex-direction: column;
  	flex-wrap: wrap;
	width: 0px;
	height: 1040px;
	margin: 0px;
	padding: 10px;
	flex: 1 0 auto;
}
.full_screen_img{
	height: auto;
	width: auto;
	max-width: 1920px;
	max-height: 1080px;
}
.half_screen_img{
	height: auto;
	width: auto;
	max-width: 935px;
	max-height: 1040px;
}

@font-face {
    font-family: Comic-Relief;
    src: url(../fonts/ComicRelief.ttf) format('truetype')
}
@font-face {
    font-family: Courier-Prime;
    src: url(../fonts/CourierPrime.ttf) format('truetype')
}
@font-face {
    font-family: Gelasio;
    src: url(../fonts/Gelasio-Regular.ttf) format('truetype')
}	
@font-face {
    font-family: Liberation-Sans;
    src: url(../fonts/LiberationSans-Regular.ttf) format('truetype')
}
@font-face {
    font-family: Linux-Libertine;
    src: url(../fonts/LinLibertine_Rah.ttf) format('truetype')
}