@charset "UTF-8";
#new-review #total-impression {
  padding-left: 5px;
}
#new-review {
  counter-reset: section;
}
#new-review h2 {
  font-size: var(--font-size-headline);
}
#new-review h3 {
  font-size: var(--font-size-sub-headline);
}
#new-review > header {
  margin-bottom: 0;
  background-color: #f4f3ee;
}
#new-review > header a {
  float: right;
  display: block;
  border: 2px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  user-select: none;
}
#new-review > header a:disabled, #new-review > header a.disabled {
  cursor: default;
  opacity: 0.3;
  pointer-events: none;
}
#new-review > header a {
  color: #0072a2;
  background-color: transparent;
  border-color: rgba(0, 114, 162, 0.6);
  padding: 20px;
}
#new-review > header a::before {
  content: "";
  display: inline-block;
  margin-bottom: 2px;
  margin-right: 20px;
  border-top: 1px solid #0072a2;
  border-right: 1px solid #0072a2;
  overflow: hidden;
  width: 7px;
  height: 7px;
  transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
}
#new-review > header a {
  font-size: 2rem;
}
#new-review > header a:hover {
  color: #fb6920;
  border-color: #fb6920;
}
#new-review > header a:hover::before {
  content: "";
  display: inline-block;
  margin-bottom: 2px;
  margin-right: 20px;
  border-top: 1px solid #fb6920;
  border-right: 1px solid #fb6920;
  overflow: hidden;
  width: 7px;
  height: 7px;
  transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
}
@media (max-width: 970px) {
  #new-review > header a {
    display: none;
  }
}
#new-review > header .name {
  display: block;
  margin-top: 5px;
}
#new-review > header .description {
  font-size: var(--font-size-sub-headline);
  margin-top: 20px;
  max-width: 500px;
}
#new-review #error_explanation {
  display: inline-block;
  width: 100%;
  border: 3px solid red;
  padding: 15px;
  margin: 20px 0;
}
#new-review #error_explanation h1 {
  font-size: var(--font-size-headline);
  margin-bottom: 10px;
}
#new-review #error_explanation li.error_item {
  list-style-type: disc;
  list-style-position: inside;
}
#new-review .review-section::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#new-review .review-section {
  background-color: #e8f0f2;
  margin: 1px 0;
}
#new-review .review-section:first-of-type {
  background-color: #f4f3ee;
  cursor: auto;
}
#new-review .review-section:first-of-type header {
  height: inherit;
}
#new-review .review-section:first-of-type .overall-description::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#new-review .review-section:first-of-type .overall-description .input {
  float: left;
  max-width: 500px;
}
#new-review .review-section:first-of-type .overall-description .input h3 {
  margin-bottom: 10px;
}
#new-review .review-section:first-of-type .overall-description .input .count-symbols {
  margin-top: 3px;
}
#new-review .review-section:first-of-type .overall-description .input .current-symbols-count {
  display: inline;
}
#new-review .review-section:first-of-type .overall-description .input .description, #new-review .review-section:first-of-type .overall-description .input input[type=text], #new-review .review-section:first-of-type .overall-description .input textarea {
  display: block;
  width: 100%;
}
#new-review .review-section:first-of-type .overall-description .input input[type=text] {
  margin-bottom: var(--standard-element-spacing);
}
#new-review .review-section:first-of-type .overall-description .input textarea {
  height: 265px;
}
@media (max-width: 970px) {
  #new-review .review-section:first-of-type .overall-description .writing-tips {
    display: none;
  }
}
#new-review .review-section:first-of-type .overall-description .writing-tips {
  float: left;
  margin-left: 50px;
  margin-top: 25px;
}
#new-review .review-section:first-of-type .overall-description .writing-tips section {
  background-color: #ffffcf;
  padding: 20px;
}
#new-review .review-section:first-of-type .overall-description .writing-tips section:first-of-type {
  margin-bottom: 20px;
}
#new-review .review-section:first-of-type .overall-description .writing-tips h1 {
  font-size: var(--font-size-sub-headline);
}
#new-review .review-section:first-of-type .overall-description .writing-tips h1::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#new-review .review-section:first-of-type .overall-description .writing-tips h1::before {
  margin-right: 20px;
}
#new-review .review-section:first-of-type .overall-description .writing-tips .good h1 {
  color: var(--color-legelisten-primary);
}
#new-review .review-section:first-of-type .overall-description .writing-tips .good h1::before {
  display: block;
  float: left;
  content: "";
  width: 18px;
  height: 10px;
  border-top: 3px solid var(--color-legelisten-primary);
  border-right: 3px solid var(--color-legelisten-primary);
  transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}
