/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

#karte {
  width:994px;
  height:690px;
  background-color:gray;
  margin-left:auto;
  margin-right:auto;
  font-family: 'Raleway', sans-serif;
  border-radius:5px;
  overflow:hidden;
}
#kopf {
  height:640px;
  background-color:#59ABE3;
}
#titel {
  padding-top:0px;
  width:994px;
  height:40px;
  margin-left:auto;
  margin-right:auto;
  color:white;
  text-align:center;
}
#titel a {
  font-weight:bold;
  font-size:130%;
}
#profil {
  padding-top:0px;
  width:994px;
  height:640px;
  margin-left:auto;
  margin-right:auto;
  color:white;
  text-align:center;
}
#profil a {
  font-weight:bold;
}
#profil p {
  font-size:90%;
}
#profil_img {
  width:994px;
  height:640px;
  overflow:hidden;
/*  border-radius:100%;*/
  margin-left:auto;
  margin-right:auto;
/*  margin-bottom:10px;*/
}
#profil_img img {
  width:994px;
/*  margin-left:-100px;*/
}
#social {
  background-color:#DADFE1;
  height:50px;
}
.box {
  width:497px;
  height:50px;
  float:left;
  color:gray;
  text-align:center;
  line-height:50px;
  cursor:pointer;
}
.box a {
  color:gray;
  text-decoration:none;
}
.box:hover a {
  color:white;
}
#fb:hover {
  background-color:#3b5998;
  color:white;
}
#yt:hover {
  background-color:#bb0000;
  color:white;
}