/* =========================================
   VARIABLEN & RESET
   ========================================= */

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type="range"] {
  display: block;
  width: 100%;
}

input[type="file"] {
  display: block;
  width: 100%;
  max-width: 100%;
  color: var(--c-blue);
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ccc;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  line-height: normal;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input[type="file"]::file-selector-button {
  border: none;
  height: 100%;
  background: var(--c-blue);
  padding: 0 20px;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

input[type="file"]::file-selector-button:hover {
  background: var(--c-red);
}

select[multiple],
select[size] {
  height: auto;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 5px 0;
  border: 0;
}

legend {
  display: none;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  max-width: 100%;
  margin-bottom: 5px;
  min-width: 160px;
  color: var(--c-blue);
  font-weight: 400;
}

select {
  width: 100%;
  border: 1px solid #ddd;
}

textarea.form-control {
  height: auto;
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}


/* =========================================
   TEXT-HILFSKLASSEN
   ========================================= */

.text-muted    { color: #777; }
.text-primary  { color: #337ab7; }
.text-success  { color: #3c763d; }
.text-info     { color: #31708f; }
.text-warning  { color: #8a6d3b; }
.text-danger   { color: #a94442; }

a.text-primary:hover, a.text-primary:focus { color: #286090; }
a.text-success:hover, a.text-success:focus { color: #2b542c; }
a.text-info:hover,    a.text-info:focus    { color: #245269; }
a.text-warning:hover, a.text-warning:focus { color: #66512c; }
a.text-danger:hover,  a.text-danger:focus  { color: #843534; }

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}


/* =========================================
   BLOCKQUOTE
   ========================================= */

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}


/* =========================================
   LAYOUT
   ========================================= */

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}


/* =========================================
   FORMULAR – ALLGEMEIN
   ========================================= */

.form-group {
  margin-bottom: 5px;
}

.form-control:focus {
  border-color: var(--c-blue);
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.form-control::-moz-placeholder         { color: #999; opacity: 1; }
.form-control:-ms-input-placeholder     { color: #999; }
.form-control::-webkit-input-placeholder { color: #999; }
.form-control::-ms-expand               { background-color: transparent; border: 0; }

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.has-feedback label ~ .form-control-feedback  { top: 25px; }
.has-feedback label.sr-only ~ .form-control-feedback { top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}


/* =========================================
   FORMULAR – GRÖSSEN
   ========================================= */

.input-sm,
select.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm        { line-height: 30px; }
textarea.input-sm,
select[multiple].input-sm { height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control             { height: 30px; line-height: 30px; }
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control   { height: auto; }
.form-group-sm .form-control-static            { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; }

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg        { height: 46px; line-height: 46px; }
textarea.input-lg,
select[multiple].input-lg { height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.form-group-lg select.form-control             { height: 46px; line-height: 46px; }
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control   { height: auto; }
.form-group-lg .form-control-static            { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; }

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; }

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; }


/* =========================================
   FORMULAR – VALIDIERUNG
   ========================================= */

.has-success .help-block, .has-success .control-label,
.has-success .radio, .has-success .checkbox,
.has-success .radio-inline, .has-success .checkbox-inline,
.has-success.radio label, .has-success.checkbox label,
.has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #67b168;
}
.has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; }
.has-success .form-control-feedback { color: #3c763d; }

.has-warning .help-block, .has-warning .control-label,
.has-warning .radio, .has-warning .checkbox,
.has-warning .radio-inline, .has-warning .checkbox-inline,
.has-warning.radio label, .has-warning.checkbox label,
.has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; }
.has-warning .form-control-feedback { color: #8a6d3b; }

.has-error .help-block, .has-error .control-label,
.has-error .radio, .has-error .checkbox,
.has-error .radio-inline, .has-error .checkbox-inline,
.has-error.radio label, .has-error.checkbox label,
.has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; }
.has-error .form-control-feedback { color: #a94442; }


/* =========================================
   FORMULAR – HORIZONTAL & INLINE
   ========================================= */

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

.form-horizontal .checkbox {
  float: left;
  margin: 0 10px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
  .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; }
  .form-horizontal .form-group-sm .control-label { padding-top: 6px;  font-size: 12px; }

  .form-inline .form-group    { display: inline-block; margin-bottom: 0; vertical-align: middle; }
  .form-inline .form-control  { display: inline-block; width: auto; vertical-align: middle; }
  .form-inline .form-control-static { display: inline-block; }
  .form-inline .input-group   { display: inline-table; vertical-align: middle; }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control { width: auto; }
  .form-inline .input-group > .form-control { width: 100%; }
  .form-inline .control-label { margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox       { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio label,
  .form-inline .checkbox label { padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback { top: 0; }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control         { line-height: 34px; }

  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"]      { line-height: 30px; }

  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"]      { line-height: 46px; }
}


/* =========================================
   RADIO & CHECKBOX
   ========================================= */

.radio,
.checkbox {
  position: relative;
  display: flex;
  align-items: center;
}

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled],  input[type="checkbox"][disabled],
input[type="radio"].disabled,   input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
.radio-inline.disabled,         .checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline,
.radio.disabled label,          .checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

/* Toggle-Switch (Checkbox als Schalter) */
.tx-powermail input[type="checkbox"] {
  display: none;
}

.checkbox input {
  display: none;
}

.checkbox label {
  max-width: 100%;
  position: relative;
  left: 50px;
}

.checkbox input + a + span,
.checkbox input + span {
  width: 40px;
  height: 20px;
  border-radius: 5px;
  border: 2px solid #ddd;
  background-color: #eee;
  display: inline-block;
  float: left;
  margin-right: 5px;
  transition: background-color 0.5s linear;
  margin-top: 12px;
  position: absolute;
  left: -50px;
  top: -10px;
}

.checkbox input + a + span:hover,
.checkbox input + span:hover {
  cursor: pointer;
}

.checkbox input + a + span::before,
.checkbox input + span::before {
  width: 16px;
  height: 16px;
  border-radius: 5px;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
  transition: margin 0.1s linear;
  box-shadow: 0 0 5px #aaa;
}

.checkbox input:checked + a + span,
.checkbox input:checked + span {
  background-color: var(--c-red);
}

.checkbox input:checked + a + span::before,
.checkbox input:checked + span::before {
  margin: 0 0 0 20px;
}

/* Checkbox als großer Toggle */
input[type="checkbox"] + label {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  font-family: sans-serif;
  font-size: 24px;
  line-height: 1.3;
}

input[type="checkbox"] + label:before {
  width: 60px;
  height: 30px;
  border-radius: 30px;
  border: 2px solid #ddd;
  background-color: #eee;
  content: "";
  margin-right: 15px;
  transition: background-color 0.5s linear;
}

input[type="checkbox"] + label:after {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #fff;
  content: "";
  transition: margin 0.1s linear;
  box-shadow: 0 0 5px #aaa;
  position: absolute;
  left: 2px;
  top: 2px;
}

input[type="checkbox"]:checked + label:before {
  background-color: #2b8718;
}

input[type="checkbox"]:checked + label:after {
  margin: 0 0 0 30px;
}


/* =========================================
   BUTTONS
   ========================================= */

.btn,
.powermail_submit {
  cursor: pointer;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }
.btn-sm, .btn-group-sm > .btn { padding: 5px 10px;  font-size: 12px; line-height: 1.5;       border-radius: 3px; }
.btn-xs, .btn-group-xs > .btn { padding: 1px 5px;   font-size: 12px; line-height: 1.5;       border-radius: 3px; }

.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}

/* Button-Varianten */
.btn-primary .badge { color: #337ab7; background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover, .btn-success.active:hover,
.btn-success:active:focus, .btn-success.active:focus { background-color: #398439; border-color: #255625; }
.btn-success.disabled:hover, .btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus, .btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus { background-color: #5cb85c; border-color: #4cae4c; }
.btn-success .badge { color: #5cb85c; background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover, .btn-info.active:hover,
.btn-info:active:focus, .btn-info.active:focus { background-color: #269abc; border-color: #1b6d85; }
.btn-info.disabled:hover, .btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus, .btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus { background-color: #5bc0de; border-color: #46b8da; }
.btn-info .badge { color: #5bc0de; background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: var(--main-txt-color);
  border-color: var(--main-txt-color);
  margin-right: 5px;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: var(--sub-lightblue-color);
  border-color: var(--sub-lightblue-color);
}
.btn-warning.disabled:hover, .btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus, .btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus { background-color: #f0ad4e; border-color: #eea236; }
.btn-warning .badge { color: #f0ad4e; background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover { background-color: var(--c-red); border-color: var(--c-red); }
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; }
.btn-danger:active:hover, .btn-danger.active:hover,
.btn-danger:active:focus, .btn-danger.active:focus { background-color: #ac2925; border-color: #761c19; }
.btn-danger.disabled:hover, .btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus, .btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus { background-color: #d9534f; border-color: #d43f3a; }
.btn-danger .badge { color: #d9534f; background-color: #fff; }

input.btn {
  position: relative;
  left: 0;
  border: 0;
  padding: 10px 20px;
  line-height: 25px;
  color: #fff;
  z-index: 1;
}

input.btn.btn-danger {
  background: var(--main-txt-color);
}

.frame-type-felogin_login input[type="submit"] {
  position: relative;
  left: 0;
  border: 0;
  padding: 25px 80px;
  font-weight: 600;
  line-height: 10px;
  background: var(--c-red);
  color: #fff;
  margin-top: 9px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.20), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
}


/* =========================================
   BE-VARIANTS SELECT
   ========================================= */

#be-variants-select.form-control {
  display: block;
  background: var(--c-red);
  border: 0;
  padding: 1em 1em;
  color: #fff;
  height: 54px;
  max-width: 158px;
  min-width: 185px;
  text-align: left;
  margin: 0 0 5px 0;
  position: relative;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}


/* =========================================
   POWERMAIL – ALLGEMEIN
   ========================================= */

.tx-powermail h3 { margin: 0; }
.tx-powermail ul { margin: 0; }

.tx-powermail .powermail_message.powermail_message_error li {
  background: var(--c-red);
  color: #fff;
  padding: 10px;
}

.tx-powermail .powermail_fieldwrap_type_html a {
  text-decoration: underline;
}

.powermail_field {
  position: relative;
  flex-grow: 1;
}

.powermail_fieldwrap {
  margin: 5px 0 0 0;
}

#page-141 .powermail_fieldwrap,
#page-379 .powermail_fieldwrap,
#page-362 .powermail_fieldwrap,
#page-330 .powermail_fieldwrap {
  margin: 5px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.parsley-errors-list li {
  position: relative;
  color: var(--c-red);
  list-style: none;
  margin: 0;
  border-top: 3px solid var(--c-red);
}

.powermail_message_error {
  margin: 0;
  list-style: none;
}

.powermail_message_error li {
  color: red;
}

span.mandatory {
  color: #e3031b;
}

.powermail_confirmation,
form.powermail_form.powermail_form_1.nolabel {
  width: 80%;
}

.powermail_confirmation h1 {
  font-size: 18px !important;
  margin-top: 0;
  float: left;
}

.powermail_confirmation table {
  color: var(--c-blue);
  font-weight: 600;
}

.powermail_create {
  color: var(--c-blue);
  font-weight: 600;
}

.powermail_captcha {
  margin-bottom: 10px;
}

.powermail_captchaimage {
  width: 75%;
}

.powermail_date {
  position: relative;
  height: 40px;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #ddd;
  color: var(--c-blue);
  padding-left: 10px;
  padding-right: 350px;
  font-family: sans-serif;
  font-size: 15px;
}

.powermail_select {
  position: relative;
  height: 40px;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #ddd;
  color: var(--c-blue);
  padding-left: 10px;
  font-family: sans-serif;
  font-size: 15px;
  background: white;
}

.powermail_fieldwrap_textlebenslauf {
  color: var(--c-blue);
  font-weight: 800;
  padding-top: 10px;
  padding-bottom: 5px;
}

.powermail_fieldwrap_datenschutz {
  margin: 25px 0;
}

.powermail_fieldwrap_absenden {
  /* Wird mobil als flex gesetzt (siehe Media Query) */
}

.powermail_fieldwrap_stellenangebote .powermail_field {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px 0;
}

.powermail_fieldwrap_stellenangebote .powermail_field .checkbox {
  flex-grow: 1;
  margin-right: 3px;
  align-items: center;
  padding: 5px;
}

.powermail_fieldwrap.powermail_fieldwrap_type_textarea.powermail_fieldwrap_nachricht {
  align-items: flex-start;
}

textarea#powermail_field_nachricht {
  min-height: 160px;
}

.powermail_field_error_container.powermail_field_error_container_stellenangebote.parsley-error {
  display: block;
  left: -68px;
  position: relative;
}


/* =========================================
   POWERMAIL – FELDER
   ========================================= */

input[type="password"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="datum"],
input[type="search"],
textarea {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  padding: 10px;
  resize: vertical;
  border: 1px solid #ddd;
  border-radius: 0;
  color: var(--c-blue);
}

label.powermail_label {
  margin-top: 1em;
  margin-bottom: 1em;
  display: block;
}


/* =========================================
   POWERMAIL – DATEI-UPLOAD
   ========================================= */

.powermail_fieldwrap_type_file {
  position: relative;
}

.powermail_file {
  cursor: pointer;
  height: 40px;
  transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
}

.powermail_file:hover {
  background: #f2f2f2;
  border-color: var(--c-red);
}

.powermail_file:hover .drop-title {
  color: #222;
}


/* =========================================
   POWERMAIL – SUBMIT
   ========================================= */

input.powermail_submit {
  position: relative;
  left: 0;
  border: 0;
  padding: 25px 80px;
  font-weight: 600;
  line-height: 25px;
  background: var(--c-red);
  color: #fff;
  z-index: 1;
  margin-top: 9px;
}

input.powermail_submit:hover {
  background: var(--c-blue);
}


/* =========================================
   POWERMAIL – SEITEN-SPEZIFISCH
   ========================================= */

#page-141 .powermail_fieldwrap_strassehausnr,
#page-141 .powermail_fieldwrap_plzort {
  float: left;
  margin-right: 4px;
}

#page-141 .powermail_fieldwrap_land {
  clear: both;
}

input#powermail_field_hausnr {
  margin-top: 7px;
}


/* =========================================
   RESPONSIVE
   ========================================= */

@media screen and (max-width: 1220px) {
  .powermail_confirmation,
  form.powermail_form.powermail_form_1.nolabel {
    width: 100%;
  }

  #page-141 .powermail_fieldwrap_strassehausnr,
  #page-141 .powermail_fieldwrap_plzort {
    width: 65%;
  }
}

@media screen and (max-width: 1023px) {
  #page-141 .powermail_fieldwrap_strassehausnr,
  #page-141 .powermail_fieldwrap_plzort {
    width: 60%;
  }
}

@media screen and (max-width: 767px) {
  #be-variants-select.form-control {
    width: auto;
    min-width: unset;
    max-width: 70px;
  }
}

@media screen and (max-width: 599px) {
  .powermail_fieldwrap_absenden {
    display: flex;
  }

  #page-141 .powermail_fieldwrap_strassehausnr,
  #page-141 .powermail_fieldwrap_plzort {
    width: 60%;
  }
}