/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

/* ==========================================================================
   Marinas Mission – Hero-Slide & Spendenformular
   Ablage: Enfold Child Theme -> style.css (oder Theme Optionen -> Quick CSS)
   Die `body`-Präfixe sind nötig, um die Inline-Styles des Kampagnen-Builders
   zu überschreiben.
   ========================================================================== */

:root{
  --mm-pink:#cc6699;
  --mm-pink-dark:#b0527f;
  --mm-pink-soft:#f9edf3;
  --mm-ink:#2f2b2d;
  --mm-muted:#6d6569;
  --mm-line:#e6dee2;
  --mm-blush-1:#fdf8fa;
  --mm-blush-2:#f2e4ec;
  --mm-radius:0;
  --mm-shadow:0 18px 48px rgba(75,35,55,.10);
}

/* 1. Hero-Sektion ---------------------------------------------------------- */
/* Wichtig: Enfold vergibt #av_section_1 pro Seite neu, die ID trifft also die
   ERSTE Sektion JEDER Seite (auf /charity/ z. B. den Smart-Slider-Header).
   Darum: nur die Sektion faerben, die den Kampagnen-Hero (ID 175) enthaelt. */
body .avia-section:has(.charitable-campaign-wrap-id-175){
  overflow:hidden;
  background:linear-gradient(165deg,var(--mm-blush-1) 0%,var(--mm-blush-2) 100%) !important;
  color:var(--mm-ink);
}
body .avia-section:has(.charitable-campaign-wrap-id-175) .container{
  max-width:1240px;
  padding-top:clamp(32px,4vw,64px);
  padding-bottom:0;
}
body #av_section_1 .charitable-campaign-container{padding:0;max-width:none;}
body #av_section_1 .charitable-campaign-wrap{margin:0;}

/* 2. Hero-Layout: Claim | Foto | Spendenkarte ------------------------------ */
body .charitable-campaign-wrap-id-175 .charitable-campaign-row{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(320px,400px);
  gap:clamp(24px,4vw,56px);
  align-items:end;
}
body .charitable-campaign-wrap-id-175 .charitable-campaign-column{
  width:auto !important;float:none !important;padding:0 !important;margin:0 !important;
}
body .charitable-campaign-wrap-id-175 .charitable-campaign-column-0 > .charitable-field-section:has(.mm-hero-claim){
  display:grid;
  grid-template-columns:minmax(210px,0.9fr) minmax(220px,1fr);
  gap:clamp(12px,2vw,32px);
  align-items:end;
}
body .charitable-campaign-wrap-id-175 .charitable-campaign-column-0 .charitable-campaign-field{margin:0;}
body .charitable-campaign-wrap-id-175 .charitable-campaign-column-1{align-self:center;}

/* Claim */
body .mm-hero-claim{padding-bottom:clamp(24px,5vw,72px);}
body .mm-hero-claim .mm-hero-headline{
  margin:0;
  font-weight:700;
  font-size:clamp(1.75rem,2.7vw,2.75rem);
  line-height:1.1;
  letter-spacing:-.015em;
  color:var(--mm-ink);
}
body .mm-hero-claim .mm-accent{color:var(--mm-pink);display:block;}
body .mm-hero-claim .mm-hero-sub{
  margin:16px 0 0;
  max-width:28ch;
  font-size:clamp(.95rem,1.05vw,1.0625rem);
  font-weight:400;
  line-height:1.55;
  color:var(--mm-muted);
}

/* Foto kleiner, am Sektionsboden ausgerichtet */
body .charitable-campaign-wrap-id-175 .charitable-campaign-field-photo .charitable-campaign-field-inner{width:100% !important;}
body .charitable-campaign-wrap-id-175 .charitable-campaign-primary-image{
  width:100% !important;
  margin-bottom:0 !important;   /* Plugin setzt -8px -> Bild ragt sonst ueber die Sektionskante */
  line-height:0;
}
body .charitable-campaign-wrap-id-175 .charitable-campaign-primary-image img{
  width:auto !important;
  max-width:100%;
  height:auto !important;
  max-height:clamp(300px,32vw,420px);
  object-fit:contain;
  margin:0 auto;
  display:block;
}

