/* Fonts */
/* Headings */
/* Navigation */
/* Font Color */
/* Link Color */
/* Button Color (Teaser, etc.) */
/* Background Color */
/* Teaser */
/* Form */
/* Footerlinks */
/* Social Media Icons */
/* Text */
form ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
input,
textarea,
select {
  font-weight: 300;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
fieldset {
  width: 100%;
  margin: 0 0 20px 0;
}
fieldset.optionset {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
fieldset.optionset legend {
  min-height: 1px;
  position: relative;
  padding: 10px 0 0 0;
  width: 100%;
}
fieldset.optionset .middleColumn {
  width: 76.582279%;
  margin-left: 23.417721%;
  min-height: 1px;
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
}
form.userform .left {
  font-weight: 300;
}
form {
  border: 0;
}
form div.field {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 20px 0;
}
form div.hide {
  display: none;
  visibility: hidden;
}
form div label {
  width: 100%;
  min-height: 1px;
  -ms-flex: 0 0 23.417721%;
  flex: 0 0 23.417721%;
  max-width: 23.417721%;
  position: relative;
  padding: 10px 0 0 0;
  font-weight: 300;
}
form div legend {
  font-size: 1rem;
}
form div .optionset.left label,
form div .checkbox.left label {
  text-align: left;
}
form div .optionset label,
form div .checkbox label {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
form div .optionset label.checkbox-error,
form div .checkbox label.checkbox-error {
  padding: 0 10px;
}
form div .optionset .middleColumn label,
form div .checkbox .middleColumn label {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
form div .middleColumn {
  width: 100%;
  min-height: 1px;
  -ms-flex: 0 0 76.582279%;
  flex: 0 0 76.582279%;
  max-width: 76.582279%;
  position: relative;
  padding-left: 10px;
}
form div .middleColumn .datepicker input {
  width: 100%;
  padding: 9px;
  border: 1px solid #adadad;
  background: #ffffff;
}
form div .middleColumn .datepicker a {
  display: none;
  visibility: hidden;
}
form div.checkbox {
  padding-left: 23.417721%;
}
form div.checkbox .middleColumn {
  width: 100%;
  min-height: 1px;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
form div.optionset {
  padding-left: 23.417721%;
}
form div.optionset > label {
  padding: 0 10px;
}
form div.optionset .middleColumn {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
form div.optionset span.error.message,
form div.optionset span.required.message,
form div.optionset label.label-error {
  padding: 0 10px;
}
form div.nolabel .middleColumn {
  margin: 0 0 0 auto;
}
form div .FormHeading {
  margin-top: 20px;
}
input.text {
  width: 100%;
  padding: 10px 20px;
  border: 1px solid #adadad;
  background: #ffffff;
}
input::placeholder {
  color: #222222 !important;
}
input[type=checkbox],
input[type=radio] {
  position: absolute;
  top: -200%;
  left: -200%;
  z-index: -12;
}
input[type=checkbox] {
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  appearance: checkbox !important;
}
input[type=radio] {
  -webkit-appearance: radio !important;
  -moz-appearance: radio !important;
  appearance: radio !important;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
  font-family: 'Font Awesome\ 5 Pro';
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
  display: inline-block;
  color: #222222;
}
input[type=checkbox] + label,
input[type=radio] + label {
  cursor: pointer;
  padding-left: 27px;
  position: relative;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
  position: absolute;
  left: 0;
  top: 15px;
}
/* Checkbox Symbols */
input[type=checkbox] + label:before {
  content: "\f0c8";
}
input[type=checkbox]:checked + label:before {
  content: "\f14a";
  font-weight: 400;
}
/* Radio Button Symbols */
input[type=radio] + label:before {
  content: "\f111";
}
input[type=radio]:checked + label:before {
  content: "\f192";
  font-weight: 400;
}
input[type=checkbox].error + label {
  color: #ff0000;
}
input[type=radio].error + label {
  color: #ff0000;
}
@media (hover: hover) and (pointer: fine) {
  input[type=checkbox] + label:hover:before {
    content: "\f14a";
    color: #666;
  }
  input[type=radio] + label:hover:before {
    content: "\f192";
    color: #666;
  }
}
textarea {
  width: 100%;
  padding: 9px;
  border: 1px solid #adadad;
  background: #ffffff;
  text-transform: none;
}
select {
  width: 100%;
  padding: 10px 60px 10px 20px;
  border: 1px solid #adadad;
  background: url("/public/resources/themes/master-template/images/arrow.svg") no-repeat 97% 50% #ffffff;
  background-size: 26px;
}
/* Validation */
label.required {
  display: none !important;
}
input.error {
  border: 1px solid #ff0000 !important;
}
span.error.message,
span.required.message,
label.label-error {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  font-weight: 700;
  color: #ff0000;
}
/* Options */
ul.optionset {
  margin: 0;
  overflow: hidden;
  list-style: none !important;
}
/* HTML Block */
.CompositeField p.left {
  width: 23.417721%;
}
.CompositeField.nolabel .middleColumn {
  width: 100%;
  min-height: 1px;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}
/* NoCaptcha / ReCaptcha Field */
div.field.nocaptcha {
  display: flex;
  justify-content: flex-end;
}
/* Submit Buttons */
.btn-toolbar {
  margin-left: 23.417721%;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.btn-toolbar button,
.btn-toolbar input {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.btn-toolbar button.action,
.btn-toolbar input.action {
  min-width: 222px;
  padding: 6px 8px 8px;
  font-family: 'Akkurat', 'Source Sans Pro', Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #222222;
  cursor: pointer;
  border: 2px solid #000000;
  background: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.btn-toolbar button.action:hover,
.btn-toolbar input.action:hover {
  color: #da0c18;
  background: #ffffff;
}
.btn-toolbar button.loading_submit,
.btn-toolbar input.loading_submit {
  animation: a 1s infinite steps(8);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome\ 5 Pro';
  font-weight: 900;
  content: " ";
}
.btn-toolbar button.loading_submit:before,
.btn-toolbar input.loading_submit:before {
  content: "\f110";
}
/* Uploadform Frontend
-------------------------------------------- */
main .ss-uploadfield .middleColumn {
  width: 100%;
  min-width: auto;
  -ms-flex: 76.582279%;
  flex: 76.582279%;
  max-width: 76.582279%;
  padding: 0 10px;
  border: none;
  background-image: none;
}
main .ss-uploadfield .ss-uploadfield-item {
  padding: 0;
}
main .ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview {
  font-weight: normal;
}
main .ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview.ss-uploadfield-dropzone {
  width: 100%;
  height: auto;
  float: left;
  display: block;
  padding: 65px 0;
  margin: 0 0 20px 0;
  border: 2px dashed #ff0000;
  border-radius: 5px;
  background: none;
  line-height: 100%;
  color: #000;
  moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
main .ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview.ss-uploadfield-dropzone.hover {
  border: 2px solid #ff0000;
}
main .ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info {
  width: 100%;
  display: inline-block;
  margin: 0;
}
main .ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name {
  display: none;
}
main .ss-uploadfield .ss-uploadfield-fromfiles.ss-ui-button {
  display: none;
}
main .ss-uploadfield .ss-uploadfield-files {
  width: 48%;
  display: inline-block;
  float: right;
  padding: 0;
  margin: 0 0 10px 0;
}
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item {
  margin: 0;
  border: none;
  color: #ff0000;
}
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item:before {
  display: none;
}
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-preview {
  display: none;
}
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info {
  margin: 0;
}
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name {
  -ms-flex: 100%;
  flex: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  position: relative;
}
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .name {
  max-width: inherit;
  float: left;
  display: inline-block;
  margin: 0 !important;
  overflow: visible;
  color: #ff0000;
  font-weight: normal;
  /*&:before {
                                float: right;
                                margin: 0 0 0 10px;
                                content: url('/zz_master_templates/images/hacken.svg');
                            }*/
}
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-actions {
  margin: 0;
}
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-progress {
  margin: 6px 0 0;
  right: 60px;
}
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start,
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-cancel {
  top: 0;
}
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start button,
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-cancel button {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 0;
  text-indent: inherit;
}
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start button:before,
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-cancel button:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'Font Awesome\ 5 Pro';
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
  color: blue;
}
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start {
  right: 28px;
}
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start button {
  width: 25px;
  height: 24px;
}
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start button:before {
  content: "\f0ee";
}
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-cancel button {
  width: 18px;
  height: 20px;
}
main .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-cancel button:before {
  content: "\f2ed";
}
main .ss-uploadfield .ss-uploadfield-addfile {
  width: 48%;
  float: left;
  margin: 0 4% 0 0;
}
main .ss-uploadfield .ss-uploadfield-addfile.borderTop {
  border: none;
}
main .ss-uploadfield .ss-ui-button.ss-uploadfield-startall,
main .ss-uploadfield .ss-ui-button.ss-uploadfield-fromcomputer {
  width: auto;
  -ms-flex: auto;
  flex: auto;
  max-width: inherit;
  padding: 6px 8px 8px;
  margin: 0 10px 0 0;
  font-family: 'Akkurat', 'Source Sans Pro', Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  color: #222222;
  cursor: pointer;
  border: 1px solid #000000;
  background: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
main .ss-uploadfield .ss-ui-button.ss-uploadfield-startall:hover,
main .ss-uploadfield .ss-ui-button.ss-uploadfield-fromcomputer:hover {
  color: #da0c18;
  background: #ffffff;
}
main .ss-uploadfield span.error.message,
main .ss-uploadfield span.required.message,
main .ss-uploadfield label.label-error {
  -ms-flex: 76.582279%;
  flex: 76.582279%;
  max-width: 76.582279%;
  padding: 0 10px;
  margin: 0 0 0 auto;
}
/* LOGIN FORM
-------------------------------------------- */
#GroupLoginForm_LoginForm_Remember_Holder label {
  margin: 0 10px;
}
#GroupLoginForm_LoginForm_Remember_Holder label.right {
  text-align: left;
  -ms-flex: 0 0 74.582279%;
  flex: 0 0 74.582279%;
  max-width: 74.582279%;
}
p#ForgotPassword {
  margin: 10px 0;
}
/* UserForm Multistep
-------------------------------------------- */
.userform-progress {
  width: 100%;
  display: block;
  visibility: visible;
}
.userform-progress p,
.userform-progress .step-buttons {
  display: none;
  visibility: hidden;
}
.userform-progress .progress {
  background: #dddddd !important;
}
.userform-progress .progress .progress-bar {
  background: #da0c18;
}
.userform-progress nav {
  display: block;
  visibility: visible;
  width: 100%;
  margin: 0 0 20px 0;
}
.userform-progress nav .step-buttons {
  display: none;
  visibility: hidden;
  width: 100%;
  display: inline-block;
  padding: 0;
  margin: 0;
}
.userform-progress nav .step-buttons .step-button-wrapper {
  width: auto;
  display: inline-block;
  margin: 0 8px 0 0;
}
.userform-progress nav .step-buttons .step-button-wrapper.viewed button.step-button-jump {
  background: #bbb;
}
.userform-progress nav .step-buttons .step-button-wrapper.current button.step-button-jump {
  background: #000000;
}
.userform-progress nav .step-buttons .step-button-wrapper button.step-button-jump {
  padding: 8px;
  border: none;
  color: #fff;
  cursor: pointer;
  background: #000000;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.userform-progress nav .step-buttons .step-button-wrapper button.step-button-jump:hover {
  background: #e3e3e3;
}
.userform-progress nav .step-buttons .step-button-wrapper button.step-button-jump:disabled {
  cursor: default;
  background: #ddd;
}
.step-navigation {
  width: 100%;
}
.step-navigation .step-buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
}
.step-navigation .step-buttons .step-button-wrapper {
  width: auto;
  display: inline-block;
  padding: 0;
  margin: 0;
}
.step-navigation .step-buttons .step-button-wrapper .step-button-prev,
.step-navigation .step-buttons .step-button-wrapper .step-button-next {
  min-width: 222px;
  padding: 6px 8px 8px;
  font-family: 'Akkurat', 'Source Sans Pro', Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #222222;
  cursor: pointer;
  border: 2px solid #000000;
  background: #ffffff;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.step-navigation .step-buttons .step-button-wrapper .step-button-prev:hover,
.step-navigation .step-buttons .step-button-wrapper .step-button-next:hover {
  color: #da0c18;
  background: #ffffff;
}
.step-navigation .step-buttons .step-button-wrapper .step-button-prev {
  margin: 0 20px 0 0;
}