/* Release 171 · Startseite auf Handy und in der installierten App.
   Kopfzeile: Logo und Sprache in einer Reihe, Anmelden und Konto erstellen gleich breit darunter.
   Bereichs-Reiter: statt schmaler Hochkant-Kacheln eine klare Liste mit Foto, Titel, Kurztext und Knopf.
   Die Kopfzeilen-Selektoren nennen #publicLanding doppelt, um ältere !important-Regeln für die Startseite zu übersteuern.
   Wird nach safe-area-v162.css geladen; der obere Abstand für Notch und Dynamic Island bleibt dort. */
@media(max-width:760px){
 html:root body #publicLanding#publicLanding .sc-v126-header{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:center;column-gap:10px!important;row-gap:10px!important;
  min-height:0!important;padding-top:10px!important;padding-bottom:12px!important
 }
 html:root body #publicLanding#publicLanding .sc-v126-header .sc-v126-actions{display:contents!important}
 html:root body #publicLanding#publicLanding .sc-v126-header .sc-v126-brand{grid-column:1;grid-row:1;justify-self:start;width:104px!important;height:52px!important}
 html:root body #publicLanding#publicLanding .sc-v126-header .sc-language-control{grid-column:2;grid-row:1;justify-self:end;display:flex!important;flex:none!important;align-items:center;margin:0!important;width:auto!important;min-width:0!important;max-width:150px!important}
 html:root body #publicLanding#publicLanding .sc-v126-header .sc-language-control label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 html:root body #publicLanding#publicLanding .sc-v126-header .sc-language-select{width:auto!important;max-width:150px;min-height:40px!important;height:40px;padding:0 30px 0 12px!important;border-radius:10px!important;font-size:16px!important;line-height:1}
 html:root body #publicLanding#publicLanding .sc-v126-header .sc-v126-actions .sc-btn{
  grid-row:2;width:100%!important;min-height:46px!important;margin:0!important;
  padding:0 10px!important;border-radius:10px!important;
  font-size:14px!important;letter-spacing:.01em!important;white-space:nowrap!important;
  display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis
 }
 html:root body #publicLanding#publicLanding .sc-v126-header #landingLoginBtn{grid-column:1}
 html:root body #publicLanding#publicLanding .sc-v126-header #landingRegisterBtn{grid-column:2}

 html:root body #scCustomerEntry .sce-compact-cards{grid-template-columns:1fr!important;gap:10px!important;margin-top:18px;margin-bottom:22px}
 html:root body #scCustomerEntry .sce-compact-card{
  display:grid!important;grid-template-columns:108px minmax(0,1fr);flex-direction:initial;
  min-height:0;border-radius:16px;transform:none
 }
 html:root body #scCustomerEntry .sce-compact-photo{height:auto!important;min-height:100%;position:relative}
 html:root body #scCustomerEntry .sce-compact-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
 html:root body #scCustomerEntry .sce-compact-photo:after{background:linear-gradient(90deg,transparent 55%,#12100e)!important}
 html:root body #scCustomerEntry .sce-compact-content{padding:12px 14px 14px!important;gap:4px!important;min-width:0}
 html:root body #scCustomerEntry .sce-compact-content h2{font-size:18px!important;line-height:1.2!important;margin:0;overflow-wrap:normal!important;word-break:normal;hyphens:auto}
 html:root body #scCustomerEntry .sce-compact-content small{font-size:11px!important;line-height:1.3}
 html:root body #scCustomerEntry .sce-compact-content p{
  font-size:13px!important;line-height:1.4!important;margin:2px 0 8px!important;min-height:0!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
 }
 html:root body #scCustomerEntry .sce-compact-content .sce-button{
  margin-top:auto;align-self:stretch;min-height:44px!important;padding:8px 14px!important;
  border-radius:10px!important;font-size:13px!important;white-space:nowrap;justify-content:space-between
 }
}
@media(max-width:350px){
 html:root body #publicLanding#publicLanding .sc-v126-header .sc-v126-brand{width:88px!important;height:46px!important}
 html:root body #publicLanding#publicLanding .sc-v126-header .sc-v126-actions .sc-btn{font-size:13px!important;padding:0 6px!important}
 html:root body #scCustomerEntry .sce-compact-card{grid-template-columns:84px minmax(0,1fr)}
 html:root body #scCustomerEntry .sce-compact-content h2{font-size:16px!important}
 html:root body #scCustomerEntry .sce-compact-content .sce-button{padding:8px 10px!important;font-size:12px!important;white-space:normal;line-height:1.2;gap:6px}
}