/* Style the radio buttons */
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 70px;
  height: 30px;
  border: 1px solid #333;
  border-radius: 0;
  outline: none;
  margin: 0;
  transition: all 0.3s;
}

/* Style the radio buttons when they are checked */
input[type="radio"]:checked {
  background-color: #79d191;
}
/* Buttons neben und nicht unter Stimuli */ 
.miniq > .row {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #EFEFEF;
}

.miniq > .row > div {
  align-self: center;
}

.miniq > .row > .col {
  display: flex;
}

.miniq > .row + .col {
  justify-content: end;
}

.miniq > .row > .col:nth-last-child(1) {
  justify-content: start;
}
.miniq > .row > .col:nth-last-child(2) {
  justify-content: end;
}

.miniq > .row > .col-statement {
  flex: 4;
  text-align: left;
}
.miniq > .row > .col-icons {
  flex: 1 0 auto;
  width: 150px;
  white-space: nowrap;
}
.miniq > .row > .col-radio {
  flex: 1;
  width: 32.5%;

  display: flex;
  justify-content: space-between;
}
.miniq > .row > .col-radio strong {
  width: 70px;
}
.miniq > .row > .col-radio input + input,
.miniq > .row > .col-radio strong + strong {
  margin-left: 0.5rem;
}
.miniq .row{display:flex;}
/* Submit-Button in der Mitte */ 
button{
  background-color: #C1002A
;
  color: white;
  border: none;
  padding:20px 30px;
  text-align: center;
  text-decoration: none;
  width: 15%;
  transition-duration: 0.3s;
  margin:0 auto;
  display:block;
}
button:hover {
  background-color: #80001c; /*...*/
  color: white;
}
/* Styles für die geometrischen Figuren */

		.square {
			width: 20px;
			height: 20px;
			background-color: black;
      display: inline-block;
      margin: 3px;
		}
    .bigsquare {
			width: 36px;
			height: 36px;
			background-color: black;
      display: inline-block;
      margin: 5px;
		}
		
		.triangle {
			width: 0;
			height: 0;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-bottom: 20px solid black;
			display: inline-block;
      margin: 3px;
		}
		.bigtriangle {
			width: 0;
			height: 0;
			border-left: 18px solid transparent;
			border-right: 18px solid transparent;
			border-bottom: 36px solid black;
			display: inline-block;
      margin: 5px;
		}
    
		.circle {
			width: 20px;
			height: 20px;
			background-color: black;
			border-radius: 50%;
			display: inline-block;
      margin: 3px;
		}
    .bigcircle {
			width: 36px;
			height: 36px;
			background-color: black;
			border-radius: 50%;
			display: inline-block;
      margin: 5px;
		}

 .space {		
      width: 26px;
			height: 20px ;
			background-color: transparent;
      display: inline-block;
      margin: 0px; 
		}
    .bigspace {		
      width: 45px;
			height: 40px ;
			background-color: transparent;
      display: inline-block;
      margin: 0px; 
		}