@charset "utf-8";
body {
	font: 95% Arial, Helvetica, sans-serif;
	color: #000000;
	background: rgb(255,255,255);
	font-size: 1.1em;
	width: 100%;
	margin: 0;
	float: left;
}




*{
padding: 0;
margin: 0;
}




header {
float: left;
width:100%;
background: rgb(129,0,0);
box-shadow: 0 10px 30px rgb(200,200,200);
padding: 0;

}


	/*   Kontaktlinks oben Rechts   */
header ul {
width: 100%;
background: ;
float: right;
margin: 25px 0 20px 0;
padding: 0 0 0 0;
list-style-type: none;
letter-spacing: 1px;
font-size: 1.1em;
}

header ul li{
width: 100%;
height: auto;
background: ;
text-align: center;
margin: 5px 0;
padding: 7px 0;
color: #fff;
}

header ul li a{
text-decoration: none;
color: #fff;
}

header ul li img{
display: none;
}

.hide {
display: none;
}


	/*   LOGO MIT UNTERSCHRIFTEN   */

header figure {
min-width: 230px;
width: 50%;
position: relative;
float: left;
background: white;
margin: 0 0 0 7%;
padding: 30px 20px; 
}


header figcaption h1{
font-size: 1.1em;
text-align: center;
width: 100%;
float: left;
color: rgb(55,55,55);
letter-spacing: 3px;
}

header figcaption h2{
font-size: 0.75em;
text-align: center;
width: 100%;
float: left;
color: rgb(129,0,0);
}


header figure img {
float: right;
width: 50%;
margin: 0 25%
}

	/*    BEGRÜSSUNGSBILD RECHTS    */

header picture {
float: right;
width: 50%;
margin: 50px 40px 0;

}

header picture img {
height: 200px;
float: right;
}



	/*   NAVIGATION UNTER DEM HEADER   */


nav {
width: 100%;
float: right;
z-index: 3;
margin: 0 0 0 0;
    position: relative;
    display: inline-block;
}


nav ul {
list-style-type: none;
}


#navi{
    content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 5px;
  border-top: 15px double rgb(255,255,255);
  border-bottom: 5px solid rgb(255,255,255);
  cursor: pointer;
transition: all 0.3s linear;
}

#navi.sticky{
    content: "";
  position: fixed;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 5px;
  border-top: 15px double rgb(129,0,0);
  border-bottom: 5px solid rgb(129,0,0);
  cursor: pointer;
transition: all 0.3s linear;
}



nav ul li a{
  
	display: blocK;
	padding: 0.5em;
	border: 1px solid rgb(129,0,0);
	text-decoration: none;
	color: #000;
	background: #fff;
	}



nav ul li a:hover{
	color: rgb(255,255,255);
	background: rgb(180,50,50);
	background: linear-gradient(to right, rgb(180,50,50), rgb(129,0,0));
}


#navi ul{
visibility: hidden;
width: 280px;
margin: 30px 0 0 -240px;
}


#list {
margin: 50px 0 0 0;
padding: 0;
width: 100%;
display: block;
position: absolute;
clear: both;
float: right;
text-align: right;
box-shadow: 0 0 200px #000;
}




	/*    MAIN PART   */

main {
width: 100%;
float: right;
}

main article {
width: 100%;
float: left;
margin: 70px 0 0 0;
}

main h1 {
text-align: center;
width: 90%;
margin: 0 0 0 5%;
letter-spacing: 3px;
font-size: 1.3em;
padding: 0 0 20px 0;
border-bottom: 1px solid rgb(129,0,0);
}






	/*    RECHTSGEBIETE   */

main figure img {
	width: 100%;
	margin: 0;

}



main figure {
width: 40%;
margin: 0 4% 20px 5% ;
float: left;
border: 1px solid rgb(129,0,0);
border-top: hidden;
padding: 0;
/*
box-shadow: 0 10px 20px rgb(110,110,110);
*/
transition: all 0.2s linear;
}

main figure:hover {

box-shadow: 0 10px 20px rgb(110,110,110);
transition: all 0.2s linear;
}


main figure p {
color: blue;
width: 100%;
height: 30px;
float: left;
margin: 0;
padding: 0;
}

main article figcaption {
float: left;
position: realtive;
margin: 0;
padding: 0;
width: 100%;
text-align: center;
color: #000;
background: #fff;
font-size: 0.8em;
letter-spacing: 1px;
}


.middle {
width: 100%;
text-align: center;
color: #000;
font-weight: bold;
padding: 10px 0;
margin: 0 ;

background: transparent ;
}



	/*   TEXT ARTICLE MAIN INDEX   */

main article h2 {
color: rgb(129,0,0);
margin: 50px 0 30px 10%;
padding: 0;
float: left;
width: 80%;
font-weight: normal;
letter-spacing: 2px;
}


main article p {
color: #000;
float: left;
width: 81%;
margin: 40px 0 0 4%;
text-align: left;
font-size: 1.2em;
padding: 5%;
background: rgb(240,240,240);
}

