@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Rokkitt:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
body{margin: 0px;padding: 0px; font-family: sans-serif;background: #3c3c3b url(bg.jpg) top center no-repeat fixed; background-size:cover}
h1{font-family: 'Rokkitt', serif;color: #a1d9f7;font-size: 4em}
h2{margin-top: 1.25em;font-family: 'Rokkitt', serif;color: #a1d9f7;font-size: 2.75em}
.tuerkis{color: #a1d9f7}
.grau{color: #575756}
.bold {font-weight: bold;}
#disclaimer{margin: 3em 0;font-size: 0.8em}
.maxwidth{width: 100%;max-width: 1260px;margin: auto}
#logo{width: 15%; height: auto;position: fixed;left: 0px; top: 0}
#logo img{width: 100%; height: auto}
nav{right: 0; top: 0;position: fixed;}
nav a{background: #a1d9f7;color: #333;padding: 0.4em 0.4em 0.3em 0.4em;line-height: 2.1em;font-size: 1.1em;font-weight: bold;font-family: 'Rokkitt';text-decoration: none;margin-right: 2px}
nav a:hover{padding: 0.4em 0.4em 0.6em 0.4em; }
#main{margin: 0 30% 0 20%;background: rgba(0,0,0,0.6);min-height: 100vh;color: #eaeaea;padding: 1.4em 2em;box-sizing: border-box;font-family: Roboto;font-size: 0.9em}


#main ul{line-height: 1.75em}
#main a{font-weight: bold; color: #a1d9f7}
footer{right: 0; bottom: 0;position: fixed;}
footer a{color: #a1d9f7;;padding: 0.4em;line-height: 2.1em;font-size: 1.1em;font-weight: bold;font-family: 'Rokkitt';text-decoration: none;margin-right: 2px}
footer a:hover{border-top: 2px solid #a1d9f7}
#map{width: 100%; height: 33vh}
#kontaktseite{ background-image: url(bg_kontakt.jpg);}
#startseite{ background-image: url(bg_index.jpg);}
#honorar{background-image: url(bg_team.jpg);}
#rechtsgebiete{background-image: url(bg_recht.jpg);}
#teamseite{background-image: url(bg_honorar.jpg);}
#links{background-image: url(bg_links.jpg);}
#impressum{background-image: url(bg_impressum.jpg);}
.teampic{float:right; margin: 0em 0.2em 4em 5%;width: 34%;height: auto}
.fb{;margin: 0 auto;text-align:center;display: block;border-top: none}
.fb:hover{border: none;color: #fff}
@media screen and (max-width: 900px){
body{font-size: 0.9em}
#main{margin: 0 auto;width: 95%;box-sizing: border-box;	
}
h1{font-size: 1.4em}
h2{font-size: 1.25em}

nav{text-align: center;background: #a1d9f7;position:relative;left: auto; top: auto}
nav a, nav a:hover{display: inline-block;padding: 0 0.3em;border:none;box-sizing: border-box;}
nav a:hover{text-decoration: underline}
#logo{width: 100%; height: auto;position: relative;text-align:center;display: block}
#logo img{width: 30%; height: auto;margin: 0 auto}
footer{width: 100%;text-align: center;position: relative}