* { margin: 0; padding: 0; }

html {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size:cover;
background-size:cover;
}

body
{
font-size: 62.5%;
font-family: 'Poiret+One', sans-serif;
color: #000;
}

#wrapper
{
width: 100%;
margin: 0 auto;
}

#header{
width: 100%;
height: auto;
/* background: url(../images/header.png) */
background:#fff;
}

.content_1
{
float:left;
}

.logo
{
margin: 4%;
width:40%;
height: auto;
float:left;
}

.kontaktbox {
margin: 4%;
float: left;
width: 100%;
font-family: 'Quicksand', sans-serif;
font-size: 18px;
font-variant: small-caps;
font-weight: lighter;
letter-spacing: 0.4px;
color: #231300;
}

#content_balken1 h1
{
font-family: 'Poiret+One', sans-serif;
font-weight: 100;
font-size: 30px;
letter-spacing: 0.2px;
color: #fff;
padding-top: 1.3%;
padding-left: 18%;
}

.überschrift_unterseiten h2
{
margin: 5% 18% 0% 18%;
font-family: 'Poiret+One', sans-serif;
font-weight: 100;
font-size: 30px;
letter-spacing: 0.2px;
color: #231300;
padding-bottom: 5%;
line-height: 40px;
border-bottom: 1.5px;
border-bottom-color: #fac600;
border-bottom-style: solid;
}

h3 {
    font-family: 'Poiret+One', sans-serif;
	font-size: 28px;
	letter-spacing: 0.4px;
	color: #231300;
	font-variant: small-caps;
	font-weight: 100;
}

h6 {
    font-family: 'Poiret+One', sans-serif;
	font-size: 28px;
	letter-spacing: 0.4px;
	color: #231300;
	font-variant: small-caps;
	font-weight: 100;
}

strong
{
font-family: 'Poiret+One', sans-serif;
font-size: 18px;
font-weight: 100;
letter-spacing: 0.2px;
color: #fac600;
line-height: 24px;
}


#main_nav
{
	float:left;
	margin-left: 0;
}

#main_nav ul
{
list-style-type: none;
margin-bottom: 2.5%;
}

#main_nav li
{
display: inline;
margin-top: 9%;
}

#main_nav a
{
text-decoration: none;
font-size: 17px;
font-weight: 100;
padding: 3px 3px 3px 3px;
letter-spacing: 0.2px;
color: #231300;
}

#main_nav a:hover
{
color: #fac600;
padding: 15px 3px 32px 3px;
border-radius: 10px 10px 0px 0px;
}

#main_nav span
{
color:#fac600;
padding: 15px 3px 32px 3px;
border-radius: 10px 10px 0px 0px;
}




ul
{
    text-align: left;
    list-style-type: none;
    font-size: 16px;
	line-height: 1.6;
    float: left;
	margin: 0 0 0 0;
}

li
{
list-style-type: disc;
padding: 10px 10px 0 20px;
color: black;
}

#unterpunkte
{
background-color: aqua;
}

#content_oben
{
width: 100%;
}


.bild
{
max-width: 100%;
height: auto;

}

.Bild
{
float:left;
border-bottom: 3px solid #fac600;
border-top: 3px solid #fac600;
}

hr
{
width: 100%;
height: 3px;
margin: 0 auto;
color: #fac600;
background: #fac600;
}


#content_balken
{
float: left;
height: 3px;
width: 100%;
margin-top:;
background-color: #fac600;
}

.container
{
float:left;
width: 100%;
margin-top: 5%;
}

.container2
{
float: left;
width: 100%;
margin: 5% 18%;
padding: 0 10% 0 7%;
text-align: center;
}

.item
{
margin-top: 5%;
padding-left: 8%;
padding-right: 8%;
flex-grow: 1;
flex-shrink: 1;
text-align: center;
	float:left;
}


