@charset "UTF-8";
/* Colors */
/**
 * Breakpoints
 */
/* Fonts */
@font-face {
  font-family: 'Calibri';
  src: local("Calibri"), url("../fonts/calibri.woff2") format("woff2"); }

@font-face {
  font-family: 'Calibri Bold';
  src: local("Calibri Bold"), url("../fonts/calibri-bold.woff2") format("woff2"); }

@font-face{
  font-family:'TexGyreHeros Bold';
  src:local('TeXGyreHeros-Bold'),
    url('../fonts/texgyreheros-bold-webfont.woff2') format('woff2');
  font-display: swap;
}

.sliding-popup-bottom {
  border-top: 1px solid #ccc; }
  .sliding-popup-bottom .eu-cookie-compliance-message {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 15px 0 10px; }
  .sliding-popup-bottom .eu-cookie-compliance-buttons {
    margin: -7px 0 0 0; }
  .sliding-popup-bottom .find-more-button {
    color: #e5007d; }
  .sliding-popup-bottom .agree-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
    white-space: nowrap;
    font-family: 'Calibri Bold';
    border: 2px solid #e5007d;
    background: #fff;
    color: #e5007d;
    text-transform: uppercase;
    padding: 12px 17px 13px;
    float: right;
    padding: 3px 15px; }
    .sliding-popup-bottom .agree-button:hover, .sliding-popup-bottom .agree-button:focus {
      background: #e5007d;
      color: #fff;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }

input {
  -webkit-appearance: none; }

.form-text::-moz-placeholder {
  color: #ccc;
  opacity: 1; }

.form-email::-moz-placeholder {
  color: #ccc;
  opacity: 1; }

.form-text::-webkit-input-placeholder {
  color: #ccc; }

.form-text::-webkit-input-placeholder {
  color: #ccc; }

.form-text:-ms-input-placeholder {
  color: #ccc; }

.form-text:-ms-input-placeholder {
  color: #ccc; }

a {
  color: #e5007d; }

legend {
  border: 0;
  font-size: 22px; }

.form-item-intro img {
  max-width: 100%; }
  @media only screen and (min-width: 768px) {
    .form-item-intro img {
      display: none; } }

.form-item-confirm-no-email-intro {
  font-size: 16px; }

#edit-amount-range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #edit-amount-range .form-item {
    width: 65px;
    height: 46px;
    margin-right: 10px; }
    @media only screen and (min-width: 768px) {
      #edit-amount-range .form-item {
        width: 75px;
        margin-right: 15px; } }
    #edit-amount-range .form-item:first-child {
      display: none; }
  #edit-amount-range label {
    display: block;
    width: 100%;
    height: 46px;
    padding: 0;
    font: 400 22px/1  Calibri Bold, sans-serif;
    color: #fff;
    background: #e5007d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #edit-amount-range label:hover {
      background: #009ee3; }
  #edit-amount-range .form-radio {
    position: absolute;
    opacity: 0; }
    #edit-amount-range .form-radio:checked + .control-label.option {
      background: #009ee3; }
  #edit-amount-range em {
    font-style: normal; }

#edit-summary {
  line-height: 24px; }

#edit-amount-summary {
  font: 400 17px/1  Calibri Bold, sans-serif; }

.form-text,
.form-email,
.form-select,
.StripeElement {
  font: 400 17px/1 Calibri, sans-serif;
  color: #ccc;
  margin: 0 0 15px;
  padding: 0 10px;
  min-height: 44px;
  border: 2px solid #dcdfe5;
  border-radius: 0; }
  .form-text:focus,
  .form-email:focus,
  .form-select:focus,
  .StripeElement:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-color: #e5007d; }
  .form-text.parsley-error,
  .form-email.parsley-error,
  .form-select.parsley-error,
  .StripeElement.parsley-error {
    border-color: #e5007d; }

.parsley-required {
  display: none; }

#email-no-consent {
  display: none; }

