/* =========================================================================
   Sydesoft Relaunch – Content-Layer für bestehende (Mobirise-)Inhalte.
   Wird NACH Bootstrap 5 + site.css geladen und modernisiert die alten
   Inhaltssektionen. Zielt NUR auf mbr-*/content*/features*-Klassen –
   die neue Navbar (<header>/.sy-nav) & der Footer (.sy-footer) bleiben unberührt.
   ========================================================================= */

/* Inhalts-Sektionen: ruhiger Rhythmus */
.mbr-section,
section[class*="content"], section[class*="features"], section[class*="counters"],
section[class*="image"], section[class*="video"]{
  padding-top:clamp(1.75rem,3.5vw,2.75rem) !important;
  padding-bottom:clamp(1.75rem,3.5vw,2.75rem) !important;
}
section[class*="content"] .container, section[class*="features"] .container,
.mbr-section .container{ max-width:1200px; }

/* Typografie */
.mbr-section-title{ color:var(--ink) !important; font-weight:700 !important; letter-spacing:-.01em; line-height:1.15; }
.mbr-section-subtitle{ color:#566073 !important; font-weight:500 !important; }
[data-bs-theme="dark"] .mbr-section-subtitle{ color:#a3b0c2 !important; }
.mbr-section-title.display-1, .mbr-section-title.display-2{ }
.display-1, .mbr-section .display-1, .mbr-section-title.display-1{ font-size:clamp(1.7rem,3.4vw,2.4rem) !important; }
.display-2, .mbr-section .display-2, .mbr-section-title.display-2{ font-size:clamp(1.35rem,2.6vw,1.8rem) !important; }
.mbr-section-title{ line-height:1.2 !important; }
.mbr-text{ color:var(--ink) !important; line-height:1.6; font-size:.98rem; }
.mbr-text a{ color:var(--brand-500); text-underline-offset:2px; }
.mbr-text .text-primary, .text-primary{ color:var(--brand) !important; }
/* Überschrift-Links nicht unterstreichen (z. B. „Online Shop") */
.mbr-section-title a, .mbr-section-subtitle a, h1 a, h2 a, h3 a{ color:inherit !important; text-decoration:none !important; }

/* Lesbare Artikelbreite bei reinen Textsektionen */
.content1 .mbr-text, .article .mbr-text{ max-width:74ch; margin-inline:auto; }

/* Buttons (überschreibt Bootstrap + Alt-Theme) – nur in Inhaltssektionen */
.mbr-section-btn .btn,
section[class*="header"] .btn, section[class*="content"] .btn,
section[class*="features"] .btn, .mbr-section .btn{
  background:var(--brand) !important; border:1.5px solid var(--brand) !important; color:#fff !important;
  border-radius:11px !important; font-weight:600 !important; padding:.7rem 1.35rem !important;
  box-shadow:var(--sy-shadow); transition:transform .12s ease, background .15s ease !important;
}
.mbr-section-btn .btn:hover, section[class*="content"] .btn:hover, .mbr-section .btn:hover{
  background:var(--brand-700) !important; border-color:var(--brand-700) !important; color:#fff !important; transform:translateY(-1px);
}

/* Karten – gleich hoch & ausgerichtet (behebt „versetzte Kästchen") */
.media-container-row{ display:flex; flex-wrap:wrap; align-items:stretch; }
.media-container-row > [class*="col-"], .media-container-row > .card{ display:flex; }
.card{
  background:var(--bs-body-bg) !important; border:1px solid rgba(16,32,60,.10) !important;
  border-radius:8px !important; box-shadow:var(--sy-shadow); overflow:hidden;
  transition:box-shadow .15s ease, border-color .15s ease;
  width:100%; height:100%; display:flex; flex-direction:column; margin-bottom:1rem; padding:1rem !important;
}
.card .card-wrapper{ display:flex; flex-direction:column; height:100%; }
.card .card-box, .card .card-box2{ flex:1; }
.card:hover{ box-shadow:var(--sy-shadow-lg); border-color:var(--brand-300) !important; }
/* Produktbilder in Karten einheitlich, kompakt */
.card .card-img{ display:flex; align-items:center; justify-content:center; min-height:120px; padding:.4rem; }
.card .card-img img{ max-height:120px; width:auto; object-fit:contain; }
.card .card-title{ font-size:1rem !important; margin-bottom:.4rem !important; }
.card .mbr-text{ font-size:.9rem !important; line-height:1.5; }
[data-bs-theme="dark"] .card{ border-color:rgba(255,255,255,.10) !important; }
.card-title{ color:var(--ink) !important; font-weight:700; }
.card-img img, .card img{ border-radius:0 !important; }

/* Hero-Sektionen mit Bild-Overlay: heller Text + Schatten */
section[id^="header"] .mbr-section-title, section[id^="header"] .mbr-section-subtitle, section[id^="header"] .mbr-text, section[id^="header"] p,
.mbr-overlay ~ .container .mbr-section-title,
.mbr-overlay ~ .container .mbr-section-subtitle,
.mbr-overlay ~ .container .mbr-text,
.mbr-overlay ~ .container p{
  color:#fff !important; text-shadow:0 2px 14px rgba(0,0,0,.55), 0 1px 3px rgba(0,0,0,.5);
}
section[id^="header"] .container, .mbr-overlay ~ .container{ position:relative; z-index:2; }
.mbr-overlay{ z-index:1 !important; }

/* CTA-artige content4-Sektion */
.content4{ background:#f5f8fc !important; }
[data-bs-theme="dark"] .content4{ background:#131c28 !important; }
.content4 a.text-white, .content4 .mbr-section-title{ }
.content4 a.text-white{ color:var(--brand) !important; }

/* Bilder & Figuren */
.mbr-figure img, figure.mbr-figure img{ border-radius:14px; }
.mbr-figure img[src*="logo"], .card img[src*="logo"]{ border-radius:0; }

/* Tabellen (Produkt-Specs) */
section[class*="content"] table, .mbr-section table{ width:100%; border-collapse:collapse; }
section[class*="content"] table td, section[class*="content"] table th,
.mbr-section table td, .mbr-section table th{ padding:.5rem .6rem; border-bottom:1px solid rgba(16,32,60,.08); vertical-align:top; }
[data-bs-theme="dark"] section[class*="content"] table td, [data-bs-theme="dark"] .mbr-section table td{ border-bottom-color:rgba(255,255,255,.08); }

/* Dark Mode: helle Inhalts-Sektionen umfärben (Bild-Heroes bleiben) */
[data-bs-theme="dark"] .content1,
[data-bs-theme="dark"] .article,
[data-bs-theme="dark"] section[class*="features"]:not([class*="parallax"]),
[data-bs-theme="dark"] .content6,
[data-bs-theme="dark"] section[class*="image"]{ background-color:var(--bs-body-bg) !important; }

/* Parallax bei reduzierter Bewegung abschalten */
@media (prefers-reduced-motion: reduce){ .mbr-parallax-background{ background-attachment:scroll !important; } }