html { color: #222; font-size: 1em; line-height: 1.4; } 

body {
    font: 20px/26px Helvetica, Helvetica Neue, Arial;
    background: #fff;
}

img, svg, video { vertical-align: middle; } 

svg path { fill: inherit; }

#header-container { height: 300px; }

header {
    height: 265px;
    background: #eee;
    padding: 1em 0;
    width:100%;
    border-bottom: 1px solid #888;
    z-index: 2;
}

header.fixed { position: fixed; height: 15px; }

header.fixed #logo { transform: translate(-250px, -90px) scale(.25); }

header.fixed #claim { transform: translate(150px, -225px) scale(.43); }

header.fixed #claim_enaio { transform: translate(150px, -223px) scale(.45); }

header.full #logo, header.full #claim, header.full #claim_enaio {
    transform: translate(0,0) scale(1);
}

.title { color: white; text-align: center; margin: .3em 0; width: 100%; }

.main { width:1000px; margin: auto; padding: 1em 3em 3em 3em; }

#logo, #claim, #claim_enaio { display: block; margin: auto; width: 1000px; }

#claim, #claim_enaio { margin-top: .7em; }

.prod_name { display: inline; font-weight:bold; }
.dred { color:#880000; }

.awp { font-weight:bold; }

a { text-decoration-skip: ink; }

h1 { text-align:center; }

footer {
    background: #000;
    border-top: 10px solid #880000;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-left: 1em;
}

#awp_home {
    color: #fff;
    display: inline-block;
    text-decoration: none;
    margin: .5em 0;
}

#awp_logo { margin-left:.5em; width:3.8em;}

#data_privacy { color: #fff; position: absolute; right: 8em; bottom: .7em; }

#imprint { color: #fff; position: absolute; right: 2em; bottom: .7em; }
#data_privacy:hover, #imprint:hover { text-decoration: none; }

#logo_anim {
    display: none;
    position: absolute; left:-1px; top:-15px; background: #fff;
    object-fit: fill;
}

sup { font-size: 50%; }