.container {
	margin-left:1%;
	margin-right:3%;

	
}

.container_gallery {
  position:relative;
  text-align:center;

  font-weight:bold;
  color:solid black;
  margin-top:30px;

}


#main_header, #main_header img{
    width: 100%;
    border-radius:10px;
    background:url(../img/Background3g.jpg);
    position:relative;
    top:-6px;
	

}

#main_header img{
    position:relative;
    top:-6px;
    border:3px solid #570d7c;
    box-shadow:10px 10px 5px grey;

}


/*header { /*that is the navbar*/
  border:3px solid #570d7c;
  border-radius:8px;
  box-shadow:10px 10px 5px grey; 
  width:100%;
  list-style:none;
  position:relative; 
  background:#570d7c;
  margin-top:18px;

}*/


 /******************** Navigation Textformatierungen ****************************************************/	

section {
  margin:0% 1.5% 0% 1.5%;;
  
}


/***** HTML- Überschriften H1 und H2  *************/
h1
{
    margin: 40px 0px 30px 20px;
	color:#570d7c;
	 font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
}

h2
{
    margin: 40px 0px 30px 20px;
    color:#570d7c;
    font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align:justify;
}


h3
{
    margin: 30px 0px 5px 20px;
    color:#570d7c;
    text-align:justify;
}
h4
{
    margin: 40px 0px 30px 20px;
    color:#570d7c;
    font-weight:bolder;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:1.5em;
        text-align:justify;
}

h5
{
    margin: 10px 0px 0 20px;
    color:#570d7c;
    font-weight:bolder;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:1.5em;
        text-align:justify;
}
/******************** Header Text und Bild Formatierungen ****************************************************/

.fancybox {

position:relative;
text-align:center;
width:300px;



}

/*startseite*/
.fancybox img
{
position:relative;
border-radius:20px;
box-shadow: 5px 7px 5px grey;
border:3px solid #570D7C;

}



/*Impressum*/
.fancybox1 img
{
position:relative;
border-radius:20px;
box-shadow: 5px 7px 5px grey;
border:3px solid #570D7C;
margin-top: 40px;

}



footer {

position:relative;
line-height:14px;
width:auto;
height: 50px;
line-height:1.2em;
text-align: center;
font-size:16px;
color:#570D7C;

font-weight:bolder;
margin-top:auto;
padding-top:50px;

}



 a:link{color:#570D7c;}
    a:visited{color:#666;}
    a:hover{color:#666;}
    a:active{color:#666;}




.gallery a img { 
    border:3px solid #570D7C; 
    border-radius:10px; 
    margin: 20px 37px 20px 60px; 

    box-shadow:10px 10px 5px grey;
}

.gallery1 a img { border: 2px solid purple; border-radius:10px; 
    margin:0 auto 0 auto;
    width: 250px;
    height: 250px;
    position: relative;
    left: 49%;
    top: 65%;
    
    margin-top: auto;
    box-shadow:10px 10px 5px grey;

  }

.gallery2 a img { border: 2px solid purple; border-radius:10px; 
margin:0 auto 0 auto;
    width: 250px;
    height: 250px;
    position: relative;
    left: 49%;
    top: 65%;
   
    margin-top: auto;
    box-shadow:10px 10px 5px grey;

}


.fa{
	margin-right: 7px;
 

}
.fa-list.modify{
	display: none;
	font-size: 40px;
	position: absolute;
	right: 30px;
	top:60px;
	cursor: pointer;
}
.fa-list.modify{
		display: block;
	}
  

a:active, a:focus {outline: none;}


/********* I have to add the ::after for fucking bloody mozilla firefox!!!!*********/


/************Media Queries**************/

/***********Tablet**************/