/* 3. Spendenkarte im Hero -------------------------------------------------- */
body .charitable-campaign-wrap-id-175 .charitable-campaign-column-1 > .charitable-field-section{
  background:#fff;
  border-radius:var(--mm-radius);
  box-shadow:var(--mm-shadow);
  padding:clamp(20px,2vw,28px);
  margin-bottom:clamp(28px,5vw,64px);
}
body .charitable-campaign-wrap-id-175 .charitable-campaign-column-1 > .charitable-field-section::before{
  content:"Jetzt spenden";
  display:block;
  font-size:1.25rem;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--mm-ink);
}
body .charitable-campaign-wrap-id-175 .charitable-campaign-column-1 .charitable-campaign-field{margin:0 !important;}
body .charitable-campaign-wrap-id-175 .charitable-campaign-column-1 .charitable-form-fields{margin:0;}

/* 4. Betragsauswahl (Hero + Spendenseite) ---------------------------------- */
body .charitable-campaign-wrap .charitable-campaign-field-donate-amount ul.donation-amounts,
body .charitable-donation-form .charitable-donation-options ul.donation-amounts,
body ul.donation-amounts{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  list-style:none !important;
  margin:14px 0 0 !important;
  padding:0 !important;
  border:none !important;
}
body .charitable-campaign-wrap .charitable-campaign-field-donate-amount ul.donation-amounts li.donation-amount,
body .charitable-donation-form .charitable-donation-options ul.donation-amounts li.donation-amount,
body ul.donation-amounts li.donation-amount{
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid var(--mm-line) !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;
}
body ul.donation-amounts li.donation-amount > label{
  display:flex !important;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 6px !important;
  margin:0 !important;
  cursor:pointer;
  font-weight:600 !important;
  font-size:.95rem !important;
  color:var(--mm-ink) !important;
  white-space:nowrap;
}
body ul.donation-amounts li.donation-amount input[type=radio]{position:absolute !important;opacity:0 !important;pointer-events:none;}
body ul.donation-amounts li.donation-amount .description:empty{display:none;}
body ul.donation-amounts li.donation-amount:hover{
  border-color:var(--mm-pink) !important;
  background:var(--mm-pink-soft) !important;
}
body .charitable-campaign-wrap .charitable-campaign-field-donate-amount ul.donation-amounts li.donation-amount.selected,
body ul.donation-amounts li.donation-amount.selected{
  background:var(--mm-pink) !important;
  border-color:var(--mm-pink) !important;
  box-shadow:0 4px 14px rgba(204,102,153,.30) !important;
}
body .charitable-campaign-wrap .charitable-campaign-field-donate-amount ul.donation-amounts li.donation-amount.selected label,
body .charitable-campaign-wrap .charitable-campaign-field-donate-amount ul.donation-amounts li.donation-amount.selected .amount,
body ul.donation-amounts li.donation-amount.selected label,
body ul.donation-amounts li.donation-amount.selected .amount{color:#fff !important;}

/* Individueller Betrag: volle Breite, kein Kasten im Kasten */
body ul.donation-amounts li.donation-amount.custom-donation-amount{
  grid-column:1 / -1;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  margin-top:4px !important;
}
body ul.donation-amounts li.donation-amount.custom-donation-amount:hover{background:transparent !important;border:none !important;}
body li.donation-amount.custom-donation-amount .custom-donation-amount-wrapper{display:block;}
body ul.donation-amounts li.donation-amount.custom-donation-amount > .custom-donation-amount-wrapper > label{
  display:block !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 0 6px !important;
  font-size:.75rem !important;
  font-weight:700 !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--mm-muted) !important;
  text-align:left;
}
body input.custom-donation-input{
  width:100% !important;
  height:48px !important;
  border:1px solid var(--mm-line) !important;
  border-radius:0 !important;
  background:#fff !important;
  padding:0 14px !important;
  font-size:1rem !important;
  color:var(--mm-ink) !important;
  box-shadow:none !important;
}
body input.custom-donation-input:focus{
  border-color:var(--mm-pink) !important;
  outline:none !important;
  box-shadow:0 0 0 3px rgba(204,102,153,.18) !important;
}

