@media (min-width: 1px) {

* {
	margin:0;
	padding:0;
	
	font-family: 'Acme', sans-serif;
}

html, body{
    
    height:100%;
}

#navigation{
    position: fixed;
    top:0;
    z-index: 40;
    width:100%;
    height:80px;
    display:subgrid;
    
}


#Logo{
    float: left;
    margin-top:8px;
    margin-left:1%;
    position:fixed;
    z-index:41;
	/*height:70%; löschen!!!! überdeckt Seite!!  */
       
}

#SkylineLogo{display:none;
    z-index:22;
       
}

 
#menu a{
	text-decoration:none;

}

#menu a:hover {
}


.buttonhalter{
    position:fixed;
    margin: 10px 60%;
    display: inline-block;
}


.buttonhalter:hover .button1{
    background-color: transparent;
     cursor: pointer;
    
}
.buttonhalter:hover .button2{
    background-color: transparent;
     cursor: pointer;
    
}


#button1 input{
    position:absolute;
    margin-left:60px;
    width:55px;
    height:55px;
    border-radius: 30px;
    background:url(../images/england.ico);
    background-size: 50px;
    transition: all ease-in-out 0.2s;
    /*Text*/
    font-size: 2em;
    font-family: 'Acme', sans-serif;
}
#button2 input{
    position:absolute;
    margin:0 auto;
    width:55px;
    height:55px;
    border-radius: 30px;
    background:url(../images/germany.png);
    background-size: 50px;
    transition: all ease-in-out 0.2s;
    /*Text*/
    font-size: 2em;
    font-family: 'Acme', sans-serif;
}
#button1 > p{
    color:white;
    font-size:30px;
    font-family: sans-serif;
    text-align: center;
    line-height: 30px;
}
#button2 > p{
    color:white;
    font-size:30px;
    font-family: sans-serif;
    text-align: center;
    line-height: 30px;
}
#button1:hover p{
    color:#DDD;
}
#button2:hover p{
    color:#DDD;
   
}
#button1:hover input{
    background:url(../images/england.ico);
    background-size: 50px;
    transform: translateY(-20px);
    cursor: grab;
}
#button2 :hover{
    background:url(../images/germany.png);
    background-size: 50px;
    transform: translateY(-20px);
    cursor: grab;
}


#english{
    float:left;
}



.buttons{
    
    z-index:97;
    margin-top:15%;
    position:fixed;
   
}

.buttons a{
    width: 14%;
    height:50px;
    background-size:cover;
    float: right;
    margin-right:10px;
    margin-left:100%;
    margin-top: 20px;
    border: solid rgba(80,30,30) 3px;
    border-radius:10px;
    background-color:gainsboro;
    
}

.buttons :hover{
    
    background-color:cornsilk;
    background-position: center;
}

.buttons p{
    z-index: 96;
    float: left;
    margin-right:20px;
    margin-left:50px;
    margin-top: 10px;
    position:absolute;
    font-size: 1.5em;
    
    
}
.buttons a img{
    margin-top:5px;
}

#frame{
    
    float:right;
    margin-top:15%;
    margin-left:70%;
    
    position:fixed;
   
}
#referals p3{
    margin-bottom: 10px;
    font-size: 0.8em;
}
#referals a{
    margin-bottom: 10px;
    font-size: 0.8em;
    font-family:cursive;
    text-decoration: none;
}





li { list-style-type: none; }


/*-----------------------------------------*/
    
    
    
    
    



}


@media (max-width: 970px) {
#navigation{
   
    height:60px;
    
}
    
#Logo{
    float: left;
    margin-top:8px;
    margin-left:1%;
    position:fixed;
    max-width: 400px;
    z-index:-1;
       
}

#SkylineLogo{
   display:none;
       
}

 
#menu a{
    display:none;

}


.buttonhalter{
    position:fixed;
    margin: 20px 55%;
    display: inline-block;
}




#button1 input{
    position:absolute;
    z-index:90;
    margin-left:40px;
    width:35px;
    height:35px;
    border-radius: 30px;
    background:url(../images/england.ico);
    background-size: 32px;
    transition: all ease-in-out 0.2s;
   
    
    font-family: 'Acme', sans-serif;
}
#button2 input{
    position:absolute;
    margin:0 auto;
    width:35px;
    height:35px;
    border-radius: 30px;
    background:url(../images/germany.png);
    background-size: 32px;
    transition: all ease-in-out 0.2s;
   
    font-size: 2em;
    font-family: 'Acme', sans-serif;
}
#button1 > p{
    color:white;
    font-size:30px;
    font-family: sans-serif;
    text-align: center;
    line-height: 30px;
}
#button2 > p{
    color:white;
    font-size:30px;
    font-family: sans-serif;
    text-align: center;
    line-height: 30px;
}

#button1:hover input{
    background:url(../images/england.ico);
    background-size: 32px;
    transform: translateY(-15px);
    cursor: grab;
}
#button2 :hover{
    background:url(../images/germany.png);
    background-size: 32px;
    transform: translateY(-20px);
    cursor: grab;
}








.buttons p{
    z-index: 96;
    float: left;
    margin-right:20px;
    margin-left:50px;
    margin-top: 10px;
    position:absolute;
    font-size: 0.9em;
    
    
}



     a1 { text-decoration: none; color: #00A5CC; }
li { list-style-type: none; }


/*-----------------------------------------*/
    

    
    
    
}