body, h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.4em;
}
/* possible other nice font: Amatic SC: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Amatic+SC">*/

body, html {
  height: 100%;
  color: #777;
  line-height: 1.8;
}
/* Create a Parallax Effect */

.bgimg-1, .bgimg-2, .bgimg-3 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* First image (Logo. Full height) */

.bgimg-1 {
  background-image: url('pictures/children.jpg');
  min-height: 100%;
  /*Source: https://commons.wikimedia.org/wiki/File:Piggy-back_ride_(Unsplash).jpg */
}
/* Second image (Portfolio) */

.bgimg-2 {
  background-image: url("pictures/pencils_2000x1200.jpg");
  min-height: 400px;
}
/* Third image (Contact) */

.bgimg-3 {
  background-image: url("pictures/entrance.jpg");
  min-height: 400px;
}

.w3-wide {
  letter-spacing: 10px;
}

.w3-hover-opacity {
  cursor: pointer;
}
/* Turn off parallax scrolling for tablets and phones */

@media only screen and (max-device-width: 1024px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
  }
  .bgkonakt {
    background-color: rgba(119, 119, 119, .5);
    text-align: center;
  }
}

/*styling kontakt button in home*/

.Kbutton {
  color: #fff;
}

.Kbutton.hover {
  color: #292929;
  background: #fff;
}

div#profilepic {
  min-height: 15em;
  margin:3em 0 0 0;
  position: relative;
}

div#profilepic img {
  position: absolute;
  height: 10em;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

/*styling the 'CV' elements of the über mich section*/

.CVitem {
  height: 15em;
  margin:3em 0 0 0;
}

table#CVtable {
  border-collapse: collapse;
  padding: 0.5em 0 0.5em 0;
}

table#CVtable td {
  padding-top: 1em;
  padding-bottom: 1em
}

table#CVtable td:nth-child(even) {
  text-align: left;
  padding-left: 0.5em;
}

table#CVtable td:nth-child(odd) {
  text-align: right;
  border-right: 1px solid black;
  padding-right: 0.5em;
}
