/* Vollmacht clean choice cards — icon-free, compact, contract-preserving. */

.kundentyp-btns{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
}

/* House/business and automation emoji live in these spans. Keep the DOM/JS
   contract intact, but remove the decorative icon layer completely. */
.kundentyp-btn > span{
  display:none!important;
}

.kundentyp-btn{
  min-height:72px!important;
  padding:15px 18px!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  text-align:left!important;
  border-radius:16px!important;
  box-shadow:none!important;
  font-size:.96rem!important;
  line-height:1.25!important;
}

.kundentyp-btn:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 9px 22px rgba(10,31,46,.07)!important;
}

.kundentyp-btn small{
  margin-left:auto!important;
  padding-left:10px!important;
  font-size:.68rem!important;
  font-weight:700!important;
  opacity:.68!important;
  white-space:nowrap!important;
}

.kundentyp-btn.selected,
.kundentyp-btn.selected:hover,
.kundentyp-btn.auto-mode.selected,
.kundentyp-btn.auto-mode.selected:hover{
  transform:none!important;
}

html[data-design="future"] .kundentyp-btn{
  box-shadow:none!important;
}

html[data-design="future"] .kundentyp-btn:hover{
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}

@media(max-width:650px){
  .kundentyp-btns{
    grid-template-columns:1fr!important;
  }

  .kundentyp-btn{
    min-height:66px!important;
    padding:14px 16px!important;
  }

  .kundentyp-btn small{
    white-space:normal!important;
    text-align:right!important;
  }
}