body {
display: grid;
grid-template-columns: 200px auto; /*zwei Spalten*/
grid-template-rows: 200px auto 200px; /*drei Reihen*/
/*background-color: #000000;*/
font-family: "adelle-mono-flex",monospace;
/*font-family: Arial, Helvetica, sans-serif;*/
margin: 2em; /*Rand*/
gap: 10px;
cursor: url("assets/cursor.ico"), default;
}

header {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 1;
/*background-color: yellow;*/
}

nav {
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 2;
grid-row-end: 2;
/*background-color: red;*/
}

article {
grid-column-start: 2;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 2;
/*background-color: blue;*/
}

footer {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 3;
/*background-color: green;
background-image: url("assets/p1.jpg");*/
}

/*table {
  border-collapse: separate;
  border-spacing: 20px;
}*/

td,th {
border: 1px solid rgba(0, 174, 239, 0.5);
text-align: left;
padding: 8px;
vertical-align: top;
color: #00AEEF;
margin-bottom: 2px;
}

td.link-cell {
  border: 1px solid #00AEEF;
}

h2 {
color: #00AEEF;
font-variant: small-caps;
text-align:center;
/*font-size: 5em ;*/
font-family: "adelle-mono-flex",monospace;
/*font-family: Adelle Mono Flex, Arial, Helvetica, sans-serif;*/
}

p {
color: #00AEEF;
font-family: "adelle-mono-flex",monospace;
/*font-family: Adelle Mono Flex, Arial, Helvetica, sans-serif;*/
text-align:center;
}

/* unvisited link */
a:link {
color: #00AEEF;
text-decoration: none;
}

/* visited link */
a:visited {
color: #00AEEF;
}

/* mouse over link */
a:hover {
color: #00AEEF;
font-weight: bold;
}

.center {
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
}





/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * adelle-mono-flex:
 *   - http://typekit.com/eulas/00000000000000007735f0fb
 *
 * © 2009-2026 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2026-05-13 12:57:30 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=jxf4jhl&ht=tk&f=48321&a=115558969&app=typekit&e=css");

@font-face {
font-family:"adelle-mono-flex";
src:url("https://use.typekit.net/af/b390b6/00000000000000007735f0fb/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/b390b6/00000000000000007735f0fb/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/b390b6/00000000000000007735f0fb/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

.tk-adelle-mono-flex { font-family: "adelle-mono-flex",monospace; }


/* For mobile */

@media only screen and (max-width: 720px) {
body {
	margin: 0.5em;
grid-template-columns: auto;
grid-template-rows: auto auto auto;
}


h1 {
font-size: 2em

}

/*header {
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 1;
}*/

nav {
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 1;
}

nav br {
	display: none;
}
	
article {
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 2;
grid-row-end: 2;
}

footer {
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 3;
grid-row-end: 3;
}

.menu li {
display: inline-block;
}
	
  table, tr, td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

	td.link-cell {
  border:  dotted #00AEEF;
}
	
}