/**
* CSS
* @version 3.0
* @author felix pawlitzky
*/



@charset "utf-8";

html { height: 100.2%; -webkit-font-smoothing: antialiased; background:#fff; font-family: Euphemia; font-size:1.3em;
}



a{text-decoration:none;font-family: Euphemia; font-size:3.3em;margin-bottom:23px;width:50%;
font-weight:800;color: #000;
-webkit-transition:color 500ms ease-in;
-moz-transition:color 500ms ease-in;
-o-transition:color 500ms ease-in;
transition:color 500ms ease-in;
letter-spacing: 0.14em;
-webkit-transition:background-color 500ms ease-in;
-moz-transition:background-color 500ms ease-in;
-o-transition:background-color 500ms ease-in;
transition:background-color 500ms ease-in;
}
 a:hover{ color:#dadada;z-index:100;text-decoration:underline;}
#wrap {Width:100%;}
 #index {margin:0 auto;} 
#title{width: 60%;margin-top:7%;
margin-left: 20%;}
#links{Width:49%; margin:0 auto;margin-top:9%; }
#leipzig{float:left;padding-top: 10%;}
#berlin{float:right;padding-top: 10%;}

@media (min-width: 280px) and (max-width: 1115px)
{
 #index {margin:0 auto;} 
#title{width: 90%;margin-top:7%;
margin-left: 5%;}
#links{Width:90%; margin:0 auto;margin-top:9%; }
#leipzig{float:left;padding-top: 10%;}
#berlin{float:right;padding-top: 10%;}

a{text-decoration:none;font-family: Euphemia; font-size:2.3em;margin-bottom:23px;width:50%;
font-weight:800;color: #000;
-webkit-transition:color 500ms ease-in;
-moz-transition:color 500ms ease-in;
-o-transition:color 500ms ease-in;
transition:color 500ms ease-in;
letter-spacing: 0.14em;
-webkit-transition:background-color 500ms ease-in;
-moz-transition:background-color 500ms ease-in;
-o-transition:background-color 500ms ease-in;
transition:background-color 500ms ease-in;
}
}


@media (min-width: 20px) and (max-width: 280px)
{#leipzig{float:left;padding-top: 10%;}
#berlin{float:left;padding-top: 10%;}
}