.persona {
  --border-width: 3px;
  --padding: 10px;
  --foto-width: 170px;
  --verdeler-lijn: 1px;
  --picture-height: 200px;
  width: calc(100% - var(--border-width) * 2 - var(--padding) * 2);
  border: var(--border-width) solid black;
  display: block;
  padding: var(--padding);
  text-align: left;
  position: relative;
}

.persona:before {
  content:'';
  position: absolute;
  left: calc(var(--padding) + var(--foto-width));
  top: 0px;
  height: 100%;
  width: 0;
  border: var(--verdeler-lijn) solid black;
}

.persona .questionmark {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  text-decoration: none;
  color: red;
  font-weight: 900;
  font-size: 30px;
  padding: 5px;
  border-bottom: 3px solid black;
  z-index: 998;
}

@media only screen and (max-width: 403px) {
  .persona .questionmark {
    top: initial;
    bottom: 5px;
    right: initial;
    left: 5px;
  }
}

.persona .questionmark a:link, .persona .questionmark a:visited {
  color: blue;
}

.persona .questionmark a:hover {
  color: red;
}

.persona .foto {
  display :inline-block;
  height: 100%;
  width: var(--foto-width);
  vertical-align: top;
}

.persona .foto img {
}


.persona .info {
  position: relative;
  display: inline-block;
  width: calc(100% - var(--padding) - var(--foto-width) - var(--verdeler-lijn));
  vertical-align: top;
}

.persona .info .naam {
  display: block;
  font-family: 'Acme';
  font-size: 20px;
}

.persona .info .partij {
  display: block;
}

.persona .info>.item {
  display: block;
}

.persona .info>.item .title {
  font-family: 'Adamina';
}

.persona .info>.item .waarde {
}

.persona .info>.item .waarde:before {
  content: '\25B7';
  padding-left: 5px;
}

.persona .info .other {
  display: block;
  margin-top: 10px;
}

.persona .info .stemmingen {
  display: block;
}

.persona .info .stemmingen .item {
  display: inline-block;
  margin-right: 5px;
}

.persona .info .stemmingen .item .waarde {
}

.persona .info .stemmingen .item .waarde:before {
  content: '\25B7';
  padding-left: 5px;
}

.persona .info .stemmingen .item .waarde:after {
  content: 'x';
}

.persona .info .stemmingen .item .title {
  font-family: 'Adamina';
}