#new-review .review-section:first-of-type .overall-description .writing-tips .good ul {
  margin-top: 20px;
}
#new-review .review-section:first-of-type .overall-description .writing-tips .bad {
  position: relative;
}
#new-review .review-section:first-of-type .overall-description .writing-tips .bad h1 {
  color: var(--color-orange);
  margin-left: 38px;
}
#new-review .review-section:first-of-type .overall-description .writing-tips .bad h1::before {
  position: absolute;
  left: 20px;
  top: 2px;
  content: "×";
  font-weight: 300;
  font-size: 40px;
}
#new-review .review-section:first-of-type .overall-description .writing-tips ul {
  list-style-type: disc;
  margin-top: 15px;
  margin-left: 20px;
}
#new-review .review-section.togglable {
  cursor: pointer;
}
#new-review .review-section.togglable:hover {
  background-color: #d9e4e7;
}
#new-review .review-section .collapsed {
  display: none;
}
#new-review .review-section header {
  position: relative;
  padding: 35px 0;
}
#new-review .review-section header::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#new-review .review-section header h2, #new-review .review-section header p {
  display: block;
  width: calc(100% - 60px);
}
#new-review .review-section header p {
  clear: left;
  margin-top: 3px;
}
#new-review .review-section header h2::before {
  counter-increment: section;
  content: counter(section) ". ";
}
#new-review .review-section header .collapse-arrow {
  float: right;
  margin-top: 6px;
  width: 46px;
  height: 46px;
  border: 1px solid var(--color-primary-text);
  border-radius: 50%;
}
#new-review .review-section header .collapse-arrow::after {
  content: "";
  display: inline-block;
  margin-top: 11px;
  margin-left: 15px;
  width: 13px;
  height: 13px;
  border-top: 1px solid var(--color-primary-text);
  border-right: 1px solid var(--color-primary-text);
  transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}
#new-review .review-section header .collapse-arrow.expanded::after {
  margin-top: 18px;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
#new-review .review-section .select-organization::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#new-review .review-section .select-organization {
  margin-bottom: 20px;
}
#new-review .review-section .select-organization #organization-selector-help {
  display: block;
}
#new-review .review-section .select-organization #organization-selector {
  position: relative;
}
#new-review .review-section .select-organization #organization-selector.autocomplete input[type=text] {
  position: relative;
  width: 500px;
}
@media (max-width: 599px) {
  #new-review .review-section .select-organization #organization-selector.autocomplete input[type=text] {
    width: 100%;
  }
}
#new-review .review-section .select-organization #organization-selector.autocomplete input[type=text] {
  float: left;
  padding-right: 55px;
}
#new-review .review-section .select-organization #organization-selector.autocomplete input[type=text]::-ms-clear {
  display: none;
}
#new-review .review-section .select-organization #organization-selector.autocomplete input[type=text]::-webkit-search-cancel-button {
  display: none;
}
#new-review .review-section .select-organization #organization-selector .ui-helper-hidden-accessible {
  display: none;
}
#new-review .review-section .select-organization #organization-selector a.reset {
  position: absolute;
}
@media (max-width: 599px) {
  #new-review .review-section .select-organization #organization-selector a.reset {
    position: static;
    margin-top: 7.5%;
  }
}
#new-review .review-section .select-organization #organization-selector a.reset {
  left: 550px;
  white-space: nowrap;
  margin-top: 17px;
}
#new-review .review-section .rating {
  display: table;
  width: 100%;
  border-top: var(--separator-border);
  padding-top: 35px;
}
#new-review .review-section .rating:not(:first-of-type) {
  margin-top: 35px;
}
#new-review .review-section .rating:last-of-type {
  padding-bottom: 35px;
}
@media (min-width: 599px) {
  #new-review .review-section .rating > div {
    display: table-cell;
  }
}
#new-review .review-section .rating > div {
  vertical-align: middle;
}
#new-review .review-section .rating .question {
  width: 350px;
  padding-right: 20px;
}
@media (max-width: 599px) {
  #new-review .review-section .rating .question {
    padding-bottom: 20px;
  }
}
#new-review .review-section .rating .stars {
  background: url("/assets/stars-bg-c40ce6d7.png") no-repeat 0 center;
  height: 42px;
  min-width: 300px;
  padding-left: 13px;
  padding-top: 2px;
}
@media (max-width: 599px) {
  #new-review .review-section .rating .stars {
    padding-top: 10px;
  }
}
#new-review .review-section .rating .stars .caption {
  margin-left: 25px;
}
#new-review .review-section .rating input[type=radio], #new-review .review-section .rating input[type=radio] + label {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
#new-review .review-section .rating input[type=radio] + label, #new-review .review-section .rating input[type=radio] + label + label {
  margin-right: 20px;
}
#new-review #wrap-up {
  padding: 20px 0 40px;
}
#new-review #wrap-up::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#new-review #wrap-up section#email {
  display: table;
  width: 100%;
}
#new-review #wrap-up section#email .description {
  display: table-cell;
  width: 50%;
  padding-right: 50px;
}
@media (max-width: 970px) {
  #new-review #wrap-up section#email .description {
    display: table-row;
  }
  #new-review #wrap-up section#email .description p {
    padding-bottom: 7.5%;
  }
}
#new-review #wrap-up section#email .input {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}
#new-review #wrap-up section#email .input input[type=email] {
  display: block;
  width: 100%;
}
@media (min-width: 970px) {
  #new-review #wrap-up section.submit {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 2%;
  }
}
#new-review #wrap-up section.submit {
  padding-top: 40px;
  margin-top: 40px;
  border-top: var(--separator-border);
  text-align: center;
}
#new-review #wrap-up section.submit .checkboxes {
  position: relative;
  text-align: left;
}
@media (min-width: 970px) {
  #new-review #wrap-up section.submit .checkboxes {
    grid-column: span 7/span 7;
  }
}
@media (max-width: 970px) {
  #new-review #wrap-up section.submit .checkboxes {
    float: none;
    display: inline-block;
    width: 90%;
  }
}
#new-review #wrap-up section.submit .checkboxes .checkbox-wrapper {
  clear: both;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
