.frame-type-atomicplan_hebamio  {
    --bs-btn-padding-x: 10px;
}
.frame-type-atomicplan_hebamio  .wrap { max-width: 1100px; margin: 0 auto; }
.frame-type-atomicplan_hebamio  .toolbar { display:flex; gap:12px; align-items:center; margin-bottom: 16px; }
.frame-type-atomicplan_hebamio .toolbar input { padding:.5rem .7rem; border:1px solid #e5e7eb; border-radius:10px; width: 280px; max-width: 100%; }
.frame-type-atomicplan_hebamio .courses { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.frame-type-atomicplan_hebamio .course { border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px; display:flex; flex-direction:column; }
.frame-type-atomicplan_hebamio .course h3 { margin: 0 0 .25rem; font-size: 1.5rem; line-height: 1.35; }
.frame-type-atomicplan_hebamio .meta { font-size: 1rem; opacity: .8; margin-bottom: .25rem; }
.frame-type-atomicplan_hebamio .status { display: inline-block; font-size: 1rem; padding: .15rem .5rem; border-radius: 999px; background: #f3f4f6; margin-bottom: .5rem; }
.frame-type-atomicplan_hebamio .status.plaetze-vorhanden{
    background: #c5f3c9;
}
.frame-type-atomicplan_hebamio .status.ausgebucht{
    background: #b56161;
    color: white;
}
.frame-type-atomicplan_hebamio .noch-wenige-plaetze{
    background: #e2efe3;
    color: black;
}

.frame-type-atomicplan_hebamio .desc { font-size: 1.2rem; line-height: 1.45; margin-top:.25rem; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; overflow:hidden; }
.frame-type-atomicplan_hebamio .actions { margin-top: auto; padding-top:.75rem; }
.frame-type-atomicplan_hebamio .empty { padding: 24px; border: 1px dashed #ddd; border-radius: 12px; text-align: center; }
.frame-type-atomicplan_hebamio .category-buttons .btn{
    display: inline-block;
    margin-right: 5px;
    max-width: 250px;           /* irgendeine Breite ist nötig */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    font-size: 16px;
}
@media (min-width: 1200px){
    .frame-type-atomicplan_hebamio .category-buttons .btn{
        display: block;
    }
}
/* lightbox */
.frame-type-atomicplan_hebamio .actions { margin-top: auto; padding-top:.75rem; display: flex; gap: 8px; /* NEU: Flexbox für Buttons */ }

.hbmt-hebemio-grid{
    display: grid;
    grid-template-columns: minmax(auto, 1fr);
    gap: 0px;
}
@container (min-width: 992px){
    .hbmt-hebemio-grid{
        display: grid;
        grid-template-columns: 250px minmax(auto, 1fr);
        gap: 40px;
    }
}