/* allgemeine Deklarationen */
*{padding:0;margin:0;outline:none;}
html,body{width:100%;height:100%}
body {font-family:'nunito',helvetica, sans serfif;background-color: white; font-size:16px;}
.container{max-width:1200px;margin: 0 auto; background-color: #ccc;position:relative;min-height:100vh;}
.container:after{content:""; }
h1 {font-size:45px;font-weight:700;padding-bottom:15px; #333; font-family:oswald;}
h2 {font-size:35px;font-weight:700;padding-bottom:15px; #333;padding-left:10px;font-family:oswald;}
h3 {font-family: 'Open Sans Condensed', sans-serif;font-size:25px;font-weight:700; margin: 5px 0 5px 0;
border-bottom:2px solid #ff02e2;}

p {font-style:normal; text-align:justify;padding: 0px 10px;padding-bottom: 16px;}
ul, li {margin-left:0px;padding-left:10px; list-style:square inside;}
a{color:white}

/* Farben */
.farbe1{background-color:rgba(255,255,255,0.4);color:black;}
.farbe2{background-color:#404A63;}


/* Formen = Klassen allgemein */
.quadrat{
max-width:310px;
width:100%;
height:310px;
margin:0 10px 10px 0;
float:left;}
.quadrat h2{padding-top:40px;}
.hochkant{
width:310px;
min-height:620px;
margin:0 10px 10px 0;
float:left;
}
.hochkant h2{padding-top:40px;}
.quer-2{
max-width:620px;
width:100%;
min-height:310px;
margin:0 10px 10px 0;
float:left;}

.quer-2 h2{padding-top:40px;}


/*   IDs       */
#header{
background:url(justizpalast.jpg) no-repeat center;
background-size: auto 100%;
width:100%;
height:362px;
position:relative;
margin-bottom:120px;
}

#header h1{
margin-top:0px;
margin-left:20px;
padding:10px;
max-width:500px;
position:absolute;
top:50px;
left:0px;
}

#navigation{
position:absolute;
bottom:10px;
left:10%;
}

#navigation li, #navigation a {
color:black
}
#adresse{
background:#000;
color:white;
padding:5px;
position:absolute;
bottom:-10px;
right:20px;
}

#content{
max-width:960px;
width:100%;
margin:10px auto;}

#rechtsgebiete{
position:relative;
}

#rechtsgebiete img{
display:block;
border-radius:125px;
border:solid 5px white;
position:absolute;
top:-40px;
right:20px;}