* {
    margin: 0;
    padding: 0;
}

/*--- Allgemein -------------------------*/

body
{
  font-family: 'Open Sans', sans-serif;
  color: #7b7a7a;
  font-size:17px;
  line-height: 24px;
  min-height: 100vh;
      background-image:url(/fileadmin/Resources/Public/Bilder/Basiselemente/hintergrund.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
}
#wrap  
{
  max-width: 1200px;
  width:95%;
    margin-left: auto;
    margin-right: auto;
  background:#fff;
  
}

/*--Cookie-------------------------*/  

#cookieconsent\:body > div > a
{
  color:#333;
}




/*------------------------------------------------ Mobil --------------------------------------------------------------*/

/*---KOPF-------------------------*/  

#top
{	
	z-index:1000;
	top:0px;
	height:100px;
	max-width:1000px;
	width: 90%;
    margin-left: auto;
    margin-right: auto;
}



/*LOGO --------------*/

#logo
{
  max-width:350px;
  width:70%;
  padding-top: 10px;
  display:inline-block;
  position: relative;
    z-index: 1500;
}


#logo img
{
	width:100%;
    height:auto;
}

 /*---Key-------------------------*/

#key
{
  position:relative;
  z-index:50px;
  top:-30px;
}

  #key img
{
    width:100%;
  height:auto;
}

 /*---Inhalt-------------------------*/

main
{
  margin-bottom:100px;
  margin-top:30px;
      min-height: 60vh;
  width:85%;
  margin-left:auto;
  margin-right:auto;
}




 /*---Footer-------------------------*/

#footer
{
	background:#7b7b7a;
  	line-height: 30px;
    font-size: 15px;
  width:100%;
}

#footer .container
{
	max-width:1000px;
  width:85%;
  	margin-left:auto;
  	margin-right:auto;
  color:#FFF;
  padding:15px 0px;
  text-align:center;
}

#footer li
{
  display:inline-flex;
}

#footer a
{
  color:#fff;  
  text-decoration:none;
  display:inline-block;
  padding:15px;
}
#footer .button
{
  background:#fff;
  padding:10px 5px;
  
}

#footer a:hover
{
  text-decoration:underline;
}


#footer ul
{
  text-align:center;
}

#footer li
{
  padding:10px 30px;
}

#footer div.ce-gallery 
{
  float: left;
    padding: 0px 12px 0px 0px;
}

#footer .ce-bodytext
{
  display:inline;
}


/*------------------------------------------------ Browser (ab 908 PX) ------------------------------------------------------------*/

@media screen and (min-width:900px)
{
  main .frame-layout-3
{
  width:70%;
  margin-left: auto;
    margin-right: auto;
}

}
/*------------------------------------------------ Browser (ab 1150 PX) ------------------------------------------------------------*/

@media screen and (min-width:1150px)
{  
  
/*---KOPF-------------------------*/  

#top
{
  height: 100px;
}
 
  /*LOGO --------------*/

#logo
{
  float: left; 
  position:absolute;
}



 /*---Inhalt-------------------------*/



  

  
  
/*------------------------------------------------ Browser (ab 1275 PX) ------------------------------------------------------------*/

@media screen and (min-width:1275px)
{
	
}