@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/css?family=Muli:300);*/

html{
-webkit-text-size-adjust: 100%;
}

body{
color:#0B2465;
font-family:"Muli","campton", "arial","sans-serf";
font-size:62.5%;
background-color:#fff;
text-align:center;
}

div#container{
	max-width:780px;
	width:100%;
	margin:0 auto;
}
a{
text-decoration: none;
color:#0B2465;//#7189B1;
}
a:hover{
color:#FF470B;
}
div#logo img{
text-align:center;
padding-left:4%;
margin:14%;
width:70%;
}
#impressum{
margin:20%;
}

/*moji size*/
h1{
font-size:5.4em;/*54px*/
margin:0;
}
h2{
font-weight:lighter;
font-size:1.8em;
margin:0;
}
h3{
font-size:1.0em;
font-weight:lighter;
margin-top:8%;
}

p{
font-weight:lighter;
font-size:1.6em;/*16px*/
}

/*button*/
#button{
padding-top:5%;
padding-left:48.2%;
}
.btn {
    color: #fff;
    text-decoration: none;
    text-align: center;
    position: relative;
    z-index: 10;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
 
.btn::before {
    content: '';
    background-color: #fff;
    display: block;
    position: absolute;
    width: 19px;
    height: 19px;
    z-index: -1;
    border-radius: 50%;
    box-shadow:
        0 0 0 0 #fff,
        0 0 0 0 #7189B1;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}
.btn:hover::before {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    box-shadow:
        0 0 0 15px #fff,
        0 0 0 17px #FF470B;//#7189B1;
}