/* Klausenbergalm Routen – Frontend */
.kba-routes-wrapper{width:100%;scroll-margin-top:20px}.kba-route-overview[hidden],.kba-route-details[hidden],.kba-route-detail[hidden]{display:none!important}
.kba-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 40px}
.kba-route-card{width:100%;display:flex;align-items:center;text-align:left;background:#fff;border:1px solid #d9e0e7;border-radius:16px;padding:10px;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;font:inherit;color:inherit}
.kba-route-card:hover,.kba-route-card.is-active{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.08);border-color:#aab7c4}
.kba-card-icon{width:40px;height:40px;min-width:40px;border-radius:5px;display:flex;align-items:center;justify-content:center;margin-right:7px}
.kba-icon{width:24px;height:24px;fill:currentColor;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kba-card-content{min-width:0}.kba-card-content strong{display:block;font-size:15px;line-height:1.2}.kba-card-meta{display:flex;gap:18px;color:#5f6368;font-size:14px;margin-top:6px;flex-wrap:wrap}
.kba-route-detail{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);scroll-margin-top:20px}
.kba-route-header{color:#fff;padding:20px 24px 22px}.kba-route-category{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;margin-bottom:20px}.kba-route-category .kba-icon{width:24px;height:24px}
.kba-route-header-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.kba-route-header h2{margin:0;font-size:23px;color:#fff}.kba-route-header p{margin:4px 0 0;color:rgba(255,255,255,.9);font-size:13px}
.kba-overview-button{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid rgba(255,255,255,.9);border-radius:12px;color:#fff;padding:7px 13px;cursor:pointer;line-height:1.05;font-size:12px}.kba-arrow{font-size:30px;line-height:1}
.kba-route-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #d9e0e7}.kba-route-stats>div{text-align:center;padding:9px 6px;border-right:1px solid #d9e0e7}.kba-route-stats>div:last-child{border-right:0}.kba-route-stats span{display:block;font-size:20px}.kba-route-stats small{display:block;color:#6b7280;font-size:12px}.kba-route-stats strong{display:block;font-size:13px}
.kba-route-description{padding:12px 20px 0;color:#555;font-size:15px;line-height:1.45}.kba-route-description p{margin:0 0 12px}
.kba-route-stages{padding:0 20px 12px;font-size:12px}.kba-route-stages>strong{display:block;margin-bottom:8px}.kba-stage{display:flex;align-items:center;gap:10px;margin:8px 0}.kba-stage-badge{width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#777;color:#fff;font-weight:700}.kba-stage-start .kba-stage-badge{background:#65a30d}.kba-stage-goal .kba-stage-badge{background:#b91c1c}.kba-stage strong,.kba-stage small{display:block}.kba-stage small{color:#777}
.kba-komoot{margin:0 20px 18px}.kba-komoot iframe{max-width:100%;width:100%;min-height:450px}
.kba-route-footer{display:flex;justify-content:space-between;gap:15px;padding:0 20px 20px}.kba-back-link{border:0;background:none;padding:0;color:#4b5563;cursor:pointer;font:inherit}.kba-permalink{font-size:13px;color:#555}
.kba-single-route .kba-route-detail{display:block}.kba-single-route .kba-route-detail[hidden]{display:block!important}
@media(max-width:767px){.kba-route-grid{grid-template-columns:1fr;gap:8px}.kba-route-header{padding:16px}.kba-route-header h2{font-size:19px}.kba-route-stats{grid-template-columns:repeat(2,1fr)}.kba-route-stats>div:nth-child(2){border-right:0}.kba-route-stats>div:nth-child(-n+2){border-bottom:1px solid #d9e0e7}.kba-route-footer{flex-direction:column}.kba-route-header-row{align-items:flex-start}.kba-overview-button{flex-shrink:0}}