:root {
	--fontcolor1: #ffffff;
	--accentcolor1: #000000;
	--accentcolor-medium: #000000;
	--accentcolor2: #000000; 
}

body {
	color: #ffffff;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, var(--accentcolor1) 0%, var(--accentcolor-medium) 55%, var(--accentcolor2) 100%); 
}


@font-face {
font-family: "cmg-bold";
font-weight: normal;
font-style: normal;
src: url('CMGSans-Bold.ttf') format('truetype');
}
@font-face {
font-family: "cmg-extrabold";
font-weight: normal;
font-style: normal;
src: url('CMGSans-ExtraBold.ttf') format('truetype');
}
@font-face {
font-family: "cmg-medium";
font-weight: normal;
font-style: normal;
src: url('CMGSans-Medium.ttf') format('truetype');
}
@font-face {
font-family: "cmg-regular";
font-weight: normal;
font-style: normal;
src: url('CMGSans-Regular.ttf') format('truetype');
}
@font-face {
font-family: "cmg-italic";
font-weight: normal;
font-style: normal;
src: url('CMGSans-Italic.ttf') format('truetype');
}
@font-face {
font-family: "cmg-semibold";
font-weight: normal;
font-style: normal;
src: url('CMGSans-SemiBold.ttf') format('truetype');
}


div {
	padding-right: 20px;
	padding-left: 20px;
	}



.titel {
	color: var(--fontcolor1);
	font: 60pt cmg-bold;
	width: 50%
}

.wetter {
	color: var(--fontcolor1);
	font: 60pt cmg-bold;
	width: 50%
}

.uhr{
	color: var(--fontcolor1);
	font: 60pt cmg-bold;
	width: 50%
}


table {
  border-collapse: collapse;
}
td {
  border: 0px solid black;
  height: 140px;
}

.tdleft {
  padding-left: 20px;
  width: 40%
}

.tdright {
  padding-right: 20px;
  width: 60%
}

.ligne {
	font:25pt cmg-regular;
}

.eventdate {
	font:30pt cmg-bold;
}

.eventtime {
	font:25pt cmg-regular;
}

.eventtitle {
	font:40pt cmg-bold;
}

.eventdescription {
	font:25pt cmg-regular;
}




.catgenerell {
  border-top: 1px solid #ffffff;
}
.catgenerell:nth-child(1) {
  border: none
}