#content_2
{
/* background:url(../images/1pxcontent.png);*/
width: 100%;
height: auto;
background-repeat: repeat;
padding-top: 60px;
background-color: #fff;
text-align: center;
	float:left;
}

.überschrift p
{
line-height: 20px;
width: 170px;
}



p {
font-family: 'Poiret+One', sans-serif;
font-weight: 100;
font-size: 18px;
letter-spacing: 0.2px;
color: #231300;
line-height: 24px;
}

.überschrift
{
text-align: center;
font-family: 'Poiret+One', sans-serif;
color: #231300;
}


.beschreibung, .Einleitung, .Überschrift, #content_3, #content_4
{
margin-left: 18%;
margin-right: 18%;
padding-bottom: 5%;
text-align: center;
font-family: 'Poiret+One', sans-serif;
font-size: 16px;
letter-spacing: 0.2px;
color: #231300;
border-bottom: 1.5px;
border-bottom-color: #fac600;
border-bottom-style: solid;
}

#content_3, #content_4
{
    border: none;
}


.SpLinks p
{
line-height: 18px;
width: 170px;
}

/* Unterseiten;*/

#content_balken1
{
height: 70px;
width: 100%;
background-color: #fac600;
float:left;
}


.bild_unterseiten img
{
height: 100%;
width: 100%;
}

.container_unterseiten
{
float:left;
width: 40%;
margin: 6% auto;
padding: 0 0 0 10%;

}

.container2_unterseiten
{
float: left;
width: 35%;
margin: 8% auto;
padding: 0 0 0 11%;
text-align: left;
}



.container_unterseiten p
{
text-align: left;
font-family: 'Poiret+One', sans-serif;
font-size: 16px;
letter-spacing: 0.2px;
}

.container2_unterseiten p
{
text-align: left;
font-family: 'Poiret+One', sans-serif;
font-size: 16px;
letter-spacing: 0.2px;
}



.text
{
	float:left;
	margin: 5%;
}

a.mehr
{
font-size: 18px;
font-weight: bold;
color: #fac600;
text-decoration: none
}

a {
color: #000;
}

#content_5
{
	width: 100%;

}


#footer {
	width: 100%;
	height: 200px;
	float: left;
    background-color: #fac600;
}

#footer p {
	font-family: 'Poiret+One', sans-serif;
	font-size: 12px;
	color: #fff;
	float:left;
	margin-left: 40px;
}

.Kontaktbox_unten
{
float: right;
margin-right: 23%;
margin-bottom: 8%;
font-family: 'Poiret+One', sans-serif;
font-size: 18px;
font-variant: small-caps;
font-weight: lighter;
letter-spacing: 0.2px;
color: #231300;
}





/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {

    .kontaktbox {
        margin: 2%;
    }
	
	#main_nav
    {
		margin-left: 0;
    }
    

  }



/* Larger than tablet */
@media (min-width: 750px) {

		#main_nav
		{
		float:left;
		width:1000px;
		}
    
        #main_nav a:hover
        {
            color: #fff;
            background-color: #fac600;
        }

        #main_nav span
        {
            background-color:#fac600;
            color:#fff;
        }
    
        #content_3, #content_4
        {
        float:left;
        width: 30%;
        margin: 5% auto;
        padding-left: 18%;
        text-align: left;
        }
    
        #content_4
        {
            padding-left: 5%
        }

        .element
{
	float: left;
	width: 100%;
	height: 300px;
    margin-bottom: -15%;
	background: url(../images/element.png);
	background-repeat:no-repeat;
	background-position: bottom right;
}
        
    
        
	  }



/* Larger than desktop */
@media (min-width: 1000px) {

		#main_nav
		{
			margin: 0 0 0 50px;
		
		}
	
		.logo{
		float: left;
		}


		.kontaktbox {
		float: right;
		margin:4%;
		width: 300px;
		}
	
			ul
		{
			float: right;
			margin: 5% 0 0 0%;
		}


	  }