/* Gesamtbreite: 55em */
/* Block links:  40em (auch 10em + 30em) */
/* Block rechts: 15em */
 /*-------------------------------------------------------------------*/
#sprache_knopf {
  font-size: 2.5em;
  color: black;
  background-color: #aaebff;
  margin: 0.2em;
  padding:   0.5em;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
#siezen_knopf {
  font-size: 2.5em;
  color: black;
  background-color: #aaebff;
  margin: 0.2em;
  padding:   0.5em;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
#klotz {
  width: 50%;
  height: auto;
}
#blassbild {
  width: 95%;
  margin: 1em;
}
 /*-------------------------------------------------------------------*/
li {
  margin-left: 2em;
}
ul.haken {
  list-style-type: none;
}
 /*-------------------------------------------------------------------*/
.times {
  font-family: "Times New Roman", Times, serif;
}
.helvetica {
  font-family: Arial, Helvetica, sans-serif;
}
.versal {
  font-size: 2em;
  font-weight: bold;
}
.listimage {
  float:left;
  width:1.5em;
}
.aus {
  display: none;
}
.blass {
  background-color: #f1f1f1;
}
.flex_titel {
  display: flex;
  flex-direction: row;
  margin: 1em;
  width: 95%;
/*align-items: center;*/
/*justify-content: space-between;*/
}
.flex_horizontal {
  display: block;
/*flex-direction: row;*/
  width: 100%;
/*align-items: center;*/
/*justify-content: space-between;*/
}
.flex_vertikal {
  display: flex;
  flex-direction: column;
/*align-items: center;*/
/*justify-content: space-between;*/
}
.flex_horizontal_umgekehrt {
  display: block;
/*flex-direction: row-reverse;*/
  width: 100%;
/*align-items: center;*/
/*justify-content: space-between;*/
}
.siegel {
  width: 100%;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.relativ {
  position: relative;
  z-index: 1;
}
.titel {
  color: black;
  width: 40%;
  margin: 1em;
  font-size: 3em;
  font-weight: bold;
  text-align: center;
}
.foto {
  width: 90%;
  height: auto;
  margin-left: 1em;
}
.masze {
  font-size: 3em;
  width: 60%;
  margin: 0em;
}
.absatz {
  width: 90%;
  margin-left: 1em;
}
.block {
  width: 0em;
  margin: 0em;
}
.links {
  width: 90%;
  margin-left: 1em;
}
.impressum_rechts {
  font-size: 1.5em;
  width: 50%;
  margin: 1em;
  font-style: italic;
}
.eingabeflaeche {
  width: 96%;
  margin: 0em;
  font-size: 4em;
}
.eingabefeld {
  margin: 0em;
  height: 1em;
  font-size: 4em;
}
.knopf {
  font-size: 2.5em;
  width: 40%;
  z-index: 2;
  color: black;
  width: 12em;
  background-color: #aaebff;
  margin: 1em;
  padding: 1em;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
.unknopf {
  font-size: 2.5em;
  width: 40%;
  color: gray;
  width: 12em;
  background-color: #aaebff;
  margin: 1em;
  padding: 1em;
  text-align: center;
}
.schalt {
  font-size: 2.5em;
  width: 30%;
  z-index: 1;
  color: black;
  background-color: #aaebff;
  margin: 1em;
  padding: 1em;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
.schwebesiegel {
  font-size: 1.5em;
  width: 30em;
  z-index: 1;
  background-color: white;
  margin: 1em;
  padding: 1em;
  position: absolute;
  top: 7em;
  left: 6em;
}
.schwebekasten {
  width: 20em;
  z-index: 1;
  background-color: white;
  margin: 1em;
  padding: 1em;
  position: absolute;
  top: 9.5em;
  right: 1em;
}
.schwebehinweis_rechts_oben {
  font-size: 1.5em;
  width: 30em;
  z-index: 2;
  background-color: white;
  margin: 1em;
  padding: 1em;
  position: absolute;
  bottom: 74em;
  right: 0em;
}
.schwebehinweis_rechts_unten {
  font-size: 1.5em;
  width: 32em;
  z-index: 2;
  background-color: white;
  margin: 1em;
  padding: 1em;
  position: absolute;
  bottom: 0em;
  right: 0em;
}
.schwebeimpressum {
  font-size: 2.4em;
  width: 12em;
  z-index: 1;
  background-color: white;
  margin: 1em;
  padding-left: 1em;
  position: absolute;
  top: -3em;
  left: 10em;
}
.matrix {
  display: grid;
  grid-template-columns: 60% 10em 10em;
}
.fehlermeldung {
  width: 95%;
  border-width: 0.5em;
  border-color: red;
  border-style: solid;
  padding: 0.5em;
  font-weight: bold;
}
.copy {
  font-size: 1.5em;
}
.mittig {position: fixed;
         z-index: 9999;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
body {
  display: flex;
  justify-content: center;
}
.wrapper {
  width: 40em;
}
.rot {
  color: red;
}
    iframe {
      width: 100%;
      max-width: 40em;
      height: 800px;
      border: none;
      box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }