/*-----------------------------------------------
| style.css                                      |
|                                                |
| release: 23.05.2019                            |
| © intellisys.io                                |
------------------------------------------------*/

html, body {
    
    font-family: Segoe UI,Helvetica,Arial;
    font-size:16px;
    
    background: #FFFFFF; 
	
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    
} 

img {
	border: 0px;
}

/*<InfoBar - DevMode>*/
#InfoBar_DevMode{
  position: relative;
  font-size:14px;
  
  height:40px;

}

.InfoBar_DevMode_Item{
  float:left;
  margin: 10px;
}
/*</InfoBar - DevMode>*/


/*<InfoBar - NoJs>*/
#InfoBar_NoJs{
  position: relative;
  font-size:14px;
  
  height:40px;
  background-color:#e9c46a;
}

.InfoBar_NoJs_Item{
  float:left;
  margin: 10px;
}
/*</InfoBar - NoJs>*/


.HeadLogo{
  
  height:90px;
  width:493px;
  
  top:100px; 
  margin:0px 0px 0px 30px;
  
  background-repeat:no-repeat;
  background-image: url('img/head-logo.png');
}

.MainWrapper {
  
  position:relative; 
  
  width:100%;
  height:100%;
  
  background-color: #ffffff;
  overflow:hidden;
  
}

.HeadRow {
  position:relative; 
  width:100%;
}

.MainRow {
  position:relative;
  height:100%;
  
  /* height:75%;
  background-color: gray; */
}

.FeedRow {
  position:absolute;
  height:10%; 
  bottom:0px;
  width:100%;
  
  background-color: green;
}

.InfoPanel{
  position: absolute;  
  top: 15%;
  /* padding: 10px 5px; */
  background-color: white;
  
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  
  width:200px;
  
  border-radius: 0;
  box-shadow: 0 0 6px rgba(0,0,0,.3);
  border: 1px solid #e3e3e3;
  
}

.PhonePanel{

}


.PhonePanel_Image{
  float:left;
  height:64px;
  width:64px;
  
  cursor: pointer;
  
  background-repeat:no-repeat;
  background-image: url('img/phone/phone-42-64.png');
}

.MailPanel_Image{
  float:left;
  height:48px;
  width:48px;
  
  margin:5px 8px 10px 8px;
  
  background-repeat:no-repeat;
  background-image: url('img/mail/email-5-48.png');

}


.AdressButtons_Post{
  float:left;
  height:48px;
  width:48px;
  
  margin:5px 8px 10px 8px;
  
  background-repeat:no-repeat;
  background-image: url('img/pin/pin-4-48.png');

}



@media screen and (max-width: 500px) {
	
	.HeadLogo{
    
    height:100px;
    width:241px;
    margin:0px auto;
    
    background-image: url('img/head-logo.small.png');
  }
	
	
	.MainText{
		
	}
		
}






/* <Sonstiges> */
.Clear_Both {clear:both;}
.Clear_Right {clear:right;}
.Clear_Left {clear:left;}


.Line_Head{background-color: rgb(240,240,240); height:3px;}
.Line_Black{background-color:#000000; height:1px;}

.Line_Gray{background-color: rgb(240,240,240); height:1px;}


/* </Sonstiges> */