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:white}

h1 {font-size: 1,6em; color: #000000; text-align: center;}
h2 {font-size: 1,2em; color: green; text-align: center;}
h3 {font-size: 1,1em}
h5 {font-size: 1,4em; color: green; text-align: center;}
pre, h4 {font-size: 2.5em; color: black; text-align: center;}

        

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


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

<<<.formatiert p    {font: bold .9em/150% Georgia,Times,serif; }

p  { font-size: 1.2em; text-align: center;}

a { background-color: silver; }
      a:link    { background-color: white; }
      a:visited { background-color: white; }
                  
#bereich 1{
    background-color: yellow;
    width: 400px;
    height: 100px;
    padding: 10px;
    margin: 60px;
    border: 3px green solid;
}
                  
 /* #inhalte-werden-zentriert {
  display: flex;
  align-items: center;
  justify-content: center;
}*/
                  
/* img {
  width: 100%;
  max-width: 100px; 
  height: auto;
  justify-content: center;
}*/

var _resolutions = {
  '480x320': 'Mobile',
  '800x600': 'Small tablet',
  '1024x600': 'Tablet 7″',
  '1280x800': 'Tablet 10″',
  '1024x768': 'iPad mini',
  '2048x1536': 'iPad mini Retina',
  '1024x768': 'iPad 2',
  '2048x1536': 'iPad Air',
}