body,table,td,tr,div,p,pre,h1,h2,h3,h4 {font-family: "Trebuchet MS", comic sans ms, Helvetica, sans-serif;}

body,td,div,pre {font-size: 1em}

body {background-color:silver}

h1 {font-size: 1,3em; color: #146e98;}
h2 {font-size: 1,2em; color: green;}
h3 {font-size: 1,1em}


        

.hover { display:none; position:absolute; }
a:hover .hover { display:inline-block; left: 620px; }


ul,li,ol {margin-left: 1em}

p {font: 1em; serif;}

a { background-color: silver; }
      a:link    { background-color: silver; }
      a:visited { color: red; 
                  background-color: silver; }



@media (min-width: 50em) {
  aside {
    float: left;
    width: 50%;
  }
article {
	border: 0px solid;
	display: flex;
}

section,
aside {
	border: 0px solid red;
	padding: 5px;
	flex: 1;
}

#Inhalte-werden-zentriert {
	display: flex;
	align-items: center;
	justify-content: center;
}

img  { width: 100%
        max-width: 50px
        hight: auto;
        }