/* CSS Document */

  #wrapper { display: flex; flex-direction: row; }

  #wrapper #main {  order: 2; width: 58.7%; }
  #wrapper #left { order: 1; width: 16.3%; }
  #wrapper #right { order: 3; width: 25%; }

  @media screen and (max-width: 819px) {
   #wrapper  { flex-direction: column; }
   #wrapper #left, #wrapper #right, #wrapper #main {width: 100%; }
   #wrapper #main { order: 0; }
  }

  /* Nur zur besseren Darstellung - nicht relevant fuer das Layout */
  #wrapper #left, #wrapper #right, #wrapper #main { box-sizing: border-box; padding: 5px; background: white; }
  #wrapper #main {
 background: white);}

.navbar {
  background-color: #e5e5e5;
  height: 50px;
}

.navbar img {
  width: 100px;
  padding: 30px;
}

nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

nav {
  float:right;
  margin: 0;
}

li {
  display: inline;
  padding: 15px;
}

nav a {
  text-decoration: none;
  color: #353535;
  display: inline-block;
  padding-top: 15px;
}

nav a:hover {
  color: #00b2b2;
}

nav a:active {
  font-weight: bold;
}

@media screen and (max-width: 700px) {
  nav {
    width: 100%;
    margin-top: -5px;
  }

  nav li {
    display: block;
    background-color: #e5e5e5;
    text-align: center;
  }
 }

* {
  font-family: Cavaloni, Arial, sans-serif;

}
h1 {
color:rgb(155,0,0)

}

 p {color:rgb(0,0,0);
    weight: bold;}

.schrift{ font-family:Cavaloni, Arial, sans-serif;
}

body {
 background-color:rgb(155,155,155)
}
/*
img {
 height: 300px;
 width: 300px;
 object-fit: contain;
}

 .BildOben {
 width=16.3%
 }
  .BildRechts {
 width=100%
 height=600px
 }

*/
.responsive {
width: 100%;
max-width:1600px;
height:auto;
}
.rund {
        object-fit: cover;
        object-position: 50% 0;
        border-radius: 50%;
        width: 10em;
        height: 10em;
}
      input[required] {
  border-color: red;
}
h2 {
color:rgb(155,0,0);

}

.rot {
color:rgb(155,0,0);
   }