/* MESTRA – verbindliches zentriertes Original-Mockup-Layout.
   1320px Gesamtbreite inkl. je 28px Innenabstand. */
:root { --mestra-layout-max:1320px; --mestra-layout-gutter:28px; }
html,body { overflow-x:clip; }
body .wp-site-blocks,body .wp-block-post-content,body .wp-block-shortcode {box-sizing:border-box;min-width:0;}
/* Äußere Inhaltskante aller sieben Seiten und der globalen Kopf- und Fußzeile */
body .ref-header .ref-headerin,body .ref-footer .ref-footerinner,
body .ref-shell,body .mestra-ref-embedded,body .r4-shell,
body .mestra-ref-embedded .r4-shell {
 box-sizing:border-box!important;
 width:100%!important;max-width:var(--mestra-layout-max)!important;
 margin-left:auto!important;margin-right:auto!important;
 padding-left:var(--mestra-layout-gutter)!important;
 padding-right:var(--mestra-layout-gutter)!important;
}
/* Shortcode entnimmt nur das innere HTML des <main> – keine erneute Einrückung. */
body .mestra-ref-embedded .ref-shell,body .mestra-ref-embedded .r4-shell{
 width:100%!important;max-width:100%!important;
 padding-left:0!important;padding-right:0!important;
}
/* Slider muss dieselbe äußere Kante benutzen; keine 100vw-Berechnung. */
body .ref-slider,body .mestra-ref-embedded .ref-slider{
 box-sizing:border-box!important;width:100%!important;max-width:var(--mestra-layout-max)!important;
 margin-left:auto!important;margin-right:auto!important;
}
/* Innerhalb des zentralen Shortcodes nimmt der Slider die nutzbare Inhaltsbreite ein. */
body .mestra-ref-embedded .ref-slider{max-width:100%!important;}
body .ref-slide-copy{padding-left:clamp(24px,3vw,52px)!important;padding-right:24px!important;}
body .ref-pagehero,body .r4-hero,body .r4-company-layout,body .r4-catalog-row,
body .dl-section,body .ref-catalog-full{max-width:100%!important;}
/* Abstände passen sich auf kleinen Displays an, ohne seitlich zu überlaufen. */
@media(max-width:760px){
 :root{--mestra-layout-gutter:18px;}
 body .ref-slide-copy{padding-left:20px!important;padding-right:20px!important;}
}

/* Aktionsslider: sichtbar und zentriert direkt über dem ersten Startseitenabschnitt. */
body .mestra-ref-embedded .ref-slider{display:block!important;width:100%!important;max-width:100%!important;height:400px!important;min-height:400px!important;overflow:hidden!important;position:relative!important;margin:0 auto 22px!important;}
body .mestra-ref-embedded .ref-slider .ref-slides{height:100%!important;}
body .mestra-ref-embedded .ref-slider .ref-slide{display:none!important;height:100%!important;grid-template-columns:47% 53%!important;align-items:center!important;}
body .mestra-ref-embedded .ref-slider .ref-slide.is-active{display:grid!important;}
body .mestra-ref-embedded .ref-slider .ref-slide .ref-hero-photo{height:100%!important;}
body .mestra-ref-embedded .ref-slider .ref-prev,body .mestra-ref-embedded .ref-slider .ref-next,body .mestra-ref-embedded .ref-slider .ref-dots{z-index:5!important;}
@media(max-width:760px){body .mestra-ref-embedded .ref-slider{height:540px!important;min-height:540px!important;}body .mestra-ref-embedded .ref-slider .ref-slide.is-active{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:53% 47%!important;}}