/* @import url(https://fonts.googleapis.com/css?family=Lato:400,300);
* {
  box-sizing: border-box;
}
body {
  position: absolute;
  top: 35%;
  left: 35%;
  transform: translate(-35%, -35%);
  font-family: 'lato';
  color: #333;
} */
input[type="radio"] {
  display: none;
  border: 1px solid black;
}
input[type="radio"]:checked + label span {
  transform: scale(1.25);
}
input[type="radio"]:checked + label .farbe1 {
  border: 1px solid black;
}
input[type="radio"]:checked + label .farbe2 {
  border: 1px solid black;
}
input[type="radio"]:checked + label .farbe3 {
  border: 1px solid black;
}
input[type="radio"]:checked + label .farbe4 {
  border: 1px solid black;
}
input[type="radio"]:checked + label .farbe5 {
  border: 1px solid black;
}
input[type="radio"]:checked + label .farbe6 {
  border: 1px solid black;
}
input[type="radio"]:checked + label .farbe7 {
  border: 1px solid black;
}
input[type="radio"]:checked + label .farbe8 {
  border: 1px solid black;
}
input[type="radio"]:checked + label .farbe9 {
  border: 1px solid black;
}
input[type="radio"]:checked + label .farbe10 {
  border: 1px solid black;
}
input[type="radio"]:checked + label .farbe11 {
  border: 1px solid black;
}
input[type="radio"]:checked + label .farbe12 {
  border: 1px solid black;
}
label {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  cursor: pointer;
}
label:hover span {
  transform: scale(1.25);
}
label span {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 0.2s ease-in-out;
}
label span.farbe1 {
  background: #F44336;
}
label span.farbe2 {
  background: #e91e63;
}
label span.farbe3 {
  background: #9c27b0;
}
label span.farbe4 {
  background: #673ab7;
}
label span.farbe5 {
  background: #3F51B5;
}
label span.farbe6 {
  background: #2196F3;
}
label span.farbe7 {
  background: #03a9f4;
}
label span.farbe8 {
  background: #00bcd4;
}
label span.farbe9 {
  background: #009688;
}
label span.farbe10 {
  background: #4caf50;
}
label span.farbe11 {
  background: #8bc34a;
}
label span.farbe12 {
  background: #cddc39;
}