html, body  {margin: 0;padding: 0; text-align: center;}
section     {min-height: 60%;}
li          {list-style-type: none;}   /* Aufzählungszeichen weg */
h1, h2,h3, a {font-size: 2em;font-family: 'Roboto', sans-serif; font-weight: 500; color: #494949;text-transform: uppercase;}
a           {text-decoration: none;}   
h2          {color: #5d7177;}
h3          {font-size: 40px; padding-top: 8%; margin-bottom: 5px;}
h4, p, label, li, .button {  font-family: 'Roboto Slab', serif;  color: #494949;text-transform: uppercase;}
hr          {width: 30px;  height: 3px;  background: #494949;  border: 0;  
            margin: 0 auto 40px auto;}
#logo, li, img, .button, .fa-bars {transition: all 300ms;}
 
/*hr          {width: 30px;  height: 3px;  background: #494949;  border: 0;  
            margin: 0 auto 40px auto;}

*/    


/* H E A D E R  */
header  {width: 100%;   height: 65px;   position: fixed;    top: 0; left: 0;
        background: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        z-index: 1; }
#logo       { width: 140px; float: left; margin: 5px 0 0 1%;   }
#logo:hover { opacity: 0.5;  }
#logo img   { width: 40%; float: left;  }
header nav              {float: right;   margin: 10px 50px 0 0;  }
header nav ul li        {float: left;       margin-left: 25px;    color:#870505;  }
header nav ul li:hover  {padding-top: 5px;  }
#menuSuche            { } 
 /*#interessentenmodus            {padding-top: 0px;  }*/

 /* S E C T I O N  : A N Z E I G E A N Z E I G E N  */
#anzeigeAnzeigen   {text-align: left; color: blueviolet;}                

/* S E C T I O N  :    H O M E B E R E I C H */
#homeBereich    {height: 780px;}                /* HEADER 65PX, FOOTER 65PX*/

/* S E C T I O N  :  S U C H E  */
#suche h1       {margin: 80px auto 0 auto;}
#sucheFormular  {margin: 10px auto 0 auto;}
#suchergebnisse {display: none;}


/* S E C T I O N  :  B I E T E  */
#fensterBiete   {display: none; padding-left: 4em; text-align: left; }
.bieteFeld      {float: right; margin-right: 70%;}
#biete h1       {margin: 80px auto 0 auto;}
#bieteFormular  {margin: 10px auto 0 auto;}

/* S E C T I O N  :  Ü B E R U N S  
#fensterUeberUns   {display: none;}*/
#fensterUeberUns   {margin: 80px auto 0 auto;}

/* S E C T I O N  :  K O N T A K T */
#fensterKontakt  {/*display: none;*/}
#fensterKontakt  {margin: 75px auto 0 auto;}

/* F O O T E R  */
footer  {width: 100%;       height: 65px;       background-color: #3f3f3f; }
footer p{font-size: 12px;    color: #f0f0f0;    padding-top: 25px;  }


/* KOntakt*************************/
#Contact{
background-color: white;
}
form input, textarea {
  font-family: 'Roboto Slab';
  font-size: 15px;
  border-radius: 2px;
  border: 2px solid;
  border-color: #494949;

}


form input:first-child{
  margin-top: 10px;
}


form input{
  width: 552px;
  height: 30px;
}

form textarea{
  width: 550px;
  height: 200px;
  resize: none;
}

.input_text {
  color: #494949;
  padding-left: 10px;
}

::-webkit-input-placeholder {color: #999999;}
::-moz-input-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}
:-moz-input-placeholder {color: #999999;}

.button{
  background-color: #F0F0F0;
  color: #494949
  width: 566px;
  height: 50px;
}

.button:hover {
  background-color: #494949;
  color: #F0F0F0;

}

/* A N Z E I G E     A N Z E I G E N   */

/* A N Z E I G E    G R U N D D A T E N*/
#Grunddaten   {width: 100%; Height: 150px; background-color: Lightgrey;}
#grunddaten   {width: 70%; margin: 0 5% 0 10%;}
#grunddaten ul{padding: 0;}
#grunddaten ul li{width: 33.3%; float: left; margin-bottom: 15px;}

/* O B J E K T B E S C H R E I B U N G */
#Objektbeschreibung  {margin: auto 10% auto 10%; background-color: blue;position: relative;}

/* A U S S T A T T U N G */
#Ausstattung  {margin: auto 10% auto 10%; background-color: red;position: relative;}

/* A N Z E I G E     B I L D E R    */
#Bilder       {background-color: lightgray;height: 450px;padding-top: 5px;}
#bilder       {width: 900px; margin: 0 auto 0 auto;}
#bilder ul    {padding: 0;}
#bilder ul li {width: 33.3%;float: left;margin-bottom: 15px;}
#bilder img   {width: 280px;height: 170px;border-radius: 5px;}
#bilder img:hover {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
                -o-transform: scale(1.1);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);}

/* B U T T O N A N Z E I G E */
#ButtonAnzeige  {margin: auto auto; background-color: red;  width: 100%;
  height: 25px;padding-top: 5px;}