body,div,p,pre {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #003399;
  font-size: 99%;
  margin: 0em;     /* oben rechts unten links */
  border: 0em; 
  padding: 0.2em;
  vertical-align: top;
  float: left;
}

body {
	background-image: url("./digitalmentor_bg.png");
	background-attachment: fixed;
}
	
header {
	border: 1px solid;
	border-color: #003399;
	border-radius: 0.5em 0.5em 0.5em 0.5em;  	/* linksoben rechtsoben rechtsunten linksunten */
	text-align: center; 
	vertical-align: top;
	padding: 0.5em;
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 1em;
}

/* https://www.drweb.de/background-image/ */
img {
	width: 400px;
	margin: 1em 0em;
/*	border: 1px solid;
*/	border-color: black;
}

footer {
	padding: 0.2em 0.2em 0.2em 0.2em;
	margin-top: 1em;
	/*
	border: 1px solid;
	border-color: #003399;
	border-radius: 0.5em 0.5em 0.0em 0.5em;  	
	*/
}


ul,ol  {
	text-align: left; 
	vertical-align: top;
	text-indent: 0em;
	margin-left: 0em;
}

p {padding: 0em 0.2em;}

h1,h2,h3 {
	text-align:center; 
	vertical-align:top;
}
h1 {font-size: 1.4em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}

td,th {
	vertical-align:top;
}

/* Klassen definieren */
.Beschreibung {
	font-size:1.25em;
	margin-bottom: 1em;
}

.Verknuepfung {margin-bottom: 0.5em;}

.legalstuff
{
	font-size:0.75em;
	font-style:italic;
	padding: 0em;
}

/* viewport etwas breiter */
@media (min-width: 28em) 
{
	img {
		width: 50%;
		margin: 0 0 1em 0em;
	}
}

/* viewport in desktop groesse */
@media (min-width: 60em) 
{
	article {
		display: grid;
		grid-template-columns: 2fr 1fr;
		grid-gap: 1.0em;
	}

	header {grid-row: 1;}
	section {
		grid-column-start: auto;
		grid-row: 2;
	}

	footer {grid-row: 3;}

	absatz {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 1.0em;
	}	
}

/*   Druckausgabe  */
@media print 
{
	body {
	font-size: 10pt;
	color: black;
	margin-left: 2cm; 
	margin-right: 1cm;
	background-color:#FFFFFF
	}
	article {
		display: grid;
		grid-template-columns: 2fr 1fr;
		grid-gap: 1.0em;
	}

	header {grid-row: 1;}
	section {
		grid-column-start: auto;
		grid-row: 2;
	}
	footer {grid-row: 3;}
}