/* CSS-File für Advance Organizer, verwendet in roe_ph, roe_ph_lvl1*/
/* großes div außenrum */
.advanceorg {
  display:flex;
  flex-wrap:nowrap;
  width:90%;
  margin:auto;
}
/* horizontale Blöcke */
.bloecke{
  display:flex;
  justify-content: center;
}
/* einzelne Boxen in den Blöcken */
.box {
  background-color: green;
  width:31%;
  padding: 1vw;
  margin: auto;
  margin-top:0.5%;
  margin-bottom:0.5%;
  text-align:center;
  display:flex;
  justify-content: flex-start;
  align-items:center;
  border: 1px solid black;
  cursor: pointer;
  text-decoration: none;
  color:black;
  font-size: calc(7px + 0.5vw);
  border-radius: 1vw;
}
.ao_lvl {
  font-weight: bold;
  margin-right: 2vw;
  float:left;
}
/* Farben der einzelnen Boxen */
#box2a {
  background-color: #00ff00;
}
#box2b {
  background-color: #ffff33;
}
#box2c {
  background-color: #33cccc;
}
#box3a {
  background-color: #00cc00;
}
#box3b {
  background-color: #cccc00;
}
#box3c {
  background-color: #009999;
}
#box4 {
  background-color: red;
  width:98%;
}
#box5 {
  background-color: blue;
  width:98%;
  color:white;
}
.box:hover {
  text-decoration: underline;
}