.weathertabbed{width: 552px;height: 271px;}

.weathertabbed figure {
    display: block;
    margin: 0;
    border-bottom: 1px solid var(--hintergrund1);
    clear: both;
}

.weathertabbed > input,
.weathertabbed figure > div {
 display: none;
}

.weathertabbed figure>div {
  padding: 5px;
  width: 536px;
  height: 234px;
  border: 1px solid var(--hintergrund1);
  background: var(--hintergrund1);
  color: var(--font-color1);
  overflow: auto;
}

weathernav label {
   float: left;
   padding: 3px;
   /* border-right: 1px solid var(--hintergrund1); */
   background: var(--akzent2);
   color: var(--hintergrund3);
   width: 175px;
   height: 20px;
   font-size: 17px;
   text-align: center;
   font-family: var(--font-main);
   text-transform: uppercase;
   margin: 0px 1px;
}

weathernav label:nth-child(1) {
 /* border-left: 1px solid var(--link2); */
}

weathernav label:hover {
 background: var(--hintergrund1); 
 color:var(--akzent3);
}

weathernav label:active {
 background: var(--link2);
}

#weathertab1:checked ~ weathernav label[for="weathertab1"],
#weathertab2:checked ~ weathernav label[for="weathertab2"],
#weathertab3:checked ~ weathernav label[for="weathertab3"],
#weathertab4:checked ~ weathernav label[for="weathertab4"]{
  background: var(--hintergrund1);
  color: var(--akzent3);
  position: relative;
  border-bottom: none;
}

#weathertab1:checked ~ weathernav label[for="weathertab1"]:after,
#weathertab2:checked ~ weathernav label[for="weathertab2"]:after,
#weathertab3:checked ~ weathernav label[for="weathertab3"]:after,
#weathertab4:checked ~ weathernav label[for="weathertab4"]:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
}

#weathertab1:checked ~ figure .weathertab1,
#weathertab2:checked ~ figure .weathertab2,
#weathertab3:checked ~ figure .weathertab3,
#weathertab4:checked ~ figure .weathertab4 {
 display: block;
}