.standard-font {
  font-family: 'Open Sans', sans-serif;
}
.condensed-font {
  font-family: 'Open Sans Condensed', sans-serif;
}
.oswald-font {
  font-family: 'Oswald', sans-serif;
}
body {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background: #f6f6f6;
  color: #52595d;
  font-family: 'Open Sans', sans-serif;
}
.wrap-for-margin {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 12px;
}
.wrap-for-margin.no-width {
  width: auto;
}
.wrap-for-margin.half {
  width: 50%;
}
.wrap-for-margin.third {
  width: 33.3333%;
}
.wrap-for-margin.fourth {
  width: 25%;
}
#toggle-sidebar {
  display: none;
}
#sidebar {
  display: block;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 204px;
  height: 100%;
  background: #065143;
  padding: 12px;
}
#sidebar ul {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}
#sidebar ul li {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 12px;
}
#sidebar ul li a {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  line-height: 1;
  font-size: 15px;
  padding: 12px;
  background: #eee;
  color: #52595d;
  text-align: center;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  border-radius: 3px;
  font-family: 'Open Sans Condensed', sans-serif;
}
#sidebar ul li a:before {
  display: block;
  float: left;
  width: 100%;
  box-sizing: border-box;
  font-size: 40px;
  margin: 0;
  padding: 12px;
}
#sidebar ul li a span {
  display: block;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0 12px 12px;
}
#sidebar ul li a.active,
#sidebar ul li a:hover {
  color: #065143;
  background: white;
}
#userbar {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 12px;
}
#userbar .inner {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #065143;
  padding: 6px;
  border-radius: 3px;
  height: 42px;
}
#userbar .inner h1 {
  display: block;
  float: left;
  box-sizing: border-box;
  height: 30px;
  line-height: 18px;
  padding: 6px;
  margin: 0;
  color: #065143;
  font-size: 18px;
  font-weight: 300;
}
#userbar .inner h1 b {
  font-weight: 400;
}
#userbar .inner #usernav {
  display: block;
  float: right;
  box-sizing: border-box;
  height: 30px;
}
#userbar .inner #usernav a {
  display: block;
  float: left;
  margin: 6px;
  height: 18px;
  line-height: 18px;
  width: 18px;
  color: #065143;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
}
#userbar .inner #usernav a:before {
  margin: 0;
  font-size: 18px;
}
#userbar .inner #usernav a:hover {
  color: black;
}
#userbar .inner #usernav a.logout:hover {
  color: #bb1e10;
}
#userbar .inner .user-info {
  display: block;
  float: right;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  color: #065143;
  margin: 0 12px;
  font-size: 12px;
}
#content {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px 12px 12px calc(216px);
}
#content footer {
  display: block;
  float: left;
  width: 100%;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 1;
  color: #52595d;
}
#content footer .left {
  display: block;
  float: left;
  padding: 12px calc(24px);
}
#content footer .right {
  display: block;
  float: right;
  padding: 12px;
}
#content footer .right a {
  display: inline-block;
  margin-right: 12px;
  text-decoration: underline;
  color: inherit;
}
#content.section-login,
#content.section-passwort_vergessen {
  padding: 12px;
  height: 100%;
}
#content.section-login footer,
#content.section-passwort_vergessen footer {
  position: absolute;
  bottom: 0;
  left: 0;
}
#content.section-login footer .left,
#content.section-passwort_vergessen footer .left,
#content.section-login footer .right,
#content.section-passwort_vergessen footer .right {
  padding: 12px;
}

