html {background-color: rgb(73, 73, 73);}

body {
	font-family: serif, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	color: rgb(73, 73, 73);
	hyphens: auto;
}

main, footer {
	background-color: rgb(255, 255, 255);
	max-width: 50em;
	margin: 2em;
	padding: 1em;
	box-shadow: 5px 5px 5px rgb(0, 0, 0);
}

.unsichtbar {display: none;}
.domain::after {content: "\0040weitwind.de";}

/* Listen */

ul {list-style-type: none;}

/* Text Gestaltung */

h1, h2, h3 {margin-top: 2em;}
h1 {font-size: 1.3em; color: rgb(70, 9, 70); line-height: 1.2em;}
h2 {font-size: 1.1em; color: rgb(70, 9, 70);}

q {quotes: "\00BB" "\00AB";}


/* Links */

a:link {color: rgb(70, 9, 70);}
a:visited {color: rgb(73, 73 73);}
a:hover {color: rgb(91, 136, 192);}
a:focus, a:active {border: 1px solid rgb(214, 214, 214);}
a[href^="http"]::after {content: "\0020" url(bilder/externer-link.ico);}


/** Media Queries **/

@media print { /* Drucken*/

body {background: rgb(255, 255, 255); color: rgb(0, 0, 0);}
a:link, a:visited {color: rgb(0, 0, 0); text-decoration: none;}

h1, h2, h3 {page-break-after: avoid;}
img {max-width: 200px;}

nav {display: none;}
a[href^="http"]::after {content: " (" attr(href) ") "; font-size: smaller;}
p, img {page-break-inside: avoid;}

} /* Ende Drucken */

/* Gestaltung der Webseite auf meinem RasPi. Fluessig und Responsive */