/* 5. Buttons --------------------------------------------------------------- */
body .charitable-campaign-wrap .campaign-donation a,
body .charitable-campaign-wrap a.donate-button,
body .charitable-donation-form .charitable-submit-field button,
body .charitable-donation-form button.charitable-button{
  display:block !important;
  width:100% !important;
  min-height:54px;
  margin:18px 0 0 !important;
  padding:0 24px !important;
  border:none !important;
  border-radius:0 !important;
  background:var(--mm-pink) !important;
  color:#fff !important;
  font-size:1.0625rem !important;
  font-weight:700 !important;
  line-height:54px !important;
  text-align:center;
  text-decoration:none !important;
  text-transform:none !important;
  letter-spacing:.01em;
  cursor:pointer;
  transition:background-color .15s ease,transform .15s ease;
}
body .charitable-campaign-wrap .campaign-donation a:hover,
body .charitable-campaign-wrap a.donate-button:hover,
body .charitable-donation-form .charitable-submit-field button:hover,
body .charitable-donation-form button.charitable-button:hover{
  background:var(--mm-pink-dark) !important;
  transform:translateY(-1px);
}
body .charitable-campaign-wrap .charitable-campaign-field-donate-button{margin:0 !important;}

/* 6. Spendenseite /campaigns/spenden/donate/ ------------------------------- */
body .charitable-donation-form.charitable-template-standard{
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
}
body .charitable-donation-form fieldset.charitable-fieldset{
  background:#fff;
  border:1px solid var(--mm-line);
  border-radius:var(--mm-radius);
  box-shadow:0 2px 12px rgba(75,35,55,.05);
  padding:clamp(20px,2.5vw,30px) !important;
  margin:0 0 20px !important;
}
body .charitable-donation-form .charitable-form-header{
  font-size:1.125rem !important;
  font-weight:700 !important;
  letter-spacing:-.01em;
  color:var(--mm-ink) !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  background:none !important;
}
body .charitable-donation-form .charitable-form-field > label,
body .charitable-donation-form .charitable-fieldset-field-header{
  display:block;
  font-size:.75rem !important;
  font-weight:700 !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--mm-muted) !important;
  margin-bottom:6px;
}
body .charitable-donation-form input[type=text],
body .charitable-donation-form input[type=email],
body .charitable-donation-form input[type=tel],
body .charitable-donation-form select,
body .charitable-donation-form textarea{
  width:100%;
  min-height:48px;
  border:1px solid var(--mm-line) !important;
  border-radius:0 !important;
  padding:0 14px !important;
  background:#fff !important;
  color:var(--mm-ink) !important;
  box-shadow:none !important;
}
body .charitable-donation-form input:focus,
body .charitable-donation-form select:focus,
body .charitable-donation-form textarea:focus{
  border-color:var(--mm-pink) !important;
  outline:none;
  box-shadow:0 0 0 3px rgba(204,102,153,.18) !important;
}
body .charitable-donation-form .charitable-donor-details p{margin:6px 0 0;color:var(--mm-muted);}

/* Zahlungsart-Tabs */
body .charitable-donation-form ul.charitable-gateway-tab-list{
  display:flex !important;
  flex-wrap:wrap;
  gap:8px;
  list-style:none !important;
  margin:14px 0 20px !important;
  padding:0 !important;
  border:none !important;
}
body .charitable-donation-form li.charitable-gateway-tab{
  flex:1 1 150px;
  margin:0 !important;
  padding:0 !important;
  border:1px solid var(--mm-line) !important;
  border-radius:0 !important;
  background:#fff;
  transition:border-color .15s ease,background-color .15s ease;
}
body .charitable-donation-form li.charitable-gateway-tab > label{
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:52px;
  margin:0 !important;
  padding:0 12px !important;
  border:none !important;
  cursor:pointer;
  font-size:.9rem !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:var(--mm-ink) !important;
}
body .charitable-donation-form li.charitable-gateway-tab .charitable-gateway-icon{display:flex;}
body .charitable-donation-form li.charitable-gateway-tab .charitable-gateway-icon svg{width:18px;height:18px;display:block;}
body .charitable-donation-form li.charitable-gateway-tab:hover{border-color:var(--mm-pink) !important;}
body .charitable-donation-form li.charitable-gateway-tab:has(input:checked){
  border-color:var(--mm-pink) !important;
  background:var(--mm-pink-soft);
  box-shadow:inset 0 0 0 1px var(--mm-pink);
}
body .charitable-donation-form li.charitable-gateway-tab input[type=radio]{position:absolute !important;opacity:0 !important;pointer-events:none;}

