/* Tabs mit radio-Buttons */
.tabbed > input,
.tabbed menu > li {
  display: none;
}

.tabbed menu > li {
  padding: 20px;
  width: 100%;
  border: 1px solid silver;
  background: hsl(200, 40%, 96%);
  line-height: 1.5em;
  letter-spacing: 0.3px;
  color: #444;
}

.nav label {
  float: left;
  padding: 15px 15px;
  border-top: 1px solid silver;
  border-right: 1px solid silver;
  background: hsl(210, 50%, 50%);
  color: #eee;
}

#tab1:checked ~ menu .tab1,
#tab2:checked ~ menu .tab2,
#tab3:checked ~ menu .tab3,
#tab4:checked ~ menu .tab4,
#tab5:checked ~ menu .tab5,
#tab6:checked ~ menu .tab6,
#tab7:checked ~ menu .tab7,
#tab8:checked ~ menu .tab8,
#tab9:checked ~ menu .tab7,
#tab10:checked ~ menu .tab10 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 2em;
}

.nav label:nth-child(1) {
  border-left: 1px solid silver;
}

.nav label:hover {
  background: hsl(210, 50%, 40%);
}

.nav label:active {
  background: #ffffff;
}

#tab1:checked ~ .nav label[for=tab1],
#tab2:checked ~ .nav label[for=tab2],
#tab3:checked ~ .nav label[for=tab3],
#tab4:checked ~ .nav label[for=tab4],
#tab5:checked ~ .nav label[for=tab5],
#tab6:checked ~ .nav label[for=tab6],
#tab7:checked ~ .nav label[for=tab7],
#tab8:checked ~ .nav label[for=tab8],
#tab9:checked ~ .nav label[for=tab9],
#tab10:checked ~ .nav label[for=tab10] {
  background: white;
  color: #111;
  position: relative;
  border-bottom: none;
}

#tab1:checked ~ .nav label[for=tab1]:after,
#tab2:checked ~ .nav label[for=tab2]:after,
#tab3:checked ~ .nav label[for=tab3]:after,
#tab4:checked ~ .nav label[for=tab4]:after,
#tab5:checked ~ .nav label[for=tab5]:after,
#tab6:checked ~ .nav label[for=tab6]:after,
#tab7:checked ~ .nav label[for=tab7]:after,
#tab8:checked ~ .nav label[for=tab8]:after,
#tab9:checked ~ .nav label[for=tab9]:after,
#tab10:checked ~ .nav label[for=tab10]:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: white;
  left: 0;
  bottom: -1px;
}/*# sourceMappingURL=tabs.css.map */