/* Rot*/
/* Blau*/
/* 16px > % */
/* 18px */
/* padding-top %*/
@media screen {
  /* General Reset */
    input[type=submit], input[type="reset"], input[type="button"] {
      -webkit-appearance: none;
      -moz-appearance: none; }
    button, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
      border: 0;
      padding: 0; }
    .ym-form, .tx-powermail form, .frame-type-form_formframework form {
      background: none;
      border: none;
      border-radius: 0;
      margin: 0 0 1.5em 0; }
      .ym-form fieldset, .tx-powermail form fieldset, .frame-type-form_formframework form fieldset {
        position: static;
        background: transparent;
        margin: 0.75em 0 0.75em 0;
        padding: 0;
        width: 100%; }
      .ym-form legend, .tx-powermail form legend, .frame-type-form_formframework form legend {
        background: transparent;
        font-family: 'DIN', sans-serif;
        text-transform: none;
        color: black;
        font-size: 125%;
        line-height: 1.25em;
        padding: 0 0 0.5em 0;
        font-weight: 700; }
      .ym-form label, .tx-powermail form label, .frame-type-form_formframework form label, .ym-form .ym-label, .tx-powermail form .ym-label, .frame-type-form_formframework form .ym-label, .ym-form label.control-label, .tx-powermail form label.control-label, .frame-type-form_formframework form label.control-label {
        color: black;
        line-height: 1.25;
        padding-top: 0.25em;
        float: left;
        width: 100%;
        text-align: left; }
      .ym-form .ym-fbox, .tx-powermail form .ym-fbox, .frame-type-form_formframework form .ym-fbox {
        padding: 0 1em;
        margin: 1em 0 0.5em 0; }
      .ym-form .powermail_fieldwrap, .tx-powermail form .powermail_fieldwrap, .frame-type-form_formframework form .powermail_fieldwrap, .ym-form .fieldwrap, .tx-powermail form .fieldwrap, .frame-type-form_formframework form .fieldwrap, .ym-form .form-group, .tx-powermail form .form-group, .frame-type-form_formframework form .form-group {
        width: 100%;
        padding: 0.25em 0;
        display: inline-block; }
      .ym-form .control-label, .tx-powermail form .control-label, .frame-type-form_formframework form .control-label, .ym-form .powermail_label, .tx-powermail form .powermail_label, .frame-type-form_formframework form .powermail_label, .ym-form label.control-label, .tx-powermail form label.control-label, .frame-type-form_formframework form label.control-label {
        float: left;
        width: 25%; }
      .ym-form .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_label, .tx-powermail form .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_label, .frame-type-form_formframework form .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_label {
        display: none; }
      .ym-form .controls, .tx-powermail form .controls, .frame-type-form_formframework form .controls, .ym-form .powermail_field, .tx-powermail form .powermail_field, .frame-type-form_formframework form .powermail_field, .ym-form div.input, .tx-powermail form div.input, .frame-type-form_formframework form div.input {
        margin-left: 25%; }
      .ym-form .ym-fbox-footer, .tx-powermail form .ym-fbox-footer, .frame-type-form_formframework form .ym-fbox-footer {
        background: none;
        border-top: 0;
        padding: 1.5em 1em;
        margin: 0; }
      .ym-form .ym-fbox + .ym-fbox, .tx-powermail form .ym-fbox + .ym-fbox, .frame-type-form_formframework form .ym-fbox + .ym-fbox {
        margin: 0.5em 0; }
      .ym-form .ym-fbox:last-child, .tx-powermail form .ym-fbox:last-child, .frame-type-form_formframework form .ym-fbox:last-child {
        margin-bottom: 1em; }
      .ym-form .ym-fbox + .ym-fbox-footer, .tx-powermail form .ym-fbox + .ym-fbox-footer, .frame-type-form_formframework form .ym-fbox + .ym-fbox-footer {
        margin: 1em 0 0 0; }
      .ym-form .ym-fbox :last-child, .tx-powermail form .ym-fbox :last-child, .frame-type-form_formframework form .ym-fbox :last-child, .ym-form .ym-fbox-footer :last-child, .tx-powermail form .ym-fbox-footer :last-child, .frame-type-form_formframework form .ym-fbox-footer :last-child {
        margin-bottom: 0; }
      .ym-form .ym-fbox-heading, .tx-powermail form .ym-fbox-heading, .frame-type-form_formframework form .ym-fbox-heading {
        font-size: 1em;
        font-size: 100%;
        color: #e73137;
        margin: 1em; }
      .ym-form .ym-fbox-check:focus + label, .tx-powermail form .ym-fbox-check:focus + label, .frame-type-form_formframework form .ym-fbox-check:focus + label {
        color: #e73137; }
      .ym-form input, .tx-powermail form input, .frame-type-form_formframework form input, .ym-form textarea, .tx-powermail form textarea, .frame-type-form_formframework form textarea, .ym-form select, .tx-powermail form select, .frame-type-form_formframework form select, .ym-form .tx-srfeuserregister-pi1-text, .tx-powermail form .tx-srfeuserregister-pi1-text, .frame-type-form_formframework form .tx-srfeuserregister-pi1-text, .ym-form .tx-srfeuserregister-pi1-password, .tx-powermail form .tx-srfeuserregister-pi1-password, .frame-type-form_formframework form .tx-srfeuserregister-pi1-password {
        border: 1px solid rgba(0, 0, 0, 0.75);
        border-width: 0 0 1px 0;
        line-height: 1em;
        border-radius: 0;
        font-family: 'DIN', sans-serif;
        font-weight: 300;
        box-shadow: none;
        color: rgba(0, 0, 0, 0.9);
        width: 100%;
        background: none;
        margin: 0 0 0.75em 0;
        padding: 0.75em 0;
        background-color: transparent;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
      .ym-form input.powermail_checkbox, .tx-powermail form input.powermail_checkbox, .frame-type-form_formframework form input.powermail_checkbox {
        width: auto; }
      .ym-form textarea, .tx-powermail form textarea, .frame-type-form_formframework form textarea {
        border-width: 1px;
        padding: 0.75em;
        width: calc(100% - 1.5em); }
      .ym-form input, .tx-powermail form input, .frame-type-form_formframework form input, .ym-form textarea, .tx-powermail form textarea, .frame-type-form_formframework form textarea, .ym-form .tx-srfeuserregister-pi1-text, .tx-powermail form .tx-srfeuserregister-pi1-text, .frame-type-form_formframework form .tx-srfeuserregister-pi1-text, .ym-form .tx-srfeuserregister-pi1-password, .tx-powermail form .tx-srfeuserregister-pi1-password, .frame-type-form_formframework form .tx-srfeuserregister-pi1-password {
        background-color: transparent; }
      .ym-form select, .tx-powermail form select, .frame-type-form_formframework form select {
        padding: 3px 2px 3px 1px;
        width: calc(100% - 3px); }
      .ym-form input:focus, .tx-powermail form input:focus, .frame-type-form_formframework form input:focus, .ym-form select:focus, .tx-powermail form select:focus, .frame-type-form_formframework form select:focus, .ym-form textarea:focus, .tx-powermail form textarea:focus, .frame-type-form_formframework form textarea:focus, .ym-form .tx-srfeuserregister-pi1-text:focus, .tx-powermail form .tx-srfeuserregister-pi1-text:focus, .frame-type-form_formframework form .tx-srfeuserregister-pi1-text:focus, .ym-form .tx-srfeuserregister-pi1-password:focus, .tx-powermail form .tx-srfeuserregister-pi1-password:focus, .frame-type-form_formframework form .tx-srfeuserregister-pi1-password:focus, .ym-form input:hover, .tx-powermail form input:hover, .frame-type-form_formframework form input:hover, .ym-form select:hover, .tx-powermail form select:hover, .frame-type-form_formframework form select:hover, .ym-form textarea:hover, .tx-powermail form textarea:hover, .frame-type-form_formframework form textarea:hover, .ym-form .tx-srfeuserregister-pi1-text:hover, .tx-powermail form .tx-srfeuserregister-pi1-text:hover, .frame-type-form_formframework form .tx-srfeuserregister-pi1-text:hover, .ym-form .tx-srfeuserregister-pi1-password:hover, .tx-powermail form .tx-srfeuserregister-pi1-password:hover, .frame-type-form_formframework form .tx-srfeuserregister-pi1-password:hover, .ym-form input:active, .tx-powermail form input:active, .frame-type-form_formframework form input:active, .ym-form select:active, .tx-powermail form select:active, .frame-type-form_formframework form select:active, .ym-form textarea:active, .tx-powermail form textarea:active, .frame-type-form_formframework form textarea:active, .ym-form .tx-srfeuserregister-pi1-text:active, .tx-powermail form .tx-srfeuserregister-pi1-text:active, .frame-type-form_formframework form .tx-srfeuserregister-pi1-text:active, .ym-form .tx-srfeuserregister-pi1-password:active, .tx-powermail form .tx-srfeuserregister-pi1-password:active, .frame-type-form_formframework form .tx-srfeuserregister-pi1-password:active {
        color: black;
        border-color: black; }
      .ym-form .tx-powermail form optgroup, .tx-powermail form .tx-powermail form optgroup, .frame-type-form_formframework form .tx-powermail form optgroup {
        font-family: 'DIN', sans-serif;
        font-style: normal;
        font-weight: 300; }
      .ym-form .ym-fbox-check input, .tx-powermail form .ym-fbox-check input, .frame-type-form_formframework form .ym-fbox-check input, .ym-form input[type="image"], .tx-powermail form input[type="image"], .frame-type-form_formframework form input[type="image"], .ym-form input[type="radio"], .tx-powermail form input[type="radio"], .frame-type-form_formframework form input[type="radio"], .ym-form .radio, .tx-powermail form .radio, .frame-type-form_formframework form .radio {
        width: auto; }
        .ym-form .radio label, .tx-powermail form .radio label, .frame-type-form_formframework form .radio label {
          padding-left: 1em;
          width: auto;
          float: none;
          position: relative; }
          .ym-form .radio label input, .tx-powermail form .radio label input, .frame-type-form_formframework form .radio label input {
            position: absolute;
            left: 0;
            top: 0.6em; }
      .ym-form input[type="checkbox"], .tx-powermail form input[type="checkbox"], .frame-type-form_formframework form input[type="checkbox"] {
        border: 0 none !important;
        background: transparent !important; }
      .ym-form .ym-message, .tx-powermail form .ym-message, .frame-type-form_formframework form .ym-message {
        color: #e73137;
        margin-bottom: 0.5em; }
      .ym-form .ym-required, .tx-powermail form .ym-required, .frame-type-form_formframework form .ym-required {
        color: #e73137;
        font-weight: 300; }
      .ym-form .ym-error label, .tx-powermail form .ym-error label, .frame-type-form_formframework form .ym-error label {
        color: #e73137;
        font-weight: 300; }
      .ym-form .ym-error input, .tx-powermail form .ym-error input, .frame-type-form_formframework form .ym-error input, .ym-form .ym-error select, .tx-powermail form .ym-error select, .frame-type-form_formframework form .ym-error select, .ym-form .ym-error textarea, .tx-powermail form .ym-error textarea, .frame-type-form_formframework form .ym-error textarea {
        border: 1px rgba(0, 0, 0, 0.5) solid; }
      .ym-form .ym-error input:hover, .tx-powermail form .ym-error input:hover, .frame-type-form_formframework form .ym-error input:hover, .ym-form .ym-error input:focus, .tx-powermail form .ym-error input:focus, .frame-type-form_formframework form .ym-error input:focus, .ym-form .ym-error select:hover, .tx-powermail form .ym-error select:hover, .frame-type-form_formframework form .ym-error select:hover, .ym-form .ym-error select:focus, .tx-powermail form .ym-error select:focus, .frame-type-form_formframework form .ym-error select:focus, .ym-form .ym-error textarea:hover, .tx-powermail form .ym-error textarea:hover, .frame-type-form_formframework form .ym-error textarea:hover, .ym-form .ym-error textarea:focus, .tx-powermail form .ym-error textarea:focus, .frame-type-form_formframework form .ym-error textarea:focus {
        border: 1px rgba(0, 0, 0, 0.5) solid !important; }
      .ym-form .ym-error .ym-message, .tx-powermail form .ym-error .ym-message, .frame-type-form_formframework form .ym-error .ym-message {
        color: #e73137;
        font-weight: 300;
        margin-top: 0; }
    .ym-button, button, input[type="button"], input[type="reset"], input[type="submit"] {
      display: inline-block;
      white-space: nowrap;
      border: 1px solid black;
      border-radius: 1em;
      cursor: pointer;
      background: rgba(255, 255, 255, 0.5);
      margin: 0;
      padding: 0.4em 2.5em;
      box-shadow: none;
      overflow: visible;
      line-height: 100%;
      /* removes extra side spacing in IE */
      text-decoration: none !important;
      width: auto;
      font-family: 'DIN', sans-serif;
      font-weight: 700;
      text-transform: none;
      color: black;
      font-size: 87.5%;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
    .ym-button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
      background: #e73137;
      box-shadow: none;
      color: white; }
    .ym-button:active, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
      position: relative;
      top: 1px;
      background: #e73137;
      box-shadow: none;
      color: white; }
    .ym-button:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
      outline: 0;
      background: #e73137;
      box-shadow: none;
      color: white; }
    .ym-button.ym-xlarge {
      font-size: 125%; }
    .ym-button.ym-large {
      font-size: 115.5%; }
    .ym-button.ym-small {
      font-size: 87.5%; }
    .ym-button.ym-xsmall {
      font-size: 75%; }
    .ym-button.ym-empty {
      padding: 0;
      line-height: 250%;
      -webkit-transition: all 0.6s ease 0.1s;
      -moz-transition: all 0.6s ease 0.1s;
      -o-transition: all 0.6s ease 0.1s;
      -ms-transition: all 0.6s ease 0.1s;
      transition: all 0.6s ease 0.1s; }
    .ym-button.ym-empty:hover {
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -ms-transition-delay: 0s;
      transition-delay: 0s;
      /* Button color scheme: primary */ }
    .ym-button.ym-primary, .ym-button.is-checked, button.ym-primary, input[type="button"].ym-primary, input[type="reset"].ym-primary, input[type="submit"].ym-primary {
      border-color: rgba(125, 125, 125, 0.75);
      color: #7d7d7d; }
    .ym-button.ym-primary:hover, .ym-button.is-checked:hover, button.ym-primary:hover, input[type="button"].ym-primary:hover, input[type="reset"].ym-primary:hover, input[type="submit"].ym-primary:hover {
      border-color: #7d7d7d;
      color: #7d7d7d; }
    .ym-button.ym-primary:focus, .ym-button.is-checked:focus, button.ym-primary:focus, input[type="button"].ym-primary:focus, input[type="reset"].ym-primary:focus, input[type="submit"].ym-primary:focus {
      outline: 0;
      /* Button color scheme: success */ }
    .ym-button.ym-success, button.ym-success, input[type="button"].ym-success, input[type="reset"].ym-success, input[type="submit"].ym-success {
      background: rgba(0, 165, 9, 0.75);
      color: #fafafa !important; }
    .ym-button.ym-success:hover, button.ym-success:hover, input[type="button"].ym-success:hover, input[type="reset"].ym-success:hover, input[type="submit"].ym-success:hover {
      background: #00a509;
      color: #fafafa; }
    .ym-button.ym-success:focus, button.ym-success:focus, input[type="button"].ym-success:focus, input[type="reset"].ym-success:focus, input[type="submit"].ym-success:focus {
      outline: 0;
      /* Button color scheme: warning */ }
    .ym-button.ym-warning, button.ym-warning, input[type="button"].ym-warning, input[type="reset"].ym-warning, input[type="submit"].ym-warning {
      background: rgba(125, 125, 125, 0.75);
      color: #fafafa; }
    .ym-button.ym-warning:hover, button.ym-warning:hover, input[type="button"].ym-warning:hover, input[type="reset"].ym-warning:hover, input[type="submit"].ym-warning:hover {
      background: #7d7d7d;
      color: #fafafa; }
    .ym-button.ym-warning:focus, button.ym-warning:focus, input[type="button"].ym-warning:focus, input[type="reset"].ym-warning:focus, input[type="submit"].ym-warning:focus {
      outline: 0;
      /* Button color scheme: danger */ }
    .ym-button.ym-danger, button.ym-danger, input[type="button"].ym-danger, input[type="reset"].ym-danger, input[type="submit"].ym-danger {
      background: rgba(216, 151, 26, 0.75);
      color: #fafafa; }
    .ym-button.ym-danger:hover, button.ym-danger:hover, input[type="button"].ym-danger:hover, input[type="reset"].ym-danger:hover, input[type="submit"].ym-danger:hover {
      background: #d8971a;
      color: #fafafa; }
    .ym-button.ym-danger:focus, button.ym-danger:focus, input[type="button"].ym-danger:focus, input[type="reset"].ym-danger:focus, input[type="submit"].ym-danger:focus {
      outline: 0;
      /* removes extra inner spacing in Firefox */ }
    button::-moz-focus-inner {
      border: 0;
      padding: 0;
      /* If line-height can't be modified, then fix Firefox spacing with padding */ }
    input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
      padding: 0.4em;
      /* The disabled styles */ }
    button[disabled], button[disabled]:hover, input[type=button][disabled], input[type=button][disabled]:hover, input[type=reset][disabled], input[type=reset][disabled]:hover, input[type=submit][disabled], input[type=submit][disabled]:hover, .ym-button.ym-disabled, .ym-button.ym-disabled:hover {
      background: #7d7d7d;
      color: #fafafa !important;
      border-color: #7d7d7d;
      cursor: default;
      text-shadow: none;
      position: static;
      -webkit-box-shadow: none;
      box-shadow: none; }
    button:before, .ym-button:before, .slider-nav .bx-prev:before, .slider-nav .bx-next:before {
      color: #7d7d7d; }
      nav .ym-form legend, nav .tx-powermail form legend {
        font-size: 100%; }
    .tx-indexedsearch-form, .tx-indexedsearch-search-submit {
      float: left;
      margin: 0 1em 0 0; }
      .slider-nav .bx-prev:before, .slider-nav .bx-next:before {
        color: #7d7d7d; } }

@media screen and (max-width: 992px) {
  .ym-form fieldset, .tx-powermail form fieldset {
    margin: 0; }
  .ym-form .ym-fbox, .tx-powermail form .ym-fbox {
    padding: 0;
    margin: 0.5em 0; } }

@media screen and (max-width: 568px) {
  .ym-form .control-label, .tx-powermail form .control-label, .ym-form .powermail_label, .tx-powermail form .powermail_label {
    float: none;
    width: auto; }
  .ym-form .controls, .tx-powermail form .controls, .ym-form .powermail_field, .tx-powermail form .powermail_field {
    margin-left: 0; } }