main article p.define {
color: #000;
width: 81%;
float: left;
margin: 0 4% 0 4%;
font-size: 1.1em;
}


main article p.center {
color: #000;
float: left;
width: 85%;
margin: 20px 0 0 2%;
text-align: left;
font-size: 1.1em;
padding: 5%;
background: rgb(240,240,240);
}

main article p.up {
width: auto;
margin: 0 5% 0 0;
padding:  10px 25px;
float: right;
text-align: right;
}


.help {
clear: both;
float: left;
padding: 10px 0;
margin: 60px 0 0 5%;
width: 90%;
text-align: center;
background: rgb(240,240,240);
border-radius: 30px;
}


main article a {
color: rgb(129,0,0);
text-decoration: none;
transition: all 0.2s linear;
}


main article img.small {
width: 80%;
padding: 0;
margin: 30px 0 0 10%;
float: left;
border: 1px solid rgb(129,0,0);
}






.form {
clear: borh;
flloat: left;
margin: 0 0 0 5%;
padding: 0;
width: 90%;
height: auto;
}

.form h2 {
font-weight: 500;
font-size: 1.4em;
float: left;
width: 100%;
margin: 70px 0 20px 0;
text-align: center;
color: #000;
 }

form {
float: left;
width: 100%;
border: 1px solid rgb(129,0,0);
border-radius: 15px;
padding: 20px 0 0px 0;
}

label{
clear: both;
width: 90%;
float: left;
margin: 0 0 0 5%;
font-size: 0.8em;
}

input, textarea, select {
float: left;
width: 80.5%;
margin: 0 0 0 8.5%;
height: 50px;
border: 2px solid rgb(240,240,240);
}

textarea{
float: left;
width: 80.5%;
margin: 0 0 0 8.5%;
height: 100px;
}

legend {
width: 92%;
background: white;
float: left;
margin: 20px 0 20px 8%;
font-size: 1.5em;
}

#submit {
clear: both;
float: left;
width: 60%;
margin: 30px 0 30px 20%;
padding: 0;
border-radius: 20px;
border: 1px solid rgb(129,0,0);
background: #fff;
color: rgb(129,0,0);
font-size: 0.9em;
transition: all 0.1s linear;
}

#submit:hover {
color: #000;
border-color: #000;
background: rgba(0,0,0,0.1);
cursor: pointer;
transition: all 0.1s linear;
}


.daten {
float: left;
width: 90%;
margin: 90px 0 0 5%;
padding: 0;
}

.daten h3 {
font-weight: 500;
color: #000;
font-size: 1.7em;
text-align: center;
}

.daten iframe {
float: left;
width: 100%;
border: none;
height: 350px;
margin: 50px 0 0 0;
}

.daten ul {
list-style-type: none;
margin: 50px 0 0 0;
}

.daten ul li {
border-left: 5px solid rgb(129,0,0);
padding: 10px 0 10px 20px;
margin: 20px 0;
display: block;
}

	/*   FOOTER   */

footer {
font-size: 0.8em;
clear: both;
float: left;
width: 100%;
text-align: left;
color: white;
margin: 80px 0 0 0;
border-top : 1px solid rgb(129,0,0);
}

footer article {
width: 100%;
margin: 0 auto;
padding: 0;
background: ;
}

footer article:nth-child(2) {
    display: none;
}

footer article:nth-child(3) {
    display: none;
}


footer article a {
text-align: center;
width: 24.8%;
float: left;
padding: 10px 0;
margin: 0 0 0 0;
background:  ;
color: rgb(0,0,0);
text-decoration: none;
transition: all 0.8s linear;
border: 1px solid rgb(129,0,0);
border-top: hidden;
}


footer article a:nth-child(2) {
min-width: 160px;
width: 48%;
}

footer article a:nth-child(4) {
width: 99.5%;
border: none;
}

footer article a:hover {
color: rgb(129,0,0);
transition: all 0.2s linear;

}

.footer {
text-align: center;
font-size: 0.8em;
float: left;
width: 100%;
padding: 15px 0;
margin: 0 0 0 0;
background: rgb(129,0,0);
}


#hidden{
visibility: hidden;
}



.built {
float: left;
width: 80%;
margin: 50px 0 0 5%;
background: transparent;
}



.listing {
float: left;
margin: 0 0 20px 9%;
padding: 0;
font-size: 1.2em;
width: 90%;
}

.listing li {
border: none;
margin: 10px 0 0 5%;
padding: 0;
width: 85%;
list-style-type: circle;


}

.listhead {
color: #000;
width: 80%;
float: left;
margin: 50px 0 0 5%;
text-align: left;
font-size: 1.1em;
}


#law img.next {
margin: 30px 0 0 35%;
padding: 0;
width: 30%;
clear: both;
float: left;
border-top: 1px solid rgb(129,0,0);
}