/* Hosted Fields (Braintree/Stripe) aufräumen */
body .charitable-donation-form .charitable-gateway-fields .charitable-form-field{
  float:none !important;
  width:100% !important;
  margin:0 0 14px !important;
}
body .charitable-donation-form .charitable-cc-fields-single{
  border:1px solid var(--mm-line) !important;
  border-radius:0 !important;
  overflow:hidden;
}
body .charitable-donation-form .charitable-gateway-fields p{
  float:none !important;
  clear:both;
  width:100% !important;
  margin:8px 0 0 !important;
  font-size:.8rem !important;
  line-height:1.45;
  color:var(--mm-muted) !important;
}
body .charitable-donation-form .charitable-local-payments-divider{
  margin:22px 0 14px !important;
  color:var(--mm-muted) !important;
  font-size:.8rem !important;
}
body .charitable-donation-form .charitable-local-payment-button{
  border:1px solid var(--mm-line) !important;
  border-radius:0 !important;
  min-height:48px;
}
body .charitable-donation-form .charitable-submit-field{margin-top:0 !important;}
body .charitable-donation-form a{color:var(--mm-pink);}
body .charitable-notice{border-radius:0;}

/* 7. Responsive ------------------------------------------------------------ */
@media (max-width:1100px){
  body .charitable-campaign-wrap-id-175 .charitable-campaign-row{grid-template-columns:minmax(0,1fr) minmax(300px,360px);}
  body .charitable-campaign-wrap-id-175 .charitable-campaign-column-0 > .charitable-field-section:has(.mm-hero-claim){grid-template-columns:1fr;gap:4px;align-items:start;}
  body .mm-hero-claim{padding-bottom:0;}
  body .mm-hero-claim .mm-accent{display:inline;}
  body .charitable-campaign-wrap-id-175 .charitable-campaign-primary-image img{margin:0;max-height:360px;}
}
@media (max-width:900px){
  body .charitable-campaign-wrap-id-175 .charitable-campaign-row{grid-template-columns:1fr;gap:24px;}
  body .charitable-campaign-wrap-id-175 .charitable-campaign-column-0 > .charitable-field-section{text-align:center;}
  body .mm-hero-claim{text-align:center;}
  body .mm-hero-claim .mm-hero-sub{margin-left:auto;margin-right:auto;}
  body .charitable-campaign-wrap-id-175 .charitable-campaign-primary-image img{margin:0 auto;max-height:300px;}
  body .charitable-campaign-wrap-id-175 .charitable-campaign-column-1 > .charitable-field-section{margin-bottom:0;}
  body .avia-section:has(.charitable-campaign-wrap-id-175) .container{padding-bottom:40px;}
}
@media (max-width:480px){
  body ul.donation-amounts{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  body .charitable-donation-form li.charitable-gateway-tab{flex:1 1 100%;}
}

/* 8. Korrekturen gegen Plugin-Defaults ------------------------------------- */
body .charitable-campaign-wrap .charitable-donation-options,
body .charitable-donation-form .charitable-donation-options{padding-top:0 !important;margin-top:0 !important;}
body .charitable-campaign-wrap .charitable-campaign-field-donate-amount .charitable-form{padding-top:0 !important;}

/* Individueller Betrag: rahmenlos, volle Breite */
body .charitable-campaign-wrap .charitable-campaign-field-donate-amount ul.donation-amounts li.donation-amount.custom-donation-amount,
body .charitable-donation-form .charitable-donation-options ul.donation-amounts li.donation-amount.custom-donation-amount,
body ul.donation-amounts li.donation-amount.custom-donation-amount{
  grid-column:1 / -1 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  margin-top:4px !important;
}
body ul.donation-amounts li.donation-amount.custom-donation-amount .custom-donation-amount-wrapper{
  display:block !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
body .charitable-campaign-wrap input.custom-donation-input,
body .charitable-donation-form input.custom-donation-input,
body input[type=text].custom-donation-input{
  border:1px solid var(--mm-line) !important;
  border-color:var(--mm-line) !important;
  border-radius:0 !important;
}
body .charitable-campaign-wrap input.custom-donation-input:focus,
body .charitable-donation-form input.custom-donation-input:focus,
body input[type=text].custom-donation-input:focus{
  border-color:var(--mm-pink) !important;
  box-shadow:0 0 0 3px rgba(204,102,153,.18) !important;
}

/* 9. Enfold-Wrapper (#top) schlägt die !important-Regeln des Kampagnen-Templates */
#top input.custom-donation-input,
#top .charitable-donation-form input[type=text],
#top .charitable-donation-form input[type=email],
#top .charitable-donation-form input[type=tel],
#top .charitable-donation-form select,
#top .charitable-donation-form textarea{
  border:1px solid var(--mm-line) !important;
  border-radius:0 !important;
  background-color:#fff !important;
  color:var(--mm-ink) !important;
}
#top input.custom-donation-input:focus,
#top .charitable-donation-form input:focus,
#top .charitable-donation-form select:focus,
#top .charitable-donation-form textarea:focus{
  border-color:var(--mm-pink) !important;
  box-shadow:0 0 0 3px rgba(204,102,153,.18) !important;
}
#top ul.donation-amounts li.donation-amount{border-color:var(--mm-line) !important;}
#top ul.donation-amounts li.donation-amount:hover{border-color:var(--mm-pink) !important;}
#top ul.donation-amounts li.donation-amount.selected{border-color:var(--mm-pink) !important;}
#top ul.donation-amounts li.donation-amount.custom-donation-amount{border:0 !important;}

