body {
background-color: #000000;
color: #ffffff;
font-family: Courier New, utopia, 'liberation Serif',times, 'times new roman', serif;
line-height: 1.5;
font-size: 1.25rem;}

a {color: #fff; text-decoration: none;}

a:link {
      color: #ccc;
}
a:visited {
      color: #fff;
      }
a:hover {
      color: #333;
      }
a:active {
      color: #ff0000;
}
a.chosen:link {
      color: #FFD700;
}
a.chosen:visited {
      color: #FFD700;
      }
a.chosen:hover {
      color: #333;
      }
a.chosen:active {

      color: #00ff00;


}
address {margin-bottom: 1rem;}

td 
{ text-align:center;
}

p {
  border: none;
  font-family: Verdana;
  font-size: 15px;

}

* {
  box-sizing: border-box;
}

.flex-container {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
}


.flex-item-left {
  background-color: #000000;
  padding: 10px;
  flex: 30%;
}

.flex-item-right {
  background-color: #000000;
  padding: 10px;
  flex: 30%;
}

/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
  }
}

header .innen, .brand, .footer .innen, .portfolio
{
display: flex;
justify-content: space-between;
}

.footer {
  position: relative;
  font-family: 'Rock Salt', cursive;
  left: 0;
  bottom: 0;
  width: 100%;
  color: c8c8c8;
  text-align: center;
}


brand {padding: 1.75rem 0 2rem 0;}
.brand img {height: 110px; width: auto; border-radius: 50%;}
.slogan h1, .slogan p {margin: 0; line-height: 1;}
.slogan {
padding-left: 1rem;
display: flex;
flex-direction: column;
justify-content: space-around;
}