:root 		 { --textfarbe: #ffffff; 
			   --textfarbe: #ffffff; 
			   --hintergrund: #000000;
			   --rahmenfarbe: #f7bd80;
			   --rahmenfarbe: #000000;
			   --aktiverlink: #f18D27;
			   --basisschrift: 'Open Sans', sans-serif;
			   --headerschrift: 'Great Vibes', serif;
		     }
			 
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-regular.eot');
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'),
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'),
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'),
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/great-vibes-v5-latin-regular.eot');
  src: local('Great Vibes Regular'), local('GreatVibes-Regular'),
       url('great-vibes-v5-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/great-vibes-v5-latin-regular.woff2') format('woff2'),
       url('fonts/great-vibes-v5-latin-regular.woff') format('woff'),
       url('fonts/great-vibes-v5-latin-regular.ttf') format('truetype'),
       url('fonts/great-vibes-v5-latin-regular.svg#GreatVibes') format('svg');
}

body         { font-family: 'Open Sans', sans-serif; font-size: 14pt; 
               background-color: var(--hintergrund); color: var(--textfarbe); }
			   
p            { font-family: var(--basisschrift); font-size: 14pt; color: var(--textfarbe) }
p.c1         { font-family: var(--headerschrift); font-size: 14pt; color: var(--textfarbe) }
p.c2         { font-family: var(--headerschrift); font-size: 36pt; color: var(--textfarbe) }
p.c3         { font-family: var(--basisschrift); font-size: 10pt; color: var(--textfarbe) }
tr           { font-family: var(--basisschrift); font-size: 12pt }
h1           { font-family: var(--headerschrift); font-size: 14pt; font-weight: bold; display: inline }
h2           { font-family: var(--headerschrift); font-size: 14pt; font-weight: bold; display: inline; color: var(--textfarbe) }
h3           { font-family: var(--headerschrift); font-size: 24pt; font-weight: regular;}
h4           { font-family: var(--headerschrift); font-size: 18pt; font-weight: bold; color: var(--textfarbe) }
hr           { color: var(--textfarbe) }
ul			 { margin-top: 10px; margin-bottom: 10px; font-size: 14pt;}
li			 { margin-top: 0px; margin-bottom: 5px; font-size: 14pt;}
hr			 { color: #f18D27 }

a:link       { font-family: var(--basisschrift); font-size: 14pt; font-weight: bold; display: inline;
			   text-decoration-line:none; color: var(--textfarbe) }
a:visited    { font-family: var(--basisschrift); font-size: 14pt; font-weight: bold; display: inline; 
               text-decoration-line:none; color: var(--textfarbe) }
a:hover      { font-family: var(--basisschrift); font-size: 14pt; font-weight: bold; display: inline;
               text-decoration-line:none; color: red }
a:active     { font-family: var(--basisschrift); font-size: 14pt; font-weight: bold; display: inline; 
               text-decoration-line:none; color: var(--aktiverlink) }

td           { font-family: var(--basisschrift); font-size: 12pt;
			   background-size: contain; background-repeat: no-repeat; background-position: center; }

td.h1        { border:none; text-align: center; white-space: nowrap; vertical-align: top;
			   font-family: var(--headerschrift); font-size: 24pt; color: var(--textfarbe);
			   background-size: contain; background-repeat: no-repeat; background-position: center; }
			   
td.h2        { border:1px solid var(--rahmenfarbe); text-align: center;
			   font-family: var(--basisschrift); font-size: 14pt; font-weight: bold; color: var(--textfarbe);
			   background-size: contain; background-repeat: no-repeat; background-position: center; }