/* 10. Spendenseite: ausgewählter Betrag, Tabs, Hosted Fields --------------- */
#top ul.donation-amounts li.donation-amount.selected{
  background:var(--mm-pink) !important;
  background-color:var(--mm-pink) !important;
}
#top ul.donation-amounts li.donation-amount.selected label,
#top ul.donation-amounts li.donation-amount.selected .amount,
#top ul.donation-amounts li.donation-amount.selected .description{color:#fff !important;}
#top ul.donation-amounts li.donation-amount:hover{background-color:var(--mm-pink-soft) !important;}
#top ul.donation-amounts li.donation-amount.custom-donation-amount,
#top ul.donation-amounts li.donation-amount.custom-donation-amount:hover{background:transparent !important;}

#top .charitable-donation-form li.charitable-gateway-tab label{
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}
#top .charitable-donation-form li.charitable-gateway-tab{border:1px solid var(--mm-line) !important;}
#top .charitable-donation-form li.charitable-gateway-tab:hover,
#top .charitable-donation-form li.charitable-gateway-tab:has(input:checked){
  border-color:var(--mm-pink) !important;
}

/* Kartenfelder: Ablaufdatum und Hinweistext untereinander statt nebeneinander */
#top .charitable-donation-form .charitable-cc-fields-single > *,
#top .charitable-donation-form .charitable-gateway-fields .charitable-form-field{
  float:none !important;
  clear:both !important;
  width:100% !important;
  max-width:100% !important;
}
#top .charitable-donation-form .charitable-gateway-fields a[href*="paypal"],
#top .charitable-donation-form .charitable-gateway-fields .braintree-paypal-notice,
#top .charitable-donation-form .charitable-gateway-fields small{
  display:block;
  float:none !important;
  width:100% !important;
  margin-top:8px;
  font-size:.8rem;
  line-height:1.45;
}
#top .charitable-donation-form .charitable-cc-fields-single{
  border:1px solid var(--mm-line) !important;
  border-radius:0 !important;
}
#top .charitable-donation-form .charitable-cc-fields-single iframe{min-height:24px;}

/* 11. Braintree Drop-in: einspaltig und im Seitenstil ---------------------- */
#top .braintree-form__flexible-fields{flex-wrap:wrap !important;}
#top .braintree-form__flexible-fields > *{flex:1 1 100% !important;max-width:100% !important;width:100% !important;}
#top .braintree-form__field-group{margin-bottom:14px;}
#top .braintree-form__label{
  font-size:.75rem !important;
  font-weight:700 !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--mm-muted) !important;
}
#top .braintree-form__hosted-field{
  min-height:48px;
  border:1px solid var(--mm-line) !important;
  border-radius:0 !important;
  padding:0 12px;
  background:#fff;
}
#top .braintree-sheet{
  border:1px solid var(--mm-line) !important;
  border-radius:0 !important;
  overflow:hidden;
}
#top .braintree-sheet__header{border-bottom:1px solid var(--mm-line) !important;}
#top .braintree-sheet__content--form{padding:16px !important;}

/* 12. Zahlungsarten-Tabs: alle in einer Reihe ------------------------------ */
/* .charitable-gateway-tabs ist flex, die UL darin schrumpft sonst auf
   Inhaltsbreite (391px statt 678px) und SEPA rutscht in die zweite Zeile. */
#top .charitable-donation-form ul.charitable-gateway-tab-list{
  width:100% !important;
  flex:1 1 100% !important;
}
#top .charitable-donation-form li.charitable-gateway-tab{
  flex:1 1 0 !important;
  min-width:0 !important;
  max-width:none !important;
}
@media (max-width:600px){
  #top .charitable-donation-form li.charitable-gateway-tab{flex:1 1 100% !important;}
}

