/* Marken-Sync: nur Layout-Grundlagen. Farben, Schriften und Abstände
   regelt jede Website selbst (Avada-Optionen oder Child-Theme). */
.marken-sync-kopfbild img,.marken-sync-banner-bild img{display:block;width:100%;height:auto;object-fit:cover}
.marken-sync-banner{position:relative}
.marken-sync-intro{text-align:center;max-width:760px;margin:0 auto}
.marken-sync-logo{display:block;max-width:220px;max-height:90px;width:auto;height:auto;margin:0 auto 1em}
.marken-sync-textblock{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;margin:0 0 clamp(32px,5vw,72px)}
.marken-sync-textblock--bild-rechts .marken-sync-textblock-bild{order:2}
.marken-sync-textblock--ohne-bild{grid-template-columns:minmax(0,1fr);max-width:760px;margin-left:auto;margin-right:auto}
.marken-sync-textblock-bild,.marken-sync-galerie-bild,.marken-sync-lexikon-bild{margin:0}
.marken-sync-textblock-bild img,.marken-sync-galerie-bild img{display:block;width:100%;height:auto}
.marken-sync-galerie{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin:0 0 clamp(32px,5vw,72px)}
.marken-sync-galerie-bild img{aspect-ratio:4/5;object-fit:cover}
.marken-sync-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:24px}
.marken-sync-kachel{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}
.marken-sync-kachel-bild{display:block;overflow:hidden}
.marken-sync-kachel-bild img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s ease}
.marken-sync-kachel-bild--logo img{aspect-ratio:3/2;object-fit:contain;padding:12%}
a.marken-sync-kachel:hover .marken-sync-kachel-bild img{transform:scale(1.03)}
.marken-sync-slider{position:relative}
.marken-sync-slider-spur{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.marken-sync-slider-spur::-webkit-scrollbar{display:none}
.marken-sync-slide{flex:0 0 100%;scroll-snap-align:start}
.marken-sync-slider-navi{position:absolute;inset:auto 16px 16px auto;display:flex;gap:8px}
.marken-sync-slider-navi button{width:44px;height:44px;border-radius:50%;border:1px solid currentColor;background:rgba(255,255,255,.8);cursor:pointer;font-size:22px;line-height:1}
.marken-sync-pflichtangaben{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:24px 40px}
.marken-sync-lexikon-navi{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 2em}
.marken-sync-lexikon-eintrag{margin:0 0 2em}
.marken-sync-lexikon-bild img{max-width:320px;height:auto}
@media (max-width:767px){.marken-sync-textblock{grid-template-columns:minmax(0,1fr)}.marken-sync-textblock--bild-rechts .marken-sync-textblock-bild{order:0}}
@media (prefers-reduced-motion:reduce){.marken-sync-slider-spur{scroll-behavior:auto}.marken-sync-kachel-bild img{transition:none}}