#new-review #wrap-up section.submit .checkboxes .checkbox-wrapper + .checkbox-wrapper {
  margin-top: 10px;
}
#new-review #wrap-up section.submit .checkboxes .checkbox-wrapper a {
  cursor: pointer;
}
#new-review #wrap-up section.submit .checkboxes label {
  width: calc(100% - 3em);
  margin: 0;
}
#new-review #wrap-up section.submit .actions {
  display: inline-block;
  white-space: nowrap;
  float: right;
}
@media (min-width: 970px) {
  #new-review #wrap-up section.submit .actions {
    grid-column: span 3/span 3;
    display: flex;
    justify-content: flex-end;
  }
}
@media (max-width: 970px) {
  #new-review #wrap-up section.submit .actions {
    clear: both;
    float: none;
    padding-top: 40px;
  }
}
@media (max-width: 970px) {
  #new-review #wrap-up section.submit .actions a, #new-review #wrap-up section.submit .actions button {
    padding-top: 11.75%;
  }
}
#new-review #wrap-up section.submit .actions a, #new-review #wrap-up section.submit .actions button {
  display: inline-block !important;
}
#new-review #wrap-up section.submit .actions button {
  display: block;
  border: 2px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  user-select: none;
}
#new-review #wrap-up section.submit .actions button:disabled, #new-review #wrap-up section.submit .actions button.disabled {
  cursor: default;
  opacity: 0.3;
  pointer-events: none;
}
#new-review #wrap-up section.submit .actions button {
  background-color: #0072a2; /* fallback */
  background-image: linear-gradient(to bottom, rgb(0, 117.5888888889, 167.1), rgb(0, 110.4111111111, 156.9));
}
#new-review #wrap-up section.submit .actions button:hover, #new-review #wrap-up section.submit .actions button:active {
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
#new-review #wrap-up section.submit .actions button:hover {
  background-color: #0072a2; /* fallback */
  background-image: linear-gradient(to bottom, rgb(0, 117.5888888889, 167.1), rgb(0, 103.2333333333, 146.7));
  border-color: rgb(0, 42.2222222222, 60);
}
#new-review #wrap-up section.submit .actions button:active {
  background-color: #0072a2; /* fallback */
  background-image: linear-gradient(to bottom, rgb(0, 117.5888888889, 167.1), rgb(0, 96.0555555556, 136.5));
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  border-color: rgb(0, 42.2222222222, 60);
}
#new-review #wrap-up section.submit .actions button {
  color: #fff;
  padding: 20px;
}
#new-review #wrap-up section.submit .actions button::after {
  content: "";
  display: inline-block;
  margin-left: 17px !important;
  margin-bottom: 2px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  overflow: hidden;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  margin-left: -3px;
}
#new-review #wrap-up section.submit .actions button {
  font-size: 2rem;
}
#new-review #wrap-up section.submit .actions a {
  margin-right: 20px;
}