/* Linke Laser-Werte-Karte wie die rechte Shopkarte sauber darstellen */
#apLaserSideBySideWrap .ap-laser-manual-side-card{
  padding:16px !important;
  border-radius:22px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.60);
  box-shadow:0 16px 36px rgba(40,90,140,.12);
}

#apLaserSideBySideWrap .ap-laser-manual-side-card h2{
  margin:0 0 6px;
  font-size:21px;
  font-weight:800;
  color:#17325f;
}

#apLaserSideBySideWrap .ap-laser-manual-side-card p,
#apLaserSideBySideWrap .ap-laser-manual-side-card .muted{
  color:#314565;
  font-size:13px;
  line-height:1.45;
  margin-bottom:12px;
}

#apLaserSideBySideWrap .ap-laser-manual-side-card .form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(160px,1fr));
  gap:10px;
}

#apLaserSideBySideWrap .ap-laser-manual-side-card label{
  display:flex;
  flex-direction:column;
  gap:7px;
  font-weight:800;
  color:#20375f;
}

#apLaserSideBySideWrap .ap-laser-manual-side-card input,
#apLaserSideBySideWrap .ap-laser-manual-side-card select{
  min-height:38px;
  border-radius:15px;
  border:1px solid rgba(80,120,170,.16);
  background:#fff;
  padding:7px 10px;
  color:#17325f;
  font-weight:700;
  outline:none;
}

#apLaserSideBySideWrap .ap-laser-manual-side-card input:focus,
#apLaserSideBySideWrap .ap-laser-manual-side-card select:focus{
  border-color:#4c8df7;
  box-shadow:0 0 0 3px rgba(76,141,247,.14);
}

#apLaserSideBySideWrap .ap-laser-manual-side-card small,
#apLaserSideBySideWrap .ap-laser-manual-side-card .hint{
  display:block;
  margin-top:8px;
  color:#314565;
  font-size:13px;
}

@media(max-width:700px){
  #apLaserSideBySideWrap .ap-laser-manual-side-card .form-grid{
    grid-template-columns:1fr;
  }
}

/* Linke Karte auf gleiche Höhe wie rechte Shopkarte ziehen */
#apLaserSideBySideWrap{
  align-items:stretch !important;
}

#apLaserSideBySideWrap .ap-laser-manual-side-card{
  height:100% !important;
  min-height:100% !important;
  display:flex;
  flex-direction:column;
}

/* Inhalt oben halten, Rest wirkt wie saubere Kartenfläche statt Loch */
#apLaserSideBySideWrap .ap-laser-manual-side-card::after{
  content:"";
  flex:1;
  display:block;
  min-height:20px;
}

/* Abstand zum nächsten Bereich etwas kleiner */
#apLaserSideBySideWrap{
  margin-bottom:10px !important;
}

#apLaserSideBySideWrap + .grid,
#apLaserSideBySideWrap + section,
#apLaserResultSvgWrap + .grid{
  margin-top:10px !important;
}
