body {
background-attachment: fixed; 
background-repeat: no-repeat; 
background-position:center top; 
background-color: #CCCCFF ; 
background-image:url(images/hp-grafik/bg.jpg); 
padding: 0px;
margin: 0; 
height:100%;
width:100%; 
overflow:auto;}

html, body{
width: 100%;
min-height:100%;}

#logo {
background: transparent url(images/hp-grafik/logo.png) no-repeat center;
position: fixed; 
top: 0; 
bottom: 0; 
left: 0; 
right: 0; 
max-width:100%;
max-height:100%;
height: auto;
width:auto;  
margin: auto; 
overflow: auto;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;}

.fill {  object-fit: fill;}
.contain { object-fit: contain;}
.cover { object-fit: cover;}
.none { object-fit: none;}
.scale-down { object-fit: scale-down;}
.image-fill {width: 100%; }