/* generelle Einstellungen */
/*Schriftarten: Courier,"Courier New",monospace    */
html, body {
        font-family:Helvetica,Calibri,Roboto,sans-serif;
        text-align:center;
        display:flex;
        align-items:center;
        justify-content:center;
        height:100%;
        background:#022256;
        background:linear-gradient(#314b76,#6b7e9d 50%,#314b76 );}

h1{
                font-size:2.1vw;}



    /*Link */
        a{text-decoration: none;}
        a:link {color:#000000;}
        a:visited {color:#000000;}


/* Quelltext */



        .tag {color:#697D9C;}
        .gt {color:#D2B284;}



#quelltext {position:absolute;
    	max-width:800px;
	height:90%;
        background:#172337;
	color:#AAA;
        left:1%;top:1%;
	padding:1.5em;
        text-align:left;
	overflow:hidden;
	transition: all 2s ease; 
	transition-delay:5s;
	}

#quelltext {
    animation: gr 5s;

}
@keyframes gr {from{height:0;}to{height:90%;}}
 










/* zweite Seite */

#content{
        position:relative;
        /*display:none;*/
	opacity:0;
	transition: all 2s ease; 
	transition-delay:3s;
        left:auto;
        right:auto;
        max-width:700px;
        background:#fffff0;
        z-index:1;
    	
}





#schatten {
        position:relative;
        padding:1.5em;
	box-shadow:0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1);
        background:#fff;}


        #schatten:before,#schatten:after {
                position:absolute;
                content:"";
                z-index:-2;}


#schatten{
        box-shadow:0 1px 4px rgba(0, 0, 0, .3),
        0 -30px 40px rgba(0, 0, 0, .1) inset}


        #schatten:before, #schatten:after{
                width:50%;
                height:30%;
                bottom:13px;
                left:10px;
                box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                transform:rotate(-3deg)}


        #schatten:after{
                right:10px;
                left:auto;
                transform:rotate(3deg)}


        #content img{
                width:50vw;
                max-width:400px;
                border:none;}


#Kontakt{
font-weight: 300px;}