.standard-font {
  font-family: 'Open Sans', sans-serif;
}
.condensed-font {
  font-family: 'Open Sans Condensed', sans-serif;
}
.oswald-font {
  font-family: 'Oswald', sans-serif;
}
form.default,
form[class^="fos_"] {
  display: block;
  float: left;
  width: 100%;
}
form.default .toggle-detailedness,
form[class^="fos_"] .toggle-detailedness {
  display: none;
}
form.default > .line > label,
form[class^="fos_"] > .line > label,
form.default h1,
form[class^="fos_"] h1,
form.default h3,
form[class^="fos_"] h3 {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  margin: 6px 0;
  padding: 0 12px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  font-family: 'Oswald', sans-serif;
}
form.default label.required:after,
form[class^="fos_"] label.required:after {
  content: ' *';
}
form.default section,
form[class^="fos_"] section {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  margin: 6px 0;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: white;
  padding: 12px;
}
form.default section.error,
form[class^="fos_"] section.error {
  color: #bb1e10;
  border-color: #bb1e10;
}
form.default section.success,
form[class^="fos_"] section.success {
  color: #008351;
  border-color: #008351;
}
form.default section.notice,
form[class^="fos_"] section.notice {
  color: #f7b500;
  border-color: #f7b500;
}
form.default section.actions,
form[class^="fos_"] section.actions {
  background: none;
  border: none;
  margin: 0;
}
form.default section.actions button,
form[class^="fos_"] section.actions button,
form.default section.actions [type=submit],
form[class^="fos_"] section.actions [type=submit],
form.default section.actions .button,
form[class^="fos_"] section.actions .button {
  display: block;
  float: left;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.5;
  padding: 6px;
  border-radius: 3px;
  border: 1px solid #065143;
  color: #fff;
  background: linear-gradient(#065143, #042d25);
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
form.default section.actions button:hover,
form[class^="fos_"] section.actions button:hover,
form.default section.actions [type=submit]:hover,
form[class^="fos_"] section.actions [type=submit]:hover,
form.default section.actions .button:hover,
form[class^="fos_"] section.actions .button:hover {
  background: linear-gradient(#065143, #065143);
}
form.default section h6,
form[class^="fos_"] section h6,
form.default section p,
form[class^="fos_"] section p {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 3px 6px;
  margin: 0;
  font-size: 15px;
  line-height: 21px;
}
form.default section .separator,
form[class^="fos_"] section .separator {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 0 12px;
  margin: 12px 0;
  height: 1px;
  background: #ccc;
}
form.default section .break,
form[class^="fos_"] section .break {
  clear: both;
}
form.default section ul.collection,
form[class^="fos_"] section ul.collection {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
form.default section ul.collection li,
form[class^="fos_"] section ul.collection li {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
form.default section ul.collection li .inner,
form[class^="fos_"] section ul.collection li .inner {
  display: flex;
  width: 100%;
}
form.default section ul.collection li .inner .line,
form[class^="fos_"] section ul.collection li .inner .line {
  display: block;
  float: left;
  flex-grow: 1;
}
form.default section ul.collection li .inner .line.action,
form[class^="fos_"] section ul.collection li .inner .line.action {
  width: auto;
  flex-shrink: 1;
  margin-top: 20px;
}
form.default section ul.collection li .inner .line.action a,
form[class^="fos_"] section ul.collection li .inner .line.action a {
  margin: 0;
}
form.default section .line,
form[class^="fos_"] section .line {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 12px;
}
form.default section .line.half,
form[class^="fos_"] section .line.half {
  width: 50%;
}
form.default section .line.fourth,
form[class^="fos_"] section .line.fourth {
  width: 25%;
}
form.default section .line.third,
form[class^="fos_"] section .line.third {
  width: 33.3333%;
}
form.default section .line.fifth,
form[class^="fos_"] section .line.fifth {
  width: 20%;
}
form.default section .line.sixth,
form[class^="fos_"] section .line.sixth {
  width: 16.6666%;
}
form.default section .line.eighth,
form[class^="fos_"] section .line.eighth {
  width: 12.5%;
}
form.default section .line.hidden-on-start,
form[class^="fos_"] section .line.hidden-on-start {
  display: none;
}
form.default section .line label,
form[class^="fos_"] section .line label {
  display: block;
  float: left;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1;
  padding: 0 6px 6px;
  color: #065143;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
form.default section .line input[type=text],
form[class^="fos_"] section .line input[type=text],
form.default section .line input[type=password],
form[class^="fos_"] section .line input[type=password],
form.default section .line input[type=email],
form[class^="fos_"] section .line input[type=email],
form.default section .line input[type=tel],
form[class^="fos_"] section .line input[type=tel],
form.default section .line input[type=date],
form[class^="fos_"] section .line input[type=date],
form.default section .line input[type=number],
form[class^="fos_"] section .line input[type=number],
form.default section .line select,
form[class^="fos_"] section .line select,
form.default section .line textarea,
form[class^="fos_"] section .line textarea {
  display: block;
  float: left;
  width: 100%;
  height: 35px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 21px;
  padding: 6px;
  border-radius: 3px;
  border: 1px solid #065143;
  color: #065143;
  background: linear-gradient(#f6f6f6, white);
  resize: none;
}
form.default section .line input[type=text][readonly],
form[class^="fos_"] section .line input[type=text][readonly],
form.default section .line input[type=password][readonly],
form[class^="fos_"] section .line input[type=password][readonly],
form.default section .line input[type=email][readonly],
form[class^="fos_"] section .line input[type=email][readonly],
form.default section .line input[type=tel][readonly],
form[class^="fos_"] section .line input[type=tel][readonly],
form.default section .line input[type=date][readonly],
form[class^="fos_"] section .line input[type=date][readonly],
form.default section .line input[type=number][readonly],
form[class^="fos_"] section .line input[type=number][readonly],
form.default section .line select[readonly],
form[class^="fos_"] section .line select[readonly],
form.default section .line textarea[readonly],
form[class^="fos_"] section .line textarea[readonly] {
  color: #999;
  border-color: #999;
  background: white;
  pointer-events: none;
}
form.default section .line textarea.two-lines,
form[class^="fos_"] section .line textarea.two-lines {
  height: 112px;
}
form.default section .line input::placeholder,
form[class^="fos_"] section .line input::placeholder {
  color: transparent;
}
form.default section .line input[type=checkbox],
form[class^="fos_"] section .line input[type=checkbox] {
  display: none;
  visibility: hidden;
}
form.default section .line input[type=checkbox] + label,
form[class^="fos_"] section .line input[type=checkbox] + label {
  padding: 0;
  line-height: 24px;
}
form.default section .line input[type=checkbox] + label:before,
form[class^="fos_"] section .line input[type=checkbox] + label:before {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  font-family: Flaticon, serif;
  content: "\f10d";
  color: #065143;
  cursor: pointer;
  margin: 0 6px;
  opacity: 0.5;
  border: 1px solid #065143;
  border-radius: 50%;
  text-align: center;
}
form.default section .line input[type=checkbox]:checked + label:before,
form[class^="fos_"] section .line input[type=checkbox]:checked + label:before {
  opacity: 1;
}
form.default section .line.inline div.inline,
form[class^="fos_"] section .line.inline div.inline {
  display: block;
  float: left;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #065143;
  width: 100%;
  padding: 6px;
}
form.default section .line.inline div.inline input[type=checkbox] + label,
form[class^="fos_"] section .line.inline div.inline input[type=checkbox] + label {
  width: auto;
  margin: 6px;
}
form.default section .line.inline div.inline input[type=checkbox] + label:before,
form[class^="fos_"] section .line.inline div.inline input[type=checkbox] + label:before {
  margin-left: 0;
}
form.default section .line input[type=submit],
form[class^="fos_"] section .line input[type=submit],
form.default section .line button[type=submit],
form[class^="fos_"] section .line button[type=submit] {
  display: block;
  float: left;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.5;
  padding: 6px;
  border-radius: 3px;
  border: 1px solid #065143;
  color: #fff;
  background: linear-gradient(#065143, #042d25);
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
form.default section .line input[type=submit]:hover,
form[class^="fos_"] section .line input[type=submit]:hover,
form.default section .line button[type=submit]:hover,
form[class^="fos_"] section .line button[type=submit]:hover {
  background: linear-gradient(#065143, #065143);
}
form.default section .line ul,
form[class^="fos_"] section .line ul {
  display: block;
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #bb1e10;
  list-style-type: none;
  font-size: 12px;
}
form.default section .line ul li,
form[class^="fos_"] section .line ul li {
  display: block;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 3px 6px;
  line-height: 1.5;
}
form.default .wrap,
form[class^="fos_"] .wrap {
  display: block;
  float: left;
}
form.default .wrap.three-fourths,
form[class^="fos_"] .wrap.three-fourths {
  width: 75%;
}
form.default .wrap.two-thirds,
form[class^="fos_"] .wrap.two-thirds {
  width: 66.6666%;
}
form.default .wrap.half,
form[class^="fos_"] .wrap.half {
  width: 50%;
}
form.default .wrap.third,
form[class^="fos_"] .wrap.third {
  width: 33.3333%;
}
form.default .wrap.fourth,
form[class^="fos_"] .wrap.fourth {
  width: 25%;
}
form.default .wrap.sixth,
form[class^="fos_"] .wrap.sixth {
  width: 16.6666%;
}
form.default .dropzone:not(.line),
form[class^="fos_"] .dropzone:not(.line) {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 6px;
  border-radius: 3px;
  border: 1px dashed #065143;
}
form.default .dropzone:not(.line) .dz-message,
form[class^="fos_"] .dropzone:not(.line) .dz-message {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 6px;
  cursor: pointer;
}
form.default .dropzone:not(.line) .dz-message span,
form[class^="fos_"] .dropzone:not(.line) .dz-message span {
  display: block;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 6px 12px;
  background-color: #f6f6f6;
  border-radius: 3px;
  color: #52595d;
  text-align: center;
  font-size: 12px;
  line-height: 24px;
  transition: all 0.25s ease-in-out;
}
form.default .dropzone:not(.line) .dz-message:hover span,
form[class^="fos_"] .dropzone:not(.line) .dz-message:hover span {
  background-color: #ddd;
}
form.default .dropzone:not(.line).dz-max-files-reached .dz-message.dz-default,
form[class^="fos_"] .dropzone:not(.line).dz-max-files-reached .dz-message.dz-default {
  display: none;
}
form.default .dropzone:not(.line) .dz-preview,
form[class^="fos_"] .dropzone:not(.line) .dz-preview {
  display: block;
  float: left;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 6px;
  margin: 0;
}
form.default .dropzone:not(.line) .dz-preview .dz-image,
form[class^="fos_"] .dropzone:not(.line) .dz-preview .dz-image {
  display: block;
  float: left;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  background: #f6f6f6;
  border-radius: 3px;
}
form.default .dropzone:not(.line) .dz-preview .dz-image img,
form[class^="fos_"] .dropzone:not(.line) .dz-preview .dz-image img {
  display: block;
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  transition: transform 0.5s ease-in-out;
}
form.default .dropzone:not(.line) .dz-preview .dz-details,
form[class^="fos_"] .dropzone:not(.line) .dz-preview .dz-details {
  display: block;
  float: left;
  position: absolute;
  right: 66px;
  bottom: 30px;
  background: rgba(255, 255, 255, 0.8);
  color: #52595d;
  border-radius: 3px;
  line-height: 1;
  font-size: 12px;
  padding: 6px;
}
form.default .dropzone:not(.line) .dz-preview .dz-details .dz-filename,
form[class^="fos_"] .dropzone:not(.line) .dz-preview .dz-details .dz-filename {
  display: block;
  max-width: 270px;
  height: 14px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  overflow-y: visible;
  white-space: nowrap;
}
form.default .dropzone:not(.line) .dz-preview .dz-details .dz-size,
form[class^="fos_"] .dropzone:not(.line) .dz-preview .dz-details .dz-size {
  display: none;
}
form.default .dropzone:not(.line) .dz-preview.dz-processing .dz-progress,
form[class^="fos_"] .dropzone:not(.line) .dz-preview.dz-processing .dz-progress {
  height: 10px;
  position: relative;
  z-index: 1;
  border: none;
  background: #eee;
}
form.default .dropzone:not(.line) .dz-preview .dz-success-mark,
form[class^="fos_"] .dropzone:not(.line) .dz-preview .dz-success-mark,
form.default .dropzone:not(.line) .dz-preview .dz-error-mark,
form[class^="fos_"] .dropzone:not(.line) .dz-preview .dz-error-mark {
  display: none;
  float: left;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(0%, -50%);
}
form.default .dropzone:not(.line) .dz-preview.dz-success .dz-progress,
form[class^="fos_"] .dropzone:not(.line) .dz-preview.dz-success .dz-progress {
  display: none;
}
form.default .dropzone:not(.line) .dz-preview.dz-success .dz-success-mark,
form[class^="fos_"] .dropzone:not(.line) .dz-preview.dz-success .dz-success-mark {
  display: block;
}
form.default .dropzone:not(.line) .dz-preview .dz-error-message,
form[class^="fos_"] .dropzone:not(.line) .dz-preview .dz-error-message {
  display: none;
}
form.default .dropzone:not(.line) .dz-preview.dz-error,
form[class^="fos_"] .dropzone:not(.line) .dz-preview.dz-error {
  width: 100%;
  height: auto;
}
form.default .dropzone:not(.line) .dz-preview.dz-error .dz-error-message,
form[class^="fos_"] .dropzone:not(.line) .dz-preview.dz-error .dz-error-message {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
}
form.default .dropzone:not(.line) .dz-preview.dz-error .dz-error-message span,
form[class^="fos_"] .dropzone:not(.line) .dz-preview.dz-error .dz-error-message span {
  display: block;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 6px 12px;
  background: #bb1e10;
  color: white;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  line-height: 24px;
}
form.default .dropzone:not(.line) .dz-preview.dz-error .dz-image,
form[class^="fos_"] .dropzone:not(.line) .dz-preview.dz-error .dz-image,
form.default .dropzone:not(.line) .dz-preview.dz-error .dz-details,
form[class^="fos_"] .dropzone:not(.line) .dz-preview.dz-error .dz-details,
form.default .dropzone:not(.line) .dz-preview.dz-error .dz-progress,
form[class^="fos_"] .dropzone:not(.line) .dz-preview.dz-error .dz-progress {
  display: none;
}
form.default .dropzone:not(.line) .dz-preview .dz-remove,
form[class^="fos_"] .dropzone:not(.line) .dz-preview .dz-remove {
  display: block;
  position: absolute;
  height: 24px;
  line-height: 24px;
  width: 24px;
  bottom: 30px;
  right: 30px;
  border-radius: 3px;
  background-color: #bb1e10;
  color: white;
  text-align: center;
  text-decoration: none;
}
form.default .dropzone:not(.line) .dz-preview .dz-rotate,
form[class^="fos_"] .dropzone:not(.line) .dz-preview .dz-rotate {
  display: none;
  position: absolute;
  height: 24px;
  width: 24px;
  top: 30px;
  right: 30px;
  border-radius: 3px;
  background-color: #bb1e10;
  color: white;
  text-align: center;
  text-decoration: none;
  padding: 2px;
}
form.default .dropzone:not(.line) .dz-preview .dz-rotate svg,
form[class^="fos_"] .dropzone:not(.line) .dz-preview .dz-rotate svg {
  height: 16px;
  width: 16px;
}
form.default .dropzone:not(.line) .dz-preview.dz-complete .dz-rotate,
form[class^="fos_"] .dropzone:not(.line) .dz-preview.dz-complete .dz-rotate {
  display: block;
}
form.default .dropzone:not(.line).multiple .dz-preview,
form[class^="fos_"] .dropzone:not(.line).multiple .dz-preview {
  width: 33.33%;
}
form.default .dropzone:not(.line).multiple .dz-filename,
form[class^="fos_"] .dropzone:not(.line).multiple .dz-filename {
  max-width: 160px !important;
}
a.button {
  display: block;
  float: left;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 21px;
  width: auto;
  padding: 6px 12px;
  margin: 0 12px 0 0;
  border-radius: 3px;
  border: 1px solid #065143;
  color: #fff;
  background: linear-gradient(#065143, #042d25);
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  text-align: center;
  text-decoration: none;
}
a.button:before {
  font-size: 15px;
  line-height: 1.5;
  margin: 0 0 0 6px;
  float: right;
}
a.button:hover {
  background: linear-gradient(#065143, #065143);
}
a.button.backlink {
  background: linear-gradient(#52595d, #383F43);
  border: none;
}
a.button.backlink:hover {
  background: linear-gradient(#52595d, #52595d);
}
a.button.delete {
  background: linear-gradient(#ea2614, #bb1e10);
  border: none;
}
a.button.delete:hover {
  background: linear-gradient(#bb1e10, #bb1e10);
}
a.button.add-another-collection-widget {
  margin: 12px;
}
span.pseudo-button {
  display: block;
  float: left;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 1.5;
  width: auto;
  padding: 6px 12px;
  margin: 0 12px 0 0;
  border-radius: 3px;
  border: 1px solid #52595d;
  color: #52595d;
  background: #eee;
  text-align: center;
  text-decoration: none;
}

.standard-font {
  font-family: 'Open Sans', sans-serif;
}
.condensed-font {
  font-family: 'Open Sans Condensed', sans-serif;
}
.oswald-font {
  font-family: 'Oswald', sans-serif;
}
.wrap-messages {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 0 12px;
}
.wrap-messages .message {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  background: white;
  border-radius: 3px;
  border: 1px solid #52595d;
  color: #52595d;
  padding: 6px;
  margin: 12px 0;
}
.wrap-messages .message.error {
  color: #bb1e10;
  border-color: #bb1e10;
}
.wrap-messages .message.success {
  color: #008351;
  border-color: #008351;
}
.wrap-messages .message.notice {
  color: #f7b500;
  border-color: #f7b500;
}
.wrap-messages .message h6,
.wrap-messages .message p {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 3px 6px;
  margin: 0;
  font-size: 15px;
  line-height: 21px;
}

.standard-font {
  font-family: 'Open Sans', sans-serif;
}
.condensed-font {
  font-family: 'Open Sans Condensed', sans-serif;
}
.oswald-font {
  font-family: 'Oswald', sans-serif;
}
.error-page {
  display: block;
  float: left;
  box-sizing: border-box;
  padding: 12px;
  width: 100%;
  background: #bb1e10;
  color: white;
  position: relative;
  border-radius: 3px;
}
.error-page span {
  display: block;
  position: absolute;
  top: -30px;
  right: -12px;
  font-size: 144px;
  line-height: 1;
  color: #f6f6f6;
  font-weight: 600;
}
.error-page span:before {
  content: '#';
}
.error-page h2,
.error-page h3,
.error-page p {
  display: block;
  float: left;
  box-sizing: border-box;
  padding: 6px 50% 6px 12px;
  width: 100%;
  margin: 0;
}
.error-page h2 {
  font-size: 30px;
  line-height: 42px;
}
.error-page h3 {
  font-size: 22.5px;
  line-height: 34.5px;
}
.error-page p {
  font-size: 15px;
  line-height: 27px;
}

.standard-font {
  font-family: 'Open Sans', sans-serif;
}
.condensed-font {
  font-family: 'Open Sans Condensed', sans-serif;
}
.oswald-font {
  font-family: 'Oswald', sans-serif;
}
@media screen and (max-width: 767px) {
  .desktop-only {
    display: none!important;
  }
  .wrap-for-margin {
    padding: 1vw;
  }
  #toggle-sidebar {
    display: block;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 0;
    height: 10vw;
    width: 10vw;
    background: #065143;
    color: white;
    z-index: 1000;
    padding: 2vw 0;
  }
  #toggle-sidebar span {
    display: block;
    float: left;
    width: 5vw;
    height: 1vw;
    margin: 0.5vw 2.5vw;
    background: white;
    transition: all 0.25s ease-in-out;
  }
  #toggle-sidebar.sidebar-visible span.top {
    transform: translateX(0.5vw) rotate(45deg);
    transform-origin: bottom left;
  }
  #toggle-sidebar.sidebar-visible span.middle {
    transform: translateX(8vw);
  }
  #toggle-sidebar.sidebar-visible span.bottom {
    transform: translateX(0.5vw) rotate(-45deg);
    transform-origin: top left;
  }
  #sidebar {
    width: 100vw;
    left: -100vw;
    transition: all 0.25s ease-in-out;
    border-right: 10vw solid #CCC;
  }
  .sidebar-visible #sidebar {
    left: 0;
  }
  #userbar {
    padding: 1vw;
  }
  #userbar .inner {
    padding: 1vw;
    height: auto;
  }
  #userbar .inner h1 {
    height: auto;
    width: 100%;
    line-height: 3vw;
    padding: 1vw;
    font-size: 3vw;
    text-align: center;
  }
  #userbar .inner #usernav {
    float: left;
    height: auto;
    width: 100%;
    text-align: center;
    margin: 1vw 0;
  }
  #userbar .inner #usernav a {
    display: inline-block;
    float: none;
    margin: 0.5vw;
    height: 4vw;
    line-height: 4vw;
    width: 4vw;
  }
  #userbar .inner #usernav a:before {
    font-size: 4vw;
  }
  #userbar .inner .user-info {
    float: left;
    width: 100%;
    height: auto;
    line-height: 2.5vw;
    color: #065143;
    margin: 1vw 0;
    font-size: 2.5vw;
    text-align: center;
  }
  #content {
    padding: 1vw;
  }
  #content.section-login,
  #content.section-passwort_vergessen {
    padding: 0;
  }
  #content.section-login footer .left,
  #content.section-passwort_vergessen footer .left,
  #content.section-login footer .right,
  #content.section-passwort_vergessen footer .right {
    padding: 1vw;
  }
}

