*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ffffff;color:#000000;font-family:Arial,Helvetica,sans-serif}.arei-business{max-width:1050px;margin:auto;padding:12px 12px 24px}.top{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08)}.top h1{margin:0;font-size:21px}.top span,.hint{font-size:12px;color:#000}.plus{background:#3e8b0a;color:#fff;text-decoration:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:28px;font-weight:bold}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.kpis div,.card,.panel,.module,.table-overview{background:#ffffff;border:1px solid #d9d9d9;border-radius:18px;padding:14px;margin-bottom:14px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.kpis div{text-align:center}.kpis b{display:block;font-size:19px}.kpis span{font-size:11px;color:#000}.tools{display:grid;grid-template-columns:1fr repeat(4,auto);gap:8px;margin-bottom:14px}.public-tools{grid-template-columns:1fr auto auto}.search,input,select,textarea,button,.toolbtn{border:1px solid #d0d0d0;border-radius:14px;background:#ffffff;color:#000;padding:13px;font-size:14px;text-decoration:none}button,.toolbtn,.save,.small-btn{background:#3e8b0a!important;color:#fff!important;cursor:pointer;font-weight:bold;border:none}.cards{display:flex;flex-direction:column;gap:12px}.card-head{display:flex;justify-content:space-between;gap:10px}.card h2{font-size:17px;margin:0}.card p{font-size:12px;color:#000;margin:4px 0}.card-head span{background:#3e8b0a;color:#fff;border-radius:20px;padding:6px 10px;font-size:11px;height:max-content}.mini{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.public-mini{grid-template-columns:repeat(2,1fr)}.mini div{background:#f5f5f5;border-radius:12px;padding:9px 5px;text-align:center}.mini small{display:block;color:#000;font-size:10px}.mini strong{font-size:12px}details{background:#f5f5f5;border-radius:12px;padding:10px}.pos,.log{background:#ffffff;border:1px solid #d7e8ce;border-radius:12px;padding:10px;margin-top:8px;display:flex;flex-direction:column;gap:5px}.pos small,.pos span,.log small{color:#000;font-size:12px}.pos a,.maps-button{background:#3e8b0a;color:#fff!important;text-decoration:none;border-radius:10px;padding:9px;text-align:center}.photo{width:100%;max-height:240px;object-fit:cover;border-radius:13px;margin-top:10px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.actions a,.actions button{display:block;text-align:center;background:#3e8b0a;color:#fff;border-radius:12px;padding:11px;text-decoration:none;width:100%}.actions button{background:#c62828!important}.main-form{display:flex;flex-direction:column;gap:10px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}textarea{min-height:94px}.gps-panel{background:#f5f5f5;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}.position-entry{background:#ffffff;border:1px solid #d9d9d9;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:9px;margin-bottom:10px}.success{background:#16a34a;color:#fff;padding:11px;border-radius:13px}.empty{text-align:center;color:#000}.qr-code img{width:82px;height:82px;border-radius:10px;margin:8px 0;background:white;padding:5px}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin:10px 0}.photo-thumb{width:100%;height:90px;object-fit:cover;border-radius:12px;border:1px solid #d9d9d9}.gps-info-text{background:#f2f8ef;border:1px solid #d7e8ce;color:#000;padding:12px;border-radius:12px;font-size:14px}.gps-data{display:flex;flex-direction:column;gap:4px;margin:8px 0;font-size:13px;color:#000}.auto-location-btn{background:#3e8b0a!important;color:#fff!important;font-weight:bold;border-radius:14px;padding:14px}.filial-table{display:flex;flex-direction:column;gap:6px}.filial-row{display:grid;grid-template-columns:70px 1.4fr 1.8fr 70px 90px;gap:8px;align-items:center;background:#f5f5f5;border-radius:12px;padding:8px;color:#000;font-size:13px}.filial-head{font-weight:bold;background:#eaf4e4}.table-thumb{width:56px;height:56px;object-fit:cover;border-radius:10px;border:1px solid #d9d9d9}.no-thumb{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#fff;border:1px solid #d9d9d9;border-radius:10px;color:#777}.small-btn{display:block;text-decoration:none;padding:9px 10px;border-radius:10px;text-align:center}.upload-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload-btn{display:block;background:#3e8b0a;color:#fff;padding:13px;border-radius:14px;text-align:center;font-weight:bold;cursor:pointer}.upload-btn input{display:none}@media(max-width:750px){.tools,.public-tools{grid-template-columns:1fr}.arei-business{padding:10px 10px 24px}.kpis{grid-template-columns:repeat(2,1fr)}.mini{grid-template-columns:repeat(2,1fr)}.two,.actions,.upload-choice{grid-template-columns:1fr}.filial-row{grid-template-columns:56px 1fr}.filial-head{display:none}.filial-row>div:nth-child(3),.filial-row>div:nth-child(4),.filial-row>div:nth-child(5){grid-column:2}}@media print{.top,.tools,#form,.module{display:none}body{background:white;color:black}.card,.panel{background:white;color:black;border:1px solid #ddd}}

/* AREI 4.4 kompakte öffentliche Filialsuche */
.compact-public{
max-width:1200px;
padding:8px 8px 24px;
}

.compact-top{
display:none;
}

.public-searchbar{
display:grid;
grid-template-columns:1fr auto auto;
gap:8px;
margin:10px 0 12px;
}

.public-table-box{
background:#fff;
border:1px solid #d9d9d9;
border-radius:16px;
padding:12px;
box-shadow:0 2px 8px rgba(0,0,0,.05);
}

.public-table-box h2{
margin:0 0 10px;
font-size:20px;
color:#000;
}

.public-filial-table{
display:flex;
flex-direction:column;
gap:6px;
}

.public-row{
display:grid;
grid-template-columns:64px 1.4fr 1.8fr 80px 120px;
gap:8px;
align-items:center;
background:#f5f5f5;
border-radius:12px;
padding:8px;
color:#000;
font-size:13px;
}

.public-head{
font-weight:bold;
background:#eaf4e4;
}

.public-thumb{
width:54px;
height:54px;
object-fit:cover;
border-radius:10px;
border:1px solid #d9d9d9;
display:block;
}

.public-no-thumb{
width:54px;
height:54px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid #d9d9d9;
background:#fff;
border-radius:10px;
color:#777;
}

.public-row small{
display:block;
font-size:11px;
color:#555;
margin-top:3px;
}

.public-actions{
display:flex;
flex-direction:column;
gap:6px;
}

.public-actions .maps-button,
.public-actions .details-toggle{
padding:8px 9px;
font-size:12px;
border-radius:10px;
text-align:center;
}

.public-details{
grid-column:1 / -1;
background:#ffffff;
border:1px solid #d9d9d9;
border-radius:12px;
padding:10px;
margin-top:4px;
}

.public-details p{
margin:6px 0;
font-size:13px;
}

@media(max-width:760px){
  .public-searchbar{
    grid-template-columns:1fr;
  }

  .public-row{
    grid-template-columns:54px 1fr 80px;
    font-size:12px;
  }

  .public-head{
    display:none;
  }

  .public-row > div:nth-child(3){
    grid-column:2 / 4;
  }

  .public-row > div:nth-child(4){
    grid-column:2;
  }

  .public-row > div:nth-child(5){
    grid-column:3;
  }

  .public-details{
    grid-column:1 / -1;
  }
}
