/* MD-Newsletter-Design – Standarddesign; gold: #B4925B */
.mdnd { --mdnd-gold:#B4925B; box-sizing:border-box; width:100%; }
.mdnd *, .mdnd *::before, .mdnd *::after {box-sizing:border-box;}
.mdnd-collage { display:grid; grid-template-columns:repeat(var(--mdnd-cols,3),minmax(0,1fr)); gap:12px; }
.mdnd-guest,.mdnd-empty,.mdnd-text-tile {position:relative;min-width:0;aspect-ratio:1 / 1;overflow:hidden;background:#dedbd0;}
.mdnd-guest .mdnd-photo {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .35s ease;}
.mdnd-guest:hover .mdnd-photo {transform:scale(1.035);}
.mdnd-guest-shade {position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.83) 0%,rgba(0,0,0,.42) 27%,transparent 65%);pointer-events:none;}
.mdnd-guest-info {position:absolute;left:0;bottom:0;right:0;padding:18px;color:#fff;line-height:1.35;text-shadow:0 1px 5px rgba(0,0,0,.35);}
.mdnd-guest-name {font-size:clamp(16px,1.5vw,24px);font-weight:700;color:#fff;}
.mdnd-guest .mdnd-person-description {color:#f5f1e6;font-size:clamp(12px,1vw,15px);margin-top:5px;}
.mdnd-quotes {display:flex;gap:20px;align-items:stretch;flex-wrap:wrap;}
.mdnd-quotes .mdnd-quote {flex:1 1 270px;}
.mdnd-quote {min-width:0;background:#f8f7f3;border:1px solid #e1dcca;border-top:4px solid var(--mdnd-gold);padding:22px;}
.mdnd-quote-head {display:flex;align-items:center;gap:14px;}
.mdnd-quote-head .mdnd-photo {width:72px;height:72px;object-fit:cover;border-radius:50%;flex-shrink:0;}
.mdnd-quote-name {font-size:18px;font-weight:700;color:#242424;line-height:1.3;}
.mdnd-quote .mdnd-person-description {font-size:14px;color:#777;margin-top:4px;}
.mdnd-quote blockquote {padding:0;margin:20px 0 0;border:0;color:#3b3830;font-size:clamp(17px,1.35vw,22px);line-height:1.55;font-style:italic;}
.mdnd-quote blockquote::before {content:'“';font-size:34px;line-height:0;vertical-align:-.22em;color:var(--mdnd-gold);margin-right:5px;font-style:normal;font-weight:700;}
.mdnd-mobile {display:flex;flex-direction:column;gap:16px;}
.mdnd-mobile .mdnd-guest {aspect-ratio:4 / 3;}
.mdnd-mobile .mdnd-guest-name {font-size:22px;}
.mdnd-mobile .mdnd-guest .mdnd-person-description {font-size:14px;}
@media (max-width:767px) {
 .mdnd-collage {grid-template-columns:repeat(min(var(--mdnd-cols,3),2),minmax(0,1fr));gap:8px;}
 .mdnd-collage .mdnd-guest-info {padding:10px;}
 .mdnd-collage .mdnd-guest-name {font-size:15px;}
 .mdnd-collage .mdnd-person-description {font-size:11px;}
 .mdnd-quotes {display:block;}
 .mdnd-quotes .mdnd-quote + .mdnd-quote {margin-top:16px;}
 .mdnd-quote {padding:18px;}
}

/* 1.1 – farbige Text-/Leer-Kacheln nach Kollagenvorlage */
.mdnd-text-tile {display:flex;align-items:center;justify-content:center;padding:18px;text-align:center;color:#fff;font-size:clamp(14px,1.6vw,24px);font-weight:400;line-height:1.35;border-radius:8px;}
.mdnd-collage .mdnd-guest,.mdnd-collage .mdnd-empty {border-radius:8px;}
.mdnd-collage .mdnd-guest-info {padding:9px 11px;background:rgba(0,0,0,.54);right:auto;max-width:95%;bottom:9px;left:9px;border-radius:2px;text-shadow:none;}
.mdnd-collage .mdnd-guest-shade {background:none;}
.mdnd-collage .mdnd-guest-name {font-size:clamp(12px,1.1vw,17px);font-weight:500;line-height:1.15;}
.mdnd-collage .mdnd-guest .mdnd-person-description {font-size:clamp(10px,.85vw,13px);margin-top:1px;line-height:1.15;}
/* Horizontaler Streifen: kein Umbruch, gleiche Kachelhöhe, Touch-Swipe und Mausrad/Trackpad */
.mdnd-quotes,.mdnd-mobile {display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;padding:3px 2px 12px;scrollbar-width:thin;}
.mdnd-quotes > .mdnd-quote,.mdnd-mobile > .mdnd-quote,.mdnd-mobile > .mdnd-guest {flex:0 0 clamp(220px,72vw,310px);width:clamp(220px,72vw,310px);height:300px;min-height:0;margin:0;scroll-snap-align:start;}
.mdnd-mobile > .mdnd-guest {aspect-ratio:auto;}
.mdnd-mobile > .mdnd-guest .mdnd-guest-info {padding:13px;}
.mdnd-quotes > .mdnd-quote,.mdnd-mobile > .mdnd-quote {overflow-y:auto;padding:17px;}
.mdnd-quotes .mdnd-quote + .mdnd-quote {margin-top:0;}
@media (max-width:767px) {
 .mdnd-quotes,.mdnd-mobile {display:flex;gap:10px;}
 .mdnd-quotes > .mdnd-quote,.mdnd-mobile > .mdnd-quote,.mdnd-mobile > .mdnd-guest {flex:0 0 min(74vw,290px);width:min(74vw,290px);height:270px;}
 .mdnd-collage .mdnd-guest-info{padding:5px;bottom:5px;left:5px;}
 .mdnd-text-tile {padding:9px;font-size:13px;}
}
/* Version 1.2: Kollage im festen 16:9-Format, mit Zeilenversatz */
.mdnd-collage {display:flex;flex-direction:column;gap:12px;overflow:hidden;}
.mdnd-collage-row {display:flex;gap:12px;flex-wrap:nowrap;min-width:0;margin-left:calc(var(--mdnd-offset,0) * (100% + 12px) / var(--mdnd-cols,3));}
.mdnd-collage-row > .mdnd-guest,.mdnd-collage-row > .mdnd-text-tile,.mdnd-collage-row > .mdnd-empty {flex:0 0 calc((100% - (var(--mdnd-cols,3) - 1) * 12px) / var(--mdnd-cols,3));width:calc((100% - (var(--mdnd-cols,3) - 1) * 12px) / var(--mdnd-cols,3));aspect-ratio:16/9;}
.mdnd-collage .mdnd-info-right .mdnd-guest-info {left:auto;right:9px;text-align:right;}
/* Zitat-Karussell nach Layoutvorlage */
.mdnd-quotes-section {background:#f5f4f2;padding:clamp(28px,5vw,70px) clamp(16px,4vw,65px) 30px;}
.mdnd-quotes-section .mdnd-quotes {display:flex;flex-wrap:nowrap;gap:clamp(20px,3.2vw,65px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 8px;align-items:stretch;}
.mdnd-quotes-section .mdnd-quotes::-webkit-scrollbar {display:none;}
.mdnd-quotes-section .mdnd-quotes>.mdnd-quote {box-sizing:border-box;flex:0 0 calc((100% - 2 * clamp(20px,3.2vw,65px))/3);width:calc((100% - 2 * clamp(20px,3.2vw,65px))/3);height:auto;min-height:285px;max-height:none;overflow:visible;scroll-snap-align:start;background:transparent;border:0;padding:8px 0 16px;display:flex;flex-direction:column;}
.mdnd-quotes-section .mdnd-quote blockquote {font-family:inherit;font-size:clamp(15px,1.3vw,19px);line-height:1.44;font-style:normal;color:#565656;margin:0;padding:0;border:0;flex:1;overflow-wrap:anywhere;}
.mdnd-quotes-section .mdnd-quote blockquote:before {content:none;}
.mdnd-quotes-section .mdnd-quote-rule {height:48px;display:flex;align-items:center;justify-content:space-between;gap:15px;}
.mdnd-quotes-section .mdnd-rule-line {width:130px;max-width:55%;height:3px;border-radius:6px;background:var(--mdnd-gold);}
.mdnd-quotes-section .mdnd-quote-symbol {font-size:64px;font-family:Georgia,serif;line-height:1;color:var(--mdnd-gold);font-weight:bold;}
.mdnd-quotes-section .mdnd-quote-head {display:flex;gap:14px;align-items:center;}
.mdnd-quotes-section .mdnd-quote-head .mdnd-photo {width:84px;height:84px;flex-shrink:0;border-radius:50%;object-fit:cover;}
.mdnd-quotes-section .mdnd-quote-name {font-size:clamp(16px,1.45vw,22px);font-weight:400;color:#555;}
.mdnd-quotes-section .mdnd-person-description {font-size:14px;margin:0;color:#999;}
.mdnd-quote-dots {display:flex;justify-content:center;gap:14px;margin-top:30px;}
.mdnd-quote-dot {width:17px;height:17px;border:0;padding:0;border-radius:50%;background:white;box-shadow:0 2px 5px #0001;cursor:pointer;}
.mdnd-quote-dot.is-active {background:var(--mdnd-gold);}
.mdnd-quote-dot:focus-visible {outline:2px solid #333;outline-offset:3px;}
@media(max-width:900px){.mdnd-quotes-section .mdnd-quotes>.mdnd-quote{flex-basis:calc((100% - 24px)/2);width:calc((100% - 24px)/2);}}
@media(max-width:600px){.mdnd-quotes-section .mdnd-quotes>.mdnd-quote{flex-basis:88%;width:88%;min-height:300px;}.mdnd-collage,.mdnd-collage-row{gap:8px;}.mdnd-collage-row{margin-left:calc(var(--mdnd-offset,0) * (100% + 8px) / var(--mdnd-cols,3));}.mdnd-collage-row > .mdnd-guest,.mdnd-collage-row > .mdnd-text-tile,.mdnd-collage-row > .mdnd-empty {flex-basis:calc((100% - (var(--mdnd-cols,3) - 1) * 8px) / var(--mdnd-cols,3));width:calc((100% - (var(--mdnd-cols,3) - 1) * 8px) / var(--mdnd-cols,3));}}

/* Standardkompatibler Prozentversatz je Zeile */
.mdnd-collage-row {margin-left:var(--mdnd-offset-pct,0%);}


/* 1.3.0: Reihenversatz verändert niemals die Kachelgröße.
   Die Zeile bleibt 100% breit, wird optisch verschoben und rechts abgeschnitten. */
.mdnd-collage { --mdnd-collage-gap:12px; overflow:hidden; }
.mdnd-collage-row {
  width:100%; flex:0 0 auto; min-width:100%; max-width:100%;
  margin:0; gap:var(--mdnd-collage-gap);
  transform:translateX(calc(var(--mdnd-offset-pct, 0%) + var(--mdnd-offset-factor, 0) * var(--mdnd-collage-gap)));
}
.mdnd-collage-row > .mdnd-guest,
.mdnd-collage-row > .mdnd-text-tile,
.mdnd-collage-row > .mdnd-empty {
  flex:0 0 calc((100% - (var(--mdnd-cols, 3) - 1) * var(--mdnd-collage-gap)) / var(--mdnd-cols, 3));
  width:calc((100% - (var(--mdnd-cols, 3) - 1) * var(--mdnd-collage-gap)) / var(--mdnd-cols, 3));
  aspect-ratio:16/9;
}
@media (max-width:600px) {
  .mdnd-collage { --mdnd-collage-gap:8px; }
}
/* Zitate erhalten keinen eigenen Bereichshintergrund / keine Außenabstände.
   Das Styling des Elementor-Containers bleibt maßgeblich. */
.mdnd-quotes-section { background:transparent; padding:0; }
.mdnd-quotes-section .mdnd-quotes > .mdnd-quote { background:transparent; }
.mdnd-quote-dot { background:#fff; }
.mdnd-quote-dot.is-active { background:#B4925B; }

/* v1.4: Einheitliches, im Backend wählbares Kachelformat und kompaktere Beschriftungen. */
.mdnd-collage .mdnd-collage-row > .mdnd-guest,
.mdnd-collage .mdnd-collage-row > .mdnd-text-tile,
.mdnd-collage .mdnd-collage-row > .mdnd-empty {
  aspect-ratio:var(--mdnd-tile-ratio, 3/2);
  height:auto;
}
.mdnd-collage .mdnd-guest-info {
  padding:3px 5px;
  left:7px;
  bottom:7px;
  max-width:calc(100% - 14px);
}
.mdnd-collage .mdnd-info-right .mdnd-guest-info {left:auto;right:7px;}
.mdnd-collage .mdnd-guest-name {
  font-size:clamp(9px, .72vw, 12px);
  font-weight:400;
  line-height:1.12;
}
.mdnd-collage .mdnd-guest .mdnd-person-description {
  font-size:clamp(8px, .63vw, 10px);
  margin-top:0;
  line-height:1.12;
}

/* v1.5 – responsiver Zitate-Slider: transparent, durch Elementor gestaltbar. */
.mdnd-slider{background:transparent;padding:0;--mdnd-slide-gap:clamp(30px,4.5vw,76px);}
.mdnd-slider-main{display:flex;align-items:center;gap:clamp(6px,1.5vw,18px);min-width:0;}
.mdnd-slider .mdnd-quotes{flex:1;min-width:0;gap:var(--mdnd-slide-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;align-items:stretch;padding:4px 0 10px;}
.mdnd-slider .mdnd-quotes::-webkit-scrollbar{display:none;}
.mdnd-slider .mdnd-quotes>.mdnd-quote{flex:0 0 calc((100% - (var(--mdnd-slides-desktop,3) - 1)*var(--mdnd-slide-gap))/var(--mdnd-slides-desktop,3));width:calc((100% - (var(--mdnd-slides-desktop,3) - 1)*var(--mdnd-slide-gap))/var(--mdnd-slides-desktop,3));margin:0;min-height:270px;height:auto;padding:6px 0 16px;scroll-snap-align:start;scroll-snap-stop:always;}
.mdnd-slider-arrow{flex:0 0 36px;width:36px;height:36px;border:1px solid var(--mdnd-gold);border-radius:50%;background:transparent;color:var(--mdnd-gold);padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s;}
.mdnd-slider-arrow span{font-family:Arial,sans-serif;font-size:31px;line-height:1;transform:translateY(-2px);}
.mdnd-slider-arrow:hover{background:var(--mdnd-gold);color:#fff;}
.mdnd-slider-arrow:disabled{opacity:.32;cursor:not-allowed;background:transparent;color:var(--mdnd-gold);}
.mdnd-slider .mdnd-quote-dots{margin-top:20px;gap:12px;flex-wrap:wrap;}
.mdnd-slider .mdnd-quote-dot{background:#fff;border:0;width:12px;height:12px;box-shadow:0 1px 5px #0002;cursor:pointer;}
.mdnd-slider .mdnd-quote-dot.is-active{background:var(--mdnd-gold);}
.mdnd-slider .mdnd-quote-dot[hidden]{display:none;}
.mdnd-slider button:focus-visible{outline:2px solid var(--mdnd-gold);outline-offset:4px;}
@media(max-width:1024px){.mdnd-slider .mdnd-quotes>.mdnd-quote{flex-basis:calc((100% - (var(--mdnd-slides-tablet,2) - 1)*var(--mdnd-slide-gap))/var(--mdnd-slides-tablet,2));width:calc((100% - (var(--mdnd-slides-tablet,2) - 1)*var(--mdnd-slide-gap))/var(--mdnd-slides-tablet,2));}}
@media(max-width:767px){.mdnd-slider .mdnd-quotes>.mdnd-quote{flex-basis:calc((100% - (var(--mdnd-slides-mobile,1) - 1)*var(--mdnd-slide-gap))/var(--mdnd-slides-mobile,1));width:calc((100% - (var(--mdnd-slides-mobile,1) - 1)*var(--mdnd-slide-gap))/var(--mdnd-slides-mobile,1));min-height:250px;}.mdnd-slider-main{gap:5px;}.mdnd-slider-arrow{flex-basis:28px;width:28px;height:28px;}.mdnd-slider-arrow span{font-size:25px;}}
@media(prefers-reduced-motion:reduce){.mdnd-slider .mdnd-quotes{scroll-behavior:auto;}.mdnd-slider-arrow{transition:none;}}

/* v1.6 – kompakte Gästebeschriftung +2pt (~2.67px) gegenüber v1.4 */
.mdnd-collage .mdnd-guest-name {font-size:clamp(11.67px, calc(.72vw + 2.67px), 14.67px);}
.mdnd-collage .mdnd-guest .mdnd-person-description {font-size:clamp(10.67px, calc(.63vw + 2.67px), 12.67px);}
/* CSS-Festlegung gegen globale Elementor-Button-Stile: runde, dezente Pfeile. */
.mdnd.mdnd-slider .mdnd-slider-arrow,
.mdnd.mdnd-slider .mdnd-slider-arrow:focus,
.mdnd.mdnd-slider .mdnd-slider-arrow:active {
  appearance:none; -webkit-appearance:none; display:flex; align-items:center; justify-content:center;
  flex:0 0 36px; width:36px; min-width:36px; max-width:36px; height:36px; min-height:36px; max-height:36px;
  box-sizing:border-box; padding:0; margin:0; border:1px solid rgba(180,146,91,.55);
  border-radius:50% !important; background:transparent !important; color:#B4925B !important;
  box-shadow:none !important; text-decoration:none; line-height:1; font-weight:400;
  transform:none; cursor:pointer; opacity:1;
}
.mdnd.mdnd-slider .mdnd-slider-arrow:hover {border-color:#B4925B; background:rgba(180,146,91,.09) !important;color:#B4925B !important;}
.mdnd.mdnd-slider .mdnd-slider-arrow:disabled {opacity:.27;cursor:default;}
.mdnd.mdnd-slider .mdnd-slider-arrow span {display:block; color:inherit !important; font-size:28px; line-height:1; margin:0; padding:0; transform:translateY(-2px);}
/* Navigationspunkte: explizite Maße und Form gegen Elementor button-Regeln */
.mdnd.mdnd-slider .mdnd-quote-dots {display:flex; align-items:center; justify-content:center; gap:12px; margin-top:20px;}
.mdnd.mdnd-slider .mdnd-quote-dot,
.mdnd.mdnd-slider .mdnd-quote-dot:hover,
.mdnd.mdnd-slider .mdnd-quote-dot:focus {
  appearance:none;-webkit-appearance:none; display:block; flex:0 0 12px;
  width:12px !important; min-width:12px !important; max-width:12px !important;
  height:12px !important; min-height:12px !important; max-height:12px !important;
  aspect-ratio:1/1; padding:0 !important; margin:0 !important;
  border:0 !important; border-radius:999px !important;
  background:#fff !important; box-shadow:0 1px 5px rgba(0,0,0,.16) !important;
  line-height:0; cursor:pointer; transform:none;
}
.mdnd.mdnd-slider .mdnd-quote-dot.is-active,
.mdnd.mdnd-slider .mdnd-quote-dot.is-active:hover,
.mdnd.mdnd-slider .mdnd-quote-dot.is-active:focus {background:#B4925B !important;}
.mdnd.mdnd-slider .mdnd-quote-dot[hidden] {display:none !important;}
.mdnd.mdnd-slider.mdnd-slider-no-overflow .mdnd-slider-arrow,
.mdnd.mdnd-slider.mdnd-slider-no-overflow .mdnd-quote-dots {display:none !important;}
@media(max-width:767px){.mdnd.mdnd-slider .mdnd-slider-arrow{flex-basis:30px;width:30px;min-width:30px;max-width:30px;height:30px;min-height:30px;max-height:30px;}}

/* v1.7: Individuelle Textgrößen und Icons */
.mdnd-collage .mdnd-text-tile {font-size:min(var(--mdnd-text-max,24px),clamp(13px,1.6vw,24px));}
.mdnd.mdnd-quotes-section .mdnd-quote blockquote {font-size:var(--mdnd-quote-font,19px);}
.mdnd-icons {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,70px);background:transparent;}
.mdnd-icon-card {text-align:center;min-width:0;background:transparent;display:flex;flex-direction:column;align-items:center;color:#454545;}
.mdnd-icon-badge {width:92px;height:92px;flex:0 0 92px;border-radius:50%;background:var(--mdnd-gold);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.mdnd-icon-badge .mdnd-photo {display:block;width:54px;height:54px;object-fit:contain;filter:brightness(0) invert(1);}
.mdnd-icon-title {font-family:inherit;font-size:clamp(15px,1.3vw,19px);font-weight:600;text-transform:uppercase;line-height:1.3;color:var(--mdnd-gold);margin:25px 0 16px;}
.mdnd-icon-description {font-family:inherit;font-size:clamp(14px,1.15vw,17px);line-height:1.3;color:inherit;}
.mdnd-icon-description strong {font-weight:700;}
.mdnd-mobile>.mdnd-icon-card {flex:0 0 clamp(220px,72vw,310px);width:clamp(220px,72vw,310px);min-height:0;height:300px;scroll-snap-align:start;}
@media(max-width:767px){.mdnd-icons{grid-template-columns:1fr;gap:32px}.mdnd-mobile>.mdnd-icon-card{flex-basis:min(74vw,290px);width:min(74vw,290px);}.mdnd-icon-badge{width:76px;height:76px;flex-basis:76px}.mdnd-icon-badge .mdnd-photo{width:46px;height:46px}}

@media(max-width:767px){.mdnd-mobile>.mdnd-icon-card{height:270px;}}

/* v1.8 – konfigurierbare Typografie, Inline-SVG und einheitliche Mobile-Kacheln */
.mdnd .mdnd-icon-badge svg{display:block;width:58%;height:58%;max-width:56px;max-height:56px;}
.mdnd .mdnd-icon-badge svg{color:#fff;}
.mdnd .mdnd-icon-title{font-size:var(--mdnd-icon-title-font,19px);}
.mdnd .mdnd-icon-description{font-size:var(--mdnd-icon-description-font,17px);}
.mdnd.mdnd-mobile>.mdnd-guest,.mdnd.mdnd-mobile>.mdnd-quote,.mdnd.mdnd-mobile>.mdnd-icon-card{border-radius:12px;overflow:hidden;box-sizing:border-box;}
.mdnd.mdnd-mobile>.mdnd-icon-card{background:#fff;justify-content:center;align-items:center;padding:18px;}