button.button:not(#edit-choose-payment-amount):not(#edit-payment-additional-information):not(.edit-choose-default) {
  display: block;
  width: 100%;
  margin: 0 0 15px;
  color: #e5007d;
  border: 2px solid #e5007d;
  border-radius: 0;
  font: 400 17px/1 'Calibri Bold', sans-serif;
  text-transform: uppercase;
  letter-spacing: .02em;
  background: #fff;
  padding: 10px 0;
  cursor: pointer; }
  button.button:not(#edit-choose-payment-amount):not(#edit-payment-additional-information):not(.edit-choose-default):hover, button.button:not(#edit-choose-payment-amount):not(#edit-payment-additional-information):not(.edit-choose-default):focus {
    background: #e5007d;
    border-color: #e5007d;
    color: #fff; }
  button.button:not(#edit-choose-payment-amount):not(#edit-payment-additional-information):not(.edit-choose-default)[disabled] {
    border-color: grey;
    color: grey; }
    button.button:not(#edit-choose-payment-amount):not(#edit-payment-additional-information):not(.edit-choose-default)[disabled]:hover {
      background: none;
      border-color: grey;
      color: grey; }

#paypment-method-wrapper button.button[name="paypal"] {
  border: 2px solid #e5007d;
  color: #e5007d; }

#paypment-method-wrapper button.button[data-drupal-selector="edit-choose-debit"] {
  border: 2px solid #787878;
  color: #787878; }

#paypment-method-wrapper button.button[data-drupal-selector="edit-choose-stripe"] {
  border: 2px solid #787878;
  color: #787878; }

#edit-paypal:hover,
#edit-paypal:focus,
#edit-paypment-method-wrapper #edit-choose-debit:hover,
#edit-paypment-method-wrapper #edit-choose-debit:focus {
  color: #fff;
  border-color: #e5007d; }

#edit-paypment-method-wrapper #edit-choose-debit[disabled]:hover {
  color: grey;
  border-color: grey; }

/* anderer Betrag */
.form-item-amount,
.form-item-additional-information-gliederung {
  display: none; }

.form-item-amount,
.form-item-additional-information-donatee,
.form-item-additional-information-gliederung,
.form-item-additional-information-payment-reference {
  position: relative; }
  .form-item-amount input {
    max-width: 170px; }
  .form-item-amount:after {
    content: '€';
    position: absolute;
    left: 175px;
    top: 35px; }
  .form-item-amount label,
  .form-item-additional-information-donatee label,
  .form-item-additional-information-gliederung label,
  .form-item-additional-information-payment-reference label {
    font-weight: 400; }

.select-wrapper {
  display: block; }

.select-wrapper:after {
  color: #dcdfe5;
  top: 23px; }

/* button => links */
#edit-choose-payment-amount,
#edit-payment-additional-information,
.edit-choose-default {
  border: 0;
  padding: 0;
  font-size: 17px;
  margin: 0 0 1em; }

#edit-choose-payment-amount:hover,
#edit-choose-payment-amount:focus,
#edit-payment-additional-information:hover,
#edit-payment-additional-information:focus,
.edit-choose-default:hover,
.edit-choose-default:focus {
  background: none;
  color: #e5007d; }

.form-wrapper[data-drupal-selector="edit-zip-city"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0; }
  .form-wrapper[data-drupal-selector="edit-zip-city"] .form-group {
    margin-bottom: 0; }

.form-text[name="zip_code"] {
  width: 80px;
  margin-right: 15px; }

.form-item-legal label a {
  color: #e5007d; }

.form-item-legal .control-label.option,
.form-item-legal .form-checkbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  cursor: pointer;
  font-size: 17px;
  margin-left: 30px; }

.form-item-legal .form-checkbox {
  opacity: 0; }

.form-item-legal .control-label.option:before {
  content: '';
  background: #fff;
  border: 2px solid #dcdfe5;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  text-align: center;
  margin-left: -30px; }

.form-item-legal .form-checkbox:checked + .control-label.option:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  font-size: 18px; }

#email-no-consent .form-group {
  margin-bottom: 0; }

#email-no-consent .button {
  display: inline !important;
  text-transform: inherit !important;
  padding: 0 !important;
  width: auto !important;
  font: inherit !important;
  border: none !important;
  letter-spacing: inherit !important; }
  #email-no-consent .button:hover {
    background: none !important;
    color: #e5007d !important; }

#edit-links {
  margin-bottom: -10px; }
  #edit-links p {
    padding-top: 10px; }
    #edit-links p a {
      color: #6c6c6c;
      display: inline-block;
      padding-right: 25px; }

.parsley-errors-list {
  list-style: none;
  padding-left: 0; }

body {
  font: 400 17px/20px Calibri,sans-serif; }
  @media only screen and (min-width: 768px) {
    body {
      background-size: cover; } }
  @media only screen and (min-width: 1024px) {
    body {
      background-position: center center; } }

