/* SCHMIDT_SUBPAGE_THEME_2026
   Gleicht alle Unterseiten (sv3-Klassen) optisch an die fertige Startseite (sv4) an:
   - Blau #1f67ff / Grün #82d615 wie auf der Startseite
   - Pillen-Buttons, große Radien, weiche Schatten
   - heller Verlaufs-Hintergrund
   Zusätzlich: Styles für die austauschbaren Bild-Slots (spi-*). */

/* ---- Grundton wie Startseite ---- */
body.sv3-body{
  --sv3-blue:#1f67ff;
  --sv3-blue-2:#0c47c4;
  --sv3-green:#82d615;
  --sv3-green-2:#5eb300;
  background:linear-gradient(180deg,#f6faff 0%,#ffffff 28%,#ffffff 100%);
}

/* ---- Buttons im Startseiten-Stil ---- */
body.sv3-body .sv3-btn{
  border-radius:999px;
  font-weight:900;
  min-height:46px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
body.sv3-body .sv3-btn:hover{transform:translateY(-2px)}
body.sv3-body .sv3-btn-primary{
  background:linear-gradient(135deg,#1f67ff,#0c47c4);
  color:#fff;
  box-shadow:0 14px 30px rgba(31,103,255,.28);
  border:0;
}
body.sv3-body .sv3-btn-ghost{
  border:1.5px solid rgba(31,103,255,.35);
  color:#0c2f72;
  background:#fff;
}
body.sv3-body .sv3-btn-ghost:hover{background:#f2f7ff;border-color:rgba(31,103,255,.6)}

/* ---- Eyebrow / Kicker wie auf der Startseite ---- */
body.sv3-body .sv3-eyebrow{
  color:#1f67ff;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

/* ---- Karten & Panels: Radius/Schatten der Startseite ---- */
body.sv3-body [class*="sv3-"][class*="card"],
body.sv3-body [class*="sv3-"][class*="panel"],
body.sv3-body .sv3-seo-note-card,
body.sv3-body .sv3-standard-card{
  border-radius:24px;
}
body.sv3-body .sv3-section h1,
body.sv3-body .sv3-section h2{color:#07111f}

/* ---- Bild-Slots (page-image Komponente) ---- */
.spi-image{margin:0;overflow:hidden;display:block}
.spi-image img{display:block;width:100%;height:auto}

/* Bild im Hero (rechte Spalte / im Panel) */
.spi-hero{
  border-radius:26px;
  background:radial-gradient(circle at 30% 20%,rgba(31,103,255,.10),transparent 55%),linear-gradient(180deg,#f3f8ff,#ffffff);
  border:1px solid #dce6f2;
  box-shadow:0 20px 60px rgba(8,28,69,.10);
  padding:14px;
}
.spi-hero img{max-height:340px;object-fit:contain;margin-inline:auto}

/* Bild oben in einem Hero-Panel/Aside */
.spi-panel{
  margin:0 0 14px;
  border-radius:18px;
  background:linear-gradient(180deg,#f3f8ff,#ffffff);
  border:1px solid rgba(31,103,255,.14);
  padding:10px;
}
.spi-panel img{max-height:200px;object-fit:contain;margin-inline:auto}

/* ---- Bildleiste unter dem Hero ---- */
.spi-band{margin:26px auto 6px;width:min(1280px,calc(100% - 40px))}
.spi-band-inner{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px;
}
.spi-band-card{
  background:#fff;
  border:1px solid #dce6f2;
  border-radius:24px;
  box-shadow:0 14px 40px rgba(8,28,69,.07);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .16s ease,box-shadow .16s ease;
}
.spi-band-card:hover{transform:translateY(-3px);box-shadow:0 20px 54px rgba(8,28,69,.12)}
.spi-band-item{
  background:radial-gradient(circle at 50% 0%,rgba(31,103,255,.08),transparent 60%),linear-gradient(180deg,#f5f9ff,#ffffff);
  padding:12px;
}
.spi-band-item img{height:170px;object-fit:contain;margin-inline:auto}
.spi-band-copy{padding:12px 16px 16px;display:grid;gap:3px}
.spi-band-copy strong{font-size:.95rem;color:#07111f;font-weight:900}
.spi-band-copy span{font-size:.84rem;color:#5b6f8d;line-height:1.45}

@media (max-width:760px){
  .spi-band{width:calc(100% - 28px);margin-top:18px}
  .spi-hero img{max-height:260px}
  .spi-band-item img{height:140px}
}