* {
    margin: 0;
    padding: 0;
}

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

body
{
  font-family: 'Arial';
  color: #444444;
  font-size:15px;
  line-height: 21px;
  background-image: url(/fileadmin/Resources/Public/Bilder/Basiselemente/Hg_stein.png);
    background-repeat: repeat-y;
    background-size: 100%;
  background-color:#f7f7f7;
}

html, body {

}

#wrapper
{
	min-height:100vh;
  position: relative;
}

/*---Nach Oben-------------------------*/  

.nachoben
{
	position: fixed;
  z-index:2000;
    bottom: 0px;
	right:5px;
  display:none;
}

.nachoben i
{
	font-size:50px;
	font-weight:bold;
    color: #383838;
}


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

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

#top
{
	border-bottom:2px solid #d1040c;
	background:#fff;
}

#top .center
{
	max-width:1200px;
	width: 90%;
    margin-left: auto;
    margin-right: auto;
  height: 100%;
}

#top.sticky
{
	position:fixed;
  z-index:1000;
	top:0px;
	height:80px;
	width:100%;
}

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

#logo
{
  width:120px;
  padding-top: 5px;
  display:inline-block;
}

#logo.sticky
{
  width: 80px;
}

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

/*top_right --------------*/  

#top_right
{
  float: right;
    width: 60%;
}

/*phone --------------*/  
#phone
{
    display:none;
}

#phone_mobil
{
	display:inline-block;
  width:50%;
}

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

/*Menü --------------*/  
#menu
{
	float: right;
    margin-top: 15px;
}

#toggleNavMain
{
	/*font-family: 'Material Icons';
	font-weight: normal;
    font-style: normal;
    font-size: 50px;
  	color:#d1040c;*/
    position: absolute;
    right: 20px;
}


#navMain
{
  	display:none;
 	background:#fff;
    position: absolute;
    z-index:1000;
    width: 55%;
    right: 0;
    top: 75px;
	border-top:1px solid #999;
}

#navMain li
{
  display:inline;
}


#navMain a
{
  color:#555555;
  display:block;
  padding:10px 0px;
  text-decoration:none;
  text-align:center;
  font-size: 20px;
  border-bottom:1px solid #999;
}


#navMain li.active a
{
  background:#d1040c;
  color:#fff;
  font-weight:bold;
}


 /*---Inhalt-------------------------*/
 
main
 {
    padding:50px 15px;
   margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
   width:96%;
   min-height: 66vh;
       background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%);
 }
 
main.sticky
 {
	padding-top: 120px;
 }

main img
{

}

  
#text
{
  width:85%;
  margin-left: auto;
    margin-right: auto;
}

/*---INHALT-------------------------*/


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

#footer
{
	background:#d1040c;
  	padding:15px 0px;
  	line-height: 22px;
  width:100%;
  position:absolute;
  bottom:0px;
}

#footer .container
{
	max-width:750px;
  	margin-left:auto;
  	margin-right:auto;
  
}

#footer, #footer a
{
  color:#fff;
}

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

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

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

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

#top
{
  height: 140px;
  border-bottom:4px solid #d1040c;
}
  
#top .center
  {
    background-image: url(/fileadmin/Resources/Public/Bilder/Basiselemente/bagger.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
  }
  
  #top.sticky
{

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

#logo
{
  width:150px;
  float: left;
}
  
  /*top_right --------------*/  

#top_right
{
  float: left;
  width: 75%;
      text-align: center;
}
  
  #top.sticky #top_right
{
    margin-left: 65px;
}  
  
	  /*phone --------------*/  
 
  #top.sticky #phone_mobil
{
	float: right;
    width: auto;
}

  
/*Menü --------------*/  
#menu 
  {
    margin-top: 20px;
    float: none;
  }
  
  #menu.sticky
  {
        margin-top: 30px;
    float: left;
  }
  
#toggleNavMain, .icon, .down
  {
    display:none;
  }

#navMain
  {
    display:block;
    background: transparent;
    position: relative;
    top: 10px;
    border:none;
    width: auto;
  }
  
  #navMain li
  {
    display:inline-block;
  }

#navMain a
  {
    display:inline-block;
    padding:6px 17px 5px 17px;
    cursor: pointer;
    font-size: 18px;
    border:none;
	color:#402d1f;
	font-weight: 500;
  }
  
  #navMain a:hover
  {
    text-decoration:underline;
  }
  
  #navMain li.active a
{
  font-weight:normal;
}
  
  
/*------------------------------------------------ Browser (ab 1275 PX) ------------------------------------------------------------*/

@media screen and (min-width:1275px)
{
	  /*phone --------------*/  
#phone_mobil
  {
    display:none;
  }
  
#phone
{
	display:inline-block;
  width:50%;
}
  
  #top.sticky #phone
{
	float: right;
    width: auto;
}

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