body { background-color: #DDDDDD; 
font-family: Brush Script MT, Segoe Script, Lucida Handwriting, cursive; 
font-size: 150%; 
text-align: right; 
line-height: 160%; 
margin: 0; 
padding: 0; 
height: 100%; 
width: 100%; 
overflow: hidden; }

#inbox { z-index: 2; 
overflow: auto; 
position: absolute; 
top: 0; 
left: 0; 
right: 0; 
bottom: 0; 
padding: 0; 
width: 60%; 
margin: 10px auto; 
text-indent: 0%; }

#ident1 { background-image: url(../PICS/TRANS1.PNG); 
margin: 5%; 
padding: 5%;
border-radius: 20px; }

#ident2 { background-image: url(../PICS/TRANS2.PNG); 
margin: 5%; 
padding: 5%;
border-radius: 20px; }

#ident3 { 
margin: 5%; 
padding: 5%;
border-radius: 20px; }

img { border-radius: 20px; max-width: 100%; height: auto; }

video { border-radius: 20px; max-width: 100%; height: auto; float: left; margin-right: 20px; margin-bottom: 20px; }

h1 { background-image: url(../PICS/TRANS1.PNG); border-radius: 20px; }

h3 { text-transform: uppercase; }

marquee { background-image: url(../PICS/TRANS2.PNG); border-radius: 20px; color: #CCCCCC; }

a.text	{ color: #F5F5F5; text-decoration: none; background-color: #393939; padding: 5px 10px; border-radius: 20px; }

<!-- /* Hier beginnt die Sektion mit dem Hintergrundbild-Einblenden */ -->

#background { z-index: 1; 
position: fixed; 
height: 100%; 
width: 100%; }

#crossfade > img { z-index: 1; 
position: fixed; 
height: 100%; 
width: 100%; 
top: 0px;
left: 0px;
color: transparent;
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-animation: imageAnimation 3s linear 0s forwards; 
-moz-animation: imageAnimation 3s linear 0s forwards; 
-o-animation: imageAnimation 3s linear 0s forwards; 
-ms-animation: imageAnimation 3s linear 0s forwards; 
animation: imageAnimation 3s linear 0s forwards; }
	
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; }
    100% { opacity: 1; -webkit-animation-timing-function: ease-out; } }

@-moz-keyframes imageAnimation { 
    0% { opacity: 0; -moz-animation-timing-function: ease-in; }
    100% { opacity: 1; -moz-animation-timing-function: ease-out; } }

@-o-keyframes imageAnimation { 
    0% { opacity: 0; -o-animation-timing-function: ease-in; }
    100% { opacity: 1; -o-animation-timing-function: ease-out; } }

@-ms-keyframes imageAnimation { 
    0% { opacity: 0; -ms-animation-timing-function: ease-in; }
    100% { opacity: 1; -ms-animation-timing-function: ease-out; } }

@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    100% { opacity: 1; animation-timing-function: ease-out; } }

<!-- /* Hier endet die Sektion mit dem Hintergrundbild-Einblenden */ -->