:link, :visited
{
    text-decoration:       none;
}

ul,ol,dl
{
    list-style:            none;
}

ul,ol,dl,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{
    margin:                0px;
    padding:               0px;
}

a img,:link img,:visited img
{
    border:                none;
}

address
{
    font-style:            normal;
}

table
{
    border-collapse:       collapse;
    border-spacing:        0px;
}

body
{
    font-family:           "Dejavu Sans", "Bitstream Vera Sans", "Verdana", "Trebuchet MS", "Garamond", "Arial", "sans-serif";
}

header, article, footer
{
    max-width:             32em;
    background-color:      skyblue;

    margin:                0.5em;
    padding:               0.5em;

    -moz-border-radius:    0.3em;
    -webkit-border-radius: 0.3em;
    border-radius:         0.3em;
    
    -moz-box-shadow:       0.3em 0.3em 0.3em #999;
    -webkit-box-shadow:    0.3em 0.3em 0.3em #999;
    box-shadow:            0.3em 0.3em 0.3em #999;
}

header
{
    display:               flex;
    flex-flow:             row wrap;
}

header section
{
    flex:                  0 1 0%;
    align-self:            flex-end;
}

svg.logo
{
    width:                 96px;
    height:                96px;
    margin-right:          1em;
}

svg.color1
{
    fill:                  #888;
}

svg.color2
{
    fill:                  #f80;
}

header h1
{
    flex:                  1 1 0%;
    align-self:            flex-end;
}

section.bild
{
    font-size:             small;
}