/* PerUnit Courses – Frontend, CI: Petrol #477A91, Gold #D6AA58 */
.pu-courses{--pu-petrol:#477A91;--pu-petrol-dark:#365f72;--pu-gold:#D6AA58;--pu-text:#2b2b2b;--pu-muted:#6b7280;--pu-border:#e5e7eb;--pu-bg:#fff;
  color:var(--pu-text);line-height:1.5;margin:0 0 2rem}
.pu-category{margin:0 0 2.5rem}
.pu-category-title{font-size:1.5rem;font-weight:600;color:var(--pu-petrol);margin:0 0 1rem;padding-bottom:.4rem;border-bottom:3px solid var(--pu-gold);display:inline-block}
.pu-list{display:grid;gap:1.5rem}
.pu-layout-grid.pu-cols-1 .pu-list{grid-template-columns:1fr}
.pu-layout-grid.pu-cols-2 .pu-list{grid-template-columns:repeat(2,1fr)}
.pu-layout-grid.pu-cols-3 .pu-list{grid-template-columns:repeat(3,1fr)}
.pu-layout-grid.pu-cols-4 .pu-list{grid-template-columns:repeat(4,1fr)}
@media (max-width:1024px){.pu-layout-grid.pu-cols-4 .pu-list,.pu-layout-grid.pu-cols-3 .pu-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.pu-layout-grid .pu-list{grid-template-columns:1fr}}
.pu-course{background:var(--pu-bg);border:1px solid var(--pu-border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 1px 3px rgba(0,0,0,.06);transition:box-shadow .2s,transform .2s}
.pu-course:hover{box-shadow:0 6px 18px rgba(0,0,0,.12);transform:translateY(-2px)}
.pu-course-img{display:block;aspect-ratio:16/9;background:#eef3f6;overflow:hidden}
.pu-course-img img{width:100%;height:100%;object-fit:cover;display:block}
.pu-course-img-placeholder{background:linear-gradient(135deg,var(--pu-petrol) 0%,var(--pu-petrol-dark) 60%,var(--pu-gold) 100%)}
.pu-course-body{padding:1.1rem 1.25rem 1.25rem;display:flex;flex-direction:column;flex:1}
.pu-course-title{font-size:1.15rem;font-weight:600;margin:0 0 .4rem;line-height:1.3}
.pu-course-title a{color:var(--pu-petrol-dark);text-decoration:none}
.pu-course-title a:hover{color:var(--pu-petrol);text-decoration:underline}
.pu-course-date{font-size:.85rem;color:var(--pu-muted);margin:0 0 .6rem}
.pu-course-summary{font-size:.95rem;margin:0 0 1rem;flex:1}
.pu-course-action{margin:0}
.pu-btn{display:inline-block;background:var(--pu-petrol);color:#fff !important;padding:.55rem 1.1rem;border-radius:4px;font-weight:600;font-size:.9rem;text-decoration:none !important;transition:background .2s}
.pu-btn:hover{background:var(--pu-gold);color:#fff !important}
.pu-btn-inline{margin-left:.5rem;padding:.3rem .8rem;font-size:.85rem}
.pu-notice{background:#f5f8fa;border-left:4px solid var(--pu-petrol);padding:.8rem 1rem;border-radius:0 4px 4px 0;margin:0 0 1rem}
.pu-notice.pu-admin{border-left-color:#c0392b;font-size:.85rem}
/* Listenansicht */
.pu-layout-list .pu-list{grid-template-columns:1fr;gap:1rem}
.pu-layout-list .pu-course{flex-direction:row;align-items:stretch}
.pu-layout-list .pu-course-img{flex:0 0 220px;aspect-ratio:auto;min-height:140px}
@media (max-width:640px){.pu-layout-list .pu-course{flex-direction:column}.pu-layout-list .pu-course-img{flex:none;aspect-ratio:16/9}}
/* Highlights */
.pu-highlights-section{padding:4rem 0;background:#f5f8fa}
.pu-highlights-section .wrapper{max-width:1200px;margin:0 auto;padding:0 1.25rem}
.pu-highlights-head{text-align:center;margin:0 0 2rem}
.pu-pretitle{display:block;color:var(--pu-petrol);font-size:.9rem;letter-spacing:.02em;margin-bottom:.4rem}
.pu-highlights-title{font-size:2rem;font-weight:600;margin:0;color:#1f2937}
.pu-highlights-more{text-align:center;margin:2rem 0 0}
.pu-btn-outline{background:transparent;color:var(--pu-petrol) !important;border:2px solid var(--pu-petrol);padding:.5rem 1.2rem}
.pu-btn-outline:hover{background:var(--pu-petrol);color:#fff !important}
/* Strukturierte Kacheln */
.pu-course-kicker{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--pu-gold);margin:0 0 .35rem}
.pu-course-tagline{font-style:italic;color:var(--pu-muted);font-size:.9rem;margin:-.2rem 0 .5rem}
.pu-course-price{font-weight:600;color:var(--pu-petrol-dark);margin:0 0 .9rem;font-size:.95rem;border-top:1px solid var(--pu-border);padding-top:.7rem}
.pu-course-note{font-size:.82rem;color:var(--pu-muted);margin:-.5rem 0 .9rem;line-height:1.4}