/* language visibility */

.DE.unset, 
.DE.block{
  display: none;
}

:root[lang="de"] .DE.block{
  display: block;
}
:root[lang="de"] .DE.unset{
  display: unset;
}
:root[lang="de"] .EN.unset,
:root[lang="de"] .EN.block{
  display: none;
}


/* switch */

.switch-container>span{
  display: block;
}

.switch-container>div{
  padding: 0;
  display: inline-flex;
  border: solid var(--button-border-width) var(--border-color);
}

.switch-container>div:hover,
.switch-container>div:focus-within{
  box-shadow: var(--focus-box-shadow);
}

.switch-container>div>label{
  padding: 0.4em;
  display: inline-block;
}

.switch-container>div>input[type="radio"]{
  position: absolute;
  left: -9999px;
}


/* active */

.switch-container>div>input[type="radio"]:checked+label {
  color: var(--background-color);
  background-color: var(--text-color);
  box-shadow: inset 0 0 0 2px var(--background-color);
}