h1 {
  text-align: center;color: red;border: 2px solid orangeRed; font-size: 400%;
  Padding: 40px; font-family: verdana;
}
body {
  border: 2px solid red; padding: 35px
}
li {
  color: indigo;font-family: verdana
}
#p01 {
  color: blue;font-family: verdana
}
h2 {
  color: green;text-align: center;border: 2px solid green; padding: 30px;font-size: 475;
  font-family: verdana
}
pre {
  font-family: verdana;
}
p {
  font-family: verdana;
}
#h01 {
  margin: 30px;
}
#li01,#li02,#li03,#li04 {
  color: crimson;
}
#a01 {
  color: white; border: 2px solid OrangeRed;padding: 30px; margin: 30px;display: inline-block;
  text-align: center;background-color:OrangeRed
}
#a02 {
  color: white; border: 2px solid green;padding: 30px; margin: 30px;display: inline-block;
  text-align: center;background-color:green
}
ul {
  list-style-type: circle;
}
#ul01 {
  list-style-type: decimal;
}
#p02 {
  text-align:right;
}
#a03:hover {
  background-color:black;color:indigo;border:2px solid red;padding:30px;margin:50px
}
#a03 {
  color:white;
}
#img01 {
  padding: 15px;
}
#p03 {
  border: 2px solid blue;
}
#pre01 {
  font-family: verdana;background-image: url('2019-08-31_07.35.11.png');text-align: center;color: green; max-width: 100%;
}
#h201 {
  border: 2px solid blue; color: blue; padding: 30px; font-size: 475;
}
#pre02 {
  background-image: url('2019-09-30_16.07.14.png'); text-align: center; font-family: verdana; color: blue;
}
#h202 {
  border: 2px solid gold; color: gold; padding: 30px; font-size: 475;
}
#pre03 {
  background-image: url('2019-09-30_16.26.57.png'); text-align: center; font-family: verdana; color: gold;
}
#a04 {
  color: white; border: 2px solid green; background-color: green; padding: 30px; margin: 50px; text-align: center;
}
#a05 {
  color: white; border: 2px solid blue; background-color: blue; padding: 30px; margin: 50px; text-align: center;
}
#a06 {
  color: white; border: 2px solid gold; background-color: gold; padding: 30px; margin: 50px; text-align: center;
}
#a07 {
  color: white; border: 2px solid lime; background-color: lime; padding: 30px; margin: 50px; text-align: center;
}
.topnav {
  background-color: #333; overflow: hidden;
}
.topnav a {
  float: left; color: #f2f2f2; text-align: center;padding: 14px 16px; text-decoration: none; font-size: 17px;
}
.topnav a:hover {
  background-color: #ddd;color: black;
}
.topnav a.active {
  background-color: #4CAF50;color: white;
}
#mitwirkende {
  border: 2px solid maroon; color: maroon; padding: 30px; font-size: 475;
}
#lightlayoutactive {
  background-color: green;
}
#uebersicht {
  display: none; text-align: center; border: 2px solid green; color: green;
}
#a08 {
  border: 2px solid indigo; background-color: indigo; color: white; padding: 30px; margin: 50px;
}
#a08:hover {
  border: 2px solid blue; background-color: blue; color: black; padding: 30px; margin: 50px;
}
#lu02 {
  list-style-type: square;
}
.li01 {
  color: maroon;
}
#a09 {
  border: 2px solid red; background-color: red; color: maroon; padding: 15px; margin: 50px;
}
#a09:hover {
  border: 2px solid maroon; background-color: maroon; color: red; padding: 15px; margin: 50px;
}
#a10 {
  border: 2px solid cyan; background-color: cyan; color: blue; padding: 15px; margin: 50px;
}
#a10:hover {
  border: 2px solid blue; background-color: blue; color: cyan; padding: 15px; margin: 50px;
}
#a11 {
  border: 2px solid springgreen; background-color: springgreen; color: green; padding: 15px; margin: 50px;
}
#a11:hover {
  border: 2px solid green; background-color: green; color: springgreen; padding: 15px; margin: 50px;
}
#a12 {
  border: 2px solid yellow; background-color: yellow; color: orange; padding: 15px; margin: 50px;
}
#a12:hover {
  border: 2px solid orange; background-color: orange; color: yellow; padding: 15px; margin: 50px;
}
#a13 {
  border: 2px solid gray; background-color: gray; color: black; padding: 15px; margin: 50px;
}
#a13:hover {
  border: 2px solid black; background-color: black; color: gray; badding: 15px; margin: 50px;
}
#pre04 {
   background-image: url("2019-08-15_21.54.48.png");
}
.pre01 {
  color: #3BFF9F;
}
@media screen and (max-width: 800px) {
  .linkoff, #sec, #p03 {
    display: none;
  }
}
@media screen
  and (min-device-width: 320px)
  and (max-device-width: 480px) {
    #h01 {
      text-align: center;
      font-size: 200%;
    }
}
#altheading {
  display: none;
}
#Languageslector {
  background-image: url("world-723987_640 (3).png"); width: 15px; height: 20px; float: left;
}
#menu {
  background-image: url("menu.png"); width: 15px; height: 20px; float: left;
}
#Selectspace {
  display: none;
}
@media screen and (max-width: 800px) {
   {
    width: 400px; height: 300px;
  }
}
.Language {
  border: 2px solid blue; background-color: blue; color: white; padding: 10px; margin: 10px; text-decoration: none;
}
#a14:hover {
  border: 2px solid #000077; background-color: #000077; color: black; padding: 10px; margin: 10px; text-decoration: none;
}
#a15 {
  color: red;
}
#h203 {
  border: 2px solid #F03214; color: #F03214; padding: 30px; font-size: 475;
}
#pre05 {
  border: 2px solid #F03214; color: #F03214; padding: 30px; font-size: 457; text-align: center; background-image: url("2020-02-02_08.05.14.png");
}
#img02 {
  padding: 15px; width: 1350px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}