/* ============================================================================
   blechline-konfigurator-pdp.css — Mount der Konfiguratoren auf der Produktseite
   Stand: 2026-10-03 · Quelle: 20_blechline/web/theme/assets/blechline-konfigurator-pdp.css
   Nur Minimal-Basis für Mount, Platzhalter und Link-Kachel. Rahmen und Optik des Kastens (.bl-konfig*) liegen bei
   blechline-pdp.css und gehören dem Design. Der Konfigurator selbst (.blk-*) kommt aus blechline-konfigurator.css.
   ========================================================================== */

/* Mount im Anfrageblock: der Kopf (.bl-konfig__kopf) liefert schon den seitlichen Abstand */
.bl-konfig__innen{ margin:18px 0 0; padding:18px 0 20px; border-top:1px solid #cbe6f4; }

.blk-laedt{ margin:6px 0; font-size:14px; color:#516079; }
.blk-vorlage-fix{ margin:0 0 12px; font-size:14.5px; color:#3d4c63; }

/* Link-Kachel zu einem Rechner ("Wie viel brauche ich?") */
.bl-konfig__kachel{
  display:flex; flex-direction:column; gap:10px; text-decoration:none; color:inherit;
  padding:16px 18px; border:1px solid #cbe6f4; border-radius:10px; background:#fff;
}
.bl-konfig__kachel:hover{ background:#f4fafd; }
.bl-konfig__kachel-titel{ font:700 17px/1.3 'Barlow',sans-serif; color:#16223a; }
.bl-konfig__kachel-knopf{
  display:inline-flex; align-items:center; gap:8px; align-self:flex-start;
  padding:11px 18px; border-radius:8px; background:#0082b4; color:#fff;
  font:700 15px/1 'Barlow',sans-serif; letter-spacing:.01em;
}
.bl-konfig__kachel:hover .bl-konfig__kachel-knopf{ background:#00648b; }

@media (max-width:600px){
  .bl-konfig__innen{ margin-top:14px; padding:14px 0 16px; }
  .bl-konfig__kachel-knopf{ align-self:stretch; justify-content:center; }
}

.bl-konfig__innen .blk-buehne svg{ max-height:none; min-height:280px; }
@media (min-width:601px){ .bl-konfig__innen .blk-buehne svg{ min-height:360px; } }