@charset "UTF-8";

body {
    background: #fff;
}

body, body * {
    font-family: 'Josefin Sans', sans-serif;
}

section:after {
    display: block;
    clear: both;
    content: '';
}

input, textarea, select {
    display: block;
	  box-sizing: border-box;
	  font-size: 17px;
	  padding: 9px 10px;
	  border: 1px solid #e3e3e3;
	  margin: 6px 0 19px;
	  width: 100%;
	  border-radius: 5px;
}

option {
    padding: 0;
}

/**
 * Misc classes
 */
.hidden {
    position: absolute;
    clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.clear {
    clear: both;
}

strong {
    font-weight: bold;
}

i {
    font-style: italic;
}

a:link, a:visited {
    color: #0e72b5;
    text-decoration: underline;
}

a:hover, a:active {
    color: #2689cb;
}

.small {
    font-size: 14px;
}

.sectionTitle {
    font-size: 20px;
    text-transform: uppercase;
	font-size: 1.9vw;
	margin-bottom: 10px;
}

.calcResult .sectionTitle {
	font-size: 23px;
  margin-bottom: 5px;
}


.sectionSubtitle {
    font-size: 17px;
}

.inputPseudoText {
    position: relative;
    height: 66px;
}

.inputPseudoText input {
    position: absolute;
    top: 0;
    left: 0;
}

.inputPseudoText .pseudoText {
    position: absolute;
    top: 20px;
	  right: 11px;
	  color: black;
}

#sctRechner .calcResultValue {
  color: #0e72b5;
  font-size: 30px;
  margin-top: 10px;
}

.calcdesc p {
  margin-bottom: 10px;
}

.ratingWidgetWrapper {
  border: 1px solid #9d9d95;
  margin-top: -13px;
}

.rating_widget {
  height: 100%;
  border: 1px solid #fff;
  background: #e5e5e5;
  background: -moz-linear-gradient(top, #e5e5e5 0, #fefefe 26%, #fff 29%, #d9d9d9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), color-stop(26%, #fefefe), color-stop(29%, #fff), color-stop(100%, #d9d9d9));
  background: -webkit-linear-gradient(top, #e5e5e5 0, #fefefe 26%, #fff 29%, #d9d9d9 100%);
  background: -o-linear-gradient(top, #e5e5e5 0, #fefefe 26%, #fff 29%, #d9d9d9 100%);
  background: -ms-linear-gradient(top, #e5e5e5 0, #fefefe 26%, #fff 29%, #d9d9d9 100%);
  background: linear-gradient(to bottom, #e5e5e5 0, #fefefe 26%, #fff 29%, #d9d9d9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#d9d9d9', GradientType=0);
  padding: 11px;
}

.rating_widget li {
  margin-bottom: 15px;
  list-style-type: disc;
  margin-left: 19px;
}

.rating_widget .title {
  font-weight: bold;
  text-align: center;
}

.rating_widget span {
  color: rgb(255, 232, 0);
  font-size: 20px;
}