/* 13. Stripe-Zahlungsfelder ------------------------------------------------ */
/* Wrapper rahmenlos: die Felder darin bringen ihren eigenen Rahmen mit,
   sonst Kasten im Kasten. */
#top .charitable-donation-form #charitable-gateway-fields-stripe{
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
/* Loses Label des Karten-Elements auf die Label-Typo der Seite bringen */
#top .charitable-donation-form label[for="charitable_stripe_card_field"]{
  display:block;
  margin:0 0 6px !important;
  font-size:.75rem !important;
  font-weight:700 !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--mm-muted) !important;
}
#top .charitable-donation-form #charitable_stripe_card_field.StripeElement{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:48px;
  padding:0 14px !important;
  border:1px solid var(--mm-line) !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  transition:border-color .15s ease,box-shadow .15s ease;
}
#top .charitable-donation-form #charitable_stripe_card_field.StripeElement--focus{
  border-color:var(--mm-pink) !important;
  box-shadow:0 0 0 3px rgba(204,102,153,.18) !important;
}
#top .charitable-donation-form #charitable_stripe_card_field.StripeElement--invalid{
  border-color:#d9534f !important;
}
#top .charitable-donation-form #charitable_stripe_card_errors{
  margin:8px 0 0 !important;
  font-size:.8rem !important;
  line-height:1.45;
  color:#d9534f !important;
}

/* Geburtsdatum-Feld an die übrigen Formularfelder angleichen */
#top .charitable-donation-form input[type=date]{
  border:1px solid rgb(230,222,226) !important;
  border-radius:0 !important;
  padding:0 14px !important;
  height:48px !important;
  color:rgb(47,43,45) !important;
  box-shadow:none !important;
}

/* 14. Theme-Grundlook (Header, Überschriften, Kacheln, Footer) ------------
   Liegt bewusst hier statt in Quick CSS: ein Reset der Theme-Optionen
   löscht Quick CSS, diese Datei bleibt. */

/* Hauptmenü: Versalien, etwas größer */
#top #header .av-main-nav > li.menu-item-top-level > a .avia-menu-text{
  font-size:15px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--mm-ink);
}
#top #header .av-main-nav > li.menu-item-top-level:not(.av-menu-button) > a:hover .avia-menu-text,
#top #header .av-main-nav > li.current-menu-item:not(.av-menu-button) > a .avia-menu-text{color:var(--mm-pink);}

/* "Jetzt spenden" im Menü: gefüllter Pill-Button */
#top #header .av-main-nav > li.av-menu-button > a .avia-menu-text{
  background:var(--mm-pink);
  border:none;
  border-radius:0;
  color:#fff;
  padding:12px 16px;
  box-shadow:0 6px 16px rgba(204,102,153,.28);
  transition:background-color .15s ease,transform .15s ease;
}
#top #header .av-main-nav > li.av-menu-button > a:hover .avia-menu-text{
  background:var(--mm-pink-dark);
  transform:translateY(-1px);
}

/* Breadcrumb links, dezent */
#top .title_container .breadcrumb{left:50px;right:auto;}
#top .title_container .breadcrumb,
#top .title_container .breadcrumb a{color:var(--mm-muted);font-size:12px;}

/* Überschriften kräftig wie im Hero */
#top .av-special-heading-tag,
#top h1,#top h2{font-weight:700;letter-spacing:.01em;color:var(--mm-ink);}
body{color:var(--mm-ink);}

/* Themen-Kacheln (Portfolio-Grid): Karten mit Rundung und Hover */
#top .grid-sort-container .grid-entry .inner-entry{
  margin:10px;
  border-radius:var(--mm-radius);
  overflow:hidden;
  background:#fff;
  box-shadow:0 6px 20px rgba(75,35,55,.07);
  transition:box-shadow .2s ease,transform .2s ease;
}
#top .grid-sort-container .grid-entry:hover .inner-entry{
  box-shadow:var(--mm-shadow);
  transform:translateY(-3px);
}
#top .grid-sort-container .grid-content{border:none;padding:16px 20px;background:#fff;}
#top .grid-sort-container .grid-content .avia-arrow{display:none;}
#top .grid-sort-container .grid-entry-title,
#top .grid-sort-container .grid-entry-title a{font-size:16px;font-weight:700;color:var(--mm-ink);}
#top .grid-sort-container .grid-entry:hover .grid-entry-title a{color:var(--mm-pink);}
#top .grid-sort-container .grid-image img{transition:transform .4s ease;}
#top .grid-sort-container .grid-entry:hover .grid-image img{transform:scale(1.04);}

