.ca-author {
  clear: both;
  float: left;
}
.ca-left {
  float: left;
  width: 30%;
  margin-bottom: 16px;
  color: rgba(0,56,102,1.00);
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  }
.ca-left h2 {
  padding:0;
  }
div.ca-left h3 {
  float: left;
  padding: 16px 0 4px 0;
  width; 100%;
  }
.ca-right {
  float: right;
  width: 65%;
  margin-bottom: 16px;
  color: rgba(0,56,102,1.00);
  }
.ca-success {
  font-size: 1.5em;
  text-align: center;
  padding-bottom: 16px;
  }
.ca-success span {
  font-size: 2.0em;
  font-weight: 400;
  }
.ca-based_of {
  clear: both;
  float: left;
  font-size: 0.9em;
  color: rgba(0,52,102,0.8);
  }
.ca-social {
  clear: both;
  float: left;
  width: 100%;
  }
.ca-overall {
  float: left;
  display:block;
  width: 100%;
  font-size: 1.25em;
  font-weight: 400;
  padding-bottom: 10px;
  margin-top: 16px;
  }
.ca-name {
  float: left;
  font-size: 1.0em;
  display: block;
  width: 100%;
  }
.ca-name-right {
  float: right;
  text-align:right;
  }
.ca-ratingBox {
  clear: both;
  float: left;
  width: 100%;
  border-bottom: 0px solid rgba(0,52,102,1.0);
  margin-bottom: 16px;
  box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.20);
  transition: 350ms;
  /* background: rgba(0,0,0,0.05);*/
  /* background: rgba(220,253,253,1.0);*/
  }
.ca-ratingBox:hover {
  box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.40);
  transition: 350ms;
  }
.ca-overallRating {
  clear: both;
  float: left;
  display: block;
  font-size: 1.2em;
  padding-top: 18px;
  margin: 12px 16px;
  width: 70px;
  height: 70px;
  border: 4px solid rgba(0,52,102,0.750);
  border-radius: 50%;
  text-align: center;
  vertical-align: baseline;
  }
.ca-name-bewertung {
  float: left;
  width: 87%;
  margin-top: 12px;
  margin-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  }

@media screen and (max-width: 1020px) {
.ca-left {
  clear: both;
  width: 70%;
  display: block;
  margin: 0 auto;
  position: relative;
  left: 15%;
  }
.ca-right {
  width: 100%;
  }
}
@media screen and (max-width: 770px) {
.ca-name-bewertung {
  width: 100%;
  }
}
@media screen and (max-width: 640px) {
.ca-left {
  width: 100%;
  left: 0;
  }
}