.standard-font {
  font-family: 'Open Sans', sans-serif;
}
.condensed-font {
  font-family: 'Open Sans Condensed', sans-serif;
}
.oswald-font {
  font-family: 'Oswald', sans-serif;
}
@media screen and (max-width: 767px) {
  form.default,
  form[class^="fos_"] {
    display: block;
  }
  form.default > .mobile-hidden-on-start,
  form[class^="fos_"] > .mobile-hidden-on-start {
    display: none;
  }
  form.default > .mobile-hidden-on-start.visible,
  form[class^="fos_"] > .mobile-hidden-on-start.visible {
    display: block;
  }
  form.default .toggle-detailedness,
  form[class^="fos_"] .toggle-detailedness {
    display: block;
    float: left;
    box-sizing: border-box;
    pading: 0 2vw;
    margin: 2vw 0;
    width: 100%;
    text-align: center;
    font-size: 3vw;
    line-height: 1;
    color: #065143;
    text-decoration: underline;
  }
  form.default .toggle-detailedness .less-details,
  form[class^="fos_"] .toggle-detailedness .less-details {
    display: none;
  }
  form.default .toggle-detailedness.more .less-details,
  form[class^="fos_"] .toggle-detailedness.more .less-details {
    display: block;
  }
  form.default .toggle-detailedness.more .more-details,
  form[class^="fos_"] .toggle-detailedness.more .more-details {
    display: none;
  }
  form.default > .line > label,
  form[class^="fos_"] > .line > label,
  form.default h1,
  form[class^="fos_"] h1,
  form.default h3,
  form[class^="fos_"] h3 {
    width: 100%;
    margin: 2vw 0 1vw;
    padding: 0 2vw;
    font-size: 4vw;
  }
  form.default label.required:after,
  form[class^="fos_"] label.required:after {
    content: ' *';
  }
  form.default section,
  form[class^="fos_"] section {
    margin: 1vw 0;
    padding: 1vw;
  }
  form.default section h6,
  form[class^="fos_"] section h6,
  form.default section p,
  form[class^="fos_"] section p {
    padding: 0.5vw 1vw;
    margin: 0;
    font-size: 3vw;
    line-height: 4vw;
  }
  form.default section .separator,
  form[class^="fos_"] section .separator {
    padding: 0 1vw;
    margin: 1vw 0;
  }
  form.default section .line,
  form[class^="fos_"] section .line {
    padding: 1vw;
  }
  form.default section .line.half,
  form[class^="fos_"] section .line.half {
    width: 100%;
  }
  form.default section .line.fourth,
  form[class^="fos_"] section .line.fourth {
    width: 100%;
  }
  form.default section .line.mobile-hidden-on-start,
  form[class^="fos_"] section .line.mobile-hidden-on-start {
    display: none;
  }
  form.default section .line.mobile-hidden-on-start.visible,
  form[class^="fos_"] section .line.mobile-hidden-on-start.visible {
    display: block;
  }
  form.default section .line label,
  form[class^="fos_"] section .line label {
    font-size: 3vw;
    padding: 0 1vw 1vw;
  }
  form.default section .line input[type=text],
  form[class^="fos_"] section .line input[type=text],
  form.default section .line input[type=password],
  form[class^="fos_"] section .line input[type=password],
  form.default section .line input[type=email],
  form[class^="fos_"] section .line input[type=email],
  form.default section .line input[type=tel],
  form[class^="fos_"] section .line input[type=tel],
  form.default section .line input[type=date],
  form[class^="fos_"] section .line input[type=date],
  form.default section .line input[type=number],
  form[class^="fos_"] section .line input[type=number],
  form.default section .line select,
  form[class^="fos_"] section .line select,
  form.default section .line textarea,
  form[class^="fos_"] section .line textarea {
    height: calc(8vw + 2px);
    font-size: 3vw;
    line-height: 4vw;
    padding: 2vw;
  }
  form.default section .line textarea.two-lines,
  form[class^="fos_"] section .line textarea.two-lines {
    height: calc(18vw + 4px);
  }
  form.default section .line input[type=checkbox] + label,
  form[class^="fos_"] section .line input[type=checkbox] + label {
    padding: 0;
    line-height: 24px;
  }
  form.default section .line input[type=checkbox] + label:before,
  form[class^="fos_"] section .line input[type=checkbox] + label:before {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    font-family: Flaticon;
    content: "\f100";
    color: #065143;
    cursor: pointer;
    margin: 0 6px;
    opacity: 0.5;
    border: 1px solid #065143;
    border-radius: 50%;
    text-align: center;
  }
  form.default section .line input[type=checkbox]:checked + label:before,
  form[class^="fos_"] section .line input[type=checkbox]:checked + label:before {
    opacity: 1;
  }
  form.default section .line input[type=submit],
  form[class^="fos_"] section .line input[type=submit],
  form.default section .line button[type=submit],
  form[class^="fos_"] section .line button[type=submit] {
    display: block;
    float: left;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5;
    padding: 6px;
    border-radius: 3px;
    border: 1px solid #065143;
    color: #fff;
    background: linear-gradient(#065143, #042d25);
    cursor: pointer;
    transition: all 0.25s ease-in-out;
  }
  form.default section .line input[type=submit]:hover,
  form[class^="fos_"] section .line input[type=submit]:hover,
  form.default section .line button[type=submit]:hover,
  form[class^="fos_"] section .line button[type=submit]:hover {
    background: linear-gradient(#065143, #065143);
  }
  form.default section .line ul,
  form[class^="fos_"] section .line ul {
    display: block;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #bb1e10;
    list-style-type: none;
    font-size: 12px;
  }
  form.default section .line ul li,
  form[class^="fos_"] section .line ul li {
    display: block;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 3px 6px;
    line-height: 1.5;
  }
  form.default section .wrap.three-fourths,
  form[class^="fos_"] section .wrap.three-fourths {
    width: 100%;
  }
  form.default section .wrap.half,
  form[class^="fos_"] section .wrap.half {
    width: 100%;
  }
  form.default section .wrap.fourth,
  form[class^="fos_"] section .wrap.fourth {
    width: 100%;
  }
  form.default section .dropzone:not(.line),
  form[class^="fos_"] section .dropzone:not(.line) {
    display: block;
    float: left;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 6px;
    border-radius: 3px;
    border: 1px dashed #065143;
  }
  form.default section .dropzone:not(.line) .dz-message,
  form[class^="fos_"] section .dropzone:not(.line) .dz-message {
    display: block;
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 6px;
    cursor: pointer;
  }
  form.default section .dropzone:not(.line) .dz-message span,
  form[class^="fos_"] section .dropzone:not(.line) .dz-message span {
    display: block;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 6px 12px;
    background-color: #f6f6f6;
    border-radius: 3px;
    color: #52595d;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    transition: all 0.25s ease-in-out;
  }
  form.default section .dropzone:not(.line) .dz-message:hover span,
  form[class^="fos_"] section .dropzone:not(.line) .dz-message:hover span {
    background-color: #ddd;
  }
  form.default section .dropzone:not(.line).dz-max-files-reached .dz-message.dz-default,
  form[class^="fos_"] section .dropzone:not(.line).dz-max-files-reached .dz-message.dz-default {
    display: none;
  }
  form.default section .dropzone:not(.line) .dz-preview,
  form[class^="fos_"] section .dropzone:not(.line) .dz-preview {
    display: block;
    float: left;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: 6px;
    margin: 0;
  }
  form.default section .dropzone:not(.line) .dz-preview .dz-image,
  form[class^="fos_"] section .dropzone:not(.line) .dz-preview .dz-image {
    display: block;
    float: left;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    background: #f6f6f6;
    border-radius: 3px;
  }
  form.default section .dropzone:not(.line) .dz-preview .dz-image img,
  form[class^="fos_"] section .dropzone:not(.line) .dz-preview .dz-image img {
    display: block;
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  form.default section .dropzone:not(.line) .dz-preview .dz-details,
  form[class^="fos_"] section .dropzone:not(.line) .dz-preview .dz-details {
    display: block;
    float: left;
    position: absolute;
    right: 66px;
    bottom: 30px;
    background: rgba(255, 255, 255, 0.8);
    color: #52595d;
    border-radius: 3px;
    line-height: 1;
    font-size: 12px;
    padding: 6px;
  }
  form.default section .dropzone:not(.line) .dz-preview .dz-details .dz-filename,
  form[class^="fos_"] section .dropzone:not(.line) .dz-preview .dz-details .dz-filename {
    display: block;
    max-width: 270px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  form.default section .dropzone:not(.line) .dz-preview .dz-details .dz-size,
  form[class^="fos_"] section .dropzone:not(.line) .dz-preview .dz-details .dz-size {
    display: none;
  }
  form.default section .dropzone:not(.line) .dz-preview .dz-success-mark,
  form[class^="fos_"] section .dropzone:not(.line) .dz-preview .dz-success-mark,
  form.default section .dropzone:not(.line) .dz-preview .dz-error-mark,
  form[class^="fos_"] section .dropzone:not(.line) .dz-preview .dz-error-mark {
    display: none;
    float: left;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(0%, -50%);
  }
  form.default section .dropzone:not(.line) .dz-preview.dz-success .dz-success-mark,
  form[class^="fos_"] section .dropzone:not(.line) .dz-preview.dz-success .dz-success-mark {
    display: block;
  }
  form.default section .dropzone:not(.line) .dz-preview .dz-error-message,
  form[class^="fos_"] section .dropzone:not(.line) .dz-preview .dz-error-message {
    display: none;
  }
  form.default section .dropzone:not(.line) .dz-preview.dz-error,
  form[class^="fos_"] section .dropzone:not(.line) .dz-preview.dz-error {
    width: 100%;
    height: auto;
  }
  form.default section .dropzone:not(.line) .dz-preview.dz-error .dz-error-message,
  form[class^="fos_"] section .dropzone:not(.line) .dz-preview.dz-error .dz-error-message {
    display: block;
    float: left;
    box-sizing: border-box;
    width: 100%;
  }
  form.default section .dropzone:not(.line) .dz-preview.dz-error .dz-error-message span,
  form[class^="fos_"] section .dropzone:not(.line) .dz-preview.dz-error .dz-error-message span {
    display: block;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 6px 12px;
    background: #bb1e10;
    color: white;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
  }
  form.default section .dropzone:not(.line) .dz-preview.dz-error .dz-image,
  form[class^="fos_"] section .dropzone:not(.line) .dz-preview.dz-error .dz-image,
  form.default section .dropzone:not(.line) .dz-preview.dz-error .dz-details,
  form[class^="fos_"] section .dropzone:not(.line) .dz-preview.dz-error .dz-details,
  form.default section .dropzone:not(.line) .dz-preview.dz-error .dz-progress,
  form[class^="fos_"] section .dropzone:not(.line) .dz-preview.dz-error .dz-progress {
    display: none;
  }
  form.default section .dropzone:not(.line) .dz-preview .dz-remove,
  form[class^="fos_"] section .dropzone:not(.line) .dz-preview .dz-remove {
    display: block;
    position: absolute;
    height: 24px;
    line-height: 24px;
    width: 24px;
    bottom: 30px;
    right: 30px;
    border-radius: 3px;
    background-color: #bb1e10;
    color: white;
    text-align: center;
    text-decoration: none;
  }
  form.default section .dropzone:not(.line).multiple .dz-preview,
  form[class^="fos_"] section .dropzone:not(.line).multiple .dz-preview {
    width: 33.33%;
  }
  form.default section .dropzone:not(.line).multiple .dz-filename,
  form[class^="fos_"] section .dropzone:not(.line).multiple .dz-filename {
    max-width: 160px !important;
  }
  a.button {
    font-size: 3vw;
    line-height: 5vw;
    padding: 1vw 2vw;
    margin: 1vw 0;
  }
  span.pseudo-button {
    line-height: 5vw;
    font-size: 3vw;
    padding: 0.5vw 1vw;
    margin-right: 1vw;
  }
}

.standard-font {
  font-family: 'Open Sans', sans-serif;
}
.condensed-font {
  font-family: 'Open Sans Condensed', sans-serif;
}
.oswald-font {
  font-family: 'Oswald', sans-serif;
}
@media screen and (max-width: 767px) {
  .wrap-messages {
    padding: 0 1vw;
  }
  .wrap-messages .message {
    padding: 0.5vw;
    margin: 1vw 0;
  }
  .wrap-messages .message h6,
  .wrap-messages .message p {
    padding: 0.25vw 0.5vw;
    font-size: 3vw;
    line-height: 3.5vw;
  }
}