/* Float three columns side by side */
.columncounter {
  box-sizing: border-box;
  float: left;
  width: 50%;
  padding: 1.5%;
}

.rowcounter {width:60%;}

/* Clear floats after the columns */
.rowcounter:after {
  content: "";
  display: table;
  clear: both;
}


/* Style the counter cards */
.cardcounter {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 16px;
  text-align: center;
  background-color: #444;
  color: white;
}

.cardcounter h3 {text-transform: uppercase; font-size:22px; color:rgba(255,174,56,1); font-family: 'Noto Sans'; font-weight: normal; font-style:normal;}
.zahlcounter{font-size:50px;}

/* Responsive columns */
@media screen and (max-width: 800px) {
  .columncounter {

    display: block;
    margin-bottom: 10px;
  }
	.cardcounter h3 {text-transform: none; font-size:18px; }
	.zahlcounter{font-size:40px;}
	.rowcounter {width:100%;}
}