@import url(https://fonts.googleapis.com/css?family=Raleway);


body {
 background-image: url("bilder/background.jpg");
 background-color: #868686;
 /* background-position: center top;  */
 background-position: center; 
 background-repeat: no-repeat; 
 background-size: cover; 
}

#karte {
  width:646px;
  height:800px;
  background-color:#bababa;
  margin-left:auto;
  margin-right:auto;
  font-family: 'arial', sans-serif;
  border-radius:5px;
  overflow:hidden;

  position: relative;
}
#kopf {
  height:428px;
  background-color:#59ABE3;
  background-color:#ffffff;
}
#profil {
  padding-top:10px;
  width:640px;
  height:300px;
  margin-left:auto;
  margin-right:auto;
  color:white;
  text-align:left;
}
#profil a {
  font-weight:bold;
}
#profil p {
  font-size:130%;
}

#stoneconcept {
  position: relative;
  overflow:hidden;
  width:640px;
  height:413px;
}
#stoneconcept_img img {
  width:640px;
}
#stoneconcept p{
  font-weight:bold;
  font-size: 18px;
  line-height: 30px;
  color:#000000;
  text-align:left;
  position: absolute;
  top: 92px;
  left: 373px;
}

#headline {
  position: absolute;
  
  color:white;
  top: 2px;
  left: 3px;
}

#social {
  background-color:#DADFE1;
  height:50px;
}
#main {
  padding-top: 20px;
  padding-left: 70px;
  padding-right: 70px;
  height:200px;

  font-size: 18px;
  line-height: 30px;
}
#footer {
  height:45px;
  width: auto;
  line-height: 20px;
  text-align: center;
}

.handwrite {
        font-family: 'Tangerine', serif;
        font-size: 48px;
}

.box {
  height:50px;
  float:left;
  color:#bababa;
  text-align:center;
  line-height:50px;
  cursor:pointer;
}
.box a {
  color:#292929;
  text-decoration:none;

  line-height:10px;
  padding-top:22px;
  float:right;
}
.box:hover a {
  color:white;
}
#mto{
  width:323px;
}
#tel{
  width:323px;
}
#mto:hover {
  background-color:#3b5998;
  color:white;
}
#tel:hover {
  background-color:#bb0000;
  color:white;
}