h1 {
  font-weight: bold;
  color: #B43C14;
  margin-top: 40px;
  margin-bottom: 20px;

}

h1.portfoliopage {
  padding-top: 50px;
  margin-top: 0;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}

h2.portfoliopage {
  font-weight: bold;
  color: #888;
  margin-top: 40px;
  margin-bottom: 20px;

}

.portfoliopageimg{
  height: 200px;
  margin-top: 0;
}

.navbar {
  background-color: #E7E7EF !important;
  border-bottom: 2px solid #E98126;
}


footer {
  background: #E98126;
  height: 35px;
  font-size: 10px;
  color: white;
}

li.bullet {
  margin-top: 5px;
  margin-bottom: 5px;
}

li.bullet span {
  left: calc(var(--fa-li-width, 2em) * -1.2);
  text-align: left;
}

.contactdetails {
  background-color: #E7E7EF;
  text-decoration: none;
  color: #000;
}

p.largeicon {
  color: #B43C14;
  font-size: 2.5em;
  text-align: center;
}



/* runde Fotos
-----------------*/
.circular {
        width: 200px;
        height: 200px;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        overflow:hidden;
        border: 1px solid #000;
        margin-left: auto;
        margin-right: auto;

}


/* Positioning of images */
img.alignleft, img.alignright, img.aligncenter {
    margin-top: 20px;
    margin-bottom: 20px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 20px;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 20px;
}