/* Betragsbuttons: Charitable setzt min-height:24px mit höherer Spezifität */
body ul.donation-amounts li.donation-amount > label{min-height:46px !important;}

/* Footer-Leiste */
#top #socket{padding:6px 0;}
#top #socket .sub_menu_socket a{color:#fff;}
#top #socket .sub_menu_socket a:hover{color:#f2a7cb;}

/* 15. Unterseiten ---------------------------------------------------------- */

/* Fließtext lesbarer: Enfold-Standard ist 13px */
#top #main .avia_textblock,
#top #main .avia_textblock p,
#top #main .avia_textblock li,
#top #main .avia-icon-list .av_iconlist_title,
#top #main .avia-icon-list .iconlist_content{
  font-size:15.5px;
  line-height:1.75;
  color:var(--mm-ink);
}
#top #main .av-special-heading .av-subheading{font-size:16px;color:var(--mm-muted);}

/* Pinke Bänder: Fläche kommt aus dem Layout-Builder, hier nur weißer Text */
#top .av-g5993-cf088a2eb14bff70f8aa5ac224f63d08 .avia_textblock p,
#top .av-msp10d2u-190267b5e993c58e879d8f3416afd808 .avia_textblock p,
#top .av-87ecv-54f0e23ba5a369aa91694476e1fd3b62 .avia_textblock p{
  color:#fff !important;
}

/* Buttons im Inhalt (z. B. "Kontaktieren Sie uns jetzt!", "Mehr lesen") */
#top #main .avia-button{
  border-radius:0;
  padding:12px 22px;
  font-weight:700;
  font-size:15px;
  box-shadow:0 6px 16px rgba(204,102,153,.25);
  transition:background-color .15s ease,transform .15s ease;
}
#top #main .avia-button:hover{transform:translateY(-1px);}

/* "Weiterlesen": Links als Pills */
#top #main .av_one_fifth .avia_textblock > p:only-child > a:only-child{
  display:inline-block;
  padding:10px 18px;
  border:1px solid var(--mm-line);
  border-radius:0;
  background:#fff;
  color:var(--mm-ink);
  font-weight:600;
  text-decoration:none;
  max-width:100%;
  transition:border-color .15s ease,color .15s ease,background-color .15s ease;
}
#top #main .av_one_fifth .avia_textblock > p:only-child > a:only-child::after{content:" \2192";color:var(--mm-pink);}
#top #main .av_one_fifth .avia_textblock > p:only-child > a:only-child:hover{
  border-color:var(--mm-pink);
  background:var(--mm-pink-soft);
  color:var(--mm-pink-dark);
}

/* Bilder im Inhalt mit Rundung */
#top #main .avia-image-container img.avia_image{border-radius:var(--mm-radius);}

/* Vorstand: Karten mit Schatten statt pinkem Rahmen, gleich hoch */
#top.page-id-31 #main .flex_column.av_one_fourth:has(img,.av-special-heading){
  border-color:var(--mm-line) !important;
  border-radius:var(--mm-radius) !important;
  box-shadow:0 6px 20px rgba(75,35,55,.07);
  transition:box-shadow .2s ease,transform .2s ease;
}
#top.page-id-31 #main .flex_column.av_one_fourth:has(img,.av-special-heading):hover{box-shadow:var(--mm-shadow);transform:translateY(-3px);}
#top.page-id-31 #main .flex_column.av_one_fourth img{border-radius:0;}

/* Medienberichte: Kacheln mit Hover */
#top #main .iconbox_top .iconbox_content{
  border:1px solid var(--mm-line);
  border-radius:var(--mm-radius);
  box-shadow:0 6px 20px rgba(75,35,55,.05);
  transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;
}
#top #main .iconbox_top:hover .iconbox_content{
  border-color:var(--mm-pink);
  box-shadow:var(--mm-shadow);
  transform:translateY(-3px);
}

