@font-face {
  font-family: acmeFont;
  src: url(../fonts/Acme-Regular.ttf);
}
div{
    font-family: acmeFont;
}
@media (min-width: 1px){
*{
margin:0;
padding:0;
}
#navigation{
position: fixed;
top:0;
z-index: 40;
width:100%;
height:80px;
}
#Logo{
float: left;
margin-top:8px;
margin-left:1%;
position:fixed;
z-index:14;
}
#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;
}
#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;
}
#button1 > p{
color:white;
font-size:30px;
text-align: center;
line-height: 30px;
}
#button2 > p{
color:white;
font-size:30px;
text-align: center;
line-height: 30px;
}


#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;
}

.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;
}

li{
list-style-type: none;
}
/* .yt{
margin: 0 auto;
margin-top: 50px;
position: relative;
width: 150px;
height:50px;
border: outset #2c2c2c 4px;
border-radius: 10px;
text-align: center;
font-size: 30pt;
transition: .5s;
}
.yt a{
text-decoration: none;
color: #4c4c4c;
transition: .5s;
}
.yt:hover{
background: #4c4c4c;
transition: .3s;
}
.yt:hover a{
color: #fff;
transition: .3s;
}
*/@media screen and (max-width: 685px){
.container{
border: none;
width: 100%;
height: 0;
padding-bottom: 55%;
}
label span{
font-size: 50pt;
}
.prev, .next{
width: 15%;
}
#nav_slide .dots{
width: 12px;
height: 12px;
}
}

@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;
}
#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;
}
#button1 > p{
color:white;
font-size:30px;
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;
}
.language{
float:center;
position: inherit;
margin-left:50%;
margin-top:500px;
}
.sect{
height:110%;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.subSection{
position:absolute;
z-index:5;
background-color: rgb(80,60,60);
height:110px;
width:100%;
}
.subSection a1{
position:absolute;
float:center;
margin-top:60px;
margin-left:25%;
margin-right:20%;
width:330px;
}
.subSection a{
position:absolute;
z-index:50;
float:center;
margin-left:20%;
margin-top:-40px;
width:600px;
}
.about{
margin: 0 auto;
padding: 100px 0;
transform-style:preserve-3d;
transform: perspective(600px);
}
.about h2{
text-transform: uppercase;
font-size: 35px;
font-weight: 400;
line-height:50px;
}
.about h2, .about p{
transition: all 2s ease;
}
.about.hidden h2{
opacity:0;
transform:translate3d(0,0,200px) rotateY(-140deg);
}
.about.hidden p{
opacity:0;
transform:translate3d(0,0,200px) rotateY(140deg);
}
#deutsch{
position:fixed;
z-index:0.5;
margin-left:1%;
margin-right:20%;
margin-top:-1050px;
line-height: 25px;
text-align:left;
color:#546154;
font-size: 1em;
}

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

}