.main-container {
  background: #fff;
  width: 100%;
  max-width: 410px;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (min-width: 768px) {
    .main-container {
      margin: 60px 0 40px 40px;
      padding: 25px; } }
  @media only screen and (min-width: 1024px) {
    .main-container {
      margin-left: calc(50% - 410px); } }
  @media only screen and (min-width: 1100px) {
    .main-container {
      margin-left: calc(50% - 480px); } }
  @media only screen and (min-width: 1400px) {
    .main-container {
      margin-left: calc(50% - 600px); } }

h1 {
  font: 400 30px/34px Din,sans-serif;
  color: #009ee3; }

.subheadline {
  font: 400 22px/24px Calibri,sans-serif;
  color: #ccc; }

.form-item-note {
  font-size: 16px;
  line-height: 20px;
  color: #6c6c6c; }

.path-spenden .navbar-btn,
.path-spenden .navbar-brand {
  display: none; }

.path-spenden .uv-spenden-form a img,
.path-spenden .form-item-logo img {
  max-width: 200px; }

.path-spenden h1 {
  font-family: "Futura LT Pro bold italic";
  font-size: 22px;
  color: #333;
  line-height: 1.27;
  text-align: left; }

.path-spenden #edit-intro img {
  margin-top: 20px; }

.path-spenden .fieldset-legend {
  font-family: "Calibri Bold";
  font-size: 17px; }

.path-spenden .form-text,
.path-spenden .form-email,
.path-spenden .form-select,
.path-spenden .StripeElement {
  background: #f7f7f7;
  border: 0;
  border-bottom: 1px solid #d3d4d6;
  border-radius: 5px 5px 0 0;
  padding: 11px 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #333; }
  .path-spenden .form-text:focus, .path-spenden .form-text:active,
  .path-spenden .form-email:focus,
  .path-spenden .form-email:active,
  .path-spenden .form-select:focus,
  .path-spenden .form-select:active,
  .path-spenden .StripeElement:focus,
  .path-spenden .StripeElement:active {
    border-color: #e5007d; }
  .path-spenden .form-text::-webkit-input-placeholder,
  .path-spenden .form-email::-webkit-input-placeholder,
  .path-spenden .form-select::-webkit-input-placeholder,
  .path-spenden .StripeElement::-webkit-input-placeholder {
    color: #717171 !important; }
  .path-spenden .form-text::-moz-placeholder,
  .path-spenden .form-email::-moz-placeholder,
  .path-spenden .form-select::-moz-placeholder,
  .path-spenden .StripeElement::-moz-placeholder {
    color: #717171 !important;
    opacity: 1; }
  .path-spenden .form-text:-ms-input-placeholder,
  .path-spenden .form-email:-ms-input-placeholder,
  .path-spenden .form-select:-ms-input-placeholder,
  .path-spenden .StripeElement:-ms-input-placeholder {
    color: #717171 !important; }

.path-spenden .is-focused, .path-spenden .ElementsApp, .path-spenden .ElementsApp .InputElement {
  border-bottom-color: #e5007d; }

.path-spenden button.button:not(#edit-choose-payment-amount):not(#edit-payment-additional-information):not(.edit-choose-default)[disabled] {
  border: none;
  background: #F4F5F6;
  color: #6C6C6C;
  opacity: 1; }
  .path-spenden button.button:not(#edit-choose-payment-amount):not(#edit-payment-additional-information):not(.edit-choose-default)[disabled]:hover {
    background: #f7f7f7; }

.path-spenden button.button:not(#edit-choose-payment-amount):not(#edit-payment-additional-information):not(.edit-choose-default),
.path-spenden button.button:not(#edit-choose-payment-amount):not(#edit-payment-additional-information):not(.edit-choose-default)[data-drupal-selector="edit-stripe"],
.path-spenden button.button:not(#edit-choose-payment-amount):not(#edit-payment-additional-information):not(.edit-choose-default) {
  background: #e5007d;
  border-radius: 3px;
  color: #fff; }
  .path-spenden button.button:not(#edit-choose-payment-amount):not(#edit-payment-additional-information):not(.edit-choose-default):hover,
  .path-spenden button.button:not(#edit-choose-payment-amount):not(#edit-payment-additional-information):not(.edit-choose-default)[data-drupal-selector="edit-stripe"]:hover,
  .path-spenden button.button:not(#edit-choose-payment-amount):not(#edit-payment-additional-information):not(.edit-choose-default):hover {
    background: #CC0070; }

.path-spenden #edit-links p {
  padding-top: 10px; }


.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}


.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.alert-sm {
  padding: 5px 10px;
}
.alert a {
  font-weight: bold;
}
.alert-success a,
.alert-success a:hover,
.alert-success a:focus {
  color: #2b542c;
}
.alert-info a,
.alert-info a:hover,
.alert-info a:focus {
  color: #245269;
}
.alert-warning a,
.alert-warning a:hover,
.alert-warning a:focus {
  color: #66512c;
}
.alert-danger a,
.alert-danger a:hover,
.alert-danger a:focus {
  color: #843534;
}