/* Kontaktformular */
#top .avia_ajax_form input[type=text],
#top .avia_ajax_form input[type=email],
#top .avia_ajax_form input[type=tel],
#top .avia_ajax_form textarea{
  border:1px solid var(--mm-line);
  border-radius:0;
  background:#fff;
  padding:12px 14px;
  font-size:15px;
  color:var(--mm-ink);
}
#top .avia_ajax_form input:focus,
#top .avia_ajax_form textarea:focus{border-color:var(--mm-pink);box-shadow:0 0 0 3px var(--mm-pink-soft);outline:none;}
#top .avia_ajax_form label{font-size:13px;font-weight:700;color:var(--mm-ink);}
#top .avia_ajax_form .button{
  border-radius:0;
  padding:14px 32px;
  font-size:15px;
  font-weight:700;
  background:var(--mm-pink);
  border:none;
  box-shadow:0 6px 16px rgba(204,102,153,.25);
}
#top .avia_ajax_form .button:hover{background:var(--mm-pink-dark);}
/* Adressblock neben dem Formular als Karte */
#top.page-id-848 #main .flex_column.av_one_fifth{
  background:var(--mm-blush-1);
  border:1px solid var(--mm-line);
  border-radius:var(--mm-radius);
  padding:22px 20px;
  overflow-wrap:anywhere;
}
#top.page-id-848 #main .flex_column.av_one_fifth .avia_textblock p{font-size:14px;line-height:1.6;}

/* Zitat (Ehrenmitglied) */
#top #main blockquote{font-size:19px;line-height:1.6;color:var(--mm-ink);border-left-color:var(--mm-pink);}

/* Rechtstexte schmaler setzen */
#top.page-id-775 #main .container .content,
#top.page-id-3 #main .container .content{max-width:820px;}

/* Galerie "Mehr laden" als Button */
#top #main .av-masonry-load-more{
  display:inline-block;
  width:auto;
  margin:24px auto 0;
  padding:12px 26px;
  border:1px solid var(--mm-pink);
  border-radius:0;
  background:#fff;
  color:var(--mm-pink-dark);
  font-weight:700;
  letter-spacing:.04em;
}
#top #main .av-masonry-load-more:hover{background:var(--mm-pink);color:#fff;}
#top #main .av-masonry .av-masonry-pagination{text-align:center;}

@media (max-width:767px){
  #top #main .avia_textblock,
  #top #main .avia_textblock p{font-size:15px;}
  #top .title_container .breadcrumb{left:auto;}
}


/* 16. Newsletter-Einwilligung im Spendenformular: normaler Satz statt Versalien */
#top #charitable_field_contact_consent{display:flex;gap:10px;align-items:flex-start;}
#top #charitable_field_contact_consent input{margin-top:4px;flex:none;accent-color:var(--mm-pink);}
#top #charitable_field_contact_consent label{text-transform:none !important;letter-spacing:0 !important;font-size:14px !important;font-weight:400 !important;line-height:1.5;color:var(--mm-ink);}

/* 17. Eckig: auch im Layout-Builder gesetzte Rundungen überschreiben */
#top #main .flex_column,
#top #main .team-img-container,
#top #main .avia-image-container-inner{border-radius:0 !important;}

/* 18. Slider-Heros: Overlay nur hinter dem Text (links), rechts fast frei */
#top .n2-section-smartslider .n2-ss-slide-background-color{
  background:linear-gradient(90deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.28) 40%,rgba(0,0,0,.06) 75%,rgba(0,0,0,0) 100%) !important;
}
#top .n2-section-smartslider .n2-ss-layer{text-shadow:0 1px 12px rgba(0,0,0,.35);}
@media (max-width:767px){
  #top .n2-section-smartslider .n2-ss-slide-background-color{background:rgba(0,0,0,.3) !important;}
}

/* 19. Spendenformular: alle Zahlungsarten sichtbar, kein "▼"-Überlauf.
   flex-direction:column ist Absicht: Charitable verschiebt Tabs dann nicht ins Dropdown. Das Layout macht das Grid. */
#top #charitable-gateway-selector{
  display:grid !important;
  flex-direction:column;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
}
#top #charitable-gateway-selector .charitable-gateway-tab{width:auto !important;margin:0 !important;}
#top .charitable-gateway-dropdown-wrapper{display:none !important;}

/* 20. Spendenformular: "Name auf der Karte" so hoch wie das Kartenfeld darunter */
#top #charitable_field_cc_name_element{
  height:48px;
  padding:12px 14px;
  box-sizing:border-box;
  font-size:16px;
  line-height:1.4;
}